@charset "utf-8";
/* CSS Document */


#cssmenu ul ul,#cssmenu ul ul ul{position:absolute;left:-9999px;z-index:1000}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0 0 -2px;padding:0;border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:150}#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}#cssmenu #menu-button,#cssmenu ul ul li.has-sub>a:before{display:none}#cssmenu>ul>li{float:left}#cssmenu.align-center>ul{font-size:0;text-align:center}#cssmenu.align-center>ul>li{display:inline-block;float:none}#cssmenu ul ul li.has-sub>a:after,#cssmenu ul ul li.has-sub>a:before{position:absolute;display:block;content:'\f105';font-family:FontAwesome}#cssmenu.align-center ul ul{text-align:left}#cssmenu.align-right>ul>li{float:right}#cssmenu>ul>li>a{text-decoration:none;transition:.5s}#cssmenu>ul>li:hover>a{transition:.5s}#cssmenu ul ul{margin-top:0}#cssmenu.align-right ul ul{text-align:right}#cssmenu ul ul li{transition:.25s;margin-bottom:11px;padding:0;width:200px;text-transform:capitalize!important;position:relative;height:30px}#cssmenu li:hover>ul{left:auto}#cssmenu.align-right li:hover>ul{left:auto;right:0}#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}#cssmenu ul ul li.last-item>a,#cssmenu ul ul li:last-child>a{border-bottom:0}#cssmenu ul ul li.has-sub>a:after{top:16px;right:7px;width:8px;height:2px}#cssmenu>ul>li.has-sub>a{padding-right:10px}#cssmenu>ul>li a{border:none}#cssmenu>ul ul li a{border:none;padding-bottom:10px!important}#cssmenu>ul>li a:hover{color:#08693f}#cssmenu>ul ul{margin-top:14px}#cssmenu>ul ul li a:hover{background:0 0;transition:.5s}#cssmenu ul{padding:0}#cssmenu ul ul{top:50px;opacity:0;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s}#cssmenu ul ul ul{margin-left:100%;top:0;opacity:1;-webkit-transition:opacity .3s,top .25s;-moz-transition:opacity .3s,top .25s;-ms-transition:opacity .3s,top .25s;-o-transition:opacity .3s,top .25s;transition:opacity .3s,top .25s;background:#492b2d;margin-top:0}#cssmenu>ul>li:hover>ul{left:auto;top:20px;opacity:1}#cssmenu ul ul li a{border-bottom:1px solid rgba(143,143,143,.5);border-bottom:none;padding:11px;text-transform:capitalize;font-size:12px;color:#fff;-webkit-transition:.35s;margin:0!important;-moz-transition:.35s;-ms-transition:.35s;-o-transition:.35s;transition:.35s}#cssmenu ul ul li.has-sub::after{right:10px;top:12px;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s;-webkit-transition:-webkit-transform .2s,right .2s}@media all and (max-width:900px){#cssmenu #menu-button,#cssmenu .submenu-button{position:absolute;right:0;display:block;cursor:pointer}#cssmenu,#cssmenu .submenu-button.submenu-opened{background:0 0}#cssmenu ul li a{color:#fff!important}#cssmenu .submenu-button.submenu-opened:before,#cssmenu ul,#cssmenu ul ul>li.has-sub>a:after,#cssmenu ul ul>li.has-sub>a:before,#cssmenu>ul>li.has-sub>a:after,#cssmenu>ul>li.has-sub>a:before{display:none}#cssmenu ul ul li{width:100%!important;margin-bottom:0}#cssmenu ul{width:100%;margin-top:0;padding:0 10px}#cssmenu.align-center>ul{text-align:left}#cssmenu ul li{width:100%}#cssmenu li:hover>ul>li,#cssmenu ul ul li{height:auto}#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}#cssmenu>ul>li{float:none;padding-bottom:17px!important;padding-top:8px}#cssmenu ul ul ul li a{padding-left:35px}#cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}#cssmenu #menu-button:after,#cssmenu #menu-button:before{right:8px;width:30px;content:'';position:absolute}#cssmenu #menu-button{padding:17px;color:#ddd;font-size:12px;text-transform:uppercase;font-weight:700;width:46px;border-radius:4px}#cssmenu #menu-button:after{top:16px;display:block;height:8px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}#cssmenu #menu-button:before{top:10px;display:block;height:2px;background:#ddd}#cssmenu ul ul .submenu-button{height:34px;width:34px}#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;content:''}#cssmenu ul ul .submenu-button:after{top:15px;right:13px}#cssmenu .submenu-button.submenu-opened:after{content:'\f068';font-family:FontAwesome;color:#fff}#cssmenu .submenu-button:before{position:absolute;top:19px;right:19px;display:block;height:8px;content:'\f067';font-family:FontAwesome;color:#fff}#cssmenu ul ul .submenu-button:before{top:12px;right:16px}#cssmenu .submenu-button::after,#cssmenu .submenu-button::before{top:11px}#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{z-index:auto}#cssmenu{position:fixed;z-index:160;right:15px;width:91.5%;border-radius:2px}ul.socialMedia{float:left}#cssmenu>ul>li>a{padding-bottom:15px}#cssmenu ul ul{padding:0;opacity:1}#cssmenu ul ul li a{background:0 0;font-size:12px;padding-bottom:5px;padding-left:20px!important}#cssmenu .submenu-button{z-index:99;top:0;height:38px;border:none}#cssmenu>ul ul{top:0;margin-top:0}}@media (min-width:768px) and (max-width:1024px){.sliderC{margin-top:0}#cssmenu #menu-button{right:14px}.addressBox{height:120px}@media (min-width:603px) and (max-width:966px){#cssmenu>ul>li a{padding:10px 13px!important}.addressBox h6{font-size:13px}}}@media (max-width:760px){#cssmenu .submenu-button{width:50px}#cssmenu ul ul{background:#404040!important;top:0!important}#cssmenu ul ul li{width:100%!important}.spcificHeight{height:400px!important;overflow-y:scroll!important}#cssmenu>ul>li{padding:0;padding-bottom:0!important}#cssmenu>ul>li a{padding:10px!important}#cssmenu #menu-button{background:#dadada;border:1px solid #fff}#cssmenu #menu-button::before{background:#7b8284}#cssmenu #menu-button::after{border-bottom:2px solid #7b8284;border-top:2px solid #7b8284}}


body {margin: 0;padding: 0;color:#333; font-family: 'Lato', sans-serif; }
header{ width: 100%; height: auto;

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

	z-index: 31!important; position:fixed; background:rgba(0, 0, 0, 0); position:fixed; 

}

.logo-bg{ position:absolute; left:-460px; height:100%; width:745px; background:#44546a; top:0;}
.top-time{ float:right;}
a{ text-decoration:none;}

 .header.scroll_css {

	margin: 0;

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

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






 
 .logoC img{ -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out; width:auto; max-width:100%;}
.header.scroll_css { margin: 0;  -webkit-transition: all .6s ease-in-out;  transition: all .6s ease-in-out}

.header-C{ position:relative;}




.call-ic{ background:#ffb400; width:50px; height:50px; border-radius:50%; border:5px solid #fff; color:#FFFFFF; text-align:center;-webkit-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.07);
-moz-box-shadow:    0px 1px 15px 0px rgba(50, 50, 50, 0.07);
box-shadow:         0px 1px 15px 0px rgba(50, 50, 50, 0.07);float:left; overflow:hidden; line-height:40px; font-size:20px; display:table; margin-top:10px;}

.top-call h3{ font-size:12px; text-transform:uppercase;  overflow:hidden; float:left; margin:16px 0px 0px 4px ;}
.top-call h3 b{ font-size:18px; font-weight:bold;}

.right-div{ float:right;}

.right-al{ float:right!important;}

.top-call{ margin-top:8px;}

.flt-left{ float:left;}




#cssmenu{   padding:0px 0px 0px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; display:table; margin:0px auto;}

#cssmenu > ul > li{font-size:14px; font-weight:500; margin-left:12px; 
}
#cssmenu > ul > li:first-child{ margin-left:0px;}

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

#cssmenu > ul > li a:hover{ color:#ffb400;}
#cssmenu > ul > li a.active{ color:#000!important; font-weight:bold; /*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; padding-bottom:10px;}
.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{ color:#ec671f!important; }



#cssmenu{   margin-top:13px;}


#cssmenu > ul ul li a{ /*border-bottom:1px solid #05312c;*/}


.sliderC{ position:relative; margin-top:0px; }

.home-slider{   overflow:hidden;}

.carousel-caption{ bottom:30%;  }












.head-right {
/*    font-family: 'Sublima';*/
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'dulkanycabold';
    src: url('../fonts/dulkanyca-webfont.woff2') format('woff2'),
         url('../fonts/dulkanyca-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'aliens_and_cowsregular';
    src: url('../fonts/aliens_and_cows_trial-webfont.woff2') format('woff2'),
         url('../fonts/aliens_and_cows_trial-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Sublima';
    src: url('../fonts/Sublima-ExtraBold.woff2') format('woff2'),
        url('../fonts/Sublima-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family:'Sublima';
    src: url('../fonts/Sublima-ExtraLight.woff2') format('woff2'),
        url('../fonts/Sublima-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}



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

.cap-inner{font-family: 'Barlow', sans-serif; text-transform:uppercase;}


.cap-inner h1{ font-size:16px; font-weight:normal; margin:5px 0px; border-left:1px solid #fff; padding-left:10px;}
.cap-inner h1 b{ font-weight:700; font-size:23px;}

.cap-inner h2{ font-size:46px; font-weight:bold;margin:5px 0px; line-height:50px;}

.cap-inner h3{ font-size:30px; font-weight:normal;margin:5px 0px 20px;}


.cap-inner a{ background:#fed000; color:#000; padding:5px 8px 5px 5px; display:table!important; overflow:hidden}

.cap-inner .fa{ padding:6px 8px; color:#000000; background:#fff; margin-right:5px;}



/*.border-bx{ margin-bottom:30px; margin-left:-70px;}*/



.logoC img{max-width:200px;}

.hd-contact{ overflow:hidden; float:left;}

.head-right{   font-weight: bold;float:right;}
.head-right h5{ color:#FFFFFF; float:left; margin-right:15px; margin:10px 20px 10px 0px; font-size:14px;}
.head-right a{ color:#FFFFFF;}
.head-right h5 span{ margin-left:10px;}
.head-right h5 .fa{ margin-right:10px;}

.bk-app{ background:#ff0000;  font-weight: bold; border:none; color:#FFFFFF; font-size:13px; text-transform:uppercase;    font-style: normal; padding:8px; border-radius:4px; float:left;}
.bk-app span{ font-weight:lighter;    font-weight: 200;}












.sliderC .carousel-item img{ width:100%;}

.slider-bottom{ position:absolute; bottom:0; color:#FFFFFF;  background:rgba(147, 73, 135, 0.5); left:0; right:0; width:100%; padding:50px 0px; color:#FFFFFF; z-index:10;}




.sliderC .carousel-caption{ text-align:left; left:12%; right:12%;  }








header{ position:absolute; top:0; left:0; right:0;}




























































/*nivo -slider*/




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




}

.custom-slider {position: relative;}

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

}
.layer-1 p, .layer-2 p { padding: 0;}
.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:4px; height:25px;

border: 1px solid #FFF; background:#FFF;
display: block;
margin-bottom: 5px;
margin: 25px 0px;
}
.slider-area.style-2  .nivo-controlNav a::before {
  background: #000 ; width:4px; height:25px; top:0; left:0; border:none;
}
    
.nivo-controlNav a.active{ border:none!important;}



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

.nivo-controlNav a.active{ background:#ed1c24; }

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}

.slideC{ position:relative;  }

.nivo-controlNav{ bottom:30px;}

nivo-controlNav {
    bottom: 35%;
}
.nivo-controlNav {
    text-align: left;
    padding-left: 5%;
}
.nivo-controlNav {
    bottom: 0;
    left: auto;
    position: absolute;
    right: 9%;
    z-index: 9;
}
.nivo-controlNav {
    padding: 15px 0;
        padding-left: 0px;
    text-align: center;
}



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

.nivo-controlNav a.active{ background:#FFF;}

.slideC{ position:relative;}

.nivo-controlNav{ bottom:35%;}



a:hover{ text-decoration:none;}





.slider-content .layer-1 {
    margin-left: 0%; margin-top:30%;
    
}









.sld-cap{ text-align:center;}
.nivo-caption{ color:#FFFFFF;}

.slider-content .layer-1 {
    margin-left: 0%;
    margin-top: 10%;
}

.nivo-caption{opacity:1;}


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

.modal-header{ padding:15px; color:#FFf; background:#333;  text-transform:uppercase;}
.modal-header h5{font-size:18px;}
.modal-footer{ border:none; padding:0px;}

.glowing-circle {
  width: 150px;
  height: 150px; display:tablele; margin:0px auto;
  border-radius:50%; overflow:hidden;

  -webkit-animation: glowing 1s ease-in-out infinite alternate;
  -moz-animation: glowing 1s ease-in-out infinite alternate;
  animation: glowing 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glowing {
  from {
    box-shadow: 0 0 10px #979797, 0 0 20px #979797, 0 0 30px #979797, 0 0 40px #979797, 0 0 50px #979797, 0 0 60px #979797, 0 0 70px #979797;
  }
  to {
    box-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ffb400, 0 0 50px #ffb400, 0 0 60px #929393, 0 0 70px #929393, 0 0 80px #979797;
  }
}


/*new*/


.sliderC  .carousel-control{ height:74px; top:45%; width:1.9%; opacity:1;}

.sliderC {
     color:#FFFFFF;}

a:hover{ text-decoration:none;}
a:focus{ outline:none; text-decoration:none;}


header{ padding-top:25px;}


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

.left-social-media{ position:absolute; left:auto; right:0; margin:0px auto; top:30%; z-index:150; text-transform:none;}

.left-social-media ul{ list-style:none; width:auto; display:table; }


.left-social-media ul li a{ color:#fff; text-align:center; line-height:35px; width:35px; height:35px; border-radius:50%; display:block; font-size:20px;}
.left-social-media ul li{ margin-bottom:10px; border-raius:50%;}

.homeSocial ul li:first-child {
  padding: 0 1px 53px 0px;
}


.left-social-media ul  li:first-child span {font-size: 14px;display: flex;position: relative;padding: 8px 15px; border-radius:100px;
color:#fff;transform: rotate(-90deg);}
.homeSocial ul li a { background: #132d39; width: 31px;  display: inline-block;  height: 30px;  margin: 2px 2px;  border-radius: 100%;  line-height: 31px;}
.homeSocial ul li a:hover,.homeSocial ul li a:focus{color:#fff; background:#ed1c24;}


.left-social-media ul  li:first-child {
  margin-left: -28px;
  margin-bottom: 23px;
}


.cap-inner {
    text-transform: uppercase;
    text-align: left; margin-left:15%;
}




/*about*/

.home-about{ background:#fff7cc url(../images/about-bg.png) center bottom no-repeat; padding:50px 0px;}

.about-round-image{ overflow:hidden; max-width:430px; position:relative; z-index:100;}

.round-half-img{ position:absolute; top:0; left:0; right:0; z-index:5;}
.about-round-image img{border-radius:50%; width:100%; position:relative; z-index:10;}

.brdr{border:10px solid #fff;border-radius:50%}



.about-image{ position:relative; padding-left:50px; padding-top:50px;}
.abt-bg-pattetn{ position:absolute; left:0; top:0;}

.about-round-image-inner { /*background:url(../images/circle-half.png) no-repeat right bottom;*/ padding:20px; background-size:auto 100%;}

.top-circle{ width:90px; height:90px; background:#fdecdc; border:15px solid #fbb13b; border-radius:50%; position:absolute; top:70px; left:53px;}

.bottom-circle{ width:90px; height:90px; background:#fdc904;
 border:15px solid #fff; border-radius:50%; position:absolute; bottom:30px; right:120px;}


.angle-pattern{  position:absolute; top:30px; right:0px; z-index:5;}

.about-logo{ margin-bottom:20px; margin-top:50px;}
.about-right-C h2{ font-size:15px;}
  
 
  .about-right-C h3{ font-size:50px;color:#fff; margin:0px auto;-webkit-text-stroke-color: #333;color: transparent !important;-webkit-text-stroke-width: 1px;}
  .about-right-C h3 b{ font-size:50px;}
  .about-right-C h4{ font-size:30px;}

  .about-right-C  h5{ font-size:20px; padding:5px 8px; text-transform:uppercase; display:table; background:#a1a2a3; color:#FFFFFF;}
  
  
  .abt-txt{ margin-top:25px;font-family: 'Poppins', sans-serif;}
    .about-right-C p{ font-weight:400; font-size:14px; line-height:20px;}
	

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
  
  
  
    .section-orang{ background:url(../images/orange.jpg) repeat;/* background-size:100% 100%;*/ padding:90px 0px; color:#fff;}
  .section-orang ul li{ text-align:center; float:left; margin-right:10px;}

.org-bx{background:#fed000; padding:15px; margin-bottom:10px; }
  .section-orang ul{ margin:0px; padding:0px 0px; list-style:none;  }
	    .section-orang h3{ font-size:50px; font-weight:200;}
		    .section-orang h3 b{ font-weight:800;}
			
			
		.sec-orange-txt{margin-bottom:45px; width:80%;}	
	   .section-orang h4{ font-size:16px;}		
	   
	   .img-right-imgC{ padding:20px 50px 40px; background:url(../images/image-right-border.png) right repeat-y; float:right; width:98%;}
			
	.im-right img{ border-radius:10px; width:100%;}	
	

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



.card {
  position: relative;

  color: #fff;
  background: transparent;
  overflow: hidden;
  border-top: 1px solid rgba(255, 49, 49, 0.5);
  border-right: 1px solid rgba(0, 255, 255, 0.5);
  border-bottom: 1px solid rgba(57, 255, 20, 0.5);
  border-left: 1px solid rgba(255, 255, 113, 0.5);
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 1em;
}



.card span {
  position: absolute;
  border-radius: 100vmax;
}

.top {
  top: 0;
  left: 0;
  width: 0;
  height: 5px;
  background: linear-gradient(
    90deg,
    transparent 50%,
    rgba(255, 49, 49, 0.5),
    rgb(255, 49, 49)
  );
}

.bottom {
  right: 0;
  bottom: 0;
  height: 5px;
  background: linear-gradient(
    90deg,
    rgb(57, 255, 20),
    rgba(57, 255, 20, 0.5),
    transparent 50%
  );
}

.right {
  top: 0;
  right: 0;
  width: 5px;
  height: 0;
  background: linear-gradient(
    180deg,
    transparent 30%,
    rgba(0, 255, 255, 0.5),
    rgb(0, 255, 255)
  );
}

.left {
  left: 0;
  bottom: 0;
  width: 5px;
  height: 0;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 113),
    rgba(255, 255, 113, 0.5),
    transparent 70%
  );
}

.top {
  animation: animateTop 3s ease-in-out infinite;
}

.bottom {
  animation: animateBottom 3s ease-in-out infinite;
}

.right {
  animation: animateRight 3s ease-in-out infinite;
}

.left {
  animation: animateLeft 3s ease-in-out infinite;
}

@keyframes animateTop {
  25% {
    width: 100%;
    opacity: 1;
  }

  30%,
  100% {
    opacity: 0;
  }
}

@keyframes animateBottom {
  0%,
  50% {
    opacity: 0;
    width: 0;
  }

  75% {
    opacity: 1;
    width: 100%;
  }

  76%,
  100% {
    opacity: 0;
  }
}

@keyframes animateRight {
  0%,
  25% {
    opacity: 0;
    height: 0;
  }

  50% {
    opacity: 1;
    height: 100%;
  }

  55%,
  100% {
    height: 100%;
    opacity: 0;
  }
}

@keyframes animateLeft {
  0%,
  75% {
    opacity: 0;
    bottom: 0;
    height: 0;
  }

  100% {
    opacity: 1;
    height: 100%;
  }
}


	
	.imigration-right-c{ overflow:hidden; position:relative; padding-left:50px;}
.imigration-right-c h5 {
    position: absolute;
    font-size: 15px;
    left: -10%;
    top: 48%;
    font-weight: normal;
    transform: rotate(270deg);
}

.section-orang h3 {

    margin-top: 70px;
}
	
	
	
	
	
.specialist{ background:url(../images/spl-bg.jpg) repeat-x bottom; padding:40px 0px; background-size: auto 100%;}

.specialist  h2{ font-size:50px; margin:25px 0px; font-weight:lighter; background:url(../images/spl-h2.png) bottom left no-repeat; padding-bottom:15px;}
.specialist  b{ font-weight:bold;}	
	
.spl-img{ overflow:hidden; position:relative;}
.spl-img { width:100%;}	
	

.spl-logo{ margin-top:50px; margin-bottom:25px;}	
.spl-content { position:absolute; right:0; top:0; width:50%; z-index:10; color:#FFFFFF; padding:25px;padding-left:0px;}
	
	.specialist h3{ font-size:30px; font-weight:400; margin:0px 0px 15px;}
	.specialist p{ font-size:16px; line-height:20px}
	
	.specialist h4{ font-size:17px; font-weight:normal; color:#fed000; margin-top:50px;}	
	
	
	
.spl-img-out{ position:relative; padding:25px 25px 0px 0px; background:url(../images/angle-pattern.png) no-repeat right top; margin-bottom:40px;}	
	


.spl-border-bx{ display:flex;color:#000000; padding:25px;}	
	
	.spl-border-bx h5{ color:#fff; font-size:30px; margin-bottom:10px;}
.spl-ic2{ margin-right:30px;}	

.spl-cntnt{ width:70%;}	
	
	

.spl-border-bx .spl-ic2{ margin-top:15px; background:#fff; width:65px; height:65px; overflow:hidden;border-radius:4px; padding:15px; margin-top:12px; font-size:25px;}


.spl-border-bx .spl-ic2 img{ width:80%;}

.spl-border-bx{ color:#fff;}
.brd1:nth-child(1) .spl-border-bx{ border-bottom:1px solid #c27d0e;  border-right:1px solid #c27d0e; }

.brd1:nth-child(2) .spl-border-bx{ border-bottom:1px solid #c27d0e; }


.brd1:nth-child(3) .spl-border-bx{ border-bottom:1px solid #c27d0e;  border-right:1px solid #c27d0e;}

.brd1:nth-child(4) .spl-border-bx{ border-bottom:1px solid #c27d0e; }


.0-marg{ margin:0px 0px; }


.brd1{ padding:0px 0px; }

	
	
	
	
	
/*expert-guid*/

.expert-guid{ margin:50px 0px; overflow:hidden; position:relative;}
.expert-guid h2{ font-size:50px; font-weight:normal; margin:0px 0px 10px; line-height:50px;}
.expert-guid h2 span{ font-size:35px;}	
.exprt-top-txt p{ font-size:16px; line-height:22px;}	
	
	.exper-C{ overflow:hidden; position:relative;}




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






.expert-txt{ position:absolute; top:0; left:0; right:0; color:#FFFFFF; padding:70px 40px;}


 .exper-C h3 {
    font-size: 44px;
    font-weight: bold;
    line-height: 58px;
    margin-bottom: 45px;
}
.exper-C b{ font-size:30px; font-weight:normal!important}
.exper-C h3 span{ font-size:50px; font-weight:lighter;}
	
/*.exper-C  a{ background:#fed000; color:#000; padding:10px 13px; display:table; font-size:30px; line-height:20px; font-weight:200;    padding: 10px 13px 15px

}*/	
	
.exper-C p{ margin-top:30%; bottom:20px;}	
	
	
	
	.exper-C h4{ font-family: 'aliens_and_cowsregular'; font-size:30px;  
}
	
	
	
	.exper-C h4 b{     font-family: 'dulkanycabold'; font-weight:normal; font-size:50px;
}
	
	.exper-C h5{ font-size:25px; text-transform:uppercase; font-weight:normal; float:right; margin-left:90%;}	
	
	
.h-service{ overflow:hidden; position:relative;}
.h-service img{ width:100%;}	


.h-service h3{ position:absolute; font-size:25px; font-weight:bold; margin:30px; top:0; left:0;}

.h-service .konw-btn{ position:absolute; font-size:25px; font-weight:bold; margin:30px; bottom:0; z-index:5; left:0; font-size:16px; font-weight:bold; color:#FFFFFF;}

.h-service .konw-btn img{ margin-right:10px;}

.h-service h3 b{ font-size:30px;}
.konw-btn img{ width:auto;}


.home-serviceC{ background:#ee6e48; padding:100px 0px;}
.home-serviceC h2{ color:#FFFFFF; margin:0px 0px 20px; font-size:50px;}
.home-serviceC h2 b{ color:#fed000;}

.trending-cource{ overflow:hidden; background:#f1c40f; padding:60px 0px 0px; overflow:hidden;}

.trending-cource h2{ font-size:50px; font-weight:200; color:#231c16;}
.trending-cource h2 b{ font-weight:900;}

.trending-cource img{ margin-top:20px;}

.trending-cource ul{ background:#2f0f04; padding:20px 35px; border-radius:10px; list-style:none;}
.trending-cource ul a{ color:#FFFFFF; padding:17px 0px 17px; display:block;}
.trending-cource ul li a{ border-bottom:1px solid #fff;}
.trending-cource ul li:last-child a{ border-bottom:0px;}
.trending-cource ul li a{ padding-left:20px; position:relative;}
.trending-cource ul li a:before{content:'\f101';font-family:FontAwesome;color:#fff; left:0; position:absolute;}
		
		
		.course-btm-img{ overflow:hidden; margin-bottom:-20px;}
		.course-btm-img img{ max-width:100%;}
		


.trending-cource h3{ font-size:22px; font-weight:normal; margin-top:30px; margin-bottom:30px;}
.trending-cource h3 b{ font-size:28px; font-weight:normal}

.right-listing{ margin-top:67px;}


.hot-vacancy{ overflow:hidden;}

.trending-cource{ padding:70px 0px 0px;}



.hot-vacancy{ background:url(../images/dot-pattern.png); padding:50px 0px 50px;}


.hot-vacancy h2{ font-size:50px; color:#ed6f1e; font-weight:200; margin:0px 0px 40px; border-bottom:1px solid #bfbfbf; line-height:80px;}
.hot-vacancy h2 b{ font-variant:900; color:#000000;}

.vacancy-C h3{ font-size:22px; font-weight:bold;}
.vacancy-C h3 span{ font-size:16px; }

.vacancy-C h4{ font-size:16px; font-weight:normal }

.vacancy-C h5{ font-size:20; margin:25px 0px 15px; font-weight:900;}

.more-btn .fa{ background:#fed000; padding:10px; border-radius:3px; margin-right:8px; color:#000000;}

/*.vacancy-C  a { color:#000000; font-weight:bold; font-size:16px;}
*/

.more-btn{ color:#000000; font-weight:bold; font-size:16px;}

.vacany-txt{ margin-bottom:20px; overflow:hidden;}

.rltv{ position:relative;}
.lence-img{ position:absolute; top:20px; right:0;}
.lence-img img{ max-width:80%;}




	#intro-2 { background:url(../images/video-background.jpg) no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 180px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto; text-align:center;

}

	#intro-2 h2{ font-size:30px; font-weight:normal; margin:0px auto; }	
	
	#intro-2 h3{ font-size:50px; font-weight:900;}	
	


/*.h-service{ cursor:pointer;}*/
.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:#f5f5f5; 
border:5px solid rgba(255, 255, 255, 0.5);}


/* 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 #fba41a;
  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;

  }
}


	
	
	/*testimonial*/
	
.testimonial{ background:url(../images/testi-bg.jpg); padding:60px 0px;}
.testimonial h2{ font-size:18px; text-transform:uppercase; font-weight:normal; position:relative; padding-right:280px; display:table; margin-bottom:80px;}
.testimonial h2:after{ background:url(../images/h22-bg.png) no-repeat bottom right; bottom:5px; width:271px; height:2px; position:absolute; content:'';}


.testimonial h3{ font-size:52px; font-weight:800; margin-left:30%; background:url(../images/test-yello-bg.png) left no-repeat ;    background-position: 0 26px;
 overflow:hidden; margin-bottom:50px;}
.testimonial h3 span{ font-weight:normal!important;}


.testi-icon{ position:relative;}


.testi-slider{ display:flex;}

.testimonail-right{ margin-left:50px;}
.testi-img{ width:150px; height:150px; border-radius:50%; padding:8px; overflow:hidden; margin-left:60px; }


.testi-img {
	background: linear-gradient(-45deg, #fecf00, #f9b105, #ef7a1b, #ff1e00);
	background-size: 400% 400%;
	animation: gradient2 1s ease infinite;
	
}

@keyframes gradient2 {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.testi-img img{ width:100%; border-radius:50%;}

.testimonail-right ul{ list-style:none; margin:10px 0px; padding:0px 0px;}
.testimonail-right ul li{ float:left; margin-right:15px; font-size:18px;}	
.testimonail-right ul li a{ color:#f9d73b;}

.testimonial  h4{ color:#ed711d; font-size:30px; font-weight:800;}

.testimonial  h5{ color:#858585; font-size:18px;}
	
.testi-slider{ position:relative;}	
.testi-circle{ position:absolute; top:50px; right:0;}

.testimonail-right{ width:70%;}


/*news*/



	#intro-3 { background:#f7ddda url(../images/news-bg1.jpg); margin: 0 auto; 
 width: 100%;   position: relative; height:100%;  padding: 80px 0; background-attachment:fixed;  background-size:100%  auto; 

}
.news{}

.news h2{ font-size:35px; font-weight:normal; line-height:38px; margin:0px 0px 50px;}
.news h2 span{ font-weight:bold; color:#ed6f1e;}

.news-c h3{ font-size:22px;}

.news-c h4{ color:#2d2d2d; font-size:14px; padding:5px; border:1px solid #2d2d2d; display:table; margin:20px 0px;}
 
.news-c p{ font-size:16px; line-height:16px; text-align:left;}

.veiew-all{ padding:5px; color:#FFFFFF; font-size:14px; background:#ed6f1e;}



.latest-nsC{ margin:0px 15px; text-align:left;}

.lts-ns-right p{ text-align:left;}
.lts-ns-right .fa{ margin-right:10px;}

.ceo-msg{ background:#f9f3eb url(../images/ceo-pattern.png) bottom right no-repeat; padding:100px 0px;}

.ceo-img{ overflow:hidden; border-bottom-right-radius:45px; position:relative; padding:0px 18px 18px; display:table;}

.ceo-img:after{ background:#000000; width:90%; height:95%; right:0; bottom:0; content:''; position:absolute;}
.ceo-img img{ max-width:100%; border-bottom-right-radius:45px; position:relative; z-index:5;}

.ceo-out{ position:relative; padding:30px 0px 0px 30px;}
.ceo-top-ppattern{ position:absolute; left:0; top:0;}


.ceo-tit{ display:flex; margin-bottom:30px;}
 .ceo-msg h2{ font-size:45px; color:#d0cbc4; line-height:45px; margin-right:10px;font-weight:800; margin-top:10px;}

 .ceo-msg h3{ font-size:96px; color:#d0cbc4; font-weight:900;}
 
  .ceo-msg  h4{ background:#fe5b2c; font-size:21px; padding:8px 11px; display:table; color:#FFFFFF;}
  
   .ceo-msg  h5  { font-size:25px; font-weight:bold;}
   
   .test-comment{ line-height:27px; font-size:15px; margin:20px 0px;}

  .ceo-msg  h6{ font-size:21px; font-weight:800;}
    .ceo-msg  h6 span{ font-size:19px; color:#95918c; font-weight:normal;}
	
	.ceo-logos{ margin-top:30px; display:flex;}
	.ceo-logos img{ width:250px; margin-right:5px;}

.ceo-right{ max-width:90%; padding-left:50px;}


.ceo-right-out{ position:relative;}
.ceo-mdl-logo{ position:absolute; left:0; right:0; margin:0px auto; text-align:center; position:absolute; top:10%;}



.latest-news{ padding:80px 0px; background:url(../images/lts-ns-bg.jpg);}

.latest-news h2{ font-size:20px; font-weight:800; text-transform:uppercase; color:#ed711d;}
.latest-news h3{ font-size:33px; font-weight:300; color:#ed711d; margin-bottom:50px;}
.latest-news h3 b{  font-weight:900; color:#000;}


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;900&display=swap');
.latest-nsC{ background:#ed711d;font-family: 'Poppins', sans-serif;}

.lts-ns-right{ margin:18px; color:#FFFFFF; text-align:left;}
.lts-ns-right h4{ font-size:14px; margin:0px 0px 15px; color:#000000;}

	.lts-ns-right h5{ font-size:15px; margin:0px 0px 15px; font-weight:bold;}
	
		.lts-ns-right p{ font-size:13px; line-height:20px;}
		
		
		
		
		
.canada-map{ padding:80px 0px; background:#e59311;}		
	.map-leftC{ position:relative;min-height:300px;}
		
.canada-map h2{ font-size:22px; text-transform:uppercase; font-weight:300; display:table; background:#fff; padding:10px;    transform: rotate(-90deg); position:absolute;     top: 109px; color:#000;
    left: -133px; }		
		
		
	.canada-map h3{ font-size:22px;  font-weight:lighter; display:table; background:#000; padding:10px; color:#FFFFFF; margin-top:80px;}		
	
		
	.canada-map h4{ font-size:60px; font-weight:lighter; margin:50px 0px;color:#FFFFFF;}		
		
		.canada-map h4 b{ font-size:60px; font-weight:900;color:#FFFFFF;}		
	
		.canada-map h4 img{ margin-right:5px;}	
		
		.map-lft-txt{ margin-left:150px;color:#FFFFFF;}
	
	
	
	
	
	.bg-map{ overflow:hidden;}
	.bg-map img{ width:100%;}
	
		.maps{ overflow:hidden;}
	.maps img{ width:100%;}
	



	
	
	/*map*/
	
	 .map-out{  position:relative; overflow:hidden;}
	  
	  	  .map-s{ margin:0px auto; display:table; position:relative; overflow:hidden;}

	  .maps{ position:absolute; left:0; right:0; margin:0px auto; top:0; bottom:0;}
	  
/*	  .map-pointer{ z-index:20; cursor:pointer; background:#fff; padding:10px;}
*/	  .map-pointer img{ max-width:25px;}
	  
	  .map-pointer{ margin:30px; float:left;}
	  
	  .pointer-2 {
    top: 37%;
    left: 23%;}
	
	.pointer-1 {
    top: 56%;
    left: 23%;}
	
	  .pointer-3 {
    top: 67%;
    left: 53%;}
	






	.map-pointer{ position:relative; cursor:pointer; z-index:20; position:absolute;}

 .nunavut-pointer {
    top: 24%;
    left: 38%;
}



 .nunavut{ opacity:0;-webkit-transition: all 0.4s ease-in-out;}
 
 
 
 
.territories-pointer {
    top: 35%;
    left: 17%;
}

 .northwest-Territories{ opacity:0;-webkit-transition: all 0.4s ease-in-out;}

 
 
 
 
 
.yokon-pointer {
    top: 28%;
    left: 3%;
}
 
 .yokon{ opacity:0;-webkit-transition: all 0.4s ease-in-out;}
 
 
 
.british-columbia-pointer {
    top: 52%;
    left: 5%;
}
 
 
 .british-columbia{opacity:0;-webkit-transition: all 0.4s ease-in-out;}
 
 
 
  
.alberta-pointer {
    top: 60%;
    left: 15%;
}
  .alberta{opacity:0;-webkit-transition: all 0.4s ease-in-out;}



 
.saskatchewan {opacity:0;-webkit-transition: all 0.4s ease-in-out;}

 
.saskatchewan-pointer {
    top: 60%;
    left:25%;
}
 
 


 
 
 
 
.manitoba {opacity:0;-webkit-transition: all 0.4s ease-in-out;}

 
.manitoba-pointer {
    top: 68%;
    left:35%;
}		
 
 
 .ontario {opacity:0;-webkit-transition: all 0.4s ease-in-out;}

 
.ontario-pointer {
    top: 70%;
    left:45%;
}		
 
 
 
 .quebec {opacity:0;-webkit-transition: all 0.4s ease-in-out;}

 
.quebec-pointer {
    top: 70%;
    left:65%;
}		
  
 
  .new-brunswick {opacity:0;-webkit-transition: all 0.4s ease-in-out;}

 
.new-brunswick-pointer {
    top: 71%;
    left: 78%;
} 
 
 
 
  
  .nova-scotia  {opacity:0;-webkit-transition: all 0.4s ease-in-out;}

 

.nova-scotia-pointer {
    top: 73%;
    left: 82%;
}









  .prince-Edward-Island   {opacity:0;-webkit-transition: all 0.4s ease-in-out;}

 

.prince-Edward-Island-pointer {
    top: 67.5%;
    left: 82%;
}




  .newfoundland-and-Labrador  {opacity:0;-webkit-transition: all 0.4s ease-in-out;}

 

.newfoundland-and-Labrador-pointer {
    top: 52.5%;
    left: 77%;
}







.yokon-pointer {
 /*   background: #ccc;*/
    width: 8%;
    height: 14%;
    top: 24%;
    left: 0;
    text-align: center;
}
.british-columbia-pointer {
    top: 52%;
    height: 5%;
    /* left: 25%; */
    text-align: center;
    height: 25%;
    top: 44%;
    padding-top: 5%; left:0;
    width: 8%;
}

.alberta-pointer {
    top: 51%;
    left: 12%;
    width: 7%;
    text-align: center;
    height: 18%;
    padding-top: 5%;
}



.saskatchewan-pointer {
 top: 56%;
    left: 22%;
    width: 7%;
    text-align: center;
    height: 18%;
    padding-top: 5%;
}
.manitoba-pointer{
top: 56%;
    left: 32%;
    width: 6%;
    text-align: center;
    height: 18%;
    padding-top: 5%;
}

.ontario-pointer {
    top: 63%;
    left: 42%;

    width: 15%;
    text-align: center;
    height: 18%;
    padding-top: 5%;
}







.quebec-pointer {
    top: 53%;
    left: 59%;

    width: 13%;
    text-align: center;
    height: 24%;
    padding-top: 5%;
}


.british-columbia-pointer {

    height: 5%;
    /* left: 25%; */
    text-align: center;
    height: 25%;
    top:15%;
    padding-top: 5%;
    left: 0;
    width: 8%;
}

.yokon-pointer {
 
    height: 5%;
    /* left: 25%; */
    text-align: center;
    height: 16%;
    top: 22%;
    padding-top: 5%;
    left: 0;
    width: 8%;
}



.nunavut-pointer {

    height: 5%;
    /* left: 25%; */
    text-align: center;
    height: 16%;
    top: 22%;
    padding-top: 5%;
    left: 29%;
    width: 18%;
}







.british-columbia-pointer {
    top: 28%;
    height: 5%;
    /* left: 25%; */
    text-align: center;
    height: 25%;
    top: 44%;
    padding-top: 5%;
    left: 0;
    width: 8%;
}













.territories-pointer {
    top: 29%;
    width: 10%;
    text-align: center;
    height: 15%;
    left: 11%;
    padding-top: 3%;
}


.map-2{ opacity:0; -webkit-transition: all 0.4s ease-in-out;}

.map-3{ opacity:0; -webkit-transition: all 0.4s ease-in-out;}









.tooltip1 {
  position: relative; min-height:300px;   margin-top:-60px; min-width:25px; font-size:13px; 
}

.tooltip1 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background:rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center; min-width:200px;
  border-radius: 6px;
  padding: 5px 0; margin-left:25px;

  /* Position the tooltip */
  position: absolute;
  z-index:130!important;padding:15px;
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
}

.tooltiptext { z-index:130!important;}


.map-pointer .fa{ font-size:20px;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.map-pointer:hover .fa{ color:#FFFFFF; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
	
.canada-map{ position:relative; overflow:hidden;}

.map-container{ position:relative; z-index:5;}
.map-background-img{ position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;opacity:0; -webkit-transition: all 0.4s ease-in-out;}

.map-background-img img{height:100%;}


.benefits{ background:url(../images/insta-bg.jpg); padding:70px 0px;}

.benefits-text{ color:#fff; padding:30px; border-radius:15px; background:#fe5b2c; margin-left:80px;}
.benefits-text h2{ font-size:30px; text-transform:uppercase; font-weight:bold;}


@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@200;300;400;500;600;700;900&display=swap');

.benefits  h3{ font-size:36px; color:#fff; text-transform:uppercase;font-family: 'Bebas Neue', sans-serif; letter-spacing:2; margin-top:50px; }




.cts-ic{ margin-right:55px;}

.left-cl img{ width:auto; height:auto;}
.left-cl{ display:flex; margin-left:25px;}

.benefits h3 b{ font-size:62px; color:#ffb400; font-weight:normal;
}

.benefits h3 span{ font-size:62px; color:#ed711d;letter-spacing:3;}


.footer-top-cts{ background:#facccc url(../images/map-bg2.png) center no-repeat; padding:80px 0px; color:#000000;}

 .footer-top-cts h2{ font-size:40px; font-weight:normal; margin:0px 0px;}
 .footer-top-cts h3{ font-size:38px; font-weight:bold;margin:0px 0px;}
 .footer-top-cts h4{ font-size:50px; font-weight:bold;}

 .footer-top-cts h5{ font-size:20px; font-weight:bold;margin:0px 0px;}

 .footer-top-cts h6{ font-size:16px; font-weight:normal; margin-top:15px;}
  .footer-top-cts h6 .fa{ margin-right:10px; }




.red-button{ background:#e60002; color:#FFFFFF; text-transform:uppercase; padding:8px 15px; border-radius:30px; display:table; margin:0px auto; margin-bottom:20px; margin-top:60px;}

.social-media{ margin:5px auto; display:table; list-style:none; padding:0px 0px;}
.social-media li{ float:right; margin-right:10px; font-size:25px;}
.social-media li a{ color:#e60002;}
.social-media li a .fa{margin-left:10px;}



footer{ background:#121212 url(../images/footer-bg.png) left bottom no-repeat; padding:60px 0px 0px; color:#FFFFFF;}
footer a{ color:#FFFFFF;}

footer h3{ font-size:16px; font-weight:bold; margin:0px 0px 15px;}
.footer-logo{ margin-bottom:30px;}
.cino-info p{ margin-bottom:5px; font-size:12px;}
footer ul{ list-style:none; margin:0px 0px; padding:0px 0px;}
footer ul li{ font-size:12px; line-height:27px;}

.ftr-nav li{ float:left; width:49%;}

.social-media-ftr{ display:block; float:none; overflow:hidden; margin-bottom:30px; }
.social-media-ftr li{ float:left; margin-right:10px;font-size:25px;}

.f1{ width:20%;}
.f2{ width:31%;}
.f3{ width:15%;}
.f4{ width:20%;}
.f5{ width:14%;}


.fotter-info{ margin:25px 0px;border:1px solid #fff; padding:14px;}
.fotter-info p{ font-size:12px; margin-bottom:0px; }


.copy-right{ background:#41413e; padding:20px 0px;}
.copy-right p{ font-size:16px; margin-bottom:0px;}
.copy-right{ font-size:16px;}

.prv{ float:right;}




@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}



.avatar {
 
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;

}


/* Sticky Content
   ========================================================================== */
.sticky-content {
    position: sticky;
    top: 0;
    z-index: 1010;
    background-color: #333;
    color: #FFFFFF;
    padding: 10px 0px; border-bottom:3px solid #ec671f;
}
.sticky-content-title {
    margin: 0;
}
.placeholder-content {
    height: 1000px;
    background-color: yellow;
    background: linear-gradient(180deg, rgba(255,255,0,1) 0%, rgba(255,140,0,1) 100%);
}
.placeholder-title {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-left: 20px;
}
.placeholder-separator {
    margin-top: 3rem;
    margin-bottom: 3rem;
}


@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 6s linear infinite;
  -moz-animation: rotating 6s linear infinite;
  -ms-animation: rotating 6s linear infinite;
  -o-animation: rotating 6s linear infinite;
  animation: rotating 6s linear infinite;
}


@keyframes color {
	1%   { background: #44659a; }
	20%  { background: #df7344; }
	40%  { background: #fba419; }
	60%  { background: #FCCA00; }
	80%  { background: #72e57a; }
	100% { background: #56b65d; }
}

.color-animation { animation: color 9s infinite linear;

}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}



.avatar {
 
  transform: translatey(0px);
  animation: float 6s ease-in-out infinite;

}


/*hover*/

/*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}
/*********************** Demo - 2 *******************/
.box2{position:relative}
.box2 img{width:100%;height:auto}
.box2 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
.box2 .box-content:after,.box2 .box-content:before,.box2:after,.box2:before{content:"";width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .5s ease 0s}
.box2:before{background:linear-gradient(45deg,rgba(0,0,0,.2) 49%,transparent 50%);left:-100%}
.box2:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.2) 50%);left:160%}
.box2 .box-content:after,.box2 .box-content:before{width:65%;height:65%;background:linear-gradient(45deg,rgba(0,0,0,.3) 49%,transparent 50%);left:-100%;transition-delay:.1s}
.box1 .box-content:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.3) 50%);left:160%}
.box2:hover .box-content:after,.box2:hover .box-content:before,.box2:hover:after,.box2:hover:before{left:50%}
.box2 .inner-content{width:50%;height:50%;color:#fff;padding:40px 0;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) scale(0);transition:all .3s ease .2s}
.box2 .inner-content:after{width:100%;height:100%;background:rgba(255,79,79,.8);position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%) rotate(45deg)}
.box2:hover .inner-content{transform:translate(-50%,-50%) scale(1);transition:all .3s ease 0s}
.box2 .title{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.box2 .post{display:block;font-size:14px;text-transform:capitalize;margin-bottom:7px}
.box10 .title,.box11 .title,.box4 .title,.box5 .title,.box6 .box-content,.box7 .title{text-transform:uppercase}
.box2 .icon{padding:0;margin:0;list-style:none;transform:rotateY(360deg) scale(0);transition:all .3s ease 0s}
.box2:hover .icon{transform:rotateY(0) scale(1)}
.box2 .icon li{display:inline-block;margin:0 3px}
.box2 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:16px;color:#505050;transition:all .3s ease 0s}
.box2 .icon li a:hover{box-shadow:0 0 0 5px rgba(0,0,0,.5);background:#fff;color:#ff4f4f}
@media only screen and (max-width:990px){.box2{margin-bottom:30px}
}
@media only screen and (max-width:320px){.box2 .inner-content{padding:25px 0}
.box2 .title{font-size:16px}
}
/*********************** Demo - 3 *******************/
.box3{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box3 .box-content,.box3:after,.box3:before{position:absolute;left:7%;right:7%;transition:all .3s}
.box3:after,.box3:before{display:block;background:rgba(0,0,0,.3);top:10%;bottom:10%;z-index:1;transform:scale(0,1)}
.box3:after{top:10.8%;bottom:10.8%;transform:scale(1,0)}
.box3:hover:after,.box3:hover:before{transform:scale(1);animation:animate 1.5s}
.box3:hover:before{border-top:3px solid #fff;border-bottom:3px solid #fff}
.box:hover:after{border-left:3px solid #fff;border-right:3px solid #fff}
.box img{width:100%;height:auto;transition:all .3s}
.box3:hover img{transform:scale(1.2);filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px)}
.box3 .box-content{padding:30px 10px;top:10%;bottom:10%;opacity:0;z-index:2}
.box3:hover .box-content{box-shadow:0 0 0 35px rgba(255,255,255,.3);opacity:1;transition:all .3s}
.box3 .title{font-size:24px;font-weight:600;color:#88c425;margin:0 0 5px}
.box3 .post{display:block;margin:0 0 5px;font-size:14px;color:rgba(255,255,255,.8)}
.box3 .description{font-size:14px;color:#fff;margin:0 0 20px}
.box3 .icon{padding:0;margin:0;list-style:none}
.box3 .icon li{display:inline-block;margin:0 10px 0 0}
.box3 .icon li a{display:block;width:30px;height:30px;line-height:30px;color:#fff;background:#88c425;transition:all .5s}
.box3 .icon a:hover{text-decoration:none;animation:animate-hover .5s;transition:all .3s}
@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box10,.box11,.box12,.box14,.box4,.box5,.box6,.box7,.box9{box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:990px){.box3{margin-bottom:30px}
.box3 .box-content{padding:10px}
.box3 .description{margin-bottom:10px}
}
@media only screen and (max-width:479px){.box3 .title{margin:0}
}

/*********************** Demo - 4 *******************/
.box4{position:relative}
.box4:before{width:0;height:200%;background:rgba(0,0,0,.5);position:absolute;top:0;left:-250px;bottom:0;transform:skewX(-36deg);transition:all .5s ease 0s}
.box4:hover:before{width:200%}
.box4 img{width:100%;height:auto}
.box4 .box-content{width:100%;height:100%;padding-top:20%;position:absolute;top:0;left:0;transform:scale(0);transition:all .3s ease 0s}
.box4 .icon,.box5 .icon{list-style:none;padding:0}
.box4:hover .box-content{transform:scale(1)}
.box4 .title{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box4 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:20px}
.box4 .icon{margin:0}
.box4 .icon li{display:inline-block}
.box4 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:20px;background:#fff;color:#ee4266;margin-right:10px;transition:all .3s ease 0s}
.box5 .icon,.box5 .icon li{display:inline-block}
@media only screen and (max-width:990px){.box4{margin-bottom:30px}
}
@media only screen and (max-width:767px){.box4:before{left:-400px}
.box4:hover:before{width:300%}
}

/*********************** Demo - 5 *******************/
.box5{background:#444;position:relative}
.box5:after,.box5:before{width:50px;height:50px;border-radius:50%;background:#10a5b8;position:absolute;top:-80px;left:15px;opacity:0;z-index:1;transition:all .35s ease}
.box5:after{top:auto;left:auto;bottom:-80px;right:15px}
.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5 img{width:100%;height:auto;transition:all .35s ease-out 0s}
.box5:hover img{opacity:.4}
.box5 .icon{margin:0;position:absolute;bottom:15px;right:15px;z-index:2;transform:scale(0);transition:all .35s ease-out}
.box5:hover .icon{transform:scale(1);transition-delay:.15s}
.box5 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#444;margin-right:10px;position:relative;transition:all .5s ease 0s}
.box5 .icon li a:hover{background:#444;color:#fff}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:1}
.box5 .title{font-size:20px;font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .post{display:inline-block;font-size:16px;color:#fff;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box6 .title,.box6 img,.box6:after{transition:all .35s ease 0s}
@media only screen and (max-width:990px){.box5{margin-bottom:30px}
}
/*********************** Demo - 6 *******************/
.box6{background:#000;position:relative}
.box6:after{background:rgba(0,0,0,.7);position:absolute;top:0;left:-30%;bottom:0;right:70%;transform:skew(20deg) translateX(-75%)}
.box6:hover:after{transform:skew(20deg) translateX(0)}
.box6 img{width:100%;height:auto}
.box6:hover img{opacity:.5}
.box6 .box-content{padding:20px;text-align:right;position:absolute;top:0;right:0;z-index:1}
.box6 .icon,.box7 .icon{padding:0;list-style:none}
.box10 .icon li a,.box11,.box12,.box13,.box14,.box6 .icon li a,.box7,.box7 .icon li a,.box8,.box8 .icon li a{text-align:center}
.box6 .title{font-size:20px;font-weight:900;color:#fff;margin:0 0 10px;transform:scale(0)}
.box6:hover .title{transform:scale(1)}
.box6 .icon li,.box6 .post{opacity:0;transform:translateX(40px);transition:all .35s ease 0s}
.box6 .post{display:block;font-size:14px;color:#fff;margin-bottom:5px}
.box6 .icon{display:inline-block;margin:0}
.box6:hover .icon li,.box6:hover .post{opacity:1;transform:translateX(0)}
.box6:hover .icon li:first-child{transition-delay:.1s}
.box6:hover .icon li:nth-child(2){transition-delay:.2s}
.box6 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:18px;color:#605f5f;margin-bottom:5px;transition:all .35s ease}
.box6 .icon li a:hover{background:#605f5f;color:#fff}
@media only screen and (max-width:990px){.box6{margin-bottom:30px}
}

/*********************** Demo - 7 *******************/
.box7{position:relative}
.box7:after,.box7:before{width:100%;height:100%;background:rgba(11,33,47,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box7:after{background:rgba(255,255,255,.3);border:2px solid #0dab76;top:0;left:170%;opacity:1;z-index:1;transform:skewX(45deg);transition:all 1s ease 0s}
.box7:hover:before{opacity:1}
.box7:hover:after{left:-170%}
.box7 img{width:100%;height:auto}
.box7 .box-content{width:100%;position:absolute;bottom:-100%;left:0;transition:all .5s ease 0s}
.box7:hover .box-content{bottom:30%}
.box7 .title{display:block;font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box7 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:10px}
.box7 .icon{margin:0}
.box7 .icon li{display:inline-block}
.box7 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;background:#0dab76;font-size:18px;color:#fff;margin-right:10px;transition:all .5s ease 0s}
.box8 .icon li,.box8 .title{display:inline-block}
.box7 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box{margin-bottom:30px}
}

/*********************** Demo - 8 *******************/
.box8 .icon,.box8 .title{margin:0;position:absolute}
.box8{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box8 img{width:100%;height:auto}
.box8 .box-content{width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;position:absolute;top:0;left:0;transform:perspective(400px) rotateX(-90deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box8 .icon li a,.box8 .title{background:#ef4050;font-size:20px;color:#fff}
.box8:hover .box-content{opacity:1;transform:perspective(400px) rotateX(0)}
.box8 .title{padding:5px 7px;border-radius:5px;font-weight:600;bottom:20px;left:20px;transition:all .9s ease 0s}
.box8 .icon li a,.box9 .box-content,.box9 .icon li,.box9 img{transition:all .35s ease 0s}
.box8:hover .title{bottom:-40px}
.box8 .icon{list-style:none;padding:0;top:42%;left:0;right:0}
.box8 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;margin-right:7px}
.box9 .icon,.box9 .title{width:100%;font-size:22px}
.box8 .icon li a:hover{background:#fff;color:#000}
@media only screen and (max-width:990px){.box8{margin-bottom:20px}
}

/*********************** Demo - 9 *******************/
.box9{background:#000;text-align:center;position:relative}
.box9 img{width:100%;height:auto}
.box9:hover img{opacity:.5}
.box9 .box-content{padding:30px 10px 30px 0;background:rgba(0,0,0,.65);position:absolute;top:0;left:0;bottom:0;right:0;opacity:0}
.box9:hover .box-content{top:10px;left:10px;bottom:10px;right:10px;opacity:1}
.box9 .title{font-weight:700;color:#fff;line-height:17px;margin:5px 0;position:absolute;bottom:55%}
.box10 .icon li a,.box9 .icon li a{line-height:35px;border-radius:50%}
.box9 .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%}
.box9 .icon li{display:inline-block;opacity:0;transform:translateY(40px)}
.box9:hover .icon li{opacity:1;transform:translateY(0)}
.box9:hover .icon li:first-child{transition-delay:.1s}
.box9:hover .icon li:nth-child(2){transition-delay:.2s}
.box9 .icon li a{display:block;width:35px;height:35px;background:#f39c12;font-size:20px;color:#000;margin-right:5px;transition:all .35s ease 0s}
.box9 .icon a:hover{background:#fff}
@media only screen and (max-width:990px){.box9{margin-bottom:20px}
}
/*********************** Demo - 10 *******************/
.box10{background:#000;overflow:hidden;position:relative}
.box10:after,.box10:before{border-width:0 180px 140px;border-style:solid;border-color:transparent transparent #0d5f45;position:absolute;bottom:0;left:50%;z-index:1;transform:translate(-55%,100%);transition:all .5s 0s cubic-bezier(.6,-.28,.735,.045)}
.box10:after{border-width:150px 250px;border-color:transparent #18ab69 #18ab69 #008148;top:25%;transform:translate(-60%,100%)}
.box10:hover:before{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-55%,0);transition-delay:.2s}
.box10:hover:after{transition:all .4s 0s cubic-bezier(.175,.885,.32,1.275);transform:translate(-60%,0);transition-delay:0s}
.box10 img{width:100%;height:auto;opacity:1;transform:scale(1.1) translateY(3%);transition:all .5s ease 0s}
.box10:hover img{transform:scale(1.1) translateY(-3%);opacity:.4}
.box10 .box-content{padding:20px 0 0 20px;position:absolute;top:0;left:0;opacity:0;z-index:2;transform:translateY(20%);transition:all .5s ease 0s}
.box10:hover .box-content{opacity:1;transform:translate(0);transition-delay:.1s}
.box10 .title{font-size:23px;font-weight:800;color:#fff}
.box10 .icon{padding:0;margin:0;list-style:none}
.box10 .icon li{display:inline-block}
.box10 .icon li a{display:block;width:35px;height:35px;background:#18ab69;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box11 .icon li,.box11 .icon li a,.box11 .title,.box12 .icon li,.box12 .title{display:inline-block}
.box10 .icon li a:hover{transform:rotate(360deg)}
@media only screen and (max-width:990px){.box10{margin-bottom:20px}
}
@media only screen and (max-width:767px) and (min-width:600px){.box10:before{border-width:0 250px 240px}
.box10:after{border-width:260px 460px}
}
@media only screen and (max-width:599px) and (min-width:430px){.box:before{border-width:0 220px 120px}
.box10:after{border-width:260px 460px}
}
/*********************** Demo - 11 *******************/
.box11{background:#000;color:#fff;position:relative}
.box11:after,.box11:before{position:absolute;content:""}
.box11:before{width:100%;height:100%;background:#83437d;opacity:.5;top:100%;left:0;z-index:1;transition:all .35s ease-in .3s}
.box11:hover:before{top:0;transition:all .35s ease-out 0s}
.box11:after{bottom:100%;left:50%;border-width:200px 200px 0;border-style:solid;border-color:#83437d transparent transparent;opacity:.9;transform:translateX(-50%);transition:all .35s ease-out 0s}
.box11:hover .post,.box11:hover .title{transform:translate(0,-50%)}
.box11:hover:after{bottom:25%;transition:all .35s ease-in .2s}
.box11 img{width:100%;height:auto}
.box11:hover img{opacity:.5}
.box11 .icon,.box11 .post,.box11 .title{width:100%;position:absolute;left:0;opacity:0;transition:all .35s ease .5s}
.box11 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
.box11 .title{padding:0 30px;margin:0;font-weight:300;top:45%}
.box11 .post,.box14 .post{text-transform:capitalize}
.box11 .post{font-size:15px;top:57%}
.box11 .icon{padding:0;margin:0;list-style:none;bottom:5px}
.box11 .icon li a{width:40px;height:40px;line-height:40px;padding:0 5px;font-size:20px;color:#fff;opacity:.7;transition:all .35s ease .5s}
.box11 .icon li a:hover{opacity:1;transition:all .35s ease}
.box11:hover .icon,.box11:hover .post,.box11:hover .title{opacity:1}
@media only screen and (max-width:990px){.box11{margin-bottom:20px}
}
@media only screen and (max-width:767px){.box11:after{border-width:500px 500px 0}
}

/*********************** Demo - 12 *******************/
.box12{position:relative}
.box12 .box-content,.box12:after{position:absolute;transition:all .3s ease 0s}
.box12:after{content:"";width:65%;background:rgba(28,28,28,.8);padding-bottom:65%;opacity:0;top:50%;left:50%;transform:rotate(0) translate(-50%,-50%);transform-origin:0 0 0}
.box12:hover:after{transform:rotate(-45deg) translate(-50%,-50%);opacity:1}
.box12 img{width:100%;height:auto}
.box12 .box-content{width:100%;top:35%;left:0;opacity:0;z-index:1}
.box12:hover .box-content{opacity:1}
.box12 .title{padding:10px 0;color:#fff;margin:0;border-top:2px solid #fff;border-bottom:2px solid #fff}
.box12 .icon{padding:0;margin:12px 0 0;list-style:none}
.box12 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:50%;border:1px solid #fff;font-size:18px;color:#fff;margin-right:10px;transition:all .3s ease 0s}
.box12 .icon li a:hover{border-radius:0}
@media only screen and (max-width:990px){.box12{margin-bottom:20px}
}
/*********************** Demo - 13 *******************/
.box13{position:relative;transition:all .2s ease-out 0s}
.box13 .box-content,.box13:after{position:absolute;left:20px;right:20px}
.box13:after{content:"";display:block;background:#463f9f;top:20px;bottom:20px;opacity:0;transform:rotate3d(-1,1,0,100deg);transition:all .4s ease-in-out 0s}
.box13:hover:after{opacity:.9;transform:rotate3d(0,0,0,0deg)}
.box13 img{width:100%;height:auto}
.box13 .box-content{top:45%;opacity:0;z-index:1;-webkit-transform:translate(10%,-30%);transform:translate(10%,-30%);transition:all .2s ease-out 0s}
.box13:hover .box-content{opacity:1;transform:translate(0,-50%);transition-delay:.2s}
.box13 .title{display:block;font-size:22px;font-weight:700;color:#39b54a;margin:0 0 10px}
.box13 .post{display:block;font-size:15px;color:#f7f7b9;margin-bottom:20px}
.box13 .social{padding:0;margin:0;list-style:none}
.box13 .social li{display:inline-block}
.box13 .social li a{display:block;width:35px;height:35px;background:#f7f7b9;border-radius:50%;font-size:17px;color:#1b1462;line-height:35px;margin-right:5px;transition:all .4s ease-in-out 0s}
.box14 .icon li,.box14 .post{display:inline-block}
.box13 .social li a:hover{color:#f7f7b9;background:#39b54a}
@media only screen and (max-width:990px){.box13{margin-bottom:30px}
}

/*********************** Demo - 14 *******************/
.box14{position:relative}
.box15,.box17,.box18{box-shadow:0 0 5px #7e7d7d;text-align:center}
.box14:before{content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;opacity:0;transition:all .35s ease 0s}
.box14:hover:before{opacity:1}
.box14 img{width:100%;height:auto}
.box14 .box-content{width:90%;height:90%;position:absolute;top:5%;left:5%}
.box14 .box-content:after,.box14 .box-content:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;transition:all .7s ease 0s}
.box14 .box-content:before{border-bottom:1px solid rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.5);transform:scale(0,1);transform-origin:0 0 0}
.box14 .box-content:after{border-left:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);transform:scale(1,0);transform-origin:100% 0 0}
.box14:hover .box-content:after,.box14:hover .box-content:before{opacity:1;transform:scale(1);transition-delay:.15s}
.box14 .title{font-size:21px;font-weight:700;color:#fff;margin:15px 0;opacity:0;transform:translate3d(0,-50px,0);transition:transform .5s ease 0s}
.box14:hover .title{opacity:1;transform:translate3d(0,0,0)}
.box14 .post{font-size:14px;color:#fff;padding:10px;background:#d79719;opacity:0;border-radius:0 19px;transform:translate3d(0,-50px,0);transition:all .7s ease 0s}
.box14 .icon,.box15 .icon{padding:0;list-style:none}
.box14:hover .post{opacity:1;transform:translate3d(0,0,0);transition-delay:.15s}
.box14 .icon{width:100%;margin:0;position:absolute;bottom:-10px;left:0;opacity:0;z-index:1;transition:all .7s ease 0s}
.box14:hover .icon{bottom:20px;opacity:1;transition-delay:.15s}
.box14 .icon li a{display:block;width:40px;height:40px;line-height:40px;border:1px solid #fff;border-radius:0 16px;font-size:14px;color:#fff;margin-right:5px;transition:all .4s ease 0s}
.box14 .icon li a:hover{background:#d79719;border-color:#d79719}
@media only screen and (max-width:990px){.box14{margin-bottom:30px}
}

/*********************** Demo - 15 *******************/
.box15{position:relative}
.box15 img{width:100%;height:auto}
.box15 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;transition:all .5s ease 0s}
.box15:hover .box-content{background-color:rgba(255,242,242,.8)}
.box15 .box-content:after,.box15 .box-content:before{content:"";width:50px;height:50px;position:absolute;opacity:0;transform:scale(1.5);transition:all .6s ease .3s}
.box15 .box-content:before{border-left:1px solid #040404;border-top:1px solid #040404;top:19px;left:19px}
.box15 .box-content:after{border-bottom:1px solid #040404;border-right:1px solid #040404;bottom:19px;right:19px}
.box15:hover .box-content:after,.box15:hover .box-content:before{opacity:1;transform:scale(1)}
.box15 .title{font-size:22px;color:#000;margin:0;position:relative;top:0;opacity:0;transition:all 1s ease 10ms}
.box15:hover .title{top:39%;opacity:1;transition:all .5s cubic-bezier(1,-.53,.405,1.425) 10ms}
.box15 .title:after{content:"";width:0;height:1px;background:#040404;position:absolute;bottom:-8px;left:0;right:0;margin:0 auto;transition:all 1s ease 0s}
.box15:hover .title:after{width:80%;transition:all 1s ease .8s}
.box15 .icon{width:100%;margin:0 auto;position:absolute;bottom:0;opacity:0;transition-duration:.6s;transition-timing-function:cubic-bezier(1,-.53,.405,1.425);transition-delay:.1s}
.box15:hover .icon{bottom:39%;opacity:1}
.box15 .icon li{display:inline-block}
.box15 .icon li a{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;font-size:18px;color:#000;border:1px solid #000;margin-right:5px;transition:all .3s ease-in-out 0s}
.box15 .icon li a:hover{background:#000;color:#fff}
@media only screen and (max-width:990px){.box15{margin-bottom:30px}
}

/*********************** Demo - 16 *******************/
.box16{text-align:center;color:#fff;position:relative}
.box16 .box-content,.box16:after{width:100%;position:absolute;left:0}
.box16:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.box16 .post,.box16 .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.box16:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.box16 img{width:100%;height:auto}
.box16 .box-content{padding:20px;margin-bottom:20px;bottom:0;z-index:1}
.box16 .title{font-size:22px;font-weight:700;text-transform:uppercase;margin:0 0 10px}
.box16 .post{display:block;padding:8px 0;font-size:15px}
.box16 .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}
.box16:hover .post,.box16:hover .title{transform:translateY(0)}
.box16 .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.box16:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.box16 .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.box16 .social li{display:inline-block}
.box16 .social li a{display:block;width:40px;height:40px;line-height:40px;background:#6d3795;margin-right:10px;transition:all .3s ease 0s}
.box17 .icon li,.box17 .icon li a{display:inline-block}
.box16 .social li a:hover{background:#bea041}
.box16 .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){.box16{margin-bottom:30px}
}

/*********************** Demo - 17 *******************/
.box17{position:relative}
.box17:after{content:"";width:100%;height:100%;background:rgba(2,162,221,.9);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s}
.box17:hover:after{opacity:1}
.box17 img{width:100%;height:auto;transition:all 1.5s ease 0s}
.box17 .box-content,.box17 .icon li a{position:absolute;transition:all .6s ease 0s}
.box17:hover img{transform:scale(1.2)}
.box17 .icon{width:100%;height:100%;list-style:none;padding:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}
.box17 .icon li a{width:45px;height:45px;line-height:45px;margin:0 auto;top:50%;border:1px solid #fff;opacity:0}
.box17:hover .icon li a{top:30%;opacity:1}
.box17 .icon li a:hover{background:#fff;color:#02a2dd}
.box17 .icon li:first-child a{left:-90%;right:0}
.box17:hover .icon li:first-child a{left:-55px}
.box17 .icon li:last-child a{right:-90%;left:0}
.box17:hover .icon li:last-child a{right:-55px}
.box17 .box-content{width:100%;padding:20px 10px;background:rgba(0,0,0,.1);bottom:-100px;left:0;z-index:1}
.box17:hover .box-content{bottom:0}
.box17 .title{font-size:18px;font-weight:700;color:#fff;margin-top:0}
.box17 .post{display:block;font-size:14px;color:#fff}
@media only screen and (max-width:990px){.box17{margin-bottom:30px}
}

/*********************** Demo - 18 *******************/
.box18{background:#3c3c3c;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:after,.box18:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#3c3c3c;border-left:3px solid #fff;border-right:3px solid #fff;opacity:.9;z-index:1;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18 img,.box19 img{height:auto;width:100%}
.box18:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box18:hover:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box18:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box18:hover:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box18 img{-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:hover img{opacity:.5}
.box18 .box-content{position:absolute;top:50%;left:50%;-webkit-box-shadow:0 0 10px #3c3c3c;box-shadow:0 0 10px #3c3c3c;opacity:0;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
.box19,.box20,.box21{box-shadow:0 0 5px #a3a3a3}
.box18:hover .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box18 .post,.box18 .title{font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#3c3c3c;border:2px solid #fff;color:#fff;padding:15px 20px;margin:0}
.box18 .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box18 .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}
@media only screen and (max-width:990px){.box18{margin-bottom:30px}
}

/*********************** Demo - 19 *******************/
.box19{text-align:center;position:relative}
.box19 .box-content{width:100%;height:100%;background:0 0;padding-top:25%;position:absolute;top:0;left:0;transition:all .3s ease 0s}
.box19 .icon,.box19 .title{transition:all .2s ease 0s}
.box19:hover .box-content{background:rgba(0,0,0,.5)}
.box19 .title{font-size:24px;color:#fff;transform:scale(0)}
.box19:hover .title{transform:scale(1)}
.box19 .icon{list-style:none;padding:0;margin:0;opacity:0}
.box19:hover .icon{opacity:1}
.box19 .icon li{display:inline-block}
.box19 .icon li:first-child a,.box19 .icon li:last-child a{display:block;width:50px;height:50px;line-height:50px;font-size:24px;color:#fff;border:1px solid #fff;position:relative}
.box19 .icon li a{top:-150px}
.box19:hover .icon li a{top:0}
.box19:hover .icon li a:hover{background:#a46789;border-color:#a46789}
.box19 .icon li:first-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) 0s}
.box19 .icon li:last-child a{transition:all .6s cubic-bezier(.175,.885,.32,1.275) .1s}
@media only screen and (max-width:990px){.box19{margin-bottom:30px}
}
@media only screen and (max-width:360px){.box19 .box-content{padding-top:20%}
}

/*********************** Demo - 20 *******************/
.box20{position:relative}
.box20:after,.box20:before{position:absolute;content:""}
.box20:before{width:80%;height:220%;background:#ff402a;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box20:hover:before{left:10%}
.box20:after{width:55%;height:175%;background-color:rgba(0,0,0,.8);bottom:-1000%;left:53%;transform:rotate(-33deg);transform-origin:center bottom 0;transition:all .8s ease 0s}
.box20 .box-content,.box20 .icon{width:100%;padding:0 20px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s}
.box20:hover:after{bottom:-70%}
.box20 img{width:100%;height:auto}
.box20 .box-content{top:-100%;color:#fff}
.box20:hover .box-content{top:30px}
.box20 .title{font-size:24px;margin:0}
.box20 .icon li a,.box20 .post{display:inline-block;font-size:14px}
.box20 .post{margin-top:5px}
.box20 .icon{list-style:none;margin:0;bottom:-100%}
.box20:hover .icon{bottom:25px}
.box20 .icon li{display:inline-block}
.box20 .icon li a{width:35px;height:35px;line-height:35px;background:#444;border-radius:50%;margin:0 3px;color:#fff;text-align:center;transition:all .5s ease 0s}
.box20 .icon li a:hover{background:#fff;color:#ff402a}
@media only screen and (max-width:990px){.box20{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box20 .title{font-size:20px}
}

/*********************** Demo - 21 *******************/
.box21{text-align:center;position:relative}
.box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.box21:hover:after,.box21:hover:before{-webkit-transform:scale(400);-moz-transform:scale(400);-ms-transform:scale(400);-o-transform:scale(400);transform:scale(400)}
.box21:before{-o-transition:all .5s linear .3s;-moz-transition:all .5s linear .3s;-ms-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.box21:hover:before{-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
.box21:after{-o-transition:all .5s linear .6s;-moz-transition:all .5s linear .6s;-ms-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.box21:hover:after{-moz-transition-delay:.2s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
.box21 img{width:100%;height:auto}
.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:25px;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.box21:hover .box-content{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-moz-transition-delay:.4s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
.box21 .title{font-size:17px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px}
.box21 .description{font-size:14px;font-style:italic;padding:0 10px;margin:15px 0}
.box21 .read-more{display:block;width:120px;background:#fed000;border-radius:2px;font-size:14px;color:#000;text-transform:capitalize;padding:10px 0;margin:0 auto}
@media only screen and (max-width:990px){.box21{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}
}


.box14 .icon li{ border:none;}
.box14 .icon li a{ width:auto; height:auto;}
.box14 .icon li a img{ float:left; margin-right:10px; width:auto; border:none; margin-top:7px;}
.box14 .icon li a{ border:none;}

.h-service h3{ left:20px;}



.h-service{ margin:0px 15px;}


.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%,#05abe0 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% + 60px);
  -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);
}

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

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

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










.inner-content{ z-index:15;  }


.box14:before{ z-index:1;}
.box14 .title{ z-index:3;}
.konw-btn span{ display:table; float:left; margin-right:5px;}
.box14 .icon li a {
    width: 125px;
    height: auto;
}
.box14 .box-content:after, .box14 .box-content:before{ z-index:6;}
.box14 .icon li a:hover{ background:none!important;}


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


 
 .ft-no{ position:relative; padding-left:30px;}
 .ft-info{ padding-left:30px; position:relative;}
 
  .ft-no:before{content:'\f098';font-family:FontAwesome;color:#fff; left:0; position:absolute; font-size:20px;}
  
 .ft-info:before{content:'\f0e0';font-family:FontAwesome;color:#fff; left:0; position:absolute; font-size:20px;}

.office{ position:relative; padding-left:30px;}

.office:before{content:'\f041';font-family:FontAwesome;color:#fff; left:0; position:absolute; font-size:20px;}


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

.timimg{ position:relative; padding-left:30px;}
  
.timimg:before{content:'\f017';font-family:FontAwesome;color:#fff; left:0; position:absolute; font-size:20px;}





.left-social-media ul li {
  list-style: none;
  margin: 15 0px;
}

.left-social-media ul li a {
  position: relative; 
  display: block;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height:40px;
  border-radius: 50%;
  font-size: 30px;
  color: #fff;
  transition: .5s; font-size:20px;
}

.left-social-media  ul li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: .5s;
  transform: scale(.9);
  z-index: -1;
}

.left-social-media  ul li a:hover::before {
  transform: scale(1.1);
  box-shadow: 0 0 15px #ffee10;
}

.left-social-media  ul li a:hover {
  color: #ffee10;
  box-shadow: 0 0 5px #ffee10;
  text-shadow: 0 0 5px #ffee10;
}



/*news-animarion*/






/*orange*/

.section-orang{ position:relative; overflow:hidden;}

 .orng-cnt{ position:relative; z-index:10;}

.bg {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(-20deg, #000 50%, #46494c 50%);
  bottom:0;
  left:-100%;
  opacity:.2;
  position:absolute;
  right:-50%;
  top:0;
  z-index:2;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}

.bg3 {
  animation-duration:5s;
}


@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}




/*home-services*/





/*video*/



.wrapper {
  height: 100%;
  width: 100%;
 /* background: linear-gradient(180deg, #04fafd, 5%, #119dff, 50%, #030423);*/
  position: absolute; top:0;
}

.wrapper div {
  height: 60px;
  width: 60px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  position: absolute;
  top: 10%;
  left: 10%;
  animation: 4s linear infinite;
}
div .dot {
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 20%;
  right: 20%;
}
.wrapper div:nth-child(1) {
  top: 20%;
  left: 20%;
  animation: animate 8s linear infinite;
}
.wrapper div:nth-child(2) {
  top: 60%;
  left: 80%;
  animation: animate 10s linear infinite;
}
.wrapper div:nth-child(3) {
  top: 40%;
  left: 40%;
  animation: animate 3s linear infinite;
}
.wrapper div:nth-child(4) {
  top: 66%;
  left: 30%;
  animation: animate 7s linear infinite;
}
.wrapper div:nth-child(5) {
  top: 90%;
  left: 10%;
  animation: animate 9s linear infinite;
}
.wrapper div:nth-child(6) {
  top: 30%;
  left: 60%;
  animation: animate 5s linear infinite;
}
.wrapper div:nth-child(7) {
  top: 70%;
  left: 20%;
  animation: animate 8s linear infinite;
}
.wrapper div:nth-child(8) {
  top: 75%;
  left: 60%;
  animation: animate 10s linear infinite;
}
.wrapper div:nth-child(9) {
  top: 50%;
  left: 50%;
  animation: animate 6s linear infinite;
}
.wrapper div:nth-child(10) {
  top: 45%;
  left: 20%;
  animation: animate 10s linear infinite;
}
.wrapper div:nth-child(11) {
  top: 10%;
  left: 90%;
  animation: animate 9s linear infinite;
}
.wrapper div:nth-child(12) {
  top: 20%;
  left: 70%;
  animation: animate 7s linear infinite;
}
.wrapper div:nth-child(13) {
  top: 20%;
  left: 20%;
  animation: animate 8s linear infinite;
}
.wrapper div:nth-child(14) {
  top: 60%;
  left: 5%;
  animation: animate 6s linear infinite;
}
.wrapper div:nth-child(15) {
  top: 90%;
  left: 80%;
  animation: animate 9s linear infinite;
}
@keyframes animate {
  0% {
    transform: scale(0) translateY(0) rotate(70deg);
  }
  100% {
    transform: scale(1.3) translateY(-100px) rotate(360deg);
  }
}



.ceo-msg{ position:relative; overflow:hidden;}



.ceo-msg i{
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -webkit-animation: 'screen'  infinite;
  animation: 'screen'  infinite; 
}

.ceo-patten{ opacity:0.2;}

.ceo-msg i:nth-child(1){
  top:20px;
  left:30px;
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(2,226,252,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #02e2fc;
  animation-duration: 5s;
}

.ceo-msg i:nth-child(2){
  top:420px;
  left:30px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,160,2,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #faa002;
  animation-duration: 21s;
}

.ceo-msg i:nth-child(3){
  top:550px;
  left:880px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(20,252,2,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #14fc02;
  animation-duration: 5s;
}

.ceo-msg i:nth-child(4){
  top:5px;
  left:1030px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(252,2,196,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #fc02c4;
  animation-duration: 4s;
}

i:nth-child(5){
  top:280px;
  left:12px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(139,44,148,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #8b2c94;
  animation-duration: 5s;
}

.ceo-msg i:nth-child(6){
  top:550px;
  left:30px;
background: -webkit-radial-gradient(center, ellipse cover,  rgba(251,184,41,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow:0px 0px 5px 0px #FBB829; 
  animation-duration: 6s;
}

.ceo-msg i:nth-child(7){
  top:650px;
  left:50px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(195,255,104,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #C3FF68; 
  animation-duration: 15s;
}

.ceo-msg i:nth-child(8){
  top:20px;
  left:860px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,0,102,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #FF0066; 
  animation-duration: 5s;
}
.ceo-msg i:nth-child(9){
  top:896px;
  left:132px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #FFFF00; 
  animation-duration: 13s;
}

.ceo-msg i:nth-child(10){
  top:578px;
  left:357px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,175,27,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #7FAF1B; 
  animation-duration: 4s;
}

.ceo-msg i:nth-child(11){
  top:380px;
  left:230px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(1,210,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #01D2FF; 
  animation-duration: 5s;
}

.ceo-msg i:nth-child(12){
  top:570px;
  left:1100px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(237,247,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #EDF7FF; 
  animation-duration: 6s;
}

.ceo-msg i:nth-child(13){
  top:600px;
  left:600px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,255,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #00FFFF; 
  animation-duration: 7s;
}

.ceo-msg i:nth-child(14){
  top:200px;
  left:520px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #0000FF; 
  animation-duration: 14s;
}

.ceo-msg i:nth-child(15){
  top:370px;
  left:500px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(16,225,228,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #10e1e4; 
  animation-duration: 9s;
}

.ceo-msg i:nth-child(16){
  top:620px;
  left:730px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,51,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow:0px 0px 5px 0px #FF3300; 
  animation-duration: 3s;
}
.ceo-msg i:nth-child(17){
  top:62px;
  left:330px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,234,232,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FFEAE8;
  animation-duration: 4s;
}

.ceo-msg i:nth-child(18){
  top:0px;
  left:250px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,229,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FFE500;
  animation-duration: 5s;
}

.ceo-msg :nth-child(19){
  top:600px;
  left:180px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,102,153,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FF6699;
  animation-duration: 6s;
}

.ceo-msg i:nth-child(20){
  top:987px;
  left:13px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(84,156,204,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #549CCC;
  animation-duration: 7s;
}

.ceo-msg i:nth-child(21){
  top:120px;
  left:930px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(184,175,3,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #B8AF03;
  animation-duration: 8s;
}

.ceo-msg i:nth-child(22){
  top:80px;
  left:700px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(171,250,249,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #ABFAF9;
  animation-duration: 5s;
}

.ceo-msg i:nth-child(23){
  top:350px;
  left:720px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,15,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #7F0FFF;
  animation-duration: 2s;
}

.ceo-msg i:nth-child(24){
  top:997px;
  left:678px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(48,128,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #308000;
  animation-duration: 3s;
}

.ceo-msg i:nth-child(25){
  top:714px;
  left:246px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,38,38,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FF2626;
  animation-duration: 4s;
}

.ceo-msg i:nth-child(26){
  top:0px;
  left:480px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(15,29,215,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #0F1DD7;
  animation-duration: 5s;
}

.ceo-msg i:nth-child(27){
  top:456px;
  left:1000px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(51,102,153,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #336699;
  animation-duration: 6s;
}

.ceo-msg i:nth-child(28){
  top:350px;
  left:865px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(70,172,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #46ACFF;
  animation-duration: 7s;
}

.ceo-msg i:nth-child(29){
  top:100px;
  left:100px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(222,4,5,0.65) 0%,rgba(0,0,0,0) 100%);
box-shadow: 0px 0px 5px 0px #DE0405;
  animation-duration: 8s;
}

.ceo-msg i:nth-child(30){
  top:1087px;
  left:722px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(77,254,21,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #4DFE15;
  animation-duration: 9s;
}

.ceo-msg i:nth-child(31){
  width:200px;
  height:200px;
  top:795px;
  left:605px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(243,10,70,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #F30A46;
  animation-duration: 1s;
}

.ceo-msg i:nth-child(32){
  top:234px;
  left:678px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(245,253,45,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #F5FD2D;
  animation-duration: 2s;
}

.ceo-msg i:nth-child(33){
  top:270px;
  left:1230px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(178,0,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #B200FF;
  animation-duration: 3s;
}
.ceo-msg i:nth-child(34){
  width:200px;
  height:200px;
  top:1126px;
  left:332px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(102,204,255,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #66CCFF;
  webkit-animation-duration: 4s;
}

.ceo-msg i:nth-child(35){
  top:407px;
  left:83px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(20,243,175,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #14F3AF;
  animation-duration: 5s;
}

.ceo-msg i:nth-child(36){
  width:200px;
  height:200px;
  top:176px;
  left:297px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(100,245,102,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #64F566;
  animation-duration: 6s;
}

.ceo-msg i:nth-child(37){
  width:300px;
  height:300px;
  top:820px;
  right:10px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(236,218,65,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #ECDA41;
  animation-duration: 7s;
}

.ceo-msg i:nth-child(38){
  top:500px;
  left:500px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,61,45,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FF3D2D;
  animation-duration: 8s;
}


.ceo-msg i:nth-child(39){
  top:20px;
  right:26px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(74,73,235,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #4A49EB;
  animation-duration: 9s;
}

.ceo-msg i:nth-child(40){
  width:200px;
  height:200px;
  top:251px;
  left:1053px;
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,72,0,0.65) 0%,rgba(0,0,0,0) 100%);
  box-shadow: 0px 0px 5px 0px #FF4800;
  animation-duration: 10s;
}


@keyframes screen {
  from {
    opacity: 0;
  }

  25%{
    opacity: 0.3;
    transform: scale3d(3, 3, 4);
  }

  50%{
    opacity: 0.75;
  }

  75%{
    opacity: 1;

  }

  to{
    opacity: 0;
 
 
 
 
  }
}




.home-serviceC{ position:relative;}

.sqr {
  --s: 100px; /* control the size */
  --c1: #fed000;
  --c2: #d34c24;
  
  --_s: calc(2*var(--s)) calc(2*var(--s));
  --_g: var(--_s) conic-gradient(at 40% 40%,#0000 75%,var(--c1) 0);
  --_p: var(--_s) conic-gradient(at 20% 20%,#0000 75%,var(--c2) 0);
  background:
    calc( .9*var(--s)) calc( .9*var(--s))/var(--_p),
    calc(-.1*var(--s)) calc(-.1*var(--s))/var(--_p),
    calc( .7*var(--s)) calc( .7*var(--s))/var(--_g),
    calc(-.3*var(--s)) calc(-.3*var(--s))/var(--_g),
    conic-gradient(from 90deg at 20% 20%,var(--c2) 25%,var(--c1) 0) 
     0 0/var(--s) var(--s);
  animation: m 9s infinite; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0.1;
}
@keyframes m {
  0% {
   background-position: 
    calc( .9*var(--s)) calc( .9*var(--s)),
    calc(-.1*var(--s)) calc(-.1*var(--s)),
    calc( .7*var(--s)) calc( .7*var(--s)),
    calc(-.3*var(--s)) calc(-.3*var(--s)),0 0
  }
  25% {
   background-position: 
    calc(1.9*var(--s)) calc( .9*var(--s)),
    calc(-1.1*var(--s)) calc(-.1*var(--s)),
    calc(1.7*var(--s)) calc( .7*var(--s)),
    calc(-1.3*var(--s)) calc(-.3*var(--s)),0 0
  }
  50% {
   background-position: 
    calc(1.9*var(--s)) calc(-.1*var(--s)),
    calc(-1.1*var(--s)) calc( .9*var(--s)),
    calc(1.7*var(--s)) calc(-.3*var(--s)),
    calc(-1.3*var(--s)) calc( .7*var(--s)),0 0
  }
  75% {
   background-position: 
    calc(2.9*var(--s)) calc(-.1*var(--s)),
    calc(-2.1*var(--s)) calc( .9*var(--s)),
    calc(2.7*var(--s)) calc(-.3*var(--s)),
    calc(-2.3*var(--s)) calc( .7*var(--s)),0 0
  }
  100% {
   background-position: 
    calc(2.9*var(--s)) calc(-1.1*var(--s)),
    calc(-2.1*var(--s)) calc(1.9*var(--s)),
    calc(2.7*var(--s)) calc(-1.3*var(--s)),
    calc(-2.3*var(--s)) calc(1.7*var(--s)),0 0
  }
}







.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animate2 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animate2 {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}




/*particle*/

.large-header {
   position: relative;
   width: 100%;
   background: #111;
   overflow: hidden;
   background-size: cover;
   background-position: center center;
   z-index: 1;
}

.demo .large-header {
   background-color: #000000;
}

.main-title {
   position: absolute;
   margin: 0;
   padding: 0;
   color: #F9F1E9;
   text-align: center;
   top: 50%;
   left: 50%;
   -webkit-transform: translate3d(-50%, -50%, 0);
   transform: translate3d(-50%, -50%, 0);
}

.demo .main-title {
   text-transform: uppercase;
   font-size: 4.2em;
   letter-spacing: 0.1em;
}

.main-title .thin {
   font-weight: 200;
}


/*rain*/

.drop {
  position: absolute;
  bottom: 100%;
  width: 15px;
  height: 120px;
  pointer-events: none;
  animation: drop 0.5s linear infinite; z-index:100;
}

@keyframes drop {
  0% {
    transform: translateY(0vh);
  }
  75% {
    transform: translateY(90vh);
  }
  100% {
    transform: translateY(90vh);
  }
}

.stem {
  width: 1px;
  height: 60%;
  margin-left: 7px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
  animation: stem 0.5s linear infinite;
}

@keyframes stem {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.splat {
  width: 15px;
  height: 10px;
  border-top: 2px dotted rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  opacity: 1;
  transform: scale(0);
  animation: splat 0.5s linear infinite;
  display: none;
}

body.splat-toggle .splat {
  display: block;
}

@keyframes splat {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  80% {
    opacity: 1;
    transform: scale(0);
  }
  90% {
    opacity: 0.5;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

.toggles {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.toggle {
  position: absolute;
  left: 20px;
  width: 50px;
  height: 50px;
  line-height: 51px;
  box-sizing: border-box;
  text-align: center;
  font-family: sans-serif;
  font-size: 10px;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}

.toggle:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.toggle:active {
  background-color: rgba(255, 255, 255, 0.3);
}

.toggle.active {
  background-color: rgba(255, 255, 255, 0.4);
}

.splat-toggle {
  top: 20px;
}

.back-row-toggle {
  top: 90px;
  line-height: 12px;
  padding-top: 14px;
}

.single-toggle {
  top: 160px;
}

body.single-toggle .drop {
  display: none;
}

body.single-toggle .drop:nth-child(10) {
  display: block;
}



.testi-icon { padding-top:30px;}

.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}















/*footer*/

footer{ position:relative;}



.benefits{ position:relative; overflow:hidden}

canvas {
  
  position: absolute;
  top: 0;
  left: 0; opacity:0.2; background:none;
  
}




/*slider-cancvas*/


/*canvas{
  position: absolute;
  width: 100%;
  height: 100%;
  background: #111a22;
}
*/

#particles-js{ z-index:3000;}

.can-ic{ position:absolute; bottom:50px; left:0; right:0; margin:0px auto; z-index:30;}
.canada-flw{  width:100px; border:5px solid #fff; border:5px solid #fff; border-radius:50%;}
.canada-flw img{ width:100%;}



.zoom-in-zoom-out {

  animation: zoom-in-zoom-out 2s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}


.logo-arrow{ position:absolute; left:0; top:0;}

.canada-flw {
     -webkit-animation-name: spinner; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
/*    -webkit-animation-duration: 8s; 
*/    animation-name: spinner; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-duration:8s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d;
}

  /* WebKit and Opera browsers */ @-webkit-keyframes spinner { 
    from 
    { 
        -webkit-transform: rotateY(0deg); 
    } 
    to { 
        -webkit-transform: rotateY(-360deg); 
    } 
} /* all other browsers */ 
@keyframes spinner { 
    from { 
        -moz-transform: rotateY(0deg); 
        -ms-transform: rotateY(0deg); 
        transform: rotateY(0deg); 
    } 
    to 
    { 
        -moz-transform: rotateY(-360deg); 
        -ms-transform: rotateY(-360deg); 
        transform: rotateY(-360deg); 
    
    } 
}



.canada-flw {
  width: 100px;
  height: 100px;

  border-radius: 50%;
  position: relative;
  display: block;
  box-shadow: 0px 0px 25px 3px rgba(255, 0, 128, 0.8);  /* background:#f5f5f5; */
border:5px solid rgba(255, 255, 255, 0.5);}



/* pulse wave */
.canada-flw: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;

  }
}



.university-out-c{ padding:10px 0px 0px 10px; position:relative;margin:0px 15px;}
.university-out-c:before{ background:#fdc904; height:100px; width:100px; position:absolute; top:0; left:0; content:'';}

.university-Bx{  position:relative;}
.university-img{ overflow:hidden;}
.university-img img{ width:100%;}

.university-txt { position:absolute; bottom:20px; left:20px; right:20px; color:#FFFFFF;}

.university-txt{ text-align:left;}

.university-txt h3{ text-transform:uppercase; font-weight:bold; font-size:18px;    text-shadow: 1px 2px #000;
}
.university-txt h4{ color:#fdc904; text-transform:uppercase; font-size:15px; font-weight:900; display:table; padding:5px;background:#333;}


.box-content{ text-align:center;}
.box-content h3{ font-size:18px;}

.universirty-logo{ overflow:hidden; margin:10px auto; display:table; width:100px; height:100px;border-radius:50%; text-align:center;line-height:100px;background:#fff;}

.universirty-logo img{ max-width:66%;}

.box12:after {
    content: "";
    width: 65%;
    background: rgba(0,0,0,.8); border:1px solid #ed711d;}
	
	.university-out-c:hover .university-txt {opacity:0.5}

@media only screen and (max-width: 768px) {
   .demo .main-title {
      font-size: 3em;
   }
}


.rltv{ position:relative; z-index:10; overflow:hidden;}


.main-relative{ position:relative;}







.spl-img {
 
 
  margin: auto;

  display: grid;
  place-content: center;
  text-align: center;


  --border-size: 0.3rem;
  border: var(--border-size) solid transparent;

  /* Paint an image in the border */
  border-image: conic-gradient(
      from var(--angle),
      #d53e33 0deg 90deg,
      #fbb300 90deg 180deg,
      #377af5 180deg 270deg,
      #399953 270deg 360deg
    )
    1 stretch;
  background: rgb(255 255 255 / var(--opacity));
}

/** show a warning in browers that don't support it **/

/* Animate when Houdini is available */
@supports (background: paint(houdini)) {
  @property --opacity {
    syntax: "<number>";
    initial-value: 0.5;
    inherits: false;
  }

  @property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
  }

  @keyframes opacityChange {
    to {
      --opacity: 1;
    }
  }

  @keyframes rotate {
    to {
      --angle: 360deg;
    }
  }

.spl-img{
    animation: rotate 4s linear infinite, opacityChange 3s infinite alternate;
  }

  /* Hide the warning */
  .warning {
    display: none;
  }
}











.block {
	position: relative;
	
}

.block:before, .block:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #fb0094, #0000ff, #fed000,#fed000, #fed000, #fb0094, 
		#fff, #fff,#000, #000);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 20s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.block:after {
	filter: blur(50px);
}




.exper-C .button {
 
  text-align: center;
  color: #000;
  font-weight: 600;

  cursor: pointer;
  display: inline-block; padding:10px; font-weight:200;
  
  
    color: #000;
    padding: 10px 13px;
    display: table;
    font-size: 30px;
    font-weight: 200;
  
}

.exper-C  .button-1 {
  background-color: transparent;
  border: 3px solid #00d7c3;
  border-radius: 50px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  color: #00d7c3;
}
.button-1:hover {
  box-shadow: 0 0 10px 0 #00d7c3 inset, 0 0 20px 2px #00d7c3;
  border: 3px solid #00d7c3;
}

.button-2 {
  color: #fff;
  border: 3px solid #fed000;
  background-image: -webkit-linear-gradient(30deg, #fed000 50%, transparent 50%);
  background-image: linear-gradient(30deg, #fed000 50%, transparent 50%);
  background-size: 700px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.button-2:hover {
  background-position: 100%;
  color: #fed000;
}

.button-3 {
  border: 2px solid #3c73ff;
  background-color: #3c73ff;
  border-radius: 20px;
  color: #fff;
  transition: .3s;
}
.button-3:hover {
  box-shadow: 8px 8px #99bdff;
  transition: .3s;
}

.button-4 {
  background-color: transparent;
  border: 3px solid #ff0251;
  color: #ff0251;
  transition: .3s;
}
.button-4:hover {
  animation: pulse 1s infinite;
  transition: .3s;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(.9);
  }
    100% {
    transform: scale(1);
  }
}

.button-5 {
  width: 200px;
  border-radius: 5px;
  background-color: #F4F200;
  background-image: #F4F200;
  background-image: -moz-linear-gradient(top, #fff 0%, #F4F200 100%); 
  background-image: -webkit-linear-gradient(top, #fff 0%,#F4F200 100%); 
  background-image: linear-gradient(to bottom, #fff 0%,#F4F200 100%); 
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.button-5:hover {
  background-position: -200%;
  transition: background 300ms ease-in-out;
}


.latest-news {}








.latest-news{ position:relative;}
.wrapper45 {
  animation: scroll 10s linear infinite;
  background:url(../images/bg-6.png);
  color: #eee;
  min-width: 360px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
  perspective-origin: 50% 50%; height: 100%;
  width: 100%; height:100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

@keyframes scroll {
  100% {
    background-position: 0px -400%;
  }
}





/*expert*/

.animateme {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: -1; opacity:0.2;
}

.bg-bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.bg-bubbles li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #353535;
  bottom: 60px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  opacity:0;
}

.bg-bubbles li:nth-child(1) {
  left: 3%;
  border-radius:50em;
  background:transparent;
  border:4px solid #353535;
}
.bg-bubbles li:nth-child(2) {
  left: 6%;
  width: 75px;
  height: 75px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
}
.bg-bubbles li:nth-child(3) {
  left: 15%;
  width: 175px;
  height: 175px;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.bg-bubbles li:nth-child(4) {
  left: 40%;
  width: 90px;
  height: 90px;
  -webkit-animation-duration: 22s;
          animation-duration: 22s;
}
.bg-bubbles li:nth-child(5) {
  left: 70%;
  background:transparent;
  border:4px solid #353535;
}
.bg-bubbles li:nth-child(6) {
  left: 90%;
  width: 90px;
  height: 90px;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  border-radius:50em;
  background:transparent;
  border:4px solid #353535;
}
.bg-bubbles li:nth-child(7) {
  left: 32%;
  width: 60px;
  height: 60px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  background:transparent;
  border:4px solid #353535;
}
.bg-bubbles li:nth-child(8) {
  left: 55%;
  width: 50px;
  height: 50px;
  -webkit-animation-delay: 15s;
          animation-delay: 15s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
}
.bg-bubbles li:nth-child(9) {
  left: 30%;
  width: 140px;
  height: 140px;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 40s;
          animation-duration: 40s;
  border-radius:50em;
  background:transparent;
  border:4px solid #353535;
}
.bg-bubbles li:nth-child(10) {
  left: 90%;
  width: 60px;
  height: 60px;
  -webkit-animation-delay: 11s;
          animation-delay: 11s;
}
.bg-bubbles li:nth-child(11) {
  left: 10%;
  width: 40px;
  height: 40px;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
  border-radius:50em;
}
.bg-bubbles li:nth-child(12) {
  left: 55%;
  width: 175px;
  height: 175px;
  -webkit-animation-delay: 7s;
          animation-delay: 7s;
  background:transparent;
  border:4px solid #353535;
}

.bg-bubbles li:nth-child(13) {
  left: 65%;
  width: 100px;
  height: 100px;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
  border-radius:50em;
}

@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
    opacity:1;
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity:0;
  }
  50% {
    opacity:1;
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
            transform: translateY(-700px) rotate(600deg);
    opacity:0;
  }
}





/*.icon-container p img{  border-radius:50%; background:#444444;-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.icon-container p img:hover{ background:#e4a928;webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.morph {
    height: 42px;
    transition: all 0.5s ease 0s; margin:0px auto; display:table;
}


.more-btn:hover{webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; color:#000000;}
.more-btn:hover  .fa{ background:#000; color:#FFFFFF;    transform: rotate(360deg);webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;
}
*/


.more-btn .fa{ -webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.more-btn:hover{ webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; color:#000000;}
.more-btn .fa {

    transition: all 0.5s ease 0s; 
}
.more-btn:hover .fa {
    transform: rotate(360deg);
}



.red-button{-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}

.red-button:hover{-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; background:#000; color:#FFFFFF;}

footer a{-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
footer a:hover{-webkit-transition: all .6s ease-in-out; transition: all .6s ease-in-out; color:#fed000;}
.whats-aap {
    position: fixed;
    overflow: hidden;
    bottom: 100px;
    left: auto;
    right: 15px;
    text-align: center;
    z-index: 3150;
}
.whats-aap-ic{width:50px;height:auto;margin:0 auto;text-align:center;display:table; overflow:hidden;}



.whats-aap img{width:100%;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; }




.button-23 {
  color: #fff;
  border: 3px solid #e60002;
  background-image: -webkit-linear-gradient(30deg, #e60002 50%, transparent 50%);
  background-image: linear-gradient(30deg, #e60002 50%, transparent 50%);
  background-size: 700px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}
.button-23:hover {
  background-position: 100%;
  color: #fff;
}


.latest-nsC h5{ text-align:left!important;}



footer{ position:relative;}

/*fog*/

/* ---------- Fog ---------- */
.fogwrapper {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-filter: blur(1px) grayscale(0.9) saturate(1.2) sepia(0.9);
  filter: blur(1px) grayscale(0.9) saturate(1.9) sepia(0.9);
}
#foglayer_01, #foglayer_02, #foglayer_03 {
  height: 100%;
  position: absolute;
  width: 200%; top:0;
}
#foglayer_01 .image01, #foglayer_01 .image02,
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02 {
  float: left;
  height: 100%;
  width: 50%;
}
#foglayer_01 {
  -webkit-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  -moz-animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
  animation: foglayer_01_opacity 10s linear infinite, foglayer_moveme 15s linear infinite;
}
#foglayer_02, #foglayer_03 {
  -webkit-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  -moz-animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
  animation: foglayer_02_opacity 21s linear infinite, foglayer_moveme 13s linear infinite;
}

/* ---------- Moving Fog ---------- */
/*
  'size: cover' || 'size: 100%'; results remain the same
  'attachment: scroll' can be added or removed; results remain the same
  'attachment: fixed' causing unexpected results in Chrome
  'repeat-x' || 'no-repeat'; results remain the same
*/ 
#foglayer_01 .image01, #foglayer_01 .image02 {
  background: url("https://raw.githubusercontent.com/danielstuart14/CSS_FOG_ANIMATION/master/fog1.png") center center/cover no-repeat transparent;
}
#foglayer_02 .image01, #foglayer_02 .image02,
#foglayer_03 .image01, #foglayer_03 .image02{
  background: url("https://raw.githubusercontent.com/danielstuart14/CSS_FOG_ANIMATION/master/fog2.png") center center/cover no-repeat transparent;
}

/* ---------- Keyframe Layer 1 ---------- */
@-webkit-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@-moz-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@-o-keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
@keyframes foglayer_01_opacity {
  0% { opacity: .1; }
  22% { opacity: .5; }
  40% { opacity: .28; }
  58% { opacity: .4; }
  80% { opacity: .16; }
  100% { opacity: .1; }
}
/* ---------- Keyframe Layer 2 ---------- */
@-webkit-keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@-moz-keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@-o-keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
@keyframes foglayer_02_opacity {
  0% { opacity: .5; }
  25% { opacity: .2; }
  50% { opacity: .1; }
  80% { opacity: .3; }
  100% { opacity: .5; }
}
/* ---------- Keyframe Layer 3 ---------- */
@-webkit-keyframes foglayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@-moz-keyframes foglayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@-o-keyframes foglayer_03_opacity {
  0% { opacity: .8 }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
@keyframes foglayer_03_opacity {
  0% { opacity: .8; }
  27% { opacity: .2; }
  52% { opacity: .6; }
  68% { opacity: .3; }
  100% { opacity: .8; }
}
/* ---------- Keyframe moveMe ---------- */
@-webkit-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@-moz-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@-o-keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}
@keyframes foglayer_moveme {
  0% { left: 0; }
  100% { left: -100%; }
}

@media only screen
  and (min-width: 280px)
  and (max-width: 767px) {
    #foglayer_01 .image01, #foglayer_01 .image02,
    #foglayer_02 .image01, #foglayer_02 .image02,
    #foglayer_03 .image01, #foglayer_03 .image02 {
      width: 100%;
    }
  }









/*instagram*/


.inst-img-s{ position:relative; padding:80px;}


.main-image{ width:100%; margin:10px auto; display:table; border:8px solid #594a43; overflow:hidden; background:#fff; padding:2px;}

.main-image img{ max-width:100%; border:2px solid #000;}

.insat-01{ position:relative; z-index:2;}
.insat-02{ position:absolute; right:0; top:0; width:35%; z-index:3}

.insat-03{ position:absolute; right:5%; top:40%; width:15%;}

.insat-04{ position:absolute; right:0%; bottom:0; width:32%; z-index:1}
.insat-05{ position:absolute; left:0; bottom:0; width:25%; z-index:3;}

.insat-06{ position:absolute; left:0; bottom:40%; width:30%; z-index:1;  
}

.insat-07{ position:absolute; left:0; top:0; width:20%; z-index:2}

.insat-08{ position:absolute; left:50; top:0; width:10%; z-index:2;  transform: rotate(20deg);
}




section{ position:relative; overflow:hidden;}

.copy-right p{ position:relative; z-index:1000;}








 @media (min-width: 1360px){
.container {
    max-width: 1280px;
}
   
   }		
			
			
	
.nav-logo{ overflow:hidden;}
.nav-logo img{ width:100%;}	









/*about*/

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

.banner-C .left-social-media ul li a{line-height:30px;}





.about-inner-image-C{ position:relative; padding:50px; background:url(../images/texture-about.png) bottom right no-repeat;}
.inner-about{ padding:80px 0px;}
.about-inner-img-1{ overflow:hidden; position:relative; z-index:5; }
.about-inner-img-1 img{ width:100%;}
.inner-image2{ position:absolute; bottom:0; left:0; width:200px;overflow:hidden; z-index:6;border:5px solid #fff; }
.inner-image2 img{ overflow:hidden; width:100%;}

.top-corner-iamge{ position:absolute; top:0; right:0;}	
.left-circle{ position:absolute; left:0; top:0;}


.inner-about h2{ font-size:20px; font-weight:bold; text-transform:uppercase; color:#c1c1c1; text-transform:uppercase;}

.inner-about h3{ font-size:45px; font-weight:bold;color:#000; font-weight:900; margin-bottom:50px;}

.banner-cap{ position:absolute; left:0; right:0; margin:0px auto; top:20%; padding-left:20%;}
.banner-cap h1{ color:#FFFFFF; font-weight:bold; position:relative; z-index:2;}
.banner-cap h2{ font-size:15px; font-weight:normal; text-transform:uppercase; background:#fff; padding:10px; color:#000; display:table;}

.inner-cap-out{ position:relative; top:0; left:0; padding:40px;}
.inner-cap-top-sqr{ width:55px; height:55px; border:5px solid #938c3f; top:0; left:0; position:absolute;}


.inner-about h4{ font-size:25px; font-weight:bold;color:#000; font-weight:900;}



.abt-right-s{ position:relative; padding-left:45px;}
.abt-right-s h4 {
    font-size: 25px;
    display: flex;
    position: relative;
    padding: 0px;

    transform: rotate(-90deg); position:absolute; left:-60px; top:60px; margin:0px 0px; text-transform:uppercase; letter-spacing:5px; color:#ccc;
}




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

.vs-ms-sec{ background:#ebebeb;  margin:30px 0px 0px; padding-bottom:25px;}

.vs-left-img{ position:relative; z-index:2; overflow:hidden; padding:0px 40px 40px 0px; margin-top:96px; }
.vs-left-img img{ max-width:100%; z-index:5; position:relative; border:5px solid #fff;}
.vs-img-border{ position:absolute; bottom:0; right:0;  width:70%; height:70%; border:10px solid #f9d530; z-index:1;}

.vs-ms-sec ul{  margin:10px 0px; padding:0px 0px 0px 15px;}

.vs-C{ margin-bottom:35px;}

.vs-ms-sec h2{ font-size:25px; text-transform:uppercase; font-variant:200; margin-bottom:40px;}
.vs-ms-sec h2 b{ font-size:35px;}

.vs-right{ margin:35px 0px 35px 35px; margin-top:90px;}

.vs-C{ margin-bottom:25px;}

.vs-C h3{ font-size:20px; font-weight:bold; text-transform:uppercase;}
.vs-C p{ font-size:14px;}

.vs-ic{ overflow:hidden; padding:20px; background:#ffb400; width:100px; height:100px; border-radius:50%; margin-bottom:25px; border:3PX solid #FFF;}
.vs-ic img{ width:100%; margin-bottom:15px;}


.ceo-about{ background:url(../images/bg-5.png); margin-top:0px; background:#fff;}
.ceo-about h2{ color:#000000; font-size:35px; margin-top:25px;}
.ceo-about .ceo-img:after{ display:none;}
.ceo-about .ceo-img{ border:5px solid #fff; padding:0px; border-radius:0px;}
.ceo-about .ceo-img img{ border-radius:0px;}


.team-s{ background:#f3f3f3; padding:70px 0px; overflow:hidden;}
.team-s h2{ margin:20px auto; text-align:center; font-size:18px; margin-bottom:35px;}
.team-s h2 b{ font-size:50px;    -webkit-text-stroke-color: #333;
    color: transparent !important;
    -webkit-text-stroke-width: 1px;}

.teamC{ overflow:hidden; margin-bottom:30px; padding:10px;
 border-bottom-left-radius:4px;border-bottom-right-radius:4px; background:#e6e6e6;}
.team-img img{ overflow:hidden; width:100%;}
.team-img { background:#fff; padding:5px; width:33%; float:left; }

.teamC h4{ color:#313131; font-size:15px; text-transform:uppercase; font-weight:900; margin:5px auto; margin-top:24px;  margin-bottom:5px;}
.teamC  b{ text-transform:capitalize; color:#666666; font-size:14px; margin-bottom:15px; font-weight:600; display:block;}
.teamC h5{ color:#717070; font-size:13px;  font-weight:normal; margin:5px auto;}
.team-txt{ overflow:hidden;  padding:8px; width:67%; float:left; margin-top:10px; padding-left:10px;}

	#intro-5 { background:url(../images/intro-5.jpg) no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 90px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto; text-align:center;

}
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap');

.online-visa h2{font-family: 'Dancing Script', cursive; font-size:80px;}

.online-visa h3{ font-size:40px; text-transform:uppercase; font-weight:200; margin:10px auto; margin-bottom:55px;}
.online-visa a{ background:#ed711d; padding:15px 30px; border-radius:30px; text-transform:uppercase; color:#FFFFFF;}



/*contact*/


.contact-page-top{ background:#f1c40f; padding:80px 0px; position:relative;}
.contact-form{ position:relative; z-index:5;}




.contact-form  .row{ margin:0px -2px;}

.contact-page-top h2{  font-size:45px;     font-size: 50px;
    font-weight: 200; margin:0px auto; margin-bottom:40px; text-align:center;
    color: #231c16;}
	
.contact-page-top h2 b{ font-weight:900;}	
.contact-page-top input{ background:#fff; padding-left:10px; height:50px; border:1px solid #999999; width:100%; margin-bottom:30px;}
.contact-page-top textarea{ background:#fff; padding-left:10px; height:150px; border:none; width:100%; margin-bottom:30px;border:1px solid #999999;}
.contact-page-top button{ background:#333; padding:10px 40px; text-transform:uppercase; color:#FFFFFF; border:none; margin:0px auto; display:table; border-radius:30px;}

.contact-form .row .col-lg-3{ padding:0px 2px;}
.contact-form .row .col-lg-12{ padding:0px 2px;}
.contact-page-top input{ margin-bottom:4px;}
.map-sec{}


	#intro-6 h2{  font-size:45px;     font-size: 50px;
    font-weight: 200; margin:0px auto; margin-bottom:40px; text-align:center;
    color: #fff;}
	
	#intro-6 h2 b{ font-weight:900;}



	#intro-6 { background:url(../images/contact-bottom.jpg) no-repeat 100% 100%;margin: 0 auto; color:#FFFFFF; 
 width: 100%;   position: relative; height:100%;  padding: 80px 0; background-attachment:fixed;  margin-top:0px; background-size:100%  auto; text-align:center;

}

	#intro-6  h2{}


.g-map-sec{ position:relative;}





.gmap-bx{ padding:10px; background:#fff;}

.g-map-imgBox{ background:#fff; padding:10px;}
.g-map-img{ overflow:hidden; text-align:center; position:relative;}
/*.g-map-img img{ max-width:100%;filter: blur(2px);}*/

.g-map-img img{ max-width:100%;}
.contact-address-bx{ color:#000000; text-align:left; padding:30px;}
.contact-address-bx ul{ list-style:none; margin:0px 0px; padding:0px 0px;}

.contact-address-bx h3{ font-size:20px; font-weight:bold; margin:0px 0px 15px; color:#000000;}
.add-bx{ margin-bottom:20px;}			
			
			.gmap-bx-outer{ margin:0px auto; width:80%; }
			
.pointer-ic img{filter: blur(0px);}		


.add-bx{ position:relative; padding:15px 15px 15px 70px;}	
.add-bx a{ color:#000000;}

.add-bx:before{ position:absolute; left:0; top:0; content:''; width:40px; height:40px; top:50;}		

.loc:before{ background:url(../images/map-ic.png);content:''; left:0; position:absolute; background-size:100%; top:20px;}

.pho:before{ background:url(../images/phone-ic.png);content:''; left:0; position:absolute; background-size:100%;top:20px;}

.eml:before{ background:url(../images/mail-ic.png);content:''; left:0; position:absolute; background-size:100%;top:20px;}
		
.pointer-ic{ position:absolute; top:30%; left:0; right:0; margin:0px auto; display:table; cursor:pointer;}
.pointer-ic img{ width:auto;}	


.bounceBtn {
		animation: pulse 1s infinite;
		display: flex;		justify-content: center;
		align-items: center;
		-moz-animation: bounce 2s infinite;
		-webkit-animation: bounce 2s infinite;
		animation: bounce 2s infinite;
	}

	@keyframes bounce {
		0%, 20%, 50%, 80%, 100% {
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
		40% {
			-moz-transform: translateY(-10px);
			-ms-transform: translateY(-10px);
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
		60% {
			-moz-transform: translateY(-5px);
			-ms-transform: translateY(-5px);
			-webkit-transform: translateY(-5px);
			transform: translateY(-5px);
		}
	}

	


.g-map-sec{ position:relative;}

.gmap-bx-outer{ position:relative; z-index:6;}



/*why-chooseus*/

.homeAboutSec{background:url(../images/aboutBg.jpg) no-repeat top center; background-size:cover;padding:2em 0;min-height: 500px; display: flex;  align-items: center;}


.homeAboutSec h2 {  font-size: 44px;  color: #fff;  margin-bottom: 1em;  position: relative;  z-index: 10;color: #fff;
  -webkit-text-stroke-color: #fff;
  color: transparent !important;
  -webkit-text-stroke-width: 1px; }
  
  .homeAboutSec h2 b{ font-weight:900;}

.homeAboutSec h6 {  font-size: 24px;  color: #fff; text-transform: capitalize;  margin-bottom: 1em;  position: relative;  z-index: 10;}
.homeAboutSec p {  font-size: 14px;  color: #fff;  z-index: 10;  position: relative; }
/*.homeAboutSec h6::before {  position: absolute;  left: 0;  top: 0em;  width: 230px;  height: 230px;  content: "";  background: #f8b004;  z-index: -1;}*/


.whychoose-logo{ overflow:hidden; margin-right:25px;}
.whychoose-logo img{ width:100%;}






:root {
	--d: 2500ms;
	--angle: 90deg;
	--gradX: 100%;
	--gradY: 50%;
	--c1: rgba(168, 239, 255, 1);
	--c2: rgba(168, 239, 255, 0.1);
}


.box {

	border: 0.35rem solid;
	padding: 15px;
	border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;
	animation: borderRotate var(--d) linear infinite forwards;
}

.box:nth-child(2) {
	border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 30;
	animation: borderRadial var(--d) linear infinite forwards;
}

@keyframes borderRotate {
	100% {
		--angle: 420deg;
	}
}

@keyframes borderRadial {
	20% {
		--gradX: 100%;
		--gradY: 50%;
	}
	40% {
		--gradX: 100%;
		--gradY: 100%;
	}
	60% {
		--gradX: 50%;
		--gradY: 100%;
	}
	80% {
		--gradX: 0%;
		--gradY: 50%;
	}
	100% {
		--gradX: 50%;
		--gradY: 0%;
	}
}



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

.invest h3{ color:#444; font-size:18px; text-transform:uppercase; margin-top:80px;}
.invest h4{ color:#ec671f; font-size:48px;  font-weight:bold; margin-bottom:45px;}

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


.invest-img{ overflow:hidden; background:url(../images/texture.png) no-repeat top right; padding:40px 40px 0px 0px;}
.invest-img img{ width:100%;}
.border-btn{ border:1px solid #525252; display:table; padding:10px 15px;color:#525252; text-transform:uppercase;}
.border-btn .fa{ margin-left:10px; }

.chs-right{ margin-left:45px;}


.wh-choose-counter{ background:#e65724; padding:70px 0px; text-align:center; color:#fff;}

.counter-bx{ margin:5px auto; display:table; padding:30px;}
.counter-bx h3{ font-size:50px;}

.chs-sec-bx{ overflow:hidden; margin-bottom:30px; background:#f2f0f0; padding:20px;}

.ch-img{ overflow:hidden; }
.ch-img img{ width:100%;}
.chs-sec-bx h5{ font-weight:bold; margin:0px 0px 15px;}

.txt-sec{ margin-bottom:35px;}
		
		
.counter-ic{ overflow:hidden;max-width:80px; margin:0px auto;}
.counter-ic img{ width:100%;}		


.page-title{ margin:50px 0px 20px;}

.page-title h2{ font-size:30px; text-transform:uppercase; font-weight:bold; margin:0px 0px;}
.news-inner-img{ overflow:hidden;}
.news-inner-img img{ width:100%;}

.news-inner5{}

.news-inner-img{ overflow:hidden; margin-bottom:30px;}
.news-inner-img img{ width:100%;}
.ns-top-cnt h3{ font-size:18px; opacity:0.7;}
.ns-top-cnt h4{ font-size:25px; margin:10px 0px 20px;}
.text-news{ margin-bottom:40px;}

.news-inner5 h3{ font-weight:bold; text-transform:uppercase;  display:table; padding-bottom:10px; position:relative; font-size:18px; margin-top:20px;}
.news-inner5 h3:after{ position:absolute; bottom:0; width:50px; height:3px; background:#ff1e07; content:''; left:0;}
.news-inner5  ul{ margin:25px 0px; list-style:none; padding:0px 0px;}
.news-inner5  ul li{ margin-bottom:10px; position:relative; padding-left:30px;}
.news-inner5  ul li:after{position:absolute;display:block;content:'\f105';font-family:FontAwesome; left:0; top:2px; width:20px; height:20px; background:#ff1e07; color:#FFFFFF; border-radius:50%; text-align:center; line-height:20px;}

.nws-bottom-2-img{ overflow:hidden;}
.nws-bottom-2-img img{ width:100%;}
.two-img-sec{ margin:30px 0px;}

.news-video-sec{ overflow:hidden; position:relative; margin:20px 0px;}
.news-video-sec img{ width:100%;}

.news-video-sec .play-btn{ top:40%; position:absolute; left:0; right:0; margin:0px auto;}

.share-sec{ padding:25px 0px; display:block; overflow:hidden; margin-bottom:50px;}
.share-sec h4{ float:left; margin-right:10px; font-size:20px; font-weight:bold;}
.share-sec ul{ float:left; margin:0px 0px;}
.share-sec li{ float:left; margin-left:10px; padding-left:0px!important;}
.share-sec li:after{ display:none!important;}

.share-sec li a{ padding:10px 25px; border-radius:30px; border:2px solid #ed711d; font-size:13px; color:#000000;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.share-sec li a:hover{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; background:#ed711d; color:#FFFFFF;}

.right-gray-bx{ background:#f8f7f7; padding:25px; margin-bottom:30px;}
.right-gray-bx h3{ font-size:20px; margin:0px 0px 20px;}
.ns-sml-img{ overflow:hidden;}
.ns-sml-img img{ width:100%;}
.ns-right-bx-sml{ margin-bottom:25px; border-bottom:1px solid #e7e5e5; padding-bottom:15px;}
.ns-right-bx-sml:last-child{ border-bottom:none; margin-bottom:0px;}
.ns-right-bx-sml h4{ font-size:18px;}
.ns-right-bx-sml a{ color:#333333;}
.right-gray-bx li{ padding-left:0px!important; margin-bottom:5px!important; display:inline; margin-bottom:5px;}

.right-gray-bx li:after{ display:none!important;}
.right-gray-bx ul{ margin:0px 0px!important; padding:0px 0px!important}
.right-gray-bx li a{ color:#000000; font-size:14px; font-weight:500; padding:13px 8px; float:none; background:#e2e2e2; -webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out; display:inline-table; margin-bottom:3px; border-radius:5px;}
.right-gray-bx li a:hover{ background:#fff;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}


.ns-search{ position:relative;}
.ns-search input{ background:#FFFFFF; height:50px; width:100%; border:1px solid #fff;}
.ns-search button{ position:absolute; border:none; height:50px; width:60px; background:#ed711d; color:#FFFFFF; right:0;}

.ns-inner{ margin-bottom:40px;}
.ns-inner .latest-nsC{ margin-bottom:30px;}

.blogs-inner .latest-nsC{margin:0px; }
.blogs-inner .latest-nsC{margin-bottom:30px;}

.ns-inner .news-c{ margin-bottom:30px;background:#f9f9f9; padding:25px;}
.ns-inner .news-c h3 {
    font-size: 18px;
}

.blog-inner-img{ overflow:hidden; margin-bottom:0px;}
.blog-inner-img img{ width:100%;}

.blog-inner-list h3{ font-size:16px; opacity:0.5; margin:0px 0px 10px;}
.blog-inner-list h4{ font-size:20px; font-weight:bold; margin:0px 0px 15px;}
.blog-inner-list{ margin-bottom:35px; }
.blg-inn{background:#fbfbfb; padding:25px; padding-top:25px;}

.blog-inner-list {

    transition: all .5s ease 0s
}

.blog-inner-list:hover {
    box-shadow: 0 15px 33px rgba(0,0,0,.2);
    transform: translateY(-10px);
    transition: all .5s ease 0s
}
.inner-pages-out  .h-service {
    margin: 0px 0px;
}
.inner-pages-out .h-service { margin-bottom:30px;}


.inner-pages-out .university-out-c{ margin:0px 0px 30px;}



.srv-bb{ position:relative}
.h-service .konw-btn img {
    margin-right: 10px;
    width: 26px;
}

.h-service .konw-btn{ min-width:120px;}


/*servie -details*/
.carousel-indicators{ }
.carousel-indicators img{ float:left;width:100%!important; margin:5px;}

.carousel-indicators{ position:static;}

.carousel-indicators [data-bs-target]{ background:none; width:20%;}


.carousel-indicators [data-bs-target]{ height:auto;}
.service-slider{ overflow:hidden; background:url(../images/texture-2.png) no-repeat right top; padding:30px 30px 30px 0px}
.service-slider img{ width:100%;}

.srv-details .testimonial h3 {
    font-size: 37px;
    font-weight: 800;
    margin-left: 0;
    background: url(../images/test-yello-bg.png) left no-repeat;
    background-position: 0 26px;
    overflow: hidden;
    margin-bottom: 50px;
}

.unicersity-slider{ background:url(../images/insta-bg.jpg); padding:35px;}
.unicersity-slider img{ border:5px solid #FFFFFF;}

.map-dtl-img{ overflow:hidden;}
.map-dtl-img img{ width:100%; border:5px solid #FFFFFF;}
.map-dtl-inner{ background:url(../images/pattern.jpg); background-size:100% 100%; padding:20px 20px 0px 20px; overflow:hidden;}


.map-gray{ background:#f3f3f3; padding:25px; margin-bottom:30px;}

.text-italic{ font-style:italic; font-size:20px; background:#ffffff; padding:25px;}

.map-s a{ color:#000000;}
.download-pdf{ padding: 10px 25px; margin-top:15px; display:table; color:#fff; background:#f1ae37; border:2px solid #f1ae37; border-radius:30px; display:table; margin:15px 0px; margin-top:30px;transition: all .6s ease-in-out; }
.download-pdf .fa{ margin-right:10px;}
.download-pdf:hover{ background:#FF0000;transition: all .6s ease-in-out; color:#fff; }

.service-right{ }

.service-video .news-video-sec{ margin-bottom:0px;}

.service-right{ margin-bottom:45px;}


 .ct-form { margin-bottom:60px;}
 .ct-form input {
    margin-bottom: 8px; width:100%; border:none; height:45px;
    background: #ededed; width:100%; padding-left:10px;
}

.textArea {
    margin-bottom: 8px; width:100%; border:none; height:100px;
    background: #ededed; width:100%; padding-left:10px;
}

.send-btn{ background: #ec671f; padding:10px 20px; color:#FFFFFF; text-transform:uppercase; font-size:15px; text-transform:uppercase; border:none;}

.service-slider{ margin-right:50px;}


.detail-map{ width:300px; float:left; margin-right:25px;}

.map-right-conten{ float:left;}

.pr-features{ overflow:hidden;}


.scope-Migration{ background:#f4f4f4; padding:45px 0px; margin:45px 0px 0px;}
.scope-mg-image{ overflow:hidden;padding:40px 40px 0px 0px; background:url(../images/angle-pattern.png) right top no-repeat;}
.scope-mg-image img{ width:100%;}


.course-bxxx{ overflow:hidden; display:flex;    background: #2f0f04; padding:15px; border-radius:10px;margin-bottom:25px;
}
.course-bxxx h4{ color:#FFFFFF;  font-size:16px; text-transform:uppercase; font-weight:600; margin-top:9px; }
.course-icon{ overflow:hidden; width:40px; margin-right:12px;}
.course-icon img{ width:100%;}
.course-icon img{ margin-top:0px;}

.srvs-form{ padding:50px 0px; background:#f9f9f9;}

.contact-page-top input{ border:1px solid #fff;}
.contact-page-top textarea{ border:1px solid #fff;}

.contact-page-top button:hover{ background:#bc2400;-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.contact-page-top button{-webkit-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}

.mar-top-60{ margin-top:60px;}
.invest{ margin:0px 0px;}


.why-we-are{ background:#f6f6f6 url(../images/ceo-pattern.png) no-repeat right bottom; padding:60px 0px; margin-bottom:0px;}
.why-we-img{ overflow:hidden; margin-bottom:30px; padding:0px 50px 50px 0px; background:url(../images/leafe.png) right bottom no-repeat;}
.why-we-img img{ width:100%; border:5px solid #fff;}

.loc{ min-height:130px;}

.add-bx {
    margin-bottom: 0;
}


.cms h5{ font-weight:bold; margin:15px 0px 20px; text-transform:uppercase; font-size:17px;}

.cms{ margin-bottom:45px;}

.strategy-img{ overflow:hidden; width:450px; padding:45px 45px 0px 0px; background:url(../images/angle-pattern.png) right top no-repeat; float:left; margin-right:30px; margin-bottom:25px;}
.strategy-img img{ border:15px solid #f1ae37; width:100%;}


.post-question{ background:#f3f3f3; padding:45px 0px;}
.post-question h3{ font-size:22px; margin:0px 0px 30px; font-weight:bold;}


.accordion-button:not(.collapsed){ background:#f1ae37; color:#FFFFFF;}

.accordion-button:not(.collapsed)::after{ color:#FFFFFF;}

.course-C{ overflow:hidden;border-radius: 10px;
  box-shadow: 0px 20px 80px rgba(30, 30, 30, 0.1);}
.course-img{ overflow:hidden;}
.course-img img{ width:100%;}
.course-top-icon{ width:40px; overflow:hidden;}
.course-top-icon img{ width:100%;}
.course-top-title h6{ margin-top:8px;}
.course-top-title{ margin-left:10px}

.crs-inner{ padding:25px; background:#fff;}
.course-content-top{ display:flex; margin-bottom:20px;}
.crs-inner h3{ font-size:20px; margin:0px 0px 15px;}


.course-C{

  -webkit-box-shadow:0 2px 2px 0 rgba(50,50,50,.15);
  -moz-box-shadow:0 2px 2px 0 rgba(50,50,50,.15);
  box-shadow:0 2px 2px 0 rgba(50,50,50,.15);
  transition:all .5s ease 0s; margin:10px; margin-bottom:40px;
}
.course-C:hover {
  box-shadow:0 15px 33px rgba(0,0,0,.2);
  transform:translateY(-10px);
  transition:all .5s ease 0s
}

.crse a{ color:#000000;}

.crse-details .service-slider {
  margin-right: 0;
}

.tit-1{ margin-top:0px!important;}
.crse-detail-right{ padding-left:25px; margin-bottom:50px;}

.crse-details .unicersity-slider{ background:url(../images/service-bg.png);} 

.sticky-content{overflow:unset;}
#cssmenu>ul ul {
     background-color: #333;

}
#cssmenu>ul ul {
    margin-top: 10px;
}



#cssmenu ul ul li {
  
    width: 232px;
}











.crse-details .unicersity-slider{ background:url(../images/service-bg.png);} 


.more-srvs{padding:60px 0px; background:#f7f7f7;}

.more-srvs  h2 {
  font-size: 50px;
  -webkit-text-stroke-color: #333;
  color: transparent !important;
  -webkit-text-stroke-width: 1px;
}

.news-video-sec{}

.news-video-sec {
    overflow: hidden;
    position: relative;
    margin: 0px 0px;
}

.mr-s2{ background:url(../images/testi-bg.jpg); margin-bottom:0px;}
.scope-Migration{ margin-top:0px;}


.university-list-box{ background:#fff; padding:10px;box-shadow: -7px 10px 9px -5px rgba(0,0,0,0.1); margin-bottom:15px; height: 100px;
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
   
}

.university-list-box h3{font-weight:bold; margin:0px 0px; color:#000000; font-size:13px;  display: flex;
    width: 100%;
    align-items: center; height:80px; }

.university-list-box .fa{ width:50px; height:50px; background:#f1c40f; border-radius:50%; line-height:50px; display:block; text-align:center; color:#000!IMPORTANT;}

.uni-icon{display: flex;
    width: 100%;
    align-items: center; height:80px;}


.university-more{}

.university-more{ background:#333;    transition: all .6s ease-in-out;
 padding:10px 40px; text-transform:uppercase; color:#FFFFFF; border:none; margin:0px auto; font-size:12px; display:table; border-radius:30px; margin-top:30px;}
.university-more:hover{    transition: all .6s ease-in-out; background: #e60002;color:#fff;}
/*pin animation*/

.map-pointer .fa{ position:relative; padding:10px;}
.map-pointer .fa:after{-webkit-animation: burst 2s infinite linear; position:absolute; left:0; right:0; top:0; bottom:0; content:''; width:30px; height:30px; border-radius:50%; background:rgba(0, 0, 0, 0.3);}


.fb_dialog{}



.fb_dialog{background:none;}



.fb_dialog{background:none!important;}


.fb_dialog_content{background:none!important;}


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


.fb_dialog_content iframe{right:0!important; bottom:65px!important;}
.whats-aap-ic {text-align:right;}



/*06.04.23*/

.prov-name{ background:#000; padding:5px; color:#FFFFFF; border-radius:5px;display:table; opacity:0.8;}
.prov-name h6{ margin:0px 0px; font-size:12px; padding-left:10px; position:relative;}
.prov-name h6:before{ width:6px; height:6px; border-radius:50%; background:#ff0000; position:absolute; left:0; top:5px; content:'';}

.yuk-l {
    position: absolute;
    top: 34%;
    left: 0;
}

.britis-l {
    position: absolute;
    top: 56%;
    left: 0;
}

.alberta-l{
    position: absolute;
    bottom: 25%;
    left: 18%;
}

.saskatchewan-l{ position: absolute;
    bottom: 34%;
    left: 28%;
}

.manitoba-l{ position: absolute;
    bottom: 34%;
    left: 40%;
}

.ontario-l{ position: absolute;
    bottom: 34%;
    left: 50%;
}

.northwest-l {
    position: absolute;
    bottom: 50%;
    left: 23%;
}


.nunavut-l {
    position: absolute;
    bottom: 61%;
    left: 34%;
}


.ontario-l {
    position: absolute;
    bottom: 18%;
    left: 57%;
}

.quebec-l {
    position: absolute;
    bottom: 23%;
    left: 68%;
}

.newfoundland-l {
    position: absolute;
    bottom: 38%;
    left: 88%;
}

/*.newfoundland-l {
    position: absolute;
    bottom: 38%;
    right: 18%;
}*/

.prince-l {
    position: absolute;
    bottom: 23%;
    right: 2%;
}


.nova-l {
    position: absolute;
    bottom: 16%;
    right: 2%;
}



.brunswick-l {
    position: absolute;
    bottom: 18%;
    right: 18%;
}

.home-video {
	position:relative;
	overflow:hidden; background:url(../images/video-bg.jpg); background-size:100% auto;
}
.home-video video {
	width:100%;
	height:100%;
}
.wrapper1 {
	display:block;
 width: 100% position: relative;
	margin-bottom:-6px;
}
.home-video{ max-height:650px; overflow:hidden;}


#intro-2{ padding:0px 0px; position:relative;}

.video-cap{ position:absolute; left:0; right:0; margin:0px auto; text-align:center; top:0; bottom:0; background:rgba(0, 0, 0, 0.7);}

#intro-2 h2{ margin-top:15%;}


.map-background-img{ background:#e59311;}
.map-background-img img{opacity:0.3; width:100%;}

@media all and (max-width: 760px) {	

.strategy-img{ width:100%; margin-right:0px; padding:10px 10px 0px 0px;}
.crs-inner {
    padding: 15px;
    background: #fff;
}
.crs-inner h3 {
    font-size: 18px;
    margin: 0px 0px 15px;
}
.cms  p{ text-align:justify;}
	.ceo-logos img {
    width: 113px;
    margin-right: 5px;
}		
.abt-bg-pattetn  img{ max-width:100px;}	

.left-cl img {
    width: 50px;
    height: auto;
}



.f1, .f2, .f3, .f4, .f5 {
    width: 100%;
}
	
footer h3{ margin-top:20px;}
footer ul{ margin-bottom:25px;}	

.cts-ic {
    margin-right: 15px;
}	

.footer-top-cts h2 {
    font-size: 20px;

}

.footer-top-cts h3 {
    font-size: 17px;
	}
	
	
.footer-top-cts h4 {
    font-size: 28px;}	
	
	
.social-media-5{ display:none!important;}	

.sld-cap{ display:none;}
	
	.head-right a{ display:none;}
	
	
.logoC img{ max-width:80%;}			
			
	
.spl-content{ position:static; width:100%;}	
	
	.expert-txt{ background:#444; position:static;}
	
	
	.exper-C h5 {
    font-size: 25px;

    margin-left: 0;
}
	
.ceo-right {
    max-width: 90%;
    padding-left: 0;
}	
	
.ceo-msg h2 {
    font-size: 26px; line-height:32px;}	
	
  .ceo-msg h3 {
    font-size: 66px;
    margin-top: 2px;
  }
	
	.ceo-mdl-logo img{ max-width:80%;}
	
.testimonial h3{ margin-left:0px; font-size:25px;}	
	
.testi-slider{ display:block;}	

.testimonial h2:after{ display:none;}
.testimonial h2{ padding-right:10px;}

.sticky-content{ padding:0px; border:none;}

body{ overflow-x:hidden!important}

.spl-img img{ max-width:100%;}

.specialist h2 {
    font-size: 30px;}

.spl-logo { display:none;}

.specialist{ background:#f39c12;}

.spl-content{ padding:0px;}

.expert-guid h2 { font-size:30px; line-height:36px;
}

.expert-guid h2 span{ font-size:25px; line-height:36px;
}

.exper-C h5{ float:none;}
.home-serviceC h2 { font-size:30px;}

.home-serviceC {
    background: #ee6e48;
    padding: 40px 0px;
}
.trending-cource h2 {
    font-size: 30px;}
	
	
header {
    padding-top: 5px;
}	
	
	
.canada-flw {
    width: 50px;
    height: 50px}	
	
.can-ic{ bottom:20px;}	
	
.head-right h5{ margin-right:35px; font-size:12px;}	
	
.nivo-controlNav{ bottom:0!important;}	
	.slider-area.style-2 .nivo-controlNav a::before{ height:15px; width:5px;}
	
	.slider-area.style-2 .nivo-controlNav a{ height:15px; margin:10px 0px;}

.home-about{ padding:30px 0px}

.about-image{ padding:30px;}

.top-circle {
    width: 50px;
    height: 50px;
    background: #fdecdc;
    border: 7px solid #fbb13b;
    border-radius: 50%;
    position: absolute;
    top: 22px;
    left: 21px;
}



.bottom-circle{  width: 50px;
    height: 50px; border:7px solid #fff;bottom: 4px;
    right: 39px;
	
	}

.about-right-C h3 b {
    font-size: 30px;
}

.about-right-C h3 {
    font-size: 31px; margin-bottom:15px;}

.about-right-C h4 {
    font-size: 19px;
}
.about-right-C h5 {
    font-size: 14px;}	
	
.section-orang h3 {
    margin-top: 0px; font-size:30px;
}	
	.sec-orange-txt{ width:100%;}
	
.org-bx {
    background: #fed000;
    padding: 0px;
    margin-bottom: 10px;
}	
.org-bx img{ max-width:70px;}
.section-orang li h4 {
    font-size: 14px;
}

.img-right-imgC{ padding:5px;}
.imigration-right-c{ padding-left:0px;}
.section-orang h4{ margin-bottom:20px;}

.imigration-right-c h5 {    font-size: 15px;
    left: -16%;
    top: 55%; color:#000;}

.section-orang{ padding:35px 0px;}	

.canada-map h2{ display:none;}
.map-lft-txt {
    margin-left:0px;
}
.canada-map h3{ margin-top:0px;}

.canada-map h4{ font-size:30px;}
.canada-map h4 b{ font-size:30px;}


.specialist {
    background: #fff; padding:20p 0px;
}

.spl-content{color:#333!important}
.spl-img-out{ background:#333!important; padding:5px!important; color:#333!important}
.specialist h3{ font-size:23px; margin:20px auto;}
			
.specialist h2{ margin-top:0px;}			
			
.spl-border-bx{ background:#666666; margin:0px 15px 1px;}			
			
.spl-border-bx h5{ font-size:17px; margin-top:20px;}			
.spl-border-bx{ padding:10px;}			
			
	.spl-cntnt {
    width: 100%;
}

.expert-guid{ margin:30px 0px;}
.exper-C h3 {
    font-size: 31px;}	
	
.exper-C h3 span {
    font-size: 30px;}	
.exper-C .button{ font-size:20px;}	
.expert-txt{ padding:35px;}	
	.exper-C p{ margin-top:30px;}
	
	.exper-C h5{ font-size:20px;}
	.exper-C h5 br{ display:none;}
	
	.right-listing {
    margin-top: 5px;
}
	.trending-cource h3 b {
    font-size: 28px;
    font-weight: normal; margin-top:25px;
}
.hot-vacancy h2{ font-size:30px;}	
	.hot-vacancy h2{ line-height:normal;}	
	
	
#intro-2{background-size:500%; margin:0px 0px; padding:80px 0px;}	
#intro-2 h3 { font-size:30px; margin-top:35px;}

#intro-2 h2 {
    font-size: 18px;}
	
	
.testi-circle img{ width:70px;}	
	
.testimonial h2{ margin-bottom:25px;}	
	
.testimonial h2 {
    font-size: 14px;}	
	
.testimonial{ padding:40px 0px;}	
.test-quote img{ width:25px;}
.testi-img{ width:100px; height:100px;}
.testi-img img{ width:100%;}	

.testimonail-right{ margin-left:0px; margin-top:20px; width:100%;}


.news h2 { font-size:30px; line-height:normal;}
.news h2 br{ display:none;}

.news-c h3 {
    font-size: 17px;
}

.veiew-all{ display:none;}
#intro-3{ padding:40px 0px;}

.ceo-msg{ padding:40px 0px;}


.ceo-out {
    position: relative;
    padding:20px 0px 0px 20px;
}
	.ceo-msg h3 {
    font-size: 89px;
}
	
.ceo-logos img {
    width: 47%;
    margin-right: 5px;
}	

.latest-news{ padding:60px 0px;}
.wrapper45{ min-width:200px;}


.latest-news h3 { font-size:30px;}

.benefits-text{ margin-top:30px;}

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

#cssmenu > ul > li a{ font-weight:700;}
.head-right h5{ margin-top:6px;}

 .specialist h2 {
    font-size: 22px;
  }
  .specialist p {
  font-size: 14px;
  line-height: 20px;
}

  .spl-logo {
    display: none;
  }
  
 .trending-cource h3{ font-size:17px} 
  .trending-cource h3 b {
    font-size: 16px;
    font-weight: normal;
    margin-top: 27px;
  }
  
  
  .testimonial h4{ font-size:24px;}
 
 
 footer{ position:relative; overflow:hidden;}

/*fog*/

/* ---------- Fog ---------- */
.fogwrapper {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-filter: blur(1px) grayscale(0.9) saturate(1.2) sepia(0.9);
  filter: blur(1px) grayscale(0.9) saturate(1.9) sepia(0.9);
}
  .copy-right{ font-family:Arial, Helvetica, sans-serif;}  
  .copy-right p {
  font-size: 12px;
}

.prv{ margin-top:15px;font-family:Arial, Helvetica, sans-serif; font-size:12px; float:none; display:table;}  
.course-btm-img {
    overflow: hidden;
    margin-bottom: 0;
}
.pointer-2 {
    top: 30%;
    left: 14%;
}



.pointer-3 {
    top: 65%;
    left: 49%;
}
.canada-map { padding:40px 0px;}

.ftr-nav li{ width:100%;}
.nav-logo{ display:none;}

.inst-img-s {
    position: relative;
    padding: 35px;
}
.insat-02{ width:24%;}
.insat-03 {
 right:0l}
 
 .benefits-text{ margin-left:0px;}
 
 .banner-cap h1{ font-size:15px;}
 .inner-cap-out {

    padding: 15px;
}
 
 .banner-cap h2 {
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    background: #fff;
    padding: 6px;
    color: #000;
    display: table;
}

.inner-cap-top-sqr {
    width: 35px;
    height: 35px;
    border: 5px solid #938c3f;}

.inner-about {
    padding: 40px 0px;
}

.about-inner-image-C {
    position: relative;
    padding: 30px; margin-bottom:50px;
} 

{    font-size: 32px;
    line-height: 32px;}
	
.vs-ms-sec{ margin-top:0px; padding-top:30px;}	

.vs-right {
    margin: 5px 0px 35px 0px;
    margin-top: 90px;
}

.team-s h2 b {
    font-size: 27px;


	}
	
	.team-s{ padding:30px 0px;}

.teamC{ margin-bottom:10px;}
#intro-5{	
	
	
	    background-size: auto 100%;}
		
		
		
	.online-visa h2 {
    font-family: 'Dancing Script', cursive;
    font-size: 57px;
}

.online-visa h3 {
    font-size: 28px;}	


.homeAboutSec h6{ padding-left:0px;}
.homeAboutSec p{ padding-left:0px;}
.chs-right{ margin-left:0px;}

.invest h4{ font-size:22px; margin-bottom:20px;}
.ch-img img{ margin-bottom:10px; width:50px;}
.wh-choose-counter{ padding:30px 0px; margin-bottom:5px;}
.counter-bx{ border-bottom:1px solid #fff;}
.srv-details .testimonial h3{ font-size:33px; background:none;}

.page-title h2 {
  font-size: 24px;}
  
  .ns-top-cnt h4 {
  font-size: 20px;
  margin: 10px 0px 20px;
}

.ns-sml-img{ margin-bottom:15px;}
.play-btn{ width:70px; height:70px;}
#intro-6{ background-size:auto}
.gmap-bx-outer {
  margin: 0px auto;
  width: 100%;
}
.g-map-imgBox{ margin-bottom:5px;}

.contact-address-bx {
  color: #000000;
  text-align: left;
  padding: 30px 0px;
}

.contact-page-top h2{ font-size:22px;}
#intro-6 h2{ font-size:22px;}
.contact-page-top input{ margin-bottom:5px;}
#intro-6{ padding:40px 0px;}
.contact-page-top{ padding:40px 0px;}
.add-bx{ margin-bottom:0px;}

.inner-about h3 {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    font-weight: 700;
    margin-bottom: 50px;
    line-height: 33px;
}

.vs-right {
    margin: 5px 0px 35px 0px;
    margin-top: 25px;
}

.share-sec li a{ font-size:12px; padding:5px 8px;}
.share-sec h4{ font-size:15px; text-transform:uppercase;}

.detail-map{ float:none; margin-right:0px; width:100%;}
.course-icon {
    overflow: hidden;
    width: 20px;
    margin-right: 17px;
}

.course-bxxx{    margin-bottom: 5px;
}
.course-bxxx h4 {
    color: #FFFFFF;
    font-size: 15px;

    margin-bottom: 0px;
}

.course-btm-img {
    overflow: hidden;
    margin-bottom: 10px;
}.ct-form {
    margin-bottom: 10px;
}
.service-slider {
    margin-right: 0px;
}
.whats-aap {
    position: fixed;
    overflow: hidden;
    bottom: 99px;
    left: auto;
    right: 15px;
    text-align: center;
    z-index: 3150;
}




.inner-menu .bk-app {
    background: #ff0000;
    font-weight: bold;
    border: none;
    color: #FFFFFF;
    font-size: 13px;
    text-transform: uppercase;
    font-style: normal;
    padding: 4px 9px;
    border-radius: 4px;
    float: right;
    margin-top: -5px;
    margin-right: 39px; 
}


.inner-menu{
  position: absolute!important;
  right: 0!important;
  left: auto!important;
  top: 28px!important;
  z-index: 1010;
  background-color: #333;
  color: #FFFFFF;
  padding: 10px 0px;
  border-bottom: 3px solid #ec671f;
  float: right;
}

.exper-C h3 {
    font-size: 27px; line-height:35px;}
    
    
.exper-C b {
    font-size: 19px;}    
  .exper-C h3 {margin-bottom:25px;}
  
#intro-2 {
    background-size: 500%;
    margin: 0px 0px;
    padding: 0px 0px;
    min-height: 400px;
}


.home-video {
    min-height: 300px;
    display: block!important;
}

#intro-2 h2 {
    margin-top: 7%;    font-size: 14px;

}
#intro-2 h3 {
    font-size: 20px;
    margin-top: 11px;
}

.play-btn {margin-top:15px;}

#intro-2 {
    background-size: 500%;
    margin: 0px 0px;
    padding: 0px 0px;
    min-height: 206px;
}

.loading-modal .modal-header .btn-close{top:10px!important;}

}