@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap'); /*font-family: 'Alfa Slab One', cursive;*/
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,800&display=swap');
/*font-family: 'Karla', sans-serif;*/
@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=Inter:wght@200;300;400;500;600;700;800&display=swap');
/*font-family: 'Inter', sans-serif;*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,400&display=swap');
/*font-family: 'Raleway', sans-serif;*/

body,html{ font-family: 'Raleway', 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;}*/
#headerpage{ position:relative; 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%;}
.logo {
    margin: 0px;
    padding: 10px 0px 0px 0px;
    width: 110px;
}
.logo a{ width:100%; display:block; height:100%;}

.mainmenu{ position:relative; padding:16px 0px 16px 0px; }
.mainmenu ul{  margin:0px 0px;}
.mainmenu > ul > li{float:left; margin:0; padding:0;}
ul {
            list-style: disc; /* Default bullet points */
            margin-left: 20px;
            margin-bottom: 1em;
        }
        ul.strengths-list {
            list-style: none; /* Remove default bullets */
            padding-left: 0;
        }
        ul.strengths-list li {
            margin-bottom: 10px;
            font-weight: bold;
            color: #0056b3; /* A distinct color for strengths */
            position: relative;
            padding-left: 25px; /* Space for custom bullet */
        }
        ul.strengths-list li::before {
            content: "\2713"; /* Checkmark Unicode character */
            color: #28a745; /* Green checkmark */
            font-weight: bold;
            position: absolute;
            left: 0;
            top: 0;
        }
.mainmenu ul li a{padding:15px 20px; color:#333; display:block; font-size:14px; position:relative; text-transform:uppercase; 
font-weight:500;}
.mainmenu ul li a i{ font-size:14px;}
.mainmenu ul li:hover > a{ color:#333 ; }
.mainmenu ul a active { color:#fff; }
.mainmenu ul li ul{position:absolute; background-color:rgba(255, 255, 255, 255); display:none; padding:5px; width:200px; margin-top:16px;}
.mainmenu ul li ul a{  padding:10px; color:#333; font-size:12px;}
.mainmenu ul li ul li{ position:relative; }
.mainmenu ul li ul li:nth-child(1){ border-top:none; }
.mainmenu ul li ul li ul{  margin-left:100%; top:0; width:180px; background-color:rgba(255, 255, 255,255); margin-top:-8px;}
.mainmenu ul li ul li a:hover{ background-color:#338ac4; color:#fff !important;}
#idms{background-color:rgba(255, 255, 255,255);  border-radius:2px;}

.respnav{ position:absolute; right:20px; top:20px; }
.respnav i{ font-size:25px; padding:6px; cursor:pointer; color:#fff; background-color:#338ac4; 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:6px 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:6px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#0066b3; color:#fff;}

#top{padding:0px 0px;}
.topmenu{ padding:2px 2px;}
.topmenu p{ padding:10px 50px 10px 0px; color:#fff; margin:0; font-size:14px;}
.topmenu span{ padding-right:50px; font-family: 'Inter', sans-serif;}
.topmem p span i{ padding-right:5px;  color:#f44080 !important; }
.topmem p a{color:#fff !important; }
.topmenu h2{ background-color:#0077bd; color:#fff; font-size:14px; margin:0px 0px 0px 0px; padding:14px;
 border-radius:4px; text-transform:uppercase; font-weight:700;}
.topmenu h2 a{color:#fff;}
.topmenu h2 a:hover{color:#fff;}  

.tpmenu{ position:relative; z-index:200; padding:0px 0px 0px 0px; margin:0px;}
.tpmenu ul{ margin:0px 0px 0px 0px; float:right; }
.tpmenu ul li{ float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px;}
.tpmenu ul li a{ padding:0px 8px 0px 8px; display:block; border-right:1px solid #999; color:#fff; font-size:14px;}
.tpmenu ul li a:hover{ color:#fff;}
#gps{border-right:0px;}

.socialicn ul{ margin:0; padding:8px 0px 0px 0px; }
.socialicn ul li{ padding:0; margin:0; }
.socialicn ul li a { float:left; margin-right:5px; width:30px; height:28px; text-align:center; display:table; }
.socialicn ul li a i{ vertical-align:middle; display:table-cell; color:#fff;}
.socialicn ul li a i:hover{ vertical-align:middle; display:table-cell; color:#fff; background-color:#ef0a0a;}

.btbg{ color:#eee; padding:14px;  overflow:hidden; position:absolute; border-radius:0px; text-align:center; 
margin:30px; border:#fff 2px solid;}
.btbg a {color:#fff; padding:0px 20px 0px 20px;text-align:center; }
.btbg a:hover {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.html); 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;}


/*.csrbuttn{ margin:40px 0px 0px 40px; display:inline-block; }
.csrbuttn a{ padding:15px 33px; border:1px solid #fff; color:#fff;  font-weight:400; }
.csrbuttn a i{ padding-left:10px; font-size:12px; }
.csrbuttn a:hover{ padding:15px 33px; border:1px solid #fff; color:#333;  font-weight:400; background-color:#fff;}*/

.csrbuttn2{ margin:40px 0px 0px 20px; display:inline-block; }
.csrbuttn2 a{ padding:15px 33px; border:1px solid #0066b3; color:#fff;  font-weight:400;  background-color:#0066b3;}
.csrbuttn2 a i{ padding-left:10px; font-size:12px; }
.csrbuttn2 a:hover{ padding:15px 33px; border:1px solid #fff; color:#333;  font-weight:400; background-color:#fff;}

.frstp{  position:relative; padding:0px 0px 0px 0px; z-index:444;  margin-top:-180px;}
.frstp > div{ overflow:hidden; }
.frstp p{  color:#777;  font-size:15px;  padding:10px 0px 0px 0px; margin:0px; font-weight:300; line-height:1.4; text-align:justify;}
.frstp h1{ padding:10px 0px 0px 0px; font-size:40px; margin:0px 0px; color:#d0060d; font-weight:700; }
.frstp h2{  color:#fff; font-weight:700; font-size:34px;  padding:10px 0px 10px 0px; margin:0px; line-height:1.4;}
.flbox{ padding:20px 24px 30px 30px; margin-top:0px; z-index:555; background-color:#338ac4;}
.frstbx{padding:20px 0px; margin-top:220px;}
.sgn{ width:160px; padding:20px 0px 0px 0px;}
.frstp h3{  color:#333; font-weight:700; font-size:24px;  padding:10px 0px 0px 0px; margin:0px; }
.frstp h5{ padding:10px 0px 0px 0px; font-size:15px; margin:0px 0px; color:#fff; font-weight:300;line-height:1.4; }
.frstp h6{ padding:20px 0px 0px 0px; font-size:16px; margin:0px 0px; color:#fff; font-weight:500;line-height:1.4; }
.frstp h6 a{ color:#fff;}

#newsscroll{ margin:0;}
#newsscroll li{ padding:2px 2px;  margin:0; -moz-user-select:none;  user-select:none; min-height:300px; color:#fff; font-size:16px;}
#newsscroll li p{color:#fff; font-size:15px; line-height:1.5; padding:10px 0px 0px; font-family: 'Inter', sans-serif; text-align:left;}
#newsscroll li p span{font-family: 'Inter', sans-serif;}

.video-btn-style-04{position:absolute; top:120%; left:auto; right:15%; margin:0; padding:0; list-style:none; width:65px; height:65px; background:#fff; text-align:center; border-radius:50%; -webkit-animation: ripple-white3 1s linear infinite; animation:ripple-white3 1s linear infinite; line-height:40px; z-index:1;}
.video-btn-style-04 i{font-size:14px !important; position:relative;z-index:9;top:14px; color:#338ac4 !important;}

@-webkit-keyframes ripple-white3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } }

@keyframes ripple-white3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } }

.video-btn-style-05{position: absolute;bottom:20px;left:70%;background:#fff; border-radius:10px;}
.video-btn-style-05 .thumb{position: relative;margin-top:-50px;padding:20px; border-radius:10px;cursor: pointer; }
.video-btn-style-05 .thumb:before{position:absolute;content: ''; width: calc(100% - 40px); height: calc(100% - 40px); 
background: rgba(4, 51, 129, 0.5); border-radius: 10px; }
.video-btn-style-05 .thumb i {position: absolute;color: #fff;left:50%;top:50%;}
.video-btn-style-05 .thumb img {border-radius: 10px; }
.video-btn-style-05 p {text-transform:uppercase;color:#043381;font-weight:600;padding-left:20px;}

.srver{ position:relative; padding:50px 0px 50px 0px; z-index:444; background-color:#fff; }
.srver > div{ overflow:hidden; }
.srver p{  color:#999;  font-size:16px;  padding:10px 0px 0px 0px; margin:0px; font-weight:300; line-height:1.5; text-align:justify;}
.srver h1{ padding:20px 0px 0px 0px; font-size:34px; margin:0px 0px; color:#333; font-weight:700;line-height:1.4;}
.srver h2 {
    position: relative;
    display: inline-block;
    padding: 20px;
    margin: 10px 0px;
    font-weight: 700;
    color: #fff;
    font-size: 22px;
    background-color: #338ac4;
    line-height: 1.4;
    text-align: justify;
    width: 100%;
    text-align: center;
}
.srver h2 span{font-family: 'Inter', sans-serif;}
.srver h4{  position:relative; display:inline-block; padding:14px 20px; margin:0px 0px 0px 0px; font-weight:700; color:#338ac4;
 font-size:16px; background-color:#eee; line-height:1.2;}
.srver h4 i{color:#db3f3f;}
#abtimg{ padding:0px 0px 0px 0px; border-radius:0px; margin:20px 0px 20px 0px;}
#abtimg1{ padding:0px 0px 0px 0px; border-radius:0px; margin:0px 0px 20px 0px;}
.secdv{ padding:0px 0px 0px 10px; margin:0px;}

.vsntn{ position:relative; padding:40px 0px 120px 0px; z-index:444; background-color:#fff; }
.vsntn > div{ overflow:hidden; }
.vsntn p{  color:#999;  font-size:16px;  padding:10px 0px 0px 0px; margin:0px; font-weight:300; line-height:1.4;}
.vsntn h1{ padding:20px 0px 0px 0px; font-size:40px; margin:0px 0px; color:#333; font-weight:700; line-height:1.4;}
.vsntn h2{padding:0px; margin:0px; font-weight:700; color:#333;font-size:30px;  line-height:1.2; text-align:left;}
.vsntn h4{  position:relative; display:inline-block; padding:14px 20px; margin:40px 0px 0px 0px; font-weight:600; color:#338ac4;
 font-size:16px; background-color:#eee; line-height:1.2;}

.vsnbox{ background-color:#f2f2f2; padding:40px; margin:45px 0px 0px 0px;}
.vsnboxs{ background-color:#338ac4; padding:32px; margin:40px 0px 0px 0px;}
.vsntn h3{ padding:0px 0px 0px 0px; font-size:30px; margin:0px 0px; color:#fff; font-weight:700; line-height:1.4;}
.vsntn h5{padding:24px 0px 0px 0px; margin:0px; font-weight:700; color:#fff;font-size:20px;  line-height:1.2; text-align:left;}
.vsntn h6{  color:#fff;  font-size:16px;  padding:10px 0px 0px 0px; margin:0px; font-weight:300; line-height:1.4;}


.hglts{background-image:url("../images/bg2.jpg"); background-color:#80bb01; background-size:cover; padding:60px 0px 160px 0px;
 overflow:hidden; position:relative; text-align:center;}
.hglts > div{ position:relative; z-index:40; }
.hglts:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(0,0,0,0.7);}
.hglts p{  color:#fff;  font-size:18px;  padding:10px 0px 10px 0px; margin:0px;}
.hglts h2{position:relative; display:inline-block; padding-bottom:20px; margin-bottom:0px; font-weight:700; color:#fff; font-size:50px;}


.sercom{ padding:20px 0px 140px 0px ; text-align:center; background-color:#ffffff; margin:0px 0px 0px 0px; overflow:hidden;}
.sercom h1{ text-align:center; color:#333; padding:10px 0px 0px 0px; font-size:44px; margin:0px; font-weight:bold;}
.sercom h2{   font-size:50px; color:#000; font-weight:700; position:relative; padding:0px; margin:0px; text-align:center;}
.sercom h4{  position:relative; display:inline-block; padding:14px 20px; margin:40px 0px 0px 0px; font-weight:600; color:#338ac4;
 font-size:16px; background-color:#eee; line-height:1.2;}
.sercom h5{  color:#999;  font-size:18px;  padding:10px 0px 20px 0px; margin:0px; font-weight:300; line-height:1.4;}
.trbxs{ text-align:center; padding:42px; margin:40px 0px 0px 0px; background-color:#fff; 
-webkit-box-shadow: -2px 14px 23px -8px rgba(128,124,128,1);
-moz-box-shadow: -2px 14px 23px -8px rgba(128,124,128,1);
box-shadow: -2px 14px 23px -8px rgba(128,124,128,1); min-height:380px;}
.trimg{ margin:auto; width:90px;}
.trbxs h2{color:#333;  font-size:28px;  padding:10px 0px 10px 0px; margin:0px; }
.trbxs p{color:#999;  font-size:16px;  padding:10px 0px 0px 0px; margin:0px;}

.nwsclm{ position:relative; padding:20px 0px 20px 0px; margin:0px; z-index:444; text-align:center;}
.nwsclm > div{ overflow:hidden; }
.nwsclm h1{ margin:0;  font-weight:700; color:#000; padding:20px 0px 10px 0px; font-size:50px; line-height:1.3; }
.nwsclm h5{  position:relative; display:inline-block; padding:14px 20px; margin:40px 0px 0px 0px; font-weight:600; color:#338ac4;
 font-size:16px; background-color:#eee; line-height:1.2;}
.csrbx{ padding:40px 0px 0px 0px; margin:0px;}  

.team-image {position: relative;overflow: hidden; padding:0px 0px 0px 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:0%; width:100%; 
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.99) 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;  padding:10px 0px 0px 0px;}
#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 {  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;}
.team-grid{ padding:20px 0px 0px 0px;}   
.team-grid h4 {font-size:26px; color:#333;  font-weight:600; padding:10px 20px 0px 0px; line-height:1.4; text-align:left; text-transform:uppercase; margin:0px;}
.team-grid h4 a{color:#fff;}
.team-grid p {font-size:16px; color:#888;padding:10px 0px 0px 0px;text-align:left;}
.team-grid p i{ color:#ee202c;}
.team-grid h6 {font-size:16px; color:#d11f18;padding:10px 0px 0px 0px;text-align:left;}
.team-grid h6 a{color: #d11f18;}
.team-grid h5{ font-size:14px;  margin-left:0; padding:10px 18px; color:#fff; font-weight:500; 
 background-color:#d11f18; border-radius:40px; display:inline-block;}
.tclbx{ padding:0px 0px 0px 40px;}

.gallery{padding:0px 0px 20px 0px; margin-top:-200px; position:relative; z-index:12; overflow:hidden; }
#gallery{padding:20px 0px 0px 0px; margin-top:0px; position:relative; z-index:12; overflow:hidden; 
text-align:center;}
#gallery > div{ position:relative; z-index:40; }
#gallery p{ margin:0; padding:10px 0px 0px 0px; font-weight:300; color:#999; text-align:center; font-size:16px;}
#gallery h2{   font-size:50px; color:#db3f3f; font-weight:600;  text-transform:uppercase;
position:relative; padding-bottom:10px; margin-bottom:10px; text-align:center;}
#gallery h3{   font-size:30px; color:#db3f3f; font-weight:600; padding:0px; margin:0px; text-align:center;}
#gallery h4{  position:relative; display:inline-block; padding:14px 20px; margin:40px 0px 0px 0px; font-weight:600; color:#052e9b;
 font-size:16px; background-color:#eee; line-height:1.2;}
#gallery h5{ padding:10px; margin:0px 0px 10px 0px; font-weight:600; color:#338ac4;
 font-size:20px; background-color:#eee; line-height:1.2;} 
#gallery h6{ padding:10px; margin:0px 0px 10px 0px; font-weight:600; color:#338ac4;
 font-size:20px; background-color:#eee; line-height:1.2;} 
 

.lerccr{background-image:url(../images/bg3.jpg); background-size:cover; padding:60px 0px 120px 0px; margin:0px; position:relative;
 z-index:777;}
.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.8);}
.lerccr h1{ margin:0; padding-bottom:0px; color:#fff;  font-weight: 700;font-size:50px;}
.lerccr p{ margin:0; color:#fff ; font-size:16px; padding: 10px 60px 0px 0px; text-align:left; font-weight:500;}
.lerccr h2{  padding:50px 0px 0px 0px; margin:0px; font-weight:700; color:#fff;font-size:50px;}
.lerccr h4{  position:relative; display:inline-block; padding:14px 20px; margin:40px 0px 0px 0px; font-weight:600; color:#052e9b;
 font-size:16px; background-color:#eee; line-height:1.2;}
.lerccr h5{ margin:0; color:#fff ; font-size:20px; padding: 10px 0px 0px 0px; font-weight:300;}
.lerccr h3{ margin:0; color:#fff ; font-size:40px; padding:0px 0px 0px 0px; text-align:left; font-weight:400; }
.lerccr h6{ margin:0; color:#fff ; font-size:20px; padding: 10px 0px 0px 0px; font-weight:300; text-align:right; overflow:hidden;}
.lerimg{ padding:0px 0px 0px 0px;}
#lsdmd{ padding:80px 0px 0px 0px;}

.countcolm{padding:40px 0px 40px 0px;text-align:center;background-color:#338ac4;color:#fff;margin-top:-80px;overflow:hidden;z-index:999; position:relative;}
.countcolm h1{ font-size:40px; margin:0; padding:0px; text-transform:uppercase; font-weight:700;}
.countcolm p{ font-size:16px; margin:0; font-weight:500; padding:10px 0px 0px 10px; line-height:1.2; }

#stsdm{ padding:40px 0px 80px 0px; text-align:center; background-color:#fff;}
#stsdm h2{padding-bottom:20px; margin-bottom:10px; font-weight:700; color:#333;
font-size:50px; text-align:center;}
#stsdm h4{position:relative; display:inline-block; padding:14px 20px; margin:40px 0px 0px 0px; font-weight:600; color:#338ac4;
 font-size:16px; background-color:#eee; line-height:1.2;}
.thrboxes{ padding:20px 0px 20px 0px; margin:0px;  position:relative;   z-index:888; overflow:hidden; }
.thrboxes a{ display:block; }
.thrboxes img{ margin:0px; padding:14px 0px 0px 0px; }
.thrboxes h1{ margin:0; padding:0px 0px 0px 2px; color:#333; font-size:24px; font-weight:400; text-align:left;}
.thrboxes h3{ margin:0; padding:10px 0px 10px 0px; color:#333; font-size:24px; font-weight:700;text-align:left; line-height:1.2;}
.thrboxes h4{ margin:0; padding:10px 0px 10px 0px; color:#f24080; font-size:14px; font-weight:400; }
.thrboxes p{ color:#999;  font-size:16px;  padding:10px 10px 0px 0px; margin:0px; text-align:left; font-weight:500;}
.thrboxes p span{font-family: 'Inter', sans-serif;}
.thrboxes h6{ color:#db3f3f;  font-size:16px;  padding:14px 0px 0px 0px; margin:0px; text-align:left; font-weight:500;}
.thrboxes h6 a{ color:#db3f3f;}
.thrboxes:hover{ background-color:#fff; }
.thrimg{ padding:6px 0px;}

/* Inner Page */
/*innaerpage starts here*/
.bodycol div{ position:relative; z-index:55;}
.incont{ padding:40px 0px 80px 0px;} 
.incont h1{ padding:34px 0px 0px 0px; font-size:50px; margin:0px 0px; color:#338ac4; font-weight:700;}
.incont h4{font-weight:400; font-size:14px;color: #333; padding:10px 0px 0px 0px;}
.incont h4:before { content: ''; display: inline-block; background: #ef0a0a; height: 2px; width: 50px; margin-right: 10px;}  
.incont h2{  padding:10px 0px 0px 0px; font-weight:700; color:#db3f3f; margin:0px; font-size:34px;}
.incont p{ padding:10px 0px 0px 0px; margin:0px; color:#999; line-height:1.5; font-size:16px; font-weight:500; text-align:justify;}
.abttimg{ padding:30px 0px 0px 0px; margin:0px;}
.abttimg2{ padding:50px 0px 0px 0px; margin:0px;}
.cnttimg{ padding:30px 0px 0px 0px; margin:0px;}
.setimg{ padding:30px 0px 0px 0px; margin:0px;}
.incont h3{padding:10px 0px 0px 0px; font-weight:600; font-size:24px;color:#005ca2; margin:0px; line-height:1.2;}
.incont h5{ margin:0;  font-weight:400; color:#333; padding:20px 0px 0px 0px; font-size:18px; line-height:1.5; text-align:center;}
.incont h5:before { content: ''; display: inline-block; background: #ef0a0a; height: 2px; width: 50px; margin-right: 10px;}
.incont h5:after{content: ''; display: inline-block; background: #ef0a0a; height: 2px; width: 50px; margin-right: 10px; margin-left:10px;}
.stimg{ border-radius:0px 60px 0px 60px; overflow:hidden; position:relative; margin-top:20px;}
.tkasg{ padding:10px 0px 0px 0px;}

#secdv{ padding:44px 0px 0px 0px;}
.sclbx{ padding:40px 0px 0px 0px;}
.sbtbx{ padding:10px 0px 0px 0px;}
.smtbx{ background-color:#005ca2; padding:40px 40px 54px 40px; border-radius:0px 60px 0px 60px; overflow:hidden; position:relative;  margin-top:16px;}
#mrclms{ padding:0px 0px 40px 0px;}
.vsnmp p{ font-size:24px;}

.valsev h3{ color:#fff;  background-color:#4B9ACE; display:inline-block; padding:8px 15px 10px 15px; 
border-radius:0px 20px 20px 0px; margin:20px 0px 0px 0px; margin-bottom:10px; font-size:24px; font-weight:500;
 border-left:6px solid #1f6b9d;} 
#bustd{ text-align:center;} 
.bustbx{ padding:36px 0px 0px 0px;}


.incontbg{background:url(../images/bg1.png) repeat; 
padding:20px 0px 80px 0px; position:relative; z-index:12; overflow:hidden; clear:both; }
.incontbg > div{ position:relative; z-index:40; }
.incontbg:before{ position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(255,255,255,0.0);}
.incontbg h1{ padding:10px 0px 0px 0px; font-size:60px; margin:0px 0px; color:#338ac4; font-weight:700;}
.incontbg h2{ padding:10px 0px 0px 0px; font-weight:700; color:#db3f3f; margin:0px; font-size:36px;}
.incontbg p{ padding:10px 0px 0px 0px; margin:0px; color:#999; line-height:1.5; font-size:16px; font-weight:500;text-align:justify;}
.incontbg h3{padding:10px 0px 0px 0px; font-weight:600; font-size:24px;color:#005ca2; margin:0px; line-height:1.2;}
#ltefct{ border-left:10px solid #333; margin:40px 0px 0px 0px; padding:0px 0px 0px 0px;}
#ltefct h2{ padding:0px 0px 0px 20px; font-weight:700; color:#999; margin-top:0px; font-size:40px;}
#ltefct h2 span{ font-family: 'Inter', sans-serif;}
#ltefct h6{padding:10px 0px 0px 24px; margin:0px; color:#999; line-height:1.3; font-size:20px; font-weight:400;}

#rtefct{ border-right:10px solid #333; margin:40px 0px 0px 0px; padding:0px 0px 0px 0px;}
#rtefct h2{ padding:0px 20px 0px 0px; font-weight:700; color:#999; margin-top:0px; font-size:40px; text-align:right;}
#rtefct h2 span{ font-family: 'Inter', sans-serif;}
#rtefct h6{padding:10px 24px 0px 0px; margin:0px; color:#999; line-height:1.3; font-size:20px; font-weight:400; text-align:right;}


.boxcol{ display:table; width:100%; overflow:hidden; position:relative; cursor:pointer;}
.box-img{padding:0px 0px 0px 0px; margin-top:50px; position:absolute; left:0px; right:0; top:0; bottom:10%; overflow:hidden; 
border-radius:4px;}
.box-img img{ width:100%; -moz-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s; }
.boxcol:hover .box-txt{ padding-bottom:30px;}
.boxcol:hover .box-img img{ -moz-transform:scale(1.1) rotate(3deg); transform:scale(1.1) rotate(3deg);}
#bordm{ text-align:center;}
#bordm p{ padding:10px 60px 0px 60px;}

#wel{position:relative; z-index:333; background-image:url(../images/building-background.jpg); overflow:hidden; text-align:center; 
padding:20px 0px 80px 0px;}
#wel h1{position:relative;display:inline-block;padding:30px 0px 0px 0px;margin-bottom:0px;font-weight:700;color:#338ac4;font-size:50px; }
#wel h6{ font-size:16px; color:#999; padding:10px 20px 0px 20px; font-weight:500; margin:0px; text-align:center; line-height:1.4;}
.prodct{ margin:40px 0px 0px 0px;  padding:0px; padding-bottom:10px; background-color:#f6f7f8; border-bottom:#ef0a0a 1px solid;
-webkit-box-shadow: -1px 14px 23px -20px rgba(128,124,100,0.5);
-moz-box-shadow: -1px 14px 23px -20px rgba(128,124,100,0.5);
box-shadow: -1px 14px 23px -20px rgba(128,124,100,0.5);}
.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; }
.prodct h3{font-size:20px;font-weight:600; margin:0px; color:#031a34; padding:30px 0px 0px 0px; text-align:center; }
.prodct p{ font-size:16px; color:#575D6E; padding:10px 0px 10px 0px; font-weight:400; margin:0px; text-align:center; line-height:1.6;}
.prodct:hover img{  transform: translate(0, -10px);}
.prodct h5{ font-size:22px; padding:10px 0px 0px 0px; color:#e1a122; margin:0px;  }
.prodct h5 a{color:#e1a122; font-size:22px;}
#pdms{margin-left:0px;}
#pdmss{margin-left:0px;}

.quality_list{margin:10px -15px; padding:0; list-style:none; overflow:hidden;}
.quality_list li{margin-top:10px;}
.quality_list li:nth-child(even){margin-top:0px;padding:0px 0px 20px 0px ;}
.quality_list li{display:block; height:auto; background-color:#dfdfdf; overflow:hidden; background-repeat:no-repeat; background-size:cover;position:relative; color:#fff;}
.quality_list li:before{position:absolute; top:0; right:0; bottom:0; left:0; 
content:' '; background-color:rgba(0,0,0,0.1); z-index:0;transition:all linear 0.2s;}
.quality_list li:after{
 position:absolute; top:20px; right:20px; bottom:20px; left:20px; content:' ';  z-index:1; opacity:0;
 transform:scale(0.5);transition:all linear 0.2s;border:1px solid #fff; cursor:pointer;}
.quality_list li:hover:before{background-color:rgba(0,0,0,0.6);}
.quality_list li:hover:after{transform:scale(1); opacity:1;}
.quality_list li h4{color:#fff;position:relative;z-index:2;padding:100px 0 0 0px;font-weight:bold;transition:all linear 0.2s;
text-align:center;font-size:30px;}
.quality_list li:hover h4{color:#fff;}
.quality_list li p{padding:0px;color:#fff;position:relative;z-index:2;margin:0px 0 0 0px;transition:all linear 0.2s;text-align:center;}
.quality_list li p i{color:#f07419;}


.btnmodern{ padding:20px 0px 0px 0px;}
.btn-half{cursor: pointer;background-color:#000; z-index:0;display:inline-block; position:relative;}
.button-lg {padding: 20px 35px;font-size:16px;}
.btn-half{cursor: pointer;  background-color: #000;  z-index: 0;  display:inline-block;  position:relative;}  
.btn-half span {
 color:#fff; display:block; padding-left:0%; padding-right:25px; text-transform:uppercase; font-size:12px; font-weight:500; 
 letter-spacing:5px; transform:scaleX(0.9); transform-origin:center left;transition:color 0.3s ease; position:relative; z-index:1;}
.btn-half em {position: absolute;  height: 1px;  background: #fff;  width: 22%;  right: 23px;  top: 50%;  transform: scaleX(0.25);  
 transform-origin: center right;  transition: all 0.3s ease;  z-index: 1;}
.btn-half:before,.btn-half:after{content: '';  background-color:rgba(255,255,255,0.2);  height: 50%;  width: 0;  position: absolute;  
 transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.btn-half:before {top:0; left:0; right:auto;}
.btn-half:after {bottom:0; right:0; left:auto;}
.btn-half.site-button:hover{background-color:#000; }
.btn-half:hover:before {width:100%;  right:0; left:auto;}
.btn-half:hover:after {width:100%;  left:0;  right:auto;}
.btn-half:hover span {color:#fff;}
.btn-half:hover em {background:#fff;transform: scaleX(1);}


.btn-halfbl{cursor:pointer; background-color:#338ac4;z-index:0; display:inline-block; position:relative;}
.btn-halfbl{cursor:pointer;background-color:#338ac4;z-index:0;display:inline-block;position:relative;}  
.btn-halfbl span {
 color:#fff; display:block; padding-left:0%; padding-right:25px; text-transform:uppercase; font-size:12px;font-weight:500;
 letter-spacing:5px;transform: scaleX(0.9); transform-origin:center left;transition:color 0.3s ease;position:relative;z-index:1;}
.btn-halfbl em {position:absolute;  height:1px;  background:#fff;  width:22%;  right:23px;  top:50%;  transform:scaleX(0.25);  
 transform-origin:center right;  transition:all 0.3s ease;  z-index: 1;}
.btn-halfbl:before,.btn-halfbl:after {content: ''; background-color:rgba(255,255,255,0.2); height:50%;width:0; position:absolute;  
 transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.btn-halfbl:before{top:0;left:0;right:auto;}
.btn-halfbl:after{bottom:0;right:0;left:auto;}
.btn-halfbl.site-buttonbl:hover{ background-color:#000; }
.btn-halfbl:hover:before {width: 100%; right:0; left:auto;}
.btn-halfbl:hover:after {width: 100%; left:0; right:auto;}
.btn-halfbl:hover span {color: #fff;}
.btn-halfbl:hover em {background:#fff;transform:scaleX(1);}


#frcmov{ background:url(../images/bg1.png) repeat; 
padding:100px 0px 80px 0px; position:relative; z-index:12; overflow:hidden; clear:both; margin:0px;}
.fleftcol{ padding:0px 40px 0px 40px; position:relative;  background-color:rgba(255,255,255,0.5);}
.fleftcol h2{ margin:0; padding:10px 0px 0px 0px; font-size:56px; color:#333; font-weight:700;font-family: 'Inter', sans-serif;}
.fleftcol h4{ color:#db3f3f; text-transform:uppercase; font-size:24px; padding:10px 0px 0px 0px; margin:0px; font-weight:700;
font-family: 'Inter', sans-serif;}
.fleftcol p{color:#666; padding:10px 0px 0px 0px; margin:0px;}
.fleftcol p span{font-family: 'Inter', sans-serif; font-weight:300;}
.fleftbox{ background-color:#fff; box-shadow:0px 0px 15px #cdcdcd; border:1px solid #edeef2; margin-top:80px;
 z-index:666 !important; overflow:hidden; position:relative; margin-left:-180px; padding:20px 40px 30px 40px;}
.fleftimg{ margin-left:40px;  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); cursor:pointer;
-moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s; overflow:hidden; position:relative;  z-index:444;}
.fleftimg:hover img{
transform:scale(1.1); 
-webkit-transition:all ease-in-out 0.4s;
 -o-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s;} 

.frrth{ padding:60px 0px 0px 0px;}
.frightimg{ margin:0px;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); cursor:pointer;
-moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s;transition:all ease-in-out 0.4s; overflow:hidden; position:relative;  z-index:444;}
.frightimg:hover img{ transform:scale(1.1);
-webkit-transition:all ease-in-out 0.4s;
 -o-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s; transition:all ease-in-out 0.4s;} 

.frightcl{ padding:0px 40px 0px 40px; position:relative;  background-color:rgba(255,255,255,0.5);}
.frightcl h2{ margin:0; padding:10px 0px 0px 0px; font-size:56px; color:#fff;  font-weight:700; font-family: 'Inter', sans-serif;}
.frightcl h4{ color:#db3f3f; text-transform:uppercase; font-size:24px; padding:10px 0px 0px 0px; margin:0px; font-weight:700;}
.frightcl p{color:#fff; padding:10px 0px 0px 0px; margin:0px;}
.frightbox{ background-color:#000; box-shadow:0px 0px 15px #999; border:1px solid #333; margin-top:88px;
 z-index:666 !important; overflow:hidden; position:relative; margin-right:-180px; padding:20px 40px 30px 40px;}

.animate-charcter{
	font-weight:bold;	
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #db3f3f 0%,
    #1da1d2 29%,
    #c83838 67%,
    #2089b0 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;  
      font-size: 80px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


.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{ margin:0px; padding:20px 20px 0px 0px !important; color:#032a55; display:block; }

.done-topmenu{ z-index:555; overflow:hidden; padding:10px 0px 20px 0px;}
.done-topmenu ul{ padding:12px 40px; margin:0; }
.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:14px 12px; background-color:#DFDFDF; display:block; text-decoration:none; color:#333; margin-left:8px; 
font-size:12px; border-radius:40px;}
.done-topmenu ul li a:hover{ background-color:#338ac4!important; color:#fff;}
.done-topmenu li.active a{color:#fff; background-color:#338ac4;}


.formsection{padding:20px 20px 10px 20px;background-color:rgb(51, 138, 196, 0.8); overflow:hidden; border-radius:10px; 
margin-bottom:20px; margin-top:20px;
-webkit-box-shadow: -8px 8px 5px 1px rgba(0,0,0,0.20);
-moz-box-shadow: -8px 8px 5px 1px rgba(0,0,0,0.20);
box-shadow: -8px 8px 5px 1px rgba(0,0,0,0.20);}
.formsection h3{ margin:0; padding:0 0 0px 0; color:#fff; font-size:30px; text-align:left;}
.formsection .form-group label.error{ position:absolute; top:5px; font-size:12px; right:10px; color:#729E4C; }
.formsection .form-group{ overflow:hidden; }
.formsection .form-group > div{ padding:0; }
.formsection .form-group label{ padding:5px 0px; position:relative; color:#fff; }
.crrimg{ padding:140px 0px 0px 0px;}
.crtys{ padding:20px 0px 0px 0px;}

.grd figure{position:relative;	overflow:hidden;	height:auto; text-align:center;	cursor: pointer;background: #000;border-radius:4px;}
.grd figure img {position: relative;display: block;	width:100%;	opacity: 0.8;}
.grd figure figcaption {padding:2em;color:#fff;	text-transform:uppercase; font-size:1em;-webkit-backface-visibility:hidden; 
backface-visibility: hidden;}
.grd figure figcaption::before,.grd figure figcaption::after{pointer-events: none;}
.grd figure figcaption,.grd figure figcaption > a {position:absolute;top:0;	left:0;	width:100%;	height:100%;}
.grd figure figcaption > a {z-index: 1000;text-indent:200%; white-space: nowrap; font-size: 0;opacity: 0;}
.grd figure h3 { word-spacing: -0.15em;font-size:1.8em; margin-top:18%; color:#FFF;font-weight:600;}
.grd figure h2 span {font-weight: 800;}
.grd figure h2,.grd figure p {margin:0;}
.grd figure p {	letter-spacing: 1px;font-weight: bold;font-size:24px;padding:0px 0px 0px 0px;}

figure.effect-apollo img{opacity: 0.95;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;	-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before {position: absolute;top: 0;	left: 0;width:100%;	height: 100%;background: rgba(30, 28, 24, 0.41);
content: '';-webkit-transition: -webkit-transform 0.6s;	transition: transform 0.6s; 
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo p{position: absolute;right:0;bottom: 0;margin: 2em;padding: 0 0em;max-width: 150px;border-right: 4px solid #fde231;text-align:right; opacity:0;-webkit-transition:opacity 0.35s;transition: opacity 0.35s;}
figure.effect-apollo h2 {text-align:left;}
figure.effect-apollo:hover img {opacity: 0.6;-webkit-transform: scale3d(1,1,1);	transform: scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before {-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover p {opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s;}



.acrdms{ padding:20px 0px 0px 0px;}
.acrdms h1{padding:10px 0px 30px 0px; margin:0px; font-weight:bold; color:#087cb0; font-size:34px; text-transform:uppercase;}
.acrdms p{ padding:14px 0px 0px 10px; color:#999; margin:0px; font-size:14px; line-height:1.6;}
.acrdms span{ font-weight:600; color:#e19114; font-size:16px;}
.faq-drawer{ margin:0px;}
.faq-drawer__content{ padding:0px 0px 0px 0px; margin-bottom:24px;}
.faq-drawer__content-wrapper {font-size:1.25em; line-height:1em; max-height:0px;overflow:hidden; transition: 0.25s ease-in-out;}
.faq-drawer__title {border-top:#333 1px solid; cursor: pointer;  display:block; font-size:20px; font-weight:700; padding:4px; position: relative; margin: 0px;transition: all 0.25s ease-out;}
.faq-drawer__title::after{border-style: solid; border-width: 1px 1px 0 0; content: " "; display:inline-block;float:right; height:10px;
left:0px; position:relative;right:20px; top:2px; transform: rotate(135deg); transition: 0.35s ease-in-out; vertical-align:top;width:10px;}
.faq-drawer__title:hover {color:#4E4B52;}
.faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {max-height:840px;}
.faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);transition: 0.25s ease-in-out;}
input[type="checkbox"] { display: none;}

/*mapclm*/
.mapcolm{ padding:80px 0px 80px 0px;}
#plotcont{  position:relative; z-index:888; margin:0px; padding:0px;}
.plotdetails{ position:absolute; left:0; right:0; top:0; bottom:0; }
.blankDiv{ position:absolute; width:24px; height:39px; background-image:url(../images/map-marker.png); cursor:pointer; }
#indiapnt{ left:68%; top:48%;}
#usapnt{ left:17.2%; top:24.5%;  }
#algirapnt{ left:45.6%; top:40%; }
#cypruspnt{ left:47.9%; top:36.8%; }
#greecepnt{ left:52.2%; top:30%;}
#egyptpnt{ left:55.2%; top:40%; }
#jeddahpnt{left:57.8%; top:43.6%;}
#uaepnt{left:62%; top:44%;}
#omanpnt{left:62.2%; top:41.8%;}
#saudipnt{left:60.8%; top:42%;}
#qatarpnt{ left:60.2%; top:37%;}
#iranpnt{ left:63.2%; top:38%;}
#srilankapnt{ left:69.4%; top:54.8%; }
#banglapnt{ left:72.6%; top:42%; }
#malaypnt{ left:75.6%; top:58%; }
#nepalpnt{ left:70.6%; top:40%; }
#cameroonpnt{left:50%; top:55%;}
#ugandapnt{left:55%; top:60%;}
#kenyapnt{left:56.8%; top:60%;}
#zambiapnt{left:54%; top:64%;}
#malawipnt{left:56.8%; top:66%;}
#southafricapnt{left:53.4%; top:74.5%;}

.plotowner{ width:160px; background-color:#fff; padding:10px; left:0; bottom:100%; cursor:text; position:absolute; z-index:999; border:1px solid rgba(213,213,213,1.00); display:none; }
.plotowner h4{ margin:0; padding:4px 0px 4px 0px; font-size:20px; color:#087cb0; font-weight:700;}
.plotowner p{ margin:0; }

.panel{ overflow:hidden; clear:both; }
.panel-heading, .panel-title{ padding:0 !important; margin:0; }
 h4.panel-title a{display:block;background-color:#338ac4; color:#fff!important;padding:10px;width:100%;position:relative;font-size:20px; }
 h4.panel-title span{float:right;font-size:20px;}

.plotowner:after{ content:'\f0d7';font-family: 'FontAwesome'; position:absolute; bottom:-28px; font-size:35px; color:#fff; left:3px; }
.contcolm .nav-tabs li{ font-size:18px; text-align:center; }
.contcolm .nav-tabs li.active a{ background-color:#0067B3; color:#fff; }
.contcolm .nav-tabs li.active a:focus{  background-color:#0067B3; color:#fff;  }
.contcolm .tab-content{ border-top:0px solid #0067B3; padding:0px; }
/*mapclm*/


.cntcol{ padding:24px; position:relative; border-radius:10px; 
 z-index:55;background-color:#eee; margin:50px 0px 10px 0px; min-height:450px;}
.cntcol h2{ margin:0; padding:20px 0px 0px 0px; font-size:30px; color:#338ac4; font-weight:bold; text-transform:uppercase;}
.cntcol h3{ margin:0; padding:10px 0px 0px 0px; font-size:20px; color:#338ac4; font-weight:bold; text-transform:uppercase;}
.cntcol h6{ margin:0; padding:10px 0px 0px 0px; font-size:28px; color:#db3f3f; font-weight:700;}
.cntcol p{ margin:0; padding:10px 0px 0px 0px; font-size:16px;color:#999;}
.cntcol p span{font-family: 'Inter', sans-serif;}
.cntcol i{font-size:50px; margin:auto;color:#ed3338;padding:20px 24px; background-color:#fff; border-radius:60%;}
.flgimg{ position:relative; overflow:hidden; margin:0px 0px 0px 0px; padding:0px;}

.hurup{background-image:url(../images/bgcnt.jpg);/* background-attachment:fixed;*/ background-size:cover; 
padding:30px 0px 0px 0px; overflow:hidden; position:relative;}
.hurup > div{position:relative; z-index:40; }
.hurup:before{position:absolute; content:''; left:0; top:0; bottom:0; right:0;  background-color:rgba(0,0,0,0.9);}
.hurup p{color:#fff;  font-size:18px; text-align: center; padding:20px 0px;}
.hurup h1{padding:10px 0px 0px 20px; margin:0px 0px; color:#eee; font-weight:700; font-size:46px; }
.hurup h3{font-size:20px; padding:50px 0px 0px 0px; margin: 0px 0px; color:#fff; text-transform:uppercase;}
.hurprgbx{padding:120px 0px 0px 0px;}


.turnsec{padding:0px 0px 0px 7em; margin:0px;}
.csrbuttn{ margin:20px 0px 0px 7px; padding:0px; display:inline-block; }
.csrbuttn { padding:5px 30px; color:#fff !important; font-size:14px; font-weight:500;border-radius:2px; background-color:#5da2d0;}
.csrbuttn a i{ padding-left:10px; font-size:12px; }
/*.csrbuttn a:hover{ padding:12px 33px; border:1px solid #0098db; color:#fff;  font-weight:bold;}*/
.bodycontent{ overflow:hidden; margin:0px 0px 60px 0px; padding:0px;}
.bodycol1 {padding:65px 0px 30px 0px;background-color:#fff; margin:0px;}
.bodycol1 h1{ padding:10px 0px 0px 0px; font-size:50px; margin:0px 0px; color:#338ac4; font-weight:700; text-align:center;}

#myImg{border-radius:5px; cursor:pointer; transition:0.3s; list-style:none;}
#myImg:hover {opacity: 0.7;}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
 /* padding-top: 100px;*/ /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {margin:auto; display:block; width:80%;  max-width:700px;}
/* Caption of Modal Image */
#caption{margin:auto; display:block; width:80%; max-width:700px; text-align:center; color:#ccc;  padding:10px 0; height:150px;}
/* Add Animation */
.modal-content, #caption{ -webkit-animation-name:zoom; -webkit-animation-duration:0.6s; animation-name:zoom; animation-duration:0.6s;}
@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close { position:absolute; top:15px; right:35px; color:#f1f1f1; font-size:40px !important; font-weight:bold; transition:0.3s;}
.close:hover,.close:focus{color:#bbb; text-decoration:none; cursor:pointer;}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){.modal-content{width:100%;}}


.shake img:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}



.inpgcont{ padding:10px 60px 80px 60px; position:relative; margin-top:-80px; margin-bottom:100px; background-color:#fff; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.inpgcont h1{padding:0px 0px 0px 0px; font-size:40px; margin:0px 0px; color:#005ca2; font-weight:900;}
.inpgcont h2{position:relative;display:inline-block;padding:20px 0px 0px 0px;font-weight:800;color:#ef0a0a; margin:0px;font-size:40px;}
.inpgcont p{padding:10px 0px 0px 0px; margin:0px; color:#999; line-height:1.3; font-size:16px; font-weight:300;}
.abttsimg{padding:48px 0px 0px 0px;}

.labs{padding:140px 0px 80px 0px; background-color:#f8f8f8; text-align:center; margin-top:-120px;  position:relative;  overflow:hidden;}
.labs h2{padding:10px 0px 0px 0px; margin:0px; font-weight:700; color:#333;font-size:50px; text-align:center;}
.labsimg{ padding:20px 0px 0px 0px;}
.labs p{ text-align:center; padding:10px 0px 0px 0px; margin:0px 0px 20px 0px; color:#999;}
.labs h4{ text-align:center; font-weight:600; color:#338ac4;  padding:20px 0px 0px 0px; margin:0px;letter-spacing:1.4; font-size:16px;}
.wmp{ padding:20px;}
.clhd p{ font-size:14px; text-align:center; padding:0px 0px 0px 20px; margin:0px;}
.labs h5{position:relative; display:inline-block; padding:14px 20px; margin:40px 0px 0px 0px; font-weight:600; color:#338ac4;
 font-size:16px; background-color:#eee; line-height:1.2;}
 
 
.tablecol{ padding:10px 0px 0px 0px;}
.tablecol table{ border:1px solid #eee; }
.tablecol table tr th{ background-color:#eee; text-align:center;}
.tablecol table tr th,.tablecol table tr td{ padding:24px 10px 30px 10px ; font-size:14px; border:1px solid #ddd; color:#333;}
.tablecol table tr{ padding:0px 0px 0px 0px;  }
.tablecol table tr td a{ padding:0px 0px; display:block;}
.tablecol table tr:nth-child(even){ background-color:#eee;}

.clink{ padding:10px 0px 0px 4px; margin:20px  0px 0px 0px; }
.clink a{ color:#81ca00; border:#81ca00 2px solid; padding:14px 30px; font-size:16px; border-radius:0px;-moz-border-radius:0px;  -webkit-border-radius:0px; border:#81ca00 2px solid; font-weight:400;}
.clink a:hover{ color:#fff;background-color:#81ca00;}
.clink a i{ font-size:20px;}

.clink1{ padding:10px 0px 0px 0px; margin:0px  0px 0px 0px; }
.clink1 a{ color:#fff; padding:14px 28px; font-size:16px; border-radius:40px;  -moz-border-radius:40px;  -webkit-border-radius:40px;  font-weight:400; background-color:#463078;}
.clink1 a:hover{ color:#fff;background-color:#d0060d;}
.clink1 a i{ font-size:20px;}

.clink2{ padding:10px 0px 0px 0px; margin:6px  0px 0px 0px;}
.clink2 a{ color:#fff; background-color:#0066b3; padding:18px 30px; font-size:16px; border-radius:0px;  -moz-border-radius:0px;  -webkit-border-radius:0px; font-weight:400; }
.clink2 a:hover{ color:#fff;background-color:#0066b3;}
.clink2 a i{ padding:0px 0px 0px 4px; font-size:14px;}

.clink3{ padding:10px 0px 0px 4px; margin:20px  0px 0px 0px;  text-align:center;}
.clink3 a{ color:#fff; border:#00aaff 2px solid; padding:14px 40px; font-size:16px; border-radius:0px;  -moz-border-radius:0px;  -webkit-border-radius:0px;  border:#00aaff 2px solid; font-weight:400;}
.clink3 a:hover{ color:#fff;background-color:#00aaff;}
.clink3 a i{ font-size:20px;}

.mynav{list-style-type:none; background-color: rgba(255,255,255,0.3); margin:24px 0px 0px 0px; padding:0px; }
.mynav li { margin:0px;}
.mynav li a{font-size:16px; color:#333; padding:14px;  border:1px solid #eee; display:block; transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; }
.mynav li a:hover{ color:#fff; padding-left:20px; background-color:#008dd2; }
.mynav li.active a{color:#fff;background-color:#008dd2 ;}
.tab-content h3{padding: 16px 0px 0px 0px; font-size:40px; margin: 0px 0px; color: #338ac4; font-weight: 700;}

.ulli{ padding:10px 0px 0px 44px; margin:0px;}
.ulli li{ position:relative; padding:3px 0px 3px 16px; font-size:15px;  color:#999; font-weight:500;}
.ulli li:before{ position:absolute; left:0; content:'\f192';  font-family: 'FontAwesome'; color:#db3f3f; font-size:12px; top:5px;}

svg{font-weight:bold;max-width:1000px;font-size:30px;}

.thank-col{ padding:0px; width:100%; text-align:center; height:80px; 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; }

#myCarousel .item {
    height: 780px;
}

#footercol{  background-attachment:fixed; background-size:cover; 
padding:80px 0px 40px 0px; position:relative; z-index:12; overflow:hidden; clear:both;}
#footercol > div{ position:relative; z-index:40;}
#footercol h3{padding:10px 0px 0px 0px; margin:0px; font-weight:700; color:#293281; font-size:30px;}
.ftlogo{ padding:10px 0px 0px 0px; margin:0px; width:240px;}
#footercol p{ color:#333; font-size:16px; padding:10px 0px 0px 0px; margin:0px; font-weight:400; line-height:1.4; }
#footercol p i{ color:#db3f3f;}
.footermenu ul {
    padding: 0px;
    margin: 0px;
}
.footermenu ul li {
    padding: 0px 0px;
    position: relative;
    list-style-type: disc;
    color: #000 !important;
}
.footermenu ul li a{ font-size:14px; color:#333;  display:block; padding:6px 0px; font-weight:600; }
#ftpart{ padding:40px 0px 50px 0px;  border-bottom:1px solid #d3d3d4; margin:2px;}
#footercol h5{ color:#293281; margin:0px; padding:10px 0px 10px 0px; font-size:20px; line-height:1.4;
 text-transform:uppercase; font-weight:700;}
#footercol h6{ margin:0; padding:20px 0px; font-size:12px; color:#333; text-align:center;}
#footer {
    background-color: #406093 !important;
    overflow: hidden;
}
#footer p{ margin:0; padding:20px 0px; font-size:12px; color:#eee; float:left; }
#footer p span{font-family: 'Inter', sans-serif;}
#footer h4 a{ margin:0; padding:10px 0px; font-size:12px; color:#eee; float:right;}

ul.features-list {
    margin: 0;
}
ul.features-list li {
    list-style-type: disc;
}
ul.types-list.list-unstyled, ul.infill-list.list-unstyled {
    margin: 0;
}
.mnls{ padding:0px 0px 40px 10px; margin:0px; border-bottom:1px solid #d3d3d4;}
.mnls h1{  position:relative; display:inline-block; padding:0px; margin:0px; font-weight:700; color:#273080; font-size:40px;}
.mnls h4{color:#333; margin:0px; padding:10px 0px 0px 0px; font-size:16px; font-weight:500; line-height:1.5;}
.flgimg{ position:relative; overflow:hidden; margin:-4px 0px 0px 0px;}

.socialcol{ margin-top:20px; position:relative; overflow:hidden;}
.socialcol ul li{ padding:0; }
.socialcol ul li:before{ display:none; }
.socialcol ul li a {float:left; background-color:#db3f3f; border-radius:40px; margin-right:5px; width:37px; height:35px; text-align:center; display:table; color:#fff;}
.socialcol ul li a:hover {background-color:#293281; color:#fff;}
.socialcol ul li a i{ vertical-align:middle; display:table-cell;}
.socialcol ul li a img{ width:16px; margin:2px 0px 0px 10px;}

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

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

.fom{padding:0px 20px;}
.fom ul{ overflow:hidden;}
.fom ul li{ margin:15px 0px 15px 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:#999; font-size:14px; border-radius:20px; padding:24px;}
.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; border-radius:20px;}

.fomnw{ border:1px solid #ddd; background-color:#fff; padding:30px 20px 26px 20px; margin:20px 0px 20px 20px; 
-webkit-box-shadow: -8px 8px 5px 1px rgba(0,0,0,0.24);
-moz-box-shadow: -8px 8px 5px 1px rgba(0,0,0,0.24);
box-shadow: -8px 8px 5px 1px rgba(0,0,0,0.24);}
.fomnw ul{ overflow:hidden;}
.fomnw ul li{ margin:0px 0px 10px 0px; font-size:20px; position:relative;}
.fomnw ul li label{ position:relative; font-weight:normal; font-size:14px; margin:0;}
.fomnw ul li input,.fom ul li textarea{ color:#333; font-size:14px; border-radius:0px;}
.fomnw ul li label.error{ font-size:12px; color:#db1313; bottom:6px; right:20px; font-weight:normal; position:absolute; z-index:666;}
.fomnw button{ padding:10px 30px;}

@media (max-width: 320px){
.textcolm h1{font-size:30px;}
.section-heading h4{font-size:30px;}
.serbx h2{ font-size:30px;}
.banner-text { display:none;}
}
@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;}	
	.banner-text { display:none;}	
}
@media (max-width: 576px){.mainmenu,.sidenav,#plotcont{display:none;}.respnav,#loccolm{display:block;} #respo_menu{display:block;} 
#top{display:none;}.frstp{ margin-top:0px;} .frstbx{ margin-top:0px;}.flbox{ margin-top:10px;}.banner-text{display:none;}
.logo{padding:10px; background-color:#fff; border-radius:2px; width:180px; margin-top:10px;}
#idms{background-color:rgba(255, 255, 255,0);}
.fleftbox{margin:0px 0px 0px 0px;}.fleftimg{ margin-right:40px;}
.frightbox{margin:0px 0px 0px 0px;}.frightimg{ margin:0px 40px 0px 40px;}
.project-info { min-height:164px !important;}

#wel h1{ font-size:34px;}
.incont h1{ font-size:40px;}
.qltbx{ margin:20px;}
.labs h2{ font-size:40px;}
#footercol p{ font-size:14px;}

}
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px){
  #myCarousel .item {
    height: auto;
}.mainmenu,.sidenav, #plotcont{display:none;}.respnav,#loccolm{display:block;} #respo_menu{display:block;}
#top{display:none;}
.logo{padding:10px; background-color:#fff; border-radius:2px; width:180px; margin-top:10px;}
#idms{background-color:rgba(255, 255, 255,0);}}
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px){.mainmenu,.sidenav,#plotcont{display:none;}.respnav,#loccolm{display:block;} #respo_menu{display:block;}}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px){.mainmenu,.sidenav,#plotcont{display:block;}.respnav,#loccolm{display:none;} #respo_menu{display:none;}}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px){.mainmenu,.sidenav,#plotcont{display:block;}.respnav,#loccolm{display:none;} #respo_menu{display:none;}} 

/* General UL/LI Styling */
ul {
    padding-left: 1.5em;
    margin-bottom: 1.5em;
    list-style-type: disc;
}

ul.advantages-list,
ul.spec-list {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 1em 2em;
    margin-bottom: 2em;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

ul.advantages-list li,
ul.spec-list li {
    margin-bottom: 0.7em;
    font-size: 1.08em;
    line-height: 1.6;
    color: #333;
    position: relative;
    padding-left: 1.2em;
}

ul.advantages-list li:before,
ul.spec-list li:before {
    content: "✔";
    color: #2e8b57;
    position: absolute;
    left: 0;
    font-size: 1em;
    top: 0.1em;
}

ul:not(.advantages-list):not(.spec-list) li {
    margin-bottom: 0.5em;
    font-size: 16px;
    color: #999;
    line-height: 1.5;
    list-style-type: disc;
    font-weight: 300;
}
ul.accessories-list {
    padding: 0;
}
ul.spec-list,
ul.advantages-list {
    padding: 15px;
    margin: 0;
}
/* Gallery List */
ul.image-set {
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

ul.image-set li {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    margin: 15px;
    padding: 10px;
    text-align: center;
    transition: box-shadow 0.2s;
}

ul.image-set li:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

ul.image-set h5 {
    margin-top: 10px;
    font-size: 1.1em;
    color: #2e8b57;
    font-weight: 600;
}

ul.ahu-details-list.list-unstyled,
ul.list-unstyled,
ul.list-unstyled.features-list,
ul.list-unstyled.advantages-list {
    margin: 0;
}