/* Magnific Popup CSS */ .mfp-container * { transition-timing-function: none; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #fff; opacity:1; } .mfp-black-bg { background:rgba(0,0,0,.7) } .mfp-white-bg { background:rgba(255,255,255,.96) } .overflow-hidden .mfp-content {height:100%} .overflow-hidden .mfp-iframe-holder .mfp-content {height: auto} #search-header .mfp-close { background-color:transparent !important; color:#484848 !important; font-size: 25px !important; height: 60px; width: 60px;} .search-popup {cursor:default !important} .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-container figure:hover img{ transform: none; opacity: 1; } .popup-gallery img, .lightbox-gallery img, .image-popup-no-margins img, .image-popup-vertical-fit img { cursor:url("../../../themes/h-code/assets/images/icon-zoom.png"), pointer; } .portfolio-nav .mfp-close { position: inherit; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .search-popup { position:initial; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close, .mfp-image-holder, .mfp-iframe-holder, .mfp-close-btn-in, .mfp-content { cursor:url("../../../themes/h-code/assets/images/icon-zoom-out.png"), pointer; } #popup-form { cursor:default; } .zoom-gallery img { cursor:url("../../../themes/h-code/assets/images/icon-zoom2.png"), pointer; } .product-zoom-gallery img { cursor:url("../../../themes/h-code/assets/images/icon-zoom2.png"), pointer; } zoom-in .mfp-zoom{ cursor:url("../../../themes/h-code/assets/images/icon-zoom.png"), pointer; } .mfp-auto-cursor .mfp-content { cursor:url("../../../themes/h-code/assets/images/icon-zoom-out.png"), pointer; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0 0 3px; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 34px; height: 34px; line-height: 34px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 18px 10px; font-style: normal; background-color: #000 !important; color: #fff !important; font-size:16px; } .mfp-iframe-holder .mfp-close, .mfp-ajax-holder .mfp-close { display:none !important } .mfp-figure .mfp-close { display: none} .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { margin-top: 4px; color: #000000; font-size: 22px; height: 26px; line-height: 14px; padding-bottom: 4px; padding-right: 0; right: 0; top: 0; width: 26px;} .mfp-counter { position: absolute; top: -13px; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; display: none; } .mfp-arrow { position: absolute; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #000; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #000; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin: 0 auto; cursor: default; cursor: pointer; padding: 30px 0; background:#fff; } /* The shadow behind the image */ .mfp-figure { line-height: 0;} .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; padding-bottom: 30px; } .mfp-title { color: #000; text-align: center; text-transform: uppercase; word-wrap: break-word; font-weight: 600;} .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 0; padding-right: 0; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .mfp-figure { -webkit-animation-name: fadeIn;-moz-animation-name: fadeIn;-o-animation-name: fadeIn;animation-name: fadeIn;-webkit-animation-duration: .4s;-moz-animation-duration: .4s;-ms-animation-duration: .4s;-o-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-backface-visibility: hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;} /** * Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1;-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;} /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8;} /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;} /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );} /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1;-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 ); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0;-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;} /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8;} /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0;} /** * Simple fade transition, */ .mfp-fade.mfp-bg { opacity: 0;-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-bg.mfp-ready { opacity: 1;} .mfp-fade.mfp-bg.mfp-removing { opacity: 0;} .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;} .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0;} @media (max-width: 1024px) { .mfp-figure .mfp-close { display: block; color: #000; font-size: 25px; height: 25px; line-height: 20px; margin: 0; right: 0; text-align: center; top: 5px; vertical-align: middle; width: 25px; padding: 0px 0 3px 0; } }/* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .feature-owl .owl-item { padding: 0 15px; } .owl-carousel .owl-item{ float: left; /* cursor: url("../../../themes/h-code/assets/images/icon-move.png"), move;*/ } .owl-carousel.white-cursor .owl-item{ float: left; /* cursor: url("../../../themes/h-code/assets/images/icon-move-light.png"), move;*/ } .owl-carousel.no-cursor .owl-item{ float: left; cursor: default; } .home-travel-agency .owl-item{ cursor: default !important;} .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: deafult; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .cursor-default .owl-item { cursor: default !important }/* * Owl Carousel CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }html, body { height: 100%;} .carousel, .item, .active { height: 100%; } .carousel-inner { height: 100%; } .carousel-small { height:70%} .fill { width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; position: absolute; left: 0;} /* -------------------------------- Primary style -------------------------------- */ .cd-title { position: relative; height: 160px; line-height: 230px; text-align: center; } .cd-title h1 { font-size: 2.4rem; font-weight: 700; } .rotation-highlight{ background-color: #fff; color: #000; display: inline-block; font-size: 45px; font-weight: 400; margin-bottom: 30px; padding: 35px; } .cd-headline span { font-family: 'Oswald', sans-serif; } .cd-headline span b { font-weight: 100; letter-spacing: 4px; font-size: 15px; font-weight: 100; } .animation2 span b { font-size: 30px; line-height: 40px; letter-spacing: 3px; } .animation3 span b { font-size: 35px; line-height: 45px; letter-spacing: 3px; } .cd-headline i { font-style: normal; color: #fff; } .personal-name .cd-headline i { color:#000; margin:0} @media only screen and (min-width: 768px) { .cd-title { line-height: 250px; } } @media only screen and (min-width: 1170px) { .cd-title { height: 200px; line-height: 300px; } .cd-title h1 { font-size: 3rem; } } .cd-intro { width: 90%; max-width: 768px; text-align: center; } .cd-intro { margin: 4em auto; } @media only screen and (min-width: 768px) { .cd-intro { margin: 5em auto; } } @media only screen and (min-width: 1170px) { .cd-intro { margin: 6em auto; } } .cd-headline { margin-bottom: 200px; } .cd-words-wrapper { display: inline-block; position: relative; text-align: left; } .cd-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .cd-words-wrapper b.is-visible { position: relative; } .no-js .cd-words-wrapper b { opacity: 0; } .no-js .cd-words-wrapper b.is-visible { opacity: 1; } /* -------------------------------- xrotate-1 -------------------------------- */ .cd-headline.rotate-1 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-1 b { opacity: 0; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .cd-headline.rotate-1 b.is-visible { opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: cd-rotate-1-in 1.2s; -moz-animation: cd-rotate-1-in 1.2s; animation: cd-rotate-1-in 1.2s; } .cd-headline.rotate-1 b.is-hidden { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: cd-rotate-1-out 1.2s; -moz-animation: cd-rotate-1-out 1.2s; animation: cd-rotate-1-out 1.2s; } @-webkit-keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); opacity: 1; } } @-moz-keyframes cd-rotate-1-in { 0% { -moz-transform: rotateX(180deg); opacity: 0; } 35% { -moz-transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(360deg); opacity: 1; } } @keyframes cd-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); -moz-transform: rotateX(120deg); -ms-transform: rotateX(120deg); -o-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @-webkit-keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); opacity: 0; } } @-moz-keyframes cd-rotate-1-out { 0% { -moz-transform: rotateX(0deg); opacity: 1; } 35% { -moz-transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -moz-transform: rotateX(180deg); opacity: 0; } } @keyframes cd-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); -moz-transform: rotateX(-40deg); -ms-transform: rotateX(-40deg); -o-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } /* -------------------------------- xtype -------------------------------- */ .cd-headline.type .cd-words-wrapper { vertical-align: top; overflow: hidden; } .cd-headline.type .cd-words-wrapper::after { /* vertical bar */ content: ''; position: absolute; right: 0; top: auto; bottom: -2px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 3px; width: 10px; background-color: #ffcc00; color: #ffcc00; } .personal-name .cd-headline.type .cd-words-wrapper::after {background-color: #000} .cd-headline.type .cd-words-wrapper.waiting::after { -webkit-animation: cd-pulse 1s infinite; -moz-animation: cd-pulse 1s infinite; animation: cd-pulse 1s infinite; } .cd-headline.type .cd-words-wrapper.selected { background-color: transparent; } .cd-headline.type .cd-words-wrapper.selected::after { visibility: hidden; } .cd-headline.type .cd-words-wrapper.selected b { color: #0d0d0d; } .cd-headline.type b { visibility: hidden; } .cd-headline.type b.is-visible { visibility: visible; } .cd-headline.type i { position: absolute; visibility: hidden; } .cd-headline.type i.in { position: relative; visibility: visible; } @-webkit-keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); opacity: 0; } } @-moz-keyframes cd-pulse { 0% { -moz-transform: translateY(-50%) scale(1); opacity: 1; } 40% { -moz-transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -moz-transform: translateY(-50%) scale(0); opacity: 0; } } @keyframes cd-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1; } 40% { -webkit-transform: translateY(-50%) scale(0.9); -moz-transform: translateY(-50%) scale(0.9); -ms-transform: translateY(-50%) scale(0.9); -o-transform: translateY(-50%) scale(0.9); transform: translateY(-50%) scale(0.9); opacity: 0; } 100% { -webkit-transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0; } } /* -------------------------------- xrotate-2 -------------------------------- */ .cd-headline.rotate-2 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-2 i, .cd-headline.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-headline.rotate-2 b { opacity: 0; } .cd-headline.rotate-2 i { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0; } .is-visible .cd-headline.rotate-2 i { opacity: 1; } .cd-headline.rotate-2 i.in { -webkit-animation: cd-rotate-2-in 0.4s forwards; -moz-animation: cd-rotate-2-in 0.4s forwards; animation: cd-rotate-2-in 0.4s forwards; } .cd-headline.rotate-2 i.out { -webkit-animation: cd-rotate-2-out 0.4s forwards; -moz-animation: cd-rotate-2-out 0.4s forwards; animation: cd-rotate-2-out 0.4s forwards; } .cd-headline.rotate-2 em { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px); transform: translateZ(20px); } .no-csstransitions .cd-headline.rotate-2 i { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0; } .no-csstransitions .cd-headline.rotate-2 i em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .no-csstransitions .cd-headline.rotate-2 .is-visible i { opacity: 1; } @-webkit-keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); } } @-moz-keyframes cd-rotate-2-in { 0% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0deg); } } @keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); -o-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); -moz-transform: translateZ(-20px) rotateX(0deg); -ms-transform: translateZ(-20px) rotateX(0deg); -o-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg); } } @-webkit-keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); } } @-moz-keyframes cd-rotate-2-out { 0% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-90deg); } } @keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); -o-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); -o-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg); } } /* -------------------------------- xloading-bar -------------------------------- */ .cd-headline.loading-bar span { display: inline-block; padding: .2em 0; } .cd-headline.loading-bar .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.loading-bar .cd-words-wrapper::after { /* loading bar */ content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #0096a7; z-index: 2; -webkit-transition: width 0.3s -0.1s; -moz-transition: width 0.3s -0.1s; transition: width 0.3s -0.1s; } .cd-headline.loading-bar .cd-words-wrapper.is-loading::after { width: 100%; -webkit-transition: width 3s; -moz-transition: width 3s; transition: width 3s; } .cd-headline.loading-bar b { top: .2em; opacity: 0; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; } .cd-headline.loading-bar b.is-visible { opacity: 1; top: 0; } /* -------------------------------- xslide -------------------------------- */ .cd-headline.slide span { display: inline-block; padding: .2em 0; } .cd-headline.slide .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.slide b { opacity: 0; top: .2em; } .cd-headline.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s; } .cd-headline.slide b.is-hidden { -webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s; } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-in { 0% { opacity: 0; -moz-transform: translateY(-100%); } 60% { opacity: 1; -moz-transform: translateY(20%); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } } @-moz-keyframes slide-out { 0% { opacity: 1; -moz-transform: translateY(0); } 60% { opacity: 0; -moz-transform: translateY(120%); } 100% { opacity: 0; -moz-transform: translateY(100%); } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } /* -------------------------------- xclip -------------------------------- */ .cd-headline.clip span { display: inline-block; padding: .2em 0; } .cd-headline.clip .cd-words-wrapper { overflow: hidden; vertical-align: top; } .cd-headline.clip .cd-words-wrapper::after { /* line */ content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #aebcb9; } .cd-headline.clip b { opacity: 0; } .cd-headline.clip b.is-visible { opacity: 1; } /* -------------------------------- xzoom -------------------------------- */ .cd-headline.zoom .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.zoom b { opacity: 0; } .cd-headline.zoom b.is-visible { opacity: 1; -webkit-animation: zoom-in 0.8s; -moz-animation: zoom-in 0.8s; animation: zoom-in 0.8s; } .cd-headline.zoom b.is-hidden { -webkit-animation: zoom-out 0.8s; -moz-animation: zoom-out 0.8s; animation: zoom-out 0.8s; } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); } } @-moz-keyframes zoom-in { 0% { opacity: 0; -moz-transform: translateZ(100px); } 100% { opacity: 1; -moz-transform: translateZ(0); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); -moz-transform: translateZ(100px); -ms-transform: translateZ(100px); -o-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); } } @-moz-keyframes zoom-out { 0% { opacity: 1; -moz-transform: translateZ(0); } 100% { opacity: 0; -moz-transform: translateZ(-100px); } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); -moz-transform: translateZ(-100px); -ms-transform: translateZ(-100px); -o-transform: translateZ(-100px); transform: translateZ(-100px); } } /* -------------------------------- xrotate-3 -------------------------------- */ .cd-headline.rotate-3 .cd-words-wrapper { -webkit-perspective: 300px; -moz-perspective: 300px; perspective: 300px; } .cd-headline.rotate-3 b { opacity: 0; } .cd-headline.rotate-3 i { display: inline-block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .is-visible .cd-headline.rotate-3 i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .cd-headline.rotate-3 i.in { -webkit-animation: cd-rotate-3-in 0.6s forwards; -moz-animation: cd-rotate-3-in 0.6s forwards; animation: cd-rotate-3-in 0.6s forwards; } .cd-headline.rotate-3 i.out { -webkit-animation: cd-rotate-3-out 0.6s forwards; -moz-animation: cd-rotate-3-out 0.6s forwards; animation: cd-rotate-3-out 0.6s forwards; } .no-csstransitions .cd-headline.rotate-3 i { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; } .no-csstransitions .cd-headline.rotate-3 .is-visible i { opacity: 1; } @-webkit-keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); } } @-moz-keyframes cd-rotate-3-in { 0% { -moz-transform: rotateY(180deg); } 100% { -moz-transform: rotateY(0deg); } } @keyframes cd-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); } } @-moz-keyframes cd-rotate-3-out { 0% { -moz-transform: rotateY(0); } 100% { -moz-transform: rotateY(-180deg); } } @keyframes cd-rotate-3-out { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } } /* -------------------------------- xscale -------------------------------- */ .cd-headline.scale b { opacity: 0; } .cd-headline.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .is-visible .cd-headline.scale i { opacity: 1; } .cd-headline.scale i.in { -webkit-animation: scale-up 0.6s forwards; -moz-animation: scale-up 0.6s forwards; animation: scale-up 0.6s forwards; } .cd-headline.scale i.out { -webkit-animation: scale-down 0.6s forwards; -moz-animation: scale-down 0.6s forwards; animation: scale-down 0.6s forwards; } .no-csstransitions .cd-headline.scale i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } .no-csstransitions .cd-headline.scale .is-visible i { opacity: 1; } @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes scale-up { 0% { -moz-transform: scale(0); opacity: 0; } 60% { -moz-transform: scale(1.2); opacity: 1; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes scale-up { 0% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); opacity: 0; } } @-moz-keyframes scale-down { 0% { -moz-transform: scale(1); opacity: 1; } 60% { -moz-transform: scale(0); opacity: 0; } } @keyframes scale-down { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; } } /* -------------------------------- xpush -------------------------------- */ .cd-headline.push b { opacity: 0; } .cd-headline.push b.is-visible { opacity: 1; -webkit-animation: push-in 0.6s; -moz-animation: push-in 0.6s; animation: push-in 0.6s; } .cd-headline.push b.is-hidden { -webkit-animation: push-out 0.6s; -moz-animation: push-out 0.6s; animation: push-out 0.6s; } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes push-in { 0% { opacity: 0; -moz-transform: translateX(-100%); } 60% { opacity: 1; -moz-transform: translateX(10%); } 100% { opacity: 1; -moz-transform: translateX(0); } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); -moz-transform: translateX(10%); -ms-transform: translateX(10%); -o-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); } } @-moz-keyframes push-out { 0% { opacity: 1; -moz-transform: translateX(0); } 60% { opacity: 0; -moz-transform: translateX(110%); } 100% { opacity: 0; -moz-transform: translateX(100%); } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } /* Theme Name: H-Code Theme URI: http://www.themezaa.com Author: ThemeZaa Author URI: http://www.themezaa.com Description: H-Code is a creative, clean, fully responsive, powerful and multipurpose multi page and onepage WordPress and WooCommerce theme with latest web design trends. Version: 1.3 License: Themeforest Split Licence License URI: - Text Domain: h-code This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @charset "utf-8"; /* ---------------------------------- Table of contents 01. Google font 02. Reset 03. Typography 04. Icon 05. Background color 06. Custom 07. Border 08. Scroll to top 09. Slider background and overlay 10. Navigation 11. Page titles 12. Section 13. Footer 14. Owl carousel 15. Slider and parallax typography 16. Parallax 17. One page 18. Bootstrap slider 19. Portfolio - ajax 20. Portfolio - multi pages 21. Masonry portfolio - home 22. Full screen video 23. Half screen video 24. Coming soon 25. Full width image 26. Blog 27. Intro 28. Portfolio 29. Elements 30. Pages 31. Shop 32. Onepage demo 33. Multipage demo 34. col3 Layout 35. col2 Layout */ /* =================================== Import fonts ====================================== */ /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: local('Oswald Light'), local('Oswald-Light'), url(http://fonts.gstatic.com/s/oswald/v10/HqHm7BVC_nzzTui2lzQTDVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: local('Oswald Bold'), local('Oswald-Bold'), url(http://fonts.gstatic.com/s/oswald/v10/bH7276GfdCjMjApa_dkG6VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* =================================== Reset ====================================== */ body{ font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; font-size:13px; color:#626262; line-height:23px; letter-spacing: 0.02em; } .float-left { float:left; } .float-right { float:right; } a{ color: #000; } a:hover{ color: #575757; } img { -webkit-backface-visibility: hidden; max-width:100%; height:auto; } video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; } input[type="radio"], input[type="checkbox"] { float: left; margin: 5px 3px 0 0; border: 0; } input[type='radio']:focus, input[type='checkbox']:focus { border: 0;} input, textarea, select{ font-family: 'Open Sans', sans-serif; border: 1px solid #dfdfdf; letter-spacing: 1px; font-size: 12px; padding: 8px 15px; width: 100%; margin: 0 0 20px 0; max-width: 100%; resize: none; } input[type="submit"] { width: auto} input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; border-radius: 0; } input:focus, textarea:focus{ border: 1px solid #989898; } input[type="submit"]:focus { border:2px solid #000} select::-ms-expand{ display:none; } iframe { border: 0;} .sound iframe {width:100%} .mega-sub-menu, .grid-gallery ul, footer ul, .footer-link, .cart-content ul.cart-list, nav ul, .nav-tabs, .widget ul, .spa-treatments ul, .tab-content ul, .grid, .list-line, .project-details ul, .breadcrumb-gray-text, .sitemap-wrapper ul, .variations ul, .payment_methods, .methods, .woocommerce-breadcrumb-main, .form-group ul, .breadcrumb ul { list-style: none outside none; list-style-position: outside; margin: 0px; padding:0px; } * { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } ::selection { color: #000; background:#dcdcdc; } ::-moz-selection { color:#000; background:#dcdcdc; } ::-webkit-input-placeholder { color: #999; text-overflow: ellipsis; } :-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; } ::-moz-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; } :-ms-input-placeholder { color: #999 !important; text-overflow: ellipsis; opacity:1; } .animated { -moz-transition-duration: 0s !important; } p:empty {display: none !important; } input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; -webkit-appearance: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } em.required { display: inline-block; font-style: normal; color: #ff0000;} .clear { clear: both; } .fa.alert-danger { background-color: transparent;} .fa.alert-success { background-color: transparent;} .alert-success a { color: #3c763d; text-decoration: underline;} .alert-success a:hover { text-decoration: none;} .alert-danger a { color: #a94442; text-decoration: underline;} .alert-danger a:hover { text-decoration: none;} .customize-support .navbar { margin-top: 32px !important;} .customize-support .navbar.non-sticky { margin-top: 0px !important;} section { clear: both} i, cite, em, var, address, dfn { font-style: italic; } del { color: #626262; } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; margin: 0; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { font-weight: bold; text-transform: uppercase; padding: 8px 0 } td { border-top: 1px solid #ededed; padding: 8px 0 } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } ul { list-style-type: square; } ins { text-decoration: none;} pre { white-space: pre-wrap; word-break: keep-all;} blockquote::before, blockquote::after, q::before, q::after { content: none; } blockquote, q { hyphens: none; quotes: none; position: relative; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: -60px; } figure.wp-caption.alignleft, img.alignleft, .alignleft { margin: 5px 20px 5px 0; } .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } img.alignnone { margin: 5px 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: -60px; } figure.wp-caption.alignright, img.alignright, .alignright { margin: 5px 0 5px 20px; } embed, object { max-width: 100%; } .format-quote blockquote:before { content: '\201C'; font-size: 140px; font-weight: 400; line-height: .8; padding-right: 25px; position: absolute; left: -15px; top: -3px; } abbr[title], abbr[data-original-title] { border: 0 none; color: #ff0000; cursor: default; display: inline-block; text-decoration: none; line-height: normal;} .wp-caption { max-width: 100%; background-color: #f6f6f6; padding: 8px; text-align: left; } .wp-caption-text { margin: 0; padding: 8px 0 3px; margin: 0 !important;} .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;} .screen-reader-text:focus { clip: auto !important; display: block; height: auto; left: 5px; top: 5px; width: auto; z-index: 100000; } .gallery-item { position: relative;} .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .bypostauthor {} .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; float: none !important } /* Remove inner shadow from inputs on mobile iOS */ /* =================================== Typography ====================================== */ /* font family */ .alt-font {font-family: "Oswald",sans-serif;} .main-font {font-family: 'Open Sans', sans-serif;} /* heading */ h1, h2, h3, h4, h5 { text-transform: uppercase; margin:0; padding:0; color: #000; } h1 { font-weight:700; line-height: 45px} h2 { font-size:24px; font-weight:400; letter-spacing:inherit; line-height: 30px} h3 { font-size:14px; letter-spacing:inherit; font-weight:700; } h4 { letter-spacing: 0px; font-weight:400; text-transform:none; font-size:16px; line-height: 26px} h5 { letter-spacing: 2px; font-weight:600; font-size:11px} h6 { letter-spacing: 1px; font-size: 13px; font-weight: 400; line-height: 20px} /* section title */ .section-title{ text-transform: uppercase; font-weight: 700; font-size: 20px; letter-spacing: 2px; padding: 0 0 100px 0;} h1.section-title { font-weight:700; font-size: 36px; line-height: 45px !important; letter-spacing: 1px; } h2.section-title { font-weight:700; font-size: 24px; line-height: 34px !important; } h3.section-title { font-weight: 700; font-size: 20px } h5.section-title { font-size: 14px; font-weight: 400 !important;} h6.section-title { font-size: 13px; font-weight: 600; margin-top: 0; letter-spacing: 1px;} .tab-content .section-title { border: medium none; font-size: 40px; font-weight: 100; text-transform: none; margin:2% 0 0; padding:0} .title-gray{ border:1px solid #b5b5b5; color:#b5b5b5} .title-white{ border:1px solid #ffffff; color:#ffffff} h1.big { color:#ffffff; font-size:65px; font-weight:600; line-height:76px; margin-bottom:0px;} h1.big span { font-weight:300;} .banner-content { font-size:18px; line-height:28px;} h1.page-title { margin:95px auto 0; width: 100%; } .highlight-title { font-weight:100; color:#000; font-size:65px; letter-spacing:0;} .highlight-title span { font-weight:600} .work-process-title{font-size: 12px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; } .heading-style-five h4 { text-transform: uppercase;} .typography-heading .section-title { text-transform: none !important;} /* different text size */ .text-small { font-size:12px; line-height:15px;} .text-med{ font-size:14px; line-height:26px;} .text-large { font-size: 15px; text-transform: uppercase; line-height: 24px; letter-spacing: 2px !important;} .text-extra-large { font-size: 16px; line-height: 28px; font-weight: 100; } .text-extra-large strong { letter-spacing: 3px} .text-extra-large-normal { font-weight: normal !important;} .title-small{ font-size:20px; line-height:30px;} .title-med{ font-size:24px; line-height:34px;} .title-large{ font-size:28px; line-height:41px;} .title-extra-large{ font-size:35px; line-height:43px;} .line-height { line-height: 23px !important} .line-height-20 { line-height: 20px !important} .text-indent { text-indent: -9999px;} /* text color */ .white-text{ color:#FFF} .white-text a { color:#FFF} .magenta-text{ color:#d94378} .orange-text{ color:#ff513b} .deep-red-text{ color:#e75e50} .red-text { color:#d50f0f} .black-text{ color:#000} a.black-text-link, a.black-text-link i, footer ul.list-inline li a {color:#000} a.black-text-link:hover, a.black-text-link:hover i {color:#858585} a.white-text-link, a.white-text-link i{ color:#fff} a.white-text-link:hover, a.white-text-link:hover i {color:#ababab} a.gray-text-link, footer ul li a { color:#626262} a.gray-text-link:hover, footer ul li a:hover {color:#000} .yellow-text{color:#f2fafc} .yellow-text2{color:#9cdcf9} .fast-yellow-text{color:#f7d23d} .pink-text{color:#d9378e} .light-gray-text{color: #ababab} .light-gray-text2, .blog-date, .blog-date a{color: #828282} .deep-gray-text {color: #464646} .deep-light-gray-text {color: #878787} .gray-text {color:#7f7f7f } .dark-gray-text {color:#373737 } .breadcrumb-white-text li, .breadcrumb-white-text a { color:#FFF} .breadcrumb-gray-text a, .breadcrumb-gray-text { color: #575757} /* letter spacing */ .no-letter-spacing { letter-spacing: 0px !important} .letter-spacing-1 { letter-spacing:1px !important} .letter-spacing-2 { letter-spacing:2px !important} .letter-spacing-3 { letter-spacing:3px !important} .letter-spacing-4 { letter-spacing:4px !important} .letter-spacing-5 { letter-spacing:5px !important} .letter-spacing-6 { letter-spacing:6px !important} .letter-spacing-7 { letter-spacing:7px !important} .letter-spacing-8 { letter-spacing:8px !important} .letter-spacing-9 { letter-spacing:9px !important} .letter-spacing-10 { letter-spacing:10px !important} /* font weight */ .font-weight-100 { font-weight:100 !important} .font-weight-400 { font-weight:400 !important} .font-weight-600 { font-weight:600 !important} .font-weight-700 { font-weight:700 !important} .font-weight-800 { font-weight:800 !important} /* text property */ .text-transform-unset { text-transform:unset !important} .text-decoration-underline { text-decoration:underline !important; } .word-wrap { word-wrap: break-word} .word-wrap-normal { word-wrap: normal !important} .text-transform-none {text-transform:none !important} /* =================================== Icon ====================================== */ i { color: #9a9a9a; margin: 0 3px} .extra-large-icon {font-size:60px !important;} .large-icon {font-size:50px !important;} .medium-icon { font-size:40px !important; margin-bottom: 15px !important; } .small-icon { font-size:25px !important;} .extra-small-icon { font-size:18px !important;} /* =================================== Background color ====================================== */ .bg-white{ background: #fff} .bg-yellow{ background: #659f53 } .bg-deep-yellow{ background: #f7f5e7 } .bg-golden-yellow{ background: #c3bd86 } .bg-fast-yellow{ background: #9cdcf9 } .bg-dark-gray{ background: #252525 } .bg-mid-gray{ background: #d4d4d4 } .bg-black{ background:#000000 } .bg-green{ background: #70bd5b } .bg-gray { background: #f6f6f6} .bg-yellow-ochre { background: #997546} .bg-deep-brown{ background: #544441} .bg-transparent { background:transparent} .bg-orange { background:#c24742} .bg-deep-orange { background:#f15a22} .bg-fast-orange { background:#ff513b} .bg-pink { background:#c2345f} .bg-deep-red { background:#e75e50 } .bg-red { background:#d21616 } .bg-deep-pink { background:#e53878} .bg-light-pink { background:#dc378e} .bg-fast-pink { background:#ff1a56 } .bg-magenta { background:#d94378 } .bg-light-yellow {background:#f8f7f5 } .bg-dark-green{ background:#60a532} .bg-dark-blue { background:#3273a5} .bg-violet { background:#6c407e} .bg-light-gray { background: #f8f7f7 } .bg-light-gray2 { background: #f4f4f4 } .bg-light-gray3 { background: #fcfcfc } .bg-slider {background: rgba(27, 22, 28, 0.9)} .parallax-gray-bg{ background: rgba(246,246,246,1)} .bg-blck-overlay{ background: rgba(0,0,0,0.85) } /* opacity */ .opacity-light{ position: absolute; height: 100%; width: 100%; opacity: 0.5; z-index: 1; top:0; left: 0 } .opacity-medium{ position: absolute; height: 100%; width: 100%; opacity: 0.7; z-index: 1; top:0; left: 0 } .opacity-full{ position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top:0; left: 0 } .selection-overlay { position: absolute; height: 100%; width: 100%; /*z-index: 1;*/ top:0; left: 0 } /* =================================== Custom ====================================== */ .center-col{ float:none !important; margin-left:auto !important; margin-right:auto !important; clear: both;} /* separator */ .separator-line { height: 2px; margin: 0 auto; width: 30px; margin:3% auto} .separator-line-thick { height: 4px; margin: 0 auto; width: 30px; margin:7% auto} .separator-line-vertical { width:7px; height:80px; float:left; margin-right:90px;} .slider-text .separator-line { margin:14% auto; height: 2px} .thin-separator-line { height: 1px; width: 30px; margin:7% auto} .vertical-separator { height:25px; width:25px; border-left:1px solid #000} .wide-separator-line { height: 1px; background-color:#e5e5e5; margin:5% 15px; width: 100%; clear: both; box-sizing: border-box;} .indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); } .indicators-black li { border: 2px solid rgba(0, 0, 0, 1);} .hcode-space { float: left; width: 100%; clear: both;} .hcode-divider { float: left; width: 100%; clear: both;} .div-padding { padding: 120px 0} /* margin */ .margin-one{ margin-top:1% !important; margin-bottom:1% !important} .margin-two{ margin-top:2% !important; margin-bottom:2% !important} .margin-three{ margin-top:3% !important; margin-bottom:3% !important} .margin-four{ margin-top:4% !important; margin-bottom:4% !important} .margin-five{ margin-top:5% !important; margin-bottom:5% !important} .margin-six{ margin-top:6% !important; margin-bottom:6% !important } .margin-seven{ margin-top:7% !important; margin-bottom:7% !important} .margin-eight {margin-top:8% !important; margin-bottom:8% !important} .margin-nine {margin-top:9% !important; margin-bottom:9% !important} .margin-ten{ margin-top:10% !important; margin-bottom:10% !important} .margin-eleven { margin-top:11% !important; margin-bottom:11% !important } .margin-twelve { margin-top:12% !important; margin-bottom:12% !important} .margin-thirteen { margin-top:13% !important; margin-bottom:13% !important} .margin-twentytwo{ margin-top:22% !important; margin-bottom:22% !important} .margin-right-four{margin-right:4% !important} .margin-right-five{margin-right:5% !important} .margin-right-six{margin-right:6% !important} .margin-right-seven{margin-right:7% !important} .margin-right-eight{margin-right:8% !important} .margin-right-nine{margin-right:9% !important} .margin-right-ten{margin-right:10% !important} .margin-top-section { margin-top:96px;} .margin-left-right-one { margin-right:6% !important; margin-left:6% !important} .no-margin{ margin:0 !important} .no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important} .no-margin-top{ margin-top:0 !important} .no-margin-bottom{ margin-bottom:0 !important} .no-margin-left{ margin-left:0 !important} .no-margin-right{ margin-right:0 !important} .margin-bottom{ margin-bottom:60px} /* padding */ .padding-one { padding:1% !important; } .padding-two { padding:2% !important;} .padding-three { padding:3% !important;} .padding-four { padding:4% !important;} .padding-five { padding:5% !important; } .padding-six { padding:6% !important; } .padding-seven { padding:7% !important; } .padding-eight { padding:8% !important; } .padding-nine { padding:9% !important; } .padding-ten { padding: 10.2% !important; } .padding-eleven { padding: 11% !important; } .padding-twelve { padding: 12% !important } .padding-thirteen { padding: 13% !important } .padding-left-right-px { padding: 0 15px;} .no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important;} .no-padding-right { padding-right:0px !important;} .no-padding-top { padding-top:0 !important} .no-padding {padding:0 !important} .no-padding-left { padding-left:0px !important;} .no-padding-bottom { padding-bottom:0 !important} .no-padding-lr { padding-left: 0 !important; padding-right: 0 !important;} /* margin padding wp */ .margin-bottom-45px { margin-bottom: 45px !important} .margin-bottom-40px { margin-bottom: 40px !important} .margin-bottom-80px { margin-bottom: 80px !important} .margin-bottom-30px { margin-bottom: 30px !important; } .margin-bottom-25px { margin-bottom: 25px !important; } .margin-bottom-15px { margin-bottom: 15px !important; } .margin-bottom-20px { margin-bottom: 20px !important; } .margin-bottom-10px { margin-bottom: 10px !important; } .margin-bottom-5px { margin-bottom: 5px !important; } .margin-top-5px { margin-top: 5px !important} .margin-top-10px { margin-top: 10px !important} .margin-top-20px { margin-top: 20px !important} .margin-top-30px { margin-top: 30px !important} .margin-top-35px { margin-top: 35px !important} .margin-right-20px { margin-right: 20px;} .margin-right-25px { margin-right: 25px;} .margin-0auto { margin: 0 auto !important;} .margin-top-80px-bottom-70px { margin-top: 80px !important; margin-bottom: 70px !important;} .margin-lr-20px { margin-right: 20px !important; margin-left: 20px !important;} .margin-lr-10px { margin-right: 10px !important; margin-left: 10px !important;} .margin-tb-30px { margin-top: 30px !important; margin-bottom: 30px !important; } .margin-top-81px { margin-top: 81px !important; } .margin-one-all{ margin:1% !important;} .margin-two-all{ margin:2% !important;} .margin-three-all{ margin:3% !important;} .margin-four-all{ margin:4% !important;} .margin-five-all{ margin:5% !important;} .margin-six-all{ margin:6% !important; } .margin-seven-all{ margin:7% !important;} .margin-eight-all {margin:8% !important;} .margin-nine-all {margin:9% !important;} .margin-ten-all { margin:10% !important;} .margin-eleven-all { margin: 11% !important; } .margin-twelve-all { margin: 12% !important; } .margin-thirteen-all { margin: 13% !important;} .margin-one-bottom { margin-bottom: 1% !important} .margin-two-bottom { margin-bottom: 2% !important} .margin-three-bottom { margin-bottom: 3% !important} .margin-four-bottom { margin-bottom: 4% !important} .margin-five-bottom { margin-bottom: 5% !important} .margin-six-bottom { margin-bottom: 6% !important} .margin-seven-bottom { margin-bottom: 7% !important} .margin-eight-bottom { margin-bottom: 8% !important} .margin-nine-bottom { margin-bottom: 9% !important} .margin-ten-bottom { margin-bottom: 10% !important} .margin-eleven-bottom { margin-bottom: 11% !important } .margin-twelve-bottom { margin-bottom: 12% !important } .margin-thirteen-bottom { margin-bottom: 13% !important } .margin-one-top { margin-top: 1% !important } .margin-two-top { margin-top: 2% !important } .margin-three-top { margin-top: 3% !important } .margin-four-top { margin-top: 4% !important } .margin-five-top { margin-top: 5% !important } .margin-six-top { margin-top: 6% !important } .margin-seven-top { margin-top: 7% !important } .margin-eight-top { margin-top: 8% !important } .margin-nine-top { margin-top: 9% !important } .margin-ten-top { margin-top: 10% !important } .margin-eleven-top { margin-top: 11% !important } .margin-twelve-top { margin-top: 12% !important } .margin-thirteen-top { margin-top: 13% !important } .padding-one-lr { padding-left: 1% !important; padding-right: 1% !important;} .padding-two-lr { padding-left: 2% !important; padding-right: 2% !important;} .padding-three-lr { padding-left: 3% !important; padding-right: 3% !important;} .padding-four-lr { padding-left: 4% !important; padding-right: 4% !important;} .padding-five-lr { padding-left: 5% !important; padding-right: 5% !important;} .padding-six-lr { padding-left: 6% !important; padding-right: 6% !important;} .padding-seven-lr { padding-left: 7% !important; padding-right: 7% !important;} .padding-eight-lr { padding-left: 8% !important; padding-right: 8% !important;} .padding-nine-lr { padding-left: 9% !important; padding-right: 9% !important;} .padding-ten-lr { padding-left: 10% !important; padding-right: 10% !important;} .margin-left-one { margin-left: 1% !important; } .margin-left-two { margin-left: 2% !important; } .margin-left-three { margin-left: 3% !important;} .margin-left-four { margin-left: 4% !important; } .margin-left-five { margin-left: 5% !important; } .margin-left-six { margin-left: 6% !important; } .margin-left-seven { margin-left: 7% !important;} .margin-left-eight { margin-left: 8% !important;} .margin-left-nine { margin-left: 9% !important; } .margin-left-ten { margin-left: 10% !important; } .margin-left-eleven { margin-left: 11% !important; } .margin-left-twelve { margin-left: 12% !important; } .margin-left-thirteen { margin-left: 13% !important; } .margin-left-twentytwo { margin-left: 22% !important; } .margin-right-one { margin-right: 1% !important; } .margin-right-two { margin-right: 2% !important; } .margin-right-three { margin-right: 3% !important;} .margin-right-four { margin-right: 4% !important; } .margin-right-five { margin-right: 5% !important; } .margin-right-six { margin-right: 6% !important; } .margin-right-seven { margin-right: 7% !important;} .margin-right-eight { margin-right: 8% !important;} .margin-right-nine { margin-right: 9% !important; } .margin-right-ten { margin-right: 10% !important; } .margin-right-eleven { margin-right: 11% !important; } .margin-right-twelve { margin-right: 12% !important; } .margin-right-thirteen { margin-right: 13% !important; } .margin-right-twentytwo { margin-right: 22% !important; } .padding-one-tb { padding-top: 1% !important; padding-bottom: 1% !important;} .padding-two-tb { padding-top: 2% !important; padding-bottom: 2% !important;} .padding-three-tb { padding-top: 3% !important; padding-bottom: 3% !important;} .padding-four-tb { padding-top: 4% !important; padding-bottom: 4% !important;} .padding-five-tb { padding-top: 5% !important; padding-bottom: 5% !important;} .padding-one-bottom { padding-bottom: 1% !important;} .padding-two-bottom { padding-bottom: 2% !important;} .padding-three-bottom { padding-bottom: 3% !important;} .padding-four-bottom { padding-bottom: 4% !important;} .padding-five-bottom { padding-bottom: 5% !important;} .padding-six-bottom { padding-bottom: 6% !important;} .padding-seven-bottom { padding-bottom: 7% !important;} .padding-eight-bottom { padding-bottom: 8% !important;} .padding-nine-bottom { padding-bottom: 9% !important;} .padding-ten-bottom { padding-bottom: 10% !important;} .padding-eleven-bottom { padding-bottom: 11% !important;} .padding-twelve-bottom { padding-bottom: 12% !important;} .padding-thirteen-bottom { padding-bottom: 13% !important;} .padding-twentytwo-bottom { padding-bottom: 22% !important;} .padding-one-top { padding-top: 1% !important;} .padding-two-top { padding-top: 2% !important;} .padding-three-top { padding-top: 3% !important;} .padding-four-top { padding-top: 4% !important;} .padding-five-top { padding-top: 5% !important;} .padding-six-top { padding-top: 6% !important;} .padding-seven-top { padding-top: 7% !important;} .padding-eight-top { padding-top: 8% !important;} .padding-nine-top { padding-top: 9% !important;} .padding-ten-top { padding-top: 10% !important;} .padding-eleven-top { padding-top: 11% !important;} .padding-twelve-top { padding-top: 12% !important;} .padding-thirteen-top { padding-top: 13% !important;} .padding-twentytwo-top { padding-top: 22% !important;} .padding-left-one { padding-left: 1% !important;} .padding-left-two { padding-left: 2% !important;} .padding-left-three { padding-left: 3% !important;} .padding-left-four { padding-left: 4% !important;} .padding-left-five { padding-left: 5% !important;} .padding-left-six { padding-left: 6% !important;} .padding-left-seven { padding-left: 7% !important;} .padding-left-eight { padding-left: 8% !important;} .padding-left-nine { padding-left: 9% !important;} .padding-left-ten { padding-left: 10% !important;} .padding-left-eleven { padding-left: 11% !important;} .padding-left-twelve { padding-left: 12% !important;} .padding-left-thirteen { padding-left: 13% !important;} .padding-left-twentytwo { padding-left: 22% !important;} .padding-right-one { padding-right: 1% !important;} .padding-right-two { padding-right: 2% !important;} .padding-right-three { padding-right: 3% !important;} .padding-right-four { padding-right: 4% !important;} .padding-right-five { padding-right: 5% !important;} .padding-right-six { padding-right: 6% !important;} .padding-right-seven { padding-right: 7% !important;} .padding-right-eight { padding-right: 8% !important;} .padding-right-nine { padding-right: 9% !important;} .padding-right-ten { padding-right: 10% !important;} .padding-right-eleven { padding-right: 11% !important;} .padding-right-twelve { padding-right: 12% !important;} .padding-right-thirteen { padding-right: 13% !important;} .padding-right-twentytwo { padding-right: 22% !important;} .no-padding-top-bottom { padding-top: 0 !important; padding-bottom: 0 !important} .padding-tb-15px { padding-top: 15px !important; padding-bottom: 15px !important;} .padding-top-15px { padding-top: 15px !important; } .padding-bottom-15px { padding-bottom: 15px !important;} .padding-bottom-30px { padding-bottom: 30px !important;} .padding-top-40px { padding-top: 40px !important; } .padding-lr-15px { padding-left: 15px !important; padding-right: 15px !important} .padding-top-18px { padding-top: 18px;} .padding-70px { padding: 70px; } .padding-tb-lr-70 { padding: 70px; } .padding-tb7-lr11 { padding: 7% 11%;} .padding-twentytwo { padding: 22px !important;} .padding-thirtyfive { padding: 35px !important;} /* float */ .f-left { float:left !important} .f-right{ float:right !important} .no-float { float:none !important;} /* other col size */ .col-large {width:90%;} .col-medium {width:85%;} .col-small{ width:75%;} .col-extra-small{ width:70%; } /* display */ .display-block { display: block !important} .overflow-hidden{ overflow: hidden !important} .overflow-hidden-mobile{ position:fixed !important; overflow: hidden !important} .display-inline-block { display: inline-block !important} .display-inline { display: inline !important} .display-none { display: none !important} /* position */ .position-relative{ position: relative !important; z-index: 5 } .position-absolute {position: absolute !important;} .position-inherit {position: inherit !important;} .position-right { right:0 !important; } .position-left { left:0 !important; } .position-top { top:0 !important; } .position-right-15px { right: 15px !important;} .position-left-15px { left: 15px !important;} .position-left-right-zero { left: 0 !important; right: 0 !important} /* top */ .top-1 {top: 1px} .top-2 {top: 2px} .top-3 {top: 3px} .top-4 {top: 4px} .top-5 {top: 5px} .top-6 {top: 6px} .top-7 {top: 7px} .top-8 {top: 8px} .top-9 {top: 9px} .top-10 {top: 10px} /* width */ .width { display: inline-block; position: relative; width: 90%; } .width-20 { width:20% !important;} .width-30 { width:30% !important;} .width-40 { width:40% !important;} .width-50 { width:50% !important;} .width-60 { width:60% !important;} .width-70 { width:70% !important;} .width-80 { width:80% !important;} .width-90 { width:90% !important;} .width-100 { width:100% !important;} .width-auto { width: auto !important} /* height */ .height-100 { height: 100% !important} .height-auto { height:auto !important} .clear-both{ clear:both} .roundedimage { border-radius: 100%} .vertical-align-middle { vertical-align: middle !important;} .no-box-shadow { box-shadow:none !important} p.uppercase { text-transform:uppercase !important;} p.uppercase a { text-decoration:underline !important;} p.uppercase a:hover { text-decoration: none;} .line-break { display:block !important;} .z-index-1 {z-index:1 !important;} .z-index-0 {z-index:0 !important;} .no-transition *, .owl-carousel *, .select2-container, .select2-drop, .select2-search, .select2-search input { transition-timing-function: none ; -moz-transition-timing-function: none; -webkit-transition-timing-function: none; -o-transition-timing-function: none; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } .owl-carousel.hcode-featured-slider * { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } /* =================================== Border ====================================== */ .white-round-border { border-radius: 50%; border: 1px solid #fff;} .border-black{ border:1px solid #000} .border-thick{ border-width:2px !important } .border-white { border:1px solid #FFF} .border-top { border-top: 1px solid #e5e5e5; } .border { border: 1px solid #e5e5e5; } .border-right { border-right: 1px solid #e5e5e5; } .border-bottom { border-bottom: 1px solid #e5e5e5; } .border-left { border-left: 4px solid #fff; } .border-color-black { border-color: #000 !important} .border-color-white { border-color: #fff !important} .border-gray { border-color:#d7d7d7 !important} .border-color-orange { border-color:#ff513b !important} .no-border { border:none !important} .border-top-light { border-top: 1px solid rgba(0, 0, 0, 0.1);} .border-bottom-light { border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .border-transperent-light { border-color:rgba(255,255,255,.25) !important} .no-border-round {border-radius:0 !important} /* =================================== Scroll to top ====================================== */ #scroll_to_top { cursor: pointer; } #scroll_to_top:hover { opacity: 0.75; } .scrollToTop { display: none; font-weight: bold; height: auto; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; width: auto; background-color: #000; z-index: 555; border-radius:2px; } .scrollToTop i { font-size: 18px; margin: 0 6px; color: #fff; } .scrollToTop:hover { opacity: 0.5; } .scrollToTop:hover i { position: relative; } /* =================================== Slider background and overlay ====================================== */ .slider-overlay{ position: absolute; height: 100%; width: 100%; opacity: 0.6; z-index: 1; top:0; left: 0 } .video-background{ position: absolute; height: 100%; width: 100%; z-index: 1; top:0; background: rgba(67,67,67,0.5) } .slider-overlay-half{ position: absolute; height: 60%; width: 100%; opacity: 0.9; z-index: 1; bottom:0; } .slider-text { position: relative; left:0px; right:0px; z-index:1} .slider-text h1 { font-size:30px; font-weight:300; letter-spacing:3px; line-height: 38px} .slider-text span {display: block; font-size: 16px; font-weight: 400; line-height: 25px; } .gradient-overlay { position: absolute; height: 100%; width: 100%; opacity: 0.8; z-index: 1; top: 0px; background: rgba(31,36,74,0.9); background: -moz-linear-gradient(left, rgba(31,36,74,0.9) 0%, rgba(101,159,83,0.2) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(31,36,74,0.9)), color-stop(100%, rgba(101,159,83,0.2))); background: -webkit-linear-gradient(left,rgba(31,36,74,0.9) 0%, rgba(101,159,83,0.2) 100%); background: -o-linear-gradient(left,rgba(31,36,74,0.8) 0%, rgba(101,159,83,0.8) 100%); background: -ms-linear-gradient(left,rgba(31,36,74,0.9) 0%, rgba(101,159,83,0.2)100%); background: linear-gradient(to right,rgba(31,36,74,0.9) 0%, rgba(101,159,83,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a562', endColorstr='#659f53', GradientType=1 ); } .gradient-overlay-light { background: rgba(176,0,92,1); background: -moz-linear-gradient(left, rgba(176,0,92,1) 0%, rgba(83,11,49,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(176,0,92,1)), color-stop(100%, rgba(83,11,49,1))); background: -webkit-linear-gradient(left, rgba(176,0,92,0.7) 0%, rgba(83,11,49,1) 100%); background: -o-linear-gradient(left, rgba(176,0,92,0.7) 0%, rgba(83,11,49,1) 100%); background: -ms-linear-gradient(left, rgba(176,0,92,0.7) 0%, rgba(83,11,49,1) 100%); background: linear-gradient(to right, rgba(176,0,92,1) 0%, rgba(83,11,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530b31', endColorstr='#b0005c', GradientType=1 ); } .overlay-yellow{ position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#ffca18 } .overlay-blue{ position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#8ac4fe } .overlay-gray{ position: absolute; height: 100%; width: 100%; opacity: 0.8; top: 0px; background-color:#f4f5f6 } .overlay-green{ position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0px; background-color:#71f1b9 } .slider-half { position:absolute; top:50%; left:0; right:0; z-index:1; color:#FFF} .slider-half h1 { font-size:80px; line-height:85px; font-weight:300; letter-spacing:-2px; text-transform: none;} .slider-half h1 span { font-weight:700;} /* =================================== Navigation ====================================== */ nav { width: 100%; top: 0px; z-index: 99;} nav .container{ display: table-cell; vertical-align: middle; height: 80px; position: relative; } .shrink-nav .container { height: 60px; } .shrink-nav { background-color:#FFF; } .sticky-nav{ position: fixed; top: 0px; display: inline-table;} .logo { max-width: 291px !important; } .logo-style-2 { max-width: 177px; } .logo-style-3 { max-width: 210px; } .sticky-nav .logo-light { height: 55px; vertical-align: middle; display: table-cell;} .shrink-nav .logo-light { opacity: 0; display: none} .sticky-nav .logo-dark {opacity: 0; display: none} .shrink-nav .logo-dark { height: 55px; vertical-align: middle; display: table-cell; opacity: 1} .mega-menu-full .mega-menu-column { margin: 0; } .navbar .navbar-nav > li > a, .search-cart-header .subtitle {font-size: 11px; font-weight: 600;} .top-cart .fa-shopping-cart, .search-cart-header i {font-size: 13px;} .navbar-nav > li > ul > li { margin-top: 20px !important;} .navbar-nav li a.active { border-bottom:2px solid #000} .black-bg { background: rgba(0,0,0,0.65)} .nav-white.sticky-nav .navbar-nav li a { color: #fff } .nav-white.shrink-nav .navbar-nav li a { color: #000 } .nav-black .navbar-nav li a, nav-black .search-cart-header .subtitle, .nav-black .top-cart .fa-shopping-cart, .nav-black .search-button, .nav-black .top-cart a:hover .fa-shopping-cart, .nav-black .search-cart-header .subtitle { color: #000; } .nav-black.nav-dark .search-cart-header .subtitle, .nav-black.nav-dark .top-cart .fa-shopping-cart, .nav-black.nav-dark .search-button, .nav-black.nav-dark .top-cart a:hover .fa-shopping-cart, .nav-black.nav-dark .search-cart-header .subtitle { color: #000; } .nav-black.nav-dark.shrink-nav .search-cart-header .subtitle, .nav-black.nav-dark.shrink-nav .top-cart .fa-shopping-cart, .nav-black.nav-dark.shrink-nav .search-button, .nav-black.nav-dark.shrink-nav .top-cart a:hover .fa-shopping-cart, .nav-black.nav-dark.shrink-nav .search-cart-header .subtitle { color: #fff; } .nav-white.nav-dark .search-cart-header .subtitle, .nav-white.nav-dark .top-cart .fa-shopping-cart, .nav-white.nav-dark .search-button, .nav-white.nav-dark .top-cart a:hover .fa-shopping-cart, .nav-white.nav-dark .search-cart-header .subtitle { color: #fff; } .nav-white.nav-dark.shrink-nav .search-cart-header .subtitle, .nav-white.nav-dark.shrink-nav .top-cart .fa-shopping-cart, .nav-white.nav-dark.shrink-nav .search-button, .nav-white.nav-dark.shrink-nav .top-cart a:hover .fa-shopping-cart, .nav-white.nav-dark.shrink-nav .search-cart-header .subtitle { color: #fff; } .nav-black.nav-dark-transparent .search-cart-header .subtitle, .nav-black.nav-dark-transparent .top-cart .fa-shopping-cart, .nav-black.nav-dark-transparent .search-button, .nav-black.nav-dark-transparent .top-cart a:hover .fa-shopping-cart, .nav-black.nav-dark-transparent .search-cart-header .subtitle { color: #000; } .nav-black.nav-dark-transparent.shrink-nav .search-cart-header .subtitle, .nav-black.nav-dark-transparent.shrink-nav .top-cart .fa-shopping-cart, .nav-black.nav-dark-transparent.shrink-nav .search-button, .nav-black.nav-dark-transparent.shrink-nav .top-cart a:hover .fa-shopping-cart, .nav-black.nav-dark-transparent.shrink-nav .search-cart-header .subtitle { color: #fff; } .nav-white.nav-dark-transparent .search-cart-header .subtitle, .nav-white.nav-dark-transparent .top-cart .fa-shopping-cart, .nav-white.nav-dark-transparent .search-button, .nav-white.nav-dark-transparent .top-cart a:hover .fa-shopping-cart, .nav-white.nav-dark-transparent .search-cart-header .subtitle { color: #fff; } .nav-white.nav-dark-transparent.shrink-nav .search-cart-header .subtitle, .nav-white.nav-dark-transparent.shrink-nav .top-cart .fa-shopping-cart, .nav-white.nav-dark-transparent.shrink-nav .search-button, .nav-white.nav-dark-transparent.shrink-nav .top-cart a:hover .fa-shopping-cart, .nav-white.nav-dark-transparent.shrink-nav .search-cart-header .subtitle { color: #fff; } .nav-white.nav-dark-transparent .navbar-nav li a:hover, .nav-white.nav-dark-transparent .navbar-nav > .open > a, .nav-white.nav-dark-transparent .navbar-nav li a.active, .nav-white.nav-dark-transparent .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff} .nav-black.nav-dark-transparent .navbar-nav li a:hover, .nav-black.nav-dark-transparent .navbar-nav > .open > a, .nav-black.nav-dark-transparent .navbar-nav li a.active, .nav-black.nav-dark-transparent .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .nav-black.non-sticky .search-cart-header .subtitle, .nav-black.non-sticky .top-cart .fa-shopping-cart, .nav-black.non-sticky .search-button, .nav-black.non-sticky .top-cart a:hover .fa-shopping-cart, .nav-black.non-sticky .search-cart-header .subtitle { color: #000; } .nav-black.non-sticky.shrink-nav .search-cart-header .subtitle, .nav-black.non-sticky.shrink-nav .top-cart .fa-shopping-cart, .nav-black.non-sticky.shrink-nav .search-button, .nav-black.non-sticky.shrink-nav .top-cart a:hover .fa-shopping-cart, .nav-black.non-sticky.shrink-nav .search-cart-header .subtitle { color: #000; } .nav-white.non-sticky .search-cart-header .subtitle, .nav-white.non-sticky .top-cart .fa-shopping-cart, .nav-white.non-sticky .search-button, .nav-white.non-sticky .top-cart a:hover .fa-shopping-cart, .nav-white.non-sticky .search-cart-header .subtitle { color: #fff; } .nav-white.non-sticky.shrink-nav .search-cart-header .subtitle, .nav-white.non-sticky.shrink-nav .top-cart .fa-shopping-cart, .nav-white.non-sticky.shrink-nav .search-button, .nav-white.non-sticky.shrink-nav .top-cart a:hover .fa-shopping-cart, .nav-white.non-sticky.shrink-nav .search-cart-header .subtitle { color: #fff; } .nav-black.non-sticky.shrink-nav .navbar-nav li a, .nav-black.non-sticky.shrink-nav .navbar-nav li a:hover, .nav-black.non-sticky.shrink-nav .navbar-nav > .open > a, .nav-black.non-sticky.shrink-nav .navbar-nav li a.active { color: #000} .nav-white.non-sticky.shrink-nav .navbar-nav li a, .nav-white.non-sticky.shrink-nav .navbar-nav li a:hover, .nav-white.non-sticky.shrink-nav .navbar-nav > .open > a, .nav-white.non-sticky.shrink-nav .navbar-nav li a.active { color: #fff} .nav-white.non-sticky .navbar-nav li a:hover, .nav-white.non-sticky .navbar-nav > .open > a, .nav-white.non-sticky .navbar-nav li a.active, .nav-white.non-sticky .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff; } .nav-black.non-sticky .navbar-nav li a:hover, .nav-black.non-sticky .navbar-nav > .open > a, .nav-black.non-sticky .navbar-nav li a.active, .nav-black.non-sticky .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000; } .nav-white.non-sticky.shrink-nav .navbar-nav li a:hover, .nav-white.non-sticky.shrink-nav .navbar-nav > .open > a, .nav-white.non-sticky.shrink-nav .navbar-nav li a.active, .nav-white.non-sticky.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff; } .nav-black.non-sticky.shrink-nav .navbar-nav li a:hover, .nav-black.non-sticky.shrink-nav .navbar-nav > .open > a, .nav-black.non-sticky.shrink-nav .navbar-nav li a.active, .nav-black.non-sticky.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000; } .nav-black.static-sticky-gray.shrink-nav .navbar-nav li a, .nav-black.static-sticky-gray.shrink-nav .navbar-nav li a:hover, .nav-black.static-sticky-gray.shrink-nav .navbar-nav > .open > a, .nav-black.static-sticky-gray.shrink-nav .navbar-nav li a.active { color: #000} .nav-white.static-sticky-gray.shrink-nav .navbar-nav li a, .nav-white.static-sticky-gray.shrink-nav .navbar-nav li a:hover, .nav-white.static-sticky-gray.shrink-nav .navbar-nav > .open > a, .nav-white.static-sticky-gray.shrink-nav .navbar-nav li a.active { color: #fff} .nav-black.static-sticky-gray .search-cart-header .subtitle, .nav-black.static-sticky-gray .top-cart .fa-shopping-cart, .nav-black.static-sticky-gray .search-button, .nav-black.static-sticky-gray .top-cart a:hover .fa-shopping-cart, .nav-black.static-sticky-gray .search-cart-header .subtitle { color: #000; } .nav-white.static-sticky-gray.shrink-nav .search-cart-header .subtitle, .nav-white.static-sticky-gray.shrink-nav .top-cart .fa-shopping-cart, .nav-white.static-sticky-gray.shrink-nav .search-button, .nav-white.static-sticky-gray.shrink-nav .top-cart a:hover .fa-shopping-cart, .nav-white.static-sticky-gray.shrink-nav .search-cart-header .subtitle { color: #fff; } .nav-white.static-sticky-gray.shrink-nav .navbar-nav li a:hover, .nav-white.static-sticky-gray.shrink-nav .navbar-nav > .open > a, .nav-white.static-sticky-gray.shrink-nav .navbar-nav li a.active, .nav-white.static-sticky-gray.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff;} .nav-black.static-sticky-gray.shrink-nav .navbar-nav li a:hover, .nav-black.static-sticky-gray.shrink-nav .navbar-nav > .open > a, .nav-black.static-sticky-gray.shrink-nav .navbar-nav li a.active, .nav-black.static-sticky-gray.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000;} .nav-white.sticky-nav .navbar-nav li a:hover, .nav-white.sticky-nav .navbar-nav > .open > a, .nav-white.sticky-nav .navbar-nav li a.active, .nav-white.sticky-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff} .nav-white.shrink-nav .navbar-nav li a:hover, .nav-white.shrink-nav .navbar-nav > .open > a, .nav-white.shrink-nav .navbar-nav li a.active, .nav-white.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .nav-dark.shrink-nav .navbar-nav li a:hover, .nav-dark.shrink-nav .navbar-nav > .open > a, .nav-dark.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff} .nav-dark-transparent.shrink-nav .navbar-nav li a:hover, .nav-dark-transparent.shrink-nav .navbar-nav > .open > a, .nav-dark-transparent.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff} .nav-black.white-header .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .nav-white.white-header .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff} .nav-white.white-header.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .nav-black.transparent-header .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .nav-white.transparent-header .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff} .nav-white.transparent-header.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .navbar-nav li.current-menu-ancestor ul li.current-menu-item a { color: #fff !important;} .nav-black.static-sticky .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .nav-white.static-sticky .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff} .nav-white.static-sticky.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .nav-white.static-sticky-gray .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff;} .nav-black.static-sticky-gray .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000;} .nav-black.nav-light-transparent .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .nav-white.nav-light-transparent .navbar-nav li.current-menu-ancestor a { border-bottom-color: #fff} .nav-white.nav-light-transparent.shrink-nav .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .megamenu-right-icon { display: none !important;} .navbar-default .navbar-nav > li > a i.megamenu-mobile-icon { display: none; } .mega-menu-column { display: inline-block; margin-right: 35px; vertical-align: top; } .mega-menu-column:last-child { margin-right: 0; } .sticky-nav .navbar-nav > li > .dropdown-menu { top: 66px; } .shrink-nav .navbar-nav > li > .dropdown-menu { top: 55px; } .nav-white.sticky-nav .navbar-nav li a.dropdown-toggle .menu-icon-left {color: #fff; font-size: 14px; margin: 0 5px 0 0; position: relative; top: 1px; padding: 0;} .nav-white.shrink-nav .navbar-nav li a.dropdown-toggle .menu-icon-left {color: #000; font-size: 14px; margin: 0 5px 0 0; position: relative; top: 1px; padding: 0} .nav-dark.shrink-nav .navbar-nav li a.dropdown-toggle .menu-icon-left {color: #fff; font-size: 14px; margin: 0 5px 0 0; position: relative; top: 1px; padding: 0 } .nav-dark-transparent.shrink-nav .navbar-nav li a.dropdown-toggle .menu-icon-left {color: #fff; font-size: 14px; margin: 0 5px 0 0; position: relative; top: 1px; padding: 0 } .navbar-default .navbar-nav li a.dropdown-toggle .menu-icon-left {color: #373737; font-size: 14px; margin: 0 5px 0 0; position: relative; top: 1px; padding: 0 } .shrink-nav .cart-content { top: 44px; } .megamenu-mobile-icon { display: none;} .dropdown-menu li ul { margin: 0 0 20px 0;} .menu-position-right { width: auto;} .menu-position-right .navbar-nav.navbar-right:last-child { margin-right: 15px; } .menu-position-right .navbar-nav > li:last-child { margin-right: 0;} .menu-position-right .dropdown-menu { right: 15px;} .retina-logo { display: none;} .retina-logo-light { display: none;} .navbar-header { display: none;} .dropdown-header { border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { .logo { display: none; } .retina-logo { display: inline-block; } .retina-logo-light { display: block; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .checkout .input-text { -webkit-appearance: caret; -moz-appearance: caret; -o-appearance: caret; appearance: caret; border-radius: 0; } } /* transparent header */ .transparent-header.shrink-nav { background: #fff} /* white header */ .white-header { background: #fff} .white-header .dropdown-menu, .white-header .cart-content { background: rgba(0,0,0,0.9)} /* simple dropdown menu */ .sub-menu { position: relative; width: 100%; } .sub-menu ul { background-color: rgba(27, 22, 28, 0.95); border-left: 1px solid rgba(255, 255, 255, 0.06); display: none; left: 200px; margin: 0 !important; min-width: 200px; padding: 10px 25px 35px; position: absolute; top: 0; } .sub-menu:hover ul { display: block; } .sub-menu a i { position: absolute !important; top: 11px !important; } .simple-dropdown { position: relative !important; } .simple-dropdown > ul.dropdown-menu { padding: 0 !important; margin: 0 !important; width: 220px; right: inherit !important; left: 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} .simple-dropdown > ul.dropdown-menu > li { padding: 0 !important; white-space: normal; margin: 0 !important; position: relative; width: 100%;} .simple-dropdown > ul.dropdown-menu > li a i { display: block; float: right; margin: -3px 0 0 0;} .simple-dropdown > ul.dropdown-menu > li a { border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; color: #c8c8c8; text-transform: uppercase; line-height: 18px !important; padding: 9px 13px !important;} .simple-dropdown > ul.dropdown-menu > li a:hover, .shrink-nav .navbar-nav > .simple-dropdown > ul.dropdown-menu > li a:hover { background-color: rgba(27, 22, 28, 0.95); color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; } .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu { position: absolute; left: 220px; background-color: rgba(27, 22, 28, 0.95); width: 240px; top: 0; display: none;} .simple-dropdown > ul.dropdown-menu > li:hover > ul.mega-sub-menu { display: block;} .simple-dropdown > ul.dropdown-menu > li.current-menu-ancestor ul.mega-sub-menu li > a { color: #c8c8c8 !important} .simple-dropdown > ul.dropdown-menu > li.current-menu-ancestor > a, .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu > li.current-menu-item > a:hover, .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu > li.current-menu-item > a { color: #fff !important;} .sticky-nav .navbar-nav > .simple-dropdown > .dropdown-menu { top: 58px;} .shrink-nav .navbar-nav > .simple-dropdown > .dropdown-menu { top: 47px;} .static-sticky .navbar-nav > .simple-dropdown > .dropdown-menu { top: 61px;} .static-sticky-gray .navbar-nav > .simple-dropdown > .dropdown-menu { top: 61px;} /* megamenu column 1 */ .megamenu-column-1 { position: relative;} .megamenu-column-1 > ul.dropdown-menu { padding:30px 25px 35px !important; margin: 0 !important; width: 200px !important; right: inherit !important; left: 0; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%);} .megamenu-column-1 > ul.dropdown-menu > li > ul { margin: 0 !important} .megamenu-column-1 > ul.dropdown-menu > li { margin: 0 !important; padding: 0; width: 100%;} .megamenu-column-1 > ul.dropdown-menu > li > a { color: #fff; cursor: default;} .megamenu-column-1 > ul.dropdown-menu > li > a:hover, .shrink-nav .navbar-nav > .megamenu-column-1 > ul.dropdown-menu > li > a:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;} .sticky-nav .navbar-nav > .megamenu-column-1 > ul.dropdown-menu { top: 58px;} .shrink-nav .navbar-nav > .megamenu-column-1 > ul.dropdown-menu { top: 47px;} .static-sticky .navbar-nav > .megamenu-column-1 > ul.dropdown-menu { top: 61px;} .static-sticky-gray .navbar-nav > .megamenu-column-1 > ul.dropdown-menu { top: 61px;} .dropdown-menu li a i { color: #c8c8c8; float: left; font-size: 14px; margin: 0 10px 0 0; padding: 0; position: relative; right: 0; top: 5px; } .dropdown-menu li a:hover i { color: #fff; } .sticky-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0)} .shrink-nav.nav-border-bottom { border-bottom: 1px solid rgba(0,0,0,0.1)} .nav-border-bottom-fix {border-bottom: 1px solid rgba(0,0,0,0.1)} .nav-white .search-cart-header .subtitle, .nav-white .top-cart .fa-shopping-cart, .nav-white .search-button, .nav-white .top-cart a:hover .fa-shopping-cart { color: #fff} .nav-white.shrink-nav .search-cart-header .subtitle, .nav-white.shrink-nav .top-cart .fa-shopping-cart, .nav-white.shrink-nav .search-button, .nav-white.shrink-nav .top-cart a:hover .fa-shopping-cart { color: #000} .search-cart-header .subtitle-mobile { display: none; background-color: #9cdcf9; border-radius: 100%; font-size: 11px; height: 16px; line-height: 17px; text-align: center; width: 16px; position: absolute; right: -5px; top: -7px; letter-spacing: normal;} /* dark navigation */ .nav-dark { background-color: #000; border-bottom:1px solid rgba(0,0,0,1)} .nav-dark.shrink-nav .navbar-nav li a { color:#fff} .nav-dark .search-cart-header .subtitle, .nav-dark .top-cart .fa-shopping-cart, .nav-dark .search-button, .nav-dark .top-cart a:hover .fa-shopping-cart { color: #fff} .nav-dark .search-button { color:#fff} .nav-dark .dropdown-menu, .nav-dark .cart-content{ background: rgba(0,0,0,0.9)} .nav-dark .navbar-nav li a:hover { border-bottom-color: #fff} .nav-dark li a.active { border-bottom:2px solid #fff !important} /* transparent dark navigation */ .nav-dark-transparent { background-color: rgba(0,0,0,0.8); border-bottom:1px solid rgba(0,0,0,0.8)} .nav-dark-transparent.shrink-nav .navbar-nav li a { color:#fff } .nav-dark-transparent .search-cart-header .subtitle, .nav-dark-transparent .top-cart .fa-shopping-cart, .nav-dark-transparent .search-button, .nav-dark-transparent .top-cart a:hover .fa-shopping-cart { color: #fff} .nav-dark-transparent .dropdown-menu, .nav-dark-transparent .cart-content { background: rgba(0,0,0,0.9)} .nav-dark-transparent .navbar-nav li a:hover { border-bottom-color: #fff} .nav-dark-transparent .close-search, .nav-white .close-search{ color: #000} /* transparent light navigation */ .nav-light-transparent{ background-color: rgba(255,255,255,0.8)} /* static sticky */ .static-sticky { height: 87px !important} .static-sticky .logo-light { opacity: 1; display: block; display: table-cell; vertical-align: middle; } .static-sticky .navbar-nav > li > .dropdown-menu { top: 69px; } .static-sticky .cart-content { margin-top: 6px !important; top: 52px !important;} .static-sticky {background: #fff} .static-sticky .dropdown-menu, .static-sticky .cart-content { background: rgba(0,0,0,0.9)} /* static sticky */ .static-sticky-gray { height: 87px !important} .static-sticky-gray .logo-light { opacity: 1; display: block; display: table-cell; vertical-align: middle; } .static-sticky-gray .navbar-nav > li > .dropdown-menu { top: 68px; } .static-sticky-gray .cart-content { margin-top: 6px !important; top: 51px !important;} .static-sticky-gray {background: #f6f6f6} .static-sticky-gray .dropdown-menu, .static-sticky-gray .cart-content { background: rgba(0,0,0,0.9)} /* non sticky */ .non-sticky {position: relative; background: #fff} .non-sticky .dropdown-menu, .non-sticky .cart-content { background: rgba(0,0,0,0.9)} /* search and cart */ .search-cart-header { padding-top: 14px; float: right; letter-spacing: 1px} #top-search { float: right; margin: 1px 0 0 18px; position: relative; padding-bottom: 17px;} .search-form {width:45%; margin: 0 auto; top:40%} .search-form .search-input { border:none; border-bottom:2px solid #000; font-size:30px; font-weight:100; padding:20px 2px; text-transform:capitalize; background: transparent; line-height:40px; } .search-form .search-input:focus{outline: none} .search-input ::-moz-placeholder, .search-input [placeholder] { color: #ff0000 !important; } .search-form .search-button {font-size:21px; top:31px; right: 0} #search-header {height:100%} .close-search { color: #373737 !important; position: absolute; right: 0; top: 23px; z-index: 998; cursor: pointer; } .close-search:hover { color: #9a9a9a !important;} .search-button { cursor: pointer; z-index: 0; color: #373737; margin-right: 0; border: none; background: none; } .search-cart-header i { display: initial; } .search-button:hover { color: #9a9a9a !important;} .top-cart { float:right; position: relative; padding-bottom: 0;} .top-cart a.shopping-cart { color: #373737; display: initial; padding-bottom: 30px;} .top-cart a.shopping-cart:hover { color: #373737;} .top-cart .fa-shopping-cart { margin: 5px 4px 0 0; color: #373737;} .top-cart a:hover .fa-shopping-cart { color: #373737;} .search-cart-header .subtitle { color: #373737; display: inline-block; margin-top: 1px; text-transform: uppercase; } .dropdown-header, .dropdown-menu, .simple-dropdown > ul.dropdown-menu > li a {font-size: 11px; } .dropdown-menu { background-clip: padding-box; background-color:rgba(27,22,28,0.95); float: left; text-transform:uppercase; list-style: none outside none; margin: 2px 0 0; min-width: 200px; padding: 10px 25px 35px; position: absolute; text-align: left; top: 100%; z-index: 1000; color:#000; -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%);} .cart-content { top: 55px; opacity: 0; position: absolute; right: 0; transition: all 200ms ease 0s; visibility: hidden; z-index: 9; background-clip: padding-box; background-color: rgba(27, 22, 28, 0.95); padding:25px; width: 250px; } .cart-content ul.cart-list { list-style: outside none none; margin: 0; padding: 0; float: left; width: 100%; color: #c8c8c8} .cart-content ul.cart-list li.empty { border: 0; padding-bottom: 0; margin-bottom: 0; letter-spacing: normal; text-align: center; line-height: normal;} .cart-content ul.cart-list li { text-align: left; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 12px; padding-bottom: 10px;} .cart-content ul.cart-list li dl { float: left; width: 100%; clear: both; font-size: 12px; margin-top: 7px; margin-bottom: 7px;} .cart-content ul.cart-list li dl p { padding: 0; margin: 0;} .cart-content ul.cart-list li dl dt { float: left; margin-right: 7px; font-weight: normal; clear: both; color: #c8c8c8;} .cart-content ul.cart-list li dl dd { float: left; margin: 0;} .cart-content ul.cart-list li:last-child { border: 0; } .cart-content ul.cart-list a.remove { position: absolute; right: 15px; font-size: 15px; text-align: right;} .mini-cart-product-box { padding-left: 70px;} .cart-content ul.cart-list a { display: block; font-size: 11px; text-transform: uppercase; font-weight: 600; line-height: 16px; padding: 0 0 0 0; position: relative; width: auto; color: #c8c8c8 !important } .cart-content ul.cart-list a img { height: 60px; left: 0; float: left; width: 60px; position: absolute; } .cart-content ul.cart-list .quantity { font-size: 12px; } .cart-content .total { border-bottom: 1px solid rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2); color: #c8c8c8 !important; display: block; font-size: 11px; margin-bottom: 0; padding: 7px 0; float: left; width: 100%; text-transform: uppercase } .cart-content p.total strong { float: left; } .cart-content .total .amount { float: right; } .cart-content .buttons {float: left; width: 100%; margin: 0px; text-align: center } .mega-menu-full { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* =================================== Page titles ====================================== */ /* page titles */ .content-top-margin { margin-top: 81px;} .page-title { padding: 80px 0} .page-title h1 { letter-spacing: 4px; font-weight: 600; font-size: 20px; margin-bottom: 5px} .page-title span {letter-spacing: 1px; font-weight: 400; font-size: 14px;} .breadcrumb ul li { display: inline-block; letter-spacing: 2px; font-size: 11px; font-weight: 400;} .breadcrumb ul > li+li:before { content: "|"; font-size: 8px; padding: 0 10px; position: relative; top: -2px;} .page-title-large { min-height: 450px; padding: 240px 0 0} .page-title-large h1 { font-size: 25px; margin-bottom: 15px;} .page-title .breadcrumb { margin-top: 36px} .page-title .separator-line { -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;} .page-title:hover .separator-line { width:80px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms linear;} /* page title shop */ .page-title-shop h1 { font-size:35px;} /* page titels small */ .page-title-small { padding: 40px 0 } .page-title-small h1 { margin-bottom: 0; font-size: 18px; line-height: 23px} .page-title-small .breadcrumb { margin-top:0; } /* =================================== Section ====================================== */ /* features section */ .features-section { float:left} .features-section .col-xs-3 { width:20%} .features-section .col-xs-9 { width:75%} .features-section p { margin: 0 0 15px} .features-section .separator-line{ margin-left:0; margin-right:0} /* services section */ .services-main{ padding: 7%;} .services-sub { padding: 100px 0 0 0; float: left} .services-main i { margin-bottom: 10%} .services-sub-section { padding-right:45px;} /* testimonial section */ .testimonial p{ font-size:14px; margin:50px 0 40px; line-height:24px} .testimonial .name{ font-size:11px; display:block; margin:0 0 10px 0; width:100%; font-weight:400; text-transform: uppercase; letter-spacing: 2px;} .testimonial-style2 p{ font-size:13px; margin:30px 0 20px; line-height:22px;} .testimonial-style2 .name{ font-size:11px; display:block; width:100%; font-weight:600; text-transform: uppercase; letter-spacing: 2px;} .testimonial-style2 img { border-radius: 50%; max-width: 120px} .rnd50 { border-radius: 50%; max-width: 80px} .tab-content > .tab-pane .top-icon { display:block;} .tab-content > .tab-pane .top-icon i { font-size:70px;} /* counter section */ .counter-section i { display:block; margin:0 0 10px} .counter-section span.counter-number { font-size:40px; line-height:60px; display:block; letter-spacing: 2px} .counter-title{ font-size:12px; letter-spacing:2px; text-transform: uppercase} .counter-icon {top:25px; position:relative} /* team */ .key-person{ overflow:hidden; max-height:695px} .key-person .key-person-img img { opacity:1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .key-person:hover .key-person-img img { opacity:0.5; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .key-person:hover .key-person-details { bottom:110px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; border-top:1px solid #e5e5e5} .key-person-details{ position:relative; padding: 32px 25px 120px; bottom:0; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; border-top:1px solid #e5e5e5} .key-person i { font-size:20px; margin:15px 15px 25px} .key-person a i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;} .key-person a:hover i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;} .key-person .person-name { font-size:11px; letter-spacing: 2px; text-transform:uppercase; display:block; font-weight:600} .key-person .person-post { font-size:11px; text-transform:uppercase; font-weight:400; letter-spacing: 1px} /* case study */ .case-study-slider{ padding: 130px 0} .case-study-title { font-size: 18px; letter-spacing: 3px; text-transform: uppercase; font-weight: 600} .case-study-work {letter-spacing: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; display: block; margin: 5px 0 25px;} .case-study-detials{ display: block; margin-bottom: 25px; } .case-study-img { min-height: 500px;} .case-study-details { min-height: 500px; padding: 6.3% 6%;} /* approach */ .approach-details { text-transform: uppercase; margin-top: 15px; display: block; line-height: 20px} .feature-owlslide-content { margin-left: auto; margin-right: auto;} /* work process */ .work-process-sub {min-height:100px} .work-process-text {line-height:40px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .work-process-sub:hover .work-process-text {-webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%); } .work-process-number {font-size:50px; letter-spacing:-2px} .work-process-sub:hover .work-process-details {z-index:2; opacity:1; bottom:0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;} .work-process-details {opacity:0; width: 100%; height:100%; bottom: -60px; left: 0} .work-process-details i {margin-bottom:10px !important} /* =================================== Footer ====================================== */ footer { clear:both;} footer ul li a, .copyright {font-size: 11px} footer .bg-mid-gray { background: rgba(0,0,0,.10)} footer .footer-top {border-top:1px solid #e5e5e5 } footer h5 { margin-bottom: 20px;} footer .footer-middle { padding-top:30px; padding-bottom: 25px;} footer .onepage-footer-middle { padding-top:55px; padding-bottom: 45px;} footer ul li { padding: 1px 0} footer ul li a { text-transform: uppercase; letter-spacing: 1px} footer ul.list-inline li a {font-weight: 600} footer ul.list-inline li:first-child {padding-left: 6px} .footer-social i { font-size: 22px;} .footer-social a { margin: 0 25px;} .footer-social a:last-child {margin-right: 0} .copyright { text-transform:uppercase; } .footer-logo img { max-width: 100px;} .footer-bottom { position: relative; top:1px} .footer-position { display: table; float: none; margin-left: auto; margin-right: auto; width: auto; } /* =================================== Owl carousel ====================================== */ .owl-carousel { overflow: hidden; } .owl-buttons { position: static; } .owl-prev, .owl-next { color: #111; display: block; font-size: 16px; height: 105px; line-height: 105px; margin-top:-35px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 105px; z-index: 6; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .3s; -moz-transition-duration: .3s; -webkit-transition-duration: .3s; -o-transition-duration: .3s; } .owl-prev {left: -70px;} .owl-next {right: -70px;} .owl-prev:before, .owl-next:before { background-color:#fff; border-radius:2px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); content: ""; display: block; height: 66%; left: 0; position: absolute; width: 66%; } .owl-next:before { left: auto; right: 0; } .owl-prev .fa, .owl-next .fa {color: #000; font-size: 24px; position: relative; top: -15%;} .owl-prev .fa{ right: 4%} .owl-next .fa { left: 4%;} .owl-carousel:hover .owl-prev {left: -35px; opacity: 1; } .owl-carousel:hover .owl-next { opacity: 1; right: -35px; } .owl-pagination { bottom: 30px; display: block; left: 0; position: absolute; text-align: center; width: 100%; z-index: 100 !important; } .owl-page { display: inline-block; padding: 6px 5px; } .owl-page span { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; } .owl-page:hover span { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); } .owl-page.active span { background: none repeat scroll 0 0 transparent; border: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1.33333); } .owl-bg-img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; overflow: hidden; position: relative; width: 100%; } .owl-subtitle { font-size: 14px; letter-spacing: 10px; text-transform: uppercase; font-weight: 400; line-height: 80px; display:block} .owl-title { font-size: 35px; font-weight: 600; text-transform: uppercase; display: block; letter-spacing: 7px;} .owl-title-big { background: rgba(0, 0, 0, 0.5); display: inline-block; font-size: 25px; font-weight: 600; letter-spacing: 7px; line-height: 40px; padding: 35px 50px; text-transform: uppercase; width: 60% } .dark-pagination .owl-page span { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); box-shadow: none } .dark-pagination .owl-page.active span {background:transparent; border: 1px solid rgba(0, 0, 0, 1); } .dark-pagination .owl-prev, .owl-next { opacity: 1; } .dark-navigation .owl-prev::before, .dark-navigation .owl-next::before { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); } .dark-navigation .owl-prev .fa, .dark-navigation .owl-next .fa { color: #fff;} .dark-navigation .owl-prev::before, .dark-navigation .owl-next::before { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); } .dark-navigation .owl-prev .fa, .dark-navigation .owl-next .fa { color: #fff;} .dark-pagination .owl-next:before { left: auto; right: 0; } .dark-pagination .owl-prev {left: -35px; opacity: 1; } .dark-pagination .owl-next { opacity: 1; right: -35px; } .light-pagination .owl-page.active span {background: transparent; border: 1px solid rgba(255, 255, 255, 1); } .feature_nav a { cursor: pointer;} .owl-pagination-bottom.owl-carousel { overflow: visible;} .owl-pagination-bottom.owl-carousel .owl-pagination { bottom: -50px } /* dot pagination */ .dot-pagination .owl-page span { border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px;} .dot-pagination .owl-page.active span {border:none !important; transform:none!important; background:#fff !important} /* square pagination */ .square-pagination .owl-page span { width:30px; border-radius: inherit; height:3px; } .square-pagination .owl-page.active span {border:none !important; transform:none!important; background:#fff !important} /* round pagination */ .round-pagination .owl-page span { border-radius: 4px; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px;} .round-pagination .owl-page.active span { background: none repeat scroll 0 0 transparent; transform: scale(1.33333);} /* hide next-prev arrow */ .dark-pagination-without-next-prev-arrow .owl-prev, .dark-pagination-without-next-prev-arrow .owl-next {display: none} /* hide dot navigation */ .owl-no-pagination .owl-pagination { display: none} /* simple next-prev arrow */ .owl-prev-next-simple .owl-prev::before, .owl-next::before { box-shadow:none} /* half slider */ .owl-half-slider .owl-title { width: 50%; line-height: 40px; font-size: 25px;} .owl-half-slider .item { min-height: 750px} .owl-half-slider .container { min-height: 750px} .owl-small-slider .item {min-height: 430px} .owl-small-slider .container {min-height: 400px} /* bottom pagination */ .bottom-pagination .owl-pagination {position:inherit !important} /* scroll down */ .scroll-down{ bottom: 50px; position: absolute; text-align: center; width: 100%; z-index: 10} .scroll-down a i { border-radius: 2px; font-size: 17px; padding: 2px 6px; } .scroll-down a i:hover { background:#000; color: #fff } .scroll-to-down { cursor:url("../../../themes/h-code/assets/images/arrow-down.png"), pointer;} .scroll-to-down-white { cursor:url("../../../themes/h-code/assets/images/arrow-down-white.png"), pointer;} .background-slider-text { position: absolute; width: 100%} #owl-demo-background .owl-item { cursor: default !important} /* =================================== Slider and parallax typography ====================================== */ .slider-text-middle-main { display: table; height: 100%; width: 100% } .slider-text-bottom { display: table-cell; vertical-align: bottom; } .slider-text-top { display: table-cell; vertical-align: top; } .slider-text-middle { display: table-cell; vertical-align: middle; } .slider-text-middle1 { padding: 0 15px;} .slider-typography { text-align: center; width: 100%; height: 100%; position: absolute; z-index: 1; right: 0; left: 0; } .slider-subtitle1 { display: block; font-size: 48px; font-weight: 100; letter-spacing: 4px; line-height: 68px; margin-bottom: 45px; padding: 30px 35px; text-align: center; text-transform: uppercase; width: 250px; } .slider-title-big1 {font-size: 14px; text-transform: uppercase; letter-spacing: 1px } .slider-text-middle1 .separator-line { margin: 3% 0 0 0} .slider-text-middle2 { padding:0 15px} .slider-subtitle2 { display: block; font-size: 35px; font-weight: 100; letter-spacing: 4px; line-height: 45px; text-transform: uppercase; } .slider-subtitle3 {font-size: 20px; font-weight: 600; letter-spacing: 8px; line-height: 80px; text-transform: uppercase; } .slider-text-middle3 { padding:0 15px} .slider-title-big3 {display: inline-block; font-size: 30px; font-weight: 600; letter-spacing: 7px; line-height: 43px; padding: 35px 50px; text-transform: uppercase;} .slider-text-middle4 { padding: 0 15px;} .slider-subtitle4 {font-size: 14px; font-weight: 100; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 20px; display: block } .slider-title-big4 {font-size: 30px; font-weight: 400; letter-spacing: 7px; text-transform: uppercase; display: block; margin-bottom: 20px} .slider-text-middle5 { padding: 0 15px;} .slider-subtitle5 {font-size: 22px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 50px; display: block; line-height: 30px } .slider-title-big5 {font-size: 15px; font-weight: 100; letter-spacing: 7px; text-transform: uppercase; display: block; margin-bottom: 30px} .slider-number {border: 2px solid #fff; display: inline-block; font-size: 20px; font-weight: 400; margin-bottom: 60px; padding: 9px 0; width: 46px; text-align: center} .slider-title-big6{ font-size:35px; line-height:1.4em} /* =================================== Parallax ====================================== */ .overlay{ position: absolute; height: 100%; width: 100%; opacity: 0.2; z-index: 1; top: 0px; } .parallax-fix{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; background-attachment: fixed !important } .parallax-fix .row{ position: relative; z-index: 2; } .parallax-section-main { /* min-height: 700px; */ } .parallax-title { display: block; font-size: 15px; font-weight: 100; letter-spacing: 7px; margin-bottom: 30px; text-transform: uppercase; } .parallax-sub-title{ display: block; font-size: 22px; font-weight: 600; letter-spacing: 4px; line-height: 30px; text-transform: uppercase; } .parallax-number { border: 2px solid #000; display: inline-block; font-size: 20px; font-weight: 400; margin:150px 0 60px 0; padding: 9px 0; width:47px; text-align: center; letter-spacing: -2px } .fix-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important} .cover-background{ position: relative; background-size: cover !important; overflow: hidden; background-position: center center; background-repeat: no-repeat !important;} .background-size-inherit {background-size: inherit !important} .blog-blockquote { padding:100px} .background-attachment-inherit {background-attachment: inherit !important} /* =================================== One page ====================================== */ .tab-portfolio img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1} .tab-portfolio:hover img { -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5} .tab-portfolio .portfolio-images { width:auto; overflow:hidden; position:relative;} .tab-portfolio .view { left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top:-47px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;} .tab-portfolio:hover .view { top:50%; margin-top:-25px;} .tab-portfolio .portfolio-details { padding:20px 20px; text-align:left; border-bottom:1px solid #d4d4d4;} .tab-portfolio .portfolio-details span { text-transform:uppercase;} .portfolio-right { float: right; margin-top:-10px;} .tab-portfolio .portfolio-details h3 { margin:0 0 2px 0;} .tab-portfolio .portfolio-details .portfolio-right .fa { margin:0 2px 0 0;} #contact-us textarea { min-height: 102px} #contact-us .btn { margin:0} .required { font-size:11px; display:block; text-transform: uppercase; letter-spacing: 1px} .service-year {font-weight: 300; font-size: 20px; text-transform: uppercase; letter-spacing: 5px;} .service-year strong { font-weight: 500} .clients-slider li { display: inline-block; margin: 0 4%; width: 15%; } .contact-form-right-button img { margin: 13px 10px 0 0;} .about-onepage-number { font-size:45px; line-height: 55px; min-height:60px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;} .about-onepage:hover .about-onepage-number-default {-webkit-transform: translateY(-150%); -moz-transform: translateY(-150%); -ms-transform: translateY(-150%); -o-transform: translateY(-150%); transform: translateY(-150%);} .about-onepage:hover .about-onepage-number-hover {-webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} .about-onepage-number .about-onepage-number-hover { bottom:-50px;} .about-onepage-text-sub span {font-size:23px; line-height:28px} .about-onepage:hover .about-onepage-text-sub .black-text { text-decoration: line-through;} .about-onepage-text-sub {margin-left:15px} .about-onepage-text-sub p {line-height:22px !important; margin:20px 0} .about-onepage:hover .border-right { border-right:2px solid #f7d23d } /* =================================== Bootstrap slider ====================================== */ .standard-slider { height: 60% !important; } .standard-with-slider { height: 73% !important; } .standard-with-slider .carousel-control.right, .standard-with-slider .carousel-control.left { top: 42%; } .list-icon i { margin-right: 3%; } .carousel .carousel-indicators { bottom: 30px;} /* Bootstrap slider indicators */ .dark-pagination .carousel-indicators li { border-color: #000} .dark-pagination .carousel-indicators .active { background-color: #000;} .dot-pagination .carousel-indicators li { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); border-radius: 4px; height: 7px; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; width: 7px; border: none; } .dot-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important;} .dot-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; border: 0 solid rgba(0, 0, 0, 1) !important; } .dot-pagination.dark-pagination .carousel-indicators li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); } .dot-pagination.dark-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); } .dot-pagination.dark-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1); border: 0 solid rgba(0, 0, 0, 1); } .square-pagination .carousel-indicators li { height: 3px; width: 30px;border-radius:0; background: rgba(255, 255, 255, 1) none repeat scroll 0 0; border: medium none !important; transform: none !important; border: none;} .square-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important;} .square-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; border: 0 solid rgba(0, 0, 0, 1) !important; } .square-pagination.dark-pagination .carousel-indicators li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; } .square-pagination.dark-pagination .carousel-indicators li:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; } .square-pagination.dark-pagination .carousel-indicators li.active { background: none repeat scroll 0 0 rgba(0, 0, 0, 1) !important; border: 0 solid rgba(0, 0, 0, 1) !important; } /* =================================== Portfolio - ajax ====================================== */ /* single #1 */ .half-project-img{ height: 550px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .project-img-gallery { padding: 15px 0} .spend-year{ border-right: 1px solid #e5e5e5; float: left; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 47px; min-height: 110px; text-align: center; width: 50%; } .spend-year span{ font-weight: 400; font-size: 12px; display:block; text-transform: uppercase; line-height: 0; margin-top: 40px; } .spend-time { border-right: 1px solid #e5e5e5; float: left; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 47px; min-height: 110px; text-align: center; width: 50%; } .spend-time span { font-weight: 400; font-size: 12px; display:block; text-transform: uppercase; line-height: 0; margin-top: 40px; } .related-projects-list .masonry-items li {padding:5px} .project-header-text { margin-top: 19%; position: relative; text-align: center; width: 100%; z-index: 1; } .project-subtitle { font-size: 14px; font-weight: 100; letter-spacing: 8px; line-height: 65px; text-transform: uppercase; } .project-title { display: block; font-size: 25px; font-weight: 600; letter-spacing: 7px; text-transform: uppercase; } /* single #2 */ .half-project-img-slider {min-height: 700px;} /* single #3 */ .half-project-small-img{ min-height: 300px; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .half-project-small-img .project-header-text { margin-top: 10.5%} .project-details ul {} .project-details ul li { border-bottom: 1px solid #e5e5e5; padding: 8px 0; text-transform: uppercase} .project-details ul li:last-child{ border-bottom: none} /* single #5 */ .work-background-slider-text { position: absolute; width: 50%; right: 0; top: 0; height: 100%; padding: 150px 120px} .work-background-slider-year { position: absolute; bottom: 0; right: 0} .work-background-slider-main .spend-year { line-height: 55px; width: auto;} .work-background-slider-main .spend-year span { margin-top: auto} /* next - previous project */ /* next - previous style #1 */ .next-previous-project .next-project a { position: fixed; right: -133px; top: 49%; z-index: 5; background-color: #585858 } .next-previous-project .next-project a img, .previous-project a img { max-height: 83px; } .next-previous-project .next-project a span { font-weight: 400; letter-spacing: 2px; position: absolute; text-transform: uppercase; z-index: 2; font-size: 9px; top:83px; padding-top: 10px; display: block; width: 100%; left: 32px } .next-previous-project .next-project a img:nth-child(3), .previous-project a img:nth-child(2) {opacity: 1} .next-previous-project .next-project a:hover { right: 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } .next-previous-project .previous-project a { position: fixed; left: -133px; top: 49%; z-index: 5; opacity: 1 } .next-previous-project .previous-project a:hover { left: 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } .next-previous-project .previous-project a span { font-weight: 400; letter-spacing: 2px; position: absolute; text-transform: uppercase; z-index: 2; font-size: 9px; top:83px; padding-top: 10px; display: block; width: 100%; left: 20px } .previous-project-bottom, .next-project-bottom{ top: 79.5% !important} /* next - previous style #2 */ .next-previous-project-style2 { clear: both; float: left; width: 100%; margin:3% 0 2%;} .next-previous-project-style2 .previous-link { width: 33.33%; float: left; min-height: 1px;} .next-previous-project-style2 .next-link { width: 33.33%; float: right; min-height: 1px;} .next-previous-project-style2 .back-to-category { width: 33.33%; float: left; min-height: 1px;} .next-previous-project-style2 a { width: 100%; display: inline-block; text-align: center; padding:50px 0; letter-spacing: 4px; font-size:11px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; float: left; text-transform: uppercase; } .next-previous-project-style2 a span {padding-left: 0px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } .next-previous-project-style2 a i { font-size:14px; margin: 0 0; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s;} .next-previous-project-style2 a:hover { background-color: #000; color: #fff;} .next-previous-project-style2 a:hover i { color: #fff} .next-previous-project-style2 .back-project span { text-indent: -9999px; float: left} .next-previous-project-style2 a.previous { border-right: 1px solid #e5e5e5;} .next-previous-project-style2 a.next { float: right;} .next-previous-project-style2 a.next:hover span{ padding-left: 45px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s;} .next-previous-project-style2 a.previous:hover span { padding-right: 45px; transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s;} .next-prev-post-wrapper-center .next-previous-project-style2 a { padding: 20px 0; letter-spacing: 2px;} .next-prev-post-wrapper-center .next-previous-project-style2 a.previous:hover span { padding-right: 0; } .next-prev-post-wrapper-center .next-previous-project-style2 a.next:hover span { padding-left: 0; } .next-previous-bottom .next-previous-project-style2 { margin: 0 !important} /* =================================== Portfolio - multi pages ====================================== */ /* single #3 */ .project-highlight { font-size: 12px; font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .project-highlight span {display: block; font-size: 14px; font-weight: 600; letter-spacing: 3px;} /* single #4 */ .great-result { position: relative; z-index: 3 } .great-result .owl-pagination { bottom:50px} /* single #5 */ .highlight-project-center-block { position: relative} /* =================================== Masonry portfolio - home ====================================== */ .masonry-portfolio-header { min-height: 600px} .masonry-portfolio-header-title { display: block; font-size: 30px; font-weight: 100; line-height: 40px; margin: 130px auto 0; text-align: center; text-transform: uppercase; } /* =================================== Full screen video ====================================== */ .video-wrapper { height: 100%; overflow: hidden; position: absolute; width: 100%; } .html-video { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; z-index: -3; } .video-wrapper iframe { height: 100%; left: 0; position: absolute; top: -5px !important; width: 100%;} /* =================================== Half screen video ====================================== */ .video-half-screen { min-height:650px;} .video-half-screen .html-video { top:0; left:0; transform:none; -webkit-transform: none; -ms-transform: none;} /* =================================== Coming soon ====================================== */ .counter-container { display: table; margin: 0 auto; } #counter-underconstruction .counter-box { display: block; width: 110px; text-align: center; padding: 0 25px; float: left; margin: 0px 35px 0 0; border-left: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); } .counter-underconstruction-video .counter-box { border-left: 1px solid rgba(255,255,255,0.1) !important; border-right: 1px solid rgba(255,255,255,0.1) !important; } #counter-underconstruction .last { border-right: 0px !important; width: 90px; padding: 0 0 0 25px; } #counter-underconstruction .first { border-left: 0px !important; } #counter-underconstruction .number { font-size: 23px; text-align: center; font-weight: 400; line-height: 43px; } #counter-underconstruction span { display: block; font-size: 12px; text-align: center; font-weight: 400; text-transform: uppercase } .coming-soon-title { font-size: 18px; letter-spacing: 2px; display: block; margin-bottom: 20px; } .coming-soon-title sup { text-transform:lowercase} .coming-soon-logo { margin: 60px 0 45px} .coming-soon-text { font-size: 16px; letter-spacing: 1px; margin-bottom: 40px; display: block;} .notify-me-main { position: fixed; bottom: 0; padding: 70px 0; width: 100%; z-index: 1} .notify-me-text { font-size: 12px; margin-bottom: 25px; display: block} .notify-me-text strong { font-size: 15px; margin-bottom: 6px; display: inline-block} .notify-me-main input { float: left; margin: 0; padding: 0 12px; width: 70%; border: 1px solid #000; font-size: 12px; line-height: 35px} .notify-me-main .btn-small { width: 30%; float: left; padding:5px 14px !important} .notify-me-main .btn-small:hover { background-color: #000; color: #fff} .notify-me-main .footer-social i { margin: 0 18px} .notify-me-main .footer-social a:last-child { margin-right: 25px;} .newsletter-error { border: 1px solid #ff0000 !important} /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .notify-me-main input { padding-bottom: 20px; height: 37px; } .landing-subscribe-button { padding-bottom: 9px !important} .hcode-animated-tabs ul li br { display: none; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { line-height: 18px !important; padding-bottom: 0 !important; } .mfp-figure .mfp-close { display: block !important} } /*only for webkit browsers*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { .fix-background{ background-attachment: scroll !important;} .buttons_added input.qty { height: 23px; top: -4px; position: relative;} .buttons_added { padding-bottom: 7px !important;} .buttons_added .minus { line-height: 12px !important; } } /* =================================== Full width image ====================================== */ .full-width-image { min-height: 750px;} /* =================================== Blog ====================================== */ .below-header {margin-top: 87px;} .blog-slider .owl-carousel { overflow: visible;} .blog-post-slider { overflow: visible} .blog-slider .owl-pagination { bottom: -70px} .blog-post-slider .owl-pagination { bottom: -70px; } .blog-slider .owl-item { padding: 0 5px} .blog-slider .owl-item .owl-item { padding: 0} .blog-post-slider .owl-item { padding: 0 5px} .blog-slider-padding .owl-item { padding: 0 15px} .blog-slider-con { position: relative; overflow: hidden;} .blog-slider-con figcaption{ background-color: rgba(46, 46, 46, 0.9); position: absolute; z-index: 2; padding: 35px 15px; text-align: center; width: 100%; bottom: -74px; display: block; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .blog-slider-con:hover figcaption { bottom: 0; background-color: rgba(255, 255, 255, 1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .blog-slider-con:hover figcaption h3 { color: #000 } .blog-slider-con:hover .btn-small-white:hover { border: 2px solid #000; color: #000; background-color: #fff} .blog-slider-con:hover .btn-small-white { border: 2px solid #000; color: #fff; background-color: #000} .blog-slider-con figcaption h3 { font-weight: 400; letter-spacing: 4px; margin-bottom: 10px;} .blog-slider-con figcaption h3 a { display: block} .blog-slider-con:hover figcaption h3 a { color: #000} .blog-slider-con figcaption span { font-weight: 400; letter-spacing: 4px; font-size: 11px; text-transform: uppercase; display: block } .blog-slider-con figcaption span a { display: inline-block; } .blog-post-grid-slider .blog-post-slider .owl-item { padding: 0} #image-owl-slider {overflow: hidden;} #image-owl-slider .owl-pagination { bottom: 0;} .blog-slider-con .blog-image { background-color: #000; margin-bottom: 0} .st_sharethis_large .stButton { display: none !important; } .blog-post-gallery:hover .lightbox-gallery img { -ms-transform: inherit; -webkit-transform: inherit; transform:inherit; transition: all 0 ease; -webkit-transition: all 0 ease; -moz-transition: all 0 ease; opacity:1} .blog-post-gallery .lightbox-gallery div { overflow: hidden} .blog-post-gallery .lightbox-gallery > div:hover img { -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5} /* blog home masonry */ .blog-listing {overflow: hidden; margin-bottom:5%;} .blog-image { overflow: hidden; background: #a1a1a1;} .blog-listing:hover img {-ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5} .blog-date{ font-size: 11px; letter-spacing: 2px; text-transform: uppercase; padding-top: 30px; } .blog-date a:hover { color: #000;} .blog-title a { display: block; font-size: 14px; letter-spacing: 2px; margin: 5px 0 20px; text-transform: uppercase; } .blog-short-description{ width: 90%} .blog-like i, .blog-share i, .comment i {margin-right: 6px; font-size: 11px; } .blog-like, .blog-share, .comment {font-size: 10px; text-transform: uppercase; letter-spacing: 2px; margin-right: 15px; display: inline-block;} /* blog home grid slider */ .blog-slider-grid { position: relative; overflow: hidden;} .blog-slider-grid figcaption{ position: absolute; z-index: 2; padding: 35px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; text-align: center; width: 100%; bottom: 0; display: block; background: rgba(0,0,0,1) } .blog-slider-grid:hover figcaption { background: rgba(255,255,255,1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;} .blog-slider-grid:hover figcaption h3 { color: #000 } .blog-slider-grid:hover .btn-small-white:hover { border: 2px solid #000; color: #000; background-color: #fff} .blog-slider-grid:hover .btn-small-white { border: 2px solid #000; color: #fff; background-color: #000} .blog-slider-grid figcaption h3 { font-weight: 400; letter-spacing: 4px; margin-bottom: 10px;} .blog-slider-grid figcaption h3 a {display: block} .blog-slider-grid:hover figcaption h3 a {color: #000} .blog-slider-grid figcaption span { font-weight: 400; letter-spacing: 4px; font-size: 11px; text-transform: uppercase; display: block } .blog-slider-grid figcaption span a { display: inline-block;} .blog-slider-grid figure:hover img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.8; } .blog-slider-right { margin-bottom: 28px;} /* blog - masonry */ .blog-grid-listing { padding-top: 0; } .blog-grid-listing .blog-details { padding: 0 30px 30px; background-color:#fff; width: 100%; display: inline-block;} .blog-grid-listing .blog-date { letter-spacing: 1px} .blog-grid-listing .blog-like, .blog-grid-listing .blog-share, .blog-grid-listing .comment { letter-spacing: 1px} .blog-grid-listing .blog-short-description { width: 95%} .blog-grid-listing .blog-listing { margin-bottom: 30px;} .blog-details .comment { margin-right: 0;} /* blog - 4col */ .blog-4col .blog-title { min-height:60px;} .blog-4col .blog-title a { margin-bottom: 0} .blog-4col .blog-short-description { width: 100% } /* blog - masonry 4col */ .blog-masonry-4col .blog-short-description {width: 100%} .blog-masonry-4col .blog-date { letter-spacing: 1px;} /* blog - full width */ .blog-full-width-section { padding-top:35px;} .blog-full-width { padding: 0 15px;} /* blog pagination */ .pagination { text-align: center; width: 100%; margin: 40px 0 0 0} .pagination a { margin: 0 25px; font-size: 14px; margin-right: 10px;} .pagination a.active { border-bottom: 1px solid #000; font-weight: 600; color: #000} .pagination span.current { border-bottom: 1px solid #000; font-weight: 600; color: #000; margin: 0 10px 0 25px; font-size: 14px;} .pagination i { color: #000; font-size: 17px;} /* blog listing for home */ .blog-post p{ padding:22px 0 0 0; margin:0} .blog-post img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1} .blog-post:hover img { -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5} .blog-post-gallery:hover .owl-carousel img { -ms-transform: none; -webkit-transform: none; transform: none; } .blog-post-gallery:hover .owl-carousel .owl-item:hover > .item > img { -ms-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.5} .blog-post-gallery .owl-pagination { bottom: 0 !important;} .blog-post .blog-short-description p { padding-top: 0;} .blog-post-images { width:auto; overflow:hidden;} .blog-post-images img { max-width: 101%} .post-title {font-size: 12px; letter-spacing: 2px; text-transform: uppercase; display: block; margin: 40px 0 0 0; font-weight: 600} .post-author {font-size: 10px; letter-spacing: 1px; text-transform:uppercase; } /* side bar */ .widget { margin-bottom:65px;} .widget input { border-radius: 4px; width: 85%; border-width: 2px; margin-bottom: 0; padding: 10px 35px 10px 15px } .widget .close-search { right: 70px; top: 16px} .widget-title { font-size: 12px; font-weight:600; letter-spacing: 2px;} .widget_price_filter form { margin-top: 30px;} .category-list li { padding: 5px 0} .category-list li:first-child { padding: 0 0 5px 0} .category-list li a:hover { color:#000} .category-list li a span:before { content: "/"; margin-right: 4px; padding-left: 10px;} .widget_archive li a span:before { content: "/"; margin-right: 4px; padding-left: 10px;} .product-categories li { padding: 5px 0; position: relative;} .product-categories li:first-child { padding: 0 0 5px 0} .product-categories a:hover { color:#000} .product-categories li a span:before { content: "/"; margin-right: 4px; padding-left: 10px;} .widget-posts li { padding:10px 0;} .widget-posts li a { display:block; line-height: 20px} .widget-posts li img { width: 75px; margin-right: 20px; float: left} .widget-posts-details { position: relative; overflow: hidden; top:-4px; font-size: 11px; line-height: 14px;} .widget-posts-details a { font-size: 13px; margin-bottom: 8px; line-height: 16px !important;} .tags a { border:1px solid rgba(0, 0, 0, 0.1); padding: 0 10px; margin: 0 5px 9px 0; text-transform: uppercase; font-size: 10px; display: inline-block; line-height: 26px; } .tags a:hover {border:1px solid rgba(0, 0, 0, 1); background-color: #000; color: #fff} .tags_cloud a { font-size: 10px !important;} .quick-contact input { width:100%; border-width:1px; margin:0 0 20px; border-radius:0} .quick-contact input[type="button"] { border: 2px solid #000; width:auto; border-radius:0} .quick-contact input[type="submit"] { border: 2px solid #000; width:auto; border-radius:0} .flickr-photostream img { width: 45%; margin:0 5% 5% 0; padding: 0} ul .widget-category-list { padding: 5px 0;} ul .widget-category-list:first-child {padding: 0 0 5px;} ul .widget-category-list a:hover { color: #000} /* only ie9, ie10, ie11 */ @media screen\0 { .widget input { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 17px; } } /* blog listing classic */ .blog-listing-classic:hover img { -ms-transform: none; -webkit-transform: none; transform: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:1} .blog-image blockquote { border-left:0px; padding: 50px; margin-bottom:0; } .blog-image blockquote p {font-size: 20px; line-height:33px} .blog-image blockquote p:before {content:"\f10d"; font-family:'FontAwesome'; font-size: 50px; margin-right: 10px; color: #000} blockquote.blog-image { border-left:0px; padding: 50px; margin-bottom:0; } blockquote.blog-image p:before {content:"\f10d"; font-family:'FontAwesome'; font-size: 50px; margin-right: 10px;} blockquote.blog-image p {font-size: 20px; line-height:33px} blockquote.blog-image:before, .blog-image blockquote:before { content:"";} .blog-listing-classic .blog-image { margin-bottom:25px; background-color: transparent; min-height: 150px;} .blog-listing-classic .blog-short-description { width: 100%;} /* blog listing full */ .blog-listing-full { margin-bottom:150px;} .blog-listing-full .blog-number { font-size: 40px; font-weight: 400; line-height: 40px; position: absolute; text-transform: uppercase; line-height:100px; width:100px } .blog-listing-full .blog-date-right { text-transform: uppercase; text-align: left; letter-spacing: 1px; font-size: 11px; padding: 25px 0; line-height: 20px} .blog-listing-full .blog-date-right a { display: block; font-size: 14px; font-weight: 600} .blog-listing-full .blog-title a {font-size:30px; margin-bottom: 25px; line-height: 36px; margin-top: 0; font-weight: 100; letter-spacing: 1px} .blog-listing-full .blog-date { font-size:20px; font-weight:100; margin:50px 0 10px; letter-spacing: 1px } /* blog details */ .blog-details-headline{ font-size:18px; font-weight:600; letter-spacing:3px; padding-bottom:5px } .blog-details-text p { margin-bottom:35px; font-size:14px; line-height:28px;} .blog-details-text blockquote { margin: 15px 0 50px 0} .blog-comment { margin:30px 0 0; font-size: 13px; letter-spacing: 0.02em; line-height: 26px; text-transform: none; clear: both; width: 100%;} .blog-comment .comment-avtar { float: left; max-width: 100px; margin-right:35px; margin-top:10px; } .blog-comment .comment-reply { font-weight:600; color: #fff !important; margin-left: 15px; padding: 0 8px; letter-spacing: 1px; display: inline-block; line-height: 22px;} .blog-comment > .blog-comment { margin-left: 40px; margin-bottom: 0;} .blog-comment-form-main { padding-top:6%} .about-author { display: inline-block; padding: 35px; width: 100%;} .about-author-text { font-size:13px; line-height:25px;} .commentmetadata { margin-bottom: 20px;} .comment-awaiting-moderation { font-style: normal;} .comment-reply-title { font-size: 12px; font-weight:600; letter-spacing: 2px; margin-bottom: 30px;} .comments-area { float: left; width: 100%; clear: both;} .portfolio-single-content { float: left; width: 100%; clear: both;} .product-brands-grid a { display: block;} #cancel-comment-reply-link { color: #ff0000; font-size: 9px;} /* blog single full width */ .full-width-headline h2 { font-size:40px; font-weight:100; line-height:55px; margin-top:300px;} .full-width-headline h2 span { display:block; font-weight:400; } .full-width-headline .posted-by {font-size:13px; font-weight:400; margin:30px 0 0; } .full-width-headline .blog-date { padding-top:3px; font-size:13px; } .text-large-full-width { font-size:22px !important; font-weight: 100; line-height: 35px !important} .text-med-full-width { font-size:16px !important; line-height: 30px !important} .blog-single-full-width-h3 { font-size: 20px; font-weight: 700; letter-spacing: 2px; } .blog-single-full-width-form input[type="text"], .blog-single-full-width-form textarea { border:none; border-bottom:1px solid #dfdfdf; padding: 10px 0} .blog-single-full-width-form input[type="text"]:focus, .blog-single-full-width-form textarea:focus { border-color: #000} .blog-single-full-width-form .add-rating { margin-top: 9px;} .comment-form input[type="text"], .comment-form textarea { border:none; border-bottom:1px solid #dfdfdf; padding: 10px 0} .comment-form input[type="text"]:focus, .comment-form textarea:focus { border-color: #000} .comment-form .inputerror { border-bottom:1px solid #ff0000 !important; } /* blog single full width with image slider */ .blog-single-full-width-with-image-slider-header { min-height:650px;} .customize-support .blog-single-full-width-with-image-slider-header { min-height:618px ;} .blog-single-full-width-with-image-slider-headline { font-size:50px; font-weight:100; line-height: 64px; width: 80%} .blog-headline .posted-by { display: block; font-size: 25px; font-weight: 400; margin: 65px 0 10px;} .blog-headline .posted-by a { font-weight:100;} .blog-headline .blog-date { display: inline-block; font-size: 15px; font-weight: 100; padding: 40px; margin: 0 0 30px 0; float: left;} .blog-headline .blog-date span { display: block; font-size: 50px; font-weight: 400; line-height: 50px; padding-bottom: 5px; } .blog-headline .blog-cat a:after { content:"/"; padding:0 15px} .blog-headline .blog-cat a:last-child:after {content:""; } .blog-blockquote blockquote { width:90%} .blog-blockquote blockquote p:before, .blog-blockquote blockquote footer { color:#fff} .blog-text { padding: 100px;} .blog-text p { width:90%} .blog-comment-area { padding:100px;} /* =================================== Intro ====================================== */ .tp-banner-container-black { background: #000000;} .intro-icon-text { font-size: 16px; letter-spacing:4px; color: #fff; line-height: 20px;} .intro-icon i { font-size: 40px; color: #ffffff;} .work-img {background: #000000;} .work-img:hover a { opacity: 0.5;} .intro-page { overflow: hidden !important;} /* =================================== Portfolio ====================================== */ /* portfolio filter */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.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; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .grid-wrap .tab-content { margin-top: 25px; } /* portfolio filter light */ .nav-tabs-light li a { margin: 0 32px} .nav-tabs-light li:first-child a{ margin: 0 32px 0 0} .nav-tabs-light li:last-child a{ margin: 0 0 0 32px} .nav-tabs-light { height: 70px} .nav-tabs-light a { color: #888888; font-size: 12px; } /* portfolio filter gray */ .nav-tabs-gray li a { margin: 0 32px} .nav-tabs-gray li:first-child a{ margin: 0 32px 0 0} .nav-tabs-gray li:last-child a{ margin: 0 0 0 32px} .nav-tabs-gray { height: 70px} .nav-tabs-gray a { color: #888888; font-size: 12px; } /* portfolio filter black */ .nav-tabs-black li a { margin: 0 32px} .nav-tabs-black li:first-child a{ margin: 0 32px 0 0} .nav-tabs-black li:last-child a{ margin: 0 0 0 32px} .nav-tabs-black { height: 70px} .nav-tabs-black a { color: #000000; font-size: 12px; } /* masonry basic */ .grid li {transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;} .grid img { width:100%} .grid-gallery { clear: both; float: left; width: 100%; } .gallery-img a { position: relative; z-index: 2; display: block} .grid-gallery ul { list-style: none; padding: 0; } .grid-gallery figure { margin: 0; position: relative } .grid-gallery figure img { display: block; width: 100%; opacity: 1; cursor: pointer; } .grid-gallery figcaption h3 { margin: 0 0 8px; padding:0; text-transform:uppercase; } .grid-gallery figcaption i { font-size: 32px; color: #aeaeae; margin-bottom: 20px} .grid-gallery figcaption h3 a, .grid-gallery figcaption h3 { letter-spacing: 4px; font-weight: 400; color: #e3e3e3} .grid-gallery figcaption p { display:block; font-size:12px; letter-spacing:3px; text-transform:uppercase; text-decoration:none; color: #aeaeae; margin-bottom: 0 } .grid { margin: 0 auto; } .grid li { box-sizing: border-box; float: left; margin: 0; width: 25%; display: inline-table; } .grid figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .grid figcaption { bottom: 70px; opacity: 0; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .gallery-img { opacity: 1; transition: all 0.3s ease 0s; overflow: hidden; } .grid figure:hover .gallery-img {background-color:#659f53 ; } .no-hover figure:hover .gallery-img {background-color: transparent !important; } .no-hover figure:hover img { opacity: 1 !important; -ms-transform: none; -webkit-transform: none; transform: none; } .owl-carousel figure img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;} figure:hover img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.15; cursor:url("../../../themes/h-code/assets/images/icon-zoom-white.png"), pointer; } .mfp-figure figure:hover img { cursor: pointer} .grid figure:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;} /* portfolio grid - 2 column */ .revolution-masonry-portfolio-list .portfolio-item { padding: 10px;} /* portfolio grid */ /* portfolio grid - 2 column */ .work-2col .grid li { float: left; width: 50%;} /* portfolio grid - 3 column */ .work-3col .grid figcaption { bottom: 35px; } .work-3col .grid li { float: left; width: 33.33%;} /* portfolio grid - 4 column */ .work-4col .grid li { float: left; width: 25%; } .work-4col .grid figcaption { bottom: 40px; } #portfolio.work-4col .grid figcaption { bottom: 60px; } .work-4col .grid-gallery figcaption h3 { font-size: 13px; margin: 0 0 3px} .work-4col .grid-gallery figcaption p { font-size: 11px} /* portfolio grid - 5 column */ .work-5col .grid li { float: left; width: 20%; } .work-5col .grid figcaption { bottom: 15px; } .work-5col .grid-gallery figcaption h3, .work-5col .grid-gallery figcaption h3 a { font-size: 11px; margin: 0 0 3px; letter-spacing: 2px} .work-5col .grid-gallery figcaption p { font-size: 10px; letter-spacing: 1px} .work-5col .grid-gallery figcaption i { font-size: 28px; margin-bottom: 15px } .work-5col figure:hover img { -ms-transform: none; -webkit-transform: none; transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.15; } /* portfolio grid - gutter */ .gutter .grid-gallery ul { margin-left: -15px} .gutter.grid-gallery ul { margin-left: -15px} .gutter .grid li { padding: 0 0 15px 15px;} /* portfolio grid - with title */ .work-with-title .grid figcaption {opacity: 1; position: relative; bottom: 0; padding: 40px 0 30px 0; background: rgba(255,255,255,1); z-index: 2; } .work-with-title .grid li figcaption h3, .work-with-title .grid figcaption h3 a, .work-with-title .grid li figcaption p {color: #888888 } .work-with-title .grid figcaption h3 a { display: block} .work-with-title .grid li:hover figcaption h3, .work-with-title .grid li:hover figcaption h3 a{color: #000 } .work-with-title .grid li:hover figcaption { bottom: 50px;} .work-with-title figure:hover img {opacity: 1; -ms-transform: none; -webkit-transform: none; transform: none; transition:.1s; -webkit-transition: .1s; -moz-transition:.1s; opacity:.5; cursor:url("../../../themes/h-code/assets/images/icon-zoom-white.png"), pointer;} .work-with-title .gallery-img { } /* portfolio grid - wide */ .work-2col.wide .grid figcaption { bottom: 100px} .work-3col.wide .grid figcaption { bottom: 80px} .work-4col.wide .grid figcaption { bottom: 60px} .work-5col.wide .grid figcaption { bottom: 40px} /* portfolio grid - wide with title */ .work-2col.wide-title .grid figcaption { bottom: 0;} .work-3col.wide-title .grid figcaption { bottom: 0;} .work-4col.wide-title .grid figcaption { bottom: 0;} .work-5col.wide-title .grid figcaption { bottom: 0;} /* portfolio masonry adjustment */ .grid-gallery ul { margin-left:1px; } .work-5col.masonry .grid-gallery ul { margin-left: -1px} .col2-layout .work-4col ul { margin-left: 0;} .col2-layout .work-4col ul li { margin-left: -1px;} /* portfolio parallax */ .parallax-portfolio { min-height: 600px; background-attachment: fixed; position: relative; overflow: hidden; } .look-project { position: absolute; bottom: 0; background-color: rgba(0,0,0,0.8); text-align: center; width: 100%; z-index: 3; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;} .look-project a { display: block; padding: 25px; font-size: 13px; letter-spacing: 3px; color: #fff} .parallax-portfolio figcaption { padding: 45px; width: 100%; display: inline-block; z-index: 3; position: absolute; left:0; bottom:-10px; text-align: center; opacity: 0} .parallax-portfolio figcaption h3 { font-weight: 400; letter-spacing: 6px; font-size: 16px; margin-bottom: 13px; color: #fff } .parallax-portfolio figcaption p { text-transform: uppercase; letter-spacing: 4px; font-size: 12px; color: #888888; margin: 0} .parallax-portfolio:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; bottom: 73px } .parallax-portfolio:hover .opacity-full { opacity: .5; background: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .parallax-portfolio:hover .look-project { background-color: rgba(255,255,255,1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .parallax-portfolio:hover .look-project a { color: #000; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;} /* portfolio with short description */ .portfolio-short-description-bg { background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; background-size:100%; overflow: hidden;} .portfolio-short-description figure { background: rgba(27, 22, 28, 0.9); padding: 100px; display:inline-block; width: 50%; position: relative } .portfolio-short-description figure h3 { font-size: 18px; letter-spacing: 4px; font-weight: 400; } .portfolio-short-description figure p { letter-spacing: 1px; line-height: 23px; } .portfolio-short-description-bg:hover { background-size: 106%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .portfolio-short-description-bg:hover figure {background: rgba(0,0,0,1);} /* Light box */ .lightbox-gallery-hover li { background-color:#000; overflow: hidden; } .lightbox-gallery-hover li img {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .lightbox-gallery-hover li:hover img { cursor:url("../../../themes/h-code/assets/images/icon-zoom-white.png"), pointer; opacity: 0.15; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } /* =================================== Elements ====================================== */ /* accordions */ .panel > div {transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: initial; -o-transition-duration: .2s; } .panel-heading {padding-bottom:15px; } .panel-title { background-color: #fff; color: #767676; font-size: 12px; letter-spacing:2px; font-weight: 400; width:100%; display: block; padding: 10px 18px; border: 1px solid rgba(0,0,0,.1); text-transform: uppercase} .panel-body { padding:10px 18px 25px 18px; font-size: 13px; line-height: 23px;} .panel-heading i { font-size:10px; margin: 0} .active-accordion .panel-title{ color: #000} .accordion-style2 .panel-title { background-color:#000; color: #fff} .accordion-style2 .panel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px} .accordion-style3 .panel-title { background-color:#ededed; color: #000; position:relative; border: none; padding:0 25px; font-size: 14px; line-height: 70px; font-weight: 600;} .accordion-style3 .panel-heading { padding-bottom:30px} .accordion-style3 .panel-heading i { font-size:20px; margin: 0; color:#000; position: relative; top:3px} .accordion-style3 .panel-body{ padding: 0 60px 35px 25px;} .accordion-style3 .number { font-size: 18px; font-weight: 600; margin-right:10px; position: relative; top: 1px } .toggles-style2 .panel-title { background-color:#000; color: #fff} .toggles-style2 .panel-heading i { font-size:18px; margin: 0; color:#fff; padding-top:5px} .toggles-style3 {border:1px solid rgba(0,0,0,.15); border-top:none} .toggles-style3 .panel { border: none; border-top:1px solid rgba(0,0,0,.15); } .toggles-style3 .panel-title { border: none; padding:20px 25px; font-size: 14px; position: relative} .toggles-style3 .panel-title span { position: absolute; right: 25px; top: 20px; } .toggles-style3 .panel:first-child { border-bottom:none} .toggles-style3 .panel-heading { padding: 0} .toggles-style3 .panel-body{ padding: 0 60px 25px 25px; background-color:#fff} .toggles-style3 .active-accordion h4 { font-weight: 600} /* progress bar */ .progress-bar-style2 .progress {overflow: visible} .progress-bar-style2 .progress-bar span { color: #000; position: absolute; right: 0; text-align: right; top: 21px; font-size: 11px; } .progress-bar-style2 .progress-bar { position: relative; overflow: visible} .progress-bar-style2 .progress { height:15px;} .progress-bar-style2 .progress-name { font-size: 10px; margin: 5px 0 20px } .progress-bar-style3 .progress-bar-sub { margin-bottom: 40px; } .progress-bar-style3 .progress { height: 26px;} .progress-bar-style3 .progress-bar { font-size:11px; text-transform: uppercase; line-height: 25px; text-align: left; padding: 0 10px} /* buttons */ .btn {display: inline-block; letter-spacing: 2px; border:1px solid transparent } .btn-round { border-radius:4px !important} .btn i { margin-right:5px} .btn.btn-large i { font-size: 24px;} .button { margin-top:0; margin-bottom: 0} .btn-extra-large { font-size: 22px !important; padding: 20px 30px !important;} .btn.btn-large { font-size: 18px; padding: 18px 35px;} .btn.btn-medium { font-size: 14px; padding: 10px 22px;} .btn.btn-small { font-size: 11px; padding: 2px 14px; letter-spacing:1px} .btn.btn-very-small {font-size: 9px; padding: 1px 12px; letter-spacing:1px} .highlight-button { border:2px solid #000 ; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: transparent; } .highlight-button:hover { background-color: #000 ; border: 2px solid #000; color:#ffffff} .highlight-button i { color: #000} .highlight-button:hover i {color:#fff} .highlight-button-dark { border:2px solid #659f53; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #659f53; } .highlight-button-dark:hover { background-color: transparent; border: 2px solid #000; color:#000} .highlight-button-dark i { color: #fff} .highlight-button-dark:hover i {color:#000} .btn-small-white-background { font-size: 11px; letter-spacing: 2px; padding: 6px 23px; color: #000; background:#fff; border: 2px solid #fff } .btn-small-white-background:hover { background:transparent; border: 2px solid #fff; color: #fff; } .btn-small-white-background i { color: #000} .btn-small-white-background:hover i { color: #fff} .submit-small-button { font-size: 11px; letter-spacing: 1px; padding: 2px 14px; color: #000; background:#fff; border: 2px solid #fff } .submit-small-button:hover { background:transparent; border: 2px solid #fff; color: #fff; } .shop-newsletter input[type="submit"]:focus { border: 2px solid #fff !important; } .btn-small-white { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #fff;} .btn-small-white:hover { background-color: #FFF; color: #000} .btn-small-white-dark { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #000; background:#fff} .btn-small-white-dark:hover { background-color:transparent; color: #fff; border: 2px solid #fff} .btn-very-small-white { font-size: 9px; letter-spacing: 2px; padding: 2px 15px; border: 1px solid #fff; color: #fff;} .btn-very-small-white:hover { background-color: #FFF; color: #000} .btn-black{ border: 2px solid #000; color: #fff; display: inline-block; background-color: #000; padding: 7px 20px 8px; width: auto;} .btn-black:hover {border: 2px solid #000; color: #000; background-color: transparent} .btn-black:focus {border: 2px solid #000 !important;} .highlight-button-black-border{ border: 4px solid #1f244a; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #1f244a; font-weight: 700} .highlight-button-black-border:hover { border: 4px solid #1f244a; background-color: #1f244a; color: #fff} .highlight-button-black-border:focus { border: 4px solid #1f244a !important;} .highlight-button-white-border{ border: 4px solid #fff; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #fff; font-weight: 700} .highlight-button-white-border:hover { border: 4px solid #fff; background-color: #fff; color: #000} .highlight-button-white-border:focus{ border: 4px solid #fff !important; } .highlight-button-black-background{ border: 4px solid #000; background-color: #000; font-size: 20px; padding: 20px 30px; color: #fff; font-weight: 700} .highlight-button-black-background:hover { border: 4px solid #000; background-color: #fff; color: #000} .highlight-button-black-background:focus{ border: 4px solid #000 !important; } .btn-small-black-background { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #000; color: #fff; background-color: #000 } .btn-small-black-background:hover { background-color:transparent; color: #000; border: 2px solid #000} .btn-small-black-border-light { font-size: 10px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #000; color: #000; } .btn-small-black-border-light:hover { background-color: #000; color: #fff} .btn-light-black{ border: 2px solid #000; color: #000; background-color: transparent} .btn-light-black:hover {border: 2px solid #000; background-color: #000; color: #fff} .button-desc { font-size:30px !important; line-height: 35px; font-weight: 600} .button-desc span { display: block; font-size: 18px; font-weight: 400 } .button-3d { border-bottom:2px solid rgba(0,0,0,0.2) !important;} input.btn-success:focus { border: 1px solid transparent !important; border-bottom: 2px solid rgba(0, 0, 0, 0.2) !important;} /* reveal button */ .button-reveal { overflow:hidden; position: relative; transition: all 200ms linear 0s; border: 2px solid #000; font-size:16px;} .button-reveal i { position:absolute; left:-28px; top: 30%; color: #000; font-size: 20px;} .button-reveal span {padding: 0 45px; display: block; line-height:54px} .button-reveal:hover span { padding: 0 30px 0 60px; transition: all 200ms linear 0s; color: #000 } .button-reveal:hover i { left:25px} .btn.btn-large.button-reveal { padding: 0} .button-reveal-black { background-color: #000; color: #fff} .button-reveal-black span { color: #fff} .button-reveal-black i { color: #fff} .button-reveal-black:hover span { color: #fff} /* social icon */ .social-icon .fa { text-align: center; display: table-cell; vertical-align: middle; width: 30px; height: 30px !important; line-height: 1; font-size: 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #fff; background: none; } .social-icon:hover .fa { opacity:.8} .social-icon .fa-pinterest { background-color: #cb2027; } .social-icon .fa-rss { background-color: #f26522; } .social-icon .fa-facebook { background-color: #3b5998; } .social-icon .fa-twitter { background-color: #00aced; } .social-icon .fa-flickr { background-color: #ff0084; } .social-icon .fa-dribbble { background-color: #ea4c89; } .social-icon .fa-behance { background-color: #42a9fb; } .social-icon .fa-linkedin { background-color: #007bb6; } .social-icon .fa-vimeo-square { background-color: #aad450; } .social-icon .fa-youtube { background-color: #bb0000; } .social-icon .fa-tumblr { background-color: #32506d; } .social-icon .fa-github-alt { background-color: #333333; } .social-icon .fa-google-plus { background-color: #dd4b39; } .social-icon .fa-instagram { background-color: #517fa4; } .social-icon .fa-soundcloud { background-color: #f80; } .social-icon-large { margin-right:20px; } .social-icon-large .fa { font-size:25px; background: transparent; color: #000; text-align: center; display: table-cell; vertical-align: middle; width: 60px; height: 60px !important; line-height: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .social-icon-large:hover .fa { color:#fff} .social-icon-large:hover .fa-pinterest{ background-color: #cb2027; } .social-icon-large:hover .fa-rss{ background-color: #f26522; } .social-icon-large:hover .fa-facebook { background-color: #3b5998; } .social-icon-large:hover .fa-twitter{ background-color: #00aced; } .social-icon-large:hover .fa-flickr{ background-color: #ff0084; } .social-icon-large:hover .fa-dribbble { background-color: #ea4c89; } .social-icon-large:hover .fa-behance { background-color: #42a9fb; } .social-icon-large:hover .fa-linkedin { background-color: #007bb6; } .social-icon-large:hover .fa-vimeo-square { background-color: #aad450; } .social-icon-large:hover .fa-youtube { background-color: #bb0000; } .social-icon-large:hover .fa-tumblr { background-color: #32506d; } .social-icon-large:hover .fa-github-alt { background-color: #333333; } .social-icon-large:hover .fa-google-plus { background-color: #dd4b39; } .social-icon-large:hover .fa-instagram { background-color: #517fa4; } .social-icon-large:hover .fa-soundcloud { background-color: #f80; } /* features box */ .features-box-style1 i { min-height:65px; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } /* pricing table */ .pricing [class^="col-"] { margin-top: 20px; padding: 0; } .pricing-title { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 30px 0; } .pricing-title h3 { font-size: 20px; font-weight: 400; letter-spacing: 1px; margin: 0; text-transform: uppercase; } .pricing-price::after { border-top: 2px solid rgba(0, 0, 0, 1); bottom: 0; content: ""; left: 50%; margin-left: -50px; position: absolute; top: auto; width: 80px; } .pricing-features ul { list-style: outside none none; margin: 0; padding: 35px 0; } .pricing-features li { padding: 3px 0; } .pricing-features p { margin: 0;} .pricing-action { padding: 0 30px 35px; } .pricing-box.best-price { margin: -20px -1px 0; z-index: 10; border:1px solid #000; color:#999} .pricing-box.best-price .pricing-price::after {border-top: 2px solid rgba(255,255,255,.3)} .pricing-box.best-price .pricing-price { color:#999} .pricing-box { border-right: 1px solid rgba(0, 0, 0, 0.075); position: relative; text-align: center; } .no-border-right .pricing-box{ border:none} .pricing-price { color: #333; font-size: 64px; font-weight: 300; line-height: 1; padding: 35px 0; position: relative; letter-spacing: -3px } .pricing-price span { display: inline-block; font-size: 28px; font-weight: 400; margin: 7px 3px 0 0; vertical-align: top; } .pricing-price span.price-tenure { color: #999; font-size: 16px; font-weight: 400; margin: 0 0 0 8px; vertical-align: baseline; letter-spacing: 0 } .pricing-price::after { border-top: 2px solid rgba(0, 0, 0, 1); bottom: 0; content: ""; left: 50%; margin-left: -50px; position: absolute; top: auto; width: 80px; } .pricing-box.best-price .pricing-title { padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,.3) } .pricing-title span { color: #999; display: block; font-size: 14px; font-weight: 400; margin-top: 3px; text-transform: uppercase; } .pricing-box.best-price .pricing-title h3 { color: #fff; font-size: 23px; font-weight: 600} .pricing-features li i { color: #ffc600; font-size: 14px;} /* forms controls */ .input-round { border-radius:4px !important } .big-input, .big-textarea, .big-select { padding: 12px 25px 11px; border:1px solid rgba(0,0,0,.2);} .big-label {font-size:14px; letter-spacing:2px;} /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .big-input, .big-textarea, .big-select { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 20px; } } .med-input, .med-textarea, .med-select { padding: 10px 15px; border:1px solid rgba(0,0,0,.2); border-radius:4px} .med-input.select-style select { padding: 12px 15px 14px; outline: none;} .med-input.select-style { margin:0 0 20px } .select-style { padding: 0; margin: 0; border: 1px solid #ccc; width: 100%; overflow: hidden; background-color: #fff; margin: 0 0 40px; background: #fff url("../../../themes/h-code/assets/images/select-arrow.png") no-repeat 97% 50%; } .select-style select { width: 100%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; letter-spacing:1px; margin-bottom:0; color:#999999; height: 43px } .select-style select:focus { outline: none; border: none; box-shadow: none } .login-box { padding:35px; border-radius:8px; box-shadow: 0 0 2px #888888;} /* grid */ .show-grid [class^="col-"] { background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 15px; padding: 10px 0; text-align: center; } /* icon */ .icon-box i { margin:25px;} .i-large-box{ width:100px; height:100px; line-height:98px; text-align:center; font-size:40px} .i-medium-box{ width:80px; height:80px; line-height:80px; text-align:center; font-size:30px;} .i-small-box{ width:60px; height:60px; line-height:60px; text-align:center; font-size:22px} .i-extra-small-box{ width:40px; height:40px; line-height:40px; text-align:center; font-size:15px} .i-plain { color:#737373; background-color: transparent !important;} .i-plain:hover { color:#fff; background-color: #737373!important; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);} .i-rounded { border-radius: 3px; background-color: #000; color:#fff; border:1px solid rgba(0,0,0,0.15);} .i-rounded:hover { background-color: #fff; color:#9a9a9a; border:1px solid rgba(0,0,0,0.15);} .i-bordered { border:1px solid rgba(0,0,0,0.15); background-color: transparent !important; color:#9a9a9a} .i-bordered:hover { background-color: #000 !important; color: #fff} .i-circled { border-radius: 50%;} .i-light { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .08) inset; color:#9a9a9a; text-shadow: 1px 1px 1px #fff; } .i-light:hover { background-color: #fff !important; box-shadow: 0 0 30px rgba(0, 0, 0, .15) inset !important; color: #444; text-shadow:none } .i-3d { box-shadow: 0 0 3px rgba(0, 0, 0, .1); color:#9a9a9a !important; background-color: #fff; color:#000} .i-3d:hover {box-shadow: 0 0 4px rgba(0, 0, 0, .3);} .i-3d-border { border-bottom:3px solid rgba(0,0,0,0.15) !important; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)} .i-3d-border:hover { border-bottom:3px solid rgba(0,0,0,0.30) !important; color:#fff; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .glyphs .box1 { border: 1px solid #e5e5e5; display: block; float: left; font-size: 13px; margin: -1px 0 0 -1px; padding: 0; width: 33%; padding: 20px; text-align: left} .glyphs .box1 span { font-size: 30px; vertical-align: middle; width: 50px;} .fa-examples div { border: 1px solid #e5e5e5; font-size: 13px; margin: -1px 0 0 -1px; padding: 15px 0 15px 15px; color: #868686; } .fa-examples div:hover { background-color: #fafafa} .fa-examples i {color:#555555; font-size:14px; letter-spacing: 0; margin-right: 5px;} .fa-examples span {margin-left: 6px; display: none } .i-background-box:hover { background-color: #000;} /* alert */ .alert-style2 .alert { border-width:2px; background-color: transparent} .alert-style3 .alert { border-radius:0;} .alert-style4 .alert { border-radius:0; background-color: transparent} .alert-style5 .alert { background-color: transparent; border-bottom-width:3px} .alert-style5 .alert i {background-color: transparent} .alert-style5 .alert:hover {border-color: rgba(0,0,0,.1)} .alert-style5 .alert-success:hover { background-color: #dff0d8;} .alert-style5 .alert-info:hover { background-color: #d9edf7;} .alert-style5 .alert-warning:hover { background-color: #fcf8e3;} .alert-style5 .alert-danger:hover { background-color: #f2dede;} .alert-style6 .alert { background-color: transparent; border-top:none; border-right:none; border-left:none; border-bottom-width:3px !important; border-radius:0; padding: 25px; font-size: 20px; font-weight:100; line-height:30px} .alert-style6 .alert span {width:70%; display: table} .alert-style6 .alert i {background-color: transparent; float: left; width:70px; font-size: 35px; line-height: 60px; color: #aeaeae} .alert-style6 .alert:hover {border-bottom-width:6px !important; color: #4d4d4d } .alert-block { padding:25px;} .alert-block p { width:90%} #success { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0;} #success-free30daytrial { clear: both; margin: 0 15px 20px; text-align: center; background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; border-radius: 5px; padding: 15px 0;} div.wpcf7-validation-errors { clear: both; float: right; margin: 20px 0 !important; text-align: center; width: 100%; padding: 20px; text-transform: uppercase; background-color: #f7e700; border:none; line-height: 20px; color: #000 } div.wpcf7-mail-sent-ok { clear: both; float: right; margin: 20px 0 !important; text-align: center; width: 100%; padding: 20px; text-transform: uppercase; background-color: #398f14; border:none; line-height: 20px; color: #fff } div.wpcf7-mail-sent-ng { clear: both; float: right; margin: 20px 0 !important; text-align: center; width: 100%; padding: 20px; text-transform: uppercase; background-color: #f7e700; border:none; line-height: 20px; color: #000 } .about-couple div.wpcf7-validation-errors { clear: both; float: right; margin: -50px 0 0 0 !important; text-align: center; width: 100%;} /* tabs */ .nav-tabs > li > a { margin-top: 0;} .nav-tabs > li > a > i { font-size: 17px; position: relative; top: 3px; margin: 0 5px 0 0;} .tab-style2 .nav-tabs { height:auto; } .tab-style2 .nav-tabs li { margin-bottom: -1px; border:1px solid transparent; border-bottom: none} .tab-style2 .nav-tabs li:hover { border-color: transparent} .tab-style2 .nav-tabs li.active { border:1px solid #e5e5e5; background-color: #fdfdfd; border-bottom: none } .tab-style2 .nav-tabs li a { margin-right: 0; margin-left:0; padding:15px 20px; border-bottom: none; color: #000; letter-spacing: 1px} .tab-style2 .tab-content { padding: 25px; border: 1px solid #e5e5e5; background-color: #fdfdfd} .tab-style3 .nav-tabs { height:auto; margin-bottom: 25px } .tab-style3 .nav-tabs { border-bottom:1px solid #ddd; } .tab-style3 .nav-tabs li:first-child { border-left: 1px solid #e5e5e5; margin-left: 15px; } .tab-style3 .nav-tabs li.active a { background-color: #fff; position: relative; top: 1px; } .tab-style3 .nav-tabs li { border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;} .tab-style3 .nav-tabs li a { background-color: #f7f7f7; border: none; color: #575757; line-height: 44px; margin: 0 !important; padding: 0 20px; } .tab-style3 .nav-tabs li i { font-size: 17px; position: relative; top: 3px; } .tab-style3 .nav-tabs li.active a { border-bottom: none} .tab-style4 .tabs-left .nav-tabs { border-right: 1px solid #e5e5e5; float:left; width:150px; height: auto; padding: 20px 0 40px} .tab-style4 .tabs-left .nav-tabs li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;} .tab-style4 .nav-tabs li:first-child { border-top: 1px solid #e5e5e5;} .tab-style4 .tabs-left .nav-tabs li a { background-color: #f7f7f7; border-bottom: 0 none; display: block; line-height: 40px; margin: 0 !important; padding: 0 20px; text-align: left; width: 100%; } .tab-style4 .tabs-left .nav-tabs li.active a { background-color: #fff; position: relative; left: 1px} .tab-style5 .tabs-left .nav-tabs { border-right: none; float:left; width:150px; margin: 0} .tab-style5 .tabs-left .nav-tabs li { float: left; width: 100%; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;} .tab-style5 .nav-tabs li:first-child { border-top: 1px solid #e5e5e5;} .tab-style5 .tabs-left .nav-tabs li a { margin: 0; text-align: left; border-bottom: 0; line-height: 40px; padding: 0 20px; width: 100%; display: block; background-color: #fff} .tab-style5 .tabs-left .nav-tabs li.active { background-color: #f7f7f7;} .tab-style5 .tabs-left .nav-tabs li.active a { background-color: #f7f7f7; position: relative; left: 1px; z-index: 9} .tab-style5 .tab-content { background-color: #f7f7f7; padding: 30px; border: 1px solid #e5e5e5; } /* tab - icon */ #animated-tab .nav-tabs { border:0px; text-align:center; display:inline-block; margin: 0 0 130px} #animated-tab .nav-tabs > li { margin:0px; border-right: 1px solid #d7d7d7; float: left } #animated-tab .nav-tabs > li:last-child{ border: none} #animated-tab .nav-tabs > li > a { text-align:center; vertical-align:middle; display: table; padding:0px; margin:0px; font-size:42px; margin:0; outline:none; padding: 0 50px; border: none } #animated-tab .nav-tabs > li > a:hover .white-text { color:#5bcf21;} #animated-tab .nav-tabs > li.active a i { color:#000; } #animated-tab .nav-tabs > li > a > span { vertical-align:middle; display: table-cell;} #animated-tab .nav-tabs > li:last-child > a { border-right:1px solid rgba(255, 255, 255, .3)} /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .hcode-animated-tabs .nav-tabs > li > a { float: none !important;} } /* progress bar */ .progress-name{font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; margin: 5px 0 15px} .progress-name strong { font-weight: 400} .progress-bar-sub { margin-right: 20px; } /* piechart */ .chart { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%; } .chart canvas { position: absolute; top: 0; left: 0; } .chart-percent { margin: 0 0 30px 0} .percent { display: inline-block; line-height: 125px; z-index: 2; font-size: 25px; font-weight: 100;} .percent:after { content: '%'; font-weight: 100; } .chart-text{ font-size: 12px; letter-spacing: 1px; text-transform: uppercase; line-height: 40px;} .chart-style2 .chart2 { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; border-radius: 50%; } .chart-style2 .chart2 canvas { position: absolute; top: 0; left: 0; } .chart-style2 h5 { font-size: 13px; font-weight: 600; letter-spacing: 1px; } .chart-style2 p { font-size:11px; letter-spacing: 2px;} /* dropcap */ .first-letter { float: left; font-size: 50px; left: 0; line-height: 1; margin: 0 20px 10px 0; position: relative; top: 4px; } .first-letter-block { padding:10px; font-weight: 600} .first-letter-block-round { border-radius:5px; border-width: 3px; border-style: solid; padding:8px 10px; font-weight:600; font-size: 35px;} .first-letter-light { border-radius:5px; padding:10px 12px; font-weight:600; font-size: 45px} .first-letter-highlight { font-size: 45px; line-height: 60px; margin: 0 20px; border-bottom: 2px solid #c7c7c7 } .first-letter-round { border-radius: 50%; font-size:30px; padding: 15px;} /* blockquote */ .blockqoute-dark { padding: 35px; border: none; } .blockqoute-dark p { font-size: 16px; line-height: 25px; width: 95%; } .blockqoute-dark footer { font-weight:600; font-size: 14px; } /* list */ ul.flat-list { list-style:inside disc; margin: 0 0 0 25px; padding: 0;} .flat-list li { padding:5px 0} .flat-list li.active { font-weight:600; color:#000} .flat-list li.active ul { font-weight: normal; color: #575757} .flat-list li ul { padding:5px 0 0 15px;} .flat-list li i { margin:0 10px 0 0} ul.flat-list-icon { list-style:none} .list-inline li { display: inline-block; padding: 0 18px;} ul.list-line li {border-bottom:1px solid rgba(0,0,0,.1); padding:7px 0} ul.list-line li:last-child {border-bottom: none} ul.list-line li span {min-width:130px; display:inline-block} /* heading */ .subheader { display: inline-block; padding: 0 30px; position:relative; z-index:2} .dividers-header:before { border-top: 1px solid #e5e5e5; content: ""; height: 0; left: auto; position: absolute; right: 0; top: 50%; width: 100%; z-index: -1 } .double-line:before { border-top: 4px double rgba(0,0,0,.15); position: absolute; z-index: 2;} .dividers-header i { margin-bottom:10px;} .subheader h6 { margin: 7px 0 0 0} .subheader-double-line {border: 3px double #e5e5e5; padding: 15px 30px} .subheader-double-line h6 { margin: 3px 0 0} /* model popup */ .modal-popup-main {padding:35px;} /* =================================== Pages ====================================== */ /* about us */ .about-year { border: 2px solid #6d6d6d; display: inline-block; font-size: 17px; height: 120px; margin-bottom: 40px; padding: 25px; width: 120px; } .about-year span { font-size: 50px; font-weight: 600; left: -4px; letter-spacing: -5px; position: relative; top: 13px; } .timeline-number { font-size: 25px; padding: 15px; line-height:25px;} .timeline-year {font-size: 20px; font-weight: 600; line-height:60px;} .about-year-text { margin-top: 13px;} /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .about-year { /* ie7, ie9, ie10, ie11+ only */ padding-top: 20px !important; } } @media screen\0 { .about-year span { /* ie7, ie9, ie10, ie11+ only */ display: block !important; margin-bottom: 28px !important; } } /* team members */ .team-size-main { margin-left: 7%} .team-size span {font-size:50px; position: relative; top:20px;} .team-plus {font-size:50px; position: relative; top:30px;} .team-member {overflow: hidden !important; position: relative; } .team-member figure { padding:15px 0 25px} .team-member .person-social i { margin:0 15px; font-size:15px; } .team-member .team-details { opacity:0; position:absolute; height:50%; padding-top:10%; padding-left: 15px; padding-right: 15px; left:15px; right:15px; bottom:0; overflow:hidden; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; } .team-member:hover .team-details {opacity:1; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px);} .team-member:hover img {opacity:.5; background: #6b6b6b;} .half-row-width .row { margin-left: 7%;} .team-section-padding { padding-bottom: 85px} /* only ie9, ie10, ie11 */ @media screen\0 { .team-size span { /* ie7, ie9, ie10, ie11+ only */ display: block; margin-bottom: 38px; } } /* careers */ .urgent-job {font-size:11px; left: 154px; padding: 1px 10px 0; position: absolute; top: 175px; } /* contact us */ .contact-map iframe { width:100%; height:420px;} .view-map { position:absolute; bottom: 0; right: 0} .scrolloff { pointer-events: none; } /* sitemap */ .sitemap-title { font-size: 13px; font-weight: 600; text-transform: uppercase; border: 1px solid rgba(0,0,0,.1); padding: 5px 15px;} .sitemap-wrapper ul { margin-bottom: 30px;} .sitemap-wrapper ul li { border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 0; font-weight: 600; text-transform: uppercase; font-size: 11px } .sitemap-wrapper ul li ul { padding: 10px 0} .sitemap-wrapper ul li ul li { border-bottom: 0; padding: 2px 0; font-weight: 400; font-size: 13px; text-transform: initial} .sitemap-wrapper ul li ul li:before {content: "-"; padding-right: 5px;} /* services */ .services-box { padding:50px;} .services-box:hover figure {opacity: 1; } .services-box figure { font-size:12px; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 80px 50px 0; text-align: center; letter-spacing:1px} .services-box figure span { display:block; font-size: 50px; font-weight:600; line-height: 65px; } /* 404 */ .not-found-title { font-size:104px; line-height:120px; display:block; font-weight: 700} .not-found-search-box { text-align: center; margin: 47px 0 30px;} .not-found-search-box .btn { display: inline-block; margin: 0} .not-found-search-box .main-search { position: relative; display: inline-block; vertical-align: top; margin: 0;} .not-found-search-box .main-search input { padding: 9px 35px 11px 15px; font-size: 13px; margin: 0; width: 250px; border: 2px solid #fff; background-color: transparent; color: #fff;} .not-found-search-box .main-search input:focus { border: 2px solid #fff;} .not-found-search-box .main-search .close-search { color: #fff !important} .not-found-search-box .main-search .search-button { top: 16px; margin-right: 10px;} .not-found-search-box .not-found-or-text { background-color: #ebebeb; color: #000; font-weight: 600; position: relative; text-transform: uppercase; font-size: 14px; width: 47px; border-radius: 100%; height: 47px; display: inline-block; margin: 0 50px; vertical-align: top; line-height: 46px;} .not-found-search-box .not-found-or-text:after{ background-color: #ebebeb; content: ""; height: 1px; right: -29px; margin-top: -1px; position: absolute; top: 50%; width: 30px;} .not-found-search-box .not-found-or-text:before{ background-color: #ebebeb; content: ""; height: 1px; left: -29px; margin-top: -1px; position: absolute; top: 50%; width: 30px;} .col-text-center { height: 100%; left: 0; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; } .col-text-middle-main { display: table; height: 100%; width: 100%; } .col-text-middle { display: table-cell; vertical-align: middle; } /* client */ .client-main img {position:relative} .client-text {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity:0; padding:0 85px } .client-main:hover .client-text {opacity:1;} .client-main:hover img {opacity:0; -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px); transform: translateY(-50px); } /* =================================== Shop ====================================== */ .slider-typography-shop .owl-subtitle { font-size: 16px; font-weight: 600; letter-spacing: 7px; line-height: 80px; text-transform: uppercase; } .slider-typography-shop .owl-title { font-size: 63px; font-weight: 700; line-height: 65px; width: 50%; } .product-name a { font-size:12px; font-weight:400; letter-spacing:2px; display:block} .price { font-size:14px; font-weight:600; display:block; position: relative; z-index: 1;} .price del { color:#898989; margin-right:10px; font-weight: 100} .home-product:hover .quick-buy { opacity:1; top: -78px;} .quick-buy { background-color:rgba(255,255,255,1); top: -78px; left: 0; opacity: 0; padding: 25px 0; position: absolute; width: 100%; } .home-product:hover img {transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); cursor:url("../../../themes/h-code/assets/images/icon-zoom-white.png"), pointer;} .product-name{ position: relative; z-index: 1; } .quick-buy .quick-buy-btn i { margin:0; font-size:14px; margin: 0px 6px 0 0;} .quick-buy .btn { padding:5px 13px; margin:0; line-height: normal;} .quick-buy .added_to_cart { border: 1px solid #000000; display: inline-block; font-size: 12px; line-height: 14px; margin: 3px; padding: 3px 8px 4px; position: relative; z-index: 1;} .quick-buy .added_to_cart:hover { background-color: #000; color: #fff;} .exclusive-style .added_to_cart { border: 1px solid #000000; display: inline-block; font-size: 12px; line-height: 14px; margin: 3px; padding: 3px 8px 4px; position: relative; z-index: 1;} .exclusive-style .added_to_cart:hover { background-color: #000; color: #fff;} .product-listing .quick-buy .added_to_cart { top: -1px;} .exclusive-style { border:1px solid #e5e5e5} .exclusive-style .owl-half-slider .item { min-height:0 !important; padding-bottom: 30px;} .exclusive-style .owl-pagination { bottom:0;} .exclusive-style .owl-wrapper-outer { background:#fbfbfb} .exclusive-style-text { padding: 60px 45px;} .shop-newsletter-main { padding:7.6% 35px 0;} .shop-newsletter{ padding:8% 45px 0;} .shop-newsletter .text-field { border:1px solid rgba(255,255,255,.2); background: transparent; width:75%; margin-top:25px; text-align: center} .exclusive-style-text .short-description p { margin-bottom: 0;} .exclusive-style-text .price { margin-bottom: 5px;} .exclusive-style-text .btn { margin-bottom: 0;} .text-block { height:296px; display:table; padding: 15px; width: 100%; box-sizing: border-box;} .text-block-inner { display: table-cell; vertical-align: middle; border:1px solid rgba(0,0,0,.15);} .text-block:hover { background:#000;} .text-block:hover .text-block-inner { border:2px solid rgba(255,255,255,1); background: #fff; } .onsale { bottom: 4%; left: 0; margin-left: 0; position: absolute; text-align: center; width: 100%;} .onsale .sale { display: inline-block; background:#cb0606; font-size: 10px; margin: 0 2px; line-height: 20px; padding: 0 9px; text-transform: uppercase; } .onsale .new { display: inline-block; background: #f1a004; font-size: 10px; margin: 0 2px; line-height: 20px; padding: 0 9px; text-transform: uppercase; } .product-image-wrapper { position: relative; overflow: hidden;} .product-content-wrapper { position: relative;} .product-content-wrapper .price .amount { margin: 0 4px;} .exclusive-style-text { position: relative;} .exclusive-style-text .onsale { top: 10px; bottom: inherit;} /* Product listing */ .product-2 > div:nth-child(2n+1) { clear: both; } .product-3 > div:nth-child(3n+1) { clear: both; } .product-4 > div:nth-child(4n+1) { clear: both; } .product-6 > div:nth-child(6n+1) { clear: both; } /* sidebar */ .widget_layered_nav ul li { position:relative; float: left; width: 100%; padding: 5px 0; margin: 0;} .widget_layered_nav ul li a { width: 100%;} .widget_layered_nav ul li a:hover { color: #000;} .widget_layered_nav ul li.active a { color:#000; padding-left: 13px; border: 0; } .widget_layered_nav ul li.active:before{content:"\f00c"; left: 0; position: absolute; font-family:'FontAwesome'; line-height: 25px; color:#000; font-size: 10px} .widget_layered_nav .hcode-color-attribute li { position:relative; float: left; width: auto; padding: 0; } .widget_layered_nav .hcode-color-attribute li a { width:33px; color: #fff; text-indent:-9999px; margin:0 10px 10px 0; height: 25px; float: left; border: 0;} .widget_layered_nav .hcode-color-attribute li.active:before { content:"\f00c"; left: 11px; position: absolute; font-family:'FontAwesome'; line-height: 25px; color:#fff; font-size: 10px} .widget_layered_nav .hcode-color-attribute { margin-top:25px;} .widget_layered_nav .hcode-size-attribute {margin-top:25px;} .widget_layered_nav .hcode-size-attribute li {width:20%; padding: 0; margin:0 10px 10px 0; float:left; text-align:center; border:1px solid rgba(0,0,0,.2); font-size:10px;} .widget_layered_nav .hcode-size-attribute li.active {background: #000; border:1px solid rgba(0,0,0,1);} .widget_layered_nav .hcode-size-attribute li.active a { color:#fff; display: block; padding: 0;} .widget_layered_nav .hcode-size-attribute li:hover { background: #000; border:1px solid rgba(0,0,0,1); } .widget_layered_nav .hcode-size-attribute li:hover a {color:#fff; display: block; } .widget_layered_nav .hcode-size-attribute li.active:before { content:""; left: 0; position: absolute; font-family:'FontAwesome'; line-height: 25px; color:#fff; font-size: 10px} .widget_layered_nav .hcode-size-attribute li a { display: block; border: 0;} .shop-price li { padding:2px} .shop-price li.active a, .category-list li.active a { color:#000; padding-left: 10px; border: 0; } .shop-price li.active:before, .category-list li.active:before {content:"\f00c"; left: 10px; position: absolute; font-family:'FontAwesome'; line-height: 25px; color:#000; font-size: 10px} .sidebar > .widget:last-child { margin-bottom: 0 !important} .sidebar > .widget p { width: 100% !important;} .shop-price li.active a, .product-categories li.current-cat a { color:#000; padding-left: 13px; border: 0; } .shop-price li.active:before, .product-categories li.current-cat:before {content:"\f00c"; left: 0; position: absolute; font-family:'FontAwesome'; line-height: 25px; color:#000; font-size: 10px} /* listing */ .shop-shorting { width:100%; outline: none;} .shop-shorting-full { width:70%} .shop-shorting-full select { width:100%} .shop-shorting select { padding:6px 22px 6px 10px !important; font-size:11px; text-transform: uppercase; outline: none;} .grid-nav i { font-size:14px; float: left; margin-right:10px;} .grid-nav {margin-top:9px; line-height: 14px} .grid-nav p { font-size:11px; margin-left: 15px; display: inline-block;} .grid-nav a.active i { color: #000; cursor: default;} /* shop listing - grid view */ .product-grid-view .product .product-content-wrapper .product-available, .product-grid-view .product .product-content-wrapper .separator-line, .product-grid-view .product .product-content-wrapper .short-description { display: none;} .product-grid-view .product { margin: 0 0 60px;} /* shop listing - list view */ .product-list .product-name a { font-size: 16px; margin-bottom: 10px;} .product-list-view .product { width: 100%;} .product-list-view .product .product-image-wrapper { width: 58.3333%; float: left; padding: 0 15px;} .product-list-view .product .product-content-wrapper { width: 41.6667%; float: left; text-align: left !important; padding: 0 15px;} .product-list-view .product .product-content-wrapper .quick-buy { position: inherit; opacity: 1; background-color: transparent; top: 0;} .product-list-view .product .product-content-wrapper .product-name a {font-size: 15px !important; letter-spacing: 2px !important; line-height: 24px !important; text-transform: uppercase; font-weight: 600 !important; } .product-list-view .product .product-content-wrapper .product-available { font-size: 11px !important; line-height: 15px !important;} .product-list-view .product { margin: 5% 0;} .product-list-view .product .product-content-wrapper .price .amount { margin-right: 4px; margin-left: 0;} .product-list-view .product .product-content-wrapper .price .amount:last-child { margin-left: 4px; margin-right: 0;} /* product details */ .header-nav a { font-size: 11px; letter-spacing:1px; font-weight:600; text-transform: uppercase; padding:0 25px;} .header-nav a:first-child { border-right: 1px solid #c6c6c6;} .header-nav a:last-child { padding-right:0; border: none;} .header-nav i { font-size: 14px; margin:0 8px} .products-thumb img { width:25%; margin-right:20px} .product-name-details { font-size:20px;} .rating i { font-size:13px; margin-right:5px;} .rating-text { margin-left:10px; font-size:10px; letter-spacing:3px; position:relative; top:-2px; float: left;} .size-details { margin-top: 10px;} .size-details li { width:33px} .size-chart { border: medium none !important; text-decoration: underline; text-transform: uppercase; width: 90px !important; } .shop-shorting-details { background: #fff url("../../../themes/h-code/assets/images/select-arrow.png") no-repeat 81% 50%; margin:0 !important; width: 100% !important } .product-share-deails i { margin: 7px 0 0 10px; font-size:14px; vertical-align: middle;} .shop-shorting-details select { line-height:15px; padding: 13px 15px 14px !important} .product-details-social i { font-size:14px; margin-right:20px; vertical-align: middle;} .product-details-highlight-text { padding:35px;} .instructions li {padding:5px 0; border-bottom:1px solid rgba(0,0,0,.1)} .review-name { margin-bottom:5px;} .review-main i { margin-right:10px; font-size:13px;} .review { margin-bottom:30px;} .rating { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; } .add-rating i { cursor:pointer; font-size:15px;} .variations { margin: 0 -3%} .variations li { width: 50%; padding: 0 3%} .variations li label { font-weight: 600; color: #000; margin-bottom: 5px; text-transform: uppercase;} .variations li select { overflow: hidden; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: #fff url("../../../themes/h-code/assets/images/select-arrow.png") no-repeat right 10px top 50%; cursor: pointer; margin:0 !important; padding-right: 30px; padding-left: 10px;} .single_variation_wrap { clear: both; background-color: #f6f6f6; float: left; padding: 20px; margin: 5px 0 20px 0; width: 100%; display: inline-block;} .single_variation_wrap .single_variation { float: left; width: 100%; margin-bottom: 20px;} .single_variation_wrap .single_variation .price { float: left; } .single_variation_wrap .single_variation .price del { color: #626262;} .single_variation_wrap .single_variation .stock { float: right; } .variations_button { clear: both;} .buttons_added { float: left; margin-right: 15px; background-color: #fff; border: 1px solid #c9c9c9; padding: 15px 15px} .buttons_added .minus, .buttons_added .plus { background-color: #acacac; color: #fff; font-size: 15px; line-height: 14px; padding: 0 0 1px 1px; } .buttons_added .minus { font-size: 20px; line-height: 10px; padding: 0 0 8px 1px;;} .buttons_added .minus:hover, .buttons_added .plus:hover { background-color: #000; } .buttons_added input { margin: 0; text-align: center; width: 15px; height: 15px; padding: 0; float: left; color: #000; font-size: 20px; border: 0;} .buttons_added input.qty { width: 34px; font-size: 16px;} .reset_variations { text-transform: uppercase; font-size: 11px; width: 100%; display: inline-block; position: relative; text-align: right; } .cart-detail { margin-bottom: 20px;} .owl-small-arrow.owl-carousel .owl-prev { left: 0; opacity: 1;} .owl-small-arrow.owl-carousel .owl-next { right: 0; opacity: 1;} .owl-small-arrow.owl-carousel .owl-prev, .owl-small-arrow .owl-next { width: 25px; height: 25px; line-height: 34px; margin-top: -10px;} .owl-small-arrow.owl-carousel .owl-prev::before, .owl-small-arrow.owl-carousel .owl-next::before { box-shadow: none; border-radius: 0; background-color: transparent;} .hcode-single-product-thumbnail-carousel .owl-item .item, .hcode-single-big-product-thumbnail-carousel .owl-item .item { text-align: center} .hcode-single-product-thumbnail-carousel .owl-item img { opacity: 0.5} .hcode-single-product-thumbnail-carousel .owl-item:hover img, .hcode-single-product-thumbnail-carousel .owl-item.active img { opacity: 1; cursor: pointer;} .single-product-image-wrapper { position: relative;} .single-product-wrapper { float: left; width: 100%;} .product-deails-tab { clear: both; float: left; width: 100%;} .product-deails-related { clear: both; float: left; width: 100%;} .product-deails-related .owl-item .item { padding: 0 15px;} .single-product-left-sidebar > .widget:last-child { margin-bottom: 0;} .single-product-right-sidebar > .widget:last-child { margin-bottom: 0;} .product-title-responsive-wrapper { clear: both;} .product-title-wrapper { clear: both;} .product-deails-tab .tab-content .comment { color: #626262; width: 100%;} .single-product-image-wrapper .hcode-single-big-product-thumbnail-carousel { margin-bottom: 20px;} .product-deails-tab table th { width: 80px;} .product-deails-tab table th, .product-deails-tab table td { font-weight: normal; text-transform: none; text-align: left; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 10px 15px; border-top: 0; } .product-deails-tab table td p { padding: 0; margin: 0;} .product-deails-tab .shop_attributes { width: 100%; border: 0;} .woo-inner-link, .woo-inner-link:focus { margin:-15px 0 25px 0; display: block; text-decoration: underline; font-size: 11px; font-weight: 600; letter-spacing: 2px; line-height: 1.42857; text-transform: uppercase} /* Product with both sidebar */ .review-tab-with-both-sidebar .nav-tabs li:first-child a { margin: 0 22px 0 0;} .review-tab-with-both-sidebar .nav-tabs li a { margin: 0 22px;} /* shopping cart */ .shop-cart .shop-shorting { width: 63px !important; } thead th.first { padding-left: 0 !important; } .product-thumbnail { padding-left: 0 !important;} .cupon { display: inline-block; width: 100%; } .cupon .form-inline .btn { margin-left: 10px !important; padding-top: 9px; } .continue-shopping { margin-left: 15px !important; } .shop-shorting-cart { background: #fff url("../../../themes/h-code/assets/images/select-arrow.png") no-repeat 81% 50%; margin:0 !important; width: 100% !important } .shop-cart { border: 0;} .shop-cart .product-thumbnail { width: 150px} .shop-cart .product-name { width: 35%;} .shop-cart .product-name a { font-style: 13px; letter-spacing: 0.02em; } .shop-cart .variation dt { clear: both; float: left; margin-right: 8px;} .shop-cart .product-quantity .buttons_added { margin: 0;} .woocommerce-remove-coupon { font-size: 12px} .hcode-shipping-method li { margin-bottom: 12px; font-size: 12px;} .hcode-shipping-method li label { margin:0; float: right;} .hcode-shipping-method li input { margin: 0 6px 0 0; float: none;} .cart-total .shipping th { vertical-align: top;} .shipping-calculator-button {text-decoration: underline} .shipping-calculator-form { padding-top: 15px; } .shipping-calculator-form p { margin: 0;} .shipping-calculator-form input, .shipping-calculator-form textarea, .shipping-calculator-form select { background-color: #fff; text-transform: uppercase; font-size: 11px; } .shipping-calculator-form input { padding-top: 10px; padding-bottom: 10px;} .cart-total td { width: 45%; border: 0;} .cart-total .woocommerce-shipping-calculator .button { padding-top: 5px; padding-bottom: 5px;} .shopping-cart-content .shop-cart-table .shop-cart th.product-quantity, .shopping-cart-content .shop-cart-table .shop-cart th.product-subtotal{ min-width: 160px; } .shopping-cart-content .shop-cart th { padding-top: 0;} .cart-total { border: 0;} /* Shopping cart both */ .shopping-cart-content .shopping-cart-both-col-scroll { flex-direction: column; height: 100%; overflow-x: scroll; } /* variation */ .variation { margin: 10px 0 10px 0;} .variation dt { font-weight: normal; font-size: 11px !important; line-height: 15px !important;} .variation dd { margin-bottom: 10px; font-size: 11px !important; line-height: 15px !important;} .variation p { padding: 0; margin: 0;} /* checkout */ .shop-cart .shop-shorting { width: 63px !important; } thead th.first { padding-left: 0 !important; } .cupon { display: inline-block; width: 100%; } .cupon .form-inline .btn { margin-left: 10px !important; padding-top: 9px; } .continue-shopping { margin-left: 15px !important; } .woocommerce-checkout-top { float: left; width: 100%;} .woocommerce-checkout-top .panel-title { padding-right: 30px; position: relative; font-size: 11px;} .woocommerce-checkout-top .panel-title .panel-title-icon { position: absolute; right: 18px; top: 10px;} p.lost_password { margin: 2px 0 0 0; float: right; } p.lost_password a { text-decoration: underline;} .woocommerce-checkout-top input.button { margin-right: 10px;} .woocommerce-checkout-top .form-group { margin: 0;} .checkout p { margin: 0;} .checkout h2 { margin-bottom: 20px;} .woocommerce .select2-container .select2-choice, .woocommerce .select2-results .select2-result-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; } .woocommerce .select2-container { margin: 0; position: relative; display: block!important; zoom: 1; vertical-align: middle; } .woocommerce .select2-container, .woocommerce .select2-drop,.select2-search, .woocommerce .select2-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce .select2-container .select2-choice { display: block; overflow: hidden; border-radius: 0; position: relative; white-space: nowrap; color: #626262; text-decoration: none; background-clip: padding-box; user-select: none; background-color: #fff; font-weight: 400; border: 1px solid #dfdfdf; font-size: 12px; letter-spacing: 1px; margin: 0 0 20px; max-width: 100%; padding: 8px 15px; resize: none; width: 100%; } .woocommerce .select2-container .select2-choice>.select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } .woocommerce .select2-container .select2-choice .select2-arrow { display: inline-block; width: 25px; height: 100%; position: absolute; right: 0; top: 0; border-radius: 0 3px 3px 0; background-clip: padding-box; } .woocommerce .select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; position: relative; background: url("../../../themes/h-code/assets/images/select-arrow.png") no-repeat no-repeat scroll left 0px top 11px #fff;} .woocommerce .select2-container .select2-choice .select2-arrow b:after { position: inherit; display: block; content: ""; top: inherit; left: inherit; border: 0px solid #666; margin-left: 0; margin-top: 0; } .select2-drop-active { border-color:#dfdfdf !important;} .woocommerce .select2-dropdown-open.select2-drop-above .select2-choice, .woocommerce .select2-dropdown-open.select2-drop-above .select2-choices { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 0;} .select2-results { background-color: #fff !important;} .select2-results .select2-highlighted { border-radius: 0 !important;} .select2-search input { background: url("../../../themes/h-code/assets/images/select2.png") no-repeat scroll 100% -25px #fff !important; font-size: 11px !important; color: #626262 !important } .checkout .create-account > div > p { margin-bottom: 20px; } .checkout .checkbox { margin: 0;} .checkout div.create-account { margin-top: 10px;} .checkout div.create-account .form-row { margin: 0} .checkout div.create-account .form-row input { margin: 0} .woocommerce-checkout-top .woocommerce-error-message { padding: 0 !important; } .woocommerce-checkout-top .woocommerce-success-message { padding: 0 !important; } .woocommerce-checkout-top .woocommerce-notice-message { padding: 0 !important; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select { border-color: #a00; border-radius: 0; box-shadow: none; -webkit-appearance: none; } .woocommerce form .form-row.woocommerce-validated input.input-text { -webkit-appearance: none;} .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #69bf29; border-radius: 0; box-shadow: none; } .woocommerce-checkout-review-order-table .shop-cart .product-name, .woocommerce-checkout-review-order-table .shop-cart .product-thumbnail { min-width: auto; width: auto;} .woocommerce-checkout-review-order-table .shop-cart tfoot td { border-bottom: 1px solid #eee; color: #000; font-size: 12px;} .woocommerce-checkout-review-order-table .shop-cart tfoot td .amount { font-size: 14px;} .woocommerce-checkout-payment .payment_methods { float: left; width: 60%;} .woocommerce-checkout-payment .place-order { float: right; width: 40%;} .woocommerce-checkout-payment .place-order .terms { float: right; clear: both; margin-top: 10px;} .woocommerce-checkout-payment .place-order .terms .input-checkbox { float: right;} .woocommerce-checkout-payment .place-order .terms label { float: right;} .woocommerce-checkout-payment .place-order .terms label a { color: #626262; text-decoration: underline;} .woocommerce-checkout-payment .place-order .terms label a:hover { text-decoration: none;} .woocommerce-checkout-payment .payment_methods li { margin: 0 0 15px 0;} .woocommerce-checkout-payment .payment_methods li label { margin: 0;} .woocommerce-checkout-payment .payment_methods li a { color: #626262; text-decoration: underline;} .woocommerce-checkout-payment .payment_methods li a:hover { text-decoration: none;} .woocommerce-checkout-payment .payment_methods li .payment_box { margin: 10px 0 0 0;} .woocommerce-checkout-payment .payment_methods li.payment_method_paypal img { max-width: 152px; margin: 0 5px;} .woocommerce-checkout-payment .payment_methods li.payment_method_paypal input[type="radio"] { margin-top: 18px; } .woocommerce-checkout-review-order-table .hcode-shipping-method li:last-child { margin-bottom: 0;} .checkout .form-row-first, .checkout .form-row-last { float: left; width: 47%; overflow: visible; } .checkout .form-row-last { float: right; } .shipping-title-text { width: 330px;} /* order received */ .review-order-details td.product-name a { display: inline-block; } .review-order-details td.product-name .product-quantity { color:#000000 } .review-order-details tfoot td { border-bottom: 1px solid #e5e5e5;} .review-order-details > tbody { border-bottom: 1px solid #e5e5e5;} .shop_table_responsive { width: 100%; margin-bottom: 30px;} .shop_table_responsive td { line-height: 1.42857; border-bottom: 1px solid #e5e5e5; padding: 10px 30px; vertical-align: middle;} .order-receive-wrapper .btn { margin: 15px 0 0 15px;} .order-receive-wrapper .btn i { margin: 0 5px 0 0; position: relative; top: 1px; } .review-order-details .variation dt { clear: both; float: left; margin-right: 8px; } .review-order-details .variation dd { margin-bottom: 10px; } /* My account */ .myaccount_user a { text-decoration: underline;} .myaccount_user a:hover { text-decoration: none;} .billing-shipping-address p { margin: 0;} .billing-shipping-address .form-row{ padding: 0 15px; width: 50%; float: left;} .billing-shipping-address #shipping_address_1_field, .billing-shipping-address #shipping_address_2_field, .billing-shipping-address #billing_address_1_field, .billing-shipping-address #billing_address_2_field { width: 100%;} .billing-shipping-address .clear { display: none;;} #customer_login .col-1, #customer_login .col-2 { padding: 25px; width: 47%; background: #f6f6f6; float: left; min-height: 360px;} #customer_login .col-2 { float: right;} .login-lost-password { margin-top: 15px;} #customer_login p.lost_password { margin: 0 0 0 0; float: right; } #customer_login .inline { margin-bottom: 0} /* =================================== Onepage demo ====================================== */ /* home main */ .feature-owl .carousel-control.left { margin-top: -17px; top: 50%; } .feature-owl .carousel-control.right { margin-top: -17px; top: 50%; } /* fashion */ #model.work-4col .grid figcaption { bottom:60px} .fashion-team .key-person:hover .key-person-details {border: 0;} .fashion-team .key-person-details {border-top: 0; } .fashion-person .fashion-right { padding: 0; position: relative;} .fashion-person .fashion-right img { z-index: -1;} .fashion-right .right-content { padding: 14% 12%; height: 100%; position: absolute; top: 0; width:100% } .fashion-person .separator-line { height: 2px; margin: 4.6% 0 8%; width: 40px;} .fashion-slider .slider-text-middle-main {display: table; height: 100%; width: 40%;} .fashion-slider .slider-typography {bottom: 0; height: 60.4%;} .fashion-right .right-content .owl-subtitle { padding: 28px 0 29px; line-height: 24px;} .key-person-fashion .key-person:hover .key-person-img img {opacity: 1;} /* architecture */ .architecture-company .nav-tabs li.active span {color: #000;} .architecture-slider .slider-typography {height: 36%; bottom: 0;} .architecture-full-top .slider-typography{top: 0;} .slider-headline {position: absolute; top: 0; height: 64%; width: 100%; text-align: center; z-index: 99;} .slider-headline h1 { font-size: 45px; font-weight: 600; letter-spacing: 12px;} .slider-headline h2 {font-size: 18px; font-weight: 300; letter-spacing: 3px; margin-top: 10px; } .architecture-slider .owl-page.active span {background-color: #000 !important; transform: none;} .architecture-slider .owl-page span {border: 2px solid #000; transform: none; background-color: inherit; width: 10px; height: 10px; border-radius: 10px;} .architecture-slider .margin-three {margin-top: 0 !important;} #animated-tab .nav-tabs {display: inline-block; height: 100%;} .animated-tab4 .nav-tabs {display: inline-block; height: 100%;} .architecture-company .separator-line { height: 2px; margin: 5% auto 2%; width: 40px;} #animated-tab.architecture-company .nav-tabs > li > a { padding: 0 70px} .case-study-number { border-right: 2px solid rgba(255,255,255,.3); float: right; font-size: 50px; line-height: 112px; padding: 0 60px; } .case-study-text { margin-left: 40px; top:-7px;} .section-title-services { font-size:20px; font-weight: 600; letter-spacing:5px;} /* spa */ .spa-sider .slider-content {height:100%; position: absolute; right: 0; } .spa-sider .slider-content .spa-slider-bg {position: absolute;} .spa-sider .slider-content .get-bg {margin:10% 0 15%;} .spa-about-us .icon-bg {width: 125px; height: 125px; border-radius: 100%; margin: 0 auto;} .spa-treatments .right-content {padding:60px;} .spa-treatments .right-content ul li { border-top: 1px solid rgba(0,0,0,.15); font-size: 11px; font-weight: 400; letter-spacing: 2px; padding: 8px 0; text-transform: uppercase; } .spa-treatments .right-content ul li:last-child { border-bottom: 1px solid rgba(0,0,0,.15);} .spa-treatments .right-content ul li span {width:55px; display: inline-block;} .spa-treatments .nav-tabs li a {margin:15px 30px;} .spa-our-packages .content-box {text-align: left; padding:30px;} .spa-our-packages .content-box h3 {padding: 18px 20px 15px; letter-spacing: 0; text-align: left; font-size: 22px;} .spa-our-packages .content-box a {margin: 20px 20px} .spa-case-study .case-study-title {font-size: 34px; line-height: 34px;} .spa-case-study .case-study-work {font-size: 20px; font-weight: 300; padding: 5% 0px 0; } .spa-case-study .case-study-slider {padding: 80px 0;} .spa-case-study .btn-small-white-background {background-color: #b6b150; border: 2px solid #b6b150; color: #fff;} .spa-case-study .btn-small-white-background:hover {background-color: inherit;} .spa-case-study .case-study-slider img {left: 45%; margin: -113px 0 0 -113px; position: absolute; top: 50%; } .spa-story { top:-10px} /* agency */ .margin-bottom-seven { margin-bottom: 7% !important; } .margin-bottom-eleven { margin-bottom: 11%; } .slider-subtitle6 { font-size: 18px; font-weight: 100; letter-spacing: 3px; line-height: 27px; text-transform: uppercase; width: 75% } .slider-title-big2 { display: inline-block; font-size: 35px; font-weight: 300; letter-spacing: 8px; margin-bottom: 17px; } .slider-title-big2 span { display: table; font-weight: 600; line-height: 61px; text-transform: uppercase; } .text-big { font-size: 233px; font-weight: 500; left: -20px; opacity: 0.1; text-transform:unset; top: -117px; } .text-big-title { font-size: 100px; font-weight: 600; letter-spacing: 4px; line-height: 92px; } .contant-box { bottom: 0; } .about-us-slider { padding: 90px; } .about-us-detials { margin-bottom: 90px; } .reasons { padding: 8.6% 25.6% 25.6%; } .reasons p { font-size: 12px; line-height: 20px; margin-bottom: 55px; text-transform: uppercase; } .about-number { border-right: 1px solid rgba(0,0,0,.2); float: right; font-size: 80px; line-height: 112px; padding: 0 60px; } .about-text { margin-left: 40px; top:-7px;} .team-agency .owl-item { padding:0 10px;} .team-agency .team-member .team-details {left:0; right:0} .team-agency-owl .owl-carousel .owl-item figure{ cursor: default; } /* restaurant */ .features-section p .left {display: table;} .features-section p .right {float: right;} .person-grid .grid figcaption {opacity: 1 !important;} .person-grid .grid .gallery-img img {opacity: 0.15;} .restaurant-our-service .key-person { max-height: 470px;} .dateline-search {position: relative;} .reservation-name:before {position: absolute; right: 32px; top: 12px; font-family: FontAwesome; content: "\f007"; font-size: 16px; color: #575757; z-index: 1;} .reservation-date:before {position: absolute; right: 32px; top: 12px; font-family: FontAwesome; content: "\f073"; font-size: 16px; color: #575757; z-index: 1;} .special-dishes-price { bottom: -2px; font-size: 16px; letter-spacing: 1px; padding: 12px 22px; position: absolute; right: 0; } /* travel agency */ .travel-agency-slider .slider-text-middle-main { height: 100%;} .travel-agency-slider h1 { font-size:50px; line-height: 60px;} .about-tab-right {padding:70px; } .about-tab-right .panel-title { background-color: inherit; border: 0 none; color: #fff; font-size: 15px; letter-spacing: 4px; padding: 18px;} .about-tab-right .panel-body {background-color: inherit; } .agency-enjoy-right {right: 0; top: 0; height: 100%; padding:100px;} .agency-enjoy-right .title-top {font-size: 100px; font-weight: 400; margin: 5% 0 3% 4%; display: inline-block; line-height: 50px; text-transform: uppercase;} .agency-enjoy-right .title-top span {display: inline-block; font-size: 38px; font-weight: 300; line-height: 54px; margin-left: 20px;} .white-box {padding: 30px 10px;} .white-box h5 {font-size: 12px;} .agency-enjoy-right .row img {width: 100%;} .agency-enjoy-right .center-img { left: 0; margin: 0 0 0 -110px; position: absolute;} .about-tab-right .panel-default {border-bottom:1px solid rgba(255,255,255,.4);} .about-tab-right .panel-default .row { padding: 20px;} .about-tab-right .panel-heading {padding-bottom: 0} .about-tab-right .panel-default:last-child {border-bottom:1px solid rgba(0, 0, 0, 0.1);} .popular-destinations-text { padding:25px;} .popular-destinations-highlight { border: 2px solid #000; height: 100%; opacity: 0; padding: 45px 35px; position: absolute; text-align: center; top: 0; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(0.9,0.9); -webkit-transform: scale(0.9,0.9); transform: scale(0.9,0.9);} .popular-destinations:hover .popular-destinations-highlight {opacity:1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.0,1.0); -webkit-transform: scale(1.0,1.0); transform: scale(1.0,1.0);} .popular-destinations-highlight-sub { margin-bottom:45px;} .travel-about-img img {max-width:80%} .starting-from { font-size: 12px !important; letter-spacing: 4px; } .starting-from span { letter-spacing: 2px; } .starting-from a { padding: 3px 12px;} /* corporate */ .onepage-corporate-slider h1 { font-size: 85px; font-weight: 600; letter-spacing: -2px; text-transform: lowercase; } .services-number {font-size:45px;} .grid-border .grid-border-box {padding:70px 0 !important;} .grid-border .grid-border-box:hover { background:#000 !important;} .grid-border .grid-border-box:hover i, .grid-border .grid-border-box:hover .black-text, .grid-border-box:hover h1 { color: #fff !important } .grid-border .grid-border-box:hover i { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8); } .grid-border [class^=col-]:before { height: 100%; top: 0; left: -1px; border-left: 1px solid rgba(0,0,0,0.1); } .grid-border [class^=col-]:after { width: 100%; height: 0; top: auto; left: 0; bottom: 0; border-bottom: 1px solid rgba(0,0,0,0.1); } .grid-border [class^=col-]:before, .grid-border [class^=col-]:after { content: ''; position: absolute;} .client-logo-inner { display: table-cell; height: 170px; text-align: center; vertical-align: middle; width: 100%; } .client-logo-inner img { max-width: 240px; opacity: .6 } .client-logo-inner:hover img {opacity: 1} .client-logo-outer { display: table; width: 100%;} .corporate-border { border: 1px solid rgba(0,0,0,0.1);} /* personal */ .personal-name h1 {font-size:45px; letter-spacing:3px; line-height: 50px;} .education-box-main {border: 1px solid #000; padding:35px; } .title-number {display: block; font-size: 55px; font-weight: 100; margin-bottom: 25px; left: -1px; letter-spacing: -2px; position:relative } .education-box i {display:block; font-size:35px} .award-box {border:1px solid #000; padding:25px;} .award-box i {font-size:36px; position:relative; top:6px;} .result {padding: 6px 15px} /* wedding */ .wedding-header{ border:8px solid rgba(230,175,42,.4); padding:15px;} .wedding-header-sub { padding:45px;} .wedding-header-sub i { margin: 0 5px; font-size:15px;} .wedding-heart { top:18px;} .hcode-time-counter .counter-box { display: block; width: 130px; text-align: center; display:inline-block} .hcode-time-counter .number { font-size: 45px; text-align:center; font-weight: 100; line-height: 50px;} .hcode-time-counter span {font-size: 12px; text-align: center; font-weight: 400; text-transform: uppercase; letter-spacing:1px;} .about-couple {border:8px solid rgba(230,175,42,.4); padding:15px;} .about-couple-sub { padding:10% 7%;} .about-couple-sub img {max-width:38%;} .about-couple-sub i {margin:20px 20px 0 20px;} .event-box {padding:38px; border:3px solid #659f53} /* landing page */ .play-icon { border: 3px solid #fff; background:#fff; border-radius: 50%; display: inline-block; height: 80px; line-height: 88px; width: 80px; } .play-icon i {font-size: 30px; margin: 0 29px} .play-icon:hover { background:none; border: 3px solid #fff; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .play-icon:hover i {color:#fff} .landing-title {font-size: 50px;} .landing-subscribe {padding:25px; background:rgba(0,0,0,.5)} .landing-subscribe-input { border:none} .landing-subscribe-input:focus {border:none} .landing-subscribe-button {background:#ff7529; border:none; color: #fff; font-size: 14px; font-weight: 600; line-height: 30px; padding-left: 22px; padding-right: 22px; } .landing-subscribe-button:hover { background:#db5309; } .landing-subscribe-button:focus { border: 0 !important;} .services-number-landing { border-radius: 50%; display: inline-block; font-size: 35px; line-height: 90px; width: 90px; } /* =================================== Multipage demo ====================================== */ /* fashion */ .fashion-subtitle { border:8px solid #000; padding:55px; font-size:45px; width: 350px; display:inline-block; line-height:55px; margin:25px 0; letter-spacing: 3px; } .model-details { margin-bottom:40px;} .model-details-text {padding:25px 45px} .architecture-team {padding:30px 45px; margin-bottom: 45px;} /* spa */ .spa-slider h1 { border: 4px solid #fff; display: inline-block; font-size: 45px; font-weight: 600; line-height: 85px; padding: 0 45px; } .slider-strip {height:15px;} .special-gifts-box {border:1px dashed rgba(0,0,0,.25); padding:25px 15px;} .gifts-off {padding:0 15px; line-height:27px; margin:10px 0 0 0; display:inline-block} .spa-packages-img {max-width:110%;} /* agency */ .agency-header h1 {font-size: 70px; font-weight: 700; width: 60%; margin: 0 auto; letter-spacing: -2px; line-height: 70px; text-transform: none; } .agency-header span {font-size:16px; font-weight:400; display:block; margin:19% 0 12%} .agency-header img { margin-bottom: 2%; width: 22%;} .agency-title {border-left:4px solid #fac32f; padding-left:25px;} .agency-team .team-details {left:0; right:0; padding-left: 0; padding-right: 0; height: 100%; bottom: -100px} .agency-team figure { bottom:0; width:100%;} .agency-team .team-details {padding-top:30%} /* restaurant */ .restaurant-header h1 span { font-size:70px;} .restaurant-header h1 { font-size:14px; line-height:30px; letter-spacing:5px} .restaurant-header .resturant-slider-text { font-size: 14px; letter-spacing: 5px; line-height: 30px; margin: 0; text-transform: uppercase;} .restaurant-features-main {border: 5px solid #cec687; padding:7px;} .restaurant-features {border:1px dashed rgba(0,0,0,.3); padding:40px 10px;} .about-restaurant-text {min-height:753px; padding:7% 11%} .about-restaurant-img {min-height:753px;} .img-border { border: 10px solid rgba(255, 255, 255, 0.5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; } .img-border-small { border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0; position: absolute; } .img-border-full { border: 5px solid rgba(255, 255, 255, 0.5); height: calc(100% - 0px); width: calc(100% - 30px); left: 15px; top: 0; position: absolute; } .img-border-small-gray { border: 5px solid rgba(0, 0, 0, 0.2); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; } .img-border-small-fix { border: 5px solid rgba(255, 255, 255, 0.5); height:100%; width: 90%; left: 5%; top: 0; position: absolute; } .img-bg-color { background:rgba(0,0,0,.5); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; } .img-bg-color-gray { background:rgba(0,0,0,.03); height: calc(100% - 80px); width: calc(100% - 80px); left: 40px; top: 40px; position: absolute; } .popular-dishes { position: absolute; width: 100%; padding: 0 15px; top: 50%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:1 } .popular-dishes-border { border: 4px solid #cec687; height: calc(100% - 59px); width: calc(100% - 59px); left: 35px; top: 25px; position: absolute; } .popular-dishes img {width:auto; margin-bottom:18px} .starting { padding:6px 24px;} .food-services-inner {padding:25px; background:rgba(0,0,0,.7);} .food-services-border {border:5px solid rgba(255, 255, 255, 0.3); padding:50px;} .food-services-inner:hover {background:rgba(178,156,78,.95); } .food-time {padding:3px 25px} .restaurant-menu-img {min-height:669px;} .restaurant-menu-text {padding:6%} .restaurant-menu-text-main {padding:4%} .restaurant-menu-text .menu-item { border-top: 1px dotted rgba(0, 0, 0, 0.2); padding: 20px 0;} .restaurant-menu-text .menu-item:first-child { border: medium none; padding-top: 0; } .restaurant-menu-text .first { border: medium none; padding-top: 0; } .menu-item font {margin:0} .menu-item p {margin:0} .menu-item span:after {content:".........."; margin:0 15px} .menu-item span:nth-child(2):after {content:""; margin:0} .chef-img {min-height:625px;} .chef-text {min-height:625px; padding:10%} /* travel */ .travel-slider { position: relative; z-index:1} .travel-adventure img {opacity:.7} .travel-adventure:hover img { opacity:.5; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); cursor:url("../../../themes/h-code/assets/images/icon-zoom-white.png"), pointer; } .travel-adventure figure { position:absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index:3; width:100%; top:50%;} .travel-adventure a {display:block; position:relative; z-index:2} .special-offers {min-height:378px} .special-offers-sub { left: 0; position: absolute; right: 0; text-align: center; top: 26%; } .best-hotels-img {padding:30px;} .best-hotels-text {padding:35px 25px;} .best-hotels-text .small-icon { font-size:17px !important; margin:0 3px;} .hotels-price { top: 0; padding: 25px; position: absolute; right: 0;} .hotels-price span {display:block; font-size:20px;} .destinations-offer {position: absolute; padding:12px 15px; right:0} /* corporate */ .corporate-slider h1 { font-size:50px; text-transform: inherit; line-height: 55px;} .highlight-link-text {padding:0 25px; display:inline-block; line-height:30px !important;} .highlight-link { padding:5px 13px; font-size:10px; font-weight:600; letter-spacing:2px; background: #e75e50 } .highlight-link:hover { background:#000; color: #fff} .highlight-link i {position:relative; top:2px; margin:0 0 0 5px} .corporate-about-img {min-height:600px} .corporate-about-text { padding:70px 50px 70px} .corporate-about-text-bottom { padding:70px 50px 40px} .corporate-about-text-right { padding:50px 50px 70px 0} .corporate-about-text-right .title-large { font-weight: 700 !important; line-height: 18px !important;} .corporate-about-text-right p { margin-top: 15px; font-size: 14px;} .corporate-about-text-bottom > span { line-height: 18px !important; font-weight: 700 !important; margin-bottom: 15px !important; display: inline-block;} .corporate-about-text-bottom p { font-size: 14px;} .corporate-standards-img {min-height:450px} .corporate-standards-text {min-height:450px; padding:3.5% 10% 4.5%} .corporate-standards-title { left: 0; position: absolute; right: 0; text-align: center; top: 48%; z-index:5 } .corporate-standards-img i { color:#fe6e39 !important} .corporate-standards-text .img-border-small-fix {z-index:-1} .sub-title { border-bottom: 1px solid #e75e50; display: inline-block; font-weight: 500; margin-top: 10px; text-transform: uppercase; } /* photography */ .photography-slider h1 {font-size:90px; letter-spacing:50px; font-weight:700} .photography-grid figcaption {opacity:1; bottom: 0 !important; height: 100%; padding:12%; z-index:2; position: absolute; text-align: center; width: 100%; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; } .photography-grid figure { position:static; text-align: center} .photography-grid figure img {display: inline; cursor: pointer} .photography-grid figcaption p {text-transform:none} .photography-grid-details {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .photography-title { font-size:20px; letter-spacing:15px;} .photography-services li .btn-small {opacity:0; position:relative; bottom:-160px;} .photography-services li:hover .btn-small {opacity:1; bottom:-280px;} .photography-services li:hover .img-border-small-gray {background:rgba(0,0,0,.6)} .photography-services li:hover img { transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .photography-section-title{top:-3px; margin:0 40px; letter-spacing: 15px } .hermes .tp-bullet { width: 10px; height: 10px;} /* Filter by price */ .sidebar .price_slider { margin-bottom:15px; } .sidebar .ui-slider-horizontal { height:4px; } .sidebar .ui-slider { position:relative; text-align:left; margin-left:.5em; margin-right:.5em; } .sidebar .ui-slider-horizontal .ui-slider-range { top:0; height:100%; } .sidebar .ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block; border:0; background-color:#000; } .sidebar .ui-slider .ui-slider-handle { position:absolute; z-index:2; width:10px; height:10px; background-color:#000; border-radius:1em; cursor:ew-resize; outline:0; top:-3px; margin-left:-.5em; } .sidebar .price_slider_amount { width: 100%; text-align:right; font-size:14px; color: #626262; line-height: 30px; } .sidebar .price_slider_amount .button {float: none; font-size: 11px; margin: 2px 0 0 0; line-height:1; cursor:pointer; position:relative; text-transform: uppercase; letter-spacing: 1px; text-decoration:none; overflow:visible; font-weight:400; left:auto; color:#ffffff; background-color:#000000; border:2px solid #000; white-space:nowrap; display:inline-block; background-image:none; box-shadow:none; -webkit-box-shadow:none; text-shadow:none; padding:4px 8px 5px; } .sidebar .price_slider_amount .button:hover { background-color: transparent; text-decoration:none; background-image:none; color:#000; } .sidebar .price_slider_wrapper .ui-widget-content { background-color:#dcdcdc; border:0; } /* form */ .checkbox-inline span { display: inline-block; margin-left: 0; margin-right: 5px;} .radio-inline span { display: inline-block; margin-left: 0; margin-right: 5px;} .optionsradios label, .optionscheckbox label { padding-left: 0;} .radio-inline, .checkbox-inline { padding-left: 0;} /* variations */ .variations li { float: left;} /* demo */ .main-demo .container { width: 76%} .main-demo .mfp-ajax-holder .container{ width:1183px } .navbar .container { width: 1183px} .demo .container {min-height:700px;} .demo h1 span {font-size:14px; display:block; font-weight:400; letter-spacing:8px;} .demo .highlight-button { border: 1px solid #000; font-size: 12px; min-width: 150px; padding: 6px 0; } .html-pages { background:#000; color:#fff; display:inline-block; font-size:14px; font-weight:600; letter-spacing:4px; line-height:40px; margin-bottom:70px; padding: 0 28px; text-transform:uppercase;} .demo-down {padding:50px} .demo-down strong { font-size:24px; position:relative; top:3px; margin-right:7px} .demo-image [class^="col-"] { margin-bottom:65px} .demo-link {margin:25px 0 0; text-transform:uppercase; font-size:11px; font-weight: 600; letter-spacing: 2px; display: block} .demo-image img:hover{ opacity:0.7;} .demo-figure {background:#ffe400; text-transform: uppercase; font-size: 13px; padding: 10px 25px; color: #393939; font-weight: 600; letter-spacing:3px} .buy-theme {position:fixed; top:125px; border-radius: 4px; right: -151px; background: url("../../../themes/h-code/assets/images/buy-theme.png") no-repeat 14px center rgba(50,50,50,.8); z-index: 10} .buy-theme:hover, .quick-question:hover {right: -26px} .buy-theme span, .quick-question span {padding:0 28px; position: relative; top:0; opacity: 0} .buy-theme:hover span, .quick-question:hover span {opacity: 1} .buy-theme a, .quick-question a { color: #fff; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding:8px 15px; display: block } .buy-theme a:hover, .quick-question a:hover { color: #fff; } .quick-question {position:fixed; top:175px; border-radius: 4px; right: -153px; background: url("../../../themes/h-code/assets/images/quick-question.png") no-repeat 14px center rgba(50,50,50,.8); z-index: 10} /* popup */ span.wpcf7-not-valid-tip { display: none !important;} .wpcf7-not-valid { border: 1px solid #f00;} /* animated tabs */ .widget_shopping_cart .widget-title { display: none;} .hcode-animated-tabs .nav-tabs { border:0px; text-align:center; display:inline-block; margin: 0 0 130px} .hcode-animated-tabs .nav-tabs > li { margin:0px; float: left; text-align: center; padding: 0 15px; max-width:280px; } .hcode-animated-tabs .nav-tabs > li:last-child{ border: none} .hcode-animated-tabs .nav-tabs > li > a { text-align:center; vertical-align:middle; display: inline-block; margin:0 auto; font-size:42px; outline:none; padding: 0 55px; border: none; float: none; } .hcode-animated-tabs .nav-tabs > li > a:hover .white-text { color:#5bcf21;} .hcode-animated-tabs .nav-tabs > li.active a i { color:#000; } .hcode-animated-tabs .nav-tabs > li > a > span { vertical-align:middle; display: table-cell;} .hcode-animated-tabs .nav-tabs > li:last-child > a { border-right:1px solid rgba(255, 255, 255, .3)} .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin: 0 !important;} .animated-tab1 .nav-tabs > li > a { padding: 0 50px; } .animated-tab2 .nav-tabs { height: auto;} .hcode-animated-tabs .nav-tabs > li span { display: inline-block;} /* product details rating */ .woocommerce .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .woocommerce .star-rating { float: left; top: 3px; font-size: 1em; height: 1em; line-height: 1; overflow: hidden; position: relative; width: 5.4em; } .woocommerce .star-rating::before { color: #d3ced2; content: "\f005\f005\f005\f005\f005"; float: left; left: 0; position: absolute; top: 0; font-family: FontAwesome; } .woocommerce .star-rating span::before { font-family: FontAwesome; content: "\f005\f005\f005\f005\f005"; left: 0; position: absolute; top: 0; color: #000 } .woocommerce .rating { font-size: 13px; float: left; width: 100%;} .woocommerce p.stars { position: relative; font-size: 1em } .woocommerce p.stars a { display: inline-block; font-weight: 700; margin-right: 1em; text-indent: -9999px; position: relative; border-bottom: 0!important; outline: 0 } .woocommerce p.stars a:last-child { border-right: 0; margin-right: 0; } .woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 { border-right: 1px solid #ccc } .woocommerce p.stars a.star-1:after, .woocommerce p.stars a.star-2:after, .woocommerce p.stars a.star-3:after, .woocommerce p.stars a.star-4:after, .woocommerce p.stars a.star-5:after { font-family: FontAwesome; text-indent: 0; position: absolute; top: 0; left: 0 } .woocommerce p.stars a.star-1 { width: 2em } .woocommerce p.stars a.star-1:after { content: "\f006" } .woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after { content: "\f005" } .woocommerce p.stars a.star-2 { width: 3em } .woocommerce p.stars a.star-2:after { content: "\f006\f006" } .woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after { content: "\f005\f005" } .woocommerce p.stars a.star-3 { width: 4em } .woocommerce p.stars a.star-3:after { content: "\f006\f006\f006" } .woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after { content: "\f005\f005\f005" } .woocommerce p.stars a.star-4 { width: 5em } .woocommerce p.stars a.star-4:after { content: "\f006\f006\f006\f006" } .woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after { content: "\f005\f005\f005\f005" } .woocommerce p.stars a.star-5 { width: 6em; border: 0 } .woocommerce p.stars a.star-5:after { content: "\f006\f006\f006\f006\f006" } .woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after { content: "\f005\f005\f005\f005\f005" } .review-wrapper .star-rating { font-size: 13px; margin-bottom: 20px;} .review-wrapper .review-text { display: block; clear: both; font-size: 13px; letter-spacing: 0.02em; line-height: 23px; text-transform: none;} .review-wrapper .review-name { font-size: 13px;} .review-wrapper .comment { margin-right: 0;} .review-wrapper label { color: #999999; font-size: 12px; letter-spacing: 1px; text-transform: uppercase;} .review-wrapper .list-inline { margin-left: 0;} .review-wrapper .list-inline li:first-child { padding-left: 0;} .woocommerce .lost_reset_password .input-text { width: 480px;} .woocommerce .lost_reset_password label { width: 100%;} /* product details rating */ .related-product-grid > div { margin-bottom: 60px;} /* =================================== col3 Layout ====================================== */ .col3-layout .container { width: 100%;} .sidebar .widget_search .mfp-hide { display: block !important} /* =================================== col2 Layout ====================================== */ .col2-layout .container { width: 100%;} /* =================================== Thanks Subscribed ====================================== */ .email-subscribed .alert div { display: table; width: 70%; color: #3c763d !important; } .email-subscribed .alert div::first-letter { font-weight: bold;} /* only ie7, ie9, ie10, ie11 */ @media screen\0 { input { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 19px; } .urgent-job { left: 151px !important;} .buttons_added input.qty { line-height: 14px;} .select2-search input { background-position: 100% -31px !important; } } .revolution-overflow { overflow: hidden; } .col-layout img { margin: 0 4%} .core-features .col-md-6:nth-child(2n+1) { clear: both} @media screen and (-webkit-min-device-pixel-ratio:0) { .core-features { margin-top: 1px;} } /* equal height */ .row-equal-height .row { display: flex; flex-wrap: wrap;} .row-equal-height .vc_column_container { display: flex; } .row-equal-height .vc-column-innner-wrapper { display: flex; flex-direction: column; flex-grow: 1; justify-content: top; } .row-content-top .row { display: flex; flex-wrap: wrap;} .row-content-top .vc_column_container { display: flex; } .row-content-top .vc-column-innner-wrapper { display: flex; flex-direction: column; flex-grow: 1; justify-content: top; } .row-content-middle .row { display: flex; flex-wrap: wrap;} .row-content-middle .vc_column_container { display: flex; } .row-content-middle .vc-column-innner-wrapper { display: flex; flex-direction: column; flex-grow: 1; justify-content: center !important; } .row-content-bottom .row { display: flex; flex-wrap: wrap;} .row-content-bottom .vc_column_container { display: flex; } .row-content-bottom .vc-column-innner-wrapper { display: flex; flex-direction: column; flex-grow: 1; justify-content: flex-end !important; } /* Home page */ #wpdemos-home-slider .item .opacity-full { display: none; } .wpdemos-home-slider-text-box .wpdemos-total-pages { background-color: #ffd200; color: #000; display: inline-block; font-size: 16px; font-weight: 700; letter-spacing: 1.6px; margin-bottom: 3.4%; padding: 15px 48px 16px; text-transform: uppercase; } .wpdemos-home-slider-text-box .wpdemos-big-text { color: #fefefe; font-size: 75px; font-weight: 300; line-height: 95px; margin-bottom: 1%; } .wpdemos-home-slider-text-box .wpdemos-small-text { color: #8d8d8d; font-size: 16px; font-weight: 600; letter-spacing: 4px; margin-bottom: 0.6%; text-transform: uppercase; } .wpdemos-home-slider-text-box .wpdemos-total-pages-top { color: #fefefe; font-size: 50px; font-weight: 300; line-height: 95px; } .wpdemos-home-slider-text-box .wpdemos-total-pages-top span { color: #ffd200; font-weight: 700; } .wpdemos-home-slider-text-box .wpdemos-small-text-bottom { color: #9b9b9b; font-size: 13px; font-weight: 600; letter-spacing: 3px; line-height: 22px; text-transform: uppercase; } #wpdemos-home-slider .owl-item:first-child .slider-text-middle { vertical-align: middle; } #wpdemos-home-slider .owl-item .slider-text-middle { vertical-align: bottom; } .wpdemos-bottom-img { margin-top: 4%; width: 100%; } .wpdemos-bottom-img img { max-width: 100%; } #wpdemos-home-slider .container { width: 100%; } .wpdemos-home-slider-text-box .scroll-down-right-text { display: none; } .wpdemos-home-slider-text-box .scroll-down { left: 0; margin-bottom: 2%; } .section-title-text-block { color: #000000; font-size: 50px; font-weight: 300; letter-spacing: 1px; line-height: 55px; margin: 0 0 33px; padding: 0; text-transform: none; } .block-text { color: #7f7f7f; font-size: 16px; line-height: 26px; } #main-demo .container { width: 88%; } #main-demo { padding: 92px 0; } #main-demo .gutter .grid li { padding: 0 0 30px 20px; } #main-demo .gutter .grid-gallery ul { margin-left: -20px; } #main-demo .work-with-title .grid figcaption h3 a { color: #000; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; } #main-demo .work-with-title figure:hover img { cursor: url("../../../themes/h-code/assets/images/icon-zoom-white2.png"), pointer; } #wpdemos-home-slider .owl-page { margin-top: 8px; } #wpdemos-home-slider .owl-pagination { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 0; } .col-layout img { margin: 0 4%; } .core-features .col-md-6:nth-child(2n+1) { clear: both; } @media not all { .core-features { margin-top: 1px; } } /**************************************************** media css *****************************************************/ @media (max-width: 1720px) { /* wp demos home */ .wpdemos-bottom-img img { width: 100%;} } @media (max-width: 1500px) { /* blog single full width with image slider */ .blog-single-full-width-with-image-slider-headline { width: 100%; font-size: 40px; line-height: 50px;} .blog-blockquote { padding: 60px; } .blog-text { padding: 60px 60px 0 60px; } .blog-comment-area { padding: 60px; } } @media (max-width: 1450px) { /* blog home slider */ .blog-slider-con figcaption h3 { letter-spacing: 2px; } .blog-slider-con figcaption span { letter-spacing: 2px; } /* wp demos home */ #main-demo .container { width: 100%; } } @media (max-width: 1383px) { /* navigation */ .sub-menu ul { right: -25px; z-index: 99; } .search-form {width:80%} /* blog home slider */ .blog-slider-con figcaption h3 { letter-spacing: 1px; } .blog-slider-con figcaption span { letter-spacing: 2px; } .shop-newsletter { padding: 2% 45px 0; } /* agency */ .agency-header span { margin-top: 12%; } /* fashion */ .fashion-right .right-content .title-large { font-size: 23px !important} .fashion-right .right-content { padding: 8%;} /* spa */ .spa-sider .slider-content .get-bg { margin-bottom: 10%;} .spa-case-study .case-study-slider img { margin: -95px 0 0 -95px; width: 190px; } /* client */ .client-text {padding: 0 35px;} } @media (max-width: 1270px) { /* case study slider */ .about-number { padding: 0 20px; } .about-text { margin-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1450px) { /* travel */ .best-hotels-text { width: 87%;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .sm-small-text { font-size: 26px; line-height: 30px;} /* product details */ .product-deails-tab .nav-tabs li:last-child a { margin: 0 0 0 11px; } .product-deails-tab .nav-tabs li:first-child a { margin: 0 11px 0 0; } .product-deails-tab .nav-tabs li a { margin: 0 11px; } } @media only screen and (min-width: 991px) and (max-width: 1200px) { .md-display-block { display: block !important} } @media only screen and (min-width: 1024px) and (max-width: 1920px) { .md-no-margin-bottom { margin-bottom: 0 !important} } @media (min-width: 992px) and (max-width: 1199px) { /* typography */ .md-full-width { width: 100% !important;} .md-display-block { display: block !important} .md-no-padding-bottom { padding-bottom: 0 !important} .spa-our-packages .content-box { padding: 15px; } /* corporate */ .corporate-about-text { width: 41.6667% !important; padding: 30px 30px 10px;} .corporate-about-text-right { width: 41.6667% !important; padding: 10px 30px 30px;} .corporate-about-text-bottom { width: 58.3333% !important; padding: 10px 30px 0;} .client-logo-inner img { max-width: 200px;} .client-logo-inner { height: 120px; } /* grid figcaption */ .md-bottom-10 { bottom: 10px !important;} /* heading */ .subheader { padding: 0 15px; } /* travel agency */ .popular-destinations-highlight { padding: 20px 15px; } .popular-destinations-text { padding: 25px 0; } .popular-destinations-highlight-sub { margin-bottom: 35px; } .travel-about-img img { max-width: 100%; } .agency-enjoy-right { padding: 100px 50px 100px 100px;} .agency-enjoy-right .title-top { font-size: 75px; } .agency-enjoy-right .title-top span { font-size: 28px; line-height: 42px; } /* fashion */ .fashion-right .right-content { padding: 4%; } .fashion-right .right-content .title-large { font-size: 20px !important; line-height: 26px !important; } .fashion-right .right-content .owl-subtitle { line-height: 24px; padding: 18px 0 19px; letter-spacing: 4px; } .fashion-person .separator-line { margin: 1.6% 0 3%; } .fashion-right .right-content h4 { font-size: 15px; line-height: 22px; } /* agency */ .agency-team .team-details { padding-top: 8%; } /* product details */ .detail-right .variations li { width: 100%; margin-bottom: 15px;} .detail-right .single_variation_wrap .buttons_added { margin-bottom: 15px;} } @media (max-width: 1199px) { /* custom */ .lg-margin-bottom-five { margin-bottom: 5% !important; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 20px 15px;} /* key person */ .key-person { max-height: 580px; } .title-large { line-height: 36px; font-size: 26px } #key-person .owl-subtitle { display: block; line-height: 26px; margin: 10% 0 13%; } #key-person .xs-display-none { display: none; } /* services */ .services-main { padding: 4% 1% 4% 3%; } .services-sub { padding: 60px 0 0 0; } /* blog home slider */ .blog-slider-con figcaption h3 { font-size: 13px;} .blog-slider-con figcaption span { letter-spacing: 1px; } /* grid figcaption */ .grid figcaption { bottom: 50px; } .md-bottom-10 { bottom: 10px !important;} /* project img */ .half-project-small-img { min-height: 259px; } /* blog home grid */ .blog-slider-grid figcaption { padding: 15px; } /* blog home masonry */ .blog-grid-listing .blog-details { padding: 0 15px 15px; } .blog-title a { font-size: 13px; letter-spacing: 1px; } .blog-grid-listing .blog-date { letter-spacing: 0px; padding-top: 15px; } /* ajax - onepage portfolio single #5 */ .work-background-slider-text { padding: 50px 70px;} .work-background-slider-main .spend-year { font-size: 25px;} .work-background-slider-text .spend-year { font-size: 22px;} /* countdown timer */ .notify-me-main input { width: 63%; } .notify-me-main .btn-small { width: 37%; } /* header right */ .search-cart-header > #top-search > .subtitle { display: none;} /* blog single full width with image slider */ .blog-single-full-width-with-image-slider-headline { font-size: 30px; line-height: 40px; } .blog-headline .posted-by { font-size: 20px; margin: 35px 0 10px; } .blog-headline .blog-cat a:after { padding: 0 7px; } .blog-headline .blog-date { padding: 30px;} .blog-blockquote { padding: 50px 15px; } .blog-text { padding: 50px 30px 0; } .blog-comment-area { padding: 50px 30px; } .blog-text p { width: 100%; } .social-icon-large .fa { height: 50px !important; width: 50px; } /* footer */ footer ul.list-inline li:first-child { padding-left: 5px;} .list-inline li { padding: 0 17px; } /* portfolio short description */ .portfolio-short-description figure { padding:70px} /* careers page */ .urgent-job { top: 166px; } /* shop */ .shop-newsletter-main { padding: 27px; } .shop-newsletter { padding: 0; min-height: 0; } .lg-display-none { display: none; } .lg-display-block { display: block; } .lg-margin-bottom-three { margin-bottom: 3% !important; } /**************************************************** home page ****************************************************/ /*======* restaurant *======*/ .food-services-border { padding: 15px 25px; } .img-border-full { left: 15px; top: 0; width: calc(100% - 29px); height: calc(100% - 0px);} .special-offers-sub { top: 19%;} .special-offers { min-height: 324px;} /**************************************************** one page ****************************************************/ /*======* architecture *======*/ /* services box */ .services-box figure { padding: 90px 50px 0; } /* case study slider */ .case-study-number { padding: 0 35px; } .case-study-text { margin-left: 10px; } /*======* spa *======*/ .spa-slider-bg { height: 100%; width: 100%; } .spa-sider .owl-title { letter-spacing: 5px; } /*======* agency *======*/ .reasons { padding: 8.6% 5.6% 25.6%; } /* photography */ .photography-grid .grid li { width: 33.3333%; } .recent-photography .grid li { width: 33.3333%; } /* photography */ #tour-package .col-md-4 { width: 50% !important;} .md-margin-bottom { margin-bottom: 2%;} /* menu */ .nav > li { margin-right: 5px; margin-left: 5px} /* megamenu column 1 */ .megamenu-column-1 > ul.dropdown-menu { left: inherit !important; right: 0 !important;} .megamenu-column-1 > ul.dropdown-menu > li > a:hover { background-color: transparent; } .megamenu-column-1 > ul.dropdown-menu > li > a:hover, .shrink-nav .navbar-nav > .megamenu-column-1 > ul.dropdown-menu > li > a:hover { border-bottom: transparent !important;} /* icon tab */ .nav-tabs > li { margin-left: 0; margin-right: 0;} /* single #1 */ .project-header-text { margin-top: 30%; } /* order received */ .shop_table_responsive td { padding: 10px 15px; } /*======* corporate *======*/ .corporate-standards-text { padding-left: 6%; padding-right: 6%;} /* team members */ .team-section-padding { padding-bottom: 50px} /* wp demos home */ .col-layout img { margin: 0 3%; width: 19%; } .section-title-text-block { font-size: 42px; line-height: 50px; } #main-demo .gutter .grid li { padding-bottom: 20px;} #main-demo .work-with-title .grid figcaption { padding: 30px 0 20px; } #main-demo .nav-tabs-black li a { margin: 0 22px; } #main-demo .nav-tabs-black li:first-child a { margin: 0 22px 0 0; } #main-demo { padding: 52px 0; } } @media (max-width: 1064px) { /* parallax */ .parallax-fix{ background-attachment: scroll !important; } /* carousel slide */ .slider-text .col-md-3 { margin-left: 10%; } /* case study slider */ .case-study-slider .col-sm-5 { margin-right: 63px; } /* blog home slider */ .blog-slider-con figcaption h3 { font-size: 14px; letter-spacing: 4px; line-height: 20px; } .blog-slider-con figcaption { padding: 35px 25px } .blog-slider-con figcaption span { letter-spacing: 2px; line-height: 18px; } /**************************************************** features ****************************************************/ .features-box-style1 br, .features-box-style2 br { display: none; } /* fashion */ .model-details-text { padding: 25px; } .architecture-team {padding:0 45px 30px 45px;} /* side bar */ .widget .close-search { right: 50px; } } /******* Only for iPad Css *******/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* for general iPad layouts */ .navbar-nav > li > a { border-color: transparent; } .navbar-nav > li > a.active { border-color: black; } } @media (max-width: 1024px) { /* navigation position */ .navbar-right .dropdown-menu { right: -156px; } /* text rotator */ .cd-headline.slide .cd-words-wrapper { width: 100% !important; } .timeline-number { padding: 35%; } .md-display-none { display: none !important} .fix-background { background-attachment:inherit !important} /* agency */ .agency-header span { margin-top: 15%; } } @media (max-width: 991px) { /* navigation panel */ nav .accordion-menu * { transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } .panel { position: relative; } .panel-title > a.collapsed:after { content: '+'; position: absolute; right: 24px; } .panel-title > a:after { content: '-'; position: absolute; right: 24px; } .open .collapse { display: none; } .open .collapse.in { display: block; } .collapse.in { width: 100%; clear: both;} .navbar-toggle { margin-right: 0;} .menu-position-right .navbar-nav.navbar-right:last-child { margin-right: 0; } .navbar-default .navbar-nav > li > a > i.megamenu-mobile-icon { display: block; } .navbar-default .navbar-nav li a.dropdown-toggle .menu-icon-left { float: left; top: 9px !important; color: #fff !important} .sticky-nav .navbar-nav > li > a .menu-icon-left { float: left;} .megamenu-right-icon { display: block !important; float: right; position: absolute !important; right: 0; top: 0;} .megamenu-right-icon:hover { background-color: transparent !important;} .nav-dark li a.active { border-bottom: 0 solid transparent !important; } .navbar-header { display: block;} .dropdown-header { border-bottom: 0 solid rgba(255, 255, 255, 0.3) !important; } /* navigation */ nav.navbar .container { position: relative; } .navbar .accordion-menu { background-color: rgba(27, 22, 28, 0.95); clear: both; min-height: 0 !important; position: absolute; top: 76px; width: 100%; padding: 0; } .nav-dark .dropdown-menu { background-color: transparent; } /* sticky navigation */ .shrink-nav .accordion-menu { top: 56px; } .static-sticky .accordion-menu { top: 90px; } .static-sticky-gray .accordion-menu { top: 90px; } .sticky-nav .nav > li { float: left; width: 100% !important; margin: 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.06) !important; } .sticky-nav .nav > li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .sticky-nav ul li a:hover { color: #fff !important; background-color: rgba(0, 0, 0, 0.3); } .sticky-nav ul li a:hover i { color: #fff; border-color: #659f53; } .sticky-nav .navbar-nav > li > a { font-weight: 700; } .sticky-nav .navbar-nav > li > a i { display: inline-block; float: right; margin: 9px 10px 0 0; font-size: 14px; color: #fff; width: 20px; height: 20px; vertical-align: middle; padding: 0 0 0 4.2px; line-height: 20px; } .sticky-nav .navbar-nav > li > .dropdown-menu, .shrink-nav .dropdown.simple-dropdown .dropdown-menu { border-top: 1px solid rgba(255, 255, 255, 0.06); left: 0; top: inherit !important; width: 100% !important; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); } .shrink-nav .nav > li { margin: 16px 15px; } .nav-white.shrink-nav .navbar-nav li a { color: #fff; } .navbar .text-right { background-color: rgba(27, 22, 28, 0.95); clear: both; min-height: 0; padding: 0; position: absolute; top: 80px; width: 100%; } .navbar.shrink-nav .text-right { top: 56px; } .static-sticky .text-right { top: 90px !important;} .static-sticky-gray .text-right { top: 90px !important;} .dropdown-menu:last-child ul li:last-child { border-bottom: 0; } .dropdown-menu li a { color: inherit; height: 34px !important; line-height: 34px !important; padding: 0 !important; text-align: left; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-nav > li > a { border-bottom: 0 !important;} .navbar-default .navbar-nav > li > a { color: #fff !important; display: block; height: 38px; line-height: 38px; padding: 0 0 0 15px; text-align: left; } .dropdown-header { margin: 0;} .navbar-collapse.in { overflow-x: hidden; } .navbar-default .col-sm-3 { float: left; } .mega-menu-column:first-child { padding-left: 0; } .mega-menu-column:last-child { padding-left: 0; } .navbar-toggle {border-radius: 0px;} .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-toggle { background-color: #659f53;} .megamenu-right-icon.collapsed .fa-angle-down::before { content:"\f107"; } .megamenu-right-icon .fa-angle-down::before { content:"\f106"; } .cart-content ul.cart-list a { background-color: transparent !important; color: #c8c8c8 !important;} .cart-content ul.cart-list a:hover { background-color: transparent !important; color: #c8c8c8 !important;} .dropdown-menu li a.dropdown-header { color: #fff !important;} .dropdown-menu li a.dropdown-header:hover { color: #fff !important;} .dropdown-header:hover { background-color: transparent !important; border: 0 none !important;} .static-sticky .cart-content { margin-top: 0 !important; top: 42px !important;} .static-sticky-gray .cart-content { margin-top: 0 !important; top: 41px !important; } /* navigation, mega menu */ .open > .dropdown-menu { margin: 0 !important; } .dropdown-menu { margin: 0 !important; padding: 0 15px !important; position: inherit; width: 100%; background-color: transparent; background-clip: inherit; } .mega-menu-column { margin: 0 !important; display: block; background-color: transparent; background-clip: inherit; } .mega-menu-column li{ border-top: 1px solid rgba(255, 255, 255, 0.06); } .dropdown-menu li { padding: 0; width: 100%; } .dropdown-header { border-bottom: 0; border-top: 0 none !important; color: #fff !important; font-size: 11px; font-weight: 600; height: 38px; line-height: 38px; } .dropdown-menu li a.sub-menu-title { color: #fff !important; font-size: 11px; font-weight: 600; height: 38px !important; letter-spacing: 3px; line-height: 38px !important; padding: 0; } .dropdown-menu li a i { top: 10px; } .simple-dropdown-menu ul { padding: 0 15px !important; } .simple-dropdown-menu ul ul { padding: 0 !important; } .sub-menu ul { left: 0; background-color: transparent; } .simple-dropdown-menu ul li.sub-menu { margin-bottom: 15px; } .simple-dropdown-menu ul li.sub-menu.last { margin-bottom: 0; } .navbar-nav > li > ul > li { margin-top: 0px !important;} /* simple dropdown menu */ .simple-dropdown > ul.dropdown-menu { padding-left: 15px !important; padding-right: 15px !important;} .simple-dropdown > ul.dropdown-menu > li a { padding-left: 0 !important; padding-right: 0 !important; font-weight: 600 !important; color: #fff !important;} /* .simple-dropdown > ul.dropdown-menu > li > a { cursor: default;}*/ .simple-dropdown > ul.dropdown-menu > li > a:hover { background-color: transparent !important; } .simple-dropdown > ul.dropdown-menu > li a i { display: none;} .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu { background-color: transparent; display: block; left: 0; position: inherit; width: 100%; margin-bottom: 10px; } .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu > li:last-child a { border-bottom: 0 !important} .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu > li a { font-weight: 400 !important; color: #c8c8c8 !important;} .simple-dropdown > ul.dropdown-menu > li a:hover { color: #fff !important;} /* megamenu column 1 */ .megamenu-column-1 > ul.dropdown-menu { padding:0 15px 0 !important;} /* navigation > mega menu > dropdown li ul */ .dropdown-menu li ul { display: block; position: inherit; border: 0; padding: 0; margin: 0; } /* sub menu */ .sub-menu-title:hover { cursor: default; background-color: transparent !important; } .sub-menu a i { display: none; } /* header right */ .search-cart-header .subtitle { display: none;} .top-cart { padding-bottom: 9px;} .search-cart-header .subtitle-mobile { display: block;} .cart-content { top: 53px;} /* custom */ .sm-margin-0auto { margin: 0 auto !important;} .column-min-height { min-height: 0 !important;} .breadcrumb { text-align: left; margin-top: 2%; } section { padding: 90px 0; } .div-padding { padding: 90px 0} .section-title { padding-bottom: 90px; } .sm-pull-left { float: left !important; } .sm-pull-right { float: right !important; } .sm-no-margin { margin: 0 auto !important; } .sm-no-margin-top { margin-top: 0 !important; } .sm-no-margin-bottom { margin-bottom: 0 !important; } .sm-margin-five { margin: 5% 0 !important; } .sm-margin-eight { margin: 8% 0 !important; } .sm-margin-bottom-one { margin-bottom: 1% !important } .sm-margin-bottom-two { margin-bottom: 2% !important } .sm-margin-bottom-three { margin-bottom: 3% !important } .sm-margin-bottom-four { margin-bottom: 4% !important } .sm-margin-bottom-five { margin-bottom: 5% !important } .sm-margin-bottom-six { margin-bottom: 6% !important } .sm-margin-bottom-seven { margin-bottom: 7% !important } .sm-margin-bottom-eight { margin-bottom: 8% !important } .sm-margin-bottom-nine { margin-bottom: 9% !important } .sm-margin-bottom-ten { margin-bottom: 10% !important } .sm-margin-bottom-eleven { margin-bottom: 11% !important } .sm-margin-bottom-twelve { margin-bottom: 12% !important } .sm-margin-top-one { margin-top: 1% !important } .sm-margin-top-two { margin-top: 2% !important } .sm-margin-top-three { margin-top: 3% !important } .sm-margin-top-four { margin-top: 4% !important } .sm-margin-top-five { margin-top: 5% !important } .sm-margin-top-six { margin-top: 6% !important } .sm-margin-top-seven { margin-top: 7% !important } .sm-margin-top-eight { margin-top: 8% !important } .sm-margin-top-nine { margin-top: 9% !important } .sm-margin-top-ten { margin-top: 10% !important } .sm-margin-top-eleven { margin-top: 11% !important } .sm-margin-top-twelve { margin-top: 12% !important } .sm-margin-right-one { margin-right:1% !important } .sm-no-margin-right { margin-right: 0 !important;} .sm-no-margin-left { margin-left: 0 !important; } .sm-padding-bottom-six { padding-bottom: 6% !important; } .sm-no-padding { padding: 0 !important; } .sm-no-padding-left { padding-left: 0 !important; } .sm-no-padding-right { padding-right: 0 !important; } .sm-padding-top-six { padding-top: 6% !important } .sm-padding-top-nine { padding-top: 9% !important; } .sm-padding-bottom-nine { padding-bottom: 9% !important; } .sm-display-none { display:none !important} .sm-text-center { text-align: center !important;} .sm-border { border: 1px solid rgba(0, 0, 0, 0.075) !important; } .sm-no-border-right { border-right: 0 !important; } .sm-margin-lr-four { margin-left: 4% !important; margin-right: 4% !important;} .sm-background-image-right { background-position: center right !important;} .sm-pull-none { float: none !important} .sm-width-100 { width:100% !important} .sm-display-inline { display: inline !important; } .sm-display-block { display: block !important; } .sm-display-inline-block { display: inline-block !important} .sm-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; } .sm-no-padding-top { padding-top: 0 !important;} .sm-no-padding-bottom { padding-bottom: 0 !important;} .sm-no-margin-lr { margin-right: 0 !important; margin-left: 0 !important;} /* wp padding margin */ .sm-margin-bottom-80px { margin-bottom: 80px !important} .sm-margin-bottom-40px { margin-bottom: 40px !important} .sm-margin-bottom-30px { margin-bottom: 30px !important; } .sm-margin-top-20px { margin-top: 20px !important} .sm-padding-lr-15px { padding-left: 15px !important; padding-right: 15px !important} .sm-margin-right-20px { margin-right: 20px;} .sm-margin-right-25px { margin-right: 25px;} .sm-margin-top-35px { margin-top: 35px !important} .sm-padding-three-all { padding: 3% !important;} .sm-margin-lr-20px { margin-right: 20px !important; margin-left: 20px !important;} .sm-margin-lr-10px { margin-right: 10px !important; margin-left: 10px !important;} .sm-margin-top-30px { margin-top: 30px !important} .sm-padding-bottom-15px { padding-bottom: 15px !important;} .sm-padding-bottom-30px { padding-bottom: 30px !important;} .sm-margin-one{ margin-top:1% !important; margin-bottom:1% !important} .sm-margin-two{ margin-top:2% !important; margin-bottom:2% !important} .sm-margin-three{ margin-top:3% !important; margin-bottom:3% !important} .sm-margin-four{ margin-top:4% !important; margin-bottom:4% !important} .sm-margin-five{ margin-top:5% !important; margin-bottom:5% !important} .sm-margin-six{ margin-top:6% !important; margin-bottom:6% !important } .sm-margin-seven{ margin-top:7% !important; margin-bottom:7% !important} .sm-margin-eight {margin-top:8% !important; margin-bottom:8% !important} .sm-margin-nine {margin-top:9% !important; margin-bottom:9% !important} .sm-margin-ten{ margin-top:10% !important; margin-bottom:10% !important} .sm-margin-eleven { margin-top:11% !important; margin-bottom:11% !important } .sm-margin-twelve { margin-top:12% !important; margin-bottom:12% !important} .sm-margin-thirteen { margin-top:13% !important; margin-bottom:13% !important} .sm-margin-twentytwo{ margin-top:22% !important; margin-bottom:22% !important} .sm-margin-one-all{ margin:1% !important;} .sm-margin-two-all{ margin:2% !important;} .sm-margin-three-all{ margin:3% !important;} .sm-margin-four-all{ margin:4% !important;} .sm-margin-five-all{ margin:5% !important;} .sm-margin-six-all{ margin:6% !important; } .sm-margin-seven-all{ margin:7% !important;} .sm-margin-eight-all {margin:8% !important;} .sm-margin-nine-all {margin:9% !important;} .sm-margin-ten-all { margin:10% !important;} .sm-margin-eleven-all { margin: 11% !important; } .sm-margin-twelve-all { margin: 12% !important; } .sm-margin-thirteen-all { margin: 13% !important;} .sm-margin-one-bottom { margin-bottom: 1% !important } .sm-margin-two-bottom { margin-bottom: 2% !important } .sm-margin-three-bottom { margin-bottom: 3% !important } .sm-margin-four-bottom { margin-bottom: 4% !important } .sm-margin-five-bottom { margin-bottom: 5% !important } .sm-margin-six-bottom { margin-bottom: 6% !important } .sm-margin-seven-bottom { margin-bottom: 7% !important } .sm-margin-eight-bottom { margin-bottom: 8% !important } .sm-margin-nine-bottom { margin-bottom: 9% !important } .sm-margin-ten-bottom { margin-bottom: 10% !important } .sm-margin-eleven-bottom { margin-bottom: 11% !important } .sm-margin-twelve-bottom { margin-bottom: 12% !important } .sm-margin-thirteen-bottom { margin-bottom: 13% !important } .sm-margin-one-top { margin-top: 1% !important } .sm-margin-two-top { margin-top: 2% !important } .sm-margin-three-top { margin-top: 3% !important } .sm-margin-four-top { margin-top: 4% !important } .sm-margin-five-top { margin-top: 5% !important } .sm-margin-six-top { margin-top: 6% !important } .sm-margin-seven-top { margin-top: 7% !important } .sm-margin-eight-top { margin-top: 8% !important } .sm-margin-nine-top { margin-top: 9% !important } .sm-margin-ten-top { margin-top: 10% !important } .sm-margin-eleven-top { margin-top: 11% !important } .sm-margin-twelve-top { margin-top: 12% !important } .sm-margin-thirteen-top { margin-top: 13% !important } .sm-padding-one-bottom { padding-bottom: 1% !important;} .sm-padding-two-bottom { padding-bottom: 2% !important;} .sm-padding-three-bottom { padding-bottom: 3% !important;} .sm-padding-four-bottom { padding-bottom: 4% !important;} .sm-padding-five-bottom { padding-bottom: 5% !important;} .sm-padding-six-bottom { padding-bottom: 6% !important;} .sm-padding-seven-bottom { padding-bottom: 7% !important;} .sm-padding-eight-bottom { padding-bottom: 8% !important;} .sm-padding-nine-bottom { padding-bottom: 9% !important;} .sm-padding-ten-bottom { padding-bottom: 10% !important;} .sm-padding-eleven-bottom { padding-bottom: 11% !important;} .sm-padding-twelve-bottom { padding-bottom: 12% !important;} .sm-padding-thirteen-bottom { padding-bottom: 13% !important;} .sm-padding-one-top { padding-top: 1% !important;} .sm-padding-two-top { padding-top: 2% !important;} .sm-padding-three-top { padding-top: 3% !important;} .sm-padding-four-top { padding-top: 4% !important;} .sm-padding-five-top { padding-top: 5% !important;} .sm-padding-six-top { padding-top: 6% !important;} .sm-padding-seven-top { padding-top: 7% !important;} .sm-padding-eight-top { padding-top: 8% !important;} .sm-padding-nine-top { padding-top: 9% !important;} .sm-padding-ten-top { padding-top: 10% !important;} .sm-padding-eleven-top { padding-top: 11% !important;} .sm-padding-twelve-top { padding-top: 12% !important;} .sm-padding-thirteen-top { padding-top: 13% !important;} .sm-padding-twentytwo-top { padding-top: 22% !important;} .sm-padding-one-tb { padding-top: 1% !important; padding-bottom: 1% !important;} .sm-padding-two-tb { padding-top: 2% !important; padding-bottom: 2% !important;} .sm-padding-three-tb { padding-top: 3% !important; padding-bottom: 3% !important;} .sm-padding-four-tb { padding-top: 4% !important; padding-bottom: 4% !important;} .sm-padding-five-tb { padding-top: 5% !important; padding-bottom: 5% !important;} .sm-padding-nine-tb { padding-top:9% !important; padding-bottom: 9% !important} .sm-padding-one { padding:1% !important; } .sm-padding-two { padding:2% !important;} .sm-padding-three { padding:3% !important;} .sm-padding-four { padding:4% !important;} .sm-padding-five { padding:5% !important; } .sm-padding-six { padding:6% !important; } .sm-padding-seven { padding:7% !important; } .sm-padding-eight { padding:8% !important; } .sm-padding-nine { padding:9% !important; } .sm-padding-ten { padding: 10.2%; } .sm-padding-eleven { padding: 11% !important; } .sm-padding-twelve { padding: 12% !important } .sm-padding-thirteen { padding: 13% !important } .sm-padding-one-lr { padding-left: 1% !important; padding-right: 1% !important;} .sm-padding-two-lr { padding-left: 2% !important; padding-right: 2% !important;} .sm-padding-three-lr { padding-left: 3% !important; padding-right: 3% !important;} .sm-padding-four-lr { padding-left: 4% !important; padding-right: 4% !important;} .sm-padding-five-lr { padding-left: 5% !important; padding-right: 5% !important;} .sm-padding-six-lr { padding-left: 6% !important; padding-right: 6% !important;} .sm-padding-seven-lr { padding-left: 7% !important; padding-right: 7% !important;} .sm-padding-eight-lr { padding-left: 8% !important; padding-right: 8% !important;} .sm-padding-nine-lr { padding-left: 9% !important; padding-right: 9% !important;} .sm-padding-ten-lr { padding-left: 10% !important; padding-right: 10% !important;} /* align */ .sm-alignleft { float: left !important; } .sm-alignright { float: right !important; } .sm-aligncenter { display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important } /* other col size */ .sm-col-large {width:90%;} .sm-col-medium {width:85%;} .sm-col-small{ width:75%;} .sm-col-extra-small{ width:70%; } /* features */ .features-section.col-md-12.col-sm-6 { padding: 0 2% !important; } #features .section-title { padding: 0 0 90px 0; } .features-section h5 { line-height: 18px; } .col-sm-12:last-child .features-section:first-child { margin-bottom: 0; } .pricing-box.best-price { margin-top: 0;} /* services */ .services-main { padding: 10% 3%; width: 100%; } .services-sub-section { padding-right: 0; } .services-sub { padding-top: 4%; } #services { background-color: rgba(224, 224, 224, 1) !important; background-image: none !important; } /* counter */ .key-person:hover .key-person-details { bottom: 140px; } .key-person-details { bottom: 10px; } /* key person */ .key-person { max-height: 470px; } /* case study slider */ .case-study-slider { padding: 90px 0; } .case-study-work { line-height: 18px; } /* blog */ #blog .section-title { padding-bottom: 50px; } .post-title { line-height: 16px; margin-bottom: 15px; } .post-details { line-height: 15px; } .blog-post p { line-height: 23px; } /* approach */ .approach .col-sm-6 { margin: 0 0 90px; } .approach .col-sm-6:nth-child(3), .approach .col-sm-6:nth-child(4) { margin-bottom: 0; } /* new project */ .new-project h5 { margin-bottom: 10px; } /* owl carousel */ .owl-half-slider .owl-title { width: 60%;} .owl-pagination-bottom.owl-carousel .owl-pagination { bottom: -50px } /* blog home slider */ .blog-slider-con figcaption { padding: 20px 20px 20px; bottom: -60px; } .blog-slider-con figcaption h3 { font-size: 13px; letter-spacing: 4px; line-height: 16px; } /* grid */ .grid li { width: 50% !important;} .related-projects li { width: 33.33% !important;} .work-3col .grid li.related-projects { width: 33.33% !important;} .related-projects.wide-title .grid figcaption { padding: 30px 0; } .ipad-3col .grid li { width: 33.33% !important;} /* grid figcaption */ .grid figcaption { bottom: 10px;} /* project img */ .half-project-img { min-height: 520px; } .project-content .col-sm-12.text-med { margin-top: 5%; } .half-project-small-img { min-height: 213px; } /* onepage portfolio single #2 */ .half-project-img-slider { min-height: 520px; } /* animated */ #animated-tab .nav-tabs > li > a { padding: 0 22px; } .cd-words-wrapper { width: auto !important; } /* blog home grid */ .blog-slider-right { margin-top: 28px; } /* portfolio grid - 4 column */ .work-4col .grid-gallery figcaption h3, .work-4col .grid-gallery figcaption h3 a { font-size: 14px; margin: 0 0 8px} .work-4col .grid-gallery figcaption p { font-size: 12px} .work-4col .grid figcaption { bottom: 30px; } /* portfolio grid - 5 column */ .work-5col .grid-gallery figcaption h3, .work-5col .grid-gallery figcaption h3 a { font-size: 14px; margin: 0 0 8px; letter-spacing: 2px} .work-5col .grid-gallery figcaption p { font-size: 12px; letter-spacing: 3px} .work-5col .grid-gallery figcaption i { font-size: 32px; margin-bottom: 20px } /* portfolio short description */ .portfolio-short-description figure { padding: 30px; } /* ajax - onepage portfolio single #2 */ .features-section .col-xs-9 { width: 70%;} .mfp-wrap { z-index: 999999; } .mfp-wrap .new-project { position: relative; z-index: 9999991; } .small-icon-title .medium-icon { font-size: 30px !important;} /* ajax - onepage portfolio single #5 */ .work-background-slider-text { padding: 40px 30px; width: 100%;} /* slider typography */ .slider-subtitle1 { font-size: 40px; line-height: 58px; width: 234px; } .slider-typography-shop .owl-title { font-size: 50px; line-height: 52px; } .slider-title-big6{ font-size:90px;} .shop-newsletter .submit-small-button { width: 26%; } /* *onepage fashion* parallax section */ .parallax-section-main { min-height: 370px; } /* blog single full width with image slider */ .blog-date { line-height: 16px; } .blog-blockquote { padding: 60px 10px; } .blog-blockquote blockquote { width: 100%; } .blog-text { padding: 60px 25px; } .blog-text p { width: 100%; } .blog-comment-area { padding: 60px 25px; } .text-uppercase { word-wrap: break-word; } .blog-comment-form-main { padding-top: 0; clear: both; } .blog-comment .comment-avtar { margin-right: 20px; } /* blog listing classic */ .blog-listing-classic .blog-image { margin-bottom: 0px;} .widget { margin-bottom: 35px; } .blog-image blockquote { padding: 30px; } .blog-image blockquote p { font-size: 18px; line-height: 29px; } .blog-image blockquote p:before { font-size: 42px; } blockquote.blog-image { padding: 30px;} blockquote.blog-image p:before { font-size: 42px; } blockquote.blog-image p { font-size: 18px; line-height: 29px; } .about-author { padding: 30px;} .blog-grid-listing .blog-date { letter-spacing: 0; line-height: 16px; padding-top: 17px; } .blog-title a { letter-spacing: 1px; line-height: 18px; margin-top: 10px; } .blog-grid-listing .blog-details .blog-title { min-height: 48px;} /* blog listing full */ .blog-listing-full { margin-bottom:90px;} .blog-listing-full .blog-date-right a { font-size: 12px;} /* parallax */ .parallax-fix { background-attachment: inherit !important} .parallax-portfolio { background-attachment: inherit !important; background-size: 125% auto; } .portfolio-short-description-bg { background-size: 102%; } .fix-background { background-attachment: inherit !important; } /* footer */ footer h6 { line-height: 16px; } footer ul.list-inline li:first-child { padding-left: 18px;} .footer-social a:last-child { margin-right: 25px;} /**************************************************** home page ****************************************************/ /*======* restaurant *======*/ .restaurant-header h1 span { font-size:60px;} .about-restaurant-text { min-height: 0; } .chef-text { min-height: 0; } .img-border-full { height: calc(100% - -82px); width: calc(100% - 30px); } .special-offers-sub { top: 33%; } .special-offers { min-height: 378px;} /*======* travel *======*/ .travel-booking .tab-style3 .nav-tabs li a { margin: 0 !important; padding: 0 30px; } /*======* corporate *======*/ .img-border-small-fix { left: 0; width: 100%; } .corporate-standards-text { min-height: 0; } .hcode-animated-tabs .nav-tabs li a { padding: 0 46px !important; } .animated-tab1 .nav-tabs li a { padding: 0 22px !important; } .pricing-box, .no-border-right .pricing-box { border: 1px solid rgba(0, 0, 0, 0.075);} /**************************************************** careers page ****************************************************/ .urgent-job { top: 177px; } /**************************************************** one page ****************************************************/ /*======* fashion *======*/ .fashion-right .right-content { padding: 12% 0 0 12% !important; } /*======* spa *======*/ .spa-case-study .case-study-slider img { display: none; } .spa-case-study .case-study-work { line-height: 25px; } .spa-our-packages .content-box { padding: 18px;} /*======* restaurant *======*/ .person-grid .owl-title { line-height: 36px; } /**************************************************** shop ****************************************************/ /* button */ .shop-newsletter .btn.btn-small { width: 25%; } /* exclusive style */ .exclusive-style-text { padding: 60px 35px; } /* home product */ .shop-shorting { width: 190px; margin: 0 auto 20px !important; } .shop-shorting-full { float: left; width: auto; } /* home photography */ .photography-slider h1 { font-size: 80px; letter-spacing: 30px; } /* menu */ .accordion-menu .banner { display: none;} /* case study */ .case-study-details { float: left; width: 100%; clear: both; min-height: inherit; padding-bottom: 10%;} /* tabs */ .nav-tabs > li > a { margin-left: 16px; margin-right: 16px;} /* top search */ #top-search { margin-left: 13px;} .search-cart-header i { padding: 5px; } .top-cart .fa-shopping-cart { padding: 5px; margin-right: 0;} .page-title-small .breadcrumb { margin-top:2%} /* corporate */ .corporate-about-text-right { padding: 30px 15px; } .corporate-about-text { padding: 50px 15px; } .corporate-about-text-bottom { padding: 50px 15px 30px; } .corporate-about-text-bottom > span { line-height: 20px !important; margin-bottom: 10px; display: inline-block;} .corporate-about-text-right p { margin-top: 10px; } /* Product listing */ /* .product-3 > div:nth-child(3n+1) { clear: none; } .product-3 > div:nth-child(2n+1) { clear: both; }*/ .product-4 > div:nth-child(4n+1) { clear: none; } .product-4 > div:nth-child(2n+1) { clear: both; } .product-6 > div:nth-child(6n+1) { clear: none; } .product-6 > div:nth-child(2n+1) { clear: both; } /* listing */ .grid-nav p { margin-left: 5px; margin-bottom: 5px; vertical-align: top;} .hcode-product-grid-list-wrapper { display: inline-block;} /* shop listing - list view */ .product-list-view .product .product-image-wrapper { width: 100%; text-align: center !important;} .product-list-view .product .product-content-wrapper { width: 100%; text-align: center !important;} .product-list-view .product .product-content-wrapper .separator-line { margin-left: auto !important; margin-right: auto !important;} /* shopping cart */ .shop-cart .product-quantity, .shop-cart .product-subtotal, .shop-cart .product-price { width: 22%;} /*.shop-cart .product-thumbnail { width: auto; }*/ .shop-cart .product-thumbnail img { width: 100px; max-width: inherit;} .shopping-cart-content .shopping-cart-scroll { flex-direction: column; height: 100%; overflow-x: scroll; } .shopping-cart-content .table { margin-bottom: 25px;} /* checkout */ .woocommerce-checkout-payment .payment_methods { width: 50%; } .woocommerce-checkout-payment .place-order { width: 50%; } /* style #2 */ .next-prev-post-wrapper .next-previous-project-style2 a { padding: 20px 0; letter-spacing: 2px;} .next-prev-post-wrapper .next-previous-project-style2 a.previous:hover span { padding-right: 0; } .next-prev-post-wrapper .next-previous-project-style2 a.next:hover span { padding-left: 0; } /* My account */ #customer_login .col-1, #customer_login .col-2 { padding: 20px; width: 48%;} /* personal */ .award-box { padding-right: 0; padding-left: 0;} /* blog details */ /*.blog-details-text p { font-size: 13px; line-height: 24px; margin-bottom: 20px; }*/ /* team members */ .half-row-width .row { margin: 0 auto;} /*======* spa *======*/ .spa-sider .owl-title { letter-spacing: 3px; } /* wp demos home */ #wpdemos-home-slider { height: 750px !important;} #wpdemos-home-slider .full-screen { min-height: 750px !important;} .wpdemos-bottom-img { margin-top: 20%; } .wpdemos-home-slider-text-box .wpdemos-big-text { font-size: 55px; line-height: 75px; } .col-layout img { margin: 0 3%; width: 19%; } .section-title-text-block { font-size: 32px; line-height: 42px; } #main-demo .nav-tabs-black li a { margin: 0 12px; } #main-demo .nav-tabs-black li:first-child a { margin: 0 12px 0 0; } } @media (max-width: 920px) { /* blog home slider */ .blog-slider-con figcaption { padding: 20px 15px 20px; bottom: -60px; } .blog-slider-con figcaption h3 { letter-spacing: 2px;} .slider-title-big6{ font-size:20px; line-height:1.2em} } @media (max-width: 768px) { /* custom */ .separator-line { margin: 20px auto 15px; } .lg-display-none { display: block; } /* key person */ .key-person i { margin: 15px 10% 25px; } /* slider text */ #animated-tab .nav-tabs {margin: 0 0 70px;} .nav-tabs > li > a { border-right: 0; } #animated-tab .nav-tabs > li > a {margin: 0 auto; } .portfolio-filter { display: inline-block;} .nav > li {width: auto;} .nav-tabs > li.active > a { margin-bottom: 0px; } .nav-tabs > li > a:hover { margin-bottom: 0px; vertical-align: top;} .owl-title-big { font-size: 30px; letter-spacing: 5px; line-height: 44px; } /* single - onepage portfolio single #2 */ .slider-text-middle4 { padding: 0 15px 35px;} /**************************************************** careers page ****************************************************/ .urgent-job { top: 166px; } .sm-bg-yellow { background: none repeat scroll 0 0 #659f53 !important; } /**************************************************** one page ****************************************************/ /*======* architecture *======*/ /* .architecture-company .nav-tabs { width: auto !important; } .architecture-company .nav-tabs > li { width: auto !important; }*/ /*======* spa *======*/ .spa-sider .owl-title { font-size: 24px; line-height: 16px; } /* text rotator */ .cd-headline.slide span { padding-bottom: 2em} } @media (max-width: 767px) { /* custom */ .customize-support .navbar { margin-top: 0 !important; } .table { margin-bottom: 25px; } .col-xs-mobile-fullwidth { clear: both; display: inline-block; float: left; width: 100%;} .post-slider-no-margin p { margin-bottom: 0;} .min-height-50 { min-height: 50px !important;} .min-height-100 { min-height: 100px !important;} .min-height-150 { min-height: 150px !important;} .min-height-200 { min-height: 200px !important;} .min-height-250 { min-height: 250px !important;} .min-height-300 { min-height: 300px !important;} .min-height-350 { min-height: 350px !important;} .min-height-400 { min-height: 400px !important;} .min-height-450 { min-height: 450px !important;} .min-height-500 { min-height: 500px !important;} .min-height-550 { min-height: 550px !important;} .min-height-600 { min-height: 600px !important;} .min-height-650 { min-height: 650px !important;} section { padding: 50px 0; clear: both; } .div-padding { padding: 50px 0} .xs-pull-left { float: left !important; } .first-child { padding-top: 0; } .last-child { padding-bottom: 0; } .margin-top-section { margin-top: 50px; } .xs-indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); } .xs-indicators-black li { border: 2px solid rgba(0, 0, 0, 1);} .xs-margin-0auto { margin: 0 auto !important;} .xs-no-margin { margin: 0 !important; } .xs-no-margin-top { margin-top: 0 !important; } .xs-margin-bottom-one { margin-bottom: 1% !important } .xs-margin-bottom-two { margin-bottom: 2% !important } .xs-margin-three-bottom { margin-bottom: 3% !important } .xs-margin-bottom-four { margin-bottom: 4% !important } .xs-margin-bottom-five { margin-bottom: 5% !important } .xs-margin-bottom-six { margin-bottom: 6% !important } .xs-margin-bottom-seven { margin-bottom: 7% !important } .xs-margin-seven-bottom { margin-bottom: 7% !important } .xs-margin-bottom-eight { margin-bottom: 8% !important } .xs-margin-bottom-nine { margin-bottom: 9% !important } .xs-margin-ten-bottom { margin-bottom: 10% !important } .xs-margin-bottom-eleven { margin-bottom: 11% !important } .xs-margin-bottom-twelve { margin-bottom: 12% !important } .xs-margin-bottom-thirteen { margin-bottom: 13% !important } .xs-margin-bottom-thirtyfive { margin-bottom: 35% !important } .xs-margin-top-one { margin-top: 1% !important } .xs-margin-top-two { margin-top: 2% !important } .xs-margin-top-three { margin-top: 3% !important } .xs-margin-top-four { margin-top: 4% !important } .xs-margin-top-five { margin-top: 5% !important } .xs-margin-top-six { margin-top: 6% !important } .xs-margin-top-seven { margin-top: 7% !important } .xs-margin-top-eight { margin-top: 8% !important } .xs-margin-top-nine { margin-top: 9% !important } .xs-margin-top-ten { margin-top: 10% !important } .xs-margin-top-eleven { margin-top: 11% !important } .xs-margin-top-twelve { margin-top: 12% !important } .xs-margin-top-thirteen { margin-top: 13% !important } .xs-no-margin-right { margin-right: 0 !important } .xs-no-margin-left { margin-left: 0 !important; } .xs-no-margin-lr { margin-left: 0 !important; margin-right: 0 !important} .xs-no-margin-bottom { margin-bottom: 0 !important } .xs-padding-bottom-six { padding-bottom: 6% !important; } .xs-padding-bottom-fifteen { padding-bottom: 15% !important; } .xs-padding-top-six { padding-top: 6% !important } .xs-padding-left-right-two { padding: 0 2% !important; } .xs-display-none { display: none !important} .xs-padding-seven { padding: 6% 0} .xs-no-padding { padding: 0 !important; } .xs-no-padding-left { padding-left: 0 !important; } .xs-no-padding-right { padding-right: 0 !important; } .xs-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; } .xs-no-padding-top { padding-top:0 !important} .xs-no-padding-bottom { padding-bottom: 0 !important; } .xs-padding-right { padding-right: 15px !important;} .xs-padding-left { padding-left: 15px !important;} .xs-text-center { text-align: center !important;} .xs-no-border { border: 0 !important; } .xs-no-background { background: none !important; } .xs-no-float { float: none !important; } .xs-display-inline { display: inline !important; } .xs-display-block { display: block !important; } .xs-display-inline-block { display: inline-block !important} .xs-text-left { text-align: left !important; } .width-70 { width: 100% !important; } .xs-width-100 { width: 100% !important; } .xs-img-full { width: 100%;} .xs-padding-tb-ten { padding-bottom: 10% !important; padding-top: 10% !important; } .xs-width-100 { width: 100% !important} .xs-letter-spacing-6 { letter-spacing: 6px !important} .xs-center-col { float: none !important; margin-left: auto !important; margin-right: auto !important;} .xs-padding-eight { padding: 8%; } .xs-position-inherit { position: inherit !important;} .xs-line-height-18 { line-height: 18px !important;} .xs-pull-none { float: none !important;} /* wp margin padding */ .xs-margin-one{ margin-top:1% !important; margin-bottom:1% !important} .xs-margin-two{ margin-top:2% !important; margin-bottom:2% !important} .xs-margin-three{ margin-top:3% !important; margin-bottom:3% !important} .xs-margin-four{ margin-top:4% !important; margin-bottom:4% !important} .xs-margin-five{ margin-top:5% !important; margin-bottom:5% !important} .xs-margin-six{ margin-top:6% !important; margin-bottom:6% !important } .xs-margin-seven{ margin-top:7% !important; margin-bottom:7% !important} .xs-margin-eight {margin-top:8% !important; margin-bottom:8% !important} .xs-margin-nine {margin-top:9% !important; margin-bottom:9% !important} .xs-margin-ten{ margin-top:10% !important; margin-bottom:10% !important} .xs-margin-eleven { margin-top:11% !important; margin-bottom:11% !important } .xs-margin-twelve { margin-top:12% !important; margin-bottom:12% !important} .xs-margin-thirteen { margin-top:13% !important; margin-bottom:13% !important} .xs-margin-twentytwo{ margin-top:22% !important; margin-bottom:22% !important} .xs-margin-one-bottom { margin-bottom: 1% !important } .xs-margin-two-bottom { margin-bottom: 2% !important } .xs-margin-three-bottom { margin-bottom: 3% !important } .xs-margin-four-bottom { margin-bottom: 4% !important } .xs-margin-five-bottom { margin-bottom: 5% !important } .xs-margin-six-bottom { margin-bottom: 6% !important } .xs-margin-seven-bottom { margin-bottom: 7% !important } .xs-margin-eight-bottom { margin-bottom: 8% !important } .xs-margin-nine-bottom { margin-bottom: 9% !important } .xs-margin-ten-bottom { margin-bottom: 10% !important } .xs-margin-eleven-bottom { margin-bottom: 11% !important } .xs-margin-twelve-bottom { margin-bottom: 12% !important } .xs-margin-thirteen-bottom { margin-bottom: 13% !important } .xs-margin-one-top { margin-top: 1% !important } .xs-margin-two-top { margin-top: 2% !important } .xs-margin-three-top { margin-top: 3% !important } .xs-margin-four-top { margin-top: 4% !important } .xs-margin-five-top { margin-top: 5% !important } .xs-margin-six-top { margin-top: 6% !important } .xs-margin-seven-top { margin-top: 7% !important } .xs-margin-eight-top { margin-top: 8% !important } .xs-margin-nine-top { margin-top: 9% !important } .xs-margin-ten-top { margin-top: 10% !important } .xs-margin-eleven-top { margin-top: 11% !important } .xs-margin-twelve-top { margin-top: 12% !important } .xs-margin-thirteen-top { margin-top: 13% !important } .xs-padding-lr-15px { padding-left: 15px !important; padding-right: 15px !important} .xs-padding-lr-30px { padding-left: 30px !important; padding-right: 30px !important} .xs-padding-tb70px-lr15px { padding: 70px 15px;} .xs-margin-bottom-40px { margin-bottom: 40px !important} .xs-margin-bottom-80px { margin-bottom: 80px !important} .xs-margin-bottom-30px { margin-bottom: 30px !important; } .xs-margin-top-20px { margin-top: 20px !important} .xs-margin-right-20px { margin-right: 20px;} .xs-margin-right-25px { margin-right: 25px;} .xs-margin-top-35px { margin-top: 35px !important} .xs-margin-bottom-10px { margin-bottom: 10px !important; } .xs-margin-bottom-20px { margin-bottom: 20px !important;} .xs-margin-lr-20px { margin-right: 20px !important; margin-left: 20px !important;} .xs-margin-lr-10px { margin-right: 10px !important; margin-left: 10px !important;} .xs-margin-top-30px { margin-top: 30px !important} .xs-margin-bottom-ten { margin-bottom: 10% !important;} .xs-padding-bottom-15px { padding-bottom: 15px !important;} .xs-padding-bottom-30px { padding-bottom: 30px !important;} .xs-margin-bottom-45px { margin-bottom: 45px !important} .xs-padding-one-bottom { padding-bottom: 1% !important;} .xs-padding-two-bottom { padding-bottom: 2% !important;} .xs-padding-three-bottom { padding-bottom: 3% !important;} .xs-padding-four-bottom { padding-bottom: 4% !important;} .xs-padding-five-bottom { padding-bottom: 5% !important;} .xs-padding-six-bottom { padding-bottom: 6% !important;} .xs-padding-seven-bottom { padding-bottom: 7% !important;} .xs-padding-eight-bottom { padding-bottom: 8% !important;} .xs-padding-nine-bottom { padding-bottom: 9% !important;} .xs-padding-ten-bottom { padding-bottom: 10% !important;} .xs-padding-eleven-bottom { padding-bottom: 11% !important;} .xs-padding-twelve-bottom { padding-bottom: 12% !important;} .xs-padding-thirteen-bottom { padding-bottom: 13% !important;} .xs-padding-twentytwo-bottom { padding-bottom: 22% !important;} .xs-padding-one-top { padding-top: 1% !important;} .xs-padding-two-top { padding-top: 2% !important;} .xs-padding-three-top { padding-top: 3% !important;} .xs-padding-four-top { padding-top: 4% !important;} .xs-padding-five-top { padding-top: 5% !important;} .xs-padding-six-top { padding-top: 6% !important;} .xs-padding-seven-top { padding-top: 7% !important;} .xs-padding-eight-top { padding-top: 8% !important;} .xs-padding-nine-top { padding-top: 9% !important;} .xs-padding-ten-top { padding-top: 10% !important;} .xs-padding-eleven-top { padding-top: 11% !important;} .xs-padding-twelve-top { padding-top: 12% !important;} .xs-padding-thirteen-top { padding-top: 13% !important;} .xs-padding-twentytwo-top { padding-top: 22% !important;} .xs-padding-one-tb { padding-top: 1% !important; padding-bottom: 1% !important;} .xs-padding-two-tb { padding-top: 2% !important; padding-bottom: 2% !important;} .xs-padding-three-tb { padding-top: 3% !important; padding-bottom: 3% !important;} .xs-padding-four-tb { padding-top: 4% !important; padding-bottom: 4% !important;} .xs-padding-five-tb { padding-top: 5% !important; padding-bottom: 5% !important;} .xs-padding-one { padding:1% !important; } .xs-padding-two { padding:2% !important;} .xs-padding-three { padding:3% !important;} .xs-padding-four { padding:4% !important;} .xs-padding-five { padding:5% !important; } .xs-padding-six { padding:6% !important; } .xs-padding-seven { padding:7% !important; } .xs-padding-eight { padding:8% !important; } .xs-padding-nine { padding:9% !important; } .xs-padding-ten { padding: 10.2% ; } .xs-padding-eleven { padding: 11% !important; } .xs-padding-twelve { padding: 12% !important } .xs-padding-thirteen { padding: 13% !important } .xs-padding-one-lr { padding-left: 1% !important; padding-right: 1% !important;} .xs-padding-two-lr { padding-left: 2% !important; padding-right: 2% !important;} .xs-padding-three-lr { padding-left: 3% !important; padding-right: 3% !important;} .xs-padding-four-lr { padding-left: 4% !important; padding-right: 4% !important;} .xs-padding-five-lr { padding-left: 5% !important; padding-right: 5% !important;} .xs-padding-six-lr { padding-left: 6% !important; padding-right: 6% !important;} .xs-padding-seven-lr { padding-left: 7% !important; padding-right: 7% !important;} .xs-padding-eight-lr { padding-left: 8% !important; padding-right: 8% !important;} .xs-padding-nine-lr { padding-left: 9% !important; padding-right: 9% !important;} .xs-padding-ten-lr { padding-left: 10% !important; padding-right: 10% !important;} .xs-margin-one-all{ margin:1% !important;} .xs-margin-two-all{ margin:2% !important;} .xs-margin-three-all{ margin:3% !important;} .xs-margin-four-all{ margin:4% !important;} .xs-margin-five-all{ margin:5% !important;} .xs-margin-six-all{ margin:6% !important; } .xs-margin-seven-all{ margin:7% !important;} .xs-margin-eight-all {margin:8% !important;} .xs-margin-nine-all {margin:9% !important;} .xs-margin-ten-all { margin:10% !important;} .xs-margin-eleven-all { margin: 11% !important; } .xs-margin-twelve-all { margin: 12% !important; } .xs-margin-thirteen-all { margin: 13% !important;} /* align */ .xs-alignleft { float: left; } .xs-alignright { float: right; } .xs-aligncenter { display: block; margin-left: auto; margin-right: auto; float: none !important } /* background color */ .xs-bg-gray { background-color: #f6f6f6 !important;} /* features */ .features-section.col-md-12.col-sm-6 { padding: 0 !important; } .col-sm-12:last-child .features-section:last-child { margin-bottom: 0 !important; } .features-section .separator-line { margin: 15px 0 11px; } /* portfolio nav */ .portfolio-nav { position: relative; } .col-sm-4:first-child .next-project i { margin-left: 0; } .mfp-close { padding-left: 0; } /* work process */ .work-process .col-xs-12 { margin-bottom: 10%; } /* services */ .services-main { padding: 90px 15px 0; } .services-main i { margin-bottom: 15px; } .services-sub-section { margin-bottom: 10%; } .services-sub { padding-top: 0; } .services-sub:last-child .services-sub-section:last-child { margin-bottom: 0; } .services-sub-section { padding-right: 15px; } /* travel */ .best-hotels-text { width:200px;} /* case study */ .case-study-details { padding: 17% 5%;} /* testimonial */ .testimonial .carousel-indicators { bottom: -50px; } .testimonial p { margin: 40px 0; } .jumbotron { padding: 30px 0; } /* testimonial section */ /*.testimonial-style2 p { margin-top: 0;}*/ /* key person */ .key-person-details { padding: 32px 10px 10px; } .key-person { max-height: 100%; } #key-person .col-xs-4 {width:100%} /* blog */ .blog-post-images { margin-bottom: 20px; } .post-title { margin: 0; } .post-author { display: block; margin-bottom: 10px; } .blog-post p { padding: 0 0 20px; } .below-header { margin-top: 55px; } .xs-width-100px { width: 100px;} /* approach */ .approach .col-sm-6:nth-child(3) { margin-bottom: 90px; } .approach h5 { margin: 10px 0 0; } /* footer */ footer .col-sm-4 { margin-bottom: 30px; } footer .col-sm-4:last-child { margin-bottom: 0; } .footer-position { margin-top: 5px} /* owl carousel */ .owl-half-slider .owl-title { font-size: 20px; line-height: 30px; } .slider-typography-shop .owl-title { font-size: 40px; line-height: 42px; } /* buttons */ .btn-extra-large { font-size: 18px !important; padding: 10px 20px !important;} .highlight-button-black-border { font-size: 16px; padding: 10px 20px; } /* blog home slider */ .blog-slider-con figcaption span { letter-spacing: 1px; } .blog-slider-con figcaption h3 { letter-spacing: 1px; } .blog-slider-right { margin-bottom: 0; } /* project img */ .half-project-small-img { min-height: 264px; } .project-content .text-large { margin-top: 9%; display: inline-block; } .col-sm-6:nth-child(2).text-med { margin-top: 5%; } .spend-time { border-right: 0; } .text-large { margin-right: 0; } .full-width-image { min-height: 480px; } .owl-half-slider .container { min-height: 560px; } /* related projects */ .portfolio-filter { display: block;} .nav-tabs-gray { height: inherit; margin-bottom: 25px;} .nav-tabs-gray li a { margin: 15px 0 0 0; } .active > a { border-bottom: 2px solid #000; } .nav-tabs-gray li:last-child a { margin:15px 0 0 0} .tab-style3 .nav-tabs li:last-child a { margin: 0;} .nav-tabs-gray li:first-child a { margin: 0} .nav-tabs > li > a:hover { border-bottom: 2px solid #000;} .nav-tabs > li.active > a { border-width: 2px;} .nav-tabs-light li:first-child a {margin: 0;} .nav-tabs-black { height: inherit; margin-bottom: 25px;} .nav-tabs-black li a { margin: 15px 0 0 0; } .nav-tabs-black li:last-child a { margin:15px 0 0 0} .nav-tabs-black li:first-child a { margin: 0} /* masonry gallery */ .grid li { width: 100% !important; } .grid figcaption { bottom: 6% !important; } /* portfolio grid - with title */ .work-with-title .grid li:hover figcaption { bottom: 85px !important;} /* animated tab */ #animated-tab .nav-tabs { width: 100%; text-align: center;} #animated-tab .nav > li { text-align: center; width: 20%; margin: 0 -3px 0 0; display: inline-block; border: 0; float: none; } #animated-tab .nav-tabs > li > a { padding: 0; display: inline-table } .hcode-animated-tabs .nav-tabs { width: 100%; text-align: center;} .hcode-animated-tabs .nav > li { text-align: center; width: 20%; margin: 0 -3px 0 0; display: inline-block; border: 0; float: none; } .hcode-animated-tabs .nav-tabs > li > a { border: none; padding: 0; display: inline-table } .animated-tab1 .nav-tabs > li > a { border: none; padding: 0; display: inline-table } .nav-tabs > li > a { margin-bottom: 0px; margin-left: 0 !important; margin-right: 0 !important } .nav-tabs > li.active > a { margin-bottom: 0px;} .tab-style1 .nav-tabs li a:hover, .tab-style2 .nav-tabs li a:hover { padding:5px auto; border-bottom: 2px solid #000;} .tab-style2 .nav-tabs li a { border-bottom: 2px solid #d4d4d4; padding: 5px 0;} .tab-style2 .nav-tabs li.active { border: none; margin: 0;} .tab-style2 .nav-tabs li.active a { border-bottom: 2px solid #000; padding: 5px 0;} .tab-style2 .tab-content { padding: 0; border: none} .tab-style3 .nav-tabs { border: 1px solid #ddd;} .tab-style3 .nav-tabs li:first-child { margin-left: 0; border:none; border-bottom: 1px solid #e5e5e5;} .tab-style3 .nav-tabs li:last-child { border-bottom: none;} .tab-style3 .nav-tabs li { border-bottom: 1px solid #e5e5e5; border-top: none; border-right: none} .tab-style3 .nav-tabs li a:hover { border: none} .tab-style3 .nav-tabs li.active { border-bottom: 1px solid #e5e5e5;} .tab-style3 .tab-content { padding: 0 20px;} .tab-style4 .tabs-left .nav-tabs { width: 100%; padding: 0; margin: 0;} .tab-style4 .tab-content { width: 100%; float: left; padding: 20px;} .tab-style5 .tabs-left .nav-tabs { width: 100%;} .tab-style5 .tabs-left .nav-tabs li { border: none} .tab-style5 .tab-content { width: 100%; padding: 20px; background-color: #fff; border: none; float: left} .travel-booking .tab-style3 .nav-tabs li { margin-bottom: 1px } .nav-tabs-light { height: inherit; margin-bottom: 25px; } .nav-tabs-light li:last-child a { margin: 15px 0 0; } /* one page */ #contact-us .medium-icon { margin-bottom: 0px !important;} /* owl carousel */ .owl-title-big { font-size: 26px; letter-spacing: 4px; line-height: 34px; padding: 25px 20px; width: 90%; } .owl-half-slider .owl-item .item { min-height: 400px; } .owl-half-slider .owl-item .container { min-height: 400px; } .owl-half-slider .container { min-height: 560px; } .owl-pagination-bottom.owl-carousel .owl-pagination { bottom: -30px; } /* page titles */ .page-title-large h1 { font-size: 20px !important; } /* page title large */ .page-title-large { min-height: 250px; padding: 140px 0 0;} /* portfolio grid - wide with title */ .work-2col.wide-title .grid figcaption { bottom: 0; padding: 30px 0} .work-3col.wide-title .grid figcaption { bottom: 0; padding: 30px 0} .work-4col.wide-title .grid figcaption { bottom: 0; padding: 30px 0} .work-5col.wide-title .grid figcaption { bottom: 0; padding: 30px 0} /* portfolio parallax */ .parallax-portfolio { min-height: 420px; background-size: cover;} .parallax-portfolio figcaption { padding: 25px; } /* portfolio short description */ .portfolio-short-description-bg { background-position: top center; background-repeat: no-repeat; padding-top: 62.5%; } .portfolio-short-description figure { padding: 30px; width: 100% } .portfolio-short-description figure h3 { font-size: 16px; } /****** blog home pagination ******/ .pagination a, .pagination span.current { margin: 0 8px;} /* style #2 */ .next-previous-project-style2 div { border-bottom: 1px solid #e5e5e5;} .next-previous-project-style2 a { ; padding: 20px 0;} .next-previous-project-style2 div:last-child { border-bottom: 0;} .next-previous-project-style2 a.border-right { border-right: 0px;} .next-previous-project-style2 a.previous { border-right: 0px;} .next-previous-project-style2 .previous-link { width: 100%;} .next-previous-project-style2 .next-link { width: 100%;} .next-previous-project-style2 .back-to-category { width: 100%} /* portfolio single #4 */ .great-result .owl-pagination { bottom:10px} /* ajax - onepage portfolio single #2 */ .small-icon-title .medium-icon { font-size: 40px !important;} /* ajax - onepage portfolio single #5 */ .work-background-slider-text { padding: 40px 30px; position: inherit; width: 100%;} /* slider typography */ .slider-subtitle1 { font-size: 24px; line-height: 36px; width: 138px; padding: 15px; margin-bottom: 25px; } .slider-subtitle2 { font-size: 38px; line-height: 49px; } /**************************************************** buttons ****************************************************/ .button-style .btn { display: table; margin: 0 auto; } .button-style .btn.button-reveal { display: list-item; margin: 0 auto; width: 220px; } .button-set .btn { display: table; margin-right: auto; margin-left: auto;} .button-set .button-reveal { display: list-item; margin-right: auto; margin-left: auto; overflow: hidden; position: relative; width: 270px;} .button-set .social-icon { display: inline-block; margin-left: 0; margin-right: 10px; } /**************************************************** features box ****************************************************/ .pricing [class^="col-"] { padding: 0 15px; } /* header right */ .search-cart-header .subtitle { display: none;} .search-cart-header { padding: 14px 15px 0 0px;} #top-search { margin: 1px 0 0 10px; } /* ET-line icons */ .glyphs .box1 { width: 50%;} /* portfolio onepage single project page2 */ .features-section .col-xs-9 { width: 80%;} /* blog single full width with image slider */ .blog-image { margin-bottom: 15px;} .blog-image blockquote p { font-size: 16px; line-height: 28px; } blockquote.blog-image p { font-size: 16px; line-height: 28px; } .blog-blockquote { padding: 60px 0; } .blog-text { padding: 30px 15px; } .blog-details-text p { margin-bottom: 15px; } .blog-comment-area { padding: 0 15px 30px; float: left; } .blog-comment-main { float: left; padding: 30px 15px; width: 100%; } .blog-comment { line-height: 24px; } .social-icon-large .fa { font-size: 20px; height: 40px !important; width: 40px; } .blog-comment { margin: 30px 0 0; width: 100%; clear: both; } .blog-comment > .blog-comment { width: auto;} .social-icon-large { margin-right: 10px; } /* blog single full width */ .full-width-headline h2 { font-size: 30px; line-height: 40px; margin-top: 190px; } .text-large-full-width { font-size: 20px !important; line-height: 28px !important; } /* side bar */ .widget input { width: 100%} .widget .close-search { right: 33px; } /* blog listing classic */ .blog-image blockquote { padding: 20px; } .blog-image blockquote p:before { font-size: 35px; } blockquote.blog-image { padding: 20px;} blockquote.blog-image p:before { font-size: 35px; } .blog-date { padding-top: 20px; } .pagination { margin-top: 0px;} .about-author { padding: 20px;} .blog-grid-listing .blog-details .blog-title { min-height: 0;} /* blog details */ .blog-details-headline{ font-size:18px; line-height: 24px; } .blog-details-text blockquote { margin-bottom: 30px;} .blog-comment .comment-avtar { margin-bottom: 15px;} .comment-awaiting-moderation { width: 100%; display: inline-block; } .product-deails-tab .tab-content .comment:last-child { margin-bottom: 0;} .product-deails-tab .tab-content .comment .review-text p:last-child { margin-bottom: 0;} /* blog listing full */ .blog-listing-full { margin-bottom:50px;} .blog-listing-full .blog-title a { font-size: 20px; line-height: 28px;} .blog-listing-full .blog-number { font-size: 30px; width: 80px; line-height: 80px; } .blog-listing-full .blog-date { margin-top: 30px; line-height: 26px; font-size: 18px;} .blog-grid-listing .blog-image { margin-bottom: 0;} /* Blog */ .blog-slider .owl-pagination { bottom: -40px; } /* blog home masonry */ .blog-short-description{ width: 100%} /* page titels */ .page-title { padding: 40px 0} .page-title h1 { letter-spacing: 2px; line-height: 26px; margin-bottom: 0px; } .page-title-large { padding: 140px 0 0; } /* footer */ .list-inline li { padding: 0 15px;} footer ul.list-inline li:first-child { padding-left: 0;} footer ul.list-inline li:last-child { padding-right: 0;} footer .footer-middle { padding-top: 50px; padding-bottom: 25px;} footer h6 { font-size: 11px; } /**************************************************** shop ****************************************************/ /* home product */ .shop-newsletter { padding: 0; min-height: 0; } /* shorting */ .grid-nav { display: table; float: none !important; line-height: 14px; margin: 9px auto; } .shorting.clearfix .pull-right { display: table; float: none !important; margin: 0 auto; } .xs-med-input.select-style { width: 100px !important; } .shopping-cart-full-screen-scroll { overflow-x: scroll; } .shopping-cart-full-screen-scroll .shop-cart { max-width: none; width: 710px !important; } .continue-shopping { display: none; } .checkout-btn { font-size: 16px; } /**************************************************** home page ****************************************************/ /*======* fashion *======*/ .model-details-text { padding: 0; } /*======* travel *======*/ .travel-work-filter li a { margin-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } /*======* corporate *======*/ .hcode-animated-tabs .nav-tabs li { display: inline-block; float: none !important; } .hcode-animated-tabs .nav-tabs li a { padding: 0 15% !important; } .animated-tab1 .nav-tabs li a { padding: 0 15% !important; } /**************************************************** one page ****************************************************/ /*======* fashion *======*/ /* slider typography */ .fashion-slider .slider-typography { height: 55%; } .fashion-slider .slider-text-middle-main { width: 100%; } /*======* spa *======*/ .spa-treatments .nav-tabs li a { margin-top: 0; margin-bottom: 15px; } /*======* agency *======*/ .about-number { float: left; } .agency-header h1 { width: 90%;} /*======* travel agency *======*/ .about-tab-right { padding: 70px 15px; } /*======* wedding *======*/ .hcode-time-counter .counter-box { padding: 0 0 !important; width: 50% !important; min-height: 80px; margin-bottom: 8%; } /* grid */ .grid-gallery ul { margin-left: 0; } .gutter.grid-gallery ul { margin-left: 0; } .ipad-3col .grid li { width: 100% !important;} /* typography */ .text-large { font-size: 14px; } .title-large { font-size: 26px; } h1, .h1 { font-size: 30px; line-height: 42px;} h1.section-title { font-size: 30px; line-height: 42px;} .title-extra-large { font-size: 26px; line-height: 33px; } .agency-header span { margin:3% 0 16%; } /* restaurant */ .img-border-full { height:calc(100% - 0px); left: 15px; top: 0; width: calc(100% - 30px);} .special-offers-sub { top: 21%;} .restaurant-menu-text { padding-left: 0; padding-right: 0; } .restaurant-header h1 span { font-size: 40px; line-height: 22px; } /* home photography */ .photography-slider h1 { font-size: 50px; letter-spacing: 20px; } /* tabs */ .tab-style4 .tabs-left .nav-tabs li a { width: auto;} .tab-style5 .tabs-left .nav-tabs li a { width: auto; } .tab-style2 .nav-tabs li { border: 0; margin: 0;} .tab-style3 .nav-tabs li.active a { top: 0;} .tab-style4 .tabs-left .nav-tabs li.active a { left: 0;} .tab-style5 .tabs-left .nav-tabs li.active a { left: 0;} .nav-tabs > li > a { margin-top: 12px;} /* product details */ .product-details-social { margin-top: 15px; clear: both; } .cart-detail button.button { clear: both; display: block;} .buttons_added { margin-bottom: 15px;} .variations li { width: 100%; margin-bottom: 15px;} .product-details-social i { margin-right: 15px;} .single-product-left-sidebar { clear: both;} .shop-cart-table { clear: both;} .product-deails-tab table th, .product-deails-tab table td { display: block; padding: 5px 0; width: 100%; } /* Product with both sidebar */ .review-tab-with-both-sidebar .nav-tabs li a { margin: 12px 0 0; } /* spa */ .spa-treatments .right-content { padding: 30px; } /* photography */ #tour-package .col-md-4 { width: 100% !important;} #tour-package .col-md-6 { width: 200px !important;} /* slider typography */ .slider-title-big6{ font-size:40px;} /* form */ .login-box { padding: 20px;} .checkbox-inline, .radio-inline { padding-left: 0;} .checkbox-inline span { margin-left: 0.5em; margin-right: 0; } .checkbox-inline span span { margin-left:0; margin-right: 5px; } .radio-inline span { margin-left: 0.5em; margin-right: 0; } .radio-inline span span { margin-left:0; margin-right: 5px; } /* alert */ .alert-style6 .alert { padding-left: 0; padding-right: 0; font-size: 16px; line-height: 24px; margin-bottom: 0;} .alert-style6 .alert i { width: 60px;} .alert-style6 .alert span { width: 80%; } .alert:last-child { margin-bottom: 0;} .alert-style5, .alert-style2, .alert-style3, .alert-style4 { margin-bottom: 20px;} .alert-style5:last-child, .alert-style2:last-child, .alert-style3:last-child, .alert-style4:last-child { margin-bottom: 0;} .alert span { width: 86%; display: inline-table;} /* typography */ blockquote { padding: 10px 20px; font-size: 18px; font-weight: 100; line-height: 26px;} /* product details */ .rating-text { display: block; margin: 0 0 0; top: 0; width: 100%;} .rating { display: block; float: left; width: 100%;} .rating i { margin-left: 0; margin-right: 7px; } /* wedding */ .wedding-header-sub { padding: 25px; } .event-box { padding: 25px; } /* static sticky */ .static-sticky { height: 55px !important;} .static-sticky .container { height: 55px !important; } .static-sticky .text-right { top: 56px !important;} /* static sticky - gray */ .static-sticky-gray { height: 55px !important;} .static-sticky-gray .container { height: 55px !important; } .static-sticky-gray .text-right { top: 55px !important;} /* coming soon */ .notify-me-main { margin-top: 27px;} /* Navigation */ .megamenu-mobile-icon { display: block; float: right;} /* Grid */ .work-3col .grid li.related-projects { width: 100% !important;} /* corporate */ .corporate-about-text { padding: 30px 15px; } .corporate-about-text-bottom { padding: 30px 15px 0; } .corporate-about-text-bottom:last-child { padding-bottom: 20px;} .corporate-about-text-right { padding: 0 15px 30px; } .corporate-about-text-right .title-large { line-height: 20px !important;} /* fashion */ .fashion-right .right-content .owl-subtitle { margin: 0 !important; padding: 18px 0 19px; } .fashion-person .separator-line { margin: 2.6% 0 3%; } .fashion-right .right-content { padding-top: 9%;} /* position */ .xs-position-right { right:0 !important; } .xs-position-left { left:0 !important; } /* shop listing - grid view */ .product-grid-view .product { margin: 0 0 30px;} /* product details rating */ .woocommerce .star-rating { margin-bottom: 10px;} .review-wrapper .list-inline li { padding: 0 10px;} /* shopping cart */ .cart-total td { width: 58%; } /* checkout */ .woocommerce-checkout-payment .payment_methods { width: 100%; } .woocommerce-checkout-payment .place-order { width: 100%; } .woocommerce-checkout-review-order-table .shopping-cart-scroll { overflow-x: scroll; margin-bottom: 25px; } .woocommerce-checkout-review-order-table .shop-cart { max-width: none; margin: 0; width:600px !important; } .checkout .form-row-first, .checkout .form-row-last { width: 100%;} /* My account */ .billing-shipping-address .form-row{ width: 100%;} #customer_login .col-1, #customer_login .col-2 { padding: 20px; width: 100%; min-height: 0} #customer_login .col-2 { margin-top: 50px;} /* Agency intro */ .intro-icon i { font-size: 12px !important;} /* carousel slide */ .carousel-control { display: none; } .feature_nav .carousel-control { display: block; } /* blog listing classic */ .blog-listing-classic .blog-image { min-height: 70px;} /* Bootstrap slider indicators */ .carousel .carousel-indicators { bottom: 0;} /* wp demos home */ #wpdemos-home-slider { height: 540px !important;} #wpdemos-home-slider .full-screen { min-height: 540px !important;} .wpdemos-bottom-img { margin-top: 23%; } .wpdemos-home-slider-text-box .wpdemos-big-text { font-size: 40px; line-height: 55px; } .wpdemos-home-slider-text-box .wpdemos-total-pages-top { font-size: 40px; line-height: 85px; } .section-title-text-block br { display: none} #main-demo .work-with-title .grid li:hover figcaption { bottom: 70px !important; } #main-demo .nav-tabs > li > a { margin-top: 12px; } .wpdemos-home-slider-text-box .scroll-down { display: none;} .wpdemos-home-slider-text-box .wpdemos-total-pages { display: none;} .wpdemos-home-slider-text-box { margin-top: 15%; } .core-features { text-align: center; } #main-demo .grid-gallery figure img { width: auto;} #main-demo .gutter .grid li { text-align: center;} #main-demo .grid figure .gallery-img { display: inline-block; } /* 404 */ .not-found-search-box .not-found-or-text { display: block; margin: 50px auto;} .not-found-search-box .not-found-or-text::after { height: 30px; margin-right: -1px; margin-top: 0; right: 50%; top: -30px; width: 1px; } .not-found-search-box .not-found-or-text::before { height: 30px; left: 50%; margin-top: 0; top: 47px; width: 1px; } .not-found-title { font-size: 75px; line-height: 60px; } .not-found-search-box { margin-top: 35px; } .not-found-search-box .not-found-or-text { display: none;} .not-found-search-box .main-search { clear: both; display: table; margin: 20px auto 0; } .col-text-middle { padding-top: 75px; } } @media (max-width: 700px) { /* countdown timer */ .coming-soon-footer .footer-social a { margin: 0 0.06% !important; } .notify-me-main .footer-social a:last-child { margin-right: 0.06%;} /**************************************************** shop ****************************************************/ .shop-newsletter .btn.btn-small { width: inherit; } .shop-newsletter .submit-small-button { width: inherit; } .shop-newsletter .text-field { width: 100%;} } @media (max-width: 640px) { /* custom */ .section-title {padding: 0 0 50px 0;} #blog-slider { padding-bottom: 30px; } #blog-slider .owl-pagination { bottom: -10px; } .blog-post-slider .owl-pagination { bottom: -35px;} /* features */ #features .section-title { padding: 0 0 50px 0; } /* services */ .services-main { padding: 50px 15px; } /* testimonial */ .testimonial .carousel-indicators { bottom: -40px; } .testimonial p { margin: 11px 0 39px; } /* key person */ .key-person i { margin: 10px 8% 20px; } .key-person-details { padding: 20px 10px 10px; } /* case study slider */ .case-study-slider { padding: 50px 0 70px; } /* blog */ #blog .section-title { padding-bottom: 50px; } .blog-listing { margin-bottom: 40px; width: 100%; } /* approach */ .approach .col-sm-6, .approach .col-sm-6:nth-child(3) { margin: 0 0 50px; } /* slider text */ .owl-title {font-size: 25px; line-height: 40px;} .owl-subtitle {font-size: 14px; line-height: 20px;} #animated-tab .nav-tabs {margin: 0 0 30px; width: 100%;} /* project img */ .half-project-img { min-height: 420px; } .project-title { line-height: 34px; } .half-project-small-img { min-height: 242px; } /* onepage portfolio single #2 */ .half-project-img-slider { min-height: 420px; } /* grid figcaption .grid figcaption { bottom: 43%; }*/ .table-scroll { overflow: hidden; overflow-x: scroll;} /* wp demos home */ .wpdemos-bottom-img { margin-top: 15%; } .section-title-text-block { font-size: 24px; line-height: 30px; } } @media (max-width: 589px) { /* countdown timer */ .coming-soon-logo { margin: 25px 0 20px; } .coming-soon-title { font-size: 14px; margin-bottom: 10px; } .coming-soon-text { font-size: 14px; margin-bottom: 25px; line-height: 22px; } #counter-underconstruction .counter-box { border-bottom: 1px solid rgba(0,0,0,0.1); margin: 0 10px 0; padding: 0 0 9px; width: 80px; } #counter-underconstruction .counter-box:nth-child(2) { border-right: 0; } #counter-underconstruction .counter-box:nth-child(3) { border-bottom: 0; border-left: 0; clear: both; } #counter-underconstruction .last { border-bottom: 0; padding: 0 0 09px; width: 80px; } .notify-me-main { padding: 20px 0; } .notify-me-text { display: none; } .notify-me-main .footer-social { margin: 28px 0 0; } .notify-me-main input { width: 100%; margin-bottom: 3px; } .notify-me-main .btn-small { width: 100%; } .notify-me-main .footer-social i { margin: 0 14px; } /* restaurant */ .special-offers-sub { top: 24%;} /* typography */ .xs-letter-spacing-2 { letter-spacing: 2px !important; } .xs-min-height-inherit { min-height: 0 !important; } .woocommerce .lost_reset_password .input-text { width: 100%;} /* wp demos home */ .col-layout img { margin: 0 4% 8%; width: auto; } .section-title-text-block { margin-bottom: 20px;} } @media (max-width: 580px) { /* key person */ .key-person .person-post { display: block; min-height: 46px; } /* footer */ .footer-social i { margin: 0;} .list-inline li { padding: 0 15px;} /* ET-line icons */ .glyphs .box1 { width: 50%; font-size: 12px;} .glyphs .box1 span { font-size: 30px; width: 40px;} /* footer */ .footer-links { width: 100%; margin-bottom: 5%;} footer h5 { margin-bottom: 10px;} .footer-middle { text-align: center; } } @media (max-width: 480px) { /* navigation */ .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 394px; } /* custom */ .section-title, h3.section-title { font-size: 16px !important; line-height: 21px !important; } h1.section-title { font-size: 26px !important; line-height: 32px !important;} .btn-black.btn-small.margin-two { margin-top: 5%; } .scrollToTop { display: none !important; } .highlight-button-black-background { padding: 20px 20px; } .search-form .search-input {font-size:17px; font-weight:400; padding:5px 2px} .search-form .search-button { top:18px; font-size:14px;} /* carousel slide */ .slider-text .col-md-3 { margin: 0 auto; width: 78%; } .slider-text .separator-line { margin: 9% auto; } .slider-text h1 { font-size: 22px; line-height: 28px; } #owl-demo-products .owl-buttons { display: block; } /* features */ .features-section .col-xs-9 { width: 74%; } .features-2 { width: 100%; } /* work process */ .work-process .col-xs-4 { width: 100%; } .work-process-title { margin: 4% auto 10%; } .col-xs-4:last-child .work-process-title { margin-bottom: 0; } /* services */ .services-sub-section { width: 100%; } /* key person */ #key-person .col-xs-4 { width: 100%; } .key-person-details { bottom: 110px; } .key-person:hover .key-person-details { bottom: 200px; } .key-person { max-height: 430px; max-width: 274px; margin: 0 auto; } .key-person .person-post { display: block; min-height: 0; } .team-member .team-details { height: 55%;} /* case study slider */ .case-study-slider .col-sm-5 { margin: 0; width: 95%; } .case-study-work { margin-bottom: 15px; } .case-study-detials { margin-bottom: 10px; } /* approach */ .approach .carousel-control { display: block; } /* new project */ .new-project h5 { line-height: 20px; } /* footer */ .footer-social { /* margin-top: 20px; */ } /* text effect */ .rotation-highlight { font-size: 28px; padding: 15px; margin-bottom: 20px; } /* project img */ .half-project-img { min-height: 260px; } .half-project-small-img { min-height: 174px; } .project-header-text { margin-top: 28%; } .project-title { font-size: 20px; line-height: 28px; } .project-subtitle { font-size: 12px; line-height: 16px; margin-bottom: 3.5%; display: block; } .text-large { font-size: 13px; line-height: 22px;} .text-med { font-size: 13px; line-height: 22px; } .xs-title-small { font-size: 16px !important; line-height: 28px !important; } /* onepage portfolio single #2 */ .half-project-img-slider { min-height: 260px; } /* animated */ #animated-tab .nav-tabs > li { border-right: 0; } #animated-tab .nav-tabs > li > a { font-size: 30px; } .hcode-animated-tabs .nav-tabs > li > a { font-size: 30px; } .service-year { font-size: 16px; line-height: 22px; } .animation3 span b { font-size: 20px; line-height: 28px; } /* related projects */ .grid li { width: 100% !important; } .related-projects-list .masonry-items li { padding: 5px 0; } /* owl carousel */ .owl-half-slider .owl-title { width:100%; font-size: 18px; line-height: 24px; } .owl-pagination { bottom: 10px; } .owl-subtitle { letter-spacing: 4px; } .owl-title-big { font-size: 16px; line-height: 25px; padding: 15px; } .owl-half-slider .container { min-height: 480px; } .slider-typography-shop .owl-title { font-size: 24px; letter-spacing: 4px; line-height: 26px; width: 80%; } /* slider typography */ .slider-title-big4 { font-size: 20px; margin-bottom: 10px; } .slider-title-big3 { font-size: 14px; line-height: 22px; padding: 15px; margin-top: 10px; letter-spacing: 4px; } .slider-subtitle3 { font-size: 13px; line-height: 22px; letter-spacing: 4px; } .slider-subtitle2 { font-size: 22px; line-height: 30px; } .slider-subtitle5 { font-size: 20px; margin-bottom: 15px;} .slider-subtitle4 { margin-bottom: 5px; } .slider-number { margin-bottom: 30px; } .slider-title-big5 { margin-bottom: 15px; width: 85%; } /* parallax */ .parallax-sub-title { font-size: 19px; } .parallax-title { margin-bottom: 15px; } .parallax-number { margin-bottom: 30px; margin-top: 80px; } /* blog home grid */ .blog-slider-grid figcaption h3 { font-size: 13px;} /* scroll down */ .scroll-down { bottom: 30px; } .page-title-large span { display: none} .page-title-large h1 { margin-top: 30px; line-height: 27px; } /**************************************************** accordions ****************************************************/ .panel-title { font-size: 11px; padding: 7px 15px; } .panel-body { padding: 5px 15px 20px; } .accordion-style3 .panel-heading { padding-bottom: 20px; } .accordion-style3 .panel-title { font-size: 12px; line-height: 60px; padding: 0 20px; } .toggles-style3 .panel-title span { right: 10px; top: 8px; } .accordion-style3 .number { font-size: 16px; } .accordion-style3 .panel-body { padding: 0 20px 21px; } .toggles-style3 .panel-title { font-size: 12px; line-height: 18px; padding:10px 25px 10px 10px; } .toggles-style3 .panel-body { padding: 0 20px 21px} /**************************************************** progress bar ****************************************************/ .progress-bar-style2 .progress-name { width: 50%; line-height: 16px; margin-top: 8px; } /**************************************************** buttons ****************************************************/ .button-desc { font-size: 24px !important; line-height: 28px; } .button-desc span { font-size: 16px; line-height: 20px; } /**************************************************** features box ****************************************************/ .col-md-3.col-sm-3.col-xs-4.text-center { width: 100%; } .features-box-style1 { width: 100%; } .features-box-style2 { width: 100%; } .features-box-style2 .separator-line { margin: 7% 0 5% !important; } .features-box-style1 i { min-height: 50px; } /**************************************************** Et-line icons ****************************************************/ .icon-box i { margin: 15px; } /**************************************************** typography ****************************************************/ .subheader h1 { font-size: 26px !important; line-height: 35px !important; } .xs-letter-spacing-none { letter-spacing: 0 !important; } .line-height-18 { line-height: 18px !important;} .corporate-slider h1 { font-size: 34px; line-height: 44px; } /**************************************************** popup with video ****************************************************/ .video-title { font-size: 24px; line-height: 26px; } /* ET-line icons */ .glyphs .box1 { text-align: center; padding: 15px 7px; font-size: 11px;} .glyphs .box1 span { display: block; text-align: center; margin: 0 auto} /* blog single full width with image slider */ .blog-comment .comment-text { clear: both; width: 100%;} .blog-comment > .blog-comment { clear: both; margin-left: 20px; } .blog-comment { margin: 10px 0 0; } /**************************************************** contact us ****************************************************/ .contact-map iframe { height: 300px; } /**************************************************** home page ****************************************************/ /*======* fashion *======*/ .fashion-subtitle { font-size: 30px; line-height: 40px; padding: 48px 15px; width: 100%; } /*======* agency *======*/ .agency-header h1 { font-size: 47px; line-height: 57px; } .agency-team .team-details { padding-top: 20%; height: 100% } /*======* restaurant *======*/ .restaurant-header h1 { letter-spacing: 4px; } .about-restaurant-text { padding: 7% 15px; } .about-restaurant-img { min-height: 440px; } .restaurant-menu-img { min-height: 440px; } .chef-img { min-height: 440px; } .chef-text { padding: 10% 15px; } .img-border { height: calc(100% - 40px); left: 15px; top: 20px; width: calc(100% - 31px); } .popular-dishes-border { height: calc(100% - 28px); left: 15px; top: 15px; width: calc(100% - 28px); } .food-services-inner { padding: 20px 17px; } /**************************************************** one page ****************************************************/ /*======* architecture *======*/ #animated-tab.architecture-company .nav-tabs > li > a { padding: 0 26px; } #animated-tab.architecture-company .nav-tabs .counter-title { display: none; } .slider-headline h1 { font-size: 34px; letter-spacing: 8px; line-height: 30px; } /*======* spa *======*/ .spa-sider .owl-title { line-height: 24px; } /*======* agency *======*/ .text-big-title { font-size: 49px; line-height: 45px; } .text-big { font-size: 123px; left: -8px; top: -59px; } .slider-title-big2 { font-size: 32px; } /*======* travel agency *======*/ .agency-enjoy-right { padding: 50px 15px; } .agency-enjoy-right .title-top span { margin: 33px 0 0; } .travel-agency-slider h1 { font-size: 38px; line-height: 43px; } /*======* corporate *======*/ .onepage-corporate-slider h1 { font-size: 56px; line-height: 66px; } /*======* landing *======*/ .landing-title { font-size: 30px; line-height: 32px; } /*======* wedding *======*/ .about-couple-sub i { margin: 20px 17px 0; } /* home photography */ .photography-slider h1 { font-size: 40px; letter-spacing: 8px; } /* slider typography */ .slider-title-big6{ font-size:40px;} /* checkout */ .woocommerce-checkout-top .panel-title .panel-title-icon { right: 12px; top: 6px; } .woocommerce-checkout-payment .payment_methods li.payment_method_paypal img { max-width: 140px; } /* wp demos home */ #wpdemos-home-slider { height: 360px !important;} #wpdemos-home-slider .full-screen { min-height: 360px !important;} .wpdemos-bottom-img { margin-top: 7% } .wpdemos-home-slider-text-box .wpdemos-big-text { font-size: 24px; line-height: 30px; } .wpdemos-home-slider-text-box .wpdemos-small-text { font-size: 14px; } .wpdemos-home-slider-text-box .wpdemos-total-pages { font-size: 15px; padding: 12px 30px 13px; } .wpdemos-home-slider-text-box .wpdemos-total-pages-top { font-size: 24px; line-height: 48px; } .wpdemos-home-slider-text-box .wpdemos-small-text-bottom { letter-spacing: 0; } } @media (max-width: 420px) { /* typography */ .title-med { font-size: 22px; line-height: 30px; } h2.section-title { font-size: 22px; line-height: 30px; } .subheader { padding: 10px 15px; } .spa-slider h1 { font-size: 35px; line-height: 75px; } p.lost_password { float: none;} /* primary style */ .cd-headline span b { font-size: 18px; letter-spacing:0px;} } @media (max-width: 419px) { /* wp demos home */ #main-demo .grid-gallery figure img { width: 100%;} } @media (max-width: 466px) { /* key person */ .key-person {max-height: 430px;} .blog-date { letter-spacing: 1px; } /* text effect */ .animation2 span b { font-size: 20px; line-height: 30px; } /* elements features box */ .work-process-title { letter-spacing: 0px;} /* footer */ .list-inline li { padding: 0 6px;} footer ul li a { font-size: 10px;} .footer-social a { margin: 0 15px;} .notify-me-main .footer-social a:last-child { margin-right: 15px;} .copyright { font-size: 9px;} /**************************************************** faq ****************************************************/ .faq-search input { padding-right: 67px; } .faq-search-button { right: 30px; } } @media (max-width: 366px) { /* buttons */ .btn-small-white { margin-right: 7px;} /* owl carousel */ .owl-title {font-size: 18px; line-height: 24px; margin-top: 5px;} /*======* architecture *======*/ .owl-title br { display: none; } /* single - onepage portfolio single #2 */ .slider-text-middle4 { padding: 0 15px;} /* half screen video */ .video-half-screen { min-height: 31%; min-height: 150px; } /* alert */ .alert span { width: 82%; display: inline-table;} /* wp demos home */ .wpdemos-bottom-img { margin-top: 15% } } @media (max-width: 359px) { /* blog home slider */ .blog-slider-con figcaption h3 { letter-spacing: 4px; font-size: 13px; } .blog-slider-con figcaption span { letter-spacing: 0px; } .blog-slider-con figcaption { padding: 15px 30px 15px; bottom: -55px; } /* footer */ .footer-social i { font-size: 20px;} .footer-social a { margin: 0 10px;} footer ul li a { font-size: 9px;} .list-inline li { padding: 0 3px;} .copyright { font-size: 8px;} .notify-me-main .footer-social a:last-child { margin-right: 10px;} /* restaurant */ .special-offers-sub { top: 26%;} /* alert */ .alert-style6 .alert span { width: 77%; } /* half screen video */ .video-half-screen { min-height: 37%; min-height: 150px; } /* product details rating */ .woocommerce p.stars a.star-1 { width: 1.8em; } .woocommerce p.stars a.star-2 { width: 2.8em; } .woocommerce p.stars a.star-3 { width: 3.8em; } .woocommerce p.stars a.star-4 { width: 4.8em; } .woocommerce p.stars a.star-5 { width: 5.8em; } .woocommerce p.stars a { margin-right: 0.8em;} /* countdown timer */ .coming-soon-logo { margin: 15px 0 15px; } .coming-soon-title { font-size: 13px; } .coming-soon-text { font-size: 13px; line-height: 20px; margin-bottom: 15px; } .notify-me-main { padding: 10px 0; } } @media (max-width: 330px) { /* blog home slider */ .blog-slider-con figcaption { padding: 15px 5px 15px; } .blog-slider-con figcaption h3 { letter-spacing: 1px; font-size: 12px; } .blog-like, .blog-share, .comment { letter-spacing: 1px; margin-right: 18px;} .blog-date { letter-spacing: 0px; } } /* only mobile devices landscape view */ @media screen and (max-width: 320px) , screen and (max-height: 480px) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 275px !important; } } @media (max-width: 320px) { .highlight-button-black-border {font-size: 18px;padding: 10px 20px;} h1 { font-size: 26px; line-height: 32px; } .slider-text-bottom { vertical-align: middle; } /* key person */ .key-person { max-height: 510px; } .key-person-details { bottom: 25px; } .key-person:hover .key-person-details { bottom: 130px; } /* Animated tab */ #animated-tab .nav-tabs > li > a { font-size: 24px; } .hcode-animated-tabs .nav-tabs > li > a { font-size: 24px; } /* project img */ .half-project-img { min-height: 220px; } .half-project-small-img { min-height: 179px; } /* onepage portfolio single #2 */ .half-project-img-slider { min-height: 220px; } /**************************************************** shop ****************************************************/ /* home product */ .slider-typography-shop .owl-subtitle { display: block; line-height: 18px; margin-bottom: 30px; width: 85%; } /**************************************************** one page ****************************************************/ /*======* wedding *======*/ .wedding-header { margin-top: 40px; } } @media (min-width: 640px) { /* .blog-3col .col-md-4:nth-child(3n + 4) { clear: none; } .blog-3col .col-md-4:nth-child(2n + 3) { clear: left; } .blog-4col .col-md-3:nth-child(4n + 5) { clear: none; } .blog-4col .col-md-3:nth-child(4n+3) { clear: left; } .blog-full-width-section .col-md-3:nth-child(4n + 5) { clear: left; } .blog-full-width-section .col-md-3:nth-child(4n+3) { clear: left; } .blog-grid-listing > .col-md-4:nth-child(3n + 4) { clear: none; } .blog-grid-listing > .col-md-4:nth-child(2n + 3) { clear: left; } .blog-grid-listing > .col-sm-4:nth-child(3n + 4) { clear: none; } .blog-grid-listing > .col-sm-4:nth-child(2n + 3) { clear: none; }*/ } @media (min-width: 768px) { /* .blog-3col .col-md-4:nth-child(3n + 4) { clear: none; } .blog-3col .col-md-4:nth-child(2n + 3) { clear: left; } .blog-4col .col-md-3:nth-child(4n + 5) { clear: left; } .blog-4col .col-md-3:nth-child(4n+3) { clear: left; } .blog-full-width-section .col-md-3:nth-child(4n + 5) { clear: left; } .blog-full-width-section .col-md-3:nth-child(4n+3) { clear: left; } .blog-grid-listing > .col-md-4:nth-child(3n + 4) { clear: none; } .blog-grid-listing > .col-md-4:nth-child(2n + 3) { clear: left; } .blog-grid-listing > .col-sm-4:nth-child(3n + 4) { clear: none; } .blog-grid-listing > .col-sm-4:nth-child(2n + 3) { clear: none; }*/ } @media (min-width: 992px) { /* .blog-3col .col-md-4:nth-child(3n + 4) { clear: left; } .blog-3col .col-md-4:nth-child(2n + 3) { clear: none; } .blog-4col .col-md-3:nth-child(4n + 5) { clear: left; } .blog-4col .col-md-3:nth-child(4n+3) { clear: none; } .blog-full-width-section .col-md-3:nth-child(4n + 5) { clear: left; } .blog-full-width-section .col-md-3:nth-child(4n+3) { clear: none; } .blog-grid-listing > .col-md-4:nth-child(3n + 4) { clear: left; } .blog-grid-listing > .col-md-4:nth-child(2n + 3) { clear: none; } .blog-grid-listing > .col-sm-4:nth-child(3n + 4) { clear: none; } .blog-grid-listing > .col-sm-4:nth-child(2n + 3) { clear: none; }*/ } @media (min-width: 1200px) { /* .blog-3col .col-md-4:nth-child(3n + 4) { clear: left; } .blog-3col .col-md-4:nth-child(2n + 3) { clear: none; } .blog-4col .col-md-3:nth-child(4n + 5) { clear: left; } .blog-4col .col-md-3:nth-child(4n+3) { clear: none; } .blog-full-width-section .col-md-3:nth-child(4n + 5) { clear: left; } .blog-full-width-section .col-md-3:nth-child(4n+3) { clear: none; } .blog-grid-listing > .col-md-4:nth-child(3n + 4) { clear: left; } .blog-grid-listing > .col-md-4:nth-child(2n + 3) { clear: none; } .blog-grid-listing > .col-sm-4:nth-child(3n + 4) { clear: none; } .blog-grid-listing > .col-sm-4:nth-child(2n + 3) { clear: none; }*/ } #google-container { position: relative; width: 100%; height: 200px; background-color: #e7eaf0; } @media only screen and (min-width: 768px) { #google-container { height: 300px; } } @media only screen and (min-width: 1170px) { #google-container { height: 600px; } } #cd-google-map { position: relative; } #cd-google-map address { position: absolute; width: 100%; bottom: 0; left: 0; padding: 1em 1em; background-color: #000000; color: white; font-size: 13px; font-size: 0.8125rem; } @media only screen and (min-width: 768px) { #cd-google-map address { font-size: 15px; font-size: 0.9375rem; text-align: center; } } #cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 10px; background-color: #000000; background-repeat: no-repeat; background-size: 32px 64px; background-image: url("../../../uploads/2015/09/cd-icon-controller.svg"); } .no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #d36868; } @media only screen and (min-width: 768px) { #cd-zoom-in, #cd-zoom-out { margin-left: 50px; } } #cd-zoom-in { background-position: 50% 0; margin-top: 10px; margin-bottom: 1px; } @media only screen and (min-width: 768px) { #cd-zoom-in { margin-top: 50px; } } #cd-zoom-out { background-position: 50% -32px; } @media (max-width: 768px) { .coming-soon-title { line-height:1.2em !important ; } }