@charset "utf-8";
/* CSS Document */
body{ margin:0px !important; padding:0px !important;font-family: 'Open Sans', sans-serif;}

/****************/
.contact-top-box{width:100%; height:auto; text-align:right; border-bottom:solid #CCC 1px; padding:10px 0px; }
.contact-top-box span {display:inline-block; padding-left:12px; line-height:23px;}
.contact-top-box span strong {text-transform:uppercase;}
.contact-top-box span i { padding-right:8px;}

.bule-box {width:100%; height:auto; background-color:#70c5e2; padding:60px 0px; }
.bule-box span {display:block; width:100%; height:auto; background-color:#0099cc; color:#FFF; text-align:center; padding:10px 0px; margin:0px;}
.bule-box img { width:100%; height:auto;}

.box-3{ width:100%; height:auto; padding:40px 60px; }
.box-3 h3 {font-size:24px; color:#263785; font-weight:bolder;}
.box-3 span {display:block; margin:10px 0px 20px 0px;}
.box-3 p {margin:0px; font-size:13px; line-height:25px; padding:0px 30px 0px 0px; text-align:justify;}
.box-3 a {color:#cd2122; font-size:13px; text-align:right; display:block; width:100%; padding:0px 30px 0px 0px;}
.box-3 ul { margin:10px 0px 10px 0px; padding:0px; list-style:none;}
.box-3 li {
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #D6D6D6;
	border-left-color: #0099cc;
	margin-bottom:10px;
	padding:5px 5px 5px 15px;
}
.box-3 li a { text-align:left; color:#433434; font-size:13px;}
.downlod-imeage{}
.downlod-imeage img { width:100%; height:auto;}

.products-video-imeage {}
.products-video-imeage { width:100%; height:auto;}
.products-video-imeage a {
	background-image: url(../images/BUTON_07.png);
	background-repeat: no-repeat;
	background-position: right top;
	width:217px;
	display:block;
	float:right;
	color:#FFF;
	text-align:center;
	font-weight:bolder;
	margin:0px;
	padding:3px 0px;
	}
	
.video-box{ padding:30px 0px 60px 0px; text-align:center;}	
	
.products-video-imeage img { width:100%; height:auto;}

.clients-box{ width:100%; height:auto; background-color:#0099cc; padding:20px 0px; margin-bottom:30px;}
.clients-box h3 { margin:0px; padding:0px; color:#FFF; text-align:center; font-size:33px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);}
.clients-logo{ text-align:center; padding:10px 0px 30px 0px; margin-bottom:30px;}
.our-brands-title{ padding-bottom:20px; font-weight:700; text-decoration:underline; color:#039;}


/******************/
.follow-us-copyright{ width:100%; height:auto; padding:15px 0px; background-color:#003399; color:#FFF; font-size:15px; font-weight:bolder;}
.follow-us-copyright span{ text-align:right !important; padding-left:15px; display:inline-block;}
.footer{ width:100%; height:auto; background-image:url(../images/footerbg.jpg); background-size:cover; padding:30px 0px;}
.footer-box{
	width: 20%;
	height: auto;
	float: left;
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: 200px -52px;
}
.footer h5 { color:#fff; font-size:17px; margin:0px; padding:0px 0px 20px 0px; font-weight:bolder;}
.footer ul { margin:0px; padding:0px; list-style-type:none;}
.footer li { padding:5px 0px;}
.footer li a { color:#FFF; font-size:11px;}
.bg-none{ background-image:none !important;}
.footer-box span { color:#FFF; padding-bottom:10px; display:block;font-size:12px;}
address{ color:#FFF; padding-left:26px; font-size:12px;}
.footer-box a { color:#fff;}
.products-titile{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-x;
	background-position: 0px 21px;
	margin-top:-22px;
}
.products-titile h1 { margin:0px auto; width:350px; display:block; text-align:center; padding:0px; color:#FFF; background-image:url(../images/pro-bg.png); 
font-size:28px; font-weight:bolder; padding:4px 0px;}
.carousel-indicators {
    bottom: 60px;
}
/**************************/
.navbar{ margin-bottom:0px; border:none; box-shadow:none; background-color:#FFF; background-image:none;border-radius: 0px; min-height:30px; margin-top:10px;}
.nav > li > a {
    position: relative;
    display: block;
    padding: 8px 13px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.5px;
    font-size: 13px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { background-image:none; background-color:#0099cc; color:#FFF;}

.banner-next{ background-image:url(../images/nextbg.jpg); background-size:cover; padding:50px 0px;}
.banner-next h1 { color:#FFF; font-weight:700;}
.banner-next span { color:#FFF; display:inline-block; padding:0px 5px; margin-top:30px;}


/***************************/
.content-box{ width:100%; height:auto; padding-bottom:50px;}
.content-box p strong { color:#0099cc;}
.blue-line{ width:100%; height:30px; background-color:#0099cc; margin-bottom:50px;}
.content-box p { font-size:13px; line-height:28px;}
.content-box h2 { width:100%; border-bottom:dotted 1px #0099cc; padding-bottom:10px; margin-bottom:30px; font-weight: 600; color:#0099cc;}
.product-box {
	width: 100%;
	height: auto;
	padding:0%;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom:40px;
}

.content-box ol { margin:0px 0px 0px 20px; padding:0px; font-size:13px; line-height:28px;}

.sab-pro-title{ width:100%; background-color:#0099cc; color:#FFF; font-size:22px; padding:5px 10px 5px 30px; font-weight:600; margin-bottom:30px;}
.b-space{ padding:0px 60px 30px 60px;}

.tabale-box{ width:100%;padding:0px 60px 60px 60px;}

.content-box span {
    display: block;
    width: 100%;
    height: auto;
    background-color: #0099cc;
    color: #FFF;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
	font-size:12px;
}

.img-pro{}
.img-pro img { width:100%; height:auto;}
.m-bot{ margin-bottom:40px;}

.content-box ul{font-size: 13px;
line-height: 28px;}
.left-side{ width:75%; height:auto; float:left;}
.right-side{ width:23%; height:auto; float:left; margin-left:2%; border: solid 1px #CCCCCC; border-radius: 4px;}
.right-side li a { font-weight:normal; text-transform:none;letter-spacing:0px;padding: 1px 13px; border-bottom:dotted #CCCCCC 1px;}
.content-box ul {
    font-size: 13px;
    line-height: 22px;
}
.turk h4{text-align:center;}

.cfrom {
    background-color: #1f2637;
    color: #FFF;}
	
.tru{text-align:center;}

.bdownlod span {
    display: block;
    width: 50%;
    height: auto;
    background-color: #0099cc;
    color: #FFF;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
	font-size:12px;
}

@media only screen and (min-width: 320px) and (max-width: 768px){
	.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.contact-top-box span {
    display: block;
    padding-left: 12px;
    line-height: 23px;
    text-align: center;
}

.our-logo{ width:100%; height:auto; text-align:center; float:none;}
.our-menu{ width:100%; height:auto; text-align:center; float:none;}
.products-titile h1 {
    margin: 0px auto;
    width: 250px;
    display: block;
    text-align: center;
    padding: 0px;
    color: #FFF;
    font-size: 19px;
    font-weight: bolder;
    padding: 4px 0px;
    background-image: none;
    background-color: blue;
}

.bule-box {
    width: 100%;
    height: auto;
    background-color: #70c5e2;
    padding: 30px 0px;
}

.product-new-box{ width:100%; height:auto; float:none;}
.welcome-box{ width:100%; height:auto; float:none;}
.download-box{ width:100%; height:auto; float:none;}
.video-box-new{ width:100%; height:auto; float:none;}
.box-3 {
    width: 100%;
    height: auto;
    padding: 10px 10px;
}
.box-3 p {
    margin: 0px;
    font-size: 13px;
    line-height: 25px;
    padding: 0px 0px 0px 0px;
    text-align: justify;
}

.footer-box {
    width: 100%;
    height: auto;
    float: none;
    background-image: none;
    background-repeat: no-repeat;
	margin-bottom: 50px;
}
	
	
	/*************************************/
	.banner-next h1 {
    color: #FFF;
    font-weight: 700;
    text-align: center;
}

.main-box{ width:100%; float:none; text-align:center !important;}
.left-side {
    width: 100%;
    height: auto;
    float: none;
}
.cfrom {
    background-color: #1f2637;
    color: #FFF;
    width: 100%;
}
.right-side {
    width: 100%;
    height: auto;
    float: none;
    margin-left: 0%;
    border: solid 1px #CCCCCC;
    border-radius: 4px;
}

.img-pro {
    width: 100%;
    float: none;
}
	
	}
	
	
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.our-logo{ width:100%; height:auto; text-align:center; float:none;}
		.contact-top-box {
    width: 100%;
    height: auto;
    text-align: center;
    border-bottom: solid #CCC 1px;
    padding: 10px 0px;
	}
	.box-3 {
    width: 100%;
    height: auto;
    padding: 40px 0px;
	}

	.vid-box-half{ width:50%; float:left;}
	.footer-box {
    width: 50%;
    height: auto;
    float: left;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 200px -52px;
    margin-bottom: 60px;
}

.welcome-box{ width:100%; height:auto;}
.download-box{ width:50%; height:auto;}
.video-box-new{ width:50%; height:auto;}
.img-pro {
    width: 50%;
    float: left;
}

.banner-next h1 {
    color: #FFF;
    font-weight: 700;
    text-align: center;
}
.main-box{ width:100%; height:auto; text-align:center !important;}
		}

@media only screen and (min-width: 965px) and (max-width: 1200px) {
	.nav > li > a {
    position: relative;
    display: block;
    padding: 8px 9px;
    text-transform: uppercase;
    font-weight: initial;
    letter-spacing: 1.5px;
    font-size: 13px;
}
.vid-box-half h3 { font-size: 20px;}
.nav-stacked > li a {text-transform: none !important;
letter-spacing:0px;font-weight: initial;}
	}