*{ padding: 0px; margin: 0px;}

border{ outline:none;}

body{ font-family:'OpenSans-Regular'; font-size:14px; color:#333;}

.margin{ margin: 0px ;}

.padding{ padding: 0px ;}
.padding_tb30{ padding: 30px 0 !important;}
.clear{ clear: both;}

.p{ font-family:'OpenSans-Regular'; font-size: 14px; color: #333;}

.heading-bottom-border{ margin:5px auto 0; height: 2px; width: 148px; background:#333;}

.header{ background-color: #fff; }

.logo{ width: 100%; text-align: left; display: inline-block; margin:15px 0;}

.logo img{ max-width: 100%; }	

.header-left{ float: right; margin-top: 45px;}

.header-left ul li{ list-style-type: none; display: inline-block; padding:0 10px 0 0;}

.header-left ul li a{ text-decoration:none; color:#333; font-size:14px; border:2px solid #333; padding:3px; border-radius:50%; width:32px; text-align:center;}

.header-right{ float:right; margin-top:20px; color:#333;}

.header-right ul li{ list-style-type:none; display:inline-block; padding:7px 0; font-family: 'ClearSans';}

.header-right ul li span{ font-size:14px; padding:3px 0 0; display:inline-block;}

.header-right ul li a{ text-decoration:none; color:#333;}

.menu-bar{ background-color: rgb(3,53,113); text-align: center; padding-top: 15px; padding-bottom: 15px;}

.menu-bar ul li{ list-style-type: none;display: inline-block;}

.menu-bar ul li a{ color: white; text-decoration: none; font-family:'OpenSans-Semibold'; font-size: 12.81px; padding-right: 15px;}

.banner-box{ float: left; width:100%;}

.banner-texarea{ float: left; position:absolute; z-index:1; top:40%; left:0%;}

.banner-texarea2{ float: right; position:absolute; z-index:1; top:60%; right:0%;}

.banner-texarea2 h1{ color:#f87515;}

.banner{ float: left; position: relative; width:100%;}

.banner p{ font-size:14px; color:#333; display:inline-block; width:40%;}



.welcome_box{ padding:60px 30px !important;}

.welcome p{ width:100%; margin:0px auto; line-height:22px; color:#333; font-size:14px; padding-top:0px; text-align:center;}

.bottels{ width:100%; background-color:#eee; margin-top:10px;}

.bottels-right{ width:80%; padding:40px;}

.bottels-right p{ width:100%; float:left; font-size:14px; color:#333; line-height:22px; text-align:justify; padding-top:10px;}

.mechine-banner{ width:100%; display:inline-block; margin:30px 0 0;}

.featured-products{ width:100%; float:left; padding: 20px 0px;}
.our-products{ width:100%; float:left; background:#f6f6f6; padding: 20px 0px; margin-bottom:30px;}

.product_box{  position: relative; width:100%; float:left; background:#fff; padding:0px !important; margin-bottom:30px;}
.pro_hdng{ width:100%; float:left; font-size:18px; color:#f87515; padding:15px !important; text-align:center;}
.pro_text{ display:block; font-size:12px; color:#333; padding:15px !important;}
.pro_btnarea{ width:100%; display:inline-block; text-align:center;}
.pro_btnarea a{ width:120px; text-decoration:none; display:block; margin:20px auto; font-size:14px; color:#fff; padding:10px 0; background:#f87515; transition:all .3s linear;}
.pro_btnarea a:hover, .pro_btnarea a:active{ text-decoration:none; background:#444; transition:all .3s linear;}

.team{ width:100%; float:left; padding:30px 0;}

.contact-info{ border-bottom: 1px solid #cc5a06;}

.footer{ background:#f87515; text-align: center; color: #fff !important;}

.footer-heading{ font-size: 20px; padding:30px 0 20px;}

.social-network{ margin:20px 0;}

.social-network ul li{ list-style-type: none; display: inline-block;}

.social-network ul li a{ text-decoration: none; color:#fff; border:2px solid #fff; border-radius:50%; width:36px; padding:5px; margin:0px 3px; display:inline-block;}

.social-network ul li a i{ text-decoration: none; font-size:16px; color:#fff;}

.copy-right{ padding:15px;}

.copy-right strong a, .copy-right strong a:hover{ text-decoration:none; color:#fff;}



.about_hdng{ padding:40px 0;}

.about_hdng h2{ font-size: 26px;}


.contact_text{ float:left; font-size:12px; color:#333; padding:5px 0; font-family:Arial, Helvetica, sans-serif;}

.contact_text span{ float:left; padding:3px 0px; width:100%;}

.contact_input{ float:left; padding:2px 10px; width:95%; border:1px solid #ccc; height:40px;}

.contact_textarea{ float:left; padding:2px 5px; width:97%; border:1px solid #ccc; height:130px;}

.contact_btn, .contact_btn:hover, .contact_btn:focus{ font-size:14px; color:#fff; background:#f87515; padding:10px 25px; margin:10px 0 0; text-decoration:none;	float:left; font-family:Arial, Helvetica, sans-serif;}

.contact_box{ float:left;}

.contact_box_text{ width:100%; float:left; padding:10px 0; font-size:12px;}

.contact_box_text strong{ float:left; width:100%; padding-bottom:5px;}

.contact_box_text span{ float:left; width:100%;}



@media(max-width: 1291px){

.bottels-right{ padding-left: 32px; padding-right: 150px; padding-top: 40px}

}





@media(max-width: 1194px){

.bottels-right{ padding-left: 27px; padding-right: 98px; padding-top: 35px}

}





@media(max-width: 1094px){

.bottels-right{ padding-left: 22px; padding-right: 42px; padding-top: 30px;}

}





@media(max-width: 1024px){

h3{ font-size: 20px;}

.paragraph2{ font-size: 12px;}

.bottels-right{ padding:30px 22px; width:100%;}

.mechine-banner{ width:100%; display:inline-block; margin:30px 0 0;}

.banner-texarea2{ float: right; position:absolute; z-index:1; top:17%; right:0%;}

.welcome{ padding-top: 30px;}

.welcome p{ width:100%; margin:0px auto; line-height:22px; color:#333; font-size:14px; padding-top:0px; text-align:center;}

}





@media(max-width: 991px){

.banner-heading{ padding-top: 30px;}

.bottels-right{ padding-bottom: 20px;}

}





@media(max-width: 768px){

.header-left{ float: none; text-align: center;}

.contact{ text-align: center;}

.header-right{ float:right; margin-top:0px; color:#fff; text-align:right; width:100%;}

.header-right ul li{ list-style-type:none; display:inline-block; padding:7px 0; font-family: 'ClearSans'; width:42%; text-align:left;}

.banner-texarea2{ float: right; position:absolute; z-index:1; top:20%; right:0%;}

.banner-texarea2 h1{ color:#f87515; font-size:26px;}

.banner p{ font-size:12px; color:#333; display:inline-block; width:60%;}



}





@media(max-width: 730px){

.banner-heading{ padding-top: 0px;}

}





@media(max-width: 655px){

.header-left{ margin-top: 10px; width:100%; text-align:center;}

.logo{ width: 100%; text-align: center; display: inline-block; margin:5px 0 10px;}

.banner-heading{ padding-top: 30px;}

.banner-heading h1{ font-size: 40px !important;}

.paragraph{	font-size: 9px;}

h1,

.h1 {

  font-size: 36px;

}

.banner-texarea{ float: left; position:absolute; z-index:1; top:25%; left:15%;}

}





@media(max-width: 520px){

.carousel-indicators{ display: none;}

.banner-heading{ padding-top: 0px;}

}



@media(max-width: 480px){

.banner-texarea2{ float: right; position:absolute; z-index:1; top:20%; right:0%; display:none;}

h2,

.h2 {

  font-size: 24px;

  margin-bottom:25px;

}

}



@media(max-width: 455px){

.banner-heading h1{	font-size: 20px !important;}

h2, .h2{	font-size: 15px;}

.banner-heading{padding-top : 10px;}

.paragraph{ font-size: 12px; }

.heading-bottom-border{	width: 100px;}

}





@media(max-width: 360px){

.banner-heading{ padding-top: 0px;}

h2, .h2 { font-size: 16px; margin-bottom:15px;}

.heading-bottom-border{ width: 85px;}

.header-right ul li{ list-style-type:none; display:inline-block; padding:7px 0; font-family: 'ClearSans'; width:85%; text-align:left;}

.welcome p{ width:100%; margin:0px auto; line-height:22px; color:#333; font-size:12px; padding-top:0px; text-align:justify;}

.our-products{ padding:45px 0 0;}

.quote { text-align: center; margin-bottom: 15px; display:inline-block; text-align:center; width:100%;}

#fade-quote-carousel.carousel {  padding-bottom: 30px;}

}





@media(max-width: 320px){

.banner-heading h1{ font-size: 15px;}

.heading-bottom-border{ width: 68px;}

}





/*-------------------------------*/

/*      Code snippet by          */

/*      @maridlcrmn              */

/*-------------------------------*/



.quote {

    color: rgba(0,0,0,.1);

    text-align: center;

    margin-bottom: 28px;

}



/*-------------------------------*/

/*    Carousel Fade Transition   */

/*-------------------------------*/



#fade-quote-carousel.carousel {

  padding-bottom: 30px;

}

#fade-quote-carousel.carousel .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-inner .active {

  opacity: 1;

  -webkit-transition-property: opacity;

      -ms-transition-property: opacity;

          transition-property: opacity;

}

#fade-quote-carousel.carousel .carousel-indicators {

  bottom: 10px;

}

#fade-quote-carousel.carousel .carousel-indicators > li {

  background-color: #e84a64;

  border: none;

}

#fade-quote-carousel blockquote {

    text-align: center;

    border: none;

}

#fade-quote-carousel .profile-circle {

    width: 100px;

    height: 100px;

    margin: 0 auto;

    border-radius: 100px;

}

.info

{

	text-align: center;

	

}

.about

{

	text-align: center;

}

.about ul

{

	padding:0px; margin: 0px;

	display: inline-block;

}

.about ul li

{

	padding-left: 20px;

	color: black;

	text-align: left;

	list-style-type:  none;

}

.author-name

{

	font-family:'OpenSans-Regular';

	font-size: 18.78px;

}