@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/*font-family: 'Oswald', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*font-family: 'Outfit', sans-serif;*/


body,html{font-family: 'Outfit', sans-serif; height:100%; background-color:#fff; }
body,h1,h2,h3,h4,h5,ul,ul li,*{ margin:0; padding:0; }
ul li{ list-style-type:none; }
p{ margin:0; font-size:16px;} 
a{ outline:none !important; text-decoration:none !important; }

.fluidbody{ width:100%; overflow:hidden;/* height:100%;*/ }
#headerpage{ position:fixed; top:0; left:0; right:0; z-index:888; padding:0px 0px; }

.header{ position:absolute; z-index:999; padding:0px 0px; clear:both; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:100%; margin:0px;}
.headfixed{ position:fixed; left:0; right:0; z-index:999; background-color:#257fad;  padding:0px 0px; margin:0px;
 -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s;}
.logo{padding:10px;}
.mainmenu{ padding:24px 0px; position:relative; }
.mainmenu ul{ margin:0; }
.mainmenu > ul > li{ float:left; margin-left:3px; }
.mainmenu  ul li a{ padding:8px 10px; display:block; font-weight:400; font-size:16px; color:#fff; }
.mainmenu ul li:hover > a{ color:#fff !important; background-color:#1f507e;}
#activetab{ background-color:#40d0db; color:#fff !important; }
.mainmenu > ul > li > ul{ position:absolute; background-color:#333; display:none; }
.smlmenu{ width:180px; }
.mainmenu ul li ul li a{ font-size:15px; padding:10px 15px; display:block; color:#eee; }
.mainmenu ul li ul li:nth-child(1) a{ border-top:none;}
.respnav{ position:absolute; right:20px; top:20px; }
.respnav i{ font-size:25px; padding:6px; cursor:pointer; color:#333; background-color:#eee; border-radius:4px;}
.respnav{ float:right; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }
#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:5px; top:5px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#1f507e; color:#fff;}
.frombackcol{ opacity:0; transform:translateY(200px); z-index:2; }
.fromleftcol{ opacity:0; transform:translateX(-500px); z-index:5; }
.fromrightcol{ opacity:0; transform:translateX(500px); z-index:5; }
.animat{ padding:80px 0px 0px 0px; background-image:url(../images/promo.png); background-size:cover; overflow:hidden; } 
.animibacknrml{ opacity:1; transform:translateY(0); }
.animileftnrml{ opacity:1; transform:translateX(0); }
.animirightnrml{ opacity:1; transform:translateX(0); }

.tran01{ -moz-transition:all ease-in-out 0.8s; -webkit-transition:all ease-in-out 0.8s; -o-transition:all ease-in-out 0.8s; -ms-transition:all ease-in-out 0.8s; transition:all ease-in-out 0.8s; }
.tran02{ -moz-transition:all ease-in-out 1.0s; -ms-transition:all ease-in-out 1.0s; -o-transition:all ease-in-out 1.0s; -webkit-transition:all ease-in-out 1.0s; transition:all ease-in-out 1.0s; }
.tran03{ -moz-transition:all ease-in-out 1.2s; transition:all ease-in-out 1.2s; -ms-transition:all ease-in-out 1.2s; -webkit-transition:all ease-in-out 1.2s; -o-transition:all ease-in-out 1.2s; }
.tran04{ -moz-transition:all ease-in-out 1.4s; transition:all ease-in-out 1.4s; -webkit-transition:all ease-in-out 1.4s; -ms-transition:all ease-in-out 1.4s; -o-transition:all ease-in-out 1.4s; }
.tran05{ -moz-transition:all ease-in-out 1.6s; transition:all ease-in-out 1.6s; -webkit-transition:all ease-in-out 1.6s; -o-transition:all ease-in-out 1.6s; -ms-transition:all ease-in-out 1.6s; }
.tran06{ -moz-transition:all ease-in-out 1.8s; transition:all ease-in-out 1.8s; -o-transition:all ease-in-out 1.8s; -ms-transition:all ease-in-out 1.8s; -webkit-transition:all ease-in-out 1.8s;}

.btbg{ color:#eee; padding:14px;  overflow:hidden; position:absolute;  
margin-top:30px; border:#145e87 2px solid; background-color:#2477a5;}
.btbg a {color:#fff; padding:0px 20px 0px 20px; font-size:16px;}
.btbg a:hover {color:#fff; }


.welcom{ position:relative; padding:60px 0px 60px 0px; z-index:444; background-color:#fff; margin:0px;}
.textcolm h1{ margin:0;  font-weight:700; color:#333; padding:20px 0px 0px 0px; font-size:34px; line-height:1.3;}
.textcolm h4{ margin:0;  font-weight:400; color:#0baa59; padding:10px 0px 10px 0px; font-size:18px;  }
.textcolm p{ font-size:14px; color:#333; padding:10px 0px 0px 0px;}
.textcolm{ padding:20px 20px;}

#thrdicnt{  position:relative; padding:120px 0px 60px 0px; overflow:hidden; background-color:#fff; background-image:url(../images/bg1.png); background-size:460px; background-repeat:no-repeat; background-position:top right; margin:0px; clear:both;}
.thrdbx{padding:20px 0px 0px 40px;}
.thrdbx h1{ margin:0;  font-weight:600; color:#2477a5; padding:10px 0px 10px 0px; font-size:50px; line-height:1.0; }
.thrdbx h3{ margin:0; font-weight:600; color:#0b0d26; padding:4px 0px 0px 0px; font-size:24px; line-height:1.5; }
.thrdbx h4{margin:0;font-weight:500;color:#0b0d26;padding:10px 0px 0px 0px;font-size:18px;line-height:1.5;text-transform:uppercase;}
.thrdbx p{ font-size:16px; color:#9ba2ad; padding:10px 0px 0px 0px; font-weight:300;}
.abtpic{ padding:0px 0px; margin:0px;  z-index:333;}
.clbtng{ margin-top:-80px; width:460px;  float:right; overflow:hidden; z-index:555; position:relative; 
 padding:0px 0px;}
.clbtng h5{ margin-top:-280px;  font-weight:400; color:#fff; padding:0px 10px 20px 20px; font-size:24px; line-height:1.4;}
.clbtng h5 span{ color:#efa20c; font-weight:bold;}


.clink{ padding:10px 0px 0px 4px; margin:40px  0px 0px 0px; }
.clink a{ color:#fff; border:#215582 2px solid; padding:14px 50px; font-size:16px; font-weight:400;background-color:#2477a5;}
.clink a:hover{ color:#215582;  background-color:#fff;}


.clientcolm{ background-color:#fff; padding:0px 0px 80px 0px; margin:0px; }
.clientcolm h2{ margin:0; padding:0px 0px 13px 0px; font-weight:bold; color:#FF6600;  }
.clientcolm img:hover{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
.clientcolm img{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);   }

.stsm{ position:relative; padding:40px 0px 100px 0px; z-index:444; background-color:#f8f8f8; margin:0px; overflow:hidden;}
.stsm > div{ overflow:hidden; }
.stsmcolm{ padding:30px 0px 0px 0px; margin-top:130px;}
.stsm h1{ margin:0;  font-weight:700; color:#1c83b7; padding:10px 0px 10px 0px; font-size:50px; line-height:1.1; 
font-family: 'Oswald', sans-serif;}
.stsm h4{ margin:0; font-weight:400; color:#0b0d26; padding:20px 0px 0px 0px; font-size:20px; line-height:1.5;}
.stsm p{ font-size:16px; color:#6a6a6a; padding:10px 0px 0px 0px; font-weight:300;}



#service {position:relative; z-index:333;  padding:0px 0px 100px 0px; margin:0px; overflow:hidden; background-color:#f5f5f5;}
#service .section-heading {margin-bottom: 10px;}
.service-item {cursor:pointer; background-color:#fff; padding:40px 30px;transition: all 0.7s;
box-shadow: 0px 0px 15px #dbdbdb;  margin-top:40px;  }
.service-item:hover {background-color:#245886; }
.section-heading h4 {font-size:60px;font-weight:600;text-align:center; padding:0px; margin:0px;}
.section-heading h3 {font-size:40px; color:#ff4228; font-weight:bold; text-align:center;padding:0px 0px 0px 0px; margin:0px;}
.section-heading h5 {color:#a60317; font-size:24px; font-weight:600;  text-align:center;padding:0px 0px 0px 0px; margin:0px;}
.section-heading p {text-align:center; padding:0px 40px; color:#cbcbca; margin:0px;}
.service-item h4{font-size:20px;letter-spacing:0.5px;margin:20px 0px 0px 0px;color:#1c83b7;font-weight:500;padding:0px;text-transform:none;}
.service-item h3 {font-size:16px; letter-spacing:0.5px; margin:20px 0px 0px 0px;  padding:0px; color:#ff4228; font-weight:400;}
.service-item:hover h4 {color: #fff;}
.service-item:hover h3 {color: #fff;}
.service-item:hover p {color:#fff;}
.service-item p {color:#999; font-weight:400; font-size:16px; padding:10px 0px 0px 0px; margin:0px;}
.swcimg{ padding:4px; margin:0; width:80px; background-color:#fff; }
.fstp{ padding:20px 0px 0px 0px;}



.team { padding:0px 0px 0px 0px; overflow:hidden; position:relative; margin-bottom:-20px; margin-top:-20px;} 
.team h2{  text-transform:uppercase; font-size:44px; padding:0px 0px 0px 14px; font-weight:400; color:#333; 
letter-spacing:10px; margin-bottom:20px;}
.team p{ text-align:center; padding:10px 0px 10px 0px;  color:#cbcbca; font-size:18px;}
.team-image {position:relative;overflow: hidden; padding:0px 0px 0px 0px; margin:20px 0px;}
.team-image img {-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.team-image .social-icons {position:absolute; bottom:-62%; width:100%; text-align:center; 
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.91) 100%);
padding: 26px 0px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.team-image .social-icons h4{ color:#fff; font-weight:400;padding:20px 0px 0px 40px; font-size:30px; text-transform:uppercase;}
#setof{ margin:29px 0px 0px 0px;}

.team-image .social-icons p{color:#fff;}
.team-image .social-icons a:hover i {color:#b60b4e;}
.team-image:hover .social-icons {bottom: -1px;}
.team-image:hover img {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.team-image .social-icons a:hover {bottom:5px;}
.social-icons a span,.icons a span { margin-right: 0.7em;font-size:20px;color: #fff;
transition: 0.5s all;-webkit-transition: 0.5s all;  -moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;}
.icons ul li a span:hover,.team-image .social-icons a span:hover {color:#cb5209;}    
.team-grid h4 {font-size:22px; color:#333;  font-weight:600; padding:20px 0px 0px 0px; text-align:left;}
.team-grid p {font-size:18px; color: #cbcbca;padding:0px 0px 0px 40px; text-align:left;}


#tstms{ text-align:center;padding:140px 0px 100px 0px; background-color:#1f4474;
 background-image:url(../images/bg3.png); background-size:360px; background-repeat:no-repeat; background-position:top left; 
 margin:0px; clear:both;}
.titlecol h1{font-size:50px; margin:0; padding:20px 0px 0px 0px;font-weight:600; color:#fff;  }
.titlecol h4{font-size:20px; margin:0; padding-bottom:10px;font-weight:600; color:#fff; text-transform:uppercase;}
#testitext li h5{font-size:80px; margin:0px; padding:20px 0px 0px 0px; font-weight:600; color:#ca2121;}
#testmoni{ text-align:center; background-color:#f7f7f7; padding:0px 20px; margin:0px; border:2px solid #eee;}
.textmr{  padding:0px 0px;}
#testitext {width:100%; padding:0px 20px; text-align:center;}
#testitext li {font-size:20px; color:#eee; border:none; width:100%; line-height:1.6; font-weight:300; padding:10px 40px 0px 40px;
margin:0px;}
#testitext li h3 {font-size:28px; font-weight:700; color:#eee; margin-top:-20px;}
.textmr h1{margin:0; padding:0px 0px 10px 0px; color:#d11b03;  text-transform:uppercase; font-size:36px; font-weight:600; position:relative;display:inline-block;}
.textimg{ padding:10px 0px 20px 0px; margin:0 auto; width:120px; }


.srbars{ padding:20px 0px 0px 0px;}
.green,.hover-green:hover{ color: #fff !important; background-color: #4CAF50 !important;}
.blue,.hover-blue:hover { color: #fff !important;  background-color: #2196F3 !important;}
.contner, panel { padding: 0.01em 16px;}
.red,.hover:hover { color: #fff !important; background-color: #f44336 !important;}
.center{text-align: center !important;}


.abtclm{background-color:#1f4474; padding:120px 0px 120px 0px; margin:0px;
background-image:url(../images/bg2.png); background-size:360px; background-repeat:no-repeat; background-position:top right;}
.abtclm > div{ position:relative; z-index:40; }
.abtclm:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(0,0,0,0);}
.abtclm p{  color:#eee;  font-size:16px;  padding:10px 0px 0px 0px; margin:0px; line-height:1.6; font-weight:300;}
.abtclm h1{ padding:20px 0px 0px 0px; font-size:50px; margin:0px 0px; color:#fff; font-weight:600;  text-transform:uppercase; }
.abtclm h4{ padding:0px 0px; font-size:20px; margin:0px 0px; color:#fff; font-weight:400; text-transform:uppercase; }
.abtclmimg{ margin:0px; padding:0px 40px 0px 0px;
 padding:0px 0px 0px 0px; border-radius:10px; overflow:hidden;
-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
.abtclmimg:hover img {
	-webkit-filter: grayscale(100%) blur(2px);
	filter: grayscale(100%) blur(2px);
	cursor:pointer;}

.scclm{ padding:0px 0px 140px 0px; margin:0px; background-color:#1f4474;}
.scclm h1{ padding:20px 0px 0px 0px; font-size:50px; margin:0px 0px; color:#fff; font-weight:600;  text-transform:uppercase; }
.scclm h4{  color:#eee;  font-size:24px;  padding:10px 0px 0px 0px; margin:0px; line-height:1.6; font-weight:300;}
.sclbox{margin-top:-100px;}


.abtimg{ margin-top:-360px;  padding:0px 0px 0px 0px; border-radius:10px; overflow:hidden;
-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
.abtimg:hover img {
	-webkit-filter: grayscale(100%) blur(2px);
	filter: grayscale(100%) blur(2px);
	cursor:pointer;}

.srver{background-color:#fff; padding:120px 0px 160px 0px; overflow:hidden; position:relative; margin:0px;}
.srver > div{ position:relative; z-index:40; }
.srver:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(0,0,0,0);}
.srver p{  color:#999;  font-size:16px;  padding:10px 0px 0px 0px; line-height:1.6; font-weight:300;}
.srvbx{ padding:60px 0px 0px 0px;}
.srver h1{ padding:10px 0px; font-size:50px; margin:0px 0px; color:#204a79; font-weight:600; }
.srver h4{ padding:0px 0px; font-size:20px; margin:0px 0px; color:#333; font-weight:400; text-transform:uppercase; }
.srvrimg{ padding:0px 0px;}


#prodcts{  background-color:#f8f8f8; padding:100px 0px 120px 0px;}
#prodcts h4{ font-size:20px;  color:#0b0d26; font-weight:400; padding:0px 0px 10px 0px; text-align:center; text-transform:uppercase;}
#prodcts h1{ font-size:50px;  color:#1c83b7; font-weight:600; padding:0px 0px 20px 0px; margin:0px; text-align:center;}
.prodct{ margin:20px 0px 20px 0px; padding:0px; z-index:999; overflow:hidden; background-color:#fff; 
-webkit-box-shadow: -2px 14px 23px -8px rgba(128,124,128,0.4);
-moz-box-shadow: -2px 14px 23px -8px rgba(128,124,128,0.4);
box-shadow: -2px 14px 23px -8px rgba(128,124,128,0.4);}
.prodct p a{ margin:0px; color:#e23311; padding:0px 0px;}
.prodct img{ -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; overflow:hidden; z-index:444;}
.prodct h3{ font-size:24px; color:#1c83b7; font-weight:500; padding:20px 0px 0px 0px; margin:0px;}
.prodct p{ font-size:16px; font-weight:300; padding:14px 0px 0px 0px; color:#737576;}
.prodct:hover img{ transform:scale(1.1); }
.prodct h5{ font-size:16px; font-weight:400; color:#737576; padding:20px 0px 0px 0px; margin:0px; text-transform:uppercase;}
.prdbx{ padding:20px 30px;}
.prodct h6{ font-size:20px; font-weight:400; color:#090f58; padding:0px 0px 0px 4px; margin:0px;}
.prodct h6 a{ color:#1c83b7;}

.sgnmp{ background-color:#fff;  padding:60px 0px 50px 0px; overflow:hidden; position:relative;}
.sgnmp > div{ position:relative; z-index:40; }
.sgnmp:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(0,0,0,0);}
.sgnmp p{  color:#999;  font-size:16px;  padding:10px 0px;}
.sgnmp h1{ padding:20px 0px; font-size:40px; margin:0px 0px; color:#0b0d26; font-weight:500;}


/* Inner Page */
/*innaerpage starts here*/
.bodycol div{ position:relative; z-index:55; }
.incont{ padding:80px 0px 80px 0px;} 
.incont h1{padding:12px 0px 0px 0px;margin:0px; font-weight:600; color:#2477a5; font-size:40px;}
.incont h2{ padding:10px 0px 0px 0px; font-weight:500; font-size:32px; color:#3c83ce; margin:0px;}
.incont p{ padding:10px 0px 0px 0px; color:#9ba2ad; margin:0px;}
.abttimg{ padding:20px 0px 0px 0px;}
.incont h3{ position:relative; display:inline-block; padding:20px 0px 10px 0px; margin-bottom:20px; font-weight:700;
 color:#f89738; margin:0px;}
.incont h3:after{ position:absolute; width:10%; background-color:#3c83ce; height:3px; content:''; bottom:0; left:0%;}
.incont h4{ padding:10px 0px 0px 0px; font-weight:500;  color:#fff; margin:0px; font-size:24px;}
.incont h5{ padding:20px 0px 0px 0px; font-weight:bold; font-size:24px;   color:#dc4229; margin:0px;}
#visn{ padding:40px 0px 0px 0px;}
#yus{ padding:40px 0px 0px 0px;}
.infrabx{ background-color:#2477a5; margin:20px 0px 0px 0px; padding:20px; border-radius:10px; min-height:360px;}

.gallerycol{ padding:0px; margin:0px;}
.gallerycol li{ position:relative; border:none; margin-bottom:20px; margin-top:20px;}
.gallerycol li a{ position:relative; display:block; overflow:hidden; height:auto; width:100%; }
.gallerycol li img{ width:100%; }
#gallerycol p { color:#e9741e !important; font-size:18px; padding:10px 0px; text-align:center;}
.map{ padding:10px; border:#eee 1px solid; margin:10px 0px;}

.thank-col{ padding:0px; width:100%; text-align:center; height:200px; display:table; overflow:hidden; }
.thank-col div{ display:table-cell; vertical-align:middle; text-align:center; width:100%; }
.thank-col h2{ color:#555; }
.thank-col p{ color:#333; font-size:15px;}

.confix{ position:fixed; right:20px; bottom:20px; background-color:#dcbc0e; color:#fff;
 z-index:999; text-align:center; -moz-border-radius:40px; -webkit-border-radius:40px; border-radius:40px;}
.confix p{ margin:0; padding:10px 20px; font-weight:500; font-size:16px;}
.confix p a{color:#fff;}


#footercol{background-color:#1f4474; background-attachment:fixed; background-size:cover; padding:60px 0px; position:relative; z-index:12; overflow:hidden; clear:both; border-bottom:1px solid #0d2748;}
.footermenu h3{  font-size:30px; color:#fff; font-weight:600; padding:0px 0px 0px 0px;}
.ftlogo{ padding:30px 0px 10px 0px; width:200px;}
#footercol p{ color:#eee; font-size:16px; padding:10px 0px 0px 0px; font-weight:300; line-height:1.4; margin:0px;}
.footermenu ul{ padding-right:10px; margin-top:10px; }
.footermenu ul li{ padding:0px 0px; position:relative; }
.footermenu ul li a{ font-size:16px; color:#eee;  display:block; padding:2px 0px; font-weight:300; }
#footercol h5{ color:#333; margin:0px; padding:0px;}
#footercol h5 i{ color:#333; font-size:18px; font-weight:600;}
#footer{ text-align:center; background-color:#204a79;  }
#footer p{ margin:0; padding:20px 0px; font-size:14px; color:#9ba2ab; font-weight:300;}
.socialcol{ margin-top:15px; position:relative; overflow:hidden;}
.socialcol ul li{ padding:0px; }
.socialcol ul li:before{ display:none; }
.socialcol ul li a { float:left; border:2px solid #9ba2ab;  margin-right:5px; width:37px; height:35px; text-align:center; display:table;
border-radius:40px; color:#fff; padding:4px 0px 0px 0px;}
.socialcol ul li a:hover {background-color:#fff;  border:1px solid #fff; color:#333;}

.ulli{ padding:10px 0px 0px 0px;}
.ulli li{ position:relative; padding:3px 0px 3px 20px; font-size:16px;  color:#eee;}
.ulli li:before{ position:absolute; left:0; content:'\f00c';  font-family: 'FontAwesome'; color:#eee; font-size:14px; top:6px;}

.fom{  background-color:#fff; padding:10px  0px; margin:10px 0px 0px 0px;}
.fom ul{ overflow:hidden;  }
.fom ul li{ margin:0px 0px 10px 0px; font-size:20px; position:relative; }
.fom ul li label{ position:relative; font-weight:normal; font-size:14px; margin:0; }
.fom ul li input,.fom ul li textarea{ color:#333; font-size:14px; border-radius:0px;  }
.fom ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666; }
.fom button{ padding:10px 30px; }

/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 320px) {.textcolm h1{ font-size:30px;}.section-heading h4{ font-size:30px;}}
@media (max-width: 360px) {.textcolm h1{ font-size:30px;}.section-heading h4{ font-size:30px;}}
@media (max-width: 576px) {.mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block;}
.logo{ width:200px;}
.abtimg { margin-top:20px;}}
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px){.mainmenu,.sidenav{display:none;}.respnav{display:block;} #respo_menu{ display:block;}}
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px){.mainmenu,.sidenav{display:none;}.respnav{display:block;} #respo_menu{ display:block;}}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px){.mainmenu,.sidenav{display:block;}.respnav{display:none;} #respo_menu{ display:none;}}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px){.mainmenu,.sidenav{ display:block;}.respnav{display:none;} #respo_menu{ display:none;}}