/*
Askari plus systems
*/

/*--fonts--*/


@font-face {
	font-family: "Sansation";
	 src: 
        url('../fonts/Montserrat-Light.TTF') format('truetype');
	   -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
   

}

@font-face{
font-family:"myheaders";
 

	src: url('../fonts/Montserrat-Light') format('truetype');
	
 

}

@import url('overwrite.css'); 
h4, h5, h6,h1, h2, h3 { 
margin: 0; 

font-family: "Sansation",  Montserrat-Light;

}
ul, ol, li{
	margin: 0;
font-family: "Sansation",  Montserrat-Light;}

p{ 
     margin: 0;
     font-size:15px !important;
	 font-weight:600px !important;
}
body{
	margin:0;
	padding:0;
	overflow-x: hidden !important; 
}


.header-top{
	background:#04597C;
	padding: 1em 0em;
}
.header-top p {
	font-size:16px;
	color:#fff !important;
	font-family: "Sansation",  Montserrat-Light;
}
.header-top a {
	font-size:16px;
	color:#fff;
	font-family: "Sansation",  Montserrat-Light;
}
.header-top span{
	
	color:#fff !important;
	font-family: "Sansation", Montserrat-Light;
	font-size:14px;
}
nav.navbar.navbar-default.chn-gd{
	background-color: #fff;
	border-bottom:none;
	padding: 1em 0em;
	margin: 0;
}
.icn_pos {
	font-size: 16px;
	padding-left:50px;
}
.icn_pos.hm{
	padding-left:12px;
}
.icn_pos.hm2 {
	padding-left: 40px;
}
.navbar-default .navbar-nav>li{
	border-right:1px solid rgba(48, 155, 190, 0.44);
	padding: 0px 5px 0px;
}
.navbar-default .navbar-nav>li:nth-child(5){
	border-right:none;
}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a{
	padding: 4px 12px;
	color: #309BBE !important;
	font-family: "Sansation",  Montserrat-Light;
	font-size: 15px;

}
.carousel-indicators .active {
	background-color: #004687;
}
.carousel-indicators li {
	border: 1px solid #F4AC42;
}
.image-wid img {
	width: 100%;

}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	color: #F4AC42 !important;
	border-radius: 2px;
	transition:0.6s all;
	
}
.carousel-caption {
	text-align:auto;
	top: 82%;
	left: 55%;
	
}

.carousel-caption h2{
	font-family: 'Sansation', Montserrat-Light;
	font-size: 20px;
	color: #FAF4F4;
	background:#04597C;
	padding: 1px 1px;
	width: 100%;
	margin-bottom:5px;
	border-radius: 1px;
}
.carousel-caption p {
	font-family: 'Sansation', Montserrat-Light,sans-serif;
	font-size: 16px;
	background: rgba(48, 155, 190, 0.7);
	width: 58%;
	padding: 10px 10px;
	margin-bottom: 15px;
	border-radius: 2px;
	color:fff !important;
	
}
a.right.carousel-control {
	background: none !important;
}
a.left.carousel-control {
	background: none !important;
}
button.btn.btn-info.sld {
	width: 12%;
	padding: 8px 0px;
	border-radius: 1px;
	outline:none;
	border:none !important;
	background:#d6a700;
}
button.btn.btn-info.sld:hover {
	padding: 8px 0px;
	background: #fff;
	color: #d6a700;
	transition: 0.5s all;
}
.style-label{
	text-align:center;
}
.style-label{
	padding: 3em 0em;
}
/*--box_effect--*/
ul.box-shadow li {
	text-align:center;
	position:relative;
	top:55px;
}
ul.box-shadow{
	width:100%;
	height:250px;
	background:#79CFD1;
	margin:40px auto;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.effect2:after{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.label-text h3 {
	color: #309BBE;
	font-weight: 800;
	font-family: "Sansation",  Montserrat-Light;
	margin-bottom:10px;
	font-size: 20px;
}
.label-text p {
	font-family: "Sansation",  Montserrat-Light;
	font-size: 15px;
	font-weight: 100;
	color: #fff;
}
/*--box_effect--*/
.style-label ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.style-label ul li{
	list-style-type:none;
	margin:0;
	padding:0px 20px;
}
.flt {
	font-size: 20px;
	background: #F9FBFC;
	border-radius: 50%;
	padding: 15px;
	color: #309BBE;
	margin-bottom: 15px;
}
.flt:hover {
	-webkit-transform: rotatey(360deg);
	-o-transform: rotatey(360deg);
	-moz-transform: rotatey(360deg);
	transition: 0.5s all;
	cursor: pointer;
}
/*--services--*/
.service_features {
	padding: 0em 0em 3em;
}
.ser-fet h3 {
	color:  #04597C !important;
	font-family: "Sansation",  Montserrat-Light;
	margin-bottom:5px;
	font-size: 23px;
	font-weight:300px;
	

}
.ser-fet p{
	font-family: "Sansation",  Montserrat-Light;
	font-size: 16px;
	color:6E6E6E;
	padding-bottom: 5px;
}
span.line {
	height: 1px;
	background-color: none;
	display: block;
	width: 7%;
}
li.subitem1 p{
	font-family: "Sansation",  Montserrat-Light;
	font-size: 12.5px !important;
	font-weight: 100 !important;
	color: #787B7C !important;
	line-height:1.8em !important;
	padding-left: 25px;
}
/*--style for menu-drop--*/
.menu-grid{
	margin-top:30px;

}


ul {
	padding:10px;
	/*--list-style: circle; --*/
	font-family: "Sansation",  Montserrat-Light !important;
	
}

.menu_drop ul li a {
	background: #fff;
	width: 100%;
	padding: 6px 0;
	text-indent: 50px;
	display: block;
	position: relative;
	font-size: 17px;
	font-weight: 400;
	color: #625548;
	text-decoration: none;
}
.menu_drop ul li a:hover {
	color:#a6192e;
}
.menu_drop > li > a:hover, .menu > li > a.active {
	color: #F8FDFD;
	background: #79CFD1;
}
#menu_drop_down_bg{
	width: 500%; 
	height: 400px;
	background-color:white;
	
	
}
.features {
	margin-top: 30px;
}
.aim-icn {
	color: #FFFFFF;
	background: #79CFD1;
	padding: 15px 15px;
	border-radius: 2px;
	font-size: 24px;
	cursor: pointer;
}
.aim-icn:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transition: 0.5s all ease-in-out;
}
.fet-pad {
	padding:0px 0px 0px 0px;
}
.wid {
	width: 20%;
}
.div-margin {
	padding-bottom: 35px;
}
.div-margin h4 {
	font-weight: 500;
	font-size:17px;
	font-family: 'sensational';
	color:#309BBE;
	margin-bottom: 6px;
}
.div-margin p {
	font-size: 12.5px;
	font-weight: 100;
	color: #787B7C;
	line-height: 1.6em;
}
/*--style_for_menudrop--*/
/*--acheivements--*/
.acheivments {
	padding:0em 0em 3em;
}
.top {
	text-align: center;
}
.top>h3{
	color: #309BBE;
	font-weight: 300px;
font-family: "Sansation",  Montserrat-Light;
	margin-bottom: 5px;
	font-size: 30px;
}
.top>p{
	font-family: "Sansation",  Montserrat-Light;
	font-size: 15px;
	font-weight: 100;
	color: #000000;
 }
.gallery-grids {
	margin-top: 3em;
}
.gallery-grids ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.gallery-grids ul li{
	margin:0px 20px 20px 0px;
	padding:0;
}
.gal-alt img {
	width: 100%;
	border-radius: 2px;
}
.gal-alt {
	position: relative;
	width: 31.333333%;
}
span.hide-box {
	background: rgba(121, 207, 209, 0.63);
	position: absolute;
	z-index: 9;
	display: none;
	width: 100%;
	padding: 97px 0px;
	text-align: center;
	top: 0;
	border-radius: 2px;
}
.gal-alt:hover span.hide-box {
	display: block;
	transition:0.5s all ease;
}
span.hide-box h4{
	font-weight: 500;
	font-size: 18px;
font-family: "Sansation",  Montserrat-Light;
	color: #fff;
	margin-bottom: 6px;
}
span.hide-box p{
	font-size: 15px;
	font-weight: 100;
	color: #fff;
	line-height: 1.3em;
}
/*--doctor--*/
.doctor-port {
	padding: 0em 0em 3em;
	text-align: center;
}
.doctor-port h3{
	color: #309BBE;
	font-weight: 700;
	font-family: "Sansation",  Montserrat-Light;
	margin-bottom: 1.5em;
	font-size: 35px;
}
/*-- caption-css --*/
.g1{
	position:relative;
	margin-right: 15px;
}
.g1:hover div.caption{
	display:block;
	transform:;
}
.caption{
	position: absolute;
	width: 100%;
	bottom: 0px;
	z-index: 999;
	background:rgba(121, 207, 209, 0.63);
	padding:0.8em 0.5em;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	transform-style:preserve-3d;
	display:none;
}
.caption h4{
	font-weight: 500;
	font-size: 25px;
	font-family: "Sansation",  Montserrat-Light;
	color: #309BBE;
}
.caption span{
	font-weight: 100;
	color: #fff;
	margin:0;
	padding:0;
	font-size:0.875em;
}
.social-label{
	padding:0em 0em;
	margin:0;
}
.text-label{
	background:#309BBE;
	padding: 36px 83px;
}
.text-label{
	font-family: 'Sansation', SMontserrat-Light,sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

/*--contact--*/


.contact-form1 {
	background: #04597C;
	padding: 3em 0px;
}
.pd h3 {
	font-size: 18px;
	font-family: "Sansation", Montserrat-Light,sans-serif;
	color: #fff !important;
	margin-bottom: 15px;
	text-transform:capitalize;
}
.adress ul li  {
	font-family:  "Sansation", Montserrat-Light,sans-serif;
	font-size: 17px;
	color: #fff;
}
.news-letter p {
	font-family:  "Sansation", Montserrat-Light,sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #fff;
	margin-bottom: 10px;
}
input.mail {
	padding: 5px 10px;
	border: none;
	font-family: "Sansation", Montserrat-Light,sans-serif;
	font-size: 14px;
	outline:none;
	width:69.5%;
	color: #48489b;
}
.sub1 {
	padding: 0px 15px;
	border-radius: 0;
	font-size: 12.5px;
	font-family: 'Sansation', Montserrat-Light,sans-serif;
	border: none;
	height: 31px;
	margin-bottom: 1px;
}
.sub1:hover,.sub1:active,.sub1:focus{
	border: none;
	outline:none;
	padding: 0px 15px;
	height: 31px;
	margin-bottom: 1px;
}
.contact-us textarea {
	width: 75%;
	resize: none;
	min-height: 46px;
	padding: 10px 12px;
	border:1px solid #04597C;
	font-family: 'Sansation', Montserrat-Light,sans-serif;
	font-size: 20px;
	outline:none;
	color: #d6a700;
	font-weight:500px;
}
input.name{
	padding: 7px 10px;
	border: none;
	font-family: 'Sansation', Montserrat-Light,sans-serif;
	font-size: 14.5px;
	height: 29px;
	outline:none;
	width:32.5%;
	color:#d6a700;
	border:1px solid #04597C;
}
input.nuber {
	padding: 7px 10px;
	border: none;
	font-family: 'Sansation', Montserrat-Light,sans-serif;
	font-size: 12.5px;
	height: 29px;
	outline:none;
	width:32.5%;
	border:1px solid #04597C;
	color:#d6a700;
}
/*--contact--*/
/*--footer--*/
.footer1{
	background:#393939;
	padding:2em 0em;
}
.footer-text1{
	text-align:center;
}
.footer-text1 h3 a,.footer-text1 h3 a:hover{
	font-family: 'Sansation', Montserrat-Light,sans-serif;
	font-weight: 700;
	font-size: 35px;
	text-decoration: none;
	color: #fff;
	margin-bottom: 10px;
}
.footer-text1 p{
	margin-top: 10px;
	color: #fff;
	font-family: "Sansation", sans-serif;
	font-size: 14px;
	font-weight: 400;
}
.footer-text1 p a{
	color:#fff;
}
.footer-text1 p a:hover{
	color:#E2E027;
	text-decoration:none;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/scroll-top.png) no-repeat 0px 0px;
}
/*--responsivestarts-here--*/
@media screen and (max-width:1024px){
	.carousel-caption h3 {
		font-size: 28px;
		width: 60%;
	}
	.carousel-caption p {
		font-size: 13px;
		font-weight:1000px;
	}
	button.btn.btn-info.sld,button.btn.btn-info.sld:hover {
		padding: 5px 13px !important;
		font-size: 12px;
		width: 20%;
	}
	.gal-alt {
		width: 30.333333%;
	}
	span.hide-box {
		padding: 73px 0px;
	}
	.text-label {
		padding: 36px 44px;
	}
	.ser-fet h3,.top>h3,.doctor-port h3 {
		font-size: 28px;
		text-transform:none;
		font-weight:900%;
		
	}
	.ser-fet p{
		font-family: "Sansation", sans-serif;
		font-size: 16px;
	}
	.div-margin p {
		font-size: 12.5px;
	}
	.social-icn ul li {
		padding: 0px 36px;
	}
}
@media screen and (max-width:768px){
/*
.dropdown-menu {
  text-align:left !important;
	}
	*/
	.xsdropd li{
	  text-align:center !important;
	  padding-left:5px;
	  padding-right:10px;
	  width:100%
	  
	}
 #dropd_services{
     height: auto !important;
     /*overflow: visible !important;*/	 
     width:100%!important;
 }
  #dropd_products{
     height: auto !important;
     /*overflow: visible !important;*/	 
     width:100%!important;
 }
}	

@media screen and (max-width:766px){
	.navbar-default .navbar-nav>li {
		text-align: center;
	}
	.icn_pos.hm {
		padding-left: 0px;
	}
	.icn_pos {
		padding-left: 1px;
	}
	.icn_pos.hm2 {
		padding-left: 2px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #309BBE;
	}
	.navbar-default .navbar-toggle {
		border: none !important;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: #FCFCFC !important;
	}
	.navbar-header a.navbar-brand.logo-st, .navbar-header a.navbar-brand.logo-st:hover{
		margin:0;
	}
	.carousel-caption h3 {
		font-size: 16px;
		width: 70%;
	}
	.carousel-caption p {
		font-size: 13px;
		width: 91%;
	}
	/*.style-label ul li {
		margin: 0px 3px 0px;
		width: 32%;
	}*/
	.style-label ul li:nth-child(4){
		display:none;
	}
	.wid2 {
		padding: 0px 20px;
	}
	.gal-alt {
		width: 46%;
		float: left;
		margin: 0px 10px 20px !important;
	}
	span.hide-box {
		padding: 73px 0px;
	}
	.social-icn ul li {
		padding: 0px 16px;
	}
	.text-label {
		padding: 21px 12px;
	}
	input.name, input.nuber {
		width: 100%;
		float: left;
		margin-bottom: 5px;
	}
}
@media screen and (max-width:480px){
	.header-top p {
	font-family: "Sansation", sans-serif;
		font-size: 12px;
	}
	.navbar-header a.navbar-brand.logo-st, .navbar-header a.navbar-brand.logo-st:hover {
		font-size: 30px;
	}
	.carousel-caption h3 {
		font-size: 8px;
		width: 60%;
		margin: 0px 0px 5px;
	}
	.carousel-caption p {
		font-size: 11px;
		width: 104%;
		margin: 0px 0px 5px;
	}
	button.btn.btn-info.sld, button.btn.btn-info.sld:hover {
		padding: 3px 3px !important;
		font-size: 12px;
		width: 20%;
	}
	.style-label ul li {
		margin: 0px 7px 0px;
		width: 29%;
		top: 31px;
	}
	.flt {
		font-size: 15px;
		padding: 12px;
	}
	ul.box-shadow {
		height: 200px;
	}
	.label-text h3 {
		font-size: 17px;
	}
	.label-text p {
		font-size: 12px;
	}
	.style-label {
		padding: 2em 0em;
	}
	.ser-fet h3, .ser-fet h3, .top>h3, .doctor-port h3 {
		font-size: 24px;
	}
	.ser-fet p, .ser-fet p {
		font-family: "Sansation", sans-serif;
		font-size: 14px;
	}
	.service_features {
		padding: 0em 0em 2em;
	}
	.col-md-4.ser-fet {
		margin-bottom: 2em;
	}
	.div-margin {
		padding-bottom: 1em;
	}
	.menu_drop > li > a,.div-margin h4{
		font-size: 14px;
	}
	li.subitem1 p {
		font-size: 12px 
	}
  .ser-fet h4{
		
	font-family: "Sansation", sans-serif;
	font-size:22px;
	font-color:58585B;
	}
	.gal-alt {
		width: 47%;
		float: left;
		margin: 0px 5px 10px !important;
	}
	span.hide-box {
		padding: 50px 0px;
	}
	.acheivments {
		padding: 0em 0em 2em;
	}
	.social-icn ul li {
		padding: 0px 8px;
	}
	.text-label {
		padding: 21px 7px;
	}
	.map iframe {
		min-height: 190px;
	}
	.pd {
		float: none;
		width: 100%;
	}
	.adress,.news-letter {
		margin-bottom: 20px;
	}
	.pd h3 {
		font-size: 20px;
		margin-bottom: 8px;
	}
	.adress ul li,.news-letter p{
		font-size: 12px;
	}
	.contact-us textarea {
		width: 100%;
		min-height: 80px;
	}
}
@media screen and (max-width:384px){
	.navbar-header a.navbar-brand.logo-st, .navbar-header a.navbar-brand.logo-st:hover {
		font-size: 26px;
	}
	nav.navbar.navbar-default.chn-gd {
		padding: 0.5em 0em;
	}
	.carousel-caption h3 {
		font-size: 14px;
		width: 90%;
		margin: 0px 0px 5px;
		padding: 6px 10px;
	}
	.carousel-caption p {
		font-size: 11px;
		width: 94%;
		margin: 0px 0px 5px;
		padding: 5px 9px;
	}
	.carousel-caption {
		text-align: left;
		top: 5%;
		left: 13%;
	}
	button.btn.btn-info.sld, button.btn.btn-info.sld:hover {
		padding: 3px 3px !important;
		font-size: 10px;
		width: 26%;
	}
	.carousel-indicators .active {
		width: 8px;
		height: 8px;
	}
	.carousel-indicators li {
		width: 8px;
		height: 8px;
	}
	.style-label ul li {
		margin: 0px 0px 0px;
		width: 50%;
		top: 31px;
		padding: 0px 7px;
	}
	.style-label ul li:nth-child(4) {
		display: block;
	}
	ul.box-shadow {
		height: 352px;
	}
	.label-text p {
		margin-bottom: 20px;
	}
	.col-md-6.fet-pad {
		width: 100%;
		float: none;
		text-align: left;
	}
	.gal-alt {
		width: 100%;
		float: none;
		margin: 0px 0px 10px !important;
	}
	span.hide-box {
		padding: 89px 0px;
	}
	.text-label {
		padding: 21px 0px;
		width: 100%;
		float: none;
		text-align: center;
	}
	.social-icn {
		width: 100%;
		float: none;
		background: #79CFD1;
		padding: 15px 0px 49px;
	}
}
@media screen and (max-width:320px){
	.carousel-caption p {
		padding: 5px 9px;
	}
	.carousel-caption {
		text-align: left;
		top: 0%;
		left: 13%;
	}
	.wid2 {
		padding: 0px 15px;
	}
	.carousel-caption h3 {
		width: 109%;
	}
	ul.box-shadow {
		height: 380px;
	}
	.menu-grid {
		margin-top: 10px;
	}
	.col-md-4.ser-fet {
		margin-bottom: 1em;
	}
	.features {
		margin-top: 20px;
	}
	.aim-icn {
		padding: 12px 12px;
	}
	.div-margin {
		padding-bottom: 0.5em;
	}
	span.hide-box {
		padding: 73px 0px;
	}
	.service_features {
		padding: 0em 0em 1em;
	}
	.acheivments {
		padding: 0em 0em 1em;
	}
	.social-icn ul li {
		padding: 0px 6px;
	}
	button.btn.btn-info.sld, button.btn.btn-info.sld:hover {
		padding: 6px 3px !important;
		font-size: 10px;
		width: 33%;
	}
	.pd h3 {
		font-size: 19px;
	}
	.caption h4 {
		font-weight: 300;
		font-size: 11px;
	}
	.caption span {
		font-size: 0.7em;
	}
	.ser-fet {
		padding: 0;
	}
	.pd {
		padding: 0;
	}
	.footer-text h3 a, .footer-text h3 a:hover {
		font-size: 25px;
	}
	.footer-text p {
		font-size: 14px;
	}
	.image-wid img.img-responsive{
		width:100%;
		min-height:180px;
	}
	#swipebox-slider .slide img {
		min-height: 119px !important;
		min-width: 75% !important;
	}
}
/*making image width full*/
#spacingpgs img{
width:100%

}
#spacingcomp{
	
 margin-top:5px
}
img{
vertical-align:center;
boarder:0;
}

#Star{
color:red;
padding-left:4px;
/*font-size:15px;*/
}

/*spacing the different rows*/
.supercontainer{ 
   
	margin-top:30px;
	margin-bottom:10px;

	}
	
.panel-heading{
  color: #FFFFFF;
  background-color: #045975;
  border-color: #ddd;
  border-weight:bold;
 font-family: 'Sansation', Montserrat-Light,sans-serif;
  font-size: 30px;
  font-weight:600px;
  
}
.panel-heading p{
 
 font-family: 'Sansation', Montserrat-Light,sans-serif;
  font-size: 12px;
  font-weight: normal;
}
.panel-primary {
     background-color:blue;
}
#spacing{
 padding-left:10px;
 font-family:  "Sansation", Montserrat-Light,sans-serif;
  font-size:16px;  
  font-weight:normal;
  color:#6E6E6E !important;
}
#spacingh{
 padding:22px;
  
}
#spacingpgs{
 margin-bottom:5px;
 color:#6E6E6E ! important;
 font-size:18px;
 font-weight:normal;
 line-height:30px;
 padding-left:0;
}
#spacingpgs h4{
 color: #d6a700;
 text-align:left;
 font-weight:500;
 font-size:21px;
 padding-top:0;
 padding-left:0;
}



#spacing h3{
 
 margin-bottom:25px;
 padding-top:0;
 color:#04597C;
font-family: "Sansation", sans-serif;
 font-size:20px;
 padding-left:0;
 }
 
#supercontaineri{
    margin-bottom: 200px;
    margin-bottom: 300px;
    padding-right:  20px;
    padding-left:   20px;
	text-align:left;
}

#box{
 position:absolute;
left:0;
right:0;
 border: 1px solid #000000;
 margin-top:0px;
 margin-bottom:10px;
 padding: 5px;
}
#supa{

color:#04597C;
}
#now{
color:white;
}
.pd{
	
	color:#fff;
	font-family: "Sansation", sans-serif;
}

.links{
	padding:0.2em 0;
}
.links p {
	font-size:1em;
	color:#838383;
	margin:0;
}
.links p a{
	color:#000;
}
.links p a:hover{
	color:#2bdefc;
}


#lft{
margin-left:70px;
}
#imf{
padding-top:-15px;
}
/* drop down effects */
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;  
    padding-top:15px;
	
	
}
a.ex1:hover, a.ex1:active {
	background: dark-blue;
	font-size: 130%;
	font-weight: bold;

}


/*
@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
*/
  /* media query to remove divider on small device drop downs*/
/*@media screen and (min-width: 0px) and (max-width: 480px) {
  .divider{
    display:none;
  }
}*/
/*media query to disable drop down on small devices
@media screen and (min-width: 0px) and (max-width: 480px) {
    ul.nav li.dropdown:hover{
    display:none;
  }
}
*/
/*making the header images gray*/
#after {
  content: "";
  opacity: 0.5;

  z-index: -1;   
}
/*alignment of rows with images*/


/*changing the bootstrap default button*/
.btn-warning{
width:30%;
display:block;
margin:auto;


}
/*amking the navbar to display well on small devices*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .nav {
    width:100%;
  }
  .nav-item {
    width:100%;
    float:none;
  }
}
/* making the navbar correspond to all devices */
@media only screen and (min-width:768px) and (max-width:1000px){
 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a {
    padding: 2px 2px !important;
    color: #309BBE !important;
	font-family: "Sansation",  FUTURA_T,sans-serif;
    font-size: 14px !important;
}
.header-top p {
    font-size: 30px !important;
    color: #fff !important;
	font-family: "Sansation",  FUTURA_T,sans-serif;
}
}
 /*changin the about us paragrah alignment*/
 #paraspace p{
 padding-left:10px;
 padding-top:10px;
 }
 #paraspace  h4{
 font-weight:600px;
 font-size:23px;
 color:rgb(214, 167, 0);
 }
 

 #dropd_services{
     width:200%;
      height:150px;
 }
 #dropd_products{
     width:200%;
     height:150px;
 }
 /*centering thumnail images*/
 .centerimgs{
 text-align:center;
 }

/**/ 
.supercontainers{ 
   
	margin-top:30px;
	margin-bottom:10px;

	}
	

 #paragraph{
     margin-bottom:50px !important;
 }
 .supercontainers ul li{
	padding-top:5px !important;
	font-size:16px !important;

	
} 
#bgcolor{
  background-color:#04597C !important;
}
#listsps{
 padding-left:8px;
}
.imagesize img{
  width:100%;
  height:48%;
}

#pgraph{
	text-align:left;
	padding-left:80px;

}
#bt{
margin-bottom:40px;
}
#algn{
 padding-left:10px; 
 /*text-align:left !important;*/
}
/*adding icon to the form control */
.hrform .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 10px 35px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .1
	}
#iconspacng{
 padding-left:25px;
}


@media only screen and (max-width: 450px){
		.btn-warning{
			width:50%;
			display:block;
			margin:auto;

        }
		
		#pgraph{
		text-align:left !important;
		padding-left:0px !important;
		}
		#pgraph ul {
		  padding-left:4px !important;
		  padding-top:13px !important;
		}
		.supercontainers .btnspacng{
		  margin-top:10px;
		  font-size:10px;
		}
		#mobdev{
		    font-size:12px !important;
			position: absolute !important;
			margin-top:35px !important;
			font-weight:400px !important;
			background-color:#04597C;
			
        }
		#fownt{
		 font-size:14px !important;
		 text-align:left !important;
		
		}
		#imgsze{
		height:160px !important;
        margin-top:-40px !important;
  }
		
}
@media only screen and (min-width:452px) and (max-with:650px){
    #mapage{
	font-size:17px !important;
	
   }
}


	.btn.pxbtn{
	 background-color:#04597C;
	 border-color:#fff;
	 color:#fff;
	 
	}
	
     #ptrcenter {
	text-align:center;
	
	
	}
	#bgclor{
	  background: #eee;
       border-top: 1px solid #e5e5e5;
       border-bottom: 1px solid #ccc;
	   /*display: inline-block; */
	   padding-left:0px !important;
	   padding-right:0px !important;
	   min-width:100%;
	}
	
    .seccolor{
		 background:#d6a700 !important;
		 /*display: inline-block; */
		 color:#fff;
		  padding-left:0px !important;
	      padding-right:0px !important;
	      min-width:100%;
		  
	}
         
  .colordetails{
		  background:#d6a700 !important;
		 /*display: inline-block; */
		  color:#fff;
		  padding-left:0px !important;
	      padding-right:0px !important;
	      min-width:100%;
		  
	}	 
		 /*color:#fff !important;*/


	.viewop{
	   background: #eee;
       border-top: 1px solid #e5e5e5;
       border-bottom: 1px solid #ccc;
	   /*display: inline-block; */
	   padding-left:0px !important;
	   padding-right:0px !important;
	   min-width:100%;
	}
	.btn.pxbtn.hover{

	 border-color:#fff;
	 
	}
	#rdna{
	padding-bottom:5px;
	}

	.banner .mapage { 
	   position: absolute; 
	   top:30%; 
	   color:#fff;

	}
	.mapage h2{
	font-size:30px;
	font-weight:500;


	}
	 #fownt{
	font-size:21px;
	font-weight:500px;
	padding-left:15px;
	}
	
	#ptrspacer{
	 margin-bottom:20px;
	}
	.pricingcontentd{
		color: #d6a700;
		text-align: center;
		margin-bottom:15px;
	
	
	}
	
/* adjustments for pricing Tables*/
	#spst1{
	 margin-bottom:65px;
	
	}
	#spst5{
	 margin-bottom:25px;
	
	}
	#spst2{
	 margin-bottom:65px;
	
	}
	#spst3{
	 margin-bottom:87px;
	
	}
	#spst4{
	 margin-bottom:160px;
	
	}
/*spacing between pricing tables*/
.pxsps{
 margin-bottom:20px;
}

 #btnsps2{
  margin-top:60px;
 }
 
 /*removing template annoying underling effect*/
 .media-heading {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    text-decoration: none !important;
	font-weight:800px !important;
	font-size:20px;
}
  
.txtalgn{
  margin-bottom:15px;
  }
  .topsps{

   margin-bottom:10px !important;
  
  }
  .paragh-txt{
   margin-bottom:10px;
  
  }
  .paragh-txt2{
   margin-bottom:12px;
  
  }
  #imgsze{
  height:180px !important; 
  margin-top:-30px !important;
  }
 
 .modal-title {
    margin: 0;
    line-height: 1.42857143;
    color:#555;
}
.modal-body{
  color:#555;
}

/*Overiding  bootsrap css */
.dropdown-menu {
    font-size: 14px !important;
    text-align: left;
    list-style: none;
	
}
#ptrcenter ul li{
	
	font-size:18px !important;
	font-weight:100px !important;
	
}
#ident ul{
 padding-left:10px;	
	
}