/* GENERAL STYLES */
body{
	background: -webkit-linear-gradient(0deg, #136a8a 10%, #267871 90%) !important; /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(0deg, #136a8a 10%, #267871 90%) !important; /* FF3.6+ */
	background:     -ms-linear-gradient(0deg, #136a8a 10%, #267871 90%) !important; /* IE10 */
	background:      -o-linear-gradient(0deg, #136a8a 10%, #267871 90%) !important; /* Opera 11.10+ */
	background:         linear-gradient(0deg, #136a8a 10%, #267871 90%) !important; /* W3C */
}
::-webkit-input-placeholder { color: #000; }
::-moz-placeholder { color: #000; } /* firefox 19+ */
:-ms-input-placeholder { color: #000; } /* ie */
input:-moz-placeholder { color: #000; }

a, a:hover { text-decoration: none; }
h1, h2, h3,
h4, h5, h6 {
	color: #4f4b5a;
	font-weight: 300;
	letter-spacing: 0px;
}
h1{ margin-top: 0; }
p {
	font-size: 16px;
	line-height: 25px;
	color: #333;
}
.center { text-align: center; }
.bold { font-weight: 700; }
li {
	font-size: 16px;
	line-height: 25px;
}
hr {
	max-width: 400px;
	border-color: #999999;
}
.clear{
	display: block;
	clear: both;
}
.box {
	padding-bottom: 40px;
	background: #fff;
}
.box-modular{
	background: #FFF;
	padding: 25px;
}
.videowrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin-bottom: 14px;
	height: 0;
}
.videowrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/** IMAGES EFFECTS**/
.img-grow {
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
.img-grow:hover { -webkit-filter: grayscale(100%); }


/** HEADER **/
.main-cta { position: relative; }
.header-action { text-align: right; }
#menu-toggle:focus{ background-color: #3d3d3d; }
#main-navigation {
	position: relative;
	max-height: 51px;
	padding: 0 15px;
	background-color: #d0d0d0;
	border-bottom: 1px solid #267871;
}
#main-navigation:before {
	content: ' ';
	background: url(../img/right-ribbon.png);
	position: absolute;
	width: 10px;
	height: 60px;
	right: -10px;
	top: 0px;
}
#main-navigation:after {
	content: ' ';
	background: url(../img/left-ribbon.png);
	position: absolute;
	width: 10px;
	height: 60px;
	left: -10px;
	top: 0px;
}
#main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#main-navigation ul li {
	float: left;
	display: block;
	margin: 0;
	line-height: 50px;
	color: inherit;
	padding: 0px 15px;
}
#main-navigation ul li:hover { color: #15a88c; }
#main-navigation ul li a {
	font-size: 14px;
	color: inherit;
	text-transform: uppercase;
	text-decoration: none;
	max-height: 50px;
	/*font-family: 'Droid Sans', sans-serif;*/
	text-shadow: none;
	font-weight: bold;
}
#main-navigation ul li.active {
	color: #fff!important;
	background-color: #15a88c;
}
#main-navigation ul li.click-call {
	background-color: #53b5a2;
	padding: 0 30px;
}
#main-navigation ul li.click-call:hover { opacity: .67; }
#main-navigation ul li.click-call a { color: #fff; }

/* Mobile Menu */
#menu-toggle-primary a.close-menu-primary, #menu-primary-items { display: none; }
#menu-toggle {
	background-color: #15A88C;
	color: #FFF;
	padding: 15px;
	font-size: 17px;
	text-transform: uppercase;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	z-index: 999999;
	border: none;
	width: 100%;
}
#main-navigation-mobile {
	clear: both;
	padding-top: 20px;
	position: relative;
}
#main-navigation-mobile ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}
#main-navigation-mobile ul li {
	width: 100%;
	text-align: center;
	color: #636466;
	margin: 0;
	padding: 15px 15px;
}
#main-navigation-mobile ul > li:hover {
	color: #FFF!important;
	background-color: #7b7c7f;
}
#main-navigation-mobile ul li a {
	color: inherit;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	max-height: 50px;
	/*font-family: 'Droid Sans', sans-serif;*/
	text-shadow: none;
	font-weight: bold;
}
#main-navigation-mobile ul li.click-call { color: #fff; }


/** MAIN CONTENT **/
.main {
	font-family: 'Open Sans', sans-serif;
	padding-top: 20px;
}
.main h1{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: #15a88c;
	margin-top:0;
	margin-bottom: 14px;
}
.main a { color: #15a88c; }
.main a:hover {
	color: #23527C;
	text-decoration: none;
}


/* SIDEBAR */
#sidebar{
    border-left: 1px solid #bebad6; 
    padding-left: 25px;
    margin-top: 20px;
}
.textwidget span{
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    line-height: 25px;
}


/** FOOTER **/
#footer { 
	color: #001d2d;
	background: #001d2d;
    padding: 15px 25px;
	border-top: 5px solid #15a88c;
}
#footer h1 {
	font-weight: bold;
	padding-bottom: 10px;
	color: #4f4b5a;
}
#footer h2 {
	border-bottom: 1px dashed #15a88c;
	color: #15a88c;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 10px;
}
#footer h3 { color: #f3f5f4; }
#footer p { color: #f3f5f4; }
#footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li:before { border-color: transparent #15a88c; }
#footer ul li {
	padding: 0 20px;
	border-bottom: 0px;
	color: #f3f5f4;
}
#footer ul li:before {
	content: "";  
	border-color: transparent #fff;  
	border-style: solid;  
	border-width: 0.35em 0 0.35em 0.45em;  
	display: block;  
	height: 0;  
	width: 0;  
	left: -1em;  
	top: 1em;  
	position: relative;  
}
#footer ul li a{
	color: #f3f5f4;
	font-size: 15px;
	line-height: 18px;
	text-decoration: none;
}
#footer .copyright { text-align: center; }
#footer .copyright a { color: #fff; }
#footer .copyright p.gr {
	font-size: 14px;
	color: #15a88c;
	text-align: center;
	margin: 25px 15px;
	padding: 15px 0px;
}
#footer .copyright p.gr a { color: #f3f5f4!important; }


/** MEDIA QUERIES **/
@media (min-width: 1280px) {
	.header-action {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 30px;
		line-height: 35px;
		margin-top: 0;
	}
}
@media screen and (min-width:1200px) {
	.box:after {
		content: '';
		display: table;
		clear: both;
	}
}
@media screen and (min-width:768px) {
}
@media(min-width:767px) {
}
@media (max-width: 1200px){
	#main-navigation-mobile ul li.click-call { background-color: #15a88c; }
}
@media (max-width: 991px){
}
@media all and (max-width: 991px) and (min-width: 564px){
}
@media (max-width: 768px) {
	.header-action {
		text-transform: uppercase;
		font-weight: 700;
		text-align: center;
		font-size: 30px;
		line-height: 35px;
		margin-top: 20px;
	}
	#sidebar {
		border-left: none;
		padding-left: 0;
	}
}
@media(max-width: 568px){
	img { width: 100%; }
}
@media(max-width:480px) {
	#sidebar {
		border-left: none;
		padding-left: 0;
	}
}
@media (max-width: 400px) {
	.header-action {
		text-transform: uppercase;
		font-weight: 700;
		text-align: center;
		font-size: 30px;
		line-height: 35px;
		margin-top: 20px;
	}
	#main-navigation-mobile > label, nav ul li ul { display: block; }
	#main-navigation-mobile > ul {
		display: none;
		clear: both;
	}
	#main-navigation-mobile ul ul li a:before {
		content:'↪ ';
		display: inline;
	}
	#main-navigation-mobile ul li {
		float: none;
		display: block;
		border-right: none;
		padding-left: 10px;
	}
	#main-navigation-mobile ul li.active {
		color: #fff!important;
		background-color: #15a88c;
	}
	#main-navigation-mobile li:hover ul {
		position: relative;
		width: auto;
	}
	#main-navigation-mobile ul ul li:hover > ul {
		right:auto;
		top: auto;
		left: auto;
	}
	#sidebar {
		border-left: none;
		padding-left: 0;
	}
}