body{background:#fff;color:#363636;    font-family: 'Open Sans', sans-serif;font-size:14px;}
.related_product{float:left;width:100%;}
.related_product .item{border:solid 1px #d8d8d8;max-width:100%;background:#fff;padding-bottom:11px;margin-bottom:26px;position:static;opacity:1;margin:0 15px 30px;transition:opacity 0.3s ease;top:0;left:0}
.related_product .item .image{position:relative;padding:30px 10px 0px;margin-bottom:13px;text-align:center;min-height:200px;max-height:200px;overflow:hidden;}
.related_product .item .image img{margin:0px auto;top:0;left:0;right:0;bottom:0;}
.related_product .product_describe{display:block;overflow:hidden;margin-top:0px;margin-bottom:9px;}
.related_product .product_describe h3{display:block;overflow:hidden;width:100%;text-align:center;float:inherit;padding:0 20px;font-weight:400;font-size:16px;color:#333;text-transform:none;margin-bottom:12px;line-height:23px;}
.related_product .product_describe p{display:block;overflow:hidden;width:100%;text-align:center;float:inherit;font-weight:400;font-size:16px;color:#231062;}
.related_product .item:hover{border:solid 1px #231062;box-shadow:0 0 0 1px #231062 inset;}
.related_product .item:hover .product_describe h3{color:#231062;}
.related_product .item:hover .product_describe p{color:#333;}
.q-detail{float:left;width:100%;height:auto;overflow:hidden;background:#eee;margin:0;padding:10px;border-bottom:1px solid rgb(222, 222, 222);padding-bottom:20px;margin-top:10px;}
.q-detail li{width:47%;float:left;line-height:24px;font-size:14px;font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;border-bottom:1px dashed #ccc;margin-right:2%;padding-bottom:5px;list-style:none;color:#000;}
.more_products{float:left;width:100%;margin:0;padding:0;}
.product_box_1{float: left;width: 100%;border:solid 1px #d8d8d8;max-width:100%;background:#fff;padding-bottom:11px;margin-bottom:26px;position:relative;opacity:1;margin:0 0px 30px;text-align: center;display: table;}
.product_box_1 .image{position:relative;padding:30px 10px 0px;margin-bottom:13px;text-align:center;min-height:250px;max-height: 337px;overflow:hidden;}
.product_box_1 .image img{margin: 0px auto;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
max-width: 100%;
width: auto;
height: auto;
max-height: 100%;}
.product_box_1 .product_describe{display:block;overflow:hidden;margin-top:0px;margin-bottom:9px;}
.product_box_1 .product_describe h3{display:block;overflow:hidden;width:100%;text-align:center;float:inherit;padding:0 20px;overflow: hidden;font-weight:400;font-size:16px;color:#333;text-transform:none;margin-bottom:12px;line-height:23px;min-height: 50px;text-transform: capitalize;min-height: 69px;}
.product_box_1 .product_describe p{
	display: block;
    overflow: hidden;
    width: 100%;
    text-align: center;
    float: inherit;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    padding: 0px 10px;
    margin-bottom: 15px;
    min-height: 95px;
}

a.product-des-btn{
	background: #231062;
	color: #fff;
	text-align: center;
	padding: 8px 0px;
	width: 115px;
	margin: auto;
	transition: 0.5s;
	margin-top: 10px;
}

a.product-des-btn:hover{
	background: #222;
}
.enquire_btn{background: #231062;
	color: #fff;
	text-align: center;
	padding: 8px 0px;
	width: 115px;
	margin: auto;
	transition: 0.5s;
display: inline-block;
}

.product_box_1:hover .enquire_btn{
	background: #e00813;
}


.product_box_1:hover{border:solid 1px #231062;}
.product_box_1:hover .product_describe h3{color:#231062;}
.product_box_1:hover .product_describe p{color:#333;}
.margin0{margin:0!important;}
.app-figure{width:100% !important;margin:0px auto;border:1px solid #eee;padding:20px;position:relative;}
.selectors{margin-top:10px;text-align:center;}
.selectors .mz-thumb img{max-width:56px;}
.sitemap{
	border-left: 1px solid #666;
	padding:0;
	
}
.sitemap li{ list-style:none!important;
	background: transparent url(../images/sitemap_hr.png) no-repeat scroll 0px 9px;
padding: 0px 0px 0px 15px;
margin-bottom: 5px;
}
.sitemap li ul{border-left: 1px solid #666;
	padding:0;}
.sitemap li a{
	color: #333;
	font-size: 14px;
padding-bottom: 5px;
display: block;
}
.sitemap li a:hover{ color:#23125e;}
.room-t-wrapper{
  position: relative;
  margin-bottom:0px;
    padding: 40px 0 30px;
  overflow: hidden;
    border: 1px solid #ccc;
    background: #eee;

}
.img-wrap{padding: 0 15px 15px 0;}
.room-t-wrapper .img-holder {
position: relative;
height: 570px;
border: 30px solid #ffffff;
box-shadow: 0 6px 15px 4px rgba(0,0,0,0.12);
overflow: hidden;
}

.room-t-wrapper .img-holder img{
    width: 100%;
    height: 100%;
/*    border: 30px solid #ffffff;
box-shadow: 0 6px 15px 4px rgba(0,0,0,0.12);*/
pointer-events: none;
}
.room-t-wrapper .content{
   background: #eee;
   /* padding: 50px 55px 50px;*/
   position: relative;
    min-height: 285px;
}
.room-t-wrapper .content h2{
    color: #0e1322;
    margin: 0 0 0.3em;
    padding: 0;
    position: relative;
}
.content ul{ margin: 0; margin-bottom: 20px;}
.img-holder-gallery{
border: 40px solid #ffffff;
box-shadow: 0 6px 15px 4px rgba(0,0,0,0.12);}
.cat-gallery .item{max-width:100%;padding-bottom:0px;position:static;opacity:1;transition:opacity 0.3s ease;top:0;left:0}
.cat-gallery .item .image{position:relative;padding:0px;margin-bottom:0px;overflow:hidden;}
.cat-gallery .item .image img{margin:0px auto;top:0;width:100%;left:0;right:0;bottom:0; border: 1px solid #eee;}
.cat-gallery .owl-controls{text-align: center;
position: absolute;
z-index: 999;
margin: 3px auto;
left: 0;
width: 100%;}
.owl-theme .owl-controls {
    text-align: center;
    width: 100%;
}
.cat-gallery .owl-controls .owl-theme .owl-controls .owl-buttons div{background: #1d1835;}

.room-t-wrapper .content p{
    color: #333;
    margin: 0 0 8px;
    text-align: left;
    padding: 0;  
}
.room-t-wrapper .content h3 { margin-bottom: 5px;}
.room-t-wrapper .content .bottom-content{
    width: 100%;
}
.room-t-wrapper .content .bottom-content p{
   color: #242424;
    padding: 0;
    margin: 0 0 0.5em; 
}
.room-t-wrapper .content .bottom-content p span{
      display: block;
    font-style: italic;
    color: #888;
    margin:0 0 2em;
}
.room-t-wrapper .content .bottom-content a{ float: left;
    background: #231062;
    padding: 9px 15px;
    margin: 0;
    letter-spacing: 0px;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
}
.room-t-wrapper .content .bottom-content a:hover{
    background: #1a1a1c;
    color: #fff; 
}
.room-t-wrapper .content .bottom-content .pull-right{
    margin-top: 1.5em;
}

.room-l-wrapper{
  position: relative;
  margin-bottom:0;
  overflow: hidden;
}
.room-l-wrapper .content{
    /*padding: 50px 55px 50px;*/
    position: relative;
}
.room-se-wrapper{
    position: relative;
}
.room-se-wrapper {
    position: relative;
}

.room-sed-wrapper{
    position: relative;
    overflow: hidden;
}
.punch-line-here{ background: #fff; float: left; width: 100%; padding: 30px 0; color: #fff; font-weight: 600; text-align: center;}
.punch-line-here h5{ float: left; color: #333; font-size: 25px; line-height: 30px; margin: 0; padding: 0; text-transform: capitalize; font-weight: 600; width: 100%; font-style: italic;}
.punch-line-here h5 a{ display: inline-block; background: #231062; color: #fff; font-size: 18px; padding: 10px 20px; border-radius:4px; margin-left: 15px; font-style: normal;}
.punch-line-here h5 a:hover{ background: #333;}
.custom-product-p-img h3{ text-align: center; width: 100%; float: left; margin: 0; padding: 0 0 10px; color: #231062;}
.custom-product-p-img p{ text-align: center; font-size: 14px; line-height: 24px; color: #333;}
@media screen and (max-width:600px){.mz-thumb img{max-width:39px;}
}
.formative_right_products h5{margin:0 0 5px;}
address p{font-size:14px;line-height:24px;margin:0;padding:0;}
.capitalize a{text-transform:capitalize!important;}
.blog_detail{width:300px;margin:0 0 15px 15px;}
.team_form{float: left; width: 100%; padding:0; margin:0px;}
.team_form p{ margin: 0; padding: 0;}
.team_form p strong{ float: left; width: 100%; color: #fff; font-size: 14px; line-height: 24px; padding: 5px 10px; border-left: 1px solid #504777}
.team_form table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

.team_form table tr {
    border: 1px solid #ddd;
    padding: 5px;
  }
.team_form table tbody tr:nth-of-type(2n+1) {
    background-color: #f0f0f0;
}

.team_form table th{
    border: 1px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
	font-size:14px;
  }
.team_form table td
  {
    font-size:12px;
    border: 1px solid #ddd;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
      
  }

.team_form table th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
	background: #1d1835;
	color:#fff;
  }

  @media screen and (max-width: 600px) {

.team_form table {
      border: 0;
    }

.team_form table thead {
      display: none;
    }

.team_form table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }
	
.team_form table tbody th {
      display: none;
    }

.team_form table th:last-child {
      border-bottom: 0;
    }

.team_form table th:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
	  color:#183883;
    }
	
	

.team_form  table td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

.team_formtable td:last-child {
      border-bottom: 0;
    }

 table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
	  color:#183883;
    }
    .footer-links a {
    color: #dadada;
    text-transform: capitalize !important;
    padding: 5px 0;
    border-bottom: 1px solid #2c2064;
      }
	}
.dc_cont_div{ margin-bottom: 15px;}
.contect_form1 input {
    width: 100%;
    height: 50px;
    margin-top: 0px;
    padding-left: 10px;
    background: transparent;
    border: 2px solid #23125e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.contect_form4 textarea {
    width: 100%;
    padding-left: 10px;
    background: transparent;
    border: 2px solid #23125e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    resize: none;
}
.dc_cont_div input{
	border:2px solid #dcdcdc;
	color:#8a8a8a;
}
.dc_cont_div textarea{
	border:2px solid #dcdcdc;
	color:#8a8a8a;
}
.dc_cont_div textarea:hover, .dc_cont_div textarea:focus{
	border:2px solid #23125e;
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
} 
.dc_cont_div input:hover, .dc_cont_div input:focus{
	border:2px solid #23125e;
	-webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.btn-submit1{ margin-top: 10px; border: 0px!important; color: #fff!important;}
.left-bg { margin-left: 10px; padding: 0;}
.left-bg li{ line-height: 24px; font-size: 14px; list-style: none;}
.left-bg li:before{    
    content: "\f0da";
font-family: "FontAwesome";
    margin-right: 5px;
}
.social-icons li a i{ line-height: 24px;   }
#post{ float: left; width: 100%; margin:0; padding: 10px 15px; background: #fff; }
#enquiry_panel{position: fixed; bottom: 0px; left:3%; width:280px; border:2px solid #231062; border-bottom: 0; padding:0px; border-radius: 4px 4px 0 0; z-index: 999;}
#enquiry_title{margin:0px; background-color:#231062; text-align:center; color:#fff; font-weight: 600; padding:8px 15px 10px; size:20px; cursor:pointer;}
#enquiry_panel #post{display:none;}
#post input[type="text"], #post select,
#post input[type="number"]{width:100%; margin-bottom: 10px; padding:4px 12px; border-radius:2px; border:1px solid #eee;}
#post textarea{width:100%; height:80px!important; margin-bottom: 10px; padding:4px 12px; border-radius:2px; border:1px solid #eee;}
.submit_quick{width:130px; background:#231062; border:none; color:#fff; font-size:14px; border-radius:2px; cursor: pointer;}
select{ width: 100%;}
.submit_quick:hover{background: #bb63ff; color: #fff;}
#myModal{ margin: 0; padding: 0!important;}
.modal-content{border-radius: 0;}
.modal-header{ padding: 0; background: #231062; color: #fff;}
.close {
    float: right;
    font-size: 23px;
    font-weight: 600;
    line-height: 2;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=70);
    opacity: .7;
}
.modal-header .close{ margin-right: 15px;}
.close:hover, .close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: .9;
}
.modal-body input[type="text"], #post select,
.modal-body input[type="number"]{width:100%; padding:5px 12px; border-radius:2px; border:1px solid #eee;}
.modal-body textarea{width:100%; height:120px!important; padding:5px 12px; border-radius:2px; border:1px solid #eee;}
.modal-body  select{ width: 100%; margin-bottom: 15px;}
.auto-pop-sub{width:130px; background:#333; border:none; color:#fff; font-size:14px; border-radius:2px; cursor: pointer;}
.auto-pop-sub:hover{background: #231062; color: #fff;}
.enquiry{
position: fixed;
z-index: 8030;
bottom: 20px;
left: 25px;
height: 50px;
color: #fff;
font-size: 18px;
text-align: center;
text-decoration: none;
cursor: pointer;

}
.enquiry i{ float: left;
z-index: 999;
position: absolute;
left: 0;
width: 50px;
height: 50px;
border-radius: 50%;
color: #fff;
font-size: 24px;
line-height: 50px;
text-align: center;
text-decoration: none;
cursor: pointer;
background: #e00813;
transition: 0.5s;
}
.enquiry strong{ background: #eee;
color: #333;
padding: 10px 20px;
border-radius: 0 30px 30px 0;
height: 45px;
float: left;
    font-size: 15px;
margin-top: 3px;
margin-left: 35px; }
.enquiry i:hover{ color:#fff; background: #231062;}
.enquiry strong:hover{  color:#fff; background: #231062;}
.alert {
z-index: 999999;
width: 100%;
padding: 10px;
margin-bottom: 5px;	
 }
.closebtn{ float: right;font-size: 14px;
cursor: pointer;}
.button_b2b{ color: #23125e;}
.button_b2b:hover{ color: #23125e;}
/*==new-css====*/

.header-fixed {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 100;
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-fill-mode: both;
    background: #fff;
box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

nav.nav.header-fixed {
    padding-top: 0px;
}


.header-fixed .logo{
	width: 103px;
	top: 9px;
}
.main_index a{display: inline-block!important;}
.h1toh2 h2{
	font-size: 30px;!important
    line-height: 30px;!important
    display: inline-block;
    text-transform: uppercase;
    margin: 0;
    font-weight: 600;
	font-family: 'Montserrat', sans-serif;
    color: #0c0c0c;
}
.label {
    width: 100px;
    text-align: right;
    float: left;
    padding-right: 10px;
    font-weight: bold;
  }
  #contact-form label.error,
  .output {
    color: #FB3A3A;
    font-weight: normal;
  }
    .succMsg
	{
		color: green;
		font-weight: bold;
	}
	.errMsg
	{
		color: red;
		font-weight: bold;
	}
    .pac-container { z-index: 100000; }
.g-recaptcha{transform:scale(0.80);-webkit-transform:scale(0.80); transform-origin:0 0;-webkit-transform-origin:0 0;}
h4.modal-title{text-align: left; padding-left: 15px;}
.copy{color: #fff;}
.copy span{color: #e00813;}
.copy a{color: #e00813;}
.custom-product-p-img{ float: left; width: 100%;text-align: center; border: 1px solid #ccc;  padding: 15px;}

.pop_up_box h2{float: left; width: 100%; margin: 0; padding: 10px 15px; color: #fff; background: #231062; margin-bottom: 15px;}
.formative_right_products p a:hover{color: #e00813;}
.image17{float: left; width: 100%; position: relative; text-align: center; height: 300px; margin-bottom: 15px;}
.image17 img{position: absolute; top: 50%; left: 50%;  max-width: 100%; max-height: 100%; height: auto;  transform: translate(-50%,-50%);width: auto;}
.h2todiv{
	padding: 10px;
    margin: 0 0 10px;
    line-height: 30px;
    background: #1d1835;
    font-size: 22px;
    box-sizing: border-box;
    color: #fff;
    font-style: italic;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

#contact-form input {
    width:100%;
    text-align:left;
    float:left;
    padding-right:10px;
    font-weight:300;
    margin-bottom: 15px;
  }
  #contact-form textarea {
    width:100%;
    text-align:left;
    float:left;
    padding-right:10px;
    font-weight:300;
    margin-bottom: 15px;
  }
  .btn-submit {
    background: #23125e;
    color: #fff;
    padding: 9px 25px;
    border: 0px;
}
.feature-products{
	clear: both;
	position: relative;
	overflow: hidden;
	padding: 30px 0px;
	padding-bottom: 10px;
}
.feature-products h3{
	text-align: center;
	text-transform: uppercase;
	color: #1d1835;
	height: 50px;
}
.feature-products h3 span{
	display: block;
	width: 50px;
	height: 4px;
	background: #e00813;
	margin: 0px auto;
	margin-top: 10px;
}
.pop_up_box h3 {
    display: block !important;
    visibility: visible !important;
    overflow: inherit;
}
.pop_up_box{
	position: relative;
}
.pop_up_box h2, .pop_up_box h3 , .pop_up_box p{
	clear: both;
	float: none;
}
.ct-detail{
	padding: 15px;
}
/*footer*/
#footer{
	background-image: url('https://images.unsplash.com/photo-1587231182655-1619e2f52d9d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1533&q=80');
	background-size: cover;
	background-position: center;
	position: relative;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer::after{
    content: " ";
    width: 100%;
    height: 100%;
    background-color: #2f2a2aad;
    position: absolute;
    top: 0;
    z-index: 1;
}


#footer .newsletter{
	padding: 0px 0px;
	z-index: 10;
	position: relative;
}
#footer .newsletter .innernews{
	padding: 50px 0px;
	border-bottom: 1px solid #ffffff2e;
}
#footer .newsletter .innernews h4{
	text-align: center;
	color: white;
	font-weight: 700;
	font-size: 25px;
}
#footer .newsletter .innernews p{
	color: #787878;
	font-size: 15px;
	text-align: center;
	margin-bottom: 30px;
}
#footer .newsletter .innernews form{
	width: 57%;
	position: relative;
	margin: 0px auto;
}
#footer .newsletter .innernews input{
	width: 100%;
	height: 36px;
	background: #2f2a2a;
	border: 0px;
	padding: 10px;
	line-height: 36px;
	color: #ffffff85;
	font-size: 14px;
	outline: navajowhite;
}
#footer .newsletter .innernews button{
	position: absolute;
	right: 0px;
	height: 36px;
	border: 0px;
	background: transparent;
	font-size: 20px;
	padding-right: 15px;
	line-height: 39px;
	color: #ffffffb0;
}
#footer .primary-footer{
	padding: 100px 0px;
	z-index: 10;
	position: relative;
}
#footer .primary-footer .ftr-head{
	color: #aeaeae;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-weight: 800;
}
#footer .primary-footer  .ftrmenu{
	margin: 0px;
	padding: 0px;
}
#footer .primary-footer  .ftrmenu li{
	list-style: none;
	display: block;
	margin-bottom: 12px;
}
#footer .primary-footer  .ftrmenu li a{
	color: #ffffff;
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	line-height: 1;
}
#footer .primary-footer  .ftrmenu li a:hover{
	color:  red;
}
#footer .primary-footer .qccont .loge{
	margin-bottom: 30px;
	text-align: center;
}
#footer .primary-footer  .qccv{
	font-size: 18px;
	color:  white;
	font-weight: 700;
}
#footer .primary-footer  .qccv a{
	color: #828282;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	font-weight: 300;
}
#footer .primary-footer  .qccv a: hover{
	color: red;
	transition: all 0.3s ease-in-out;
}
#footer .primary-footer .ftrsocial{
	margin:  0px;
	padding: 0px;
	margin-top: 15px;
}
#footer .primary-footer .ftrsocial li{
	line-height: none;
	display: inline-block;
}
#footer .primary-footer .ftrsocial li a{
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: white;
	font-size: 17px;
}
#footer .credit{
	text-align: center;
	background-color: #151515;
	padding: 30px 0px;
	color: white;
	font-size: 13px;
	font-weight: 400;
	color: #787878;
	z-index: 10;
	position: relative;
}
#footer .credit a{
	color: white;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	display: inline-block;
}
#footer .credit a:hover{
	color: red;
	transition: all 0.3s ease-in-out;
}
/*footer*/
.five{
	padding: 35px 0;
}
.five .price{
	text-align: center;
	padding: 40px 0px;
	background-color: #f4f4f4;
}
.five .price h4{
	font-size: 15px;
	font-weight: 700;
	color: #121212;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
}
.five .price p{
	font-size: 13px;
	font-weight: 600;
	color: #3a3a3a;
	font-family: 'Open Sans', sans-serif;
}
.five .catloge-txt{
	position: absolute;
	top: 20%;
	left: 7%;
	text-align: center;
}
.five .catloge-txt h5{
	color: #fff;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
.five .catloge-txt h4{
	color: #fff;
	font-size: 35px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	padding: 7px 0;
}
.five .catloge-txt p{
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	padding: 8px 0 12px 0;
}
.five .catloge-txt img{
	padding-bottom: 25px;
}
.five .catloge-txt a{
	color: #fff;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 25px;
	background-color: #000;
	transition: 0.5s all;
}
.five .catloge-txt a:hover{
	background-color: #0000005c;
}

/*Our Categories*/
#our-categories{
	background-color: #333333;
	padding: 55px 0px;
	/* margin-bottom: 50px; */
}
.catg{
	margin-top: 35px;
}
.box {
    text-align: center;
    overflow: hidden;
    position: relative;
}
.box img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.3s ease 0s;
}
.box:hover img {
    filter: grayscale(100%);
    transform: scale(1.1);
}
.box .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.2s ease 0s;
}
.box:before,
.box:after,
.box .box-content:before,
.box .box-content:after {
    content: "";
    width: 100%;
    height: 27%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7), transparent, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9));
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}
.box:before {
    transform: translateX(100%);
}
.box:after {
    height: 22.1%;
    top: 27%;
    transform: translateX(-100%);
    transition-delay: 0.05s;
}
.box .box-content:before {
    top: 49%;
    transform: translateX(100%);
    transition-delay: 0.1s;
}
.box .box-content:after {
    top: 76%;
    transform: translateX(-100%);
    transition-delay: 0.15s;
}
.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after {
    transform: translateX(0);
}
.box .icon {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: -50%;
    left: 50%;
    z-index: 2;
    transition: all 0.4s ease 0.2s;
}
.box:hover .icon {
    top: 27%;
}
.box .icon li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #da1622;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}

/*Our Categories*/
section.short-about{padding-top:20px;}
	.short-ab-img{text-align:center; margin-top:30px;}
	.short-ab-img img{display:inline-block; max-width:100%;}

	.short-ab-content{margin-top:30px;}
	.short-ab-content h2{color:#393939; font-size:30px; font-family: 'Poppins', sans-serif;}
	.short-ab-content .text{color:#7f7f7f; font-size:13px; font-family: 'Poppins', sans-serif; font-weight:500; line-height:20px; margin-top:13px;}
	.short-ab-content a{display:inline-block; font-family: 'Poppins', sans-serif; text-decoration:none; font-size:13px; color:#fff; background:#76b937; padding:11px 30px; margin-top:18px; transition: 0.3s all;}
	.short-ab-content a:hover{background:#393939;}


	#home-intro{
		padding: 35px 0px;
		position: relative;
		padding-bottom: 0px;
	}
	#home-intro .ccicon{
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#home-intro .ccicon h6{
		font-weight: bold;
		color: #b10900;
		margin-bottom: 10px;
	}
	#home-intro  a{
		display: inline-block;
		background-color: #b10900;
		text-align: center;
		color: white;
		padding: 5px 10px;
	}
	.intro-details h5{
		font-weight: bold;
		margin-bottom: 10px;
	}
	.intro-details p{
		line-height: 2.1;
	}

#our-categories .order-title {
    text-align: center;
    position: relative;
    /* top: -24px; */
}
#our-categories .order-title h2 {
    /* font-family: 'Oswald', sans-serif; */
    font-size: 36px;
    color: #ffffff;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}
#our-categories .order-title.contras h2{
	color:  black;
}
#our-categories .order-title h2 span {
    color: #da1622;
}
#our-categories .order-title h2:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background: #ff0000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    left: -13%;
}
#our-categories .order-title h2:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background: #ff0000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    right: -13%;
}
.certificates{
	padding: 20px 0px;
}

.product-grid {
    font-family: 'Josefin Sans', sans-serif;
    position: relative;
    border: 2px solid #e3e3e3;
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0px;
}

.product-grid .product-image {
    overflow: hidden;
    position: relative;
}

.product-grid .product-image a {
    display: block;
}

.product-grid .product-image img {
    width: 100%;
    height: auto;
}

.product-grid .social {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 50px;
    right: 25px;
    z-index: 1;
}

.product-grid .social li {
    margin: 0 0 35px;
    display: block;
    transform: translateX(100px);
    transition: all 0.5s;
}

.product-grid:hover .social li {
    transform: translateX(0);
}

.product-grid .social li a {
    color: #ffffff;
    background-color: #000000;
    font-size: 17px;
    line-height: 45px;
    text-align: center;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: block;
    transition: all 0.3s ease 0s;
}

.product-grid .social li a:hover {
    color: #fff;
    background-color: #068f3d;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.product-grid .social li a:before,
.product-grid .social li a:after {
    content: attr(data-tip);
    color: #fff;
    background-color: #000;
    font-size: 12px;
    line-height: 22px;
    border-radius: 3px;
    padding: 0 5px;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px;
}

.product-grid .social li a:after {
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 0;
    transform: translateX(-50%) rotate(45deg);
    top: -22px;
    z-index: -1;
}

.product-grid .social li a:hover:before,
.product-grid .social li a:hover:after {
    opacity: 1;
}

.product-grid .add-to-cart {
    color: #fff;
    background-color: #000000;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    padding: 10px 0;
    display: block;
    position: absolute;
    left: 0;
    bottom: -100%;
    transition: all 0.3s;
}

.product-grid .add-to-cart:hover {
    background-color: #ed1d24;
    text-decoration: none;
}

.product-grid:hover .add-to-cart {
    bottom: 0;
}

.product-grid .product-content {
    padding: 20px 10px;
    text-align: center;
}

.product-grid .title {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    margin: 0 0 7px;
    font-weight: 600;
}

.product-grid .title a {
    color: #000000;
}

.product-grid .title a:hover {
    color: #068f3d;
    text-decoration: none;
}

.product-grid .price {
    font-family: 'Josefin Sans', sans-serif;
    color: #8e8e8e;
    font-size: 13px;
    font-weight: 400;
}

@media screen and (max-width:990px) {
    .product-grid {
        margin-bottom: 30px;
    }
}


#ctimpression{
	background-image: url('../imgs/Fleece-Fabric.jpg');
	background-size: cover;
	background-position: center;
	padding: 150px 0px;
	text-align: center;
	color: white;
	font-size: 50px;
	text-transform: uppercase;
	font-weight: bold;
}
#ctimpression span{
	display: block;
	font-size: 20px
}

#featureps{
	padding: 35px 0px;
}
#featureps .order-title {
    text-align: center;
    position: relative;
    /* top: -24px; */
    margin-bottom: 25px;
}
#featureps .order-title h2 {
    /* font-family: 'Oswald', sans-serif; */
    font-size: 36px;
    color: #000000;
    font-weight: 700;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
}
#featureps .order-title.contras h2{
	color:  black;
}
#featureps .order-title h2 span {
    color: #da1622;
}
#featureps .order-title h2:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background: #ff0000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    left: -13%;
}
#featureps .order-title h2:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background: #ff0000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    right: -13%;
}

#site-header{
	position: absolute;
	/* overflow: hidden; */
	width: 100%;
	background: transparent;
	top: 0px;
	padding: 21px 0px;
	border-bottom: 1px solid #ffffff42;
	z-index: 999999999999999999999;
}

.header-top-right-menu{
	margin: 0px;
	padding: 0px;
}
.header-top-right-menu li{
	list-style-type: none;
	display: inline-block;
	float: left;
}
.header-top-right-menu li form{
	position: relative;
	border: 1px solid white;

}
.header-top-right-menu li form input{
	width: 100%;
	background: transparent;
	border: 0px;
	overline: none;
	height: 50px;
	padding: 10px;
	line-height: 50px;
	color: white;
}
.header-top-right-menu li form button{
	background-color: white;
	color: black;
	border: 0px;
	border-radius: 3px;
	position: absolute;
	top: 7px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	right: -20px;
}
.header-top-right-menu li:first-child{
	margin-right: 30px;
	margin-left: 22px;
}

.header-top-right-menu li .cart{
	border: 1px solid white;
	height: 52px;
	line-height: 50px;
	color: white;
	padding: 0px 10px;
	padding-left: 16px;
	position: relative;
	padding-right: 19px;
}
.header-top-right-menu li .cart span{
	position:absolute;
	width: 35px;
	height: 35px;
	background-color: white;
	border-radius: 2px;
	top: 7px;
	color: black;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
	margin-right: -16px;
}
.breadcrumb_section{
	position: relative;
}
.breadcrumb_section::before{
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	background-color: #000000c2;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 11;
}
.breadcrumb_section .container{
	padding-top: 150px;
	z-index: 99999;
	padding-bottom: 50px;
}
.breadcrumb_section .container h1{
	color: #f8f8f8 !important;
	text-transform: uppercase;
	font-weight: bold;
}
.breadcrumb_section .container ul{
	margin: 0px;
	padding: 0px;
}
.breadcrumb_section .container ul li{
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}
.breadcrumb_section .container ul li a{
	text-decoration: none;
	color: red;
}
.details_section.blog_details.sec_ptb_140.clearfix{
  padding: 40px 0px;
}

  .CartInfo{
  	width: 100%;
  }
 .CartInfo .ShopCart{
  	width: 100%;
  	margin-right: 0px;
  }
  .CartInfo .ShopCart thead{
  	background-color: #ed1d24;
  	padding: 5px !important;
  	color: white;
  	font-weight: bold;
  }
   .CartInfo .ShopCart thead td{
   	padding: 10px;
   	text-transform: uppercase;
   }
   .CartInfo .ShopCart tbody tr{
   	    margin-bottom: 10px;
   	    padding: 15px 0px;
   	    position: relative;
   	    overflow: hidden;
   }
    .CartInfo .ShopCart tbody tr h4{
   	    font-size: 15px;
   }
    .CartInfo .ShopCart tbody tr h5{
   	    font-size: 13px;
   }
   .CartInfo .ShopCart tbody .quantity input{
   	width: 50%;
   	border-radius: 0px;
   	float: left;
   }
      .CartInfo .ShopCart tbody .quantity button{
      	background-color: #ed1d24;
      	border: 0px;
      	border-radius: 0px;
      }
    .CartInfo .ShopCart tbody .action{
    	text-align: center;
    	color: red;
    }
    .Total{
    	background: #bcbcbc;
    	padding: 15px;
    	text-align: right;
    	font-size: 15px;
    	color: #ed1d24;
    }
    .basket-btn a{
    	display: inline-block;
    	text-decoration: none;
    	background-color: red;
    	padding: 10px;
    	color: white;
    	float: right;
    	margin-left: 15px;
    }
.modal-cart{
	position: relative;
}
.modal-cart .modal-size{
	float: left;
	width: 40%;
	margin-right: 8px;
}
.modal-cart .modal-size h4{
	font-size: 15px;
	margin-bottom: 5px;
	text-transform:uppercase;
}
.modal-cart .modal-size select{
	width: 100%;
	height: 30px;
	padding: 5px;
	font-size: 15px;
	margin-bottom: 25px;
}
.modal-cart .quantity{
	float: none;
	clear: both;
}
.modal-cart .quantity label{
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
}

.modal-cart .quantity input{
	height: 40px;
}
.modal-cart .quantity button{
	height: 40px;
	border: 0px;
	background-color: #ed1d24;
	color: white;
	font-weight: bold;
	padding: 0px 15px;
}

@media only screen and (max-width: 600px) {
    #site-header{
    	position: relative;
    	background-color: #3b3b3b;
    	border-bottom: 0px;
    }
    .branding{
    	/* text-align: center; */
    	margin-bottom: 5px;
    }
     #site-header img{
     	width: 50%;
     	margin: 0px auto;
     }
  	.order-title h2:before{
      display: none;
    }
  .order-title h2:after{
      display: none;
    }
}
img{
  max-width: 100%;
}