@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');

body{margin:0; font-family: 'Nunito', sans-serif;}
#main{width:100%; height:auto; float:left; margin:0}
#main-inner{width:90%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:90%; height:auto; margin:0 auto;}
#main-inner2{width:95%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:96%; height:auto; margin:0 auto;}
#main-inner4{width:80%; height:auto; margin:0 auto;}
a{text-decoration: none;}

.upheader-bac{background:#222b37}
#upheader{width:100%; height:auto; float:left; padding:0.3% 0}
#upheader .left{width:50%; height:auto; float:left; margin:0.5% 0 0 0;}
#upheader .left p{float:left; margin:0 2% 0 0; color:#fff; font-size:14px}
#upheader .left .p{float:left; margin:0.5% 2% 0 0; color:#fff; font-size:12px}
#upheader .left p img{width:13px; height:13px; float:left; margin:2% 0 0 0}
#upheader .left p .img{width:13px; height:13px; float:left; margin:1% 0 0 0}
#upheader .left a{color:#fff;}
#upheader .middle{width:200px; height:auto; float:right; margin:0.2% 0;}
#upheader .middle a{width:28px!important; height:28px!important; float:left; padding:5px; margin:0px 4px 0 4px; border-radius: 50px}
#upheader .middle a img{width:90%!important; height:auto!important; float:left; margin: 5%;}
#upheader .middle .a{width:30px!important; height:30px!important; float:left; padding:0; margin:0px 4px 0 4px; border-radius: 50px}
#upheader .middle .a img{width:100%!important; height:auto!important; float:left; margin: 0;}

.fixedup .navbar-scrolltofixed.scroll-to-fixed-fixed {background:#fff; margin-top:0; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.2);}
.menudiv-bac{background:#fff; padding: 0;}
.mainlogo{width:33%; height:auto; float:left; margin-top: 15px;}
.mainlogo img{width:100%; height:auto; float:left;}

#welcome{width: 80%; height: auto; float: left; margin: 70px 10%;}
#welcome h1{text-align:center; color:#5b5b5b; font-family: 'Fjalla One', sans-serif; font-size:30px; font-weight:normal; margin:0}
#welcome b{width:6%; height:auto; float:left; margin:1% 47% 4% 47%; background:#0095e8; padding:1.5px 0}
#welcome p{line-height: 160%; text-align: justify; margin:1.5% 0;}
#welcome a{width:20%; height:auto; float:left; margin:1% 40%; background: #037aca; color: #fff; padding:10px 0; border-radius: 5px; text-align: center; transition: 0.5s;}
#welcome a:hover{background: #012b47;}
#welcome .div{width: 100%; height: auto; float: left; margin: 20px 0;}
#welcome .div .con{width: 31%; height: 300px; float: left; margin: 0 0.6%; padding: 0 10px; border-right: 1px solid #e1dfdf;}
#welcome .div .con:last-child{border-right: none;}
#welcome .div .con img{width: 30%; height: auto; float: left; margin: 20px 35% 40px 35%;}
#welcome .div .con h1{width: 100%; height: auto; float: left; text-align: center; color: #1a323e;}
#welcome .div .con p{width: 100%; height: auto; float: left; text-align: center; color: #2b2b2b;}

.partnershipbg{background:url(images/bg.jpg) #053565 fixed left center no-repeat; padding: 1% 0 2% 0; background-size: 100% auto;}
.partnershipbg h1{width: 100%; height: auto; float: left; margin: 0 0 1% 0; color: #fff; text-align: center; font-size: 40px;}
.partnershipbg a{width: 20%; height: auto; float: left; margin: 0 40%; padding: 10px 0; background: #0057d1; color: #fff; text-align: center; border-radius: 30px;  -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1);}
.partnershipbg a:hover{background: #0464ea; color: #fff;}

.servicenwbg{background:url(images/ser-bg.jpg)}
#servicenw{width:100%; height:auto; float:left; margin:2% 0 5% 0;}
#servicenw h1{width:100%; height:auto; float:left; margin-bottom:0; text-align:center; color: #2b2b27; font-family: 'Fjalla One', sans-serif; font-weight: normal;}
#servicenw b{width:4%; height:auto; float:left; margin:1% 48% 0 48%; background:#0095e8; padding:1.5px 0}
#servicenw .leftdiv{width:66%; height:auto; float:left; margin:2% 0 0 20%;}
#servicenw .leftdiv h2{width:100%; height:auto; float:left; margin: 0; text-align: right; color: #444444; font-size: large;}
#servicenw .leftdiv p{width:90%; height:auto; float:left; margin: 2px 0 2px 10%; text-align: right; color: #363636; font-size: 13px;}
#servicenw .leftdiv a{width:95%; height:auto; float:left; text-align: right; color: #033d62; font-size: 13px;}
#servicenw .leftdiv span{width:5%; height:auto; float:left; margin-top: -15px; padding: 0; text-align: right; color: #033d62}
#servicenw .rightdiv{width:66%; height:auto; float:right; margin:2% 20% 0 0;}
#servicenw .rightdiv h2{width:100%; height:auto; float:left; margin: 0; text-align: left; color: #444444; font-size: large;}
#servicenw .rightdiv p{width:90%; height:auto; float:left; margin: 2px 10% 2px 0; text-align: left; color: #363636; font-size: 13px;}
#servicenw .rightdiv a{width:95%; height:auto; float:left; text-align: left; color: #033d62; font-size: 13px;}
#servicenw .rightdiv span{width:5%; height:auto; float:left; margin-top: -15px; padding: 0; text-align: left; color: #033d62}
#servicenw .centerdiv{width:80%; height:auto; float:left; margin: 12% 10% 0 10%;}
#servicenw .centerdiv h2{width:100%; height:auto; float:left; margin: 0; text-align: center; color: #444444; font-size: large;}
#servicenw .centerdiv p{width:100%; height:auto; float:left; margin: 1px 0; text-align: center; color: #363636; font-size: 14px;}
#servicenw .centerdiv a{width:55%; height:auto; float:left; text-align: right; color: #033d62; font-size: 14px;}
#servicenw .centerdiv span{width:5%; height:auto; float:left; margin: -15px 0 0 3%; padding: 0; text-align: left; color: #033d62}

.flip-box {
  background-color: transparent;
  width: 49%;
  height: 86px;
  float: left;
  margin: 0.5%;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
.flip-box1 {
  background-color: transparent;
  width: 48%;
  height: 250px;
  float: left;
  margin: 0 26% 1% 26%;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 10%;
  height: auto;
  float: right;
  margin-top: 5.5%;
  text-align: center;
  transition: transform 0.3s;
  transform-style: preserve-3d;
}
.flip-box-inner1 {
  position: relative;
  width: 10%;
  height: auto;
  float: left;
  margin-top: 5.5%;
  text-align: center;
  transition: transform 0.3s;
  transform-style: preserve-3d;
}
.flip-box-front .img{
  width: 45%!important;
  height: auto!important;
}
.flip-box-back .img{
  width: 45%!important;
  height: auto!important;
}
/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  background-color: #bbb;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: dodgerblue;
  color: white;
  transform: rotateY(180deg);
}


.servicebg{background:#f5f3f3; border-top: 1px solid #e1e0e0; border-bottom: 1px solid #e1e0e0;}
#service{width:100%; height:auto; float:left; margin:2% 0;}
#service h1{width:100%; height:auto; float:left; margin-bottom:0; text-align:center; color: #2b2b27; font-family: 'Fjalla One', sans-serif; font-weight: normal;}
#service b{width:4%; height:auto; float:left; margin:1% 48% 4% 48%; background:#0095e8; padding:1.5px 0}
#service .con{width:31%; height:150px; float:left; margin:1.1%; padding:1%; background:#fff; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.2);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.2);box-shadow:0 3px 56px -24px rgba(0,0,0,.2); border-radius:5px; transition:0.5s}
#service .con:hover{-webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.3);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.3);box-shadow:0 3px 56px -24px rgba(0,0,0,.3);}
#service .con h3{width:83%; height:auto; float:right; color:#006eac; font-size:18px; margin:0 0 10px 0; font-family: 'Nunito', sans-serif; font-weight: normal}
#service .con p{width:83%; height:auto; float:right; line-height: 150%; text-align: justify; margin: 0; color: #3f3e3e;}

.service1bg{background: #f5f3f3; border-bottom: 1px solid #e1e0e0;}
#service1{width:100%; height:auto; float:left; margin:4% 0;}
#service1 h1{width:100%; height:auto; float:left; margin-bottom:0; text-align:center; color: #2b2b27; font-family: 'Fjalla One', sans-serif; font-weight: normal;}
#service1 b{width:4%; height:auto; float:left; margin:0.3% 48% 2% 48%; background:#0095e8; padding:1.5px 0}
#service1 .con{width:17%; height:190px; float:left; margin:1.5%; padding:1.5% 1% 2% 1%; background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1);}
#service1 .con img{width:25%; height:auto; float:left; margin:1% 37.5%;}
#service1 .con h3{width:100%; height:auto; float:left; margin:5% 0; text-align: center; color: #006eac; font-family: 'Nunito', sans-serif; font-weight: normal;}
#service1 .con p{width:100%; height:auto; float:left; margin:1% 0; text-align:center; color: #3f3e3e;}
#service1 .con1{width:17%; height:190px; float:left; margin:1.5% 1.5% 1.5% 11%; padding:1.5% 1% 2% 1%; background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1);}

.special-feature .con{width:16.5%; height:auto; float:left; margin:1% 0;}
.special-feature .mask-top h4:before,.s-feature-box,.s-feature-box:hover .mask-bottom{background-color:#005A8D; -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1);}
.special-feature .mask-top1 h4:before,.s-feature-box1,.s-feature-box1:hover .mask-bottom1{background-color:#F54748;}
.special-feature .mask-top2 h4:before,.s-feature-box2,.s-feature-box2:hover .mask-bottom2{background-color:#FB9300;}
.special-feature .mask-top3 h4:before,.s-feature-box3,.s-feature-box3:hover .mask-bottom3{background-color:#39A6A3;}
.special-feature .mask-top4 h4:before,.s-feature-box4,.s-feature-box4:hover .mask-bottom4{background-color:#BF1363;}
.special-feature .mask-top5 h4:before,.s-feature-box5,.s-feature-box5:hover .mask-bottom5{background-color:#01937C;}

.special-feature h4{font-size:20px;margin-top:25px;position:relative; font-family: 'Nunito', sans-serif; font-weight: normal}
.special-feature .mask-top{width:100%;background-color:#fff;padding:55px 0;position:absolute;top:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.special-feature .mask-top h4:before{top:-18px;content:"";display:block;height:2px;left:0;right:0;margin:-2px auto;position:absolute;width:40px}
.special-feature .s-feature-box:hover .mask-top{top:-200px;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.special-feature .s-feature-box{overflow:hidden;position:relative;width:100%;min-height:270px;border:1px solid #eae8e8;margin-bottom:20px;cursor:pointer;}
.special-feature .mask-bottom{color:#333;padding:10px;width:100%;position:absolute;bottom:-300px;height:100%;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.special-feature .mask-bottom p{padding:0 5px; margin: 0; color: #fff; font-size: 14px; line-height: 180%;}
.special-feature .mask-bottom h4{margin:15px 0; color: #fff;}
.special-feature .mask-bottom .p{padding:0 2px; margin: 0; color: #fff; font-size: 14px; line-height: 145%;}
.special-feature .mask-bottom .h4{margin:7px 0; color: #fff;}
.special-feature .s-feature-box:hover .mask-bottom{bottom:0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}

.gdfooterbg{background:#0b304c;}
#gdfooter{width:90%; height:auto; float: left; margin:1% 5%;}
#gdfooter h3{color: #cc7802}
#gdfooter .con{width: 30%; height: auto; float: left;}
#gdfooter .con h4{color: #fff; margin: 3% 0}
#gdfooter .con p{color: #eaeaea; font-size: 13px; margin: 0; line-height: 190%}
#gdfooter .con p strong{color: #fff; font-weight: 600;}
#gdfooter .con1{width: 30%; height: auto; float: left; margin-left: 5%;}
#gdfooter .con1 a{width:30px!important; height:30px!important; float:left; padding:5px; margin:0px 4px 0 4px; border-radius: 50px}
#gdfooter .con1 a img{width:90%!important; height:auto!important; float:left; margin: 5%;}
#gdfooter .con1 .a{width:30px!important; height:30px!important; float:left; padding:0; margin:0px 4px 0 4px; border-radius: 50px}
#gdfooter .con1 .a img{width:100%!important; height:auto!important; float:left; margin: 0;}
#gdfooter .con2{width: 35%; height: auto; float: left;}

.gdlowfooterbg{background: #000;}
#gdlowfooter{width:100%; height:auto; float: left; padding: 1% 0;}
#gdlowfooter p{width: 50%; height: auto; float: left; margin: 0; padding: 0; color: #fff; font-size: 14px}
#gdlowfooter .p{text-align: right;}
#gdlowfooter a{text-decoration: none; color: #969595;}

.shadow_one{padding:50px 0 200px 0;text-align:center;background-color:rgba(0,0,0,.65)}
#page_header{background:url(images/bg1.jpg) center top no-repeat; background-size: 100% auto;}
#page_header h2{color:#fff;font-size:40px;margin:18px 0;}
#page_header .h2{color:#fff;font-size:20px;margin:35px 0 22px 0;}
#page_header p{color:#fff}
.page_header_breadcum{color:#fff}
.page_header_breadcum a .fa{color:#fdb92e;font-size:16px}
.page_header_breadcum a.active_page{color:#fdb92e}
.page_header_breadcum a{color:#fff}

#static{width:100%; height:auto; float:left; margin:3% 0 4% 0}
#static h1,h2,h3,h4,h5,h6{color: #272727;}
#static img{width:auto; height:auto; float:left; margin:1% 1% 1% 0}
#static p{margin:1% 0; line-height:175%; text-align:justify; color:#333333;}
#static span{margin:1% 0; line-height:175%; text-align:justify; color:#333333;}
#static ul{list-style-image: url('images/tick.png'); line-height:160%; text-align:justify; color:#333333;}
#static ul li{margin:1.5% 0}
#static .h1{width:100%; height:auto; float:left; margin:5px 0 0 0; color: #333333; text-align: center;}
#static .b{width:10%; height:auto; float:left; margin:5px 45%; background: #247ebb; padding: 1px 0;}
#static .color{color: red;}
#static .left{width:25%; height:auto; float:left; margin:2% 0;}
#static .left a{width:99.5%; height:auto; float:left; padding:15px 10px 15px 0; border-right: #e5e5e5 1px solid; font-size: 18px; text-align: right; color: #3b3b3b;}
#static .left a:hover{border-right: #247ebb 1px solid; color: #247ebb;}
#static .left .a{border-right: #247ebb 1px solid; color: #247ebb; font-weight: bold; font-size: 20px;}
#static .right{width:72%; height:auto; float:left; margin:2% 0 0 3%;}
#static .headh1{width:100%; height:auto; float:left; margin:0 0 5px 0; color: #343535;}
#static .headh2{width:100%; height:auto; float:left; margin:20px 0 5px 0; color: #343535;}
.text-subline{width:100%; height:auto; float:left; position: relative; height: 1px; padding: 0; background: #e5e5e5; border: none; margin-bottom: 30px;}
.text-subline:before{content: ''; position: absolute; top: 0; left: 0; height: 1px; width: 50px; background: #247ebb;}
.text-subline1{width:80%; height:auto; float:left; position: relative; height: 1px; padding: 0; background: #e5e5e5; border: none; margin:0 20% 10px 0;}
.text-subline1:before{content: ''; position: absolute; top: 0; left: 0; height: 1px; width: 50px; background: #247ebb;}
#static .color1{color: #002749!important;}
#static .right .h3{width:100%; height:auto; float:left; margin:10px 0 3px 0; color: #1c4b7f; font-size: medium;}
#static .con{width:100%; height:auto; float:left; margin:2% 0 6% 0; padding-bottom: 5%; border-bottom: 1px solid #c9c9c9;}
#static .con:last-child{border-bottom: none}
#static .con img{width:25%; height:auto; float:left; margin:0 5% 0 0;}
#static .con .rightcon{width:70%; height:auto; float:left; margin:0;}
#static .con .rightcon h2{width:100%; height:auto; float:left; margin:0 0 1% 0; font-family: 'Fjalla One', sans-serif; color: #023888; font-weight: 500;}
#static .con .rightcon h2 span{font-family: 'Fjalla One', sans-serif; color: #343434; font-weight: 500; font-size: 16px;}
#static .con .rightcon p{width:100%; height:auto; float:left; margin:0.8% 0; line-height:160%; text-align:justify; color:#333333;}
#static .con3{width:48%; height:auto; float:left; margin:1%;}
#static .aa{width:100%; height:auto; float:left; margin:0.8% 0; text-decoration: none; background: url(images/arrow.png) left center no-repeat; background-size: 10px 13px; padding-left: 25px; color: #272727;}
#static .aa:hover{color: #0252c8;}
.contactdivbg{background: #f0f0f1;}
#static .contactdiv{width:100%; height:auto; float:left; margin:2% 0;}
#static .contactdiv .con1{width:31%; height:auto; float:left; margin:1%;}
#static .contactdiv .con1 h3{width:20%; height:auto; float:left; margin-right: 80%; border-bottom: 1px solid #0461ea; color: #323232;}
#static .contactdiv .con1 p{width:100%; height:auto; float:left; margin:2% 0; color: #292a2a;}
#static .contactdiv .con1 .ph{background: url(images/ph1.png) left top no-repeat; padding-left: 40px; background-size: 18px 18px;}
#static .contactdiv .con1 .mob{background: url(images/mob.png) left top no-repeat; padding-left: 40px; background-size: 23px 23px;}
#static .contactdiv .con1 .tel{background: url(images/ph1.png) left top no-repeat; padding-left: 40px; background-size: 23px 23px;}
#static .contactdiv .con1 .mail{background: url(images/mail1.png) left top no-repeat; padding-left: 40px; background-size: 20px 20px;}
#static .contactdiv .con1 .address{background: url(images/address.png) left top no-repeat; padding-left: 40px; background-size: 25px 25px;}
.contactiframe{width:100%; height:auto; float:left; margin:0;}
#static .searchright{width:auto; height:auto; float:right; margin:0;}
#static .searchright p{float:left;}
#static .searchright .box{width:130px; height:auto; float:left; margin:5px 12px 0 8px; border: 1px solid #d4d5d5; border-radius: 5px; padding: 5px; font-family: 'Nunito', sans-serif;}
#static .searchright .search{width:80px; height:auto; float:left; margin:5px 0 0 8px; cursor: pointer; color: #fff; background: #003470; border-radius: 5px; border: none; text-align: center; padding: 6px 0; font-family: 'Nunito', sans-serif; transition: 0.1s;}
#static .searchright .search:hover{background: #0158bc;}
#static .listcon{width:100%; height:auto; float:left; margin:1% 0; border: 1px solid #e2e2e2;}
#static .listcon a{width:100%; height:auto; float:left; padding: 10px; margin:0; color:#333333; font-size: 14px; transition: 0.1s;}
#static .listcon a:nth-child(even) {background-color: #ededed;}
#static .listcon a:hover{color:#fff; background: #333333;}
#static .contact{width:75%; height:auto; float:left; margin:2% 12.5% 1% 12.5%; background:#f1feff; border-radius: 5px; padding: 2%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#static .contact .condiv{width:48%; height:auto; float:left; margin:8px 1%;}
#static .contact .condiv1{width:98%; height:auto; float:left; margin:5px 1%;}
#static .contact .condiv2{width:48%; height:auto; float:left; margin:0 1%;}
#static .contact p{margin: 0;}
#static .contact .box{width:96%; height:auto; float:left; margin:5px 1%; padding:10px 1%; font-family: 'Nunito', sans-serif; font-size: small; border:1px #d5d5d5 solid; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); transition:0.5s}
#static .contact .box:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#static .contact .box:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#static .contact .box1{width:98%; height:80px; float:left; margin:0 1%; padding:1.5% 1%; font-family: 'Nunito', sans-serif; font-size: small; border:1px #d5d5d5 solid; font-size:14px; border-radius:5px; font-weight:normal; color:#333333; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10); font-size:small; transition:0.5s}
#static .contact .box1:hover{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#static .contact .box1:focus{border:1px #C9C8C8 solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}
#static .contact .radio{text-align: left;}
#static .contact .rdo{text-align:justify !important; width:auto !important;}
#static .contact .rdo label{margin:0 0 0 10px;}
#static .contact .submit{width:16%; height:auto; float:right; padding:1% 0; margin:2% 2% 2% 82%; font-size: medium; background:#028fdf; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer; border-radius:5px; transition:0.5s}
#static .contact .submit:hover{background:#019EB1}


@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

#main-inner{width:98%; height:auto; margin:0 auto; overflow:auto}
#main-inner1{width:98%; height:auto; margin:0 auto;}
#main-inner2{width:98%; height:auto; margin:0 auto; overflow:auto}
#main-inner3{width:98%; height:auto; margin:0 auto;}
#main-inner4{width:98%; height:auto; margin:0 auto;}

#upheader .left{width:90%; height:auto; float:left; margin:1% 5%;}
#upheader .left p{width:98%; height:auto; float:left; margin:1%; color:#fff; font-size:14px}
#upheader .left .p{width:98%; height:auto; float:left; margin:1%; color:#fff; font-size:12px}
#upheader .middle{width:90%; height:auto; float:right; margin:5%;}

.mainlogo{width:98%; height:auto; float:left; margin: 3% 1%;}
.mainlogo img{width:100%; height:auto; float:left;}

#welcome{width: 90%; height: auto; float: left; margin: 30px 5%;}
#welcome h1{width:98%; height:auto; float:left; margin:1%; text-align:center; color:#5b5b5b; font-family: 'Fjalla One', sans-serif; font-size:30px; font-weight:normal;}
#welcome b{width:12%; height:auto; float:left; margin:1% 44% 4% 44%; background:#0095e8; padding:1px 0}
#welcome .div{width: 100%; height: auto; float: left; margin: 20px 0;}
#welcome .div .con{width: 98%; height: auto; float: left; margin:2% 1%; padding: 0 10px; border-right: none;}
#welcome .div .con img{width: 30%; height: auto; float: left; margin: 10px 35% 10px 35%;}
#welcome .div .con h1{width: 100%; height: auto; float: left; text-align: center; color: #1a323e;}
#welcome .div .con p{width: 100%; height: auto; float: left; text-align: center; color: #2b2b2b;}

.partnershipbg{background:url(images/bg.jpg) #053565 fixed left center no-repeat; padding: 20px 0 40px 0; background-size: auto 100%;}
.partnershipbg h1{width: 100%; height: auto; float: left; margin: 0 0 1% 0; color: #fff; text-align: center; font-size: 28px;}
.partnershipbg a{width: 50%; height: auto; float: left; margin: 0 25%; padding: 10px 0; background: #0057d1; color: #fff; text-align: center; border-radius: 30px;  -webkit-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 16px 0px rgba(0,0,0,0.1);}

#servicenw h1{width:100%; height:auto; float:left; margin-bottom:0; text-align:center; color: #2b2b27; font-family: 'Fjalla One', sans-serif; font-weight: normal;}
#servicenw b{width:12%; height:auto; float:left; margin:1% 44% 4% 44%; background:#0095e8; padding:1px 0}
#servicenw .leftdiv{width:75%; height:auto; float:left; margin:2% 0 0 1%;}
#servicenw .leftdiv p{width:100%; height:auto; float:left; margin: 2px 0; text-align: right; color: #363636; font-size: 13px;}
#servicenw .rightdiv{width:75%; height:auto; float:right; margin:2% 1% 0 0;}
#servicenw .rightdiv p{width:100%; height:auto; float:left; margin: 2px 0; text-align: left; color: #363636; font-size: 13px;}

.flip-box {
  background-color: transparent;
  width: 98%;
  height: auto;
  float: left;
  margin:2% 1%;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
.flip-box-inner {
  position: relative;
  width: 20%;
  height: auto;
  float: right;
  margin-top: 8%;
  text-align: center;
  transition: transform 0.3s;
  transform-style: preserve-3d;
}
.flip-box-inner1 {
  position: relative;
  width: 20%;
  height: auto;
  float: left;
  margin-top: 8%;
  text-align: center;
  transition: transform 0.3s;
  transform-style: preserve-3d;
}

.special-feature .con{width:100%; height:auto; float:left; margin:1% 0;}

#gdfooter .con{width: 100%; height: auto; float: left;}
#gdfooter .con1{width: 100%; height: auto; float: left; margin-left: 0%;}
#gdfooter .con2{width: 100%; height: auto; float: left; margin: 6% 0;}

#gdlowfooter{width:100%; height:auto; float: left; padding: 2% 0;}
#gdlowfooter p{width: 98%; height: auto; float: left; margin: 1%; padding: 0; color: #fff; font-size: 14px; text-align: center;}
#gdlowfooter .p{text-align: center;}

.shadow_one{padding:50px 0 50px 0;text-align:center;background-color:rgba(0,0,0,.65)}
#page_header{background:url(images/bg1.jpg); background-attachment: fixed;background-position: center;background-repeat: no-repeat; background-size:auto 100%;}
.page_header_breadcum .fa{color:#fdb92e;font-size:14px}
#page_header h2{color:#fff;font-size:26px;margin:10px 0;}

#static .headh1{width:100%; height:auto; float:left; margin:0 0 5px 0; color: #343535; font-size: x-large;}
#static .con img{width:98%; height:auto; float:left; margin:1% 1% 3% 1%;}
#static .con .rightcon{width:98%; height:auto; float:left; margin:1%;}
#static .con .rightcon h2 span{width:100%; height:auto; float:left; margin:1% 0; font-family: 'Fjalla One', sans-serif; color: #343434; font-weight: 500; font-size: 16px;}
#static .left{width:98%; height:auto; float:left; margin:1%;}
#static .left a{width:99.5%; height:auto; float:left; padding:15px 0 15px 10px; border-right: none; border-left: #e5e5e5 1px solid; font-size: 18px; text-align: left; color: #3b3b3b; background: #ecedee;}
#static .left a:hover{border-right: none; border-left: #247ebb 1px solid; color: #247ebb;}
#static .left .a{border-right: none; border-left: #247ebb 1px solid; color: #247ebb; font-weight: bold; font-size: 20px;}
#static .right{width:98%; height:auto; float:left; margin:1%;}
#static .con3{width:98%; height:auto; float:left; margin:1%;}
.text-subline1{width:100%; height:auto; float:left; position: relative; height: 1px; padding: 0; background: #e5e5e5; border: none; margin:0 0 10px 0;}
#static .contact{width:95%; height:auto; float:left; margin:2% 2.5% 1% 2.5%; background:#f1feff; border-radius: 5px; padding: 2%; -webkit-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);-moz-box-shadow:0 3px 56px -24px rgba(0,0,0,.5);box-shadow:0 3px 56px -24px rgba(0,0,0,.5);}
#static .contact .condiv{width:98%; height:auto; float:left; margin:8px 1%;}
#static .b{width:12%; height:auto; float:left; margin:1% 44% 4% 44%; background: #247ebb; padding: 1px 0;}
#static .contact .submit{width:50%; height:auto; float:right; padding:2% 0; margin:2% 25%; font-size: medium; background:#028fdf; color:white; float:right; text-decoration:none; font-weight:normal; border:none; cursor:pointer; border-radius:5px; transition:0.5s}
#static .contactdiv .con1{width:98%; height:auto; float:left; margin:1%;}



}