/* -------- OpenSans-Regular ---------- */
@font-face{
	font-family:'OpenSans_Regular';
	src:url('../fonts/OpenSans-Regular-webfont.eot');
	src:url('../fonts/OpenSans-Regular-webfont.eot') format('embedded-opentype'),
	url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
	url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
	url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
	url('../fonts/OpenSans-Regular-webfont.svg') format('svg');
	font-weight:normal;
}
/* -------- OpenSans-Light ---------- */
@font-face{
	font-family:'OpenSans_Light';
	src:url('../fonts/OpenSans-Light-webfont.eot');
	src:url('../fonts/OpenSans-Light-webfont.eot') format('embedded-opentype'),
	url('../fonts/OpenSans-Light-webfont.woff2') format('woff2'),
	url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
	url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
	url('../fonts/OpenSans-Light-webfont.svg#OpenSans_Light') format('svg');
	font-weight:normal;
}
/* -------- OpenSans-bolditalic ---------- */
@font-face{
	font-family:'OpenSans_BoldItalic';
	src:url('../fonts/OpenSans-BoldItalic.eot');
	src:url('../fonts/OpenSans-BoldItalic.eot') format('embedded-opentype'),
	url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
	url('../fonts/OpenSans-BoldItalic.woff?') format('woff'),
	url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'),
	url('../fonts/OpenSans-BoldItalic.svg') format('svg');
	font-weight:normal;
}
/* ------------ OpenSans_Bold ------------ */
@font-face{
	font-family:'OpenSans_Bold';
	src:url('../fonts/OpenSans-Bold.eot');
	src:url('../fonts/OpenSans-Bold.eot') format('embedded-opentype'),
	url('../fonts/OpenSans-Bold.woff2') format('woff2'),
	url('../fonts/OpenSans-Bold.woff?') format('woff'),
	url('../fonts/OpenSans-Bold.ttf') format('truetype'),
	url('../fonts/OpenSans-Bold.svg') format('svg');
}
/* -------- OpenSans-LightItalic ---------- */
@font-face{
	font-family:'OpenSans_LightItalic';
	src:url('../fonts/OpenSans-LightItalic.eot');
	src:url('../fonts/OpenSans-LightItalic.eot') format('embedded-opentype'),
	url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
	url('../fonts/OpenSans-LightItalic.woff?') format('woff'),
	url('../fonts/OpenSans-LightItalic.ttf') format('truetype'),
	url('../fonts/OpenSans-LightItalic.svg') format('svg');
	font-weight:normal;
}
/* -------- OpenSans-ExtraBoldItalic ---------- */
@font-face{
	font-family:'OpenSans_ExtraBoldItalic';
	src:url('../fonts/OpenSans-ExtraBoldItalic.eot');
	src:url('../fonts/OpenSans-ExtraBoldItalic.eot') format('embedded-opentype'),
	url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
	url('../fonts/OpenSans-ExtraBoldItalic.woff?') format('woff'),
	url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
	url('../fonts/OpenSans-ExtraBoldItalic.svg') format('svg');
	font-weight:normal;
}
/* -------- OpenSans-ExtraBold ---------- */
@font-face{
	font-family:'OpenSans_ExtraBold';
	src:url('../fonts/OpenSans-ExtraBold.eot');
	src:url('../fonts/OpenSans-ExtraBold.eot') format('embedded-opentype'),
	url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
	url('../fonts/OpenSans-ExtraBold.woff?') format('woff'),
	url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
	url('../fonts/OpenSans-ExtraBold.svg') format('svg');
	font-weight:normal;
}
body{margin:0;padding:0;font-family:'OpenSans_Regular';}
img{max-width:100%;}
ul,li{margin:0;padding:0;list-style:none;}
.navbar-default .navbar-nav > li > a{color:#000;}

#header .navbar-brand{height:auto;width: 200px;padding: 0 15px;transition:all 0.5s ease-in 0s;}
#header .navbar-default{background:#fff;}
#header .navbar{margin-bottom:0;}
#header .navbar-right{transition:all 0.5s ease-in .5s ;}
.phone_number{text-align:right;font:24px 'OpenSans_BoldItalic';color:#0000ff;width:100%;float:left;}
.social_links ul{width:100%;float:left;}
.social_links ul li{float:right;margin-left:2%;}
.social_links ul li a{cursor:pointer;}
.social_links ul li a .fa{font-size:22px;}
#header .navbar-default .navbar-nav > li > a:hover,
#header .navbar-default .navbar-nav > li.active > a{background:transparent;color:#0000FF;}
/* ---------------- slider css --------------- */
.main_slider{width:100%;float:left;border-top:2px solid #000;border-bottom:2px solid #000;background:#4c4cff;}

#myCarousel .nav a small{display: block;}
#myCarousel .nav{background: #eee;}
.nav-justified > li > a{border-radius: 0px;}
.carousel-inner.col-sm-9{overflow: hidden;position: relative;width: 75%;padding: 0;}
#myCarousel .nav.col-sm-3{width: 25%;padding-right:0;}
#myCarousel .nav.col-sm-3.nav-justified > li{width:100%;float: left;margin-left:0; background: #000;}
#myCarousel .carousel-inner > .item > img, 
#myCarousel .carousel-inner > .item > a > img{width:100%;}
#myCarousel ul.nav{background:#000;}
#myCarousel ul.nav h3{width:100%;float:left;font:28px 'OpenSans_ExtraBoldItalic';color:#fff;text-align:center;text-transform:uppercase;}
#myCarousel ul.nav > li > a{padding:19px 15px 16.2px;}
/*#myCarousel ul.nav > li > a{padding:19px 15px; }*/
#myCarousel ul.nav > li > a:hover{background:transparent;outline:aqua;}
#myCarousel ul.nav-pills > li.active > a, 
#myCarousel ul.nav-pills > li.active > a:hover, 
#myCarousel ul.nav-pills > li.active > a:focus{background:transparent;outline:aqua;}
.icon-circle{width:60px;text-align: center;height:60px;line-height:50px;border:5px solid #0000ff;border-radius:100%;float:left;position:relative;}
.icon-circle.blue-pointer:after,.icon-circle.black-pointer::after{bottom: -30px;width:26px;height:20px;position:absolute;content:"";left:0;right:0;margin:0 auto;
background:url(../images/pointer.png);}
.icon-circle.black-pointer::after{background-position:0 -25px;}
span.tab-title{margin-top: 1px;float:right;font:22px 'OpenSans_ExtraBoldItalic';color:#fff;width:75%;text-align:center;}
.nav-justified > li > a{width:100%;float:left;}
.nav-justified > li.active > a .icon-circle{border-color:#fff;}
/* ---------------- section css -------------- */
section{padding:30px 0;width:100%;float:left;}
.section{width:100%;float:left;margin:10px 0;}
.section_title{width:100%;float:left;padding: 30px 0;text-align:center;font:30px 'OpenSans_Bold';color:#000;text-transform:uppercase;}
.section_bg_white{background:#fff;}
.section_bg_gray{background:#eeeeee;}
section ul{width:100%;float:left;margin:20px 0;text-align:center;}
section ul li{display:inline-block;margin:0 5% 0 0;}
section ul li:last-child{margin-right:0;}

/* ------------ welcome --------------------- */
h3.welcome{width:100%;float:left; text-transform:uppercase;margin:4px 0;text-align:center;font:29px 'OpenSans_Regular';color:#000;}
h3.welcome span{font-family:'OpenSans_Bold';}
.tab-icons{width:100%;float:left;text-align:center;}
.tab-icons li{width:15%;display:inline-block;margin-bottom:20px;padding:10px;}
.tab-icons li .span-icon{width:100%;float:left;text-align:center;}
.tab-icons li .span-icon .icon-circle{border-color:#000;display:inline-block;float:none;}
.tab-icons li .span-icon-title{width:100%;text-transform:uppercase;float:left;text-align:center;font:16px 'OpenSans_ExtraBold';
color:#0000ff;margin-top: 35px;}
.padding-left-0{padding-left:0;}
.padding-right-0{padding-right:0;}
.selective-icon-box{width:100%;float:left;}
.selective-icon-box .selective-icon-title{width:100%;float:left;font:24px 'OpenSans_Regular';color:#000;
border-bottom:3px solid #2122b9;padding-bottom:10px;}
.selective-icon-box .selective-icon-title span{font-family:'OpenSans_Bold';}
.selective-icon-box p{font:16px 'Myriad Pro';color:#000;width:100%;float:left;padding:8px 0 0;}
.selective-icon-box ul{width:100%;float:left;list-style-type: circle;margin:10px 0; padding: 0 20px;text-align: left;}
.selective-icon-box ul li{width:100%;float:left;margin:5px 0;padding:0;font:16px 'Myriad Pro';color:#000;position:relative;}
.selective-icon-box ul li:before{width:9px;height:9px;position:absolute;content:"";left:-20px;top:5px;
background:url(../images/list-disc.png);}

.right-side-box{border:2px solid #eee;float:left;}
.img_box{width:100%;float:left;padding:10px;margin-bottom: 20px;}
.left-side-phone{width:100%;float:left;text-align:center;font:36px 'OpenSans_BoldItalic';color:#000;}
.left-side-phone span{width:100%;float:left;font-size:27px;margin:5px 0;}
.right-side-box .selective-icon-box{margin-top:30px;}
.right-side-box .selective-icon-box .selective-icon-title{font-size:20px;}
/* -------------- testimonial --------------- */
section#testimonial:before{width:95px;height:40px;content:"";position:absolute;left:0;right:0;margin:0 auto;
background:url(../images/top_testimonial_point.png);top:-40px;}
section#testimonial{padding-bottom:30px;position:relative;}
.testnls-box{width:100%;float:left;border:1px solid #c5c5c5;background:#eeeeee;position:relative;}
.testnls-box:after{position:absolute;bottom:-53px;content:"";background:url(../images/testimonial/bottom-pointer.png);
left:-1px;width:73px;height:54px;}
.img_section{width:100%;float:left;text-align:center;}
.img_section img{width:100%;}
.testnls-box-content{width:100%;float:left;padding:20px 10px;font:14px 'OpenSans_LightItalic';color:#000;}
.testnls-box-title{width:100%;float:left;margin:58px 0 10px;font:23px 'OpenSans_BoldItalic';color:#000;}

/* --------------- footer ------------------ */
footer{width:100%;float:left;}
.footer_top{width:100%;float:left;padding:10px 0;background:url(../images/footer-top-bg.jpg);}
.footer_top h4.title{width:100%;float:left;font:22px 'OpenSans_Regular';color:#fff;}
.footer_top .content{width:100%;float:left;font:14px 'myriad pro';color:#c1c1c1;}
.footer_top .content ul{width:100%;float:left;}
.footer_top .content ul li{width:100%;float:left;border-bottom:1px solid rgba(92,92,92,.4);padding:10px 0;margin:10px 0 0;}
.footer_top .content ul li:last-child{border:none;}
.footer_top .content span.date_time{width:100%;float:left;color:#898989;margin:10px 0;}
.footer_top .content .fa{color:#00bac6;}
.footer_top .content p{padding: 10px 0 0;}
.footer_top .content address ul li{margin:0 0 10px;padding:0;border:none;}
.footer_top .content address ul li span.date_time{margin:0;}
.footer_top .content address ul li span.date_time .fa{font-size:20px;width:40px;}
.footer-bot{width:100%;float:left;font:14px 'OpenSans_Light';color:#fff;background:#000;padding:15px 0 10px;}
.footer-bot .social_links ul li{margin-left:16px;}
.footer-bot .social_links ul li a .fa{color:#fff;}
.footer-menu-wrap {min-height: 230px;}

/* ----------- welcome ---------------------- */
#billing_water .nav-justified > li:hover{cursor:pointer;}
#billing_water .nav-justified > li.active{background:rgba(0, 0, 255, 0.2);border-radius:10px;}
#billing_water .nav-justified.tab-icons li.active .span-icon .icon-circle{border-color:#fff;}
#billing_water .nav-justified > li.active .icon-circle.black-pointer::after{background-position:0 -50px;}
#billing_water .nav-justified > li.active .span-icon-title{color:rgba(0, 0, 255, 0.9);}

/* --------- responsive css here ------------ */
@media (max-width:1024px)
{
	#myCarousel .nav.col-sm-3,.carousel-inner.col-sm-9 {width: 100%;}
	#myCarousel .nav.col-sm-3.nav-justified > li{width:33%;}
	span.tab-title{width:70%;font-size:18px;}
	
	#header .navbar-header{width:100%;float:left;}
	#header .navbar-brand{width:100%;text-align:center;}
	#header .navbar-brand > img{display:inline-block;}
	#header .navbar-right{width:100%;}
	#header .nav.navbar-nav{width:100%;float:left;text-align:center;}
	#header .navbar-nav > li{display:inline-block;float:none;}
	#header .phone_number{display:none;}
	#header .social_links{display:none;}
	#header .nav > li > a{padding:10px 12px;}
}

@media (max-width:980px)
{
	#header .navbar-right{margin-right:0;}
	.right-side-box{text-align:center;}	
	section#testimonial{margin-top:45px;}
}
@media (max-width:768px)
{
	span.tab-title {font-size: 15px;width: 64%;}
	.tab-icons li .span-icon-title{font-size:13px;}
}
@media (max-width:767px)
{
	#header .navbar-header{margin:0; position: relative;}
	#header .navbar-default .navbar-toggle {background: #0000ff;border-color: #0000ff;bottom: 0;position: absolute;right: 0;}
	#header .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
	#header .navbar-right{margin-left:0;}
	#header .navbar-nav > li{width:100%;text-align:left;float:left;}
	#header .navbar-default .navbar-nav > li > a:hover,
	#header .navbar-default .navbar-nav > li.active > a{background:#0000FF;color:#fff;}
	.footer-bot .section{text-align:center;}
}
@media (max-width:600px)
{
	#myCarousel .nav.col-sm-3.nav-justified > li {width: 100%;border-bottom:1px solid #333;}
	span.tab-title {float: left;font-size: 24px;width: 64%;}
}
@media (max-width:480px)
{
	.tab-icons li {width: 33%;}
}
@media (max-width:360px)
{
	.tab-icons li {width: 100%;}
	span.tab-title {font-size: 18px;}
}
@media (max-width:320px)
{
	#header .navbar-brand > img {max-width:60%;}
}

.section.xyz .item{
    display: none;
}

.section.xyz .item.active {
    display: block;
}


p.slide-caption {
    position: absolute;
    bottom: 0;
    padding: 15px;
    background: rgba(0, 0, 0, 0.7);
    margin: 0;
    color: white;
    text-align: justify;
}

#myCarousel .item img{
    height: 395px !important;
}

/*#myCarousel .nav.col-sm-3{
	padding-bottom: 8px;
}*/

.contactHeader {
	float: right;
    text-align: right;
    font-size: 25px;
    color: #ed3038;
    margin-bottom: 5px;
}