/* CSS Document */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  src: local('Cabin Regular'), local('Cabin-Regular'), url(http://fonts.gstatic.com/s/cabin/v7/yQOMOX5hR0-6LTD879t-PQ.woff2) format('woff2'), url(http://fonts.gstatic.com/s/cabin/v7/JEgmtEDzc-IH8jBshQXrYA.woff) format('woff');
}

body {
	font-family: 'Cabin';
	margin:0;
	padding:0;
	min-width:300px;
	/*
background: rgba(220,223,242,1);
background: -moz-linear-gradient(left, rgba(220,223,242,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 81%, rgba(220,223,242,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(220,223,242,1)), color-stop(19%, rgba(255,255,255,1)), color-stop(81%, rgba(255,255,255,1)), color-stop(100%, rgba(220,223,242,1)));
background: -webkit-linear-gradient(left, rgba(220,223,242,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 81%, rgba(220,223,242,1) 100%);
background: -o-linear-gradient(left, rgba(220,223,242,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 81%, rgba(220,223,242,1) 100%);
background: -ms-linear-gradient(left, rgba(220,223,242,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 81%, rgba(220,223,242,1) 100%);
background: linear-gradient(to right, rgba(220,223,242,1) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 81%, rgba(220,223,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdff2', endColorstr='#dcdff2', GradientType=1 );
*/
}
@media screen and (max-width:768px) {
	body {
		background:#fff !important;
	}
}
h1 {
	font-family:cabin;
	text-transform:uppercase;
	color:#383e64;
	margin: 20px 0 15px 0;
	font-size: 30px;
	position:relative;
}
h2 {
	font-size: 24px;
	font-family:cabin;
	color:#383e64;
}
h3 {
	font-size: 20px;
	font-family:cabin;
	color:#383e64;
}
h5 {
	font-size: 20px;
	font-family:cabin;
	color:#383e64;
}
h4 {
	color:#383e64;
	margin:0;
	font-size: 30px;
} @media screen and (max-width:668px) { h4 {font-size:22px;} }
strong {
	color:#383e64;
	font-family:cabin;
}
span.about-foot-title {
	font-size:11px;
	color:#383e64;
	font-family:cabin;
	font-weight:normal !important;
	width: 150px !important;
	display: block;
}
span.about-foot-head {
	font-size:16px;
	color:#383e64;
	font-family:cabin;
}
#projects strong {
	font-size:24px;
} @media screen and (max-width:668px) { #projects strong { font-size:18px; } }
.wrapper {
	max-width:1166px;
	width:100%;
	margin:auto;
}
img {
	max-width:100%;
	border:0;
}
a {
	color:#0000ee;
	text-decoration:none;
}
.floatright {
	float:right;
	margin-left:10px
}
.floatleft {
	float:left;
	margin-right:10px;
}
.clear {
	clear:both;
}
.display-none {
	display:none !important;
}
.navigation {
	text-align:center;
	display: table;
	max-width:600px;
	width: 100%;
	margin: auto;
}
.navigation ul li {
	list-style:none;
	float:left;
} @media screen and (max-width:668px) { .navigation ul li {float:none;} }
.navigation ul li a {
	font-family:cabin;
	text-transform:uppercase;
	font-size:17px;
	color:#0000ee;
	_color:#383e64;
	text-decoration:none;
	padding:10px 40px;
	border-radius:4px;
	-webkit-border-radius:4px;
	margin:0 5px;  
	-webkit-transition: all 0.5s ease-in-out 0s;
     -moz-transition: all 0.5s ease-in-out 0s;
	   -ms-transform: all 0.5s ease-in-out 0s;
       -o-transition: all 0.5s ease-in-out 0s;
		  transition: all 0.5s ease-in-out 0s;
}

.navigation ul li a:hover {
	background:#bec3e3;
	color:#fff;
}
@media screen and (max-width:768px) {
	.navigation ul li a:hover {
	background:none;
	color:#bec3e3;
	padding:5px 40px;
}
ul.menu {
	padding:0;
}
}

.inner-wrapper {
	max-width:900px;
	width:100%;
	margin:auto;
	display:block;
	font-family:cabin;
	padding:0 10px;
} @media screen and (max-width:668px) { .inner-wrapper { width:90%; } }
.webinar-link {
	font-style:italic;
	font-size:100%;
	color:#0000ee;
}
.partners-with {
	font-style:italic;
	font-size:120%;
	color:#0000ee;
}
.variety-content {
	text-align:center;
	max-width:850px;
	margin:auto;
}
.variety-logo {
	max-width:80px;
	width:100%;
	margin-right:10px;
}
.discount-15 {
	float:right;
	max-width:110px;
	width:100%;
	margin-left:10px;
	margin-top:-20px;
}
@media screen and (max-width:668px) {
	.variety-logo {
	float:none !important;
}
.discount-15 {
}
}
.projects {
	margin-top:10px;
	display:inline-block;
	margin-bottom:30px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 20px;
	width:100%;
}
.projects a.title {
	margin-bottom:5px;
	display:inline-block;
}
.projects img {
	float:left;
	width:100%;
	max-width:120px;
	border-radius:5px;
	-webkit-border-radius:5px;
	margin-right:8px;
}

.projects-bottom {
	margin-top:10px;
	display:inline-block;
	margin-bottom:30px;	
	padding-bottom: 20px;
	width:18%;
	float:left;
	font-size:12px;
	text-align:center;
	padding-right:1%;
	padding-left:1%;
} @media screen and (max-width:768px) {
	.projects-bottom {
		width:100%;
		margin:auto !important;
		float:none !important;
		border-bottom: 1px dotted #ccc;
	}
}
.projects-bottom a.title {
	margin-bottom:5px;
	display:inline-block;
	font-size:14px;
}
.projects-bottom img {
	width:100%;
	max-width:100px;
	border-radius:5px;
	-webkit-border-radius:5px;
}
.past-projects-description {
	width: 130px;
	display: block;
	margin: auto;
}
.thru-the-glass {
	font-size:24px;
}
.about-img {
	max-width:85px;
	width:100%;
	border-radius:10px;
	-webkit-border-radius:10px;
}
.balanced-producer {
	max-width:450px;
	width:100%;
}
.column {
	display:inline-block;
	flaot:left;
	width:40%;
	padding:1% 4%;
	vertical-align:top;
}
.column.line {
	border-right:2px dotted #999;
}
.partial {
	font-size:20px;
	text-align:center;
	color: #383E64;
	margin-top:-10px;
	clear:both;
	margin-left:-35px;
}
.representative {
	font-size:20px;
	text-align:center;
	color: #383E64;
	margin-top:0px;
	clear:both;
}
.projects-logo {
	max-width:150px;
	width:100%;
	position:absolute;
	margin-left:100px;
	margin-top:-20px;
} @media screen and (max-width:668px) { .projects-logo {position:relative;} }
.smallfont {
	font-size:10px;
}
.footer {
	font-family:cabin;
	max-width:900px;
	width:100%;
	margin:auto;
	display:table;
}
.footer strong {
	font-size:12px !important;
}
.footer-column.home {	
	width:35%;
	padding-left:15%;
}
.footer-column {	
	float:left;
	width:20%;
	padding-left:4%;
	padding-bottom:20px;
	font-size: 11px;
	margin-top:-20px;
}
@media screen and (max-width:668px) {
	.footer-column {	
	float:none;
	padding-left:10%;
	margin-bottom:22px;
}
.footer-column.home {	
	width:90%;
	padding-left:10%;
}
#two.footer-column, #three.footer-column {
		width:37% !important;
		float:left;
		margin-bottom:10px !important;
	}
#one.footer-column, #four.footer-column {
		width:90% !important;
	}
}

a#fancy_right {
    display: none !important;
}
.in-association-with {
	margin:0;
	padding:0;
	font-size:10px;
	margin: 0px 0 15px 0;
} @media screen and (max-width:668px) { .in-association-with {display:none;} }

.in-association-with-2 {
	display:none;
	font-size:10px;
	margin-bottom: 15px;
} @media screen and (max-width:668px) { .in-association-with-2 {display:block;} }

.skype_c2c_logo_img {
	display:none !important;
}
.co-production {
	margin: 6px 0 20px 0;
}