/*** CSS contents 

- Google Fonts
- Css Imports
- General Css Styles
- Header Area style
- Welcome Area Styles 
- About us area style 
- services-block-four style 
- services area style 
- Footer area style 

***/

@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,900');

/*** Import All Css ***/
@import 'bootstrap.min.css';
@import 'animate.css';

/*** General css style ***/
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #4834d4;
    background: -webkit-linear-gradient(to right, #4834d4, #341f97);
    background: -webkit-linear-gradient(left, #4834d4, #341f97);
    background: linear-gradient(to right, #4834d4, #341f97);
	letter-spacing: 0.4px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    line-height: 1.4;
    font-weight: 500;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    outline: none;
}

li {
    list-style: none;
}

p {
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.5);
    font-size: 15px;
}

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

ul,
ol {
    margin: 0;
    padding: 0;
}
.section-header{
    position: relative;
    margin-bottom: 50px
}
.section-title {
    /*font-size: 44px;*/
    margin-bottom: 20px;
    margin-top: 0;
    position: relative;
    text-align: center;
    color: #fff;
}
.section-header .desc{
    max-width: 800px;
    text-align: center;
    margin: 0 auto
}
.bg-title {
    margin-bottom: -37px;
    margin-left: -30px;
    font-size: 66px;
    opacity: .04;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
}
.has-print{
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 90px;
    background: url(../img/core-img/shape1.html) no-repeat;
}
.header-area .light.classy-nav-container a{
    color: #6b6b6b;
}
.header-area .light.classy-nav-container a:hover{
    color: #2b3ebe;
}
.header-area.sticky .light.classy-nav-container a{
    color: #333
}
.header-area.sticky .classy-navbar-toggler .navbarToggler span{
    background: #333 !important
}


.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999999;
    background: #f61b10;	
	background-image: -webkit-gradient(linear, left top, right top, from(#f61b10), to(#ef0963));
    background-image: -webkit-linear-gradient(left, #f61b10, #ef0963);
    background-image: -o-linear-gradient(left, #f61b10, #ef0963);
    background-image: linear-gradient(90deg, #f61b10, #ef0963);
    top: 0;
    left: 0;
}

.loader {
    position: absolute;
    top: 43%;
    left: 0;
    right: 0;
    transform: translateY(-43%);
    text-align: center;
    margin: 0 auto;
    width: 50px;
    height: 50px;
}
.box {
    width: 100%;
    height: 100%;
    background: #fff;
    animation: animate .5s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.shadow { 
    width: 100%;
    height: 5px;
    background: #000;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
    animation: shadow .5s linear infinite;
    }


@keyframes loader {
    0% {
        left: -100px
    }
    100% {
        left: 110%;
    }
}

@keyframes animate {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        transform: translateY(18px) scale(1,.9) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        transform: translateY(0) rotate(90deg);
    }
}

@keyframes shadow {
    50% {
        transform: scale(1.2,1);
    }
}

.full-width{
    width: 100%
}
.width-90{
    max-width: 90px
}
.width90{
    max-width: 90%
}
.width-80{
    max-width: 80%
}
.fs-28{
    font-size: 28px !important;
	line-height: 32px;
}
.fs-38{
    font-size: 38px !important;
	line-height: 42px;
}
.fs-48{
    font-size: 48px !important;
	line-height: 52px;
}
.bigger-text{
    font-size: 5rem !important;
    line-height: 1
}
.relative{
    position: relative;
}
.hidden{
    overflow: hidden;
}
.block{
    display: block;
}
@media only screen and (max-width: 767px) {
    .fs-48{
        font-size: 36px !important
    }
    .bigger-text{
    font-size: 3rem !important;
    line-height: 1
	}
	.fs-28{
      font-size: 24px !important;
	  line-height: 28px;
	}
}
.mt-10 {
    margin-top: 10px!important;
}
.mt-15 {
    margin-top: 15px!important;
}
.mt-20 {
    margin-top: 20px!important;
}
.mt-30 {
    margin-top: 30px!important;
}

.mt-40 {
    margin-top: 40px!important;
}

.mt-50 {
    margin-top: 50px!important;
}
.mt-70 {
    margin-top: 70px!important;
}
.mt-100 {
    margin-top: 100px!important;
}
.mt-125 {
    margin-top: 125px!important;
}
.mt-150 {
    margin-top: 150px!important;
}

.mr-15 {
    margin-right: 15px!important;
}

.mr-30 {
    margin-right: 30px!important;
}

.mr-50 {
    margin-right: 50px!important;
}

.mr-100 {
    margin-right: 100px!important;
}
.no-padding-right{
    padding-right: 0 !important;
}
.no-padding-left{
    padding-left: 0 !important;
}
.no-padding-top{
    padding-top: 0 !important;
}
.no-padding-bottom{
    padding-bottom: 0 !important;
}
@media (max-width: 767px){
	.no-padding-right{
    padding-right: 15px !important;
}
	.no-padding-left{
	    padding-left: 15px !important;
	}
}
.mb-0{
    margin-bottom: 0 !important;
}
.mt-0{
    margin-top: 0 !important;
}
.mb-10 {
    margin-bottom: 10px!important;
}
.mb-15 {
    margin-bottom: 15px!important;
}
.mb-20 {
    margin-bottom: 20px!important;
}
.mb-30 {
    margin-bottom: 30px!important;
}
.mb-40 {
    margin-bottom: 40px!important;
}
.mb-50 {
    margin-bottom: 50px!important;
}
.mb-60 {
    margin-bottom: 60px!important;
}
.mb-70 {
    margin-bottom: 70px!important;
}
.mb-80 {
    margin-bottom: 80px!important;
}
.mb-90 {
    margin-bottom: 90px!important;
}
.mb-100 {
    margin-bottom: 100px!important;
}
.ml-5 {
    margin-left: 5px!important;
}
.ml-10 {
    margin-left: 10px!important;
}
.ml-15 {
    margin-left: 15px!important;
}
.ml-30 {
    margin-left: 30px!important;
}
.ml-50 {
    margin-left: 50px!important;
}
.ml-100 {
    margin-left: 100px!important;
}
@media (max-width: 992px){
    .mt-s{
        margin-top: 30px !important
    }
    .mb-s{
        margin-bottom: 30px !important
    }
    .padding-t-md-0{
        padding-top: 0 !important
    }
}

.section-padding-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.section-padding-100-70 {
    padding-top: 100px;
    padding-bottom: 70px;
}
.section-padding-0-70 {
    padding-top: 0px;
    padding-bottom: 70px;
}
.section-padding-70-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.section-padding-70-100 {
    padding-top: 70px;
    padding-bottom: 100px;
}
.section-padding-100-85 {
    padding-top: 100px;
    padding-bottom: 85px;
}
.section-padding-100-50 {
    padding-top: 100px;
    padding-bottom: 50px;
}
.section-padding-70-50 {
    padding-top: 70px;
    padding-bottom: 50px;
}
.section-padding-50-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-padding-35-70 {
    padding-top: 35px;
    padding-bottom: 70px;
}
.section-padding-0-100 {
    padding-top: 0px;
    padding-bottom: 100px;
}

.relative{
    position: relative;
}

.section-padding-0-100 {
    padding-top: 0;
    padding-bottom: 100px;
}

.section-padding-100-0 {
    padding-top: 100px;
    padding-bottom: 0;
}

.section-padding-100-50 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.section-padding-0-50 {
    padding-top: 0;
    padding-bottom: 50px;
}

.section-padding-50-0 {
    padding-top: 50px;
    padding-bottom: 0;
}

.section-padding-200 {
    padding-top: 200px;
    padding-bottom: 200px;
}

.section-padding-0-200 {
    padding-top: 0;
    padding-bottom: 200px;
}

.section-padding-200-0 {
    padding-top: 200px;
    padding-bottom: 0;
}

.section-padding-200-100 {
    padding-top: 200px;
    padding-bottom: 100px;
}

.section-padding-200-50 {
    padding-top: 200px;
    padding-bottom: 50px;
}

.section-padding-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

.section-padding-150-0 {
    padding-top: 150px;
    padding-bottom: 0;
}

.section-padding-0-150 {
    padding-top: 0;
    padding-bottom: 150px;
}

.section-padding-50-150 {
    padding-top: 50px;
    padding-bottom: 150px;
}

.section-heading {
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

.section-heading h2 {
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.section-heading > p {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 16px;
    /*max-width: 80%;*/
    margin: 0 auto;
}
.who-we-content .res-header{
    margin-bottom: 30px
}





/*--------------------------------------------------
	Contact form
---------------------------------------------------*/
.contactForm .form-control {
	height: 45px;
	width: 100%;
	background: #fff;
	border: none;
	border: 1px solid rgba(142, 142, 142, 0.4);
	border-radius: 6px;
	margin-bottom: 5px;
	letter-spacing: 1px;
	font-size: 13px;
}
.contactForm .form-control:focus {
	border-color: rgba(142, 142, 142, 0.8);
	box-shadow: none;
}
.contactForm textarea.form-control {
    min-height: 75px;
}
.contactForm .form-group {
    margin-bottom: 0;
}
.contactForm form.contactForm .button i {
    margin-left: 10px;
	vertical-align: middle;
}
.contact-form .btn {
  font-size: 14px !important;
  height: 40px;
}
#contactForm .form-message.success {
    background: #03b103;
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
}	  
#contactForm .form-message.error {
    background: #ff4d15;
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
}
.contactForm span {
	display: none;
}
.contactForm .form-control.error {
	color: #6c757d !important;
	border-color: #e66432;
	box-shadow: none;
}
.contactForm label.error {
    font-weight: normal;
    font-size: 13px;
    color: #e66432 !important;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left !important;
    width: 100% !important;
    text-align: left !important;
}

#g-recaptcha-response { 
    display: block !important; 
    position: absolute; 
    margin: -78px 0 0 0 !important; 
    width: 302px !important; 
    height: 76px !important; 
    z-index: -999999; 
    opacity: 0; 
}
/*--------------------------------------------------
	Contact form
---------------------------------------------------*/



#scrollUp {
    bottom: 10px;
    font-size: 16px;
    line-height: 40px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-color:#ffffff;
    color: #f9004d;
    text-align: center;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
	border-radius:100%;
	-webkit-box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgb(0, 0, 0, 0.15);
}

.bg-overlay {
    position: relative;
    z-index: 1;
}
.has-gradient{
    background-image: linear-gradient(to right, #21d397 0%, #7450fe 100%); 
}
.has-border-top{
    border-top: 1px solid #eee
}
@media (max-width: 992px){
    .has-border-top-md{
        border-top: 1px solid #eee
    }
}
.bg-overlay:after {
    background: rgba(72, 52, 212, 0.95);
    background: -webkit-linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));
    background: -webkit-linear-gradient(left, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));
    background: linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

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

.height-400 {
    height: 400px;
}

.height-600 {
    height: 600px;
}

.height-700 {
    height: 700px;
}

.height-800 {
    height: 800px;
}

.height-900 {
    height: 900px;
}

.height-1000 {
    height: 1000px;
}

.login-btn {
    color: #fff;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 33px;
    padding: 0 15px;
    color: #fff !important;
    background-image: -webkit-gradient(linear, left top, right top, from(#f61b10), to(#ef0963));
    background-image: -webkit-linear-gradient(left, #f61b10, #ef0963);
    background-image: -o-linear-gradient(left, #f61b10, #ef0963);
    background-image: linear-gradient(90deg, #f61b10, #ef0963);
    height: 35px;
    border-radius: 5px;
    border: none;
    letter-spacing: 0.4px;
}

.login-btn:not(:disabled):not(.disabled).active,
.login-btn:not(:disabled):not(.disabled):active {
	color: #fff !important;
    background-image: -webkit-gradient(linear, left top, right top, from(#f61b10), to(#ef0963));
    background-image: -webkit-linear-gradient(left, #f61b10, #ef0963);
    background-image: -o-linear-gradient(left, #f61b10, #ef0963);
    background-image: linear-gradient(90deg, #f61b10, #ef0963);
}

.login-btn:hover,
.login-btn:focus {
    background-image: -webkit-gradient(linear, left top, right top, from(#ef0963), to(#f61b10));
    background-image: -webkit-linear-gradient(left, #ef0963, #f61b10);
    background-image: -o-linear-gradient(left, #ef0963, #f61b10);
    background-image: linear-gradient(90deg, #ef0963, #f61b10);
	box-shadow: none;
}


/*-----------------------
*	Header
-------------------------*/
@media (min-width: 992px) { .header-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 99; padding: 0; }
  .header-nav .navbar { padding: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }
  .header-nav .navbar-brand .light-logo { display: block; }
  .header-nav .navbar-brand .dark-logo { display: none; }
  .header-nav .navbar-nav > li { padding: 15px 7px; position: relative; }
  .header-nav .navbar-nav > li > a:not(.nav-link-btn) { color: #6b6b6b; display: inline-block; vertical-align: middle; font-size: 14.5px; position: relative; padding: 0 5px; }
  .header-nav .navbar-nav > li > a:not(.nav-link-btn).active { color: #3d59e8; }
  .header-nav .navbar-nav > li > .nav-link-btn { border-radius: 6px; color: #3d59e8; display: inline-block; font-weight: 600; }
  .header-nav .navbar-nav > li:hover > a:not(.nav-link-btn) { color: #e14024; }
  .header-nav .navbar-nav > li.m-dropdown .m-dropdown-menu { position: absolute; top: 120%; left: 0; background: #ffffff; box-shadow: 0px 20px 21px 0px rgba(0, 0, 0, 0.1); width: 200px; margin: 0; padding: 0; list-style: none; pointer-events: none; -moz-transition: ease all 0.55s; -o-transition: ease all 0.55s; -webkit-transition: ease all 0.55s; transition: ease all 0.55s; opacity: 0; border-radius: 6px; }
  .header-nav .navbar-nav > li.m-dropdown .m-dropdown-menu > li > a { padding: 10px 15px; display: block; color: #6b6b6b; font-size: 14px; border-left: 3px solid transparent; }
  .header-nav .navbar-nav > li.m-dropdown .m-dropdown-menu > li:hover > a { background: rgba(61, 89, 232, 0.08); color: #2b3ebe; border-left: 3px solid #2b3ebe; }
  .header-nav .navbar-nav > li.m-dropdown:hover .m-dropdown-menu { opacity: 1; top: 100%; pointer-events: auto; }
  .header-nav.header-white-bg { background: #ffffff; }
  .header-nav.header-nav:not(.fixed-header) .navbar-nav > li > .nav-link-btn.nav-link-btn-white { color: #ffffff; border-color: #ffffff; }
  .header-nav.header-nav-white:not(.fixed-header) .navbar-nav > li > a:not(.nav-link-btn) { color: rgba(255, 255, 255, 0.8); }
  .header-nav.header-nav-white:not(.fixed-header) .navbar-nav > li > a:not(.nav-link-btn) + i { color: rgba(255, 255, 255, 0.8); }
  .header-nav.header-nav-white:not(.fixed-header) .navbar-nav > li > a:not(.nav-link-btn).active { color: #ffffff; }
  .header-nav.header-nav-white:not(.fixed-header) .navbar-nav > li > a:not(.nav-link-btn).active + i { color: #ffffff; }
  .header-nav.header-nav-white:not(.fixed-header) .navbar-nav > li > .nav-link-btn { border-color: #ffffff; color: #ffffff; }
  .header-nav.header-nav-white:not(.fixed-header) .navbar-nav > li:hover > a:not(.nav-link-btn) { color: #ffffff; } }
@media (max-width: 991px) { .header-nav { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 99; }
  .header-nav .navbar-brand .light-logo { display: none; }
  /*.header-nav .navbar-toggler { width: 30px; height: 30px; position: relative; outline: none !important; }
  .header-nav .navbar-toggler span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 3px; background: #000000; box-shadow: 0px 9px #000000, 0px -9px #000000; }*/
  .navbar-toggler:not(:disabled):not(.disabled) {cursor: pointer;box-shadow: none;outline: none;}
  .header-nav .navbar-nav { padding-top: 50px; max-height: 90vh; overflow-y: auto; }
  .header-nav .navbar-nav > li { position: relative; padding: 15px 0px; } }
  /*.header-nav .navbar-nav > li:not(:last-child) { border-bottom: 1px solid #eee; }*/
  .header-nav .navbar-nav > li > a.login-btn { padding: 0 15px; }
  .header-nav .navbar-nav > li > a { color: #2e3280; display: inline-block; vertical-align: middle; font-size: 15px; font-weight: 500; position: relative; padding: 0; /*line-height: 35px;*/ }
  .header-nav .navbar-nav > li > a.active { color: #3d59e8; }
  .header-nav .navbar-nav > li > a.nav-link-btn { color: #3d59e8; }
  .header-nav .navbar-nav > li .m-dropdown-toggle { position: absolute; right: 0; height: 35px; width: 35px; text-align: center; line-height: 35px; }
  .header-nav .navbar-nav > li.m-dropdown .m-dropdown-menu { margin: 0; padding: 0; border-left: 1px solid #ddd; list-style: none; display: none; }
  .header-nav .navbar-nav > li.m-dropdown .m-dropdown-menu > li > a { display: inline-block; padding: 5px 15px; font-size: 14px; color: #2e3280; font-weight: 500; vertical-align: top; }
  .header-nav .navbar-nav > li.m-dropdown.open-menu-parent .m-dropdown-menu { display: block; } }
@media (min-width: 992px) { .header-nav.fixed-header { background: #ffffff; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05); }
  .header-nav.fixed-header .navbar-brand .light-logo { display: none; }
  .header-nav.fixed-header .navbar-brand .dark-logo { display: block; }
  .header-nav.fixed-header .navbar-nav > li + li:not(:last-child):after { background: #3d59e8; }
  .header-nav.fixed-header .navbar-nav > li > a:not(.nav-link-btn) { color: #6b6b6b; }
  .header-nav.fixed-header .navbar-nav > li > a:not(.nav-link-btn) + i { color: #2e3280; }
  .header-nav.fixed-header .navbar-nav > li > a:not(.nav-link-btn).active { color: #3d59e8; }
  .header-nav.fixed-header .navbar-nav > li > a:not(.nav-link-btn).active + i { color: #3d59e8; }
  .header-nav.fixed-header .navbar-nav > li:hover > a:not(.nav-link-btn) { color: #e14024; }
  .header-nav.fixed-header .navbar-nav > li:hover > a:not(.nav-link-btn) + i { color: #3d59e8; } }
@media (max-width: 991px) { .header-nav { box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05); } .header-nav.fixed-header { box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05); } }
@media (max-width: 480px) {.header-nav .navbar-brand img { width:200px; }}



/*newly added css*/
.navbar-toggler  {
width: 30px;
height: 27px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.navbar-toggler span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
background: #3a4587;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.navbar-toggler span:nth-child(1) {
top: 0px;
}

.navbar-toggler span:nth-child(2) {
top: 10px;
}

.navbar-toggler span:nth-child(3) {
top: 20px;
}

.navbar-toggler[aria-expanded="true"] span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
opacity: 0;
left: -60px;
}

.navbar-toggler[aria-expanded="true"] span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
/*newly added css*/


/* ##### Header Area CSS ##### */
.header-area {
    position: fixed;
    z-index: 5000;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.header-area.sticky {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: #FFFFFF;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    border-bottom: none;
}

.dark.classy-nav-container {
    background-color: transparent;
}
.nav-brand:hover,
.nav-brand:focus{
    color: #333 !important
}
.nav-brand.light:hover,
.nav-brand.light:focus{
    color: #fff !important
}
.classy-navbar {
    height: 90px;
    padding: 0;
}

.classynav ul li .megamenu li a {
    font-size: 80%;
}

.header-nav.fixed-header { background: #ffffff; box-shadow: 0 1px 9px rgba(0, 0, 0, 0.05); }

.menu-holder {
    float: right;
    max-width: 100%;
}

@media screen and (max-width: 991px) {
    .menu-holder {
        position: fixed;
        text-align: center;
        background-color: rgba(255, 255, 255, 0.99);
        right: -100%;
        top: 77px;
        transition: right .3s ease;
        height: 100%;
        width: 100%;
        overflow: auto;
        max-width: 100%;
    } 
    .menu-holder.show {
        right: 0;
    }
}

/* ##### 3.0 Welcome Area CSS ##### */
.hero-section{
    position: relative;
    min-height: 675px;
    background: url('../img/banner_bg.png') no-repeat;
    background-size: contain;
	background-position: center 175px;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #fff5f9;
	background-position: center 175px;
}
.hero-section.inner-page{
    min-height: 400px;
	background-size: cover;
	background-position: center 125px;
}

@keyframes floating3 {
    0% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translate(0px, 0px) scale(1);
    }
    25% {
        transform: rotateX(0deg) translate(10px, 190px) scale(1.3);
    }
    50% {
        transform: rotateX(0deg) translate(190px, 230px) scale(1);
    }
    75% {
        transform: rotateX(0deg) translate(170px, 190px) scale(1.3);
    }
    100% {
        -webkit-transform: rotateX(0deg) translateY(0px);
        -moz-transform: rotateX(0deg) translateY(0px);
        -ms-transform: rotateX(0deg) translateY(0px);
        -o-transform: rotateX(0deg) translateY(0px);
        transform: rotateX(0deg) translate(0px, 0px) scale(1);
    }
}
.hero-section.fullwidth-header{
    padding-top: 100px;
    padding-bottom: 365px;
    background-color: #446beb;
    background-image: url(../img/svg/fullwidth-header.svg);
    background-position: 58% 100%;
    background-size: 1200px;
    background-repeat: no-repeat;
    text-align: center;
}
.hero-section.fullwidth-header .special-head.dark{
    padding-left: 0
}
.hero-section.fullwidth-header .special-head.dark:before{
    display: none;
}
.city-img{
    position: relative;
    bottom: -50px
}
@media (max-width: 991px){
    .hero-section.fullwidth-header{
        padding-bottom: 285px;
        background-position: 50% 100%;
        background-size: 753px;
    }
    .special-pb{
        padding-bottom: 100px
    }
}
@media (max-width: 991px){
    .hero-section.fullwidth-header{
        background-position: 50% 100%;
        background-size: 897px;
    }
}
.hero-section.gradient{
    overflow: visible;
    background-image: linear-gradient(106deg,#d787f5,#3634bb);
}

@media (min-width: 767px ){
    .hero-section.curved-section{
        padding-top: 150px
    }
}
@media (min-width: 992px ){
    .hero-section.curved-section{
        padding-top: 100px
    }
}
@media (max-width: 767px){
    .hero-section.curved-section img.curved{
        display: none;
    }
}
.hero-section.curved-section .special-head{
    padding-left: 0
}
.hero-section.curved-section .special-head:before{
    display: none;
}
.welcome_area {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 900px !important;
}

.hero-content {
    width: 100%;
    height: 100%;
    background: rgba(72, 52, 212, 0.95);
    background: -webkit-linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));
    background: -webkit-linear-gradient(left, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));
    background: linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.95));
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 10;
}
.hero-content.globe{
    background: linear-gradient(to right, rgba(72, 52, 212, 0.95), rgba(52, 31, 151, 0.75));
}
.hero-content.with-after{
    background: url('../img/svg/bg_hero.svg') no-repeat center right;
}
.hero-content.with-after-before{
    background-image: url(../img/svg/bg_hero1.svg),url(../img/svg/bg_hero2.svg);
    background-position: right top,left bottom;
    background-size: auto;
    background-repeat: no-repeat;
}
@media (max-width: 992px){
    .hero-content.soft1{
        background-size: 100%
    }
}
.hero-section.light-blue-bg{
    background: #f2f7ff;
    overflow: hidden;
}
.hero-section.blue-bg{
    background: #2e39bf;
    overflow: hidden;
}
.hero-section.blue-bg:before{
    height: 700px;
    content: '';
    width: 150%;
    left: 0;
    bottom: -324px;
    background: rgba(37,46,176,1);
    display: inline-block;
    position: absolute;
    transform: rotate(155deg);
}
.hero-content.transparent{
    background: transparent;
}
.hero-content.dark-blue{
    background: rgb(33, 0, 67, 0.9);
}
.hero-content .ico-counter{
    margin: 100px 7% 0;
}
@media (max-width: 992px){
    .hero-content .ico-counter,
    .hero-content .service-img-wrapper .image-box{
        margin-top: 0px !important
    }

}
.hero-content .service-img-wrapper .image-box .rings{
    position: absolute;
    top: 50%;
    z-index: -1;
    margin: 0 auto;
    left: 50% !important;
    width: 120%;
    transform: translate(-50%, -50%);
    animation: unset;
    -webkit-animation: unset;
}
.welcome-content {
    position: relative;
    z-index: 1;
    /*margin-top: 90px;*/
}

.has-shadow {
    -webkit-box-shadow: 0 9px 20px 0 rgba(62,57,107,0.09);
    box-shadow: 0 9px 20px 0 rgba(62,57,107,0.09);
    border-radius: 10px;
}
.overlay:after{
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
}
.overlay.v2:after{
    background: rgba(255, 255, 255, 0.95)
}
@media (max-width: 992px){
    .mt-md-30{
        margin-top: 30px !important
    }
    .mb-md-30{
        margin-bottom: 30px
    }
}

@media (max-width: 767px){
    .mt-sm-30{
        margin-top: 30px
    }
    .mt-sm-15{
        margin-top: 15px
    }
    .mt-sm-0{
        margin-top: 0px !important
    }
    .mb-sm-30{
        margin-bottom: 30px
    }
    .welcome-small-wrapper{
        position: absolute;
        width: 38%;
    }
    .welcome-content-small{
        position: absolute;
        top: -30px;
    }
    .welcome-content.ill{
        margin-top: 120px !important
    }
    .header-ilustration-1 .video-btn-container{
        width: 150px;
        height: 150px
    }
}
@media (max-width: 576px) {
    .welcome-content {
        vertical-align: middle;
        margin-top: 100px !important;
    }
	.hero-section.inner-page {
	  min-height: 307px;	
	}
	.inner-page .welcome-content {
        vertical-align: middle;
        margin-top: 50px !important;
    }	
}
@media (max-width: 480px){
    .welcome-content {
        vertical-align: middle;
        margin-top: 100px !important;
    }
	.hero-section.inner-page {
	  min-height: 307px;	
	}
	.inner-page .welcome-content {
        vertical-align: middle;
        margin-top: 50px !important;
    }
    .welcome-small-wrapper{
       display: none;
    }    
}

.welcome-content h2 {
    font-size: 52px;
    font-weight: 500;
    margin-bottom: 20px;
}
.welcome-content h1 {
    font-size: 56px;
    font-weight: 600;
	color: #494849!important;
    line-height: 62px;
	margin-bottom: 25px;
}
.welcome-content h1 span {
    color: #e14024;
	display: block;
}


@media only screen and (max-width: 991px) {
	.hero-section {
		background-size: cover;
		background-position: center 175px;
	}
	.welcome-content h1 {
		font-size: 40px!important;
		line-height: 44px;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.welcome-content p {
    	font-size: 20px!important;
	}
}
@media(max-width: 767px){
	.welcome-content h1 {
		font-size: 36px!important;
		line-height: 40px;
	}
}
@media (max-width: 560px) {
	.welcome-content h1 {
		font-size: 32px!important;
		line-height: 36px;
	}
}
@media (max-width: 460px) {
	.mt-150 {
    	margin-top: 80px!important;
	}
	.mt-125 {
    	margin-top: 75px!important;
	}
	.welcome-content h1 {
		font-size: 24px!important;
		line-height: 30px;
	}	
	.welcome-content p {
    	font-size: 16px!important;
	}
}

.agency-header{
    position: relative;
    padding-left: 50px;
}
.agency-header span{
    position: absolute;
    top: 17px;
    left: -25px;
    font-size: 48px;
    font-weight: bolder;
    text-transform: uppercase;
    transform: rotate(270deg);
}
.welcome-content p {
    font-size: 23px;
    color: #fff;
    margin-bottom: 20px;
} 
.gradient-text {
    font-weight: bold;
    display: inline-block;
    background-image: linear-gradient(135deg, #846FF4 0%, #F17674 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.gradient-text.blue {
    background-image: linear-gradient(35deg, #17EAD9 0%, #6078EA 100%);
}
.gradient-text.cyan{
    background-image: linear-gradient(135deg, cyan 0%, cyan 100%) !important
}
.welcome-content-small{
    margin-bottom: 50px
}
.welcome-content-small h4{
    margin-bottom: 20px
}
.welcome-content-small p.artficial{
    font-size: 12px
}

.b-text {
    color: #3a4587 !important;
}
.w-text{
    color: #fff !important
}
.g-text{
    color: #494949 !important
}
.p-text{
    color: blueviolet !important
}
.blue-text{
    color: #3a4587 !important;
}
.o-text {
    color: #faaf52 !important;
}
.brown-text{
    color: #cea676 !important
}
.bold{
    font-weight: 600 !important
}
.bolder{
    font-weight: 700 !important
}
.normal{
    font-weight: 500 !important
}
.thin{
    font-weight: 400 !important
}
/* ##### About Us Area ##### */

.double-bg-2{
    background: url('../img/svg/two-sec-bg.svg') no-repeat center left;
    background-size: cover
}

.about-us-area {
    position: relative;
    z-index: 1;
}
.about-bg{
    position: relative;
    
}
.sky-bg{
    background: #f4f9ff;
}
.blue-back{
    background: #2e39bf;
    overflow: hidden;
}
.blue-back:before{
    height: 100%;
    content: '';
    width: 100%;
    left: 0;
    bottom: 0px;
    opacity: .5;
    background: url(../img/core-img/wire.html) repeat;
    position: absolute;
}
@media (min-width: 1200px){
    .about-bg{
        background: url(../img/bg-img/about-bg.html) no-repeat right top;
        background-size: contain;
        position: absolute;
        width: 71%;
        height: 100%;
        content: '';
        right: -18%;
        top: 0;
        z-index: -1;
    }
}

.who-we-content h4 {
    margin-bottom: 20px;
    font-size: 30px;
}

@media (max-width: 480px){
    .classy-navbar .nav-brand img {max-width:215px;}
	.special-head {font-size: 14px;}
	.agency-sec {
    	background: #fff;
    	padding: 45px 20px 10px!important;
	}
	.icon-img-box,
    .icon-font-box{
        /*position: relative;*/
        margin-bottom: 15px
    }
    .icon-font-box .width-80{
        width: 100% !important
    }
    .services-block-four .inner-box {
        padding-left: 65px;
    }
	.welcome-content .more-btn, .welcome-content .more-btn-transparent {min-width: 100%!important;}
}

.gradient-section-bg{
    background-image: linear-gradient(106deg,#d787f5,#3634bb);
    background-image: -webkit-linear-gradient(106deg,#d787f5,#3634bb);
    overflow: hidden;
}
.gray-bg{
    background: #edf3f8;
}
.gray1-bg{
    background: #d5ddfe;
}
.transparent{
    background: transparent !important
}
.hos-sec-1{
    background-image: url(../img/services-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}
.hos-sec-2{
    background-image: url(../img/counter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}
.hos-sec-3{
    background-image: url(../img/square-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
}


.ico-about-bg{
    background: url(../img/square-bg.png) no-repeat center bottom;
    background-size: cover;
	background-attachment: fixed;
}
.square-bg{
    position: relative;
}
.square-bg:before{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: url(../img/svg/square-bg.svg) no-repeat top center;
    background-size: cover;
    -webkit-animation: floating2 7s infinite;
    -o-animation: floating2 7s infinite ;
    animation: floating2 7s infinite ;
}
.hero-bg{
    background: url(../img/bg-img/hero-bg.png) no-repeat center;
    background-size: cover;
}

/* ##### Service Area CSS ##### */

.service_single_content {
    position: relative;
    z-index: 1;
    transition: all .3s ease-in-out;
}
.light-version .service_single_content.food{
    background: #5a20c6;
    padding-bottom: 40px;
    overflow: hidden;
    position: relative;
}
.light-version .service_single_content.food h6{
    color: #fff
}
.light-version .service_single_content.food h5{
    position: absolute;
    top: 17px;
    right: -49px;
    transform: rotate(41deg);
    background: red;
    padding: 10px 58px;
    color: #fff;
}
.service_single_content .service_icon i {
    font-size: 30px;
    margin-bottom: 20px;
    color: #fff;
    display: block;
}


.half{
    width: 80px;
    height: 2px;
    background: #FFC107;
}
.who-we-content.new{
    margin-right: -100px;
    padding: 50px;
    position: relative;
    padding-right: 100px;
    border: 10px solid #ba97f5;
    border-right: 0;
}
@media (max-width: 992px){
    .who-we-content.new{
        margin-right: 0;
        padding-right: 50px
    }
}
.who-we-content.new:before{
    content: '';
    position: absolute;
    width: 10px;
    height: 30%;
    top: 0;
    right: 0;
    background: #ba97f5
}
.seperator{
    width: 5px;
    background: #FFC107;
    text-align: center;
    height: 60%;
    margin: 0 auto
}
.icon-icon{
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    line-height: 74px;
    text-align: center;
    border-radius: 50%
}
.icon-icon img{
    max-width: 45px
}
.icon-icon.bg1{
    background-image: linear-gradient(-12deg,#FF895B 0,#FFEC9E 100%);
}
.icon-icon.bg2{
    background-image: linear-gradient(-151deg,#FCD3BB 0,#F88691 94%);
}
.icon-icon.bg3{
    background-image: linear-gradient(-19deg,#A2F8E4 0,#4BC39D 100%);
}
.icon-icon.bg4{
    background-image: linear-gradient(-12deg,#2a57d7 0,#9eeeff 100%);
}

@media only screen and (max-width: 767px){
    
    .service-box-three .inner-box,
    .service-box-four .inner-box{
        padding-left:0px;
        padding-right:0px;
        text-align:center;  
    }
    
    .service-box-three .icon-box,
    .service-box-four .icon-box{
        position:relative;
        display:block;
        left:0px;
        top:0px;
        right:0px;
        bottom:0px;
        margin:0 auto 30px; 
    }
}



/*----- Footer Area -----*/
.footer-area {
    position: relative;
    z-index: 1;
    padding: 0;
}

.footer-content-area{
    padding: 50px 0px 40px;
    margin-top: 100px;
    background: #222222!important;
}

.opacity-md {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #e7eaf3;
    opacity: .2;
}

.footer-content-area .col-lg-2 {
    width: 20%;
    flex: 20%;
    max-width: 20%;
}

.footer-content-area.demo{
    margin-top: 70px;
}
.footer-logo{
    margin-bottom: 10px;
}
.footer-logo a{
    color: #fff;
    font-size: 20px;
}
.footer-logo img{
    width: 175px;
}
.footer-side-thumbnail {
    position: absolute;
    width: 50%;
    top: 0;
    left: 0;
    height: 100%;
    background-size: cover;
    background-position: top center;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.copywrite_text > p {
    margin-bottom: 10px;
    color: #c0c8ff!important;
    font-size: 13px;
}

.copywrite_text > p > a {
    color: #fff;
}

.footer-social-info a i {
    font-size: 14px;
    color: #fff;
    margin-right: 15px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.footer-social-info a i:hover {
    color: #4a7aec;
}

.contact_info_area .contact_info {
    text-align: left !important;
}

.contact_info_area .contact_info h5 {
    font-size: 14px;
	font-weight: 600;
}

.contact_info_area .contact_info p i {
    font-size: 16px;
	margin-right: 6px;
}
.contact_info_area .contact_info p {
    margin-bottom: 6px;
    font-size: 13px;
	color: #c0c8ff;
}
.contact_info_area .contact_info a {
    margin-bottom: 6px;
    font-size: 13px;
	color: #c0c8ff;
}
.contact_info_area .contact_info a:hover {
    color: #fff
}


/*----- Light Version CSS -----*/

body.light-version {
    background: #fff !important;
}

.light-version p {
    color: #888;
}

.light-version h2,
.light-version h3,
.light-version h4,
.light-version h5,
.light-version h6,
.light-version .service_single_content .service_icon i,
.light-version .group label,
.light-version input:focus ~ label,
.light-version textarea:focus ~ label,
.light-version input:valid ~ label,
.light-version textarea:valid ~ label,
.light-version .copywrite_text > p > a {
    color: #494849;
}
.light-version #scrollUp {
    color: #f9004d;;
}
.light-version .our_services_area{
    padding-bottom: 70px 
}

.light-version .service_single_content {
    border-radius: 6px;
	border: 1px solid #dee7fc;
    background-color: #fff;
    padding: 25px 10px 75px;
	height: 100%;
    margin-bottom: 0px !important;
}
.light-version .service_single_content:hover {
	border-color: #aec5fb;
	box-shadow: 0px 10px 15px 5px rgba(61, 89, 232, 0.08);
}
.service_single_content a {
	line-height: 38px;
}
.light-version .service_single_content p{
	font-size: 14px;
	margin-bottom: 10px;
}
.light-version .services-block-four .inner-box h3 a {
    color: #222;
}

@media (min-width: 1200px) {
.animate-bubble {
    display: block;
}
}
.animate-bubble .bubble.a-one {
    background: linear-gradient( to left top, #e24329, #faa1cc);
    top: 40%;
    right: 200px;
    transform: translateY(-50%);
    animation: spin2 2s infinite alternate;
}
.animate-bubble .bubble.a-one, .animate-bubble .bubble.a-four {
    width: 10px;
    height: 10px;
}
.animate-bubble.style-2 .bubble.a-three {
    top: 62%;
    left: 3%;
}
.animate-bubble.style-1 .bubble.a-three {
    top: 50%;
    left: 15%;
}
.animate-bubble .bubble.a-three {
    background: #5ce1b9;
    top: 50%;
    left: 50px;
    animation: spin1 1s infinite alternate;
}
.animate-bubble .bubble.a-three {
    width: 20px;
    height: 20px;
}

.animate-bubble.style-3 .bubble.a-one {
    border: 10px solid #ff9200;
	background: #edf3f8;
    top: 30%;
    right: 65px;
    transform: translateY(-50%);
    animation: spin2 12s infinite alternate;
}
.animate-bubble.style-3 .bubble.a-one {
    width: 120px;
    height: 120px;
}
.animate-bubble.style-3 .bubble.a-three {
    border: 10px solid #5ce1b9;
	background: #edf3f8;
    top: 40%;
    left: 0px;
    animation: spin1 15s infinite alternate;
}
.animate-bubble.style-3 .bubble.a-three {
    width: 250px;
    height: 250px;
}

.animate-bubble.style-1 .bubble.a-four {
    top: 10%;
    left: 50%;
    display: none;
}
.animate-bubble .bubble.a-four {
    background: #5146ae;
    top: 50%;
    left: 40%;
    transform: translateY(-50%);
    animation: spin1 2s infinite alternate;
}
.animate-bubble .bubble.a-one, .animate-bubble .bubble.a-four {
    width: 10px;
    height: 10px;
}
.animate-bubble.style-2 .bubble.a-six {
    top: 40%;
    left: auto;
    right: 2%;
}
.animate-bubble.style-1 .bubble.a-six {
    top: 75%;
    left: 45%;
}
.animate-bubble .bubble.a-six {
    background: #f89f0a;
    top: 70%;
    left: 45%;
    animation: spin2 2s infinite alternate;
}

.animate-bubble .bubble.a-six {
    width: 15px;
    height: 15px;
}
.animate-bubble.style-2 .bubble.a-eight {
    left: 2%;
}
.animate-bubble.style-1 .bubble.a-eight {
    left: 8%;
}
.animate-bubble .bubble.a-eight {
    top: 90%;
    left: 2%;
    animation: Yesin 2s infinite alternate;
}
.animate-bubble.style-2 .bubble.a-nine {
    left: 5%;
}

.animate-bubble.style-1 .bubble.a-nine {
    left: 10%;
}
.animate-bubble .bubble.a-nine {
    top: 20%;
    left: 5%;
    animation: spin3 2s infinite alternate;
}
.bubble.a-ten {
    right: 22%;
    left: auto;
}
.animate-bubble.style-1 .bubble.a-ten {
    right: 10%;
    left: auto;
}

.animate-bubble .bubble.a-ten {
    top: 20%;
    left: 50%;
    animation: Yesin 2s infinite alternate;
}
.animate-bubble.style-2 .bubble.a-eleven {
    bottom: 20%;
    right: 10%;
    animation: Yesin 2s infinite alternate;
}
.animate-bubble .bubble {
    position: absolute;
    border-radius: 50%;
}
/*--- all animation efects ---*/
@-webkit-keyframes spin {
  0% {
    -webkit-transform: translateX(-10px) scale(0.9);
    transform: translateX(-10px) scale(0.9); }
  100% {
    -webkit-transform: translateX(30px) scale(1.3) translateY(10px);
    transform: translateX(30px) scale(1.3) translateY(10px); } }
@keyframes spin {
  0% {
    -webkit-transform: translateX(-10px) scale(0.9);
    transform: translateX(-10px) scale(0.9); }
  100% {
    -webkit-transform: translateX(30px) scale(1.3) translateY(10px);
    transform: translateX(30px) scale(1.3) translateY(10px); } }
@-webkit-keyframes spin1 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
@keyframes spin1 {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5); } }
@-webkit-keyframes spin2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px); } }
@keyframes spin2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px); } }
@-webkit-keyframes spin3 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  25% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  100% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px); } }
@keyframes spin3 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  25% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px); }
  100% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px); } }
@keyframes farin {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes Yesin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg); }
  50% {
    transform: translate(-50%, -50%) rotate(180deg); }
  100% {
    transform: translate(-50%, -50%) rotate(360deg); } }
@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2); } }
@keyframes pulse {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2); } }
@keyframes pulsekey {
  0% {
    transform: translateY(-3px); }
  50% {
    transform: translateY(3px); }
  100% {
    transform: translateY(-3px); } }
@keyframes stm_zoom_big {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    border: 2px solid #fff; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    border: 2px solid #fff; } }
@keyframes stm_zoom_big_1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    border: 2px solid #000000b8; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    border: 2px solid #000000b8; } }
	
@media (max-width: 560px) {
.animate-bubble .bubble.a-one {
    top: 30%;
}
}
/*====================================================*/

h2.title {font-size: 40px;font-weight: 600;line-height: 46px;margin-bottom: 20px;}
.subtitle {
    font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
    line-height: 18px;
    border-radius: 4px;
    margin-bottom: 12px;
    display: inline-block;
	
	background-image: linear-gradient(45deg, #f61b10, #ef0963);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 560px) {
	h2.title {
		font-size: 30px;
		line-height: 36px;
	}
}

#about .thumbnail img,
.special .thumbnail img {
    border-radius: 8px;
}

.service-area {}
.single-service.service__style--4 {
    padding: 25px;
    z-index: 2;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
	height: 100%;	
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.single-service.service__style--4.small-padd {
    padding: 15px;
}
.single-service.service__style--4:hover {
    -webkit-box-shadow: 0 10px 25px 10px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 25px 10px rgb(0 0 0 / 10%);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
.single-service.service__style--4::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#f61b10), to(#ef0963));
    background-image: -webkit-linear-gradient(left, #f61b10, #ef0963);
    background-image: -o-linear-gradient(left, #f61b10, #ef0963);
    background-image: linear-gradient(90deg, #f61b10, #ef0963);
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
}
.single-service.service__style--4:hover::before {
    opacity: 1;
    visibility: visible;
}
.single-service.service__style--4 a {
    display: block;
}
.single-service.service__style--4 {

}
.single-service.service__style--4 .icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 54px;
    font-weight: 400;
    margin-bottom: 10px;
    display: inline-flex;
    color: #f9004d;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.single-service.service__style--4:hover .icon {
    color: #fff;
}
.single-service.service__style--4 .icon svg {
    stroke-width: 1 !important;
}
.single-service .icon svg {
    width: 50px;
    height: 50px;
}
.single-service.service__style--4 .content h3.title {
    font-size: 20px;
	margin-bottom: 10px;
    font-weight: 500;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.single-service.service__style--4.small-padd .content h3.title {
    font-size: 17px;
	font-weight: 400;
}
.single-service.service__style--4.small-padd .content h3.title span {
    font-size: 14.5px;
	display: block;
}
.single-service.service__style--4:hover .content h3.title {
    color: #fff;
}
.single-service.service__style--4 .content p {
    color: rgba(29, 29, 36, 0.75);
	margin-bottom: 0px;
	-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.single-service.service__style--4:hover .content p {
    color: #fff;
}
@media (max-width: 576px) {
#core-value .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.single-service.service__style--4 .content h3.title {
    margin-bottom: 12px;
    font-size: 20px;
}
.single-service.service__style--4.small-padd .content h3.title {
    margin-bottom: 12px;
    font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.single-service.service__style--4 {
    padding: 18px;
}
.single-service.service__style--4 .content h3.title {
    margin-bottom: 12px;
    font-size: 20px;
}
.single-service.service__style--4.small-padd .content h3.title {
    margin-bottom: 12px;
    font-size: 17px;
}
}




.bg-extra-dark-gray {
    background-color: #1c1c1c;
}
.cover-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
@media (max-width: 560px) {
	#storxdrive-safebox .p-5 {
		padding: 3rem 1rem 3rem 1rem!important;
	}
}
@media (max-width: 767px) {
	.sm-height-350px {
		height: 350px !important;
	}
	.sm-height-400px {
		height: 400px !important;
	}
}
@media (max-width: 991px) {
	.md-height-500px {
		height: 500px;
	}
}
.service-area-2 {position: relative;}