@charset "utf-8";
/* CSS Document */
*{margin:0;
  padding:0;
}
.clear{clear:both;
}
header, nav, main, section, footer{display:block;
}
img, video, embed, ifram{max-width:100%;
}
a{text-decoration:none;
color:#FFF;
font-weight:bold;
}
body{font-family:Gotham, Helvetica, Arial, sans-serif;
        color:#5f5f5f;
}
.container{max-width:1250px;
           width:98%;
		   margin:0 auto;
}
.header{background:#1a1a1a;
        padding:35px 0;
}
.logo{float:left;
}
.nav1{float:right;
}
.nav1 a{padding:54px 10px; line-height:50px;
         transition:all 1s ease;
         }
.nav1 a:hover{background:#27b6de;
}
.nav1 li{display:inline;
}

.nav2{display:none;
}

.offer{
      text-align:center;
	  border-bottom:#5f5f5f solid 1px;
}
.offer h1{font-size:4em;
          padding:50px 0;
}
.offer_box{width:25%;
float:left;
padding:10px;
box-sizing:border-box;
}
.offer_box h3{font-size:1.5em;
             padding-top:30px;
			 padding-bottom:20px;
}
.offer_box p{line-height:25px;
}
.offer_box span{font-size:1.5em;
                color:#27b6de;
				font-weight:bold;
				border-bottom:solid 1px #5f5f5f;
				padding-bottom:15px;
}
.btn{padding:50px 0;
}
.btn a{color:#5f5f5f;
       text-decoration:none;
	   transition: all 1s ease;
	   padding:15px;
	   
}
.btn a:hover{background:#27b6de;
}
.offer_box img{-webkit-filter:brightness(0.5);
}
.offer_box img:hover{-webkit-filter:brightness(1);
}
.get{padding:70px 0;
}
.left{float:left;
}
.left h2{font-size:2em;
}
.right{float:right;
}
.right a{ color:#5f5f5f; padding:20px 20px;
}
.right a:hover{background:#27b6de;
}
.paralax{padding:50px 0;
          background:url(../images/blog2.jpg) no-repeat;
		  background-size:cover;
		  
		 
		  background-attachment:fixed;
}

.paralax1{float:left; width:33%;
          padding:0.8%;
		  box-sizing:border-box;
		  
}
.paralax1 h3{
            font-size:1.8em;
			color:#FFF;
			padding-bottom:30px;
}
.paralax1 h4{color:#27b6de;
             padding:10px 0;
}
.paralax1 p{color:#CCC;
}
.plast{padding-bottom:40px;
}
.paralax1 a{padding:15px 5px;
            transition:all 2s linear;
			
}
.paralax1 a:hover{
                 background:#27b6de; 
 
}
.paralax2, .paralax3{width:33.333%;
          padding:0.8%;
		  float:left;
		  box-sizing:border-box;
}
.paralax2 h3, .paralax3 h3{color:#FFF;
            font-size:1.8em;
			padding-bottom:30px;
}
.paralax2 h4, .paralax3 h4{color:#FFF;
              font-size:0.875em;
}
.paralax2  h5, .paralax3  h5{color:#27b6de;
             padding-bottom:30px;
}
.paralax2 a, .paralax3 a{padding:15px 5px;
            transition:all 2s linear;
			
}
.paralax2 a:hover, .paralax3 a:hover{
                 background:#27b6de; 
 
}
.news{padding:50px 0;
}
.news h2{font-size:2em;
}
.news1{float:left;
      width:25%;
	  padding:0.8%;
	  box-sizing:border-box;
}
.news1 h3{color:#27b6de;
          font-size:1em;
		  padding-top:30px;
		 
}
.news1 span{font-size:4em;
          border-bottom:solid 1px #5f5f5f;
}
.news1 p{padding:30px 0;
}
.news1 a{color:#5f5f5f;
         transition:all 2s ease-in-out;
		 padding:15px 5px;
}
.news1 a:hover{background:#27b6de;
}
#map{width:100%; height:250px;
}
footer{background:#191919; height:72px;
}
.logo1{background:url(../images/footer-logo.png) no-repeat; height:30px; float:left; margin-top:30px;
}
.logo1 p{padding-left:45px; padding-top:8px;
}
.nav3{float:right;  margin-top:30px;
}
.nav3 li{display:inline;
}
.nav3 a{padding:25px 10px;
         transition:all 1s ease;
         }
.nav3 a:hover{color:#27b6de;
}
@media screen and (max-width:768px){

.logo{text-align:center;
      float:none !important;
}
	.nav1{float:none; display:none !important;
}
	.nav2{display:block;
}
.nav2{padding-top:20px;
}
.nav2 select{border-radius:3px;
              outline:none;
			  padding:10px;
			  color:#27b6de;
			  font-weight:600;
			  width:100%;
			  
}
.offer_box{width:50%;
}
.left{width:100%; float:none !important;
               text-align:center;
			   font-size:1em;
}
.right{width:100%; float:none !important;
               text-align:center;
			   margin-top:20px;
}
.paralax{height:auto !important; 
}
.paralax1, .paralax2{width:50%;
                    
}
.paralax3{width:100%; text-align:center;
}
.paralax3{margin-top:20px;
}
.news1{width:50%;
}
.news{text-align:center;
}
.nav3{display:none;
}
#map{width:100%;
}
}
@media screen and (max-width:480px){
	.offer_box{width:100%;
	}
	.paralax1, .paralax2, .paralax3{width:100%; float:none !important; text-align:center;
                    
}
.paralax2{margin-top:20px;
}
.paralax{height:1300px; 
}
.news{text-align:center;
}
.news1{width:100%;
}
.nav3{display:none;
}
}