@charset "UTF-8";
/* CSS Document */

body {
	background-color:#19747E !important;
	font-family:"Myriad Pro";
	padding:0!important;
	margin:0!important;
	}

#flags {
	background-color:#19747E;
	padding:5px 0;
	z-index:100000;
	position:fixed;
	width:100%;
	margin:0!important;
	}
.fr {
	display:block;
	float:right;
	margin-right:30px;
	}
#flags p {
	color:#fff;
	display:inline-block;
	margin-right:20px;
	}
#flags img { margin-left:10px!important;}
#flags img:hover {
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	}

/* NAV */
#menu.navbar-default .navbar-brand {
	padding-top:10px;
	min-height:60px; 
}
/*The home button text*/
#menu.navbar-default .navbar-brand p {
	margin-left:80px;
	margin-top:-27px;
	color:#3b3a3d;
	padding-right:50px;
	}

#menu.navbar-default {
	position:fixed;
	margin-top:40px;
    font-size: 14px;
    background-color:#D1E8E2;
	z-index:100;
	border:none;
	color:#3d3c3a;
}
#menu.navbar-default .navbar-nav>li>a {
	margin-top:0px;
    color:#3d3c3a;
	font-size:16px;
	text-transform:uppercase;
	margin-right:0px!important;
    background-color:#D1E8E2;
	line-height:40px;
	display:table;
	font-weight: bold;
}
#menu.navbar-default .navbar-nav>li>a:hover,
#menu.navbar-default .navbar-nav>li>a:focus {
    color:#fff;
	text-decoration:none;
	background-color:#3d3c3a;
	border-radius:3px;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
}
#menu.navbar-default .navbar-nav>.active>a,
#menu.navbar-default .navbar-nav>.active>a:hover,
#menu.navbar-default .navbar-nav>.active>a:focus {
    color: #000;
    background-color:transparent;
}
#menu.navbar-default .navbar-toggle {
	margin-top:15px;
    border-color: #ccc;
	background-color:#3d3c3a;
	border-width:1px;
}
#menu.navbar-default .navbar-toggle:hover,
#menu.navbar-default .navbar-toggle:focus {
    background-color:#3d3c3a;
}
#menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #D1E8E2;
}
#menu.navbar-default .navbar-toggle:hover .icon-bar,
#menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color:#D1E8E2;
}



/* CAROUSEL */ 
#main { background: rgba(40, 142, 153);
background: -moz-radial-gradient(center, ellipse cover, rgb(40, 142, 153) 0%, rgb(32, 129, 140) 47%, rgba(25,116,126) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(40, 142, 153)), color-stop(47%, rgba(32, 129, 140)), color-stop(100%, rgba(25,116,126)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(40, 142, 153) 0%, rgba(32, 129, 140) 47%, rgba(25,116,126) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(40, 142, 153) 0%, rgba(32, 129, 140) 47%, rgba(25,116,126) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(40, 142, 153) 0%, rgba(32, 129, 140) 47%, rgba(25,116,126) 100%);
background: radial-gradient(ellipse at center, rgba(40, 142, 153) 0%, rgba(32, 129, 140) 47%, rgba(25,116,126) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#288e99', endColorstr='#19747E', GradientType=1 );}
#carousel-bg {
	
	}
.carousel-inner { margin-top:140px; min-height:480px!important; }
.carousel-control.left, .carousel-control.right {
    background-image: none!important;
}
.carousel-control.left { top:-10%; width:auto; left:30px; color:#D1E8E2; }
.carousel-control.right { top:-10%; width:auto; right:30px; color:#D1E8E2}
.carousel-caption { position:relative!important;}
.carousel-indicators li { visibility:visible; }
.carousel-indicators .active { background-color:#D1E8E2;}
.os-phrases { padding-top:00px;}
.carousel-indicators {}
#carousel.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s; padding-bottom:80px;}
#carousel.carousel .active.left {left:0;opacity:3s;z-index:2;}
#carousel.carousel .next {left:0;opacity:0;z-index:1;}
#carousel { margin-bottom:0%;}
.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity!important;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0!important;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1!important;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0!important;
            transform: translate3d(0, 0, 0)!important;
        }
    }

    .carousel-control {
        z-index: 2!important;
    }
}

.carousel-inner h2 {
	margin-top:10%;
	color:#fff;
	font-size:60px;
	line-height:50px;
	font-weight:600;
	border-bottom:1px solid #fff;
	margin-bottom:20px;
	}
.carousel-inner img {}
.carousel-inner p {
	color:#0000ce;
	font-size:30px;
	font-style:italic;
	line-height:30px;
	margin-top:10%;
	font-weight:bold;	}
.carousel-inner a {
	background-color:#A9D6E5;
	display:table;
	line-height:50px;
	width:310px;
	text-align:center;
	color:#1f1e1e;
	font-weight:600;
	margin-top:30%;
	font-size:16px;
	}
.carousel-inner a:hover {
	background-color:#fff;
	color:#000;
	text-decoration:none;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
	}


/* BLOCK 2 */
#block1 {
	background-color:#D1E8E2;
	margin-top:-20px;
	padding:30px 0 50px 0;;
	}
#block1 h2 {
	font-size:24px;	
	padding-bottom:10px;
	}
#block1 a {
	background-color:#A9D6E5;
	display:table;
	line-height:40px;
	width:270px;
	text-align:center;
	color:#242424;
	font-weight:600;
	margin-top:30px;
	font-size:14px;
	text-transform:uppercase;
	}
#block1 a:hover {
	color:#fff;
	background-color:#3d3c3a;
	text-decoration:none;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
	}

/* Block 3 */
#block2 {
	background-color:#19747E;
	padding:30px 0 50px 0;
	}
#block2 h2 {
	color:#fff;
	font-size:24px;
	padding-bottom:30px;
	text-transform:uppercase;
	}
.box {
	background-color:#D1E8E2;
	padding:1px 0 15px 0;
	box-shadow:2px 2px 2px #000;
	margin-bottom:20px;
	}
.box h3 {
	text-align:center;
	font-size:18px;
	margin-bottom:0px;
	padding-bottom:0px;
	text-transform:uppercase;
	display:block;
	height:50px;
	}
.box img {
	display:block;
	margin:0 auto;
	padding-bottom:20px;
	}
.box a {
	display:table;
	text-align:center;
	margin:0 auto;
	background-color:#A9D6E5;
	color:#000;
	line-height:40px;
	width:80%;
	text-transform:uppercase;
	}
.box a:hover {
	color:#fff;
	background-color:#3d3c3a;
	text-decoration:none;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
	}

/* Footer */
#footer {
	background-color:#19747E;
	padding-top:20px;
	padding-bottom:10px;
	}

#footer p { color:#fff;}
#copyright #design p, #design a {
	color:#fff;
	display:block;
	width:100%;
	text-align:right;
	}
#design a:hover {
	text-decoration:none;
	color:#EFEFEF;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
	}



/*** ABOUT US ***/
#us { padding:120px 0 100px 0}
#us h2 {
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	border-bottom:#fff 1px solid;
	padding-bottom:3px;
	margin-bottom:30px;
	}
#us p {
	color:#fff;
	font-size:16px;
	}
#us img {
	display:block;
	margin:10px auto;
	}


/*** CONTACT ***/
#contact { padding-top:40px;}
#contactinfo h4 {
	color:#fff;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	font-size:18px;
	font-weight:600;
	margin-bottom:20px;
	}
#contactinfo ul {
	list-style:none;
	margin-left:-40px;
	}
#contactinfo li, #contactinfo a {
	color:#fff;
	font-size:16px;
	padding-bottom:3px;
	}	
#contactinfo a:hover {
	text-decoration:none;
	color:#ffbf58;
	}
	

#register-form { margin-top:10px;}
#send {
	background-color:#A9D6E5;
	padding:5px 40px;
	color:#000;
	font-size:16px;
	font-weight:600;
	margin-bottom:40px;
	margin-left:20px;
	}
#send:hover {
	background-color:#fff;
	color:#000;
	-webkit-transition: 0.7s; /* Safari */
    transition: 0.7s;
	 }

.fieldgroup {
	margin-bottom:20px;
	}
.fieldgroup2 {
	display:block;
	width:98%;
	margin:20px 0 20px 10px;
	}	

input[type="text"] {
    background-color:#D1E8E2;
	color:#000;
}
input[type="email"] {
    background-color: #D1E8E2;
	color:#000;
}
textarea#message {
    background-color: #D1E8E2;
	color:#000;
}		
label {
	color:#fff;
	font-size:16px;
	font-weight:normal;
	margin-bottom:0px;
	}
.blue { color:#fff}
.required { color:#FA0004;}

#errorMessageDiv {
	color:#fafafa;
	text-align:center;
	background-color:#dd1a1a;
	display:none;
	line-height:40px;
	padding:0 20px;
	border-radius:5px;
	margin:0 auto 30px auto;
	}	

/* ------------------------------------------------- */

/* RESPONSIVE */

@media (max-width: 1023px) {
	}

@media (min-width: 768px) and (max-width: 991px) {
	.fieldgroup2 {
	width:92%;
	margin:20px 0 20px 15px;
	}
#send {
	display:block;
	width:92%;
	margin-left:15px;
	}
}

@media (max-width: 768px) {
	}

@media (max-width: 767px) {
	#copyright #design p, #design a {
	text-align:left;
	}
	.carousel-inner img { margin-top:0px auto; padding-top:50px; display:block;}
	.carousel-inner a {
		margin-top:15%;
		}
	#us img {
	display:none;
	}
	.fieldgroup2 {
	width:96%;
	margin:20px 0 20px 15px;
	}
}
	
@media (max-width: 640px) {
	} 	
	
@media (max-width: 479px) {
	#menu.navbar-default .navbar-brand {
	padding-top:34px;
	min-height:90px;
	width:80%!important; 
	}
	#flags p { display:none;}
	#flags img { margin-left:2px!important;}
}
	
@media (max-width: 321px) {
}

/* ------------------------------------ */

/*Info buttons and overlay */

.popup-container {
    position: relative;
    z-index: 1000;
}

.popup-info {
    display: none;
    position: fixed;
    font-size: 20px;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
   /* min-width: 200px;
    min-height: 200px; */
   /* background-color: white; */
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1001;
}

.popup-info h3 {
    margin-top: 0;
}

.popup-info p {
    margin-bottom: 0;
}
/* CSS for the close button */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border: none;
    background: none;
    font-size: 20px;
    /*color: #888;*/
    color: black;
}

.close-btn:hover {
    color: #333;
}

/* CSS for the overlay */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black */
    z-index: 999; /* Ensure the overlay appears above other content */
    display: none; /* Initially hidden */
}
a.info-btn {
    /* Add your existing button styling here */
    cursor: pointer; /* Change mouse pointer to hand pointer on hover */
}