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

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




html {
  -webkit-font-smoothing: antialiased;
  position: relative;
  min-height: 100%;
}
body {
  background-color: #fff;
  color: #000;
  font-family: "GothamProRegular", sans-serif;
  font-size: 15px;
  line-height: 1.75em;
  margin-bottom: 190px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  line-height: 113%;
  margin: 20px 0 17px 0;
}
h1 {
  font-size: 2.4em;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.7em;
}
h4 {
  font-size: 1.6em;
  margin-bottom:13px;
}
h5 {
  font-size: 1.2em;
  font-weight: 400;
}
h6 {
  font-size: 1em;
  font-weight: 400;
}
a {
  color: #e2001a;
}
.strong {
  font-weight: 400;
}
a:hover,
a:focus,
a:active {
  color: #e2001a;
}
a:hover,
{
  text-decoration: underline;
}
a.button {
  text-decoration: none;
}

big{
	font-size:1.1em;
}
.email_title{
	font-size: 1.1em;
	font-weight:normal
}


.header-full{
	background-color:#fff;
	min-height:180px;
	padding-top:30px;
	padding-bottom:30px;
}
.header-full .phone{
	margin-top:30px;
	margin-bottom:10px;
}

.font-bold{
	font-family: "GothamProBold", sans-serif;
}
.font-medium{
	font-family: "GothamProMedium", sans-serif;
}
.no-margin{
	margin:0 !important;
}
.no-margin-bottom{
	margin-bottom:0 !important;
}
.no-margin-top{
	margin-top:0 !important;
}
.margin-top{
	margin-top:35px;
}
.margin-bottom-30{
	margin-bottom:30px;
}
.no-padding{
	padding:0;
}
.no-padding-bottom{
	padding-bottom: 0 !important;;
}
.no-padding-top{
	padding-top: 0 !important;;
}


@media only screen and (min-width:768px) and (max-width:992px) {
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }

    .header-full{
    	padding:40px 0;
    }
    .header-full h4,.header-full h5,.header-full h6,.header-full .phone{
    	margin:0;
    }
}
@media (max-width: 767px) {
    .header-full{
    	padding:20px 0 0 0;
    	min-height: 160px;
    }
    .header-full .logo img{
    	height:90px;
    	margin-bottom:13px;
    }
    .header-full h4,.header-full h5,.header-full h6,.header-full .phone{
    	margin:0;
    }
    .header-full h4{
    	margin-bottom:10px;
    }

	body {
 		font-size: 12px;
	}
	h1,h2,h3,h4,h5,h6 {
		line-height: 100%;
		margin: 10px 0 8px 0;
	}
	h1 {
  		font-size: 2em;
	}
	h2 {
  		font-size: 1.6em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
	  	font-size: 1.3em;
	}
	big{
		font-size:1.3em;
	}
}

.navbar-dark {
    background-color: #333;
    background-image: none;
    box-shadow: none;
    color: #fff;
    border:0;
    border-radius:0;
	margin-bottom:0;
}
.navbar .nav  {
	width:100%;
}
.navbar .nav > li {
	width:25%;
}
.navbar .nav > li > a {
	font-family: "GothamProRegular";
    font-size: 1em;
    font-weight: 400;
    padding:0;
    margin-left:0;
    margin-right:0;
    color:#fff;
    height:50px;
    line-height:50px;
    text-align:center;
}

.navbar .nav > li > a:hover {
    text-decoration:none;
    background-color:#333;
}
.navbar .nav > li > a:hover .menu-hover, .navbar .nav > li.active > a {
    background-color:#ea002a;
}
.navbar-header .navbar-toggle{
	margin:0;
	padding:18px 15px 18px 15px;
	border-radius:0;
}
.navbar-header .navbar-toggle:hover{
	background-color:#ea002a;
}
.navbar-header .navbar-toggle .icon-bar  {
    background-color:#fff;
    width:18px;
}
.navbar-header .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 3px;
}


.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* this make our menu fixed top */


.menu-hover{
    height: 6px;
    left: 22%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: absolute;
    bottom: 0;
    width: 55%;
}

@media (max-width: 767px) {
  /*Navbar Collapse*/
  .navbar-collapse {
    padding: 0;
  }
  .navbar-dark ul.navbar-nav   {
	margin:0;
  }
  .navbar-dark .navbar-nav > li  {
    width:100%;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
  }
  .navbar-dark .navbar-nav > li > a {
    padding: 0 0 0 30px;
    1margin: 0;
    font-size: 1.2em;
    height:50px;
    line-height:50px;
    text-align:left;
  }

  .navbar-dark .navbar-nav > li > a:hover,
  .navbar-dark .navbar-nav > li > a:active,
  .navbar-dark .navbar-nav > li > a:focus,
  .navbar-dark .navbar-nav > .active > a:hover,
  .navbar-dark .navbar-nav > .active > a {
    background-color: #ea002a;
    color: #fff;
  }

}



/*-------------------------------------------------------------------*/
/* Carousel razon */
/*-------------------------------------------------------------------*/

.carousel-section {
  background-color:#fff;
  margin-bottom: 40px;
  overflow: hidden;
}
.carousel-razon {
  background-color: #fff;
  padding-bottom:30px;
}

.carousel-razon .carousel-caption {
  position: static;
  text-align: left;
  padding-bottom: 0;
  padding-top: 0;
}
.carousel-razon .carousel-img {
  text-align:center;
  line-height:300px;
}

.carousel-razon .carousel-indicators {
  bottom: 0px !important;
  margin-bottom:0;
}
.carousel-razon .carousel-indicators li {
  margin: 0 2px;
}
.carousel-razon .carousel-indicators li {
	border:0;
    cursor: pointer;
    height: 17px;
    width: 17px;
    background-color: #ccc;
}
.carousel-razon .carousel-indicators li {
	border:0;
    cursor: pointer;
    height: 17px;
    width: 17px;
    background-color: #ccc;
}
.carousel-razon .carousel-indicators li.active {
    background-color: #ea002a;
}
.carousel-razon .carousel-inner {
    min-height:420px;
    z-index:1;
    margin-top:63px;
}


.carousel-title {
  margin: 20px 0 30px 0;
  padding: 0;
  font-size: 2.3em;
  color: #e2001a;
  text-shadow: none;
  line-height: 120%;
  font-family: "GothamProMedium";
}

.carousel-subtitle {
  font-size: 1.6em;
  line-height: 1.5em;
  color: #000;
  margin-bottom: 30px;
  font-weight: 300;
  font-family: "GothamProRegular", sans-serif;
  text-shadow: none;
}
.carousel-list {
  margin: 0 0 50px 0;
}
.carousel-list li {
  color: #000;
  font-size: 1.05em;
  margin-bottom: 15px;
  overflow: hidden;
  text-shadow: none;
}
.carousel-text a {
  font-size: 1.1em;
  text-shadow: none;
}


.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  filter: alpha(opacity=80);
  opacity: .8;
}
.carousel-control.left {
  background-image: none;
  -webkit-filter: none;
          filter: none;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
  -webkit-filter: none;
          filter: none;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=100);
  outline: none;
  opacity: 1;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 40%;
  z-index: 5;
  display: inline-block;
  font-size:3em;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 10%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 10%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
@media (min-width:768px) and (max-width:992px) {
  .carousel-razon .carousel-inner{
  	margin-top:58px;
  	margin-bottom:40px;
  }
  .carousel-title {
    margin: 0 0 20px 0;
  }
}

@media (max-width: 767px) {
  .carousel-razon .carousel-inner{
  	margin-top:25px;
  	margin-bottom:40px;
  }
  .carousel-title {
    margin: 0 0 20px 0;
    font-size: 1.5em;
    text-align:center;
  }
  .carousel-subtitle {
    font-size: 1.3em;
    line-height: 1.3em;
    text-align:center;
  }
  .carousel-text p {
    margin-bottom: 10px;
  }
  .carousel-razon .carousel-inner{
  	min-height:0;
  }
  .carousel-razon .carousel-img{
	line-height:160px
  }


  .carousel-list {
    margin: 5px 0 20px 0;
  }

  .carousel-list li span {
    padding: 5px;
  }
  .carousel-list li,.carousel-text .link {
     font-size: 0.9em;
  }

  .carousel-control {
    left: auto;
    bottom: auto;
    top: 20px;
  }
  .carousel-control.left {
    right: 50px;
  }
  .carousel-control.right {
    right: 0;
  }
  .carousel-img{
  	height:auto !important;
  }
}


/*-------------------------------------------------------------------*/
/* Back to Top */
/*-------------------------------------------------------------------*/
#back-top a {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999999999;
  color: #eee;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all .25s ease;
  padding: 10px;
  border-radius: 5px;
  text-align: center;
}
#back-top a:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
#back-top a i {
  font-size: 2em;
}
@media (max-width: 767px) {
  #back-top a {
    position: fixed;
    bottom: 10px;
    right: 10px;
  }
  #back-top a i {
    font-size: 1.6em;
  }
}



/* ---------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------- */


#footer {
  background-color: #333;
  color: #fff;
  margin-top: 40px;
  padding: 40px 0;
  text-align: left;
  min-height:130px;

  position: absolute;
  bottom: 0;
  height: 160px;
  width:100%;
}

#footer a {
  color: #fff;
}

#footer .widget {
	padding-top:20px;
	font-size:1.1em
}
#footer .phone {
	font-size:1.2em;
	text-align:right;
	margin-bottom:10px;
}
#footer .email {
	text-align:right
}

.vk{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-left:50px;
	background: url(../img/vk.png) left center no-repeat;
	color:#000;
}
.vk:hover{
	color:#000;
}
.email_icon{
    display: inline-block;
    height: 40px;
    width: 40px;
	background: url(../img/mail.png)center no-repeat;
}

@media (max-width:992px) {
	#footer {
    	padding-left:15px;
    	padding-right:15px;
	}
	#footer .widget {
		padding:0;
		margin:0;
	}
	#footer .phone {
		text-align:center
	}
}
@media (max-width:767px) {
	#footer {
		padding-left:10px;
		padding-right:10px;
	}
}





/* ---------------------------------------------------- */
/* DEMAND GEOWING */
/* ---------------------------------------------------- */
.demand-title{
	margin:30px 0;
}
.demand-focus{
    text-align:center;
}
.demand-focus img{
	margin-top:-50px;
}

.gray-bkg{
	background-color:#f5f5f5;
	padding:20px 0;
}

.block {
  margin-bottom: 40px;
}
ul.red {
  padding: 15px;
}
ul.red li {
  color:#e2001a;
  margin: 3px 0 10px 0;
}
ul.red li span{
  color:#000;
}
ol.red {
  padding: 15px;
}
ol.red li {
  color:#e2001a;
  margin: 3px 0 10px 0;
}
ol.red li span{
  color:#000;
}

.lheight-big{
	line-height:155%;
}

.hr-vertical{
	border-left:6px solid #e2001a;
}

.demand-cell{
	 padding:18px 0 25px 0;
	 height:230px;
}

.border-gray{
	border:1px solid #999;
}
.border-red{
	border:1px solid #e2001a;
}
.demand-cost{
    line-height:240px;
    text-align:center;
}

.links{
	height:40px;
    line-height: 40px;
}
.email_link{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-left:50px;
	background: url(../img/mail.png) left center no-repeat;
}

.md-text-left{
	text-align:left;
}
p{
	margin-bottom:20px;
}
	.demand-title-image img{
		margin:0 auto;
		display:block;
	}

@media (max-width:992px)  {
	.md-text-left{
		text-align:center;
	}
	.demand-cell{
		height:280px;
	}
	.demand-focus img{
		margin-top:30px;
	}
}

@media (max-width:767px) {
	.block {
		margin-bottom: 30px;
	}
	h2{
		margin-bottom: 7px;
	}
	ul.red{
		margin: 0;
		padding:12px;
	}
	ul.red li {
		margin: 3px 0 7px 0;
	}
	ol.red{
		margin: 0;
		padding:12px;
	}
	ol.red li {
		margin: 3px 0 7px 0;
	}
	p{
		margin-bottom:10px;
	}
	.demand-title-image{
		padding:20px 0 10px 0;
	}
	.demand-title-image img{
		height:115px;
	}
	.demand-focus img{
		margin-top:0;
		height:170px;
	}
	.demand-cell{
	 	padding:15px 0 0 0;
		height:auto;
	}
	.demand-cost{
		line-height:130px;
	}
	.demand-cost img{
		height:85px;
	}
	.xs-text-center{
		text-align:center;
	}
	.hr-vertical{
		border-left:none;
	}
	.border-gray{
		border:none;
	}
	.vk{
	    height: 29px;
    	line-height: 29px;
	    padding-left:40px;
		background: url(../img/vk-xs.png) left center no-repeat;
	}
	.email_link{
	    height: 29px;
    	line-height: 29px;
	    padding-left:40px;
		background: url(../img/mail-xs.png) left center no-repeat;
	}
	.email_icon{
	    height: 29px;
    	width: 29px;
		background: url(../img/mail-xs.png)center no-repeat;
	}
	.xs-gray-bkg{
		background-color:#f5f5f5;
	}
}

.vacancy{
    text-align:center;
    line-height:400px;
}

@media (max-width:767px) {
	.vacancy{
		line-height:135px;
	}
	.vacancy img{
		height:85px;
	}
}

.contact-title{
    margin-top:40px;
}
.contact{
	margin-top:23px;
}
.contact-item{
	margin-bottom:35px;
}
.contact-item .header{
  	font-weight: 300;
  	margin: 0 0 15px 0;
	font-size: 1.5em;
	float:left;
}
.contact-item .text{
	float:left;
}

.map{
	height:430px;
}

@media (min-width:768px) and (max-width:992px) {
	.contact-item .header{
		display:inline-block;
	}
	.contact-item{
		margin-bottom:20px;
	}
	.contact-item .text{
		padding-left:15px;
	}
	.map{
		margin-top:15px;
	}
	.width-70{
		width:70%;
	}
	.width-85{
		width:85%;
	}
}
@media (max-width:767px) {
	.contact-title{
    	margin-top:23px;
	}
	.contact-item .header {
		margin-bottom:10px;
	}
	.contact-item{
		margin-bottom:20px;
	}

	.map{
		height:215px;
	}
}


.about-img{
	height:292px;
	text-align:center;
	position:relative;
}
.about-img img{
	margin:0 auto;
}
.about-img a{
	color:#fff;
	display:block;
	height:70px;
	line-height:70px;
	position:absolute;
	bottom:0;
	width:100%;
}
.about-img a:hover{
	background-color:#333;
}

.about-img p.invert{
	color:#000;
	display:block;
	height:40px;
	line-height:20px;
	position:absolute;
	bottom:0;
	width:100%;
	margin-bottom:0;
}

@media (min-width:768px) and (max-width:992px) {
	.about-img{
		height:220px;
	}
	.about-img a{
		height:53px;
		line-height:53px;
	}

}
@media (max-width:767px) {
	.about-img{
		height:220px;
		width:290px;
		margin:0 auto 20px auto;

	}
	.about-img a{
		height:53px;
		line-height:53px;
	}
}



.filters-menu {
  	1padding:0;
	1margin:0;
	1display:table;
	1width:100%;
}
.f-filters{ z-index: 9999; position: fixed; top: 55px; } /* this make our menu fixed top */

.filters-menu .gray-bkg{
  	padding:0;
	margin:0;
}
.filters-menu ul {
  padding: 0;
  list-style-type: none;
  margin: 13px 25px;
  width:100%;
  float:left;
}
.filters-menu ul li{
	float:left;
	margin-right:85px;
}
.filters-menu ul li:last-child{
	margin-right:0;
}


.filters-menu ul li a.active {
  border-color: #0099da;
  color: #0099da;
}
@media (max-width:767px) {
	.filters-menu ul li{
		margin-right:0;
		width:50%;
	}
}


.checkbox {
  padding-left: 30px;
  margin:0;
}
.checkbox label {
	display: inline-block;
    position: relative;
    padding-left: 5px;
    line-height:15px;
    color:#000;
}
.checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 15px;
      height: 15px;
      left: 0;
      margin-left: -30px;
      border: 1px solid #999;
      background-color: #fff;
}
.checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 15px;
      height: 15px;
      left: 0;
      top: 0;
      margin-left: -30px;
      padding-left: 3px;
      padding-top: 1px;
      background-color: #ea002a;
}
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: " ";
}
.checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed;
}

#Container .mix {
  display: none;
}



/* ---------------------------------------------------- */
/* PROEKTS */
/* ---------------------------------------------------- */
.proekt .image{
	text-align:center;
	height:233px;
	line-height:233px;
	padding:0;
}

.proekt .header{
	font-size:1.6em;
  	font-weight: 300;
  	line-height: 145%;
  	margin-bottom:30px;
  	margin-top: -0.35em;
}
.proekt .text{
  	margin-bottom:30px;
}

@media (min-width:768px) and (max-width:992px) {
	.proekt .image{
		height:200px;
		line-height:200px;
	}
	.proekt .header{
		font-size:1.4em;
  		line-height: 125%;
	  	margin-bottom:25px;
	  	margin-top: -0.20em;
	}
	.proekt .text{
  		margin-bottom:15px;
	}
}
@media (max-width:767px) {
	.proekt .image{
		height:175px;
		line-height:175px;
		margin:15px 0 20px 0;
	}
}


.intro-parallax{
	background-image: url("/assets/img/outsourcing.jpg");
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
    color:#fff;
}