@charset "utf-8";
/* CSS Document */

/*** GOOGLE FONTS ROBOTO */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

/*** BODY */
body{ font-family: 'Roboto', sans-serif; padding:0px; margin:0px; font-weight: 100; font-size: 17px; }

/*** HEADINGS */
h1,
h2{text-align: center; font-size: 45px; color: #f79e23;}
h1{margin-bottom:30px;}

.max-length{margin: 0 auto; max-width: 800px; line-height: 32px; letter-spacing: 1px;}

/*** TOPBAR */
.topbar{background-color: #18150e; color:#c71e1e; padding: 17px; text-align: right;}
.topbar a {color:#fff; text-decoration:none;}

/*** NAVIGATION */
.navibar{ background-color: #c71e1e; color:#fff; padding: 30px; text-transform: uppercase; text-align: right;}
.navibar ul{padding: 0px; margin: 0px;}
.navibar ul li{list-style: none; display: inline;}
.navibar ul li a{ color: #fff; padding: 15px 0px; margin-left: 30px;}

/*** LOGO */
.logo{ position: absolute; top:-15px; z-index: 1;}

/*** SLIDER */
.slider .carousel-control.right, .carousel-control.left{ background-image: none;}
.slider .inner{max-height:350px; overflow:hidden;}

/*** INTRODUCTION */
.intro{text-align: center; font-size: 17px; color: #595959; margin: 50px 0;}
.intro .flavour{margin: 50px 0;}
.intro .flavour span{ display: block; font-weight: bold; color: #000; font-size: 20px;}

.intro h1{text-align: center; font-size: 60px; color: #f79e23; border-bottom: #eee solid 2px; padding-bottom: 30px;}

/*** ACHIEVEMENT */
.achieve{background-color: rgba(0, 0, 0, 0.5); margin: 30px 0; padding: 30px; color: #fff; text-align: center; min-height: 570px; position: relative;}
.achieve::after { content: ""; background: url(../images/achieve-bg.jpg); top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1; }
.achieve .txt-absolute{ position: absolute; top: 50%; transform: translateY(-50%); left:15px; right: 15px;}
.achieve h2{color: #fff;}

/*** OUR PRODUCTS */
.products{text-align: center; margin-bottom: 50px;}
.products .products-list{margin-top:30px; font-size: 18px;}
.products .products-list .product{ border: #efefef solid 2px; min-height: 325px; overflow: hidden; position: relative; margin-bottom: 15px;}
.products .products-list .product img{ position: absolute; top:50%; transform: translate(-50%, -50%);}
.products .products-list .price{ color:#c71e1e;}
.products .products-list .col-md-3{margin-bottom: 30px;}

/*** OFFERS */
.offers .border{ border: #efefef solid 2px; min-height: 200px; overflow: hidden; position: relative; margin-bottom: 15px; padding:100px; font-size:25px; color:rgb(153,0,0); line-height:50px;}


/*** VIDEO */
.video{margin-bottom:100px;}

/*** TESTIMONIALS */
.testimonial{background-color:#25652c; margin: 50px 0; color: #fff; text-align: center;}
.testimonial .curvebg img{width: 100%;}
.testimonial h2{color: #fff;}
.testimonial #demos{margin-top: 50px;}
.testimonial .testi-photo{width: 70px; height: 70px; text-align: center; margin: 0 auto; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; overflow: hidden; border:#fff solid 3px; margin-top:15px; margin-bottom:15px;}
.testimonial .testi-comment{background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #000; padding: 25px 15px; }

/*** FEEDBACK */
.feedback{text-align: center; margin: 50px 0 0 0; background: url(../images/photo-souce-bg.jpg) top left no-repeat; min-height: 700px; }
.feedback .feedback-form{float: right; margin-top: 50px; width: 550px; }
.feedback .feedback-form input, .feedback .feedback-form textarea{width: 100%; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: #c2c3c4 solid 1px; font-size: 15px; }
.feedback .feedback-form input[type="submit"]{ background-color: #c71e1e; color: #fff; text-align: left; width: 100%; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: #c2c3c4 solid 0px; font-size: 15px; }
.feedback .feedback-form textarea{min-height: 250px;}
.feedback .col-md-6, .feedback .col-md-12{padding: 5px;}

/*** CONTACT US */
.contact .feedback-form input, .contact .feedback-form textarea{width: 100%; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: #c2c3c4 solid 1px; font-size: 15px; }
.contact .feedback-form input[type="submit"]{ background-color: #c71e1e; color: #fff; text-align: left; width: 100%; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: #c2c3c4 solid 0px; font-size: 15px; }
.contact .feedback-form textarea{min-height: 250px;}
.contact .col-md-6, .contact .col-md-12{padding: 5px;}

/*** FOOTER */
footer{ background-color: #383838; padding: 15px 0; color: #d6d6d6;}
footer .copyright{color: #a1a7af; text-align: center; margin:15px 0; font-size: 14px; letter-spacing: 1px;}
footer h3{color: #fff; font-size: 17px;}
footer .footer-nav a{color: #d6d6d6; display:block; padding: 5px 0;}
footer .footer-logo{position: relative; padding: 15px 0; width: 80%;}


@media (max-width: 575px) {
 
.navibar ul li{ display:block; text-align:center;}
.navibar ul li a{ margin-left:inherit; line-height:35px;}
.video iframe{height:250px !important;}
}

@media (max-width: 767px) { ... }

@media (max-width: 991px){ 

.logo{position:relative; text-align:center; }
.navibar ul{ text-align:center;}
.testimonial .item{padding:0 10px;}
.feedback .feedback-form{float:inherit; width:auto;}
}

@media (max-width: 1199px) { ... }


iframe {
    margin-left: 50%;
    transform: translateX(-50%);