@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Brix Sans';
    src: url('fonts/BrixSansBold.eot');
    src: url('fonts/BrixSansBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrixSansBold.woff2') format('woff2'),
        url('fonts/BrixSansBold.woff') format('woff'),
        url('fonts/BrixSansBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brix Sans';
    src: url('fonts/BrixSansRegular.eot');
    src: url('fonts/BrixSansRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrixSansRegular.woff2') format('woff2'),
        url('fonts/BrixSansRegular.woff') format('woff'),
        url('fonts/BrixSansRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{
	/*font-family: 'museo300';*/
	font-family: 'Brix Sans';
	font-size:14px;
	font-style: normal;
	line-height: 20px;
	font-weight: 400;
	color: #191919;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
	
	
}


@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular.eot');
    src: url('opensans-regular.eot?#iefix') format('embedded-opentype'),
	url('opensans-regular.svg#open_sansregular') format('svg'),
         url('opensans-regular.woff') format('woff'),
         url('opensans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo900';
    src: url('museo_900-webfont.eot');
    src: url('museo_900-webfont.eot?#iefix') format('embedded-opentype'),
         url('museo_900-webfont.woff2') format('woff2'),
         url('museo_900-webfont.woff') format('woff'),
         url('museo_900-webfont.ttf') format('truetype'),
         url('museo_900-webfont.svg#museo900') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo300';
    src: url('museo_300_regular-webfont.eot');
    src: url('museo_300_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('museo_300_regular-webfont.woff2') format('woff2'),
         url('museo_300_regular-webfont.woff') format('woff'),
         url('museo_300_regular-webfont.ttf') format('truetype'),
         url('museo_300_regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light.eot');
    src: url('opensans-light.eot?#iefix') format('embedded-opentype'),
         url('opensans-light.woff') format('woff'),
         url('opensans-light.ttf') format('truetype'),
         url('opensans-light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans_cyrl100';
    src: url('museosanscyrl-webfont.eot');
    src: url('museosanscyrl-webfont.eot?#iefix') format('embedded-opentype'),
         url('museosanscyrl-webfont.woff2') format('woff2'),
         url('museosanscyrl-webfont.woff') format('woff'),
         url('museosanscyrl-webfont.ttf') format('truetype'),
         url('museosanscyrl-webfont.svg#museo_sans_cyrl100') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
    -webkit-box-sizing: border-box;
       -mox-box-sizing: border-box;
            box-sizing: border-box;
}

::selection {
        background: #0d214f; /* Safari */
		color:#fff;
        }
::-moz-selection {
        background: #0d214f; /* Firefox */
		color:#fff;
}


a {
	color: #0d214f;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	
a:hover {
	
	color:#0066FF;

	}
p {
	margin:0 0 20px 0;
	clear:left;
	padding:0;
	line-height: 22px;
	}
	
	
h1, h2, h3, h4 {
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
	
}	

hr {
	margin:0;
	height:10px;
	margin-bottom:15px;
	border:0;
	float:left;
	position:relative;
	width:100%;
	z-index: -1000;

}
hr:after{
	width:100%;
	height:1px;
	background-color:#ccc;
	position:absolute;
	left:0;
	top:50%;
	content:'';
	z-index:10;
}
 .clearfix{ margin:0px; padding:0px; clear:both;} 
 
   
img{
	border:0;
}	

a img {
	border: 0;
	}
	
	
.fullwidth{
	width:100%;
	display:block;
	float:left;
	}
	
.main{ max-width:1170px; margin:0px auto; padding:0px 10px; }
.text-center{
	text-align:center;
}
.img-responsive{width:100%; height:auto;}
.two-col{width:45%; float: left; margin-right:4.2%;}

.three-col{ width:30.5%; float:left; margin-right:4.2%;}

.last{margin-right:0px !important;}

.grey-box{
	background: #f0f0f0;
	padding:20px;
	width:100%;
	float: left;
	margin:20px 0;
}

.grey-box h2{
padding: 13px 0;
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
	}

.fbox, .fbox p a{
	font-size:16px;
	
}
p.fin{
	margin:0;
}
.inleft  p.fin a{
font-size:14px;
font-weight: bold;	
}
.inleft  p.num a{
font-size:17px;
font-weight: bold;	
line-height: 30px;
}
.fbox h3{
    font-weight: 700;
    font-size: 21px;
    line-height: 30px;
    color: #0d214f;
}
#fixed-bar {
   
    z-index: 100;
	width:51px;
	height:74px;
	position:absolute;
	bottom:80px;
	right:20px;
	margin-bottom:5px;

}
#fixed-bar a {
	width:23px;
	height:49px;
	float:right;
	display:block;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	
	/*-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	text-indent:-9999px;
	
	
}
#fixed-bar a:hover {
  
}

.logo{width:14.1%; float:left; position:relative;z-index:10000;}
.head-right{float:right; margin-top:25px;}
.head-right p span{float:left;width:50px;}
.call{background:url(../images/phone.png) left center no-repeat; padding-left:55px; float:left; margin-bottom:0px;}
.email{float:left;background:url(../images/email.png) left center no-repeat; padding:15px 0px 15px 55px; clear:inherit; margin-left:25px; margin-bottom:0px;}
.menu{background:#0d214f}
.bannerm{background:#C1C2C6;}
.cerousal{background:url(../images/arrodw.png) no-repeat bottom center #0d214f; padding:60px 0px; }
.cerousal h1{
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    position: relative;
}
.cerousal p{color:#fff; 
	text-align:center; font-size:16px;}
.cerousal h1:after{content:''; position:absolute;  top:10px;width:80px; height:1px; background:#fff;margin-left:7px;}
.cerousal h1:before{content:'';position:absolute;  top:10px;width:80px; height:1px; background:#fff; margin-left:-88px;}
.content2{padding:5% 0%; background:url(../images/arrodw.png) no-repeat top center}
.four-col{width:24.9%; float:left; margin-right:1px;   }
.four-colf{width:22.5%; float:left; margin-right:3.3%;   }

.servi{ background:url(../images/serv.jpg) no-repeat; background-size:cover; padding-bottom:15px;text-align:center;

   filter: none;
  -webkit-filter: grayscale(0%); 

}

.serv:hover{filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%);
  
  }
  
.help{background:url(../images/help.jpg) no-repeat; background-size:cover;padding-bottom:15px;text-align:center}
.produ{background:url(../images/produ.jpg) no-repeat; background-size:cover;padding-bottom:15px;text-align:center}
.promis{background:url(../images/promis.jpg) no-repeat; background-size:cover; padding-bottom:15px;text-align:center}
.round{width:87px; height:87px; background:url(../images/gradline.jpg) repeat-x; border-radius:50px; border:3px solid #fff; margin:-42px auto 0px auto;}
.roundbord{width:44px; height:3px; background:#fff; margin:30px auto; }
.servi h2,.help h2,.promis h2,.produ h2{ font-size:32px; color:#fff; text-transform:uppercase;font-family: 'open_sanslight'; line-height:35px; margin-bottom:0px; }
.servi p,.help p,.promis p,.produ p{ font-size:16px; color:#fff;
 text-transform:uppercase; line-height:35px; }
/*.servi:hover > .round{border:3px solid #000;}*/
.footer{background:url(../images/footbg.jpg) repeat; padding:3% 0%}
.footer h3{color:#fff; font-size:20px; border-bottom:1px solid #354977; padding-bottom:15px;}
.foot1 img ,.foot2 img{margin-top:15px;}.foot1 p{color:#fff; font-size:13px; line-height:17px; margin-top:10px;}
.foot2 p{color:#fff; font-size:13px; line-height:25px; margin-top:10px;}
.foot3 p{color:#fff; font-size:13px; line-height:20px; margin-top:10px;}
.footbt{background:#000; color:#fff; text-align:center; padding-top:15px;}
.footbt a{color:#fff;}

.foot3 p.footer-service{
	   font-size: 16px;
    line-height: 25px;
}
.highlight{
	margin-top:24px;
	display: block;
	color: #ec3130;
	font-size: 20px;
}
.footer-service a{
	color: #78c4e7
}
.footer-service a:hover{
	color: #ec3130
}

.inleft{width:70%; float:left; padding:20px 0px; font-size:16px;}
.inright{width:27%; float:right;padding:20px 0px}
.rightul{margin:0px; padding:0px; list-style:none; margin-bottom:15px; }
.rightul li{padding:10px 0px 10px 10px;background:#CCC; border-bottom:1px solid #fff;}
.rightul li a{ color:#000; text-transform:uppercase; display:block; font-weight:bold; font-size: 16px}
.inright h2{
	background: #0d214f;
    color: #fff;
    font-weight: bold;
    padding: 16px 10px;
    margin-bottom: 0px;
    font-size: 20px;
}
.rightul li:hover{ background:#BDBDBD}
.inleft h2{
font-weight: bold;
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 7px;
}
.inleft img{margin-bottom:10px;}
.three-col{width:32%; float:left; margin-right:2%;}
.list{ list-style:url(../images/list01.png ); float:left }
.list li{padding:5px 0;}
.contactcolor{ color:#0d214f; font-weight:bold; padding:0px;}
.contact{ width:30%;}
.foot1 p a{color:#fff; }
.foot2 p a{color:#fff; }
/*.foot1 p a:hover{ color:#0000FF;}
.foot2 p a:hover{ color:#666666}*/
.inleft p a{ font-size:12px; }

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#f9fbfb;z-index:999999;background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:center 40%;}
#status{width:62px;height:62px;position:absolute;left:53.5%;top:66%;background-image:url(../images/loading.gif);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px;}
img.border{
	border:1px solid #ccc;
}


.upload-resume label {
    display: block;
    font-size: 15px;
    color: #979797;
    font-weight: normal;
    margin-bottom: 6px;
}
.upload-resume input {
    outline: none;
    background: none;
    color: #505050;
    width: 94%;
    padding: 10px 10px;
    border: 1px solid #D0D0D0;
    font-size: .8em;
    font-weight: 100;
    margin-bottom: 1em;
}
/* Style the actual browse button */
.upload-resume input::file-selector-button {
  border: 2px solid #0066FF;
  padding: 0.2em 0.5em;
  border-radius: 4px;
  background-color: #0066FF;
  color: white;
  transition: background-color 0.3s ease;
  cursor: pointer;
  font-size: 13px;
}
/* Add hover effect to the button */
.upload-resume input::file-selector-button:hover {
  background-color: #0066FF;
}






/********************************************************************************************************/


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

.main{
	width:90% ;
	margin:0 auto;
}
}

/***********************980px *************************************/

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

.head-right{margin-top:15px;}

#status{width:62px;height:62px;position:absolute;left:61.5%;top:55%;}
}

@media only screen and (max-width: 800px) {
#cssmenu > ul > li > a {
  
 padding:10px 12px !important; font-size:12px !important;}
.four-col {
    width: 24.8%;}
	.content2{padding:8% 0px}
	.head-right{margin-top:7px;}
	#status{width:62px;height:62px;position:absolute;left:63%;top:55%;}
}

/***********************767px *************************************/
@media only screen and (max-width: 768px) {

#cssmenu > ul > li > a {
  
 padding:10px 10px !important; font-size:12px !important;}

}

/***********************640px *************************************/

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

 .four-col,.four-colf,.inleft,.inright,.three-col{width:100% !important; margin-bottom:15px; margin-right:0px;}
.two-col{width:100% !important; margin-bottom:15px; margin-right:0px;}
 #cssmenu > ul > li > a { padding:10px 17px !important;}
 .logo {
    width: 27.1%; float:none !important; margin:0px auto;}
	.head-right{margin-bottom:15px;}
	.email{margin-top:6px;}
	.menu {
    background:none;
    position: absolute;}
	#cssmenu > ul > li {
 
  -webkit-transform: skew(0deg) !important; 
   -moz-transform: skew(0deg) !important; 
   -o-transform: skew(0deg) !important;
   transform: skew(0deg) !important; border-right:0px solid #fff !important;
}
#cssmenu > ul > li a {
 
  -webkit-transform: skew(0deg) !important; 
   -moz-transform: skew(0deg) !important; 
   -o-transform: skew(0deg) !important;
   transform: skew(0deg) !important; border-right:0px solid #fff !important;
}

.cerousal h1{font-size:23px;}
.cerousal h1:after{ width:40px; display:none; }
.cerousal h1:before{width:40px;display:none; }
.hps-title3{display:none;}

#cssmenu ul ul li,#cssmenu li:hover > ul{ -webkit-transform: skew(0deg) !important; 
   -moz-transform: skew(0deg) !important; 
   -o-transform: skew(0deg) !important;
   transform: skew(0deg) !important;}
   #status{width:62px;height:62px;position:absolute;left:59%;top:65%;}
   .owl-theme .owl-controls{right:44% !important;}
}

/***********************480 px *************************************/

@media only screen and (max-width: 480px) {
.head-right{display:none;}
.call,.email{float:inherit}
.logo {
    width: 32.1%;}
	  #status{width:62px;height:62px;position:absolute;left:61%;top:65%;}
	  .owl-theme .owl-controls{right:41.9% !important;}
}





@media only screen and (max-width: 360px) {
 #status{width:62px;height:62px;position:absolute;left:70%;top:75%;}
}


@media only screen and (max-width: 320px) {
 #status{width:62px;height:62px;position:absolute;left:72%;top:65%;}

}