body {margin:0; padding:0; font-family:Arial, Helvetica, 'sans-serif'; font-size:13px;}


@font-face {font-family:'SegoeUI';src:url(../fonts/SegoeUI.eot?#iefix) format("embedded-opentype"),url(../fonts/SegoeUI.woff) format("woff"),url(../fonts/SegoeUI.ttf) format("truetype"),url(../fonts/SegoeUI.svg#SegoeUI) format("svg");font-weight:400;font-style:normal}

/*@font-face {font-family:'OpenSans';src:url(../fonts/OpenSans.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans.woff) format("woff"),url(../fonts/OpenSans.ttf) format("truetype"),url(../fonts/OpenSans.svg#OpenSans) format("svg");font-weight:400;font-style:normal}*/

a{color:#0185cf;text-decoration:none;outline:0;-webkit-transition:all .2s linear,background .2s linear;-moz-transition:all .2s linear,background .2s linear;-o-transition:all .2s linear,background .2s linear;transition:all .2s linear,background .2s linear;}
a:hover{text-decoration:none;outline:none; color:#3e3e3e;}
a:active{text-decoration:none;outline:none;}
a:focus{text-decoration:none;outline:none;}

h3 {margin:0; padding:0; font-size:18px; color:#d8130c; font-weight:400;}
h4 {margin:0 0 10px 0; padding:0; font-size:18px; color:#3e3e3e; font-weight:400;}

img {max-width:100%;}
p {color:#000;}

.form-control:focus {border-color:#ffa200; box-shadow:none; -webkit-box-shadow:none;}

.header {margin:0; padding:0; float:left; width:100%;}
.logo {margin:25px 0;}
.logo-name h2 {font-size:16px; font-weight:700; /*margin-top:46px;*/ margin-top:38px; text-transform:uppercase;}
.logo-name h2 span {color:#0786d4;}
.top-right-menu {text-align:right;}
.social {margin:10px 0; padding:0; display:inline-block; width:100%;}
.social a {margin:0 2px; padding:6px 0; display:inline-block; width:25px; height:25px; background:#09F; text-align:center; color:#fff;}
.social a:hover {opacity:0.6;}
.social a.fb {background: #3c5b9a;}
.social a.tw {background: #2ca9e1;}
.social a.in {background: #007ab9;}
.top-link {margin:0 0 10px 0; padding:7px 18px; display:inline-block; border:solid #ddd 1px; border-radius:8px; -webkit-border-radius:8px;}
.top-link a {margin:0; padding:0; display:inline-block; color:#000; font-weight:400;}
.top-link a:hover {color:#0185cf;}
.top-right-menu p {color:#0185cf; font-weight:600;}

.logo-cer ul {text-align:right; margin-top:10px; padding:0;}
.logo-cer li {display:inline; padding:0px 8px;}
.logo-cer li img {width:45px;}




.menu-bg {margin:0; padding:0; float:left; width:100%; border-bottom:solid #ddd 1px; border-top:solid #ddd 1px;}

.banner {margin:15px 0; padding:10px; float:left; width:100%; background:#ddd;}

.box1 {margin:0 0 15px 0; border-right:solid #ddd 1px; /*min-height:255px;*/}
.box1:last-child {border:none;}
.box1 h1 {margin:0; padding:0 0 10px 0; font-size:20px; color:#000; font-weight:400; font-family:'SegoeUI';}
.box1 h1 span {color:#0185cf;}
.box1 p {font-family:'SegoeUI'; font-size:14px;}

.photo img {margin-bottom:12px; border:solid #ddd 5px;}

.list {margin-bottom:10px; padding:0; list-style:none; display:inline-block; width:100%;}
.list li{font-size:13px; color:#333333; background:url(../images/ul-h.png) 0px 2px no-repeat; padding-left:25px; padding-bottom:7px; font-weight:400; }

.whatwe {margin:10px 0; padding:15px; background:#f3f2f2;}
.whatwe h1 { margin:49px 0; padding:0; color:#26176c; text-align:center; font-family:'SegoeUI';}
.box2 {margin:0; padding:0; position:relative; }
.box2 h2 {margin:0; padding:5px 10px; width:100%; position:absolute; bottom:-1px; /*background:rgba(0,0,0,0.40);*/ color:#fff; font-size:16px; line-height:22px; font-family:'SegoeUI';
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.51) 79%, rgba(0,0,0,0.65) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 79%,rgba(0,0,0,0.65) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.51) 79%,rgba(0,0,0,0.65) 100%);  
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );  
}
.box2 a:hover h2 {color:#fff; /*background:rgba(95,154,207,0.40);*/ 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.70) 79%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.70) 79%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.70) 79%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.cer-detail h3{font-size:14px;color:#333;text-align: center;font-weight: normal;margin: 10px 0; line-height:18px;}
.certificate {height:270px;}
.certificate img { border: solid #ddd 1px; padding: 3px; width: 200px; height: 200px; margin-bottom: 0px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;-ms-transition: all 1s ease; transition: all 1s ease; max-width: 100%;}

.Infrastructure {width:100%; height:120px; margin-bottom:8px; border:solid #ddd 2px;}

.breadcrumb {padding:0px 0 10px 0; background:none; color:#fff; border-bottom:solid #dcdcdc 1px; border-radius:0; font-size:13px; font-weight:400; width:100%; display:inline-block; margin-bottom:0;}
.breadcrumb a {color:#3e3e3e;}
.breadcrumb a:hover {color:#0083d3;}
.breadcrumb > .active {color:#0083d3;}
.breadcrumb > li {color:#3e3e3e;}
.breadcrumb > li + li:before {color:#0083d3;}

.inner-title {margin:0 0 15px 0; padding:10px 0; font-size:19px; color:#000; font-weight:400; border-bottom:solid #ddd 1px; font-family:'SegoeUI';}
.inner-title span {color:#0185cf;}
.sub-title {margin: 0 0 8px 0; padding: 0 0 8px 0; font-size:16px; color: #0185cf; font-weight: 400; border-bottom: solid #ddd 1px; font-family:'SegoeUI';}

.right-part {display:inline-block;}
.right-part h1 {margin:0 0 10px 0; padding:10px 0; font-size:19px; color:#000; font-weight:400; border-bottom:solid #ddd 1px; font-family:'SegoeUI';}
.quick-link ul {margin-bottom:10px; padding:0; list-style:none; display:inline-block; width:100%;}
.quick-link ul li {font-size:13px; color:#333333; background:url(../images/ul-h.png) 0px 8px no-repeat;  font-weight:400; padding:5px 0 5px 25px; border-bottom:solid #eee 1px;}
.quick-link ul li a {color:#333; }
.quick-link ul li a:hover {color:#0185cf;}
.bold{font-weight:bold;}
.page-tool {margin-top:69px;}
.page-tool p {border-bottom:solid #ddd 1px; padding-bottom:5px;}
.page-tool p i {font-size:18px;}

.img-border {border:solid #ddd 1px; padding:3px;}
.mar-img {margin-right: 10px; margin-bottom: 5px;}
.product-block{background:#F5F5F5;padding:25px;position:relative;overflow: hidden;border: 1px solid #DDD;min-height:275px;margin: 15px 0;}
.product-title{margin-bottom: 20px;font-weight:400; font-size:25px; line-height: 1.1;
letter-spacing:0.5px; font-family:'SegoeUI';}
.product-title span{color:#0083D3;}
.product-img{position:absolute;bottom: 0px; right: 9px;
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    -ms-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1);}
.product-block:hover .product-img{ -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
	
.ps_align ul{list-style:none;padding:0;}
.ps_align ul li{position: relative;padding-left: 17px;line-height: 32px;
-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; font-size:13px;}
.ps_align ul li::before {width:25px;position: absolute; left:6px; top: -3px; content: "-";
 font-size: 16px;}
.product-block:hover .ps_align ul li{color:#0083D3;}
.p-bt{font-size: 23px;text-align:center;}
.p-b{padding: 20px;min-height: 195px;text-align:center;}


.logo-box {margin:10px 0 20px 0; padding:15px 0; /*background:#ddd;*/ display:inline-block; width:100%;}
.logo-box h1 { margin:0px 0; padding:0; color:#26176c; font-size:20px; font-weight:400; font-family:'SegoeUI';}
.gallery{margin-bottom:10px;}
.gallery a { border: 1px solid #DDD; padding: 5px; display: block; margin-bottom: 15px; box-shadow: 0px 0px 5px #DDD;}
.mpgenerate a{display:none;}
.mpgenerate {margin:20px 0;}
.contact-title {font-family:'SegoeUI';}




.footer {margin:0; padding:10px 0; float:left; width:100%; background:#ddd;}
.copyright {color:#000;}
.designed {text-align:right; color:#000;}
/*.designed a {color:#fff;}
.designed a:hover {color:#fe0000;}*/

.scrollup {/*width: 20px; height:20px;*/ position: fixed; bottom: 20px; right: 25px; display: none; /*text-indent: -9999px;*/
background:#0083d3; padding: 10px 10px; border-radius:8px; -webkit-border-radius:8px; color:#fff;}



@media only screen and (min-width: 768px) and (max-width: 980px) {
	
	.whatwe h1 {font-size:22px; margin:20px 0;}
	.box2 h2 {font-size:14px;}
	
}

@media only screen and (min-width: 1024px) and (max-width: 1030px) {
    	
}

@media only screen and (min-width: 1919px) and (max-width: 1920px) { 
     
    
}

@media only screen and (min-width: 1279px) and (max-width: 1280px) { 

}

@media only screen and (max-width: 767px) {
	
	
	.logo {text-align:center;}
	.logo-name {text-align:center;}
	.top-right-menu {text-align:center;}
	.box2 {margin-bottom:15px;} 
	.right-part {display:inline-block; width:100%;}
	.page-tool {margin-top:20px;}
	.copyright {color:#000; text-align:center;}
	.designed {text-align:center; color:#000;}
	.certificate {width:50%; float:left;}
	.gallery {width:50%; float:left;}
	
	
 
}

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

@media only screen and (max-width: 320px) {
	
   .top-link a {font-size:12px;}
   
}