@charset "utf-8";

/* CSS Document */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'robotoregular', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 26px; color: #555555; background: #fff; }

ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }
h1 { font-family: 'robotolight', Arial, Helvetica, sans-serif; color: #0099ff; font-size: 24px; margin: 10px 0px 20px 0px; text-transform: none; line-height: 26px; padding-bottom: 15px; letter-spacing: -0.02em;}

h2 { font-family: 'robotolight', Arial, Helvetica, sans-serif; color: #0099ff; font-size: 24px; margin: 30px 0px 10px 0px; text-transform: none; line-height: 26px; padding-bottom: 15px; letter-spacing: -0.02em; }
h3 { font-family: 'robotolight', Arial, Helvetica, sans-serif; color: #0099ff; font-size: 18px; margin: 20px 0px !important; }
h4 { font-family: 'robotolight', Arial, Helvetica, sans-serif; color: #939393; font-size: 16px; margin: 0px 0px 20px 0px; text-transform: none; }
h5 { font-family: 'robotolight', Arial, Helvetica, sans-serif; color: #000; font-size: 14px; margin: 0px 0px 20px 0px; text-transform: none; font-weight: normal; }
a, a:hover { color: #000; transition: color 1s; }
.nop { padding: 0 !important; margin: 0 !important; }
.container { max-width: 100%; width:100%; margin: 0px auto !important; }
p { margin: 15px 0px; }
[class*="col-"] {padding: 0 5px;}

.header{}
a.logo{display:inherit; float:left; margin:13px 8px;}
a.logo img{display:block; float:left;}
a.logo div{padding:36px 16px; display:block; float:left;}
a.logo h2{margin:0px; padding:0px; color:#0099ff; font-family:'robotobold', Arial, Helvetica, sans-serif; font-size:30px;}
a.logo p{margin:0px; margin-top:12px; font-family:'robotomedium', Arial, Helvetica, sans-serif; font-size:13px; color: #5e5e5e; line-height:18px;}

.navg, .btn{
background: #0099ff; /* Old browsers */
background: -moz-linear-gradient(top,  #0099ff 0%, #007bce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#007bce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0099ff 0%,#007bce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0099ff 0%,#007bce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0099ff 0%,#007bce 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0099ff 0%,#007bce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#007bce',GradientType=0 ); /* IE6-9 */	
}
.angie{background:url(../images/angie.jpg) no-repeat right; text-align:right; height:172px;}
.angie div{line-height:172px; padding-right:200px; font-size:30px; color:#0161a0; font-family:'robotomedium', Arial, Helvetica, sans-serif;}
.angie div a{font-size:30px; color:#0161a0; font-family:'robotomedium', Arial, Helvetica, sans-serif; text-decoration:none;}}
.slidr li{background:#333 !important;}
.slidr img{opacity:0.8; }
.subss{ display:table-cell; text-align:center; vertical-align:middle; position:relative;}
.subss img{width:100%; height:auto;}
.subss div{width:auto; height:auto; display:inline-block; padding:10px; position:absolute; z-index:100; left:20px; right:20px; text-align:center; bottom:44%;}
.subss div {
	color: #fff;
	/* font-family: Arial; */
	display: block;
	line-height: 36px;
	font-family: 'robotolight';
	text-align: center;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	letter-spacing: -0.01em;
	font-size: 30px !important;
	text-transform: uppercase;
}
.subcontent .container div{width:100%; margin:50px auto; padding:0px 50px;}

.contentarea{background:url(../images/content-bg.jpg) no-repeat top;}
.contentarea .container{min-width:100%; padding:30px 50px !important; text-align:center;}
.bigtext{font-size:22px; line-height:34px; font-family:'robotolight', Arial, Helvetica, sans-serif; color:#6c6c6c; max-width:750px; margin:20px auto; display:table; text-align:center;}
a.videolink{background:#2d2d2d; height:60px; line-height:50px; color:#fff; font-family:'robotobold', Arial, Helvetica, sans-serif; text-align:center; border:5px solid #0099ff; border-radius:3px; display:block; margin:50px auto; max-width:600px; font-size:18px; text-transform:uppercase;}
.btn{font-size:30px; text-transform:uppercase; color:#fff; font-family:'robotobold', Arial, Helvetica, sans-serif; padding-left:30px; padding-right:30px;}

.footertop{background:#eeeeee; padding:15px !important;}
.footertop li{display:block; float:left; margin:4px 10px;}
.footertop li:hover img{opacity:0.7;}
.footertop .right ul{float:right;}
.callnow {
	position: absolute;
	z-index: 100;
	margin-top: -74px !important;
	margin-left: 300px !important;
}
.footer{background:#0099ff; color:#fff; font-size:14px; line-height:26px; padding-top:20px !important; padding-bottom:30px !important; padding-left:50px !important; padding-right:50px !important;}
.footer a{color:#fff; text-decoration:none;}
.footer a:hover{color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}

.phno{padding:20px 30px !important; display:block; font-family:'robotolight', Arial, Helvetica, sans-serif; font-size:20px; line-height:26px; background:#FFD9D9; border:2px dashed #FF7575; border-radius:5px; margin:0px 0px;}

ol li{list-style:inside; list-style-type:decimal;}
blockquote{font-family:'robotolight', Arial, Helvetica, sans-serif; font-size:20px; line-height:28px; font-style:italic; text-align:left; max-width:650px; margin-left:40px; margin-right:40px;}
blockquote span{background:#F00; padding:3px 10px; color:#fff; border-radius:3px; margin-right:6px;}




/* Back to top button */
#back-top { position: fixed; bottom: 0px; right:30px; }
#back-top a { width: 56px; display: block; text-align: center; font-size:8px; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */
-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover { color: #000; }
/* arrow icon (span tag) */
#back-top span { width: 56px; height: 30px; display: block; margin-bottom: 4px; background: #ddd url(../images/up-arrow.png) no-repeat center center; /* rounded corners */
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /* background color transition */
-webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span { background-color: #777; }
/* /Back to top button */

/* Form Style Start */
label{display:block; float:left; width:100%; margin:2px 0px;}
input, textarea, select{display:block; float:left; padding:8px 5px; border:1px solid #c2c2c2; border-radius:3px;background:#fafafa;box-shadow:inset 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.2); font-family:Arial, Helvetica, sans-serif; font-size:12px;}
input:hover, textarea:hover, select:hover,input:focus, textarea:focus, select:focus{ background:#fff;}
input[type="submit"]{background:#2e2e2e; padding:5px 10px; border:none; border-radius:3px;font-family:'robotoregular', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; color:#fff; cursor:pointer; margin:8px 0px;
background: #007bce; /* Old browsers */
background: -moz-linear-gradient(top,  #007bce 0%, #0099ff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007bce), color-stop(100%,#0099ff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #007bce 0%,#0099ff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #007bce 0%,#0099ff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #007bce 0%,#0099ff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #007bce 0%,#0099ff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bce', endColorstr='#0099ff',GradientType=0 ); /* IE6-9 */
}
input[type="submit"]:hover{
background: #0099ff; /* Old browsers */
background: -moz-linear-gradient(top,  #0099ff 0%, #007bce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#007bce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0099ff 0%,#007bce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0099ff 0%,#007bce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0099ff 0%,#007bce 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0099ff 0%,#007bce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ff', endColorstr='#007bce',GradientType=0 ); /* IE6-9 */	
}
/* Form Style End */


@media only screen and (max-width : 1200px) {
	.bx-wrapper .bx-caption{bottom: 94px !important;}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

.header .container div{width:100%;}
.angie div{line-height: 150px; padding:0px;}
.angie {
	display: inline-block;
	width: 100%;
	height: 150px;
	text-align: center;
}
a.logo {
	display: flex;
	margin: 20px auto !important;
	float: none;
	width: max-content;
}
nav {
	max-height: 40px;
	overflow: hidden;
}
.bx-wrapper .bx-caption{bottom: 64px !important;}
.left ul, .right ul{display:table; margin:10px auto; float:none !important;}
.bx-wrapper .bx-caption span{line-height: 32px;font-size: 20px !important;}

.subss div{line-height: 10px;font-size: 20px !important;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

.angie div {
	line-height: 40px;
	padding: 0px;
	padding-right: 200px;
	padding-top: 20px;
}
.bx-wrapper .bx-caption span span span{font-size: 16px !important;line-height: 40px !important;}
.bx-wrapper .bx-caption span {
	line-height: 0px;
	font-size: 14px !important;
}
.bx-wrapper .bx-caption span img {
	display: block;
	float: left;
	margin: 10px 0px;
	margin-right: 16px;
	width: 20px;
	height: 20px;
}
.bx-wrapper .bx-caption {
	bottom: 20px !important;
}
.callnow{display:none !important;}
.bigtext {
	font-size: 18px;
	line-height: 26px;
}
.footertop li, .footer{width:100%; text-align:center;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

.angie div a {
	font-size: 22px !important;
	line-height:14px !important;
}
a.logo img {
	width: 100px;
	height: 100px;
}
a.logo div {
	padding: 14px 0px;
	display: block;
	float: left; width:50% !important; padding-left:10px;
}
a.logo h2 {
	margin: 0px;
	padding: 0px;
	color: #0099ff;
	font-family: 'robotobold', Arial, Helvetica, sans-serif;
	font-size: 24px;
}
a.logo p {
	margin: 0px;
	margin-top: 12px;
	font-family: 'robotomedium', Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5e5e5e;
	line-height: 12px;
}
.bx-caption{display:none;}
.footer{padding-bottom: 130px !important;}
.subss div{display:none;}

.bx-wrapper .bx-caption span span span{font-size: 16px !important;line-height: 40px !important;}
.bx-wrapper .bx-caption span {
	line-height: 0px;
	font-size: 14px !important;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}
