/* Theme Name: Nalisha Theme URI: http://ausi.tech Author: Ausi Tech Author URI: http://www.ausi.tech Description: Nalisha is a creative, clean, fully responsive, powerful and multipurpose multi page and onepage WordPress and WooCommerce theme with latest web design trends. Version: 1.9.3 License: Themeforest Split Licence License URI: http://themeforest.net/licenses Text Domain: h-code */ @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 */ @font-face { font-family: 'BebasNeueRegular'; src: url('assets/fonts/BebasNeue/BebasNeueRegular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/BebasNeue/BebasNeueRegular.otf') format('opentype'), url('assets/fonts/BebasNeue/BebasNeueRegular.woff') format('woff'), url('assets/fonts/BebasNeue/BebasNeueRegular.ttf') format('truetype'), url('assets/fonts/BebasNeue/BebasNeueRegular.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PlayfairDisplay-Regular'; src: url('assets/fonts/PlayfairDisplay/PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/PlayfairDisplay/PlayfairDisplay-Regular.woff') format('woff'), url('assets/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf') format('truetype'), url('assets/fonts/PlayfairDisplay/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg'); font-weight: normal; font-style: normal; } /* =================================== 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 { 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;} .admin-bar .navbar { margin-top: 32px !important;} .admin-bar .top-header-area { margin-top: 32px !important;} .admin-bar .non-sticky { margin-top: 0 !important;} .admin-bar .no-sticky-mini-header .non-sticky { margin-top: 32px !important; } .admin-bar .sticky-mini-header .sticky-nav { margin-top: 32px !important; } section { clear: both} .admin-bar .menu-button { margin-top: 92px;} .admin-bar .menu-wrap { top: 32px; } 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: 0; } 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: 0; } 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 10px 8px; 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; } .gallery dl.gallery-item { margin-left: 0; margin-right: 0; padding: 10px;} .bypostauthor {} .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; float: none !important } #infscr-loading { float: left; margin: 50px 0; position: relative; text-align: center; width: 100%; } #infscr-loading img { margin: 0 auto; width: 50px; } .blog-masonry #infscr-loading { position: absolute; bottom: -90px;} /* 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 } h4.section-title { font-weight: 600; font-size: 16px; line-height: 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;} h1.title { font-size:60px; font-weight:700; line-height:65px; margin-bottom:0px; display: inline-block; text-decoration: line-through;} h2.title { font-size:50px; font-weight:700; line-height:55px; margin-bottom:0px; display: inline-block; text-decoration: line-through;} h3.title { font-size:45px; font-weight:700; line-height:50px; margin-bottom:0px; display: inline-block; text-decoration: line-through;} h4.title { font-size:40px; font-weight:700; line-height:45px; margin-bottom:0px; display: inline-block; text-decoration: line-through;} h5.title { font-size:35px; font-weight:700; line-height:40px; margin-bottom:0px; display: inline-block; text-decoration: line-through;} h6.title { font-size:30px; font-weight:700; line-height:35px; margin-bottom:0px; display: inline-block; text-decoration: line-through;} h1.title-style10 { font-size:60px; font-weight:700; line-height:65px; margin-bottom:0px; display: inline-block; } h2.title-style10 { font-size:50px; font-weight:700; line-height:55px; margin-bottom:0px; display: inline-block; } h3.title-style10 { font-size:45px; font-weight:700; line-height:50px; margin-bottom:0px; display: inline-block; } h4.title-style10 { font-size:40px; font-weight:700; line-height:45px; margin-bottom:0px; display: inline-block; } h5.title-style10 { font-size:35px; font-weight:700; line-height:40px; margin-bottom:0px; display: inline-block; } h6.title-style10 { font-size:30px; font-weight:700; line-height:35px; margin-bottom:0px; display: inline-block; } h1.title span, h2.title span, h3.title span, h4.title span, h5.title span, h6.title span { vertical-align: middle;} span.underline-bg { display: table; height: 2px; width: 100%; position: relative; top: -28px; z-index:2} .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:11px; 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} .orange-light-text{ color:#ef824c;} .deep-red-text{ color:#e75e50} .red-text { color:#d50f0f} .body-text { color:#626262} .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:#e6af2a} .yellow-text2{color:#fdd947} .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-300 { font-weight:300 !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; } .text-decoration-none { text-decoration:none !important; } .word-wrap { word-wrap: break-word} .word-wrap-normal { word-wrap: normal !important} .text-transform-none {text-transform:none !important} .text-transform-uppercase {text-transform: uppercase !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: #e6af2a } .bg-deep-yellow{ background: #f7f5e7 } .bg-golden-yellow{ background: #c3bd86 } .bg-fast-yellow{ background: #fdd947 } .bg-dark-gray{ background: #252525 } .bg-extra-dark-gray{ background: #303030 } .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) } .bg-light-orange { background-color: #ef824c; } .bg-inherit { background-color: inherit;} /* 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 } .text-opacity-light {opacity: 0.5} /* =================================== 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:7% 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} .separator-line-thin { height: 1px; } .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-fourteen { padding: 14% !important } .padding-fifteen { padding: 15% !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-tb-20px { margin-top: 20px !important; margin-bottom: 20px !important; } .margin-tb-25px { margin-top: 25px !important; margin-bottom: 25px !important; } .margin-bottom-20px { margin-bottom: 20px !important;} .margin-top-81px { margin-top: 81px !important; } .margin-top-80px { margin-top: 80px !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-fourteen-bottom { margin-bottom: 14% !important } .margin-fifteen-bottom { margin-bottom: 15% !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 } .margin-fourteen-top { margin-top: 14% !important } .margin-fifteen-top { margin-top: 15% !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-top-30px { padding-top: 30px !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-tb6-lr9 { padding: 6% 9%;} .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-initial {position: initial !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-0{ height: 0 !important} .height-100 { height: 100% !important} .height-auto { height:auto !important} .clear-both{ clear:both} .clear-none{ clear: none} .roundedimage { border-radius: 100%} .vertical-align-middle { vertical-align: middle !important;} .vertical-align-bottom {vertical-align: bottom !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 *,.vc_editor .entry-content *, .owl-carousel *, .select2-container, .select2-drop, .select2-search, .select2-search input, .wpb_revslider_element *, .wpb_accordion *, .vc_grid-container-wrapper *, .pswp *, .select2-drop *, .select2-container--open *, .select2-container--open input *, .vc_ess_grid * { 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(167,73,28,0.9); background: -moz-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(167,73,28,0.9)), color-stop(100%, rgba(48,41,39,0.9))); background: -webkit-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: -o-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: -ms-linear-gradient(left, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); background: linear-gradient(to right, rgba(167,73,28,0.9) 0%, rgba(48,41,39,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9a562', endColorstr='#608aab', 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;} .bootstrap-slider-title-text { margin-bottom: 14% !important; } /* =================================== Navigation ====================================== */ nav { width: 100%; top: 0px; z-index: 99;} nav .container{ display: table-cell; vertical-align: middle; height: 92px; position: relative; } .shrink-nav .container { height: 60px; } .shrink-nav { background-color:#FFF; } .sticky-nav{ position: fixed; top: 0px; display: inline-table;} .hcode-site-title a { text-transform: uppercase; font-weight: 600; font-size: 18px; } .nav-white .hcode-site-title a { color: #fff;} .nav-white.shrink-nav .hcode-site-title a { color: #000;} .nav-dark.shrink-nav .hcode-site-title a { color: #fff;} .nav-black .hcode-site-title a { color: #000;} .nav-black.hamburger-menu3 .hcode-site-title a { color: #fff;} .nav-white.hamburger-menu2 .hcode-site-title a { color: #000;} .nav-dark-transparent.shrink-nav .hcode-site-title a { color: #fff;} .header-top-logo .hcode-site-title a { height: 55px;} .header-top-logo.sticky-nav .hcode-site-title a { height: 55px;} .static-sticky.shrink-nav .hcode-site-title .logo-light { display: none;} .hamburger-menu1 .hcode-site-title .logo-dark { display: none;} .logo { max-width: 320px !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: 100;} .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)} .navbar .simple-dropdown > ul.dropdown-menu > li:hover > a { color: #fff; } .navbar .simple-dropdown > ul.dropdown-menu > li:hover > a > i { color: #fff; } .navbar-nav .dropdown-menu li .mega-sub-menu > li > a { color: #c8c8c8; } .navbar-nav .dropdown-menu li .mega-sub-menu > li > a:hover { color: #fff; } .navbar-nav .dropdown-menu li .mega-sub-menu > li > a > i { color: #c8c8c8; } .navbar-nav .dropdown-menu li .mega-sub-menu > li > a:hover > i { color: #fff; } .navbar .simple-dropdown > ul.dropdown-menu > li a { color: #c8c8c8; } .nav-white.sticky-nav .navbar-nav li a { color: #ffe9c4 } .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, .nav-white.nav-dark-transparent .navbar-nav li.current-menu-item a { border-bottom-color: #ffe9c4} .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, .nav-black.nav-dark-transparent .navbar-nav li.current-menu-item 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, .nav-white.non-sticky .navbar-nav li.current-menu-item 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, .nav-black.non-sticky .navbar-nav li.current-menu-item 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, .nav-white.non-sticky.shrink-nav .navbar-nav li.current-menu-item 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, .nav-black.non-sticky.shrink-nav .navbar-nav li.current-menu-item 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, .nav-white.static-sticky-gray.shrink-nav .navbar-nav li.current-menu-item 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, .nav-black.static-sticky-gray.shrink-nav .navbar-nav li.current-menu-item 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, .nav-white.sticky-nav .navbar-nav li.current-menu-item a { border-bottom-color: #ffe9c4} .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, .nav-white.shrink-nav .navbar-nav li.current-menu-item 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, .nav-dark.shrink-nav .navbar-nav li.current-menu-item 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, .nav-dark-transparent.shrink-nav .navbar-nav li.current-menu-item a { border-bottom-color: #fff} .nav-black.white-header .navbar-nav li.current-menu-ancestor a, .nav-black.white-header .navbar-nav li.current-menu-item a { border-bottom-color: #000} .nav-white.white-header .navbar-nav li.current-menu-ancestor a, .nav-white.white-header .navbar-nav li.current-menu-item a { border-bottom-color: #fff} .nav-white.white-header.shrink-nav .navbar-nav li.current-menu-ancestor a, .nav-white.white-header.shrink-nav .navbar-nav li.current-menu-item a { border-bottom-color: #000} .nav-black.transparent-header .navbar-nav li.current-menu-ancestor a, .nav-black.transparent-header .navbar-nav li.current-menu-item a { border-bottom-color: #000} .nav-white.transparent-header .navbar-nav li.current-menu-ancestor a, .nav-white.transparent-header .navbar-nav li.current-menu-item a { border-bottom-color: #fff} .nav-white.transparent-header.shrink-nav .navbar-nav li.current-menu-ancestor a, .nav-white.transparent-header.shrink-nav .navbar-nav li.current-menu-item a { border-bottom-color: #000} .navbar-nav li.current-menu-ancestor ul li.current-menu-item > a, .navbar .dropdown-menu .mega-sub-menu > li.current-menu-item > a > .menu-icon-left { color: #fff;} .nav-black.nav-dark .navbar-nav li.current-menu-ancestor a { border-bottom-color: #000} .nav-black.static-sticky .navbar-nav li.current-menu-ancestor a, .nav-black.static-sticky .navbar-nav li.current-menu-item a { border-bottom-color: #000} .nav-white.static-sticky .navbar-nav li.current-menu-ancestor a, .nav-white.static-sticky .navbar-nav li.current-menu-item a { border-bottom-color: #fff} .nav-white.static-sticky.shrink-nav .navbar-nav li.current-menu-ancestor a, .nav-white.static-sticky.shrink-nav .navbar-nav li.current-menu-item a { border-bottom-color: #000} .nav-white.static-sticky-gray .navbar-nav li.current-menu-ancestor a, .nav-white.static-sticky-gray .navbar-nav li.current-menu-item a { border-bottom-color: #fff;} .nav-black.static-sticky-gray .navbar-nav li.current-menu-ancestor a, .nav-black.static-sticky-gray .navbar-nav li.current-menu-item a { border-bottom-color: #000;} .nav-black.nav-light-transparent .navbar-nav li.current-menu-ancestor a, .nav-black.nav-light-transparent .navbar-nav li.current-menu-item a { border-bottom-color: #000} .nav-white.nav-light-transparent .navbar-nav li.current-menu-ancestor a, .nav-white.nav-light-transparent .navbar-nav li.current-menu-item a { border-bottom-color: #fff} .nav-white.nav-light-transparent.shrink-nav .navbar-nav li.current-menu-ancestor a, .nav-white.nav-light-transparent.shrink-nav .navbar-nav li.current-menu-item 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: 56px; } .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: #000; 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;} .dropdown-menu li ul li ul.mega-sub-menu { margin: 0; } .dropdown-menu li ul li ul.mega-sub-menu li a { padding-left: 10px !important;} .dropdown-menu li ul li ul li ul.mega-sub-menu li a { padding-left: 20px !important;} .dropdown-menu li ul li ul li ul li ul.mega-sub-menu li a { padding-left: 30px !important;} .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); } a.dropdown-header {cursor: pointer !important;} .header-top-logo.sticky-nav.shrink-nav.static-sticky .header-top-logo-center .logo-light { display: none; } .navbar-nav li.fa { line-height: 23px;} .navbar-nav li.fa:before { position: relative; top: 5px; float: left; } .navbar-nav > li.fa > a { padding-left: 18px !important;} .navbar-nav ul.dropdown-menu li.fa:before { margin: -3px 5px 0 0; color: #c8c8c8 } .navbar-nav ul.dropdown-menu .mega-sub-menu li.fa:before { margin: -2px 5px 0 0; color: #c8c8c8 } .navbar-nav .simple-dropdown li.fa { display: block !important;} .navbar-nav .simple-dropdown li.fa:before { margin: 2px 5px 0 !important; color: #c8c8c8; } .hamburger-menu1 .navbar-nav li.fa:before { margin-right: 8px;} .hamburger-menu2 .navbar-nav li.fa:before { margin-top: 6px;} .hamburger-menu3 .navbar-nav li.fa:before { top: 12px; margin-right: 12px; } .hamburger-menu3 .navbar-nav > li.fa > a { padding-left: 0 !important;} .nav-white .navbar-nav li.fa:before { color: #fff; 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;} .nav-white .navbar-nav li.fa:hover:before, .nav-white .navbar-nav li.fa.current-menu-item:before, .nav-white .navbar-nav li.fa.current-menu-ancestor:before, .nav-white .navbar-nav li.fa.active:before { color: #fff;} .nav-black .navbar-nav li.fa:before { color: #000; 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;} .nav-black .navbar-nav li.fa:hover:before, .nav-black .navbar-nav li.fa.current-menu-item:before, .nav-black .navbar-nav li.fa.current-menu-ancestor:before, .nav-black .navbar-nav li.fa.active:before { color: #000;} .nav-black.hamburger-menu1 .navbar-nav li.fa:before { color: #000;} .nav-black.hamburger-menu1 .navbar-nav li.fa:hover:before, .nav-black.hamburger-menu1 .navbar-nav li.fa.current-menu-item:before, .nav-black.hamburger-menu1 .navbar-nav li.fa.current-menu-ancestor:before, .nav-black.hamburger-menu1 .navbar-nav li.fa.active:before { color: #000;} .nav-white.hamburger-menu1 .navbar-nav li.fa:before { color: #a5a5a5;} .nav-white.hamburger-menu1 .navbar-nav li.fa:hover:before, .nav-white.hamburger-menu1 .navbar-nav li.fa.current-menu-item:before, .nav-white.hamburger-menu1 .navbar-nav li.fa.current-menu-ancestor:before, .nav-white.hamburger-menu1 .navbar-nav li.fa.active:before { color: #fff;} .nav-black.hamburger-menu2 .navbar-nav li.fa:before { color: #000;} .nav-black.hamburger-menu2 .navbar-nav li.fa:hover:before, .nav-black.hamburger-menu2 .navbar-nav li.fa.current-menu-item:before, .nav-black.hamburger-menu2 .navbar-nav li.fa.current-menu-ancestor:before, .nav-black.hamburger-menu2 .navbar-nav li.fa.active:before { color: #000;} .nav-white.hamburger-menu2 .navbar-nav li.fa:before { color: #fff;} .nav-white.hamburger-menu2 .navbar-nav li.fa:hover:before, .nav-white.hamburger-menu2 .navbar-nav li.fa.current-menu-item:before, .nav-white.hamburger-menu2 .navbar-nav li.fa.current-menu-ancestor:before, .nav-white.hamburger-menu2 .navbar-nav li.fa.active:before { color: #fff;} .nav-black.hamburger-menu3 .navbar-nav li.fa:before { color: #000;} .nav-black.hamburger-menu3 .navbar-nav li.fa:hover:before, .nav-black.hamburger-menu3 .navbar-nav li.fa.current-menu-item:before, .nav-black.hamburger-menu3 .navbar-nav li.fa.current-menu-ancestor:before, .nav-black.hamburger-menu3 .navbar-nav li.fa.active:before { color: #797979;} .nav-white.hamburger-menu3 .navbar-nav li.fa:before { color: #fff;} .nav-white.hamburger-menu3 .navbar-nav li.fa:hover:before, .nav-white.hamburger-menu3 .navbar-nav li.fa.current-menu-item:before, .nav-white.hamburger-menu3 .navbar-nav li.fa.current-menu-ancestor:before, .nav-white.hamburger-menu3 .navbar-nav li.fa.active:before { color: #fff;} .nav-white .navbar-nav .mega-menu-full li.fa:before { color: #c8c8c8; 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;} .nav-white .navbar-nav .mega-menu-full li.fa:hover:before, .nav-white .navbar-nav .mega-menu-full li.fa.current-menu-item:before, .nav-white .navbar-nav .mega-menu-full li.fa.current-menu-ancestor:before, .nav-white .navbar-nav .mega-menu-full li.fa.active:before { color: #fff;} .nav-black .navbar-nav .mega-menu-full li.fa:before { color: #c8c8c8; 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;} .nav-black .navbar-nav .mega-menu-full li.fa:hover:before, .nav-black .navbar-nav .mega-menu-full li.fa.current-menu-item:before, .nav-black .navbar-nav .mega-menu-full li.fa.current-menu-ancestor:before, .nav-black .navbar-nav .mega-menu-full li.fa.active:before { color: #fff;} .nav-white .navbar-nav .simple-dropdown li.fa:before { color: #c8c8c8; 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;} .nav-white .navbar-nav .simple-dropdown li.fa:hover:before, .nav-white .navbar-nav .simple-dropdown li.fa.current-menu-item:before, .nav-white .navbar-nav .simple-dropdown li.fa.current-menu-ancestor:before, .nav-white .navbar-nav .simple-dropdown li.fa.active:before { color: #fff;} .nav-black .navbar-nav .simple-dropdown li.fa:before { color: #c8c8c8; 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;} .nav-black .navbar-nav .simple-dropdown li.fa:hover:before, .nav-black .navbar-nav .simple-dropdown li.fa.current-menu-item:before, .nav-black .navbar-nav .simple-dropdown li.fa.current-menu-ancestor:before, .nav-black .navbar-nav .simple-dropdown li.fa.active:before { color: #fff;} @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 { 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 > ul.mega-sub-menu > li > ul.mega-sub-menu { position: absolute; left: 240px; background-color: rgba(27, 22, 28, 0.95); width: 240px; top: 0; display: none;} .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu > li:hover > ul.mega-sub-menu { display: block;} .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu { position: absolute; left: 240px; background-color: rgba(27, 22, 28, 0.95); width: 240px; top: 0; display: none;} .simple-dropdown > ul.dropdown-menu > li > ul.mega-sub-menu > li > ul.mega-sub-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} .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;} .sticky-nav .navbar-nav > .simple-dropdown > .dropdown-menu { top: 58px;} .shrink-nav .navbar-nav > .simple-dropdown > .dropdown-menu { top: 48px;} .simple-dropdown > ul.dropdown-menu li { position: relative;} /* simple dropdown menu left */ .simple-dropdown.simple-dropdown-left > ul.dropdown-menu { left: inherit !important; right: 0 !important; text-align: right; } .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.mega-sub-menu { left: inherit; right: 220px;} .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu { left: inherit; right: 240px;} .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu { left: inherit; right: 240px; } .simple-dropdown.simple-dropdown-left > ul.dropdown-menu > li a i { float: left; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} /* 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: 48px;} .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; } .nav-black .navbar-nav .dropdown-menu a.dropdown-header { color: #c8c8c8; } .nav-black .navbar-nav .dropdown-menu a.dropdown-header:hover { color: #fff; } .dropdown-menu li.current-menu-ancestor > a > i, .dropdown-menu li.current-menu-item > a > i, .dropdown-menu li > a.active > i { color: #fff; } .navbar-nav .dropdown-menu li .mega-sub-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: #fdd947; 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: 81px !important} .static-sticky .logo-light { opacity: 1; display: block; display: table-cell; vertical-align: middle; } .static-sticky .cart-content { top: 54px !important;} .static-sticky {background: #fff} .static-sticky .dropdown-menu, .static-sticky .cart-content { background: rgba(0,0,0,0.9)} .static-sticky-gray { height: 80px !important} .static-sticky-gray .logo-light { opacity: 1; display: block; display: table-cell; vertical-align: middle; } .static-sticky-gray .cart-content { top: 54px !important;} .static-sticky-gray {background: #f6f6f6} .static-sticky.sticky-nav .navbar-nav > li > .dropdown-menu { top: 66px;} .static-sticky.sticky-nav .navbar-nav > li.simple-dropdown > .dropdown-menu { top: 58px;} .static-sticky.sticky-nav .navbar-nav > li.megamenu-column-1 > ul.dropdown-menu { top: 58px;} .static-sticky-gray .dropdown-menu, .static-sticky-gray .cart-content { background: rgba(0,0,0,0.9)} header.headertype7 .sticky-nav.static-sticky-graynav-black { position: fixed;} header.headertype7 .sticky-nav.static-sticky-graynav-black .container { height: 80px;} header.headertype7 .sticky-nav.static-sticky-graynav-black .logo-light { display: table-cell; opacity: 1;} /* non sticky */ .non-sticky {position: relative; background: #fff; } .non-sticky.shrink-nav { position: relative !important;} .non-sticky .dropdown-menu, .non-sticky .cart-content { background: rgba(0,0,0,0.9)} .sticky-mini-header .top-header-area { position: fixed;} .sticky-mini-header .navbar { top: 38px !important; position: fixed;} header.sticky-mini-header .shrink-nav { top: 38px !important; position: fixed;} .non-sticky.shrink-nav .container { height: 80px;} .non-sticky.header-top-logo.shrink-nav .nav > li { margin-bottom: 10px; margin-top: 10px; } .non-sticky.header-top-logo.shrink-nav #top-search { padding-bottom: 18px; } .sticky-nav.non-sticky.shrink-nav .navbar-nav > li > .dropdown-menu { top: 64px; } .sticky-nav.non-sticky.shrink-nav .navbar-nav > .simple-dropdown > .dropdown-menu { top: 57px;} .sticky-nav.non-sticky.shrink-nav .navbar-nav > .megamenu-column-1 > ul.dropdown-menu { top: 57px;} .sticky-nav.non-sticky.shrink-nav .cart-content { top: 53px; } /* 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: none; 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;} .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: 54px; 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 25px 0 25px; width: 265px; max-height: 420px; overflow: hidden; overflow-y: auto; } .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: 25px; 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; width: auto; color: #c8c8c8 !important } .cart-content ul.cart-list a img { left: 0; float: left; width: 60px; margin-bottom: 10px; } .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; padding-bottom: 25px; } .mega-menu-full { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .menu-new a:after { background: #c11f1f none repeat scroll 0 0; color: #fff; font-size: 10px; margin-left: 8px; padding: 0 6px 0 5px; line-height: 16px; position: absolute; content: "New"; margin-top: 3px;} /* =================================== Page titles ====================================== */ /* page titles */ .content-top-margin { margin-top: 81px;} .content-top-margin-big { margin-top: 119px;} .content-top-margin-extra-big { margin-top: 150px;} .content-top-margin-midium-big { margin-top: 112px; } .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 10px 25px 10px } .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;} .service-box-gray-text { color: #626262; } /* 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} .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; display: block;} .counter-icon {top:25px; position:relative} .counter-style2 .counter-title {letter-spacing: 0.55px; float: left;} .counter-style2 span.counter-number {letter-spacing: 0.55px; float: left; margin-right: 10px;} .counter-style2 i {float: right; line-height: 26px; margin: 2px 10px 0 0} .counter-subheadline span {float: right;} /* 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; display: block;} /* 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%;} .case-study-details.content-slider-details {padding-top: 0; padding-bottom: 0;} /* 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:80px; padding-bottom: 45px;} 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; } .demo_store { position: fixed; width: 100%; height: auto !important; text-align: center; padding: 15px 15px 20px !important; margin: 0; bottom: 0; left: 0; background-color: #fff; font-weight: 600; font-size: 14px; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 999;} .demo_store p { padding: 0; margin: 0;} .demo_store span { color: #000; cursor: pointer; display: inline-block; font-size: 26px; line-height: 20px; margin: 0 0 0 10px; position: relative; top: 4px;} footer ul li.current-menu-item a { color: #000;} footer ul.footer-link li.current-menu-item a { color: #858585;} footer ul li.fa { padding-left: 17px !important; position: relative} footer ul li.fa:before { position: absolute; left: 0; margin-top: 1px; color: #9a9a9a;} footer ul li .sub-menu a i { position: inherit !important;} /* =================================== 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} .hcode-owl-slider8 .owl-subtitle { line-height: 22px; margin-bottom: 50px; margin-top: 30px;} .hcode-owl-slider9 .owl-subtitle { line-height: 22px; margin-bottom: 50px; margin-top: 30px;} .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("assets/images/arrow-down.png"), pointer;} .scroll-to-down-white { cursor:url("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; } .content-slider-details .slider-typography {text-align: left} .slider-subtitle1 { display: block; font-family: "Oswald",sans-serif; 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: 5px 0 7px 0; min-width: 46px; text-align: center; line-height: normal;} .slider-title-big6{ font-size:110px; line-height: 100px; } .slider-title-big7{ font-size:55px; line-height: 68px; font-weight: 300; color: #fff; display: inline-block;} .slider-title-big8 {font-family: "Oswald",sans-serif; font-size: 25px; line-height: 35px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; display: block;} /* =================================== 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; background-attachment: fixed !important; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .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: 6px 15px; min-width:47px; text-align: center; letter-spacing: -2px; line-height: normal; } .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} .parallax-fix.no-effect{ background-size: unset !important; background-position: center center !important; 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;} .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;} /* 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} .mfp-content .work-background-slider-text { overflow: hidden; overflow-y: scroll;} /* 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; } .hcode-date-style1 .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; } .hcode-date-style1 .last { border-right: 0px !important; width: 90px; padding: 0 0 0 25px; } .hcode-date-style1 .first { border-left: 0px !important; } .hcode-date-style1 .number { font-size: 23px; text-align: center; font-weight: 400; line-height: 43px; } .hcode-date-style1 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-logo { margin: 60px 0 45px} .coming-soon-logo .logo-style-2 { max-width: 177px; } .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} .coming-soon-footer .social-icon.button { margin: 0 10px;} /* 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} .parallax-fix, .fix-background { background-attachment: inherit !important; background-position-x: center !important; background-position-y: bottom !important } .parallax-fix.ie-background-position-y-top, .fix-background.ie-background-position-y-top { background-position-y: top !important } } /*only for webkit browsers*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { .buttons_added input.qty { height: 23px; top: -4px; position: relative;} .buttons_added { padding-bottom: 7px !important;} .buttons_added .minus { line-height: 12px !important; } } /* =================================== Coming soon - animation ====================================== */ #animated-balls { perspective: 50px; -webkit-perspective: 50px; -moz-perspective: 50px; -ms-perspective: 50px; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; opacity: 0.55; } .dot { position: fixed; width: 30px; height: 30px; border-radius: 30px; background-color: #cecece; } .hcode-date-style2 .counter-box { display: block; text-align: center; padding: 0 25px; float: left;} .hcode-date-style2 .last { border-right: 0px !important; } .hcode-date-style2 .first { border-left: 0px !important; } .hcode-date-style2 .number { font-size: 65px; text-align: center; font-weight: 400; line-height: 43px; } .hcode-date-style2 span { display: block; font-size: 14px; text-align: center; font-weight: 400; text-transform: uppercase; margin-top:15px; } /* only ie7, ie9, ie10, ie11 */ @media screen\0 { .notify-me-main input { /* ie7, ie9, ie10, ie11+ only */ padding-bottom: 20px; } .landing-subscribe-button { padding-bottom: 9px !important} } /* =================================== Full width image ====================================== */ .full-width-image { min-height: 750px;} /* =================================== Blog ====================================== */ .below-header {margin-top: 87px;} .below-header-small {margin-top: 80px;} .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} .archive-description { margin-bottom: 35px; } /* blog home masonry */ .blog-listing {overflow: hidden; margin-bottom:5%;} .blog-image { overflow: hidden; } .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;} /* default pagination */ .default-link-pages { text-align: center; width: 100%; margin: 40px 0 0 0} .default-link-pages .page-links-title { margin-left: 10px;} .default-link-pages a .page-numbers { margin:0 10px 0 10px; font-size: 14px; text-decoration: none; border: 0; font-weight: 400; } .default-link-pages a:hover .page-numbers {color: #575757;} .default-link-pages .page-numbers { border-bottom: 1px solid #000; font-weight: 600; color: #000; font-size: 14px; font-weight: 600; margin:0 10px 0 10px;} /* 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; } .parent-section.format-standard.hide-post-feature-image .container-fluid section.no-padding-bottom { padding-top: 0; } .format-standard.hide-post-feature-image .margin-tb-30px { display: none; } /* sidebar */ .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: 50px; top: 16px} .widget .main-search { position: relative; } .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} .sidebar ul li.current-cat a, .sidebar ul li.current-menu-item a { color: #ababab;} .sidebar ul li.menu-item.fa:before { margin: 1px 5px 0 0;} /* 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 0px; margin-bottom: 0; text-transform: uppercase; color: black; font-weight: 400; } blockquote.blog-image p:before {content:"\f10d"; font-family:'FontAwesome'; font-size: 50px; margin-right: 10px;} blockquote.blog-image p {font-size: 22px; 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 .blog-details { padding-top: 30px; } .blog-listing .blog-date { padding-top: 0; } .blog-listing-classic .blog-details { padding-top: 0; } .blog-list-layout .blog-details { padding-top: 0; } .blog-list-layout .blog-title a { margin: 5px 0 0; font-family: playfairdisplay-regular; font-size: 32px; font-weight: 500; line-height: 1.1; letter-spacing: normal; text-transform: none; padding-bottom: 10px; } .blog-list-layout .blog-image { background: transparent; } .blog-list-layout .hcode-custom-meta { display: inline-block; width: 100%; } .blog-list-layout .hcode-continue-button { display: inline-block; float: left; } .blog-list-layout .hcode-continue-button a { margin: 0; } .blog-list-layout .hcode-show-likes { display: inline-block; float: right; } .blog-list-layout .blog-short-description { width: 100%; } .blog-list-layout .blog-details { padding-left: 35px;} .blog-list-layout.blog-listing { margin-bottom: 0; } .hcode-list-view-three-col .hcode-show-likes { display: block; margin-top: 10px; 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:30px 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; } .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 { padding-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.nav-tabs{ height: auto; margin-bottom: 44px;} /* portfolio filter light */ .nav-tabs-light li a { margin: 0 32px} .nav-tabs-light li:last-child a{ margin: 0 0 0 32px} .nav-tabs-light li:first-child a{ margin: 0 32px 0 0} .nav-tabs-light { height: 70px} .nav-tabs-light a { color: #888888; font-size: 12px; } .nav-tabs-style2 {margin-top: 20px;} .nav-tabs-style2 li {position: relative;} .nav-tabs-style2 li a {font-size: 14px;color: #626262;letter-spacing: 0.55px;border: 0;font-weight: 400;margin: 0 30px;} .nav-tabs-style2 li.active a { border-bottom: 0;} .nav-tabs-style2 li.active:before {width: 100%; height: 1px; display: inline-block; background-color: #ef824c; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);} .nav-tabs-style2 li a:hover { border-bottom: 0;} /* 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:#000; } .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("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;} .wpb_single_image figure:hover a img { cursor: pointer; } .wpb_single_image figure:hover img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity:1; cursor:default; } .masonry-portfolio-grid.grid figcaption { cursor:url("assets/images/icon-zoom-white.png"), pointer; z-index: 2;} /* 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 - 6 column */ .work-6col .grid li { float: left; width: 16.66%; } .work-6col .grid figcaption { bottom: 15px; } .work-6col .grid-gallery figcaption h3, .work-6col .grid-gallery figcaption h3 a { font-size: 11px; margin: 0 0 3px; letter-spacing: 2px} .work-6col .grid-gallery figcaption p { font-size: 10px; letter-spacing: 1px} .work-6col .grid-gallery figcaption i { font-size: 28px; margin-bottom: 15px } .work-6col 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("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("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; outline: none } .btn-round { border-radius:4px !important} .btn i, .btn img { margin-right:5px} .btn.btn-large i { font-size: 24px;} .button { margin-top:0; margin-bottom: 0; outline: none} .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:#fff} .highlight-button i { color: #000} .highlight-button:hover i {color:#fff} .highlight-button-dark { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #000; } .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 #000; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #000; font-weight: 700} .highlight-button-black-border:hover { border: 4px solid #000; background-color: #000; color: #fff} .highlight-button-black-border:focus { border: 4px solid #000 !important;} .highlight-button-orange-border{ border: 5px solid #ef824c !important; background-color: transparent; font-size: 16px; letter-spacing: 0 !important; padding: 10px 30px; color: #000; font-weight: 700} .highlight-button-orange-border:hover {border: 5px solid #ef824c; background-color: #ef824c; color: #fff;} .highlight-button-orange-border:focus { border: 5px solid #ef824c !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, .button-reveal img { 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, .button-reveal:hover img { 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-pinterest-p { 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-github { background-color: #333333; } .social-icon .fa-external-link { background-color: #000; } .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-delicious { background-color: #3274d1; } .social-icon-large:hover .fa-reddit { background-color: #ff1a00; } .social-icon-large:hover .fa-digg { background-color: #1b5891; } .social-icon-large:hover .fa-stumbleupon { background-color: #ff1a00; } .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; } .social-icon-large:hover .fa-vk { background-color: #45668e; } .social-icon-large:hover .fa-xing { background-color: #005d5e; } /* 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("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 img {background-color: transparent; float: left; width:70px; font-size: 35px; line-height: 60px; color: #aeaeae; margin: 0 20px 0 0;} .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; } blockquote.quotescollection-quote footer:before, blockquote.quotescollection-quote small:before, blockquote.quotescollection-quote .small:before { content: ''; } /* 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:35px 0 65px} .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; margin-bottom: 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; width: 100%; } .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%; } .slider-typography-app .owl-title { font-size: 70px; font-weight:700; line-height: 70px; width: 60%; letter-spacing:0; } .slider-typography-app .app-store a {margin-right: 20px;} .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("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;} .owl-carousel .home-product { padding: 0 15px;} .owl-carousel.hcode-featured-slider .owl-pagination { bottom: -10px;} .owl-carousel.owl-demo-brand .owl-pagination { bottom: -10px;} /* 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; } .brando-logo-2 > .col-sm-6:nth-child(2n+1) { clear: both; } .brando-logo-3 > .col-sm-4:nth-child(3n+1) { clear: both; } .brando-logo-4 > .col-sm-3:nth-child(4n+1) { clear: both; } .brando-logo-6 > .col-sm-2: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} .sidebar .widget_categories .children { padding-left: 12px; } .sidebar .widget_categories .children > li:last-child { padding-bottom: 0 } /* 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("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 .radio-select ul { clear: both; float: left; width: 100%; margin: 0 !important; padding: 0 !important;} .variations li .radio-select ul li { float: left; width: 100%; padding: 0 0 5px 0; margin: 0;} .variations li .radio-select ul li label { font-weight: 400; text-transform: none; margin: 0 0 0 5px; padding-left: 16px; display: block;} .variations li .radio-select ul li input[type="radio"] { margin-top: 6px;} .variations li div.swatch-wrapper.selected { border: 1px solid #565656; padding: 2px; } .variations li .swatch-wrapper:hover { border-color: #565656; } .variations li .swatch-wrapper.disabled:hover { border-color: #ccc; } .variations li .swatch-control { margin-bottom: 20px;} .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("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 25px 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; } .single_variation_wrap .single_variation .in-stock {color: #3c763d;} .single_variation_wrap .single_variation .out-of-stock {color: #a94442;} .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-meta-single-page span { font-weight: 600; color: #888888; letter-spacing: 2px; text-transform: uppercase; font-size: 11px; line-height: 15px;} .product-meta-single-page { margin-top: 26px; padding-top: 22px;} .single-product-wrapper-left .woocommerce-product-gallery__trigger { position: absolute; right: 23px; top: 8px; z-index: 99; background: url("assets/images/zoom-trigger.png") no-repeat; width: 26px; height: 26px;} .single-product-wrapper-left .woocommerce-product-gallery__trigger img { display: none !important;} .single-product-wrapper-left figure:hover img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; opacity:1; cursor: zoom-in; } .single-product-wrapper-left ol { padding: 0; list-style: none; margin: 10px -5px 0 -5px;} .single-product-wrapper-left ol li img { margin:0; width: 100%; cursor: pointer; opacity: .8} .single-product-wrapper-left ol li:hover img, .single-product-wrapper-left ol li img.flex-active { opacity: 1} .single-product-wrapper-left ol li { float: left; padding: 5px; } .single-product-wrapper-left.woocommerce-product-gallery--columns-6 ol li { width: 16.6667%; } .single-product-wrapper-left.woocommerce-product-gallery--columns-5 ol li { width: 20%; } .single-product-wrapper-left.woocommerce-product-gallery--columns-4 ol li { width: 25%; } .single-product-wrapper-left.woocommerce-product-gallery--columns-3 ol li { width: 33.3333%; } .single-product-wrapper-left.woocommerce-product-gallery--columns-2 ol li { width: 50%; } /* 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("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 { padding-left: 0; float: left; width: 100%; } .hcode-shipping-method li { margin-bottom: 10px; font-size: 12px; list-style: none;} .hcode-shipping-method li label { margin:0; float: right;} .woocommerce-checkout .hcode-shipping-method li input, .hcode-shipping-method li input { margin:3px 6px 0 0; float: none;} .hcode-shipping-method li:last-child { margin-bottom: 0; } .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;} .wc-cart-shipping-notice { line-height: 16px; text-align: right;} /* 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("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("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;} .woocommerce-terms-and-conditions { max-height: 200px; overflow: auto; float: right; width: 100%; clear: both; margin-top: 20px; text-align: left;} .woocommerce-terms-and-conditions section { padding: 0;} .woocommerce-terms-and-conditions section container { width: 100% !important; } .woocommerce-checkout .select2-container .select2-selection, .woocommerce-checkout .select2-results .select2-result-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-touch-callout: none; } .woocommerce-checkout .select2-container { margin: 0; position: relative; display: block!important; zoom: 1; vertical-align: middle; } .woocommerce-checkout .select2-container, .woocommerce-checkout .select2-drop,.select2-search, .woocommerce-checkout .select2-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce-checkout .select2-container .select2-selection { 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%; height: 41px; } .woocommerce-checkout .select2-container .select2-selection>.select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; } .woocommerce-checkout .select2-container .select2-selection .select2-selection__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-checkout .select2-container .select2-selection .select2-selection__arrow b { display: block; width: 100%; height: 100%; position: relative; background: url("assets/images/select-arrow.png") no-repeat no-repeat scroll left 0px top 11px #fff;} .woocommerce-checkout .select2-container .select2-selection .select2-selection__arrow b:after { position: inherit; display: block; content: ""; top: inherit; left: inherit; border: 0px solid #666; margin-left: 0; margin-top: 0; } .woocommerce-checkout .select2-dropdown-open.select2-drop-above .select2-selection, .woocommerce-checkout .select2-dropdown-open.select2-drop-above .select2-choices { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 0;} .woocommerce-checkout form .form-row.woocommerce-invalid input.input-text, .woocommerce-checkout form .form-row.woocommerce-invalid select { border-color: #a00; border-radius: 0; box-shadow: none; -webkit-appearance: none; } .woocommerce-checkout form .form-row.woocommerce-validated input.input-text { -webkit-appearance: none;} .woocommerce-checkout form .form-row.woocommerce-validated .select2-container, .woocommerce-checkout form .form-row.woocommerce-validated input.input-text, .woocommerce-checkout form .form-row.woocommerce-validated select { border-color: #69bf29; border-radius: 0; box-shadow: none; } .woocommerce-checkout .select2-selection--single .select2-selection__rendered { color: #626262; line-height: normal; padding-left: 0; padding-top: 2px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; height: inherit; left: inherit; margin-left: inherit; margin-top: inherit; position: inherit; top: inherit; width: inherit; } .woocommerce-checkout input[type="radio"] { margin: 6px 5px 0 0; } .woocommerce-shipping-calculator .select2-container .select2-selection .select2-selection__arrow b { display: block; width: 100%; height: 100%; position: relative; background: url("assets/images/select-arrow.png") no-repeat no-repeat scroll left 0px top 8px #fff;} .woocommerce-shipping-calculator .select2-container .select2-selection .select2-selection__arrow b:after { position: inherit; display: block; content: ""; top: inherit; left: inherit; border: 0px solid #666; margin-left: 0; margin-top: 0; } .woocommerce-shipping-calculator .select2-container--default .select2-selection--single { border-radius: 0; height: 36px; border: 1px solid #dfdfdf; } .woocommerce-shipping-calculator .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 32px; } .woocommerce-shipping-calculator .select2 { margin-bottom: 10px; } .woocommerce-shipping-calculator .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px; padding-right: 35px; } .widget_recently_viewed_products ul.product_list_widget span.product-title { display: block; } .widget_recently_viewed_products ul.product_list_widget li a img{margin-bottom: 10px; } .widget_recently_viewed_products ul.product_list_widget li{ margin: 10px 0; } /* 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; } .shop_table_responsive tr:last-child td {border-bottom: 0;} .woocommerce-MyAccount-orders {border-bottom: 0} .woocommerce-MyAccount-orders .order-actions a { margin: 0 3px; } .woocommerce-OrderUpdates { padding-left: 0; margin-bottom: 25px;} .woocommerce-OrderUpdates li { font-size: 12px; text-transform: none;} .woocommerce-OrderUpdates li p { margin-bottom: 0px;} .woocommerce-MyAccount-order-review .shop_table { margin-bottom: 30px;} .woocommerce-MyAccount-order-review .shop_table tfoot th { margin-bottom: 20px; border-top: 1px solid #ededed; padding-right: 20px; width: 75%;} .woocommerce-MyAccount-order-review .shop_table thead .product-total, .woocommerce-MyAccount-order-review .shop_table tbody .product-subtotal { text-align: right;} .woocommerce-MyAccount-order-review .shop_table tfoot th, .woocommerce-MyAccount-order-review .shop_table tfoot td { text-align: right;} .woocommerce-MyAccount-order-review li.payment_method_paypal img { margin: 0 5px; max-width: 152px; } .woocommerce-MyAccount-order-review input[type="radio"], .woocommerce-MyAccount-order-review input[type="checkbox"] { margin: 6px 5px 0 0} .woocommerce-MyAccount-order-review li.payment_method_paypal input[type="radio"] { margin-top: 19px;} .woocommerce-MyAccount-order-review li.payment_method_paypal a { color: #626262; text-decoration: underline;} .woocommerce-MyAccount-order-review li.payment_method_paypal a:hover { text-decoration: none;} .woocommerce-MyAccount-order-review ul.payment_methods { width: 60%; float: left} .woocommerce-MyAccount-order-review .form-row { width: 40%; float: right;} .review-order-details .wc-item-downloads { clear: both; margin: 0; padding: 0; list-style: none; } .review-order-details .wc-item-downloads li { font-size: 11px; color: #828282; margin: 6px 0 0 0; } .review-order-details .wc-item-downloads li a { cursor: pointer; } /* 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} .woocommerce-MyAccount-navigation {border-bottom: 1px solid #e5e5e5; float: left; width: 100%; border-left: 1px solid #e5e5e5} .woocommerce-MyAccount-navigation li a {color: #808080; float: left; position: relative; font-size: 12px; font-weight: 600; text-transform: uppercase;padding:13px 30px 9px;border: 1px solid #e5e5e5; border-bottom: 0; border-left: 0; background-color: #fff;} .woocommerce-MyAccount-navigation li {float: left; } .woocommerce-MyAccount-navigation li.is-active a {padding: 13px 30px 10px; margin-bottom: -1px; color: #000;} .woocommerce-MyAccount-content {border: 1px solid #e5e5e5; border-top: 0px; width: 100%; display: inline-block; padding: 15px 0;} .woocommerce-MyAccount-navigation i { color: #808080; font-size: 18px; display: block; text-align: center; margin-bottom: 4px;} .woocommerce-MyAccount-content .order_details { margin-bottom: 25px;} /* =================================== 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} .spa-sider .owl-title { line-height: 40px; } /* 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);} .grid-border .grid-border-box.dark-grid-border-box:hover {background-color: #3b3b3b !important} .grid-border .grid-border-box.dark-grid-border-box img {opacity: 0.5} .grid-border .grid-border-box.dark-grid-border-box:hover img {opacity: 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 #e6af2a} /* 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: auto; 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: 55px;} /* 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; } .restaurant-menu-text .menu-item font {margin:0} .restaurant-menu-text .menu-item p {margin:0} .restaurant-menu-text .menu-item span:after {content:".........."; margin:0 15px} .restaurant-menu-text .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("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} .block-default-cursor:hover img{ cursor: pointer; } /* 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:600px} .corporate-standards-text {min-height:600px; padding:4.5% 10% 4.5%} .corporate-standards-title { left: 0; position: absolute; right: 0; text-align: center; top: 68%; 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; } .sidebar .product-categories .children { padding-left: 12px; } .sidebar .product-categories .children > li:last-child { padding-bottom: 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("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("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; border-right: 1px solid #d7d7d7; float: left; text-align: center; padding: 0 15px; } .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;} } body.vc_editor .vc_hcode_font_icons, body.vc_editor .vc_hcode_button { display: inline-block; } /* equal height */ .row-equal-height .row, .row-equal-height .row>.hcode-column-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .row-equal-height .row { box-sizing: border-box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .row-equal-height .row>.hcode-column-container { display: flex } .row-equal-height .row>.hcode-column-container>.vc-column-innner-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-box-direction: normal } .row-equal-height .row>.hcode-column-container>.vc-column-innner-wrapper { -webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column} .row-content-middle .hcode-column-container>.vc-column-innner-wrapper {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center} .row-equal-height .hcode-column-container>.vc-column-innner-wrapper { box-sizing: border-box; width: 100%} .row-equal-height .hcode-column-container {-webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch} .row-content-top { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start } .row-content-top .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .row-content-bottom { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end } .row-content-bottom .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .hcode-inner-row { float: left;width: 100%; } /* language */ .menu-item-language { position: relative} .menu-item-language ul { display: none; position: absolute; background-color: rgba(27, 22, 28, 0.95); width: 40px;} .navbar-nav .menu-item-language > ul > li { padding: 0 !important; margin: 0 !important; text-align: center;} .menu-item-language > ul > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important; display: block; margin: 0 !important; padding: 4px 0 5px !important; width: 100% !important;} .menu-item-language > a > img.iclflag { margin-bottom: 2px !important} .menu-item-language > ul > li:last-child > a { border-bottom: 0 !important;} .menu-item-language > ul > li:last-child > a:hover { border-bottom: 0 !important;} .menu-item-language > ul > li > a > img { padding: 0 !important; margin: 0 !important; } .menu-item-language > ul > li > a:hover { background-color: rgba(0, 0, 0, 0.95); border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;} .menu-item-language:hover > a { border-bottom: 2px solid #000;} .menu-item-language:hover ul { display: block} .menu-item-language > a > .fa { color: #000; font-size: 14px; position: relative; top: 1px;} /* processing loading */ .processing { float: left; width: 100%;} .woocommerce .blockUI.blockOverlay{position:relative} .woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before{height:40px;width:40px;position:absolute;top:50%;left:50%;margin-left:-.5em;margin-top:-.5em;display:block;content:"";background:url(assets/images/ajax-loader.gif) center center;background-size:cover;line-height:1;text-align:center;color:rgba(0,0,0,.75)} .woocommerce .hcode_shopping_cart_content .blockUI.blockOverlay{position:relative; background-color: rgba(255,255,255,.95) !important; opacity: 1 !important} .woocommerce .hcode_shopping_cart_content .blockUI.blockOverlay:before, .woocommerce .hcode_shopping_cart_content .loader:before{height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0;margin-top:0;display:block;content:"";background:url(assets/images/ajax-loader.gif) center center;background-size:cover;line-height:1;text-align:center;color:rgba(0,0,0,.75)} /* figure caption */ figure.hcode-image-caption:hover img {transform: none; opacity: 1; cursor: inherit} .hcode-image-caption figcaption {padding: 8px 10px;} /* header top bar */ .shrink-nav { background-color:#FFF; position: fixed !important; top: 0 !important; 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: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transition-duration: .5s; } .sticky-nav { 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: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; } header .sticky-nav{ position: absolute; top: 38px; display: inline-table;} header { position: absolute; width: 100%; top: 0; } .top-header-area { position: absolute; width: 100%; z-index: 1050; padding: 6px 0 0; background-color: #000; height: 38px; top: 0; } .header-call { float: left; margin-right: 20px; letter-spacing: 1px;} .header-call .fa { font-size: 16px;} .header-call span { font-size: 11px; line-height: 16px;} .header-social { letter-spacing: 1px; float: left;} .header-social a { font-size: 11px;} .top-right-menu { float: right;} .top-right-menu ul { float: right;} .top-right-menu ul { list-style: none outside none; list-style-position: outside; margin: 0px; padding:0px; } .top-right-menu li { float: left; margin: 0 10px; position: relative;} .top-right-menu li:after { content: "/"; color: #fff; right: -13px; position: absolute; top: 1px;} .top-right-menu li:last-child { margin-right: 0;} .top-right-menu li:last-child:after { content: ""; } .top-right-menu li a { color: #fff; font-size: 10px; letter-spacing: 0; font-weight: 600; text-transform: uppercase; } .top-header-area .widget { margin-bottom: 0; } .top-header-area .widget-title { display: none; } /* pull menu */ .pull-menu .navbar-header { background: none} .pull-menu .navbar-brand {height: auto} .pull-menu img {max-width:150px} .pull-menu .navbar-nav {padding: 40px 0;} .pull-menu .navbar-nav a { color: #a5a5a5; font-weight: 600; line-height:18px; padding:8px 0; border-bottom:1px solid rgba(255,255,255,.2); font-size: 11px; display: block; text-transform: uppercase;} .nav-black.pull-menu .navbar-nav li a{ color: #000 } .nav-black.pull-menu .navbar-nav li a:hover{ color: #a5a5a5 } .nav-black.pull-menu .navbar-nav li > a.active, .nav-black.pull-menu .navbar-nav li.current-menu-ancestor > a, .nav-black.pull-menu .navbar-nav li.current-menu-item > a{ color: #a5a5a5 } .nav-white.pull-menu .navbar-nav li a{ color: #fff } .nav-white.pull-menu .navbar-nav li a:hover{ color: #a5a5a5 } .nav-white.pull-menu .navbar-nav li > a.active, .nav-white.pull-menu .navbar-nav li.current-menu-ancestor > a, .nav-white.pull-menu .navbar-nav li.current-menu-item > a{ color: #a5a5a5 } .pull-menu .navbar-nav .sub-menu a i { display: none;} .pull-menu .navbar-nav li a.active {border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff} .pull-menu .nav li {margin:0; display: block; width: 100%; position: relative; margin: 0 !important; } .pull-menu .navbar-nav a span { color: #a9a9a9; margin-right: 10px;} .pull-menu .navbar-nav li.active a { color: #000 !important} .pull-menu .navbar-nav li.active a span { color: #e31d3b !important} .pull-menu .footer-social a i {font-size: 14px; color: #fff} .pull-menu .footer-social a {margin: 0 5px !important} .pull-menu nav.shrink {background: #fff} .pull-menu .sub-menu { background-color: transparent; left: 0; min-width: 100%; padding:0 0 0 5px; position: inherit; display: block; border: 0;} .pull-menu .sub-menu:hover ul { display: block; } .hamburger-menu1.pull-menu .navbar-nav { width: 100%;} .content-mini-header-margin { margin-top: 38px;} /* full width pull menu */ .full-width-pull-menu .menu-button {margin:0} .show-menu .full-width-pull-menu .menu-wrap {opacity: 1; display: block; top: 0; } .show-menu .navbar-header { display: block; } .full-width-pull-menu .menu-wrap {width: 100%; opacity: 0; display: none; left: 0; top:-50px; height: 100%; overflow: auto; background: rgba(26,26,26,1)} .full-width-pull-menu .close-button {height: 64px; width: 64px; background: transparent;} .full-width-pull-menu .close-button::before, .full-width-pull-menu .close-button::after {background: #fff;} .full-width-pull-menu .pull-menu .navbar-nav {text-align: left; float: none; padding:0 0 100px 0; margin: 0 auto; width: 480px;} .full-width-pull-menu.navbar .navbar-nav li { border-bottom: 1px solid rgba(255,255,255,.1); padding: 7px 0 9px; position: relative;} .full-width-pull-menu.navbar .navbar-nav li a { font-size: 26px; line-height: 45px; padding: 0; color: #ffffff; font-weight: 700 } .full-width-pull-menu.navbar .navbar-nav li:hover{ background-color: transparent; } .full-width-pull-menu.navbar .navbar-nav li.active{ background-color: transparent; } .full-width-pull-menu.navbar .navbar-nav li.active a{ border-bottom: 0px solid #797979; background-color: transparent; } .full-width-pull-menu.navbar .navbar-nav li a:hover { background-color: transparent;} .full-width-pull-menu.navbar .navbar-nav li a.active { background-color: transparent;} .full-width-pull-menu .navbar-nav .dropdown-menu li ul { margin: 20px;} .full-width-pull-menu .pull-menu .sub-menu { display: none; padding: 20px 0 10px 0;} .full-width-pull-menu .pull-menu .sub-menu li .sub-menu { padding: 10px 0 15px;} .full-width-pull-menu.navbar .navbar-nav li .sub-menu a { font-size: 14px; font-weight: 700; color: #9a9a9a; line-height: 22px;} .full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul a { font-size: 14px; color: #565656; font-weight: 600; line-height: 20px; text-transform: none;} .full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li { margin-bottom:0 !important;} .full-width-pull-menu .pull-menu .sub-menu li { margin-bottom: 10px !important; border: 0; padding: 0;} .full-width-pull-menu.navbar .megamenu-right-icon { display: inline-block !important; float: none !important; height: auto; margin-left: 5px; right: 0; position: absolute !important; top: 20px !important; } .full-width-pull-menu.navbar .megamenu-right-icon .fa { display: block; color: #ffffff; font-size: 20px;} .full-width-pull-menu.navbar .megamenu-right-icon.open > .fa-angle-down:before{content:"\f106"} .full-width-pull-menu .pull-menu .navbar-nav a, .full-width-pull-menu .pull-menu .navbar-nav li a.active, .full-width-pull-menu .pull-menu .navbar-nav li a:hover { border-bottom: 0; display: inline-block} .full-width-pull-menu .dropdown-menu {position:relative; top:0 !important; width: 100% !important;; text-align: center} .full-width-pull-menu .dropdown-menu li a {font-size: 12px; line-height: 30px; font-weight: 400;} .full-width-pull-menu .open .dropdown-menu {display: block; } .full-width-pull-menu .dropdown .collapse { opacity: 0; margin:0 !important} .full-width-pull-menu .dropdown .collapse.in {opacity: 1; margin:0 !important} .full-width-pull-menu .pull-menu-open {display:table; height: 100%; width:100%} .full-width-pull-menu .pull-menu-open-sub {display: table-cell; vertical-align: middle; height: 100%} .full-width-pull-menu .menu-item span::after { content: ""; margin: 0; } .full-width-pull-menu .nav-dark li a.active { border-bottom: none !important; } .full-width-pull-menu.navbar .sub-menu .megamenu-right-icon .fa { font-size: 16px; margin: 0; cursor: pointer; top: 2px !important; right: 0; color: #575757;} .full-width-pull-menu.navbar .sub-menu .megamenu-right-icon { margin-left: 0; padding-left: 5px; padding-right: 5px; top: 4px !important; margin-right: 6px;} .full-width-pull-menu.navbar .sub-menu .megamenu-right-icon.open > .fa-angle-down:before{content:"\f106"} .full-width-pull-menu .sub-menu:hover ul { display: none;} .full-width-pull-menu-dark .navbar-nav li a { color: #000; display: inline-block !important; font-size: 20px; font-weight: 600; letter-spacing: 3px; line-height: 45px; padding: 0;} .full-width-pull-menu-dark .navbar-nav li a:hover, .full-width-pull-menu-dark .pull-menu .navbar-nav li a.active {color: #797979} .full-width-pull-menu-dark .close-button::before, .full-width-pull-menu-dark .close-button::after {background: #000; height: 25%; left: 45%; top: 45%; width: 3px; } .full-width-pull-menu-dark .pull-menu {height: 100%; position: fixed; overflow-y: scroll;} .full-width-pull-menu-dark .pull-menu .navbar-nav {text-align: left;} .full-width-pull-menu-dark .menu-number { color: #bbbbbb; font-size: 14px; font-weight: 400; margin-right: 15px; } .full-width-pull-menu-dark .pull-menu-open-sub {padding-left:100px;} .full-width-pull-menu-dark .btn {margin-right: 10px;} .full-width-pull-menu-dark.sticky-nav .logo-light, .full-width-pull-menu-dark.shrink-nav .logo-dark { height: inherit; } .full-width-pull-menu-dark.transparent-header.shrink-nav { background: #000 } .nav-black.full-width-pull-menu.navbar .navbar-nav li a{ color: #000 } .nav-black.full-width-pull-menu.navbar .navbar-nav li a:hover{ color: #797979 } .nav-black.full-width-pull-menu.navbar .navbar-nav li > a.active, .nav-black.full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor > a, .nav-black.full-width-pull-menu.navbar .navbar-nav li.current-menu-item > a{ color: #797979 } .nav-white.full-width-pull-menu.navbar .navbar-nav li a{ color: #fff } .nav-white.full-width-pull-menu.navbar .navbar-nav li a:hover{ color: #797979 } .nav-white.full-width-pull-menu.navbar .navbar-nav li > a.active, .nav-white.full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor > a, .nav-white.full-width-pull-menu.navbar .navbar-nav li.current-menu-item > a{ color: #797979 } .hamburger-menu3.full-width-pull-menu .menu-button {margin:0} .show-menu .hamburger-menu3.full-width-pull-menu .menu-wrap {opacity: 1; display: block; top: 0; } .hamburger-menu3.full-width-pull-menu .menu-wrap {width: 100%; opacity: 0; display: none; left: 0; top:-50px; height: 100%; overflow: auto; background: rgba(26,26,26,1)} .hamburger-menu3.full-width-pull-menu .close-button {height: 64px; width: 64px; background: transparent;} .hamburger-menu3.full-width-pull-menu .close-button::before, .hamburger-menu3.full-width-pull-menu .close-button::after {background: #fff;} .hamburger-menu3.full-width-pull-menu .pull-menu .navbar-nav {text-align: left; float: none; width: 100%; padding:0 0 100px 0;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li { border-bottom: 0; padding: 0; position: relative;} .hamburger-menu3.full-width-pull-menu .navbar-nav .dropdown-menu li ul { margin: 20px;} .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li .sub-menu { padding: 10px 0 1px;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li { margin-bottom:10px !important;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu a { font-size: 14px; font-weight: 700; color: #000; line-height: 22px;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul li > a { font-size: 14px; color: #000; font-weight: 600; line-height: 20px; text-transform: none;} .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li { margin-bottom: 10px !important; border: 0; padding: 0;} .hamburger-menu3.full-width-pull-menu.navbar .megamenu-right-icon { display: inline-block !important; float: none !important; height: auto; margin-left: 5px; right: 0; position: inherit !important; top: -2px !important; } .hamburger-menu3.full-width-pull-menu.navbar .megamenu-right-icon .fa { display: block; color: #000; font-size: 20px;} .nav-white.hamburger-menu3.full-width-pull-menu.navbar .megamenu-right-icon .fa { display: block; color: #fff; font-size: 20px;} .hamburger-menu3.full-width-pull-menu.navbar .megamenu-right-icon.open > .fa-angle-down:before{content:"\f106"} .hamburger-menu3.full-width-pull-menu.navbar .sub-menu .megamenu-right-icon .fa { color: #000; } .hamburger-menu3.full-width-pull-menu .pull-menu .navbar-nav a, .hamburger-menu3.full-width-pull-menu .pull-menu .navbar-nav li a.active, .hamburger-menu3.full-width-pull-menu .pull-menu .navbar-nav li a:hover { border-bottom: 0; display: inline-block} .hamburger-menu3.full-width-pull-menu .dropdown-menu {position:relative; top:0 !important; width: 100% !important;; text-align: center} .hamburger-menu3.full-width-pull-menu .dropdown-menu li a {font-size: 12px; line-height: 30px; font-weight: 400;} .hamburger-menu3.full-width-pull-menu .navbar-toggle { display:block; margin-right: 15px;} .hamburger-menu3.full-width-pull-menu .open .dropdown-menu {display: block; } .hamburger-menu3.full-width-pull-menu .dropdown .collapse { opacity: 0; margin:0 !important} .hamburger-menu3.full-width-pull-menu .dropdown .collapse.in {opacity: 1; margin:0 !important} .hamburger-menu3.full-width-pull-menu .pull-menu-open {display:table; height: 100%; width:100%} .hamburger-menu3.full-width-pull-menu .pull-menu-open-sub {display: table-cell; vertical-align: middle; height: 100%} .hamburger-menu3.full-width-pull-menu .menu-item span::after { content: ""; margin: 0; } .hamburger-menu3.full-width-pull-menu .nav-dark li a.active { border-bottom: none !important; } .hamburger-menu3.full-width-pull-menu.navbar .sub-menu .megamenu-right-icon .fa { font-size: 16px; position: inherit !important; margin: 0; cursor: pointer; top: 2px !important;} .hamburger-menu3.full-width-pull-menu.navbar .sub-menu .megamenu-right-icon { margin-left: 0; padding-left: 5px; padding-right: 5px;} .hamburger-menu3.full-width-pull-menu.navbar .sub-menu .megamenu-right-icon.open > .fa-angle-down:before{content:"\f106"} .hamburger-menu3.full-width-pull-menu .sub-menu:hover ul { display: none;} .hamburger-menu3.full-width-pull-menu-dark .navbar-nav li a { color: #000; display: inline-block !important; font-size: 20px; font-weight: 600; letter-spacing: 3px; line-height: 45px; padding: 0;} .hamburger-menu3.full-width-pull-menu-dark .navbar-nav li a:hover, .hamburger-menu3.full-width-pull-menu-dark .pull-menu .navbar-nav li a.active, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul a:hover, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li .sub-menu li ul a.active {color: #797979 } .hamburger-menu3.full-width-pull-menu-dark .close-button::before, .hamburger-menu3.full-width-pull-menu-dark .close-button::after {background: #000; height: 25%; left: 45%; top: 45%; width: 3px; } .hamburger-menu3.full-width-pull-menu-dark .pull-menu {height: 100%; position: fixed; overflow-y: scroll; width: 50%;} .hamburger-menu3.full-width-pull-menu-dark .pull-menu .navbar-nav {text-align: left;} .hamburger-menu3.full-width-pull-menu-dark .menu-number { color: #bbbbbb; font-size: 14px; font-weight: 400; margin-right: 15px; } .hamburger-menu3.full-width-pull-menu-dark .pull-menu-open-sub {padding-left:100px;} .hamburger-menu3.full-width-pull-menu-dark .btn {margin-right: 10px;} .hamburger-menu3.full-width-pull-menu-dark.sticky-nav .logo-light, .hamburger-menu3.full-width-pull-menu-dark.shrink-nav .logo-dark { height: inherit; } .hamburger-menu3.full-width-pull-menu-dark.transparent-header.shrink-nav { background: #000 } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a { color: #000; height: auto; display: inline-block !important; font-size: 20px; font-weight: 600; letter-spacing: 3px; line-height: 45px; padding: 0;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a:hover { color: #797979; } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.active, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor a, .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-item a{ color: #797979 } .nav-black.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a{ color: #000 } .nav-black.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a:hover{ color: #797979 } .nav-black.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li > a.active, .nav-black.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor > a, .nav-black.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-item > a{ color: #797979 } .nav-white.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a{ color: #fff } .nav-white.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a:hover{ color: #000 } .nav-white.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.active, .nav-white.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor a, .nav-white.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-item a{ color: #000 } .nav-white.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor a.megamenu-right-icon .fa, .nav-white.hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li.current-menu-item a.megamenu-right-icon .fa{ color: #000 } .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon { top: 0 !important;} .hamburger-menu3.full-width-pull-menu.navbar .navbar-nav li a.megamenu-right-icon .fa { font-size: 20px; margin: 0 !important;} .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu li a { line-height: 22px; font-size: 14px;} .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu { padding: 10px 0 5px 32px; } .hamburger-menu3.full-width-pull-menu .pull-menu .megamenu-right-icon { margin-left: 2px;} .hamburger-menu3.full-width-pull-menu .pull-menu .sub-menu .megamenu-right-icon { padding: 0 6px; margin: 0;} header .hamburger-menu3.sticky-nav { position: fixed;} header .hamburger-menu2.sticky-nav { position: fixed;} .hamburger-menu1.pull-menu .navbar-nav li a { color: #a5a5a5; } .hamburger-menu1.pull-menu .navbar-nav li a:hover { color: #fff; } .hamburger-menu1.pull-menu .navbar-nav li.current-menu-ancestor > a, .hamburger-menu1.pull-menu .navbar-nav li.current-menu-item > a, .hamburger-menu1.pull-menu .navbar-nav li > a.active { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } .nav-black.hamburger-menu1.pull-menu .navbar-nav li a { color: #000; } .nav-black.hamburger-menu1.pull-menu .navbar-nav li a:hover { color: #a5a5a5; } .nav-black.hamburger-menu1.pull-menu .navbar-nav li.current-menu-ancestor > a, .nav-black.hamburger-menu1.pull-menu .navbar-nav li.current-menu-item > a, .nav-black.hamburger-menu1.pull-menu .navbar-nav li > a.active { color: #a5a5a5; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav li a { color: #fff; } .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav li a:hover { color: #fff; } .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li:hover, .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li.current-menu-ancestor, .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li.current-menu-item, .hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li.active { border-bottom: 1px solid rgba(255,255,255,0.1); } .hamburger-menu2 .pull-menu .btn {margin:0 7px;} .menu-icon-option-2 a .fa { background-color: transparent !important} .menu-icon-option-2 a:hover .fa { color: #868686} .nav-black.hamburger-menu2.full-width-pull-menu.navbar .navbar-nav li a { color: #000; } .nav-black.hamburger-menu2.full-width-pull-menu.navbar .navbar-nav li a:hover { color: #797979; } .nav-black.hamburger-menu2.full-width-pull-menu.navbar .navbar-nav li.current-menu-ancestor > a, .nav-black.hamburger-menu2.pull-menu.navbar .navbar-nav li.current-menu-item > a, .nav-black.hamburger-menu2.pull-menu.navbar .navbar-nav li > a.active { color: #797979; } .nav-black.hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li:hover, .nav-black.hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li.current-menu-ancestor, .nav-black.hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li.current-menu-item, .nav-black.hamburger-menu2.full-width-pull-menu.navbar .navbar-nav > li.active { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .nav-black.hamburger-menu2.full-width-pull-menu.navbar .megamenu-right-icon .fa { color: #000; } .nav-black.hamburger-menu2.full-width-pull-menu.navbar .sub-menu .megamenu-right-icon .fa { color: #575757; } /* header center logo */ .header-center-logo .center-logo { position: absolute; text-align: center; left: 50%; transform:translateX(-50%); z-index: 1} .header-center-logo ul.navbar-left li:last-child { margin-right: 0;} .header-center-logo .mega-menu-full { left: 15px; } .header-center-logo .navbar-left > ul { float: right !important; padding-right: 10px; position: relative; top: 2px; } .header-center-logo .navbar-right > ul { margin-right: 0 !important; float: left !important; padding-left: 10px; position: relative; top: 2px;} .header-center-logo .navbar-right > ul li:first-child { margin-left: 0;} .header-center-logo .accordion-menu > .navbar-left { width: 52%;} .header-center-logo .accordion-menu > .navbar-right { width: 37.2%; margin-right: -60px;} .header-center-logo .nav > li { margin: 10px 15px; } /* center logo full width */ .center-logo-full-width { width: 100%;} .center-logo-full-width.accordion-menu > .navbar-left { width: 43%; } .center-logo-full-width.accordion-menu > .navbar-right { width: 41.2%; } .center-logo-full-width.menu-position-right .navbar-nav > li:last-child { margin-right: 15px;} .center-logo-full-width.accordion-menu > .navbar-right { margin-right: 0; } /* onepage agency option 2 */ .short-history .fill {top: 0;} .slider-home ol.carousel-indicators {display: none;} .sub-headline {color: #fff; font-size: 17px; text-align: center; font-weight: 600; background-color: #191919; padding: 30px 35px; width: 330px; bottom:4px; position: absolute; left: -245px; letter-spacing: 0.30px; margin: 0 auto;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);} .sub-headline p { margin: 0;} .our-services ul {margin: 0; padding: 0 0 0 40px; list-style-type: none;} .our-services ul li {padding-left: 90px;} .our-services ul li .number {position: absolute; left: 0; font-size: 45px; top: 10px;} .box-min-height {min-height: 750px;} .our-process {clear: both;} .heading-style-ten {display: inline-block; min-height: 85px; margin-bottom: 20px; width: 100%;} .heading-style-ten .icon-image {display: inline-block; vertical-align: middle; margin-right: 20px;} .our-process .icon .title {line-height: 23px !important;} .our-process .underline-bg {background-color: #ef824c; position: absolute; left: 0;} .our-team-agency-social div {float: left} .our-team-agency-social {cursor: auto} .our-team-agency-social div span {font-size: 20px; color: #ef824c; margin: 0 15px; vertical-align: bottom;} .our-team-agency-social a i { color: #191919;} .bottom-arrow-pagination .owl-pagination {display: none;} .bottom-arrow-pagination .owl-controls .owl-prev {display: block;} .bottom-arrow-pagination .owl-controls .owl-next {display: block;} .bottom-arrow-pagination .owl-buttons { bottom: 56px; position: absolute; width: 100%;} .bottom-arrow-pagination .owl-prev, .bottom-arrow-pagination .owl-next {position: inherit; top: inherit; float: left; margin: 0; width: 56px; height: 56px; background-color: #2a2a2a; padding-top: 16px; text-align: center;} .bottom-arrow-pagination .owl-buttons .owl-prev {left: 50%; margin-left: -56px;} .bottom-arrow-pagination .owl-buttons .owl-next {right: 50%; margin-right: -56px;} .bottom-arrow-pagination .owl-buttons .owl-prev::before, .bottom-arrow-pagination .owl-buttons .owl-next::before {position: inherit; background-color: inherit; box-shadow:none;} .bottom-arrow-pagination .owl-buttons .owl-prev .fa, .bottom-arrow-pagination .owl-buttons .owl-next .fa {color: #fff; vertical-align: middle; display:table; margin: 0 auto; top: 0;} .bottom-arrow-pagination .owl-buttons .owl-prev:hover, .bottom-arrow-pagination .owl-buttons .owl-next:hover {background-color: #ffffff;} .bottom-arrow-pagination .owl-buttons .owl-prev:hover .fa, .bottom-arrow-pagination .owl-buttons .owl-next:hover .fa {color: #2a2a2a} .latest-blogs .blog-image {position: relative;} .latest-blogs .blog-image:hover .blog-content {opacity: 1;} .latest-blogs .blog-content {position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; background-color: rgba(42, 42, 42, 0.9); color: #fff; padding:10px 40px; z-index: 2} .latest-blogs .post-author {color: #c1c1c1; font-size: 11px; text-transform: uppercase; margin-bottom: 20px; display: inline-block;} .latest-blogs .post-author a { color: #c1c1c1;} .latest-blogs .post-title {color: #fff; font-size: 25px; text-transform: none; font-weight: 700; margin: 0 0 25px; line-height: 30px; letter-spacing: 1px} .latest-blogs .blog-listing p {font-size: 14px; font-weight: 300; color: #c1c1c1; margin: 0 0 25px; line-height: 22px;} .latest-blogs .like-share i {margin-right:6px;} .agency-contact-form { padding: 60px 40px } .latest-blogs .like-share a {color:#c1c1c1; letter-spacing: 0.55px; font-size: 11px; margin-right:15px } .btn-underline {font-size: 20px; letter-spacing: 0.55px; position: relative;} .btn-underline .underline-bg {background-color: #ef824c; left: 0; position: absolute; top: 12px; margin: 0;} .latest-blogs .like-share .fa {color: #ef824c;} .map-contact {padding: 10% 10% 0 10%; min-height:440px;} .map-contact ul { list-style: none; padding: 0 } .map-contact ul li {font-size: 14px; font-weight: 400; color: #fff; margin-bottom:30px; padding: 0 0 0 40px; text-transform: uppercase; position: relative;} .map-contact ul li a { color: #fff;} .map-contact ul li .fa { position: absolute; left: 0; top: 5px; font-size: 21px; color: #fff;} .agency2-onepage {font-size: 14px; font-weight: 400; color: #fff; margin-bottom:30px; padding: 0 0 0 40px; text-transform: uppercase; position: relative;} .agency2-onepage:last-child { margin-bottom: 0;} .agency2-onepage p { margin-bottom: 0;} .agency2-onepage a { color: #fff;} .agency2-onepage .fa { position: absolute; left: 0; top: 5px; font-size: 21px; color: #fff;} .slider-typography.hcode-content-middle { position: inherit; } .full-screen .slider-typography.hcode-content-middle { position: absolute; } /* about us option 2 */ .specialise-box { min-height: 410px;} /* lightbox popup */ .hcode-custom-lightbox-title img.mfp-img { padding: 70px 0;} .hcode-custom-lightbox-title .mfp-bottom-bar { padding-bottom: 0; margin-top: -55px; } /* template VC */ .compose-mode .vc_controls-column > div > .vc_active.element-vc_column .vc_advanced, .compose-mode .vc_controls-column > div > .vc_active.element-vc_column_inner .vc_advanced, .compose-mode .vc_controls-container > div > .vc_active.element-vc_column .vc_advanced, .compose-mode .vc_controls-container > div > .vc_active.element-vc_column_inner .vc_advanced, .compose-mode .vc_controls-row > div > .vc_active.element-vc_column .vc_advanced, .compose-mode .vc_controls-row > div > .vc_active.element-vc_column_inner .vc_advanced { width: 120px !important;} /* group table */ .cart .group_table td .buttons_added { margin-bottom: 0;} .cart .group_table td label { margin: 0 5px 0 0;} .cart .group_table td input[type="checkbox"] { margin-top: 0;} .group_single_button_wrap{ clear: both; margin: 15px 0 25px; padding: 0; width: 100%; } /* vc front editor */ .vc_empty-placeholder { margin-bottom: 0 !important; } /*.compose-mode .vc_element .vc_element-container, .view-mode .vc_element .vc_element-container, .compose-mode .vc_empty-shortcode-element, .compose-mode .vc_templatera, .compose-mode .vc_vc_column_text, .compose-mode .vc_vc_widget_sidebar { min-height: 1px !important; }*/ .compose-mode .hcode-min-height-0px, .compose-mode .vc_hcode_popular_dishes_content, .compose-mode .vc_hcode_photography_grid_content, .compose-mode .vc_hcode_photography_services_content { min-height: 0px !important; } .compose-mode .vc_vc_row_inner{ padding-top: 0px !important; } .vc_editor .remove-position-relative .vc_element, .vc_editor .remove-position-relative-style2 { position: initial !important;} body.vc_editor { background-color: transparent; } .compose-mode .vc_element.item, .view-mode .vc_element.item { display: none !important; } .compose-mode .vc_element.item.active, .view-mode .vc_element.item.active { display: block !important; } .vc_editor.compose-mode .vc_element.vc_hcode_coming_soon { width: 100%;} .compose-mode .vc_control-btn .vc-composer-icon { margin: 0;} body.vc_editor .row-equal-height .row, body.vc_editor .row-equal-height .row>.hcode-column-container { display: inherit; } body.vc_editor .row-equal-height .row { box-sizing: inherit; display: inherit; -webkit-flex-wrap: inherit; -ms-flex-wrap: inherit; flex-wrap: inherit } body.vc_editor .row-equal-height .row>.hcode-column-container { display: inherit } body.vc_editor .row-equal-height .row>.hcode-column-container>.vc-column-innner-wrapper { display: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit } body.vc_editor .row-equal-height .row>.hcode-column-container>.vc-column-innner-wrapper { -webkit-box-flex: inherit;-webkit-flex-grow: inherit;-ms-flex-positive: inherit;flex-grow: inherit;display: inherit;-webkit-flex-direction: inherit;-ms-flex-direction: inherit;flex-direction: inherit} body.vc_editor .row-content-middle .hcode-column-container>.vc-column-innner-wrapper {-webkit-box-pack: inherit;-webkit-justify-content: inherit;-ms-flex-pack: inherit;justify-content: inherit} body.vc_editor .row-equal-height .hcode-column-container {-webkit-box-align: inherit;-webkit-align-items: inherit;-ms-flex-align: inherit;align-items: inherit} body.vc_editor .row-content-top { -webkit-align-content: flex-start; -ms-flex-line-pack: inherit; align-content: inherit } body.vc_editor .row-content-top .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack:inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit } body.vc_editor .row-content-bottom { -webkit-align-content: inherit; -ms-flex-line-pack: inherit; align-content: inherit } body.vc_editor .row-content-bottom .hcode-column-container>.vc-column-innner-wrapper { -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit } body.vc_editor .vc-equal-col-height{ min-height: 440px; } body.vc_editor .vc-equal-col-height > div > div:first-child > .agency2-onepage { margin-top: 10%; } body.vc_editor .video-wrapper.fit-videos.z-index-0 { position: inherit; } body.vc_editor .front-column-class.vc_vc_column, .vc_vc_column_inner { padding-left: 15px; padding-right: 15px; } /* wc smart coupons css */ .gift-certificate { margin: 30px 0; padding: 2% 2% 1% 2%;} .gift-certificate-show-form { margin-bottom: 20px; } .gift-certificate > h3 { margin-bottom: 15px; } .gift-certificate ul { margin: 5px 0 0;} .gift-certificate ul li input[type="radio"] { margin: 3px 5px 0 0; } .gift-certificate ul li ul { margin: 0 0 0;} .gift-certificate ul li ul li input[type="radio"] { float: none; margin: 3px 3px 0 0; position: relative; top: 2px;} .gift-certificate ul li ul li label { margin-right: 15px;} .app-launching-content-block a.btn {display: table} .home-app-newsletter-block .form-control {border: 1px solid #000000; width: 70%; font-size: 11px; font-weight: 600; letter-spacing: 0.5px; height: 37px; float: left; margin: 0;} .home-app-newsletter-block .btn {float: left; width: 30%; padding: 5px 14px !important; border-radius: 0;} .home-app-newsletter-block .btn:hover { background-color: #000; color: #fff;} .mfp-iframe-holder .mfp-close {border-radius: 0;} .page-content-links { list-style: none; padding: 0; margin: 0; } .page-top-link { text-decoration: underline; margin: 0 0 7px 0; color: #000000; text-transform: uppercase} .page-content-links ul { list-style: none; margin: 0; padding: 0 0 10px 0; } .page-content-links > li { float: left; width: 25%;} .page-content-links ul li { margin-bottom: 5px;} .page-content-links ul li .fa { margin: 0 8px 0 0;} /*** non sticky header ***/ .non-sticky-header{ position: absolute !important;} .non-sticky-header.shrink-nav{ position: absolute !important; background: none !important; transition: none !important} .non-sticky-header.shrink-nav .container { height: inherit;} /*** Custom CSS Code ***/ .homepage-banner-title { font-family: 'BebasNeueRegular' !important; font-size: 85px; line-height: 1; font-weight: 700; text-align: center; padding-top: 70px; } .homepage-about-title { font-family: 'BebasNeueRegular' !important; font-size: 85px; line-height: 1; font-weight: 700; padding-top: 70px; color: #ebc380; } .homepage-blog-title { font-family: 'BebasNeueRegular' !important; font-size: 60px; line-height: 1; font-weight: 700; padding-top: 50px; } .homepage-banner-sub { text-align: center; font-family: 'PlayfairDisplay-Regular' !important; font-size: 36px; font-weight: 400; letter-spacing: 7px; padding-top: 35px; } .home-page-bg { margin: 0 auto; max-width: 1140px; } #footer_sitemap_widget { text-align: center; } #home-banner { background-position: top right !important; } #about-nalisha { background-position: top left !important; } .share-links { overflow: hidden; } .share-links .sharethis-icon { display: block; float: right; margin: 0 !important; } .share-links .sharethis-icon li { display: inline-block; padding: 0 4px; color: #ebc380; font-size: 18px; font-weight: 100; font-family: Ubuntu; } .share-links .readmore { background: #ebc380 none repeat scroll 0 0; border-radius: 2px; color: #232323; display: block; float: left; font-size: 18px; padding: 9px 0; text-align: center; text-decoration: none; text-transform: uppercase; width: 168px; } .share-links .sharethis-icon li a:hover { background: #000; } .share-links .sharethis-icon li a { border: 1px solid #ebc380; border-radius: 50%; color: #ebc380; display: block; height: 43px; line-height: 2.3; text-align: center; width: 43px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } @media (max-width: 767px) { /* Custom Codes For Mobile Device */ #home-banner {background-position: top left !important;} #about-nalisha {background-position: top right !important;} .vc_custom_1532512575822 {margin-top: -30px !important;} } /*** Opt-In Style Code ***/ #_form_73_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; } #_form_73_ * { outline:0; } ._form_hide { display:none; visibility:hidden; } ._form_show { display:block; visibility:visible; } #_form_73_._form-top { top:0; } #_form_73_._form-bottom { bottom:0; } #_form_73_._form-left { left:0; } #_form_73_._form-right { right:0; } #_form_73_ input[type="text"],#_form_73_ input[type="date"],#_form_73_ textarea { line-height: 34px; height:auto; border:#979797 1px solid; border-radius:4px; color:#000 !important; font-size:16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #_form_73_ textarea { resize:none; } #_form_73_ ._submit { -webkit-appearance: none; cursor: pointer; font-size: 20px !important; text-align: center; background: #ff6600 !important; border: 0 !important; -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; color: #fff !important; padding: 10px !important; width: 100%; font-weight: bold; text-transform: uppercase; font-family: Ubuntu; margin-bottom: 20px; } #_form_73_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; } #_form_73_ ._close-icon:before { position:relative; } #_form_73_ ._form-body { margin-bottom:30px; } #_form_73_ ._form-image-left { width:150px; float:left; } #_form_73_ ._form-content-right { margin-left:164px; } #_form_73_ ._form-branding { color:#fff; font-size:10px; clear:both; text-align:left; margin-top:30px; font-weight:100; } #_form_73_ ._form-branding ._logo { display:block; width:130px; height:14px; margin-top:6px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size:130px auto; background-repeat:no-repeat; } #_form_73_ ._form-label,#_form_73_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; } #_form_73_._dark ._form-branding { color:#333; } #_form_73_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); } #_form_73_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; } #_form_73_ ._form_element * { font-size:14px; } #_form_73_ ._form_element._clear { clear:both; width:100%; float:none; } #_form_73_ ._form_element._clear:after { clear:left; } #_form_73_ ._form_element input[type="text"],#_form_73_ ._form_element input[type="date"],#_form_73_ ._form_element select,#_form_73_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin: 0;} #_form_73_ ._field-wrapper { position: relative; width: 36%; float: left; margin: 0 20px 40px 0 } #_form_73_ ._submitbutton-wrapper { width: 24%; float: left; } #_form_73_ ._inline-style { float:left; } #_form_73_ ._inline-style input[type="text"] { width:150px; } #_form_73_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; } #_form_73_ ._form_element img._form-image { max-width:100%; } #_form_73_ ._clear-element { clear:left; } #_form_73_ ._full_width { width:100%; } #_form_73_ ._form_full_field { display:block; width:100%; margin-bottom:10px; } #_form_73_ input[type="text"]._has_error,#_form_73_ textarea._has_error { border:#f37c7b 1px solid; } #_form_73_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; } #_form_73_ ._error { display:block; position:absolute; font-size:13px; z-index:10000001; } #_form_73_ ._error._above { padding-bottom:4px; top:-41px; right:0; } #_form_73_ ._error._below { padding-top:4px; top:100%; right:0; } #_form_73_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; } #_form_73_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; } #_form_73_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:13px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #_form_73_ ._error-inner._form_error { margin-bottom:5px; text-align:left; } #_form_73_ ._button-wrapper ._error-inner._form_error { position:static; } #_form_73_ ._error-inner._no_arrow { margin-bottom:10px; } #_form_73_ ._error-arrow { position:absolute; width:0; height:0; } #_form_73_ ._error-html { margin-bottom:10px; } .pika-single { z-index:10000001 !important; } @media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; } #_form_73_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; } #_form_73_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; width: 100% !important; } #_form_73_ ._field-wrapper { position: relative; float: left; margin: 0 20px 15px 0; } #_form_73_ ._form-content { margin:0; width:100%; } #_form_73_ ._form-inner { display:block; min-width:100%; } #_form_73_ ._form-title,#_form_73_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; } #_form_73_ ._form-title { font-size:1.2em; } #_form_73_ ._form_element { margin:0 0 20px; padding:0; width:100%; } #_form_73_ ._form-element,#_form_73_ ._inline-style,#_form_73_ input[type="text"],#_form_73_ label,#_form_73_ p,#_form_73_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; } #_form_73_ ._row._checkbox-radio label { display:inline; } #_form_73_ ._row,#_form_73_ p,#_form_73_ label { margin-bottom:0.7em; width:100%; } #_form_73_ ._row input[type="checkbox"],#_form_73_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; } #_form_73_ ._row input[type="checkbox"] + span label { display:inline; } #_form_73_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; } #_form_73_ ._form-image { max-width:100%; height:auto !important; } #_form_73_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; } #_form_73_ input[type="radio"],#_form_73_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; } #_form_73_ button[type="submit"] { padding:20px; font-size:1.5em; } #_form_73_ ._inline-style { margin:20px 0 0 !important; } } #_form_73_ { position: relative; text-align: left; /* margin: 25px auto 0; */ /* padding: 20px; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* background: #fff !important; */ border: 0px solid #b0b0b0 !important; /* width: 500px; */ -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; color: #000 !important;#_form_73_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; } #_form_73_:before,#_form_73_:after { content:" "; display:table; } #_form_73_:after { clear:both; } #_form_73_._inline-style { width:auto; display:inline-block; } #_form_73_._inline-style input[type="text"],#_form_73_._inline-style input[type="date"] { padding:10px 12px; } #_form_73_._inline-style button._inline-style { position:relative; top:27px; } #_form_73_._inline-style p { margin:0; } #_form_73_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; } #_form_73_ ._form-thank-you { font-size: 18px;color: #fff;font-family: georgia !important;font-weight: 700; } @media all and (min-width:320px) and (max-width:667px) { #_form_73_._inline-form._inline-style ._inline-style._button-wrapper { margin-top:20px !important; margin-left:0 !important; } } #_form_71_ { font-size:14px; line-height:1.6; font-family:arial, helvetica, sans-serif; margin:0; } #_form_71_ * { outline:0; } ._form_hide { display:none; visibility:hidden; } ._form_show { display:block; visibility:visible; } #_form_71_._form-top { top:0; } #_form_71_._form-bottom { bottom:0; } #_form_71_._form-left { left:0; } #_form_71_._form-right { right:0; } #_form_71_ input[type="text"],#_form_71_ input[type="date"],#_form_71_ textarea { padding:6px; height:auto; border:#979797 1px solid; border-radius:4px; color:#000 !important; font-size:13px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #_form_71_ textarea { resize:none; } #_form_71_ ._submit { -webkit-appearance:none; cursor:pointer; font-family:arial, sans-serif; font-size:14px; text-align:center; background:#333 !important; border:0 !important; -moz-border-radius:4px !important; -webkit-border-radius:4px !important; border-radius:4px !important; color:#fff !important; padding:10px !important; } #_form_71_ ._close-icon { cursor:pointer; background-image:url('https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png'); background-repeat:no-repeat; background-size:14.2px 14.2px; position:absolute; display:block; top:11px; right:9px; overflow:hidden; width:16.2px; height:16.2px; } #_form_71_ ._close-icon:before { position:relative; } #_form_71_ ._form-body { margin-bottom:30px; } #_form_71_ ._form-image-left { width:150px; float:left; } #_form_71_ ._form-content-right { margin-left:164px; } #_form_71_ ._form-branding { color:#fff; font-size:10px; clear:both; text-align:left; margin-top:30px; font-weight:100; } #_form_71_ ._form-branding ._logo { display:block; width:130px; height:14px; margin-top:6px; background-image:url('https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png'); background-size:130px auto; background-repeat:no-repeat; } #_form_71_ ._form-label,#_form_71_ ._form_element ._form-label { font-weight:bold; margin-bottom:5px; display:block; } #_form_71_._dark ._form-branding { color:#333; } #_form_71_._dark ._form-branding ._logo { background-image:url('https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png'); } #_form_71_ ._form_element { position:relative; margin-bottom:10px; font-size:0; max-width:100%; } #_form_71_ ._form_element * { font-size:14px; } #_form_71_ ._form_element._clear { clear:both; width:100%; float:none; } #_form_71_ ._form_element._clear:after { clear:left; } #_form_71_ ._form_element input[type="text"],#_form_71_ ._form_element input[type="date"],#_form_71_ ._form_element select,#_form_71_ ._form_element textarea:not(.g-recaptcha-response) { display:block; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #_form_71_ ._field-wrapper { position:relative; } #_form_71_ ._inline-style { float:left; } #_form_71_ ._inline-style input[type="text"] { width:150px; } #_form_71_ ._inline-style:not(._clear) + ._inline-style:not(._clear) { margin-left:20px; } #_form_71_ ._form_element img._form-image { max-width:100%; } #_form_71_ ._clear-element { clear:left; } #_form_71_ ._full_width { width:100%; } #_form_71_ ._form_full_field { display:block; width:100%; margin-bottom:10px; } #_form_71_ input[type="text"]._has_error,#_form_71_ textarea._has_error { border:#f37c7b 1px solid; } #_form_71_ input[type="checkbox"]._has_error { outline:#f37c7b 1px solid; } #_form_71_ ._error { display:block; position:absolute; font-size:13px; z-index:10000001; } #_form_71_ ._error._above { padding-bottom:4px; top:-41px; right:0; } #_form_71_ ._error._below { padding-top:4px; top:100%; right:0; } #_form_71_ ._error._above ._error-arrow { bottom:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #f37c7b; } #_form_71_ ._error._below ._error-arrow { top:0; right:15px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #f37c7b; } #_form_71_ ._error-inner { padding:8px 12px; background-color:#f37c7b; font-size:13px; font-family:arial, sans-serif; color:#fff; text-align:center; text-decoration:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #_form_71_ ._error-inner._form_error { margin-bottom:5px; text-align:left; } #_form_71_ ._button-wrapper ._error-inner._form_error { position:static; } #_form_71_ ._error-inner._no_arrow { margin-bottom:10px; } #_form_71_ ._error-arrow { position:absolute; width:0; height:0; } #_form_71_ ._error-html { margin-bottom:10px; } .pika-single { z-index:10000001 !important; } @media all and (min-width:320px) and (max-width:667px) { ::-webkit-scrollbar { display:none; } #_form_71_ { margin:0; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; } #_form_71_ * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:1em; } #_form_71_ ._form-content { margin:0; width:100%; } #_form_71_ ._form-inner { display:block; min-width:100%; } #_form_71_ ._form-title,#_form_71_ ._inline-style { margin-top:0; margin-right:0; margin-left:0; } #_form_71_ ._form-title { font-size:1.2em; } #_form_71_ ._form_element { margin:0 0 20px; padding:0; width:100%; } #_form_71_ ._form-element,#_form_71_ ._inline-style,#_form_71_ input[type="text"],#_form_71_ label,#_form_71_ p,#_form_71_ textarea:not(.g-recaptcha-response) { float:none; display:block; width:100%; } #_form_71_ ._row._checkbox-radio label { display:inline; } #_form_71_ ._row,#_form_71_ p,#_form_71_ label { margin-bottom:0.7em; width:100%; } #_form_71_ ._row input[type="checkbox"],#_form_71_ ._row input[type="radio"] { margin:0 !important; vertical-align:middle !important; } #_form_71_ ._row input[type="checkbox"] + span label { display:inline; } #_form_71_ ._row span label { margin:0 !important; width:initial !important; vertical-align:middle !important; } #_form_71_ ._form-image { max-width:100%; height:auto !important; } #_form_71_ input[type="text"] { padding-left:10px; padding-right:10px; font-size:16px; line-height:1.3em; -webkit-appearance:none; } #_form_71_ input[type="radio"],#_form_71_ input[type="checkbox"] { display:inline-block; width:1.3em; height:1.3em; font-size:1em; margin:0 0.3em 0 0; vertical-align:baseline; } #_form_71_ button[type="submit"] { padding:20px; font-size:1.5em; } #_form_71_ ._inline-style { margin:20px 0 0 !important; } } #_form_71_ { position:relative; text-align:left; margin:25px auto 0; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; *zoom:1; background:#fff !important; border:0px solid #b0b0b0 !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; color:#000 !important; } #_form_71_ ._form-title { font-size:22px; line-height:22px; font-weight:600; margin-bottom:0; } #_form_71_:before,#_form_71_:after { content:" "; display:table; } #_form_71_:after { clear:both; } #_form_71_._inline-style { width:auto; display:inline-block; } #_form_71_._inline-style input[type="text"],#_form_71_._inline-style input[type="date"] { padding:10px 12px; } #_form_71_._inline-style button._inline-style { position:relative; top:27px; } #_form_71_._inline-style p { margin:0; } #_form_71_._inline-style ._button-wrapper { position:relative; margin:27px 12.5px 0 20px; } #_form_71_ ._form-thank-you { position:relative; left:0; right:0; text-align:center; font-size:18px; } @media all and (min-width:320px) and (max-width:667px) { #_form_71_._inline-form._inline-style ._inline-style._button-wrapper { margin-top:20px !important; margin-left:0 !important; } }