﻿/*
Theme Name: Systran Theme
Theme URI: http://www.systran.fr
Author: Marine Le Guernigou - Echo Conseil
Author URI: http://www.systran.fr
Description: Beyond language
Version: 1.0
*/


/*Header*/
header {
    position: fixed;
    top: 0px;
    z-index: 10;
    background: #ffffff;
    width: 100%;
    padding-top: 0;
    border-bottom: 1px #0070a1 solid;
}
body.home #container {
    padding: 80px 0 0 0;
}
body #container {
    padding: 99px 0 0 0;
}

header .inner {
    padding-top: 10px;
}


header .navLinks {
    position: relative;
    float: right;
    top: 10px;
}

header .navLinks>ul:before,
header .navLinks>ul:after {
    display: table;
    content: "";
    line-height: 0;
}

header .navLinks>ul:after {
    clear: both;
}

header .navLinks>ul>li {
    float: left;
    margin-left: 20px;
}

header .navLinks>ul>li:first-child i {
    position: relative;
    top: 0;
}

header .navLinks>ul>li:first-child a:hover i {
    background-position: 0 0;
    height: 22px;
    width: 22px;
}

header .navLinks>ul>li.last>a:hover,
header .navLinks>ul>li.last a:hover span,
header .navLinks>ul>li.last a.open {
    color: #009edf;
    text-decoration: none;
}

header .navLinks>ul>li.last a:hover i,
header .navLinks>ul>li.last a.open i {
    background-position: 0 0;
    height: 22px;
    width: 22px;
}

header .navLinks>ul>li>a {
    font-family: DinRegular;
    font-size: 12px;
    text-decoration: none;
    color: #565656;
}
header .navLinks>ul>li>a:hover span {
	text-decoration: none;
}
header .navLinks>ul>li>a i {
    margin-right: 5px;
}


header .navLinks>ul>li>a span {
    display: inline-block;
    vertical-align: middle;
}

header .navLinks>ul>li>a:hover,
header .navLinks>ul>li>a.current {
    color: #009edf;
    text-decoration: none;
}

header .navLinks>ul>li>a:hover i,
header .navLinks>ul>li>a.current i {
    background-position: 0 0;
    height: 22px;
    width: 22px;

}

header .navLinks > ul > li > a.header-contact {
	background: #0062a7;
    color: #ffffff;
    font-size: 12px;
    font-family: DinMedium;
    padding: 7px 15px;
    margin: -3px 0 0 20px;
    float: right;


    display: none;
}

header .navLinks > ul > li > a.header-contact:hover {
	background: #b79029;
	text-decoration: none;


    color: #ffffff;
    font-size: 12px;
    font-family: DinMedium;
    padding: 7px 15px;
    margin: -3px 0 0 20px;
    float: right;
}



header #logo {
/*    width: 216px;
    height: 59px;*/

    width: 211px;
    height: 58px;

    /*float: left;*/
}



nav.mainMenu {
    clear: both;
    float: right;
    padding: 0;
    margin: 0;

    /*margin: 38px 20px 0 20px;*/
}
.blocSubMenu {
	background: #0170a1 !important;
}
.close {
    float: none;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    color: #b3e1f2;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}
.close:hover {
    float: none;
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    color: #ffffff;
    text-shadow: none;
    filter: alpha(opacity=100);
    opacity: 1;
}

.mainMenu ul li a {
	color: #565656;
	font-size: 15px;
	font-family: DinLight;
	line-height: 25px;
	height: 32px;
}

.mainMenu ul li.active a {
	color: #009edf;
	text-decoration: underline;
}
.mainMenu ul li.active a:hover{
	color: #009edf;
}




header.scrolled .navLinks {
    top: 0;
}


header.scrolled #logo {
    width: 211px;
    height: 58px;
/*	width: 150px;
	height: 41px;*/
}
header.scrolled .mainMenu {
	margin: -25px 0 0 10px;
}
header.scrolled .mainMenu ul li a {
    color: #565656;
    font-size: 13px;
    font-family: DinLight;
}


/* top sprite */
.icons-blog,
.icons-shop,
.icons-support,
.icons-language,
header .navLinks>ul>li:first-child a:hover i,
header .navLinks>ul>li.last a:hover i,
header .navLinks>ul>li.last a.open i,
header .navLinks>ul>li>a:hover i,
header .navLinks>ul>li>a.current i {
    background: url(../img/2016/sprite-top.png) no-repeat;
}

.icons-blog {
    background-position: 0 0;
    height: 22px;
    width: 22px
}
header .navLinks>ul>li>a:hover i.icons-blog {
    background-position: 0 0;
}

.icons-shop {
    background-position: 0 -22px;
    height: 22px;
    width: 22px
}
header .navLinks>ul>li>a:hover i.icons-shop {
    background-position: 0 -22px;
}

.icons-support {
    background-position: 0 -44px;
    height: 22px;
    width: 22px
}
header .navLinks>ul>li>a:hover i.icons-support {
    background-position: 0 -44px;
}

.icons-language {
    background-position: 0 -66px;
    height: 22px;
    width: 22px
}
header .navLinks>ul>li>a:hover i.icons-language {
    background-position: 0 -66px;
}



.breadcrumb {
    background: #0070a1;
    padding: 16px 0;

    margin: 0;
}



/*Homepage Slider*/

.tp-loader.spinner0 {
	display: none !important;
}

.slider .brspan span {
    display: block !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.slider {
	font-family: DinLight !important;
}
.slider strong {
	font-family: DinMedium !important;
	font-weight: normal !important;
	font-size: inherit !important;
}
/* forces slides buttons borders */
.rev_slider .tp-mask-wrap .tp-caption.rev-btn {
	border-width: 1px !important;
	border: 1px #ffffff solid !important;
}




/*Homepage values*/
.values {
	margin-bottom: 40px;
}
.values h1{
	font-family: DinRegular;
	color: #205262;
	font-size: 34px;
	line-height: 50px;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 10px;
}
.references h2 {
	font-family: DinRegular;
	color: #205262;
	font-size: 32px;
	text-align: center;
}



.values h2 {
	font-family: DinBold;
	font-size: 21px;
	text-align: center;
	line-height: 25px;
	margin: 30px 0 5px 0;
	min-height: 70px;
	padding: 0;
}


span.brspan {
	float: none !important;
    display: block !important;
    font-size: inherit !important;
    line-height: inherit !important;
}



.values .span3 {
	padding: 0 15px !important;
}
.img-values{
	text-align: center;
}


.value1 {
	color: #e54c24;
}
.value2 {
	color: #c3b43d;
}
.value3 {
	color: #5b889b;
	/*padding-bottom: 25px;*/
}
.value4 {
	color: #7bc3ae;
	/*padding-bottom: 25px;*/
}


.values p {
	text-align: center;
	font-family: DinRegular;
	font-size: 15px;
}
.values img {
text-align: center;
}
.values hr {
	margin-top: 40px;
}



/*Homepage Campagne*/
.pnmt {
	display: inline-block;
}

.pnmt-left {
	width: 50%;
	float: left;
	height: 550px;
	background: url('/wp-content/uploads/pnmt.jpg') no-repeat center;
	-webkit-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.pnmt-right {
	width: 50%;
	float: right;
	height: 550px;
	background: url('/wp-content/uploads/bg-ccampagne.jpg') no-repeat;
	-webkit-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.pnmt img {
	width: 100%;
}
.pnmt h2 {
	font-family: DinRegular;
	color: #fff;
	font-size: 32px;
	text-align: center;
	margin-bottom: 50px;
}
.pnmt p {
	text-align: center;
	font-family: DinRegular;
	font-size: 15px;
	color: #fff;
}
.text-width {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10%;
}
.text-width img {
	width: initial;
}
.btn-more {
	text-align: center;
	margin-top: 40px;
}

div.plus {
	text-align: center;
	float: none;
	width: 100%;
	padding: 0;
	margin: 20px 0 50px 0;
	background: none;
}
div.plus > a {
	color: #ffffff;
	font-size: 24px;
	border: 1px #ffffff solid;
	margin: auto;
	display: block;
	border-radius: 16px;
	padding: 2px 8px;
	line-height: 26px;
	font-family: Arial;
	vertical-align: middle;
	font-weight: normal;
	position: relative;
	width: 32px;
	cursor: pointer;
	text-decoration: none;
}
div.plus > a:hover {
	background: #ffffff;
	color: #1d5064;
	text-decoration: none;
}

div.plus.ai > a:hover {
	background: #ffffff;
	color: #6fb7a1;
}



/*Homepage News*/
#systran-news { /* anchor hack */
	padding-top: 120px;
	margin-top: -70px;
}

.news .span4 {
	padding: 0 15px !important;
}

.news h2 {
	font-family: DinRegular;
	color: #205262;
	font-size: 32px;
	text-align: center;
	padding-bottom: 20px;
}
.news h3 {
	font-family: DinBold;
	font-size: 21px;
	text-align: center;
	line-height: 25px;
	padding-bottom: 20px;
	color: #565656;
}

.news .btn.btn-default {
	border-radius: 0px !important;
	border: 1px solid #b79029 !important;
	color: #b79029 !important;
	background: #ffffff !important;
}
.news .btn.btn-default:hover, 
.news .btn.btn-default:focus,
.news .btn.btn-default:active,
.news .btn.btn-default:active:focus{
	background: #b79029 !important;
	color: #ffffff !important;
	border: 1px solid #ffffff !important;
}
.news .btn-center {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}


/* events */
p.homepage-events {
    border-bottom: 2px #dadada solid;
    margin: 5px 0 20px 0;
    font-family: DinRegular;
    font-size: 14px;
    line-height: 16px;
    padding: 0 0 20px 0;
}
p.homepage-events strong.eventdate {
	color: #b79029;
	font-family: DinLight;
	font-size: 18px;
	line-height: 30px;
}
p.homepage-events a {
    color: #565656;
}
p.homepage-events a:hover {
    color: #b79029;
}



/* tweets */
iframe.twitter-timeline {
	height: 470px !important;
	padding: 0 0 20px 0 !important;
}
.tweeter h3 {
	color: #009edf;
	padding-top: 5px;
}
.tweeter .btn.btn-default {
	border: 1px solid #009edf !important;
	color: #009edf !important;
}
.tweeter .btn.btn-default:hover,
.tweeter .btn.btn-default:focus,
.tweeter .btn.btn-default:active,
.tweeter .btn.btn-default:active:focus{
	background: #009edf !important;
	color: #fff !important;
}
.content-tweeter {
	border: 1px solid #009edf;
}



/*Homepage Client*/
.case {
	display: inline-block;

	overflow: hidden;
}
.case h2 {
	font-family: DinRegular;
	color: #fff;
	font-size: 32px;
	padding-top: 110px;
	padding-left: 50px;
}
.case p {
	padding-left: 50px;
	padding-right: 50px;
	color: #fff;
	font-family: DinRegular;
	font-size: 15px;
}


.cas-client-left {
	width: 40%;
	float: left;
	height: 550px;
	background: #6fb7a1 /*url('/wp-content/uploads/Visuel_Xprerience_700x550.jpg') no-repeat center*/;
	-webkit-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.cas-client-right {
	width: 60%;
	float: right;
	height: 550px;
	background: url('/wp-content/uploads/class.jpg') no-repeat left;
	-webkit-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/*Homepage References*/
.clients-grid {
	width: 100%;
	margin: 15px 0;
	vertical-align: middle;
	display: inline-block;
}
.clients-grid > div {
	border: 0px skyblue solid;
	width: 19%;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.references {
	margin-bottom: 20px;
}



/*Footer*/
footer .sectionFooter {
	background: #0170a1;
	color: #fff;
	padding: 30px 0 50px 0;
}
footer .logoSlug {
	margin-bottom: 30px;
}
footer .span9>li>a{
	color: #fff;
}
footer .span9>li .sub-menu li>a {
	color: #fff;
	background: none;
	padding-left: 0;
}
footer .span9>li .sub-menu li {
	list-style-type: disc;
	list-style-position: inside;
}
footer .widget p {
	color: #fff;
	padding-bottom: 25px;
}
footer .widget h4 {
	text-transform: uppercase !important;
	line-height: 17px !important;
}


.page-template-products-service-simple-php footer a.btn.btn-default,
.page-template-products-service-simple-php footer button.btn.btn-default,
footer .btn-default {
	background-color: #0170a1 !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}
.page-template-products-service-simple-php footer a.btn.btn-default:hover,
.page-template-products-service-simple-php footer button.btn.btn-default:hover,
footer .btn-default:hover,
footer .btn-default:focus,
footer .btn-default:active,
footer .btn-default:active:focus {
	background-color: #ffffff !important;
	border-color: #ffffff !important;
	color: #0170a1 !important;
}


footer .btn {
	border-radius: 0px;
}
footer .btn:hover,
footer .btn:focus,
footer .btn:active,
footer .btn:active:focus {
	background-color: #fff;
	border-color: #fff;
	color: #0170a1;
}
footer .copyright p a {
	color: #fff;
}
footer .copyright p {
	color: #fff;
}
span#lp, span#lp a {
	color: #0170a1;
}
footer .sectionContact .letsTalk {
	background: none;
	font-family: DinRegular;
	font-size: 40px;
	letter-spacing: 0;

	position: relative;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 12px 42px;
	border-radius: 0;
}
footer .sectionContact > .inner > div:nth-child(1) {
	text-align: center;
}

footer .sectionContact {
	background: url('../img/2016/bg-letstalk.jpg') repeat-x;
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; /* version standardisée */
	padding: 28px 0;
}

.page-template-products-service-simple-php footer .sectionContact .btn.contactus,
footer .sectionContact .btn {
	font-family: DinRegular;
	font-size: 30px;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0;
	background: none !important;
	color: #ffffff !important;
}
.page-template-products-service-simple-php footer .sectionContact .btn.contactus:hover,
footer .sectionContact .btn:hover,
footer .sectionContact .btn:focus,
footer .sectionContact .btn:active,
footer .sectionContact .btn:active:focus  {
	background: #ffffff !important;
	color: #b79029 !important;
}

.socialLinks {
	padding-top: 5px;
}



/* social sprite */
.social-sprite,
.social-linkedin,
.social-twitter,
.social-youtube,
.social-facebook {
    background: url('../img/2016/sprite-social.png') no-repeat
}

.social-linkedin {
    background-position: 0 0px;
    height: 40px;
    width: 40px
}
.social-linkedin:hover,
.social-linkedin.linkedin_hover,
.social-linkedin.linkedin-hover {
    background-position: 0 -40px
}

.social-twitter {
    background-position: 0 -80px;
    height: 40px;
    width: 40px
}
.social-twitter:hover,
.social-twitter.twitter_hover,
.social-twitter.twitter-hover {
    background-position: 0 -120px;
}

.social-youtube {
    background-position: 0 -160px;
    height: 40px;
    width: 40px
}
.social-youtube:hover,
.social-youtube.youtube_hover,
.social-youtube.youtube-hover {
    background-position: 0 -200px
}

.social-facebook {
    background-position: 0 -240px;
    height: 40px;
    width: 40px
}
.social-facebook:hover,
.social-facebook.facebook_hover,
.social-facebook.facebook-hover {
    background-position: 0 -280px
}




/* media queries */
@media only screen and (max-width: 640px) and (min-width: 240px) {

	/*slides*/
	.rev_slider .tp-mask-wrap .tp-caption.rev-btn {
		border-width: 0 !important;
		padding: 10px !important;
		font-size: 14px !important;
	}

	body #container {
	    padding: 0 !important;
	}

	header {
	    height: 70px !important;
	    position: static !important;
	    border-bottom: 2px #0070a1 solid !important;
	}

	header > .inner {
	    padding: 5px 10px 25px 5px !important;
	    width: 100% !important;
	    /*z-index: 999 !important;*/
	}

	#MobileLanguageMenu.dropDownMobile.dropdown {
	    right: 50px !important;
	    top: 20px !important;
	    left: auto !important;
	}
	.icons-language:hover, .icons-language.language_hover, .icons-language.language-hover {
		background-position: 0 -66px;
	}

	header #logo {
    	float: left;
		margin: 0;

		width: 211px;
		height: 58px;

		position: static;
		top: 5px;
		left: 5px;

		/*width: 150px;
    	height: 41px;*/
	}

	header .mobileMenu {
	    width: 100%;
	    position: absolute;
	    right: 0;
	    top: 70px;
	    z-index: 100;
	    background: #0070a1;
	}
	.layerMenu {
		top: 70px;
	}

	header .mobileMenu ul::before {
		border-bottom: 8px solid #0070a1;
		right: 12px;
	}

	header .mobileMenu .inner {
	    width: 100% !important;
	}

	header .mobileMenu .picto-menu {
		top: -46px !important;
		right: 10px !important;
	}

	/* top banners */
	.pageslist .banner ul {
	    padding: 20px 0 0 20px;
	    margin: 0 auto;
	    width: 960px;
	}
	.pageslist .wrapper_grid.banner {
	    background-color: rgba(0, 0, 0, 0.3) !important;
	    width: 100% !important;
	    height: auto !important;
	    margin: 0 !important;
	}



	.wrapper_grid {
    	width: auto;
	}

	.sectionContact .inner {
	    width: 90%;
	    margin: 0 auto;
	    padding: 20px 0 30px 0;
	}

	.home section {
    	width: 100%;
    	padding: 0 0 0 0;
	}

	.values h1 {
	    font-size: 26px;
	}
	.values h2 {
	    margin: 0 0 10px 0;
	}
	.values p {
	    margin: 0 0 50px 0;
	}

	.pnmt-left {
	    width: 100%;
	    float: left;
	    height: 380px;
	}
	.pnmt-right {
	    width: 100%;
	    float: right;
	    height: 650px;
	    clear: both;
	}

	.cas-client-left {
	    width: 100%;
	    float: left;
	    height: 400px;
	}
	.cas-client-right {
	    width: 100%;
	    float: right;
	    height: 300px;
	    clear: both;
	}

	.news h2,
	.case h2,
	.references h2 {
	    padding-top: 50px;
	}


	.clients-grid > div {
		border: 0px skyblue solid;
		width: 100%;
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		float: left;
		clear: both;
		margin: 15px 0;
	}


	.news .btn-center {
	    text-align: center;
	    margin-top: 20px;
	    margin-bottom: 50px;
	}

	#systran-news { /* anchor hack */
		padding-top: 120px;
		margin-top: -120px;
	}

}











/* btn */
.page-template-products-service-simple-php .btn-default,
.activeSend,
.btn.btn-blue, body #container .post .infos p + a.btn-blue, body #container .post .infos .discover-list li p + a, .discover-list li body #container .post .infos p + a, button.btn-blue, input.btn-blue[type="submit"], .form-container form .upload-box .btn-blue.upload-btn, .form-container form .upload-box .discover-list li a.upload-btn, .discover-list li .form-container form .upload-box a.upload-btn, .form-container #cformpopup .upload-box .btn-blue.upload-btn, .form-container #cformpopup .upload-box .discover-list li a.upload-btn, .discover-list li .form-container #cformpopup .upload-box a.upload-btn, .grayarea .thumb + div h5 + a.btn-blue, .grayarea .thumb + div .discover-list li h5 + a, .discover-list li .grayarea .thumb + div h5 + a, .grayarea .thumb + div h5 + p > a.btn-blue, .grayarea .thumb + div .discover-list li h5 + p > a, .discover-list li .grayarea .thumb + div h5 + p > a, .discover-list li a, .studies-list .logo + div + div a.btn-blue, .studies-list .logo + div + div .discover-list li a, .discover-list li .studies-list .logo + div + div a, .press-list div + div a.btn-blue, .press-list div + div .discover-list li a, .discover-list li .press-list div + div a, .home #sbox .sbox_btn a.btn-blue, .home #sbox .sbox_btn .discover-list li a, .discover-list li .home #sbox .sbox_btn a, .reseller-box a.btn-blue[href*="http"], .reseller-box .discover-list li a[href*="http"], .discover-list li .reseller-box a[href*="http"],
.btn-default, body #container .post .infos p + a, button, input[type="submit"], .grayarea .thumb + div h5 + a, .grayarea .thumb + div h5 + p > a, .studies-list .logo + div + div a, .press-list div + div a, .reseller-box a[href*="http"] {
    background-color: #0170a1 !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.page-template-products-service-simple-php .btn-default:hover,
.activeSend:hover,
.btn-blue:hover, .discover-list li a:hover, .btn-blue:focus, .discover-list li a:focus, .btn-blue:active, .discover-list li a:active, .btn-blue.active, .discover-list li a.active,
.btn-default:hover, body #container .post .infos p + a:hover, button:hover, input[type="submit"]:hover, .grayarea .thumb + div h5 + a:hover, .grayarea .thumb + div h5 + p > a:hover, .studies-list .logo + div + div a:hover, .press-list div + div a:hover, .reseller-box a[href*="http"]:hover, .btn-default:focus, body #container .post .infos p + a:focus, button:focus, input[type="submit"]:focus, .grayarea .thumb + div h5 + a:focus, .grayarea .thumb + div h5 + p > a:focus, .studies-list .logo + div + div a:focus, .press-list div + div a:focus, .reseller-box a[href*="http"]:focus, .btn-default:active, body #container .post .infos p + a:active, button:active, input[type="submit"]:active, .grayarea .thumb + div h5 + a:active, .grayarea .thumb + div h5 + p > a:active, .studies-list .logo + div + div a:active, .press-list div + div a:active, .reseller-box a[href*="http"]:active, .btn-default.active, body #container .post .infos p + a.active, button.active, input.active[type="submit"], .grayarea .thumb + div h5 + a.active, .grayarea .thumb + div h5 + p > a.active, .studies-list .logo + div + div a.active, .press-list div + div a.active, .reseller-box a.active[href*="http"] {
    background-color: #ffffff !important;
    border-color: #0170a1 !important;
    color: #0170a1 !important;
}
.btn.big, body #container .post .infos p + a.big, button.big, input.big[type="submit"], .form-container form .upload-box .big.upload-btn, .form-container #cformpopup .upload-box .big.upload-btn, .grayarea .thumb + div h5 + a.big, .grayarea .thumb + div h5 + p > a.big, .discover-list li a.big, .studies-list .logo + div + div a.big, .press-list div + div a.big, .home #sbox .sbox_btn a.big, .reseller-box a.big[href*="http"] {
    font-size: 17px;
    padding: 15px 40px;
}
.btn, body #container .post .infos p + a, button, input[type="submit"], .form-container form .upload-box .upload-btn, .form-container #cformpopup .upload-box .upload-btn, .grayarea .thumb + div h5 + a, .grayarea .thumb + div h5 + p > a, .discover-list li a, .studies-list .logo + div + div a, .press-list div + div a, .home #sbox .sbox_btn a, .reseller-box a[href*="http"] {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}



/* forms */
input[type="text"], input[type="email"], input[type="password"], textarea {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

.form-container form .control-group > label.required, .form-container #cformpopup .control-group > label.required {
    color: #0170a1;
}
input.required[type="text"], input.required[type="email"], input.required[type="password"], textarea.required,
.form-container form .control-group > label.required + input, .form-container form .control-group > label.required + select + .newListSelected .selectedTxt, .form-container form .control-group > label.required + textarea, .form-container form .control-group > label.required + .select2-container .select2-choice, .form-container #cformpopup .control-group > label.required + input, .form-container #cformpopup .control-group > label.required + select + .newListSelected .selectedTxt, .form-container #cformpopup .control-group > label.required + textarea, .form-container #cformpopup .control-group > label.required + .select2-container .select2-choice {
    border-color: #0170a1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}
.form-container form .control-group .select2-container .select2-choice, .form-container #cformpopup .control-group .select2-container .select2-choice {
    width: 240px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

.select2-display-none,
.select2-drop {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}


.form-container #cform textarea,
.form-container form .control-group > label + input, .form-container #cformpopup .control-group > label + input,
input.required[type="text"], input.required[type="email"], input.required[type="password"], textarea.required, .form-container form .control-group > label.required + input, .form-container form .control-group > label.required + textarea, .form-container #cformpopup .control-group > label.required + input, .form-container #cformpopup .control-group > label.required + textarea {
    font-size: 15px;
    font-family: DinMedium;
}

fieldset#kc p input {
    padding: 5px !important;
}



/* wrappers banners */

.pageslist {
    height: 247px;

/*    background-position: 0% 40% !important;
	-webkit-background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;*/
}
.pageslist .wrapper_grid.banner {
    background-color: rgba(0, 0, 0, 0.3) !important;
    width: auto;
    height: 247px;
}

.pageslist .banner ul {
    /*padding-top: 60px;*/
    margin: 0 auto;
    width: 960px;
}
.pageslist .banner ul li a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    font-family: DinMedium;
    text-transform: uppercase;
    line-height: 14px;
}
.pageslist .banner ul li a:hover {
    color: #fff;
    text-decoration: underline;
}


.translation-products .pageslist {
    background-position: 0% 65% !important;
}




/* case section padding without References section */
.case {
    padding: 22px 0 0 0 !important;
}