@charset "utf-8";
/* CSS Document */
#cssmenu { width: 90%; min-height:55px; margin:0px; overflow:hidden;    }
#cssmenu #menu-button { display: none;}

#nav { display: block; list-style: none; float:right;  margin: 0; z-index: 500;font-family: 'Montserrat', sans-serif; }
#nav li { display: inline-block; margin: 0; padding: 0; float:left;}
#nav #lilast{ background:none;}
#nav > li > a { display:block; color:#333;   font-size: 15px; font-weight:bold; line-height:30px; padding:33px 28px 10px 28px; text-transform:uppercase}
#nav > li > a:hover {  color:#5d665e; text-decoration:none}
#nav li:hover > ul { display:block;}


#nav ul { position: absolute; display:none; z-index: 1000; left: auto; top:auto; width:270px; padding-top:20px; margin: 0;}
#nav ul li { display:block; float:left; position: relative; margin: 0; padding: 0; }
#nav ul li a { display:block; width:270px; padding: 8px 0px; font-size: 14px; color: #fff; border-bottom: 1px solid #eeeeee; background:#24c9ed;text-align:center;}
#nav ul li a:hover { color: #252423; background: #ffcd00; text-decoration:none}

#nav ul ul { position: absolute; display:none; z-index: 1000; left: 250px; top:0; width:160px; padding: 0; margin: 0;}
#nav ul ul li { display:block; float:left; position: relative; margin: 0; padding: 0;}
#nav ul ul li a { display:block; width: 200px; padding: 10px 10px; font-size: 15px; color: #484848; border-bottom: 1px solid #eeeeee; background: #C1C1C1;}
#nav ul ul li a:hover { color:#000;}

#cssmenu li.has-sub::after { display: block; content: ""; position:absolute; width: 0; height: 0; margin-left: 75px; top: 25px; border: 5px solid transparent; border-top-color: #7a8189;}

#cssmenu > ul > li:hover::after { border-top-color: #fda703;}

ul#left::after { display: block; content: ""; position: absolute; width: 0; height: 0; top: 10px; left:-20px; border: 6px solid transparent; border-right-color: #000;}

.p1 #p1,.p2 #p2,.p3 #p3,.p4 #p4,.p5 #p5,.p6 #p6,.p7 #p7,.p8 #p8,.p9 #p9,.p10 #p10,.p11 #p11{ color:#333; background:#ffcd00; text-decoration:none}


@media only screen and (max-width:765px) {
	#cssmenu {
    width: 100%;
    margin: 0px;
    float: right;
    min-height: 55px;margin-right:0px;

}
	#cssmenu #menu-button { display: block; cursor: pointer; border:none; float:left;}
	#cssmenu #menu-button > a { padding:0px; border:none;background:#24c9ed;width:100%; float:left; padding:5px 0px;}
	#cssmenu #menu-button > a img{ float:right; padding-right:20px;}
	#cssmenu #menu-button > a label{ float:left; text-align:left; padding-left:20px; font-size:14px; padding-top:8px;}
    #cssmenu ul.open li, #cssmenu > ul.open > li { display: block; }
    #cssmenu ul ul::after { display: none; }
	
	#cssmenu li.has-sub1::after{ display:none;}
	
	#nav { display: block; width:100%;  margin:0px; padding:0px; float:left; }
	#nav li, #nav > ul > li { display: none; width:100%; margin:0px; padding:0px; border-bottom:1px solid #fff; }
	
	
	#nav > li > a{ color:#F2F2F2; margin:0px; padding: 12px 20px; text-align:center; border:none; background:#678288; font-size:14px;}
	#nav > li > a:hover{ color:#ffffff; background:#f1c741;}
	#nav ul{ position: relative; left: auto; top: auto; padding-left: 0;  padding-right: 0; right: auto; width:100%;padding-top:0px;}
	#nav ul li a { border: 0; background:#27375b; width: 100%; margin:0 auto; padding: 8px 0px; text-align:center;font-size:14px;}
	#nav ul li:hover a{ border:none;}
	#nav ul ul{ position: relative; left: auto; top: auto; padding-left: 0;  padding-right: 0; right: auto; width:100%;}
	#nav ul ul li a{ width: 100%; margin:0 auto; padding: 8px 0px; text-align:center;font-size:15px; color:#27375b;}
	.subs {margin-left: -17px !important;}
	.mid-cont2{padding: 24px !important;    font-size: 14px !important;}
	.midrow{padding-left: 0px;}
}

@media only screen and (max-width:1600px)
{
		#nav > li > a {  font-size: 14px;} 
		
		
		
}

@media only screen and (max-width:1500px)
{
		#nav > li > a {  font-size: 14px;padding:12px 15px;} 
		.top-header3 p{ padding:0px 7px;}
		.icon-ph {bottom:0px; height:5px;}
		.subs{height: 50px;}
		
		
}
@media only screen and (max-width:1400px)
{
		#nav > li > a {  font-size: 14px;padding:12px 13px;} 
		.top-header3 p{ padding:0px 3px;}
		.icon-ph {bottom:0px;}}
		.top-header3 {padding: 23px 25px;    font-size: 14px;}
		.para p span{font-size:15px;}
@media only screen and (max-width:1300px)
{
	#nav > li > a {  font-size: 14px;padding:12px 6px;}
	.top-header3 p{ font-size:13px;}
	.mob > p >i{    font-size: 40px;} 
	.subs {width: 97px;height: 48px;}
	.mid-cont2{font-size:15px;}
	
	
}
@media only screen and (max-width:1199px)
{
	.top-header1 {padding-top:35px;}
	.top-header3 p {font-size: 12px; float:none;}
    .top-header3 {padding: 15px 25px;    font-size: 14px;}
	.subs {width: 69px;font-size: 10px; height:45px;   }
.custom-text {padding: 12px 0px 16px 29px;}
.icon-ph{top:7px;}
#nav { position:absolute; display: block; list-style: none; margin-top:15px; z-index: 500;font-family: 'Montserrat', sans-serif; }
.top-header1 img {width:100%;}
.mid-cont2{font-size:15px !important;}

}
@media only screen and (max-width:991px)
{
	.midrow{padding-left: 0px;}
	#nav {margin-top: 0px;}
	.mid-cont2{padding:0px !important;}
	
}
@media only screen and (max-width:1000px)
{
	.top-header3 {border-top:none;
	padding:0px;}
	.gly > li {padding: 8px 13px ;}
	.subs {
       width: 61px;
    font-size: 10px;
    margin-top: 2px;
}
.icon-ph {background: none;}
.mid-cont2{padding: 36px;    font-size: 15px;}
}
@media only screen and (max-width:600px)
{
	.mid-cont2{width:100%;}
	.five1{width:100%;}
}
@media only screen and (max-width:440px)
{
	.top-header1 img
	{
		
		width:100%;
	}
		.subs {font-size:9px;}
	}
}