/*------------------------------------------------------------------ Version 1.0 [Table of contents] 1/ General __1.1/Import css and font __1.2/Effects __1.3/General styles __1.4/Global classes 2/Header __2.1/Header top .header-top __2.2/Header .header __2.3/Header Fixed .header-fixed 3/Menu __3.1/Menu Desktop __3.2/Menu Mobile 4/Footer __4.1/Site Copyright .site-copyright 5/Section __5.1/Who we are .who-we-are __5.2/what we do .what-we-do __5.3/Subcribe .subcribe __5.4/Our Experts .our-experts __5.5/Fun facts .fun-facts __5.6/Our Blog Posts .out-blog-posts __5.7/Clients .clients __5.8/Testimonials .testimonials __5.9/Service registration process .service-registration-process,.srp-item __5.10/Pricing Plan .pricing-plan,.pricing-table __5.11/Pricing Plan .pricing-plan-table-2 6/Pages __6.1/Blog __6.2/Sidebar __6.3/Text Content __6.4/Comments __6.5/Cart and Checkout __6.6/Contact us __6.7/Portfolio __6.8/Shop __6.9/Shop details __6.10/Other 7/Misc __7.1/Revolution Slider __7.2/Audio Js __7.3/Other 8/Responsive 9/Rtl 10/Style Green 11/Style red 12/Style grey 13/Style pink 14/Style orange 15/Style purple 16/Style brown ------------------------------------------------------------------*/ /*------------------------------------------------------------------ 1/ General */ /*------------------------------------------------------------------ __1.1/Import css and font */ @charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700); @import url(https://fonts.googleapis.com/css?family=Lato:400); @import url(bootstrap.min.css); @import url(../fonts/font-awesome/css/font-awesome.min.css); @import url(jquery.mmenu.all.css); @import url(slick.min.css); @import url(select2.min.css); @import url(settings.min.css); /*------------------------------------------------------------------ __1.2/Effects */ @-webkit-keyframes pop-in { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-moz-keyframes pop-in { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-ms-keyframes pop-in { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-o-keyframes pop-in { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @keyframes pop-in { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; filter: alpha(opacity=100); } 100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; filter: alpha(opacity=100); } 100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; filter: alpha(opacity=100); } 100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; filter: alpha(opacity=100); } 100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; filter: alpha(opacity=100); } 100% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -ms-transform: none; transform: none; } } @-moz-keyframes fadeInUp { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -ms-transform: none; transform: none; } } @-ms-keyframes fadeInUp { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -ms-transform: none; transform: none; } } @-o-keyframes fadeInUp { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -ms-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; filter: alpha(opacity=100); -webkit-transform: none; -ms-transform: none; transform: none; } } /*------------------------------------------------------------------ __1.3/General styles */ .our-experts .people .person .info .text .left h2, .our-experts .people .person .info .text .left span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body { font-family: 'Raleway', sans-serif; color: #333; font-size: 12px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input,a,button { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a:hover { text-decoration: none; } a:focus { outline: none; } p {font-size: 14px;font-weight: 400;color: #666666;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } input[type=text], button, select:not(.switcher-select-form), textarea{-webkit-appearance: none;-moz-appearance: none;border-radius: 0px;} img{max-width: 100%;height: auto;} /*------------------------------------------------------------------ __1.4/Global classes */ .q { font-size: 30px; font-weight: 700; text-transform: uppercase; margin-bottom: 0px; } .a { font-size: 12px; text-transform: uppercase; font-weight: 500; margin-top: 6px; } .tgs { display: inline-block; background: url(../img/tgs.png) no-repeat left top; width: 35px; height: 10px; } .btn-yellow,.btn-blue,.btn-black,.btn-green {display: inline-block;color: #fff;text-align: center;font-size: 12px;line-height: 40px;height: 39px;background-color: #FCD200;text-transform: uppercase;padding: 0px 30px;font-weight: 700;margin: 0;border: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;opacity: 1;filter: alpha(opacity=100);text-decoration: none;} .btn-yellow:focus,.btn-blue:focus,.btn-black:focus,.btn-green:focus{ outline: none; } .btn-blue{background: #14adf4} .btn-black{background: #434a54} .style-green .btn-green{background: #00C853} @media(min-width: 1025px){ .btn-green:hover,.btn-yellow:hover,.btn-blue:hover{background: rgba(0,0,0,1); color: rgba(255,255,255,1)} .btn-black:hover{background: rgba(67,74,84,0.7); color: rgba(255,255,255,0.7)} } .has-parallax { /* transform: translateZ(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; */ background-attachment: fixed; background-size: cover; } body.mobile .has-parallax { background-position: 50% 50%; } .center-v{position: relative;top: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);} .margin-bottom-100{margin-bottom: 100px!important;} .margin-bottom-50{margin-bottom: 50px!important;} .no-padding-top{padding-top: 0!important} .padding-top-75{padding-top: 75px!important} .padding-bottom-40{padding-bottom: 40px!important} .display-none{display: none;} .wave-title{padding-left: 30px;text-transform: uppercase;color: #313131;font-weight: 700;background: url(../img/icon-widget.png) left center no-repeat;} .simple-title{text-transform: uppercase;color: #313131;font-weight: 700;margin: 0;margin-bottom: 30px;} .simple-title.small{font-size: 14px} .bg-main{background-color: #27b1f1} .bg-main-2{background-color: #14adf4} img{-webkit-backface-visibility: hidden;} /*------------------------------------------------------------------ 2/Header */ .header .header-inner, .header .cart .cart_list_wrapper .cart_list li, .header .cart .cart_list_wrapper .buttons, .frm-search, .footer .widget.widget_recent_entries ul li, .testimonials .slick-slider-nav { *zoom: 1; } .header .header-inner:before, .header .cart .cart_list_wrapper .cart_list li:before, .header .cart .cart_list_wrapper .buttons:before, .frm-search:before, .footer .widget.widget_recent_entries ul li:before, .testimonials .slick-slider-nav:before, .header .header-inner:after, .header .cart .cart_list_wrapper .cart_list li:after, .header .cart .cart_list_wrapper .buttons:after, .frm-search:after, .footer .widget.widget_recent_entries ul li:after, .testimonials .slick-slider-nav:after { content: " "; display: table; } .header .header-inner:after, .header .cart .cart_list_wrapper .cart_list li:after, .header .cart .cart_list_wrapper .buttons:after, .frm-search:after, .footer .widget.widget_recent_entries ul li:after, .testimonials .slick-slider-nav:after { clear: both; } /*------------------------------------------------------------------ __2.1/Header top .header-top */ .header-top { background: #f6f6f6 none repeat scroll 0 0; color: #333366; padding-top: 10px; text-transform: uppercase; } .header-top .socials a { font-size: 14px; color: #999; } @media(min-width: 1025px){ .header-top .socials a:hover { color: #3399cc; } } /*------------------------------------------------------------------ __2.2/Header .header */ .header { padding: 38px 0; } .header .logo { text-align: center; margin-bottom: 20px; } .header .right-logo { text-align: center; } .header .header-inner { float: right; list-style: none; padding: 0; margin: 0; } .header .header-inner > li { float: left; } .header .header-inner > li .cart { margin-left: 35px; padding-bottom: 0; } @media (min-width: 992px) { .header .logo { text-align: left; margin-bottom: 0; } .header .md-text-right { text-align: right; } } .header .support { padding-left: 40px; position: relative; text-align: left; font-size: 14px; padding-right: 0; } .header .support:before { position: absolute; left: 0; top: -4px; font-size: 35px; color: #3399cc; font-family: 'FontAwesome'; content: "\f095"; } .header .support strong { color: #333366; display: block; font-weight: 700; text-transform: uppercase; } .header .cart { position: relative; font-size: 14px; font-weight: 700; padding-right: 0; vertical-align: middle; } .header .cart i.fa-icon-shopping-cart { color: #3399cc; } .header .cart strong { color: #333366; font-weight: 700; margin-left: 8px; margin-right: 5px; text-transform: uppercase; } .header .cart .cart-price { color: #ffcc00; } .header .cart .open-mini-cart { cursor: pointer; } .header .cart .cart_list_wrapper { position: absolute; opacity: 0; filter: alpha(opacity=0); height: 0; text-align: left; z-index: 0; overflow: hidden; background: #fff; border-top: 3px solid #ffcd03; width: 341px; left: auto; right: 0; top: 35px; } .header .cart .cart_list_wrapper .cart_list { padding: 20px 20px 0; margin: 0; list-style: none; overflow-y: auto; border-left: 1px solid #eee; border-right: 1px solid #eee; max-height: 225px; } .header .cart .cart_list_wrapper .cart_list li { position: relative; border-bottom: 1px solid #eee; padding: 10px 10px 20px; } .header .cart .cart_list_wrapper .cart_list li > a { display: block; font-size: 14px; line-height: 18px; color: #434a54; } .header .cart .cart_list_wrapper .cart_list li > a img { float: left; width: 80px; padding-right: 10px; } .header .cart .cart_list_wrapper .cart_list li .amount { font-size: 14px; font-weight: 700; line-height: 18px; color: #31aae2; } .header .cart .cart_list_wrapper .cart_list li .mini-cart-remove { background: #d0d0d0; position: absolute; right: 0; top: calc(50% - 14px); display: block; text-align: center; line-height: 28px; color: #fff; width: 28px; height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header .cart .cart_list_wrapper .cart_list li:last-child { border-bottom: none; } .header .cart .cart_list_wrapper .buttons { background: #ffcd03; margin: 0; padding: 14px 30px; font-size: 14px; } .header .cart .cart_list_wrapper .buttons a { display: block; position: relative; float: left; width: 50%; color: #fff; } .header .cart .cart_list_wrapper .buttons a.checkout { text-align: right; } .header .cart .cart_list_wrapper .buttons a i[class^="fa-icon"] { color: #fff; margin-right: 6px; } body.overlay-opened.o-mini-cart .cart_list_wrapper { -webkit-animation-name: pop-in; -moz-animation-name: pop-in; -ms-animation-name: pop-in; animation-name: pop-in; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; animation-duration: .5s; opacity: 1; filter: alpha(opacity=100); height: auto; z-index: 9999; overflow: visible; } .index3-wrapper .header.header-fixed .header-right .cart > i:hover, .index3-wrapper .header.header-fixed .header-right .search > i:hover, .o-mini-cart .index3-wrapper .header.header-fixed .header-right .cart > i, .o-search-f .index3-wrapper .header.header-fixed .header-right .search > i {background: #ffcd03;color: #fff} @media(min-width: 1025px){ .header .cart .cart_list_wrapper .cart_list li > a:hover { color: #ffcd03; } .header .cart .cart_list_wrapper .cart_list li .mini-cart-remove:hover { background: #656d78; color: #fff; } .header .cart .cart_list_wrapper .buttons a:hover { opacity: 0.4; filter: alpha(opacity=40); } } @media(max-width: 991px){ .header.index-1 a.menu-mm{top: 100%; margin-top: 30px} } @media(max-width: 767px){ .header.index-1 .cart{margin-left: 25px; padding-top: 8px} } @media(max-width: 399px){ .header.index-1 .support{display: none} } /*------------------------------------------------------------------ __2.3/Header Fixed .header-fixed */ .header.header-fixed{position: absolute;top: 0;left: 0;width: 100%;height: 115px;padding: 0;border-bottom: 1px solid rgba(255,255,255,0.2);z-index: 92;} .index3-wrapper .header.header-fixed{border-bottom: 1px solid #ecf0f1} .header.header-fixed .container{position: relative;height: 115px;} .header.header-fixed .header-left{position: absolute;left: 0;top: 50%;max-width: 200px;transform: translate(0,-50%);-moz-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);z-index: 1;} .header.header-fixed .header-left .logo{margin-bottom: 0} .header.header-fixed .header-right{position: absolute;right: 0;top: 50%;width: 100px;height: 40px;transform: translate(0,-50%);z-index: 2;} .header.header-fixed .header-right:after{content: '';display: block;float:right;} .header.header-fixed .header-right .cart{padding: 0;margin: 0;width: 40px;height: 40px;position: initial;float: right;} .header.header-fixed .header-right .cart > i,.header.header-fixed .header-right .search > i{display: block;width: 40px;height: 40px;text-align: center;color: #fff;background: rgba(255,255,255,0.2);line-height: 40px;cursor: pointer;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;} .o-mini-cart .header.header-fixed .header-right .cart > i,.o-search-f .header.header-fixed .header-right .search > i{background: #ffffff;color: #14adf4} .header.header-fixed .header-right .cart .cart_list_wrapper{top: 52px;} .header.header-fixed .header-right .search{float: right;margin-left: 15px;} .header.header-fixed .header-menu{position: absolute;top: 0;left: 0;width: 100%;padding: 0 100px 0 250px;} .index3-wrapper .header.header-fixed .header-right .cart > i,.index3-wrapper .header.header-fixed .header-right .search > i{background: #eff1f3;color: #222222} @media(min-width: 1025px){ .header.header-fixed .header-right .cart > i:hover,.header.header-fixed .header-right .search > i:hover{background: #ffffff;color: #14adf4} .style-green .header.header-fixed .header-right .cart > i:hover,.style-green .header.header-fixed .header-right .search > i:hover{background: #00c853;color: #fff} } /*------------------------------------------------------------------ 3/Menu */ /*------------------------------------------------------------------ __3.1/Menu Desktop */ .menu { background: #424853; } .menu .menu-inner { display: table; width: 100%; } .menu .menu-inner .menu-search { display: table-cell; float: none; vertical-align: middle; } .menu a { color: #fff; font-size: 14px; font-weight: 700; line-height: 12px; text-transform: uppercase; display: block; padding: 14px 25px; } .menu .nav-menu {margin-top: 10px;} .menu .nav-menu li { position: relative; } .menu .nav-menu li .sub-menu-wrap {display: none;left: 0;padding-top: 20px;position: absolute;width: 265px;z-index: 1;} .menu .nav-menu li .sub-menu-wrap ul { display: none; overflow: hidden; background: #fff none repeat scroll 0 0; left: 0; list-style: outside none none; padding: 12px 23px; position: absolute; width: 100%; z-index: 1; border: 1px solid #dfe3e9; box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.12); } .menu .nav-menu li .sub-menu-wrap ul li a { position: relative; font-size: 14px; line-height: 48px; font-weight: 500; color: #434a54; border-bottom: 1px solid #eceff3; padding: 0; text-transform: none; letter-spacing: 0px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu .nav-menu li .sub-menu-wrap ul li a:focus { outline: none; } .menu .nav-menu li .sub-menu-wrap ul li a:before { position: absolute; font-family: 'FontAwesome'; content: "\f178"; color: #ffcd03; left: -100px; top: 0; } .menu .nav-menu li .sub-menu-wrap ul li a:hover:before { -webkit-transition: all 0.3s ease 0.1s; -moz-transition: all 0.3s ease 0.1s; -ms-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; left: 0; } .menu .nav-menu li .sub-menu-wrap ul > li:last-child a { border-bottom: none; } .menu .search {color: #fff;width: 40px;height: 40px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;background: #505661;text-align: center;line-height: 40px;margin: 0;position: relative;top: calc(50% - 20px);cursor: pointer;} .menu .search > i[class^="fa-icon-"] {cursor: pointer;padding: 14px;} .frm-search {position: absolute;opacity: 0;filter: alpha(opacity=0);height: 0;z-index: 0;overflow: hidden;top: 45px;right: 0;z-index: 11;width: 309px;background-color: #fff;padding: 18px;-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.12);box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.12);visibility: hidden;} .frm-search:after { border: 6px solid #ffffff; content: " "; position: absolute; right: 14px; top: -12px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; } .frm-search .q, .frm-search .submit {display: block;float: left;border: none;height: 40px;outline: none;} .frm-search .q { background: #f7f7f7; border: 1px solid #dfe3e9; border-right: none; width: 230px; font-size: 14px; font-weight: 400; color: #434a54; padding-left: 12px; text-transform: none; } .frm-search .submit { background: #ffcd03; width: 43px; color: #fff; } body.overlay-opened.o-search-f .frm-search {-webkit-animation-name: pop-in;-moz-animation-name: pop-in;-ms-animation-name: pop-in;animation-name: pop-in;-webkit-animation-duration: .5s;-moz-animation-duration: .5s;-ms-animation-duration: .5s;animation-duration: .5s;opacity: 1;filter: alpha(opacity=100);height: auto;z-index: 9999;overflow: visible;visibility: visible;} body.overlay-opened.o-search-f .menu .search { background: #383d44; } .header.header-fixed .header-menu .menu{background: none;} .header.header-fixed .header-menu .menu > ul{position: relative;margin: 0;padding: 0 15px 0 0;} .header.header-fixed .header-menu .menu > ul:after{content: '';position: absolute;right: 14px;top: 50%;height: 36px;width: 1px;margin-top: -18px;background: rgba(255,255,255,0.2);} .index3-wrapper .header.header-fixed .header-menu .menu > ul:after{background: #fbfbfb} .header.header-fixed .header-menu .menu > ul > li{margin: 0} .header.header-fixed .header-menu .menu > ul > li > a{font-weight: 400;padding: 12px 15px;position: relative;line-height: 90px;} .header.header-fixed .header-menu .menu > ul > li > a:before{content: '';position: absolute;bottom: 0px;left: 0;width: 100%;height: 2px;background: #FCD200;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .index3-wrapper .menu a{color: #222222;} .index3-wrapper .header.header-fixed .header-menu .menu > ul > li > a:before{background: #0099ff} .header.header-fixed .header-menu .menu > ul > li.current-menu-item > a:before{opacity: 1;} @media(min-width: 1025px){ .menu a:hover { background: #FCD200; text-decoration: none; } .menu .nav-menu > li:hover .sub-menu-wrap { display: block; } .menu .nav-menu > li:hover .sub-menu-wrap > ul { display: block; } .menu .nav-menu li .sub-menu-wrap:hover > ul { display: block; } .menu .nav-menu li .sub-menu-wrap ul li a:hover { background: #fff; color: #ffcd03; padding-left: 18px; } .index3-wrapper .menu a:hover,.index2-wrapper .menu a:hover{background: none;} .index3-wrapper .menu a:hover{color: #0099ff;} .header.header-fixed .header-menu .menu > ul > li:hover > a:before{opacity: 1;} } /*------------------------------------------------------------------ __3.2/Menu Mobile */ a.menu-mm { display: block; padding: 4px 10px 9px 0; position: absolute; left: 20px; top: 0; } a.menu-mm:focus { outline: none; } a.menu-mm .icon-bar { background-color: #563d7c; border-radius: 1px; display: block; height: 2px; margin-bottom: 8px; width: 30px; -webkit-transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s; -ms-transition: transform 0.3s ease 0s; -o-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; -webkit-transform: translateZ(0px); -ms-transform: translateZ(0px); transform: translateZ(0px); } .mm-opened .icon-bar.top { -webkit-transform: translate3d(0px, 10px, 0px) rotate(225deg); -ms-transform: translate3d(0px, 10px, 0px) rotate(225deg); transform: translate3d(0px, 10px, 0px) rotate(225deg); } .mm-opened .icon-bar.middle { -webkit-transform: translate3d(0px, 0px, 0px) rotate(-45deg); -ms-transform: translate3d(0px, 0px, 0px) rotate(-45deg); transform: translate3d(0px, 0px, 0px) rotate(-45deg); } .mm-opened .icon-bar.bottom { -webkit-transform: translate3d(0px, -10px, 0px) rotate(135deg); -ms-transform: translate3d(0px, -10px, 0px) rotate(135deg); transform: translate3d(0px, -10px, 0px) rotate(135deg); } .mobile-frm-search-wrap > .frm-search { display: block; opacity: 1; filter: alpha(opacity=100); height: 75px; position: relative; right: auto; top: auto; width: 100%; visibility: visible } .mobile-frm-search-wrap > .frm-search .q { width: 80%; } .header.header-fixed .header-menu a.menu-mm{top: 0;margin: 0;padding: 10px 10px 2px 10px;margin-top: -21px;} .header.header-fixed .header-menu a.menu-mm .icon-bar{background: #fff} @media(max-width: 1199px){ .header.header-fixed .header-menu{padding-left: 200px} .header.header-fixed .header-menu .menu > ul > li > a{padding: 10px 5px;} } @media(max-width: 991px){ .header.header-fixed .header-left{left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .header.header-fixed .header-menu{top: 50%} .header.header-fixed .header-right{right: 15px} } @media(max-width: 479px){ .header.header-fixed .header-left{top: 25px;transform: translate(-50%,0%);-moz-transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);} .header.header-fixed .header-menu,.header.header-fixed .header-right{top: auto;bottom: 20px;transform: none;-moz-transform: none;-webkit-transform: none;} .header.header-fixed .header-menu a.menu-mm{margin: 0;top: auto;bottom: 0} .header.header-fixed,.header.header-fixed .container{height: 150px;} } /*------------------------------------------------------------------ 4/Footer */ .footer {position: relative;background: #424853;padding: 100px 0 100px;color: #808a97;} .footer .bg {background: transparent url("../img/wave_footer_bg.png") repeat-x scroll 0 0;height: 20px;left: 0;position: absolute;top: -16px;width: 100%;} .footer .widget .widget-title { color: #fff; font-weight: 700; font-size: 18px; text-transform: uppercase; margin: 0 0 46px; } .footer .widget .textwidget, .footer .widget .textwidget p {color: #808a97;font-size: 14px;line-height: 24px;} .footer .widget .textwidget ul { list-style: none; padding: 0; margin: 0; } .footer .widget .textwidget ul li { margin: 0 0 22px; } .footer .widget .textwidget ul li:last-child { margin-bottom: 0; } .footer .widget .textwidget ul li a { font-size: 12px; font-weight: 700; color: #808a97; text-transform: uppercase; } .footer .widget .textwidget .contact-info { margin-top: 30px; color: #fff; } .footer .widget .textwidget .contact-info a { color: #fff; } .footer .widget .textwidget .contact-info .phone, .footer .widget .textwidget .contact-info .location { position: relative; padding-left: 30px; } .footer .widget .textwidget .contact-info .phone:before, .footer .widget .textwidget .contact-info .location:before {position: absolute;width: 20px;left: 0;top: 0;font-size: 20px;color: #fcd20b;text-align: center;} .footer .widget .textwidget .contact-info .phone:before { font-family: 'FontAwesome'; content: "\f095"; } .footer .widget .textwidget .contact-info .phone .phone-no { display: block; font-size: 18px; font-weight: 700; } .footer .widget .textwidget .contact-info .phone .email { text-transform: none; font-size: 14px; font-weight: 400; } .footer .widget .textwidget .contact-info .location:before { font-family: 'FontAwesome'; content: "\f041"; } .footer .widget.widget_recent_entries ul { list-style: none; padding: 0; } .footer .widget.widget_recent_entries ul li { margin-bottom: 35px; } .footer .widget.widget_recent_entries ul li .thumb { float: left; width: 65px; } .footer .widget.widget_recent_entries ul li .thumb img { display: block; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .footer .widget.widget_recent_entries ul li .text { float: left; width: calc(100% - 65px); } .footer .widget.widget_recent_entries ul li .text > a { display: block; color: #808a97; font-size: 12px; font-weight: 700; } .footer .widget.widget_recent_entries ul li .text .post-date { display: block; margin-top: 10px; color: #fcd20b; font-size: 12px; font-weight: 400; } .footer .widget.widget_recent_entries .view-all { font-weight: 700; color: #808a97; text-transform: uppercase; text-decoration: underline; margin: 0 0 0 65px; } .footer.footer-with-images{padding-top: 116px;} .footer.footer-with-images .bg{background-image: url("../img/wave_footer_bg2.png");top: 0;z-index: 2;} .footer.footer-with-images .bg-images{z-index: 1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.05;} .footer.footer-with-images .container{z-index: 3;position: relative;} @media(min-width: 1025px){ .footer .widget .textwidget ul li a:hover { color: #fff; text-decoration: none; } .footer .widget.widget_recent_entries ul li .text > a:hover { color: #fff; } .footer .widget.widget_recent_entries .view-all:hover { color: #fff; } } /*------------------------------------------------------------------ __4.1/Site Copyright .site-copyright */ .site-copyright { background: #303741; padding: 25px 0 10px; font-size: 14px; color: #808a97; } .site-copyright a { color: #fcd20b; } .site-copyright .footer-menu li a { display: block; padding: 0 2px; font-weight: 700; font-size: 12px; color: #808a97; text-transform: uppercase; } .site-copyright .footer-menu li a[class^="fa-icon-"]{font-size: 14px;font-weight: 400;padding: 0 4px;} @media(min-width: 1025px){ .site-copyright a:hover { text-decoration: underline; } .site-copyright .footer-menu li a:hover { color: #fff; text-decoration: none; } } /*------------------------------------------------------------------ 5/Section */ .section-top{position:relative;} .section-top .bg { height: 25px; position: absolute; left: 0; top: -19px; width: 100%; height: 20px; background: transparent url(../img/wave_bg.png) center center repeat-x; } .section-top .bg img { height: 20px; } .section-index{padding: 100px 0} @media(max-width: 100%){ .section-index{padding: 50px 0} } /*------------------------------------------------------------------ __5.1/Who we are .who-we-are */ .who-we-are { padding-top: 100px; position: relative; background: #f8f9f9; } .who-we-are .text { margin: 40px 0; } .who-we-are .col-left { padding-bottom: 20px; } .who-we-are p{ font-size: 14px; line-height: 24px;} /*------------------------------------------------------------------ __5.2/what we do .what-we-do */ .what-we-do { padding: 100px 0; } .what-we-do .items { margin-top: 40px; } .what-we-do .item { position: relative; background: #F8F7F7; margin-bottom: 30px; } .what-we-do .item .title { font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; margin: 32px 0 25px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .what-we-do .item .bg-color, .what-we-do .item .bg-img { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .what-we-do .item .bg-color { background-color: #14adf4; } .what-we-do .item .bg-img { z-index: 1; background: url(../img/wwd-hover-bg.png) no-repeat center top; background-size: cover; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .what-we-do .item .text-wrap { padding: 32px 50px; position: relative; z-index: 3; } .what-we-do-2{padding-bottom: 50px;text-align: center;} .what-we-do-2 .wwd-list{margin-top: 75px} .what-we-do-2 .item{margin-bottom: 50px;display: inline-block;text-align: left;} .what-we-do-2 .item .thumb{position: relative;display:block;background: #fff} .what-we-do-2 .item .thumb span{position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);/* opacity: 0; */width: 137px;height: 39px;visibility: hidden;} .what-we-do-2 .item .thumb img{-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .what-we-do-2 .item .title{text-transform: uppercase;font-size: 14px;line-height: 24px;font-weight: 700;margin-top: 18px;margin-bottom: 13px;} .what-we-do-2 .item .title a{color: #313131} .what-we-do-2 .item .desc{margin-bottom: 14px;font-size: 14px;line-height: 24px;} .what-we-do-2 .item .readmore{display: inline-block;width: 135px;height: 40px;border: 2px solid #313131;text-align: center;text-transform: uppercase;font-size: 12px;font-weight: 700;line-height: 36px;color: #313131;} @media(min-width: 1025px){ .what-we-do .item:hover .bg-color, .what-we-do .item:hover .bg-img { opacity: 0.7; filter: alpha(opacity=70); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .what-we-do .item .text-wrap > img{ -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;} .what-we-do .item:hover .text-wrap > img { -webkit-filter: grayscale(100%) brightness(5); filter: grayscale(100%) brightness(5); } .what-we-do .item:hover .text-wrap .title, .what-we-do .item .text-wrap .desc{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} .what-we-do .item:hover .text-wrap .title, .what-we-do .item:hover .text-wrap .desc { color: #fff; } .what-we-do-2 .item .title a:hover{color: #FFCD03;} .what-we-do-2 .item .readmore:hover{background: #FFCD03;color: #fff;border-color: #FFCD03} .what-we-do-2 .item .thumb:hover img{opacity: 0.2;} .what-we-do-2 .item .thumb:hover span{opacity: 1;filter: alpha(opacity=100);visibility: visible;} .what-we-do-2 .item .thumb span:hover{background: #222222; color: #ffffff} } @media(max-width: 991px){ .what-we-do-2 .item .thumb{float: left;margin-right: 20px;} .what-we-do-2 .item .title{margin-top: 0} .what-we-do-2 .wwd-list{margin-top: 50px} } @media(max-width: 739px){ .what-we-do-2 .item .thumb{float: none;margin-right: 0} .what-we-do-2 .item{max-width: 360px} .what-we-do-2 .item .title{margin-top: 14px} } /*------------------------------------------------------------------ __5.3/Subcribe .subcribe */ .subcribe { background-repeat: no-repeat; padding: 100px 0; } .subcribe .frm-subcribe { margin-top: 40px; } .subcribe .frm-subcribe input[type="email"], .subcribe .frm-subcribe input[type="tel"], .subcribe .frm-subcribe textarea { border: none; background: #fff; padding: 15px; margin-bottom: 10px; font-size: 14px; width: 100%; } .subcribe .frm-subcribe input[type="email"]:focus, .subcribe .frm-subcribe input[type="tel"]:focus, .subcribe .frm-subcribe textarea:focus { outline: none; } @media (min-width: 992px) { .subcribe .frm-subcribe .col-md-6, .subcribe .frm-subcribe .col-md-12 { padding-right: 0; } } .subcribe .frm-subcribe .btn-subcribe { margin-top: 28px; } .subcribe .container{position: relative} .subcribe .main-images{position: absolute;right: 15px;bottom: -100px;} .subcribe-with-image [class^="col-"]{position: static;} @media(min-width: 1025px){ .subcribe .frm-subcribe .btn-subcribe:hover{background: #000000; opacity: 1; color: #fff} } @media(max-width: 991px){ .subcribe .main-images{display: none} } /*------------------------------------------------------------------ __5.4/Our Experts .our-experts */ .our-experts {padding: 100px 0 0;} .our-experts .people {margin-top: 40px;padding-bottom: 5px;} .our-experts .people .person {position: relative;margin-bottom: 100px;} .our-experts .people .person .info { color: #fff; position: absolute; left: 0; bottom: 0; right: 0; height: 100px; } .our-experts .people .person .info .bg { background: #14adf4; opacity: 0.7; filter: alpha(opacity=70); position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .our-experts .people .person .info .text { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 2; padding: 0 20px; display: table; width: 100%; height: 100%; } .our-experts .people .person .info .text .left { display: table-cell; vertical-align: middle; width: 41.666%; } .our-experts .people .person .info .text .left h2, .our-experts .people .person .info .text .left span { text-transform: uppercase; } .our-experts .people .person .info .text .left h2 { font-size: 14px; font-weight: 700; margin: 0; } .our-experts .people .person .info .text .social { display: table-cell; vertical-align: middle; width: 58.333%; margin: 0; text-align: right; } .our-experts .people .person .info .text .social li > a { display: block; color: #fff; width: 29px; height: 29px; text-align: center; line-height: 26px; border: 2px solid #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } @media(min-width: 1025px){ .our-experts .people .person .info .text .social li > a:hover { border-color: #F9D800; background-color: #F9D800; } } @media(max-width: 1199px){ .our-experts .people .person .info .text .social > li{padding: 0;} } @media(max-width: 991px){ .our-experts .people .person .info .text .social > li{padding: 0 5px;} } /*------------------------------------------------------------------ __5.5/Fun facts .fun-facts */ .fun-facts { padding: 100px 0; position: relative; } .fun-facts .bg, .fun-facts .bg-color, .fun-facts .bg-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .fun-facts .bg-color { z-index: 1; } .fun-facts .bg-image { opacity: 0.25; filter: alpha(opacity=25); background-repeat: no-repeat; z-index: 2; } .fun-facts .content { z-index: 3; position: relative; } .fun-facts .item { text-align: center; } .fun-facts .item .counter-icon {position: relative;color: #fff;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;width: 120px;height: 120px;text-align: center;line-height: 120px;font-size: 36px;cursor: pointer;margin: 0 auto 25px;z-index: 2;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;} .fun-facts .item .counter-icon:before {position: absolute;height: 100%;width: 100%;left: 0;top: 0;content: "";border: 2px solid transparent;background-color: transparent;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: -1;} .fun-facts .item .counter-icon:after { position: absolute; height: 100%; width: 100%; left: 0; top: 0; content: ""; box-shadow: 0 0 0 2px #fff; -webkit-box-shadow: 0 0 0 2px #fff; -moz-box-shadow: 0 0 0 2px #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; pointer-events: none; z-index: -1; } .fun-facts .item span { display: block; } .fun-facts .item span.num { font-size: 36px; color: #ffcc00; margin-bottom: 24px; } .fun-facts .item span.name { font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; } .fun-facts .item-gray .counter-icon{color: #ccd1d9;} .fun-facts .item-gray .counter-icon:before{border-color: #ccd1d9;} .fun-facts .item-gray span.num{color: #222222} .fun-facts .item-gray span.name{color: #aab2bd} @media(min-width: 1025px){ .fun-facts .item .counter-icon:hover:before {border-color: #FCD200;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;-moz-box-shadow: 0 0 0 2px #FCD200;} .fun-facts .item .counter-icon:hover:after { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; box-shadow: 0 0 0 2px transparent; -webkit-box-shadow: 0 0 0 2px transparent; -moz-box-shadow: 0 0 0 2px transparent; background-color: #FCD200; -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .fun-facts .item-gray .counter-icon:hover{color: #fff} } /*------------------------------------------------------------------ __5.6/Our Blog Posts .out-blog-posts */ .out-blog-posts { padding: 100px 0; background: #F6F7F8; } .out-blog-posts.in-page {padding-top: 35px;background: #fff;} .out-blog-posts .posts { margin-top: 40px; } .out-blog-posts .posts .post { position: relative; background: #fff; margin-bottom: 20px; } .out-blog-posts.in-page .posts .post{margin-bottom: 35px} .out-blog-posts .posts .post .thumb > a > img { width: 100%; height: auto; -webkit-transform: translateZ(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .out-blog-posts .posts .post .date { position: absolute; left: 0; top: 0; width: 58px; height: 52px; } .out-blog-posts .posts .post .date .bg {background: #0099ff;opacity: 0.7;filter: alpha(opacity=70);position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .out-blog-posts .posts .post .date .text {color: #ffffff;height: 100%;line-height: 52px;text-align: center;position: relative;width: 100%;z-index: 2;overflow: hidden;padding: 6px 4px;} .out-blog-posts .posts .post .date .text span {display: block;vertical-align: middle;line-height: 14px;font-weight: 500;text-transform: uppercase;} .out-blog-posts .posts .post .date .text span.d{font-size: 20px;line-height: 24px;} .out-blog-posts .posts .post .date .text span.m{font-size: 11px;} .out-blog-posts .posts .post .title { font-size: 24px; margin-top: 0; margin-bottom: 18px; } .out-blog-posts .posts .post .title a { color: #333; font-size: 14px; font-weight: 700; text-transform: uppercase; } .out-blog-posts .posts .post .excerpt { font-size: 14px; line-height: 22px; color: #666; margin-bottom: 32px; } .out-blog-posts .posts .post .readmore { font-weight: 700; font-size: 12px; color: #333; text-transform: uppercase; } .out-blog-posts .posts .post .content {padding: 22px 24px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .out-blog-posts.in-page .posts .post .content{border: 1px solid #f2f2f2;border-top: none;} .out-blog-posts .posts .view-all-post { margin-top: 60px; } @media(min-width: 1025px){ .out-blog-posts .posts .post .thumb > a > img:hover { opacity: 0.7; filter: alpha(opacity=70); } .out-blog-posts .posts .post .title a:hover { color: #ffcc00; } .out-blog-posts .posts .post .readmore:hover { color: #ffcc00; text-decoration: none; } .out-blog-posts .posts .post:hover .content{-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);} .out-blog-posts .posts .post:hover .date .bg{opacity: 1} } @media(max-width: 991px){ .out-blog-posts .posts .view-all-post{margin-top: 10px} } /*------------------------------------------------------------------ __5.7/Clients .clients */ .clients { padding: 50px 0; } .clients-index-3{padding-top: 100px} .clients.style-yellow{background: #FCD200;} .clients a img {opacity: 0.5;filter: alpha(opacity=50);margin: 0 auto;} .clients .list-client .slick-list .slick-track { display: table; } .clients .list-client .slick-list .slick-track .item.slick-slide { float: none; display: table-cell; vertical-align: middle; } .list-client-small{margin: 0 -15px;font-size: 0;} .list-client-small .item{display: inline-block;padding: 0 15px;width: calc(100% /3);margin-bottom: 60px;text-align: center;} .promotion{position: relative;color: #ffffff;margin-bottom: 20px;padding-right: 140px;} .promotion h2{margin: 0;font-size: 30px;line-height: 48px;} .promotion h3{margin: 0;font-weight: 400;line-height: 24px} .promotion .btn-button{position: absolute;line-height: 40px;right: 0;top: 50%;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);} @media(max-width: 991px){ .promotion h2{font-size: 24px;line-height: 30px;margin-bottom: 10px;} .promotion h3{font-size: 16px} } @media(max-width: 767px){ .promotion{padding-right: 0} .promotion .btn-button{position: relative;top:0;margin-top: 20px;transform: none;-webkit-transform: none;-moz-transform: none;} } @media(min-width: 1025px){ .clients a img { -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .clients a:hover img { opacity: 1; filter: alpha(opacity=100); } .promotion .btn-button:hover{background: #14adf4; color: #fff} } /*------------------------------------------------------------------ __5.8/Testimonials .testimonials */ .testimonials { position: relative; } .testimonials .bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .testimonials .bg-color { z-index: 1; } .testimonials .bg-image { opacity: 0.2; filter: alpha(opacity=20); background-position: 50% 0; background-repeat: no-repeat; z-index: 2; } .testimonials .content { z-index: 3; position: relative; } .testimonials .slick-arrow { border: medium none; font-size: 0; position: absolute; right: 0; top: calc(50% - 34px); z-index: 1; background: none; opacity: 0.5; filter: alpha(opacity=50); -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; outline: none; } .testimonials .slick-arrow:hover { opacity: 1; filter: alpha(opacity=100); } .testimonials .slick-arrow:focus { outline: none; } .testimonials .slick-arrow:active { outline: none; } .testimonials .slick-arrow:before { font-size: 48px; color: #fff; font-family: 'FontAwesome'; content: '\f105'; } .testimonials .slick-arrow.slick-prev { right: auto; left: 0; } .testimonials .slick-arrow.slick-prev:before { content: '\f104'; } .testimonials .slick-slider-nav { height: 100px; } .testimonials .slick-slider-nav .slick-slide:focus { outline: none; } .testimonials .slick-slider-nav .item { float: left; padding: 10px 0; position: relative; } .testimonials .slick-slider-nav .item img, .testimonials .slick-slider-nav .item .overlay { display: block; position: relative; height: 80px; margin: 0 auto; width: 80px; padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: box-shadow 0.3s ease 0s; -moz-transition: box-shadow 0.3s ease 0s; -ms-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; } .testimonials .slick-slider-nav .item .overlay { background: rgba(252, 210, 11, 0) none repeat scroll 0 0; height: 70px; margin-top: -75px; width: 70px; } .testimonials .slick-slider-nav .item.slick-current img { box-shadow: 0 0 0 2px #fff; -webkit-box-shadow: 0 0 0 2px #fff; -moz-box-shadow: 0 0 0 2px #fff; } .testimonials .slick-slider-nav .item.slick-current .overlay { background: rgba(252, 210, 11, 0.75); } .testimonials .slick-slider-nav .item.slick-current .overlay:before { position: absolute; font-family: 'FontAwesome'; content: "\f10d"; color: #fff; font-size: 18px; top: 22px; left: 28px; } .testimonials .slick-slider-for { margin-top: 40px; } .testimonials .slick-slider-for .item { font-size: 14px; } .testimonials .slick-slider-for .item .text { color: #fff; } @media (min-width: 992px) { .testimonials .slick-slider-for .item .text { width: 75%; margin: 0 auto; } } .testimonials .slick-slider-for .item .author { color: #fcd20b; text-transform: uppercase; font-weight: 700; font-size: 14px; margin-top: 45px; } .testimonials .slick-slider-for .item span { text-transform: uppercase; color: #fff; font-size: 14px; } .testimonials .slick-slider-for .item:focus { outline: none; } .testimonials-small .slick-slider-nav .item{padding: 8px 0;} .testimonials-small .slick-slider-nav .item img, .testimonials-small .slick-slider-nav .item .overlay{padding-top: 0;padding-bottom: 0;height: 70px} .testimonials-small .slick-slider-nav .item .overlay{margin-top: -70px} .testimonials-small .slick-slider-nav .item.slick-current .overlay{background: rgba(255,255,255,0.75)!important} .testimonials-small .slick-slider-nav .item.slick-current .overlay:after{content: '';position: absolute;top: -8px;left: -8px;width: 86px;height: 86px;border: 2px solid #fcd20b;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;} .testimonials-small .slick-slider-for .item .text{color: #666666;width: 100%;line-height: 24px;} .testimonials-small .slick-slider-for .item span{color: #222222;font-size: 11px} .testimonials-small .slick-slider-for .item .author{color: #313131} .testimonials-small .slick-slider-nav .item.slick-current .overlay:before{color: #fcd20b} /*------------------------------------------------------------------ __5.9/Service registration process .service-registration-process,.srp-item */ .service-registration-process{padding: 100px 0} .srp-item{padding-top: 70px;} .srp-item .step{position: relative; padding-top: 18px;margin-top: 75px;} .srp-item .step .icon-background{position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);transform: translate(-50%,0);} .srp-item .step .content{position: relative;} .srp-item .step .title{font-size: 14px; margin-bottom: 13px;text-transform: uppercase;color: #222222;font-weight: 700;} .srp-item .step .tgs{margin-bottom: 18px;} .srp-item .step .desc{margin-bottom: 0;line-height: 24px;} .srp-item .main-images{position: relative;width: 100%;height: 565px;border: 9px solid #f0f1f3;} .srp-item .main-images img{position: absolute;max-width: calc(100% + 50px);bottom: 0;left: 50%;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);transform: translate(-50%,0);} @media(max-width: 991px){ .srp-item{padding-top: 30px} .srp-item .col{width: 100%;text-align: center;} .srp-item .col:first-child .step{margin-top: 0} .srp-item .step{width: 50%;float: left;padding: 0 15px} .srp-item .main-images{margin-top: 90px} } @media(max-width: 599px){ .srp-item .step{width: 100%;} .srp-item .col:first-child .step{margin-top: 75px;} .srp-item .col:first-child .step:first-child{margin-top: 0} } /*------------------------------------------------------------------ __5.10/Pricing Plan .pricing-plan,.pricing-table */ .pricing-plan{padding: 100px 0} .pricing-table{display: table;margin-top: 70px;width: 100%;text-align: center;} .pricing-table .pricing-table-row{display: table-row;} .pricing-table:after{content: '';display: block;clear: both;} .pricing-table .col{display: table-cell;position: relative;vertical-align: top;width: 20%;} .pricing-table .col:before{content: "";position: absolute;top: -7px;left: 0;width: 100%;height: 7px;background: #ffcd03;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .pricing-table .col-first:before{display: none;} .pricing-table .thead{height: 110px;padding: 13px;background: #1faaeb;color: #fff;vertical-align: middle;} .pricing-table .thead h4{margin: 0;font-weight: 700;text-transform: uppercase;line-height: 34px;white-space: nowrap;} .pricing-table .price{position: relative;display: inline-block;padding: 0 45px 0 15px;} .pricing-table .price .number{font-size: 45px;line-height: 50px;font-weight: 700} .pricing-table .price .currency{position:absolute;top: 0;left: 0;font-size: 18px;font-weight: 700;line-height: 50px;} .pricing-table .price .small_number{position: absolute;right: 0;top: 5px;width: 40px;text-align: left;font-size: 18px;} .pricing-table .price .time{position: absolute;top: 30px;right: 0;width: 40px;text-align: left;font-size: 16px;color: #fcd20b;font-weight: 700;} .pricing-table .col-first .thead{border: 1px solid #e9eaeb;background: none;color: #14adf4;text-transform: uppercase;font-size: 18px;font-weight: 700;} .pricing-table .col-first .td{border-left: 1px solid #e9eaeb;} .pricing-table .td{height: 62px;padding: 7px;border-right: 1px solid #e9eaeb;border-bottom: 1px solid #e9eaeb;font-size: 14px;left: 24px;line-height: 48px;color: #222222;white-space: nowrap;overflow: hidden;} .pricing-table .td:last-child{height: 100px} .pricing-table .td .fa-icon-times{color:#666666;font-size: 24px;line-height: 48px} .pricing-table .td .fa-icon-check{color: #14adf4;font-size: 24px;line-height: 48px} .pricing-table .td .btn-order{display: inline-block;width: 125px;color: #fff;background: #fcd20b;line-height: 40px;font-size: 12px;font-weight: 700;margin: 23px 0;} .pricing-table .col-featured{top: -10px;-webkit-box-shadow: 0px 1px 12px 0px rgba(34, 34, 34, 0.25);-moz-box-shadow: 0px 1px 12px 0px rgba(34, 34, 34, 0.25);box-shadow: 0px 1px 12px 0px rgba(34, 34, 34, 0.25);} .pricing-table .col-featured .thead{height: 120px;padding-top: 23px;} .pricing-table .col-featured .td:last-child{height: 110px} .pricing-table .col-featured .td .btn-order{background: #14adf4} .pricing-table .thead.bg-main-2{background-color: #14adf4} .pricing-table .thead.bg-blue-1{background-color: #1faaeb} .pricing-table .thead.bg-blue-2{background-color: #0ba3ea} .pricing-table .thead.bg-blue-3{background-color: #119fe2} @media(min-width: 1025px){ .pricing-table .td .btn-order:hover{background: #14adf4} .pricing-table .col:hover:before{opacity: 1;} } @media(max-width: 1199px){ .pricing-table .thead h4{font-size: 14px;} } @media(max-width: 991px){ .pricing-table .col-first{display: none!important;} .pricing-table .col:nth-child(2) .td{border-left: 1px solid #E9EAEB;} } @media(max-width: 767px){ .pricing-table .col{width: 100%} .pricing-table .col{display: block;margin: 0 auto 50px;max-width: 300px} .pricing-table .col:last-child{margin-bottom: 0} .pricing-table .col .td{border-left: 1px solid #E9EAEB;} .pricing-table .thead h4{font-size: 18px} } /*------------------------------------------------------------------ __5.11/Pricing Plan .pricing-plan-table-2 */ .pricing-plan-table-2{margin-top: 75px;} .pricing-plan-table-2:after{content: ''; clear: both; display: block;} .pricing-plan-table-2 .col-wrap{float: left;position: relative;width: 25%; top: 0} .pricing-plan-table-2 .col{display: inline-block;background: #fff;position: relative;width: 100%;} .pricing-plan-table-2 .td-title{padding: 19px 0 17px;color: #fff;position: relative;z-index: 1;} .pricing-plan-table-2 .td-title strong{text-transform: uppercase;display: block;margin: 12px 0 0;font-size: 16px;line-height: 24px;} .pricing-plan-table-2 .td-title span{font-size: 12px;font-weight: 500;line-height: 16px;display: block;} .pricing-plan-table-2 .td-price{font-size: 36px;line-height: 45px;color: #ffffff;font-weight: 700;padding: 15px 0 25px;position: relative;z-index: 1;} .pricing-plan-table-2 .td-price:before,.pricing-plan-table-2 .td-price:after{width: 50%;height: 10px;border-bottom: 10px solid #fff;content: "";position: absolute;bottom: 0;} .pricing-plan-table-2 .td-price:before{left: 0;border-right: 10px solid transparent;} .pricing-plan-table-2 .td-price:after{right: 0;border-left: 10px solid transparent;} .pricing-plan-table-2 .td-price .price:before{content: ''; bottom: 0; width: 1px; background: #e8e8e8; height: 10px; position: absolute; left: 0} .pricing-plan-table-2 .td-price span{font-size: 18px;} .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-title, .pricing-plan-table-2 .col-wrap:nth-child(even) .td-price{background: #14adf4} .pricing-plan-table-2 .col-wrap:nth-child(even) .td-title, .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-price{background: #40bcf6} .pricing-plan-table-2 .col-wrap:first-child .td-price .price:before{display: none;} .pricing-plan-table-2 .col-wrap:first-child .td-option,.pricing-plan-table-2 .col-wrap:first-child .td-order{border-left: none;} .pricing-plan-table-2 .td-option{position: relative;padding: 13px 15px 17px;border-left: 1px solid #e8e8e8;} .pricing-plan-table-2 .simple-title{font-size: 14px; margin: 0;line-height: 24px;color: #222222;} .pricing-plan-table-2 .simple-title.no-title{color: #dedede} .pricing-plan-table-2 .simple-title.no-title span{color: #14adf4;padding-left: 10px;} .pricing-plan-table-2 .td-option p{margin: 0;font-size: 13px; line-height: 19px} .pricing-plan-table-2 .td-option:before{content: '';position: absolute;bottom: 0;height: 1px;width: 100%;left: 50%;max-width: 240px;background: #e8e8e8;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);transform: translate(-50%,0);} .pricing-plan-table-2 .td-order{padding: 30px 15px 50px;border-left: 1px solid #e8e8e8;} .pricing-plan-table-2 .td-order .btn-order{width: 125px;height: 40px;background: #14adf4;color: #fff;text-transform: uppercase;font-weight: 700;border: none;outline: none;} .pricing-plan-table-2 .td-order .btn-order:hover{opacity:0.7} .pricing-plan-table-2 .col-wrap.featured{top: -14px} .pricing-plan-table-2 .col-wrap.featured .td-title{padding-top: 33px} .pricing-plan-table-2 .col-wrap.featured .td-order{padding-bottom: 64px} .pricing-plan-table-2 .col-wrap.featured .td-order,.pricing-plan-table-2 .col-wrap.featured .td-option{border-left: none;} .pricing-plan-table-2 .col-wrap.featured .td-price .price:before{display: none;} .pricing-plan-table-2 .col-wrap.featured .col{z-index: 2;-webkit-box-shadow: 1px 0px 12px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 1px 0px 12px 0px rgba(0, 0, 0, 0.25);box-shadow: 1px 0px 12px 0px rgba(0, 0, 0, 0.25);} .pricing-plan-table-2 .col-wrap.featured + .col-wrap .td-order,.pricing-plan-table-2 .col-wrap.featured + .col-wrap .td-option{border-left: none;} .pricing-plan-table-2 .col-wrap.featured + .col-wrap .td-price .price:before{display: none;} .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-title, .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-price{background: #ffcd03} .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-title, .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-price{background: #ffd632} .pricing-plan-table-2 .col-wrap.featured .btn-order{background: #ffd632} @media(min-width: 1025px){ .pricing-plan-table-2 .col-wrap, .pricing-plan-table-2 .col-wrap .td-title, .pricing-plan-table-2 .col-wrap .td-order, .pricing-plan-table-2 .col-wrap .td-option, .pricing-plan-table-2 .col-wrap .td-price .price:before, .pricing-plan-table-2 .col-wrap .col, .pricing-plan-table-2 .col-wrap .td-price, .pricing-plan-table-2 .col-wrap .td-price .price {-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;} .pricing-plan-table-2 .col-wrap:hover{top: -14px} .pricing-plan-table-2 .col-wrap:hover .td-title{padding-top: 33px} .pricing-plan-table-2 .col-wrap:hover .td-order{padding-bottom: 64px} .pricing-plan-table-2 .col-wrap:hover .td-order,.pricing-plan-table-2 .col-wrap:hover .td-option{border-left: none;} .pricing-plan-table-2 .col-wrap:hover .td-price .price:before{display: none;} .pricing-plan-table-2 .col-wrap:hover .col{z-index: 2;-webkit-box-shadow: 1px 0px 12px 0px rgba(0, 0, 0, 0.25);-moz-box-shadow: 1px 0px 12px 0px rgba(0, 0, 0, 0.25);box-shadow: 1px 0px 12px 0px rgba(0, 0, 0, 0.25);} .pricing-plan-table-2 .col-wrap:hover + .col-wrap .td-order,.pricing-plan-table-2 .col-wrap:hover + .col-wrap .td-option{border-left: none;} .pricing-plan-table-2 .col-wrap:hover + .col-wrap .td-price .price:before{display: none;} .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-title, .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-price{background: #ffcd03} .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-title, .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-price{background: #ffd632} .pricing-plan-table-2 .col-wrap .btn-order:hover{background: #000; opacity: 1} } @media(max-width: 991px){ .pricing-plan-table-2{margin-top: 50px} .pricing-plan-table-2 .col-wrap{width: 100%; margin-top: 50px} .pricing-plan-table-2 .col-wrap:first-child{margin-top: 0} .pricing-plan-table-2 .col-wrap .col{max-width: 300px} } /*------------------------------------------------------------------ 6/Pages */ /*------------------------------------------------------------------ __6.1/Blog */ .blog-list-full-detail{padding-bottom: 100px;} .blog-list-full-detail .view-all-post{margin-top: 65px} .blog-list-full-detail .blog-list-item{margin-bottom: 35px} .blog-list-item{position: relative;} .blog-list-item .thumb{display: block;position: relative;} .blog-list-item.post-quote .thumb{height: 190px;padding: 24px 15px 24px 85px;overflow: hidden;background: #000;} .blog-list-item.post-quote .thumb .quote{color: #fff;position: relative;top: 50%;z-index: 2;font-size: 18px;line-height: 28px;font-style: italic;text-align: center;margin: 0 auto;max-width: 660px;max-height: 100%;overflow: auto;padding: 0;-moz-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);transform: translate(0,-50%);} .blog-list-item.post-quote .thumb img{max-width: 1900px;top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);opacity: 0.5;} .blog-list-item.post-video .thumb{background: #000} .blog-list-item.post-video .thumb img{opacity: 0.5;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .blog-list-item.post-video .thumb:before, .blog-list-item.post-video .thumb:after{content: '';width: 73px;height: 73px;position: absolute;z-index: 8;top: 50%;left: 50%;margin-left: -36px;margin-top: -36px;} .blog-list-item.post-video .thumb:before{background: url('../img/icon-play.png');} .blog-list-item.post-video .thumb:after{background: url('../img/icon-play-single.png');} .blog-list-item .date{position: absolute;top: 0;left: 0;z-index: 10;width: 70px;text-align: center;color: #ffffff;background: rgba(20,173,242,0.7);padding: 12px 0 11px;} .blog-list-item .date .m{font-size: 14px;display: block;} .blog-list-item .date .d{font-size: 26px;display: block;line-height: 22px;} .blog-list-item .post-type{position: absolute;top: 65px;left: 0;z-index: 10;width: 70px;height: 65px;text-align: center;background: rgba(252,210,11,0.7);} .blog-list-item .post-type i{color: #fff;font-size: 24px;line-height: 65px;} .blog-list-item .content{padding: 24px 36px 28px;background: #fbfbfb;border-bottom: 1px solid #efefef;} .blog-list-item .title{margin: 0 0 5px;font-size: 30px;line-height: 42px;font-weight: 700;text-transform: uppercase;} .blog-list-item .title a{color: #222222} .blog-list-item .post-meta{margin-bottom: 22px;color: #555555;font-size: 14px;line-height: 24px;} .blog-list-item .post-meta .author{color: #555555} .blog-list-item .post-meta .cat{color: #31aae2} .blog-list-item .post-meta .split{padding: 0 15px;} .blog-list-item .desc{margin-bottom: 24px;line-height: 24px;color: #666666;} .blog-list-item .readmore{text-transform: uppercase;line-height: 21px;color: #222222;font-weight: 700;} .blog-list-item ul,.blog-list-item ol{list-style: none;margin: 0 0 24px;padding: 0;} .blog-list-item ul.slides{margin: 0} .blog-list-item .slides:after{content: '';display: block;clear: both} .blog-list-item.post-slider .thumb:before{content: '';position: absolute;bottom: 0;left: 0;height: 57px;width: 100%;background: rgba(255,255,255,0.25);z-index: 1;} .blog-list-item .flex-control-nav{position: absolute;font-size: 0;bottom: 22px;left: 50%;-moz-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);transform: translate(-50%,0);z-index: 8;margin: 0;} .blog-list-item .flex-control-nav li{display: inline-block;margin: 0 4px;} .blog-list-item .flex-control-nav a{display: block;width: 13px;height: 13px;background: #fff;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;cursor: pointer;} .blog-list-item .flex-control-nav .flex-active{background: #31aae2} .blog-list-item .flex-direction-nav a{position: absolute;font-size: 0;width: 30px;height: 45px;bottom: 6px;background: #31aae2;color: #fff;text-align: center;cursor: pointer;z-index: 4;} .blog-list-item .flex-direction-nav a:before{font-family: 'FontAwesome';font-size: 18px;line-height: 45px;} .blog-list-item .flex-prev{left: 5px;} .blog-list-item .flex-prev:before{content: '\f104'} .blog-list-item .flex-next{right: 5px;} .blog-list-item .flex-next:before{content: '\f105'} .blog-list-item.post-sound{position: relative;height: 130px;padding-left: 200px;} .blog-list-item.post-sound .thumb{position: absolute;width: 200px;padding-left: 70px;left: 0;top: 0;} .blog-list-item.post-sound .date{background: #5ac5f7} .blog-list-item.post-sound .post-type{background: #fddf54} .blog-list-item.post-sound .sound-content{background: #f8f7f7;height: 100%;padding: 20px;overflow: hidden;} .blog-list-item.post-sound .title{font-size: 14px;line-height: 24px;color: #313131;} .blog-list-item.post-sound .top{font-size: 14px;line-height: 24px;white-space: nowrap;margin-bottom: 18px;} .blog-list-item.post-sound .top .split{padding: 0 5px} .blog-list-item .single-content{border-bottom: 1px solid #eeefef;margin-bottom: 100px;} .blog-list-item .single-content .title{padding-top: 24px} .blog-list-item .single-content .tagcloud{padding-bottom: 25px;} @media(min-width: 1025px){ .blog-list-item.post-image .thumb img,.blog-list-item.post-sound .thumb img{ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .blog-list-item.post-image a.thumb:hover img,.blog-list-item.post-sound a.thumb:hover img{opacity: 0.7} .blog-list-item .title a:hover{color: #fcd20b;} .blog-list-item .readmore:hover{color: #fcd20b;} .blog-list-item .post-meta .author:hover{color: #fcd20b;} .blog-list-item .post-meta .cat:hover{color: #fcd20b;} .blog-list-item .flex-direction-nav a:hover{background: #fcd20b} .blog-list-item.post-sound .title:hover{color: #fcd20b;} .blog-list-item.post-sound .author:hover{color: #fcd20b;} .blog-list-item.post-video .thumb:hover img{opacity: 0.25} .blog-list-item.post-video .thumb:hover:before{ -webkit-animation: fa-spin 2s infinite linear; -moz-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;} } @media(max-width: 991px){ .blog-list-full-detail{padding-bottom: 50px} .blog-list-full-detail .view-all-post{margin-top: 15px} } @media(max-width: 479px){ .blog-list-item.post-sound{padding-left: 0;padding-top: 215px;height: 345px;} .blog-list-item.post-sound .thumb{width: 130px;padding-left: 0;padding-bottom: 65px;left: 50%;margin-left: -65px;} .blog-list-item.post-sound .date{top: 130px;width: 65px} .blog-list-item.post-sound .post-type{top: 130px; left: 65px;width: 65px} .blog-list-item .title{font-size: 24px;line-height: 30px;} .blog-list-item.post-quote .thumb .quote{font-size: 14px; line-height: 24px} .blog-list-item .desc,.blog-list-item .post-meta{font-size: 12px; line-height: 22px;margin-bottom: 10px} } @media(max-width: 379px){ .blog-list-item .post-type{left: 70px;top: 0} } /*------------------------------------------------------------------ __6.2/Sidebar */ .sidebar{margin-top: -7px;} .sidebar .widget{margin-bottom: 62px;} .sidebar .widget:last-child{margin-bottom: 0} .sidebar .widget .widget-title{padding-left: 30px;margin-bottom: 30px;font-size: 14px;text-transform: uppercase; color: #313131;font-weight: 700;background: url(../img/icon-widget.png) left center no-repeat;} /* .widget-list */ .sidebar .widget-list{font-size: 14px; line-height: 24px;} .sidebar .widget-list ul{list-style: none; margin: 0;padding: 0;} .sidebar .widget-list li{margin-top: 18px;} .sidebar .widget-list li:first-child{margin-top: 0} .sidebar .widget-list a{padding-left: 20px;color: #666666;position: relative;display: inline-block;} .sidebar .widget-list a:before{content: '\f101'; position: absolute;top: 0; left: 0;font-family: "FontAwesome";line-height: 24px;} .sidebar .widget-list .current-cat a{color: #14adf4} /* .widget-recent-post */ .sidebar .widget-recent-post ul{list-style: none;padding: 0;margin: 0} .sidebar .widget-recent-post li{margin-top: 22px;padding-left: 80px; position: relative; min-height: 67px;} .sidebar .widget-recent-post .thumb{position: absolute; left: 0; top: 4px; max-width: 63px;} .sidebar .widget-recent-post .thumb img{opacity: 1;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .sidebar .widget-recent-post .title{margin-bottom: 4px; font-size: 14px; line-height: 20px; color: #666666; font-weight: 500 } .sidebar .widget-recent-post .title a{color: #666666;} .sidebar .widget-recent-post li:first-child{margin-top: 0} .sidebar .widget-recent-post .date{color: #cfcece; line-height: 20px; font-size: 12px;} /* .tagcloud */ .tagcloud{font-size: 0; margin: 0 -5px;} .tagcloud a{display: inline-block;margin: 0 5px 10px;padding: 3px 10px;font-size: 12px;line-height: 22px;border: 1px solid #dadada;color: #666666;text-transform: uppercase;} /* .widget-shop-list */ .widget-shop-list ul{border: 1px solid #f4f6f6;list-style: none;padding: 0;margin: 0;} .widget-shop-list li{margin: 0} .widget-shop-list a{display: block;font-size: 14px;line-height: 24px;padding: 13px 20px;color: #666666;} .widget-shop-list li.current-cat a{background: #fcfbfb; color: #31aae2} /* .widget-price-filter */ .filter--slider { width: 100%; height: 56px; position: relative; padding: 20px 0px 20px 0px; overflow: hidden;} .filter--slider:before { content: ""; position: absolute; top: 26px; left: 5px; right: 5px; background: #e3e3e3; z-index: 10; height: 4px;} .filter--slider:after { content: ""; position: absolute; top: 26px; right: 0px; background: #fff; z-index: 60; width: 5px; height: 4px;} .filter--slider .noUi-base { position: absolute; top: 0px; left: 21px; right: 5px; z-index: 20; height: 56px;} .filter--slider .noUi-base .noUi-origin { position: absolute; top: 20px; width: 100%;} .filter--slider .noUi-base .noUi-origin:before { content: ""; position: absolute; top: 6px; left: 0px; width: 100%; height: 4px;} .filter--slider .noUi-base .noUi-connect { z-index: 20;} .filter--slider .noUi-base .noUi-connect:before {background: #14adf4;} .filter--slider .noUi-base .noUi-background { z-index: 30;} .filter--slider .noUi-base .noUi-background:before { background: #e3e3e3;} .filter--slider .noUi-base .noUi-handle {width: 16px;height: 16px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background: #14adf4;margin-left: -16px;position: relative;z-index: 40;} .widget-price-filter .filter--slider { margin-bottom: 10px;} .widget-price-filter .filter-label {float: right;font-size: 12px;line-height: 22px;padding: 4px;color: #666666;font-weight: 600;} .widget-price-filter .filter-label span {color: #000000;font-size: 14px;font-weight: 400;} .widget-price-filter .filter-submit {float: left;width: 60px;height: 30px;padding: 0;border: none;background: #fcd20b;color: #fff;font-size: 12px;line-height: 30px;text-transform: uppercase;font-weight: 700;} /* .widget-best-seller */ .widget-best-seller ul{padding: 0;list-style: none; margin: 0} .widget-best-seller ul li{padding: 20px 0;border-bottom: 1px solid #f3f2f2;} .widget-best-seller ul li:after{content: '';clear: both;display: block;} .widget-best-seller ul li:first-child{padding-top: 0} .widget-best-seller .item-product-top-rated{display: block;min-height: 70px;padding-left: 80px;position: relative;font-size: 14px;line-height: 24px;color: #313131;font-weight: 500;} .widget-best-seller .item-product-top-rated:after{clear: both; content: ''; display: block;} .widget-best-seller .item-product-top-rated img{position: absolute;border: 1px solid #f4f6f6;left: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .widget-best-seller .item-product-top-rated h2{font-size: 14px;line-height: 24px;margin: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .widget-best-seller .item-product-top-rated .star-rating{float: right;font-size: 0;display: block;width: 52px;position: relative;} .widget-best-seller .item-product-top-rated .star-rating span{display: block;background: #fff;color: #fcce09;position: absolute;top: 0;left: 0;height: 24px;} .widget-best-seller .item-product-top-rated .star-rating span:before{content: "\f005 \f005 \f005 \f005 \f005";font-family: "FontAwesome";display: block;color: #fcd20b;font-size: 11px;overflow: hidden;} .widget-best-seller .item-product-top-rated .star-rating:before{content: "\f006 \f006 \f006 \f006 \f006";font-family: "FontAwesome";display: block;color: #d1d5d8;font-size: 11px;} .widget-best-seller .item-product-top-rated .price{line-height: 24px;display: inline-block;} @media (max-width: 1024px) { .filter--slider .noUi-base .noUi-handle:before { width: 36px; height: 36px; position: absolute; top: -10px; left: -10px; content: "";} } @media(min-width: 1025px){ .sidebar .widget-list a:hover{color: #14adf4} .sidebar .widget-recent-post .thumb:hover img{opacity: 0.7} .sidebar .widget-recent-post .title a:hover{color: #14adf4; text-decoration: underline} .tagcloud a:hover{color: #ffffff;background: #31aae2;border-color: #31aae2;} .widget-shop-list li a:hover{background: #fcfbfb; color: #31aae2} .widget-price-filter .filter-submit:hover{opacity: 0.7} .widget-best-seller .item-product-top-rated img:hover{opacity: 0.7} .widget-best-seller .item-product-top-rated h2:hover{color: #14adf4;} } @media(max-width: 991px){ .sidebar{padding-bottom: 50px;} } /*------------------------------------------------------------------ __6.3/Text Content */ .text-content{font-size: 14px;line-height: 24px;color: #666666;padding-bottom: 45px;} .text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6{margin-bottom: 24px;color: #313131;font-weight: 700} .text-content h1{font-size: 36px; line-height: 46px} .text-content h2{font-size: 30px; line-height: 40px} .text-content h3{font-size: 24px; line-height: 34px} .text-content h4{font-size: 18px; line-height: 28px;} .text-content h5{font-size: 14px; line-height: 24px} .text-content h6{font-size: 10px; line-height: 20px} .text-content p{margin-bottom: 24px} .text-content ul li{padding-left: 25px;margin-bottom: 6px;position: relative;} .text-content ul li:before{content: '\f101';font-family: "FontAwesome";position: absolute;top: 0px;left:0;color: #31aae2;} .text-content ol li{margin-bottom: 6px;} .text-content blockquote{position: relative;padding: 30px 35px 35px 75px;margin-bottom: 24px;background: #fdfcfc;border: 1px solid #f1f1f1;font-style: italic;line-height: 30px;font-size: 16px;} .text-content blockquote p{font-size: 16px} .text-content blockquote:before{content: '\f10d';font-family: "FontAwesome";position: absolute;top: 27px;left: 35px;color: #e4e4e4;font-size: 30px;font-style: normal;} .text-content blockquote *:last-child:after{content: '\f10e';font-family: "FontAwesome";display: inline;position: relative;top: 15px;font-size: 30px;font-style: normal;color: #e4e4e4;padding-left: 15px;} .text-content table{ border: 1px solid #485A6F;} .text-content table td{ padding: 5px; border: 1px solid #485A6F;} .text-content table th{ padding: 5px; border: 1px solid #485A6F; font-weight: 600;} .text-content *{max-width: 100%;} .text-content img{max-width: 100%;height: auto} .text-content .wp-caption-text{text-align:center;padding: 5px;} .text-content .alignleft{margin-right: 1em;} .text-content .alignright{ margin-left: 1em;} .text-content ol{list-style: decimal inside;margin-left: 1em} .text-content .alignleft{float: left;} .text-content .alignright{float: right;} .text-content .aligncenter{float: none;margin: 0 auto 25px;display: block;} .images-group{margin-bottom: 25px;} .images-group:after{content: '';display: block;clear:both;} .text-content figure{display: inline-block} @media(max-width: 479px){ .text-content blockquote{padding-left: 45px;font-size: 14px;line-height: 24px;} .text-content blockquote p{font-size: 14px} .text-content blockquote:before{left: 10px} } /*------------------------------------------------------------------ __6.4/Comments */ #comments{padding-bottom: 100px} #comments > h2,#comments .comment-reply-title{padding-left: 30px;margin: 0 0 30px;font-size: 14px;line-height: 21px;text-transform: uppercase;color: #313131;font-weight: 700;background: url(../img/icon-widget.png) left center no-repeat;} .comment-list{list-style: none;padding: 0 0 65px;margin: 0;} .comment-list .children{list-style: none;padding: 0 0 0 30px;margin: 0} .comment-list .comment-meta{position: relative;padding: 19px 90px 13px 90px;height: 81px;background: #fdfcfc;} .comment-list .comment-meta .comment-author{font-size: 16px;font-weight: 600;line-height: 22px;color: #31aae2;} .comment-list .comment-meta .comment-author a{color: #31aae2;} .comment-list .comment-meta .comment-author .avatar{position: absolute;left: 20px;top: 13px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;} .comment-list .comment-meta .comment-metadata{font-size: 12px;color: #969595;line-height: 15px} .comment-list .comment-meta .comment-metadata a{color: #969595;} .comment-list .comment-body{position: relative;margin-bottom: 35px;} .comment-list .comment-body .comment-reply-link{position: absolute;top: 28px;right: 21px;width: 61px;height: 26px;text-align: center;line-height: 26px;color: #ffffff;text-transform: uppercase;background: #fcd20b;} .comment-list .comment-body .text-content{padding: 20px 30px 1px;border: 1px solid #f9f9f9} .comment-form .inp-text{width: 100%;height: 43px;font-size: 14px;line-height: 21px;padding: 10px 20px;border: 1px solid #ebebeb;margin-bottom: 7px;outline: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .comment-form textarea.inp-text{height: 130px;margin-bottom: 35px;} .comment-form .inp-text:focus{border-color: #14adf4} .comment-form .inp-submit{width: 120px;height: 40px;font-size: 12px;background: #14adf4;color: #fff;border: none;font-weight: 700;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} @media (min-width: 1025px){ .comment-list .comment-meta .comment-author a:hover{color: #fcd20b} .comment-list .comment-meta .comment-metadata a:hover{color: #fcd20b} .comment-list .comment-body .comment-reply-link:hover{background: #31aae2} .comment-form .inp-submit:hover{background: #fcd20b;} } @media(max-width: 991px){ #comments{padding-bottom: 50px} .comment-list{padding-bottom: 15px} } @media(max-width: 479px){ .comment-list .children{padding-left: 0} } @media(max-width: 399px){ .comment-list .comment-meta{padding-right: 10px} .comment-list .comment-body .comment-reply-link{position: relative;top: 0;display: block;right: 0;width: 100%;height: 32px;line-height: 32px;} } /*------------------------------------------------------------------ __6.5/Cart and Checkout */ .cart-wrapper{padding-bottom: 100px} .cart-message{margin-bottom: 40px;} .cart-message:after{content: "";display: block;clear: both} .cart-message .cart-text{float: left;font-size: 14px;line-height: 21px;padding: 9px 0;color: #666666;} .cart-message .btn-continue-shopping{float: right;} .add-to-cart-message{background: #fbfafa; padding: 18px 33px 18px 26px; margin-bottom: 100px} .add-to-cart-message{font-size: 14px; font-weight: 500} .add-to-cart-message:after{clear: both; content: ''; display: block;} .add-to-cart-message i{margin-right: 10px} .add-to-cart-message a{color: #31aae2} .add-to-cart-message .text{padding: 12px 0 13px;float: left;} .add-to-cart-message .btn-yellow{float: right; color: #fff} .shop_table.cart{margin-bottom: 35px;width: 100%;border: 1px solid #e9e9e9;} .shop_table.cart thead th{background: #fbfafa;text-align: center;text-transform: uppercase;font-size: 12px;line-height: 21px;padding: 9px;color: #666666;border: 1px solid #e9e9e9} .shop_table.cart tbody td{text-align: center;} .shop_table.cart .cart_item td{border: 1px solid #e9e9e9;padding: 36px 0} .shop_table.cart tbody .product-remove a{display: inline-block;width: 16px;height: 16px;line-height: 16px;font-size: 10px;background: #f5f4f4;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .shop_table.cart tbody .product-remove a i{line-height: 16px;} .shop_table.cart tfoot td{border-top: 1px solid #e9e9e9} .shop_table.cart tbody .product-name{color: #313131;font-weight: 700;font-size: 15px} .shop_table.cart tbody .product-name a{color: #313131;} .shop_table.cart tbody .product-price{color: #666666;font-weight: 600;font-size: 14px} .shop_table.cart tbody .product-thumbnail img{border: 1px solid #f5f5f5} .shop_table.cart tbody .qty{width: 80px;height: 36px;padding-left: 18px;font-size: 15px;color: #666666;border: 1px solid #e9e9e9;outline: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .shop_table.cart tbody .qty:focus{border-color: #14adf4} .shop_table.cart tbody .product-subtotal{padding-left: 55px;text-align: left;color: #313131;font-weight: 600;font-size: 15px} .shop_table.cart tbody td[colspan="5"]{border-right: 1px solid #e9e9e9;text-align: right;padding: 9px 24px 9px 0;font-size: 16px;line-height: 24px;color: #666666;} .shop_table.cart .cart-subtotal td{padding-top: 24px!important} .shop_table.cart tbody tr:last-of-type td{padding-bottom: 24px} .shop_table.cart tfoot td,.shop_table.cart tfoot th{padding: 21px 0;background: #fbfafa;} .shop_table.cart tfoot th{font-size: 18px;padding-right: 24px;text-align: right;} .shop_table.cart tfoot .input-text,.checkout_coupon .input-text{padding: 0 0 0 11px;margin-right: 6px;width: 233px;height: 39px;border: 1px solid #efecec;font-size: 14px;line-height: 36px;background: url(../img/bg-coupon.jpg);outline: none;} .shop_table.cart tfoot .coupon{padding-left: 25px} .shop_table.cart tfoot .product-subtotal{font-size: 18px;padding-left: 54px;color: #31aae2;} .woocommerce-info{background: #fbfbfb;padding: 15px 20px;font-size: 14px;line-height: 24px;margin-bottom: 30px;color: #666666;cursor: pointer;} .woocommerce-info.js__active:before{content: '\f046'} .woocommerce-info:before{content: '\f096';font-family: "FontAwesome";font-size: 16px;line-height: 24px;display: inline-block;margin-right: 14px;position: relative;top: 2px;width: 16px;} .woocommerce-info a{color: #14adf4} .frm-in-checkout.login{display: none;border: 1px solid #efefef;padding: 25px 25px 1px 25px;} .frm-in-checkout p{margin-bottom: 24px;width: 100%;} .frm-in-checkout .form-row{margin-bottom: 15px} .frm-in-checkout .form-row:after{content: '';display: block;clear: both;} .frm-in-checkout .form-row .lost_password{float: right;} .frm-in-checkout .form-row .lost_password a{color: #14adf4} .frm-in-checkout .form-row-input{position: relative;} .frm-in-checkout .form-row-input label{position: absolute;z-index: 1;margin: 0;top: 0;left: 15px;display: block;line-height: 34px;font-weight: 400;font-size: 14px;color: #666666;} .frm-in-checkout .form-row-active label{display: none} .frm-in-checkout .form-row-input label .required{font-size: 26px;line-height: 38px;vertical-align: top;color: #e13e3e;} .frm-in-checkout .form-row-input .input-text{position: relative;width: 100%;height: 36px;border: 1px solid #efefef;outline: none;padding: 0 15px;line-height: 34px;font-size: 14px;} .frm-in-checkout .form-row-input .input-text:focus{border-color: #14adf4} .frm-in-checkout .input-check{font-weight: 400} .frm-in-checkout .input-check label{font-weight: 400;margin: 0;} .frm-in-checkout .input-check label:before{content: "\f096";font-family: "FontAwesome";margin-right: 5px;width: 16px;display: inline-block;color: #c8c8c8;} .frm-in-checkout .input-check input:checked + label:before{content: "\f046";} .frm-in-checkout .input-check input{display: none;} .checkout_coupon{padding: 20px;border: 1px solid #efefef;display: none;margin-bottom: 30px;} .checkout.woocommerce-checkout h2,.checkout.woocommerce-checkout h3{text-transform: uppercase;font-weight: 700;font-size: 30px;line-height: 42px;color: #222222;margin: 60px 0 25px 0;} .form-row .select2-container{min-width: 100%;display: block;height: 34px;} .form-row .select2-container--default .select2-selection--single{border-color: #efefef;height: 36px;padding-left: 7px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .form-row .select2-container--default .select2-selection--single .select2-selection__rendered{height: 36px;line-height: 34px;color: #666666;} .form-row .select2-container--default .select2-selection--single .select2-selection__arrow{height: 32px;right: 5px;} .select2-dropdown{border-color: #efefef} .frm-in-checkout .form-order-textarea label{font-size: 14px;display: block;font-weight: 500;line-height: 24px;padding-bottom: 28px;margin: 0;position: relative;} .frm-in-checkout .form-order-textarea label:before{content: '';width: 16px;height: 8px;position: absolute;bottom: 0;left: 24px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #f9f9f9;} .frm-in-checkout .form-order-textarea textarea{width: 100%;border: none;background: #f9f9f9;outline: none;padding: 20px;height: 150px;} .woocommerce-checkout-review-order-table{width: 100%;font-size: 14px;line-height: 20px;margin-bottom: 35px;} .woocommerce-checkout-review-order-table thead th{text-transform: uppercase;color: #5a5858;font-weight: 700!important;font-size: 14px!important;} .woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{padding-top: 11px;padding-left: 12px;padding-bottom: 11px;padding-right: 12px;text-align: center;border: 1px solid #efefef;} .woocommerce-checkout-review-order-table .product-name,.woocommerce-checkout-review-order-table tfoot th{padding-left: 24px;padding-right: 15px;text-align: left;font-weight: 400;} .woocommerce-checkout-review-order-table .product-total,.woocommerce-checkout-review-order-table tfoot td{font-weight: 500;font-size: 16px;} .woocommerce-checkout-review-order-table .order-total th,.woocommerce-checkout-review-order-table .order-total td{background: #f9f9f9;padding-top: 15px;padding-bottom: 15px;} .woocommerce-checkout-review-order-table .order-total th{text-transform: uppercase;font-weight: 700;font-size: 18px} .woocommerce-checkout-review-order-table .order-total td{color: #14adf4} .woocommerce-checkout-payment{} .woocommerce-checkout-payment ul{list-style: none;margin: 0 0 35px;padding: 15px 25px;border: 1px solid #efefef;} .woocommerce-checkout-payment ul li{position: relative;padding-left: 30px;} .woocommerce-checkout-payment ul li > input{display: none;} .woocommerce-checkout-payment ul li .payment_box{display: none;background: #f9f9f9;position: relative;color: #7b7979;font-size: 14px;line-height: 22px;padding: 15px 18px;margin-bottom: 14px;} .woocommerce-checkout-payment ul li .payment_box:before{content: '';width: 16px;height: 8px;position: absolute;top: -8px;left: 24px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #f9f9f9;} .woocommerce-checkout-payment ul li .payment_box p{margin-bottom: 0} .woocommerce-checkout-payment ul li label{font-size: 14px;font-weight: 500;color: #222222;line-height: 24px;padding-top: 1px;margin-bottom: 14px;} .woocommerce-checkout-payment ul li label:before,.woocommerce-checkout-payment ul li label:after{content: '';display: block;position: absolute;border-radius: 50%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .woocommerce-checkout-payment ul li label:before{z-index: 1;top: 7px;left:0;width: 13px; height: 13px; border: 2px solid #dadada} .woocommerce-checkout-payment ul li label:after{z-index: 2;top: 10px;left: 3px;width: 7px;height: 7px;background: #ffffff} .woocommerce-checkout-payment ul li input:checked + label:after{background: #14adf4} .woocommerce-checkout-payment ul li input:checked + label + .payment_box{display: block;} .place-order .btn-place-order{height: 45px;width:100%;max-width: 370px;float: right;} @media(min-width:1025px){ .shop_table.cart tbody .product-remove a:hover, .shop_table.cart tbody .product-name a:hover{color: #14adf4} .woocommerce-info a:hover, .frm-in-checkout .form-row .lost_password a:hover{color: #FADE4A;} } @media(max-width: 991px){ .cart-wrapper{padding-bottom: 50px;} .shop_table.cart tbody .product-subtotal,.shop_table.cart tfoot .product-subtotal{padding-left: 0;text-align: center;} .add-to-cart-message{margin-bottom: 50px} .add-to-cart-message .btn-yellow{float: left;} .add-to-cart-message .text{width: 100%;padding-top: 0;} } @media(max-width: 699px){ .cart-message .cart-text{width: 100%} .cart-message .btn-continue-shopping{float:left;} .shop_table.cart{display: block;border: none;} .shop_table.cart thead{display: none;} .shop_table.cart tbody{display: block;} .shop_table.cart tbody .cart_item{display: block;margin-bottom: 25px;border: 1px solid #e9e9e9;} .shop_table.cart tbody .cart_item td{border: none;padding: 8px;} .shop_table.cart tbody .cart_item .product-remove{width: 100%;display: block;padding: 8px;line-height: 24px;text-align: left;background: #fbfafa;border-bottom: 1px solid #e9e9e9;} .shop_table.cart tbody .cart_item .product-remove:after{display: block;content: '';clear: both;} .shop_table.cart tbody .cart_item .product-remove:before{content: attr(data-title);text-align: left;display: inline-block;color: #666666;text-transform: uppercase;font-weight: 700;} .shop_table.cart tbody .cart_item .product-remove a{float: right;text-align: center;margin-top: 4px;} .shop_table.cart tbody .cart_item .product-price,.shop_table.cart tbody .cart_item .product-quantity,.shop_table.cart tbody .cart_item .product-subtotal{width: 100%;display: block;text-align: right;} .shop_table.cart tbody .cart_item .product-price:before,.shop_table.cart tbody .cart_item .product-quantity:before,.shop_table.cart tbody .cart_item .product-subtotal:before{content: attr(data-title);float: left;font-weight: 400;font-size: 14px;line-height: 24px;color: #666666;} .shop_table.cart tbody .cart_item .product-quantity{padding-bottom: 15px} .shop_table.cart tbody .cart_item .product-quantity:before{padding: 5px 0} .shop_table.cart tbody .cart_item .product-price{border-top: 1px solid #e9e9e9;padding-top: 15px;} .shop_table.cart tbody .cart_item .product-subtotal{padding: 15px 8px;background: #fbfafa;border-top: 1px solid #e9e9e9;color: #14adf4;} .shop_table.cart tbody .qty{height: 35px} .shop_table.cart tbody tr:not(.cart_item){display:block;background: #fbfafa;padding-right: 150px;position: relative;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;} .shop_table.cart tbody tr:not(.cart_item) td[colspan="5"]{width: 100%;display:block;} .shop_table.cart tbody tr:not(.cart_item) .product-subtotal{position: absolute;right: 0;top: 0;width: 150px;} .shop_table.cart tbody tr.cart-subtotal{border-top: 1px solid #e9e9e9} .shop_table.cart tbody tr:last-of-type{border-bottom: 1px solid #e9e9e9;} .shop_table.cart tfoot{display: block;width: 100%} .shop_table.cart tfoot tr{display: block;border: 1px solid #e9e9e9;border-top: none;} .shop_table.cart tfoot tr:after{content: '';display: block;clear: both;} .shop_table.cart tfoot td[colspan="4"]{width: 100%;text-align: right;display: block;padding-right: 15px;border: none;border-bottom: 1px solid #e9e9e9;} .shop_table.cart tfoot .product-subtotal{border: none;width: 150px;float: left;text-align: center;padding-left: 0;border-left: 1px solid #e9e9e9;} .shop_table.cart tfoot th{width: calc(100% - 150px);display:block;float: left;} .shop_table.cart tfoot .coupon{padding-left: 0;} } @media(max-width: 479px){ .checkout_coupon .btn-blue{width: 233px} } @media(max-width: 399px){ .shop_table.cart tfoot .coupon{padding-left: 15px;} .shop_table.cart tfoot .coupon .input-text{width: 100%;} .shop_table.cart tfoot .coupon input[type="submit"]{width: 100%} .frm-in-checkout .form-row .lost_password{width: 100%;display: block;float: none;padding-top: 10px} } /*------------------------------------------------------------------ __6.6/Contact us */ .box-contact{margin-bottom: 100px;} .box-contact ul{list-style: none; padding: 0} .box-contact h2.title{padding-left: 35px;font-size: 30px;line-height: 42px;text-transform: uppercase;font-weight: 700;margin: 0 0 18px;background: url(../img/icon-widget.png) left center no-repeat;} .box-contact p,.box-contact span{margin: 0 0 24px;line-height: 24px;} .box-contact .contact-list{font-size: 0;margin: 0 -15px;} .box-contact .contact-list > li{display: inline-block;width: 50%;padding: 0 15px;vertical-align: top;} .box-contact .contact-list li a{color: #666666} .box-contact .contact-list span{ font-size: 14px; font-weight: 400; color: #666; line-height: 21px; display: block;} .box-contact .contact-list strong{display: block; font-size: 14px; text-transform: uppercase;font-weight: 700;color: #31aae2;line-height: 21px;margin: 0 0 8px;} .box-contact .contact-list ul{font-size: 0;margin-bottom: 24px;} .box-contact .contact-list ul li{display: inline-block;margin-right: 20px;margin-top: 21px;} .box-contact .contact-list ul li a{font-size: 18px;} .box-contact .contact-list ul li a{color: #d7d7d7} .frm-common .inp-text{display: block;width: 100%;border: 1px solid #ebebeb;margin-bottom: 20px;line-height: 24px;padding: 8px 18px;font-size: 14px;outline: none;} .frm-common .inp-text:focus{border-color: #31aae2 } .map-full{height: 440px} .box-contact.with-map{min-height: 280px;position: relative;padding-right: 50%} .box-contact.with-map .map-wrapper{position: absolute!important;right: 0;top: 0;height: calc(100% - 24px);width: calc(50% - 30px);background: #cbcbcb;} .box-contact.with-map .map-wrapper .map-small{width: 100%;height: 100%;display: block;} .box-contact .inside{margin-top: 100px;padding-bottom: 24px} @media(min-width: 1025px){ .box-contact .contact-list li a:hover, .box-contact .contact-list ul li a:hover{color: #31aae2;} } @media(max-width: 991px){ .box-contact{margin-bottom: 50px} .box-contact .inside{margin-top: 50px; margin-bottom: 50px} .box-contact.with-map{padding-right: 0} .box-contact.with-map .map-wrapper{position: relative!important; width: 100%; height: 280px;} } @media(max-width: 769px){ .map-full{margin: 0 15px 15px;} } @media(max-width: 479px){ .box-contact .contact-list > li{width: 100%} } /*------------------------------------------------------------------ __6.7/Portfolio */ .portfolio-filter{margin: 0;padding: 0 0 40px;text-align: center;} .portfolio-filter li{display: inline-block;font-size: 14px;line-height: 24px;} .portfolio-filter a{display: block;color: #666666;padding: 2px 15px;margin: 0 3px 10px;} .portfolio-filter a.js__filter_active{background: #fcd20b;color: #fff;text-decoration: none;} .item-portfolio{display: block;margin-bottom: 35px;} .item-portfolio-control{margin-bottom: 100px} .item-portfolio .thumb{display: block;position: relative;background: #31aae2;} .item-portfolio .thumb img{width: 100%;height: auto;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .item-portfolio .thumb span{opacity: 0;position: absolute;width: 120px;height: 40px;top: 50%;left: 50%;background: #fcd20b;color: #fff;text-transform: uppercase;font-weight: 700;line-height: 40px;margin-left: -60px;margin-top: -20px;z-index: 1;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .item-portfolio .content{background: #f7f7f7;padding: 23px 30px;text-align: left;font-size: 14px;line-height: 24px; -webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .item-portfolio .content h2{font-size: 14px;text-transform: uppercase; font-weight: 700;margin: 0 0 5px} .item-portfolio .content .post-meta{margin-bottom: 12px;} .item-portfolio .content .post-meta a{color: #31aae2} .item-portfolio .content p{margin-bottom: 0} .ajax_load_more_button{margin: 75px auto 100px;display: block;} .portfolio-details{margin-bottom: 75px} .portfolio-details ul{padding: 0;list-style: none;margin-bottom: 5px;} .portfolio-details ul li{position: relative;padding: 15px 0 15px 25px;border-top: 1px solid #f2f2f2;line-height: 22px;} .portfolio-details ul li:first-child{border-top: none;} .portfolio-details ul li .icon-title{position: absolute;top: 15px;left: 0;font-size: 16px;line-height: 22px;color: #31aae2;} .portfolio-details ul li .text-title{font-size: 14px; margin: 0;line-height: 22px;} .portfolio-details ul li p{margin: 0} .portfolio-details .wave-title{font-size: 14px; margin-bottom: 15px;margin-top: 0;} .portfolio-details ul li a{color: #31aae2} .portfolio-content{padding-top: 25px;padding-bottom: 75px} .portfolio-content p{line-height: 24px;margin-bottom: 24px;} .portfolio-content .simple-title{font-size: 14px;margin-bottom: 24px} .images-wrapper{position: relative;padding-right: 180px;text-align: center;} .images-wrapper .images-left{cursor: pointer;} .images-wrapper .images-right{position: absolute;width: 150px;right: 0;top: 0;height: 100%;overflow: hidden;} .images-wrapper .images-right .control{margin-bottom: 35px;} .images-wrapper .images-right .control:after{content: '';clear: both;display: block;} .images-wrapper .images-right .control a{display: block;width: 70px;height: 30px;background: #f9f9f9;text-align: center;color: #c4c4c4} .images-wrapper .images-right .control a:before{font-family: "FontAwesome"; font-size: 18px; line-height: 30px; } .images-wrapper .images-right .control .prev{float: left} .images-wrapper .images-right .control .prev:before{content: "\f102"} .images-wrapper .images-right .control .next{float: right} .images-wrapper .images-right .control .next:before{content: "\f103"} .images-wrapper .images-slider{overflow: hidden;font-size: 0;height: calc(100% - 65px);} .images-wrapper .images-slider ul{padding: 0;margin: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .images-wrapper .images-slider ul li{padding-bottom: 25px;cursor: pointer;opacity: 0.5;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .images-wrapper .images-slider ul li:last-child{padding-bottom: 0} .images-wrapper .images-slider ul li.js__active{opacity: 1;} .images-wrapper .images-slider .scroll-content{overflow: auto;height: 100%;width: 180px;} .images-wrapper .images-slider .scroll-content::-webkit-scrollbar{display: none} .item-service .content p{margin-bottom: 17px} .item-service .content h2{margin-bottom: 24px} .item-service .readmore{color: #222222;font-weight: 500} @media(min-width: 1025px){ .portfolio-filter a:hover{background: #fcd20b; color: #fff} .portfolio-details ul li a:hover{color: #fcd20b} .item-portfolio .thumb:hover img{opacity: 0.24} .item-portfolio .thumb:hover span{opacity: 1} .item-portfolio .thumb span:hover{background: #222222;} .item-portfolio .content .post-meta a:hover{color: #fcd20b} .images-wrapper .images-right .control a:hover{color: #fff; background: #fcd20b} .images-wrapper .images-slider ul li:hover{opacity: 1} .item-service .readmore:hover{color: #14adf4} .item-portfolio .content:hover{ background: #fff; -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);} } @media(max-width: 991px){ .portfolio-details{margin-bottom: 25px;} .portfolio-content{padding-bottom: 26px} .item-portfolio-control{margin-bottom: 50px} .ajax_load_more_button{margin-top: 25px; margin-bottom: 50px} .images-wrapper{margin-bottom: 30px;padding-right: 0;padding-bottom: 100px;} .images-wrapper .images-right{top: auto;bottom: 0;width: 100%;height: 85px;} .images-wrapper .images-slider{padding: 0;text-align: left;width: calc(100% - 110px);margin-left: 55px;height: 85px;position: relative;} .images-wrapper .images-slider ul li{display: inline-block;padding-right: 15px;padding-bottom: 0;} .images-wrapper .images-slider ul li:last-child{padding-right: 0} .images-wrapper .images-slider ul{white-space: nowrap;left: 0;} .images-wrapper .images-right .control{margin: 0} .images-wrapper .images-right .control a{position: absolute; top: 0;height: 100%; width: 30px;z-index: 1;} .images-wrapper .images-right .control a:before{line-height: 75px;} .images-wrapper .images-right .control .prev{left: 0;} .images-wrapper .images-right .control .prev:before{content: '\f100'} .images-wrapper .images-right .control .next{right: 0} .images-wrapper .images-right .control .next:before{content: '\f101'} .images-wrapper .images-slider .scroll-content{width: 100%;height: 100px;} } /*------------------------------------------------------------------ __6.8/Shop */ .item-adv{display: inline-block;border-width: 10px;border-style: solid;margin-bottom: 100px;} /* filter */ .shop-filter{padding-bottom: 35px;} .shop-filter:after{content: ''; clear: both; display: block;} .shop-filter input{outline: none} .shop-filter .select2-container{height: 35px;min-width: 100%;} .shop-filter .select2-container--default .select2-selection--single{border-radius: 0;border-color: #e1e4e6;height: 35px;line-height: 35px;outline: none;} .shop-filter .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 35px;color: #666666;padding-left: 15px;} .shop-filter .select2-container--default .select2-selection--single .select2-selection__placeholder{color: #666666;} .shop-filter .select2-container--default .select2-selection--single .select2-selection__arrow{height: 33px;} .shop-filter .select2-container--default .select2-selection--single .select2-selection__arrow:before{content: '\f103';font-family: "FontAwesome";font-size: 16px;color: #999999;} .shop-filter .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;} .shop-filter .shop-sort{float: left;margin-right: 100px;} .shop-filter .shop-sort .shop-ordering{width: 170px;margin-right: 10px;float: left;} .shop-filter .shop-sort .manufacturer-filter{width: 220px;float: left;} .shop-filter .woocommerce-result-count{float: left;margin: 0;margin-right: 30px;line-height: 25px;padding: 5px 0;} .shop-filter .shop-filter-page{float: left;font-size: 0;} .shop-filter .shop-filter-page > span{font-size: 14px;line-height: 25px;display: inline-block;padding: 5px 0;vertical-align: top;} .shop-filter .shop-filter-page > .select{font-size: 14px;display: inline-block;width: 75px;margin: 0 15px;} .shop-filter .shop-type{float: right;padding: 0; margin: 0; list-style: none;padding-top: 1px;} .shop-filter .shop-type li{display: inline-block;margin-left: 5px;} .shop-filter .shop-type a{display: block;width: 32px;height: 32px;line-height: 32px;text-align: center;background: #f8f8f8;color: #999999;} .shop-filter .shop-type a.active{background: #fcd20b; color: #fff} .shop-filter-small .shop-sort{margin-right: 0} /* .products */ .products{font-size: 0;padding: 0;margin-bottom: 0;padding-bottom: 65px;} .products > *{display: inline-block;float: none;font-size: 14px;vertical-align: top;} .item-product-list{display: block;margin-bottom: 35px;vertical-align: top;} .item-product-list .thumb{display: block;border: 1px solid #f4f6f6;text-align: center;} .item-product-list .thumb img{-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .item-product-list .content{display: block;font-size: 14px;line-height: 22px;margin-bottom: 32px;} .item-product-list .content:after{content: '';clear:both; display: block;} .item-product-list .content h2{font-size: 14px; line-height: 22px; text-transform: uppercase; color: #313131; font-weight: 700;margin-top: 30px;margin-bottom: 4px} .item-product-list .content .categories{color: #899096;display: block;margin-bottom: 7px;} .item-product-list .content .price{float: left; font-weight:700; font-size: 18px; color: #222222} .item-product-list .content .star-rating{float: right;font-size: 0;display: block;width: 75px;position: relative;} .item-product-list .content .star-rating span{display: block;background: #fff;color: #fcce09;position: absolute;top: 0;left: 0;} .item-product-list .content .star-rating span:before{content: "\f005 \f005 \f005 \f005 \f005";font-family: "FontAwesome";display: block;color: #fcd20b;font-size: 16px;overflow: hidden;} .item-product-list .content .star-rating:before{content: "\f006 \f006 \f006 \f006 \f006";font-family: "FontAwesome";display: block;color: #d1d5d8;font-size: 16px;} .item-product-list .add_to_cart_button{width: 120px;height: 36px;display: block;line-height: 36px;text-transform: uppercase;font-size: 12px;font-weight: 700;color: #fff;background: #FCD200;text-align: center;} .upsells .wave-title{font-size: 14px;margin-bottom: 30px} .upsells .view-all-post{margin-bottom: 100px} /* pagination */ .woocommerce-pagination{text-align: center;padding-bottom: 94px;} .woocommerce-pagination ul{padding: 0;list-style: none;font-size: 0;margin: 0;} .woocommerce-pagination ul li{display: inline-block;font-size: 16px;margin: 0 3px 6px;width: 36px;} .woocommerce-pagination span,.woocommerce-pagination a{font-size: 16px;display: block;width: 36px;height: 36px;line-height: 34px;color: #666666;border: 1px solid #f5f5f5;background: #f5f5f5;} .woocommerce-pagination .prev{cursor: w-resize;} .woocommerce-pagination .next{cursor: w-resize;} .woocommerce-pagination .current{background: #fff;border-color: #14adf4;color: #14adf4} @media(min-width: 1025px){ .item-product-list .thumb:hover img{opacity: 0.7} .item-product-list .add_to_cart_button:hover{background: #14adf4} .woocommerce-pagination a:hover{background: #fff;border-color: #14adf4;color: #14adf4} } @media(max-width: 1199px){ .shop-filter .shop-sort{margin-right: 50px} .shop-filter-small .shop-sort{margin-right: 0;} .shop-filter-small .shop-sort .shop-ordering{width: 140px} .shop-filter-small .shop-sort .manufacturer-filter{width: 170px} } @media(max-width: 991px){ .item-adv{margin-bottom: 50px;} .split--line{display: block;clear: both;} .shop-filter .shop-sort{margin-right: 0; margin-bottom: 20px} .shop-filter .woocommerce-result-count{float: right;margin-right: 0;margin-bottom: 20px} .woocommerce-pagination{padding-bottom: 46px} .products{padding-bottom: 15px} .upsells .view-all-post{margin-bottom: 50px} } @media(max-width: 699px){ .shop-filter .woocommerce-result-count{float: left; width: 100%;} .shop-filter-small .woocommerce-result-count{width: auto} .shop-filter-small .shop-sort{width: 100%} .shop-filter-small .shop-sort .shop-ordering,.shop-filter-small .shop-sort .manufacturer-filter{width: calc(50% - 5px);} .shop-filter-small .shop-right{width: 100%;} .shop-filter-small .shop-right .shop-filter-page{float: right;} } @media(max-width: 479px){ .shop-filter .shop-sort{width: 100%} .shop-filter .shop-sort .shop-ordering{width: 100%;margin-bottom: 20px} .shop-filter .shop-sort .manufacturer-filter{width: 100%} .shop-filter .shop-type{width: 100%;margin-top: 30px} .shop-filter-small .shop-right .shop-filter-page{width: 100%} } /*------------------------------------------------------------------ __6.9/Shop details */ /* Images */ .product .images{padding-left: 200px;position: relative;margin-bottom: 75px;} .product .images .woocommerce-main-image{display: block;border: 1px solid #f4f6f6;text-align: center;} .product .images .thumbnails{width: 170px;position: absolute;left: 0;top: 0;height: 100%;} .product .images .control{margin-bottom: 35px;} .product .images .control:after{content: '';clear: both;display: block;} .product .images .control a{display: block;width: 79px;height: 30px;background: #f9f9f9;text-align: center;color: #c4c4c4;} .product .images .control a:before{font-family: "FontAwesome"; font-size: 18px; line-height: 30px; } .product .images .control .prev{float: left} .product .images .control .prev:before{content: "\f102"} .product .images .control .next{float: right} .product .images .control .next:before{content: "\f103"} .product .images .images-slider{overflow: hidden;font-size: 0;height: calc(100% - 65px);} .product .images .images-slider ul{padding: 0;margin: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .product .images .images-slider ul li{padding-bottom: 25px;cursor: pointer;opacity: 0.5;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .product .images .images-slider ul li:last-child{padding-bottom: 0} .product .images .images-slider ul li.js__active{opacity: 1;} .product .images .images-slider ul li img{border: 1px solid #DEE2E2;max-width: 170px;} .product .images .images-slider .scroll-content{overflow: auto;height: 100%;width: 180px;} .product .images .images-slider .scroll-content::-webkit-scrollbar{display: none} /* Summary */ .product .summary{margin-bottom: 75px} .product .summary h2{font-weight: 700;line-height: 22px;margin: 0 0 10px;} .product .summary .star-rating{font-size: 0;display: block;width: 75px;position: relative;line-height: 24px;margin-bottom: 10px;} .product .summary .star-rating span{display: block;background: #fff;color: #fcce09;position: absolute;top: 0;left: 0;height: 24px;} .product .summary .star-rating span:before{content: "\f005 \f005 \f005 \f005 \f005";font-family: "FontAwesome";display: block;color: #fcd20b;font-size: 16px;overflow: hidden;} .product .summary .star-rating:before{content: "\f006 \f006 \f006 \f006 \f006";font-family: "FontAwesome";display: block;color: #d1d5d8;font-size: 16px;} .product .summary .price{font-size: 30px;line-height: 30px;font-weight: 700;color: #222222;margin-bottom: 30px;} .product .summary .price ins{text-decoration: none;margin-right: 15px;} .product .summary .price del{font-size: 16px;color: #999999;font-weight: 600;line-height: 24px;} .product .summary .description{line-height: 24px;} .product .summary .description p{margin-bottom: 24px} .product .summary .quantity{display: inline-block;margin-bottom: 35px;} .product .summary .quantity span{display: inline-block;margin: 0;line-height: 38px;text-transform: uppercase;color: #666666;font-weight: 600;padding-right: 15px;vertical-align: top;} .product .summary .quantity .number-wrap{display: inline-block;font-size: 0;margin-right: 22px;} .product .summary .quantity .number-wrap .btn-number{width: 22px;height: 38px;border: none;font-size: 14px;background: #f6f7f7;vertical-align: top;color: #666666;outline: none;} .product .summary .quantity .number-wrap .inp-number{width: 28px;border: none;background: #f6f7f7;height: 38px;color: #666666;font-size: 16px;text-align: center;font-weight: 400;outline: none;} .product .summary .quantity .number-wrap .inp-number::-webkit-outer-spin-button, .product .summary .quantity .number-wrap .inp-number::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;} .product .summary .product_meta{display: inline-block;line-height: 24px;padding: 8px 0;text-transform: uppercase;font-weight: 600;font-size: 12px;font-weight: 600;margin-bottom: 35px;} .product .summary .product_meta a{text-transform: none;font-weight: 400;font-size: 14px;color: #31aae2;} .product .summary .product_meta a:first-child{padding-left: 10px} .product .summary .single_add_to_cart_button{width: 145px;height: 44px;display: block;font-size: 14px;text-transform: uppercase;font-weight: 700;color: #fff;background: #fcd20b;border: none;} /* tab */ .woocommerce-tabs .tabs{list-style: none;padding: 0;margin-bottom: 30px;font-size: 0;height: 33px;white-space: nowrap;overflow: auto;position: relative;} .woocommerce-tabs .tabs a{text-transform: uppercase;font-weight: 700;color: #222222;display: block;font-size: 14px;line-height: 22px;padding: 0 25px 9px;position: relative;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .woocommerce-tabs .tabs li{margin: 0;display: inline-block;} .woocommerce-tabs .tabs li:first-child a{padding-left: 0} .woocommerce-tabs .tabs:before{position: absolute;content: '';height: 2px;width: 100%;bottom: 0;left: 0;background: #e3e7e8;} .woocommerce-tabs .tabs a:before{position: absolute;content: '';height: 2px;width: 100%;top: 100%;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} .woocommerce-tabs .tabs a.js__tab_active:before{ background: #31aae2;} .woocommerce-tabs .panel{margin: 0;border: none;box-shadow: none;display: none;} .woocommerce-tabs .panel.js__tab_active{display: block;} .woocommerce-tabs #comments{padding-bottom: 75px} @media (min-width: 1025px){ .product .images .control a:hover{color: #fff; background: #fcd20b} .product .summary .quantity .number-wrap .btn-number:hover{background: #fcd20b;color: #fff} .product .summary .product_meta a:hover{color: #fcd20b;} .product .summary .single_add_to_cart_button:hover{opacity: 0.7} } @media (max-width: 991px){ .product .images{margin-bottom: 50px;padding-left: 0;padding-bottom: 100px;} .product .images .images-slider{height: 100%} .product .images .thumbnails{top: auto;bottom: 0;width: 100%;height: 85px;} .product .images .images-slider{padding: 0;text-align: left;width: calc(100% - 110px);margin-left: 55px;height: 87px;position: relative;} .product .images .thumbnails .images-slider ul li{display: inline-block;padding-right: 15px;padding-bottom: 0;} .product .images .thumbnails .images-slider ul li:last-child{padding-right: 0} .product .images .thumbnails .images-slider ul{white-space: nowrap;left: 0;} .product .images .thumbnails .control{margin: 0} .product .images .thumbnails .control a{position: absolute; top: 0;height: 100%; width: 30px;z-index: 1;} .product .images .thumbnails .control a:before{line-height: 75px;} .product .images .thumbnails .control .prev{left: 0;} .product .images .thumbnails .control .prev:before{content: '\f100'} .product .images .thumbnails .control .next{right: 0} .product .images .thumbnails .control .next:before{content: '\f101'} .product .images .thumbnails .scroll-content{width: 100%;height: 100px;} .product .summary{margin-bottom: 50px} .product .summary h2{line-height: 30px} .woocommerce-tabs #comments{padding-bottom: 50px} } /*------------------------------------------------------------------ __6.10/Other */ .page-large-title{color: #fff;} .page-large-title h1{padding: 0;margin: 0 0 15px;font-size: 44px;line-height: 55px;text-transform: uppercase;font-weight: 700;} .page-large-title .woocommerce-breadcrumb{margin-top: 20px;color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 700;} .page-large-title .woocommerce-breadcrumb a{color: #fff;} .page-large-title .woocommerce-breadcrumb a{margin-left: 10px;margin-right: 10px} .page-large-title .woocommerce-breadcrumb a:first-child{margin-left: 0} .page-large-title .woocommerce-breadcrumb span{margin-left: 0;color: #fcd20b;} @media(min-width: 1025px){ .page-large-title .woocommerce-breadcrumb a:hover{color: #fcd20b;} } /*------------------------------------------------------------------ 7/Misc */ /*------------------------------------------------------------------ __7.1/Revolution Slider */ .slider { position: relative; max-width: 100%; overflow: hidden;} .slider .bg-b { height: 20px; position: absolute; left: 0; right: 0; bottom: 0; } .slider .bg-b svg { width: 60px; fill: #fff; } .gyges.tparrows{width:50px; height:50px; background:transparent} .gyges.tparrows:before{width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s} .gyges.tparrows:hover:before{opacity:0.75} .slider .rev_slider_wrapper{margin:0px auto;background-color:transparent;padding:0px;} .slider .rev_slider{display:none;} .slider .rev-main-title{white-space: nowrap; font-size: 42px; line-height: 52px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Raleway;} .slider .rev-main-title-black{white-space: nowrap; font-size: 42px; line-height: 52px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Raleway;} .slider .rev-small-title{white-space: nowrap; font-size: 16px; line-height: 26px; font-weight: 500; color: rgba(255, 255, 255, 1.00);font-family:Raleway;} .slider .rev-small-title-black{white-space: nowrap; font-size: 16px; line-height: 26px; font-weight: 500; color: rgba(0, 0, 0, 1.00);font-family:Raleway;} .slider .rev-large-title{white-space: nowrap; font-size: 72px; line-height: 82px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Raleway;} .slider .rev-large-title-black{white-space: nowrap; font-size: 72px; line-height: 82px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Raleway;} .slider .rev-p{white-space: nowrap; font-size: 14px; line-height: 24px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Raleway;} .slider .rev-p-black{white-space: nowrap; font-size: 14px; line-height: 24px; font-weight: 400; color: rgba(0, 0, 0, 1.00);font-family:Raleway;} .slider .rev-p-large{white-space: nowrap; font-size: 18px; line-height: 24px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Lato;text-align:center;} .slider .rev-p-large-black{white-space: nowrap; font-size: 18px; line-height: 24px; font-weight: 400; color: rgba(0, 0, 0, 1.00);font-family:Lato;text-align:center;} .slider .rev-btn-yellow{white-space: nowrap; font-size: 12px; line-height: 15px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Raleway;background-color:rgba(255, 205, 3, 1.00);padding:12px 35px 12px 35px;border-color:rgba(0, 0, 0, 1.00);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;} .slider .rev-btn-green{white-space: nowrap; font-size: 12px; line-height: 15px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Raleway;background-color:rgba(0, 200, 83, 1.00);padding:12px 35px 12px 35px;border-color:rgba(0, 0, 0, 1.00);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;} .slider .rev-btn-yellow-large{white-space: nowrap; font-size: 18px; line-height: 26px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Raleway;background-color:rgba(255, 205, 3, 1.00);padding:12px 35px 12px 35px;border-color:rgba(0, 0, 0, 1.00);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;} .slider .rev-btn-green-large{white-space: nowrap; font-size: 18px; line-height: 26px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Raleway;background-color:rgba(0, 200, 83, 1.00);padding:12px 35px 12px 35px;border-color:rgba(0, 0, 0, 1.00);outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;} .slider .rev-btn-white{white-space: nowrap; font-size: 12px; line-height: 11px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Raleway;background-color:rgba(255, 255, 255, 0);padding:12px 35px 12px 35px;border-color:rgba(255, 255, 255, 1.00);border-style:solid;border-width:2px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;} .slider .rev-btn-black{white-space: nowrap; font-size: 12px; line-height: 11px; font-weight: 700; color: rgba(0, 0, 0, 1.00);font-family:Raleway;background-color:rgba(255, 255, 255, 0);padding:12px 35px 12px 35px;border-color:rgba(0, 0, 0, 1.00);border-style:solid;border-width:2px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;} @media (max-width: 767px){ .gyges.tparrows{width: 25px; height: 25px;} .gyges.tparrows:before{width: 25px; height: 25px; font-size: 20px; line-height: 25px;} .gyges.tparrows.tp-leftarrow{margin-left: -10px} .gyges.tparrows.tp-rightarrow{margin-left: 10px} } /*------------------------------------------------------------------ __7.2/Audio Js */ .audio{height: 45px;position: relative;background: #394c55;} .audio .audio-js{display: none} .audio .player-container{height: 100%;padding-left: 55px;padding-right: 45px;padding-top: 20px;} .audio .play-pause-button{position: absolute;top: 0;left: 0;width: 45px;height: 45px;background: #31aae2;cursor: pointer;text-align: center;line-height: 45px;font-size: 11px;} .audio .stop-control:before,.audio .play-control:before{content: '\f04b';color: #fff;font-family: "FontAwesome"} .audio .stop-control:before{content: '\f04c'} .progressbar-wrapper{width: 100%;height: 5px;background: #758288;position: relative;} .progressbar-wrapper .progressbar-container{width: 100%;position: relative;height: 5px;display: block;} .progressbar-wrapper .progressbar{position: absolute;top: 0;left: 0;height: 5px;background: #fff} .volume-control{width: 15px;right: 13px;position: absolute;height: 24px;top: 10px;cursor: pointer;} .volume-control:before{content: '\f00d';line-height: 24px;font-family: "FontAwesome";color: #b1b7ba;display: block;text-align: center;} .volume-control.volume-muted:before{content: '\f028';} /*------------------------------------------------------------------ __7.3/Other */ #toTop { display: none; background: #FADE4A; border-radius: 50%; bottom: 30px; color: #ffffff; cursor: pointer; display: none; font-size: 24px; height: 34px; line-height: 34px; position: fixed; right: 30px; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); width: 34px; z-index: 9998; } /** Overlay */ .cl-overlay { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9998; } /** Not mobile */ body.desktop .our-experts .person .info { height: 0px; overflow: hidden; -webkit-transition: height 0.2s ease 0.5s; -moz-transition: height 0.2s ease 0.5s; -ms-transition: height 0.2s ease 0.5s; -o-transition: height 0.2s ease 0.5s; transition: height 0.2s ease 0.5s; } body.desktop .our-experts .person .info .social li { -webkit-animation: fadeOutDown cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation: fadeOutDown cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation: fadeOutDown cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-animation: fadeOutDown cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: fadeOutDown cubic-bezier(0.68, -0.55, 0.265, 1.55); } body.desktop .our-experts .person .info .social li:nth-child(1) { -webkit-animation-delay: 110ms; -moz-animation-delay: 110ms; -o-animation-delay: 110ms; animation-delay: 110ms; -webkit-animation-duration: 350ms; -moz-animation-duration: 350ms; -o-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } body.desktop .our-experts .person .info .social li:nth-child(2) { -webkit-animation-delay: 140ms; -moz-animation-delay: 140ms; -o-animation-delay: 140ms; animation-delay: 140ms; -webkit-animation-duration: 350ms; -moz-animation-duration: 350ms; -o-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } body.desktop .our-experts .person .info .social li:nth-child(3) { -webkit-animation-delay: 170ms; -moz-animation-delay: 170ms; -o-animation-delay: 170ms; animation-delay: 170ms; -webkit-animation-duration: 350ms; -moz-animation-duration: 350ms; -o-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } body.desktop .our-experts .person .info .social li:nth-child(4) { -webkit-animation-delay: 200ms; -moz-animation-delay: 200ms; -o-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-duration: 350ms; -moz-animation-duration: 350ms; -o-animation-duration: 350ms; animation-duration: 350ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .index2-wrapper{position: relative;z-index: 2;} .index2-wrapper.home{margin-bottom: -140px;z-index: 0;} .index2-wrapper.home:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 20px;background: url('../img/wave_bg_white.png') top center repeat;z-index: 20;} .index2-wrapper .slider{padding-bottom: 140px;} .index2-wrapper .bg, .index2-wrapper .bg-color, .index2-wrapper .bg-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .index2-wrapper .bg-color { z-index: 2; opacity: 0.9; filter: alpha(opacity=90); } .index2-wrapper .bg-image {background-repeat: no-repeat; z-index: 1; } .index2-wrapper .content{position: relative; padding-top: 115px; z-index: 5;} .index3-wrapper{padding-top: 115px;} @media(max-width: 479px){ .index3-wrapper{padding-top: 150px} } /* Popup */ .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 999;text-align: center;} .popup.js__active{display: block;} .popup .scroll-content{overflow: auto;position: relative;z-index: 1;height: 100%;} .popup .popup-body{background: #ffffff;display: inline-block;position: relative;padding: 20px;-webkit-box-shadow: 0px -3px 25px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px -3px 25px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px -3px 25px 0px rgba(0, 0, 0, 0.2);} .popup .popup-inside{padding: 50px 15px;} .popup .popup-wrap{position: relative;top: 50%;max-height: 100%;transform: translate(0,-50%);-moz-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);} .popup .popup-overlay{position: absolute;background: rgba(67,74,84,0.75);width: 100%;height: 100%;top: 0;left: 0;} .popup .popup-wrap .icon-close{position: absolute;right: -17px;top: -17px;font-size: 0;width: 38px;height: 38px;background: #222222 url("../img/icon-x.png") center center no-repeat;color: #fff;border: 3px solid #ffffff;line-height: 32px;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;cursor: pointer;} .popup .popup-form{width: 740px;padding: 40px;} .popup .comment-form{margin: 50px -5px 0;} .popup .comment-form .select2-container{min-width: 100%;display: block;height: 40px;margin-bottom: 8px;} .popup .comment-form .select2-container--default .select2-selection--single{border-color: #efefef;height: 40px;padding-left: 7px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;} .popup .comment-form .select2-container--default .select2-selection--single .select2-selection__rendered{height: 40px;line-height: 38px;color: #A9A9A9;font-size: 14px;text-align: left;padding-left: 12px;} .popup .comment-form .select2-container--default .select2-selection--single .select2-selection__arrow{height: 38px;right: 5px;} .popup .comment-form .select2-container--default .select2-selection--single .select2-selection__arrow:before{content: '\f107';font-family: "FontAwesome";line-height: 37px;} .popup .comment-form .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;} .popup .comment-form .select2-dropdown{border-color: #efefef} .popup .comment-form:after{clear:both; content: ''; display: block;} .popup .comment-form [class^="col-"]{float: left;padding: 0 5px 3px;} .popup .comment-form .col-50{width: 50%;} .popup .comment-form .col-25{width: 25%;} .popup .comment-form .col-100{width: 100%;} .popup .comment-form .inp-text{height: 40px;line-height: 18px;} .popup .comment-form textarea.inp-text{height: 90px;margin-bottom: 5px;} .popup .comment-form input[type="submit"]{width: 120px;} .popup .popup-form.with-images{position: relative;width: 100%;padding-left: 300px;} .popup .popup-form.with-images .img-main{position: absolute;left: 10px;bottom: 0;} .popup .popup-form.with-images .comment-form textarea.inp-text{height: 135px} /* Style Switcher */ #style-selector{position: fixed; top: 0; right: 0; z-index: 9999; background: #222222; height: 100%; width: 270px; color: #ffffff;transform: translate(100%,0);transform: -moz-translate(100%,0);transform: -webkit-translate(100%,0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} #style-selector #style-selector-container{-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} #style-selector.js__active{transform: translate(0,0);transform: -moz-translate(0,0);transform: -webkit-translate(0,0); } #style-selector .style-toggle{position: absolute; left: -42px; top: 90px;width: 42px; height: 42px; background: #222222;text-align: center;border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;-webkit-border-radius: 6px 0 0 6px; cursor: pointer; color: #ffffff} #style-selector .style-toggle i{font-size: 22px; line-height: 42px;} #style-selector h3{font-size: 20px;margin-bottom: 20px} #style-selector h5{color: #aaaaaa; font-weight: 500; margin: 0 0 10px; padding: 10px 0 0;} #style-selector .ss-content{padding-bottom: 0px; margin-bottom: 10px} #style-selector #style-selector-container{padding: 5px 20px 20px; overflow: auto; height: 100%} #style-selector .demos{font-size: 0; margin: 0 -5px;} #style-selector .demos .demo-sites{display: inline-block; padding: 0 5px; width: 50%; margin-bottom: 10px;} #style-selector .ss-button{display: inline-block; padding: 5px 8px; margin-right: 8px; color: #ffffff; margin-bottom: 8px; background: #000000; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none} #style-selector .ss-button.js__active{background: #14adf4} #style-selector .switcher-select-form{width: 100%; font-size: 14px; color: #222222; height: 34px;padding: 0 10px;} @media(min-width: 1025px){ #style-selector .ss-button:hover{background: #14adf4} body.desktop .our-experts .person:hover .info { height: 100px; -webkit-transition: height 0.2s ease 0s; -moz-transition: height 0.2s ease 0s; -ms-transition: height 0.2s ease 0s; -o-transition: height 0.2s ease 0s; transition: height 0.2s ease 0s; } body.desktop .our-experts .person:hover .social li { -webkit-animation: fadeInUp cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-animation: fadeInUp cubic-bezier(0.68, -0.55, 0.265, 1.55); -ms-animation: fadeInUp cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-animation: fadeInUp cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: fadeInUp cubic-bezier(0.68, -0.55, 0.265, 1.55); } } @media(max-width: 1199px){ .popup .popup-form.with-images{padding-left: 220px;} .popup .popup-form.with-images .img-main{left: 0} } @media(max-width: 991px){ .index2-wrapper.home{margin-bottom: 100px;} .index2-wrapper.home .slider{padding-bottom: 0} .popup .comment-form .col-25, .popup .comment-form .col-50, .popup .popup-form{width: 100%;} .popup .popup-form.with-images{padding-left: 40px} .popup .popup-form.with-images .img-main{display: none;} .popup .popup-form.with-images .text-left{text-align: center} } @media(max-width: 699px){ .popup .popup-form{padding: 40px 0} .popup .popup-form.with-images{padding-left: 0} } @media(max-width: 479px){ .index2-wrapper .content{padding-top: 150px} } /*------------------------------------------------------------------ 8/Responsive */ @media (max-width: 991px) { .who-we-are .col-left { margin-bottom: 40px; } .who-we-are, .what-we-do, .subcribe, .our-experts, .fun-facts, .out-blog-posts, .testimonials, .footer { padding: 50px 0; } .who-we-are { padding-bottom: 0; } .our-experts .people .person { margin-bottom: 50px; } .site-copyright .copyright { margin-bottom: 30px; } } @media (max-width: 991px) { .header-top .socials { margin-top: 10px; } .fun-facts .item { margin-bottom: 40px; } .our-experts .people .person > img { margin: 0 auto; } .our-experts .people .person .info .text { padding: 0 10px; } .our-experts .people .person .info .text .social li { padding-left: 0; } .footer .widget { margin-bottom: 40px; } } @media (max-width: 479px) { .header .cart .cart_list_wrapper { width: 300px; right: -5px; } .header .cart .cart_list_wrapper .cart_list { padding-left: 10px; } } @media (min-width: 768px) { .header .support { border-right: 2px solid #EAEBEB; padding-right: 70px; } .header .cart { padding-left: 35px; margin-top: 10px; } .what-we-do .items .col-sm-6:nth-child(2n+1) { clear: both; } } @media (min-width: 992px) { .what-we-do .items .col-sm-6:nth-child(2n+1) { clear: none; } .what-we-do .items .col-md-4:nth-child(3n+1) { clear: both; } .md-text-right { text-align: right; } } @media (max-width: 1199px){ .header .support{padding-right: 40px} .desktop-menu a{padding: 14px 10px} } /*------------------------------------------------------------------ 9/Rtl */ .mm-page{ max-width: 100%; overflow: hidden} body.rtl{direction: rtl;} body.rtl .list-inline{margin-left: 0; margin-right: -5px;padding-right: 0} body.rtl .menu .nav-menu{padding: 0} body.rtl .frm-search{right: auto; left: 0} body.rtl .frm-search:after{right: auto; left: 14px} body.rtl .frm-search .q{padding-right: 12px;} body.rtl .header .cart .cart_list_wrapper .buttons a i[class^="fa-icon"]{margin-right: 0; margin-left: 6px} body.rtl .header .cart .cart_list_wrapper .cart_list li .mini-cart-remove{right: auto; left: 0} body.rtl .header .cart .cart_list_wrapper .cart_list li > a img{float: right; padding-right: 0; padding-left: 10px} body.rtl .header .cart .cart_list_wrapper .cart_list li{text-align: right} body.rtl .our-experts .people .person .info .text .social{padding: 10px} body.rtl .out-blog-posts .posts .post .date{right: 0} body.rtl .testimonials{direction: ltr;} body.rtl .testimonials .slick-slider-for .item{direction: rtl;} body.rtl #style-selector{right: 0;transform: translate(100%,0);transform: -moz-translate(100%,0);transform: -webkit-translate(100%,0);} body.rtl #style-selector.js__active { transform: translate(0,0); transform: -moz-translate(0,0); transform: -webkit-translate(0,0);} body.rtl #style-selector .style-toggle{right: auto; left: -42px;border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px;} body.rtl .menu .nav-menu li .sub-menu-wrap ul li a:before{left: auto; right: -100px;content: "\f177";} body.rtl .menu .nav-menu li .sub-menu-wrap ul li a:hover:before{right: 0; left: auto} body.rtl .menu .nav-menu li .sub-menu-wrap{left: auto; right: 0} body.rtl .footer .widget.widget_recent_entries ul li .thumb{float: right} body.rtl .footer .widget .textwidget .contact-info .phone, body.rtl .footer .widget .textwidget .contact-info .location{padding-left: 0;padding-right: 30px} body.rtl .footer .widget .textwidget .contact-info .phone:before, body.rtl .footer .widget .textwidget .contact-info .location:before{left: auto; right: 0} body.rtl .pricing-plan-table-2 .col-wrap{float: right;} body.rtl .header .support{text-align: right; padding-left: 0; padding-right: 40px} body.rtl .header .support:before{left: auto; right: 5px} body.rtl .header.header-fixed .header-right{left: 0; right: auto} body.rtl .header.header-fixed .header-left{left: auto; right: 0} body.rtl .header.header-fixed .header-menu{padding: 0 250px 0 100px;} body.rtl .header.header-fixed .header-right .search{float: left;margin-left: 0;margin-right: 15px;} body.rtl .header.header-fixed .cart .cart_list_wrapper{left: 0; right: auto;} body.rtl .col-xs-1, body.rtl .col-xs-10, body.rtl .col-xs-11, body.rtl .col-xs-12, body.rtl .col-xs-2, body.rtl .col-xs-3, body.rtl .col-xs-4, body.rtl .col-xs-5, body.rtl .col-xs-6, body.rtl .col-xs-7, body.rtl .col-xs-8, body.rtl .col-xs-9{float: right;} body.rtl .pull-left{float: right!important} body.rtl .pull-right{float: left!important} body.rtl .text-left{text-align: right} body.rtl .text-right{text-align: left} body.rtl #toTop{left: 30px; right: auto} body.rtl .subcribe .main-images{left: 15px; right: auto} body.rtl .item-portfolio .content{text-align: right} body.rtl .promotion{padding-right: 0; padding-left: 140px} body.rtl .promotion .btn-button{right: auto; left: 0} body.rtl .wave-title{padding-left: 0; padding-right: 30px; background-position: right center} body.rtl .portfolio-details ul li{padding-left: 0; padding-right: 25px} body.rtl .portfolio-details ul li .icon-title{right: 0; left: auto} body.rtl .js__flexslider{direction: ltr} body.rtl .blog-list-item.post-sound{padding-left: 0; padding-right: 200px} body.rtl .blog-list-item.post-sound .thumb{right: 0; left: auto} body.rtl .sidebar .widget .widget-title{padding-left: 0; padding-right: 30px; background-position: right center} body.rtl .sidebar .widget-list a{padding-right: 20px; padding-left: 0} body.rtl .sidebar .widget-list a:before{left: auto; right: 0; content: '\f100';} body.rtl .sidebar .widget-recent-post li{padding-left: 0; padding-right: 80px;} body.rtl .sidebar .widget-recent-post .thumb{right: 0; left: auto} body.rtl #comments > h2, body.rtl #comments .comment-reply-title{padding-left: 0; padding-right: 30px; background-position: right center} body.rtl .comment-list .comment-meta .comment-author .avatar{left: 0; right: 20px} body.rtl .comment-list .comment-body .comment-reply-link{right: auto; left: 21px;} body.rtl .text-content ul li{padding-left: 0; padding-right: 25px; } body.rtl .text-content ul li:before{left: auto; right: 0; content: '\f100'} body.rtl .blog-list-item .date{right: 0; left: auto} body.rtl .blog-list-item .post-type{right: 0; left: auto} body.rtl .blog-list-item.post-quote .thumb{padding-left: 15px; padding-right: 85px} body.rtl .shop-filter .shop-sort{float: right; margin-left: 100px; margin-right: 0;} body.rtl .shop-filter .shop-sort .shop-ordering{float: right; margin-left: 10px; margin-right: 0;} body.rtl .shop-filter .woocommerce-result-count{float: right; margin-left: 30px; margin-right: 0;} body.rtl .shop-filter .shop-filter-page{float: right;} body.rtl .shop-filter .shop-type{float: left} body.rtl .shop-filter .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left: 20px; padding-right: 15px; text-align: right;} body.rtl .select2-container--default .select2-selection--single .select2-selection__arrow{left: 10px; right: auto} body.rtl .select2-container,body.rtl .select2-container--default .select2-search--dropdown .select2-search__field{text-align: right} body.rtl a.menu-mm{right: 20px; left: auto} body.rtl .mm-menu, body.rtl .mm-menu > .mm-panel{right: 0; left: auto;} html.mm-opening body.rtl .mm-slideout{transform: translate(-80%, 0);-moz-transform: translate(-80%, 0);-webkit-transform: translate(-80%, 0)} body.rtl .shop-filter-small .shop-sort{margin-left: 0!important} @media(min-width: 1025px){ body.rtl .menu .nav-menu li .sub-menu-wrap ul li a:hover{padding-left: 0; padding-right: 15px} } @media(min-width: 1200px){ body.rtl .col-lg-1, body.rtl .col-lg-10, body.rtl .col-lg-11, body.rtl .col-lg-12, body.rtl .col-lg-2, body.rtl .col-lg-3, body.rtl .col-lg-4, body.rtl .col-lg-5, body.rtl .col-lg-6, body.rtl .col-lg-7, body.rtl .col-lg-8, body.rtl .col-lg-9{float: right;} } @media (min-width: 992px){ body.rtl .col-md-1, body.rtl .col-md-10, body.rtl .col-md-11, body.rtl .col-md-12, body.rtl .col-md-2, body.rtl .col-md-3, body.rtl .col-md-4, body.rtl .col-md-5, body.rtl .col-md-6, body.rtl .col-md-7, body.rtl .col-md-8, body.rtl .col-md-9{float: right;} body.rtl .col-md-push-12{left:auto;right:100%} body.rtl .col-md-push-11{left:auto;right:91.66666667%} body.rtl .col-md-push-10{left:auto;right:83.33333333%} body.rtl .col-md-push-9{left:auto;right:75%} body.rtl .col-md-push-8{left:auto;right:66.66666667%} body.rtl .col-md-push-7{left:auto;right:58.33333333%} body.rtl .col-md-push-6{left:auto;right:50%} body.rtl .col-md-push-5{left:auto;right:41.66666667%} body.rtl .col-md-push-4{left:auto;right:33.33333333%} body.rtl .col-md-push-3{left:auto;right:25%} body.rtl .col-md-push-2{left:auto;right:16.66666667%} body.rtl .col-md-push-1{left:auto;right:8.33333333%} body.rtl .col-md-push-0{left:auto} body.rtl .md-text-right{text-align: left;} body.rtl .md-text-left{text-align: right;} } @media (min-width: 768px){ body.rtl .col-sm-1, body.rtl .col-sm-10, body.rtl .col-sm-11, body.rtl .col-sm-12, body.rtl .col-sm-2, body.rtl .col-sm-3, body.rtl .col-sm-4, body.rtl .col-sm-5, body.rtl .col-sm-6, body.rtl .col-sm-7, body.rtl .col-sm-8, body.rtl .col-sm-9{float: right;} } @media (max-width: 1199px){ body.rtl .shop-filter .shop-sort{margin-left: 50px} body.rtl .shop-filter .woocommerce-result-count{float: left; margin-left: 0; margin-right: 30px;} } /*------------------------------------------------------------------ 10/Style Green */ .style-green .index3-wrapper .menu a:hover{color: #00c853;} .style-green .index3-wrapper .header.header-fixed .header-menu .menu > ul > li > a:before{background: #00c853} .style-green .header.header-fixed .header-menu a.menu-mm .icon-bar{background: #222222} .style-green .menu .nav-menu li .sub-menu-wrap ul li a:before, .style-green .footer .widget.widget_recent_entries ul li .text .post-date, .style-green .site-copyright a, .style-green .footer .widget .textwidget .contact-info .phone:before, .style-green .footer .widget .textwidget .contact-info .location:before, .style-green .blog-list-item .post-meta .cat, .style-green .sidebar .widget-list .current-cat a, .style-green .comment-list .comment-meta .comment-author a, .style-green .comment-list .comment-meta .comment-author, .style-green .shop_table.cart tfoot .product-subtotal, .style-green .woocommerce-info a, .style-green .frm-in-checkout .form-row .lost_password a, .style-green .woocommerce-checkout-review-order-table .order-total td, .style-green .box-contact .contact-list h2, .style-green .item-portfolio .content .post-meta a, .style-green .portfolio-details ul li .icon-title, .style-green .portfolio-details ul li a, .style-green .item-product-list .content .star-rating span:before, .style-green .widget-shop-list li.current-cat a, .style-green .product .summary .product_meta a, .style-green .header .cart .cart_list_wrapper .cart_list li .amount, .style-green .pricing-table .td .fa-icon-check, .style-green .header .support:before, .style-green .header .cart i.fa-icon-shopping-cart, .style-green .pricing-plan-table-2 .simple-title.no-title span, .style-green .text-content ul li:before {color: #00C853} .style-green #toTop, .style-green .btn-blue, .style-green .our-experts .people .person .info .bg, .style-green .pricing-table .thead, .style-green .pricing-table .td .btn-order, .style-green .header .cart .cart_list_wrapper .buttons, .style-green .frm-search .submit, .style-green .blog-list-item .flex-control-nav .flex-active,.style-green .blog-list-item .flex-direction-nav a, .style-green .blog-list-item.post-sound .date,.style-green .audio .play-pause-button, .style-green .comment-list .comment-body .comment-reply-link, .style-green .comment-form .inp-submit, .style-green .woocommerce-checkout-payment ul li input:checked + label:after, .style-green .portfolio-filter a.js__filter_active, .style-green .item-portfolio .thumb, .style-green .shop-filter .shop-type a.active, .style-green .item-product-list .add_to_cart_button, .style-green .bg-main, .style-green .filter--slider .noUi-base .noUi-handle, .style-green .filter--slider .noUi-base .noUi-connect:before, .style-green .product .summary .single_add_to_cart_button, .style-green .bg-main-2, .style-green .select2-container--default .select2-results__option--highlighted[aria-selected], .style-green .out-blog-posts .posts .post .date .bg, .style-green .pricing-plan-table-2 .col-wrap:nth-child(even) .td-title, .style-green .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-price, .style-green .pricing-plan-table-2 .td-order .btn-order, .style-green .what-we-do .item .bg-color {background: #00C853} .style-green .pricing-table .col-featured .td .btn-order, .style-green .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-title, .style-green .pricing-plan-table-2 .col-wrap:nth-child(even) .td-price {background: #019840;} .style-green .pricing-table .col-first .thead{color: #00C853;background: none} .style-green .testimonials .slick-slider-nav .item.slick-current .overlay{background: rgba(0, 200, 83, 0.75);} .style-green .index3-wrapper .tparrows:before{color: #000} .style-green .header .cart .cart_list_wrapper{border-top-color: #00C853;} .style-green .testimonials-small .slick-slider-nav .item.slick-current .overlay:after, .style-green .shop_table.cart tbody .qty:focus, .style-green .frm-common .inp-text:focus, .style-green .frm-in-checkout .form-row-input .input-text:focus, .style-green .woocommerce-tabs .tabs a.js__tab_active, .style-green .tagcloud a:hover{border-color: #00C853} .style-green .testimonials-small .slick-slider-nav .item.slick-current .overlay:before{color: #fff} .style-green .woocommerce-pagination .current{color: #00C853;border-color: #00C853} .style-green.o-mini-cart .header.header-fixed .header-right .cart > i, .style-green.o-search-f .header.header-fixed .header-right .search > i{background: #00c853;color: #fff} .style-green .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-title, .style-green .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-price {background: #ffcd03;} .style-green .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-title, .style-green .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-price, .style-green .pricing-plan-table-2 .col-wrap.featured .btn-order{background: #ffd632;} .style-green .blog-list-item .date{background-color: rgba(0,200,83,0.7);} .style-green .pricing-table .thead.bg-main-1{background-color: #00C853} .style-green .pricing-table .thead.bg-blue-1{background-color: #01D659} .style-green .pricing-table .thead.bg-blue-2{background-color: #00B74C} .style-green .pricing-table .thead.bg-blue-3{background-color: #00AD48} .style-green .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart, .style-green .index2-wrapper .header.header-fixed .search i.fa-icon-search{color: #ffffff} .style-green .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart:hover, .style-green .index2-wrapper .header.header-fixed .search > i.fa-icon-search:hover, .o-search-f.style-green .index2-wrapper .header.header-fixed .search > i.fa-icon-search, .o-mini-cart.style-green .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart {background: #ffffff; color: #00C853} @media(min-width: 1025px){ .style-green .what-we-do-2 .item .thumb:before, .style-green .fun-facts .item .counter-icon:hover:after, .style-green .tagcloud a:hover, .style-green .portfolio-filter a:hover, .style-green .images-wrapper .images-right .control a:hover, .style-green .product .images .control a:hover {background: #00C853} .style-green .menu .nav-menu li .sub-menu-wrap ul li a:hover, .style-green .out-blog-posts .posts .post .title a:hover, .style-green .out-blog-posts .posts .post .readmore:hover, .style-green .header .cart .cart_list_wrapper .cart_list li > a:hover, .style-green .what-we-do-2 .item .title a:hover, .style-green .site-copyright .footer-menu li a:hover, .style-green .blog-list-item .title a:hover, .style-green .blog-list-item .readmore:hover, .style-green .blog-list-item .readmore:hover, .style-green .sidebar .widget-recent-post .title a:hover, .style-green .sidebar .widget-list a:hover, .style-green .comment-list .comment-meta .comment-metadata a:hover, .style-green .shop_table.cart tbody .product-remove a:hover, .style-green .shop_table.cart tbody .product-name a:hover, .style-green .box-contact .contact-list li a:hover, .style-green .box-contact .contact-list ul li a:hover, .style-green .widget-shop-list li a:hover, .style-green .widget-best-seller .item-product-top-rated h2:hover, .style-green .product .summary .quantity .number-wrap .btn-number:hover, .style-green .item-service .readmore:hover, .style-green .header-top .socials a:hover {color: #00C853;} .style-green .fun-facts .item .counter-icon:hover:before, .style-green .comment-form .inp-text:focus {border-color: #00C853} .style-green .pricing-table .td .btn-order:hover, .style-green .blog-list-item .flex-direction-nav a:hover, .style-green .comment-list .comment-body .comment-reply-link:hover, .style-green .comment-form .inp-submit:hover, .style-green .item-product-list .add_to_cart_button:hover{background: #019840;} .style-green .what-we-do-2 .item .readmore:hover{background: #00C853;border-color: #00C853} .style-green .woocommerce-pagination a:hover{color: #00C853;border-color: #00C853} .style-green .blog-list-item .post-meta .cat:hover,.style-green .blog-list-item .post-meta .author:hover, .style-green .blog-list-item.post-sound .title:hover, .style-green .blog-list-item.post-sound .author:hover, .style-green .comment-list .comment-meta .comment-author a:hover, .style-green .woocommerce-info a:hover, .style-green .frm-in-checkout .form-row .lost_password a:hover, .style-green .item-portfolio .content .post-meta a:hover, .style-green .portfolio-details ul li a:hover, .style-green .product .summary .product_meta a:hover {color: #019840;} .style-green .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-title, .style-green .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-price{background: #ffcd03} .style-green .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-title, .style-green .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-price{background: #ffd632} .style-green .pricing-plan-table-2 .col-wrap:hover .btn-order{background: #ffd632} } @media(max-width: 699px){ .style-green .shop_table.cart tbody .cart_item .product-subtotal{color: #00C853} } /*------------------------------------------------------------------ 11/Style red */ .style-red .header.header-fixed .header-menu a.menu-mm .icon-bar{background: #222222} .style-red .menu .nav-menu li .sub-menu-wrap ul li a:before, .style-red .footer .widget.widget_recent_entries ul li .text .post-date, .style-red .site-copyright a, .style-red .footer .widget .textwidget .contact-info .phone:before, .style-red .footer .widget .textwidget .contact-info .location:before, .style-red .blog-list-item .post-meta .cat, .style-red .sidebar .widget-list .current-cat a, .style-red .comment-list .comment-meta .comment-author a, .style-red .comment-list .comment-meta .comment-author, .style-red .shop_table.cart tfoot .product-subtotal, .style-red .woocommerce-info a, .style-red .frm-in-checkout .form-row .lost_password a, .style-red .woocommerce-checkout-review-order-table .order-total td, .style-red .box-contact .contact-list h2, .style-red .item-portfolio .content .post-meta a, .style-red .portfolio-details ul li .icon-title, .style-red .portfolio-details ul li a, .style-red .item-product-list .content .star-rating span:before, .style-red .widget-shop-list li.current-cat a, .style-red .product .summary .product_meta a, .style-red .header .cart .cart_list_wrapper .cart_list li .amount, .style-red .pricing-table .td .fa-icon-check, .style-red .header .support:before, .style-red .header .cart i.fa-icon-shopping-cart, .style-red .pricing-plan-table-2 .simple-title.no-title span, .style-red .text-content ul li:before {color: #F44336} .style-red #toTop, .style-red .btn-blue, .style-red .our-experts .people .person .info .bg, .style-red .pricing-table .thead, .style-red .pricing-table .td .btn-order, .style-red .header .cart .cart_list_wrapper .buttons, .style-red .frm-search .submit, .style-red .blog-list-item .flex-control-nav .flex-active,.style-red .blog-list-item .flex-direction-nav a, .style-red .blog-list-item.post-sound .date,.style-red .audio .play-pause-button, .style-red .comment-list .comment-body .comment-reply-link, .style-red .comment-form .inp-submit, .style-red .woocommerce-checkout-payment ul li input:checked + label:after, .style-red .portfolio-filter a.js__filter_active, .style-red .item-portfolio .thumb, .style-red .shop-filter .shop-type a.active, .style-red .item-product-list .add_to_cart_button, .style-red .bg-main, .style-red .filter--slider .noUi-base .noUi-handle, .style-red .filter--slider .noUi-base .noUi-connect:before, .style-red .product .summary .single_add_to_cart_button, .style-red .bg-main-2, .style-red .select2-container--default .select2-results__option--highlighted[aria-selected], .style-red .out-blog-posts .posts .post .date .bg, .style-red .pricing-plan-table-2 .col-wrap:nth-child(even) .td-title, .style-red .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-price, .style-red .pricing-plan-table-2 .td-order .btn-order, .style-red .what-we-do .item .bg-color {background: #F44336} .style-red .pricing-table .col-featured .td .btn-order, .style-red .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-title, .style-red .pricing-plan-table-2 .col-wrap:nth-child(even) .td-price {background: #D32F2F;} .style-red .pricing-table .col-first .thead{color: #F44336;background: none} .style-red .testimonials .slick-slider-nav .item.slick-current .overlay{background: rgba(244, 67, 54, 0.75);} .style-red .index3-wrapper .tparrows:before{color: #000} .style-red .header .cart .cart_list_wrapper{border-top-color: #F44336;} .style-red .testimonials-small .slick-slider-nav .item.slick-current .overlay:after, .style-red .shop_table.cart tbody .qty:focus, .style-red .frm-common .inp-text:focus, .style-red .frm-in-checkout .form-row-input .input-text:focus, .style-red .woocommerce-tabs .tabs a.js__tab_active, .style-red .tagcloud a:hover{border-color: #F44336} .style-red .testimonials-small .slick-slider-nav .item.slick-current .overlay:before{color: #fff} .style-red .woocommerce-pagination .current{color: #F44336;border-color: #F44336} .style-red.o-mini-cart .header.header-fixed .header-right .cart > i, .style-red.o-search-f .header.header-fixed .header-right .search > i, .style-red .index3-wrapper .header.header-fixed .header-right .cart > i:hover, .style-red .index3-wrapper .header.header-fixed .header-right .search > i:hover{background: #F44336;color: #fff} .style-red .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-title, .style-red .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-price {background: #ffcd03;} .style-red .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-title, .style-red .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-price, .style-red .pricing-plan-table-2 .col-wrap.featured .btn-order{background: #ffd632;} .style-red .blog-list-item .date{background-color: rgba(244, 67, 54,0.7);} .style-red .pricing-table .thead.bg-main-1{background-color: #F44336} .style-red .pricing-table .thead.bg-blue-1{background-color: #F54E41} .style-red .pricing-table .thead.bg-blue-2{background-color: #F73A2C} .style-red .pricing-table .thead.bg-blue-3{background-color: #F32F20} .style-red .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart, .style-red .index2-wrapper .header.header-fixed .search i.fa-icon-search{color: #ffffff} .style-red .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart:hover, .style-red .index2-wrapper .header.header-fixed .search > i.fa-icon-search:hover, .o-search-f.style-red .index2-wrapper .header.header-fixed .search > i.fa-icon-search, .o-mini-cart.style-red .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart {background: #ffffff; color: #F44336} .style-red .slider .rev_slider .tp-caption.rev-btn-green{background: #F44336!important} .style-red .btn-green{background: #F44336} @media(min-width: 1025px){ .style-red .btn-green:hover{background-color: rgba(244, 67, 54,0.7);} .style-red .slider .rev_slider .tp-caption.rev-btn-green:hover{background-color: rgba(244, 67, 54,0.7)!important} .style-red .what-we-do-2 .item .thumb:before, .style-red .fun-facts .item .counter-icon:hover:after, .style-red .tagcloud a:hover, .style-red .portfolio-filter a:hover, .style-red .images-wrapper .images-right .control a:hover, .style-red .product .images .control a:hover {background: #F44336} .style-red .menu .nav-menu li .sub-menu-wrap ul li a:hover, .style-red .out-blog-posts .posts .post .title a:hover, .style-red .out-blog-posts .posts .post .readmore:hover, .style-red .header .cart .cart_list_wrapper .cart_list li > a:hover, .style-red .what-we-do-2 .item .title a:hover, .style-red .site-copyright .footer-menu li a:hover, .style-red .blog-list-item .title a:hover, .style-red .blog-list-item .readmore:hover, .style-red .blog-list-item .readmore:hover, .style-red .sidebar .widget-recent-post .title a:hover, .style-red .sidebar .widget-list a:hover, .style-red .comment-list .comment-meta .comment-metadata a:hover, .style-red .shop_table.cart tbody .product-remove a:hover, .style-red .shop_table.cart tbody .product-name a:hover, .style-red .box-contact .contact-list li a:hover, .style-red .box-contact .contact-list ul li a:hover, .style-red .widget-shop-list li a:hover, .style-red .widget-best-seller .item-product-top-rated h2:hover, .style-red .product .summary .quantity .number-wrap .btn-number:hover, .style-red .item-service .readmore:hover, .style-red .header-top .socials a:hover {color: #F44336;} .style-red .fun-facts .item .counter-icon:hover:before, .style-red .comment-form .inp-text:focus {border-color: #F44336} .style-red .pricing-table .td .btn-order:hover, .style-red .blog-list-item .flex-direction-nav a:hover, .style-red .comment-list .comment-body .comment-reply-link:hover, .style-red .comment-form .inp-submit:hover, .style-red .item-product-list .add_to_cart_button:hover{background: #D32F2F;} .style-red .what-we-do-2 .item .readmore:hover{background: #F44336;border-color: #F44336} .style-red .woocommerce-pagination a:hover{color: #F44336;border-color: #F44336} .style-red .blog-list-item .post-meta .cat:hover,.style-red .blog-list-item .post-meta .author:hover, .style-red .blog-list-item.post-sound .title:hover, .style-red .blog-list-item.post-sound .author:hover, .style-red .comment-list .comment-meta .comment-author a:hover, .style-red .woocommerce-info a:hover, .style-red .frm-in-checkout .form-row .lost_password a:hover, .style-red .item-portfolio .content .post-meta a:hover, .style-red .portfolio-details ul li a:hover, .style-red .product .summary .product_meta a:hover {color: #D32F2F;} .style-red .index3-wrapper .menu a:hover{color: #F44336;} .style-red .index3-wrapper .header.header-fixed .header-menu .menu > ul > li > a:before{background: #F44336;} .style-red .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-title, .style-red .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-price{background: #ffcd03} .style-red .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-title, .style-red .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-price{background: #ffd632} .style-red .pricing-plan-table-2 .col-wrap:hover .btn-order{background: #ffd632} } @media(max-width: 699px){ .style-red .shop_table.cart tbody .cart_item .product-subtotal{color: #F44336} } /*------------------------------------------------------------------ 12/Style grey */ .style-grey .header.header-fixed .header-menu a.menu-mm .icon-bar{background: #222222} .style-grey .menu .nav-menu li .sub-menu-wrap ul li a:before, .style-grey .footer .widget.widget_recent_entries ul li .text .post-date, .style-grey .site-copyright a, .style-grey .footer .widget .textwidget .contact-info .phone:before, .style-grey .footer .widget .textwidget .contact-info .location:before, .style-grey .blog-list-item .post-meta .cat, .style-grey .sidebar .widget-list .current-cat a, .style-grey .comment-list .comment-meta .comment-author a, .style-grey .comment-list .comment-meta .comment-author, .style-grey .shop_table.cart tfoot .product-subtotal, .style-grey .woocommerce-info a, .style-grey .frm-in-checkout .form-row .lost_password a, .style-grey .woocommerce-checkout-review-order-table .order-total td, .style-grey .box-contact .contact-list h2, .style-grey .item-portfolio .content .post-meta a, .style-grey .portfolio-details ul li .icon-title, .style-grey .portfolio-details ul li a, .style-grey .item-product-list .content .star-rating span:before, .style-grey .widget-shop-list li.current-cat a, .style-grey .product .summary .product_meta a, .style-grey .header .cart .cart_list_wrapper .cart_list li .amount, .style-grey .pricing-table .td .fa-icon-check, .style-grey .header .support:before, .style-grey .header .cart i.fa-icon-shopping-cart, .style-grey .pricing-plan-table-2 .simple-title.no-title span, .style-grey .text-content ul li:before {color: #9E9E9E} .style-grey #toTop, .style-grey .btn-blue, .style-grey .our-experts .people .person .info .bg, .style-grey .pricing-table .thead, .style-grey .pricing-table .td .btn-order, .style-grey .header .cart .cart_list_wrapper .buttons, .style-grey .frm-search .submit, .style-grey .blog-list-item .flex-control-nav .flex-active,.style-grey .blog-list-item .flex-direction-nav a, .style-grey .blog-list-item.post-sound .date,.style-grey .audio .play-pause-button, .style-grey .comment-list .comment-body .comment-reply-link, .style-grey .comment-form .inp-submit, .style-grey .woocommerce-checkout-payment ul li input:checked + label:after, .style-grey .portfolio-filter a.js__filter_active, .style-grey .item-portfolio .thumb, .style-grey .shop-filter .shop-type a.active, .style-grey .item-product-list .add_to_cart_button, .style-grey .bg-main, .style-grey .filter--slider .noUi-base .noUi-handle, .style-grey .filter--slider .noUi-base .noUi-connect:before, .style-grey .product .summary .single_add_to_cart_button, .style-grey .bg-main-2, .style-grey .select2-container--default .select2-results__option--highlighted[aria-selected], .style-grey .out-blog-posts .posts .post .date .bg, .style-grey .pricing-plan-table-2 .col-wrap:nth-child(even) .td-title, .style-grey .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-price, .style-grey .pricing-plan-table-2 .td-order .btn-order, .style-grey .what-we-do .item .bg-color {background: #9E9E9E} .style-grey .pricing-table .col-featured .td .btn-order, .style-grey .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-title, .style-grey .pricing-plan-table-2 .col-wrap:nth-child(even) .td-price {background: #616161;} .style-grey .pricing-table .col-first .thead{color: #9E9E9E;background: none} .style-grey .testimonials .slick-slider-nav .item.slick-current .overlay{background: rgba(158, 158, 158, 0.75);} .style-grey .index3-wrapper .tparrows:before{color: #000} .style-grey .header .cart .cart_list_wrapper{border-top-color: #F44336;} .style-grey .testimonials-small .slick-slider-nav .item.slick-current .overlay:after, .style-grey .shop_table.cart tbody .qty:focus, .style-grey .frm-common .inp-text:focus, .style-grey .frm-in-checkout .form-row-input .input-text:focus, .style-grey .woocommerce-tabs .tabs a.js__tab_active, .style-grey .tagcloud a:hover{border-color: #9E9E9E} .style-grey .testimonials-small .slick-slider-nav .item.slick-current .overlay:before{color: #fff} .style-grey .woocommerce-pagination .current{color: #9E9E9E;border-color: #9E9E9E} .style-grey.o-mini-cart .header.header-fixed .header-right .cart > i, .style-grey.o-search-f .header.header-fixed .header-right .search > i, .style-grey .index3-wrapper .header.header-fixed .header-right .cart > i:hover, .style-grey .index3-wrapper .header.header-fixed .header-right .search > i:hover{background: #9E9E9E;color: #fff} .style-grey .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-title, .style-grey .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-price {background: #ffcd03;} .style-grey .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-title, .style-grey .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-price, .style-grey .pricing-plan-table-2 .col-wrap.featured .btn-order{background: #ffd632;} .style-grey .blog-list-item .date{background-color: rgba(158, 158, 158, 0.75);} .style-grey .pricing-table .thead.bg-main-1{background-color: #9E9E9E} .style-grey .pricing-table .thead.bg-blue-1{background-color: #B2B2B2} .style-grey .pricing-table .thead.bg-blue-2{background-color: #8C8C8C} .style-grey .pricing-table .thead.bg-blue-3{background-color: #616161} .style-grey .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart, .style-grey .index2-wrapper .header.header-fixed .search i.fa-icon-search{color: #ffffff} .style-grey .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart:hover, .style-grey .index2-wrapper .header.header-fixed .search > i.fa-icon-search:hover, .o-search-f.style-grey .index2-wrapper .header.header-fixed .search > i.fa-icon-search, .o-mini-cart.style-grey .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart {background: #ffffff; color: #9E9E9E} .style-grey .slider .rev_slider .tp-caption.rev-btn-green{background: #9E9E9E!important} .style-grey .btn-green{background: #9E9E9E} @media(min-width: 1025px){ .style-grey .btn-green:hover{background-color: rgba(158, 158, 158,0.7);} .style-grey .slider .rev_slider .tp-caption.rev-btn-green:hover{background-color: rgba(158, 158, 158,0.7)!important} .style-grey .what-we-do-2 .item .thumb:before, .style-grey .fun-facts .item .counter-icon:hover:after, .style-grey .tagcloud a:hover, .style-grey .portfolio-filter a:hover, .style-grey .images-wrapper .images-right .control a:hover, .style-grey .product .images .control a:hover {background: #9E9E9E} .style-grey .menu .nav-menu li .sub-menu-wrap ul li a:hover, .style-grey .out-blog-posts .posts .post .title a:hover, .style-grey .out-blog-posts .posts .post .readmore:hover, .style-grey .header .cart .cart_list_wrapper .cart_list li > a:hover, .style-grey .what-we-do-2 .item .title a:hover, .style-grey .site-copyright .footer-menu li a:hover, .style-grey .blog-list-item .title a:hover, .style-grey .blog-list-item .readmore:hover, .style-grey .blog-list-item .readmore:hover, .style-grey .sidebar .widget-recent-post .title a:hover, .style-grey .sidebar .widget-list a:hover, .style-grey .comment-list .comment-meta .comment-metadata a:hover, .style-grey .shop_table.cart tbody .product-remove a:hover, .style-grey .shop_table.cart tbody .product-name a:hover, .style-grey .box-contact .contact-list li a:hover, .style-grey .box-contact .contact-list ul li a:hover, .style-grey .widget-shop-list li a:hover, .style-grey .widget-best-seller .item-product-top-rated h2:hover, .style-grey .product .summary .quantity .number-wrap .btn-number:hover, .style-grey .item-service .readmore:hover, .style-grey .header-top .socials a:hover {color: #9E9E9E;} .style-grey .fun-facts .item .counter-icon:hover:before, .style-grey .comment-form .inp-text:focus {border-color: #9E9E9E} .style-grey .pricing-table .td .btn-order:hover, .style-grey .blog-list-item .flex-direction-nav a:hover, .style-grey .comment-list .comment-body .comment-reply-link:hover, .style-grey .comment-form .inp-submit:hover, .style-grey .item-product-list .add_to_cart_button:hover{background: #616161;} .style-grey .what-we-do-2 .item .readmore:hover{background: #9E9E9E;border-color: #9E9E9E} .style-grey .woocommerce-pagination a:hover{color: #9E9E9E;border-color: #9E9E9E} .style-grey .blog-list-item .post-meta .cat:hover,.style-grey .blog-list-item .post-meta .author:hover, .style-grey .blog-list-item.post-sound .title:hover, .style-grey .blog-list-item.post-sound .author:hover, .style-grey .comment-list .comment-meta .comment-author a:hover, .style-grey .woocommerce-info a:hover, .style-grey .frm-in-checkout .form-row .lost_password a:hover, .style-grey .item-portfolio .content .post-meta a:hover, .style-grey .portfolio-details ul li a:hover, .style-grey .product .summary .product_meta a:hover {color: #616161;} .style-grey .index3-wrapper .menu a:hover{color: #9E9E9E;} .style-grey .index3-wrapper .header.header-fixed .header-menu .menu > ul > li > a:before{background: #9E9E9E;} .style-grey .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-title, .style-grey .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-price{background: #ffcd03} .style-grey .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-title, .style-grey .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-price{background: #ffd632} .style-grey .pricing-plan-table-2 .col-wrap:hover .btn-order{background: #ffd632} } @media(max-width: 699px){ .style-grey .shop_table.cart tbody .cart_item .product-subtotal{color: #9E9E9E} } /*------------------------------------------------------------------ 13/Style pink */ .style-pink .header.header-fixed .header-menu a.menu-mm .icon-bar{background: #222222} .style-pink .menu .nav-menu li .sub-menu-wrap ul li a:before, .style-pink .footer .widget.widget_recent_entries ul li .text .post-date, .style-pink .site-copyright a, .style-pink .footer .widget .textwidget .contact-info .phone:before, .style-pink .footer .widget .textwidget .contact-info .location:before, .style-pink .blog-list-item .post-meta .cat, .style-pink .sidebar .widget-list .current-cat a, .style-pink .comment-list .comment-meta .comment-author a, .style-pink .comment-list .comment-meta .comment-author, .style-pink .shop_table.cart tfoot .product-subtotal, .style-pink .woocommerce-info a, .style-pink .frm-in-checkout .form-row .lost_password a, .style-pink .woocommerce-checkout-review-order-table .order-total td, .style-pink .box-contact .contact-list h2, .style-pink .item-portfolio .content .post-meta a, .style-pink .portfolio-details ul li .icon-title, .style-pink .portfolio-details ul li a, .style-pink .item-product-list .content .star-rating span:before, .style-pink .widget-shop-list li.current-cat a, .style-pink .product .summary .product_meta a, .style-pink .header .cart .cart_list_wrapper .cart_list li .amount, .style-pink .pricing-table .td .fa-icon-check, .style-pink .header .support:before, .style-pink .header .cart i.fa-icon-shopping-cart, .style-pink .pricing-plan-table-2 .simple-title.no-title span, .style-pink .text-content ul li:before {color: #E81D62} .style-pink #toTop, .style-pink .btn-blue, .style-pink .our-experts .people .person .info .bg, .style-pink .pricing-table .thead, .style-pink .pricing-table .td .btn-order, .style-pink .header .cart .cart_list_wrapper .buttons, .style-pink .frm-search .submit, .style-pink .blog-list-item .flex-control-nav .flex-active,.style-pink .blog-list-item .flex-direction-nav a, .style-pink .blog-list-item.post-sound .date,.style-pink .audio .play-pause-button, .style-pink .comment-list .comment-body .comment-reply-link, .style-pink .comment-form .inp-submit, .style-pink .woocommerce-checkout-payment ul li input:checked + label:after, .style-pink .portfolio-filter a.js__filter_active, .style-pink .item-portfolio .thumb, .style-pink .shop-filter .shop-type a.active, .style-pink .item-product-list .add_to_cart_button, .style-pink .bg-main, .style-pink .filter--slider .noUi-base .noUi-handle, .style-pink .filter--slider .noUi-base .noUi-connect:before, .style-pink .product .summary .single_add_to_cart_button, .style-pink .bg-main-2, .style-pink .select2-container--default .select2-results__option--highlighted[aria-selected], .style-pink .out-blog-posts .posts .post .date .bg, .style-pink .pricing-plan-table-2 .col-wrap:nth-child(even) .td-title, .style-pink .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-price, .style-pink .pricing-plan-table-2 .td-order .btn-order, .style-pink .what-we-do .item .bg-color {background: #E81D62} .style-pink .pricing-table .col-featured .td .btn-order, .style-pink .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-title, .style-pink .pricing-plan-table-2 .col-wrap:nth-child(even) .td-price {background: #C2185B;} .style-pink .pricing-table .col-first .thead{color: #E81D62;background: none} .style-pink .testimonials .slick-slider-nav .item.slick-current .overlay{background: rgba(232, 29, 98, 0.75);} .style-pink .index3-wrapper .tparrows:before{color: #000} .style-pink .header .cart .cart_list_wrapper{border-top-color: #F44336;} .style-pink .testimonials-small .slick-slider-nav .item.slick-current .overlay:after, .style-pink .shop_table.cart tbody .qty:focus, .style-pink .frm-common .inp-text:focus, .style-pink .frm-in-checkout .form-row-input .input-text:focus, .style-pink .woocommerce-tabs .tabs a.js__tab_active, .style-pink .tagcloud a:hover{border-color: #E81D62} .style-pink .testimonials-small .slick-slider-nav .item.slick-current .overlay:before{color: #fff} .style-pink .woocommerce-pagination .current{color: #E81D62;border-color: #E81D62} .style-pink.o-mini-cart .header.header-fixed .header-right .cart > i, .style-pink.o-search-f .header.header-fixed .header-right .search > i, .style-pink .index3-wrapper .header.header-fixed .header-right .cart > i:hover, .style-pink .index3-wrapper .header.header-fixed .header-right .search > i:hover{background: #E81D62;color: #fff} .style-pink .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-title, .style-pink .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-price {background: #ffcd03;} .style-pink .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-title, .style-pink .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-price, .style-pink .pricing-plan-table-2 .col-wrap.featured .btn-order{background: #ffd632;} .style-pink .blog-list-item .date{background-color: rgba(232, 29, 98, 0.75);} .style-pink .pricing-table .thead.bg-main-1{background-color: #E81D62} .style-pink .pricing-table .thead.bg-blue-1{background-color: #ED276A} .style-pink .pricing-table .thead.bg-blue-2{background-color: #DC1B5C} .style-pink .pricing-table .thead.bg-blue-3{background-color: #C2185B} .style-pink .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart, .style-pink .index2-wrapper .header.header-fixed .search i.fa-icon-search{color: #ffffff} .style-pink .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart:hover, .style-pink .index2-wrapper .header.header-fixed .search > i.fa-icon-search:hover, .o-search-f.style-pink .index2-wrapper .header.header-fixed .search > i.fa-icon-search, .o-mini-cart.style-pink .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart {background: #ffffff; color: #E81D62} .style-pink .slider .rev_slider .tp-caption.rev-btn-green{background: #E81D62!important} .style-pink .btn-green{background: #E81D62} @media(min-width: 1025px){ .style-pink .btn-green:hover{background-color: rgba(232, 29, 98, 0.7);} .style-pink .slider .rev_slider .tp-caption.rev-btn-green:hover{background-color: rgba(232, 29, 98, 0.7)!important} .style-pink .what-we-do-2 .item .thumb:before, .style-pink .fun-facts .item .counter-icon:hover:after, .style-pink .tagcloud a:hover, .style-pink .portfolio-filter a:hover, .style-pink .images-wrapper .images-right .control a:hover, .style-pink .product .images .control a:hover {background: #E81D62} .style-pink .menu .nav-menu li .sub-menu-wrap ul li a:hover, .style-pink .out-blog-posts .posts .post .title a:hover, .style-pink .out-blog-posts .posts .post .readmore:hover, .style-pink .header .cart .cart_list_wrapper .cart_list li > a:hover, .style-pink .what-we-do-2 .item .title a:hover, .style-pink .site-copyright .footer-menu li a:hover, .style-pink .blog-list-item .title a:hover, .style-pink .blog-list-item .readmore:hover, .style-pink .blog-list-item .readmore:hover, .style-pink .sidebar .widget-recent-post .title a:hover, .style-pink .sidebar .widget-list a:hover, .style-pink .comment-list .comment-meta .comment-metadata a:hover, .style-pink .shop_table.cart tbody .product-remove a:hover, .style-pink .shop_table.cart tbody .product-name a:hover, .style-pink .box-contact .contact-list li a:hover, .style-pink .box-contact .contact-list ul li a:hover, .style-pink .widget-shop-list li a:hover, .style-pink .widget-best-seller .item-product-top-rated h2:hover, .style-pink .product .summary .quantity .number-wrap .btn-number:hover, .style-pink .item-service .readmore:hover, .style-pink .header-top .socials a:hover {color: #E81D62;} .style-pink .fun-facts .item .counter-icon:hover:before, .style-pink .comment-form .inp-text:focus {border-color: #E81D62} .style-pink .pricing-table .td .btn-order:hover, .style-pink .blog-list-item .flex-direction-nav a:hover, .style-pink .comment-list .comment-body .comment-reply-link:hover, .style-pink .comment-form .inp-submit:hover, .style-pink .item-product-list .add_to_cart_button:hover{background: #C2185B;} .style-pink .what-we-do-2 .item .readmore:hover{background: #E81D62;border-color: #E81D62} .style-pink .woocommerce-pagination a:hover{color: #E81D62;border-color: #E81D62} .style-pink .blog-list-item .post-meta .cat:hover,.style-pink .blog-list-item .post-meta .author:hover, .style-pink .blog-list-item.post-sound .title:hover, .style-pink .blog-list-item.post-sound .author:hover, .style-pink .comment-list .comment-meta .comment-author a:hover, .style-pink .woocommerce-info a:hover, .style-pink .frm-in-checkout .form-row .lost_password a:hover, .style-pink .item-portfolio .content .post-meta a:hover, .style-pink .portfolio-details ul li a:hover, .style-pink .product .summary .product_meta a:hover {color: #C2185B;} .style-pink .index3-wrapper .menu a:hover{color: #E81D62;} .style-pink .index3-wrapper .header.header-fixed .header-menu .menu > ul > li > a:before{background: #E81D62;} .style-pink .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-title, .style-pink .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-price{background: #ffcd03} .style-pink .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-title, .style-pink .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-price{background: #ffd632} .style-pink .pricing-plan-table-2 .col-wrap:hover .btn-order{background: #ffd632} } @media(max-width: 699px){ .style-pink .shop_table.cart tbody .cart_item .product-subtotal{color: #E81D62} } /*------------------------------------------------------------------ 14/Style orange */ .style-orange .header.header-fixed .header-menu a.menu-mm .icon-bar{background: #222222} .style-orange .menu .nav-menu li .sub-menu-wrap ul li a:before, .style-orange .footer .widget.widget_recent_entries ul li .text .post-date, .style-orange .site-copyright a, .style-orange .footer .widget .textwidget .contact-info .phone:before, .style-orange .footer .widget .textwidget .contact-info .location:before, .style-orange .blog-list-item .post-meta .cat, .style-orange .sidebar .widget-list .current-cat a, .style-orange .comment-list .comment-meta .comment-author a, .style-orange .comment-list .comment-meta .comment-author, .style-orange .shop_table.cart tfoot .product-subtotal, .style-orange .woocommerce-info a, .style-orange .frm-in-checkout .form-row .lost_password a, .style-orange .woocommerce-checkout-review-order-table .order-total td, .style-orange .box-contact .contact-list h2, .style-orange .item-portfolio .content .post-meta a, .style-orange .portfolio-details ul li .icon-title, .style-orange .portfolio-details ul li a, .style-orange .item-product-list .content .star-rating span:before, .style-orange .widget-shop-list li.current-cat a, .style-orange .product .summary .product_meta a, .style-orange .header .cart .cart_list_wrapper .cart_list li .amount, .style-orange .pricing-table .td .fa-icon-check, .style-orange .header .support:before, .style-orange .header .cart i.fa-icon-shopping-cart, .style-orange .pricing-plan-table-2 .simple-title.no-title span, .style-orange .text-content ul li:before {color: #FE5621} .style-orange #toTop, .style-orange .btn-blue, .style-orange .our-experts .people .person .info .bg, .style-orange .pricing-table .thead, .style-orange .pricing-table .td .btn-order, .style-orange .header .cart .cart_list_wrapper .buttons, .style-orange .frm-search .submit, .style-orange .blog-list-item .flex-control-nav .flex-active,.style-orange .blog-list-item .flex-direction-nav a, .style-orange .blog-list-item.post-sound .date,.style-orange .audio .play-pause-button, .style-orange .comment-list .comment-body .comment-reply-link, .style-orange .comment-form .inp-submit, .style-orange .woocommerce-checkout-payment ul li input:checked + label:after, .style-orange .portfolio-filter a.js__filter_active, .style-orange .item-portfolio .thumb, .style-orange .shop-filter .shop-type a.active, .style-orange .item-product-list .add_to_cart_button, .style-orange .bg-main, .style-orange .filter--slider .noUi-base .noUi-handle, .style-orange .filter--slider .noUi-base .noUi-connect:before, .style-orange .product .summary .single_add_to_cart_button, .style-orange .bg-main-2, .style-orange .select2-container--default .select2-results__option--highlighted[aria-selected], .style-orange .out-blog-posts .posts .post .date .bg, .style-orange .pricing-plan-table-2 .col-wrap:nth-child(even) .td-title, .style-orange .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-price, .style-orange .pricing-plan-table-2 .td-order .btn-order, .style-orange .what-we-do .item .bg-color {background: #FE5621} .style-orange .pricing-table .col-featured .td .btn-order, .style-orange .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-title, .style-orange .pricing-plan-table-2 .col-wrap:nth-child(even) .td-price {background: #E64A19;} .style-orange .pricing-table .col-first .thead{color: #FE5621;background: none} .style-orange .testimonials .slick-slider-nav .item.slick-current .overlay{background: rgba(254, 86, 33, 0.75);} .style-orange .header .cart .cart_list_wrapper{border-top-color: #F44336;} .style-orange .testimonials-small .slick-slider-nav .item.slick-current .overlay:after, .style-orange .shop_table.cart tbody .qty:focus, .style-orange .frm-common .inp-text:focus, .style-orange .frm-in-checkout .form-row-input .input-text:focus, .style-orange .woocommerce-tabs .tabs a.js__tab_active, .style-orange .tagcloud a:hover{border-color: #FE5621} .style-orange .testimonials-small .slick-slider-nav .item.slick-current .overlay:before{color: #fff} .style-orange .woocommerce-pagination .current{color: #FE5621;border-color: #FE5621} .style-orange.o-mini-cart .header.header-fixed .header-right .cart > i, .style-orange.o-search-f .header.header-fixed .header-right .search > i, .style-orange .index3-wrapper .header.header-fixed .header-right .cart > i:hover, .style-orange .index3-wrapper .header.header-fixed .header-right .search > i:hover{background: #FE5621;color: #fff} .style-orange .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-title, .style-orange .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-price {background: #ffcd03;} .style-orange .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-title, .style-orange .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-price, .style-orange .pricing-plan-table-2 .col-wrap.featured .btn-order{background: #ffd632;} .style-orange .blog-list-item .date{background-color: rgba(254, 86, 33, 0.75);} .style-orange .pricing-table .thead.bg-main-1{background-color: #FE5621} .style-orange .pricing-table .thead.bg-blue-1{background-color: #FF5F2D} .style-orange .pricing-table .thead.bg-blue-2{background-color: #F74B14} .style-orange .pricing-table .thead.bg-blue-3{background-color: #E64A19} .style-orange .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart, .style-orange .index2-wrapper .header.header-fixed .search i.fa-icon-search{color: #ffffff} .style-orange .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart:hover, .style-orange .index2-wrapper .header.header-fixed .search > i.fa-icon-search:hover, .o-search-f.style-orange .index2-wrapper .header.header-fixed .search > i.fa-icon-search, .o-mini-cart.style-orange .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart {background: #ffffff; color: #FE5621} .style-orange .index3-wrapper .tparrows:before{color: #000} .style-orange .slider .rev_slider .tp-caption.rev-btn-green{background: #FE5621!important} .style-orange .btn-green{background: #FE5621} @media(min-width: 1025px){ .style-orange .btn-green:hover{background-color: rgba(254, 86, 33, 0.7);} .style-orange .slider .rev_slider .tp-caption.rev-btn-green:hover{background-color: rgba(254, 86, 33, 0.7)!important} .style-orange .what-we-do-2 .item .thumb:before, .style-orange .fun-facts .item .counter-icon:hover:after, .style-orange .tagcloud a:hover, .style-orange .portfolio-filter a:hover, .style-orange .images-wrapper .images-right .control a:hover, .style-orange .product .images .control a:hover {background: #FE5621} .style-orange .menu .nav-menu li .sub-menu-wrap ul li a:hover, .style-orange .out-blog-posts .posts .post .title a:hover, .style-orange .out-blog-posts .posts .post .readmore:hover, .style-orange .header .cart .cart_list_wrapper .cart_list li > a:hover, .style-orange .what-we-do-2 .item .title a:hover, .style-orange .site-copyright .footer-menu li a:hover, .style-orange .blog-list-item .title a:hover, .style-orange .blog-list-item .readmore:hover, .style-orange .blog-list-item .readmore:hover, .style-orange .sidebar .widget-recent-post .title a:hover, .style-orange .sidebar .widget-list a:hover, .style-orange .comment-list .comment-meta .comment-metadata a:hover, .style-orange .shop_table.cart tbody .product-remove a:hover, .style-orange .shop_table.cart tbody .product-name a:hover, .style-orange .box-contact .contact-list li a:hover, .style-orange .box-contact .contact-list ul li a:hover, .style-orange .widget-shop-list li a:hover, .style-orange .widget-best-seller .item-product-top-rated h2:hover, .style-orange .product .summary .quantity .number-wrap .btn-number:hover, .style-orange .item-service .readmore:hover, .style-orange .header-top .socials a:hover {color: #FE5621;} .style-orange .fun-facts .item .counter-icon:hover:before, .style-orange .comment-form .inp-text:focus {border-color: #FE5621} .style-orange .pricing-table .td .btn-order:hover, .style-orange .blog-list-item .flex-direction-nav a:hover, .style-orange .comment-list .comment-body .comment-reply-link:hover, .style-orange .comment-form .inp-submit:hover, .style-orange .item-product-list .add_to_cart_button:hover{background: #E64A19;} .style-orange .what-we-do-2 .item .readmore:hover{background: #FE5621;border-color: #FE5621} .style-orange .woocommerce-pagination a:hover{color: #FE5621;border-color: #FE5621} .style-orange .blog-list-item .post-meta .cat:hover,.style-orange .blog-list-item .post-meta .author:hover, .style-orange .blog-list-item.post-sound .title:hover, .style-orange .blog-list-item.post-sound .author:hover, .style-orange .comment-list .comment-meta .comment-author a:hover, .style-orange .woocommerce-info a:hover, .style-orange .frm-in-checkout .form-row .lost_password a:hover, .style-orange .item-portfolio .content .post-meta a:hover, .style-orange .portfolio-details ul li a:hover, .style-orange .product .summary .product_meta a:hover {color: #E64A19;} .style-orange .index3-wrapper .menu a:hover{color: #FE5621;} .style-orange .index3-wrapper .header.header-fixed .header-menu .menu > ul > li > a:before{background: #FE5621;} .style-orange .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-title, .style-orange .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-price{background: #ffcd03} .style-orange .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-title, .style-orange .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-price{background: #ffd632} .style-orange .pricing-plan-table-2 .col-wrap:hover .btn-order{background: #ffd632} } @media(max-width: 699px){ .style-orange .shop_table.cart tbody .cart_item .product-subtotal{color: #FE5621} } /*------------------------------------------------------------------ 15/Style purple */ .style-purple .header.header-fixed .header-menu a.menu-mm .icon-bar{background: #222222} .style-purple .menu .nav-menu li .sub-menu-wrap ul li a:before, .style-purple .footer .widget.widget_recent_entries ul li .text .post-date, .style-purple .site-copyright a, .style-purple .footer .widget .textwidget .contact-info .phone:before, .style-purple .footer .widget .textwidget .contact-info .location:before, .style-purple .blog-list-item .post-meta .cat, .style-purple .sidebar .widget-list .current-cat a, .style-purple .comment-list .comment-meta .comment-author a, .style-purple .comment-list .comment-meta .comment-author, .style-purple .shop_table.cart tfoot .product-subtotal, .style-purple .woocommerce-info a, .style-purple .frm-in-checkout .form-row .lost_password a, .style-purple .woocommerce-checkout-review-order-table .order-total td, .style-purple .box-contact .contact-list h2, .style-purple .item-portfolio .content .post-meta a, .style-purple .portfolio-details ul li .icon-title, .style-purple .portfolio-details ul li a, .style-purple .item-product-list .content .star-rating span:before, .style-purple .widget-shop-list li.current-cat a, .style-purple .product .summary .product_meta a, .style-purple .header .cart .cart_list_wrapper .cart_list li .amount, .style-purple .pricing-table .td .fa-icon-check, .style-purple .header .support:before, .style-purple .header .cart i.fa-icon-shopping-cart, .style-purple .pricing-plan-table-2 .simple-title.no-title span, .style-purple .text-content ul li:before {color: #3E50B4} .style-purple #toTop, .style-purple .btn-blue, .style-purple .our-experts .people .person .info .bg, .style-purple .pricing-table .thead, .style-purple .pricing-table .td .btn-order, .style-purple .header .cart .cart_list_wrapper .buttons, .style-purple .frm-search .submit, .style-purple .blog-list-item .flex-control-nav .flex-active,.style-purple .blog-list-item .flex-direction-nav a, .style-purple .blog-list-item.post-sound .date,.style-purple .audio .play-pause-button, .style-purple .comment-list .comment-body .comment-reply-link, .style-purple .comment-form .inp-submit, .style-purple .woocommerce-checkout-payment ul li input:checked + label:after, .style-purple .portfolio-filter a.js__filter_active, .style-purple .item-portfolio .thumb, .style-purple .shop-filter .shop-type a.active, .style-purple .item-product-list .add_to_cart_button, .style-purple .bg-main, .style-purple .filter--slider .noUi-base .noUi-handle, .style-purple .filter--slider .noUi-base .noUi-connect:before, .style-purple .product .summary .single_add_to_cart_button, .style-purple .bg-main-2, .style-purple .select2-container--default .select2-results__option--highlighted[aria-selected], .style-purple .out-blog-posts .posts .post .date .bg, .style-purple .pricing-plan-table-2 .col-wrap:nth-child(even) .td-title, .style-purple .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-price, .style-purple .pricing-plan-table-2 .td-order .btn-order, .style-purple .what-we-do .item .bg-color {background: #3E50B4} .style-purple .pricing-table .col-featured .td .btn-order, .style-purple .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-title, .style-purple .pricing-plan-table-2 .col-wrap:nth-child(even) .td-price {background: #512DA8;} .style-purple .pricing-table .col-first .thead{color: #3E50B4;background: none} .style-purple .testimonials .slick-slider-nav .item.slick-current .overlay{background: rgba(62, 80, 180, 0.75);} .style-purple .header .cart .cart_list_wrapper{border-top-color: #F44336;} .style-purple .testimonials-small .slick-slider-nav .item.slick-current .overlay:after, .style-purple .shop_table.cart tbody .qty:focus, .style-purple .frm-common .inp-text:focus, .style-purple .frm-in-checkout .form-row-input .input-text:focus, .style-purple .woocommerce-tabs .tabs a.js__tab_active, .style-purple .tagcloud a:hover{border-color: #3E50B4} .style-purple .testimonials-small .slick-slider-nav .item.slick-current .overlay:before{color: #fff} .style-purple .woocommerce-pagination .current{color: #3E50B4;border-color: #3E50B4} .style-purple.o-mini-cart .header.header-fixed .header-right .cart > i, .style-purple.o-search-f .header.header-fixed .header-right .search > i, .style-purple .index3-wrapper .header.header-fixed .header-right .cart > i:hover, .style-purple .index3-wrapper .header.header-fixed .header-right .search > i:hover{background: #3E50B4;color: #fff} .style-purple .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-title, .style-purple .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-price {background: #ffcd03;} .style-purple .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-title, .style-purple .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-price, .style-purple .pricing-plan-table-2 .col-wrap.featured .btn-order{background: #ffd632;} .style-purple .blog-list-item .date{background-color: rgba(62, 80, 180, 0.75);} .style-purple .pricing-table .thead.bg-main-1{background-color: #3E50B4} .style-purple .pricing-table .thead.bg-blue-1{background-color: #673AB7} .style-purple .pricing-table .thead.bg-blue-2{background-color: #3548B1} .style-purple .pricing-table .thead.bg-blue-3{background-color: #512DA8} .style-purple .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart, .style-purple .index2-wrapper .header.header-fixed .search i.fa-icon-search{color: #ffffff} .style-purple .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart:hover, .style-purple .index2-wrapper .header.header-fixed .search > i.fa-icon-search:hover, .o-search-f.style-purple .index2-wrapper .header.header-fixed .search > i.fa-icon-search, .o-mini-cart.style-purple .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart {background: #ffffff; color: #3E50B4} .style-purple .index3-wrapper .tparrows:before{color: #000} .style-purple .slider .rev_slider .tp-caption.rev-btn-green{background: #3E50B4!important} .style-purple .btn-green{background: #3E50B4} @media(min-width: 1025px){ .style-purple .btn-green:hover{background-color: rgba(62, 80, 180, 0.7);} .style-purple .slider .rev_slider .tp-caption.rev-btn-green:hover{background-color: rgba(62, 80, 180, 0.7)!important} .style-purple .what-we-do-2 .item .thumb:before, .style-purple .fun-facts .item .counter-icon:hover:after, .style-purple .tagcloud a:hover, .style-purple .portfolio-filter a:hover, .style-purple .images-wrapper .images-right .control a:hover, .style-purple .product .images .control a:hover {background: #3E50B4} .style-purple .menu .nav-menu li .sub-menu-wrap ul li a:hover, .style-purple .out-blog-posts .posts .post .title a:hover, .style-purple .out-blog-posts .posts .post .readmore:hover, .style-purple .header .cart .cart_list_wrapper .cart_list li > a:hover, .style-purple .what-we-do-2 .item .title a:hover, .style-purple .site-copyright .footer-menu li a:hover, .style-purple .blog-list-item .title a:hover, .style-purple .blog-list-item .readmore:hover, .style-purple .blog-list-item .readmore:hover, .style-purple .sidebar .widget-recent-post .title a:hover, .style-purple .sidebar .widget-list a:hover, .style-purple .comment-list .comment-meta .comment-metadata a:hover, .style-purple .shop_table.cart tbody .product-remove a:hover, .style-purple .shop_table.cart tbody .product-name a:hover, .style-purple .box-contact .contact-list li a:hover, .style-purple .box-contact .contact-list ul li a:hover, .style-purple .widget-shop-list li a:hover, .style-purple .widget-best-seller .item-product-top-rated h2:hover, .style-purple .product .summary .quantity .number-wrap .btn-number:hover, .style-purple .item-service .readmore:hover, .style-purple .header-top .socials a:hover {color: #3E50B4;} .style-purple .fun-facts .item .counter-icon:hover:before, .style-purple .comment-form .inp-text:focus {border-color: #3E50B4} .style-purple .pricing-table .td .btn-order:hover, .style-purple .blog-list-item .flex-direction-nav a:hover, .style-purple .comment-list .comment-body .comment-reply-link:hover, .style-purple .comment-form .inp-submit:hover, .style-purple .item-product-list .add_to_cart_button:hover{background: #512DA8;} .style-purple .what-we-do-2 .item .readmore:hover{background: #3E50B4;border-color: #3E50B4} .style-purple .woocommerce-pagination a:hover{color: #3E50B4;border-color: #3E50B4} .style-purple .blog-list-item .post-meta .cat:hover,.style-purple .blog-list-item .post-meta .author:hover, .style-purple .blog-list-item.post-sound .title:hover, .style-purple .blog-list-item.post-sound .author:hover, .style-purple .comment-list .comment-meta .comment-author a:hover, .style-purple .woocommerce-info a:hover, .style-purple .frm-in-checkout .form-row .lost_password a:hover, .style-purple .item-portfolio .content .post-meta a:hover, .style-purple .portfolio-details ul li a:hover, .style-purple .product .summary .product_meta a:hover {color: #512DA8;} .style-purple .index3-wrapper .menu a:hover{color: #3E50B4;} .style-purple .index3-wrapper .header.header-fixed .header-menu .menu > ul > li > a:before{background: #3E50B4;} .style-purple .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-title, .style-purple .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-price{background: #ffcd03} .style-purple .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-title, .style-purple .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-price{background: #ffd632} .style-purple .pricing-plan-table-2 .col-wrap:hover .btn-order{background: #ffd632} } @media(max-width: 699px){ .style-purple .shop_table.cart tbody .cart_item .product-subtotal{color: #3E50B4} } /*------------------------------------------------------------------ 16/Style brown */ .style-brown .header.header-fixed .header-menu a.menu-mm .icon-bar{background: #222222} .style-brown .menu .nav-menu li .sub-menu-wrap ul li a:before, .style-brown .footer .widget.widget_recent_entries ul li .text .post-date, .style-brown .site-copyright a, .style-brown .footer .widget .textwidget .contact-info .phone:before, .style-brown .footer .widget .textwidget .contact-info .location:before, .style-brown .blog-list-item .post-meta .cat, .style-brown .sidebar .widget-list .current-cat a, .style-brown .comment-list .comment-meta .comment-author a, .style-brown .comment-list .comment-meta .comment-author, .style-brown .shop_table.cart tfoot .product-subtotal, .style-brown .woocommerce-info a, .style-brown .frm-in-checkout .form-row .lost_password a, .style-brown .woocommerce-checkout-review-order-table .order-total td, .style-brown .box-contact .contact-list h2, .style-brown .item-portfolio .content .post-meta a, .style-brown .portfolio-details ul li .icon-title, .style-brown .portfolio-details ul li a, .style-brown .item-product-list .content .star-rating span:before, .style-brown .widget-shop-list li.current-cat a, .style-brown .product .summary .product_meta a, .style-brown .header .cart .cart_list_wrapper .cart_list li .amount, .style-brown .pricing-table .td .fa-icon-check, .style-brown .header .support:before, .style-brown .header .cart i.fa-icon-shopping-cart, .style-brown .pricing-plan-table-2 .simple-title.no-title span, .style-brown .text-content ul li:before {color: #785447} .style-brown #toTop, .style-brown .btn-blue, .style-brown .our-experts .people .person .info .bg, .style-brown .pricing-table .thead, .style-brown .pricing-table .td .btn-order, .style-brown .header .cart .cart_list_wrapper .buttons, .style-brown .frm-search .submit, .style-brown .blog-list-item .flex-control-nav .flex-active,.style-brown .blog-list-item .flex-direction-nav a, .style-brown .blog-list-item.post-sound .date,.style-brown .audio .play-pause-button, .style-brown .comment-list .comment-body .comment-reply-link, .style-brown .comment-form .inp-submit, .style-brown .woocommerce-checkout-payment ul li input:checked + label:after, .style-brown .portfolio-filter a.js__filter_active, .style-brown .item-portfolio .thumb, .style-brown .shop-filter .shop-type a.active, .style-brown .item-product-list .add_to_cart_button, .style-brown .bg-main, .style-brown .filter--slider .noUi-base .noUi-handle, .style-brown .filter--slider .noUi-base .noUi-connect:before, .style-brown .product .summary .single_add_to_cart_button, .style-brown .bg-main-2, .style-brown .select2-container--default .select2-results__option--highlighted[aria-selected], .style-brown .out-blog-posts .posts .post .date .bg, .style-brown .pricing-plan-table-2 .col-wrap:nth-child(even) .td-title, .style-brown .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-price, .style-brown .pricing-plan-table-2 .td-order .btn-order, .style-brown .what-we-do .item .bg-color {background: #785447} .style-brown .pricing-table .col-featured .td .btn-order, .style-brown .pricing-plan-table-2 .col-wrap:nth-child(odd) .td-title, .style-brown .pricing-plan-table-2 .col-wrap:nth-child(even) .td-price {background: #5D4037;} .style-brown .pricing-table .col-first .thead{color: #785447;background: none} .style-brown .testimonials .slick-slider-nav .item.slick-current .overlay{background: rgba(120, 84, 71, 0.75);} .style-brown .header .cart .cart_list_wrapper{border-top-color: #F44336;} .style-brown .testimonials-small .slick-slider-nav .item.slick-current .overlay:after, .style-brown .shop_table.cart tbody .qty:focus, .style-brown .frm-common .inp-text:focus, .style-brown .frm-in-checkout .form-row-input .input-text:focus, .style-brown .woocommerce-tabs .tabs a.js__tab_active, .style-brown .tagcloud a:hover{border-color: #785447} .style-brown .testimonials-small .slick-slider-nav .item.slick-current .overlay:before{color: #fff} .style-brown .woocommerce-pagination .current{color: #785447;border-color: #785447} .style-brown.o-mini-cart .header.header-fixed .header-right .cart > i, .style-brown.o-search-f .header.header-fixed .header-right .search > i, .style-brown .index3-wrapper .header.header-fixed .header-right .cart > i:hover, .style-brown .index3-wrapper .header.header-fixed .header-right .search > i:hover{background: #785447;color: #fff} .style-brown .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-title, .style-brown .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-price {background: #ffcd03;} .style-brown .pricing-plan-table-2 .col-wrap.featured:nth-child(even) .td-title, .style-brown .pricing-plan-table-2 .col-wrap.featured:nth-child(odd) .td-price, .style-brown .pricing-plan-table-2 .col-wrap.featured .btn-order{background: #ffd632;} .style-brown .blog-list-item .date{background-color: rgba(120, 84, 71, 0.75);} .style-brown .pricing-table .thead.bg-main-1{background-color: #785447} .style-brown .pricing-table .thead.bg-blue-1{background-color: #795548} .style-brown .pricing-table .thead.bg-blue-2{background-color: #755347} .style-brown .pricing-table .thead.bg-blue-3{background-color: #5D4037} .style-brown .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart, .style-brown .index2-wrapper .header.header-fixed .search i.fa-icon-search{color: #ffffff} .style-brown .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart:hover, .style-brown .index2-wrapper .header.header-fixed .search > i.fa-icon-search:hover, .o-search-f.style-brown .index2-wrapper .header.header-fixed .search > i.fa-icon-search, .o-mini-cart.style-brown .index2-wrapper .header.header-fixed .cart i.fa-icon-shopping-cart {background: #ffffff; color: #785447} .style-brown .index3-wrapper .tparrows:before{color: #000} .style-brown .slider .rev_slider .tp-caption.rev-btn-green{background: #785447!important} .style-brown .btn-green{background: #785447} @media(min-width: 1025px){ .style-brown .btn-green:hover{background-color: rgba(120, 84, 71, 0.7);} .style-brown .slider .rev_slider .tp-caption.rev-btn-green:hover{background-color: rgba(120, 84, 71, 0.7)!important} .style-brown .what-we-do-2 .item .thumb:before, .style-brown .fun-facts .item .counter-icon:hover:after, .style-brown .tagcloud a:hover, .style-brown .portfolio-filter a:hover, .style-brown .images-wrapper .images-right .control a:hover, .style-brown .product .images .control a:hover {background: #785447} .style-brown .menu .nav-menu li .sub-menu-wrap ul li a:hover, .style-brown .out-blog-posts .posts .post .title a:hover, .style-brown .out-blog-posts .posts .post .readmore:hover, .style-brown .header .cart .cart_list_wrapper .cart_list li > a:hover, .style-brown .what-we-do-2 .item .title a:hover, .style-brown .site-copyright .footer-menu li a:hover, .style-brown .blog-list-item .title a:hover, .style-brown .blog-list-item .readmore:hover, .style-brown .blog-list-item .readmore:hover, .style-brown .sidebar .widget-recent-post .title a:hover, .style-brown .sidebar .widget-list a:hover, .style-brown .comment-list .comment-meta .comment-metadata a:hover, .style-brown .shop_table.cart tbody .product-remove a:hover, .style-brown .shop_table.cart tbody .product-name a:hover, .style-brown .box-contact .contact-list li a:hover, .style-brown .box-contact .contact-list ul li a:hover, .style-brown .widget-shop-list li a:hover, .style-brown .widget-best-seller .item-product-top-rated h2:hover, .style-brown .product .summary .quantity .number-wrap .btn-number:hover, .style-brown .item-service .readmore:hover, .style-brown .header-top .socials a:hover {color: #785447;} .style-brown .fun-facts .item .counter-icon:hover:before, .style-brown .comment-form .inp-text:focus {border-color: #785447} .style-brown .pricing-table .td .btn-order:hover, .style-brown .blog-list-item .flex-direction-nav a:hover, .style-brown .comment-list .comment-body .comment-reply-link:hover, .style-brown .comment-form .inp-submit:hover, .style-brown .item-product-list .add_to_cart_button:hover{background: #5D4037;} .style-brown .what-we-do-2 .item .readmore:hover{background: #785447;border-color: #785447} .style-brown .woocommerce-pagination a:hover{color: #785447;border-color: #785447} .style-brown .blog-list-item .post-meta .cat:hover,.style-brown .blog-list-item .post-meta .author:hover, .style-brown .blog-list-item.post-sound .title:hover, .style-brown .blog-list-item.post-sound .author:hover, .style-brown .comment-list .comment-meta .comment-author a:hover, .style-brown .woocommerce-info a:hover, .style-brown .frm-in-checkout .form-row .lost_password a:hover, .style-brown .item-portfolio .content .post-meta a:hover, .style-brown .portfolio-details ul li a:hover, .style-brown .product .summary .product_meta a:hover {color: #5D4037;} .style-brown .index3-wrapper .menu a:hover{color: #785447;} .style-brown .index3-wrapper .header.header-fixed .header-menu .menu > ul > li > a:before{background: #785447;} .style-brown .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-title, .style-brown .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-price{background: #ffcd03} .style-brown .pricing-plan-table-2 .col-wrap:hover:nth-child(even) .td-title, .style-brown .pricing-plan-table-2 .col-wrap:hover:nth-child(odd) .td-price{background: #ffd632} .style-brown .pricing-plan-table-2 .col-wrap:hover .btn-order{background: #ffd632} } @media(max-width: 699px){ .style-brown .shop_table.cart tbody .cart_item .product-subtotal{color: #785447} }