/* 
Project: Vasilev Lawoffice
*/
/* Box - new style */
/*
 <div></div> 
*/
.cb  {clear:both;}

.bgc0  {background-color:black}
.bgc1  {background-color:white}
.bgc2  {background-color:#aaa}
.bgc3  {background-color:#ccc}
.bgc3a  {background-color:#efefef}
.bgc4  {background-color:#b9d656}
.bgc5  {background-color:#78c144}
.bgc6  {background-color:#00aeef}



.fgc0  {color:black}
.fgc1  {color:white}
.fgc2  {color:#666}
.fgc3  {color:#aaa}
.fgc4  {color:#b9d656}
.fgc5  {color:#78c144}
.fgc6  {color:#00aeef}



.bc0  {border-color:black}
.bc1  {border-color:white}
.bc2  {border-color:#aaa}
.bc3  {border-color:#ccc}
.bc4  {border-color:#b9d656}
.bc5  {border-color:#78c144}
.bc6  {border-color:#00aeef}


.ff1 {font-family:'Gotham-Book'}
.ff2 {font-family:'Gotham-Book'}
.ff3 {font-family:'Gotham-Book'}
.ff4 {font-family:'Gotham-Book'}
.ff5 {font-family:'Gotham-Book'}


.fs100 {font-size:100px}
.fs80 {font-size:80px}
.fs70 {font-size:70px}
.fs65{font-size:65px}
.fs60 {font-size:60px}
.fs50 {font-size:50px}
.fs40 {font-size:40px}
.fs30 {font-size:30px}
.fs24 {font-size:24px}
.fs20 {font-size:20px}
.fs16 {font-size:16px}
.fs14 {font-size:14px}
.fs12 {font-size:12px}
.fs10 {font-size:10px}



.lh05{line-height:0.5}
.lh07 {line-height:0.7}
.lh08 {line-height:0.8}
.lh10 {line-height:1}
.lh15 {line-height:1.5}
.lh20 {line-height:2}
.lh25 {line-height:2.5}
.lh30 {line-height:3}
.lh50 {line-height:5}



.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
.taj {text-align:justify;}



.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab{vertical-align:bottom;}




.fll{float:left;}
.flr{float:right;}



.op05 {opacity:0.05}
.op2{opacity:0.2}
.op4 {opacity:0.4}
.op6 {opacity:0.6}
.op8 {opacity:0.8}
.op9 {opacity:0.9}


.box-p0{padding:0px;}
.box-p5{padding:5px;}
.box-p10{padding:10px;}
.box-p15{padding:10px;}
.box-p20{padding:20px;}
.box-p30{padding:30px;}
.box-p50{padding:50px;}
.box-p100{padding:100px;}

.box-m5{margin:5px;}
.box-m10{margin:10px;}
.box-m15{margin:10px;}
.box-m20{margin:20px;}
.box-m30{margin:30px;}
.box-m50{margin:50px;}
.box-m100{margin:100px;}

.box-mb5 {margin-bottom:5px;}

.mh50 {min-height: 50px}
.mh150 {min-height: 150px}
.mh200 {min-height: 200px}
.mh250 {min-height: 250px}
.mh300 {min-height: 300px}
.mh400 {min-height: 400px}
.mh600 {min-height: 500px}


.h50 {height: 50px}
.h150 {height: 150px}
.h200 {height: 200px}
.h250 {height: 250px}
.h300 {height: 300px}
.h400 {height: 400px}
.h600 {height: 500px}


.rot45 {-moz-transform:rotate(45deg);transform:rotate(45deg);}
.rot90 {-moz-transform:rotate(90deg);transform:rotate(90deg);}
.rot135 {-moz-transform:rotate(135deg);transform:rotate(135deg);}
.rot180 {-moz-transform:rotate(180deg);transform:rotate(180deg);}
.rot225 {-moz-transform:rotate(225deg);transform:rotate(225deg);}
.rot270 {-moz-transform:rotate(270deg);transform:rotate(270deg);}
.rot315 {-moz-transform:rotate(315deg);transform:rotate(315deg);}


.bo {border-style:solid;}
.bot {border-top-style:solid;}
.bor {border-right-style:solid;}
.bob {border-bottom-style:solid;}
.bol {border-left-style:solid;}


.bow1 {border-width:1px;}
.bow2 {border-width:2px;}
.bow3 {border-width:3px;}
.bow4 {border-width:4px;}
.bow5 {border-width:5px;}
.bow10 {border-width:10px;}
.bow15 {border-width:15px;}
.bow20 {border-width:20px;}

.bor5 {border-radius:5px};
.bor10{border-radius:10px};
.bor15 {border-radius:15px};
.bor50p {border-radius:50%};

.clr {clear:both;}
.tuc{text-transform:uppercase;}
.ttc{text-transform: capitalize;}
.ttn{text-transform: none;}
.fwb {font-weight:bold}
.fsi{font-style:italic}
.tdu{text-decoration:underline}
.ts {text-shadow:
   -1px -1px 0 rgba(255,255,255,0.2),  
    1px -1px 0 rgba(255,255,255,0.2),
    -1px 1px 0 rgba(0,0,0,0.2),
     1px 1px 0 rgba(0,0,0,0.2);
}
body{padding:0 !important;margin:0 !important}
.box-m25{margin:25px;}
.center{margin:0 auto;}
.dib{display:inline-block;}
.db{display:block;}
.cp{cursor:pointer;}

hr {color:#fff;border:0px solid #fff;border-bottom:1px solid #ccc;}

/* Responsive - new style */
/*
 <div></div> 
*/
.rc1-1 {width:100%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc1-2 {width:50%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc1-3 {width:33.333333333333%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc2-3 {width:66.666666666667%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc1-4 {width:25%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc3-4 {width:75%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc1-5 {width:20%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc2-5 {width:40%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc3-5 {width:60%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc4-5 {width:80%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc1-6 {width:16.666666666667%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc5-6 {width:83.333333333333%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc1-7 {width:14.285714285714%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc2-7 {width:28.571428571429%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc3-7 {width:42.857142857143%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc4-7 {width:57.142857142857%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc5-7 {width:71.428571428571%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc6-7 {width:85.714285714286%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc1-8 {width:12.5%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc3-8 {width:37.5%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc5-8 {width:62.5%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
.rc7-8 {width:87.5%;display:inline-block;margin:0;box-sizing:border-box;-moz-box-sizing:border-box}
@media only screen and (max-width : 1920px){
}
@media only screen and (max-width : 1600px){
}
@media only screen and (max-width : 1440px){
}
@media only screen and (max-width : 1024px){
.rc1-1 {width:100%;}
.rc1-2 {width:50%;}
.rc1-3 {width:50%;}
.rc2-3 {width:50%;}
.rc1-4 {width:33.333333333333%;}
.rc3-4 {width:66.666666666667%;}
.rc1-5 {width:33.333333333333%;}
.rc2-5 {width:33.333333333333%;}
.rc3-5 {width:66.666666666667%;}
.rc4-5 {width:66.666666666667%;}
.rc1-6 {width:25%;}
.rc5-6 {width:75%;}
.rc1-7 {width:25%;}
.rc2-7 {width:25%;}
.rc3-7 {width:50%;}
.rc4-7 {width:50%;}
.rc5-7 {width:75%;}
.rc6-7 {width:75%;}
.rc1-8 {width:20%;}
.rc3-8 {width:40%;}
.rc5-8 {width:60%;}
.rc7-8 {width:80%;}
}
@media only screen and (max-width : 768px){
.rc1-1 {width:100%;}
.rc1-2 {width:100%;}
.rc1-3 {width:50%;}
.rc2-3 {width:50%;}
.rc1-4 {width:50%;}
.rc3-4 {width:100%;}
.rc1-5 {width:50%;}
.rc2-5 {width:50%;}
.rc3-5 {width:100%;}
.rc4-5 {width:100%;}
.rc1-6 {width:33.333333333333%;}
.rc5-6 {width:100%;}
.rc1-7 {width:33.333333333333%;}
.rc2-7 {width:33.333333333333%;}
.rc3-7 {width:66.666666666667%;}
.rc4-7 {width:66.666666666667%;}
.rc5-7 {width:100%;}
.rc6-7 {width:100%;}
.rc1-8 {width:25%;}
.rc3-8 {width:50%;}
.rc5-8 {width:75%;}
.rc7-8 {width:100%;}
}
@media only screen and (max-width : 640px){
.rc1-1 {width:100%;}
.rc1-2 {width:100%;}
.rc1-3 {width:100%;}
.rc2-3 {width:100%;}
.rc1-4 {width:50%;}
.rc3-4 {width:100%;}
.rc1-5 {width:50%;}
.rc2-5 {width:50%;}
.rc3-5 {width:100%;}
.rc4-5 {width:100%;}
.rc1-6 {width:50%;}
.rc5-6 {width:100%;}
.rc1-7 {width:33.333333333333%;}
.rc2-7 {width:33.333333333333%;}
.rc3-7 {width:66.666666666667%;}
.rc4-7 {width:66.666666666667%;}
.rc5-7 {width:100%;}
.rc6-7 {width:100%;}
.rc1-8 {width:33.333333333333%;}
.rc3-8 {width:66.666666666667%;}
.rc5-8 {width:100%;}
.rc7-8 {width:100%;}
}
@media only screen and (max-width : 480px){
.rc1-1 {width:100%;}
.rc1-2 {width:100%;}
.rc1-3 {width:100%;}
.rc2-3 {width:100%;}
.rc1-4 {width:100%;}
.rc3-4 {width:100%;}
.rc1-5 {width:50%;}
.rc2-5 {width:50%;}
.rc3-5 {width:100%;}
.rc4-5 {width:100%;}
.rc1-6 {width:50%;}
.rc5-6 {width:100%;}
.rc1-7 {width:50%;}
.rc2-7 {width:50%;}
.rc3-7 {width:100%;}
.rc4-7 {width:100%;}
.rc5-7 {width:100%;}
.rc6-7 {width:100%;}
.rc1-8 {width:50%;}
.rc3-8 {width:100%;}
.rc5-8 {width:100%;}
.rc7-8 {width:100%;}
}
@media only screen and (max-width : 352px){
.rc1-1 {width:100%;}
.rc1-2 {width:100%;}
.rc1-3 {width:100%;}
.rc2-3 {width:100%;}
.rc1-4 {width:100%;}
.rc3-4 {width:100%;}
.rc1-5 {width:100%;}
.rc2-5 {width:100%;}
.rc3-5 {width:100%;}
.rc4-5 {width:100%;}
.rc1-6 {width:50%;}
.rc5-6 {width:100%;}
.rc1-7 {width:50%;}
.rc2-7 {width:50%;}
.rc3-7 {width:100%;}
.rc4-7 {width:100%;}
.rc5-7 {width:100%;}
.rc6-7 {width:100%;}
.rc1-8 {width:50%;}
.rc3-8 {width:100%;}
.rc5-8 {width:100%;}
.rc7-8 {width:100%;}
}


/* Animation - new style */
/*
 <div></div> 
*/
.anim-list li{opacity:0;
	transition:all 0.4s;
	-moz-transition:all 0.4s;;
	-webkit-transition:all 0.4s;}
.anim-list li.active{opacity:1;margin-top:15px;}

.animate{transition:all 0.4s;
	-moz-transition:all 0.4s;
	-webkit-transition:all 0.4s;}
	
.anim-slide-from-top.anim{
	 margin-top:-30px; /**/
}
.anim-slide-from-left.anim{
	 margin-left:-300px; /**/
}
.anim-slide-from-right.anim{
	 margin-left:300px; /**/
}
.anim-slide-from-right2.anim{
	 margin-left:600px; /**/
}
.anim-fade-in{
	 opacity:1; /**/
}
.anim-fade-in.anim{
	 opacity:0; /**/
}
.anim-expand-v{height:100px;width:100%;}
.anim-expand-v.anim{
	height:0px; /**/
}
.anim-expand-v2{}
.anim-expand-v2.anim{
	height:0px; /**/
	overflow:hidden;
}
.anim-expand-h{width:100%;}
.anim-expand-h.anim{
	width:0;
}
.anim-collapse-v{height:0px;}
.anim-collapse-v.anim{
	 /*height:0px;*/
}
.anim-collapse-h{width:0;}
.anim-collapse-h.anim{
	width:40%;
}
.anim-bump{}
.anim-bump.anim{
	margin:50px; /**/
}
.anim-pop{margin:50px;}
.anim-pop.anim{
	margin:0px; /**/
}

.anim-round-border{border-radius:50%;}
.anim-round-border.anim{
	border-radius:0; /**/
}

.anim-square-border{border-radius:0;}
.anim-square-border.anim{
	border-radius:50%;; /**/
}


























/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
	transform-style: preserve-3d;
}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	/*width: 100%;*/
	height: 350px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
}

/* 
	Some vertical flip updates 
*/
/*
.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container:hover .back {
	    transform: rotateX(0deg);
	}

	.vertical.flip-container:hover .front {
	    transform: rotateX(180deg);
	}
	*/

/* Background image with headline text - new style */
/*
 <section style="background-image:url('default/resources/nature.jpg')" class="tal">
	<div style="display:inline-block;padding:120px 0;width:100%;background-color:rgba(0,0,0,0.1)" class="tal">
		<h1 style="" class="title-1 tac">LET US TAKE CARE</h1>
		<h2 style="" class="title-2 box-p30 tac">Get the best from your porperty</h2>
		<div class="tac"><a href="" class="button-1 rc1-4">See us in action</a></div>
	</div>
</section>` 
*/
.section-t1 {
	background-attachment:fixed;background-size:cover;background-position:center center;
	background-color:rgba(0,80,127,1)
}
.section-content {
	background-color:#fff;
	padding:100px 30px;
}
.section-content h2{
	font-size:32px;
	text-align:center;
}
.section-content h3{
	font-size:24px;
	text-align:center;
}
.section-content p{
	font-size:20px;
	color:#444;
}
/* Headline - new style */
/*
 <h1>Headline text message</h1> 
*/
.headline {
    color: #FFFFFF;
    font-size: 46px;
    margin-bottom: 0;
    padding-top: 4%;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}

/* Nav-UL menu - new style */
/*
 <nav>
	<img src="/resources/logo.png">
	<ul>
		<li>
			<a href="">Home</a>
		</li>
		<li>
			<a href="">About</a>
		</li>
		<li>
			<a href="">Services</a>
		</li>
	</ul>

</nav> 
*/
.top-menu {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    opacity: 1;
    list-style-type: none;
    margin: 0;
    position: fixed;
    /*background-color: #83ccff;*/
    width: 100%;
}

.top-menu li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 10px 10px;
    border-bottom: 2px solid transparent;
}
.top-menu li:hover {
    
}
.top-menu img {
	float:left;
	margin:5px 30px 10px 20px;
}
.top-menu li a {
    color: #fff;
    font-size: 14px;
    display: block;
    margin: 5px;
    text-decoration: none;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

/* Headline - new style */
/*
 <h1>Headline text message</h1> 
*/
.headline-normal {
    color: #FFFFFF;
    font-size: 32px;
    margin-bottom: 0;
    padding-top: 2%;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
    
}

/* Headline - new style */
/*
 <h1>Headline text message</h1> 
*/
.headline-inherit {
	
}

/* A Button - new style */
/*
 <a href="">Button</a> 
*/
.button-action {
	color:#fff;
	border:1px solid #9988ff;
	border-radius:4px;
	text-decoration:none;
	padding:5px 15px;
	background-color:#6644ff;
}
.button-action:hover {
	color:#000;
	border:1px solid #6655ff;
	background-color:#9988ff;
}
.button-action:hover{
	background-color:#b0c1ef;
}