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

  
  
  @font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../font/ProximaNova-Regular.woff2') format('woff2'),
        url('../font/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Cn Th';
    src: url('../font/ProximaNovaCond-ThinIt.woff2') format('woff2'),
        url('../font/ProximaNovaCond-ThinIt.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Alt Rg';
    src: url('../font/ProximaNovaA-Bold.woff2') format('woff2'),
        url('../font/ProximaNovaA-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Alt Lt';
    src: url('../font/ProximaNovaA-LightIt.woff2') format('woff2'),
        url('../font/ProximaNovaA-LightIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Alt ExCn Rg';
    src: url('../font/ProximaNovaAExCn-BoldIt.woff2') format('woff2'),
        url('../font/ProximaNovaAExCn-BoldIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Alt ExCn Th';
    src: url('../font/ProximaNovaAExCn-Thin.woff2') format('woff2'),
        url('../font/roximaNovaAExCn-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'proxima_nova_altblack';
    src: url('../font/mark_simonson_-_proxima_nova_alt_black-webfont.woff2') format('woff2'),
         url('../font/mark_simonson_-_proxima_nova_alt_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_nova_altbold';
    src: url('../font/mark_simonson_-_proxima_nova_alt_bold-webfont.woff2') format('woff2'),
         url('../font/mark_simonson_-_proxima_nova_alt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h2{      font-family: 'proxima_nova_altbold';
}*/
  
  
  
  
  @import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
  
 body{  padding:0px 0px; margin:0px 0px;  
font-family: 'Montserrat', sans-serif;  }


 
 p{ font-weight:400;}
 .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:#fff;   position:fixed; padding-top:10px; 

}


 .header.scroll_css {

	margin: 0;

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

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

}


.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:#000; 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; max-width:70%;}
.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;  }

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


#cssmenu > ul > li:first-child{ padding-left:0px; }
#cssmenu > ul > li a{ color:#000;  font-size:13px; padding:5px 0px 25px; text-transform:uppercase; position:relative; padding-left:20px; font-weight:bold;}
#cssmenu > ul > li a:before{ width:8px; height:8px; position:absolute; left:0; top:10px; content:'';}



#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:10px; margin-bottom:0px;}
#cssmenu{ float:right;}


#cssmenu ul ul{ background:#ed202e; margin-top:22px;}
#cssmenu ul ul li{ border-bottom:1px solid #40bfd2; 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: 20px;
height: 4px;
border: 1px solid #fff;

margin-bottom: 5px;
margin: 25px 25px; background:#fff; opacity:0.8;
}
.slider-area.style-2  .nivo-controlNav a::before {
width: 20px;
height: 4px;
border: 1px solid #fff;

margin-bottom: 5px;
margin: 25px 25px; background:#fff; opacity:1;}
    
.slider-area.style-2 .nivo-controlNav a::before {
    width: 20px;
    height: 4px;
    border: 1px solid #fff;
    margin-bottom: 5px;
    margin: -4px 25px;
    background: #fff;
}

.slider-area.style-2 .nivo-controlNav a {
    width: 43px;
    height: 4px;
    border: 1px solid #fff;
    margin-bottom: 5px;
    margin: 12px 17px;
    background: #fff;
}



.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; }

.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:5%;}







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

.slideC{ color:#FFFFFF; text-align:left; position:relative;    }

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





.slide-dis{ position:relative;  color:#FFFFFF; font-size:18px;}
.slideC  h1{ font-size:60px; text-transform:none; font-weight:200!important;; color:#FFFFFF;}

.slideC  p{ font-size:60px; color:#eb2706; font-weight:800; line-height:30px;}
/*.slide-dis:before{ position:absolute; left:0; top:5px; background:url(../images/box.jpg); width:33px; top:-5px; height:33px; content:'';}
*/

#particles-js{ z-index:1!important;}

.nivo-controlNav{ z-index:50;}
.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%;}





.tp-social-c{ overflow:hidden;}
.top-social { float:right;}
.top-social ul{ list-style:none; margin:0px 0px; padding:0px 0px; float:left; margin-right:10px;}
.top-social li{ float:left; margin-left:5px;}
.top-social li a{ color:#e9290b; font-size:24px;}

.get-touch{  text-transform:uppercase; font-size:16px; font-weight:700; padding:5px 0px 5px ; color:#000!important; margin-left:10px; border-radius:3px; display:table;}
.get-touch:hover{ color:#fff;}

.get-touch .fa{ width:30px; height:30px; line-height:30px; text-align:center; margin-right:15px; background:#2f9d24; color:#fff; border-radius:50%; font-size:17px;}



.abt-btm{ border-top:1px solid #2d2d2d; margin-top:50px; padding:10px 0px;}
.abt-btm a{ font-size:14px; font-weight:bold; text-transform:uppercase; color:#eb2706;}
.abt-btm .fa{ margin-left:10px;}



#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;
}

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


.home-abt{ color:#FFFFFF; padding:50px 0px;}

.home-abt h2{ font-weight:100; font-size:48px; margin:0px 0px; line-height:25px; margin-bottom:30px;}

.home-abt h2 span{ font-size:14px; font-weight:normal;}
.home-abt p{ font-variant:normal; font-size:15px; line-height:22px; font-weight:300;}

.home-abt h3{ font-size:36px; margin:0px 0px 30px;}

.hm-abt-txt{ margin-bottom:50px;}

.vs-C h4{ font-size:20px; text-transform:uppercase;}



.hm-img{ overflow:hidden;}
.hm-imgimg{ overflow:hidden;}




.slideC h1{  color:#FFFFFF; text-transform:uppercase; font-size:18px; color:#2f2d79; font-weight:bold!important;  margin:0px 0px;}

.slideC h2{ text-transform:uppercase; font-size:30px; color:#000; font-weight:900; text-transform:uppercase;margin:0px 0px;}
.slideC h3{ text-transform:uppercase; font-size:14px; color:#2f2d79; font-weight:normal; text-transform:uppercase; border-top:1px solid #828284; display:table; padding-top:10px;}
.slideC  .sld-cap a{ background:#fdd109; padding:10px 15px; color:#2f2d79; text-transform:uppercase; font-weight:bold; border:none;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; margin-top:10px;}


.slideC  .sld-cap a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#000000; color:#FFFFFF;}
/*home-about*/


.home-aboutus{ padding:65px 0px;}
.about-image{ padding:30px 30px 30px 0px; }

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



.about-right{ margin-top:50px;}


.home-aboutus h2{ font-size:30px; text-transform:uppercase; margin:0px 0px 10px;}
.home-aboutus h3{  font-size:52px; font-weight:900; margin:0px 0px 35px; line-height:25px;}


.home-aboutus h3{  font-size:52px; font-weight:900; }

.home-aboutus  p{ font-size:16px; line-height:22px; color:#656464;}

.home-aboutus a{ background:#ee3124; padding:10px 20px; color:#FFFFFF; border-radius:10px; display:table; margin-bottom:10px; font-size:14px;}
.home-aboutus h4{font-size:20px; font-weight:900; margin:10px 0px; text-transform:uppercase;}









 /*gallery*/

.evtC {
  overflow: hidden;
  margin-bottom: 30px;

}
.grid {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  list-style: none;
}
figure.effect-oscar {
  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}
.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}
figure.effect-oscar figcaption {
  padding: 3em;
 /* background-color: rgba(58,52,42,0.7);*/
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}
.grid figure figcaption, .grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


.grid {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	list-style: none;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;

	
	
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure  a{ color:#fff; }


.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size:25px; margin-top:20%;
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: rgba(255,255,255,0.8);
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

figure.effect-roxy img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-roxy h2 {
	padding: 30% 0 10px 0;
}

figure.effect-roxy p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	/*background: #9e5406;*/
}

figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Romeo *****/
/*---------------*/

figure.effect-romeo {
	-webkit-perspective: 1000px;
	perspective: 1000px;
}

figure.effect-romeo img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,300px);
	transform: translate3d(0,0,300px);
}

figure.effect-romeo:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-romeo figcaption::before,
figure.effect-romeo figcaption::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-romeo:hover figcaption::before {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
	transform: translate3d(-50%,-50%,0) rotate(45deg);
}

figure.effect-romeo:hover figcaption::after {
	opacity: 0.5;
	-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
	transform: translate3d(-50%,-50%,0) rotate(-45deg);
}

figure.effect-romeo h2,
figure.effect-romeo p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-romeo h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-150%,0);
}

figure.effect-romeo p {
	padding: 0.25em 2em;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0);
	transform: translate3d(0,-50%,0) translate3d(0,150%,0);
}

figure.effect-romeo:hover h2 {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,-100%,0);
}

figure.effect-romeo:hover p {
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0);
	transform: translate3d(0,-50%,0) translate3d(0,100%,0);
}

/*---------------*/
/***** Layla *****/
/*---------------*/

figure.effect-layla {
	background: #18a367;
}

figure.effect-layla img {
	height: 390px;
}

figure.effect-layla figcaption {
	padding: 3em;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 26%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*---------------*/
/***** Honey *****/
/*---------------*/

figure.effect-honey {
	background: #4a3753;
}

figure.effect-honey img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-honey:hover img {
	opacity: 0.5;
}

figure.effect-honey figcaption::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-honey h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey h2 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-honey figcaption::before,
figure.effect-honey h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Oscar *****/
/*---------------*/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding:20px;
/*	background-color: rgba(58,52,42,0.7);*/
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	border: 1px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	margin: 20% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
	opacity: 0.4;
}

/*---------------*/
/***** Marley *****/
/*---------------*/

figure.effect-marley figcaption {
	text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
	position: absolute;
	right: 30px;
	left: 30px;
	padding: 10px 0;
}


figure.effect-marley p {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-marley:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-marley h2::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Ruby *****/
/*---------------*/

figure.effect-ruby {
	background-color: #17819c;
}

figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

/*---------------*/
/***** Milo *****/
/*---------------*/

figure.effect-milo {
	background: #2e5d5a;
}

figure.effect-milo img {
	max-width: none;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1em 1.2em;
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 50%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Dexter *****/
/*---------------*/

figure.effect-dexter {
	background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
	background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); 
}

figure.effect-dexter img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-dexter:hover img {
	opacity: 0.4;
}

figure.effect-dexter figcaption::after {
	position: absolute;
	right: 30px;
	bottom: 30px;
	left: 30px;
	height: -webkit-calc(50% - 30px);
	height: calc(50% - 30px);
	border: 7px solid #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}

figure.effect-dexter:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-dexter figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-dexter p {
	position: absolute;
	right: 60px;
	bottom: 60px;
	left: 60px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
}

figure.effect-dexter:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Sarah *****/
/*---------------*/

figure.effect-sarah {
	background: #42b078;
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h2 {
	float: left;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #252d31;
}

figure.effect-zoe p.description {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

 
 
 
 .grid figure p {
	letter-spacing: 1px;
	font-size:15px; margin-top:23%;
}



.services{ background:#9c252f; padding:60px 0px}


.services h2{ font-size:50px; font-weight:900; margin:0px auto; display:table; margin-bottom:35px;}
.services h2 span{ display:table; padding-left:150px; position:relative; padding-right:150px;}

.services h2 span:before{ background:#bbbbbb; height:1px; width:130px; position:absolute; left:0; content:''; left:0; top:40px;}

.services h2 span:after{ background:#bbbbbb; height:1px; width:130px; position:absolute; right:0; content:''; left:auto; top:40px;}

.evtC img{ width:100%;}


.evtC .grid{ padding:15px; border:2px solid #ccab91; overflow:hidden; margin-bottom:15px;}


.grid figure img{ width:100%; max-width:none;}


.grid figure { width:100%;}
.grid figure {
    width: 100%;
    margin-bottom: 0px;
}


.plus-btn{ color:#fff; text-transform:uppercase; font-weight:bold;}
.plus-btn .fa{ background:#000; padding:10px; color:#FFFFFF; margin-right:10px;}











/*home-srv*/


.home-servs{ overflow:hidden; padding:40px 0px; background:url(../images/service-bg.jpg) no-repeat bottom; background-size:100% auto;}

.home-servs h2{ font-size:45px; font-weight:200; margin:0px 0px 30px;}
.hm-srvC{ position:relative; overflow:hidden;}

.hm-srvC{ margin-bottom:30px;}

.hm-srv-title{ position:absolute; bottom:0;  left:0; right:0;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.hm-srv-title span{ background:#ba2a24; text-align:center; color:#05003b; font-size:18px; width:10%; 
font-weight:bold; padding:10px; display:block;padding:px; float:left;    padding: 7.5px;
}


.hm-srv-title h3{ background:#ba2a24; text-align:center; margin:0px 0px; color:#FFFFFF; font-size:17px; font-weight:bold; display:block;
 padding:11px; width:89.5%; font-variant:800; text-transform:uppercase; float:right;}

.hm-srv-overlay{ position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(235, 39, 6, 0.7); padding:30px; color:#FFFFFF; text-align:center;  height:-0%; opacity:0;}
.hm-srv-overlay a{ color:#fff; text-transform:uppercase; padding:8px 10px; background:#05003b;}

.hm-srv-overlay h4{ font-size:18px; text-transform:uppercase;padding-top:75px; margin:0px 0px 5px;}


.hm-srvC{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.hm-srv-overlay{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.hm-srv-overlay p{ font-size:14px; font-weight:400;}

.hm-srvC:hover .hm-srv-overlay{ -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; height:100%;opacity:1;}


.hm-srvC:hover .hm-srv-title{opacity:0;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

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


/*projects*/



.projects{ padding:60px 0px;}
.projects .evtC .grid{ padding:0px; border:none;}

.project-top{ margin:25px auto; display:table; width:70%; text-align:center;}



.projects h2{ font-size:52px; font-weight:900; margin:0px auto; display:table;}
.projects h2 span{ display:table; padding-left:150px; position:relative; padding-right:150px;}

.projects h2 span:before{ background:#bbbbbb; height:1px; width:130px; position:absolute; left:0; content:''; left:0; top:40px;}

.projects h2 span:after{ background:#bbbbbb; height:1px; width:130px; position:absolute; right:0; content:''; left:auto; top:40px;}

.prj-sec{ margin:0px -2px;}
.prj-sec .col-lg-4{ padding:0px 2px;}
.prj-sec .evtC {
    overflow: hidden;
    margin-bottom: 0px;
}

.prj-sec .evtC  .grid {

    margin-bottom: 4px;
}


.red-btn{ padding:10px 25px; background:#ee3124; color:#FFFFFF; border-radius:10px; margin:20px auto; display:table;}

.red-btn:hover{ color:#FFFFFF;}
.projects .red-btn{ p}

.bordr-btn-C{ position:relative; margin:0px auto;display:table; padding:0px 130px;}
.bordr-btn-C:before{ background:#bbbbbb; height:1px; width:130px; position:absolute; left:0; content:''; left:0; top:40px;}

.bordr-btn-C:after{ background:#bbbbbb; height:1px; width:130px; position:absolute; right:0; content:''; left:auto; top:40px;}





.why-we{ background:url(../images/why-we-are.jpg) no-repeat;background-size:100% auto; padding:40px 0px; }

.why-we h2{ font-size:52px; font-weight:900; margin:0px 0px 20px; display:table;}
.why-we p{ font-size:16px; line-height:22px;}


.cliennt-C{ overflow:hidden; margin-bottom:30px;}

.cliennt-C
.cliennt-C img{ width:100%;}

.cliennt-C {
      position:relative; margin-bottom:30px; padding:2px; overflow:hidden;


}
.cliennt-C img{ width:100%;}
.cliennt-C:before {
    content:'';
    position:absolute; background:url(../images/border-top.png) left  top no-repeat; width:24px; height:24px;
   
}
.cliennt-C:after {
    content:'';
    position:absolute; background:url(../images/border-bottm.png) bottom  right no-repeat; width:24px; height:24px; bottom:0; right:0;
   
}




.clients h2{ font-size:52px; font-weight:900; margin:0px auto; display:table; margin-bottom:70px;}
.clients h2 span{ display:table; padding-left:150px; position:relative; padding-right:150px;}

.clients h2 span:before{ background:#bbbbbb; height:1px; width:130px; position:absolute; left:0; content:''; left:0; top:40px;}

.clients h2 span:after{ background:#bbbbbb; height:1px; width:130px; position:absolute; right:0; content:''; left:auto; top:40px;}



.cl-5{ width:20%; float:left;    padding-right: 15px;
    padding-left: 15px;}



.testimonial{ margin:40px 0px;}



.testimoni-bx{ background: url(../images/quote.png) #ea584f; padding:40px; color:#FFFFFF; margin-top:0px; background-repeat:no-repeat; background-position:50px 20px;}

.testimoni-bx h4{ font-size:17px; margin:12px 0px 0px; font-weight:700;}
.testimoni-bx h5{ font-size:14px; margin:0px 0px; font-weight:400;}
.testi-img{ overflow:hidden; border-radius:50%; border:3px solid #FFF; width:80PX; height:80px;}
.testi-img img{ width:100%;}

.testimonial h2{ margin-bottom:40px;}






#intro2 { background:url(../images/team.jpg) no-repeat no-repeat 100% 100%;
    margin: 0 auto;
    min-height: 340px;
    width: 100%;
    position: relative;
    height: 100%;
    padding: 80px 0;
    background-attachment: fixed;
    margin-top: 0px;
    color: #000;
}


.home-team-bx{ background:rgba(0, 0, 0, 0.8); color:#FFFFFF; padding:60px;}

.home-team-bx a{ margin-left:0px;}


.home-team-bx h2{ font-size:52px; font-weight:800; margin:0px 0px 10px display:table;}





/*ceo*/

#intro3 {
    background: url(../images/ceo-bg.jpg) no-repeat no-repeat 100% 100%;
    margin: 0 auto;
    min-height: 340px;
    width: 100%;
    position: relative;
    height: 100%;
    padding: 60px 0;
    background-attachment: fixed;
    margin-top: 0px;
    color: #000;
}
.ceoBx {
    position: relative; text-align:center;
}
.ceo-img {
    overflow: hidden;
    border: 6px solid #e4e4e4;
    border-radius: 8px;
    margin-bottom: 20px;
}
.ceo-img img {
    width: 100%;
}
.ceo-arrow {
    position: absolute;
    top: 35%;
    right: -16px;
}
.ceo-arrow img {
    width: auto;
}
.ceoBx h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0px; color:#eb2706;
}
.ceoBx h4 {
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0px; color:#000; opacity:0.6;
}
.ceoBx {
    position: relative;
}
.ceo-right {
    padding-left: 25px;
}
.ceo-right h2 { font-size:40px; font-weight:200; margin:0px 0px 10px; overflow:hidden;
}
.ceo-txt {
    font-size: 16px;
    font-weight: bold; margin-top:30px;
}
.ceo-txt {
    position: relative;
    padding: 30px 0px;
    display: table; font-weight:400;
}
.ceo-txt:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 25px;
    height: 16px;
    background: url(../images/ceo-before.png);
}

.ceo-txt:after {
    position: absolute;
    right: 0;
   bottom: 0;
    content: '';
    width: 25px;
    height: 16px;
    background: url(../images/ceo-before.png);
}











a:hover{ text-decoration:none;}

.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; display:none;

}

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

.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; background:url(../images/abt-img-right.png) top left no-repeat; padding:20px;}
.about-img img{ width:100%;border-radius:6px; border:5px solid #FFFFFF;    box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.07);}
.about-txt{ width:85%;}
.about-img{ border:14px solid #FFFFFF; border-radius:6px;}
.about-txt h3{ margin:15px 0px 5px; font-size:17px; color:#2f9d24; 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
}

footer{ background:#222222;background-size:100% auto; padding-top:60px; color:#FFFFFF; 
padding-bottom:0px; font-size:14px;}


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:18px; margin:0px 0px 15px; font-weight:900;}
footer ul{ list-style:none; margin:0px 0px; padding:0px 0px; margin-bottom:30px;}
footer ul li{ line-height:25px;}

footer ul li a:hover{ color:#eb2706;}


.footer-logo{ overflow:hidden;}
.footer-logo img{ max-width:70%;}

.f1{flex: 0 0 25%;max-width: 25%;}

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

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

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

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

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

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


.copy-right{  color:#FFFFFF; padding:25px 0px; background:#414141; margin-top:40px;}
.copy-right p{ margin-bottom:0px;}
.copy-right p img{ margin-left:5px;}

footer  .share-c li{ float:left; margin-left:10px; font-size:24px;}

.ftr-social{ float:left;}
.ftr-social h4{ float:left; font-size:15px; margin:5px 0px;}
.ftr-social ul{ float:left;}

.cts-ic .fa{ font-size:18px; margin-right:10px;}




.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;
}




.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:0px; }



#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;}





.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;
  }

.vsion-ic{ overflow:hidden; width:80px; margin-bottom:30px;}
.vsion-ic img{ overflow:hidden; width:100%;}

.vis{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #CCCCCC;}

.top20{ margin-top:80px;}


.vis {
    margin-bottom: 20px;
    padding-bottom: 20px;
    min-height: 342px;}

@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:100%}


.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 {

  overflow: hidden;
  padding-top: 1px;background:#fff;
}


.client-C img{}

.client-C{border:0px;}

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

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

}

.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%}



.inner-banner{ position:relative; color:#FFFFFF; overflow:hidden; }
.inner-banner img{ width:100%;}
.banner-title{ position:absolute;  left:0; right:0; bottom:50px;}
.banner-title h1{ font-size:35px; font-weight:bold;}

.inner-p{ margin-bottom:50px;}


.cust{ margin:50px auto; width:70%; text-align:center;}

.vs-sec{ text-align:center;}
.vs-ic{ margin-bottom:40px;}
.vs-sec h3{ text-transform:uppercase; margin:0px 0px 30px; font-weight:bold; font-size:20px;}

.abt5 h2{ margin-top:60px;}

/*CONTACT*/


.contact-bx{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.contact-bx:hover {
  background: #70767a;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#FFFFFF;
}
 
 
  .contact-bx a{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
 .contact-bx:hover a {
-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#FFFFFF;
}


.submit-btn{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.submit-btn:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;  background: #2f9d24; cursor:pointer;}



.yellow-btn{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.yellow-btn:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#fff; color:#fba41a;}





.srv-outer img {

-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.srv-outer:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/*contact-page*/


.page-title{ margin:35px 0px;}
.cts h1 {
    font-size: 18px;
    color: #333;
    margin: 0px auto;
    display: table;
    text-align: center;
    margin-bottom: 50px; text-transform:uppercase; margin-bottom:40px;
}

.cts h1 b {
    font-size: 40px;
    font-weight: bold; text-transform:capitalize;
    color: #000;
}


.contact-bx{ margin-bottom:30px; border-radius:10px; text-align:center; border:1px solid #e6f7f5;box-shadow: 0 8px 30px rgba(0,0,0,.06); padding:30px; color:#333;}
.contact-bx a{ color:#333;}
.contact-bx h3{ font-size:20px; font-weight:bold;}

.contact-bx .fa{ width:60px; height:60px; line-height:60px; background:#fff;  text-align:center; border-radius:50%; 
font-size:25px; margin-bottom:30px; color:#525fe1;}

.contact-bx ul{ line-height:22px; margin:0px auto; padding:0px 0px; list-style:none;}


.textBox{ height:50px; border:1PX solid #FFF; background:#FFF!IMPORTANT; color:#000000!IMPORTANT; padding-left:10px; margin-bottom:20px; width:100%; border-radius:5px;}

.textArea{ height:150px;border:1PX solid #FFF; background:#FFF!IMPORTANT; color:#000000!IMPORTANT; padding-left:10px; margin-bottom:10px;  width:100%;border-radius:5px;}

.submit-btn{ background:#000000; padding:10px 30px; color:#FFF; border:none;border-radius:5px;}

.gmap{ margin-top:50px;}
.gmap iframe{ width:100%; height:400px; border:none;}

.bx-1{ background:#edeffc;}

.bx-2{ background:#fff2ee;}


.bx-3{ background:#fff6e8;}


.bx-4{ background:#edeffc;}


.sld-cap{ margin-top:25%;}
.cap-inner-box{ }
.slideC h1{ margin-top:0px;}

.nivo-controlNav {
    z-index: 50;
    z-index: 5000;
    display: table;
    margin: 0px auto;
}.nivo-controlNav {
    bottom: -2%;
}



.pro-bt-out{ margin:0px auto; position:relative; display:table; margin-top:-2px;}
.pro-bt-out .bordr-btn-C a{ margin:0px auto;}
.pro-bt-out .bordr-btn-C:before{ display:none;}
.pro-bt-out .bordr-btn-C:after{ display:none;}

.pro-bt-out .bordr-btn-C{ position:absolute; margin:0px auto; display:table; left:0; right:0; bottom:-19px; }
.clients{ padding-top:50px;}



.abt-image{ overflow:hidden; position:relative; padding-bottom:100px; padding-right:50px; background:url(../images/image-pattern.png) bottom left no-repeat; padding-left:50px;}
.about-image-1{ overflow:hidden; width:90%;}
.about-image-1 img{ width:100%;}


.about-image-2{ overflow:hidden; position:absolute; top:50px; left:100px; right:0; bottom:50px;}
.about-image-2 img{ width:100%;}


.home-aboutus{ background:#f8f6f7;}

.about-right1{ margin-top:60px;}
.about-right1 h2{ font-size:19px; text-transform:uppercase; color:#981c26; margin:0px 0px 15px;}

.about-right1 h3{ font-size:45px; font-weight:lighter; line-height:45px;}
.about-right1 h3 b{ font-weight:900; margin:0px 0px 15px; font-size:56px;   font-family: 'Noto Sans', sans-serif;
}

.about-right1 p{ font-size:16px; line-height:22px; color:#656464;}




.services h2 { font-size:40px; text-transform:uppercase; color:#FFFFFF;}





.gray-sec{ background:#e6e5e4 url(../images/gray-pattern.png) left bottom no-repeat; padding:80px 0px}
.gray-sec h2{ text-transform:uppercase; font-size:25px; margin-bottom:30px; margin-top:80px;font-family: 'Noto Sans', sans-serif;}
.gray-sec a{ background:#981c26; padding:10px 18px; text-transform:uppercase; color:#FFFFFF; display:table; margin-top:30px; font-size:13px;}

.gr-image{ background:url(../images/image-border.png) left  top no-repeat; padding:30px 0px 0px 30px; overflow:hidden;}
.gr-image img{ width:100%;}

.gr-img-inner{ background:url(../images/image-pattern.png) bottom right no-repeat; padding:0px 30px 30px 0px;}

.gray-sec p{ line-height:20px; color:#302f2f;}

.news-c { padding:90px 0px}
.news-c  h2{ font-size:35px; font-weight:900; text-transform:uppercase; margin:0px 0px 15px;}
.news-c  h3{ font-size:20px; font-weight:normal; margin:0px 0px 35px; line-height:22px;}
.news-c  h4{ font-size:14px; padding:5px; display:block; text-align:center; border:1px solid #333; font-weight:600;}
.news-c p{ font-size:16px; line-height:18px;}
.news-c  a{ color:#000000; font-weight:900;}
 .news-c .fa{ padding:10px; color:#000; background:#fed000; margin-right:10px;}
 
 #intro-2 { background:#000 url(../images/video-image.jpg) no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 130px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto;
}

.video-sec h2{ color:#fed000; text-transform:uppercase; font-weight:normal;}
.video-sec h3 { font-size:45px; line-height:50px;}
 #intro-2 h3 b {
  color: #fff; font-weight:bold; text-transform:uppercase;
}


.play-btn {
  width: 100px;
  height: 100px;

  border-radius: 50%;
  position: relative;
  display: block;
  margin: 100px auto;
/*  box-shadow: 0px 0px 25px 3px rgba(255, 0, 128, 0.8); */  margin:0px auto; margin-top:40px; background:#ffd200;}


/* triangle */
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  z-index: 100;
  -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* pulse wave */
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, .75);
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0);
}

@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}


.video-bx{ margin:10px auto; text-align:center; display:table; text-transform:uppercase; color:#FFFFFF;}
.video-bx h4{ margin:10px auto; font-size:15px; color:#FFFFFF; margin-top:40px;}

.client-c{ overflow:hidden; border:1px solid #d9d9d9; overflow:hidden;}
.client-c img{ width:100%;}
.clients0{ margin:80px 0px;}
.clients0 h2{ text-transform:uppercase; font-weight:bold; margin:0px 0px 20px; color:#747474;}

.read-c { background:#e60002; padding:80px 0px; color:#FFFFFF;}

.read-c .white-btn{ background:#fff; padding:10px 25px; border-radius:30px; color:#000000; text-transform:uppercase; font-size:14px; }
.read-c h2{ font-weight:lighter; font-size:40px;   font-family: 'Noto Sans', sans-serif;
}
.read-c b{ font-weight:800;}




.read-c   ul{ list-style:none; padding:0px 0px; float:none;}
.read-c   ul a{ color:#FFFFFF;}

.read-c  .share-c li{ float:left; margin-left:10px; font-size:24px;}

.center-bx{ margin:10px auto; display:table;}
.center-bx .ftr-social {
    float: none; margin:10px auto; display:table;
}





.vi-mis{ background:url(../images/vsms.jpg); background-size:100% auto; padding:60px 0px; color:#FFFFFF; background:url(../images/mission-bg.jpg) no-repeat; background-size:100% auto; }


.mos-box{width:80%; margin:0px auto; display:table;}
.vi-mis h3{ text-transform:uppercase; font-size:18px; font-weight:bold;}



.vs-ms-icon{ overflow:hidden; width:100px; height:100px; border-radius:50%; background:#FFFFFF; margin-bottom:30px; padding:10px;-webkit-box-shadow: 4px 4px 1px 0px rgba(50, 50, 50, 0.32);
-moz-box-shadow:    4px 4px 1px 0px rgba(50, 50, 50, 0.32);
box-shadow:         4px 4px 1px 0px rgba(50, 50, 50, 0.32); border:10px solid #f1f1f1; }
.vs-ms-icon img{ width:100%;}

.vi-mis p{ font-size:13px;}

#intro { 
	background:#000 url(../images/vs-ms-bg.jpg) no-repeat  no-repeat 100% 100%; 
    margin: 0 auto; min-height:340px;width: 100%; position: relative; height:100%;  padding: 130px 0; background-attachment:fixed;  margin-top:0px; }

.intro-icon{ margin-bottom:20px; overflow:hidden;}
.intro-boder-box{ padding:15px; text-align:center; border:2px solid #fff; color:#FFFFFF; min-height:250px; }
.intro-boder-box h3{ font-size:16px; text-transform:uppercase; font-weight:normal; background:url(../images/h3-border.png) bottom no-repeat; padding-bottom:10px; margin:0p auto; margin-bottom:0px;}

.intro-boder-box p{ font-size:14px; line-height:22px; margin-bottom:0px;}

/*home-about*/



.hom-about{ padding:100px 0px;font-family: 'Noto Sans', sans-serif;background:url(../images/about-bg.png); overflow:hidden;}
.hom-about h2{ background:#9c252f; padding:5px; color:#FFFFFF; font-size:18px; text-transform:uppercase; display:table; text-transform:uppercase;}
.hom-about h3{ font-size:34px; font-weight:bold; color:#9c252f; margin:20px 0px;}
.hom-about p{ font-size:15px; line-height:20px;}
.home-right{ margin-top:80px;}
.abt-middl-img{ overflow:hidden;  background:url(../images/about-bg-black.png) no-repeat bottom right; padding:0px 40px 40px 0px;}
.abt-middl-img img{ width:100%;border:10px  solid #fff;}

.about-top-img{ overflow:hidden; border:10px  solid #fff; position:absolute; top:0; right:0; }
.about-top-img img{ max-width:100%;} 


.bottom-img{ overflow:hidden; border:10px  solid #fff;position:absolute; bottom:0; left:0;}
.bottom-img img{ max-width:100%;} .bottom-img {
    overflow: hidden;
    border: 10px solid #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 200px;
}

.about-img-sec{ position:relative;padding:10px 62px 50px;}

.about-txt-hm{ margin-bottom:50px;}
.rd-btn {
color:#fff; font-weight:normal; padding:15px 20px; border-radius:4px; display:table; background:#1f1f1f;-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.2); display:inline; margin-right:10px; text-transform:uppercase;transition: all 0.6s ease-in-out 0s; border:none;
}
.rd-btn .fa{ margin-right:5px;}

.rd-btn:hover{ background:#9c252f;transition: all 0.6s ease-in-out 0s; color:#FFFFFF;}








.page-title{ text-transform:uppercase; font-size:25px;   font-family: 'Noto Sans', sans-serif;
}


.page-title h1{font-size:25px;font-weight:bold; margin:0px 0px 40px; }
.inner-page  .evtC a{ color:#000000;}

.about-txt-hm ul{ margin:30px 0px; padding:0px 0px 0px 15px;    list-style: square;
}

.inner-page .blog-bx{ margin-bottom:45px;}


.cat-service-section {
    background: var(--cat-white);
    box-shadow: 0 0 30px rgb(0 0 0 / 8%);
    margin: 0 0 30px;
    padding: 40px 20px 30px;
    text-align: center;
    border-radius: 10px;
}

.cat-service-img {
    text-align: center;
    margin: 0 0 30px;
    position: relative;
    height: 130px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.cat-service-img img {
    height: 80px;
    width: 80px;
    object-fit: contain;
    position: relative;
}

.cat-service-img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--cat-primary-color);
    width: 130px;
    margin: auto;
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
    animation: morphing 3s infinite;
    height: 130px;
    opacity: .06;
}


.cat-service-info h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.cat-service-info p {
    margin: 0 0 5px; min-height:50px;
}
.cat-service-info a{ color:#000000;}
.cat-service-info h4 {
    position: relative;
    padding: 0 0 10px;
    margin: 0 0 20px;
    display: inline-block;
}

.cat-service-info h4:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    background:#44546a;
    width: 50%;
    height: 2px;
    border-radius: 20px;
}



.cat-service-img::before { background:#e1e1e1!important; opacity:0.3;}


.contact-formC{  color:#fff;  padding:75px 0px;}

.ct-form { margin:0px -4px;}
.ct-form  .col-lg-12{ padding:0px 4px;}
.ct-form  .col-lg-4{ padding:0px 4px;}


.ct-form input{ margin-bottom:8px}





.ct-form button{ margin-top:10px;}
.ct-form input:focus{ background:none;}
.ct-form textarea:focus{ background:none;}

.ct-pg{ margin-bottom:0px;}



.ct-form input::placeholder, .ct-form textarea::placeholder{
  color:#333;
  opacity: 1; /* Firefox */
}


.ct-form input:-ms-input-placeholder, .ct-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: white;
}

.ct-form input::-ms-input-placeholder, .ct-form textarea::-ms-input-placeholder { /* Microsoft Edge */
 color:#333;
}



#intro4 { background: url(../images/background_01.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;
}


.gmap{ margin-top:0px;}


.left-mennu{}

.left-mennu h3{ text-transform:uppercase; font-size:15px; text-transform:uppercase; font-weight:800; margin-bottom:20px; overflow:hidden;}

.left-mennu ul{ margin:0px 0px; padding:0px 0px; list-style:none;}
.left-mennu li{ border-bottom:1px solid #e4e4e4;}
.left-mennu li a{ padding:10px 15px; text-transform:uppercase; font-size:13px; color:#333; display:block; position:relative; padding-left:15px;}

.left-mennu li a:after{ content:'\0f101'; position:absolute; left:0; content:; top:10px;font-family:FontAwesome;}



.srv-detail-img{ float:left; margin-right:30px; width:400px; margin-bottom:30px; padding:25px; background:url(../images/zohar_home4_icon_18.png);}
.srv-detail-img img{ width:100%;}
.inner-page .blog-bx{ padding:25px; border:1px solid #ededed; margin-bottom:30px;}

.inner-page .news-c {
    padding: 0px 0px;
}


.ns-dtl .about-txt{ width:95%;}
.dtm{ padding:10px; display:table; margin-bottom:10px; background:#e8e8e8;}


.inner-page .home-aboutus {
    background:none; padding-top:0px;
}

\

.abt-img{ position:relative; z-index:10;}
/*// Glow Border Animation //*/

.animated-border-box, .animated-border-box-glow{
  max-height: 100%
  max-width: 250px;
  height: 100%;
  width: 50%;
  position: absolute;
  overflow: hidden; 
  z-index: 0;
  /* Border Radius */
	border-radius: 0px; top:0; bottom:0; right:0; border:1px solid #bbbbbb;
}

.animated-border-box-glow{
  overflow: hidden;
  /* Glow Blur */
  filter: blur(10px);
}

.animated-border-box:before, .animated-border-box-glow:before {
  content: '';
  z-index: -2;
  text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
	width: 99999px;
	height: 99999px;
	background-repeat: no-repeat;
	background-position: 0 0;
  /*border color, change middle color*/
	background-image: conic-gradient(rgba(0,0,0,0), #ee3124, rgba(0,0,0,0) 25%);
  /* change speed here */
	animation: rotate 6s linear infinite;
}

.animated-border-box:after {
	content: '';
	position: absolute;
	z-index: -1;
  /* border width */
	left: 5px;
	top: 5px;
  /* double the px from the border width left */
	width: calc(100% - 10px);
	height: calc(100% - 10px);
  /*bg color*/
	background: #292a2e;
  /*box border radius*/
	border-radius: 0px; background:#fff;
}

@keyframes rotate {
	100% {
		transform: translate(-50%, -50%) rotate(1turn);
	}
}


.center-box{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slideC h1 {
}







/*new*/


.industry{ padding:40px 0px; background:url(../images/about-img-pattern.png);}
.industry h2{ font-size:43px; font-weight:bold; margin:0px auto; display:table; text-align:center;}
.indusry-tp{ margin:20px auto; width:70%; text-align:center; margin-bottom:40px;}

.industry p{ font-size:14px; line-height:21px;}
.industry h3{ font-size:18px; text-align:center; text-transform:uppercase; font-weight:bold; margin-bottom:20px;}

.ic-box{ padding:20px; text-align:center; background:#fafafa; border-radius:10px;-webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.07);
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.07);-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}





.ic-c{ margin:0px auto; display:table; margin-bottom:20px; width:95px; height:95px; line-height:95px; border-radius:50%; text-align:center; background:#2f9d24; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }
.ic-c  img{ width:90%; }


.ic-box p{ font-size:14px; line-height:21px;}


.ic-box:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#2f9d24; color:#FFFFFF;}
.ic-box:hover  .ic-c{ background:#555555}




#intro2 { background:url(../images/service-bg.jpg) no-repeat 100% 100%;margin: 0 auto; 
 width: 100%;   position: relative; height:100%;  padding: 100px 0; background-attachment:fixed;  margin-top:0px; 

}


.home-service{ color:#333;}

.home-service h2{ text-transform:uppercase; font-weight:normal; font-size:20px; margin:0px 0px 10px; padding-bottom:5px; border-bottom:1px solid #333; display:table;  }
.home-service h3{ font-size:30px; font-weight:500; margin:0px 0px 20px;}



.service-C{ overflow:hidden; position:relative;}
.service-C img{ width:100%;}

.service-txt{ position:absolute; bottom:30px; left:0;}
.service-txt h3{ background:#fff; padding:10px 15px; display:table; font-size:20px; margin:0px 0px 10px;}
.service-txt a{ color:#222222; text-transform:uppercase; margin:10px; text-decoration:none;}

a{ text-decoration:none;}

 a .service-C h3{ color:#222222;}
 
 .srv-btm{ margin:20px 0px; color:#FFFFFF;}

.srv-outer  a .fa{ margin-left:10px;}

.srv-outer   a{
    text-transform: uppercase;
    color: #ea1d28;
    font-size: 13px;
    font-weight: bold;
}


.green-sec{ background:#9edc93;}

.blue-bg{ background:#f3f3f3; background-size:100% 100%; padding:30px; color:#FFFFFF; padding:90px 30px;}
.blue-bg h2{ font-size:20px; text-transform:uppercase; font-weight:400; line-height:30px;}
.blue-bg h2{ font-size:20px; text-transform:uppercase; font-weight:400; line-height:30px;}

.blue-bg h3{ font-size:15px; text-transform:uppercase; font-weight:400; line-height:30px; color:#2a2e78; padding:10px 15px; display:table; text-transform:uppercase; background:#fff;}
.blue-bg  p{ font-size:13px;}

.green-rt h4{ font-size:32px; font-weight:900;}

.green-rt h5{ font-size:12px; background:#fff; color:#2e2f79; display:table; min-width:300px; padding:10px; text-align:center; text-transform:uppercase; margin:0px 0px;}
.green-rt h6{ font-size:12px; background:#878787; color:#fff; display:table; min-width:300px; padding:10px; text-align:center; text-transform:uppercase; margin:0px 0px;}


.eql-bx{ margin:25px 0px}

.green-rt{ padding:60px 0px; color:#FFFFFF; padding-left:50px;}



.pr-detail-C{ background:url(../images/image-pattern.png) left top no-repeat; padding:30px 0px 0px 30px; }

.pr-detail-C .carousel-item  img{border:10px solid #dedede;}

#intro1 { 
	 background:url(../images/vision-bg.jpg) no-repeat  no-repeat 100% 100%; 
    margin: 0 auto; width: 100%; position: relative; height:100%; 
	 padding: 0px 0 60px;   margin-top:0px;  color:#FFFFFF;}
	 
 #intro1 a { background:url(../images/white-border.png); color:#FFFFFF;}
	   
	
.vis-title{ background:#f3eb98; color:#333; display:table; padding:25px; padding-top:50px; }  
.logo-icon{ margin-bottom:25px; }
	   
.vis-title h2{ font-size:24px; font-weight:lighter; text-transform:uppercase; text-align:left;}
.vis-title h2 span{ font-size:38px; font-weight:bold;}

.vis-txt { margin-top:50px; width:80%;}
.vis-txt h3{ font-size:18px; text-transform:uppercase;}




.gld-btn{ color:#FFF; text-transform:uppercase; background:url(../images/browse-btn.png); width:121px; height:40px; text-align:center; line-height:40px; overflow:hidden; display:block;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; }
.gld-btn:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;  color:#d99536;}
 
 
 .round-image{ overflow:hidden; width:300px; height:300px; border-radius:50%; border:5px solid #fff; margin-top:50px;}
 .round-image img{ width:100%;}


.vis-txt p{ font-size:13px;}




/*HMAB*/

.home-about{ position:relative; padding:60px 0px;}
.home-about-image{ overflow:hidden; padding:30px 0px 0px 30px;background:url(../images/h2-shape2.png) no-repeat top left;}
.home-about-image img{ width:100%; border:5px solid #878787;}

.lft-abt{ margin-top:0%; max-width:95%; padding-left:80px;}
.home-about h2{ font-size:41px; 
}
.home-about h2 b{ font-weight:700;}

.hom-abt-txt{    font-size:15px; line-height:20px; margin-bottom:30px;}

p{ }
.ab-bx{ width:80px; height:200px; border:1px solid #999999; position:absolute; left:0; right:0; margin:0px auto; top:40%;}

.lft-abt a{ text-transform:uppercase; font-size:17px; color:#4e4e4e; padding:3px 0px; border-top:1px solid #4e4e4e; border-bottom:1px solid #4e4e4e;}



.lft-abt a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; color:#2f9d24;}
a:hover{ text-decoration:none;}
a:focus{ underline:none;}


.int{ position:relative;}

int{ position:relative;}
.intro-br{
   
    color: #4e4e4e;
    transform: rotate(270deg);
    position: absolute;
    top: 120px;
   
    text-transform: uppercase;
    left: -18px;
}

.vr-line{ position:absolute; top:0; left:0; width:1px; height:100px; background:#4e4e4e;}






.invest{ background:url(../images/invest.jpg) no-repeat; padding:70px 0px; background-size:100% auto;}

.rotate-logo{ overflow:hidden; position:absolute; right:20px; bottom:0;}
.rotate-logo img{ max-width:100%;}

.inv-rt{ padding-bottom:50px;}

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



.rotate-logo{
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}



.invest h3{ color:#27499a; font-size:18px; text-transform:uppercase; margin-top:80px;}
.invest h4{ color:#333; font-size:20px; text-transform:uppercase; font-weight:900;  margin-top:0px;}

.invest p{ font-size:13px;}


.invest-img{ overflow:hidden; padding:20px; background:url(../images/about-bg-black.png);}
.invest-img img{ width:100%;}
.border-btn{ border:1px solid #525252; display:table; padding:10px 15px;color:#525252; text-transform:uppercase;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.border-btn:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#525252; color:#FFFFFF;}
.border-btn .fa{ margin-left:10px; }



#intro4 { background:url(../images/about-parrallax.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px; 
 width: 100%;   position: relative; height:100%;  padding: 100px 0; background-attachment:fixed;  margin-top:0px; color:#fff; 

}

.service-right ul{ margin:30px 0px; list-style:square; padding-left:15px;}





.abt-2 h2{ text-transform:uppercase; font-weight:normal; text-transform:uppercase; font-size:14px; margin:0px 0px 0px;}
.abt-2 h3{ text-transform:uppercase; font-weight:normal; text-transform:uppercase; font-size:18px; letter-spacing:5px; border-bottom:1px solid #fff; display:table; padding-bottom:10px; margin-bottom:15px; font-weight:bold; color:#fff;}

.abt-2 h3 span{ color:#ea1d28;}

.abt-2 h4{ font-weight:bold; font-size:40px; margin:0px 0px 40px;}

.blue-box{ background:rgba(39, 73, 154, 0.9); padding:30px; color:#fff; width:75%;}

.blue-box h5{ text-transform:uppercase; font-weight:bold; font-size:24px; margin:0px 0px 20px;}

.bl-txt p{ font-size:14px; font-weight:400;}
.blue-box h5 span{ font-weight:200;}


.blue-box img {
  border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
.blue-box img:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}













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

}

.facilities{ color:#FFFFF; text-align:center;}
.facilities h2{ font-weight:900; font-size:35px; margin:0px auto; color:#000;}

.fac-txt-top{ color:#000; margin:20px auto; max-width:70%; font-style:italic; margin-bottom:30px;}
.faciliti-bx{ background:#2c971f; padding:35px 15px; text-align:center; color:#fff;}

.faciliti-icon{ margin:15px auto; text-align:center; display:table; width:90px; height:90px; line-height:90px; background:#fff; border-radius:50%;}
.faciliti-icon img{ max-width:100%; width:60px; height:auto;}
.faciliti-bx h3{ font-size:18px; font-weight:bold; margin:0px auto; font-weight:700; text-transform:uppercase;}

.fac-txt{ font-size:15px; text-align:center; line-height:22px; margin-top:20px;min-height:100px;}

.facilities .row{ margin:0px -2px;}
.facilities .col-lg-4{ padding:0px 2px;}



.faciliti-bx p{ font-size:14px; line-height:20px;}



.facilities .row{ margin:0px -2px;}
.facilities .col-lg-12{ padding:0px 2px;}


#intro5 { 

background:url(../images/footer.jpg) no-repeat  no-repeat 100% 100%; margin: 0 auto;width: 100%;  position: relative; height:100%; padding: 30px 0px; background-attachment:fixed;  margin-top:0px; color:#FFFFFF;}


.footerC{ color:#FFFFFF; padding:60px 0px 30px;}
.footerC a{ color:#FFFFFF;}
.footerC h3{ text-transform:uppercase; font-size:20px; font-weight:normal;}
.footerC  ul{ margin:0px 0px; padding:0px 0px; padding:0px 0px; list-style:none;}
.footerC  li{ line-height:24px; font-size:14px;}
.footerC  li b a{ text-transform:uppercase; text-decoration:underline; line-height:30px;}

.ftr-logo{ float:left; margin-right:15px;}
.footerC p{ float:left; color:#FFFFFF;}

.copyright p{ margin-top:10px; float:left;font-size:12px}


/*cts*/

.cts{}

.cts h2{ font-size:36px; line-height:36px; font-weight:lighter; text-transform:uppercase;}

.adr-bx{ margin-bottom:50px; overflow:hidden;}
.adr-bx h3{ text-transform:uppercase; font-size:14px; font-weight:200; margin:10px 0px ; padding-bottom:10px; border-bottom:1px solid #b4bbbe;}
.adr-bx h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
.adr-bx h4 b{ font-weight:bold; font-size:24px;}
.adr-bx h4 a{ color:#2a2834;}
.adr-bx ul{ margin:0px 0px; padding:0px 0px; list-style:none; font-size:14px;}

.social-top li{ float:left; margin-right:35px;}
.social-top  a{ color:#2a2834;}

.ct-form{ margin-bottom:50px;}
.ct-form h4{font-size:24px; text-transform:uppercase; color:#34367e; margin:0px 0px 20px; font-weight:normal;}


.send-btn{ color:#FFFFFF; text-transform:uppercase; font-size:14px; text-transform:uppercase; background:#2e2f79; padding:10px 25px; color:#FFFFFF; border:none; cursor:pointer;-webkit-transition: all .6s ease-in-out;

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

.send-btn:hover{-webkit-transition: all .6s ease-in-out;

transition: all .6s ease-in-out; background:#000000;}

.gmap{ margin-bottom:50px;}

.innerPage {
    margin-bottom: 30px;
    color: #2a2834;
}

.vis h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0px 0px 15px;
    font-weight: bold;
}

.md-msg{ background:#d3f0ff; padding:30px; margin:30px 0px; margin-bottom:50px;}

.md-msg h3{ font-size:24px; font-weight:bold; margin:0px 0px 15px;}

.md-msg p{ font-style:italic; font-size:14px; line-height:26px;}

.md-msg{ overflow:hidden;}
.md-msg img{ width:100%;}

.md-msg h4{ font-size:14px; font-weight:bold; margin:10px 0px 0px; text-align:center;}

.ceo-img{ overflow:hidden; border:10px solid #FFFFFF;}

.nb{ background:none;}
.innerPage .invest{ background:#f2f2f2;}
.innerPage .invest-img{ border:5px solid #FFFFFF;}
.innerPage .pro-lissting{ margin-bottom:80px;}

.innerPage .srv-outer{ margin-bottom:30px; padding:20px; border-radius:5px; border:1px solid #f2f2f2;}


dtl h4{ font-size:18px; margin:0px 0px 20px; color:#2e2f79;}

.dtl ul{ margin:10px 0px; list-style:none; padding:0px 0px 0px 15px; list-style:disc}

.carousel-indicators li{ width:60px; height:60px;  overflow:hidden;}
		.carousel-indicators img{ width:100%;}
		.carousel-indicators li a{width:60px; height:60px;}
		.carousel-indicators li{ text-indent:0px;}
		.carousel-item{ margin-bottom:10px;}
		.carousel-indicators{ display:table; margin-left:0px; overflow:hidden; position:static;}
		.carousel-item{ overflow:hidden;}
		.carousel-item img{ width:100%;}


.form-innner{ margin-bottom: 30px;
    border-radius: 0px;
    border: 1px solid #e6f7f5;
    box-shadow: 0 8px 30px rgba(0,0,0,.03);
    padding: 30px;
    color: #333; margin-top:50px;}



.form-titl{}

.form-titl h4{ font-size:20px; font-weight:bold; margin: 50px 0px 30px 0px; padding-bottom:10px; text-transform:uppercase; border-bottom:1px  dotted #fba419;}




.enq{ margin-bottom:60px; background:#fff;}


.enq .ct-form input {
    margin-bottom: 8px; background:#ededed!important;
}
.enq .ct-form  .textArea{ background:#ededed!important;}

.enq .ct-form  .col-lg-8{ font-size:13px;}
.enq .ct-form  .col-lg-4 p{ font-size:13px;}

#ocean{ margin-bottom:-7px; width:100%; margin:0px auto;}
#rplimg{ width:100%; margin:0px auto; text-align:center;}
.srv-outer{ position:relative; z-index:11;}

.ct-form p{ width:70%;}


.social-media{ overflow:hidden; margin-bottom:20px!important;}
.ftr-cts{  width:100%; display:block; float:left; overflow:hidden;}
.ftr-cts li{ margin-bottom:10px;}

 .abtt{ margin-bottom:0px;}
 
 .ftr-nav li a{ text-transform:uppercase;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;
}
 .ftr-nav li{ position:relative; padding-left:15px;  margin-bottom:10px;}
 .ftr-nav li:after{ position:absolute; left:0; content:'\f105'; font-family:FontAwesome; position:absolute; left:5px; color:#FFF;}
 .ftr-nav li a:hover{ color:#CCCCCC;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;
}


.cts{ margin-bottom:0px;}



.innerPage .srv-btm{ color:#333;}


.slider-caption{ position:absolute; left:0; right:0; margin:0px auto; top:50%;}

.box1{
   
    top: 50%;  left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;   height: 100vh;
 
}


.slider-caption h1 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 15px;
    color: #2f9d24;
    font-weight: bold!important;
    margin: 0px 0px;
}

.slider-caption h3 { margin-bottom:30px;

}

.slider-caption a {
    background: #fdd109;
    padding: 10px 15px;
    color: #2f2d79;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    margin-top: 10px;
}

.home-banner-nw{height:640px; background-size:100% auto;}


.cap-inner-box {
    display: table;
}

.home-service h2 { font-weight:bold; font-size:35px;}
.srv-outer{ border:5px solid #fff; background:#fff;}
.srv-btm { padding:12px; text-align:left; margin:10px 0px 0px;
    color: #333;
}
.srv-btm p{min-height:73px;}

.srv-outer a{ margin-left:0px; font-weight:bold; background:#2f9e24; color:#FFFFFF; padding:10px 10px; margin-top:25px; display:table;}

.right-img{ overflow:hidden; padding:0px 0px 30px 30px; background:url(../images/border.png) left bottom no-repeat; background-size:80% auto;}
.right-img img{ width:100%;}

.vis-txt {
    margin-top: 120px;
    width: 100%;
}


.home-about h2{ text-transform:uppercase; font-weight:900; font-size:32px;}


.header{box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 7px 23px -12px rgba(0,0,0,0.75);}


#cssmenu > ul > li a{ font-weight:900; font-size:14px;}

.blue-box {
     background: rgba(49, 155, 34, 0.9); 
    padding: 30px;
    color: #fff;
    width: 100%;
}
.top-social a{ float:left; margin-right:15px;}
.get-touch{ text-transform:none;}


.service-txt h3 {
    background: #fff;
    padding: 10px 15px;
    display: block;
    font-size: 20px; width:100%;
    margin: 10px;}

.service-txt {
    position: absolute;
    bottom: 30px;
    left: 0; right:20px;
}
.service-txt  h3{ text-transform:none; font-size:15px;}

.green-sec {
    background: #2f9d24;
}



.about-img{ padding:25px; background:url(../images/zohar_home4_icon_18.png);}

.btm-marg { margin-bottom:40px;}

.inner-form{ padding:40px 0px; background:#c2cfd7;}

.inner-form textarea{ height:120px;}


.inner-form  .form-control{ height:45px; background:#e6edf2; border:1px solid #e6edf2;}

.ic-box { text-align:left;}
.industry h3 { text-align:left;}
.ic-c{ margin-top:15px;}
.ic-box{ background:#fff; min-height:295px;}

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

.adr-bx h3 {

    font-weight: 900;}
	
	
	
	
	
.contact h3{ font-size:20px; font-weight:bold; color:#222222; margin:20px 0px 10px;}

.contact h3 span{ font-size:16px; font-weight:normal;}
.c-dtl h4{ float:left; font-size:24px; margin:10px 0px;}
.c-dtl{ border:1px solid #898ac1; overflow:hidden; display:table; padding-right:10px; margin-bottom:20px;}

.c-dtl h4 span{ padding:10px; background:#2f9d24; color:#FFFFFF; margin-right:10px;}
.c-dtl h4 a{ color:#2f9d24;}

.contact  h5 {font-size:16px;}
.contact ul{ margin:10px 0px; list-style:none; padding:0px 0px;}
.contact ul li{ margin-bottom:5px;}


.contact .textBox{ border:1px solid #cbcbcb; border-radius:2px; color:#000000;}
.contact .textArea{ border:1px solid #cbcbcb; border-radius:2px; color:#000000;}

.ct-row{ margin:0px -4px;}
.ct-row .col-lg-6{ padding:0px 4px;}


.gmap{ margin-top:50px;}

.contact .more-btn{ background:#2f9d24; cursor:pointer; color:#FFFFFF; border:none; padding:10px 15px;}
.contact .more-btn:hover{ background:#cda259; cursor:pointer; color:#FFFFFF;}

.contact .more-btn img{margin-left:10px;}

.pro-img-2{ overflow:hidden;}
		.pro-img-2 img{ width:100%;}
		.srv2-btm{ overflow:hidden; background:#fff; padding:15px; min-height:170px;}
		.srv2-btm h3{ margin:0px 0px 10px; font-size:18px; font-weight:bold;}
		.srv2-btm p{ font-size:13px; line-height:18px; line-height:20px;}
		
		.know-btn{ text-transform:uppercase; font-weight:bold; font-size:14px; color:#000000;}
		.know-btn .fa{ margin-left:5px;}
		
		.product-2 {

    transition: all .5s ease 0s; margin-bottom:20px;
}

.facilities a{color:#333;}

.product-2:hover {
    box-shadow: 0 15px 15px rgba(0,0,0,.2);
    transform: translateY(-10px);
    transition: all .5s ease 0s
}

 @media (min-width:1450px) and (max-width:2500px){
.container{ width:95%; max-width:95%;}

}



@media all and (max-width: 760px) {
.page-title h1{ margin-bottom:22px;}
.c-dtl h4 { font-size:13px;}

.contact h3{ margin-top:0px; font-size:18px;}

.home-banner-nw{height:200px!important; background-size:100% auto;}

.slider-caption{ top:10%;}


    
    .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: 7px !important;
}

.slideC{ margin-top:34px; 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:100%;}

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:80px; 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;}



.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; margin-bottom:20px;}

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



/*new*/

.top-social {
    float: none;
}

#intro1{ background:#001023;}

.home-servs h2 {
    font-size: 30px;

}

.ceo-right h2{ font-size:30px; margin-top:50px;}

.footer-logo{ margin-bottom:30px;}



/*np*/

.home-aboutus h3 {
    font-size: 32px;
}
.home-aboutus h2 {
    font-size: 22px;
    text-transform: uppercase;
    
	

}
p{ text-align:justify;}
.services{ padding:40px 0px;}
.services h2{ font-size:30px;}


h2{  font-size: 22px;}
.projects h2 span {
    display: table;
    padding-left: 0px;
    position: relative;
    padding-right: 0px;
}
.projects h2 span:before{ display:none;}
.projects h2 span:after{ display:none;}
.projects h2 {
    font-size: 32px;
  
}


.bordr-btn-C{ padding:0px;}
.bordr-btn-C:before{ display:none;}
.bordr-btn-C:after{ display:none;}

.why-we{ background:#9f9a97; padding:60px 0px;}

.why-we h2 {
    font-size:32px;}

.clients h2 span {
    display: table;
    padding-left: 0px;
    position: relative;
    padding-right: px;
}

.clients{ padding:40px 0px;}
.clients h2{   font-size:32px; margin:0px auto; margin-bottom:60px;}
.clients h2 span{ padding:0px;}
.clients h2 span:before{ display:none;}
.clients h2 span:after{ display:none;}
.cl-5 {
    width: 50%;

}
.clients h2{ margin-bottom:25px;}
.testimonial {
    margin: 40px 0px;
    margin-top: 0px; padding-top:0px;
}
.testimoni-bx{ margin-top:0px;}

.home-team-bx h2{font-size:32px; margin:0px auto; margin-bottom:20px;}

.home-team-bx{ padding:25px;}

.get-touch {
    text-transform: uppercase;
    font-size: 14px;

}
.get-touch .fa {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    color: #333333;
    border-radius: 50%;
    font-size: 10px;
}

.logoC img {
    width: 100%!important;
}

.header {
    background: #9f9a97!important;
    padding: 4px 0px;}



.header {
    background: #fff!important;
    padding: 4px 0px;
    max-height: 35px;
}

.logoC {
    margin-top: 6px;
}
.tp-social-c {
    overflow: hidden;
    margin-top: 3px;
}

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

#cssmenu > ul > li a:before{ display:none;}


.cap-inner-box{ padding:10px;}

.sld-cap {
    margin-top: 15%;
}


.nivo-caption h1 {
    font-size: 18px;
}

.home-aboutus h3 {
    font-size: 25px;
}


.about-right1 h3 b {

    font-size: 40px;
    
}


.gray-sec h2{ margin-top:0px;}



.gr-image{ margin-top:50px;}


.intro-boder-box{ margin-bottom:35px;}
.about-img-sec {
    position: relative;
    padding: 15px;
}

.hom-about h2 { padding:5px; font-size:15px;}


.abt-middl-img{    padding: 0px;
}

.news-c {
    padding: 30px 0px;
}


.hom-about{  padding: 30px 0px;}
.video-sec h3 {
    font-size: 30px;
    line-height: 50px;
}

#intro-2{ padding:65px 0px;}

.clients0 {
    margin: 40px 0px;
}

.read-c h2 {
    font-weight: lighter;
    font-size: 25px;
}






.read-c {
    background: #e60002;
    padding: 40px 0px;
    color: #FFFFFF;
}

.footer-txt{ margin-bottom:45px;}
.logoC img {
 
}

.logoC {
    margin-top: 0;
}

.inner-banner {

    margin-top: 40px;
}

.srv-detail-img{ width:100%;}

#intro4{ background:#444; padding:60px 0px;}

.contact-formC {
    color: #fff;
    padding: 15px 0px;
}



.sld-cap {
    margin-top: 5%;
}

.nivo-caption h1 {
    font-size: 16px;
}


.indusry-tp {
    margin: 20px auto;
    width: 100%;}


.industry h2 {
    font-size: 22px;}


.indusry-tp{ margin-bottom:40px;}
.ic-box{ margin-bottom:40px;}


.home-service h3 {
    font-size: 18px;}
	
.srv-outer{ margin-bottom:30px;}	
#intro2{ padding:40px 0px;}	



.green-rt {

    padding-left: 0px;
}

.green-rt h4 {
    font-size: 24px;
    font-weight: 900;
}


.green-rt {
    padding: 42px 0px;
 
}


.lft-abt{}




.lft-abt {
    margin-top: 0;
    max-width: 100%;
    padding-left: 0;
}



.intro-br{ display:none}

.vr-line{ display:none;}

.ab-bx{ display:none;}

.home-about-image{ background:none; padding:0px; margin-top:30px; margin-bottom:30px;}

.fac-txt-top{ max-width:100%;}

.facilities h2{ font-size:22px;}

.invest h4 {
    color: #333;
    font-size: 23px;
    margin-top: 50px;
}



.blue-box {

    width: 100%;
}

.footerC ul{ margin-bottom:30px;}
.md-msg h3{ margin-top:30px; font-size:20px;}


.cts h2 {
    font-size: 17px;
    line-height: 24px; margin-bottom:40px;
}


.social-top li {
    float: left;
    margin-right: 15px;
}

.get-touch{ padding:0px}

.vis-title h2 span {
    font-size: 31px;
    font-weight: bold;
}

.vis-txt {
    margin-top: 50px;
    width: 100%;
}

.home-about h2 {
    font-size: 38px; line-height:25px;}
	
.adr-bx {
    margin-bottom: 30px;
    overflow: hidden;}
	
.footerC{ padding:0px 0px;}	
	
	.rotate-logo{ display:none;}
	
	.inv-rt{ padding-bottom:0px!important;}
	
	
	.carousel-indicators li {
    width: 40px;
    height: 40px;
    overflow: hidden;
}
	
	
	.form-innner{ padding:10px;}
	.ct-form p {
    width: 100%;
}

.page-title h1 {
    font-size: 18px;

}
	.cts{ margin-bottom:0px;}
	
.nivo-controlNav{ z-index:5;}	
	.slider-area.style-2 .nivo-controlNav a { display:none;}
	
.slider-caption {
    top: 21%;
}	
	.slider-caption h1 { font-size:11px;}
	.slideC h2 { font-size:18px;}
.slider-caption h3 {
    margin-bottom: 10px;
}

.slider-caption a {
    background: #fdd109;
    padding: 4px 14px;
    color: #2f2d79;
 
 
    font-size: 12px;}
	
	
	
	.home-about h2 {
    font-size: 20px; text-transform:uppercase;
    line-height: 30px;
}


	.home-about h2 br{ display:none;}
	.footerC h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 900;
}

#cssmenu ul ul li a {
    font-size: 11px;
    text-transform: capitalize;
}

.blue-bg h2 {
    font-size: 17px;

}

.eml{ display:none;}
.industry h3 {
    text-align: center;
}

.ic-box p {
 
    text-align: center;
}

.home-service h2 { font-size:20px;}
.lft-abt{ margin-bottom:35px;}


}