/* Theme Name: Directory Child Theme Theme URI: http://www.ChimpStudio.co.uk/ Author: ChimpStudio Author URI: http://www.ChimpStudio.co.uk/ Template: directory-theme Version: 1.0 License: GNU General Public License License URI: license.txt */ /* -------------------------------------------- Directory CSS IMPORT -------------------------------------------- */ @import url("../directory-theme/style.css"); /* -------------------------------------------- CHILD THEME CSS -------------------------------------------- */ @charset "utf-8"; 01. Theme Typo 02. Header 02.1 Top Strip 02.1.1 Top Menu 02.1.2 Social Network 02.1.3 Top Strip Login DropDown 02.2 Logo 02.3 Navigation 02.3.1 SubMenu 02.3.2 Sub MegaMenu 02.4 Login 03. Content 03.1 Directory 03.1.1 Directory List 03.1.2 Directory Grid 03.1.3 Directory Map 03.1.4 Directory Search 03.1.5 Directory Detail G 03.2 Blog 03.2.1 Blog Large 03.2.2 Blog Medium 03.2.3 Blog Small 03.2.4 Blog Grid 03.2.5 Blog Box 03.2.6 Blog Detail 03.3 Shortcode 03.3.1 Highlite 03.3.2 DropCap 03.3.3 HEADING STYLES 03.3.4 TESTIMONIALS 03.3.5 BLOCK QUOTE 03.3.6 LIST & BULLETS LISTS 03.3.7 ALERTS & MESSAGE BOX 03.3.8 FORM STYLES 03.3.9 DIVIDER 03.3.10 Text Column 03.4 Default Pages Style 03.4.1 404 03.4.2 UnderCuntruction 03.4.3 Search Result 03.4.4 Contact Us 03.5 Agent 03.5.1 Agent List 03.5.2 Agent Grid 03.5.3 Agent Detail 03.6 Registration Page 03.6.1 Sign In Form 03.6.2 Register Form 03.7 Page Profile Setting 03.7.1 About Me 03.7.2 My Adds 03.7.3 Favourites 03.7.4 Payments 03.7.5 Reviews 03.7.6 Profile Settings 04. Sidebar Widget 04.1 Widget Search 04.2 Widget Rss 04.3 Widget Categories 04.4 Widget Text 04.5 Widget Recent Blog 04.6 Widget Reviews 04.7 Widget Archive 04.8 Widget Pages 04.9 Widget Recent Comments 04.10 Widget Meta 04.11 Widget Recent Entries 04.12 Widget Nav Menu 04.13 Widget Gallery 04.14 Widget Twitter 04.15 Widget Testimonial 05. Footer 05.1 NewsLatter 05.2 CopyRight 05.3 Footer Logo 05.4 Footer Menu 05.5 Social Network 05.6 BackTo Top */ * { margin: 0px; outline: none; padding: 0px; } /* Global Typography */ body { background-color: #fcfcfc; color: #555555; font-size: 14px; font-weight: normal; } /* Heading Typo */ body h1, body h2, body h3, body h4, body h5, body h6 { color: #333333; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: 1; margin: 0px 0px 8px 0px; } h1 {font-size: 28px;} h2 {font-size: 22px;} h3 {font-size: 20px;} h4 {font-size: 18px;} h5 {font-size: 16px;} h6 {font-size: 14px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #000000;} p a {color: #000000;} p { letter-spacing: 0.2px; line-height: 1.7; margin-bottom: 10px; } a { color: #000000; text-decoration: none; } a:hover, a:focus, a:active { outline: none; text-decoration: none; } ul {margin-bottom: 0px;} figure { margin-bottom: 6px; position: relative; } .clear { clear: both; font-size: 0; line-height: 0; } img {max-width: 100%; height: auto;} strong {color: #333333;} iframe { border: none; float: left; width: 100%; } .rich_editor_text iframe {width: 100%;} .container.fullwidth {width: 100%;} .container.fullwidth .col-md-12 {padding: 0px;} /* Wordpress Defult Clasess */ .wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {} .wp-caption.alignleft,.wp-caption.alignnone {width: 100%;} /* Form Input Typo */ select { border: 1px solid #d2d2d2; color: #666666; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 300; height: 40px; padding: 8px 12px; width: 100%; } label { color: #333333; display: block; font-weight: 400; margin-bottom: 10px; } button {border: none;} textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #d2d2d2; box-sizing: border-box; color: #3d3d3d; display: inline-block; font-size: 12px; font-weight: 400; height: 35px; line-height: 20px; outline: none; padding: 4px 6px; vertical-align: middle; } form p { float: left; position: relative; width: 100%; } form p span i { color: #474747; left: 16px; position: absolute; top: 13px; } .element-size-25 {width: 25%;} .element-size-33 {width: 33.333%;} .element-size-50 {width: 50%;} .element-size-67 {width: 66.67%;} .element-size-75 {width: 75%;} .element-size-100, .section-fullwidth { float: left; width: 100%; } .element-size-75 .col-md-3 {width: 33.3333%;} .element-size-50 .col-md-3 {width: 50%;} .element-size-25 .col-md-3 {width: 100%;} .element-size-67 .col-md-3 {width: 25%; margin-bottom: 25px;} /* Define Main Grid */ .page-content .section-content {padding-left: 15px; /*width: 66%; float: left; position: relative; z-index: 1;*/} /*.page-content .section-sidebar { width: 34%; padding-left: 15px; }*/ .page-content .page-section .container {padding-left: 0px;} .section-content { float: left; padding: 0 0px 0 0; position: relative; width: 75%; z-index: 1; } .section-sidebar { float: left; padding: 0px 12px 0px 12px; width: 25%; } .page-sidebar ~ .page-content { float: right; padding-left: 15px; padding-right: 0px; width: 75%; z-index: 9; } .page-content { float: left; padding: 0 15px 0 13px; width: 75%; z-index: 9; } .page-content ~ .page-sidebar { float: left; padding-right: 15px; /*padding-left: 15px;*/ position: relative; width: 25%; } .page-section, figure img { float: left; width: 100%; } .page-content .container {width: 100%;} .page-sidebar { float: left; padding: 0 15px 0px 0; position: relative; /*padding: 0 15px 322550px 0;*/ /*margin-bottom: -322550px;*/ width: 25%; } /*HACK FOR GRID*/ [class*="element-size"] { display: inline-block; float: none; margin: 0 -4px 0 0; vertical-align: top; } [class*="col-md"] { display: inline-block; float: none; margin: 0 -4px 30px 0; vertical-align: top; } /*HACK FOR GRID*/ .wrapper.wrapper_boxed { background-color: #fcfcfc; box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1); margin: 40px auto; position: relative; width: 1240px; } .wrapper_boxed .page-content ~ .page-sidebar {padding-right: 10px;} body.logged-in.admin-bar {margin-top: 32px;} #wpadminbar {position: absolute;} .wrapper { margin-top: 0.08em; position: relative; } .wrapper:before { content: ''; position: absolute; left: 0px; top: -1px; width: 100%; height: 2px; background-color: #fcfcfc; } .wide .row {margin: 0px;} .wide .wide .col-md-12 { margin: 0px; padding: 0px; } /* Adjust Grid Width */ .col-md-9 .col-md-2 {width: 20%;} .col-md-9 .col-md-3 {width: 33.3333%;} .page-content .page-section .page-content {padding: 0px;} .page-section { position: relative; } option { padding: 5px 15px; } /* RichEditore Style's */ .rich_editor_text h1, .rich_editor_text h2, .rich_editor_text h3, .rich_editor_text h4, .rich_editor_text h5 {margin-bottom: 10px;} .rich_editor_text p, .rich_editor_text ul, .rich_editor_text ol {margin-bottom: 10px;} .rich_editor_text ul { float: none; list-style: disc; margin-left: 0px; padding-left: 25px; } .rich_editor_text .liststyle ul {padding-left: 0px;} .rich_editor_text ol { list-style-type: decimal; margin-left: 0px; padding-left: 25px; } .rich_editor_text li {float: none;} .rich_editor_text ul ul { list-style-type: circle; margin-bottom: 0; } img.alignright { box-shadow: 0 0 3px rgba(0,0,0,0.2); float: right; margin: 0 0px 30px 30px; } img.alignleft { float: left; margin: 0 30px 30px 0; } img.aligncenter { box-shadow: 0 0 3px rgba(0,0,0,0.2); display: block; margin: 0 auto 30px; } /* ThemeUnit Style's */ li { line-height: 28px; list-style: disc inside none; } ul ul {margin-left: 20px;} ol { float: none; list-style: decimal; padding-left: 15px; } ol ol {margin-left: 20px;} ol li { list-style: decimal; width: 100%; } table { background-color: transparent; max-width: 100%; } th {text-align: left;} table { margin-bottom: 15px; width: 100%; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { border-top: 1px solid #d2d2d2; border: 1px solid #d2d2d2; line-height: 2.5; padding-left: 7px; vertical-align: top; } table thead tr th {border-top: 1px solid #d2d2d2;} .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {border-top: 1px solid #d2d2d2;} table > thead > tr > th { border-bottom: 2px solid #d2d2d2; vertical-align: bottom; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {border-bottom: 0;} table > tbody + tbody {border-top: 2px solid #d2d2d2;} .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding: 12px 16px;} p ins {color: #999;} dl dd {margin-left: 20px;} address {font-style: italic;} #comment .text-box blockquote p { float: none; width: auto; } #comment ul li .text-box ul li { float: left; list-style: outside; width: 100%; } #comment ul li .text-box ul ul { float: left; margin-left: 30px; width: 100%; } #comment ul li .text-box ol li {list-style: inherit;} .gallery-item img { border: none; float: left; padding: 0 5px; } .wp-caption-text.gallery-caption { float: left; padding: 10px 4px 0px 4px; text-align: left; width: 100%; } .sticky {} .cs-section-title {margin: 0px 0px 20px 0px;} .col-md-12.cs-section-title {margin: 0px 0px 10px 0px;} .main-title.col-md-12 {margin: 0px;} .directory-box { margin: 0 auto; width: 1200px; } ::-webkit-input-placeholder {color: #949494;} :-moz-placeholder { color: #949494; opacity: 1; } ::-moz-placeholder { color: #949494; opacity: 1; } :-ms-input-placeholder {color: #949494;} /* Default Header Setup */ .left-side {float: left;} .right-side {float: right;} /* Top Bar css */ .top-bar { float: left; width: 100%; position: relative; z-index: 99; } /* Top Bar Typo */ .top-bar p, .top-bar a {font-size: 11px;} .top-bar p, .top-bar a, .top-bar .socialmedia li a i,.top-nav ul li:before {color: #ffffff;} /* Top Bar Typo */ .top-nav ul li,.top-nav,.top-bar .left-side p,.cs-login-sec,.cs-login-sec ul li { float: left; } .top-nav { padding: 8px 0px 12px 0px; } .top-nav ul li { line-height: 1; list-style: none; padding: 0px 22px 0px 0px; position: relative; } .top-nav ul li:before { content: "\f111"; font-family: 'icomoon'; font-size: 3px; position: absolute; right: 9px; top: 8px; } .top-bar .left-side p i { margin-right: 4px; } .top-nav ul li:last-child:before { display: none; } .cs-login-sec ul li,.top-bar p { line-height: 1; } .cs-login-sec { margin-left: 19px; } .cs-login-sec > ul > li { list-style: none; padding: 9px 10px 10px; position: relative; } .cs-login-sec > ul > li:last-child { padding-right: 0px; } .cs-login-sec > ul > li i { margin-right: 8px; } .top-bar .left-side p { margin: 0px; padding: 7px 20px 8px 0; } /* lang Section Css */ #lang_sel { float: left; height: 15px; width: 100%; } #lang_sel li { float: left; width: 100%; } #lang_sel a, #lang_sel a:visited { line-height: 1.5; } #lang_sel a.lang_sel_sel { background-color: transparent; background: none; border: none; color: #ffffff; padding: 0px 0px 7px 0px; } #lang_sel img.iclflag { top: -1px; } #lang_sel a.lang_sel_sel:before { content: "\f0ac"; float: left; font-family: 'icomoon'; margin: 0px 2px 0px 0px; } #lang_sel a.lang_sel_sel:hover { color: #ffffff; } #lang_sel ul ul { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background-color: rgba(255,255,255,0.8); border-top: 2px solid; border: none; box-shadow: -2px 1px 3px #e7e7e7; height: auto; left: -20px; top: 100%; transition: all 0.3s ease-in-out; width: 100px; z-index: 60; } #lang_sel ul ul a, #lang_sel ul ul a:visited { background-color: transparent; border-style: solid; border-width: 0 0px 1px; color: #383f40; font-size: 11px; font-size: 14px; padding: 8px 10px; } #lang_sel ul ul li:last-child a, #lang_sel ul ul li:last-child a:visited {border: none;} /* Logo Section */ .logo-section { float: left; padding: 20px 0px; width: 100%; } .logo { float: left; margin: 0px 0px; } .logo a { float: left; line-height: 81px; } /* Navigation Css */ .main-navbar { box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 0.1); float: left; position: relative; z-index: 95; width: 100%; } .main-navbar { float: left; min-height: 80px; width: 100%; } .main-navbar .container { position: relative; } .navigation { float: left; } .navigation ul li { float: left; line-height: 1; list-style: none; position: relative; } .navigation ul > li > a { color: #333333; float: left; font-size: 13px; font-weight: 600; padding: 0px 22px; position: relative; text-transform: capitalize; } .navigation ul > li:nth-child(2) > a:before,.navigation ul > li:nth-child(1) > a:before,.navigation ul > li:first-child > a:before { display: none; } .navigation ul > li > a:before { background-color: #cccccc; border-radius: 100%; content: ''; height: 5px; left: 0px; margin: -2px 0px 0px 0px; position: absolute; top: 50%; width: 5px; } .navigation ul li ul.sub-dropdown a:before { display: none; } .navigation ul li ul.sub-dropdown > li.parentIcon > a:after { content: '\eab1'; font-family:icomoon; position: absolute; right: 10px; top: 12px; color: #999; } .navigation ul.mega-grid > li a:before { display: none; } .navigation > ul > li > a { line-height: 80px; min-height: 80px; } .navigation ul li:first-child a { padding-left: 0px; } /* Sub Menu Css */ .sub-dropdown { -moz-transform: translateX(20px); -moz-transition: all 0.3s ease-in; -ms-transform: translateX(20px); -ms-transition: all 0.3s ease-in; -o-transform: translateX(20px); -o-transition: all 0.3s ease-in; -webkit-transform: translateX(20px); -webkit-transition: all 0.3s ease-in; background-color: #ffffff; box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, 0.1),-1px 8px 8px 0 rgba(0, 0, 0, 0.1); left: 0px; margin: 0px; opacity: 0; position: absolute; top: 100%; transform: translateX(20px); transition: all 0.3s ease-in; visibility: hidden; width: 199px; z-index: 99; } .navigation ul > li > .sub-dropdown:before { content: ''; position: absolute; left: 25px; top: -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; } .mega-grid .sub-dropdown:before,.sub-dropdown .sub-dropdown:before { display: none; } .navigation ul li:hover > .sub-dropdown { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; transform: translateX(0px); visibility: visible; } .sub-dropdown li { width: 100%; } .navigation ul .sub-dropdown li a { border-top: 1px dotted rgba(185,185,185,0.5); color: #666666; float: left; font-size: 12px; padding: 12px 14px; width: 100%; } .navigation ul .sub-dropdown ul { left: 102%; top: 0px; } .navigation ul .sub-dropdown > li:first-child > a { border-top: none; } /* Mega Menu Css */ .navigation ul li.cs-mega-menu { position: static; } .mega-grid { -moz-transform: translateY(20px); -moz-transition: all 0.4s ease-in-out; -ms-transform: translateY(20px); -ms-transition: all 0.4s ease-in-out; -o-transform: translateY(20px); -o-transition: all 0.4s ease-in-out; -webkit-transform: translateY(20px); -webkit-transition: all 0.4s ease-in-out; background-color: #ffffff; box-shadow: -1px 5px 8px 0 rgba(0, 0, 0, 0.1); left: 15px; margin: 0px; min-height: 280px; opacity: 0; position: absolute; top: 100%; transform: translateY(20px); transition: all 0.4s ease-in-out; visibility: hidden; width: 97.5555%; z-index: 999; } .navigation ul li:hover .mega-grid { -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transform: translateY(0px); visibility: visible; } .mega-grid .sub-dropdown { -moz-transform: translateX(0px); -moz-transition: none; -ms-transform: translateX(0px); -ms-transition: none; -o-transform: translateX(0px); -o-transition: none; -webkit-transform: translateX(0px); -webkit-transition: none; transform: translateX(0px); transition: none; width: 100%; } .navigation ul li:hover .mega-grid .sub-dropdown { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); background-color: transparent; opacity: 1; position: static; transform: translateX(0px); visibility: visible; } .navigation ul.mega-grid .sub-dropdown li:nth-child(2n+1) > a {background-color: transparent;} .navigation ul.mega-grid > li { border-right: 1px solid #f3f4f6; display: table-cell; float: none; padding: 5px 20px 10px 20px; vertical-align: top; width: 22em; } .navigation ul.mega-grid > li:last-child {border-right: none;} .navigation ul.mega-grid .sub-dropdown li > a { color: #777777; padding: 12px 0px 12px 0px; text-transform: capitalize; } .navigation ul.mega-grid .sub-dropdown li > a i {margin-right: 10px;} .navigation ul.mega-grid .sub-dropdown li > a span { border-radius: 100%; border: 1px solid #bfc8cf; color: #bcbcbc; float: left; font-size: 11px; height: 17px; margin: 0px 10px 0px 0px; padding: 2px 0px 0px 0px; text-align: center; width: 17px; } .navigation ul.mega-grid .sub-dropdown li > a:hover {color: #ec7f24;} .navigation ul.mega-grid .sub-dropdown li > a:hover span { background-color: #ec7f24; color: #ffffff; } .navigation .mega-grid > li > a { color: #000000; font-size: 16px; padding: 0px 0px 10px 0px; } .navigation .mega-grid .parentIcon a:before {display: none;} .navigation .mega-grid > li p { float: left; margin: 0px 0px 10px 0px; width: 100%; } .btn-sec {float: left;} .hd-btn { border: 2px solid #fff; color: #ffffff; cursor: pointer; float: left; font-size: 14px; font-weight: bold; margin: 22px 0px 0px 15px; padding: 4px 18px 5px; } .hd-btn i {margin-right: 6px;} .cs-click-menu { background-color: #fff; border-radius: 4px; color: #000; cursor: pointer; display: none; font-size: 25px; line-height: 1.3; padding: 4px 15px 0 13px; text-align: center; width: 50px; } .cs-close-btn { float: right; padding: 0px 16px 0px 0px; color: #ffffff; font-size: 22px; cursor: pointer; display: none; } .responsive-btn { color: #ffffff; cursor: pointer; display: none; padding: 0 1px; position: absolute; right: 20px; top: 9px; } .main-navbar .cs-login-sec { float: right; margin: 22px 0px 0px 0px; } .main-navbar .cs-login-sec > ul > li { border: none; padding: 0px; } .main-navbar .cs-login-sec ul li .cs-user-login,.main-navbar .cs-login-sec ul li .cs-user { border: 2px solid #fff; color: #ffffff; cursor: pointer; float: left; font-size: 14px; font-weight: bold; margin: 0px 0px 0px 15px; padding: 9px 10px 8px 10px; } .cs-user-login img { display: inline-block; height: 37px;width: 40px;} .main-navbar .cs-login-sec ul li .cs-user i { margin: 0px 5px 0px 8px; } .cs-login-sec.afterlogin ul li .cs-user-login { border: none; padding: 0px; position: relative; cursor: pointer; } .cs-login-sec.afterlogin ul li .cs-user-login i { color: #8c8c8c; float: right; margin: 0px; padding: 2px 5px 0px; } .cs-login-sec.afterlogin ul li .cs-count-ads { background-color: #ffffff; border-radius: 100%; color: #000; padding: 3px 7px; position: absolute; right: 8px; top: -9px; } .cs-login-sec ul li .cs-user-login ~ .cs-signup { background-color: #ffffff; box-shadow: 0px 0px 3px 0px #ddd; } .cs-login-sec .cs-user-menu li a { color: #333333; font-size: 12px; font-weight: bold; } /* SignUp Form Setup */ .cs-signup { background-color: #ffffff; margin: 1px 0px 0px 0px; position: absolute; right: 0px; top: 98%; width: 270px; z-index: 999; box-shadow: 0px 0px 4px 1px #ddd; } .sg-header { float: left; padding: 30px 20px 20px; text-align: center; width: 100%; } .sg-header h6 { color: #333333; font-weight: 700; margin: 0px 0px 5px 0px; text-transform: uppercase; text-align: left; } .sg-header form { float: left; margin: 0px 0px 11px 0px; width: 100%; } .sg-header form p {margin: 0px;} .sg-header form p input { border: none; border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; float: left; padding: 7px 40px; width: 100%; } .sg-header form p.sg-email input { border-radius: 3px 3px 0px 0px; border-top: 1px solid #eaeaea; } .sg-header form p.sg-password input {border-radius: 0px 0px 3px 3px; box-shadow: none;} .sg-header form p input[type="button"] { border-radius: 2px; border: none; color: #ffffff; margin: 9px 0px 0px 0px; padding: 12px 10px; text-transform: uppercase; } .main-section .sg-header form p input[type="button"] { line-height: 1; } .sg-header form p i { color: #ffffff; font-size: 16px; margin: -3px 0px 0px 0px; position: absolute; right: 8px; top: 50%; } .sg-header form p span { background: url(assets/images/custom-sprites.png); /*height: 20px; left: 10px; position: absolute; top: 9px; width: 21px;*/ height: 10px; left: 10px; position: absolute; top: 50%; width: 10px; } .sg-header form p span.iconuser { background: none; top: 11px; } .sg-header form p span.iconepassword:before {content: "\ea50"; color: #666; float: left; font-family: 'icomoon'; font-size: 18px; margin: -10px 0 0 0px;} .sg-header form p span.iconuser:before { color: #666; content: "\f007"; float: left; font-family: 'icomoon'; font-size: 18px; margin: -3px 0px 0px 3px; } .sg-header form p span.iconepassword {background: none;} .sg-social { float: left; width: 100%; } .hd_sepratore { border-bottom: none; display: inline-block; margin-bottom: 9px; min-width: 85px; overflow: hidden; text-align: center; width: 100%; } .hd_sepratore span { color: #6b6b6b; display: inline-block; float: none; font-size: 12px; font-weight: 400; position: relative; vertical-align: top; } .hd_sepratore span:before,.hd_sepratore span:after { border-top: 1px dotted #6b6b6b; content: ''; height: 4px; left: 100%; margin-left: 5px; position: absolute; top: 5px; width: 9999px; } .hd_sepratore span:after { content: ''; left: auto; margin-left: 0px; margin-right: 5px; right: 100%; } .sg-social { float: left; width: 100%; } .sg-social ul { float: left; margin: 0px; width: 100%; } .sg-social ul li { float: left; list-style: none; margin: 0px 0px 8px 0px; width: 100%; } .sg-social ul li:last-child {margin: 0px;} .sg-social ul li a { border-radius: 2px; color: #ffffff; float: left; padding: 10px 10px; position: relative; width: 100%; } .sg-social ul li i { font-size: 16px; margin-right: 6px; } .sg-social ul li a[data-original-title="Facebook"] {background-color: #3b5998;} .sg-social ul li a[data-original-title="twitter"] {background-color: #1ab2e8;} .sg-social ul li a[data-original-title="google-plus"] {background-color: #d34836;} .top-bar .sg-social ul li a,.top-bar .sg-social ul li i { color: #ffffff !important; } .sg-footer { background-color: #fcfcfc; border-radius: 0px 0px 4px 4px; float: left; padding: 14px 20px; width: 100%; } .sg-footer p {margin: 0px;} .cs-login-sec .sg-footer p {line-height: 1 !important; } .cs-login-sec .user-sign-up form p span.iconemail { width: 23px; height: 16px; margin: -9px 0px 0px 0px !important; } .sg-footer a {color: #cccccc; cursor: pointer;} .social-mess-top { background: red; left: 0; padding: 5px; position: absolute; top: -21px; } .status-message.error { color: #fff; float: left; padding: 4px; width: 100%; } .cs-login-favorites { background: #ffffff; box-shadow: 0px 0px 5px 1px #ddd; float: left; width: 100%; } .add-to-favborites-modal .modal-body { background-color: #ffffff; padding: 0px; width: 100%; } .add-to-favborites-modal .sg-footer {background-color: #fcfcfc;} .add-to-favborites-modal .modal-header { background-color: #333333; border: none; } .add-to-favborites-modal .modal-header h5 { margin: 0px; text-transform: uppercase; } .add-to-favborites-modal button.close { border-radius: 0%; color: #5c5c5c; float: right; font-size: 12px; opacity: 1; text-shadow: none; } .add-to-favborites-modal .sg-header form p input { border: 1px solid #f0f0f0; color: #768082; } .add-to-favborites-modal .sg-header form p input[type="button"] {color: #ffffff;} .add-to-favborites-modal .sg-header form p.sg-email input {border-bottom: none;} .add-to-favborites-modal .sg-footer a {color: #999999; cursor: pointer;} .add-to-favborites-modal .modal-header .close {margin-top: 1px;} .add-to-favborites-modal .hd_sepratore span:before, .add-to-favborites-modal .hd_sepratore span:after {top: 13px;} .cs-ad-post-section { background-color: #282d2f; border-radius: 4px; display: inline-block; line-height: 1.2; margin: 1px 0 0; width: 270px; z-index: 50; } #cs_ad_post_modal .header-element { float: left; text-align: left; width: 100%; } #cs_ad_post_modal .sg-header { line-height: 1; padding: 11px 20px 20px; } #cs_ad_post_modal .modal-dialog { top: 150px; width: 300px; } #cs_ad_post_modal .modal-body { margin-bottom: -18px; padding-bottom: 0px; } .cs-ad-post-section .sg-footer p,.cs-ad-post-section .sg-footer a {font-size: 12px;} #cs_ad_post_modal .sg-header h6 { color: #434a54; margin: 0px 0px 5px 0px; } #cs_ad_post_modal .hd_sepratore span:before, #cs_ad_post_modal .hd_sepratore span:after {top: 5px;} #cs_ad_post_modal .sg-header form p input[type="button"] { color: #ffffff; font-weight: bold; padding: 8px 10px; } #cs_ad_post_modal .sg-social ul li a {padding: 8px 10px;} .sg-header .sg-social ul li a { line-height: 1.3; padding: 12px 10px; text-align: left; } .cs-login-sec .sg-header .sg-social ul li a { font-size: 13px; } .sg-header .sg-social ul li a i,.cs-login-sec .sg-social ul li a i { background: rgba(0, 0, 0, 0.2); height: 100%; margin: 0px 0px 0px 0px; padding: 9px 3px; position: absolute; right: 0px; text-align: center; top: 0px; width: 40px; } #cs_ad_post_modal .sg-footer {line-height: 1.7;} .sg-header .sg-social ul li a[data-original-title="Facebook"],.footer-element .sg-social ul li a[data-original-title="Facebook"] {background-color: #4B6CC9;} .sg-header .sg-social ul li a[data-original-title="google-plus"],.footer-element .sg-social ul li a[data-original-title="google-plus"] {background-color: #ED5565;} .cs-login-sec .sg-header form p input[type="button"],.cs-login-sec .sg-header .sg-social ul li a {padding: 8px 10px;} /* SignUp SocialMedia Setup */ .sg-socialmedia { float: left; margin-right: 8px; } .cs-login-sec ul > li:hover .sg-socialmedia { opacity: 1; visibility: visible; } .sg-socialmedia ul {margin: 0px;} .sg-socialmedia ul li { float: left; list-style: none; } .sg-socialmedia ul li a i {margin: 0px;} .sg-socialmedia ul li a { background-color: #0082ce; color: #ffffff; float: left; font-size: 17px; height: 31px; padding: 7px 0px 0px 0px; text-align: center; width: 31px; } .sg-socialmedia ul li a[data-original-title="Facebook"] {background-color: #3b5998;} .sg-socialmedia ul li a[data-original-title="Twitter"] {background-color: #1ab2e8;} .sg-socialmedia ul li a[data-original-title="Google Plus"] {background-color: #12a5f4;} .sg-socialmedia ul li a[data-original-title="Linkedin"],.agentinfo-detail .social-media ul li a[data-original-title="Linkedin"] {background-color: #007bb6;} .sg-socialmedia ul li a[data-original-title="Tumbler"] {background-color: #32506d;} .sg-socialmedia ul li a[data-original-title="Tumbler"] {background-color: #32506d;} .sg-socialmedia ul li a[data-original-title="Pintrest"], .agentinfo-detail .social-media ul li a[data-original-title="Pintrest"] {background-color: #c92228;} .sg-socialmedia ul li a[data-original-title="youtube"] {background-color: #bb0000;} .top-bar .cs-login-sec .sg-socialmedia ul li a { background: none !important; height: auto; padding-top: 0px; font-size: 13px; } .status-message.success { float: left; margin: 0px 0px 4px 0px; padding: 4px; width: 100%; } .cs-user-login i {margin: 0 0 0 6px;} .cs-login-sec ul > li:hover .afterlogin { top: 97%; } .cs-login-sec .cs-user-menu {margin: 0px;} /* CartHover Setup */ .cart_info { background-color: rgba(255,255,255,0.8); border-top: 1px solid; box-shadow: 0px 3px 3px 0px #e7e7e7; color: #383f40; font-size: 11px; left: 0px; opacity: 0; padding: 18px 5px; position: absolute; text-align: center; top: 102%; visibility: hidden; width: 210px; z-index: 60; } .cs-login-sec ul > li:hover .cart_info { opacity: 1; visibility: visible; } /* Header Two Setup */ .header_2 .top-bar, .header_2 .main-navbar {padding: 0px 15px;} /* Header Three Setup */ .header_3 .navigation > ul > li:first-child > a { border-left: 1px solid rgba(204,204,204,0.3); padding-left: 24px; } .header_3 .navigation > ul > li > a { border-right: 1px solid rgba(204,204,204,0.3); padding: 0 28px 0 24px; } .header_3 .navigation ul > .parentIcon > a:before {right: 13px;} .header_3 .main-navbar {min-height: 62px;} .header_3 .sub-dropdown {top: 100%;} /* Header Four Setup */ .header_4 .main-navbar {min-height: 50px;} .header_4 .logo-section {text-align: center;} .header_4 .logo { display: inline-block; float: none; } .header_4 .navigation > ul > li:first-child > a { border-left: 1px solid rgba(204,204,204,0.3); padding-left: 24px; } .header_4 .navigation > ul > li > a { border-right: 1px solid rgba(204,204,204,0.3); padding: 0 28px 0 24px; } .header_4 .navigation ul > .parentIcon > a:before {right: 13px;} .header_4 .navigation ul > li > a:before {display: none;} .header_4 .sub-dropdown {top: 100%;} .header_4 .cs-search { border-right: 1px solid rgba(204,204,204,0.3); padding-right: 16px; } /* Search Style */ .cs-search { float: left; position: relative; } .cs_searchbtn { color: #ffffff; padding: 0px 0px 0px 16px; } .cs-search form { background-color: #ffffff; border-top: 1px solid; padding: 5px; position: absolute; right: 0px; top: 100%; width: 234px; z-index: 50; } .cs-search form input[type="text"] { background-color: #f2f2f2; border-radius: 3px; border: 1px solid #dadada; float: left; height: 33px; width: 100%; } .cs-search form label { height: 100%; line-height: 1.5; margin: 0px; position: absolute; right: 6px; top: 5px; } .cs-search form label:before { color: #ffffff; content: "\f002"; cursor: pointer; font-family: 'icomoon'; position: absolute; right: 8px; top: 7px; z-index: 0; } .cs-search form label input[type="submit"] { border-radius: 0px 3px 3px 0px; border: none; height: 33px; width: 30px; } /* BreadCrumb Style */ .breadcrumb-sec { background-color: rgba(0,0,0,0.1); float: left; overflow-x: hidden; padding: 0px 0; padding: 85px 0 80px; position: relative; text-align: center; width: 100%; } .breadcrumb ul li a,.breadcrumb-sec p,.breadcrumb ul li {color: #ffffff;} .header-absolute #main-header { left: 0; position: absolute; top: 0px; width: 100%; z-index: 999; } .admin-bar .header-absolute #main-header {top: 0px;} .pageinfo.page-title-align-right{ float: right; } .pageinfo.page-title-align-center { text-align: center; width: 100%; } .page-title-align-center .breadcrumb { display: inline-block; padding: 10px 0 0; width: 100%; } .page-title-align-center .breadcrumb .breadcrumbs {display: inline-block;} .pageinfo {float: left;} .breadcrumb-sec.text-center-align .pageinfo { display: inline-block; float: none; } .pageinfo h1 { font-weight: bold; margin: 0px 0px 8px 0px; text-transform: uppercase; } .page-title-align-left {text-align: left;} .page-title-align-center p {width: 85%;} .pageinfo p { display: inline-block; margin: 0px 0px 10px 0px; } .breadcrumb { background-color: rgba(0,0,0,0.4); border-radius: 0px; bottom: 0px; margin: 0px; padding: 0px; position: absolute; right: 25%; } .breadcrumb:after { background-color: rgba(0,0,0,0.4); content: ''; height: 100%; left: 100%; position: absolute; top: 0px; width: 999em; } .breadcrumb ul {float: right;} .breadcrumb ul li { color: #ffffff; float: left; font-size: 10px; line-height: 1.5; list-style: none; padding: 4px 0 4px 18px; position: relative; text-transform: uppercase; } .breadcrumb ul li:first-child:before {display: none;} .breadcrumb ul li:before { content: "/"; left: 7px; position: absolute; top: 4px; } .breadcrumb ul li:first-child:after { bottom: 0px; content: "\f015"; font-family: 'icomoon'; font-size: 13px; height: 23px; left: -23px; padding: 2px 0px; position: absolute; width: 23px; } /* BreadCrumb Style */ /* Main Content Section */ .main-section { float: left; padding: 30px 0px 0px 0px; width: 100%; } /* Page Element Sub Header Style */ .element-detail {float: left;} .element-info { float: right; padding: 0px 0px 15px 0px; } .listing-count { color: #b0b3b8; font-size: 26px; font-style: italic; } .element-breadcrumb { float: left; width: 100%; } .element-breadcrumb .breadcrumbs ul li { color: #999999; float: left; font-size: 12px; list-style: none; margin: 0px 20px 0px 0px; position: relative; } .element-breadcrumb .breadcrumbs ul li:before { color: #999999; content: "\f101"; font-family: icomoon; font-size: 10px; position: absolute; right: -14px; top: 0px; } .element-breadcrumb .breadcrumbs ul li:last-child:before {display: none;} .element-breadcrumb .breadcrumbs ul li a {color: #999999;} /* ThemeCustom Setup */ .main-section .social-media ul li a { background-color: #cbcbcb; color: #ffffff; } .section-title {margin: 0px 0px 13px 0px;} .section-title h2 { font-size: 16px; text-transform: uppercase; } /* ThemeCustom Setup */ .page-links { float: left; padding: 0px 0px 20px 0px; text-align: center; text-transform: uppercase; } .page-links span { background: #222; color: #fff; font-size: 11px; padding: 5px 10px; } .page-links a span { color: #fff; font-size: 11px; padding: 5px 10px; } .page-links span.page-links-title {color: #fff;} .password_protected > form { display: inline-block; width: 400px; } .password_protected input[type="password"] { height: 45px; padding: 0 15px; width: 100%; } .password_protected { float: left; text-align: center; width: 100%; } .password_protected p { float: left; margin: 0; width: auto; } .password_protected label { float: left; width: 80%; } .password_protected input[type="submit"] { background-color: #000; border: none; color: #fff; padding: 11px 16px 10px 17px; } .password_protected .protected-icon a { background-color: #000; border-radius: 100%; color: #ffffff; display: inline-block; font-size: 50px; height: 80px; margin: 0px 0px 20px 0px; padding: 3px 0px 0px 0px; width: 80px; } .password_protected .protected-icon a i {font-size: 50px;} /* Default Gallery Setup */ .mejs-container {margin-bottom: 25px;} .gallery { clear: both; margin: 0 auto; overflow: hidden; } .gallery .gallery-item { float: left; list-style: none; margin: 0px 0 0; overflow: hidden; padding: 0px 0px 5px 15px; text-align: center; } .gallery-caption {font-size: 11px;} .gallery-item img { float: left; padding: 0 0px; width: 100%; } .gallery-columns-0 .gallery-item {width: 100%;} .gallery-columns-1 .gallery-item {width: 100%;} .gallery-columns-2 .gallery-item {width: 50%;} .gallery-columns-3 .gallery-item {width: 33.33%;} .gallery-columns-4 .gallery-item {width: 25%;} .gallery-columns-5 .gallery-item {width: 20%;} .gallery-columns-6 .gallery-item {width: 16.66%;} .gallery-columns-7 .gallery-item {width: 14.28%;} .gallery-columns-8 .gallery-item {width: 12.5%;} .gallery-columns-9 .gallery-item {width: 11.11%;} .gallery-columns-10 .gallery-item {width: 10%;} .gallery-columns-11 .gallery-item {width: 9.09%;} .gallery-columns-12 .gallery-item {width: 8.33%;} .gallery-columns-13 .gallery-item {width: 7.69%;} .gallery-columns-14 .gallery-item {width: 7.14%;} .gallery-columns-15 .gallery-item {width: 6.66%;} .gallery-columns-16 .gallery-item {width: 6.25%;} .gallery-columns-17 .gallery-item {width: 5.88%;} .gallery-columns-18 .gallery-item {width: 5.55%;} .gallery-columns-19 .gallery-item {width: 5.26%;} .gallery-columns-20 .gallery-item {width: 5%;} .gallery-columns-21 .gallery-item {width: 4.76%;} .gallery-columns-22 .gallery-item {width: 4.54%;} .gallery-columns-23 .gallery-item {width: 4.34%;} .gallery-columns-24 .gallery-item {width: 4.16%;} .gallery-columns-25 .gallery-item {width: 4%;} .gallery-columns-26 .gallery-item {width: 3.84%;} .gallery-columns-27 .gallery-item {width: 3.7%;} .gallery-columns-28 .gallery-item {width: 3.57%;} .gallery-columns-29 .gallery-item {width: 3.44%;} .gallery-columns-30 .gallery-item {width: 3.33%;} /* Defoult Gallery */ /* Directory Listing Setup */ .SumoSelect > .CaptionCont > span { float: left; } /*---// Directory FilterAble //---*/ .dr-filters { background-color: #f5f1ed; float: left; width: 100%; } .main-filter.slide-loader ~ .cs-directory {opacity: 0.1;} #directory-advance-search-form > input,#directory-advance-search-form { float: left; width: 100%; } .ajax-loading { bottom: -250px; color: #e0e0e0; left: 50%; margin: -10px 0 0 0; position: absolute; z-index: 99; } .dr-filters.directory-advanced-search-content { background-color: #e8e8e8; box-shadow: none; padding: 20px; border-radius: 0px; border: 1px solid #cdcdcd; } .sidebar-search .advance-search-custom-fields, .sidebar-search .directory-type-categories-load {padding: 0px;} .sidebar-search label { font-size: 16px; font-weight: bold; line-height: 1.5; margin-bottom: 5px; text-transform: capitalize; } .sidebar-search .dr_userinfo li {margin-bottom: 12px;} .sidebar-search .SumoSelect > .CaptionCont {width: 100%;} .sidebar-search.dr-filters form ul li input.form-text, .sidebar-search.dr-filters ul li input[type="search"], .sidebar-search.dr-filters ul li input[type="text"], .sidebar-search.dr-filters ul li input[type="password"] { font-size: 13px; border-radius: 0px; background-color: #ffffff; border: 1px solid #dbdbdb; height: 34px; margin: 0px; box-shadow: 0px 2px 3px 1px #ececec inset; } .sidebar-search .distance-in-miles {margin-bottom: 7px;} .sidebar-search .distance-in-miles .ui-widget-content {width: 75%;} .sidebar-search .distance-in-miles .input-sec small { color: #bbbbbb; float: right; font-size: 12px; margin: -6px 0px 0px 0px; } .sidebar-search.dr-filters > ul > li { border: none; padding: 0px; } .dr-filters ul li .advance-search-price-range .input-sec {margin-bottom: 10px;} .dr-filters ul li .advance-search-price-range .input-sec:before {display: none;} .directory-advanced-search-content.sidebar-search .advance-search-price-range ul li {padding-right: 15px;} .directory-advanced-search-content.sidebar-search .advance-search-price-range ul li:nth-child(2n) {padding-right: 0px;} .directory-advanced-search-content.sidebar-search .dr_userinfo li:last-child,.directory-advanced-search-content.sidebar-search .dr_userinfo li ul li {margin: 0px;} .sidebar-search-sbmt { border-radius: 3px; color: #494949; float: left; font-size: 14px; padding: 8px 10px; text-transform: uppercase; width: 100%; border: 2px solid #d6d6d6; } .sidebar-search .dr-search input[type="submit"] { height: 34px; width: 40px; } .sidebar-search .dr-search label:before { font-weight: normal; left: 13px; top: 6px; } .dr-filters h6 { font-weight: 700; text-transform: uppercase; } .dr-filters ul {margin: 0px;} .dr-filters ul li {list-style: none;} .dr-filters > ul > li { border-bottom: 1px dotted #dedbd8; float: left; line-height: 1.5; list-style: none; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; width: 100%; } .dr-filters > ul > li.categories-load { margin: 0px; } .dr-filters > ul > li.cs-load-data { margin: 0px 0px 20px 0px; } .dr-filters ul li input[type="text"] {width: 100%;} .dr-filters > ul > li:last-child { border: none; margin: 0px; padding: 0px; } .dr-search { float: left; position: relative; width: 100%; } .dr-search input[type="text"] { border: 1px solid #c9c9c9; color: #bbbbbb; float: left; font-size: 13px; width: 100%; } .dr-search label { margin: 0px; position: absolute; right: 0px; top: 0px; } .dr-search label:before { color: #ffffff; content: "\f002"; cursor: pointer; font-family: 'icomoon'; left: 11px; position: absolute; top: 7px; } .dr-search input[type="submit"] { border: none; float: left; height: 34px; width: 34px; } .cs-directory.grid_listing .cs-rating { float: none; display: inline-block; margin: 11px 0px 0px 0px; padding: 0px; } .cs-rating-wrape { float: right; } .cs-rating-wrape > span { float: left; padding: 2px 0px 0px 0px; } .cs-directory.grid_listing .cs-rating-wrape { background: rgba(0, 0, 0, 0.4); bottom: 0; padding: 3px 0 0 10px; position: absolute; right: 0; width: 100%; text-align: center; } .cs-directory.grid_listing.cs-related-post .content_info .dr_shortoption { position: relative; } .cs-directory.grid_listing .cs-rating-wrape > span { padding: 0px; display: inline-block; float: none; color: #ffffff; position: relative; top: -9px;} .cs-related-post .dr_shortoption figure { float: left; margin: 0 10px 0 0; width: 40px;} .cs-detail-info { float: left; width: 100%; } .rev_slider_wrapper ~ .wide { bottom: 0; left: 0; position: absolute; width: 100%; z-index: 99; } .rev_slider_wrapper ~ .wide .cs-search-v3 .directory-advanced-search-content { width: 100%; } .rev_slider_wrapper ~ .wide .cs-search-v3 .directory-advanced-search-content form ul > li { display: table-cell; width: 14%; } .rev_slider_wrapper ~ .wide .cs-search-v3 .directory-advanced-search-content form ul > li li { width: 50%; } .rev_slider_wrapper ~ .wide .cs-search-v3 .directory-advanced-search-content form ul li.submit-button { width: 10%; } .rev_slider_wrapper ~ .wide .directory-advanced-search-content .SumoSelect > .optWrapper > .options > li,.rev_slider_wrapper ~ .wide .directory-advanced-search-content .chosen-container ul li { width: 100% !important; float: left; } /* Select Category */ .select-category { float: left; width: 100%; } .select-category ul li { float: left; font-size: 12px; line-height: 1.5; list-style: none; margin: 0px 0px 6px 0px; width: 100%; } .select-category > ul > li:last-child {margin: 0px;} .select-category ul ul { float: left; padding: 7px 0px 0px 22px; width: 100%; } .select-category ul li a {text-transform: uppercase;} .select-category ul > li.ctg_parent > a:before { content: "\f0da"; float: left; font-family: 'icomoon'; margin: 0px 8px 0px 0px; } .select-category ul > li.ctg_parent > a:after { color: #999999; content: "\f057"; font-family: 'icomoon'; margin: 0px 0px 0px 6px; } .sidelocation { cursor: pointer; position: absolute; right: 8px; top: 8px; } .widget .sidelocation { bottom: 18px; right: 15px; top: auto; } /* CheckBox */ ul.check-box .radio, ul.check-box .checkbox { margin-bottom: 0px; margin-top: 0px; } ul.check-box li { line-height: 20px; list-style: none; margin-bottom: 6px; } ul.check-box label { cursor: pointer; display: inline-block; font-size: 12px; margin-right: 15px; padding-left: 25px; position: relative; text-transform: uppercase; } ul.check-box input[type=radio], ul.check-box input[type=checkbox] {display: none;} ul.check-box label:before { background-color: #e0e0e0; bottom: 1px; content: ""; display: inline-block; height: 16px; left: 0; margin-right: 10px; position: absolute; width: 16px; } ul.check-box .radio label:before {border-radius: 8px;} ul.check-box .checkbox label:before {border-radius: 3px;} ul.check-box input[type=radio]:checked + label:before { color: #ccc; content: "\f111"; font: normal normal normal 11px/15px FontAwesome; text-align: center; } ul.check-box input[type=checkbox]:checked + label:before { color: #666; content: "\f00c"; font: normal normal normal 11px/15px FontAwesome; text-align: center; } /* PriCe Range */ .pr-range { float: left; width: 100%; } .pr-range label { color: #999999; float: left; font-size: 12px; margin: 0px; padding: 7px 0px 0px 0px; text-align: center; width: 20%; } .pr-range input[type="text"] { border: 1px solid #c9c9c9; box-shadow: 0px 0px 1px 1px #f4f4f4 inset; color: #999999; float: left; width: 40%; } .pricerange { float: left; position: relative; width: 100%; } .cs-price-table.featured { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1); margin: -18px 0 0; } /* ===================================================================================================================== // RangeSlider */ .irs-line { display: block; overflow: hidden; position: relative; } .irs-line-left, .irs-line-mid, .irs-line-right { display: block; position: absolute; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { display: block; left: 0; position: absolute; width: 0; } .irs-bar-edge { display: block; left: 0; position: absolute; top: 0; } .irs-shadow { display: none; left: 0; position: absolute; width: 0; } .irs-slider { cursor: default; display: block; position: absolute; z-index: 1; } .irs-slider.single {left: 10px;} .irs-slider.single:before { background: rgba(0,0,0,0.0); content: ""; display: block; height: 160%; left: -30%; position: absolute; top: -30%; width: 160%; } .irs-slider.from {left: 100px;} .irs-slider.from:before { background: rgba(0,0,0,0.9); border-radius: 60px; content: ""; display: block; height: 6px; left: 4px; position: absolute; top: 4px; width: 6px; } .irs-slider.to {left: 300px;} .irs-slider.to:before { background: rgba(0,0,0,0.9); border-radius: 60px; content: ""; display: block; height: 6px; left: 4px; position: absolute; top: 4px; width: 6px; } .irs-slider.type_last {z-index: 2;} .irs-min { cursor: default; display: block; left: 0; position: absolute; } .irs-max { cursor: default; display: block; position: absolute; right: 0; } .irs-from, .irs-to, .irs-single { cursor: default; display: block; left: 0; position: absolute; top: -1px; white-space: nowrap; } .irs-grid { bottom: 0; display: none; height: 20px; left: 0; position: absolute; width: 100%; } .irs-with-grid .irs-grid {display: block;} .irs-grid-pol { background: #000; height: 8px; left: 0; position: absolute; top: 0; width: 1px; } .irs-grid-pol.small {height: 4px;} .irs-grid-text { bottom: 0; color: #000; font-size: 9px; left: 0; line-height: 9px; padding: 0 3px; position: absolute; text-align: center; white-space: nowrap; } .irs-disable-mask { background: rgba(0,0,0,0.0); cursor: default; display: block; height: 100%; left: -1%; position: absolute; top: 0; width: 102%; z-index: 2; } .irs-disabled {opacity: 0.4;} /* Rating Setup */ .irs {height: 35px;} .irs-with-grid {height: 75px;} .irs-line { -moz-border-radius: 16px; background: #d6d6d6; border-radius: 16px; height: 10px; top: 22px; } .irs-line-left {height: 8px;} .irs-line-mid {height: 8px;} .irs-line-right {height: 8px;} .irs-bar { height: 10px; top: 21px; } .irs-bar-edge { -moz-border-radius: 16px 0 0 16px; background: #428bca; background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */ border-radius: 16px 0 0 16px; border-right: 0; border: 1px solid #428bca; height: 10px; top: 33px; width: 14px; } .irs-shadow { -moz-border-radius: 5px; background: #000; border-radius: 5px; height: 2px; opacity: 0.3; top: 38px; } .irs-slider { -moz-border-radius: 27px; background: #fcfcfc; border-radius: 27px; border: 1px solid #868686; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); cursor: pointer; height: 16px; top: 18px; width: 16px; } #irs-active-slider, .irs-slider:hover {background: #FFF;} .irs-min, .irs-max { color: #999999; font-size: 13px; line-height: 1.333; padding: 1px 5px; text-shadow: none; top: 0; } .lt-ie9 .irs-min, .lt-ie9 .irs-max {background: #ccc;} .irs-from, .irs-to, .irs-single { -moz-border-radius: 3px; background: #6f6f6f; border-radius: 3px; color: #fff; font-size: 11px; line-height: 1.333; padding: 1px 5px; text-shadow: none; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {background: #999;} .irs-grid {height: 27px;} .irs-grid-pol { background: #428bca; opacity: 0.5; } .irs-grid-pol.small {background: #999;} .irs-grid-text { bottom: 5px; color: #99a4ac; } /* Directory Default Setup */ .cs-directory,.directory-section,.dr_detail { float: left; width: 100%; } .cs-directory.grid_listing .dr_userinfo { width: 100%; } .cs-directory h2 {text-transform: capitalize;} .cs-blogslide .directory-section h2 {min-height: 66px;} .dr_userinfo { float: left; margin: 0px 0px 13px 0px; } .sidebar-search .dr_userinfo { width: 100%; } .cs-directory ul li { float: left; line-height: 1.2; list-style: none; } .large_listing .dr_userinfo li { padding: 0px 20px 0px 0px; width: 50%; } .large_listing .dr_userinfo li .cs-field-data { border-bottom: 1px solid #e5e5e5; float: left; padding: 0px 0px 6px 0px; width: 100%; } .cs-directory h5 { margin: 0 0 5px 0; text-transform: uppercase; } .cs-directory p { float: left; margin: 0px 0px 14px 0px; } .cs-directory .sg-footer p {float: right;} .cs-directory .modal-dialog p { border: none; padding: 0px; } .dr_postoption { float: left; width: 100%; } .dr_postoption li { color: #cccccc; float: left; font-size: 11px; list-style: none; margin: 0px 12px 6px 0px; } .cs-feature { background-color: #ff9c00; color: #ffffff; float: left; font-size: 11px; line-height: 1.4; margin: 0px 16px 0px 0px; padding: 2px 5px; text-transform: uppercase; } .cs_admin { border-bottom: 1px dotted; text-transform: uppercase; } .dr_postoption li time { color: #aaaaaa; text-transform: uppercase; } .dr_postoption li a { color: #aaaaaa; text-transform: uppercase; } .dr_userinfo li { color: #999; float: left; font-size: 12px; font-weight: normal; list-style: none; margin: 0px 0px 6px 0px; text-transform: uppercase; width: 100%; } .dr_userinfo li i { color: #00466e; font-size: 14px; margin: 0px 7px 0px 0px; } .cs-directory.default_listing .dr_userinfo li { float: left; width: 50%; padding: 0px 19px 0px 0px; } .cs-directory.default_listing .dr_userinfo li .cs-field-data { float: left; width: 100%; padding: 2px 0px 9px 0px; border-bottom: 1px solid #f2f2f2; } .cs-directory.default_listing .dr_userinfo { float: left; width: 100%; } .detailed_listing .directory-section { background-color: #ffffff; padding: 25px; border-bottom: 1px solid #f3f3f3; } .detailed_listing .cs_thumbsection { float: right; width: 10%; } .detailed_listing .content_info { float: left; width: 90%; padding-right: 25px; } .detailed_listing .dr_thumbsection li img { border: 1px solid #ddd; } .cs-author-list { float: left; width: 100%; margin-bottom: 13px; } .cs-author-list ul { margin: 0px; } .inner-post-feature .cs-paid-ad { position: static; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); padding: 3px 5px 2px; font-size: 11px; background-color: #fff7eb !important; color: #ff9c00;} .cs-author-list li { margin-right: 5px; } .cs-author-list li a { font-size: 14px; border-bottom: 1px dotted #4e2971; color: #4e2971; } .cs-author-list li .add-featured { margin: 0px; line-height: 1.5; padding: 1px 5px 0px 5px; background-color: #f2f4f6; color: #b6d0ea; } .detailed_listing .content_info p { border: none; padding: 0px; } .detailed_listing .dr_userinfo li .cs-label { min-width: 100px; color: #999; } .detailed_listing .dr_userinfo li span { font-weight: normal; color: #000; } .detailed_listing .dr_location { float: right; } .detailed_listing .thumb-options li { margin-right: 18px; } .detailed_listing .thumb-options li,.detailed_listing .thumb-options li time,.detailed_listing .thumb-options li .cs-location-address { color: #aeaeae; } .detailed_listing .thumb-options li i { color: #4e2971; } .detailed_listing .dr_userinfo li i { display: none; } /* Map Clusters */ .cs-control-icons { position: absolute; left: 170px; top: 20px; z-index: 99; } .cs-control-icons span { background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 18px; height: 35px; padding: 3px 0 0; text-align: center; width: 35px; z-index: 99; float: left; margin: 0px 4px 0px 0px; } .cs-control-icons span:hover { color: #ffffff; } .map-container { -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; -moz-box-sizing: border-box; -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px; -webkit-box-sizing: border-box; border-color: #ccc #ccc #999 #ccc; box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px; box-sizing: border-box; height: 600px; overflow: hidden; padding: 0px; position: relative; width: 100%; } .gmapzoomplus,.gmapzoomminus { background: #ffffff; border-bottom: 1px solid rgba(0,0,0,0.2); font-size: 18px; height: 35px; left: 90px; padding: 3px 0px 0px 0px; position: absolute; text-align: center; top: 20px; width: 35px; z-index: 99; } .gmapzoomplus:hover,.gmapzoomminus:hover {color: #ffffff;} .gmapzoomminus {left: 130px;} .map-container .loader { background: #fff; left: 167px; position: absolute; text-align: center; top: 20px; z-index: 110; } .map-container .loader i {padding: 10px 13px;} .fullscreen { background: #ffffff; color: #333333; cursor: pointer; font-size: 13px; padding: 6px 15px; position: absolute; right:40px; text-align: center; top: 20px; z-index: 40; } .fullscreen i {margin-right: 5px;} .body-fullscreen,.cs-related-post figure {overflow: hidden;} .cs-related-post figure { margin: 0px; } .body-fullscreen .map-container { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } .body-fullscreen .map-container { left: 0; top: 0; } .map-container img {max-width: inherit;} .map { height: 100%; position: relative; width: 100%; z-index: 10; } /* Advance Search */ .map-search-shortcode { background: url(assets/images/hex-loader2.gif) no-repeat center center; background-color: #ffffff; float: left; position: relative; width: 100%; } #directory-advanced-search { bottom: 15px; left: 0px; position: absolute; width: 100%; z-index: 99; } .directory-advanced-search-content form ul ul { margin: 0px; } .directory-advanced-search-content form li.price-search { padding: 0px; } .cs-search-v2 .directory-advanced-search-content { width: 46%; } .cs-search-v2 .directory-advanced-search-content form ul li { width: 50%; } .cs-search-v2 .dir-search-fields h2 { color: #ffffff !important; margin-bottom: 20px; } .cs-search-v2 .dir-search-fields { padding-bottom: 15px; } .cs-search-v2 .directory-advanced-search-content form ul li.submit-button { width: 50%; } .cs-search-map-disable #directory-advanced-search { padding: 30px 0px 0px 0px; position: static; } .directory-advanced-search-content { background-color: #ffffff; border-radius: 4px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2); float: left; margin: 0px 0px 30px 0px; position: relative; width: 100%; } .cs-search-v3 .directory-advanced-search-content .dir-search-fields,.cs-search-v3 .directory-advanced-search-content { background-color: rgba(0,0,0,0.4); } .cs-search-v3 .directory-advanced-search-content { width: 70%; } .cs-search-v3 .directory-advanced-search-content form ul > li { width: 30%; } .cs-search-v3 .directory-advanced-search-content form ul li.submit-button { width: 10%; } .cs-search-v3 .directory-advanced-search-content form ul > li li { width: 50%; } .cs-search-v3 .location-icon { top: 0px; } .cs-search-v3 .directory-advanced-search-content form ul li .form-submit { margin-top: 0px; } .cs-search-v3 .loc-section h6 ~ .location-icon { top: 28px; } .dir-search-fields { background-color: #ffffff; float: left; padding: 20px 25px 6px 25px; position: relative; width: 100%; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {box-shadow: 0px 6px 10px 1px #e6e6e6;} .ui-widget-content li.ui-menu-item { border-bottom: 1px solid #f5f5f5; color: #949494; font-size: 12px; padding: 6px 17px; text-transform: uppercase; } .directory-advanced-search-content form ul { float: none; margin-left: -20px; } .advance-search-custom-fields,.directory-type-categories-load { float: left; padding: 30px 0px 10px; width: 100%; } .directory-type-categories-load ul.check-box input[type="checkbox"]:checked + label:before { background-color: #000; border-radius: 0; border: none; color: #fff; content: ""; font: 12px/15px FontAwesome; text-align: center; } .directory-type-categories-load ul.check-box label:before { background-color: #fff; border: 2px solid #ddd; } .directory-advanced-search-content .SumoSelect > .optWrapper.multiple > .options > li span { left: auto; right: 0px; } .directory-advanced-search-content .SumoSelect > .optWrapper.multiple > .options > li.selected span i { background-position: 0px 3px; background-repeat: no-repeat; background: url(assets/images/check.png); } .directory-advanced-search-content .SumoSelect > .optWrapper > .options > li.selected label {color: #ffffff;} .directory-advanced-search-content .SumoSelect > .optWrapper.multiple > .options > li span i {background: none;} .advance-search-toggle { -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; background: #fff; height: 100%; left: 0px; opacity: 0; position: absolute; top: 100%; transition: all 0.8s ease-in-out; visibility: hidden; width: 100%; } .advance-search-toggle.advance-search-active { opacity: 1; visibility: visible; } .directory-advanced-search-content .advance-search-price-range ul li { float: left; width: 50%; } .directory-advanced-search-content form ul li { display: inline-block; float: none; list-style: none; margin: 0px -4px 6px 0px; padding: 0px 0px 0px 20px; position: relative; vertical-align: top; width: 18%; } .price-loader { position: absolute; right: 20px; top: 10px; } .directory-advanced-search-content form ul li.submit-button { text-align: center; width: 6.25%; } .form-text, .form-select, .dr-search, .input-sec, .cs-range-input {width: 100%;} .directory-advanced-search-content form ul li .form-submit { background: #333232; border-radius: 3px; border: none; box-shadow: none; color: #ffffff; font-size: 16px; font-weight: bold; margin: 22px 0px 0px 0px; padding: 8px 5px 6px; text-shadow: inherit; text-transform: uppercase; width: 100%; } .cs-search-v2 .directory-advanced-search-content form ul li .form-submit { background-color: #333232 !important; margin-top: 0px; } .cs-search-v2 .directory-advanced-search-content form ul li .form-submit i { margin-right: 8px; font-size: 14px; } .cs-search-v1 .directory-advanced-search-content form ul li .form-submit { margin-top: 0px; } .cs-search-v1 .directory-advanced-search-content form ul li.submit-button { vertical-align: middle; } .directory-advanced-search-content h6 { text-transform: uppercase; } .directory-advanced-search-content form ul li input.form-text, .directory-advanced-search-content ul li input[type="search"],.directory-advanced-search-content ul li input[type="text"],.directory-advanced-search-content ul li input[type="password"] { background-color: #ffffff; border: none; box-shadow: 0px 0px 2px 0px #cdd0d3; color: #949494; font-size: 12px; height: 40px; margin-bottom: 10px; padding-left: 14px; width: 100%; } .directory-advanced-search-content form ul li .cat-loading-fields { bottom: -9px; display: inline-block; position: absolute; right: 0px; z-index: 99; } .directory-advanced-search-content form ul li .dr-search .optWrapper label {position: static;} .directory-advanced-search-content form ul li .dr-search label:before {display: none;} .input-sec .cs-range-input {display: none;} .cs-heading-style h1 { line-height: 1 !important; } .directory-advanced-search-content ul li .ui-widget-content,.dr-filters ul li .ui-widget-content { background: none; background-color: #c9c9c9; border: none; } .directory-advanced-search-content ul li .ui-slider-horizontal,.dr-filters ul li .ui-slider-horizontal {height: 8px;} .directory-advanced-search-content ul li .ui-widget-header,.dr-filters ul li .ui-widget-header {background: none;} .directory-advanced-search-content ul li .ui-slider .ui-slider-handle,.dr-filters ul li .ui-slider .ui-slider-handle { border-radius: 0; height: 25px; width: 16px; } .directory-advanced-search-content ul li .ui-state-default, .directory-advanced-search-content ul li .ui-widget-content .ui-state-default, .directory-advanced-search-content ul li .ui-widget-header .ui-state-default, .dr-filters ul li .ui-widget-header .ui-state-default { background-position: 2px 0px; background-repeat: no-repeat; background: url(assets/images/ui-strip.png); border: none; } .directory-advanced-search-content ul li .ui-state-default:before, .directory-advanced-search-content ul li .ui-widget-content .ui-state-default:before, .directory-advanced-search-content ul li .ui-widget-header .ui-state-default:before,.dr-filters ul li .ui-widget-header .ui-state-default:before { border-radius: 100%; content: ''; height: 7px; left: 5px; position: absolute; top: 6px; width: 7px; } .directory-advanced-search-content ul li .ui-slider-horizontal .ui-slider-handle,.dr-filters ul li .ui-slider-horizontal .ui-slider-handle { margin-left: -0.6em; top: -0.4em; } #directory-advanced-search .input-sec { background: #ffffff; border-radius: 0px; box-shadow: 0px 0px 2px 0px #cdd0d3; float: left; margin-bottom: 5px; min-height: 40px; padding: 15px 15px 5px; width: 100%; } .dr-filters ul li .input-sec { background-color: #fff; border-bottom: 2px solid #e4e4e4; border: none; box-shadow: none; min-height: inherit; padding: 0px; padding: 16px 10px; position: relative; } .dr-filters ul li .input-sec:before { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; height: 0; position: absolute; right: 10px; top: -7px; width: 0; } .advance-search-toggle .checkbox {float: left;} .totalpost { background-color: #fff; border-radius: 10px; color: #999; float: right; font-size: 11px; line-height: 20px; margin: 4px 0 0 0; padding: 0 15px; } .directory-advanced-search-content form ul.check-box li {margin-bottom: 10px;} .directory-advanced-search-content form ul.check-box li:first-child,.directory-advanced-search-content form ul.check-box li {width: 25%;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 80px;} .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 80px;} .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 80px;} .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 80px;} #advance_search_link { color: #999999; cursor: pointer; float: left; font-size: 11px; padding: 0px 0px; } .ui-slider-handle.ui-state-focus strong {display: block;} .ui-slider-handle strong { background-color: #f3f3f3; border-radius: 4px; bottom: -10px; color: #ffffff; display: none; font-size: 10px; left: 0px; line-height: 18px; min-width: 65px; padding: 0 4px; position: absolute; text-align: center; } .location-icon { background-color: #ffffff; cursor: pointer; height: 34px; padding: 4px 0 0; position: absolute; right: 0px; text-align: center; top: 23px; width: 35px; z-index: 99; } .cs-search-v1 .location-icon { top: 0px; right: 24px; } .cs-search-v1 h6 ~ .location-icon { top: 27px; } .cs-search-v2 .loc-section .location-icon { top: 5%; } .cs-search-v2 .loc-section h6 ~ .location-icon { top: 35%; } .streetView,.mapView { background-color: #ffffff;border: 1px solid #d4d4d4;cursor: pointer; font-size: 14px; padding: 8px 18px 8px; display: inline-block; margin: 0px 0px 15px -1px; text-align: center; z-index: 99; color:#999999; } .streetView:hover, .mapView:hover { color: #ffffff; } .advance-search-custom-fields ul li label {margin: 0px 0px 3px 0px;} .advance-search-custom-fields ul li .SumoSelect > .CaptionCont, .advance-search-custom-fields ul li .SumoSelect,.SumoSelect > .optWrapper.multiple > .options > li {width: 100%;} .directory-advanced-search-content .SumoSelect > .CaptionCont > label, .directory-advanced-search-content .SumoSelect > .CaptionCont > label > i {background: #f7f7f7;} .advance-search-custom-fields ul li .SumoSelect > .CaptionCont > label > i { color: #6f6f6f; top: -3px; } .directory-advanced-search-content .SumoSelect > .CaptionCont > label > i:before { background: url(assets/images/select-arrow.png); background-repeat: no-repeat; background-position: center 2px; content: ''; display: inline-block; height: 40px; width: 100%; } .directory-advanced-search-content .SumoSelect > .CaptionCont > span { color: #949494; font-size: 13px; text-transform: capitalize; } .directory-advanced-search-content .SumoSelect > .optWrapper > .options > li {width: 100%;} .directory-advanced-search-content .SumoSelect > .CaptionCont > label { border-left: 1px solid #e8e8e8; cursor: pointer; margin: 0px; width: 40px; } #cat-loading-fields { font-size: 2em; padding: 2% 0 0; position: absolute; right: 20px; text-align: center; top: 150px; z-index: 999; } .directory-advanced-search-content .SumoSelect > .optWrapper { border-radius: 0px; border: none; } .directory-advanced-search-content .SumoSelect > .optWrapper > .options > li { border-color: #f5f5f5; margin: 0px; padding: 6px 17px 5px; } .directory-advanced-search-content .SumoSelect > .optWrapper > .options > li:hover label {color: #ffffff;} .directory-advanced-search-content .SumoSelect > .optWrapper > .options > li label { color: #949494; font-size: 12px; margin: 0px; text-transform: uppercase; } .directory-advanced-search-content .SumoSelect {width: 100%;} .directory-advanced-search-content form ul li .SumoSelect > .CaptionCont { background-color: #ffffff; border: none; box-shadow: 0px 0px 2px 0px #cdd0d3; min-height: 40px; position: relative; width: 100%; } .directory-advanced-search-content form ul li textarea { border: 1px solid #ddd; box-shadow: 0 1px 1px 0 #ddd; cursor: pointer; min-height: 40px; width: 100%; } .directory-advanced-search-content form ul li .SlectBox, .directory-advanced-search-content form ul li .SlectBoxa {padding: 8px 5px 5px 16px;} .directory-advanced-search-content form ul li .SumoSelect > .CaptionCont > span.placeholder { color: #999; font-style: normal; } .directory-advanced-search-content form ul li select { background: #f2f2f2; border: none; color: #949494; font-style: italic; padding: 0px 0px 0px 6px; } .directory-advanced-search-content form ul li select option { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 8px; } .directory-advanced-search-content form ul li.range-title { padding: 3% 0 0 24px; width: 4%; } .directory-advanced-search-content form ul li .cat-loading-fields:after,.upload-file li .select-style .cat-loading-fields:after { background-color: #f2f2f2; background-position: center 12px; background-repeat: no-repeat; background: url(assets/images/select-arrow.png); border-left: 1px solid #e8e8e8; bottom: 9px; content: ""; display: inline-block; height: 40px; line-height: 40px; position: absolute; right: 0px; text-align: center; width: 40px; } .location-tooltip,.loc-info { float: left; width: 100%; } .loc-info figure { float: left; width: 180px; } .loc-info figure ~ .content-info {padding: 10px 0px 0px 200px;} .loc-info .content-info {padding: 25px 20px 10px 20px;} .loc-info .content-info span small { text-decoration: line-through; } .featured-post li { color: #aaaaaa; float: left; font-size: 11px; line-height: 1.5; list-style: none; margin: 0px 7px 6px 0px; text-transform: uppercase; } .featured-post li time { background: #f4f4f4; float: left; padding: 2px 5px; } .featured-post li span,span.featured-post { background: #ff9c00; color: #ffffff; float: left; padding: 0px 6px 0px 6px; } span.featured-post {margin-right: 6px;} .loc-info .content-info h2 { display: inline-block; margin: 0px; text-transform: uppercase; width: 100%; } .loc-info .content-info p { border-bottom: 1px solid #f4f4f4; display: inline-block; margin: 0px 0px 7px 0px; padding: 0px 0px 10px 0px; text-transform: uppercase; width: 100%; } .loc-info .content-info p i { color: #00466e; margin-right: 3px; } .content-info span.location-price { color: #333333; font-size: 16px; font-weight: bold; } .gm-style-iw { min-height: 10px; width: 420px; } .ln-letter-count { color: #336699; font-size: 0.8em; line-height: 1; margin-bottom: 3px; text-align: center; } .outerwrapp-layer { background: rgba(238, 247, 226, 0.8); border-radius: 8px; border: 4px solid #f8feef; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3); color: #657c42; display: block; font-size: 14px; left: 50%; margin: 0px 0px 0px -200px; padding: 13px 18px; position: fixed; top: 15%; width: 412px; z-index: 110002; } /* Category Style */ .cat-simple .cat-inner > a { font-weight: bold; } .cs_directory_categories.col-md-12 {margin: 0px;} .cs_directory_categories ul li ul {margin: 0px;} .cs_directory_categories ul li ul li { float: left; line-height: 1.5; list-style: none; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 16px; position: relative; width: 100%; } .cs_directory_categories ul li ul li:before { background-color: #cccccc; border-radius: 100%; content: ''; height: 3px; left: 0px; position: absolute; top: 9px; width: 4px; } .cs_directory_categories ul li ul li a { float: left; font-size: 12px; } .cs_directory_categories ul li span { background-color: #ffffff; border-radius: 15px; color: #999999; float: right; font-size: 11px; line-height: 1.5; min-width: 30px; padding: 0px 5px; text-align: center; } .cs_directory_categories ul li ul ol li,.cs_directory_categories ul li ul ol {padding-left: 0px;} .cs_directory_categories ul li ul ol li:before {display: none;} .cat-inner { float: left; margin-bottom: 11px; width: 100%; } .cat-inner img { float: left; margin-right: 10px; } .cat-inner a:nth-child(2) { color: #333333; font-size: 16px; font-weight: bold; margin-right: 12px; } .cat-inner a:nth-child(3) { color: #999999; font-size: 11px; } .cat-clean ul li .cat-inner { background-color: #ffffff; border: 1px solid #ebebeb; box-shadow: 0px 2px 0px 0px #ededed; margin: 0px; padding: 15px 18px; text-align: right; } .cat-clean ul li .cat-inner a { float: left; font-weight: normal; } .cs_directory_categories.cat-clean.col-md-12 {margin: 0px 0px 20px 0px;} .cat-clean ul.row { margin-left: -5px; margin-right: -5px; } .cat-clean ul.row li { margin-bottom: 10px; padding-left: 5px; padding-right: 5px; } .cs-link-more i { float: left; margin: 7px 4px 0px 0px; } .cs-link-more { float: left; text-transform: capitalize; width: 100%; } .directory-gallery [id*="carousel"] {width: 74.75%;} .cs_directory_categories .collapse,.cs_directory_categories .collapse.in { -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; -webkit-transition: opacity 1s linear; transition: opacity 1s linear; } .cs-paid-ad { color: #fff; display: block; font-weight: 700; left: -44px; padding: 8px 45px; position: absolute; text-align: center; text-transform: uppercase; top: 16px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /* Directory Thumb Setup */ .dr_thumbsection {margin: 0px 0px 0px -3px;} .dr_thumbsection li.featured_thumb, .dr_thumbsection li img { float: left; overflow: hidden; width: 100%; } .dr_thumbsection li { float: left; list-style: none; padding: 0px; position: relative; width: 25%; } .dr_thumbsection li i { color: #ffffff; font-size: 17px; left: 50%; margin: -8px 0 0px -6px; position: absolute; top: 50%; } .more-photo { float: left; height: 51px; width: 100%; } /* Opening Hours */ .opening-hours { background-color: #ffffff; border: 1px solid #f0f0f0; float: left; margin: 0px 0px 30px 0px; padding: 20px; width: 100%; } .opening-hours h4 {font-weight: bold;} .opening-hours ul li { float: left; list-style: none; padding: 8px 10px; width: 100%; } .opening-hours ul li:nth-child(odd) {background-color: #f8f8f8;} .opening-hours ul li span { color: #666666; float: left; font-size: 12px; } .opening-hours ul li span.time-start {margin: 0px 2px;} .opening-hours ul li span i { color: #ff5422; font-size: 10px; margin-right: 2px; } .opening-hours ul li .timehoure {float: right;} /* Directory ShortOption Setup */ .dr_shortoption { float: left; width: 100%; } .cs-directory .cs_thumbsection figure { overflow: hidden; margin: 0px; } .cs-directory .content_info .dr_pricesection {float: left;} .cs-up-section { float: left; width: 100%; } .cs-directory.grid_listing .content_info .dr_pricesection { clear: none; } .featured-post {float: left;} .directory-section .featured-post { float: left; } .default_listing .directory-section .featured-post { float: left; clear: left; } .dr_shortoption .cs-organizer figure { float: left; margin: 0 10px 0 0; width: 30px; border: 1px solid #ddd; } .dr_shortoption .cs-organizer, .dr_shortoption .cs-organizer .organizer-name, .dr_shortoption .dr_location {display: inline-block;} .dr_shortoption .dr_location {float: none;} .cs-directory.grid_listing .directory-section { box-shadow: 0 0 3px 1px #eee; border: 1px solid #eee; margin-bottom: 4px; } .cs-directory.grid_listing .dr_shortoption .dr_location { float: right; margin: 0px 0 0 0; } .cs-directory.grid_listing .dr_shortoption .dr_location a { line-height: 1; margin: 0px; } .dr_shortoption .dr_location a { margin: 0px 0 0 16px; vertical-align: middle; } .dr_shortoption .dr_location a.claim {color: #e8d788;} .dr_shortoption .cs-organizer .organizer-name h6 { border-bottom: 1px dotted #ff5422; color: #ff5422; display: inline-block; font-size: 14px; } .dr_location { float: left; margin: 5px 0px 0px 0px; } .grid_two_listing .dr_location {float: right; margin: 0;} .grid_two_listing .cs_thumbsection {width: 100%;} .grid_two_listing .content_info {width: 100%; border-bottom: 2px solid #eaeaea; padding: 10px 20px 2px 20px; background-color: #fff;} .grid_two_listing .directory-section {margin-bottom: 0; min-height: 204px;} .grid_two_listing .cs_thumbsection figcaption .cs-text h2 {text-transform: uppercase; margin-bottom: 0px;} .grid_two_listing .cs_thumbsection figure:before{position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.5); opacity: 0; visibility: hidden;} .grid_two_listing .cs_thumbsection {position: relative;} .grid_two_listing .cs_thumbsection:before {background: -moz-linear-gradient(top, rgba(0,0,0,0) 70%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 70%,rgba(0,0,0,0.8) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 70%,rgba(0,0,0,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 200px; z-index: 999; } .grid_two_listing article:hover figure:before {opacity: 1; visibility: visible;} .grid_two_listing .cs-location-address {float: left; font-size: 12px; color: #666;padding-top: 3px;} .grid_two_listing .cs-location-address i {margin: 4px 10px 0 0; float: left;} .grid_two_listing .cs_thumbsection figcaption {position: absolute; bottom: 9px; padding: 0 20px; z-index: 999;} .grid_two_listing .dr_pricesection {float: left; display: none;} .grid_two_listing .cs-rating-wrape {float: left; width: 100%;} .grid_two_listing .cs-paid-ad {font-size: 11px; padding: 5px 45px;} .grid_two_listing .cs-rating-wrape > span {color: #ccc;} .cs-directory.grid_two_listing .dr_pricesection span {font-size: 20px; font-weight: 400; letter-spacing: -1px;} .cs-directory.grid_two_listing span small {font-size: 14px; color: #ccc; font-weight: 400;} .dr_location span { background-color: #f4f4f4; border-radius: 3px; color: #666666; font-size: 11px; font-weight: 600; margin: 0px 4px 0px 0px; padding: 6px 10px; text-transform: uppercase; } .dr_location span i {margin: 0px 4px 0px 0px;} .dr_location a,.dr_custmbtn { border-radius: 3px; color: #b0e888; cursor: pointer; display: inline-block; font-size: 20px; padding: 0; } .dr_custmbtn i {margin-right: 4px;} .dr_pricesection span { color: #333; font-size: 18px; font-weight: 600; } .dr_pricesection span small { display: block; color: #999999; font-size: 14px; font-weight: 600; text-align: right; text-decoration: line-through; margin-top: 4px; } .cs-directory .custom-btn { border-radius: 0px; color: #ffffff; padding: 10px 20px; text-transform: uppercase; } .cs-directory.large_listing .custom-btn {margin: 0px 0px 0px 20px;} .cs-directory .custom-btn i { font-size: 12px; margin-right: 4px; } .dr_pricesection {float: right;} .dr_shortoption .csmap { float: left; margin: 15px 0px 0px 0px; width: 100%; } .map-marker.toggle {cursor: pointer;} /* Directory ProGress */ .dr_progress { background-color: #f4f4f4; float: left; padding: 15px 24px; width: 100%; } .dr_progress .dr_pricesection {float: left;} .dr_skillsection { float: left; padding: 10px 15px 0 15px; width: 70%; } .main-skil { background-color: #d1d1d1; float: left; height: 11px; width: 100%; } .main-skil .skillbar {background-color: transparent;} .skillbar { -moz-transition-property: width, background-color; -moz-transition: 0.4s linear; -ms-transition-property: width, background-color; -ms-transition: 0.4s linear; -o-transition-property: width, background-color; -o-transition: 0.4s linear; -webkit-transition-property: width, background-color; -webkit-transition: 0.4s linear; display: block; float: left; margin-bottom: 0px; position: relative; transition-property: width, background-color; transition: 0.4s linear; width: 65%; } .skillbar-bar { height: 11px; position: relative; width: 0px; } .skillbar small { background-color: rgba(0,0,0,0.7); border-radius: 4px; color: #fff; font-size: 11px; height: 20px; line-height: 17px; margin: 0; padding: 1px 6px 0 6px; position: absolute; right: 0; top: -20px; width: 35px; } .skillbar small:before { border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid rgba(0,0,0,0.7); bottom: -4px; content: ''; left: 14px; position: absolute; } /* Default Listing */ .default_listing .directory-section:first-child { border-top: 1px solid #eaeaea; } .default_listing .directory-section { background-color: #ffffff; border: 1px solid #eaeaea; border-top: none; } .default_listing .dr_progress .dr_pricesection span {margin: 0px;} .default_listing .directory-section {padding: 25px 23px 20px 23px;} .cs-directory .dr_pricesection span { color: #ff5422; display: inline-block; font-size: 16px; line-height: 20px; margin: 5px 0px 10px 0px; padding: 0; } .default_listing .cs-location-address { color: #333333; float: left; font-size: 12px; margin-bottom: 10px; background-color: #f4f4f4; padding: 7px 10px 6px 10px; border-radius: 4px; } .default_listing .cs-location-address i {margin-right: 6px;} .default_listing .content_info h2 { float: left; width: 100%; margin: 0px; } .default_listing .cs-rating-wrape > span { display: none; } .cs-user-date { float: left; padding: 7px 0px 11px 5px; } .cs-user-date li:last-child:before { display: none; } .cs-user-date li { color: #aaaaaa; font-size: 12px; margin: 0px 15px 0px 0px; position: relative; } .cs-user-date li::before { content: "/"; position: absolute; right: -9px; top: 0; } .cs-user-date li a { color: #223d7b; border-bottom: 1px dotted; padding-bottom: 4px; } .default_listing .cs-rating-wrape { float: left; margin: 0px 0px 11px 0px; } .default_listing.cs-directory .dr_location { background: #f4f4f4; margin: 0 0 0 6px; padding: 0 10px; } .cs-directory .cs-rating { float: left; margin: 6px 0px 0px 0px; } .content_info .cs-iconstyle span { padding: 7px 5px; min-width: 65px; float: left; margin: 0px; } .content_info .cs-iconstyle span i { float: left; margin: -2px 7px 0px 0px; } .default_listing .content_info .dr_pricesection { margin: 0px 0px 0px 0px; float: right; } .default_listing .dr_pricesection span small { display: inline-block; } .dr_location .modal span { background: none; margin: 0px 0px 0px -5px; } .dr_location .sg-footer a {font-size: 14px;} .modal .sg-social ul li a {font-size: 13px;} .cs-directory .modal .sg-header form p span.iconuser:before { font-size: 11px; margin: 2px 0px 0px 3px; } .cs-directory .modal .sg-header form p span.iconepassword:before { content: "\ea50"; font-weight: normal; float: left; font-family: icomoon; margin: -10px 0px 0px 0px; } .cs-directory .modal .sg-header form p span.iconemail:before { content: "\f003"; float: left; font-family: icomoon; margin: -3px 0px 0px 0px; } .cs-directory .sg-header form p i {color: #ffffff;} .featured-listing.default_listing .directory-section {padding: 0px;} .featured-listing.default_listing .cs_thumbsection { margin: 0px; width: 270px; } .featured-listing.default_listing.left_thumb .content_info { padding: 16px 0px 0px 20px; width: 52%; } .featured-listing.default_listing.right_thumb .content_info { padding: 16px 20px 0px 0px; width: 52%; } .featured-listing.default_listing .dr_userinfo {margin: 0px;} .default_listing .content_info { padding: 0px 20px 0px 0px; width: 75%; } .default_listing .cs_thumbsection {width: 25%;} .default_listing.large_listing .cs_thumbsection {width: 33.333%;} .default_listing.large_listing .content_info {width: 66.55555%;} .cs-directory .cs-no-thumb .content_info { padding: 0px; width: 100%; } .cs-directory .cs-no-thumb .cs_thumbsection { padding: 0px; width: 100%; } .content_info {float: left;} .cs_thumbsection {float: right;} .cs-directory.default_listing .cs_thumbsection {float: left; box-shadow: 0 0 2px 0 #ddd; padding: 0 0 0 3px;} .cs-directory.left_thumb .content_info { float: right; padding: 0px 0px 0px 20px; } .cs-directory.right_thumb .cs_thumbsection {float: right;} .cs-directory.right_thumb .content_info { float: left; padding: 0px 30px 0px 0px; } /* Grid Listing */ .tab_grid {border: 1px solid #ededed;} .cs-directory.tab_grid .content_info, .cs-directory.tab_grid .dr_location {padding: 0px 20px;} .tab_grid .dr_pricesection {width: 100%;} .tab_grid .dr_location {margin-bottom: 15px;} .tab_grid .cs-add-wishlist {margin-top: 10px;} .tab_grid .custom-btn { float: left; text-align: center; width: 100%; } .tab_grid .dr_skillsection { padding: 10px 15px 0 0; width: 100%; } .tab_grid .dr_postoption li a { display: inline-block; margin-bottom: 5px; } /* Clean Listing */ .clean_listing .directory-section { background-color: #ffffff; border: 1px solid #ededed; padding: 24px; } .clean_listing .cs_thumbsection {width: 35%;} .clean_listing .content_info { padding: 0px 0px 0px 30px; width: 65%; } .dr_small_thumb .cs_thumbsection {width: 25%;} .dr_small_thumb .content_info {width: 75%;} /* Plane Listing & Small Listing */ .plane_listing .directory-section,.small_listing .directory-section { background-color: #ffffff; border: 1px solid #ededed; padding: 24px; } .plane_listing .content_info { padding: 0px 0px 0px 30px; width: 60%; } .plane_listing .cs_thumbsection {width: 40%;} /* Small Listing */ .small_listing .content_info { padding: 15px 0px 0px 30px; width: 80%; } .small_listing .cs_thumbsection {width: 20%;} /* Medium Listing */ .default_listing .directory-section { background-color: #ffffff; margin-bottom: 0px; padding: 25px; position: relative; } .default_listing .content_info { padding: 0px 0px 0px 25px; position: relative; width: 67%; } .default_listing .cs_thumbsection {width: 33%;} .default_listing .dr_postoption {margin: 0px 0px 13px 0px;} /* Small Medium Listing */ .small_medium_listing .directory-section { background-color: #ffffff; border: 1px solid #ededed; } .small_medium_listing .content_info { padding: 18px 0px 0px 20px; width: 71%; } .small_medium_listing .cs_thumbsection {width: 29%;} .small_medium_listing.cs-directory.right_thumb .content_info {padding: 18px 20px 0px 20px;} .small_medium_listing.no_thumb .content_info {padding: 20px 20px 5px 20px;} ul.dr_postoption li time.bg-style { background-color: #f4f4f4; color: #aaaaaa; float: left; padding: 2px 5px; } /* Small Medium Listing */ .small_thumb_listing .directory-section { background-color: #ffffff; border: 1px solid #ededed; padding: 25px; } .small_thumb_listing .content_info { padding: 0px 0px 0px 20px; width: 75%; } .small_thumb_listing .cs_thumbsection {width: 25%;} .small_thumb_listing .dr_postoption {margin: 0px 0px 6px 0px;} /* Grid Listing */ .grid_listing .directory-section {background-color: #ffffff;} .grid_listing .cs_thumbsection,.grid_listing .content_info {width: 100%;} .grid_listing .content_info {padding: 20px 18px 25px 18px;} .grid_listing ul.dr_postoption.first_post {margin: 0px 0px 9px 0px;} .grid_listing.box-view .cs_thumbsection { float: left; width: 270px; } .grid_listing.box-view .content_info {padding: 15px;} .dr_userinfo li .cs-label { color: #999; display: inline-block; float: none; font-weight: 500; text-transform: capitalize; padding: 0px; } .dr_userinfo li span { font-size: 12px; font-weight: bold; padding: 0px 0px 0px 8px; color: #666666; } .grid_listing.box-view .cs_thumbsection ~ .content_info { float: none; padding: 15px 0px 0px 290px; } .cs-directory .directory-specification table { margin: 0px 0px 15px 0px; } .content_info p { padding: 10px 0px 0px 0px; border-top: 1px dotted #eaeaea; } .grid_listing.box-view .dr_userinfo {margin: 0px;} a.location-btn { background-color: #f4f4f4; border-radius: 3px; color: #666666; font-size: 11px; font-weight: 600; margin: 0px 5px 0px 0px; padding: 6px 10px; position: relative; text-transform: uppercase; } a.location-btn[title]:after { background-color: rgba(0,0,0,0.8); border-radius: 3px; bottom: 140%; color: #ffffff; content: attr(title); font-size: 11px; left: 0; opacity: 0; padding: 10px 15px; position: absolute; text-align: center; text-transform: uppercase; visibility: hidden; width: 152px; z-index: 20; } a.location-btn small:before { border-left: 0px solid transparent; border-right: 10px solid transparent; border-top: 12px solid rgba(0,0,0,0.8); content: ''; left: 22px; opacity: 0; position: absolute; top: -13px; visibility: hidden; } a.location-btn:hover {color: #ffffff;} a.location-btn[title]:hover:after,a.location-btn:hover small:before { opacity: 1; visibility: visible; } .grid_listing .dr_pricesection span small {font-size: 11px; display: inline-block;} .grid_listing .dr_skillsection { padding: 0px; width: 100%; } .grid_listing .dr_progress .dr_pricesection.position_set {float: right;} .grid_listing .dr_progress {padding: 20px 18px;} .grid_listing .custom-btn { color: #ffffff; display: inline-block; padding: 11px 10px; text-align: center; text-transform: uppercase; width: 100%; } /* Directory Detail Setup */ .csthumb_gallery { float: left; width: 100%; } .zoompic { background-color: rgba(0,0,0,0.6); color: #ffffff; font-size: 11px; line-height: 1; padding: 5px 5px; position: absolute; right: 0px; top: 0px; } .dr_thumbsection li .zoompic i { font-size: 12px; margin: 0px; position: static; } /* User Information */ .csuser_info { background-color: #f1f5fc; float: left; padding: 22px; width: 100%; } .cs_druserprofile { float: left; margin: 0px 0px 14px 0px; width: 100%; } .csuser_info figure { float: left; width: 60px; } .csuser_info figure img { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .csuser_info figure ~ .cs_info {padding: 8px 0px 0px 74px;} .csuser_info .cs_info h6 {margin: 0px;} .csuser_info .cs_info span {line-height: 1;} .csuser_info > ul { float: left; margin: 0px 0px 20px 0px; width: 100%; } .csuser_info > ul > li { border-bottom: 1px dotted #dbdee3; color: #333333; float: left; font-weight: 600; list-style: none; width: 100%; } .csuser_info > ul > li:first-child {border-top: 1px dotted #dbdee3;} .csuser_info > ul > li i {margin-right: 8px;} .csuser_info > ul > li span {font-size: 12px;} .csuser_info .social-media ul li a[href="http://www.facebook.com"] { background-color: #3f65b1; } .csuser_info .social-media ul li a[href="http://www.twitter.com"] { background-color: #2ec1eb; } .csuser_info .social-media ul li a[href="http://plus.google.com"] { background-color: #e73535; } .csuser_info .social-media ul li a[href="http://www.linkedin.com"] { background-color: #2ec1eb; } .csuser_info .social-media ul li a[href="skype:http://www.skype.com?chat"] { background-color: #12a5f4; } /* Contact Form */ .contactform { background-color: #f1f5fc; border: 2px solid #d8dee9; margin: 0px 0px 9px 0px; } .contactform .rq-form ul > li:last-child {margin: 0px;} .contactform .rq-form ul li .rqform-text,.contactform .rq-form ul li .rqform-text input,.contactform .rq-form ul li .rqform-text textarea {width: 100%;} .csuser_review ul li figure { float: left; margin: 0px 12px 0px 0px; width: 65px; } .csuser_review.addreview > ul > li:last-child { border-bottom: 1px dotted #e5e5e5; margin: 0 0 15px; padding: 0 0 20px; } .addreview span { color: #00466e; font-size: 16px; } .csuser_review.addreview h5 {margin: 0px 0px 1px 0px;} .seller-view-all { color: #999999; float: left; font-size: 12px; text-align: center; text-transform: uppercase; width: 100%; } .seller-view-all a {color: #999999;} .seller-view-all i {margin-right: 5px;} /* Add Detail */ .directory-top .dr_postoption {width: auto;} .favorites-section {float: right;} .favorites-section > ul > li { float: left; list-style: none; margin: 0px 24px 0px 0px; position: relative; } .favorites-section > ul > li:before { color: #f1f1f1; content: '/'; position: absolute; right: -14px; top: 0px; } .favorites-section ul li a.csshare {color: #72c0e4;} .favorites-section ul li a.report {color: #d95353;} .favorites-section ul li a.claim {color: #999;} .favorites-section ul li a.cs-add-wishlist { color: #82cb4d; cursor: pointer; float: right; font-size: 11px; padding: 0px; } .favorites-section ul li a i { float: left; margin: 3px 5px 0px 0px; } .favorites-section ul li a i {font-size: 20px;} .favorites-section ul li:last-child {margin-right: 0px;} .directory-top .dr_postoption {margin: 0px 0px 12px 0px;} .directory-top .dr_postoption li i {margin-right: 8px;} .directory-top .dr_postoption li span {text-transform: uppercase;} .directory-gallery { float: left; margin: 0px 0px 11px 0px; min-height: 50px; position: relative; width: 100%; background-color: #ffffff; padding: 10px; border: 1px solid #f0f0f0; } .directory-gallery .flex-direction-nav,.favorites-section ul li:last-child:before {display: none;} .flexslider ul li figure { cursor: pointer; float: left; padding: 0px 3px 0px 0px; width: 100%; } .directory-gallery .dr_pricesection { top: 30px; position: absolute; right: -13px; } #cs_description .dr_pricesection { top: 5px; position: absolute; right: -14px; } #cs_description .dr_pricesection span {background: #f5f5f5; float: left; font-size: 26px; line-height: 20px; padding: 15px 15px 10px 15px; position: relative; box-shadow: 0px 0px 1px 0px #ddd; } .directory-gallery .dr_pricesection span {background: #f5f5f5; float: left; font-size: 26px; line-height: 20px; padding: 10px 15px 10px; position: relative; box-shadow: 0px 0px 1px 0px #ddd; } .directory-gallery .dr_pricesection span:before,#cs_description .dr_pricesection span:before { content: ''; position: absolute; right: 3px; bottom: -10px; border-top: 10px solid #7f7f7f; border-right: 10px solid transparent; } .directory-gallery .dr_pricesection span small { margin-top: -7px; } #cs_description { background: #ffffff; border: 1px solid #f0f0f0; float: left; padding: 25px; width: 100%; position: relative; } .directory-specification h5,#cs_description h5 {text-transform: uppercase;} .directory-specification table {margin-bottom: 30px;} .directory-specification table td { border-left: 1px solid #f5f5f5; border: none; } .directory-specification table td:first-child {border-left: none;} .directory-specification table tr {background-color: #fdfdfd;} .directory-specification table tr:nth-child(odd) {background-color: #fafafa;} .directory-specification .pro_specifications i { float: left; font-size: 20px; margin-top: 4px; } .directory-specification .pro_specifications span { display: block; float: none; margin: 4px 0px 0px 0px; } .specification-info { line-height: 1.2; padding: 0 0 0 40px; } .directory-specification .pro_specifications td { color: #666666; font-size: 11px; font-weight: normal; text-transform: uppercase; } .cs-tags.directory-view {margin: 0px;} .cs-tags.directory-view ul li a { border: none; position: relative; } .cs-tags.directory-view ul li a:hover { color: #000; } .cs-tags.directory-view ul li a:before { color: #eaeaea; content: '/'; position: absolute; right: -4px; top: 3px; } .mapsection img {max-width: inherit;} .cs-tags.directory-view ul li:last-child a:before {display: none;} .succ_mess { background-color: #effeb9; border-radius: 4px; border: 1px solid #6ba724; float: left; margin: 0px 0px 15px 0px; padding: 6px 20px 6px 20px; width: 100%; } .succ_mess p {margin: 0px;} /* Featured List */ .featured-list { background-color: #ffffff; border: 1px solid #f0f0f0; border-top: none; float: left; padding: 25px; width: 100%; } .directory-detail .tab-pane { background-color: #ffffff; border: 1px solid #f0f0f0; border-top: none; float: left; margin: 0px 0px 0px 0px; padding: 20px 25px 12px 25px; width: 100%; } .directory-detail h5 { margin: 0px 0px 12px 0px; text-transform: uppercase; } .featured-list ul li { float: left; list-style: none; width: 33.33%; } .featured-list ul li i { color: #90d995; margin: 0px 14px 0px 0px; } .featured-list ul li i.icon-cross5 {color: #cccccc;} .cs-single-map { background-color: #fff; border: 1px solid #f0f0f0; border-top: none; float: left; margin: 0px 0px 0px 0px; padding: 25px; width: 100%; } .cs-single-map .col-md-12 { margin: 0px; padding: 0px; } /* User Review */ .csuser_review { background-color: #ffffff; border: 1px solid #e5e9ef; box-shadow: 0px 0px 0px 1px #edf1f8; float: left; margin: 0px 0px 25px 0px; padding: 18px; position: relative; width: 100%; } .csuser_review:before,.csuser_review:after { border-bottom: 12px solid #ffffff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; left: 25px; position: absolute; top: -11px; z-index: 5; } .csuser_review:after { border-color: transparent transparent #e7ebf0; top: -13px; z-index: 0; } .csuser_review > ul { float: left; margin-top: 5px; width: 100%; } .csuser_review > ul > li { border-bottom: 1px dotted #e5e5e5; float: left; margin: 0px 0px 15px 0px; padding: 0px 0px 20px 0px; width: 100%; } .csuser_review > ul > li:last-child { border: none; margin: 0px; padding: 0px; } .csuser_review ul li { line-height: 1.5; list-style: none; } .csuser_review ul ul li,.csuser_review ul ul {margin: 0px;} .csuser_review ul .dr_postoption li { float: left; width: 100%; } .csuser_review ul .dr_postoption li .cs-rating {margin: 0px 8px 0px 0px;} .csuser_review h6 {text-transform: uppercase;} /* Detail Content Setup */ .cs_drdetail { float: left; width: 100%; } .cs_drdetail .dr_postoption li {line-height: 1.4;} .cs_drdetail .dr_pricesection span {margin-right: 10px;} .cs-leave-review h4 { float: left; padding: 14px 0px 0px 0px; margin: 0px; } /* Directory Tabs Setup */ .dr_filtertabs { float: left; width: 100%; } .dr_filtertabs .tab-content { background-color: #ffffff; border-top: none; border: 1px solid #f0f0f0; float: left; padding: 25px 25px 10px 25px; width: 100%; } .dr_filtertabs .nav-tabs > li {margin: 0px;} .dr_filtertabs .nav-tabs > li > a { background-color: #fcfcfc; border-bottom: none; border-left: none; border-radius: 0px; border: 1px solid #f0f0f0; color: #333333; font-size: 12px; font-weight: 600; margin: 0px; padding: 15px 25px; text-transform: uppercase; } .dr_filtertabs .nav-tabs > li > a i { color: #999999; margin: 0px 7px 0px 0px; } .dr_filtertabs .nav-tabs {border-color: #f0f0f0;} .dr_filtertabs .nav-tabs > li:first-child > a, .dr_filtertabs .nav-tabs > li.active:first-child > a, .dr_filtertabs .nav-tabs > li.active:first-child > a:hover, .dr_filtertabs .nav-tabs > li.active:first-child > a:focus {border-left: 1px solid #f0f0f0;} .dr_filtertabs .nav-tabs > li.active > a, .dr_filtertabs .nav-tabs > li.active > a:hover, .dr_filtertabs .nav-tabs > li.active > a:focus { background-color: #ffffff; border-bottom-color: transparent; border-color: #f0f0f0; border-left-color: transparent; position: relative; } .dr_filtertabs .nav-tabs > li.active > a:before { content: ''; height: 3px; left: 0px; position: absolute; top: -3px; width: 100%; } .dr_filtertabs .nav-tabs > li.active > a:after, .dr_filtertabs .nav-tabs > li.active:hover > a:after, .dr_filtertabs .nav-tabs > li.active > a:focus:after { background-color: #ffffff; bottom: -1px; content: ''; height: 1px; left: 0px; position: absolute; width: 100%; } .dr_filtertabs h4,.dr_filtertabs h5,.dr_filtertabs h6 {text-transform: uppercase;} .rich_editor_text .pro_specifications {margin: 0px 0px 30px 0px;} .pro_specifications small { color: #666666; display: block; font-size: 11px; line-height: 1.5; margin: 0px 0px 3px 0px; text-transform: uppercase; } .pro_specifications small i {margin-right: 6px;} .pro_specifications span { color: #333333; float: left; font-size: 12px; line-height: 1; text-transform: uppercase; } .pro_specifications tr td { border-color: #f0f0f0; font-weight: 600; padding: 11px 18px 14px 18px; } .pro_specifications tr:nth-child(odd) {background-color: #fcfcfc;} /* Full Width Map Listing */ .container.cs-fullmap { margin-top: -35px; padding: 0px; width: 100%; } .container.cs-fullmap .section-sidebar,.container.cs-fullmap .dynamic-listing .col-md-12 { margin: 0px; padding: 0px; } .container.cs-fullmap .pull-left {display: none;} .container.cs-fullmap .section-content {width: 84%;} .container.cs-fullmap .section-sidebar { height: 600px; overflow-x: hidden; width: 16%; } /* Filter Menu */ .cs-filter-menu li { float: left; list-style: none; margin: 0 15px 0 0; position: relative; } .cs-filter-menu li:before { color: #e7e7e7; content: "/"; position: absolute; right: -5px; top: 0; } .cs-filter-menu li:first-child:before {display: none;} .main-filter .filter-nav { border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; float: left; padding: 8px 0 3px 0; position: relative; width: 100%; } .col-md-12.main-filter,.cs_assigment_tabs.col-md-12 {margin: 0px -4px 20px 0px;} .cs-filter-menu li:last-child:before {display: none;} .cs-filter-menu li a { color: #999999; font-size: 11px; text-transform: uppercase; } .cs-filter-menu li span { color: #2f2e2e; font-size: 13px; text-transform: uppercase; } .cs-filter-menu li a:hover,.cs-filter-menu li.active a {border-bottom: 1px dotted;} .cs-filter-menu li a i {margin-right: 5px;} .grid-filter { float: right; padding: 2px 0px 0px 0px; } .grid-filter li { float: left; list-style: none; margin: 0px 0px 0px 8px; } .grid-filter li a { color: #afafaf; font-size: 18px; } /* Detail Tabs Setup */ .detail-post { float: left; width: 100%; } .cs-tags { float: left; margin: 0px 0px 0px 0px; width: 100%; } .cs-tags h5 { float: left; margin: 3px 10px 0px 0px; text-transform: uppercase; } .cs-tags ul li { float: left; line-height: 1.5; list-style: none; margin: 0px 3px 3px 0px; } .cs-tags ul li a { color: #8c8c8c; float: left; font-size: 12px; padding: 3px 8px; text-transform: uppercase; background-color: #f8f8f8; } .cs-tags ul li a:hover {color: #ffffff;} .detail-post .socialmedia ul li {margin: 0px 7px 7px 0px;} .detail-post .socialmedia ul li a.csshare { background-color: #ffffff; border-radius: 3px; border: 1px solid #d9d9d9; color: #333333; font-size: 12px; font-weight: 600; height: auto; padding: 2px 9px; text-transform: uppercase; width: auto; } .detail-post .socialmedia ul li a.csshare i { color: #bbbbbb; margin: 0px 7px 0px 0px; } .premium-sponsor { float: left; text-align: center; width: 100%; } .col-md-12.post-recent {margin: 0px -4px 20px 0px;} /* Reviews Setup */ .cs-map-section { float: left; width: 100%; position: relative; } .cs-map-section .streetView { position: absolute; left: 147px; top: 6px; } .cs-map-section .mapView { position: absolute; left: 32px; top: 6px; } .cs-reviews { float: left; margin: 0px 0px 40px 0px; width: 100%; } .cs-reviews figure { float: left; margin: 0px; width: 70px; height: 70px; position: relative; z-index: 2; } .cs-reviews figure .info-thumb { float: left; height: 100%; width: 100%; } .cs-reviews figure img,.cs-reviews figure { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .cs-reviews figure img { border: 5px solid #f0f0f0; height: 100%; width: 100%; } .cs-reviews figure .cs-iconstyle span { width: 100%; font-size: 14px; padding: 3px 3px 3px 1px; margin: 0px; } .cs-leave-review .cs-ratingstar-wrap { float: left; padding: 15px 0 0 18px; } .cs-leave-review .cs-total-score { display: inline-block; padding: 11px 0 0 10px; } .cs-reviews figure .cs-iconstyle span i { font-size: 13px; padding: 0 0 0 3px; } .cs-reviews figcaption { text-align: center; bottom: -13px; left: 0; position: absolute; width: 100%; } .cs-reviews .cs-iconstyle { float: none; display: inline-block; } .cs-reviews figure:hover .plus-review { opacity: 1; visibility: visible; } .plus-review { opacity: 0; visibility: hidden; margin: -4px 0px 0px 0px; background: #fff; border: 1px solid #f2f2f2; left: 100%; padding: 13px 20px; position: absolute; top: 50%; width: 240px; } .plus-review:before,.plus-review:after { content: ''; position: absolute; left: -6px; top: 50%; margin: -9px 0px 0px 0px; border-top: 6px solid transparent; border-right: 6px solid #ffffff; border-bottom: 6px solid transparent; z-index: 2; } .plus-review:after { border-top: 6px solid transparent; border-right: 6px solid #f2f2f2; border-bottom: 6px solid transparent; z-index: 0; left: -7px; } .plus-review li { float: left; list-style: outside none none; width: 100%; } .plus-review .cs-ratingstar-wrap { float: right; } .cs-reviews figure ~ .left-sp { padding: 0px 0px 0px 120px; position: relative; } .cs-reviews figure ~ .left-sp:before { border-left: 1px solid #f6f6f6; content: ''; height: 100%; left: 90px; position: absolute; top: 0px; width: 1px; } .cs-reviews .cs-rating-main { float: left; margin: 0 15px 0 0; } .cs-reviews .review-rating { float: right; margin: -5px 0 0; } .cs-reviews .left-sp p {display: inline-block;} .cs-reviews .left-sp time { color: #aaaaaa; font-size: 11px; text-transform: uppercase; } .cs-reviews .left-sp .cs-rating {margin-bottom: 5px;} .cs-reviews .left-sp .admininfo { color: #000000; display: block; font-size: 14px; font-weight: 700; line-height: 1.2; } .add_review_btn { color: #ffffff; font-weight: 600; margin: 0px 0px 30px 0px; padding: 8px 15px; text-transform: uppercase; } .cs-leave-review { float: left; width: 100%; border-bottom: 1px solid #f2f2f2; padding: 0px 20px 0px 20px; } .cs-leave-review .add_review_btn { border-left: 1px solid #f2f2f2; line-height: 24px; padding: 12px 0 11px 14px; background: none; color: #8e8e8e; font-size: 12px; margin: 0px; } .cs-leave-review .add_review_btn i { border: 1px solid #f0c84a; border-radius: 100%; color: #f0c84a; float: left; font-size: 15px; height: 25px; padding: 3px 0 0 1px; width: 25px; } .cs-rating-main label { float: left; font-style: italic; margin: -4px 0 0 10px; } /* Div containing the color of the stars */ .jRatingAverage { background-color: #f62929; height: 100%; left: 0; position: relative; top: 0; z-index: 2; } .jRatingColor { background-color: #f4c239; height: 100%; left: 0; position: relative; top: 0; z-index: 2; } .jStar { left: 0; position: relative; z-index: 3; } p.jRatingInfos { color: #333; display: none; font-size: 16px; height: 31px; padding-top: 5px; position: absolute; text-align: center; width: 100px; z-index: 9999; } p.jRatingInfos span.maxRate { color: #c9c9c9; font-size: 14px; } .review-modal .modal-header {background-color: #fcfcfc;} .faq-form .review-modal .modal-header { display: inline-block; padding: 14px 15px 5px; width: 100%; } .faq-form .review-modal .close span { color: #333333; } .review-modal h5,.review-modal h2 { margin: 0px; float: left; } .review-modal button.close { color: #000; font-size: 12px; height: 22px; opacity: 1; text-shadow: none; width: 22px; } .review-modal .modal-header .close {margin-top: 1px;} .review-modal ul.reviews-modal { margin: 0px; } .review-modal .modal-body { background-color: #ffffff; display: inline-block; padding: 18px 20px 20px; width: 100%; } .review-modal .modal-body form {padding: 40px 10px 0px 10px;} #cs-claim-form,#cs-report-form {padding: 0px 10px 0px 0px;} .review-modal .modal-dialog {width: 365px;} .reviews-modal li { display: inline-block; line-height: 1; list-style: none; margin: 0px 0px 10px 0px; width: 100%; } .reviews-modal li label { float: left; color: #333; font-weight: 600; line-height: 1; margin: 5px 0px 10px 0px; text-transform: uppercase; width: 30%; } .reviews-modal li label ~ div { float: left; } .reviews-modal li input[type="text"] { float: left; margin: 0px; width: 100%; } .reviews-modal li textarea { float: left; height: 100px; margin-bottom: 9px; width: 100%; } .reviews-modal li input[type="submit"] { border: none; color: #ffffff; display: inline-block; font-size: 14px; padding: 10px 16px; text-transform: uppercase; } .rating-section { background-color: #ffffff; border-bottom: 1px solid #e7e7e7; display: inline-block; padding: 30px 20px; text-align: center; width: 100%; } .reviewrating {display: inline-block;} /* Faq Setup */ .add_faq_btn { border-radius: 3px; float: left; margin: 0px 15px 0px 0px; padding: 13px 16px; text-transform: uppercase; } .faq-search { float: left; margin: 0px 0px 40px 0px; position: relative; } .faq-search input[type="text"] { border-radius: 3px; border: 1px solid #a7a7a7; box-shadow: 0px 1px 0px 0px #f4f4f4 inset; color: #999999; float: left; height: 40px; width: 390px; } .faq-search input[type="submit"] { border-radius: 3px; border: none; color: #ffffff; padding: 5px 14px; position: absolute; right: 3px; text-transform: uppercase; top: 3px; } .dr_filtertabs .faqs-veiw .panel-default > .panel-heading { border: none; padding: 0px; } .dr_filtertabs .panel-group .panel + .panel {margin-top: 0px;} .dr_filtertabs .faqs-veiw .panel-body { padding-bottom: 10px; padding-top: 0px; } .dr_filtertabs .faqs-veiw .panel-body p {margin: 0px;} .dr_filtertabs .faqs-veiw .panel { border: none; box-shadow: none; } .dr_filtertabs .faqs-veiw .panel-default > .panel-heading a { border-top: 1px solid #ececec; padding: 10px 15px 15px 24px; } .dr_filtertabs .faqs-veiw .panel, .dr_filtertabs .faqs-veiw .panel-body, .dr_filtertabs .faqs-veiw .panel .panel-heading {background-color: #ffffff;} .dr_filtertabs .panel-group {margin: 0px 0px 30px 0px;} .tab-content .col-md-12 { padding: 0px; margin: 0px; } /* Request Details Setup */ .rq-form { float: left; width: 100%; } .rq-form ul > li { float: left; line-height: 1.5; list-style: none; margin: 0px 0px 20px 0px; width: 100%; } .rq-form ul li li {margin: 0px;} .rq-form ul li .rqform-title { color: #333333; float: left; font-weight: 600; padding: 7px 0px 0px 0px; text-transform: uppercase; width: 20%; } .rq-form ul li .rqform-text { float: left; width: 80%; } .rq-form ul li input { background-color: #ffffff; border: 1px solid #d2d2d2; width: 70%; } .rq-form ul li input[type="button"], .report-modal-footer input[type="button"],.reviews-modal input[type="button"] { border: none; color: #fff; float: left; padding: 8px 20px; text-transform: uppercase; width: auto; } .rq-form ul li textarea { height: 130px; margin: 0px 0px 20px 0px; width: 90%; } .rq-form ul ul { float: left; margin: 0px 0px 25px 0px; width: 100%; } .rq-form ul li .browse-sec { float: left; margin: 0px 0px 30px 0px; width: 100%; } .rq-form ul li .browse-sec #uploadFile { border: none; padding: 7px 0px 0px 0px; } .rq-form ul.check-box label a {text-decoration: underline;} .rq-form ul.check-box label:before {bottom: 3px;} .rq-form ul li input[type="submit"] { border: none; width: auto; } .sf-option { background-color: #fdf8f8; float: left; margin: 0px 0px 20px 0px; padding: 30px; width: 100%; } .sf-option ul li { color: #666666; list-style: none; text-transform: uppercase; } .sf-option ul li i { color: #a6a6a6; margin-right: 6px; } .dr_filtertabs .cs-attachments {margin-bottom: 10px;} .request-message-type.succ_mess { background-color: #ddd; color: #666; float: left; margin: 0 0 20px; padding: 3px 11px; width: 100%; } .socialmedia.dr-socialmedia ul li a { background-color: transparent; height: auto; width: auto; } .detail-post .socialmedia.dr-socialmedia ul li {margin: 0px;} .review-modal .close span { color: #000; float: left; font-size: 12px; margin: 0px 0px 0px 5px; } .cs-user-menu li { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); float: left; list-style: outside none none; padding: 9px 22px; width: 100%; } .cs-user-menu li a { color: #333; text-transform: uppercase; } .cs-user-menu li span { background-color: #fff; float: right; padding: 0 8px; } /* Blog Section Setup */ /* Blockquote Setup -------------------------------*/ .col-md-12.cs-blockquote {margin: 0px;} blockquote { border: none; color: #000000; font-size: 20px; font-style: italic; line-height: 32px; margin: 0 0 25px 0; padding: 0px; } blockquote p { display: inline; float: none; } blockquote span { border-bottom: 1px dotted #acacac; padding: 0 0 6px; } blockquote:before { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); color: #000; content: "\e9fe"; display: inline-block; font-family: 'icomoon'; font-size: 36px; font-weight: bold; height: 30px; left: 11px; line-height: 18px; margin: 0 10px 0px 0; padding: 2px 8px; position: relative; top: 2px; transform: rotate(180deg); width: 30px; } blockquote .auther-name { border-bottom: none; color: #aaaaaa; display: block; font-size: 11px; font-style: normal; margin-top: 12px; text-transform: uppercase; } .blog-editor blockquote:before { background: none; color: #00466e; content: "\e9fe"; font-size: 38px; left: 11px; margin: 0 5px 0 0; top: 2px; } /*================================================= Pagination Style ===================================================*/ .pagination { border-radius: 0px; float: left; margin: 10px 0px 0px 0px; text-align: center; width: 100%; } .pagination ul li { display: inline-block; list-style: none; margin: 0px 4px 8px 4px; } .relevant-search .pagination ul li { border: none; padding-bottom: 0px; } .pagination ul li a,.pagination ul li span { color: #333333; display: inline-block; font-size: 12px; line-height: 1.5; padding: 6px 13px; position: relative; text-transform: uppercase; box-shadow: 0px 0px 1px 0px #ddd; background-color: #ffffff; } .pagination ul li a.active { border-radius: 3px; border: 1px solid #f2f2f2; box-shadow: 0px 0px 2px 0px #ddd; } .pagination ul li.pgprev a {color: #cfcfcf;} .pagination ul li.pgnext a {color: #cfcfcf;} .pagination ul li.pgprev a i {margin-right: 10px;} .pagination ul li.pgnext a i {margin-left: 10px;} .gmnoprint { cursor: pointer; } /* Blog Defoult Setup */ /* Post options Setup */ .post-options { float: left; width: 100%; } .post-options li { float: left; list-style: none; margin-left: 12px; } .post-options li:first-child {margin-left: 0px;} .post-options li span { background-color: #ff9c00; color: #fff; font-size: 11px; padding: 2px 6px; text-transform: uppercase; } .post-options li time { color: #aaaaaa; font-size: 11px; text-transform: uppercase; } /* Post Thumb Setup */ .post-thumb { border-top: 1px dotted #d7d7d7; float: left; padding-top: 17px; width: 100%; } .cs-blog .post-thumb figure { border-radius: 3px; float: left; margin: 4px 0 0 0; } .cs-blog .post-thumb figure {width: auto;} .post-thumb figure img { border-radius: 3px; width: 35px; } .post-thumb figure ~ .thumb-options {padding: 6px 0 0 20px;} .post-thumb .thumb-options { display: block; float: left; } .post-thumb .thumb-options li { color: #ccc; float: left; font-size: 11px; line-height: 24px; list-style: none; margin-right: 12px; } .post-thumb .thumb-options li a, .post-thumb .thumb-options li time { color: #999; text-transform: uppercase; } .post-thumb .thumb-options li a {border-bottom: 1px dotted; margin-left: 2px;} .cs-blog .main-thumb { float: left; width: 100%; } /* Read More Setup */ .read-more { border-bottom: 1px solid #223d7b; color: #223d7b; color: #fff; float: right; font-size: 12px; margin: 15px 0 0 0; padding: 6px 10px; text-transform: uppercase; } .cs-blog .read-more {padding: 6px 0px 0px 0px;} /* Date Time Setup */ .date-time { float: left; padding-right: 20px; text-align: center; vertical-align: top; width: 75px; } .date-time time { color: #aaaaaa; display: inline-block; font-size: 12px; margin-bottom: 20px; text-align: center; text-transform: uppercase; width: 100%; } .date-time time small { color: #223d7b; display: block; font-size: 30px; font-weight: 600; line-height: 30px; } .date-time i { color: #ccc; display: inline-block; font-size: 24px; } .cs-blog .bloginfo-sec { background: #ffffff; float: left; padding: 0px 30px 30px 5px; width: 100%; } .cs-blog.blog-box .bloginfo-sec {background: none;} .cs-blog img, .cs-blog figure { margin: 0px; overflow: hidden; position: relative; width: 100%; } .cs-blog { background: #ffffff; border: 1px solid #eaeaea; float: left; width: 100%; } .cs-blog h2 { font-size: 18px; line-height: 22px; margin-bottom: 12px; } .cs-blog .bloginfo-sec .tablerow {display: table-row;} .cs-blog .bloginfo-sec .blog-text { display: table-cell; padding: 0 0 0 30px; vertical-align: top; } .blog-lrg.cs-blog .bloginfo-sec .blog-text { padding-left: 0px; } .blog-lrg.cs-blog .read-more { margin: 0px; } .cs-blog p {margin-bottom: 20px;} .cs-blog .main-thumb iframe {margin-bottom: 30px;} .cs-blog .main-thumb figcaption { height: 100%; left: 0px; position: absolute; text-align: center; top: 0px; width: 100%; } .cs-blog .main-thumb figcaption .hover-icon img { float: none; width: 78px; } .cs-blog .main-thumb figcaption .hover-icon { -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); display: inline-block; left: 50%; margin: -40px 0 0 -40px; opacity: 0; position: absolute; top: 50%; transform: scale(0); visibility: hidden; } .cs-blog:hover .main-thumb figcaption .hover-icon { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); opacity: 1; transform: scale(1); visibility: visible; z-index: 99; } .cs-blog:hover figure {opacity: 0.8;} .cs-blog.blog-medium.blog-small-thumb { border: none; background-color: #fcfcfc; } .cs-blog.blog-medium.blog-small-thumb .bloginfo-sec { padding: 0px; background-color: #fcfcfc; } .cs-blog.blog-medium.blog-small-thumb .main-thumb { width: 168px; } .cs-blog.blog-medium.blog-small-thumb .main-thumb ~ .bloginfo-sec { padding: 0px 0px 0px 188px; } .cs-blog.blog-medium.blog-small-thumb .post-thumb { border: none; padding-top: 0px; } .cs-blog.blog-medium.blog-small-thumb .post-thumb .thumb-options { width: 100%; padding-bottom: 6px; } .cs-blog.blog-medium.blog-small-thumb h2,.cs-blog.blog-medium.blog-small-thumb .bloginfo-sec p { margin-bottom: 0px; } /* Flexslider Setup */ .flexslider { background: none; border-radius: 0px; border: none; box-shadow: none; margin: 0px 0 0px 0; } .flex-control-nav {display: none;} .flex-direction-nav li {list-style: none;} .flex-direction-nav a:before, .flex-direction-nav a.flex-next:before {display: none;} .flex-direction-nav a { background-color: rgba(0,0,0,0.5); bottom: 0%; color: #fff; font-size: 12px; height: 26px; line-height: 26px; margin: 0px 0 0 0; opacity: 1; text-align: center; top: auto; width: 50px; } .flex-direction-nav .flex-next {right: 3px;} .flex-direction-nav .flex-prev {left: 0px;} .flex-direction-nav a:hover {background-color: #223d7b;} /* Lrg Blog Setup */ .cs-blog.blog-lrg .main-thumb figure { float: left; margin-bottom: 30px; } .tablerow { background: #ffffff; display: inline-block; padding: 20px 30px 0px 10px; width: 100%; } /* Blog Meduim Setup */ .cs-blog.blog-medium .main-thumb { float: left; width: 370px; } .cs-blog.blog-medium .bloginfo-sec { float: none; width: auto; } .cs-blog.blog-medium .main-thumb ~ .bloginfo-sec {padding: 15px 40px 0 400px;} .cs-blog.blog-medium .bloginfo-sec {padding: 15px 40px 0px 40px;} .cs-blog.blog-medium .post-thumb .thumb-options { padding-bottom: 15px; width: 70%; } .cs-blog.blog-medium .read-more { margin: 0px; padding: 0px; } .cs-blog.blog-medium .post-options { margin-bottom: 6px; width: 100%; } .cs-blog.blog-medium .post-thumb {padding-top: 12px;} .cs-blog.blog-medium .bloginfo-sec P {margin-bottom: 15px;} /* Blog Small Setup */ .cs-blog.blog-small .main-thumb { float: left; width: 270px; } .cs-blog.blog-small .bloginfo-sec {padding: 20px 30px 0 30px;} .cs-blog.blog-small .main-thumb ~ .bloginfo-sec {padding: 20px 30px 0 300px;} /* Blog Grid Setup */ .cs-blog.blog-grid .main-thumb { float: left; width: 100%; } .blog-grid .post-thumb .thumb-options li { width: 100%; } .cs-blog.blog-grid .bloginfo-sec { background-color: #fff; padding: 15px 20px; } .cs-blog.blog-grid h5 {margin-bottom: 12px;} .cs-blog.blog-grid .flexslider {margin: 0px;} .cs-blog.blog-grid .bloginfo-sec h2 {font-size: 16px;} .cs-blog.blog-grid .post-thumb {padding-top: 14px;} /* Blog Box Setup */ .cs-blog.blog-box .bloginfo-sec { bottom: -67px; padding: 0px 30px; position: absolute; z-index: 2; } .cs-blog.blog-box .bloginfo-sec .post-thumb { border-top: none; padding-top: 0px; } .cs-blog.blog-box .bloginfo-sec h5 a { line-height: 22px; text-transform: uppercase; text-shadow: 1px 2px 1px #000; } .cs-blog.blog-box .thumb-options li a:hover {border-bottom: 1px dotted #ffffff;} .cs-blog.blog-box .read-more { background-color: #006ba7; border-bottom: none; border-radius: 3px; float: left; margin: 0px 0 25px 0; padding: 8px 16px; } .cs-blog.blog-box .thumb-options { margin-bottom: 20px; width: 100%; } .cs-blog.blog-box:hover figcaption {background-color: rgba(0,0,0,0.40);} .cs-blog.blog-box figcaption { background: rgba(0,0,0,0.3); text-align: left; } /* Blog Masnery Setup */ .cs-blog.blog-masnery .flexslider {margin: 0px;} .cs-blog.blog-masnery .bloginfo-sec { background-color: #fff; padding: 20px 30px; } .cs-blog.blog-masnery .post-options {margin-bottom: 10px;} .cs-blog.blog-masnery h5 { line-height: 22px; text-transform: uppercase; } .cs-blog.blog-masnery .post-thumb i { color: #ccc; float: right; font-size: 20px; margin-top: 15px; } .cs-blog.blog-masnery .thumb-options { float: left; width: 70%; } .cs-blog.blog-masnery .main-thumb .mejs-container {margin-bottom: 0px;} .cs-blog.blog-masnery .post-thumb {padding-top: 14px;} .cs-blog.blog-masnery .main-thumb figcaption .hover-icon { margin: -40px 0 0 -30px; position: absolute; } /* Blog Grid Style */ .cs-blogslide .owl-dots {display: none;} .wrapper_boxed .cs-blogslide .owl-prev, .cs-blogslide .owl-next {left: -25px;} .wrapper_boxed .cs-blogslide .owl-next {right: -25px;} .cs-blogslide .owl-prev,.cs-blogslide .owl-next { background-color: #7c7c7c; color: #ffffff; font-size: 18px; height: 54px; left: -43px; margin: -25px 0px 0px 0px; padding: 11px 0px 0px 0px; position: absolute; text-align: center; top: 50%; width: 44px; } .cs-blogslide .owl-next { left: auto; right: -43px; } .cs-blogslide .owl-prev:before { -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); border-right: 12px solid transparent; border-top: 55px solid rgba(0,0,0,0.2); content: ''; position: absolute; right: 0px; top: 0px; transform: scaleX(-1); } .cs-blogslide .owl-next:before { border-right: 12px solid transparent; border-top: 55px solid rgba(0,0,0,0.2); content: ''; left: 0px; position: absolute; top: 0px; } /* Blog Grid Carousel Style */ .cs-blog-crousel .post-options li {margin-bottom: 10px;} .cs-blog-crousel .post-options li time { background-color: red; color: #ffffff; font-weight: bold; padding: 2px 5px; } .cs-blog-crousel .owl-dots {display: none;} .cs-blog-crousel .owl-nav div { background-color: #fcfcfc; border: 1px solid #d3d3d3; height: 23px; line-height: 1.5; position: absolute; right: 23px; text-align: center; top: -44px; width: 23px; } .cs-blog-crousel .owl-nav div.owl-next { border-left: none; right: 0px; } /* Blog Detail Setup */ .blog-editor .detailpost { float: left; margin-bottom: 10px; width: 100%; } .blog-editor h2 { margin-bottom: 0px; text-transform: uppercase; } .post-option-panel h6 { margin-bottom: 15px; text-transform: uppercase; } .post-option-panel .post-thumb { border-top: none; margin-bottom: 20px; padding-top: 0px; } .blog-editor .post-option-panel { padding-left: 102px; position: relative; } .blog-editor .post-option-panel:before { border-left: 1px solid #f0f0f0; content: ''; height: 100%; left: 70px; position: absolute; top: 0px; width: 2px; } .cs-attachments { float: left; margin-bottom: 30px; width: 100%; } .cs-attachments li { float: left; list-style: none; margin: 0px 10px 0px 0px; } .cs-attachments li figure { background-color: #f5f5f5; height: 62px; overflow: hidden; text-align: center; width: 62px; } .cs-attachments li figure a,.cs-attachments li figure a img { display: inline-block; height: 100%; } .cs-attachments li figure a i { display: inline-block; margin: 19px 0 0 0; } .cs-attachments li figure a i { color: #bbbbbb; font-size: 20px; } .cs-attachments li figure:before { background: #cccccc; border-color: #fff #fff #cccccc #cccccc; border-style: solid; border-width: 0 7px 7px 0; content: ""; display: block; position: absolute; right: 0; top: 0; width: 0; } .cs-attachments li:hover figure i {color: #ffffff;} .cs-attachments li:hover figure:before {border-color: #fff #fff #000 #000;} .post-option-panel .rich_editor_text p {margin-bottom: 25px;} /* SocialMedia Style */ .socialmedia { float: left; margin-bottom: 25px; width: 100%; } .socialmedia > h6 { float: left; margin-bottom: 0px; padding: 0 20px; text-transform: uppercase; } .socialmedia ul li { float: left; list-style: none; margin: 0px 0px 0px 7px; } .socialmedia ul li a { background-color: #000; color: #ffffff; float: left; font-size: 17px; height: 30px; text-align: center; } .socialmedia ul li a i {color: #ffffff;padding: 7px 0px 0px 0px;display: inline-block;} .at_PinItButton:before { content: "\f0d2"; float: left; font-family: 'icomoon'; padding: 1px 0px 0px 5px; } .detail-post .socialmedia a span {background: none;} /* Socialmedia Style */ .detail-post .socialmedia a[data-original-title="Facebook"] {background-color: #13497b;} .detail-post .socialmedia a[data-original-title="twitter"] {background-color: #03b4ea;} .detail-post .socialmedia a[data-original-title="google-plus"] {background-color: #e72f2f;} .detail-post .socialmedia a[data-original-title="fa-skype"] {background-color: #03b4ea;} .detail-post .socialmedia a[data-original-title="Youtube"] {background-color: #ff0000;} .detail-post .socialmedia a[data-original-title="Tumblr"] {background-color: #1b2f74;} .detail-post .socialmedia a[data-original-title="Instagram"] {background-color: #4d65bd;} .detail-post .socialmedia a[data-original-title="linkedin"] {background-color: #2b459e;} .detail-post .socialmedia a[data-original-title="stumbleupon"] {background-color: #f36100;} .detail-post .socialmedia a[data-original-title="Dribbble"] {background-color: #E25288;} .detail-post .socialmedia a[data-original-title="Pinterest"] {background-color: #DA323A;} .detail-post .socialmedia a.btnshare {background-color: #f36d50;} /* Prev Next Post Style */ .cs-post-sharebtn { background: #ffffff; border-bottom: 1px dotted #d7d7d7; border-top: 1px dotted #d7d7d7; display: table; margin-bottom: 25px; padding: 0px 30px; width: 100%; } .cs-post-sharebtn h5 { font-weight: 400; margin: 0 0 2px 0px; text-transform: uppercase; } .cs-post-sharebtn .cs-table { display: table; float: left; width: 100%; } .cs-post-sharebtn .cs-row {display: table-row;} .cs-post-sharebtn .cs-cell { display: table-cell; padding: 36px 0px 30px 0; vertical-align: top; width: 50%; } .cs-post-sharebtn .cs-cell.left-btn { border-right: 1px solid #f6f6f6; padding-right: 25px; } .cs-post-sharebtn .cs-cell.right-btn {padding-left: 25px;} .cs-post-sharebtn time { color: #aaaaaa; display: block; float: left; font-size: 12px; text-transform: uppercase; } .cs-post-sharebtn time span { color: #cccccc; font-size: 11px; text-transform: capitalize; } .cs-post-sharebtn article {position: relative;} .cs-post-sharebtn a.post-np { background-color: #e2e2e2; color: #fff; display: inline-block; font-size: 12px; height: 34px; line-height: 34px; position: relative; text-align: center; top: 5px; width: 20px; } .cs-post-sharebtn .prev a.post-np { position: absolute; right: -25px; } .cs-post-sharebtn .prev h5 {display: block;} .cs-post-sharebtn .prev times {float: left;} .cs-post-sharebtn .next a.post-np { left: -25px; position: absolute; } .cs-post-sharebtn .next, .cs-post-sharebtn .next h5 {text-align: right;} .cs-post-sharebtn .next time {float: right;} /* Cs About Auther Style */ .cs-about-author { background-color: #fff; float: left; margin: 0px 0px 25px 0px; padding: 30px; text-align: center; width: 100%; } .cs-about-author figure, .cs-about-author figure img { border-radius: 100%; width: 60px; } .cs-about-author figure { display: inline-block; margin-bottom: 5px; } .cs-about-author span { color: #aaaaaa; font-size: 11px; text-transform: uppercase; } .cs-about-author header {margin-bottom: 5px;} .cs-about-author header h5 { margin-bottom: 2px; text-transform: uppercase; } .cs-about-author .text { float: left; width: 100%; } .icon-auther { background-color: #5c5c5c; color: #fff; float: left; font-size: 14px; left: 0px; padding: 15px 6px; position: relative; top: -29px; } .icon-auther:before { border-bottom: 11px solid #fff; border-left: 11px solid transparent; border-right: 12px solid transparent; bottom: 0px; content: ""; height: 0; left: 2px; position: absolute; width: 0; } .cs-about-author .social-media { display: inline-block; float: none; margin-bottom: 0px; text-align: center; width: auto; } .cs-about-author .social-media ul li a:hover i {color: #223d7b;} .cs-about-author .social-media ul li a i {color: #999;} .cs-about-author p {margin-bottom: 20px;} .main-post { background: #ffffff; float: left; padding: 20px 20px 0px 20px; width: 100%; } /* Cs Comments Style */ #comment, #comment .thumblist { background: #ffffff; float: left; padding: 20px 20px 0px 20px; width: 100%; } #comment .cs-section-title h4 { margin-bottom: 25px; text-transform: uppercase; } #comment ul li {list-style: none;} #comment .children .children li {padding: 0px;} #comment .thumblist li figure { float: left; height: 66px; margin: 0 40px 0 0; width: 66px; } #comment .thumblist li figure img {border-radius: 100%;} #comment .thumblist li .text-box { border-left: 1px solid #f6f6f6; overflow: hidden; padding-left: 30px; } #comment .thumblist li .text-box p {margin-bottom: 15px;} #comment .thumblist ul { margin: 0; padding: 0px; } .thumblist li .auther { color: #000; display: block; font-size: 14px; line-height: 16px; text-transform: uppercase; } .thumblist li time { color: #aaaaaa; display: inline-block; font-size: 11px; text-transform: uppercase; } .thumblist li a.comment-reply-link { border-bottom: 1px solid #223d7b; color: #223d7b; display: inline-block; float: right; font-size: 11px; line-height: 16px; margin-top: 10px; text-transform: uppercase; } #comment .thumblist {margin-bottom: 35px;} #comment .children {margin-left: 130px;} #comment .children li { float: left; width: 100%; } #comment .thumblist li .left-sec {float: left;} #comment .thumblist li .right-sec {float: right;} /* Leave Form Style */ .leave-form { background: #fff; float: left; padding: 10px 30px 20px; width: 100%; } .comment-respond { float: left; width: 100%; } .comment-respond .comment-form { float: left; width: 100%; } .comment-respond h4 { margin-bottom: 25px; text-transform: uppercase; } .comment-form p { float: left; margin-bottom: 0px; width: 100%; } .comment-form p.comment-form-email input { border-left: none; border-right: none; } .comment-form p input { border-bottom: none; color: #999; float: left; height: 50px; padding-left: 45px; width: 100%; } .comment-form p input:hover {background-color: #f1f1f1;} .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-website { float: left; width: 33.3333%; } .comment-form p label { margin: 0px; position: relative; } .comment-form p label i { color: #cbcbcb; font-size: 16px; left: 16px; position: absolute; top: 16px; } .comment-form .comment-form-comment textarea { border-top: 1px solid #d2d2d2; float: left; height: 180px; margin-bottom: 12px; padding: 20px 15px 15px 45px; width: 100%; } .comment-form .comment-form-comment label i {top: 22px;} .comment-form .form-submit .submit-btn { color: #fff; font-size: 14px; height: 46px; min-width: 170px; text-align: center; text-transform: uppercase; } .cs-form .submit-btn,.comment-form input[type="Submit"] { background-color: #006ba7; border-radius: 2px; color: #fff; font-size: 14px; height: 36px; min-width: 96px; text-align: center; text-transform: uppercase; } .comment-form input[type="Submit"] { border: none; padding: 0px; width: auto; } /* Modal Box Style */ .modal .main-thumb { background-color: #fff; left: 0px; padding: 30px 20px 20px 20px; position: absolute; top: 100%; width: 600px; } .modal .main-thumb .mejs-container {margin-bottom: 0px;} .model-wishlist .modal-content {background: none;} .review-modal.modal:before {background-color: rgba(0, 0, 0, 0.2);} .modal:before { background-color: rgba(255, 255, 255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .model-wishlist .close { background-color: #ccc; color: #fff; height: 25px; opacity: 1; position: absolute; right: 0; top: 0; width: 25px; } #cs_reviews { background-color: #ffffff; border: 1px solid #f0f0f0; border-top: none; float: left; margin: 0px 0px 20px 0px; width: 100%; padding: 0px; } .cs-ratings-upper { float: left; width: 100%; padding: 20px 25px 25px 25px; } .recent-listing .cs-directory.grid_listing .content_info {background-color: #ffffff;} .cs-related-post { float: left; width: 100%; margin-top: 15px; } /* Modal Box Style */ .shortcode-nav ul li, .shortcode-nav { float: left; width: 100%; } .shortcode-nav { background-color: #f6f6f6; border: 1px solid #dadada; padding: 20px; } .shortcode-nav ul > li { color: #cccccc; list-style: none; padding: 10px 0px 10px 35px; position: relative; } .shortcode-nav ul ul {margin: 0px 0px 0px -35px;} .shortcode-nav ul > li:before { background-color: #e8e8e8; bottom: -7px; content: ''; height: 16px; left: 6px; position: absolute; width: 3px; } .shortcode-nav ul > li:after { content: "\f10c"; font-family: icomoon; font-size: 16px; left: 1px; position: absolute; top: 7px; } .shortcode-nav ul > li:last-child:before {display: none;} .shortcode-nav ul > li.before-menu {padding-bottom: 0px;} .shortcode-nav ul > li > a { color: #333333; float: left; font-size: 14px; font-weight: 500; line-height: 18px; position: relative; text-transform: capitalize; width: 100%; } .shortcode-nav ul > li > a:before { color: #cccccc; content: "\f141"; font-family: icomoon; font-size: 9px; left: -14px; position: absolute; top: 0px; } .shortcode-nav ul > li > a:after { color: #ffffff; content: "\f111"; font-family: icomoon; font-size: 9px; left: -31px; position: absolute; top: -1px; } .shortcode-nav ul li a i { color: #d0d0d0; float: right; } .icon-style { float: left; height: 14px; margin: 2px 5px 0 0; position: relative; width: 14px; } .icon-style i.fa-ellipsis-h { font-size: 9px; left: auto; position: absolute; right: 0; top: 3px; } /* Divider Style */ .divider-wrap, .devider1, .devider5, .devider3, .divider5, .divider6 { float: left; position: relative; width: 100%; } .devider1 , .devider5, .divider4, .divider5, .divider6 { display: inline-block; float: none; text-align: center; } .devider1 { border-bottom: 1px dotted #a8a8a8; width: 100%; } .devider5 { border-bottom: 1px dotted #a8a8a8; width: 20%; } .devider2 { width: 60px; display: inline-block; vertical-align: middle; border-bottom: 2px solid #dcdcdc; } .devider3 { background-repeat: repeat-x; background: url(assets/images/devider3.png); display: inline-block; float: none; height: 5px; width: 130px; } span.backtotop { float: right; margin: 10px 0px; } span.backtotop a { background-color: #000; border-radius: 100%; color: #fff; display: inline-block; font-size: 14px; height: 20px; line-height: 18px; text-align: center; width: 20px; } .cs-seprator { float: left; margin: 0px 0px; overflow: hidden; position: relative; text-align: center; width: 100%; } .divider4:after { background: url(assets/extraimages/divider4-bg.png) repeat-x; bottom: 0px; content: " "; display: inline-block; height: 6px; position: relative; width: 240px; } .fullwidth-sepratore { float: left; margin: 10px 0 20px 10px; position: relative; width: 100%; } .fullwidth-sepratore:before { border-bottom: 1px dotted #e4e4e4; content: ''; left: 0px; position: absolute; top: 0; width: 100%; } .dividerstyle { border-bottom: 1px dotted #e4e4e4; float: left; margin-left: 12px; position: relative; width: 100%; } .dividerstyle:before { content: ''; height: 7px; left: -20px; outline: 2px solid #e4e4e4; position: absolute; top: -3px; width: 7px; } /* Dropcap Style */ .dropcap-one p::first-letter, .dropcap-two p::first-letter { color: #ffffff; float: left; font-size: 36px; font-weight: 900; margin: 0 20px 0 0; padding: 15px 14px; } .dropcap-one p::first-letter {background-color: #00466e;} .dropcap-two p::first-letter { background-color: #a9a9a9; background: url(assets/images/pattrentw.png); border-radius: 4px; font-size: 36px; padding: 15px 20px; } /* Cs Post Title Style */ .col-md-12.cs-post-title { float: left; margin-bottom: 0px; width: 100%; } .cs-post-title h5 { margin-bottom: 15px; text-transform: uppercase; } /* Testimonal style */ .ts-author figcaption {padding-left: 30px;} .question-mark h4 { color: #333; font-size: 14px; text-transform: uppercase; } .question-mark span { color: #b0b0b0; font-size: 11px; text-align: center; } .testimonial figure {width: 60px;} .testimonial.flexslider .flex-control-paging {display: none;} .question-mark p {padding-bottom: 7px;} .ts-author { float: none; margin: 0 auto; text-align: center; width: 202px; } .flex-direction-nav li {list-style: none;} .cs-testimonial figure { border-bottom: 1px solid #f5f5f5; float: left; margin: 0px 20px 0 0; padding-bottom: 3px; width: 46px; } .cs-testimonial .ts-author figcaption { float: left; overflow: hidden; padding-left: 17px; } .cs-testimonial .ts-author { text-align: left; width: 100%; } .cs-testimonial .cs-author span {font-weight: 400;} .cs-testimonial .cs-author {font-weight: 600;} .center, .cs-testimonial.center .ts-author {text-align: center;} .cs-testimonial.center figure { display: inline-block; float: none; } /* Testimonal italic Style */ .cs-testimonial.left .cs-author {font-weight: bold;} .box-style p, .cs-testimonial.left p {font-style: italic;} .cs-testimonial.left p:before { border-radius: 100%; color: #00466e; content: ",,"; display: inline-block; font-family: 'icomoon'; font-size: 40px; font-weight: bold; height: 20px; left: 0; line-height: 0; margin: 0 5px 0 0; padding: 2px 8px; position: relative; top: 8px; transform: rotate(180deg); width: 20px; } /*--- Testimonal Slider Style ---*/ .cs-testimonial .flex-direction-nav li a,.testimonial.flexslider .flex-direction-nav li a { background-color: #ffffff; border: 1px solid #d3d3d3; color: #dcdcdc; cursor: pointer; display: block; font-size: 18px; height: 24px; line-height: 25px; margin: -20px 0 0; opacity: 0; opacity: 1; overflow: hidden; position: absolute; text-align: center; text-decoration: none; top: 50%; transition: all 0.3s ease 0s; width: 24px; z-index: 10; } .flexslider2.cs-testimonial.testimonial .question-mark p {padding: 0px;} /* ListStyle Style */ .liststyle {display: inline-block;} .liststyle ul li { color: #555; float: left; font-size: 12px; font-weight: 500; line-height: 18px; list-style: none; padding: 6px 0px; text-transform: uppercase; width: 100%; } .cs-iconlist li i { color: #555; font-size: 14px; margin-right: 10px; } .cs-iconlist li span {padding-left: 10px;} .liststyle ul li.had-border {border-bottom: 1px dotted #999999;} .liststyle ul li.has_border { border-bottom: 1px dotted #999; padding: 10px 0px; } /* Cs Contact info Style */ .cs-contact-info { background: #fff; border: 1px solid #e4e4e4; min-height: 320px; overflow: hidden; padding: 20px; position: relative; } .cs-contact-info h5 {text-transform: uppercase;} .cs-contact-info p { font-size: 14px; line-height: 20px; padding-left: 25px; text-transform: capitalize; } .cs-contact-info .fa { float: left; margin: 4px 0 0 0; } /* CS darkthem Style */ .cs-contact-info ul li {list-style: none;} .cs-contact-info.cs-darkthem .has_back_icon { bottom: -16px; color: #000; font-size: 110px; left: -16px; opacity: 0.2; position: absolute; } .cs-contact-info.cs-darkthem p, .cs-contact-info.cs-darkthem i {color: #fff;} .cs-contact-info.cs-darkthem i { font-size: 16px; margin: 3px 0 0 0; } .cs-contact-info.cs-darkthem ul li { border-top: 1px dotted #999; padding: 10px 0px; } .cs-contact-info.cs-darkthem ul li p {margin-bottom: 0px;} /* Message Box Style */ .messagebox { border-radius: 4px; float: left; font-size: 16px; margin-bottom: 0px; padding: 14px 18px; position: relative; width: 100%; } .messagebox span a { border-bottom: 1px solid; font-weight: 300; line-height: 20px; margin-left: 7px; text-decoration: none; text-transform: capitalize; } .messagebox .fa-gear { color: #fff; float: left; font-size: 53px; margin: 0 14px 0 0; } .messagebox i { float: left; font-size: 20px; margin: 3px 10px 0 0; } .messagebox span { float: left; font-size: 14px; font-weight: 700; text-transform: uppercase; } .messagebox button { float: right; position: relative; z-index: 50; } .messagebox p, .messagebox a { position: relative; z-index: 10; } .messagebox.has_bgicon:before { color: rgba(102,102,102,0.20); content: "\f013"; font-family: 'icomoon'; font-size: 120px; left: -25px; position: absolute; top: -50px; } .close-v1 { background-color: #5499d0; border-radius: 100%; color: #ffffff; font-size: 12px; height: 27px; line-height: 0; opacity: 1; width: 27px; } .close-v2 { background: none; float: right; } .messagebox-v3 { border-color: #e2e2e2; padding: 32px 170px 32px 25px; position: relative; } .messagebox-v3 i { float: left; font-size: 55px; margin-right: 20px; } .messagebox-v2 .close-v2 { font-size: 16px; position: relative; right: -20px; top: -15px; } .messagebox-v2 h5 {margin-bottom: 0px;} .messagebox-v2 { border-radius: 0px; box-shadow: none; padding: 27px 32px; } .messagebox P { font-size: 14px; font-weight: 400; } .messagebox .custom-btn, .messagebox-v3 .custom-btn { background-color: #4d8b0c; border-radius: 2px; color: #fff; float: right; font-size: 14px; font-weight: 600; line-height: 1.2; padding: 10px 20px; position: absolute; right: 40px; text-decoration: none; text-transform: uppercase; top: 45px; } .messagebox-v3 .close-v2 { position: absolute; right: 14px; top: 8px; } /* Form Style */ .cs-plain-form { float: left; width: 100%; } .cs-plain-form input, .cs-classic-form input { float: left; margin-bottom: 10px; width: 100%; } .cs_form_styling form input.cs-plan { border-radius: 3px; height: 43px; padding: 11px 15px; } .cs_form_styling form textarea.cs-plan { border-radius: 3px; padding: 11px 15px; } .cs-plain-form input[type="submit"], .cs-classic-form input[type="submit"] { border: none; color: #fff; display: inline-block; float: left; font-size: 14px; padding: 2px 25px; text-transform: uppercase; width: 130px; } .cs-plain-form .cs-classic { border-radius: 4px; color: #999; font-size: 12px; height: 40px; padding: 10px 10px 10px 14px; } .cs-plain-form .form-control { height: 40px; line-height: 40px; } .cs-plain-form .btn-default {line-height: 26px;} .cs-plain-form label { color: #333; font-size: 14px; margin-bottom: 6px; } .cs-plain-form textarea, .cs-classic-form textarea { border-radius: 4px; height: 140px; margin-bottom: 15px; width: 100%; } .cs-plain-form .cs-classic {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;} .cs-classic-form { float: left; width: 100%; } .tolbtn {padding: 7px 20px;} .tooltip-info {margin-bottom: 20px;} .tooltip-inner { min-width: 120px; width: 120px; } /* Tabs defult style */ .cs-tabs { float: left; margin-bottom: 0px; width: 100%; } .cs-tabs .tab-content ul li i {margin-right: 15px;} .cs-tabs .tab-content ul {margin-bottom: 10px;} .cs-tabs .tab-content ul li { font-size: 14px; line-height: 22px; list-style: none; } .nav.nav-tabs.cs-tabs {margin: 0px;} .cs-tabs .nav-tabs, .cs-tabs.nav_position_center > ul > li:first-child {border-left: 1px solid #e2e2e2;} .cs-tabs .tab-content p { color: #555; margin-bottom: 19px; } .cs-tabs .nav-tabs > li.active > a i {color: #ff5422;} .cs-tabs .nav-tabs li a { border-radius: 0; border: none; color: #555555; display: block; font-size: 14px; font-weight: 500; margin-right: 0; padding: 14px 25px 14px 25px; position: relative; } .cs-tabs .nav-tabs li a i { color: #555555; margin-right: 7px; } .cs-tabs .nav-tabs > li.active > a, .cs-tabs .nav-tabs > li.active > a:hover, .cs-tabs .nav-tabs > li.active > a:focus {border: none;} .cs-tabs .nav-tabs li { border-right: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; margin-bottom: -1px; } .cs-tabs .nav-tabs > .active > a:before { border-top: 2px solid #ff5422; content: ""; height: 2px; left: 0; position: absolute; top: -1px; width: 100%; } .cs-tabs .nav-tabs > li.active > a { background-color: #fff; color: #ff5422; cursor: default; } .nav > li > a:hover, .nav > li > a:focus {background-color: #fff;} .tab-content > .active.fade.in { -moz-transition: none; -ms-transition: none; -o-animation: fadeIn 1s 1 0s; -o-transition: none; -webkit-animation: fadeIn 1s 1 0s; -webkit-transition: none; animation: fadeIn 1s 1 0s; transition: none; } .cs-tabs .tab-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #fff; border: 1px solid #e2e2e2; border-top: none; box-sizing: border-box; overflow: hidden; padding: 26px; } /* tabs defualt End */ /* tabs icon position left Start */ .cs-tabs.vertical .nav-tabs { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-right: none; border: 1px solid #DEDEDE; box-sizing: border-box; float: left; margin-right: -1px; width: 22%; } .cs-tabs.vertical .nav-tabs > li:first-child { border-left: none; border-top: none; } .cs-tabs.vertical .nav-tabs li { border-right: none; float: left; width: 100%; } .cs-tabs.vertical .tab-content { border: 1px solid #e2e2e2; float: left; width: 78%; } .cs-tabs.vertical .nav-tabs .active a:before { border-left: 2px solid #ff5422; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 2px; } .cs-tabs.vertical .nav-tabs > li { border-top: 1px solid #e2e2e2; margin: -1px 0px 0px 0px; } .cs-tabs.vertical .nav-tabs > li.active { border-right: none; border-top: none; } .cs-tabs.vertical .nav-tabs > li.active > a { border-right: none; border-top: 1px solid #e2e2e2; } .cs-tabs.vertical .nav-tabs > li.active > a:hover {border-top: 1px solid #e2e2e2;} .cs-tabs.vertical .nav > li:first-child > a:hover {border-top: 1px solid #e2e2e2;} /* Price Table style */ .cs-price-table,.inner-style,.pr-bg,.pr-listing { float: left; width: 100%; } .cs-price-table { background-color: #fff; text-align: center; } .pr-classic h3 { background-color: #18282b; color: #fff; font-weight: 600; margin: 0 0 0px 0; padding: 15px 5px; text-transform: uppercase; } .cs-price { float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 18px 0px; position: relative; width: 100%; } .cs-price .inner-sec { color: #ff5422; font-size: 44px; font-weight: 600; line-height: 80px; position: relative; } .cs-price .inner-sec small { color: #666; float: left; font-size: 14px; line-height: 1; text-transform: uppercase; width: 100%; } .cs-price span:before { content: '$'; font-size: 40px; font-weight: 600; margin: -13px 0px 0px -24px; position: absolute; } .cs-price-table p {padding: 0 20px 20px 20px;} .custom-btn i {margin-right: 6px;} .features { display: inline-block; margin: 0px 0px 25px 0px; width: 100%; } .features li { border-bottom: 1px solid #f2f2f2; color: #666666; float: left; font-size: 14px; font-weight: 500; line-height: 18px; list-style: none; padding: 8px 0px; width: 100%; } .features li i {margin-right: 8px;} .features li:first-child {border-top: 1px solid #f2f2f2;} .cs-price-table .custom-btn { background-color: #ff5422; border-radius: 3px; color: #fff; display: inline-block; font-weight: 600; margin: 0 0 20px 0; padding: 8px 20px; text-transform: uppercase; } .cs-price-table .custom-btn i {font-size: 14px;} .cs-price-table .sigun_up { color: #fff; display: inline-block; font-size: 14px; padding: 10px 20px; } .cs-price-table.pr-classic {padding-bottom: 25px;} /* Pr Simple Table */ .pr-simple { border: 1px solid #e2e2e2; padding-bottom: 20px; } .pr-simple h3 { background: none; color: #333; margin-bottom: 0px; padding: 20px 10px 0px 10px; text-transform: uppercase; } .pr-simple .features li {border: none;} .pr-simple .cs-price span { font-size: 55px; font-weight: 400; } .pr-simple .cs-price span:before { font-size: 34px; font-weight: 300; margin: -10px 0 0 -18px; } .pr-modren {padding-bottom: 20px;} /* Accordion Start */ .panel-group { float: left; margin-bottom: 0px; position: relative; width: 100%; } .panel.panel-default {position: relative;} .panel-title { color: #333; font-size: 14px; font-weight: 600; } .panel-heading {padding: 10px 50px 12px 10px;} .panel-group.default .panel-body { padding: 15px 30px 10px 28px; } .panel-group .panel {border-radius: 0;} .panel-title > a { color: #ff5422; display: block; width: 100%; } .panel-title > a i {margin-right: 10px;} .panel-title a { font-size: 14px; font-weight: 400; } .panel-group.default .panel-title a { font-size: 16px; font-weight: 600; text-transform: uppercase; } .panel-heading a:after { content: "\f103"; font-family: 'icomoon'; font-size: 18px; font-weight: 200; line-height: 20px; position: absolute; right: 0px; top: 13px; width: 30px; } .panel-body {padding: 25px 30px 20px 28px;} .panel-heading i { margin: 0px 7px 0px 0px; } .panel-group.simple .panel-body {padding: 10px 0px 0px 15px;} .box .panel-title a.collapsed:after, .simple .panel-title a.collapsed:after, .faqs-simple .panel-title a.collapsed:after { color: #6d7174; content: "\f101"; } .box .panel-default > .panel-heading, .default .panel-default > .panel-heading, .simple .panel-default > .panel-heading, .faqs-simple .panel-default > .panel-heading {position: relative;} .box .panel-default > .panel-heading:before, .default .panel-default > .panel-heading:before { border-color: #e2e2e2; border-style: solid; border-width: 0 1px 0 0; content: ""; height: 100%; position: absolute; right: 49px; top: 0; width: 49px; z-index: 1; } .default .panel-title a:after { content: "\f068"; font-size: 15px; } .default .panel-title a.collapsed:after { color: #6d7174; content: "\f067"; } .simple .panel-default > .panel-heading {padding: 3px 15px 6px 15px;} .simple .panel-default > .panel-heading:after { left: 0px; right: auto; } .panel-group .panel-default > .panel-heading { background-color: #f5f5f5; background-image: none; } .faqs-veiw.panel-group .panel-default > .panel-heading {background-color: #ffffff;} .faqs-veiw .panel.panel-default { border-bottom: 1px solid #f6f7f9; padding-top: 8px; } .faqs-veiw .panel.panel-default:last-child { border-bottom: none; } .faqs-veiw .panel { border: none; box-shadow: none; } .faqs-veiw .panel-body {padding: 0px 13px 10px 13px;} .faqs-veiw .panel-heading a:after { right: -13px; } .faqs-veiw .panel-heading {padding: 0px 10px 12px 0px;} .simple .panel-title a, .faqs-simple .panel-title a { color: #ff5422; font-size: 14px; font-weight: 500; } .simple .panel, .simple .panel-body { background-color: transparent; border: none; box-shadow: none; } .simple .panel-body p {color: #333;} .faqs-simple .panel, .faqs-simple .panel-body { background-color: #fcfcfc; border: none; box-shadow: none; } .simple .panel .panel-heading { background-color: transparent; border-bottom: 1px solid #ececec; } .simple .panel:last-child .panel-heading { border-bottom: none; } .tab-content .simple { padding-bottom: 0px; } .simple .panel-heading a:after, .faqs-simple .panel-heading a:after { content: "\f103"; font-family: 'icomoon'; font-size: 14px; font-weight: 200; left: 0px; line-height: 20px; position: absolute; top: 5px; } .faqs-simple .panel-heading a:after { font-size: 12px; top: 6px; } .faqs-simple .panel-heading {padding: 5px 15px 5px 24px;} .faqs-simple .panel .panel-heading { background-color: #fcfcfc; border: none; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border: none;} .faqs-veiw { position: relative; width: 100%; } .faqs-simple .panel-title a.collapsed:after { color: #6d7174; content: "\f101"; top: 10px; } .faqs-veiw .panel-heading a.collapsed:after { color: #cdcdcd; content:"\f196"; font-size: 18px; top: 6px; } .faqs-veiw .panel-heading a:after { content:"\f147"; font-size: 18px; top: 6px; } #cs_reviews .sg-header .sg-social ul li a {line-height: 1.5;} #cs_reviews .sg-header .sg-social ul li a i {padding: 16px 3px 13px 3px;} /* Table Setup */ .table { float: left; width: 100%; } .table thead { background-color: #045294; border: none; } .table thead tr th { border: none; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; } .table thead tr th:first-child {border-left: 1px solid #e2e2e2;} .table tbody tr:nth-child(2n) {background-color: #f8f8f8;} /* Cs Counter Setup */ .cs_counter { float: left; text-align: center; width: 100%; } .cs_counter.top-center {text-align: center;} .cs_counter.top-left {text-align: left;} .cs_counter.top-right {text-align: right;} .cs_counter figure img { display: inline-block; float: none; width: auto; } .cs_counter figure i { color: #333; color: #333; font-size: 40px; margin-bottom: 5px; } .cs_counter.modren .cs-numcount {font-size: 50px;} .cs_counter p { margin-bottom: 15px; text-transform: uppercase; } .cs_counter span { color: #999; display: block; font-weight: 500; margin: 0px 0px 8px 0px; text-transform: uppercase; } .cs_counter .cs-numcount { color: #333; font-size: 30px; } .cs_counter a.readmore { background-color: #4d8b0c; border-radius: 2px; color: #fff; display: inline-block; font-size: 14px; font-weight: 700; min-width: 110px; padding: 6px 12px; text-transform: uppercase; } .cs_counter.classic {border-bottom: 2px solid #eaeaea; border-right: 1px solid #f4f4f4; background-color: #fff; padding: 40px 0 20px;} .cs_counter.classic .cs-numcount {font-size: 40px; font-weight: 300; line-height: 42px;} .cs_counter.classic figure img {margin: 0 0 40px 0; min-height: 98px;} .cs_counter.classic span {font-size: 18px; font-weight: 700; text-transform: capitalize;} /* Box Setup */ /* Clean Setup */ .cs_counter.bg-color { background-color: #cacaca; padding: 30px 0; } .top-center {text-align: center;} .counter-seprater {display: none;} /* Skill Sec Setup */ .skills-sec, .plain, .skills-v2 { float: left; position: relative; width: 100%; } .skillbar { background-color: #e4e4e4; border-radius: 6px; display: block; float: left; margin-bottom: 15px; position: relative; transition-delay: 0s; transition-duration: 0.4s; transition-property: width, background-color; transition-timing-function: linear; width: 100%; } /* Skills-v1 Setup */ .plain .skillbar:before, .round-strip-progressbar .skillbar .skillbar-bar:before { background: url("assets/images/skills-pattren.png") repeat rgba(0, 0, 0, 0); border-radius: 6px; content: ""; height: 12px; left: 0; position: absolute; top: 0; width: 100%; } .plain small { color: #585858; float: right; font-size: 14px; font-weight: 600; margin: -7px 0 0 0; } .plain small:before {display: none;} .plain .skillbar .skillbar-bar { border-radius: 6px; height: 12px; } .plain span { color: #333; float: left; font-weight: 700; margin-bottom: 2px; text-transform: uppercase; width: 100%; } /* Skills-v2 Setup */ .round-strip-progressbar .skillbar .skillbar-bar:before {height: 25px;} .round-strip-progressbar span { color: #ffffff; left: 0; line-height: 0; padding: 0 0px 0 10px; position: relative; text-transform: uppercase; top: 35px; z-index: 9; } .round-strip-progressbar .skillbar .skillbar-bar { border-radius: 6px; height: 25px; } .round-strip-progressbar .skillbar small:before {display: none;} .round-strip-progressbar .skillbar small { background: none; color: #fff; font-size: 14px; font-weight: 700; right: 15px; top: 4px; } .round-strip-progressbar .skillbar { margin-bottom: 10px; width: 100%; } .circle-info-half {line-height: 24px;} /* Circle ful Progress */ .circliful {position: relative;} .circle-text, .circle-info, .circle-text-half, .circle-info-half { display: inline-block; position: absolute; text-align: center; width: 100%; } #chart1 .circle-text, .circle-info, .circle-text-half, .circle-info-half {top: 5px;} .circle-info, .circle-info-half { color: #fff; font-size: 16px; font-weight: 600; } .circle-text { color: #fff; font-weight: 700; } .circle-text i {display: none;} /* Button Style Setup */ .button_style .default { background-color: #4d8b0c; border-radius: 2px; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 600; line-height: 1; margin-bottom: 10px; padding: 14px 20px; position: relative; text-align: center; text-transform: uppercase; } .button_style .default i { margin-right: 7px; vertical-align: middle; } .button_style { display: inline; margin: 0 7px 5px 0; vertical-align: bottom; } .button_style .extra-large-btn, .button_style .btn-lg {padding: 14px 25px;} .button_style .medium-btn {padding: 11px 25px;} .button_style .btn-sml {padding: 11px 20px;} .button_style .small-btn {padding: 6px 30px;} .button_style .defualt.has-icon {padding: 12px 15px;} .button_style .medium-btn i { font-size: 14px; margin-right: 6px; } .button_style .small-btn.has-icon, .button_style .medium-btn.has-icon {padding: 11px 15px;} .button_style .small-btn.stroke {padding: 4px 10px;} .button_style .large-btn.stroke {padding: 13px 20px;} .button_style .small-btn i { font-size: 12px; margin-right: 4px; } .button_style .small-btn.has-icon {padding: 6px 15px;} .has-shadow {box-shadow: 0 -5px 0px rgba(0, 0, 0, 0.2) inset;} .circle {border-radius: 50px;} .stroke { background-color: #fff; color: #4d8b0c; } .has-solid-br {border: 2px solid #4d8b0c;} /* Cs Services Style Setup */ header#main-header { float: left; width: 100%; z-index: 9999; } .service-default,.service-default figure { float: left; width: 100%; } .service-default figure img { width: 100%; margin-bottom: 5px; } /*.service-default figure { position: relative; }*/ /*.service-default figure img { background-color: #ffffff; padding: 3px; box-shadow: 0px 0px 2px 3px #ededed; margin: 0px 0px 8px 0px; width: 100%; }*/ /*.service-default figure:before { background-color: #fff; bottom: -3px; box-shadow: 0 1px 2px 1px #ddd; content: ""; height: 2px; left: 7px; position: absolute; width: 95%; }*/ /* Services */ .service-classic { background-color: #393f40; padding: 40px 20px 10px 20px; } .service-classic img { border-radius: 100%; background-color: #ffffff; padding: 3px; } .service-classic .col-box { text-align: center; } .service-classic .col-box p {margin-bottom: 25px;} .service-btn { display: inline-block; padding: 6px 29px; border-radius: 4px; } .service-flat article { padding: 0px; background-color: #ffffff; border-bottom: 2px solid #eaeaea; } .service-flat figure { float: left; width: 100px; } .service-flat figure ~ .text { padding: 0px 0px 0px 115px; } .service-flat .col-box { padding: 30px; border-right: 1px solid #f4f4f4; } .service-box figure img,.service-box figure { margin: 0px; width: 100%; } .service-flat article { width: 50%; margin-bottom: 0px; } .service-flat article:last-child .col-box { border-right: none; } .service-box .text { background-color: #ffffff; padding: 15px 20px 20px 20px; background-color: #ffffff; box-shadow: 0px 2px 0px 0px #d3d3d3; border-radius: 0px 0px 6px 6px; } .service-box article { width: 33.3333%; } .cs-services.service-default-three { margin: 0 -15px; } /* Services */ .hassingle-border { float: left; width: 100%; padding: 20px 25px 0px 25px; border-right: 1px solid #f4f4f4;} .classic-border .text h4 { font-size: 17px !important; } .hassingle-border figure { float: left; } .hassingle-border figure ~ .text { padding: 0px 0px 0px 120px; } .cs-services h5 a { color: #333; text-transform: uppercase; } .cs-services img { float: none; margin-bottom: 18px; width: auto; } .cs-services.modren img { margin-bottom: 3px; } .cs-services.modren h4 { margin-bottom: 0px; font-size: 18px !important; } .cs-services.modren a {border-bottom: none;} .cs-services figure i { font-size: 50px; margin-bottom: 5px; } .cs-services p { line-height: 24px; margin-bottom: 10px; } /* section simple */ .simple figure img { border: 5px solid #fff; display: block; float: left; margin-bottom: 22px; position: relative; } .simple figure:before { border-bottom: 3px solid #e5e5e5; bottom: 128px; content: ""; height: 3px; left: 5px; position: absolute; width: 97%; } .simple {padding-bottom: 18px;} .simple h4 a { color: #fff; display: inline-block; padding-bottom: 3px; text-transform: capitalize; } .simple p {color: #fff;} /* section plain */ .cs-services.plain figure i { background: none; color: #4d8b0c; padding: 0; } .cs-services.plain.top-center figure i {border: none;} /* Section plain */ .cs-services figure i { display: inline-block; margin-top: 5px; } .cs-services.top-left figure i ~ figcaption {padding: 0 0 0 105px;} .cs-services.classic.left > figure ~ .text {padding: 0 0 0 110px;} .cs-services.classic.right > figure ~ .text {padding: 0px 110px 0px 0px;} .cs-services.classic.right > figure { float: right; } .cs-services.modren.top-right { text-align: right; } .bg-color .text { border-radius: 0 0 7px 7px; /*box-shadow: 0 3px 0 0 #d3d3d3;*/ padding: 0 20px 20px; } .cs-heading-style { float: left; width: 100%; margin: 0px 0px 15px 0px; padding: 0px 15px; } .top-left {text-align: left;} .cs-services.classic.left > figure {float: left;} /*.cs-services.modren.top-left > figure {display: inline-block;}*/ .cs-services.top-center figure i { float: none; margin-bottom: 20px; } .top-center {text-align: center;} .top-center .read-more { display: inline-block; float: none; } .top-center.bg-color {padding: 30px 10px;} /*Promo Box*/ .promo-box { border: 1px solid #e4e4e4; box-shadow: 0 0 2px 1px #ededed; float: left; width: 100%; } .promo-box figure {float: left;} .promo-box figure ~ section {padding-left: 234px;} .promo-box section {padding: 25px 20px 30px;} .promo-box section h4 { font-size: 18px; text-transform: uppercase; } .promo-box section .strock { background: none; border-radius: 2px; border: none; color: #ffffff; padding: 7px 15px; } .promo-box.right {text-align: right;} /*-Second Style-*/ .promo-box.second-view {background: #ec2c3b url(assets/images/content-blog-img5.png) no-repeat 0 100%;} .promo-box.second-view figure {float: right;} .promo-box.second-view figure ~ section {padding-right: 234px;} .promo-box.second-view section { color: #fff; padding: 40px 20px 30px; } .promo-box.second-view section .strock { border-color: #fff; color: #fff; } /* Image Frames */ .image-frame { float: left; width: 100%; } .image-frame figure { float: left; margin: 0px 20px 10px 0px; } .image-frame section h4 { color: #2b2c30; font-size: 16px; } /*Classic Frame*/ .frame-classic figure { border: 1px solid #dbdbdb; box-shadow: 0 0 3px 1px #dbdbdb; padding: 6px 7px; } /*Cleane Frame*/ .frame-clean figure { border: 1px solid #dbdbdb; padding: 3px; } /*Simple Frame*/ .frame-simple figure {border: 7px solid #f8f8f8;} /*Call To Action */ .call-actions { border-top: 1px solid #ececec; float: left; padding: 40px 0 20px 0px; text-align: center; width: 100%; } .call-actions.ac-classic, .call-actions.ac-plane {border: none;} .call-actions .cell { display: inline-block; padding: 0 15px; vertical-align: middle; } .call-actions .cell p {color: #666;} .call-actions .cell.heading { text-align: right; width: 45%; } .call-actions .cell.heading h3 { color: #666; font-size: 18px; text-transform: uppercase; } .cell.icon {width: 10%;} .call-actions .cell.text-area { text-align: left; width: 45%; } .call-actions .cell.icon i { color: #ec2d3c; font-size: 50px; line-height: 42px; width: 52px; } .call-actions.in-center .cell, .call-actions.in-center .cell.heading, .call-actions.in-center .cell.text-area, .call-actions.in-center .cell.icon { float: left; text-align: center; width: 100%; } .call-actions.in-center .cell.text-area {padding-bottom: 7px;} .call-actions.in-center .cell.icon {padding: 0 0 15px;} .call-actions.in-center .cell.icon i { border: 0; font-size: 52px; height: 100%; } .call-actions .custom-btn, .call-actions.in-center .custom-btn:hover { background: #ec2d3c; color: #fff; } .call-actions.in-center .custom-btn { display: inline-block; float: none; line-height: 40px; } .ac-clean {border-top: none;} .ac-clean .cell.heading h3 {text-transform: uppercase;} .ac-clean .cell.heading h3, .ac-clean .cell.icon i, .ac-clean .cell p { border: none; color: #fff; } .ac-clean .cell.icon i {font-size: 50px;} /* Twitter Shortcode Style */ .twitter-section .text { float: left; width: 100%; color: #ffffff; font-weight: bold; padding: 0px 35px; } .twitter-section .text i { float: left; font-size: 25px; margin: 1px 10px 0 0; font-weight: normal; } /* Defoult Pages Style */ /* Search Result */ .cs-search-area .form-control { border-radius: 2px; border: 1px solid #a7a7a7; color: #999; height: 47px; padding-left: 10px; position: relative; width: 400px; } .cs-search-area input.btn { background: none repeat scroll 0 0 #999; border: medium none; color: #fff; height: 41px; margin: 0 0 0 0px; position: relative; width: 100px; z-index: 1; } .search-results { float: left; margin-bottom: 33px; width: 100%; } .search-results h6 { color: #333333; display: inline-block; float: left; font-size: 16px; padding-bottom: 4px; text-transform: uppercase; } .search-title { border-bottom: 1px solid #e5e5e5; float: left; margin: 0 0 22px; position: relative; width: 100%; } .search-title:before { border-bottom: 3px solid #e5e5e5; bottom: -3px; content: ""; height: 3px; left: 0; position: absolute; width: 40px; } .search-title h2 { font-size: 16px; padding: 0 0 5px; text-transform: uppercase; } .relevant-search ul { float: left; font-weight: 300; margin: 0px; width: 100%; } .relevant-search ul li:first-child { border: none; padding-top: 0px; } .relevant-search ul li { list-style: outside none none; padding-right: 5px; position: relative; } .relevant-search ul li a { color: #555; font-weight: 400; position: relative; } .relevant-search ul li a:before { color: #a0a0a0; content: "\f105"; float: left; font-family: 'icomoon'; margin: 0 11px 0 0; } .relevant-search ul {padding-bottom: 20px;} .element-size-25 h6 {text-transform: uppercase} .relevant-search ul li h5 { color: #999; font-weight: 600; line-height: 18px; margin-bottom: 0; } .relevant-search ul li:first-child { border-bottom: 1px dotted #e5e5e5; padding-bottom: 15px; } .relevant-search ul li:last-child { border: 0; margin: 0; padding: 0; } .relevant-search ul li { border-bottom: 1px dotted #e5e5e5; line-height: 30px; padding-bottom: 15px; } .relevant-search ul li a:before {display: none} .relevant-search { margin-bottom: 4px; padding-bottom: 0; } .relevant-search ul li { margin-bottom: 11px; padding-bottom: 11px; } .relevant-search {border-bottom: 0} .relevant-search .widget-section-title {padding-bottom: 11px} .widget-section-title i {margin-right: 7px;} .relevant-search .search-results {border-bottom: 0} .site-maps-links {float: left;} .site-maps-links ul li { border-bottom: 0; line-height: 24px; } .site-maps-links ul li:first-child {border-bottom: 0;} .search-results .cs-search-area input.btn {border-radius: 2px;} .site-maps-links ul {padding-bottom: 0;} /* UnderCunstruction */ .under-wrapp {text-align: center;} .icon-wrapp { background: url(../extraimages/circle.png) no-repeat; color: #fff; display: inline-block; font-size: 40px; height: 108px; margin: 22px 0 16px 0px; padding-top: 20px; } .icon-wrapp .fa {padding: 15px;} .main-digit-wrapp { display: inline-block; line-height: 28px; position: relative; } .main-digit-wrapp:after { color: #999; content: ":"; font-size: 20px; position: absolute; right: 25px; top: 0; } .countdown-period {text-transform: capitalize} .main-digit-wrapp:last-child:after {display: none;} .cs-digit { color: #666; float: left; font-size: 50px; font-weight: bold; padding-bottom: 22px; } .countdown-period { color: #999; float: left; font-size: 18px; font-weight: 300; text-align: center; width: 56%; } .cons-text-wrapp h1 { color: #666; font-size: 30px; font-weight: bold; margin: 0 0 7px; text-transform: uppercase; } .cons-text-wrapp p { color: #666; font-size: 18px; letter-spacing: .8px; padding-bottom: 29px; } .spliter { color: #999; font-weight: bold; padding: 0 25px; } #countdownwrapp {padding-bottom: 43px; display: inline-block; margin: 0 -50px 0 0; width: 100%;} .cons-text-wrapp .social-media { display: inline-block; float: none; width: 26%; } .under-wrapp .user-signup form { background-color: #ffffff; border: 1px solid #a7a7a7; position: relative; } .under-wrapp .user-signup form input[type="text"] {background-color: #ffffff;} .under-wrapp .user-signup form input[type="submit"] {background-color: #999;} .under-wrapp .social-media a { background: #f2f2f2; font-size: 16px; } .under-wrapp .social-media ul li a:hover {background: #03b4ea;} .under-wrapp .cs-search-area label {position: relative;} .under-wrapp .cs-search-area label:before { color: #999; content: ""; font-family: 'icomoon'; font-size: 15px; left: 4%; position: absolute; top: 11px; z-index: 100; } .under-wrapp .social-media {width: 100%;} .under-wrapp .social-media ul { display: inline-block; float: none; } /* User Setup */ .st-userinfo { background-color: #f1f5fc; border: 1px solid #f0f0f0; float: left; margin: 0 0 15px; position: relative; width: 100%; z-index: 1; } .st-userinfo .cs-auther { background-color: #f2f2f2; float: left; padding: 20px; width: 100%; } .st-userinfo .cs-auther figure { float: left; height: 60px; margin: 0; width: 60px; } .st-userinfo .cs-auther figure img {border-radius: 100%;} .st-userinfo .cs-auther figure ~ .text { float: none; padding: 10px 0 0 70px; } .cs-auther .text h6 { margin: 0px; } .st-userinfo .cs-auther .text h5 {margin: 0;} .st-userinfo .cs-auther .text h6 a { color: #333; text-transform: uppercase; } .st-userinfo .cs-auther .text span { color: #aaaaaa; font-size: 11px; text-transform: uppercase; } .st-userinfo .text { float: left; width: 100%; } .cs_assigment_tabs {margin-bottom: 9px;} .st-userinfo .text {padding: 0 20px;} .st-userinfo .text ul {margin: 0 0 18px 0;} .st-userinfo .text ul li { border-bottom: dotted 1px #dbdee3; color: #333; font-size: 12px; list-style: none; padding: 0px 10px 0px 0; } /* Agent Grid */ .cs-filterable.agent-listing.col-md-12 { margin: 0px; } .cs-user-info li { float: left; margin-right: 20px; list-style: none; color: #666666; } .cs-user-info li a { color: #666666; } .cs-user-info li i { color: #cccccc; margin-right: 7px; } .cs-team, .team-grid .text, .team-grid figure { float: left; width: 100%; } .team-grid figure {border: 1px solid #f2f2f2; margin: 0px; } .team-grid .text { padding: 12px 15px 7px 15px; border-bottom: 2px solid #eaeaea; background-color: #ffffff; } .team-grid .text h2 { float: left; margin: 0; } .team-grid .text span { color: #fff; float: right; margin: -3px 0px 0px 0px; } .cs-team span {font-size: 12px;} /* List */ .team-list { background-color: #fff; border-bottom: 2px solid #eaeaea; padding: 25px; } .team-list figure { border: 1px solid #f2f2f2; float: left; margin: 0 0 20px 0; width: 140px; } .team-list .text {padding: 15px 0 0 160px;} .team-list .text h5 {margin: 0;} .team-list .text ul {float: left;} .team-list .text ul li, .team-list .text ul li a { color: #c9c9c9; font-size: 14px; list-style: none; } .team-list .text ul li i { color: #c9c9c9; float: left; font-size: 16px; margin: 4px 8px 0 0; } .team-list .text ul li span {color: #c9c9c9;} .team-list p { border-top: 1px dotted #e3e3e3; float: left; margin: 0; padding: 15px 0 0; width: 100%; } .team-list .text p { border: none; color: #c9c9c9; padding: 0; width: auto; } .listing-btn { background-color: #ff5422; border-radius: 3px; color: #fff; float: right; font-size: 13px; margin: 0 0 10px 0; padding: 0 9px; } /* Simple */ .team-simple ul {margin: 0 0 0 -10px;} .team-simple ul li { display: inline-block; list-style: none; margin: 0px -4px 10px 0px; padding: 0 0 0 10px; vertical-align: top; width: 12.7777%; } .cs-six-column.team-simple ul li { width: 17%; } .team-simple ul li figure { background-color: #fff; box-shadow: 0 2px 0 #eaeaea; float: left; margin: 0; width: 100%; } .team-simple ul li .listing-btn { background-color: inherit; color: #a9a9a9; float: left; font-size: 12px; padding: 0; } .team-simple a {line-height: 14px;} .team-simple span { color: #a9a9a9; text-transform: uppercase; } /* Widget */ .widget ul li {list-style: none;} .widget_blog ul li { float: left; width: 100%; } .widget_blog ul li figure { border: 1px solid #f5f5f5; float: left; margin: 0; width: 70px; } .widget_blog ul li figure ~ .infotext {padding: 15px 0 12px 85px;} .widget_blog ul li .infotext { background-color: #fff; padding: 15px 0 12px 0; } .widget_blog ul li .infotext h6 { font-weight: 700; margin: 0; text-transform: uppercase; } .widget_blog ul li .infotext h6 a {margin: 0;} .widget_blog ul li .infotext p { color: #c9c9c9; font-size: 12px; } .widget_blog ul li .infotext p i {margin: 0 5px 0 0;} /* Widget Latest Ads */ .widget_latestads ul li { float: left; margin: 0 0 15px 0; width: 100%; } .widget_latestads ul li figure { float: left; margin: 0; width: 80px; } .widget_latestads ul li figure ~ .infotext {padding: 0 0 0 98px;} .widget_latestads ul li .infotext h6 { font-size: 15px; font-weight: 700; line-height: 16px; margin: 0 0 2px 0; text-transform: uppercase; } .widget_latestads ul li .infotext h6 a {color: #333;} .widget_latestads ul li .infotext p { color: #999; font-size: 12px; margin: 0; } .widget_latestads ul li .infotext p i { color: #cccccc; float: left; margin: 5px 1px 0 0; } .widget_latestads ul li .infotext strong { color: #ff600a; float: left; font-size: 16px; font-weight: 400; line-height: 20px; } .widget-section-title { float: left; margin: 0px 0px 20px 0px; width: 100%; } .widget-section-title h2 { color: #242424; float: left; font-size: 16px; font-weight: 700; margin: 0; } .widget-section-title a { color: #c9c9c9; float: right; font-size: 11px; padding: 4px 0 0 0; position: relative; } .widget-section-title a:before { color: #c9c9c9; content: "//"; font-size: 9px; left: -9px; position: absolute; top: 6px; } .widget-section-title a:hover, .widget-section-title a:hover:before {color: #ff600a;} /* Widget NewsLatter */ .widget_newsletter form { float: left; width: 100%; position: relative; } .widget_newsletter form input[type="text"] { background: none; margin: 0 0 12px; background-color: #182028; border: none; color: #6b6b6b; float: left; height: 40px; padding: 3px 15px 3px 35px; width: 100%; } .widget_newsletter form i { left: 12px; position: absolute; top: 13px; } .widget_newsletter input[type="submit"] { background: #000; width: 100%; border: none; color: #fff; padding: 8px 15px; position: initial; text-transform: uppercase; bottom: 1px; font-size: 13px; font-weight: bold; } .widget_newsletter form > div { color: #fff; float: left; padding: 0 0 10px; width: 100%; } .widget_newsletter fieldset div { bottom: 0px; position: absolute; right: 30px; } .widget_newsletter form fieldset {position: relative; width: 100%; float: left;} .widget_newsletter form fieldset label {margin-bottom: 0;} .widget.widget_newsletter > p {font-size: 12px;} /* Filter Nav */ .col-md-12.cs-agent-filter { float: left; width: 100%; } .cs-agent-filter .filter-nav { background-color: #f7f7f7; float: left; padding: 0; width: 100%; } .cs-agent-filter .filter-nav ul li { float: left; line-height: 32px; list-style: none; } .cs-agent-filter .cs-filter-menu li:nth-child(2):before {display: none;} .cs-agent-filter .cs-filter-menu li:nth-child(2) {margin: 0;} .filter-nav ul li.our-agents { line-height: 28px; margin: 0; } .filter-nav ul li.our-agents:before {display: none;} .filter-nav ul li.our-agents a:hover {border: none;} .filter-nav ul li.our-agents a { background-color: #ff600a; color: #fff; float: left; font-size: 14px; font-weight: 700; margin: 0 15px 0 0; padding: 3px 10px 2px; text-transform: uppercase; } .filter-nav ul li.our-agents:hover a {color: #fff !important;} .filter-nav ul li.our-agents a i { float: left; font-size: 18px; margin: 4px 7px 0 0; } .filter-nav ul li span { color: #333; font-size: 14px; margin: 0 10px 0 0; text-transform: uppercase; } .filter-nav ul li a { color: #999; font-size: 12px; margin: 0 10px 0 0; } .become-agent { color: #ff600a; float: right; font-size: 12px; font-weight: 700; padding: 6px 10px 0 0; } .become-agent i { float: right; margin: 5px 0 0 5px; } /*----- List Nav ----*/ .listNav { float: left; width: 100%; } .listNav .ln-letters { border: 1px solid #eeeeee; float: left; } .listNav .ln-letters a { background-color: #fff; border-right: 1px solid #f5f5f5; color: #ff600a; float: left; font-size: 12px; padding: 4px 10px; } .listNav .ln-letters a.ln-disabled {background-color: #f9f9f9;} .listNav .ln-letters a.ln-selected {color: #ffffff !important;} .listNav .ln-letters a:hover {background-color: #eaeaea;} /* Agent Detail */ .agentinfo-detail { float: left; width: 100%; } .agent-listing .agentinfo-detail { background-color: #ffffff; padding: 25px 25px 20px 25px; border: 1px solid #ddd; } .entry-content .agentinfo-detail {margin: 0px 0px 20px 0px;} .about-info { float: left; width: 100%; } .about-detail { float: left; margin: 5px 0px 0px 0px; width: 100%; } .about-info figure { border: 2px solid #f2f2f2; float: left; width: 17%; } .agentdetail-info { float: left; padding: 0px 0px 0px 18px; width: 83%; } .left-info {padding: 7px 0 17px 0;} .left-info { float: left; width: 80%; } .right-info { float: left; width: 20%; } .agentinfo-detail .left-info h2 { margin-bottom: 0px; } .agentinfo-detail .left-info span { color: #aaaaaa; font-size: 11px; text-transform: uppercase; float: left; width: 100%; margin-bottom: 10px; } .left-info ul li { color: #666666; float: left; line-height: 1.4; list-style: none; width: 100%; margin-bottom: 5px; } .left-info ul li i {margin-right: 5px; color: #cccccc;} .right-info span.category-list { border-radius: 3px; color: #fff; float: right; margin-bottom: 15px; padding: 3px 9px; } .right-info .social-media {width: 100%;} .right-info .social-media ul {float: right;} .right-info .social-media ul li a { font-size: 12px; height: 24px; padding: 5px 0px 0px 0px; width: 24px; } .right-info .social-media ul li a[data-original-title="facebook"] {background-color: #3b5998;} .right-info .social-media ul li a[data-original-title="twitter"] {background-color: #2ca8d2;} .right-info .social-media ul li a[data-original-title="linkedin"] {background-color: #4875B4;} .right-info .social-media ul li a[data-original-title="pinterest"] {background-color: #c92228;} .cs-directory.grid_listing .content_info .dr_pricesection,.cs-directory.grid_listing .content_info .dr_shortoption {width: auto;} .cs-directory.grid_listing .content_info .dr_shortoption { float: right; width: 100%; } .cs-directory.grid_listing .dr_shortoption .dr_location a i { float: left; font-size: 20px; margin: -4px 0px 0px 0px; } .cs-directory.grid_listing .dr_shortoption .dr_location a {font-size: 12px;} .cs-directory.grid_listing .content_info { background-color: #ffffff; border-top: 1px solid #f0f0f0; float: left; padding: 11px 20px 15px 20px; } .cs-related-post.cs-directory.grid_listing .content_info {border: 1px solid #f0f0f0; border-top: none;} .cs-directory.grid_listing .content_info h2 { display: table-cell; height: 44px; vertical-align: middle; } .agent-form { background-color: #f5f5f5; border-bottom: 2px solid #eaeaea; float: left; margin: 0px 0px 20px 0px; padding: 20px; width: 100%; } .agent-userinfo { float: left; margin: 0px 0px 24px 0px; width: 100%; } .agent-userinfo li { border-top: 1px dotted #dedede; color: #333333; float: left; list-style: none; padding: 5px 0px 4px 0px; width: 100%; } .agent-userinfo li:last-child {border-bottom: 1px dotted #dedede;} .agent-userinfo li i { color: #999999; font-size: 16px; margin: 0px 10px 0px 0px; } .agent-userinfo li span {color: #666666;} .agent-form h4 {font-weight: bold;} .agent-form .rq-form ul li .rqform-text,.agent-form .rq-form ul li .rqform-text input,.agent-form .rq-form ul li .rqform-text textarea { float: left; width: 100%; } .agent-form .rq-form ul > li,.agent-form .rq-form ul li textarea {margin: 0px 0px 9px 0px;} .agent-form .rq-form ul > li input[type="button"] { border-radius: 3px; font-weight: bold; padding: 8px 30px; width: auto; } /* Agent Detail Listing */ .agent-listing > li { float: left; list-style: none; margin-bottom: 20px; width: 100%; } .agent-listing ul {margin: 0px;} .agent-listing li {list-style: none;} .agent-author .rq-form ul li .rqform-text, .agent-author .rq-form ul li input[type="text"],.agent-author .rq-form ul li textarea {width: 100%;} .st-userinfo.agent-author .cs-auther figure img {border-radius: 0;} .st-userinfo.agent-author .cs-auther figure { height: auto; width: 100%; } .agent-author .cs-auther,.st-userinfo.agent-author .rq-form ul li {padding: 0px;} .st-userinfo.agent-author .rq-form ul li {border: none;} .st-userinfo.agent-author .rq-form ul li:last-child {margin-bottom: 0px;} .author-info { float: left; padding: 20px 0px 0px 0px; width: 100%; } .author-info h4 {text-transform: uppercase;} .author-info span { background-color: #ff9c00; color: #fff; display: inline-block; font-size: 11px; margin-bottom: 15px; padding: 0 6px; text-transform: uppercase; } .page-sidebar.agent-sidebar:before {display: none;} /* Agent Detail */ .st-userinfo .text ul li span {color: #666;} .st-userinfo .text ul li i { color: #333; font-size: 14px; margin: 0 10px 0 0; width: 15px; } .st-userinfo .social-media ul li { border: none; padding: 0; } .st-userinfo .social-media ul li i { color: #fff; margin: 0; } .cs_assigment_tabs, #scroll-nav, .cs_assigment .detail_text { float: left; width: 100%; } /* Assignment Tabs */ .cs_assigment_tabs ul li { float: left; list-style: none; margin: 0 25px 0 0; position: relative; } .cs_assigment_tabs ul li:before { color: #e7e7e7; content: "/"; position: absolute; right: -14px; top: 0; } .cs_assigment_tabs ul li:last-child:before {display: none;} .cs_assigment_tabs ul li a { color: #999999; font-size: 11px; text-transform: uppercase; } .cs_assigment_tabs ul li span { color: #2f2e2e; font-size: 13px; text-transform: uppercase; } .cs_assigment_tabs ul li:hover a,.cs_assigment_tabs ul li.active a {border-bottom: 1px dotted;} .cs_assigment_tabs ul li a i {margin-right: 5px;} .cs-register-btn { float: right; padding: 2px 0 0; } .cs-register-btn { float: right; padding: 2px 0 0; } .cs-register-btn a { color: #fff; font-size: 12px; padding: 2px 10px; text-transform: uppercase; } /* Assignment Tabs */ .cs_assigment .detail_text strong { display: inline-block; font-weight: 600; margin: 0 0 10px 0; text-transform: uppercase; } /* Assigment Form Style */ .assigment-form { float: left; padding: 20px 0 0 0; width: 100%; } .detail_text .assigment-form h5 { margin: 0; text-transform: uppercase; } .assigment-form form { float: left; padding: 20px 0 0 0; width: 100%; } .assigment-form form label { float: left; text-transform: uppercase; width: 20%; } .assigment-form form input[type="text"] { height: 30px; width: 440px; } .assigment-form form textarea { height: 130px; width: 560px; } .assigment-form form input[type="submit"], .cs-form-element li .inner-sec input[type="submit"] { background-color: #223d7b; border: none; color: #fff; float: left; font-weight: 600; min-width: 110px; padding: 5px 0; text-align: center; text-transform: uppercase; } /* Assigment Form Style */ /* Payments Style */ .main-content-in h5, .main-content-in h6 {text-transform: uppercase;} /* Table Setup */ .payments-table {margin: 0 0 25px 0;} .payments-table thead { background-color: #223d7b; border: none; } .payments-table thead tr th { border: none; color: #fff; font-size: 12px; font-weight: 600; padding: 5px 16px; text-transform: uppercase; } .payments-table thead tr th:first-child {border-left: 1px solid #e2e2e2;} .payments-table tbody tr:nth-child(2n) {background-color: #f8f8f8;} .payments-table tbody tr td {padding: 5px 16px} /* 404 MSG Start */ .page-not-found h2 { font-weight: bold; text-align: center; } .page-not-found h2 .fa { font-size: 105px; margin-right: -15px; } .page-not-found .cs-search-area input {padding-left: 40px;} .desc p { color: #666; font-size: 13px; margin-bottom: 0px; text-align: center; } .go-home { background-color: #ffffff; border-radius: 2px; border: 1px solid #ff5422; color: #ffffff; display: block; font-size: 13px; height: 39px; line-height: 38px; margin: 0px auto; text-align: center; text-transform: uppercase; width: 159px; } .cs-search-area {padding-bottom: 25px;} .cs-search-area .form-control { border-radius: 2px; border: 1px solid #a7a7a7; color: #999; height: 46px; padding-left: 40px; } .cs-search-area > form { display: inline-block; position: relative; width: 399px; } .page-not-found .cs-search-area > form {width: 403px;} .cs-search-area input.btn { background: #ff5422; border: medium none; color: #fff; padding: 10px 30px; position: absolute; right: 7px; top: 3px; z-index: 1; } .page-no-search .cs-search-area input.btn {right: 3px;} .page-no-search .cs-search-area input.btn {height: 40px;} .page-no-search .search-results ul li { float: left; width: 100%; } .page-not-found {text-align: center;} .desc { display: inline-block; float: none; padding-bottom: 25px; width: 54%; } .cs-content404 { padding-bottom: 43px; text-align: center; } .page-not-found .cs-search-area label,.search-results .cs-search-area label {position: static;} .cons-icon-area {text-align: center;} .icon-wrapp { color: #fff; display: inline-block; font-size: 40px; } .icon-wrapp .fa { background-color: #dddddd; padding: 15px; } .main-digit-wrapp { display: inline-block; line-height: 28px; position: relative; } .main-digit-wrapp:after { color: #999; content: ":"; font-size: 20px; position: absolute; right: 25px; top: 0; } .countdown-period {text-transform: capitalize;} .main-digit-wrapp:last-child:after {display: none;} .cs-digit { color: #666; float: left; font-size: 60px; font-weight: bold; padding-bottom: 22px; } .countdown-period { color: #999; float: left; font-size: 18px; font-weight: 300; text-align: center; width: 56%; } .cons-text-wrapp h1 { color: #666; font-size: 30px; font-weight: bold; margin: 0px 0px 7px; text-transform: uppercase; } .cons-text-wrapp p { color: #666; font-size: 18px; letter-spacing: .8px; padding-bottom: 29px; } .spliter { color: #999; font-weight: bold; padding: 0px 25px; } #countdownwrapp {padding-bottom: 43px;} .cons-text-wrapp .social-media { display: inline-block; float: none; width: 26%; } .section-fullwidth .social-media a { background: #f2f2f2; color: #999; font-size: 14px; } .section-fullwidth .social-media ul li a:hover {background: #03b4ea;} .cs-search-area label {position: relative;} .page-no-search .cs-search-area label { left: 0px; position: absolute; top: 0px; width: 100%; } .cs-search-area label:before { color: #999; content: ""; font-family: 'icomoon'; font-size: 15px; left: 4%; position: absolute; top: 11px; z-index: 100; } .cons-icon-area .social-media { display: inline-block; float: none; } /* Video Player Style */ .video-player { background: url(assets/images/pattner-bg.png) repeat; float: left; padding: 15px; width: 100%; } /* Top Slider */ .feature-box { background-color: rgba(0, 0, 0, 0.7); float: left; height: 100%; padding: 38px 22px 40px 25px; position: absolute; top: 0; width: 290px; } .feature-box ul li { float: left; list-style: none; margin-bottom: 10px; margin-right: 7px; } .feature-box ul li { background: none repeat scroll 0 0 #fff; color: #aaa; font-size: 11px; line-height: 18px; margin-bottom: 10px; padding: 0 6px; text-transform: uppercase; } .feature-box ul li.page { background: #ff9c00; color: #fff; } .feature-box h5 { color: #fff; display: inline-block; margin-bottom: 11px; text-transform: uppercase; } .feature-box p { border-bottom: 1px dotted #a1a1a1; color: #999; margin-bottom: 18px; padding-bottom: 18px; } ul.slider-option li { line-height: 18px; margin-bottom: 0; } ul.slider-option li { background: none; color: #ccc; padding: 0px; } ul.slider-option li a span {border-bottom: 1px dotted #a1a1a1;} ul.slider-option li { float: left; margin-bottom: 5px; width: 100%; } ul.slider-option li a { color: #ccc; text-transform: capitalize; } ul.slider-option li .fa {float: right;} ul.slider-option li a:hover {background: none;} /* Content Slider Slider */ .content-slider { float: left; width: 100%; } .flexslider .slides { display: block; float: left; width: 100%; } .testimonial-slider.flexslider .slides {height: auto;} .testimonial.left .ts-author {float: left;} .testimonial-slider figure { display: inline-block; float: none; width: 60px; } .content-slider .flex-control-nav .flex-control-paging {display: none;} .content-slider .flex-control-nav li {display: none;} .content-slider .feature-box ul {margin-left: 0;} .content-slider .flex-direction-nav li a .fa {display: none;} .content-slider .flex-direction-nav a {border: none;} .content-slider .flex-direction-nav { bottom: 50px; left: 19%; position: absolute; right: auto; } .content-slider .flex-direction-nav li, .content-slider {position: relative;} .content-slider .flex-prev:before { color: #fff; content: "\f0d9"; display: block; font-family: 'icomoon'; font-size: 18px; height: 0; left: 90px; overflow: visible; position: absolute; top: 5px; width: 0; z-index: 100; } .content-slider .flex-next:after { color: #fff; content: ""; display: block; font-family: 'icomoon'; font-size: 18px; height: 0; overflow: visible; position: absolute; right: 0px; top: 5px; width: 0; z-index: 100; } .content-slider .flex-direction-nav a { opacity: 1; overflow: visible; } /* Cs Partner Style */ .cs-partner .col-md-2 { margin: 0px -4px 0px 0px; padding: 0px 0px 0px 0px; width: 17%; } .cs-partner a[title]:after { background-color: rgba(0,0,0,0.8); border-radius: 3px; color: #ffffff; content: attr(title); font-size: 11px; left: 0; opacity: 0; padding: 6px 6px; position: absolute; text-align: center; text-transform: uppercase; top: -25%; visibility: hidden; width: 100%; z-index: 20; } .cs-partner figure:hover a[title]:after { opacity: 1; visibility: visible; } .cs-partner ul li { display: inline-block; list-style: outside none none; margin: 0; padding: 0; } .cs-partner ul li figure { float: left; margin-bottom: 0; padding: 5px; } .cs-partner.has_border ul li figure { border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; margin: 0; } .cs-partner { float: left; width: 100%; } .cs-partner.has_border { border-left: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; } .cs-partner.has_border .row {margin: 0px;} .cs-partner .owl-controls { display: none; } .cs-partner.partnerslide.has_border { height: 113px; } /* Icons Style */ .colored-icon { color: #fff; float: left; margin: 0 0 10px; text-align: center; } .colored-icon span { background: #333; border-radius: 100%; box-shadow: 0 0 1px rgba(0, 0, 0, 0); color: #fff; float: left; font-size: 16px; height: 70px; position: relative; text-align: center; transition-duration: 0.3s; transition-property: transform; width: 70px; } .square .colored-icon span { border-radius: 0px; } .colored-icon span:hover:before { -moz-transform: translateY(-2px); -ms-transform: translateY(-2px); -o-transform: translateY(-2px); -webkit-transform: translateY(-2px); opacity: 1; transform: translateY(-2px); } .colored-icon span:hover { -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); -webkit-transform: translateY(-5px); color: inherit; transform: translateY(-5px); } .colored-icon span:before { background: radial-gradient(ellipse at center center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0); content: ""; height: 10px; left: 5%; opacity: 0; position: absolute; top: 100%; transition-duration: 0.3s; transition-property: transform, opacity; width: 90%; z-index: -1; } .colored-icon span i { font-size: 32px; line-height: 70px; } /* Has Arrow style */ .prev-next .flex-control-nav {display: none;} .prev-next .flex-direction-nav a { border: 1px solid #d3d3d3; color: #dcdcdc; cursor: pointer; display: block; font-size: 18px; height: 24px; line-height: 20px; margin: 0px; opacity: 1; overflow: hidden; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 24px; z-index: 10; } .prev-next .flex-direction-nav { position: absolute; right: 45px; top: -26px; } .prev-next .flex-direction-nav .flex-prev { border-right: none; left: 2px; } /* Cs Sposer style */ .cs-partner ul.slides li { margin: 15px; text-align: center; } .cs-partner.prev-next .flex-direction-nav { right: 30px; top: -40px; } /* Shop Slider Style */ .shop-slider { text-align: center; width: 100%; } .shop-slider .text { border: 1px solid #e4e4e4; box-shadow: 0 2px 0px #e4e4e4; padding-bottom: 30px; text-align: center; width: 100%; } .shop-slider .text .custom-btn { min-width: 170px; padding: 12px 30px; } .shop-slider .text .custom-btn i {font-size: 14px;} .shop-slider figure { border: 1px solid #e4e4e4; float: left; margin-bottom: 23px; width: 100%; } .shop-slider .text h5 { float: left; text-transform: uppercase; width: 100%; } .shop-slider .text span { color: #333; display: inline-block; margin-bottom: 10px; } .shop-slider .text span.old-price { color: #ccc; font-size: 14px; text-decoration: line-through; } .shop-slider figure { overflow: hidden; position: relative; } .shop-slider figcaption { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background: rgba(0, 0, 0, 0.7); border-bottom: 1px solid #a9a69f; border-top: 1px solid #a9a69f; bottom: 0; height: 45px; margin-bottom: -50px; opacity: 0; padding: 15px 0; position: absolute; text-align: center; transition: all 0.3s ease-in-out; visibility: hidden; width: 100%; } .shop-slider figure:hover figcaption { margin-bottom: 0px; opacity: 1; visibility: visible; } .shop-slider figcaption .rating-box:before {color: #04A4CC;} .shop-slider figcaption .cs-rating:before, .shop-slider figcaption .rating-box:before {font-size: 14px;} .shop-slider figcaption .cs-rating { display: inline-block; float: none; } .shop-slider.prev-next .flex-direction-nav { right: 65px; top: 0px; } .cs-twitter .text h2 { color: #333; font-size: 24px; font-weight: 300; } .cs-twitter.twitter-slider ul li {border-bottom: none;} .cs-twitter.twitter-slider p { color: #555555; font-weight: 600; } .cs-twitter.twitter-slider p time { font-size: 12px; font-weight: 600; margin-left: 8px; } .cs-twitter p i { color: #03b4ea; font-size: 20px; margin: 3px 0 0 0; } .twitter-slider.prev-next .flex-direction-nav {top: -50px;} /* Fancy Heading style */ .fancy-heading {text-align: center;} .fancy-heading h2 { color: #6d6d6d; font-size: 26px; margin-bottom: 3px; text-transform: uppercase; } .fancy-heading .fa { color: #4d8b0c; font-size: 50px; padding-bottom: 5px; } .fancy-heading p {padding-bottom: 12px;} .fancy-heading-engine {display: inline-block;} .fancy-heading-engine .fa { float: left; width: 47px; } .fancy-heading-engine h2 { float: left; padding-left: 10px; padding-top: 6px; } /* Thumb Gallery Style */ .thumb_gallery ul li { margin: 0 -4px 2px 0; padding: 0 1px; } .cs-gallery { float: left; width: 100%; } .cs-gallery.thumb_gallery .row {margin: 0px;} .default_gallery figure { float: left; position: relative; } .default_gallery figcaption { bottom: 5px; left: 5px; position: absolute; width: 95%; } .default_gallery p { background-color: rgba(0, 0, 0, 0.5); color: #fff; display: block; font-size: 12px; margin: 0px; padding: 7px 10px; text-transform: uppercase; } .default_gallery [class*="col-md"] { margin: 0px -4px 5px 0px; padding: 0 5px; } .default_gallery .row {margin: 0px;} /* Gutter Gallery Style */ .gutter_gallery .col-md-4 { margin: 0px -4px 0px 0px; padding: 0px; } .gutter_gallery {margin-left: 13px;} .thumb_gallery figure { float: left; margin: 0px; position: relative; width: 100%; } .gutter_gallery figure { float: left; margin: 0; position: relative; width: 100%; } .cs-gallery figure .hover { -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; background: url(assets/extraimages/plus.png) no-repeat scroll 52% 54% rgba(0,0,0,.6); display: inline-block; height: 100%; left: 0; margin-left: auto; margin-right: auto; margin-top: 0px; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease-in-out; width: 100%; } .cs-gallery figure:hover .hover {opacity: 1;} .thumb_gallery figure .hover {background-size: 31px 31px;} /* Content Block Setup */ .jRatingAverage { background-color: #f62929; height: 100%; left: 0; position: relative; top: 0; z-index: 2; } .jRatingColor { background-color: #f4c239; height: 100%; left: 0; position: relative; top: 0; z-index: 2; } .jStar { left: 0; position: relative; z-index: 3; } .directory-rate {display: inline-block;} p.jRatingInfos { background: transparent url('icons/bg_jRatingInfos.png') no-repeat; color: #000; display: none; font-size: 16px; height: 29px; padding-top: 5px; position: absolute; text-align: center; width: 91px; z-index: 9999; } p.jRatingInfos span.maxRate { color: #c9c9c9; font-size: 14px; } /* Contact Form Style */ .contact-form.cs_form_styling label { float: left; margin: 0px 0px 5px 0px; width: 100%; } .contact-form.cs_form_styling input { float: left; margin: 0px 0px 10px 0px; width: 100%; } .contact-form.cs_form_styling textarea { float: left; height: 160px; margin: 0px 0px 10px 0px; width: 100%; } .contact-form.cs_form_styling input[type="submit"] { border-radius: 3px; border: none; color: #ffffff; font-weight: bold; margin: 10px 0px 0px 0px; padding: 8px 25px; text-transform: uppercase; width: auto; } .cs_banner_section,.widget.cs_ads_banner .cs_banner_section a { float: left; text-align: center; width: 100%; } .cs_banner_section a { display: inline-block; float: none; } .widget .cs_banner_section a,.widget .cs_banner_section a img { float: left; width: 100%; } .modal-backdrop {display: none;} /* Register Page */ .register-page {position: relative;} .register-page .cs-login-form p span,.register-page input[type="password"], .register-page input[type="text"] { float: left; width: 100%; } .status i {position: static;} .register-page input[type="password"], .register-page input[type="text"] {padding: 7px 38px;} .register-page input[type="button"] { background-color: #355c7d; border-radius: 3px; border: none; color: #fff; font-size: 14px; font-weight: 300; margin: 0px 0px 10px 0px; padding: 5px 20px; } .register-page .hd_sepratore {width: 100%;} .register-page .hd_sepratore span:before, .register-page .hd_sepratore span:after {top: 9px;} .register-page .sg-social a i { background-color: rgba(0, 0, 0, 0.2); color: #fff; font-size: 14px; height: 100%; margin: 0px; padding: 16px 0px 0px; position: absolute; right: 0px; text-align: center; top: 0px; width: 50px; } .cs-user-register ul li { float: left; list-style: none; margin: 0px 0px 10px 0px; position: relative; width: 100%; } .cs-user-register ul li i { left: 14px; position: absolute; top: 9px; } .cs-user-register .status-message i,.cs-user-register .cs-iconlist li i {position: static;} .registor-log { float: left; text-align: center; width: 100%; } .registor-log a i { display: inline-block; font-size: 40px; margin: 0px 0px 10px; } /* Footer Setup */ #footer-sec { background-color: #e6e6e6; background-position: bottom center; float: left; padding: 60px 0px 60px 0px; width: 100%; } .footer-content { float: left; width: 100%; } /* Footer NewsLatter Setup */ #newslatter-sec { background-color: rgba(0,0,0,0.2); float: left; padding: 32px 0px 25px 0px; text-align: center; width: 100%; } #newslatter-sec [class*="col-md"] {margin: 0px -4px 0px 0px;} #newslatter-sec .user-signup {margin: 0px 0px 0px 0px;} .user-signup { display: inline-block; margin: 0px 0px 20px 0px; position: relative; } #newslatter-sec #newsletter_mess_1 { left: auto; right: -1px; top: -22px; } #newslatter-sec #process_newsletter_1 i {right: 5%;} #newsletter_mess_1 { background: red; color: #fff; font-size: 11px; left: -1px; padding: 1px 4px; position: absolute; top: -22px; } #process_newsletter_1 i { padding: 0; position: absolute; right: 9%; top: 15px; } .user-signup span { color: #ffffff; float: left; font-size: 16px; font-weight: 600; padding: 12px 30px 0px 0px; } .user-signup form { float: left; padding: 4px 3px; width: 540px; } .user-signup form i { color: #6b6b6b; float: left; padding: 14px 5px 0 12px; } .user-signup form input[type="text"] { border: none; color: #6b6b6b; font-size: 12px; height: 44px; width: 100%; } .user-signup form input[type="text"], .user-signup form input[type="submit"], .user-signup form {background-color: #2f2f2f;} .user-signup form label { float: left; margin: 0px; text-align: left; width: 75%; } .user-signup form input[type="submit"] { background-color: #444444; border-radius: 2px; border: none; color: #ffffff; float: right; font-weight: 600; padding: 10px 23px; text-transform: uppercase; } /*-------------------------Profile Settings--------------------------*/ .cs-holder { float: left; width: 100%; } .cs-holder:nth-child(6) .has-border {border-top: none;} .cs-holder:nth-child(6) .form-title {border-bottom: 1px solid #f0f0f0;} .has-border { background-color: #ffffff; border-top: none; border: 1px solid #f0f0f0; float: left; margin: 0px 0px 10px 0px; padding: 30px; width: 100%; } .has-border:first-child {border-top: 1px solid #f0f0f0;} .cs-profile-title { background-color: #f1f1f1; float: left; padding: 4px 20px; text-transform: uppercase; width: 100%; } .page-sidebar.profile-bar:before {display: none;} .post-title { border-bottom: 1px solid #f1f1f1; float: left; margin: 0px 0px 25px 0px; padding: 0px 0px 6px 0px; width: 100%; } .post-title h2 {text-transform: uppercase;} .cs-form-element li {list-style: none;} ul.cs-form-element.has-border {margin: 0px 0px 0px 0px;} .holder { border-bottom: 1px dotted #acacac; float: left; margin: 0 0 30px; width: 100%; } ul.cs-form-element { float: left; margin: 0 0 0px; width: 100%; } ul.cs-form-element ul {margin-left: 0px;} .cs-form-element.half-input > li { padding-right: 15px; width: 50%; } .cs-form-element.half-input > li:nth-child(2n) {padding-right: 0px;} .cs-form-element > li { float: left; list-style: none outside none; margin: 0 0 10px; width: 100%; } .cs-form-element.column-input li { float: none; position: relative; padding: 0px 22px 0px 0px; vertical-align: top; width: 33%; } .loader-states,.loader-cities { position: absolute; right: 22px; top: 0; } .cs-form-element.tw-input li { float: left; padding-right: 20px; width: 75%; } .cs-form-element.tw-input li:nth-child(2n) { padding-right: 0px; width: 25%; } .cs-form-element li input[type="button"] { border: none; color: #ffffff; float: left; font-size: 14px; margin: 33px 0px 0px 0px; padding: 6px 10px; text-transform: uppercase; width: 100%; } .cs-form-element .SumoSelect {width: 100%;} .cs-form-element .SumoSelect > .CaptionCont { min-height: 40px; width: 100%; } .cs-form-element .SumoSelect > .CaptionCont {border: 1px solid #dae4eb;} .cs-form-element .SumoSelect > .CaptionCont > label { background-color: #ffffff; border-left: 1px solid #dae4eb; margin: 0px; } .cs-form-element .SumoSelect > .CaptionCont > label > i { background: none; height: 100%; padding: 4px 0px 0px 0px; text-align: center; width: 30px; } .cs-form-element .SumoSelect > .CaptionCont > label > i:before { color: #bbcbd6; content: "\eaaf"; font-family: 'icomoon'; font-size: 20px; font-style: normal; } .cs-form-element .SumoSelect > .CaptionCont > span { color: #999999; font-size: 13px; padding: 0px 0px 0px 15px; } .cs-form-element .SumoSelect:hover > .CaptionCont > label > i:before {color: #ffffff;} .cs-form-element .SumoSelect > .optWrapper.open {top: 44px;} .cs-form-element .SlectBox, .cs-form-element .SlectBoxa {padding: 8px 5px 2px 5px;} .cs-form-element .SumoSelect > .optWrapper > .options > li { float: left; margin: 0px; width: 100%; } .cs-form-element.column-input li:nth-child(3n) {padding-right: 0px;} .rich_editor_text .cs-form-element li {float: left;} .cs-form-element li label { color: #333333; float: left; font-size: 13px; font-weight: 500; margin: 0px 0px 5px 0px; text-transform: uppercase; width: 100%; } .cs-form-element li .inner-sec { float: left; position: relative; width: 100%; } .cs-form-element li .inner-sec p { color: #bbbbbb; font-size: 12px; font-style: italic; font-weight: 300; margin-top: 5px; } .cs-form-element li input[type="text"], .cs-form-element li input[type="password"] { border: 1px solid #dae4eb; color: #999; float: left; font-weight: 300; height: 40px; padding: 8px 14px; width: 100%; } .cs-form-element li textarea { border: 1px solid #dae4eb; height: 220px; padding: 8px 14px; width: 100%; } .cs-form-element li .inner-sec input[type="submit"] { border-radius: 2px; font-size: 12px; font-weight: 700; padding: 3px 0; } .cs-form-element .inner-sec .loading-fields { position: absolute; right: 0; top: 0; } .cs-form-element .radio-box li label { color: #666666; font-size: 13px; text-transform: capitalize; } /*---Onn Off Switch---*/ .button-holder { float: left; height: 35px; padding: 4px 0; position: relative; width: 100%; } .button-holder .switch-text { float: left; position: relative; } .button-holder input.switch:checked ~ span.switch-text:after { color: #333; content: "on"; font-size: 14px; left: 45px; position: absolute; text-transform: uppercase; top: -1px; } .button-holder input.switch:empty ~ .switch-text:after { color: #333; content: "off"; font-size: 14px; left: 45px; position: absolute; text-transform: uppercase; top: -1px; } input.switch:empty {margin-left: -999px;} input.switch:empty ~ .switch-text label { cursor: pointer; float: left; line-height: 1.6em; margin: 0.2em 0; position: relative; text-indent: 4em; } input.switch:empty ~ .switch-text label:before, input.switch:empty ~ .switch-text label:after { -moz-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in; background-color: #ec2b3a; border-radius: 30px; bottom: 0; content: ' '; display: block; height: 22px; left: 0; position: absolute; top: 0; transition: all 100ms ease-in; width: 36px; } input.switch:empty ~ .switch-text label:after { -moz-box-shadow: none; -webkit-box-shadow: none; background-color: #fff; border-radius: 10px; box-shadow: none; height: 18px; margin-left: 3px; top: 2px; width: 18px; } input.switch:checked ~ .switch-text label:before {background-color: #b8cd54;} input.switch:checked ~ .switch-text label:after {margin-left: 15px;} /* Profile Settings */ .cs-form-element li label span { color: #e32222; float: right; margin: 2px 15px 0 0; } .cs-form-element .dr-search {width: 360px;} .holder.no-border {border: none;} .add-photos { float: left; margin: 0; } .add-photos li { border: 1px solid #dddddd; float: left; margin: 0 5px 0 0; width: 19%; } .cs-form-element .add-status .dr-search, .cs-form-element .add-status input[type="text"] {width: 155px;} .cs-form-element .add-status input[type="text"] { height: 32px; margin: 0 12px; } .cs-form-element .add-status .dr-search-small {width: 47px;} .holder h5 { background-color: #223d7b; color: #fff; float: left; font-weight: 700; margin-bottom: 25px; padding: 10px 15px; text-transform: uppercase; width: 100%; } .cs-form-element .medium-input input[type="text"] { margin: 0 17px 0 0; width: 210px; } .cs-form-element li .inner-sec span { display: inline-block; font-size: 12px; } .cs-form-element .checkbox-area { float: left; margin: 0 0 15px 0; width: 100%; } .cs-form-element .checkbox-area input[type="checkbox"] { float: left; margin-right: 10px; } .cs-form-element li .inner-sec .checkbox-area p { color: #333; float: left; font-size: 11px; line-height: 20px; margin: 0; text-transform: uppercase; } .cs-form-element li .inner-sec .checkbox-area p a { color: #296abc; text-decoration: underline; } .cs-user-list { background-color: #fbfbfb; float: left; padding: 30px 40px 40px 30px; position: relative; width: 100%; } .cs-user-list ul { float: left; width: 88%; } .cs-user-list ul li { color: #666; list-style: none; } .cs-user-list ul li i { color: #999; font-size: 12px; margin: 0 12px 0 0; } .cs-user-list img { margin: -50px 0 0 0; position: absolute; top: 50%; width: 12%; } .gllpMap { float: left; height: 236px; width: 100%; } .cs-form-element .browse-sec { display: inline-block; width: 100%; } .cs-form-element > ul { margin: 0px; padding: 0px; } /* Radio Box Setup */ .cs-form-element .radio-box li { float: left; width: 25%; } .radio-box li label { cursor: pointer; display: inline-block; font-size: 13px; margin-right: 15px; padding-left: 35px; position: relative; } .radio-box li input[type=radio] {display: none;} .radio-box li label:before { background-color: #ffffff; border: 1px solid #dce5ec; bottom: 3px; content: ""; display: inline-block; height: 22px; left: 0; position: absolute; width: 22px; } .radio-box li label:before {border-radius: 100%;} .radio-box li input[type=radio]:checked + label:before { color: #a8bd44; content: "\2022"; font-size: 46px; line-height: 18px; text-align: center; } /* Profile Page */ .cs-form-element li .select-style .cat-loading-fields:after {top: 1px;} .cs-form-element .select-style { float: left; position: relative; width: 100%; } .cs-form-element li .inner-sec span.cat-loading-fields { display: inline-block; font-size: 12px; position: absolute; right: 0; top: 0; } .icon-input { float: left; position: relative; width: 50%; } .icon-input a { color: #ffffff; display: inline-block; margin: 0 0 0 10px; padding: 14px 15px; position: absolute; right: 0px; top: 0px; } .cs-tags-selection li { background: #fcfcfc; border: none; box-shadow: 0px 0px 6px 0px #eef1f3 inset; float: left; margin: 4px 4px 4px 0px; padding: 2px 15px; width: auto; border-radius: 0px; } .cs-tags-selection li .close { font-size: 13px; line-height: 2.3; margin-left: 7px; } .cs-tags-selection li span {color: #8c8c8c;} .cs-form-element .cs-tags-selection { float: left; margin: 0px 0 0; padding: 0px 0px 0px 20px; width: 50%; } .cs-list-table { float: left; width: 100%; } .cs-featured-list { float: left; width: 100%; } .cs-featured-list li { float: left; width: 33.333%; } .cs-checkbox label { cursor: pointer; display: inline-block; font-size: 13px; margin: 0px; padding-left: 26px; position: relative; line-height: 22px; text-shadow: 2px 2px 1px #fff; } .sidebar-search .cs-checkbox label {font-weight: normal;} .cs-search-v1 .dir-search-fields { float: none; display: table; } .cs-search-v1 .dir-search-fields > ul { display: table-row; } .cs-search-v1 .dir-search-fields > ul > li { display: table-cell; } .cs-search-v1 .dir-search-fields { padding: 20px 5px 6px 25px; } .cs-search-v1 .directory-advanced-search-content form ul li { padding: 0 20px 0 0; } .cs-checkbox input[type=checkbox] {display: none;} .cs-checkbox label:before { background-color: #ffffff; border-radius: 3px; border: 1px solid #dbdbdb; bottom: 4px; box-shadow: 1px 1px 2px 0 #dbdbdb inset; content: ""; display: inline-block; height: 16px; left: 0; margin-right: 10px; position: absolute; width: 16px; } .cs-checkbox input[type=checkbox]:checked + label:before { color: #6f6f6f; content: "\f00c"; font-family: 'icomoon'; font-size: 11px; line-height: 14px; text-align: center; } .galleryupload > li { float: left; width: 100%; } .galleryupload > li.gallery-for { border-top: 1px solid #f8fafb; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; width: 100%; } .cs-form-element.four-column > li { float: left; padding: 0px 18px 0px 0px; width: 25%; } .galleryupload #directory_images_container { background: url(assets/images/gallery-pattren.png); float: left; padding: 15px; position: relative; text-align: center; width: 100%; } .galleryupload li.featured-image { float: left; padding: 0px 7px 0px 0px; width: 33.333%; } .galleryupload li.gallery-thumb { } .cs-form-element.four-column > li:nth-child(4n) {padding-right: 0px;} .cs-form-element.four-column > li .radio-box li {width: 50%;} .input-file-row-1:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } .input-file-row-1 { display: inline-block; margin-top: 25px; position: relative; } #preview_image { display: none; height: 100%; width: 100%; } .upload-file-container { background-size: cover; background: url(assets/images/userfeatured-image.jpg) top center no-repeat; float: left; height: 265px; overflow: hidden; position: relative; width: 100%; } .gallery-thumb .directory_images li.hint-text { padding: 65px 0px 0px 0px; width: 100%; text-align: center; } .directory_images li.hint-text h2 { margin: 0px; text-transform: uppercase; } .upload-file-container-text,#cs_upload_featured_img { background-color: rgba(0,0,0,0.5); bottom: 0; color: #ffffff; display: block; left: 0; padding: 3px 10px 5px 10px; position: absolute; text-align: center; width: 100%; } .cs-form-element li .upload-file-container-text input[type="button"] {margin: 0px;} .upload-file-container-text input {cursor: pointer;} .one_opacity_0 { float: left; height: 0; opacity: 0; width: 100%; } .gallery-thumb .directory_images { float: left; margin: 0px 0px 7px 0px; min-height: 229px; padding: 0px 0px 40px 0px; width: 100%; text-align: left; } .gallery-thumb .directory_images li { float: none; display: inline-block; vertical-align: top; padding: 0px 7px 7px 0px; position: relative; width: 20%; margin: 0px -4px 0px 0px; height: 130px; } .image-wrapper i { font-size: 50px; text-align: center; vertical-align: middle; } .directory_images li img { height: 100px; width: 100px; } .directory_images li img {width: 100%; height: 100%; border-radius: 3px;} .directory_images li a.delete,.upload-file-container a.close,.featured-image .delete { background-color: rgba(0,0,0,0.8); color: #ffffff; height: 25px; opacity: 1; position: absolute; right: 0px; text-align: center; top: 0px; width: 25px; } .directory_images li a.delete {right: 7px;} .add_gallery { background: #ffffff; bottom: 15px; box-shadow: 0 0 3px 0px rgba(0,0,0,0.2); color: #006ba7; float: left; left: 15px; padding: 6px 0px; position: absolute; text-align: center; text-transform: uppercase; width: 94.7777%; } .add_gallery i {margin-right: 5px;} .faq-form table thead tr th { background: #fcfcfc; border: none; } .faq-form table tbody tr td { background: #fcfcfc; border: none; color: #333333; font-size: 13px; padding: 6px 20px; } .faq-form table tbody tr td a {color: #e1e1e1;} .faq-action {float: right;} .faq-action a { float: left; margin: 0px 0px 0px 10px; } .faq-form .cs-list-table {margin: 0px 0px 20px 0px;} .faq-form .dr_custmbtn { border-radius: 0px; color: #ffffff; float: left; font-size: 14px; font-weight: normal; padding: 5px 25px; text-transform: uppercase; } #confirmOverlay { position: relative; z-index: 99; } #confirmOverlay:before { background: rgba(0,0,0,0.8); content: ""; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 0; } #confirmBox { background: rgba(0,0,0,0.6); left: 50%; margin: -100px 0 0 -150px; position: fixed; top: 50%; } #confirmText { color: #fff; font-size: 17px; font-weight: bold; margin: 0 auto; padding-top: 50px; text-align: center; } #confirmButtons { padding: 25px 60px 40px; text-align: center; } #confirmBox .button { border-radius: 4px 4px 4px 4px; box-shadow: 1px 1px 3px #444444; cursor: pointer; float: left; font-weight: bold; height: 28px; line-height: 28px; margin-right: 30px; padding: 0 20px; text-shadow: 0 0 0 #000000; } #confirmBox .confirm-yes { background: #f67689; border: 1px solid #DE6B85; color: #913945; } #confirmBox .confirm-no { background: #b4d773; border: 1px solid #F5B74E; color: #996633; margin-right: 0; } #gal-sortable { float: left; width: 100%; } .dragarea { float: left; width: 100%; } .cs-form-element li .form-elements input[type="button"] {margin-top: 15px;} /* Pakages Setup */ .cs-packges { float: left; margin-bottom: 25px; width: 100%; } .cs-packges li { float: left; padding: 0px 20px 0px 0px; text-align: center; width: 33.333%; } .cs-packges li:nth-child(3n) {padding-right: 0px;} .cs-packges li .package-box { background-color: #82daca; border-radius: 4px; float: left; width: 100%; } .cs-package-top { float: left; padding: 40px 0px 25px 0px; width: 100%; } .cs-package-top span { display: block; text-transform: uppercase; } .cs-package-top .price { font-size: 50px; line-height: 1; margin: 0px 0px 10px 0px; } .cs-package-top .name { font-size: 16px; margin: 0px 0px 0px 0px; } .cs-package-top .no-of-day {font-size: 12px;} .cs-package-bottom { background-color: rgba(0,0,0,0.2); float: left; padding: 10px 0px; width: 100%; } .submit-terms p {margin-bottom: 22px;} .submit-terms p,.submit-terms span {display: block;} .submit-terms .submit { border: none; color: #ffffff; display: inline-block; font-size: 14px; padding: 9px 40px 11px; text-transform: uppercase; } .cs-submit-form li .terms {display: inline-block;} .cs-submit-form li .terms input,.cs-submit-form li .terms label { float: left; width: auto; } .cs-submit-form li .terms input {margin: 8px 10px 0px 0px;} /* Add's Setup */ .ads-in { border-bottom: 1px solid #f1f1f1; float: left; margin: 30px 0px 0px 0px; padding: 20px; width: 100%; background-color: #fcfcfc; } .ads-in:first-child,.saved-ads.ads-in:first-child { margin: 0px; } .ads-in h4 {text-transform: uppercase; float: left; } .ads-in figure { border: 1px solid #f0f0f0; float: left; width: 148px; } .ads-in figure ~ .text {padding: 10px 0px 0px 165px;} .ads-in .dr_postoption li { margin: 0px; width: 100%; } .ads-in .save-like-btns {float: right;} .bottom-sec { background-color: #ffffff; float: left; margin: 10px 0px 0px 0px; width: 100%; border-bottom: 1px solid #eeeeee; } .expiry-date,.expiry-date a { color: #666666; float: left; font-size: 12px; text-transform: uppercase; padding: 6px 0px 0px 10px; } .expiry-date a i {margin-right: 6px;} .bottom-sec ul {float: right;} .bottom-sec ul li { border-left: 1px solid #f5f5f5; color: #999999; float: left; font-size: 11px; list-style: none; padding: 1px 12px; text-transform: uppercase; } .bottom-sec ul li:first-child { border-left: none; padding-left: 0px; } .bottom-sec ul li a { color: #999999; font-size: 11px; } .bottom-sec ul li a.deactive-btn { color: #ef9a9a; cursor: pointer; } .bottom-sec ul li a.edit-btn {color: #9aceef;} .bottom-sec ul li .close { color: #666666; font-size: 16px; padding: 5px 0px; } .bottom-sec ul li i {margin-right: 6px;} .save-like-btns a { background-color: #7be2a9; border-radius: 3px; color: #ffffff; float: left; margin-right: 2px; padding: 2px 8px 1px 8px; padding: 5px 8px; } .save-like-btns a i {margin-right: 4px;} .add-featured { background-color: #ff9c00; color: #ffffff; float: left; line-height: 2.1; margin: 3px 7px 0px 0px; padding: 0px 7px; text-transform: uppercase; } .add-price { color: #666666; font-size: 14px; text-transform: uppercase; } .directory-package { float: left; width: 100%; } .directory-package tbody { background-color: #ffffff; } .directory-package table thead tr th { background-color: #f4f4f4; border-top-color: #f0f0f0; color: #666666; font-size: 12px; font-weight: normal; } .directory-package table > thead > tr > th, .directory-package table > tbody > tr > th, .directory-package table > tfoot > tr > th, .directory-package table > thead > tr > td, .directory-package table > tbody > tr > td, .directory-package table > tfoot > tr > td {border-color: #f0f0f0;} .toggle-sec { float: left; width: 100%; } .owl-item .tooltip .tooltip-inner { margin: 0px 0px 0px -60px; } /* Main Tab's Setup */ #scroll-nav { border-bottom: 1px solid #dddddd; float: left; margin: 0px 0px 20px 0px; width: 100%; } #scroll-nav li { background-color: #efefef; border-radius: 4px 4px 0px 0px; float: left; list-style: none; margin-right: 5px; min-width: 140px; padding: 5px 0; text-align: center; } #scroll-nav li a { color: #ffffff; font-size: 12px; text-transform: capitalize; } #scroll-nav li a i { color: #ffffff; margin-right: 7px; } #scroll-nav li.active a {color: #999;} #scroll-nav li.active { border-bottom: none; border: 1px solid #dddddd; margin-top: -7px; padding: 8px 0px; position: relative; } #scroll-nav li.active:before { background-color: #ffffff; bottom: -1px; content: ''; height: 2px; left: 0px; position: absolute; width: 100%; } /* UserProfile Tabs Setup */ .main-content-in.has-border,.main-content-in { margin: 0px 0px 30px 0px; float: left; width: 100%; } .error.form-title { background: #fcfcfc; float: left; margin: 0 0 15px; padding: 8px 15px; width: 100%; border: 1px solid #f0f0f0; } .cs_profile_tabs { float: left; width: 100%; } .cs_profile_tabs ul.cs-user-menu li { background-color: #ffffff; float: left; list-style: none; position: relative; width: 100%; padding: 0px; } .cs_profile_tabs ul.cs-user-menu li a {border-bottom: 1px solid rgba(241,241,241,0.5); float: left; width: 100%; list-style: none; padding: 9px 22px 9px 56px;} .cs_profile_tabs ul.cs-user-menu li span { background: none; position: absolute; right: 10px; top: 9px; } .cs_profile_tabs ul.cs-user-menu li:first-child a {border-top: 1px solid rgba(241,241,241,0.5);} .cs_profile_tabs ul.cs-user-menu li i { border-right: 1px solid rgba(241,241,241,0.5); color: #555555; height: 46px; left: 0px; padding: 16px 0px 0px 0px; position: absolute; text-align: center; top: 0px; width: 40px; } .cs_profile_tabs ul.cs-user-menu li.active { background-color: #006ba7; border-left: none; } .cs_profile_tabs ul.cs-user-menu li.active a,.cs_profile_tabs ul.cs-user-menu li.active i,.cs_profile_tabs ul.cs-user-menu li.active span {color: #ffffff;} .cs_profile_tabs ul.cs-user-menu li:before {display: none;} /* SaveAdd's Setup */ .profile-title { float: left; margin: 0px 0px 15px 0px; width: 100%; } .profile-title h4 { float: left; text-transform: uppercase; } .profile-title a { color: #999999; float: right; } .profile-title a i {margin-right: 7px;} .saved-ads.ads-in { margin: 15px 0px 0px 0px; padding: 15px; } .saved-ads .close { background-color: #b7e992; border-radius: 3px; color: #ffffff; height: 36px; margin: -25px 0px 0px 0px; opacity: 1; padding: 7px 0px 0px 0px; text-align: center; width: 36px; } .saved-ads.ads-in figure { border: none; width: 115px; } .saved-ads.ads-in figure ~ .text {padding: 10px 0px 0px 144px;} .saved-ads h3 {text-transform: uppercase;} .saved-ads .close:hover { background-color: #ffffff; border: 1px solid #e2e0e1; color: #e2e0e1; } .saved-ads.ads-in .dr_postoption li { line-height: 16px; margin-right: 10px; width: auto; } /* LeftSide Baar Setup */ .post-new-add { float: left; margin-bottom: 30px; padding: 15px 0px 15px 70px; position: relative; width: 100%; } .post-new-add i { border-right: 1px solid rgba(241,245,252,0.5); color: #ffffff; float: left; height: 100%; left: 0px; padding: 28px 18px 0px 18px; position: absolute; top: 0px; } .post-new-add a { color: #ffffff; font-size: 14px; text-transform: uppercase; } .post-new-add span { color: #ffffff; display: block; font-size: 10px; text-transform: uppercase; } /* Profile Review Setup */ .profile-review > h5 { float: left; padding: 10px 0px 0px 0px; } .profile-review .add_review_btn { float: right; } .profile-review .cs-reviews { float: left; margin: 25px 0px 0px 0px; width: 100%; } .profile-review .cs-reviews:last-child { border: none; padding: 0px; } .profile-review .cs-reviews figure ~ .left-sp:before {display: none;} .profile-review .cs-reviews figure ~ .left-sp {padding: 0px 0px 0px 90px;} .profile-review .cs-reviews .left-sp span {display: block;} .profile-review .cs-reviews .cs-review-directory a { color: #6aa7da; font-size: 14px; margin: 0px 0px 4px 0px; text-decoration: underline; } .profile-review .cs-reviews .cs-rating-desc { color: #333333; margin: 0px 0px 2px 0px; } .profile-review .cs-reviews .left-sp p {margin: 0px 0px 18px 0px;} .cs-review-rating li { float: left; list-style: none; padding-right: 10px; width: 25%; } .profile-review .cs-reviews h5 { display: block; font-size: 14px; text-transform: capitalize; width: 100%; } .cs-review-rating li:nth-child(4n) {padding-right: 0px;} .cs-review-rating li label { color: #aaaaaa; font-size: 11px; line-height: 1; margin: 0px 0px 5px 0px; text-transform: uppercase; } /*.cs-review-rating li .cs-rating:before { content: "\e9f9 \e9f9 \e9f9 \e9f9 \e9f9"; font-family: 'icomoon'; } .cs-review-rating li .rating-box:before { content: "\e9f8 \e9f8 \e9f8 \e9f8 \e9f8"; font-family: 'icomoon'; }*/ .cs-iconstyle {float: left;} .cs-iconstyle span { background-color: #f8af13; color: #ffffff; font-size: 15px; line-height: 1; margin-right: 10px; padding: 7px 10px; } .cs-review-rating .infotext small { color: #aaaaaa; display: block; font-size: 11px; line-height: 1; margin-bottom: 7px; text-transform: uppercase; } /* UploadThumb Setup */ .page-wrap { float: left; margin-bottom: 15px; position: relative; } .cs-hint-text { float: left; margin: 10px 0px 10px 0px; width: 100%; } .cs-hint-text li { color: #bbbbbb; font-size: 12px; font-style: italic; line-height: 1.8; margin: 0px; } .thumb-secs {float: left;} .gal-edit-opts { background-color: rgba(0, 0, 0, 0.6); cursor: pointer; padding: 1px 10px; position: absolute; right: 0px; top: 0px; } .gal-edit-opts a {color: #ffffff;} .profile-thumb {float: left;} .page-wrap ~ .profile-thumb { float: right; width: 78%; } .profile-loading { background-color: rgba(0, 0, 0, 0.5); left: 50%; margin: -15px 0 0 -15px; position: absolute; top: 50%; } .profile-loading i { color: #fff; float: left; padding: 8px 9px; } .fileUpload { border-radius: 3px; color: #ffffff; float: left; font-size: 14px; overflow: hidden; padding: 5px 15px; position: relative; text-transform: uppercase; } .cs-update-avatar { border-radius: 3px; border: none; color: #fff; padding: 5px 15px; text-transform: uppercase; width: auto; } .fileUpload.media_upload { padding: 0px; width: 100%; height: 123px; } .fileUpload.media_upload input.upload,.fileUpload.media_upload img { height: 100%; } .upload-file-icon { display: none; position: relative; } .fileUpload span i { float: left; font-size: 14px; margin: 8px 7px 0 0; } .file-upload {padding: 0 6px;} .upload-file-icon i { position: absolute; right: 11px; top: 3px; } .fileUpload input.upload { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; } .form-title { border: 1px solid #f0f0f0; border-bottom: none; float: left; width: 100%; } .form-title h4 { float: left; font-size: 16px; margin: 0; padding: 12px 0px 0px 20px; text-transform: uppercase; } .form-title a { border-left: 1px solid #f0f0f0; color: #b8b8b8; cursor: pointer; float: right; font-size: 20px; padding: 7px 15px 5px 15px; } .pcs-social-media .inner-sec i { border-left: 1px solid #dae4eb; color: #555555; height: 100%; padding: 13px 12px; position: absolute; right: 0px; top: 0px; } .title-left li label { float: left; width: 25%; } .title-left li .inner-sec { float: left; width: 75%; } .cs-submit-form {text-align: center;} .cs-form-element.cs-submit-form li .inner-sec input[type="submit"] { display: inline-block; float: none; padding: 10px 35px; } .cs-form-element.cs-submit-form li .inner-sec p {margin: 20px 0px 0px 0px;} .cs-form-element.cs-submit-form li .inner-sec span { margin-bottom: 20px; width: 100%; } .cs-form-element li.enable-post {position: relative;} .cs-form-element li.enable-post .cs-package-desc { float: left; margin: -5px 0px 0px 0px; width: 50%; } .cs-form-element .SumoSelect > .optWrapper.multiple > .options > li { float: left; width: 100%; } .cs-form-element li.enable-post label { float: left; width: 25%; } .cs-form-element li.enable-post .inner-sec {width: 81%;} .cs-package-upper { float: left; margin: 0px 0px 15px 0px; width: 100%; } .cs-package-upper .radio-box { float: right; width: 50%; } .cs-package-lower .SumoSelect > .optWrapper > .options > li label {width: auto;} /* Ads Setup */ ul.cs-form-element .cs-select-cat ul { margin-left: -15px; margin-top: -15px; } .cs-select-cat { float: left; position: relative; width: 100%; } .cs-select-cat ul li { float: left; padding: 15px 0px 0px 15px; width: 25%; } .cs-select-cat li label { cursor: pointer; display: inline-block; margin: 0px; min-height: 55px; position: relative; } .cs_directory_categories.cs-select-cat li label span { background: none; color: inherit; float: left; font-size: 15px; margin: 0px; padding: 12px 9px; position: relative; text-align: left; text-transform: capitalize; width: 100%; z-index: 2; } .cs-select-cat li label span img { float: left; margin: -2px 10px 0px 0px; } .cs-select-cat li input[type=radio] {display: none;} .cs-select-cat li label:before { background-color: #ffffff; border: 1px solid #dce5ec; bottom: 3px; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; width: 100%; z-index: 0; } .cs-select-cat li input[type=radio]:checked + label:before { background-color: rgba(240, 240, 240, 0.7); border: none; content: ""; } .cs-select-cat .loading-fields { position: absolute; right: 0; top: -30px; } .cs-fav-clearall h2 {float: left;} .cs-fav-clearall .profile-title { float: right; margin: -1px 0px 10px 0px; width: auto; } .cs-fav-clearall .profile-title a {cursor: pointer;} .cs-directory-create .messagebox {margin: 0px 0px 15px 0px;} .donate-btn input { background: none; border: none; color: #ffffff; } .cs_directory_categories ul > li:hover > span {color: #ffffff;} .cs-feature-package,.cs-package-price { background-color: #6bae48; border-radius: 3px; color: #ffffff; float: left; margin: 0px 15px 0px 0px; min-width: 140px; padding: 1px 19px; text-align: center; text-transform: uppercase; } .cs-package-price {background-color: #00aeef;} .inner-sec .cs-packges { float: right; width: 35%; } .inner-sec .cs-packges .SumoSelect > .CaptionCont > span {font-style: normal;} .inner-sec .cs-packges .SumoSelect > .CaptionCont > label {width: 30px;} .cs_sum_amount {float: left;} .cs-package-lower { float: left; width: 100%; } /* Sidebar Widget */ .widget-section-title { float: left; margin: 0px 0px 10px 0px; position: relative; width: 100%; } .widget-section-title h2 { font-size: 16px; padding: 0px 0px 5px 0px; text-transform: uppercase; } #footer-sec .widget {margin: 0px -4px 0px 0px;} .widget.element-size-100 {margin: 0px 0px 30px 0px;} /* Footer Widget */ #footer-sec .widget-section-title:before, #footer-sec .widget-section-title {border-color: #c8c8c8;} .widget_gallery .gallery-list {margin: 0 0 0 -8px;} .widget_gallery .gallery-list li { padding: 0px 0px 8px 8px; width: 33.333%; } .page-sidebar .widget { float: left; margin-bottom: 30px; position: relative; } .widget ul li { float: left; line-height: 22px; list-style: none; padding-right: 5px; position: relative; width: 100%; } /* Search Widget */ .widget_search form {position: relative;} .widget_search, .widget_search form { float: left; width: 100%; } .widget_search form input[type="text"] { border-color: #e0e0e0; color: #818181; padding-left: 15px; width: 100%; } .widget_search form label { height: 10px; margin: -7px 0 0; right: 15px; top: 50%; width: 10px; z-index: 0; } .widget_search form label:before {display: none;} .widget_search form label:after { color: #ccc; content: "\f002"; font-family: 'icomoon'; font-size: 14px; left: 0; line-height: 14px; position: absolute; top: 0; } .widget_search form label input[type="submit"] { background: none; border: 0; cursor: pointer; height: 14px; margin: 0; text-indent: -9999px; width: 14px; z-index: 999; } /* Widegt Defoult Setup */ .widget.widget-caregories-list ul li, .widget_categories ul li, .widget_archive ul li, .widget_pages ul li, .widget.widget_recent_comments li, .widget_meta ul li, .widget_recent_entries ul li, widget_nav_menu ul li { font-size: 13px; text-align: right; } .widget.widget-caregories-list ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget.widget_recent_comments li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_rss ul li a, widget_nav_menu ul li a, .widget-comments ul li a { -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; color: #666666; float: left; font-size: 13px; font-weight: 400; text-align: left; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; } .widget.widget-caregories-list ul li a:before, .widget_categories ul li a:before, .widget_archive ul li a:before, .widget_pages ul li a:before, .widget.widget_recent_comments li a:before, .widget_meta ul li a:before, .widget_recent_entries ul li a:before, .widget_rss ul li a:before, widget_nav_menu ul li a:before { color: #a0a0a0; content: "\f105"; display: inline-block; font-family: 'icomoon'; margin: 0px 7px 0px 0px; } .widget_rss ul li {font-size: 13px;} .widget_categories ul { float: left; font-weight: 300; width: 100%; } .widget_categories ul li:first-child { border: 0; padding-top: 0px; } .widget_categories ul li:last-child {padding-bottom: 0px;} .widget_categories ul li a {position: relative;} .widget-comments ul li a {float: left;} .widget-comments ul li { color: #ccc; text-align: right; } /* Widget Recent Blog */ .widget-recent-blog article {margin: 0 0 15px;} .widget-recent-blog figure {float: left;} .widget-recent-blog figure ~ .text {padding: 0 0 0 80px;} .widget-recent-blog .text h6 { font-size: 14px; font-weight: normal; line-height: 18px; margin: 0 0 0px; text-transform: uppercase; } .widget-recent-blog .text h6 a {color: #000;} .widget-recent-blog, .widget-recent-blog article, .widget-recent-blog .post-options { float: left; width: 100%; } .widget-recent-blog .post-option li { color: #999999; font-size: 12px; text-transform: uppercase; } /* Gallery */ .widget_gallery .gallery-list {margin: 0 0 0 -8px;} .widget_gallery .gallery-list li { float: left; padding: 0 0 8px 8px; width: 25%; } .widget_gallery .gallery-list li img {width: 100%;} /* Widget Projects */ #calendar_wrap { float: left; width: 100%; } /* Widget Recent Comment */ .widget-comments ul { float: left; width: 100%; } .widget-comments ul li { border-top: 1px dotted #e0e0e0; font-family: 'Roboto Condensed', sans-serif; font: 14px; padding: 6px 0px; } .widget-comments ul li:first-child { border: 0; padding-top: 0px; } .widget-comments ul li:last-child {padding-bottom: 0px;} .widget-comments ul li span {color: #ccc;} /* Widget tag Clouds */ .widget_tag_cloud .cs-tags {margin-bottom: 0px;} .widget_tag_cloud .cs-tags {margin: 0px 0px 0px -5px;} .widget_tag_cloud a { color: #ffffff; float: left; line-height: 1; margin: 0px 0px 5px 5px; padding: 9px 15px; text-transform: uppercase; } .widget .cs-tags a { background-color: #ededed; color: #333; float: left; padding: 5px 15px; } /* Widget Calender */ .widget_calendar caption { color: #333333; font-size: 14px; padding: 0px 0px 10px 0px; } .widget_calendar caption:after { color: #707070; content: "\f105"; font-family: 'icomoon'; margin: 0px 0px 0px 5px; } .widget_calendar table { border-collapse: separate; border-spacing: 2px; } .widget_calendar thead {background-color: #a4a4a4;} .widget_calendar tfoot tr td { border: none; padding: 0px; } .widget_calendar tfoot tr td a { background-color: #ffffff; padding: 4px 10px; } .widget_calendar table thead tr th { border: none; color: #fff; font-size: 11px; padding: 0px; text-align: center; } .widget_calendar table tbody td { background-color: #ffffff; border: none; color: #444444; font-size: 13px; padding: 0px 5px; text-align: center; } /* Widget Defult */ /* Widget Archive */ .widget_archive ul li { float: left; text-align: right; width: 100%; } .widget_archive ul li a { display: inline-block; float: left; font-size: 14px; } .widget_archive ul li {color: #ccc;} .widget select { border-color: #e0e0e0; color: #333; font-size: 14px; } /* Widget Recent Commments */ .widget.widget_recent_comments li { color: #ccc; text-align: left; } .widget.widget_recent_comments li a { display: inline-block; float: none; margin-right: 5px; text-align: left; } /* Widget Gallery */ .widget_gallery .pagenone.cls-noresult-found .fa-warning { color: #ec2c3b; display: inline-block; font-size: 15px; margin-right: 5px; } .pagenone.cls-noresult-found h5 { font-size: 16px; font-weight: 400; } /* Widget Nav Menu */ .widget_nav_menu ul li { display: inline-block; float: left; padding: 6px 0; position: relative; width: 100%; } .widget_nav_menu ul li a img { margin: 0px 7px 0px 0px; } /* Widget Textwidget */ .widget.widget_text .textwidget p { float: left; line-height: 24px; margin-bottom: 15px; } .textwidget p img {width: 100%;} .textwidget img.size-large {height: inherit;} .textwidget p img.wp-smiley {width: auto;} .cont-info-address { float: left; } .cont-info-address p {color: #333;} .widget_text ul li i { float: left; padding: 5px 0px 0px 0px; } .widget_text ul li p {padding: 0px 0px 0px 25px;} .widget_pages ul li ul {margin-top: 4px;} /* Widget Recent entries */ .widget_recent_entries li:first-child, .widget_recent_comments ul li:first-child, .widget_meta ul li:first-child, .widget_pages ul li:first-child, .widget_archive ul li:first-child, .widget_rss ul li:first-child, .widget_nav_menu ul li:first-child { border-top: none; padding-top: 0px; } .widget_recent_entries li:last-child, .widget_recent_comments ul li:last-child, .widget_meta ul li:last-child, .widget_pages ul li:last-child, .widget_archive ul li:last-child, .widget_rss ul li:last-child, .widget_nav_menu ul li:last-child {padding-bottom: 0px;} .widget_recent_comments ul li { float: left; width: 100%; } .widget_recent_comments ul li, .widget_meta ul li, .widget_pages ul li, .widget_archive ul li, .widget_rss ul li, .widget_recent_entries li, .widget_recent_comments ul li, .widget_nav_menu ul li, .widget_categories ul li { border-top: 1px dotted #ededed; color: #666; float: left; padding: 6px 0px; width: 100%; } /* Widget Twitter */ .cs-twitter ul li { border-bottom: 1px solid rgba(170,170,170,0.2); float: left; line-height: 1.5; margin: 0px 0px 11px 0px; padding: 0px 0px 7px 0px; width: 100%; } .cs-twitter p i {margin-right: 6px;} .cs-twitter ul li:last-child { border: none; margin: 0px; } .cs-twitter .text { color: #333333; font-size: 14px; } .cs-twitter .text p { color: #999999; margin: 7px 0px 0px 0px; } .cs-twitter .text p i { color: #03b4ea; margin: 0px 8px 0px 0px; } .cs-twitter .text p time { color: #999999; font-size: 11px; } /* Custom Widget */ .widget_text h3 { color: #000; font-size: 14px; text-transform: uppercase } .widget_text a.read_more { color: #fff; font-size: 14px; line-height: 38px; padding: 9px 14px; } .widget-testimonial p { color: #333; font-style: italic; padding-bottom: 5px } .widget-testimonial ul li figure { float: left; margin-right: 12px; width: 62px; } .widget-testimonial ul li figure img, .widget-testimonial ul li figure { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .widget-testimonial .infotext {padding-top: 12px;} .infotext h2 { color: #333333; font-size: 14px; text-align: left; text-transform: uppercase; } .widget-testimonial .post_by { color: #b0b0b0; font-size: 11px; font-style: normal; } .widget_reviews ul li figure { float: left; width: 66px; } .widget_reviews ul li h6 { text-transform: uppercase; } .widget_reviews ul li figure img,.widget_reviews ul li figure { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } .cs-rating { float: left; height: 22px; line-height: 16px; margin-right: 0; padding-bottom: 10px; position: relative; width: 100px; } .cs-rating:before, .rating-box:before { color: rgba(217, 217, 217, 0.6); content: "\f005 \f005 \f005 \f005 \f005"; font-family: 'icomoon'; font-size: 16px; left: 0; letter-spacing: 4px; position: absolute; top: 0; } .rating-box:before {color: #ffae00;} .rating-box { height: 16px; left: 0; overflow: hidden; position: absolute; top: 0; } .infotext p { color: #999999; float: left; font-size: 12px; margin-bottom: 0; text-align: left; text-transform: uppercase; } .infotext .post { color: #ccc; font-size: 11px; text-transform: capitalize } .infotext .post_by { color: #ccc; float: left; font-size: 11px; padding-right: 5px; padding-top: 1px; text-transform: capitalize } .infotext .admin { border-bottom: 1px dotted #a4a4a4; color: #223d7b; font-size: 11px; padding-left: 5px; } .widget_agents ul li figure { border: 3px solid #f1f1f1; float: left; margin-right: 12px; width: 66px; } .widget_agents ul li { float: left; margin-bottom: 15px; width: 100%; } .widget-testimonial ul li {width: 100%} .widget_reviews ul li { border-bottom: 1px dotted #ededed; float: left; line-height: 18px; margin-bottom: 15px; padding-bottom: 5px; width: 100%; } .widget_reviews .infotext ul {margin: 0px;} .widget_reviews .infotext ul li { border: none; margin-bottom: 0px; } figure ~ .infotext {padding-left: 80px;} .widget_agents figure ~ .infotext { padding-left: 80px; padding-top: 9px; } .widget_agents .infotext h6 {margin: 0px;} .widget_reviews ul li {color: #333;} .widget_reviews ul li .infotext ul li { color: #999; font-size: 13px; } .widget .directory-advanced-search-content {margin: 0px;} /* Recent Blog Post */ .recentblog_post .post-lst { float: left; padding-bottom: 15px; width: 100%; } .recentblog_post .post-lst:last-child {padding-bottom: 0px;} .recentblog_post .post-lst figure { float: left; width: 70px; } .recentblog_post .post-lst figure ~ .info_sec {padding-left: 90px;} .recentblog_post .info_sec h6 { line-height: 17px; margin-bottom: 5px; text-transform: uppercase; } .recentblog_post ul.wg-pstoption li { color: #999999; font-size: 11px; line-height: 15px; } .recentblog_post ul.wg-pstoption li time {text-transform: uppercase;} .recentblog_post ul.wg-pstoption li a { border-bottom: 1px dotted #a4a4a4; color: #666666; } .evorgnizer figure { float: left; margin: 0px 15px 0px 0px; width: 70px; } .twitter-section .flex-control-nav, .twitter-section .flex-direction-nav, .twitter-section .follow-on {display: none;} .twitter-section.cs-twitter {text-align: center;} .twitter-section.cs-twitter ul li { border: none; margin: 0px; padding: 0px; } .twitter-section.cs-twitter .text i {margin-right: 7px;} .widget_product_categories ul li a { float: left; padding: 3px 0; text-transform: uppercase; width: 100%; } .widget_product_categories ul ul li a { font-size: 12px; } /* Testimonial Widget */ .testimonial.italic-style .question-mark p { background-color: #ffffff; border-bottom: 2px solid #eaeaea; padding: 20px 24px; } .widget_text .textwidget .col-md-12 { margin: 0px; padding: 0px; } .testimonial.italic-style .ts-author {text-align: left;} .testimonial.italic-style .ts-author figure { float: left; width: 29px; } .testimonial.italic-style .ts-author figure ~ h4 {padding: 0px 0px 0px 36px;} .testimonial.italic-style .ts-author h4 { line-height: 1; } .testimonial.italic-style .flex-direction-nav { position: absolute; right: 20px; top: -19px; } .testimonial.italic-style .flex-direction-nav li a { bottom: auto; left: 0px; position: absolute; top: 0px; } .testimonial.italic-style .flex-direction-nav li a.flex-prev {left: -23px;} .favorites-section a[title]:hover:after { content: attr(title); padding: 0px 8px; color: #ffffff; position: absolute; right: -40%; top: -100%; z-index: 20; white-space: nowrap; background-color: rgba(0,0,0,0.5); text-transform: uppercase; font-size: 11px; line-height: 1.8; border-radius: 4px; } .twitter-section.col-md-12 { margin: 0px; } .cs-rating-wrap { float: left; width: 100%; } .cs-reviews .left-sp .cs-rating-desc { font-size: 16px; margin-bottom: 4px; display: inline-block; } .cs-rating-wrap ul li { list-style: none; } /* Over All Review Section */ .cs-ratingstar { line-height: 16px; position: relative; float: left; width: 106px; padding-bottom: 15px; } .cs-ratingstar:before, .cs-ratingstar span:before { font-family: 'icomoon'; font-size: 18px; position: absolute; top: 0; left: 0; content: '\e9f8 \e9f8 \e9f8 \e9f8 \e9f8'; letter-spacing: 4px; color: rgba(217, 217, 217, .6); } .cs-ratingstar span:before { color: #ffae00; } .cs-ratingstar span { position: absolute; top: 0; left: 0; overflow: hidden; height: 16px; } /* Over All Review Section */ .cs-stars-wrap { background-color: #fcfcfc; border: 1px solid #f0f0f0; float: left; width: 100%; } .cs-rating-services, .cs-rating-progress { width: 100%; padding: 18px 20px 0px 20px; display: inline-block; } .cs-rating-services ul li { float: left; width: 33.333%; margin: 0 0 13px 0; } .cs-point { font-size: 12px; line-height: 1.5; float: right; color: #aaa; } .cs-shorttitle { font-size: 14px; float: left; color: #333333; } .profile-review .cs-review-rating h5 { width: auto; float: left; margin: 4px 7px 0px 0px; text-transform: capitalize; } .cs-review-rating .infotext { padding-top: 5px; } .cs-reviews .cs-review-rating .infotext small { display: inline-block; } .cs-rating-progress ul li { float: left; width: 100%; } .cs-progressbar small { font-size: 11px; line-height: 1.3; position: absolute; top: 0; right: 0; color: #fff; } .cs-progressbar.plain small { color: #585858; margin: 0; right: 6px; top: 7px; } .cs-rating-progress .cs-shorttitle { padding-right: 9px; } .cs-rating-progress .cs-point { padding-top: 5px; } .cs-rating-services .cs-ratingstar:before, .cs-rating-services .cs-ratingstar span:before, .cs-reviewinfo ul li .cs-ratingstar:before, .cs-reviewinfo ul li .cs-ratingstar span:before { letter-spacing: 0; } .cs-rating-services .cs-shorttitle { padding-right: 25px; } .cs-ratingstar-wrap { padding: 5px 0 0; } /* Footer CopyRight Setup */ #copyright { float: left; padding: 22px 0px 15px 0px; position: relative; width: 100%; } #copyright [class*="col-md-"] {margin: 0px -4px 0px 0px;} #copyright p { color: #666666; float: left; margin: 0px; text-transform: uppercase; } #copyright p, .footer-nav ul li a {font-size: 11px;} .footer_icon { float: left; padding: 0px 20px 0px 0px; } .footer-nav { float: left; margin: 0px 0px 4px 0px; width: 90%; } .footer-nav ul li { float: left; line-height: 1; list-style: none; } .footer-nav ul li:first-child a {padding-left: 0px;} .footer-nav ul li:first-child a:before {display: none;} .footer-nav ul li a { color: #cccccc; padding: 0px 9px; position: relative; } .footer-nav ul li a:before { color: #cccccc; content: "\f111"; font-family: 'icomoon'; font-size: 3px; left: -2px; position: absolute; top: 7px; } #copyright .social-media {float: right;} .social-media {float: left;} .social-media ul li { float: left; line-height: 1; list-style: none; margin: 0px 2px 2px 0px; } .social-media ul li:last-child {margin-right: 0px;} .social-media ul li a { background-color: #404040; color: #666666; float: left; height: 32px; padding: 8px 0px 0px 0px; text-align: center; width: 32px; } .social-media ul li a:hover {color: #ffffff;} #backtop { bottom: 74%; color: #666666; font-size: 20px; height: 40px; position: absolute; right: 2%; text-align: center; width: 40px; } #backtop:before { -moz-transform: rotate(46deg); -ms-transform: rotate(46deg); -o-transform: rotate(46deg); -webkit-transform: rotate(46deg); background-color: rgba(0,0,0,0.5); box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.5); content: ''; height: 100%; left: 0px; position: absolute; top: 0px; transform: rotate(46deg); width: 100%; } #backtop i { padding: 8px 0px 0px 0px; position: relative; z-index: 1; } .directory-detail.directory-view .element-size-25{ float: left !important; } .directory-detail.directory-view .element-size-75{ float: right !important; } .mapcode { float: left; width: 100%; } .sub-dropdown a[title]:after { content: attr(title); padding: 4px 8px; color: red; position: absolute; right: 0; top: 9px; z-index: 20; text-transform: uppercase; font-style: italic; font-weight: normal; font-size: 11px; } #footer-sec .widget.element-size-100 { width: 25%; padding: 0px 15px; } .cs-mailchimp {position: relative;} .cs-mailchimp { float: left; padding: 30px; width: 100%;} .cs-mailchimp p {color: #fff; line-height: 18px !important; margin: 0 0 15px 0;} .cs-mailchimp h3 {text-transform: uppercase; color: #fff !important; font-weight: 700;} .cs-mailchimp form input[type="text"] {font-size: 16px; color: #999; background-color: #fff; border: 1px solid #c0c2c4; border-radius: 2px; width: 100%; height: 40px;} .cs-mailchimp form input[type="submit"] {font-size: 20px; color: #fff; border: none; border-radius: 2px; width: 100%; font-weight: 700; text-transform: uppercase; text-align: center; padding: 2px 0;} .cs-mailchimp:before {border-radius: 20px; bottom: -2px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2); content: ""; height: 2px; left: 6px; position: absolute; width: 95%;} .cs_directory_categories.cat-image figure {width: 100%; float: left; margin: 0;} .cs-mailchimp form fieldset i {display: none;} .cs_directory_categories.cat-image figcaption {position: absolute; width: 100%; bottom: 0;} .cs_directory_categories.cat-image figcaption a {background-color: rgba(0, 0, 0, 0.5); padding: 8px 10px 8px 14px; width: 100%; float: left; text-transform: uppercase; font-size: 14px; color: #fff;} .cs_directory_categories.cat-image figure:hover figcaption a {background-color: rgba(214, 34, 11, 0.5); } .cs_directory_categories.cat-image .row {margin-left: -10px;} .cs_directory_categories.cat-image article {padding: 0 0 0 10px; width: 16.6667%; margin-bottom: 5px;} .cs_directory_categories.cat-image {margin: 0 0 30px 0;} .cs-services.service-flat-three {margin-bottom: -30px; } .cs-services.service-flat-three figure {float: left; margin: 0 20px 0 0; height: 88px;} .service-flat-three article {border-right: 1px solid #f4f4f4; margin-bottom: 0; padding: 30px 30px 20px; background-color: #fff; display: table-cell;} .service-flat-three article:last-of-type {border-right: none;} .service-flat-three article .text {overflow: hidden;} .directory-gallery ul li figure i {background: #f1f1f1; color: #999; display: inline-block; padding: 23px 0 25px; text-align: center; width: 100%;} .directory-gallery ul li figure i:hover { color: #ffffff; } .cs-video-icon ul li:first-child { width: 100%; } .cs-video-icon ul li { float: left; list-style: none; width: 65px; } .cs-redirect-import{color:#FFF !important;} .ui-state-active { z-index:99 !important; } .ui-state-focus { z-index:99 !important; }.ui-state-hover { z-index:99 !important; } .cs-error{ border-color: #f00 !important; } .ui-slider { z-index: 0; } .dynamic-listing .fullscreen { top: auto; bottom: 40px; } [class^="icon-"]:before, [class*=" icon-"]:before {font-family:icomoon !important;} .chosen-container .chosen-results li.active-result { width: 100%; padding: 10px 10px; border-bottom: 1px solid #f5f5f5; font-size: 13px; color: #949494; text-transform: uppercase; } .chosen-results .category { font-weight: bold; } /* Custom CSS */ blockquote:before{ color: #2a2f5b; } blockquote:after{ -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); color: #2a2f5b; content: "\e9fe"; display: inline-block; font-family: 'icomoon'; font-size: 36px; font-weight: bold; height: 30px; left: 11px; line-height: 18px; margin: 0 10px 0px 0; padding: 2px 8px; position: relative; top: 2px; transform: rotate(0deg); width: 30px; } .navigation ul > li > a{font-size: 12pt;} .map-container{z-index: 0;} .main-section{padding-top: 0;} #homeCustomSearch{} #homeQuote{padding: 55px 0 25px;margin: 0;text-align: center;font-size: 22pt;line-height: 26pt;} #homeQuote span{border: none;color: #2a2f5b !important;font-weight: 700;} #homeQuoteTxt{text-align: center;font-size: 16pt; line-height: 20pt;padding-bottom: 55px;margin-bottom: 0;} #homeBlocks{background-position: center top !important;background-size: 100% auto !important;position: initial;} #homeBlocks h4{font-size: 22pt !important;line-height: 24pt !important;margin-bottom: 10pt;} #homeBlocks p{font-size: 14pt;} .map-search-shortcode{margin-top: 35px;} .map-search-shortcode .location-tooltip{} .map-search-shortcode .location-tooltip span{display: none;visibility: hidden;} /* Listing */ .dynamic-listing{overflow: hidden;} .grid_two_listing .cs_thumbsection figure > a{min-height: 100%;height: auto;max-width: 100%;overflow: hidden;z-index: 999; } .grid_two_listing .cs_thumbsection figure > a > img{z-index: -1;} .grid_two_listing .cs_thumbsection figcaption {position: absolute;bottom: 0;padding: 10px 20px;background-color: rgba(0,0,0,.4);} .wow.filter-nav{display: none;visibility: hidden;} .cs_thumbsection .cs-paid-ad{display: none;visibility: hidden;} .content_info h2[itemprop="itemReviewed"]{font-size: 16pt !important;} .directory-section .dr_shortoption, .directory-section .cs-up-section{display: none;visibility: hidden;} .directory-detail.directory-view .dr_pricesection{display: none;visibility: hidden;} .row.section-main-content .container .col-md-12{z-index: 1;} .homePartners{} .homePartners .cs-section-title h2{text-align: center;font-size: 20pt !important;} .directory-specification h5{font-weight: bold !important;font-size: 20pt !important;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ccc;} .pro_specifications{margin-bottom: 15px;} .pro_specifications div{width: 100%; position: relative;overflow: hidden; margin-bottom: 30px;} .pro_specifications .specification-info{font-size: 12pt;padding: 0;} .pro_specifications .specification-info small{} .pro_specifications .specification-info span{font-size: 12pt;margin-bottom: 20px;text-transform: capitalize;} .pro_specifications .customFieldHolder{border: 1px solid #ccc;width: 32%;margin-bottom: 0px !important;float: left;text-align: center;margin-right: 2%;min-height: 120px;padding:10px; } .pro_specifications .customFieldHolder:last-child{margin-right: 0 !important;} .pro_specifications .customFieldHolder i.fa{display: block;width: 100%;margin-bottom: 10px; color: #eb7615 !important;font-size: 20pt;} .pro_specifications .customFieldHolder .specification-info{margin-bottom: 0px !important;font-weight:bold;} .pro_specifications .customFieldHolder .specification-info span{font-weight: normal;margin-bottom: 0;line-height: 16pt;} #cs_description .cs-tags{display: none;visibility: hidden;} /* Content Sections */ .page-featured-image{max-height: 450px;height: 450px;min-height: 350px;overflow: hidden;margin-bottom: 50px;} .img-thumbnail{padding: 0;border: none;box-shadow: none !important;-webkit-box-shadow: none !important;} .section-head-title .col-md-12{margin-bottom: 0px;} .section-head-title h1{margin-top: 30px;font-size: 32pt !important;text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 25px;margin-bottom: 25px;} .section-main-content{} .section-main-content p{} .cs-post-title{} .cs-post-title h1[itemprop="name"]{margin-top: 30px;font-size: 26pt !important;text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 25px;margin-bottom: 25px;} .directory-top{overflow: hidden;} .directory-top .favorites-section{margin: 0 auto 15px;width: 100px;float: none;height: 25px;} /* Contact */ .customForm{} .customForm label{font-weight: bold;} .customForm label span{color: #f00;} .customForm input, .customForm textarea{ width: 100%; margin-bottom: 10px;} .customForm textarea{min-height: 145px;} .customForm input[type="submit"]{width: 50%;float: right;display: block;background-color: #045294;border: none;margin: 0;padding: 4px 0;font-size: 12pt;font-weight: bold;color: #fff;} .customForm input[type="submit"]:hover{background-color: #046AC0} .customForm .wpcf7-not-valid-tip{border-left: 2px solid #f00;padding-left: 10px;font-size: 11px;margin-bottom: 10px;} .customForm .wpcf7-response-output{margin-top: 0;margin-bottom: 0;} /* Footer */ #copyright{} #copyright .widget{} #copyright .widget .textwidget{} #copyright .widget .textwidget p{text-align: right;display: block;width: 100%;} /* Custom responsive */ @media (max-width: 960px){ #homeBlocks{background-size: 200% auto !important;} } @media (max-width: 767px){ #homeBlocks{background-size: 200% auto !important;} .navigation ul a{font-size: 12pt !important;} .navigation ul ul a{font-size: 11pt !important;} .navigation ul span.responsive-btn{left: 0; width: 50%;} .navigation ul span.responsive-btn i{font-size: 20pt;} .navigation ul span.responsive-btn i:before{} } @media (max-width: 600px){ #homeBlocks{background-size: 350% auto !important;} } @media (max-width: 460px){ #homeBlocks{background-size: 500% auto !important;} } .cs-search-v1 .dir-search-fields li.submit-button { display: none !important; } .page-id-4064 .image-frame.frame-plane { width: 130px !important; margin: auto; text-align: center; float: none !important; } .page-id-4064 .image-frame figure { float: none !important; margin: 0px 0px 10px 0px !important; } .dir-search-fields h6{ display: none; } .SumoSelect{ display: none !important; } li.loc-section h6{ display: block; } /* .cs-search-v1 .directory-advanced-search-content form ul li { padding: 0 20px 15px 0 !important; } .directory-advanced-search-content { width: 51% !important; margin: auto auto 30px auto !important; } .cs-search-v1 .dir-search-fields > ul > li { display: block !important; }*/ .tp-shadow2:after, .tp-shadow2:before, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width: 300px; background: 0 0; box-shadow: none !important; transform: rotate(-3deg); } .cs-search-v1 .directory-advanced-search-content form ul li { padding: 0 20px 0 0; display: none; } li.loc-section { display: block !important; width: 100% !important; } div#directory_search_location_chosen { width: 100% !important; } .directory-advanced-search-content { width: 350px; } .map-container .loader { left: 50% !important; top: 30% !important; color: #00A0B2; font-size: 70px; } .cs-control-icons { display: none; } @media (max-width: 767px){ div#slide-3-layer-14, div#slide-2-layer-14{ font-size: 14px !important; line-height: 10px !important; } .map-container .loader { left: 36% !important; } }