/*html, body, .ui.header{font-family: segoe ui,'Helvetica Neue',Arial,Helvetica,sans-serif !important;font-weight: 400 !important;font-size: 14px;}*/
.stripe{padding-top: 20px;}  
.m-t-1{margin-top: 1%;margin-bottom: 2%;}
.m-t-2{margin-top: 2%;}
.m-t-4{margin-top: 4% !important;}
.m-t{margin-top: 0px !important;}
.m-b{margin-bottom: 0px !important;}
.m-0{margin: 0px !important;}
.p-0{padding: 0px !important;}
.p-t-0{padding-top: 0px !important;}
.p-l-5{padding-left: 5% !important;}
.p-b-2{padding-bottom: 2% !important;}
.np{padding: 0px !important;}
.p-8{padding-top:8px !important;padding-bottom: 8px !important; padding-left: 0px !important;}
.pull-right{float: right;}
.f-s-17{font-size: 15px !important;line-height: 29px !important;}
h2{color: #8c0415;text-transform: uppercase;}
.no-bb{border: none !important;box-shadow: none !important;}
.top-bar{font-weight: 600;font-size: 15px;line-height: 25px;}
/*.top-menu{max-height: 50px;margin-top: 2% !important;}*/
.top-menu a{color: #fff !important;}
.top-menu a:hover{color: yellow !important;}
.menu a{font-weight:600 !important;font-size: 17px;}
.overview .container{padding-top: 5%;padding-bottom: 5%;font-size: 19px;line-height: 32px;position: relative;/*text-align: center;*/}
h2.page-title{color: #000;font-size: 2.5em;margin-top: 2%;font-weight: 600;}
.overview h1{padding-bottom: 2%;font-weight: 600;font-size: 1.6em;padding-top: 1.3em;color: #8c0415;}
.container{width: calc(1300px + 2rem) !important;}
section.container p, section.container li{font-size: 19px;line-height: 35px;color: #000;font-weight: normal;}
.contact-info, .contact-info .field label{font-size: 17px !important;line-height: 26px;color: #000 !important;font-weight: normal !important;}
.content.c-space{text-align: center;}
.content.c-space .meta{color: #444!important; font-size: 15px !important;line-height: 25px;}
.c-space .ui.small.header{color: #2f4183;font-weight: 600 !important;}
.video-pan ul li{font-size: 19px !important;line-height: 35px; padding-bottom: 3%;}
.button-green a{border-radius: 5px;font-size: 1.7em;padding: 12px 20px;text-decoration: none; display: inline-block; font-weight: 600; color: #fff; margin: auto;display: table;margin-top: 3%;margin-bottom: 4%;
    background-image: linear-gradient(to bottom,#5cb725,#116c11);
}
.video-container{display: flex;flex-direction: column;}
.play-button-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	pointer-events: none;
}
.play-button-wrapper img{position: absolute;top: 45%;border: 0 !important;left: 45%;}
#order-list {border: 1px solid #999;background-color: #fff;}
#order-list th { background-color: #cecfd1;text-transform: uppercase;}
#order-list .sub td { background-color: #fff500;font-weight: bold;color: red; text-align: center;}
#order-list th, #order-list td {border-left: 1px solid #999;border-bottom: 1px solid #999;border-top: none;border-right: 1px solid #999;padding: 10px;text-align: center;}
.quantity, .totalvalue{text-align: center;padding: 5px;}
.quantity input{width: 60px;text-align: center;padding: 5px;}
.totalvalue input{width: 100px;text-align: center;padding: 5px;}
.footer h4{    font-size: 1.3rem;font-weight: 600;color: #fff;}
.footer{background-color: #8c0415 !important;}
i.icon.whatsapp:before{font-size: 23px !important; color: #41d251;position: relative;top: 3px;}
i.icon.whatsapp.foot:before{font-size: 35px !important; color: #41d251;}
.c-flicon{position: fixed;bottom: 3%;right: 1%;z-index: 1000;}
.ui.small.header.cp{font-size: 1.5em;color: #2f4183;}
.quespanel{background-color: #b8020c;}
.quespanel .container{text-align: center;padding: 20px;font-size: 27px; font-weight: 600; color: #fff;line-height: 50px;}
.estimate .ui.form .field{display: flex;}
.estimate form{width: 50%;margin: auto !important;}
.estimate .ui.form .field>label{min-width: 80px;padding-right: 5%;}
.estimate .ui.form textarea:not([rows]){height: 100% !important;min-height: 100% !important;}
.actual-price{text-decoration: line-through;text-align: center;color: red;}
#o-amt{text-align: center;}
.gallery-page img{max-height:250px;}
.welcome-left{width: 47%;float: left;}
.welcome-right{width: 50%; float: right;}

.welcome-left-off{width: 30%;float: left;}
.welcome-right-off{width: 68%; float: right;}

@media screen and (max-width:600px){
.welcome-left, .welcome-right, .welcome-left-off, .welcome-right-off{width: 100% !important;}
.ui.menu .item{color: #ffffff !important;}
.overview h1{font-size: 1.3rem !important;text-transform: uppercase;text-align: left !important;}
.overview .container{font-size: 17px;text-align: justify;padding-left: 0px !important;padding-right: 0px !important;}
.ui.huge.header{font-size: 1.8em !important;}
.button-green a{font-size: 1.3em !important;}
h2.page-title{font-size: 2.3em !important;}
.ui.card.product-category.product{/*width: 100% !important;*/width: 47% !important;float: left;padding: 5px !important; margin: 0px !important;}
.c-space .ui.small.header{font-size: 17px !important;}
.ui.one.cards>.card {width: 100% !important;}
.menu .ui.basic.icon{background-color: #fff !important;}
.ui[class*="five column"].grid>.column:not(.row), .ui[class*="five column"].grid>.row>.column{width: 100% !important;}
.c-flicon{bottom: 4%; right: 10%;display: none;}
 .quespanel .container{padding: 0px !important;line-height: 35px !important;font-size: 20px;}
 .gstin .pull-right{float: left !important;}
 .our-products{font-size: 25px !important;}
 h2{font-size: 1.3rem !important;}
 .ui.inverted.blue.menu, .ui.inverted.menu .blue.active.item{background-color: #021436 !important;}
 }



