/*
Theme Name: SKT Shudh
Theme URI: https://www.sktthemes.net/shop/shudh-minimal-wordpress-theme/
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Shudh is a minimal, dynamic responsive WordPress theme which suits minimalistic, commercial, corporate, eCommerce, business, startups, agencies, consulting, style, fashion, portfolio, photographer, personal, landing page, widget friendly, shortcode friendly, page builder friendly, elegant, with powerful features. Finance, law, Blogging, discussion, news and other types of sites also can be created using this template. Translation ready, multilingual, SEO ready as well as compatible with contact form, gallery and other plugins like WooCommerce. Demo: http://sktthemesdemo.net/shudh/

Version: 2.0
License: GNU General Public License
License URI: license.txt
Text Domain: skt_shudh_pro
Tags: two-columns, one-column, custom-background, custom-menu, featured-images, full-width-template, theme-options, threaded-comments

SKT Shudh WordPress Theme has been created by SKT Themes(sktthemes.net), 2016.
SKT Shudh WordPress Theme is released under the terms of GNU GPL
*/

@import url(http://fonts.googleapis.com/css?family=Cabin:400,400italic,500,500italic,600,600italic,700,700italic);

/* font-family: 'Roboto Condensed', sans-serif;   font-family: 'Cabin', sans-serif;    */

/* Default CSS
================================================*/
*{ margin:0; padding:0; outline:none;}
body{background-color:#fff; color:#757575; line-height:20px; }
img{ border:none; max-width:100%; height:auto;}
section img{max-width:100%;}
section p{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:400;}
pre{ white-space:pre-wrap;}
a{ text-decoration:none; color:#ff8a00;}
a:hover{ text-decoration:none; color:#757575;}
ul{ list-style:none;}
.clear{ clear:both;}
.right{float:right;}
.left{float:left;}
.middle-align{ margin:0 auto;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ }
.gallery-caption{ }
.alignleft, img.alignleft {display: inline; float: left; margin-right:45px; margin-top:4px; margin-bottom:20px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-top:140px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.toggleMenu{display:none;}
body.home section{padding:50px 0;}
a.contact-button{width:15%; margin:0 auto;}
.space40{height:40px; clear:both}
.space300{ height:300px; clear:both}

h1{font-size:38px; color:#1f1f1f; }
h2{font-size:36px; color:#454545; } 
h3{font-size:30px; color:#454545; }
h4{font-size:25px; color:#313131; }
h5{font-size:22px; color:#373737; } 
h5 span{ font-weight:bold;}
h6{ font-size:18px; color:#373737; }

h1.entry-title{ line-height:40px;}

/* Header CSS
================================================*/
.header{width:100%; height:auto; padding:30px 0;}
.container{ width:1170px; margin:0 auto; padding:0;}
.logo{ float:left;}
.logo h1{font-weight:700; text-transform:uppercase; margin:0 0 10px; }
.logo a{ color:#333;}
.logo span.tagline{ display:block;}
.mobile_nav a{background:url(images/base/mobile_nav_right.png) no-repeat right center #eeeeee; border:1px #ccc solid; margin-top:10px; padding:12px 20px; display:none; color:#000;}
.mobile_nav a:hover{ color:#000;}

.header_right{ float:right;}
#nav{}
#nav ul li{ display:inline-block; margin:0; text-transform:capitalize; position:relative;}
#nav ul li a{ padding:10px 15px; display:block;}
#nav ul li a:hover{}
#nav ul li ul{display:none; z-index:2; position:relative;}
#nav ul li:hover > ul{display:block; width:200px; position:absolute; text-align:left; z-index:999; border:#d5d5d5 solid 1px;}
#nav ul li ul li{display:block; position:relative; float:none; }
#nav ul li ul li a{ display:block; background:none !important; border-bottom:#eaeaea solid 1px; font-size:14px; padding-top:5px; padding-bottom:5px;}
#nav ul li:hover ul li ul{display:none;}
#nav ul li:hover ul li:hover > ul{display:block; position:absolute; right:200px; top:0px;}

.innerbanner .container{ height:300px; overflow:hidden;}
.innerbanner .container img{ width:100%; height:auto; min-height:300px;}

body.home section#home_slider{ padding:0; font-size:14px;}
section .read-more{ margin-top:19px;}
.read-more{font:normal 16px/26px 'Roboto'; padding:10px 30px; display:inline-table;}
.read-more:hover{ transition:all 0.4s ease 0s;}

h2.section-title{ border-bottom:1px #eeeeee solid; padding:0 0 30px 0; margin:0 auto 35px auto; text-align:center; display:table; font-weight:normal;}

.border-color{width:100%; margin:40px 0; border-bottom:1px #eeeeee solid; display:inline-block; clear:both;}

/*====================== Our Services ==========================*/
.our-services{ text-align:center;}
.our-services p{ font-size:14px;}
.services-item{ width:350px; float:left; margin:0 55px 0 0}
.services-item h5{ font-weight:600; margin-bottom:10px;}
.services-item h5 span{ font-weight:300;}
.services-item p{margin:10px 0 0 0; font-size:12px; line-height:20px;}
.arrow-services {width:88px; float:left; position:relative; margin:0 20px 0 0; }
.arrow-services img{ padding:20px;background:#fff; border:solid 1px #f3f1f1;}

/*====================== Latest Post ==========================*/

.post-grid{width:31.9%; color:#ffffff; background:#ff8a00;  position:relative; height:430px; overflow:hidden; float:left; margin:0 20px 40px 0;}
.last-cols{ margin-right:0;}
.post-grid img{ width:100%; min-height:430px;}
.post-grid:hover img{ opacity:0.05;}
.post-grid h5{ color:#ffffff;} 
.left-postthumb .latest-post-date span{font:700 26px/28px 'Cabin', sans-serif; display:block; font-style:normal;}
.post-title-content{opacity:0; text-align:center; box-sizing:border-box; padding:10px 20px; position:absolute; left:0; right:0; margin:0 auto; top:50%; 
transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%);
transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; }
.post-grid:hover .post-title-content{opacity:1;transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; }
.home-post-by{ font-size:11px; font-style:italic; margin-bottom:10px;}
.home-post-by a{ color:#ffffff;}
.post-grid a.read-more{ padding:7px 20px; display:table; text-align:center; margin:40px auto 0 auto;}

/*====================== Social Icon ==========================*/
.front-social-icon{ width:auto; margin:0; padding:10px 0 50px 0;}

/* Page Content CSS
================================================*/
.innerpage_wrapper{ padding-bottom:30px;}
.innerpage_wrapper section p{ margin-bottom:20px;}
.innerpage_wrapper p{ margin-bottom:20px;}
.content-part{ width:820px; float:left;}
.site-main{width:820px;}
.page-content{ padding:0 25px;}
#sitefull{ width:100% !important;}

/* Sidebar CSS
================================================*/
.sidebar-left img, .front-left img{ float: left; margin:5px 12px 5px 0;}
.sidebar-right{ width:290px; float:right; position:relative;}
.widget-area{ margin-bottom:20px;}
h3.widget_title{ font-size:22px;  margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ddd;}
.sidebar-area{position:relative; margin-bottom:20px; padding:15px;}
.sidebar-area ul{ list-style:none;}
.sidebar-area ul li{  padding:5px 0 8px 18px !important; margin-bottom:5px; background:url(images/list-arrow.png) no-repeat left 10px; border-bottom:solid 1px #f5f5f5;}
.sidebar-area ul li:last-child{ border-bottom:none !important; }
.sidebar-area ul li a{ display:inline; text-decoration:none; color:#3f3f3f; padding:0; }
.sidebar-area ul li a:hover{color:#ff8a00;}


/* = Team Member Part css
-------------------------------------------------------------- */
.teammember-list{width:31.3%; height:390px; overflow:hidden; float:left; background:#2d95d0; margin:0 3% 2.9% 0; position:relative; padding:0; color:#ffffff; text-align:center;}
.teammember-content{opacity:0; color:#ffffff; padding:0 5% 5% 5%; position:absolute; left:0; right:0; top:50%; z-index:999999; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.teammember-content .read-more{ text-align:center; margin:0 auto; padding:5px 20px;}
.teammember-list:hover .teammember-content{opacity:1;}
.teammember-list img{width:100%; vertical-align:middle; height:auto; min-height:390px;}
.teammember-list:hover img{ opacity:0.1;}
.member-social-icon{ margin:20px auto;}
 
.teammember-list h6{ text-align:center;  color:#ffffff; padding:0 0 5px 0; margin:0 auto;}
.member-desination{ padding-bottom:10px; font-size:14px; font-family:Roboto Condensed; margin:0 auto 10px auto; text-align:center; border-bottom:1px solid #3f4c6b; display:table;}
.teammember-list .read-more{text-transform:uppercase;} 

/* Blog Page CSS
================================================*/
.blog-post h3.entry-title{ border-top:1px solid #e9e9e9; line-height:30px; padding:8px 0; margin:0;}
.blog-post .postmeta{background:#fafafa; line-height:22px; margin-bottom:15px; color:#555e58!important; font-size:12px; padding:10px; }
.blog-post .entry-date{float:right;}
.blog-post .post-thumb{ width:28%;}
.blog-post .post-thumb img{ float:left; margin:5px 25px 5px 0; }
.blog-post .post-comment{float:left;}
.blog-post .post-date{float:left;}
.blog-post .post-categories{float:left;}
.blog-post .post-tags{float:left;}
.blog-post a.read-more{ margin-top:28px;}
.blog-post .blog-post-repeat{ margin-bottom:35px}

/* Contact Page CSS
================================================*/
.content-part.contact_left{ width:48%;}
/* Contact Page CSS ================================================*/
.contact_left{float:left;width:65%}
.contact_right{float:right;width:30%}
.contact_right h4{margin-bottom:15px;}
.contact_right .social-icons{ text-align:left;}

iframe{ padding:5px; border:1px solid #ccc; margin-bottom:30px; box-sizing:border-box;}
.contact_info{ width:48%; float:right; padding-top:40px;}

.contact-form .cf_text, .contact-form .cf_textarea, .contact-form .cf_captcha, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form textarea { width:100%; box-sizing:border-box; padding:10px; border:1px #ddd solid;}
.contact-form .cf_text{}
.contact-form .cf_textarea, .wpcf7-form textarea{ height:150px;}
.contact-form .cf_captcha{width:47%}
.contact-form .cf_button, .wpcf7-form input[type=submit]{padding:10px 15px; border:none; color:#fff; cursor:pointer;}
.contact-form .error_msg{color:#e00; padding-left:10px; vertical-align:top;}
.contact-form .success_msg{color:#070; padding:10px 0 15px;}
input.wpcf7-not-valid{ border:solid 1px #ff0000 !important;}
span.wpcf7-not-valid-tip{ display:none;}
#wp-calendar{ width:100%;}
/*====================== Footer Section ==========================*/
#footer{ width:100%; margin:0; padding:50px 0 0 0; background:#f8f6f6;}
#footer .container{ padding:0 0 50px 0;}
#footer h5{ border-bottom:#292929 1px solid; margin-bottom:25px; padding-bottom:25px;}

#footer ul{margin:0; padding:0;}
#footer ul li{margin:0 0 8px 0; padding:0; display:block;}
#footer ul li .fa{}
#footer ul li a{margin:0; padding:0 0 0 20px; background:url(images/list-arrow.png) no-repeat center left;}
#footer ul li a:hover, #footer ul li.current-menu-item a{color:#ff8a00; background:url(images/list-arrow-hover.png) no-repeat center left;}


#footer .cols-4{ float:left; width:22.8%; margin:0 5% 0 0;}

#footer .cols-4.first{ width:15%;}
#footer .cols-4.second{}
#footer .cols-4.third{}
#footer .cols-4.fourth{ margin-right:0;}
#footer .cols-4.fourth p { margin-bottom:20px;}


.footer-news{ width:auto; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #292929; } 
.footer-news:last-child{ margin:0; padding:0; border-bottom:none;}

.footer-news img{float:left; margin:0 20px 0 0}
.footer-news a{display:block; color:#0a0a0a; font-size:11px;}
.footer-news a:hover{color:#ff8a00;}


.recent-project{ width:84px; float:left; margin:0 4px 4px 0;}
.recent-project img{ vertical-align:middle;}
.recent-project:nth-of-type(3), .footer-col-3 .recent-project:nth-of-type(6){ margin-right:0;}


#footer .cols-4.fourth span{ min-width:60px; display:inline-block; }

#copyright{ padding:30px 0; }
.copy-right, .design-by{ padding-top:10px; text-align:center; display:block;}

/*social icons*/
.social-icons { text-align:center;}
.social-icons a{ width:32px; height:32px; border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; text-align:center; line-height:32px; vertical-align:middle; display:inline-block; margin:0 7px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce input[type=tel], .woocommerce input[type=email], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}

/* ---- Search ---- */
form.search-form{ margin:0; padding:0;}
form.search-form input[type="search"]{ border:1px solid #cccccc; padding:7px;}
form.search-form input[type="submit"]{ border:none; padding:7px 8px; cursor:pointer;}


/* New Css */
.nivo-caption .view-all-btn{ text-align:center;}

.view-all-btn{text-align:left; margin-bottom:10px;}
.view-all-btn a{ background-color:#ffffff; color:#474646; display:inline-block; font:normal 16px/26px 'Roboto'; padding:7px 25px; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s;}
.view-all-btn a:hover{background-color:#474646; color:#ffffff;}


/* Slider below services bos */
#wrapOne{background:#ffffff;}
.four_column{width:22.7%; background:#ff8a00;  float:left; margin:0 3% 0 0; position:relative;}
.services_content{ color:#ffffff; opacity:0; text-align:center; margin:0 auto; padding:0 10px; box-sizing:border-box; position:absolute; left:0; right:0; 
top:50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); 
-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;
}
.services_content h5{ color:#ffffff;}
.four_column:hover .services_content{ opacity:1; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.four_column:hover .boximage_thumb{ vertical-align:middle;  }
.four_column:hover .boximage_thumb img{ opacity:0.2;}
.four_column a.read-more{padding:5px 15px;}

.three_column{width:31%;}
.boximage_thumb{ height:335px; overflow:hidden;}
.boximage_thumb img{ min-height:335px; width:100%;}
.one_column{ width:100%; float:none; padding:0; text-align:left;}
.one_column .boximage_thumb{ width:35%; float:left; margin:0 30px 0 0;}
.one_column .services_content{ opacity:1; position:relative; top:0; transform:none; transform:translateY(0);  }
.one_column .services_content, .one_column .services_content h5{ position:relative; color:#000000; text-align:left;}
.one_column:hover .boximage_thumb img{ opacity:1 !important;}

.two_column{ width:48.5%;}

.five_column{ width:19.2%; margin:0 1% 0 0;}
.five_column .boximage_thumb{ height:280px;}
.five_column .boximage_thumb img{ min-height:280px;}

.six_column{ width:32.3%; margin:0 1% 1% 0;}
.six_column .boximage_thumb{ height:400px;}
.six_column .boximage_thumb img{ min-height:400px;}



/* welcome page */
.home-thumbnail { float:left; margin:0 40px 0 0; width:40%; height:265px; overflow:hidden;}
.home-thumbnail img{ width:100%; height:auto; min-height:265px;}
.welcome-wrap{ font-size:14px; line-height:23px;}
.welcome-wrap p{margin-bottom:20px}

/* Testimonials */
.client-say{width:100%; box-sizing:border-box; display:inline-block; color:#010101; background:#eeeeee;  margin:0 0 3% 0; padding:4.5%;}
.client-say h6{margin:0; padding:25px 0 5px;}
.client-say h6 span{ display:block;}
.client-thumb img{ width:120px; height:120px; margin:0 4% 0 0; border-radius:3px; float:left;}
.tm_description{ position:relative; display:table;}
.tm_description p{ margin:10px 0 0 0;}
.testimonial-all h5{ margin-bottom:5px; }
.testimonial-all span{ margin-bottom:15px; display:block;}

/* OUR CLIENTS */
.our-partner{position:relative;margin:0 0 40px 0;padding:0; text-align:center;}
.our-partner .last{margin-right:0 !important}
.ourpartner-logo{ display:inline-block; width:218px;height:120px;margin:0 15px 15px 0; vertical-align:middle;}
.ourpartner-logo img{height:auto;}

/* Text meant only for screen readers. */
.bypostauthor{ margin:0; padding:0;}
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important;	height: 1px; width: 1px; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b;	display: block;	font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none;	top: 5px; width: auto; z-index: 100000;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}

/*Blog Post Single CSS*/
.singleright{float:left !important;}
.singleleft{float:right !important;}
.sitefull{ width:100% !important;}

/*Woocommerce Page CSS*/
.woocommerce input[type=text],.woocommerce textarea{border:1px #ccc solid;padding:4px}
form.woocommerce-ordering select{padding:5px;color:#777}
.woocommerce table.shop_table th,.woocommerce-page table.shop_table th{font-family:'Roboto',san-serif;color:#ff8a00}
.woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price{color:inherit!important}
h1.product_title,p.price{margin-bottom:10px}
.woocommerce table.shop_table th,.woocommerce-page table.shop_table th{font-family:'Roboto',san-serif;color:#ff6d84}
.woocommerce ul.products li,#payment ul.payment_methods li{list-style:none!important}
.woocommerce ul.products li.product .price,.woocommerce-page ul.products li.product .price{color:inherit!important}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-bottom:0!important}
.woocomerceright{float:left !important;}
.woocomerceleft{float:right !important;}
.woocomercesitefull{width:100% !important}
.sidebar-right .price_slider{margin-bottom:1em}
.sidebar-right .price_slider_amount{text-align:right;line-height:2.4em;font-size:.8751em}
.sidebar-right .price_slider_amount .button{font-size:1.15em;float:left}
.sidebar-right .ui-slider{position:relative;text-align:left}
.sidebar-right .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;cursor:pointer;background:#000;outline:none;top:-.3em}
.sidebar-right .ui-slider .ui-slider-handle:last-child{margin-left:-.5em}
.sidebar-right .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background:#f1177e;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}
.sidebar-right .price_slider_wrapper .ui-widget-content{-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background:#d5d5d5}
.sidebar-right .ui-slider-horizontal{height:.5em}
.sidebar-right .ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.sidebar-right .ui-slider-horizontal .ui-slider-range-min{left:-1px}
.sidebar-right .ui-slider-horizontal .ui-slider-range-max{right:-1px}
ul.cart_list li img,ul.product_list_widget li img,ul.cart_list li img,ul.product_list_widget li img{width:15%}
.sidebar-right  del,.sidebar-right  ins,.sidebar-right ul.product_list_widget li a{display:inline}
.sidebar-right  ul.product_list_widget .star-rating{display:inline-block;margin:0 10px}
.woocommerce .sidebar-right ul li span.count{display:inline;margin:0 10px}
label.screen-reader-text{display:none}
.sidebar-right .search-field{border:1px solid #cccccc;padding:7px;width:74.5%;}
.sidebar-right .woocommerce-product-search input[type=submit]{border:none;padding:8px 8px;cursor:pointer}

.ngg-gallery-thumbnail-box {box-sizing: border-box; float:left; margin-right:0 !important; padding:0 5px !important; width:25%;}
.ngg-gallery-thumbnail { width:100%;}
.ngg-gallery-thumbnail img { margin:4px 0 !important; width:100%; box-sizing:border-box;}

.nivo-prevNav::before {content:url(images/prev.png); position:absolute; width:22px; height:20px; top:-68px; left:18px; }
.nivo-nextNav::after {content:url(images/next.png); position:absolute; width:22px; height:20px; right:10px; bottom:-76px;}

.nivo-prevNav { width:0; height:0; border-style: solid; border-width:90px 90px 0 0; border-color: #007bff transparent transparent transparent; top:0; left:0; content:""; z-index:0; }

.nivo-nextNav {width: 0; height: 0; border-style: solid; border-width: 0 0 90px 90px; border-color: transparent transparent #007bff transparent; bottom:0; right:0; content:""; z-index:0; }