/* CSS Document */
@font-face {
    font-family: 'kit55f-webfont';
    src: url('fonts/kit55f-webfont.eot');
    src: url('fonts/kit55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit55f-webfont.woff') format('woff'),
         url('fonts/kit55f-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit45f';
    src: url('fonts/kit45f.eot');
    src: url('fonts/kit45f.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit45f.woff') format('woff'),
         url('fonts/kit45f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit75f';
    src: url('fonts/kit75f.eot');
    src: url('fonts/kit75f.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit75f.woff') format('woff'),
         url('fonts/kit75f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kit65f';
    src: url('fonts/kit65f.eot');
    src: url('fonts/kit65f.eot?#iefix') format('embedded-opentype'),
         url('fonts/kit65f.woff') format('woff'),
         url('fonts/kit65f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*img{ border:0; margin:auto;}*/
*{ margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration: none;}

body {
	background:#FFF ;
    font-family: 'kit45f';
	font-size:18px;
	color:#FFF;
}
.carousel-inner>.item>img {
    margin: auto;
	width:100%;
}

.cleaner {clear:both; width:100%; height:0px;}
.h30{clear:both; width:100%; height:30px;}
.h20{clear:both; width:100%; height:20px;}
.h10{clear:both; width:100%; height:10px;}
.orange{color:#F60;}

.pull-left{
	margin-left:5%;
}
#back-to-top{
	width:40px;
	height:40px;
    position: fixed;
    z-index: 9999;
    bottom: 2%;
    right: 5%;
    line-height: 0.7;
	text-align:center;
	display:none;
	background:rgba(0,0,0,0.7);
}
#back-to-top a{
	color:#FFF;
	font-size: 18px;
	line-height:0;
    text-transform: uppercase;
}
.arrow-color{
	color: #FFF;
	font-size:30px;
	line-height: 1;
	margin-top: -5px;
}
#back-to-top a:hover{
	color: #FFF;
}
.top-text{
	color:#FFF;
}
/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/
.navbar-brand{
	width:75%;
	height:80px;
	position: relative;
}
.navbar-brand>img {
	width: 2em;
	margin:auto;
}
.navbar{
	border:0;
	border-radius:0;
	margin-bottom:0;
}
.navbar-nav {
    margin: 27px -15px;
}
.navbar-default {
    border-color: transparent;
    background:rgba(0,0,0, 1);
    z-index: 50;
    font-family: 'kit45f';
}
.navbar-default .navbar-nav>li>a {
    color: #FFF;
	text-transform:uppercase;
}
.navbar-toggle .icon-bar{
	width:30px;
	height:4px;
}
.navbar-default .navbar-toggle{
    margin: 5% 0 0 5%;
	padding:6px 0;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:#FFF;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	color:#FFF;
    background-color: #666;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color:#FFF;
    background-color: #666;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:transparent;
}
.navbar-default .navbar-toggle{
	border:0;
}
.navbar-default .navbar-brand {
    color: #fff;
	font-size:50px;
}
.nav>li>a {
    font-size: 24px;
}
/*********************/
.dropdown-menu {
	margin:0;
	padding:0;
	width:auto;
	max-width:100%;
	width:100%;
	background:#e0661f;
}
 .dropdown-submenu .dropdown-menu {
	 width:inherit;
	 background:#e0661f;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #b34200;
}

.dropdown-menu>li>a{
	font-size:2.3rem;
	color:#FFF !important;
	padding: 2px 10px;
	white-space: normal;
	line-height:normal;
 	border-bottom: solid 1px #ef7c39;
}
.dropdown-sub,.dropdown-sub2{
	 padding: 5px ;
	position:absolute;
	right:0;
	top:2px;
}
/**********************/
.xs-logo {
	text-align:center;
    margin-top: 6%;
}
.xs-logo img {
}
.bx-wrapper .bx-caption {
	text-align:right;
	text-transform:uppercase;
    line-height: 24px;
	right: 11%;
    bottom: 53%;;
	width:auto;
}
.bx-wrapper .bx-caption span {
	font-size:47px;
	letter-spacing:0;
    font-family: 'kit45f';
	padding:0;
}
.bx-wrapper .bx-caption.text-show {
    animation-name: text-show;
    animation-duration: 3s;
}
.bx-wrapper .bx-caption {
	background:none;
    font-family: 'kit45f';
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background:#000;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#e0661f;
}

/*///////////////////////////////////////////////////////////////////////////head///////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////////////////////////////////////////////content///////////////////////////////////////////////////////////////////////////*/

.bg-content{
	background:#000;
}
.content-left{
	color:#FFF;
	margin:5% 0;
	font-size:30px;
	padding:10% 0;
	text-align:center;
	background: #c34949;
}
.content-right{
	color:#FFF;
	margin:5% 0;
	font-size:30px;
	padding:10% 0;
	text-align:center;
	background:#966;
}


.content-head img {
    width: 2em;
    vertical-align: baseline;
}
.content-head p {
    color: #555555;
    text-transform: uppercase;
    display: inline-block;
	letter-spacing: 3px;
    margin-left: 3%;
	margin-bottom: 0;
}
.content-head h1 {
    font-size: 28px;
    margin: 0
}
 
.content-head hr {
    width: 41%;
    border-bottom: 2px solid #FFF;
    margin: 2% 0;

}
.bg1 {
	background:url(../images/bg1.png) top center no-repeat;
	background-size:cover !important;
    padding: 9% 0;
}
.bg1-content {
	margin-bottom:9%;
}
.bg1-content p {
	margin-bottom: 5%;
    font-size: 23px;
}
.bg1-picbox img {
	width:100%;
}
.bg1-content a {
	background:#e0661f;
	color:#FFF;
	text-transform:uppercase;
	letter-spacing:3px;
	padding:2% 9%;
}
.bg1-content a .svg-inline--fa.fa-w-6 {
    vertical-align: sub;
}
 
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
} 
.xs-contact {
	text-align:left;
	font-size:24px;
}
.xs-contact a {
	color:#FFF;
}
.bx-wrapper .bx-caption.bx-caption-2 {
    color: #181818;
    bottom: 34%;
    right: 6%;
}
.bx-wrapper .bx-caption.bx-caption-2 span {
    font-size: 40px;
    line-height: 0.85;
	color: #181818;
}
.bx-wrapper .bx-caption.bx-caption-3 {
    color: #181818;
    bottom: 34%;
	right:6%;
}
.bx-wrapper .bx-caption.bx-caption-3 span {
	font-size: 28px;
    line-height: 0.85;
	color: #181818;
}

/*///////////////////////////////////////////////////////////////////////////content///////////////////////////////////////////////////////////////////////////*/
.port-box {
	text-align:center;
}
.port-box-img{
	text-align:center;
}
.port-box img {
	transition: all 0.3s;
	max-width:100%;
}
.port-box:hover img {
    transform: scale(1.1);
}
.port-box p {
	font-size:27px;
    padding-top: 5%;
	color:#FFF;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: normal;
}
.port-box-line {
	border:2px solid #e0661f;
    width: 50%;
    margin: auto;
}
.box-listpage{
	height:60px;
	width:80px;
 	 border: solid 1px #666;
	overflow:hidden;
	margin: 20px auto;
 	text-align:center;
}
.box-listpage img{
	width:auto ;
	max-width:100% ;	
	position: relative;
	transform: translate(0px, -50%);
	top: 50%;	 
}
.box_slider {
    width: 100%;
    text-align: center;
}

.box-vdo-large{
	margin: 20px auto;
	text-align:center;	
	width:80%;
}
.box-vdo-large iframe{
	width:100%;
	height:200px;
	border: solid 1px #333
}
.box_slider .bx-wrapper{
	margin:auto;
}
.box-catalog{
    background: #101010;
    padding: 5px 10px;
    display: inline-block;
    color: #ffffff;
    border: solid #dcdcdc 1px;
    float: right;
    margin: auto auto 20px auto;
    font-size: 1em;
}
.box-catalog:hover{
	background: #333;
}
.img_large,.img_product{
	margin:auto;
}
/******************************************************/
.box-about .content-head{
	margin-top: 0;
}
.box-about  .svg-inline--fa.fa-w-16 {
    width: 0.6em;
}
.box-about  .svg-inline--fa{
    vertical-align: -0.27em;
}
/****************************************/
 
.topic-new{
	position:relative;
	line-height:normal;
}
.topic-text-left{
	 font-size:4.2rem;
 }
.topic-text-right{
	height:0.2rem;
	 width:87%;
	 background:#FFF;
 }
.small-title{
	font-size: 25px;
	letter-spacing: 4px;
	color: #555555;
	text-transform: uppercase;
	line-height:1rem;
}
.all-text-about{
	margin:20px auto;
}
.title-about-01{
	font-size:5rem;
}
.text-about-left{
	margin-top:1%;
}
.text-about-right{
	background:#e0661f;
	padding:2% 2%;
}
.text-about-right .text-about{
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;	
 	padding: 10px 15px;
}
/************************************/
.box-ser{
	line-height:normal;
	text-align:center;
	margin:15px auto;
}
.box-ser img{
	margin: auto;
}
.box-note-ser{
	font-size:3rem;
	text-align:center;
	margin: 15px auto;
}
 /*-----List Page-----///////// //////////////////////////////////////////////////*/

div.badoo {
	margin-top:20px;
	padding:10px 0px;
	margin-right:20px;
	font-size:14px; 
	color: #FFF; 
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;text-decoration:none;
	text-align:center;
	float:right;
}


div.badoo a{
	border: #4E4A4C 1px solid;
	padding: 3px 8px;
	margin: 0px 4px;
	color: #181516;
	text-decoration: none;
	background: #FFFFFF;
}
div.badoo a:hover {
	border:#999 1px solid;
	color:#FFF;
	background: #9a9a9a; /* Old browsers */
}

div.badoo span.current {
	padding: 3px 8px;
	border: #75676E 1px solid;
	background: #7c7c7c;
	color: #FFFFFF;
	margin: 0px 4px;
}
div.badoo span.disabled {
	display:none;
}
/****************************/
/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/

.bg-footer{
	text-align:center;
	background: #000;
	color:#FFF;
	padding: 3% 0;
    font-size: 21px;
}
.bg-footer a{
	color:#FFF;
}
.bg-copyright{
	background:#e0661f;
	text-align:center;
}
.copyright{
	color:#FFF;
	padding:2% 0;
}
.copyright a{
	color:#FFF;
}
.footer-3 a {
	position:relative;
}
.footer-3 a img.socialhvr{
	opacity:0;
}
.footer-3 a img.socialhvr{
	position:absolute;
    left: 4%;
    top: -17%;
}
.footer-3 a:hover img.social1 {
	opacity:0;
}

.footer-3 a:hover img.socialhvr {
	opacity:1;
}



.slide-banner .bxslider li{
	position: relative;
	overflow:hidden;
	height:568px;
	background:#223e4c;
}
.slide-banner .bxslider li img{
	height:100%;
	width: auto;
	position: absolute;
	top:50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width:none;
}
/********************************************************/
.topic{
	border-bottom: solid 2px #404040;
    text-align: center;
    font-size: 5rem;
	margin: 20px auto 30px auto;
	line-height:normal;
}
/********************************************************/
.box-contact a{color:inherit;}

 .text-head h1 {
    font-size: 4rem;
    margin: 0
}
 .text-head hr {
	border-bottom: 3px solid #FFF;
	width:30%;
	margin-top:10px;
}
.box-contact a:hover{color:#069;}
.box-contact{
	font-size:2.5rem;
	line-height:normal;
}
.box-contact .form-group{
	font-size:2rem;	
}
.font-title{
	font-size:1.2em;
	font-weight:bold;
 	margin-bottom:10px;
}
.box-contact .btn,
.box-contact .form-control{
	font-size:2.2rem;
	border-radius: 0; 
}
.box-contact .btn {
	background:#585858;
	border: solid 1px #333;
	border-radius: 0; 
	padding: 5px 20px;
}
.map{
	width:100%;
 	min-height:320px !important;
}
.box-contact svg:not(:root).svg-inline--fa {
    overflow: visible;
    font-size: 0.7em;
}
.box-contact .form-horizontal svg:not(:root).svg-inline--fa {
    font-size: 1em;
}
textarea{
    resize: vertical;
}
.box-map iframe{
	height:40rem;
	width:100%;
}
.large-map iframe{
	height:25rem;
	width:100%;
}
.contact-title-1{
	font-size:3rem;
}
/************************************/
.text-about{
	 font-size:2.5rem;
}
/*///////////////////////////////////////////////////////////////////////////footer///////////////////////////////////////////////////////////////////////////*/

.bg-allPage{
	padding-top:11%;
	background:url(../images/bg1.png) top center no-repeat;
	font-size:25px;
}
.bg-allPage2{
 
	background:url(../images/bg1-2.png) top center ;
	font-size:25px;
}
.about-text{
	/*background:rgba(0,0,0,1.00);*/
	padding:20px;
	min-height:500px;
	margin:15px 0;
	font-size:25px;
}
.about-t1{
	font-size:40px;
}
.about-t2{
	font-size:30px;
}














/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/

@media(max-width: 767px){
	body{
		max-width: 100% !important;
	}
	.navbar-collapse{
		position: fixed;
		width: 250px;
		background: #000;
		height: 100vh !important;
		max-height: none !important;
		top: 0;
		display: block;
		left: -250px;
		margin: 0 !important;
		z-index: 9999;
	}
	.navbar-collapse.in{
		left: 0 !important;
	}
	.all-container{
		width: 100%;
	}
	.all-container.-collapse{
		margin-left: 250px;
	}
	.navbar-default, .navbar-collapse, .navbar-collapse.collapsing, .all-container.all-container.all-container {
		transition: all 0.5s !important;
	}
	.navbar-default.-collapse {
		margin-left: 250px;
		width:100%;
	}
}

/*///////////////////////////////////////////////////////////////////////////media///////////////////////////////////////////////////////////////////////////*/
@keyframes text-show {
    0%   {
        margin-right: -20px;
        opacity:0;
    }
    100% {
        margin-right: 0px;
        opacity:1;
    }
}
@keyframes text-show2 {
    0%  {
        margin-right: -20px;
        opacity:0;
    }
    30% {
        margin-right: -20px;
        opacity:0;
    }
    100% {
        margin-rightt: 0px;
        opacity:1;
    }
 
	
.bx-wrapper {
    margin-bottom: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: 0none;
    box-shadow: none;
    border:none;
    background:  none;
}