/*! normalize.css v3.0.2 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-Medium.eot');
src: url('../fonts/Montserrat/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff'),
url('../fonts/Montserrat/Montserrat-Medium.ttf') format('truetype'),
url('../fonts/Montserrat/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-Regular.eot');
src: url('../fonts/Montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-Regular.woff') format('woff'),
url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'),
url('../fonts/Montserrat/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-Bold.eot');
src: url('../fonts/Montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-Bold.woff') format('woff'),
url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'),
url('../fonts/Montserrat/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat/Montserrat-SemiBold.eot');
src: url('../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'),
url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),
url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype'),
url('../fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}
/* transition's 0.2s */
a, button, .our_works_bg img, nav, .sec6_2_block, .header3_input_holder, .sec6_5_form input, .sec6_5_form textarea, .sec4_11_block .link img, .sec6_11_block .img .image,
.footer7 input, .footer7 textarea, .sec1_9_block .img, .sec3_4_text, .sec3_4_text img, .sec3_4_link, .sec1_11_block, .header12_input_holder, .sec8_12_block, .header13 input,
.sec1_13_block img, .sec2_13_block img, .sec6_13_block, .header14_form .place, #header14_dates, #header14_select, .sec5_15_block .video, .header18_form input, .sec8_18_slider li, .footer18_form,
.footer20_popup, .desktop_menu{
transition: all 0.2s;
}
/* ذذ°ر‡ذ°ذ»رŒذ½ر‹ذµ رƒرپر‚ذ°ذ½ذ¾ذ²ذ؛ذ¸ */
body {font-family: Montserrat, Arial, sans-serif;color: #222328; font-size:16px; line-height:1.2; padding: 0; background: #fff; margin: 0 auto;}
body, nav, header, section, footer{width:100%;position:relative;}
a, a:focus {color:#d01400;text-decoration:none;cursor:pointer;outline:none;}
a:hover{text-decoration:none;}
strong{font-weight:600;}
b {font-weight:700;}
i{font-style:italic;font-family:Droid Serif;}
h1,h2,h3,h4,h5,h6{line-height:1;margin:0 auto;text-align:center;}
ul{margin:0;padding:0;list-style:none;}
input{
height: 30px;
width: 25px;
border:1px solid #c1c1c1;
padding-left: 15px;
padding-right:15px;
font-size:14px;
font-family: Montserrat, Arial;
text-align:center;
outline:none;
}
input[type=number]{-moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}
textarea{
height: 128px;
width: 760px;
border:1px solid #c1c1c1;
padding: 15px 20px;
font-size:16px;
font-family: Montserrat, Arial;
margin:0pauto;
margin-bottom:30px;
display:block;
resize:none;
outline:none;
}
button{
border:none;
color: #fff;
font-family: Montserrat, Arial;
font-size:18px;
cursor:pointer;
outline:none;
margin:0 auto;
background:#eb4e01;
padding:6px 20px;
}
.clr{clear:both;}
.c{min-height: 100%;width:1000px;margin: 0 auto;position:relative;}
/* رپر‚ذ¸ذ»ذ¸ ر€ذ°ذ·ذ´ذµذ»ذ¾ذ² رپذ°ذ¹ر‚ذ° */
h2{
font-size:42px;
line-height:52px;
}
h2.small{
font-size:32px;
line-height:42px;
}
h2.white{
color:#fff;
}
h2.left{
text-align:left;
}
@media(min-width:970px){
h2 span, h1 span, .bullit1_text span, .sec3_1_text span, .sec1_3_text span, .sec1_3_pluses .text span, .sec2_3 .sec8_1_posttitle span, .sec2_2_text .text span, .sec5_3_slider .text span,
.footer1_info .text span, .sec1_4_text span, .sec2_4_block .text span, .sec2_4_block_bottom span, .header5_text span, .sec3_5_text span, .sec5_5_text span, .sec5_6_text span,
.sec2_6_text span, .sec3_6_text span, .sec2_8 .right h3 span, .sec6_9_block .text span, .sec1_10_text span, .sec1_11_block h3 span, .sec4_13_inner .text span, .sec5_18_block .left .title span,
.sec1_13_text span{
display:block;
}
}
.container{
padding:0;
}
.desktop_menu{
position:fixed;
left:0;
top:0;
height:100%;
width:0px;
background:#222328;
overflow-x:hidden;
z-index:1000;
}
.desktop_menu.white{
background:#fff;
}
.desktop_menu.right{
left:auto;
right:0;
}
.desktop_menu.opened{
width:320px;
padding-left:60px;
padding-right:20px;
}
.desktop_menu .inner{
width:100%;
padding:115px 0 80px 0;
}
.desktop_menu a{
display:block;
color:#fff;
line-height:46px;
font-size:14px;
text-transform:uppercase;
font-weight:300;
}
.desktop_menu.white a{
color:#222328;
}
.desktop_menu a:hover{
opacity:0.7;
}
.mobile_menu{
display:none;
width:40px;
height:40px;
position:absolute;
top:40px;
left:48px;
background:url(../i/menu_white.png) no-repeat 50% 50%;
z-index:900;
}
.mobile_menu.changeColor.opened{
background:url(../i/menu_black.png) no-repeat 50% 50%;
}
.mobile_menu.black{
background:url(../i/menu_black.png) no-repeat 50% 50%;
}
.mobile_menu.black.changeColor.opened{
background:url(../i/menu_white.png) no-repeat 50% 50%;
}
.mobile_menu_close, .desktop_menu_close{
position:absolute;
top:40px;
left:48px;
display:none;
width:40px;
height:40px;
background:url(../i/mobile_menu_close_white.png) no-repeat 50% 50%;
}
.mobile_menu_close.black, .desktop_menu_close.black{
background:url(../i/mobile_menu_close_black.png) no-repeat 50% 50%;
}
.mobile_menu.right, .mobile_menu_close.right, .desktop_menu_close.right{
left:auto;
right:48px;
}
.mobile_socials{
margin-top:100px;
margin-bottom:100px;
display:none;
}
.mobile_socials a{
display:inline-block;
width:24px;
height:24px;
margin-right:20px;
background:url(../i/mobile_menu_socials_white.png) no-repeat 0px 50%;
}
.mobile_socials.black a{
background:url(../i/mobile_menu_socials_black.png) no-repeat 0px 50%;
}
.mobile_socials a.fb{
background-position:0px 50%;
}
.mobile_socials a.gp{
background-position:-54px 50%;
}
.mobile_socials a.tw{
background-position:-115px 50%;
}
.mobile_socials a.pi{
background-position:-177px 50%;
}
.mobile_socials a.in{
background-position:-237px 50%;
}
/* Navigation bar 1 */
.nav1{
height:100px;
background:#222328;
}
.flex{
height:100%;
display:flex;
justify-content:space-between;
align-items:stretch;
}
.logo1{
display:block;
width:200px;
height:100px;
background:url(../i/logo1.png) no-repeat 0% 50%;
background-size:100%;
}
.nav1_links{
text-align:center;
}
.nav1_links li{
display:inline-block;
height:100%;
}
.nav1_links li a, .nav1_links li a:focus{
padding:0 20px;
color:#fff;
font-size:16px;
font-weight:300;
line-height:100px;
height:100%;
display:inline-block;
vertical-align:top;
text-decoration:none;
}
.nav1_links li:hover a{opacity:0.7;}
.nav1_links li.active a{opacity:0.4;}
.nav1_links li.search a{
background:url(../i/icon_search.png) no-repeat 50% 50%;
}
.nav1_btn1{
display:inline-block;
padding:0 30px;
margin-top:32px;
color:#fff;
height:36px;
line-height:36px;
border-radius:18px;
text-align:center;
font-size:11px;
line-height:38px;
letter-spacing:1px;
text-transform:uppercase;
}
.nav1_btn1:hover{
color:#ccc;
}
.nav1_btn1.blue{
background:#3b55e6;
}
.nav1_btn1.blue:hover{
color:#fff;
background:#203cd8;
}
/* header 1 */
.header1{
height:1000px;
background:url(../i/bg_header1.jpg) no-repeat 50% 50%;
background-size:cover;
}
.header1_pretitle{
font-size:32px;
line-height:42px;
margin-top:220px;
text-align:center;
color:#fff;
}
.header1 h1{
font-size:72px;
line-height:82px;
margin-top:128px;
text-align:center;
color:#fff;
font-weight:400;
}
.header1_posttitle{
max-width:700px;
margin:40px auto 0 auto;
color:#fff;
font-size:18px;
line-height:28px;
text-align:center;
font-weight:300;
}
.header1_buttons{
text-align:center;
margin-top:150px;
}
.header1_button1, .header1_button2, .header1_button1:focus{
height:60px;
line-height:60px;
padding:0 34px;
font-size:14px;
color:#fff;
letter-spacing:1.5px;
background:#f42267;
border-radius:30px;
display:inline-block;
text-decoration:none;
}
.header1_button1:hover{
color:#fff;
background:#d91656;
}
.header1_button2, .header1_button2:focus{
background:transparent;
border:2px solid rgba(255,255,255,0.2);
margin-left:40px;
line-height:56px;
position:relative;
top:2px;
text-decoration:none;
color:#fff;
}
.header1_button2:hover{
color:#fff;
border-color:rgba(255,255,255,0.7)
}
/* Section 1 - bullits */
.sec1_1{
padding-top:90px;
padding-bottom:115px;
}
.bullit1{
text-align:center;
padding-top:50px;
padding-bottom:60px;
border-bottom:1px solid #e8e9ea;
}
.bullit1_border_sides{
border-left:1px solid #e8e9ea;
border-right:1px solid #e8e9ea;
}
.bullit1_no_border{
border-bottom:none;
}
.bullit1 h3{
font-size:16px;
color:#222328;
text-transform:uppercase;
line-height:26px;
letter-spacing:1px;
margin-top:40px;
}
.bullit1_text{
margin-top:40px;
font-weight:300;
color:#8c8f94;
font-size:18px;
line-height:26px;
letter-spacing:1px;
}
.bullit1_text strong{
font-weight:400;
}
/* Section 2 - Recent works */
.sec2_1{
padding-bottom:120px;
background:url(../i/bg_sec2_1.jpg) no-repeat 50% 50%;
background-size:cover;
}
.sec2_1 h2{
margin-top:115px;
}
.sec2_1_subtitle{
font-size:18px;
line-height:28px;
color:rgba(255,255,255,0.5);
font-weight:300;
max-width:430px;
margin:0 auto;
text-align:center;
margin-top:28px;
margin-bottom:75px;
}
.our_works{
margin-bottom:55px;
padding:0;
cursor:pointer;
}
.our_works:nth-of-type(3n+3){
text-align:center;
}
.our_works:nth-of-type(3n+1){
text-align:right;
}
.our_works_bg{
border-radius:8px;
background:#fff;
display:inline-block;
}
.our_works img{
border-radius:8px;
}
.our_works:hover>.our_works_bg img{
opacity:0.9;
}
.our_works h3{
color:#fff;
font-weight:300;
font-size:16px;
margin-top:26px;
}
.our_works_button, .our_works_button:focus{
margin:30px auto 0 auto;
text-align:center;
display:block;
width:240px;
}
/* Section 3 - Ipad & screens */
.sec3_1{
height:1100px;
background:url(../i/bg_sec3_1.jpg) no-repeat 50% 50%;
background-size:cover;
}
.sec3_1_pretitle{
font-size:16px;
line-height:26px;
letter-spacing:1px;
color:#222328;
text-transform:uppercase;
margin-top:195px;
}
.sec3_1 h2{
text-align:left;
margin-left:0;
margin-top:35px;
max-width:480px;
}
.sec3_1_text{
font-size:18px;
line-height:28px;
color:#3a3d4b;
margin-top:42px;
margin-bottom:50px;
font-weight:300;
}
.sec3_1_btn, .sec3_1_btn:focus{
display:block;
width:200px;
height:50px;
line-height:50px;
font-size:14px;
letter-spacing:1.5px;
text-align:center;
color:#fff;
border-radius:25px;
background:#3b55e6;
text-decoration:none;
}
.sec3_1_btn:hover{
background:#2742d6;
color:#fff;
}
.sec3_1_btn i{
letter-spacing:0px;
text-transform:none;
}
/* Section 4 - Safari Mockup */
.sec4_1{
height:1100px;
background:url(../i/bg_sec4_1.jpg) no-repeat 50% 50%;
background-size:cover;
}
.sec4_1 .sec3_1_pretitle{
margin-top:250px;
}
.sec4_1 h2{
text-align:left;
margin-top:33px;
}
.sec4_1 .bg_mobile{
width:100%;
display:none;
}
/* Section 5 - Our Customers (Slider) */
.sec5_1{
padding-top:110px;
padding-bottom:80px;
background:#f0ecdd;
}
.sec5_1_slider{
position:relative;
}
.sec5_1_text{
margin:0 auto;
max-width:770px;
font-family:Droid Serif;
font-size:30px;
line-height:42px;
font-style:italic;
color:#3a3d4b;
text-align:center;
margin-top:265px;
}
.sec5_1_stars{
text-align:center;
margin-top:40px;
}
.sec5_1_star{
display:inline-block;
width:24px;
height:24px;
margin:0 2px;
background:url(../i/sec5_1_star.png) no-repeat 50% 50%;
}
.sec5_1_author{
text-align:center;
text-transform:uppercase;
font-size:12px;
line-height:22px;
letter-spacing:1px;
margin-top:58px;
margin-bottom:60px;
}
.sec5_1_slider .bx-wrapper .bx-prev, .sec5_1_slider .bx-wrapper .bx-next {
opacity:0.2;
top:130px;
}
.sec5_1_slider .bx-wrapper .bx-prev:hover, .sec5_1_slider .bx-wrapper .bx-next:hover {
opacity:0.5;
}
#sec5_1_pager{
position:absolute;
top:70px;
left:0;
width:100%;
text-align:center;
}
#sec5_1_pager a{
display:inline-block;
width:90px;
height:90px;
opacity:0.5;
margin:0 65px;
}
#sec5_1_pager a img{
border-radius:50%;
width:100%;
height:100%;
}
#sec5_1_pager a.active{
width:130px;
height:130px;
opacity:1;
}
/* Section 6 - Our Corporate Clients */
.sec6_1{
background:#bcc6c9;
padding-bottom:115px;
}
.sec6_1 h2{
color:#3a3d4b;
margin-top:90px;
}
.sec6_1_logos{
text-align:center;
margin-top:65px;
}
.sec6_1_logos img{
max-width:300px;
display:inline-block;
vertical-align:middle;
}
/* Section 7 - The Executive Team */
.sec7_1{
padding-bottom:120px;
}
.sec7_1 h2{
margin-top:110px;
}
.sec7_1_posttitle{
font-size:18px;
line-height:28px;
font-weight:300;
margin-top:25px;
text-align:center;
opacity:0.8;
}
.sec7_1_team_holder{
display:flex;
justify-content:space-between;
align-items:stretch;
}
.sec7_1_team{
border:2px solid #e8e9e9;
border-radius:8px;
padding-top:50px;
width:370px;
text-align:center;
margin-top:60px;
padding-bottom:95px;
position:relative;
}
.sec7_1_team img{
border-radius:50%;
}
.sec7_1_team h3{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1px;
margin-top:30px;
}
.sec7_1_text{
font-weight:300;
color:#8c8f94;
font-size:16px;
line-height:26px;
max-width:310px;
margin:25px auto 0 auto;
}
.sec7_1_socials{
text-align:center;
position:absolute;
bottom:45px;
width:100%;
}
.sec7_1_socials a{
display:inline-block;
width:24px;
height:24px;
background:url(../i/sec7_1_team_socials.png) no-repeat 0px 3px;
margin:0 11px;
}
.sec7_1_socials a:hover{
opacity:0.8;
}
.sec7_1_socials a.twitter{
background-position: 0 3px;
}
.sec7_1_socials a.facebook{
background-position: -50px 3px;
}
.sec7_1_socials a.google{
background-position: -98px 3px;
}
/* Section 8 - What is inside */
.sec8_1{
background:#222328;
text-align:center;
padding-bottom:160px;
}
.sec8_1 h2{
margin-top:120px;
}
.sec8_1_posttitle{
text-align:center;
color:#fff;
opacity:0.5;
font-size:18px;
line-height:28px;
font-weight:300;
max-width:630px;
margin: 30px auto 0 auto;
}
.sec8_1_block{
width:170px;
margin:85px 62px 0 62px;
display:inline-block;
color:#fff;
}
.sec8_1_block .big{
font-size:82px;
line-height:92px;
margin-top:25px;
}
.sec8_1_block .small{
font-size:14px;
line-height:18px;
opacity:0.5;
letter-spacing:1px;
margin-top:35px;
}
/* Footer 1 */
.footer1{
padding-top:110px;
}
.footer1 .container{
position:relative;
}
.footer1 h2{
line-height:46px;
max-width:650px;
text-align:left;
margin:0;
}
.footer1_buy{
position:absolute;
top:0;
right:0;
padding-top:20px;
max-width:320px;
text-align:center;
}
.footer1_buy_btn, .footer1_buy_btn:focus{
display:block;
height:60px;
line-height:60px;
padding:0 35px;
border-radius:30px;
background:#30ce91;
color:#fff;
letter-spacing:1px;
font-size:14px;
text-decoration:none;
}
.footer1_buy_btn:hover{
color:#fff;
background:#1fba7e;
}
.footer1_buy_read, .footer1_buy_read:focus{
font-size:12px;
line-height:22px;
letter-spacing:1px;
color:#8c8f94;
text-transform:uppercase;
margin-top:20px;
display:inline-block;
text-decoration:none;
}
.footer1_buy_read:hover{
color:#333;
}
.line{
border-bottom:1px solid #f4f4f4;
}
.footer1 .line{
margin-top:110px;
}
.footer1_info{
margin-top:75px;
max-width:270px;
float:left;
}
.footer1_info h3{
font-size:22px;
line-height:34px;
text-align:left;
}
.footer1_info h3 i{
font-family:Droid Serif;
}
.footer1_info .text{
margin-top:20px;
font-weight:300;
font-size:16px;
line-height:26px;
color:#8c8f94;
}
.footer1_info_logo{
margin-top:70px;
}
.footer1_info_socials{
margin-top:35px;
}
.footer1_info_socials a{
display:inline-block;
height:24px;
width:24px;
background:url(../i/footer1_info_socials.png) no-repeat 0 0;
opacity:0.5;
margin-right:15px;
}
.footer1_info_socials a:hover{
opacity:0.8;
}
.footer1_info_socials a.twitter{
background-position:0 0;
}
.footer1_info_socials a.facebook{
background-position:-39px 0;
}
.footer1_info_socials a.google{
background-position:-80px 0;
}
.footer1_info_socials a.tunmlr{
background-position:-120px 0;
}
.footer1_info_socials a.pinterest{
background-position:-160px 0;
}
.footer1_info_socials a.instagram{
background-position:-200px 0;
}
.footer1_links{
float:right;
vertical-align:top;
margin-top:75px;
}
.footer1_links .col{
float:left;
margin-right:50px;
}
.footer1_links .col .text{
text-transform:uppercase;
font-size:12px;
line-height:22px;
letter-spacing:1px;
}
.footer1_links .col a, .footer1_links .col a:focus{
display:block;
margin-top:20px;
font-size:16px;
font-weight:300;
color:#8c8f94;
line-height:1;
text-decoration:none;
}
.footer1_links .col a:hover{
color:#222;
}
.footer1_dark{
margin-top:100px;
background:#222328;
height:100px;
padding-top:45px;
font-size:14px;
line-height:1;
color:#8c8f94;
font-weight:300;
letter-spacing:0.5px;
}
.footer1_dark .left{
float:left;
}
.footer1_dark .right{
float:right;
}
.footer1_dark a, .footer1_dark a:focus{
display:inline-block;
margin-left:30px;
font-size:16px;
line-height:1;
color:#8c8f94;
font-weight:300;
text-decoration:none;
}
.footer1_dark a:hover{
color:#fff;
}
/*
*
*
*
*
Landing 2
*
*
*
*
*
*/
/* Navigation 2 */
.nav2, .footer2_nav2{
position:absolute;
top:0;
left:0;
height:100px;
z-index:100;
}
.nav2 .container, .footer2_nav2 .container{
height:100%;
padding-top:40px;
}
.nav2_links{
margin-top:31px;
}
.nav2_btn{
display:inline-block;
border:2px solid #535456;
height:42px;
padding:0 20px 0 50px;
line-height:38px;
color:#fff;
font-size:11px;
text-transform:uppercase;
background:url(../i/nav2_btn_appstore.png) no-repeat 0 50%;
border-radius:21px;
letter-spacing:1px;
}
.nav2_btn:hover{
color:#fff;
border-color:#fff;
}
.nav2_btn.play_market{
background:url(../i/nav2_btn_play_market.png) no-repeat 0 50%;
margin-left:25px;
}
.nav2_links .link{
line-height:42px;
font-weight:300;
margin-right:30px;
font-size:14px;
color:#fff;
}
.nav2_links .link:hover{
opacity:0.8;
}
/* Header 2 */
.header2{
height:1000px;
background:url(../i/bg_header2.jpg) no-repeat 50% 50%;
background-size:cover;
}
.header2_pretitle{
margin-top:150px;
text-align:center;
font-size:24px;
line-height:34px;
color:#fff;
}
.header2_pretitle img{
display:block;
margin:0 auto;
margin-bottom:15px;
}
.header2 h1, .header3 h1, .footer2 h1, .header5 h1{
font-size:72px;
line-height:82px;
color:#fff;
margin-top:55px;
}
.header2_posttitle{
font-size:18px;
line-height:28px;
font-weight:300;
color:#fff;
opacity:0.8;
max-width:660px;
margin:30px auto 0 auto;
text-align:center;
}
.header2_block{
width:433px;
height:432px;
position:absolute;
bottom:0;
left:50%;
margin-left:-216px;
background:url(../i/header2_iphone.png) no-repeat 0 0;
}
/* Section 1 (2) - Quick work with elements */
.sec1_2{
background:#bcc6c9;
padding-top:115px;
padding-bottom:153px;
}
.sec1_2_text{
color:#3a3d4b;
font-size:18px;
line-height:28px;
font-weight:300;
text-align:center;
max-width:830px;
margin:38px auto 0 auto;
}
.sec1_2_text .title{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
margin-bottom:25px;
}
.sec1_2 .line{
margin:85px auto 45px auto;
width:970px;
border-color:#a9b0b4;
}
.sec1_2 .half{
float:left;
width:470px;
margin-left:85px;
vertical-align:top;
}
.sec1_2 .half.right{
float:right;
margin-right:85px;
margin-left:0;
}
.sec1_2 .half .sec1_2_text{
text-align:left;
}
/* Section 2 (2) - iPhone features */
.sec2_2 .container{
padding-bottom:158px;
position:relative;
}
.sec2_2 .inner{
max-width:570px;
}
.sec2_2 h2{
margin-top:220px;
}
.sec2_2 .sec1_2_text{
text-align:left;
margin:20px 0 105px 0;
color:#8c8f94;
}
.sec2_2 .img_right{
position:absolute;
right:0;
bottom:0;
max-width:570px;
max-height:100%;
}
.sec2_2_text{
color:#8c8f94;
font-size:18px;
line-height:28px;
font-weight:300;
margin-bottom:65px;
}
.sec2_2_text .title{
font-weight:400;
font-size:16px;
line-height:26px;
letter-spacing:1.5px;
text-transform:uppercase;
color:#222328;
padding-left:30px;
margin-bottom:20px;
position:relative;
}
.sec2_2_text .title:before{
content:"";
display:block;
width:30px;
height:26px;
position:absolute;
left:0;
top:0;
}
.sec2_2_text .title.icon1:before{
background:url(../i/icon_sec2_2_1.png) no-repeat 0 50%;
}
.sec2_2_text .title.icon2:before{
background:url(../i/icon_sec2_2_2.png) no-repeat 0 50%;
}
/* Section 3 (2) - Many Useful Components */
.sec3_2{
background:#232225 url(../i/bg_sec3_2.jpg) no-repeat 50% 50%;
background-size:cover;
height:1100px;
}
.sec3_2_img{
width:370px;
float:left;
margin-top:132px;
}
.sec3_2_inner{
float:right;
width:670px;
margin-top:230px;
}
.sec3_2_text{
color:#fff;
opacity:0.6;
font-size:18px;
line-height:28px;
margin-top:40px;
font-weight:300;
}
.sec3_2_col{
width:270px;
float:left;
margin-top:83px;
margin-right:30px;
color:#fff;
font-size:18px;
line-height:28px;
font-weight:300;
}
.sec3_2_col.last{
margin-right:0;
}
.sec3_2_col .title{
font-size:16px;
font-weight:400;
text-transform:uppercase;
letter-spacing:1px;
margin:35px 0 30px 0;
}
.sec3_2_btn{
display:inline-block;
background:#fff;
color:#222328;
height:60px;
line-height:60px;
padding:0 40px;
border-radius:30px;
font-size:14px;
font-weight:400;
letter-spacing:1.5px;
text-transform:uppercase;
}
.sec3_2_btn:hover{
background:#ddd;
color:#222328;
}
.sec3_2 .sec3_2_btn{
margin-top:95px;
}
/* Section 4 (2) - Partner's logos */
.sec4_2{
padding-top:90px;
padding-bottom:74px;
background:#fbfdfd;
}
.sec4_2 .partners{
display:flex;
justify-content:space-between;
align-items:center;
}
/* Section 5 (2) - OPEN YOUR OWN SHOP */
.sec5_2{
background:#bcc6c9 url(../i/bg_sec5_2.jpg) no-repeat 50% 50%;
background-size:cover;
padding-top:178px;
padding-bottom:203px;
}
.sec5_2 .sec3_1_pretitle{
margin-top:0;
margin-bottom:17px;
}
.sec5_2 .sec3_1_text{
margin-top:30px;
}
.sec5_2_feature{
width:370px;
border:2px solid #fff;
border-radius:8px;
color:#fff;
font-size:18px;
line-height:28px;
font-weight:300;
margin-top:83px;
}
.sec5_2_feature .title{
height:60px;
line-height:60px;
padding:0 30px;
background:#fff;
color:#a5b1b5;
font-size:16px;
letter-spacing:1px;
font-weight:400;
text-transform:uppercase;
}
.sec5_2_feature .text{
padding:20px 30px;
}
/* Section 6 (2) - A Lot of Great Components */
.sec6_2{
padding-top:137px;
padding-bottom:119px;
}
.sec6_2_left{
max-width:370px;
margin-top:3px;
}
.sec6_2_link{
display:inline-block;
line-height:50px;
font-size:16px;
color:#bcc6c9;
letter-spacing:1px;
}
.sec6_2_link img{
margin-right:15px;
}
.sec6_2_video{
float:right;
width:570px;
height:370px;
position:relative;
vertical-align:top;
}
.sec6_2_video video{
width:570px;
height:370px;
border-radius:8px;
}
.sec6_2_video_play{
display:block;
width:70px;
height:70px;
position:absolute;
top:50%;
left:50%;
margin:-35px 0 0 -35px;
background:#fff url(../i/sec6_2_video_play.png) no-repeat 50% 50%;
border-radius:50%;
z-index:10;
}
.sec6_2_video_play:hover{
background-color:#eee;
}
.sec6_2_video_play.red{
background:#f42267 url(../i/sec6_2_video_play_white.png) no-repeat 50% 50%;
}
.sec6_2_video_play.red:hover{
background-color:#e70751;
}
.sec6_2 .line{
margin-top:108px;
}
.sec6_2_blocks_holder{
margin-top:60px;
display:flex;
justify-content:space-between;
}
.sec6_2_block{
font-size:18px;
line-height:28px;
font-weight:300;
padding:35px 40px 40px 40px;
border-radius:10px;
width:370px;
display:inline-block;
cursor:pointer;
}
.sec6_2_block.dark{
color:#fff;
background:#222328;
}
.sec6_2_block .title{
font-size:16px;
line-height:26px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:400;
margin-bottom:24px;
}
/* Section 7 (2) - Purchase App */
.sec7_2{
background:#f0ecdd;
text-align:center;
padding-bottom:83px;
}
.sec7_2 h2{
margin-top:95px;
}
.sec7_2_line{
border-top:1px solid #dbd8cb;
text-align:center;
margin-top:75px;
margin-bottom:60px;
}
.sec7_2_line div{
display:inline-block;
position:relative;
top:-12px;
padding: 0 20px;
color:#c2c1bb;
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;
background:#f0ecdd;
}
.sec7_2_btn{
display:inline-block;
width:270px;
height:60px;
line-height:60px;
font-size:14px;
color:#fff;
text-transform:uppercase;
letter-spacing:1.5px;
border-radius:30px;
margin:0 12px;
}
.sec7_2_btn img{
margin-right:15px;
}
.sec7_2_btn.blue{
background:#3b55e6;
}
.sec7_2_btn.blue:hover{
background:#2742d7;
color:#fff;
}
.sec7_2_btn.green{
background:#30ce91;
}
.sec7_2_btn.green:hover{
background:#17bc7c;
color:#fff;
}
/* Footer 2 */
.footer2{
background:#2d2c31 url(../i/bg_footer2.jpg) no-repeat 50% 50%;
background-size:cover;
height:800px;
}
.footer2_nav{
height:22px;
margin-top:70px;
}
.footer2_nav .links{
float:left;
}
.footer2_nav .links a{
margin-right:60px;
color:#fff;
text-transform:uppercase;
font-size:16px;
line-height:22px;
letter-spacing:1px;
}
.footer2_nav .links a:hover{
color:#ccc;
}
.footer2_nav .socials{
float:right;
}
.footer2_nav .socials a{
display:inline-block;
height:22px;
width:30px;
margin-left:26px;
background:url(../i/footer2_socials.png) no-repeat 0 0;
opacity:0.4;
}
.footer2_nav .socials a:hover{
opacity:1;
}
.footer2_nav .socials a.tw{
background-position:0 0;
}
.footer2_nav .socials a.fb{
background-position:-58px 0;
}
.footer2_nav .socials a.google{
background-position:-117px 0;
}
.footer2_nav .socials a.tb{
background-position:-175px 0;
}
.footer2_nav .socials a.circle{
background-position:-238px 0;
}
.footer2_nav .socials a.behance{
background-position:-300px 0;
}
.footer2 .header2_pretitle{
margin-top:145px;
}
.footer2_nav2{
top:auto;
bottom:55px;
}
.footer2_nav2 .nav2_btn{
border-color:#6d6f72;
}
.footer2_nav2 .nav2_btn:hover{
border-color:#fff;
}
.footer2_nav2 .nav2_btn.play_market{
margin-left:5px;
}
.footer2_nav2 .link{
color:#8c8f94;
}
.footer2_nav2 .link:hover{
color:#fff;
}
/*
Landing 3
*/
/* Navigation bar 3 */
.nav3{
height:36px;
width:100%;
position:absolute;
top:60px;
left:0;
z-index:10;
}
.nav3 .left{
float:left;
}
.nav3 .right{
float:right;
}
.nav3 a, .nav3 a:focus{
display:inline-block;
font-weight:300;
font-size:16px;
color:#fff;
line-height:36px;
}
.nav3 a:hover{
color:#ccc;
}
.nav3 .left a{
margin-right:40px;
}
.nav3 .right a{
margin-left:30px;
font-weight:400;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
}
.nav3 .right a.grey{
opacity:0.5;
}
.nav3 .right a.btn{
border:2px solid rgba(255,255,255,0.5);
padding:0 20px;
border-radius:18px;
line-height:32px;
}
.nav3 .mobile_menu_close{
display:none;
}
/* Header 3 */
.header3{
background:#515e69 url(../i/bg_header3.jpg) no-repeat 50% 50%;
background-size:cover;
height:900px;
color:#fff;
text-align:center;
}
.header3_pretitle{
margin-top:115px;
font-size:24px;
letter-spacing:1px;
}
.header3 h1{
margin-top:160px;
font-size:62px;
}
.header3_posttitle{
font-size:22px;
line-height:32px;
max-width:430px;
margin:30px auto 0 auto;
}
.header3_input_holder{
border:2px solid rgba(255,255,255,0.3);
border-radius:30px;
padding:4px;
display:inline-block;
margin-top:145px;
}
.header3 .header3_input_holder.focused{
border-color:rgba(255,255,255,0.8);
}
.header3_input_holder input[type=text]{
font-size:16px;
color:#fff;
background:none;
outline:none;
margin-left:25px;
padding:0;
float:left;
width:320px;
height:48px;
border:none;
text-align:left;
}
.header3_input_holder button{
background:#3b55e6;
color:#fff;
letter-spacing:1.5px;
padding:0 25px;
float:right;
height:48px;
line-height:48px;
border-radius:24px;
text-transform:uppercase;
font-size:14px;
}
.header3_input_holder button:hover{
background:#2742d6;
}
/* Section 1 (3) */
.sec1_3{
padding-top:116px;
padding-bottom:105px;
}
.sec1_3_text{
font-weight:300;
color:#3a3d4b;
font-size:18px;
line-height:26px;
text-align:center;
margin-top:40px;
}
.sec1_3_text strong{
font-weight:500;
}
.sec1_3_pluses{
float:right;
width:370px;
margin-top:180px;
position:relative;
}
.sec1_3_pluses h3{
letter-spacing:1px;
line-height:36px;
font-size:16px;
text-transform:uppercase;
position:relative;
text-align:left;
}
.sec1_3_pluses h3 span{
display:block;
line-height:32px;
font-size:12px;
width:36px;
height:36px;
border:2px solid #bcc6c9;
border-radius:50%;
position:absolute;
top:0;
left:-53px;
text-align:center;
background:#fff;
}
.sec1_3_pluses .text{
font-weight:300;
color:#8c8f94;
line-height:28px;
font-size:18px;
margin-top:20px;
margin-bottom:125px;
}
.sec1_3_pluses .text i{
color:#bcc6c9;
}
.sec1_3_pluses_line{
position:absolute;
left:-35px;
top:0;
width:2px;
height:590px;
background:#ebeeef;
}
.bg_sec1_3{
float:left;
max-width:750px;
margin-top:90px;
}
/* Section 2 (3) */
.sec2_3{
background:#f0ecdd;
padding-top:110px;
padding-bottom:183px;
}
.sec2_3 .sec8_1_posttitle{
color:#3a3d4b;
opacity:1;
}
.sec2_3_video{
text-align:center;
margin:67px auto 0 auto;
max-width:970px;
}
.sec2_3_video iframe{
width:100%;
max-width:970px;
height:550px;
}
/* Section 3 (3) */
.sec3_3{
background:#1f2528 url(../i/bg_sec3_3.jpg) no-repeat 50% 50%;
background-size:cover;
padding-top:110px;
padding-bottom:127px;
}
.sec3_3 h2{
font-size:42px;
line-height:52px;
}
.sec3_3 .logos{
display:flex;
justify-content:space-between;
max-width:970px;
margin:60px auto 0 auto;
}
/* Section 4 (3) */
.sec4_3{
padding-bottom:118px;
}
.sec4_3 .bullit1 h3{
text-transform:none;
margin-top:25px;
font-size:18px;
}
.sec4_3 .bullit1_text{
color:#3a3d4b;
font-size:16px;
line-height:26px;
font-weight:300;
margin-top:30px;
letter-spacing:0.4px;
}
/* Section 5 (3) */
.sec5_3{
text-align:center;
color:#fff;
}
.sec5_3_slider li{
background-color:#445965;
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
height:800px;
}
.sec5_3_slider .quote{
margin:160px auto 85px auto;
}
.sec5_3_slider .text{
font-size:26px;
line-height:38px;
}
.sec5_3_slider .author{
margin-top:83px;
font-size:18px;
}
.sec5_3_slider .author img{
display:block;
border-radius:50%;
margin:0 auto;
margin-top:30px;
}
.sec5_3 .bx-wrapper .bx-prev{
opacity:0.4;
background:url(../i/arrow_left_white.png) no-repeat 0 0;
top:350px;
left:80px;
}
.sec5_3 .bx-wrapper .bx-next{
opacity:0.4;
background:url(../i/arrow_right_white.png) no-repeat 0 0;
top:350px;
right:80px;
}
.sec5_3 .bx-wrapper .bx-prev:hover, .sec5_3 .bx-wrapper .bx-next:hover{
opacity:0.8;
}
/* Section 6 (3) */
.sec6_3{
padding-top:145px;
text-align:center;
padding-bottom:145px;
}
.sec6_3 h2{
font-size:62px;
line-height:72px;
}
.sec6_3_posttitle{
font-size:22px;
line-height:32px;
margin-top:40px;
}
.sec6_3 .header3_input_holder{
border-color:rgba(0,0,0,0.1);
margin-top:100px;
}
.sec6_3 .header3_input_holder.focused{
box-shadow:0 20px 50px rgba(0,0,0,0.2);
border-color:#fff;
}
.sec6_3 .header3_input_holder input[type=text]{
color:#000;
}
.sec6_3 .header3_input_holder button{
background:#30ce91;
padding:0 35px;
}
.sec6_3 .header3_input_holder button:hover{
background:#1dba7d;
}
/* Footer 3 */
.footer3{
background:#bcc6c9;
padding-top:15px;
padding-bottom:60px;
}
.footer3 .footer1_links{
margin-top:85px;
}
.footer3 .footer1_info .text{
font-size:13px;
line-height:24px;
color:#3a3d4b;
opacity:0.5;
}
.footer3 .footer1_info_logo{
margin-top:185px;
}
.footer3 .footer1_links .col{
margin-right:90px;
}
.footer3 .footer1_links .col .text{
text-transform:none;
font-style:italic;
font-family:Droid Serif;
font-size:22px;
line-height:22px;
margin-bottom:20px;
letter-spacing:0px;
}
.footer3 .footer1_links .col a, .footer3 .footer1_links .col a:focus{
font-size:16px;
line-height:36px;
color:#3a3d4b;
margin:0;
}
.footer3 .footer1_links .col a:hover{
color:#000;
}
/*
Landing 4 - Desktop App
*/
/* Header 4 */
.header4{
background:#1f2023 url(../i/bg_header4.jpg) no-repeat 50% 50%;
background-size:cover;
padding-bottom:265px;
}
.header4 .container{
padding-top:80px;
}
.header4 .header3_pretitle{
margin:0 200px;
text-align:center;
color:#fff;
margin-top:10px;
}
.header4 .left{
float:left;
}
.header4 .left a, .header4 .left a:focus{
display:inline-block;
float:left;
width:48px;
height:48px;
border:2px solid rgba(255,255,255,0.2);
margin-right:20px;
border-radius:50%;
}
.header4 .left a.tw{
background:url(../i/header4_socials.png) no-repeat -2px -2px;
}
.header4 .left a.fb{
background:url(../i/header4_socials.png) no-repeat -70px -2px;
}
.header4 .left a.gp{
background:url(../i/header4_socials.png) no-repeat -138px -2px;
}
.header4 .download, .header4 .download:focus{
float:right;
display:block;
height:48px;
border:2px solid rgba(255,255,255,0.2);
border-radius:24px;
font-size:11px;
text-transform:uppercase;
color:#fff;
line-height:44px;
padding:0 25px;
letter-spacing:1px;
}
.header4 .left a:hover, .header4 .download:hover{
border-color:#fff;
}
.header4 .sec3_1_pretitle{
color:#fff;
margin-top:170px;
}
.header4 h1{
color:#fff;
font-size:52px;
line-height:62px;
text-align:left;
margin-top:25px;
}
.header4 .sec3_1_btn{
width:350px;
margin-top:93px;
text-transform:uppercase;
height:60px;
line-height:60px;
border-radius:30px;
}
.header4_link, .header4_link:focus{
display:inline-block;
font-size:11px;
letter-spacing:1px;
color:#fff;
text-transform:uppercase;
margin-top:30px;
margin-left:35px;
padding-right:15px;
background:url(../i/header4_link_arrow.png) no-repeat 100% 50%;
}
.header4_link:hover{
color:#fff;
opacity:0.8;
}
.header4_video{
float:right;
width:470px;
height:320px;
border-radius:10px;
position:relative;
margin-top:207px;
}
.header4_video video{
width:470px;
height:320px;
border-radius:10px;
}
/* Navigation 4 */
.nav4{
background:#f0ecdd;
}
.nav4 .mobile_menu_close{
display:none;
}
.nav4 a, .nav4 a:focus{
display:inline-block;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
margin-right:30px;
line-height:100px;
color:#222328;
}
.nav4 a:hover{
color:#666;
}
.nav4 a.nav4_btn, .nav4 a.nav4_btn:focus{
margin-right:0;
float:right;
height:36px;
line-height:36px;
color:#fff;
background:#222328;
padding:0 30px;
border-radius:18px;
margin-top:32px;
}
.nav4 a.nav4_btn:hover{
background:#666;
}
/* Section 1 (4) */
.sec1_4{
padding-top:115px;
text-align:center;
padding-bottom:106px;
}
.sec1_4_text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#3a3d4b;
opacity:0.8;
margin-top:30px;
margin-bottom:90px;
}
.sec1_4_text strong{
font-weight:400;
}
.sec1_4 .line{
margin-top:68px;
margin-bottom:80px;
}
.sec1_4_block{
width:580px;
float:left;
text-align:left;
}
.sec1_4_block .image{
width:70px;
float:left;
height:100%;
}
.sec1_4_block .inner{
margin-left:100px;
max-width:430px;
}
.sec1_4_block .title{
font-size:16px;
line-height:26px;
letter-spacing:1px;
margin-top:20px;
text-transform:uppercase;
}
.sec1_4_block .text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#3a3d4b;
margin-top:25px;
}
.sec1_4_btn, .sec1_4_btn:focus{
display:inline-block;
border:2px solid #3b55e6;
color:#3b55e6;
height:36px;
line-height:32px;
text-transform:uppercase;
padding:0 20px;
letter-spacing:1px;
font-size:11px;
border-radius:18px;
margin-top:35px;
}
.sec1_4_btn:hover{
opacity:0.8;
color:#3b55e6;
}
.sec1_4_btn.filled, .sec1_4_btn.filled:focus{
color:#fff;
background:#3b55e6;
}
.sec1_4_btn.filled:hover{
color:#fff;
}
/* Section 2 (4) */
.sec2_4{
background:#3a3534 url(../i/bg_sec2_4.jpg) no-repeat 50% 50%;
background-size:cover;
padding-top:147px;
}
.sec2_4 h2{
font-size:52px;
line-height:62px;
margin-bottom:70px;
}
.sec2_4 .inner{
width:970px;
margin:0 auto;
}
.sec2_4_block{
float:left;
width:470px;
}
.sec2_4_block.right{
float:right;
}
.sec2_4_block .title{
font-size:16px;
line-height:26px;
letter-spacing:1.5px;
color:#fff;
text-transform:uppercase;
margin-bottom:20px;
}
.sec2_4_block .text{
font-size:18px;
line-height:28px;
color:#fff;
font-weight:300;
opacity:0.6;
}
.sec2_4_block_bottom{
font-size:18px;
line-height:28px;
color:#fff;
font-weight:300;
margin-top:83px;
}
.sec2_4_block_bottom strong{
font-weight:400;
}
.sec2_4_block_bottom .left{
margin-right:400px;
}
.sec2_4_block_bottom a, .sec2_4_block_bottom a:focus{
float:right;
display:inline-block;
height:50px;
line-height:50px;
color:#fff;
line-height:50px;
padding:0 30px;
border-radius:25px;
text-transform:uppercase;
font-size:14px;
letter-spacing:2px;
background:#f42267;
font-weight:400;
}
.sec2_4_block_bottom a:hover{
background:#de034b;
}
.bg_sec2_4{
margin:70px auto 0 auto;
display:block;
max-width:1030px;
width:100%;
}
/* Section 3 (4) */
.sec3_4{
overflow-x:hidden;
padding-top:185px;
padding-bottom:100px;
}
.sec3_4 .container{
position:relative;
}
.bg_sec3_4{
position:absolute;
right:470px;
height:100%;
}
.sec3_4 .inner{
margin-left:700px;
}
.sec3_4 h2{
font-size:52px;
line-height:62px;
margin-bottom:30px;
}
.sec3_4_text, .sec3_4_text:focus, .sec3_4_text:hover{
display:block;
font-size:18px;
line-height:28px;
font-weight:300;
color:#8c8f94;
margin-bottom:60px;
text-align:left;
}
.sec3_4_text strong{
font-weight:400;
}
.sec3_4_text img{
margin-bottom:40px;
}
.sec3_4_text .title{
text-transform:uppercase;
color:#222328;
font-size:16px;
line-height:26px;
letter-spacing:1px;
font-weight:400;
margin-bottom:20px;
}
.sec3_4_link, .sec3_4_link:focus{
display:inline-block;
background:url(../i/sec3_4_link_arrow.png) no-repeat 100% 50%;
padding-right:20px;
font-size:11px;
color:#3b55e6;
letter-spacing:1px;
text-transform:uppercase;
font-weight:400;
margin-top:17px;
}
.sec3_4_link:hover{
color:#3b55e6;
opacity:0.8;
}
.sec3_4_link.green, .sec3_4_link.green:focus{
background:url(../i/sec3_4_link_arrow_green.png) no-repeat 100% 50%;
color:#30ce91;
}
.sec3_4_link.green:hover{
color:#18c07f;
}
.sec3_4_btn, .sec3_4_btn:focus{
display:inline-block;
border:2px solid #f42267;
height:42px;
line-height:38px;
border-radius:21px;
padding:0 20px;
font-size:11px;
letter-spacing:1px;
color:#f42267;
text-transform:uppercase;
}
.sec3_4_btn:hover{
color:#d71454;
opacity:0.6;
}
/* Section 4 (4) */
.sec4_4{
padding-top:170px;
padding-bottom:110px;
background:#bcc6c9;
text-align:center;
overflow-x:hidden;
}
.sec4_4 .container{
max-width:970px;
position:relative;
}
.bg_sec4_4{
position:absolute;
left:600px;
}
.sec4_4 .inner{
margin-right:500px;
}
.sec4_4 h2{
font-size:52px;
line-height:62px;
margin-bottom:25px;
}
.sec4_4 .sec3_4_text{
color:#787f86;
}
.sec4_4_line{
margin:133px 100px 95px 100px;
border-bottom:1px solid #a9b0b4;
}
.sec4_4 h3{
font-size:62px;
line-height:72px;
margin-bottom:60px;
}
.sec4_4_big_btn, .sec4_4_big_btn:focus{
display:inline-block;
height:60px;
line-height:60px;
color:#fff;
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
background:#f42267;
padding:0px 35px;
border-radius:30px;
}
.sec4_4_big_btn:hover{
color:#fff;
background:#e50951;
}
/* Section 5 (4) */
.sec5_4{
text-align:center;
padding-top:115px;
padding-bottom:112px;
}
.sec5_4 h2{
margin-bottom:83px;
}
.sec5_4 .sec3_4_text{
text-align:center;
display:inline-block;
width:470px;
float:left;
margin-left:40px;
font-size:16px;
line-height:26px;
}
.sec5_4 .sec3_4_text:nth-of-type(2n){
float:right;
margin-left:0px;
margin-right:40px;
}
/* Footer 4 */
.footer4{
background:#222328;
padding-top:70px;
color:#8c8f94;
font-size:13px;
line-height:24px;
font-weight:300;
padding-bottom:27px;
}
.footer4 .left{
float:left;
margin-bottom:40px;
}
.footer4 .right{
float:right;
}
.footer4 a, .footer4 a:focus{
font-weight:300;
color:#fff;
display:inline-block;
vertical-align:top;
margin-right:35px;
font-size:16px;
line-height:36px;
}
.footer4 .right a, .footer4 .right a:focus{
margin-right:0;
margin-left:35px;
font-size:12px;
letter-spacing:1px;
}
.footer4 a.grey, .footer4 a.grey:focus{
font-size:12px;
letter-spacing:1px;
color:#8c8f94;
font-weight:400;
}
.footer4 a:hover{opacity:0.8;}
.footer4 a.social{
width:24px;
height:36px;
background:url(../i/header4_socials.png) no-repeat -12px 50%;
margin-right:30px;
}
.footer4 a.social.fb{
background:url(../i/header4_socials.png) no-repeat -80px 50%;
}
.footer4 a.social.gp{
background:url(../i/header4_socials.png) no-repeat -149px 50%;
}
/*
*
*
*
Landing 5 - ShowCase
*
*
*
*/
/* Navigation 5 */
.nav5{
position:absolute;
top:60px;
left:0;
z-index:20;
}
.nav5 a, .nav5 a:focus{
color:#fff;
font-size:14px;
font-weight:300;
display:inline-block;
margin-right:40px;
}
.nav5 a:hover{
opacity:0.7;
}
.nav5 a.nav5_logo{
font-weight:400;
font-size:18px;
letter-spacing:0.5px;
}
.nav5 .mobile_menu_close{
display:none;
}
.nav5 .socials{
float:right;
margin-top:5px;
}
.nav5 .socials a{
width:20px;
height:16px;
margin-right:0;
margin-left:27px;
background:url(../i/header5_socials.png) no-repeat 0 0;
}
.nav5 .socials a.tw{
background-position:-0px 0;
}
.nav5 .socials a.fb{
background-position:-55px 0;
}
.nav5 .socials a.gp{
background-position:-103px 0;
}
/* Header 5 */
.header5{
padding-top:218px;
background:url(../i/header5.jpg) no-repeat 50% 50%;
background-size:cover;
padding-bottom:70px;
text-align:center;
position:relative;
overflow:hidden;
}
.header5 .video{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:none;
}
.header5 .video video{
height:100%;
margin:0 auto;
}
.header5_pause{
width:70px;
height:70px;
border-radius:50%;
background:#fff url(../i/sec6_2_video_pause.png) no-repeat 50% 50%;
box-shadow:0 0 15px rgba(0,0,0,0.4);
position:absolute;
top:30px;
right:30px;
}
.header5_pretitle{
color:#8c8f94;
font-size:24px;
line-height:34px;
}
.header5 h1{
font-size:82px;
line-height:92px;
margin-top:20px;
margin-bottom:135px;
}
.header5_text{
font-weight:300;
color:#fff;
opacity:0.8;
font-size:18px;
line-height:28px;
margin-top:150px;
margin-bottom:60px;
}
/* Section 1 (5) */
.sec1_5{
padding-top:128px;
padding-bottom:135px;
}
.sec1_5 .container{
max-width:970px;
}
.sec1_5 .line{
margin:83px 0 50px 0;
}
.sec1_5 .half{
float:left;
width:470px;
vertical-align:top;
}
.sec1_5 .half.right{
float:right;
margin-left:0;
}
.sec1_5 .sec1_2_text{
text-align:left;
}
/* Section 2 (5) */
.sec2_5{
padding-top:115px;
padding-bottom:220px;
background:url(../i/bg_sec2_5.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.sec2_5_pretitle{
color:#fff;
font-size:12px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:12px;
}
.sec2_5_slider{
margin-top:84px;
}
.sec2_5_slider .slide{
margin:0 auto;
width:770px;
height:600px;
background-repeat:no-repeat;
background-position:50% 0;
position:relative;
border-radius:10px;
text-align:left;
}
.sec2_5_slider .slide .info{
background:#fff;
position:absolute;
left:0;
bottom:0;
width:100%;
padding:20px 30px 20px 30px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
.sec2_5_slider .slide .info .left{
float:left;
font-size:12px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
}
.sec2_5_slider .slide .info .left .title{
text-transform:none;
letter-spacing:0px;
font-size:22px;
line-height:32px;
margin-bottom:5px;
}
.sec2_5_slider .slide .info a, .sec2_5_slider .slide .info a:focus{
display:inline-block;
height:60px;
line-height:60px;
color:#fff;
font-size:14px;
letter-spacing:1.5px;
text-transform:uppercase;
padding:0 30px;
min-width:220px;
text-align:center;
margin-left:60px;
background:#f42267;
border-radius:30px;
}
.sec2_5_slider .slide .info a:hover{
background:#e6044e;
color:#fff;
}
.sec2_5 .bx-wrapper .bx-prev{
opacity:0.4;
background:url(../i/arrow_left_white.png) no-repeat 0 0;
}
.sec2_5 .bx-wrapper .bx-next{
opacity:0.4;
background:url(../i/arrow_right_white.png) no-repeat 0 0;
}
.sec2_5 .bx-wrapper .bx-pager{
bottom:-85px;
}
.sec2_5 .bx-wrapper .bx-pager.bx-default-pager a{
background:transparent;
border:2px solid #585759;
}
.sec2_5 .bx-wrapper .bx-pager.bx-default-pager a:hover{
border:2px solid #cdcdce;
}
.sec2_5 .bx-wrapper .bx-pager.bx-default-pager a.active{
border:2px solid #cdcdce;
background:#cdcdce;
}
/* Section 3 (5) */
.sec3_5{
padding-top:100px;
padding-bottom:159px;
background:#bcc6c9 url(../i/bg_sec3_5.jpg) no-repeat 50% 0;
}
.sec3_5 .container{
max-width:970px;
}
.sec3_5_text{
font-weight:300;
font-size:18px;
line-height:28px;
text-align:center;
margin-top:35px;
margin-bottom:93px;
}
/*.sec3_5_text strong{
font-weight:400;
}*/
.opening_tabs{
border:2px solid #a5afb2;
border-radius:8px;
width:570px;
float:left;
}
.opening_tabs .title{
height:60px;
line-height:60px;
border-bottom:1px solid #9aa3a7;
background:#a5afb2 url(../i/tabs_arrow_bottom.png) no-repeat 100% 0;
color:#fff;
font-size:16px;
letter-spacing:1.5px;
padding: 0 70px 0 30px;
text-transform:uppercase;
cursor:pointer;
}
.opening_tabs .text{
font-weight:300;
font-size:18px;
line-height:28px;
height:0;
overflow-y:hidden;
}
.opening_tabs .text div{
padding:20px 30px;
}
.opening_tabs .tab .title.opened{
background-image:url(../i/tabs_arrow_top.png);
}
.opening_tabs .tab.last .title{
border-bottom:none;
}
.opening_tabs .tab .text.opened{
height:auto;
}
.sec3_5 .right{
float:right;
width:300px;
padding-left:30px;
}
.sec3_5 .right .number{
font-size:72px;
line-height:82px;
font-weight:200;
margin-bottom:13px;
}
.sec3_5 .right .text{
font-size:14px;
line-height:26px;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:40px;
}
.sec3_5_btn, .sec3_5_btn:focus{
display:inline-block;
height:50px;
line-height:50px;
padding:0 30px;
color:#fff;
font-size:14px;
letter-spacing:1.5px;
text-transform:uppercase;
border-radius:25px;
background:#3b55e6;
margin-top:20px;
}
.sec3_5_btn i{
text-transform:none;
letter-spacing:0px;
}
.sec3_5_btn:hover{
color:#fff;
background:#243fd9;
}
.sec3_5_btn.green, .sec3_5_btn.green:focus{
background:#30ce91;
}
.sec3_5_btn.green:hover{
background:#18b679;
}
.sec3_5_btn.yellow, .sec3_5_btn.yellow:focus{
background:#f2bc3b;
}
.sec3_5_btn.yellow:hover{
background:#e4a715;
}
.sec3_5_btn.red, .sec3_5_btn.red:focus{
background:#f42267;
}
.sec3_5_btn.red:hover{
background:#dd094e;
}
.sec3_5_btn.black, .sec3_5_btn.black:focus{
background:#222328;
}
.sec3_5_btn.black:hover{
background:#565656;
}
.sec3_5_btn.big{
height:60px;
line-height:60px;
padding:0 50px;
border-radius:30px;
}
.sec3_5_btn.small36{
height:36px;
line-height:36px;
padding:0 25px;
border-radius:18px;
}
/* Section 4 (5) */
.sec4_5{
background:url(../i/bg_sec4_5.jpg) no-repeat 50% 0;
height:1000px;
}
.sec4_5 .inner{
margin-left:56%;
}
.sec4_5 .sec3_1_pretitle{
margin-top:150px;
}
.sec4_5 .sec3_1_text{
margin-top:70px;
color:#222328;
}
.sec4_5 .sec3_1_text p{
margin-bottom:30px;
}
.sec4_5_btn, .sec4_5_btn:focus{
display:inline-block;
height:50px;
line-height:46px;
border:2px solid #f53876;
color:#f53876;
font-size:14px;
text-transform:uppercase;
letter-spacing:1.5px;
padding:0 40px;
margin-top:25px;
border-radius:25px;
}
.sec4_5_btn:hover{
opacity:0.8;
color:#f53876;
}
.sec4_5_btn i{
text-transform:none;
letter-spacing:0px;
}
.sec4_5_btn.big{
height:60px;
line-height:56px;
}
.sec4_5_btn.small40{
height:40px;
line-height:36px;
}
.sec4_5_btn.small36{
height:36px;
line-height:32px;
padding:0 20px;
font-size:12px;
}
.sec4_5_btn.blue, .sec4_5_btn.blue:focus{
border:2px solid #3b55e6;
color:#3b55e6;
}
.sec4_5_btn.blue:hover{
color:#3b55e6;
}
.sec4_5_btn.yellow, .sec4_5_btn.yellow:focus{
border:2px solid #f2bc3b;
color:#f2bc3b;
}
.sec4_5_btn.yellow:hover{
color:#dfa313;
}
.sec4_5_btn.white, .sec4_5_btn.white:focus{
border:2px solid #fff;
color:#fff;
}
.sec4_5_btn.white:hover{
color:#fff;
}
.sec4_5_btn.green, .sec4_5_btn.green:focus{
border:2px solid #30ce91;
color:#30ce91;
}
.sec4_5_btn.green:hover{
color:#30ce91;
}
.sec4_5_btn.grey, .sec4_5_btn.grey:focus{
border:2px solid #d3d3d4;
color:#222328;
}
.sec4_5_btn.grey:hover{
color:#222328;
border-color:#909090;
}
/* Section 5 (5) */
.sec5_5{
background:#f0ecdd;
padding-top:113px;
text-align:center;
padding-bottom:72px;
}
.sec5_5_text{
font-weight:300;
font-size:18px;
line-height:28px;
margin-top:30px;
margin-bottom:100px;
}
.sec5_5_col{
width:370px;
padding:0 20px;
margin-right:30px;
float:left;
}
.sec5_5_col.last{
margin-right:0;
}
.sec5_5_col .title{
font-size:32px;
line-height:40px;
color:#222328;
}
.sec5_5_col a:hover{
opacity:0.7;
}
.sec5_5_col img{
border-radius:8px;
margin-top:53px;
}
.sec5_5_col .text{
font-weight:300;
font-size:18px;
line-height:28px;
margin-top:50px;
}
.sec5_5_col .text p{
margin-bottom:30px;
}
/* Section 6 (5) */
.sec6_5{
padding-top:115px;
padding-bottom:118px;
}
.sec6_5 .container{
max-width:970px;
}
.sec6_5_form{
margin-top:77px;
}
.sec6_5 .half{
float:left;
width:470px;
margin-right:30px;
margin-bottom:25px;
}
.sec6_5 .half.last{
margin-right:0;
}
.sec6_5_label{
margin-left:30px;
font-size:14px;
color:#c5c7c9;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:13px;
}
.sec6_5_form input, .sec6_5_form textarea{
border:2px solid #e8e9e9;
border-radius:25px;
height:50px;
width:460px;
padding:0 30px;
font-size:16px;
color:#000;
text-align:left;
}
.sec6_5_form textarea{
width:100%;
height:150px;
padding:20px 30px;
line-height:26px;
}
.sec6_5_form input:focus, .sec6_5_form textarea:focus{
border-color:#fff;
box-shadow:0 20px 50px rgba(0,0,0,0.2);
}
.sec6_5_form button{
float:right;
display:inline-block;
color:#fff;
text-transform:uppercase;
font-size:14px;
letter-spacing:1.5px;
padding:0 30px;
height:50px;
line-height:50px;
border-radius:25px;
background:#3b55e6;
margin-top:10px;
}
.sec6_5_form button:hover{
background:#1b38d7;
}
/* Footer 5 */
.footer5{
padding-top:123px;
background:#242527 url(../i/bg_footer5.jpg) no-repeat 50% 50%;
background-size:cover;
padding-bottom:120px;
}
.footer5 a, .footer5 a:focus{
color:#fff;
}
.footer5 .left{
float:left;
width:370px;
}
.footer5 .left .nav5_logo{
font-size:18px;
letter-spacing:1px;
}
.footer5 .left .text{
color:#fff;
font-size:16px;
line-height:26px;
margin-top:30px;
margin-bottom:30px;
}
.footer5_left_link{
font-size:12px;
letter-spacing:1px;
opacity:0.3;
text-transform:uppercase;
margin-right:30px;
}
.footer5_left_link:hover{
opacity:0.7;
}
.footer5 .right{
float:right;
margin-top:12px;
}
.footer5_col{
display:inline-block;
width:170px;
margin-left:30px;
vertical-align:top;
}
.footer5_col .title{
font-size:12px;
letter-spacing:1px;
opacity:0.5;
line-height:22px;
color:#fff;
text-transform:uppercase;
margin-bottom:10px;
}
.footer5_col a{
display:block;
font-size:14px;
line-height:44px;
}
.footer5_col a:hover{
opacity:0.7;
}
.footer5_col .socials {
margin-top:25px;
}
.footer5_col .socials a{
display:inline-block;
height:18px;
width:24px;
background:url(../i/footer5_socials.png) no-repeat 0 0;
margin-right:10px;
}
.footer5_col .socials a.fb{
background-position:-40px 0;
}
.footer5_col .socials a.gp{
background-position:-79px 0;
}
.footer5_col .socials a.tb{
background-position:-120px 0;
}
.footer5_col .footer5_btn{
display:inline-block;
height:50px;
line-height:50px;
border-radius:25px;
padding:0 30px;
text-transform:uppercase;
background:#f42267;
letter-spacing:1px;
font-size:14px;
margin-top:55px;
}
.footer5_col .footer5_btn:hover{
background:#e70d54;
opacity:1;
}
/*
*
*
*
Landing 6 - iOs App 2
*
*
*
*/
/* Header 6 */
.header6{
height:1400px;
background:#bcc6c9 url(../i/bg_header6.jpg) no-repeat 50% 0;
background-size:cover;
}
.header6 .container{
position:relative;
padding-top:215px;
}
.nav6{
position:absolute;
top:65px;
left:0;
z-index:20;
line-height:36px;
}
.nav6 .logo{
float:left;
color:#222328;
font-size:18px;
}
.nav6 .middle_links{
margin:0 240px 0 180px;
text-align:center;
}
.nav6 .middle_links a, .nav6 .middle_links a:focus{
display:inline-block;
margin:0 25px;
color:#3a3d4b;
text-transform:uppercase;
font-size:14px;
letter-spacing:1px;
}
.nav6 .middle_links a:hover{
opacity:0.7;
}
.nav6 .right{
float:right;
color:#959da3;
font-size:14px;
}
.nav6 .right a, .nav6 .right a:focus{
color:#3a3d4b;
line-height:36px;
font-size:14px;
font-weight:300;
display:inline-block;
vertical-align:top;
}
.nav6 .right a.passive{
color:#959da3;
}
.nav6 .right .btn, .nav6 .right .btn:focus{
height:36px;
padding:0 22px;
color:#fff;
font-size:11px;
text-transform:uppercase;
background:#f42267;
border-radius:18px;
letter-spacing:1px;
font-weight:400;
margin-left:28px;
}
.nav6 .right .btn:hover{
color:#fff;
background:#e80b54;
}
.header6_menu{
display:inline-block;
margin-left:28px;
height:36px;
width:22px;
background:url(../i/menu_black.png) no-repeat 50% 50%;
cursor:pointer;
}
.header6_menu.white{
background:url(../i/menu_white.png) no-repeat 50% 50%;
}
.header6_menu:hover{
opacity:0.6;
}
.header6 h1{
text-align:left;
font-size:62px;
line-height:72px;
}
.header6_text{
font-size:18px;
line-height:28px;
opacity:0.5;
margin-top:20px;
}
.appstore{
display:inline-block;
width:210px;
height:60px;
border-radius:30px;
background:#222328 url(../i/header6_appstore.png) no-repeat 27px 50%;
margin-top:110px;
}
.appstore:hover{
background-color:#0b0b0c;
}
/* Navigation 6 */
.sub_nav6{
height:230px;
background:#fff;
text-align:center;
}
.sub_nav6 a{
display:inline-block;
float:left;
height:230px;
width:194px;
background:url(../i/nav6_socials_vertical.png) no-repeat 50% 98px;
}
.sub_nav6 a.fb{
background-position:50% -135px;
}
.sub_nav6 a.gp{
background-position:50% -368px;
}
.sub_nav6 a.tb{
background-position:50% -600px;
}
.sub_nav6 a.ic{
background-position:50% -833px;
}
.sub_nav6 a.be{
background-position:50% -1065px;
}
.sub_nav6 a:hover{
opacity:0.7;
}
.sub_nav6 .separator{
float:left;
width:1px;
height:140px;
background:#e8e9e9;
margin-top:45px;
}
/* Section 1 (6) */
.sec1_6{
height:1100px;
background:#1e2024 url(../i/bg_sec1_6.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
padding-top:115px;
}
.sec1_6_pretitle{
font-size:12px;
line-height:22px;
color:#fff;
letter-spacing:1px;
text-transform:uppercase;
}
.sec1_6_pretitle strong{
font-weight:600;
}
.sec1_6 h2{
margin-top:12px;
margin-bottom:85px;
}
.sec1_6_block{
width:370px;
background:#fff;
border-radius:10px;
position:relative;
padding-bottom:123px;
}
.sec1_6_block img{
border-top-left-radius:10px;
border-top-right-radius:10px;
}
.sec1_6_block .title{
font-size:22px;
line-height:32px;
margin-top:35px;
}
.sec1_6_block .text{
padding:0 40px;
font-weight:300;
font-size:18px;
line-height:28px;
color:#8c8f94;
margin-top:20px;
}
.sec1_6_block_btn, .sec1_6_block_btn:focus{
display:inline-block;
height:50px;
line-height:50px;
padding:0 50px;
border-radius:25px;
background:#f42267;
color:#fff;
font-size:14px;
letter-spacing:1.5px;
text-transform:uppercase;
}
.sec1_6_block_btn.white, .sec1_6_block_btn.white:focus{
background:#fff;
color:#222328;
}
.sec1_6_block_btn:hover{
color:#fff;
background:#e50d54;
}
.sec1_6_block_btn.white:hover{
background:#e8e8e8;
color:#222328;
}
.sec1_6 .sec1_6_block_btn{
position:absolute;
left:50%;
bottom:40px;
width:220px;
margin-left:-110px;
}
/* Section 2 (6) */
.sec2_6{
padding-bottom:100px;
background:#f0ecdd;
padding-top:110px;
}
.sec2_6_text{
font-size:18px;
line-height:28px;
font-weight:300;
color:#8c8f94;
text-align:center;
margin-top:24px;
}
.bg_sec2_6{
width:100%;
margin-top:70px;
}
.sec2_6_text strong{
font-weight:400;
}
.sec2_6 .bullit1 h3{
margin-top:25px;
}
.sec2_6 .bullit1_text{
margin-top:30px;
}
/* Section 3 (6) */
.sec3_6{
height:1450px;
padding-top:100px;
text-align:center;
}
.sec3_6 .container{
max-width:970px;
}
.sec3_6_text{
font-size:18px;
line-height:28px;
color:#8c8f94;
font-weight:300;
text-align:center;
margin-top:35px;
margin-bottom:72px;
}
.sec3_6_text strong{
font-weight:400;
}
.sec3_6_block{
float:left;
width:470px;
margin-right:30px;
margin-bottom:60px;
text-align:left;
}
.sec3_6_block.last{
margin-right:0;
}
.sec3_6_block img{
border-radius:10px;
}
.sec3_6_block .info{
margin-top:30px;
}
.sec3_6_block .info img{
border-radius:50%;
float:left;
}
.sec3_6_block .info .about{
float:left;
margin-left:20px;
}
.sec3_6_block .info .about .title{
font-size:20px;
line-height:28px;
margin-top:4px;
color:#222328;
}
.sec3_6_block .info .about .subtitle{
font-size:12px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
color:#8c8f94;
margin-top:4px;
}
.sec3_6_block a:hover{
opacity:0.7;
}
.sec3_6_popup{
position:fixed;
top:0;
left:0;
width:0%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
opacity:0;
overflow:hidden;
z-index:100;
}
.sec3_6_popup video{
max-height:100%;
max-width:100%;
}
.sec3_6_popup .close{
display:block;
width:32px;
height:32px;
position:absolute;
top:20px;
right:20px;
background:url(../i/close.png) no-repeat 50% 50%;
cursor:pointer;
opacity:1;
z-index:100;
}
.sec3_6_popup .close:hover{
opacity:0.7;
}
/* Section 4 (6) */
.sec4_6{
padding-top:195px;
padding-bottom:100px;
background:#bcc6c9;
overflow-x:hidden;
}
.sec4_6 .container{
max-width:970px;
position:relative;
}
.sec4_6 h2{
margin-bottom:20px;
}
.sec4_6_text{
max-width:370px;
font-size:18px;
line-height:28px;
color:#3a3d4b;
font-weight:300;
opacity:0.7;
margin-bottom:66px;
}
.switch{
border:2px solid #abb4b8;
height:60px;
border-radius:30px;
padding:3px;
width:370px;
position:relative;
}
.switch a, .switch a:focus{
display:inline-block;
float:left;
height:50px;
line-height:50px;
padding:0 45px;
color:#222328;
font-size:14px;
text-transform:uppercase;
letter-spacing:1.5px;
border-radius:25px;
}
.switch a:last-child{
float:right;
}
.switch a.active{
background:#fff;
box-shadow:0px 15px 30px rgba(0,0,0,0.3);
}
.switch a:hover{
opacity:0.7;
}
.switch a.active:hover{
opacity:1;
}
.sec4_6 .switch{
margin-bottom:35px;
}
.sec4_6_slider{
position:absolute;
left:470px;
top:25px;
width:1600px;
}
/* Section 5 (6) */
.sec5_6{
height:1050px;
background:#f0ecdd;
padding-top:115px;
text-align:center;
}
.sec5_6_text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#8c8f94;
margin-top:27px;
margin-bottom:77px;
}
.sec5_6_block img{
border-radius:10px;
}
.sec5_6_block .title{
font-size:32px;
line-height:42px;
margin-top:25px;
color:#222328;
display:block;
}
.sec5_6_block a:hover{
opacity:0.7;
}
.sec5_6_block .author{
color:#8c8f94;
font-size:12px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
margin-top:10px;
}
.sec5_6 .sec4_5_btn{
margin-top:67px;
}
.sec5_6 .socials{
margin-top:60px;
}
.sec5_6 .socials .text{
font-size:12px;
line-height:22px;
opacity:0.5;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:25px;
}
.sec5_6 .socials a, .sec5_6 .socials a:focus{
display:inline-block;
width:48px;
height:48px;
border:2px solid #b2afa6;
border-radius:50%;
margin:0 8px;
background:url(../i/sec5_6_socials.png) no-repeat -2px 50%;
}
.sec5_6 .socials a.fb{
background-position:-70px 50%;
}
.sec5_6 .socials a.gp{
background-position:-138px 50%;
}
.sec5_6 .socials a:hover{
border-color:#a4a19a;
}
/* Section 6 (6) */
.sec6_6{
height:750px;
background:#1e2024 url(../i/bg_sec6_6.jpg) no-repeat 50% 50%;
background-size:cover;
padding-top:140px;
text-align:center;
}
.sec6_6 h2{
font-size:72px;
line-height:82px;
}
.sec6_6 .appstore{
margin-top:57px;
border-radius:10px;
background:#000 url(../i/sec5_6_appstore.png) no-repeat 50% 50%;
height:80px;
width:260px;
}
.sec6_6 .appstore:hover{
background-color:#333;
}
.sec6_6_text{
color:#fff;
font-size:12px;
line-height:22px;
opacity:0.5;
text-transform:uppercase;
letter-spacing:1px;
margin-top:46px;
}
.sec6_6 .sec3_5_btn{
margin-top:15px;
padding:0 50px;
}
/* Section 7 (6) */
.sec7_6{
height:490px;
padding-top:106px;
}
.sec7_6 .col{
float:left;
width:170px;
margin-right:30px;
}
.sec7_6 .col .title{
font-size:12px;
line-height:22px;
opacity:0.5;
text-transform:uppercase;
letter-spacing:1px;
}
.sec7_6 .col a, .sec7_6 .col a:focus{
display:block;
font-size:20px;
line-height:54px;
color:#222328;
}
.sec7_6 .col.right{
margin-right:0;
float:right;
}
.sec7_6 .col.right a{
float:left;
width:24px;
height:18px;
margin-right:17px;
background:url(../i/footer6_socials.png) no-repeat 0 50%;
margin-top:25px;
}
.sec7_6 .col.right a.fb{
background-position:-40px 50%;
}
.sec7_6 .col.right a.gp{
background-position:-79px 50%;
}
.sec7_6 .col.right a.tb{
background-position:-120px 50%;
}
.sec7_6 .col a:hover{
opacity:0.7;
}
/* Footer 6 */
.footer6{
height:130px;
background:#f0ecdd;
padding-top:55px;
}
.footer6 .left{
float:left;
font-size:16px;
color:#9e9c95;
}
.footer6 .right{
float:right;
font-size:16px;
color:#9e9c95;
}
.footer6 .middle{
margin:0 270px 0 350px;
text-align:center;
}
.footer6 .middle a, .footer6 .middle a:focus{
color:#222328;
text-transform:uppercase;
display:inline-block;
margin:0 5px;
font-size:12px;
letter-spacing:1px;
}
.footer6 .middle a:hover{
opacity:0.7;
}
/*
*
*
*
Landing 7 - Studio
*
*
*
*/
/* nav 7 */
.nav7{
position:absolute;
top:95px;
left:0;
z-index:20;
}
.nav7 .nav5_logo{
font-size:20px;
color:#222328;
}
.nav7 .right{
float:right;
}
.nav7_search{
display:inline-block;
height:36px;
width:22px;
background:url(../i/search_black.png) no-repeat 50% 50%;
}
.nav7_search.white{
background:url(../i/icon_search.png) no-repeat 50% 50%;
}
.nav7_search:hover{
opacity:0.7;
}
/* Header 7 */
.header7{
padding-top:240px;
padding-bottom:210px;
background:#fff;
}
.header7 .container{
position:relative;
}
.header7 h1{
font-size:72px;
line-height:82px;
text-align:left;
}
.header7_text{
font-size:18px;
line-height:26px;
opacity:0.5;
max-width:370px;
margin-top:50px;
}
.header7 .right{
position:absolute;
top:17px;
right:0;
border:2px solid #e8e9e9;
border-radius:8px;
width:370px;
padding: 46px 50px;
}
.header7 .right .title{
color:#3a3d4b;
font-size:18px;
line-height:28px;
}
.header7 .right .text{
color:#8c8f94;
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;
margin-top:55px;
}
/* Section 1 (7) */
.sec1_7{
padding-top:110px;
background:#f0ecdd;
}
.sec1_7 .container{
position:relative;
height:100%;
padding-bottom:710px;
}
.sec1_7_text{
max-width:570px;
font-size:18px;
line-height:28px;
color:#3a3d4b;
text-align:center;
font-weight:300;
margin:40px auto 0 auto;
}
.sec1_7 .bottom{
width:100%;
position:absolute;
left:0;
bottom:0;
}
/* Section 2 (7) */
.sec2_7{
padding-top:100px;
padding-bottom:120px;
text-align:center;
}
.sec2_7 .sec1_7_text{
color:#8c8f94;
margin-top:35px;
}
.sec2_7 .sec3_5_btn{
margin-top:52px;
margin-bottom:100px;
padding:0 45px;
}
.sec2_7 .flex{
flex-wrap:wrap;
}
.sec2_7_block{
display:inline-block;
width:370px;
height:500px;
margin-bottom:30px;
border-radius:10px;
background-size:cover;
}
.sec2_7_block:hover{
opacity:0.8;
}
.sec2_7_block .inner{
align-items:center;
justify-content:center;
text-align:center;
font-size:42px;
line-height:52px;
color:#fff;
}
/* Section 3 (7) */
.sec3_7{
padding-top:175px;
padding-bottom:175px;
background:#bcc6c9;
}
.sec3_7_block{
width:570px;
height:550px;
background:#222328;
border-radius:10px;
padding:70px 70px;
color:#fff;
position:relative;
}
.sec3_7_block .pretitle{
font-size:12px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
}
.sec3_7_block h3{
font-size:42px;
line-height:52px;
text-align:left;
margin-top:10px;
}
.sec3_7_block .text{
font-size:18px;
line-height:28px;
color:#8c8f94;
font-weight:300;
margin-top:25px;
}
.sec3_7_block .sec3_5_btn{
position:absolute;
left:70px;
bottom:80px;
padding:0 50px;
}
.sec3_7_block.white{
background:#fff;
color:#222328;
box-shadow:15px 40px 70px rgba(0,0,0,0.4);
}
/* Section 4 (7) */
.sec4_7{
height:auto;
padding-top:100px;
padding-bottom:125px;
background:#f0ecdd;
}
.sec4_7 .flex{
margin-top:66px;
}
.sec4_7 .sec5_6_block{
width:370px;
text-align:left;
}
.sec4_7 .sec5_6_block .author{
margin-top:20px;
}
.sec4_7 .sec4_5_btn{
margin-top:90px;
}
/* Section 5 (7) */
.sec5_7{
padding-top:115px;
padding-bottom:80px;
}
.sec5_7 .flex{
margin-top:120px;
flex-wrap:wrap;
}
.sec5_7_block{
width:270px;
font-weight:300;
font-size:16px;
line-height:26px;
margin-bottom:84px;
}
.sec5_7_block img{
margin-bottom:15px;
}
/* Section 6 (7) */
.sec6_7{
padding-top:6.25vw;
padding-bottom:7.031vw;
background:#555a63 url(../i/bg_sec6_7.jpg) no-repeat 50% 50%;
background-size:cover;
}
.sec6_7 .container{
max-width:970px;
}
.sec6_7 h2{
font-size:52px;
line-height:62px;
margin-bottom:70px;
}
.sec6_7 .left{
float:left;
max-width:570px;
color:#fff;
font-size:22px;
line-height:32px;
opacity:0.7;
}
.sec6_7 .right{
float:right;
font-size:11px;
color:#bbbcbe;
}
.sec6_7 .right .social{
display:inline-block;
width:60px;
height:60px;
border:2px solid #828287;
border-radius:50%;
vertical-align:top;
margin-left:15px;
background:url(../i/header4_socials.png) no-repeat 5px 50%;
}
.sec6_7 .right .social:hover{
border-color:#fff;
}
.sec6_7 .right .sec4_4_big_btn{
margin-right:15px;
}
/* Section 7 (7) */
.sec7_7{
padding-top:140px;
padding-bottom:250px;
}
.sec7_7_slider .logo{
float:left;
}
.sec7_7_slider .inner{
margin-left:300px;
max-width:770px;
}
.sec7_7_slider .inner p{
font-size:22px;
line-height:32px;
color:#8c8f94;
margin-bottom:35px;
}
.sec7_7_slider .author_logo, .sec7_7_slider .left{
float:left;
}
.sec7_7_slider .author_logo{
margin-right:25px;
}
.sec7_7_slider .left .title{
font-size:20px;
line-height:28px;
margin-top:5px;
}
.sec7_7_slider .left .subtitle{
font-size:12px;
line-height:28px;
color:#8c8f94;
letter-spacing:1px;
text-transform:uppercase;
}
.sec7_7_slider .bx-wrapper .bx-pager{
width:auto;
left:300px;
bottom:-100px;
}
.sec7_7_slider .bx-wrapper .bx-pager.bx-default-pager a{
background:none;
border:2px solid #d4d4d5;
}
.sec7_7_slider .bx-wrapper .bx-pager.bx-default-pager a.active{
background:#01091c;
border:2px solid #01091c;
}
/* Footer 7 */
.footer7{
padding-top:120px;
padding-bottom:50px;
background:#28282b url(../i/bg_footer7.jpg) no-repeat 50% 50%;
background-size:cover;
}
.footer7 .container{
max-width:830px;
}
.footer7 form, .header13 form{
background:#fff;
border-radius:10px;
margin:50px auto 0 auto;
width:690px;
padding:45px 60px;
text-align:center;
box-shadow:0 0 40px rgba(0,0,0,0.4);
}
.footer7 .sec6_5_label{
text-align:left;
}
.footer7 input, .footer7 textarea, .header13 input{
border:2px solid #e8e9e9;
border-radius:25px;
height:50px;
width:100%;
padding:0 30px;
font-size:16px;
color:#000;
text-align:left;
margin-bottom:35px;
}
.footer7 textarea{
width:100%;
height:150px;
padding:20px 30px;
line-height:26px;
}
.footer7 input:focus, .footer7 textarea:focus, .header13 input:focus{
border-color:#fff;
box-shadow:0 20px 50px rgba(0,0,0,0.2);
}
.footer7 button, .header13 button{
display:inline-block;
color:#fff;
text-transform:uppercase;
font-size:14px;
letter-spacing:1.5px;
padding:0 60px;
height:50px;
line-height:50px;
border-radius:25px;
background:#3b55e6;
margin-bottom:20px;
}
.footer7 button:hover, .header13 button:hover{
background:#1b38d7;
}
.block370{
float:left;
width:370px;
margin-right:30px;
}
.block170{
float:left;
width:170px;
}
.footer7 .flex{
margin-top:95px;
}
.footer7_block{
width:230px;
color:#fff;
text-align:center;
}
.footer7_block .title{
font-size:14px;
line-height:24px;
letter-spacing:1px;
text-transform:uppercase;
margin-top:25px;
}
.footer7_block .text{
font-size:16px;
line-height:24px;
font-weight:300;
margin-top:25px;
}
.footer7 .socials{
margin-top:100px;
text-align:center;
}
.footer7 .socials a{
display:inline-block;
height:18px;
width:24px;
margin:0 20px;
background:url(../i/footer5_socials.png) no-repeat 0 50%;
opacity:0.7;
}
.footer7 .socials a.fb{
background-position:-40px 50%;
}
.footer7 .socials a.gp{
background-position:-78px 50%;
}
.footer7 .socials a.tb{
background-position:-120px 50%;
}
.footer7 .socials a:hover{
opacity:1;
}
/*
*
*
*
Landing 8 - Studio
*
*
*
*/
/* nav 8 */
.nav8{
position:absolute;
top:70px;
left:0;
z-index:20;
}
.nav8 a, .nav8 a:focus{
color:#222328;
}
.nav8 .right{
float:right;
}
.nav8 .right .btn{
display:inline-block;
height:36px;
line-height:32px;
border-radius:18px;
border:2px solid #d8d4c6;
padding:0 25px;
letter-spacing:1px;
text-transform:uppercase;
font-weight:400;
font-size:11px;
margin-right:0;
margin-left:20px;
}
.nav8 .right .btn:hover{
border-color:#c3beab;
}
.nav8 .right .btn.blue{
color:#fff;
background:#3b55e6;
border:none;
line-height:36px;
}
.nav8 .right .btn.blue:hover{
background:#1c38d4;
}
/* Header 8 */
.header8{
padding-top:217px;
background:#f0ecdd;
text-align:center;
}
.header8 .container{
position:relative;
padding-bottom:480px;
}
.header8_pretitle{
font-size:26px;
line-height:36px;
}
.header8 h1{
font-size:82px;
line-height:92px;
margin-top:15px;
}
.header8 .posttitle{
font-size:18px;
line-height:28px;
margin-top:78px;
margin-bottom:50px;
}
.header8 .sec1_6_block_btn{
height:60px;
line-height:60px;
border-radius:30px;
padding:0 30px;
margin:0 20px;
}
.header8_text{
color:#8c8f94;
font-size:12px;
line-height:22px;
text-transform:uppercase;
letter-spacing:1px;
opacity:0.5;
margin-top:43px;
}
.header8_text b{
font-weight:600;
}
.header8 .bottom{
position:absolute;
left:0;
bottom:0;
width:100%;
}
/* Section 1 (8) */
.sec1_8{
padding-top:82px;
padding-bottom:90px;
background:#222328;
}
.sec1_8 h2{
color:#f0ecdd;
}
.sec1_8 .flex{
margin-top:50px;
}
.sec1_8 .partner{
width:170px;
}
/* Section 2 (8) */
.sec2_8{
padding-top:120px;
background:#bcc6c9 url(../i/bg_sec2_8.jpg) no-repeat 50% 0;
padding-bottom:245px;
}
.sec2_8_text{
max-width:570px;
font-weight:300;
font-size:18px;
line-height:28px;
opacity:0.8;
text-align:center;
margin: 27px auto 0 auto;
}
.sec2_8 .right{
margin-left:700px;
margin-top:140px;
}
.sec2_8 .right h3{
text-align:left;
font-size:32px;
line-height:42px;
margin-bottom:40px;
}
.sec2_8 .right .text{
color:#3a3d4b;
font-size:18px;
line-height:28px;
opacity:0.7;
margin-bottom:30px;
font-weight:300;
}
/* Section 3 (8) */
.sec3_8{
padding-top:110px;
height:1350px;
background:#fff;
text-align:center;
}
.sec3_8 .pretitle{
font-size:16px;
line-height:26px;
letter-spacing:1.5px;
text-transform:uppercase;
margin-bottom:35px;
}
.sec3_8 .sec3_5_text{
max-width:830px;
margin:47px auto 77px auto;
color:#8c8f94;
font-weight:300;
}
.sec3_8 .flex, .sec3_9 .flex{
flex-wrap:wrap;
}
.sec3_8 .sec5_6_block{
width:370px;
margin-bottom:62px;
}
.sec3_8 .sec5_6_block .title, .sec3_9 .sec5_6_block .title{
font-size:22px;
line-height:32px;
}
/* Section 4 (8) */
.sec4_8{
padding-top:110px;
padding-bottom:80px;
background:#f0ecdd;
text-align:center;
}
.sec4_8 h2{
margin-bottom:35px;
}
.sec4_8 .bullit1{
border:none;
}
.sec4_8 .bullit1 h3{
margin-top:30px;
}
.sec4_8 .bullit1_text{
font-weight:300;
color:#3a3d4b;
font-size:18px;
line-height:28px;
margin-top:33px;
letter-spacing:0px;
margin-bottom:25px;
}
.sec4_8 .sec4_5_btn, .sec4_8 .sec3_5_btn{
height:42px;
border-radius:21px;
font-size:12px;
line-height:42px;
}
.sec4_8 .sec4_5_btn{
line-height:38px;
}
/* Section 5 (8) */
.sec5_8{
padding-top:110px;
padding-bottom:110px;
text-align:center;
}
.sec5_8 .pretitle{
font-size:14px;
line-height:20px;
letter-spacing:1.5px;
text-transform:uppercase;
margin-bottom:17px;
}
.sec5_8 .flex{
flex-wrap:wrap;
margin-top:60px;
margin-bottom:40px;
}
.sec5_8_block{
width:570px;
border:2px solid #f2f4f4;
border-radius:10px;
padding:40px 40px 40px 40px;
margin-bottom:30px;
position:relative;
text-align:left;
}
.sec5_8_block img{
float:left;
}
.sec5_8_block .inner{
margin-left:100px;
font-weight:300;
color:#8c8f94;
font-size:18px;
line-height:28px;
margin-bottom:30px;
}
.sec5_8_block .inner .author{
text-align:right;
text-transform:uppercase;
font-size:12px;
line-height:22px;
letter-spacing:1px;
color:#222328;
font-weight:400;
position:absolute;
bottom:32px;
right:40px;
}
/* Section 6 (8) */
.sec6_8{
padding-top:97px;
padding-bottom:140px;
text-align:center;
background:#bcc6c9;
}
.sec6_8 .switch{
margin:40px auto 82px auto;
}
.sec6_8_text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#3a3d4b;
opacity:0.7;
margin-bottom:38px;
}
.sec6_8_block{
width:370px;
border-radius:10px;
padding:45px 45px 145px 45px;
position:relative;
margin-bottom:50px;
}
.sec6_8_block.white{
background:#fff;
}
.sec6_8_block .title{
font-size:16px;
line-height:26px;
letter-spacing:1px;
text-transform:uppercase;
}
.sec6_8_block .price{
font-size:82px;
line-height:72px;
margin-top:30px;
}
.sec6_8_block .save{
font-size:12px;
line-height:22px;
color:#222328;
opacity:0.5;
text-transform:uppercase;
letter-spacing:1px;
margin-top:35px;
}
.sec6_8_block.white .save{
color:#8c8f94;
}
.sec6_8_block .text{
font-weight:300;
font-size:18px;
line-height:42px;
color:#3a3d4b;
margin-top:25px;
}
.sec6_8_block .text b{
font-weight:600;
}
.sec6_8 .sec3_5_btn{
padding:0;
position:absolute;
left:45px;
right:45px;
bottom:55px;
}
/* Section 7 (8) */
.sec7_8{
padding-top:97px;
padding-bottom:125px;
text-align:center;
}
.sec7_8 .container{
max-width:970px;
}
.sec7_8 .flex{
margin-top:70px;
flex-wrap:wrap;
}
.sec7_8_block{
width:470px;
text-align:left;
margin-bottom:70px;
}
.sec7_8_block .title{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1px;
}
.sec7_8_block .text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#8c8f94;
margin-top:20px;
}
.sec7_8_text{
font-weight:300;
font-size:18px;
line-height:28px;
margin-top:27px;
}
/* Section 8 (8) */
.sec8_8{
padding-top:110px;
padding-bottom:120px;
text-align:center;
background:#222328;
}
.sec8_8_text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#8c8f94;
margin-top:45px;
}
.sec8_8 .header3_input_holder{
margin-top:33px;
border-color:#39393e;
}
.sec8_8 .header3_input_holder.focused{
border-color:#818184;
}
.sec8_8 .header3_input_holder input{
width:420px;
}
.sec8_8 .header3_input_holder button{
background:#f42267;
}
.sec8_8 .header3_input_holder button:hover{
background:#e50750;
}
/* Section 9 (8) */
.sec9_8{
padding-top:100px;
padding-bottom:105px;
}
.sec9_8 .col{
float:left;
width:170px;
margin-right:30px;
}
.sec9_8 .col.right{
margin-right:0;
float:right;
}
.sec9_8 .col .title{
font-size:14px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:25px;
}
.sec9_8 .col a, .sec9_8 .col a:focus{
display:block;
font-size:18px;
line-height:46px;
font-weight:300;
color:#8c8f94;
}
.sec9_8 .col a:hover{
color:#222328;
}
.sec9_8 .col .socials{
margin-top:26px;
}
.sec9_8 .col .socials a{
display:inline-block;
height:18px;
width:24px;
margin-right:15px;
background:url(../i/footer6_socials.png) no-repeat 0 50%;
}
.sec9_8 .col .socials a.fb{
background-position:-39px 50%;
}
.sec9_8 .col .socials a.gp{
background-position:-78px 50%;
}
.sec9_8 .col .socials a:hover{
opacity:0.7;
}
.sec9_8 .line{
margin-top:74px;
border-bottom-color:#e2e2e4;
}
.col270{
width:270px;
}
.sec9_8 .flex{
margin-top:75px;
}
.sec9_8 .col270 .nav5_logo{
font-size:22px;
}
.sec9_8 .col270 .title{
text-transform:uppercase;
font-size:14px;
line-height:24px;
letter-spacing:1px;
}
.sec9_8 .col270 .title i{
text-transform:none;
letter-spacing:0px;
}
.sec9_8 .col270 .text{
font-weight:300;
font-size:16px;
line-height:24px;
color:#8c8f94;
margin-top:25px;
}
.sec9_8 .col270 .sec3_5_btn{
margin-top:0;
float:right;
}
/* Footer 8 */
.footer8{
padding-top:65px;
padding-bottom:45px;
background:#222328;
}
.footer8 .left, .footer8 .right{
float:left;
color:rgba(255,255,255,0.3);
font-size:13px;
line-height:24px;
font-weight:300;
}
.footer8 .right{
float:right;
}
.footer8 .right a, .footer8 .right a:focus{
opacity:0.3;
margin-left:10px;
position:relative;
top:-3px;
}
.footer8 .right a:hover{
opacity:0.6;
}
.footer8 .middle{
margin-left:300px;
margin-right:300px;
text-align:center;
}
.footer8 .middle a, .footer8 .middle a:focus{
color:#fff;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
display:inline-block;
margin:0 15px;
}
.footer8 .middle a:hover{
opacity:0.7;
}
/*
*
*
*
Landing 9 - eCommerce
*
*
*
*/
/* nav 9 */
.nav9{
position:absolute;
top:85px;
left:0;
z-index:20;
text-align:center;
}
.nav9 a{
display:inline-block;
margin-right:30px;
font-weight:300;
font-size:14px;
color:#222328;
line-height:36px;
}
.nav9 a:hover{
opacity:0.7;
}
.nav9 .mobile_menu_close{
display:none;
}
.nav9 .left{
float:left;
}
.nav9 .right{
float:right;
}
.nav9 .nav5_logo{
font-size:20px;
}
.nav9 .btn{
height:36px;
line-height:32px;
border:2px solid #e5e5e5;
border-radius:18px;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
padding:0 30px;
margin-right:0;
margin-left:20px;
font-weight:400;
}
.nav9 .btn:hover{
opacity:1;
border-color:#bbb;
}
.nav9 .btn.blue{
color:#fff;
background:#3b55e6;
border-color:#3b55e6;
}
.nav9 .btn.blue:hover{
opacity:1;
border-color:#2540d7;
background:#2540d7;
}
.nav9 .cart{
padding-left:25px;
background:url(../i/cart_black.png) no-repeat 0 50%;
margin-right:0;
font-size:12px;
font-weight:400;
line-height:20px;
}
/* Header 9 */
.header9{
padding-top:210px;
background:#fff;
text-align:center;
}
.header9 h1{
font-size:52px;
line-height:62px;
}
.header9 .posttitle{
margin-top:80px;
font-size:18px;
}
.header9 .sec3_5_btn{
margin-top:35px;
padding:0 50px;
}
.header9_bg{
display:block;
width:100%;
margin:100px auto 0 auto;
}
/* Section 1 (9) */
.sec1_9{
padding-top:120px;
padding-bottom:125px;
background:#fff url(../i/bg_sec1_9.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.sec1_9 .flex{
margin-top:78px;
}
.sec1_9_block{
display:block;
width:370px;
height:260px;
background-position:50% 50%;
background-size:cover;
position:relative;
background:#fff;
border-radius:10px;
}
.sec1_9_block .img{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:10px;
}
.sec1_9_block .category{
font-size:12px;
line-height:28px;
letter-spacing:1px;
text-transform:uppercase;
color:#fff;
opacity:0.5;
position:absolute;
top:20px;
left:30px;
}
.sec1_9_block .pin_it{
display:block;
width:56px;
height:28px;
background:url(../i/pin_it.png) no-repeat 50% 50%;
position:absolute;
top:20px;
right:20px;
}
.sec1_9_block .title{
display:block;
color:#fff;
font-size:32px;
line-height:40px;
color:#fff;
text-align:left;
position:absolute;
bottom:34px;
left:30px;
max-width:310px;
}
.sec1_9_block:hover>.img{
opacity:0.9;
}
.sec1_9 .sec4_5_btn{
margin-top:80px;
}
/* Section 2 (9) */
.sec2_9{
padding-top:100px;
padding-bottom:115px;
background:#fff;
text-align:center;
}
.sec2_9 .switch{
margin:0 auto;
border-color:#e8e9e9;
width:auto;
display:inline-block;
margin-top:45px;
}
.sec2_9 .flex{
margin-top:77px;
flex-wrap:wrap;
}
.sec2_9_block{
min-height:458px;
border:2px solid #e8e9e9;
border-radius:10px;
margin-bottom:30px;
position:relative;
}
.sec2_9_block.block2{
width:570px;
}
.sec2_9_block.block3{
width:370px;
min-height:388px;
}
.sec2_9_block.block4{
width:270px;
min-height:388px;
}
.sec2_9_block img{
display:block;
margin:0 auto;
}
.sec2_9_block .info{
position:absolute;
left:0;
bottom:0;
width:100%;
padding:0 20px 0 30px;
border-top:2px solid #e8e9e9;
text-align:left;
}
.sec2_9_block .info.two_rows{
min-height:142px;
}
.sec2_9_block.block4 .info.two_rows{
min-height:138px;
}
.sec2_9_block .info .title{
font-size:22px;
line-height:32px;
color:#3a3d4b;
margin-top:20px;
padding-bottom:52px;
}
.sec2_9_block.block4 .info .title{
font-size:16px;
line-height:26px;
margin-top:20px;
padding-bottom:64px;
}
.sec2_9_block .info .producer{
color:#8c8f94;
font-size:12px;
line-height:22px;
text-transform:uppercase;
letter-spacing:1px;
position:absolute;
left:30px;
bottom:20px;
}
.sec2_9_block .info .price{
display:inline-block;
padding:0 10px;
background:#f2bc3b;
height:26px;
line-height:26px;
border-radius:13px;
color:#fff;
font-size:12px;
line-height:22px;
text-transform:uppercase;
letter-spacing:1px;
position:absolute;
right:18px;
bottom:18px;
}
.sec2_9 .sec4_5_btn{
margin-top:50px;
padding:0 55px;
}
/* Section 3 (9) */
.sec3_9{
padding-top:100px;
padding-bottom:120px;
background:#f0ecdd;
text-align:center;
}
.sec3_9 .flex{
margin-top:57px;
}
.sec3_9 .sec5_6_block{
width:270px;
margin-bottom:46px;
}
.sec3_9 .sec5_6_block .title{
margin-top:20px;
}
.sec3_9 .sec4_5_btn{
margin-top:10px;
}
/* Section 4 (9) */
.sec4_9{
padding-top:110px;
padding-bottom:190px;
}
.sec4_9 h2{
margin-bottom:54px;
}
.sec4_9 .col{
float:left;
width:270px;
margin-left:100px;
margin-right:30px;
}
.sec4_9 .col.last{
margin-right:0;
}
.sec4_9 .col .list, .sec4_9 .col .list a, .sec4_9 .col .list a:focus{
position:relative;
font-size:20px;
line-height:49px;
color:#222328;
}
.sec4_9 .col .list a:hover{
opacity:0.7;
}
.sec4_9 .col .list .letter{
position:absolute;
left:-40px;
top:3px;
color:#8c8f94;
font-size:12px;
}
.sec4_9_text{
font-size:12px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
opacity:0.5;
margin-top:25px;
}
/* Section 5 (9) */
.sec5_9{
background:#25252b url(../i/bg_sec5_9.jpg) no-repeat 50% 50%;
background-size:cover;
padding-top:116px;
padding-bottom:125px;
}
.sec5_9 .posttitle{
font-weight:300;
font-size:18px;
line-height:28px;
opacity:0.5;
text-align:center;
color:#fff;
margin-top:12px;
}
.sec5_9 .holder{
margin-top:70px;
}
.sec5_9 .left{
float:left;
}
.sec5_9 .right{
float:right;
}
.sec5_9_block{
float:left;
background:#fff;
border-radius:10px;
width:370px;
height:315px;
margin-right:30px;
margin-bottom:30px;
position:relative;
}
.sec5_9 .sec5_9_block.last{
margin-right:0;
}
.sec5_9 .right .sec5_9_block{
height:660px;
}
.sec5_9_block .icon{
position:absolute;
top:20px;
right:25px;
width:20px;
height:20px;
background:url(../i/sec5_9_quote.png) no-repeat 50% 50%;
}
.sec5_9_block .icon.tw{
background:url(../i/sec5_9_tw.png) no-repeat 50% 50%;
}
.sec5_9_block .author{
text-align:center;
margin-top:47px;
}
.sec5_9_block .author img{
margin-bottom:18px;
border-radius:50%;
}
.sec5_9_block .author .name{
font-size:12px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
color:#8c8f94;
}
.sec5_9_block .text{
font-size:20px;
line-height:32px;
color:#3a3d4b;
text-align:center;
margin:15px 45px 0 45px;
}
.sec5_9_block .text span{
color:#3b55e6;
}
.sec5_9_block.type2 .author{
margin:0;
}
.sec5_9_block.type2 .author .name{
position:absolute;
left:30px;
top:23px;
}
.sec5_9_block.type2 .text{
margin:60px 30px 0 30px;
text-align:left;
}
.sec5_9_block.type3 .author{
margin:47px 45px 0 45px;
text-align:left;
}
.sec5_9_block.type3 .author img{
float:left;
margin-right:20px;
}
.sec5_9_block.type3 .author .name{
font-size:20px;
line-height:28px;
color:#222328;
text-transform:none;
letter-spacing:0px;
margin-top:3px;
}
.sec5_9_block.type3 .author .company{
font-size:12px;
line-height:22px;
color:#8c8f94;
text-transform:uppercase;
letter-spacing:1px;
margin-top:3px;
}
.sec5_9_block.type3 .text{
margin:5px 45px 0 45px;
text-align:left;
}
.sec5_9_block.type3 .sec3_5_btn{
position:absolute;
left:45px;
right:45px;
bottom:55px;
width:auto;
text-align:center;
}
/* Section 6 (9) */
.sec6_9{
padding-top:100px;
padding-bottom:200px;
}
.sec6_9 .flex{
margin-top:70px;
}
.sec6_9_block{
width:370px;
text-align:center;
}
.sec6_9_block .title{
font-size:24px;
line-height:26px;
margin-top:37px;
}
.sec6_9_block .text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#8c8f94;
margin-top:40px;
}
.sec6_9_block .sec4_5_btn{
margin-top:55px;
padding:0 30px;
}
/* Footer 9 */
.footer9{
padding-top:110px;
padding-bottom:70px;
background:url(../i/bg_footer9.jpg) no-repeat 50% 50%;
background-size:cover;
}
.footer9 .flex{
max-width:970px;
margin: 60px auto 0 auto;
}
.footer9_block{
width:470px;
height:440px;
border:2px solid #747475;
border-radius:10px;
color:#fff;
padding:38px 42px;
position:relative;
}
.footer9_block.white{
background:#fff;
color:#222328;
border-color:#fff;
}
.footer9_block .title{
font-size:24px;
line-height:26px;
margin-bottom:26px;
}
.footer9_block .title .price{
float:right;
}
.footer9_block .title .price.gray{
color:#bcc6c9;
}
.footer9_block .list{
line-height:42px;
font-size:16px;
font-weight:300;
position:relative;
padding-left:40px;
}
.footer9_block .list b{
font-weight:500;
}
.footer9_block .list:before{
display:block;
content:"";
width:24px;
height:24px;
position:absolute;
left:0;
top:9px;
background:url(../i/check_yellow.png) no-repeat 50% 50%;
}
.footer9_block.white .list:before{
background:url(../i/check_blue.png) no-repeat 50% 50%;
}
.footer9_block .sec3_5_btn{
position:absolute;
left:42px;
bottom:47px;
right:42px;
text-align:center;
}
.footer9_links{
margin-top:165px;
}
.footer9 .left{
float:left;
}
.footer9 .right{
float:right;
}
.footer9_links a{
display:inline-block;
color:#fff;
text-transform:uppercase;
font-size:12px;
line-height:22px;
letter-spacing:1px;
margin-right:30px;
}
.footer9_links a:hover{
opacity:0.5;
}
.footer9_links a.active{
opacity:0.3;
}
.footer9_links .right a{
height:22px;
width:24px;
margin-right:0;
margin-left:20px;
}
.footer9_links a.tw{
background:url(../i/footer5_socials.png) no-repeat 0 50%;
}
.footer9_links a.fb{
background:url(../i/footer5_socials.png) no-repeat -40px 50%;
}
.footer9_links a.gp{
background:url(../i/footer5_socials.png) no-repeat -78px 50%;
}
/*
*
*
*
Landing 10 - Mac App
*
*
*
*/
/* nav 10 */
.nav10{
}
.nav10 a.nav5_logo{
font-size:22px;
}
.nav10 a{
color:#8c8f94;
font-size:16px;
margin-right:25px;
}
.nav10 .btn.green{
color:#fff;
background:#30ce91;
border-color:#30ce91;
padding:0 16px;
margin-left:0;
}
.nav10 .btn.green:hover{
opacity:1;
border-color:#17c07f;
background:#17c07f;
}
/* Header 10 */
.header10{
padding-bottom:200px;
border-bottom:1px solid #e8e9e9;
overflow-x:hidden;
}
.header10 .container{
position:relative;
}
.bg_header10{
position:absolute;
top:226px;
left:550px;
}
.header10 .inner{
padding-top:270px;
max-width:470px;
}
.header10 h1{
font-size:62px;
line-height:72px;
text-align:left;
letter-spacing:-3px;
}
.header10 .sec3_1_btn{
text-transform:uppercase;
padding:0 50px;
margin-top:47px;
width:auto;
display:inline-block;
line-height:60px;
height:60px;
border-radius:30px;
}
.header10 .text{
color:#8c8f94;
font-size:16px;
line-height:26px;
font-weight:300;
margin-top:110px;
}
.header10_links{
margin-top:31px;
}
.header10_links a{
margin-right:30px;
}
.header10_links a:hover{
opacity:0.7;
}
/* Section 1 (10) */
.sec1_10{
padding-top:120px;
padding-bottom:140px;
text-align:center;
}
.sec1_10 h2{
margin-bottom:35px;
}
.sec1_10_text{
color:#8c8f94;
font-size:16px;
line-height:26px;
font-weight:300;
max-width:700px;
margin: 0 auto;
}
.sec1_10_text strong{
font-weight:400;
}
.sec1_10 .flex{
margin-top:72px;
}
.sec1_10 .sec3_4_text{
width:370px;
float:none;
margin:0;
border:2px solid #e8e9e9;
border-radius:10px;
position:relative;
padding-bottom:78px;
}
.sec1_10 .sec3_4_text:nth-of-type(2n){
float:none;
margin:0;
}
.sec1_10 .sec3_4_text img{
margin:-2px -2px 0 -2px;
}
.sec1_10 .sec3_4_text .title{
margin-top:35px;
}
.sec1_10 .sec3_4_text .text{
margin:23px 30px 0 30px;
}
.sec1_10 .sec3_4_link_holder{
position:absolute;
left:0;
right:0;
bottom:25px;
}
.sec1_10 .sec3_4_link.inactive{
color:#8c8f94;
opacity:0.5;
background:none;
padding:0;
}
.sec1_10 .sec3_4_text:hover{
color:#222328;
}
.sec1_10 .sec3_4_text:hover>img, .sec1_10 .sec3_4_text:hover>.sec3_4_link_holder .sec3_4_link:not(.inactive){
opacity:0.8;
}
/* Section 2 (10) */
.sec2_10{
padding-top:183px;
background:#bcc6c9;
overflow-x:hidden;
padding-bottom:0;
}
.sec2_10 .container{
position:relative;
padding-bottom:200px;
}
.bg_sec2_10{
position:absolute;
bottom:0px;
left:500px;
}
.sec2_10 .sec3_1_pretitle{
text-transform:none;
letter-spacing:0px;
font-size:20px;
margin-bottom:38px;
}
/* Section 3 (10) */
.sec3_10{
height:auto;
background:#636366 url(../i/bg_sec3_10.jpg) no-repeat 50% 50%;
background-size:cover;
}
.sec3_10 .container{
position:relative;
padding-bottom:200px;
padding-top:0;
}
.sec3_10_img{
top:125px;
left:0;
position:absolute;
}
.sec3_10 .sec3_2_inner{
width:570px;
margin-top:180px;
}
.sec3_10 .sec3_2_text{
opacity:1;
max-width:500px;
}
.sec3_10 .sec1_6_block_btn{
background-image:url(../i/download_white.png);
background-repeat:no-repeat;
background-position:30px 50%;
padding: 0 40px 0 70px;
margin-top:52px;
}
.sec3_10 .sec3_2_col{
margin-top:93px;
}
.sec3_10 .sec3_2_col .title{
margin-top:20px;
}
/* Section 4 (10) */
.sec4_10{
padding-top:120px;
padding-bottom:165px;
}
.bg_sec4_10{
max-width:100%;
}
.sec4_10 .text{
color:#3a3d4b;
font-size:18px;
line-height:28px;
max-width:770px;
font-weight:300;
margin:30px auto 0 auto;
text-align:center;
}
.sec4_10 img{
display:block;
margin:85px auto 0 auto;
}
/* Section 5 (10) */
.sec5_10{
padding-top:110px;
padding-bottom:140px;
background:#f0ecdd;
}
.sec5_10 .container{
max-width:970px;
}
.sec5_10 .text{
font-size:18px;
line-height:28px;
max-width:670px;
font-weight:300;
margin-top:25px;
}
.sec5_10 .text strong{
font-weight:400;
}
.sec5_10 .header4_video{
float:left;
width:570px;
height:370px;
margin-top:80px;
box-shadow:0px 40px 50px rgba(0,0,0,0.4);
}
.sec5_10 .header4_video video{
width:570px;
height:370px;
}
.sec5_10_menu{
width:320px;
height:400px;
float:right;
margin-top:65px;
}
.sec5_10_menu a{
display:block;
padding-left:20px;
font-weight:300;
color:#8c8f94;
font-size:18px;
line-height:50px;
transition:color 0.2s;
}
.sec5_10_menu a.active{
font-weight:400;
color:#222328;
background:url(../i/sec5_10_link_arrow.png) no-repeat 0 21px;
}
.sec5_10_menu a:hover{
color:#444;
}
.sec5_10_menu .nano-pane{
background:#dbd8cb;
width:4px;
}
.sec5_10 .nano > .nano-pane > .nano-slider{
width:4px;
border-radius:2px;
background:#222328;
}
.sec5_10_link{
display:inline-block;
}
.sec5_10_link:hover{
opacity:0.7;
}
.sec5_10 .sec5_10_link{
margin-top:68px;
}
.sec5_10_link .icon{
float:left;
width:50px;
height:50px;
border-radius:50%;
background:#222328 url(../i/download_white.png) no-repeat 50% 50%;
}
.sec5_10_link .left{
float:left;
margin-left:20px;
}
.sec5_10_link .left .title{
font-size:14px;
line-height:24px;
color:#222328;
letter-spacing:1.5px;
text-transform:uppercase;
}
.sec5_10_link .left .subtitle{
font-size:14px;
line-height:28px;
color:#8c8f94;
font-weight:300;
}
/* Section 6 (10) */
.sec6_10{
overflow-x:hidden;
padding:0;
background:#fff;
}
.sec6_10 .container{
max-width:inherit;
position:relative;
padding-top:135px;
padding-bottom:150px;
}
.bg_sec6_10{
position:absolute;
top:0;
left:585px;
height:100%;
}
.sec6_10 .inner{
max-width:470px;
}
.sec6_10 .sec3_5_text{
text-align:left;
margin-top:21px;
margin-bottom:0;
}
.sec6_10 .opening_tabs{
width:370px;
margin-top:50px;
border-color:#bcc6c9;
}
.sec6_10 .opening_tabs .title{
font-size:14px;
height:50px;
line-height:50px;
background-color:#bcc6c9;
background-position:100% -5px;
border-color:#acb5b9;
}
.sec6_10 .opening_tabs .text{
line-height:28px;
font-size:16px;
}
/* Section 7 (10) */
.sec7_10{
padding-top:117px;
padding-bottom:158px;
background:#222328;
text-align:center;
}
.sec7_10 .container{
max-width:970px;
}
.sec7_10_text{
max-width:770px;
color:#fff;
opacity:0.5;
font-size:18px;
line-height:28px;
font-weight:300;
margin:45px auto 0 auto;
}
.sec7_10_text strong{
font-weight:400;
}
.sec7_10 .flex{
margin-top:72px;
}
.sec7_10_block{
width:470px;
color:#fff;
}
.sec7_10_block .title{
font-size:14px;
line-height:26px;
letter-spacing:1px;
text-transform:uppercase;
}
.sec7_10_block .inner{
border:2px solid #39393e;
border-radius:10px;
height:270px;
margin-top:24px;
padding-top:50px;
}
.sec7_10_block .inner .col{
display:inline-block;
width:130px;
margin:0 35px;
font-weight:300;
font-size:16px;
line-height:26px;
}
.sec7_10_block .inner .col img{
margin-bottom:17px;
}
/* Section 8 (10) */
.sec8_10{
padding-top:108px;
padding-bottom:98px;
text-align:center;
border-bottom:1px solid #e8e9e9;
}
.sec8_10_text{
max-width:570px;
margin:30px auto 50px auto;
font-weight:300;
font-size:18px;
line-height:28px;
color:#3a3d4b;
}
.sec8_10_text strong{
font-weight:400;
}
.sec8_10 .sec1_6_block_btn{
padding:0 30px;
margin:0 10px;
}
.sec8_10 .sec1_6_block_btn.white{
border:2px solid #e5e5e5;
line-height:46px;
}
.sec8_10 .sec1_6_block_btn.white:hover{
border-color:#c4c4c4;
background:#fff;
}
/* Footer 10 */
.footer10{
padding-top:94px;
padding-bottom:60px;
text-align:center;
}
.footer10_block{
width:270px;
text-align:left;
}
.footer10_block .title{
font-size:14px;
line-height:26px;
letter-spacing:1px;
text-transform:uppercase;
}
.footer10_block .subtitle{
font-size:16px;
line-height:28px;
color:#8c8f94;
font-weight:300;
margin-top:5px;
}
.footer10 .links{
margin-top:110px;
margin-bottom:95px;
}
.footer10 .links a{
font-size:18px;
line-height:28px;
color:#222328;
display:inline-block;
margin:0 12px;
}
.footer10 .links a.active, .footer10 .links a:hover{
opacity:0.3;
}
.footer10 .socials a{
display:inline-block;
width:24px;
height:24px;
margin:0 10px;
}
.footer10 .socials a.tw{
background:url(../i/sec7_1_team_socials.png) no-repeat 0 50%;
}
.footer10 .socials a.fb{
background:url(../i/sec7_1_team_socials.png) no-repeat -50px 50%;
}
.footer10 .socials a.gp{
background:url(../i/sec7_1_team_socials.png) no-repeat -98px 50%;
}
.footer10 .socials a:hover{
opacity:0.7;
}
/*
*
*
*
Landing 11 - Blog
*
*
*
*/
/* nav 11 */
.nav11{
position:absolute;
left:0;
top:70px;
z-index:20;
}
.nav11 a, .nav11 a:focus{
font-size:16px;
color:#fff;
display:inline-block;
margin-right:40px;
border-bottom:2px solid transparent;
}
.nav11 a.nav11_logo{
font-size:20px;
}
.nav11 a:not(.nav11_logo):not(.header6_menu):not(.avatar):hover, .nav11 a.active{
border-bottom-color:#30ce91;
color:#aaa;
}
.nav11 .right{
float:right;
}
.nav11 .right a{
vertical-align:top;
}
.nav11 .header6_menu, .nav11 .header6_menu:focus{
background-image:url(../i/menu_white.png);
margin-right:0;
margin-left:0;
}
.nav11 .avatar img{
border-radius:50%;
}
.nav11_form{
position:relative;
display:inline-block;
margin-right:40px;
}
.nav11_form input[type=text]{
height:36px;
border:2px solid #818285;
border-radius:18px;
padding-left:35px;
padding-right:2px;
color:#fff;
width:160px;
background:transparent;
font-weight:300;
text-align:left;
}
.nav11_form input[type=submit]{
position:absolute;
left:2px;
top:2px;
height:32px;
width:32px;
background:transparent url(../i/icon_search.png) no-repeat 50% 50%;
border:none;
}
.nav11 .mobile_menu_close{display:none;}
/* header 11 */
.header11 li{
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
padding-top:235px;
padding-bottom:320px;
}
.header11 .bx-wrapper .bx-pager{
bottom:200px;
text-align:left;
max-width:1170px;
position:relative;
margin:0 auto;
height:0px;
padding:0;
}
.header11 .bx-wrapper .bx-pager.bx-default-pager a{
background:transparent;
border:2px solid #fff;
opacity:0.6;
}
.header11 .bx-wrapper .bx-pager.bx-default-pager a:hover{
border:2px solid #fff;
opacity:1;
}
.header11 .bx-wrapper .bx-pager.bx-default-pager a.active{
border:2px solid #fff;
background:#fff;
opacity:1;
}
.header11_pretitle{
display:inline-block;
color:#fff;
font-size:11px;
line-height:24px;
border-radius:4px;
padding:0 10px;
text-transform:uppercase;
letter-spacing:1px;
background:#3b55e6;
}
.header11_pretitle.yellow{
background:#f2bc3b;
}
.header11_pretitle.green{
background:#30ce91;
}
.header11_pretitle.red{
background:#f42267;
}
.header11_pretitle.black{
background:#222328;
}
.header11 h2{
font-size:62px;
line-height:72px;
margin-top:25px;
}
.header11_text{
font-size:18px;
line-height:28px;
color:#fff;
opacity:0.5;
margin-top:30px;
max-width:670px;
margin-bottom:70px;
}
.header11 .sec1_6_block_btn{
height:60px;
line-height:60px;
border-radius:30px;
}
.header11_btn, .header11_btn:focus{
display:inline-block;
line-height:60px;
opacity:0.6;
color:#fff;
font-size:16px;
padding-left:40px;
position:relative;
margin-left:40px;
}
.header11_btn:before{
content:"";
display:block;
width:32px;
height:32px;
background:#fff url(../i/sec6_2_video_play.png) no-repeat 50% 50%;
background-size:42px 42px;
position:absolute;
left:0;
top:50%;
margin-top:-16px;
border-radius:50%;
}
.header11_btn:hover{
opacity:1;
color:#fff;
}
/* Section 1 (11) */
.sec1_11{
height:350px;
}
.sec1_11_block{
width:33.3333%;
height:100%;
padding-top:87px;
float:left;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover;
text-align:center;
color:#fff;
}
.sec1_11_block:hover{
opacity:0.85;
}
.sec1_11_block h3{
font-size:28px;
line-height:38px;
margin-top:20px;
margin-bottom:25px;
color:#fff;
}
.sec1_11_block .text{
font-size:14px;
line-height:26px;
opacity:0.6;
color:#fff;
}
/* Section 2 (11) */
.sec2_11{
padding-top:140px;
padding-bottom:168px;
background:url(../i/bg_sec2_11.jpg) no-repeat 50% 50%;
}
.sec2_11 .inner{
max-width:470px;
}
.sec2_11_pretitle{
font-size:16px;
line-height:24px;
opacity:0.5;
text-transform:uppercase;
letter-spacing:1px;
}
.sec2_11 h2{
font-size:52px;
line-height:62px;
margin-top:20px;
}
.sec2_11_text{
font-weight:300;
color:#8c8f94;
font-size:18px;
line-height:28px;
max-width:370px;
margin-top:23px;
}
.sec2_11 .author{
text-transform:uppercase;
font-size:12px;
line-height:36px;
letter-spacing:1px;
margin-top:25px;
margin-bottom:88px;
}
.sec2_11 .author img{
float:left;
border-radius:50%;
margin-right:12px;
}
.sec2_11_minutes{
display:inline-block;
font-size:14px;
line-height:50px;
margin-left:10px;
}
/* Section 3 (11) */
.sec3_11{
padding-top:100px;
padding-bottom:120px;
background:#f0ecdd;
}
.sec3_11 .flex{
margin-top:55px;
}
.sec3_11_block{
width:370px;
padding:40px 30px 165px 37px;
border-radius:10px;
background-repeat:no-repeat;
background-position:50% 50%;
background-size:cover;
color:#fff;
position:relative;
min-height:520px;
}
.sec3_11_block .author{
line-height:36px;
text-transform:uppercase;
letter-spacing:1px;
font-size:12px;
}
.sec3_11_block .author img{
float:left;
margin-right:12px;
border-radius:50%;
}
.sec3_11_block .title{
line-height:38px;
font-size:28px;
margin-top:15px;
}
.sec3_11_block .title a{
color:#fff;
display:block;
}
.sec3_11_block .title a:hover{
opacity:0.7;
}
.sec3_11_block .text{
font-weight:300;
opacity:0.8;
line-height:26px;
font-size:16px;
margin-top:18px;
}
.sec3_11_block .btn_holder{
width:100%;
position:absolute;
left:0;
bottom:50px;
text-align:center;
}
.sec3_11_block .time{
opacity:0.6;
line-height:26px;
font-size:14px;
margin-top:20px;
}
.sec3_11_block .sec3_5_btn{
padding:0 50px;
}
/* Section 4 (11) */
.sec4_11{
padding-top:100px;
padding-bottom:107px;
border-bottom:1px solid #e8e9e9;
text-align:center;
}
.sec4_11 .container{
max-width:970px;
}
.sec4_11_text{
font-size:18px;
line-height:28px;
color:#8c8f94;
max-width:770px;
font-weight:300;
margin: 27px auto 54px auto;
}
.sec4_11_text b{
font-weight:400;
}
.sec4_11_block{
min-height:320px;
margin-bottom:30px;
text-align:left;
}
.sec4_11_block .link:hover img{
opacity:0.7;
}
.sec4_11_block .image{
border-radius:10px;
float:left;
}
.sec4_11_block .inner{
margin-left:430px;
}
.sec4_11_block .title{
font-size:28px;
line-height:38px;
padding-top:30px;
}
.sec4_11_block .title a{
color:#222328;
}
.sec4_11_block .title a:hover{
opacity:0.7;
}
.sec4_11_block .title .time{
font-size:12px;
margin-left:5px;
display:inline-block;
}
.sec4_11_block .text{
font-size:16px;
line-height:26px;
color:#3a3d4b;
font-weight:300;
opacity:0.8;
margin-top:15px;
}
.sec4_11_block .author{
margin-top:32px;
}
.sec4_11_block .author img{
float:left;
border-radius:50%;
}
.sec4_11_block .author .left{
float:left;
margin-left:19px;
}
.sec4_11_block .author .left .name{
font-size:18px;
line-height:28px;
}
.sec4_11_block .author .left .info{
font-size:12px;
line-height:22px;
color:#8c8f94;
text-transform:uppercase;
letter-spacing:1px;
}
.sec4_11_block .author .left .info i{
text-transform:none;
}
.sec4_11_block .author .left .info a.red{
color:#f42267;
}
.sec4_11_block .author .left .info a.yellow{
color:#f2bc3b;
}
.sec4_11_block .author .left .info a.green{
color:#30ce91;
}
.sec4_11_block .author .left .info a:hover{
opacity:0.7;
}
.sec4_11_block.no_image{
border-top:1px solid #e8e9e9;
border-bottom:1px solid #e8e9e9;
padding-top:20px;
}
.sec4_11_block.no_image .inner{
margin-left:0;
}
.sec4_11 .sec4_5_btn{
margin-top:50px;
padding:0 30px;
}
/* Section 5 (11) */
.sec5_11{
padding-top:95px;
padding-bottom:115px;
}
.sec5_11 .flex{
margin-top:50px;
}
.sec5_11_block{
width:270px;
}
.sec5_11_block img{
border-radius:10px;
}
.sec5_11_block a:hover{
opacity:0.7;
}
.sec5_11_block .title{
font-size:22px;
line-height:32px;
margin-top:15px;
}
.sec5_11_block .title a{
color:#222328;
display:block;
}
.sec5_11_block .info{
font-size:12px;
line-height:22px;
color:#8c8f94;
text-transform:uppercase;
letter-spacing:1px;
margin-top:10px;
}
.sec5_11_block .info span{
color:#3a3d4b;
}
.sec5_11_block .sec4_5_btn{
margin-top:18px;
}
/* Section 6 (11) */
.sec6_11{
background:#45474b url(../i/bg_sec6_11.jpg) no-repeat 50% 50%;
background-size:cover;
padding-top:110px;
padding-bottom:118px;
text-align:center;
color:#fff;
}
.sec6_11 .pretitle{
font-size:14px;
letter-spacing:1.5px;
text-transform:uppercase;
margin-bottom:10px;
}
.sec6_11 .flex{
margin-top:70px;
}
.sec6_11_block{
width:170px;
}
.sec6_11_block .img{
display:block;
border-radius:50%;
width:150px;
height:150px;
}
.sec6_11_block .img .image{
width:150px;
height:150px;
border-radius:50%;
}
.sec6_11_block .img:hover .image{
-webkit-filter: brightness(1.2);
filter: brightness(1.2);
}
.sec6_11_block .title{
font-size:22px;
line-height:32px;
margin-top:25px;
}
.sec6_11_block .title a{
color:#fff;
}
.sec6_11_block .title a:hover, .sec6_11_block a:hover img{
opacity:0.7;
}
.sec6_11 .sec4_5_btn{
margin-top:60px;
}
/* Section 7 (11) */
.sec7_11{
background:#f0ecdd;
padding-top:98px;
padding-bottom:156px;
}
.sec7_11 .flex{
margin-top:65px;
}
.sec7_11_block{
width:370px;
padding-left:20px;
}
.sec7_11_block .title{
font-size:24px;
line-height:34px;
margin-top:30px;
}
.sec7_11_block .text{
font-size:18px;
line-height:28px;
font-weight:300;
color:#3a3d4b;
margin-top:20px;
}
.sec7_11_block .sec4_5_btn{
margin-top:40px;
}
/* Footer 11 */
.footer11{
padding-bottom:70px;
}
.footer11_nav{
height:120px;
border-bottom:1px solid #f2f2f2;
}
.footer11_nav a, .footer11_nav a:focus{
display:inline-block;
margin-right:35px;
text-transform:uppercase;
letter-spacing:1.5px;
line-height:119px;
font-size:14px;
color:#3a3d4b;
}
.footer11_nav a:hover{
opacity:0.7;
}
.footer11 .left{
float:left;
margin-top:70px;
width:270px;
margin-right:30px;
vertical-align:top;
}
.footer11 .left .nav11_logo{
font-size:26px;
margin-bottom:15px;
color:#222328;
display:block;
}
.footer11 .footer11_text{
width:570px;
font-weight:300;
opacity:0.4;
color:#8c8f94;
font-size:16px;
line-height:26px;
}
.footer11 .socials{
float:right;
margin-top:85px;
}
.footer11 .socials a{
display:inline-block;
width:50px;
height:50px;
border-radius:50%;
border:2px solid #e5e5e5;
background:url(../i/footer11_socials.png) no-repeat 0 50%;
margin-left:15px;
}
.footer11 .socials a.fb{
background-position:-70px 50%;
}
.footer11 .socials a.db{
background-position:-140px 50%;
}
.footer11 .socials a:hover{
opacity:0.6;
border-color:#222328;
}
/*
*
*
*
Landing 12 - Device
*
*
*
*/
/* Header 12 */
.header12{
padding-top:225px;
padding-bottom:94px;
background:#222326 url(../i/bg_header12.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.header12 h1{
color:#fff;
font-size:52px;
line-height:62px;
margin-bottom:80px;
}
.header12_link, .header12_link:focus{
display:inline-block;
color:#fff;
opacity:0.3;
font-size:14px;
text-decoration:underline;
margin-top:25px;
}
.header12_link:hover{
opacity:0.8;
color:#fff;
text-decoration:underline;
}
.header12_text{
color:#fff;
max-width:770px;
font-size:26px;
line-height:36px;
margin:90px auto 50px auto;
}
/* nav 12 */
.nav12{
height:100px;
position:absolute;
top:60px;
z-index:1000;
}
.nav12 a{
color:#fff;
line-height:36px;
}
.nav12 .nav5_logo{
font-size:20px;
float:left;
margin-right:35px;
}
.nav12 .left{
float:left;
margin-top:2px;
}
.nav12 .right{
float:right;
}
.nav12 .left a{
opacity:0.4;
font-size:16px;
font-weight:300;
display:inline-block;
margin-right:25px;
}
.nav12 .left a:hover{
opacity:0.8;
}
.nav12 a.header12_btn, .nav12 a.header12_btn:focus{
display:inline-block;
border:2px solid #313539;
line-height:32px;
height:36px;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
padding:0 20px;
margin-left:20px;
border-radius:18px;
font-weight:400;
color:#fff;
}
.nav12 a.header12_btn:hover{
border-color:#ddd;
}
.nav12 a.header12_btn.white, .nav12 a.header12_btn.white:focus{
background:#fff;
border-color:#fff;
color:#222328;
}
.nav12 a.header12_btn.white:hover{
border-color:#ddd;
background:#ddd;
}
/* Section 1 (12) */
.sec1_12{
padding:25px 0;
background:#f0ecdd;
}
.sec1_12 .left{
float:left;
}
.sec1_12 .right{
float:right;
font-size:14px;
line-height:50px;
color:#b1afa5;
}
.sec1_12 .left a, .sec1_12 .left a:focus{
line-height:50px;
color:#222328;
display:inline-block;
margin-right:30px;
font-size:14px;
}
.header12_input_holder{
display:inline-block;
vertical-align:top;
height:50px;
border-radius:25px;
border:2px solid #dbd8cb;
margin-right:35px;
margin-left:15px;
padding:5px;
}
.header12_input_holder.focused{
border-color:#fff;
background:#fff;
box-shadow:0px 20px 50px rgba(0,0,0,0.2);
}
.header12_input_holder input{
background:none;
border:none;
height:36px;
padding:0 20px;
width:250px;
font-size:14px;
line-height:36px;
vertical-align:top;
text-align:left;
}
.header12_input_holder.focused input{
color:#222328;
}
.header12_input_holder button{
height:36px;
line-height:36px;
padding:0 25px;
background:#3b55e6;
color:#fff;
border-radius:18px;
text-transform:uppercase;
font-size:11px;
letter-spacing:2px;
vertical-align:top;
}
/* Section 2 (12) */
.sec2_12{
padding-top:110px;
padding-bottom:132px;
text-align:center;
border-bottom:1px solid #e8e9e9;
}
.sec2_12 .container{
max-width:970px;
}
.sec2_12 h2{
font-size:32px;
line-height:42px;
}
.sec2_12_text{
max-width:570px;
margin:30px auto 85px auto;
font-size:18px;
line-height:28px;
opacity:0.8;
}
.sec2_12_slider .bx-wrapper img{
margin:0 auto;
}
.sec2_12_slider .bx-wrapper .bx-prev, .sec2_12_slider .bx-wrapper .bx-next{
opacity:0.3;
}
.sec2_12_slider .bx-wrapper .bx-prev:hover, .sec2_12_slider .bx-wrapper .bx-next:hover{
opacity:0.8;
}
.sec2_12 .flex{
flex-wrap:wrap;
margin-top:15px;
}
.sec2_12 .sec1_2_text{
max-width:470px;
text-align:left;
margin-left:0;
margin-right:0;
}
/* Section 3 (12) */
.sec3_12{
padding-top:110px;
padding-bottom:125px;
text-align:center;
}
.sec3_12 .container{
max-width:970px;
}
.sec3_12 .pretitle{
text-transform:uppercase;
font-size:16px;
line-height:26px;
letter-spacing:2px;
margin-bottom:25px;
}
.sec3_12 .flex{
margin-top:76px;
margin-bottom:76px;
}
.sec3_12_block{
width:470px;
border-radius:10px;
box-shadow:0 25px 70px rgba(0,0,0,0.3);
}
.sec3_12_block .inner{
margin:40px 70px 0 70px;
padding-bottom:115px;
position:relative;
}
.sec3_12_block img{
width:100%;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
.sec3_12_block .title, .sec3_12_block .title:focus{
color:#222328;
font-size:22px;
line-height:32px;
display:block;
}
.sec3_12_block .text{
font-weight:300;
font-size:16px;
line-height:26px;
margin-top:15px;
color:#3a3d4b;
}
.sec3_12_block_link, .sec3_12_block_link:focus{
height:50px;
line-height:50px;
color:#3b55e6;
text-transform:uppercase;
font-size:14px;
letter-spacing:1px;
text-decoration:underline;
}
.sec3_12_block_link:hover{
opacity:0.7;
color:#3b55e6;
}
.sec3_12_block_link i{
text-transform:none;
}
.sec3_12_block .sec3_5_btn, .sec3_12_block_link{
position:absolute;
left:0;
bottom:35px;
right:0;
padding:0;
}
.sec3_12_block.border{
border:2px solid #e8e9e9;
box-shadow:none;
}
/* Section 4 (12) */
.sec4_12{
background:#f0ecdd;
padding-top:110px;
padding-bottom:101px;
text-align:center;
}
.sec4_12 .pretitle{
font-size:16px;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:16px;
}
.sec4_12 .flex{
flex-wrap:wrap;
margin-top:58px;
}
.sec4_12_block{
width:370px;
}
.sec4_12_block .text{
background:#fff;
border-radius:10px;
padding:40px;
position:relative;
}
.sec4_12_block .text:after{
display:block;
content:"";
position:absolute;
left:50%;
bottom:-10px;
margin-left:-10px;
width:20px;
height:10px;
background:url(../i/sec4_12_block_tip.png) no-repeat 50% 50%;
}
.sec4_12_block img{
border-radius:50%;
margin-top:30px;
}
.sec4_12_block .title{
font-size:20px;
line-height:28px;
margin-top:20px;
}
.sec4_12_block .text{
font-size:18px;
line-height:28px;
color:#3a3d4b;
font-weight:300;
margin-top:5px;
}
.sec4_12_block .info{
font-size:12px;
line-height:22px;
text-transform:uppercase;
letter-spacing:1px;
opacity:0.5;
}
/* Section 5 (12) */
.sec5_12{
padding-top:102px;
padding-bottom:101px;
}
.sec5_12 .container{
position:relative;
max-width:970px;
}
.sec5_12 h2{
margin-right:270px;
}
.sec5_12_text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#3a3d4b;
opacity:0.7;
margin-top:30px;
}
.sec5_12 .sec3_5_btn{
position:absolute;
top:0;
right:0;
letter-spacing:2px;
}
.sec5_12 .line{
margin:83px 0 107px 0;
}
.sec5_12_slider{
float:right;
max-width:370px;
margin-top:70px;
}
.sec5_12_slider img{
margin:0 auto;
}
.sec5_12 .bx-wrapper .bx-pager{
bottom:0;
}
.sec5_12 .bx-wrapper .bx-pager.bx-default-pager a{
border:2px solid #d1d0d1;
background:#fff;
}
.sec5_12 .bx-wrapper .bx-pager.bx-default-pager a:hover, .sec5_12 .bx-wrapper .bx-pager.bx-default-pager a.active{
border-color:#01091c;
background:#01091c;
}
.sec5_12 .sec6_2_blocks_holder{
flex-wrap:wrap;
width:370px;
margin-top:0;
float:left;
}
.sec5_12 .sec6_2_block{
margin-bottom:15px;
}
.sec5_12 .sec6_2_block.dark{
background:#bcc6c9;
color:#222328;
}
/* Section 6 (12) */
.sec6_12{
text-align:center;
}
.sec6_12_inner{
background:#222328;
border-radius:24px;
padding:83px 100px 89px 100px;
position:relative;
}
.sec6_12_label{
font-size:16px;
line-height:50px;
color:#fff;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
height:50px;
background:#f42267;
padding:0 40px 0 24px;
position:absolute;
right:-25px;
top:66px;
transform:rotate(90deg);
}
.sec6_12_label:after{
content:"";
display:block;
height:100%;
width:25px;
position:absolute;
top:0;
right:0;
background:url(../i/sec6_12_label.png) no-repeat 100% 50%;
}
.sec6_12_label.size36{
top:36px;
right:-15px;
height:36px;
line-height:36px;
font-size:11px;
padding:0 12px;
}
.sec6_12_label.size36:after{
width:18px;
background-image:url(../i/sec6_12_label_36.png);
right:-17px;
}
.sec6_12 h2{
font-size:52px;
line-height:62px;
}
.sec6_12_text{
font-size:22px;
line-height:28px;
color:#fff;
margin-top:22px;
}
.sec6_12 .flex{
max-width:970px;
margin:72px auto 0 auto;
flex-wrap:wrap;
}
.sec6_12_block{
width:470px;
text-align:left;
margin-bottom:55px;
}
.sec6_12_block img{
float:left;
}
.sec6_12_block .inner{
margin-left:100px;
}
.sec6_12_block .title{
font-size:16px;
line-height:26px;
color:#fff;
letter-spacing:1px;
text-transform:uppercase;
margin-top:20px;
}
.sec6_12_block .text{
font-size:18px;
line-height:28px;
color:#8c8f94;
font-weight:300;
margin-top:22px;
}
.sec6_12_text2{
font-size:18px;
line-height:28px;
color:#fff;
font-weight:300;
margin-top:22px;
}
/* Section 7 (12) */
.sec7_12{
padding-top:95px;
padding-bottom:116px;
text-align:center;
}
.sec7_12_text{
font-size:18px;
line-height:28px;
color:#3a3d4b;
opacity:0.7;
font-weight:300;
max-width:570px;
margin:20px auto 27px auto;
}
/* Section 8 (12) */
.sec8_12{
background:#575e65;
}
.sec8_12 .container{
padding:0;
width:100%;
}
.sec8_12_block{
width:50%;
height:450px;
background-size:cover;
background-position:50% 50%;
text-align:left;
}
.sec8_12_block:hover{
opacity:0.7;
}
.sec8_12_block .inner{
width:470px;
padding-top:102px;
float:right;
margin-right:115px;
}
.sec8_12_block .inner .pretitle{
font-size:14px;
line-height:24px;
color:#fff;
opacity:0.5;
text-transform:uppercase;
letter-spacing:1px;
}
.sec8_12_block .inner .title{
display:block;
font-size:42px;
line-height:52px;
color:#fff;
margin-top:8px;
margin-bottom:22px;
}
.sec8_12_block .sec4_5_btn.white{
border-color:rgba(255,255,255,0.5);
}
.sec8_12_block .sec4_5_btn.white:hover{
border-color:rgba(255,255,255,1);
}
.sec8_12_block.right .inner{
float:left;
margin-right:0;
margin-left:115px;
}
/* Section 9 (12) */
.sec9_12{
background:#222328;
border-bottom:1px solid #292a2f;
}
.sec9_12 a{
font-size:14px;
line-height:100px;
font-weight:300;
color:#fff;
display:inline-block;
margin-right:25px;
}
.sec9_12 a:hover{
opacity:0.7;
}
/* Footer 12 */
.footer12{
padding-top:55px;
background:#222328;
}
.footer12 .flex{
flex-wrap:wrap;
justify-content:flex-start;
}
.footer12 .col{
width:170px;
margin-right:30px;
margin-bottom:50px;
}
.footer12 .col.last{
margin-right:0;
}
.footer12 .col .title{
font-size:12px;
line-height:26px;
min-height:26px;
text-transform:uppercase;
letter-spacing:1px;
color:#fff;
margin-bottom:12px;
}
.footer12 .col a{
font-size:14px;
line-height:40px;
color:#8c8f94;
display:block;
}
.footer12 .col a:hover{
color:#fff;
}
.footer12 .col .socials a{
display:inline-block;
width:24px;
height:24px;
margin-top:5px;
margin-right:10px;
background:url(../i/header5_socials.png) no-repeat 0px 50%;
opacity:0.5;
}
.footer12 .col .socials a.fb{
background-position: -50px 50%;
}
.footer12 .col .socials a.gp{
background-position: -100px 50%;
}
.footer12 .col .socials a:hover{
opacity:0.8;
}
.footer12_bottom{
margin-top:50px;
border-top:1px solid #292a2f;
padding-top:35px;
padding-bottom:35px;
}
.footer12_bottom .left{
float:left;
}
.footer12_bottom .right{
float:right;
}
.footer12_bottom .left a{
color:#fff;
opacity:0.3;
font-size:13px;
font-weight:300;
line-height:30px;
}
.footer12_bottom .left a img{
vertical-align:top;
margin-left:5px;
}
.footer12_bottom .right a{
display:inline-block;
margin-left:25px;
color:#fff;
font-size:14px;
line-height:21px;
}
.footer12_bottom .right a img{
vertical-align:top;
margin-right:5px;
}
/*
*
*
*
Landing 13 - Startup
*
*
*
*/
/* Navigation 13 */
.nav13{
position:absolute;
top:75px;
z-index:1000;
}
.nav13 a, .nav13 a:focus{
color:#fff;
font-size:14px;
line-height:36px;
}
.nav13 a:hover{
opacity:0.7;
}
.nav13 a.nav5_logo{
font-size:20px;
float:left;
vertical-align:top;
margin-top:-2px;
}
.nav13 .links{
float:right;
}
.nav13 .links a{
display:inline-block;
margin-left:25px;
vertical-align:top;
}
.nav13 .links a.button{
border:2px solid #6d6e70;
line-height:32px;
border-radius:18px;
padding:0 20px;
}
/* Header 13 */
.header13{
padding-top:219px;
padding-bottom:162px;
background:#5a5c5e url(../i/bg_header13.jpg) no-repeat 50% 50%;
background-size:cover;
}
.header13 .left{
float:left;
max-width:470px;
margin-top:130px;
}
.header13 h1{
color:#fff;
font-size:72px;
line-height:82px;
text-align:left;
}
.header13_text{
color:#fff;
font-size:24px;
line-height:34px;
opacity:0.5;
margin-top:36px;
}
.header13 .right{
float:right;
}
.header13 .right form{
width:470px;
margin-top:0;
padding-left:50px;
padding-right:50px;
padding-bottom:60px;
}
.header13 .right form h3{
font-size:32px;
line-height:42px;
margin-bottom:40px;
}
.header13 .sec6_5_label{
text-align:left;
}
.header13 input{
margin-bottom:25px;
}
.header13 button{
padding:0;
width:100%;
margin-top:30px;
}
.header13 button i{
text-transform:none;
letter-spacing:0px;
}
/* Section 1 (13) */
.sec1_13{
padding-top:112px;
padding-bottom:73px;
}
.sec1_13 .container{
max-width:970px;
}
.sec1_13_text{
font-size:18px;
line-height:28px;
color:#8c8f94;
text-align:center;
font-weight:300;
margin-top:25px;
margin-bottom:15px;
}
.sec1_13_block{
padding:50px 0;
}
.sec1_13_block img{
max-width:370px;
float:left;
border-radius:10px;
}
.sec1_13_block .inner{
margin-left:430px;
}
.sec1_13 .title, .sec1_13 .title:focus{
display:block;
font-size:28px;
line-height:38px;
padding-top:25px;
color:#222328;
}
.sec1_13_block .title:hover, .sec1_13_block img:hover{
opacity:0.7;
}
.sec1_13 .text{
font-size:18px;
line-height:28px;
font-weight:300;
color:#8c8f94;
margin-top:15px;
}
.sec1_13_block.right img{
float:right;
}
.sec1_13_block.right .inner{
margin-left:0;
margin-right:430px;
}
/* Section 2 (13) */
.sec2_13{
padding-top:100px;
padding-bottom:87px;
background:#f0ecdd;
}
.sec2_13 .flex{
margin-top:66px;
}
.sec2_13_block{
text-align:center;
width:270px;
margin:0 auto 50px auto;
}
.sec2_13_block img{
display:block;
margin:0 auto;
}
.sec2_13_block .title{
display:block;
font-size:22px;
line-height:26px;
color:#222328;
margin-top:28px;
}
.sec2_13_block .text{
font-weight:300;
font-size:16px;
line-height:26px;
color:#8c8f94;
margin-top:28px;
}
.sec2_13_block .title:hover, .sec2_13_block img:hover{
opacity:0.5;
}
/* Section 3 (13) */
.sec3_13{
padding-top:90px;
padding-bottom:124px;
text-align:center;
}
.sec3_13 .pretitle{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:15px;
}
.sec3_13 .sec1_13_text{
max-width:770px;
margin-left:auto;
margin-right:auto;
}
.sec3_13_holder{
position:relative;
margin-top:78px;
}
.sec3_13_holder .image, .sec3_13_holder .image img{
margin:0 auto;
max-width:430px;
}
.sec3_13_block{
width:300px;
margin-top:46px;
display:inline-block;
}
.sec3_13_block .title{
font-size:16px;
line-height:26px;
letter-spacing:1px;
color:#3a3d4b;
text-transform:uppercase;
}
.sec3_13_block .text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#3a3d4b;
margin-top:22px;
}
.sec3_13_block.left{
text-align:right;
position:absolute;
left:30px;
top:-10px;
}
.sec3_13_block.right{
text-align:left;
position:absolute;
right:30px;
top:-10px;
}
/* Section 4 (13) */
.sec4_13{
padding-top:98px;
padding-bottom:139px;
text-align:center;
background:#bcc6c9;
}
.sec4_13_slider{
margin-top:55px;
}
.sec4_13 .sec6_1_logos{
margin-top:0;
}
.sec4_13_slider .bx-wrapper .bx-next{
right:-35px;
opacity:0.3;
}
.sec4_13_slider .bx-wrapper .bx-prev{
left:-35px;
opacity:0.3;
}
.sec4_13_slider .bx-wrapper .bx-next:hover, .sec4_13_slider .bx-wrapper .bx-prev:hover{
opacity:0.8;
}
.sec4_13 .line{
margin-top:70px;
margin-bottom:84px;
border-bottom-color:#acb5b9;
}
.sec4_13_inner{
position:relative;
min-height:305px;
}
.sec4_13_inner .header4_video{
margin-top:5px;
}
.sec4_13_inner .left{
float:left;
max-width:570px;
text-align:left;
}
.sec4_13_inner .quote{
width:43px;
height:30px;
background:url(../i/quote.png) no-repeat 50% 50%;
background-size:contain;
}
.sec4_13_inner .text{
font-size:22px;
line-height:32px;
color:#fff;
margin-top:40px;
}
.sec4_13_inner .author{
font-size:18px;
line-height:32px;
color:#fff;
margin-top:35px;
}
.sec4_13_inner .job{
font-size:12px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
color:#fff;
opacity:0.5;
}
/* Section 5 (13) */
.sec5_13{
padding-top:123px;
padding-bottom:121px;
border-bottom:1px solid #e8e9e9;
text-align:center;
}
.bg_sec5_13{
max-width:100%;
display:block;
margin-top:82px;
margin-bottom:45px;
}
.sec5_13 .sec4_5_btn{
padding:0 50px;
}
/* Section 6 (13) */
.sec6_13{
padding-top:112px;
padding-bottom:116px;
}
.sec6_13 h2{
font-size:52px;
line-height:62px;
}
.sec6_13 .flex{
flex-wrap:wrap;
margin-top:56px;
}
.sec6_13_block{
display:block;
width:370px;
padding:24px 24px 21px 24px;
border:2px solid #e8e9e9;
border-radius:10px;
margin-bottom:30px;
}
.sec6_13_block:hover{
box-shadow:5px 15px 45px rgba(0,0,0,0.1);
border-color:transparent;
}
.sec6_13_block img{
float:left;
}
.sec6_13_block .inner{
margin-left:85px;
}
.sec6_13_block .title{
font-size:22px;
line-height:32px;
color:#3a3d4b;
}
.sec6_13_block .info{
font-size:12px;
line-height:22px;
color:#8c8f94;
letter-spacing:1px;
text-transform:uppercase;
}
.sec6_13_3_more .sec6_13_block{
height:110px;
}
.sec6_13_3_more .right{
float:right;
}
.sec6_13_block_big{
float:left;
width:770px;
height:250px;
border-radius:10px;
margin-bottom:30px;
text-align:center;
}
.sec6_13_block_big .title{
font-size:42px;
line-height:52px;
color:#fff;
padding-top:62px;
}
/* Section 7 (13) */
.sec7_13{
background:#f0ecdd;
padding-top:135px;
padding-bottom:110px;
}
.sec7_13 .left{
max-width:370px;
float:left;
margin-top:35px;
}
.sec7_13 .pretitle{
font-size:16px;
line-height:24px;
opacity:0.5;
letter-spacing:1px;
text-transform:uppercase;
}
.sec7_13 .left h2{
font-size:62px;
line-height:72px;
letter-spacing:-1px;
margin-top:10px;
text-align:left;
}
.sec7_13 .left .switch{
margin-top:60px;
border-color:#dbd8cb;
}
.sec7_13_text{
font-weight:300;
font-size:18px;
line-height:28px;
opacity:0.5;
margin-top:55px;
}
.sec7_13_link{
font-size:14px;
line-height:24px;
margin-top:115px;
}
.sec7_13_link a, .sec7_13_link a:focus{
text-decoration:underline;
color:#267df4;
}
.sec7_13_link a:hover{
color:#267df4;
opacity:0.7;
}
.sec7_13_slider{
float:right;
width:690px;
}
.sec7_13_slider li{
position:relative;
}
.sec7_13_block{
background:#fff;
width:340px;
padding:50px 50px 143px 50px;
border-radius:10px;
float:left;
text-align:center;
box-shadow:0 10px 35px rgba(0,0,0,0.2);
position:relative;
z-index:20;
margin-bottom:35px;
margin-left:20px;
margin-top:10px;
}
.sec7_13_block .title{
font-size:22px;
line-height:32px;
}
.sec7_13_block .subtitle{
font-size:12px;
line-height:22px;
font-weight:300;
text-transform:uppercase;
letter-spacing:1px;
opacity:0.5;
margin-top:7px;
}
.sec7_13_block .price{
font-size:82px;
line-height:92px;
margin-top:40px;
margin-bottom:40px;
}
.sec7_13_block .check{
font-size:14px;
line-height:22px;
font-weight:300;
color:#3a3d4b;
margin-bottom:20px;
}
.sec7_13_block .check b{
font-weight:400;
}
.sec7_13_block .check:before{
display:inline-block;
content:"";
width:14px;
height:10px;
background:url(../i/sec7_13_check.png) no-repeat 0 0;
margin-right:10px;
}
.sec7_13_block .sec3_5_btn, .sec7_13_block .sec4_5_btn{
position:absolute;
left:50px;
right:50px;
bottom:62px;
padding:0;
}
.sec7_13_block.nobg{
box-shadow:none;
background:#e1ded0;
}
.sec7_13_block.small{
position:absolute;
right:0;
top:20px;
z-index:10;
padding-top:30px;
padding-bottom:110px;
}
.sec7_13_block.small .price{
font-size:52px;
line-height:62px;
}
.sec7_13_block.small .sec4_5_btn{
bottom:41px;
}
/* footer 13 */
.footer13{
padding-top:89px;
padding-bottom:110px;
text-align:center;
}
.footer13_logo{
opacity:0.2;
}
.footer13 .copy{
font-size:22px;
line-height:32px;
margin-top:22px;
}
.footer13 .links{
margin-top:65px;
}
.footer13 .links a, .footer13 .links a:focus{
color:#222328;
opacity:0.5;
font-weight:300;
font-size:16px;
line-height:28px;
display:inline-block;
}
.footer13 .links a:hover{
color:#222328;
opacity:0.8;
}
.footer13 .divider{
color:#222328;
opacity:0.5;
font-weight:300;
font-size:16px;
line-height:28px;
display:inline-block;
margin:0 9px;
}
.footer13 .socials{
margin-top:75px;
}
.footer13 .socials a{
display:inline-block;
width:24px;
height:24px;
background:url(../i/footer1_info_socials.png) no-repeat -0px 50%;
margin:0 10px;
opacity:0.5;
}
.footer13 .socials a:hover{
opacity:0.9;
}
.footer13 .socials a.fb{
background-position:-40px 50%;
}
.footer13 .socials a.gp{
background-position:-80px 50%;
}
.footer13 .socials a.tb{
background-position:-120px 50%;
}
/*
*
*
*
Landing 14 - Travel
*
*
*
*/
/* nav 14 */
.nav14{
position:absolute;
top:68px;
left:0;
z-index:100;
}
.nav14 a, .nav14 a:focus{
color:#222328;
}
.nav14 a.nav5_logo{
font-size:20px;
}
.nav14 .right{
float:right;
}
.nav14 .right a, .nav14 .right a:focus{
font-size:14px;
line-height:20px;
color:#3a3d4b;
display:inline-block;
margin-left:50px;
}
.nav14 .right a.header14_icon.notification:before{
display:inline-block;
content:"";
background:url(../i/header14_notification.png) no-repeat 0 0;
width:14px;
height:18px;
vertical-align:top;
margin-right:15px;
margin-top:1px;
}
.nav14 .right a.header14_icon.messages:before{
display:inline-block;
content:"";
background:url(../i/header14_message.png) no-repeat 0 0;
width:23px;
height:20px;
vertical-align:top;
margin-right:15px;
}
.nav14 .right a.header14_user{
line-height:36px;
}
.nav14 .right a.header14_user img{
max-height:36px;
border-radius:50%;
margin-right:15px;
}
.header14_user:after{
display:inline-block;
content:"";
width:10px;
height:6px;
background:url(../i/header14_user_after.png) no-repeat 50% 50%;
margin-left:10px;
position:relative;
top:-2px;
}
/* header 14 */
.header14{
background:url(../i/bg_header14.jpg) no-repeat 50% 50%;
background-size:cover;
}
.header14 .video{
z-index:1010;
}
.header14 .container{
padding-bottom:289px;
}
.header14 .header5_pretitle{
color:#222328;
}
.header14.header5 h1{
color:#222328;
margin-bottom:72px;
}
.header14_text{
opacity:1;
color:#222328;
font-size:18px;
line-height:28px;
margin-top:83px;
}
.header14_form {
margin-top:35px;
height:50px;
display:inline-block;
}
.header14_form input{
border:none;
background:#fff;
color:#000;
height:50px;
line-height:50px;
border-radius:25px;
padding:0 30px;
font-size:16px;
text-align:left;
margin-right:20px;
float:left;
}
.header14_form .place{
padding-left:50px;
background:#fff url(../i/icon_place.png) no-repeat 20px 50%;
width:310px;
}
#header14_dates{
display:inline-block;
margin-right:20px;
border-radius:25px;
}
.header14_form .place:focus, #header14_dates.focused, #header14_select.focused{
box-shadow:0px 20px 50px rgba(0,0,0,0.2);
}
.header14_form .date_start{
border-top-right-radius:0px;
border-bottom-right-radius:0px;
background:#fff url(../i/icon_date_start.png) no-repeat 20px 50%;
width:105px;
padding-left:55px;
padding-right:0;
margin-right:0;
}
.header14_form .date_end{
border-top-left-radius:0px;
border-bottom-left-radius:0px;
background:#fff url(../i/icon_date_end.png) no-repeat 10px 50%;
width:105px;
padding-left:35px;
padding-right:20px;
margin-right:0;
}
.select{
display:inline-block;
width: 190px;
height:50px;
border-radius: 25px;
overflow: hidden;
background: #fff;
position:relative;
}
.select:after{
display:block;
content:"";
background:url(../i/header14_user_after.png) no-repeat 50% 50%;
width:10px;
height:6px;
position:absolute;
right:25px;
top:22px;
}
.select select {
padding: 0px 25px;
width: 130%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
-webkit-appearance: none;
line-height:50px;
height:50px;
}
.select select:focus {
outline: none;
}
.header14 .select{
margin-right:20px;
background:#fff url(../i/icon_guests.png) no-repeat 25px 50%;
}
.header14 .select select {
margin-left:35px;
width:175px;
}
.header14_form .sec3_5_btn{
margin-top:0;
vertical-align:top;
}
/* Section 1 (14) */
.sec1_14{
padding-top:112px;
padding-bottom:90px;
text-align:center;
}
.sec1_14 .container{
max-width:970px;
}
.sec1_14_text{
font-size:18px;
line-height:28px;
color:#8c8f94;
font-weight:300;
margin-top:24px;
margin-bottom:51px;
}
.sec1_14_block, .sec1_14_block:focus{
height:350px;
padding:0 20px;
border-radius:10px;
background-color:#222328;
background-position:50% 50%;
background-size:cover;
float:left;
margin-right:30px;
margin-bottom:30px;
display:block;
color:#fff;
position:relative;
}
.sec1_14_block:hover{
color:#fff;
opacity:0.8;
}
.sec1_14_block.big{
width:570px;
}
.sec1_14_block.medium{
width:370px;
}
.sec1_14_block.small{
width:270px;
}
.sec1_14_row .sec1_14_block:last-child{
margin-right:0;
}
.sec1_14_block .header11_pretitle{
margin-top:90px;
}
.sec1_14_block .title{
margin-top:15px;
font-size:62px;
line-height:72px;
}
.sec1_14_block .subtitle{
margin-top:35px;
font-size:14px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1px;
}
.sec1_14_block.medium .header11_pretitle{
position:absolute;
top:20px;
right:20px;
margin:0;
}
.sec1_14_block.medium img{
margin-top:60px;
border-radius:50%;
}
.sec1_14_block.medium .title{
margin-top:25px;
font-size:32px;
line-height:42px;
}
.sec1_14_block.medium .subtitle{
margin-top:45px;
}
.sec1_14_block.small .title{
margin-top:35px;
font-size:42px;
line-height:52px;
}
.sec1_14_block.small.nobg .pretitle{
margin-top:45px;
font-size:14px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1px;
opacity:0.5;
}
.sec1_14_block.small.nobg .title{
margin-top:25px;
font-size:32px;
line-height:42px;
}
.sec1_14_block.small.nobg .sec3_5_btn{
margin-top:30px;
}
.sec1_14_btn{margin-top:50px;}
/* Section 2 (14) */
.sec2_14{
padding-top:100px;
padding-bottom:98px;
background:#f0ecdd;
}
.sec2_14 .container{
max-width:970px;
}
.sec2_14 .left{
max-width:570px;
float:left;
}
.sec2_14 h2{
letter-spacing:-0.5px;
text-align:left;
}
.sec2_14_text{
font-weight:300;
margin-top:30px;
font-size:18px;
line-height:28px;
opacity:0.8;
}
.sec2_14 .sec4_5_btn{
float:right;
margin-top:110px;
}
/* Section 3 (14) */
.sec3_14{
padding-bottom:218px;
}
.sec3_14 .container{
max-width:970px;
position:relative;
padding-top:218px;
}
.bg_sec3_14{
position:absolute;
top:120px;
left:0;
max-width:300px;
}
.sec3_14 .inner{
margin-left:400px;
}
.sec3_14 .pretitle{
text-transform:uppercase;
letter-spacing:1px;
font-size:16px;
line-height:26px;
color:#8c8f94;
margin-top:70px;
margin-bottom:13px;
}
.sec3_14 .sec3_5_btn{
margin-top:80px;
padding:0 30px;
letter-spacing:2px;
}
.sec3_14 .sec3_5_btn img{
margin-right:20px;
}
.sec3_14_text{
font-size:14px;
line-height:24px;
color:#8c8f94;
margin-top:22px;
margin-left:30px;
opacity:0.5;
}
/* Section 4 (14) */
.sec4_14{
background:#343033 url(../i/bg_sec4_14.jpg) no-repeat 50% 50%;
background-size:cover;
padding-top:135px;
padding-bottom:172px;
}
.sec4_14 .header5_pretitle{
font-size:16px;
line-height:28px;
letter-spacing:2px;
text-transform:uppercase;
}
.sec4_14 h1{
font-size:62px;
line-height:72px;
margin-top:30px;
margin-bottom:0;
}
.sec4_14_text{
font-weight:300;
color:#fff;
font-size:18px;
line-height:28px;
margin-top:30px;
max-width:570px;
margin:40px auto 64px auto;
}
.sec4_14 .sec3_5_btn{
padding:0 50px;
margin-top:80px;
}
/* Section 5 (14) */
.sec5_14{
padding-top:98px;
padding-bottom:130px;
text-align:center;
}
.sec5_14 h2{
margin-top:32px;
}
.sec5_14 .sec1_13_text{
max-width:770px;
margin:35px auto 0 auto;
}
.sec5_14 .flex{
flex-wrap:wrap;
margin-top:76px;
}
.sec5_14_block{
width:270px;
border-radius:10px;
background:#f0ecdd;
padding-bottom:33px;
margin-bottom:30px;
}
.sec5_14_block img{
border-top-left-radius:10px;
border-top-right-radius:10px;
width:100%;
}
.sec5_14_block a:hover{
opacity:0.7;
}
.sec5_14_block .title{
display:block;
padding:0 30px;
color:#222328;
font-size:22px;
line-height:32px;
margin-top:28px;
}
.sec5_14_block .subtitle{
padding:0 30px;
color:#8c8f94;
font-size:12px;
line-height:26px;
letter-spacing:1px;
text-transform:uppercase;
margin-top:3px;
}
.sec5_14_block .text{
font-weight:300;
padding:0 30px;
font-size:14px;
line-height:22px;
text-align:left;
margin-top:15px;
}
.sec5_14_block .bottom{
padding:0 30px;
margin-top:23px;
}
.sec5_14_block .star{
display:block;
float:left;
width:15px;
height:15px;
margin-right:6px;
background:url(../i/sec5_1_star.png) no-repeat 50% 50%;
background-size:contain;
}
.sec5_14_block .sec3_4_link{
float:right;
text-align:right;
margin:0;
}
.sec5_14 .sec4_5_btn{
margin-top:50px;
}
/* Section 6 (14) */
.sec6_14{
text-align:center;
}
.sec6_14 .container{
max-width:970px;
}
.sec6_14 .block{
background:#222328;
padding:100px 30px 95px 30px;
border-radius:30px;
}
.sec6_14 .header3_input_holder{
margin-top:40px;
border-color:#39393e;
}
.sec6_14 .header3_input_holder.focused{
border-color:#aaa;
}
.sec6_14 .header3_input_holder button{
background:#30ce91;
}
.sec6_14 .header3_input_holder button:hover{
background:#0cba77;
}
.sec6_14 .sec1_13_text{
max-width:570px;
margin: 40px auto 0 auto;
}
/* Section 7 (14) */
.sec7_14{
padding-top:113px;
padding-bottom:49px;
text-align:center;
}
.sec7_14 .flex{
margin-top:62px;
}
.sec7_14 .sec3_4_text{
text-align:center;
}
.sec7_14 .sec3_4_text img{
margin-bottom:30px;
border-radius:10px;
}
.sec7_14 .sec3_4_text .title{
text-align:center;
font-size:22px;
line-height:32px;
text-transform:none;
letter-spacing:0px;
margin-bottom:0;
}
.sec7_14 .sec3_4_link, .sec7_14 .sec3_4_link:focus{
margin-top:10px;
}
.sec7_14 .sec3_4_text:hover{
opacity:0.8;
}
/* footer 14 */
.footer14{
padding-top:64px;
padding-bottom:55px;
text-align:center;
background:#f0ecdd;
}
.footer14 .col{
float:left;
width:170px;
margin-right:30px;
text-align:left;
margin-bottom:50px;
}
.footer14 .col270{
width:270px;
}
.footer14 .col.last{
margin-right:0;
}
.footer14 .col .title{
font-size:12px;
line-height:24px;
letter-spacing:1px;
text-transform:uppercase;
color:#8c8f94;
min-height:24px;
margin-bottom:15px;
}
.footer14 .col a, .footer14 .col a:focus{
font-size:16px;
line-height:40px;
display:block;
color:#222328;
font-weight:300;
}
.footer14 .col a:hover{
color:#222328;
opacity:0.7;
}
.footer14 .select{
background:none;
border:2px solid #d2d0c7;
width:170px;
margin-bottom:18px;
}
.footer14 .select:after{
background:url(../i/arrow_down.png) no-repeat 0 0;
right:20px;
}
.footer14 .select select{
font-size:14px;
line-height:46px;
height:46px;
cursor:pointer;
}
.footer14_bottom{
border-top:1px solid #e1ded2;
margin-top:37px;
padding-top:42px;
}
.footer14_bottom .text{
font-size:12px;
line-height:24px;
color:#8c8f94;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:25px;
}
.footer14_bottom a{
border:2px solid #d2d0c7;
width:50px;
height:50px;
border-radius:50%;
margin:0 8px 8px 8px;
display:inline-block;
background:url(../i/footer1_info_socials.png) no-repeat 14px 50%;
}
.footer14_bottom a.fb{
background-position:-28px 50%;
}
.footer14_bottom a.gp{
background-position:-68px 50%;
}
.footer14_bottom a.pi{
background-position:-152px 50%;
}
.footer14_bottom a.in{
background-position:-191px 50%;
}
.footer14_bottom a.tb{
background-position:-110px 50%;
}
.footer14_bottom a:hover{
border-color:#8c8f94;
}
/*
*
*
*
Landing 15 - Product
*
*
*
*/
/* nav 15 */
.nav15{
position:absolute;
top:71px;
left:0;
z-index:1000;
}
.nav15 .container{
position:relative;
}
.nav15 .nav5_logo{
position:absolute;
left:0;
top:1px;
color:#fff;
font-size:22px;
}
.nav15 .nav5_logo:hover{
color:#aaa;
}
.nav15_btn, .nav15_btn:focus{
position:absolute;
top:0px;
right:0;
display:block;
height:36px;
line-height:32px;
border:2px solid #646468;
border-radius:18px;
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;
padding:0 26px;
color:#fff;
}
.nav15_btn:hover{
color:#fff;
border-color:#fff;
}
.nav15 .links{
text-align:center;
}
.nav15 .links a, .nav15 .links a:focus{
display:inline-block;
line-height:36px;
font-size:16px;
font-weight:300;
border-bottom:2px solid transparent;
margin:0 18px;
color:#fff;
}
.nav15 .links a:hover{
border-bottom-color:#f42267;
color:#ddd;
}
/* header 15 */
.header15{
padding-top:267px;
padding-bottom:233px;
background:url(../i/header15.jpg) no-repeat 50% 50%;
background-size:cover;
}
.header15 .inner{
max-width:600px;
}
.header15 h1{
color:#fff;
text-align:left;
font-size:62px;
line-height:72px;
}
.header15_text{
color:#8c8f94;
font-size:16px;
line-height:26px;
font-weight:300;
margin-top:45px;
max-width:470px;
}
.header15 .sec3_5_btn{
margin-top:98px;
}
.header15_text2{
color:#8c8f94;
font-size:14px;
line-height:24px;
margin-top:23px;
margin-left:20px;
opacity:0.5;
}
/* Section 1 (15) */
.sec1_15{
padding-top:120px;
padding-bottom:161px;
text-align:center;
}
.sec1_15 .sec1_13_text{
max-width:770px;
margin:40px auto 49px auto;
font-size:16px;
line-height:26px;
}
.sec1_15_holder{
position:relative;
width:1030px;
margin:0 auto;
}
.sec1_15_holder img{
width:100%;
}
.sec1_15_holder .plus{
display:block;
position:absolute;
width:60px;
height:60px;
margin-left:-30px;
margin-top:-30px;
border-radius:50%;
border:2px solid transparent;
background:url(../i/plus.png) no-repeat 50% 50%;
cursor:pointer;
}
.sec1_15_holder .plus:hover{
border-color:#fff;
}
/* top = height from top to plus1 center / bg_sec1_15.jpg height * 100 */
/* left = width from top to plus1 center / bg_sec1_15.jpg width * 100 */
.plus1{
top:47.685185185185185185185185185185%;
left:24.077669902912621359223300970874%;
}
.plus2{
top:62.654320987654320987654320987654%;
left:50.291262135922330097087378640777%;
}
.plus3{
top:89.506172839506172839506172839506%;
left:56.699029126213592233009708737864%;
}
.plus4{
top:92.746913580246913580246913580247%;
left:80.291262135922330097087378640777%;
}
.sec1_15_popup{
background:#fff;
border-radius:20px;
padding:70px 25px 35px 25px;
width:270px;
box-shadow:25px 50px 50px rgba(0,0,0,0.3);
font-size:22px;
line-height:32px;
position:absolute;
display:none;
z-index:20;
}
.sec1_15_popup1{
margin:0 0 0 -135px;
top:40.5%;
left:24.1%;
}
.sec1_15_popup2{
margin:0 0 0 -135px;
top:55.5%;
left:50.2%;
}
.sec1_15_popup3{
margin:0 0 0 -135px;
top:83%;
left:56.8%;
}
.sec1_15_popup4{
margin:0 0 0 -135px;
top:86%;
left:80.4%;
}
.sec1_15_popup .close{
display:block;
width:16px;
height:16px;
background:url(../i/mobile_menu_close_black.png) no-repeat 50% 50%;
opacity:0.5;
position:absolute;
top:35px;
left:50%;
margin-left:-8px;
}
.sec1_15_popup .close:hover{
opacity:0.8;
}
/* Section 2 (15) */
.sec2_15{
padding-top:133px;
padding-bottom:146px;
background:#bcc6c9;
text-align:center;
}
.sec2_15 .pretitle{
font-size:14px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1.5px;
margin-bottom:30px;
}
.sec2_15 .container{
max-width:970px;
}
/* Section 3 (15) */
.sec3_15{
padding-top:125px;
padding-bottom:134px;
background:url(../i/bg_sec3_15.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.sec3_15 .container{
max-width:970px;
}
.sec3_15 .sec1_13_text{
max-width:770px;
margin:37px auto 0 auto;
color:#fff;
opacity:0.5;
}
.sec3_15 .flex{
flex-wrap:wrap;
margin-top:93px;
}
.sec3_15_block{
width:484px;
margin-bottom:2px;
}
.sec3_15_block:hover{
opacity:0.8;
}
.sec3_15_block img{
width:100%;
}
.sec3_15_block.top_left img{
border-top-left-radius:20px;
}
.sec3_15_block.top_right img{
border-top-right-radius:20px;
}
.sec3_15_block.bottom_left img{
border-bottom-left-radius:20px;
}
.sec3_15_block.bottom_right img{
border-bottom-right-radius:20px;
}
.sec3_15 .sec3_5_btn{
margin-top:78px;
padding:0 50px;
}
/* Section 4 (15) */
.sec4_15{
padding-top:108px;
padding-bottom:85px;
border-bottom:1px solid #e8e9e9;
background:url(../i/bg_sec4_15.jpg) no-repeat 100% 100%;
}
.sec4_15 .container{
max-width:970px;
}
.sec4_15 .sec1_13_text{
margin:35px auto 0 auto;
max-width:770px;
}
.sec4_15 .info{
padding:35px 35px 28px 35px;
background:#f0ecdd;
border-radius:10px;
margin-top:65px;
}
.sec4_15 .info .left{
float:left;
}
.sec4_15 .info .title{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1px;
}
.sec4_15 .info .text{
font-size:16px;
line-height:26px;
font-weight:300;
color:#3a3d4b;
margin-top:5px;
}
.sec4_15 .info .sec4_5_btn{
float:right;
margin-top:0;
}
.sec4_15 .table{
margin:40px auto 0 100px;
max-width:670px;
}
.sec4_15 .table .table_row{
border-bottom:1px solid #e8e9e9;
padding:31px 0 30px 0;
}
.sec4_15 .table .table_row.last{
border:none;
}
.sec4_15 .table .table_row .title{
font-size:14px;
line-height:28px;
letter-spacing:1px;
text-transform:uppercase;
float:left;
}
.sec4_15 .table .table_row .text{
margin-left:200px;
font-size:16px;
line-height:28px;
color:#8c8f94;
font-weight:300;
}
/* Section 5 (15) */
.sec5_15{
padding-top:110px;
padding-bottom:116px;
text-align:center;
}
.sec5_15 .container{
max-width:970px;
}
.sec5_15 .flex{
flex-wrap:wrap;
margin-top:63px;
}
.sec5_15_block{
width:470px;
margin-bottom:67px;
text-align:left;
}
.sec5_15_block .video{
position:relative;
cursor:pointer;
}
.sec5_15_block .video:hover{
opacity:0.8;
}
.sec5_15_block .cover{
width:100%;
border-radius:10px;
}
.sec5_15_block .sec5_15_play{
position:absolute;
top:50%;
left:50%;
margin:-35px 0 0 -35px;
}
.sec5_15_block .title{
font-size:22px;
line-height:28px;
font-weight:300;
margin-top:28px;
}
.sec5_15_block .title span{
font-size:12px;
font-weight:400;
letter-spacing:1px;
color:#8c8f94;
margin-left:20px;
display:inline-block;
}
.sec5_15_block .text{
font-size:14px;
line-height:22px;
color:#3a3d4b;
font-weight:300;
margin-top:12px;
}
.sec5_15_block .author{
font-size:12px;
line-height:26px;
letter-spacing:1px;
color:#8c8f94;
text-transform:uppercase;
margin-top:14px;
}
.sec5_15 .sec4_5_btn{
margin-top:0;
}
.sec5_15_popup{
position:fixed;
top:0;
left:0;
height:100%;
width:100%;
padding:60px;
background:rgba(0,0,0,0.8);
z-index:1500;
display:none;
}
.sec5_15_popup .close{
display:block;
width:16px;
height:16px;
position:absolute;
top:20px;
right:20px;
background:url(../i/mobile_menu_close_white.png) no-repeat 50% 50%;
opacity:1;
}
.sec5_15_popup .close:hover{
opacity:0.7;
}
.sec5_15_popup video{
width:100%;
height:100%;
}
/* Section 6 (15) */
.sec6_15{
padding-top:110px;
padding-bottom:169px;
background:url(../i/bg_sec_7_15.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.sec6_15 .container{
max-width:970px;
}
.sec6_15 h2{
font-size:52px;
line-height:62px;
}
.sec6_15 .sec1_13_text{
max-width:570px;
margin:20px auto 62px auto;
color:#fff;
}
.sec6_15_block{
background:#fff;
width:484px;
padding-top:50px;
padding-bottom:70px;
}
.sec6_15_block.left{
float:left;
border-top-left-radius:20px;
border-bottom-left-radius:20px;
}
.sec6_15_block.right{
float:right;
border-top-right-radius:20px;
border-bottom-right-radius:20px;
}
.sec6_15_block .title{
font-size:22px;
line-height:32px;
margin-top:18px;
}
.sec6_15_block .sec4_5_btn{
margin-top:32px;
padding:0 40px;
}
.sec6_15_block .sec4_5_btn.disabled{
border-color:#dde2e4;
color:#dde2e4;
}
/* Section 7 (15) */
.sec7_15{
padding-top:124px;
padding-bottom:183px;
}
.sec7_15_slider{
float:left;
width:600px;
}
.sec7_15_pager{
text-align:center;
margin-top:60px;
}
.sec7_15_pager a{
display:inline-block;
margin:0 15px 0 15px;
}
.sec7_15 .inner{
margin-left:700px;
margin-top:20px;
}
.sec7_15 h2{
font-size:52px;
line-height:62px;
}
.sec7_15 .price{
font-size:18px;
line-height:24px;
color:#8c8f94;
letter-spacing:1px;
margin-top:14px;
}
.sec7_15 .text{
font-size:18px;
line-height:28px;
color:#3a3d4b;
font-weight:300;
margin-top:48px;
}
.sec7_15 .text b{
font-weight:400;
}
.sec7_15 .text2{
font-size:14px;
line-height:24px;
color:#8c8f94;
font-weight:300;
margin-top:16px;
max-width:370px;
}
.sec7_15 .text2 a, .sec7_15 .text2 a:focus{
color:#3b55e6;
text-decoration:underline;
}
.sec7_15 .text2 a:hover{
color:#3b55e6;
opacity:0.7;
}
.sec7_15 form{
margin-top:62px;
margin-bottom:27px;
}
.sec7_15 form input{
height:50px;
border:2px solid #e8e9e9;
border-radius:25px;
padding-left:25px;
padding-right:40px;
color:#222328;
width:85px;
}
.input_number{
display:inline;
position:relative;
}
.input_number .up, .input_number .down{
display:block;
width:16px;
height:16px;
position:absolute;
right:20px;
top:50%;
}
.input_number .up{
background:url(../i/input_number_up.png) no-repeat 50% 50%;
margin-top:-16px;
}
.input_number .down{
background:url(../i/input_number_down.png) no-repeat 50% 50%;
}
.input_number .up:hover, .input_number .down:hover{
opacity:0.7;
}
.sec7_15 .input_number{
margin-right:20px;
}
/* Footer 15 */
.footer15{
padding-top:52px;
padding-bottom:60px;
background:#222328;
}
.footer15 .left{
float:left;
}
.footer15 .right{
float:right;
margin-top:14px;
}
.footer15 .left a, .footer15 .left a:focus{
display:inline-block;
line-height:52px;
font-size:14px;
letter-spacing:1.5px;
text-transform:uppercase;
color:#fff;
margin-left:40px;
}
.footer15 .left a:hover{
opacity:0.7;
}
.footer15 .left .logo{
float:left;
}
.footer15 .left .logo a{
text-transform:none;
letter-spacing:0px;
font-size:18px;
margin:0;
line-height:28px;
}
.footer15 .left .logo .copy{
color:#8c8f94;
font-size:14px;
}
.footer15 .right a, .footer15 .right a:focus{
display:inline-block;
color:#8c8f94;
margin-left:20px;
font-size:14px;
font-weight:300;
}
.footer15 .right a:hover{
color:#fff;
}
.footer15 .right .socials a{
width:24px;
height:24px;
background:url(../i/footer1_info_socials.png) no-repeat -40px 50%;
vertical-align:top;
}
.footer15 .right .socials a.gp{
background-position:-80px 50%;
}
.footer15 .right .socials a.tw{
background-position:-0px 50%;
}
.footer15 .right .socials a.pi{
background-position:-160px 50%;
}
.footer15 .right .socials a:hover{
opacity:0.7;
}
/*
*
*
*
Landing 16 - Digital Product
*
*
*
*/
/* nav 16 */
.nav16{
position:absolute;
top:62px;
left:0;
z-index:1000;
}
.nav16 .logo{
float:left;
}
.nav16 .right{
float:right;
vertical-align:top;
}
.nav16 .sec3_5_btn, .nav16 .sec4_5_btn{
margin-top:0;
font-size:11px;
}
.nav16 .sec4_5_btn{
margin-right:20px;
padding-left:33px;
border:2px solid rgba(255,255,255,0.1);
background:url(../i/header16_link_arrow.png) no-repeat 17px 50%;
}
.nav16 .sec4_5_btn:hover{
border-color:rgba(255,255,255,0.5);
}
/* header 16 */
.header16{
padding-top:190px;
background:url(../i/bg_header16.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.header16_pretitle{
color:#fff;
font-size:26px;
line-height:36px;
}
.header16 h1{
color:#fff;
font-size:62px;
line-height:78px;
margin-top:28px;
}
.header16 h1 b{
font-weight:600;
}
.header16 .container{
padding-bottom:133px;
}
.header16_img{
max-width:100%;
}
/* Section 1 (16) */
.sec1_16{
padding-top:150px;
background:#222328;
}
.sec1_16 h2{
float:left;
}
.sec1_16 h2 .decoration{
display:inline-block;
background:#3b55e6;
padding:0 4px;
line-height:1;
}
.sec1_16 .right{
float:right;
color:#959596;
font-weight:300;
font-size:14px;
line-height:24px;
text-indent:10px;
margin-top:10px;
}
.sec1_16 .right .inner{
border-radius:15px;
border:2px solid #656569;
width:270px;
padding:29px 38px;
margin-top:10px;
}
.sec1_16_bg{
width:100%;
margin-top:147px;
}
/* Section 2 (16) */
.sec2_16{
padding-top:110px;
border-bottom:1px solid #e8e9e9;
text-align:center;
}
.sec2_16 h2{
max-width:770px;
margin:0 auto;
}
.sec2_16_text{
font-size:18px;
line-height:28px;
font-weight:300;
opacity:0.8;
max-width:630px;
margin:30px auto 0 auto;
}
.sec2_16_text b{
font-weight:400;
}
.sec2_16_bg{
margin-top:87px;
max-width:100%;
}
/* Section 3 (16) */
.sec3_16{
padding-top:110px;
padding-bottom:155px;
text-align:center;
}
.sec3_16 .pretitle{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1.5px;
margin-bottom:30px;
}
.sec3_16 .flex{
flex-wrap:wrap;
margin-top:71px;
}
.sec3_16_block, .sec3_16_2_blocks_holder{
width:370px;
height:450px;
border-radius:10px;
border:2px solid #e8e9e9;
margin-bottom:30px;
}
.sec3_16_block img{
border-top-left-radius:10px;
border-top-right-radius:10px;
width:100%;
}
.sec3_16_block .title{
font-size:22px;
line-height:32px;
padding:0 40px;
padding-top:39px;
}
.sec3_16_block .text{
font-size:16px;
line-height:26px;
font-weight:300;
padding:0 40px;
opacity:0.8;
margin-top:18px;
}
.sec3_16_block .text b{
font-weight:400;
}
.sec3_16_2_blocks_holder{
height:auto;
border:none;
margin:0;
}
.sec3_16_block.dark{
background:#222328;
border-color:#222328;
color:#fff;
}
.sec3_16_block.creamy{
background:#f0ecdd;
border-color:#f0ecdd;
}
.sec3_16_block.grey{
background:#bcc6c9;
border-color:#bcc6c9;
}
.sec3_16_block.shadow{
box-shadow:0 25px 50px rgba(0,0,0,0.3);
}
.sec3_16_block.noborder{
border:none;
}
.sec3_16_block.small{
height:210px;
}
.sec3_16_block.small .title{
padding-top:49px;
}
/* Section 4 (16) */
.sec4_16{
padding-top:150px;
padding-bottom:593px;
background:#222328 url(../i/bg_sec4_16.jpg) no-repeat 50% 100%;
text-align:center;
}
.sec4_16 .sec1_13_text{
max-width:770px;
margin:35px auto 44px auto;
}
.sec4_16 .sec1_13_text b{
font-weight:400;
}
.sec4_16_text{
font-size:16px;
line-height:26px;
color:#8c8f94;
opacity:0.6;
margin-top:27px;
}
/* Section 5 (16) */
.sec5_16{
padding-top:103px;
padding-bottom:73px;
border-bottom:1px solid #e8e9e9;
}
.sec5_16 .container{
max-width:970px;
}
.sec5_16 .left{
float:left;
max-width:670px;
}
.sec5_16 .left h2{
text-align:left;
letter-spacing:-0.5px;
}
.sec5_16 .left .sec1_13_text{
text-align:left;
}
.sec5_16 .sec3_5_btn{
float:right;
padding:0 50px;
margin-top:18px;
}
/* Section 6 (16) */
.sec6_16{
padding-top:95px;
text-align:center;
}
.sec6_16 .pretitle{
font-size:16px;
line-height:26px;
letter-spacing:1.5px;
opacity:0.5;
text-transform:uppercase;
}
.sec6_16 h2{
font-size:62px;
line-height:72px;
margin-top:30px;
letter-spacing:-1px;
margin-bottom:81px;
}
.sec6_16 .flex{
width:100%;
box-shadow:0px 15px 25px rgba(0,0,0,0.2);
}
.sec6_16_row{
width:370px;
}
.sec6_16_row img{
width:100%;
}
.sec6_16_row a{
display:block;
margin-bottom:30px;
}
.sec6_16_row a:last-child{
margin-bottom:0;
}
.sec6_16_row a:hover{
opacity:0.8;
}
.sec6_16_popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
padding:60px;
background:rgba(0,0,0,0.8);
display:none;
z-index:1500;
}
.sec6_16_popup_closing_layer{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
}
.sec6_16_popup .close{
display:block;
position:absolute;
top:25px;
right:25px;
width:16px;
height:16px;
background:url(../i/mobile_menu_close_white.png) no-repeat 50% 50%;
opacity:1;
}
.sec6_16_popup .close:hover{
opacity:0.7;
}
.sec6_16_popup .frame{
border:none;
width:100%;
height:100%;
position:relative;
overflow-y:auto;
z-index:1600;
}
.sec6_16_popup .frame img{
width:100%;
}
/* Footer 16 */
.footer16{
padding-top:60px;
padding-bottom:1064px;
background:#222328 url(../i/footer16_bg.jpg) no-repeat 50% 100%;
text-align:center;
}
.footer16_nav .copy{
float:left;
color:#fff;
font-size:18px;
line-height:28px;
font-weight:300;
}
.footer16_nav .right{
float:right;
}
.footer16_nav .right a, .footer16_nav .right a:focus{
display:inline-block;
color:#fff;
font-size:14px;
line-height:28px;
font-weight:300;
text-transform:uppercase;
letter-spacing:1px;
margin-left:57px;
}
.footer16_nav .right a:hover{
color:#aaa;
}
.footer16 h2{
margin-top:165px;
font-size:52px;
line-height:62px;
}
.footer16 .sec1_13_text{
max-width:570px;
margin:22px auto 63px auto;
}
.footer16_link, .footer16_link:focus{
display:inline-block;
padding-right:18px;
background:url(../i/header4_link_arrow.png) no-repeat 100% 50%;
font-size:11px;
line-height:11px;
color:#fff;
opacity:0.5;
text-transform:uppercase;
letter-spacing:1px;
margin-top:32px;
}
.footer16_link:hover{
color:#fff;
opacity:0.8;
}
.footer16_socials{
background:#fff;
height:300px;
}
.footer16_socials a{
display:block;
float:left;
width:33.33%;
height:100%;
background:url(../i/footer16_socials.png) no-repeat 50% -650px;
opacity:0.5;
}
.footer16_socials a:hover{
opacity:0.8;
}
.footer16_socials a.fb{
background-position:50% -265px;
border-left:1px solid #e8e9e9;
border-right:1px solid #e8e9e9;
}
.footer16_socials a.gp{
background-position:50% 118px;
}
/*
*
*
*
*
Landing 17 - iMac
*
*
*
*
*
*/
/* Navigation 17 */
.nav17{
position:absolute;
top:80px;
left:0;
height:100px;
z-index:1000;
}
.nav17 .nav5_logo{
float:left;
color:#222328;
font-size:20px;
}
.nav17 .right{
float:right;
}
.nav17 .right a{
display:inline-block;
width:24px;
height:24px;
margin-left:20px;
background:url(../i/header17_socials.png) no-repeat 0px 50%;
}
.nav17 .right a.fb{
background-position:-48px 50%;
}
.nav17 .right a.db{
background-position:-97px 50%;
}
.nav17 .right a.be{
background-position:-144px 50%;
}
.nav17 .right a.ig{
background-position:-195px 50%;
}
.nav17 .middle{
margin:0 240px 0 240px;
text-align:center;
}
.nav17 .middle a, .nav17 .middle a:focus{
font-weight:300;
color:#3a3d4b;
font-size:12px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1.5px;
display:inline-block;
margin:0 11px;
}
.nav17 .middle a:hover{
opacity:0.7;
color:#3a3d4b;
}
.nav17 .middle a.active{
font-weight:400;
}
/* Header 17 */
.header17{
padding-top:210px;
padding-bottom:156px;
background:url(../i/bg_header17.png) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.header17 h1{
font-size:72px;
line-height:82px;
letter-spacing:-1px;
}
.header17_text{
font-size:22px;
line-height:32px;
color:#8c8f94;
max-width:570px;
margin:22px auto 40px auto;
}
.header17_text2{
font-size:16px;
line-height:26px;
color:#8c8f94;
max-width:570px;
margin:22px auto 0px auto;
}
.header17 .sec6_5_form{
background:#fff;
border-radius:10px;
box-shadow:0px 50px 80px rgba(0,0,0,0.3);
padding:57px 70px 86px 70px;
max-width:970px;
margin:89px auto 0 auto;
text-align:left;
}
.header17 .sec6_5_form h2{
margin-bottom:28px;
}
.header17 .sec6_5_form .block{
float:left;
}
.header17 .sec6_5_form .name{
width:240px;
margin-right:30px;
}
.header17 .sec6_5_form .email{
width:360px;
}
.header17 .sec6_5_form button{
margin-top:35px;
background:#f42267;
letter-spacing:2px;
padding:0 40px;
}
.header17 .sec6_5_form button:hover{
background:#e20950;
}
/* Section 1 (17) */
.sec1_17{
background:#f0ecdd;
text-align:center;
}
.sec1_17 a, .sec1_17 a:focus{
color:#222328;
font-size:12px;
line-height:100px;
text-transform:uppercase;
letter-spacing:1.5px;
display:inline-block;
margin:0 16px;
}
/* Section 2 (17) */
.sec2_17{
padding-top:92px;
padding-bottom:28px;
text-align:center;
}
.sec2_17 .sec1_13_text{
max-width:770px;
margin:35px auto 20px auto;
}
.sec2_17 .sec1_13_text b{
font-weight:400;
}
.sec2_17 .line{
margin:76px 0 75px 0;
border-color:#e8e9e9;
}
.sec2_17 .flex{
flex-wrap:wrap;
}
.sec2_17_block{
width:270px;
margin-bottom:84px;
text-align:left;
}
.sec2_17_block.big{
width:370px;
}
.sec2_17_block .title{
font-size:22px;
line-height:32px;
}
.sec2_17_block .text{
font-size:16px;
line-height:26px;
color:#3a3d4b;
font-weight:300;
margin-top:19px;
}
/* Section 3 (17) */
.sec3_17{
padding-top:105px;
padding-bottom:125px;
background:#bcc6c9;
text-align:center;
}
.sec3_17_slider{
max-width:970px;
margin:53px auto 94px auto;
}
.sec3_17_slider .bx-wrapper .bx-prev{
left:-70px;
opacity:0.3;
}
.sec3_17_slider .bx-wrapper .bx-next{
right:-70px;
opacity:0.3;
}
.sec3_17_slider .bx-wrapper .bx-prev:hover, .sec3_17_slider .bx-wrapper .bx-next:hover{
opacity:0.8;
}
.sec3_17_slider .bx-wrapper .bx-pager.bx-default-pager a{
background:none;
border:2px solid #9fa7ab;
}
.sec3_17_slider .bx-wrapper .bx-pager.bx-default-pager a.active{
background:#222328;
border-color:#222328;
}
.sec3_17_slider .inner{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:45px 46px 197px 46px;
}
.sec3_17_slider .inner .video{
width:100%;
height:100%;
background:#000;
position:relative;
}
.sec3_17_slider .inner video{
width:100%;
height:100%;
}
.sec3_17_title{
font-size:32px;
line-height:42px;
}
.sec3_17 .sec1_13_text{
max-width:770px;
margin:26px auto 0 auto;
color:#3a3d4b;
}
.sec3_17 .sec1_13_text b{
font-weight:400;
}
/* Section 4 (17) */
.sec4_17{
padding-top:100px;
padding-bottom:108px;
background:url(../i/bg_sec4_17.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
color:#fff;
}
.sec4_17 .container{
max-width:970px;
}
.sec4_17 .pretitle{
font-size:16px;
line-height:26px;
letter-spacing:1px;
text-transform:uppercase;
}
.sec4_17 h2{
font-size:62px;
line-height:72px;
margin-top:15px;
}
.sec4_17 .sec1_13_text{
color:#fff;
max-width:770px;
margin:32px auto 0 auto;
}
.sec4_17 .sec6_5_form{
float:left;
background:#fff;
padding:30px 70px 80px 70px;
text-align:center;
width:570px;
border-radius:10px;
color:#222328;
margin-top:81px;
}
.sec4_17 .sec6_5_form h2{
font-size:32px;
line-height:42px;
margin-bottom:40px;
}
.sec4_17 .sec6_5_label{
text-align:left;
}
.sec4_17 .sec6_5_form input{
margin-bottom:30px;
}
.sec4_17_form_text{
font-size:14px;
line-height:24px;
margin-top:5px;
}
.sec4_17_form_text a, .sec4_17_form_text a:focus{
color:#267df4;
text-decoration:underline;
}
.sec4_17_form_text a:hover{
opacity:0.7;
}
.sec4_17 .sec6_5_form button{
margin-top:32px;
background:#f42267;
letter-spacing:2px;
float:none;
width:100%;
}
.sec4_17 .sec6_5_form button:hover{
background:#e20950;
}
.sec4_17 .inner{
margin-left:670px;
margin-top:101px;
}
.sec4_17_block{
width:300px;
text-align:left;
margin-bottom:78px;
}
.sec4_17_block .title{
font-size:16px;
line-height:26px;
margin-top:27px;
text-transform:uppercase;
letter-spacing:1.5px;
}
.sec4_17_block .text{
font-weight:300;
font-size:16px;
line-height:26px;
margin-top:17px;
}
/* Section 5 (17) */
.sec5_17{
padding-top:103px;
padding-bottom:131px;
border-bottom:1px solid #e8e9e9;
text-align:center;
}
.sec5_17 .pretitle{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1.5px;
}
.sec5_17 .sec1_13_text{
max-width:770px;
margin:24px auto 0 auto;
}
.sec5_17 .flex{
margin-top:82px;
}
.sec5_17_block{
width:370px;
height:480px;
border:2px solid #e8e9ea;
border-radius:10px;
padding:0 45px;
}
.sec5_17_block .title{
font-size:32px;
line-height:42px;
margin-top:8px;
}
.sec5_17_block .text{
font-weight:300;
font-size:18px;
line-height:28px;
color:#3a3d4b;
opacity:0.7;
margin-top:16px;
margin-bottom:10px;
}
.sec5_17_block.dark{
background:#222328;
border:none;
color:#fff;
}
.sec5_17_block.dark .text{
color:#fff;
}
.sec5_17 .sec4_5_btn{
margin-top:70px;
padding:0 50px;
}
/* Section 6 (17) */
.sec6_17{
padding-top:102px;
padding-bottom:94px;
text-align:center;
}
.sec6_17 .pretitle{
font-size:16px;
line-height:26px;
letter-spacing:1.5px;
text-transform:uppercase;
margin-bottom:30px;
}
.sec6_17 .flex{
margin-top:60px;
margin-bottom:55px;
}
.sec6_17_block{
width:370px;
text-align:left;
}
.sec6_17_block .text{
font-size:22px;
line-height:30px;
color:#8c8f94;
}
.sec6_17_block .info{
margin-top:30px;
}
.sec6_17_block .info img{
max-width:50px;
border-radius:50%;
float:left;
margin-right:20px;
}
.sec6_17_block .info .left{
float:left;
}
.sec6_17_block .info .left .name{
margin-top:3px;
}
.sec6_17_block .info .left .job{
margin-top:5px;
font-size:11px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
color:#f42267;
}
/* Section 7 (17) */
.sec7_17{
padding-top:120px;
padding-bottom:74px;
background:#222328;
}
.sec7_17 .container{
max-width:970px;
}
.sec7_17 .left{
float:left;
width:270px;
}
.sec7_17 .left h2{
text-align:left;
font-size:62px;
line-height:72px;
margin-bottom:84px;
}
.sec7_17_block{
margin-bottom:80px;
color:#fff;
}
.sec7_17_block .title{
font-size:16px;
line-height:26px;
letter-spacing:1px;
text-transform:uppercase;
}
.sec7_17_block .text{
margin-top:15px;
font-size:18px;
line-height:28px;
font-weight:300;
color:#8c8f94;
}
.sec7_17 .inner{
margin-left:400px;
margin-top:5px;
}
.sec7_17 .faq{
border-bottom:1px solid #2d2e33;
padding-bottom:47px;
margin-bottom:30px;
}
.sec7_17 .faq.last{
border:none;
}
.sec7_17 .faq .question{
color:#fff;
opacity:0.3;
font-size:32px;
line-height:42px;
}
.sec7_17 .faq .text{
height:0px;
overflow-y:hidden;
}
.sec7_17 .faq .text_inner{
font-weight:300;
color:#fff;
opacity:0.7;
font-size:18px;
line-height:28px;
padding-top:24px;
}
.sec7_17 .faq.opened .question{
opacity:1;
}
/* Section 8 (17) */
.sec8_17{
padding-top:110px;
padding-bottom:112px;
background:#f0ecdd;
text-align:center;
}
.sec8_17 .container{
max-width:970px;
}
.sec8_17_block{
float:left;
width:370px;
text-align:left;
}
.sec8_17_block .pretitle{
font-size:16px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1px;
opacity:0.5;
}
.sec8_17_block .title{
font-size:32px;
line-height:42px;
margin-top:15px;
}
.sec8_17_block .text{
font-size:18px;
line-height:28px;
font-weight:300;
opacity:0.5;
margin-top:15px;
margin-bottom:50px;
}
.sec8_17 .header3_input_holder{
border-color:#dbd8cb;
margin-top:0;
height:50px;
border-radius:25px;
padding:5px 8px;
}
.sec8_17 .header3_input_holder input{
color:#222328;
width:285px;
height:36px;
line-height:36px;
}
.sec8_17 .header3_input_holder button{
padding:0;
width:36px;
height:36px;
border-radius:50%;
background:#f42267 url(../i/sec8_17_arrow.png) no-repeat 50% 50%;
}
.sec8_17 .header3_input_holder button:hover{
background-color:#df064d;
}
.sec8_17 .header3_input_holder.focused{
border-color:#fff;
background:#fff;
box-shadow:0px 20px 50px rgba(0,0,0,0.2);
}
.sec8_17_block.right{
width:380px;
float:right;
}
.sec8_17 .sec3_5_btn.tw{
padding-left:55px;
background:#55acee url(../i/sec8_17_tw.png) no-repeat 0 50%;
margin-top:0;
}
.sec8_17 .sec3_5_btn.tw:hover{
background-color:#2f91db;
}
.sec8_17 .sec3_5_btn.fb{
padding:0;
width:50px;
background:#3b5998 url(../i/sec8_17_fb.png) no-repeat 50% 50%;
margin-top:0;
vertical-align:top;
float:right;
}
.sec8_17 .sec3_5_btn.fb:hover{
background-color:#25468b;
}
.sec8_17 .separator{
float:left;
border-right:1px solid #d1cec2;
height:273px;
margin-left:115px;
}
/* Footer 17 */
.footer17{
padding-top:112px;
padding-bottom:60px;
background:url(../i/bg_header17.png) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.footer17 .container{
max-width:970px;
}
.footer17 .col{
float:left;
width:170px;
margin-right:30px;
text-align:left;
margin-bottom:50px;
}
.footer17 .col.last{
margin-right:0;
}
.footer17 .col.right{
float:right;
margin-right:0;
}
.footer17 .col .title{
font-size:16px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:17px;
}
.footer17 .col a, .footer17 .col a:focus{
display:block;
font-size:16px;
line-height:48px;
color:#8c8f94;
}
.footer17 .col a:hover{
color:#222328;
}
.footer17 .col a img{
vertical-align:top;
margin-right:8px;
margin-top:15px;
}
.footer17 .line{
margin-top:12px;
border-color:#e7e8e9;
margin-bottom:51px;
}
.footer17 .copy{
font-size:22px;
}
.footer17 .copy_text{
font-weight:300;
font-size:14px;
line-height:24px;
color:#8c8f94;
margin-top:15px;
}
/*
*
*
*
*
Landing 18 - iMac
*
*
*
*
*
*/
/* Navigation 18 */
.nav18{
background:#fff;
padding:32px 0;
}
.nav18 .nav5_logo{
float:left;
font-size:20px;
line-height:36px;
margin-right:10px;
}
.nav18 .left{
float:left;
}
.nav18 .left a, .nav18 .left a:focus{
font-weight:300;
line-height:40px;
font-size:16px;
color:#3a3d4b;
display:inline-block;
margin-left:28px;
}
.nav18 .right{
float:right;
}
.nav18 .right .sec3_5_btn, .nav18 .right .sec4_5_btn{
margin-top:0px;
font-size:11px;
}
.nav18 .right .sec3_5_btn{
letter-spacing:1px;
margin-left:20px;
}
/* Header 18 */
.header18{
padding-top:162px;
padding-bottom:197px;
background:#222328;
color:#fff;
}
.header18 .inner{
max-width:470px;
}
.header18 h1{
font-size:42px;
line-height:52px;
text-align:left;
}
.header18_text{
font-size:18px;
line-height:32px;
font-weight:300;
margin-top:30px;
margin-bottom:28px;
}
.header18_form{
}
.header18_form .half{
float:left;
width:220px;
}
.header18_form .half.right{
float:right;
}
.header18_form .sec6_5_label{
color:#8c8f94;
opacity:0.5;
}
.header18_form input{
color:#fff;
background:none;
width:100%;
height:50px;
border-radius:25px;
border:2px solid #39393e;
padding:0 25px;
text-align:left;
margin-bottom:35px;
}
.header18_form input:focus{
border-color:rgba(255,255,255,0.5);
}
.header18_form input[type=password]{
letter-spacing:3px;
}
.header18_form .sec3_5_btn{
width:100%;
margin-top:15px;
}
.header18 .header4_video, .header18 .header4_video video{
width:570px;
height:364px;
}
.header18 .header4_video{
height:auto;
margin-top:72px;
}
.header18 .header4_video .relative{
position:relative;
}
.header18_video_text{
font-size:16px;
line-height:26px;
color:#8c8f94;
text-align:center;
margin-top:30px;
opacity:0.44;
}
/* Section 1 (18) */
.sec1_18{
padding-top:115px;
padding-bottom:48px;
text-align:center;
border-bottom:1px solid #e8e9e9;
}
.sec1_18_text{
color:#3a3d4b;
opacity:1;
max-width:830px;
margin:39px auto 79px auto;
}
.bg_sec1_18{
max-width:100%;
}
/* Section 2 (18) */
.sec2_18{
padding-top:105px;
padding-bottom:69px;
text-align:center;
}
.sec2_18 .sec1_18_text{
margin-bottom:72px;
}
.sec2_18_block{
width:370px;
margin-bottom:50px;
text-align:center;
}
.sec2_18_block .img{
width:176px;
height:176px;
margin:0 auto;
background-repeat:no-repeat;
background-size:contain;
font-size:42px;
line-height:176px;
text-indent:10px;
}
.sec2_18_block .text{
font-weight:300;
font-size:16px;
line-height:26px;
color:#3a3d4b;
margin:44px auto 0 auto;
opacity:0.8;
max-width:300px;
}
/* Section 3 (18) */
.sec3_18{
background:url(../i/bg_sec3_18.jpg) no-repeat 50% 50%;
background-size:cover;
overflow-x:hidden;
}
.sec3_18 .container{
position:relative;
padding-top:175px;
padding-bottom:204px;
z-index:10;
color:#fff;
}
.sec3_18_slider{
position:absolute;
top:0;
left:485px;
height:100%;
width:2000px;
}
.sec3_18 .inner{
max-width:570px;
}
.sec3_18 h2{
text-align:left;
font-size:52px;
line-height:62px;
}
.sec3_18 .sec1_13_text{
text-align:left;
color:#fff;
opacity:0.7;
}
.sec3_18_subtitle{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1px;
margin-top:82px;
}
.sec3_18 .opening_tabs{
width:370px;
border:2px solid #fff;
margin-top:30px;
}
.sec3_18 .opening_tabs .title{
background:transparent;
color:#fff;
border-bottom:2px solid #fff;
}
.sec3_18 .opening_tabs .title.opened{
background:#fff;
color:#222328;
}
/* Section 4 (18) */
.sec4_18{
padding-top:91px;
padding-bottom:25px;
text-align:center;
}
.sec4_18 .container{
max-width:970px;
}
.sec4_18 .flex{
flex-wrap:wrap;
}
.sec4_18 .flex img{
margin-bottom:65px;
}
.sec4_18 .flex div{
width:220px;
}
/* Section 5 (18) */
.sec5_18{
padding-top:118px;
padding-bottom:92px;
background:#222328;
text-align:center;
color:#fff;
}
.sec5_18 .container{
max-width:970px;
}
.sec5_18 .sec1_13_text{
color:#bcc6c9;
margin-bottom:70px;
}
.sec5_18_block{
margin-bottom:60px;
}
.sec5_18_block .left{
width:270px;
float:left;
margin-left:70px;
text-align:right;
}
.sec5_18_block .left .title{
font-size:22px;
line-height:32px;
}
.sec5_18_block .left img{
margin-top:20px;
}
.sec5_18_block .text{
margin-left:400px;
font-weight:300;
font-size:18px;
line-height:28px;
color:#bcc6c9;
text-align:left;
}
.sec5_18_block .text p{
margin:0;
margin-bottom:30px;
}
.sec5_18_block .sec3_5_btn{
margin-top:10px;
padding:0 45px;
}
/* Section 6 (18) */
.sec6_18{
padding-top:115px;
padding-bottom:122px;
text-align:center;
}
.sec6_18 .flex{
margin-top:72px;
}
.sec6_18 .sec5_6_block{
margin-bottom:56px;
}
.sec6_18 .sec5_6_block .title{
margin-top:26px;
}
.sec6_18 .sec5_6_block .job{
margin-top:15px;
font-size:12px;
line-height:22px;
color:#8c8f94;
text-transform:uppercase;
letter-spacing:1px;
}
/* Section 7 (18) */
.sec7_18{
padding-top:118px;
padding-bottom:88px;
border-bottom:1px solid #e8e9e9;
text-align:center;
}
.sec7_18 .sec1_13_text{
color:#3a3d4b;
}
.sec7_18 .sec1_13_text b{
font-weight:400;
}
.sec7_18 .flex{
margin-top:64px;
}
.sec7_18_block{
width:370px;
padding-bottom:73px;
border-radius:10px;
margin-bottom:50px;
position:relative;
}
.sec7_18_block.dark{
background:#222328;
color:#fff;
}
.sec7_18_block .pretitle{
font-size:12px;
line-height:22px;
letter-spacing:1px;
text-transform:uppercase;
color:#8c8f94;
padding-top:52px;
}
.sec7_18_block .price{
font-size:92px;
line-height:102px;
letter-spacing:-1px;
margin-top:15px;
}
.sec7_18_block .text{
font-size:16px;
line-height:36px;
color:#3a3d4b;
margin-top:35px;
margin-bottom:20px;
}
.sec7_18_block.dark .text{
color:#fff;
}
/* Section 8 (18) */
.sec8_18{
padding-top:118px;
padding-bottom:134px;
text-align:center;
}
.sec8_18 .sec1_13_text{
color:#3a3d4b;
max-width:770px;
margin:25px auto 0 auto;
}
.sec8_18_slider{
margin-top:72px;
}
.sec8_18_slider li:hover{
opacity:0.8;
}
.sec8_18_slider img{
border-radius:10px;
margin:0 auto;
margin-bottom:27px;
}
.sec8_18_slider a, .sec8_18_slider a:focus{
font-size:12px;
line-height:22px;
color:#222328;
letter-spacing:1px;
text-transform:uppercase;
}
.sec8_18_slider .bx-wrapper .bx-prev{
left:-80px;
top:145px;
opacity:0.3;
}
.sec8_18_slider .bx-wrapper .bx-next{
right:-80px;
top:145px;
opacity:0.3;
}
.sec8_18_slider .bx-wrapper .bx-prev:hover, .sec8_18_slider .bx-wrapper .bx-next:hover{
opacity:0.8;
}
/* Footer 18 */
.footer18{
padding-top:97px;
padding-bottom:65px;
background:#222328;
text-align:center;
}
.footer18 .container{
max-width:970px;
}
.footer18_form{
border:2px solid #39393e;
min-height:50px;
border-radius:25px;
padding:5px;
display:inline-block;
margin-top:33px;
}
.footer18_form.focused{
border-color:#999;
}
.footer18_form input{
float:left;
width:450px;
background:transparent;
color:#fff;
border:none;
height:36px;
text-align:left;
}
.footer18_form .sec3_5_btn{
margin:0;
float:right;
font-size:11px;
}
.footer18 .flex{
margin-top:87px;
margin-bottom:70px;
}
.footer18 .col{
width:170px;
}
.footer18 .col .title{
color:#fff;
font-size:22px;
line-height:22px;
margin-bottom:30px;
}
.footer18 .col a, .footer18 .col a:focus{
font-weight:300;
font-size:16px;
line-height:36px;
color:#8c8f94;
display:block;
}
.footer18 .col a:hover{
color:#fff;
}
.footer18 .copy_text{
font-weight:300;
font-size:13px;
line-height:24px;
color:#fff;
opacity:0.5;
}
.footer18 .copy{
font-size:22px;
line-height:24px;
color:#fff;
margin-top:30px;
}
/*
*
*
*
*
Landing 19 - iWatch
*
*
*
*
*
*/
/* Navigation 19 */
.nav19{
background:#fff;
padding:62px 0;
}
.nav19 .container{
position:relative;
}
.nav19 .middle{
position:absolute;
left:200px;
right:200px;
text-align:center;
}
.nav19 .middle a{
display:inline-block;
margin:0 17px;
font-size:14px;
color:#3a3d4b;
line-height:36px;
}
.nav19 .middle a:hover{
opacity:0.7;
}
/* Header 19 */
.header19{
padding-top:44px;
text-align:center;
}
.header19 h1{
font-size:62px;
line-height:70px;
}
.header19 .sec1_13_text{
max-width:570px;
margin:40px auto 50px auto;
}
.bg_header19{
max-width:100%;
margin-top:87px;
}
/* Section 1 (19) */
.sec1_19{
padding-top:110px;
padding-bottom:172px;
background:url(../i/bg_sec1_19.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.sec1_19 h2 b{
font-weight:600;
}
.sec1_19 .sec1_13_text{
margin-top:31px;
}
.sec1_19 .relative{
position:relative;
}
.center_pic{
margin-top:56px;
position:absolute;
left:50%;
margin-left:-215px;
}
.sec1_19 .blocks{
float:left;
color:#fff;
text-align:right;
margin-top:101px;
}
.sec1_19 .blocks.right{
float:right;
text-align:left;
}
.sec1_19_block{
width:270px;
margin-bottom:60px;
}
.sec1_19_block .title{
font-size:16px;
line-height:26px;
letter-spacing:1.5px;
text-transform:uppercase;
margin-top:20px;
}
.sec1_19_block .text{
font-size:18px;
line-height:28px;
font-weight:300;
margin-top:28px;
}
/* Section 2 (19) */
.sec2_19{
padding-top:162px;
padding-bottom:126px;
}
.sec2_19 .inner{
max-width:370px;
float:left;
margin-right:130px;
}
.sec2_19 h2{
letter-spacing:-1px;
}
.sec2_19 .sec1_13_text{
text-align:left;
margin-top:40px;
}
.sec2_19 .sec1_13_text p{
margin:0 0 28px 0;
}
.sec2_19 .blocks{
float:left;
text-align:left;
margin-right:130px;
margin-top:0;
padding-top:20px;
}
.sec2_19 .blocks.last{
margin-right:0;
}
/* Section 3 (19) */
.sec3_19{
padding-top:139px;
padding-bottom:193px;
background:#f0ecdd;
}
.sec3_19 .container{
position:relative;
}
.bg_sec3_19{
position:absolute;
left:0;
top:0;
max-width:470px;
}
.sec3_19 .inner{
margin-left:600px;
margin-top:20px;
}
.sec3_19 .sec1_13_text{
text-align:left;
margin-top:18px;
margin-bottom:79px;
max-width:370px;
}
.sec3_19_block{
width:270px;
padding-bottom:80px;
position:relative;
}
.sec3_19_block .title{
font-size:22px;
line-height:32px;
margin-top:40px;
}
.sec3_19_block .text{
font-size:16px;
line-height:26px;
color:#3a3d4b;
font-weight:300;
margin-top:15px;
}
.sec3_19_block .sec3_5_btn, .sec3_19_block .sec4_5_btn{
margin-top:0;
font-size:11px;
position:absolute;
left:0;
bottom:0;
}
/* Section 4 (19) */
.sec4_19{
padding-top:110px;
background:#222328;
text-align:center;
}
.sec4_19 .container{
max-width:1030px;
}
.sec4_19 .sec1_13_text{
margin:30px 0 0 0;
}
.sec4_19 .sec6_5_form{
width:100%;
padding:0;
margin-top:62px;
}
.sec4_19 .sec6_5_form .quoter{
float:left;
width:300px;
text-align:left;
}
.sec4_19 .sec6_5_form .sec6_5_label{
color:#8c8f94;
opacity:0.5;
}
.sec4_19 .sec6_5_form input{
width:270px;
height:60px;
line-height:60px;
border-radius:30px;
}
.sec4_19 .sec6_5_form .sec3_5_btn{
float:right;
margin-top:35px;
padding:0 30px;
}
.sec4_19_text{
font-size:14px;
line-height:24px;
color:#3a3d4b;
margin-top:50px;
}
.sec4_19_text a, .sec4_19_text a:focus{
color:#3b55e6;
text-decoration:underline;
}
.sec4_19_text a:hover{
color:#3b55e6;
opacity:0.7;
}
.bg_sec4_19{
max-width:100%;
margin-top:104px;
}
/* Section 5 (19) */
.sec5_19{
padding-top:103px;
padding-bottom:91px;
text-align:center;
}
.sec5_19 .container{
max-width:970px;
}
.sec5_19 .table{
max-width:570px;
text-align:left;
margin-top:59px;
float:left;
}
.sec5_19 .table_row{
border-bottom:1px solid #e8e9e9;
padding:31px 0 34px 0;
font-size:16px;
line-height:24px;
padding-right:29px;
}
.sec5_19 .table_row.last{
border:none;
}
.sec5_19 .table_row img{
float:right;
vertical-align:top;
margin-top:6px;
margin-left:10px;
}
.sec5_19 .right{
float:right;
margin-top:82px;
}
.sec5_19_block{
width:270px;
text-align:left;
margin-bottom:65px;
}
.sec5_19_block .title{
font-size:22px;
line-height:32px;
}
.sec5_19_block .text{
font-size:16px;
line-height:26px;
color:#8c8f94;
font-weight:300;
margin-top:15px;
}
.sec5_19_block .sec4_5_btn{
margin-top:40px;
padding:0 30px;
}
/* Section 6 (19) */
.sec6_19{
padding-top:123px;
padding-bottom:119px;
background:url(../i/bg_sec6_19.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.sec6_19 h2{
font-size:52px;
line-height:62px;
margin-top:47px;
margin-bottom:24px;
}
/* Footer 19 */
.footer19{
padding-top:90px;
padding-bottom:65px;
}
.footer19 .left{
float:left;
}
.footer19 .right{
float:right;
}
.footer19 .middle{
max-width:370px;
margin:0 auto;
text-align:center;
}
.footer19 .middle .copy{
font-size:22px;
}
.footer19 .middle .copy_text{
font-size:13px;
line-height:24px;
color:#3a3d4b;
opacity:0.5;
margin-top:18px;
}
.footer19 .left a, .footer19 .left a:focus, .footer19 .right a, .footer19 .right a:focus{
display:inline-block;
margin-right:28px;
color:#222328;
font-size:12px;
line-height:24px;
letter-spacing:1px;
text-transform:uppercase;
}
.footer19 .left a:hover, .footer19 .right a:hover{
opacity:0.7;
color:#222328;
}
.footer19 .right a, .footer19 .right a:focus{
margin-left:20px;
margin-right:0;
vertical-align:top;
}
.footer19 .right .socials a{
height:24px;
width:24px;
opacity:0.3;
background:url(../i/sec7_1_team_socials.png) no-repeat 0px 50%;
}
.footer19 .right .socials a.fb{
background-position:-48px 50%;
}
.footer19 .right .socials a.gp{
background-position:-98px 50%;
}
.footer19 .right .socials a:hover{
opacity:0.8;
}
/*
*
*
*
*
Landing 20 -
*
*
*
*
*
*/
/* Navigation 20 */
.nav20{
position:absolute;
top:66px;
left:0;
z-index:1000;
}
.nav20_menu{
width:50px;
height:50px;
border:2px solid rgba(255,255,255,0.5);
border-radius:50%;
float:left;
margin-left:0;
}
.nav20_menu:hover{
opacity:1;
border-color:rgba(255,255,255,1);
}
.nav20 .nav5_logo{
color:#fff;
float:left;
font-size:22px;
line-height:50px;
margin-left:23px;
}
.nav20 .right{
float:right;
}
.nav20_link, .nav20_link:focus{
font-size:11px;
line-height:50px;
text-transform:uppercase;
letter-spacing:1.5px;
display:inline-block;
color:#fff;
}
.nav20_link:hover{
color:#fff;
opacity:0.7;
}
.nav20 .sec3_5_btn{
margin-top:0;
margin-left:25px;
font-size:11px;
padding:0 20px;
}
/* Header 20 */
.header20{
padding-top:230px;
padding-bottom:188px;
background:#222328 url(../i/bg_header20.jpg) no-repeat 50% 50%;
background-size:cover;
text-align:center;
}
.header20 .video{
z-index:1010;
}
.header20 h1{
font-size:92px;
line-height:102px;
margin-bottom:112px;
}
.header20_play{
display:inline-block;
width:230px;
height:230px;
background:#fff url(../i/header20_play.png) no-repeat 50% 50%;
border-radius:50%;
}
.header20_play:hover{
background-color:#ccc;
}
.header20_text{
font-size:24px;
line-height:34px;
color:#fff;
opacity:0.5;
max-width:570px;
margin:100px auto 0 auto;
}
/* Section 1 (20) */
.sec1_20{
padding-top:110px;
padding-bottom:137px;
text-align:center;
}
.sec1_20 h2{
font-size:52px;
line-height:62px;
}
.sec1_20 .flex{
margin-top:60px;
}
.sec1_20 .col{
text-align:left;
width:300px;
font-size:28px;
line-height:68px;
}
.sec1_20 .col.bordered{
width:370px;
padding-left:65px;
border-left:1px solid #dededf;
border-right:1px solid #dededf;
}
.sec1_20 .col i{
display:block;
}
.sec1_20 .col a, .sec1_20 .col a:focus{
display:inline-block;
color:#3b55e6;
padding-right:25px;
position:relative;
}
.sec1_20 .col a:hover{
color:#3b55e6;
opacity:0.7;
}
.sec1_20 .col a:after{
display:block;
content:"";
width:11px;
height:12px;
position:absolute;
right:0;
top:50%;
margin-top:-6px;
background:url(../i/sec1_20_link_arrow.png) no-repeat 50% 50%;
}
/* Section 2 (20) */
.sec2_20{
padding-top:168px;
background:#222328;
border-bottom:1px solid #e8e9e9;
overflow-x:hidden;
}
.sec2_20 .container{
position:relative;
padding-bottom:163px;
}
.bg_sec2_20{
position:absolute;
left:500px;
top:0;
height:100%;
}
.sec2_20 .inner{
max-width:470px;
color:#fff;
margin-top:8px;
}
.sec2_20 .pretitle{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1px;
}
.sec2_20 h2{
text-align:left;
margin-top:6px;
}
.sec2_20 .sec1_13_text{
text-align:left;
margin-top:14px;
margin-bottom:50px;
max-width:370px;
}
.sec2_20 .sec3_5_btn{
margin-bottom:100px;
}
.sec2_20_block{
color:#fff;
margin-bottom:60px;
width:270px;
}
.sec2_20_block .title{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1px;
}
.sec2_20_block .title img{
float:left;
margin-right:12px;
margin-top:4px;
}
.sec2_20_block .text{
font-size:18px;
line-height:28px;
font-weight:300;
color:#8c8f94;
margin-top:20px;
}
/* Section 3 (20) */
.sec3_20{
background:#fff;
border:none;
}
.sec3_20 .container{
padding-bottom:201px;
}
.sec3_20 .bg_sec2_20{
left:auto;
right:370px;
}
.sec3_20 .inner{
float:right;
color:#222328;
margin-top:20px;
}
.sec3_20 .sec1_13_text{
color:#3a3d4b;
margin-top:22px;
margin-bottom:20px;
}
.sec3_20 .sec2_20_block{
color:#222328;
}
/* Section 4 (20) */
.sec4_20{
text-align:center;
}
.sec4_20_block{
width:33.33%;
float:left;
height:400px;
display:flex;
align-items:center;
justify-content:center;
background-color:#222328;
background-position:50% 50%;
background-size:cover;
}
.sec4_20_block:hover{
opacity:0.85;
}
.sec4_20_block .title{
color:#fff;
font-size:32px;
line-height:42px;
}
/* Section 5 (20) */
.sec5_20{
padding-top:115px;
padding-bottom:140px;
border-bottom:1px solid #e8e9e9;
text-align:center;
}
.sec5_20 h2{
font-size:42px;
line-height:52px;
}
.sec5_20 .flex{
margin-top:51px;
margin-bottom:19px;
justify-content:flex-start;
}
.sec5_20 .sec6_13_block{
border:none;
width:270px;
padding:20px;
text-align:center;
margin:0 10px 17px 10px;
}
.sec5_20 .sec6_13_block:hover{
box-shadow:none;
opacity:0.7;
}
.sec5_20 .sec6_13_block img{
float:none;
}
.sec5_20 .sec6_13_block .inner{
margin:20px 0 0 0;
}
.sec5_20 .sec6_13_block .info{
margin-top:5px;
}
/* Section 6 (20) */
.sec6_20{
padding-top:95px;
padding-bottom:125px;
text-align:center;
border-bottom:1px solid #e8e9e9;
}
.sec6_20 .pretitle{
font-size:16px;
line-height:26px;
text-transform:uppercase;
letter-spacing:1px;
margin-top:12px;
}
.sec6_20 .flex{
flex-wrap:wrap;
margin-top:60px;
}
.sec6_20_block{
display:block;
width:570px;
text-align:right;
margin-bottom:51px;
}
.sec6_20_block:hover{
opacity:0.8;
}
.sec6_20_block img{
border-radius:10px;
width:100%;
margin-bottom:15px;
}
.sec6_20_block .info{
display:inline-block;
font-size:14px;
line-height:24px;
color:#8c8f94;
margin-left:20px;
}
.sec6_20_block .info:before{
display:block;
content:"";
float:left;
width:21px;
height:14px;
background-position:50% 50%;
background-repeat:no-repeat;
margin-right:5px;
vertical-align:top;
margin-top:5px;
}
.sec6_20_block .views:before{
background-image:url(../i/icon_views.png);
}
.sec6_20_block .comments:before{
background-image:url(../i/icon_comments.png);
}
.sec6_20_block .likes:before{
background-image:url(../i/icon_likes.png);
}
.sec6_20 .sec4_5_btn{
margin-top:13px;
}
/* Section 7 (20) */
.sec7_20{
padding-top:110px;
padding-bottom:165px;
text-align:center;
}
.sec7_20 .sec6_5_form{
text-align:left;
max-width:770px;
margin:67px auto 0 auto;
}
.sec7_20 .sec6_5_form input{
width:510px;
}
.sec7_20 .sec6_5_form button{
background:none;
color:#3b55e6;
border:2px solid #3b55e6;
margin:0;
line-height:46px;
padding:0 40px;
}
/* Footer 20 */
.footer20{
padding-top:130px;
padding-bottom:90px;
background:#222328;
background-size:cover;
text-align:center;
}
.footer20_map{
display:inline-block;
position:relative;
margin-top:84px;
}
.bg_footer20{
max-width:100%;
}
.footer20_map .point{
display:block;
width:28px;
height:28px;
border-radius:4px;
color:#fff;
font-size:14px;
line-height:28px;
position:absolute;
margin:-14px 0 0 -14px;
}
.footer20_map .point.red{
background:#ee2265;
top:27.382753403933434190620272314675%;
left:57.223796033994334277620396600567%;
}
.footer20_map .point.red:hover{
background:#d3074a;
}
.footer20_map .point.blue{
background:#3a53df;
top:34.039334341906202723146747352496%;
left:51.770538243626062322946175637394%;
}
.footer20_map .point.blue:hover{
background:#1d37cb;
}
.footer20_popup{
margin:-42px 0 0 40px;
position:absolute;
width:270px;
padding:30px;
background:#fff;
border-radius:20px;
text-align:center;
opacity:0;
}
.footer20_popup.opened{
opacity:1;
}
.footer20_popup:before{
display:block;
content:"";
position:absolute;
top:29px;
width:14px;
height:26px;
}
.footer20_popup .title{
font-size:14px;
line-height:24px;
text-transform:uppercase;
letter-spacing:1px;
}
.footer20_popup .text{
font-size:22px;
line-height:32px;
margin-top:15px;
}
.footer20_popupA{
top:27.382753403933434190620272314675%;
left:57.223796033994334277620396600567%;
}
.footer20_popupA:before{
background:url(../i/footer20_popup_tip_left.png) no-repeat 0% 50%;
left:-13px;
}
.footer20_popupA .title{
color:#f02266;
}
.footer20_popupB{
margin-left:-310px;
top:34.039334341906202723146747352496%;
left:51.770538243626062322946175637394%;
}
.footer20_popupB:before{
background:url(../i/footer20_popup_tip_right.png) no-repeat 0% 50%;
right:-13px;
}
.footer20_popupB .title{
color:#3a53df;
}
.footer20 .pretitle{
font-size:12px;
line-height:22px;
text-transform:uppercase;
letter-spacing:1px;
color:#8c8f94;
opacity:0.5;
}
.footer20 .phone{
font-size:72px;
line-height:82px;
color:#fff;
letter-spacing:-1px;
margin-top:7px;
}
.footer20 .socials{
margin-top:78px;
}
.footer20 .socials a{
display:inline-block;
width:30px;
height:30px;
margin:0 33px;
background:url(../i/footer20_socials.png) no-repeat 0 50%;
opacity:0.4;
}
.footer20 .socials a.ig{
background-position:-100px 50%;
}
.footer20 .socials a.db{
background-position:-200px 50%;
}
.footer20 .socials a.pi{
background-position:-300px 50%;
}
.footer20 .socials a.gp{
background-position:-400px 50%;
}
.footer20 .socials a.fb{
background-position:-500px 50%;
}
.footer20 .socials a.in{
background-position:-600px 50%;
}
.footer20 .socials a:hover{
opacity:1;
}
/* New Styles */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (max-width: 570px) {
.sec7_8 h2 {
font-size: 22px;
line-height: 32px;
}
}
.header .sec6_5_form {
background: #fff;
border-radius: 10px;
box-shadow: 0px 50px 80px rgba(0,0,0,0.3);
padding: 57px 70px 86px 70px;
max-width: 970px;
margin: 0 auto;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 978px) {
.header .sec6_5_form {
position: relative;
top: inherit;
left: inherit;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.header .sec1_13_text {
max-width: 830px;
margin: 24px auto 24px auto;
color: #8c8f94;
font-weight: 300;
}
.header .sec6_5_form button {
float: none;
background: #f42267;
}
.header .sec6_5_form button:hover {
background: #e20950;
}
.sec3_4_link.blue {
color: #3b55e6;
background-image: url(../i/sec3_4_link_arrow_blue.png);
}
.sec6_15 {
/*background:url(../i/trad_attack.png) no-repeat 50% 50%;*/
/*background-color: rgba(16, 36, 157, 0.8);*/
background-size: cover;
padding-top: 300px;
padding-bottom: 300px;
}
/* Intro */
.intro .pretitle {
margin-bottom: 20px;
font-size: 15px;
font-weight: 300;
}
.intro .bullet {
font-size: 15px;
display: inline-block;
padding: 0 15px;
}
@media (max-width: 570px) {
.intro .pretitle {
font-size: 11px;
}
.intro .bullet {
padding: 0 6px;
}
}
.intro .sec3_5_text {
max-width: 830px;
margin: 47px auto 40px auto;
color: #8c8f94;
font-weight: 300;
}
.intro .well {
background: none;
border: 0;
outline: 0;
box-shadow: 0 0 0;
color: #8c8f94;
font-weight: 300;
font-size: 18px;
line-height: 28px;
}
.intro .read-more {
margin-bottom: 40px;
text-decoration: none;
position: relative;
bottom: inherit;
}
/* Tickets */
.tickets {
background: #f7f8f9;
}
.tickets .switch a.active {
background: #3b55e6;
color: #fff;
}
@media (max-width: 450px) {
.tickets .switch a,
.tickets .switch a:focus {
padding: 0 15px;
}
}
.tickets .switch {
margin: 0 auto;
border-color: #e8e9e9;
width: auto;
display: inline-block;
margin-bottom: 45px;
}
@media (max-width: 850px) {
.tickets .switch {
display:flex;
justify-content: center;
flex-wrap: wrap;
height: auto;
}
}
.tickets .ticket {
text-align: left;
margin-bottom: 30px;
box-shadow: none;
position: relative;
transition:all 0.2s ease;
}
.ticket.full-width {
width: 100%;
box-shadow: 0 0 0;
border-radius: 0;
}
.ticket.full-width:hover {
box-shadow: 0 0 0;
}
.ticket .price {
text-align: left;
font-size: 42px;
line-height: 52px;
}
.ticket h3 {
margin-top: 0;
}
@media (max-width: 570px) {
.sec3_7_block.ticket h3,
.ticket .price {
font-size: 23px;
line-height: 32px;
}
}
.tickets .bx-viewport {
overflow: visible !important;
}
.ticket .bottom {
width: 100%;
position: absolute;
left: 0;
bottom: 55px;
text-align: center;
}
.ticket .bottom .sec3_5_btn {
position: relative;
left: inherit;
bottom: inherit;
}
@media(max-width:570px){
.ticket .bottom {
position: relative;
bottom: 0;
margin-bottom: 20px;
}
.sec3_7_block.ticket h3 {
text-align: left;
}
}
.ticket .bottom .sec3_5_btn:disabled {
background: #e0e0e0;
}
.ticket:hover {
box-shadow: 15px 40px 70px rgba(0,0,0,0.4);
}
.modal-header,
.modal-footer {
border: none;
}
.modal-content {
border-radius: 10px;
}
.enter-email input[type="e-mail"] {
border: 2px solid #e8e9e9;
border-radius: 25px;
height: 50px;
width: calc(100% - 140px);
margin: 0 70px;
padding: 0 30px;
font-size: 16px;
color: #000;
text-align: left;
margin-bottom: 25px;
}
@media(max-width:570px){
.enter-email input[type="e-mail"] {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.ticket .checkbox-button {
display: inline-block;
color: #8c8f94;
font-size: 14px;
border: 2px solid #e8e9e9;
line-height: 32px;
border-radius: 18px;
padding: 0 20px;
margin-right: 20px;
}
.ticket .checkbox-button.checked {
background: #30ce91;
border-color: #30ce91;
color: #fff;
}
.ticket .checkbox-button.unchecked {
background: transparent;
border-color: red;
color: #8c8f94;
}
.color-red {
color: #ff0000;
}
.color-blue {
color: #3b55e6;
}
/* lennusadam */
.location {
}
.location.center {
text-align: center;
}
.location .container {
max-width: 1170px;
}
.location .left {
font-weight: normal;
color: #fff;
opacity: 1;
}
.location h2 {
margin-bottom: 40px;
}
.location .sec8_10_text {
color: #fff;
font-weight: normal;
}
.location .sec3_5_btn {
margin: 5px 10px;
}
.location .our_works_button {
display: inline-block;
width: auto;
text-transform: uppercase;
height: 50px;
line-height: 50px;
top: 0;
margin: 5px 10px;
}
a.white,
a.white:focus {
color: #fff;
text-decoration: none;
}
a.white:hover {
text-decoration: underline;
}
a.blue,
a.blue:focus {
color: #3b55e6;
text-decoration: none;
}
a.blue:not(.sec4_5_btn):hover {
text-decoration: underline;
}
/* Info */
.info .flex {
margin-top: 0;
}
/* Footer */
.footer-blue {
background: #3b55e6;
color: #fff;
}
.footer-blue .left,
.footer-blue .right {
color: #fff;
}
.footer-blue .right a,
.footer-blue .right a:focus {
opacity: 1;
margin-left: 10px;
position: relative;
top: -8px;
}
@media(max-width:992px){
.footer-blue .right {
margin-top: 30px;
}
}
@media(max-width:570px){
.footer8 .middle a {
margin: 10px 15px;
display: block;
}
}
/* Number chooser */
.choose-number{
}
.choose-number input {
pointer-events: none;
height:50px;
border:2px solid #e8e9e9;
border-radius:25px;
padding-left:25px;
padding-right:40px;
color:#222328;
width:85px;
}
.choose-number .input_number {
display:inline;
position:relative;
}
.choose-number .input_number .up,
.choose-number .input_number .down {
display:block;
width:16px;
height:16px;
position:absolute;
right:20px;
top:50%;
}
.choose-number .input_number .up {
background:url(../i/input_number_up.png) no-repeat 50% 50%;
margin-top:-16px;
}
.choose-number .input_number .down {
background:url(../i/input_number_down.png) no-repeat 50% 50%;
}
.choose-number .input_number .up:hover,
.choose-number .input_number .down:hover {
opacity:0.7;
}
.choose-number .input_number {
margin-right:20px;
}
.promoTicket .choose-number{
display:none;
}
.promoCheckWrapper {
height:64px;
border:2px solid #e8e9e9;
border-radius:32px;
padding-left:10px;
color:#222328;
width:80%;
margin:62px auto 0;
}
.promoCheckWrapper input{
font-size:16px;
background:none;
outline:none;
margin-left:5px;
padding:0;
float:left;
width:160px;
height:60px;
border:none;
text-align:left;
}
.promoCheckWrapper button, .promoCheckWrapper button:focus{
margin-top: 5px;
right: 5px;
float: right;
}
@media(max-width: 570px){
.promoCheckWrapper button, .promoCheckWrapper button:focus{
margin-top: 50px;
float: none;
}
.promoCheckWrapper {
margin-bottom: 100px;
width:90%;
}
}
.mailTicket .color-red {
text-transform: none !important;
}
.mailingListWrapper {
height:64px;
border:2px solid #e8e9e9;
border-radius:32px;
padding-left:10px;
color:#222328;
width:80%;
margin:62px auto 0;
}
.mailingListWrapper input{
font-size:16px;
background:none;
outline:none;
margin-left:5px;
padding:0;
float:left;
width:175px;
height:60px;
border:none;
text-align:left;
}
.mailingListWrapper button, .mailingListWrapper button:focus{
margin-top: 5px;
right: 5px;
float: right;
}
@media(max-width: 570px){
.mailingListWrapper button, .mailingListWrapper button:focus{
margin-top: 50px;
float: none;
}
.mailingListWrapper {
margin-bottom: 100px;
width:90%;
}
}
/* Privacy */
.sec7_8_block.full-width {
width: 100%;
}