/* Theme Name: acmeonlinebooks.com Theme URI: https://themehunk.com/product/featured-lite-business-wordpress-theme/ Author: ThemeHunk Author URI: www.themehunk.com Description: Featured lite theme is specially designed for corporate/business websites. Theme is user friendly and its instant set up process help you to create professional website for Business (Agency, Interior, Florist, Transport, Construction etc), Shop / eCommerce, Personal, Blog, Photography. This responsive theme comes with live customizer, Full body background slider and background image option, Translation ready, Header layouts (Default, Center and Split), Widget based home page sections with unlimited items capability, Unlimited color option, Advance Section styling, Professionally designed sections (Ribbon, Services, About Us, Call to action, Team, Shop (WooCommerce), Testimonial, Latest News, Contact Us (With call to, Mail to, Address and Map). Theme contain seven widget area (Four for footer, Two for sidebar (default pages) and one for shop page). Theme is compatible with WooCommerce, bbPress, Lead form builder, Contactform7 and with many other WP plugin. Version: 1.0.9 License: GNU General Public License v3 or later License URI: license.txt Tags:right-sidebar, custom-menu, custom-logo, editor-style, featured-images, translation-ready, flexible-header, theme-options, education Text Domain: featuredlite */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ @font-face { font-family: 'OpenSans-Regular'; src: url('fonts/OpenSans-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Bold'; src: url('fonts/OpenSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } a { font-family: 'OpenSans-Regular', sans-serif; color: #454545; text-decoration: none!important; } p { font-family: OpenSans-Regular, sans-serif; color: #454545; font-size: 14px; line-height: 24px; letter-spacing: .2px; } h1, h2, h3, h4, h5, h6 { font-family: 'OpenSans-Bold', sans-serif; color: #666666; line-height: 21px; letter-spacing: 0.8px; } .wp-caption, .gallery-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .alignnone { margin: 5px 20px 20px 0; } /** Gallery Style **/ .gallery img { box-shadow: 0px 0px 4px #999; border: 1px solid white; padding: 8px; background: #f2f2f2; } .gallery img:hover { background: white; } .gallery-columns-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .gallery-columns-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .gallery-columns-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .gallery-columns-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .gallery-columns-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } .gallery-columns-7 { -webkit-column-count: 7; -moz-column-count: 7; column-count: 7; } .gallery-columns-8 { -webkit-column-count: 8; -moz-column-count: 8; column-count: 8; } .gallery-columns-9 { -webkit-column-count: 9; -moz-column-count: 9; column-count: 9; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0 0 0.5em; } h1 { font-size: 24px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } :focus { outline: none; } input[type="submit"] { cursor: pointer; } ol { list-style: decimal; } ul li{ list-style-type: none; } ul { list-style: disc; } td, th { border: none; padding: 3px; } th { background: #cccccc; } img { max-width: 100%; height: auto; } body { font-family: 'OpenSans-Regular', sans-serif; color: #454545; background: #fff; font-size: 14px; margin: 0px; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select { border: 1px solid #eee; color: #5a5d5a; padding: 9px 10px; width: 100%; box-sizing: border-box; height: 38px; } .clearfix:after, .clearfix:before, .container:after, .container:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before { display: table; content: " " } .clearfix:after, .container:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after { clear: both } html { font-family: 'OpenSans-Regular', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } a, a:hover, #commentform #commentSubmit, #commentform #commentSubmit:hover { transition: all 0.25s linear; } /*blockquote STYLE*/ .page-description blockquote, .post-content blockquote{ display:block; background: #fff; padding: 15px 20px 15px 45px; margin: 0 0 20px; position: relative; /*Font*/ font-family: Georgia, serif; font-size: 16px; line-height: 1.2; color: #666; text-align: justify; /*Borders - (Optional)*/ border-left: 5px solid #ffb901; border-right: 1.5px solid #ffb901; /*Box Shadow - (Optional)*/ -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 1px #ccc; box-shadow: 0px 0px 5px #ccc; } .page-description blockquote::before, .post-content blockquote::before{ content: "\201C"; /*Unicode for Left Double Quote*/ /*Font*/ font-size: 40px; font-weight: bold; color: #999; /*Positioning*/ position: absolute; left: 10px; top:5px; } .page-description blockquote::after, .post-content blockquote::after{ /*Reset to make sure*/ content: ""; } .page-description blockquote a, .post-content blockquote a{ text-decoration: none; background: #eee; cursor: pointer; padding: 0 3px; color: #c76c0c; } .page-description blockquote a:hover, .post-content blockquote a:hover{ color: #666; } .page-description blockquote em, .post-content blockquote em{ font-style: italic; } .page-description a { font-weight: 700; color: #f2b30e; } /*pre tage style*/ pre { background: #f5f5f5; font-size: 16px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } /*blockquote STYLE*/ /*page under link color*/ .page-description a, .post-content a{ color: #ffb901; } /*page under link color*/ input.search-submit { border: none; background: #16a085; color: #fff; padding: 15px; position: relative; bottom: 1px; border-radius: 4px; text-transform: capitalize; letter-spacing: 1px; transition: all 0.25s linear; } input.search-submit:hover{ opacity: 0.7; } .logged-in.admin-bar .header-wrapper { margin-top: 32px; } /*Background slider css start*/ .fadein-slider { width:100%; height:100%; position: fixed; top: 0; left: 0; } .fadein-slider .slide-item { position:absolute; width: 100%; height: 100%; left:0; top:0; background-size: cover; } /*Background slider css start*/ .button-one .main-button button{ background: #ff7f66; padding: 15px 25px; font-size: 17px; text-shadow: none; color: #fff; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; margin: 0; border: none; -webkit-box-shadow: 0px 3px 0px #cb6956; box-shadow: 0px 3px 0px #cb6956; font-weight: bold; line-height: normal; text-decoration: none; cursor: pointer; letter-spacing:1px; } .button-one .main-button button:hover { opacity: 0.9 !important; background: #ff7f66; } .button-two .main-button button{ font-weight: 600; line-height: 20px; font-size: 13px; letter-spacing: 4px; color: #ffffff; background-color: #e91e63; border:none; border-radius: 40px; padding: 15px 30px; webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-transform: uppercase; } .button-two .main-button button:hover{ background-color:#e91e63; color:#fff; -webkit-box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); box-shadow: 0 14px 26px -12px rgba(233, 30, 99, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(233, 30, 99, 0.2); } /*four button*/ .button-three .main-button button{ position: relative; text-decoration: none; display: inline-block; border-color:#2cc2e6; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-style: solid; border-width: 2px; background-color:#2cc2e6; -webkit-box-shadow: 0px 0px 2px 0px #333; -moz-box-shadow: 0px 0px 2px 0px #333; box-shadow: 0px 0px 2px 0px #333; } .button-three .main-button button:hover{ background-color: transparent; color: #2cc2e6; } /*five*/ .button-four .main-button button{ border-radius: 50px; border: 3px solid #fff; color: #fff!important; overflow: hidden; font-family: inherit; font-size: inherit; color: inherit; background: #fec503; cursor: pointer; padding: 20px 65px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .button-four .main-button button:before { left: 70%; opacity: 0; top: 0; } .button-four .main-button button:before { content: "\f061"; font: normal normal normal 14px/1 FontAwesome; position: absolute; height: 100%; font-size: 18px; line-height: 3.4; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; font-weight: normal; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; speak: none; } .button-four .main-button button:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .button-four .main-button button:hover:before { left: 80%; opacity: 1; } .button-four .main-button button:hover { background: #ffcf2d; } /*six*/ .button-five .main-button button{ font-size: 18px; background: #8d9092; color:#fff; border-radius: 0px; font-weight: bold; font-style: normal; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; position: relative; padding: 0.9em 1em; border: 2px solid #8d9092; -webkit-border-radius: 3px; -moz-border-radius: 0px; border-radius: 0px; font-size: 17px; font-weight: 500; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .button-five .main-button button:after { content:"\f105"!important; font-family:"FontAwesome"; position: absolute; font-size:26px; margin-left: -1em; opacity: 0; line-height: 0.65em; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; font-weight: normal; font-style: normal; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; speak: none; display: inline-block; } .button-five .main-button button:hover { background: #8d9092; border-radius: 0px; letter-spacing: 2px; padding-left: 0.7em; padding-right: 1.7em; } .button-five .main-button button:hover:after { margin-left:15px; opacity: 1; } /*Background slider css end*/ #page { clear: both; float: none; } .container, #page { max-width: 1170px; min-width: 240px; margin-right: auto; margin-left: auto; position: relative; clear: both; } #page.no-sidebar .content { width: 100%; max-width: 1170px; } .left .sidebar-wrapper { float: left; } .left .content { float: right; } #page .content ul li { list-style-type: disc; } #page-top { margin-top: 0 } /*start menu style add header setting*/ .header-fixed .header-wrapper { position:absolute; } .header-fixed.smaller{ display:none; } .menu-static .header-wrapper { position:absolute; } .menu-static.smaller{ display:none; } /*menu-center*/ .menu-center .header-wrapper .logo{ width:100%; } .menu-center .header-wrapper .logo .logo-img{ margin:0 auto; } .menu-center .header-wrapper #main-menu-wrapper { width: 100%; float: none; } .menu-center .navigation ul ul li{ text-align:left; } .menu-center .header-wrapper .logo { float: none!important; text-align: center; padding: 15px 0 0 !important; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .menu-center #main-menu-wrapper{ text-align:center; } .menu-center #main-menu-wrapper nav.navigation .menu { padding: 10px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .menu-center .navigation ul { margin: 0 auto; float: none; display:inline-block; } .menu-center.smaller #main-menu-wrapper nav.navigation ul { padding: 5px 0; } .menu-center .navigation ul ul li:last-child a{ text-align:left; } .header-wrapper.header-hide{ display:none; } .smaller .header-wrapper.header-hide{ display:block; } @keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 0.9; transform: translateY(0); } } @-webkit-keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 0.9; transform: translateY(0); } } .smaller .header-wrapper.header-hide{ animation:slide-down 0.3s; -webkit-animation:slide-down 0.3s; } .menu-center .logo img { height: auto; max-width: 100%; } .menu-center.smaller .logo img { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .split-menu .logo{ display:none; } .split-menu .navigation ul li.logo-cent a { padding-top: 0px; padding-bottom: 0px; } .mobile-menu-active .split-menu .navigation ul li.logo-cent{ display:none; } .split-menu #main-menu-wrapper { text-align: center; padding-top: 30px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .split-menu.smaller #main-menu-wrapper { text-align: center; padding-top: 15px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .split-menu .logo-cent h1{ margin:0; font-size:32px; } .split-menu .logo-cent h1 a{ color:#fff; } .split-menu .logo-cent p{ color:#fff; } .home .hdr-transparent .header-wrapper{ background-color:transparent; } /*landing-page*/ .page-template-landing-page .content { padding-top: 0px; } .page-template-landing-page .content p{ -webkit-margin-before: 0em; } .page-template-landing-page .content .alignnone { margin: 0px 20px 20px 0; } /*end menu style add header setting*/ /*last-menu-button-style*/ .last-btn .navigation ul#menu > li:last-child > a{ border: 2px solid #ffb901; border-radius: 4px; color:#ffb901; font-size:12px; padding: 8px 20px; margin-top: 5px; text-transform:uppercase; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; } .last-btn.smaller .navigation ul#menu > li:last-child > a{ background:#ffb901; color:#fff; } .last-btn.smaller .menu-item-has-children > a:after{ color:#fff; } .last-btn .sub-menu > a:after{ color:#000; } /*** Loader css **/ .overlayloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color:#000; z-index: 99999; height: 100%; width: 100%; } .loader { position: absolute; border: 2px solid #f3f3f3; border-radius: 50%; border-top: 2px solid #ffb901; width: 50px; height: 50px; -webkit-animation: spin .6s linear infinite; animation: spin .6s linear infinite; left: 48%; top: 50%; background-position: center; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*** Header Start***/ .header-wrapper { background-color: transparent; position: fixed; top: 0; width: 100%; z-index: 9999; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; border-bottom: none; } .header-wrapper .logo{ width:20%; } .header-wrapper #main-menu-wrapper{ width:80%; float:left; } .header-wrapper .logo .logo-img{ width:225px; } /*update page style*/ .page-template-home-template #header .header-img { background: none; height: 0; } .header-wrapper { background-color: transparent; width: 100%; } .logged-in.admin-bar.home #header .header-img .overlay-demo { position: absolute; height: 232px; width: 100%; top: 0; background-color: transparent; z-index: 0; } .home #header .header-img .overlay-demo { position: absolute; height: 232px; width: 100%; top: 0; background-color: transparent; z-index: 0; } #header .header-img { width: 100% !important; background-size: cover !important; background-position: center; background-attachment: fixed !important; background-repeat: no-repeat; height: 200px; z-index: 0; position: relative; } #header.header-img .header-wrapper { background-color: transparent; width: 100%; border-bottom: 0px solid rgba(0, 0, 0, 0.05); } #header .header-img .overlay-demo { position: absolute; height: 100%; width: 100%; top: 0; background-color: rgba(0, 0, 0, 0.3); ; z-index: 0; } /*update page style*/ header.smaller .header-wrapper { background-color: #222; } .header-wrapper .logo { float: left; padding: 30px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } header.smaller .header-wrapper .logo { padding: 15px 0; } .smaller .logo h1, .smaller.logo h1 a { color: #fff; font-size: 22px; } .smaller .logo p { padding-top: 3px; font-size: 11px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .logo img, .logo p { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } header.smaller .logo img { width: auto; height: auto; max-width: 85%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .logo h1, .logo h1 a { color: #fff; } .logo h1, .logo h1 a { color: #fff; margin: 0px; line-height: 28px; } .logo p { margin: 3px; color: #fff; } .logo p { color: #fff; padding-top: 5px; } .logo img { width: auto; } .logo .customize-partial-edit-shortcut button{ left:0px; } /*** ESSENTIAL STYLES FOR MENU START***/ /*-[ Navigation ]-----------------*/ .menu-item-has-children > a:after { content: "\f107"; font-family: FontAwesome; position: absolute; padding-left: 6px; color: #fff; } .sub-menu .menu-item-has-children > a:after { top: 50%; margin-top: -12px; right: 15px; } #main-menu-wrapper nav.navigation .menu { padding: 30px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } header.smaller #main-menu-wrapper nav.navigation ul { padding: 5px 0; } header.smaller #main-menu-wrapper nav.navigation ul.sub-menu, #main-menu-wrapper nav.navigation ul.sub-menu { padding: 0; } .navigation ul { margin: 0 auto; float: right; } .navigation ul li:last-child ul.sub-menu{ right: 0; } .navigation ul li:last-child ul li{ float:left; right:0; } .navigation ul li:last-child ul ul { left: -460px; top: 0; padding-top: 0; } /*#secondary-navigation .menu > li { padding-top: 1px; }*/ .navigation .menu > li { margin: 0 15px; } .navigation ul li a:hover { color: #ffb901; } .navigation ul li { line-height: 20px; float: left; position: relative; } .navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited { display: inline-block; transition: background-color, color 0.2s linear; } .navigation ul li a { padding-top: 15px; padding-bottom: 15px; } .navigation > ul > .current a { background: transparent; color: #5a5a5a !important; } .navigation ul li li { background: #fff; border-bottom: 0; } .navigation ul ul { position: absolute; width: 230px; padding: 20px 0 0 0; padding-top: 24px; z-index: 400; font-size: 12px; color: #798189; background: #fff; } .navigation ul ul li { padding: 0; color: #fff; line-height: 25px; } .navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited { font-size: 13px; font-family: "OpenSans-Regular", sans-serif; padding: 9px 45px 9px 20px; position: relative; width: 230px; background: transparent; border-radius: 0; margin: 0; color: #4d4d4d; } .navigation ul ul a { border: 1px solid rgba(188, 180, 180, 0.1); border-bottom: none; } .navigation ul ul li:hover { background-color: #f9f9f9; } .navigation ul ul li:last-child a { border-bottom: 1px solid rgba(188, 180, 180, 0.1); } .navigation ul ul { display: none; } .navigation ul ul ul { left: 230px; top: 0; padding-top: 0; } .sub-menu .menu-item-has-children:after { color: #fff; } .navigation .toggle-caret { display: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } a#pull { display: none; } .navigation i { margin-right: 4px; } .navigation .menu .current_page_item a, .navigation .menu li a.active { font: 700 18px "Charmonman"; color: #315379; } .navigation .menu .current_page_item a:hover, .navigation .menu li:hover { color: #666; } /*- Custom Nav Widget --------------------------*/ .widget_nav_menu .fa > a, .widget_nav_menu .fa > a { padding-left: 5px; } .widget_nav_menu .sub-menu { margin-top: 8px; } .widget_nav_menu .menu-item-has-children > a:after { content: ''; } /*- Toggle menu ---------------------------*/ .toggle-menu ul ul { display: none; } .toggle-menu .toggle-menu-item-parent { position: relative; } .toggle-menu .toggle-caret { position: absolute; top: 0; right: 0; text-align: center; cursor: pointer; line-height: inherit; } .toggle-menu .toggle-caret .fa { width: 20px; text-align: center; font-size: inherit; color: inherit; line-height: 50px; } .toggle-menu .active > .toggle-caret .fa:before { content: "\f068" } /*minus*/ /* Header Wrapper Style Ends */ /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .sticky {} .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .gallery-caption {} /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .bypostauthor {} /* Main Wrapper Style starts */ .main-header-section { padding-top: 250px; background: rgba(0, 0, 0, 0.3); position: relative; min-height:100vh; } .custom-background-wrapper { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 0; } .custom-background-wrapper .custom-background { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover!important; } .custom-background video { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; } section, .footer-copyright { position: relative; } .main-text { position: relative; margin: 0 auto 50px; text-align: center; padding: 0; } .main-text h1 { color: #fff; font-size: 50px; line-height: 1.4em; text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3); margin: 0; text-transform: capitalize; } .main-text h2 { color: #fff; font-size: 28px; line-height: 1.5; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); font-style: italic; text-transform: capitalize; margin-top: 10px; } .main-head-partition { border-bottom: 2px solid #adadad; max-width: 270px; margin: 0 auto; } .main-button { display: inline-block; margin: 30px auto 0px; max-width: 720px; padding: 10px; overflow: hidden; border-radius: 2px; } .main-button button { display: inline-block !important; text-align: center; padding: 13px 35px 13px 35px; border-radius: 4px; font-size: 21px; border: none; color: #fff; background: rgba(241, 241, 241, 0.5); cursor: pointer; letter-spacing: 0.4px; text-transform: capitalize; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-button button:hover { background: #ffb901; color: white; } .main-feature { text-align: center; color: #fff; padding: 0; overflow: hidden; margin: 0; } span.featured-icon i, span.multi-featured-icon i { color: rgba(255, 255, 255, 0.8); font-size: 28px; display: block; width: 64px; margin: 0 auto; text-align: center; font-size: 32px; line-height: 62px; border-radius: 32px; border: 1px solid rgba(255, 255, 255, 0.25); transition: all 0.25s linear; } .featured-section a { display: block; overflow: auto; padding: 15px; transition: all 0.25s linear; } .featured-section { width: 31%; float: left; margin-right: 3.5%; margin-bottom: 60px; } ul.main-feature li.featured-section:nth-of-type(3n+3) { margin-right: 0px; } .featured-section h3 { color: rgba(255, 255, 255, 0.8); text-transform: capitalize; font-size: 16px; line-height: 26px; margin: 0; padding-top: 10px; text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3); } .featured-section p { color: rgba(255, 255, 255, 0.8); font-size: 13px; line-height: 22px; } .featured-section a:hover { background-color: rgba(0, 0, 0, 0.6); } .main-button button.customize-partial-edit-shortcut-button { padding: 0px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #fff; } /* Main Wrapper Style Ends */ /* Multi Wrapper Style starts */ .ribbon-section { background: #ffb901; padding-top: 70px; padding-bottom: 70px; } .ribbon-section h2.heading-area { width:80%; float: left; display: block; color: #FFFFFF; line-height: 1.5em; margin: 0; text-shadow: 1px 3px 3px rgba(0, 0, 0, 0.3); } .ribbon-section .ribbon-button button { float: right; background: #ff9d65; display: inline-block !important; text-align: center; text-transform: capitalize; padding: 13px 35px 13px 35px; border-radius: 4px; border: none; color: #fff; letter-spacing: 0.4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .ribbon-section .ribbon-button button:hover { background: #e85500; } .bottom-ribbon-section { background: rgba(241, 108, 32, 0.5); text-align: center; } .bottom-ribbon-section h2.heading-area { display: block; color: #FFFFFF; line-height: 1.5em; margin-bottom: 10px; padding-top: 70px; } .bottom-ribbon-section .ribbon-button button { background: #ffb901; display: inline-block !important; text-align: center; text-transform: capitalize; padding: 13px 35px 13px 35px; border-radius: 4px; margin-top: 10px; border: none; letter-spacing: 0.5px; color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; margin-bottom: 70px; } .bottom-ribbon-section .ribbon-button button:hover { background: #cc5a1a; } h2.head-text { margin-bottom: 20px; margin-top: 10px; font-size: 2.4rem; line-height: 3.125rem; } h3.subhead-text { color: #6D7176; font-size: 16px; } .multi-feature-area h2.head-text { color: #fff; } .multi-feature-area h3.subhead-text { color: #fff; } .multi-feature-area { background-color: rgba(0, 0, 0, 0.3); text-align: center; padding: 70px 0; } ul.multiple-featured-section { padding: 0; padding-top: 50px; overflow: hidden; margin: 0; } span.multi-featured-icon { display: inline-block; } ul.multiple-featured-section li.multi-featured { width: 32.6%; float: left; margin-right: 1%; padding: 20px; background: rgba(255, 255, 255, 0.95); margin-bottom: 1%; } ul.multiple-featured-section li.multi-featured p { margin: 0; } ul.multiple-featured-section li.multi-featured:nth-of-type(3n+3) { margin-right: 0px; } ul.multiple-featured-section li.multi-featured:nth-of-type(4n+4) { clear:left; } span.multi-featured-icon i { color: #ffb901; background-color: #dde9f0; } ul.multiple-featured-section li:hover span.multi-featured-icon i { background-color: #ffb901; color: #fff; border-color: #ffb901; } .multi-slider-area { background: rgba(0, 0, 0, 0.3); text-align: center; padding-top: 70px; padding-bottom: 70px; } .multi-feature-area .col-lg-4, .multi-feature-area .col-md-4 { padding-left: 5px; padding-right: 5px; } .multi-feature-area h3 { color: #858585; font-size: 16px; text-transform: capitalize; display: inline-block; } .multi-slider-area h3.subhead-text { color: #fff; padding-bottom: 60px; } .multi-slider-area h2.head-text { color: #fff; } .multi-feature-area h2.head-text, .multi-feature-area h3.subhead-text, .multi-slider-area h2.head-text, .multi-slider-area h3.subhead-text, .newsletter h3,#team h2.head-text, #team h3.subhead-text, #testimonials h2.head-text, #testimonials h3.subhead-text, .bottom-ribbon-section h2.heading-area, #about h2.head-text{ text-shadow: 1px 2px 2.8px rgba(0, 0, 0, 0.3); } #testimonials h3.subhead-text{ color:#444; } /*aboutus starts */ .aboutus-section { padding-top: 70px; padding-bottom: 70px; background: white; } .aboutus-text { text-align: left; float: left; width: 50%; padding-right: 20px; } .aboutus-image { text-align: right; float: right; width: 50% } .aboutus-image img, .aboutus-section img { max-width: 100%; float: right; } /*Team section start*/ .client-team-section { background: #fff; padding-top: 70px; padding-bottom: 70px; text-align: center; } .client-team-section h2, .client-team-section h3 { color:#444; } h2.head-text { margin-bottom: 20px; margin-top: 0px; font-size: 2.4rem; line-height: 3.125rem; color:#444; } ul.multiple-team-section { padding: 0; overflow: hidden; padding-top: 96px; margin: 0; } ul.multiple-team-section li.multi-team { width: 23%; float: left; margin-right: 2.66%; margin-bottom: 2.66%; position: relative; } ul.multiple-team-section li.multi-team:nth-of-type(4n+4) { margin-right: 0px; } figure.team-box { position: relative; float: left; overflow: hidden; margin: 0px 0%; min-width: 220px; max-width: 100%; width: 100%; background: #ffffff; color: #000000; } figure.team-box * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } figure.team-box img { max-width: 100%; position: relative; display: block; } figure.team-box:before { position: absolute; content: ''; height: 100%; width: 90%; z-index: 1; left: -20%; background: rgba(255, 255, 255, 0.7); border: 1px solid #fff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: skewX(-30deg) translateX(-80%); transform: skewX(-30deg) translateX(-80%); -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.5); } figure.team-box figcaption { padding-left: 30px; position: absolute; left: 0; top: 25%; width: 60%; z-index: 1; opacity: 0; } figure.team-box figcaption h2, figure.team-box figcaption p { margin: 0; text-align: left; padding: 5px 0 0; width: 100%; } figure.team-box figcaption h2 { font-size: 1.4em; font-weight: 300; text-transform: capitalize; } figure.team-box figcaption h2 span { font-weight: 800; } figure.team-box figcaption p { font-weight: 500; font-size: 0.9em; opacity: 0.8; } figure.team-box figcaption .icons { width: 100%; padding: 8px 0; text-align: left; } figure.team-box figcaption .icons i { display: inline-block; font-size: 16px; background: #000000; color: #ffffff; margin-right: 5px; opacity: 0; height: 28px; width: 28px; text-align: center; line-height: 28px; border-radius: 50%; } figure.team-box figcaption a { opacity: 0.7; } figure.team-box figcaption a:hover { opacity: 1; } figure.team-box .position { position: absolute; bottom: 0; width: 100%; text-align: right; padding: 15px 30px; font-size: 0.9em; opacity: 1; font-weight: 500; color: #ffffff; background: #000000; } figure.team-box.blue .icons i { background: #164666; } figure.team-box.blue .position { background: #20638f; } figure.team-box.red .icons i { background: #6d2018; } figure.team-box.red .position { background: #962d22; } figure.team-box.yellow .icons i { background: #924d10; } figure.team-box.yellow .position { background: #bf6516; } figure.team-box.green .icons i { background: #145b32; } figure.team-box.green .position { background: #1e8449; } ul.multiple-team-section li.multi-team:nth-of-type(1n+1) figure.team-box .icons i { background: #6d2018; } ul.multiple-team-section li.multi-team:nth-of-type(1n+1) figure.team-box .position { background: #962d22; } ul.multiple-team-section li.multi-team:nth-of-type(2n+2) figure.team-box .icons i { background: #924d10; } ul.multiple-team-section li.multi-team:nth-of-type(2n+2) figure.team-box .position { background: #bf6516; } ul.multiple-team-section li.multi-team:nth-of-type(3n+3) figure.team-box .icons i { background: #164666; } ul.multiple-team-section li.multi-team:nth-of-type(3n+3) figure.team-box .position { background: #20638f; } ul.multiple-team-section li.multi-team:nth-of-type(4n+4) figure.team-box .icons i { background: #145b32; } ul.multiple-team-section li.multi-team:nth-of-type(4n+4) figure.team-box .position { background: #1e8449; } figure.team-box:hover figcaption, figure.team-box.hover figcaption, figure.team-box:hover .icons i, figure.team-box.hover .icons i { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } figure.team-box:hover:before, figure.team-box.hover:before { -webkit-transform: skewX(-30deg) translateX(0px); transform: skewX(-30deg) translateX(0px); } /*Team section End*/ /*price and packages start*/ .price-section { background: #fff; padding-top: 70px; padding-bottom: 70px; text-align: center; } .price-section h2, .price-section h3 { color: #000; line-height: 30px; } ul.multiple-price-section { padding: 7px; overflow: hidden; padding-top: 96px; margin: 0; } ul.multiple-price-section li.multi-price { width: 23%; float: left; margin-right: 2.66%; position: relative; } ul.multiple-price-section li.multi-price:nth-of-type(4n+4) { margin-right: 0px; } .plan { float: left; width: 100%; margin: 20px 0px; padding: 15px 25px; text-align: center; background: white; background-clip: padding-box; border: 2px solid #e5ded6; border-color: rgba(0, 0, 0, 0.1); border-radius: 4px; } ul.multiple-price-section li:hover .plan { border: 2px solid rgba(0, 0, 0, 0.2); transition: all .3s ease-in-out; } ul.multiple-price-section li:hover .plan.plan-highlight { border: 2px solid #37bbe6; transition: all .3s ease-in-out; } .plan-title { margin-bottom: 12px; font-size: 24px; color: #36bce6; } .plan-price { margin-bottom: 20px; line-height: 1; font-size: 28px; font-weight: bold; color: #fd935a; } .plan-unit { display: block; margin-top: 5px; font-size: 13px; font-weight: normal; color: #aaa; } .plan-features { width: 100%; margin: 20px auto 15px; padding: 15px 0 0 0px; border-top: 1px solid #e5ded6; text-align: center; } .plan-feature { line-height: 20px; font-size: 24px; font-weight: 500; color: #333; } .plan-feature + .plan-feature { margin-top: 5px; } .plan-feature-unit { margin-left: 2px; font-size: 16px; } .plan-feature-name { font-size: 13px; font-weight: normal; color: #aaa; } .plan-button { position: relative; display: block; line-height: 40px; font-size: 16px; font-weight: 500; color: white; text-align: center; text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.1); background: #fd935c; border-bottom: 2px solid #cf7e3b; border-color: rgba(0, 0, 0, 0.15); border-radius: 4px; margin-top: 10px; } .plan-button:active { top: 2px; margin-bottom: 2px; border-bottom: 0; } .plan-highlight { margin-top: 0; margin-bottom: 0; padding-left: 15px; padding-right: 15px; width: 100%; border: 2px solid #37bbe6; } .plan-highlight .plan-button { font-size: 18px; line-height: 49px; background: #37bce5; border-color: #3996b3; border-color: rgba(0, 0, 0, 0.15); } .plan-recommended { width: 160px; margin: -15px auto 15px; padding-bottom: 2px; line-height: 22px; font-size: 14px; font-weight: bold; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.05); background: #37bbe6; border-radius: 0 0 4px 4px; } /*price and packages end*/ /*Testimonials section starts */ .client-testimonial-section { padding-top: 70px; padding-bottom: 70px; background: white; text-align: center; } ul.multiple-testimonial-section { padding: 0; overflow: hidden; padding-top: 96px; margin: 0; } ul.multiple-testimonial-section li.multi-testimonial { width: 31.288%; float: left; margin-right: 3%; padding: 20px 15px; background: #eee; margin-bottom: 1%; position: relative; } span.multi-testimonial-image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; overflow: hidden; width: 81px; height: 81px; border: 3px solid #FFF; background-clip: padding-box; box-shadow: 0px 0px 0px 1px #ffb901; background-color: #FAFAFA; } ul.multiple-testimonial-section li.multi-testimonial p { padding: 10px 10px 0px 10px; font-style: italic; } span.multi-testimonial-image { position: absolute; left: 0; right: 0; top: -36px; } ul.multiple-testimonial-section li.multi-testimonial:nth-of-type(3n+3) { margin-right: 0px; } ul.multiple-testimonial-section li.multi-testimonial a.author { font-size: 18px; float: right; font-style: italic; font-family: cursive; color: #ffb901; } ul.multiple-testimonial-section li.multi-testimonial blockquote { text-align: left; } ul.multiple-testimonial-section li.multi-testimonial blockquote { margin: 0; } ul.multiple-testimonial-section li.multi-testimonial blockquote:before { font-style: normal; font-family: fontawesome; content: '\f10d'; font-size: 30px; color: #ffb901; } /*box-shadow-in column*/ ul.multiple-featured-section li.multi-featured, ul.multiple-team-section li.multi-team .team-box, ul.multiple-testimonial-section li.multi-testimonial, .woocommerce.columns-4 ul.products li.product{ -webkit-box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3); } /*owl slider starts */ #owl-demo .item img { display: block; width: 100%; height: auto; max-height: 250px; } .owl-prev { position: absolute; top: 36%; left: 0%; background: url(images/prev.png) no-repeat; text-indent: -99999px; height: 62px; z-index: 9999999; width: 30px; background-color: #fff; background-position: 30% 50%; transition: all 0.25s linear; cursor: pointer; } .owl-next { position: absolute; top: 36%; right: 0%; background: url(images/next.png) no-repeat; text-indent: -99999px; height: 62px; z-index: 9999999; width: 30px; background-color: #fff; background-position: 70% 50%; transition: all 0.25s linear; cursor: pointer; } .owl-next:hover { background-color: rgba(255, 255, 255, 0.66); width: 70px; background-position: 60% 50%; } .owl-prev:hover { background-color: rgba(255, 255, 255, 0.66); width: 70px; background-position: 40% 50%; } .owl-item a { position: absolute; top: auto; bottom: 0; right: 0; left: 0; text-align: center; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.79))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.79) 100%); line-height: 40px; color: #fff; text-transform: capitalize; } .owl-item a { height: 250px; top: 77%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .owl-item .item:hover > a { top: 22%; height: 250x; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .owl-carousel .blog-content h1, .owl-carousel .blog-content p { color: #fff; } .owl-carousel .blog-content p { padding-left: 10px; padding-right: 10px; } .owl-carousel .blog-content h1 { font-size: 18px; line-height: 1.5em; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); } /*owl slider starts */ /*Newsletter starts */ .newsletter-wrapper { padding: 70px 0; background: rgba(0, 0, 0, 0.3); text-align: center; /* border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;*/ } .newsletter h3 { float: left; text-transform: capitalize; color: #fff; font-size: 22px; margin-top: 8.5px; margin-bottom: 0px; line-height: 1em; } .newsletter-wrapper form.Newsletter-form input.text { width: 250px; height: 50px; background: #fff; border: none; padding-left: 10px; margin-right: 6px; } .newsletter .captcha_wrapper { margin-top: 20px; margin-bottom: 20px; } .newsletter .captcha_wrapper .g-recaptcha { display: inline-block; float: left; } .newsletter-wrapper form.Newsletter-form input[type="submit"] { color: #ffffff; border: 1.2px solid #fff; background: #0f0f0f; height: 50px; min-width: 120px; letter-spacing: 1px; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -o-transition: all .8s ease; -ms-transition: all .8s ease; transition: all .8s ease; } .newsletter-wrapper form.Newsletter-form input[type="submit"]:hover { background: #ffb901; color: #fff; } form.Newsletter-form { float: right; } /*lead form*/ .home .newsletter .leadform-show-form { max-width: 630px!important; width: 100%; float: right; padding: 0px; } .home .newsletter .leadform-show-form h1, .home .newsletter .leadform-show-form label { display: none; } .home .newsletter .submit-type label { display: block!important; } .home .newsletter .leadform-show-form input[type="email"], .home .newsletter .leadform-show-form input[type="text"] { width: 250px!important; height: 42px; background: #fff; border: none; border-radius: 4px; margin-right: 10px; float: left; background-color: #fff!important; text-indent: 1em; } .home .newsletter .leadform-show-form input[type="submit"] { background: #1abc9c; color: #fff; height: 42px; min-width: 100px; letter-spacing: 0.5px; cursor: pointer; font-size: 14px; font-weight: 200; border-color: #fff; border-radius: 4px; padding: 0px 30px!important; border: none; float: left; cursor: pointer; text-transform: capitalize; } .home.newsletter .leadform-show-form .submit-type.lf-field { display: block; } .home .newsletter .leadform-show-form label { margin: 0em 0em; } .home .newsletter .leadform-show-form input[type="submit"]:hover { background: #106151; } .home .newsletter .leadform-show-form .lead-form-front{ padding:0px; overflow: initial; } .home .newsletter .leadform-show-form div.lf-field{ margin-bottom: 0px; } /*Newsletter starts */ .contact-section { background: #fff; padding-top: 80px; background: #fff; text-align: center; } .contact-section h2, .contact-section h3 { color: #fff; } .contact-section .cnt-block { padding: 0; overflow: hidden; padding-top: 96px; padding-bottom: 85px; } .detail-wrap { text-align: left; } .detail-wrap h3 { margin-top: 0; text-align: left; } .detail-wrap h3:before { content: "\f041"; font-family: FontAwesome; font-size: 35px; padding: 5px; color: #1abc9c; } .detail-wrap .map iframe { height: 350px; width: 100%; border: 0; pointer-events: none; display: block; } /*lead form css*/ .contact-wrap { width: 46%; left: 0; float: left; } .detail-wrap { width: 46%; margin-left: 8%; float: left; } .cnt-detail ul{ margin:0; padding:0; } .cnt-detail ul li{ width:30%; float:left; margin-bottom:40px; margin-right:3.33% } .cnt-detail .cnt-icon, .cnt-detail .cnt-info{ text-align:center; } .cnt-detail .cnt-icon i{ font-size:45px; color:#b9b9b9; } .cnt-detail .cnt-icon{ margin-bottom:20px; } .cnt-detail .cnt-info a,.cnt-info p{ color:#b9b9b9; margin:0px 0px; } .contact-wrap .leadform-show-form.leadform-lite{ background:#fff; padding:45px 35px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .contact-wrap .leadform-show-form.leadform-lite h1 { margin-top: 0px; color:#000; font-size: 26px; line-height: 32px; } .contact-wrap .leadform-show-form.leadform-lite input[type="submit"]{ font-size:15px; background: #16a085; display: inline-block !important; text-align: center; text-transform: capitalize; padding: 13px 35px 13px 35px; border-radius: 4px; border: none; letter-spacing: 0.5px; color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer;; } .leadform-show-form.medium.leadform-lite, .leadform-show-form.small.leadform-lite, .leadform-show-form.large.leadform-lite{ max-width:100%; } .contact-wrap .name-type label, .contact-wrap .text-type label, .contact-wrap .textarea-type label { display: none; } .contact-wrap form input:not([type]), .contact-wrap .leadform-show-form.leadform-lite input[type="email"], .contact-wrap .leadform-show-form.leadform-lite input[type="number"], .contact-wrap .leadform-show-form.leadform-lite input[type="password"], .contact-wrap .leadform-show-form.leadform-lite input[type="tel"], .contact-wrap .leadform-show-form.leadform-lite input[type="url"], .contact-wrap .leadform-show-form.leadform-lite input[type="text"], .contact-wrap .leadform-show-form.leadform-lite input[type="number"] { border-radius: 0px; text-indent: 0em; padding: 0px 0px!important; border-top: none; border-left: none; border-right: none; -webkit-box-shadow: none; border-radius: 0px; text-indent: 0.60em!important; margin-bottom: 0px; border-bottom: 2px solid #e5ded6; background-color: transparent!important; } .contact-wrap .leadform-show-form.leadform-lite select, .contact-wrap .leadform-show-form.leadform-lite input[type="number"], .contact-wrap .leadform-show-form.leadform-lite input[type="date"] { text-transform: none; min-width: 100%; padding: .313em 0; letter-spacing: normal; text-indent: .25em; height: 38px; border-top: none; border-left: none; border-right: none; -webkit-box-shadow: none; border-radius: 0px; text-indent: 0.60em!important; margin-bottom: 0px; border-bottom: 2px solid #e5ded6; background-color: transparent!important; } .contact-wrap .leadform-show-form.leadform-lite textarea { border-top: none; border-left: none; border-right: none; webkit-box-shadow: none; box-shadow: none; border-bottom: 2px solid #e5ded6; border-radius: 0px; padding: 0px 0px; text-indent: 0.60em!important; font-family: inherit; overflow: auto; margin: 0; font: inherit; vertical-align: -webkit-baseline-middle; background-color: transparent!important; } .contact-wrap .leadform-show-form.leadform-lite .radio-type, .contact-wrap .leadform-show-form.leadform-lite .select-type, .contact-wrap .leadform-show-form.leadform-lite .checkbox-type { text-align: left; } .contact-wrap .form-group { display: block; position: relative; margin-bottom: 15px; } .contact-wrap .form-group:before { position: absolute; content: ''; background: #1abc9c; height: 2px; width: 0%; left: 0; top: 100%; transition: all .6s ease; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); } .contact-wrap .form-group.form-lined:before { position: absolute; content: ''; background: #1abc9c; height: 2px; width: 100%; left: 0; top: 100%; transform: translateY(-2px); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); } /* Footer Style Start */ .widget input.search-submit { display: none; } .footer .footer-widget-column .widget { width: 32%; float: left; position: relative; margin-bottom: 30px; margin-right: 2%; padding-right: 2%; } .footer .footer-widget-column.footer-widget-4column-active .widget { width: 23.5%; } .footer .footer-widget-column .widget:last-child, .footer .footer-widget-column.footer-widget-4column-active .widget:last-child { margin-right: 0%; border-right: none; } .footer .widget .footer-inner-widget:nth-child(1) { margin-top: 0px; } .footer-inner-widget { margin-top: 30px; } .footer { overflow: hidden; padding-bottom: 20px; } .footer .widgettitle { padding-top: 10px; } .footer-wrapper { background-color: #f8f8f8; padding-top: 50px; } .home .footer-wrapper { margin-top: 0px; position: relative; } .footer-copyright { text-align: center; overflow: hidden; padding: 20px 0; background: #fff; width:100%; } .footer-copyright ul { padding: 0px; margin:0; } .footer-copyright ul li { display: block; line-height:2em; } .footer-copyright .social-icon ul li { display: inline; } .social-icon ul li .fa { padding:5px; } #move-to-top { color: #fff; cursor: pointer; display: inline-block; font-weight: bold; padding: 8px 8px; position: fixed; right: 10px; bottom: 30px; width: 40px; z-index: 999; background: #fff; transition: all 0.25s linear; -webkit-backface-visibility: hidden; border: 2px solid #ffb901; box-shadow: 0 0 1px rgba(0, 0, 0, 0.18); text-align: center; border-radius: 4px; } #move-to-top .fa-angle-up:before { color: #ffb901; font-size: 20px; } a#move-to-top.hiding { display: none; } .instagram-pics li { padding: 0px; display: inline-block; max-width: 23%; margin: 1%; } .instagram-pics li a:before { display: none; } .instagram-pics li:last-child { margin-right: 0px; } .instagram-pics li img { width: 100%; } .instagram-pics li img:hover, .widget .th-aboutme img:hover { opacity: 0.9; } .footer-wrapper tbody>tr>td>a { background: #CDCDCD; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; display: block; width: 32px; height: 32px; line-height: 32px; } .widgettitle > span { position: relative; display: inline-block; } .widgettitle > span:before, .widgettitle > span:after { content: ""; position: absolute; top: 50%; border-bottom: 1px solid; border-color: #ffb901; width: 591px; margin: 0 14px; } .widgettitle > span:before { right: 100%; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: 7px 0; list-style: none; clear: both; } .widget ul ul { margin: 6px 0 -6px 6px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } /* Footer Style End */ /* Blog Style Start */ .content-wrapper{ display: block; overflow: hidden; margin: 50px 0px; background:#fff; } .content { width: 70%; float: left; padding: 15px; } .content-wrapper .breadcrumb { margin-bottom: 18px; } .page .breadcrumb h1, #page .breadcrumb h1{ font-weight: normal; position: relative; display: inline-block; margin: 0; } .page .breadcrumb h1:after, #page .breadcrumb h1:after, h1.page-title:after { content: ""; position: absolute; top: 60%; border-bottom: 2px solid; border-color: #ffb901; width: 50px; margin: 0 8px; } h1.page-title { position: relative; } ul.post-meta-ul, .post-meta ul{ margin:0; padding:0; } .blog-container .breadcrumb h4, .single-container .breadcrumb h4 { font-size: 15px; font-weight: normal; margin: 0; border-bottom: 2px solid #63B8C6; display: inline-block; padding-bottom: 5px; } .blog-container .blog-loop { padding-bottom: 80px; } .blog-container .blog-loop .post-details, .blog-container .blog-loop .post-meta, .single-container .single-loop .post-details, .single-container .single-loop .post-meta { text-align: center; } .blog-container .blog-loop .post-details, .single-container .single-loop .post-details { font-size: 13px; } .blog-container .blog-loop ul li.author, .blog-container .blog-loop ul li.post-date, .blog-container .blog-loop ul li.category, .blog-container .blog-loop ul li.comments, .single-container .single-loop ul li.author, .single-container .single-loop ul li.post-date, .single-container .single-loop ul li.category, .single-container .single-loop ul li.comments{ padding: 0px; display: inline; } .blog-container .blog-loop .post-title, .single-container .single-loop .post-title { text-align: center; } .blog-container .blog-loop .post-details .author, .blog-container .blog-loop .post-meta .category, .single-container .single-loop .post-details .author, .single-container .single-loop .post-meta .category { margin-right: 20px; } .blog-container .blog-loop .post-details i, .blog-container .blog-loop .post-meta i, .single-container .single-loop .post-details i, .single-container .single-loop .post-meta i { margin-right: 10px; color: #999; font-size: 12px; } .blog-container .blog-loop .post-content img, .single-container .single-loop .post-content img { max-width: 100%; margin-bottom: 30px; } .blog-container .blog-loop .post-title h1, .single-container .single-loop .post-title h1 { font-size: 29px; font-weight: bolder; margin: 26px 0; line-height: 40px; } .blog-container .blog-loop .post-meta, .single-container .single-loop .post-meta { font-size: 13px; line-height: 20px; } .blog-container .blog-loop .read-more a, .single-container .single-loop .read-more a { border: 1px solid #ffb901; padding: 12px 13px; border-radius: 3px; color: #ffb901; font-size: 15px; } .blog-container .blog-loop .read-more a:hover, .single-container .single-loop .read-more a:hover { background-color: #ffb901; color: #fff; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -o-transition: all .8s ease; -ms-transition: all .8s ease; transition: all .8s ease; } .blog-container .blog-loop .read-more, .single-container .single-loop .read-more { text-align: center; margin-bottom: 30px; } .blog-container .blog-loop { border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom:30px; } .blog-container .post:last-child .blog-loop { border-bottom: none; } .blog-container .blog-loop .post-social-icons, .single-container .single-loop .post-social-icons { text-align: center; } .blog-container .blog-loop .post-social-icons li, .single-container .single-loop .post-social-icons li { font-size: 14px; } .blog-container .blog-loop .post-social-icons li i, .single-container .single-loop .post-social-icons li i { color: #000; padding: 6px; } .blog-container .blog-loop .post-social-icons .fa-twitter:hover, .single-container .single-loop .post-social-icons .fa-twitter:hover:hover { color: #5EA9DD; } .blog-container .blog-loop .post-social-icons .fa-facebook:hover, .single-container .single-loop .post-social-icons .fa-facebook:hover { color: #3B5998; } .blog-container .blog-loop .post-social-icons .fa-google-plus:hover, .single-container .single-loop .post-social-icons .fa-google-plus:hover { color: #DD4B39; } .blog-container .blog-loop .post-social-icons .fa-linkedin:hover, .single-container .single-loop .post-social-icons .fa-linkedin:hover { color: #2672ae; } .multipage-links .tagcloud { margin: 20px 0; text-align: center; } .nav-links span.current{ color:#1abc9c; } .post-content,.multipage-links{ margin: 50px 0px; } .post-content ul li{ list-style-type: inherit; } /*breadcum*/ .breadcrumbs a { color:#777; } .breadcrumbs a:hover { color: #ffb901; } .breadcrumbs .current { color: #DABC80; padding:0 8px; } .breadcrumb ul, .breadcrumb-trail ul { padding-left: 0px; margin: 0px; } .breadcrumb ul li, .breadcrumb-trail ul li { list-style-type: none; display: inline; font-size:12px } .breadcrumb h2.trail-browse, .breadcrumb-trail h2.trail-browse{ display:none; } .breadcrumb ul li::after, .breadcrumb-trail ul li::after{ content: "/"; font-size: 12px; margin-right:5px; margin-left:5px; } .breadcrumb ul li.trail-end a::after, .breadcrumb-trail ul li.trail-end::after{ display:none; } nav.breadcrumb-trail{ text-align:center; } /*archive page style*/ .archive-title h1{ font-weight: normal; position: relative; margin: 0; } .archive-title h1:after { content: ""; position: absolute; top: 60%; border-bottom: 2px solid; border-color: #ffb901; width: 50px; margin: 0 8px; } a:hover,a:focus{ color:#ffb901; } .trail-end span{ color:#ffb901; letter-spacing: 1px; } /*pagination*/ .nav-links .page-numbers.current{ padding:8px 13px; color:#fff; background:#ffb901; } .nav-links .page-numbers{ padding:8px 13px; } a.prev.page-numbers,a.next.page-numbers{ padding:0; } /*blog single page nav*/ #nav-single .nav-previous{ float:left; } #nav-single .nav-next{ float:right; } /* start related post style*/ .single li.sl-related-thumbnail { width: 32%; list-style-type: none; margin-right: 2%; padding-bottom:10px; display:inline-block; float:left; } .single li.sl-related-thumbnail:nth-of-type(3n+3){ margin-right: 0%; } li.sl-related-thumbnail { max-width: 100%; height: auto; } li.sl-related-thumbnail h3{ font-size:18px; margin-top:10px; margin-bottom:10px; } .single-post h3.related-heading{ font-size:18px; line-height:28px; padding-top:30px; padding-bottom:30px; text-align: center; } /* end related post style*/ /*==Comment Form===*/ #commentsbox { margin: 0; float:left; width: 100%; } #commentsbox ul li{ list-style-type: inherit!important; } ol.commentlist { clear: both; overflow: hidden; list-style: none; margin: 0; padding: 0px; } ol.commentlist li { line-height: 18px; margin: 15px 0 15px; padding: 10px; padding-left: 0px; padding-right: 0px; } ol.commentlist li .comment-body { margin-left: 80px; position: relative; border: 1px solid #e7e2e2; padding: 18px 10px 0px 15px; background: #f8f8f8; } ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited { color: #000; text-decoration: none !important; } #commentform input#author, #commentform input#email, #commentform input#url { background: #f5f5f5; height: 35px; width: 316px; border: 1px solid #eee; padding: 0 5px; } p.comment-form-email, p.comment-form-url { margin-top: 20px; } .comment-author.vcard { display: inline; } .comment-author.vcard span.says { display: none; } cite.fn { color: #000; font-style: normal; margin-right: 8px; } ol.commentlist li .comment-author .avatar { float: left; margin-right: 10px; margin-bottom: 10px; position: absolute; left: -81px; top: -1px; width: 60px; height: 60px; border-radius: 3px; border: 1px solid #cfcfcf; padding: 5px; } ol.commentlist li .comment-author .avatar:hover { -webkit-animation: bounceIn_single 0.7s ease-in-out; -moz-animation: bounceIn_single 0.7s ease-in-out; -o-animation: bounceIn_single 0.7s ease-in-out; animation: bounceIn_single 0.7s ease-in-out; } ol.commentlist li .comment-meta { display: inline; } ol.commentlist li .comment-meta a { color: #858484; text-decoration: none !important; display: inline-block; } ol.commentlist li p { line-height: 22px; margin-top: 5px; color: #666; } ol.commentlist li .reply { margin-top: 10px; font-size: 10px; text-align: right; padding-bottom: 20px; display: block; margin-left: -25px; margin-right: -10px; padding-right: 10px; } ol.commentlist li .reply a { color: #2f516d; font-size: 14px; position: absolute; bottom: 5px; right: 0px; padding-right: 20px; } ol.commentlist li ul.children { list-style: none; text-indent: 0; margin: 1em 0em 0 3em; } .comment-nav { height: 20px; padding: 5px; } .comment-nav a:link, .comment-nav a:visited { color: #f96e02; } #respond { margin: 10px 0 0; padding: 0; } .children #respond, .parent #respond, .depth-1 #respond{ margin: 10px 0 0 5.5em; } #respond h3 { font-size: 18px; color: #555; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; } #commentform p { color: #444; overflow: hidden; margin-top: 0px; } #commentform a { color: #0454A8; } #respond label { color: #322903; padding: 5px 0; display: block; } #commentform #commentSubmit { background: #29B3F0; color: #fff; padding: 8px 20px; font-size: 16px; font-style: italic; border-radius: 3px; } #respond input { background: #fff; border: 1px solid #ddd; color: #555; margin: 0 10px 10px 0; padding: 5px; } input#url { margin-right: 0px; } #commentform input[type="text"] { float: left; width: 32.3%; height: 30px; display: block; } #respond input#submit { background-color: #ff9d65; clear: both; width: 127px; height: 45px; border: 0; cursor: pointer; text-align: center; line-height: 10px; margin-top: 20px; color: #FFF; transition: all 0.25s linear; } #respond input#submit:hover{ background-color: #ffb901; } textarea#comment { background-color: #f5f5f5; border: 1px solid #ddd; width: 100%; color: #555; clear: both; display: block; margin: 10px 0 0; padding: 5px; } .comment-section #commentsbox .post-info h1 { border-bottom: 1px dashed #cecece; padding: 20px 0; } .comment-section #commentsbox .post-reply h1 { border-top: 0px; border-bottom: 1px dashed #cecece; margin-bottom: 25px; margin-top: 0px; } /****Contact form start*******/ .wpcf7 p { color: #777; font-style: italic; margin-bottom: 16px; } .wpcf7 input, .wpcf7 textarea { font-size: 12px; margin-top: 6px; } .wpcf7 .wpcf7-submit { font-size: 12px; margin-top: 0; } .wpcf7 input, .wpcf7 select { border: 1px solid #ddd; color: #5a5d5a; padding: 9px 10px; width: 300px; box-sizing: border-box; } .wpcf7 textarea { border: 1px solid #ddd; color: #5a5d5a; padding: 9px 10px; width: 100%; max-width: 600px; box-sizing: border-box; } .wpcf7 input[type=submit] { text-transform: capitalize; letter-spacing: 1px; background: #16a085; border: 1px solid #16a085; font-size: 14px; color: #fff; margin-top: 14px; display: inline-block; transition: all 0.25s linear; cursor: pointer; width: auto; border-radius: 4px; } .wpcf7 input[type=submit]:hover{ opacity:0.7; } /* Blog Style Ends */ /**Sidebar Start**/ .sidebar-wrapper { max-width: 400px; width: 27.5%; float: right; } .widget { margin: 0 0 3.5em; word-wrap: break-word; } .sidebar-inner-widget { margin: 0 0 30px; word-wrap: break-word; overflow: hidden; background: #fff; padding: 15px; } .widgettitle { letter-spacing: 2px; text-align: center; overflow: hidden; margin: 0 0 15px; display: inline-block; padding-bottom: 10px; border-bottom: 2px solid #ffb901; text-transform: uppercase; color: #444; font-size: 18px; } .widgettitle > span { position: relative; display: inline-block; } .widgettitle > span:before, .widgettitle > span:after { content: ""; position: absolute; top: 50%; border-bottom: 1px solid; border-color: #ffb901; width: 591px; margin: 0 14px; } .widgettitle > span:before { right: 100%; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: 7px 0; list-style: none; clear: both; } .footer .widget li { padding: 3px 0; } .widget ul ul { margin: 6px 0 -6px 6px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } .tagcloud { overflow: hidden; } .tagcloud a { border: 1px solid #ffb901; color: #fff!important; background: #ffb901; padding: 4px 6px; font-size: 12px!important; display: inline-block; margin: 3px 1.5px; border-radius: 3px; } .tagcloud a:hover{ opacity: 0.8; } /*search*/ .widget #searchform input#s{ height: 38px; max-width: 100%; width: 100%; padding-left: 15px; border: 1px solid #eee; padding-right: 10px; font-size: 15px; letter-spacing: 1px; } .widget input.search-field { width: 100%; } .widget #searchform input[type="submit"]{ display:none; } .recent-comments-list .avatar { margin-right: 1em; float: left; border-radius: 1px; } .recent-comments-list .post-excerpt { padding-left: 70px; display: block; } .recent-comments-list li { margin-bottom: 1.55em; position: relative; } .widget .flickr_badge_image { margin-top: 0.556em; } .widget .flickr_badge_image img { width: 81px; height: 81px; margin-right: 0.667em; margin-bottom: 0.667em; float: left; } .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 51px; padding: 6px 2px; text-align: center; } .footer-wrapper tbody>tr>td>a { background: #CDCDCD; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; display: block; width: 32px; height: 32px; line-height: 32px; } .widget #wp-calendar th { text-align: center; background: #F9F9F9; } .widget #wp-calendar caption { letter-spacing: 1px; font-weight: normal; } tfoot tr #prev a { float: left; } .widget .twitter-user a { color: #ffb901; } .widget .twitter-list .twitter-timestamp { font-style: italic; font-size: 90%; display: block; } .widget .follow-user { margin: 0; padding: 5px 0; } .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: 4px 12px 10px 0; float: left; } .widget .feature-posts-list small { font-style: italic; font-size: 90%; display: block; margin: 0 0 3px; } .widget .feature-posts-list .feature-posts-title { margin: 0.250em 0 0.188em; padding-left: 1em; } .widget .feature-posts-list .post-excerpt { display: block; padding-left: 5em; padding-top: 8px; padding-bottom: 10px; } .widget .feature-posts-list .avatar { border-radius: 1px; float: left; } .widget .about-img { text-align: center; } .widget .about-square { margin-bottom: 10px; max-width: 100%; height: auto; border-radius: 2px; } .instagram-pics li { padding: 0px; display: inline-block; max-width: 23%; margin: 1%; } .instagram-pics li a:before { display: none; } .instagram-pics li:last-child { margin-right: 0px; } .instagram-pics li img { width: 100%; } .instagram-pics li img:hover, .widget .th-aboutme img:hover { opacity: 0.9; } .widget .th-aboutme { text-align: left; line-height: 26px; } .widget .th-aboutme img { max-width: 200px; height: 200px; border-radius: 100%; width: 200px; } .widget .th-aboutme { text-align: center; } .widget .th-aboutme p { padding: 10px; } .th-widget-recent-post { padding-bottom: 12px; margin-bottom: 12px; overflow: hidden; } .th-widget-recent-post img { width: 90px; height: 70px; float: left; } .th-widget-recent-post .th-recent-post { overflow: hidden; padding: 0px 10px } .th-widget-recent-post .th-recent-post h5 { line-height: 20px; margin: 0; } .widget a, .widget .th-recent-meta li { font-family: "OpenSans-Regular", sans-serif; letter-spacing: 0.4px; } .widget .th-recent-meta .post-date { font-size: 13px; font-style: italic; } .th-widget-recent-post .th-recent-post h5 a { color: #000; display: block; font-size: 14px; font-family: "OpenSans-Regular", sans-serif; } .widget span.screen-reader-text { display: none; } form.search-form { text-align: center; } .widget input.search-field { width: 100%; } .widget input.search-field, .search input.search-field, .error404 input.search-field { height: 45px; max-width: 350px; padding-left: 15px; border: 1px solid #eee; padding-right: 10px; font-size: 15px; letter-spacing: 1px; } .widget .tweet-content { padding: 6px; line-height: 18px; letter-spacing: 1px; } .widget .tweet-content .time { padding-top: 5px; display: block; text-align: right; } .widget .twitter-user { padding-top: 10px; letter-spacing: 1px; } .mc4wp-form { margin: 1em 0; padding: 30px; overflow: hidden; } .footer .mc4wp-form { background: none; } .mc4wp-form label { display: none!important; } .mc4wp-form input[type=submit] { padding: 10px 0; float: right; border: 0; width: 100%; height: 41px; cursor: pointer; text-align: center; padding-top: 10px; color: white; transition: all 0.25s linear; background: #ffb901; margin-top: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .form.mc4wp-form input[type="email"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 100%; background-color: #fff; float: left; padding: 12px 0; text-indent: 10px; color: #999; border: 1px solid #DDD; box-shadow: 1px 1px 3px #EEE inset; box-sizing: border-box; letter-spacing: 1px; } /**Sidebar End**/ /************************************************************************************ WooCommerce *************************************************************************************/ .woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before{ background:none; } section.woo-wrapper { background: #F7F7F7; } .woocommerce-section { background: #fff; padding-top: 70px; padding-bottom: 70px; background: rgba(0, 0, 0, 0.3); text-align: center; } .summary h1.product_title { line-height: 30px; } .woocommerce-section h2, .woocommerce-section h3 { color: #fff; } .woocommerce a.added_to_cart{ padding-top: 0em; z-index: 2; color: #fff; position: absolute; text-align: center; margin: 0 auto; top: 27%; left: 0%; right: 0%; } .woocommerce-section h2{ z-index: 2; position: relative; } .woocommerce .products ul, .woocommerce ul.products { padding-top: 30px; margin: 0; } .woocommerce ul.products li.product, .woocommerce-page ul.products li { list-style-type: none!important; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { z-index: 2; position: relative; } /* WordPress Heading Generic Style */ .entry-header .entry-title { font-size: 2.188em; margin-bottom: 1.5em; } .woocommerce a, .woocommerce-page a { color: #444; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 48%; } .woocommerce ul.products li.product .price ins { float: right; margin-right: 40px; } /* summary */ .woocommerce #content div.product .product_title, .woocommerce div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce-page div.product .product_title { font-size: 2em; margin: 0 0 .325em; } /* rating */ .woocommerce .woocommerce-product-rating a, .woocommerce-page .woocommerce-product-rating a { color: #000; text-decoration: none; } .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price { color: #000; font-size: 1.25em; margin-top: .5em; margin-bottom: .4em; } .woocommerce-page .single_variation { margin-bottom: 20px; } .woocommerce .woocommerce-product-rating .star-rating, .woocommerce-page .woocommerce-product-rating .star-rating { font-size: .6em; margin: 1.1em .5em 0 0; } .woocommerce #content div.product p.price del, .woocommerce #content div.product span.price del, .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce-page #content div.product p.price del, .woocommerce-page #content div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page div.product span.price del { color: inherit; } .woocommerce .star-rating, .woocommerce-page .star-rating { width: 6.4em; } /* quantity */ .woocommerce div.product form.cart, .woocommerce div.product p.cart { margin-bottom: 2em; margin-top: 15px; } .woocommerce div.product form.cart .variations td.label label { color: #666666; font-size: 16px; padding-top: 10px; } .woocommerce div.product form.cart .variations select, .woocommerce .woocommerce-ordering select { vertical-align: top; padding: 6px 10px; border-color: #D8D8D8; max-width: 100%; } .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { margin: 0; } .woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity { width: 3em; } .woocommerce #content .quantity .minus, .woocommerce .quantity .minus, .woocommerce-page #content .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce .quantity .plus, .woocommerce-page #content .quantity .plus, .woocommerce-page .quantity .plus { position: static; float: left; margin-top: .88em; background: none; border: none; box-shadow: none; font-size: 1.27em; font-weight: normal; outline: none; padding: 0 1.5em 0 .512em } .woocommerce #content .quantity .minus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page #content .quantity .minus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce .quantity .plus:hover, .woocommerce-page #content .quantity .plus:hover, .woocommerce-page .quantity .plus:hover { background: none; } .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { font-size: 1em; font-weight: normal; background: #fff; color: #000; border: solid 1px #000; border-radius: 2px; padding: .2em; min-height: 2.2em; line-height: 110%; height: 2.55em; width: 2.75em; } /*.woocommerce ul.products li.product a, .woocommerce ul.products li.product:hover a{ -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; }*/ .woocommerce ul.products li.product:before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; transition: all .3s ease-in-out; } .woocommerce ul.products li.product:hover:before { content: ""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 0; background-color: rgba(0, 0, 0, 0.68); transition: all .3s ease-in-out; } .woocommerce ul.products li .add_to_cart_button { position: absolute; right: 25%; left: 25%; bottom: 50%; display: none; border-radius: 0; color: #1abc9c; } .woocommerce ul.products li:hover .add_to_cart_button { display: block; background-color: rgba(255, 255, 255, 0.73); } .woocommerce ul.products li a.button { position: absolute; right: 25%; left: 25%; bottom: 50%; display: none; border-radius: 0; color: #1abc9c; } .woocommerce ul.products li:hover a.button { display: block; background-color: rgba(255, 255, 255, 0.73); } .woocommerce ul.products li:hover .star-rating { display: block; } .woocommerce ul.products li.product .price { display: none; } .woocommerce ul.products li:hover .price { display: block; } /* star rating */ .woocommerce ul.products li.product .star-rating { font-size: .857em; position: absolute; bottom: 40%; max-width: 100%; left: 0; right: 0; text-align: center; display: none; } .woocommerce #review_form #respond p span, .woocommerce-page #review_form #respond p span { font-size: .6em; letter-spacing: .085em; } .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, .woocommerce-page p.stars a.star-1, .woocommerce-page p.stars a.star-2, .woocommerce-page p.stars a.star-3, .woocommerce-page p.stars a.star-4, .woocommerce-page p.stars a.star-5 { border-right: 0px solid #000; } .woocommerce p.stars a.star-5, .woocommerce-page p.stars a.star-5 { border: 0; } .woocommerce .star-rating span, .woocommerce-page .star-rating span { color: #e6c200; letter-spacing: .215em; } .woocommerce .star-rating:before, .woocommerce-page .star-rating:before { letter-spacing: .215em; } .woocommerce .star-rating, .woocommerce-page .star-rating { font-size: .6em; float: none; margin-bottom: .5em; } /* WooCommerce button */ .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce ul.products li.product a.button, .woocommerce.archive ul.products li.product a.button, .woocommerce-page.archive ul.products li.product a.button { background-color: #ffb901; color: #fff; font-size: 1em; font-weight: normal; text-shadow: none; text-transform: capitalize; padding: .65em .65em; line-height: 110%; letter-spacing: .04px; box-shadow: none; border-radius: 4px; } .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce ul.products li.product a.button:hover, .woocommerce.archive ul.products li.product a.button:hover, .woocommerce-page.archive ul.products li.product a.button:hover { background: #e85500; color: #fff; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { border: none; border-bottom: 1px solid #000; } /* breadcrumb */ .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { color: #000; font-style: italic; font-size: .8em; margin: 0 0 1.5em; text-transform: none; } .woocommerce .woocommerce-breadcrumb a, .woocommerce-page .woocommerce-breadcrumb a { color: inherit; font-style: normal; font-weight: bold; text-transform: uppercase; text-decoration: none; } /* product meta */ .woocommerce #content div.product div.product_meta, .woocommerce div.product div.product_meta, .woocommerce-page #content div.product div.product_meta, .woocommerce-page div.product div.product_meta { font-size: .875em; line-height: 1.7em; } .woocommerce #content div.product div.product_meta .posted_in, .woocommerce div.product div.product_meta .posted_in, .woocommerce-page #content div.product div.product_meta .posted_in, .woocommerce-page div.product div.product_meta .posted_in { text-transform: uppercase; font-weight: bold; } .woocommerce #content div.product div.product_meta .posted_in a, .woocommerce div.product div.product_meta .posted_in a, .woocommerce-page #content div.product div.product_meta .posted_in a, .woocommerce-page div.product div.product_meta .posted_in a { text-transform: none; text-decoration: none; } /* review_form respond */ .woocommerce #review_form #respond, .woocommerce-page #review_form #respond { margin: 1.5em 0; } .woocommerce #review_form #respond textarea, .woocommerce-page #review_form #respond textarea { min-height: 15em; } .woocommerce #review_form #respond p, .woocommerce-page #review_form #respond p { margin: 0 0 0em; } .woocommerce #commentform p.stars a{ color:#e6c200; font-size:14px; } /* review title */ .woocommerce #reviews h3, .woocommerce-page #reviews h3 { font-size: 2.05em; font-variant: small-caps; letter-spacing: .022em; } /* comment/review button */ .woocommerce-page #respond input#submit { background: #ffb901; border: none; color: #fff; padding-bottom: 30px; padding-top: 16px; margin-top: 30px; } /* related/upsell */ .woocommerce .related h2, .woocommerce .upsells.products h2, .woocommerce-page .related h2, .woocommerce-page .upsells.products h2 { font-size: 140%; letter-spacing: .01em; } .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale { top: 0px; right: auto; left: 0px; margin: 0em 0em 0 0; } /* Product tabs */ .woocommerce #content div.product .woocommerce-tabs .panel h2, .woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce-page #content div.product .woocommerce-tabs .panel h2, .woocommerce-page div.product .woocommerce-tabs .panel h2 { font-size: 140%; letter-spacing: 0.01em; margin: 2em 0 1em; } .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs { padding: 0; text-transform: uppercase; } .woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before { bottom: 3px; border-bottom: 1px solid #000000; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; background: none; border: none; box-shadow: none; margin: 0; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before { border: none; box-shadow: none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after { border: none; box-shadow: none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active { border: 1px solid #000; border-bottom-color: #fff; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a { color: inherit; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { background: none; border: none; width: 88px; } .single-product #respond h3 { font-size: 18px; font-weight: normal; padding: 10px 0px; } .single-product label { font-weight: normal; } /* Product review */ .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border: none; margin: 0; padding: .4em 0 0; margin-left: 20px; } .woocommerce-page #reviews #comments ol.commentlist li .comment-text .description { margin-top: 30px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { color: #000; font-size: 1em; padding-left: 5.5em; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating, .woocommerce-page #reviews #comments ol.commentlist li .comment-text .star-rating { margin-left: 9.5em; } .woocommerce .meta strong, .woocommerce-page .meta strong { display: block; font-size: 1em; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; } .woocommerce .meta time, .woocommerce-page .meta time { font-style: italic; } /* Cart style */ /* input text */ .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text { box-shadow: none; border: none; border-bottom: 1px solid #000; padding: .4em .1em; width: 6.5em; } .woocommerce #content table.cart input, .woocommerce table.cart input, .woocommerce-page #content table.cart input, .woocommerce-page table.cart input { margin-bottom: .5em; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: none; } .woocommerce #content table.cart td, .woocommerce #content table.cart th, .woocommerce table.cart td, .woocommerce table.cart th, .woocommerce-page #content table.cart td, .woocommerce-page #content table.cart th, .woocommerce-page table.cart td, .woocommerce-page table.cart th { font-weight: normal; padding: 1em .5em; } .woocommerce #content table.cart th, .woocommerce table.cart th, .woocommerce-page #content table.cart th, .woocommerce-page table.cart th { font-size: 1em; font-variant: small-caps; font-weight: bold; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { font-size: 140%; } .woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th { font-size: 0.865em; font-weight: normal; text-transform: uppercase; border-top: 1px solid rgba(0, 0, 0, .1); width: 35%; } .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td { text-transform: none; text-align: right; } /* shipping_calculator */ .woocommerce .cart-collaterals .shipping_calculator h2, .woocommerce-page .cart-collaterals .shipping_calculator h2 { font-size: 1.375em; text-align: right; } .woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after { display: none; } .woocommerce .cart-collaterals .shipping_calculator h2 a, .woocommerce-page .cart-collaterals .shipping_calculator h2 a { color: #654e9c; } /* Checkout style */ /* woocommerce-info */ .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info { border-top: 3px solid #000; border-radius: 0; box-shadow: none; } .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { background-color: #000; } .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before { -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .woocommerce .col2-set .col-1 h3, .woocommerce-page .col2-set .col-1 h3, .woocommerce .col2-set .col-2 h3, .woocommerce-page .col2-set .col-2 h3 { font-size: 1.4em; font-variant: small-caps; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th { font-weight: normal; } .woocommerce .checkout h3, .woocommerce-page .checkout h3 { font-size: 140%; } .woocommerce #payment, .woocommerce-page #payment { background: #f8f8f8; -webkit-border-radius: 0; border-radius: 0; } .woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box { background: #f0f0f0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; text-shadow: none; } .woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after { bottom: 100%; } /* Product image */ .single-product .container-color { margin-bottom: 40px; } .woocommerce ul.products li.product a img { margin: 0 0 0em; } .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { box-shadow: none; } .woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img { box-shadow: none; } .woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img { box-shadow: none; } .woocommerce #content div.product div.images img, .woocommerce div.product div.images img, .woocommerce-page #content div.product div.images img, .woocommerce-page div.product div.images img { box-shadow: none; } /* Sales tag */ .woocommerce span.onsale, .woocommerce-page span.onsale { min-height: 32px; min-width: 32px; width: 53px; height: 40px; padding: 0; font-weight: normal; letter-spacing: 1.2px; position: absolute; text-align: center; line-height: 40px; right: auto; top: 0; left: 0; margin: 0; z-index: 2; background-color: #1abc9c; color: #ffffff; text-transform: uppercase; font-size: 13px; -webkit-border-radius: 50%; border-radius: 0%; } /* Product price */ .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price { color: #fff; font-size: 1em; margin-top: 0em; margin-bottom: 0em; position: absolute; width: 100%; bottom: 30%; } .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { color: #fff; float: left; margin-left: 40px; } /* WooCommerce pagination */ .woocommerce #content nav.woocommerce-pagination, .woocommerce nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination { margin-top: 2em; } .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { border: none; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { border: none; } .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span { display: inline-block; font-size: 1.3em; font-weight: bold; line-height: .5em; margin: 0 .1em 0 0; min-height: .6em; min-width: .6em; padding: .5em; text-align: center; text-decoration: none; vertical-align: middle; } .woocommerce #content nav.woocommerce-pagination ul li a:focus, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:focus, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current { background: #000; color: #fff; } nav.woocommerce-pagination .next { position: relative; } /* Archive product */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; margin-bottom: 42px; border: 0; box-sizing: border-box; margin-bottom: 96px; } .woocommerce ul.products li.product h2, .woocommerce-page ul.products li.product h2 { font-size: 18px; padding: .5em 0; color: #fff; font-weight: 200px; position: absolute; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.79); } .woocommerce .products .star-rating, .woocommerce-page .products .star-rating { font-size: .6em; margin: auto; } .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-ordering, .woocommerce-page .woocommerce-result-count { margin: 0 0 1.4em; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: left; margin: 0 2.5% 2.5% 0; padding: 0; position: relative; width: 31.666%; } .woocommerce ul.products li.product.last, .woocommerce-page ul.products li.product.last { margin-right: 0; } .woocommerce .cross-sells ul.products li .add_to_cart_button { position: absolute; right: 19%; left: 19%; bottom: 50%; display: none; border-radius: 0; color: #1abc9c; } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{ margin: 0; } /* price filter widget style start */ .price_slider { margin-bottom: 1em; } .price_slider_amount { text-align: right; line-height: 2.4em; font-size: 0.8751em; } .price_slider_amount .button { font-size: 1.15em; } .price_slider_amount .button { float: left; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.9em; height: 0.9em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.25); cursor: pointer; background: #e7e7e7; background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#e7e7e7)); background: -webkit-linear-gradient(#FEFEFE, #e7e7e7); background: -moz-linear-gradient(center top, #FEFEFE 0%, #e7e7e7 100%); background: -moz-gradient(center top, #FEFEFE 0%, #e7e7e7 100%); outline: none; top: -.3em; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; } .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: none repeat scroll 0 0 #FF6B6B; box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset; -webkit-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset; -moz-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .price_slider_wrapper .ui-widget-content { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background: #1e1e1e; background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#6a6a6a)); background: -webkit-linear-gradient(#1e1e1e, #6a6a6a); background: -moz-linear-gradient(center top, #1e1e1e 0%, #6a6a6a 100%); background: -moz-gradient(center top, #1e1e1e 0%, #6a6a6a 100%); } .ui-slider-horizontal { height: .5em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .ui-slider-horizontal .ui-slider-range-max { right: -1px; } /* price filter widget style end */ /* WOOCOMMERCE widget style start */ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; width: 60px; margin-right: 20px; } .woocommerce-product-search input[type=search] { border: 1px solid #D0D0D0; height: 35px; max-width: 70%; padding-left: 5px; } .woocommerce-product-search input[type="submit"] { background: none; border: none; background: #F47555; color: #fff; height: 35px; } .banner-widget h4 { display: inline-block; background: #fff; padding: 10px 60px; margin-bottom: 45px; font-size: 22px; } .banner-widget { text-align: center; } /* WOOCOMMERCE widget style end */ /*WOOCOMMERCE column style*/ .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product { width: 48.5%; position: relative; } .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { width: 31.35%; position: relative; } .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product { width: 23.12%; position: relative; } .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product { width: 17.6%; position: relative; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{ padding: 0em; } /*woocommerce end*/ @media only screen and (max-width: 768px) { .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product,.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product,.woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product,.woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product { width: 48%; position: relative; } } @media only screen and (max-width: 767px) { .woocommerce table.cart, .woocommerce-page table.cart { font-size: .8em; } .woocommerce table.cart .porduct-price, .woocommerce-page table.cart .product-price { display: none; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { float: none; width: 100% } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 47%!important; float: left; clear: both; margin: 0 0 2.992em } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: right; clear: none!important } .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary { float: none; width: 100% } /* cart */ .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: none } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { text-align: left } .woocommerce #content .quantity .minus, .woocommerce .quantity .minus, .woocommerce-page #content .quantity .minus, .woocommerce-page .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce .quantity .plus, .woocommerce-page #content .quantity .plus, .woocommerce-page .quantity .plus { float: none; margin-top: .5em; margin-left: .5em; } .woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty { float: none; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { float: none; *zoom: 1; padding-bottom: .5em } .woocommerce #content table.cart td.actions .coupon:after, .woocommerce #content table.cart td.actions .coupon:before, .woocommerce table.cart td.actions .coupon:after, .woocommerce table.cart td.actions .coupon:before, .woocommerce-page #content table.cart td.actions .coupon:after, .woocommerce-page #content table.cart td.actions .coupon:before, .woocommerce-page table.cart td.actions .coupon:after, .woocommerce-page table.cart td.actions .coupon:before { content: " "; display: table } .woocommerce #content table.cart td.actions .coupon:after, .woocommerce table.cart td.actions .coupon:after, .woocommerce-page #content table.cart td.actions .coupon:after, .woocommerce-page table.cart td.actions .coupon:after { clear: both } .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator { width: 100%; float: none; text-align: left } } @media only screen and (max-width: 420px) { .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product, .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product, .woocommerce-page.columns-4 ul.products li.product, .woocommerce.columns-4 ul.products li.product, .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product { width: 100%; } } @media screen and (max-width: 1230px) { #page, .container { max-width: 96%; } } @media screen and (max-width: 1024px) { /*start header menu style*/ .menu-center .header-wrapper .logo{ width:80%; float:left!important; text-align: left; } .menu-center .header-wrapper .logo{ padding: 30px 0px!important; } .menu-center.smaller .header-wrapper .logo{ padding: 15px 0px!important; } .menu-center .header-wrapper .logo .logo-img{ margin: inherit; } .menu-center.smaller .header a#pull{ padding: 15px 0; } .split-menu .logo { display: block; } .split-menu #main-menu-wrapper { padding-top:0px; } .split-menu.smaller #main-menu-wrapper{ padding-top:0px; } .home .last-btn .navigation ul#menu > li:last-child > a{ border:none; font-size:14px; border-radius: 0px; padding:15px 0px; margin-top:0; } .home .last-btn.smaller .navigation ul#menu > li:last-child > a{ background:transparent; border:none; } .home .last-btn.smaller .navigation ul#menu > li:last-child > a:hover{ background:#ffb901; } /*end header menu style*/ .smaller .header a#pull { padding-top: 19px; padding-bottom: 10px; } .logged-in.admin-bar .navigation.mobile-menu-wrapper { margin-top: 32px; } .navigation { width: 100%; border: none !important; display: none; } .navigation .menu > li { margin: 0px; } #main-menu-wrapper nav.navigation .menu { padding: 0px 0!important; } #main-menu-wrapper nav.navigation .menu, header.smaller #main-menu-wrapper nav.navigation ul { padding: 0; } .navigation ul .current-menu-item > a, .navigation ul li a:hover { background-color:#ffb901; color: #fff!important; } .navigation .menu a, .navigation .menu .fa > a, .navigation .menu .fa > a { color: #000!important; background: transparent; } .navigation .menu { display: block!important; float: none; background: transparent; margin-bottom: 45px; } .navigation ul ul { visibility: visible!important; opacity: 1!important; position: relative; left: 0!important; border: 0; width: 100%; } .navigation ul li li { background: transparent; border: 0; } .navigation ul ul li:hover { background-color: rgba(249, 249, 249, 0); } .navigation .menu > li > a { font-size: 14px; } .navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited { font-size: 13px; font-family: "OpenSans-Regular", sans-serif; } nav { height: auto; } #main-menu-wrapper nav li, #main-menu-wrapper .navigation ul li li { width: 100%!important; float: left; position: relative; } #main-menu-wrapper .navigation ul li:after { display: none; } #main-menu-wrapper .navigation ul li:before { display: none; } #main-menu-wrapper nav li a { border-bottom: 1px solid rgba(193, 193, 193, 0.2)!important; width: 100%!important; box-sizing: border-box; font-size: 14px; } #main-menu-wrapper nav a { text-align: left; width: 100%; text-indent: 25px; } .header a#pull { display: block; width: auto; float: right; position: relative; color: #fff; padding: 35px 0; text-indent: 15px; text-align: right; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } a#pull:after { content: "\f0c9"; display: inline-block; font-size: 30px; font-family: FontAwesome; } .mobile-menu-active a#pull:after { content: "\f00d"; } .header-wrapper header.smaller a#pull { padding: 23px 0; color: #000; } .navigation ul .sfHover a, .navigation ul li:hover, .navigation ul .sfHover ul li { background: transparent; } /*-[ Responsive Navigation ]--------------------------------*/ .mobile-menu-active .main-container, .mobile-menu-active #site-header, .mobile-menu-active .footer { left: 300px; transition: left 500ms ease; } .navigation.mobile-menu-wrapper { display: block; position: fixed; top: 0; left: -300px; width: 300px; height: 100%; background-color: #fff; border-right: 1px solid rgba(0, 0, 0, 0.2)!important; overflow: auto; transition: left 500ms ease; -webkit-backface-visibility: hidden; z-index: 99999; } .mobile-menu-active .navigation.mobile-menu-wrapper { left: 0; } .navigation ul li { width: 100%; display: block; } .navigation ul li:hover { background: none; } .navigation ul li a, .navigation ul ul a { padding: 15px 0; width: 100%; border: none; } .navigation ul ul { position: static; width: 100%; border: none; padding-top: 0px; } .navigation ul ul.sub-menu { top: 48px; } .navigation ul ul li { background: none; width: 100%; } .navigation i { display: inline; } .navigation ul ul a { padding: 9px 18px !important; } .navigation ul ul ul a { padding: 9px 27px !important; } .navigation ul ul ul ul a { padding: 9px 36px !important; } .navigation .toggle-caret { display: block; width: 43px; height: 44px; line-height: 43px; color: #8C8686; order-left: 1px solid rgba(193, 193, 193, 0.2); } .navigation .toggle-caret i { margin-right: 0; } .navigation .menu-item-has-children > a:after { content: ''; } header #searchform-wrap { right: 35px; } .two-grid-layout .post .post-header h2, .three-grid-layout .post .post-header h2 { font-size: 18px; line-height: 25px; } .ribbon-section .ribbon-button button { float: none; } .ribbon-section h2.heading-area { float: none; } .ribbon-section { text-align: center; } ul.multiple-team-section li.multi-team { width: 31.7%; float: left; margin-right: 2.33%; margin-bottom: 2.33%; position: relative; } ul.multiple-team-section li.multi-team:nth-of-type(4n+4) { margin-right: 2.33%; clear:left; } ul.multiple-team-section li.multi-team:nth-of-type(3n+3) { margin-right: 0px; } figure.team-box img { width: 100%; } .ribbon-section h2.heading-area { float: none; display: block; width:100%; text-align: center; margin-bottom: 20px; } } @media (max-width: 990px) { .left .sidebar-wrapper, .left .content, .right .content, .right .sidebar-wrapper{ float: none; } .sidebar-inner-widget{ padding:0; } .content { width: 96%; max-width: 800px; float: none; margin: 0 auto; clear: both; overflow: hidden; } .sidebar-wrapper { max-width: 400px; width: 96%; float: none; margin: 70px auto 0px; } ul.multiple-price-section li.multi-price { width: 31.7%; float: left; margin-right: 2.33%; margin-bottom: 40px; position: relative; } ul.multiple-price-section li.multi-price:nth-of-type(4n+4) { margin-right: 2.33%; } ul.multiple-price-section li.multi-price:nth-of-type(3n+3) { margin-right: 0px; } .newsletter .captcha_wrapper .g-recaptcha { float: none; } .home .newsletter .leadform-show-form { float: none; } .newsletter h3 { width: 100%; text-align: center; margin-bottom: 25px; } form.Newsletter-form { float: none; } } @media screen and (max-width: 900px) { .widget-header { max-width: 70% } .navigation .menu { box-shadow: none; } .widget-header { max-width: 70% } .navigation .menu { box-shadow: none; } } @media screen and (max-width: 785px) { ul.multiple-team-section li.multi-team { width: 45%; float: none; margin-right: 4%; margin-bottom: 4%; position: relative; display: inline-block; } ul.multiple-team-section li.multi-team:nth-of-type(3n+3) { margin-right: 4%; } ul.multiple-team-section li.multi-team:nth-of-type(2n+2) { margin-right: 0px; } ul.multiple-price-section li.multi-price { width: 45%; float: none; margin-right: 4%; margin-bottom: 40px; position: relative; display: inline-block; } ul.multiple-price-section li.multi-price:nth-of-type(3n+3) { margin-right: 4%; } ul.multiple-price-section li.multi-price:nth-of-type(2n+2) { margin-right: 0px; } } @media screen and (max-width: 768px) { .footer .footer-widget-column .widget, .footer .footer-widget-column.footer-widget-4column-active .widget { width: 46%; } .footer .footer-widget-column .widget:nth-child(2n+1) { clear: both; margin-right: 3.6% } .featured-section { width: 49.5%; } .featured-section { float: none; margin-right: 0%; margin-bottom: 60px; display: inline-block; margin-right: 0; } .featured-section:nth-child(2n+2) { clear: none; margin-right: 0; } .featured-section:nth-child(2n+1) { margin-right: 0%; } ul.multiple-featured-section li.multi-featured { width: 49.5%; } ul.multiple-featured-section li.multi-featured:nth-child(2n+2) { clear: none; margin-right: 0; } ul.multiple-featured-section li.multi-featured:nth-of-type(2n+1) { margin-right: 1%; } ul.multiple-testimonial-section li.multi-testimonial { width: 48.5%; } ul.multiple-testimonial-section li.multi-testimonial:nth-child(2n+2) { clear: none; margin-right: 0; } ul.multiple-testimonial-section li.multi-testimonial:nth-of-type(2n+1) { margin-right: 3%; margin-bottom: 3%; } .aboutus-text { float: none; width: 100% } .aboutus-image { float: none; width: 100% } .newsletter-wrapper form.Newsletter-form input[type="submit"] { margin-top: 20px; } .footer .footer-widget-column .widget:nth-child(2n+2) { margin-right: 0px; border-right: none; } .footer .footer-widget-column .widget:first-child .widgettitle, .footer .footer-widget-column .widget:last-child .widgettitle { text-align:left; } .lead-genration-wrapper .popup { width: 60%!important; } .main-text h1 { color: #fff; font-size: 30px; } .main-text h2 { font-size: 20px; } .main-button button { padding: 10px 15px; font-size: 18px; } h2.head-text { font-size: 1.8rem; } } @media screen and (max-width: 768px) { /*lead form*/ .home .newsletter .leadform-show-form { max-width: 100%; width: 100%; float: none; padding: 0px; } .home .newsletter .leadform-show-form input[type="email"], .home .newsletter .leadform-show-form input[type="text"] { margin-right: 0px; margin-bottom: 20px; float: none; } .home .newsletter .leadform-show-form .submit-type.lf-field { display: inline-block; } .detail-wrap { width: 100%; margin-left: 0%; float: none; margin-top: 50px; } .contact-wrap { width: 100%; left: 0; float: none; } } /*end*/ @media (max-width: 550px) { .footer .footer-widget-column .widget, .footer .footer-widget-column.footer-widget-4column-active .widget { width: 100%; margin-right:0; padding-right: 0; } .footer .footer-widget-column .widget:nth-child(2n+1){ margin-right:0; } iframe { height: 100%!important; } .featured-section { width: 100%; } ul.multiple-featured-section li.multi-featured { width: 100%; } ul.multiple-featured-section li.multi-featured:nth-child(2n+1) { clear: both; margin-bottom: 1%; } ul.multiple-testimonial-section li.multi-testimonial { width: 100%; margin-bottom: 3%; } ul.multiple-testimonial-section li.multi-testimonial:nth-child(2n+1) { clear: both; } .newsletter-wrapper form.Newsletter-form input.text { width: 35%; } .lead-genration-wrapper .popup { width: 60%!important; } ol.commentlist li ul.children { list-style: none; text-indent: 0; margin: 1em 0em 0 0em; padding-left: 5px; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ float:none; } } @media screen and (max-width: 499px) { ul.multiple-team-section li.multi-team { width: 100%; float: none; max-width: 280px; margin-right: 0%; margin-bottom: 40px; position: relative; display: inline-block; } ul.multiple-team-section li.multi-team:nth-of-type(3n+3) { margin-right: 0%; } ul.multiple-team-section li.multi-team:nth-of-type(2n+2) { margin-right: 0px; } ul.multiple-price-section li.multi-price { width: 100%; float: none; max-width: 280px; margin-right: 0%; margin-bottom: 40px; position: relative; display: inline-block; } ul.multiple-price-section li.multi-price:nth-of-type(3n+3) { margin-right: 0%; } ul.multiple-price-section li.multi-price:nth-of-type(2n+2) { margin-right: 0px; } .woocommerce[class*=columns-] ul.products li.product { width: 70%; float: none; clear: both; margin: 0 0 0em; display: inline-block; margin-bottom: 40px; } .woocommerce[class*=columns-] ul.products li.product:nth-child(2n) { float: none; clear: none!important; } .lead-genration-wrapper .popup { width: 80%!important; } } @media screen and (max-width: 480px) { a#pull { right: 15px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%!important; } .navigation.mobile-menu-wrapper { left: -250px; width: 250px; } } /*LEAD FORM ADD IN FRONT PAGE*/ /*.leadform-show-form input[type="submit"] { border-radius: 4px!important; font-size: 14px!important; text-transform: capitalize!important; padding: 11px 21px!important; background-color:#16a085!important; border:none!important; letter-spacing: 1px!important; }*/ .home .newsletter .leadform-show-form input[type="submit"]:hover, .home .switch-lead .leadform-show-form input[type="submit"]:hover{ opacity:0.7!important; } .switch-lead .main-text { position: relative; margin: 0px; text-align: left; padding: 0; width: 70%; float: left; } .switch-lead .lead-genration-wrapper { position: relative; margin-bottom: 20px; padding: 0; width: 30%; float: right; } .home.switch-lead .main-head-partition { border-bottom: 2px solid #adadad; max-width: 270px; margin: inherit; } .home .switch-lead .lead-genration-wrapper .leadform-show-form { background-color: rgba(0, 0, 0, 0.7); color: #fff; max-width: 100%!important; margin-bottom: 20px; height: 470px; overflow-y: scroll; } .home .switch-lead .lead-genration-wrapper .leadform-show-form form { padding-left: 20px; padding-right: 13px; padding-top: 10px; padding-bottom: 10px; } .home .switch-lead .lead-genration-wrapper .leadform-show-form label { display: none; } .home .switch-lead .lead-genration-wrapper .submit-type label, .home .switch-lead .lead-genration-wrapper .radio-type label, .home .switch-lead .lead-genration-wrapper .select-type label, .home .switch-lead .lead-genration-wrapper .checkbox-type label { display: block; } .home .switch-lead .lead-genration-wrapper .leadform-show-form select { width: 100%; font-size: 14px; line-height: 1.42857143; color: #fff; background-color: rgba(255, 255, 255, 0.28); background-image: none; border-radius: 2px; border: 1px solid #ccc; margin-bottom: 15px; min-height: 38px; } .home .switch-lead .lead-genration-wrapper .leadform-show-form textarea { width: 100%; min-height: 100px!important; } .home .switch-lead .lead-genration-wrapper .leadform-show-form select option { background-color: #39ce50; } .home .switch-lead .lead-genration-wrapper .leadform-show-form select:focus { outline: none; } .home .switch-lead .leadform-show-form textarea, .home .switch-lead .leadform-show-form input:not([type]), .home .switch-lead .leadform-show-form input[type="email" i], .home .switch-lead .leadform-show-form input[type="number" i], .home .switch-lead.leadform-show-form input[type="password" i], .home .switch-lead .leadform-show-form input[type="tel" i], .home .switch-lead .leadform-show-form input[type="url" i], .home .switch-lead .leadform-show-form input[type="text" i], .home .switch-lead .leadform-show-form input[type="number"] { padding: 6px 12px!important; width: 100%; margin-bottom: 0px; background-color: rgba(255, 255, 255, 0.28)!important; } .home .switch-lead .lead-genration-wrapper .leadform-show-form h1 { text-align: center; color: #fff; font-size: 24px; line-height: 30px; padding-bottom: 10px; padding-top: 0px; } .home .switch-lead .lead-genration-wrapper .leadform-show-form .submit-type.lf-field { display: block; margin-top: 12px; margin-bottom: 12px; } .home .switch-lead .lead-genration-wrapper .leadform-show-form input[type="submit"] { padding: 10px 30px!important; border-color: #f2802d!important; border-radius: 3px; text-transform: capitalize; font-size: 18px; font-weight: 500; color: #fff; background-color: #f2802d!important; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; width: 100%; border-radius: 4px; border: none; } .home .switch-lead .lead-genration-wrapper .leadform-show-form::-webkit-input-placeholder { color: #fff; } .home .switch-lead .leadform-show-form::-webkit-scrollbar { width: 7px; } .home.switch-lead .leadform-show-form::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } .home .switch-lead .lead-genration-wrapper p { color: #fff; margin: 0; } .home .switch-lead .lead-genration-wrapper .leadform-show-form textarea, .home .switch-lead .lead-genration-wrapper .leadform-show-form input:not([type]), .home .switch-lead .lead-genration-wrapper .leadform-show-form input[type="email" i], .home .switch-lead .lead-genration-wrapper .leadform-show-form input[type="number" i], .home .switch-lead .lead-genration-wrapper .leadform-show-form input[type="password" i], .home .switch-lead .lead-genration-wrapper .leadform-show-form input[type="tel" i], .home .switch-lead .lead-genration-wrapper .leadform-show-form input[type="url" i], .home .switch-lead .lead-genration-wrapper .leadform-show-form input[type="text" i], .home .switch-lead .lead-genration-wrapper .leadform-show-form input[type="number"] { color: #fff; margin-bottom: 15px; } /*END STYLE*/ /*popup start contact form style*/ .lead-genration-wrapper p.contact-popup-hide { display: none; } .lead-genration-wrapper #popup1 { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 9999; } .lead-genration-wrapper #popup1:target { visibility: visible; opacity: 1; } .lead-genration-wrapper .popup { margin: 100px auto; padding: 16px; border-radius: 5px; width: 30%; position: relative; transition: all 0.2s ease-in-out; } .lead-genration-wrapper .popup .close { position: absolute; top: 15px; right: 25px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #14967c; z-index: 9999; } .lead-genration-wrapper .popup .close:hover { color: #fff; } @media (max-width: 1000px) { .switch-lead .lead-genration-wrapper { width: 100%; } .switch-lead .main-text { position: relative; margin: 0px; text-align: center; padding: 0; width: 100%; } .switch-lead .main-head-partition { margin: 0 auto; } .lead-genration-wrapper .popup { width: 40%; } .lead-genration-wrapper .contact-popup-hide a:hover { padding: 5px; border-bottom: 1.5px solid #BF9E58; -webkit-transition: text-decoration 500ms ease; -moz-transition: text-decoration 500ms ease; -ms-transition: text-decoration 500ms ease; -o-transition: text-decoration 500ms ease; transition: text-decoration 500ms ease; } .lead-genration-wrapper #cnt-page { display: none; } .lead-genration-wrapper p.contact-heading { display: block; } .lead-genration-wrapper p.contact-popup-hide { display: block; text-align: center; } .lead-genration-wrapper .contact-popup-hide a { color: #fff; font-size: 16px; font-weight: 500; padding-top: 10px; text-align: center; } } /*popup end contact form style /* new added */ .header { display: flex; justify-content: space-between; align-items: center; width: 65%; } .logo { margin: 15px; padding: 30px; background-color: #ffb901; border-radius: 50%; } #header .header-img { display: none; background-image: none!important; } #menu li a { padding: 15px 30px; font: 700 18px "Charmonman"; color: #315379; } .head-content-wrapper { display: flex; justify-content: space-between; } .head-content-wrapper span { margin-top: 10px; color: #6abbcc; } .head-content-wrapper img { width: 50%; } .head-content { width: 45%; text-align: right; } .biger-text, .head-content-wrapper span { font-family: "OpenSans-Bold"; } .biger-text { font-size: 50px; color: #315379; } div.wpforms-container-full .wpforms-form button[type="submit"] { font-weight: 700; background-color: #49adc4; color: #fff; } .soc { margin-top: 50px; text-align: center; } .soc a { display: inline-block; width: 80px; margin-right: 50px; padding: 20px 0; font-size: 30px; background-color: #eff0f4; border-radius: 50%; color: #706865; } .soc a:hover { color: #ffb901; }