/*
Theme Name: Rank Theme
Author: rank
*/
body{font-family:"Poppins", serif;font-size:14px;font-weight:400;color:#000;}
*{margin:0px;padding:0px;}
.clr{clear:both;}
a{text-decoration:none;color:#000;transition:all 0.5s ease;}
a:focus, a:hover{}
:focus-visible{outline:none;}
a img{border:none;outline:none;}
h1{color:#000;font-size:50px;font-weight:800;}
h2{color:#000;font-weight:bold;font-size:42px;line-height:45px;}
h2 span{color:#c00000;}
h3{color:#162637;font-size:26px;font-weight: bold;}
h4{color:#162637;font-size:18px;line-height:28px;font-weight:600;}
h5{color:#162637;}
p{font-size:16px;}
p a{color:#c00000;}
p a:hover{color:#696565;}
img{max-width:100%;}
.left{float:left;}
.right{float:right;}
.wraper{width:80%;margin:0px auto;}
.logo_sec{text-align:center;}
.logo{width:100px;margin:20px 0;display:inline-block;}
.logo img{float:left;background:#fff;padding:0px;}
.right_side{width:80%;padding:2.6% 0;}
.nav{text-align:center;margin-bottom: 25px;}
.nav ul li{list-style-type:none;display:inline-block;padding:0 20px;font-size:14px;font-weight:600;line-height:23px;}
.nav ul li.current-menu-item a{border-bottom:1px solid #000;}
.nav ul li a{padding:3px 0;}
.metaslider .caption-wrap {background:transparent !important;
opacity:1 !important;top:30%;width:50% !important;left:5% !important;}
.metaslider .caption-wrap h6{color:#000 !important;font-size:16px;}
.metaslider .caption-wrap h2{color:#000 !important;margin:15px 0;}
.metaslider .caption-wrap p{color:#000 !important;}
.btn{padding:10px 20px;color:#fff;background-color:#000;}
.metaslider .caption-wrap a.btn{display:inline-block;margin-top:20px;}
.section_1{margin-top:8px;}
.sec_1_1{width:32.2%;}
.sec_1_2{width:67%;position:relative;}
.text_cont{position:absolute;width:35%;top:12%;left:4%;}
.text_cont h2{color:#000;margin-bottom:10px;}
.text_cont p{color:#000;padding:10px 0;}
.text_cont a{color:#000;border-bottom:1px solid #000;}
.left.sec_1_2 .text_cont{right:4%;left:auto;}
.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a::before{mask-size: 18px auto !important;}
.ms-is-small.metaslider.ms-theme-blend .flexslider:not(.filmstrip) ul.flex-direction-nav{bottom:35px !important;right:0 !important;}
.section_1 ul.flex-direction-nav a{background:#fff !important;}
.ms-is-small.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a.flex-prev{left:30px !important;}
.metaslider.ms-theme-blend .flexslider ul.flex-direction-nav li a::before{background-color:#000 !important;}
.section_3{margin-top:3px;}
.section_3 li{list-style-type:none;display:inline-block;width:32.7%;position:relative;}
.section_3 li .text_cont{width:100%;left:0;text-align:center;top:40%;}
.section_3 li:nth-child(2){margin:0 0.5%;}
.section_3 li .text_cont h2{color:#fff;}
.section_3 li .text_cont a{color:#fff;border-bottom:1px solid #fff;}
.section_2.section_1{margin-top:2px;}
.section_4{background:#f5f4f2;padding:20px 0;margin-bottom:8px;}
.section_4 ul li{list-style-type:none;display:inline-block;width:33%;}
.section_4 ul li .sec_4_text{padding:35px 28px;}
.section_4 ul li span{font-size:18px;font-weight:600;color:#000;}
.section_4 ul li .sec_4_text h5{}
.section_4 ul li .sec_4_text h5 img{margin:-12px 17px -12px 0;}
.footer{background:#000;padding:50px 0;}
.foot_1{width:16%;float:left;}
img.foot_logo{width:50px;border-radius:50px;}
.foot_1 p{font-size:13px;color:#fff;line-height:20px;}
.foot_1 h5{font-size:18px;color:#fff;font-weight:400;margin-bottom:12px;}
.foot_1 li{list-style-type:none;display:inline-block;width:100%;font-size:13px;}
.foot_1 li a{color:#fff;}
.foot_2{margin:0 10px;width:18%;}
.pay_ment{margin-top:10px;}
.foot_3{width:15%;margin-left:1%;}
.copy_right{text-align:center;
padding-top:50px;margin-top:50px;border-top:1px solid #ccc;}
.copy_right p{color:#fff;font-size:13px;}
.copy_right p a{color:#fff;}
.section_4 ul li .sec_4_text h5{margin-bottom:15px;}
.page_head{padding:200px 0;background-attachment:fixed;}
.page_head h1{color:#fff;}
.page_content{padding:50px 0;}
.page_content p{margin-bottom:18px;}
ul.our_pro{text-align:center;}
ul.our_pro li{list-style-type:none;display:inline-block;width:23%;margin:0.5%;}
span.onsale{line-height:18px !important;min-height:auto !important;
min-width:auto !important;font-family: Montserrat, sans-serif;background:#000 !important;border-radius:0 !important;
font-weight:400 !important;font-size:11px;text-transform:uppercase;
position:absolute;display:block;top: 5% !important;
left:-9px !important;width:50px;
height:20px;margin:0;padding:0;color:#fff;line-height:20px;
letter-spacing:1px;text-align:center;
z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box;
-webkit-transform: rotate(90deg) translateZ(0);
transform: rotate(90deg) translateZ(0);}
.single_head{background:#ccc;padding:50px 0;margin-bottom:50px;}
.single_head nav.woocommerce-breadcrumb{margin:0 !important;}
p.price ins{color:#000 !important;}
.woocommerce div.product p.price del{color:red;opacity:1 !important;}
.woocommerce-product-details__short-description{margin:10px 0;}
.woocommerce-product-details__short-description p{font-size:14px !important;color:#333;}
.woocommerce .quantity .qty{width:35px !important;text-align:center;
padding:6px;font-size:14px;color:#333;}
.woocommerce div.product form.cart .button{background:#000;border-radius:0;}
.woocommerce-tabs h2, .related h2{font-size:20px;}
.page_head{background-size:100%;}



/*Responsive*/

@media only screen and (max-width: 1280px) and (min-width: 1068px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 1067px) and (min-width: 963px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 962px) and (min-width: 801px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 800px) and (min-width: 668px){
.wraper{width:95%;}

}
@media only screen and (max-width: 667px) and (min-width:601px){
.wraper{width:95%;}

}
@media only screen and (max-width:600px) and (min-width:481px){
.wraper{width:95%;}

}
@media only screen and (max-width: 480px) and (min-width: 376px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 375px) and (min-width: 0px){
.wraper{width:95%;}

}