/*STYLE.CSS*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*This is main CSS file that contains custom style rules used in this template*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */ /* 02 - HEADER */ /* 03 - SLIDER */ /* 04 - ABOUT */ /* 05 - SERVICES */ /* 06 - WORKS */ /* 07 - TEAMS */ /* 08 - CAREER */ /* 09 - CLIENTS */ /* 10 - CONTACT */ /* 11 - SWICHERS*/ /* 12 - POPUP-WORKS*/ /* 13 - POPUP-TEAM*/ /* 14 - POPUP-CAREER*/ /* 15 - MEDIA-QUERIES*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ @import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,800,600,300&subset=latin-ext,latin"); @import url("http://fonts.googleapis.com/css?family=Great+Vibes&subset=latin,latin-ext"); /*input[type="text"], input[type="number"], input[type="submit"], select, textarea, input[type="file"]{font-family: 'Open Sans', sans-serif;} */ @font-face{ font-family: 'WebSymbolsLigaRegular'; src: url('../fonts/websymbolsligaregular.eot'); src: url('../fonts/websymbolsligaregulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbolsligaregular.woff') format('woff'), url('../fonts/websymbolsligaregular.ttf') format('truetype'), url('../fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg'); } html {margin:0px; padding:0px; height:100%; background:#fff;} body {background-color:#fff; margin:0px; padding:0px; font-size:100%; width:100%; font-family: 'Open Sans', sans-serif;} body.act{position: fixed !important; overflow-y:scroll;} .loader{position:fixed; left:0px; top:0px; width:100%; height: 800px !important; z-index:500000; background:#323232;padding:400px 0px;} .loader img{position:absolute; left:50%; top:50%; height:45px; width: 45px; margin: -22.5px 0 0 -22.5px;} .onload{opacity:0; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;} .onload.loaded{opacity:1;} .pos{position:absolute;} .fl {float:left;position:relative;} .fr {float:right;position:relative;} a {text-decoration:none; outline:none!important; cursor: pointer;} a img{border: 0px none!important;} a:hover {outline: none!important;} a:active {outline: none!important;} a:focus {outline: none!important; outline-offset: 0px!important;} .clear{clear:both ;overflow:hidden; height:0px; font-size:0px;} .clear_l{clear:both;} ul{padding:0px; margin:0px; list-style:none;} input:focus, select:focus, textarea:focus, button:focus{outline:none;} h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;} article, section, footer, header, figure, aside, hgroup, nav{display:block;} header,nav,article,footer,section,aside,figure,figcaption{display:block} button {outline: none; border: none; box-shadow: none;} .vc_empty_space {display: table;width: 100%;} /*_structure_*/ .content-block{float:left;position:relative; width:100%; opacity:0; -webkit-transition:All 1000ms ease-in; -moz-transition:All 1000ms ease-in; -o-transition:All 1000ms ease-in; -ms-transition:All 1000ms ease-in; transition:All 1000ms ease-in;} .content-block.act{opacity:1;} .content-main{position:relative; float:left; width:100%;} .page{position:relative; float:left; width:100%;} .center{position:relative; float:left; width:940px; left:50%; margin-left:-470px;} .bg{position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;} .table_w{position:relative; float:left; width:100%;} .table{border:0px; display:table; border-collapse:collapse; border-spacing:0px; width:100%; height:100%;} .table .t_row{display:table-row;} .table .t_td{vertical-align:middle; display:table-cell; float:none;} .full-width{position:relative; float:left; width:100%;} .vertical-center{top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} ul {list-style: none; padding: 0; margin: 0;} ul li {font-weight: 300; font-size: 13px; line-height: 28px;} h1 {font-weight: 800;font-size: 60px;line-height: 60px;color: #00CEC5; text-transform: uppercase; text-align: center;} h2 {font-weight: 500;font-size: 50px;line-height: 32px; text-transform: uppercase; text-align: center;} h3 {font-weight: 700; font-size: 36px; line-height: 32px;} h4 {font-weight: 300; font-size: 13px; line-height: 30px;} p {font-weight: 100;font-size: 14px;line-height: 28px; text-align: center;} q {font-family: "Great Vibes"; font-weight: 500; font-size: 32px; line-height: 26px; text-align: center;} b {font-weight: 800; font-size: 18px; line-height: 21px;} i {font-weight: 300; font-size: 13px; line-height: 21px;} .color_303030 {color: #303030;} .color_fff {color: #fff;} .color_green {color: #5acdc4;} .bg_5acdc4 {background-color: #5acdc4;} .bg_f9f9f9 {background-color: #f9f9f9;} .bg_3ab2a9 {background-color: #3ab2a9;} .bg_fff {background-color: #fff;} input[type="text"], input[type="email"], input[type="number"], textarea {font-weight: 300; font-size: 13px; color: #545454; text-align: left; border-radius: 0; outline: none; background: none; border: 1px solid #c1c1c1;} input[type="text"], input[type="email"], textarea:focus {outline: none; box-shadow: none!important;} input[type="submit"] {position: relative; display: inline-block; float: none; margin-top:15px; font-weight: 300; font-size: 16px; font-style: italic; color: #5acdc4; border: 2px solid #5acdc4; background: none; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; width: 570px;} .copyright {font-weight: 300; font-size: 13px; font-style: italic; line-height: 24px; color: #545454;} .full-h{position:relative; float:left; min-height:400px !important;} .center_img{position: absolute;} .no_vc.error-page {padding: 100px 0;text-align: center;} .no_vc.error-page h1{font-weight: 800;font-size: 60px;line-height: 60px;color: #00CEC5;text-transform: uppercase;text-align: center;} .error-message {font-size: 2em;margin-top: 50px;} /* 02 - HEADER */ .navigation {height:93px;width:100%;background:none;position:fixed; z-index: 5000; background: rgba(51,51,51,0.95);} @media screen and (min-width: 981px){ .navigation.top-transparent{background: transparent!important;} .navigation.stat-menu {position: relative;} } .scroll-menu {transition: all 0.3s ease-in 0.1s; -webkit-transition: all 0.3s ease-in 0.1s; -moz-transition: all 0.3s ease-in 0.1s;-o-transition: all 0.3s ease-in 0.1s;-ms-transition: all 0.3s ease-in 0.1s;} .logo {position:absolute; left:63px; top:23px; z-index: 6;} .logo img{position:relative; float:left; max-width: 225px; height: auto;} .top-menu{position:relative; float:right;} .top-menu nav {margin: 33px 60px 0px 0px; background: none;} .top-menu nav li {display: inline-block; position: relative;} .top-menu nav a{float: left; font-weight: 300; font-size: 14px; height: 30px; line-height: 30px; text-align: left; color: #fff; padding: 0px 12px; text-decoration: none; margin: 0 5px; position: relative; display: inline-block; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; cursor: pointer;} .top-menu nav .dropdown a{float: left; font-weight: 300; font-size: 14px; height: 30px; line-height: 30px; text-align: left; color: #fff; padding: 0px; text-decoration: none; margin: 0 5px; position: relative; display: inline-block; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; cursor: pointer;} nav > ul .dropdown li { background: #222 none repeat scroll 0 0; float: left; padding: 0 10px; } .dropdown > li { width: 165px; } .sub:hover .dropdown{ display:block; } .sub .dropdown { position: absolute; display: none; left: -18px; top: 35px; } .top-menu nav a .border-top{width: 0%;height: 1px;top: 0;left: 0;position: absolute;background: #72c9c2;} .top-menu nav a .border-top:after{width: 1px;height: 0px;position: absolute;top: 0;right: 0;background: #72c9c2;content: '';} .top-menu nav a .border-left{width: 0%;height: 1px;bottom: 0; right: 0; position: absolute;background: #72c9c2;} .top-menu nav a .border-left:after{width: 1px; height: 0px;position: absolute;bottom: 0; left: 0;background: #72c9c2;content: '';} .top-menu nav a.active {box-shadow: inset 0 0 0 1px #72c9c2; color: #72c9c2;} .top-menu nav .sub-menu a.active {box-shadow: none!important;} .top-menu nav a:hover {color: #72c9c2;} .top-menu nav a:hover .border-top{width:100%;transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;} .top-menu nav a:hover .border-top:after{height: 30px;transition: all 0.3s ease-in 0.3s; -webkit-transition: all 0.3s ease-in 0.3s; -moz-transition: all 0.3s ease-in 0.3s; -o-transition: all 0.3s ease-in 0.3s; -ms-transition: all 0.3s ease-in 0.3s;} .top-menu nav a:hover .border-left{width:100%;transition: all 0.3s ease-in 0.6s; -webkit-transition: all 0.3s ease-in 0.6s; -moz-transition: all 0.3s ease-in 0.6s; -o-transition: all 0.3s ease-in 0.6s; -ms-transition: all 0.3s ease-in 0.6s;} .top-menu nav a:hover .border-left:after{height: 30px;transition: all 0.3s ease-in 0.9s;-webkit-transition: all 0.3s ease-in 0.9s; -moz-transition: all 0.3s ease-in 0.9s; -o-transition: all 0.3s ease-in 0.9s; -ms-transition: all 0.3s ease-in 0.9s;} /*.sub-menu{display: none; position: absolute; left: 0; margin-left: -18px;} .top-menu li:hover > .sub-menu{display: block;} .top-menu ul.topul > li .sub-menu a {background-color: #353535;} .top-menu ul.topul > li > .sub-menu {margin-top: 0px;padding-top: 0px; top: 100%;} .top-menu ul.topul > li > .sub-menu li{position: relative;} .top-menu ul.topul > li > .sub-menu .sub-menu{left: 100%; top: 100%;}*/ /*.top-menu li:hover > .sub-menu .sub-menu {display: none!important;}*/ /*ul.sub-menu li, ul.sub-menu li a {display: block;width: 100%;}*/ .top-menu ul.topul li{position: relative;} .top-menu ul.topul li>.sub-menu {top: 100%;} .top-menu ul.topul li>.sub-menu .sub-menu{left: 100%; top: 0;} .top-menu ul.topul li .sub-menu{display: none; position: absolute; width: 100%; background-color: rgba(0,0,0,0.7);} .top-menu ul.topul li .sub-menu li{margin-left: 0; padding-left: 0;} .top-menu ul.topul li:hover>.sub-menu{display: block;} span.no-menu a {float: none;font-size: 16px;text-decoration: underline;display: inline-block;} span.no-menu {color: #fff;font-size: 14px;font-weight: 100; line-height: 30px; display: inline-block;vertical-align: middle;float: left;} @media screen and (max-width: 980px){ .top-menu nav li, .top-menu nav li a, .top-menu nav .sub-menu {display: block;padding: 0;margin: 0;position: relative;float: none;width: 100%;text-align: center;} .top-menu ul.topul > li > .sub-menu {margin-top: 0;padding-top: 0;} .top-menu ul.topul > li .sub-menu a{background-color: transparent!important;} .top-menu nav a.active{box-shadow: none!important;} } .menu-mobile-icon {float: right; position: relative; cursor: pointer; padding: 40px 50px; display: none; z-index:5;} .scrollto{position: relative; float: left; width: 100%; z-index: 1; background: #fff;} .wheel-wrap {border: 3px solid #fff; bottom:40px; height: 36px; width:23px; border-radius: 15px; left:50%; position: absolute; cursor: pointer; z-index: 1000;} .wheel-wrap .wheel {width:5px; height: 5px; background: #5acdc4; border-radius: 50%; margin-top: 5px; margin-left: auto; margin-right: auto; left: 0; right:0; -webkit-animation: mouse 1.2s infinite ease; animation: mouse 1.2s infinite ease; -moz-animation: mouse 1.2s infinite ease;-o-animation: mouse 1.2s infinite ease;-ms-animation: mouse 1.2s infinite ease;} .full-width-section-off{padding-left:15px; padding-right:15px;} .full-width-section .vc_row {margin-left: 0;margin-right: 0;} .full-width-section .vc_row .vc_column_container {padding-left:0; padding-right:0;} /*scroll-animation*/ .scale-text {position:relative;} /*.scale-text h2, .scale-text .divid, .scale-text q, .scale-text p, .scale-text .drop, .scale-text .info-animate {opacity:0; -webkit-transform:translateY(50px); -moz-transform:translateY(50px); -o-transform:translateY(50px); -ms-transform:translateY(50px); transform:translateY(50px);}*/ .scale-text.act h2, .scale-text.act .divid, .scale-text.act q, .scale-text.act p, .scale-text.act .drop, .scale-text.act .info-animate {opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);} .scale-text .people b {transform: translateY(150px); opacity: 0; transition:All 1200ms ease-in;-o-transition:All 1200ms ease-in; -ms-transition:All 1200ms ease-in; -webkit-transition:All 1200ms ease-in; -moz-transition:All 1200ms ease-in;} .scale-text .people img {} .scale-text.act .people b, .scale-text.act .people img {} .scale-text h2 {transition:All 300ms ease-in;-o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;} .scale-text .divid {transition:All 600ms ease-in;-o-transition:All 600ms ease-in; -ms-transition:All 600ms ease-in; -webkit-transition:All 600ms ease-in; -moz-transition:All 600ms ease-in;} .scale-text .drop {transition:All 900ms ease-in;-o-transition:All 900ms ease-in; -ms-transition:All 900ms ease-in; -webkit-transition:All 900ms ease-in;-moz-transition:All 900ms ease-in;} .scale-text p {transition:All 900ms ease-in;-o-transition:All 900ms ease-in; -ms-transition:All 900ms ease-in; -webkit-transition:All 900ms ease-in; -moz-transition:All 900ms ease-in;} .scale-text q {transition:All 1200ms ease-in;-o-transition:All 1200ms ease-in; -ms-transition:All 1200ms ease-in; -webkit-transition:All 1200ms ease-in; -moz-transition:All 1200ms ease-in;} .scale-text .info-animate:nth-child(1) {transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;} .scale-text .info-animate:nth-child(2) {transition:All 700ms ease-in; -o-transition:All 700ms ease-in; -ms-transition:All 700ms ease-in; -webkit-transition:All 700ms ease-in; -moz-transition:All 700ms ease-in;} .scale-text .info-animate:nth-child(3) {transition:All 1100ms ease-in; -o-transition:All 1100ms ease-in; -ms-transition:All 1100ms ease-in; -webkit-transition:All 1100ms ease-in; -moz-transition:All 1100ms ease-in;} .scale-text .info-animate:nth-child(4) {transition:All 1500ms ease-in; -o-transition:All 1500ms ease-in; -ms-transition:All 1500ms ease-in; -webkit-transition:All 1500ms ease-in; -moz-transition:All 1500ms ease-in;} .scale-text .service-animate {opacity:0;} .scale-text.act .service-animate {opacity:1;} .scale-text .service-animate:nth-child(1) {transition:All 300ms ease-in;-o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;-webkit-transition:All 300ms ease-in;} .scale-text .service-animate:nth-child(2) {transition:All 600ms ease-in;-o-transition:All 600ms ease-in; -ms-transition:All 600ms ease-in; -moz-transition:All 600ms ease-in;-webkit-transition:All 600ms ease-in;} .scale-text .service-animate:nth-child(3) {transition:All 900ms ease-in;-o-transition:All 900ms ease-in; -ms-transition:All 900ms ease-in; -moz-transition:All 900ms ease-in;-webkit-transition:All 900ms ease-in;} .scale-text .service-animate:nth-child(4) {transition:All 1200ms ease-in;-o-transition:All 1200ms ease-in; -ms-transition:All 1200ms ease-in; -moz-transition:All 1200ms ease-in;-webkit-transition:All 1200ms ease-in;} .scale-text .service-animate:nth-child(5) {transition:All 1500ms ease-in;-o-transition:All 1500ms ease-in; -ms-transition:All 1500ms ease-in; -moz-transition:All 1500ms ease-in;-webkit-transition:All 1500ms ease-in;} .scale-text .service-animate:nth-child(6) {transition:All 1800ms ease-in;-o-transition:All 1800ms ease-in; -ms-transition:All 1800ms ease-in; -moz-transition:All 1800ms ease-in;-webkit-transition:All 1800ms ease-in;} .scale-text .img-work {opacity:0; transform:scale(0);} .scale-text.act .img-work {opacity:1; transform:scale(1);} .scale-text .img-work:nth-child(1) {transition:All 100ms ease-in;-o-transition:All 100ms ease-in; -ms-transition:All 100ms ease-in; -moz-transition:All 100ms ease-in;-webkit-transition:All 100ms ease-in;} .scale-text .img-work:nth-child(2) {transition:All 300ms ease-in;-o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;-webkit-transition:All 300ms ease-in;} .scale-text .img-work:nth-child(3) {transition:All 500ms ease-in;-o-transition:All 500ms ease-in; -ms-transition:All 500ms ease-in; -moz-transition:All 500ms ease-in;-webkit-transition:All 500ms ease-in;} .scale-text .img-work:nth-child(4) {transition:All 700ms ease-in;-o-transition:All 700ms ease-in; -ms-transition:All 700ms ease-in; -moz-transition:All 700ms ease-in;-webkit-transition:All 700ms ease-in;} .scale-text .img-work:nth-child(5) {transition:All 900ms ease-in;-o-transition:All 900ms ease-in; -ms-transition:All 900ms ease-in; -moz-transition:All 900ms ease-in;-webkit-transition:All 900ms ease-in;} .scale-text .img-work:nth-child(6) {transition:All 1100ms ease-in;-o-transition:All 1100ms ease-in; -ms-transition:All 1100ms ease-in; -moz-transition:All 1100ms ease-in;-webkit-transition:All 1100ms ease-in;} .scale-text .img-work:nth-child(7) {transition:All 1300ms ease-in;-o-transition:All 1300ms ease-in; -ms-transition:All 1300ms ease-in; -moz-transition:All 1300ms ease-in;-webkit-transition:All 1300ms ease-in;} .scale-text .img-work:nth-child(8) {transition:All 1500ms ease-in;-o-transition:All 1500ms ease-in; -ms-transition:All 1500ms ease-in; -moz-transition:All 1500ms ease-in;-webkit-transition:All 1500ms ease-in;} .scale-text .img-work:nth-child(9) {transition:All 1700ms ease-in;-o-transition:All 1700ms ease-in; -ms-transition:All 1700ms ease-in; -moz-transition:All 1700ms ease-in;-webkit-transition:All 1700ms ease-in;} .scale-text .img-work:nth-child(10) {transition:All 1900ms ease-in;-o-transition:All 1900ms ease-in; -ms-transition:All 1900ms ease-in; -moz-transition:All 1900ms ease-in;-webkit-transition:All 1900ms ease-in;} .scale-text .contact-animate {opacity: 0; transform: rotateY(-90deg);} .scale-text.act .contact-animate {opacity: 1; transform: rotateY(0deg);} .scale-text .contact-animate:nth-child(1) {transition:All 300ms ease-in;-o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;-webkit-transition:All 300ms ease-in;} .scale-text .contact-animate:nth-child(2) {transition:All 600ms ease-in;-o-transition:All 600ms ease-in; -ms-transition:All 600ms ease-in; -moz-transition:All 600ms ease-in;-webkit-transition:All 600ms ease-in;} .scale-text .contact-animate:nth-child(3) {transition:All 900ms ease-in;-o-transition:All 900ms ease-in; -ms-transition:All 900ms ease-in; -moz-transition:All 900ms ease-in;-webkit-transition:All 900ms ease-in;} .scale-text .contact-animate:nth-child(4) {transition:All 1200ms ease-in;-o-transition:All 1200ms ease-in; -ms-transition:All 1200ms ease-in; -moz-transition:All 1200ms ease-in;-webkit-transition:All 1200ms ease-in;} .scale-text .blog-animate {opacity: 0; top:100px;} .scale-text.act .blog-animate {opacity: 1; top:0px;} .scale-text .blog-animate:nth-child(1){transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;} .scale-text .blog-animate:nth-child(2){transition:All 700ms ease-in; -o-transition:All 700ms ease-in; -ms-transition:All 700ms ease-in; -webkit-transition:All 700ms ease-in; -moz-transition:All 700ms ease-in;} .scale-text .blog-animate:nth-child(3){transition:All 1100ms ease-in; -o-transition:All 1100ms ease-in; -ms-transition:All 1100ms ease-in; -webkit-transition:All 1100ms ease-in; -moz-transition:All 1100ms ease-in;} .scale-text .team-animate {opacity: 0; top:100px;} .scale-text.act .team-animate {opacity: 1; top:0px;} .scale-text .team-animate:nth-child(1){transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;} .scale-text .team-animate:nth-child(2){transition:All 700ms ease-in; -o-transition:All 700ms ease-in; -ms-transition:All 700ms ease-in; -webkit-transition:All 700ms ease-in; -moz-transition:All 700ms ease-in;} .scale-text .team-animate:nth-child(3){transition:All 1100ms ease-in; -o-transition:All 1100ms ease-in; -ms-transition:All 1100ms ease-in; -webkit-transition:All 1100ms ease-in; -moz-transition:All 1100ms ease-in;} .scale-text .career-animate{opacity: 0; transition:All 400ms ease-in;-o-transition:All 400ms ease-in; -ms-transition:All 400ms ease-in; -moz-transition:All 400ms ease-in;-webkit-transition:All 400ms ease-in;} .scale-text.act .career-animate{opacity: 1;} .scale-text .soc-icon {top:50px; opacity:0;} .scale-text.act .soc-icon {top:0px; opacity: 1;} .scale-text.act .soc-icon:nth-child(1) {transition:All 100ms ease-in; -o-transition:All 100ms ease-in; -ms-transition:All 100ms ease-in; -webkit-transition:All 100ms ease-in; -moz-transition:All 100ms ease-in;} .scale-text.act .soc-icon:nth-child(2) {transition:All 200ms ease-in; -o-transition:All 200ms ease-in; -ms-transition:All 200ms ease-in; -webkit-transition:All 200ms ease-in; -moz-transition:All 200ms ease-in;} .scale-text.act .soc-icon:nth-child(3) {transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;} .scale-text.act .soc-icon:nth-child(4) {transition:All 400ms ease-in; -o-transition:All 400ms ease-in; -ms-transition:All 400ms ease-in; -webkit-transition:All 400ms ease-in; -moz-transition:All 400ms ease-in;} .scale-text.act .soc-icon:nth-child(5) {transition:All 500ms ease-in; -o-transition:All 500ms ease-in; -ms-transition:All 500ms ease-in; -webkit-transition:All 500ms ease-in; -moz-transition:All 500ms ease-in;} .scale-text.act .soc-icon:nth-child(6) {transition:All 600ms ease-in; -o-transition:All 600ms ease-in; -ms-transition:All 600ms ease-in; -webkit-transition:All 600ms ease-in; -moz-transition:All 600ms ease-in;} .scale-text.act .soc-icon:nth-child(7) {transition:All 700ms ease-in; -o-transition:All 700ms ease-in; -ms-transition:All 700ms ease-in; -webkit-transition:All 700ms ease-in; -moz-transition:All 700ms ease-in;} .scale-text.act .soc-icon:nth-child(8) {transition:All 800ms ease-in; -o-transition:All 800ms ease-in; -ms-transition:All 800ms ease-in; -webkit-transition:All 800ms ease-in; -moz-transition:All 800ms ease-in;} .scale-text.act .soc-icon:nth-child(9) {transition:All 900ms ease-in; -o-transition:All 900ms ease-in; -ms-transition:All 900ms ease-in; -webkit-transition:All 900ms ease-in; -moz-transition:All 900ms ease-in;} .scale-text input, .scale-text .drop-con, .scale-text .contact-massege, .scale-text .contact-button {opacity: 0; transform: translateY(50px);transition:All 300ms ease-in;-o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in;-webkit-transition:All 300ms ease-in;} .scale-text.act input, .scale-text.act .drop-con, .scale-text.act .contact-massege, .scale-text.act .contact-button{opacity: 1; transform: translateY(0px);} /* 03 - SLIDER */ .slider-prev{position:absolute; left:65px; top:50%; color:#fff; width:35px; height:35px; text-align:center; line-height:32px; font-size:24px; font-family:'WebSymbolsLigaRegular'; cursor:pointer; z-index:1;} .slider-prev:after{position:absolute; left:0px; top:0px; width:35px; height:35px; border:1px solid #fff; content:''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;} .slider-prev:hover:after{width:55px; height:55px; left:-10px; top:-10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} .slider-next{position:absolute; right:65px; top:50%; color:#fff; width:35px; height:35px; text-align:center; line-height:32px; font-size:24px; font-family:'WebSymbolsLigaRegular'; cursor:pointer; z-index:1;} .slider-next:after{position:absolute; left:0px; top:0px; width:35px; height:35px; border:1px solid #fff; content:''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;} .slider-next:hover:after{width:55px; height:55px; left:-10px; top:-10px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} .top-baner-icon {text-align: center;} .baner-icon {position: relative; float: none; display: inline-block; padding: 0px 50px;} .swiper-container{margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-slide{float:left;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;} .swiper-wrapper{height: inherit!important; margin: 0 auto;}.swiper-container{height: inherit!important;}.swiper-slide{height: inherit!important;}.swiper-slide-active{}.swiper-slide-visible{}.swiper-pagination-switch{}.swiper-active-switch{}.swiper-visible-switch{} .swiper-container{height:100%;} .swiper-slide{position:relative; float:left; overflow:hidden;} .slider-top-thumbs{position:absolute; left:0px; top:0px; width:100%; height:100%;} .slider-top-thumbs .col-md-4{text-align:center;} .slider-top-thumbs h1{width:100%; text-align:center; margin-bottom:70px;} .slider-top-thumbs .col-md-4 img{position:relative; display:inline-block;} .slider-top-thumbs .col-md-4 span{position:relative; display:inline-block; text-transform:uppercase; color:#fff; font-size:11px; font-weight:300; padding-top:10px; white-space: nowrap;} .animation-scale{-webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); opacity:0; } .swiper-slide.active .animation-scale{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity:1;-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;} .animation-opacity{opacity: 0;} .swiper-slide.active .animation-opacity{opacity:1;-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;} .animation-rotate{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top:500px;} .swiper-slide.active .animation-rotate{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); top:0px;-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out;} /* 04 - ABOUT */ .content {width: 100%;text-align: center;position: relative;display: inline-block;float: left; padding-top: 100px; overflow: hidden;} .bottom-img{position: relative; display: inline-block; float: none; bottom: -5px; max-width: 100%;} .content-title {text-align: center;} .content-title h2 {position: relative; display: inline-block; float: none;} .content-title .divid {position: relative; float: none; display: inline-block; padding-top: 20px; padding-bottom: 10px;} .content-title p {position: relative; float: none; display: inline-block;} .content-title q {position: relative; float: none; display: inline-block; padding-top: 45px; padding-bottom: 45px;} .info {text-align: center; position: relative; float: none; width: 100%; padding-top: 100px; padding-bottom: 100px; overflow: hidden;} .info-block {text-align: center;} .info-block .divid {position: relative; display: inline-block; float: none; padding-top: 15px;} .info-block .info-icon {position: relative; display: inline-block; float: none; padding-top: 22px;} .info-block b {font-weight: 900; font-size: 36px; line-height: 32px; position: relative; display: inline-block; float: none;} .info-block h4 {text-transform: uppercase; white-space: nowrap; position: relative; display: inline-block; float: none; line-height: 30px;} .fix-baner {left: 0; top: 0; width: 100%; height: 100%; min-height: 500px; position: absolute;} /* 05 - SERVICES */ .service {padding-bottom: 100px; position: relative; display: inline-block; float: left; z-index: 4000; text-align: center;} .service .service-block{position: relative; display: inline-block; float: none;} .service-block {text-align: center; position: relative; display: inline-block; float: none;} .service-block img {float: left; display: block; position: relative; padding: 0; margin-left: -8px;} .title {font-weight: 700; font-size: 14px; line-height: 21px; color: #333; text-transform: uppercase; position: relative; display:inline-block; padding-top: 10px; padding-left: 20px; float: left;} .service-block ul {text-align: left; position: relative; padding-left: 63px; padding-top: 50px; display: block; float: none;} .service-block ul li:before {content: "/";} .service-block ul li {color: #545454; float: none; position: relative; display: block; text-align: left; padding: 4px 0;} /* 06 - WORKS */ .works {text-align: center; position: relative; float: left; overflow:visible; z-index:3000;} .drop {float: none; position: relative; display: inline-block; margin: 10px 0 60px; height: 54px; z-index:3000; width: 100%; max-width: 400px;} .drop input[type="text"] {position:relative; width: 100%; height: 52px; line-height:52px; border: 1px solid #c1c1c1; padding-left: 15px;} .drop-wraper {text-align: center;} .drop .drop-list{position:absolute; left:0px; top:0px; width:100%; height:100%; background: url(../img/drop-arrow.png) no-repeat 94% 53%;} .drop .act.drop-list{background: url(../img/drop-arrow-white.png) no-repeat 94% 53%;} .drop .act2.drop-list{background: url(../img/drop-arrow.png) no-repeat 94% 53%;} .drop input.bg-in {background: #5acdc4; color: #fff; border:none;} .drop span {position:absolute; left:0px; top:0px; width:100%; display: none; z-index: 5000;} .drop span a.bg-out {background: #fff; color: #545454;} .drop span a {color: #fff; background: #5acdc4; font-size: 13px; font-weight: 300; float: left; position: relative; width: 100%; height: 52px; text-decoration: none; text-align: left; padding: 15px 0 0 15px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in; z-index: 4000;} .drop span a:hover {background: #3ab2a9;} .container-mix {z-index: 2000;} .container-mix .mix{display: none;} .img-work {float: left; position: relative; display: block; height: auto; overflow: hidden; padding: 0;} .col-5{width: 25%;} .img-work img {float: left; width: 100%; height: auto; position: relative; display: inline-block;} .img-work span.bg-slide {position: absolute; top:0; left:0; background-color: rgba(255,255,255,0.7); width: 100%; height: 100%; transition: all 0.3s ease-in-out 0.1s; -webkit-transition: all 0.3s ease-in-out 0.1s; -moz-transition: all 0.3s ease-in-out 0.1s; -o-transition: all 0.3s ease-in-out 0.1s; -ms-transition: all 0.3s ease-in-out 0.1s; z-index: 140;} /*.works-title { position: absolute; height: 94px; width: 100%; left:-100%; bottom:30px; background-color: rgba(90,205,196,0.9); text-transform: uppercase; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; padding:0px 0px 18px; text-align: center; overflow: hidden; opacity: 0;} .works-title i {font-size: 12px; font-style: normal; text-transform: uppercase; position: relative; display: inline-block; padding-top: 21px; line-height: 24px;} .works-title b {font-size:16px; line-height: 21px; font-weight: 700; display: inline-block; position: relative;} .img-work:hover .works-title {left:0; opacity: 1;}*/ .img-work:hover span.bg-slide{cursor: pointer; background: none;} /* 06 - BLOG */ .blog-wraper * {position: relative; text-align: left;} .blog-wraper .contact-button {width: 100%; position: relative; float: none; display: inline-block; padding: 25px 0px 20px;} .block-news {position: relative; float: left;} .block-news p {text-align: left; font-weight: 300; font-size: 12px; line-height: 22px; float: left; color: #545454;} .layer-blog {background-color: rgba(90,205,196,0.3); width: 100%; height: 100%; position: absolute; z-index: 10; opacity: 0; left: 0; top: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; float: left;} /*.block-news .title, .block-news .title a {padding-left: 0px; padding-top: 15px; cursor: pointer; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;}*/ .layer-wraper {width: 100%; height: 100%; position: relative; float: left;} .layer-wraper img {cursor: pointer; width: 100%; height: auto;} .block-news:hover .layer-blog {opacity: 1; cursor: pointer;} .block-news .title a:hover {color:rgb(188, 188, 188) ; text-decoration: none;} .date-link {font-size: 11px;padding-top: 15px;padding-bottom: 8px;width: 100%;position: relative;float: left;text-align: left;text-transform: uppercase;} .date-link a {text-transform: uppercase; color: #333;transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;} .date-link a:hover {color:#5acdc4; text-decoration: none;} .date-link img {width: 18px; height: 20px;margin-top: -4px;margin-right: 10px;padding-top: 0px;} .simple-button {display: inline-block;width: 100%; max-width: 500px;} .simple-button a {position: relative;display: inline-block;float: none;font-weight: 300;font-size: 16px;font-style: italic;color: #5acdc4;border: 2px solid #5acdc4;background: none;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;padding: 13px 30px;box-sizing: border-box;width: 100%;} .simple-button a:hover {color: #fff; background: #5acdc4;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} .blog-single iframe, .blog-single embed, .blog-single img{max-width: 100%; height: auto;} .image-hover {text-align: center;} /*.image-hover img {width: 100%;height: auto;}*/ .excerpt {clear: both; font-weight: 100; font-size: 14px;line-height: 28px;} .blog-wraper h2.page-title{color: #333;font-size: 38px;text-align: left;line-height: 46px;padding: 32px 0px 0px;cursor: pointer;text-decoration: none;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} .blog-wraper h2.page-title:hover{color:rgb(188, 188, 188);} .blog-wraper .info-blog a{text-decoration: none;} a.readmore {background: #323232;font-weight: 400;text-transform: uppercase;height: 40px;color: #fff;font-size: 13px;padding: 10px 30px;text-decoration: none;display: inline-block;margin-top: 30px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} a.readmore:hover {background: rgb(188, 188, 188) ;color: #323232;} .image-hover {clear: both; margin-bottom: 20px;max-height: 600px;overflow: hidden;} .info-blog {margin-bottom: 20px;clear: both;display: block;float: left;width: 100%;} a.layer-hover {position: absolute;background-color: rgba(90,205,196,0);top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} a.layer-hover:hover {background-color: rgba(90,205,196,0.3);} .navigation-bar {text-align: center;float: left;width: 100%;clear: both;} .page-numbers {padding: 0px 10px;font-size: 14px; width: 40px; height: 40px; display: inline-block; line-height: 40px; text-align: center; margin: 0 5px; background-color: #323232; color: #fff;cursor: pointer;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;text-decoration: none;} .page-numbers:hover{color:#323232; background-color: #898989; text-decoration: none;} .single-wrap{margin-bottom: 75px;} span.page-numbers.current {color:#323232; cursor: default; background-color: #898989;} .navigation-bar a.prev.page-numbers, .navigation-bar a.next.page-numbers {width: 120px; text-align: center;padding: 0px;background: #323232;font-weight: 400;text-transform: uppercase;color: #fff;font-size: 13px;vertical-align: middle;text-decoration: none;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} .navigation-bar a.prev.page-numbers:hover, .navigation-bar a.next.page-numbers:hover{background: #898989;color: #323232;} .navigation-bar a.prev.page-numbers{float: left;} .navigation-bar a.next.page-numbers{float: right;} .navigation-bar{margin-bottom: 75px; margin-top: 75px;} .blog-pages img, .blog-pages iframe, .blog-pages embed{max-width: 100%;} @media only screen and (max-width: 500px){ .navigation-bar a.prev.page-numbers, .navigation-bar a.next.page-numbers {float: none;clear: both;display: block;margin: 20px 0;} } .sidebar h5 {font-weight: 600;line-height: 34px;text-transform: uppercase;font-size: 18px;padding: 22px 0px 10px;} .sidebar .widget_archive ul li a, .sidebar .widget_categories ul li a {color: #333;font-size: 12px;width: 100%;line-height: 42px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;margin-left: 10px;} .sidebar .widget_archive ul li:before, .sidebar .widget_categories ul li:before {content: "/";font-size: 12px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} .widget-area ul li li:last-child {border: none;} .widget-area ul li li {margin-left: 20px;} .sidebar .widget_archive ul li, .sidebar .widget_categories ul li {border-bottom: 1px solid #f5f5f5;font-weight: 300;font-size: 13px;line-height: 28px;} .sidebar a{color: #333;} .tagcloud a {background: none;border: 1px solid #c1c1c1;color: #c1c1c1;font-size: 11px!important;text-transform: uppercase;margin: 10px 5px 0px 0px;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;display: inline-block;padding: 6px 8px;text-decoration: none;} .tagcloud a:hover {border-color: #323232;color: #323232;} li.recentcomments, .widget_rss li {margin-bottom: 10px;} li.recentcomments a, .widget_rss a {color: #323232;text-transform: uppercase;} span.rss-date {display: block;clear: both;font-style: italic;} .sidebar select {display: block;clear: both;width: 100%;padding: 11px;border: 1px solid rgb(193, 193, 193);font-size: 13px;color: #333;} .widget_calendar table a {color: #5acdc4;} .widget_calendar table td {padding: 8px 0;} .widget_calendar table {width: 100%;} .widget_calendar table caption {padding-bottom: 20px;font-size: 14px;} .widget_search .screen-reader-text{display: none;} form.search-form, .widget_search label {width: 100%; position: relative;} .widget_search .search-field {background: url(../img/search.png) no-repeat 94% 15px;width: 100%;font-weight: 300;font-size: 13px;color: #545454;text-align: left;outline: none;border: 1px solid #c1c1c1;display: block;padding: 10px;} .widget_search input[type="submit"]{position: absolute;top: 0;right: 0;width: 52px;margin: 0;height: 52px;opacity: 0;} .content-single p {margin-bottom: 10px;} .content-single {margin-top: 30px;} h3.related-title {font-weight: 100;margin-bottom: 30px;} .post-mini-img .image-hover {padding-bottom: 0;margin-bottom: 0;} .post-mini-img img {display: block;} .nopad{padding: 0;} .nopad-right{padding-right: 0;} .more-post-text p {text-align: left;} .exerpt-more{margin-top: 35px;} .more-post-wrap .more-post {margin-bottom: 50px;float: left;width: 100%;clear: both;} .more-post-text h3 a{font-weight: 100;text-transform: uppercase;text-align: left;color: #333;display: block;font-size: 30px;padding-top: 10px;font-weight: 400;text-decoration: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} .more-post-text a:hover{color: rgb(188, 188, 188);} .sticky {border: 3px solid rgb(211, 211, 215);padding: 0 20px 20px 20px;background-color: #FCFCFC;} h3.search-result-title {border-bottom: 1px solid #f5f5f5;font-weight: 300;font-size: 35px;line-height: 28px;padding-bottom: 20px;} .single h1, .single h2, .single h3, .single h4, .single h5, .single h6, .single p{text-align: left;} nav.navigation.comment-navigation {position: relative;background-color: transparent;} #comments { position: relative; overflow: hidden; margin-top: 50px; margin-bottom: 50px; } h2.comments-title { text-transform: uppercase; text-align: left; color: #333; font-size: 32px; font-weight: 400; padding-bottom: 30px; } h3#reply-title { text-transform: uppercase; text-align: left; color: #333; font-size: 32px; padding-bottom: 10px; padding-top: 70px; font-weight: 400; } #comments form .inputfild{ width: 100%; position: relative; display: inline-block; float: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; margin: 15px 0; padding: 15px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; } .form-submit input[type="submit"] {width: 100%;} .says{display: none;} nav.navigation.comment-navigation { position: relative; } nav.navigation.comment-navigation h1 { display: none; } .comment-navigation .nav-previous a, .comment-navigation .nav-next a { position: relative; display: inline-block; float: none; margin-top: 15px; font-weight: 300; font-size: 16px; font-style: italic; color: #5acdc4; border: 2px solid #5acdc4; background: none; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; padding: 5px 15px; } .comment-navigation .nav-previous a:hover, .comment-navigation .nav-next a:hover {background: #5acdc4; color: #fff;} .comment-navigation .nav-previous a{float: left;} .comment-navigation .nav-next a {float: right;} ol.comment-list li{list-style: none;} ol.comment-list article {clear: both;margin-bottom: 40px;display: inline-block;width: 100%;} ol.comment-list {padding: 0;} ol.comment-list li li{margin-left: 15px;} ol.comment-list li.depth-1 {padding-left: 0px;margin-bottom: 40px;} ol.comment-list li {padding-left: 0px;clear: both; position: relative;} ol.comment-list li.depth-5, ol.comment-list ul.children {margin-top: 40px;} img.avatar {float: left;margin-bottom: 30px;} .comments-full {float: left;margin-left: 20px;} #comments .date-link {width: auto; float: none;} #respond {position: relative;clear: both;float: left;width: 100%;} #cancel-comment-reply-link {color: #5ACDC4;text-decoration: none;font-size: 14px;} /*TEXT FORMATING*/ .no_vc h1.page-title{font-size: 60px;line-height: 60px;color: #323232;text-transform: uppercase;text-align: center; margin-bottom: 40px;} .no_vc h1, .no_vc h2, .no_vc h3, .no_vc h4, .no_vc h5, .no_vc h6, #comments h1, #comments h2, #comments h3, #comments h4, #comments h5, #comments h6, .content-single h1, .content-single h2, .content-single h3, .content-single h4, .content-single h5, .content-single h6 {color: #333;font-weight: 400;line-height: 1.5em; text-align: left;} .content-single h1, .no_vc h1, #comments h1 {font-size: 45px;} .content-single h2, .no_vc h2, #comments h2 {font-size: 40px;} .content-single h3, .no_vc h3, #comments h3 {font-size: 35px;} .content-single h4, .no_vc h4, #comments h4 {font-size: 30px;} .content-single h5, .no_vc h5, #comments h5 {font-size: 25px;} .content-single h6, .no_vc h6, #comments h6 {font-size: 20px;} .content-single, .page_contant, .comments-full {font-size: 14px;} .content-single table td, .page_contant table td, .comments-full table td {padding: 10px;border: 1px solid #EEEEEE;} .content-single p, .page_contant p {margin-bottom: 10px;} .content-single, .page_contant {font-size: 14px; font-weight: 100; position: relative; clear: both;} .single-wrap .info-blog h2 {line-height: 1em;} .content-single input[type="submit"] {width: auto;height: auto;} .post-meta a {color: #323232; font-weight: bold;} .blog-wraper.single-wrap ul {margin: 15px 20px 20px 0px;} .blog-wraper.single-wrap q {margin: 50px;display: block;} /* 07 - TEAMS */ .team-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; text-align: center;} .team-container .pagination {display: block; margin: 100px 0px;} .team-container .pagination .swiper-pagination-switch:after{border: 1px solid #d6d6d6;} .team-container .pagination .swiper-active-switch:after {border: 1px solid #5ACDC4;} .team-slider .swiper-slide{padding: 0px 15px;} .team-container .team-block{position: relative; display: inline-block; float: none;} .team-block {max-width: 370px; margin: 50px auto 0px auto;} .team-block img {position: relative; float: none; display: inline-block;} .team-img {width: 100%; height: auto; display: block;} .team-block:hover .layer{opacity: 1; cursor: pointer;} .team-block:hover .team-button{background-color: #333333; color: #fff;} .layer-wpar {position: relative; float: left; width:100%;} .layer {background-color: rgba(90,205,196,0.3); width: 100%; height: 100%; position: absolute; z-index: 10; opacity: 0; left: 0; top: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; float: left; z-index: 30;} .team-button {display: table; vertical-align: middle; background-color: rgba(90,205,196,0.9); text-align: center; width: 194px; height: 93px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; position: absolute; left: 20px; bottom: -40px; float: left; z-index: 30;} .team-button span{display: table-cell; vertical-align: middle;} .team-button b {font-size: 18px; line-height: 21px; font-weight: 600; position: relative; float: none; display: inline-block; text-transform: uppercase;} .team-button i {font-size: 13px; font-weight: 300; position: relative; float: none; display: inline-block;} .team-icon {position: absolute; right: 15px; bottom: -28px;} .team-icon .roll-batton{display: inline; position: relative; float: left;} .roll-batton img{position:relative; float:left; -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in; padding: 0 12px; } .roll-batton .roll{position:absolute; left:0px; top:0px; opacity:0; float:left;} .roll-batton:hover img{opacity:0; cursor: pointer;} .roll-batton:hover .roll{opacity:1; cursor: pointer;} .team-container .swiper-slide{overflow: visible;} /* 08 - CAREER */ .career-container {margin:0 auto; position: relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden; text-align: center; width: 100%;} .career-slider .swiper-wrapper , .career-slider .swiper-slide {height: 440px!important;} .bg-fix {position: absolute; left:0; top:0; width: 100%; height: 100%;} .bg-fix img {height: 100%;} .career-container .slider-prev {top: 45%; left: 65px;} .career-container .slider-next {top: 45%; right: 65px;} .career-button { box-shadow:inset 0 0 0 5px #fff; text-align: center; position: relative; display: inline-block; float: none; padding-top: 60px; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; cursor: pointer; top:50%; transform: translateY(-50%); width:80%; height: 244px; max-width: 700px;} .career-button i {position: relative; float: none; display: block;} .career-button b {padding: 25px 0 25px; font-size: 40px; line-height: 37px; text-transform: uppercase; position: relative; float: none; display: block; font-weight: 700; text-align: center;} .career-button h4 {font-size: 14px; line-height: 21px; font-weight: 100; position: relative; float: none; display: block;} .career-button .career-top{width: 0%;height: 5px;top: 0;left: 0;position: absolute;background: #5acdc4;} .career-button .career-top:after{width: 5px;height: 0px;position: absolute;top: 0;right: 0;background: #5acdc4;content: '';} .career-button .career-left{width: 0%;height: 5px;bottom: 0; right: 0; position: absolute;background: #5acdc4;} .career-button .career-left:after{width: 5px; height: 0px;position: absolute;bottom: 0; left: 0;background: #5acdc4;content: '';} .career-button:hover {color: #5acdc4;} .career-button:hover .career-top{width:100%;transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;} .career-button:hover .career-top:after{height:244px; transition: all 0.3s ease-in 0.3s; -webkit-transition: all 0.3s ease-in 0.3s; -moz-transition: all 0.3s ease-in 0.3s; -o-transition: all 0.3s ease-in 0.3s; -ms-transition: all 0.3s ease-in 0.3s;} .career-button:hover .career-left{width:100%;transition: all 0.3s ease-in 0.6s; -webkit-transition: all 0.3s ease-in 0.6s; -moz-transition: all 0.3s ease-in 0.6s; -o-transition: all 0.3s ease-in 0.6s; -ms-transition: all 0.3s ease-in 0.6s;} .career-button:hover .career-left:after{height:244px;transition: all 0.3s ease-in 0.9s;-webkit-transition: all 0.3s ease-in 0.9s; -moz-transition: all 0.3s ease-in 0.9s; -o-transition: all 0.3s ease-in 0.9s; -ms-transition: all 0.3s ease-in 0.9s;} /* 09 - CLIENTS */ .logo-company {text-align: center; float: left; position: relative; display: inline-block;} .client-continer {position:relative; width: 75%; display: inline-block; float: none; overflow: hidden; -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;} /*.client-slider .swiper-wrapper , .client-slider .swiper-slide {height: 140px!important;}*/ .client .swiper-slide {position: relative; text-align: center; } .client .swiper-slide img{display: inline-block;} .logo-company .slider-prev {top:54px; display: none;} .logo-company .slider-next {top:54px; display: none;} .people-container {position:relative; width: 100%; overflow: hidden; -webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;} .bg-people {position: absolute; top:0; left:0; width:100%; height: 100%; overflow: hidden;} .bg-people img {height: 100%; position: relative;} .people-container .pagination {display: block;} .people-container .pagination .swiper-pagination-switch:after{border: 1px solid #d6d6d6;} .people-container .pagination .swiper-active-switch:after {border: 1px solid #5ACDC4;} .people-slider .swiper-wrapper { float: left; clear: both; padding-bottom: 45px!important; } .people-wrap {text-align: center;} .people-wrap img {position: relative; display: inline-block; float: left;} .people-wrap p {position: relative; display: inline-block; float: none; padding-bottom: 15px;} .people-wrap b {font-weight: 700; font-size: 16px; line-height: 22px; font-style: italic; position: relative; display: inline-block; float: none;} /* 10 - CONTACT */ .contact {text-align: center; position: relative; display: inline-block; float: left; width: 100%;} .contact .divid {padding-bottom: 60px;} .contact-block {text-align: center; width: 100%; padding: 32px 0; height: 183px;} .txt-align-left, .txt-align-left .contact-block{text-align: left;} .txt-align-right, .txt-align-right .contact-block{text-align: right;} .contact-block b {font-weight: 700; font-size: 16px; line-height: 20px; position: relative; float: none; display: inline-block;} .contact-block span {font-weight: 300; font-size: 13px; position: relative; float: none; display: inline-block;} .icon {text-align: center; width: 100%; position: relative; padding: 60px 0px 45px 0px;} .icon .soc-icon {position: relative; display: inline-block; float: none;} .soc-icon {position:relative; width:50px; height:50px;cursor:pointer; z-index:1; margin: 0 9px;} .soc-icon img {position: absolute; top: 3px; left: 3px;} .soc-icon .icon-hov{position:absolute; left:3px; top:3px; opacity:0; width:50px; height:50px; transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -webkit-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out;} .soc-icon:hover .icon-hov {opacity: 1;} .soc-icon:hover img {opacity: 0;} .soc-icon:after{position:absolute; left:4px; top:5px; width:48px; height:48px; box-shadow: 0 0 0 1px #5acdc4; content:''; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition:All 300ms ease-in; -moz-transition:All 300ms ease-in; -o-transition:All 300ms ease-in; -ms-transition:All 300ms ease-in; transition:All 300ms ease-in;} .soc-icon.blue:after {box-shadow: 0 0 0 1px #004CAF;} .soc-icon.blue2:after {box-shadow: 0 0 0 1px #25589F;} .soc-icon.pink:after {box-shadow: 0 0 0 1px #FF0083;} .soc-icon.brown:after {box-shadow: 0 0 0 1px #AC723F;} .soc-icon.red:after {box-shadow: 0 0 0 1px #F44633;} .soc-icon.blue3:after {box-shadow: 0 0 0 1px #3A5B76;} .soc-icon.blue4:after {box-shadow: 0 0 0 1px #00B3EC;} .soc-icon.red2:after {box-shadow: 0 0 0 1px #EC1A21;} .soc-icon.blue5:after {box-shadow: 0 0 0 1px #00659C;} .soc-icon:hover:after{width:50px; height:50px; box-shadow: 0 0 0 1px #323232; left:3px; top:3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .icon.iconshortcode{padding: 0;} .contact-field {text-align: center;} form.wpcf7-form input {width: 100%; position: relative; display: inline-block; float: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box;height: 52px; margin: 15px 0 auto; padding-left: 15px;} form.wpcf7-form input:focus {border: 1px solid #5ACDC4; color: #555;} form.wpcf7-form textarea{width: 100%; padding: 15px;} .error-input input:focus {color:#555; border: 1px solid #ff9e9e;} .drop-con {float: none; position: relative; display: inline-block; z-index:3000; margin:0; width:100%;} .drop-con input[type="text"] {position:relative; float:none; width: 100%; height: 52px;box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #c1c1c1;} .drop-con .con-list{position:absolute; left:0px; top:0px; width:100%; height:100%;background: url(../img/drop-arrow.png) no-repeat 97% 52%;} .drop-con .act.con-list{background: url(../img/drop-arrow-white.png) no-repeat 97% 52%;} .drop-con .act3.con-list{background: url(../img/drop-arrow.png) no-repeat 97% 52%;} .drop-con input.bg-in {background: #5acdc4; color: #fff;} .drop-con span {position:absolute; left:0px; top:66px; width:100%; background: #5acdc4; display: none; z-index: 5000;} .drop-con span a {width: 100%; color: #fff; font-size: 13px; font-weight: 300; float: left; position: relative; height: 52px; text-decoration: none; text-align: left; padding: 15px 0 0 15px; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;} .drop-con span a.bg-out2 {background:#fff; color: #555;} .drop-con span a:hover {background: #3ab2a9;} .contact-massege {text-align: center; padding-top: 10px; padding-bottom: 10px;} .contact-massege textarea {width: 100%; height: 160px; position: relative; display: inline-block; float: none; padding:15px; box-sizing: border-box; box-shadow: none;} textarea:-webkit-input-placeholder {color: #555;} textarea:-moz-placeholder {color: #555;} .contact-massege textarea:focus {border: 1px solid #5acdc4; color: #555!important;} .contact-button {text-align: center; position: relative; display: block;} form.wpcf7-form input[type="submit"] {position: relative; display: inline-block; float: none; margin-top:15px; font-weight: 300; font-size: 16px; font-style: italic; color: #5acdc4; border: 2px solid #5acdc4; background: none; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; width:100%; height: 52px; max-width: 500px;} form.wpcf7-form input[type="submit"]:hover {background-color: #5acdc4; color: #fff;} .map-canvas {top: 50px; width: 100%; height: 430px;float: left; position: relative;} .copyright {text-align: center; padding: 20px 0; height: 60px; width:100%; background: #fff; position: relative; display: block; float: left;} .copyright i {font-weight: 100; font-size: 13px; line-height: 24px; color: #545454;} .wpcf7-validation-errors{display: none!important;} .wpb_gmaps_widget .wpb_wrapper {padding: 0!important;} /* 11 - SWICHERS*/ .pagination {text-align: center; position: absolute; left:0; width: 100%;} .swiper-pagination-switch {display: inline-block; float: none; position: relative; width: 14px; height: 14px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: 0 10px; cursor: pointer; background: none; left: 0px; top: 0px;} .swiper-pagination-switch:after {position: absolute; left: 1px; top: 1px; width: 14px; height: 14px; border: 1px solid #fff; content: '';} .swiper-active-switch {position: relative; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); width: 10px; height: 10px; background: #5acdc4; border: none;} .swiper-active-switch:after {position: absolute; left: -2px; top: -2px; width: 14px; height: 14px; border: 1px solid #5acdc4; content: '';} .swich_1 {bottom: 35px; display: none;} .swich_2 {float: left; position: relative;} .swich_3 {bottom: 70px;} .swich_4 {position: relative; padding: 0; display: inline-block; float: left; clear: both; width: 100%;} /* 12 - POPUP-WORKS*/ .popup-work-container {position: fixed; top: -100%; left:0; width: 100%; height: 100%; background: rgba(31,31,31,0.9); text-align: center; z-index: 6000; overflow: hidden; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;} .popup-work-container.act{top: 0%;} .popup-work-container .slider-prev {top: 50%; left: 15px;} .popup-work-container .slider-next {top: 50%; right: 15px;} .popup-slide {text-align: center;} .align-center {top:50%; position: absolute; margin-top:2%;} .img-pp img { height: auto; max-height: 100%; max-width:100%;;} .popup-slide .img-pp {position: relative; z-index: 100; display: inline-block; float: none; height: 80%; width: 100%;} .gallery-title {position: absolute; left:0; top:42%; background-color: rgba(90,205,196,0.9); text-align: center; z-index: 150; text-transform: uppercase; width: 189px; height: 94px; cursor: pointer; padding-bottom: 15px;} .gallery-title span {font-weight: 300; font-size: 12px; line-height: 23px;} .gallery-title b {font-weight: 700; font-size: 16px;} .gallery-title i {font-weight: 300; font-size: 10px; font-style: normal;} .close-up {cursor: pointer; position: absolute; top:0px; right:0px; background: #fff; width:30px; height: 30px; z-index: 200; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;} .close-x {position: relative; color:#323232; display:inline-block; font-size: 19px; font-weight: 900; transform: rotate(45deg);-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);-ms-transform: rotate(45deg);} /* 13 - POPUP-TEAM*/ .popup-team-container{position: fixed; top: -100%; left:0; width: 100%; height: 100%; z-index: 7000; background: rgba(31,31,31,0.9); text-align: center; overflow: hidden;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;} .popup-team-container.act{top: 0%;} .align-top {top:50%; position: absolute;} .popup-team {position: relative; display: inline-block; float: left; width: 100%; height: 100%; text-align: center;} .wrap-team {float:none; display: inline-block; position: relative; width: 969px; height: 486px; background: #fff; margin: 50px auto; z-index: 1500;} .left-content {position: relative; display: inline-block; float: left; height: 100%; width: 50%;} .left-content img {float: none; position: relative ; display: inline-block; height: auto; width: 100%; margin:0; padding:0;} .right-content {height: 100%; width:50%; text-align: center; position: relative; display: inline-block;} .team-button2 {background-color: #5acdc4; text-align: center; width: 194px; height: 93px; position: relative; left: 0px; margin-top: 50px; float: left;} .team-button2 b{text-transform: uppercase;} .right-content p {float: none; display: inline-block; position: relative; text-align: justify; margin: 35px 30px;} .right-content .team-icon {position: relative; display: inline-block; float: none; right:6px; bottom:0;} @media only screen and (max-width: 980px){ .team-button2{margin-top: 0;} } /* 14 - POPUP-CAREER*/ .career-popup-container {position: fixed; left:0; top: -100%; width: 100%; height: 100%; background: rgba(31,31,31,0.9); text-align: center; z-index: 5000; display: block; overflow-y: scroll;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;} .career-popup-container.act{top: 0%;} .career-popup {text-align: center; color: #5acdc4; height: auto; width: 80%; background-color:#fff; position: relative; display: inline-block; float: none; margin: 50px auto;} .career-popup .top-career-sity {padding-top: 60px; position: relative; float: none; display: inline-block; font-weight: 300;font-size: 13px;line-height: 21px; font-style: italic;} .career-popup .top-career-jobs {padding: 25px 0 25px; font-size: 40px; line-height: 40px; text-transform: uppercase; position: relative; float: none; display: inline-block; font-weight: 700;} .career-popup img{float: none; display: inline-block; position: relative; width: 100%;} .career-popup .top-career-program {font-size: 14px; line-height: 21px; font-weight: 100;position: relative; float: none; display: inline-block; padding-bottom: 55px;} .popup-text {float: none; display: inline-block; position: relative; text-align: justify; margin: 0 25px 0 25px; width: 80%;} .career-popup p {text-align: left; line-height: 28px; color:#444; padding: 30px 4px 0;} .career-popup input {margin: 35px auto 60px; float: none; width: 80%; position: relative; display: inline-block; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in;} .career-popup input:hover {background-color: #5acdc4; color: #fff;} /*thenks*/ .popup-th {position: fixed; left:0; top: -100%; width: 100%; height: 100%; background: rgba(90,205,196,0.8); text-align: center; z-index: 100; display: block; text-align: center;transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;} .popup-th.act {top: 0%;} .popup-th h2 {position: absolute; top:50%; left: 40%; color:#fff; transform: translateY(-50%);} /* 15 - MEDIA-QUERIES*/ @media screen and (max-width: 1338px) {.slider-top-thumbs h1 {font-size: 50px; line-height: 50px;}} @media screen and (max-width: 1200px) {.info-block .info-icon {display: none;}.info-block {margin: 20px auto;} } @media screen and (max-width: 1205px) { .popup-slider-team .slider-prev {display: none;} .popup-slider-team .slider-next {display: none;} .pagination.point-team-popup {display: block; bottom: 130px;} } @media screen and (min-width: 980px) { ul.topul {padding-left: 150px;} } @media screen and (max-width: 980px) { .slider-top-thumbs h1 {font-size: 50px; line-height: 50px;} .menu-hide {display: block;} .menu-show {display: none;} .navigation {background-color: #333;} .top-menu{width:100%;} .top-menu nav {position: absolute; left: 0px; top: 0px; width: 100%; background-color: #333; margin: 93px auto;padding-bottom: 50px; transform: translateY(-500px); -moz-transform: translateY(-500px);-webkit-transform: translateY(-500px);-o-transform: translateY(-500px);-ms-transform: translateY(-500px);transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} .top-menu nav a {display: block; text-align: center; float: none; margin: 15px auto; width: 100px;} .menu-mobile-icon .menu-hide {display: block;} .top-menu nav.active {transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px);} .service h2 {font-size: 50px; line-height: 64px;} .service {padding-bottom: 75px;} .info-block {padding: 15px 0px;} .career-slider .pagination {display: block;} .career-slider .slider-prev {display: none;} .career-slider .slider-next {display: none;} .swich_4 {top:-70px;} .wrap-team {margin: 20px auto;height: 100%; width: 100%;} .right-content .team-icon {right: 0; bottom: 15px;} .team-button2 {top: 0px;} .right-content p {line-height: 21px;} .swich_3 {bottom: 15px;} .clear-r:nth-child(3) {float: right!important; clear: both;} .drop .drop-list {background-position: 95% 53%;} .drop .act.drop-list{background-position: 95% 53%;} .drop .act2.drop-list{background-position: 95% 53%;} .wheel-wrap {bottom: 100px;} .wheel-wrap {display: none;} .fix-baner {position: relative; width:100%;} .team-container .pagination {margin:90px 0px;} } @media screen and (max-width: 768px) { .slider-top-thumbs h1 {font-size: 40px; line-height: 40px;} .swich_1 {bottom: 20px; display: block;} .top-baner .slider-prev {display: none;} .top-baner .slider-next {display: none;} .navigation {height: 50px;} .logo{left:10px; top:3px; z-index: 20;} .menu-mobile-icon{padding:40px 5px; z-index: 30;} .top-menu nav {margin-top: 50px; padding-bottom: 30px;} .content {padding-top: 75px;} .info {padding-top: 75px; padding-bottom: 35px;} .service-block img {margin-left: 0px;} .works-title {height: 100%; top:0;} .works-title i {padding-top: 43px;} .block-news p {padding-bottom: 15px;} .block-news {padding-bottom: 40px;} .blog-wraper .contact-button {padding-top: 0px; margin-top:-10px;} .left-content img {float: none; width: 100%; height: auto;} .career-slider .swiper-wrapper , .career-slider .swiper-slide {height: 500px!important;} .career-button {width: 739px;} .career-button b {font-size: 40px; line-height: 21px;} .people-wrap img {padding-top: 90px;} .swich_4 {bottom: -140px;} form.wpcf7-form input {margin: 7.5px 0px;} .drop-con span {top:59px;} form.wpcf7-form input[type="submit"] {margin-top: 7.5px;} .career-popup b {font-size: 31px;} .career-popup p {line-height: 20px;} .popup-slide .img-pp {top: 10%;} .popup-slider .slider-next {top:50%;} .popup-slider .slider-prev {top:50%;} .gallery-title{top: 16%;} .popup-th h2 {left: 30%;} .pagination.point-team-popup {bottom: 100px;} } @media screen and (max-width: 768px) {.career-button {width: 680px;}} @media screen and (max-width: 768px) {.career-button {width: 580px;}} @media screen and (max-width: 580px) {.career-button {width: 400px; padding-top: 11.2%;} .career-button b {font-size: 30px; line-height: 26px; padding: 15px 0px;}} @media screen and (max-width: 642px) { .right-content p {padding: 0px 8px 25px;} .career-popup h5 {padding-bottom: 25px;} } @media screen and (max-width: 557px) { .service-block img {float: none; display: block; padding-bottom: 10px; margin: 0 auto; position: relative;} .service-block .title {text-align: center; float: none; display: block;} .service-block ul {list-style-position: outside; padding-top: 0px; padding-left: 0px;} .team-container .pagination {top: 0px;} .swich_4 {top:-40px;} } @media screen and (max-width: 450px) { .slider-top-thumbs h1 {line-height: 50px; font-size: 50px; margin-bottom:40px;} .content {padding-top: 60px;} .content-title h2 {font-size: 36px; line-height: 36px;} .content-title q {line-height: 32px; padding-bottom: 50px; padding-left:10px; padding-right: 10px;} .content-title p {padding-left:10px; padding-right: 10px;} .bottom-img {display: none;} .info {padding-top: 50px; padding-bottom: 25px;} .info .divid {display: none;} .info-block {clear: both; padding-top: 10px;} .service-block img {float: none; display: block; padding-bottom: 10px; margin: 0 auto; position: relative;} .service-block .title {text-align: center; float: none; padding: 10px 0; display: block;} .service-block ul {padding-left: 0; list-style-position: outside;} .service-block ul li {float: none; white-space: pre-wrap;} .service h2 {line-height: 36px;} .service {padding-bottom: 50px;} .img-work.col-5 {clear: none; width: 50%;} .works-title {bottom:15px;} .drop {padding: 10px 0px 0px;} .drop span {top:10px;} .drop .drop-list {background-position: 95% 70%; z-index: 22222;} .drop .act.drop-list{background-position: 95% 70%; position: absolute;} .drop .act2.drop-list {background-position: 95% 70%;} .team-container .pagination {margin: 60px 0px;} .career-slider .swiper-wrapper , .career-slider .swiper-slide {height: 450px!important;} .career-slider .pagination {bottom: 40px;} .career-container .slider-top-thumbs {margin-top:-25px;} .career-button {width: 301px; height: 282px; padding-top: 3%;} .career-button b {font-size: 30px; line-height: 26px; padding: 15px 0px;} .career-button i {padding-top: 60px;} .career-button h4 {font-size: 14px; line-height: 20px; padding: 0px 15px;} .career-button:hover .career-top:after{height: 282px;} .career-button:hover .career-left:after{height: 282px;} .slider-prev {display: none;} .slider-next {display: none;} .people .bg {height: 600px!important;} .people-wrap img {padding-top: 60px;} .people-wrap p {line-height: 21px; padding: 0px 10px 20px;} .people-wrap b {white-space: pre-wrap; padding-bottom: 20px;} .swich_4 {top:-43px;} .client-slider img {padding-top: 0px;} .client .swiper-slide {padding: 0; display: block; float: left;} .contact h2 {line-height: 36px;} .contact .divid {padding-bottom: 40px;} .contact-massege {padding: 5px 0px;} .contact-button {padding: 5px 0px;} form.wpcf7-form input {margin: 5px 0px;} form.wpcf7-form input[type="submit"] {width: 100%; margin-top: 0px;} .icon .soc-icon {margin: 25px 15px;} .contact-massege textarea {margin-top:5px; margin-bottom: 5px;} .drop-con span {top: 56px;} .drop-con .con-list {background-position: 93% 52%;} .drop-con span a {width: 100%;} .drop-con .act.con-list{background-position: 93% 52%;} .drop-con .act3.con-list{background-position: 93% 52%;} .map-canvas {margin-top: 20px;} .pagination {display: inline-block;} .career-popup {width: 100%;} .career-popup b {line-height: 31px;} .career-popup p {line-height: 18px; padding: 10px 5px; text-indent: 1.2em;} .wrap-team {margin: 0px auto;} .left-content {float: none; width: 100%;} .left-content img {width: 100%;} .right-content {float: none; width: 100%;} .right-content .team-icon{bottom: 15px;} .team-button2 {float: none;} .swich_1 {bottom: 20px; display: block;} .swich_4 {top:5px;} .popup-th h2 {line-height: 50px; left:15px;} } /*no transition on responsive*/ @media only screen and (max-width: 980px){ .class, .close-up, .drop span a,.img-work span, .work-title, .team-button, .roll-batton img, .layer, .career-button, .career-top, .career-left, .career-left:after, .career-top:after, .soc-icon .icon-hov, .soc-icon:after, .drop-con span a, form.wpcf7-form input[type="submit"], .block-news .title, .layer-blog, .date-link a { -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; transition: none!important;} .block-news:hover .layer-blog {opacity: 0; cursor: pointer;} .block-news .title:hover {color:#333;} .date-link a:hover {color:#333; text-decoration: none;} } @keyframes mouse{ 0% { margin-top: 6px; opacity: 0;} 30% {opacity: 1;} 100% {margin-top: 28px; opacity: 0;} } @-webkit-keyframes mouse{ 0% {margin-top: 6px; opacity: 0;} 30% {opacity: 1;} 100% {margin-top: 28px; opacity: 0;} } .full-width.full-h{margin-left: -1px;} @font-face { font-family: 'NotoSerif'; src: url('../fonts/NotoSerifd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerif.woff') format('woff'), url('../fonts/NotoSerif.ttf') format('truetype'), url('../fonts/NotoSerif.svg#NotoSerif') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'NotoSerif'; src: url('../fonts/NotoSerif-Boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/NotoSerif-Bold.woff') format('woff'), url('../fonts/NotoSerif-Bold.ttf') format('truetype'), url('../fonts/NotoSerif-Bold.svg#NotoSerif-Bold') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'AbrilFatface-Regular'; src: url('../fonts/AbrilFatface-Regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/AbrilFatface-Regular.woff') format('woff'), url('../fonts/AbrilFatface-Regular.ttf') format('truetype'), url('../fonts/AbrilFatface-Regular.svg#AbrilFatface-Regular') format('svg'); font-weight: normal; font-style: normal; } /*New design*/ /*Main*/ body{ font-family: 'NotoSerif'; font-weight: 400; overflow-x: hidden; } .page-border{ position: absolute; z-index: 9999; background-color: #ffffff; display: none; } .page-border.border-show{ display: block; } .top-border{ width: 100%; height: 50px; top: 0; } .bottom-border{ width: 100%; height: 50px; bottom: 0; } .right-border{ height: 100%; width: 50px; right: 0; } .left-border{ height: 100%; width: 50px; left: 0; } body.single, body.search, body.category, body.archive, body.blog{ width: 100%; height: auto; float: left; position: relative; } h1{ font-family: 'AbrilFatface-Regular'; } h2{ font-family: 'AbrilFatface-Regular'; font-size: 50px; line-height: 0px; text-transform: none; } h3{ font-family: 'AbrilFatface-Regular'; font-size: 24px; font-weight: normal; } h4{ font-family: 'AbrilFatface-Regular'; font-size: 18px; } h5{ font-family: 'AbrilFatface-Regular'; font-size: 16px; } .class a{ text-transform: inherit!important; } @media (max-width: 1100px){ .border-show .nav-row.scroll-menu{ padding: 0 50px; } .border-show .nav-row .logo{ left: 15px; margin-left: 30px; } .border-show .nav-row .top-menu{ margin-right: 0px; } .border-show .nav-row .top-menu nav a { padding: 0 3px 2px; } } @media (max-width: 991px){ .vc_row.wpb_row{ padding: 50px 0!important; margin: 0!important; } .main-container .content-wrap-in:first-child .vc_row.wpb_row{ padding: 0!important; } .main-container .content-wrap-in:last-child .vc_row.wpb_row{ padding: 32px 50px 0!important; } } @media (min-width: 981px) and (max-width: 991px){ .border-show .nav-row .logo { left: 0px; margin-left: 0px; } .border-show .nav-row .top-menu{ margin-right: 0px; } } @media (max-width: 980px){ .border-show .nav-row.top-transparent{ padding: 0 50px; } } @media (max-width: 768px){ .vc_empty_space{ height: 15px!important; } .vc_row.wpb_row{ padding: 50px 0!important; margin: 0!important; } .main-container .content-wrap-in:first-child .vc_row.wpb_row{ padding: 0!important; } .vc_column-inner { padding-top: 0!important; } .top-border{ height: 25px; } .bottom-border{ height: 25px; } .right-border{ width: 25px; } .left-border{ width: 25px; } .border-show .nav-row.top-transparent{ padding: 0 25px; } .vc_row.wpb_row{ padding: 25px 0!important; margin: 0!important; } .main-container .content-wrap-in:first-child .vc_row.wpb_row{ padding: 0!important; } .main-container .content-wrap-in:last-child .vc_row.wpb_row{ padding: 70px 0px 0!important; } .border-show .main-container .content-wrap-in:last-child .vc_row.wpb_row{ padding: 20px 25px 0!important; } } @media (max-width: 480px){ h2{ font-size: 36px; } } /*Main menu*/ .single .nav-row, .search .nav-row, .category .nav-row, .archive .nav-row, .blog .nav-row{ background-color: rgba(10,10,10,0.8); } .single main, .search main, .category main, .archive main, .blog main{ padding: 140px 0 100px; } .single main.border-show , .search main.border-show , .category main.border-show , .archive main.border-show , .blog main.border-show { padding: 100px 0 100px; } main .no_vc{ padding: 50px 0 80px; } .nav-row{ position: fixed; z-index: 5000; width: 100%; height: 100px; } .nav-row.stat-menu{ position: static; } .border-show .nav-row{ margin-top: 50px; } .border-show .nav-row.scroll-menu{ margin-top: 0px; } .border-show .swiper-container{ margin: 0 100px 0 0; } .border-show .full-width{ padding: 0 50px; } .border-show #map-canvas{ padding: 0 50px; } footer.border-show{ padding: 0 50px 50px; } .navigation{ width: inherit; background: transparent; position: relative; } .logo{ top: 5px; left: -15px; } .top-menu nav{ margin: 33px -27px 0px 0px; } .top-menu nav li{ margin-left: 18px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .top-menu nav a{ height: auto; font-size: 17px; padding: 0 6px 2px; border-bottom: 4px solid transparent; margin: 0; color: #000; } .top-menu nav li a:hover, .top-menu nav a.active, .no-one-page .top-menu nav li.current-menu-item a{ border-color: #000; color: #000; box-shadow: none; } .top-menu nav .dropdown li a:hover, .top-menu nav .dropdown a.active, .no-one-page .top-menu nav .dropdown li.current-menu-item a{ border-color: #fff; color: #fff; box-shadow: none; } .top-menu nav a:hover{ color: #fff; } /*Slider*/ .swiper-slide .bg{ background-size: cover; } .slider-title{ width: 100%; text-align: center; font-family: 'AbrilFatface-Regular'; font-size: 90px; color: #fff; } .icon-block{ padding: 0!important; } .swiper-container .pagination{ bottom: 17px; } .swiper-pagination-switch{ margin: 0 5px; } .swiper-active-switch, .swiper-pagination-switch{ transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; } .swiper-active-switch, .swiper-pagination-switch{ width: 10px; height: 10px; left: 0; top: 0; background-color: transparent; } .swiper-pagination-switch:after{ left: 0px; top: 0px; width: 10px; height: 10px; opacity: 0.5; border: none; border-radius: 50%; } .white .swiper-pagination-switch:after{ background-color: #fff; } .black .swiper-pagination-switch:after{ background-color: #323232; } .swiper-active-switch:after { left: 0px; top: 0px; width: 10px; height: 10px; border: none; opacity: 1; } .slider-title{ letter-spacing: 0.25px; } .icon-block{ margin-top: 35px; } .slider-icon{ margin-bottom: 20px; } .icon-title{ font-family: 'AbrilFatface-Regular'; font-size: 16px; text-transform: uppercase; } .icon-text{ margin-top: 12px; font-size: 14px; opacity: 0.7; } .slider-prev{ left: 132px; margin-top: -47px; } .slider-next{ right: 132px; margin-top: -47px; } .slider-prev.white, .slider-next.white{ color: #fff; } .slider-prev.black, .slider-next.black{ color: #000; } .slider-next:after, .slider-prev:after{ font-family: 'fontello'; border: none; font-size: 30px; transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; } .slider-next:hover:after, .slider-prev:hover:after{ width: 35px; height: 35px; top: 0; left: 0; } .slider-prev:after{ content: '\e800'; } .slider-next:after{ content: '\e801'; } @media (max-width:1040px){ ul.topul{ padding-left: 80px; } .top-menu nav li{ margin-left: 5px; } .top-menu nav a{ padding: 0 3px 2px; } } @media (max-width:980px){ ul.topul{ padding-left: 0px; } .top-menu nav{ padding: 15px 0!important; } .icon-block{ margin-top: 15px } .slider-title{ font-size: 50px; } .icon-text{ margin-top: 5px; } .slider-icon{ margin-bottom: 10px; } .border-show .vc_row.wpb_row{ padding: 50px 50px!important; } } @media (max-width:768px){ .slider-title{ font-size: 30px; } .icon-title{ font-size: 12px; } .icon-text{ font-size: 12px; } .border-show .vc_row.wpb_row{ padding: 25px 25px!important; } .border-show .nav-row{ margin-top: 25px; } .border-show .nav-row.scroll-menu{ padding: 0 25px; } .border-show .full-width{ padding: 0 25px; } .border-show #map-canvas{ padding: 0 25px; } footer.border-show{ padding: 0 25px 25px; } .border-show .swiper-container { margin: 0 50px 0 0; } } @media (max-width:480px){ .border-show .menu-mobile-icon{ padding: 40px 25px; } .border-show .nav-row .logo{ margin-left: 0px; } } /*Heading block*/ .separator-block{ width: 92px; height: 4px; margin: -10px auto 35px; display: block; } .separator-block.black{ background-image: url('../img/separator-black.png'); } .separator-block.white{ background-image: url('../img/separator-white.png'); } .heading-text{ font-size: 14px; line-height: 30px; } /*Info block*/ .info-block h3{ margin-bottom: 28px; } .info-text{ font-size: 14px; line-height: 30px; } .more-link{ margin-top: 33px; display: block; float: left; padding: 13px 16px; font-size: 13px; font-weight: 700; text-transform: uppercase; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .more-link:hover{ background-color: rgb(188, 188, 188)!important; color: #000!important; text-decoration: none; } /*Single image*/ .img-block{ width: 100%; height: auto; overflow: hidden; } .single_img{ width: 100%; height: auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; overflow: hidden; } .img-block.about .single_img{ margin-top:150px } .single_img:hover{ -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25); } @media (max-width:1200px){ .vc_empty_space{ height: 10px!important; } } @media (max-width:991px){ .vc_empty_space{ height: 0px!important; } .info-block { margin: 0px auto 20px; padding: 0px; } } @media (max-width:767px){ .about-us-text{ display: table-footer-group; } .about-us-text .vc_empty_space{ height: 20px!important; } .about-us-img{ display: table-header-group; margin-bottom: 20px; } .about-us-img .vc_column-inner{ padding: 30px 0 0!important; } .single_img{ width: 100%; height: auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; overflow: hidden; margin-top:20px; } } /*Counter*/ .conter-row{ margin: 0 -30px; } .counter{ text-align: center; } .counter-num{ margin: 10px 0 13px; height: 50px; font-size: 36px; font-family: 'AbrilFatface-Regular'; } .counter h5{ margin-bottom: 14px; text-transform: uppercase; font-family: 'AbrilFatface-Regular'; } .counter-text{ font-size: 14px; } @media (max-width: 991px){ .counter.col-md-3{ width: 50%; float: left; padding: 30px; } } @media (max-width: 480px){ .counter.col-md-3{ width: 100%; float: left; padding: 30px 0; } } /*Service block*/ .service-block .title{ font-family: 'AbrilFatface-Regular'; font-weight: normal; font-size: 18px; text-transform: none; padding: 22px 0 0 14px; } .service-block ul{ padding: 63px 0 0 75px; list-style: outside; } .service-block ul li{ font-size: 14px; padding: 1px 0 1px 37px!important; } .service-block ul li::before{ content: ''!important; top: 10px; width: 16px; height: 11px; background-image: url('../img/point.png'); } @media (max-width:1199px){ .we-can-block{ margin: 0!important; padding-top: 30px!important; } .service-block img{ float: none; display: inherit; } .service-block .title{ width: 100%; } .service-block ul{ width: 100%; padding: 63px 0 0; } } @media (max-width: 991px){ .vc_row.wpb_row.we-can-block{ padding: 30px 0 0!important; } } @media (max-width: 767px){ .vc_row.wpb_row.we-can-block{ padding: 0!important; } .vc_row.wpb_row.we-can-block .vc_col-sm-4{ padding-top: 30px; } } /*Our-works block*/ .drop{ max-width: 100%; margin: 8px 0 22px; height: 35px; } .drop input[type="text"]{ border: none; height: auto; display: none; } .drop .drop-list{ display: none; } .drop span{ display: block; } .drop span a, .drop span a.bg-out{ background: transparent; width: auto; height: auto; margin: 0 15px; display: inline-block; text-align: center; float: none; font-size: 14px; padding: 0 2px 6px; border-bottom: 4px solid transparent; color: #fff; } .drop span a.active, .drop span a:hover{ background: transparent; border-bottom: 4px solid #fff; } .work-block{ width: 100%; background-size: cover; } .img-work span.bg-slide{ background-color: transparent; } .works-title{ display: block; z-index: 999; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; padding: 0; background-color: rgba(0,0,0,0.7); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .scale-text .img-work:hover .works-title{ transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } .works-title-block{ position: absolute; height: 50px; top: 50%; margin-top: -25px; width: 100%; text-align: center; } .works-cat{ display: block; width: 100%; font-family: 'AbrilFatface-Regular'; font-size: 18px; } .works-name{ display: block; width: 100%; font-size: 14px; color: rgba(255,255,255,0.6); } .gallery-title{ width: 100%; height: 100px; top: inherit; bottom: 0; background-color: rgba(0,0,0,0.7); padding: 0; } .fancybox-close{ background: transparent!important; background-color: rgba(0,0,0,0.7)!important; } .fancybox-close::before{ color: #fff!important; } .gallery-title span{ font-size: 18px; line-height: 38px; } .gallery-block{ height: 80px; margin: 10px 0; } body .fancybox-nav span::after{ border: none!important; } body .fancybox-nav.fancybox-prev span::before{ content: '\e800'!important; font-family: 'fontello'!important; font-size: 30px!important; } body .fancybox-nav.fancybox-next span::before{ content: '\e801'!important; font-family: 'fontello'!important; font-size: 30px!important; } @media (max-width:991px){ .vc_row.wpb_row.gallery-wrp-title{ padding: 50px 0 90px!important; } .vc_row.wpb_row.gallery-wrp{ padding: 0!important; margin-top: -103px !important; } } @media (max-width:768px){ .vc_row.wpb_row.gallery-wrp-title{ padding: 50px 0 100px!important; } .border-show .vc_row.wpb_row.gallery-wrp-title{ padding: 50px 50px 100px!important; } .vc_row.wpb_row.gallery-wrp{ padding: 0!important; margin-top: -68px !important; } .drop span a, .drop span a.bg-out{ margin: 0 10px 5px; } } @media (max-width:450px){ .vc_row.wpb_row.gallery-wrp-title{ padding: 50px 0 160px!important; } .vc_row.wpb_row.gallery-wrp{ padding: 0!important; margin-top: -108px !important; } .drop{ height: 75px; } .drop span{ top: -10px; } .drop span a.active, .drop span a:hover{ border-bottom: 2px solid #fff; } .border-show .vc_row.wpb_row.gallery-wrp-title { padding: 50px 50px 130px !important; } } /*News block*/ .news-item{ padding: 0; } .news-item:first-child{ padding-right: 20px; } .news-item:nth-child(2){ padding: 0 10px; } .news-item:last-child{ padding-left: 20px; } .block-news .title{ font-family: 'AbrilFatface-Regular'; font-size: 18px; color: #323232; font-weight: normal; margin-top: 20px; padding: 0; text-transform: none; } .block-news .title a{ font-family: 'AbrilFatface-Regular'; font-size: 18px; color: #323232; font-weight: normal; padding: 0; text-transform: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .news-info{ width: 100%; margin: 17px 0 13px; float: left; text-transform: uppercase; font-size: 10px; color: #898989; } .news-info span{ line-height: 18px; position: relative; padding-left: 20px; } .news-info span:before{ content: ''; display: inline-block; width: 13px; height: 15px; background-image: url('../img/news-icon.png'); position: absolute; left: 0; top: -1px; } .news-info .author-block{ padding-left: 22px; } .news-info .author-block:before{ background-position: 0 0; } .news-info .date-block{ margin-left: 75px; } .news-info .date-block{ padding-left: 22px; } .news-info .date-block:before{ background-position: -13px 0; } .news-info .category-block{ margin-left: 41px; } .news-info .category-block:before{ background-position: -26px 0; } .news-excerpt{ width: 100%; float: left; } .news-excerpt p{ font-size: 14px; color: #898989; line-height: 30px; } .simple-button a{ padding: 13px 16px; width: auto; text-transform: uppercase; font-size: 13px; font-style: normal; font-weight: 700; border: none; } .simple-button a:hover{ background: rgb(188, 188, 188) !important; color: #000 !important; text-decoration: none; } a.layer-hover:hover{ background: rgba(0,0,0,0.3); } @media (max-width:1200px){ .blog-wraper{ padding-top: 40px; } } @media (max-width:991px){ .blog-wraper{ width: 100%; float: left; padding: 40px 20px; } .news-info .date-block{ margin-left: 20px; } .news-info .category-block{ margin-left: 20px; } } @media (max-width:767px){ .news-item:first-child{ padding-right: 0; } .news-item:nth-child(2){ padding: 0px 0 30px; } .news-item:last-child{ padding-left: 0px; } .news-item{ padding-bottom: 30px; } .news-item:last-child{ padding-bottom: 0px; } .block-news{ padding-bottom: 0; } } /*Our team block*/ .team-wrapper{ padding: 0; } .team-wrapper>.row .col-md-12{ padding: 0; } .layer{ background-color: transparent; } .team-block{ padding-bottom: 125px; } .team-button{ width: 100%; display: block; left: 0; bottom: 30px; margin: 0; text-align: center; background-color: transparent; float: none; } .team-block img{ overflow: hidden; } .team-img-block{ width: 100%; height: auto; overflow: hidden; } .team-block:hover img{ -webkit-transform:scale(1.25); /* Safari and Chrome */ -moz-transform:scale(1.25); /* Firefox */ -ms-transform:scale(1.25); /* IE 9 */ -o-transform:scale(1.25); /* Opera */ transform:scale(1.25); } .team-block:hover .team-button{ background-color: transparent; } .team-name{ width: 100%; float: left; margin: 16px 0 11px; text-align: center; font-family: 'AbrilFatface-Regular'; font-size: 18px; } .team-position{ width: 100%; float: left; font-size: 14px; } .team-icon{ width: 100%; float: left; text-align: center; right: 0; bottom: 1px; z-index: 31; } .team-icon .roll-batton{ width: 28px; height: 28px; display: inline-block; float: none; background-image: url('../img/soc-link.png'); border-radius: 50%; background-color: #fff; margin: 0 2px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .team-icon .roll-batton.fb-icon{ background-position: 0 0; } .team-icon .roll-batton.tw-icon{ background-position: -28px 0; } .team-icon .roll-batton.in-icon{ background-position: -56px 0; } .team-icon .roll-batton:hover{ opacity: 0.5; } .left-content{ width: 40%; } .right-content{ width: 60%; } .team-button2{ background-color: rgba(0,0,0,0.7); } .slide-nav{ position: absolute; left: 0; right: 0; top: 38%; } .slide-nav>span{ position: absolute; cursor: pointer; } .slide-nav>span.white{ color: #fff; } .slide-nav>span.black{ color: #000; } .slide-nav>span:after{ font-family: 'fontello'; font-size: 30px; } .next-btn{ right: -13%; } .next-btn:after{ content: '\e801'; } .prev-btn{ left: -13%; } .prev-btn:after{ content: '\e800'; } /*Proffesionals Needed block*/ .career-row{ position: relative; } .career-slider .swiper-slide, .career-slider .swiper-wrapper{ height: 350px!important; } .career-button{ width: 35%; height: 154px; box-shadow: none; padding-top: 0px; } .career-title.white{ color: #fff; } .career-title.black{ color: #000; } .sity-carrer, .experience{ opacity: 0.7; } .sity-carrer{ font-size: 14px; } .develop{ font-family: 'AbrilFatface-Regular'; font-size: 35px; padding-top: 8px; } .career-popup{ color: #323232!important; } .experience{ font-weight: bold; font-size: 20px; padding-top: 13px; } .career-row .slider-prev, .career-row .slider-next{ margin-top: -66px; } .career-row .slider-prev{ left: -15.5%; } .career-row .slider-next{ right: -15.5%; } .career-container{ padding-bottom: 100px; background: transparent!important; } .career-row .swich_3 { bottom: 23px; } .career-row .swiper-pagination-switch, .career-row .swiper-active-switch{ background-color: #323232; opacity: 0.5; border-radius: 50%; } .career-row .swiper-active-switch{ opacity: 1; } @media (max-width:1600px){ .prev-btn, .career-row .slider-prev{ left: -50px; } .next-btn, .career-row .slider-next{ right: -50px; } } @media (max-width:1366px){ .prev-btn{ left: -3px; } .next-btn { right: -3px; } } @media (max-width:1199px){ .prev-btn{ left: -10px; } .next-btn { right: -10px; } .career-row .slider-prev{ left: -30px; } .career-row .slider-next{ right: -30px; } } @media (max-width:991px){ .prev-btn{ left: 30px; } .next-btn { right: 30px; } .career-row .slider-prev{ display: none; } .career-row .slider-next{ display: none; } .career-button{ width: 70%; } } @media (max-width:767px){ .prev-btn{ display: none; } .next-btn { display: none; } .career-container{ padding-top: 30px; } .career-button{ width: 80%; } .career-popup{ width: 90%; } .career-popup .top-career-jobs{ font-size: 20px!important; padding: 25px 15px 25px!important; } } /*Clients block*/ .people-wrap{ position: relative; height: 361px; text-align: left; background-color: #ffffff; } .avatar-img { display: block; float: left; position: relative; } img.man{ padding: 0 99px 0 0; } .avatar-img::after{ content: ""; display: inline-block; position: absolute; right: 98px; top: 85px; width: 0; height: 0; border-style: solid; border-width: 13px 13px 13px 0; border-color: transparent #ffffff transparent transparent; } .avatar-info{ background-color: #ffffff; position: absolute; padding: 60px 80px 0 498px; z-index: 0; height: 100%; } .avatar-name{ padding-top: 60px; padding-right: 70px; font-family: 'AbrilFatface-Regular'; font-size: 24px; color: #323232; } .avatar-position{ font-size: 14px; color: #464646; padding: 9px 70px 28px 0; } .avatar-text{ font-size: 14px; color: #898989; line-height: 30px; padding-right: 70px; } .soc-link{ float: left; margin-top: 35px; } .soc-link li{ float: left; margin-right: 7px; } .soc-link li a{ width: 28px; height: 28px; display: block; border-radius: 50%; border: 1px solid #373737; overflow: hidden; line-height: 24px; text-align: center; color: #323232; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .soc-link li a:hover{ color: rgb(188, 188, 188); border-color: rgb(188, 188, 188); } .people-container .pagination{ display: none; } .client-continer{ width: 100%; } @media (max-width: 1600px){ .people-wrapper .slider-prev{ left: 70px; } .people-wrapper .slider-next{ right: 70px; } } @media (max-width: 1367px){ .people-wrapper{ width: 90%; margin: auto; } .people-wrapper .container{ width: 100%; padding-right: 0; padding-left: 0; } .people-wrapper .row{ width: 100%; margin-right: 0px; margin-left: 0px; } .people-wrapper .slider-prev{ left: -4%; } .people-wrapper .slider-next{ right: -4%; } } @media (max-width: 1199px){ .people-wrapper .container{ margin-top: 30px; } .avatar-name{ padding-top: 25px; } .soc-link{ margin-top: 20px; } } @media (max-width: 991px){ .people-wrapper .container{ margin-top: 30px; } img.man { padding: 0 20px 0 0; } .avatar-img::after{ right: 18px; } .avatar-position{ padding: 9px 0 15px; } .avatar-name, .avatar-text{ padding-right: 20px; } .soc-link{ margin-top: 10px; } } @media (max-width: 768px){ .people-wrap{ height: auto; width: 100%; float: left } .avatar-img{ width: 100%; } .avatar-img::after{ display: none; } .avatar-img img{ width: 100%; float: left; padding: 0; } .avatar-name, .avatar-text, .avatar-position, .soc-link{ width: 100%; float: left; padding-right: 20px; padding-left: 20px; } .soc-link{ padding-bottom: 30px; } } /*Contact block*/ .c-block{ padding: 0 15px!important; } .vc_row-fluid .vc_row-fluid .c-block:first-child{ padding: 0 15px 0 0!important; } .vc_row-fluid .vc_row-fluid .c-block:last-child{ padding: 0 0 0 15px!important; } .contact-block{ height: 235px; } .contact-block b{ width: 100%; font-size: 18px; padding-bottom: 8px; } .contact-block span{ font-size: 14px; line-height: 30px; } .soc-icon{ margin: 0 21px; } .SumoSelect{ width: 100%; height: 52px; margin: 15px 0; } .SumoSelect > .CaptionCont{ text-align: left; height: 52px; border-radius: 0; border-color: #c1c1c1; background-color: transparent; } input, textarea, select, .SumoSelect > .CaptionCont{ color: #555555!important; font-size: 14px!important; border: 1px solid #c1c1c1!important; padding: 12px 20px!important; margin-top: 0px; padding: 14px 20px!important; -webkit-appearance: none; -moz-appearance: none; } .SumoSelect > .CaptionCont{ color: #9F9F9F!important; } input.wpcf7-not-valid, textarea.wpcf7-not-valid, select.wpcf7-not-valid{ border-color: red!important; } .contact-massege textarea{ height: 156px; } .SumoSelect > .CaptionCont > span{ line-height: 22px; } .SumoSelect.open > .optWrapper{ top: 52px; border-radius: 0px; border-color: #c1c1c1!important; color: #555555!important; } .SumoSelect > .optWrapper > .options li.opt{ padding: 9.5px 20px; text-align: left; } .SumoSelect > .CaptionCont > label > i{ width: 14px!important; height: 8px!important; top: 7px; background-image: url('../img/sumo-arrow.png')!important; } .SumoSelect > .CaptionCont > label{ width: 55px; } form.wpcf7-form input[type="submit"]{ max-width: 86px; height: 46px; padding: 14px 0!important; font-style: normal; text-transform: uppercase; margin-top: 34px; font-weight: bold; font-size: 13px!important; color: #fff!important; background-color: #323232!important; border: none!important; } form.wpcf7-form input[type="submit"]:hover{ color: #323232!important; background-color: rgb(188, 188, 188)!important; } body div.wpcf7 .screen-reader-response{ background: #323232!important; padding: 15% 5%!important; } body div.wpcf7 .screen-reader-response:after{ content: '+'; display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #fff; cursor: pointer; font-size: 20px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); } body div.wpcf7 .screen-reader-response ul{ display: none; } @media (max-width: 767px){ .contact-page{ padding: 0 50px; } } /*Footer*/ footer{ background: #323232!important; } .copyright{ background: #323232; font-style: normal; color: #ffffff; font-size: 14px; padding: 29px 0; height: 80px; } .nav-row.top-transparent { background: rgba(255,255,255, 0.9) none repeat scroll 0 0; } .logo .img-responsive { padding-top: 15px; } .address-detail ul strong{ font-size:18px; color:#f58634; } .address-detail ul li{ font-size:14px; margin-bottom:20px; } .wpb_wrapper.address-detail a{ color:#323232; text-decoration:none; } .vc_row.wpb_row.vc_row-fluid.contact-page.vc_custom_1472814742137.padding{ padding-bottom: 0px !important; padding-top: 20px; } .vc_row.wpb_row.vc_row-fluid.vc_custom_1467393289326.padding { padding-bottom: 0 !important; padding-top: 10px!important; } .map-container { width: 100%; } .map-container iframe{ width: 100%; display: block; pointer-events: none; position: relative; /* IE needs a position other than static */ } .map-container iframe.clicked{ pointer-events: auto; } .vc_row.wpb_row.vc_row-fluid.contact-page.vc_custom_1472814742137.padding { padding-top: 0px !important; } /*Tabbing css*/ a { color: #0496b6} h1, h2 { margin: 1em 0 1.5em 0; color: #0f556f} .tabs h1, .tabs h2 { color: #333; margin-bottom: 1em;} .tabs ul, .tabs ol, .tabs p { margin-top:0; padding-top: 1em;} .tabs ul li, .tabs ol li { margin-bottom: 0.5em;} hgroup h1 { margin-bottom:0; margin-top:0; line-height: 1.2em;} hgroup h2 { font-size: 1.1em; font-weight: normal; position: absolute; top: 16px; right:20px;} .btn { display: block; float: left; padding: 10px 15px; background: #0496b6; font-size: 1.5em; color: #fff; font-weight: bold; text-decoration: none; border-radius: 5px; text-align: center; box-shadow: 2px 2px 2px #eee;} .btn:hover { background: #3cb7d3} .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } .intro { margin: 20px 0; background: #c9f6f9; border: 1px solid #ccc; box-shadow: 2px 2px 2px #eee; padding: 5px 15px 10px 15px; } p.demo-intro { font-size: 1.2em; margin-bottom: -0.5em; font-weight: bold; } .responsive-tabs__list__item { font-size: 16px; font-weight: bold; } .responsive-tabs__list__item--active, .responsive-tabs__list__item--active:hover, .responsive-tabs__list__item:hover, .responsive-tabs__heading.responsive-tabs__heading--active{ background: #f58634 none repeat scroll 0 0 !important; color:#000; } /*tabbing css End*/ .more-post-text h3 a { color: #333; display: block; font-size: 16px; font-weight: 400; padding-top: 10px; text-align: left; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s; } .exerpt-more { margin-top: 0px; } .image-hover { position: relative; margin: 2%; overflow: hidden; } .image-hover img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .image-hover:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); cursor:pointer; } .img-work.mix.col-6{ width:33.33%; } /*image animation*/ .hover { cursor: default; float: left; position: relative; } .hover, .hover .overlay { height: 100%; overflow: hidden; width: 100%; } .ehover13 img { transition: all 0.35s ease 0s; } .hover img { display: block; position: relative; } .ehover13 .overlay { border-bottom: 1px solid #fff; border-top: 1px solid #fff; height: 70%; left: 10%; position: absolute; top: 15%; transform: scale(0, 1); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; width: 80%; } .ehover13 h2 { background-color: transparent; transform: translate3d(0px, -100%, 0px); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; } .ehover13 button, .ehover13 h2 { color: #fff; opacity: 0; padding: 1em 0; } .hover h2 { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; font-size: 17px; padding: 10px; position: relative; } .hover button.info, .hover h2 { color: #fff; text-transform: uppercase; } .hover, .hover h2 { text-align: center; } .hover button.nullbutton { border: medium none; margin: 0; padding: 0; } .hover button.info { background-color: transparent; border: 1px solid #fff; border-radius: 0; margin: 50px 0 0; padding: 7px 14px; text-decoration: none; } .ehover10 button, .hover button.info { display: inline-block; } .hover button.info, .hover h2 { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; font-size: 14px; text-transform: uppercase; } .ehover13 button { transform: translate3d(0px, 100%, 0px); transition: opacity 0.35s ease 0s, transform 0.35s ease 0s; } .ehover13:hover .overlay { opacity: 1; transform: scale(1); } .hover.ehover13 { position: relative; width: 25%; } .ehover13:hover button, .ehover13:hover h2 { opacity: 1; transform: translate3d(0px, 0px, 0px); } .yellow{ color:#b7b705; } .orange{ color:#FFA500; } .red{ color:#FF0000; } .blue{ color:#0000FF; } .violet{ color:#EE82EE; } .green{ color:#008000; } #start{ margin-top:15px; padding:11px 20px !important; } .pdf { float: left; padding-right: 15px; width: 47px; } .pdf-div { float: right; position: absolute; right: 0; top: 0px; font-size: 16px; line-height: 45px; } .pdf-div-sub { float: right; right: 0; top: -50px; font-size: 16px; line-height: 45px; padding:20px 0px; } .news-item .title{ display: block; text-align: center !important; width: 100%; } .news-item .title a{ float:none; } .blog-img.onload.loaded{ min-height:430px; } @media (max-width: 767px) { hgroup h1 { margin-top: 25px;} .responsive-tabs h2 { font-size: 14px; left: 0px; line-height: 11px; margin-bottom: 5px; padding: 13px 0; top: 0; color:#000; } .btn { width: 80%; margin: 20px auto; float:none;} .responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover { background: #f58634 none repeat scroll 0 0 !important; color:#000; } .responsive-tabs__heading{ border: 0px !important; } .img-block.about .single_img { margin-top: 0px; } vc_row wpb_row vc_inner vc_row-fluid vc_custom_1467616333858{ padding-top: 0 !important; } .about-us-img .vc_column-inner { padding: 0 !important; } .vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1467616333858{ padding-top:0px !important } h2 { font-size: 18px; } h3 { font-family: "AbrilFatface-Regular"; font-size: 16px; font-weight: normal; line-height: 20px; } .content-wrap-in.scrollto.onepage-inv-our-works > .vc_row.wpb_row.vc_row-fluid.gallery-wrp-title.vc_custom_1472740837131.vc_row-has-fill.vc_row-no-padding { margin-top: 100px !important; } .carousel-inner{ margin-top:100px; } .vc_row.wpb_row.vc_row-fluid.vc_custom_1467387063469.vc_row-no-padding.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-flex{ min-height: 70vh !important; } .single_img { margin-top: 0px; } } @media (max-width:767px){ .top-menu nav { padding: 90px 0 !important; } ul.topul { padding-left: 0px; position: absolute; z-index: 9999999999999999999; top: 0; } .top-menu ul.topul li { position: relative; z-index: 99999999999999999; color: #fff ; } .top-menu nav li a:hover, .top-menu nav a.active, .no-one-page .top-menu nav li.current-menu-item a { border-color: #fff !important; color: #fff !important; box-shadow: none; } header nav > ul > li { -webkit-transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1); transition: all 0.6s cubic-bezier(0.7, 0, 0.3, 1); transform: translateX(100%); -webkit-transform: translateX(100%); opacity: 1; } .top-menu nav li, .top-menu nav li a, .top-menu nav .sub-menu { display: block; padding: 0; margin: 0; position: relative; float: none; width: 100%; text-align: center; color: #fff ; } } .slide-title.h3.light > a { font-size: 25px; }