@import 'https://fonts.googleapis.com/css?family=Lato|Maven+Pro:700';
@import 'https://fonts.googleapis.com/css?family=Maven+Pro';
* {
	margin:0;
	padding:0;
	outline:0;
}
body {
	font-family: 'Lato', sans-serif;
	color:#000;
	
}
.clr {
	clear:both;
}
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}
ul, ol {
	margin:0;
	list-style:none
}

.back-img{	background-image:url(image/banner.jpg); background-repeat:no-repeat;
	background-size:100%;
}

/* ====== nav ======== */

.navbar-inverse {
    background-color: transparent;
	border:none;
	margin-top:3%;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    height: auto;
    margin-top: 2%;
    max-width: 75%;
}
.nav.navbar-nav.pull-right li a:hover{color:#d62c3b;}


.navbar-nav li a {font-size:20px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #f93939;
}
.pera{font-family: 'Maven Pro', sans-serif;font-size:26px;; text-align:center; color:#d1cfcf;
}

.headi{font-size:48px; text-align:center; color:#da2c3c; font-family: 'Maven Pro', sans-serif; font-weight:700; padding-top:190px; padding-bottom:20px;}

.bg-img {
    background-image: url("image/footer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}.coppy{ text-align:center; color:#d1cfcf; padding:30px;}
.pera {
    color: #d1cfcf;
    font-family: "Maven Pro",sans-serif;
    font-size: 26px;
    padding-bottom: 28%;
    text-align: center;
}

.no-pdd{padding-top: 2%;}	


.bg-img {
    background-image: url("image/footer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}




/*about page*/
.aboutus{text-align:center; background-color:#d0d0d0; margin-top:6%; margin-bottom:13%; padding:2% 0;}
.aboutus h1{color:#f93939; font-size:36px; font-family: 'Maven Pro', sans-serif;padding:10px; }
.aboutus p{color:#616161; font-size:18px; font-family: 'Maven Pro', sans-serif; font-weight:300; padding:30px;}


/*about page close*/
.dropdown-menu {background-color:transparent;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {color:#9d9d9d; background-color:transparent;}
.dropdown-menu > li > a {color:#9d9d9d; background-color:transparent;}
.dropdown:hover .dropdown-menu { display: block; }
/*about product*/
.product{background-color:#d0d0d0; margin-top:3.5%; margin-bottom:4%; padding:2% 1%;}
.product h1 {
    color: #f93939;
    font-family: "Maven Pro",sans-serif;
    font-size: 36px;
    padding-bottom: 8px;
   
}
.product p{font-family: 'Maven Pro', sans-serif;  color:#242424; font-size:17px;}
.product h4{font-family: 'Maven Pro', sans-serif; font-family:20px; color:#242424; padding-top:10px;}

.prod{padding:15px;}
.prod-1{padding:15px;}


u{color:#0383dc; font-family:"Maven Pro",sans-serif; font-size:20px; font-weight:500;}

.comercial {
    background-color: #d0d0d0;
    margin-bottom: 6px;
    margin-top: 68px;
}
.comercial h1 {
    color: #f93939;
    font-family: "Maven Pro",sans-serif;
    font-size: 36px;
    padding-bottom: 8px;
    padding-top: 20px;
}
.padd{padding:0px;}

.comercial p{font-family: 'Maven Pro', sans-serif;  color:#242424; font-size:17px;    padding-bottom: 14px;
}
.product h4{font-family: 'Maven Pro', sans-serif; font-family:20px; color:#242424; padding-top:10px;}
.product p {font-family: 'Maven Pro', sans-serif;  color:#242424; font-size:17px;    padding-bottom: 14px;
}


/*product page close*/

.bg-col {
    background-color: #d0d0d0;
    margin-bottom: 12%;
	padding: 1.5% 0;
    margin-top:5%;
}

.bg-col h1{ font-size:36px; font-family:'Maven Pro', sans-serif; color:#f93939; text-transform:uppercase; font-weight:700; text-align:center; padding-top:10px; padding-bottom:5px; }
.bg-col p{font-size:26px; font-family:'Maven Pro', sans-serif; text-align:center;  color:#242424; padding-bottom:20px; padding-top:5px;}


.img-icon{margin-top:20px; margin-bottom:40px;}


.form-control {
    background-color: #e9e9e9;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #6a6a6a;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857;
    margin-top: 6px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}


.bg-col h2 {
    color: #f93939;
    font-family: "Maven Pro",sans-serif;
    font-size: 36px;
    font-weight: 500;
    padding-bottom: 9px;
    padding-top: 17px;
    text-align: center;
    text-transform: uppercase;
}

.form-group {
    margin-bottom: -4px;
}

.bgack {
    padding-bottom: 20px;
}
.btn-group-lg > .btn, .btn-lg {
    background-color: #b32230;
    border: medium none;
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.33333;
    margin-top: 15px;
    padding: 10px 16px;
}

.location {
    float: left;
    padding-top: 30px;
}



.location p {float:left; color:#FFF; font-size:18px; font-family: "Maven Pro",sans-serif;}
.location img {float:left; margin:0px; padding-right:8px;}
span{font-size:18px; font-family:"Maven Pro",sans-serif; color:#f93939; font-weight:700;}

.cont-list {display:block; margin-bottom:10%;}
.cont-list li {display:inline-block; padding:0 10px;}

/**   taped panner**/
.nav-tabs > li {
     width: 90%;
	     border-bottom: solid 1px #eeeeee;
 border-right: solid 1px #eeeeee;
}
.caret {color:#9d9d9d;}
.caret:hover {color:#f93939;}

.back-g{background-color:#ffffff; padding-bottom: 3%;
margin-bottom: 7%;
margin-top: 3%;}

.back-g-2 {background-color:#ffffff; padding-bottom: 3%;
margin-bottom: 7%;
margin-top: 3%;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ea4561;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    cursor: default;
    font-family: maven pro;
    font-size: 18px;
    font-weight: 700;
}
.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    font-size: 18px;
    line-height: 1.42857;
    margin-right: 2px;
	color:#e83755;
}

.nav-tabs > li > a:hover{background-color:#e83755; color:#ffffff;}



.tab-pane p {
    font-size: 18px;
    margin-bottom: 9px;
    margin-left: 48px;
    margin-top: 5px;
	color:#000;
}

.tab-pane.active h1{font-size:24px; color:#000000; font-family:"Maven Pro",sans-serif; margin-top:10px; margin-bottom:20px; line-height:24px;}

@media screen and (max-width:1280px){
	.back-img {
    background-image: url("image/banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
	
	
	}


@media screen and (max-width:1024px){
	.headi {
    color: #da2c3c;
    font-family: "Maven Pro",sans-serif;
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 20px;
    padding-top: 150px;
    text-align: center;
}
.pera {
    color: #d1cfcf;
    font-family: "Maven Pro",sans-serif;
    font-size: 20px;
    padding-bottom: 16%;
    text-align: center;
}
	
	/*about page close*/
.aboutus {
    background-color: #d0d0d0;
    margin-bottom: 92px;
    margin-top: 16px;
    text-align: center;
}

.aboutus p {
    color: #616161;
    font-family: "Maven Pro",sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding-bottom: 15px;
    padding-top: 0;
}

/*about page close*/

.back-img {
    background-image: url("image/banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
	.location p {
    color: #242424;
    float: left;
    font-family: "Maven Pro",sans-serif;
    font-size: 16px;
}
	
	
}


@media screen and (max-width:980px){
.navbar-nav li a {
    font-size: 16px;
}	
	.headi {
    font-size: 38px;
    padding-top: 129px;
}

.pera {
    color: #d1cfcf;
    font-family: "Maven Pro",sans-serif;
    font-size: 22px;
    padding-bottom: 130px;
    text-align: center;
}/*about page close*/
.aboutus p {
    color: #616161;
    font-family: "Maven Pro",sans-serif;
    font-size: 13px;
    font-weight: 300;
    padding-bottom: 11px;
    padding-top: 0;
}


	

/*about page close*/
.product {
    background-color: #d0d0d0;
    margin-bottom: 57px;
    margin-top: 70px;
}


.location p {
    color: #242424;
    float: left;
    font-family: "Maven Pro",sans-serif;
    font-size: 10px;
}
.back-img {
    background-size: cover;
}


}

@media screen and (max-width:900px){
	.navbar-nav li a {
    font-size: 16px;
}

.headi {
    font-size: 38px;
    font-weight: 400;
    padding-top: 90px;
}
.pera {
    font-size: 20px;
    padding-bottom: 26%;
}
/*about page*/
.aboutus {
    margin-bottom: 60px;
    margin-top: 40px;
}
.aboutus h1 {
    font-size: 20px;
    padding-bottom: 0;
    padding-top: 10px;
}

.aboutus p {
    font-size: 13px;
    padding-bottom: 16px;
    padding-top: 5px;
}

/*about page close*/

/*product page */
.product h1 {
    font-size: 30px;
    padding-bottom: 8px;
    padding-top: 9px;
}
.product p {
    font-size: 14px;
}
.product h4 {
    font-size: 16px;
    padding-bottom: 7px;
    padding-top: 7px;
}


/*product page close*/

.bg-col h1 {
    font-size: 30px;
    padding-bottom: 0;
    padding-top: 8px;
}
.bg-col p {
    color: #242424;
    font-family: "Maven Pro",sans-serif;
    font-size: 19px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
.location {
    float: left;
    padding-left: 0;
    padding-right: 0;
    padding-top: 30px;
}

.bg-col p {
    font-size: 12px;
    padding-bottom: 4px;
    padding-top: 5px;
}

.back-img {
    background-size: cover;
}

.comercial h1 {
    color: #f93939;
    font-family: "Maven Pro",sans-serif;
    font-size: 24px;
    padding-bottom: 8px;
    padding-top: 20px;
}
.comercial p {
    color: #242424;
    font-family: "Maven Pro",sans-serif;
    font-size: 15px;
    padding-bottom: 14px;
}

.prod {
    margin-top: 60px;
    padding: 0;
}

.comercial {
    background-color: #d0d0d0;
    margin-bottom: 6px;
    margin-top: 0;
}

.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #e83755;
    font-size: 14px;
    line-height: 1.42857;
    margin-right: 2px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    font-size: 14px;
    font-weight: 700;
}

.nav > li > a {
    display: block;
    padding: 8px 11px;
    position: relative;
}

}
@media screen and (max-width:768px){
	
	.headi {
    font-size: 35px;
    font-weight: 400;
    padding-top: 38px;
}
.pera {
    font-size: 17px;
    margin-bottom: 0%;
}
/*about page close*/
.aboutus {
    background-color: #d0d0d0;
    margin-bottom: 92px;
    margin-top: 16px;
    text-align: center;
}

/*about page close*/
.product {
    background-color: #d0d0d0;
    margin-bottom: 57px;
    margin-top: 40px;
}
}

@media screen and (max-width:640px){
.aboutus {
    background-color: #d0d0d0;
    margin-bottom: 35px;
    margin-top: -13px;
    text-align: center;
}
.no-pdd{padding:0px; background-color:;}	
	
.prod {
    margin-top: 40px;
    padding: 15px;
}

.product {
    background-color: #d0d0d0;
    margin-bottom: 0;
    margin-top: 0;
}	
	
	.back-img {
    background-image: url("image/banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
	.col-sm-3.col-xs-6 > img {
    margin-bottom: 15px;
    width: 90%;
	float:none;
}


.bgack {
    padding-bottom: 150px;
}

.bg-col p {
    font-size: 16px;
    padding-bottom: 4px;
    padding-top: 5px;
}

	}




@media screen and (max-width:600px){
	.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    margin-top: 5%;
    max-width: 100%;
}
.navbar-toggle {
}
.headi {
    padding-top: 0;
}
.headi {
    font-size: 30px;
}
.pera {
    font-size: 18px;
}
/*about page */
.aboutus p {
    font-size: 11px;
    padding-bottom: 14px;
    padding-top: 5px;
}

.aboutus {
    margin-bottom: 0;
    margin-top: 0;
}

.pera {
    font-size: 20px;
    padding-bottom: 16%;
}

.back-img {
    background-image: url("image/banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

/*about page close*/

.product p {
    color: #242424;
    font-family: "Maven Pro",sans-serif;
    font-size: 12px;
    text-align: justify;
}

.prod {
    margin-top: 42px;
    padding: 15px;
}

.product {
    background-color: #d0d0d0;
    margin-bottom: 2px;
    margin-top: 0;
}

.img-icon {
    margin-bottom: 62px;
    margin-top: 6px;
	
}

.bgack {
    padding-bottom: 142px;
}

.location img {
    float: left;
    margin-right: 20px;
    margin-top: 4px;
}

.fax img {
    margin-left: 0px;
}

.bg-col p {
    font-size: 16px;
    padding-bottom: 4px;
    padding-top: 5px;
}

.back-g {
    background-color: #ffffff;
    padding-bottom: 25%;
}

.comercial p {
    font-size: 14px;
    text-align: justify;
}
.myimg img {
    margin-top: 36px;
    width: 100%;
}

}

@media screen and (max-width:480px){
.pera {
    margin-bottom: -18%;
}
.navbar-nav li a {
    font-size: 21px;
    padding: 6px;
}
.back-img{background-color:#d0d0d0;} 	

.back-img {
    background-size: cover;
}
.pera {
    font-size: 20px;
    padding-bottom: 36%;
}

.bgack {
    padding-bottom:134px;
}

.bg-col p {
    font-size: 11px;
    padding-bottom: 4px;
    padding-top: 5px;
}



}


@media screen and (max-width:360px){
	.headi {
    font-size: 18px;
	    padding-bottom: 3px;

}
.back-img{background-color:#d0d0d0;} 	


.pera {
    font-size: 10px;
    padding-bottom: 62px;
}
.coppy {
    color: #d1cfcf;
    font-size: 10px;
    padding: 10px;
    text-align: center;
}
.navbar-nav li a {
    font-size: 14px;
    padding: 1px;
}
.back-img {
    background-size: cover;
}

.bg-col p {
    color: #242424;
    font-family: "Maven Pro",sans-serif;
    font-size: 16px;
}
.bg-col h1 {
    font-size: 26px;
    padding-bottom: 0;
    padding-top: 8px;
}
.carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    margin-top: 36%;
    max-width: 120%;
}

.bgack {
    padding-bottom: 211px;
}
.locat p{font-size:14px;}

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

.navbar-nav li a {
    font-size: 13px;
    padding: 0;
}
.pera {
    font-size: 10px;
    padding-bottom: 60px;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    margin-top: 41%;
    max-width: 200%;
}

.bgack {
    margin-top: 5px;
    padding-bottom: 196px;
}
.bg-col h2 {
    font-size: 28px;
}

.locat p {
    font-size: 10px;
}

.bg-col p {
    color: #242424;
    font-family: "Maven Pro",sans-serif;
    font-size: 13px;
}
		
	}