/*STYLE.CSS*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*This is main CSS file that contains custom style rules used in this template*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* Template Name: NRGika.*/ /* Version: 1.0 Initial Release*/ /* Build Date: 2-09-2015*/ /* Author: Gerich.*/ /* Website: http://moonart.net.ua/ /* Copyright: (C) 2015 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*--------------------------------------------------------*/ /* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */ /* 02 - HOMEPAGE 1 */ /* 03 - HOMEPAGE 2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */ /*-------------------------------------------------------------------------------------------------------------------------------*/ @import url('//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800'); /*------------------------------------------------------*/ /*----------------------RESET----------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} body *{-webkit-text-size-adjust:none;} .clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;} input:focus, select:focus, textarea:focus, button:focus {outline: none; box-shadow:none;} input, textarea, select{ border-radius: 0; outline: none; border: 0px none; outline: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in; background: none;} a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;} a {text-decoration:none; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;} iframe {border: none; outline: none;} ul {list-style: none;} button {background: none; border:0px none;} ::-webkit-input-placeholder {color:#949494; opacity: 1;} ::-moz-placeholder {color:#949494; opacity: 1;} :-moz-placeholder {color:#949494; opacity: 1;} :-ms-input-placeholder {color:#949494; opacity: 1;} /*------------------------------------------------------*/ /*----------------------BACKGROUND----------------------*/ .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;} .bg img{position:absolute; top: 0px; width: 100%; height: 100%;} .bg video{position:absolute;} .bg-bg {background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-ms-background-size: cover; background-size: cover; position:fixed;} .bg-bg.act{position: absolute;} .clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;} .full-width {position:relative; width:100%;} .full-height {height: 100vmin; position:relative;} .vertical-align {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute; width: 100%;} .table-view {height: 100%; width: 100%; display: table;} .row-view {display: table-row;} .cell-view {display: table-cell; vertical-align: middle; height: inherit;} /*preload*/ #loading {height: 100%;width: 100%;position: fixed;z-index: 1000;margin-top: 0px;top: 0px;} #loading-center{width: 100%;height: 100%;position: relative;} #loading-center-absolute {position: absolute;left: 50%;top: 50%;height: 200px;width: 200px;margin-top: -100px;margin-left: -100px;} .object{width: 50px;height: 50px;background-color: rgba(255,255,255,0);margin-right: auto;margin-left: auto;border: 4px solid #FFF;left: 73px;top: 73px;position: absolute;} #first_object{-webkit-animation: first_object_animate 1s infinite ease-in-out;animation: first_object_animate 1s infinite ease-in-out;} #second_object{-webkit-animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out;animation: second_object 1s forwards, second_object_animate 1s infinite ease-in-out;} #third_object{-webkit-animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out;animation: third_object 1s forwards, third_object_animate 1s infinite ease-in-out;} @-webkit-keyframes second_object {100% { width: 100px; height:100px; left: 48px; top: 48px; }} @keyframes second_object {100% { width: 100px; height:100px; left: 48px; top: 48px; }} @-webkit-keyframes third_object {100% { width: 150px; height:150px; left: 23px; top: 23px;}} @keyframes third_object {100% { width: 150px; height:150px; left: 23px; top: 23px;}} @-webkit-keyframes first_object_animate {0% { -webkit-transform: perspective(100px); }50% { -webkit-transform: perspective(100px) rotateY(-180deg); }100% { -webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg); }} @keyframes first_object_animate {0% { transform: perspective(100px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(100px) rotateX(-180deg) rotateY(0deg);-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg) ;} 100% { transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);-webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg);}} @-webkit-keyframes second_object_animate {0% { -webkit-transform: perspective(200px); }50% { -webkit-transform: perspective(200px) rotateY(180deg); }100% { -webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg); }} @keyframes second_object_animate {0% { transform: perspective(200px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(200px) rotateX(180deg) rotateY(0deg);-webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg) ;} 100% { transform: perspective(200px) rotateX(180deg) rotateY(180deg); -webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg);}} @-webkit-keyframes third_object_animate {0% { -webkit-transform: perspective(300px); }50% { -webkit-transform: perspective(300px) rotateY(-180deg); }100% { -webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg); }} @keyframes third_object_animate {0% { transform: perspective(300px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(300px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg) ;} 100% { transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);-webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg);}} /* color style 1 */ body[data-color="theme-1"] .push-1 {background: #f34580;} body[data-color="theme-1"] .push-1:hover {background: #fff; color: #222;} body[data-color="theme-1"] .bg-main {background: #313fa0;} body[data-color="theme-1"] .bg-second {background: #f34580;} body[data-color="theme-1"] .item-layer {background: rgba(243,69,128,0.95);} body[data-color="theme-1"] .fillter-wrap .but.activbut {background: #f34580; color: #fff;} body[data-color="theme-1"] .fillter-wrap .but:hover {background: #f34580; color: #fff;} body[data-color="theme-1"] .how-block:hover {background: #f34580;} body[data-color="theme-1"] .service-block .text span {border-color: #f34580;} body[data-color="theme-1"] .folow a:hover {background: #f34580; color: #fff;} body[data-color="theme-1"] .skill-block .skill-line div {background: #f34580;} body[data-color="theme-1"] .cust-block .bg-main.text:before {border-color: transparent transparent #313fa0 transparent;} body[data-color="theme-1"] .cust-block.cust-top .bg-main.text:before{border-color: #313fa0 transparent transparent transparent;} body[data-color="theme-1"] .cust-block:hover .bg-main.text:before {border-color: transparent transparent #f34580 transparent;} body[data-color="theme-1"] .cust-block.cust-top:hover .bg-main.text:before{border-color: #f34580 transparent transparent transparent;} body[data-color="theme-1"] .news-block .text span {color: #f34580;} body[data-color="theme-1"] .news-block .push-1:hover {background: #313fa0; color: #fff;} body[data-color="theme-1"] .price {border-color: #f34580;} body[data-color="theme-1"] .price-block .fa {color: #f34580;} body[data-color="theme-1"] .price-block:hover {background: #F34580;} body[data-color="theme-1"] .contact-block a:hover {color: #f34580;} body[data-color="theme-1"] .contact-form input[type="submit"]:hover {background: #313fa0;} body[data-color="theme-1"] .wpcf7-form input[type="submit"]:hover {background: #313fa0;} body[data-color="theme-1"] .swiper-arrow-left:hover, body[data-color="theme-1"] .swiper-arrow-right:hover {color: #f34580;} body[data-color="theme-1"] header.scrol {background: #313fa0;} body[data-color="theme-1"] .left-menu nav ul li a:hover {color: #f34580;} body[data-color="theme-1"] .left-menu nav ul li a.active {color: #f34580;} body[data-color="theme-1"] .top-menu nav ul li a:before {background: #f34580;} body[data-color="theme-1"] .top-menu nav ul li a:hover:before {background: #f34580;} body[data-color="theme-1"] .up-button {background: #f34580;} body[data-color="theme-1"] .up-button:hover {background: #313fa0;} body[data-color="theme-1"] .border-title {border: 20px solid #f34580;} body[data-color="theme-1"] .news-block .text a h6:hover {color: #F34580;} body[data-color="theme-1"] .point-style-2 .swiper-pagination-switch.swiper-active-switch {border-color: #f34580;} body[data-color="theme-1"] .nav-menu-icon a.active i {background: #f34580;} body[data-color="theme-1"] #loading {background: #313fa0;} body[data-color="theme-1"] .cust-block:hover .bg-main {background: #f34580;} /* color style 2 */ body[data-color="theme-2"] .main-title .push-1 {background: none repeat scroll 0% 0%;} body[data-color="theme-2"] .push-1 {background: #019ee1 none repeat scroll 0% 0%;} body[data-color="theme-2"] .push-1:hover {background: #fff; color: #222;} body[data-color="theme-2"] .bg-main {background: #019ee1;} body[data-color="theme-2"] .bg-second {background: #019EE1;} body[data-color="theme-2"] .item-layer {background: rgba(255,193,7,0.95);} body[data-color="theme-2"] .fillter-wrap .but.activbut {background: #019EE1; color: #fff;} body[data-color="theme-2"] .fillter-wrap .but:hover {background: #019EE1; color: #fff;} body[data-color="theme-2"] .how-block:hover {background: #019EE1;} body[data-color="theme-2"] .service-block .text span {border-color: #019EE1;} body[data-color="theme-2"] .folow a:hover {background: #019EE1; color: #fff;} body[data-color="theme-2"] .skill-block .skill-line div {background: #019EE1;} body[data-color="theme-2"] .cust-block .bg-main.text:before{border-color: transparent transparent #019ee1 transparent;} body[data-color="theme-2"] .cust-block:hover .bg-main.text:before{border-color: transparent transparent #8F8F8F transparent;} body[data-color="theme-2"] .cust-block.cust-top .bg-main.text:before{border-color: #019ee1 transparent transparent transparent;} body[data-color="theme-2"] .cust-block.cust-top:hover .bg-main.text:before{border-color: #019EE1transparent transparent transparent;} body[data-color="theme-2"] .news-block .text span {color: #019EE1;} body[data-color="theme-2"] .news-block .push-1:hover {background: #019ee1; color: #fff;} body[data-color="theme-2"] .price {border-color: #019EE1;} body[data-color="theme-2"] .price-block .fa {color: #019EE1;} body[data-color="theme-2"] .price-block:hover {background: #019EE1;} body[data-color="theme-2"] .contact-block a:hover {color: #019EE1;} body[data-color="theme-2"] .contact-form input[type="submit"]:hover {background: #019ee1;} body[data-color="theme-2"] .wpcf7-form input[type="submit"]:hover {background: #019ee1;} body[data-color="theme-2"] .swiper-arrow-left:hover, body[data-color="theme-2"] .swiper-arrow-right:hover {color: #019EE1;} body[data-color="theme-2"] header.scrol {background: #019ee1;} body[data-color="theme-2"] .left-menu nav ul li a:hover {color: #019EE1;} body[data-color="theme-2"] .left-menu nav ul li a.active {color: #019EE1;} body[data-color="theme-2"] .up-button {background: #019EE1;} body[data-color="theme-2"] .up-button:hover {background: #019ee1;} body[data-color="theme-2"] .top-menu nav ul li a.active {border-color: #019EE1;} body[data-color="theme-2"] .border-title {border: 20px solid #019EE1;} body[data-color="theme-2"] .news-block .text a h6:hover {color: #019EE1;} body[data-color="theme-2"] .point-style-2 .swiper-pagination-switch.swiper-active-switch {border-color: #019EE1;} body[data-color="theme-2"] .nav-menu-icon a.active i {background: #019EE1;} body[data-color="theme-2"] #loading {background: #019ee1;} body[data-color="theme-2"] .cust-block:hover .bg-main {background: #8F8F8F;} body[data-color="theme-2"] .top-menu nav ul li a:before {background: #fff;} body[data-color="theme-2"] .top-menu nav ul li a:hover:before {background: #019EE1;} /* color style 3 */ body[data-color="theme-3"] .push-1 {background: #cddc39;} body[data-color="theme-3"] .push-1:hover {background: #fff; color: #222;} body[data-color="theme-3"] .bg-main {background: #00796b;} body[data-color="theme-3"] .bg-second {background: #cddc39;} body[data-color="theme-3"] .item-layer {background: rgba(205,220,57,0.95);} body[data-color="theme-3"] .fillter-wrap .but.activbut {background: #cddc39; color: #fff;} body[data-color="theme-3"] .fillter-wrap .but:hover {background: #cddc39; color: #fff;} body[data-color="theme-3"] .how-block:hover {background: #cddc39;} body[data-color="theme-3"] .service-block .text span {border-color: #cddc39;} body[data-color="theme-3"] .folow a:hover {background: #cddc39; color: #fff;} body[data-color="theme-3"] .skill-block .skill-line div {background: #cddc39;} body[data-color="theme-3"] .cust-block .bg-main.text:before{border-color: transparent transparent #00796b transparent;} body[data-color="theme-3"] .cust-block:hover .bg-main.text:before{border-color: transparent transparent #cddc39 transparent;} body[data-color="theme-3"] .cust-block.cust-top .bg-main.text:before{border-color: #00796b transparent transparent transparent;} body[data-color="theme-3"] .cust-block.cust-top:hover .bg-main.text:before{border-color: #cddc39 transparent transparent transparent;} body[data-color="theme-3"] .news-block .text span {color: #cddc39;} body[data-color="theme-3"] .news-block .push-1:hover {background: #00796b; color: #fff;} body[data-color="theme-3"] .price {border-color: #cddc39;} body[data-color="theme-3"] .price-block .fa {color: #cddc39;} body[data-color="theme-3"] .price-block:hover {background: #cddc39;} body[data-color="theme-3"] .contact-block a:hover {color: #cddc39;} body[data-color="theme-3"] .contact-form input[type="submit"]:hover {background: #00796b;} body[data-color="theme-3"] .wpcf7-form input[type="submit"]:hover {background: #00796b;} body[data-color="theme-3"] .swiper-arrow-left:hover, body[data-color="theme-3"] .swiper-arrow-right:hover {color: #cddc39;} body[data-color="theme-3"] header.scrol {background: #00796b;} body[data-color="theme-3"] .left-menu nav ul li a:hover {color: #cddc39;} body[data-color="theme-3"] .left-menu nav ul li a.active {color: #cddc39;} body[data-color="theme-3"] .up-button {background: #cddc39;} body[data-color="theme-3"] .up-button:hover {background: #00796b;} body[data-color="theme-3"] .top-menu nav ul li a.active {border-color: #cddc39;} body[data-color="theme-3"] .border-title {border: 20px solid #cddc39;} body[data-color="theme-3"] .news-block .text a h6:hover {color: #cddc39;} body[data-color="theme-3"] .point-style-2 .swiper-pagination-switch.swiper-active-switch {border-color: #cddc39;} body[data-color="theme-3"] .nav-menu-icon a.active i {background: #cddc39;} body[data-color="theme-3"] #loading {background: #00796b;} body[data-color="theme-3"] .cust-block:hover .bg-main {background: #cddc39;} body[data-color="theme-3"] .top-menu nav ul li a:before {background: #cddc39;} body[data-color="theme-3"] .top-menu nav ul li a:hover:before {background: #cddc39;} /* color style 4 */ body[data-color="theme-4"] .push-1 {background: #4caf50;} body[data-color="theme-4"] .push-1:hover {background: #fff; color: #222;} body[data-color="theme-4"] .bg-main {background: #1976d2;} body[data-color="theme-4"] .bg-second {background: #4caf50;} body[data-color="theme-4"] .item-layer {background: rgba(76,175,80,0.95);} body[data-color="theme-4"] .fillter-wrap .but.activbut {background: #4caf50; color: #fff;} body[data-color="theme-4"] .fillter-wrap .but:hover {background: #4caf50; color: #fff;} body[data-color="theme-4"] .how-block:hover {background: #4caf50;} body[data-color="theme-4"] .service-block .text span {border-color: #4caf50;} body[data-color="theme-4"] .folow a:hover {background: #4caf50; color: #fff;} body[data-color="theme-4"] .skill-block .skill-line div {background: #4caf50;} body[data-color="theme-4"] .cust-block .bg-main.text:before{border-color: transparent transparent #1976d2 transparent;} body[data-color="theme-4"] .cust-block:hover .bg-main.text:before{border-color: transparent transparent #4caf50 transparent;} body[data-color="theme-4"] .cust-block.cust-top .bg-main.text:before{border-color: #1976d2 transparent transparent transparent;} body[data-color="theme-4"] .cust-block.cust-top:hover .bg-main.text:before{border-color: #4caf50 transparent transparent transparent;} body[data-color="theme-4"] .news-block .text span {color: #4caf50;} body[data-color="theme-4"] .news-block .push-1:hover {background: #1976d2; color: #fff;} body[data-color="theme-4"] .price {border-color: #4caf50;} body[data-color="theme-4"] .price-block .fa {color: #4caf50;} body[data-color="theme-4"] .price-block:hover {background: #4caf50;} body[data-color="theme-4"] .contact-block a:hover {color: #4caf50;} body[data-color="theme-4"] .contact-form input[type="submit"]:hover {background: #1976d2;} body[data-color="theme-4"] .wpcf7-form input[type="submit"]:hover {background: #1976d2;} body[data-color="theme-4"] .swiper-arrow-left:hover, body[data-color="theme-4"] .swiper-arrow-right:hover {color: #4caf50;} body[data-color="theme-4"] header.scrol {background: #1976d2;} body[data-color="theme-4"] .left-menu nav ul li a:hover {color: #4caf50;} body[data-color="theme-4"] .left-menu nav ul li a.active {color: #4caf50;} body[data-color="theme-4"] .up-button {background: #4caf50;} body[data-color="theme-4"] .up-button:hover {background: #1976d2;} body[data-color="theme-4"] .top-menu nav ul li a.active {border-color: #4caf50;} body[data-color="theme-4"] .border-title {border: 20px solid #4caf50;} body[data-color="theme-4"] .news-block .text a h6:hover {color: #4caf50;} body[data-color="theme-4"] .point-style-2 .swiper-pagination-switch.swiper-active-switch {border-color: #4caf50;} body[data-color="theme-4"] .nav-menu-icon a.active i {background: #4caf50;} body[data-color="theme-4"] #loading {background: #1976d2;} body[data-color="theme-4"] .cust-block:hover .bg-main {background: #4caf50;} body[data-color="theme-4"] .top-menu nav ul li a:before {background:#4caf50;} body[data-color="theme-4"] .top-menu nav ul li a:hover:before {background: #4caf50;} /* color style 5 */ body[data-color="theme-5"] .push-1 {background: #ff5252;} body[data-color="theme-5"] .push-1:hover {background: #fff; color: #222;} body[data-color="theme-5"] .bg-main {background: #512da8;} body[data-color="theme-5"] .bg-second {background: #ff5252;} body[data-color="theme-5"] .item-layer {background: rgba(255,82,82,0.95);} body[data-color="theme-5"] .fillter-wrap .but.activbut {background: #ff5252; color: #fff;} body[data-color="theme-5"] .fillter-wrap .but:hover {background: #ff5252; color: #fff;} body[data-color="theme-5"] .how-block:hover {background: #ff5252;} body[data-color="theme-5"] .service-block .text span {border-color: #ff5252;} body[data-color="theme-5"] .folow a:hover {background: #ff5252; color: #fff;} body[data-color="theme-5"] .skill-block .skill-line div {background: #ff5252;} body[data-color="theme-5"] .cust-block .bg-main.text:before{border-color: transparent transparent #512da8 transparent;} body[data-color="theme-5"] .cust-block:hover .bg-main.text:before{border-color: transparent transparent #ff5252 transparent;} body[data-color="theme-5"] .cust-block.cust-top .bg-main.text:before{border-color: #512da8 transparent transparent transparent;} body[data-color="theme-5"] .cust-block.cust-top:hover .bg-main.text:before{border-color: #ff5252 transparent transparent transparent;} body[data-color="theme-5"] .news-block .text span {color: #ff5252;} body[data-color="theme-5"] .news-block .push-1:hover {background: #512da8; color: #fff;} body[data-color="theme-5"] .price {border-color: #ff5252;} body[data-color="theme-5"] .price-block .fa {color: #ff5252;} body[data-color="theme-5"] .price-block:hover {background: #ff5252;} body[data-color="theme-5"] .contact-block a:hover {color: #ff5252;} body[data-color="theme-5"] .contact-form input[type="submit"]:hover {background: #512da8;} body[data-color="theme-5"] .wpcf7-form input[type="submit"]:hover {background: #512da8;} body[data-color="theme-5"] .swiper-arrow-left:hover, body[data-color="theme-5"] .swiper-arrow-right:hover {color: #ff5252;} body[data-color="theme-5"] header.scrol {background: #512da8;} body[data-color="theme-5"] .left-menu nav ul li a:hover {color: #ff5252;} body[data-color="theme-5"] .left-menu nav ul li a.active {color: #ff5252;} body[data-color="theme-5"] .up-button {background: #ff5252;} body[data-color="theme-5"] .up-button:hover {background: #512da8;} body[data-color="theme-5"] .top-menu nav ul li a.active {border-color: #ff5252;} body[data-color="theme-5"] .border-title {border: 20px solid #ff5252;} body[data-color="theme-5"] .news-block .text a h6:hover {color: #ff5252;} body[data-color="theme-5"] .point-style-2 .swiper-pagination-switch.swiper-active-switch {border-color: #ff5252;} body[data-color="theme-5"] .nav-menu-icon a.active i {background: #ff5252;} body[data-color="theme-5"] #loading {background: #512da8;} body[data-color="theme-5"] .cust-block:hover .bg-main {background: #ff5252;} body[data-color="theme-5"] .top-menu nav ul li a:before {background: #ff5252;} body[data-color="theme-5"] .top-menu nav ul li a:hover:before {background: #ff5252;} /* color style 6 */ body[data-color="theme-6"] .push-1 {background: #e12d6d;} body[data-color="theme-6"] .push-1:hover {background: #fff; color: #222;} body[data-color="theme-6"] .bg-main {background: #0B858D;} body[data-color="theme-6"] .bg-second {background: #e12d6d;} body[data-color="theme-6"] .item-layer {background: rgba(225,45,109,0.95);} body[data-color="theme-6"] .fillter-wrap .but.activbut {background: #e12d6d; color: #fff;} body[data-color="theme-6"] .fillter-wrap .but:hover {background: #e12d6d; color: #fff;} body[data-color="theme-6"] .how-block:hover {background: #e12d6d;} body[data-color="theme-6"] .service-block .text span {border-color: #e12d6d;} body[data-color="theme-6"] .folow a:hover {background: #e12d6d; color: #fff;} body[data-color="theme-6"] .skill-block .skill-line div {background: #e12d6d;} body[data-color="theme-6"] .cust-block .bg-main.text:before{border-color: transparent transparent #0B858D transparent;} body[data-color="theme-6"] .cust-block:hover .bg-main.text:before{border-color: transparent transparent #e12d6d transparent;} body[data-color="theme-6"] .cust-block.cust-top .bg-main.text:before{border-color: #0B858D transparent transparent transparent;} body[data-color="theme-6"] .cust-block.cust-top:hover .bg-main.text:before{border-color: #e12d6d transparent transparent transparent;} body[data-color="theme-6"] .news-block .text span {color: #e12d6d;} body[data-color="theme-6"] .news-block .push-1:hover {background: #0B858D; color: #fff;} body[data-color="theme-6"] .price {border-color: #e12d6d;} body[data-color="theme-6"] .price-block .fa {color: #e12d6d;} body[data-color="theme-6"] .price-block:hover {background: #e12d6d;} body[data-color="theme-6"] .contact-block a:hover {color: #e12d6d;} body[data-color="theme-6"] .contact-form input[type="submit"]:hover {background: #0B858D;} body[data-color="theme-6"] .wpcf7-form input[type="submit"]:hover {background: #0B858D;} body[data-color="theme-6"] .swiper-arrow-left:hover, body[data-color="theme-6"] .swiper-arrow-right:hover {color: #e12d6d;} body[data-color="theme-6"] header.scrol {background: #0B858D;} body[data-color="theme-6"] .left-menu nav ul li a:hover {color: #e12d6d;} body[data-color="theme-6"] .left-menu nav ul li a.active {color: #e12d6d;} body[data-color="theme-6"] .top-menu nav ul li a:hover:before {left: 0px;} body[data-color="theme-6"] .up-button {background: #e12d6d;} body[data-color="theme-6"] .up-button:hover {background: #0B858D;} body[data-color="theme-6"] .border-title {border: 20px solid #e12d6d;} body[data-color="theme-6"] .news-block .text a h6:hover {color: #e12d6d;} body[data-color="theme-6"] .point-style-2 .swiper-pagination-switch.swiper-active-switch {border-color: #e12d6d;} body[data-color="theme-6"] .nav-menu-icon a.active i {background: #e12d6d;} body[data-color="theme-6"] #loading {background: #0B858D;} body[data-color="theme-6"] .cust-block:hover .bg-main {background: #e12d6d;} body[data-color="theme-6"] .top-menu nav ul li a:before {background: #e12d6d;} body[data-color="theme-6"] .top-menu nav ul li a:hover:before {background: #e12d6d;} .bg-main {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;} .bg-second {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;} .bg-1 {background: #313fa0;} .bg-2 {background: #019ee1;} .bg-3 {background: #00796b;} .bg-4 {background: #1976d2;} .bg-5 {background: #512da8;} .bg-6 {background: #0B858D;} .style-page {position: fixed; width: 250px; height: 100%; right: -250px; top: 0%; background: #fff; z-index: 40; text-align: center; box-shadow: -1px -1px 3px rgba(0,0,0,0.1); -webkit-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); -moz-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); -o-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095);} .wrapp {overflow-y: auto; overflow-x: hidden; height: 100%; padding: 15px;} .style-page.slide-right {right: 0px;} .conf-logo {margin: 15px 0px;} .color-block {position: relative; width: 100%; padding: 25px 0px; border-bottom: 1px solid #b7b7b7; display: inline-block;} .style-page h5 {padding-bottom: 18px; color: #b7b7b7; font-weight: 400;} .entry {width: 30px; height: 30px; position: relative; float: left; margin: 0px 18px 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;} .conf-button {position: absolute; width: 50px; height: 50px; left: -50px; top: 140px; background: #fff; color: #222; text-align: center; font-size: 30px; line-height: 50px; cursor: pointer; border-top-left-radius: 8px; border-bottom-left-radius: 8px; box-shadow: -2px -2px 3px rgba(0,0,0,0.1);} .conf-button span {transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;} .conf-button span.act {transform: rotate(230deg); -webkit-transform: rotate(230deg);-moz-transform: rotate(230deg);-ms-transform: rotate(230deg);} .home-style {position: relative; width: 100%; padding: 25px 0px;} .home-style a {position: relative; width: 100%; display: block;} .home-style a:hover .dark-layer {opacity: 0;} .home-style a img {width: 100%; height: auto; display: block; margin-bottom: 5px;} .bg-sec {position: absolute; right: 0px; bottom: 0px; z-index: 1;width: 0;height: 0;border-style: solid;border-width: 0 0 15px 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;} .bg-1 .bg-sec {border-color: transparent transparent #f34580 transparent;} .bg-2 .bg-sec {border-color: transparent transparent #019EE1transparent;} .bg-3 .bg-sec {border-color: transparent transparent #cddc39 transparent;} .bg-4 .bg-sec {border-color: transparent transparent #4caf50 transparent;} .bg-5 .bg-sec {border-color: transparent transparent #ff5252 transparent;} .bg-6 .bg-sec {border-color: transparent transparent #e12d6d transparent;} .entry.active {box-shadow: 2px 2px 3px rgba(0,0,0,0.2); transform: scale(1.2);} .entry.active .bg-sec {border-width: 0 0 30px 30px;} /*------------------------------------------------------*/ /*----------------------SWIPER SLIDER----------------------*/ .swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;height: inherit;} .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;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;cursor:url(../images/drag.png) 16 9, ew-resize;margin: 0 auto;height: inherit;float: left;} .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; height: inherit; position: relative;} .swiper-wp8-horizontal {-ms-touch-action: pan-y;} .swiper-wp8-vertical {-ms-touch-action: pan-x;} .swiper-anime {position: relative; width: 100%;} .swiper-arrow-left, .swiper-arrow-right{cursor: pointer; -webkit-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155);-moz-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155);-o-transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155);transition: all 320ms cubic-bezier(0.565, 0.42, 0.355, 1.155); text-align: center; z-index: 30; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%); font-size: 18px; text-transform: uppercase; color: #fff;} .swiper-arrow-left {left: 100px;} .swiper-arrow-right {right: 100px;} .arr-style-1 {width: 70px; height: 70px; text-align: center; background: rgba(0,0,0,0.3); color: #ececec;} .arr-style-1 span {line-height: 70px;} .arr-style-1.swiper-arrow-left {left: 0px;} .arr-style-1.swiper-arrow-right {right: 0px;} .arr-style-1:hover {background: #000; color: #fff;} .pagination {position: absolute; width: 100%; text-align: center; left: 0px; margin: 0px; bottom: 0px;} .swiper-pagination-switch {margin: 0px 4px; width: 10px; height: 10px; border-radius: 50%; position: relative; display: inline-block; 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;} .hidden-pag.pagination{display: none;} .point-style-1 {position: relative; width: 100%; display: inline-block;} .point-style-1 .pagination {bottom: 50px;} .point-style-1 .swiper-pagination-switch {border: 1px solid rgba(255,255,255,0.3); } .point-style-1 .swiper-pagination-switch.swiper-active-switch {border-color: #fff; transform: scale(1.2);} .point-style-2 .swiper-pagination-switch {border: 1px solid rgba(0,0,0,0.3);} .point-style-2 .swiper-pagination-switch.swiper-active-switch {transform: scale(1.2);} /*------------------------------------------------------*/ /*----------------------POPUP ANIMATION----------------------*/ @-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}} @-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}} @keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}} .mfp-figure { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .35s; -moz-animation-duration: .35s; -ms-animation-duration: .35s; animation-duration: .35s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } /*------------------------------------------------------*/ /*----------------------BUTTON STYLE----------------------*/ .push-1 {position: relative; display: inline-block; border-radius: 5px; padding: 20px; font-size: 11px; line-height: 11px; text-transform: uppercase; color: #fff; background: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,0.1);} /*------------------------------------------------------*/ /*----------------------TEXT STYLE----------------------*/ body {font-family: 'Open Sans', sans-serif; background: #fff; color: #222; font-weight: 400;} h1 {font-size: 90px; font-weight: 600; line-height: 98px;} h2 {font-size: 36px; line-height: 40px; font-weight: 400; /*text-transform: capitalize;*/} h3 {font-size: 22px; line-height: 26px; font-weight: 600;} h4 {font-size: 20px; line-height: 28px; font-weight: 600;} h5 {/*font-size: 18px;*/ font-size: 14px; line-height: 22px; font-weight: 600; text-transform: capitalize;} h6 {font-size: 14px; line-height: 20px; font-weight: 600; /*text-transform: capitalize;*/} p {font-size: 13px; line-height: 24px; font-weight: 400; color: #949494;} ul li {font-size: 13px; line-height: 16px; font-weight: 400;} input, textarea {font-size: 12px;} b {font-weight: 700;} a, a:active, a:focus {color: inherit;} .bg-grey {background: #f9f9f9;} .bg-white {background: #fff;} .res-img {width: 100%; height: auto; display: block;} /*------------------------------------------------------*/ /*----------------------HEADER----------------------*/ header {position: fixed; left: 0px; top: 0px; width: 100%; height: 90px; background: none; z-index: 50; 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 {position: relative; width: 100%; margin-top: 40px; 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;} .logo {position: absolute; left: 0px; top: 0px;overflow: hidden;} header.scrol {/*height: 60px;*/ height: 80px;} @media (max-width: 992px){ header.scrol {height: 60px;} } header.scrol .navigation {margin-top: 20px;} header.scrol .nav-menu-icon {top: -4px;} .nav-menu-icon {position: absolute; overflow: hidden; right: 0px; top: -5px; z-index: 110; 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;} .nav-menu-icon a {display: inline-block;width:32px;height:32px;cursor: pointer;text-decoration: none;} .nav-menu-icon a i {position: relative;display: inline-block;width: 32px;height: 2px;color:#000;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background: #fff;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;} .nav-menu-icon a i:before, .nav-menu-icon a i:after {content:''; width: 32px;height: 2px;background: #fff; position: absolute;left:0;transition:all .2s ease-out;} .nav-menu-icon a i:before {top: -7px;} .nav-menu-icon a i:after {bottom: -7px;} .nav-menu-icon a:hover i:before {top: -10px;} .nav-menu-icon a:hover i:after {bottom: -10px;} .nav-menu-icon a.active i:before {transform: translateX(-100%);-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);} .nav-menu-icon a.active i:after {transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 02 - HOMEPAGE 1 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .left-menu nav {position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; background: rgba(255,255,255,0.95); overflow-y: auto; transform: translateX(100%); -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%); -webkit-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); -moz-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); -o-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095);} .left-menu nav.slide-menu {transform: translateX(0%); -webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);} .left-menu nav ul {position: relative; width: 100%; text-align: right; padding: 120px 0px 40px;} .left-menu nav ul li {font-size: 22px; line-height: 22px;} .left-menu nav ul li ul {padding: 0;} .left-menu nav ul li a {padding-bottom: 45px;display: block;} @media screen and (min-width: 480px) { .left-menu nav.slide-menu ul.menu {right: 60px;} } .text-p {font-size: 14px; line-height: 28px;} .bg-main .second-title h2 {color: #fff;} .margin-zerro{margin: 0 !important;} .top-baner {position: relative; width: 100%; height: 100vmin;background-size: cover;} .block-bg {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} .block-bg .bg-bg {width: 50%; right: 0%; left: auto; transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;} .main-title {color: #fff;} .main-title h1 {padding-bottom: 33px;} .main-title p {font-size: 16px; line-height: 32px; color: #fff; padding-bottom: 50px;} .dark-layer {position: absolute; left: 0px; top: 0px; /*background: rgba(0,0,0,0.4);*/ 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;} .top-slider-1 .pagination {text-align: left;} .top-slider-2 .pagination {text-align: center;} .center-title {text-align: center;} .center-title h1 {text-transform: uppercase;} .center-title p {font-size: 16px; line-height: 32px; text-transform: uppercase;} .section {position: relative; /*padding: 125px 0px 135px;*/padding: 90px 0px 50px;} .second-title {text-align: center; position: relative; width: 100%; padding-bottom: 60px;} .second-title h2 {padding-bottom: 15px;} .second-title p {text-transform: uppercase; color: #5D5D5D;} .bg-main .second-title p {color: #b7b7b7;} .second-title.left-title {padding-bottom: 40px; text-align: left;} .second-title.right-title {padding-bottom: 40px; text-align: right;} .block-about img {width: 100%; height: auto; display: block; margin-bottom: 25px;} .about-section .text-p {padding-top: 40px;} .info-block {position: relative; text-align: center; color: #fff;} .info-block span {font-size: 40px; line-height: 40px; font-weight: 800; padding-bottom: 20px; display: block;} .section.no-bottom-padd {padding-bottom: 0px;} .service-block {position: relative; width: 100%; min-height: 445px;} .service-block .text {text-align: left;} .service-block .text span {font-size: 70px; font-weight: 800; border-width: 0px 0px 3px 0px; border-style: solid; padding-bottom: 12px; line-height: 70px; display: inline-block; margin-bottom: 28px;} .service-block .text h4 {padding-bottom: 18px;} .block-60 .bg-bg {width: 60%;} .left-side .block-60 .bg-bg {left: 0px;} .right-side .block-60 .bg-bg {left: auto; right: 0px;} .block-40 {width: 40%; position: absolute; max-width: 420px; top: 50%; transform: translateY(-50%);} .left-side .block-40 {left: 60%; padding-left: 70px;} .right-side .block-40 {right: 60%; left: auto; padding-right: 70px;} .izotope-container {width: 100%;} .item {display: inline-block; width: 30.3333%; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); margin: 0px 1.5% 30px;} .item img {width: 100%; height: auto; display: block;} .grid-sizer {width: 0px;} .item-layer {position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; text-align: center; color: #fff; opacity: 0; -webkit-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095);-moz-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095);-o-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095);transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095);} .item-layer h3 {padding-bottom: 10px;} .item-layer p {text-transform: uppercase; font-size: 11px; color: rgba(255,255,255,0.4);} .item:hover .item-layer {opacity: 1; left: 30px; top: 30px; bottom: 30px; right: 30px;} .hidden-item.item {display: none;} .fillter-wrap {position: relative; width: 100%; text-align: center; padding-bottom: 70px;} .fillter-wrap .but {font-size: 12px; line-height: 12px; font-weight: 300; color: rgba(255,255,255,0.4); text-transform: uppercase; padding: 9px 15px; margin: 0px 5px; border-radius: 5px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;} .load-more {text-align: center; padding-top: 20px;} .no-more {text-align: center; display: block; font-size: 14px; color: #fff; text-transform: uppercase; width: 100%; position: relative;} .block-50 {width: 50%; position: relative; float: left;} .choose {position: relative; width: 100%; height: 900px; overflow: hidden;} .choose .left-block {min-height: inherit; left: 0px; position: absolute; top: 0px; width: 35%;} .choose .left-block .bg {width: 35%;} .choose .right-block {min-height: inherit; right: 0; position: absolute; top: 0px; width: 65%;} .choose .right-block .vertical-align {padding-left: 70px;} .choose-block {position: relative; width: 100%; padding-bottom: 65px; padding-right: 30px;} .choose-block:last-child {padding-bottom: 0px;} .choose-icon {width: 80px; height: 80px; border-radius: 50%; text-align: center; position: absolute; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);} .choose-icon i {color: #fff;font-size: 32px;} .choose-icon i, .choose-icon img {width: 32px; height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; position: absolute; z-index: 5;} .choose-txt {display: block; margin-left: 110px; position: relative;} .choose-txt h6 {padding-bottom: 15px;} .choose .right-block .title h2 {padding-bottom: 15px;} .choose .right-block .title p {text-transform: uppercase; line-height: 28px; padding-bottom: 60px;} .how-block {position: relative; width: 100%; background: #fff; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); text-align: center; margin-top: 40px; transition:all 0.45s ease-in;-webkit-transition:all 0.45s ease-in;-moz-transition:all 0.45s ease-in;-o-transition:all 0.45s ease-in;-ms-transition:all 0.45s ease-in;} .how-block .choose-icon {position: absolute; left: 50%; margin-left: -35px; width: 70px; height: 70px; top: -35px;} .how-block .text {padding: 70px 30px 30px;} .text p, .text h6 {transition:all 0.45s ease-in;-webkit-transition:all 0.45s ease-in;-moz-transition:all 0.45s ease-in;-o-transition:all 0.45s ease-in;-ms-transition:all 0.45s ease-in;} .text p {margin-top:10px;} .how-block .text h6 {padding-bottom: 15px;} .how-block:hover {box-shadow: 10px 10px 20px rgba(0,0,0,0.2);} .how-block:hover .text h6 {color: #fff;} .how-block:hover .text p {color: #fff;} .team-slider {padding: 20px 0px;} .team-wrapp {width: 100%; min-height: 545px;} .team-wrapp .block-left {position: absolute; color: #fff; /*width: 50%;*/ width: 60%; height: inherit; left: 0; /*padding-right: 100px;*/ padding-right: 15px;} .team-wrapp.revers .block-left {left: auto; right: 0px; /*padding-left: 100px;*/ padding-left: 15px;} .team-wrapp .block-right {position: absolute;/* width: 50%;*/ width:40%; right: 0px; min-height: 600px; margin-top: -20px;} .team-wrapp.revers .block-right {right: auto; left: 0px;} .team-wrapp .block-right .bg {box-shadow: 3px 3px 5px rgba(0,0,0,0.2); height: 579px; left: -4px;} .team-slider .block-left .text h2 {padding-bottom: 20px; font-weight: 800;} .team-slider .block-left .text h6 {text-transform: uppercase; padding-bottom: 20px;} .team-slider .block-left .text p {color: rgba(255,255,255,0.4); padding-bottom: 25px;} .team-slider .block-left .folow {padding-bottom: 40px;} .folow {position: relative; width: 100%; margin-left: -15px;} nav .folow { width: 100%; text-align: right; margin-top: -22px; margin-left: 0px; overflow:hidden; } .folow a {position: relative; display: inline-block; width: 35px; height: 35px; border-radius: 50%; line-height: 36px; text-align: center; color: rgba(255,255,255,0.4); font-size: 18px;} .skill-block {position: relative; float: left; width: 100%; height: 20px; margin-bottom: 70px !important;} .skill-block h6 {background-color: #fff; position: relative; padding: 10px 30px 12px 0px; text-transform: uppercase; z-index: 3; display: inline-block;} .skill-block .skill-line {height: 20px; background: #f7f7f7; position: relative; margin-top: 3px; width: 100%; border-radius: 5px;} .skill-block .skill-line div {position: absolute; width: 0%; height:20px; border-radius: 5px; transition:all 2s ease-in-out 0.3s;-webkit-transition:all 2s ease-in-out 0.3s;-moz-transition:all 2s ease-in-out 0.3s;-o-transition:all 2s ease-in-out 0.3s;-ms-transition:all 2s ease-in-out 0.3s;} .skill-block h5 {font-size: 14px;text-align: right; position: absolute;right: 0px;top: -36px; color: #222;font-weight: 400; z-index: 2;} .customer-slider {padding-bottom: 65px;} .cust-block {position: relative; padding: 0px 15px;} .cust-block .image {position: relative; width: 100%; border-radius: 5px; overflow: hidden; display: block;} .cust-block .text {position: relative; width: 100%; color: #fff; border-radius: 5px; padding: 30px 40px 40px;} .cust-block .text:before {width: 0;height: 0;border-style: solid; content: ''; position: absolute; left: 40px;transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;} /*.cust-block .text i {font-style: italic; color: rgba(255,255,255,0.6); padding-bottom: 25px; display: block;}*/ .cust-block .text i {font-style: italic; color: #fff; padding-bottom: 25px; display: block;} .cust-block .text span {font-size: 13px; font-weight: 800; text-transform: capitalize;} .cust-bottom .image {margin-bottom: 10px;} .cust-bottom .text:before {top: -4px; border-width: 0 4px 4px 4px;} .cust-top .image {margin-top: 10px;} .cust-top .text:before {bottom: -4px; border-width: 4px 4px 0 4px;} .logos {/*padding: 75px 0px 85px;*/padding: 75px 0px 40px;} .logotype {position: relative; width: 100%; text-align: center;} .client-logo {transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out; max-width:100%;} .logotype .hover {position: absolute; top: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); opacity: 0; transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out; max-width:100%;} .logotype:hover .client-logo {opacity: 0;} .logotype:hover .hover {opacity: 1;} .news-slider {padding-bottom: 85px;} .news-slider .swiper-slide {padding: 10px 15px;} .news-slider .point-style-1 {position: static; width: auto;} .news-slider .point-style-1 .pagination {text-align: center; bottom: 0px;} .news-block {position: relative; background: #fff; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); border-radius: 5px; overflow: hidden; transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;} .news-block .text {padding: 35px 30px 40px;} .news-block .text h6 {padding-bottom: 10px;} .news-block .text span {font-size: 11px; display: block; padding-bottom: 15px; text-transform: uppercase;} .news-block .text p {padding-bottom: 30px;} .news-block:hover {box-shadow: 10px 10px 15px rgba(0,0,0,0.4);} .price-block {position: relative; width: 100%; margin-top: 40px; border-radius: 5px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); background: #fff; text-align: center; padding: 65px 15px 50px; 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;} .price-block .choose-icon {top: -40px; left: 50%; margin-left: -40px;} .price-block h6 {padding-bottom: 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;} .price-block ul {padding-bottom: 35px;} .price-block ul li {font-size: 11px; line-height: 40px; color: #949494; text-transform: uppercase; 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;} .price {display: inline-block; border-bottom: 3px solid transparent; margin-bottom: 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;} .price span {font-size: 40px; font-weight: 800; 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;} .price sup {font-size: 16px; color: #b7b7b7; top: -1em; 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;} .price-block:hover {box-shadow: 10px 10px 15px rgba(0,0,0,0.4);} .price-block:hover .price span {color: #fff;} .price-block:hover h6 {color: #fff;} .price-block:hover .price sup {color: rgba(255,255,255,0.4);} .price-block:hover ul li {color: rgba(255,255,255,0.6);} .price-block:hover .push-1 {background: #fff; color: #222;} .price-block:hover .price {border-color: #fff;} .contact-block {position: relative; width: 100%; text-align: center;} .contact-block .choose-icon {display: inline-block; position: relative; float: none; margin-bottom: 15px;} .contact-block h6 {padding-bottom: 10px;} .contact-block a {color: #949494; font-size: 14px; font-weight: 400;} .contact-block span, .contact-block p {color: #949494; font-size: 14px; font-weight: 400; display: inline-block;} .contact-form {padding-top: 100px;} .wpcf7-form {padding-top: 100px;} .contact-form input, .contact-form textarea {position: relative; width: 100%; border-bottom: 1px solid #949494; font-size: 14px; text-transform: capitalize; display: inline-block;} .wpcf7-form input, .wpcf7-form textarea {position: relative; width: 100%; border-bottom: 1px solid #949494; font-size: 14px; text-transform: capitalize; display: inline-block;} .contact-form input {margin-bottom: 25px; padding: 0px 0px 20px;} .wpcf7-form input {margin-bottom: 25px; padding: 0px 0px 20px;} .contact-form input:focus {border-bottom: 1px solid #222; outline: none;} .wpcf7-form input:focus {border-bottom: 1px solid #222; outline: none;} .contact-form textarea {margin-bottom: 30px; height: 140px;} .wpcf7-form textarea {margin-bottom: 30px; height: 140px;} .contact-form textarea:focus {border-bottom: 1px solid #222;} .wpcf7-form textarea:focus {border-bottom: 1px solid #222;} .contact-form input[type="submit"] {width: auto; border-radius: 5px; text-transform: uppercase; color: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,0.1); padding: 15px 20px; margin-bottom: 0px; border-bottom: 0px none;} .wpcf7-form input[type="submit"] {width: auto; border-radius: 5px; text-transform: uppercase; color: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,0.1); padding: 15px 20px; margin-bottom: 0px; border-bottom: 0px none;} .map-canvas {position: relative; width: 100%; height: 400px;} .footer {position: relative; width: 100%; /*padding: 70px 0px 60px;*/padding: 30px 0px 60px; display: inline-block;} .footer .folow {float: right; width: auto; margin: 0px 110px 0px 0px;} .footer .folow a {color: #b7b7b7;} .copyright {position: relative; float: left; padding-right: 110px;} .copyright a {margin-bottom: 10px; display: block;} .copyright span {font-size: 11px; line-height: 14px; text-transform: uppercase; color: #b7b7b7; display: block;} .up-button {position: absolute; right: 0px; top: 50%; margin-top: -33px; width: 66px; height: 66px; color: #fff; text-align: center; border-radius: 50%;} .up-button span {line-height: 59px; font-size: 30px;} .up-button:hover {color: #fff;} /*-------------------------------------------------------------------------------------------------------------------------------*/ /* 03 - HOMEPAGE 2 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ .top-menu nav ul {position: relative; float: right;} .top-menu nav ul li {position: relative; float: left; font-size: 13px; margin: 0px 15px; color: #fff;} .top-menu nav ul li a {padding-bottom: 3px; overflow: hidden; position: relative; display: inline-block;} .top-menu nav ul li a:before {content: ''; position: absolute; left: -100%; bottom: 0px; width: 100%; height: 1px; 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 ul li a:hover:before {left: 0px;} .top-menu nav ul li a:hover {color: #fff;} .top-menu nav ul li a.active:before {left: 0;} .top-menu nav ul li a.active {color: #fff;} .top-menu .nav-menu-icon {display: none;} .top-menu nav .sub-menu {display: none;} .top-menu nav li:hover > .sub-menu {display: block;} .top-menu nav ul li > ul {/*padding-top: 21px;*/ position: absolute;/*background: #313fa0;*/background: #949494;top: 19px;right: -15px;min-width: 110px;padding-bottom: 7px;width: auto;white-space: nowrap;padding-left: 10px; z-index:2; opacity: 0.9;} .top-menu nav ul li > ul li {margin: 0 15px 0 0;display: block; float: none;text-align: right;height: 30px;line-height: 30px;} .top-menu nav ul li > ul > li > ul {padding-right: 10px;right: 100%;top: -7px;padding-top: 7px; } .top-menu nav ul li > ul > li > ul > li > ul {display: none !important;} .top-menu nav ul li > ul > li > ul > li .fa {display: none !important;} .top-menu .fa {margin-right: 5px;} .no-menu {color: #fff;display: block;text-align: right;} .no-menu a {margin-left: 5px; text-decoration: underline;} .no-menu a:hover{color: #ccc;} .left-menu .no-menu {color: #000;margin-top: 90px;} .border-title {text-align: center; padding: 80px 40px;} .border-title h3 {font-size: 24px; padding-bottom: 23px;} .border-title h1 {word-wrap: break-word;text-transform: uppercase; padding-bottom: 30px; font-size: 80px; line-height: 70px;} .border-title p {font-size: 14px; line-height: 24px; text-transform: uppercase; padding-bottom: 15px;} .video-wrapper {position: relative; width: 100%; height: 100vmin; min-height: 650px;} video.bgvid {position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100;background-size: cover; overflow: hidden;} iframe.bgvid {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;} button.mfp-close {background: none;} button.mfp-arrow {background: #fff; opacity: 1;} .mfp-arrow-right, .mfp-arrow-left {width: 70px; height: 70px; right: 0px; top: 50%; margin: -35px 0px 0px 0px; background: #fff;} .mfp-arrow-right:before, .mfp-arrow-right .mfp-b, .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {display: none;} .mfp-arrow-right:after {border: 0px none!important; content: '\f178'; font-size: 18px; line-height: 70px; color: #222; font-family: FontAwesome; margin: 0px; padding: 0px; left: auto; top: auto; text-align: center; position: relative; width: auto; height: auto;} .mfp-arrow-left:after {border: 0px none!important; content: '\f177'; font-size: 18px; line-height: 70px; color: #222; font-family: FontAwesome; margin: 0px; padding: 0px; left: auto; top: auto; text-align: center; position: relative; width: auto; height: auto;} .mfp-close {position: fixed; top: 0px; left: 0px; font-size: 55px; opacity: 1;} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: pointer;} .mfp-counter {display: none;} .mfp-arrow:active { margin-top: -35px;} button.mfp-arrow:hover {background: rgba(255,255,255,0.5);} @media screen and (max-width: 1200px) { .left-side .block-40 {padding: 0px 30px;} .right-side .block-40 {padding: 0px 30px;} .right-side .block-40 .text {text-align: right;} .swiper-arrow-right {right: 15px;} .swiper-arrow-left {left: 15px;} .team-wrapp .block-left {padding-right: 50px;} .team-wrapp.revers .block-left {padding-left: 50px;} } @media screen and (max-width: 992px) { .top-baner {height: 600px;} header{height: 60px;} header .navigation {margin-top: 20px;} header .nav-menu-icon {top: -4px;} .left-menu nav ul {padding: 70px 0px 20px;} .admin-bar .left-menu nav ul .sub-menu {padding: 0;} .admin-bar .left-menu nav ul {padding: 102px 0px 20px;} .left-menu nav ul li a {margin-bottom: 25px; padding-bottom: 0;} .block-about {padding-bottom: 30px;} .block-about img {margin-bottom: 15px;} .section {padding: 65px 0px 30px;} .second-title {padding-bottom: 30px;} .about-section .text-p {padding: 20px 0px 30px;} .info-block {padding-bottom: 30px;} .fillter-wrap{padding-bottom: 30px;} .load-more {padding-bottom: 30px;} .item {width: 47%;} .item:hover .item-layer {left: 15px; top: 15px; bottom: 15px; right: 15px;} .choose .right-block .vertical-align {padding-left: 30px;} .choose-block {padding-right: 15px;} .choose .right-block .title p {padding-bottom: 30px;} .how-block {margin-bottom: 30px !important;} .customer-slider {padding-bottom: 95px;} .news-slider {padding-bottom: 95px;} .news-slider .point-style-1 .pagination {bottom: 30px;} .customer-slider .point-style-2 .pagination {bottom: 30px;} .logotype {padding-bottom: 30px;} .price-block {margin-bottom: 30px !important;} .contact-block {padding-bottom: 30px;} .contact-form {padding-top: 60px;} .wpcf7-form {padding-top: 60px;} .contact-form input[type="submit"] {margin-bottom: 30px;} .wpcf7-form input[type="submit"] {margin-bottom: 30px;} .footer .folow {float: left; margin: 20px 0px 0px 0px; width: 100%;} .footer {/*padding: 40px 0px 30px;*/ padding: 0px 0px 30px;} .top-menu nav {position: fixed; text-align: center; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; background: rgba(0,0,0,0.95); overflow-y: auto; transform: translateX(100%); -webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%); -webkit-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); -moz-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); -o-transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095); transition: all 350ms cubic-bezier(0.53, -0.005, 0.75, 0.095);} .top-menu nav.slide-menu {transform: translateX(0%); -webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);} .top-menu .nav-menu-icon {display: block;} .top-menu nav ul {padding: 80px 0px 40px;} .top-menu nav ul li {width: 100%; font-size: 16px; margin: 0px;} .top-menu nav ul li a {margin-bottom: 0;height: 45px;line-height: 45px;} .top-menu nav .sub-menu{margin: 0; padding: 0; float: none; background-color: transparent; position: relative; display: block !important; top: 0; right: 0; width: 100%;} .top-menu nav .sub-menu li {text-align: center;margin: 0;height: auto;line-height: inherit;} } @media screen and (max-width: 768px) { .block-60 .bg-bg {width: 100%;} .left-side .block-40 {width: 100%; left: 0px;} .right-side .block-40 {width: 100%; right: 0px;} .layer-white {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.7);} .service-block .text-p {color: #444;} .choose .left-block {width: 100%;} .choose .left-block .bg {width: 100%;} .choose .right-block {width: 100%;} .choose .right-block .title p {color: #444;} .choose-txt p {color: #444;} .swiper-arrow-right, .swiper-arrow-left {display: none;} .team-wrapp .block-left {padding: 0px 30px;} .team-wrapp.revers .block-left {padding: 0px 30px;} .contact-form {padding-top: 20px;} .wpcf7-form {padding-top: 20px;} .fillter-wrap .but {margin: 0px 5px 5px;} } @media screen and (max-width: 660px) { .choose .block-50 {width: 100%; padding-bottom: 35px;} .choose-txt {margin-left: 100px;} .choose {padding: 65px 0px; min-height: 1100px;} .choose-block {padding-bottom: 35px;} .choose-txt h6 {padding-bottom: 5px;} .item {width: 100%; margin: 0px 0px 15px;} .team-wrapp .block-right {width: 100%; /*min-height: 300px;*/ margin-top: 0px; position: relative;} .team-wrapp .block-left {width: 100%; position: relative; top: auto; transform: translateY(0); -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0); padding: 30px 0px;} .team-wrapp.revers .block-left {padding: 30px 0px;} .team-slider .block-left .folow {padding-bottom: 20px;} .team-slider .block-left .text p {padding-bottom: 15px;} .team-wrapp {min-height: 100%;} .team-wrapp .block-right {margin-bottom: 30px;} .map-canvas {height: 350px;} .border-title {padding: 40px 20px;} } @media screen and (max-width: 480px) { .main-title h1 {font-size: 60px; line-height: 68px; padding-bottom: 20px;} .main-title p {font-size: 13px; line-height: 24px; padding-bottom: 30px;} .block-bg .bg-bg {width: 100%;} .info-block span {font-size: 36px; padding-bottom: 10px;} .footer .folow {margin: 30px 0px 0px;} .border-title {padding: 15px;} .main-title h1 {font-size: 40px; line-height: 50px;} } .swiper-anime .swiper-slide:nth-child(2n+1) .block-bg .bg-bg {opacity: 0; transform: scale(1.2);} .swiper-anime .swiper-slide:nth-child(2n) .block-bg .bg-bg {opacity: 0; transform: scale(1.2);} .swiper-anime .swiper-slide.active .block-bg .bg-bg {transform: scale(1); opacity: 1;} .swiper-anime .main-title {transform: scale(0.5); -webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5); opacity: 0; 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;} .swiper-anime .swiper-slide.active .main-title {transform: scale(1); -webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1); opacity: 1;} /*------------------------------------- Widgets -------------------------------------*/ .widget {margin-bottom: 35px; clear: both;} .widget a:hover{text-decoration: underline;} .widget h3.title-w {margin-bottom: 8px;} .widget img, .widget select {max-width: 100%;} .widget.widget_search input{border: 1px solid #949494; padding: 6px 10px;} .widget.widget_search input[type="search"]{width: 100%;} @media screen and (min-width: 992px) { .widget.widget_search label{max-width: 60%;} } .widget select {border: 1px solid #949494;font-size: 14px;margin-top: 6px;} .widget a{color: #23527c;} .widget ul li, .widget ol li{line-height: 24px;} .widget td, .widget th{padding: 5px;} .widget td a, .widget td a{text-decoration: underline;} .widget table caption{margin-bottom: 6px;} .widget.widget_rss a.rsswidget {font-size: 22px; font-weight: 400;color: #000;} .widget.widget_rss ul a.rsswidget {font-size: 16px;color: #23527c;} .widget.widget_rss .rss-date{color:#949494;} .widget.widget_rss li{margin-bottom: 15px;} .widget.widget_rss li:last-child{margin-bottom: 0;} cite {font-style: italic;} .widget p.wp-caption-text{margin-top: 7px;} .widget b, .widget strong{font-weight: bold;} .widget ul ul {margin-left: 8px;} .sm-widget {margin-top: 50px;} .sm-widget .post-date {font-size: 12px;color: #949494;margin: 4px 0;} .sm-widget .title {font-size: 18px;display: block;margin-top: 5px;} .widget_calendar table {width: 100%;text-align: center;} .widget_calendar th, .widget_calendar td {border: 1px solid #DCDCDC;text-align: center;} /*------------------------------------- Comments -------------------------------------*/ .comment-widget { margin-top: 50px; clear: both;} .comment-widget form { display: block; width: 600px; margin: 0 auto; max-width: 100%; padding: 0 15px; } .comment-widget h3.title { text-align: center; margin-bottom: 40px; } .comment-widget textarea, .comment-widget input { border: 1px solid #DCDCDC; display: block;width: 100%; margin-bottom: 8px; } .comment-widget input { height: 35px; padding: 0 7px; width: 100%;} .comment-widget input[type="submit"]{text-transform: uppercase; transition: all 2s ease-out;} .comment-widget input[type="submit"]:hover{text-decoration: underline;} .comment-widget textarea{padding: 8px;height: 200px;} .comment-widget .comments-block { width: 800px; max-width: 100%; padding: 0 15px; margin:0 auto 50px; } .comment-widget .comments-block ul.children{ margin-left: 20px; margin-top: 20px; } .comment-widget .comments-block li.comment {list-style-type: none;clear: both;float: none; margin-bottom: 20px; } .comment-widget .comments-block .content .text{margin-top: 5px;} .comment-widget .comments-block .comment-date{font-size: 12px;color: #949494;} .comment-widget .comments-block .comment-reply-link{font-size: 12px;float: right;} .comment-widget .comments-block #reply-title {width: 100%;max-width: 100%;text-align: center;margin-bottom: 5px;} /*------------------------------------- Helpers -------------------------------------*/ .text-logo a {font-weight: bold; font-size: 22px; margin-top: -5px; display: block;} .height-500 {height: 900px;} .bg-bg-chrome { background-repeat: no-repeat; position: fixed; height: 900px; background-size: contain; } .simple-article-block { margin-top: 100px; } .simple-article-block .post-date { margin: 8px 0; } .single-post h2.title{-ms-word-wrap: break-word;word-wrap: break-word;} .single-post .simple-article {margin-bottom: 20px;} .single-post .simple-article p {margin-bottom: 16px;} .single-page.simple-article ul, .single-post .simple-article ul {list-style: circle;margin-left: 20px;} .single-page.simple-article ul li, .single-post .simple-article ul li {line-height: 24px;} .single-page.simple-article input, .single-post .simple-article input{border:1px solid #ccc;} .single-page.simple-article .post-nav a, .single-post .simple-article .post-nav a{text-decoration: underline;} .single-page.simple-article th, .single-page.simple-article td, .single-post .simple-article th, .single-post .simple-article td{padding: 7px; border: 1px solid #ccc;} .single-page.simple-article table, .single-post .simple-article table{margin: 15px 0;font-size: 13px;} .single-page.simple-article table thead, .single-post .simple-article table thead{font-weight: bold;} .single-page.simple-article table a, .single-post .simple-article table a{text-decoration: underline;} .single-page.simple-article h1, .single-post .simple-article h1 { font-size: 44px; font-weight: 400; line-height: inherit; } .single-page.simple-article h2, .single-post .simple-article h2, .single-page.simple-article h3, .single-post .simple-article h3, .single-post .simple-article h4, .single-page.simple-article h4, .single-post .simple-article h5, .single-page.simple-article h5, .single-page.simple-article h6, .single-post .simple-article h6{line-height: inherit;} .single-page.simple-article ol, .single-post .simple-article ol{margin-left: 30px;line-height: 25px;font-size: 13px;} .single-page.simple-article dl, .single-post .simple-article dl{margin-left: 20px;line-height: 24px;font-size: 13px;} .single-page.simple-article dl dd, .single-post .simple-article dl dd{margin-left: 10px;} .single-page.simple-article dl dt, .single-post .simple-article dl dt{font-weight: 600;} .single-page.simple-article address, .single-post .simple-article address{padding: 10px;margin-bottom: 16px;} .single-page.simple-article strong, .single-page.simple-article b, .single-post .simple-article strong, .single-post .simple-article b {font-weight: 600;} .single-page.simple-article em, .single-post .simple-article em{font-style: italic;} .single-page.simple-article pre, .single-post .simple-article pre{padding: 10px; font-size: 13px;margin-bottom: 16px;} .single-page.simple-article q:before, .single-page.simple-article q:after ,.single-post .simple-article q:before, .single-post .simple-article q:after{content:'"';} .single-page.simple-article q, .single-post .simple-article q{font-style: italic;} .single-page.simple-article p, .single-post .simple-article p{color:#222;} .pbLoaded{ } .single-page.simple-article img, .single-post .simple-article img {max-width: 100%;height: auto;} .single-page.simple-article .pbLoaded a img {height: 100%;} .single-page.simple-article tt, .single-post .simple-article tt{font-family: monospace;} .single-page.simple-article var, .single-post .simple-article var{font-style: italic;} .single-page.simple-article acronym, .single-post .simple-article acronym{border-bottom: 1px dotted #777;text-transform: uppercase;} .single-post .simple-article a, .single-page.simple-article a {text-decoration: underline;} body.category img{max-width: 100%;height: auto;} .post.sticky h3 a{color:#512da8;} .post-content p { margin-bottom: 16px; } .tags-widget .tag-box {font-size: 13px; margin-top: 5px;} .excerpt p, .excerpt {color:#222;} .post .bottom a{text-decoration: underline;}/**/ .post-details {font-size: 12px; margin:10px 0; color:#949494;} #empty-search-result p {color:#000;font-weight: 400; font-size: 24px;margin-bottom: 15px;} #empty-search-result input { border: 1px solid #949494; padding: 6px 10px;} .not-founded, #empty-search-result {width: 600px; max-width: 100%;padding: 0 15px; text-align: center;margin: 60px auto;} .not-founded {display: table-cell;vertical-align: middle;width:100%;} .not-founded h1{font-size: 26px;line-height: 60px;font-weight: bold;} .not-founded a{text-decoration: underline;} .post-video, .attachment-post-thumbnail {margin: 7px 0;} .post-slider {margin: 10px 0; position: relative;} .post-slider .pagination { position: absolute; left: 10px; bottom: 12px; } .post-slider .pagination span { display: block; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #fff; float: left; margin-right: 3px; background-color: transparent; } .post-slider .pagination span.swiper-active-switch { background-color: #fff; } .blog .post img, .single-posts img{max-width: 100%; height: auto;} /**/ .simple-article blockquote {margin-bottom: 20px; font-size: 16px; position: relative;font-family: 'Source Sans Pro';color:#111111;font-style: italic;font-size: 20px;line-height: 30px;letter-spacing: 1px;text-align: center; padding-top: 34px;} .simple-article blockquote:before{content: ''; background: url(../images/quot.png); width: 24px;height: 17px;display: inline-block; left:50%;-webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);position: absolute;top: 0; } .single-page.simple-article blockquote p, .single-post .simple-article blockquote p { font-size: 18px; } .blog-post-item { clear: both; margin-bottom: 60px; } #pager {width: 100%;padding: 30px 15px 0;text-align: center;} #pager span, #pager a {margin: 0 6px;} #pager span{text-decoration: underline;} .gallery-caption, .bypostauthor {font-size: inherit;} .choose .left-block {position: relative; float: left; display: inline-block; left: auto; top: auto; height: 900px;} .choose {min-height: 100%; display: inline-block;} @media screen and (max-width: 768px) { .choose {padding: 65px 0px;height: 100%;} .choose .right-block {width: 100%; position: relative; display: inline-block;} .choose .left-block {display: none; } .right-block .vertical-align {position: relative; display: inline-block; top: auto; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);} .choose-block {display: block; padding-bottom: 30px;} .choose-icon {position: relative; margin-bottom: 15px;} .choose-txt {margin-left: 0px;} } @media screen and (max-width: 660px){ .choose {padding: 65px 0px 30px;} .choose .block-50 {padding-bottom: 0px;} .choose-block:last-child {padding-bottom: 35px;} .choose-icon {margin: 0px auto 15px;} .choose-txt {text-align: center;} .choose-block {padding-right: 0px;} .choose .right-block .vertical-align {padding: 0px 15px;} } @media (max-width: 480px){ h2{ font-size:20px; } h5{ font-size:12px; } p{ font-size:12px; } .second-title h2 { padding-bottom: 0px; } .section { padding: 50px 0px 30px; } .about-section .text-p{ padding: 10px 0px 30px; } .text-p{ font-size:12px; } }