body {
	height: 100%;
	font-family: arial, tahoma, sans-serif;
	text-align: center;
	font-weight: normal;
	color: #444444;
	
	background-color: #000000;
	
	font-size: 14px;
	line-height: 21px;
	margin: auto;
	margin-top: 0px;
}

h2 {

	font-family: 'Montserrat', arial, verdana, sans-serif;
	font-size: 45px;
	line-height: 50px;
	font-weight: normal;
	text-transform: normal;
	color: #ffffff;
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
	transition: transform 3s;
}

.demo-image {
	cursor: url("../img/plus_cursor.png") 25 25, pointer;
	display: inline-block;
	width: 350px;
	height: 200px;
	background-size: cover;
	background-position: 50% 50%;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 16px;

	&.a01 {
		background-image: url("../img/0001.jpg");
	}
	&.a02 {
		background-image: url("../img/0002.jpg");
	}
	&.a03 {
		background-image: url("../img/0003.jpg");
	}
	&.a04 {
		background-image: url("../img/0004.jpg");
	}
	&.a05 {
		background-image: url("../img/0005.jpg");
	}
	&.a06 {
		background-image: url("../img/0006.jpg");
	}
	&.a07 {
		background-image: url("../img/0007.jpg");
	}
	&.a08 {
		background-image: url("../img/0008.jpg");
	}
	&.a09 {
		background-image: url("../img/0009.jpg");
	}
	&.a10 {
		background-image: url("../img/0010.jpg");
	}
	&.a11 {
		background-image: url("../img/0011.jpg");
	}
	&.a12 {
		background-image: url("../img/0012.jpg");
	}
	&.a13 {
		background-image: url("../img/0013.jpg");
	}
	&.a14 {
		background-image: url("../img/0014.jpg");
	}
	&.a15 {
		background-image: url("../img/0015.jpg");
	}
	&.a16 {
		background-image: url("../img/0016.jpg");
	}
	&.a17 {
		background-image: url("../img/0017.jpg");
	}
	&.a18 {
		background-image: url("../img/0018.jpg");
	}
	&.a19 {
		background-image: url("../img/0019.jpg");
	}
	&.a20 {
		background-image: url("../img/0020.jpg");
	}
	
	&.a21 {
		background-image: url("../img/0021.jpg");
	}
	&.a22 {
		background-image: url("../img/0022.jpg");
	}
	&.a23 {
		background-image: url("../img/0023.jpg");
	}
	&.a24 {
		background-image: url("../img/0024.jpg");
	}
	&.a25 {
		background-image: url("../img/0025.jpg");
	}
	&.a26 {
		background-image: url("../img/0026.jpg");
	}
	&.a27 {
		background-image: url("../img/0027.jpg");
	}
	&.a28 {
		background-image: url("../img/0028.jpg");
	}
	&.a29 {
		background-image: url("../img/0029.jpg");
	}
	&.a30 {
		background-image: url("../img/0030.jpg");
	}
	&.a31 {
		background-image: url("../img/0031.jpg");
	}
	&.a32 {
		background-image: url("../img/0032.jpg");
	}
	&.a33 {
		background-image: url("../img/0033.jpg");
	}
	&.a34 {
		background-image: url("../img/0034.jpg");
	}
	&.a35 {
		background-image: url("../img/0035.jpg");
	}
	&.a36 {
		background-image: url("../img/0036.jpg");
	}
	&.a37 {
		background-image: url("../img/0037.jpg");
	}
	&.a38 {
		background-image: url("../img/0038.jpg");
	}
	&.a39 {
		background-image: url("../img/0039.jpg");
	}
	&.a40 {
		background-image: url("../img/0040.jpg");
	}
	&.a41 {
		background-image: url("../img/0041.jpg");
	}
	&.a42 {
		background-image: url("../img/0042.jpg");
	}
	&.a43 {
		background-image: url("../img/0043.jpg");
	}
	&.a44 {
		background-image: url("../img/0044.jpg");
	}
	&.a45 {
		background-image: url("../img/0045.jpg");
	}
	&.a46 {
		background-image: url("../img/0046.jpg");
	}
	&.a47 {
		background-image: url("../img/0047.jpg");
	}
	&.a48 {
		background-image: url("../img/0048.jpg");
	}
	&.a49 {
		background-image: url("../img/0049.jpg");
	}
	&.a50 {
		background-image: url("../img/0050.jpg");
	}
	&.a51 {
		background-image: url("../img/0051.jpg");
	}
	&.a52 {
		background-image: url("../img/0052.jpg");
	}
	&.a53 {
		background-image: url("../img/0053.jpg");
	}
	&.a54 {
		background-image: url("../img/0054.jpg");
	}
	&.a55 {
		background-image: url("../img/0055.jpg");
	}
	&.a56 {
		background-image: url("../img/0056.jpg");
	}
	&.a57 {
		background-image: url("../img/0057.jpg");
	}
	&.a58 {
		background-image: url("../img/0058.jpg");
	}
	&.a59 {
		background-image: url("../img/0059.jpg");
	}
	&.a60 {
		background-image: url("../img/0060.jpg");
	}
	&.a61 {
		background-image: url("../img/0061.jpg");
	}
	&.a62 {
		background-image: url("../img/0062.jpg");
	}
	&.a63 {
		background-image: url("../img/0063.jpg");
	}
	&.a64 {
		background-image: url("../img/0064.jpg");
	}
	&.a65 {
		background-image: url("../img/0065.jpg");
	}
	&.a66 {
		background-image: url("../img/0066.jpg");
	}
	&.a67 {
		background-image: url("../img/0067.jpg");
	}
	&.a68 {
		background-image: url("../img/0068.jpg");
	}
	&.a69 {
		background-image: url("../img/0069.jpg");
	}
	&.a70 {
		background-image: url("../img/0070.jpg");
	}
	&.a71 {
		background-image: url("../img/0071.jpg");
	}
	&.a72 {
		background-image: url("../img/0072.jpg");
	}
	&.a73 {
		background-image: url("../img/0073.jpg");
	}
	&.a74 {
		background-image: url("../img/0074.jpg");
	}
	&.a75 {
		background-image: url("../img/0075.jpg");
	}
	&.a76 {
		background-image: url("../img/0076.jpg");
	}
	&.a77 {
		background-image: url("../img/0077.jpg");
	}
	&.a78 {
		background-image: url("../img/0078.jpg");
	}
	&.a79 {
		background-image: url("../img/0079.jpg");
	}
	&.a80 {
		background-image: url("../img/0080.jpg");
	}
	&.a81 {
	background-image: url("../img/0081.jpg");
	}
	
	&.a82 {
	background-image: url("../img/0082.jpg");
	}
	&.a83 {
	background-image: url("../img/0083.jpg");
	}
	&.a84 {
	background-image: url("../img/0084.jpg");
	}
	&.a85 {
	background-image: url("../img/0085.jpg");
	}
	&.a86 {
	background-image: url("../img/0086.jpg");
	}
	&.a87 {
	background-image: url("../img/0087.jpg");
	}
	&.a88 {
	background-image: url("../img/0088.jpg");
	}
	&.a89 {
	background-image: url("../img/0089.jpg");
	}
	&.a90 {
	background-image: url("../img/0090.jpg");
	}
	&.a91 {
	background-image: url("../img/0091.jpg");
	}
	&.a92 {
	background-image: url("../img/0092.jpg");
	}
	&.a93 {
	background-image: url("../img/0093.jpg");
	}
	&.a94 {
	background-image: url("../img/0094.jpg");
	}
	&.a95 {
	background-image: url("../img/0095.jpg");
	}
	&.a96 {
	background-image: url("../img/0096.jpg");
	}
	&.a97 {
	background-image: url("../img/0097.jpg");
	}
	
	&.a98 {
	background-image: url("../img/0098.jpg");
	}
	
	&.a99 {
	background-image: url("../img/0099.jpg");
	}
	
	&.a100 {
	background-image: url("../img/0100.jpg");
	}
	
	&.a101 {
	background-image: url("../img/0101.jpg");
	}
	
	&.a102 {
	background-image: url("../img/0102.jpg");
	}
	
	&.a103 {
	background-image: url("../img/0103.jpg");
	}
	
	&.a104 {
	background-image: url("../img/0104.jpg");
	}
	
	&.a105 {
	background-image: url("../img/0105.jpg");
	}
	
	&.a106 {
	background-image: url("../img/0106.jpg");
	}
	
	&.a107 {
	background-image: url("../img/0107.jpg");
	}
	
	
	
	
	
	
	
	
	
	
	
	&.a200 {
	background-image: url("../img/0200.jpg");
	}
	&.a201 {
	background-image: url("../img/0201.jpg");
	}
	&.a202 {
	background-image: url("../img/0202.jpg");
	}
	&.a203 {
	background-image: url("../img/0203.jpg");
	}
	&.a204 {
	background-image: url("../img/0204.jpg");
	}
	&.a205 {
	background-image: url("../img/0205.jpg");
	}
	&.a206 {
	background-image: url("../img/0206.jpg");
	}
	&.a207 {
	background-image: url("../img/0207.jpg");
	}
	&.a208 {
	background-image: url("../img/0208.jpg");
	}
	&.a209 {
	background-image: url("../img/0209.jpg");
	}
	&.a210 {
	background-image: url("../img/0210.jpg");
	}
	&.a211 {
	background-image: url("../img/0211.jpg");
	}
	&.a212 {
	background-image: url("../img/0212.jpg");
	}
	&.a213 {
	background-image: url("../img/0213.jpg");
	}	
	&.a214 {
	background-image: url("../img/0214.jpg");
	}	
	&.a215 {
	background-image: url("../img/0215.jpg");
	}	
	&.a216 {
	background-image: url("../img/0216.jpg");
	}	
	&.a217 {
	background-image: url("../img/0217.jpg");
	}	
	&.a218 {
	background-image: url("../img/0218.jpg");
	}	
	&.a219 {
	background-image: url("../img/0219.jpg");
	}	
	&.a220 {
	background-image: url("../img/0220.jpg");
	}	

	&.a221 {
	background-image: url("../img/0221.jpg");
	}	
	&.a222 {
	background-image: url("../img/0222.jpg");
	}	
	&.a223 {
	background-image: url("../img/0223.jpg");
	}	
	&.a224 {
	background-image: url("../img/0224.jpg");
	}	
	&.a225 {
	background-image: url("../img/0225.jpg");
	}	
	&.a226 {
	background-image: url("../img/0226.jpg");
	}	
	&.a227 {
	background-image: url("../img/0227.jpg");
	}	
	&.a228 {
	background-image: url("../img/0228.jpg");
	}	
	&.a229 {
	background-image: url("../img/0229.jpg");
	}	
	&.a230 {
	background-image: url("../img/0230.jpg");
	}		
	&.a231 {
	background-image: url("../img/0231.jpg");
	}
	&.a232 {
	background-image: url("../img/0232.jpg");
	}
	&.a233 {
	background-image: url("../img/0233.jpg");
	}
	&.a234 {
	background-image: url("../img/0234.jpg");
	}
	&.a235 {
	background-image: url("../img/0235.jpg");
	}
	&.a236 {
	background-image: url("../img/0236.jpg");
	}
	&.a237 {
	background-image: url("../img/0237.jpg");
	}
	&.a238 {
	background-image: url("../img/0238.jpg");
	}
	&.a239 {
	background-image: url("../img/0239.jpg");
	}
	&.a240 {
	background-image: url("../img/0240.jpg");
	}

	&.a241 {
	background-image: url("../img/0241.jpg");
	}
	&.a242 {
	background-image: url("../img/0242.jpg");
	}
	&.a243 {
	background-image: url("../img/0243.jpg");
	}
	&.a244 {
	background-image: url("../img/0244.jpg");
	}
	&.a245 {
	background-image: url("../img/0245.jpg");
	}
	&.a246 {
	background-image: url("../img/0246.jpg");
	}
	&.a247 {
	background-image: url("../img/0247.jpg");
	}
	&.a248 {
	background-image: url("../img/0248.jpg");
	}
	&.a249 {
	background-image: url("../img/0249.jpg");
	}
	&.a250 {
	background-image: url("../img/0250.jpg");
	}
	&.a251 {
	background-image: url("../img/0251.jpg");
	}
	&.a252 {
	background-image: url("../img/0252.jpg");
	}
	&.a253 {
	background-image: url("../img/0253.jpg");
	}
	&.a254 {
	background-image: url("../img/0254.jpg");
	}
	&.a255 {
	background-image: url("../img/0255.jpg");
	}
	&.a256 {
	background-image: url("../img/0256.jpg");
	}
	&.a257 {
	background-image: url("../img/0257.jpg");
	}
	&.a258 {
	background-image: url("../img/0258.jpg");
	}

	&.a259 {
	background-image: url("../img/0259.jpg");
	}	
	&.a260 {
	background-image: url("../img/0260.jpg");
	}	
	&.a261 {
	background-image: url("../img/0261.jpg");
	}	
	&.a262 {
	background-image: url("../img/0262.jpg");
	}	
	&.a263 {
	background-image: url("../img/0263.jpg");
	}
	&.a264 {
	background-image: url("../img/0264.jpg");
	}	
	&.a265 {
	background-image: url("../img/0265.jpg");
	}		
	&.a266 {
	background-image: url("../img/0266.jpg");
	}	
	&.a267 {
	background-image: url("../img/0267.jpg");
	}
	
	&.a268 {
	background-image: url("../img/0268.jpg");
	}
	
	&.a269 {
	background-image: url("../img/0269.jpg");
	}
	
	&.a270 {
	background-image: url("../img/0270.jpg");
	}
	
	&.a271 {
	background-image: url("../img/0271.jpg");
	}
	
	&.a272 {
	background-image: url("../img/0272.jpg");
	}
	
	
	
	
	
	&.a300 {
	background-image: url("../img/0300.jpg");
	}	

	&.a301 {
	background-image: url("../img/0301.jpg");
	}		
	
	&.a302 {
	background-image: url("../img/0302.jpg");
	}		
	
	&.a303 {
	background-image: url("../img/0303.jpg");
	}		
	
	&.a304 {
	background-image: url("../img/0304.jpg");
	}		
	
	&.a305 {
	background-image: url("../img/0305.jpg");
	}		
	
	&.a306 {
	background-image: url("../img/0306.jpg");
	}		
	
	&.a307 {
	background-image: url("../img/0307.jpg");
	}		
	
	&.a308 {
	background-image: url("../img/0308.jpg");
	}		
	
	&.a309 {
	background-image: url("../img/0309.jpg");
	}		
	
	&.a310 {
	background-image: url("../img/0310.jpg");
	}

	&.a311 {
	background-image: url("../img/0311.jpg");
	}	
	&.a312 {
	background-image: url("../img/0312.jpg");
	}	
	&.a313 {
	background-image: url("../img/0313.jpg");
	}	
	&.a314 {
	background-image: url("../img/0314.jpg");
	}	
	&.a315 {
	background-image: url("../img/0315.jpg");
	}	
	&.a316 {
	background-image: url("../img/0316.jpg");
	}	
	&.a317 {
	background-image: url("../img/0317.jpg");
	}	
	&.a318 {
	background-image: url("../img/0318.jpg");
	}	
	&.a319 {
	background-image: url("../img/0319.jpg");
	}	
	&.a320 {
	background-image: url("../img/0320.jpg");
	}	
	&.a321 {
	background-image: url("../img/0321.jpg");
	}
	&.a322 {
	background-image: url("../img/0322.jpg");
	}
	&.a323 {
	background-image: url("../img/0323.jpg");
	}
	&.a324 {
	background-image: url("../img/0324.jpg");
	}
	&.a325 {
	background-image: url("../img/0325.jpg");
	}
	&.a326 {
	background-image: url("../img/0326.jpg");
	}
	&.a327 {
	background-image: url("../img/0327.jpg");
	}
	&.a328 {
	background-image: url("../img/0328.jpg");
	}
	&.a329 {
	background-image: url("../img/0329.jpg");
	}
	&.a330 {
	background-image: url("../img/0330.jpg");
	}	
	&.a331 {
	background-image: url("../img/0331.jpg");
	}	
	&.a332 {
	background-image: url("../img/0332.jpg");
	}	
	&.a333 {
	background-image: url("../img/0333.jpg");
	}	
	&.a334 {
	background-image: url("../img/0334.jpg");
	}	
	&.a335 {
	background-image: url("../img/0335.jpg");
	}	
	&.a336 {
	background-image: url("../img/0336.jpg");
	}	
	&.a337 {
	background-image: url("../img/0337.jpg");
	}	
	&.a338 {
	background-image: url("../img/0338.jpg");
	}	
	&.a339 {
	background-image: url("../img/0339.jpg");
	}	
	&.a340 {
	background-image: url("../img/0340.jpg");
	}	
	&.a341 {
	background-image: url("../img/0341.jpg");
	}
	&.a342 {
	background-image: url("../img/0342.jpg");
	}
	&.a343 {
	background-image: url("../img/0343.jpg");
	}
	&.a344 {
	background-image: url("../img/0344.jpg");
	}
	&.a345 {
	background-image: url("../img/0345.jpg");
	}
	&.a346 {
	background-image: url("../img/0346.jpg");
	}
	
	
	
	
	
	&.a501 {
	background-image: url("../img/0501.jpg");
	}
	&.a502 {
	background-image: url("../img/0502.jpg");
	}
	&.a503 {
	background-image: url("../img/0503.jpg");
	}
	&.a504 {
	background-image: url("../img/0504.jpg");
	}
	&.a505 {
	background-image: url("../img/0505.jpg");
	}
	&.a506 {
	background-image: url("../img/0506.jpg");
	}
	&.a507 {
	background-image: url("../img/0507.jpg");
	}
	&.a508 {
	background-image: url("../img/0508.jpg");
	}
	&.a509 {
	background-image: url("../img/0509.jpg");
	}
	&.a510 {
	background-image: url("../img/0510.jpg");
	}
	&.a511 {
	background-image: url("../img/0511.jpg");
	}
	&.a512 {
	background-image: url("../img/0512.jpg");
	}
	&.a513 {
	background-image: url("../img/0513.jpg");
	}
	&.a514 {
	background-image: url("../img/0514.jpg");
	}
	&.a515 {
	background-image: url("../img/0515.jpg");
	}
	&.a516 {
	background-image: url("../img/0516.jpg");
	}
	&.a517 {
	background-image: url("../img/0517.jpg");
	}
	&.a518 {
	background-image: url("../img/0518.jpg");
	}
	&.a519 {
	background-image: url("../img/0519.jpg");
	}
	&.a520 {
	background-image: url("../img/0520.jpg");
	}
	&.a521 {
	background-image: url("../img/0521.jpg");
	}
	&.a522 {
	background-image: url("../img/0522.jpg");
	}
	&.a523 {
	background-image: url("../img/0523.jpg");
	}
	&.a524 {
	background-image: url("../img/0524.jpg");
	}
	&.a525 {
	background-image: url("../img/0525.jpg");
	}
	&.a526 {
	background-image: url("../img/0526.jpg");
	}
	&.a527 {
	background-image: url("../img/0527.jpg");
	}
	&.a528 {
	background-image: url("../img/0528.jpg");
	}
	&.a529 {
	background-image: url("../img/0529.jpg");
	}
	&.a530 {
	background-image: url("../img/0530.jpg");
	}
	&.a531 {
	background-image: url("../img/0531.jpg");
	}
	&.a532 {
	background-image: url("../img/0532.jpg");
	}
	&.a533 {
	background-image: url("../img/0533.jpg");
	}
	&.a534 {
	background-image: url("../img/0534.jpg");
	}
	&.a535 {
	background-image: url("../img/0535.jpg");
	}
	&.a536 {
	background-image: url("../img/0536.jpg");
	}
	&.a537 {
	background-image: url("../img/0537.jpg");
	}
	&.a538 {
	background-image: url("../img/0538.jpg");
	}
	&.a539 {
	background-image: url("../img/0539.jpg");
	}
	&.a540 {
	background-image: url("../img/0540.jpg");
	}
	&.a541 {
	background-image: url("../img/0541.jpg");
	}
	&.a542 {
	background-image: url("../img/0542.jpg");
	}
	&.a543 {
	background-image: url("../img/0543.jpg");
	}
	&.a544 {
	background-image: url("../img/0544.jpg");
	}
	&.a545 {
	background-image: url("../img/0545.jpg");
	}
	&.a546 {
	background-image: url("../img/0546.jpg");
	}
	&.a547 {
	background-image: url("../img/0547.jpg");
	}
	&.a548 {
	background-image: url("../img/0548.jpg");
	}
	&.a549 {
	background-image: url("../img/0549.jpg");
	}
	&.a550 {
	background-image: url("../img/0550.jpg");
	}
}


@media (max-width: 767px) {
.demo-image {
	cursor: url("../img/plus_cursor.png") 25 25, pointer;
	display: inline-block;
	width: 155px;
	height: 100px;
	background-size: cover;
	background-position: 50% 50%;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 4px;
}
}


@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.eot');
    src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.slideanim {visibility:hidden;}
.slide {
    /* The name of the animation */
    animation-name: slide;
    -webkit-animation-name: slide; 
    /* The duration of the animation */
    animation-duration: 0.8s; 
    -webkit-animation-duration: 0.8s;
    /* Make the element visible */
    visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(20%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@media (max-width: 767px) {


@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(180%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(180%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}


}


.portrait {
	
	border-radius: 250px;
}

@media (max-width: 767px) {

.portrait {
	
	border-radius: 0px;
}
}



.zoom {
  
  -webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-ms-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	transition: all 0.8s linear;


  margin: 0 auto;

}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}




/*	LOGO & MENU */




.wrapper-top-content {

	width: 100%;
	margin: auto;
	padding-top: 8px;
	
	
/*
	background-image: -webkit-linear-gradient(left, #003270 50%, #009ee0 100%); 
	background-image: -moz-linear-gradient(left, #003270 50%, #009ee0 100%); 
	background: -ms-linear-gradient(left, #003270 50%, #009ee0 100%);
	background: -o-linear-gradient(left, #003270 50%, #009ee0 100%); /* Opera 11.10+ 
	background: linear-gradient(to right, #003270, #009ee0); */
	z-index: 1000;
	opacity: 1.0;
	position: absolute;
}


.logo {

	margin: auto;
	max-width: 260px;
	padding: 0;
	margin: 20px 0 20px 40px;
}

.logo-mobile {

	max-width: 220px;
	margin: auto;
	padding: 16px 20px 16px 40px;
	float: left;
}

.burger-mobile {

	padding: 0px 0px 5px 0px;
	float: right;
}

.menu {

	z-index: 99;
	margin: 30px 30px 0 0;
	float: right;
}
@media (max-width: 1300px) {

.logo {

	max-width: 190px;
	margin: 20px 0 20px 20px;
}

.menu {

	margin: auto;
	margin-top: 30px;
}
}

@media (max-width: 1050px) {

.logo {

	max-width: 170px;
	margin: 10px 0 10px 20px;
}

.menu {

	margin: auto;
	margin-top: 14px;
}
}

@media (max-width: 940px) {

.logo {

	max-width: 140px;
	margin: 10px 0 10px 20px;
}

.menu {

	margin: auto;
	margin-top: 10px;
}
}


@media (max-width: 767px) {
.top-content-screen {
	display: none;
	}
	
.wrapper-top-content {

	display: none;
}
}

.wrapper-top-content {

	margin: 0;
	padding: 0;
}


.top-content-center {

	display: none;
}

.wrapper-menu-logo-content {

	padding-top: 0px;
	background-color:#ffffff;
}
}

@media (max-width: 768px) {
.logo {
	
	display: none;
}
}


@media (min-width: 768px) {
.top-content-mobile {
	display: none;
}

.logo-mobile {
	
	display: none;
}
}

.color-mobile-menu {
	
	background-color: #000000;
	width: 100%;
}

.navbar-infos{

	color: #000000;
	text-align: left;
	max-width: 100%;
	padding: 20px 10px 20px 30px;
	
	background-image: -webkit-linear-gradient(top, #dddddd 20%, #ffffff 100%); 
	background-image: -moz-linear-gradient(top, #dddddd 20%, #ffffff 100%); 
	background: -ms-linear-gradient(top, #dddddd 20%, #ffffff 100%); /* IE10+ */
	background: -o-linear-gradient(top, #dddddd 20%, #ffffff 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, #dddddd 20%, #ffffff 100%); /* W3C */
}

.navbar-infos a {

		font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #005DA0;
	text-decoration: none;
}

.navbar-infos a:active{

		font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #005DA0;
	text-decoration: none;
}

.navbar-infos a:visited{

		font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #005DA0;
	text-decoration: none;
}

.navbar-infos a:hover{

		font-size: 18px;
	line-height: 30px;
	color: #005DA0;
	font-weight: bold;
	text-decoration: none;
}

/*	HEADBILD */

.headbild {

	width: 100%;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	background-image: url(../images/headbild-start.jpg);
	background-color: #005DA0;
}



.headbild-box-content {

	max-width: 100%;
	margin: auto;
	padding: 0px;
    overflow: hidden;
    height: 900px;
		 
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	background-image: url(../images/headbild-start.jpg);
}

.headbild-box-content-inner {

	margin: auto;
	float: left;
	padding: 0px;
    transition: transform 2s;
}



.headbild-text {
	max-width:1240px;
	margin: auto;
	left: 0%;
	right: 0%;
	padding: 250px 20px 20px 20px;
	position:absolute;
	z-index:3;
	text-align:center;
	top:8%;
	color:#003270;
}

.headbild-text h1 {

	font-family: 'Montserrat', arial, verdana, sans-serif;
	font-size: 90px;
	line-height: 84px;
	font-weight: normal;
	text-transform: normal;
	color: #ffffff;
	margin: 0;
	padding: 0;
	transition: transform 3s;

}

.headbild-text h2 {

	font-family: arial, verdana, sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	text-transform: normal;
	color: #b89e51;
	margin: 0;
	padding: 0;
	transition: transform 3s;
}

@media (max-width: 1600px) {


.headbild-text {
padding: 200px 20px 20px 20px;

}

.headbild-box-content {

    height: 800px;
}
}

@media (max-width: 1400px) {

.headbild-box-content {

    height: 600px;
}

.headbild-text {
max-width:1050px;
padding: 180px 20px 20px 20px;

}

.headbild-text h1 {

	font-size: 60px;
	line-height: 54px;
}

.headbild-text h2 {

	font-size: 16px;
	line-height: 22px;

}
}


@media (max-width: 1050px) {

.headbild-box-content {

    height: 600px;
}

.headbild-text {
max-width:900px;
padding: 180px 20px 20px 20px;

}

.headbild-text h1 {

	font-size: 50px;
	line-height: 44px;
}

.headbild-text h2 {

	font-size: 14px;
	line-height: 20px;

}
}


@media (max-width: 767px) {

.headbild-box-content {

    height: 450px;
}

.headbild-text {
max-width:100%;
text-align: left;
top: 0%;
padding: 40px 20px 20px 20px;


}

.headbild-text h1 {

	font-size: 44px;
	line-height: 48px;
}

.headbild-text h2 {

	font-size: 17px;
	line-height: 26px;

}
}




/*	HEADBILD */

.headbild-2 {

	width: 100%;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;

	background-color: #005DA0;
}



.headbild-2-box-content {

	max-width: 100%;
	margin: auto;
	padding: 0px;
    overflow: hidden;
    height: 600px;
		 
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;

}

.headbild-2-box-content-inner {

	margin: auto;
	float: left;
	padding: 0px;
    transition: transform 2s;
}



.headbild-2-text {
max-width:1240px;
margin: auto;
left: 0%;
right: 0%;
padding: 200px 20px 20px 20px;
position:absolute;
z-index:3;
text-align:left;
top:8%;
color:#003270;


}

.headbild-2-text h1 {

	font-family: 'Montserrat', arial, verdana, sans-serif;
	font-size: 60px;
	line-height: 64px;
	font-weight: normal;
	text-transform: normal;
	color: #ffffff;
	margin: 0;
	padding: 0;
	transition: transform 3s;
	text-shadow: 4px 4px 10px #000000;
}

.headbild-2-text h2 {

	font-family: arial, verdana, sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	text-transform: normal;
	color: #ffffff;
	margin: 0;
	padding: 0;
	transition: transform 3s;
	text-shadow: 4px 4px 10px #000000;
}

@media (max-width: 1600px) {


.headbild-2-text {
padding: 200px 20px 20px 20px;

}

.headbild-2-box-content {

    height: 700px;
}
}

@media (max-width: 1400px) {

.headbild-2-box-content {

    height: 600px;
}

.headbild-2-text {
max-width:1050px;
padding: 220px 20px 20px 20px;

}

.headbild-2-text h1 {

	font-size: 40px;
	line-height: 44px;
}

.headbild-2-text h2 {

	font-size: 16px;
	line-height: 22px;

}
}


@media (max-width: 1050px) {

.headbild-2-box-content {

    height: 500px;
}

.headbild-2-text {
max-width:900px;
padding: 180px 20px 20px 20px;

}

.headbild-2-text h1 {

	font-size: 30px;
	line-height: 34px;
}

.headbild-2-text h2 {

	font-size: 14px;
	line-height: 20px;

}
}


@media (max-width: 767px) {

.headbild-2-box-content {

    height: 400px;
}

.headbild-2-text {
max-width:100%;
top: 0%;
padding: 100px 20px 20px 20px;


}

.headbild-2-text h1 {

	font-size: 24px;
	line-height: 28px;
}
}



/*	INHALTE-BEREICH */


.wrapper-main {
	
	background-color: #000000;
	max-width: 100%;
	margin: 0;
	padding: 60px 0 80px 0;
}

.container-main {
	
	max-width: 1200px;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	text-transform: normal;
	color: #ffffff;
	margin: auto;
}

.container-main h1 {

	font-family: 'Montserrat', arial, verdana, sans-serif;
	font-size: 65px;
	line-height: 68px;
	font-weight: normal;
	text-transform: normal;
	color: #ffffff;
	margin: 0;
	padding: 0;
	transition: transform 3s;
}

.container-main h2 {

	font-family: 'Montserrat', arial, verdana, sans-serif;
	font-size: 45px;
	line-height: 50px;
	font-weight: normal;
	text-transform: normal;
	color: #ffffff;
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
	transition: transform 3s;
}


.container-main a {

	font-size: 26px;
	font-weight: normal;
	color: #b89e51;
	text-decoration: none;
}

.container-main a:active{

	font-size: 26px;
	font-weight: normal;
	color: #b89e51;
	text-decoration: none;
}

.container-main a:visited{

	font-size: 26px;
	font-weight: normal;
	color: #b89e51;
	text-decoration: none;
}

.container-main a:hover{

	font-size: 26px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}




@media (max-width: 1400px) {

.wrapper-main {
	
	padding: 80px 0 80px 0;
}

.container-main {
	
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}

.container-main h1 {

	font-size: 50px;
	line-height: 54px;
	margin: 0;
	padding: 0;
}

.container-main h2 {

	font-size: 30px;
	line-height: 34px;
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
}
}

@media (max-width: 1024px) {

.wrapper-main {
	
	padding: 60px 0 60px 0;
}

.container-main {
	
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}

.container-main h1 {

	font-size: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
}

.container-main h2 {

	font-size: 30px;
	line-height: 30px;
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
}
}


@media (max-width: 767px) {
.wrapper-main {
	
	max-width: 100%;
	padding: 30px 0 50px 0;
}

.container-main {
	
	text-align: left;
	font-size: 17px;
	line-height: 26px;
}

.container-main h1 {

	font-size: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
}

.container-main h2 {

	font-size: 26px;
	line-height: 34px;
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
}
}


/*	INHALTE POSITIONIERUNG */


.container-content-left {
	
	float: left;
	padding: 0 20px 0 0;
}

.container-content-right {
	
	float: right;
	padding: 0 0 0 20px;
}

.container-content-center {
	
	margin: auto;
	float: none;
	padding: 0;
	text-align: center;
}

@media (max-width: 1400px) {
.container-content-left {
	
	float: left;
	padding: 0 10px 0 50px;
	text-align: left;
}

.container-content-right {
	
	float: right;
	padding: 0 50px 0 10px;
	text-align: left;
}

.container-content-center {
	
	float: none;
	padding: 0 50px 0 50px;
	text-align: left;
}
}


@media (max-width: 767px) {
.container-content-left {
	
	float: none;
	padding: 0 20px 0 20px;
	text-align: left;
}

.container-content-right {
	
	float: none;
	padding: 0 20px 0 20px;
	text-align: left;
}

.container-content-center {
	
	float: none;
	padding: 0 20px 0 20px;
	text-align: center;
}
}


.img-visual {
	
	max-width: 500px;
}

@media (max-width: 1024px) {

.img-visual {
	
	max-width: 300px;
	margin: auto;
}
}





/*	FOOTER BEREICH */

.footer {

	width: 100%;
	margin-top: 0px;
	padding-bottom: 40px;
	padding-top: 30px;
	
	background-color: #000000;
	border-top: 1px solid #222222;
}

.footer-content {

	max-width: 1200px;
	margin: auto;
}


.footer-content-part {

	font-family: arial, verdana, sans-serif;
	padding-top: 0px;
	padding: 5px 0px 10px 0px;
	margin: auto;
	text-align: left;
	float: left;
	letter-spacing: 0px;
	color: #ffffff;
	font-size: 16px;
	line-height: 23px;
}

.footer-content-part h4 {

	font-family: 'Montserrat', arial, verdana, sans-serif;
	text-align: left;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #ffffff;
	margin: 0 0 19px 0;
}

.footer-content-part a {

	font-size: 17px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.footer-content-part a:active{

	font-size: 17px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.footer-content-part a:visited{

	font-size: 17px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.footer-content-part a:hover{

	font-size: 17px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}



.footer-content-logo {

	max-width: 220px;
	padding: 0;
}

@media (max-width: 1200px) {
.footer-content-logo {
	
	padding: 0 0 0 20px;
}


.footer-content-part {

	padding: 0px 20px 20px 20px;
	text-align: left;
	margin-top: 20px;
	font-size: 14px;
	line-height: 22px;
}
}

@media (max-width: 767px) {

.footer-content-part {

	padding: 0px 20px 20px 20px;
	text-align: center;
	margin-top: 20px;
	font-size: 15px;
	line-height: 24px;
}

.footer-content-part h4 {

	text-align: center;
}

.footer-content-part a {

	font-size: 22px;
	line-height: 32px;
}

.footer-content-part a:active{

	font-size: 22px;
	line-height: 32px;
}

.footer-content-part a:visited{

	font-size: 22px;
	line-height: 32px;
}

.footer-content-part a:hover{

	font-size: 22px;
	line-height: 32px;
}

.footer-content-logo {

	max-width: 200px;
	margin: auto;
	padding: 0 0 0 0px;
}
}


ul {

	margin: 0;
	padding: 0;
}


.footer-content-menu {

	font-family: arial, verdana, sans-serif;
	padding: 20px 20px 10px 0px;
	margin: auto;
	text-align: left;
	float: left;
	letter-spacing: 0px;
}

.footer-content-menu h4 {

	font-family: 'Montserrat', arial, verdana, sans-serif;
	text-align: left;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #ffffff;
	margin: 0 0 10px 0;
}

.footer-content-menu li {

	font-family: arial, verdana, sans-serif;
	list-style-type: none;
	text-align: right;
	font-size: 16px;
	line-height: 23px;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 0 2px 0px;
	border-bottom: 0px solid #003270;
	text-decoration: none;
}

.footer-content-menu li a {

	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.footer-content-menu li a:active{

	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.footer-content-menu li a:visited{

	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.footer-content-menu li a:hover{

	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

@media (max-width: 767px) {
.footer-content-menu {

	padding: 10px 20px 10px 20px;
	margin: auto;
	text-align: center;
	float: left;
	letter-spacing: 0px;
}

.footer-content-menu h4 {

	text-align: center;
}

.footer-content-menu li {

	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
	text-align: center;
	padding: 12px 0 12px 0px;
	text-decoration: none;
}

.footer-content-menu li a, a:active, a:visited{

	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
	text-decoration: none;
}

.footer-content-menu li a:hover{

	font-size: 16px;
	line-height: 26px;
	font-weight: normal;
	text-decoration: none;
}
}




/*** SUPERFISH MENU OBEN ***/

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
z-index:2000;

}


.sf-menu li {
	position: relative;
z-index:2000;
}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
	text-align:center;
z-index:2000;

}

.sf-menu > li {
	float: left;
z-index:2000;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
z-index:2000;
}

.sf-menu a {
	display: block;
	position: relative;
z-index:2000;

}

.sf-menu ul ul {
	top: 0;
	left: 100%;
z-index:2000;
}

.sf-menu {
	text-align: right;
	margin-bottom: 0em;
	padding-top: 8px;
z-index:2000;
}
.sf-menu ul {
	box-shadow: 2px 6px 8px rgba(0,0,0,.2);
	min-width: 16em;
	*width: 12em;
z-index:2000;
}
.sf-menu a {
	font-family: 'Montserrat', arial, verdana, sans-serif;
	font-size: 18px;
	letter-spacing: 0px;
	padding: .50em 1.0em;
	font-weight: normal;
	text-transform: normal;
	text-decoration: none;
	zoom: 1; /* IE7 */
z-index:2000;
}


.sf-menu li a {
	font-size: 18px;
	color: #ffffff;
z-index:2000;
font-weight: normal;
}

.sf-menu li a:hover {
	color: #b89e51;
	-webkit-transition: background .4s;
	transition: background .4s;
z-index:2000;
}

.sf-menu li a:active {
	color: #ffffff;
}

.sf-menu li a:visited {
	color: #ffffff;
}

@media (max-width: 1300px) {
.sf-menu li a {
	font-size: 15px;
}
}

@media (max-width: 1050px) {
.sf-menu li a {
	font-size: 14px;
}
}

@media (max-width: 940px) {
.sf-menu li a {
	font-size: 13px;
	padding: .50em .80em;
}
}




.sf-menu ul li a {
	color:#909090;
	border-bottom: 1px solid #dddddd;
z-index:2000;
font-weight: bold;
}

.sf-menu ul li a:hover {
	color: #cccccc;
	padding: .50em 1.0em;
	background-color: #eeeeee;
	-webkit-transition: background .4s;
	transition: background .4s;
z-index:2000;
}



.sf-menu li {
	background: none;
	white-space: nowrap;
	*white-space: normal;
	-webkit-transition: background .4s;
	transition: background .4s;
z-index:2000;

text-align: center;
    display: inline-block;
    float: none;
	
	
}
.sf-menu ul li {
	background: #ffffff;
z-index:2000;
}
.sf-menu ul ul li {
	background: #ffffff;
z-index:2000;
}

.sf-menu li:hover,
.sf-menu li.sfHover {

	-webkit-transition: none;
	transition: none;
z-index:2000;
}


.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em;
z-index:2000;
}

.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
z-index:2000;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white;
}

.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #ffffff;
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}



.main-box-content {

	max-width: 1200px;
	margin: auto;
	padding-left: 10px;
}




.main-boxes {

	width: 100%;
	margin: 0;
	bottom: 0px;
	padding: 60px 0 60px 0;
	z-index: 2;
	background: linear-gradient(to bottom, #111111 30%, #000000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.main-box-content {

	max-width: 1250px;
	margin: auto;
	padding: 0px;
}

.main-box-content-container {

	margin: auto;
	float: left;
	padding: 0 15px 0 15px;
	margin: 0 0 30px 0;
	transform: scale(1.00, 1.00);
	transition: 2s;
}

.main-box-content-container:hover {

	opacity: 1.0;
	transform: scale(1.05, 1.05);
	transition: 0.5s;
}

.main-box-content-inner {

	padding: 0;
	margin: auto;
	text-align: left;
	color: #777777;
	float: left;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0px;
}


.main-box-content h3 {

	font-family: 'Montserrat', arial, helvetica, verdana, sans-serif;
	color: #ffffff;
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	margin: 0px 0 20px 0;
	text-transform: normal;
	padding: 0;
}

.main-box-content h2 {

	font-family: 'Montserrat', arial, helvetica, verdana, sans-serif;
	color: #ffffff;
	font-size: 30px;
	line-height: 42px;
	font-weight: normal;
	margin: 0px 0 0px 0;
	text-transform: normal;
	padding: 0;
}

.main-box-content h4 {

	font-family: 'Montserrat', arial, helvetica, verdana, sans-serif;
	color: #b89e51;
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	margin: 0px 0 4px 0;
	text-transform: normal;
	padding: 0;
}

.main-box-content h5 {

	font-family: 'Montserrat', arial, helvetica, verdana, sans-serif;
	color: #b89e51;
	font-size: 55px;
	line-height: 65px;
	font-weight: normal;
	margin: 0px 0 30px 0;
	text-transform: normal;
	padding: 0;
}

.main-box-content h6 {
	
	font-family: 'Montserrat', arial, helvetica, verdana, sans-serif;
	color: #003270;
	font-size: 30px;
	line-height: 36px;
	font-weight: normal;
	margin: 30px 0 4px 0;
	text-transform: normal;
	padding: 0;
	}


.main-box-content-inner a {

	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	padding:16px 32px 16px 32px;
	border: 0px solid #cccccc;
	border-radius: 6px;
	background-color: #96C11F;
}

.main-box-content-inner a:active {

	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	padding:16px 32px 16px 32px;
	background-color: #96C11F;
}

.main-box-content-inner a:visited {

	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	padding:16px 32px 16px 32px;
	background-color: #96C11F;
}

.main-box-content-inner a:hover {

	color: #ffffff;
	text-decoration: none;
	font-size: 13px;
	line-height: 22px;
	font-weight: normal;
	background-color:#81A71B;
	border: 0px solid #000000;
}


.main-box-content-text {
	
	background-color: #121212;
	padding: 30px 30px 45px 30px;
}

.main-box-content-text2 {
	
	padding: 0px 30px 0px 30px;
		font-size: 18px;
	line-height: 30px;
	color: #777777;
	text-align: left;
}


.main-box-content-logos {

	margin: auto;
	float: left;
	padding: 0;
	margin: 0;
	transform: scale(1.00, 1.00);
	transition: 2s;
	min-width: 16%;
	opacity: .6;
}

.main-box-content-logos:hover {

	opacity: 1.0;
	transform: scale(1.1, 1.1);
	transition: 0.5s;
}



@media (max-width: 1050px) {

.main-boxes {

	padding: 60px 0 60px 0;

}

.main-box-content-container {

	margin: auto;
	float: left;
	padding: 10px 5px 10px 5px;
	max-width:33,33%;
}

.main-box-content-inner a {

	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	padding:12px 22px 12px 22px;
	border: 0px solid #cccccc;
	border-radius: 6px;
	background-color: #96C11F;
}

.main-box-content-inner a:active {

	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	background-color: #96C11F;
}

.main-box-content-inner a:visited {

	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	background-color: #96C11F;
}

.main-box-content-inner a:hover {

	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	background-color:#81A71B;
	border: 0px solid #58585a;
}
}



@media (max-width: 767px) {

.main-boxes {

	padding: 0px 0px 0px 0px;

}

.main-box-content-container {

	margin: auto;
	float: left;
	padding: 0;
	max-width: 100%;
}

.main-box-content-inner {

	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0px;
	margin: 0;
}

.main-box-content-text {
	
	padding: 30px 20px 45px 20px;
}

.main-box-content-text2 {
	
	padding: 0px 30px 0px 30px;
		font-size: 17px;
	line-height: 25px;
}

.main-box-content h2 {

	font-family: 'Montserrat', arial, helvetica, verdana, sans-serif;
	color: #ffffff;
	font-size: 26px;
	line-height: 36px;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
	text-transform: normal;
	padding: 0;
}


.main-box-content h5 {
	
	margin: 30px 0 20px 0;
	font-size: 40px;
	line-height: 40px;
	}
	
.main-box-content h6 {
	
	font-family: 'Montserrat', arial, helvetica, verdana, sans-serif;
	color: #003270;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	margin: 30px 0 4px 0;
	text-transform: normal;
	padding: 0;
	}
	
	
.main-box-content-logos {

	min-width: 50%;
	opacity: 1;
}

.main-box-content-logos:hover {

	opacity: 1.0;
	transform: scale(1.0, 1.0);
	transition: 0.5s;
}
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.smalltext {
	font-size: 11px;
	line-height: 16px;
	margin: 20px 0 0 0;
}








/*	COUNTER UP WIDGET */


.counter-up {

	width: 100%;
	margin: 0;
	bottom: 0px;
	padding-bottom: 40px;
	z-index: 6;
	background: linear-gradient(to bottom, #ffffff, #dddddd) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.counter-up-stage {

	max-width: 1400px;
	margin: auto;
	padding-left: 0px;
}


.counter-up-content {


	font-family: 'Montserrat', arial, verdana, sans-serif;
	max-width: 350px;
	margin: auto;
	margin-top: 30px;
	padding-top: 30px;
	text-align: center;
	color: #b89e51;
	float: left;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.counter {

	font-family: 'Montserrat', arial, verdana, sans-serif;
	font-size: 60px;
	font-weight: normal;
	color: #666666;
}

@media (max-width: 767px) {
	
.counter {

	font-size: 50px;
}
	
.counter-up {
	background: linear-gradient(to bottom, #ffffff, #ffffff, #ffffff) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.counter-up-stage {
	padding-left: 0px;
}

.counter-up-content  {
	max-width: 100%;

	padding: 8px;
	float: none;
	border-bottom: 1px solid #dddddd;
	border-left: 0px solid #dddddd;
	border-right: 0px solid #dddddd;
}
}













#boxes {

	width: 100%;
	margin: 0;
	bottom: 0;
	padding: 0;
	z-index: 6;
	background-color: #ffffff;

	/*

	background-image: -webkit-linear-gradient(bottom, #ffffff 20%, #eeeeee 100%);
	background-image: -moz-linear-gradient(bottom, #ffffff 20%, #eeeeee 100%);
	background: -ms-linear-gradient(bottom, #ffffff 20%, #eeeeee 100%);
	background: -o-linear-gradient(bottom, #ffffff 20%, #eeeeee 100%);
	background: linear-gradient(to top, #ffffff 20%, #eeeeee 100%);

	*/

}

.box-content {

	max-width: 100%;
	margin: auto;
	padding: 0px;
}

.box-content-inner {

	margin: auto;
	float: left;
	padding: 1px;
}

@media (max-width: 1200px) {

.box-content-inner {

	padding: 1px;
}
}

@media (max-width: 767px) {
#boxes {

	padding-bottom: 0px;
}

.box-content-inner {

	padding: 1px;
}
}