@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a {
    color: #D03530;
    text-decoration: none;
}

.btn {
    padding: 6px 23px;}
	
.btn-default {
    color: #fff;
    background-color: #000;
    border-color: #ccc;
}

body{
	font-family:open sans;
	font-size:14px;}

#top{
	background:#323232;}

.contact-top ul{
	margin:0px;
	padding:0px;
	}
.contact-top ul li{
text-decoration: none;
display: inline-block;
list-style: none;
color: #f1f1f1;
padding-right: 10px;}

.icon-top-info{
	background:#000;
	padding: 15px 20px;
	color:#fff;
	margin-right: 10px;
}
	
.navbar-brand {
    height: auto;
}

.navbar-info {
    float: right;
    margin: 10px 0 0 0;
	border:2px solid #f1f1f1;
	display: block;
}

.navbar-info li:first-child::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #f1f1f1 transparent transparent transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #CD443C;
    background:none;
}
.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
	font-size:15px;
	padding: 10px 17px;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #CF3530;
}
.navbar {
    margin-bottom:0px;}
	
#block-about{
	padding:60px 0;
	background:#f8f8f8;}
	
	
.about-info ul{
	padding:0px;
	margin:0px;}
	
.about-info h1{
	font-size:32px;
	border-bottom:2px solid #AEAEAE;
	padding-bottom: 20px;
	margin-bottom: 21px;
	color: #333;
	font-weight: bold;
	text-align:left;
	}
	

	
.about-info li{
	display:block;
	padding: 5px 0;
	font-weight: 600;
	color: #444;
	}
	
.about-info i{
	padding-right:10px;
	color:#000;}

.about-info p{
	color:#555;}
	
.img-info img{
	padding:0 10px 0 0;}
	
.img-abouthome img{
	height:200px;
	padding-left: 20px;
	}
	
.right-info{
	background:url("../images/right-block.jpg") no-repeat;
	min-height:600px;}

#our-product{
	background:url("../images/products.jpg") no-repeat;
	background-attachment:fixed;
	height:auto;
	padding:60px 0;
	}
	
#news-info{
	padding:60px 0;}
	
.panel-heading {
    padding: 20px 15px;}
	
.why-info h3{
	font-weight:bold;
	font-size:22px;
	color:#555;}
	
#footer-info{
	background:url("../images/footer-bg.jpg") no-repeat;
	padding:40px  0;}
	
.footer h3{
	color:#f1f1f1;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 20px;
}
.footer p{
	color:#d4d4d4;}
	
.product-footer ul {
    padding: 0px;
    margin: 0px 0 0 0px;
}
	
.product-footer li{
	color:#f1f1f1;
	padding:6px 0;
	display:block;
	}
	
.product-footer li a{
	color:#f1f1f1;
	padding-left:10px;
	}	
	
.icon-add{
	padding-right:10px;}
	
.social li{
	display:block;
	float:left;
	padding:0 20px 0 0;}
	
.copy-right {
    padding: 10px 0;
    background: #232323;
    color: #ccc;
    font-size: 12px;
}
	
.copy-right a{
	color:#CE362D;
}
	
.btn-primary {
    color: #fff;
    background-color: #D0352F;
    border-color: #D0352F;
}

.btn-primary:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}

.dropdown-menu{
	padding:0px;
	background: #242424;
	border-top: 2px solid #CE3128;
	border-left: 0px;
	border-right: 0px;
}

.dropdown-menu>li>a {
    display: block;
    padding: 15px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    border-bottom: 1px solid #000;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #CE3128;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #CE3128;
}

.right-info{
	padding:40px;
}

.right-info h3 {
    padding: 0 0 40px 0;
    line-height: 31px;
    text-align: center;
    text-shadow: 0px 6px 2px #ddd;
    color: #333;
}

.right-info h4{
	padding:0 0 10px 0;
}

#news{
	padding:60px 0;
	background:#ccc;
	margin-bottom:60px;
}


#header-menu{
    width: 100%;
	background:#fff;
	z-index:999;
}
.posi{
    position:fixed;
     margin-top: 0;
    top:0;
}

.top-navi {
float: right;
margin-top: 15px;
margin-right: 10px;
display: block;
}

.top-navi ul{
	margin:0px;
padding:0px;
}

.top-navi li  {
	display:inline-block;
	padding:0 10px 0 0;

}
.top-navi li a{
	text-decoration:none;
	color:#000;
}

.top-navi li a:hover{
	color:#CF3530;
}

.text-pun{
	margin-left: 92px;
	font-weight: bold;
}

.about-page h1 {
    font-size: 32px;
    border-bottom: 2px solid #AEAEAE;
    padding-bottom: 20px;
    margin-bottom: 21px;
	margin-top:0px;
    color: #333;
    font-weight: bold;
    text-align: left;
}

#banner-page{
	background:url("../images/banner-page.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	padding:40px 0;
	color:#fff;
}
.page-info h1{
	color:#fff;
	margin:0px 0 20px 0;
}

.page-info  a{
	color:#D03530;
}

.red{
    color:red;
    }
.form-area
{
    background-color: #FAFAFA;
	padding: 10px 40px 60px;
	margin: 10px 0px 60px;
	border: 1px solid GREY;
	}
.contact-info .fa-map-marker {
    background: #f1f1f1;
    border-radius: 100px;
    padding: 10px 12px;
    margin: 5px 5px 5px 0;
}

.contact-info .fa-phone{
    background: #f1f1f1;
    border-radius: 100px;
    padding: 10px;
    margin: 5px 5px 5px 0;
}

.contact-info .fa-envelope{
    background: #f1f1f1;
    border-radius: 100px;
    padding: 10px;
    margin: 5px 5px 5px 0;
}

.contact-info .fa-globe {
    background: #f1f1f1;
    border-radius: 100px;
    padding: 10px;
    margin: 5px 5px 5px 0;
}

.contact-info .fa-user {
    background: #f1f1f1;
    border-radius: 100px;
    padding: 10px;
    margin: 5px 5px 5px 0;
}

.about-page h2{
	margin:0px 0 20px 0;
}

.about-page h4{
	margin:0px 0 10px 0;
	color:#D23431;
}

.about-page tr:nth-child(+1) {
    background: #222423;
	color:#fff;
	font-weight:bold;
}
.about-page tr:nth-child(2n+3) {
    background: #f1f1f1;

}

.product-side-menu li {
    padding: 10px 0;
}
.product-side-menu li a {
    color: #333;
	font-weight: normal;
}
.product-side-menu li a:hover {
    text-decoration: none;
    color: #D2302B;
}

.pdf-info{
	color:#ff0000;
}

.all-page-info ul {
    padding: 0px;
    margin: 0 0 20px 0;
}

.all-page-info li {
    display: block;
    padding: 7px 0 7px 30px;
    color: #444;
}

.all-page-info li::before {
    content: "\f138";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    left: 27px;
}

.right-pedding{
	padding-left:10px;}


.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    font-size: 16px;
    color: #000;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #CF342F;
	border:none;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    text-align: center;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

ul.social-network {
	padding:0px;
	margin:0px;
}
.social-network  li{
	line-height:44px;
	display:inline-block;
}
.social-network  li a{
	padding:6px 15px;
	background:#000;
	color:#fff;
}
.fb a:hover{
	background:#5577C0;
}
.tw a:hover{
	background:#5EC9F7;
}

.in a:hover{
	background:#5EC9F7;
}
.google a:hover{
	background:#ED5F4D;
}
.you a:hover{
	background:#CE201F;
}

.insta a:hover{
	background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
	
#products-page{
	padding:40px 0;
}

.dropdown:hover .dropdown-menu{
	display:block;
}

.dropdown-menu li:first-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #CF3530 transparent transparent transparent;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #CF3530;
    outline: 0;
}

.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #CF3530;
    border-color: #CF3530;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #CF3530;
    border-color: #CF3530;
}

.form-control {
    margin: 10px 0;
}
.pdf-icon-page li {
    background: url("../images/pdf-icon.png") 0px 13px;
        background-repeat: repeat;
    background-repeat: no-repeat;
    display: block;
    padding: 15px 0 0 28px;
}


/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.text-pun{
		display:none!important;
	}
	.top-navi {
		float: right;
		margin-right: 60px;
		margin-top: -138px;
		margin-left: 0px;
		}
	.navbar-info {
		width: 100%;
		}
	footer{
		display:none;
	}
	.navbar-default .navbar-toggle .icon-bar {
    background-color: #C8322F;
}

.navbar-toggle {
    background-color: #323232;
}
	}