@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

body { font-family: 'Exo 2', sans-serif; background-color: #fff;  font-size: 17px; line-height:22px; color: #1d3f4e; font-weight: 300; font-style: normal; }
h1, h2, h3, h4, h5, h6 { font-family: 'Exo 2', sans-serif; font-style: normal; font-weight: 600; margin-bottom: 16px;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}

.container, .container-fluid { padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}
.row  [class*="col-"] { position:relative; padding-left: 15px; padding-right: 15px; }

.container-fluid.hpadding { padding: 0; overflow: hidden ;}
.zerocol { padding: 0; margin: 0; position:relative; }
.zerocol .row { margin-left: 0px; margin-right: 0px;}
.zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.header { position: fixed; background: #fff; height: 100px; left:  0; right:  0; top:  0; z-index:  99;}
.header .container { height: 100px; position: relative; max-width: 1230px; }
.logo { position: absolute; left:  15px; top:  50%; margin-top: -28px;}
.navigation {float: right; width: calc(100% - 270px); margin: 55px 0 0 0;}
.navigation ul { display: block;margin: 0 0 12px 24px; padding:  0; list-style: none;color: #1d3f4e;font-weight: 300;line-height: 1;font-size: 16px; }
.navigation ul li {list-style-type: none; float: left; width: 20%; text-align: center; padding:  0; margin: 0 0 6px 0;}
.navigation ul li a {color: #1d3f4e;margin: 0; padding: 0; border: 0;font-size: 100%;  vertical-align: baseline;}
.slider { padding: 0; margin:100px 0 0  0; position: relative; z-index:  1;}
.slider .container {  max-width: 1230px; z-index:  5; position: absolute; left:  50%; top:  0;  bottom: 0; padding-left: 15px; padding-right: 15px;-webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);  transform: translateX(-50%); }
.slider .carousel, .slider .carousel .carousel-inner { padding:  0; margin:  0; height: 520px; position: relative; z-index:  1;}
.slider .carousel .carousel-item { height: 520px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size:  cover; }
.slider .carousel-control-prev, .slider .carousel-control-next { opacity: 0; z-index:  -2; visibility: hidden;}
.slider_caption { position: absolute; left:  15px; top:  50%;-webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-size: 24px;
  font-weight: 300; max-width: 700px;line-height: 36px;}
.slider_caption h1 {font-size: 46px; font-weight: 400; font-style: italic;line-height: 56px; padding: 0 ; margin:  0 0 30px 0; color: #fff; display: block;}
.slider_caption h1 strong, .slider_caption h1 b {font-size: 64px; font-weight: 600; font-style: italic; display: block;}
.slider_caption p { max-width: 500px; margin-bottom: 0px;}
.slider_form { width: 30%; max-width: 476px; position: absolute; z-index:  99; right:  100px; top:  0;}
.slider_form  h2 { display: block;padding: 20px 30px; background-color: #e61c3b; color: #fff; font-size: 34px;
  font-style: italic;line-height: normal; position: relative; margin:  0;font-weight: 300; z-index:  5;}

.slider_form  h2:after { content: ""; background: url("../images/arrow_red.png") no-repeat center top; width: 42px; height: 20px; position: absolute; left:  50%; margin-left: -21px; bottom:  -20px;}
.form_box { padding: 40px 30px; background-image: url("../images/form_bg.png");background-position: left bottom;
  background-repeat: repeat-x; background-size: 100% 100%; display: block;color: #fff;  font-size: 22px;  font-weight: 400;  margin: 0; position: relative;}
.input_wrap { display: block;margin: 10px 0 0 0;position: relative;}
.input_wrap .form-control { display: block; font-weight: 300;  font-size: 16px; line-height:  34px; width: 100%; height: 35px;color: #1d3f4e; border-radius: 3px; border: 0; padding: 0 10px; }
.input_wrap .form-control.textarea{ height: 90px; padding:5px 10px 0 10px; line-height:  20px;}
.input_wrap input[type=submit] {border: solid 2px #fff; background: rgba(255,255,255,0); color: #fff;
  cursor: pointer; height: 50px; font-size: 20px; line-height:  40px; text-align: center; font-weight: 500;display: block; width: 100%;border-radius: 3px;}
.input_wrap input[type=submit]:hover {background: rgba(255,255,255,1); color: #e61c3b; }
.icons_strip { width: 100%;padding: 20px 0; margin:  0; background-color: #1c3e4d;color: #fff;
  font-size: 24px; line-height:  26px; }
.icons_strip strong, .icons_strip b {font-weight: 500; display: block;}
.icons_strip .container{ max-width: 1230px; }
.icon_block { display: block; position: relative; padding:24px 0 0 130px; height: 106px;}
.icon_block img { position: absolute; left:  0; top:  0; max-width: 106px;}

.advantage.container { max-width: 1230px; padding-top: 80px; padding-bottom: 80px;}
.advantage h2 {font-size: 36px; color: #e61c3b; font-weight: 400; font-style: italic; line-height: normal; margin:  28px 0 12px;}
.advantage ul {display: flex; flex-wrap: wrap; padding:  0; margin:  40px 0 0 0; list-style: none; }
.advantage ul li { max-width: 100%; flex: 0 0 auto;   width: 50%;margin: 20px 0;  font-size: 20px;
  color: #1d3f4e; padding: 0 50px 0 105px; line-height: 28px; position: relative; min-height: 81px;}
.advantage ul li img { position: absolute; left:  0; top:  0; }
.advantage ul li span { position: absolute; left:  105px; right:  50px; top:  50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  transform: translateY(-50%);}
.advantage ul li strong, .advantage ul li b { font-weight: 400;}
.blue_strip {padding: 50px 0;background: #1c3e4d;}
.blue_strip .container { max-width: 1230px;}
.blue_strip h2, .commitment h2 {color: #fff;font-size: 46px;font-weight: 500;font-style: italic; padding:  0; margin:  0;}
.clients_section {background: #dbdbdd; padding:  0;}
.clients_section .container { max-width: 1230px; padding:  0 15px;}
.clients_section .row { margin: 0;}
.clients_section .row  [class*="col-"] { padding: 60px 0; margin:  0; background: rgba(255,255,255,0); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.clients_section .row  [class*="col-"]:hover {background: rgba(255,255,255,1); -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.clients_section .row  [class*="col-"] a { display: block;color: #1d3f4e;}
.clients_section .row  [class*="col-"] p:nth-last-child(1)  { text-align: center; padding:  0 10%;}
.clients_section .row  [class*="col-"] p:nth-last-child(2) { padding: 40px 10% 0 10%; min-height: 170px;}
.clients_section .row  [class*="col-"] p strong, .clients_section .row  [class*="col-"] p b {display: block;
  width: 100%; margin: 0 auto; padding: 14px 0; text-align: center; border: solid 1px #e61c3b;
  border-radius: 3px; color: #e61c3b;font-size: 20px;font-weight: 400;}
.clients_section .row  [class*="col-"]:hover p strong, .clients_section .row  [class*="col-"]:hover p b  {background-color: #e61c3b;  color: #fff;}
.clients_section .row  [class*="col-"] img { width: 100%; height: auto; opacity: 0.6; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.clients_section .row  [class*="col-"]:hover img {opacity: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%);}

.commitment { padding: 50px 0; background: #e61c3b; }
.commitment_wrap { position: relative; padding:  0; margin:  0; overflow: hidden;}
.commitment_wrap:after { content: ""; position: absolute; background: url("../images/mix_pic.png") no-repeat left top; left:  50%; top:  0; bottom:  0; width: 50%;}
.commitment .container, .commitment_section, .news_section .container { max-width: 1230px;}
.commitment_section .row  [class*="col-"] { padding-top: 90px; padding-bottom: 90px; padding-right: 40px;}
.commitment_section h3 {font-size: 24px; font-weight: 400; font-style: italic; line-height: 32px; padding: 20px 0 0 0;}

.news_section {background: #dbdbdd; padding:80px  0;}
.news_section img { width: 100%;}
.news_section a {text-align: center; border: solid 1px #e61c3b; border-radius: 3px; color: #e61c3b; font-size: 20px; font-weight: 400; padding: 10px 20px; display: inline-block; background: rgba(230,28,29,0);}
.news_section a:hover { background: rgba(230,28,29,1); color: #fff;}

.blue_strip.contact {padding: 0; text-align: center; font-weight: 400;font-size: 32px; line-height:  40px; color: #fff;  font-style: normal;}
.blue_strip.contact .container { padding-top: 50px; padding-bottom: 50px;}
.blue_strip.contact h2 { margin-bottom: 30px;}
.blue_strip.contact p button{margin: 30px auto 0 auto; padding: 0 30px;text-align: center; border: 0;  font-size: 28px; background-color: #fff; border-radius: 3px; color: #e61c3c; display: inline-block; font-weight: 500; cursor: pointer;  line-height:  50px; min-width: 360px;}

.footer { background-color: #172f3b; color: #fff;}
.footer .container { max-width: 1230px; position: relative; padding-top: 44px; padding-bottom: 30px;}
.footer .container:after { content: ""; position: absolute; right:  15px; top:  -60px; background: url("../images/footer_pic.png") no-repeat; width: 180px; height:  143px; z-index:  1;}
.footer .container .row  [class*="col-"]:nth-child(2) { margin-top: 50px; padding-top: 6px;}
.footer .container .row  [class*="col-"]:nth-child(2):after { content: ""; background: #fff; height: 1px; left:  15px; right:  15px; top:  0; position: absolute;}
.linkedin { position: absolute; right:  15px; top:  55px;}
.blue_strip.contact .container.contactform { max-width: 330px; position: relative;}
.closebutton{ position: absolute; z-index:  2; right:  -50px; top:  15px; width: 30px; height:  30px; background: url("../images/close_btn_form.png") no-repeat center center; border:  0; padding:  0; margin:  0; cursor: pointer;}


/* #Media Queries ================================================== */
 @media (min-width: 768px) and (max-width: 1199px) {
	 .navigation ul li a { font-size: 12px;}
	 .slider_form { width: 350px; right: 15px;}
	 .slider_form h2 { padding: 15px;font-size: 28px;}
	 .form_box {padding: 20px;font-size: 18px;}	
	 .slider_caption h1 {font-size: 40px; line-height:50px;}
	 .slider_caption h1 strong, .slider_caption h1 b {font-size: 50px;}
	 .linkedin {right: auto; left: 50%; margin-left: -20px;top: 130px;}
	 .footer .container .row [class*="col-"]:nth-child(2) {margin-top: 100px;}

}
/* END__ */
 @media only screen and (max-width: 991px) {
	 .logo { left:  20px; margin-top: -23px;}
	 .logo img { max-height: 46px; width: auto;}
	 .navigation {width: calc(100% - 230px);}
	 .slider {background-color: #172f3b;}
	 .slider_form { position: relative; width: 100%; right: auto; top: auto; max-width: 100%;}
	 .slider_form h2 { text-align: center;}
	 .slider .container { height: 300px;padding-left: 20px; padding-right: 20px;}
	 .slider .carousel, .slider .carousel .carousel-inner, .slider .carousel .carousel-item {height: 300px;}
	 .slider_caption { left: 20px; right: 20px; max-width: auto;}
	 .slider_caption h1 {font-size: 32px; line-height:40px;}
	 .slider_caption h1 strong, .slider_caption h1 b {font-size: 38px;}
	 .slider_caption { font-size: 20px; line-height:  28px;}
	 .slider_caption p {max-width: 100%;}
	 .slider .carousel .carousel-item {background-size: 1200px 300px;}
	 .icon_block {padding: 90px 0 0 0;height: auto; text-align: center;}	
	 .icon_block img {left: 50%; max-width: 80px; margin-left: -40px;}
	 .advantage.container { padding-left: 20px; padding-right: 20px;padding-top: 40px; padding-bottom: 40px;}
	 .advantage h2 { margin-top: 0px;}
	 .advantage ul li {width: 100%; margin: 20px 0; padding: 0 0 0 105px;min-height: 81px;}
	 .container, .clients_section .container { padding-left: 20px; padding-right: 20px;}
	 .commitment_wrap::after { display: none;}
	 .commitment_section .row [class*="col-"] {padding-top: 40px;padding-bottom: 40px; padding-right: 15px;}
	 .blue_strip h2, .commitment h2 { font-size: 36px;}
	 .blue_strip.contact {font-size: 26px; line-height: 32px;}
	 .blue_strip.contact p button { min-width: 280px;}
	 .news_section { padding: 40px 0;}
	 .footer { text-align: center;}
	 .footer .container .row [class*="col-"]:nth-child(2) { text-align: left;}
	 .linkedin {right: auto; left: 50%; margin-left: -20px;top: 130px;}
	 .footer .container .row [class*="col-"]:nth-child(2) {margin-top: 100px;}

	
}
/* END__ */
 @media only screen and (max-width: 767px) {
	 .logo { left:  50%; margin-top: -28px; margin-left: -124px;}
	 .logo img { max-height: 56px; }
	 .navigation { display: none;}
	 .slider_caption h1 {font-size: 26px; line-height:36px;}
	 .slider_caption h1 strong, .slider_caption h1 b {font-size: 32px;}
	 .slider_caption { font-size: 20px; line-height:  24px;}
	 .slider_form h2 { font-size: 28px;}
	 .form_box p{ text-align: center;}
	 .icon_block { padding: 60px 0 0 0;font-size: 16px; line-height: 20px; }
	  .icon_block img { max-width: 52px; margin-left: -26px; }
	 .advantage h2 {font-size: 22px;}
	 .advantage ul {margin: 20px 0 0 0;}
	 .blue_strip {padding: 20px 0; text-align: center;}
	 .blue_strip h2, .commitment h2 { font-size: 30px; }
	 .clients_section .container{ padding-top: 30px;}
	 .clients_section .row [class*="col-"] { margin-bottom: 30px;}
	 .commitment {padding: 20px 0; text-align: center;}
	 .footer .container::after { display: none;}
	

}
/* END__ */
 @media only screen and (max-width: 575px) {


}
/* END__ */
 @media only screen and (max-width: 475px) {
 
}
/* END__ */
 @media only screen and (max-width: 420px) {
	 
	 
}
/* END__ */
a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, label:focus-visible, input:focus-visible, .logo a:focus-visible, .color_select label:focus-visible { border: solid 1px #FF0004!important;}
 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}

.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.sr-only:focus-visible {
  color:black;
  width:auto;
  left:auto;
  right:0;
  height: auto;
  border:1px solid black;
  clip:auto;
  background: white;
  text-indent: 0;
  z-index: 9999999;
}