/**handles:imgareaselect**/
.imgareaselect-border1,.imgareaselect-border2,.imgareaselect-border3,.imgareaselect-border4,.imgareaselect-handle,.imgareaselect-outer{filter:alpha(opacity=50);opacity:.5}.imgareaselect-handle{background-color:#fff;border:1px solid #000}.imgareaselect-outer{background-color:#000}

body { -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

#mplat { background: url(../images/mplat-bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 140px 0; }
#mplat ul { list-style: none; padding: 0; margin: 0; position: relative; }
#mplat li { height: 0; cursor: pointer; background-size: 100% 201%; background-repeat: no-repeat; background-position: top left; float: left }
#mplat li:hover, #mplat li.active { background-position: bottom left; }
#mplat li h2 { text-align: center; font-size: 16px; line-height: 1.25em; margin: 0; padding: 0; color: white; font-family: 'Daxline'; font-weight: bold; }

#mplat1 { width: 25.373134328358%; padding-bottom: 25.373134328358%; background-image: url(../images/mplat1.png); }
#mplat2 { width: 24.502487562189%; padding-bottom: 25.373134328358%; background-image: url(../images/mplat2.png); }
#mplat3 { width: 24.751243781095%; padding-bottom: 25.373134328358%; background-image: url(../images/mplat3.png); }
#mplat4 { width: 25.373134328358%; padding-bottom: 25.373134328358%; background-image: url(../images/mplat4.png); }

#mplat5 { width: 25.373134328358%; padding-bottom: 24.751243781095%; background-image: url(../images/mplat5.png); }
#mplat6 { width: 25.373134328358%; padding-bottom: 24.751243781095%; background-image: url(../images/mplat6.png); float: right !important; margin-right: 0.01% }

#mplat7 { width: 25.373134328358%; padding-bottom: 25.373134328358%; background-image: url(../images/mplat7.png); clear: both; }
#mplat8 { width: 24.502487562189%; padding-bottom: 25.373134328358%; background-image: url(../images/mplat8.png); }
#mplat9 { width: 24.751243781095%; padding-bottom: 25.373134328358%; background-image: url(../images/mplat9.png); }
#mplat10 { width: 25.373134328358%; padding-bottom: 25.373134328358%; background-image: url(../images/mplat10.png); }

#mplat li#mplat1 h2 { margin-top: 76.225490196078%; }
#mplat li#mplat2 h2 { margin-top: 63.235294117647%; }
#mplat li#mplat3 h2 { margin-top: 63.235294117647%; }
#mplat li#mplat4 h2 { margin-top: 76.225490196078%; }
#mplat li#mplat5 h2 { margin-top: 64.824120603015%; padding-right: 8%; }
#mplat li#mplat6 h2 { margin-top: 64.824120603015%; padding-left: 14%; }
#mplat li#mplat7 h2 { margin-top: 65.686274509804%; padding-left: 10%; }
#mplat li#mplat10 h2 { margin-top: 65.686274509804%; padding-right: 10%; }
#mplat li#mplat8 h2, #mplat li#mplat9 h2 { margin-top: 73%; }

#mplat .platform-content { width: 58.333333333333%; height: 0; padding-bottom: 33.582089552239%; position: absolute; left: 21.019900497512%; margin-top: 20%; background: #213037; border: 7px solid #83b0c5; z-index: 2;
	text-align: center; font-size: 16px; line-height: 22px; color: white; font-family: 'Oxygen'; font-weight: 300;
	-webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; border-radius: 35px; }
#mplat .platform-content > div { padding: 0 10%; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); display: none; }
#mplat .platform-content > div.active { display: block; }
#mplat .platform-content > div h2 { font-size: 26px; line-height: 29px; font-family: 'Daxline'; font-weight: bold; }

#mplat .platform-content > div.mplat0 img { max-width: 60%; }
#mplat .platform-content > div.mplat1 h2, #mplat .platform-content > div.mplat3 h2, #mplat .platform-content > div.mplat5 h2, #mplat .platform-content > div.mplat9 h2, #mplat .platform-content > div.mplat7 h2 { color: #71bf44; }
#mplat .platform-content > div.mplat2 h2 { color: #83b0c5; }
#mplat .platform-content > div.mplat4 h2 { color: #759fd4; }
#mplat .platform-content > div.mplat6 h2 { color: #ef3f4a; }
#mplat .platform-content > div.mplat8 h2 { color: #9e8dc3; }
#mplat .platform-content > div.mplat10 h2 { color: #0bb3c1; }

.nowrap { white-space: nowrap; }

#mplat-m-logo { text-align: center; margin: 0 0 15px; }
#mplat-m-logo img { max-width: 60%; }

#mplat-m { background: url(../images/mplat-bg.jpg) no-repeat 50% 50%; background-size: cover; padding: 15px 0; min-height: 100vh }
#mplat-m ul { list-style: none; padding: 0; margin: 0; position: relative; background: url(../images/mplat-m-bg.png) no-repeat center center; background-size: 100.5%; float: left; width: 100%; }
#mplat-m li { height: 0; width: 33.333%; cursor: pointer; padding-bottom: 32.916666666667%; background-size: 100.5%; background-repeat: no-repeat; background-position: top left; float: left }
#mplat-m li:hover { background-position: bottom left; }

#mplat-m li h2 { font-size: 12px; text-align: center; color: white; font-family: 'DaxlinePro'; margin: 0; padding: 0 25px; padding-top: 67%; }

#mplat-m #mplat-m-1 { background-image: url(../images/mplat-m-1.png); }
#mplat-m #mplat-m-2 { background-image: url(../images/mplat-m-2.png); }
#mplat-m #mplat-m-3 { background-image: url(../images/mplat-m-3.png); }
#mplat-m #mplat-m-4 { background-image: url(../images/mplat-m-4.png); }
#mplat-m #mplat-m-5 { background-image: url(../images/mplat-m-5.png); float: right; }
#mplat-m #mplat-m-6 { background-image: url(../images/mplat-m-6.png); clear: right; }
#mplat-m #mplat-m-7 { background-image: url(../images/mplat-m-7.png); float: right; }
#mplat-m #mplat-m-8 { background-image: url(../images/mplat-m-8.png); clear: right; }
#mplat-m #mplat-m-9 { background-image: url(../images/mplat-m-9.png); }
#mplat-m #mplat-m-10 { background-image: url(../images/mplat-m-10.png); }

#mplat-m #mplat-m-6 h2 { padding-left: 20px; padding-right: 20px; }

#mplat-m-content { text-align: center; padding-top: 20px; clear: both; }
#mplat-m-content div { display: none; font-size: 13px; line-height: 15px; }
#mplat-m-content div.active { display: block; font-family: 'Oxygen',Helvetica,Arial,sans-serif; font-weight: 300; }
#mplat-m-content div h2 { font-size: 14px; font-family: 'DaxlinePro'; color: #83b0c5; margin: 0 0 10px; }

#mplat-m-content div h2.mplat-green { color: #71bf44; }
#mplat-m-content div h2.mplat-lilac { color: #759fd4; }
#mplat-m-content div h2.mplat-red { color: #ef3f4a; }
#mplat-m-content div h2.mplat-blue { color: #0bb3c1; }
#mplat-m-content div h2.mplat-purple { color: #9e8dc3; }

.section-content-list h2 { font-family: 'Oxygen',Helvetica,Arial,sans-serif; }

.header-page #page-title { font-weight: 100; font-size: 33px; margin: 223px 0 0px 0; }

.page-id-192 .section-check-list .item-title, .page-id-737 .section-check-list .item-title, .page-id-739 .section-check-list .item-title, .page-id-741 .section-check-list .item-title, .page-id-939 .section-check-list .item-title { margin-bottom: 0px; }

.page-id-192 .section-check-list .item-content, .page-id-737 .section-check-list .item-content, .page-id-739 .section-check-list .item-content, .page-id-741 .section-check-list .item-content, .page-id-939 .section-check-list .item-content { display: none; }

.page-id-192 .section-check-list, .page-id-737 .section-check-list, .page-id-739 .section-check-list, .page-id-741 .section-check-list, .page-id-939 .section-check-list { margin-bottom: 0px !important; }

.page-id-192 .section-check-list .col-item, .page-id-737 .section-check-list .col-item, .page-id-739 .section-check-list .col-item, .page-id-741 .section-check-list .col-item, .page-id-939 .section-check-list .col-item { margin-bottom: 0px; }

#countries { margin-top: 100px; }

#slider { background-size: inherit; }

.search-result p { font-size: 17px !important; line-height: 24px !important; margin: 0 0 20px; }
.search-result { margin-bottom: 70px; }
.search-result .btn-primary { color: #52848d !important; background: white !important; border-color: #52848d !important; font-weight: bold; padding: 3px 6px; }

#five-pagination { list-style: none; padding: 0; margin: 0; font-size: 0; text-align: left; }
#five-pagination li { display: inline-block; margin: 0 5px 0 0; }
#five-pagination li a { display: block; padding: 4px 12px; background: #52848d; border: 1px solid #52848d; font-size: 17px; font-weight: bold; color: white; }
#five-pagination li.active a { color: #52848d; background: white; border-color: #52848d; }
	
@media (max-width: 400px) {
	
	#mplat-m li h2 { font-size: 11px; }
	#mplat-m-content { padding-top: 15px; }
	#mplat-m-content div h2 { margin-bottom: 5px; }
	
}

@media (max-width: 320px) {
	
	#mplat-m li h2 { font-size: 10px; padding-top: 66%; padding-left: 15px; padding-right: 15px; }	
	#mplat-m-logo img { max-width: 40%; }
	#mplat-m-logo { margin-bottom: 10px; }
	
}