@charset "utf-8";
/* CSS Document */
 @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
 
  @import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
  
 
 body{  padding:0px 0px; margin:0px 0px; font-size:15px;      font-family: 'Questrial', sans-serif;  }
 .header { width: 100%; height: auto; 
 
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;
	top: 0; 

	z-index: 41!important; background:none;   position:fixed; border-top:5px solid #ba7519;

}


 .header.scroll_css {

	margin: 0;

-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out; background:none;

}


.top-contact{ float:right; margin-top:30PX;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out }
.top-contact h5{ float:left; display:tablel; font-size:16px; margin:0px 0px; color:#FFF; margin-left:15px;}
.top-contact h5:nth-child(0){ margin-left:15px;}
.top-contact a{color:#FFF;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.top-contact a:hover{-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; color:#e68f1b;}

 .header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;background:none;
 }
 
 .logoC{ display:table; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; position:relative; z-index:5; margin-top:0px; overflow:hidden;}
 
 .logoC img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; width:auto;  margin-top:10px; }
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.header-C{ position:relative;}

.top-menu{ float:right;}










#cssmenu{  float:right; padding:0px 0px 0px;   font-family: 'Josefin Sans', sans-serif; }

#cssmenu > ul > li{  margin-left:0px; margin-left:14px;
}


#cssmenu > ul > li:first-child{ padding-left:0px; }
#cssmenu > ul > li a{ color:#fff;  font-size:13px; padding:5px 0px 25px; text-transform:uppercase;    }
#cssmenu > ul ul li a{ background:none;}
#cssmenu > ul > li.has-sub > a{ }

#cssmenu > ul > li a:hover{ color:#d4d4d4}
#cssmenu > ul > li a.active{  /*background:url(../images/nav-border-active.jpg) no-repeat left bottom; */}

#cssmenu > ul ul li { font-size:12px; text-transform:capitalize;}
#cssmenu > ul > li a{ position:relative; }
.active-img{ position:absolute; bottom:0; left:0; text-align:center; overflow:hidden; width:100%; display:none;}
.active-img img{ text-align:center; max-width:100%;}

#cssmenu > ul > li a.active .active-img{ display:block;}



.top-menu{  margin-top:22px; margin-bottom:0px;}
#cssmenu{ float:right;}


#cssmenu ul ul{ background:#ed202e; margin-top:22px;}
#cssmenu ul ul li{ border-bottom:1px solid #ffffff; height:40px; line-height:40px;}
#cssmenu ul ul li a{ padding:0px 10px; font-size:13.5px;}
#cssmenu ul ul li{ margin-bottom:0px;}


.slider-area {
  position: relative; color:#FFF;




}

.custom-slider {position: relative;}

.layer-1 h2, .layer-2 h2 {

}
.layer-1 p, .layer-2 p { padding: 0;}
.layer-1 a, .layer-2 a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #999;

  font-weight: 600;
  margin-top: 40px;
  padding: 12px 35px 8px;
  text-transform: uppercase;
}
.nivo-caption a {
  display: inline-block !important;
}
.layer-1 a:hover, .layer-2 a:hover {

  color: #fff;

}
.slider-area .nivo-directionNav {display: none;}
.nivo-controlNav {
  bottom: 0;
  left:0%;
  position: absolute; text-align:left;
  right: 0%;
  z-index: 9;  display:block; max-width:1270px; margin:0px auto;
}
.nivo-controlNav a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
  display: inline-block;
  height: 14px;
  margin: 0 3px;
  position: relative;
  text-indent: -9999px;


}
.nivo-controlNav a::before {
  background: #fff none repeat scroll 0 0;
  content: "";
  display: block;
  height: 6px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  width: 6px;
}
.nivo-controlNav a.active { font-weight: normal;}
.nivo-controlNav a.active::before { opacity: 1;}
/*.slider-content .layer-1.layer-2 {

  margin-left:0%;
  margin-right: 8%;
  position: relative;
  width: 60%;
}*/
.layer-1.layer-3 p {  margin-right: 5%;}
.slider-area .slider-progress{
	background-color: rgba(50, 196, 209, .5);
}
.slider-area.style-2 .slider-progress {
  background-color: rgba(50, 196, 209, 0.2);
}
.slider-area.style-2  .nivo-directionNav {
  display: block;
}
.slider-area.style-2  .nivo-directionNav a {
  background: transparent none repeat scroll 0 0;
 
  color: #999999;
  cursor: pointer;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 30px;
  text-align: center;
  text-transform: uppercase;
  top: 45%;
  width: 100px;
  z-index: 9;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.slider-area.style-2 :hover .nivo-directionNav a {
    opacity: 1;
    right: 0;
}
.slider-area.style-2 :hover .nivo-prevNav {
    opacity: 1;
    left: 0;
}
.slider-area.style-2  .nivo-directionNav a:hover {
    background: #000000;
    color: #fff;
 
}
.slider-area.style-2  .nivo-directionNav a:hover {
    background: #000000;
    color: #fff;
    border-color: transparent;
}
/* slider-area.style-2 .nivo-controlNav */
.slider-area.style-2  .nivo-controlNav a {
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #626262;

margin-bottom: 5px;
margin: 25px 25px; background:#626262;
}
.slider-area.style-2  .nivo-controlNav a::before {
  background:none!important;  width:12px; height:12px; top:0; left:0;border-radius:50%;
}
    




.nivo-controlNav{ text-align:left; padding-left:5%;}
.slider-area.style-2 .nivo-controlNav a{}

.nivo-controlNav a.active{ background:#fff; border:1px solid #fff!important; width:10px; height:10px;}

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}

.slideC{ position:relative;font-family: 'Rajdhani', sans-serif;  }

.nivo-controlNav{ bottom:30px;}

vo-controlNav {
    text-align: left;
    padding-left:0;
}
.nivo-controlNav {
    bottom: 0;
    left: 0;
    position: absolute;

    z-index: 9;
}
.nivo-controlNav {
    padding: 15px 0;
        padding-left: 0px;
    text-align: center;
}



.nivo-controlNav{ text-align:left; padding-left:0;}
.slider-area.style-2 .nivo-controlNav a{}

.nivo-controlNav a.active{ background:none;}

.slideC{ position:relative;}

.nivo-controlNav{ bottom:20%;}







.nivo-directionNav{ display:none!important;}

.slideC{ color:#FFFFFF; text-align:left; position:relative;     font-family: 'Questrial', sans-serif;}

.slideC h1{ font-size:50px; font-weight:normal; color:#ba7519;  margin-top:25%; text-shadow:2px 2px #000;  }
.slideC h2{ font-size:30px; color:#FFFFFF;width:80%; background:rgba(0, 0, 0, 0.8); padding:10px; display:table; width:auto; line-height:normal; }

.slideC .more-btn{ border:none; color:#FFFFFF; padding:0px 0px; border-top:1px solid #FFFFFF; padding-top:20px; font-size:14px;}

.slider-content .layer-1{ margin:0px auto; width:100%; bottom:0;}





.slide-dis{ position:relative; padding-left:50px; color:#FFFFFF; font-size:18px;}
.slide-dis p{ font-size:18px; line-height:20px; margin-top:25px;}
.slide-dis:before{ position:absolute; left:0; top:5px; background:url(../images/box.jpg); width:33px; top:-5px; height:33px; content:'';}



.nivo-caption{}

.home-about{ margin:40px 0px; background:url(../images/about-bg.jpg);background-size: auto 100%;}
.home-about

.ab{ overflow:hidden;}
.ab img{ width:100%;}







#intro { background:url(../images/intro.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 108px 0; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; position:relative; overflow:hidden;
}


.serviceC{ position:relative; z-index:11;}

a:hover{ text-decoration:none;}
.service-img{ overflow:hidden; margin-bottom:10px; border:2px solid #919394; border-radius:5px;}
.service-img img{ width:100%;}

.serviceC a{ display:table; -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;padding:5px 8px; background:#ba7519; color:#FFFFFF; text-transform:uppercase;color:#fff; font-size:13px;} 

.serviceC a:hover{ background:#333;-webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out;}

.srv-out{ width:100%; float:right; overflow:hidden; color:#FFFFFF;}

.serviceC h3{ font-size:20px; margin:0px 0px 10px;}

.srv-left{ position:absolute; left:-100px; top:0;  overflow:hidden; bottom:0; top:0;}
.srv-left img{ max-width:100%; min-height:660px;}

.srv-section h2{ position:relative; z-index:10; font-size:40px; color:#FFFFFF;}
.srv-section h2 span{ color:#000000;}

.explor{ color:#ba7519; text-transform:uppercase; padding:5px 8px; border:1px solid #fff; border-radius:4px; display:table; margin-top:40px; position:relative; z-index:20;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.explor:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#ba7519; color:#FFFFFF;}


.nbs-flexisel-nav-left {
    left: -34px;

}

.nbs-flexisel-nav-right {
    right: -34px;
}

.srv-out{ padding:0px 50px}


.gray-sec{ background:url(../images/gray.jpg); background-size:100% 100%; padding:50px 0px;}
.sub-title{ margin-bottom:35px;}
.sub-title h2{ font-size:40px; margin:0px 0px; color:#ba7519;}
.sub-title h2 span{ color:#000000;}

.about-img{ overflow:hidden;}
.about-img img{ width:100%;border-radius:6px;}
.about-txt{ width:85%;}
.about-img{ border:14px solid #FFFFFF; border-radius:6px;}
.about-txt h3{ margin:15px 0px 5px; font-size:17px; color:#2e3192; text-transform:uppercase; }

.partners{ margin-top:50px;}

.client-C{border:1px solid #c6c7c8; border-radius:5px; overflow:hidden;}
.client-C img{ width:100%;}


.client-C:hover img {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
.client-C  img{
-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out
}

.cust-inn{background:#fff;overflow:hidden;}

footer{ background:#1b1a1a; padding-top:60px; color:#FFFFFF; padding-bottom:30px; background-size:auto 100%;}
footer a{ color:#FFFFFF;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

footer a:hover{ color:#000000;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
footer h3{ font-size:17px; margin:0px 0px 15px; font-weight:bold; text-transform:uppercase;}
footer ul{ list-style:none; margin:0px 0px; padding:0px 0px; margin-bottom:30px;}
footer ul li{ line-height:25px;}


.footer-logo{ overflow:hidden;}
.footer-logo img{ max-width:95%;}
.f1{flex: 0 0 26%;max-width: 26%;}

.f2{flex: 0 0 17%;max-width: 17%;}

.f3{flex: 0 0 19%;max-width: 19%;}

.f4{flex: 0 0 20%;max-width: 20%;}

.f5{flex: 0 0 17%;max-width: 17%;}

.social-media li{ margin-right:5px; float:left;}
.social-media li img{ width:30px;}

.footer-txt{ margin-top:20px;}


.copy-right{ background:#000; color:#FFFFFF; padding:15px 0px; font-family:Arial, Helvetica, sans-serif;}
.copy-right p{ margin-bottom:0px;}
.copy-right p img{ margin-left:5px;}







.service-bx{ color:#FFFFFF; text-align:center;
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);width:247px; height:247px; overflow:hidden;}

.srv-icon{ margin-top:50px;}
.service-bx h3{ font-size:20px; color:#FFFFFF;}




.flip-card {
  background-color: transparent;
width:247px; height:215px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #ba7519;
  color: black;
}

.flip-card-back {
  background-color: #bf7613;
  color: white;
  transform: rotateY(180deg);
}


.srv-des-out{ position:relative; padding:100px 0px;}

.s1{ margin-top:200px;}

.s2{ position: absolute;
top: 183px;

left: 200px; }


.s3{ position: absolute;top: 71px;left: 402px; }


.s4 {
    position: absolute;
    top: 414px;
    left: 202px;
}

.s5 {
    position: absolute;
top: 300px;
left: 400px;
}



.audio-ic{margin:0px auto;max-width:30px;margin-top:25px;}
 .audio-ic img{width:100%;}


.s3 .flip-card-front, .s4 .flip-card-front { background:#FFFFFF;} 

.s3 h3, .s4 h3{ color:#ba7519;}

.flip-card-back h3{ color:#FFFFFF;}


.sm1{ background:#9c6316; width:137px; height:119px; position:absolute; top:0;top: 169px;
left: 84px;}

.sm2{ background:#ba7519; width:80px; height:70px; position:absolute; top:0;top: 261px;
right: 34px;}

.sm3{ background:#eec184; width:80px; height:70px; position:absolute; bottom: 16px;
left: 130px;}


.sol-left{ margin-top:320px;}
.sol-left h2{ font-size:44px; color:#ba7519; margin:0px 0px 8px}
.sol-left h2 span{ color:#000;}
.sol-left p{ font-size:18px; line-height:20px;}
.sol-txt{ position:relative; padding-left:45px;}
.sol-txt:before{ position:absolute; left:0; width:36px; height:36px; content:''; left:0; top:5px; background:#ba7519;}

.home-about{ padding-bottom:90px; margin-top:0px;margin-bottom:0px;}

#cssmenu > ul > li.has-sub > a{ position:relative; padding-right:20px;}
#cssmenu > ul > li.has-sub > a:after{ background:url(../images/sub.png) no-repeat; width:13px; height:11px; top:7px; position:absolute; right:0; right:0; content:'';}

#cssmenu > ul > li.has-sub > a{ padding-right:20px; }



#cssmenu > ul ul{
}




.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: -webkit-linear-gradient(45deg, #ba7519 0%, #9a5b07 100%);
  background: linear-gradient(45deg, #ba7519 0%,#9a5b07 100%);
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 3em;
  text-align: left;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 30px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px,0,0);
  transform: translate3d(-40px,0,0); width:120%;
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  padding: 15% 0 10px 0;
  text-align: left;
}

.hovereffect .overlay:before {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
}

.serviceC:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.serviceC:hover .overlay:before,
.serviceC:hover a/*, .serviceC:hover p*/ {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


.slideC{ position:relative; overflow:hidden;}




.bannerC{ overflow:hidden; margin-bottom:40px; position:relative;}
.bannerC img{ width:100%;}

.banner-left{ position:absolute; left:0; top:0;}
.banner-left img{ max-width:100%;}





.innerPage{ margin-bottom:70px;}


.innerPage p{ font-size:15px;}


.pageTitle h1{ color:#ba7519;  font-size:44px;line-height:26px; margin:0px 0px 25px; font-weight:normal;}

.pageTitle h1 span{ color:#000000; }

.about-content h2{ font-size:20px; margin:0px 0px 15px; color:#005496; text-transform:uppercase; margin-top:25px;}


#intro { background:url(../images/mission-bg.jpg) no-repeat  no-repeat 100% 100%;margin: 30px 0px; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 60px 0; background-attachment:fixed;  
background-size:100%  auto;
}

.vs-b{  margin:30px auto; width:80%; color:#FFFFFF;}
.vs-b h3{ text-align:center; font-size:23px; text-transform:uppercase;color:#ba7519; margin:0px 0px 20px;}

.vs-b h3 span{ color:#fff}
.vs-b p{ font-size:16px; line-height:20px }


.innerPage  .about-txt h3{ color:#000000;}

.vs-ic{ overflow:hidden; margin-bottom:10px; text-align:center;}
.vs-ic img{ max-width:100%;}



.management-C{ margin-bottom:30px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
.mana-img{ overflow:hidden; border:5px solid #e8eaec; border-radius:8px; margin-bottom:10px;}
.mana-img img{ width:100%;}

.management-C h3{ font-size:19px; text-transform:uppercase; margin:0px auto; color:#2f3568;}

.management-C h4{ font-size:15px; text-transform:uppercase; margin:5px auto;}

.management-C ul{ margin:0px auto; padding:0px 0px; list-style:none; padding-left:0px; display:table; margin-top:10px;}
.management-C ul li{ float:left; margin-left:5px; }
.management-C ul li a{ color:#fc8022;width:30px; height:30px; line-height:28px; border:1px solid #fc8022; text-align:center; border-radius:50%; display:block;transition: all .35s ease;}


.management-C ul li a:hover{transition: all .35s ease; background:#000000; border:1px solid #000;}


.formC{ background:url(../images/contact-bg.jpg); background-size:100% 100%; padding:30px; margin-bottom:40px;}

.c-left{ color:#FFFFFF;}
.c-left h3{ text-transform:uppercase; font-size:23px; margin:0px 0px 25px;}
.c-left ul{ margin:40px 0px 0px; list-style:none; padding:0px 0px;}
.c-left li{ margin-bottom:15px;}
.c-left li span{ width:40px; float:left;}
.adrs{ position:relative; padding-left:40px;}
.adrs:before{ left:0; width:26px; height:26px; background:url(../images/map.png); position:absolute; top:0; left:0; content:''; z-index:2;}
.c-left li a{ color:#FFFFFF;}


.right h3{ text-transform:uppercase; font-size:23px; margin:0px 0px 25px; color:#FFFFFF;}
.right h3 span{ margin-left:10px;}
.textBox{ border:1px solid #FFFFFF; border-radius:7px; height:40px; width:100%; padding-left:10px; margin-bottom:15px;}

textarea{ border:1px solid #FFFFFF; border-radius:7px; height:120px; width:100%; padding-left:10px; padding-top:10px; margin-bottom:15px;}

.right button{ padding:10px 15px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; border:none; cursor:pointer; background:#000000; border-radius:5px;transition: all .6s ease-in-out;}


.right button:hover{transition: all .6s ease-in-out; background:#fff; color:#000000;}

.right sup{ font-size:15px; color:#FF0000; top:-5px;}


.map-c{ background:url(../images/about-bg.jpg) repeat-x; padding-top:20px; padding-bottom:20px;}

.map-c h4{ background:#dadddf; color:#000000; margin:20px 0px 10px; font-size:17pt; padding:10px 45px 10px 10px; display:table;
clip-path: polygon(0 0, 100% 0, 85% 98%, 0 100%);}


.partner-p h3{ text-transform:uppercase; font-size:17px; text-transform:uppercase; font-weight:normal; margin:30px 0px 25px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.seevicesP{}

.seevicesP h3{ font-size:18px; text-transform:uppercase; font-weight:normal; margin:20px 0px 10px; color:#000000;}
.sv{ margin-bottom:30px;}

.service-image{ overflow:hidden;}
.service-image img{ width:100%;}
.sv h4{ font-size:17px; font-weight:bold; margin:10px 0px 5px;}

.sv  ul{ margin:20px 0px; list-style:none; padding:0px 0px;}
.sv  ul li{ position:relative; padding-left:25px; margin-bottom:10px;}
.sv  ul li:before{ position:absolute; left:0; width:19px; height:13px; background:url(../images/listing.png); content:''; top:5px;}




#intro-2 { background:url(../images/intro-2.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding:70px 0; background-attachment:fixed;  margin-top:0px; 
background-size:100%  auto; position:relative; overflow:hidden;
}

.service-btm{}
.service-btm h5{ color:#FFFFFF; text-transform:uppercase; font-size:20px; font-weight:normal; margin:0px 0px 20px;}

.service-btm  {}


.service-btm  ul{ margin:20px 0px; list-style:none; padding:0px 0px;}
.service-btm   ul li{ position:relative; padding-left:25px; margin-bottom:10px;}
.service-btm   ul li:before{ position:absolute; left:0; width:19px; height:13px; background:url(../images/listing-black.png); content:''; top:5px;}







.ctr{ margin:30px auto; max-width:600px; text-align:center;}


.service-text h3 span{ font-weight:normal; font-size:16px; color:#000000; text-transform:none;}

.st-1 h3{ font-weight:bold; background:#dbdbdb; display:table; padding:8px 12px; border-radius:7px; font-size:15px;}
.st-2 h3{ font-weight:bold; background:#dbdbdb; display:table; padding:8px 12px; border-radius:7px;font-size:15px;}
.sv h3{ font-weight:bold; background:#dbdbdb; display:table; padding:8px 12px; border-radius:7px;}

.service-text h5{ font-weight:bold; font-size:16px;}

.pageTitle h1 span{ margin-left:10px;}




.st-3 .service-image{ border-radius:50%; border:7px solid #FFFFFF;-webkit-box-shadow: 1px 3px 5px 0px rgba(50, 50, 50, 0.41);
-moz-box-shadow:    1px 3px 5px 0px rgba(50, 50, 50, 0.41);
box-shadow:         1px 3px 5px 0px rgba(50, 50, 50, 0.41);}

.st-3 h4{ font-size:20px}


.st-3{ margin-bottom:35px;}
.st-3 h3{ font-size:20px; font-weight:bold; background:url(../images/border-3.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:30px;}


.st-4 .service-image{ background:#ba7519; }
.st-4 .service-image img{ border-top-right-radius:85px;  border-bottom-left-radius:85px; border:2px solid #FFFFFF;}


.st-4 h3{ font-size:20px; font-weight:bold; background:url(../images/border-3.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:30px;}





@keyframes oxy-menu-rotx {
	from {
		opacity: 0;
		transform: rotatex(-10deg);
	}
	to {
		opacity: 1;
		transform: rotatex(0deg);
	}
}






#cssmenu ul ul ul {
	perspective: 800px;
	
	animation-duration:0.7s;

}
#cssmenu ul ul li:hover ul{
animation-name:jackInTheBox;
	animation-duration:0.7s;

	        -webkit-transform: scale(1);
			
		
}



#cssmenu ul ul li a{ display:block; overflow:hidden;}
#cssmenu ul ul li a:hover {

  transition: all .35s ease; color:#000000;
  }





@media (min-width: 1300px) {
.container {max-width: 1270px;

}
}






.cloud{ margin-top:50px; line-height:30px; margin-left:30px;}

.ip{ margin-top:50px; line-height:30px; margin-left:30px;}

.service-text p strong{ color:#ba7519; margin-right:5px;}

.b-g li{ width:300px!important}



.gray-sec .nbs-flexisel-nav-left{ display:none;}
.gray-sec .nbs-flexisel-nav-right{ display:none;}

.marg-top{ margin-top:60px;}


.lft-menu{ margin-left:-100%!important;}



.sr-image{ overflow:hidden; margin-bottom:30px;}
.sr-image img{ width:100%;}

.commu{ margin-bottom:30px;}


.ic-service{ text-align:center; color:#FFFFFF;}
.ic-service a{ background:#000000; padding:6px 10px; border-radius:2px; text-align:center; color:#ba7519; text-transform:uppercase; font-size:11px; display:table; margin:0px auto;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.ic-service  a:hover{ background:#FFFFFF; color:#000000;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.ic-service h3{ color:#FFFFFF; font-weight:bold; text-transform:none; font-size:19px;}

.ic-service p{ font-size:16px;}

.ic-service img {
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;
}
.ic-service:hover img {
  transform: rotate(360deg);
}


.cm{ margin-bottom:0px;}


.phoneC{ overflow:hidden; text-align:center; margin-bottom:30px;}

.ph-img{ overflow:hidden; margin-bottom:25px;}
.ph-img img{ width:100%;}

.phoneC:hover img {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
.phoneC img{
-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; width:100%;
}

.phoneC h4{ text-align:center; color:#ba7519; font-size:17px;}

.dk-top{ margin-bottom:30px;}

.srv-img05{ overflow:hidden;}
.srv-img05 img{ width:100%;}

.srv-img05{ border:2px solid #c4c4c4;}

.sv-65{ margin-bottom:35px;}

.srv6{ color:#FFFFFF;}

.srv6 h5{ text-transform:none; margin-top:35px;}

.srv06-imag-c{ overflow:hidden; text-align:right;}
.srv06-imag-c img{ max-width:100%;}


.web-collab{}

.web-collab .srv-img05{ border:none!important; margin-bottom:30px;}

.web-collab h3{ font-size:18px; color:#ba7519; font-weight:normal; padding:0px;  text-transform:none; background:none;}
.web-collab h4{ font-size:16px; color:#000; font-weight:600; padding:0px;  text-transform:none; background:none;}

.clb-img{ position:relative; overflow:hidden; margin-bottom:25px;}
.clb-img img{ width:100%;}
.cl-over{ background:rgba(230, 143, 26, 0.5); position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; color:#FFFFFF;}
.cl-over h3{ text-align:center; color:#FFFFFF; margin:0px auto; margin-top:200px;}


.grd-sec{ background:url(../images/grd.jpg); background-size:auto 100%; padding-bottom:25px; margin-bottom:45px;}

.cob-bottom{ margin-bottom:30px; text-align:center;}
.cob-bottom h5{ font-size:19px;  color:#ba7519; margin:0px 0px 20px;}

.mobility-icon-C{ text-align:center; padding:20px;}
.mob-icon-img{ margin-bottom:20px; overflow:hidden;}
.mob-icon-img img{ max-width:100%;}

.voice-R{ margin-top:20PX;}


.simply-scroll{ max-height:120px;overflow:hidden;}
.client-C img{ max-width:150px;}


.lr-menu li{ min-width:290px;}
.lr-menu2 li{ min-width:230px;}

.whats-aap{position:fixed;overflow:hidden;bottom:80px; left:auto;right:0px;text-align:center; z-index:150;}.whats-aap-ic{width:80px;height:auto;margin:0 auto;text-align:center;display:table}.whats-aap img{width:70%;border-radius:50%}.whats-aap h5{padding:8px 13px;border-radius:4px;background:#359704;color:#fff;font-weight:700;margin:10px auto;margin-bottom:0;font-size:11px;display:table;text-align:center}

.formC .right h4{ float:left; margin-left:20px; text-transform:capitalize; font-size:18px; margin-top:5px;}
.tp-txt{ overflow:hidden;}
.tp-txt h3{ float:left;}

.tp-txt h4 a{ color:#FFFFFF;}
.tp-txt h4 .fa{ margin-right:8px;}


.partners-section{ margin-top:40px;}

.cust{ margin-top:40px;}

.meeting{}


.meeting  {
  background-color: #ff0000;
  border-radius: 0px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 14px; text-transform:uppercase;
 display:table;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 2500ms infinite;
  -moz-animation: glowing 2500ms infinite;
  -o-animation: glowing 2500ms infinite;
  animation: glowing 2500ms infinite; text-shadow:1px 1px #000; margin-top:-10px;
}

.meeting span{ padding: 6px 17px; border:1px dashed #FFFFFF; display:block; margin:5px;}
.meeting .fa{ margin-right:8px;}
.meeting:hover{ background:#d70606; color:#fff!important;}

/*@-webkit-keyframes glowing {
  0% { background-color: #e74c3c; -webkit-box-shadow: 0 0 3px #ecf0f1; }
  50% { background-color: #e74c3c; -webkit-box-shadow: 0 0 20px #ecf0f1; }
  100% { background-color: #e74c3c; -webkit-box-shadow: 0 0 3px #ecf0f1; }
}

@-moz-keyframes glowing {
   0% { background-color: #e74c3c; -webkit-box-shadow: 0 0 3px #ecf0f1; }
  50% { background-color: #e74c3c; -webkit-box-shadow: 0 0 20px #ecf0f1; }
  100% { background-color: #e74c3c; -webkit-box-shadow: 0 0 3px #ecf0f1; }
}

@-o-keyframes glowing {
   0% { background-color: #e74c3c; -webkit-box-shadow: 0 0 3px #ecf0f1; }
  50% { background-color: #e74c3c; -webkit-box-shadow: 0 0 20px #ecf0f1; }
  100% { background-color: #e74c3c ;-webkit-box-shadow: 0 0 3px #ecf0f1; }
}

@keyframes glowing {
   0% { background-color: #e74c3c; -webkit-box-shadow: 0 0 3px #ecf0f1; }
  50% { background-color: #e74c3c; -webkit-box-shadow: 0 0 20px #ecf0f1; }
  100% { background-color: #e74c3c; -webkit-box-shadow: 0 0 3px #ecf0f1; }
}
*/



.fax-bottom{ margin-top:30px;}

.fax-img1{ overflow:hidden; margin-bottom:0px; border:1px solid #CCCCCC; padding:35px;}
.fax-img1 img{ width:100%;}



.slideC .partners-section{ position:absolute; bottom:0px; left:0; right:0; margin:0px auto; z-index:20; background:#fff; padding-top:0px;}


.slideC .simply-scroll {
  max-height: 60px;
}



.gray-sec .simply-scroll {
  max-height: 65px;
  overflow: hidden;
  padding-top: 1px;background:#fff;
}


.client-C img{ max-width:80px;}

.client-C{border:0px;}

#particles-js{z-index:10!important;}
#intro{margin-top:0px;}

.gray-sec{padding-bottom:0px;}
.partners-section {
  margin-top: 0px;
  max-height: 53px;
}

.home-about{padding-bottom:35px;}

.pageTitle h1{float:left;}
.titlle-logo{overflow:hidden;margin:0px 0px;padding:0px 0px;list-style:none; margin-left:30px;float:left;margin-top:-20px;margin-bottom:30px;}
.titlle-logo li{float:left;margin-right:10px;}
.titlle-logo img{width:100px;}

.communi{overflow:hidden;margin:20px 0px}
.communi img{max-width:100%}



.mitel-img{display:flex;margin:30px 0px;}
.mtl-image{overflow:hidden;margin-right:15px; max-width:250px;border:1px solid #ccc;padding:20px;}
.mtl-image img{width:100%;}

@media all and (max-width: 760px) {
    
    .titlle-logo{float:none;margin-top:20px;margin-left:0px;}
.pageTitle h1{float:none;}
 
 .fax-img1{ padding:5px;}
	 #intro{ margin-bottom:0px;}
.cust{ margin-top:30px;}
.home-about{ padding-bottom:0px;}
 
 .formC .right h4{ margin-left:0px; font-size:15px; margin-bottom:15px;}
 .formC h3{ margin-bottom:10px;}
 
 .srv6 h5{ margin-top:0px;}
 .srv06-imag-c { margin-top:25px;}
 
 .ic-service{ margin-bottom:35px;}
 
 .lft-menu{ margin-left:0px!important;}
 
 .fix-height{ max-height:500px; overflow-y:scroll}

.cloud{ margin-top:0px; margin-left:0px; line-height:normal;}

.ip{ margin-top:0px; margin-left:0px; line-height:normal;}


.innerPage p {
    font-size: 15px;
    line-height: 24px;
}
 
 .logoC { display:block; position:relative; z-index:250;}
 .logoC  img{ width:100%!important; margin:5px 0px!important; position:relative; z-index:210;}
 .top-contact{ position:relative; z-index:210;}
	
	.menu-button {
    background: rgba(0, 0, 0, 0) url("../images/menu-btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 18px;
    position: relative;
    width: 34px;
    z-index: 1000;
}
#cssmenu > ul > li{ margin-left:0px;}
#cssmenu > ul > li a{ padding:8px!important;}
#cssmenu > ul > li{ padding:0px!important;}
#cssmenu > ul > li a.active{ border:none;}

#cssmenu #menu-button{ top:-4px;}
#cssmenu ul{ margin-top:38px;}

#cssmenu > ul ul{ margin-top:0px;}
#cssmenu ul ul li a{ font-size:12px; text-transform:capitalize;}

#cssmenu{ top:5px;}
#cssmenu #menu-button{ background:none;}



#cssmenu #menu-button::before{ background:#ff000a;}

#cssmenu #menu-button::after{ border-top:2px solid #ff000a; border-bottom:2px solid #ff000a;}

#cssmenu ul{ margin-top:35px!important; }
#cssmenu ul ul{ margin-top:0px!important;background:#a7bf23;}
#cssmenu ul{ padding:0px; border-bottom-right-radius:2px; border-bottom-left-radius:2px;}

#cssmenu ul{ background:#404040;}
		#cssmenu li a{ border-top:1px solid #373636!important;}

	#cssmenu li ul   a{ border-bottom:1px solid #373636!important; border-top:none!important;}

#cssmenu > ul > li a{ padding:15px!important;}

.fix-height{}
#cssmenu > ul > li:first-child {  background:none!important;}

#cssmenu > ul > li a.active{ border-left:5px solid #f039a7; }
#cssmenu > ul > li a{ padding-left:18px!important;}
#cssmenu > ul  ul li a{ padding-left:35px!important; position:relative;}

#cssmenu > ul  ul li a:before{ content:'\f105'; font-family:FontAwesome; position:absolute; left:25px; color:#FFF;}

#cssmenu ul{ margin-top:38px!important;}
#cssmenu ul{  width:102%;}
#cssmenu ul ul li{ border-bottom:none;}

#cssmenu ul ul li{ line-height:22px;}

#cssmenu{ margin-top:2px!important;}
#cssmenu > ul > li{ font-size:12px!important;}
#cssmenu ul ul{ padding-top:0px!important;}
#cssmenu > ul > li a.active{ border-left:0px;}


#cssmenu > ul > li a:hover{color:#930033;}

.header .social-media li{ margin-right:5px;}
.top-menu{ margin-bottom:8px;}
.header{ padding:9px 0px;}




.nivo-caption h1{ font-size:20px;}
.nivo-caption h2{ font-size:20px; }
.nivo-caption h3{ font-size:12px;}

.time{ font-size:11px;}

#intro1 h2{ font-size:20px;}

#cssmenu{ top:0; margin-top:15px!important;}







#cssmenu .submenu-button{ top:9px;}

#cssmenu > ul > li a.active{ border-left:3px solid #e68f1b;}

#cssmenu ul ul{border-top: 1px solid #373636 !important;}

#cssmenu ul ul li{ height:auto;}


.top-contact{ margin-top:0px;}
.tp-em{ display:none;}
.logoC{ margin-top:0px;}

.header { background:#000000!important; padding:10px 0px; border:none; z-index:50;}
.logoC img{ width:55px!important; margin:0px 0px!important;}
.top-contact h5{ margin-right:50px; font-size:14px; margin-top:6px;}
#cssmenu {
    top: 0;
    margin-top: 13px !important;
}

.slideC{ margin-top:45px; margin-bottom:0px;}
.top-contact{ float:none;}


.sol-left{ margin-top:0px;}
.sol-left h2{ font-size:30px;}
.sol-left p{ font-size:14px;}
p{ font-size:14px;}



.s1, .s2, .s3, .s4, .s4, .s5, .s7{ position:static;}
.flip-card{ margin:0px auto;}
.service-bx{ margin-bottom:25px;}

.sm1, .sm2, .sm3{ display:none;}

.srv-des-out{ padding:30px 0px;}
.srv-left{ display:none;}

#intro{ padding:30px 0px;}
.home-about{ margin-bottom:0px;}
#intro{ background-size:400% 400%;}
.srv-section h2{ font-size:25px; color:#FFFFFF; text-align:center; margin-bottom:25px;}
.srv-section h2 br{ display:none;}
.srv-section h2 span{ color:#FFFFFF;}

.sub-title{ margin-bottom:15px;}
.sub-title h2{ font-size:30px;}

.about-img{ margin-bottom:25px}

.about-txt{ width:100%;}
.partners{ margin-top:20px;}

.partners .col-12 {
    flex: 0 0 50%;
    flex: 0 0 50%;
}


.f1, .f2, .f3, .f4, .f5{flex: 0 0 100%;
max-width: 100%;}

.footer-logo img{ max-width:100px;}

footer{ padding-top:30px;}
.top-contact{ margin-top:1px!important;}
.top-contact h5{ float:right;}

.slide-dis{ display:none;}
.sol-txt::before { width:18px;}
.sol-txt{ padding-left:26px;}
.home-about{ background:#eff3f6; padding-top:30PX;}
.nivo-controlNav{ bottom:-27px;}

.pageTitle h1{ font-size:30px; margin-bottom:15px;}
.vs-b{ width:100%;}
.vs-ic{ width:100px; text-align:center; margin:0px auto; display:table; margin-bottom:10px;}
.management-C h3{ font-size:18px;}
.management-C h4{ font-size:16px;}
.service-image{ margin-bottom:15px;}

#intro-2 {
    background-size: 500% auto;
}

.formC{ padding:0px; background:none;}



.c-left{background:#000; padding:20px;}

.right{background:#ba7519; padding:20px;}

.formC h3{ font-size:20px; margin-bottom:15px; font-weight:bold;}
.formC{ margin-bottom:0px;}
.innerPage{ margin-bottom:30px;}


.map-c h4{ font-size:20px;}

.partner-p .col-lg-2{flex: 0 0 50%;
max-width: 50%;}


.partner-p h3{ margin:15px 0px 10px;}
.bannerC{ margin-top:40px; margin-bottom:15px;}
.pageTitle h1{ font-size:25px;}

.meeting span {
  padding: 3px 8px;
  border: 1px dashed #FFFFFF;
  display: block;
  margin: 5px;
  font-size: 12px; background:none
}

.meeting{ background:none;}
.top-contact h5{ margin-right:0px;}
.top-contact h5{ float:left;}
.top-contact h5:nth-child(2) {
  margin-left: 3px;
}

.header .row{ margin:0px -3px;}
.header .col-9{ padding:0px 3px;}
.header .col-3{ padding:0px 3px;}
.top-contact h5 {

  font-size: 12px;

}
.meeting span{font-size: 12px;}

.top-contact {

  margin-left: -18px;
}

.meeting .fa{ display:none;}
.top-contact h5:nth-child(1) {
  margin-left: 0px;
}

.partners-section{position:static;margin-top:20px;}

.slideC .partners-section{position:static;}
}