/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Global 2.0 Header 3.0 Menu 4.0 Inner page 5.0 Footer 6.0 Blog 7.0 Alignments 8.0 Clearings 9.0 Widgets 9.1 Footer Widgets 9.2 Sidebar Widgets 10 Footer --------------------------------------------------------------*/ /*WORDPRESS DEFAULTS*/ .entry-content img { margin: 0 0 1.5em 0; } .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .gallery dl { } .gallery dt { } .gallery dd { } .gallery dl a { } .gallery dl img { } .gallery-caption { } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: none } table { border-collapse: collapse; border-spacing: 0 } /*-------------------------------------------------------------- 1.0 Global --------------------------------------------------------------*/ /* @TODO - the css need organized. */ body { background: #fff; /* Fallback for when there is no custom background color defined. */ -webkit-font-smoothing: antialiased; } @font-face { font-family: 'Glyphter'; src: url('../fonts/Glyphter.eot'); src: url('../fonts/Glyphter.eot?#iefix') format('embedded-opentype'), url('../fonts/Glyphter.woff') format('woff'), url('../fonts/Glyphter.ttf') format('truetype'), url('../fonts/Glyphter.svg#Glyphter') format('svg'); font-weight: normal; font-style: normal; } ul, ol { margin-left: 0; padding-left: 0; margin-bottom: 20px; } ul { list-style-type: disc; list-style-position: inside; } ol { list-style-type: decimal; } ol li, ul li { display: list-item } ul ul, ol ul { list-style-type: circle; } ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: square; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ol, ul.square, ul.circle, ul.disc { margin-left: 24px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 8px 0 5px 30px; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 1.5em; margin-bottom: 6px; } p { margin: 0 0 5px; } .container { max-width: inherit; position: relative; } a, i { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } a i { -webkit-transition: none; -o-transition: none; transition: none; } a:hover { text-decoration: none; } i, cite, em, var, address, dfn { font-style: italic; } img { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; vertical-align: middle; } .site-header { position: relative; z-index: 8000; -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1); } .retina { display: none; } .align-left { float: left; } .align-right { float: right; } .boxed #page { margin: 0 auto; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } figure.wp-caption.alignleft, img.alignleft { margin: 7px 24px 7px 0; } .wp-caption.alignleft { margin: 7px 14px 7px 0; } figure.wp-caption.alignright, img.alignright { margin: 7px 0 7px 24px; } .wp-caption.alignright { margin: 7px 0 7px 14px; } img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .wp-caption { max-width: 100%; margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .wp-caption-text { font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; color: #999; } div.wp-caption .wp-caption-text { padding-right: 10px; } div.wp-caption.alignright img[class*="wp-image-"], div.wp-caption.alignright .wp-caption-text { padding-left: 10px; padding-right: 0; } .entry-content ol.commentlist { padding-left: 0; list-style: none; } .post-password-form input[type="password"] { background: #ffffff none repeat scroll 0 0; border: 1px solid #eceef0; color: #a1b1bc; font-size: 14px; line-height: 20px; margin-left: 10px; margin-top: 0; padding: 8px 20px; width: 150px; } .post-password-form input[type="submit"] { background: #21c2f8 none repeat scroll 0 0; left: 5px; position: relative; top: 0; border: medium none; color: #ffffff; cursor: pointer; font-family: "Open Sans"; font-size: 14px; font-weight: 900; padding: 10px; text-transform: uppercase; transition: all 0.2s linear 0s; border-radius: 0; margin-top: 0; } .entry-love { display: none; } dl dd { text-indent: 15px; } .esg-container-fullscreen-forcer { float: left; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } /*-------------------------------------------------------------- 2.0 Header --------------------------------------------------------------*/ #top-bar .contact-info { float: left; margin-top: 5px; } .nav.navbar-nav.social-btns { margin-top: 5px !important; } .boxed #top-bar .container { padding-left: 0; padding-right: 0; } #top-bar .container .navbar-collapse ul:first-child { border-left: none; } #top-bar .container .navbar-collapse ul:last-child { border-right: none; } #top-bar { border: none; border-bottom: 1px solid; } div#header-sticky { height: auto; } .menu-compact.accordion { -webkit-box-shadow: 0px 7px 0px 0px rgba(38, 38, 38, 0.28); -moz-box-shadow: 0px 7px 0px 0px rgba(38, 38, 38, 80.28); box-shadow: 0px 7px 0px 0px rgba(38, 38, 38, 0.28); } .compact-triggers-container { vertical-align: top; position: relative; display: inline-block; } #header-sticky .container { -webkit-transition: max-width 400ms ease, width 400ms ease, padding 400ms ease; transition: max-width 400ms ease, width 400ms ease, padding 400ms ease; } #header-sticky > .navbar { border: none; } #compact-menu-toggle-close { display: none; } .menu-compact-btn-toggle { font-size: 28px; float: right; color: #262626; line-height: 70px; height: 70px; padding-left: 23px; padding-right: 23px; margin-left: 15px; border-left: 1px solid #ebebeb; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; width:70px; } .menu-compact-btn-toggle.menu-close:hover { olor: #e74c3c !important; } .btn-menu-open { color: #fff; text-decoration: none; font-size: 25px; width: 50px; height: 50px; line-height: 50px; margin-top: 40px; position: relative; text-align: center; border: 1px solid #fff; } .btn-menu-open, .btn-menu-open span { color: #fff; } .btn-menu-open:hover { color: #eeeeee; border: 1px solid #eeeeee; text-decoration: none; } .btn-menu-close { color: #fff; text-decoration: none; font-size: 25px; width: 50px; height: 50px; line-height: 50px; top: 40px; left: -100px; position: absolute; text-align: center; border: 1px solid #fff; } .btn-menu-close, .btn-menu-close span { color: #fff; } .btn-menu-close:hover { color: #eeeeee; border: 1px solid #eeeeee; text-decoration: none; } .side-menu-container.fixed-right { right: -100%; } .side-menu-container { position: fixed; top: 0; bottom: 0; background: #fff; } .side-menu-container ul { padding-left: 0; list-style: none; width: 320px; } .side-menu-container ul li { padding-left: 0; list-style: none; border-bottom: 1px solid #eeeeee; font-weight: 300; } .side-menu-container ul li a { display: block; text-align: left; padding-left: 20px; text-decoration: none; font-weight: 300; } .side-menu-container ul .header-side-menu { height: 85px; line-height: 85px; font-size: 33px; color: #5f6f81; text-align: center; } .side-menu-container ul .header-side-menu a { height: 85px; line-height: 85px; font-size: 33px; color: #5f6f81; font-size: 20px; float: left; } .side-menu-container ul .item-menu { height: 61px; line-height: 61px; font-size: 33px; color: #5f6f81; font-weight: 300; text-align: center; } .side-menu-container ul .item-menu a { font-size: 18px; color: #5f6f81; font-weight: 300; } .side-menu-container ul .item-menu a:hover { background: #eeeeee; } .side-menu-container ul .item-menu a span { font-size: 23px; margin-right: 10px; } .transparent-bg .navbar-nav > li > a { color: #fff !important; } .transparent-bg .navbar-nav > li > a:hover { color: #555555 !important; } .transparent-bg .sb-icon-search { color: #fff; } .transparent-bg .shopping-cart { color: #fff !important; padding-right: 0; } .transparent-bg .price-result { color: #fff !important; } .bg-white .navbar-nav > li > a { color: #262626 !important; } .bg-white .navbar-nav > li > a:hover { color: #555555 !important; } .navbar-nav { font-family: 'Open Sans', sans-serif; } .navbar a { color: #393939; } .navbar a:hover { color: #393939; } .large-height { padding-top: 26px; } .social-btns { padding-right: 10px; } .social-btns > li > a { padding-left: 8px !important; padding-right: 8px !important; } .border-left { border-left: 1px solid #e1e1e1; } .border-right { border-right: 1px solid #e1e1e1; } .border-top { border-top: 1px solid #e1e1e1; } .border-bottom { border-bottom: 1px solid #e1e1e1; } .navbar li a i { margin-right: 10px; } .navbar li a i.dropdown-icon { margin-right: 0; } .dropdown-menu > li > a.no-border { border: none; border-bottom: none; border-top: none; border-left: none; border-right: none; } .nav > li > a.no-padding { padding: 0; padding-bottom: 0; padding-top: 0; padding-left: 0; padding-right: 0; } .shopping-cart { position: relative; display: inline-block; font-size: 18px; color: #393939; margin-left: 5px; margin-right: 5px; float: left; } .badge { position: relative; font-size: 10px !important; font-weight: 700; top: -5px; right: 0; text-align: center; border-radius: 100%; text-shadow: none !important; color: #FFF; } .badge.border { border: 2px solid #fff; position: absolute; font-size: 10px !important; font-weight: 700; top: -5px; right: 0; text-align: center; border-radius: 100% !important; text-shadow: none !important; color: #FFF; } .badge.blue { background: #5bc0de; } .badge.green { background: #8cc152; } .badge.purple { background: #967adc; } .r-rounded { position: relative; border-radius: 3px !important; text-transform: uppercase; padding: 3px !important; font-size: 9px !important; font-weight: 400; } .price-result { font-size: 14px; color: #a0a0a0; float: right; } .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #262626 !important; } .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #262626 !important; } .padding-left-right { padding-left: 35px !important; padding-right: 35px !important; position: relative; } .padding-left { padding-left: 35px !important; position: relative; } .padding-right { padding-right: 35px !important; position: relative; } .no-margin { margin: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .logo.center { display: block; text-align: center; } .logo a { display: inline-block; } .logo-inline-menu { padding-left: 30px; padding-right: 30px; } .logo-inline-menu a { padding-right: 0 !important; padding-left: 0 !important; } .bg-white { background-color: #ffffff; border-color: #e7e7e7; } .bg-black { background-color: #000000; border-color: #e7e7e7; } /* Cart Dropdown styles */ .cart-dropdown { display: inline-block; position: relative; top: 2px; } .cart-dropdown a:focus, .cart-dropdown a:active { color: #000000; } .pull-left .cart-items-container { left: 0; } .pull-right .cart-items-container { right: 0; } .cart-info { position: relative; } .cart-items-container { position: absolute; padding: 0; background: #fff; border-top: 3px solid; min-width: 370px; list-style: none; line-height: initial; top: -3px; margin-top: 50%; box-shadow: 0 0 2px 0 #747474; display: none; } .cart-info .hover-helper.active .cart-items-container { display: block } .cart-items-container li { display: block; vertical-align: top; position: relative; margin: 0; } .cart-items-container .header { display: block; background: #eeeeee; text-transform: uppercase; font-weight: 500; padding: 20px 26px; margin: 0; line-height: initial; } .cart-items-container .header::before { font-family: 'FontAwesome'; content: '\f07a'; margin-right: 10px; font-size: 14px; } .cart-items-container .header span { font-weight: 700; } .cart-items-container .item-product-cart { border-bottom: 1px solid #eeeeee; display: block; } .item-product-cart a { display: block; padding: 15px 26px; } .item-product-cart a:hover .product-details { text-decoration: none; } .item-product-cart a .thumb-product { display: inline-block; vertical-align: top; width: 52px; } .item-product-cart a .thumb-product img { width: 100%; } .item-product-cart a .product-details { display: inline-block; vertical-align: top; font-size: 14px; color: #393939; width: 220px; padding-top: 5px; margin-left: 5px; } .item-product-cart a .product-details { margin: 0; margin-left: 10px; font-size: 14px; font-weight: 600; color: #393939; word-break: break-all; overflow: hidden; } .item-product-cart a .product-details p { display: block; margin: 0; font-size: 13px; font-weight: 700; } .item-product-cart .remove-product { top: 50%; margin-top: -12.5px; right: 26px; display: inline-block; padding: 0 6px; line-height: 1.8; border: 1px solid #cacaca; position: absolute; cursor: pointer; color: #cacaca; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-transition: none; -o-transition: none; transition: none; -moz-transition: none; } .item-product-cart .remove-product i { height: 12px; } .item-product-cart .remove-product:hover { color: #e74c3c; border-color: #e74c3c; background: #fff; } .total-cart-details { display: block; font-size: 14px; color: #a0a0a0; font-weight: 600; position: relative; padding: 20px 26px; } .total-cart-details .amount { font-size: 16px; } .cart-items-container .buttons { display: table; width: 100%; background: #363636; padding: 25px 26px; } .cart-items-container .btn { display: inline-block; float: left; height: 40px; line-height: 40px; padding: 0; width: 47%; text-transform: uppercase; border: none; overflow: hidden; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; text-decoration: none; position: relative; } .cart-items-container .btn-view { color: #fff; background: #595959; margin-right: 6%; } .cart-items-container .btn-view::before { font-family: 'FontAwesome'; content: '\f07a'; float: left; font-size: 16px; width: 40px; text-align: center; height: 40px; line-height: 40px; background: rgba(0, 0, 0, .1); } .cart-items-container .btn-view:hover { background: #646464; color: #fff; } .cart-items-container .btn-checkout { color: #fff; background: #8cc152; } .cart-items-container .btn-checkout::before { font-family: 'FontAwesome'; content: '\f00c'; float: left; font-size: 16px; width: 40px; text-align: center; height: 40px; line-height: 40px; background: rgba(0, 0, 0, .1); } .cart-items-container .btn-checkout:hover { background: #99d150; color: #fff; } .navbar-nav.list-style { display: block; } .menu-class .navbar-nav.list-style .menu-class { position: absolute; } .navbar-nav.list-style li { display: block; float: none; } .navbar-nav.list-style li ul { display: block; } /*-------------------------------------------------------------- 3.0 Menu --------------------------------------------------------------*/ li.back { height: 4px; z-index: 8; position: absolute; overflow: visible; } li.back .left { height: 4px; position: absolute; overflow: visible; } .main-navigation a { display: block; } .main-navigation ul li ul li .pro-link { display: block; position: relative; } .main-navigation ul li ul li .pro-link > .pro-in { margin-right: 5px; } .main-navigation > ul > li { float: left; } .main-navigation > ul > li > .pro-link { display: block; position: relative; padding-left: 10px; padding-right: 10px; color: #333; } .main-navigation > ul > li > .pro-link:hover { color: #a0ce4c; text-decoration: none; } .main-navigation > ul > li > .pro-link > .pro-in { margin-right: 5px; } .main-navigation > ul > li:last-child > .pro-link { padding-right: 0; } .main-navigation > ul > li > ul { border-top: 2px solid #a0ce4c; margin-top: -2px; } .main-navigation .pro-mega-menu { position: inherit; } .main-navigation .pro-mega-menu > ul { width: 100%; } #header-sticky .main-navigation .pro-mega-menu > ul { width: 90%; margin-left: 5%; } .main-navigation .pro-mega-menu > ul > li { float: left !important; padding: 0 !important; } .primary-menu .pro-mega-menu .dropdown-menu { min-width: 0; } .main-navigation .pro-mega-menu > ul > li:last-child { border: none; } .main-navigation .pro-mega-menu > ul > li .pro-title { border-top: none; padding: 0 11px; } .main-navigation .pro-mega-menu > ul > li .pro-title:after { display: none; } .main-navigation .pro-col-2 > ul { width: 400px; } .main-navigation .pro-col-3 > ul { width: 525px; } .main-navigation .pro-col-4 > ul { width: 600px; } .main-navigation .pro-col-5 > ul { width: 500px; } .main-navigation .pro-col-6 > ul { width: 600px; } .main-navigation .pro-right > ul { left: auto !important; right: 0; } .main-navigation .pro-label { position: relative; top: -5px; left: 3px; padding: 1px 4px; font-size: 9px; text-transform: uppercase; } .main-navigation .pro-content { display: block; padding-top: 0; } .main-navigation .pro-full-content { margin: 10px; } .primary-menu { border-top: 1px solid #eeeeee; } .pro-mega-menu .dropdown-menu { border: none; background-color: #fff; } .sf-menu .menu-item-has-children .menu-item-has-children > a:after { display: block; content: "\f105"; font: normal normal normal 14px/1 FontAwesome; margin-top: -7px; top: 50%; position: absolute; right: 8px; } .primary-menu ul > li:hover > .dropdown-menu { display: block; left: auto; } .primary-menu li.pro-mega-menu:hover > .dropdown-menu { left: 0; } .primary-menu li.pro-mega-menu:hover .dropdown-menu { display: block; } .primary-menu ul > li > ul > li:hover > .dropdown-menu { display: block; left: 100%; top: -1px; } .primary-menu li.pro-mega-menu:hover > ul > li:hover > .dropdown-menu { top: auto; left: 0; } .primary-menu ul > li.pro-mega-menu > ul > li:hover > .dropdown-menu { top: 0; } .primary-menu .dropdown-menu { border: none; border-top: 1px solid #8cc152; -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.07); min-width: 170px; /*min-width: 225px;*/ } .primary-menu li.pro-mega-menu .dropdown-menu .dropdown-menu { width: 100%; } .primary-menu .pro-mega-menu > ul > li .pro-title:hover { text-decoration: none; cursor: default; } .primary-menu .pro-mega-menu > ul > li > ul a { border-bottom: none; } .primary-menu .dropdown-menu > li > a { border-bottom: none; } .primary-menu .dropdown-menu li { position: relative; border-bottom: 1px solid #eeeeee; } .primary-menu .pro-mega-menu > .dropdown-menu > li > ul { border-top: none; padding: 10px 0; } .primary-menu .nav > li > a:hover, .primary-menu .nav > li > a:focus { background: none; } .pro-button-remove { margin-left: 3px !important; background: #e14d43 !important; border-color: #d02a21 !important; color: white !important; -webkit-box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15) !important; box-shadow: inset 0 1px 0 #ec8a85, 0 1px 0 rgba(0, 0, 0, 0.15) !important; } .pro-mega-menu.pro-natural > .dropdown-menu, .pro-mega-menu.pro-custom > .dropdown-menu { overflow: hidden; } .primary-menu ul { float: left; } .primary-menu ul { margin: 0; padding: 0; } .primary-menu li.menu-item { position: relative; display: inline-block; vertical-align: top; height: 100%; line-height: 30px; margin: 0; padding: 0; transform: none; } .primary-menu li.pro-mega-menu { position: static; } .primary-menu li.pro-mega-menu.pro-custom, .primary-menu li.pro-mega-menu.pro-natural { position: relative; } .primary-menu .sub-menu { position: absolute; height: auto; -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); } .primary-menu ul ul { display: none; position: absolute; top: -1px; /*overflow: hidden;*/ } .primary-menu ul .pro-depth-0 > ul { top: 100%; } .primary-menu ul ul li.menu-item { position: relative; display: block; height: auto; } .primary-menu .pro-mega-menu .sub-menu li ul { position: relative; display: block; width: 100%; top: 0px !important; left: 0px !important; padding: 0; opacity: 1; border-top: none; } .primary-menu .pro-mega-menu .sub-menu .sub-menu { background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .primary-menu .pro-mega-menu .sub-menu .sub-menu li.menu-item { position: relative; display: block; float: right; min-height: 30px; width: 100%; padding: 0; opacity: 1; border: none; } .primary-menu ul li.pro-mega-menu > ul, .primary-menu ul li.pro-depth-0 > ul { display: block; overflow: hidden; max-height: 0px; max-width: 0px; top: -1px; opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); -webkit-transition: -webkit-transform 0.2s ease, max-height 0.3s step-end, max-width 0.3s step-end, top 0.3s step-end; -o-transition: -o-transform 0.2s ease, max-height 0.3s step-end, max-width 0.3s step-end, top 0.3s step-end; transition: transform 0.2s ease, max-height 0.3s step-end, max-width 0.3s step-end, top 0.3s step-end; } .primary-menu ul li.pro-mega-menu > ul, .primary-menu ul li.pro-depth-0 > ul { top: 100%; } .primary-menu ul > li > ul > li > .dropdown-menu { left: 100%; } .primary-menu ul li.pro-mega-menu > ul ul { overflow: visible; top: 0; max-height: none; max-width: none; opacity: 1 !important; display: block !important; -webkit-transform: translateY(0); ansform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .primary-menu ul li.pro-mega-menu > ul { -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .primary-menu ul li.pro-mega-menu ul ul { top: 100%; left: 0; } .primary-menu ul li.pro-mega-menu.sfHover > ul, .primary-menu ul li.pro-depth-0.sfHover > ul { overflow: visible; max-height: 3000px; max-width: 3000px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform 0.0s ease; -o-transition: -o-transform 0.0s ease; transition: transform 0.0s ease; } .primary-menu ul li.pro-mega-menu.sfHover > ul, .primary-menu ul li.sfHover > ul { z-index: 999999; } .primary-menu ul li { } .badge.border { border: 2px solid #fff; position: absolute; font-size: 10px !important; font-weight: 700; top: 50%; right: -2px; margin-top: -20px; text-align: center; border-radius: 100% !important; text-shadow: none !important; color: #FFF; min-width: 26px; } .cart-info { position: relative; } .shopping-badge { border-radius: 2px; top: -10px; left: -6px; font-weight: 400; padding: 2px 6px; } .header2 .cart-info { float: left; } .header2 .main-navigation { float: right; } .header2 .cart-container-top { top: 10px; position: relative; padding-left: 0; padding-right: 0; } .primary-menu .pro-mega-menu > ul > li > ul a { padding-top: 0; padding-bottom: 0; } /* SEARCH */ .search-container { display: inline-block; position: relative; float: right; width: 30px; } .header-bottom .search-container { height: 51px; } /* START */ .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #eeeeee; } .style-1 .header-top, .style-1 .header-top .cart-info, .style-1 .header-top .logo { line-height: 90px; } .header-top .search-container { height: 90px; } .style-1 .header-bottom, .style-1 .header-bottom .cart-info { line-height: 100px; } .style-1 .header-bottom .navbar-centered ul { text-align: center; float: none; } .style-1 .header-bottom .navbar-centered ul li { float: none; } .style-1 .header-bottom .navbar-centered ul li.back { top: 0; } .header-bottom .search-container { height: 50px; } .search-container { line-height: normal; } .header-01 .cart-info { float: right; } .header-02 .search-container { width: 30px; } .dropdown-icon { font-size: 13px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; padding-bottom: 2px; vertical-align: middle; } /* Open state */ .pull-left .search-container { width: 30px; position: relative; } .pull-right .sb-search.sb-search-open, .pull-right .no-js .sb-search { right: 0; } .pull-left .sb-search.sb-search-open, .pull-left .no-js .sb-search { float: left; } .style-2 #top-menu, .style-3 #top-menu { margin-top: 0; } .style-2 .primary-menu, .style-3 .primary-menu { border-top: none; } .style-2 #top-menu, .style-3 #top-menu { border: none; } .style-2 .header-top, .style-2 .cart-info, .style-2 .logo, .style-2 .primary-menu .navbar-nav > li > a, .style-3 .header-top, .style-3 .cart-info, .style-3 .logo, .style-3 .primary-menu .navbar-nav > li > a, .logo-inline-menu a { line-height: 70px; } .style-2 .header-top .search-container, .style-3 .header-top .search-container, .logo-inline-menu { height: 70px; } .fixed .navbar-fixed-top { top: 60px; } .admin-bar .navbar-fixed-top { top: 92px; } .style-2.fixed #top-menu { background: transparent !important; margin-bottom: -70px; } .header-transparent #top-menu .shopping-cart, .header-transparent #top-menu .price-result { color: #fff; } .widget_top_rated_products .star-rating { width: 100%; } .tabs-container .tab_content .contains-posts .post-holder .meta .post-date, .mybroker_widget_custom_posts .mybroker_blog_posts_widget ul li span { font-size: 12px; font-weight: normal; opacity: 1; line-height: 20px; } li .fa.dropdown-icon { margin-left: 8px; } .header-transparent .sb-search-input, .fixed .sb-icon-search { background: transparent; } .header-transparent .sb-search-open .sb-search-input, .fixed .sb-search-open .sb-search-input { background: #fff; } .style-2.header-transparent #top-menu .sb-search-open .sb-search-input { background: #fff; } .header-transparent #top-menu .badge.border { border: none; } /* compact */ .menu-compact .header-top { margin: 0 auto; } .menu-compact .header-top { width: 250px; margin-left: auto !important; margin-right: auto !important; position: relative; } .menu-compact #top-menu { background: transparent; } .menu-compact #top-menu .header-top { background: #476777; display: table; } .menu-compact .compact-fade { display: none; } /* Compact v2 header */ #accordion-menu-toggle-close { display: none; } .accordion-menu { display: block; clear: both; float: none; top: 70px; width: 100%; position: absolute; } .accordion-menu { display: none; } .accordion-menu ul { margin: 0; /*-ms-filter : "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";*/ /*/ / opacity : 0.78;*/ list-style: none; padding: 0; text-transform: uppercase; height: 100%; } .accordion-menu ul a { cursor: pointer; display: block; font-size: 13px; line-height: 13px; padding: 15px 0 15px 2px; position: relative; text-decoration: none; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion-menu ul ul { margin-left: 20px; } .accordion-menu ul ul ul { margin-left: 30px; } .accordion-menu ul li.menu-item-has-children > a.pro-collapse:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .accordion-menu a:hover, .accordion-menu > li > a:hover, .accordion-menu a:focus, .accordion-menu > li > a:focus { } .accordion-menu a:hover i, .accordion-menu > li > a:hover i { color: #fff !important; } .accordion-menu li:last-child a { border-bottom: 0; } #mobile-menu i.drop { position: absolute; top: 0; right: 0; margin-top: 0; /*width: 30px;*/ width:100%; z-index:99999; height: 43px; cursor: pointer; } #mobile-menu.already-slidedown i.drop { display: none; } #mobile-menu i.drop:hover, #mobile-menu li.open > i.drop:after { color: #999; } #mobile-menu .has-link a { margin-right: 30px; } #mobile-menu i.drop:after { position: absolute; display: block; right: 11px; top: 50%; font-size: 8px; margin-top: -4px; content: '\f078'; background-position: center center; background-repeat: no-repeat; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-font-smoothing: antialiased; } .accordion-menu li.open > a:before, #mobile-menu li.open > i.drop:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .accordion-menu .sub-menu { display: none; font-size: 12px; list-style: none; padding: 0; } .accordion-menu .sub-menu a { } .navbar.mobile-menu-cont { border: none; } .mobile-menu-cont ul li { border-bottom: 1px solid #333; } #mobile-menu { padding-left: 15px; padding-right: 15px; position: static; overflow: hidden; } #mobile-menu a { color: #999; } #mobile-menu > ul { padding-top: 20px; } #mobile-menu ul { float: none; position: static; } .accordion-menu { z-index: 999; } #mobile-menu { background: #222; } #mobile-menu ul ul li { border-bottom: none; border-top: 1px solid #333; } #mobile-menu li.menu-item { width: 100%; } #mobile-menu .sub-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .mobile-search { position: relative; margin-bottom: 20px; } .mobile-search input { font-size: 13px; height: 40px; padding: 22px 30px 22px 12px; color: #999; border: 1px solid #333; background-color: #151515; display: block; width: 100%; } .mobile-search button { position: absolute; font-size: 11px; top: 14px; right: 5px; padding: 5px; margin: 0; border: none; outline: none; background: transparent; } .mobile-menu-cont { position: relative; top: 0; width: 100%; clear: both; background: #fff; float: none; z-index: 999; } .mobile-menu-cont .logo { padding-left: 35px; line-height: 71px; } #mobile-menu { display: none; } #mobile-menu.already-slidedown li.menu-item-has-children > a:before { display: none; } #mobile-menu.already-slidedown .sub-menu { display: block; } .accordion-menu .sub-menu a:hover, .accordion-menu .sub-menu a:focus { color: #fff; text-decoration: none; } .mp-menu .pro-label { display: inline; padding: .2em .6em .3em; font-size: 55%; font-weight: 700; line-height: 1; color: white; text-align: center; white-space: nowrap; vertical-align: top; margin-left: 10px; border-radius: .25em; } #top-bar .navbar-nav { border-left: 1px solid #e1e1e1; float: left; margin: 0; } #top-bar .pull-right .nav:first-child { border: none; } #top-bar .pull-right .nav:last-child { border-right: 1px solid #e1e1e1; } .top-actual-menu span { line-height: 34px; display: inline-block; padding-right: 20px; padding-left: 20px; } .top-actual-menu span i { margin-right: 5px; } .top-actual-menu .first:hover .dropdown-menu { display: block; } .top-actual-menu ul > li > ul > li > ul { padding: 5px 5px 5px 15px; } .top-actual-menu ul > li > ul > li > ul > li > ul { padding: 5px 5px 5px 20px; } .top-actual-menu.right .dropdown-menu { left: auto; right: -1px; } .top-actual-menu.right .right-navbar-nav { margin-top: 5px; } .top-actual-menu.right .right-navbar-nav li a { padding-right: 10px; padding-left: 10px; } .logo .retina { display: none; } .logo { text-align: center; } .logo img { vertical-align: middle; max-height: 100%; } /*sticky header*/ body #header-sticky.sticky-header { position: fixed; top: 0; left: 0; z-index: 8000; display: none; width: 100%; -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1) ; background:#FFF !important; } #header-sticky .primary-menu .navbar-nav > li > a{ color:#77b4d1 !important;} #header-sticky .primary-menu .navbar-nav > li > a:hover{ color:#154d95 !important;} #header-sticky .primary-menu .navbar-nav > li.current-menu-item > a{ color:#154d95 !important; } #header-sticky sticky-header .logo img { height: 80%; width: auto; } /*-------------------------------------------------------------- 4.0 Inner page --------------------------------------------------------------*/ .page-header { width: 100%; position: relative; text-align: left; margin: 0; padding: 0; border: none; } .page-header .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.2; filter: alpha(opacity=20); /* For IE8 and earlier */ } .display-table { display: table; } .page-header .title-wrapper { display: table-cell; vertical-align: middle; } .page-header .title-wrapper h1 { color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 42px; text-rendering: optimizeLegibility; font-weight: bold; text-transform: uppercase; font-style: italic; margin-top: 0; line-height: 42px; } .page-header .title-wrapper span { padding-top: 0; /*color: #fff;*/ font-family: Open Sans, sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; font-size: 16px; color: #a0ce4c; } .pro-breadcrumb { position: absolute; bottom: 0; } .pro-breadcrumb .pro-inner { display: inline-block; font-size: 11px; line-height: 1em; padding: 5px 12px; color: rgba(255, 255, 255, 0.7); background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .pro-breadcrumb .pro-inner i { padding: 0 5px; font-family: FontAwesome, serif; font-style: normal; } /*-------------------------------------------------------------- 5.0 Footer --------------------------------------------------------------*/ footer { background: #000; width: 100%; } footer .bott-footer { line-height: 30px; } footer p { font-family: 'Open Sans', serif; font-weight: 300; color: #5e5e5e; font-size: 12px; line-height: 30px; margin-bottom: 0; padding-bottom: 0; } footer p a { color: #fff; font-family: 'Open Sans', serif; font-weight: 300; font-size: 12px; } footer .arrow-to-top { padding: 0 9px; float: right; background: #1d1d1d; font-size: 24px; font-family: FontAwesome, serif; } footer .arrow-to-top:hover { cursor: pointer; } footer .footer-socials { float: right; margin-right: 30px; margin-bottom: 0 } footer .footer-socials li { float: left; margin-left: 16px; list-style-type: none; font-size: 24px; color: #5e5e5e; } .footer-form h4 { color: #ebebeb; margin-bottom: 60px; font-size: 16px; text-align: center; text-transform: uppercase; } .footer-form input, .footer-form textarea { background: transparent; border: 1px solid #fff; color: #a0ce4c; margin-bottom: 35px; width: 100%; font-family: "Open Sans", sans-serif; font-size: 20px; } span.wpcf7-not-valid-tip { color: #f00; font-size: 1em; display: block; position: absolute; top: 42px; left: 0; } div.wpcf7-response-output { border: 1px solid #f00; margin: 0; margin-top: 10px; line-height: 59px; font-size: 20px; padding: 0 15px; color: #fff; } div.wpcf7-validation-errors { border: 1px solid #f7e700; } .footer-form textarea { padding: 15px; height: 251px; margin-bottom: 31px; } .footer-form ::-webkit-input-placeholder { color: #c5c5c5; } .footer-form :-moz-placeholder { /* Firefox 18- */ color: #c5c5c5; } .footer-form :-moz-placeholder { /* Firefox 19+ */ color: #c5c5c5; } .footer-form :-ms-input-placeholder { color: #c5c5c5; } .footer-form input + input { margin-bottom: 27px; } .footer-form input { line-height: 29px; padding: 15px 0 15px 85px; } .footer-form input[type="submit"] { border-color: #a0ce4c; padding-left: 15px; text-align: left; } .footer-form input[type="submit"]:after { content: "\f178"; font-family: "FontAwesome"; font-size: 24px; position: absolute; } .footer-form .captchac { background: #fff; text-align: center; height: 50px; } .footer-form .captchar { padding-right: 0; } .footer-form .captchar input { padding: 15px; } .footer-form .wpcf7-captchac { vertical-align: middle; margin-top: 18px; } .footer-form input:focus, .footer-form textarea:focus { border-color: #a0ce4c; outline: none; } .footer-form .captcha_text span { display: block; } .footer-form .captcha_text span input { display: block; } #content-wrapper { position: relative; } .slick-prev { left: -20px !important; z-index: 1000; } .slick-next { z-index: 1000; right: -20px !important; } .footer-form .widget { text-align: center; margin-top: 49px; } .footer-form .widget i { background-size: contain !important; width: 32px; height: 32px; margin: 0 auto; display: inline-block; } .footer-form .widget h3 { color: #656564; font-size: 18px; margin: 10px 0 20px; font-weight: 400; } .footer-form .widget a, .footer-form .widget p { font-size: 18px; color: #ffffff; line-height: 20px; font-weight: 400; } .footer-form .widget a:hover { color: #fff; text-decoration: none; } footer .navbar-nav > li > a { line-height: 30px; color: #fff; } footer .navbar-nav > li a:hover { background: none; } footer .contact-info { float: right; } .footer-menu { float: right; margin-right: 10px; } .footer-menu ul.menu li:first-child { border: none; } .footer-menu ul.menu { overflow: hidden; } .footer-menu ul.menu li { border-left: 1px solid #505050; display: inline-block; margin: 0; padding: 0 8px; float: left; } /*-------------------------------------------------------------- 6.0 Blog --------------------------------------------------------------*/ .entry-header-top a:before, .entry-meta-footer a:before, .entry-meta .entry-cat-links:before, .entry-meta .entry-featured:before, .entry-tags:before, .entry-meta a:before { padding-right: 7px; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .entry-featured:before { content: "\f041"; } .entry-date a:before { content: "\f133"; } .entry-author-link a:before { content: "\f007"; } .entry-header-top .entry-author-link a:before, .entry-meta-footer .entry-author-link a:before { content: ""; } .entry-cat-links:before { content: "\f115"; } .entry-comments-link a:before { content: "\f0e6"; } .entry-header-top .entry-comments-link a:before { font-size: 16px; } .entry-edit-link a:before { content: "\f040"; } .entry-love a:before { content: "\f08a"; } .entry-tags:before { content: "\f02c"; } .entry-format-aside a:before { content: "\f1db"; } .entry-format-gallery a:before { content: "\f030"; } .entry-format-link a:before { content: "\f0c1"; } .entry-format-image a:before { content: "\f03e"; } .entry-format-quote a:before { content: "\f10e"; } .entry-format-status a:before { content: "\f0a2"; } .entry-format-video a:before { content: "\f03d"; } .entry-format-audio a:before { content: "\f028"; } .entry-format-chat a:before { content: "\f0e6"; } a.categ-type:before { padding-right: 0; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; display: inline-block; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .categ-type.video:before { content: "\f03d"; } .categ-type.image:before { content: "\f083"; } .categ-type.gallery:before { content: "\f1c5"; } .categ-type.standard:before { content: "\e8b3"; } .categ-type.audio:before { content: "\f001"; } .categ-type.quote:before { content: "\f044"; } .categ-type.status:before { content: "\f075"; } .categ-type.chat:before { content: "\f1d7"; } .categ-type.aside:before { content: "\f086"; } .categ-type.link:before { content: "\f0c1"; } .entry-loved { color: #d63e33 !important; } .entry-content embed, .entry-content object, .entry-content iframe, .entry-content video { max-width: 100%; } .entry-content .wp-audio-shortcode, .entry-content .wp-video { margin-bottom: 20px; } .entry-content .entry-more { margin-top: 10px; } .entry-footer { margin-top: 24px; } .mono-font, .comment-metadata, .comment-navigation, .entry-meta, .entry-tags { font-size: 11px; font-weight: normal; text-transform: uppercase; } .comment-meta a, .entry-tags a, .entry-title a, .entry-meta a { /*color: #333;*/ display: inline-block; } .comment-meta a:hover, .entry-tags a:hover, .entry-title a:hover, .entry-meta a:hover { text-decoration: none; } .post-excerpt .entry-more.pro-btn { border: 1px solid #8b9ba6; padding: 10px 20px; border-radius: 3px; letter-spacing: 1px; } .copyright-text { margin:10px 0 !important; } /* * ======================================== * 6.1 BLOG DEFAULT * ======================================== */ .blog-default .hentry:last-of-type { border-bottom: none; } .blog-default .entry-header { margin-bottom: 10px; } .blog-default .entry-meta > span { margin-right: 10px; } .blog-search .col-md-9 { float: left; overflow: hidden; } /* * ======================================== * 6.2 BLOG MASONARY * ======================================== */ .blog-masonry-border { padding: 15px 20px 10px 20px; background-color: #fff; border: 1px solid #F5F5F5; } .blog-masonry .hentry { margin-bottom: 30px; } .blog-masonry-border h2 a, .blog-masonry .entry-title { font-size: 26px; margin-top: 16px; font-weight: 700; } .blog-masonry .entry-title { margin: 0; background-color: #fff; } .blog-masonry .entry-header { margin-bottom: 10px; } .blog-masonry .entry-meta > span { margin-right: 10px; } .blog-masonry .mejs-container.wp-video-shortcode { background: none !important; } .blog-masonry .wp-playlist { border: none !important; padding: 0 !important; margin: 0 !important; } .container-fluid .blog-masonry .row { margin-left: 15px; margin-right: 15px; } .page-pagination { clear: both; margin: 20px 0; font-size: 12px; line-height: 1.5em; text-align: center; } .page-pagination span, .page-pagination a { color: #333; display: inline-block; padding: 6px 12px; background-color: #fff; border: 1px solid #e8e8e8; margin-right: -1px; } .page-pagination span:first-child, .page-pagination a:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .page-pagination span:last-child, .page-pagination a:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .page-pagination a:hover { color: #a0ce4c; text-decoration: none; } .page-pagination .current { color: #fff; border: 1px solid #a0ce4c; background-color: #a0ce4c; } .page-pagination .pagination-shadow { display: inline-block; -webkit-box-shadow: none; box-shadow: none; } .pro-loader { display: none; position: relative; left: 50%; width: 20px; height: 20px; margin: 10px 0 10px -10px; background: #ccc; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07); } div[class^="blog-"] .isotope, div[class^="blog-"] .isotope .isotope-item { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .ajax-pagination { clear: both; width: 100%; text-align: center; margin: 20px 0 50px 0; } .ajax-pagination .ajax-load-more { position: relative; overflow: hidden; -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); border: 1px solid #2c3e50; color: #2c3e50 !important; background-color: #fff; font-size: 11px !important; line-height: 1.22449 !important; font-weight: bold !important; padding: 10px 20px; } .ajax-pagination .ajax-load-more:hover { background-color: #2c3e50; color: #fff !important; font-size: 11px !important; line-height: 1.22449 !important; font-weight: bold !important; } .entry-header-top .entry-date, .entry-header-top .entry-categories, .entry-header-top .entry-comments-link { border-left: 1px solid rgba(139, 155, 166, .5); float: left; margin-top: 3px; padding-left: 10px; line-height: 20px; height: auto; } .item-product-cart .remove-product { width: 28px; padding: 0 6px 0 8px; } .ajax-pagination .pro-loader { position: absolute; left: auto; top: 5px; right: 12px; width: 15px; height: 15px; margin: 0; background-color: #fff; } @-webkit-keyframes proLoader { 0% { -moz-transform: rotate(0deg) translateX(-6px) rotate(0deg); -ms-transform: rotate(0deg) translateX(-6px) rotate(0deg); -webkit-transform: rotate(0deg) translateX(-6px) rotate(0deg); transform: rotate(0deg) translateX(-6px) rotate(0deg); } 100% { -moz-transform: rotate(360deg) translateX(-6px) rotate(-360deg); -ms-transform: rotate(360deg) translateX(-6px) rotate(-360deg); -webkit-transform: rotate(360deg) translateX(-6px) rotate(-360deg); transform: rotate(360deg) translateX(-6px) rotate(-360deg); } } @keyframes proLoader { 0% { -moz-transform: rotate(0deg) translateX(-6px) rotate(0deg); -ms-transform: rotate(0deg) translateX(-6px) rotate(0deg); -webkit-transform: rotate(0deg) translateX(-6px) rotate(0deg); transform: rotate(0deg) translateX(-6px) rotate(0deg); } 100% { -moz-transform: rotate(360deg) translateX(-6px) rotate(-360deg); -ms-transform: rotate(360deg) translateX(-6px) rotate(-360deg); -webkit-transform: rotate(360deg) translateX(-6px) rotate(-360deg); transform: rotate(360deg) translateX(-6px) rotate(-360deg); } } .pro-loader:after { position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; content: ""; margin-top: -2px; margin-left: -2px; background-color: white; -moz-animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -moz-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -moz-animation-name: proLoader; -webkit-animation-name: proLoader; animation-name: proLoader; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .ajax-pagination .pro-loader:after { background-color: #a0ce4c; } .ajax-pagination .more-loading { padding-right: 40px; } .ajax-pagination .more-loading .pro-loader { display: inline; } .single-post footer { background: transparent; } /** * ======================================== * BLOG * ======================================== */ article.post, article.type-post { padding-bottom: 20px !important; padding-top: 10px; overflow: hidden; } article h2 { font-size: 24px; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; } article h3 { font-size: 20px; color: #2c3e50; margin-top: 5px; margin-bottom: 15px; } article h3 a { text-transform: uppercase; } .entry-content ul li span { font-size: 16px !important; } .post-excerpt { border-color: #ebebeb; } .post-excerpt p { line-height: 21px; font-size: 13px; padding-top: 10px; padding-bottom: 5px; } .entry-meta-footer { text-transform: none; border-top: 1px solid; border-color: #ebebeb; font-size: 13px; padding-top: 5px; } .entry-meta-footer > span { padding-left: 10px; margin-left: 10px; border-left: 1px solid; border-color: #ebebeb; } .entry-meta-footer > span:first-child { border-left: none; padding-left: 15px; margin-left: 0; } .entry-header-top .entry-author-link, .entry-header-top .entry-date, .entry-header-top .entry-categories, .entry-header-top .entry-comments-link, .entry-meta-footer .entry-author-link, .entry-meta-footer .entry-date, .entry-meta-footer .entry-categories, .entry-meta-footer .entry-comments-link { margin-right: 10px; float: left; } .entry-header-top { position: relative; margin: 0; padding: 0; height: 80px; font-size: 13px; } .entry-header-top a, .entry-meta-footer a { /*color: #262626;*/ } /* Header post CATEGORY Buttons */ a.categ-type { display: inline-block; float: left; width: 79px; height: 79px; line-height: 79px; position: relative; font-size: 32px; color: #fff; text-align: center; } a.categ-type:before { color: #fff; } a.categ-type:hover { opacity: 0.8; filter: alpha(opacity=80); } .entry-profile { position: relative; } .entry-content ol { font-size: 14px; } .entry-profile .img-profile, .entry-profile .col { float: left; } .entry-header-top .entry-date a { font-size: 13px; color: #5e5e5e; } .entry-profile .img-profile img { border-radius: 500px; width: 50px; height: 50px; } .entry-header-top .entry-comments-link { font-size: 13px; } .entry-tags-list .icon { color: #333333; } .entry-meta-footer > .social-link-list { border-left: none; } .social-link-list a { font-size: 16px; padding-left: 5px; padding-right: 5px; } .blog-layout-medium .post-excerpt { min-height: 165px; } article.post .border, article.type-post .border { padding: 0px 18px 20px; float: left; width: 100%; margin-top: 20px; border-top: 1px solid #ECECEC; padding-left: 0; } .entry-meta-footer { margin-bottom: 8px; overflow: hidden; } .col-md-6 .entry-meta-footer > span { padding-left: 8px; margin-left: 8px; } .related-posts .col-md-6 { min-height: 80px; } article h2 { line-height: 28px; margin-top: 0; } .blog-default.blog-layout-default .entry-image { width: 100%; } .comment-form input[type="text"], .comment-form input[type="password"], .comment-form input[type="datetime"], .comment-form input[type="datetime-local"], .comment-form input[type="date"], .comment-form input[type="month"], .comment-form input[type="time"], .comment-form input[type="week"], .comment-form input[type="number"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="search"], .comment-form input[type="tel"], .comment-form input[type="color"], .comment-form textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; background-color: white; background-image: none; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #comments textarea { height: auto; } #pro-page-comments .comments-area { border-top: 1px solid #e8e8e8; padding-top: 25px; margin-top: 60px; } #pro-page-comments .comment-respond { margin-top: 0; } .comments-area { margin-top: 48px; } .comments-title { font-size: 16px; margin-top: 0; margin-bottom: 0; } .comment-respond { margin-top: 25px; } .comment-reply-title { font-size: 16px; margin-top: 0; } .bypostauthor, .logged-in-as, .comment-notes { font-size: 13px; } .form-allowed-tags { width: 70%; font-size: 12px; } .form-allowed-tags code { color: #777; background-color: #f5f5f5; white-space: normal; } .comment-form label { display: block; margin-bottom: 5px; } .comment-form .required { color: #d63e33 !important; } .comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 50%; } .comment-form textarea { width: 70%; } #cancel-comment-reply-link:before, .comment-reply-link:before { display: inline-block; margin-right: 5px; } #cancel-comment-reply-link:before { content: "\f00d"; } .comment-reply-link:before { content: "\f112"; } #cancel-comment-reply-link, .comment-reply-link { font-size: 11px; font-weight: normal; text-transform: uppercase; color: #a0ce4c; } #cancel-comment-reply-link:hover, .comment-reply-link:hover { color: #555; text-decoration: none; } #cancel-comment-reply-link { color: #d63e33; margin-left: 10px; } .comment-list { padding: 0; margin: 0 0 48px 0; list-style-type: none; } .comment-list .comment { padding-top: 24px; margin-bottom: 24px; border-top: 1px solid #e8e8e8; } .comment-list > .comment:first-child { border-top: none; } .comment-list .children { padding: 0; margin: 24px 0 24px 24px; list-style-type: none; } .comment-list .avatar { overflow: hidden; position: absolute; top: 5px; left: 0; line-height: 0; border-radius: 3px; } .comment-list .reply { margin-top: 10px; margin-left: 70px; } .comment-list .says { display: none; } .comment-list .comment-respond { margin-left: 70px; } .comment-list .pingback { margin: 10px 0; } .comment-body { position: relative; } .comment-meta { margin-left: 70px; } .comment-metadata { display: inline-block; } .comment-metadata time:before, .comment-metadata .comment-edit-link:before { display: inline-block; margin-right: 5px; } .comment-metadata time:before { content: "\f017"; margin-right: 0; } .comment-metadata .edit-link { margin-left: 5px; } .comment-metadata .comment-edit-link:before { content: "\f040"; } .comment-author { display: inline-block; margin-right: 10px; } .comment-content { margin-left: 70px; margin-top: 10px; } .comment-navigation { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-top: 24px; padding: 10px 0; } .comment-navigation a { display: block; color: #333; } .comment-navigation a:hover { color: #a0ce4c; text-decoration: none; } .comment-navigation .nav-previous { float: left; } .comment-navigation .nav-next { float: right; } .postSlider, .entry-gallery { margin-bottom: 0; } .portfolio-loop a, .portfolio-item-info, .portfolio-item-block, .ajax-close { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .pro-fade { opacity: 0; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; } .pro-fade.in { opacity: 1; } .single-portofolio { position: relative; overflow: hidden; } .single-portofolio .container { position: static; } /** * ======================================== * 7 BLOG SINGLE PAGE * ======================================== */ .single-post .hentry { margin-bottom: 0; padding-bottom: 0; border: none; } .entry-author { border-top: 1px solid #e8e8e8; margin-top: 40px; padding: 20px 0; } .entry-author .author-title { font-size: 16px; margin-top: 0; } .entry-author .author-avatar { float: left; } .entry-author .author-avatar img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .entry-author .author-info { margin-left: 85px; } .related-posts { border-top: 1px solid #e8e8e8; padding-top: 24px; } .related-posts .related-title { font-size: 16px; margin-top: 0; } .related-posts ul { padding: 0; margin: 0; list-style-type: none; } .related-posts ul li { margin-bottom: 5px; } .related-posts ul li a { color: #333; } .related-posts ul li a:hover { color: #8cc152; text-decoration: none; } .related-posts ul li a:before { display: inline-block; margin-right: 5px; content: "\f0f6"; } .related-posts ul li time { font-size: 90%; } .post-navigation { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-top: 20px; padding: 10px 0; font-size: 11px; font-weight: normal; text-transform: uppercase; overflow: hidden; } .post-navigation a { display: block; /*color: #333;*/ } .post-navigation a:hover { text-decoration: none; } .post-navigation .nav-previous { float: left; } .post-format-standard .post-content h4 { margin: 0; } .post-navigation .nav-previous .fa { margin-right: 5px; } .post-navigation .nav-next .fa { margin-left: 5px; } .post-navigation .nav-next { float: right; text-align: right; } #pro-portfolio-comments .comments-area, #pro-page-comments .comments-area { border-top: 1px solid #e8e8e8; padding-top: 25px; margin-top: 60px; } #pro-portfolio-comments .comment-respond, #pro-page-comments .comment-respond { margin-top: 0; } .comments-area { margin-top: 30px; overflow: hidden; } .comments-title { font-size: 16px; margin-top: 0; margin-bottom: 0; } .comment-respond { margin-top: 25px; } .comment-reply-title { font-size: 16px; margin-top: 0; } .bypostauthor, .logged-in-as, .comment-notes { font-size: 13px; } .form-allowed-tags { width: 70%; font-size: 12px; } .form-allowed-tags code { color: #777; background-color: #f5f5f5; white-space: normal; } .comment-form label { display: block; margin-bottom: 5px; } .comment-form .required { color: #d63e33 !important; } .comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 50%; } .comment-form textarea { width: 70%; } #cancel-comment-reply-link:before, .comment-reply-link:before { display: inline-block; margin-right: 5px; } #cancel-comment-reply-link:before { content: "\f00d"; } .comment-reply-link:before { content: "\f112"; } #cancel-comment-reply-link, .comment-reply-link { font-size: 11px; font-weight: normal; text-transform: uppercase; color: #a0ce4c; } #cancel-comment-reply-link:hover, .comment-reply-link:hover { color: #555; text-decoration: none; } #cancel-comment-reply-link { color: #d63e33; margin-left: 10px; } .comment-list { padding: 0; margin: 0 0 48px 0; list-style-type: none; } .comment-list .comment { padding-top: 24px; margin-bottom: 24px; border-top: 1px solid #e8e8e8; } .comment-list > .comment:first-child { border-top: none; } .comment-list .children { padding: 0; margin: 24px 0 24px 24px; list-style-type: none; } .comment-list .avatar { overflow: hidden; position: absolute; top: 5px; left: 0; line-height: 0; border-radius: 3px; } .comment-list .reply { margin-top: 10px; margin-left: 70px; } .comment-list .says { display: none; } .comment-list .comment-respond { margin-left: 70px; } .comment-list .pingback { margin: 10px 0; } .comment-body { position: relative; } .comment-meta { margin-left: 70px; } .comment-metadata { display: inline-block; } .comment-metadata time:before, .comment-metadata .comment-edit-link:before { display: inline-block; margin-right: 5px; } .comment-metadata time:before { content: "\f017"; margin-right: 0; } .comment-metadata .edit-link { margin-left: 5px; } .comment-metadata .comment-edit-link:before { content: "\f040"; } .comment-author { display: inline-block; margin-right: 10px; height: 0; } .comment-content { margin-left: 70px; margin-top: 10px; } .comment-navigation { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-top: 24px; padding: 10px 0; } .comment-navigation a { display: block; color: #333; } .comment-navigation a:hover { color: #a0ce4c; text-decoration: none; } .comment-navigation .nav-previous { float: left; } .comment-navigation .nav-next { float: right; } .entry-image { position: relative; overflow: hidden; } .entry-image a img { width: 100%; max-width: 100%; height: auto; transition: ease-out .3s; -moz-transition: ease-out .3s; -webkit-transition: ease-out .3s; -o-transition: ease-out .3s; } .entry-image:hover a img { -webkit-transform: rotate(-1.90deg) scale(1.20, 1.20); -moz-transform: rotate(-1.90deg) scale(1.20, 1.20); -ms-transform: rotate(-1.90deg) scale(1.20, 1.20); transform: rotate(-1.90deg) scale(1.20, 1.20); } .entry-image a { display: inline-block; position: relative; width: 100%; height: 100%; } .entry-image-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; transition: ease-out .3s; -moz-transition: ease-out .3s; -webkit-transition: ease-out .3s; -o-transition: ease-out .3s; } .entry-image-overlay:hover { opacity: 0.2; } .entry-media { overflow: hidden; margin-bottom: 14px; float: left; width: 100%; height: 100%; } .entry-media embed, .entry-media object, .entry-media video, .entry-media iframe { max-width: 100%; /*height: auto;*/ } .category iframe { width: 100% !important; height: auto !important; } .entry-media .wp-playlist { margin: 0 !important; } .wp-playlist-item, .wp-playlist { border-color: #e8e8e8; } .format-audio .entry-image { margin-bottom: 0; } .format-audio .entry-image img { -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; } .entry-gallery { margin-bottom: 14px; } .gallery-item { overflow: hidden; position: relative; float: left; margin: 0; padding: 0 1px 1px 0; } .gallery-item img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { /*width: 33.3333333333%;*/ } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.6666666667%; } .gallery-columns-7 .gallery-item { max-width: 14.2857142857%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.1%; } .gallery-caption { position: absolute; right: 0; left: 0; bottom: 1px; max-height: 90%; font-size: 12px; line-height: 1.5; text-align: center; margin: 0 1px 0 0; padding: 6px 8px; color: #fff; background-color: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; } .gallery-item:hover .gallery-caption { opacity: 1; } .blog-masonry .gallery-caption { display: none; } .gallery { overflow: hidden; } .entry-content .gallery { margin-bottom: 20px; } .pro-chat { margin: 0; padding: 0; list-style-type: none; } .pro-chat-row { margin-bottom: 15px; } .pro-chat-author { font-weight: 600; } .pro-chat-text { padding-left: 17px; } .pro-chat-row-even .pro-chat-author { color: #d9534f; } .pro-chat-row-odd .pro-chat-author { color: #5cb85c; } .format-quote blockquote { margin-left: 0; margin-right: 0; } blockquote { border-top: 1px solid #ecf0f1 !important; border-right: 1px solid #ecf0f1 !important; border-bottom: 1px solid #ecf0f1 !important; padding-right: 100px !important; position: relative; padding-bottom: 30px; padding-top: 30px; } blockquote::after { content: "„"; font-family: "MS Serif", "New York", serif; font-size: 140px; opacity: 0.1; position: absolute; right: 10px; top: -10px; } .pro-in.fa, .pro-in.im { margin-right: 7px; } .pro-client li a img, .pro-team-carousel a img { filter: grayscale(1); -webkit-filter: grayscale(1); } .pro-client li a img:hover, .pro-team-carousel a img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); } ul.pro-chat li { list-style: outside none none !important; } .post-excerpt .entry-more.pro-btn { background-color: transparent; } /* * --------------------------------------------------------- * 8 WIDGETS * --------------------------------------------------------- */ .pro-search-form { clear: both; position: relative; } .pro-search-form input[type="text"] { padding-right: 30px; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: white; background-image: none; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .fa-before, #navigation-mobile ul li.menu-item-has-children > a:before, .related-posts ul li a:before, #cancel-comment-reply-link:before, .comment-reply-link:before, .comment-metadata time:before, .comment-metadata .comment-edit-link:before, .widget_recent_entries .post-date:before, .widget_recent_comments .recentcomments:before, .widget_pages a:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pro-search-form button { position: absolute; top: 50%; right: 18px; padding: 5px; margin: 0; border: none; outline: none; font-size: 14px; background: transparent; opacity: 0.3; margin-top: -12px; } .mybroker_widget { width: 100%; margin-bottom:20px; word-wrap: break-word; } .mybroker_widget .widget-title h4 { padding-bottom: 14px; margin-bottom: 20px; } .mybroker_widget ul { margin: 0; padding: 0; list-style-type: none; } .mybroker_widget ul li { list-style-type: none; } .mybroker_widget ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; } .isotope-blog .col-md-4 { width: 33% !important; } .isotope-blog .col-md-4 .entry-comments-link { display: none; } .isotope-blog .col-md-4 .entry-date a::before { content: none; } .isotope-blog .col-md-4 .entry-meta-footer > span { margin-left: 0; padding-left: 0; border: 0; } .isotope-blog .col-md-4 .entry-date { float: right; } .mybroker_blog_posts_widget ul li > a { font-weight: bold; } .mybroker_widget ul li a:hover { text-decoration: none; } .mybroker_widget ul li:last-child { margin-bottom: 0; border-bottom: none; } .mybroker_widget ul li ul { margin-top: 10px; padding-top: 10px; padding-left: 15px; border-top: 1px solid #e8e8e8; } .mybroker_widget_custom_posts .with-image li { position: relative; padding-left: 70px; min-height: 74px; margin-bottom: 10px; padding-bottom: 14px; } .mybroker_widget_custom_posts .with-image li a { display: block; width: 100%; text-decoration: none; line-height: 20px; } .mybroker_widget_custom_posts .with-image li a img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: absolute; left: 0; top: 2px; width: 60px; } .mybroker_widget_custom_posts .post-date, .mybroker_widget_custom_posts .post-category { display: block; font-size: 11px; opacity: 0.7; } .widget_recent_entries .post-date { display: block; font-size: 12px; opacity: 1; } .sticky .entry-title::after { color: #f8cb2a; content: ""; font-family: FontAwesome; font-size: 20px; font-weight: normal; height: 20px; left: -15px; position: absolute; top: 32px; width: 40px; } .widget_recent_entries .post-date:before { content: "\f133"; margin-right: 5px; opacity: 1; } .mybroker_widget_portfolio_photos .tooltip-arrow { top: auto !important; } .mybroker_widget_portfolio_photos a { display: block; padding: 0; } .mybroker_widget_portfolio_photos a:hover { opacity: 0.75; } .widget_shopping_cart .buttons a:before { font-family: 'Glyphter'; content: '\0042' !important; } .mybroker_widget_portfolio_photos img { display: block; border-width: 0 1px 1px 0; border-color: transparent; border-style: solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mybroker_flickr_widget { display: inline; } .mybroker_flickr_widget a:hover { opacity: 0.75; } .mybroker_flickr_widget img { border-width: 0 1px 1px 0; border-color: transparent; border-style: solid; } .widget_recent_comments .recentcomments:before { content: "\f0e5"; font-size: 12px; margin-top: 5px; margin-right: 11px; } .widget_calendar table { width: 100%; margin: 0; line-height: 2.25em; } .widget_calendar caption { margin-bottom: 5px; } .widget_calendar thead th { background-color: #f5f5f5; } .widget_calendar tbody td, .widget_calendar thead th { text-align: center; color: #555; border: 1px solid #e8e8e8 !important; } .widget_calendar tbody a { display: block; color: #fff; background-color: #a0ce4c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget_calendar tbody a:hover { color: #fff; background-color: #555; text-decoration: none; } .widget_calendar #today { background-color: #f5f5f5; } .widget_calendar #next { text-align: right; } aside.sidebar .widget_nav_menu { position: relative; padding: 20px 0; font-size: 13px; } aside.sidebar .widget_nav_menu ul li { position: relative; padding: 0; margin: 0; } aside.sidebar .widget_nav_menu ul li a { position: relative; display: block; padding: 12px 20px; border: 1px solid transparent; } aside.sidebar .widget_nav_menu ul li a:hover { color: #a0ce4c; } aside.sidebar .widget_nav_menu ul li ul { margin: 0; padding: 0; border-top: none; } aside.sidebar .widget_nav_menu ul li ul a { padding-left: 40px; } aside.sidebar .widget_nav_menu ul li.current-menu-item { margin-top: -1px; border: none; } aside.sidebar .widget_nav_menu ul li.current-menu-item > a { background: #fff; border: 1px solid #e8e8e8; color: #a0ce4c; } aside.sidebar .widget_nav_menu ul li.current-menu-item > a:after { content: ""; position: absolute; top: -1px; bottom: -1px; width: 2px; background-color: #a0ce4c; } aside.sidebar .widget_nav_menu:before, aside.sidebar .widget_nav_menu:after { content: ""; position: absolute; height: 20px; width: 100%; right: 0; } aside.sidebar .widget_nav_menu:before { top: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(#ffffff, rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(#ffffff, rgba(255, 255, 255, 0)); background-image: linear-gradient(#ffffff, rgba(255, 255, 255, 0)); } aside.sidebar .widget_nav_menu:after { bottom: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #ffffff); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), #ffffff); background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff); } aside.sidebar .widget_nav_menu .fa { margin-right: 5px; } .sidebar-right .widget_nav_menu { -webkit-box-shadow: 1px 0 0 #eeeeee inset; box-shadow: 1px 0 0 #eeeeee inset; } .sidebar-right .widget_nav_menu .current-menu-item > a { -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05); box-shadow: 1px 0 3px rgba(0, 0, 0, 0.05); border-left-color: transparent !important; } .sidebar-right .widget_nav_menu .current-menu-item > a:after { right: -1px; } .sidebar-right .widget_nav_menu .widget-title h4 { margin-left: 20px; } .sidebar-left .widget_nav_menu { -webkit-box-shadow: -1px 0 0 #eeeeee inset; box-shadow: -1px 0 0 #eeeeee inset; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff)); background-image: -webkit-linear-gradient(right, #f6f6f6 0%, #ffffff 20px); background-image: -moz-linear-gradient(right, #f6f6f6 0%, #ffffff 20px); background-image: linear-gradient(right, #f6f6f6 0%, #ffffff 20px); } .sidebar-left .widget_nav_menu .current-menu-item > a { -webkit-box-shadow: -1px 0 3px rgba(0, 0, 0, 0.05); box-shadow: -1px 0 3px rgba(0, 0, 0, 0.05); border-right-color: transparent !important; } .sidebar-left .widget_nav_menu .current-menu-item > a:after { left: -1px; } .sidebar-left .widget_nav_menu .widget-title h4 { margin-left: 20px; } .widget_pages a:before { content: "\f105"; font-size: 90%; margin-right: 5px; opacity: 0.5; } .pro-tabs-widget .tabset { display: table; overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; } .pro-tabs-widget .tab-hold .tabs li { border-right: 1px solid #fff; } .pro-tabs-widget .tabset li { display: table-cell; margin: 0; padding: 0; width: 33.3333%; border-bottom: none; } .pro-tabs-widget .tab-holder .tabs li a { display: block; padding: 0; line-height: 38px; border-bottom: none; border-top: 3px solid transparent; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; text-align: center; background: #ebebeb; } .mybroker_widget .image { width: 52px; height: 50px; } .tab-holder .news-list li .image { float: right; margin-left: 2%; margin-right: 0; width: 28%; height: auto; } .mybroker_widget .image img { width: 100%; height: auto; } .pro-tabs-widget .tab-holder .tabs li.active a { background: #fff; } .pro-tabs-widget .tab_content ul > li { border-bottom: 1px solid #e2e2e2; padding: 10px 0; overflow: hidden; } .pro-tabs-widget .tab_content ul > li .post-holder a { font-size: 13px; line-height: 16px; loat: none; display: block; margin-bottom: 2px; } pro-tabs-widget .tab_content ul > li .post-holder > a, .widget_recent_entries.mybroker_widget ul li > a, .widget_recent_comments.mybroker_widget ul li > a { font-weight: bold; } pro-tabs-widget .tab_content img { order-radius: 2px; } .pro-tabs-widget .tab_content a.author img { border-radius: 50%; width: 40px; } .pro-tabs-widget .contains-posts .image img { width: 50px; float: right; } .pro-tabs-widget .tab_content ul > li .post-holder { text-align: left; float: left; width: 70%; } .pro-tabs-widget .tab_content ul > li .meta { font-size: 13px; line-height: 18px; } .pro-tabs-widget .tab-comments li .image { margin-left: 0; width: 100%; float: none; overflow: hidden; } .pro-tabs-widget .tab-comments .image img, .pro-tabs-widget .tab-comments .image p { float: left; } .pro-tabs-widget .tab-comments .image p { margin-top: 6px; margin-left: 10px; } .pro-tabs-widget ul.tab-comments > li .post-holder { width: 100%; margin-top: 10px; } .uvc-heading-spacer { height: auto !important; } /** * ======================================== * FIXED NAV * ======================================== */ #pro-fixed-nav { position: fixed; right: 5px; top: 50%; z-index: 999; background-color: rgba(255, 255, 255, 0.9); padding: 10px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.075); box-shadow: 0 0 3px rgba(0, 0, 0, 0.075); } #pro-fixed-nav ul { margin: 0; padding: 0; list-style: none; } #pro-fixed-nav ul li { padding-bottom: 8px; } #pro-fixed-nav ul li a { display: block; width: 14px; height: 14px; border: 1px solid #ccc; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } #pro-fixed-nav ul li a:hover, #pro-fixed-nav ul li a:focus, #pro-fixed-nav ul li.current-menu-item a { background-color: #ccc; text-decoration: none; } #pro-fixed-nav ul li:last-child { padding-bottom: 0; } #pro-fixed-nav .tooltip { left: auto !important; right: 26px; } #pro-fixed-nav .tooltip-arrow { top: 12px !important; } #pro-fixed-nav .tooltip-inner { white-space: nowrap; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* SEARCH BOX */ .search-box { position: fixed; opacity: 0; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); background-color: rgba(255, 255, 255, 0.9); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999999; } .search-box.active-box { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .search-box .close-box { position: absolute; top: 30px; right: 30px; color: #000; font-size: 40px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .search-box .form-holder { width: 80%; padding: 0 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .search-box .form-holder input { height: auto; min-height: 100px; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; border: none; background-color: transparent; border-bottom: 3px solid gray; font-family: Roboto, sans-serif; color: gray; font-size: 25px; font-weight: 300; } .search-box .form-holder input:focus { border-color: #a0ce4c; } #open-search { line-height: 70px; margin-left: 10px; overflow: hidden; display: inline-block; height: auto; float: right; } .sb-icon-search { color: #ccd1d9; z-index: 90; font-size: 16px; font-family: 'icomoon' !important; /*speak: none;*/ font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; cursor: pointer; float: right; padding: 0 12px 0 10px; } .sb-icon-search:before { content: "\e1ba"; } body #load { height: 100%; overflow: hidden; position: fixed; width: 100%; z-index: 99999; background-color: rgba(255, 255, 255, 0.95); background-image: none; } body #load img { position: fixed; display: block; z-index: 2000; top: 50%; left: 50%; margin: -32px 0 0 -34px; width: 64px; height: 68px; pointer-events: none; } .rev_slider_wrapper { z-index: 1; } /* wpml */ .wpml-switch li img { margin-right: 5px; } .wpml-switch > li { position: relative; } .wpml-switch > li:hover .dropdown-menu { display: block; } .wpml-switch .dropdown-menu { min-width: 150px; } .wpml-switch.left .dropdown-menu { left: 0; } .wpml-switch.right .dropdown-menu { right: 0; } .wpml-switch.right { float: right; } .top-actual-menu.right { float: right; } .page-sidebar { margin: 0 auto; } /*-------------------------------------------------------------- 9.1 Footer Widgets --------------------------------------------------------------*/ footer .widgets { padding: 90px 0; } footer .widget p { font-size: 16px; color: #5e5e5e; } /*-------------------------------------------------------------- 9.2 Sidebar Widgets --------------------------------------------------------------*/ .mybroker_widget.widget_categories li, .mybroker_widget.widget_archive li, .mybroker_widget.widget_product_categories li { color: #cecece; position: relative; } .mybroker_widget.widget_categories li:after, .mybroker_widget.widget_archive li:after, .mybroker_widget.widget_product_categories li:after { content: '\f105'; position: absolute; right: 4px; font: normal normal normal 14px/1 FontAwesome; top: 50%; margin-top: -12px; } .mybroker_widget.widget_product_categories li.cat-parent:after { display: none; } .mybroker_widget.widget_categories li a, .mybroker_widget.widget_archive li a, .mybroker_widget.widget_product_categories li a { padding-right: 6px; } .sidebar .widget-title h4 { border-bottom: 1px solid #ebebeb; } .widget-title h4 { position: relative; } .widget-title h4:after { position: absolute; bottom: 0; left: 0; content: ' '; } /* ======================= Footer Contact ======================= */ .form-col-1 { position: relative; display: block; width: 100%; float: left; } .form-col-1 input { line-height: 48px; height: 48px; padding: 0 24px 0 60px; background: transparent; border: 1px solid #ffffff; font-size: 16px; font-weight: 300; color: #ffffff; display: block; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .form-col-1 input::-webkit-input-placeholder { color: #fff; } .form-col-1 input::-moz-placeholder { color: #fff; } /* firefox 19+ */ .form-col-1 input:-ms-input-placeholder { color: #fff; } /* ie */ .form-col-1 input:-moz-placeholder { color: #fff; } .form-col-1 .icon { position: absolute; left: 18px; top: 0; line-height: 48px; font-size: 25px; color: #ffffff; } .form-col-1 input:focus { outline: none; background: rgba(160, 206, 76, .1); border-color: #fff; } .form-col-1 select { width: 100%; color: #f4f4f4; background: transparent; margin-bottom: 35px; font-size: 16px; height: 48px; border-color: #fff; border-radius: 0; -webkit-appearance: button; -moz-appearance: button; -webkit-user-select: none; -moz-user-select: none; -webkit-padding-end: 20px; -moz-padding-end: 20px; -webkit-padding-start: 60px; -moz-padding-start: 60px; } .form-col-1 select option { width: 100%; color: #f4f4f4; } .inline-block.captchac { height: 48px; } .footer-form .captchac { height: 50px; } .inline-block.captchac img { margin-top: 10px; } .form-col-1.captcha_text input { line-height: 48px; height: 48px; padding: 0 24px; background: transparent; border: 1px solid #ffffff; font-size: 16px; font-weight: 300; color: #ffffff; display: block; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .form-col-1.captcha_text input:focus { background: rgba(160, 206, 76, .1); border-color: #fff; outline: none; } .form-col-1 textarea { line-height: normal; padding: 15px 24px; background: transparent; border: 1px solid #ffffff; font-size: 16px; font-weight: 300; color: #ffffff; display: block; height: 218px; min-height: 218px; } .form-col-1 textarea::-webkit-input-placeholder { color: #fff; } .form-col-1 textarea::-moz-placeholder { color: #fff; } /* firefox 19+ */ .form-col-1 textarea:-ms-input-placeholder { color: #fff; } /* ie */ .form-col-1 textarea:-moz-placeholder { color: #fff; } .form-col-1 textarea:focus { background: rgba(160, 206, 76, .1); border-color: #fff; outline: none; } .form-col-1 input[type="submit"] { width: 100%; padding: 0 15px; background: none; } .send-btn { height: 48px; } .send-btn .icon { left: auto; right: 24px; } .send-btn:hover .icon { color: #fff; } .form-col-1 input[type="submit"]:hover { color: #ffffff; } span.inline-block { display: inline-block; float: left; width: 50%; } .no-br br { display: none; } /* ===================== MC4WP form ===================== */ .form.mc4wp-form input { line-height: 25px; padding: 15px 24px 15px 60px; background: transparent; border: 1px solid #ffffff; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 500; color: #ffffff; display: block; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; } .form.mc4wp-form span { position: relative; display: inline-block; float: left; margin-bottom: 10px; } .form.mc4wp-form .icon { position: absolute; left: 18px; top: 0; line-height: 55px; font-size: 28px; color: #ffffff; } .form.mc4wp-form input:focus { outline: none; border-color: #ffffff; background: rgba(160, 206, 76, .1); color: #ffffff; } .form.mc4wp-form .name { width: 30%; margin-right: 2%; } .form.mc4wp-form .email { width: 45%; } .form.mc4wp-form .submit { width: 21%; margin-left: 2%; } .form.mc4wp-form input[type="submit"] { width: 100%; padding: 15px 15px; } .form.mc4wp-form input[type="submit"]:hover { color: #ffffff; } .form .mc4wp-success { color: #fff; border-color: #fff; display: inline-block; width: 100%; text-align: center; background-color: rgba(160, 207, 77, .8); font-size: 18px; line-height: normal; padding: 15px 0; } @media (max-width: 1200px) { .sticky .entry-title::after { display: none; } .container .row { width: 100%; float: left; margin: 0; } .container .col-md-12 { padding: 0; } .col-md-12 .border { padding: 0; } .pro-fancy-separator { overflow: visible !important; } } @media (max-width: 991px) { .isotope-blog .col-md-4 { width: 49% !important; } .contact_test_button { width: 100%; float: none; } .captcha_test_img { width: 30%; float: left; } .captcha_test_text { width: 70%; } } @media (max-width: 767px) { .col-md-12 .border { padding: 0 !important; } .isotope-blog .col-md-4 { width: 100% !important; } .form.mc4wp-form .name { width: 100%; margin-right: 0; } .form.mc4wp-form .email { width: 100%; } .form.mc4wp-form .submit { width: 100%; margin-left: 0; } } /** * ========================================= * - 404 Page * ========================================= */ .pro-error-404 .pro-404 { margin: 0; padding: 0; font-size: 200px; line-height: 1em; opacity: 0.5; } .pro-error-404 .pro-not-found { margin: 0; padding: 0; font-size: 70px; opacity: 0.3; } .pro-error-404 .pro-search-form { width: 50%; margin: 0 auto; } /*FIXES*/ .pro-hide { display: none; } .transparent-header #top-menu , #header-sticky.transparent-header{ background-color: transparent !important; border-color: transparent !important; } #header-sticky .logo-inline-menu { display: none; } .mybroker_widget .product-categories img { margin-right: 10px; } .roadtip { background: #21252b; border-radius: 3px; color: #eee; display: block; float: left; font-size: 12px; font-weight: 600; left: 0; padding: 4px 15px; position: absolute; top: -40px; white-space: nowrap; width: auto; z-index: 2; } .roadtip:after { background: url('../images/arrow-tip.png') no-repeat center center; bottom: -6px; content: ""; display: block; height: 6px; left: 0; position: absolute; width: 100%; } .one-page-menu #top-bar { display: none; } .site-header.transparent-header { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } /*paralax*/ .page-header, .top-footer { position: relative; overflow: hidden; } .background-image { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; } [data-image-type="parallax"] { position: absolute; top: 0; right: 0; left: 0; background-size: cover; z-index: 0; background-repeat: no-repeat; background-position: 50% 0; background-attachment: scroll; } @media (min-width: 1025px) { #content-wrapper.fixed-footer { -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 80px -15px; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 80px -15px; box-shadow: rgba(0, 0, 0, 0.6) 0px 20px 80px -15px; z-index: 1; } footer.fixed-footer { position: fixed; bottom: 0; left: 0; z-index: 0; } } .black-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1); } /*-----------------------------------------------------------------------------------*/ /* preloader /*-----------------------------------------------------------------------------------*/ #preloader { position: fixed; display: block; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: #df3030; z-index: 99999; } #preloader.preloader_animation { -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; -moz-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; -o-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; } @-webkit-keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); } } @keyframes animLoadedHeader { to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-ms-keyframes animLoadedHeader { to { -ms-transform: translate3d(0, -100%, 0); } } #circle { position: absolute; top: -10px; left: -10px; margin: 0 auto; width: 220px; height: 220px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: rotation 1s infinite linear; -moz-animation: rotation 1s infinite linear; -o-animation: rotation 1s infinite linear; animation: rotation 1s infinite linear; z-index: 1; } #circle:before { content: ""; display: block; position: absolute; left: -20px; top: -20px; height: 100%; width: 100%; border-top: 10px solid #fff; border-left: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid transparent; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .preloader-image { position: relative; margin: 0 auto; top: calc(50% - 100px); width: 200px; height: 200px; background: none center center no-repeat transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .preloader-image .img-cont { position: absolute; top: -10px; left: -10px; margin: 0 auto; width: 220px; height: 220px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-animation: rotation 1s infinite linear; -moz-animation: rotation 1s infinite linear; -o-animation: rotation 1s infinite linear; animation: rotation 1s infinite linear; } .preloader-image .img-cont:before { content: ""; display: block; position: absolute; left: -3px; top: -3px; height: 100%; width: 100%; border-top: 3px solid #fff; border-left: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid transparent; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .search-results .entry-meta > span, .search-results .entry-meta > span.entry-edit-link a { margin-left: 10px; } /* select menu */ .mini-nav .customSelectInner { padding-left: 20px; background: none; } .mini-nav .customSelectInner:before { position: absolute; top: 1px; left: 0; margin-top: 0; content: "\f0c9"; background-position: 0 center; background-repeat: no-repeat; font-family: 'FontAwesome'; } .menu-select select { cursor: pointer; } .copyright .menu-select { position: relative; opacity: 1; visibility: visible; display: inline-block; text-align: center; } .mini-nav .customSelect { position: absolute; visibility: hidden; } .copyright .menu-select { display: none; } .mobile-header-top { position: relative; } .mobile-header-top .pull-left { width: 100%; } .mobile-header-top .logo { width: 100%; padding-right: 86px; text-align: left; } .mobile-header-top .logo a { max-width: 100%; } .mobile-header-top .pull-right.compact-triggers-container { position: absolute; top: 0; right: 0; } .page-header .title-wrapper h1 { margin-bottom: 0; } .page-header .title-wrapper span { display: inline-block; margin-top: 10px; } .entry-header-top.border-left { border-left: none; } article.type-post .border { padding-left: 0px; } /*INTERMEDIARY.css*/ a:focus { outline: none; text-decoration: none; } .radio, .checkbox { display: inline-block; } .price-result { display: none; } .navbar li.item-product-cart a i { margin-right: 0; } /* Testimonial Slider */ .pro-testimonial-avatar { width: 70px; height: 70px; margin: 5px auto 30px auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: transparent; padding: 5px; border: 2px solid rgba(224, 224, 224, 0.3); position: relative; } .pro-testimonial-avatar:hover { border: 2px solid #F7C605; } .pro-testimonial-avatar img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .pro-testimonial-text { font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 1.5; font-weight: 300; position: relative; padding-bottom: 30px; margin-bottom: 30px; } .pro-testimonial-text:after { content: ""; width: 180px; height: 1px; position: absolute; bottom: 0; left: 50%; margin-left: -90px; background: none repeat scroll 0% 0% #E0E0E0; } .pro-testimonial-author { font-size: 18px; font-weight: 300; } .pro-testimonial-author strong { font-weight: 500; } .pro-testimonial-author small { font-size: 14px; font-weight: 300; } .testimonial-text-white { color: #ffffff !important; } .testimonialSlider .rsBullet span { width: 6px; height: 6px; background: transparent; border-color: #ddd; vertical-align: middle; position: relative; } .testimonialSlider .rsBullet.rsNavSelected span { background: transparent; width: 8px; height: 8px; top: -1px; } .slick-track { padding-top: 20px; } .fa-clock-o:before { content: "\f133"; margin-right: 5px; } .fa-folder-o:before { margin-right: 5px; } /* Blog Additionals styles */ .widget_tag_cloud a { padding: 5px 10px; line-height: 2.6; font-size: 13px !important; border: 1px solid #E8E8E8; color: #9E9E9E; font-weight: 300; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .widget_tag_cloud a:hover { color: #ffffff; } .entry-more.pro-btn { margin-bottom: 20px; display:inline-block; } .entry-meta-footer { padding-top: 15px; margin-bottom: 15px; } .single-post .entry-meta-footer { margin-left: -15px; } .single-post .addthis_sharing_toolbox { margin-left: -12px; margin-top: 15px; } .entry-tags-list a { /*color: #9E9E9E;*/ margin-left: 10px; } .entry-tags-list a:hover { color: #ffffff; } .pro-fancy-title { position: relative; margin-bottom: 30px; margin-top: 0; font-weight: 700; } .entry-header-top strong { color: #2C3E50; } .fancy-comments-title .pro-fancy-title:before { content: '\f0e6'; font-family: "FontAwesome"; margin-right: 6px; } .separator-right { height: 1px; width: 100%; position: absolute; top: 50%; margin-left: 10px; background: #f5f5f5; } .entry-author { background: #fafafa; border: 1px solid #eeeeee; padding: 30px; margin-top: 0; margin-bottom: 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .blog-masonry-border .post-excerpt a { border: 1px solid #8b9ba6; background-color: transparent; color: #8b9ba6 !important; padding: 10px 20px; border-radius: 3px; margin-top: 10px; letter-spacing: 1px; } .blog-masonry-border .post-excerpt a:hover { color: #fff !important; background-color: #4DB261; border-color: #4DB261; } .isotope .isotope-item:hover .blog-masonry-border, .isotope .isotope-item:hover .entry-image { -webkit-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.15); } .addthis_sharing_toolbox { padding-bottom: 15px; } .wf-td.entry-author-img { display: table-cell; } .wf-td.entry-author-img img { min-width: 50px; max-width: 60px; min-height: 50px; max-height: 60px; } .wf-td.entry-author-img img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .post-format-standard .post-image img { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .entry-author-info { display: table-cell; vertical-align: top; padding-left: 15px; } .entry-author-info .h5-size { font-size: 20px; font-weight: 600; margin-top: 10px; margin-bottom: 10px; line-height: 1; } .entry-author-info .text-normal { line-height: 20px; } .post-format-standard { margin-bottom: 20px; } .post-format-standard .post-image { display: table-cell; } .post-format-standard .post-content { line-height: 1.1; padding-left: 15px; display: table-cell; vertical-align: top; } .post-format-standard time { display: block; line-height: 2; padding-top: 5px; font-size: 11px; font-weight: 400; } .post-format-standard time:before { font-family: 'FontAwesome'; content: '\f133'; margin-right: 5px; } .entry-image { display: inline-table; width: 100%; } .entry-image img { width: 100%; height: auto; } .entry-title { padding-top: 10px; } .entry-gallery { margin-bottom: 0; } .post-navigation .nav-previous strong, .post-navigation .nav-next strong { font-weight: 400; } .entry-footer { margin-top: 0px; } /** Comment **/ .comment-list .comment { border: none; } .comment-list .children { margin: 20px 0; } .comment-author-pro { } .comment-metadata a { color: #ccc; } .comment-list .reply { margin-left: 0; } .related-posts { padding-top: 15px; border: none; } .col-md-6 .entry-meta-footer > span:first-child { margin-left: 0; padding-left: 0; } .comments-title { font-size: 12px; color: #747474; font-weight: 400; font-family: 'Open Sans'; } li.comment, li.pingback { padding-left: 90px; margin-bottom: 30px; } .comment > article { position: relative; background: #f5f5f5; padding: 15px 30px 30px 30px; } .comment > article:before { position: absolute; top: 35px; left: -14px; width: 0; height: 0; border-top: 19px solid #F5F5F5; border-left: 14px solid transparent; content: ""; } .comment-meta time { color: #9e9e9e; font-size: 12px; } .comment-meta time:before { font-family: 'FontAwesome'; content: '\f017'; margin-right: 3px; } .comment-meta, .comment-reply-link { float: right; margin-left: 15px; font-size: 12px; } .comment-author .avatar { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .comment-author .avatar, .comment-author .rollover { float: left; margin: 0 0 15px -90px; } .woocommerce-page .comment-author .avatar, .woocommerce-page .comment-author .rollover { float: left; margin: 0 0 15px -115px; } .comment-author .fn { font-size: 16px; font-weight: 600; color: #262626; } .comment-content { padding: 10px 0 0; margin-left: 0; margin-top: 10px; } .commentlist { margin-bottom: -21px; padding-bottom: 1px; } .woocommerce #comments .pro-star-rating, .woocommerce-page #comments .pro-star-rating { position: relative; float: right; margin-left: 10px; } .woocommerce-info.pro-alert.pro-alert-warning a { font-weight: 700; } .woocommerce-ordering .fa { display: none; } .yith_magnifier_zoom_wrap { border: 1px solid #f5f5f5; } .yith_magnifier_gallery li a img { border: 1px solid #f5f5f5; } /* shop-btn */ .shop_table .cart_item .quantity .qty-number { width: 47px !important; height: 47px !important; border: 1px solid #e8e8e8; background: #f5f5f5; outline: none; } .woocommerce .quantity .qty, .woocommerce-page .quantity .qty { display: inline-block; height: 47px !important; padding: 6px 12px; font-size: 14px; background-color: #fff; border: 1px solid #e8e8e8; border-right: none; border-left: none; } .woocommerce-page .shop_table .product-quantity .quantity { width: 170px; } .woocommerce .cart-collaterals .cross-sells { padding: 30px 25px 0; } .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout .checkout-button { height: 44px; line-height: 2.3; font-size: 13px; } .woocommerce .cart_totals { padding-top: 0; } .woocommerce-page table > tbody > tr.cart-subtotal > th, .woocommerce-page table > tbody > tr.cart-subtotal > td { font-weight: 800; padding-left: 20px!important; } .woocommerce-page table > tbody > .order-total > th, .woocommerce .cart-collaterals .cart_totals .order-total .amount { font-weight: 800; font-size: 18px; text-transform: uppercase; padding-left: 20px!important; } .woocommerce .cart-collaterals .pro-products { margin: 0; } .post-type-archive-product.woocommerce-page #content { padding-top: 15px; } /** Form Comment Blog **/ .pro-comment-form .comment-form-author, .pro-comment-form .comment-form-email { width: 31.33%; display: inline-block; float: left; margin-right: 3%; } .pro-comment-form .comment-form-url { width: 31.33%; display: inline-block; float: left; } .pro-comment-form .comment-form-author input, .pro-comment-form .comment-form-email input, .pro-comment-form .comment-form-url input { width: 100%; display: block; border: 1px solid; border-color: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #f6f6f6; height: 45px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .pro-comment-form .comment-form-author input:hover, .pro-comment-form .comment-form-email input:hover, .pro-comment-form .comment-form-url input:hover, .pro-comment-form textarea:hover { border-color: #eee; } .pro-comment-form .comment-form-author input:focus, .pro-comment-form .comment-form-email input:focus, .pro-comment-form .comment-form-url input:focus, .pro-comment-form textarea:focus { border-color: #ddd; outline: none; } .pro-comment-form textarea { width: 100%; max-width: 100%; min-width: 100%; min-height: 100px; border: 1px solid; border-color: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #f6f6f6; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .pro-comment-form .pro-btn { padding: 10px 30px; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } article h2 { line-height: 1.3; } .page-content .entry-header-top h2 { margin: 30px 0 10px; } .single-post .entry-header-top { height: 20px; } .single-post .cont-padding { padding-top: 55px !important; } .single-post .entry-image { margin-bottom: 20px; } .post h2 { font-size: 36px; font-weight: 900; text-transform: none; } article h3 { line-height: 1.5; } .entry-category span { margin-left: 5px; } article .entry-category { text-transform: uppercase; font-size: 12px; /*color: #8e8e8e;*/ } article .entry-category a { font-style: italic; /*color: #8e8e8e;*/ } .entry-header .vc_row { margin: 0; } /* Shop styles */ .woocommerce .pro-products .product .pro-link h4, .woocommerce-page .pro-products .product .pro-link h4 { font-family: Open Sans; line-height: 1.4; color: #262626; font-size: 14px; margin: 10px 0px; min-height: 20px; } .woocommerce .pro-products .price, .woocommerce-page .pro-products .price { float: none; width: 100%; font-weight: 700; color: #262626; font-size: 14px; margin-bottom: 0; margin-top: 5px; display: block; } .woocommerce del, .woocommerce-page del { color: #BEBEC3; font-size: 14px; } .woocommerce ins, .woocommerce-page ins { font-size: 16px; text-decoration: none; font-weight: bold; } .woocommerce .pro-products .product-info { padding: 0 20px 20px 20px; overflow: hidden; } .woocommerce .pro-single-images a, .woocommerce-page .pro-single-images a { padding: 4px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: none; box-shadow: none; } .woocommerce.widget_shopping_cart { padding-bottom: 20px; } #yith-wcwl-popup-message { font-weight: 300; background: rgba(255, 255, 255, .9); font-size: 16px; padding: 20px 50px; } .price_slider_amount .button { padding: 3px 10px; background: transparent; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; } .price_slider_amount .button:hover { color: #fff; } .widget_price_filter .price_label { padding: 0; } .woocommerce-main-image.zoom { overflow: hidden; } .pro-single-images > span { z-index: 2; } .widget_price_filter .price_label { font-weight: 500; } .widget_price_filter .price_label > span { font-weight: 700; } .page-numbers.current { color: #fff !important; } .ajax-load-more, .ajax-load-more:hover, .page-pagination a, .page-pagination span, .page-pagination a:hover, .page-pagination .current { line-height: 20px !important; } .woocommerce-page #content input[type="text"], .checkout input[type="text"], .checkout_coupon input[type="text"], .checkout input[type="password"], .woocommerce .pro-search-form input[type="text"] { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; width: 100%; display: block; border: 1px solid transparent; background: #F6F6F6; padding: 0 25px 0 15px; height: 45px; border-radius: 3px; } .form-submit #submit { padding: 10px 40px; } .mybroker_widget.widget_search .pro-search-form button { top: 50%; right: 4px; } .woocommerce-page #content input:focus, .checkout input:focus, .checkout_coupon input:focus, .woocommerce-page #content textarea:focus, .checkout textarea:focus { border-color: #ddd; outline: none; } .woocommerce .shop_table .button, .woocommerce .single_add_to_cart_button.button, .woocommerce-page .shop_table .button, .woocommerce-page .single_add_to_cart_button.button, .form-submit #submit { padding: 6px 20px; height: 44px; line-height: 1.3; } .woocommerce .shop_table .button:focus, .woocommerce .single_add_to_cart_button.button:focus, .woocommerce-page .shop_table .button:focus, .woocommerce-page .single_add_to_cart_button.button:focus, .form-submit #submit:focus { outline: none; box-shadow: none; } .woocommerce-page #content textarea, .checkout textarea { height: 150px; min-height: 100px; width: 100%; max-width: 100%; min-width: 100%; padding: 10px 15px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; display: block; border: 1px solid transparent; background: #F6F6F6; border-radius: 3px; } .vc_col-sm-4 .wpcf7-form input[type="text"], .vc_col-sm-4 .wpcf7-form input[type="password"], .vc_col-sm-4 .wpcf7-form input[type="email"], .vc_col-sm-4 .wpcf7-form input[type="tel"], .vc_col-sm-4 .wpcf7-form select { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; width: 100%; /*display: block;*/ border: 1px solid transparent; background: #F6F6F6; padding: 0 15px; border-radius: 3px; margin-top: 5px; } .vc_col-sm-4 .wpcf7-form input:focus, .vc_col-sm-4 .wpcf7-form textarea:focus { border-color: #ddd; outline: none; } .vc_col-sm-4 .wpcf7-form textarea, .vc_col-sm-4 .wpcf7-form textarea { height: 150px; min-height: 100px; width: 100%; max-width: 100%; min-width: 100%; padding: 10px 15px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; display: block; border: 1px solid transparent; background: #F6F6F6; border-radius: 3px; } .vc_col-sm-4 .wpcf7-form input[type="submit"] { padding: 10px 40px; color: #ffffff; border: none; margin-bottom: 30px; float: right; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .shipping_calcuOpen Sansr input[type="text"], .shipping_calcuOpen Sansr input[type="email"], .shipping_calcuOpen Sansr input[type="password"] { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; width: 100%; display: block; border: 1px solid transparent; background: #F6F6F6; padding: 0 15px; border-radius: 3px; margin-top: 5px; height: 35px; } .shipping_calcuOpen Sansr input[type="text"]:focus, .shipping_calcuOpen Sansr input[type="email"]:focus, .shipping_calcuOpen Sansr input[type="password"]:focus, .shipping_calcuOpen Sansr select:focus { border-color: #ddd; outline: none; } .shipping_calcuOpen Sansr select { height: 34px; background: #f4f4f4; width: 100%; } .coupon input[type="text"]:focus { outline: none; } .woocommerce #payment input[type="radio"], .woocommerce-page #payment input[type="radio"] { top: auto; margin-right: 5px; } .woocommerce-info.pro-alert.pro-alert-warning { background: #F6F6F6; color: #262626 !important; display: block; text-align: left; } .pro-tab.pro-tab-default .pro-tab-nav { background-image: none; } .pro-tab-nav { height: 41px !important; } .tagged_as a { font-weight: 400; text-transform: none; } .panel { box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05); } aside.sidebar .mybroker_widget ul li a.remove { width: auto; position: relative; float: right; } .widget_top_rated_products li a, .widget_recent_reviews li a, .widget_recently_viewed_products li a, .widget_products li a, .widget_shopping_cart li a { float: none; width: auto; display: block; } .woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce-page h1, .woocommerce-page h2, .woocommerce-page h3 { margin-top: 0; font-weight: 400; line-height: 1.1; color: #2c3e50; margin-bottom: 30px; margin-top: 30px; } .woocommerce .button, .woocommerce .button, .woocommerce-page .button, .woocommerce-page .button, .form-submit #submit { padding: 6px 20px; } .woocommerce .pro-upsells, .woocommerce .pro-related, .woocommerce-page .pro-upsells, .woocommerce-page .pro-related { clear: both; } .product_meta > .posted_in a { text-transform: none; font-weight: 400; } .summary.entry-summary .entry-title { font-weight: 600; font-size: 26px; padding-top: 0; margin-top: 10px; margin-bottom: 10px; } .woocommerce .product_meta .sku, .woocommerce-page .product_meta .sku { font-weight: 400; } .woocommerce .pro-price .price del, .woocommerce-page .pro-price .price del { font-size: 20px; font-weight: 500; } .woocommerce .pro-price .price ins, .woocommerce-page .pro-price .price ins { font-size: 24px; font-weight: 500; } .woocommerce-product-rating { padding: 0 0 20px 0; border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; } .woocommerce .summary .star-rating, .woocommerce-page .summary .star-rating { margin-top: 6px; } .woocommerce .pro-description, .woocommerce-page .pro-description { border-bottom: 1px solid #f5f5f5; padding: 0 0 20px 0; } .pro-alert-info { background: #f9f9f9; color: #a5a5a5; border-color: #f3f3f3; } .add_to_wishlist { } .woocommerce-page .woocommerce-top { padding: 16px 0; } .woocommerce-page .woocommerce-result-count { color: rgba(145, 145, 145, 0.5); font-size: 13px; line-height: 34px; } .woocommerce-page #content select { height: 34px; padding: 6px 12px; font-size: 11px; line-height: 1.428571429; color: #979191; background-color: #f5f5f5; } .widget_shopping_cart .buttons { padding-top: 30px; } .widget_shopping_cart .buttons a { padding: 5px; width: 48%; border: 1px solid #747474; margin-right: 4%; float: left; text-align: center; color: #747474; background: transparent; } .woocommerce-page h1 { font-size: 36px; } .widget_shopping_cart .buttons a:last-child { margin-right: 0; } .widget_shopping_cart .buttons a:hover { background: #262626; color: #fff; } .widget_shopping_cart .buttons a.checkout { background: transparent; } .widget_shopping_cart .buttons a.checkout:hover { color: #fff; } .summary.entry-summary .clear { display: none; } .summary.entry-summary .cart { display: inline-block; float: left; margin-right: 10px; } .cart .pro-btn-sm { padding: 11px 18px; } .woocommerce-page #content input[type="number"] { height: 47px; padding: 6px 12px; font-size: 14px; background-color: #fff; border-right: none; border-left: none; } .woocommerce .summary div.quantity input.qtyminus, .woocommerce .summary div.quantity input.qtyplus { height: 47px !important; width: 47px !important; } .woocommerce-page .pro-related { border: none; } .woocommerce .quantity .minus, .woocommerce .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page .quantity .plus { height: 22px; } .woocommerce .quantity .qty, .woocommerce-page .quantity .qty { height: 44px; text-align: center; transition: ease-in-out .2s; -webkit-transition: ease-in-out .2s; -moz-transition: ease-in-out .2s; } .woocommerce .quantity .qty:hover, .woocommerce-page .quantity .qty:hover { background: #f9f9f9; outline: none; } .woocommerce .product_meta, .woocommerce-page .product_meta { float: left; width: 100%; border-top: 1px solid #f5f5f5; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .woocommerce .quantity .qty:focus, .woocommerce-page .quantity .qty:focus { background: #f5f5f5; outline: none; box-shadow: inset 0 0 3px 0 #f4f4f4; -webkit-box-shadow: inset 0 0 3px 0 #f4f4f4; -moz-box-shadow: inset 0 0 3px 0 #f4f4f4; } .yith-wcwl-add-to-wishlist { display: inline-block !important; position: relative; float: left; margin-right: 10px; } .woocommerce .summary .quantity, .woocommerce-page .summary .quantity { margin-right: 10px; } .woocommerce-page .price { float: left; width: 100%; line-height: normal; margin-bottom: 0; } .woocommerce-page .product_meta > span { font-weight: 700; text-transform: uppercase; line-height: normal; padding: 3px 0; } .roadtip { z-index: 10000; } .addthis_native_toolbox { clear: both; padding-top: 20px; } .at-share-tbx-element.addthis_default_style { border-top: 1px solid #f5f5f5; padding: 20px 0; } .summary.entry-summary .yith-wcwl-add-to-wishlist a, .summary.entry-summary .yith-wcwl-add-to-wishlist a.add_to_wishlist { background: #c7c7c7; color: #fff; height: 40px; line-height: 40px; width: 40px; } .summary.entry-summary .yith-wcwl-add-to-wishlist a:after, .summary.entry-summary .yith-wcwl-add-to-wishlist a.add_to_wishlist:after { font-size: 14px; height: 40px; line-height: 40px; width: 40px; } .summary.entry-summary .yith-wcwl-add-to-wishlist a:hover, .summary.entry-summary .yith-wcwl-add-to-wishlist a.add_to_wishlist:hover { color: #fff; } .summary.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover, .summary.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover { color: #fff; } .summary.entry-summary .compare-button { float: left; position: relative; width: 41px; } .summary.entry-summary .compare-button a.compare { background: #c7c7c7; color: #fff; height: 40px; line-height: 40px; width: 40px; } .summary.entry-summary .compare-button a.compare:after { font-size: 14px; height: 40px; line-height: 40px; width: 40px; } .summary.entry-summary .compare-button a.compare:hover { color: #fff; } .summary.entry-summary .compare-button a.compare.added:hover { color: #fff; } .summary.entry-summary .yith-wcwl-add-to-wishlist a, .summary.entry-summary .yith-wcwl-add-to-wishlist a.add_to_wishlist { background: #fff; border: 1px solid #f5f5f5; border-radius: 3px; box-shadow: none; color: #555; display: inline-block; font-weight: normal; height: 47px; line-height: 47px; margin-left: 1px; overflow: hidden; padding: 0; position: relative; text-align: center; text-indent: -9999px; text-shadow: none; width: 47px; float: left; } .summary.entry-summary .yith-wcwl-add-to-wishlist a:after, .summary.entry-summary .yith-wcwl-add-to-wishlist a.add_to_wishlist:after { content: "\f004"; display: block; font-family: FontAwesome; font-size: 14px; height: 47px; left: 0; line-height: 47px; position: absolute; text-indent: 0; top: 0; width: 47px; } .summary.entry-summary .yith-wcwl-add-to-wishlist a:hover, .summary.entry-summary .yith-wcwl-add-to-wishlist a.add_to_wishlist:hover { color: #fff; } .summary.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover, .summary.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover { color: #fff; } .summary.entry-summary .compare-button { float: left; display: inline-block; position: relative; width: 48px; margin-top: 10px; margin-right: 5px; } .summary.entry-summary .compare-button a.compare { background: #fff; border: 1px solid #f5f5f5; border-radius: 3px; box-shadow: none; color: #555; display: inline-block; font-weight: normal; height: 47px; line-height: 47px; margin-left: 1px; overflow: hidden; padding: 0; position: relative; text-align: center; text-indent: -9999px; text-shadow: none; width: 47px; } .summary.entry-summary .compare-button a.compare:after { content: "\f079"; display: block; font-family: FontAwesome; font-size: 14px; height: 47px; left: 0; line-height: 47px; position: absolute; text-indent: 0; top: 0; width: 47px; } .summary.entry-summary .compare-button a.compare:hover { color: #fff; } .summary.entry-summary .compare-button a.compare.added:hover { color: #fff; } .shop_table.cart th { font-size: 14px; } .product-wrapper { display: block; position: relative; background: #fff; padding: 0; border: 1px solid #E8E8E8; } .entry-summary .price .amount { font-size: 14px; } .woocommerce .summary div.quantity { width: auto; margin-bottom: 0; } .entry-summary .cart .single_add_to_cart_button { position: relative; padding-left: 40px; height: 47px; } .entry-summary div[itemprop="description"] { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #f5f5f5; } .entry-summary .cart .single_add_to_cart_button:hover { opacity: 0.8; } .entry-summary .cart .single_add_to_cart_button:before { position: absolute; left: 20px; font-family: 'Glyphter'; content: '\0042' !important; } .caroufredsel_wrapper { height: 158px !important; } .entry-summary .cart .single_add_to_cart_button:hover { background-color: #4DB261; } .woocommerce .pro-products .onsale, .woocommerce-page .pro-products .onsale { z-index: 99; } .product-wrapper .onsale { background: none; border-radius: 0; box-shadow: none; color: #ffffff; font-size: 15px; font-weight: normal; text-shadow: none; z-index: 9; } .product-wrapper .onsale .sale-bg { border: none; content: ""; display: block; top: 0; bottom: 0; left: 0; right: 0; position: absolute; width: 100%; z-index: 1; } .product-wrapper .onsale .sale-text { position: relative; z-index: 2; } .product-wrapper .actions.actions-listview { display: block; } .product-wrapper .actions .action-buttons { height: 40px; } .product-wrapper .actions .add-to-cart a.button { background: #c7c7c7; color: #fff; height: 40px; line-height: 40px; width: 40px; } .product-wrapper .actions .add-to-cart a.button:after { font-size: 14px; height: 40px; line-height: 40px; width: 40px; } .product-wrapper .actions .add-to-cart a.button:hover { color: #fff; } .product-wrapper .actions .add-to-cart a.button.added:hover { color: #fff; } .product-wrapper .actions .add-to-cart a.added_to_cart { display: none; } .product-wrapper .actions .add-to-links { float: right; } .product-wrapper .actions .add-to-links p { display: none; } .product-wrapper .actions .add-to-links .clear { display: none; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist { float: left; margin: 0; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist .show { float: left; position: relative; width: 41px; } .yith-wcwl-add-to-wishlist .show .feedback { display: none; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a, .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a.add_to_wishlist { background: #c7c7c7; color: #fff; height: 40px; line-height: 40px; width: 40px; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a:after, .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a.add_to_wishlist:after { font-size: 14px; height: 40px; line-height: 40px; width: 40px; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a:hover, .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a.add_to_wishlist:hover { color: #fff; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover, .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover { color: #fff; } .product-wrapper .actions .add-to-links .compare-button { float: left; position: relative; width: 41px; } .product-wrapper .actions .add-to-links .compare-button a.compare { background: #c7c7c7; color: #fff; height: 40px; line-height: 40px; width: 40px; } .product-wrapper .actions .add-to-links .compare-button a.compare:after { font-size: 14px; height: 40px; line-height: 40px; width: 40px; } .product-wrapper .actions .add-to-links .compare-button a.compare:hover { color: #fff; } .product-wrapper .actions .add-to-links .compare-button a.compare.added:hover { color: #fff; } .product-wrapper:hover .product-image .image-link img:last-child, .product-wrapper.hover .product-image .image-link img:last-child { opacity: 1; } .product-wrapper:hover .product-image .shadow, .product-wrapper.hover .product-image .shadow { opacity: 1; } .product-wrapper:hover .product-image .shadow .detail-link, .product-wrapper.hover .product-image .shadow .detail-link { opacity: 1; top: 50%; } .product-wrapper:hover .actions, .product-wrapper.hover .actions { bottom: 0; opacity: 1; visibility: visible; } .product-wrapper .product-image { display: block; margin: 0; position: relative; text-align: center; width: 100%; } .product-wrapper .product-image .image-link { display: block; position: relative; width: 100%; } .product-wrapper .product-image .image-link img:last-child { left: 0; opacity: 0; position: absolute; top: 0; z-index: 1; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .product-wrapper .product-image img { box-shadow: none; margin: 0; width: 100%; } .product-wrapper .product-image .shadow { background: rgba(2, 2, 2, 0.06); height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .product-wrapper .actions { bottom: -47px; opacity: 0; position: absolute; right: 0; visibility: hidden; z-index: 4; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .product-wrapper .actions .action-buttons { float: right; height: 47px; } .product-wrapper .actions .add-to-cart { display: inline-block; float: right; } .product-wrapper .actions .add-to-cart .special-price, .product-wrapper .actions .add-to-cart .old-price { display: none; } .product-wrapper .actions .add-to-cart a.button { background: #fff; display: block; border: none; border-radius: 0; box-shadow: none; color: #555; font-weight: normal; height: 47px; line-height: 47px; overflow: hidden; padding: 0; position: relative; text-align: center; text-indent: -9999px; text-shadow: none; width: 47px; } .yith_magnifier_gallery li { margin-right: 12px; } .product-wrapper .actions .add-to-cart a.button:after { display: block; font-size: 14px; height: 47px; left: 0; line-height: 47px; position: absolute; text-indent: 0; top: 0; width: 47px; font-family: 'Glyphter'; content: '\0042' !important; } .product-wrapper .actions .add-to-cart a.button:hover { color: #fff; } .product-wrapper .actions .add-to-cart a.button.added:hover { color: #fff; } .product-wrapper .actions .add-to-cart a.added_to_cart { display: block; } .product-wrapper .actions .add-to-links { float: right; } .product-wrapper .actions .add-to-links .clear { display: none; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist { float: left; margin: 0; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist .show { float: left; position: relative; width: 48px; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist .show .feedback { display: none; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a, .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a.add_to_wishlist { background: #fff; border: none; border-radius: 0; box-shadow: none; color: #555; display: inline-block; font-weight: normal; height: 47px; line-height: 47px; margin-left: 1px; overflow: hidden; padding: 0; position: relative; text-align: center; text-indent: -9999px; text-shadow: none; width: 47px; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a:after, .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a.add_to_wishlist:after { content: "\f004"; display: block; font-family: FontAwesome; font-size: 14px; height: 47px; left: 0; line-height: 47px; position: absolute; text-indent: 0; top: 0; width: 47px; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a:hover, .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist a.add_to_wishlist:hover { color: #fff; } .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a:hover, .product-wrapper .actions .add-to-links .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a:hover { color: #fff; } .product-wrapper .actions .add-to-links .compare-button { float: left; position: relative; width: 48px; } .product-wrapper .actions .add-to-links .compare-button a.compare { background: #fff; border: none; border-radius: 0; box-shadow: none; color: #555; display: inline-block; font-weight: normal; height: 47px; line-height: 47px; margin-left: 1px; overflow: hidden; padding: 0; position: relative; text-align: center; text-indent: -9999px; text-shadow: none; width: 47px; } .product-wrapper .actions .add-to-links .compare-button a.compare:after { content: "\f079"; display: block; font-family: FontAwesome; font-size: 14px; height: 47px; left: 0; line-height: 47px; position: absolute; text-indent: 0; top: 0; width: 47px; } .product-wrapper .actions .add-to-links .compare-button a.compare:hover { color: #fff; } .product-wrapper .actions .add-to-links .compare-button a.compare.added:hover { color: #fff; } .product-wrapper .bottom-info { padding: 15px 20px; text-align: center; } .product-wrapper .product-name-listview { margin-bottom: 0; } .product-wrapper .product-name-listview a { font-size: 18px; display: inherit; line-height: 1.2; } .woocommerce .pro-products .star-rating, .woocommerce-page .pro-products .star-rating { font-size: 12px; width: 55px; margin-bottom: 0; float: none; display: inline-block; } .woocommerce .shop_table .product-remove a, .woocommerce-page .shop_table .product-remove a { padding: 0 5px; } .yith-wcwl-add-to-wishlist .ajax-loading { position: absolute; left: 17px; border-radius: 50%; top: 15px; z-index: 5; background: #fff; display: none !important; } .add_to_cart_button { } .loading-gif { transition: none; -webkit-transition: none; -moz-transition: none; } .loading .loading-gif { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 47px; background: url("http://pro.proadvertise.co.uk/wp-content/plugins/woocommerce/assets/images/ajax-loader@2x.gif") no-repeat center rgba(255, 255, 255, .5); background-size: 15px; } /* My Account */ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #fff !important; } .login, .register { padding-top: 15px; } .login .input-text, .register .input-text { display: block; width: 100%; padding: 0 10px; height: 45px; background-color: #f5f5f5; border: 1px solid transparent; } .login .input-text:focus, .register .input-text:focus { outline: none; border-color: #ccc; } .login label, .register label { font-weight: 300; font-size: 14px; } .login .pro-remember-label { } .login #rememberme { top: 0; } .login a { color: #8e8e8e; } .login .button, .register .button { padding: 8px 40px; float: right; } .checkout_coupon input[type="submit"] { height: 34px; } @media (max-width: 991px) { .coupon { display: block; width: 100%; margin-bottom: 30px; } .coupon.pull-left, .coupon.pull-right { float: none; } .woocommerce .shop_table #coupon_code, .woocommerce-page .shop_table #coupon_code, .shop_table.cart .coupon.pull-right input[type="submit"], .coupon input { width: 49%; float: left; margin-right: 2%; } .coupon input:last-child, .shop_table.cart .coupon.pull-right input[type="submit"]:last-child { margin-right: 0; } .shop_table.cart .coupon.pull-right input[type="submit"] { margin-left: 0; } .post h2, h2.entry-title { font-size: 24px; } } @media (min-width: 768px) { .login .form-row-first { width: 49%; margin-right: 2%; float: left; } .login .form-row-last { width: 49%; float: left; } .checkout_coupon p:first-child { width: 50%; margin-right: 2%; float: left; } .checkout_coupon p:last-child { width: 19%; float: left; margin-bottom: 20px; } .checkout_coupon input[type="submit"] { display: block; width: 48%; height: 45px; } } @media (max-width: 766px) { .pro-comment-form .comment-form-author, .pro-comment-form .comment-form-email, .pro-comment-form .comment-form-url { width: 100%; display: block; float: none; margin-right: 0; } .comment-meta { float: none; display: block; margin-left: 0; } .comment-author .fn { clear: both; } .shop_table.cart .coupon.pull-right input[type="submit"] { display: block; width: 100%; margin-right: 0; margin-bottom: 15px; } .post h2, h2.entry-title { font-size: 18px; } } @media (max-width: 479px) { .entry-author-info { display: block; padding-left: 0; text-align: justify; } .entry-author-info .h5-size { text-align: center; } .wf-td.entry-author-img { display: block; text-align: center; } .comment-content { text-align: justify; } .comment-reply-link { float: none; margin-left: 0; } .comment > article:before { position: absolute; top: auto; left: auto; width: 0; height: 0; border-top: none; border-left: none; } .comment-reply-link { position: absolute; top: 30px; right: 30px; text-align: right; display: block; } .comment-meta { position: absolute; top: 30px; display: block; margin-left: 0; } li.comment, li.pingback { padding-left: 0; margin-bottom: 0; } .comment-author { display: block; } .comment-author .fn { padding-left: 75px; top: -10px; position: relative; } .comment-author .avatar { float: none; margin: 50px 0 -30px 0; isplay: block; text-align: center; position: relative; } } /*WPCF7 Form Custom Styles*/ span.description_contact_footer { font-size: 12px; color: #464646; } .col-md-3.no-margin, .col-md-6.no-margin, .col-md-9.no-margin { margin-bottom: 0; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="password"], .wpcf7-form input[type="number"], .wpcf7-form input[type="tel"], .wpcf7-form select, .wpcf7-form textarea { color: #999; line-height:35px; height:40px; padding: 0 15px; argin-bottom: 15px; /*background: #f4f4f4;*/ width: 100%; border: 1px solid transparent; font-weight: 500; font-size: 14px; font-family: 'Open Sans', sans-serif; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 1px solid #ddd; } .wpcf7-form textarea { line-height: normal; padding: 20px 24px; } .wpcf7-form input::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder, .wpcf7-form input:-moz-placeholder, .wpcf7-form textarea:-moz-placeholder, .wpcf7-form input::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder, .wpcf7-form input:-ms-input-placeholder, .wpcf7-form textarea:-ms-input-placeholder { color: #747474; } .wpcf7-form textarea { min-height: 100px; width: 100%; min-width: 100%; max-width: 100%; } .wpcf7-form input[type="number"]:hover, .wpcf7-form input[type="text"]:hover, .wpcf7-form input[type="email"]:hover, .wpcf7-form input[type="password"]:hover, .wpcf7-form textarea:hover { border: 1px solid #f9f9f9; } .wpcf7-form input[type="number"]:focus, .wpcf7-form input[type="text"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="password"]:focus, .wpcf7-form textarea:focus { border: 1px solid #ddd; background: #f9f9f9; outline: none; color: #555; } .j-cont-form p label{ width:100% !important; color:#333;} .wpcf7-form input[type="submit"] { padding: 0 34px; height: 50px; border: none; font-weight: bold; color: #ffffff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .footer-form .wpcf7-form .form-col-block { overflow: hidden; } .footer-form .wpcf7-form .container-fluid .form-col-block, .footer-form .wpcf7-form .form-col-block.send-btn { overflow: visible; } .footer-form .wpcf7-form .form-col-block .wpcf7-form-control-wrap.your-message textarea { float: left; } .wpcf7-form input[type="submit"]:focus { outline: none; } .wpcf7-form .wpcf7-captchac { width: 25%; float: left; margin-top:0px; } .wpcf7-form .wpcf7-captchar[type="text"] { width: 75%; } .wpcf7-form br { display: none; } .wpcf7-form p { margin-bottom: 0; } /* Transparent theme WPCF7 form */ .transparent-theme-form.with-icons input[type="text"], .transparent-theme-form.with-icons input[type="email"], .transparent-theme-form.with-icons input[type="password"] { padding: 15px 24px 15px 60px; } .transparent-theme-form input[type="text"], .transparent-theme-form input[type="email"], .transparent-theme-form input[type="password"], .transparent-theme-form textarea { background: rgba(0, 0, 0, .1); border: 1px solid transparent; color: #fff; } .transparent-theme-form input::-webkit-input-placeholder, .transparent-theme-form textarea::-webkit-input-placeholder, .transparent-theme-form input:-moz-placeholder, .transparent-theme-form textarea:-moz-placeholder, .transparent-theme-form input::-moz-placeholder, .transparent-theme-form textarea::-moz-placeholder, .transparent-theme-form input:-ms-input-placeholder, .transparent-theme-form textarea:-ms-input-placeholder { color: #747474; } .transparent-theme-form input[type="text"]:hover, .transparent-theme-form input[type="email"]:hover, .transparent-theme-form input[type="password"]:hover, .transparent-theme-form textarea:hover { border: 1px solid rgba(255, 255, 255, .3); } .transparent-theme-form input[type="text"]:focus, .transparent-theme-form input[type="email"]:focus, .transparent-theme-form input[type="password"]:focus, .transparent-theme-form textarea:focus { border-color: rgba(255, 255, 255, .3); background: rgba(160, 206, 76, .1); outline: none; color: #ffffff; } .transparent-theme-form .wpcf7-captchac { margin-top: 0; } /* Some Updates style for footer form (eg. image svg from shortcodes) */ .form-col-block { position: relative; display: block; } .form-col-block select { background: rgba(0, 0, 0, .1); cursor: pointer; width: 100%; border: 1px solid transparent; color: #C5C5C5; margin-bottom: 15px; font-size: 16px; height: 50px; border-radius: 0; -webkit-appearance: button; -moz-appearance: button; -webkit-user-select: none; -moz-user-select: none; -webkit-padding-end: 20px; -moz-padding-end: 20px; -webkit-padding-start: 60px; -moz-padding-start: 60px; } .form-col-block select:focus { outline: none; border: 1px solid rgba(255, 255, 255, .3); } .wpcf7-form .form-col-block .wpcf7-captchar[type="text"] { width: 100%; } .footer-form textarea { color: #fff; } .form-col-block .icon { position: absolute; left: 18px; top: 0; line-height: 48px; font-size: 25px; color: #ffffff; } .send-btn .icon { position: absolute; right: 24px; left: auto; font-size: 18px; } .footer-form input, .footer-form textarea { color: #fff; } .form-col-block input[type="submit"] { font-weight: normal; font-size: 16px; } /* Dark theme WPCF7 form */ .dark-theme-form input[type="text"], .dark-theme-form input[type="email"], .dark-theme-form input[type="password"], .dark-theme-form textarea { background: #252525; } .dark-theme-form input::-webkit-input-placeholder, .dark-theme-form textarea::-webkit-input-placeholder, .dark-theme-form input:-moz-placeholder, .dark-theme-form textarea:-moz-placeholder, .dark-theme-form input::-moz-placeholder, .dark-theme-form textarea::-moz-placeholder, .dark-theme-form input:-ms-input-placeholder, .dark-theme-form textarea:-ms-input-placeholder { color: #747474; } .dark-theme-form input[type="text"]:hover, .dark-theme-form input[type="email"]:hover, .dark-theme-form input[type="password"]:hover, .dark-theme-form textarea:hover { border: 1px solid #3f3f3f; } .dark-theme-form input[type="text"]:focus, .dark-theme-form input[type="email"]:focus, .dark-theme-form input[type="password"]:focus, .dark-theme-form textarea:focus { border: 1px solid #464646; background: #313131; outline: none; color: #ffffff; } .dark-theme-form .wpcf7-captchac { margin-top: 0; } .pro-search-form input[type="text"]:focus { outline: none; } /*Forms Error*/ .pro-alert-warning, .ninja-forms-error-msg, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked, .wpcf7-validation-errors { border-color: transparent; color: #E2837A !important; background-color: transparent; text-align: center; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: normal; display: inline-block; } span.wpcf7-not-valid-tip { color: #e74c3c; position: relative; font-size: 1em; display: block; margin-top: -5px; margin-bottom: 0px !important; top: 0; padding:0px; margin-top:10px; line-height: 20px; background:none !important; border: none !important; } div.wpcf7-response-output { border: 1px solid transparent; margin-top: 10px !important; margin-bottom: 10px; line-height: normal; font-size: 15px; padding:0px; color: #fff; letter-spacing: 3px; width: 100%; background:none !important; border: none !important; } .comment-author-pro .reply a:hover { color: #b2e558; } .price_slider_amount .button { color: #85B62B; border: 2px solid #85B62B; } .pro-btn-flat-accent:hover { background: #b2e558; } .vc_col-sm-4 .wpcf7-form input[type="submit"]:hover { background: #85B62B; } .wpcf7-form input[type="submit"] { background: #8dc63f; } .wpcf7-form input[type="submit"]:hover { background: #93cd44; } .no-results button { background: #8dc63f; } .no-results button:hover { background: #98d346; } .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok { display: inline-block; border-color: transparent; color: #A0CF4D; background: transparent; text-align: center; } /*Article Search Custom*/ article.type-page { margin-bottom: 60px; } article.type-page .entry-meta > span { margin-left: 0; } /*Search Results Custom*/ .no-results { text-align: center; font-family: 'Raleway'; } .no-results h2 { font-weight: bold; text-transform: none; color: #363636; font-size: 26px; } .no-results h2 span::after { content: ' '; } .no-results p { font-weight: 500; text-transform: none; color: #959595; font-size: 14px; } .no-results form { width: 80%; display: inline-block; margin: 20px auto; position: relative; } .no-results input[type="text"] { display: block; width: 100%; height: 65px; padding-left: 30px; padding-right: 160px; font-size: 18px; line-height: 1.428571429; color: #747474; background-color: #fafafa; border: 1px solid transparent; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .no-results input[type="text"]:focus { color: #555555; background-color: #fafafa; border-color: #ccc; outline: none; -webkit-box-shadow: none; box-shadow: none; } .no-results button { position: absolute; top: 0; right: 0; height: 65px; padding: 5px 25px; margin: 0; color: #fff; border: none; outline: none; font-size: 18px; opacity: 1; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .no-results button::after { font-weight: bold; font-size: 16px; content: 'Search'; text-transform: uppercase; margin-left: 10px; } @media (max-width: 767px) { .no-results input[type="text"] { padding-left: 30px; padding-right: 80px; } .no-results button::after { display: none; } } .mobile-header-top .primary-menu { border: none; } /* WpWALT theme WPCF7 form */ .contact-form-absolute-cont { position: relative; margin-bottom: 0 !important; text-align: right; z-index: 2; } .contact-form-relative-cont { position: relative; margin-bottom: 0 !important; text-align: center; z-index: 2; } .wpwalt-form-theme { position: relative; display: inline-block; } .wpwalt-form-theme.banner-style { position: absolute; bottom: 30px; right: 25px; display: inline-block; } .wpwalt-form-theme .wpwalt-form { text-align: left; background: #fff; padding: 30px 15px; max-width: 340px; min-width: 300px; box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); } .wpwalt-form::before { background: url(http://wpwalt.proadvertise.co.uk/hat.png) no-repeat; width: 82px; height: 80px; position: absolute; z-index: 10; top: 0; margin-top: -47px; right: -25px; content: ' '; } .wpwalt-form-theme .form-col-block .icon { color: #eee; line-height: 40px; font-size: 20px; left: 10px; } .wpwalt-form-theme .form-col-block select { background: rgba(0, 0, 0, .05); border: 1px solid transparent; color: #A9A9AB } .wpwalt-form .title-form { font-size: 21px; color: #2c2c2c; font-weight: bold; padding-bottom: 20px; } .wpwalt-form input[type="text"], .wpwalt-form input[type="email"], .wpwalt-form input[type="password"] { height: 40px; line-height: 40px; } .wpwalt-form textarea { min-height: 120px; } .wpwalt-form.with-icons input[type="text"], .wpwalt-form.with-icons input[type="email"], .wpwalt-form.with-icons input[type="password"] { padding: 0 24px 0 45px; } .wpwalt-form input[type="text"], .wpwalt-form input[type="email"], .wpwalt-form input[type="password"], .wpwalt-form textarea { background: rgba(0, 0, 0, .05); border: 1px solid transparent; color: #2c2c2c; } .wpwalt-form-theme.dark-version .wpwalt-form input[type="text"], .wpwalt-form-theme.dark-version .wpwalt-form input[type="email"], .wpwalt-form-theme.dark-version .wpwalt-form textarea { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .3); } .wpwalt-form input::-webkit-input-placeholder, .wpwalt-form textarea::-webkit-input-placeholder, .wpwalt-form input:-moz-placeholder, .wpwalt-form textarea:-moz-placeholder, .wpwalt-form input::-moz-placeholder, .wpwalt-form textarea::-moz-placeholder, .wpwalt-form input:-ms-input-placeholder, .wpwalt-form textarea:-ms-input-placeholder { color: #747474; } .wpwalt-form input[type="text"]:hover, .wpwalt-form input[type="email"]:hover, .wpwalt-form input[type="password"]:hover, .wpwalt-form textarea:hover { border: 1px solid rgba(255, 255, 255, .3); } .wpwalt-form input[type="text"]:focus, .wpwalt-form input[type="email"]:focus, .wpwalt-form input[type="password"]:focus, .wpwalt-form textarea:focus { border-color: rgba(255, 255, 255, .3) !important; background: rgba(246, 196, 28, .1) !important; outline: none; color: #2c2c2c; } .wpwalt-form button, .wpwalt-form input[type="button"], .wpwalt-form input[type="reset"], .wpwalt-form input[type="submit"] { width: 100%; color: #2c2c2c; text-transform: uppercase; font-weight: bold; font-size: 20px; } .wpwalt-form .wpcf7-captchac { margin-top: 0; } .contact-form-absolute-cont div.wpcf7-response-output { width: 340px; background: #fff; bottom: -49px; position: absolute; right: 25px; font-size: 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; height: 65px; letter-spacing: 0; box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); } .contact-form-absolute-cont .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok { background: #fff; } .contact-form-absolute-cont span.wpcf7-not-valid-tip { color: #e74c3c; position: relative; font-size: 1em; display: block; margin-top: -13px; margin-bottom: 5px !important; top: 0; padding: 0px 15px; font-size: 11px; background: rgba(0, 0, 0, .2); border: none; } /*COPIED FROM CUSTOM CSS AFTER THE DUMMY DATA WAS CREATED */ .wpwalt-form-theme.dark-version .wpwalt-form { text-align: left; background: #2c2c2c; padding: 30px 15px; max-width: 340px; min-width: 300px; box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, .3); } .wpwalt-form-theme.dark-version .wpwalt-form input[type="text"], .wpwalt-form-theme.dark-version .wpwalt-form input[type="email"], .wpwalt-form-theme.dark-version .wpwalt-form input[type="password"], .wpwalt-form-theme.dark-version .wpwalt-form textarea, .wpwalt-form-theme.dark-version .wpwalt-form .title-form { color: #fff; } /*MOVED FROM INTERMEDIARY*/ .brochure-box-cont { margin-bottom: 15px; } .brochure-box { position: relative; background-color: #E2E2E2; border-radius: 3px; display: block; transition: all 200ms ease-out; } .brochure-box::after { transition: all 200ms ease-out; position: absolute; font-family: 'FontAwesome'; content: "\f105"; width: 0; height: 0; right: 18px; top: calc(50% - 12px); color: rgba(0, 0, 0, .2); } .brochure-box .fa { transition: all 200ms ease-out; display: inline-block; margin: 0; padding: 15px; vertical-align: middle; font-size: 16px; background-color: rgba(255, 255, 255, .2); } .brochure-box__text { transition: all 200ms ease-out; display: inline-block; color: #999; padding-left: 10px; font-size: 13px; } .brochure-box:hover .brochure-box__text { color: #262626; } .brochure-box:hover { background-color: #4DB261; color: #262626; } .brochure-box:hover .fa { color: #262626; } .brochure-box:hover::after { border-color: transparent transparent transparent #333; } header.entry-header .entry-meta span { margin-right: 5px; } header.style-1 .primary-menu .navbar-nav > li > a { line-height: 50px; } .mybroker_widget_download_btns { margin-bottom: 13px !important; } h3.nav-previous, h3.nav-next { font-size: 14px; text-transform: none; margin: 15px 0; } .parallax_wrap { overflow: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .parallax_wrap .background-image { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background-position: center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-attachment: fixed; } .pro-fancy-separator { overflow: hidden; } .entry-tags-list:before { font-family: 'FontAwesome'; content: "\f02c"; } .fa-shopping-cart:before { font-family: 'Glyphter'; content: '\0042' !important; } .entry-tags-list a:hover { background-color: transparent !important; } .slick-list { padding: 0px !Important; margin: 0px 50px; } .pro-404-image { text-align: center; margin: 0 auto; } .slick-prev:before { display: inline-block; font-family: FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f104"; font-size: 14px !important; font-weight: 700; position: relative; } .slick-next:before { display: inline-block; font-family: FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; font-size: 14px !important; font-weight: 700; position: relative; } .pro-team { margin-top: 50px; margin-bottom: 50px; } .slick-slide:focus { outline: 0 } .pro-team-member.col-md-12 { width: 100% !important; } .slick-prev, .slick-next { width: 40px !important; height: 40px !important; background-color: #f3f3f3; border-radius: 50%; display: none !important; } .pro-team-carousel:hover .slick-prev, .pro-team-carousel:hover .slick-next { display: block !important; } .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form textarea, .wpcf7-form select { border: 1px solid #ddd; } .mybroker_widget input, .mybroker_widget button, .mybroker_widget select, .mybroker_widget textarea { max-width: 100%; } /* Slider */ @font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; margin-left: 10px !important; margin-right: 10px !important; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .vc_carousel-slideline .vc_slide_post .entry-more.pro-btn { display: none; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 1em; width: 1em; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-next:hover, .slick-next:focus, .slick-next:active { outline: none; background: transparent; color: transparent; box-shadow: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } .slick-next { right: -25px; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .mybroker_widget_custom_posts .with-image li.no-image { padding-left: 0; } ol > li.comment::before, ol > li.comment::before, ol > li.comment::before { content: ''; } .comment-form-comment { margin-bottom: 15px; } .footer-form .wpcf7-form .form-col-block .wpcf7-form-control-wrap.your-message textarea { float: none; } .footer-form .wpcf7-form .form-col-block .wpcf7-form-control-wrap.your-message textarea { float: none; } .footer-form .wpcf7-captchar { padding: 15px 24px 15px 24px; } /*CUSTOM SIDEBAR MODIFICATIONS*/ .textwidget .fa { margin-right:5px; line-height:30px; width:18px; } .blog-masonry-border h2 a { font-size:18px!important; line-height: 20px !important; } /*CUSTOM SIDEBAR MODIFICATIONS END*/ /*contact form bottom*/ .call-me input{ width:30%!important; display:inline-block!important; margin-top:0!important; margin-bottom: 20px!important; padding: 0!important; border-radius:0px 5px 5px 0px !important; } .call-me span input{ width:70%!important; border-radius:5px 0px 0px 5px!important; padding: 0 15px!important; } .call-me .ajax-loader{ display:none!important; } .woocommerce-page #content select{ height:45px!important; } .variations .value{ padding:0!important; } .single_variation .price .amount{ font-size: 20px; color: #4DB261; font-weight: 600; } .variations tr .label{ text-align: left!important; padding: 0 15px; } .pro-tab.pro-tab-default .pro-tab-nav { padding-left: 0; } .wpcf7-response-output{ letter-spacing:0px!important; text-transform:none!important; margin-top: 0!important; } /* ONE PAGE CONTACT FORM */ .one-page-contact-form .contact-left-side, .one-page-contact-form .contact-right-side{ width: 49%; display: inline-block; float: left; border: 5px solid #F1F1F2; padding: 15px; padding-top: 0px; margin-bottom:10px; } .one-page-contact-form .contact-right-side{ float:right; } .one-page-contact-form .contact-left-side input{ background-color: transparent; border-bottom: 1px solid #f1f1f2; padding-left: 0px!important; } .one-page-contact-form .contact-left-side input:focus{ border:none; background-color:transparent; border-color: #fff; border-bottom:1px solid #f1f1f2; } .one-page-contact-form .contact-left-side input:hover{ border-color: #fff; border-bottom:1px solid #f1f1f2; } .one-page-contact-form .contact-left-side select{ width:100%; } .one-page-contact-form .contact-right-side textarea{ background-color:transparent; border:none; min-height: 140px; } .one-page-contact-form .contact-right-side{ padding:0!important; } .one-page-contact-form .contact-right-side img{ display:none; } .one-page-contact-form .validate-scn{ float:right; width:49%; } .one-page-contact-form .re-captcha{ width:70%; float:left; } .one-page-contact-form input[type="submit"]{ float:left; width:30%; margin-top: 12px; } @media (max-width: 1000px){ .one-page-contact-form .contact-left-side, .one-page-contact-form .contact-right-side, .validate-scn{ width: 100%!important; } } @media (max-width: 450px){ .one-page-contact-form input[type="submit"] { width: 100%; } } /* ONE PAGE CONTACT FROM = END = */ /*Janardan css*/ .apply-now__field.styled-input-wrap , .styled-select{ min-width: 100%; -ms-flex-negative: 1; flex-shrink: 1; min-width: 0; outline: none; } .styled-input-wrap.success .styled-input { color: #8e8e93; } .styled-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; background: #fff; outline: none; color: #8e8e93; padding:5px 14px; width:100%; border: 1px solid #c7c7cc; } .styled-select { display: block; width: 100%; padding:8px 14px; font-size: 14px; line-height: 1.428571429; color: #8e8e93; vertical-align: middle; background-color: #ffffff; border: 1px solid #c7c7cc; border-radius:0px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .tittle-head h2 { line-height:40px !important;} .mobile-search{ display:none;} .pro-team-carousel a img { filter: none !important; -webkit-filter:none !important; } .agent-prof{} .agent-body { padding:15px; border-bottom: 1px solid #333; } .agent-box-title { font-weight: 400; margin: 0 0 5px; color:#154d95 ; } .agent-info{ padding:15px; color:#333;} .j-agent{ background-color: #FFF; min-height:510px;} .agent-box-meta{ margin-left:-3px;} .agent-body-content h5{ font-size:18px ; font-weight:bold; margin-top:0px;} .agent-body-content .agent-job{ font-size:14px; color:#333;margin: 0 0 10.5px; line-height:20px;} .bo-social-icons i { font-size: 13px; color: #333; display: inline-block; margin: 10px 5px 0; overflow: hidden; text-decoration: none; text-align: center; vertical-align: top; line-height: 32px; width: 34px; height: 34px; background: none; transition: all 0.2s ease-out 0s; border-radius: 50%; border: 1px solid #333; } .bo-social-icons i:hover { color:#77b4d1;border: 1px solid #77b4d1;} .mb10{ margin-bottom:10px;} .mb20{ margin-bottom:20px;} .mb15{ margin-bottom:20px;} .mb30{ margin-bottom:30px;} .j-search-agents-form{ background:#006ac6; padding:30px; margin-bottom:35px; border-radius: 5px;} .j-search-agents-form input[type="text"] { display: block; width: 100%; height:50px; padding-left:15px; font-size: 16px; line-height: 1.428571429; color: #FFF; background : none ; border:1px solid #FFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .j-search-agents-form input[type="text"]:focus { color: #FFF; background:#0157a2; border-color: #FFF; outline: none; -webkit-box-shadow: none; box-shadow: none; } .j-search-agents-form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FFF !important; } .j-search-agents-form input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #FFF !important; } .j-search-agents-form input[type="text"]::-ms-input-placeholder { /* IE 10+ */ color: #FFF !important; } .j-search-agents-form input[type="text"]::-moz-placeholder { /* Firefox 18- */ color: #FFF !important; opacity:1; } .j-search-agents-form button { height:50px; padding: 5px 5px; margin: 0; color: #154d95; border: none; outline: none; font-size: 16px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; font-weight: bold; font-size: 16px; text-transform: uppercase; width:100%; background:#FFF; } .j-search-agents-form button:hover { background:#f6eeee;} .search-agent-title { font-weight: bold; text-transform: none; color: #FFF; font-size:30px; margin-bottom:30px !important; line-height:40px; text-align:center;} .or-text { text-align:center; font-size:15px; line-height:50px; vertical-align:middle; color:#FFF; font-weight:bold; } .j-agent-content-area {background: #FFF; padding:15px;} .contact-form-agent-detail { background-color: #ebebeb; padding:15px; } .j-agent-content-area .entry-content { margin-bottom:15px;} .j-agent-content-area .entry-content p{ margin-bottom:12px; line-height:18px; color:#333;} .agent-job{ color:#333;} .agent-details-meta, .agent-details-meta a { color:#000; } .agent-box-email i, .agent-box-phone i, .agent-box-mobile i , .agent-box-fax i , .agent-box-web i { margin-right:5px; font-size:17px; width:20px; line-height:20px; color:#77b4d1;} .agent-address-map h3, .entry-content h3{ color:#000; margin-bottom:10px; } .agent-add{ margin-bottom:15px; color:#333;} .agent-add i{ font-size:20px; margin-right:5px;} .btn-agent-form { color: #ffffff; background-color:#77b4d1; border-color:#77b4d1; } .btn-agent-form:hover { color: #ffffff; background-color:#1b5682; border-color:#1b5682; } .agent-google-map-content iframe { margin-bottom:-10px; border:none !important;} .broker-regist .wpcf7-form input[type="tel"], .broker-regist .wpcf7-form input[type="email"], .broker-regist .wpcf7-form input[type="text"], .broker-regis wpcf7-form input[type="number"], .broker-regist .wpcf7-form textarea { color: #999; line-height: 35px; height: 40px; padding: 0 15px; argin-bottom: 15px; background: #FFF; width: 100%; border: 1px solid transparent; font-weight: 500; font-size: 14px; font-family: 'Open Sans', sans-serif; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 1px solid #ddd; } .broker-regist input[type="submit"] {background-color: #154d95 !important ; margin-top:0px; margin-bottom:0px !important; } .broker-regist input[type="submit"]:hover{background-color:#cb3437 !important ;} .j-search-tab {/* background:#006ac6; padding:30px;*/ margin-bottom:35px; } .j-search-tab .search-agent-title{font-family: 'Montserrat'; font-weight: 700; color:#0d2e4f !important; margin-bottom: 10px;} .j-search-tab input[type="text"] { display: block; width: 100%; height:50px; padding-left:15px; font-size: 16px; line-height: 1.428571429; color: #333; background : #f7f7f7 ; border:1px solid #f7f7f7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .j-search-tab input[type="text"]:focus { color: #333; background:#FFF; border-color: #FFF; outline: none; -webkit-box-shadow: none; box-shadow: none; } .broker-regist form label{ width:100% !important; margin-bottom:8px !important; color:#2c3e50 !important} .j-search-tab input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #9b9999 !important; } .j-search-tab input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #9b9999 !important; } .j-search-tab input[type="text"]::-ms-input-placeholder { /* IE 10+ */ color: #9b9999 !important; } .j-search-tab input[type="text"]::-moz-placeholder { /* Firefox 18- */ color: #9b9999 !important; opacity:1; } .j-search-tab button { position: absolute; top: 0; right: 0; height:50px; padding: 5px 20px; margin: 0; color:#FFF; border: none; outline: none; font-size: 18px; opacity: 1; background:#cb3437; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .j-search-tab button:hover{ background:#ba292c; } .j-search-tab button::after { font-weight: bold; font-size: 16px; content: 'Find Your Local Broker'; font-family:'Montserrat'; text-transform: uppercase; margin-left: 10px; } .j-search-tab .pro-tab{ background:#006ac6 !important;} .j-search-tab .pro-tab-nav{ padding-left:0px !important; padding-right:0px !important; height:70px !important;} .j-search-tab .pro-tab-nav ul li a{ border:none !important; line-height:70px !important; padding:0px !important; background: #31a2e4 !important; color:#FFF !important; font-size:20px !important;} .j-search-tab .pro-tab.pro-tab-default .pro-tab-nav li.active a{ background: #006ac6 !important; border:none !important; color:#FFF; } .j-search-tab .pro-tab.pro-tab-default .pro-tab-nav::after { width:0px !important;} .j-search-tab .pro-tab.pro-tab-default .pro-tab-contents{ margin-top:0px !important; padding-left:20px !important; padding-right:20px !important;} .broker-register-isuport{ margin-top:0px;} .broker-register-isuport ul { margin:0 !important; padding:0; list-style:none; } .broker-register-isuport ul li{ color:#333; list-style:none; padding-left:50px; position: relative; margin-bottom:25px; font-size:22px; } .broker-register-isuport ul li i{color:#cb3437; position: absolute; left: 0; padding:3px; border: 1px solid #cb3437; border-radius: 50%;} .not-fount-text h3{ margin-top:0px; margin-bottom:20px;} .not-fount-text h2{ text-align:center; margin-top:0px; margin-bottom:30px;} .home-heading-all h2, .section-ct-head h3{ font-weight:400 !important;} .section-ct-head h3.aio-icon-title{margin: 15px 0 10px !important;} /*team css*/ /*------------------------------------------------------------------ [ 19. Listing Cards ] */ .cards-wrapper { margin-bottom: -30px; } .card { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 300px; margin: 0px 0px 30px 0px; overflow: hidden; position: relative; text-align: center; } .card.card-tall { height: 630px; } .card:before { background: -webkit-linear-gradient(top, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.7) 50%); background: linear-gradient(to bottom, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.7) 50%); content: ''; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transform: translateY(50%); transform: translateY(50%); transition: all ease .35s; width: 100%; } .card:after { background-color: rgba(0, 0, 0, 0.3); bottom: 0px; content: ''; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 1; } .card:hover:before { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } .card:hover .card-content { padding-top: 0px; } .card:hover .card-meta { opacity: 1; height: 40px; } .card:hover .card-actions { opacity: 1; } .card-background img { height: auto; width: 100%; } .card-content { left: 50%; padding: 0px 30px; padding-top: 60px; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transition: all ease .35s; width: 100%; z-index: 2; } .card-content h2 { color: #fff; font-weight: 300; margin: 0px; margin-bottom: 5px; } .card-content h2 a { color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .card-content h2 a:hover { text-decoration: none; } .card-rating { color: #ffd925; font-size: 15px; transition: all ease .35s; } .card-rating i { margin: 0px 2px; } .card-meta { color: #fff; font-size: 14px; font-weight: 300; height: 0; overflow: hidden; opacity: 0; transition: all ease .35s; } .card-actions { color: #fff; opacity: 0; margin-top: 20px; text-align: center; transition: all ease .35s; } .card-actions .fa { border: 1px solid #fff; border-radius: 50%; color: #fff; height: 32px; margin: 0px 6px; padding-top: 8px; transition: all ease .2s; width: 32px; } .card-actions .fa:hover { background-color: #fff; color: #363636; } .card-actions .fa.marked { background-color: #fff; color: #363636; } .card-actions .fa.marked.fa-heart-o:before { color: #d81814; content: "\f004"; } .card-actions .fa.marked.fa-bookmark-o:before { color: #009f8b; content: "\f02e"; } .card-actions .fa-search { font-size: 18px; height: 40px; padding-top: 9px; width: 40px; } .card-label { background-color: #c6af5c; color: #fff; left: 50%; font-size: 13px; padding: 3px 15px; position: absolute; top: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 2; } .card-label a { color: #fff; } .card-label a:hover { color: #fff; text-decoration: none; } .cards-simple-wrapper { margin-bottom: -30px; } .card-simple { background-size: cover; /* background-position: center center;*/ background-repeat: no-repeat; -webkit-backface-visiblity: hidden; margin-bottom:15px; overflow: hidden; -webkit-transform: translateZ(0px); } .card-simple:hover .card-simple-background:before { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-backface-visiblity: hidden; } .card-simple:hover .card-simple-label { margin-top: -25px; } .card-simple:hover .card-simple-content { padding-top: 0px; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -webkit-backface-visiblity: hidden; } .card-simple:hover .card-simple-rating { opacity: 1; transition-delay: .05s; -webkit-backface-visiblity: hidden; } .card-simple:hover .card-simple-actions { opacity: 1; transition-delay: .1s; -webkit-backface-visiblity: hidden; } .card-simple-background { height:350px; position: relative; } .card-simple-background img { width: 100%; } .card-simple-background:before { /*! position: absolute; */ /*! top: 0; */ /*! left: 0; */ /*! width: 100%; */ height: 100%; background: -webkit-linear-gradient(top, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.7) 75%); background: linear-gradient(to bottom, rgba(54, 54, 54, 0) 0%, rgba(54, 54, 54, 0.7) 75%); content: ''; opacity: 0; -webkit-transform: translateY(50%); transform: translateY(50%); transition: all ease .35s; } .card-simple-background:after { /*background-color: rgba(0, 0, 0, 0.3); background-color:rgba(5, 85, 162, 0.4);*/ bottom: 0px; content: ''; display: block; left: 0px; position: absolute; right: 0px; top: 0px; z-index: 1; } .card-simple-background:hover{ background:#FFF; background-color:rgba(12, 12, 12, 0.4);} .card-simple-label { background-color: #c6af5c; color: #fff; left: 50%; font-size: 13px; padding: 3px 15px; position: absolute; top: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all ease .35s; z-index: 2; } .card-simple-label a { color: #fff; } .card-simple-label a:hover { color: #fff; text-decoration: none; } .card-simple-content { left: 50%; padding-top: 85px; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transition: all ease .35s; width: 100%; z-index: 2; } .card-simple-content h2 { color: #fff; display: block; font-size: 20px; margin: 0px; overflow: hidden; padding: 0px 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .card-simple-content h2 a { color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .card-simple-content h2 a:hover { text-decoration: none; } .card-simple-rating { color: #ffd925; margin-top: 10px; opacity: 0; font-size: 15px; text-align: center; transition: all ease .35s; } .card-simple-rating i { margin-right: 2px; } .card-simple-actions { color: #fff; margin-top: 20px; opacity: 0; text-align: center; transition: all ease .35s; } .card-simple-actions .fa { border: 1px solid #fff; border-radius: 50%; color: #fff; height: 32px; margin: 0px 6px; padding-top: 8px; transition: all ease .2s; width: 32px; } .card-simple-actions .fa:hover { background-color: #fff; color: #0555a2; } .card-simple-actions .fa-search { font-size: 18px; height: 40px; padding-top: 9px; width: 40px; } .card-simple-price { background-color: #009f8b; bottom: 0px; color: #fff; font-size: 13px; left: 50%; padding: 3px 15px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); white-space: nowrap; z-index: 2; } .card-row { background-color: #fff; margin: 0px 0px 30px 0px; } .card-row:last-child { margin-bottom: 0px; } .card-row-inner { display: table; width: 100%; } .card-row-image, .card-row-body, .card-row-properties { display: table-cell; vertical-align: top; } @media (max-width: 1199px) { .card-row-image, .card-row-body, .card-row-properties { display: block; } } .card-row-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 200px; position: relative; width: 262px; } @media (max-width: 1199px) { .card-row-image { width: 100%; } } .card-row-body { padding: 30px; } .card-row-properties { padding: 30px 30px 30px 30px; width: 260px; } @media (max-width: 1199px) { .card-row-properties { padding: 0px 30px 30px 30px; width: 100%; } } .card-row-title { font-size: 18px; margin: 0px 0px 20px 0px; padding: 0px; } .card-row-title a { color: #363636; } .card-row-properties dl { margin: 0px; padding: 0px; } .card-row-properties dd { float: left; line-height: 36px; } .card-row-properties dt { border-bottom: 1px dashed #e9e9e9; line-height: 36px; text-align: right; } .card-row-properties dt:last-child { border-bottom: 0px; } .card-row-rating { color: #ffd925; } .card-row-label { background-color: #c6af5c; color: #fff; left: 50%; font-size: 13px; padding: 3px 15px; position: absolute; top: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 2; } .card-row-label a { color: #fff; } .card-row-label a:hover { color: #fff; text-decoration: none; } .card-row-price { background-color: #009f8b; bottom: 0px; color: #fff; font-size: 13px; left: 50%; padding: 3px 15px; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); white-space: nowrap; z-index: 2; } .cards-system { margin: 0px -15px -30px -15px; } .card-system { float: left; margin: 0px 0px 30px 0px; padding: 0px 15px; width: 50%; } @media (max-width: 991px) { .card-system { width: 100%; } } @media (min-width: 1200px) and (max-width: 1500px) { .card-system { width: 100%; } } .card-system-inner { background-color: rgba(0, 0, 0, 0.02); } .card-system-image { background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; height: 137px; position: relative; width: 137px; } .card-system-image a { bottom: 0px; display: block; left: 0px; position: absolute; right: 0px; top: 0px; } @media (max-width: 767px) { .card-system-image { height: 120px; float: none; width: 100%; } } .card-system-content { margin-left: 157px; } @media (max-width: 767px) { .card-system-content { margin: 0px; padding: 0px 20px 20px 20px; } } .card-system-content h2 { color: #363636; display: block; font-size: 15px; font-weight: 400; margin: 20px 0px 0px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card-system-content h2 a { color: #363636; } .card-system-content h2 a:hover { color: #009f8b; } .card-system-content h3 { color: rgba(54, 54, 54, 0.6); font-size: 12px; margin: 7px 0px 30px 0px !important; } .card-small { background-color: #fff; margin: 0px 0px 20px 0px; padding: 10px; } .card-small:before, .card-small:after { content: " "; display: table; } .card-small:after { clear: both; } .card-small-image { float: left; } .card-small-image img { width: 80px; } .card-small-content { margin-left: 90px; } .card-small-content h3 { display: block; font-size: 14px; font-weight: 400; margin: 0px 0px 0px 0px; padding: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .card-small-content h3 a { color: #444; } .card-small-content h4 { font-size: 11px; margin: 5px 0px 0px 0px; } .card-small-content h4 a { color: rgba(54, 54, 54, 0.6); } .card-small-price { color: #009f8b; font-size: 12px; font-weight: 400; margin: 7px 0px 0px 0px; } /*team end css*/ .team-member-name { margin:0; padding:0; font-size:25px; text-transform: capitalize; font-weight: 400; } .team-member-title{ font-size:16px; margin-top:5px;} /*tooltip*/ .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; } /*tooltip end*/ .team-section{ margin-bottom:30px;} .special-heading h1{font-family: 'Open Sans'; text-align:center; margin-top:0px; color: #154d95; margin-bottom: 10px; font-weight: 400 !important; } .sub-special-heading{font-family: 'Open Sans'; text-align:center; font-weight: normal; color: #154d95; margin-bottom:30px; font-weight: 400 !important; font-size:16px; } .team-img img { max-height: 100%; max-width:100%; width:100%; height:auto;} .cont-p p{ margin: 0.85em 0; color:#333 !important; line-height:22px;} .first_form { clear: both; margin-left: 0 !important; } .form_element_half { width: 49.5%; float: left; margin-left: 1%; clear: none; } .mt5{ margin-top:5px !important;} .mt10{ margin-top:10px !important;} .mb5{ margin-bottom:5px !important;} .page-form .but-pf { float:left;} .page-form .but-pf input[type="submit"] { float:left; margin:0px; background:#77b4d1 !important; } .page-form .but-pf input[type="submit"]:hover{ background:#1b5682 !important;} .cont-p ul li {padding-left: 10px; color:#333 !important;} #top-menu .primary-menu .navbar-nav > li > a{ line-height:90px !important;} .sub-special-heading p{ color:#333; line-height:22px; margin-bottom:10px; font-size:14px; } .who-footer-p p{ font-size:13px; line-height:20px; margin-top:10px; color:#FFF !important;} footer .mybroker_widget .textwidget a{ color:#FFF !important;} .home-cal-sec-subhead .uvc-sub-heading{ padding:0px 15px !important;} .home-display{ display:none !important;} .team-cont-det i{ margin-right:6px;} .team_smessage{ padding: 8px 10px; margin-bottom: 10px; color: #6e9b6c; font-size: 15px; text-align: center; background: #dff0d8; border: 1px solid #d6e9c7; } .crouse-cliet ul.slick-dots{ display:none !important;} .wpcf7-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999 !important; opacity: 1 !important; } .wpcf7-form input::-moz-placeholder { /* Firefox 19+ */ color: #999 !important; opacity: 1 !important; } .wpcf7-form input:-ms-input-placeholder { /* IE 10+ */ color: #999 !important; opacity: 1 !important; } .wpcf7-form input:-moz-placeholder { /* Firefox 18- */ color: #999 !important; opacity: 1 !important; } .contac-page-form input, .contac-page-form select, .contac-page-form textarea {color: #4a4747; line-height: 35px; height: 40px; padding: 0 15px; argin-bottom: 15px; background: #FFF; width: 100%; border: 1px solid transparent; font-weight: 500; font-size: 14px; font-family: 'Open Sans', sans-serif; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border: 1px solid #ddd; margin-bottom:10px; } .contac-page-formformRow{ } .contac-page-form textarea { min-height:100px !important; height:auto;} .contac-page-form input[type="radio"]{ width:auto; height:auto;} .contac-page-form input[type="submit"] { padding: 0 34px; height: 50px; border: none; font-weight: bold; color: #ffffff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;background-color: #77b4d1; cursor: pointer;width: auto; } .contac-page-form input[type="submit"]:hover { background-color: #1b5682; } .contac-page-form input:focus, .contac-page-form select:focus, .contac-page-form textarea:focus { border: 1px solid #ddd; background: #f9f9f9; outline: none; color: #555; } .contac-page-form input::-webkit-input-placeholder, .contac-page-form select::-webkit-input-placeholder, .contac-page-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: 4a4747 !important;opacity: 1 !important; } .contac-page-form input::-moz-placeholder , .contac-page-form select::-moz-placeholder , .contac-page-form textarea::-moz-placeholder { /* Firefox 19+ */ color: 4a4747 !important;opacity: 1 !important; } .contac-page-form input:-ms-input-placeholder , .contac-page-form select:-ms-input-placeholder , .contac-page-form textarea:-ms-input-placeholder { /* IE 10+ */ color: 4a4747 !important; opacity: 1 !important; } .contac-page-form input:-moz-placeholder , .contac-page-form select:-moz-placeholder , .contac-page-form textarea:-moz-placeholder { /* Firefox 18- */ color: 4a4747 !important;opacity: 1 !important; } .quick-link-j{ text-align: center; padding:20px 10px; background: #fcfcfc !important; border: 1px solid #f3eeee; font-size:16px !important; } .the-process-cont h3{ color:#295973 !important; text-transform:uppercase; margin-bottom:3px;font-size:16px; margin-top:0px !important;} .the-process-cont h2{ color:#76b4d0 !important; text-transform:uppercase; font-size:22px; margin-top:0px !important;} .number-left-j h3{ color:#295973 !important; text-transform:uppercase; margin-bottom:3px; margin-top:0px !important; font-size:16px;} .number-left-j .aio-icon-description{margin-top:0px !important;} .cont-p ul li{ margin: 0.85em 0; color: #333 !important; line-height: 22px; font-size:14px; list-style:none; padding-left:45px; background: } .cont-p ul li i { position: absolute; left:27px; padding: 3px; border: 1px solid #77b4d1; color: #77b4d1; } .byers-pdf-button button.ubtn-large{ padding-left: 50px !important;padding-right: 20px !important; border-radius: 7px !important;} .social-cust { margin:5px 0px 4px 0px;} .social-cust h3{ font-weight:normal; text-transform:uppercase; color:#FFF;margin-top:0px;margin-bottom:0px;} .social-cust ul{ text-align:right !important; float:right !important; padding-right:0px !important;} .social-cust ul li{margin-right:8px;} .social-cust ul li a{ height: 40px; width: 40px !important; background: #77b4d1; border-radius: 50%; line-height: 40px; text-align: center; } .social-cust ul li a:hover{ background:#2f7ea3 !important; color:#FFF !important;} .social-cust ul li a i:hover {color:#FFF !important;} .social-cust ul li a i{ margin-right:0px;} .social-cust ul li:last-child { margin-right:0px; } .social-cust-footer h3{ text-align:right; margin-bottom:5px;} .social-cust-footer ul li { margin-left:0px !important;} .social-cust-footer ul li a{ width: 40px !important; height: 40px !important; line-height: 40px; color: #fff; padding: 0px !important; margin: 0px; padding: 10px !important; background:#77b4d1 !important; } .social-cust-footer ul li a:hover{ background:#2f7ea3 !important ;} .social-cust-footer ul li a i{ color: #FFF; width: 20px; height: 15px; line-height: 15px; } .social-cust-footer .footer-socials{ margin-right:0px !important;} .social-cust-footer { margin-top:9px !important;} /*modal*/ .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .modal-dialog .modal-footer{ margin-top:0px !important;} .modal-formj h4{ margin-top:0px !important; color:#949494 !important;} .modal-formj .btn-primary {color: #ffffff; background-color: #0170c1 !important; border-color: #0170c1 !important; text-transform:uppercase;} .modal-formj .btn-primary:hover{ background-color:#103054 !important;} /*modal end*/ .buyers-guid-img:hover{ cursor:pointer; } .team-pag-des-new{ margin-top:30px;} .team-pag-des-new p{ color:#333; line-height:22px; font-size:14px; } .team-con-det-right .team-member-title{ font-style:italic; } .team-con-det-right .team-cont-det a{ font-size:14px ; line-height:22px; color:#333; font-weight:400;} .team-pag-img-new .card-simple-background{height: 300px !important; } .team-pag-img-new .team-section{ margin-bottom:20px !important;} .display-none-home{ display:none !important;} .left-col-sm-2{width: 12.66666667% !important;} .right-col-sm-2{width: 20.66666667% !important;} .left-col-sm-2 img { width:70px; height:70px;} .last-congrats .default-icon .aio-icon-default{ display: inline !important;} @media (max-width: 1310px) { .slick-prev{ left:0px !important;} .slick-next{ right:0px !important;} .slick-prev, .slick-next { width: 30px !important; height: 30px !important;} .social-cust ul{ display:block !important;} .social-cust ul li { display: inline !important; float: left !important;} } @media (max-width: 1200px) { .row2{ margin-left:-15px !important; margin-right:-15px !important;} .no-mobile-top-bar #top-bar { display: block !important;} } @media (max-width:767px) { .mb15m{ margin-bottom:15px !important;} .no-mobile-top-bar #top-bar { display: block !important;} .left-col-sm-2, .right-col-sm-2{width:100% !important;} .team-con-det-right{ margin-bottom:30px;} .team-pag-img-new, .team-con-det-right { padding-left:0px; padding-right:0px;} } @media (max-width:560px) { .j-search-tab button{position: relative; margin-top: 5px !important; border-radius: 5px !important; width:100%;} .no-mobile-top-bar #top-bar { display: block !important;} } @media (max-width:470px) { .form_element_half{ width:100%; margin-left:0px;} .fld-1 { margin-bottom:5px !important;} .j-search-tab .pro-tab-nav ul li a{ font-size:15px !important;} .no-mobile-top-bar #top-bar { display: block !important;} } @media (max-width:350px) { .j-search-tab .pro-tab-nav ul li a{ font-size:13px !important;} .no-mobile-top-bar #top-bar { display: block !important;} .team-section img{ height: auto !important; width:100%;} }