/* GLOBAL STYLES
-------------------------------------------------- */

body {
	font-family: 'PT Sans', sans-serif;
	color: #545454;
	line-height: 1;
	background: #e9ecf1;
}
img {
	max-width: 100%;
}
p {
	font-size: 14px;
	line-height: 20px;
	color: #444444;
}
a, a:hover, a:focus {
	outline: none;
	text-decoration: none;
	cursor: pointer;
}
/*Transition Animation*/ 
a, button, .button, .contactus form input[type="submit"], .submit {
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-ms-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	-o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
	transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
/*color */
.red {
	color: #f00;
}
.yellow {
	color: #ff0;
}
/*Margin */
.mb40 {
	margin-bottom: 40px;
}
/* HEADER STYLE
-------------------------------------------------- */
.header, .header-top {
	position: relative;
	width: 100%;
	background: #f3f3f3;
	clear: both;
}
.header-top {
	padding: 10px 0;
}
.social {
	position: relative;
	float: left;
}
.social li {
	float: left;
	margin-right: 5px;
}
.social li a {
	display: block;
	font-size: 16px;
	color: #c2c2c2;
	padding: 5px;
}
.social li a:hover {
	color: #00c6b9;
}
.clus {
	float: right;
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
}
.header-main {
	width: 100%;
	background: url(../images/bg1.jpg) center top no-repeat #01c3b8;
}
.brand {
	float: left;
	position: relative;
	text-align: center;
	padding: 15px;
	margin-left: -15px;
}
.brand h1 {
	color: #302222;
	font-size: 60px;
	line-height: 1;
	margin: 0;
	font-weight: 700;
}
.brand p {
	margin: 0;
	font-size: 35px;
	line-height: 1;
	color: #f00;
	font-weight: 700;
}
.subline {
	float: right;
	padding: 18px 0;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-style: italic;
	font-size: 40px;
	line-height: 1;
	text-align: center;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-default {
	padding: 15px 0;
	margin: 0;
}
.navbar-default .navbar-nav > li {
	margin-right: 10px;
}
.navbar-default .navbar-nav > li > a {
	background: #00c5b8;
	padding: 15px 25px;
	font-size: 18px; 
	text-transform: uppercase;
	color: #fff;
	-webkit-border-radius: 30px 0 30px 0;
	border-radius: 30px 0 30px 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:focus {
	background: #f00;
	color: #fff;
	-webkit-border-radius: 0 30px 0 30px;
	border-radius: 0 30px 0 30px;
}


.navbar-inverse { background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #FFFFFF}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #F7FCFF}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #FFFFFF}
.navbar-inverse .navbar-brand { color: #000103}
.navbar-inverse .navbar-brand:hover { color: #046AC9}
.navbar-inverse .navbar-nav>li {margin: 5px; }
.navbar-inverse .navbar-nav>li>a { font-size: 18px;color: #0A0A0A;
                                   border-bottom: 1px #fff solid; border-top: 1px #fff solid;
margin-top: 9px; margin-bottom: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { border-bottom: 1px #2291f8 solid; border-top: 1px #2291f8 solid;color: #2291f8;
margin-top: 9px;margin-bottom: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    border-top: 1px #046AC9 solid;border-bottom: 1px #046AC9 solid;color: #046AC9;
    margin-top: 9px;margin-bottom: 9px;
    padding-top: 5px;
    padding-bottom: 5px;

}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #046AC9}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #046ac9}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

.navbar-default .navbar-nav > li > a { margin-top: 9px;margin-bottom: 9px;
    padding-top: 5px;
    padding-bottom: 5px;}

/* Main Page content
-------------------------------------------------- */
.main-page {
	position: relative;
	width: 100%;
	padding: 15px 0;
}
.section {
	position: relative;
	padding: 30px 0;
}
.banner {
	border: 5px solid #fff;
	position: relative;
	text-align: center;
}
.banner .caption {
	position: absolute;
	bottom: 15%;
	left: 8%;
	padding: 20px;
	font-size: 50px;
	font-weight: 700;
	background: url(../images/black-transparent-bg.png) left top repeat;
	color: #fff;
	z-index: 1;
}
.banner .carousel-inner > .item > img {
	width: 100%;
}
.banner .carousel-indicators {
	bottom: 10px;
}
.banner .carousel-control {
	width: 40px;
}
.banner .carousel-control.right {
	background: none;
}
.banner .glyphicon-chevron-left {
	left: 10px;
}
.banner .glyphicon-chevron-right {
	left: auto;
	right: 5px;
	margin-left: 0;
}
/* Close banner */

.pagetitle {
	border-left: 2px solid #03a99f;
	margin-bottom: 20px;
	padding-left: 10px;
}

h1, h2{
    margin: 0;
    line-height: 1;
}

.pagetitle h2 {
	font-size: 30px;
	line-height: 1;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
}
.pagetitle p {
	font-size: 20px;
	line-height: 1;
	margin: 0;
	color: #8b8b8b;
}
.main-page .title {
	font-size: 30px;
	color: #3a3a3a;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
}
.main-page .title2 {
	font-size: 20px;
	color: #8b8b8b;
	font-weight: 700;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
.main-page .sub-title {
	font-size: 20px;
	color: #8b8b8b;
	margin: 0 0 30px 0;
}
.main-page .more {
	background: #1793d5;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 8px 15px;
	text-transform: uppercase;
	display: inline-block;
}
.main-page .more:hover {
	background: #f00;
}
/* Featurettes
------------------------- */

.feature {
	background: url(../images/bg1.jpg) center top no-repeat #01c3b8;
	text-align: center;
}
.feature-content {
	position: relative;
	display: inline-block;
	text-align: left;
	padding-left: 185px;
	min-height: 50px;
	text-align: center;
}
.feature-content .model {
	position: absolute;
	left: 0;
	bottom: -30px;
}
.feature-content h1 {
	font-size: 25px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
}
/* Footer
------------------------- */
.footer {
	background: #002826;
	color: #fff;
	padding: 20px 0;
}
.copyright {
	margin: 0;
	font-size: 18px;
	color: #fff;
}
.copyright small {
	font-size: 13px;
}
.copyright span {
	font-size: 13px;
	color: #008881;
}
/* Contact Page
------------------------- */
.contactus {
	position: relative;
	padding: 30px 0;
}
.map {
	position: relative;
	width: 100%;
}
.message-us {
	position: relative;
	margin-top: 40px;
}
.contactus form {
	position: relative;
	width: 100%;
}
.contactus form input[type="text"], .contactus form input[type="email"], .contactus form input[type="tel"], .contactus form textarea {
	width: 100%;
	border: none;
	padding: 10px;
	min-height: 40px;
	margin: 6px 0;
}
.contactus form textarea {
	min-height: 150px;
}
.contactus form input[type="submit"], .submit {
	border: none;
	padding: 10px 15px;
	min-height: 30px;
	margin: 6px 0;
	background: #1793d5;
	float: right;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
.contactus form input[type="submit"]:hover, .submit:hover {
	background: #f00;
}
.require {
	color: #f00;
	margin-top: 15px;
}
.address {
	margin-top: 40px;
}
.address p {
	padding-left: 30px;
	position: relative;
	margin-bottom: 20px;
}
.address .icon {
	color: #00baae;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 0;
}
.social-link {
	float: right;
	margin-top: 10px;
}
.social-link li {
	display: inline-block;
}
.social-link li a {
	font-size: 24px;
	padding: 5px;
	color: #00baae;
}
.social-link li a:hover {
	color: #f00;
}

.circle-oval-in {   
        border: 10px #bae6fd solid;
    	width: 500px; height: 250px; background: #227fb0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
        position: static;
}

.circle-oval1-out {   
    width: 420px; height: 270px; background: #bae6fd; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}

.product-chooser-item {		
		background: #03a89e;
		padding: 15px 8px 15px 8px;
		filter: alpha(opacity=100);
		opacity: 1;
                color: white;
                font-weight: bold;
                line-height:20px;
                margin-bottom: 20px;
                display: block;
                cursor: pointer;
}

.product-chooser-item:hover {		
		background: #227fb0;		
}

#oval_parent{
    background:#4ea515;
    width:420px;    
    height:350px;
    overflow:hidden;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
}

#oval{
    width: 410px;
    height: 370px;   
    margin-left: 5px;
    margin-top: -10px;
    background: white;
    -moz-border-radius: 250px / 50px;
    -webkit-border-radius: 250px / 50px;
    border-radius: 250px / 50px;
}

#oval-image{
   height: 300px;
   width: 450px;   
   margin-left: 100px;
   background:url(../images/blocks.png) center top no-repeat;
}
#oval-image-180{
   height: 300px;
   width: 450px;   
   margin-left: 100px;
   background:url(../images/blocks-180.png) center top no-repeat;
}

#block-image{
   height: 300px;
   width: 450px;   
   margin-left: 90px;
   background:url(../images/block_1.png) center top no-repeat;
}



/*-----------------------------------------------
 CUSTOM CONTAINER STYLE 
-------------------------------------------------- */

@media (min-width:1200px) {
.container {
	width: 970px
}
}

/*---------------------------------------
 RESPONSIVE STYLE CSS
-------------------------------------------------- */
@media (max-width:980px) {
.banner .caption {
	font-size: 35px;
}
}

@media (max-width:677px) {
.banner, .video {
	margin-bottom: 30px;
}
.banner .caption {
	font-size: 50px;
}
}

@media (max-width:480px) {
.brand, .subline {
	float: none;
	width: 100%;
	text-align: center;
}
.subline {
	font-size: 30px;
}
.feature-content {
	padding-left: 40%;
	font-size: 25px;
}
.feature-content .model {
	width: 40%;
}
.feature-content h1 {
	font-size: 35px;
}
}

@media (max-width:479px) {
.banner .caption {
	font-size: 30px;
}
}