/* Set 100% Height */
html, body { height: 100%; }
body { font-weight: 300; }
a { color: #00aeef; }
a:hover { text-decoration: none; }
a:hover, a:focus { color: #00aeef; }
.icon-zoom-in:before,
.icon-link:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-zoom-in:before { content: "\f00e"; }
.icon-link:before { content: "\f0c1"; }
/* Remove Outline in Webkit */
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { outline: none; background-color: #555555; }
button { outline: none; }
.navbar-nav { float: right; }
.contactbtn { color: #fff; font-size: 18px; line-height: normal; }
.contactbtn:hover { opacity: .8; color: #fff; }
.mainbanner img { display: block; margin: auto; }
.mainbanner { /*background: url("../images/home_banner1.jpg") no-repeat scroll 95% center #01aff0; background-size: 100% auto; margin-top: 61px;*/ position:relative; }
.mainbanner:before { background: url("../images/home_banner3.jpg") no-repeat scroll center -9px / 100% auto rgba(0, 0, 0, 0); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index:0;}
.mainbanner .bannerContent { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
margin: 122px 0 0; margin-bottom:53px;
max-width: 629px;
padding: 39px;
position: relative;
z-index: 2;}
.mainbanner h1 { color: #fff;
font-size: 31px;
font-weight: 700;
line-height: 35px;
margin: 0;
padding: 0;
text-transform: inherit; }
.mainbanner h2 { color: #fff;
font-size: 20px;
font-weight: 200;
line-height: 26px;
margin: 18px 0 31px;
padding: 0;
text-transform: inherit;}
.mainbanner .slide-title { position: relative; top: 30%; }
.mainbanner .slide-title { text-transform: inherit; color: #fff; font-size: 42px; font-weight: 800; line-height: 60px;/*font-family:Whitney-Bold;*/ }
.mainbanner .btn-buynow { background: none repeat scroll 0 0 #fff;
border: 0 solid #26425a;
border-radius: 0;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 300;
line-height: normal;
margin-top: 0;
padding: 10px 38px 14px;
text-decoration: none;
transition: all 0.25s ease-out 0s; }
.mainbanner .btn-buynow:hover { border-color: #00aeff; background: #00aeff; color: #fff; }
.mainbanner .bbtn:hover { background: #fff; color: #01a1ee; }
@media (max-width: 1366px) {
.mainbanner { height:auto !important;}
.mainbanner .bannerContent { }
}
@media (max-width: 1024px) {
.mainbanner .bannerContent { padding:30px; }
.mainbanner h1 { font-size:25px; line-height:normal; }
.mainbanner h2 { font-size:15px; line-height:normal;}
.mainbanner .btn-buynow { font-size:15px; padding:7px 10px; }
}
@media (max-width: 768px) {
.mainbanner:before { background-size:auto 100%;}
.mainbanner .bannerContent { padding:30px; max-width:100%; margin-top:100px; }
.mainbanner h1 { font-size:25px; line-height:normal; }
.mainbanner h2 { font-size:15px; line-height:normal;}
.mainbanner .btn-buynow { font-size:15px; padding:7px 10px; }
}
@media (max-width: 480px) {
.mainbanner { height:auto !important;}
.mainbanner h1 { font-size:18px; line-height:normal; margin:0 0 10px 0;}
.mainbanner h2 { font-size:15px; line-height:normal; margin:0 0 10px 0;}
.mainbanner .btn-buynow { padding:5px 10px; font-size:12px;}
}
@media (max-width: 370px) {
bannerContent { display:none;}
}
@media (max-width: 1300px) {
body .md-modal { max-width: 80%; } }
@media (max-width: 1300px) and (max-width: 768px) {
body .md-modal { max-width: 90%; } }
/* General */
.container { max-width: 100%; }
section { margin-bottom: 30px; }
footer section { margin-bottom:80px;}
.sectionContainer { background-color: #ecf0f1; padding: 80px 20px; margin-bottom: 80px; }
.sectionContainer section { margin-bottom: 0; }
blockquote { font-family: lora; font-style: italic; font-size: 18px; font-weight: 300; border-left: 1px solid #01AEEF; }
.hilite { background-color: #ecf0f1; padding: 80px 20px; margin-bottom: 80px; }
.navbar ul#featured-filter { width: 100%; position: relative; text-align: center; margin: 0; }
.navbar ul#featured-filter li { float: none; display: inline-block; }
@media (max-width: 480px) {
.navbar ul#featured-filter li { display: block; width: 100%; margin: 0; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; border: 0; border-bottom: 1px solid #bdc3c7; border-collapse: collapse; } }
#dt-featured-filter { padding: 0; }
.hi-icon { cursor: default!important; }
.hide-me-first { display: none; }
/* Form Style */
.form-control { -webkit-box-shadow: none; box-shadow: none; }
button.btn:focus { outline: 0; }
/* Typography */h1, h2, h3, h4, h5, h6 { text-transform: uppercase; color: #2a2929; }
/* Jquery Media Detect */
.jquery-media-detect { display: block; }
@media (max-width: 768px) {
.jquery-media-detect { display: none; } }
/* Navigation */.navbar-brand { padding: 10px 20px; }
.navbar-brand img { width: 115px; height: auto; }
.navbar-default {display: block !important;opacity: 1 !important;/* -webkit-box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4); *//* box-shadow: 0 1px 9px rgba(0, 0, 0, 0.4); */background-image: none;border: none;background: #fff;}
@media (max-width: 768px) {
.navbar-default { background: #ffffff; } }
body.home .navbar-default { display: none; }
.md-close i { line-height: 1.5em; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-image: none;box-shadow: none;background-color: transparent;color: #58585a;font-weight: 300;text-shadow: none!important;font-size: 13px;font-weight: 500;text-transform: uppercase;}
.navbar-nav li ul.dropdown-menu { top: -15px; border-radius: 3px; -webkit-box-shadow: 0 4px 0 #0f161e; box-shadow: 0 4px 0 #0f161e; border: 0; padding: 0; }
.navbar-nav li ul.dropdown-menu h5 { color: rgba(255, 255, 255, 0.7); padding: 4px 20px; font-weight: 300; }
@media (max-width: 768px) {
.navbar-nav li ul.dropdown-menu h5 { display: none; } }
.navbar-nav li ul.dropdown-menu li a { color: rgba(255, 255, 255, 0.7); font-weight: 300; padding: 6px 20px; border-top: 1px solid #283b4f; font-size: inherit; }
@media (max-width: 768px) {
.navbar-nav li ul.dropdown-menu li a { border-top: 1px solid #dddddd; } }
.navbar-nav li ul.dropdown-menu li a:hover { background-color: transparent; background-image: none; color: #01AEEF; }
@media (max-width: 1199px) {
.navbar-nav li ul.dropdown-menu li a { font-size: 0.8em; } }
.navbar-nav li a:hover { background-image: none; background-color: transparent; color: #01AEEF; }
@media (min-width: 768px) {
.navbar-nav li a { padding: 0px 20px; font-size: 1em; line-height: 1.7em; } }
@media (min-width: 767px) {
#mynavbar { display: table!important; width: 87%; padding: 0; }
#mynavbar .left-cell, #mynavbar .right-cell { display: table-cell; padding-top: 18px; vertical-align: middle; }
#mynavbar .right-cell { width: 250px; opacity: 0; }
#mynavbar .right-cell .navbar-right { position: relative; } }
@media (min-width: 768px) {
.navbar-collapse.in { overflow-y: initial; } }
.popup_form { position: absolute; top: 25px; width: 210px; left: -180px; margin-right: 200px; display: none; }
@media (max-width: 767px) {
.popup_form { position: static; display: block!important; opacity: 1 !important; } }
.popup_form input { background-color: #17222d; border: 0; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; font-size: 14px; font-style: italic; color: #ffffff; padding: 10px 20px; }
.navbar-form { margin: 25px 0; padding: 0!important; border: 0; line-height: 1em; }
.navbar-form ul { margin: 0; padding: 0; }
.navbar-form ul > li { list-style: none; display: inline-block !important; margin-left: 5px; }
@media (max-width: 767px) {
.navbar-form ul > li.hidden-mobile { display: none!important; } }
.navbar-form ul > li.bag { position: relative; right: 0px; top: 0px; width: 30px; height: 10px; }
.navbar-form ul > li .cart-click { cursor: pointer; }
.navbar-form ul > li .cart-click .icon-shop { font-size: 29px; color: #01AEEF; position: absolute; top: -13px; }
.navbar-form ul > li .cart-click .icon-shop span { font-size: 12px; font-style: normal; position: absolute; left: 10px; top: 11px; color: #fff; text-align: center; display: block; width: 20px; height: auto; }
.navbar-form ul > li:nth-child(2) { position: relative; padding-right: 5px; margin-right: 5px; }
.navbar-form ul > li:nth-child(2):after { content: ""; display: block; width: 1px; background-color: #999999; height: 10px; position: absolute; left: 110%; top: 4.571428571428571px; }
.navbar-form ul > li:last-child { margin-right: 10px; }
.navbar-form ul > li > a { color: #000000; }
.panel-mobile { float: right; }
.panel-mobile a { line-height: 4em; }
.panel-mobile span { margin: 0 5px; }
.cart-popup { position: absolute; top: 100%; right: 30px; background-color: #fbfbfb; padding: 30px 20px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; margin-top: 20px; max-width: 320px; color: #000000; }
@media (max-width: 480px) {
.cart-popup { right: 0; margin: 20px 10px; } }
.cart-popup:after { top: -19px; right: 15px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fbfbfb; border-width: 10px; }
@media (max-width: 767px) {
.cart-popup:after { right: 70px; } }
.cart-popup .popup-quality, .cart-popup .popup-price, .cart-popup .popup-subtotal-price { color: #01AEEF; }
.cart-popup p { margin: 0; }
.cart-popup .popup-item { border-bottom: 1px solid #bdc3c7; padding-bottom: 15px; margin-bottom: 15px; position: relative; line-height: 1.6em; }
.cart-popup .popup-item .thumb { padding-left: 0; }
.cart-popup .popup-item a.remove-it { color: #999999; width: 22px; height: 22px; text-decoration: none; text-align: center; display: block; line-height: 18px; float: left; position: absolute; top: 3px; left: 10px; font-size: 20px; }
.cart-popup .popup-item .text-item { width: 150px; float: right; margin-left: 30px; }
.cart-popup .popup-item .col-xs-4 { padding-left: 0px; }
.cart-popup .popup-item .col-xs-1 { padding-right: 0px; }
.cart-popup .popup-item .cart_popup-title { margin-top: -10px; }
.cart-popup .popup-bottom-info { text-align: center; }
.cart-popup .popup-bottom-info .popup-view-cart, .cart-popup .popup-bottom-info .popup-button-proceed { display: block; width: 100%; text-transform: uppercase; margin-top: 20px; }
.cart-popup .popup-bottom-info .popup-subtotal { margin-top: 20px; }
.cart-popup .popup-bottom-info .popup-view-cart { padding: 0 15px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; color: #999999; }
.cart-popup .popup-bottom-info .popup-view-cart:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.cart-popup .popup-bottom-info .popup-view-cart:hover p, .cart-popup .popup-bottom-info .popup-view-cart:hover h1, .cart-popup .popup-bottom-info .popup-view-cart:hover h2, .cart-popup .popup-bottom-info .popup-view-cart:hover span, .cart-popup .popup-bottom-info .popup-view-cart:hover i { color: #ffffff; }
.cart-popup .popup-bottom-info .popup-view-cart:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.cart-popup .popup-bottom-info .popup-button-proceed { padding: 0 15px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.cart-popup .popup-bottom-info .popup-button-proceed p, .cart-popup .popup-bottom-info .popup-button-proceed h1, .cart-popup .popup-bottom-info .popup-button-proceed h2, .cart-popup .popup-bottom-info .popup-button-proceed span, .cart-popup .popup-bottom-info .popup-button-proceed i { color: #ffffff; }
.cart-popup .popup-bottom-info .popup-button-proceed:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.cart-popup .popup-bottom-info .popup-button-proceed:hover p, .cart-popup .popup-bottom-info .popup-button-proceed:hover h1, .cart-popup .popup-bottom-info .popup-button-proceed:hover h2, .cart-popup .popup-bottom-info .popup-button-proceed:hover span, .cart-popup .popup-bottom-info .popup-button-proceed:hover i { color: #ffffff; }
.cart-popup .popup-bottom-info .popup-button-proceed:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
a.search_btn { color: #000000; }
#sequence { }
@media (max-width: 767px) {
a.search_btn { display: none; } }
a.search_btn :hover { cursor: pointer; color: #000000; }
/* header */.mainbanner, .shop-slider { height: auto !important; width: 100%; position: relative; }
/* Main Banner */
@media (max-width: 1024px) {
.mainbanner .slide-title { top: 30%; font-size: 25px; line-height: normal; } }
@media (max-width: 768px) {
#sequence .sequence-prev, #sequence .sequence-next { display: none!important; } }
#sequence ul.sequence-canvas li { height: 100%; max-width: 1000px; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); display: block; }
@media (min-width: 992px) {
.mainbanner .slide-title, .mainbanner .slide-text { padding: 0 0; } }
@media (max-width: 480px) {
.mainbanner .slide-title, .mainbanner .slide-text { padding: 0 40px; }
.mainbanner .btn-buynow { padding: 3% 38px; } }
#sequence ul.sequence-canvas li.slider1 .slide-title { text-shadow: 0 0 19px #49948c; }
#sequence ul.sequence-canvas li.slider1 .slide-title p { position: relative; top: -20px; margin: 0; }
@media (max-width: 480px) {
.mainbanner .slide-title { padding: 0; font-size: 90%; line-height: normal; top: 5%; } }
@media (max-width: 480px) {
.mainbanner .slide-text { font-size: 80%; } }
#sequence ul li { list-style: none; }
#sequence ul li .slide-logo img { width: 200px; height: auto; }
#sequence ul li .slide-title { font-size: 3.5em; text-transform: uppercase; font-weight: 300; color: white; }
#sequence ul li .slide-text { font-size: 1em; color: white; font-weight: 300; }
#sequence ul li .btn-cta { border: 1px solid white; border-radius: 3px; padding: 10px 20px; color: #fff; font-weight: 300; text-transform: uppercase; cursor: pointer; background-color: transparent; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s; }
#sequence ul li .btn-cta:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.3); }
#sequence .sequence-prev, #sequence .sequence-next { top: 53%!important; }
.slide-title, .slide-text, .slide-logo, .slide-button { display: block; text-align: center; }
/* Highlights */
.grid-icon-container { background-color: #ecf0f1; margin-bottom: 180px; padding: 20px 0 0 0; position: relative; }
.grid-icon-container #bigTriangleColor { position: absolute; bottom: -100px; }
.grid-icon-container #bigTriangleColor path { fill: #ecf0f1; stroke: #ecf0f1; stroke-width: 2; }
.grid-icon-container .grid-icon { text-align: center; color: #666666; }
.grid-icon-container .grid-icon h4 { font-size: 22px; font-weight: 300; text-transform: none; margin: 5px 0 18px; }
.grid-icon-container .grid-icon div p { color: #6e6e6e; font-size: 13px; font-weight: 400; line-height: 22px; text-align: center; }
.grid-icon-container .grid-icon span { text-align: center; font-size: 3.5em; color: #666666; border: 1px solid transparent; padding: 0px 15px 3px; display: inline-block; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; position: relative; /*margin-bottom: 30px;*/
background-color: #ecf0f1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; line-height: normal; }
.grid-icon-container .grid-icon span:after, .grid-icon-container .grid-icon span:before { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.grid-icon-container .grid-icon span:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ecf0f1; border-width: 10px; margin-left: -10px; }
.grid-icon-container .grid-icon span:before { /* border-color: rgba(255, 255, 255, 0); border-top-color: #666666;*/
border-width: 11px; margin-left: -11px; }
/*.grid-icon-container .grid-icon span:hover { background-color: #00aeef; border: 1px solid #00aeef; color: #ffffff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.grid-icon-container .grid-icon span:hover:after,
.grid-icon-container .grid-icon span:hover:before { border-top: 11px solid #00aeef; border-top-color: #00aeef; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }*/
.grid-icon-container .grid-icon p { text-align: left; }
.iconBox .icon:before { content: ""; }
/*.iconBox .experts-icon { background:url(../images/experts.png) no-repeat center center;}
.iconBox span:hover .experts-icon { background:url(../images/experts-hover.png) no-repeat center center;}
.iconBox .designers-icon { background:url(../images/designers.png) no-repeat center center;}
.iconBox span:hover .designers-icon { background:url(../images/designers-hover.png) no-repeat center center;}
.iconBox .developers-icon { background:url(../images/developers.png) no-repeat center center;}
.iconBox span:hover .developers-icon { background:url(../images/developers-hover.png) no-repeat center center;}*/
.iconBox i { background-size: 70px !important; }
.iconBox .experts-icon { background: url(../images/se.png) no-repeat center center; }
.iconBox .designers-icon { background: url(../images/d.png) no-repeat center center; }
.iconBox .developers-icon { background: url(../images/dev.png) no-repeat center center; }
/*.iconBox span:hover .experts-icon { background:url(../images/se-h.png) no-repeat center center;}
.iconBox span:hover .designers-icon { background:url(../images/d-h.png) no-repeat center center;}
.iconBox span:hover .developers-icon { background:url(../images/dev-h.png) no-repeat center center;}*/
/* Shop Slider Styling*/
.shop-slider div[class*='text'] { text-align: center; }
@media (max-width: 1200px) {
.shop-slider li > div { padding: 0 50px; }
.shop-slider li > div:last-child { padding: 0; } }
@media (max-width: 767px) {
.shop-slider .shop-slider-text-1, .shop-slider .shop-slider-text-2, .shop-slider .shop-slider-text-3, .shop-slider .shop-slider-text-4 { display: none; } }
.shop-slider .frame-1 .shop-slider-text-1 { font-family: 'Lora'; font-style: italic; font-weight: normal; font-size: 35px; }
.shop-slider .frame-1 .shop-slider-text-1:after { content: ""; width: 100px; display: block; height: 1px; background-color: #ffffff; margin: 0 auto; }
.shop-slider .frame-1 .shop-slider-text-2 { font-family: 'open sans'; font-weight: 800; font-size: 90px; text-transform: uppercase; }
@media (max-width: 1200px) {
.shop-slider .frame-1 .shop-slider-text-2 { font-size: 60px; line-height: 3em; } }
.shop-slider .frame-1 .shop-slider-text-3 { font-size: 45px; font-weight: 200; }
@media (max-width: 992px) {
.shop-slider .frame-1 .shop-slider-text-3 { font-size: 30px; } }
.shop-slider .frame-1 .shop-slider-text-4 { font-weight: 200; }
.shop-slider .frame-1 .shop-slider-text-4:after { content: ""; width: 100px; display: block; height: 1px; background-color: #ffffff; margin: 35px auto auto; }
.shop-slider .frame-2 .shop-slider-text-1 { font-size: 70px; text-transform: uppercase; }
.shop-slider .frame-2 .shop-slider-text-1:before { content: ""; width: 100px; display: block; height: 1px; background-color: #ffffff; margin: 0 auto; }
.shop-slider .frame-2 .shop-slider-text-2 { font-weight: 800; font-size: 150px; text-transform: uppercase; }
@media (max-width: 992px) {
.shop-slider .frame-2 .shop-slider-text-2 { font-size: 90px; line-height: 3em; } }
.shop-slider .frame-2 .shop-slider-text-2:after { content: ""; width: 100px; display: block; height: 1px; background-color: #ffffff; margin: 0 auto; position: relative; top: -50px; }
.shop-slider .frame-2 .shop-slider-text-3 { font-size: 24px; font-family: lora; font-style: italic; }
.shop-slider .frame-3 .shop-slider-text-1 { font-family: 'Lora'; font-style: italic; font-weight: normal; font-size: 35px; }
.shop-slider .frame-3 .shop-slider-text-1:after { content: ""; width: 100px; display: block; height: 1px; background-color: #ffffff; margin: 0 auto; }
.shop-slider .frame-3 .shop-slider-text-2 { font-size: 70px; text-transform: uppercase; }
.shop-slider .frame-3 .shop-slider-text-3 { font-size: 100px; text-transform: uppercase; font-weight: 800; }
.shop-slider .frame-3 .shop-slider-text-3:after { content: ""; width: 100px; display: block; height: 1px; background-color: #ffffff; margin: 0 auto; position: relative; top: -30px; }
.shop-slider .frame-3 .shop-slider-text-4 { font-size: 24px; text-transform: uppercase; }
.shop-slider .frame-3 .shop-slider-text-4 p { margin: 0; }
.shop-slider .frame-3 .shop-slider-text-4 span { font-weight: 700; }
.shop-slider .btn-cta { border: 1px solid white; border-radius: 3px; padding: 10px 20px; color: #fff; font-weight: 300; text-transform: uppercase; cursor: pointer; background-color: transparent; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s; }
.shop-slider .btn-cta:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.3); }
.shop-slider div[class*='bg'] { background-position: 50% 50%; }
/* Vertical Slider */
.section-head { margin-bottom: 40px; }
.section-head.no-description { margin-bottom: 0; }
.section-head header.centered { text-align: center; }
.section-head header.centered section { margin-bottom: 0; }
.section-head header.centered section p { color: #2a2929; font-weight: 400; }
.section-head header.centered h2 { margin: 0; }
.section-head hr { position: relative; }
.section-head hr:after { content: ""; display: block; height: 1px; width: 80px; background-color: #00aeef; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 0; }
.section-head p.descriptionText { width: 60%; margin: 0 auto; color: #999999; }
@media (max-width: 768px) {
.section-head p.descriptionText { width: 100%; } }
.home-2 p.descriptionText { width: 100%; }
.cn_item { cursor: pointer; overflow: hidden; height: 77px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; padding: 15px 15px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; top: 0; position: relative; }
.cn_item:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.cn_item:hover p, .cn_item:hover h1, .cn_item:hover h2, .cn_item:hover span, .cn_item:hover i { color: #ffffff; }
.cn_item:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
@media (max-width: 992px) {
.cn_item { padding: 10px 15px; } }
@media (max-width: 767px) {
.cn_item .vs_text { display: none; } }
@media (min-width: 768px) and (max-width: 992px) {
.cn_item .vs_icon { display: none; } }
.cn_item i { font-size: 1.5em; color: #2a2929; position: absolute; -webkit-transition: font-size 0.2s; -moz-transition: font-size 0.2s; -o-transition: font-size 0.2s; -ms-transition: font-size 0.2s; transition: font-size 0.2s; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 25px; margin-left: 10px; }
@media (max-width: 992px) {
.cn_item i { margin-left: 0; position: static; } }
@media (max-width: 480px) {
.cn_item i { font-size: 1em; position: relative; top: 13px; left: 0; } }
.cn_item:hover i { font-size: 2.4em; -webkit-transition: font-size 0.2s; -moz-transition: font-size 0.2s; -o-transition: font-size 0.2s; -ms-transition: font-size 0.2s; transition: font-size 0.2s; -webkit-backface-visibility: hidden; }
@media (max-width: 992px) {
.cn_item:hover i { font-size: 1.5em; } }
@media (max-width: 480px) {
.cn_item:hover i { font-size: 1em; } }
.cn_item.selected { padding: 15px 15px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
@media (max-width: 992px) {
.cn_item.selected { padding: 10px 15px; } }
.cn_item.selected p, .cn_item.selected h1, .cn_item.selected h2, .cn_item.selected span, .cn_item.selected i { color: #ffffff; }
.cn_item.selected:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.cn_item.selected:hover p, .cn_item.selected:hover h1, .cn_item.selected:hover h2, .cn_item.selected:hover span, .cn_item.selected:hover i { color: #ffffff; }
.cn_item.selected:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
.cn_item.selected i { font-size: 2.4em; -webkit-transition: font-size 0.2s; -moz-transition: font-size 0.2s; -o-transition: font-size 0.2s; -ms-transition: font-size 0.2s; transition: font-size 0.2s; -webkit-backface-visibility: hidden; }
@media (max-width: 992px) {
.cn_item.selected i { font-size: 1.5em; } }
@media (max-width: 480px) {
.cn_item.selected i { font-size: 1em; } }
.cn_wrapper { margin: 0 auto; width: 99%; height: auto; position: relative; overflow: hidden; }
.cn_list, .cn_preview { position: relative; }
.vs_title { font-size: 1.1em; text-transform: none; margin: 0; }
.vs_description { font-size: .9em; color: #999999; }
.cn_list { float: left; }
.cn_preview { float: right; height: 100%; display: block; }
.cn_preview .vs-text-preview { margin-top: 30px; }
.cn_preview .vs-text-preview h2 { margin-bottom: 10px; line-height: 1.9em; }
.cn_content { top: 350px; left: 5px; width: 100%; position: absolute; height: auto; }
/* Sub Slider */
.sub-slider { background-image: url(../images/sub-slider/bg-parallax-sub-slider.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 100%; display: block; }
.sub-slider #sequence-sub-slider { height: 900px; display: block; background: transparent; font-weight: 300; }
@media (min-width: 768px) {
.sub-slider #sequence-sub-slider { height: 650px; } }
@media (min-width: 992px) {
.sub-slider #sequence-sub-slider { height: 520px; } }
@media (max-width: 768px) {
.sub-slider #sequence-sub-slider .sequence-prev, .sub-slider #sequence-sub-slider .sequence-next { display: none!important; } }
.sub-slider #sequence-sub-slider .slide-description-text { margin-bottom: 40px; }
.sub-slider #sequence-sub-slider .slide-panel, .sub-slider #sequence-sub-slider .slide-image { width: 100%; padding: 15px; }
.sub-slider #sequence-sub-slider .slide-panel h2 { margin-top: 0; font-size: 33px; color: #ffffff; }
.sub-slider #sequence-sub-slider section { margin-bottom: 0; }
.sub-slider #sequence-sub-slider a.button-more { color: #000000; text-transform: uppercase; font-weight: 300; padding: 15px 30px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; }
.sub-slider #sequence-sub-slider a.button-more:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.sub-slider #sequence-sub-slider a.button-more:hover p, .sub-slider #sequence-sub-slider a.button-more:hover h1, .sub-slider #sequence-sub-slider a.button-more:hover h2, .sub-slider #sequence-sub-slider a.button-more:hover span, .sub-slider #sequence-sub-slider a.button-more:hover i { color: #ffffff; }
.sub-slider #sequence-sub-slider a.button-more:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.sub-slider #sequence-sub-slider a.button-more:hover { padding: 15px 30px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.sub-slider #sequence-sub-slider a.button-more:hover p, .sub-slider #sequence-sub-slider a.button-more:hover h1, .sub-slider #sequence-sub-slider a.button-more:hover h2, .sub-slider #sequence-sub-slider a.button-more:hover span, .sub-slider #sequence-sub-slider a.button-more:hover i { color: #ffffff; }
.sub-slider #sequence-sub-slider a.button-more:hover:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.sub-slider #sequence-sub-slider a.button-more:hover:hover p, .sub-slider #sequence-sub-slider a.button-more:hover:hover h1, .sub-slider #sequence-sub-slider a.button-more:hover:hover h2, .sub-slider #sequence-sub-slider a.button-more:hover:hover span, .sub-slider #sequence-sub-slider a.button-more:hover:hover i { color: #ffffff; }
.sub-slider #sequence-sub-slider a.button-more:hover:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
.sub-slider #sequence-sub-slider .row { width: 100%; height: 100%; }
.sub-slider #sequence-sub-slider .col { position: relative; content: ""; display: block; height: 100%; }
@media (max-width: 768px) {
.sub-slider #sequence-sub-slider .col { height: 50%; } }
@media (max-width: 768px) {
.sub-slider #sequence-sub-slider .col.slide-image-container { height: 25%; } }
.sub-slider #sequence-sub-slider .absolute-pos { position: absolute; }
/* Map Image */
.map-image-area { /*background-attachment: scroll !important; background-clip: border-box !important; background-color: rgb(0, 0, 0); background-image: url("../images/contact-bg.jpg") !important; background-origin: padding-box !important; background-position: 40% 28% !important; background-repeat: no-repeat !important; background-size: 80% auto;*/
margin-bottom: 0; background: #666; }
.map-image-area .map { height: 211px; padding-top: 40px; position: relative; text-align: center; }
.map-image-area .map .circle-address { margin: 0 auto; width: 200px; }
.map-image-area .map .circle-address h1 { font-size: 4em; text-align: center; margin: 0; font-weight: 300; color: #ffffff; }
.map-image-area .map .circle-address section a { background-color: transparent; border: 2px solid #fff; border-radius: 4px; color: #ffffff; display: table-cell; font-weight: 300; padding: 14px 0; text-align: center; vertical-align: middle; width: 200px; }
.map-image-area .map .circle-address section a:hover { background: none repeat scroll 0 0 #00aeff; border-color: #00aeff; color: #fff; }
.map-image-area .map .circle-address section hr { margin: 10px; filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=(40)); opacity: 0.4; }
.map-image-area .map .map-info { color: #ffffff; font-weight: 300; background-color: rgba(0, 174, 239, 0.6); position: absolute; bottom: 0; width: 100%; text-align: center; padding: 20px 0 10px; }
.map-image-area .map .map-info a { color: #fff; text-decoration: none; }
.map-image-area .map .map-info .icon-container { width: 50px; padding: 1px 0; margin: 0 auto 0 auto; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; position: relative; background-color: #ffffff; color: #00aeef; display: inline-block; vertical-align: text-bottom; }
.map-image-area .map .map-info .icon-container:after, .map-image-area .map .map-info .icon-container:before { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 12px solid #ffffff; bottom: -7px; content: ''; left: 50%; margin-left: -8px; position: absolute; }
.map-image-area .map .map-info .icon-container i { font-size: 1.3em; }
.map-image-area .map .map-info .col { top: 0; }
.map-image-area .map .map-info .col:hover .icon-container { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.map-image-area .map .map-info .col .icon-container { top: -6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.map-image { margin-bottom: 0; }
/* Twitter Slider */
.twitter-section { background: url(../images/bg-slider-twitter.jpg) no-repeat center center; background-size: cover; position: relative; margin-bottom: 80px; -webkit-transform-style: preserve-3d; }
.twitter-section .col { height: 130px; position: relative; }
@media (max-width: 480px) {
.twitter-section .col { height: 200px; } }
.twitter-section p { width: 90%; }
.twitter-section .container-icon i { color: #00aeef; font-size: 3em; text-align: center; position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (max-width: 768px) {
.twitter-section .container-icon i { font-size: 2em; } }
.twitter-section #sequence-twitter { height: 130px; background: transparent; position: relative; }
@media (max-width: 480px) {
.twitter-section #sequence-twitter { height: 200px; } }
@media (max-width: 480px) {
.twitter-section #sequence-twitter .sequence-prev, .twitter-section #sequence-twitter .sequence-next { display: none!important; } }
/* Main Slide 2 */
.mainbanner-2 .btn-active { padding: 11px 15px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; background-image: none; }
.mainbanner-2 .btn-active p, .mainbanner-2 .btn-active h1, .mainbanner-2 .btn-active h2, .mainbanner-2 .btn-active span, .mainbanner-2 .btn-active i { color: #ffffff; }
.mainbanner-2 .btn-active:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.mainbanner-2 .btn-active:hover p, .mainbanner-2 .btn-active:hover h1, .mainbanner-2 .btn-active:hover h2, .mainbanner-2 .btn-active:hover span, .mainbanner-2 .btn-active:hover i { color: #ffffff; }
.mainbanner-2 .btn-active:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
@media (max-width: 768px) {
.mainbanner-2 .sequence-prev, .mainbanner-2 .sequence-next { display: none!important; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .buttons a { display: block; width: 100%; text-align: center; margin-bottom: 20px; } }
@media (max-width: 768px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text { display: none; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-1 { font-size: 1.1em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-1 { font-size: 1em; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-2 { font-size: 1.4em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-2 { font-size: 1.2em; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-3 { font-size: 1.2em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-3 { font-size: 1em; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-4 { font-size: 0.8em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-4 { font-size: 0.8em; line-height: 1.6em; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-5 { font-size: 1.2em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-1 .text-5 { font-size: 0.8em; line-height: 1.3em; } }
@media (max-width: 768px) {
.mainbanner-2 #sequence-2 .slide-frame-2 .text-frame-2 { display: none; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-1 { font-size: 1em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-2 { font-size: 1.2em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-3 { font-size: 1em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-4 { font-size: 0.8em; line-height: 1.6em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-2 .text-2-5 { font-size: 0.8em; line-height: 1.3em; } }
@media (max-width: 768px) {
.mainbanner-2 #sequence-2 .slide-frame-3 p[class*="text"], .mainbanner-2 #sequence-2 .slide-frame-3 .buttons-frame-3 { display: none; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-1 { font-size: 1.1em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-1 { font-size: 1em; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-2 { font-size: 1.4em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-2 { font-size: 1.2em; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-3 { font-size: 1.2em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-3 { font-size: 1em; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-4 { font-size: 0.8em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-4 { font-size: 0.8em; line-height: 1.6em; } }
@media (max-width: 1200px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-5 { font-size: 1.2em; } }
@media (max-width: 992px) {
.mainbanner-2 #sequence-2 .slide-frame-3 .text-3-5 { font-size: 0.8em; line-height: 1.3em; } }
/* Price Table */
.pricing-table .price-columns { padding: 0 20px; margin-top: 40px; }
.pricing-table .price-4-col, .pricing-table .price-3-col { font-size: 12px; font-weight: 300; padding: 0; color: #2a2929; }
@media (max-width: 768px) {
.pricing-table .price-4-col, .pricing-table .price-3-col { margin-bottom: 40px; } }
.pricing-table .price-4-col ul, .pricing-table .price-3-col ul { background-color: #c5f7ed; margin-bottom: 0; position: relative; }
.pricing-table .price-4-col ul li, .pricing-table .price-3-col ul li { padding: 9px 30px; text-align: center; position: relative; z-index: 3; }
.pricing-table .price-4-col ul li:nth-child(2n), .pricing-table .price-3-col ul li:nth-child(2n) { background: #aaf3e5; z-index: 0; }
.pricing-table .price-4-col ul li.plan-action, .pricing-table .price-3-col ul li.plan-action { background: url(../images/price_btn_bg_pattern.png) repeat; }
.pricing-table .price-4-col ul li.hover-tip, .pricing-table .price-3-col ul li.hover-tip { padding: 0; position: relative; z-index: inherit; }
.pricing-table .price-4-col ul li.hover-tip:after, .pricing-table .price-3-col ul li.hover-tip:after, .pricing-table .price-4-col ul li.hover-tip:before, .pricing-table .price-3-col ul li.hover-tip:before { bottom: -9px; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 10; }
.pricing-table .price-4-col ul li.hover-tip:after, .pricing-table .price-3-col ul li.hover-tip:after { border-color: rgba(255, 255, 255, 0); border-top-color: #2a2929; border-width: 5px; margin-left: -5px; }
.pricing-table .price-4-col ul li.plan-head, .pricing-table .price-3-col ul li.plan-head { margin: 0; text-align: center; background: #1b84ac url(../images/price_bg_pattern.png) repeat; padding: 0; z-index: 3; }
.pricing-table .price-4-col ul p.hover-tip-text, .pricing-table .price-3-col ul p.hover-tip-text { background-color: #2a2929; color: #ffffff; margin: 0; display: block; width: 69%; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0 auto; position: absolute; bottom: -22px; z-index: 0; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; transition: bottom 0.2s; }
.pricing-table .price-4-col ul:hover p.hover-tip-text, .pricing-table .price-3-col ul:hover p.hover-tip-text { bottom: 0; }
.pricing-table .price-4-col:nth-child(1):after, .pricing-table .price-3-col:nth-child(1):after { content: ""; display: block; height: 100%; width: 15px; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 0; right: 0px; z-index: 20; }
@media (max-width: 768px) {
.pricing-table .price-4-col:nth-child(1):after, .pricing-table .price-3-col:nth-child(1):after { display: none; } }
.pricing-table .price-4-col:nth-child(3):after, .pricing-table .price-3-col:nth-child(3):after { content: ""; display: block; height: 100%; width: 15px; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0px; z-index: 20; }
@media (max-width: 768px) {
.pricing-table .price-4-col:nth-child(3):after, .pricing-table .price-3-col:nth-child(3):after { display: none; } }
.pricing-table .price-4-col:nth-child(4):before, .pricing-table .price-3-col:nth-child(4):before { content: ""; display: block; height: 100%; width: 1px; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; z-index: 20; }
.pricing-table .price-4-col:first-child ul, .pricing-table .price-3-col:first-child ul { -webkit-border-radius: 5px 0 0 3px; border-radius: 5px 0 0 3px; background-clip: padding-box; }
.pricing-table .price-4-col:first-child ul .plan-head, .pricing-table .price-3-col:first-child ul .plan-head { -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; background-clip: padding-box; }
.pricing-table .price-4-col:last-child ul, .pricing-table .price-3-col:last-child ul { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-clip: padding-box; }
.pricing-table .price-4-col:last-child ul .plan-head, .pricing-table .price-3-col:last-child ul .plan-head { -webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; background-clip: padding-box; }
.pricing-table .price-4-col .plan-title, .pricing-table .price-3-col .plan-title { background-color: #2a2929; color: #ffffff; width: 82%; margin: 0 auto; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box; text-transform: uppercase; padding: 5px; }
.pricing-table .price-4-col .plan-price, .pricing-table .price-3-col .plan-price { color: #ffffff; font-size: 4em; font-weight: 600; position: relative; }
.pricing-table .price-4-col .plan-price span, .pricing-table .price-3-col .plan-price span { font-size: 0.7em; position: relative; top: -10px; font-weight: 300; }
.pricing-table .price-4-col .btn-active, .pricing-table .price-3-col .btn-active { padding: 5px 5px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; display: block; margin: 10px 10px; text-transform: uppercase; font-size: 1.4em; }
.pricing-table .price-4-col .btn-active p, .pricing-table .price-3-col .btn-active p, .pricing-table .price-4-col .btn-active h1, .pricing-table .price-3-col .btn-active h1, .pricing-table .price-4-col .btn-active h2, .pricing-table .price-3-col .btn-active h2, .pricing-table .price-4-col .btn-active span, .pricing-table .price-3-col .btn-active span, .pricing-table .price-4-col .btn-active i, .pricing-table .price-3-col .btn-active i { color: #ffffff; }
.pricing-table .price-4-col .btn-active:hover, .pricing-table .price-3-col .btn-active:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.pricing-table .price-4-col .btn-active:hover p, .pricing-table .price-3-col .btn-active:hover p, .pricing-table .price-4-col .btn-active:hover h1, .pricing-table .price-3-col .btn-active:hover h1, .pricing-table .price-4-col .btn-active:hover h2, .pricing-table .price-3-col .btn-active:hover h2, .pricing-table .price-4-col .btn-active:hover span, .pricing-table .price-3-col .btn-active:hover span, .pricing-table .price-4-col .btn-active:hover i, .pricing-table .price-3-col .btn-active:hover i { color: #ffffff; }
.pricing-table .price-4-col .btn-active:active, .pricing-table .price-3-col .btn-active:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
.pricing-table .featured { padding: 0; position: relative; background-color: #c5f7ed; z-index: 5; top: -30px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background-clip: padding-box; }
@media (max-width: 768px) {
.pricing-table .featured { top: 0; width: 100%; } }
.pricing-table .featured ul { -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background-clip: padding-box; }
.pricing-table .featured ul p.hover-tip-text { font-size: 1.3em; bottom: -29px; }
.pricing-table .featured li { padding: 9px 45px; }
.pricing-table .featured li.plan-head { padding-top: 30px!important; position: relative; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box; background-color: #01AEEF; }
.pricing-table .featured li.plan-head .plan-price { font-size: 6em; line-height: 1.21em; }
.pricing-table .featured .plan-action .btn-active { margin: 30px 0 30px; }
.pricing-table .featured.price-4-col { width: 28%; }
.pricing-table .featured.price-3-col { width: 36%; }
.pricing-table .featured.price-3-col li:not(.plan-head):not(.hover-tip) { padding: 9px 50px; }
.pricing-table .price-4-col { width: 24%; }
.pricing-table .price-3-col { width: 32%; }
@media (max-width: 768px) {
.pricing-table .featured.price-4-col, .pricing-table .featured.price-3-col, .pricing-table .price-4-col, .pricing-table .price-3-col { width: 100%; } }
/* Blog Classic */
.sidebar-right { overflow: hidden; position: relative; }
@media (min-width: 992px) {
.sidebar-right .sidebar { padding-left: 75px; } }
.sidebar-right:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; background-color: #ecf0f1; z-index: -1; }
@media (max-width: 768px) {
.sidebar-right:after { display: none; } }
@media (max-width: 1199px) {
.sidebar-right:after { -webkit-transform: translate(130px, 0); -moz-transform: translate(130px, 0); -ms-transform: translate(130px, 0); -o-transform: translate(130px, 0); transform: translate(130px, 0); } }
@media (min-width: 992px) {
.sidebar-right:after { -webkit-transform: translate(190px, 0); -moz-transform: translate(190px, 0); -ms-transform: translate(190px, 0); -o-transform: translate(190px, 0); transform: translate(190px, 0); } }
@media (min-width: 1200px) {
.sidebar-right:after { -webkit-transform: translate(230px, 0); -moz-transform: translate(230px, 0); -ms-transform: translate(230px, 0); -o-transform: translate(230px, 0); transform: translate(230px, 0); } }
.sidebar-left { overflow: hidden; position: relative; }
@media (min-width: 992px) {
.sidebar-left .sidebar { padding-right: 75px; } }
.sidebar-left:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 50%; background-color: #ecf0f1; z-index: -1; }
@media (max-width: 768px) {
.sidebar-left:after { display: none; } }
@media (max-width: 1199px) {
.sidebar-left:after { -webkit-transform: translate(-130px, 0); -moz-transform: translate(-130px, 0); -ms-transform: translate(-130px, 0); -o-transform: translate(-130px, 0); transform: translate(-130px, 0); } }
@media (min-width: 992px) {
.sidebar-left:after { -webkit-transform: translate(-190px, 0); -moz-transform: translate(-190px, 0); -ms-transform: translate(-190px, 0); -o-transform: translate(-190px, 0); transform: translate(-190px, 0); } }
@media (min-width: 1200px) {
.sidebar-left:after { -webkit-transform: translate(-230px, 0); -moz-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0); } }
.nosidebar .author-avatar { float: right; }
.author-avatar { border: 1px solid #eeeeee; padding: 5px; }
@media (max-width: 768px) {
.author-avatar { margin: 0 auto; text-align: center; margin-bottom: 20px; } }
@media (min-width: 768px) and (max-width: 992px) {
.author-avatar { padding: 0; } }
.blog-post-title { font-size: 30px; line-height: 1.5; }
@media (max-width: 768px) {
.blog-post-title { text-align: center; } }
.blog-post-title a { color: #2a2929; }
.meta-info { margin-top: 30px; border: 0; padding: 15px; }
.meta-info:before, .meta-info:after { content: " "; /* 1 */
display: table;/* 2 */
}
.meta-info:after { clear: both; }
.meta-info .info { -webkit-box-shadow: none; box-shadow: none; padding: 0 5px; text-align: center; background-color: transparent; white-space: normal; vertical-align: top; margin-bottom: 10px; }
.meta-info .info:hover { background-color: transparent; border: 0; }
.meta-info .info span { -webkit-box-shadow: none; box-shadow: none; font-size: 12px; color: #999999; background-color: #ecf0f1; padding: 2px 10px; display: block; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
.meta-info .info span i { margin-right: 5px; }
.blog-post-teaser-text .arrow-more { left: 0; position: relative; -webkit-transition: left 0.2s; -moz-transition: left 0.2s; -o-transition: left 0.2s; -ms-transition: left 0.2s; transition: left 0.2s; }
.blog-post-teaser-text:hover .arrow-more { left: 5px; }
.blog_classic { padding-bottom: 80px; position: relative; z-index: 3; }
.blog_classic .blog_classic_posts { font-weight: 300; }
.blog_classic .blog_classic_posts .post_row { margin-bottom: 40px; }
.blog_classic .blog_classic_posts .blog-post-teaser-text { font-size: 14px; color: #999999; }
.blog_classic .blog_classic_posts .blog-post-teaser-image { -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; border: 1px solid #eeeeee; }
.blog_classic .paging-nav { text-transform: uppercase; color: #999999; margin-bottom: 40px; }
.blog_classic .paging-nav .float-right { float: right; }
.blog_classic .paging-nav .float-right .btn-arrow { margin-left: 20px; }
.blog_classic .paging-nav .float-left { float: left; }
.blog_classic .paging-nav .float-left .btn-arrow { margin-right: 20px; }
.blog_classic .paging-nav .btn-arrow { padding: 2px 8px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; display: block; color: #2a2929; }
.blog_classic .paging-nav .btn-arrow:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.blog_classic .paging-nav .btn-arrow:hover p, .blog_classic .paging-nav .btn-arrow:hover h1, .blog_classic .paging-nav .btn-arrow:hover h2, .blog_classic .paging-nav .btn-arrow:hover span, .blog_classic .paging-nav .btn-arrow:hover i { color: #ffffff; }
.blog_classic .paging-nav .btn-arrow:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
@media (max-width: 480px) {
.blog_classic .paging-nav .paging-text { display: none; } }
.blog_classic .paging-nav a.btn-arrow { color: #01AEEF; }
.blog_classic .paging-nav a:hover { text-decoration: none; }
.blog_classic .paging-nav .paging-inline { display: inline-table; }
/* Sidebar Widgets */
.sidebar { color: #999999; font-weight: 300; }
.sidebar a { color: #2a2929; }
.sidebar a:hover { color: #01AEEF; }
.sidebar .widget { margin-bottom: 80px; }
.sidebar .widget h3 { font-size: 18px; margin-top: 0; color: #2a2929; margin-bottom: 40px; }
.sidebar .widget.widget-tab { background-color: #bdc3c7; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; }
.sidebar .widget.widget-tab .nav-tabs { text-transform: uppercase; font-size: 14px; }
@media (max-width: 1200px) {
.sidebar .widget.widget-tab .nav-tabs li { display: block; width: 100%; } }
.sidebar .widget.widget-tab .nav-tabs li.active a { color: #999999; }
.sidebar .widget.widget-tab .nav-tabs a { color: #ffffff; font-weight: 300; }
.sidebar .widget.widget-tab .nav-tabs a:hover { color: #999999; background-color: #ffffff; border: 1px solid #95a5a6; border-bottom: 1px solid #ffffff; }
.sidebar .widget.widget-tab .tab-content { background-color: #ffffff; padding: 20px; border: 1px solid #95a5a6; border-top: 0; line-height: 1.4; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background-clip: padding-box; }
.sidebar .widget.widget-tab .tab-content .row { min-height: 80px; }
.sidebar .widget.widget-tab .tab-content [class*="col"] { padding-left: 15px; padding-right: 15px; }
.sidebar .widget.widget-tab .tab-content .meta-info { padding: 15px 0; }
.sidebar .widget.widget-tab .tab-content hr { margin: 10px 0 20px; }
.sidebar .widget.widget-tab .tab-content .widget-post-thumb { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
.sidebar .widget.widget-tab .tab-content .widget-post-title { text-transform: uppercase; font-size: 14px; }
.sidebar .widget.widget-tab .tab-content .widget-post-title:hover { text-decoration: none; }
.sidebar .widget.widget-tab .tab-content .meta-info { font-size: 12px; columns: #999999; margin-top: 10px; }
.sidebar .widget.widget-tab .tab-content .meta-info .float-left, .sidebar .widget.widget-tab .tab-content .meta-info .float-right { float: left; width: 50%; }
.sidebar .widget.widget-tab .tab-content p.comment { font-style: italic; font-size: 14px; }
.sidebar .widget.widget-featured-blog { line-height: 1.6; }
.sidebar .widget.widget-featured-blog .row { overflow: hidden; background-color: #ffffff; -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; border: 1px solid #95a5a6; margin: 0 0 20px; padding: 0; }
.sidebar .widget.widget-featured-blog .row [class*="col"] { padding-left: 15px; padding-right: 15px; }
.sidebar .widget.widget-featured-blog .row [class*="col"]:first-child, .sidebar .widget.widget-featured-blog .row [class*="col"]:last-child { padding: 0; }
.sidebar .widget.widget-featured-blog .row .featured-blog-title { font-size: 12px; text-transform: uppercase; height: 76px; display: table-cell; vertical-align: middle; }
@media (min-width: 768px) and (max-width: 1200px) {
.sidebar .widget.widget-featured-blog .row .featured-blog-image { display: none; } }
.sidebar .widget.widget-featured-blog .row .featured-blog-meta { font-size: 12px; display: block; min-height: 38px; width: 100%; text-align: center; padding-top: 10px; vertical-align: middle; background-color: #bdc3c7; border-left: 1px solid #95a5a6; color: #ffffff; }
.sidebar .widget.widget-featured-blog .row .featured-blog-meta:first-child { border-bottom: 1px solid #95a5a6; }
.sidebar .widget.widget-gallery .gallery-thumbs { margin: -7px; }
.sidebar .widget.widget-gallery .gallery-thumbs img { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
.sidebar .widget.widget-gallery [class*="col"] { padding: 7px; }
.sidebar .widget.widget-tags .tag { font-size: 12px; display: inline-table; margin-right: 5px; margin-bottom: 5px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; border: 1px solid #95a5a6; background-color: #ffffff; padding: 0 10px; }
.sidebar .widget.widget-tags .tag:hover { background-color: #fafafa; color: #999999; }
.sidebar .widget.widget-category .category-list { border-bottom: 1px solid #bdc3c7; padding: 7px 0; }
.sidebar .widget.widget-category .category-list a { font-weight: 500; font-size: 14px; text-transform: uppercase; color: #999999; position: relative; display: block; width: 97%; }
.sidebar .widget.widget-category .category-list a:hover { color: #01AEEF; }
.sidebar .widget.widget-category .category-list a:after { content: '\ea03'; font-family: fontello; position: absolute; left: 100%; }
.subpage-banner { background-size: contain!important; background-attachment: fixed!important; height: 285px; width: 100%; position: relative; }
@media (max-width: 1920px) {
.subpage-banner { background-size: 1920px 285px!important; } }
.subpage-banner .container { height: 100%; position: relative; }
.subpage-banner .container .header-group { color: #ffffff; position: absolute; height: auto; top: 50%; width: 100%; margin-top: 40px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); }
.subpage-banner .container .header-group h1 { font-size: 3.7em; margin: 0; color: #ffffff; }
@media (max-width: 480px) {
.subpage-banner .container .header-group h1 { font-size: 2.5em; } }
.subpage-banner .container .header-group p { font-weight: 300; text-transform: uppercase; }
.subpage-banner .container .header-group ol.breadcrumb { font-weight: 300; margin: 25px 0 0; }
/* Single Blog Post */
.blog-single-post { color: #999999; }
.blog-single-post .post-title { color: #2a2929; margin-top: 0; line-height: 1.5em; }
.blog-single-post .subpage-banner { background: url(../images/banner_single_post.jpg) 50% 0 no-repeat; background-size: cover !important; background-attachment: initial!important; height: 600px; width: 100%; position: relative; }
.blog-single-post .post-article { color: #999999; font-weight: 300; margin-top: 20px; }
.blog-single-post .gallery-thumbs { margin: 20px -10px; }
.blog-single-post .gallery-thumbs [class*="col"] { padding: 10px; }
.blog-single-post .gallery-thumbs img { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
.blog-single-post .share-button { text-align: right; }
.blog-single-post .share-button .btn, .blog-single-post .share-button .btn-default { border: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; }
.blog-single-post .share-button .btn i, .blog-single-post .share-button .btn-default i { -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; -ms-transition: color 0.4s; transition: color 0.4s; color: #999999; font-weight: 300; }
.blog-single-post .share-button .btn:hover, .blog-single-post .share-button .btn-default:hover { background-color: transparent; }
.blog-single-post .share-button .btn:hover i, .blog-single-post .share-button .btn-default:hover i { color: #01AEEF; -webkit-transition: color 0.4s; -moz-transition: color 0.4s; -o-transition: color 0.4s; -ms-transition: color 0.4s; transition: color 0.4s; }
.blog-single-post .share-text, .blog-single-post .comment-count, .blog-single-post .comment-leave-title { font-size: 18px; text-transform: uppercase; font-weight: 300; line-height: 2.4; color: #2a2929; }
.blog-single-post .comment-count, .blog-single-post .comment-leave-title { font-size: 24px; }
.blog-single-post .section-comment .media { border-top: 1px solid #dddddd; margin-top: 25px; padding-top: 25px; }
.blog-single-post .section-comment .media:first-child { border: 0; padding-top: 0; margin-top: 0; }
.blog-single-post .section-comment .media > .pull-left { margin-right: 40px; }
@media (max-width: 768px) {
.blog-single-post .section-comment .media > .pull-left { margin-right: 5px; } }
.blog-single-post .section-comment .media h4.media-heading { font-size: 18px; }
.blog-single-post .section-comment #dt-comment-form { margin-bottom: 40px; }
.blog-single-post .section-comment #dt-comment-form .form-group { padding-top: 0px; padding-bottom: 0px; }
@media (min-width: 768px) {
.blog-single-post .section-comment #dt-comment-form .form-group { padding-top: 15px; padding-bottom: 15px; } }
.blog-single-post .section-comment #dt-comment-form .form-control { font-family: lora; font-style: italic; color: #95a5a6; font-weight: normal; background-color: #ecf0f1; }
.blog-single-post .section-comment #dt-comment-form .form-control:focus { border-color: #01AEEF; color: #2a2929; box-shadow: 0 0 0 #01AEEF; }
.blog-single-post .section-comment #dt-comment-form .btn-active { padding: 0 35px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; outline: 0; font-family: 'open sans'; font-weight: 300; border: 0; text-transform: uppercase; }
.blog-single-post .section-comment #dt-comment-form .btn-active p, .blog-single-post .section-comment #dt-comment-form .btn-active h1, .blog-single-post .section-comment #dt-comment-form .btn-active h2, .blog-single-post .section-comment #dt-comment-form .btn-active span, .blog-single-post .section-comment #dt-comment-form .btn-active i { color: #ffffff; }
.blog-single-post .section-comment #dt-comment-form .btn-active:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.blog-single-post .section-comment #dt-comment-form .btn-active:hover p, .blog-single-post .section-comment #dt-comment-form .btn-active:hover h1, .blog-single-post .section-comment #dt-comment-form .btn-active:hover h2, .blog-single-post .section-comment #dt-comment-form .btn-active:hover span, .blog-single-post .section-comment #dt-comment-form .btn-active:hover i { color: #ffffff; }
.blog-single-post .section-comment #dt-comment-form .btn-active:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
.blog-single-post .section-comment #dt-comment-form .form-submit button { float: right; }
/* 404 Page */
body.page-404 { background-color: #01AEEF; color: #ffffff; font-weight: 300; }
body.page-404 .centered { padding-top: 300px; background: url(../images/404-logo.png) 50% 0 no-repeat; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; }
@media (max-width: 992px) {
body.page-404 .centered { background-size: 90%; padding-top: 0px; padding-top: 24%; } }
body.page-404 .centered .biggest { font-size: 128px; line-height: 1.5; }
@media (max-width: 992px) {
body.page-404 .centered .biggest { font-size: 90px; } }
@media (max-width: 480px) {
body.page-404 .centered .biggest { font-size: 70px; } }
body.page-404 .centered .big { font-size: 50px; text-transform: uppercase; font-weight: 300; line-height: 2; }
@media (max-width: 992px) {
body.page-404 .centered .big { font-size: 40px; } }
@media (max-width: 480px) {
body.page-404 .centered .big { font-size: 30px; } }
body.page-404 .centered .message { font-size: 20px; }
@media (max-width: 992px) {
body.page-404 .centered .message { font-size: 17px; } }
@media (max-width: 480px) {
body.page-404 .centered .message { font-size: 13px; } }
body.page-404 .centered .button { padding-top: 3%; }
body.page-404 .centered .button .btn-back { padding: 10px 20px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; color: #2a2929; margin-top: 20px; text-transform: uppercase; }
body.page-404 .centered .button .btn-back:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
body.page-404 .centered .button .btn-back:hover p, body.page-404 .centered .button .btn-back:hover h1, body.page-404 .centered .button .btn-back:hover h2, body.page-404 .centered .button .btn-back:hover span, body.page-404 .centered .button .btn-back:hover i { color: #ffffff; }
body.page-404 .centered .button .btn-back:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
body.page-404 .centered .button .btn-back:hover { background-color: #ecf0f1; -webkit-box-shadow: 0 4px 0 #bac9cc; box-shadow: 0 4px 0 #bac9cc; color: #2a2929; }
body.page-404 .centered .button .btn-back:active { -webkit-box-shadow: 0 0 0 #ffffff; box-shadow: 0 0 0 #ffffff; top: 3px; }
/* Shop */
.product-thumbnail img { margin: 0 auto; }
.dt-shop-season { padding: 80px 20px; }
.dt-shop-season .boxed { position: relative; overflow: hidden; }
@media (max-width: 991px) {
.dt-shop-season .boxed { max-width: 370px; margin: 0 auto; margin-bottom: 40px; } }
.dt-shop-season .boxed img { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
.dt-shop-season .boxed:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.dt-shop-season .thumbnail-description-text { position: absolute; width: 100%; height: 100%; display: block; top: 0; text-align: center; color: #ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.dt-shop-season .thumbnail-description-text .text-container { position: absolute; top: 50%; width: 100%; margin-top: -90px; z-index: 5; }
@media (min-width: 767px) and (max-width: 1199px) {
.dt-shop-season .thumbnail-description-text .text-container { margin-top: -80px; } }
@media (min-width: 767px) and (max-width: 991px) {
.dt-shop-season .thumbnail-description-text .text-container { margin-top: -60px; } }
@media (max-width: 480px) {
.dt-shop-season .thumbnail-description-text .text-container { margin-top: -80px; } }
.dt-shop-season .thumbnail-description-text .text-container p { font-size: 20px; text-transform: uppercase; margin: 0; line-height: 1.5em; -webkit-transform: translate3d(0, 0, 0); }
@media (min-width: 767px) and (max-width: 1199px) {
.dt-shop-season .thumbnail-description-text .text-container p { line-height: 1.1em; } }
@media (max-width: 480px) {
.dt-shop-season .thumbnail-description-text .text-container p { line-height: 1.2em; } }
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(1) { text-transform: none; font-family: 'lora'; font-style: italic; font-weight: 100; font-size: 15px; margin-bottom: 9px; }
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(1):after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; width: 30px; content: ''; display: block; height: 1px; background-color: #ffffff; margin: 0 auto; margin-top: 10px; }
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(2) { font-weight: 600; }
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(3) { font-weight: 100; }
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(4) { font-weight: 700; font-size: 35px; }
@media (min-width: 767px) and (max-width: 991px) {
.dt-shop-season .thumbnail-description-text .text-container p:nth-child(4) { font-size: 20px; } }
@media (min-width: 767px) and (max-width: 991px) {
.dt-shop-season .thumbnail-description-text .text-container p { font-size: 0.8em; } }
.dt-shop-season .thumbnail-description-text .text-container .btn-cta { margin-top: 7px; width: 140px; margin: 0 auto; border: 1px solid white; border-radius: 3px; padding: 0px 20px; color: #fff; font-weight: 300; text-transform: uppercase; cursor: pointer; background-color: transparent; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -ms-transition: background-color 0.3s; transition: background-color 0.3s; }
@media (min-width: 767px) and (max-width: 991px) {
.dt-shop-season .thumbnail-description-text .text-container .btn-cta { font-size: 11px; } }
.dt-shop-season .thumbnail-description-text .text-container .btn-cta:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.3); }
.dt-shop-season .thumbnail-description-text .text-container .btn-cta a { color: #ffffff; }
.dt-shop-season .thumbnail-description-text .text-container p, .dt-shop-season .thumbnail-description-text .text-container span, .dt-shop-season .thumbnail-description-text .text-container div { position: relative; z-index: 2; }
.dt-shop-season .thumbnail-description-text:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 1; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
.dt-shop-season .thumbnail-description-text:hover { color: #01AEEF; }
.dt-shop-season .thumbnail-description-text:hover p:first-child:after { background-color: #01AEEF; }
.dt-shop-season .thumbnail-description-text:hover:after { background-color: rgba(0, 0, 0, 0.7); }
.dt-category-view { padding-bottom: 40px; }
.dt-category-view .shop-items > div { margin-bottom: 40px; }
.dt-category-view .product-thumbnail { background-color: #ededed; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; position: relative; overflow: hidden; }
.dt-category-view .product-thumbnail .plus-detail a { position: absolute; width: 100%; display: block; bottom: -35px; background-color: rgba(26, 188, 156, 0.7); color: #ffffff; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; transition: bottom 0.2s; text-transform: uppercase; }
.dt-category-view .product-thumbnail:hover .plus-detail a { bottom: 0; }
.dt-category-view .add-to-cart.btn-active { padding: 0px 20px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; display: block; text-align: center; margin: 15px 0; text-transform: uppercase; }
.dt-category-view .add-to-cart.btn-active p, .dt-category-view .add-to-cart.btn-active h1, .dt-category-view .add-to-cart.btn-active h2, .dt-category-view .add-to-cart.btn-active span, .dt-category-view .add-to-cart.btn-active i { color: #ffffff; }
.dt-category-view .add-to-cart.btn-active:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.dt-category-view .add-to-cart.btn-active:hover p, .dt-category-view .add-to-cart.btn-active:hover h1, .dt-category-view .add-to-cart.btn-active:hover h2, .dt-category-view .add-to-cart.btn-active:hover span, .dt-category-view .add-to-cart.btn-active:hover i { color: #ffffff; }
.dt-category-view .add-to-cart.btn-active:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
@media (min-width: 768px) and (max-width: 1199px) {
.dt-category-view .add-to-cart.btn-active { font-size: 13px; } }
.dt-category-view .add-to-cart.btn-active:before { content: '\ec97'; font-family: fontello; margin-right: 7px; }
@media (min-width: 768px) and (max-width: 1199px) {
.dt-category-view .add-to-cart.btn-active:before { display: none; } }
.dt-category-view .product-name { text-align: center; color: #000; text-transform: uppercase; }
.dt-category-view .product-teaser-price { font-size: 27px; color: #333; }
.dt-category-view .paging-nav { text-transform: uppercase; color: #999999; margin-bottom: 40px; }
.dt-category-view .paging-nav:after { content: ""; display: block; clear: both; }
.dt-category-view .paging-nav .float-right { float: right; }
.dt-category-view .paging-nav .float-right .btn-arrow { margin-left: 20px; }
.dt-category-view .paging-nav .float-left { float: left; }
.dt-category-view .paging-nav .float-left .btn-arrow { margin-right: 20px; }
.dt-category-view .paging-nav .btn-arrow { padding: 2px 8px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; display: block; color: #2a2929; }
.dt-category-view .paging-nav .btn-arrow:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.dt-category-view .paging-nav .btn-arrow:hover p, .dt-category-view .paging-nav .btn-arrow:hover h1, .dt-category-view .paging-nav .btn-arrow:hover h2, .dt-category-view .paging-nav .btn-arrow:hover span, .dt-category-view .paging-nav .btn-arrow:hover i { color: #ffffff; }
.dt-category-view .paging-nav .btn-arrow:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
@media (max-width: 480px) {
.dt-category-view .paging-nav .paging-text { display: none; } }
.dt-category-view .paging-nav a.btn-arrow { color: #01AEEF; }
.dt-category-view .paging-nav a:hover { text-decoration: none; }
.dt-category-view .paging-nav .paging-inline { display: inline-table; }
.dt-featured-product { margin-bottom: 80px; }
.dt-featured-product .product-thumbnail { background-color: #ededed; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; position: relative; overflow: hidden; }
.dt-featured-product .product-thumbnail .plus-detail a { position: absolute; width: 100%; display: block; bottom: -35px; background-color: rgba(26, 188, 156, 0.7); color: #ffffff; -webkit-transition: bottom 0.2s; -moz-transition: bottom 0.2s; -o-transition: bottom 0.2s; -ms-transition: bottom 0.2s; transition: bottom 0.2s; text-transform: uppercase; }
.dt-featured-product .product-thumbnail:hover .plus-detail a { bottom: 0; }
.dt-featured-product .add-to-cart.btn-active { padding: 0px 20px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; display: block; text-align: center; margin: 15px 0; text-transform: uppercase; }
.dt-featured-product .add-to-cart.btn-active p, .dt-featured-product .add-to-cart.btn-active h1, .dt-featured-product .add-to-cart.btn-active h2, .dt-featured-product .add-to-cart.btn-active span, .dt-featured-product .add-to-cart.btn-active i { color: #ffffff; }
.dt-featured-product .add-to-cart.btn-active:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.dt-featured-product .add-to-cart.btn-active:hover p, .dt-featured-product .add-to-cart.btn-active:hover h1, .dt-featured-product .add-to-cart.btn-active:hover h2, .dt-featured-product .add-to-cart.btn-active:hover span, .dt-featured-product .add-to-cart.btn-active:hover i { color: #ffffff; }
.dt-featured-product .add-to-cart.btn-active:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
@media (min-width: 991px) and (max-width: 1199px) {
.dt-featured-product .add-to-cart.btn-active { font-size: 13px; } }
.dt-featured-product .add-to-cart.btn-active:before { content: '\ec97'; font-family: fontello; margin-right: 7px; }
@media (min-width: 991px) and (max-width: 1199px) {
.dt-featured-product .add-to-cart.btn-active:before { display: none; } }
.dt-featured-product .product-name { text-align: center; color: #000; text-transform: uppercase; }
.dt-featured-product .product-teaser-price { font-size: 27px; color: #333; }
.dt-featured-product #featured-shop.col-4 .masonry-item { width: 285px; }
.dt-featured-product #featured-shop.col-5 .masonry-item { width: 224px; }
.dt-featured-product #featured-shop .masonry-item { margin-top: 30px; }
.dt-featured-product .sale { background: #e84c3d; color: #fff; border-radius: 50px; width: 50px; height: 50px; padding: 7px; position: absolute; z-index: 9999; text-align: center; vertical-align: middle; right: 18px; top: 18px; font-weight: 400; }
.shop-testimonial { padding: 80px 20px; background: url(../images/shop/bg_shop_testimonial.jpg) 50% 50% no-repeat; margin-bottom: 0!important; -webkit-background-size: cover; background-size: cover; }
.dt-shop-category { padding: 80px 20px; position: relative; margin-bottom: 80px; }
.dt-shop-category img { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; width: 100%; }
.dt-shop-category .thumbnail-container { display: block; position: relative; }
.dt-shop-category .thumbnail-container a, .dt-shop-category .thumbnail-container h3 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; color: #000000; }
.dt-shop-category .thumbnail-container .text-description { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; color: #000000; position: absolute; padding: 11px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; background-color: rgba(255, 255, 255, 0.7); width: 100%; display: block; }
.dt-shop-category .thumbnail-container .text-description h3 { margin: 0; font-size: 27px; font-weight: 100; }
.dt-shop-category .thumbnail-container:hover .text-description { background-color: rgba(26, 188, 156, 0.7); }
.dt-shop-category .thumbnail-container:hover div, .dt-shop-category .thumbnail-container:hover h3 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; color: #ffffff; }
.dt-shop-info-section { padding: 80px 20px; background: url(../images/shop/bg_shop_info_section.jpg) 0 50% no-repeat; background-size: cover; color: #ffffff; text-align: center; margin-bottom: 80px; }
.dt-shop-info-section h3 { color: #ffffff; font-size: 20px; }
.dt-shop-info-section div[class*=col] i { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; background-color: #ffffff; color: #ccc; font-size: 35px; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; padding: 10px; }
.dt-shop-info-section div[class*=col]:hover i { background-color: #01AEEF; color: #ffffff; }
.dt-shop-widgets { margin-bottom: 80px; }
.dt-shop-widgets .widget-onsale .product-price span { color: #e74c3c; }
.dt-shop-widgets .split { margin: 0; }
.dt-shop-widgets .split [class*="col"] { padding: 0; }
.dt-shop-widgets .split [class*="col"] .rating { margin-top: 17px; }
.dt-shop-widgets h3 { border-bottom: 1px solid #bdc3c7; padding-bottom: 15px; color: #555555; font-size: 22px; text-align: center; }
.dt-shop-widgets .list-item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #bdc3c7; -webkit-transition: outline 0.3s; -moz-transition: outline 0.3s; -o-transition: outline 0.3s; -ms-transition: outline 0.3s; transition: outline 0.3s; }
.dt-shop-widgets .list-item .col-xs-7 { padding-left: 0; }
.dt-shop-widgets .list-item img { outline: 0; -webkit-transition: outline 0.3s; -moz-transition: outline 0.3s; -o-transition: outline 0.3s; -ms-transition: outline 0.3s; transition: outline 0.3s; }
.dt-shop-widgets .list-item a { color: #999999; }
.dt-shop-widgets .list-item:hover { -webkit-transition: outline 0.3s; -moz-transition: outline 0.3s; -o-transition: outline 0.3s; -ms-transition: outline 0.3s; transition: outline 0.3s; }
.dt-shop-widgets .list-item:hover img { -webkit-transition: outline 0.3s; -moz-transition: outline 0.3s; -o-transition: outline 0.3s; -ms-transition: outline 0.3s; transition: outline 0.3s; outline: 3px solid #01AEEF; }
.dt-shop-widgets .list-item:hover a { color: #01AEEF; }
.dt-shop-widgets .product-price { color: #000000; font-size: 20px; }
.dt-shop-widgets .product-title { line-height: 1.3em; }
.dt-small-banners-section { padding: 80px 20px; }
.dt-small-banners-section div[class="col-sm-4"] img { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; border: 1px solid #999999; }
.dt-small-banners-section div[class="col-sm-8"] img { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
@media (max-width: 480px) {
.dt-small-banners-section div[class*="col"] { margin-bottom: 20px; } }
.dt-shop-service { background: url(../images/shop/bg_shop_service.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; padding: 80px 20px; margin-bottom: 80px; }
.dt-shop-service h2 { color: #ffffff; }
.dt-shop-service h4, .dt-shop-service p { color: #ffffff; }
.dt-shop-service .hi-icon { width: 205px; height: 205px; margin: 0; border: 1px solid #ffffff; }
.dt-shop-service .hi-icon:before { font-size: 100px; line-height: 205px; position: relative; left: 50%; margin-left: -50px; }
.dt-shop-service .col { text-align: center; }
.dt-shop-service .col:hover .hi-icon { background-color: #01AEEF !important; color: #ffffff !important; border-color: #01AEEF; }
/* Newsletter */
.dt-shop-newsletter { margin-bottom: 80px; }
.dt-shop-newsletter .box-border { border: 1px solid #95a5a6; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; padding: 20px; }
@media (max-width: 767px) {
.dt-shop-newsletter .box-border .row div[class*="col"] { margin-bottom: 20px; } }
.dt-shop-newsletter .btn-default { padding: 12px 20px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; text-transform: uppercase; font-weight: 100; text-shadow: none; position: relative; top: -1px; }
.dt-shop-newsletter .btn-default p, .dt-shop-newsletter .btn-default h1, .dt-shop-newsletter .btn-default h2, .dt-shop-newsletter .btn-default span, .dt-shop-newsletter .btn-default i { color: #ffffff; }
.dt-shop-newsletter .btn-default:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.dt-shop-newsletter .btn-default:hover p, .dt-shop-newsletter .btn-default:hover h1, .dt-shop-newsletter .btn-default:hover h2, .dt-shop-newsletter .btn-default:hover span, .dt-shop-newsletter .btn-default:hover i { color: #ffffff; }
.dt-shop-newsletter .btn-default:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
.dt-shop-newsletter p { margin: 0; font-size: 19px; line-height: 1.5em; }
.dt-shop-newsletter p:first-child { text-transform: uppercase; font-size: 21px; }
.dt-shop-newsletter p span { color: #01AEEF; }
.dt-shop-newsletter .no-padding { padding: 0; }
.dt-shop-newsletter i { font-size: 60px; line-height: 0em; color: #95a5a6; }
@media (max-width: 992px) {
.dt-shop-newsletter i { font-size: 40px; } }
.dt-shop-newsletter i:before { margin: 0; }
.dt-shop-newsletter .input-group .form-control:first-child { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; height: 60px; padding: 20px; }
.dt-shop-newsletter .input-group-btn:last-child > .btn { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; margin-left: 15px; }
.dt-shop-newsletter .form-control:focus { border: 1px solid #999999; box-shadow: none; }
.nav-tabs.nav-justified > li > a { margin-bottom: 0; }
.shop-detail-product { padding-bottom: 40px; }
@media (min-width: 992px) and (max-width: 1200px) {
.shop-detail-product .plus-minus-container { text-align: center; }
.shop-detail-product .plus-minus-container .slider-group { float: none; } }
@media (max-width: 768px) {
.shop-detail-product .plus-minus-container { text-align: center; margin-top: 20px; }
.shop-detail-product .plus-minus-container .slider-group { float: none; } }
@media (min-width: 992px) and (max-width: 1200px) {
.shop-detail-product .add-to-cart-container a { margin: 0 auto 10px; } }
@media (max-width: 768px) {
.shop-detail-product .add-to-cart-container a { margin: 0 auto 10px; } }
.shop-detail-product .shop-detail-fullwidth-banner { background-attachment: inherit; }
.shop-detail-product .detail-product-title h2 { margin-top: 0; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid #dddddd; line-height: 1.7em; font-size: 24px; }
@media (max-width: 992px) {
.shop-detail-product .detail-product-title h2 { margin-top: 40px; } }
.shop-detail-product .detail-product-price { background-color: #01AEEF; color: #fff; width: 115px; text-align: center; height: 115px; line-height: 115px; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; font-size: 30px; }
.shop-detail-product .rating.big { float: right; margin-top: 50px; }
.shop-detail-product .big-thumbnail { margin-bottom: 5px; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
.shop-detail-product .small-thumbnails div[class*="col"] { padding: 5px; }
.shop-detail-product .small-thumbnails div[class*="col"] img { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
.shop-detail-product .detail-product-short-description { margin-top: 40px; margin-bottom: 40px; }
.shop-detail-product .btn-add-to-cart { padding: 5px 10px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; text-transform: uppercase; margin: 0; display: block; max-width: 200px; text-align: center; }
.shop-detail-product .btn-add-to-cart p, .shop-detail-product .btn-add-to-cart h1, .shop-detail-product .btn-add-to-cart h2, .shop-detail-product .btn-add-to-cart span, .shop-detail-product .btn-add-to-cart i { color: #ffffff; }
.shop-detail-product .btn-add-to-cart:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.shop-detail-product .btn-add-to-cart:hover p, .shop-detail-product .btn-add-to-cart:hover h1, .shop-detail-product .btn-add-to-cart:hover h2, .shop-detail-product .btn-add-to-cart:hover span, .shop-detail-product .btn-add-to-cart:hover i { color: #ffffff; }
.shop-detail-product .btn-add-to-cart:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
.shop-detail-product .slider-group { float: right; padding: 0; }
.shop-detail-product .slider-group li { list-style: none; display: inline-table; }
.shop-detail-product .slider-group li .btn-minus, .shop-detail-product .slider-group li .btn-plus { padding: 5px 15px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; display: block; width: 45px; font-size: 30px; line-height: 1em; text-align: center; color: #999999; }
.shop-detail-product .slider-group li .btn-minus:hover, .shop-detail-product .slider-group li .btn-plus:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.shop-detail-product .slider-group li .btn-minus:hover p, .shop-detail-product .slider-group li .btn-plus:hover p, .shop-detail-product .slider-group li .btn-minus:hover h1, .shop-detail-product .slider-group li .btn-plus:hover h1, .shop-detail-product .slider-group li .btn-minus:hover h2, .shop-detail-product .slider-group li .btn-plus:hover h2, .shop-detail-product .slider-group li .btn-minus:hover span, .shop-detail-product .slider-group li .btn-plus:hover span, .shop-detail-product .slider-group li .btn-minus:hover i, .shop-detail-product .slider-group li .btn-plus:hover i { color: #ffffff; }
.shop-detail-product .slider-group li .btn-minus:active, .shop-detail-product .slider-group li .btn-plus:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.shop-detail-product .slider-group li .btn-minus:hover, .shop-detail-product .slider-group li .btn-plus:hover { cursor: pointer; }
.shop-detail-product .slider-group li .btn-minus { -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background-clip: padding-box; }
.shop-detail-product .slider-group li .btn-plus { -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background-clip: padding-box; }
.shop-detail-product .slider-group li.counter { background-color: #bdc3c7; text-align: center; width: 50px; padding: 6px 0 6px; margin: 0px -5px; color: #000; margin-top: -3px; }
.shop-detail-product .description-spec { padding: 20px 0; }
.shop-detail-product .description-spec li { list-style: none; border-top: 1px solid #dddddd; padding: 5px 0; }
.shop-detail-product .description-spec li:last-child { border-bottom: 1px solid #dddddd; }
.shop-detail-product .btn-group a { -webkit-box-shadow: none; box-shadow: none; padding: 0; text-shadow: 0 0 0 transparent; color: #ffffff; }
.shop-detail-product .btn-group a:hover { background: none; }
.shop-detail-product .btn-group a i:hover:before { background-color: #01AEEF; }
.shop-detail-product .btn-group a i:before { background-color: #8c9899; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -ms-transition: background-color 0.2s; transition: background-color 0.2s; padding: 10px; width: 36px; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; }
.shop-detail-product .detail-product-bottom-part { margin: 40px 0; }
.shop-detail-product .detail-product-bottom-part .tab-pane { border-left: 1px solid #bdc3c7; border-bottom: 1px solid #bdc3c7; border-right: 1px solid #bdc3c7; padding: 20px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background-clip: padding-box; }
.shop-detail-product .nav-tabs.nav-justified { background-color: #bdc3c7; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box; }
.shop-detail-product .nav-tabs.nav-justified > li > a { border: none; background-color: #bdc3c7; text-transform: uppercase; color: #ffffff; }
.shop-detail-product .nav-tabs.nav-justified > .active { background-color: #ffffff; border: 1px solid #bdc3c7; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box; border-bottom: 0; }
.shop-detail-product .nav-tabs.nav-justified > .active > a { border-bottom: 1px solid #ffffff; background-color: #ffffff; color: #999999; }
.shop-detail-product .nav-tabs.nav-justified > .active > a:hover { border: 0; border-bottom: 1px solid #ffffff; }
.shop-detail-product .dt-featured-product .add-to-cart { font-size: 11px; padding: 5px 0; }
.shop-detail-product .dt-featured-product .add-to-cart:before { display: none; }
.shop-detail-product .dt-shop-widgets { font-size: 15px; }
.shop-detail-product .dt-shop-widgets h3 { font-size: 17px; }
.shop-detail-product .dt-shop-widgets .product-price { font-size: 15px; }
.dt-loading { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background-color: #ff0000; }
.dt-loading { z-index: 9999; background: #fff; }
.dt-loading .loader { position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.dt-loading span { color: #fff; font-size: 13px; position: fixed; font-family: Arial, sans-serif; text-transform: uppercase; letter-spacing: 8px; margin: -12px 0 0 -46px; left: 50%; top: 50%; text-shadow: 0 0 1px rgba(255, 255, 255, 0.9), 1px 2px 5px rgba(0, 0, 0, 0.5); }
.loader { position: relative; width: 80px; margin: 100px auto; }
.dot { width: 20px; height: 20px; border-radius: 10px; background: #01AEEF; position: absolute; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite; }
.dot1, .dot2 { left: 0; }
.dot3 { left: 30px; }
.dot4 { left: 60px; }
@keyframes reveal { from { transform: scale(0.001); }
to { transform: scale(1); } }
@-webkit-keyframes reveal { from { -webkit-transform: scale(0.001); }
to { -webkit-transform: scale(1); } }
@keyframes slide { to { transform: translateX(30px); } }
@-webkit-keyframes slide { to { -webkit-transform: translateX(30px); } }
.dot1 { animation-name: reveal; -webkit-animation-name: reveal; }
.dot2, .dot3 { animation-name: slide; -webkit-animation-name: slide; }
.dot4 { animation-name: reveal; animation-direction: reverse; -webkit-animation-name: reveal; -webkit-animation-direction: reverse; }
/* Buy Now Section */
.buy_now { background-image: url(../images/buy_now_bg.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; height: auto; color: #ffffff; overflow: hidden; padding: 20px 0; background: #6e6f71; }
.buy_now h4 { text-transform: none; color: #ffffff; font-size: 19px; font-weight: 300; line-height: 24px; }
.buy_now p { font-size: 14px; overflow: hidden; height: 24px; }
.buy_now .btn-buynow { background-clip: padding-box; background-color: transparent; border: 2px solid #fff; border-radius: 4px; color: #ffffff; font-size: 16px; font-weight: 600; padding: 13px 40px; position: relative; text-decoration: none; top: 26px; }
.buy_now .btn-buynow:hover { background-color: #00aeff; border-color: #00aeff; box-shadow: none !important; text-decoration: none; color: #ffffff; }
.buy_now .btn-buynow:hover p, .buy_now .btn-buynow:hover h1, .buy_now .btn-buynow:hover h2, .buy_now .btn-buynow:hover span, .buy_now .btn-buynow:hover i { color: #ffffff; }
.buy_now .btn-buynow:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.buy_now .btn-buynow:hover { background-color: #029cd6; -webkit-box-shadow: 0 5px 0 #0683d7; box-shadow: 0 5px 0 #0683d7; }
.buy_now .btn-buynow:active { top: 27px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
/* Graphic Section */
.graphic_section .container { padding-top: 10px; }
.home-2 .custom-accordion { padding-top: 5px; }
.custom-accordion { padding-top: 20px; }
.custom-accordion .panel { border-width: 0px; border-image-width: 0 0 0 0; box-shadow: none; }
.custom-accordion .panel-heading { height: 60px; max-height: 60px; padding-left: 25px; background: none; border: 1px solid #bdc3c7; border-radius: 3px; }
.custom-accordion .panel-heading .panel-title { line-height: 40px; text-transform: none; font-size: 20px; color: #2a2929; }
.custom-accordion .panel-heading:hover .btn-accordion { color: #ffffff; background-color: #01AEEF; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.custom-accordion .panel-heading:hover h4 { color: #01AEEF; }
.custom-accordion .panel-heading .btn-accordion { padding: 0px 0px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; top: 0; position: relative; top: -44px; left: 93%; display: block; width: 42px; text-align: center; height: auto; line-height: 42px; font-size: 29px; font-weight: 400; text-decoration: none; color: #8C9899; }
.custom-accordion .panel-heading .btn-accordion:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.custom-accordion .panel-heading .btn-accordion:hover p, .custom-accordion .panel-heading .btn-accordion:hover h1, .custom-accordion .panel-heading .btn-accordion:hover h2, .custom-accordion .panel-heading .btn-accordion:hover span, .custom-accordion .panel-heading .btn-accordion:hover i { color: #ffffff; }
.custom-accordion .panel-heading .btn-accordion:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.custom-accordion .panel-heading .btn-accordion:hover { text-decoration: none; }
.custom-accordion .panel-heading .btn-accordion:focus { text-decoration: none; }
.custom-accordion .panel-heading .btn-accordion:active { top: -41px; text-decoration: none; }
.custom-accordion .panel-body { font-size: 14px; color: #a4a8a9; }
/* Progress Bars */
.progress_bars { width: 100%; overflow: hidden; }
.progress_bars .progress_bar { position: relative; margin: 0 0 24px; }
.progress_bars .progress_content_outer { height: 17px; background-color: #ecf0f1; width: 90%; position: relative; }
@media (max-width: 768px) {
.progress_bars .progress_content_outer { width: 85%; } }
@media (min-width: 768px) and (max-width: 1200px) {
.progress_bars .progress_content_outer { width: 85%; } }
.progress_bars .progress_content { position: absolute; top: 0; left: 0; height: 100%; overflow: hidden; background: 0; background-color: #01AEEF; }
.progress_bars .progress_title { display: inline-block; position: relative; z-index: 100; }
.progress_bars .progress_title h4 { margin: 0; line-height: 55px; font-weight: 300; font-size: 20px; color: #2a2929; text-transform: none; }
.progress_bars .progress_number { font-size: 20px; line-height: 16px; font-weight: 300; color: #2a2929; text-align: left; position: absolute; top: 55px; right: 0; z-index: 10; opacity: 0; filter: alpha(opacity=0); }
/* Pie Graph */
.pie_graf_holder, .line_graf_holder { display: block; position: relative; overflow: hidden; }
.pie_graf { margin: 0; width: 250px; float: left; }
.line_graf { margin: 0 20px 0 0; float: left; }
.pie_graf_legend { width: auto; float: left; margin-left: 30px; position: relative; padding-top: 20px; }
.line_graf_legend { position: relative; float: left; width: 20%; }
.line_graf_legend { width: auto; }
.pie_graf_legend ul li, .line_graf_legend ul li { display: block; margin: 0 0 10px; }
.pie_graf_legend ul li .color_holder, .line_graf_legend ul li .color_holder { width: 25px; height: 25px; background-color: #69b200; float: left; }
.pie_graf_legend ul li p, .line_graf_legend ul li p { line-height: 25px; margin: 0; padding: 0 0 0 40px; }
.progress_bars_vertical_holder { display: inline-block; width: 100%; position: relative; }
.progress_bars_vertical { display: inline-block; position: relative; float: left; margin: 0 .3% 0 0; }
.progress_bars_vertical:last-child { margin: 0; }
.progress_bars_vertical .progress_content_outer { height: 200px; position: relative; }
.progress_bars_vertical .progress_content_outer .progress_content { display: inline-block; width: 100%; position: absolute; bottom: 0; left: 0; border: 0; background: 0; background-color: #01AEEF; }
.progress_bars_vertical .progress_number { font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 18px; font-weight: 600; color: #333; margin: 25px 0 10px; display: block; position: relative; }
.progress_bars_vertical .progress_title { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 600; line-height: 20px; color: #333; display: block; }
.pie_chart_holder { margin: 50px 0; overflow: hidden; }
.pie_chart_holder .easyPieChart { margin: 0 auto; text-align: center; }
.pie_chart_text { text-align: center; }
.pie_chart_text h4 { font-size: 24px; color: #222222; text-transform: none; }
.tocounter { color: #01AEEF; font-size: 41px; font-weight: lighter; width: 100%; text-align: center; float: left; position: relative; }
.doughnutChartShadow { height: 215px; width: 215px; box-shadow: 0 1px 0 #888888; border-radius: 50%; position: absolute; top: 73px; left: 42px; }
.tocounter:after { content: "%"; }
.lineChart_section { margin-top: 45px; }
.lineChart_section h4 { font-size: 24px; text-transform: none; }
/* Contact Form Section */
.contact-form-section { background-image: url(../images/bg_contact.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 40px; padding-bottom: 40px; margin-bottom: 0px; font-family: 'Lora'; font-style: italic; color: #ffffff; }
.contact-form-section h2 { font-style: normal; color: #ffffff; }
.contact-form-section .form-group { padding-top: 0px; padding-bottom: 0px; }
@media (min-width: 768px) {
.contact-form-section .form-group { padding-top: 20px; padding-bottom: 20px; } }
.contact-form-section .form-control { font-size: 14px; color: #908d8d; font-style: italic; -webkit-box-shadow: none; box-shadow: none; }
.contact-form-section .form-control:focus { color: #01AEEF; -webkit-box-shadow: 0 0 0 #01AEEF; box-shadow: 0 0 0 #01AEEF; }
.contact-form-section .dt-form-info { display: none; }
@media (min-width: 768px) {
.contact-form-section .dt-form-info { display: block; } }
.contact-form-section .btn-send { padding: 0px 25px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; top: 0; float: right; text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: lighter; color: #ffffff; background-color: #01AEEF; box-shadow: 0 5px 0 rgba(26, 188, 156, 0.8); position: relative; border-width: 0px; }
.contact-form-section .btn-send:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.contact-form-section .btn-send:hover p, .contact-form-section .btn-send:hover h1, .contact-form-section .btn-send:hover h2, .contact-form-section .btn-send:hover span, .contact-form-section .btn-send:hover i { color: #ffffff; }
.contact-form-section .btn-send:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.contact-form-section .btn-send:hover { background-color: #1b84ac; -webkit-box-shadow: 0 5px 0 #1a7294; box-shadow: 0 5px 0 #1a7294; }
.contact-form-section .btn-send:active { top: 2px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.contact-form-section textarea.error, .contact-form-section input.error { border-color: #ce1111; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.contact-form-section label.error { font-family: "Open Sans"; font-size: 14px; font-style: normal; line-height: 34px; width: 100%; background-color: #ce1111; color: #ffffff; font-weight: 300; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 0 10px; }
.contact-form-section .success { display: none; }
.contact-form-section .success div { float: left; background-color: #1f8fb9; border-radius: 3px; padding: 2px 20px; }
.contact-form-section .fail { display: none; }
.contact-form-section .fail div { float: left; background-color: #ce1111; border-radius: 3px; padding: 2px 6px; }
.contact_page { padding-bottom: 0px; }
/* Contact Form Blog */
.contact-form-blog { margin-top: -40px; margin-bottom: 0px; font-family: 'Lora'; font-style: italic; color: #95a5a6; }
.contact-form-blog .section-head { margin-top: 40px; margin-bottom: 15px; }
.contact-form-blog h2 { font-style: normal; color: #2a2929; text-transform: none; }
.contact-form-blog .form-group { padding-top: 0px; padding-bottom: 0px; }
@media (min-width: 768px) {
.contact-form-blog .form-group { padding-top: 20px; padding-bottom: 20px; } }
.contact-form-blog .form-control { font-size: 14px; color: #908d8d; font-weight: 400; background-color: #fff; font-family: 'Open Sans', sans-serif; }
.contact-form-blog .form-control:focus { border-color: #01AEEF; color: #333; box-shadow: none; }
.contact-form-blog .dt-form-info { display: none; }
@media (min-width: 768px) {
.contact-form-blog .dt-form-info { display: block; } }
.contact-form-blog .btn-send { padding: 9px 25px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; top: 0; float: left; text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; font-weight: lighter; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; position: relative; border-width: 0px; border: solid 2px #ccc; color: #333; }
.contact-form-blog .btn-send:hover { background-color: #00aeff !important; border-color: #00aeff !important; text-decoration: none; color: #ffffff; -webkit-box-shadow: none !important; background-clip: inherit !important; box-shadow: none !important; }
.contact-form-blog .btn-send:hover p, .contact-form-blog .btn-send:hover h1, .contact-form-blog .btn-send:hover h2, .contact-form-blog .btn-send:hover span, .contact-form-blog .btn-send:hover i { color: #ffffff; }
.contact-form-blog .btn-send:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.contact-form-blog .btn-send:hover { background-color: #1b84ac; -webkit-box-shadow: 0 5px 0 #1a7294; box-shadow: 0 5px 0 #1a7294; }
.contact-form-blog .btn-send:active { top: 2px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
textarea.error, input.error { border-color: #ce1111; }
label.error { display: none !important; font-family: "Open Sans"; font-size: 14px; font-style: normal; line-height: 34px; width: 100%; background-color: #ce1111; color: #ffffff; font-weight: 300; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding: 0 10px; }
.success { display: none; }
.success div { float: left; background-color: #1f8fb9; border-radius: 3px; padding: 2px 20px; color: #ffffff; }
.fail { display: none; }
.fail div { float: left; background-color: #ce1111; border-radius: 3px; padding: 2px 6px; color: #ffffff; }
/* Bottom Section */
.bottom_section { color: #666; background-color: #fff; padding: 30px 0 35px; font-size: 14px; margin-bottom: 0px; }
.bottom_section h2 { color: #333; font-size: 24px; }
.bottom_section hr { border-top-color: #34495e; margin-bottom: 20px; margin-top: 20px; }
.bottom_section .section-head { margin-bottom: 20px; margin-top: 50px; }
.bottom_section .social li {padding-right: 7px;}
.bottom_section .social a { font-size: 17px; color: #34495e; }
.bottom_section .social a:hover { color: #00aeef; text-decoration: none; }
.recent-portfolio .col-lg-6 .thumbnail { margin-bottom: 0; }
.recent-portfolio .thumbnail { padding: 0; border: none; background-color: rgba(255, 255, 255, 0); margin-bottom: 11px; }
.recent-portfolio [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.about-us h1 { font-size: 30px; letter-spacing: 15px; margin-top: 0px; margin-bottom: 5px; color: #ffffff; }
/* Footer */
footer { background: #666; overflow: hidden; padding-top: 70px; }
.address, .phone, .email { display: inline-block; font-size: 13px; font-weight: 400; line-height: normal; margin: 0 0 0 20px; position: relative; text-align: left; top: -7px; }
.phone, .email { line-height: 47px; vertical-align: top; }
@media (max-width: 1200px) {
footer { padding-top: 0px; } }
@media (min-width: 480px) and (max-width: 767px) {
footer { margin-top: -80px; } }
@media (max-width: 479px) {
footer { margin-top: -120px; } }
.ss-style-doublediagonal::after {
/* background: url(../images/footer_bg.jpg) no-repeat center center; background-size: cover;*/ }
.footer-section { font-size: 13px; z-index: 100; color: #ffffff; position: relative; top: 100px; }
.footer-section .nav-pills { position: relative; top: -10px; float: right; }
.footer-section .nav-pills a { background: none; color: #ffffff; text-transform: uppercase; padding: 10px 7px; }
.footer-section .nav-pills a.active { background: none; color: #00aeef; }
.footer-section .nav-pills a:hover { background: none; color: #00aeef; }
.footer-section .nav-pills a:focus { background: none; color: #01AEEF; }
/* Fun Facts Section */
.fun-facts-section { background-color: #f6f7f7; margin-bottom: 80px; padding: 80px 0 0 0; position: relative; }
.fun-facts-section .grid-icon { text-align: center; color: #666666; padding-bottom: 50px; }
.fun-facts-section .grid-icon .section-head { margin-bottom: 38px; }
.fun-facts-section .grid-icon h4 { font-size: 80px; font-weight: 100; color: #01AEEF; margin: 18px 0 16px; }
.fun-facts-section .grid-icon div p { text-align: center; font-size: 16px; color: #999999; text-transform: uppercase; font-weight: 100; }
.fun-facts-section .grid-icon span { text-align: center; font-size: 3.5em; color: #01AEEF; border: 1px solid #01AEEF; padding: 0 15px; display: inline-block; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; position: relative; margin-bottom: 0px; background-color: #f6f7f7; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.fun-facts-section .grid-icon span:after, .fun-facts-section .grid-icon span:before { top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.fun-facts-section .grid-icon span:after { border-color: rgba(255, 255, 255, 0); border-top-color: #f6f7f7; border-width: 10px; margin-left: -10px; }
.fun-facts-section .grid-icon span:before { border-color: rgba(255, 255, 255, 0); border-top-color: #01AEEF; border-width: 11px; margin-left: -11px; }
.fun-facts-section .grid-icon span:hover { background-color: #01AEEF; border: 1px solid #01AEEF; color: #ffffff; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.fun-facts-section .grid-icon span:hover:after, .fun-facts-section .grid-icon span:hover:before { border-top: 11px solid #01AEEF; border-top-color: #01AEEF; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.fun-facts-section .grid-icon p { text-align: left; }
/* Google Map Section */
.dt-google-map-section { margin-bottom: 0; }
.dt-google-map-section .map { height: auto; position: relative; }
.dt-google-map-section .map .map-info { color: #ffffff; font-weight: 300; background-color: rgba(22, 160, 133, 0.6); position: absolute; bottom: 0; width: 100%; text-align: center; padding: 30px 0; }
.dt-google-map-section .map .map-info a { color: #fff; text-decoration: none; }
.dt-google-map-section .map .map-info address { margin: 0; }
.dt-google-map-section .map .map-info .icon-container { width: 50px; padding: 1px 0; margin: 0 auto 20px auto; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; position: relative; background-color: #ffffff; color: #01AEEF; }
.dt-google-map-section .map .map-info .icon-container:after, .dt-google-map-section .map .map-info .icon-container:before { border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 12px solid #ffffff; bottom: -7px; content: ''; left: 50%; margin-left: -8px; position: absolute; }
.dt-google-map-section .map .map-info .icon-container i { font-size: 1.3em; }
.dt-google-map-section .map .map-info .col { top: 0; }
.dt-google-map-section .map .map-info .col:hover .icon-container { top: 5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
.dt-google-map-section .map .map-info .col .icon-container { top: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
#map { width: 100%; height: 525px; background-color: #2B2B2B; }
.dt-services-section { text-align: center; }
.dt-services-section .dt-service { transition-duration: 1s; background-color: #bdc3c7; -webkit-box-shadow: 0 4px 0 #95a5a6; box-shadow: 0 4px 0 #95a5a6; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; padding: 0 0 10px; margin-top: 45px; }
.dt-services-section .dt-service p { margin: 20px; }
.dt-services-section .dt-service .dt-section-icon { transition-duration: 1s; width: 100%; height: 125px; padding: 1px 0; margin: 0 auto 35px auto; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; position: relative; background-color: #ecf0f1; color: #01AEEF; }
.dt-services-section .dt-service .dt-section-icon:after, .dt-services-section .dt-service .dt-section-icon:before { transition-duration: 1s; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 17px solid #ecf0f1; bottom: -13px; content: ''; left: 50%; margin-left: -17px; position: absolute; }
.dt-services-section .dt-service .dt-section-icon i { transition-duration: 1s; font-size: 68px; color: #bdc3c7;/*line-height: 70px;*/
}
.dt-services-section .dt-service h4 { line-height: 33px; color: #ffffff; }
.dt-services-section .dt-service p { padding: 15px; }
.dt-services-section .dt-service:hover { background-color: #1f8fb9; -webkit-box-shadow: 0 4px 0 #12856f; box-shadow: 0 4px 0 #12856f; }
.dt-services-section .dt-service:hover .dt-section-icon { background-color: #01AEEF; }
.dt-services-section .dt-service:hover .dt-section-icon:after, .dt-services-section .dt-service:hover .dt-section-icon:before { border-top-color: #01AEEF; }
.dt-services-section .dt-service:hover .dt-section-icon i { color: #ffffff; }
.dt-services-section .dt-service:hover .dt-section-icon i:hover { color: #01AEEF; }
.dt-shop-info-section { text-align: center; }
.dt-shop-info-section .dt-service { transition-duration: 1s; color: #ffffff; padding: 0 0 10px; }
.dt-shop-info-section .dt-service p { margin: 0 0 20px 0; }
.dt-shop-info-section .dt-service .dt-section-icon { transition-duration: 1s; width: 100%; padding: 0; margin: 0 auto; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; position: relative; color: #01AEEF; }
.dt-shop-info-section .dt-service .dt-section-icon i.hi-icon { transition-duration: 1s; font-size: 68px; color: #bdc3c7; margin: 0; }
.dt-shop-info-section .dt-service .dt-section-icon i.hi-icon:before { font-size: 35px; line-height: 45px; }
.dt-shop-info-section .dt-service h4 { line-height: 33px; color: #ffffff; }
.dt-shop-info-section .dt-service p { padding: 0 0 15px 0; }
.dt-shop-info-section .dt-service:hover .dt-section-icon i.hi-icon { color: #ffffff; background-color: #01AEEF; }
.hi-icon-wrap { text-align: center; margin: 0 auto; padding: 2em 0 3em; }
.hi-icon { display: inline-block; font-size: 0px; cursor: pointer; margin: 25px 30px; width: 65px; height: 65px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; }
.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.hi-icon:before { font-family: 'fontello'; margin-left: 5px; speak: none; font-size: 55px; line-height: 65px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; }
/* Effect 5 */
.hi-icon-effect-5 .hi-icon { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0); overflow: hidden; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; }
.hi-icon-effect-5 .hi-icon:after { display: none; }
.no-touch .dt-service:hover .hi-icon-effect-5 .hi-icon { background: #ffffff; color: #01AEEF; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); }
.no-touch .dt-service:hover .hi-icon-effect-5a .hi-icon:before { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; }
.no-touch .dt-service:hover .hi-icon-effect-5b .hi-icon:before { -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; }
.no-touch .dt-service:hover .hi-icon-effect-5c .hi-icon:before { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; }
.no-touch .dt-service:hover .hi-icon-effect-5d .hi-icon:before { -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; }
@media (max-width: 991px) {
.footer-menu { display: none; }
.custom-accordion .panel-heading .btn-accordion { left: 88%; } }
@media (min-width: 320px) and (max-width: 767px) {
.buy_now { text-align: center; padding-bottom: 80px; } }
@media (max-width: 360px) {
.footer-menu { display: none; }
.custom-accordion .panel-heading { padding-left: 18px; }
.custom-accordion .panel-heading .panel-title { overflow: hidden; width: 190px; height: 40px; }
.custom-accordion .panel-heading .btn-accordion { left: 85%; } }
/* Icon Hover Effect */
.hi-icon-wrap { text-align: center; margin: 0 auto; padding: 2em 0 3em; }
.hi-icon { display: inline-block; font-size: 0px; cursor: pointer; /*margin: 15px 30px; width: 90px; height: 90px;*/
margin: 25px 30px; width: 65px; height: 65px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; }
.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.hi-icon:before { font-family: 'fontello'; margin-left: 5px; speak: none; font-size: 55px; line-height: 65px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; }
.hi-icon-mobile:before { content: "\e009"; }
.hi-icon-screen:before { content: "\e00a"; }
.hi-icon-earth:before { content: "\e002"; }
.hi-icon-support:before { content: "\e000"; }
.hi-icon-locked:before { content: "\e001"; }
.hi-icon-cog:before { content: "\e003"; }
.hi-icon-clock:before { content: "\e004"; }
.hi-icon-videos:before { content: "\e005"; }
.hi-icon-list:before { content: "\e006"; }
.hi-icon-refresh:before { content: "\e007"; }
.hi-icon-images:before { content: "\e008"; }
.hi-icon-pencil:before { content: "\e00b"; }
.hi-icon-link:before { content: "\e00c"; }
.hi-icon-mail:before { content: "\e00d"; }
.hi-icon-location:before { content: "\e00e"; }
.hi-icon-archive:before { content: "\e00f"; }
.hi-icon-chat:before { content: "\e010"; }
.hi-icon-bookmark:before { content: "\e011"; }
.hi-icon-user:before { content: "\e012"; }
.hi-icon-contract:before { content: "\e013"; }
.hi-icon-star:before { content: "\e014"; }
/* Effect 1 */
.hi-icon-effect-1 .hi-icon { background: rgba(255, 255, 255, 0.1); -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; }
.hi-icon-effect-1 .hi-icon:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.2s, opacity 0.2s; transform: scale(0.8); opacity: 0; }
/* Effect 1a */
.no-touch .hi-icon-effect-1a .hi-icon:hover { background: #ffffff; color: #41ab6b; }
.no-touch .hi-icon-effect-1a .hi-icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
/* Effect 1b */
.no-touch .hi-icon-effect-1b .hi-icon:hover { background: #ffffff; color: #41ab6b; }
.hi-icon-effect-1b .hi-icon:after { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.no-touch .hi-icon-effect-1b .hi-icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
/* Effect 2 */
.hi-icon-effect-2 .hi-icon { color: #eea303; box-shadow: 0 0 0 3px #fff; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.hi-icon-effect-2 .hi-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; }
/* Effect 2a */
.no-touch .hi-icon-effect-2a .hi-icon:hover { color: #eea303; }
.no-touch .hi-icon-effect-2a .hi-icon:hover:after { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); }
/* Effect 2b */
.no-touch .hi-icon-effect-2b .hi-icon:hover:after { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: -webkit-transform 0.4s, opacity 0.2s; -moz-transition: -moz-transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s; }
.no-touch .hi-icon-effect-2b .hi-icon:hover { color: #fff; }
/* Effect 3 */
.hi-icon-effect-3 .hi-icon { box-shadow: 0 0 0 4px #fff; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.hi-icon-effect-3 .hi-icon:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; }
/* Effect 3a */
.hi-icon-effect-3a .hi-icon { color: #f06060; }
.no-touch .hi-icon-effect-3a .hi-icon:hover { color: #fff; }
.no-touch .hi-icon-effect-3a .hi-icon:hover:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; }
/* Effect 3b */
.hi-icon-effect-3b .hi-icon { color: #fff; }
.no-touch .hi-icon-effect-3b .hi-icon:hover { color: #f06060; }
.hi-icon-effect-3b .hi-icon:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; }
.no-touch .hi-icon-effect-3b .hi-icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
/* Effect 4 */
.hi-icon-effect-4 .hi-icon { width: 92px; height: 92px; box-shadow: 0 0 0 4px #ffffff; }
.hi-icon-effect-4a .hi-icon { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }
.hi-icon-effect-4 .hi-icon:before { line-height: 92px; }
.hi-icon-effect-4 .hi-icon:after { top: -4px; left: -4px; padding: 0; z-index: 10; border: 4px dashed #fff; }
.no-touch .hi-icon-effect-4 .hi-icon:hover { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); color: #fff; }
/* Effect 4b */
.no-touch .hi-icon-effect-4b .hi-icon:hover { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }
.no-touch .hi-icon-effect-4b .hi-icon:hover:after { -webkit-animation: spinAround 9s linear infinite; -moz-animation: spinAround 9s linear infinite; animation: spinAround 9s linear infinite; }
@-webkit-keyframes spinAround { from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes spinAround { from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); } }
@keyframes spinAround { from { transform: rotate(0deg); }
to { transform: rotate(360deg); } }
/* Effect 5 */
.hi-icon-effect-5 .hi-icon { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0); overflow: hidden; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; }
.hi-icon-effect-5 .hi-icon:after { display: none; }
.no-touch .hi-icon-effect-5 .hi-icon:hover { background: #ffffff; color: #702fa8; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); }
.no-touch .hi-icon-effect-5a .hi-icon:hover:before { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; }
@-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); }
50% { opacity: 0; -webkit-transform: translate(-100%); }
51% { opacity: 1; } }
@-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); }
50% { opacity: 0; -moz-transform: translate(-100%); }
51% { opacity: 1; } }
@keyframes toRightFromLeft { 49% { transform: translate(100%); }
50% { opacity: 0; transform: translate(-100%); }
51% { opacity: 1; } }
.no-touch .hi-icon-effect-5b .hi-icon:hover:before { -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; }
@-webkit-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); }
50% { opacity: 0; -webkit-transform: translate(100%); }
51% { opacity: 1; } }
@-moz-keyframes toLeftFromRight { 49% { -moz-transform: translate(-100%); }
50% { opacity: 0; -moz-transform: translate(100%); }
51% { opacity: 1; } }
@keyframes toLeftFromRight { 49% { transform: translate(-100%); }
50% { opacity: 0; transform: translate(100%); }
51% { opacity: 1; } }
.no-touch .hi-icon-effect-5c .hi-icon:hover:before { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; }
@-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); }
50% { opacity: 0; -webkit-transform: translateY(100%); }
51% { opacity: 1; } }
@-moz-keyframes toTopFromBottom { 49% { -moz-transform: translateY(-100%); }
50% { opacity: 0; -moz-transform: translateY(100%); }
51% { opacity: 1; } }
@keyframes toTopFromBottom { 49% { transform: translateY(-100%); }
50% { opacity: 0; transform: translateY(100%); }
51% { opacity: 1; } }
.no-touch .hi-icon-effect-5d .hi-icon:hover:before { -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; }
@-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); }
50% { opacity: 0; -webkit-transform: translateY(-100%); }
51% { opacity: 1; } }
@-moz-keyframes toBottomFromTop { 49% { -moz-transform: translateY(100%); }
50% { opacity: 0; -moz-transform: translateY(-100%); }
51% { opacity: 1; } }
@keyframes toBottomFromTop { 49% { transform: translateY(100%); }
50% { opacity: 0; transform: translateY(-100%); }
51% { opacity: 1; } }
/* Effect 6 */
.hi-icon-effect-6 .hi-icon { box-shadow: 0 0 0 4px #ffffff; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; }
.no-touch .hi-icon-effect-6 .hi-icon:hover { background: #ffffff; color: #64bb5d; }
.no-touch .hi-icon-effect-6 .hi-icon:hover:before { -webkit-animation: spinAround 2s linear infinite; -moz-animation: spinAround 2s linear infinite; animation: spinAround 2s linear infinite; }
/* Effect 7 */
.hi-icon-effect-7 .hi-icon { box-shadow: 0 0 0 4px #ffffff; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; }
.no-touch .hi-icon-effect-7 .hi-icon:hover { color: #fff; }
.hi-icon-effect-7 .hi-icon:after { top: -8px; left: -8px; padding: 8px; z-index: -1; opacity: 0; }
/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after { box-shadow: 0 0 0 #ffffff; -webkit-transition: opacity 0.2s, box-shadow 0.2s; -moz-transition: opacity 0.2s, box-shadow 0.2s; transition: opacity 0.2s, box-shadow 0.2s; }
.no-touch .hi-icon-effect-7a .hi-icon:hover:after { opacity: 1; box-shadow: 3px 3px 0 #ffffff; }
.hi-icon-effect-7a .hi-icon:before { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.7; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; }
.no-touch .hi-icon-effect-7a .hi-icon:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after { box-shadow: 3px 3px #ffffff; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, -moz-transform 0.2s; transition: opacity 0.2s, transform 0.2s; }
.no-touch .hi-icon-effect-7b .hi-icon:hover:after { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.hi-icon-effect-7b .hi-icon:before { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.7; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; }
.no-touch .hi-icon-effect-7b .hi-icon:hover:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
/* Effect 8 */
.hi-icon-effect-8 .hi-icon { background: rgba(255, 255, 255, 0.1); -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; }
.hi-icon-effect-8 .hi-icon:after { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.no-touch .hi-icon-effect-8 .hi-icon:hover { background: rgba(255, 255, 255, 0.05); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); color: #fff; }
.hi-icon-effect-8 .hi-icon:hover:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; }
@-webkit-keyframes sonarEffect { 0% { opacity: 0.3; }
40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5); }
100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.5); opacity: 0; } }
@-moz-keyframes sonarEffect { 0% { opacity: 0.3; }
40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5); }
100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5); -moz-transform: scale(1.5); opacity: 0; } }
@keyframes sonarEffect { 0% { opacity: 0.3; }
40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5); }
100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; } }
/* Effect 9 */
.hi-icon-effect-9 .hi-icon { -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; }
.hi-icon-effect-9 .hi-icon:after { top: 0; left: 0; padding: 0; box-shadow: 0 0 0 3px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; }
/* Effect 9a */
.no-touch .hi-icon-effect-9a .hi-icon:hover:after { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); opacity: 0.5; }
.no-touch .hi-icon-effect-9a .hi-icon:hover { box-shadow: 0 0 0 10px #ffffff; color: #fff; }
/* Effect 9b */
.no-touch .hi-icon-effect-9b .hi-icon:hover:after { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); }
.no-touch .hi-icon-effect-9b .hi-icon:hover { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4); color: #fff; }
/* Section Separator */
*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* General styles and layout */
section { position: relative; }
/*** Individual section styles and separators ***/
/* Common style for pseudo-elements */
section::before, section::after { position: absolute; content: ''; pointer-events: none; }
/* Triangles */
.ss-style-triangles::before, .ss-style-triangles::after { left: 50%; width: 100px; height: 100px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.ss-style-triangles::before { top: -50px; background: #2980b9; }
.ss-style-triangles::after { bottom: -50px; z-index: 10; background: inherit; }
/* Double Diagonal line */
.ss-style-doublediagonal { z-index: 1; padding-top: 1em; background: none; }
.ss-style-doublediagonal::before, .ss-style-doublediagonal::after { top: 0; left: -25%; z-index: -1; width: 150%; height: 75%; /*background: inherit;*/
-webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.ss-style-doublediagonal::before { height: 260px; background: #0f161e; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-transform-origin: 3% 0; transform-origin: 3% 0; }
.ss-style-doublediagonal::after { height: 200px; }
/* Half Circle */
.ss-style-halfcircle::before, .ss-style-halfcircle::after { left: 50%; z-index: 10; width: 100px; height: 100px; border-radius: 50%; background: inherit; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.ss-style-halfcircle::before { top: -50px; }
.ss-style-halfcircle::after { bottom: -50px; }
/* Big Triangle */
svg#bigTriangleColor { pointer-events: none; }
#bigTriangleColor path { fill: #3498db; stroke: #3498db; stroke-width: 2; }
/* Curves */
#curveUpColor path, #curveDownColor path { fill: #3498db; stroke: #3498db; }
/* Multiple Triangles */
.ss-style-multitriangles::before, .ss-style-multitriangles::after { left: 50%; width: 50px; height: 50px; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.ss-style-multitriangles::before { top: -25px; background: inherit; box-shadow: -50px 50px 0 #3498db, 50px -50px 0 #3498db; }
.ss-style-multitriangles::after { bottom: -25px; z-index: 10; background: inherit; box-shadow: -50px 50px 0 #3498db, 50px -50px 0 #3498db; }
/* Rounded corners */
.ss-style-roundedcorners::before { top: 100%; left: 0; z-index: 10; width: 100%; height: 60px; border-radius: 0 0 60px 60px; background: inherit; }
/* Rounded center split and bottom rounded */
.ss-style-roundedsplit { padding-top: 7em; border-radius: 0 0 80px 80px; }
.ss-style-roundedsplit::before, .ss-style-roundedsplit::after { top: -70px; left: 0; z-index: 10; width: 50%; height: 70px; background: inherit; }
.ss-style-roundedsplit::before { border-radius: 0 80px 0 0; }
.ss-style-roundedsplit::after { left: 50%; border-radius: 80px 0 0 0; }
/* Inverted rounded corners */
.ss-style-invertedrounded { margin-bottom: 90px; padding: 13em 10% 10em; border-radius: 0 0 0 90px; }
.ss-style-invertedrounded::before, .ss-style-invertedrounded::after { left: 0; z-index: -1; height: 90px; background: #3498db; }
.ss-style-invertedrounded::before { top: 100%; width: 100%; border-radius: 0 90px 0 0; }
.ss-style-invertedrounded::after { bottom: 0; z-index: -1; width: 50%; }
/* Boxes */
.ss-style-boxes { padding-top: 4em; padding-bottom: 13em; }
.ss-style-boxes::before { bottom: 0; left: 0; width: 100%; height: 50px; background-image: -webkit-gradient(linear, 100% 0, 0 100%, color-stop(0.5, #3498db), color-stop(0.5, #2980b9)); background-image: linear-gradient(to right, #3498db 50%, #2980b9 50%); -webkit-background-size: 130px 100%; background-size: 130px 100%; }
/* Zig Zag (3d up and simple down) */
.ss-style-zigzag::before, .ss-style-zigzag::after { right: 0; left: 0; z-index: 10; display: block; height: 90px; background-size: 50px 100%; }
.ss-style-zigzag::before { top: -90px; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, transparent), color-stop(0.25, #3498db)); background-image: linear-gradient(315deg, #3093d5 25%, transparent 25%), linear-gradient(45deg, #3498db 25%, transparent 25%); background-position: 50%; }
.ss-style-zigzag::after { top: 100%; background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #3498db), color-stop(0.25, #2980b9)); background-image: linear-gradient(135deg, #3498db 25%, transparent 25%), linear-gradient(225deg, #3498db 25%, transparent 25%); background-position: 50%; }
/* Edges */
.ss-style-roundedges { padding-bottom: 16em; }
.ss-style-roundedges::before, .ss-style-roundedges::after { width: 200px; height: 200px; border-radius: 50%; background: #2980b9; top: -100px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.ss-style-roundedges::before { left: -100px; }
.ss-style-roundedges::after { right: -100px; }
/* Slit */
.ss-style-slit { padding-top: 5em; }
.ss-style-slit::before, .ss-style-slit::after { width: 50.5%; width: -webkit-calc(60%); width: -moz-calc(60%); width: calc(60%); height: 160px; background: #2980b9; top: -160px; }
.ss-style-slit::before { left: -20px; -webkit-transform: skewX(10deg); transform: skewX(10deg); box-shadow: -10px -20px #3192d3; }
.ss-style-slit::after { right: -20px; -webkit-transform: skewX(-10deg); transform: skewX(-10deg); box-shadow: 10px -20px #3192d3; }
/* Big half circle */
#bigHalfCircle path { fill: #3498db; stroke: #3498db; }
/* Big triangle with shadow */
#trianglePath1 { fill: #3498db; stroke: #3498db; }
#trianglePath2 { fill: #2072a7; stroke: #2072a7; }
/* Inclined Zig Zag */
.ss-style-inczigzag::before, .ss-style-inczigzag::after { left: 0; width: 100%; height: 50px; background-size: 100px 100%; }
.ss-style-inczigzag::before { top: 0; background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #2980b9), color-stop(0.5, #3498db)); background-image: linear-gradient(15deg, #3498db 50%, #2980b9 50%); }
.ss-style-inczigzag::after { bottom: 0; background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #3498db), color-stop(0.5, #2980b9)); background-image: linear-gradient(15deg, #2980b9 50%, #3498db 50%); }
/* Castle */
.ss-style-castle::before { left: 0; width: 100%; height: 50px; background-size: 200px 100%; top: 0; background-image: -webkit-linear-gradient(40deg, #3498db 50%, #2980b9 50%); background-image: linear-gradient(40deg, #3498db 50%, #2980b9 50%); }
/* Alternative slit with inner shadow */
#slitPath1 { fill: #3498db; stroke: red; stroke-width: 0; }
#slitPath2, #slitPath3 { fill: #2072a7; }
/* Folded corner */
.ss-style-foldedcorner::before, .ss-style-foldedcorner::after { bottom: 0; width: 100px; height: 100px; }
.ss-style-foldedcorner::before { right: 0; background-image: -webkit-linear-gradient(top left, #37a2ea 50%, #3498db 50%); background-image: linear-gradient(315deg, #3498db 50%, #37a2ea 50%); }
.ss-style-foldedcorner::after { right: 100px; background-image: -webkit-linear-gradient(top left, transparent 50%, #236fa1 50%); background-image: linear-gradient(315deg, #236fa1 50%, transparent 50%); }
/* Dots */
.ss-style-dots::before { bottom: 20px; width: 14px; height: 14px; border-radius: 50%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #2072a7; box-shadow: 30px 0 #2072a7, -30px 0 #2072a7; }
/* Double Line */
.ss-style-doubleline::before { bottom: 30px; width: 140px; height: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #2072a7; box-shadow: 0 30px 0 #2072a7; }
/* Cross */
.ss-style-cross { padding-bottom: 15em; }
.ss-style-cross::before, .ss-style-cross::after { background: #2072a7; bottom: 70px; width: 200px; height: 2px; left: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.ss-style-cross::before { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.ss-style-cross::after { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
/* Stamp */
#stamp path { fill: #3498db; stroke: #3498db;/* avoid gap in FF */
}
/* Clouds */
#clouds path { fill: #ecf0f1; stroke: #ecf0f1; }
/*Media Queries for the layout
@media screen and (max-width: 68em) { section { font-size: 80%; } }*/
@media screen and (max-width: 54em) {
.column { display: block; width: 100% !important; }
.icon { margin: 0 auto; }
.col-2 .column:first-child .icon { margin: 0 auto 50px; }
.col-2 .column:nth-child(2) .icon { margin: 50px auto 0; } }
/* Checkout Form Blog */
.checkout-form-blog { margin-bottom: 0px; font-family: 'Open Sans'; font-style: normal; font-weight: normal; color: #2a2929; }
.checkout-form-blog .section-head { margin-top: 0px; margin-bottom: 0px; }
.checkout-form-blog h2 { font-style: normal; color: #2a2929; font-size: 20px; margin: 0; }
.checkout-form-blog hr { margin-top: 20px; margin-bottom: 0px; }
.checkout-form-blog hr:after { background-color: #ddd; }
.checkout-form-blog .form-group { padding-top: 0px; padding-bottom: 0px; }
.checkout-form-blog .form-group label { font-weight: normal; margin-bottom: 0px; }
@media (min-width: 768px) {
.checkout-form-blog .form-group { padding-top: 20px; padding-bottom: 20px; } }
@media (max-width: 640px) {
.checkout-form-blog .form-group label.checkbox { margin-top: -34px; } }
.checkout-form-blog .form-control { font-size: 14px; color: #908d8d; font-style: italic; height: 32px; }
.checkout-form-blog .form-control:focus { border-color: #01AEEF; color: #01AEEF; box-shadow: 0 0 0 #01AEEF; }
.checkout-form-blog input[type="checkbox"] { width: auto; }
.checkout-form-blog .dt-form-info { display: none; }
@media (min-width: 768px) {
.checkout-form-blog .dt-form-info { display: block; } }
.checkout-form-blog .btn-send { padding: 0px 25px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; top: 0; float: right; text-decoration: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: lighter; color: #ffffff; background-color: #01AEEF; -webkit-box-shadow: 0 5px 0 #1f8fb9; box-shadow: 0 5px 0 #1f8fb9; position: relative; border-width: 0px; }
.checkout-form-blog .btn-send:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.checkout-form-blog .btn-send:hover p, .checkout-form-blog .btn-send:hover h1, .checkout-form-blog .btn-send:hover h2, .checkout-form-blog .btn-send:hover span, .checkout-form-blog .btn-send:hover i { color: #ffffff; }
.checkout-form-blog .btn-send:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.checkout-form-blog .btn-send:hover { background-color: #1b84ac; -webkit-box-shadow: 0 5px 0 #1a7294; box-shadow: 0 5px 0 #1a7294; }
.checkout-form-blog .btn-send:active { top: 2px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.order-review { border: 3px solid #01AEEF; border-radius: 3px; color: #bdc3c7; }
.order-review h3 { font-size: 20px; font-style: normal; border-bottom: 1px solid #bdc3c7; padding-bottom: 21px; }
.order-review .table { font-family: 'Open Sans'; font-style: normal; font-weight: 300; }
.order-review .table tr th { text-transform: uppercase; border-bottom-width: 0px; color: #2a2929; font-size: 16px; font-weight: 300; }
.order-review .table tr.cart-subtotal th, .order-review .table tr.shipping th { color: #bdc3c7; font-size: 14px; }
.order-review .table tr td { font-size: 14px; }
.order-review .payment_methods { list-style-type: none; padding: 0; font-family: 'Open Sans'; font-style: normal; font-size: 14px; color: #bdc3c7; }
.order-review .payment_methods li {
/*input[type=radio] {
display: none;
}*/
/*label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
border-radius: 8px;
margin: 10px 0 0 20px;
position: absolute;
left: 0;
bottombottom: 1px;
background-color: @white; border: 1px solid @abu;
box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0), 0px 1px 0px 0px rgba(255, 255, 255, 0);
}
input[type=radio]:checked + label:before {
//content: "\2022"; content: "\25CF";
color: @green;
font-size: 20px;
text-align: center;
line-height: 9px;
}*/ }
.order-review .payment_methods li label { width: 90%; font-weight: normal; color: #2a2929; /*padding-left: 30px;*/
cursor: pointer; }
.order-review .payment_methods li label img { float: right; }
.order-review .btn-send { width: 100%; float: none; margin-bottom: 20px; }
.view-cart-sidebar { color: #2a2929; }
.view-cart-sidebar h3 { font-family: "Open Sans"; font-size: 20px; font-weight: 300; text-transform: uppercase; color: #2a2929; border-bottom: 2px solid #bdc3c7; padding-top: 14px; padding-bottom: 14px; margin-bottom: 38px; }
.view-cart-sidebar .coupon_code { height: 32px; font-style: normal; font-size: 16px; }
.view-cart-sidebar .table { font-family: 'Open Sans'; font-style: normal; margin-bottom: 19px; }
.view-cart-sidebar .table thead > tr > th { text-align: left; font-family: "Open Sans"; font-size: 20px; font-weight: 300; text-transform: uppercase; color: #2a2929; padding-top: 6px; padding-bottom: 6px; }
.view-cart-sidebar .table tbody > tr.cart-subtotal > td { padding-top: 30px; }
.view-cart-sidebar .table tbody > tr > td { padding-top: 4px; padding-bottom: 4px; text-align: left; border-top: none; border-bottom: 1px solid #bdc3c7; font-size: 14px; font-weight: 300; }
.view-cart-sidebar .table tbody > tr > td .amount { color: #01AEEF; }
.view-cart-sidebar .table tbody > tr > td.text-center { text-align: center; }
.view-cart-sidebar .table tbody > tr > td.text-left { text-align: left; }
.view-cart-sidebar .table tbody > tr > td.text-right { text-align: right; }
.view-cart-sidebar .btn-send { width: 100%; float: none; line-height: 26px; box-shadow: 0 4px 0 #1f8fb9; margin-top: 17px; }
.view-cart-sidebar .btn-send:hover { -webkit-box-shadow: 0 4px 0 #1a7294; box-shadow: 0 4px 0 #1a7294; }
#shipping_address, .payment_box { display: none; }
#payment_box_cheque { display: block; }
.btn-checkout { padding: 0px 0px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; border: none; text-transform: uppercase; font-size: 16px; line-height: 26px; font-weight: 300; color: #ffffff; background-color: #01AEEF; box-shadow: 0 4px 0 #1f8fb9; display: block; width: 100%; margin: 26px 0 0; text-align: center; text-decoration: none; }
.btn-checkout:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.btn-checkout:hover p, .btn-checkout:hover h1, .btn-checkout:hover h2, .btn-checkout:hover span, .btn-checkout:hover i { color: #ffffff; }
.btn-checkout:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.btn-checkout:hover { background-color: #1b84ac; color: #f2f2f2; -webkit-box-shadow: 0 4px 0 #1a7294; box-shadow: 0 4px 0 #1a7294; }
.btn-checkout:active { top: 2px; color: #f2f2f2; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.btn-checkout:focus { /*background-color: darken(@brand-primary, 5%); color: darken(@white, 5%); .box-shadow(0 4px 0 darken(@brand-primary, 10%));*/
text-decoration: none; }
.btn-coupon { padding: 0px 0px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; border: none; text-transform: uppercase; font-size: 16px; line-height: 26px; font-weight: 300; color: #ffffff; background-color: #01AEEF; box-shadow: 0 4px 0 #1f8fb9; display: block; width: 100%; margin: 26px 0 0; text-align: center; text-decoration: none; }
.btn-coupon:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.btn-coupon:hover p, .btn-coupon:hover h1, .btn-coupon:hover h2, .btn-coupon:hover span, .btn-coupon:hover i { color: #ffffff; }
.btn-coupon:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.btn-coupon:hover { background-color: #1b84ac; color: #f2f2f2; -webkit-box-shadow: 0 4px 0 #1a7294; box-shadow: 0 4px 0 #1a7294; }
.btn-coupon:active { top: 2px; color: #f2f2f2; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.btn-coupon:focus { text-decoration: none; }
.btn-updatecart { padding: 0px 0px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; border: none; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 26px; font-weight: 300; color: #8c9899; background-color: #E3E9EB; box-shadow: 0 4px 0 #BDC3C7; display: block; width: 100%; margin: 15px 0; text-align: center; }
.btn-updatecart:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.btn-updatecart:hover p, .btn-updatecart:hover h1, .btn-updatecart:hover h2, .btn-updatecart:hover span, .btn-updatecart:hover i { color: #ffffff; }
.btn-updatecart:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.btn-updatecart:hover { color: #f2f2f2; background-color: #1b84ac; -webkit-box-shadow: 0 4px 0 #1a7294; box-shadow: 0 4px 0 #1a7294; }
.btn-updatecart:active { color: #f2f2f2; top: 2px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.btn-updatecart:focus { /*color: darken(@white, 5%); background-color: darken(@brand-primary, 5%); .box-shadow(0 4px 0 darken(@brand-primary, 10%));*/
text-decoration: none; }
.view-cart-table {
/* .dt-item-product-name { @media (max-width: @screen-tablet) { clear: both; }
}*/
}
.view-cart-table thead > tr > th { text-align: center; font-family: "Open Sans"; font-size: 20px; font-weight: 300; text-transform: uppercase; padding-top: 6px; padding-bottom: 6px; }
@media (max-width: 480px) {
.view-cart-table thead > tr > th { font-size: 14px; } }
.view-cart-table thead > tr > th.text-left { text-align: left; }
.view-cart-table thead > tr > th.text-right { text-align: right; }
.view-cart-table tbody > tr > td { text-align: center; border-top: none; border-bottom: 1px solid #95A5A6; vertical-align: middle; padding: 44px 0; }
@media (max-width: 480px) {
.view-cart-table tbody > tr > td { font-size: 14px; } }
.view-cart-table tbody > tr > td .img-responsive { display: inline; margin: 5px; }
.view-cart-table tbody > tr > td .amount { width: 100%; text-align: right; }
.view-cart-table tbody > tr > td.text-left { text-align: left; }
.view-cart-table tbody > tr > td.text-right { text-align: right; }
.view-cart-table a { color: #2a2929; }
.view-cart-table a:hover { color: #01AEEF; }
.view-cart-table .remove-item { color: #bdc3c7; font-size: 25px; }
.view-cart-table .dt-col-quantity ul { list-style: none; }
@media (max-width: 480px) {
.view-cart-table .dt-col-quantity ul li { max-width: 50px; } }
.view-cart-table .dt-col-total { color: #01AEEF; }
.view-cart-table .dt-col-item-product { text-align: left; }
@media (max-width: 980px) {
.view-cart-table .dt-col-item-product { text-align: center; } }
@media (max-width: 980px) {
.view-cart-table .dt-col-item-product a.dt-item-product-name, .view-cart-table .dt-col-item-product a.dt-item-product-image { clear: both; display: block; } }
.btn-plusquantity, .btn-minusquantity { padding: 0px 13px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; float: left; width: 41px; height: 40px; border: none; text-decoration: none; text-transform: uppercase; font-size: 30px; line-height: 30px; font-weight: 500; color: #8c9899; background-color: #E3E9EB; box-shadow: 0 5px 0 #BDC3C7; display: block; text-align: center; }
.btn-plusquantity:hover, .btn-minusquantity:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.btn-plusquantity:hover p, .btn-minusquantity:hover p, .btn-plusquantity:hover h1, .btn-minusquantity:hover h1, .btn-plusquantity:hover h2, .btn-minusquantity:hover h2, .btn-plusquantity:hover span, .btn-minusquantity:hover span, .btn-plusquantity:hover i, .btn-minusquantity:hover i { color: #ffffff; }
.btn-plusquantity:active, .btn-minusquantity:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.btn-plusquantity:hover, .btn-minusquantity:hover { color: #f2f2f2; background-color: #01AEEF; -webkit-box-shadow: 0 5px 0 #1a7294; box-shadow: 0 5px 0 #1a7294; }
.btn-plusquantity:active, .btn-minusquantity:active { color: #f2f2f2; top: 2px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.btn-plusquantity:focus, .btn-minusquantity:focus { text-decoration: none; }
@media (max-width: 600px) {
.btn-plusquantity { border-top-left-radius: 0px; border-top-right-radius: 0px; } }
@media (min-width: 600px) {
.btn-plusquantity { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } }
@media (max-width: 600px) {
.btn-minusquantity { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } }
@media (min-width: 600px) {
.btn-minusquantity { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } }
.input-quantity { float: left; width: 41px; height: 45px; padding: 0; border: none; text-decoration: none; text-transform: uppercase; font-size: 18px; font-weight: lighter; color: #2a2929; background-color: #BDC3C7; display: block; text-align: center; border-radius: 0px; }
.input-quantity:hover { color: #8c9899; background-color: #BDC3C7; box-shadow: 0 5px 0 #BDC3C7; }
.input-quantity:active { top: 0px; color: #8c9899; background-color: #BDC3C7; box-shadow: 0 5px 0 #BDC3C7; }
.input-quantity:focus { color: #8c9899; background-color: #BDC3C7; box-shadow: 0 5px 0 #BDC3C7; }
.sum, .captcha { width: 42px; text-align: center; display: inline; }
@media (max-width: 480px) {
#spambot { display: block; } }
/* owl carousel */
.owl-carousel-navigation { text-align: center; margin-top: 50px; }
.owl-carousel-navigation .prev, .owl-carousel-navigation .next { font-family: 'fontello'; }
.owl-carousel-navigation .prev:before { content: '\e9fa'; }
.owl-carousel-navigation .next:before { content: '\e9fb'; }
.owl-carousel-navigation .btn-owl { padding: 3px 17px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; margin: 0 3px; color: #8c9899; }
.owl-carousel-navigation .btn-owl:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.owl-carousel-navigation .btn-owl:hover p, .owl-carousel-navigation .btn-owl:hover h1, .owl-carousel-navigation .btn-owl:hover h2, .owl-carousel-navigation .btn-owl:hover span, .owl-carousel-navigation .btn-owl:hover i { color: #ffffff; }
.owl-carousel-navigation .btn-owl:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.detail-product-top-part .owl-carousel-navigation { margin-top: 38px; }
/* modal box */
.md-overlay { background: rgba(0, 0, 0, 0.8); }
a.md-trigger { cursor: pointer; }
.md-modal { max-width: 1200px; width: auto; }
.md-modal .md-close { padding: 0px 5px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; color: #8c9899; position: absolute; top: 10px; right: 10px; border: medium; }
.md-modal .md-close:hover { background-color: #00AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
.md-modal .md-close:hover p, .md-modal .md-close:hover h1, .md-modal .md-close:hover h2, .md-modal .md-close:hover span, .md-modal .md-close:hover i { }
.md-modal .md-close:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.md-modal .md-close:active { top: 12px; }
.md-modal .md-content { border: none; /*#fff solid 15px;*/
width: 90%; overflow: hidden; background-color: #01AEEF; box-shadow: 0px 0px 100px black; margin: 5%; }
.md-modal .md-content .md-description { text-align: center; line-height: 1.6em; }
.md-modal .md-content.form { font-size: 12px; padding: 25px; font-weight: normal; background: #fff; }
.md-modal .md-content.form h1 { color: #fff; padding-left: 60px; font-size: 24px; }
.md-modal .md-content.form .form-body { background: #18222c; }
.md-modal .md-content.form label { font-weight: normal; }
.md-modal .md-content.form .col-sm-8 { padding-right: 0px; }
.md-modal .md-content.form button.btn-submit { padding: 0px 5px; background-color: #01AEEF; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; color: #ffffff; position: relative; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; border: none; font-size: 14px; margin-top: 10px; }
.md-modal .md-content.form button.btn-submit p, .md-modal .md-content.form button.btn-submit h1, .md-modal .md-content.form button.btn-submit h2, .md-modal .md-content.form button.btn-submit span, .md-modal .md-content.form button.btn-submit i { color: #ffffff; }
.md-modal .md-content.form button.btn-submit:hover { background-color: #18af91; -webkit-box-shadow: 0 4px 0 #14947b; box-shadow: 0 4px 0 #14947b; text-decoration: none; }
.md-modal .md-content.form button.btn-submit:hover p, .md-modal .md-content.form button.btn-submit:hover h1, .md-modal .md-content.form button.btn-submit:hover h2, .md-modal .md-content.form button.btn-submit:hover span, .md-modal .md-content.form button.btn-submit:hover i { color: #ffffff; }
.md-modal .md-content.form button.btn-submit:active { top: 3px!important; -webkit-box-shadow: none; box-shadow: none; }
.md-modal .md-content.form input.form-control { height: 32px; }
.md-modal .md-content.form label input[type="radio"], .md-modal .md-content.form label input[type="checkbox"] { margin-top: 8px; }
.md-modal .md-content.form .md-close { cursor: pointer; color: #466381; position: absolute; top: 20px; right: 20px; border: medium; box-shadow: none; padding-left: 1px; padding-top: 0px; background: none; text-align: center; vertical-align: middle; line-height: 1.4; }
.md-modal .md-content.form .md-close i:before { border: 1px solid #466381; border-radius: 50%; padding: 4px 10px; text-indent: -5px; }
/* recent blog post */
#recent-blog-post .owl-slide { margin: 0 20px; background: #ecf0f1; text-align: center; overflow: hidden; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box; }
@media (max-width: 768px) {
#recent-blog-post .owl-slide { max-width: 320px; position: relative; margin: 0 auto; } }
@media (max-width: 320px) {
#recent-blog-post .owl-slide { max-width: 240px; position: relative; margin: 0 auto; } }
#recent-blog-post .owl-slide .top-image img { width: 100%; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box; }
#recent-blog-post figure img { -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -ms-transition: -ms-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s; }
#recent-blog-post figure:hover img, #recent-blog-post figure.cs-hover img { -webkit-transform: translateY(-170%); -moz-transform: translateY(-170%); -ms-transform: translateY(-170%); -o-transform: translateY(-170%); transform: translateY(-170%); }
#recent-blog-post figcaption { width: 100%; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; -ms-transition: -ms-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; }
#recent-blog-post figure:hover .thumb-image, #recent-blog-post figure.cs-hover .thumb-image { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -ms-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
@media (min-width: 768px) and (max-width: 992px) {
#recent-blog-post figure:hover .thumb-image, #recent-blog-post figure.cs-hover .thumb-image { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@media (max-width: 768px) {
#recent-blog-post figure:hover .thumb-image, #recent-blog-post figure.cs-hover .thumb-image { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@media (max-width: 320px) {
#recent-blog-post figure:hover .thumb-image, #recent-blog-post figure.cs-hover .thumb-image { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } }
#recent-blog-post figure:hover figcaption, #recent-blog-post figure.cs-hover figcaption { -webkit-transform: translateY(-140px); -moz-transform: translateY(-140px); -ms-transform: translateY(-140px); -o-transform: translateY(-140px); transform: translateY(-140px); -webkit-transition: -webkit-transform 1.2s; -moz-transition: -moz-transform 1.2s; -o-transition: -o-transform 1.2s; -ms-transition: -ms-transform 1.2s; transition: transform 1.2s; }
@media (max-width: 320px) {
#recent-blog-post figure:hover figcaption, #recent-blog-post figure.cs-hover figcaption { -webkit-transform: translateY(-120px); -moz-transform: translateY(-120px); -ms-transform: translateY(-120px); -o-transform: translateY(-120px); transform: translateY(-120px); } }
#recent-blog-post .thumb-image { text-align: center; display: none; opacity: 0; }
#recent-blog-post .thumb-image img { height: 80px; margin-top: -40px; border: 5px solid #fff; -webkit-border-radius: 40px; border-radius: 40px; background-clip: padding-box; }
#recent-blog-post .description { height: 150px; padding: 15px; margin-top: -12px; -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -ms-transition: -ms-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s; }
#recent-blog-post .description p { font-size: 14px; color: #a4a8a9; }
#recent-blog-post .description h4 { line-height: 1.7; font-size: 16px; margin-bottom: 0px; }
#recent-blog-post .description a.post-title { line-height: 1.7; font-size: 16px; display: block; margin-top: 16px; color: #2a2929; }
.mini-panel { padding: 0px; }
.mini-panel > div { background-color: #bdc3c7; font-size: 12px; padding: 9px 5px; text-align: center; color: #fff; font-weight: 300; -webkit-transform: translate3d(0, 0, 0); }
.mini-panel > div i { margin-right: 5px; }
.mini-panel > div:nth-child(2) { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; position: relative; z-index: 10; }
.mini-panel > div:first-child { -webkit-border-radius: 0 0 0 3px; border-radius: 0 0 0 3px; background-clip: padding-box; }
.mini-panel > div:last-child { -webkit-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; background-clip: padding-box; }
/* blog masonry post */
.blog-masonry-container { padding-bottom: 0px; }
.blog-masonry hr { margin-top: 20px; color: #ecf0f1; }
#blog-masonry .masonry-item { margin: 20px 0px; background: #ecf0f1; text-align: center; overflow: hidden; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box; }
@media (max-width: 768px) {
#blog-masonry .masonry-item { max-width: 480px; position: relative; } }
@media (max-width: 320px) {
#blog-masonry .masonry-item { /* max-width:240px; */
position: relative; } }
#blog-masonry .masonry-item .top-image img { width: 100%; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-clip: padding-box; }
#blog-masonry figure img { -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -ms-transition: -ms-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s; }
#blog-masonry figure:hover img, #blog-masonry figure.cs-hover img { -webkit-transform: translateY(-170%); -moz-transform: translateY(-170%); -ms-transform: translateY(-170%); -o-transform: translateY(-170%); transform: translateY(-170%); }
#blog-masonry figcaption { width: 100%; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; -ms-transition: -ms-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; }
#blog-masonry figure:hover .thumb-image, #blog-masonry figure.cs-hover .thumb-image { -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -ms-transition: -ms-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
@media (min-width: 768px) and (max-width: 992px) {
#blog-masonry figure:hover .thumb-image, #blog-masonry figure.cs-hover .thumb-image { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@media (max-width: 768px) {
#blog-masonry figure:hover .thumb-image, #blog-masonry figure.cs-hover .thumb-image { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@media (max-width: 320px) {
#blog-masonry figure:hover .thumb-image, #blog-masonry figure.cs-hover .thumb-image { -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } }
#blog-masonry figure:hover figcaption, #blog-masonry figure.cs-hover figcaption { -webkit-transform: translateY(-140px); -moz-transform: translateY(-140px); -ms-transform: translateY(-140px); -o-transform: translateY(-140px); transform: translateY(-140px); -webkit-transition: -webkit-transform 1.2s; -moz-transition: -moz-transform 1.2s; -o-transition: -o-transform 1.2s; -ms-transition: -ms-transform 1.2s; transition: transform 1.2s; }
@media (max-width: 320px) {
#blog-masonry figure:hover figcaption, #blog-masonry figure.cs-hover figcaption { -webkit-transform: translateY(-120px); -moz-transform: translateY(-120px); -ms-transform: translateY(-120px); -o-transform: translateY(-120px); transform: translateY(-120px); } }
#blog-masonry .thumb-image { text-align: center; }
#blog-masonry .thumb-image img { height: 80px; margin-top: -40px; border: 5px solid #fff; -webkit-border-radius: 40px; border-radius: 40px; background-clip: padding-box; }
#blog-masonry .description { height: 150px; padding: 15px; margin-top: -12px; -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -ms-transition: -ms-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s; }
#blog-masonry .description p { font-size: 14px; color: #a4a8a9; }
#blog-masonry .description h4 { line-height: 1.7; font-size: 16px; margin-bottom: 0px; }
#blog-masonry .description a.post-title { line-height: 1.7; font-size: 16px; display: block; margin-top: 16px; color: #2a2929; }
/* featured work */
#featured-work-navbar, #featured-navbar { margin: 0px 20px; box-shadow: none; border: #ccc solid 1px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
@media (min-width: 768px) {
#featured-work-navbar, #featured-navbar { border: none; } }
#featured-filter { text-align: center; font-size: 12px; }
#featured-filter a { text-decoration: none; color: #333; font-weight: 400; background: none; line-height: 1.4; padding: 10px 20px; }
#featured-filter a.active, #featured-filter a:hover { color: #fff; }
#featured-filter li { margin: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; border: 1px solid #bdc3c7; }
#featured-filter li.active, #featured-filter li:hover { background-color: #00aeef; border: 1px solid #00aeef; }
.featured-work-2 .navbar-default { background-color: transparent; }
.featured-work-2 .nav-slide { font-family: 'fontello'; position: absolute; bottom: 40px; left: 50%; }
.featured-work-2 .nav-slide a { margin: 0 -46px; }
.featured-work-2 .nav-slide a.btn { padding: 2px 9px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; color: #8c9899; }
.featured-work-2 .nav-slide a.btn:hover { background-color: #00aeef; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #04a3de; box-shadow: 0 4px 0 #04a3de; }
.featured-work-2 .nav-slide a.btn:hover p, .featured-work-2 .nav-slide a.btn:hover h1, .featured-work-2 .nav-slide a.btn:hover h2, .featured-work-2 .nav-slide a.btn:hover span, .featured-work-2 .nav-slide a.btn:hover i { color: #ffffff; }
.featured-work-2 .nav-slide a.btn:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
.featured-work-2 #featured-work-2 { padding: 0 50px; }
@media (max-width: 767px) {
.featured-work-2 #featured-work-2 { padding: 0 20px; } }
.featured-work-2 .featured-item { max-width: 373px; left: 0 !important; }
.featured-work-2 .top-image { position: relative; }
.featured-work-2 .top-image img { height: auto; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
.featured-work-2 .top-image, .featured-work-2 .description { position: relative; }
.featured-work-2 h4 { line-height: 1.7; font-weight: 300; color: #ffffff; }
.featured-work-2 p { font-size: 13px; }
.featured-work-2 .description { background: rgba(0, 174, 239, 0.7); opacity: 1; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
.featured-work-2 .featured-item { overflow: hidden; text-align: center; margin: 20px 0px; }
.featured-work-2 .slide-content { padding: 40px 40px; color: #fff; }
@media (min-width: 1024px) and (max-width: 1200px) {
.featured-work-2 .slide-content { padding: 1px 10px; } }
@media (min-width: 480px) and (max-width: 1023px) {
.featured-work-2 .slide-content { padding: 30px 10px; } }
@media (max-width: 480px) {
.featured-work-2 .slide-content { padding: 10px; } }
@media (max-width: 319px) {
.featured-work-2 .slide-content { padding-top: 30px; } }
@media (min-width: 480px) and (max-width: 1023px) {
.featured-work-2 .slide-content p { display: none; } }
@media (max-width: 319px) {
.featured-work-2 .slide-content p { display: none; } }
#featured-work .nav-slide { font-family: 'fontello'; position: absolute; bottom: 40px; left: 50%; }
#featured-work .nav-slide a { margin: 0 -46px; }
#featured-work .nav-slide a.btn { padding: 2px 9px; -webkit-box-shadow: 0 4px 0 #bdc3c7; box-shadow: 0 4px 0 #bdc3c7; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; background-color: #e3e9eb; position: relative; top: 0; color: #8c9899; }
#featured-work .nav-slide a.btn:hover { background-color: #01AEEF; text-decoration: none; color: #ffffff; -webkit-box-shadow: 0 4px 0 #1b84ac; box-shadow: 0 4px 0 #1b84ac; }
#featured-work .nav-slide a.btn:hover p, #featured-work .nav-slide a.btn:hover h1, #featured-work .nav-slide a.btn:hover h2, #featured-work .nav-slide a.btn:hover span, #featured-work .nav-slide a.btn:hover i { color: #ffffff; }
#featured-work .nav-slide a.btn:active { top: 3px; -webkit-box-shadow: 0 0 0 #1b84ac; box-shadow: 0 0 0 #1b84ac; }
#featured-work .top-image { position: relative; }
#featured-work .top-image img { height: auto; width: 100%; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
#featured-work .top-image, #featured-work .description { position: relative; }
#featured-work h4 { line-height: 1.7; font-weight: 300; }
#featured-work .description { background: rgba(26, 188, 156, 0.6); opacity: 1; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; }
#featured-work .owl-slide { overflow: hidden; text-align: center; margin-left: 20px; margin-right: 20px; }
@media (min-width: 1024px) and (max-width: 1200px) {
#featured-work .owl-slide { max-width: 300px; margin: 40px auto; } }
@media (min-width: 992px) and (max-width: 1023px) {
#featured-work .owl-slide { max-width: 373px; margin: 40px auto; position: relative; } }
@media (max-width: 600px) {
#featured-work .owl-slide { max-width: 320px; position: relative; margin: 40px auto; } }
@media (max-width: 320px) {
#featured-work .owl-slide { max-width: 260px; position: relative; margin: 0px auto; } }
#featured-work .slide-content { padding: 40px 40px; color: #fff; }
#featured-work .slide-content h4 { color: #ffffff; }
@media (min-width: 1024px) and (max-width: 1200px) {
#featured-work .slide-content { margin: 0px auto; padding: 1px 10px; } }
@media (max-width: 480px) {
#featured-work .slide-content { margin: 0px auto; padding: 1px 5px; } }
/* Recent Post */
#recent-post { text-align: left; line-height: 1.4em; }
#recent-post img { width: 53px; height: auto; display: inline-block; float: left; margin: 0px 15px; }
#recent-post a { text-decoration: none; }
#recent-post p { padding-left: 15px; margin: 0px; }
#recent-post p a.post-title { color: #fff; font-weight: 300; }
#recent-post a.author, #recent-post date, #recent-post .date { font-size: 75%; line-height: 1.4em; }
#recent-post date, #recent-post .date { color: #908d8d; font-family: 'lora'; font-style: italic; }
#recent-post hr { clear: both; }
#recent-post hr:after { width: 0px; }
#recent-post .owl-slide { padding-right: 10px; }
#recent-post .owl-item { overflow: hidden; }
#recent-post .owl-controls .owl-page { float: left; margin: 0 0px; color: #fff; }
#recent-post .owl-controls .owl-page span { width: 6px; height: 6px; margin: 5px 2px; border-radius: 10px; background: #fff; color: #fff; opacity: 1; }
#recent-post .owl-controls .owl-page span:hover { background-color: #01AEEF; }
#recent-post .owl-controls .owl-page.active span { background-color: #01AEEF; }
/* profile team */
.profile_team .profile { margin-bottom: 40px; -webkit-perspective: 1700px; -moz-perspective: 1700px; -o-perspective: 1700px; -ms-perspective: 1700px; perspective: 1700px; -webkit-perspective-origin: 0 50%; -moz-perspective-origin: 0 50%; -o-perspective-origin: 0 50%; -ms-perspective-origin: 0 50%; perspective-origin: 0 50%; }
@media (max-width: 767px) {
.profile_team .profile { max-width: 320px; position: relative; margin: 40px auto; } }
@media (max-width: 319px) {
.profile_team .profile { width: 300px; margin: 40px auto; } }
.profile_team .profile h3 { margin-top: 0px; }
.profile_team .profile ul.profile-scocial { position: absolute; bottom: 10px; padding-left: 0px; }
.profile_team .profile ul.profile-scocial li { display: inline-block; padding-right: 5px; }
@media (max-width: 768px) {
.profile_team .profile ul.profile-scocial li { padding-right: 0px; } }
.profile_team .profile ul.profile-scocial li a { color: #34495e; }
.profile_team .profile ul.profile-scocial li a:hover { color: #00aeef; text-decoration: none; }
.profile_team .profile p { font-size: 14px; margin-top: 20px; }
@media (max-width: 991px) {
.profile_team .profile p { display: none; } }
.profile_team .profile .profile-heading { font-size: 26px; }
.profile_team .profile .profile-heading, .profile_team .profile p { color: #fff; }
.profile_team .profile .profile-subheading { color: #00aeef; font-family: 'lora'; font-style: italic; margin-top: 40px; }
@media (max-width: 768px) {
.profile_team .profile .profile-subheading { margin-top: 20px; } }
.profile_team .profile figure { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
.profile_team .profile figure > div { overflow: hidden; }
.profile_team .profile figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; -ms-transition: -ms-transform 0.4s; -o-transition: -o-transform 0.4s; transition: transform 0.4s; }
.profile_team .profile figure:hover img, .profile_team .profile figure.cs-hover img { -webkit-transform: translateX(25%); -moz-transform: translateX(25%); -ms-transform: translateX(25%); -o-transform: translateX(25%); transform: translateX(25%); }
.profile_team .profile figcaption { height: 100%; width: 50%; opacity: 0; background-color: #17222d; position: absolute; padding: 0 15px; top: 0; left: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s; -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; }
.profile_team .profile .figcap { position: absolute; top: 50%; left: 95%; width: 15px; height: 15px; background-color: inherit; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.profile_team .profile figcaption::before { content: ''; display: inline-block; /*width: 15px; height: 15px;*/
background-color: inherit; }
@media (min-width: 992px) and (max-width: 1200px) { }
@media (min-width: 768px) and (max-width: 992px) { }
@media (max-width: 768px) { }
@media (max-width: 320px) { }
@media (max-width: 319px) { }
.profile_team .profile figure:hover figcaption, .profile_team .profile figure.cs-hover figcaption { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; -mos-transition: -mos-transform 0.4s, opacity 0.1s; -o-transition: -o-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; }
/* client testimonial */
.client-testimoni { margin-bottom: 80px; color: #999999; }
.client-testimoni #client-testimonial { margin-top: -50px !important; }
.client-testimoni blockquote { border: none; margin-left: 60px; margin-bottom: 0px; }
@media (max-width: 480px) {
.client-testimoni blockquote { margin: 0; padding: 20px 0; } }
.client-testimoni blockquote p { font-size: 16px; line-height: 2; }
.client-testimoni blockquote:before { content: '\201C'; font-size: 170px; font-family: lora; font-style: italic; position: relative; color: #f6f7f7; line-height: 0.5; padding: 0px !important; float: left; top: 60px !important; height: 0; width: 0; pointer-events: none; margin-left: -100px; }
.client-testimoni .client-say { border-bottom: solid 1px #ddd; padding: 3px 15px; display: inline-block; position: relative; margin-bottom: 30px !important; color: #999999; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.client-testimoni .client-say:after, .client-testimoni .client-say:before { top: 100%; left: 50px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
@media (max-width: 767px) {
.client-testimoni .client-say:after, .client-testimoni .client-say:before { left: 50%; } }
.client-testimoni .client-say:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 10px; margin-left: -10px; }
.client-testimoni .client-say:before { border-color: rgba(255, 255, 255, 0); border-top-color: #ddd; border-width: 11px; margin-left: -11px; }
.client-testimoni .client-avatar { width: 100px; float: left; }
.client-testimoni .client-avatar img { width: 100px; height: auto; }
.client-testimoni .client-profile { display: inline; left: 50px; top: -15px; position: relative; float: left; max-width: 75%; min-height: 120px; font-size: 14px; font-weight: 300; }
.client-testimoni .client-profile h4 { color: #01AEEF; font-size: 20px; font-weight: 400; text-transform: none; }
@media (max-width: 767px) {
.client-testimoni .client-profile { max-width: 50%; } }
.client-testimoni .date { float: right; top: -15px; font-size: 14px; font-weight: 300; display: inline; position: relative; }
@media (max-width: 767px) {
.client-testimoni .date { display: none; } }
/* company logos */
.client-logos .testimoni img { margin: 0 auto; text-align: center; }
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; transform: translate(0, 0) scale(1); }
.isotope .isotope-item.more-post { -webkit-transition: opacity 0.8s 0.5s; -moz-transition: opacity 0.8s 0.5s; -o-transition: opacity 0.8s 0.5s; -ms-transition: opacity 0.8s 0.5s; transition: opacity 0.8s 0.5s; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0; -moz-transition-duration: 0; -ms-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; display: none; }
/* squence spinner */
.home-2 .sequence-preloader, .home-3 .sequence-preloader, .home-4 .sequence-preloader { background-color: transparent; }
/*.home .sequence-preloader { background-color: #000; }
*/
.spinner-css { margin: -50px 0 0 -50px; height: 100px; width: 100px; top: 50%; left: 50%; position: absolute; border-radius: 999px; -webkit-border-radius: 999px; -moz-border-radius: 999px; }
.spinner-css:after { content: ""; position: absolute; width: 96px; height: 96px; left: 0px; top: 0px; margin: 2px; background: #000000; opacity: 1; border-radius: 999px; -webkit-border-radius: 999px; -moz-border-radius: 999px; }
.home-2 .spinner-css:after, .home-3 .spinner-css:after, .home-4 .spinner-css:after { background-color: #fff; }
.spinner-css .side { height: 100px; width: 50px; position: absolute; overflow: hidden; top: 0; }
.spinner-css .side > .fill { position: absolute; width: 50px; height: 100px; background: #01AEEF; border-radius: 999px; -webkit-border-radius: 999px; -moz-border-radius: 999px; animation: cssSpinnerRight 2s infinite linear; -webkit-animation: cssSpinnerRight 2s infinite linear; -moz-animation: cssSpinnerRight 2s infinite linear; -o-animation: cssSpinnerRight 2s infinite linear; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.spinner-css .side.sp_right { left: 50px; border-radius: 0px 999px 999px 0px; -webkit-border-radius: 0px 999px 999px 0px; -moz-border-radius: 0px 999px 999px 0px; }
.home-2 .spinner-css .side.sp_right > .fill, .home-3 .spinner-css .side.sp_right > .fill, .home-4 .spinner-css .side.sp_right > .fill { border-color: #fff; }
.spinner-css .side.sp_right > .fill { right: 0; border-right: 50px solid #000000; }
.spinner-css .side.sp_left { left: 0; border-radius: 999px 0px 0px 999px; -webkit-border-radius: 999px 0px 0px 999px; -moz-border-radius: 999px 0px 0px 999px; }
.home-2 .spinner-css .side.sp_left > .fill, .home-3 .spinner-css .side.sp_left > .fill, .home-4 .spinner-css .side.sp_left > .fill { border-color: #fff; }
.spinner-css .side.sp_left > .fill { left: 0; border-left: 50px solid #000000; animation: cssSpinnerLeft 2s infinite linear; -webkit-animation: cssSpinnerLeft 2s infinite linear; -moz-animation: cssSpinnerLeft 2s infinite linear; -o-animation: cssSpinnerLeft 2s infinite linear; }
@-webkit-keyframes cssSpinnerRight { 0% { -webkit-transform: rotate(0deg); }
20% { -webkit-transform: rotate(90deg); }
25% { -webkit-transform: rotate(180deg); }
50% { -webkit-transform: rotate(180deg); }
70% { -webkit-transform: rotate(270deg); }
75% { -webkit-transform: rotate(360deg); }
100% { -webkit-transform: rotate(360deg); } }
@-webkit-keyframes cssSpinnerLeft { 0% { -webkit-transform: rotate(0deg); }
25% { -webkit-transform: rotate(0deg); }
35% { -webkit-transform: rotate(90deg); }
50% { -webkit-transform: rotate(180deg); }
75% { -webkit-transform: rotate(180deg); }
80% { -webkit-transform: rotate(270deg); }
100% { -webkit-transform: rotate(360deg); } }
@-moz-keyframes cssSpinnerRight { 0% { -moz-transform: rotate(0deg); }
20% { -moz-transform: rotate(90deg); }
25% { -moz-transform: rotate(180deg); }
50% { -moz-transform: rotate(180deg); }
70% { -moz-transform: rotate(270deg); }
75% { -moz-transform: rotate(360deg); }
100% { -moz-transform: rotate(360deg); } }
@-moz-keyframes cssSpinnerLeft { 0% { -moz-transform: rotate(0deg); }
25% { -moz-transform: rotate(0deg); }
35% { -moz-transform: rotate(90deg); }
50% { -moz-transform: rotate(180deg); }
75% { -moz-transform: rotate(180deg); }
80% { -moz-transform: rotate(270deg); }
100% { -moz-transform: rotate(360deg); } }
@-o-keyframes cssSpinnerRight { 0% { -o-transform: rotate(0deg); }
20% { -o-transform: rotate(90deg); }
25% { -o-transform: rotate(180deg); }
50% { -o-transform: rotate(180deg); }
70% { -o-transform: rotate(270deg); }
75% { -o-transform: rotate(360deg); }
100% { -o-transform: rotate(360deg); } }
@-o-keyframes cssSpinnerLeft { 0% { -o-transform: rotate(0deg); }
25% { -o-transform: rotate(0deg); }
35% { -o-transform: rotate(90deg); }
50% { -o-transform: rotate(180deg); }
75% { -o-transform: rotate(180deg); }
80% { -o-transform: rotate(270deg); }
100% { -o-transform: rotate(360deg); } }
@keyframes cssSpinnerRight { 0% { transform: rotate(0deg); }
20% { transform: rotate(90deg); }
25% { transform: rotate(180deg); }
50% { transform: rotate(180deg); }
70% { transform: rotate(270deg); }
75% { transform: rotate(360deg); }
100% { transform: rotate(360deg); } }
@keyframes cssSpinnerLeft { 0% { transform: rotate(0deg); }
25% { transform: rotate(0deg); }
35% { transform: rotate(90deg); }
50% { transform: rotate(180deg); }
75% { transform: rotate(180deg); }
80% { transform: rotate(270deg); }
100% { transform: rotate(360deg); } }
[class*='uk-animation-'] { -webkit-animation-duration: 0.9s; animation-duration: 0.9s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
/* Hide animated element if scrollspy is used */
[data-uk-scrollspy*='uk-animation-'] { opacity: 0; }
/*
* Fade
*/
.uk-animation-fade { -webkit-animation-name: uk-fade; animation-name: uk-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear; animation-timing-function: linear; }
@media (max-width: 480px) {
.uk-animation-fade { -webkit-animation-name: none; animation-name: none; opacity: 1; } }
/*
* Scale
*/
.uk-animation-scale-up { -webkit-animation-name: uk-scale-up; animation-name: uk-scale-up; }
@media (max-width: 480px) {
.uk-animation-scale-up { -webkit-animation-name: none; animation-name: none; opacity: 1; } }
.uk-animation-scale-down { -webkit-animation-name: uk-scale-down; animation-name: uk-scale-down; }
@media (max-width: 480px) {
.uk-animation-scale-down { -webkit-animation-name: none; animation-name: none; opacity: 1; } }
/*
* Slide
*/
.uk-animation-slide-top { -webkit-animation-name: uk-slide-top; animation-name: uk-slide-top; }
@media (max-width: 480px) {
.uk-animation-slide-top { -webkit-animation-name: none; animation-name: none; opacity: 1; } }
.uk-animation-slide-bottom { -webkit-animation-name: uk-slide-bottom; animation-name: uk-slide-bottom; }
@media (max-width: 480px) {
.uk-animation-slide-bottom { -webkit-animation-name: none; animation-name: none; opacity: 1; } }
.uk-animation-slide-left { -webkit-animation-name: uk-slide-left; animation-name: uk-slide-left; }
@media (max-width: 480px) {
.uk-animation-slide-left { -webkit-animation-name: none; animation-name: none; opacity: 1; } }
.uk-animation-slide-right { -webkit-animation-name: uk-slide-right; animation-name: uk-slide-right; }
@media (max-width: 480px) {
.uk-animation-slide-right { -webkit-animation-name: none; animation-name: none; opacity: 1; } }
/*
* Shake
*/
.uk-animation-shake { -webkit-animation-name: uk-shake; animation-name: uk-shake; }
@media (max-width: 480px) {
.uk-animation-shake { -webkit-animation-name: none; animation-name: none; opacity: 1; } }
/* Modifiers
========================================================================== */
.uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; }
@media (max-width: 480px) {
.uk-animation-reverse { -webkit-animation-name: none; animation-name: none; opacity: 1; } }
/* Keyframes
========================================================================== */
/*
* Fade
*/
@-webkit-keyframes uk-fade { 0% { opacity: 0; }
100% { opacity: 1; } }
@keyframes uk-fade { 0% { opacity: 0; }
100% { opacity: 1; } }
/*
* Scale up
*/
@-webkit-keyframes uk-scale-up { 0% { opacity: 0; -webkit-transform: scale(0.2); }
100% { opacity: 1; -webkit-transform: scale(1); } }
@keyframes uk-scale-up { 0% { opacity: 0; transform: scale(0.2); }
100% { opacity: 1; transform: scale(1); } }
/*
* Scale down
*/
@-webkit-keyframes uk-scale-down { 0% { opacity: 0; -webkit-transform: scale(1.8); }
100% { opacity: 1; -webkit-transform: scale(1); } }
@keyframes uk-scale-down { 0% { opacity: 0; transform: scale(1.8); }
100% { opacity: 1; transform: scale(1); } }
/*
* Slide top
*/
@-webkit-keyframes uk-slide-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); }
100% { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes uk-slide-top { 0% { opacity: 0; transform: translateY(-100%); }
100% { opacity: 1; transform: translateY(0); } }
/*
* Slide bottom
*/
@-webkit-keyframes uk-slide-bottom { 0% { opacity: 0; -webkit-transform: translateY(100%); }
100% { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes uk-slide-bottom { 0% { opacity: 0; transform: translateY(100%); }
100% { opacity: 1; transform: translateY(0); } }
/*
* Slide left
*/
@-webkit-keyframes uk-slide-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); }
100% { opacity: 1; -webkit-transform: translateX(0); } }
@keyframes uk-slide-left { 0% { opacity: 0; transform: translateX(-100%); }
100% { opacity: 1; transform: translateX(0); } }
/*
* Slide right
*/
@-webkit-keyframes uk-slide-right { 0% { opacity: 0; -webkit-transform: translateX(100%); }
100% { opacity: 1; -webkit-transform: translateX(0); } }
@keyframes uk-slide-right { 0% { opacity: 0; transform: translateX(100%); }
100% { opacity: 1; transform: translateX(0); } }
/*
* Shake
*/
@-webkit-keyframes uk-shake { 0%, 100% { -webkit-transform: translateX(0); }
10% { -webkit-transform: translateX(-9px); }
20% { -webkit-transform: translateX(8px); }
30% { -webkit-transform: translateX(-7px); }
40% { -webkit-transform: translateX(6px); }
50% { -webkit-transform: translateX(-5px); }
60% { -webkit-transform: translateX(4px); }
70% { -webkit-transform: translateX(-3px); }
80% { -webkit-transform: translateX(2px); }
90% { -webkit-transform: translateX(-1px); } }
@keyframes uk-shake { 0%, 100% { transform: translateX(0); }
10% { transform: translateX(-9px); }
20% { transform: translateX(8px); }
30% { transform: translateX(-7px); }
40% { transform: translateX(6px); }
50% { transform: translateX(-5px); }
60% { transform: translateX(4px); }
70% { transform: translateX(-3px); }
80% { transform: translateX(2px); }
90% { transform: translateX(-1px); } }
/*
* Slide top fixed
*/
@-webkit-keyframes uk-slide-top-fixed { 0% { opacity: 0; -webkit-transform: translateY(-10px); }
100% { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes uk-slide-top-fixed { 0% { opacity: 0; transform: translateY(-10px); }
100% { opacity: 1; transform: translateY(0); } }
/*
* Slide bottom fixed
*/
@-webkit-keyframes uk-slide-bottom-fixed { 0% { opacity: 0; -webkit-transform: translateY(10px); }
100% { opacity: 1; -webkit-transform: translateY(0); } }
@keyframes uk-slide-bottom-fixed { 0% { opacity: 0; transform: translateY(10px); }
100% { opacity: 1; transform: translateY(0); } }
/*
* Spin
*/
@-webkit-keyframes uk-spin { 0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); } }
@keyframes uk-spin { 0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); } }
@media (max-width: 768px) {
#mynavbar .nav > li > a { padding:10px 12px;}
#mynavbar .nav > li { display:inline-block;}
}
@media (max-width: 1196px) {
.map-image-area .map { height:auto;}
.map-image-area .map section { margin-bottom:40px;}
.map-image-area .map .map-info { position: relative;}
.map-image-area .map .map-info .icon-container { clear: both;
display: block;
margin-bottom: 15px;}
.address, .phone, .email { line-height:normal; margin-bottom:30px; text-align:center;}
}
@media (max-width: 675px) { .mainbanner .slide-title { top:10%;} .mainbanner .slide-title br { display:none;}}
@media (max-width: 320px) { .mainbanner { height:150px !important; background-size:100% 100%; padding:10px 0;} }
/*
FILE ARCHIVED ON 00:24:02 Jan 24, 2019 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 06:14:13 Dec 23, 2021.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
exclusion.robots: 0.306
RedisCDXSource: 2.027
captures_list: 188.983
CDXLines.iter: 29.023 (3)
LoadShardBlock: 152.237 (3)
exclusion.robots.policy: 0.293
PetaboxLoader3.resolve: 109.333 (2)
esindex: 0.015
PetaboxLoader3.datanode: 175.437 (5)
load_resource: 196.666 (2)
*/