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






@import url('https://fonts.googleapis.com/css2?family=Francois+One&display=swap');
/*font-family: "Francois One", serif;*/

@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:ital@0;1&display=swap');
/*font-family: "Ibarra Real Nova", serif;*/

@import url('https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&display=swap');
/*font-family: "Castoro", serif;*/

@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
/*font-family: "Oswald", serif;*/




@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
/*font-family: "Forum", serif;*/
@import url('https://fonts.googleapis.com/css2?family=Rancho&display=swap');
/*font-family: "Rancho", serif;*/






body,html{ font-family: "Livvic", 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;}
#headerpage{ position:fixed; top:0; left:0; right:0; z-index:888; padding:0px 0px; }

.header{ position:relative; z-index:999; padding:0px 0px; clear:both;  width:100%; margin:0px; background-color:#fff; 
-moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; -ms-transition:all ease-in-out 1s; transition:all ease-in-out 1s;top:0; }
.headfixed{ position:fixed; left:0; right:0; z-index:999; background-color:#fff;  padding:0px 0px; margin:0px;
 -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; -ms-transition:all ease-in-out 1s; transition:all ease-in-out 1s;  z-index:999; 
animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); }

.logo{ margin:auto; padding:10px; position:absolute; background-color:#fff;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);}
.logo a{ width:100%; display:block; height:100%;}

.mainmenu{ padding:24px 0px; position:relative; }
.mainmenu ul{ margin:0; }
.mainmenu > ul > li{ float:left; margin-left:3px; }
.mainmenu  ul li a { padding:8px 20px; display:block; font-weight:500; font-size:17px; color:#333; }
.mainmenu ul li:hover, .is-checked { color:#0fc491 !important;}
#activetab{ background-color:#40d0db; color:#fff !important; }
.mainmenu li.active{color:#fff !important; background-color:#71968c;}
.mainmenu > ul > li > ul{ position:absolute; background-color:#333; display:none; }
.smlmenu{ width:180px; }
.mainmenu ul li ul li a{ font-size:14px; padding:10px 15px; display:block; color:#eee; }
.mainmenu ul li ul li:nth-child(1) a{ border-top:none; }
#calbar{ background-color:#0fc491; color:#fff !important; padding:14px 20px; font-size:20px; 
font-weight:600; border-radius:40px;  cursor:pointer; margin:-4px 20px; font-family: "Work Sans", sans-serif;}

.respnav{ position:absolute; right:20px; top:20px; }
.respnav i{ font-size:25px; padding:6px; cursor:pointer; color:#fff; background-color:#29cf8e; 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:#29cf8e; 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;}

.about-button{margin:20px  0px 0px 0px; }
.about-button a{ display: inline-block;background-color:#0fc491;padding: 12px 42px;border-radius:25px; font-size:16px; color: #ffffff !important;
font-weight:500; position: relative; z-index: 1;}
.about-button a::before{ position:absolute;content: "";height: 100%;width: 100%;left: 0;top: 0;right: 0;bottom: 0; background-color:#181818;
border-radius:25px; transform: scale(0);z-index: -1; transition: 0.5s;}
.about-button a:hover:before{transform: scale(1);}

.stsm{ position:relative; padding:120px 0px;  background-color:#fcfcfc; margin:0px;}
.stsm > div{ overflow:hidden; }
.stsmcolm{ padding:30px 40px 0px 0px; margin-top:0px;}
.stsm h1{ margin:0;  font-weight:700; color:#333; padding:10px 0px 0px 0px; font-size:52px; line-height:1;}
.stsm h2{ margin:0;  font-weight:bold; color:#0fc491; padding:10px 0px 0px 0px; font-size:50px; line-height:1;}
.stsm h4{ margin:0;  font-weight:500; color:#333; padding:0px 0px 0px 0px; font-size:20px; line-height:0.9;}
.stsm h5{ margin:0;  font-weight:500; color:#13b5bf; padding:10px 0px 0px 10px; font-size:24px; letter-spacing:12px;}
.stsm p{ font-size:16px; color:#999; padding:10px 0px 0px 0px; margin:0px; line-height:1.4;}
.stmimg{ padding:60px 0px 0px 0px;}
.stmbx{ padding:40px 0px 0px 0px;}
.cmlgs{ padding:20px 0px 0px 0px;}
.mkimg{}
.rcpimg{padding:4px 10px;}
.stbimg{ padding:0px 10px;}


.lerccr{ background-image:url(../images/bg8.jpg); background-attachment:fixed; background-size:cover;
 padding:100px 0px 160px 0px; margin:0px; position:relative; text-align:center;}
.lerccr > div{ position:relative; z-index:40; }
.lerccr:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(0, 0, 0, 0.3);}
.lerccr h1{ margin:0; padding-bottom:0px; color:#fff;  font-weight: 700;font-size:50px;}
.lerccr h2{ margin:0; padding:0px 0px 0px 0px; font-size:40px; color:#333; }
.lerccr h4{ color:#eee; font-size:20px; letter-spacing:0px; padding:20px 0px 0px 0px; margin:0px;}
.lerccr p{ margin:0; color:#fff ; font-size:22px; padding: 10px 0px 0px 0px; }
.vid{ margin:auto; width:80px;}

.dipmov{padding:0px; margin:0px;}
.dipmov h2{ color:#fff; padding:20px 0px 0px 0px; margin:0px; font-size:50px; font-weight:bold;  line-height:1.1;}
.dipmov p{ margin:0; color:#eee; font-size:16px; padding: 10px 20px 0px 0px; }
.dipmov h3{ color:#333; padding:10px 0px 0px 20px; margin:0px; overflow:hidden; position:relative; font-weight:700;}

.fourcol{ position:relative; z-index:333; background-attachment:fixed; padding:0px 0px 0px 0px; margin-top:40px;}
.fourcol:before{ position:absolute; content:''; left:0; top:0; height:100%; background-color:rgba(255,255,255,0); width:100%; }
.fourboxes{ padding:20px 30px 30px 30px; background-size:cover;  margin-top:20px; border:1px solid #0fc491; cursor:pointer; border-radius:10px;}
.fourboxes a{ display:block; }
.fourboxes img{ width:150px; margin-bottom:10px; }
.fourboxes i{font-size:50px; padding:30px 0px 0px 0px; color:#fff;}
.fourboxes h1{ margin:0; padding:30px 0px 0px 0px; color:#fff; font-size:28px; font-weight:bold; }
.fourboxes h3{ margin:0; padding:30px 0px 10px 0px; color:#0078aa; font-size:30px; font-weight:400; }
.fourboxes p{ color:#fff;  font-size:17px; font-weight:400;  padding:10px;}
.fourboxes:hover{ background-color:#0fc491; }

#services{ text-align:center; padding:40px 0px 40px 0px; margin:0px;overflow:hidden;}
#services h1{ position:relative; display:inline-block; padding-bottom:0px; margin-bottom:0px;color:#333; font-size:68px; font-weight:700;}
#services h2{color:#333;font-size:50px; font-weight:700;}

#wel{  padding:100px 0px 100px 0px;  position:relative; overflow:hidden; background-color:#fff;}
.contcol{ padding:40px 0px 12em 0px; position:relative; overflow:hidden; background-color:#fff;}
#wel h1{ position:relative; display:inline-block; padding-bottom:20px; margin-bottom:20px; 
color:#333;  padding-left:20px; font-size:40px; font-weight:600;}
#wel h1:after{ position:absolute; width:30%; background-color:#ed1c24; height:3px; content:''; bottom:0; left:35%;  }
.prdct{ margin:30px 0px 0px 0px;  padding:0px; padding-bottom:10px; z-index:999; overflow:hidden;}
#wel h2{ font-weight:bold; color:#0fc491;   font-size:60px; text-transform:uppercase; text-align:center;}
.prdct p a{ margin:0px; color:#e23311; padding:0px 0px;}
.prdct 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;}
.prdct h3{ font-weight:bold; color:#333; padding:0px 0px 0px 0px; font-size:20px; text-align:center;}
.prdct p{ font-size:14px; color:#8A8D98; padding:10px 0px 10px 0px; line-height:1.6;}
.prdct:hover img{ transform:scale(1.1);}
.prdct h5{ font-size:12px; font-weight:600; color:#999; padding:30px 0px 0px 20px; margin:0px; text-align:center;}


.abtclm{ position:relative; padding:140px 80px 120px 80px; z-index:444; margin:0px; background-color:#f8f8f8; }
.abtclm > div{ overflow:hidden; }
.abtbx{ padding:30px 40px; margin-top:0px; background-color:#0fc491; border-radius:20px;}
.abtclm h1{ margin:0;  font-weight:700; color:#fff; padding:0px 0px 0px 0px; font-size:60px; }
.abtclm h4{ margin:0;  font-weight:400; color:#fff; padding:10px 0px 0px 0px; font-size:18px; line-height:1.5;}
.abtclm p{ font-size:17px; color:#999; padding:10px 0px 0px 0px; margin:0px;}
.abtclm h3{font-weight:500; font-size:18px; color: #333; padding:10px 0px 0px 0px; margin:0px;}
.abtclm h2{ margin:0;  font-weight:700; color:#ee8e39; padding:30px 0px 0px 0px; font-size:40px; line-height:1.0; }
.abtmimg{ margin:32px 0px 0px 0px; border-radius:20px; position:relative; overflow:hidden;}
.abtclm p span{ font-weight:600;}

.ullinw {margin:0px 0px 0px 40px;}
.ullinw li{position:relative; padding:4px 0px 6px 16px; font-size:16px; color:#333;}
.ullinw li:before{position:absolute;left:0;content:'\f101';font-family:'FontAwesome';color:#0fc491;font-size:16px;top:3px;}
.ullinw li span{ font-weight:600; color:#333; font-size:17px;}

.scmclm{ position:relative; padding:40px 0px 80px 0px; z-index:444; margin:0px; background-image:url(../images/bg6.jpg); 
 background-size:cover; }
.scmclm > div{ overflow:hidden; }
.scmbx{ padding:0px 0px 0px 0px; margin-top:20px;}
.scmclm h1{ margin:0;  font-weight:700; color:#0fc491; padding:10px 0px 0px 0px; font-size:40px; }
.scmclm h4{ margin:0;  font-weight:400; color:#999; padding:10px 0px 0px 0px; font-size:18px; line-height:1.5;}
.scmclm p{ font-size:16px; color:#999; padding:10px 0px 0px 0px; margin:0px;}
.scmclm h3{font-weight:500; font-size:18px; color: #fff; padding:10px 0px 0px 0px;}
.scmclm h2{ margin:0;  font-weight:700; color:#ee8e39; padding:30px 0px 0px 0px; font-size:40px; line-height:1.0; }

.inntwocol{ text-align:center; position:relative; overflow:hidden;  padding:100px 0px 80px 0px;}
.inntwocol h3{ padding:0px 0px 0px 0px; color:#0fc491; margin:0px; font-size:54px; font-weight:700;}
.portfolio-content{padding:0px 0px; text-align:center;}
.grid-wrap{ padding:20px 0px; position:relative; clear:both; }
.portflo{ text-align:center; border:1px solid #ddd; box-shadow:0px 1px 3px rgba(0,0,0,0.2); width:100%; }
.portflo > img{ max-width:100%; }
a.portflo p{text-align:center; background-color:#DFDFDF; margin:0px; padding:20px 0px 0px 0px !important; color:#032a55; display:block; }
.tab-content h4{ padding:0px 0px;  color:#0fc491; font-size:30px; margin:-50px 0px 0px 0px; font-weight:600; text-align:center;}



.done-topmenu{ z-index:555; overflow:hidden; padding:0px 0px 40px 0px; margin-left:260px;}
.done-topmenu ul{ padding:12px 44px; margin:0; text-align:center;}
.done-topmenu ul li{ float:left;  display:block; margin:0; padding:0;  }
.done-topmenu ul li:nth-child(1){ border-left: none; }
.done-topmenu ul li a{ padding:12px 40px; margin:10px; border-radius:40px; background-color:#fff; display:block; text-decoration:none; color:#333; border:2px solid #0fc491;  text-align:center; font-size:16px; font-weight:600;}
.done-topmenu ul li a:hover, .is-checked{background-color:#0fc491!important; color:#FFF!important;}
.done-topmenu li.active a{background-color:#0fc491; color:#fff;}

.contcolm .nav-tabs li{ font-size:14px; text-align:center;}
.contcolm .nav-tabs li.active a{ background-color:#032a55; color:#fff;}
.contcolm .nav-tabs li.active a:focus{  background-color:#0067B3; color:#fff;}
.contcolm .tab-content{ padding:1em 0px 0px 0px;}
.contcolm .nav-tabs li.active-lg a{ background-color:#032a55; color:#fff;}

.mkrclm{ padding:0px 0px 80px 0px; margin:0px; overflow:hidden; background-color:#eee;}
.mkrclm h2{ display:inline-block; padding:10px 0px 20px 0px; color:#ed3338; font-size:36px; margin:0px;}
.mkrclm h4{ padding:10px 0px;  color:#fff; font-size:26px; margin:0px; font-weight:400; text-transform:uppercase;text-align:center;}
.mkrclm p{ padding:0px 0px 0px 0px;}
.makns{ padding:60px 0px 0px 0px; margin:0px;}
.yrs{ padding:20px 0px 0px 60px; width:210px; margin-top:50px;}
.stbrs{ padding:20px 0px 0px 0px; width:160px; margin-top:40px;}
.headerbghide{  display: block; visibility: hidden;}

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

#footercol{background-image:url(../images/footer-bg.jpg);
background-size:cover;padding:80px 0px 80px 0px;position:relative;z-index:12;overflow:hidden; clear:both;}
#footercol:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(0, 0, 0, 0.2);}
#footercol h3{  font-size:34px; color:#fff; font-weight:600; }
#footercol p{ color:#eee; padding:10px 0px 0px 0px; font-size:16px;}
#footercol i{ color:#fff; padding-right:10px;}
.footermenu ul{ padding-right:10px; }
.footermenu ul li{ padding:0px 10px; position:relative; }
.footermenu ul li a{ font-size:16px; color:#eee;  display:block; padding:6px 4px; }
.footermenu ul li:before{ content:'\f054 ';font-family: 'FontAwesome'; color:#eee;font-size:10px;vertical-align:middle;position:absolute;left:0; top:14px; }
.ft-logo{ padding:10px 0px 0px 0px;}
#footer{ text-align:center; background-color:#12a179;  }
#footer p{ margin:0; padding:20px 0px; font-size:14px; color:#eee;}

.socialcol{ margin-top:15px; position:relative; overflow:hidden;}
.socialcol ul li{ padding:0; }
.socialcol ul li:before{ display:none; }
.socialcol ul li a { float:left; border:2px solid #0fc491;  margin-right:5px; width:38px; height:35px; text-align:center; display:table;
border-radius:20px; color:#fff; background-color:#0fc491; padding:4px 0px 0px 10px;}
.socialcol ul li a:hover {background-color:#333;  border:2px solid #333; color:#fff;}

.ulli{ padding:10px 0px 0px 10px;}
.ulli li{ position:relative; padding:3px 0px 3px 20px; font-size:16px;  color:#999;}
.ulli li:before{ position:absolute; left:0; content:'\f0a9';  font-family: 'FontAwesome'; color:#135ff0; font-size:14px; top:5px;}


#toTop {display: none;text-decoration: none;position: fixed;bottom: 3%;right: 3%;overflow: hidden;width: 40px;height: 40px;border: none;text-indent: 100%;background: url("../images/move-up.png") no-repeat 0px 0px; z-index:9999;}
#toTopHover {width: 40px;height: 40px;display:block; overflow:hidden; float:right; opacity: 0;-moz-opacity: 0; filter: alpha(opacity=0);}



/*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;}
	.serbx h2{ font-size:30px;}
	.bestapt h3{ font-size:30px; padding:20px;}
	.bestapt p {font-size: 16px;padding:10px 20px 20px 20px;}	
}
@media (max-width: 360px) {
	.textcolm h1{ font-size:30px;}
	.section-heading h4{ font-size:30px;}
	.serbx h2{ font-size:30px;}
	.bestapt h3{ font-size:30px; padding:20px;}
	.bestapt p {font-size: 16px;padding:10px 20px 20px 20px;}	   
}
@media (max-width: 576px) { .mainmenu,.sidenav{ display:none;} .respnav{ display:block;} #respo_menu{ display:block;}
.stbrs{ margin-left:40px;}
.abtclm{ padding-left:20px; padding-right:20px;}
.abtbx h1{ font-size:60px;}
.done-topmenu{ margin-left:0px;}
.done-topmenu ul li a { padding:12px 22px;}
.ullinw {margin-top:30px; margin-left:0px; }
.logo{ width:100px;}
}
/*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;}}