﻿/* ==========================================================================
   Modules

   filename:		modules.css
   theme        	pex
   description: 	General & core styling for modules, module specific 
   					styles should be place in coresponding module css file.
   ========================================================================== */

.theme-pex.module {
	margin: 0 auto 42px;
	position: relative;
}

.theme-pex .is-first-module:not(.module-hero) { margin-top: 17px; }
.theme-pex .lt-ie9 .is-first-module { margin-top: 17px; }

.theme-pex .module--header {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	/*margin: 17px auto 13px;*/
	margin: 0 auto 13px;
	max-width: 1205px;
	min-height: 36px;
	padding: 0 100px 0 105px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
}

.theme-pex .lt-ie9 .is-first-module.module-hero { margin-top: 0; }

/*.theme-pex .side { overflow: hidden; }*/
.theme-pex .side .module--header { margin-top: 0; }

.theme-pex .module--heading {
	color: #5b5b58;
	font-family: "ReefontCondensed"; 
	font-size: 40px; 
	font-weight: normal;
	line-height: 1.1;
	width: 76%;
}

.theme-pex .module--header-link {
	bottom: 3px;
	color: #8C8C8C;
 	font-family: "ReefontBold"; 
	font-size: 13px;
	position: absolute;
	right: 100px;
    text-align: right;
	text-decoration: none;
	text-transform: capitalize;
    width: 19%;
 }

.theme-pex .module--header-link:hover, 
.theme-pex .module--header-link:focus { text-decoration: underline; }

.theme-pex .module--content {
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    margin: 0 auto;
    max-width: 1205px;
    position: relative;
}

.theme-pex .module--content.width-medium { max-width: 995px; }

.theme-pex .module--content .module--content-inner { 
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.theme-pex .module--item {
	cursor: pointer;
	position: absolute;
}

/* fix for google maps images, override ".rbkltd img" */
.theme-pex .module--item .gm-style img{ max-width: none; }

.theme-pex .no-js .module--item { cursor: auto; }

.theme-pex .module--text { background-color: #c2413e; }

.theme-pex .module--text-inner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 0;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.theme-pex .module--category {
	color: #ddd;
	color: rgba(255, 255, 255, .5);
	display: block;
	font-family: "colfax-web-bold", Impact, "Archivo Black";
	line-height: 1;
	max-width: 100%;
	overflow: hidden;
	padding: 0.1em 0 4px 0;
	text-decoration: none;

	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.theme-pex .module--title {
	color: #fff;
	font-family: "colfax-web-black", Impact, "Archivo Black";
	font-weight: normal;
	letter-spacing: -0.045em;
	line-height: 1;
	margin: 0 0 16px;
	overflow: hidden;
	padding-top: 0.15em;

	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-transform: uppercase;
}

/* FH-1507 */
.language-en.theme-pex .module--title,
.language-en-GB.theme-pex .module--title,
.language-en-US.theme-pex .module--title {
	line-height: 0.9em;
}

.language-de-DE.theme-pex .module--title { letter-spacing: 0.0227em; }
.language-ru-RU.theme-pex .module--title { letter-spacing: normal; 	line-height: 1.1em; }


.theme-pex .module--body {
	color: #fff;
	font-size: 18px;
	line-height: 19px;
}

.theme-pex .module--link {
	color: #fff;
	font-size: 20px;
	height: 20px;
    line-height: 1;
	min-width: 20px;
	position: absolute;
	text-decoration: none;
	width: auto;
}

.theme-pex .module--link .text {
	color: #f2f2f2;
	display: inline-block;
	font-size: 13px;
	padding-right: 25px;
	vertical-align: 10%;
}

/* Modifiers
   ========================================================================== */

/* Shadows */
.theme-pex.module .top-shadow {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.07) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.07) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	height: 20px;
	position: absolute;
	top: 0;
	width: 100%;
}

.theme-pex.module .bottom-shadow {
	bottom: 0;
	height: 20px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(100%,rgba(0,0,0,0.07))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#12000000',GradientType=0 ); /* IE6-9 */
	position: absolute;
	width: 100%;
}

/* Size 1 */
.theme-pex .module--text_size_1 {
	width: 695px;
	height: 495px;
}

.theme-pex .module--text_size_1 .module--text-inner { padding: 30px 20px 20px; }
.theme-pex .module--text_size_1 .module--title_type_primary { font-size: 85px; }
.theme-pex .module--text_size_1 .module--title_type_secondary { font-size: 65px; }
.theme-pex .module--text_size_1 .module--body { padding-right: 22px; }

.theme-pex .module--text_size_1 .module--link {
	bottom: 20px;
	right: 20px;
}

/* Size 2 */
.theme-pex .module--text_size_2 {
	height: 89.4855% /* 400 / 447 */;
	width: 62.2642% /* 495 / 795 */;
}

.theme-pex .module--text_size_2 .module--text-inner { padding: 20px; } /*differs from the padding in the styleguide, FH-1316*/
.theme-pex .module--text_size_2 .module--title_type_primary { font-size: 60px; margin-bottom: 8px; }
.theme-pex .module--text_size_2 .module--title_type_secondary { font-size: 38px; }
.theme-pex .module--text_size_2 .module--body { padding-right: 22px; }

.theme-pex .module--text_size_2 .module--link {
	bottom: 20px;
	right: 20px;
}

/* Size 3 */
.theme-pex .module--text_size_3 {
	height: 295px;
	width: 100%;
}

.theme-pex .module--text_size_3 .module--text-inner { padding: 20px; }
.theme-pex .module--text_size_3 .module--title_type_primary { font-size: 68px; } /* differs from styleguide (85px), FH-1654 */
.theme-pex .module--text_size_3 .module--title_type_secondary { font-size: 38px; }
.theme-pex .module--text_size_3 .module--body { padding-right: 22px; }

.theme-pex .module--text_size_3 .module--link {
	bottom: 20px;
	right: 20px;
}

/* Size 4 */
.theme-pex .module--text_size_4 {
	height: 200px;
	width: 386px;
}

.theme-pex .module--text_size_4 .module--text-inner { padding: 20px 20px 10px 20px; }
.theme-pex .module--text_size_4 .module--title_type_primary { font-size: 36px; }
.theme-pex .module--text_size_4 .module--title_type_secondary { font-size: 27px; }
.theme-pex .module--text_size_4 .module--body { padding-right: 12px; }

.theme-pex .module--text_size_4 .module--link {
	bottom: 10px;
	right: 10px;
}

/* Size 5 */
.theme-pex .module--text_size_5 {
	height: 195px;
	width: 345px;
}

.theme-pex .module--text_size_5 .module--text-inner { padding: 20px 10px 10px 20px; }
.theme-pex .module--text_size_5 .module--title_type_primary { font-size: 34px; } /*2px smaller than styleguide to compensate for line-height*/
.theme-pex .module--text_size_5 .module--title_type_secondary { font-size: 27px; }
.theme-pex .module--text_size_5 .module--body { padding-right: 12px; }

.theme-pex .module--text_size_5 .module--link {
	bottom: 10px;
	right: 10px;
}

/* Size 6 */
.theme-pex .module--text_size_6 {
	height: 245px;
	width:100%;
}

.theme-pex .module--text_size_6 .module--text-inner { padding: 20px 10px 10px; }
.theme-pex .module--text_size_6 .module--title_type_primary { font-size: 24px; }
.theme-pex .module--text_size_6 .module--title_type_secondary { font-size: 16px; }
.theme-pex .module--text_size_6 .module--body { padding-right: 12px; }

.theme-pex .module--text_size_6 .module--link {
	bottom: 10px;
	right: 10px;
}

/* Size 7 */
.theme-pex .module--text_size_7 {
	height: 295px;
	width: 295px;
}

.theme-pex .module--text_size_7 .module--text-inner { padding: 20px 10px 10px 20px; }
.theme-pex .module--text_size_7 .module--title_type_primary { font-size: 65px; }
.theme-pex .module--text_size_7 .module--title_type_secondary { font-size: 35px; }
.theme-pex .module--text_size_7 .module--body { padding-right: 12px; }

.theme-pex .module--text_size_7 .module--link {
	bottom: 10px;
	right: 10px;
}

/* Size 8 */
.theme-pex .module--text_size_8 {
	height: 338px;
	width: 400px;
}

.theme-pex .module--text_size_8 .module--text-inner { padding: 20px; }
.theme-pex .module--text_size_8 .module--title_type_primary  { font-size: 65px; }
.theme-pex .module--text_size_8 .module--title_type_secondary { font-size: 40px; }
.theme-pex .module--text_size_8 .module--body { padding-right: 22px; }

.theme-pex .module--text_size_8 .module--link {
	bottom: 20px;
	right: 20px;
}

/* Size 9 */
.theme-pex .module--text_size_9 {
	height: 295px;
	height: 100%;
	width: 100%;
}

.theme-pex .module--text_size_9 .module--text-inner { padding: 20px; }
.theme-pex .module--text_size_9 .module--title_type_primary { font-size: 65px; }
.theme-pex .module--text_size_9 .module--title_type_secondary { font-size: 45px; }
.theme-pex .module--text_size_9 .module--body { padding-right: 22px; }

.theme-pex .module--text_size_9 .module--link { 	
	bottom: 20px;
	right: 20px;
} 

.theme-pex .module--text_size_10 {
	height: 170px;
	width: 100%;
}

.theme-pex .module--text_size_10 .module--text-inner { padding: 10px; }
.theme-pex .module--text_size_10 .module--title_type_primary { font-size: 20px; }
.theme-pex .module--text_size_10 .module--title_type_secondary { font-size: 20px; }
/*.theme-pex .module--text_size_4 .module--body {}*/
/*.theme-pex .module--text_size_10 .module--link {}*/
 
.theme-pex .module--text_size_11 {
	height: 495px;
	width: 100%;
}

.theme-pex .module--text_size_11 .module--text-inner { padding: 20px; }
.theme-pex .module--text_size_11 .module--title_type_primary { font-size: 65px; }
.theme-pex .module--text_size_11 .module--title_type_secondary { font-size: 45px; }
.theme-pex .module--text_size_11 .module--body { padding-right: 22px; }

.theme-pex .module--text_size_11 .module--link {
	bottom: 20px;
	right: 20px;
}

.theme-pex .icon_play:before {
	margin-left: 3px;
}

.theme-pex .article--main-media-container .icon_play:before {
	margin-left: 7px;
}


@media (min-width: 980px)  and (max-width: 1150px) { 
	/* Modifiers
   	========================================================================== */

	/* Size 2 */
	.theme-pex .module--text_size_2 .module--title_type_primary { font-size: 40px; }
	.theme-pex .module--text_size_2 .module--title_type_secondary { font-size: 32px; }

	/* Size 3 */
    .theme-pex .module--text_size_3 .module--title_type_primary { font-size: 58px; }
	.theme-pex .module--text_size_3 .module--title_type_secondary { font-size: 28px; }

	/* Size 4 */
	.theme-pex .module--text_size_4 .module--title_type_primary { font-size: 28px; }
	.theme-pex .module--text_size_4 .module--title_type_secondary { font-size: 20px; }

	/* Size 5 */
	.theme-pex .module--text_size_5 .module--title_type_primary { font-size: 28px; }
	.theme-pex .module--text_size_5 .module--title_type_secondary { font-size: 22px; }

	/* Size 6  */
	.theme-pex .module--text_size_6 .module--title_type_primary { font-size: 18px; }

	/* Size 9 */
	.theme-pex .module--text_size_9 .module--title_type_primary { font-size: 50px; }
	.theme-pex .module--text_size_9 .module--title_type_secondary { font-size: 36px; }
}

@media (min-width: 768px) and (max-width: 979px) {
	.theme-pex .module--header { 
		padding-left: 65px;
		padding-right: 65px;
	}

	.theme-pex .module--header-link { right: 65px;	}

	.theme-pex .module--category {
		font-size: 10px;
		line-height: 13px;
	}
	
	.theme-pex .module--title {
		margin-bottom: 8px; 
	}

	.theme-pex .module--body {
		font-size: 12px;
        line-height: 14px;
	}

	/* Modifiers
   	========================================================================== */

	/* Size 2 */
	.theme-pex .module--text_size_2 .module--title_type_primary { font-size: 40px; }
	.theme-pex .module--text_size_2 .module--title_type_secondary { font-size: 24px; }
	.theme-pex .module--text_size_2 .module--text-inner { padding: 10px; }
	.theme-pex .module--text_size_2 .module--body { padding-right: 12px; }
	.theme-pex .module--text_size_2 .module--link {
		bottom: 10px;
		right: 10px;
	}

	/* Size 3 */
	.theme-pex .module--text_size_3 .module--title_type_primary { font-size: 53px; }
	.theme-pex .module--text_size_3 .module--title_type_secondary { font-size: 24px; }
	.theme-pex .module--text_size_3 .module--text-inner { padding: 10px 25px 10px 10px; }
	.theme-pex .module--text_size_3 .module--body { padding-right: 12px; }
	.theme-pex .module--text_size_3 .module--link {
		bottom: 10px;
		right: 10px;
	}

	/* Size 4 */
	.theme-pex .module--text_size_4 .module--title_type_primary { font-size: 22px; }
	.theme-pex .module--text_size_4 .module--title_type_secondary { font-size: 17px; }
	.theme-pex .module--text_size_4 .module--text-inner { padding: 10px; }

	/* Size 5 */
	.theme-pex .module--text_size_5 .module--title_type_primary { font-size: 22px; }
	.theme-pex .module--text_size_5 .module--title_type_secondary { font-size: 15px; }
	.theme-pex .module--text_size_5 .module--text-inner { padding: 10px; } 

	/* Size 6  */
	.theme-pex .module--text_size_6 .module--title_type_primary { font-size: 15px; }
	.theme-pex .module--text_size_6 .module--title_type_secondary { font-size: 13px; }

	/* Size 7 */
	.theme-pex .module--text_size_7 .module--title_type_primary { font-size: 35px; }
	.theme-pex .module--text_size_7 .module--title_type_secondary { font-size: 24px; }
	.theme-pex .module--text_size_7 .module--text-inner { padding: 10px; }

	/* Size 8 */
	.theme-pex .module--text_size_8 .module--title_type_primary { font-size: 43px; }
	.theme-pex .module--text_size_8 .module--title_type_secondary { font-size: 26px; }
	.theme-pex .module--text_size_8 .module--text-inner { padding: 10px; }
	.theme-pex .module--text_size_8 .module--body { padding-right: 12px; }
	.theme-pex .module--text_size_8 .module--link {
		bottom: 10px;
		right: 10px;
	}

	/* Size 9 */
	.theme-pex .module--text_size_9 .module--title_type_primary { font-size: 40px; }
	.theme-pex .module--text_size_9 .module--title_type_secondary { font-size: 24px; }
	.theme-pex .module--text_size_9 .module--text-inner { padding: 10px; }
	.theme-pex .module--text_size_9 .module--body { padding-right: 12px; }
	.theme-pex .module--text_size_9 .module--link {
		bottom: 10px;
		right: 10px;
	}

	/* Size 10 */
	.theme-pex .module--text_size_10 .module--title_type_primary { font-size: 12px; }
	.theme-pex .module--text_size_10 .module--title_type_secondary { font-size: 12px; }
	.theme-pex .module--text_size_10 .module--text-inner { padding: 10px; }

	/* Size 11 */
	.theme-pex .module--text_size_11 .module--title_type_primary { font-size: 40px; }
	.theme-pex .module--text_size_11 .module--title_type_secondary { font-size: 24px; }
	.theme-pex .module--text_size_11 .module--text-inner { padding: 10px; }
	.theme-pex .module--text_size_11 .module--body { padding-right: 12px; }
	.theme-pex .module--text_size_11 .module--link {
		bottom: 10px;
		right: 10px;
	}

}

@media only screen and (max-width : 767px)  {
	.theme-pex.module { margin-bottom: 80px; }
	.theme-pex .module--heading { font-size: 36px; }

	
	.theme-pex .module--header { 
		margin-bottom: 18px;
		padding-left: 30px;
		padding-right: 30px;
	}

    /* fix for android mobile. read more:
       http://stackoverflow.com/questions/8508889/android-autofit-mode-causing-issues-with-css-width-in-web-page */
    .theme-pex .module--text-inner .module--title,
    .theme-pex .module--heading {
		background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
		background-repeat: repeat;
    }

	.theme-pex .module--header-link { right: 30px; }
	.theme-pex .module--category { 
		font-size: 20px; 
		padding-bottom: 0;
	}
	.theme-pex .module--text-inner .module--title { padding-top: 8px; }
	.theme-pex .module--text-inner .module--body { visibility: hidden; }
	.theme-pex .module--link { 
		font-size: 30px;
		height: 30px;
		min-width: 30px;
	}


	.theme-pex .module--text_size_2 .module--link,
	.theme-pex .module--text_size_3 .module--link, 
	.theme-pex .module--text_size_9 .module--link {
		bottom: 10px; 
		right: 10px;
	}
}	