
/* Common */
html * { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; }
html, body { font-family:'Open Sans', sans-serif; font-style:normal; font-weight:400; font-size:16px; line-height:1.3em; color:#FFF; }
.body { position:relative; overflow-x:hidden; width:100%; }
a:hover { color:inherit; text-decoration:none; cursor:pointer; }
.clear { clear:both; }
strong { font-weight:600; }
input[type=text], textarea, select { border-radius:0; font-weight:400; font-style:normal; font-size:16px; -webkit-appearance:none; }
textarea:focus, input:focus { outline:none; }

.content { width:90%; max-width:1160px; margin:auto; position:relative; display:table; height:100%; }
.content-inner { height:100%; width:100%; display:table-cell; vertical-align:middle; }
.content-not-table { width:90%; max-width:1160px; margin:auto; position:relative; }
.content-half { width:90%; max-width:1160px; margin:auto; position:relative; display:table; height:50%; }
.logo { position:absolute; top:40px; left:0; }
.header-btn { font-size:16px; position:absolute; top:34px; right:0; border:1px solid #FFF; padding:0 10px; height:36px; line-height:36px; color:#FFF; }
.header-btn:hover { color:#FB3449; background:#FFF; }
.close-overlay { position:absolute; top:44px; right:0; cursor:pointer; }

.loading-overlay { z-index:9999; position:fixed; height:100%; width:100%; background:#333E48; color:#FFF; display:table; }
.loading-overlay .loading-inner { height:100%; width:100%; display:table-cell; vertical-align:middle; text-align:center; }

/* Sliders */
.swiper-button-next, .swiper-button-prev { background-size:24px 46px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image:url('../imgs/arrow-right.svg'); right:20px; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image:url('../imgs/arrow-left.svg'); left:20px; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:30px; }
.swiper-pagination-bullet { background:#FFF; opacity:0.35; border-radius:0; width:9%; height:4px; }
.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity:1; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin:0 1px 0 1px; }

/* Contact Overlay */
.contact-form-overlay { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; background:#333E48; /*display:none;*/ /* overflow-y:auto; */ /* overflow-x:hidden; */ }
.contact-form-overlay h4 { font-size:24px; text-align:center; font-weight:600; margin-bottom:40px; margin-top:120px; }
.contact-form-overlay h1 { font-size:55px; text-align:center; font-weight:600;  width:90%; max-width:780px; margin:auto; }
.contact-form-overlay .input { width:70%; margin:30px 0 0 15%; text-align:center; display:inline-block; color:#FFF; background:#333E48; font-size:55px; border:none; /* border-bottom:1px solid rgba(255,25 */5,255,0.3); border-radius:0; float:left; }
.contact-form-overlay textarea.input { height:100px; font-size:30px; padding:5px 0; line-height:1.3em; }
.contact-form-overlay .nextstep { float:left; display:inline-block; margin-top:35px; margin-left:20px; display:none; }
.contact-form-overlay .swiper-container2 { height:300px; }
.contact-form-overlay .logo, .contact-form-overlay .close-overlay { z-index:9; }
.thankyou { display:none; }
.contact-form-overlay .bottom { position:absolute; bottom:0; width:100%;  }
.contact-form-overlay .bottom a { color:inherit; text-decoration:underline; }
.contact-form-overlay .bottom .small { color:#7D868C; font-size:14px; line-height:1.3em; }
.contact-form-overlay .small-text { line-height:1.0em; }
.contact-form-overlay .bottom .content-inner { vertical-align:bottom; padding-bottom:20px; }

/* Blocks */
.block { height:700px; }

.block1 { background:#FB3449; }
.block1 h1 { max-width:780px; margin:auto; text-align:center; font-size:55px; font-weight:600; }

.block2 { background:#FFF; color:#333E48; }
.block2 h2 { max-width:800px; font-size:44px; font-weight:normal; }
.block2 .greenline { height:4px; background:#3CD52E; width:100px; margin-top:70px; margin-bottom:30px; }
.block2 p { max-width:360px; }
.block2 a { color:#7D868C; text-decoration:underline; }

.block3 { background:#E5E5E6; color:#7D868C; text-align:center; }
.block3 h4 { font-size:24px; text-align:center; font-weight:600; margin-bottom:50px; }
.block3 .logoblock { text-align:center; height:140px; display:table; }
.block3 .logoblock-inner { display:table-cell; height:100%; vertical-align:middle; }
.block3 .row { padding-bottom:100px; }

.block4 { color:#333E48; }
.block4 h2 { font-size:44px; font-weight:normal; }
.block4 h2 span { color:#3CD52E; }
.block4 .laptop { position:relative; }
.block4 .laptop img { width:792px; }

.block5 { background:#7D868C; }
.block5 .swiper-container { height:700px; }
.block5 img { margin-bottom:20px; height:46px; }
.block5 .swiper-slide .col-md-4 { padding-right:8%; }

.block6 { background:#333E48; }
.block6 .swiper-container { height:700px; text-align:center; }
.block6 .swiper-slide { /* background:#333E48; */ }
.block6 img { max-height:570px; max-width:100%; margin-top:50px; }

/*
.block7 { background:#E5E5E6; color:#333E48; }
.block7 h1 { font-size:55px; font-weight:normal; color:#3CD52E; margin-bottom:20px; }
.block7 h4 { font-size:24px; font-family:'MaisonNeueWEB-Demi'; }
.block7 strong { font-family:'MaisonNeueWEB-Demi'; }
.block7 h4.block-heading { text-align:center; color:#5560F6; margin-bottom:30px; }
.block7 .price-arrow { width:100%; margin-top:83px; }
.block7 a { color:#7D868C; text-decoration:underline; }
.block7 p { margin-bottom:15px; }
*/

.block8 { background:#FB3449; }
.block8 h4 { font-size:24px; font-weight:normal; margin-bottom:20px; }
.block8 h4.block-heading { font-weight:600; color:#FFF; text-align:center; margin:80px 0 120px 0; }
.block8 .swiper-slide .col-md-4 { padding-right:8%; }
.block8 a { color:#FFF; text-decoration:underline; }
.block8 span { color:#FBB03B; }
.block8 .swiper-container { height:474px; }
.block8 .swiper-button-next, .block8 .swiper-button-prev { margin-top:-140px; }

.footer { background:#333E48; }
.footer h3 { text-align:center; font-weight:600; font-size:40px; max-width:700px; margin-left:auto; margin-right:auto; }
.footer a { color:inherit; text-decoration:underline; }
.footer .small { color:#7D868C; font-size:14px; line-height:1.3em; }
.footer .bottom .content-inner { vertical-align:bottom; padding-bottom:20px; }
.footer .copyright { margin-top:25px; }

@media (max-width: 976px){
	.block2 h2, .block4 h2 { font-size:36px; }
	.footer h3 { font-size:37px; }
	.block3 img { max-height:55px; height:auto; max-width:90%; width:auto; }
	.block4 .laptop img { width:600px; margin-top:50px; }
	.block5 .swiper-slide .col-md-4 { text-align:center; margin:10px 0; padding:0 50px; }
	.block6 { height:auto; }
	.block6 .swiper-container { height:auto; }
	.block6 img { max-height:460px; margin-top:30px; margin-bottom:80px; }
	.block8 h4 { margin-top:30px; }
	.block8 h4.block-heading { margin:80px 0 40px 0; }
	.block8 .swiper-button-next, .block8 .swiper-button-prev { margin-top:-50px; }
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:5px; }
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:5px; }
	.contact-form-overlay .input { border-bottom:1px solid rgba(255,255,255,0.2);}
}

@media (max-width: 752px){
	.logo { width:140px; }
	.block1 { height:500px; }
	.block1 h1 { font-size:34px; padding-top:30px; }
	
	.block2 { height:600px; }
	.block2 h2 { font-size:30px; }
	.block2 .greenline { margin-top:40px; }
	
	.block3 { height:800px; }
	.block3 img { height:40px; }
	.block3 h4 { font-size:18px; margin-bottom:20px; }
	.block3 .row { padding-bottom:0px; }
	
	.block4 h2 { font-size:30px; margin-bottom:30px; }
	.block4 .laptop img { width:100%; }
	
	.block5 { background:#7D868C; }
	.block5 .swiper-container { height:700px; }
	.block5 img { margin-bottom:20px; height:46px; }
	.block5 .swiper-slide .col-md-4 { text-align:center; margin:10px 0; padding:0 50px; }
	
	.block6 { height:auto; }
	.block6 .swiper-container { height:auto; }
	.block6 .swiper-slide { padding-top:50px; padding-bottom:60px; }
	.block6 img { max-height:500px; margin-top:30px; margin-bottom:50px; }
	
	.block8 { font-size:14px; height:700px; }
	.block8 h4 { font-size:18px; margin-top:30px; }
	.block8 h4.block-heading { margin:40px 0 10px 0; }
	.block8 .swiper-slide .col-md-4 { padding-right:50px; }
	.block8 .swiper-container { height:600px; }
	.block8 .swiper-button-next, .block8 .swiper-button-prev { /* margin-top:240px; */ }
	.block8 .swiper-slide .col-md-4 { padding-left:30px; }
	
	.footer { font-size:14px; height:auto; }
	.footer h3 { font-size:30px; }
	.footer .small { font-size:11px; line-height:1.3em; }
	.footer .content-inner { padding:40px 0; }
	.footer .bottom .content-inner { vertical-align:bottom; padding-bottom:20px; padding-top:0; }
	
	.contact-form-overlay .close-overlay { top:34px; }
	.contact-form-overlay .bottom small { font-size:11px; line-height:1.3em; }
	.contact-form-overlay .bottom .content-inner { padding:40px 0; }
	.contact-form-overlay h1 { font-size:34px; padding-top:30px; }
	.contact-form-overlay .input { font-size:24px; height:30px; }
}


@media (max-height:1000px){
	@media (max-width:758px){
	.contact-form-overlay .bottom { display:none; }
	}
}
@media (max-height:757px){
	@media (min-width:758px){
	.contact-form-overlay .bottom { display:none; }
	}
}
