body { font-family:var(--primary-font-family);}

html{height:100%; margin-bottom:0px;}

* { margin: 0; padding: 0; outline: 0; }

/*custom scrollbar*/
/* width */
::-webkit-scrollbar {width:10px;}
/* Track */
::-webkit-scrollbar-track {background:var(--bs-black); }
/* Handle */
::-webkit-scrollbar-thumb {background:var(--bs-secondary); }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:var(--bs-primary); }
/*custom scrollbar*/

/*LOADER*/
.no-js #loader { display: none;}
.js #loader {display: block; position: absolute; left: 100px; top: 0;}
.se-pre-con {position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 99999; background: url(../images/Preloader.gif) center no-repeat var(--bs-black);}
/*LOADER*/

/*TEXT SELECTION*/
::-moz-selection {/* Code for Firefox */ color:var(--bs-black); background:var(--bs-primary);}
::selection {color:var(--bs-black); background:var(--bs-primary);}
/*TEXT SELECTION*/

h1, h2, h3, h4, h5 { font-family:var(--primary-font-family); letter-spacing:1px; text-transform:uppercase;}

.heading { position: relative;  }
.heading h1 {font-size:45px; line-height:50px; color:var(--bs-black); font-weight:700;}
.heading h1 span {color:var(--bs-primary);}

.heading h1::after {content: ''; z-index: -1; position: absolute; height:15px; width:150px; background:var(--bs-primary); bottom:10px;  left: 0;}

.heading h2 {font-size:30px; line-height:35px; color:var(--bs-black); font-weight:900;}
.heading h3 {font-size:25px; line-height:30px; color:var(--bs-black); font-weight: 400;}
.heading h4 {font-size:20px; line-height:25px; color:var(--bs-primary); font-weight:700;}
.heading h5 {font-size:18px; line-height:25px; color:var(--bs-secondary); font-weight:900;}
.heading h6 {font-size:15px; line-height:22px; margin-top: 0.5rem; color:var(--bs-secondary); font-weight:500; letter-spacing:.5px; }

p { color:var(--bs-secondary); font-size:14px; line-height:20px; font-weight:400; letter-spacing:.5px;}
p a {color:var(--bs-black); font-weight:600;}
p a:hover {color:var(--bs-primary); }
p span {color:var(--bs-primary); font-weight:600;}
p strong {color:var(--bs-black); font-weight:700;}

/*p:last-child { margin-bottom:0rem;}*/

/*HEADER*/
header {position:relative; top: 0px; display: flex; align-items: center; z-index: 111; justify-content: space-between; width: 100%; padding:0; background-color: rgba(0, 0, 0, 1); transition: padding 300ms ease;-webkit-box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);}
header.sticky-top { }

/*LOGO*/
.logo { float:left; margin-bottom:1.375rem; margin-top:1.375rem; margin-right:2rem; padding:0; display:block;}
.logo img { height:27px;}
/*LOGO*/

.header-right { float: right; margin-top:0px;}

/*MOBILE TOP*/
.mobile-top { float: left; padding-left: 0; list-style-type: none; margin-top:0.75rem; margin-bottom:0.75rem;}
.mobile-top li { float:left; margin-left:0.5rem; margin-right:0; display: inline-block;}
.mobile-top li a i { float: left;  text-align: center; line-height:40px; height:40px; width:40px; padding: 0; border:none; background:var(--bs-primary); color:var(--bs-black); display: inline-block; font-size:13px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:5px;  }
.mobile-top li a i:hover {color:var(--bs-black); background:var(--bs-white); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*MOBILE TOP*/

.btn-prime { position: relative; font-size:13px; font-weight:700; text-transform:uppercase; margin-top:0.75rem;  padding:0.625rem; line-height:30px; color:var(--bs-black); background:var(--bs-primary); border:none; letter-spacing:1px; border-radius:7px;}
.btn-prime:hover {color:var(--bs-black); background: var(--bs-white); border:none; box-shadow:none;}
.btn-prime i { background: var(--bs-black); color: var(--bs-white); width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 11px; margin-right:0.5rem; border-radius:5px;}
.btn-prime:hover i { background: var(--bs-primary); color: var(--bs-black);}
/*HEADER*/

/*FIX CONTACT BTN*/ 
.connect-now {position: fixed; top:150px; left:1rem; z-index:9;}
.connect-now ul {}
.connect-now ul li {margin-bottom:0.75rem; width:35px;}
.connect-now ul li a i { text-align:center; padding:0; height:35px; line-height:35px; width:35px; border:none; background:var(--bs-primary); border-radius:5px; font-size:13px; color:var(--bs-black); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.connect-now ul li a:hover i { background:var(--bs-secondary); color:var(--bs-white); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.connect-now h6 {text-orientation: inherit; writing-mode: vertical-lr; transform: rotate(180deg); display: inline-block; margin-top:0; text-transform:capitalize; font-size:14px; font-weight: 600; letter-spacing:.5px; line-height:35px; margin-left:0; color:var(--bs-primary);}
/*FIX CONTACT BTN*/

.bg-section {background: var(--bs-light);}

.more-btn-text { position: relative; font-size:15px; font-weight:500; text-transform:uppercase; line-height:20px; color:var(--bs-black); box-shadow:none; background:none;  border:none; letter-spacing:1px;}
.more-btn-text:hover { color:var(--bs-primary); border:none;}
.more-btn-text i { font-size: 13px; margin-left: 0.25rem;}

.mil-banner { position: relative; top:0;overflow: hidden; height:100hv; background: var(--bs-black) url("../images/body-bg.png") no-repeat;}
.mil-banner .mil-banner-image {width: 70%; height: 100%; -o-object-fit: cover;  object-fit: cover; -o-object-position: center; object-position: center; vertical-align: top;}
.mil-banner.mil-banner-right .mil-banner-text {position: relative; /*text-align: left;*/ padding:0 10% 0 20%;}
.mil-banner .mil-banner-text { position: relative; /*text-align: left;*/ padding: 0 20% 0 10%;}
.mil-banner .mil-banner-text .heading h1, .mil-banner .mil-banner-text .heading h3 { color:var(--bs-white);}
.mil-banner .mil-banner-text .heading h6 {color:var(--bs-white); margin-top: 1rem;}

.mil-banner .mil-banner-prime { position: relative; font-size:15px; font-weight:500; text-transform:uppercase; padding:0.75rem; line-height:30px; color:var(--bs-black); background:var(--bs-primary); border:2px solid var(--bs-primary); letter-spacing:1px; border-radius:7px;}
.mil-banner .mil-banner-prime:hover {color:var(--bs-white); background:none; border:2px solid var(--bs-primary); box-shadow:none;}
.mil-banner .mil-banner-prime i { background: var(--bs-black); color: var(--bs-white); width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; margin-right:0.5rem; border-radius:5px;}
.mil-banner .mil-banner-prime:hover i { background: var(--bs-primary); color: var(--bs-black);}

.mil-banner .mil-banner-secondary { position: relative; font-size:15px; font-weight:500; text-transform:uppercase; padding:0.75rem; line-height:30px; color:var(--bs-white); background:none; border:2px solid var(--bs-primary); letter-spacing:1px; border-radius:7px;}
.mil-banner .mil-banner-secondary:hover {color:var(--bs-black); background:var(--bs-primary); border:2px solid var(--bs-primary); box-shadow:none;}
.mil-banner .mil-banner-secondary i { background:var(--bs-primary); color: var(--bs-black); width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; margin-right:0.5rem; border-radius:5px;}
.mil-banner .mil-banner-secondary:hover i { background: var(--bs-black); color: var(--bs-primary);}

/*HOME FEATURE*/
.card-body {background: var(--bs-white);}

.card-body i { align-content: center; position: relative;  top: 0; margin-top: 0; width:100px; height:100px; line-height:100px; background:var(--bs-black); color:var(--bs-white); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;  border-radius: 100%; font-size:40px; text-align: center;}
.card-body i:before{position:relative; z-index:4;}
.card-body i:after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:var(--bs-primary); content: ""; border-radius: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; visibility: hidden; transform: scale(0); z-index:3;}
.card-body:hover i:after{opacity:1; visibility:visible; transform: scale(1);}
.card-body:hover i{color:var(--bs-black);}

.card-body .heading h2 {font-size:20px; line-height:25px; color:var(--bs-black); -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.card-body:hover .heading h2 {color:var(--bs-black);}

.card-body p {font-size:14px; font-weight:400; letter-spacing:.5px; color: var(--bs-secondary); line-height:20px; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
/*HOME FEATURE*/

/*TESTIMONIALS*/
.testimonial-section { }
.testimonial-box {}
.testimonial-box p {font-style: italic;}
.testimonial-box .details {width: 100%; float: left; display: flex; align-items: center; justify-content: space-between;}
.testimonial-box .details .left {display: flex; align-items: center;}
.testimonial-box .details .avatar {position: relative; width: 60px; height: 60px; border-radius: 100%}
.testimonial-box .details .avatar .main {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: 50%; background-size: cover; border-radius: 100%;}

.testimonial-box .details .info { padding-left:16px}
.testimonial-box .details .info h3 {font-size:16px; color:var(--bs-black); line-height: 25px; font-weight: 700;}

.testimonial-box .details .info h4 {font-size:14px; color:var(--bs-black); line-height: 20px; font-weight: 500; text-transform: capitalize; font-style: italic;}
.testimonial-box .right i {font-size:50px; width: 50px; height: 50px; color: var(--bs-primary);}
/*TESTIMONIALS*/

/*FOOTER CSS*/
#footer-1 {background-color:var(--bs-black);}

/*FOOTER BOTTOM*/
.footer-bottom {}
.footer-bottom p {color:var(--bs-light); margin: 0; font-weight:300; font-size:14px; line-height:20px; letter-spacing:.5px;}
.footer-bottom p span {color:var(--bs-light); font-weight:500; font-style:normal;}
.footer-bottom p a {color:var(--bs-primary); font-weight:500;}
.footer-bottom p a:hover {color:var(--bs-white);}
/*FOOTER BOTTOM*/

/*SOCIAL*/
.social-links { position:relative;}
.social-links ul {list-style-type: none; }
.social-links ul li {display: inline-block;}
.social-links ul li a i { background: var(--bs-secondary); width:40px; text-align: center; line-height:40px; height:40px; color:var(--bs-white); display: inline-block; font-size:13px;}
.social-links ul li a i:hover {color: var(--bs-black); background: var(--bs-primary);}
/*SOCIAL*/
/*FOOTER CSS*/

/*BACK TO TOP*/
#back-to-top { position: fixed; bottom:30px; right:30px; display: none; border:none; background: var(--bs-black); color: var(--bs-white); width:50px; height:50px; align-items: center; cursor: pointer; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; font-size: 14px; z-index: 9; border-radius: 7px; /*box-shadow: 0 0px 10px rgb(255 255 255 / 25%), 0 0px 10px rgb(255 255 255 / 25%);*/}
#back-to-top:hover{color:var(--bs-black); background: var(--bs-primary); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*BACK TO TOP*/



@media only screen and ( min-width: 1299px) and (max-width: 2399px) {

.btn-prime { font-size:14px;}
.btn-prime i { font-size: 12px;}
 
}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
    
/*HEADER*/
/*LOGO*/
.logo img { height:20px;}
/*LOGO*/
/*HEADER*/
    
.mil-banner.mil-banner-right .mil-banner-text {padding: 0 10% 0 10%;}
.mil-banner .mil-banner-text {padding: 0 10% 0 10%;}
.mil-banner .mil-banner-prime { font-size:14px; padding:0.75rem; line-height:25px;}
.mil-banner .mil-banner-prime i { width:25px; height:25px; line-height:25px; font-size: 11px;}
.mil-banner .mil-banner-secondary { font-size:14px; padding:0.75rem; line-height:25px;}
.mil-banner .mil-banner-secondary i { width:25px; height:25px; line-height:25px; font-size: 11px;}   
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {

.heading h1 {font-size:35px; line-height:40px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:20px; line-height:25px;}
.heading h4 {font-size:18px; line-height:24px;}
.heading h5 {font-size:16px; line-height:24px;}
.heading h6 {font-size:14px; line-height:20px; }

p {font-size:13px; line-height:18px;}
    
/*HEADER*/
/*LOGO*/
.logo img { height:20px;}
/*LOGO*/
/*HEADER*/
    
/*FIX CONTACT BTN*/ 
.connect-now { top:100px;}
.connect-now ul li { width:30px;}
.connect-now ul li a i {height:30px; line-height:30px; width:30px; font-size:12px;}
.connect-now h6 {font-size:13px; line-height:30px;}
/*FIX CONTACT BTN*/
    
    
.more-btn-text { font-size:14px; line-height:20px;}
.more-btn-text i { font-size: 12px;}    

.mil-banner.mil-banner-right .mil-banner-text {padding: 0 10% 0 10%;}
.mil-banner .mil-banner-text {padding: 0 10% 0 10%;}
.mil-banner .mil-banner-prime { font-size:14px; padding:0.75rem; line-height:25px;}
.mil-banner .mil-banner-prime i { width:25px; height:25px; line-height:25px; font-size: 11px;}
.mil-banner .mil-banner-secondary { font-size:14px; padding:0.75rem; line-height:25px;}
.mil-banner .mil-banner-secondary i { width:25px; height:25px; line-height:25px; font-size: 11px;} 
    
/*HOME FEATURE*/
.card-body i { width:90px; height:90px; line-height:90px; font-size:35px;}
.card-body .heading h2 {font-size:18px; line-height:25px;}
.card-body p {font-size:13px; line-height:18px;}
/*HOME FEATURE*/
    
/*TESTIMONIALS*/
.testimonial-box .details .info h3 {font-size:15px; line-height: 25px;}
.testimonial-box .details .info h4 {font-size:13px; line-height: 20px;}
.testimonial-box .right i {font-size:45px; width:45px; height:45px;}
/*TESTIMONIALS*/
    
/*FOOTER CSS*/
/*FOOTER BOTTOM*/
.footer-bottom p {font-size:13px; line-height:18px;}
/*FOOTER BOTTOM*/

/*SOCIAL*/
.social-links ul li a i { width:35px; line-height:35px; height:35px; font-size:12px;}
/*SOCIAL*/
/*FOOTER CSS*/
    
/*BACK TO TOP*/
#back-to-top { width:45px; height:45px; font-size: 13px;}
/*BACK TO TOP*/    
    
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {
    
.heading h1 {font-size:30px; line-height:35px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:20px; line-height:25px;}
.heading h4 {font-size:18px; line-height:24px;}
.heading h5 {font-size:16px; line-height:24px;}
.heading h6 {font-size:14px; line-height:20px; }

p {font-size:13px; line-height:18px;}
    
/*HEADER*/
/*LOGO*/
.logo {margin-right:0rem; margin-bottom: 0.9rem; margin-top: 0.9rem;}
.logo img { height:14px;}
/*LOGO*/
    
/*MOBILE TOP*/
.mobile-top { float: left; padding-left: 0; list-style-type: none; margin-top:0.75rem; margin-bottom:0.75rem;}
.mobile-top li { float:left; margin-left:0.5rem; margin-right:0; display: inline-block;}
.mobile-top li a i { float: left;  text-align: center; line-height:40px; height:40px; width:40px; padding: 0; border:none; background:var(--bs-primary); color:var(--bs-black); display: inline-block; font-size:13px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:20px;  }
.mobile-top li a i:hover {color:var(--bs-black); background:var(--bs-white); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*MOBILE TOP*/    

/*HEADER*/
    
/*FIX CONTACT BTN*/ 
.connect-now { top:100px;}
.connect-now ul li { width:30px;}
.connect-now ul li a i {height:30px; line-height:30px; width:30px; font-size:12px;}
.connect-now h6 {font-size:13px; line-height:30px;}
/*FIX CONTACT BTN*/    
    
.more-btn-text { font-size:14px; line-height:20px;}
.more-btn-text i { font-size: 12px;}     

.mil-banner.mil-banner-right .mil-banner-text {padding: 0 5% 0 5%;}
.mil-banner .mil-banner-text {padding: 0 5% 0 5%;}
.mil-banner .mil-banner-prime { font-size:13px; padding:0.75rem; line-height:25px;}
.mil-banner .mil-banner-prime i { width:25px; height:25px; line-height:25px; font-size: 11px;}
.mil-banner .mil-banner-secondary { font-size:13px; padding:0.75rem; line-height:25px;}
.mil-banner .mil-banner-secondary i { width:25px; height:25px; line-height:25px; font-size: 11px;} 
    
/*HOME FEATURE*/
.card-body i { width:80px; height:80px; line-height:80px; font-size:32px;}
.card-body .heading h2 {font-size:18px; line-height:25px;}
.card-body p {font-size:13px; line-height:18px;}
/*HOME FEATURE*/
    
/*TESTIMONIALS*/
.testimonial-box .details .info h3 {font-size:15px; line-height: 25px;}
.testimonial-box .details .info h4 {font-size:13px; line-height: 20px;}
.testimonial-box .right i {font-size:45px; width:45px; height:45px;}
/*TESTIMONIALS*/
    
/*FOOTER CSS*/
/*FOOTER BOTTOM*/
.footer-bottom p {font-size:12px; line-height:18px;}
/*FOOTER BOTTOM*/

/*SOCIAL*/
.social-links ul li a i { width:35px; line-height:35px; height:35px; font-size:12px;}
/*SOCIAL*/
/*FOOTER CSS*/ 
    
/*BACK TO TOP*/
#back-to-top { width:45px; height:45px; font-size: 13px;}
/*BACK TO TOP*/     
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {

.heading h1 {font-size:30px; line-height:35px;}
.heading h2 {font-size:25px; line-height:30px;}
.heading h3 {font-size:20px; line-height:25px;}
.heading h4 {font-size:18px; line-height:24px;}
.heading h5 {font-size:16px; line-height:24px;}
.heading h6 {font-size:14px; line-height:20px; }

p {font-size:13px; line-height:18px;} 
  
/*HEADER*/
/*LOGO*/
.logo {margin-right:0rem; margin-bottom: 0.9rem; margin-top: 0.9rem;}
.logo img { height:14px;}
/*LOGO*/
    
/*MOBILE TOP*/
.mobile-top li a i {line-height:30px; height:30px; width:30px; font-size:11px;}
/*MOBILE TOP*/    

/*HEADER*/
    
/*FIX CONTACT BTN*/ 
.connect-now { top:75px;}
.connect-now ul li { width:30px;}
.connect-now ul li a i {height:30px; line-height:30px; width:30px; font-size:12px;}
.connect-now h6 {font-size:13px; line-height:30px;}
/*FIX CONTACT BTN*/    
    
.more-btn-text { font-size:14px; line-height:20px;}
.more-btn-text i { font-size: 12px;}     
.mil-banner.mil-banner-right .mil-banner-text {padding: 0 5% 0 5%;}
.mil-banner .mil-banner-text {padding: 0 5% 0 5%;}
.mil-banner .mil-banner-prime { font-size:13px; padding:0.75rem; line-height:25px;}
.mil-banner .mil-banner-prime i { width:25px; height:25px; line-height:25px; font-size: 11px;}
.mil-banner .mil-banner-secondary { font-size:13px; padding:0.75rem; line-height:25px;}
.mil-banner .mil-banner-secondary i { width:25px; height:25px; line-height:25px; font-size: 11px;}
    
/*HOME FEATURE*/
.card-body i { width:80px; height:80px; line-height:80px; font-size:32px;}
.card-body .heading h2 {font-size:18px; line-height:25px;}
.card-body p {font-size:13px; line-height:18px;}
/*HOME FEATURE*/
    
/*TESTIMONIALS*/
.testimonial-box .details .info h3 {font-size:15px; line-height: 25px;}
.testimonial-box .details .info h4 {font-size:13px; line-height: 20px;}
.testimonial-box .right i {font-size:45px; width:45px; height:45px;}
/*TESTIMONIALS*/
    
/*FOOTER CSS*/
/*FOOTER BOTTOM*/
.footer-bottom p {font-size:12px; line-height:18px;}
/*FOOTER BOTTOM*/

/*SOCIAL*/
.social-links ul li a i { width:35px; line-height:35px; height:35px; font-size:12px;}
/*SOCIAL*/
/*FOOTER CSS*/ 
    
/*BACK TO TOP*/
#back-to-top { width:45px; height:45px; font-size: 13px; bottom:15px; right:15px;}
/*BACK TO TOP*/     
}

.dropdown {
  font-size: 15px;
  background-color:white;
  color: #1D4287;
  display: none;
  position: absolute;
  top: 55px;
  margin-left:-10px;
  text-align: left;
  z-index: 10;
}
.drop-items1 {
  width: 250px;
  font-weight: 700;
  font-size: 14px;
  padding: 7px 20px;
  border-bottom: 1px solid white;
}
.drop-items1:hover {
  background-color: #FEF200;
}
.drop-items1:hover a{
  color: #000;
}
.home:hover .dropdown {
  display: block;
}
.home{
  padding: 10px ;
}
.home:hover{
  background: rgba(128, 128, 128, 0.377);
    padding: 10px;
    border-radius: 3px;
}
.dropdown-list {
  width: 100%;
  background-color: white;
  gap: 30px;
  padding: 10px;
  position: absolute;
  top: 20px;
  left: 0;
  color: #1D4287;
  display: flex;
  display: none;
  justify-content: space-between;
  text-align: left;
  z-index: 10;
}
.dropdown-list1 {
  width: 100%;
  background-color: white;
  gap: 30px;
  padding: 10px;
  position: absolute;
  top: 80px;
  left: 0;
  color: white;
  display:none;
  text-align: left;
  z-index: 10;
}
.main-drop {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.dropdown-head {
  padding: 10px 0;
}
li a{
  color: #FEF200;
}
.home:hover .dropdown-list {
  display: flex;
}
.home:hover .dropdown-list1 {
  display: block;
}
.drop-symbol {
  padding: 10px;
  font-size: 28px;
  border-radius: 50%;
  background-color: #1D4287;
  color: white;
}
.drop-info {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.drop-number {
  display: flex;
}
.drop-button button {
  padding: 15px 30px;
  background-color: #1D4287;
  color: white;
  font-weight: 700;
  border-radius: 30px;
  border: none;
}



.headerSection {
  text-align: center;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 2;
  position: relative;
  background: #1b1e21;
  overflow: hidden;
}
.profile-container {
  display: inline-block;
  margin: 0 auto;
}
.profile-container{}
.profile-container a.profile_shadow{}
.profile-container a img{}

.profile-container .subsribbe-box{
  display: block;
  margin-top: 15px
}
.profile-container .subsribbe-box h1 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}
.profile-container h2{
  font-size: 17px;
  color: #ffae00
}
.profile-container .social-media {
  margin-top: 15px;
}
.profile-container .social-media a {
  width: 30px;
  display: inline-block;
}
.profile-container .social-media a:hover i{
  color: #ffae00
}
.profile-container .social-media a i {
  font-size: 25px;
  text-align: center;
}
img.profile-img {
  max-width: 200px;
  height: auto;
  border-radius: 50%;
}
#fullMenuBtn{
  width: 50px;
  height: 50px;
  background: #000;
  border: none;
  border-radius: 50%;
  position: fixed;
  top: 15px;
  right: 15px;
  outline: none;
  cursor: pointer;
  z-index: 9999;
}
#fullMenuBtn:hover{
  background: #ffae00;
}
#fullMenuBtn:hover span{
  background: #ffae00
}
#fullMenuBtn span.bar{
  width: 5px;
  height: 5px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#fullMenuBtn:hover span{
  width: 25px;
}
#fullMenuBtn span.bar:before, #fullMenuBtn span.bar:after{
  content: '';
  width: 100%;
  height: 5px;
  background: #FFFFFF;
  display: block;
  position: absolute;
}
#fullMenuBtn span.bar:before{
  top: -8px
}
#fullMenuBtn span.bar:after{
  bottom: -8px
}
#fullMenuBtn.close{
  border: 1px solid #ffae00;
  opacity: 1 !important;
}
#fullMenuBtn.close{

}
#fullMenuBtn.close span.bar:before, #fullMenuBtn.close span.bar:after{
  width: 30px;
}

.mobileMenu {
  display: none;
  width: 100%;
  position: fixed;
  height: 100%;
  background: #000;
  top: 0;
  padding: 30px;
  z-index: 999;
}
.menuArea{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
}
.mobileNav {
}

.mobileNav > li {
  list-style: none;
}

.mobileNav > li > a {
  font-size: 50px;
  font-weight: 700;
  color: transparent;
  -webkit-text-stroke: .5px #ffae00;
  text-decoration: none;
  position: relative;
}
.mobileNav > li > a:hover {
  font-size: 50px;
  font-weight: 700;
  color: #ffae00;
  -webkit-text-stroke: .5px #ffae00;
  text-decoration: none;
  position: relative;
}

.mobileNav > li > a::before{
  content: '';
  width: 30px;
  height: 1px;
  background: #ffae00;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -60px;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.mobileNav > li > a:hover:before{
  width: 50px;
}
.mobileNav > li > a::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #ffae00;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: -80px;
  border-radius: 50%
}
.mobileNav > li > a:hover:after{
  background: #ffae00
}
.cl {
}

.mFotter {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: block;
  text-align: center
}

.contactInfo {}

.contactInfo > li {
  list-style: none;
  display: inline-block;
  margin-right: 15px
}

.contactInfo > li > a {
}

.contactInfo, .social-media {
  display: inline-block;
}

.social-media > a {
  margin: 5px
}



/* 
*
*** HEADER MENU SECTION
*
*/
.abContainerArea {
}
.headMenu{
  padding: 0 15px;
}
.headMenu.sticky {
  position: fixed;
  top: 0;
  z-index: 9;
}
.headMenu{
width: calc(100% - 50px)
}
.headMenu ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}
.headMenu ul li{
  list-style: none;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;

}
.headMenu ul li a{
  background: #ffae00;
  display: block;
  position: relative;
  text-align: center;
  padding: 15px  15px;
  text-decoration: none;
  font-size: 16px;
  border-right: 1px solid #ffffff5e;
  transition: background 1s;
  color: #fff;
}

.headMenu ul li a{
  z-index: 999;
}
.headMenu ul li a span{
  pointer-events: none;
}
.headMenu ul li.active a{
  background-color: #fff;
  transition-delay: 1s;
  color: #ffae00;
}
.headMenu ul li a:hover{
  background-color: #fff;
  color: #ffae00;
}
.headMenu ul li.active a:before, .headMenu ul li.active a:after, .headMenu ul li.active a span:before, .headMenu ul li.active a span:after{
  content: '';
  position: absolute;
  width: 25%;
  height: 0;
  display: block;
  background: #fff;
  top:0;
  z-index: 1;
  left: 0;
  opacity: .2;
  transition: all.5s;
  -webkit-animation: mymove 1s;
}
.headMenu ul li.active a:before{
}
.headMenu ul li.active a:after{
  left: 25%;
  animation-delay: .2s;
}
.headMenu ul li.active a span:before{
  left: 50%;
  animation-delay: .3s;
}.headMenu ul li.active a span:after{
  left: 75%;
   animation-delay: .4s;
}
@keyframes mymove {
  to {height: 100%;}
}

/*
*
* SIDEBAR STYLE
*
*/
#dHeading {
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
  padding: 0 15px;
  color: #fff;
  transition: all .5s;
}
#dHeading:before, #dHeading:after{
  content: '';
  height: 20px;
  width: 20px;
  position: absolute;
  display: block;
}
#dHeading:before{
  top:0;
  left: 0;
  border-top: 5px solid #ffae00;
  border-left: 5px solid #ffae00;
}
#dHeading:after{
  bottom:0;
  right: 0;
  border-bottom: 5px solid #ffae00;
  border-right: 5px solid #ffae00;
}

#aboutbar {
}

.containerArea {
  height: 100%;
  position: relative;
  width: 100%;
}

.contentArea {
  display: block;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  transition:  all .5s;
  padding-left: 80px;
  text-align: center;
  background-color: #ffae00;
  overflow: hidden;
}
.contentArea.sticky{
  position: fixed;
  top: 0;
  z-index: 1;

}
.contentArea:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  opacity: 1;
}
.contentArea.sticky:before{
  opacity: .5;
}
.sideImage {
  position: absolute;
  width: calc(100% - 80px);
  height: 100%;
  z-index: -1;
   filter: blur(17px);
  background-size: cover;
  background-position: center;
  transition: all 1s;
}

.mainTitle{
  position: relative;
  padding: 15px;
}
h1#heading {
  text-transform: uppercase;
  text-align: right;
  font-weight: 700;
}
#dyTitleArea {
  position: absolute;
  bottom: 15px;
  width: calc(100% - 80px);
  transform-origin: 0 0;
  text-align: center;
  display: block;
}
.contentArea .profile-container {
  position: relative;
  top: 53%;
  transform: translateY(-50%);
  display: block;

}

/*
*
*** ABOUT SECTION
*
*/
.aboutSection {
}

.aboutHead {
}

.aboutHead > h2 {
}

.aboutHead > p {
}

.AboutSec {
  position: relative;
  width: 100%;
  display: block;
  background: #1b1e21;
  z-index: 9;
}

.aboutBrif {
}

.aboutBrif > p {
  font-size: 16px;
  line-height: 1.8;
}

.titleArea {
  position: relative;
  margin-bottom: 55px;
  display: block;
  padding-top: 20px;
}
.blog .titleArea {
  position: relative;
  margin-bottom: 30px;
  display: block;
  padding-top: 26px;
}

.titleArea:before{
  content: '';
  width: 50px;
  height: 1px;
  background: #ffae00;
  position: absolute;
  left: 20px;
  bottom: -18px;
}
.titleArea:after{
  content: '';
  width: 15px;
  height: 15px;
  background: #ffae00;
  position: absolute;
  left: 0;
  border-radius: 50%;
  bottom: -25px;
}


.titleArea > h2 {
  margin: 0;
  font-weight: 800;
  color: #fff;
}

.titleArea > span {
  font-size: 14px;
  font-style: italic;
  margin: 0;
  margin-top: 5px;
  display: block;
}
.position {
  font-size: 200px;
  position: absolute;
  opacity: .1;
  left: 30%;
  right: 0;
  top: -80%;
  margin: auto;
  display: inline-block;
  transform: rotate(-45deg);
  pointer-events:none;
}
/*
*
*** RESUME MENU SECTION
*
*/

.resume {
  overflow: inherit;
}

.custom-inner-holder {
}
.resumeContentArea {
  display: block;
  padding-left: 30px;
}
.sparateLine{
  position: absolute;
  width: 1px;
  height: 100%;
  display: block;
  background: #ffae00;
}
.custom-inner:not(:last-child) {
  display: block;
  margin-bottom: 30px;
}

.workres {
  min-height: 150px;
  background: #ffffff26;
  border-radius: 5px;
  padding-left: 50px;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
}

.workres > h3 {
  width: 100%;
  display: block;
  float: left;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
  position: relative;
  z-index: 2;
}

.workres > span {
  position: relative;
  z-index: 2;
}

.workres i {
  position: absolute;
  font-size: 20px;
  color: #fff;
  left: 0;
  transform: rotate(-45deg);
  z-index: 0;
  height: 30px;
  background-color: #ffae00;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc(50% - 32px);
  transition: all .2s;
  transform-origin: 100% 100%;

}
.workres:hover i{
  transform: rotate(-45deg) scale(1.37);
}
.workres i:before {
  transform: rotate(45deg);
}
.workres i.iconOverlay {
  position: absolute;
  left: auto;
  right: 0;
  height: auto;
  width: auto;
  opacity: .1;
  background: transparent;
  font-size: 100px;
  transform: inherit;
}
.workres:hover i.iconOverlay{
  transform: inherit;
  opacity: .3;
}
.workres:hover i.iconOverlay{
  transform: rotate(-45deg);
}
.custom-inner   h4 {
  font-weight: 700;
}
.custom-inner   p {
}

.custom-inner  ul {
  padding-left: 20px;
}

.fa-file-pdf-o {
  margin-right: 7px;
}
.workproSection {
  display: block;
  padding-top: 50px;
}
.resumedbtn {
  margin-bottom: 0;
  padding: 10px 60px 10px 15px;
  font-size: 14px;
}
.resumedbtn:before{
  top:10px;
  right: 0;
}

/*
*
* * SERVICE SECTION
*
*/

.tab-content  h3 {
  margin-top: 40px;
  font-weight: 700;
  font-size: 20px;
}

.tab-content {
  margin-bottom: 37px;
  border-radius: 4px;
  overflow: hidden;
}

.box-item {
  position: relative;
  overflow: hidden;
}

.vis-det {
  margin-bottom: 230px;
}

.respimg {
  width: 280px;
  height: 100%;
}

.image-popup {
  position: absolute;
  width: 33.33%;
  height: 0;
  left: 0;
  background: #00000091;
  display: flex;
  top: 0;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  cursor: pointer;
  transform: scale(1);
  opacity: 0;
  transition: all .5s;
  bottom:0;
  right: 0;
  margin:auto;
}
.image-popup:before,.image-popup:after{
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  width: 0;
  transition: all .5s;
  background: #00000091;
}
.image-popup:before{
  left: -100%;

}
.image-popup:after{
  right: -100%;
}
.box-item:hover .image-popup:after, .box-item:hover .image-popup:before{
  width: 100%;
}
.box-item:hover a{
  height: 100%;
  opacity: 1;
  transform: scale(1);
}
.dec-list {
  padding: 0;
}
.tab-content :nth-child(odd) .dec-list{
}
.dec-list > li {
  line-height: 2.2;
  position: relative;
  list-style: none;
  padding-left: 40px;

}
.dec-list > li:before{
  content: '';
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: 3px;
  top: 13px;
  background: #ffffff;
  border: 5px solid #ffae00;
  transform: rotate(45deg);
}

.price {
  font-weight: 700;
  background: #ffae00;
  padding: 10px 20px;
  position: absolute;
  right: -100%;
  transform: rotate(-90deg);
  /* top: 0; */
  bottom: 47px;
  margin: auto;
  height: 45px;
  width: 140px;
  text-align: center;
  transition: all .5s;
  opacity: 0;
}
.tab-content:hover .price {
  right: -22px;
  opacity: 1;
}

.serviceListArea{
  display: block;
  position: relative;
}
.tabs {
}

.sl-tabs {
  width: 100%;
}
ul.tabs.sl-tabs.sticky {
  position: fixed;
  top: 55px;
}

ul.tabs.sl-tabs.sticky-start {
}

.tab-link {
  list-style: none;
  display: block;
  background: #fff;
  padding: 11px 15px;
  border-bottom: 1px solid #cccccca1;
  cursor: pointer;
  position: absolute;
  width: 200px;
  transform: rotate(-90deg);
  right: -71px;
  bottom: -122px;
  z-index: 1;
}
li.tab-link.active{
  background: #ffae00;
  color: #fff;
  z-index: 2;
}
li.tab-link.active h3, li.tab-link.active i{
  color: #fff;
}

.tb-item {
}

.tb-item > i {
  display: inline-block;
  width: 20px;
  margin-right: 15px;
  color: #000;
}

.tb-item > h3 {
  display: inline-block;
  font-size: 18px;
  color: #000;
  margin-bottom: 0;
}

/*
  SERVICE 2 DESIGN
*/
.service2{ }
.service2 ul.nav.nav-tabs{
  width: 100%;
  margin-bottom:15px ;
}
.service2 ul.nav.nav-tabs li{

  width: 25%;
  float: left;
  z-index: 1;
}
.service2 ul.nav.nav-tabs li a.active{
  background: #ffae00;
  color: #fff;
  z-index: 2;
}
.service2 ul.nav.nav-tabs li a{
  list-style: none;
  display: block;
  background: #ffffff12;
  padding: 15px 0;
  text-align: center;
  border-bottom: 1px solid #cccccca1;
  cursor: pointer;
  position: relative;
}
.service2 .tb-item > i {
  display: inline-block;
  width: 20px;
  color: #fff;
  pointer-events: none;
}

.service2 .tb-item > h3 {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
  pointer-events: none;
}
.tab-content>.tab-pane {

  transition: .5s;
}
.service2 .tab-content>.active{
  opacity: 1;
}
.order-wrap.fl-wrap.color-bg {
  background: #ffae00;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.order-wrap.fl-wrap.color-bg h4{
  line-height: 1;
  margin:9px 0;
  padding: 0;
  color: #fff;
}
i.ion-email.actionIcon {
  position: absolute;
  font-size: 100px;
  color: #ffff;
  top: 0;
  transform: rotate(-45deg);
  opacity: .5;
  left: 50%;
}
a.ord-link {
  float: right;
  background: #312e2e;
  padding: 10px 20px;
  border-radius: 5px;
}

/*
PORTFOLIO
*/
.portfolio_area {
  display: block;
  overflow: hidden;
}
.pItem.col {
  float: left;
  height: 450px;
  overflow: hidden;
  transition: all .5s;
  padding: 0;
  width: 100px;
}
.pItem.col img{
  max-height: 100%;
}
a.elem {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  background: #ffae00;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  transform: translateX(-50%) scale(0);
  opacity: 0;
  transition: all .5s;
}
.pItem.col:hover a.elem{
  transform: translateX(-50%) scale(1);
  opacity: 1;
}

/*
PRO SECRION section
*/
.aboutWorkpro {
}
.proArea {
}
.working-item {
  padding: 40px 15px;
  text-align: center;
  margin: 30px 0;
  position: relative;
}
.working-item:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-right: 1px solid #ddd;
  border-radius: 50%;
  top:0;
  transition: all .5s;
}
.working-item:hover{
  /*border-color: #ffae00;: ;*/
  /*border-right: 2px solid #ffae00;*/
}
.working-item:hover:before{
  /*transform: rotateY(-360deg);*/
  border-right: 5px solid #ffae00;
}
.col:last-child .working-item{
  /*border: none;*/
}
.working-item i{
  font-size: 45px;
}
.working-item h2{
  font-size: 18px;
  display: block;
  margin-top: 15px;
}


/*
* ABOUT SKILL SECTION
*/
.aboutSkillSection {
}


.skill {
  position: relative;
  min-height: 50px;
  margin-bottom: 15px;
}

.skill > p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  margin-bottom: 5px;
}

.skill-bar {
  width: 100%;
  height: 15px;
  background: #000;
  position: relative;
}
.skill-bar span {
  position: absolute;
  right: 0;
  bottom: 17px;
  font-size: 16px;
}
span.sbar {
  border-radius: 0 10px 10px 0;
  height: 100%;
  background: #ffae00;
  width: 0;
  bottom: 0;
  position: absolute;
  left: 0;
  transition: all .5s;
}
.barActive .skill1 > span.sbar{
  width: 95%;
}
.barActive .skill2 > span.sbar{
  width: 85%;
}

.barActive .skill3 > span.sbar{
  width: 75%;
}

.barActive .skill4 > span.sbar{
  width: 65%;
}

.barActive .skill5 > span.sbar{
  width: 85%;
}

.barActive .skill6 > span.sbar{
  width: 90%;
}
.skill:hover span.sbar{
  /*height: 4px;*/
}

.progress-pie-chart {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-color: #E5E5E5;
  position: relative;
}
.progress-pie-chart.gt-50 {
  background-color: #ffae00;
}

.ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 70px);
  top: calc(50% - 70px);
  width: 140px;
  height: 140px;
}
.ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 70px);
  top: calc(50% - 70px);
  width: 140px;
  height: 140px;
  clip: rect(0, 100px, 200px, 0);
  background: #ffae00;
  transform: rotate(60deg);
}
.gt-50 .ppc-progress {
  clip: rect(0, 70px, 140px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 140px, 140px, 49px);
  background: #1b1e21;
}

.ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 80px/2);
  top: calc(50% - 80px/2);
  width: 80px;
  height: 80px;
  background: #fff;
  text-align: center;
  display: table;
}
.ppc-percents span {
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  color: #ffae00;
}

.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}


.progress-pie-chart {
  margin: 50px auto 0;
}


/*
* ABOUT FEEDBACK SECTION
*/
.aboutfeedbackSection {
  padding-top: 0;
}

.aboutfeed {
}

.owl-carousel {
}

.feedback-carousel {
  margin-top: 50px;
}


.feedback-carousel .owl-carousel .item{
  margin: 50px 0;
  margin-bottom:0;
}
.feedback-carousel .owl-carousel .center .item {
  padding: 30px 10px;
  transform: scale(1.1) translateY(-30px);
  position: relative;

}
.aboutfeed .owlControl{
  margin-top: 30px;
  display: block;
}

.sliderItems {
  text-align: center;
  display: block;
}

.sliderItems > img {
  width: 100px !important;
  border-radius: 50%;
  display: inline-block !important;
}
.owl-carousel .center .item img{
  border: 5px solid #ffae00;
}
.SlideCaption {
}

.SlideCaption > p {
  font-size: 16px;
  font-style: italic;
  display: block;
  margin-top: 15px;
}
.SlideCaption > p span{
  font-size: 15px;
}
.SlideCaption > p span {
  font-weight: 700;
  font-size: 18px;
}
.owlControl {
  margin: 0 auto;
  text-align: center;
  margin-top: 30px;
}
.owlControl button {
  width: 60px;
  height: 50px;
  background: #ffae00;
  border: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.owlControl button.owl-next:after, .owlControl button.owl-prev:after, .owlControl button.home-next:after, .owlControl button.home-prev:after {
  content: '';
  position: absolute;
  transition: all  .3s;
  width: 80%;
  height: 200%;
  background: rgba(255,255,255,0.2);
  z-index: 1;
  right: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotate(-20deg);
  -moz-transform-origin: 0 0;
  -moz-transform: rotate(-20deg);
  -ms-transform-origin: 0 0;
  -ms-transform: rotate(-20deg);
  transform-origin: 0 0;
  transform: rotate(-20deg);
}
.owlControl button.owl-prev:after,.owlControl button.home-prev:after{
  left: -20px;
}
.owlControl button:hover:after,.owlControl button:hover:after{
  width: 110%;
}
.owl-nav {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
}


/*
* ABOUT FUN FACT SECTION
*/
.FunFactSection {
}

.aboutFunFact {
}
.factArea{
  margin-top: 50px;
}

.milestone-counter {
  padding: 50px 0;
  display: block;
  text-align: center;
}
.milestone-details {
  text-transform: uppercase;
  font-size: 18px;
}
.milestone-counter h3{
  font-weight: 700;
  font-size: 35px;
  color: #ffae00;
}
.milestone-counter i{
  font-size: 40px;
}
/*
* CONTACT US
*/
.fItem {
  width: 100%;
  height: 60px;
  padding: 20px;
  margin-bottom: 30px;
  background: #ffffff45;
  border: none;
  outline: none;
}
.fItem:focus{
  background: #ffffff;
}
textarea.fItem{
  height:150px;
}
.contact-info{}
.contact-info ul{}
.contact-info ul li{
  list-style: none;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.contact-info ul li a{
  text-decoration: none;
}
.contact-info ul li a i{
  width: 30px;
  float: left;
  font-size: 21px;
  display: block;
}
h4.bold-title {
  margin-top: 31px;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.footerSection {
  position: relative;
  bottom: 0;
  display: block;
  z-index: 0;
}
.map-box{
  position: relative;
  width: 100%;
  height:100%;
  display: block;
}
.absection.mapspace {
  height: 500px;
  background: transparent;
  pointer-events: none;
  z-index: -1;
}
#map{
  /*width: 100%;*/
  height: 400px;
  opacity: 0;
  overflow: hidden;
}
/*
* FOOTER
*/
.footerSection {
  display: block;
  margin: 0 15px;
}

.footerSection .cover-content{
  padding: 20px 0;
}
.footerSection .cover-content h4{
  padding:0;
  margin:0;
  font-size:15px;
}


/*
*
** MAIN PROGRESS BAR
*
*/
.mainprog{
  width: 2px;
  height: auto;
  display: block;
  position: absolute;
  top:0;
  right:0;
  background: #ffbe33;
}
/*
*
** CURSOR
*
*/
.circle-cursor {
  pointer-events: none;
  background: #ffffff4f;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  color: #fff;
  font-size: 20px;
  text-align: center;
  transition: linear .2s;
  z-index: 9999999;
  top: 0;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.cursorActive{
  -webkit-animation: leaves 1s ease-in-out infinite alternate;
  animation: leaves 1s ease-in-out infinite alternate;
}
@-webkit-keyframes leaves {
  0% {
      -webkit-transform: scale(1.0);
  }
  100% {
      -webkit-transform: scale(1.5);
  }
}

@keyframes leaves {
  0% {
      transform: scale(1.0);
  }
  100% {
      transform: scale(2.0);
  }
}

.panelarea{
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  display: block;
  top:0;
}
.sidePanel{
  position: fixed;
  width: 80px;
  height: 100%;
  display: block;
  background: #343840;
  top:0;
  transition: all  .2s;
  z-index: 2;
}
.panel1{
  left:-80px;
}
.panel2{
  right:-80px;
}
.panel2 .btn{
  outline: none;
  box-shadow: none !important;
  background: #ffae00;
  padding: 0;
  font-size: 25px;
  bottom: 15px;
  top: auto;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  border-radius: 50px 50px 0 0;
  overflow: hidden;
  transition: all .5s;

}
.panel2 .btn:after{
  display: none;
}
.panel2 .btn:before{
  content: '';
  width: 68%;
  display: block;
  position: absolute;
  bottom: -43px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
  height: 100%;
  background: #ffffff9e;
  border-radius: 200px 200px 0 0;
  -webkit-animation: leaves 1s ease-in-out infinite alternate;
  animation: leaves 1s ease-in-out infinite alternate;
}
@-webkit-keyframes leaves {
  0% {
      -webkit-transform: scale(1.0);
  }
  100% {
      -webkit-transform: scale(1.5);
  }
}

@keyframes leaves {
  0% {
      transform: scale(1.0);
  }
  100% {
      transform: scale(2.0);
  }
}

.home5 .panel2 .btn{
  transform: rotate(180deg);
}
.home5 .panel2 .btn.upbtn{
  transform: rotate(0deg);
}
.panel2 .btn span{
  display: block;
  background: #fff;
  color: #000;
  position: relative;
  opacity: 1;
  font-size: 12px;
  padding: 2px;
  top: -7px;
  border-radius: 50px 50px 0 0;
}
.sidePanel.panel1.sticky, .sidePanel.panel1.active{
  left: 0;
}
.sidePanel.panel2.sticky, .sidePanel.panel2.active{
  right: 0;
}

button.sharebtn {
  position: absolute;
  bottom: 15px;
  background: transparent;
  border: none;
  margin: 0 auto;
  left: 0;
  right: 0;
  font-size: 30px;
  outline: none !important;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
button.sharebtn:after{
  content: '';
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: #ffae00;
  border-radius: 50%;
  top:0;
  opacity: 0;
  transform: scale(0);
  transition: all.5s;
}
button.sharebtn:hover:after{
  opacity: .5;
  transform: scale(1);
}
a.logo {
  font-size: 34px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-top: 15px;
  background: #ffae00;
}
.footer-media {
  position: fixed;
  bottom: 25px;
  left: 80px;
  height: 30px;
  width: auto;
  display: none;
  z-index: 1;
}
.footer-media.active{
  display: block;
}
.footer-media ul li{
  list-style: none;
  display: inline-block;
}
.footer-media ul li a{
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffae00;
  position: relative;
  color: #fff;
  border-radius: 3px;
}
.footer-media ul li a i{}

/*
scroll control
*/
.scrollControl {
  width: 50px;
  height: 230px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  /* background: #000; */
  z-index: 9;
  right: 0;
}
.scrollControl ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.scrollControl ul li {
  list-style: none;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
}
.scrollControl ul li.mDot a {
  width: 40px;
  height: 15px;
  background: #fff;
  display: block;
  margin: 4px auto;
}
.scrollControl ul li.mDot.active a {
  background: #ffae00;
}
a.prevBTN, a.nextBTN {
  position: relative;
  width: 40px;
  outline: none;
  box-shadow: none !important;
  height: 40px;
  background: #ffae00;
  padding: 0;
  font-size: 25px;
  margin: 4px 5px;
  border-radius: 0;
}
a.prevBTN {
  border-radius: 20px 20px 0 0;
}
a.nextBTN {
  border-radius:0 0 20px 20px ;
}

a.prevBTN span, a.nextBTN span {
  opacity: 0;
}
div#particles-js, div#particles  {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  overflow: hidden;
}
canvas{
}

#polina {
  font-weight: 100;
  color: white;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#polina button {
  display: inline-block;
  border: none;
  font-size: 1.3rem;
  background: #00000057;;
  color: #fff;
  border-radius: 3px;
  transition: .3s background;
  z-index: 99;
  outline: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: url(../images/pause.png), auto;
}
/* .video-play-btn {
  cursor: url(../images/play.png), auto !important;
} */

/*
home 5

*/
.owl-carousel.home-carousel.owl-loaded.owl-drag{
  /*overflow: hidden;*/
}
.homeItem{
  background-size: cover;
  background-position: center;
  padding-left: 70px;
  position: relative;
  color: #fff;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.homeItem:before{
  content: '';
  position: absolute;
  left: 0;
  top:0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;

}

path {
  stroke: #ffae00;
}
img.overlay {
  position: absolute;
  opacity: 0.1;
  top:0;
  left: 0;
  right:0;
  bottom: 0;
  margin: auto;
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
  -webkit-filter: grayscale(100%);
}
.homeItem h1 span{
  color: #fcad26;
}
.homeItem a {
  margin-top: 20px;
  display: inline-block;
  float: left;
}
.homeItem h1,.homeItem h4{
  color: #fff;
  position: relative;
  font-weight: 700;
}
.owl-dots {
  position: absolute;
  display: inline-block;
  bottom: -57px;
  right: 0;
  left: 0;
  margin: auto;
  width: 120px;
}
.owl-dot {
  width: 18px;
  height: 50px;
  background: #fcad26;
  display: inline-block;
  margin: 0 3px;
  z-index: 9999999;
  position: relative;
}
.owl-dot.active{
  background: #fff;
  height: 60px;
}

.homeowlControl {
  position: relative;
  margin-bottom: 30px;
  /* z-index: 1; */
  left: 0;
  width: 100%;
  margin-top: 0;
  background: #ffffff14;
  height: 50px;
}
.homeowlControl .owl-nav{
  width: 100%;
}
button.home-next {
  float: right;
}
.proInfo{
  display: block;
  text-align: center;
}
.proInfo h3{
  font-size:18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.proInfo p{
  font-size: 14px;
}
.portGrid{
  margin-left: -5px;
  margin-right: -5px;
}
.protItem{
  position: relative;
  padding: 5px;
  overflow: hidden;

}
.portGrid .protItem .demoBox{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  bottom: 0;
  margin: auto;
  width: 100px;
  height: 50px;
}
.portGrid .protItem a{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #ffae00;
  border-radius: 2px;
  padding: 2px;
  transform: inherit;
  opacity: 0;
  float: left;
  transition: all .5s;
  text-align: center;
  top: 0;
  left: 0;
  margin: 5px;
  font-size: 24px;
}
.protItem:hover a{
  opacity: 1;
  display: block;
  transform: scale(1);
}
.protItem img{
  transition: all .5s;
}
.protItem:hover img{
  transform: scale(1.5);
  filter: blur(5px);
}
.protItem h3{
  position: absolute;
  bottom: 0;
  font-size: 18px;
  padding: 10px;
  text-align: center;
  width: 100%;
  font-weight: 700;
}
.protItem img{
  max-width: 100%;
}
.ui-group.filters{
  display: block;
  margin-bottom: 10px;
}
.ui-group.filters button.button {
  background: #fff;
  color: #000;
  border: none;
  padding: 5px 15px;
  border-radius: 0 15px 15px 0;
  cursor: pointer;
  outline: none;
  margin-bottom: 7px;
  margin-right: 5px;
}
.ui-group.filters button.button.is-checked, .ui-group.filters button.button:hover{
  background: #ffae00;
  color: #fff;
}
/*
home6
*/

.home6{
  background-image: url("../images/bg2.jpg");
  position: relative;
}
.home6:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
  display: block;
  background: #000;
  opacity: .5;
}
div#message {
  width: 100%;
  float: left;
  background: #ffffff14;
  padding: 10px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

/*
*
*   RESPONSIVE STYLE
*
*/
@media (max-width: 1400px) {
  .profile-container .subsribbe-box h1 {
      font-size: 30px;
  }
  .profile-container .social-media a{
      width: 18px;
  }
  .profile-container .social-media a i{
      font-size: 18px;
  }
  .workres > h3{
      font-size: 18px;
  }
  p{
      font-size: 14px;
  }
  #dHeading{
      font-size: 34px;
  }
}
@media (max-width: 1100px) {
  .profile-container .subsribbe-box h1 {
      font-size: 22px;
  }
}
@media (max-width: 992px) {
  .abContainerArea{
      padding-left: 70px;
  }
  .contentArea{
      display: none;
  }
  .home5 .contentArea{
      position: relative !important;
      height: auto;
      min-height: 600px;
      padding: 0;
      display: block;
  }
  .sideImage{
      width: 100%;
  }
  .working-item{
      padding: 20px 0;
  }
  .dec-list > li{
      font-size: 14px;
  }
  .working-item i {
      font-size: 25px;
  }
  .working-item h2 {
      font-size: 12px;
      display: block;
      margin-top: 2px;
  }
  .headMenu.sticky {
      padding-left: 0px;
      left: 82px;
  }
  .home5 #dyTitleArea{
      display: none ;
  }
}
@media (max-width: 768px) {
  .respimg{
      margin: 15px 0;
  }
  .resumeContentArea {
      display: block;
      padding-left: 0;
      margin-top: 20px;
  }
  a.ord-link {
      float: none;
      margin-top: 17px;
      display: inline-block;
  }
  .order-wrap.fl-wrap.color-bg{
      text-align: center;
  }
  .resumedbtn{
      margin-bottom: 30px;
  }
  .protItem{
      width: 100%;
  }
  .sidePanel {
      display: none;
  }
  .homeowlControl{
      margin-bottom: 0;
  }
  .homeItem h1 {
      font-size: 26px;
  }
  .homeItem h4{
      font-size: 18px;
  }
  .homeItem{
      padding-left: 30px;
  }
  .service2 ul.nav.nav-tabs li{
      width: 50%;
  }
  .sparateLine{
      display: none
  }
}

@media (max-width: 600px){
.panelarea{
  display: none;
}
  .absection, .abContainerArea{
      padding: 0;
      overflow: hidden;
      width: 100%;
  }
  .serviceListArea{
      display: none;
  }
  .headMenu{
      display: none;
  }
  .footerSection {
      width: calc(100% - 30px) !important;
      margin: 0 !important;
  }
}


/*
Preloader
*/

.preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,1);
  z-index : 999999;
}

.percentage {
  z-index: 100;
  text-align:center;
  color: #fff;
  line-height: 30px;
  font-size : 15px;
}

.loader,
.percentage{
  height: 30px;
  max-width: 500px;
  border: 2px solid #ffae00;
  font-weight: 300;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin : auto;
  line-height: 1.8;
}
.loader:after,
.percentage:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.trackbar {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  opacity: 0.99;
}

.loadbar {
  width: 0%;
  height: 100%;
  background: #ffae00;
  position: absolute;
  top: 0;
  left: 0;
  animation: flicker 5s infinite;
  overflow: hidden;
}

.glow {
  width: 0%;
  height: 0%;
  border-radius: 20px;
  position: absolute;
  bottom: -5px;
  animation: animation 5s infinite;
}

@keyframes animation {
  10% {
      opacity: 0.9;
  }
  30% {
      opacity: 0.86;
  }
  60% {
      opacity: 0.8;
  }
  80% {
      opacity: 0.75;
  }
}


/*
  cursor disable
*/
.home2 .circle-cursor, .home3 .circle-cursor{
  opacity: 0 !important;
}



/*
*
*   BLOG PAGE STYLE
*
*/
button#submit_btn {
  position: absolute;
  border: none;
  background: transparent;
  right: 15px;
  top: 7px;
  outline: none;
}
.searh-inner {
  position: relative;
  display: block;
  margin-bottom: 15px;
}
i.ion-search {
  color: #343840;
  font-size: 20px;
}
article.post {
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
}
.post-item{
  background: #fff;
  padding: 15px;
  margin: 15px 0;
  position: relative;
  float: left;
}
.post a.btn {
  background: #ffae00;
  padding: 15px 30px;
  font-size: 14px;
  outline: none;
  overflow: hidden;
}
.post-item > i, .post-item a.btn i {
  color: #fff;
  font-size: 90px;
  position: absolute;
  opacity: .2;
  transform: rotate(-45deg);
  top: -41px;
  left: 0;
  right: 0;
}
.post-media {
  display: block;
  position: relative;
  margin-top: 15px;
}
.post-item h4 a {
  color: #343840;
  font-weight: 700;
}
i.ion-images, i.ion-link {
  font-size: 150px;
  color: #000;
  position: absolute;
  right: 0;
  top: 108px;
  width: 100px;
  left: auto;
  opacity: .1;
}
ul.post-meta li{}
ul.post-meta li h5{}
ul.post-meta li h5 a{}
.post-item h4{}
.post-item a{}
.post-item ul.post-tags{}
.post-item ul.post-tags li{
  display: inline-block;
}
.post-item ul {
  margin-bottom: 5px;
}
.post-item ul.post-tags li a{
  background: #ffae00;
  padding: 5px 10px;
  border-radius: 5px;
}
.post-item ul{}
.post-item ul li{}
.post-item ul li {
  display: inline-block;
}
.artcicle-icon {
  position: relative;
}
.artcicle-icon i{}
.post-item p{
  color: #707070;
}
.post-item img{}
.post-item i{}
ul.post-meta li h5 a {
  color: #ffae00;
}
.search{
  width: 100%;
  padding: 10px;
  border-radius: 3px;
  border: none;
}
.searh-inner {
  position: relative;
  display: block;
}
ul.post-meta li h5 {
  font-size: 16px;
}

.pagination{
  text-align: center;
  display: block;
  margin-bottom: 30px;
}
.pagination a {
  width: 60px;
  height: 50px;
  background: #ffae00;
  border: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 13px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.pagination a.prevposts-link:after, .pagination a.nextposts-link:after{
  content: '';
  position: absolute;
  transition: all .3s;
  width: 80%;
  height: 200%;
  background: rgba(255,255,255,0.2);
  z-index: 1;
  right: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotate(-20deg);
  -moz-transform-origin: 0 0;
  -moz-transform: rotate(-20deg);
  -ms-transform-origin: 0 0;
  -ms-transform: rotate(-20deg);
  transform-origin: 0 0;
  transform: rotate(-20deg);
}
.pagination a:hover.prevposts-link:after, .pagination a:hover.nextposts-link:after {
  width: 110%;
}

.pagination a.prevposts-link:after{
  left: -20px;
}
a.prevposts-link.transition {
  float: left;
}
a.nextposts-link{
  float: right;
}
.searh-inner {
  position: relative;
  display: block;
  margin-bottom: 15px;
}
/*
  BLOG SINGLE PAGE
*/
blockquote {
  margin: 0 0 1rem;
  background: #343840;
  padding: 15px;
  border-radius: 5px;
  font-size: 20px;
  font-style: italic;
}
.author-profile-pic{}
.author-profile-pic a{}

.author-profile .profile-content{}
.author-profile .profile-content h4{}
.author-profile .profile-content i{
  position: relative;
  font-size: 15px;
  color: #727272;
}
.author-profile {
  display: block;
  margin-bottom: 50px;
}
.blogComment {
  display: block;
  width: 100%;
}
form#contactform {
  display: block;
  width: 100%;
  float: left;
}
form#contactform input{
  width: 100%;
  float: left;
  height: 50px;
  margin-bottom: 15px;
  padding: 15px;
}
form#contactform textarea{
  width: 100%;
  float: left;
  height: 150px;
  padding: 15px;
}
button#submit {
  background: #ffae00;
  margin-top: 15px;
  padding: 14px 30px;
}
.author-profile-pic a img {
  width: 100%;
  height: auto;
}
.social-follow{}
.social-follow ul{}
.social-follow ul li{}
.social-follow ul li a{}
.social-follow ul li a i{
  position: relative;
  width: 30px;
  height: 30px;
  background: #ffae00;
  top: 0;
  display: block;
  transform: inherit;
  opacity: 1;
  font-size: 20px;
  text-align: center;
  padding: 2px;
}

/*
  404 pages
*/
.errorPage {
  display: block;
  margin-top: 100px;
  overflow: hidden;
}
.errorPage h1 {
  font-size: 150px;
  font-weight: 700;
}
.errorPage h1 span{}
.errorPage h1 span {
  color: #ffae00;
}
.errorPage a {
  color: #ffae00;
}
.errorPage h2{}
.errorPage p{}
.errorPage a{}

/*
  Contact page
*/

.contact-social{}
.contact-social ul{}
.contact-social ul li{
  list-style: none;
  display: inline-block;
}
.contact-social ul li a{
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffae00;
  position: relative;
  color: #fff;
  border-radius: 3px;
}
.contact-social ul li a i{}

/********** Comments style **********/
.comments {
  margin-bottom: 50px;
}
.comments ul {
  list-style: none;
}
.comment-title {
  border-bottom: 2px solid #222;
  color: #222;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 30px;
}
.comments ul li {
  position: relative;
  margin-bottom: 34px;
  padding-left: 40px;
}
.single-comment {
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  padding: 25px 60px;
  position: relative;
}
.user-thumb {
  width: 80px;
  height: 80px;
  position: absolute;
  left: -40px;
  top: 50%;
  border-radius: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}
.comments li a,
.comments li span {
  color: #666;
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 0 15px;
}
.comments li a:first-of-type {
  padding-left: 0;
}
.comments li a:hover {
  color: #ffae00;
}
.comments li h4 {
  font-size: 16px;
  font-family: 'Open sans', sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
}
.comments li p {
  font-size: 13px;
  line-height: 24px;
  margin-bottom: 10px;
}
.comments li span i {
  color: #666;
  font-size: 13px;
  margin-right: 3px;
  vertical-align: middle;
}
.comments ul li ul li:first-child {
  margin-top: 35px;
}
.reply {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  color: #ffae00;
  letter-spacing: 2.8px;
}
.comment-form form {
  width: 100%;
  display: block;
  position: relative;
}
.input-field {
  display: block;
  width: 100%;
  margin-bottom: 25px;
}
.input-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 10px;
  color: #333;
}
.comment-form input,
.comment-form textarea {
  background: transparent;
  border-radius: 3px;
  border: 1px solid #f4f4f4;
  box-shadow: none;
  padding: 7px 20px;
  width: 100%;
}
.comment-form textarea {
  height: 200px;
}
.input-field.textarea {
  width: 100%;
  margin-right: 0;
}
.comment-form button {
  background-color: #ffae00;
  font-size: 16px;
  text-transform: uppercase;
  padding: 12px 30px;
}
.comment-form button:hover {
  background: #333;
}


/*
  SIDEBAR
*/

.sidebar .widget{
  margin-bottom: 30px;
  display: block;
  overflow: hidden;
  position: relative;
}

.widget h3.headline{
  font-weight: 700;
  color: #fff;
  font-size: 20px;
  margin: 0;
  padding: 0;
  display: block;
  text-transform: uppercase;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 5px;
}
.widget h3.headline:before{
  content: "";
  width: 60px;
  height: 2px;
  bottom: 0;
  display: block;
  background: #ffae00;
  position: absolute;
}

.widget ul{
  display: block;
  margin: 0;
}
.widget ul li{
  list-style: none;
  display: block;
}
.widget ul li a{
  text-transform: capitalize;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  display: block;
  text-align: left;
  line-height: 26px;
  transition:  all 0.5s;
}
.widget ul li a:hover{
  color: #ffae00
}

.widget ul li a span{
  float: right;
}

/* ==RECENT ITEM== */
.recent-item .recent-post{
  display: block;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
.recent-item .recent-post:last-child{
  margin-bottom: 0;
}

.recent-item .recent-post img{
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

.recent-item .recent-post a .recent-hover{
  text-align: center;
}
.recent-item .recent-post h5{
  margin: 0;
  color: #fff;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: auto;
  padding: 5px;
  text-align: center;
  font-size: 14px;
  bottom: -100%;
  transition: all 0.5s;
}
.recent-item .recent-post:hover h5{
  bottom: 0;
}

.recent-item .recent-post p{
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: auto;
  background: #ffae00;
  text-align: center;
}

.tagcloud a {
  font-size: 14px;
  padding: 3px 6px;
  background: #ffae00;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: inline-block;
  color: #fff;
  margin-right: 2px;
  border-radius: 3px;
}

.containerArea{
  background-color: #000;
  color: white;
}
.tab-content p{
  color: white;
}
.tab-content a{
  color:#FEF200;
  padding: 20px 0;
}
.price{
  font-weight: 700;
}
i{
  padding: 0 5px;
}
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial;
}

.header {
  text-align: center;
  padding: 32px;
}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}


/* .video{
  margin: 0 auto;
  width: 80%;
  padding-top: 30px;
} */

.video-container {
  width: 48%;
  padding: 10px;
  background: white;
  display: inline-block;
}

.responsive-video {  
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.responsive-video iframe, .responsive-video video {
  position: absolute;
  width: 100%;
  height: 100%;  
}


.img-icon{
  height: 100px;
}
.img-icon img{
  background-color: #000;
  padding: 20px;
  border-radius: 80px;
  height: 100px;
  &:hover{
    filter: invert(4);
    background-color: #1100fe;
    transition: 1s all;
  }
}
.subsribbe-box small{
  color:#FEF200;
}


.header-area {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
}

.dark.classy-nav-container {
  background-color: rgba(25, 42, 86, 0.3);
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.classy-nav-container.classy-sticky {
  background-color: rgba(25, 42, 86, 1);
}

.classy-navbar {
  padding: 0.5em 5em;
}

.nav-brand {
  max-width: 120px;
}

.classy-btn {
  background-color: #4a7aec;
}

.classynav ul li.megamenu-item > a::after,
.classynav ul li.has-down > a::after {
  color: #fff;
}

.header-area {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
}

.dark.classy-nav-container {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
}

.classy-nav-container.classy-sticky {
  background-color: rgba(25, 42, 86, 1);
}

.classy-navbar {
  padding: 0.5em 5em;
}

.nav-brand {
  max-width: 120px;
}

.classy-btn {
  background-color: #4a7aec;
}

.classynav ul li.megamenu-item > a::after,
.classynav ul li.has-down > a::after {
  color: #fff;
}

/* [ -- Master Stylesheet -- ] */

/* ----------------------------------------------------------
:: Template Name: ClassyNav - Responsive Mega Menu Plugins
:: Author: Designing World
:: Author URL: https://themeforest.net/user/designing-world/portfolio
:: Version: 1.0.0
:: Created: May 16, 2018
:: Last Updated: May 16, 2018
---------------------------------------------------------- */

/* Base CSS */

* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #f4f7f8;
}

ul,
ol {
  margin: 0;
}

ul li,
ol li {
  list-style: none;
  color:#FEF200;
}

img {
  height: auto;
  max-width: 100%;
}

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.bg-transparent {
  background-color: transparent !important;
}

.classy-nav-container {
  position: relative;
  z-index: 100;
  background-color: #ffffff;
  /* sticky */
}

.classy-nav-container * {
  box-sizing: border-box;
}

.classy-nav-container a {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  color: #232323;
  display: inline-block;
}

.classy-nav-container a:hover,
.classy-nav-container a:focus {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  text-decoration: none;
  outline: none;
  font-size: 14px;
  font-weight: 400;
  color: #1abc9c;
}

.classy-nav-container.classy-sticky {
  position: fixed;
  z-index: 1010;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
}

.classy-nav-container.box-skins .classynav > ul > li {
  background-color: #1abc9c;
}

.classy-nav-container.box-skins .classynav > ul > li > a {
  color: #fff;
}

.justify-content-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.classy-navbar {
  width: 100%;
  height: 70px;
  padding: 0.5em 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.classy-navbar .nav-brand {
  font-size: 26px;
  font-weight: 500;
  color: #565656;
  display: inline-block;
  margin-right: 30px;
}

.classy-navbar .nav-brand:focus,
.classy-navbar .nav-brand:hover {
  font-size: 26px;
  font-weight: 500;
}

.classynav ul li {
  display: inline-block;
  clear: both;
  position: inherit;
  z-index: 10;
}

.classynav ul li.cn-dropdown-item {
  position: relative;
  z-index: 10;
}

.classynav ul li.cn-dropdown-item ul li {
  position: relative;
  z-index: 10;
}

.classynav ul li ul li {
  display: block;
}

.classynav ul li ul li a {
  padding: 0 20px;
}

.classynav ul li a {
  padding: 0 12px;
  display: block;
  height: 35px;
  font-size: 14px;
  line-height: 34px;
}

.classynav ul li .megamenu li a {
  padding: 0 12px;
}

.classynav ul li div.single-mega a {
  height: auto;
  line-height: 1;
}

/* Down Arrow Icon for Megamenu */

@font-face {
  font-family: 'classyfonts';
  src: url("../fonts/classycb9b.eot?fftrrv");
  src: url("../fonts/classycb9b.eot?fftrrv#iefix") format("embedded-opentype"), url("../fonts/classycb9b.ttf?fftrrv") format("truetype"), url("../fonts/classycb9b.woff?fftrrv") format("woff"), url("../fonts/classycb9b.svg?fftrrv#classyfonts") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon-classy-nav-down-arrow {
  font-family: 'classyfonts';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-classy-nav-down-arrow:before {
  content: "\e900";
}

.classynav ul li.megamenu-item > a:after,
.classynav ul li.has-down > a:after {
  font-family: 'classyfonts';
  content: "\e900";
  font-size: 12px;
  color: #000000;
  padding-left: 5px;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.classynav ul li ul li.has-down > a::after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  right: 10px;
  z-index: 3;
}

/* button css */

.classy-btn {
  position: relative;
  z-index: 1;
  min-width: 120px;
  padding: 0 25px;
  line-height: 42px;
  height: 42px;
  background-color: #1abc9c;
  border-radius: 50px;
  color: #fff !important;
  margin-left: 30px;
  text-align: center;
}

.classy-btn:hover,
.classy-btn:focus {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* Dropdown Toggle */

.dd-trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  cursor: pointer;
  z-index: 500;
  border-radius: 0;
  display: none;
}

/* Close Icon */

.classycloseIcon {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 12;
  display: none;
}

.classycloseIcon .cross-wrap {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative;
}

.classycloseIcon .cross-wrap span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background: #232323;
}

.classycloseIcon .cross-wrap span.top {
  top: 12px;
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.classycloseIcon .cross-wrap span.bottom {
  bottom: 12px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* navbarToggler */

.classy-navbar-toggler {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: none;
}

.classy-navbar-toggler .navbarToggler {
  display: inline-block;
  cursor: pointer;
}

.classy-navbar-toggler .navbarToggler span {
  position: relative;
  background-color: #858585;
  border-radius: 3px;
  display: block;
  height: 3px;
  margin-top: 5px;
  padding: 0;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  width: 30px;
  cursor: pointer;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  top: 8px;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(2) {
  opacity: 0;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  top: -8px;
}

.classynav ul li .megamenu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  z-index: 200;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.classynav ul li .megamenu .single-mega.cn-col-5 {
  width: 20%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.classynav ul li .megamenu .single-mega.cn-col-5:last-of-type {
  border-right: none;
}

.classynav ul li .megamenu .single-mega.cn-col-4 {
  width: 25%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.classynav ul li .megamenu .single-mega.cn-col-4:last-of-type {
  border-right: none;
}

.classynav ul li .megamenu .single-mega.cn-col-3 {
  width: 33.3333334%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f2f4f8;
}

.classynav ul li .megamenu .single-mega.cn-col-3:last-of-type {
  border-right: none;
}

.classynav ul li .megamenu .single-mega .title {
  font-size: 14px;
  border-bottom: 1px solid #f2f4f8;
  padding: 8px 12px;
}

.classynav ul li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.7);
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

/* Desktop Area CSS */

.breakpoint-off .classynav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.breakpoint-off .classynav ul li .dropdown {
  width: 180px;
  position: absolute;
  background-color: #ffffff;
  top: 120%;
  left: 0;
  z-index: 100;
  height: auto;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
}

.breakpoint-off .classynav ul li .dropdown li .dropdown {
  top: 10px;
  left: 180px;
  z-index: 200;
  opacity: 0;
  visibility: hidden;
}

.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {
  opacity: 0;
  visibility: hidden;
  top: 120%;
}

.breakpoint-off .classynav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.breakpoint-off .classynav ul li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: -10px;
}

.breakpoint-off .classynav ul li .megamenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  top: 120%;
  background-color: #ffffff;
  z-index: 200;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.breakpoint-off .classynav ul li.megamenu-item:hover .megamenu,
.breakpoint-off .classynav ul li.megamenu-item:focus .megamenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

/* Mobile/Tablet Nav CSS */

.breakpoint-on .classycloseIcon {
  display: block;
}

.breakpoint-on .classy-navbar-toggler {
  display: block;
}

.breakpoint-on .classy-navbar .classy-menu {
  background-color: #ffffff;
  position: fixed;
  top: 0;
  left: -310px;
  z-index: 1000;
  width: 300px;
  height: 100%;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  padding: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
}

.breakpoint-on .classy-navbar .classy-menu.menu-on {
  left: 0;
}

.breakpoint-on .classynav ul li {
  display: block;
  position: relative;
  clear: both;
  z-index: 10;
}

.breakpoint-on .classynav ul li a {
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
}

.breakpoint-on .classynav ul li .dropdown {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  box-shadow: none;
}

.breakpoint-on .classynav ul li .dropdown li .dropdown {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.breakpoint-on .classynav ul li.megamenu-item {
  position: relative;
  z-index: 10;
}

.breakpoint-on .dd-trigger {
  height: 38px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.breakpoint-on .classynav ul li .dropdown,
.breakpoint-on .classynav ul li .megamenu {
  display: none;
}

.breakpoint-on .classynav {
  padding: 16px 0 30px 0px;
}
.dark.classy-nav-container a{
 margin: 0 20px;
}
.breakpoint-on .classynav ul li .megamenu {
  position: relative;
  width: 100%;
 left: 0;
  top: 0;
  z-index: 200;
  box-shadow: none;
}

.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3 {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #f2f4f8;
}

.breakpoint-on .classynav > ul > li > a {
  background-color: #f2f4f8;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.breakpoint-on .classynav ul li ul.dropdown li ul li {
  margin-left: 15px;
}

.breakpoint-on .classy-btn {
  width: calc(100% - 30px);
  margin: 30px 15px;
}

.breakpoint-on .classynav ul li.megamenu-item > a::after,
.breakpoint-on .classynav ul li.has-down > a::after {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 5;
}

.breakpoint-on .classynav ul li.has-down.active > a:after,
.breakpoint-on .classynav ul li.megamenu-item.active > a:after {
  color: #2ecc71;
}

/* Dark Theme CSS */

.dark.classy-nav-container {
  background-color: #000000;
}

.dark.classy-nav-container a {
  color: rgba(255, 255, 255, 0.7);
}

.dark.classy-nav-container a:hover,
.dark.classy-nav-container a:focus {
  color: #ffffff;
}

.dark .classynav ul li .dropdown {
  background-color: black;
}

.dark .classynav ul li .megamenu {
  background-color: black;
}

.dark .classynav ul li .megamenu .single-mega.cn-col-5,
.dark .classynav ul li .megamenu .single-mega.cn-col-4,
.dark .classynav ul li .megamenu .single-mega.cn-col-3 {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

.dark .classynav ul li.megamenu-item ul li a {
  border-bottom: none;
}

.dark .classynav ul li .megamenu .single-mega .title {
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark .classy-navbar-toggler .navbarToggler span {
  background-color: #ffffff;
}

.dark.breakpoint-on .classy-navbar .classy-menu {
  background-color: #000000;
}

.dark .classycloseIcon .cross-wrap span {
  background-color: #ffffff;
}

.dark.breakpoint-on .classynav > ul > li > a {
  background-color: black;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  border-right: none;
}

.dark .classynav ul li.megamenu-item > a:after {
  color: #ffffff;
}

.dark .classynav ul li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
  border-bottom: 1px solid rgba(242, 244, 248, 0.1);
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
  border-bottom: none;
}

/* Right Side Menu Open CSS */

.right.breakpoint-on .classy-navbar .classy-menu {
  left: auto;
  right: -310px;
}

.right.breakpoint-on .classy-navbar .classy-menu.menu-on {
  left: auto;
  right: 0;
}

/* Dropdown RTL CSS */

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown {
  left: auto;
  right: 0;
}

.dropdown-rtl .classynav ul li a,
.dropdown-rtl .classynav ul li .megamenu .single-mega .title {
  text-align: right;
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {
  right: 180px;
  left: auto;
  opacity: 0;
  visibility: hidden;
  top: 10px;
}

.dropdown-rtl.breakpoint-off .classynav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 90%;
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.dropdown-rtl.breakpoint-on .classynav ul li ul.dropdown li ul li {
  margin-left: 0;
  margin-right: 15px;
}

.nav2{
  display: none;
}
.offset-lg-4 {
  margin-left:100px;
}

@media only screen and (min-width: 320px) and (max-width: 1009px){
    .sticky-top{
      display:none;
    }
    .nav2{
      display: block;
    }
    .box-item img{
        height:100%;
    }
    .offset-lg-4{
      margin-left: 0px;
      margin-top: 50px;
    }
    .tab-content{
      width: 100% !important;
    }
    .classy-navbar-toggler .navbarToggler {
      margin:  13px 0;
font-size:  0 12px;
border-radius: 4px;
height: 23px;
background-color: #FEF200;
color: black;
}
.classy-navbar-toggler .navbarToggler i{
  border-radius: 4px;
  font-size: 12px;
  padding: 14px;
  background-color: #FEF200;
  color: black;
  }
.dark.classy-nav-container a{
  margin: 0 5px;
}
.titleArea h2{
      margin-top:60px;
  }
  
.absection, .abContainerArea{
      width:93%;
      margin-left:20px;
  }
  .mil-banner .mil-banner-image{
    width: 100%;
    margin: 56px 0 0 0;
  }
  .home{
    padding: 5px;
  }
}
@media only screen and (min-width:320px) and (max-width: 480px){
   .classy-navbar-toggler .navbarToggler {
      margin:  13px 0;
font-size:  0 12px;
border-radius: 4px;
height: 23px;
background-color: #FEF200;
color: black;
}
.classy-navbar-toggler .navbarToggler i{
  border-radius: 4px;
  font-size: 12px;
  padding: 9px;
  background-color: #FEF200;
  color: black;
  }
  .faq-main-video{
      flex-wrap:wrap;
      
  }
  
}
@media only screen and (min-width: 992px) and (max-width: 1009px){
    .nav2{
      display: none;
    }
    .sticky-top{
      display: flex;
    }
    .menu-section li{
      gap: 5px !important;
      font-size: 12px !important;
    }
    .menu-section{
      gap: 5px !important;
    }
    .home{
      padding: 5px;
    }
}
@media only screen and (min-width: 1010px) and (max-width: 1200px){
  .menu-section li{
    gap: 13px !important;
    font-size: 11px !important;
   
  }
  .menu-section{
    gap: 5px !important;
  }
  .home{
    padding: 5px;
  }
  .home:hover{
    padding: 5px;
  }
  .drop-items1{
    width: 200px;
  }
  .dropdown{
    top:40px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px){ 
  .menu-section li{
    gap: 13px !important;
    font-size: 15px !important;
   
  }
}
.titleArea{
    margin-top:0px;
}
.tab-content h3{
  margin-top: 0;
}
.box-item{
  width: 500px;
}
.button {
  position: relative;
  border: none;
  font-size: 15px;
  color:black;
  height: 30px;
  text-align: center;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}

.button:after {
  content: "";
  display: block;
  position: absolute;
  padding-top: 300%;
  padding-left: 350%;
  margin-left: -20px!important;
  margin-top: -120%;
  opacity: 0;
  transition: all 0.8s
}

.button:active:after {
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: 0s
}
.btn-prime i{
  font-weight: 700;
}
.mil-banner .mil-banner-prime{
  font-weight: 700;
}

.container1 {
  position: relative;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay1 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:#ffae0080 ;
}

.container1:hover .overlay1 {
  opacity: 1;
}

.text1 {
  color: white;
  font-weight: 600;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.classynav ul li.cn-dropdown-item ul li{
  padding: 0 20px;
}
.image:hover img{
   transform: scale(1.1);
   overflow: hidden;
}
.faq-main-video{
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 10px 0;
  width: 90%;
  margin: 0 auto;
}
.faq-area{
  padding: 0 80px;
}
.dark.breakpoint-on .classynav > ul > li > a {

  color:#FEF200;
}
.mil-banner-image img{
    width: 432px !important;
}