/*===============================================
Template Name: air_line - Consulting & Finance HTML5 Template
Author:  https://themeforest.net/user/dreamit-solution
Description: Description
Version: 1.0.0
Text Domain: air_line
Tags: consulting, finance, corporate, business, consultant, multipurpose, technology, it-solution, software, agency, company, portfolio, bangking, insurance, digital-agency, digital-marketing.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. air_line Header Top Menu Area Css
02. air_line Nav Menu Area Css 
03. air_line Hero Area Css
05. air_line Service Area css
06. air_line About Area Css
07. air_line Feature Area Css
08. air_line Video Area Css
08. air_line Courses Area Css
08. air_line Counter Area Css
09. air_line Blog Area Css
11. air_line Testimonial Area Css
10. air_line footer Area Css
11. air_line footer End Area Css
21. air_line Prossess Ber Css

22. air_line Scrollup Section
23. air_line Bounce Animation Css 
24. air_line Animation Dance
25. air_line Breadcumb Area Css
26. air_line abouts_areas Css
27. air_line Feture-Area Css
28. air_line Pricing Section Css
29. air_line Web Development Section CSS
30. air_line Contact  US Css
31. air_line Blog Sidber Widget CSS
32. air_line Case Study Details Css
33. air_line Search Box Css
34. air_line Loader Css
=======================*/


/*================================
<--  air_line Nav Menu Area Css -->
==================================*/

.air_line_nav_manu {
    transition: .5s;
    z-index: 2;
    position: relative;
    padding: 0 70px 0;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(16,18,16,0.10196078431372549);
    background: #fff;
}

.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    background: #101210!important;
    transition: .5s !important;
    z-index: 922;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

.sticky .air_line_menu>ul>li>a {
    color: #fff;
}
.sticky .air_line_menu>ul>li>a>span {
    color: #fff;
}


.sticky .header-button a i {
    color: #fff;
    font-size: 12px;
    margin-right: 3px;
    top: 0;
}
.sticky .header-button a:before {
    background: #fff;
}
.sticky .header-button a:hover {
    color: #222222
}
.sticky .header-button a:hover i {
    color: #222222
}
.sticky .air_line_menu i {
    color: #fff;
}
/* air_line Menu Css*/
nav.air_line_menu {
    position: relative;
    z-index: 1;
    float: right;
}
.air_line_menu ul {
    list-style: none;
    display: inline-block;
}

.air_line_menu>ul>li {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.air_line_menu>ul>li>a {
    font-size: 17px;
    display: block;
    margin: 35px 15px;
    transition: .5s;
    color: #616161;
    font-weight: 500;
}

nav.air_line_menu i {
    font-size: 10px;
    padding-left: 5px;
    color: #353535;
}
.air_line_menu>ul>li>a:hover {
    color: #a89133;
}
.air_line_menu>ul>li>a>i:hover {
    color: #a89133;
}
.air_line_menu>ul>li:hover {
    color: #2674f0;
}
/*menu button*/

.header-button {
    display: inline-block;
}
.header-button a {
    font-size: 16px;
    padding: 11px 35px;
    font-weight: 500;
    color: #fff;
    background: #a89133;
    border-radius: 26px;
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: .5s;
    margin-left: 20px;
}
.header-button a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 26px;
    background: #101010;
    transform: scale(0);
    transition: .5s;
}

.header-button a i {
    font-size: 12px;
    padding-right: 5px;
    position: relative;
    top: 0;
    color: #fff;
    transition: .5s;
}
.header-button a:hover:before {
    transform: scale(1);
}

.header-button a:hover {
    color: #fff;
}
.header-button a:hover i {
    color: #fff;
}

/*Style Two Nav Menu*/

.style-two.air_line_nav_manu {
    border-bottom: 1px solid rgba(255,255,255,0.10196078431372549);
}

.style-two .air_line_menu>ul>li>a {
    color: #fff;

}

/*style two btn*/

.style-two .header-button a {
    background: rgba(16,18,16,0);
    border: 1px solid rgba(255,255,255,0.3);
}

.style-two .header-button a i {
    color: #bbf737;
}

/*** Sub Menu Style 
==========================***/

.air_line_menu ul .sub-menu {
    position: absolute;
    left: 0;
    top: 130%;
    width: 217px;
    text-align: left;
    background: #fff;
    margin: 0;
    z-index: 1;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: .5s;
    visibility: hidden;
    opacity: 0;
}

.air_line_menu ul li:hover>.sub-menu {
    visibility: visible;
    top: 100%;
    opacity: 1;
}

.air_line_menu ul .sub-menu li {
    position: relative;
}

.air_line_menu ul .sub-menu li a {
    display: block;
    padding: 12px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
    color: #101210 !important;
}

.air_line_menu ul .sub-menu li:hover>a,
.air_line_menu ul .sub-menu .sub-menu li:hover>a,
.air_line_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
.air_line_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a {
    background: #a89133;
    color: #fff !important;
}

/* sub menu 2 
=================*/

.air_line_menu ul .sub-menu .sub-menu {
    left: 100%;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.air_line_menu ul .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

/* sub menu 3 
==================*/

.air_line_menu ul .sub-menu .sub-menu li {
    position: relative;
}

.air_line_menu ul .sub-menu .sub-menu .sub-menu {
    right: 100%;
    left: auto;
    top: 130%;
    opacity: 0;
    visibility: hidden;
}

.air_line_menu ul .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

ul.sub-menu li a span {
    background: #ffde5d;
    padding: 5px 10px;
    color: #fff;
    opacity: 1;
    font-family: 'Fira Sans';
    border-radius: 2px;
    margin-left: 5px;
    transition: .5s;
}

ul.sub-menu li:hover a span{
    background: rgba(255,255,255, 0.20);
}

/* sub menu 4 
====================*/

.air_line_menu ul .sub-menu .sub-menu .sub-menu li {
    position: relative;
}


.air_line_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 0%;
}

.air_line_menu li a:hover:before {
    width: 101%;
}

.air_line_nav_manu.sticky .logo_img {
    display: none;
}

.main_sticky {
    display: none;
}

.air_line_nav_manu.sticky .main_sticky {
    display: inherit;
}

.mobile-menu.mean-container {
    overflow: hidden;
}




/***======================================================
<--Start air_line hero area Css -->
======================================================***/
.hero-area {
    background: url(../image/hero-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 800px;
}

.section-title h5 {
    display: inline-block;
    line-height: normal;
    padding: 7px 28px;
    font-size: 16px;
    color: #a89133;
    font-weight: 500;
    border-radius: 15px;
    background-color: rgba(168,145,51, 0.322);
    margin: 0 auto 10px;
}

.hero-title h1 {
    color: #ffffff;
    font-size: 60px;
    line-height: 62px;
}

.hero-desc p {
    color: #fff;
    padding: 18px 0 25px;
}

.hero-button {
    display: flex;
    align-items: center;
}
.air-button a {
    display: inline-block;
    background: #a89133;
    color: #ffffff;
    font-weight: 500;
    padding: 12px 44px;
    border-radius: 26px;
    border: 1px solid #a89133;
	overflow: hidden;
	transition:.5s;
    position: relative;
    z-index: 1;
}
.air-button a i {
    font-size: 12px;
    margin-right: 6px;
}
.air-button a:before {
    background-color: #fff;
    border-radius: 26px;
    content: "";
    display: inline-block;
    height: 100%;
	width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(0);
    transition: .3s transform ease-out;
    z-index: -1;
}
.air-button a:hover:before {
    transform: scale(1);
  }

.air-button a:hover {
    color: #a89133;
    border: 1px solid #a89133;
  }
  
.hero-call {
    margin-left: 30px;
}

.hero-call span {
    color: #fff;
}
.hero-call span i {
    margin-right: 5px;
}


.hero-thumb {
    position: relative;
    float: right;
}

.hero-shape {
    position: absolute;
    bottom: -35px;
    right: -130px;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: MOVE-BG;
}


  @keyframes MOVE-BG {
    from {
      -webkit-transform: translateX(00);
              transform: translateX(000);
    }
    to {
      -webkit-transform: translateX(00px);
              transform: translateX(-950px);
    }
  }

/*
<!-- ============================================================== -->
<!--Service Service area Section -->
<!-- ============================================================== -->*/
.feature-area {
    padding: 100px 0 70px;
}
 
.single-feature-box {
    border-radius: 20px;
    filter: drop-shadow(0px 15px 42px rgba(0,0,0,0.15));
    background-color: #fff;
    padding: 40px 32px 15px;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.single-feature-box:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 0%;
    height: 100%;
    background: #a89133;
    border-radius: 20px;
    transition: .5s;
    z-index: -1;
	transform: rotate3d(1, 1, 1, 180deg);
}

.feature-title h3 {
    font-size: 20px;
    line-height: 30px;
    color: #123821;
    margin: 0 0 0;
    width: 97%;
    padding: 25px 0 13px;
	transition:.5s;
}
.feature-text p {
    width: 92%;
	transition:.5s;
}
/*all hover*/
.single-feature-box:hover:before {
	 width: 100%;
	transform: rotate3d(1, 1, 1, 0deg);
}

.single-feature-box:hover .feature-icon img {
    filter:  brightness(0) invert(1);
}
.single-feature-box:hover .feature-title h3 {
	color: #ffffff;
}
.single-feature-box:hover .feature-text p {
	color: #ffffff;
}

/*
<!-- ============================================================== -->
<!-- About area Section -->
<!-- ============================================================== -->*/
.about-area {
    background: rgba(33,56,33,0.071);
    padding: 110px 0 100px;
}
.about-left {
    position: relative;
}

.about-thumb1 {
    position: absolute;
    bottom: 92px;
    right: 129px;
}

.about-thumb2 {
    position: absolute;
    top: -55px;
    right: 100px;
}

.section-title h2 {
    font-size: 40px;
    color: #1e1f2d;
}

.about-description p {
    padding: 17px 0 0px;
    width: 90%;
}
.about-area .section-title h5 {
    margin-bottom: 16px;
}

.about-list {
    display: inline-block;
}

.about-list ul li {
    list-style: none;
    font-weight: 500;
    padding: 0 0 7px;
}

.about-list ul li i {
    color: #af9a49;
    margin-right: 7px;
}
.about-list.rt {
    float: right;
}

.about-area .air-button {
    margin-top: 20px;
}


/*
<!-- ============================================================== -->
<!--Service feature area Section -->
<!-- ============================================================== -->*/

.service-area {
    padding: 100px 0 100px;
}
.service-area .section-title h5 {
    margin-bottom: 16px;
}
.single-service-box {
    border: 15px solid transparent;
    position: relative;
	transition:.5s;
	z-index:1;
}
.single-service-box:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    border: 15px solid transparent;
    border-radius: 10px;
    z-index: 1;
    transition: .5s;
}
.single-service-box:hover:before {
	height:100%;
	border:15px solid #a89133;
}
.service-thumb img {
    width: 100%;
    border-radius: 10px;
}

.servcie-content {
    background: #a89133;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    padding: 15px 0px 15px;
    border-radius: 0 5px  0 0;
    opacity: 0;
    transition: .7s;
    width: 78%;
    align-items: center;
	z-index:1;
}

.single-service-box:hover .servcie-content {
	 opacity: 1;
}

.service-icon-thumb {
    padding: 0 21px 0 18px;
}

.service-text h4 {
    color: #ffffff;
    font-size: 24px;
    width: 100%;
    line-height: 30px;
}

.service-social-icon {
    position: absolute;
    top: 50%;
    height: 60px !important;
    width: 60px;
    background: #fff;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    right: 6%;
    transform: scale(0);
    transition: .5s;
    z-index: 1;
}
.service-social-icon a i {
    font-size: 19px;
    color: #A89133;
}
.single-service-box:hover .service-social-icon {
    transform: scale(1);
	top: 12%;
	transform: rotate(-45deg);
}


/*
<!-- ============================================================== -->
<!--Service2  area Section -->
<!-- ============================================================== -->*/
.service2-area {
    background: url(../image/service2-bg.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0 102px;
}

.service2-area .section-title h2 {
    font-size: 40px;
    color: #fff;
}

.service2-area .section-title p {
    color: #ffffff;
    padding: 25px 0 10px;
}


.hero-shape2 {
    position: absolute;
    bottom: -75px;
    right: -130px;
    animation-duration: 15s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-name: MOVE-BG;
}


  @keyframes MOVE-BG {
    from {
      -webkit-transform: translateX(00);
              transform: translateX(000);
    }
    to {
      -webkit-transform: translateX(00px);
              transform: translateX(-850px);
    }
  }

/*
<!-- ============================================================== -->
<!--team  area Section -->
<!-- ============================================================== -->*/
.team-area {
    padding: 100px 0 70px;
}
.single-team-box {
    margin-bottom: 30px;
    padding: 0px 20px 35px;
    position: relative;
    z-index: 1;
    transition: .5s;
    filter: drop-shadow(0px 15px 42px rgba(0,0,0,0.15));
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

.single-team-box:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #a89133;
	border-radius: 10px;
    transition: .5s;
    z-index: -1;
}
.single-team-box:hover:after {
	height: 100%;
}


.team-thumb img {
    width: 100%;
}
.team-content {
    text-align: center;
}
.team-text h4 {
    font-size: 24px;
    margin-top: 17px;
	transition:.5s;
}
.single-team-box:hover .team-text h4 {
	color:#ffffff;
}
.team-text p {
	transition:.5s;
}
.single-team-box:hover .team-text p {
	color:#ffffff;
}
.team-icon {
    padding-top: 6px;
}
.team-icon ul li {
    list-style: none;
    display: inline-block;
    padding-right: 5px;
}
.team-icon ul li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 17px;
    background: #a89133;
    border: 1px solid #a89133;
	transition:.5s;
    position: relative;
    z-index: 1;
}
.single-team-box:hover .team-icon ul li a i {
	color:#a89133;
	background: #fff;
}
.team-icon ul li a i:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 17px;
    border: 1px solid #fff;
    transition: .5s;
    z-index: -1;
    transform: scale(0);
}
.team-icon ul li a i:hover:after {
	transform:scale(1);
}





/*
<!-- ============================================================== -->
<!--Service testimonial area Section -->
<!-- ============================================================== -->*/
.testimonial-area {
    background: url(../image/testi-bg.png);
    padding: 100px 0 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.testi-icon i {
    color: #ffffff;
    font-size: 40px;
    padding: 0 0 20px;
}
.testi-star i {
    color: #a89133;
    margin-right: 5px;
    font-size: 16px;
}
.testi-text p {
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    font-style: italic;
    padding: 15px 0 10px;
}
.testi-author {
    display: flex;
}
.testi-thumb img {
    width: 100%;
    border-radius: 10px;
}
.testi-author-name {
    margin-left: 20px;
}
.testi-author-name h4 {
    font-size: 24px;
    color: #ffffff;
}
.testi-author-name p {
    font-size: 15px;
    line-height: 16px;
    color: #ffffff;
}

.testimonial-area .hero-shape2 {
    z-index: -1;
}






/*
<!-- ============================================================== -->
<!--start blog area Section -->
<!-- ============================================================== -->*/
.blog-area {
    padding: 100px 0 70px;
}

.bolg-thumb img {
    width: 100%;
}
.single-blog {
    margin-bottom: 30px;
}
.blog-content {
    filter: drop-shadow(0px 10px 40px rgba(162,186,186,0.25));
    background: #fff;
    padding: 30px 28px 25px;
    transition: .5s;
    position: relative;
    z-index: 1;
    top: -10px;
}

.blog-content:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background: #a89133;
    border-radius: 0px 0px 5px 5px;
    transition: .5s;
    z-index: -1;
}


.blog-date span {
    background: #a89133;
    display: inline-block;
    padding: 4px 35px 4px;
    color: #fff;
    border-radius: 20px;
    transition: .5s;
    margin-bottom: 20px;
}


.blog-end p {
    display: inline-flex;
    margin: 0 20px 0 0;
    transition: .5s;
}

.blog-end p i {
    color: #a89133;
    margin-right: 10px;
    transition: .5s;
    top: 5px;
    position: relative;
}

.blog-title h4 {
    font-size: 24px;
    line-height: 32px;
}
.blog-title h4 a {
    font-weight: 700;
    transition: .5s;
}



/*All Hover*/

.single-blog:hover .blog-content:before {
    height: 100%;
}

.single-blog:hover .blog-date span {
	background-color:#ffffff;
	color: #a89133;
}
.single-blog:hover .blog-end p {
   color:#fff;
}
.single-blog:hover .blog-end p i {
   color:#fff;
}
.single-blog:hover .blog-title h4 a {
   color:#fff;
}


/*
<!-- ============================================================== -->
<!--start footer top area Section -->
<!-- ============================================================== -->*/


.footer-top-area {
    background: #1e1f2d;
    border-bottom: 1px solid rgba(255, 255, 255, 0.239);
    padding: 1px 0px 1px;
}

.footer-address {
    padding: 50px 0 50px;
}
.footer-address.one {
    border-right: 1px solid rgba(255, 255, 255, 0.239);
}
.footer-address.two {
    border-right: 1px solid rgba(255, 255, 255, 0.239);
}


.footer-address span {
    color: #ffffff;
    font-size: 16px;
}
.footer-address span i {
    display: inline-block;
    font-size: 12px;
    border: none;
    background: #a89133;
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 15px;
    position: relative;
    z-index: 1;
    margin-right: 10px;
}


/*
<!-- ============================================================== -->
<!--end footer top area Section -->
<!-- ============================================================== -->*/

/*
<!-- ============================================================== -->
<!--start footer area Section -->
<!-- ============================================================== -->*/

.footer-area {
    background: url(../image/footer-bg.jpg);
    padding: 93px 0 65px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.footer-desc p {
    color: #fff;
    padding: 31px 0 0px;
    width: 90%;
}

.footer-icon-title h4 {
    color: #eff3fa;
    font-size: 18px;
    margin: 0 auto 18px;
}

.footer-social-icon ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.footer-social-icon ul li a:hover {
	color: #a89133;
}
.footer-social-icon ul li a {
    display: inline-block;
    border: none;
    background: rgba(255,255,255,0.200);
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 15px;
    position: relative;
    z-index: 1;
}
.footer-social-icon ul li a:before {
    position: absolute;
    z-index: -1;
    content: "";
    left: 0;
    top: 0;
    background-color: #fff;
    height: 100%;
    width: 100%;
    border-radius: 15px;
    transition: .5s;
	transform:scale(0);
}
 .footer-social-icon ul li a:hover:before {
	transform:scale(1);
	
}

.footer-title {
    margin-bottom: 35px;
}

.footer-title h3 {
    color: #fff;
    font-size: 22px;
	position:relative;
	z-index:1;
}

.footer-title h3:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #a89133;
    z-index: -1;
}

.footer-text p {
    color: #fff;
}
.footer-content ul li {
    list-style: none;
    padding-bottom: 10px;
}
.footer-content ul li a {
    color: #fff;
}

.form-box input {
    display: inline-block;
    width: 100%;
    height: 52px;
    border-radius: 5px;
    margin-top: 8px;
    padding: 0 28px 0;
    border: none !important;
}

.form-box input::placeholder {
    opacity: 0.702;
    font-size: 16px;
    color: #555555;
    font-weight: 400
}

.form-box input:focus {
    outline: 0;
    border: 0 !important;
}

.submit-button button {
    display: inline-block;
    background: #a89133;
    border-top: 0;
    border-bottom: 0;
    color: #fff;
    border-radius: 5px;
    padding: 12px 82px;
    transition: .5s;
    position: relative;
    z-index: 1;
    border: none !important;
    width: 100%;
}
.footer-area button:focus {
    outline: 0;
    border: 0 !important;
}
/*
<!-- ============================================================== -->
<!--Service footer end area Section -->
<!-- ============================================================== -->*/

.footer-end-area {
    background-color: #a89133;
    padding: 36px 0 20px;
}

.footer-end-text p {
    color: #ffffff;
    text-align: center;
}



/*===========================
<-- air_line InnerPage Css -->
=============================*/

/*
<!-- ============================================================== -->
<!-- air_line breadcamp-area Section -->
<!-- ============================================================== -->*/

.breadcumb-area {
    background: url(../image/innerabout2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 550px;
}
.breadcumb-content {
    position: relative;
    top: 70px;
}
.breadcumb-title h1 {
    margin: auto;
    font-size: 60px;
    color: #ffffff;
}

.breadcumb-content ul li {
    display: inline-block;
	 list-style: none;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    margin-top: 24px;
}
.breadcumb-content ul li a {
    display: inline-block;
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
    transition: .5s;
}

.breadcumb-content ul li a:hover {
    color: #a89133;
}


/*
<!-- ============================================================== -->
<!-- air_line about2-area Section -->
<!-- ============================================================== -->*/

.about2-area {
    padding: 93px 0 93px;
}

.about2-content {
    display: flex;
    border-top: 1px solid rgb(97,97,97, 0.200);
    padding: 5px 0 0;
}
.about2-description p {
    padding: 15px 0 0px;
    width: 90%;
}
.about2-text h4 {
    font-size: 22px;
}
.about2-area .air-button {
    position: relative;
    margin: 22px 0 0 25px;
}


/*
<!-- ============================================================== -->
<!-- air_line contact-area Section -->
<!-- ============================================================== -->*/
.contact-area {
  padding: 100px 0 100px;
}

.row.contact-bg {
  background: #fff;
  border-radius: 5px;
  padding: 20px 20px 30px;
}
.contact-title {
    text-align: center;
}
.contact-title h5 {
  color: #a89133;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.contact-title h3 {
  font-size: 35px;
  font-weight: 500;
  padding-bottom: 30px;
}

.form-box input {
  display: inline-block;
  width: 100%;
  height: 60px;
  border: 1px solid #b2b2b2;
  margin-bottom: 24px;
  padding: 0 28px 0;
  background-color: #f2fcf4;
  border-radius: 5px;
}
.form-box input::placeholder {
  opacity: 0.702;
  font-size: 16px;
  color: #2d2a2a;
  font-weight: 500;
}
.form-box input:focus,
button:focus {
  outline: 0;
  border: 1px solid #b2b2b2 !important;
}
.form-box textarea {
  border: 1px solid #b2b2b2;
  width: 100%;
  height: 142px;
  padding: 17px 28px 0;
  background: #f2fcf4;
}
.form-box textarea::placeholder {
  opacity: 0.702;
  font-size: 16px;
  color: #555555;
  font-weight: 400;
}
.form-box textarea:focus {
  outline: 0;
  border: 1px solid #b2b2b2 !important;
}
.contact-button button {
    display: inline-block;
    background: #a89133;
    border: 0;
    color: #fff;
    border-radius: 5px;
    padding: 8px 33px;
    transition: 0.5s;
    position: relative;
    z-index: 1;
    margin-top: 20px;
}

.contact-button button:focus:not(:focus-visible) {
  outline: 0;
  border: 0 !important;
}


/*
<!-- ============================================================== -->
<!-- air_line google-map  Section -->
<!-- ============================================================== -->*/



.google-map iframe {
    width: 100%;
    height: 600px;
    border: 10px solid #dddd;
}




/*<!-- ============================================================== -->
	<!-- Start air line pricing Section  -->
<!-- ============================================================== -->*/
.pricing-section {
    padding: 80px 0 70px;
}
/*
==============
Pricing Table
==============
*/

.single_pricing {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 31px 40px 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    background: #fff;
}

.pricing_head {
	padding: 0 0 0px;
	transition: all 0.3s ease 0s;
}

.pricing_icon {
	text-align: center;
}
.pricing_img {
	text-align: center;
}

.pricing_title h3 {
	font-size: 30px;
	color: #0C5ADB;
	text-transform: capitalize;
	padding-bottom: 25px;
}

.price_item_inner_center {
	transition: .3s;
}
.price_item {
	transition: all 0.3s ease 0s;
	margin-bottom: 17px;
	margin-top: 15px;
}
.price_item span {
	display: inline-block;
	transition: all 0.3s ease 0s;
	font-size: 55px;
	font-weight: 700;
	text-align: center;
	color: #0C5ADB;
}

.curencyp {
	font-size: 29px !important;
	font-weight: 500;
	position: relative;
	top: -15px;
}
.bootmp {
	font-size: 19px !important;
	font-weight: 500 !important;
}
.pricing_btn span {
	border: 1px solid #ddd;
	display: inline-block;
	padding: 0px 23px;
	border-radius: 30px;
	font-size: 15px;
}

.featur{
	border:1px solid #e6e6e6;
	transition: all 0.3s ease 0s;
	border-radius:7px;
}
.featur ul {
	padding: 31px 0 44px;
}
.featur ul li {
	display: block;
	font-size: 17px;
	padding: 8px 0;
	text-transform: none;
	transition: all 0.3s ease 0s;
	text-transform: capitalize;
}

.featur ul li b {
	font-weight: 600;
}
.featur ul li:last-child {
	padding-bottom: 0;
}

.order_now {
	transition: all 0.3s ease 0s;
	margin-top: 36px;
}
.order_now a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 35px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    color: #616161;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
}
.single_pricing:hover .order_now a, .single_pricing.active .order_now a {
    background: #A89133;
    color: #fff;
} 
.single_pricing .order_now a,
.single_pricing .price_item_inner,
.single_pricing .pricing_title>h3 
	transition: .5s;
}
.single_pricing:hover,
.single_pricing.active,
.single_pricing.active .featur,
.single_pricing:hover .featur {
	border-color: #0C5ADB;
}



/* Pricing Style Two*/
.style-two.single_pricing {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    padding: 0;
    position: relative;
    border: inherit;
    text-align: center;
}


.style-two .pricing_top_bar {
    position: relative;
    background: #A89133;
    padding-top: 36px;
    z-index: 1;
    padding-bottom: 10px;
}
.style-two .pricing_top_bar:before {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	content:"";
	background: url(https://html.ditsolution.net/airtrip/assets/images/pricing-bg3.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto;
	z-index:-1;
}

.active .pricing_top_bar:before {
    background: url(../image/pricing-bg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pricing-3 .pricing_top_bar:before {
    background: url(https://html.ditsolution.net/airtrip/assets/images/pricing-bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.style-two .pricing_head {
	padding: 0 0 0px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.style-two .pricing_icon {
	text-align: center;
}
.style-two .pricing_title h3 {
	font-size: 28px;
	text-transform: capitalize;
	padding-bottom: 0;
	color: #fff;
	font-weight: 700;
	position: relative;
}
.style-two .pricing_title h3:after, .style-two .pricing_title h3:before {
	content: '';
	top: 48px;
	right: 0;
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	background: #fff;
	left: 40px;
	margin: auto;
}
.style-two .pricing_title h3:before {
	width: 25px;
	left: 0;
	right: 0;
	margin: auto;
}

.style-two .pricing_subtitle h4 {
	font-size: 18px;
	color: #656565;
	font-weight: 400;
	margin: 0;
}
.style-two.active .pricing_img {
    background: #fff;
    display: inline-block;
    border-radius: 100%;
    margin-top: 0;
    position: relative;
    margin-bottom: -26px;
}

.style-two .pricing_body {
	padding: 40px 0 50px;
}
.style-two .price_item_inner_center {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.style-two .price_item {
    -webkit-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 19px;
    margin-top: 28px;
}
.style-two .price_item span {
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 70px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}

.style-two .curencyp {
	font-size: 32px !important;
	font-weight: 700 !important;
	position: relative;
	top: -28px;
	color: #fff;
}
.style-two .bootmp {
	font-size: 20px !important;
	font-weight: 500 !important;
}
.style-two .pricing_btn span {
	border: 1px solid #ddd;
	display: inline-block;
	padding: 0px 23px;
	border-radius: 30px;
	font-size: 15px;
}
.style-two .featur {
	border: inherit;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 7px;
	text-align: center;
	padding: 0;
}
.style-two .featur ul {
	padding:0;
}

.style-two .featur ul li {
	display: block;
	font-size: 16px;
	padding: 7px 0;
	text-transform: none;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	text-transform: capitalize;
	font-weight: 300;
}
.style-two .featur ul li b {
	font-weight: 600;
}
.style-two .featur ul li:last-child {
	padding-bottom: 0;
}

.style-two .order_now {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-top: 34px;
}
.style-two .order_now a {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 13px 37px;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    color: #0C5ADB;
    border: 1px solid #A89133;
    border-radius: 4px;
}
.style-two.single_pricing:hover .order_now a {
	background: #DE9E03;
	color: #fff;
}

.gradient .pricing_top_bar {
	position: relative;
	background: linear-gradient(to bottom, #1F2A6C, #40497c, #ac616c, #c45969, #e94d65) !important;
	padding-top: 25px;
}
.gradient .order_now a {
	color: #e94d65;
	border: 1px solid #e94d65;
}
.gradient .single_pricing:hover .order_now a {
	background: linear-gradient(to right, #38406e, #565b76, #ac616c, #c45969, #e94d65) !important;
}





/*<!-- ============================================================== -->
<!-- End air line pricing Section  -->
<!-- ============================================================== -->*/









/*<!-- ============================================================== -->
<!-- start air line blog-details Section  -->
<!-- ============================================================== -->*/

.blog-details-area {
    padding: 100px 0 70px;
}

.blog-details-box {
    margin-bottom: 55px;
}

.single-img {
    float: left;
    padding-right: 25px;
}

.blog-details-thumb img {
    width: 100%;
    transition: .5s;
}

.meta-blog-details {
    padding: 30px 0 35px;
    position: relative;
    z-index: 1;
}

.meta-blog-details:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 17px;
    height: 1px;
    width: 100%;
    background: #ddd;
}

.meta-blog-details ul{
    list-style: none;
}

.meta-blog-details ul li {
    display: inline-block;
    padding-right: 32px;
}

.meta-blog-details ul li i {
    display: inline-block;
    color: #0d6efd;
    font-size: 16px;
    padding-right: 10px;
}

.meta-blog-details ul li a {
    display: inline-block;
    font-weight: 300;
    font-size: 16px;
    color: #888787;
}

.blog-details-text p {
    font-weight: 400;
    width: 100%;
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 28px;
    color: #888787;
}
.blog-details-content.left {
    margin-top: -10px;
}

.blog-details-content.left h2 {
    line-height: 32px;
    margin: 0;
    font-size: 24px;
    color: #232323;
    font-weight: 600;
}

.blog-details-content.left p {
    padding: 10px 0 4px;
    font-weight: 400;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    color: #888787;
}

.title ul{
    list-style: none;
}

.title ul li {
    color: #232323;
    padding-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
}

.title ul li i {
    font-size: 18px;
    color: #232323;
    margin-right: 6px;
    position: relative;
    top: 2px;
}

.author-comment-box {
    background-color: rgb(238, 238, 238);
    padding: 28px 60px 30px;
    margin-top: 40px;
    border-left: 2px solid #0d6efd;
}

.comment p {
    font-weight: 400;
    font-style: italic;
    width: 86%;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 28px;
    color: #888787;;
}

.author-thumb {
    display: inline-block;
    margin-right: 10px;
}

.author-thumb img {
    border-radius: 50px;
}

.comment-author {
    display: inline-block;
}

.comment-author h6 {
    color: #232323;
    font-size: 16px;
    font-weight: 600;
}

.author-disc p {
    font-weight: 400;
    width: 99%;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 28px;
    color: #888787;
    margin: 22px auto 0;
}

.single-form-box.up {
    margin-top: 45px;
}
.single-form-box {
    background: #e8f1fa;
    border-radius: 8px;
    padding: 55px 0 72px;
}
.form-title h3 {
    font-size: 30px;
    color: rgb(35, 35, 35);
    font-weight: 500;
    text-align: center;
    margin-bottom: 38px;
}


.form-box input {
    display: inline-block;
    width: 100%;
    height: 54px;
    border: 1px solid #dddd;
    margin-bottom: 24px;
    padding: 0 28px 0;
}
.form-box input::placeholder {
    opacity: 0.702;
    font-size: 16px;
    color: #555555;
    font-weight: 400;
}

.form-box textarea {
    border: 1px solid #ddd;
    width: 100%;
    height: 142px;
    padding: 17px 28px 0;
}

.form-box textarea::placeholder {
    opacity: 0.702;
    font-size: 16px;
    color: #555555;
    font-weight: 400;
}

.blog-details-content h3 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #0d6efd;
}

.blog-details-comment {
    margin-bottom: 60px;
    position: relative;
}

.blog-details-comment-reply {
    position: absolute;
    right: 25px;
}

.blog-details-comment-reply a {
    background: #0d6efd;
    padding: 3px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    text-decoration: none;
}

.blog-details-comment-thumb {
    float: left;
    margin-right: 30px;
}

..blog-details-comment-thumb img {
    border-radius: 100%;
}

.blog-details-comment-content h2 {
    line-height: 32px;
    margin: 0;
    font-size: 24px;
    color: #232323;
    font-weight: 600;
}

.blog-details-comment-content {
    overflow: hidden;
    margin-bottom: 40px;
}

.blog-details-comment-content span {
    font-size: 14px;
    margin-bottom: 6px;
    display: block;
}

.blog-details-comment-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    width: 81%;
    margin: 0 auto 0 0;
    color: #8796A5;
}


.air-button.blog {
    padding: 10px 0 30px;
}


.widget_search {
    padding: 45px 35px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.15));
    background: #ffffff;
}

.widget_search input::placeholder {
    color: #888f99;
}

.widget_search form input {
    display: inline-block;
    padding: 12px 75px;
    border: 1px dashed #a89133;
    background: #ffff;
}
.widget_search form i {
    font-size: 17px;
    color: #a89133;
    position: absolute;
    left: 75px;
    top: 65px;
}
.widget-recent-post {
    border-bottom: 1px solid rgba(16,18,16,0.10196078431372549);
    padding: 0 0 25px;
    margin-bottom: 25px;
}

.rpost-thumb {
    margin-right: 20px;
}

.rpost-thumb img {
    height: 90px;
    width: 90px;
}

h4.sidebar-title {
    padding: 0 0 30px;
}

.rpost-title h4 {
    margin-top: 2px;
}

.rpost-content h4 a {
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    color: #101010;
    display: inline-block;
    transition: .5s;
}

.rpost-content h4 a:hover {
    color: #a89133;
}
.rpost-title span {
    font-size: 15px;
    padding: 6px 0 0;
    display: inline-block;
}

.widget-sidebar-box {
    padding: 30px 30px 45px;
    border-bottom: 30px;
    margin-bottom: 30px;
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.15));
    background: #ffffff;
}

h4.sidebar-title.upp {
    padding: 0;
    margin: 0;
}
.sidebar-title {
    font-size: 24px;
    color: #01101e;
    font-weight: 700;
}

ul.sidebar-menu {
    list-style: none;
}

ul.sidebar-menu li a {
    font-size: 17px;
    color: #888f99;
    font-weight: 400;
    border: 1px dashed #a89133;
    display: inline-block;
    padding: 12px 0px 11px 0;
    margin: 30px 0 0;
    width: 100%;
    transition: .5s;
}

ul.sidebar-menu li a i {
    color: #a89133;
    font-size: 10px;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border: 1px solid #a89133;
    border-radius: 15px;
    text-align: center;
    margin: 0 5px 0 22px;
    transition: .5s;
}

ul.sidebar-menu li a span {
    float: right;
    margin-right: 30px;
}

ul.sidebar-menu li a:hover {
    color: #a89133;
}

ul.sidebar-menu li a i:hover {
    color: #a89133;
    border-color:#a89133;
}

.blog-details-single-box {
    text-align: center;
    background: #fff;
    margin: 35px 0;
    padding: 35px 0 35px;
    border-radius: 5px;
    box-shadow: 10px 10px 57px rgba(16,84,200,0.05);
}

.blog-content.up {
    padding: 12px 0 0;
}

.blog-content.up a {
    font-size: 22px;
    font-weight: 600;
}

.blog-details-icon a {
    font-size: 16px;
    color: #0d6efd;
    display: inline-block;
    border: 1px dashed #0d6efd;
    height: 40px;
    margin: 0 5px 0;
    transition: 0.5s;
    width: 40px;
    border-radius: 10px;
    line-height: 40px;
    text-align: center;
}

.blog-details-icon a:hover {
    background:#0d6efd;
    color: #fff;
}

.widget-sidebar-box.up {
    background: #ffff;
    padding: 30px 30px 45px;
    border-radius: 5px;
    border-bottom: 30px;
}

.sidebar-title-left {
    font-size: 22px;
    color: #01101e;
    font-weight: 700;
    margin-bottom: 25px;
}

.tag-item ul{
    list-style: none;
}

.tag-item ul li {
    display: inline-block;
}

.tag-item ul li a {
    display: inline-block;
    padding: 5px 22px;
    border: 1px dashed #a89133;
    font-size: 12px;
    color: #656970;
    font-weight: 400;
    margin: 0 2px 8px;
    transition: .5s;
}
.tag-item ul li a:hover {
    color: #F1F5F9;
    background-color: #a89133;
}

.contact-section.up {
    margin-top: 0;
}



/* Calender*/
.curr-month {
    width: 95%;
    height: 40px;
    background: #d6d6d6;
    color: #000;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
}

.all-days {
    width: 100%;
    height: 40px;
    background-color: #fff;
    float: left;
}

.tag-item .all-days ul,
.tag-item .all-date ul {
    list-style: none;
    display: block;
    height: 30px;
    width: 100%;
    margin: 0 auto;
    float: left;
    font-size: 15px;
    font-weight: 300;
}

.tag-item .all-days ul li,
.tag-item .all-date ul li {
    float: left;
    width: 48px;
    text-align: center;
    line-height: 41px;
    border: 1px solid #ccc;
    color: #333;
}

.tag-item .all-days ul li {
    font-weight: 500;
    font-family: 'Fira Sans';
    font-size: 16px;
}

.all-date {
    width: 100%;
    height: 305px;
    float: left;
}

.all-date li {
    height: 40px;
    width: 50px;
    line-height: 40px;
    border: 1px solid #ccc;
    background-color: #fff;
}

element.style {
    background-color: rgb(255, 60, 0);
    color: rgb(255, 255, 255);
}

.all-date li.monthdate:hover {
    background-color: #7fd1a6;
    color: #fff;
}

.calender-area {
    height: 390px;
}
.widget-title h2 {
    font-size: 24px;
    padding: 0px 0 10px;
    margin: 0;
}


/*<!-- ============================================================== -->
<!-- End air line blog-deails Section  -->
<!-- ============================================================== -->*/













/*<!-- ============================================================== -->
<!-- Start air line blog2-column Section  -->
<!-- ============================================================== -->*/

.blog-text h3 {
    font-size: 24px;
    line-height: 28px;
}
.blog-text h3 a {
    font-weight: 600;
}
















/*
<!-- ============================================================== -->
<!-- golfix Scrollup Section -->
<!-- ============================================================== -->*/

/*------back-to-top------------*/
.prgoress_indicator {
    position: fixed;
    right: 85px;
    bottom: 75px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(17, 85, 233, 0.2);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
}
  .prgoress_indicator.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) !important;
  }
  .prgoress_indicator::after {
    position: absolute;
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #a89133;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    font-weight: 900;
    z-index: 1;
    transition: all 200ms linear !important;
}
.prgoress_indicator::before {
    position: absolute;
    content: "\f633";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    font-weight: 900;
    opacity: 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    font-family: bootstrap-icons !important;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    transition: all 200ms linear !important;
}
  .prgoress_indicator:hover ::after {
    color: var(--primary-color-one);
  }
  .prgoress_indicator:hover ::before {
    opacity: 1;
  }
  .prgoress_indicator svg path {
    fill: none;
  }
  .prgoress_indicator svg.progress-circle path {
    stroke: #a89133;
    stroke-width: 4;
    box-sizing: border-box;
    transition: all 200ms linear !important;
}





/*===========================
<-- swimzo Loader Css -->
=============================*/
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 666;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: #0163A2;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: #FF5E14;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}

/*curser point */

.curser {
    position: fixed;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #0163A2 ;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
    transition: .1s;
}

.curser2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    background:  #0163A2 ;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 9999;
    transition: .15s;
    animation: Ripple 1.6s ease-in-out infinite;
    -webkit-animation: Ripple 1.6s ease-in-out infinite;
    -moz-animation: Ripple 1.6s ease-in-out infinite;
}

/ Portfolio Nav /
.portfolio_nav {
  margin-bottom: 50px;
}
.portfolio_menu ul {
  text-align: center;
  list-style: none;
}
.portfolio_menu ul li {
  display: inline-block;
  margin: 0 14px;
  cursor: pointer;
}
.portfolio_menu ul li a {
  display: block;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  transition: 0.5s;
}
.portfolio_menu ul li a:before {
  position: absolute;
  content: "";
  left: 0;
  top: 24px;
  height: 2px;
  width: 0%;
  background: #fff;
  transition: 0.5s;
}
.portfolio_nav ul li {
  background: #f2f4ff;
  border: medium none;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  text-transform: capitalize;
  padding: 12px 27px;
  font-weight: 500;
  letter-spacing: 2px;
  position: relative;
  margin: 0 3px;
  margin-bottom: 7px;
  display: inline-block;
  border-radius: 5px;
}
.portfolio_nav ul li:hover,
.portfolio_nav ul li.current_menu_item {
  color: #fff;
  background: #0c5adb;
}