body{font-family: 'Nanum Gothic', sans-serif;font-size:16px; padding:0px; margin:0px; color:#000000; }
a{ text-decoration:none; }
img{border:0px;}
p{padding:0px 0px 10px 0px;margin:0px;text-align: justify;}
h1,h2,h3,h4,h5,h6{padding:0px 0px 10px 0px;margin:0px; font-family: 'Comfortaa', cursive;  }
ul li{margin:0px;padding:0px;}
.clear { clear:both}

.top {
    display: none
}
.serleft{    margin: 70px 0 0 0;}
.top {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 10000000!important
}
.links .promenu{padding:0}
.wok{padding:10px 6px}
.promenu:hover .wok {
  background-color: #069ed1;
  color:#fff;
}
.main { width:90%; margin: 20px auto 10px auto;}

.logo { float:left; width:30%;}
.logo img { max-width:100%;}
.menu { float:right; width:70%;}
.menu ul { margin:0; padding:0; text-align:left;}
.menu li { display:inline-block; margin: 40px 3% 0 3%; font-weight:bold;}

.menu li a{ color:#302e39;}
.hme { color:#0096e8!important;}
.headersideimg {position: absolute;right: 0;top: 0;}
.headersideimg img { max-width: 100%;}
.conticon { position:absolute; top:45px; left:50%;}

.banner { width:80%; float:right;}
.banner ul { margin:0; padding:0;}
.banner li { list-style:none;}
.banner img { width:100%;}

.socialiaons {
	position: absolute;
	top: 97px;
	left: 12%;
}
.socialiaons ul {margin:0; padding:0;}
.socialiaons li { display:inline-block;padding: 0 5px;margin: 30px 0;} 
.socialiaons li img { max-width:100%;}

.bannerleft {position:absolute;top:300px;left:0; }
.bannerleft img { max-width:85%;}
.inoleft{float:left;width:50%}
.inoright{float:right;width:50%;margin-top: 12px;}
.innovation {
	width:80%;
	box-shadow: -1px 0px 10px 1px rgba(0,0,0,0.30);
	border-radius: 50px;
	position: absolute;
	z-index: 1000000000;
	left: 12%;
	margin-top: -16px;
	background-color: #ffffff;
	padding: 10px 0;
}
.innovation ul { margin:0; padding:0; text-align:center;}
.innovation li { display:inline-block; vertical-align:middle; color:#00378c; text-transform:uppercase;font-size: 17px;}
.innovation li img { max-width:100%;vertical-align: middle;height:50px}

.welcome { margin:110px 0 0 0;}
.welcome p{ text-align: center;padding: 0 20%;font-size: 20px;}
.welcomeleft { float:left; width:40%;margin:30px 2% 0 7%}
.welcomeleft p:first-child { color:#0a85be; font-size:20px; text-align:left;}
.welcomeleft p { color:#5f5f5f; padding:10px 5%; font-size:16px; text-align:justify;}
.welcomeright { float:right; width:50%;margin-top: -40px;text-align: right;}
.welcomeright img { max-width:100%;}

.services {}
.services img { max-width:100%;}
.services h1 { color:#05519d; text-transform:uppercase;margin: -60px 0 40px 9%;font-size: 50px;}
.services ul { margin:0; padding:0; text-align:center;}
.services li { display:inline-block; margin:0 1%;width:20%}
.services li img { max-width:100%; }
.services li h3 { text-align:center; color:#1a1766;text-transform:uppercase;}
.discwork { max-width:100%; position:absolute; left:3%;top: 50px;}

.ourwork { margin:60px 0 0 0; background-color:#002687;position: relative;padding: 0 10%;}
.ourwork ul { margin:0; padding:0; text-align:center; }
.ourwork li { display:inline-block; width:38%;padding: 10px 0;}
/*.ourwork li:nth-child(2n+1) {margin: -60px 0 20px 0; }*/
.ourwork li img { max-width:90%;}
.ourworkmain h1 { text-align: right;margin: 65px 15% 0 25%; color:#1a2984;font-weight: normal;}
.workright { position: absolute;bottom: -170px;right: 0;}
.workright img { max-width:100%;}
 

.footer { margin:20px auto 0 auto; width:90%; border-bottom:25px solid #002687;}
.links { float:left; width:20%;}
.links ul { }
.links li { list-style:none; margin:20px 0;}
.links li a { color:}

.footermiddle { float:left; width:50%;text-align: center;}

.socialmedia { margin:20px 0 0 0;}
.socialmedia ul{ margin:0; padding:0; text-align:center;}
.socialmedia li{ display:inline-block;margin:0 2%}
.socialmedia li img { max-width:100%;}

.contactinfo { float:left; width:30%;}
.contactinfo ul {margin:0; padding:0;}
.contactinfo li { list-style:none;margin:20px 0 }

.contactinfoleft { float:left; width:15%;}
.contactinfoleft img { max-width:100%; vertical-align:middle;}
.contactinforight { float: right; width:85%; margin-top:5px;}
.footermiddle p { text-align:center;margin: 20px 0 0 0;}
.footer a { color:#202020;}

/* sub menu */

.submenu {
	border-top: 3px solid #069ed1;
	display: none;
	margin: 0;
	padding: 0;
	background-color: #fff;
	width: 150px;
	position: absolute;
	top: 89px;
	margin-left: 1%!important;
	text-align: center;
	z-index: 10;
}
.submenu li:last-child {
	border: 0px !important;
}
.submenu li { /*! list-style:none; */ /*! text-align:center; */ /*! text-transform:uppercase; */ /*! width: 100%; */
 /*! display: block; *//*! margin: 0; *//*! padding: 5px 0; *//*! color: #000; *//*! border-bottom: 1px solid #666666; */font-size: 15px;
 display: block;
 margin: 7px 4% 14px 4%!important;
 padding-bottom: 14px;
 border-bottom: 1px solid #666666;
}
.submenu li:nth-child(2n){display:none!important}
.submenu li p { text-align:center;}
.submenu li a {
 color:#069ed1;
}

/*.promenu:hover .submenu{ display:block;}*/
.brand span{ font-size: 30px!important;}




#midclr, .menuicon, .resmenu, .mobbanner, .mobcopyright, .mobfooterlogo, .mobsocialmedia, .ourwork h1{ display:none;}

/* Master page */
.innermain { width:90%; margin:20px auto;}
.innerbanner { float:left; width:75%;}
.innerbanner img { width:100%;}
.innerheader { float:right; width:25%;margin: 130px 0 0 0;}
.innerheader h1 { color:#002786; text-transform:uppercase;font-size: 35px;}
.brdcrumb img { max-width:100%; vertical-align:middle; margin-right:5px;}
.brdcrumb a { color:#000000;}
.brdcrumb span { color:#dc0047;} 
.innerfooter { margin:20px auto 0 auto; width:90%; border-bottom:25px solid #002687;border-top:25px solid #002687; padding:20px 0;}
.innerfooter a { color:#202020;}

/* about us */

.aboutus { margin:30px 0 0 0;}
.aboutus span {float:left; width: 60%;display: inline-block;font-size: 22px;text-align: center; color:#06b16d;}
.aboutus img { max-width:100%;margin: 10px 0;}
.leftbg { float:left; width:20%;}
.rightbg { float:right; width:20%;}
.abtus { width:90%; margin:auto;}
.abtleft { float:left; width:50%;}
.abtleft img { max-width:100%;}
.abtcontent { float:right; width:50%;}
.abtcontentpad { margin:70px 2%;}
.mission { text-align:center;}
.mission img { max-width:100%}
.mission h1 { text-transform:uppercase; color:#0059a8; margin:20px 0;}
.mission p { padding: 20px 26%;text-align: center; color:#434343}


/* services */

.servi { margin: 0 auto 0 auto;width: 80%;}
.servi ul { margin:0; padding:0; text-align:center;}
.servi li { list-style:none; position: relative;}
.servi li img { max-width: 100%;vertical-align: middle;}
.serleft, .serright { float:left; width:50%;}
.serright { margin: 70px 0 0 0;}
.servi li p { position:absolute; top: 80px;left: 80%;text-transform:uppercase; font-size:22px; color:#0f258b;}
.servi h2 { text-align:center; color:#002786;}
.strat { text-align:center; padding:0 15%;}

/* our work */

.work { width:90%; margin:auto; } 
.work ul { margin:0; padding:0; text-align:center;}
.work li { display:inline-block; width:28%; margin:40px 2% 0 2%;vertical-align: top;}
.work li img { max-width:100%; vertical-align:middle; }
.work li p { font-size:20px; text-align:left; color:#000!important;}
.work li p img{ margin-right:20px;}
.work h1 { text-align:center;padding: 20px 0 0 0;}
.work li a { color:#000!important;}


/* Get a Quote */

.getaquote { width:60%; margin:0 auto;}
.getaquote img { width:100%;}
.quoteform { background-color:#002687;padding-bottom: 40px;} 
.formmain { width:80%; margin:0 auto; padding:20px 0;}
.quoteleft { float:left; width:30%;color:#fff;font-size: 20px;}
.quoteright { float:right; width:70%;}
.quoteright input, .quoteright textarea, .quoteright select { border:none; width:100%;padding: 10px 0;}
.submitbtn {background-color:#ee0851;text-align:center; text-transform:uppercase;font-size: 20px;margin-top: -45px;cursor: pointer;}
.quoteright a { color:#ffffff;display: block;padding: 10px;width: 100%;}

/* Contact Us */

.cntmain { width:95%; margin:40px 0 20px auto;}
.cntleft { float:left; width:44%;margin: 30px 0;}
.cntright { float:right; width:50%;box-shadow: -1px 0px 10px 1px rgba(0,0,0,0.30);border-top-left-radius: 100px;border-bottom-left-radius: 100px;}
.enquiry { padding:30px 0 0 15%;}
.enquiry h1 { text-transform:uppercase; font-size:30px; color:#012586;padding: 0;}
.enquirymain {width: 90%; padding:20px 0 0 0;}
.enquiryleft {float: left;width: 30%;color: #000;}
.enquiryright {float: right;width: 70%;}
.enquiryright input, .enquiryright textarea, .enquiryright select {border: none;width: 100%;border-bottom: 1px solid #000;}
.enqbtn { text-align:center;padding: 10px 0 40px 0;}
.enqbtn a { text-align:center; color:#ffffff;background-image:url(../images/submit.png); background-repeat:no-repeat;background-size: contain;padding: 10px 15%;}
.formaround { margin-top:-150px;}
.cntleft ul { margin:0; padding:0;}
.cntleft li { list-style:none; font-weight: bold; font-size:20px;margin: 30px 0;}
.cntleft a { color:#000000;}
.map { margin: 40px 0 0 0;}
.enqbg {background-color: #005bab;padding: 7px;text-align: right;float: right;width: 20%;}
.ctleft { float:left; width:20%;}
.ctright { float:right; width:80%; margin-top:20px;}

/* Admin Master */

.adminlogo { float: left;width: 30%;text-align: center;margin: 20px 0;}
.adminlogo img { max-width:100%;}
.adminmenu {float: right;width: 70%;text-align: center;background-image: url(../images/menuheadbg.png);background-repeat: no-repeat;background-size: cover; padding: 40px 0;}
.adminmenu ul { margin:0; padding:0;}
.adminmenu li { display:inline-block; margin:10px 3%;font-weight: bold;vertical-align: middle;}
.adminmenu li a { color:#ffffff;}
.adminmenu li p{margin-top: 2px;}
.adminheading { margin: 40px 0 0 0;}
.adminheading h1 { color:#120181; text-transform:uppercase; font-size: 25px; }
.adminheading h1 img { max-width:100%;vertical-align: middle;}

.admincontent { width:90%; margin:20px auto;}
table td { vertical-align:top;}
.adminbtn {background-color: #e1084d;color: #ffffff;padding: 3px 20px;margin: 20px 0;font-weight: bold;font-size:14px;}
#rightalign { float:right;}
.copyright p { text-align: center;color:#000000;padding: 20px;font-size: 13px;}
.copyright a { color:#000000;text-decoration: none;}
.adminmenus { 	right: 0;top: 125px;width: 20%;display: block;position: absolute;color: #FFF;z-index: 10000;border: none;background-color:#e1084d; display:none}
.adminmenus ul{  margin:0; padding:0;}
.adminmenus li { list-style:none; margin:10px 10%;text-transform: uppercase;}
.adminmenus li a { color:#ffffff;}
#adminmenuicon { cursor:pointer}
#adminmenuicon:hover .adminmenus{ display:block;}

.fgtpsw { text-align:center; margin:10px 0;}
.fgtpsw a { color:#160973;}

.adminfooter { border-top:25px solid #002687;width: 90%;margin: 20px auto; }
fieldset { margin-bottom:40px; padding:15px 0;}
fieldset input, fieldset select { border:none; background-color:#b5b5b5;}

.srch { color:#0f026b; text-transform:uppercase; font-weight:bold;}

.adminsearch { background-color:#002688; padding:3px 20px; color:#ffffff; text-transform:uppercase; font-size:15px;}
table td a { margin:0 5%;}

/* login */

.adminlogin { width:60%; margin:20px auto; }
.formleft {float: left;width: 20%;background-color: #e4e4e4;color: #000;padding: 5px 0 5px 2%;}
.formright { float:right; width:77.4%;border: 1px solid #000;padding: 7px 0;}
.formright input { border:none;width: 95%;padding: 0px 0;}
.lgform { margin:20px 0}
.button { text-align:center;}

.mobsubmenu { background-color: #0082c6;width: 90%;margin: 10px auto!important;}


.clientlogo h1 {
	color: #05519d;
	text-transform: uppercase;
	font-size: 40px;
	text-align:center;
}
.clientlogo ul { margin:0; padding:0; text-align:center;}
.clientlogo li { list-style:none; margin:20px 5%;padding: 20px 0;-webkit-box-shadow: 1px 2px 10px 0 rgba(0,0,0,.55);}
.clientlogo img { max-width:100%;}
.promenu { padding:0 0 40px 0;}



@media(max-width:1200px)
{
	.menu li { margin:35px 10px;}
}

@media(max-width:999px)
{
	.main { width:98%;}
	.headersideimg { display:none;}
	.menu ul { text-align:center;}
	.menu li { margin:35px 1%;}
	
	
	
	.innerheader { margin: 80px 0 0 0;}
	.innerheader h1 { font-size:35px;}
	.footermiddle { width:45%;}
	.contactinfo { width:35%;}
	
	.mission p { padding: 20px 16%;}
	.abtus { width:98%;}
	.abtcontentpad { margin:40px 2%;}
	.abtcontent p { text-align:left;}
	.servi { width:90%;}
	.servi li p { left:75%;}
	.work li { width: 46%;}
	.getaquote { width:80%;}
	.innovation { width:90%;left:5%;}
	.innovation li { font-size: 20px;}
	.bannerleft img { width:220px;}
	.cntmain { width:98%;}
	.subcntright { left:56%;}
	.welcomeleft { float:none; width:90%;margin: 10px 2% 0 10%;} 
	.welcomeleft p { text-align:left;}
	.welcomeright { float:none; width:100%; margin-top: 0; text-align:center; }
	.services h1 { margin: -50px 0 40px 9%;}
	.brand span{ font-size: 25px!important;}
	.ctleft {float: left;width: 25%;}
	.ctright {float: right;width: 75%;margin-top: 20px;
}
}


@media(max-width:800px)
{
	.innovation li {
 width:63%;

}
.innovation li img { display:block;margin:auto}

	.ourwork li{width:70%}
	.ourwork li img{max-width:100%}
	.logo { float:none; width:100%; text-align:center;margin: 20px 0;}
	.menu { display:none;}
	.menuicon { display:block;position: absolute;top: 40px;right: 5%;z-index: 10; cursor:pointer;max-width: 100%;}
	.resmenu {position: absolute;top: 100px;z-index: 10000; background-color:#ed2d6a; width:100%;}
	.resmenu ul { margin:0; padding:0; text-align:center}
	.resmenu ul li {border-bottom: 1px solid #ffffff;padding: 5px 0; list-style:none;}
	.resmenu ul li:last-child { border-bottom:none; }
	.resmenu ul li a { color:#ffffff;}
	.socialiaons { display:none;}
	.banner { width:100%; float:none;}
	.webbanner { display:none;}
	.mobbanner { display:block;}
	
	
	.innerbanner { float:none; width:100%;}
	.innerheader { float:none; width:100%; margin:10px 0; text-align:center;}
	.brdcrumb p { text-align:center;}
	.mission p { padding: 20px 5%;}
	.leftbg, .rightbg { width:15%;}
	.aboutus { margin:10px 0;}
	.aboutus span { width:70%; font-size:18px;} 
	.abtleft { float:none; width:98%; text-align:center; margin:0 auto;}
	.abtcontent { float:none; width:100%;}
	.abtcontentpad { margin:10px 1%;}
	.servi { width:98%;}
	.servi li p { left:70%;}
	.serleft, .serright { float:none; width:100%;}
	.serright { margin:0;}
	.serright li:first-child { display:none;}
	.getaquote { width:90%;}
	.footermiddle { display:none;}
	.links { width:30%;}
	.contactinfo { width:70%;}
	.mobcopyright { display:block;}
	.mobcopyright p{ text-align:center;}
	.bannerleft { top:630px;}
	.bannerleft img { width:130px;}
	.innovation { width: 60%;margin: 20px auto; position:static;}
	.innovation li { width:60%; padding:20px 0;}
	.discwork { display:none;}
	.workright { bottom:120px;}
	.workright img { width:130px;}
	.ourworkmain h1 { text-align: left; margin: 20px 15% 0 5%;font-size: 25px;}
	.services h1 { text-align:center;margin: 0px 0 20px 0;}
	.welcome { margin:0;}
	.contactinfo li { margin:35px 0;}
	.ourwork h1 { display:block; text-align:center; color:#fff; font-size: 40px; text-transform:uppercase; margin:0}
	.mobfooterlogo, .mobsocialmedia { display:block;}
	.mobfooterlogo { text-align:center;}
	.mobfooterlogo img { max-width:100%;}
	.mobsocialmedia ul { margin:0; padding:0; text-align:center;}
	.mobsocialmedia li { display:inline-block;margin: 20px 2% 0 2%;}
	.mobsocialmedia li img { max-width:100%;}
	.workright { bottom:-118px;}
	.ourwork { margin:30px 0 0 0;padding: 30px 10%;}
	.mobsubmenu li { display:none;}
	.mobsubmenu ul{  margin:0; padding:0;}
	.mobsubmenu li { border-bottom: none!important;}
	.cntleft { float:none; width:60%;margin: auto;}
	.cntright { float:none; width:90%;margin: auto;}
	.enquiry { padding: 30px 0 0 5%;}

}

@media(max-width:600px)
{
	.mission p { padding: 20px 1%;}
	.leftbg, .rightbg { display:none;}
	.aboutus span { float:none; width:100%;}
	.aboutus { margin: 10px 1%;}
	.servi li p { font-size:20px;}
	.work { width:98%; margin:0 auto;}
	.work li { width:75%; margin:20px 0}
	.work li p { font-size:18px;}
	.getaquote { width:98%;}
	.bannerleft, .workright { display:none;}
	.innovation { width: 80%; left: 10%;margin-top: 30px;}
	.welcome p { padding: 10px 5%;}
	
	.ourworkmain h1 { margin: 10px 1% 0 1%;font-size: 20px;}
	.ourwork h1 {font-size: 30px; }
	.cntleft { width:80%;}
	.enquiry h1 { text-align:center;}
	.subcntright li { font-size:16px;}
	.strat { padding: 10px 10%;}
	.servi h2, .brand p { padding:0;}
	
	.formmain { width:90%;padding: 10px 0;}
	.quoteleft { width: 100%;float:none; margin:0 0 10px 0;}
	.quoteright { width: 100%;float:none;}
	
}


@media(max-width:450px)
{
	.logo { text-align:left;}
	.servi li p { position:static; text-align:center;}
	.links { float:none; width:90%;margin: 0 auto; display:none;}
	.contactinfo { float:none; width:80%;margin: 0 auto;}
	.contactinfo li { margin:15px 0;}
	.ourwork h1 {font-size: 25px; }
	.cntleft { width:98%;}
	.enquiryleft  { float:none; width:100%;}
	.enquiryright { float:none; width:100%;}
	.formaround { display:none;}
	.strat { padding: 10px 2%;}
	.cntleft ul { text-align:center;}
	.ctleft { float:none; width:100%;}
	.ctright { float:none; width:100%; margin-top:10px;}
	.enquiryright select { padding:10px 0 5px 0;}
	
}

@media(max-width:350px)
{
	.menuicon { top:30px;}
	.logo img { max-width:80%;}
	.innerheader h1 { font-size:30px;}
	
	.innovation { width: 90%; left: 5%;}
	.innovation li { font-size:18px;}
	.innovation li img { margin-right:10px;}
	
}