
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700);


















*{ margin:0px; padding:0px; text-decoration:none; outline:none;

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out ;


}

img { max-width: 100%; height: auto; border:0px; width: auto\9; /* ie8 */ }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { margin:0px; padding:0px;  font-size:14px; color:#000; background:#eee; font-family: 'Lato', sans-serif; font-weight:300;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}


/*--------------MAIN  USER CSS-----------------*/

.clear{ clear:both;}

.none { background-image:none !important; }

.left { float:left; }

.right { float:right; }

.loading {background: url('../images/ico_loading.gif') no-repeat center center;}





/*--------------BUTTON CSS-----------------*/
.btn-1{ width:346px; height:78px; line-height:78px; background:#f80006; font-size:20px;  text-shadow:0px 1px 2px #333; text-align:center; color:#fff; margin:0 0 20px 0px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; text-transform:uppercase;
-moz-box-shadow: 0px 0px 5px #faeb98;-webkit-box-shadow: 0px 0px 5px #faeb98;box-shadow: 0px 0px 5px #faeb98; float:right; font-weight:400;}
.btn-1:hover{ opacity:0.8;}

a.red{ display:block;  background:#f80006; font-size:20px;  text-shadow:0px 1px 2px #333; text-align:center; color:#fff;}
a.green{  display:block; background:#5a9907; font-size:20px;  text-shadow:0px 1px 2px #333; text-align:center;  color:#fff;}




.btn-2{ width:346px; height:78px; line-height:78px; background:#f80006; font-size:20px;  text-shadow:0px 1px 2px #333; text-align:center; color:#fff; margin:0 0 20px 0px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; text-transform:uppercase;
-moz-box-shadow: 0px 0px 5px #faeb98;
-webkit-box-shadow: 0px 0px 5px #faeb98;
box-shadow: 0px 0px 5px #faeb98; 
font-weight:400;}





a.yellow{ display:block; background:#ff9000; font-size:20px;  text-shadow:0px 1px 2px #333; text-align:center; color:#fff; float:none; margin:28px auto;}
a.yellow:hover{ background:#ff7e00;}

/*--------------BUTTON CSS-----------------*/







/*--------------START PROJECT CSS-----------------*/


.main{ width:100%; position:relative; /*height:3000px; background:url(../images/1.jpg) top center no-repeat;*/}
.center{ width:1170px; margin:0px auto;}
.header{ width:100%; background:url(../images/glass.png) repeat; position: fixed; top:0px; z-index:999; }

.logo{ float:left;}

.my-menu{ width:50%; float:right; margin:24px 0 0 0px;}






.slider{ width:100%; position:relative; }
.caption{ width:100%;  position:absolute; top:10%; left:0%;}
.capt{ width:55%; float:right; padding:17% 0 0 0%;}
.capt h2{ text-align:center; color:#f37122; font-size:40px; text-shadow:0px 1px 2px #333; font-weight:normal; margin-bottom:10%;}
.capt h2 span{ color:#ffffff; display:block;}
.down{ width:100%; position:absolute;  z-index:997; bottom:-23px; text-align:center;}
.down a{ display:block; clear:both; }

.down img{
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out ;
 }

.down img:hover{
  -webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out ;
  
  
  -webkit-transform: rotate(360deg) scale(1.2);
   -moz-transform: rotate(360deg) scale(1.2);
    -o-transform: rotate(360deg) scale(1.2);
     -ms-transform: rotate(360deg) scale(1.2);
      transform: rotate(360deg) scale(1.2);
  
  
  }




.slid-1{ width:100%; height:380px; background:#fff;}

.ctn-1{ text-align:center; font-weight:300; padding:0px 45px;}
.ctn-1 h1{ font-size:40px; color:#0481e4; text-transform:uppercase; font-weight:300; text-shadow:0px 1px 1px #bfc2c7; padding:60px 0 15px 0px;}
.ctn-1 p{ font-size:20px; line-height:36px; color:#000;}
.ctn-1 h3{font-size:28px; line-height:30px; color:#000; display:block; padding:25px 0 25px 0px; font-weight:700;}





.slid-2{ 
	/*width:100%; height:447px; background:url(../images/slid-2.jpg) center no-repeat;
   background-attachment: fixed;
    background-position: center center;
    background-size: auto auto;
    margin: 0 auto;
    position: relative;
    width: 100%;*/
  
  
  background:url(../images/slid-2.jpg) fixed;
 background-size: cover;
 background-position: 100% top;
 height:447px;
}











.ctn-2{ width:100%; padding:92px 0 82px 0px;}
.ctn-2 ul{ margin:0px; padding:0px; text-align:center;}
.ctn-2 ul li{ list-style:none; text-align:center; color:#fff; display:inline-block; margin:0px 80px;}
.ctn-2 ul li span{ width:217px; height:217px; display: block; background:#fff; display:table-cell; vertical-align: middle; border:solid 1px #fff;
-moz-border-radius: 100%;-webkit-border-radius: 100%; border-radius: 100%; cursor:pointer;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  
  
}

.ctn-2 ul li span:hover{ -moz-box-shadow: 0px 0px 10px #fff;-webkit-box-shadow: 0px 0px 10px #fff;box-shadow: 0px 0px 10px #fff; border:solid 1px #48803a; 

  -webkit-transform: scale(1.1);
   -moz-transform:  scale(1.1);
    -o-transform:  scale(1.1);
     -ms-transform: scale(1.1);
      transform: scale(1.1);

}
.ctn-2 ul li p{ color:#fff;font-size:20px; text-transform:uppercase; padding:30px 0 0 0px; font-weight:400;}
.ctn-2 ul li p a{color:#fff;}
.ctn-2 ul li p a:hover{color:#000;}










.slid-3{ width:100%;  background:#fff; }
.ctn-3{ padding:69px 0 54px 0px; margin:0px -22px;}
.ctn-3 ul{ width:29%; margin:0px 22px; padding:0px; float:left;}
.ctn-3 ul li{ list-style:none; font-size:16px; line-height:22px; background:url(../images/leaf.png) 0px 6px no-repeat; padding:0 0 0 25px; margin:0 0 16px 0px; }




.slid-4{ width:100%;   background:#f2f2f2; }
.ctn-4{  margin:0px 0px; padding:50px 0 40px 0px;}
.ctn-4 h3{ font-size:28px; font-weight:700; color:#000; text-align:center; padding:0px 0 65px 0px;}
.ctn-4 ul{ width:100%; text-align:center;}
.ctn-4 ul li{ list-style:none; display:inline-block; margin:0px 65px;}
.ctn-4 ul li p{ font-size:25px; color:#000; font-weight:300; padding:22px 0 0 0px;}





.slid-5{
  /* width:100%; height:447px; background:url(../images/slid-5.jpg) center no-repeat; 
   background-attachment: fixed;
    background-position: center center;
    background-size: auto auto;
    margin: 0 auto;
    position: relative;
    width: 100%;*/
  
 background:url(../images/slid-5.jpg) fixed;
 background-size: cover;
 background-position: 100% top;
 height:447px;
  
}















.ctn-5{ width:100%; padding:0px;}
.ctn-5 h1{ font-size:40px; font-style:italic; color:#fff; font-weight:400; text-align:center; padding:50px 0 92px 0px;}

.ctn-5 ul{ margin:0px; padding:0px; text-align:center;}
.ctn-5 ul li{ list-style:none; text-align:center; color:#fff; display:inline-block; margin:0px 22px;}
.ctn-5 ul li span{ width:251px; height:151px; display: block; background:#fff; display:table-cell; vertical-align: middle;
-moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius: 15px; cursor:pointer;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}



.slid-6{ width:100%;  background:#fff; }
.ctn-6{ width:82%; height:610px; padding:4%; background:#424242; margin:38px auto 50px; -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius: 15px;}
.ctn-6 h1{ color:#fff; font-size:40px; font-weight:300; padding:0 0 30px 0px; }
.ctn-6 ul{ width:60%; float:left; transition: all 0.0s ease-in-out;}
.ctn-6 ul li{ list-style:none; margin:0 0 29px 0px;   }

.select-1{ width:30%; float:left; margin:0 28px 29px 0px; }
.mar-0{ margin-right:0px;}

.fild-1{ width:96%; height:47px; padding:0% 2%; line-height:47px; background:#fff; border:0px; font-size:20px; font-family: 'Lato', sans-serif; font-weight:300;color:#000
; -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius: 15px; }



a.get{ width:296px; height:71px; background:#01a913; text-align:center; line-height:71px; font-size:20px; color:#fff; display:block; position:static !important;
 -moz-border-radius: 15px;-webkit-border-radius: 15px; border-radius: 15px;}
 
a.get:hover { background:#029e13;}
 
a.get:after {content: "\f101";   font-family: 'FontAwesome'; padding-left:10px; font-size:24px;}



.mail{ float:right; display:block; color:#ffe400; font-size:20px; text-align:center;}
.mail i{ font-size:100px;}
.mail a{ color:#ffe400;}
.mail a:hover{ color:#fff;}
.mail p{color:#ffe400; display:block; padding:3px 0 0 0px;}


.footer{ width:100%; background:url(../images/footer.png) repeat; padding:110px 0 30px 0px;}


ul.social{ margin:0px; padding:0px; width:100%; text-align:center;}
ul.social li{list-style:none; margin:0 10px 55px 0px; display:inline-block;}
ul.social li a{ width:92px; height:92px; line-height:92px;  background:#515151; display:block; color:#fff; text-align:center; font-size:50px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
}




ul.social li:first-child a:hover{ background:#294072;}
ul.social li:nth-child(2n) a:hover { background:#C34121}
ul.social li:nth-child(3n) a:hover { background:#2085D3}
ul.social li:last-child a:hover{ background:#0DB2F2}

.copy{ font-size:15px; color:#8a8a8a;  text-align:center; line-height:22px; font-weight:400;}
.copy span{ display:block;}
.copy a{color:#8a8a8a; padding:0px 5px;}


.copy a:before{content: "\f111";  font-family: 'FontAwesome'; font-size:6px; margin:0 7px 0 0px; line-height:15px;}
.copy a:hover{ color:#fff;}

ul.login{ float:right; margin:37px 0 0 20px;}
ul.login li{ list-style:none; float:left; color:#fff; line-height:18px; margin:0 20px 0 0px;}
ul.login li i{ font-size:18px; margin:0 5px 0 0px;}
ul.login li a{ color:#fff; font-size:14px;}
ul.login li a:hover{ color:#ff9000;}

.cont{ width:50px; position:fixed; left:0px; top:30%; background:#000; text-align:center; padding:25px 0 25px 0px;
 -moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;}

.cont:hover{background:#111;}

    
 

.form-ctn{width:700px; margin:0px auto;}
.form{ width:96%; padding:0% 2%; }
.form h1{font-size:30px;color:#007EFF; font-weight:300; text-align:center; padding:20px 0 20px 0px; border-bottom:solid 1px #ccc; margin-bottom:15px;}
.form p{ font-size:20px; display:block; padding:0px 15px 15px 15px; text-align:center;}

.form ul{ width:90%; margin:0px auto; transition: all 0.0s ease-in-out;}
.form ul li{ list-style:none; margin:0 0 15px 0px;} 
.fild-2{ width:96%; height:47px; padding:0% 2%; line-height:47px; background:#eee; border:0px; font-size:20px; font-family: 'Lato', sans-serif; font-weight:300;color:#000
; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; }
.form ul li label{ font-size:20px; display:block; padding:0 0 10px 0px;}

.form ul li a.get{ width:200px; height:50px; background:#01a913; text-align:center; line-height:50px; font-size:20px; color:#fff; display:block; text-transform:uppercase;}


.form ul li > div{ width:48%; float:left;}
.mar-1{ margin-left:20px; margin-bottom:15px;}

.big-link { display:block; text-align: center; font-size: 70px; color: #06f; }

#revel_bg{width:100%; height:100%;position:fixed;z-index:1000;top:0;left:0;background:rgba(0,0,0,0.8);opacity:0;}
#myModal{z-index:20000}