/* CSS reset*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
	font-family:Open Sans, sans-serif;
	font-weight:400;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* END CSS RESET */

.badscript{font-family: 'Bad Script', cursive;}
.cinzel{font-family: 'Cinzel', serif;}
.robotocondensed{font-family: 'Roboto Condensed', sans-serif;}
.lato{font-family: 'Lato', sans-serif; font-weight:300;}
.opensans{font-family:Open Sans, sans-serif;}

#container{position:absolute;top:0;	left:0;	right:0;bottom:0; overflow-x:hidden;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #24C3F4 0%, #1E266E 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #24C3F4 0%, #1E266E 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #24C3F4 0%, #1E266E 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #24C3F4), color-stop(1, #1E266E));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #24C3F4 0%, #1E266E 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #24C3F4 0%, #1E266E 100%); }
.region1, .region2, .region3 {height:920px;}	

/* MENI */
#menu{opacity:0.95;width:100%;text-align:center; position: fixed;	z-index:5; border-bottom:1px solid #eaeaea;  height:12%; color:#1b1d1f; display:table; }
#nav{display: none; -webkit-filter: blur(0px); }	
#menu ul{font-family: 'Oswald', sans-serif;  margin-right:8%;}
#menu ul li{font-size:14px; margin-top:16px;display:inline-block; margin:2% 2%; cursor:pointer; float:right;}
#menu ul li:hover{color:#A1A1A1;}
#menu .logo{margin-left:8%; fl`oat:left; height:75%; margin-top:11px;}
#menu .contact{font-size: 13px;float: left;margin-left: 56px;padding-left: 15px;margin-top: 15px;border-left: 1px solid #ccc; line-height:150%;}
#menu .contact .mail, #menu .contact .phone{display:inline-block; }
#menu .contact .mail img, #menu .contact .phone img{margin-right:5px }
.italic{font-weight:400italic;}

.region1 .contact_wrapper{background-color:#eeeaea; height:120px; color:#acacac;}
.region1 .contact_wrapper .contact{margin: 0 auto; width:1200px; font-size:18px;}	
.region1 .contact_wrapper .contact .logo{width:180px; height:100px; float:left;padding-top:20px;}
.region1 .contact_wrapper .contact .text{width:770px; height:100px; float:left;  text-align:left;  padding-top:20px; color:#4c4a4a;}
.region1 .contact_wrapper .contact .text .welcome_big_text{font-size:32px;}
.region1 .contact_wrapper .contact .text .pmplus{color:#3c8dc1;}
.region1 .contact_wrapper .contact .text .welcome_small_text{color:#3c8dc1; color:#4c4a4a;margin-top:10px;}
.region1 .contact_wrapper .contact .address{width:250px; height:100px;padding-top:20px; float:left; color:#3c8dc1; text-align:right; line-height:160%;}
.region1 .boxes{width:1230px; height: 355px; margin:0 auto; margin-top:3%; margin-bottom:3%; }
.region1 .boxes .block{height:350px; width:300px; margin:0 1px; float:left; }
.region1 .boxes .top{height:33%; width:100%; float:left; margin-bottom:1px;}
.region1 .boxes .middle{height:33%; width:100%; float:left; margin-bottom:1px;}
.region1 .boxes .down{height:33%; width:100%; float:left;}
.region1 .boxes .left{height:112px; width:146px; float:left; box-shadow: 1px 1px 1px  #145b97; margin-bottom:1px;  margin-right:5px;}
.region1 .boxes .right{height:112px; width:146px; float:left; box-shadow: 1px 1px 1px  #145b97; margin-bottom:1px; }
.region .boxes .mergepicture{height: 112px;width: 283px;float: left;box-shadow: 2px 2px 2px #145b97;margin-bottom: 3px;margin-right: 5px;}
.region1 .boxes .slogan{font-weight:300; width:1200px; margin:0 auto; text-align:right; position:absolute;top:8%;font-size:30px; color:#ffffff; text-align:right; }
.region1 .departments_wrapper{background-color:#fff; height:445px; color:#333; padding-top:50px; text-align:center;}
.region1 .departments_wrapper .departments{margin: 0 auto; width:1200px; font-size:18px;}	
.region1 .departments_wrapper .departments ul li{display:inline-block; width:398px;  font-size:25px;}
.region1 .departments .title{font-weight:300;color:black; font-size:28px; }
.region1 .departments .subtitle{color:gray; font-size:14px; font-weight:400italic; margin-bottom:1%; }
.region1 .departments .break{border-bottom:1px solid #ccc; width:100px; margin:0 auto; margin-bottom:40px;}

.region2{background-color:#fff;margin: 0 auto;text-align: center; padding-top:130px; height:700px;}
.region2 .marks{margin-bottom:50px; width:100%; height:200px; background-image: -ms-linear-gradient(top, #24C3F4 0%, #1E266E 100%);background-image: -moz-linear-gradient(top, #24C3F4 0%, #1E266E 100%);
background-image: -o-linear-gradient(top, #24C3F4 0%, #1E266E 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #24C3F4), color-stop(1, #1E266E)); 
background-image: -webkit-linear-gradient(top, #24C3F4 0%, #1E266E 100%); background-image: linear-gradient(to bottom, #24C3F4 0%, #1E266E 100%); }
.region2 .departments .title{font-weight:300;color:black; font-size:28px;}
.region2 .departments .subtitle{color:gray; font-size:14px; font-weight:400italic; margin-bottom:1%; }
.region2 .departments .break{border-bottom:1px solid #ccc; width:100px; margin:0 auto;  }

.region3 .logos{margin: 0 auto; width:100%; height:120px; padding: 10px 150px; margin-top:20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.region3 .logos ul{padding: 10px 0px; text-align:center; width:100%;}
.region3 .logos ul li{display:inline-block; padding:0 4%; vertical-align:middle;}
.region3 .logos ul li a:hover img{text-shadow: 2px 2px #ff0000;}
.region3 .sentence{padding-top:40px; font-weight:300;color:black; font-size:28px;  }
.region3 .reference_list{width:90%; margin: 0 auto; text-align:center; font-size:14px; padding:15px; }
.region3 .reference_list table tr td{text-align:left; border-left: 2px solid #24C3F4; padding-left:10px; padding-right:10px; }
.region3 .departments .subtitle{color:gray; font-size:14px; font-weight:400italic; margin-bottom:1%; }
.region3 .departments .break{border-bottom:1px solid #ccc; width:100px; margin:0 auto; }
.region2 .description{text-align:justify; margin:0 auto; width:1200px; padding-top:2%; font-size:14px;}

.region3{margin: 0 auto;text-align: center; padding-top:90px; background-color:#fff; height:700px;}
.region2 img{height:500px;}
.region3 .video{}
.region3 .line{background-color:black; height:25px; margin-top:-5px; margin-bottom:30px;}
.region3 .description{text-align:justify; padding:3%; }

.region4{background-color:#fff; font-size:14px; }
.region4 .footer{padding:20px 200px; color:white;  height:370px;/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #24C3F4 0%, #1E266E 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #24C3F4 0%, #1E266E 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #24C3F4 0%, #1E266E 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #24C3F4), color-stop(1, #1E266E));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #24C3F4 0%, #1E266E 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #24C3F4 0%, #1E266E 100%);  }
.region4 .footer ul li{display:inline-block; width:31%; margin-right:2%; text-align:left; vertical-align:top; font-size:14px;}
.region4 .footer ul li h1{font-size:28px; color:#fff; font-weight:300; margin-bottom:15px;}
.region4 .footer ul .strech{text-align:justify}
.region4 .copyright{padding:20px 200px; width:100%;  background-color:#fff; color:#a2a2a2; font-size:12px; float: left; text-align: left;}
.region4 .copyright a{color:#646667; text-decoration:none;}
.region4 a{color:#ccc; text-decoration:none;}
.region4 a:hover{text-decoration:underline;}
.region4 .copyright a:hover{text-decoration:underline;}
.region4 .copyright .author{float:left;}
.region4 .departments .title{font-weight:300;color:black; font-size:28px; text-align:center;}
.region4 .departments .subtitle{color:gray; font-size:14px; font-weight:400italic; margin-bottom:1%; text-align:center;}
.region4 .departments .break{border-bottom:1px solid #ccc; width:100px; margin:0 auto; }
	
.sl-slider-wrapper {
	width: 1300px;
	height: 200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding-top:15px;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: 0px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 70%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fffll
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	color:#fff;
	font-size:16px;
}

.sl-slide-vertical .sl-slide-inner {
	color:#fff;
}
.blockquote { color: #fff; }

#makeMeScrollable
{
	width:100%;
	height: 180px;
	position: relative;
}

/* Replace the last selector for the type of element you have in
   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
#makeMeScrollable div.scrollableArea img
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0 20px;
	/* If you don't want the images in the scroller to be selectable, try the following
	   block of code. It's just a nice feature that prevent the images from
	   accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.modal_box{
	float:left;
	margin: 15px 15px 0 15px;
}