/*sitestyles*/
*:hover, *:focus, *:active {
    outline: 0 !important;
}

/*MEDIA*/
@media (max-width: 768px) {
    body{
        padding-top: 60px;
    }
    .about-block,.career-block{
        min-height: 100%;
    }
    .mp-news-block{
        margin-bottom:30px;
    }
    .mp-news-block:last-child{
        margin-bottom:0;
    }
    .career-block {
        padding: 30px 15px 30px 15px;
    }
    .white-wrap{
    	padding: 15px;
    }
    .side-menu {
        padding: 10px 15px;
    }
}
@media (min-width: 768px) {
    body{
        padding-top: 60px;
    }
    .about-block,.career-block{
        min-height: 100%;
    }
    .mp-news-block{
        margin-bottom:30px;
    }
    .mp-news-block:last-child{
        margin-bottom:0;
    }
    .career-block {
        padding: 30px 15px 30px 15px;
    }
    .white-wrap{
    	padding: 15px;
    }
    .side-menu {
        padding: 10px 15px;
    }
}
@media (min-width: 992px) {
    body{
        padding-top: 154px;
    }
    .about-block,.career-block{
        min-height: 350px;
    }
    .mp-news-block{
        margin-bottom:0;
    }
    .career-block {
        padding: 30px 15px 0 15px;
    }
    .white-wrap{
    	padding: 30px;
    }
    .side-menu {
        padding: 10px 30px;
    }
}
@media (min-width: 1200px) {
    body{
        padding-top: 154px;
    }
    .about-block,.career-block{
        min-height: 280px;
    }
    .mp-news-block{
        margin-bottom:0;
    }
    .career-block {
        padding: 30px 15px 0 15px;
    }
    .white-wrap{
    	padding: 30px;
    }
    .side-menu {
        padding: 10px 30px;
    }
}
/**/

.gs img {
	filter: url('/js/filters.svg#grayscale'); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/
}
.gs img:hover {
	filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);
}


.grayscale img {
	-webkit-filter: grayscale(100%); /* Webkit Nightlies & Google Chrome Canary */
	-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	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 10+, Firefox on Android */
	filter: gray; /* IE8-9 */
}
.grayscale img:hover {
	filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);
}
.grayscale:hover img {
	filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);
}

.edge .grayscale img{   /* Applies to Microsoft Edge */
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: none;
}
.edge .grayscale img:hover{   /* Applies to Microsoft Edge */
	-webkit-filter: grayscale(0%);
}
.edge .grayscale:hover img{   /* Applies to Microsoft Edge */
	-webkit-filter: grayscale(0%);
}

.img_wrapper,.img_wrapper:hover { 
    width: 100% !important; 
}
.grayscale img,.grayscale img:hover { 
    position: static !important; 
    width: 100%; 
}
.img-responsive.img_grayscale.ieImage,.img-responsive.img_grayscale.ieImage:hover {
    position: absolute !important
}

body,html{
	height: 100%;
	width:100%;
	min-height: 100%;
	min-width: 100%;
	/*font-family: 'Open sans';*/
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 16px;
	color: #333;
	overflow: auto;
    /*-webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;*/
}
ul.langswitch{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    font-size:14px;
    white-space: nowrap;
}
ul.langswitch > li{
    display:inline-block;
    position:relative;
    margin-left: -4px;
    padding: 10px 0;
}
ul.langswitch > li:first-child{
    margin-left: 0;
}
ul.langswitch > li > a{
    display:block;
    position:relative;
    line-height:20px;
    padding:0 10px;
    color:#000;
    background:transparent;
}
ul.langswitch > li:first-child a{
}
ul.langswitch > li > a.active{
    color:#fff;
    background:#ff4f1b;
}
ul.langswitch > li > a:hover,
ul.langswitch > li > a:focus,
ul.langswitch > li > a:active{
    text-decoration:none;
}
ul.langswitch.toggle{
    font-size:20px;
    border-top:1px solid #333;
    padding-top: 15px;
    margin-top: 15px;
}
ul.langswitch.toggle > li > a{
    display:block;
    position:relative;
    line-height:30px;
    padding:0 15px;
    color:#fff;
    background:transparent;
}
ul.langswitch.toggle > li > a.active{
    color:#fff;
    background:#ff4f1b;
}
body{
	/*padding-top: 154px;*/
	background-color:#eceff1; 
	/*background: #F9F9F9 url(../img/body-bg.jpg) top 300px center no-repeat scroll;*/
	background-size: cover;
}
.fixed{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 154px;
	width: 100%;
	margin: 0 auto;
	z-index: +100;
}
.half-bg{
	display: block;
	position: relative;
	width: 100%;
	height: 50%;
	background-color: #333;
	background: url(../img/dc.jpg) center center no-repeat scroll;
	content: " ";
	z-index: -1;
}
.tfdbk{
	display: block;
	position: relative;
}
.tfdbk:hover > .top-feedback,
.tfdbk:focus > .top-feedback,
.tfdbk:active > .top-feedback{
	display: block;
}
.top-feedback{
	display: none;
	position: absolute;
	left:0;
	top:100%;
	background-color: #ff4f1b;
	min-width: 200%;
	padding: 15px;
	z-index: +1;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	box-shadow: 10px 10px 0 rgba(0,0,0,.3);
}
header.top{
	/*background-color: rgba(36,39,42,0.1);*/
	/*background-color: rgba(255,255,255,0.8);
	background-color: #e8eced;*/
	background-color: #FFF;
	box-shadow: 0 20px 0 rgba(0,0,0,0.2);
}
.top-logo > a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 40px 20px;
	background-color: #FFF;
}
.top-panel{
	border-bottom: 5px solid rgba(0,0,0,0.1);
	background-color: #F2F2F2;
}
.top-phone{
	/*font-weight: 800;*/
	color: #000;
	font-size: 14px;
}
.top-phone > i{
	color:#ff4f1b;
}

.top-menu{
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	margin-top: 35px;
	/*font-family: 'Roboto Condensed';*/
}
.top-menu > li{
	display: block;
	position: relative;
	padding-bottom: 37px;
	
	/**/
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

.top-menu > li > a{
	display: block;
	position: relative;
	color:#ff4f1b;
	padding-bottom: 15px;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: 700;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	border-bottom: 1px solid #000;
}
/*.top-menu > li > a > .box-stroke{
	display: block;
	position: absolute;
	width: 40px;
	height: 4px;
	left:0;
	bottom: 0;
	background-color: #000;
	content: " ";
	text-decoration: none;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}*/

.top-menu > li > a:before{
	display: block;
	position: absolute;
	width: 40px;
	height: 4px;
	left:0;
	bottom: 0;
	background-color: #000;
	content: " ";
	text-decoration: none;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.top-menu > li > a:hover,
.top-menu > li > a:focus,
.top-menu > li > a:active{
	border-bottom-color: #ff4f1b;
	text-decoration: none;
	color:#000;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*.top-menu > li > a:hover > .box-stroke,
.top-menu > li > a:focus > .box-stroke,
.top-menu > li > a:active > .box-stroke,
.top-menu > li:hover > a > .box-stroke,
.top-menu > li:focus > a > .box-stroke,
.top-menu > li:active > a > .box-stroke{
	width: 100%;
	background-color: #ff4f1b;
	text-decoration: none;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}*/

.top-menu > li:hover > a:before,
.top-menu > li:focus > a:before,
.top-menu > li:active > a:before{
	width: 100%;
	background-color: #ff4f1b;
	text-decoration: none;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.top-menu > li:hover > a,
.top-menu > li:focus > a,
.top-menu > li:active > a{ 
	border-bottom-color: #ff4f1b;
	color: #000;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.top-menu > li > ul{
	display: none;
	list-style: none;
	position: absolute;
	z-index: +2;
	left: 15px;
	top:100%;
	height: 0;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	width: -webkit-calc(200% - 30px);
	width: -o-calc(200% - 30px);
	width: calc(200% - 30px);
	background-color: #FFF;
	box-shadow: 10px 10px 0 rgba(0,0,0,.3);
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.top-menu > li > ul:before {
    content: ' ';
    position: absolute;
    left: 10%;
    top: -4px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ff4f1b;
}
.top-menu > li:hover > ul{
	display: block;
	width: -webkit-calc(200% - 30px);
	width: -o-calc(200% - 30px);
	width: calc(200% - 30px);
	height: auto;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.top-menu > li > ul > li{
	display: block;
	position: relative;
	/*border-bottom: 1px solid #ff4f1b;*/
}
.top-menu > li > ul > li:last-child{
	border-bottom: none;
}
.top-menu > li > ul > li > a{
	display: block;
	position: relative;
	text-transform: uppercase;
	color: #000;
	font-size: 14px;
	font-weight: 600;
	padding: 5px 15px;
}
.top-menu > li > ul > li > a:hover,
.top-menu > li > ul > li > a:focus,
.top-menu > li > ul > li > a:active{
	background-color: #ff4f1b;
	color: #FFF;
	text-decoration: none;
}


.top-menu > li > a:hover > i, .top-menu > li:hover > a > i,
.top-menu > li > a:focus > i, .top-menu > li:focus > a > i,
.top-menu > li > a:active > i, .top-menu > li:active > a > i{
    -ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
	color:#fff;
}

.top-menu > li.active > a:hover > i, .top-menu > li:hover > span > i,
.top-menu > li.active > a:focus > i, .top-menu > li:focus > span > i,
.top-menu > li.active > a:active > i, .top-menu > li:active > span > i{
    -ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
	/*color:#fff;*/
}

/*.top-menu > li.active > a > i, .top-menu > li.active > span > i,
.top-menu > li.active > a > i, .top-menu > li.active > span > i,
.top-menu > li.active > a > i, .top-menu > li.active > span > i{
    -ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	color:#fff;
}*/

.top-menu > li > a > i{
    margin-left:3px;
}


.carousel {
	z-index: 0;
	background-color: #DEDEDE;
}
.carousel-inner > .item{
	/*border-top:20px solid rgba(0,0,0,0.2);*/
}
h2.slide-caption{
	font-size: 4em;
	color: #fff;
	margin: 30px 0 15px 0;
	line-height: 1;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	letter-spacing: -2px;
	font-family: 'Roboto Condensed';
	font-weight: 900;
}
.slide-description{
	color: #FFF;
	margin: 0 0 30px 0;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	font-size: 1.7em;
	line-height: 1;
	font-weight: 600;
	font-family: 'Roboto';
}
.slide-option{
	line-height: 1;
	font-weight: 900;
	font-family: 'Roboto';
	font-size: 1.2em;
	color: #000;
	/*color: #FFF;*/
	text-shadow: 0 0 10px rgba(255,255,255,0.8);
}
.slide-option > span{
	display: block;
	font-size: 2.5em;
	letter-spacing: -1px;
	color: #ff4f1b;
	text-shadow: 0 0 10px rgba(255,255,255,0.8)
}
.slide-cover{
	background-color: wheat;
	opacity: .4;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: " ";
}


.gs {
	filter: url('/js/filters.svg#grayscale'); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Webkit Nightlies, Google Chrome Canary and Microsoft Edge*/
}
.gs:hover {
	filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);
}


.mp-f{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	min-height: 205px;
	/*box-shadow: 5px 5px 0 rgba(0,0,0,0.2);*/
	padding: 30px 15px;
	/*border:1px solid #F0F0F0;*/
	background-color: #FFF;
	border: 1px solid #DEDEDE;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.mp-f:hover,.mp-f:focus,.mp-f:active{
    border: 1px solid #ff4f1b;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.mp-f > h2{
	/*font-family: 'Roboto';*/
	font-size: 20px;
	font-weight: 900;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.mp-f-desc{
	min-height: 80px;
}

.mp-f > img{
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    filter: url('/js/filters.svg#grayscale');
	filter: gray;
	-webkit-filter: grayscale(1);

	width:100% !important;
	position:relative;
	display:block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.mp-f > img:hover{
}
.mp-f:hover > img{
	-moz-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.mp-f > hr{
    max-width: 50px;
    border-color: #DEDEDE;
    border-width: 3px;
}


.block-stroke{
	display: block;
	position: absolute;
	background-color: #ff4f1b;
	content: " ";
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.block-stroke:hover, .block-stroke:focus, .block-stroke:active{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.mp-f:hover, .mp-f:active,.mp-f:focus{
	box-shadow: 5px 5px 0 rgba(0,0,0,.2);	
}
.mp-f:hover > .tl,.mp-f:focus > .tl,.mp-f:active > .tl{
	height: 100%;
}
.mp-f:hover > h2,.mp-f:focus > h2,.mp-f:active > h2{
	color: #ff4f1b;
}
.tl{
	width: 2px;
	height: 0;
	left: 0;
	top:0;
}
.tr{
	width: 0;
	height: 2px;
	left:0;
	top:0;
}
.mp-f:hover > .tr,.mp-f:focus > .tr,.mp-f:active > .tr{
	width: 100%;
	z-index:+1;
}
.bl{
	height: 2px;
	width: 0;
	bottom: 0;
	right: 0;
}
.mp-f:hover > .bl,.mp-f:focus > .bl,.mp-f:active > .bl{
	width: 100%;
	z-index:+1;
}
.br{
	width: 2px;
	height: 0;
	right: 0;
	bottom: 0;
}
.mp-f:hover > .br,.mp-f:focus > .br,.mp-f:active > .br{
	height: 100%;
	z-index:+1;
}

.env-title{
    display:block;
    position:relative;
    text-transform:uppercase;
    line-height:1.1;
    letter-spacing:-1;
    font-weight:600;
}

.mp-news-heading-block{
	display: block;
	position: relative;
	text-transform: uppercase;
	background-color: #ff4f1b;
	background: #ff4f1b url(../img/corner.png) center right -1px no-repeat;
	margin: 0;
	padding: 32px 30px 21px 30px;
	min-height:155px;
}
.mp-news-heading-block-xs{
	display: block;
	position: relative;
	text-transform: uppercase;
	background-color: #ff4f1b;
	margin: 0;
	padding: 32px 30px 21px 30px;
}
.mp-news-heading{
	display: block;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 22px;
	margin: 0 0 10px 0;
	padding: 0;
}
.news-wrap{
	display: block;
	background-color: #FFF;
	padding: 30px;
	min-height:155px;
}

.mp-news-date{
	text-transform: uppercase;
	color: #666;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.mp-news-date > i{
	padding: 5px;
	background-color: #ff4f1b;
	color: #FFF;
}

.mp-news-txt{
	font-size: 14px;
	margin-top: 5px;
	display:block;
	position:relative;
}
.mp-news-txt > a{
    display:block;
    width:100%;
    height:100%;
}

.info-wrap{
	display: block;
	position: relative;
	width: 100%;
	background-color: #FFF;
	padding: 30px 0;
	background: #FFF url(../img/fbg.jpg) center center no-repeat scroll;
}

.info-block{
	margin-bottom: 5px;
	height: 100px;
}
.info-heading{
	font-weight: 900;
    letter-spacing: -1px;
    margin: 0;
}
.info-block > h2{
	font-size: 18px;
	font-weight: 900;
	letter-spacing: -1px;
	line-height: 1;
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
}
.info-block > h2:after{
	content: " ";
    display: block;
    width: 100px;
    height: 2px;
    background-color: #ff4f1b;
    margin-top: 5px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.info-block:hover > h2:after{
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.info-block > p{
	font-size: 15px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-family: 'Roboto Condensed';
}


.white-wrap{
	display: block;
	position: relative;
	border:1px solid #DEDEDE;
	background-color: #FFF;
	/*padding: 30px;*/
}
.orange-wrap{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	border:1px solid #ff4f1b;
	background-color: #ff4f1b;
	color: #FFF;
	padding: 30px;
}

.about-block{
	/*min-height: 280px;*/
}
.about-heading, .career-heading{
	margin: 0 0 10px 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 900;
}

.career-block{
	background:url(../img/career.jpg) center right no-repeat;
	background-size: cover;
	/*min-height: 280px;*/
	/*padding: 30px 15px 0 15px;*/
	text-align: center;
	color: #FFF;
}

.production-block{
	background:url(../img/production-bg.jpg) center right no-repeat;
	background-size: cover;
	min-height: 250px;
	padding: 30px 15px 0 15px;
	text-align: center;
	color: #FFF;
}



.swiper-container {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: 200px;        
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.client-img {
    display:block;
    position:relative;
    /*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
}
.client-img > img{
    max-width:80% !important;
    height:auto;
}
.img-box{
    /*display:block;
    position:relative;*/
    width:100%;
    height:100%;
    padding:15px;
    border:1px solid #DEDEDE;
    
    text-align: center;
	font-size: 18px;
	background: #fff;
/*	height: 200px;        */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
    
    /*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/
}
.img-box > a > img{
    display:block;
    margin:0 auto;
    width:90% !important;
    height:auto;
}
/*.img-box > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
}

a.mp-partner-logo > img{
	/*filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;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\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale"); /* Firefox 10+, Firefox on Android */
	-moz-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    opacity: 0.5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width:100%;
    height:auto;
}
a.mp-partner-logo:hover > img{
	/*filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");*/
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*content*/
.page-heading{
    display:block;
    position:relative;
    margin:0 0 40px 0;
    padding:0;
    font-weight:900;
    letter-spacing:-1px;
    text-transform:uppercase;
    color:rgba(0,0,0,1);
    font-size:30px;
}
.page-heading:after, .site-content > h2:after{
    display: block;
    position: absolute;
    width: 15%;
    height: 4px;
    left: 0;
    bottom: -15px;
    background-color: #ff4f1b;
    content: " ";
    text-decoration: none;
}

.site-content > h2{
    /*font-weight:300;
    text-transform:uppercase;*/
    display:block;
    position:relative;
    font-size: 24px;
    /*font-weight: 900;*/
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1;
    /*font-family: 'Roboto Condensed';*/
    text-transform: uppercase;
    margin:50px 0 20px 0;
    color:#000;
}
.site-content h3{
    display:block;
    position:relative;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1;
    text-transform: uppercase;
    margin:30px 0 10px 0;
    color:#000;
}
.site-content > p > strong,
.site-content > div > strong,
.site-content > li > strong,
.site-content > h2,
.site-content > h3,
.site-content > h4
.site-content h4{
    color:#000;
}
.site-content > h2:after{
    display: block;
    position: absolute;
    width: 10%;
    height: 2px;
    left: 0;
    bottom: -5px;
    background-color: #ff4f1b;
    content: " ";
    text-decoration: none;
}
.site-content{
    color:rgba(0,0,0,0.7);
    /*font-weight:300;*/
}

/*BREADCRUMBS*/
#bCrumbs{
	color:#000;
	background-color:#FFF;
	border:1px solid #DEDEDE;
	padding:10px;
	text-align:center;
}
.B_crumbBox{/*Span that surrounds all crumb output*/
	/**/
	margin:0 0 30px 0;
	padding:0;
	display:inline-block;
	font-size:14px;
	font-weight:300;
	text-transform:uppercase;
}
	.B_crumbBox ul{
		list-style:0;
		margin:0;
		padding:0;
		display:inline-block;
	}
	.B_crumbBox a{
	    color:#ff4f1b;
	}
	.B_crumbBox a:hover{
	    text-decoration:none;
	    color:#000;
	}
	.B_crumbBox a > span > i{
	    margin-right:3px;
	}

.B_hideCrumb{/*Span surrounding the "..." if there are more crumbs than will be shown*/
	display:inline-block;
}

.B_currentCrumb{/*Span or A tag surrounding the current crumb*/
	display:inline-block;
	color:#AAA;
}

.B_firstCrumb{/*Span that always surrounds the first crumb, whether it is "home" or not*/
	display:inline-block;

}

.B_lastCrumb{/*Span surrounding last crumb, whether it is the current page or not .*/
	display:inline-block;
}

.B_crumb{/*Class given to each A tag surrounding the intermediate crumbs (not home, or hide)*/
	display:inline-block;
}

.B_homeCrumb{	/*Class given to the home crumb*/
	display:inline-block;
}
/****************/

/*SIDE MENU*/
.side-menu{
    display: block;
    position: relative;
    border: 1px solid #DEDEDE;
    background-color: #FFF;
    /*padding: 10px 30px;*/
}
.side-menu > ul{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}
.side-menu > ul > li{
    margin:0;
    padding:0;
    display:block;
    position:relative;
    border-bottom:1px solid #F2F2F2;
    font-size:13px;
    text-transform:uppercase;
    font-weight: 400;
}
.side-menu > ul > li:last-child{
    border-bottom:1px solid transparent;
}
.side-menu > ul > li > a{
    display:block;
    position:relative;
    color:#000;
    padding:10px 0;
}
.side-menu > ul > li > span{
    display:block;
    position:relative;
    padding:10px 0;
    color:#ff4f1b;
}

footer{
	display: block;
	position: relative;
	background-color: #24272a;
	color:#F9F9F9;
	width: 100%;
	font-size: 14px;
}
p.footer{
	margin:0 0 5px 0;
}

.bottom-menu{
	margin:0;
	padding: 0;
	list-style: none;
}
.bottom-menu > li{
	display: block;
	margin:0 0 10px 0;
	
}
.bottom-menu > li > a, .bottom-menu > li > span{
	color: #ff4f1b;
	text-transform: uppercase;
	font-weight: 700;
}
.bottom-menu > li > ul{
	display: block;
	margin: 0;
	padding: 0;
}
.bottom-menu > li > ul > li{
	display: inline;
	margin:0 15px 0 0;
}
.bottom-menu > li > ul > li > a{
	color: #FFF;
	font-size: 12px;
	white-space: nowrap;
}
.bottom-menu > li > ul > li > span{
	color: #ff4f1b;
	font-size: 12px;
	white-space: nowrap;
}
.developer-note{
	font-size: 12px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.5);
	font-weight: 600;
}
/*ELEMENTS*/
.btn {
    line-height: 1;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 700;
    border:2px solid transparent;
    /*border: 1px solid transparent;*/
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:hover, .btn-focus, .btn-active{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn-lg{
	border:2px solid transparent;
	text-transform: uppercase;
	font-weight: 700;
	padding: 15px 35px;
}
.btn-default {
    color: #000;
    background-color: transparent;
    border-color: #000;
}
.btn-primary {
	color: #337ab7;
	background-color: transparent;
	border-color: #2e6da4;
}
.btn-warning {
    color: #ff4f1b;
    background-color: transparent;
    border-color: #ff4f1b;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active{
    color: #FFF;
    background-color: #ff4f1b;
    border-color: #ff4f1b;
}
.btn-white {
    color: #FFF;
    background-color: transparent;
    border-color: #FFF;
}
.btn-white:hover, .btn-white:focus, .btn-white:active{
    color: #000;
    background-color: #FFF;
    border-color: #FFF;
}


.form-control {
    display: block;
    width: 100%;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-search:hover > input, .top-search:focus > input, .top-search:active > input{
	color: #000;
	background-color: #FFF;
	border-left: 1px solid transparent;
}
.btn-search, .input-search,.btn-topfb{
	height: 36px;
	border-color: #ff4f1b;
	border:none;
	height: 40px;
	min-width: 40px;

}
.btn-search{
	background-color: #24272a;
	color: #FFF;

}
.btn-search:hover, .btn-search:focus, .btn-search:active{
	background-color:#ff4f1b;
	color: #000;	
}
.input-search{
	background-color: transparent;
	font-weight: 400;
	border-left: 1px solid #DEDEDE;
}
.input-search:focus,.input-search:hover, .input-search:active{	
	color: #000;
	background-color: #FFF;
	border-left: 1px solid transparent;
}
.btn-topfb{
    line-height: 25px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ff4f1b;
    color: #FFF;
    opacity: 1;
}
.btn-topfb:focus,.btn-topfb:hover, .btn-topfb:active{
	opacity: 1;
	color: #FFF;
}


.form-control {
    border: 1px solid #DEDEDE;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #ff4f1b;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.input-group-addon {
    font-weight: 900;
    color: #000;
    border: 1px solid #DEDEDE;
    border-radius: 0;
    min-width: 42px;
}

.modal-heading{
	margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed';
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
    color: #ff4f1b;
}
.modal-header {
    padding: 15px 15px 30px 15px;
    border-bottom: none;
}
.modal-footer {
    padding: 30px 15px 15px 15px;
    text-align: right;
    border-top: none;
}
.modal-content{
	border: none;
    border-radius: 0;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0 0 0 0;
    text-transform: uppercase;
    font-weight: 900;
    color: #000;
    font-size: 18px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #ff4f1b;
    cursor: default;
    background-color: #fff;
    border: 1px solid #dedede;
    border-bottom-color: transparent;
}
.thumbnail {
    padding: 6px;
    border-radius: 0;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #ff4f1b;
}

.carousel-control {
    width: 5%;
}

.cv{
/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}



/*TOGGLE MENU*/
.toggle-menu{
    position:fixed;
    top:0;
    padding-top:70px;
    padding-bottom:60px;
    z-index:99;
    display:block;
    width:100%;
    min-width:100%;
    height:100%;
    min-height:100%;
    background-color:#24272a;
    color:#FFF;
    overflow:auto !important;
}
.toggle-menu-heading{
    letter-spacing:-1px;
}
.toggle-menu-btn{
    position:fixed;
    display: block;
    z-index: 100;
    width: 100%;
    height:70px;
    background-color:#FFF;
    top:0;
    left:0;
    box-shadow: 0 10px 0 rgba(0,0,0,0.3);
}
.navbar-toggle{
    display:block;
    border:2px solid;
    border-radius:0;
    padding: 10px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 10px;
}
.navbar-toggle .icon-bar{
    background-color:#000;
}

.collapse{
    display: none !important;
}
.in{
    display: block !important;
}

#recaptcha_table{
    width:100%;
}

/* margins and paddings*/
.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}
.pt65{padding-top:65px !important}
.pt70{padding-top:70px !important}
.pt75{padding-top:75px !important}
.pt80{padding-top:80px !important}
.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb65{padding-bottom:65px !important}
.pb70{padding-bottom:70px !important}
.pb75{padding-bottom:75px !important}
.pb80{padding-bottom:80px !important}
.pl0{padding-left:0 !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}
.pl45{padding-left:45px !important}
.pl50{padding-left:50px !important}
.pl55{padding-left:55px !important}
.pl60{padding-left:60px !important}
.pl65{padding-left:65px !important}
.pl70{padding-left:70px !important}
.pl75{padding-left:75px !important}
.pl80{padding-left:80px !important}
.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}
.pr45{padding-right:45px !important}
.pr50{padding-right:50px !important}
.pr55{padding-right:55px !important}
.pr60{padding-right:60px !important}
.pr65{padding-right:65px !important}
.pr70{padding-right:70px !important}
.pr75{padding-right:75px !important}
.pr80{padding-right:80px !important}
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}
.mb70{margin-bottom:70px !important}
.mb75{margin-bottom:75px !important}
.mb80{margin-bottom:80px !important}
.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}
.ml70{margin-left:70px !important}
.ml75{margin-left:75px !important}
.ml80{margin-left:80px !important}
.mr0{margin-right:0 !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}
.mr70{margin-right:70px !important}
.mr75{margin-right:75px !important}
.mr80{margin-right:80px !important}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}