/* Проект: Сайт Плюс Создатель: Рекламное агенство "Сайт плюс" - http://site-plus.ru/ Технический специалист: Морев Максим (SeaInside (ex. MopuC)) - https://fl.ru/users/MopuC/ Дата: 02.03.2016 Версия: 1.0 */ /*---------------- Animation ----------------*/ /* Button shadow */ @-webkit-keyframes si-button-pulse {from {box-shadow: 0 0 8px 6px #35b2ea, 0 0 12px 14px #35b2ea;}to {box-shadow: 0 0 18px 2px rgba(255, 48, 26, 0),0 0 4px 31px rgba(255, 48, 26, 0);}} @-moz-keyframes si-button-pulse {from { box-shadow: 0 0 8px 6px #35b2ea, 0 0 12px 14px #35b2ea;} to {box-shadow: 0 0 18px 2px rgba(255, 48, 26, 0), 0 0 4px 31px rgba(255, 48, 26, 0);}} @keyframes si-button-pulse {from { box-shadow: 0 0 8px 6px #35b2ea, 0 0 12px 14px #35b2ea;}to {box-shadow: 0 0 18px 2px rgba(255, 48, 26, 0), 0 0 4px 31px rgba(255, 48, 26, 0);}} @-webkit-keyframes si-button-pulse-min {from {box-shadow: 0 0 2px 2px #35b2ea, 0 0 12px 6px #35b2ea;}to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0),0 0 4px 15px rgba(255, 48, 26, 0);}} @-moz-keyframes si-button-pulse-min {from { box-shadow: 0 0 2px 2px #35b2ea, 0 0 12px 6px #35b2ea;} to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0), 0 0 4px 15px rgba(255, 48, 26, 0);}} @keyframes si-button-pulse-min {from { box-shadow: 0 0 2px 2px #35b2ea, 0 0 12px 6px #35b2ea;}to {box-shadow: 0 0 18px 6px rgba(255, 48, 26, 0), 0 0 4px 15px rgba(255, 48, 26, 0);}} .pulse-button:hover{box-shadow:none;-webkit-animation: si-button-pulse 0.8s 0s ease-out 1;-moz-animation: si-button-pulse 0.8s 0s ease-out 1;animation: si-button-pulse 0.8s 0s ease-out 1;} /* Shake */ @-webkit-keyframes shake {0%, 100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @-moz-keyframes shake {0%, 100% {-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-moz-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @-o-keyframes shake {0%, 100% {-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-o-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} @keyframes shake {0%, 100% {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} /* Buzz out */ @-webkit-keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} @-moz-keyframes buzz-out{10%{-moz-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-moz-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-moz-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-moz-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-moz-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-moz-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-moz-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-moz-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-moz-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-moz-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} @-o-keyframes buzz-out{10%{-o-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-o-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-o-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-o-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-o-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-o-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-o-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-o-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-o-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-o-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} @keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}} /* Rotate */ @-webkit-keyframes si-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}} @-moz-keyframes si-rotate {from {-moz-transform:rotate(0deg);transform:rotate(0deg);} to {-moz-transform:rotate(360deg);transform:rotate(360deg);}} @-o-keyframes si-rotate {from {-o-transform:rotate(0deg);transform:rotate(0deg);} to {-o-transform:rotate(360deg);transform:rotate(360deg);}} @keyframes si-rotate {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}} @-webkit-keyframes si-rotate-reverse {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(360deg);transform:rotate(360deg);}} @-moz-keyframes si-rotate-reverse {from {-moz-transform:rotate(0deg);transform:rotate(0deg);} to {-moz-transform:rotate(360deg);transform:rotate(360deg);}} @-o-keyframes si-rotate-reverse {from {-o-transform:rotate(0deg);transform:rotate(0deg);} to {-o-transform:rotate(-360deg);transform:rotate(-360deg);}} @keyframes si-rotate-reverse {from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} to {-webkit-transform:rotate(-360deg);transform:rotate(-360deg);}} .si-rotate{-webkit-animation:si-rotate infinite linear 1.8s;-moz-animation:si-rotate infinite linear 1.8s;-o-animation:si-rotate infinite linear 1.8s;animation:si-rotate infinite linear 1.8s;} .si-error{-webkit-animation:shake 1 linear 0.8s;-moz-animation:shake 1 linear 0.8s;-o-animation:shake 1 linear 0.8s;animation:shake 1 linear 0.8s;} .buzz-out{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;} /*---------------- Reset ----------------*/ html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} button,img{border:0;vertical-align:middle} ul,li{list-style:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} input,button,textarea,select{font-size:100%;} body,td,div,input,textarea,select {font-style:normal;font-weight:normal;} *:focus{outline:none} header,footer,nav,section,article,aside{display:block} iframe{border:0} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9db6c1;} input::-moz-placeholder,textarea::-moz-placeholder{color:#9db6c1;} input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#9db6c1;} input.placeholder,textarea.placeholder{color:#9db6c1;} input.si-error::-webkit-input-placeholder,textarea.si-error::-webkit-input-placeholder{color:#cb0707;} input.si-error::-moz-placeholder,textarea.si-error::-moz-placeholder{color:#cb0707;} input.si-error::-ms-input-placeholder,textarea.si-error::-ms-input-placeholder {color:#cb0707;} input.si-error.placeholder,textarea.si-error.placeholder{color:#cb0707;} label{cursor:pointer;display:block;padding:5px 0;font:700 16px/20px Arial;width:368px;margin:0 auto;color:#3F4250;text-align:left;} label.simple{margin:0;width:auto;} /* === Inputs === */ .input, textarea{position:relative;width:368px;margin:0 0 15px;padding:10px 15px;font:16px Arial;color:#1f1f1f;border:2px solid #d8d8d8;box-sizing:border-box;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .input:focus, textarea:focus{border-color:#00cbff} .input.si-error, textarea.si-error{color:#cb0707;border-color:#cb0707 !important;} textarea{resize:none;overflow:hidden;} .submit{-webkit-appearance:none;cursor:pointer;border:0;position:relative;background:transparent;margin:10px 0;padding:15px 40px;font:700 16px/20px Arial;border:2px solid #1a1a1a;color:#1a1a1a;border-radius:50px;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .submit:hover{background:#1a1a1a;color:#fff;} .submit:active{border-color:#000;background:#000;color:#fff;top:1px;} .submit.disabled{cursor:default;filter:url("data:image/svg+xml;utf8,#grayscale");filter:gray;-webkit-filter:grayscale(100%);} .submit.blue{border-color:#40c4ff;background:#40c4ff;color:#fff;} .submit.blue:hover{border-color:#61ceff;background:#61ceff;color:#fff;} .submit.blue:active{border-color:#24aeec;background:#24aeec;color:#fff;} select{width:368px;} /*---------------- Styles ----------------*/ html,body{overflow-x:hidden} html{background:#fff;color:#9999a7;font:17px/20px 'Open Sans';} html.light{background:#fff url(../images/light-bg.jpg);color:#313538;} html.light body{background:url(../images/body-bg.png) center top repeat-y} #global-wrapper{overflow:hidden;position:relative;} h1{font:700 36px/46px Arial;padding:10px 0;} h2{font:700 28px/36px Arial;padding:0 0 5px;} h3{font:700 20px/24px Arial;padding:5px 0;} h4{font:700 18px/22px Arial;padding:5px 0;} h5{font:700 16px/20px Arial;padding:5px 0;} h6{font:700 14px/16px Arial;padding:5px 0;} p{padding:10px 0} a{color:inherit;border-bottom:1px solid;text-decoration:none;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} a:hover{color:#40c4ff;} a.no-border{border-bottom:0;} a.button{position:relative;display:inline-block;margin:10px 0;padding:13px 40px;border:2px solid #40c4ff;color:#40c4ff;font:700 18px/24px Arial;border-radius:40px;} a.button:hover{background:#40c4ff;color:#fff;} a.button:active{color:#fff;background:#25b3f2;border-color:#25b3f2;top:1px;} a.button.white-color{color:#fff;} a.button.white{color:#fff;border-color:#fff;} a.button.white:hover{color:#40c4ff;border-color:#fff;background:#fff;} a.button.white:active{color:#40c4ff;border-color:#eee;background:#eee;} a.button.fill{background:#40c4ff;border-color:#40c4ff;color:#fff;} a.button.fill:hover{background:#76d5ff;border-color:#76d5ff;color:#fff;} a.button.fill:active{background:#20a9e6;border-color:#20a9e6;color:#fff;} .clear {clear:both;display:block;} .centered{width:1170px;margin:0 auto;position:relative} .justify{text-align:justify;} .justify:after{display:inline-block;content:'';width:100%;height:0;visibility:hidden} .last-line-hack{display:inline-block;width:100%;height:0;visibility:hidden} .si-clear{} .si-clear:after{display:block;content:'';clear:both;} .invisible{display:none} .text-align-center{text-align:center} .icon{display:inline-block;vertical-align:top;position:relative;background:url(../images/icons.png) no-repeat} .hover-icon{background:none;} .hover-icon:before,.hover-icon:after{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/icons.png) no-repeat;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .hover-icon:before{opacity:1;} .hover-icon:after{opacity:0;} .icon-hover:hover .hover-icon:before{opacity:0.2;} .icon-hover:hover .hover-icon:after{opacity:1;} .phone-icon{width:11px;height:11px;background-position:-14px 0;margin:4px 10px 0 0;} .si-phone-link:hover .phone-icon{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;} .mail-icon{width:12px;height:10px;background-position:0 0;margin:4px 10px 0 0;} .si-phone-link:hover .mail-icon{-webkit-animation:buzz-out 1 linear 1.0s;-moz-animation:buzz-out 1 linear 1.0s;-o-animation:buzz-out 1 linear 1.0s;animation:buzz-out 1 linear 1.0s;} .service-icon{width:212px;height:212px;display:block;margin:0 auto;} .service-icon:before,.service-icon:after{background-image:url(../images/services.png);} .service-icon.i-1{} .service-icon.i-1:before{background-position:0 0;} .service-icon.i-1:after{background-position:0 -220px;} .service-icon.i-2{} .service-icon.i-2:before{background-position:-220px 0;} .service-icon.i-2:after{background-position:-220px -220px;} .service-icon.i-3{} .service-icon.i-3:before{background-position:-440px 0;} .service-icon.i-3:after{background-position:-440px -220px;} .service-icon.i-4{} .service-icon.i-4:before{background-position:-660px 0;} .service-icon.i-4:after{background-position:-660px -220px;} .service-icon.i-5{} .service-icon.i-5:before{background-position:-880px 0;} .service-icon.i-5:after{background-position:-880px -220px;} .service-icon.i-6{} .service-icon.i-6:before{background-position:-1100px 0;} .service-icon.i-6:after{background-position:-1100px -220px;} .zoom-icon{width:38px;height:38px;background-position:-94px 0;position:absolute;top:50%;left:50%;margin-left:-19px;margin-top:-19px;opacity:0;-moz-transform: scale(5);-webkit-transform: scale(5);-o-transform: scale(5);-ms-transform: scale(5);transform: scale(5);-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .show-zoom:hover .zoom-icon{-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity:1;} .arrow-down-icon{width:17px;height:10px;background-position:-27px 0;position:absolute;top:22px;left:18px;} .arrow-down-icon.reverse{top:20px;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} #top{position:absolute;left:0;top:0;height:91px;width:100%;z-index:99;border-bottom:1px solid #343559;color:#a9b7d1;} .logo{display:block;min-width:230px;height:90px;position:absolute;top:0;left:0;color:#fff;border:0;} .logo .border{display:block;width:21px;height:15px;border:6px solid #fff;border-width:6px 0 6px 6px;margin:31px 0 0;float:left;position:relative;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .logo:hover .border{border-color:#40c4ff} .logo .plus{display:block;width:27px;height:27px;float:left;position:relative;left:-1px;margin:31px 0 0;} .logo:hover .plus{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .logo .plus:before{display:block;content:'';width:6px;height:100%;position:absolute;left:50%;margin-left:-3px;top:0;background:#40c4ff;} .logo .plus:after{display:block;content:'';height:6px;width:100%;position:absolute;top:50%;margin-top:-3px;left:0;background:#40c4ff;} .logo .title{display:block;float:left;font:900 18px/26px Arial;letter-spacing:5px;margin:31px 0 0 20px;} .si-phone{position:absolute;right:0;top:33px;} .si-phone-link{display:inline-block;position:relative;margin:0 0 0 30px;} .si-phone-link:hover{color:#40c4ff !important;} .si-phone .phone-link{font:700 17px/20px Arial;color:#fff;letter-spacing:1px;border:0;} .si-phone .mail-link{font:17px/20px Arial;border:0;} #top-nav{position:absolute;top:0;left:333px;} #top-nav li{float:left;height:91px;margin:0 20px 0 0;} #top-nav li a{display:block;padding:0 10px;font:17px/91px Arial;color:#a9b7d1;border:0;} #top-nav li a:hover{color:#fff;} #top-nav li.active{border-bottom:1px solid #2396c9;} #top-nav li.active a{color:#fff;} /* Light template */ html.light #top{background:#fff;border-bottom:1px solid #b5b5b5} html.light .logo{color:#000;} html.light .logo:hover{color:#40c4ff;} html.light .logo .border{border-color:#000;} html.light .logo:hover .border{border-color:#40c4ff;} html.light #top-nav li a{color:#999;} html.light #top-nav li a:hover, html.light #top-nav li.active a{color:#000;} html.light .si-phone .mail-link{color:#999;} html.light .si-phone .phone-link{color:#000;} html.light .si-phone .phone-link:hover{color:#40c4ff;} header{height:899px;overflow:hidden;} .header-bg-wrapper{position:relative;left:-375px;width:1920px;} .header-bg{} .header-bg-image{} .nivo-directionNav{width:1170px;position:absolute;top:405px;left:50%;margin-left:-585px;z-index:20;} .nivo-directionNav a{display:block;width:88px;height:88px;position:absolute;top:0;border-radius:50%;border:1px solid transparent;background:transparent;} .nivo-directionNav a:hover{border:1px solid transparent;} .nivo-directionNav a:active{background:#2f5a8a;top:1px;} .nivo-directionNav a:before,.nivo-directionNav a:after{display:block;content:'';width:45px;height:18px;background:url(../images/icons.png) no-repeat;position:absolute;top:35px;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .nivo-directionNav a:before{opacity:1;} .nivo-directionNav a:after{opacity:0;} .nivo-directionNav a:hover:before{opacity:0.4;} .nivo-directionNav a:hover:after{opacity:1;} .nivo-directionNav a.nivo-prevNav{left:0;} .nivo-directionNav a.nivo-prevNav:before, .nivo-directionNav a.nivo-prevNav:after{left:23px;} .nivo-directionNav a.nivo-prevNav:before{background-position:0 -13px;} .nivo-directionNav a.nivo-prevNav:after{background-position:0 -33px;} .nivo-directionNav a.nivo-nextNav{right:0;} .nivo-directionNav a.nivo-nextNav:before, .nivo-directionNav a.nivo-nextNav:after{right:23px;} .nivo-directionNav a.nivo-nextNav:before{background-position:-47px -13px;} .nivo-directionNav a.nivo-nextNav:after{background-position:-47px -33px;} .nivo-directionNav a .border{position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #40c4ff;border-width:1px 0;border-radius:50%;opacity:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .nivo-directionNav a:hover .border{opacity:1;} .nivo-directionNav a.nivo-prevNav .border{-webkit-animation:si-rotate-reverse infinite linear 1.0s;-moz-animation:si-rotate-reverse infinite linear 1.0s;-o-animation:si-rotate-reverse infinite linear 1.0s;animation:si-rotate-reverse infinite linear 1.0s;} .nivo-directionNav a.nivo-nextNav .border{-webkit-animation:si-rotate infinite linear 1.0s;-moz-animation:si-rotate infinite linear 1.0s;-o-animation:si-rotate infinite linear 1.0s;animation:si-rotate infinite linear 1.0s;} .nivo-controlNav{position:absolute;top:770px;left:0;width:100%;z-index:30;font-size:0;} .nivo-control{display:inline-block;vertical-align:top;width:9px;height:9px;border:1px solid #fff;border-radius:50%;margin:0 35px;position:relative;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .nivo-control.active,.nivo-control:hover{background:#fff;} .nivo-control:active{background:#ddd;top:1px;} .nivo-control:after{display:block;content:'';width:70px;height:1px;background:#525574;position:absolute;right:-71px;top:4px;} .nivo-control:active:after{top:3px;} .nivo-control:last-child:after{display:none;} .header-bg-overlay{position:absolute;left:0;width:100%;top:0;height:899px;z-index:10;} .header-texts{position:absolute;top:325px;left:0;width:100%;z-index:10;} .header-text{text-align:center;position:absolute;left:0;top:0;width:100%;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .header-text.active{opacity:1;visibility:visible;z-index:3;} .header-title{font:700 62px/66px Arial;color:#40c4ff;padding:0 0 10px;} .header-title i{display:block;padding:20px 0;font:italic 30px/40px Georgia;color:#fff;} #services{} .services{} .services-row{border-bottom:1px solid #f3f5f6;} .services-row:last-child{border-bottom:none;} .services-row:last-child .service-item{padding-bottom:110px;} .service-item{display:block;float:left;width:389px;padding:50px 0;border-bottom:0;background:#fff;border-right:1px solid #f3f5f6;text-align:center;font:15px/24px Arial;color:#9e9e9e;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .service-item:last-child{border:0;} .service-item:hover{background:#40c4ff;color:#fff} .service-item:hover *{color:#fff;} .service-small-title{display:block;padding:20px 0;font:700 20px/24px Arial;color:#62647a;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .gradient-bg{background:#3075fc;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNzVmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iIzE1ZjZmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNWY2ZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(left, #3075fc 0%, #15f6fe 66%, #15f6fe 100%);background: -webkit-linear-gradient(left, #3075fc 0%,#15f6fe 66%,#15f6fe 100%);background: linear-gradient(to right, #3075fc 0%,#15f6fe 66%,#15f6fe 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3075fc', endColorstr='#15f6fe',GradientType=1 );} .edges-bg{background:url(../images/edges-bg.png) center top no-repeat;} #works{} #works .centered{padding:110px 0;color:#fff;} .works-title{font:700 36px/42px Arial;text-align:center;} .works-wrapper{position:relative;left:-50px;width:1270px;margin:0 0 -260px} .works-wrapper.no-pad{margin:0;} .works{} .works-page{padding:50px 50px 25px;} .work-item{display:block;float:left;border:0;position:relative;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .work-item:before{display:block;content:'';position:absolute;top:-3px;left:-3px;bottom:-3px;right:-3px;border:3px solid #40c4ff;opacity:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .work-item:hover:before{opacity:1;} .work-item:hover{z-index:5;} .work-item-image{} .photo-overlay{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(15,21,56,.7);opacity:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .show-zoom:hover .photo-overlay{opacity:1;} .photo-overlay-text{position:absolute;top:0;left:0;right:0;bottom:0;padding:10px;opacity:0;text-align:left;color:#fff;font:14px/26px 'Open Sans';-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .show-zoom:hover .photo-overlay-text{opacity:1;} .works.owl-carousel .work-item{opacity:0;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .works.owl-carousel .owl-item.active .work-item{opacity:1;-moz-transform: translateX(0px) translateY(0px);-webkit-transform: translateX(0px) translateY(0px);-o-transform: translateX(0px) translateY(0px);-ms-transform: translateX(0px) translateY(0px);transform: translateX(0px) translateY(0px);} .works.owl-carousel .work-item.from-top-left{-moz-transform: translateX(-50px) translateY(-50px);-webkit-transform: translateX(-50px) translateY(-50px);-o-transform: translateX(-50px) translateY(-50px);-ms-transform: translateX(-50px) translateY(-50px);transform: translateX(-50px) translateY(-50px);} .works.owl-carousel .work-item.from-top{-moz-transform: translateX(0px) translateY(-50px);-webkit-transform: translateX(0px) translateY(-50px);-o-transform: translateX(0px) translateY(-50px);-ms-transform: translateX(0px) translateY(-50px);transform: translateX(0px) translateY(-50px);} .works.owl-carousel .work-item.from-top-right{-moz-transform: translateX(50px) translateY(-50px);-webkit-transform: translateX(50px) translateY(-50px);-o-transform: translateX(50px) translateY(-50px);-ms-transform: translateX(50px) translateY(-50px);transform: translateX(50px) translateY(-50px);} .works.owl-carousel .work-item.from-bottom-left{-moz-transform: translateX(-50px) translateY(50px);-webkit-transform: translateX(-50px) translateY(50px);-o-transform: translateX(-50px) translateY(50px);-ms-transform: translateX(-50px) translateY(50px);transform: translateX(-50px) translateY(50px);} .works.owl-carousel .work-item.from-bottom{-moz-transform: translateX(0px) translateY(50px);-webkit-transform: translateX(0px) translateY(50px);-o-transform: translateX(0px) translateY(50px);-ms-transform: translateX(0px) translateY(50px);transform: translateX(0px) translateY(50px);} .works.owl-carousel .work-item.from-bottom-right{-moz-transform: translateX(50px) translateY(50px);-webkit-transform: translateX(50px) translateY(50px);-o-transform: translateX(50px) translateY(50px);-ms-transform: translateX(50px) translateY(50px);transform: translateX(50px) translateY(50px);} .works .owl-stage-outer{} .owl-nav{position:absolute;top:-50px;left:0;width:100%;} .owl-nav div{cursor:pointer;display:block;width:88px;height:88px;position:absolute;top:0;border-radius:50%;border:1px solid transparent;background:transparent;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .owl-nav div:hover{border:1px solid transparent;} .owl-nav div:active{background:rgba(15,21,56,.5);top:1px;} .owl-nav div:before,.owl-nav div:after{display:block;content:'';width:45px;height:18px;background:url(../images/icons.png) no-repeat;position:absolute;top:35px;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .owl-nav div:before{opacity:1;} .owl-nav div:after{opacity:0;} .owl-nav div:hover:before{opacity:0.4;} .owl-nav div:hover:after{opacity:1;} .owl-nav div.owl-prev{left:50px;} .owl-nav div.owl-prev:before, .owl-nav div.owl-prev:after{left:23px;} .owl-nav div.owl-prev:before{background-position:0 -13px;} .owl-nav div.owl-prev:after{background-position:0 -53px;} .owl-nav div.owl-next{right:50px;} .owl-nav div.owl-next:before, .owl-nav div.owl-next:after{right:23px;} .owl-nav div.owl-next:before{background-position:-47px -13px;} .owl-nav div.owl-next:after{background-position:-47px -53px;} .owl-nav div .border{position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #020936;border-width:1px 0;border-radius:50%;opacity:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .owl-nav div:hover .border{opacity:1;} .owl-nav div.owl-prev .border{-webkit-animation:si-rotate-reverse infinite linear 1.0s;-moz-animation:si-rotate-reverse infinite linear 1.0s;-o-animation:si-rotate-reverse infinite linear 1.0s;animation:si-rotate-reverse infinite linear 1.0s;} .owl-nav div.owl-next .border{-webkit-animation:si-rotate infinite linear 1.0s;-moz-animation:si-rotate infinite linear 1.0s;-o-animation:si-rotate infinite linear 1.0s;animation:si-rotate infinite linear 1.0s;} .works-jump-circle{top:-27px;border:0;} .dark-block{background:#020936;color:#a9b7d1;padding:50px 0;} .dark-block.big-pad-top{padding:175px 0 145px;} .dark-block.pad-bottom{padding-bottom:60px;} .block-title{font:700 36px/42px Arial;padding:25px 0;} .dark-block .block-title{color:#fff;} .block-text{font:17px/28px 'Open Sans';} footer{border-top:4px solid #40c4ff;background:#fff;} footer .centered{padding:60px 0;} .copyright{float:left;font:17px/28px 'Open Sans';color:#292e4c;} #footer-nav{float:right;} #footer-nav li{float:left;margin:0 0 0 40px;} #footer-nav li a{color:#020936;font:17px/28px Arial;} #footer-nav li a:hover,#footer-nav li.active a{color:#1cd2fe;} html.light footer{margin-top:100px;} .jump-circle{display:block;width:52px;height:52px;background:#1cd2fe;border:0;position:absolute;left:50%;margin-left:-26px;z-index:10;border-radius:50%;box-shadow:0 0 0 25px rgba(28,210,254,.2);} .jump-circle:hover{background:#40daff;} .jump-circle:active{background:#0bbde8;-moz-transform: translateY(1px);-webkit-transform: translateY(1px);-o-transform: translateY(1px);-ms-transform: translateY(1px);transform: translateY(1px);} .footer-jump-circle{top:-29px;} /* INNER PAGE */ .dark-content{background:#0d1443;color:#fff;overflow:hidden;padding:150px 0;} .dark-content.with-image{background:url(../images/dark-content-bg.jpg) center center no-repeat;} .dark-content-border-wrapper{position:relative;left:-52px;width:1292px;background:url(../images/dark-border.png) no-repeat;padding:126px 0 0;} .dark-content-border{position:relative;width:1292px;background:url(../images/dark-border.png) right bottom no-repeat;padding:0 0 126px;text-align:center;font:17px/24px 'Open Sans'} .dark-content-title{padding:0 0 50px;font:700 54px/60px 'Open Sans';color:#40c4ff;} .dark-content-border a{color:#40c4ff;border-bottom:1px solid;} .dark-content-border a:hover{color:#fff;} .dark-border-circle{width:9px;height:9px;background:#0d1443;border:1px solid #fff;border-radius:50%;position:absolute;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .dark-border-circle.active{background:#fff;box-shadow:none;-webkit-animation: si-button-pulse-min 0.8s 0s ease-out 1;-moz-animation: si-button-pulse-min 0.8s 0s ease-out 1;animation: si-button-pulse-min 0.8s 0s ease-out 1;} .dark-border-circle.c-1{left:630px;top:-10px;} .dark-border-circle.c-2{left:630px;top:78px;} .dark-border-circle.c-3{left:-5px;top:78px;} .dark-border-circle.c-4{right:-5px;top:78px;} .dark-border-circle.c-5{left:630px;bottom:-10px;} .dark-border-circle.c-6{left:630px;bottom:78px;} .dark-border-circle.c-7{left:-5px;bottom:78px;} .dark-border-circle.c-8{right:-5px;bottom:78px;} .big-edges-block{background:url(../images/big-edges-bg.jpg) center top no-repeat;text-align:center;color:#fff;} .big-edges-block .centered{padding:110px 0 130px;} .centered.with-arrow{} .centered.with-arrow:after{display:none;content:'';width:1920px;height:31px;background:url(../images/centered-arrow.png) no-repeat;position:absolute;bottom:0px;left:-375px;z-index:10;} html.mobile .centered.with-arrow:after{bottom:-1px;} .big-edges-title{font:700 44px/60px Arial;padding:0 0 30px;} .big-edges-text{font:italic 20px/32px 'Open Sans';} #steps{padding:100px 0} .step{padding:50px 0;} .step-text{float:left;font:15px/20px 'Open Sans';padding:30px 0 0;width:560px;} .step:nth-child(even) .step-text{float:right;} .step-title{font:700 28px/34px Arial;padding:0 0 30px;color:#62647a;} .step-image{float:right;} .step:nth-child(even) .step-image{float:left;} .price-block{} .price-table{width:100%;margin:50px auto;text-align:left;} .price-table td{font:18px/24px 'Open Sans';padding:10px 25px;background:#0d1757;color:#fff;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .price-table td.highlight{font:18px/24px 'Open Sans';padding:10px 25px;background:#162164;color:#fff;} .price-table .title-row td{font:700 18px/24px 'Open Sans';padding:15px 25px;background:#192679 !important;} .price-table .title-row td.highlight{background:#2a378e !important;} .price-table tr:nth-child(odd) td{background:#121d63;} .price-table tr:nth-child(odd) td.highlight{background:#1e2a75;} .text-block{padding:70px 0;} .text-block.big-pad-bottom{padding-bottom:100px;} html.si-lock{overflow:hidden !important;} .fancybox-margin{margin-right:0 !important} .si-overlay, .si-overlay-2{display:none;background:rgba(0,0,0,.8);position:absolute;top:0;left:0;right:0;bottom:0;z-index:203;} .si-overlay-2{z-index:205} .si-modals-wrapper, .si-modals-wrapper-2{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:203;overflow:auto;-webkit-overflow-scrolling:touch} .si-modals-wrapper-2{z-index:205} .si-modal{display:none;position:relative;width:460px;margin:50px auto;-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:transform 0.5s ease-out 0s;-moz-transition:transform 0.5s ease-out 0s;-o-transition:transform 0.5s ease-out 0s;transition:transform 0.5s ease-out 0s;} .si-modal.si-visible{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .modal-form{width:460px;text-align:center;background:#fff;padding:0 0 30px;} .modal-form .form-title{height:120px;background:#00cbff;} .modal-form .form-title-inner{display:table-cell;width:460px;height:120px;vertical-align:middle;color:#fff;font:700 20px/28px Arial;} .modal-form .form-subtitle{padding:15px 0 15px;font:17px/20px Arial;} .si-close{display:block;width:20px;height:20px;background:url(../images/icons.png) -94px -40px no-repeat;position:absolute;right:-65px;top:0;} .si-close:before,.si-close:after{position:absolute;top:0;left:0;display:block;content:'';width:20px;height:20px;background:url(../images/icons.png) no-repeat;opacity:0;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .si-close:hover:before{opacity:1;} .si-close:active:before{opacity:0;} .si-close:active:after{opacity:1;} .si-close:before{background-position:-116px -40px} .si-close:after{background-position:-116px -40px} .si-success-modal{display:none;position:relative;width:460px;margin:50px auto;background:#fff;padding:0 0 50px;text-align:center;-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:transform 0.5s ease-out 0s;-moz-transition:transform 0.5s ease-out 0s;-o-transition:transform 0.5s ease-out 0s;transition:transform 0.5s ease-out 0s;} .si-success-modal.si-visible{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);} .si-success-modal-title{color:#fff;font:700 24px/30px Arial;padding:35px 0;background:#00cbff;margin:0 0 40px;} .success-time{} .si-page-message-overlay{display:block;position:fixed;top:0;left:0;bottom:0;right:0;opacity:0;visibility:hidden;z-index:299;background:rgba(0,0,0,.8);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message-overlay.show{opacity:1;visibility:visible;} .si-page-message{display:block;position:fixed;width:101%;height:0;top:50%;left:50%;background:#ffc728;opacity:0;visibility:hidden;z-index:300;box-shadow:0 0 10px #000;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message.show{height:200px;opacity:1;visibility:visible;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message-inner{display:table-cell;opacity:0;height:200px;width:1920px;text-align:center;vertical-align:middle;font-size:30px;line-height:36px;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-page-message-inner.show{opacity:1;-webkit-transition:all 0.5s ease-out 0.5s;-moz-transition:all 0.5s ease-out 0.5s;-o-transition:all 0.5s ease-out 0.5s;transition:all 0.5s ease-out 0.5s;} /* INNER PAGE */ #content{padding:130px 0 50px;} .breadcrumbs{padding:10px 0;font:700 14px/20px Arial;border-bottom:1px solid #40c4ff;box-shadow:0 1px 0 #eee;margin:10px 0;} .breadcrumbs a{color:#999;border-bottom:1px solid;font-weight:normal;} .breadcrumbs a:hover{color:#000;} .breadcrumbs-arrow{color:#40c4ff;margin:0 10px;font-weight:normal;} .content-blocks{} .content-block{padding:40px 0;border-bottom:1px solid #d0dade;box-shadow:0 1px 0 #fff;} .content-block:last-child{border:0;box-shadow:none;} .si-photo-wrapper2{position:relative;display:block;border:0;} .si-photo-wrapper2.inline-block{display:inline-block;} .si-photo-wrapper2:before,.si-photo-wrapper2:after{display:block;content:'';width:82px;height:11px;background:url(../images/shadows.png) no-repeat;position:absolute;bottom:-11px;} .si-photo-wrapper2:before{background-position:left top;left:2px;} .si-photo-wrapper2:after{background-position:right top;right:2px;} .si-photo-wrapper{background:#e6eeef;padding:15px;border:1px solid #cde2e6;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} a.si-photo-wrapper2:hover .si-photo-wrapper{background:#ccdddf;padding:15px;border:1px solid #cde2e6;} .si-photo-wrapper:before,.si-photo-wrapper:after{display:block;content:'';width:30px;height:30px;border:1px solid #40c4ff;position:absolute;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .si-photo-wrapper:before{top:0;left:0;border-width:1px 0 0 1px;} .si-photo-wrapper:after{bottom:0;right:0;border-width:0 1px 1px 0;} a.si-photo-wrapper2:hover .si-photo-wrapper:before,a.si-photo-wrapper2:hover .si-photo-wrapper:after{width:100%;height:100%;} .si-photo{border:1px solid #fff;} .si-photo-description{text-align:center;font:italic 14px/18px Arial;padding:10px 0 0;} .service-photo{float:left;margin:0 20px 0 0;} .service-text{overflow:hidden;} .service-title{display:inline-block;font:700 24px/30px Arial;padding:5px 15px;color:#fff;margin:0 0 10px;} .service-title.light-blue{background:#40c4ff} .service-title.blue{background:#405fff} .service-title.purple{background:#a740ff} .service-title.orange{background:#ffa740} ul.dot{} ul.dot.half-width{width:45%;margin:0 5% 0 0;float:left;} ul.dot li{position:relative;padding:0 0 0 20px;margin:15px 0;} ul.dot li:before{display:block;content:'';width:5px;height:5px;background:#40c4ff;border-radius:50%;position:absolute;left:0;top:8px;} /* Contacts */ #ya-map{height:424px;width:100%;border:1px solid #fff;} .map-description{padding:15px 0 0;font:italic 14px/18px Arial;color:#556064;text-align:center;} .contacts{line-height:0;} .contacts-item{display:inline-block;vertical-align:top;text-align:left;font:18px/24px 'Open Sans';} .contacts-title{padding:0 0 20px;font:24px/30px Arial;} .contacts-item a.phone-link{border-bottom:none;} .contacts-item a.modal-link{color:#17a3e1;border-bottom:1px dotted;font-size:16px;display:inline-block;margin:10px 0 0;} .contacts-item a.modal-link:hover{color:#222;} /* About */ .about-photo{float:left;margin:0 20px 20px 0;} /* Works */ .work-info-first{} .work-info-title{display:inline-block;color:#fff;padding:5px 10px;font:700 24px/30px Arial;background:#40c4ff;margin:0 0 30px;} .work-info-title.orange{background:#ffa740;} .work-info-variants{} .work-info-variant{position:relative;display:block;float:left;margin:0 16px 16px 0;background:#e6eeef;padding:15px;border:1px solid #cde2e6;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .work-info-variant:hover{background:#ccdddf;} .work-info-variant:nth-child(3n){margin-right:0;} .work-info-variant:before,.work-info-variant:after{display:block;content:'';width:30px;height:30px;border:1px solid #40c4ff;position:absolute;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .work-info-variant:before{top:0;left:0;border-width:1px 0 0 1px;} .work-info-variant:after{bottom:0;right:0;border-width:0 1px 1px 0;} .si-photo-overlay{position:absolute;top:15px;left:15px;bottom:15px;right:15px;background:rgba(0,0,0,.8);opacity:0;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;} .show-zoom:hover .si-photo-overlay{opacity:1;} .work-info-variant:hover:before,.work-info-variant:hover:after{width:100%;height:100%;} .work-info-description{margin:50px 0;} .work-info-description-photo{float:left;margin:0 20px 0 0;} .work-info-description-text{width:680px;margin:0 0 0 80px;position:relative;float:left;padding:60px 0;} .work-info-description-text:before,.work-info-description-text:after{display:block;content:'';width:66px;height:55px;background:url(../images/icons.png) no-repeat;position:absolute;opacity:.2;} .work-info-description-text:before{background-position:-138px 0;left:-80px;top:0;} .work-info-description-text:after{background-position:-206px 0;right:0px;bottom:-20px;} .work-info-result{padding:30px 0 0;} .work-info-more{text-align:center;padding:50px 0 0;color:#a6bfca;margin:0 0 -70px;} .work-info-more a{color:#40c4ff;} .work-info-more a:hover{color:#222;} /* Portfolio */ .portfolio-tabs{padding:0 0 30px;} .portfolio-tab{cursor:pointer;position:relative;display:inline-block;border:3px solid #40c4ff;padding:10px 25px;background:transparent;font:14px/20px Arial;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .portfolio-tab:hover, .portfolio-tab.active{background:#40c4ff;color:#fff;} .portfolio-tab:active{background:#1da8e6;border-color:#1da8e6;color:#fff;top:1px;} .portfolio-tab:before{display:block;content:'';width:0;height:0;border:5px solid #40c4ff;border-color:#40c4ff transparent transparent;position:absolute;bottom:-14px;left:50%;margin-left:-5px;opacity:0;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;} .portfolio-tab.active:before{opacity:1;bottom:-13px;} .portfolio{width:1180px;} .portfolio-item{position:relative;display:none;float:left;margin:0 23px 23px 0;background:#e6eeef;padding:15px;border:1px solid #cde2e6;-webkit-transition:background 0.5s ease-out 0s;-moz-transition:background 0.5s ease-out 0s;-o-transition:background 0.5s ease-out 0s;transition:background 0.5s ease-out 0s;} .portfolio-item:hover{background:#ccdddf;} .portfolio-item:nth-child(3n){margin-right:0;} .portfolio-item:before,.portfolio-item:after{display:block;content:'';width:30px;height:30px;border:1px solid #40c4ff;position:absolute;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .portfolio-item:before{top:0;left:0;border-width:1px 0 0 1px;} .portfolio-item:after{bottom:0;right:0;border-width:0 1px 1px 0;} .portfolio-item:hover:before,.portfolio-item:hover:after{width:100%;height:100%;} .wide-form-block{padding:40px 0;} .center-title{font:700 36px/42px Arial;padding:0 0 40px;text-align:center;} .wide-form{border:3px solid #34c1fc;background:#fff;padding:50px 50px 30px;} .wide-form .form-title{text-align:center;padding:0 0 50px;font:italic 18px/24px Arial} .wide-form .form-title.big{font:700 30px/36px Arial;} .wide-form-col{float:left;width:46%;margin-right:4%;text-align:left;margin-bottom:10px;} .wide-form-col .input, .wide-form-col textarea{width:100%;} .wide-form-col textarea{height:215px;} /*=Question-answer ---------------------------------------------------------------------------*/ .questions { margin-top: 20px; } .questions .question h2 { display: inline-block; cursor: pointer;} .questions .answer { display: none; padding-left: 25px; } .questions .item { margin-bottom: 5px; } .questions .question span {display:inline-block;width:27px;height:27px;position:relative;left:0px;top:5px;margin:0px 0 0 14px;} .questions .question span:before {display:block;content:'';width:6px;height:100%;position:absolute;left:50%;margin-left:-3px;top:0;background:#40c4ff;} .questions .question span:after {display:block;content:'';height:6px;width:100%;position:absolute;top:50%;margin-top:-3px;left:0;background:#40c4ff;}