/*
Theme Name: Eriflaw Energy
Theme URI: https://eriflawenergy.com/
Author: EFX Creations
Author URI: https://efxcreations.com
Description: This is a wordpress theme developed for Eriflaw Energy Marine Services Website
Version: 1.0.0

*/


/* work-sans-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('http://localhost/gabandnuella'),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('http://localhost/gabandnuella'),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('http://localhost/gabandnuella'),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-700 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('http://localhost/gabandnuella'),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-300italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-300italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-600italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-700italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-700italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-800italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/work-sans-v17-latin-800italic.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/efxgabnuella/fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}




@-webkit-keyframes a{
    0%{
        opacity:1
    }
    90%{
        opacity:0
    }
}
@keyframes a{
    0%{
        opacity:1
    }
    90%{
        opacity:0
    }
}
html {
  scroll-behavior: smooth;
}
*, ::after, ::before {
    box-sizing: border-box;
}
b, strong {
    font-weight: bold;
    font-family:'Poppins', sans-serif;
}
.container-fluid {
  padding-left: 50px;
  padding-right: 50px
}
.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}
.element{
    width:100px;
    height:100px;
    background:#000;
    -webkit-animation:a 5s 3;
    animation:a 5s 3
}
.visually-hidden{
    margin:-1px;
    padding:0;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip:rect(0,0,0,0);
    position:absolute
}
body{
    font-family:'Poppins', sans-serif;
    font-size:14px;
    line-height:24px;
    color:#000;
    overflow-x:hidden;
    font-weight: 300;
}

svg{
    display:block
}
a,button,input,select,textarea{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
button{
    cursor:pointer;
    outline: 0;
  -moz-outline-style: none;
}
input,select,textarea{
    width:100%;
    padding:10px 12px;
    outline:0
}
a,a:hover{
    text-decoration:none;
    outline: 0;
  -moz-outline-style: none;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Poppins', sans-serif;
    margin-top:0;
    font-weight: 800;
    color:#07132B
}
img{
    max-width:100%;
    height:auto
}
.pr{
    position:relative
}
.pt-7{
    padding-top:70px
}
.container-wrap{
    max-width:95%;
    margin:0 auto;
    border-radius:20px;
    position:relative
}
.container-wrap.bg-color-one{
    background-color:#f6faf8
}
.container-wrap.bg-color-two{
    background-color:#d9e6ff
}
.container-wrap.bg-footer-color{
    background-color:#1d2146
}
section{
    position:relative
}
.mw-none{
    max-width:unset!important
}
@media (min-width:1200px){
    .container{
        max-width:1200px
    }
}
@media (max-width:576px){
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width:991px){
    .pr-85{
        padding-right:85px
    }
    .pl-85{
        padding-left:85px
    }
}
.section-small{
    margin-bottom:80px
}
.section-small .title{
    font-size:20px;
    font-weight:500
}
.mt-40{
    margin-top:40px
}
.mt-60{
    margin-top:60px
}
.section-padding{
    padding:100px 0
}
.no-scroll{
    overflow-y:hidden!important
}
.container-wide{
    max-width:1700px;
    padding:0 15px;
    margin:0 auto
}
.gutters-10>[class*=col-]{
    padding:0 5px
}
@font-face{
    font-family:Flaticon;
    src:url(Flaticon.html);
    src:url(../fonts/Flaticond41d.html?#iefix) format("embedded-opentype"),url(../fonts/Flaticon.woff) format("woff"),url(../fonts/Flaticon.ttf) format("truetype"),url(../fonts/Flaticon.svg#Flaticon) format("svg");
    font-weight:400;
    font-style:normal
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face{
        font-family:Flaticon;
        src:url(../fonts/Flaticon.svg#Flaticon) format("svg")
    }
}
.fi:before{
    display:inline-block;
    font-family:Flaticon;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    line-height:1;
    text-decoration:inherit;
    text-rendering:optimizeLegibility;
    text-transform:none;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased
}
.flaticon-google-play:before{
    content:"\f100"
}
.flaticon-apple-logo:before{
    content:"\f101"
}
@media (max-width:991px){
    .pix-order-two{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2
    }
    .pix-order-one{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1
    }
}

.pix-btn, .wpcf7-submit {
    padding: 12px 30px;
    background: #F3702A;
    border-radius: 50px;
    display: inline-block;
    font-size: 14px;
    width: 140px;
    color: #fff;
    font-weight: 600;
    -webkit-box-shadow: 0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow: 0 20px 30px 0 rgba(176,70,70,.3);
    border: none;
}
.pix-btn, .wpcf7-submit {
    color: #fff !important;
    cursor: pointer;
}
.pix-btn.submit-btn{
    border:0;
    padding:11px 35px
}
.pix-btn.submit-btn:focus{
    outline:0
}
.pix-btn.btn-two{
    border-radius:30px;
    background:#f97bc5;
    -webkit-box-shadow:0 20px 30px 0 rgba(235,110,183,.3);
    box-shadow:0 20px 30px 0 rgba(235,110,183,.3);
    border:1px solid #f97bc5;
    font-weight:500;
    font-size:16px
}
.pix-btn.btn-two i{
    display:inline-block;
    vertical-align:middle
}
.pix-btn.btn-two:hover,
.wpcf7-submit:hover {
    background-color: #fff;
    border-color: #000;
    color: #F3702A !important;
}
.pix-btn.btn-two.btn-outline{
    border:2px solid rgba(249,123,197,.5);
    color:#f97bc5
}
.pix-btn.btn-two.btn-outline:hover{
    background:#f97bc5;
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(235,110,183,.3);
    box-shadow:0 20px 30px 0 rgba(235,110,183,.3)
}
.pix-btn.btn-large{
    padding:16px 44px;
    font-size:16px
}
.pix-btn.plus-icon{
    padding:8px 64px 8px 41px;
    position:relative
}
.pix-btn.plus-icon i{
    margin-left:10px;
    font-size:20px;
    display:inline-block;
    position:absolute;
    right:32px;
    top:11px
}
.pix-btn.btn-big{
    padding:16px 47px;
    font-size:16px
}
.pix-btn.color-two{
    background:#07132B;
    -webkit-box-shadow:0 20px 30px 0 rgba(90,70,176,.3);
    box-shadow:0 20px 30px 0 rgba(90,70,176,.3)
}
.pix-btn.btn-grey{
    background:#f3f3f4;
    color:#322d49;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:4px;
    padding:11px 40px
}
.pix-btn.btn-grey:hover{
    background:#fd4d5c
}
.pix-btn.btn-grey.color-three:hover{
    background:#12bf7c;
    -webkit-box-shadow:0 10px 20px 0 rgba(11,176,112,.3);
    box-shadow:0 10px 20px 0 rgba(11,176,112,.3)
}
.pix-btn:focus,.pix-btn:hover{
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:0
}
.pix-btn.btn-outline{
    border:1px solid #FF6600;
    background:transparent;
    color:#FF6600;
    -webkit-box-shadow:none;
    box-shadow:none
}
.pix-btn.btn-outline:hover{
    background:#FF6600;
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.3)
}
.pix-btn.btn-outline-two{
    border:1px solid #07132B;
    background:transparent;
    color:#07132B;
    -webkit-box-shadow:none;
    box-shadow:none
}
.pix-btn.btn-outline-two:hover{
    background:#07132B;
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(90,70,176,.3);
    box-shadow:0 20px 30px 0 rgba(90,70,176,.3)
}
.pix-btn.btn-light{
    background:#fff;
    color:#FF6600;
    border:2px solid #fff;
    padding:14px 40px
}
.pix-btn.btn-light:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    outline:0
}
.pix-btn.btn-light.color-two{
    color:#07132B
}
.pix-btn.btn-light:hover{
    border-color:#fff
}
.pix-btn.btn-light.btn-outline,.pix-btn.btn-light:hover{
    background:transparent;
    color:#fff
}
.pix-btn.btn-light.btn-outline:hover{
    color:#f97bc5;
    background:#fff
}
.pix-btn.btn-three{
    background:#fd4d5c;
    border:1px solid #fd4d5c;
    -webkit-box-shadow:none;
    box-shadow:none
}
.pix-btn.btn-three:hover{
    background:transparent;
    color:#fd4d5c
}
.pix-btn.btn-four{
    background:#12bf7c;
    border:1px solid #12bf7c;
    -webkit-box-shadow:none;
    box-shadow:none
}
.pix-btn.btn-four:hover{
    background:transparent;
    color:#12bf7c
}
.pix-btn.btn-round{
    border-radius:4px
}
.btn-underline{
    color:#797687;
    font-size:15px;
    position:relative;
    padding-bottom:3px;
    font-weight:500;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:15px;
    max-width:140px;
    margin:0 auto
}
.btn-underline:before{
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    left:0;
    bottom:0;
    background:#797687;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.btn-underline i{
    display:inline-block;
    margin-left:10px
}
.btn-underline:hover{
    color:#FF6600
}
.btn-underline:hover:before{
    background:#FF6600
}
.play-btn{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:#fff;
    font-weight:600
}
.play-btn i{
    height:60px;
    width:60px;
    text-align:center;
    line-height:60px;
    color:#FF6600;
    background:#fff;
    border-radius:50%;
    margin-right:10px;
    font-size:30px;
    text-shadow:0 10px 10px rgba(176,70,70,.4)
}
.play-btn:hover{
    color:#fff
}
.play-btn.large i{
    height:80px;
    width:80px;
    line-height:82px;
    color:#f97bc5;
    font-size:40px
}
.play-btn.play-btn-outline{
    background:transparent;
    color:#12bf7c
}
.play-btn.play-btn-outline i{
    border:2px solid #12bf7c;
    color:#12bf7c;
    text-shadow:0 6px 10px rgba(11,176,112,.4);
    height:52px;
    width:52px;
    line-height:49px
}
.play-btn-two{
    position:relative
}
.play-btn-two i:before{
    position:relative;
    z-index:222
}
.play-btn-two i:after{
    position:absolute;
    content:"";
    height:50px;
    width:50px;
    background:#e6e7eb;
    border-radius:50%;
    top:5px;
    left:5px;
    z-index:1
}
.app-btn{
    padding:10px 20px;
    border-radius:30px;
    color:#07132B;
    display:inline-block;
    font-size:18px;
    border:2px solid #07132B
}
.app-btn i{
    color:#07132B;
    font-size:20px;
    vertical-align:-2px;
    margin-right:4px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.app-btn:hover{
    color:#fff;
    background:#07132B;
    -webkit-box-shadow:0 20px 30px 0 rgba(67,37,204,.2);
    box-shadow:0 20px 30px 0 rgba(67,37,204,.2)
}
.app-btn:hover i{
    color:#fff
}
.app-btn.btn-active{
    background:transparent;
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(67,37,204,.2);
    box-shadow:0 20px 30px 0 rgba(67,37,204,.2);
    background:#07132B
}
.app-btn.btn-active i{
    color:#fff
}
.app-btn.btn-active:hover{
    background:transparent;
    color:#07132B;
    -webkit-box-shadow:none;
    box-shadow:none
}
.app-btn.btn-active:hover i{
    color:#07132B
}
.app-btn-two{
    background:#1a133b;
    color:#fff;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    padding:10px 25px;
    font-size:18px;
    border-radius:6px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.app-btn-two.btn-light{
    background:#f3f3f4;
    color:#1a133b
}
.app-btn-two.btn-light .top-text{
    color:#76747f
}
.app-btn-two span{
    display:block
}
.app-btn-two i{
    margin-right:15px;
    font-size:28px
}
.app-btn-two .btn-text{
    font-weight:500;
    line-height:20px
}
.app-btn-two .btn-text .text-top{
    font-size:14px;
    font-weight:400
}
.app-btn-two:hover{
    background:#12bf7c;
    color:#fff
}
.return-to-top{
    position:fixed;
    bottom:-30px;
    right:20px;
    width:42px;
    height:42px;
    line-height:42px;
    text-align:center;
    cursor:pointer;
    z-index:998;
    border-radius:50%;
    opacity:0;
    -webkit-transition:bottom .5s ease,opacity .5s ease;
    -o-transition:bottom .5s ease,opacity .5s ease;
    transition:bottom .5s ease,opacity .5s ease
}
.return-to-top:before{
    background:transparent;
    opacity:1;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease;
    -webkit-transition:opacity .6s ease,-webkit-transform .5s ease;
    transition:opacity .6s ease,-webkit-transform .5s ease;
    -o-transition:transform .5s ease,opacity .6s ease;
    transition:transform .5s ease,opacity .6s ease;
    transition:transform .5s ease,opacity .6s ease,-webkit-transform .5s ease
}
.return-to-top:after,.return-to-top:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:block;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    border-radius:inherit
}
.return-to-top:after{
    background:rgba(0,0,0,.25);
    -webkit-box-shadow:0 0 0 0 transparent;
    box-shadow:0 0 0 0 transparent;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.return-to-top>i{
    position:relative;
    overflow:hidden;
    font-size:12px;
    width:inherit;
    height:inherit;
    line-height:inherit;
    display:block;
    color:transparent;
    text-shadow:0 0 #fff,0 50px #fff;
    -webkit-transition:text-shadow .2s ease;
    -o-transition:text-shadow .2s ease;
    transition:text-shadow .2s ease;
    z-index:1
}
.return-to-top:hover:after{
    -webkit-transform:scale(1.07);
    -ms-transform:scale(1.07);
    transform:scale(1.07);
    background:#FD2203;
    -webkit-box-shadow:0 10px 20px 8px rgba(0,0,0,.15);
    box-shadow:0 10px 20px 8px rgba(0,0,0,.15)
}
.return-to-top:hover>i{
    text-shadow:0 -50px #fff,0 0 #fff
}
.return-to-top.back-top{
    bottom:20px;
    opacity:1
}
.list-items{
    margin:0;
    padding:0;
    list-style:none
}
.list-items li{
    font-size:16px;
    line-height:36px;
    font-weight:500;
    color:#2b2350;
    padding-left:36px;
    position:relative
}
.list-items li:before{
    content:"\4e";
    font-family:eleganticons;
    position:absolute;
    left:0;
    top:0;
    color:#FF6600
}
.list-items.color-two li:before{
    color:#07132B
}
.list-items.list-with-icon li:before{
    display:none
}
.list-items.list-with-icon li i{
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#07132B
}
.list-items.list-icon-arrow li{
    padding-left:25px
}
.list-items.list-icon-arrow li:before{
    content:"\24";
    color:#12bf7c
}
.list-items li p {
    font-size: 14px;
    line-height: 1.3;
    color: #444;
    font-weight: normal;
}
input,select,textarea{
    background:#fff;
    padding:15px 30px;
    border:1px solid #efe7e7;
    margin-bottom:30px;
    border-radius:4spx
}
input:focus,select:focus,textarea:focus{
    background:#fff;
    -webkit-box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    box-shadow:0 20px 40px 0 rgba(79,35,35,.1)
}
textarea{
    height:200px
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    background-image:none
}
select::-ms-expand{
    display:none
}
.pix-select{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
select{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    color:#000;
    cursor:pointer
}
select option {
    padding: 7px 0;
}
.pix-select:after{
    content:"\33";
    font-family:eleganticons;
    position:absolute;
    top:19%;
    right:0;
    padding-right:15px;
    cursor:pointer;
    pointer-events:none;
    -webkit-transition:all .25s ease;
    -o-transition:.25s all ease;
    transition:all .25s ease;
    font-size:24px
}
.pix-select:hover:after{
    color:#FF6600
}
@-webkit-keyframes b{
    0%{
        -webkit-transform:scale(1) translate(0)
    }
    to{
        -webkit-transform:scale(1.03) translate(0)
    }
}
@keyframes b{
    0%{
        -webkit-transform:scale(1) translate(0)
    }
    to{
        -webkit-transform:scale(1.03) translate(0)
    }
}
@-webkit-keyframes c{
    0%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    to{
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
}
@keyframes c{
    0%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    to{
        -webkit-transform:scale(1.5);
        transform:scale(1.5)
    }
}
@-webkit-keyframes d{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes d{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2);
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes e{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
}
@keyframes e{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    to{
        -webkit-transform:translateY(40px);
        transform:translateY(40px)
    }
}
@-webkit-keyframes f{
    0%{
        -webkit-transform:translateX(-10px) scale(.9);
        transform:translateX(-10px) scale(.9)
    }
    to{
        -webkit-transform:translateX(30px) scale(1.3) translateY(10px);
        transform:translateX(30px) scale(1.3) translateY(10px)
    }
}
@keyframes f{
    0%{
        -webkit-transform:translateX(-10px) scale(.9);
        transform:translateX(-10px) scale(.9)
    }
    to{
        -webkit-transform:translateX(30px) scale(1.3) translateY(10px);
        transform:translateX(30px) scale(1.3) translateY(10px)
    }
}
@-webkit-keyframes g{
    0%{
        -webkit-transform:rotate(0deg) translate3d(0,1%,0) rotate(0deg);
        transform:rotate(0deg) translate3d(0,1%,0) rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn) translate3d(0,1%,0) rotate(-1turn);
        transform:rotate(1turn) translate3d(0,1%,0) rotate(-1turn)
    }
}
@-webkit-keyframes h{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes h{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes i{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes i{
    0%{
        opacity:0;
        -webkit-transform:translateY(20px);
        transform:translateY(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes j{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes j{
    0%{
        opacity:0;
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes k{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes k{
    0%{
        opacity:0;
        -webkit-transform:translateX(20px);
        transform:translateX(20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes l{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes l{
    0%{
        opacity:0;
        -webkit-transform:translateX(-20px);
        transform:translateX(-20px)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes m{
    0%{
        opacity:0;
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes m{
    0%{
        opacity:0;
        -webkit-transform:scale(.7);
        transform:scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes n{
    0%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:0
    }
    60%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes n{
    0%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:0
    }
    60%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
        opacity:1
    }
    to{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.pixFade{
    -webkit-animation-name:h;
    animation-name:h
}
.pixFadeUp{
    -webkit-animation-name:i;
    animation-name:i
}
.pixFadeDown{
    -webkit-animation-name:j;
    animation-name:j
}
.pixFadeLeft{
    -webkit-animation-name:k;
    animation-name:k
}
.pixFadeRight{
    -webkit-animation-name:l;
    animation-name:l
}
.pixZoomIn{
    -webkit-animation-name:m;
    animation-name:m
}
.pixBounceIn{
    -webkit-animation-name:n;
    animation-name:n
}
.zoomIn{
    -webkit-animation-name:d;
    animation-name:d
}
@-webkit-keyframes o{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:0
    }
    50%{
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px);
        opacity:1
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:0
    }
}
@keyframes o{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:0
    }
    50%{
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px);
        opacity:1
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:0
    }
}
@-webkit-keyframes p{
    0%{
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
    50%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    to{
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
}
@keyframes p{
    0%{
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
    50%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    to{
        -webkit-transform:translateY(5px);
        transform:translateY(5px)
    }
}
@-webkit-keyframes q{
    0%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes q{
    0%{
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@-webkit-keyframes r{
    0%{
        -webkit-transform:translate3d(-10px,-10px,0);
        transform:translate3d(-10px,-10px,0);
        opacity:1
    }
    50%{
        -webkit-transform:translate3d(-20px,20px,0);
        transform:translate3d(-20px,20px,0);
        opacity:1
    }
    to{
        -webkit-transform:translate3d(30px,0,0);
        transform:translate3d(30px,0,0);
        opacity:1
    }
}
@keyframes r{
    0%{
        -webkit-transform:translate3d(-10px,-10px,0);
        transform:translate3d(-10px,-10px,0);
        opacity:1
    }
    50%{
        -webkit-transform:translate3d(-20px,20px,0);
        transform:translate3d(-20px,20px,0);
        opacity:1
    }
    to{
        -webkit-transform:translate3d(30px,0,0);
        transform:translate3d(30px,0,0);
        opacity:1
    }
}
@-webkit-keyframes s{
    0%{
        width:82px;
        height:82px;
        opacity:1
    }
    50%{
        opacity:1
    }
    to{
        height:150px;
        width:150px;
        opacity:0
    }
}
@keyframes s{
    0%{
        width:82px;
        height:82px;
        opacity:1
    }
    50%{
        opacity:1
    }
    to{
        height:150px;
        width:150px;
        opacity:0
    }
}
@-webkit-keyframes t{
    0%{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(-73px,1px) rotate(-36deg);
        transform:translate(-73px,1px) rotate(-36deg)
    }
    40%{
        -webkit-transform:translate(-141px,-72px) rotate(-72deg);
        transform:translate(-141px,-72px) rotate(-72deg)
    }
    60%{
        -webkit-transform:translate(-83px,-122px) rotate(-108deg);
        transform:translate(-83px,-122px) rotate(-108deg)
    }
    80%{
        -webkit-transform:translate(40px,-72px) rotate(-144deg);
        transform:translate(40px,-72px) rotate(-144deg)
    }
    to{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
}
@keyframes t{
    0%{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(-73px,1px) rotate(-36deg);
        transform:translate(-73px,1px) rotate(-36deg)
    }
    40%{
        -webkit-transform:translate(-141px,-72px) rotate(-72deg);
        transform:translate(-141px,-72px) rotate(-72deg)
    }
    60%{
        -webkit-transform:translate(-83px,-122px) rotate(-108deg);
        transform:translate(-83px,-122px) rotate(-108deg)
    }
    80%{
        -webkit-transform:translate(40px,-72px) rotate(-144deg);
        transform:translate(40px,-72px) rotate(-144deg)
    }
    to{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
}
@-webkit-keyframes u{
    0%{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(73px,1px) rotate(36deg);
        transform:translate(73px,1px) rotate(36deg)
    }
    40%{
        -webkit-transform:translate(141px,72px) rotate(72deg);
        transform:translate(141px,72px) rotate(72deg)
    }
    60%{
        -webkit-transform:translate(83px,122px) rotate(108deg);
        transform:translate(83px,122px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-40px,72px) rotate(144deg);
        transform:translate(-40px,72px) rotate(144deg)
    }
    to{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
}
@keyframes u{
    0%{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(73px,1px) rotate(36deg);
        transform:translate(73px,1px) rotate(36deg)
    }
    40%{
        -webkit-transform:translate(141px,72px) rotate(72deg);
        transform:translate(141px,72px) rotate(72deg)
    }
    60%{
        -webkit-transform:translate(83px,122px) rotate(108deg);
        transform:translate(83px,122px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-40px,72px) rotate(144deg);
        transform:translate(-40px,72px) rotate(144deg)
    }
    to{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
}
@keyframes g{
    0%{
        -webkit-transform:rotate(0deg) translate3d(0,3%,0) rotate(0deg);
        transform:rotate(0deg) translate3d(0,3%,0) rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn) translate3d(0,3%,0) rotate(-1turn);
        transform:rotate(1turn) translate3d(0,3%,0) rotate(-1turn)
    }
}
@-webkit-keyframes v{
    0%{
        -webkit-transform:rotate(0deg) rotate(0deg) translate3d(0,1%,0) rotate(0deg);
        transform:rotate(0deg) rotate(0deg) translate3d(0,1%,0) rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn) rotate(45deg) translate3d(0,1%,0) rotate(-1turn);
        transform:rotate(1turn) rotate(45deg) translate3d(0,1%,0) rotate(-1turn)
    }
}
@keyframes v{
    0%{
        -webkit-transform:rotate(0deg) rotate(0deg) translate3d(0,1%,0) rotate(0deg);
        transform:rotate(0deg) rotate(0deg) translate3d(0,1%,0) rotate(0deg)
    }
    to{
        -webkit-transform:rotate(1turn) rotate(45deg) translate3d(0,1%,0) rotate(-1turn);
        transform:rotate(1turn) rotate(45deg) translate3d(0,1%,0) rotate(-1turn)
    }
}
@-webkit-keyframes w{
    0%{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(73px,-1px) rotate(36deg);
        transform:translate(73px,-1px) rotate(36deg)
    }
    40%{
        -webkit-transform:translate(141px,72px) rotate(72deg);
        transform:translate(141px,72px) rotate(72deg)
    }
    60%{
        -webkit-transform:translate(83px,122px) rotate(108deg);
        transform:translate(83px,122px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-40px,72px) rotate(144deg);
        transform:translate(-40px,72px) rotate(144deg)
    }
    to{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
}
@keyframes w{
    0%{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
    20%{
        -webkit-transform:translate(73px,-1px) rotate(36deg);
        transform:translate(73px,-1px) rotate(36deg)
    }
    40%{
        -webkit-transform:translate(141px,72px) rotate(72deg);
        transform:translate(141px,72px) rotate(72deg)
    }
    60%{
        -webkit-transform:translate(83px,122px) rotate(108deg);
        transform:translate(83px,122px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-40px,72px) rotate(144deg);
        transform:translate(-40px,72px) rotate(144deg)
    }
    to{
        -webkit-transform:translate(0) rotate(0deg);
        transform:translate(0) rotate(0deg)
    }
}
@-webkit-keyframes x{
    0%{
        -webkit-transform:translate(0) rotate(0deg) scale(1);
        transform:translate(0) rotate(0deg) scale(1)
    }
    20%{
        -webkit-transform:translate(73px,-1px) rotate(36deg) scale(.9);
        transform:translate(73px,-1px) rotate(36deg) scale(.9)
    }
    40%{
        -webkit-transform:translate(141px,72px) rotate(72deg) scale(1);
        transform:translate(141px,72px) rotate(72deg) scale(1)
    }
    60%{
        -webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2);
        transform:translate(83px,122px) rotate(108deg) scale(1.2)
    }
    80%{
        -webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1);
        transform:translate(-40px,72px) rotate(144deg) scale(1.1)
    }
    to{
        -webkit-transform:translate(0) rotate(0deg) scale(1);
        transform:translate(0) rotate(0deg) scale(1)
    }
}
@keyframes x{
    0%{
        -webkit-transform:translate(0) rotate(0deg) scale(1);
        transform:translate(0) rotate(0deg) scale(1)
    }
    20%{
        -webkit-transform:translate(73px,-1px) rotate(36deg) scale(.9);
        transform:translate(73px,-1px) rotate(36deg) scale(.9)
    }
    40%{
        -webkit-transform:translate(141px,72px) rotate(72deg) scale(1);
        transform:translate(141px,72px) rotate(72deg) scale(1)
    }
    60%{
        -webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2);
        transform:translate(83px,122px) rotate(108deg) scale(1.2)
    }
    80%{
        -webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1);
        transform:translate(-40px,72px) rotate(144deg) scale(1.1)
    }
    to{
        -webkit-transform:translate(0) rotate(0deg) scale(1);
        transform:translate(0) rotate(0deg) scale(1)
    }
}
@-webkit-keyframes y{
    0%{
        -webkit-transform:translate(61px,-99px) rotate(0deg);
        transform:translate(61px,-99px) rotate(0deg)
    }
    21%{
        -webkit-transform:translate(4px,-190px) rotate(38deg);
        transform:translate(4px,-190px) rotate(38deg)
    }
    41%{
        -webkit-transform:translate(-139px,-200px) rotate(74deg);
        transform:translate(-139px,-200px) rotate(74deg)
    }
    60%{
        -webkit-transform:translate(-263px,-164px) rotate(108deg);
        transform:translate(-263px,-164px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-195px,-49px) rotate(144deg);
        transform:translate(-195px,-49px) rotate(144deg)
    }
    to{
        -webkit-transform:translate(-1px) rotate(180deg);
        transform:translate(-1px) rotate(180deg)
    }
}
@keyframes y{
    0%{
        -webkit-transform:translate(61px,-99px) rotate(0deg);
        transform:translate(61px,-99px) rotate(0deg)
    }
    21%{
        -webkit-transform:translate(4px,-190px) rotate(38deg);
        transform:translate(4px,-190px) rotate(38deg)
    }
    41%{
        -webkit-transform:translate(-139px,-200px) rotate(74deg);
        transform:translate(-139px,-200px) rotate(74deg)
    }
    60%{
        -webkit-transform:translate(-263px,-164px) rotate(108deg);
        transform:translate(-263px,-164px) rotate(108deg)
    }
    80%{
        -webkit-transform:translate(-195px,-49px) rotate(144deg);
        transform:translate(-195px,-49px) rotate(144deg)
    }
    to{
        -webkit-transform:translate(-1px) rotate(180deg);
        transform:translate(-1px) rotate(180deg)
    }
}
.page-loader{
    background:#fff;
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:99999999
}
.page-loader .loader{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.page-loader svg{
    display:none
}
.blobs{
    -webkit-filter:url(#goo);
    filter:url(#goo);
    width:300px;
    height:300px;
    position:relative;
    overflow:hidden;
    border-radius:70px;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.blobs .blob-center{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform-origin:left top;
    -ms-transform-origin:left top;
    transform-origin:left top;
    -webkit-animation:A linear 3.4s infinite;
    animation:A linear 3.4s infinite;
    -webkit-box-shadow:0 -10px 40px -5px #FF6600;
    box-shadow:0 -10px 40px -5px #FF6600
}
.blob,.blobs .blob-center{
    position:absolute;
    background:#FF6600;
    top:50%;
    left:50%;
    width:30px;
    height:30px;
    -webkit-transform:scale(.9) translate(-50%,-50%);
    -ms-transform:scale(.9) translate(-50%,-50%);
    transform:scale(.9) translate(-50%,-50%);
    border-radius:50%
}
.blob{
    -webkit-animation:z ease-out 3.4s infinite;
    animation:z ease-out 3.4s infinite;
    -webkit-transform-origin:center top;
    -ms-transform-origin:center top;
    transform-origin:center top;
    opacity:0
}
.blob:first-child{
    -webkit-animation-delay:.2s;
    animation-delay:.2s
}
.blob:nth-child(2){
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.blob:nth-child(3){
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
.blob:nth-child(4){
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
.blob:nth-child(5){
    -webkit-animation-delay:1s;
    animation-delay:1s
}
@-webkit-keyframes z{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translate(calc(-330px - 50%),-50%);
        transform:scale(0) translate(calc(-330px - 50%),-50%)
    }
    1%{
        opacity:1
    }
    35%,65%{
        opacity:1;
        -webkit-transform:scale(.9) translate(-50%,-50%);
        transform:scale(.9) translate(-50%,-50%)
    }
    99%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:scale(0) translate(calc(330px - 50%),-50%);
        transform:scale(0) translate(calc(330px - 50%),-50%)
    }
}
@keyframes z{
    0%{
        opacity:0;
        -webkit-transform:scale(0) translate(calc(-330px - 50%),-50%);
        transform:scale(0) translate(calc(-330px - 50%),-50%)
    }
    1%{
        opacity:1
    }
    35%,65%{
        opacity:1;
        -webkit-transform:scale(.9) translate(-50%,-50%);
        transform:scale(.9) translate(-50%,-50%)
    }
    99%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:scale(0) translate(calc(330px - 50%),-50%);
        transform:scale(0) translate(calc(330px - 50%),-50%)
    }
}
@-webkit-keyframes A{
    0%,39%{
        -webkit-transform:scale(0) translate(-50%,-50%);
        transform:scale(0) translate(-50%,-50%)
    }
    40%,42%{
        -webkit-transform:scaleY(.9) translate(-50%,-50%);
        transform:scaleY(.9) translate(-50%,-50%)
    }
    43%,44%{
        -webkit-transform:scale(1.2,1.1) translate(-50%,-50%);
        transform:scale(1.2,1.1) translate(-50%,-50%)
    }
    45%,46%{
        -webkit-transform:scale(1.3,1.2) translate(-50%,-50%);
        transform:scale(1.3,1.2) translate(-50%,-50%)
    }
    47%,48%{
        -webkit-transform:scale(1.4,1.3) translate(-50%,-50%);
        transform:scale(1.4,1.3) translate(-50%,-50%)
    }
    52%{
        -webkit-transform:scale(1.5,1.4) translate(-50%,-50%);
        transform:scale(1.5,1.4) translate(-50%,-50%)
    }
    54%{
        -webkit-transform:scale(1.7,1.6) translate(-50%,-50%);
        transform:scale(1.7,1.6) translate(-50%,-50%)
    }
    58%{
        -webkit-transform:scale(1.8,1.7) translate(-50%,-50%);
        transform:scale(1.8,1.7) translate(-50%,-50%)
    }
    68%,70%{
        -webkit-transform:scale(1.7,1.5) translate(-50%,-50%);
        transform:scale(1.7,1.5) translate(-50%,-50%)
    }
    78%{
        -webkit-transform:scale(1.6,1.4) translate(-50%,-50%);
        transform:scale(1.6,1.4) translate(-50%,-50%)
    }
    80%,81%{
        -webkit-transform:scale(1.5,1.4) translate(-50%,-50%);
        transform:scale(1.5,1.4) translate(-50%,-50%)
    }
    82%,83%{
        -webkit-transform:scale(1.4,1.3) translate(-50%,-50%);
        transform:scale(1.4,1.3) translate(-50%,-50%)
    }
    84%,85%{
        -webkit-transform:scale(1.3,1.2) translate(-50%,-50%);
        transform:scale(1.3,1.2) translate(-50%,-50%)
    }
    86%,87%{
        -webkit-transform:scale(1.2,1.1) translate(-50%,-50%);
        transform:scale(1.2,1.1) translate(-50%,-50%)
    }
    90%,91%{
        -webkit-transform:scaleY(.9) translate(-50%,-50%);
        transform:scaleY(.9) translate(-50%,-50%)
    }
    92%,to{
        -webkit-transform:scale(0) translate(-50%,-50%);
        transform:scale(0) translate(-50%,-50%)
    }
}
@keyframes A{
    0%,39%{
        -webkit-transform:scale(0) translate(-50%,-50%);
        transform:scale(0) translate(-50%,-50%)
    }
    40%,42%{
        -webkit-transform:scaleY(.9) translate(-50%,-50%);
        transform:scaleY(.9) translate(-50%,-50%)
    }
    43%,44%{
        -webkit-transform:scale(1.2,1.1) translate(-50%,-50%);
        transform:scale(1.2,1.1) translate(-50%,-50%)
    }
    45%,46%{
        -webkit-transform:scale(1.3,1.2) translate(-50%,-50%);
        transform:scale(1.3,1.2) translate(-50%,-50%)
    }
    47%,48%{
        -webkit-transform:scale(1.4,1.3) translate(-50%,-50%);
        transform:scale(1.4,1.3) translate(-50%,-50%)
    }
    52%{
        -webkit-transform:scale(1.5,1.4) translate(-50%,-50%);
        transform:scale(1.5,1.4) translate(-50%,-50%)
    }
    54%{
        -webkit-transform:scale(1.7,1.6) translate(-50%,-50%);
        transform:scale(1.7,1.6) translate(-50%,-50%)
    }
    58%{
        -webkit-transform:scale(1.8,1.7) translate(-50%,-50%);
        transform:scale(1.8,1.7) translate(-50%,-50%)
    }
    68%,70%{
        -webkit-transform:scale(1.7,1.5) translate(-50%,-50%);
        transform:scale(1.7,1.5) translate(-50%,-50%)
    }
    78%{
        -webkit-transform:scale(1.6,1.4) translate(-50%,-50%);
        transform:scale(1.6,1.4) translate(-50%,-50%)
    }
    80%,81%{
        -webkit-transform:scale(1.5,1.4) translate(-50%,-50%);
        transform:scale(1.5,1.4) translate(-50%,-50%)
    }
    82%,83%{
        -webkit-transform:scale(1.4,1.3) translate(-50%,-50%);
        transform:scale(1.4,1.3) translate(-50%,-50%)
    }
    84%,85%{
        -webkit-transform:scale(1.3,1.2) translate(-50%,-50%);
        transform:scale(1.3,1.2) translate(-50%,-50%)
    }
    86%,87%{
        -webkit-transform:scale(1.2,1.1) translate(-50%,-50%);
        transform:scale(1.2,1.1) translate(-50%,-50%)
    }
    90%,91%{
        -webkit-transform:scaleY(.9) translate(-50%,-50%);
        transform:scaleY(.9) translate(-50%,-50%)
    }
    92%,to{
        -webkit-transform:scale(0) translate(-50%,-50%);
        transform:scale(0) translate(-50%,-50%)
    }
}
.site-header {
    width: 100%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: #fff;
    padding: 10px 0;
    position: relative;
}

@media (max-width:991px){
    .site-header{
        top:0;
        position: absolute;
        z-index: 9998;
        left: 0;
    }
}
.site-header .kl-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 140%;
    opacity: .7;
    pointer-events: none;
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,transparent));
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,transparent 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,transparent 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,transparent 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
.pix-header-fixed .kl-header-bg {
    display: none;
}
.site-header .header-inner{
    position:relative
}
.site-header .header-inner .site-logo a {
    display:block;
    max-width:130px;
    margin-top: 0
}
.site-header .header-inner .site-logo a img{
    width:100%
}
.site-header .header-inner .site-logo a .sticky-logo{
    display:none !important;
}
.site-header.pix-header-fixed .header-inner .site-logo a .sticky-logo{
    display:block !important;
}
.site-header .header-inner .site-nav{
    width:100%;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.site-header .header-inner .site-nav,.site-header .header-inner .site-nav .menu-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    /*align-items:center*/
}
.site-header .header-inner .site-nav{
    /*align-items:center*/
}
.site-header .header-inner .site-nav .menu-wrapper{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
}
.site-header .header-inner .site-nav .menu-wrapper:before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.75);
    z-index:99;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.site-header .header-inner .site-nav .nav-right{
    margin-left:80px;
}
.site-header .header-inner .site-nav .nav-right #button-search {
    color: #fff;
    margin-right: 10px;
    cursor: pointer;
}
.site-header .header-inner .site-nav .nav-right .nav-btn,
.site-header .header-inner .mob-btn .nav-btn{
    background:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(79,35,35,.15);
    box-shadow:0 20px 30px 0 rgba(79,35,35,.15);
    color:#F3702A;
    display:inline-block;
    padding:7px 23px;
    font-size:14px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    letter-spacing: .4;
    text-transform: uppercase;
    cursor: pointer;
}
.site-header .header-inner .mob-btn .nav-btn {
  display: none;
  padding:7px 20px;
  width: 160px;
  float: right;

}
.site-header .header-inner .site-nav .nav-right .nav-btn:hover,
.site-header .header-inner .mob-btn .nav-btn:hover {
    background:#ff6600;
    color:#fff
}
.site-header .header-inner .site-nav.nav-two .nav-right .nav-btn {
    background: #F3702A;
    color: #FFF;
    /*-webkit-box-shadow: 0 0 36px 4px rgba(79,35,35,.1);
    box-shadow: 0 0 36px 4px rgba(79,35,35,.1); */
    padding: 10px 30px;
    font-weight: 400;
    margin-top: 15px;
    box-shadow: none;
    border-radius: 40px;
    transition: all ease-in-out .5s;
}

.site-header .header-inner .site-nav.nav-two .nav-right .nav-btn:hover{
    background:#fff;
    color:#F3702A;
    -webkit-box-shadow: 0 0 36px 4px rgba(79,35,35,.1);
    box-shadow: 0 0 36px 4px rgba(79,35,35,.1);
}
.site-header .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two{
    background-color:hsla(0,0%,100%,.1);
    border-color:hsla(0,0%,100%,.3);
    color:#fff;
    padding:9px 37px
}
.site-header .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two:hover{
    background:#fff;
    color:#07132B
}
.site-header .header-inner .site-nav.nav-two .site-main-menu li .sub-menu li a.current_page,.site-header .header-inner .site-nav.nav-two .site-main-menu li .sub-menu li a:hover{
    color:#07132B
}
.site-header.header-dark .menu-label {
    color: #07132B
}
.site-header .site-mobile-logo,
.header-inner .site-mobile-logo img{
    display:none
}
.site-header .site-main-menu{
    margin:0;
    padding:0;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.site-header .site-main-menu li{
    margin:0 25px;
    position:relative;
    padding:8px 0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.site-header .site-main-menu li:last-child{
    margin-right:0
}
.site-header .site-main-menu li > a {
    color:#124477;
    font-size:14px;
    position:relative;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-weight: normal;
    letter-spacing: .3px;
    line-height: 4;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.site-header .site-main-menu li.current_page_item  > a {
    color: #F3702A;
}


.floating-header {
    position: relative;
    width: 100%;
    padding: 10px 0;
    background-color: #F3702A;
}
.floating-header .contact li {
    margin-right: 25px;
}
.floating-header .contact li a span {
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background-color: #124477;
    transition: all ease-in-out .3s;
}

.floating-header .contact, .floating-header .social-link {
    margin: 0;
    padding: 0;
    list-style: none;
}
.floating-header .social-link li:not(:last-child) {
    margin-right: 5px;
}
.floating-header .contact li, .floating-header .social-link li {
    display: inline-block;
}
.floating-header .contact li a {
    color: #fff;
    text-transform: uppercase;
}
.floating-header .social-link li a {
    height: 30px;
    width: 30px;
    line-height: 30px;
    display: block;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 13px;
    background-color: #124477;
}
.floating-header .contact, .floating-header .social-link {
    list-style: none;
}


@media (max-width:1100px) and (min-width:992px) {
    .site-header .site-main-menu li.live a span {
        display: none;
    }
    .site-header .site-main-menu li.give > a {
        padding: 10px 7px;
    }
}
.site-header .site-main-menu li.current_page_item > a:not(.sub-menu li a),
.site-header .site-main-menu li.current_page_item.menu-item-has-children a::before,
.site-header .site-main-menu li.current_page_ancestor a:not(.sub-menu li a),
.site-header .site-main-menu li.current_page_ancestor .sub-menu li.current_page_item a,
.site-header .site-main-menu li.current_page_ancestor.menu-item-has-children a::before  {

}
@media (min-width:768px) {
    .site-header .site-main-menu > li.current_page_item::after,
    .site-header .site-main-menu li.current_page_ancestor::after {
        position: absolute;
        content: '';
        width: 100%;
        height: 3px;
        bottom: -10px;
        left: 0;
        background-color: #F3702A;
    }
}
.site-header .site-main-menu li.current_page_ancestor .sub-menu li.current_page_item a {
    color: #F3702A;
}


.site-header .site-main-menu li>a:hover,
.site-header .site-main-menu li.menu-item-has-children a:hover::before {
    color: #F3702A;
}
.site-header .site-main-menu li a {
    position: relative;
}
.site-header .site-main-menu li.menu-item-has-children a::before {
    position: absolute;
    right: -9px;
    top: 5px;
    width: 5px;
    height: 5px;
    border: #999 solid;
    border-width: 0 1px 1px 0;
    content: '';
    opacity: 0.66;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.site-header .site-main-menu li.menu-item-has-children .sub-menu li a::before {
    display: none !important;
}

/*
.site-header .site-main-menu li>a:after{
    content:"";
    position:absolute;
    bottom:-2px;
    width:0;
    height:1px;
    background:#fff;
    opacity:1;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    left:0
}
.site-header .site-main-menu li .active:after{
    content:"";
    position:absolute;
    bottom:-2px;
    width:70%;
    height:1px;
    background:#fff;
    opacity:1;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    left:0
}
.site-header .site-main-menu li>a.current_page:after,.site-header .site-main-menu li>a:hover:after{
    width:100%;
    opacity:1
}

.site-header .site-main-menu li.menu-item-has-children:after{
    position:absolute;
    right:-18px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:eleganticons;
    font-size:10px;
    font-weight:700;
    color:#fff;
    font-size:14px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.site-header .site-main-menu li.menu-item-has-children:hover:after{
    color:#B7DCFF
}*/
.site-header .site-main-menu li .sub-menu {
    display: block;
    margin: 10px 0 0;
    padding: 23px 30px;
    list-style: none;
    background: #fff;
    text-align: right;
    -webkit-box-shadow: 0 0 36px 4px rgba(79,35,35,.1);
    box-shadow: 0 0 36px 4px rgba(79,35,35,.1);
    position: absolute;
    top: 60%;
    right: 0;
    min-width: 330px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 999999;
    border-radius: 0 0 4px 4px;
}
.site-header .site-main-menu li .sub-menu li{
    display:block;
    margin:0;
    padding: 10px 0;
    border-bottom: 1px solid #f1f2f3;
}
.site-header .site-main-menu li .sub-menu li:last-child {
    border-bottom: none;
}
.site-header .site-main-menu li .sub-menu li.menu-item-has-children:after{
    content:"\35";
    right:0;
    color:#333
}
.site-header .site-main-menu li .sub-menu li.menu-item-has-children .sub-menu{
    left:105%;
    top:0;
    visibility:hidden;
    opacity:0
}
.site-header .site-main-menu li .sub-menu li.menu-item-has-children:hover .sub-menu{
    top:-23px;
    visibility:visible;
    opacity:1
}
.site-header .site-main-menu li .sub-menu li a {
    display: block;
    padding: 3px 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
}
.site-header .site-main-menu li .sub-menu li a:after{
    display:none
}
.site-header .site-main-menu li .sub-menu li a.current_page,
.site-header .site-main-menu li .sub-menu li a:hover {
    color:#F3702A !important
}
.site-header .site-main-menu li .sub-menu li:last-child a{
    border-bottom:0
}
.site-header .site-main-menu li:hover .sub-menu{
    opacity:1;
    visibility:visible;
    top:100%
}
.site-header .nav-dark .site-main-menu li a{
    color:#2b2350
}
.site-header .nav-dark .site-main-menu li.current_page_item >a {
    color: #B7DCFF;
}
.site-header .nav-dark .site-main-menu li a:after{
    display:none
}
.site-header .nav-dark .site-main-menu li a.current_page,.site-header .nav-dark .site-main-menu li a:hover{
    color:#FF6600
}
.site-header .nav-dark .site-main-menu li.menu-item-has-children:after{
    color:#2b2350
}
.site-header.header-five .header-inner .site-nav .menu-wrapper{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    width:80%
}
.site-header.header-five .header-inner .site-nav .nav-right .nav-btn{
    background:transparent;
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:2px solid hsla(0,0%,100%,.302);
    border-radius:4px;
    padding:7px 24px;
    font-size:16px
}
.site-header.header-five .header-inner .site-nav .nav-right .nav-btn:hover{
    background:#fff;
    border-color:#fff;
    color:#07132B
}
.site-header.header-five .site-main-menu li a{
    color:#2b2350
}
.site-header.header-five .site-main-menu li a:after{
    display:none
}
.site-header.header-five .site-main-menu li a.current_page,.site-header.header-five .site-main-menu li a:hover{
    color:#07132B
}
.site-header.header-five .site-main-menu li.menu-item-has-children:after{
    color:#2b2350
}
.site-header.header-five .site-main-menu li .sub-menu li a.current_page,.site-header.header-five .site-main-menu li .sub-menu li a:hover{
    color:#07132B
}
.site-header.header-six .header-inner .site-nav{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.site-header.header-six .header-inner .site-nav .nav-right .nav-btn{
    background:transparent;
    border:2px solid #efbbd9;
    color:#f97bc5;
    -webkit-box-shadow:none;
    box-shadow:none
}
.site-header.header-six .header-inner .site-nav .nav-right .nav-btn:hover{
    background:#f97bc5;
    color:#fff;
    border-color:#f97bc5
}
.site-header.header-six .header-inner .site-nav .nav-right .login-btn{
    color:#646479;
    margin-right:15px;
    font-weight:500
}
.site-header.header-six .header-inner .site-nav .nav-right .login-btn i{
    margin-right:5px
}
.site-header.header-six .header-inner .site-nav .nav-right .login-btn:hover{
    color:#f97bc5
}
.site-header.header-six .site-main-menu li>a{
    color:#2b2350
}
.site-header.header-six .site-main-menu li .sub-menu li a.current_page,.site-header.header-six .site-main-menu li .sub-menu li a:hover,.site-header.header-six .site-main-menu li>a:hover{
    color:#f97bc5
}
.site-header.header-seven .header-inner .site-nav .menu-wrapper{
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    width:80%
}
.site-header.header-seven .header-inner .site-nav .nav-right .nav-btn{
    background:transparent;
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:2px solid hsla(0,0%,100%,.302);
    border-radius:4px;
    padding:7px 24px;
    font-size:16px
}
.site-header.header-seven .header-inner .site-nav .nav-right .nav-btn:hover{
    background:#fff;
    border-color:#fff;
    color:#fd4d5c
}
.site-header.header-seven .site-main-menu li a{
    color:#fff
}
.site-header.header-seven .site-main-menu li a:after{
    display:none
}
.site-header.header-seven .site-main-menu li a.current_page,.site-header.header-seven .site-main-menu li a:hover{
    color:#fd4d5c
}
.site-header.header-seven .site-main-menu li.menu-item-has-children:after{
    color:#2b2350
}
.site-header.header-seven .site-main-menu li .sub-menu li a.current_page,.site-header.header-seven .site-main-menu li .sub-menu li a:hover{
    color:#fd4d5c
}
.site-header.header-seven.pix-header-fixed .site-main-menu li a{
    color:#333
}
.site-header.header-seven.pix-header-fixed .site-main-menu li a:hover{
    color:#fd4d5c
}
.site-header.header-seven.pix-header-fixed .site-main-menu li.menu-item-has-children:after{
    color:#2b2350
}
.site-header.header-seven.pix-header-fixed .header-inner .site-nav .nav-right .nav-btn{
    border-color:#fd4d5c;
    color:#fd4d5c
}
.site-header.header-seven.pix-header-fixed .header-inner .site-nav .nav-right .nav-btn:hover{
    background:#fd4d5c;
    color:#fff
}
.site-header.header-eight .toggle-menu .bar{
    background:#0b0b0b
}
.site-header.header-eight .header-inner .site-nav{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.site-header.header-eight .header-inner .site-nav .nav-right .nav-btn{
    background:#12bf7c;
    border:2px solid #12bf7c;
    color:#fff;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:4px;
    -webkit-box-shadow:0 10px 20px 0 rgba(11,176,112,.3);
    box-shadow:0 10px 20px 0 rgba(11,176,112,.3)
}
.site-header.header-eight .header-inner .site-nav .nav-right .nav-btn:hover{
    background:transparent;
    color:#12bf7c;
    -webkit-box-shadow:none;
    box-shadow:none
}
.site-header.header-eight .site-main-menu li>a{
    color:#2b2350
}
.site-header.header-eight .site-main-menu li>a:hover{
    color:#12bf7c
}
.site-header.header-eight .site-main-menu li>a:hover:after{
    background:#12bf7c
}
.site-header.header-eight .site-main-menu li .sub-menu li a.current_page,.site-header.header-eight .site-main-menu li .sub-menu li a:hover{
    color:#12bf7c
}
.logo-sticky{
    display:none
}
.pix-header-fixed{
    top:0;
    left:0;
    right:0;
    position:fixed;
    z-index:99999;
    -webkit-box-shadow:0 10px 20px 0 rgba(79,35,35,.08);
    box-shadow:0 10px 20px 0 rgba(79,35,35,.08);
    -webkit-animation:q .65s cubic-bezier(.23,1,.32,1) both;
    animation:q .65s cubic-bezier(.23,1,.32,1) both;
    background:#fff
}
.pix-header-fixed .header-inner .site-logo{
    padding:0
}
.pix-header-fixed .header-inner .site-logo .logo-sticky{
    display:block;
}
.pix-header-fixed .header-inner .site-logo .logo-main{
    display:none
}
.pix-header-fixed .header-inner .site-nav .nav-right .nav-btn{
    background:#F3702A !important;
    color:#fff !important;
    -webkit-box-shadow:none;
    box-shadow:none;
    cursor: pointer;
}
.pix-header-fixed .header-inner .site-nav .nav-right .nav-btn:hover{
    background:#fff !important;
    color:#F3702A !important
}
.pix-header-fixed .header-inner .site-nav .nav-right #button-search {
    color: #1a1a1a;
}
/*.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn,.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two{
    border-color:#F3702A;
    color:#B7DCFF
}
.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two:hover,.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn:hover{
    background:#B7DCFF;
    color:#fff;
    border-color:#B7DCFF
}*/
.pix-header-fixed .header-inner .site-nav.nav-two .site-main-menu li a.current_page,.pix-header-fixed .header-inner .site-nav.nav-two .site-main-menu li a:hover{
    color:#07132B;
}
.pix-header-fixed .site-main-menu li{
    padding:8px 0
}
.pix-header-fixed .site-main-menu li.menu-item-has-children:after,.pix-header-fixed .site-main-menu li a{
    color:#000;
    font-weight: normal;
}
.pix-header-fixed .site-main-menu li.menu-item-has-children a::before {
    color: #07132B;
}
.pix-header-fixed .site-main-menu li a:after{
    color: #999 !important
}
.pix-header-fixed .site-main-menu li.current_page_item a:not(.sub-menu li a) {
    color:#F3702A !important;
}
.pix-header-fixed .site-main-menu li .sub-menu li a:hover,
.pix-header-fixed .site-main-menu li a:hover {
    color:#F3702A !important;
}
.pix-header-fixed .site-main-menu li a.current_page:after,
.pix-header-fixed .site-main-menu li a.current_page:before,
.pix-header-fixed .site-main-menu li a:hover:after,
.pix-header-fixed .site-main-menu li a:hover:before{
    color:#B7DCFF !important
}
.pix-header-fixed .site-logo .main-logo{
    display:none
}
.pix-header-fixed .site-logo .sticky-logo{
    display:block;
}
.pix-header-fixed.header-five .header-inner .site-nav .nav-right .nav-btn{
    color:#07132B;
    border:2px solid #07132B
}
.pix-header-fixed.header-five .header-inner .site-nav .nav-right .nav-btn:hover{
    background:#07132B;
    border-color:#07132B;
    color:#fff
}
.mask-overlay{
    position:fixed;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    z-index: 9997;
    top:0;
    left:0
}
.close-menu{
    display:none
}
.home-color-two .return-to-top:hover:after{
    -webkit-transform:scale(1.07);
    -ms-transform:scale(1.07);
    transform:scale(1.07);
    background:#FD2203;
    -webkit-box-shadow:0 10px 20px 8px rgba(0,0,0,.15);
    box-shadow:0 10px 20px 8px rgba(0,0,0,.15)
}
.home-color-two .return-to-top:hover>i{
    text-shadow:0 -50px #fff,0 0 #fff
}
@media (max-width:1200px) and (min-width:1101px) {
  .site-header .header-inner .site-nav .nav-right {
      margin-left: 60px;
  }
  .site-header .header-inner .site-nav .nav-right .nav-btn {
    padding: 7px 27px;
  }
  .site-header .header-inner .site-nav.nav-two .nav-right .nav-btn {
    font-size: 13px;
  }
  
}

@media (max-width:1100px) and (min-width:992px) {
  .site-header .header-inner .site-nav .nav-right {
      margin-left: 60px;
  }
  .site-header .header-inner .site-nav .nav-right .nav-btn {
    padding: 7px 18px;
    font-size: 12px;
  }
  .site-header .site-main-menu li {
    margin: 0 15px;
  }
  .site-header .site-main-menu li > a {
    font-size: 14px;
  }
}

@media (max-width:991px) and (min-width:768px) {
  
  .site-header .header-inner .site-logo a {
        max-width: 120px;
    }
    .floating-header {
        margin-top: 88px;
    }

  .site-header .header-inner .site-nav .nav-right {
     margin-left: 20px;
    }
  .site-header .header-inner .site-nav .nav-right .nav-btn {
    padding: 7px 18px !important;
    font-size: 12px;
  }
  .site-header .site-main-menu li {
    margin: 0 15px;
  }
  .site-header .site-main-menu li > a {
    font-size: 13px;
  }
}

.menu-label {
  display: none;
  opacity: 0;
}

@media (min-width:768px){
    .toggle-search {
        display: none;
    }
}

@media (max-width:767px){
    .site-header {
        background-color: #fff;
    }
    .floating-header {
        margin-top: 85px;
    }
    .toggle-search {
        display: block;
        position:absolute;
        right:0;
        width:25px;
        top:15%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        display:block;
        height:24px;
        cursor: pointer
    }
    .pix-header-fixed .toggle-search {
        top:30%;
    }
    .toggle-menu{
        position:absolute;
        right:100px;
        width:80px;
        top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        display:block;
        height:24px;
        cursor: pointer
    }
    .toggle-menu.spacefix {
        right: 0;
    }
    .site-header .header-inner .show_mob {
        display: block;
    }
    .site-header .header-inner .show_mob .nav-btn {
        position: absolute;
        right: 0;
        top: 3px;
        display: block;
        background: #F3702A;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 20px;
        font-weight: normal;
        text-transform: uppercase;
    }
    .site-header .header-inner .show_mob .nav-btn:hover {
        background:#fff;
        color:#F3702A;
        -webkit-box-shadow: 0 0 36px 4px rgba(79,35,35,.1);
        box-shadow: 0 0 36px 4px rgba(79,35,35,.1);
    }

    .toggle-menu-inner{
        width:26px;
    }
    .menu-label {
      position:absolute;
      display: block;
      opacity: 1;
        right:25px;
        width:26px;
        color:#000;
        top:50%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        display:block;
        font-weight: normal;
    }
    .toggle-menu .bar{
        width:18px;
        height:2px;
        display:block;
        float:left;
        margin:3px auto;
        -webkit-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
        background:#fff
    }
    .toggle-menu .bar:nth-child(2){
        width:24px
    }
    .site-header .header-inner .site-nav .nav-right{
        margin-left:20px
    }
    .site-header .header-inner .site-nav .nav-right .nav-btn{
        padding:8px 22px
    }
    .site-header .header-inner .mob-btn .nav-btn {
      display: block;
    }
    .site-header .site-mobile-logo{
        display:block
    }
    .site-header .site-main-menu li{
        margin:0 15px
    }
    .site-header .site-logo{
        display:none
    }
    .site-header.header-two.toggle-light .toggle-menu .bar{
        background:#fff
    }
    .site-header.header-five .toggle-menu .bar,.site-header.header-six .toggle-menu .bar{
        background:#333
    }
    .site-header .site-main-menu li .sub-menu{
        text-align: left;
    }
    .site-header .site-main-menu li .sub-menu li a{
        font-size: 13px;
    }
    .site-header .site-nav{
        position:fixed;
        width:380px!important;
        height:100vh;
        background:#fff;
        z-index:99;
        top:0;
        left:-100%;
        display:block!important;
        -webkit-transition:all .5s ease-in-out;
        -o-transition:all .5s ease-in-out;
        transition:all .5s ease-in-out;
        overflow:scroll;
        -webkit-box-shadow:0 20px 30px rgba(0,0,0,.1);
        box-shadow:0 20px 30px rgba(0,0,0,.1)
    }
    .site-header .site-nav .site-main-menu{
        display:block;
        width:100%;
        padding-bottom:50px;
        text-align:left
    }
    .site-header .site-nav .site-main-menu li{
        padding:0;
        margin:0;
        border-bottom:1px solid #f1f2f3
    }
    .site-header .site-nav .site-main-menu li:first-child{
        border-top:1px solid #f1f2f3
    }
    .site-header .site-nav .site-main-menu li a{
        display:block;
        color:#888;
        padding:6px 35px;
        font-weight:400;
        line-height: 3;
    }
    .site-header .site-nav .site-main-menu li a:after{
        display:none
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children{
        position:relative
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children:after{
        display:none
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children:focus,.site-header .site-nav .site-main-menu li.menu-item-has-children a:hover{
        color:#FF6600
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children i{
        position:absolute;
        top:6px;
        right:20px;
        display:block;
        width:30px;
        height:30px;
        text-align:center;
        line-height:30px;
        z-index:222
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu{
        position:static;
        -webkit-box-shadow:none;
        box-shadow:none;
        opacity:1;
        width:auto;
        visibility:visible;
        background:transparent;
        padding:0;
        display:none;
        -webkit-transition:none;
        -o-transition:none;
        transition:none
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li{
        padding:0
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li:first-child{
        border-top:1px solid #f1f2f3
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li:last-child{
        border-bottom:none;
        padding-bottom:0
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li a{
        color:#888;
        font-weight:400;
        padding:5px 35px 5px 45px
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu{
        opacity:1;
        visibility:visible;
        position:relative;
        left:0;
        top:auto
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li a{
        padding-left:60px
    }
    .site-header .site-nav .site-main-menu li.menu-item-has-children .sub-menu li.menu-item-has-children:after{
        content:"\33";
        color:#fff
    }
    .site-header .site-nav .nav-right{
        display:none
    }
    .site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children:focus,.site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children:focus:after,.site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children:hover,.site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children:hover:after,.site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children a:focus,.site-header .site-nav.nav-two .site-main-menu li.menu-item-has-children a:hover{
        color:#07132B
    }
    .site-header.header-two .toggle-menu .bar{
        background:#F3702A
    }
    .header-inner .site-mobile-logo img{
        max-width:125px;
        -webkit-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
    } 
    .pix-header-fixed .menu-label {
        color: #000
    }
    .pix-header-fixed .toggle-menu .bar{
        background:#F3702A !important
    }
    .pix-header-fixed .site-main-menu li.menu-item-has-children:after,.pix-header-fixed .site-main-menu li a{
        color:#fff
    }
    .pix-header-fixed .header-inner .site-logo{
        padding:12px 0
    }
    .pix-header-fixed.header-two.toggle-light .toggle-menu .bar{
        background:#000
    }
    .sidebar-open .site-header .site-nav{
        left:0
    }
    .sidebar-open .menu-wrapper:before{
        opacity:1;
        visibility:visible
    }
    .close-menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        top:0;
        text-align:right;
        width:100%;
        left:0;
        padding:2px;
        padding:30px 20px
    }
    .close-menu i{
        font-size:36px;
        color:#F3702A
    }
    .close-menu span{
        font-size:15px
    }
    .header-dark .toggle-menu .bar{
        background:#F3702A
    }
}
@media (max-width:767px){
    .site-header .header-inner .mob-btn .nav-btn {
      padding: 7px 15px;
      width: 140px;
      font-size: 13px;
    }
    .site-header .header-inner .show_mob .nav-btn {
        padding: 10px 15px;
    }
}

@media (max-width:575px){
    .floating-header .social-link {
        display: none;
    }
    .floating-header .contact li:last-child {
        float: right;
        margin-right: 0;
    }
}

@media (max-width:560px){
    .pix-header-fixed {
        display: none;
    }
  .site-header .header-inner .mob-btn .nav-btn {
      padding: 7px 12px;
      width: 120px;
      font-size: 12px;
    }
    .toggle-menu{
        right:80px;
    }

    .toggle-menu.spacefix {
        right: 0;
        top: 40px;
    }
    .site-header .header-inner .show_mob .nav-btn {
        position: inherit;
        padding: 9px 15px;
        width: 180px;
        margin: 15px auto 0;
        text-align: center;
    }
}
@media (max-width:480px){
    .site-header .header-inner .mob-btn .nav-btn span {
      display: none;
    }
    .header-inner .site-mobile-logo img {
      width: 200px;
    }
    .site-header .header-inner .mob-btn .nav-btn {
        padding: 4px 12px;
        width: 60px;
        font-size: 11px;
    }
}
@media (max-width:420px){
    .site-header .site-nav{
        width: 95%!important
    }
    .col-2.mob-btn {
        -ms-flex: 0 0 14.666667%;
        flex: 0 0 14.666667%;
        max-width: 14.666667%;
    }
    .toggle-menu{
        right:55px;
    }   
    .menu-label,
    .site-header .header-inner .show_mob .nav-btn {
        font-size: 13px;
    }    
    .site-header .header-inner .show_mob .nav-btn {
        top: 8px;
    }
    .pix-header-fixed .header-inner .show_mob .nav-btn {
        top: 15px;
    }
    .pix-header-fixed .toggle-menu {
        top: 28px;
    }
    .site-header .header-inner .show_mob .nav-btn span {
        font-size: 16px;
    }
}
@media (max-width:360px){

    .header-inner .site-mobile-logo img {
      width: 115px;
    }
    .header-inner .site-mobile-logo img {
        margin-left: 0;
    } 
    .toggle-menu.spacefix {
        right: 0;
    }
    .menu-label {
        display: none;
    }
    .toggle-menu {
        width: 40px;
    }
}
.banner{
    position:relative
}
.landing-logo {
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 2;
}
.landing-logo a {
    display: block;
    width: 200px;
    margin: 0 auto 70px;
}
.landing-logo img {
    max-width: 200px;
}
.banner .banner-content-wrap{
    position:relative;
    -webkit-transform:translateY(10%);
    -ms-transform:translateY(10%);
    transform:translateY(10%);
    z-index:2
}
.banner .banner-content .banner-title{
    font-size:56px;
    font-family: 'Poppins', sans-serif;
    line-height:70px;
    color:#fff;
    margin-bottom:20px;
    text-align: right;
    width: 550px;
    margin: 0 auto;
    font-weight: 800;
}
.banner .banner-content .banner-title span{
    position: relative;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    color: #fff;
    display: block;
}
.banner .banner-content .banner-title span:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    content: '';
    width: 60px;
    height: 3px;
    background-color: #fff;
}
.banner .banner-content.caption-float-right .banner-title span:before {
    right: 0;
    left: auto;
}
.banner .banner-content.caption-float-center .banner-title span:before {
    display: none;
}
/*
.banner .banner-content .banner-title b {
    color: #F3702A;
    /*background-image: linear-gradient(45deg, #F3702A, #B7DCFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent; */
    /*padding: 3px 12px;    
    position: relative;
    line-height: normal;
    top: 10px;
    border: 4px solid; 
    border-top-color: #fff;
    border-right-color: #fff;
    border-left-color: #B7DCFF;
    border-bottom-color: #B7DCFF;
    text-transform: uppercase;
    background-color: rgba(255,255,255,.2);
    font-size: 42px;
}

.banner .banner-content .banner-title b::after {
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 70px;
    background-color: #fff;
    padding: 15px;
    z-index: -1;
    opacity: .5;
}
*/
.banner .banner-content .banner-title b {
    color: #F3702A;
    position: relative;
}
.banner .banner-content .banner-title b::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: -2%;
    width: 104%;
    height: 25px;
    background-color: #B7DCFF;
    z-index: -1;
    display: block;
    padding: 10px;
}

.banner.banner-two{
    height:800px;
    overflow:hidden;
    background-image:-o-linear-gradient(150deg,#000 0,#000 100%);
    background-image:linear-gradient(-60deg,#000,#000)
}
.home .banner.banner-two{
    height:700px;
}

.banner.banner-two .hero-bg {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    opacity: 1;
}
.banner.banner-two .hero-bg::before {
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
}

.banner.banner-two .banner-content .banner-btn.color-two{
    background:#07132B;
    -webkit-box-shadow:0 20px 30px 0 rgba(90,70,176,.3);
    box-shadow:0 20px 30px 0 rgba(90,70,176,.3);
    border:1px solid transparent
}
.banner.banner-two .banner-content .banner-btn:hover{
    -webkit-box-shadow:none;
    box-shadow:none;
    color:#fff
}

.hero-slider .banner .banner-content .banner-title {
    margin: 300px auto 0;
}
.hero-slider.home .banner .banner-content .banner-title {
    margin: 150px 0 0;
}
.hero-slider.home .banner .banner-content.caption-float-left .banner-title {
    float: left;
    text-align: left;
}
.caption-float-left .btn-one,
.caption-float-center .btn-one {
   text-align: center;
}
.caption-float-left .btn-one,
.caption-float-center .btn-one,
.caption-float-right .btn-one {
   color: #fff;
}
.hero-slider.home .banner .banner-content.caption-float-center .banner-title,
.caption-float-center .btn-one {
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.hero-slider.home .banner .banner-content.caption-float-right .banner-title,
.caption-float-right .btn-one {
    float: right;
}

.hero-slider .slick-arrow {
    position: absolute;
    top: 40%;
    z-index: 999;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid transparent;
    opacity: 0;
    margin-top: 45px; 
    visibility: hidden;
    outline: none
}
.hero-slider:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}
.hero-slider .slick-arrow i {
  -webkit-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  font-size: 34px;
  display: block;
  line-height: 55px; 
}
.hero-slider .slick-arrow.slick-next {
    right: 20px;    
    background-color: #124477;
    color: #fff
}
.hero-slider .slick-arrow.slick-prev {
    left: 20px;  
    background-color: #124477;
    color: #fff    
}
.hero-slider .slick-arrow.slick-prev:hover,
.hero-slider .slick-arrow.slick-next:hover  {
    color: #ffffff;
    background-color: transparent;
}

.hero-slider .slick-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-left: 0;
}
.hero-slider .slick-dots li {  
  display: inline-block;
}
.hero-slider .slick-dots li button {
  background-image: none;
  width: 12px;
  height: 12px;
  margin: 0px 10px;
  background: #e1e1e1;
  border: 0;
  border-radius: 100%;
  padding: 0px;
  transition: all 500ms ease;
  color: #fdfdfc;
  font-size: 0;
  padding-top: 3px;
}
.hero-slider .slick-dots li.slick-active button {
    background: #fff;
    position: relative;
}
.hero-slider .slick-dots li.slick-active button::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 1px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #ffffff;
    display: block;
}

@media (max-width:1330px) and (min-width:1200px) {
    .hero-slider.home .banner .banner-content.caption-float-left .banner-title {
        margin-left: 70px;
    }
    .hero-slider.home .banner .banner-content.caption-float-right .banner-title {
         margin-right: 70px;
    }
}
@media (max-width:1100px) and (min-width:992px) {
    .hero-slider.home .banner .banner-content.caption-float-left .banner-title {
        margin-left: 70px;
    }
    .hero-slider.home .banner .banner-content.caption-float-right .banner-title {
         margin-right: 70px;
    }
    .banner .banner-content .banner-title {
        font-size: 46px;
        line-height: 58px;
    }
}
@media (max-width:880px) and (min-width:768px) {
    .hero-slider.home .banner .banner-content.caption-float-left .banner-title {
        margin-left: 60px;
    }
    .hero-slider.home .banner .banner-content.caption-float-right .banner-title {
         margin-right: 60px;
    }
}


@media (max-width:991px){
    .hero-slider.home {
        margin-top: 0;
    }
    .hero-slider.home .banner .banner-content .banner-title {
        margin: 150px auto 0;
    }
    .hero-slider .slick-arrow {
        opacity: 1;
        visibility: visible;
    }
    .banner .banner-content .banner-title{
        font-size:40px;
        line-height:52px;
        margin-bottom:20px;
        width: 420px;
    }
    .banner .banner-content .banner-title span{
        font-size: 14px;
        letter-spacing: 1.5px;
    }
}

@media (max-width:767px){

    .banner .banner-content-wrap{
        -webkit-transform:translateY(5%);
        -ms-transform:translateY(5%);
        transform:translateY(5%);
    }
    .hero-slider.home {
        margin-top: 0;
    }
    .banner .landing-logo a {
        width: 150px;
    }
    .banner .landing-logo img {
        max-width: 150px;
    }
    .landing-logo a {
        width: 150px;
        margin: 0 auto 50px;
    }
    .landing-logo img {
        max-width: 150px;
    }

    
    .hero-slider .banner .banner-content .banner-title {
        margin: 200px auto 0;
    }
    .hero-slider.home .banner .banner-content .banner-title {
        margin: 100px auto 0;
    }
    .hero-slider .slick-arrow.slick-next {
        left: 120px;
    }
    .hero-slider .slick-arrow.slick-prev {
        left: 50px;   
    }

}
@media (max-width:560px){
   .banner .banner-content .banner-title{
        font-size:36px;
        line-height:48px;
        margin-bottom:20px;
        width: 320px;
    }
    .banner .banner-content .banner-title span{
        font-size: 12px;
        letter-spacing: 1px;
    }
}
@media (max-width:420px){
    .banner .landing-logo {
        width: 170px;
        margin: 0 auto 50px
    }
    .banner .landing-logo img {
        max-width: 150px;
    }
   .banner .banner-content .banner-title{
        font-size:24px;
        line-height:32px;
        margin-bottom:20px;
        width: 280px;
    }

    .banner .banner-content .banner-title span {
        letter-spacing: .5px;
        margin-bottom: 15px;
    }
    .banner .banner-content .banner-title span::before {
        bottom: -5px;
        width: 50px;
        height: 2px;
    }
    .hero-slider .slick-dots li button {
        margin: 0px 5px;
    }
}
@media (max-width:380px){
    .hero-slider.home .banner .banner-content .banner-title{
        font-size:22px;
        line-height:26px;
    }
}



/*============  Buttons  =============*/
.btn-one {
    color: #B7DCFF;
    background-color: #F3702A;
    margin-top: 45px;
    font-size: 18px;
    line-height: 50px;
    width: 200px;
    padding: 0 !important;
    text-transform: capitalize;
    font-weight: bold;
    transition: all 500ms ease;
    display: block;
    margin-top: 40px;
    text-align: center;
    border-radius: 30px;
}
.btn-one:hover{
    color: #B7DCFF;
    background: #030B33;
}
.btn-two {
    background: #fff;
    color: #F3702A;
    font-size: 14px;
    line-height: 45px;
    font-weight: 600;
    width: 180px;
    text-align: center;
    text-transform: capitalize;
    padding: 0 40px 0 0;
    transition: all 500ms ease;
    display: block;
    margin-top: 30px;
    border-radius: 30px;
}
.btn-two:hover{
    background-color: #124477;
    color: #F3702A;
    -webkit-box-shadow: 0 0 36px 4px rgba(79,35,35,.1);
    box-shadow: 0 0 36px 4px rgba(79,35,35,.1);
}
.btn-two.#F3702Abg,
.btn-two.#F3702Abg:hover .custom-next::after {
    background: #FD2203;
    color: #fff;
}
.btn-two.#F3702Abg:hover,
.btn-two.#F3702Abg .custom-next::after {
    background: #fff;
    color: #FD2203;
}
.btn-two.#F3702Abg .custom-next::before {
    border-left: 8px solid #fff;
}
.btn-two.#F3702Abg:hover .custom-next::before {
    border-left: 8px solid #FD2203;
}

.btn-three {
    background: transparent;
    color: #fff;
    border:  2px solid #fff;
    font-size: 14px;
    line-height: 50px;
    font-weight: 600;
    width: 170px;
    text-align: center;
    text-transform: capitalize;
    padding: 0 40px 0 0;
    transition: all 500ms ease;
    display: block;
    margin-top: 30px
}
.btn-three:hover{
    color: #F3702A;
    background-color: #fff;
}

.custom-next,
.custom-prev {
    position: relative;
}
.custom-next::before {
    content: '';
    position: absolute;
    right: -40px;
    top: 6.8px;
    border-top: 4px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 4px solid transparent;
}
.custom-next::after {
    content: '';
    position: absolute;
    right: -35px;
    top: 10px;
    width: 30px;
    height: 1px;
    background-color: #fff
}
.custom-prev::before {
    content: '';
    position: absolute;
    left: -40px;
    top: 5px;
    border-top: 4px solid transparent;
    border-right: 8px solid #fff;
    border-bottom: 4px solid transparent;
}
.btn-one .custom-next::after {
    background-color: #B7DCFF
}
.btn-one .custom-next::before {
    border-left: 8px solid #B7DCFF;
}
.custom-prev::after {
    content: '';
    position: absolute;
    left: -35px;
    top: 8.5px;
    width: 30px;
    height: 1px;
    background-color: #fff
}
.btn-two .custom-next::before {
    border-left: 8px solid #F3702A;    
}
.btn-two .custom-next::after {
    background-color: #F3702A
}
.btn-two.bgcol2 .custom-next::before,
.btn-two.bgcol2:hover .custom-next::before {
    border-left: 8px solid #fff;    
}
.btn-two.bgcol2 .custom-next::after,
.btn-two.bgcol2:hover .custom-next::after  {
    background-color: #fff
}
.btn-two:hover .custom-next::before {
    border-left: 8px solid #F3702A;    
}
.btn-two:hover .custom-next::after {
    background-color: #F3702A
}

.btn-three .custom-next::after {
    top: 9px;
    width: 25px;
}
.btn-three .custom-next::before {
    top: 5.8px;
}
.btn-three:hover .custom-next::after {
    top: 9px;
    width: 25px;
}
.btn-three:hover .custom-next::before {
    border-left: 8px solid #F3702A;
}
.btn-three:hover .custom-next::after {
    background-color: #F3702A;
}

.btn {
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    border: none;
    text-align: center;
    text-transform: capitalize;
    padding: 15px 30px;
    transition: all 500ms ease;
    display: block;
    color: #fff
}

@media (max-width:992px) {
    .btn-one {
        font-size: 14px;
        line-height: 50px;
        width: 160px;
        padding: 0 40px 0 0;
        margin-top: 30px;
        text-align: center !important;
    }
    .custom-next::before {
        top: 7.7px;
    }
    .custom-next::after {
        top: 11px;
    }
}

@media (max-width:560px) {
    .btn-one {
        font-size: 12px;
        line-height: 40px;
        width: 150px;
        padding: 0 40px 0 0;
        margin-top: 30px;
        text-align: center !important;
    }
    .custom-next::before {
        top: 2px;
    }
    .custom-next::after {
        content: '';
        position: absolute;
        right: -35px;
        top: 5px;
        width: 25px;
        height: 1px;
        background-color: #fff;
    }
}


/*============  Colors  =============*/

.bg-primary {
    background-color: #F3702A;
}
.color-primary {
    color: #F3702A;
}
.bg-#F3702A {
    background-color: #FD2203;
}
.color-#F3702A {
    color: #FD2203;
}
.color-orange {
    color: #F3702A !important;
}
.white {
    color: #fff !important;
}
.bg-blue {
    background-color: #B7DCFF;
}
.color-blue {
    color: #B7DCFF;
}
.bgcol1,
.bgcol2:hover
 {
    background-color: #F3702A !important;
    color: #fff;
}
.bgcol2,
.bgcol1:hover {
    background-color: #B7DCFF !important;
    color: #fff;
}





/*** 
=============================================
    About Area style      
=============================================
***/
.highlights-area{
    position: relative;
    display: block;
    background: transparent;
    margin-top: -135px;
    z-index: 100;
    padding-bottom: 50px;
}
.single-highlight-box{
    position: relative;
    display: block;
    background: transparent;
    padding-top: 55px;
    margin-bottom: 50px;
}
.single-highlight-box .icon-holder{
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: #ffffff;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #B7DCFF;
    text-align: center;
    z-index: 3;
}
.single-highlight-box .icon-holder::before {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    content: "";
    background: #f1f1f1;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateY(-90deg) translateZ(0px);
    opacity: 0;
    z-index: -1;
}
.single-highlight-box:hover .icon-holder::before{
    transform: perspective(1200px) rotateY(0deg) translateZ(0px);
    transition-delay: 0.1s;
    opacity: 1;
}

.single-highlight-box .icon-holder span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: 15px auto;
    display: block;
}
.single-highlight-box .icon-holder span img {
    max-width: 80px;
    max-height: 80px;
}
.single-highlight-box .icon-holder span .white,
.single-highlight-box:hover .icon-holder span .normal {
    display: none;
}
.single-highlight-box:hover .icon-holder span .white {
    display: block;
    margin: 10px auto;
}
.single-highlight-box .inner-content{
    position: relative;
    display: block;
    background: #ffffff;
    padding-top: 55px;
    box-shadow: 0px 4px 11px -1px #999;  
}

.single-highlight-box .inner-content .text{
    position: relative;
    display: block;
    padding: 26px 50px 32px;  
}

.single-highlight-box .inner-content h3 {
    font-weight: bold;
    margin: 0 18px;
    font-family: 'Poppins', sans-serif;
    color: #F3702A;
    line-height: 1.5;
    font-size: 20px;
    text-transform: uppercase;
}
.single-highlight-box .inner-content h3 span {
    font-weight: normal;
}
.single-highlight-box .inner-content p{
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}
.single-highlight-box .inner-content a{
    position: relative;
    display: block;
    background: #F3702A;
    color: #fff;
}
.single-highlight-box .inner-content .btn-one {
    width: 50%;
    float: left;
    background: #e9212e;
    color: #ffffff;
    font-size: 13px;
    line-height: 60px;
    text-transform: capitalize;
    padding: 0 30px 0 0;
    transition: all 500ms ease;
}
.single-highlight-box .btn-one .custom-next::after {
    right: -25px;
    width: 20px;
}
.single-highlight-box .btn-one .custom-next::before {
    right: -30px;
}
.single-highlight-box:hover .inner-content a {    
    background: #FD2203;
    color: #fff;  
}
@media (min-width: 992px) and (max-width: 1200px) {
    .single-highlight-box .inner-content .text{
        padding: 25px 20px 27px;  
    }
    .single-highlight-box .inner-content h3 {
        line-height: 1.4;
        font-size: 18px
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .single-highlight-box {
        margin-bottom: 110px;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
    .single-highlight-box .inner-content .text{
        padding: 20px 20px 22px;  
    }
    .single-highlight-box .inner-content h3 {
        margin: 0px 0 18px;
        line-height: 1.4;
        font-size: 18px
    }
}
@media (max-width: 767px) {
    .single-highlight-box {
        margin-bottom: 110px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .single-highlight-box .inner-content .text{
        padding: 20px 20px 22px;  
    }
    .single-highlight-box .inner-content h3 {
        font-size: 18px
    }
}



/*============  Section Titles  =============*/
.sectitle-wrap-left {
    width: 400px;
}
.sectitle-wrap-right {
    width: 400px;
    float: right;
    text-align: right;
}
.sec-title {
    padding-bottom: 50px;
}
.mvcsection .sec-title {
    padding-bottom: 20px;
}
.sec-title .sub-title {
    text-transform: uppercase;
    color: #3AA9E3;
    letter-spacing: 3px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}
.sec-title .title {
    color: #124477; 
    font-weight: 800;  
    line-height: 1.3; 
}
.sec-title .title2 {
    color: #fff;  
    font-weight: 800;  
}
.sec-title .title span {
    color: #B7DCFF;
}
.sec-title.bg-color1 .title{
    color: #fff;
}
.sec-title .sec-line {
    position: relative;
    height: 4px;
    width: 50px;
    background-color: #ccc;
}
.sec-title.text-center .sec-line {
    margin: 0 auto
}



/*============  Landing Page About Section  =============*/

.home-about-area {
    display: block;
}
.home-about-area .column1,
.home-about-area .column2 {
    height: 600px;
    width: 100%;
    overflow: hidden;
}
.home-about-area .column1 img,
.home-about-area .column2 img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}
.home-about-area .column2 img {
    opacity: .2;
}
.home-about-area .column2 {
    position: relative;
}
.home-about-area .column-title-holder {
    padding: 60px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 70%;
    height: auto;
}
.home-about-area .text-box {
    position: absolute;
    width: 85%;
    height: auto;
    bottom: 0;
    left: -50px;
    z-index: 2;
    background-color: #F3702A;
    padding: 60px;
    color: #fff;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .home-about-area .column-title-holder {
        width: 90%;
    }
    .home-about-area .text-box {
        width: 95%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .home-about-area .column-title-holder {
        width: 100%;
        padding: 40px;
    }
    .home-about-area .text-box {
        width: 100%;
        padding: 45px;
    }
}

@media (max-width: 767px) {
    .home-about-area .column-title-holder {
        width: 95%;
        padding: 50px;
    }
    .home-about-area .text-box {
        width: 100%;
        padding: 50px;
    }
}

@media (max-width: 580px) {
    .home-about-area .column-title-holder {
        width: 100%;
        padding: 40px;
    }
    .home-about-area .text-box {
        width: 100%;
        padding: 40px;
    }
}
@media (max-width: 420px) {
    .home-about-area .column-title-holder {
        width: 100%;       
        padding: 40px 20px;
    }
    .home-about-area .text-box {
        left: -20px;
        padding: 40px 30px;
    }
    
}

@media (max-width: 379px) {
    .home-about-area .column1, 
    .home-about-area .column2 {
        height: 700px;
    }
}



/*============ Fixed Background Section  =============*/
.fixedbg-section {
    height: auto;
    padding: 80px 0;
}


/*============ Process Section on Homepage  =============*/
.process.fixedbg-section {    
    color: #fff;
}
.process.fixedbg-section ul {
    padding-left: 0;
    list-style: none;
    width: 300px;
    transition: all ease-in-out .5s;
}
.process.fixedbg-section li {
    display: inline-block;
}
.process.fixedbg-section li.icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: all ease-in-out .5s;
    text-align: center;
}
.process.fixedbg-section li.icon span {
    background-color: #fff;
    color: #F3702A;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    display: block;
    margin: 10px auto;
}
.process.fixedbg-section li.icon span img {
    width: 25px;
}
.process.fixedbg-section .text {
    font-weight: 600;
    font-size: 16px;
    float: right;
    width: 220px;
    margin-left: 5px;
    padding-top: 10px;
    line-height: 1.2;
    transition: all ease-in-out .5s;
}
.process.fixedbg-section ul:hover li.icon {
    transform-style: preserve-3d;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    border: 1px solid rgba(255, 255, 255, 1);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .process.fixedbg-section ul {
        width: 250px;
    }
    .process.fixedbg-section .text {
        width: 170px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .process.fixedbg-section ul {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .process.fixedbg-section ul {
        width: 250px;
        margin-bottom: 30px;
    }
    .process.fixedbg-section .text {
        width: 170px;
    }
}

@media (max-width: 575px) {
    .process.fixedbg-section ul {
        width: 300px;
    }
    .process.fixedbg-section .text {
        width: 230px;
    }
}

@media (max-width: 379px) {
    .process.fixedbg-section ul {
        width: 250px;
    }
    .process.fixedbg-section .text {
        width: 170px;
    }
}




/*============ Services Section on Homepage  =============*/
.service{
    padding-top:100px;
    padding-bottom: 100px;
    position: relative;
}
.service .shape-bg1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1px;
}
.service .sec-title p {
    width: 500px;
    margin-top: 35px;
}
/*
.service .shape-bg1 {
    background: url('images/bg-shape1.png') no-repeat bottom right;
    position: absolute;
    bottom: -100px;
    right: 0;
    width: 100%;
    height: 1000px;
    z-index: 0
}*/
.service-item {
    width: 33%;
    margin: 80px 0 0;
    float: left;
    padding: 0 30px;
    height: auto;
}
.service-item .icon {
    width: 100px;
    height: 100px;
    background-color: #F3702A;
    border-radius: 100%;
    line-height: 100px;
    float: left;
    text-align: center;
    transition: all ease-in-out .3s;
}
.servicespg .service-item .icon {
    float: none;
}
.service-item:hover .icon {    
    -webkit-box-shadow:0 20px 30px 0 rgba(0,0,0,.1);
    box-shadow:0 20px 30px 0 rgba(0,0,0,.1);    
    background-color: #000;
}
.servicespg .service-item {
    width: 100%;
    padding: 0 20px 0 20px;
    float: none;
    margin: 0 0 40px;
}
.servicespg .about-thumb {
    height: 500px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.servicespg .about-thumb img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  transition: all ease-in-out .3s;
}
.service-item a {
    color: #fff;
    transition: all ease-in-out .3s;
    font-weight: 600;
    padding-top: 25px;
    font-size: 15px;
    display: block;
    padding-left: 20px;
    line-height: 1.4;
    vertical-align: middle;
    display: table-cell;
}
.servicespg .service-item a {
    color: #124477;
    padding-top: 15px;
}
.service-item a:hover {
    color: #F3702A;
}
.service-item img {
  width: auto;
  max-width: 65px;
  height: auto;
  max-height: 50px;
}
.service-item .slick-slide img {
  display: unset;
}
@media (max-width:1150px) and (min-width: 992px) {
    .servicespg .service-item {
        text-align: center;
    }
    .servicespg .service-item a {
        padding-left: 0;
    }
    .servicespg .service-item .icon {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .servicespg .service-item img {
        max-width: 45px;
        max-height: 40px;
    }
}
@media (max-width:991px) and (min-width: 768px) {
    .service .sec-title p {
        width: 90%;
    }

    .service-item {
        margin: 0 0 30px !important;
        width: 50% !important;
        padding: 0 30px 0 0 !important;
        height: 180px;
    }
    .servicespg .service-item {
        margin: 0 0 50px !important;
    }
    .servpg .service-item {
        width: 33% !important;
        padding: 0 30px 0 30px !important;
    }
    .servicespg .service-item {
        width: 100% !important;
        padding: 0 20px 0 20px !important;
    }
    .service-item a {
        line-height: 1.3;
    }
}
@media (max-width:850px) and (min-width: 768px) {
    .service-ft-img {
        width: 355px !important;
    }
}
@media (max-width: 767px) {

    .service{
        padding-bottom: 60px;
    }
    .service .sec-title p {
        width: 90%;
    }
    .servicespg .about-thumb {
        height: 400px;
    }
    .servicespg .service-item {
        margin: 0 0 30px;
    }
    .service-item {
        width: 50% !important;
        margin: 0 0 20px;
        padding: 0 15px 0 0;
        height: 200px;
    }
    .servpg .service-item {
        width: 50% !important;
        padding: 0 30px 0 30px !important;
    }
    .service-item a {
        line-height: 1.3;
    }
}

@media (max-width:580px){
    .servicespg .about-thumb {
        height: 300px;
    }
    .service-item {
        width: 50% !important;
        margin: 0 0 20px;
        padding: 0 15px 0 0;
        height: 180px;
    }
    .service-item a {
        font-size: 14px;
    }
    .servicespg .service-item {
        width: 100% !important;
        margin: 0 0 30px;
        padding: 0 10px;
        height: auto;
    }
}

@media (max-width: 420px) {
    .servicespg .about-thumb {
        height: 250px;
    }
    .servicespg .service-item a {
        padding-left: 10px;
    }
    .servicespg .service-item .icon {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
    .servicespg .service-item img {
        max-width: 45px;
        max-height: 40px;
    }

    .service-item {
        width: 50% !important;
        margin: 0 0 30px !important;
        padding: 0 !important;
        height: 200px;
    }    
    .servpg .service-item {
        width: 90% !important;
        padding: 0 !important;
        text-align: left !important;
    }
    .service .sec-title.text-center {
        text-align: left !important;
    }
    .service .sec-title.text-center .sec-line {
        margin: 0!important;
    }
}




.about-area{
    position: relative;
    display: block;
    padding-top: 90px;
    padding-bottom: 80px;
    background: #F3702A;
}
.about-area.abtpg{
    background: #fff;
}
.about-area.servpg {
    background: #fff;
}
.about-area.servpg .shape-bg2 {
    background: url('images/bg-shape1.png') no-repeat top right;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 1000px;
    z-index: 0
}

.page-sec-label {
    position: absolute;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 90px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    left: -10px;
    bottom: 130px;
}
.page-sec-label::before {
    content: '';
    position: relative;
    left: -80px;
    top: 12px;
    z-index: 1;
    width: 60px;
    height: 1px;
    background-color: #fff;
    display: block;
}
 

.about-area .about-thumb {
    height: 600px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.about-area .about-thumb.history {
    height: auto;
}
.about-area .about-thumb img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  transition: all ease-in-out .3s;
}
.about-area .about-thumb:hover img {
  -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
}

.home-about-area.vmv .column1, 
.home-about-area.vmv .column2 {
    height: 950px;
}
.home-about-area.vmv .column2 img {
    opacity: .4;
}
.home-about-area .column-title-holder {
    padding: 50px;
    width: 90%;
}
.home-about-area.vmv .text-box ul br {
    display: none;
}
.home-about-area.vmv .text-box ul {
    list-style: circle;
    padding-left: 10px;
}
.home-about-area.vmv .text-box ul li {
    padding-left: 15px;
    padding-bottom: 10px;
}
.home-about-area.vmv .text-box {
    width: 90%;
    bottom: 0;
    left: -50px;
    background-color: #000;
    padding: 50px;
}


.about-image-box .text-box {
    position: relative;
    display: block;
    padding-top: 25px;
    padding-right: 20px;
    margin-right: 60px;
    z-index: 1;
}
.about-image-box .text-box p {
    color: #828282;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 17px;
}
.about-image-box .text-box h3{
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}


.about-text{
    position: relative;
    display: block;
}
.about-text .inner-content{
    position: relative;
    display: block;    
}

.about-text .inner-content .text {
    display: block;
    padding-bottom: 26px;
}
.about-area.abtpg .about-text .inner-content .text ul br {
    display: none;
}
.about-image-box .inner-box img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  transition: all ease-in-out .3s;
}
.about-image-box .inner-box:hover img {
  -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
}
.about-area.servpg .about-text .inner-content .text ul br {
    display: none;
}
.about-area .about-text .inner-content .text ul {
    list-style: circle;
    padding-left: 15px;
    margin-bottom: 0;
}

.abt-focus {
    margin: 0;
    padding: 20px 30px;
    list-style: none;
    border: 2px solid #fff;
    margin-left: 50px;
    margin-top: -2px;
}
.abt-focus li {
    display: inline-block;
}
.abt-focus .focus-icon {
    width: 20%;
}
.abt-focus .focus-texts {
    width: 77%;
    color: #fff;
    line-height: 1.4;
}
.abt-focus .focus-texts h5 {
    color: #B7DCFF;
    text-transform: uppercase;
}
.abt-focus .focus-icon img {
    width: 85px;
    vertical-align: unset;
}

.servpg .sectitle-wrap-left {
    width: 90%;
}
.servpg .sec-title {
    padding-bottom: 40px;
}



@media (min-width: 992px) and (max-width: 1199px) {
    .about-text {
        margin-top: 30px;
    }
    .home-about-area.vmv .column1, 
    .home-about-area.vmv .column2 {
        height: 1100px;
    }

    .abt-focus {
        padding: 20px 30px;
        margin-left: 40px;
    }
    .abt-focus .focus-icon {
        width: 25%;
    }
    .abt-focus .focus-texts {
        width: 73%;
    }
    .abt-focus .focus-icon img {
        width: 80px;
    }

    .about-image-box {
        padding-top: 50px;
        padding-left: 50px;    
        padding-bottom: 50px;
    }
    .about-image-box:before{
        width: 50px;
    }
  .about-area .about-image-box {
    width: 100%;
  }
  .about-image-box .inner-box {
    height: 400px;
  }

  .about-carousel-box {
    margin-bottom: 90px;
  }
}

@media (min-width: 868px) and (max-width: 991px) {    
    .home-about-area.vmv .column1, 
    .home-about-area.vmv .column2 {
        height: 1100px;
    }
}

@media (min-width: 768px) and (max-width: 867px) {    
    .home-about-area.vmv .column1, 
    .home-about-area.vmv .column2 {
        height: 1150px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-sec-label {
        left: -25px;
    }
    .about-text {
        margin-top: 50px;
    }
    .about-area .about-thumb {
        height: auto;
        max-height: 400px;
    }
    .home-about-area .column-title-holder {
        padding: 50px;
        width: 100%;
    }
    .home-about-area.vmv .sec-title {
        padding-bottom: 40px;
    }
    .home-about-area.vmv .text-box {
        width: 100%;
        padding: 42px;
    }

    .abt-focus {
        padding: 15px 20px;
        margin-left: 20px;
    }
    .abt-focus .focus-icon {
        width: 25%;
    }
    .abt-focus .focus-texts {
        width: 73%;
    }
    .abt-focus .focus-icon img {
        width: 80px;
    }

  .about-area .about-image-box {
    width: 100%;
  }
  .about-image-box .inner-box {
    height: 400px;
  }
  .about-carousel-box {
    margin-bottom: 80px;
  }
  .about-text {
    padding-left: 10px;
   }   
   .about-text .inner-content .text p,
   .about-carousel-box p {
    font-size: 14px;
    line-height: 1.5;
   }
}

@media (max-width: 767px) {
    .page-sec-label {
        left: -25px;
    }    
    .about-area .about-thumb {
        height: auto;
        max-height: 350px;
    }
    .about-text {
        margin-top: 50px;
    }

    .home-about-area.vmv .column1 {
        height: 350px;
    }
    .home-about-area.vmv .column2 {
        height: auto;
    }
    .home-about-area.vmv .column-title-holder {
        position: static;
    }
    .home-about-area.vmv .column2 img {
        opacity: 1;
    }
    .home-about-area .column-title-holder {
        padding: 50px;
        width: 100%;
    }
    .home-about-area.vmv .sec-title {
        padding-bottom: 40px;
    }
    .home-about-area.vmv .text-box {
        width: 100%;
        padding: 42px;
        position: static;
    }
    .about-area.principles .sec-line {
        margin: 10px 0 !important;
    }
    .about-area .about-sec .saaspik-icon-box-wrapper.style-five {
        padding: 0 !important;
    }

    .abt-focus {
        margin-left: 0;
    }
    .abt-focus.mobmargin {
        margin-top: 30px;
    }
  .about-image-box {
        padding-top: 40px;
        padding-left: 40px;    
        padding-bottom: 40px;
        max-width: 100%;
    }
    .about-image-box:before{
        width: 40px;
    }
    .about-image-box .inner-box {
    height: 400px;
  }
  .about-text {
    padding-left: 0;
    padding-top: 40px
   }
  .about-carousel-box {
    margin-bottom: 70px;
  }
}

@media (max-width: 575px) {
    .sectitle-wrap-left {
        width: 80%;
    }
    .sectitle-wrap-right {
        width: 80%;
    }
    
    .page-sec-label {
        left: -15px;
    }
    .about-area.servpg .about-thumb {
        max-height: 300px;
    }   
    .about-area .about-thumb {
        max-height: 300px;
    }
    .abtmobmt {
        margin-top: 30px;
    }

  .about-area .about-image-box {
    max-width: 90%;
  }
  .about-image-box .inner-box {
    height: 300px;
  }
}
@media (max-width: 480px) {  
    .page-sec-label {
        display: none;
    } 
    .about-area .about-thumb {
        max-height: 250px;
    }

    .about-text {
        padding-left: 0;
        padding-top: 0;
    }

    .home-about-area.vmv .column1, 
    .home-about-area.vmv .column2 {
        height: 400px;
    }
    .home-about-area .column-title-holder {
        padding: 40px;
    }

  .about-image-box .inner-box {
    height: 250px;
  }  
   .about-text .inner-content .text p,
   .about-carousel-box p {
    font-size: 14px;
    line-height: 1.5;
   }
   .servpg .about-text .inner-content .text {
        padding-bottom: 0;
    }
}

@media (max-width: 380px) {   
    .about-area .about-thumb {
        max-height: 200px;
    }
    .home-about-area.vmv .column1, 
    .home-about-area.vmv .column2 {
        height: 450px;
    }
}




.scroll-circle{
    position:absolute;
    bottom:-48%;
    z-index:1
}

@media (max-width:1440px){
    .banner.banner-two{
        height:800px
    }
    .home .banner.banner-two{
        height:700px;
    }
    .banner.banner-two .vector-bg{
        left:-14%;
        height:890px
    }
    .banner.banner-two .vector-bg img{
        height:890px
    }
}
@media (max-width:1340px){
    .banner.banner-two .vector-bg{
        left:-21%;
    }
}
@media (max-width:1280px){
    .banner.banner-one {
      height: 950px;
    }
    .banner.banner-one .banner-content .banner-title{
        font-size:34px;
        line-height:40px
    }
    .banner .banner-content .banner-title em {
        font-size: 16px;
    }
    .banner.banner-two .vector-bg{
        left:-24%
    }
    .banner.banner-one .banner-content p br{
        display:none
    }
    .banner.banner-one .promo-mockup{
        margin-left:20px
    }
    .banner.banner-one .promo-mockup img{
        max-width:450px
    }
    .banner.banner-six .banne-content-wrapper-six .banner-title{
        font-size:40px;
        line-height:50px
    }
}
@media (min-width:992px) and (max-width:1200px){
    .banner .banner-content p {
        font-size: 18px;
    }
    .banner .banner-content .description {
        line-height: 20px;
        font-size: 14px;
    }
    .banner.banner-two .banner-content p br{
        display:none
    }
    .banner.banner-two .animate-promo-mockup img:first-child{
        left:65px
    }
    .banner.banner-two .animate-promo-mockup img:nth-child(2){
        width:65px
    }
    .banner.banner-two .animate-promo-mockup img:nth-child(3){
        right:-100px;
        width:50px
    }
    .banner.banner-two .animate-promo-mockup img:nth-child(4){
        left:55px;
        width:125px;
        bottom:30px
    }
    .banner.banner-two .animate-promo-mockup img:nth-child(5){
        left:55%;
        width:40px
    }
    .banner.banner-two .animate-promo-mockup img:nth-child(6){
        right:-3px;
        width:180px;
        bottom:8px
    }
    .banner.banner-two .animate-promo-mockup img:nth-child(7){
        right:-35px;
        width:70px;
        bottom:50px
    }
    .banner.banner-three .shape{
        right:-25%
    }

    .slogan-area .title {
        width: 70%;
    }
    .service-item {
        padding: 0 5px 0 40px;
    }
    .servpg .service-item {
        width: 33%;
        padding: 0 30px 0 30px;
        text-align: center;
    }
    .service-item a {
        line-height: 1.3;
    }
}
@media (max-width:1200px){
    .banner.banner-two{
        height:750px
    }
    .home .banner.banner-two{
        height:650px;
    }
    .banner.banner-two .vector-bg{
        height:840px;
        left:-26%
    }
    .banner.banner-two .vector-bg img{
        height:840px
    }
}
@media (max-width:1120px) and (min-width:1061px) {
    .banner.banner-two .vector-bg{
        left:-28%
    }
}
@media (max-width:1060px) and (min-width:990px) {
    .banner.banner-two .vector-bg{
        left:-30%
    }
    .menu-hide {
        display: none;
    }
}
@media (max-width:990px) and (min-width: 768px) {   


    .banner.banner-two .circle-shape {
        bottom: -50%;
        right: -20%;
    }
    .banner .banner-content .description {
        line-height: 20px;
        font-size: 14px;
    }
    .banner .banner-content p {
        font-size: 16px;
        width: 70%;
    }

}
@media (max-width:991px){
    
    .banner.banner-two .vector-bg{
        height:840px;
        left:-27%
    }
    .banner.banner-two .vector-bg img{
        height:840px
    }

    .into-container-inner {
        width: 100%;
    }
}
.show_mob,
.no-show {
  display: none;
}
@media (max-width:768px){
    .hide_mob {
      display: none;
    }
    .show_mob {
      display: block;
    }

    .hero-slider.home .slick-arrow {
        bottom: 10%;
        display: none !important;
    }

    .banner .banner-content p {
        width: 80%;
    }

    .container-fluid {
      padding-left: 30px;
      padding-right: 30px;
    }
    
    .banner.banner-two{
        height:700px
    }
    .home .banner.banner-two{
        height:500px;
    }
    .banner.banner-two .vector-bg{
        right:-120%
    }

}

@media (max-width:480px){
   
    .banner .banner-content .description {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .banner.banner-two{
        height:670px
    }
    .home .banner.banner-two{
        height:500px;
    }
    .banner.banner-two .circle-shape img,
    .banner.banner-two .circle-shape2 img {
        width: 600px
    }
    .banner.banner-two .vector-bg{
        left:-65%
    }
    .banner .banner-content .banner-btn {
        padding: 7px 20px;
        font-size: 12px;
    }
    .banner .banner-content .description {
        margin-bottom: 25px;
    }
    .banner.banner-two .animate-promo-mockup{
        margin-left:0;
        margin-top:20px
    }
    .left-circle-shape{
        top:28%
    }
    
    .left-circle-shape{
        left:-20%
    }
    .left-circle-shape .circle-fill{
        height:350px;
        width:350px
    }
    .left-circle-shape .circle-border{
        height:200px;
        width:200px
    }
    .fee_box {
        margin-top: 0;
        float: none !important;
        width: 100%;
    }
    .fee_box.bg1 {
        margin-top: 20px
    }
}

@media (max-width:420px){
  .banner.banner-one .promo-mockup {
        margin-left: -30px;
    }
    .banner.banner-two .vector-bg{
        left:-80%
    }
    .home .banner.banner-two{
        height:430px;
    }
}

@media (max-width:380px){
    .container-fluid {
      padding-left: 15px;
      padding-right: 15px;
    }
    .banner .banner-button-container{
        display:block
    }
    .banner .banner-button-container .play-btn{
        margin-top:30px
    }
    .banner.banner-five{
        overflow:hidden
    }
    .banner.banner-two .vector-bg{
        left:-90%
    }
    .home .banner.banner-two{
        height:370px;
    }
    .newsletter-form-banner .newsletter-inner button{
        padding:10px 20px
    }
    .newsletter-form-banner .newsletter-inner input{
        padding:10px 140px 10px 30px
    }
}



.section-title{
    margin-bottom:70px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.section-title .sub-title{
    font-size:16px;
    text-transform:uppercase;
    font-weight:500;
    color:#07132B;
    letter-spacing:1px
}
.section-title .title{
    font-size:36px;
    line-height:1.5;
}
.section-title .title span{
    color:#FF6600
}
.section-title .title-two{
    font-size:30px;
    font-weight:500;
    line-height:44px;
    max-width:930px;
    margin:0 auto
}
.section-title .title-two span{
    color:#FF6600
}
.section-title.style-two .title{
    font-weight:bold
}
.section-title.style-two p{
    font-size:18px;
    line-height:24px;
    margin-top:24px;
    letter-spacing: .1px
}
.section-title.style-two .sub-title{
    margin:0;
    line-height:1.8
}
.section-title.style-two.title-light .sub-title{
    letter-spacing:5px;
    font-weight:400
}
.section-title.style-two.title-light .sub-title,.section-title.style-two.title-light .title,.section-title.style-two.title-light p{
    color:#fff
}
.section-title.style-three .sub-title{
    color:#f97bc5;
    letter-spacing:5px;
    font-weight:400;
    margin:0;
    line-height:1.8
}
.section-title.style-three span{
    font-weight:300;
    color:#2b2350
}
.section-title.dark-title .sub-title,.section-title.dark-title .title{
    color:#fff
}
.section-title.color-two .sub-title{
    color:#07132B
}
.section-title.style-four .title{
    font-size:40px;
    font-weight:700;
    margin-bottom:12px
}
@media (max-width:991px){
    .section-title.style-four .title{
        font-size:32px
    }
}
.section-title.style-four .sub-title{
    font-size:14px;
    font-weight:300;
    letter-spacing:3px;
    color:#7d7a8b;
    text-transform:uppercase;
    line-height:1.4
}
.section-title.style-five{
    margin-bottom:55px
}
.section-title.style-five .sub-title{
    color:#B7DCFF;
    font-size:14px;
    letter-spacing:4px;
    font-weight:500;
    margin-bottom:13px
}
.section-title.style-five .title{
    font-size:40px;
    color:#1a133b;
    font-weight:600
}
@media (max-width:991px){
    .section-title.style-five .title{
        font-size:32px
    }
}
@media (max-width:768px){
    .section-title.style-five .title{
        font-size:30px
    }
    .section-title{
        width: 500px;
    }
}
@media (max-width:991px){
    .section-title{
        margin-bottom:50px
    }
    .section-title .title{
        font-size:32px
    }
    .section-title p br{
        display:none
    }
    .section-title.style-two p{
        margin-top:13px
    }
    .section-title.style-two p br{
        display:none
    }
    .section-title .title-two{
        font-size:26px;
        line-height:36px
    }
}
@media (max-width:768px){
    .section-title .title{
        font-size:28px
    }
    .section-title .title br{
        display:none
    }
    .section-title{
        width: 100%;
        text-align: left !important;
    }
}
@media (max-width:578px){
    .section-title{
        width: 100%;
        text-align: left !important;
    }
}
.featu#F3702A{
    padding-top:32px
}
.featu#F3702A-seven{
    padding:115px 0 50px
}
.featu#F3702A-eight{
    padding:117px 0 90px
}
.featu#F3702A-eight .top-bg{
    position:absolute;
    top:0;
    left:0;
    z-index:-1
}
.saaspik-icon-box-wrapper{
    margin-bottom:30px
}
.principles .saaspik-icon-box-wrapper{
    margin-top: 50px;
}
.saaspik-icon-box-wrapper.style-one{
    margin-top:16px
}
.saaspik-icon-box-wrapper.style-one .saaspik-icon-box-icon{
    margin-bottom:40px;
    height:150px
}
.saaspik-icon-box-wrapper.style-one .pixsass-icon-box-content .pixsass-icon-box-title{
    font-size:22px;
    font-weight:500;
    line-height:30px;
    margin-bottom:0
}
.saaspik-icon-box-wrapper.style-one .pixsass-icon-box-content .pixsass-icon-box-title a{
    color:#2b2350
}
.saaspik-icon-box-wrapper.style-one .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#FF6600
}
.saaspik-icon-box-wrapper .saaspik-icon-box-icon{
    margin-bottom:32px
}
.saaspik-icon-box-wrapper .pixsass-icon-box-content .pixsass-icon-box-title{
    font-size:20px;
    font-weight:600;
    line-height:30px;
    margin-bottom:20px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.saaspik-icon-box-wrapper .pixsass-icon-box-content .pixsass-icon-box-title a{
    color:#2b2350
}
.saaspik-icon-box-wrapper .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#FF6600
}
.saaspik-icon-box-wrapper .pixsass-icon-box-content p{
    margin:0
}
.saaspik-icon-box-wrapper.style-two{
    margin-bottom:88px
}
.saaspik-icon-box-wrapper.style-two .pixsass-icon-box-content .pixsass-icon-box-title{
    font-size:20px;
    font-weight:600;
    line-height:30px;
    margin-bottom:10px
}
.saaspik-icon-box-wrapper.style-two .pixsass-icon-box-content .pixsass-icon-box-title a{
    color:#2b2350
}
.saaspik-icon-box-wrapper.style-two .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#FF6600
}
.saaspik-icon-box-wrapper.style-three{
    border-radius:6px;
    background-color:#fff;
    -webkit-box-shadow:0 40px 60px 0 rgba(79,35,35,.14);
    box-shadow:0 40px 60px 0 rgba(79,35,35,.14);
    padding:40px 50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    z-index:22;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.saaspik-icon-box-wrapper.style-three .saaspik-icon-box-icon{
    width:70px;
    margin-right:30px;
    margin-bottom:0
}
.saaspik-icon-box-wrapper.style-three .pixsass-icon-box-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.saaspik-icon-box-wrapper.style-three .pixsass-icon-box-content p{
    margin:0
}
.saaspik-icon-box-wrapper.style-four{
    border-radius:5px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    position:relative;
    overflow:hidden;
    height: 350px;
    color: #fff;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);    
    transition: all ease-in-out 1s;
}
.saaspik-icon-box-wrapper.style-four:hover {    
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.saaspik-icon-box-bg-picture {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    transition: all ease-in-out 3s;
}
.saaspik-icon-box-wrapper.style-four:hover .saaspik-icon-box-bg-picture {
    -webkit-transform:scale(1.4);
    -ms-transform:scale(1.4);
    transform:scale(1.4);
}
.saaspik-icon-box-wrapper.style-four .overlay-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    opacity: .4;
    z-index: 1;
    transition: all ease-in-out .4s;
    pointer-events: none;
    background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,transparent));
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%,transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(0,0,0,1) 0%,transparent 100%);
    background: linear-gradient(to top, rgba(0,0,0,1) 0%,transparent 100%);
}
.saaspik-icon-box-wrapper.style-four.abt .overlay-bg {
    opacity: .5;
}
.saaspik-icon-box-wrapper.style-four:hover .overlay-bg {
    width: 100%;
    height: 80%;
    opacity: .7;
    background: -moz-linear-gradient(bottom, rgba(255,102,0,1) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,102,0,1)), color-stop(100%,transparent));
    background: -webkit-linear-gradient(bottom, rgba(255,102,0,1) 0%,transparent 100%);
    background: -o-linear-gradient(bottom, rgba(255,102,0,1) 0%,transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(255,102,0,1) 0%,transparent 100%);
    background: linear-gradient(to top, rgba(255,102,0,1) 0%,transparent 100%);
}
.saaspik-icon-box-wrapper.style-four .layer{
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    z-index:-1;
    -webkit-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
    transition:all .6s ease-in-out
}
.saaspik-icon-box-wrapper.style-four .saaspik-icon-box-icon{
    margin-bottom:0;
    height:70px
}
.saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 50%;
    padding: 20px 30px 30px;
    left: 0;
    bottom: 30px;
    transition:all .5s ease-in-out
}
.saaspik-icon-box-wrapper.style-four.abt .pixsass-icon-box-content {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 30%;
    padding: 20px 30px 30px;
    left: 0;
    bottom: 40px;
    transition:all .5s ease-in-out
}
@media (min-width: 992px) and (max-width:1200px) {
    .saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content {
        bottom: 50px;
    }
    .saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content .pixsass-icon-box-title {
        line-height: 1.2;
    }
}
.saaspik-icon-box-wrapper.style-four:hover .pixsass-icon-box-content {
    height: 70%;
}
.saaspik-icon-box-wrapper.style-four.abt:hover .pixsass-icon-box-content {
    height: 40%;
}
.saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content .pixsass-icon-box-title{
    font-size:22px;
    font-weight:800;
    margin-bottom:5px;
    color: #fff;
}
.saaspik-icon-box-wrapper.style-four.abt .pixsass-icon-box-content .pixsass-icon-box-title{
    font-size:28px;
}
.saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content .pixsass-icon-box-title a{
    color:#2b2350
}
.saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#FF6600
}
.saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content p{
    margin-bottom:5px;
    visibility: hidden;
    height: 1px;
    overflow: hidden;
    line-height: 1.3;
}
.saaspik-icon-box-wrapper.style-four:hover .pixsass-icon-box-content p{
    visibility: visible;
    height: auto;
}
.saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content .more-btn{
    font-size:35px;
    color:#fff;
    display:inline-block
}
.saaspik-icon-box-wrapper.style-four .pixsass-icon-box-content .more-btn:hover{
    color:#FF6600
}
.saaspik-icon-box-wrapper.style-four:hover{
    -webkit-box-shadow:0 40px 60px 0 rgba(79,35,35,.14);
    box-shadow:0 40px 60px 0 rgba(79,35,35,.14)
}
.saaspik-icon-box-wrapper.style-four:hover .layer{
    top:0
}
.saaspik-icon-box-wrapper.style-four .link--arrowed {
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.features-slider .slick-slide {
    padding: 20px;
}
.features-slider .slick-arrow {
    position: absolute;
    top: -40px;
    border: 0;
    background-color: #F3702A;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transition: all ease-in-out .3s;
}
.features-slider .slick-arrow:hover {
    background-color: #B7DCFF;
}
.features-slider .slick-arrow.slick-next {
    right: 30px;
}
.features-slider .slick-arrow.slick-prev {
    right: 80px;
}
.features-slider .saaspik-icon-box-wrapper.style-five,
.about-area .saaspik-icon-box-wrapper.style-five{
    -webkit-box-shadow:0 5px 15px 0 rgba(52,27,159,.1);
    box-shadow:0 5px 15px 0 rgba(52,27,159,.1);
    padding:45px 40px;
    background:#fff
}
.about-area .about-sec  .saaspik-icon-box-wrapper.style-five{
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0 40px;
    background:transparent;
}  
.about-area .about-sec .saaspik-icon-box-wrapper.style-five p {
    color: #fff;
} 

.features-slider .saaspik-icon-box-wrapper.style-five:hover,
.about-area .saaspik-icon-box-wrapper.style-five:hover {
    -webkit-box-shadow:0 5px 30px 0 rgba(52,27,159,.1);
    box-shadow:0 5px 30px 0 rgba(52,27,159,.1);
    padding:45px 40px;
    background:#fff
}
.about-area .about-sec .saaspik-icon-box-wrapper.style-five:hover {
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0 40px;
    background:transparent;
} 
.saaspik-icon-box-wrapper.style-five{
    -webkit-box-shadow:0 30px 60px 0 rgba(52,27,159,.1);
    box-shadow:0 30px 60px 0 rgba(52,27,159,.1);
    padding:45px 40px;
    background:#fff
}
.features-slider .saaspik-icon-box-wrapper.style-five .saaspik-icon-box-icon,
.about-sec .saaspik-icon-box-wrapper.style-five .saaspik-icon-box-icon{
    height:80px;
    width:80px;
    line-height:80px;
    text-align:center;
    border:none;
    border-radius:0;
    background-color: #fff;
    border-radius: 50%;
}
.about-sec .saaspik-icon-box-wrapper.style-five .saaspik-icon-box-icon img {
    width: 40px;
}
.saaspik-icon-box-wrapper.style-five .saaspik-icon-box-icon{
    height:60px;
    width:60px;
    line-height:60px;
    text-align:center;
    border:2px solid #07132B;
    color:#07132B;
    font-size:22px;
    border-radius:50%;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    margin-bottom: 20px
}
.saaspik-icon-box-wrapper.style-five .pixsass-icon-box-content .pixsass-icon-box-title{
    padding: 20px 0 15px;
    color: #fff;
    font-weight: 600;
}
.saaspik-icon-box-wrapper.style-five .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#B7DCFF
}

.saaspik-icon-box-wrapper.style-five .pixsass-icon-box-content p{
    margin-bottom:35px
}
.saaspik-icon-box-wrapper.style-five .pixsass-icon-box-content .more-btn{
    color:#2b2350;
    font-weight:500
}
.saaspik-icon-box-wrapper.style-five .pixsass-icon-box-content .more-btn i{
    vertical-align:middle;
    display:inline-block;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.saaspik-icon-box-wrapper.style-five .pixsass-icon-box-content .more-btn:hover{
    color:#07132B
}
.saaspik-icon-box-wrapper.style-five .pixsass-icon-box-content .more-btn:hover i{
    padding-left:3px;
    color:#07132B
}
.saaspik-icon-box-wrapper.style-five:hover .saaspik-icon-box-icon{
    -webkit-box-shadow:0 20px 30px 0 rgba(0,0,0,.8);
    box-shadow:0 20px 30px 0 rgba(0,0,0,.8);
    background:#fff
}
.features-slider .saaspik-icon-box-wrapper.style-five:hover .saaspik-icon-box-icon,
.about-sec .saaspik-icon-box-wrapper.style-five:hover .saaspik-icon-box-icon{
    background-color:#fff;
}
.saaspik-icon-box-wrapper.style-six{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:40px;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.saaspik-icon-box-wrapper.style-six .saaspik-icon-box-icon{
    height:70px;
    width:70px;
    text-align:center;
    -webkit-box-shadow:0 30px 40px 0 rgba(52,27,159,.1);
    box-shadow:0 30px 40px 0 rgba(52,27,159,.1);
    padding:15px;
    border-radius:4px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    margin-bottom:0;
    margin-right:30px;
    background:#fff
}
.saaspik-icon-box-wrapper.style-six .pixsass-icon-box-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.saaspik-icon-box-wrapper.style-six .pixsass-icon-box-content .pixsass-icon-box-title{
    margin-bottom:15px;
    font-weight:400;
    margin:0
}
.saaspik-icon-box-wrapper.style-six .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#07132B
}
.saaspik-icon-box-wrapper.style-six .pixsass-icon-box-content p{
    margin-bottom:35px
}
.saaspik-icon-box-wrapper.style-six .pixsass-icon-box-content .more-btn{
    color:#2b2350;
    font-weight:500
}
.saaspik-icon-box-wrapper.style-six .pixsass-icon-box-content .more-btn i{
    vertical-align:middle;
    display:inline-block;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.saaspik-icon-box-wrapper.style-six .pixsass-icon-box-content .more-btn:hover{
    color:#07132B
}
.saaspik-icon-box-wrapper.style-six .pixsass-icon-box-content .more-btn:hover i{
    padding-left:3px;
    color:#07132B
}
.saaspik-icon-box-wrapper.style-seven{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:90px
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-icon{
    width:60px;
    margin-right:20px
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content{
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .saaspik-icon-box-title{
    font-size:20px;
    color:#081e39;
    font-weight:600;
    margin-bottom:13px
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .saaspik-icon-box-title a{
    color:#081e39
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .saaspik-icon-box-title a:hover{
    color:#07132B
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content p{
    color:#5e5b74;
    margin-bottom:17px
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .read-more{
    color:#5e5b74;
    font-size:16px;
    font-weight:500
}
.saaspik-icon-box-wrapper.style-seven .saaspik-icon-box-content .read-more:hover{
    color:#07132B
}
.saaspik-icon-box-wrapper.style-eight{
    border-radius:6px;
    background:#fff;
    -webkit-box-shadow:0 30px 50px 0 rgba(64,24,47,.08);
    box-shadow:0 30px 50px 0 rgba(64,24,47,.08);
    text-align:center;
    padding:40px 35px
}
.saaspik-icon-box-wrapper.style-eight .pixsass-icon-box-content .pixsass-icon-box-title{
    margin-bottom:15px
}
.saaspik-icon-box-wrapper.style-eight .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#f97bc5
}
.saaspik-icon-box-wrapper.style-eight .pixsass-icon-box-content p{
    margin-bottom:35px
}
.saaspik-icon-box-wrapper.style-nine{
    margin-bottom:90px
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon{
    height:70px;
    width:70px;
    background:transparent;
    border-radius:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-two{
    background:#fcf5e3
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-three{
    background:#efe9fe
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-four{
    background:#eaf7eb
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-five{
    background:#e4f8fd
}
.saaspik-icon-box-wrapper.style-nine .saaspik-icon-box-icon.color-six{
    background:#ffeae7
}
.saaspik-icon-box-wrapper.style-nine .pixsass-icon-box-content .pixsass-icon-box-title{
    margin-bottom:10px
}
.saaspik-icon-box-wrapper.style-nine .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#f97bc5
}
.saaspik-icon-box-wrapper.style-ten{
    padding:50px 40px;
    border-radius:10px;
    background-color:#fff;
    -webkit-box-shadow:0 20px 60px 0 rgba(1,51,32,.1);
    box-shadow:0 20px 60px 0 rgba(1,51,32,.1);
    text-align:center
}
.saaspik-icon-box-wrapper.style-ten .pixsass-icon-box-content .pixsass-icon-box-title{
    margin-bottom:15px
}
.saaspik-icon-box-wrapper.style-ten .pixsass-icon-box-content p{
    margin-bottom:30px
}
.featu#F3702A-six{
    padding:110px 0 104px
}
.featu#F3702A-five{
    padding:70px 0
}
.featu#F3702A-eight .particale-top{
    width:100%;
    height:500px;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:0;
    left:0
}
.featu#F3702A-eight .particale-top li{
    position:absolute
}
.featu#F3702A-eight .particale-top li:first-child{
    width:31px;
    height:31px;
    border-radius:50%;
    left:8%;
    top:40%;
    background-color:hsla(0,0%,100%,.141);
    -webkit-animation:w 20s infinite linear;
    animation:w 20s infinite linear
}
.featu#F3702A-eight .particale-top li:nth-child(2){
    left:16%;
    top:54%;
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:35px solid hsla(0,0%,100%,.141);
    -webkit-animation:t 20s infinite linear;
    animation:t 20s infinite linear
}
.featu#F3702A-eight .particale-top li:nth-child(3){
    left:11%;
    bottom:28px;
    width:0;
    height:0;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-right:20px solid hsla(0,0%,100%,.141);
    -webkit-animation:x 20s infinite linear;
    animation:x 20s infinite linear
}
.featu#F3702A-eight .particale-top li:nth-child(4){
    width:13px;
    height:13px;
    border-radius:50%;
    right:12%;
    top:44%;
    background-color:hsla(0,0%,100%,.141);
    -webkit-animation:y 20s infinite linear;
    animation:y 20s infinite linear
}
.featu#F3702A-eight .particale-top li:nth-child(5){
    right:0;
    top:33%;
    width:0;
    height:0;
    border-left:30px solid transparent;
    border-right:30px solid transparent;
    border-bottom:50px solid hsla(0,0%,100%,.141);
    -webkit-animation:t 20s infinite linear;
    animation:t 20s infinite linear
}
.featu#F3702A-eight .particale-top li:nth-child(6){
    right:80px;
    top:140px;
    width:0;
    height:0;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-right:20px solid hsla(0,0%,100%,.141);
    -webkit-animation:w 20s infinite linear;
    animation:w 20s infinite linear
}
.featu#F3702A-tax{
    padding:55px 0 60px;
    background-color: #fafafa;
}
.featu#F3702A-two-service .saaspik-icon-box-wrapper.style-two .pixsass-icon-box-content .pixsass-icon-box-title a{
    color:#2b2350
}
.featu#F3702A-two-service .saaspik-icon-box-wrapper.style-two .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#FF6600
}
.featu#F3702A-two{
    padding:126px 0 28px
}
.featu#F3702A-two .section-title{
    margin-bottom:80px
}
.featu#F3702A-three{
    padding:116px 0 120px;
    background:#fdf8f8;
    overflow:hidden
}
.featu#F3702A-three .scroll-circle{
    z-index:1;
    left:-120px;
    bottom:-67%
}
.featu#F3702A-four{
    padding-top:90px
}
.featu#F3702A-two-same{
    padding-top:144px;
    padding-bottom:27px
}
.featu#F3702A-two-same .section-title{
    margin-bottom:80px
}
.featu#F3702A-two-same .saaspik-icon-box-wrapper.style-two .pixsass-icon-box-content .pixsass-icon-box-title a{
    color:#2b2350
}
.featu#F3702A-two-same .saaspik-icon-box-wrapper.style-two .pixsass-icon-box-content .pixsass-icon-box-title a:hover{
    color:#07132B
}
.featu#F3702A-two-same .scroll-circle{
    bottom:auto;
    top:-50%
}
.featu#F3702A-four-ab{
    padding-top:146px
}
.featu#F3702A-nine{
    margin-bottom:-110px;
    z-index:22;
    padding-top:50px
}
.featu#F3702A-homethree{
    padding-top:228px;
    padding-bottom:27px
}
.featu#F3702A-homethree .section-title{
    margin-bottom:80px!important
}
.down-bg{
    position:absolute;
    width:100%;
    left:0;
    bottom:0;
    z-index:-1
}
@media (max-width:1200px){
    .featu#F3702A-homethree{
        padding-top:118px
    }
    .featu#F3702A-six{
        padding-top:50px
    }
}
@media (max-width:991px){
    .featu#F3702A-two{
        padding:85px 0 35px
    }
    .featu#F3702A-eight{
        padding:72px 0 50px
    }
    .featu#F3702A-two-same{
        padding-top:74px;
        padding-bottom:44px
    }
    .featu#F3702A{
        padding-top:75px
    }
    .featu#F3702A-three{
        padding:76px 0 80px
    }
    .featu#F3702A-homethree{
        padding-top:0
    }
    .saaspik-icon-box-wrapper.style-two{
        margin-bottom:40px;
        text-align:center
    }
    .featu#F3702A-four{
        padding-top:185px;
        padding-bottom:40px
    }
    .featu#F3702A-homethree{
        padding-bottom:34px
    }
    .featu#F3702A-four-ab{
        padding-top:76px
    }
    .featu#F3702A-two-service{
        padding:55px 0 43px!important
    }
    .featu#F3702A-two-same .scroll-circle{
        left:-20%
    }
    .featu#F3702A-three .scroll-circle{
        z-index:1;
        left:-15%;
        bottom:20%
    }
    .featu#F3702A-three .scroll-circle img{
        max-width:450px
    }
    .saaspik-icon-box-wrapper.style-one{
        text-align:center
    }
    .saaspik-icon-box-wrapper .pixsass-icon-box-content .pixsass-icon-box-title a br{
        display:none
    }
    .featu#F3702A-six{
        padding-top:0;
        padding-bottom:38px
    }
    .featu#F3702A-seven{
        padding:75px 0 30px
    }
    .saaspik-icon-box-wrapper.style-seven{
        margin-bottom:50px
    }
    .saaspik-icon-box-wrapper.style-eight .pixsass-icon-box-content p br{
        display:none
    }
}
@media (max-width:768px){
    .saaspik-icon-box-wrapper .pixsass-icon-box-content p br{
        display:none
    }
    .featu#F3702A-four{
        padding-top:250px
    }
    .featu#F3702A-two-same .scroll-circle{
        left:-30%
    }
    .featu#F3702A-three .scroll-circle{
        z-index:1;
        left:-15%;
        bottom:20%
    }
    .featu#F3702A-three .scroll-circle img{
        max-width:330px
    }
    .feature-image-wrapper{
        margin-bottom:40px
    }
    .featu#F3702A-eight .top-bg{
        background:#f97bc5;
        min-height:350px
    }
}
@media (max-width:767px){
    .featu#F3702A-four{
        padding-top:137px
    }
}
@media (max-width:576px){
    .featu#F3702A-four{
        padding-top:76px;
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media (max-width:480px){
    .featu#F3702A-two-same .scroll-circle{
        left:-70%
    }
    .saaspik-icon-box-wrapper.style-three{
        text-align:center;
        display:block
    }
    .saaspik-icon-box-wrapper.style-three .saaspik-icon-box-icon{
        margin:0 auto 30px
    }
}
.editor-design{
    padding-top:100px;
    position:relative;
    padding-bottom:170px
}
.editor-design-two{
    padding-top:210px;
    padding-bottom:50px
}
.editure-feature-image{
    position:absolute;
    left:70px
}
.editure-feature-image .image-one{
    max-width:720px
}
.editure-feature-image .image-two{
    top:30%;
    position:absolute;
    right:-10px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.editor-content{
    padding-top:50px;
}
.editor-design.story {
    padding-top: 60px;
}
.story .editor-content{
    padding-left:40px;
    padding-top:50px !important
}
.editor-design.story .about-thumb {
    padding-top:60px;
    margin-bottom: 20px
}
.editor-design.story .about-thumb img {
    width: 100%;
}
.editor-content.belief {
    padding-right:175px;
    padding-left: 50px;
    padding-top:50px;
    padding-bottom: 50px;
    background-color: #F2FAFC;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
}
.editor-content.belief .section-title {
    width: 100%;
}
.editor-content.belief .belief-thumb {
    position: absolute;
    right: -60%;
    top: 20%;
    width: 500px;
    height: 500px;
    background-color: #ccc; 
    overflow: hidden;
}
.editor-content.belief .belief-thumb img {
    transition: all ease-in-out .3s;    
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;    
}
.editor-content.belief .belief-thumb:hover img {   
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)    
}
@media (max-width:1200px){
    .editor-content.belief .belief-thumb {
        right: -65%;
        width: 500px;
        height: 500px;
    }
}
@media (max-width:1100px){
    .editor-content.belief .belief-thumb {
        right: -70%;
        width: 450px;
        height: 450px;
    }
    .editor-content.belief {
        padding-right:125px;
    }
}
@media (max-width:992px){
    .editor-content.belief .belief-thumb {
        right: -60%;
        width: 400px;
        height: 400px;
        top: 30%;
    }
    .editor-content.belief {
        padding-right:125px;
    }
    .editor-design.story {
        padding-top: 0;
    }
}
@media (max-width:767px){
    .editor-content.belief .belief-thumb {
        display: none;
    }
    .editor-content.belief {
        padding-right:50px;
    }
    .editor-design.story .about-thumb {
        max-height: 400px;
        overflow: hidden;
        margin-bottom: 5px
    }
}
@media (max-width:576px){
}

.editor-content .section-title.style-two{
    margin-bottom:25px
}
.editor-content .section-title.style-two p{
    color:#07132B;
    margin-bottom:0;
    text-transform: uppercase;
}
.editor-content .section-title.style-two.color-two{
    margin-bottom:35px
}
.editor-content .section-title.style-two.color-two p{
    color:#07132B;
    margin:0
}
.editor-content .description p{
    margin-bottom:20px
}
.editor-content .description .name {
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.4
}
.editor-content .description .name span {
    font-size: 24px;
    color: #ff6600
}

.shape-bg{
    position:absolute;
    top:-188px;
    left:-10px;
    z-index:-1
}
.animaated-elements{
    position:relative;
    height:540px;
    width:570px
}
.animaated-elements .elm-mass,.animaated-elements img{
    position:absolute
}
.animaated-elements .elm-clock{
    left:20px
}
.animaated-elements .elm-man{
    left:127px;
    bottom:39px
}
.animaated-elements .elm-table{
    bottom:40px;
    left:45px;
    z-index:2
}
.animaated-elements .elm-sm-vase{
    left:70px;
    bottom:254px
}
.animaated-elements .elm-vase{
    bottom:40px;
    right:-27px;
    z-index:1
}
.animaated-elements .elm-mass{
    right:103px;
    top:92px;
    width:135px
}
.animaated-elements .elm-mass .mass-img{
    -webkit-animation:o 1.6s infinite;
    animation:o 1.6s infinite
}
.animaated-elements-two{
    position:relative;
    height:560px;
    width:570px;
    margin-top:87px;
    z-index:22
}
.animaated-elements-two .elm-two{
    left:20px;
    bottom:85px
}
.animaated-elements-two .elm-three{
    top:-115px;
    right:40px;
    -webkit-animation:p 2s infinite;
    animation:p 2s infinite
}
.animaated-elements-two .elm-four{
    right:192px;
    bottom:38px
}
.animaated-elements-two img{
    position:absolute
}
.genera-informes-content{
    position:relative;
    z-index:22
}
#job_image_content{
    padding:120px 0 80px
}
@media (max-width:991px){
    #job_image_content{
        padding:80px 0 40px
    }
}
.animaated-elements-three{
    position:relative;
    margin-left:-190px;
    height:520px
}
@media (max-width:480px){
    .animaated-elements-three{
        height:440px
    }
}
@media (max-width:576px){
    .animaated-elements-three{
        margin-left:0
    }
}
.animaated-elements-three .map-bg{
    position:absolute;
    top:100px
}
.animaated-elements-three .image-one,.animaated-elements-three .image-three,.animaated-elements-three .image-two{
    position:absolute
}
.animaated-elements-three .image-one{
    top:0;
    left:140px
}
@media (max-width:576px){
    .animaated-elements-three .image-one{
        left:0
    }
}
.animaated-elements-three .image-two{
    right:50px;
    top:160px
}
@media (max-width:768px){
    .animaated-elements-three .image-two{
        right:-80px
    }
}
@media (max-width:480px){
    .animaated-elements-three .image-two{
        top:60px
    }
}
.animaated-elements-three .image-three{
    top:291px;
    left:73px
}
@media (max-width:576px){
    .animaated-elements-three .image-three{
        top:230px;
        left:-45px
    }
}
@media (max-width:480px){
    .animaated-elements-three .image-three{
        top:175px;
        left:-45px
    }
}
.animaated-elements-four{
    position:relative;
    height:705px;
    margin-right:-100px
}
@media (max-width:991px){
    .animaated-elements-four{
        margin-right:0
    }
}
@media (max-width:480px){
    .animaated-elements-four{
        height:560px
    }
}
.animaated-elements-four .element-bg-shape,.animaated-elements-four .image-four,.animaated-elements-four .image-one,.animaated-elements-four .image-three,.animaated-elements-four .image-two{
    position:absolute
}
.animaated-elements-four .element-bg-shape{
    right:-25px;
    top:155px
}
.animaated-elements-four .image-one{
    left:130px;
    top:60px;
    z-index:2
}
@media (max-width:991px){
    .animaated-elements-four .image-one{
        left:60px
    }
}
@media (max-width:480px){
    .animaated-elements-four .image-one{
        left:15px;
        max-width:300px
    }
}
.animaated-elements-four .image-two{
    top:0;
    left:300px
}
@media (max-width:991px){
    .animaated-elements-four .image-two{
        left:145px
    }
}
@media (max-width:480px){
    .animaated-elements-four .image-two{
        left:90px
    }
}
.animaated-elements-four .image-three{
    z-index:3;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.animaated-elements-four .image-four{
    bottom:82px;
    right:95px;
    z-index:-1
}
.animaated-elements-four .image-four img{
    -webkit-animation:g 6s infinite linear;
    animation:g 6s infinite linear
}
@media (max-width:991px){
    .animaated-elements-four .image-four{
        bottom:150px;
        right:30px
    }
}
@media (max-width:991px){
    .image-content-three{
        margin-top:50px
    }
}
.image-content-three .section-title{
    margin-bottom:41px
}
.image-content-three .section-title .title{
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 25px;
    color: #07132B !important;
    background-image: none;
    -webkit-text-fill-color: #07132B;
    -moz-text-fill-color: #07132B;
}
@media (max-width:991px){
    .image-content-three .section-title .title{
        font-size:34px
    }
}
.image-content-three .section-title p{
    margin-bottom:18px
}
.image-content-three.app-content-wrap .section-title{
    margin-bottom:37px
}
#app_image_content{
    padding:150px 0
}
@media (max-width:991px){
    #app_image_content{
        padding:80px 0
    }
}
.app-image-content-wrapper-one{
    margin-bottom:200px
}
@media (max-width:991px){
    .app-image-content-wrapper-one{
        margin-bottom:100px
    }
}
.app-download-image{
    height:500px;
    width:500px;
    background:#f6ecd8;
    border-radius:50%;
    text-align:center;
    overflow:hidden
}
@media (max-width:576px){
    .app-download-image{
        width:380px;
        height:380px;
        margin:0 auto
    }
    .app-download-image img{
        width:300px
    }
}
@media (max-width:420px){
    .app-download-image{
        width:300px;
        height:300px;
        margin:0 auto
    }
    .app-download-image img{
        width:250px
    }
}
.app-download-image img{
    margin-top:-12px
}
.job-image-content-wrapper-one{
    margin-bottom:160px
}
@media (max-width:991px){
    .job-image-content-wrapper-one{
        margin-bottom:100px
    }
}
.job-image-content-wrapper-one .animaated-elements-three{
    padding-top:40px
}
@media (max-width:1600px){
    .editure-feature-image .image-one{
        max-width:600px
    }
    .editure-feature-image .image-two{
        margin-left:-124px;
        max-width:220px
    }
    .editor-design{
        padding-bottom:100px
    }
    .editor-design .shape-bg{
        max-width:1200px
    }
}
@media (max-width:1440px){
    .editure-feature-image .image-one{
        max-width:500px
    }
    .editure-feature-image .image-two{
        right:-10px;
        max-width:150px
    }
    .editor-content{
        padding-top: 60px
    }
}
@media (max-width:1280px){
    .editor-content{
        padding-left:0
    }
    .editure-feature-image{
        left:50px
    }
    .editure-feature-image .image-one{
        max-width:440px
    }
    .editure-feature-image .image-two{
        margin-left:-100px;
        max-width:150px
    }
    .editor-design{
        padding-bottom:100px
    }
    .editor-design .shape-bg{
        max-width:1100px
    }
    .editure-feature-image .image-two{
        right:-50px
    }
}
@media (max-width:1180px){
    .editure-feature-image .image-one{
        max-width:430px
    }
    .editure-feature-image .image-two{
        max-width:120px;
        right:-50px
    }
}

@media (max-width:991px){
    .genera-informes-content{
        padding-bottom:30px
    }
    .editor-content{
        padding-left:0;
        padding-top:17px
    }
}
@media (max-width:860px){
    .editure-feature-image .image-one{
        max-width:340px
    }
    .editure-feature-image .image-two{
        max-width:100px;
        right:-30px
    }
    .section-title .title {
        font-size: 28px;
        line-height: 1.2;
    }
}
@media (max-width:768px){
    .editure-feature-image .image-one{
        max-width:300px
    }
    .editure-feature-image .image-two{
        max-width:75px;
        right:-30px
    }
    .editor-design{
        padding-top:10px;
        padding-bottom:70px;
        margin-top: 40px;
    }


    .animaated-elements{
        left:-50px;
        width:470px;
        height:440px
    }
}
@media (max-width:680px){
    .editure-feature-image .image-one{
        max-width:260px
    }
    .editure-feature-image .image-two{
        max-width:65px;
        right:-20px
    }
    .editure-feature-image {
        left: 30px;
    }
}
@media (max-width:576px){
    
    .editure-feature-image{
        position:relative;
        left:15px;
        margin-bottom:30px
    }
    .editure-feature-image .image-two{
        position:absolute;
        top:20%;
        right:-50px;
        max-width: 110px;
        -webkit-transform:translateY(-20%);
        -ms-transform:translateY(-20%);
        transform:translateY(-20%)
    }
    .editure-feature-image .image-one{
        max-width:400px
    }
    .editor-content{
        padding-left:0
    }
    .editor-content {
        padding-right: 0;
        padding-top: 50px;
    }
    .animaated-elements{
        width:320px;
        height:340px;
        left:0
    }
    .animaated-elements .elm-clock{
        width:80px
    }
    .animaated-elements .elm-table{
        width:260px;
        bottom:35px
    }
    .animaated-elements .elm-man{
        width:160px
    }
    .animaated-elements .elm-sm-vase{
        width:25px;
        bottom:158px
    }
    .animaated-elements .elm-vase{
        width:70px;
        bottom:35px
    }
    .animaated-elements .elm-mass{
        right:-40px;
        top:80px
    }
    .animaated-elements .elm-mass img{
        width:70px
    }
    .animaated-elements-two{
        width:330px;
        height:340px
    }
    .animaated-elements-two .elm-two{
        bottom:65px;
        width:70px;
        left:25px
    }
    .animaated-elements-two .elm-three{
        width:120px;
        top:-25px
    }
    .animaated-elements-two .elm-four{
        width:105px;
        right:120px
    }
    .genera-informes-two .scroll-circle{
        left:-70%!important
    }
}
@media (max-width:480px){
    .editure-feature-image .image-one{
        max-width:300px
    }
    .editure-feature-image .image-two{
        right:-20px
    }
    .editure-feature-image .image-two-inner img{
        max-width:70px
    }
    .genera-informes-two .scroll-circle{
        left:-100%!important
    }
}
@media (max-width:400px){
    .editure-feature-image .image-one{
        max-width:270px
    }
    .editure-feature-image .image-two{
        right:-30px
    }
}
.genera-informes{
    padding-top:197px;
    padding-bottom:222px;
    overflow:hidden
}
.genera-informes .section-title{
    margin-bottom:30px
}
.genera-informes .list-items{
    margin-bottom:50px
}
.genera-informes .shape-bg{
    left:auto;
    top:0;
    right:0
}
.genera-informes-two{
    padding-top:105px
}
.genera-informes-two .section-title{
    margin-top:115px;
    margin-bottom:36px
}
.genera-informes-two .list-items{
    margin-bottom:50px
}
.informes-feature-image{
    position:absolute;
    right:75px;
    top:143px
}
.informes-feature-image .image-one{
    width:400px;
    overflow: hidden;
    border-radius: 10px;
    height: 400px;
}
.informes-feature-image .image-two{
    position: absolute;
    left: -120px;
    bottom: -120px;
    width: 400px;
    overflow: hidden;
    height: 400px;
    border-radius: 10px;
    -webkit-box-shadow: 0 20px 30px 0 rgba(90,70,176,.3);
    box-shadow: 0 20px 30px 0 rgba(90,70,176,.3);
}
.informes-feature-image .image-two img,
.informes-feature-image .image-one img {
    min-width: 100%;
    min-height: 100%;
    max-width: none !important;
    height: 100%;
}
.genera-informes-two .scroll-circle{
    top:60px
}
.genera-informes-three{
    padding-top:242px;
    position:relative
}
.genera-informes-three .shape-bg{
    left:auto;
    right:0;
    top:40px
}
.genera-informes-three .list-items{
    margin-bottom:50px
}
.genera-informes-three .section-title{
    margin-bottom:35px
}
@media (max-width:1680px){

}
@media (max-width:1600px){
    .genera-informes{
        padding-bottom:120px
    }
    .genera-informes .shape-bg{
        max-width:500px
    }
    .informes-feature-image{
        top:60px
    }
    .informes-feature-image .image-one{
        width:350px;
        height: 350px;
    }
    .informes-feature-image .image-two{
        position: absolute;
        left: -120px;
        bottom: -120px;
        width: 350px;
        height: 350px;
    }
}

@media (max-width:1280px){
    .genera-informes{
        padding-bottom:120px
    }
    .genera-informes .shape-bg{
        max-width:400px
    }
    .informes-feature-image{
        top:70px
    }
     .refer-section .informes-feature-image {
        position: absolute;
        right: 75px;
        top: 125px;
    }
    .refer-section .informes-feature-image .image-one{
        max-width:500px
    }
}
@media (max-width:1200px){
    .informes-feature-image{
        position:absolute;
        right:25px;
        top:100px
    }
    .informes-feature-image .image-one{
        max-width:450px
    }
    .informes-feature-image .image-two{
        position:absolute;
        right:70px;
        bottom:-140px
    }
     .refer-section .informes-feature-image {
        right: 75px;
    }
    .informes-feature-image .image-two img{
        max-width:450px!important
    }
    .genera-informes{
        padding-top:140px
    }
    .genera-informes .shape-bg{
        right:-180px
    }
    .genera-informes-three{
        padding-top:180px
    }
    .genera-informes-three .shape-bg{
        width:500px
    }
}
@media (max-width:1024px){
    .informes-feature-image{
        position:absolute;
        right:25px;
        top:75px
    }
    .informes-feature-image .image-one{
        max-width:450px
    }
    .informes-feature-image .image-two{
        position:absolute;
        right:50px;
        bottom:-140px;
        max-width:450px
    }
     .refer-section .informes-feature-image {
        position: absolute;
        right: 65px;
        top: 125px;
    }
    .refer-section .informes-feature-image .image-one{
        max-width:450px
    }
    .genera-informes .shape-bg{
        right:-180px
    }
}
@media (max-width:991px){
    .genera-informes{
        padding-top:0;
        overflow:hidden;
        padding-bottom:80px
    }
    .genera-informes .section-title{
        margin-bottom:20px;
        padding-top:0
    }
    .genera-informes .list-items{
        margin-bottom:40px
    }
    .informes-feature-image {
        right: 60px;
        top: 45px;
    }
    
    .informes-feature-image .image-one{
        width:300px;
        height: 300px;
    }
    .informes-feature-image .image-two{
        position: absolute;
        left: -100px;
        bottom: -200px;
        width: 350px;
        height: 350px;
    }
    .genera-informes-two{
        padding-top:46px
    }
    .genera-informes-two .section-title{
        margin-top:71px;
        margin-bottom:25px
    }
    .genera-informes-two .list-items{
        margin-bottom:40px
    }
    .genera-informes-three{
        padding-top:0
    }
    .genera-informes-three .section-title{
        margin-top:96px
    }
    .genera-informes-three .section-title.style-two{
        margin-top:100px
    }
    .genera-informes-three .informes-feature-image{
        position:relative;
        top:0;
        right:0
    }
    .genera-informes-three .informes-feature-image .image-two{
        right:auto;
        left:70px
    }
    .genera-informes .shape-bg{
        right:-180px
    }
    .genera-informes-two .scroll-circle{
        left:-40%
    }
}
@media (max-width:880px) {
    .informes-feature-image {
        right: 40px;
        top: 45px;
    }
    
    .informes-feature-image .image-one {
        width:300px;
        height: 300px;
    }
    .informes-feature-image .image-two{
        position: absolute;
        left: -50px;
        bottom: -200px;
        width: 300px;
        height: 300px;
    }
}
@media (max-width:768px){
    .shape-bg2 img {
        width: 650px !important;
    }
    .genera-informes .informes-feature-image{
        position:relative;
        right:0;
        top:0;
        margin-top:0;
        margin-bottom:120px;
        padding-top:0
    }
    #about.genera-informes .informes-feature-image{
        position:relative;
        right:0;
        top:0;
        margin-top:0;
        margin-bottom:50px;
        padding-top:0
    }
    .informes-feature-image {
        right: 20px;
        top: 45px;
    }    
    .informes-feature-image .image-one {
        width:250px;
        height: 250px;
    }
    .informes-feature-image .image-two{
        position: absolute;
        left: -80px;
        bottom: -200px;
        width: 250px;
        height: 250px;
    }
    .genera-informes .informes-feature-image .image-one{
        max-width:380px
    }
    .genera-informes .informes-feature-image .image-two{
        position:absolute;
        right:-40px;
        bottom:-110px;
        max-width:380px
    }
}
@media (max-width:680px){
    
    .informes-feature-image {
        right: 10px;
        top: 150px;
    }    
    .informes-feature-image .image-one {
        width:220px;
        height: 220px;
    }
    .informes-feature-image .image-two{
        position: absolute;
        left: -60px;
        bottom: -150px;
        width: 220px;
        height: 220px;
    }
}
@media (max-width:576px){
    .informes-feature-image {
        position: relative;
        right: auto;
        top: auto;
        padding: 50px 0 70px;
    }
    .informes-feature-image .image-one {
        width:300px;
        height: 250px;
        margin-left: 30px;
    }
    .informes-feature-image .image-two{
        position: absolute;
        left: 160px;
        bottom: -80px;
        width: 250px;
        height: 250px;
    }
    .shape-bg2 img {
        width: 700px !important;
    }
}
@media (max-width:420px){
    
    .informes-feature-image {
        padding: 50px 0 70px;
    }
    .informes-feature-image .image-one {
        width:250px;
        height: 250px;
        margin-left: 20px;
    }
    .informes-feature-image .image-two{
        position: absolute;
        left: 90px;
        bottom: -80px;
        width: 250px;
        height: 250px;
    }
    .shape-bg2 img {
        width: 650px !important;
    }
    .genera-informes .informes-feature-image .image-one{
        max-width:300px
    }
    .genera-informes .informes-feature-image .image-two{
        position:absolute;
        right:-20px;
        max-width:280px
    }
}

.revolutionize,.revolutionize-two{
    padding:116px 0 70px;
}
.revolutionize-two .bg-angle{
    background-image:-o-linear-gradient(150deg,#124477 0,#124477 100%);
    background-image:linear-gradient(-60deg,#124477,#124477)
}
.bg-angle{background-image:
    background-image:-o-linear-gradient(350deg,#1D7CDA 0,#7004bc 100%);
    background-image:linear-gradient(100deg,#1D7CDA,#7004bc);
    max-height:550px;
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    overflow:hidden
}
.bg-angle:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:0;
    border-top:150px solid transparent;
    border-left:1900px solid #fff;
    border-bottom:0 solid transparent
}

.revolutionize-two .section-title .sec-line,
.about-area.principles .section-title .sec-line {
    position: relative;
    height: 4px;
    width: 50px;
    margin: 10px auto;
    background-color: #CCC;
}
.revolutionize-two .section-title .sec-line::before,
.about-area.principles .section-title .sec-line::before {
    border-left: 5px solid #F3702A;
}
.revolutionize-two .section-title .sec-line::after,
.about-area.principles .section-title .sec-line::after {
    border-right: 5px solid #F3702A;
}
.revolutionize-two .section-title p {
    color: #fff;
    margin-bottom: 20px;
    font-size: 16px;
}

#pix-tabs-nav, #pix-tabs-nav2{
    text-align:center;
    list-style:none;
    margin-bottom:38px;
    padding:0
}
#pix-tabs-nav li, #pix-tabs-nav2 li{
    display:inline-block
}
#pix-tabs-nav li:not(:last-child), #pix-tabs-nav2 li:not(:last-child){
    margin-right:20px
}
#pix-tabs-nav li a{
    color:#f1e8e8;
    font-weight:500;
    cursor:pointer;
    padding:11px 27px;
    border-radius:30px;
    display:inline-block;
    margin-bottom:20px
}
#pix-tabs-nav li.active a,#pix-tabs-nav li a:hover{
    background:#fff;
    color:#FF6600;
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.3)
}
#pix-tabs-nav2 li a{
    color:#0B2F9B;
    font-weight:500;
    cursor:pointer;
    padding:11px 27px;
    border-radius:30px;
    display:inline-block;
    margin-bottom:20px;    
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.3)
}
#pix-tabs-nav2 li.active a,#pix-tabs-nav2 li a:hover{
    background:#fff;
    color:#FF6600;
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.6);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.6)
}
#pix-tabs-nav.pix-tab-two li.active a,#pix-tabs-nav.pix-tab-two li a:hover{
    color:#07132B;
    -webkit-box-shadow:0 20px 30px 0 rgba(90,70,176,.3);
    box-shadow:0 20px 30px 0 rgba(90,70,176,.3)
}
#pix-tabs-content .content{
    text-align:center;
    position:relative
}
#pix-tabs-content .content img{
    background-color:#e1d5d5
}
#pix-tabs-content .content .shape-shadow,#pix-tabs-content .content img{
    -webkit-box-shadow:0 60px 100px 0 rgba(79,35,35,.2);
    box-shadow:0 60px 100px 0 rgba(79,35,35,.2);
    border-radius:10px
}
#pix-tabs-content .content .shape-shadow{
    background-color:#fff;
    opacity:.4;
    height:100px;
    max-width:73%;
    position:absolute;
    bottom:-40px;
    width:100%;
    z-index:-1;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
#pix-tabs-content .content.color-two .shape-shadow,#pix-tabs-content .content.color-two img{
    -webkit-box-shadow:0 60px 100px 0 rgba(43,35,79,.2);
    box-shadow:0 60px 100px 0 rgba(43,35,79,.2)
}
#pix-tabs-content .feature-items,
#pix-tabs-content .feature-items2 {
    padding-left: 0;
    list-style: none;
    background-color: #fff;
    padding: 35px 20px 20px;
    width: 90%;
    margin: 0 auto;
    border-radius: 25px 25px 0 0
}
#pix-tabs-content .feature-items h5,
#pix-tabs-content .feature-items2 h5 {
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 20px;
}
#pix-tabs-content .feature-items h5 strong,
#pix-tabs-content .feature-items2 h5 strong {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 28px;
}
#pix-tabs-content .feature-items li {
    display: inline-block;
    padding: 15px;
    border: 1px solid #f1f1f1;
    width: 33%;
}
#pix-tabs-content .feature-items li strong {
    color: #0B2F9B;
    display: block;
    margin-bottom: 8px;
    line-height: 1.3;
    text-transform: uppercase;
}
#pix-tabs-content .feature-items li span {
    display: block;
    float: left;
    width:  30%;
    background-color: #fff;
}
#pix-tabs-content .feature-items li span img {
    max-width: 70px;
    width: auto;
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    max-height: 70px;
    height: auto;
}
#pix-tabs-content .feature-items li p {
    width: 70%;
    padding-left: 15px;
    font-size: 12px;
    float: right;
    text-align: left;
    line-height: 1.4;
}
.more-features-wrap {
    text-align: center;
    display: flex;
}
h4.more-title {
    margin: 40px 0 30px;
    text-align: center;
}
.more-features{
    margin:0;
    padding:0;
    list-style:none
}
.more-features-left {
    width: 30%;
    padding-left: 0;
}
.more-features-left img {
    background-color: #fff;
}
.more-features-right {
    width: 70%;
    padding-left: 15px;
}
.more-features li {
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
    color: #2b2350;
    padding-left: 36px;
    width: 30%;
    text-align: left;
    position: relative;
    display: inline-block;
    margin: 10px;
    overflow: hidden;
}
.more-features li:before{
    content:"\4e";
    font-family:eleganticons;
    position:absolute;
    left:0;
    top:0;
    color:#1D7CDA
}
#tab2 .more-features li:before{
    top:65px;
}
.more-features li span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 5px;
}
.more-features li span img {
    background-color: #fff !important;
    max-width: 60px;
    max-height: 60px;
    height: auto;
    width: auto;
    box-shadow: none !important;
}

@media (max-width:1200px){
    #pix-tabs-content .feature-items, #pix-tabs-content .feature-items2 {
        width: 100%;
    }
    #pix-tabs-content .feature-items li {
        width: 30%;
    }
    .more-features li {
        width: 28%;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .revolutionize .container {
        max-width: 820px;
        padding-left: 25px;
        padding-right: 25px;
    }
    #pix-tabs-content .feature-items li {
        width: 48%;
    }
    .more-features li {
        padding-left: 20px;
    }
}

@media (max-width:991px){
    .revolutionize,.revolutionize-two{
        padding:76px 0 30px
    }
    #pix-tabs-content .content.color-two .shape-shadow,#pix-tabs-content .content.color-two img{
        -webkit-box-shadow:0 40px 50px 0 rgba(43,35,79,.2);
        box-shadow:0 40px 50px 0 rgba(43,35,79,.2)
    }
}
@media (max-width:767px) and (min-width:567px) {
    .revolutionize .container {
        max-width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #pix-tabs-content .feature-items li {
        width: 48%;
    }
    .more-features li {
        padding-left: 20px;
        width: 27%
    }
}
@media (max-width:768px){
    #pix-tabs-content .content .shape-shadow,#pix-tabs-content .content img{
        -webkit-box-shadow:0 40px 50px 0 rgba(79,35,35,.2);
        box-shadow:0 40px 50px 0 rgba(79,35,35,.2)
    }
    #pix-tabs-content .content .shape-shadow{
        bottom:-30px
    }
    #pix-tabs-nav li:not(:last-child){
        margin-right:5px
    }
}
@media (max-width:680px) {
    .more-features-wrap {
        display: block;
    }
    .more-features-left {
        width: 60%;
        margin: 0 auto 30px;
    }
    .more-features-right {
        width: 100%;
        padding-left: 0;
    }
    .more-features li {
        width: 28%
    }
    #pix-tabs-content .feature-items li span {
        width: 20%;
    }
    #pix-tabs-content .feature-items li span img {
        max-width: 40px;
        max-height: 40px;
    }
    #pix-tabs-content .feature-items li p {
        width: 80%;
    }
}
@media (max-width:576px){
    .revolutionize .container {
        padding-left: 50px;
        padding-right: 50px;
    }
    #pix-tabs-nav{
        margin:0
    }
    #pix-tabs-nav li, #pix-tabs-nav2 li{
        margin-right:3px
    }

    #pix-tabs-nav li a, #pix-tabs-nav2 li a {
        padding: 8px 20px;
        font-size:13px;
    }
    #pix-tabs-content .feature-items li {
        width: 100%;
        height: auto !important;
    }
    .more-features li {
        width: 95%;
        height: auto !important;
        padding-left: 26px;
    }
    #pix-tabs-content .feature-items li span {
        width: 30%;
    }
    #pix-tabs-content .feature-items li span img {
        max-width: 60px;
        max-height: 60px;
    }
    #pix-tabs-content .feature-items li p {
        width: 70%;
    }
    .more-features li span {
        width: 40px;
        height: 40px;
    }
    .more-features li span img {
        max-width: 40px;
        max-height: 40px;
    }
    #tab2 .more-features li::before {
        top: 45px;
    }
}
@media (max-width:420px){
    .revolutionize .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    #pix-tabs-nav{
        margin-bottom:20px
    }
    #pix-tabs-nav li a{
        margin-bottom:10px
    }
    #pix-tabs-nav li:not(:last-child){
        margin-right:0
    }    
    #pix-tabs-content .feature-items li span {
        width: 20%;
    }
    #pix-tabs-content .feature-items li span img {
        max-width: 40px;
        max-height: 40px;
    }
    #pix-tabs-content .feature-items li p {
        width: 80%;
    }
    #pix-tabs-content .feature-items h5 strong, #pix-tabs-content .feature-items2 h5 strong {
        font-size: 24px;
    }
    h4.more-title {
        font-size: 20px;
    }
}
.inspect{
    padding:107px 0 75px;
    background:#fbfafd
}
.inspect.vision_mission{
    padding:40px 0 25px;
    background:#fafafa
}
.performance{
    background:#faf9fd;
    padding:120px 0 125px
}
.gp-tab-contentens .section-heading{
    margin-bottom:50px
}
.gp-tabs-navigation{
    margin:0;
    padding:0;
    list-style:none
}
.gp-tabs-navigation li{
    margin-bottom:20px;
    padding:25px 20px 25px 50px;
    background:#fff;
    border-radius:4px;
    -webkit-box-shadow:0 20px 40px 0 rgba(43,35,79,.08);
    box-shadow:0 20px 40px 0 rgba(43,35,79,.08);
    border-left:5px solid #07132B;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.gp-tabs-navigation li .acc-btn{
    color:#322d49;
    font-size:20px;
    font-weight:700
}
.vision_mission .gp-tabs-navigation li .acc-btn{     
    color: #FE6501;
    background-image: linear-gradient(45deg, #FEF111, #FE6501);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.gp-tabs-navigation li .content{
    display:none;
    padding-top:14px
}
.gp-tabs-navigation li .content p{
    margin-bottom:22px
}
.gp-tabs-navigation li:last-child{
    margin-bottom:0
}
.gp-tabs-navigation li .tab-icon{
    margin-right:20px
}
.gp-tabs-navigation li.active .content{
    display:block
}
.gp-tabs-navigation li .more-btn{
    font-size:14px;
    color:#5e5b74;
    font-weight:500
}
.gp-tabs-navigation li .more-btn i{
    vertical-align:middle;
    margin-left:5px
}
.gp-tabs-navigation li .more-btn:hover{
    color:#07132B
}
.gp-tabs-navigation li.active-tab{
    padding:30px 20px 25px 50px
}
.gp-tabs-content{
    padding:0;
    list-style:none;
    z-index:22;
    position:relative
}
.gp-tabs-content .pix-tab-item{
    display:none;
    opacity:0;
    padding:37px 50px 40px 0
}
.gp-tabs-content .pix-tab-item.active-tab{
    display:block;
    opacity:1
}
.gp-tabs-content .pix-tab-item.active-tab .image-bottom,.gp-tabs-content .pix-tab-item.active-tab .image-top{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.gp-tabs-content .pix-tab-item.active-tab .image-top{
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.gp-tabs-content .pix-tab-item.active-tab .image-left{
    opacity:1;
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.gp-tabs-content .inspect-tab-image{
    position:relative;
    height:510px;
    width:610px;
    margin:0 auto
}
.gp-tabs-content .inspect-tab-image>div{
    position:absolute;
    opacity:0;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.gp-tabs-content .inspect-tab-image .image-top{
    top:-10px;
    left:0;
    z-index:2;
    -webkit-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px)
}
.vision_mission .gp-tabs-content .inspect-tab-image .image-top {
    top:50px;
    width: 100%;
}
.vision_mission .gp-tabs-content .inspect-tab-image .image-top img {
    width: 100%;
}
.gp-tabs-content .inspect-tab-image .image-bottom{
    bottom:-66px;
    right:-70px;
    -webkit-transform:translateY(30px);
    -ms-transform:translateY(30px);
    transform:translateY(30px)
}
.gp-tabs-content .inspect-tab-image .image-left{
    bottom:-30px;
    left:50px;
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7)
}
.tab-content-inner{
    position:relative
}
.tab-content-inner .animate-shape-one{
    position:absolute;
    top:66%;
    left:55%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:1
}
.tab-content-inner .animate-shape-two{
    position:absolute;
    right:25px;
    top:35%
}
@media (min-width:768px){
    .gp-tabs-content{
        min-height:480px
    }
}
@media (min-width:960px){
    .gp-tabs-content{
        min-height:0
    }
}
@media (max-width:1200px){
    .inspect{
        padding:107px 0 120px
    }
    .gp-tabs-navigation{
        margin-bottom:40px
    }
    .gp-tabs-content .pix-tab-item{
        padding:0
    }
    .gp-tabs-content .inspect-tab-image{
        max-width:100%;
        height:450px
    }
    .gp-tabs-content .inspect-tab-image .image-top{
        max-width:450px
    }    
    .vision_mission .gp-tabs-content .inspect-tab-image{
        width:100%;
    }
    .vision_mission .gp-tabs-content .inspect-tab-image .image-top{
        max-width:100%;
    }
    .vision_mission .gp-tabs-content .inspect-tab-image .image-top {
        top:0;
    }
    .gp-tabs-content .inspect-tab-image .image-bottom{
        right:0;
        max-width:470px
    }
    .gp-tabs-content .inspect-tab-image .image-left{
        left:0
    }
}
@media (max-width:992px){
    .inspect{
        padding:75px 0 100px
    }
}
@media (max-width:576px){
    .gp-tabs-content .pix-tab-item{
        padding:0
    }
    .gp-tabs-content .inspect-tab-image{
        max-width:400px;
        height:290px
    }
    .gp-tabs-content .inspect-tab-image .image-top{
        max-width:340px
    }
    .gp-tabs-content .inspect-tab-image .image-bottom{
        right:0;
        max-width:360px
    }
    .gp-tabs-content .inspect-tab-image .image-left{
        bottom:-60px;
        width:200px
    }
}
@media (max-width:420px){
    .gp-tabs-navigation li{
        padding:20px 20px 20px 30px
    }
    .gp-tabs-navigation li .acc-btn{
        font-size:16px
    }
    .gp-tabs-navigation li.active-tab{
        padding:20px 20px 20px 30px
    }
    .gp-tabs-content .inspect-tab-image{
        width:300px;
        height:190px
    }
    .gp-tabs-content .inspect-tab-image .image-top{
        max-width:260px
    }
    .gp-tabs-content .inspect-tab-image .image-bottom{
        right:0;
        max-width:270px
    }
    .gp-tabs-content .inspect-tab-image .image-left{
        bottom:-60px;
        width:140px
    }
}
.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    background-image:none
}
.testimonials{
    background:#fdf8f8;
    padding:116px 0 0;
    overflow:hidden
}
.testimonials .scroll-circle{
    bottom:35%;
    right:-133px
}
.testimonial-wrapper{
    padding:0 100px 160px;
    position:relative;
    z-index:22
}
.testimonial-wrapper .shape-shadow{
    border-radius:10px;
    background-color:#fff;
    opacity:.4;
    -webkit-box-shadow:0 60px 100px 0 rgba(102,74,74,.2);
    box-shadow:0 60px 100px 0 rgba(102,74,74,.2);
    height:100px;
    max-width:54%;
    position:absolute;
    bottom:120px;
    width:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.testimonial-wrapper .slider-nav .swiper-button-next,.testimonial-wrapper .slider-nav .swiper-button-prev{
    color:#bdb4b4;
    font-size:36px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    outline:0
}
.testimonial-wrapper .slider-nav .swiper-button-next:hover,.testimonial-wrapper .slider-nav .swiper-button-prev:hover{
    color:#FF6600
}
.testimonial-wrapper .slider-nav .swiper-button-next{
    right:20px
}
.testimonial-wrapper .slider-nav .swiper-button-prev{
    left:20px
}
#testimonial{
    border-radius:10px;
    max-width:770px;
    margin:0 auto;
    position:relative;
    -webkit-box-shadow:0 60px 100px 0 rgba(79,35,35,.1);
    box-shadow:0 60px 100px 0 rgba(79,35,35,.1);
    background:#fff;
    width:100%
}
#testimonial .testimonial{
    text-align:center;
    margin:0 auto;
    padding:60px;
    position:relative
}
#testimonial .testimonial .testimonial-content{
    max-width:630px;
    margin:0 auto 30px
}
#testimonial .testimonial .testimonial-content p{
    color:#656177;
    font-size:20px;
    margin:0;
    line-height:38px
}
#testimonial .testimonial .single-bio-thumb{
    max-width:80px;
    margin:0 auto 41px;
    -webkit-box-shadow:0 20px 30px 0 rgba(79,35,35,.2);
    box-shadow:0 20px 30px 0 rgba(79,35,35,.2);
    border-radius:50%
}
#testimonial .testimonial .single-bio-thumb img{
    border-radius:50%
}
#testimonial .testimonial .bio-info .name{
    font-size:20px;
    line-height:32px;
    margin:0
}
.testimonials-two{
    position:relative;
    overflow:hidden
}
.testimonials-two .section-title{
    margin-bottom:50px
}
.testimonials-two .animate-shape{
    position:absolute;
    right:-9%;
    top:-37%
}
#testimonial-wrapper{
    position:relative;
    z-index:2
}
#testimonial-wrapper .slider-nav .swiper-button-next,#testimonial-wrapper .slider-nav .swiper-button-prev{
    outline:0
}
#testimonial-wrapper .slider-nav .swiper-button-next i,#testimonial-wrapper .slider-nav .swiper-button-prev i{
    font-size:32px
}
#testimonial-wrapper .slider-nav .swiper-button-next:hover,#testimonial-wrapper .slider-nav .swiper-button-prev:hover{
    color:#07132B
}
#testimonial-wrapper .slider-nav .swiper-button-next{
    right:-80px
}
#testimonial-wrapper .slider-nav .swiper-button-prev{
    left:-90px
}
.testimonials-two,.testimonials-two-about{
    padding:116px 0 60px
}
.testimonials-two-about .swiper-container,.testimonials-two .swiper-container{
    padding:0 20px 100px
}
.testimonials-two{
    background:#f8f7fc
}
.testimonial-two .testi-content-inner{
    overflow:hidden;
    position:relative;
    background:#fff;
    -webkit-box-shadow:0 30px 20px 0 rgba(43,35,79,.05);
    box-shadow:0 30px 20px 0 rgba(43,35,79,.05);
    border-radius:10px;
    padding:50px 60px
}
.testimonial-two .testimonial-bio{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:43px
}
.testimonial-two .testimonial-bio .avatar{
    height:70px;
    width:70px;
    border-radius:50%;
    margin-right:30px;
    overflow: hidden;
}
.testimonial-two .testimonial-bio .avatar img{
    border-radius:50%
}
.testimonial-two .testimonial-bio .bio-info .name{
    font-size:20px;
    font-weight:600;
    margin-top:0;
    margin-bottom:5px
}
.testimonial-two .testimonial-content{
    margin-bottom: 35px;
    height: 150px;
    overflow-y: auto;
    padding-right: 5px;
}
.testimonial-two .testimonial-content p{
    font-size:16px;
    line-height:24px;
    margin:0
}
.testimonial-two .shape-shadow{
    border-radius:10px;
    background-color:#fff;
    opacity:.4;
    -webkit-box-shadow:0 20px 50px 0 rgba(102,74,74,.2);
    box-shadow:0 20px 50px 0 rgba(102,74,74,.2);
    height:100px;
    max-width:81%;
    position:absolute;
    bottom:-40px;
    width:100%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:-1
}
.testimonial-two .quote{
    position:absolute;
    right:60px
}
.rating{
    margin:0;
    padding:0;
    list-style:none
}
.rating li{
    display:inline-block;
    font-size:14px;
    color:#fdae04
}
#testimonial-wrapper-three{
    max-width:1060px;
    margin:0 auto;
    position:relative
}
#testimonial-wrapper-three .quote{
    position:absolute;
    bottom:80px;
    right:80px;
    z-index:22
}
#testimonial-wrapper-three .swiper-container{
    padding:0 45px 80px
}
#testimonial-wrapper-three .slider-nav{
    width:90px;
    top:auto;
    bottom:100px;
    left:50%;
    height:40px
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev{
    height:25px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    outline:0
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev .arrow{
    margin-top:12px;
    width:25px;
    height:2px;
    background:#bdb4b4;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev .arrow:after{
    top:7px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev .arrow:after,#testimonial-wrapper-three .slider-nav .swiper-button-prev .arrow:before{
    content:"";
    position:absolute;
    width:15px;
    height:2px;
    left:-2px;
    background-color:#bdb4b4;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev .arrow:before{
    top:17px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev:hover{
    width:40px;
    left:-15px
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev:hover .arrow{
    width:40px;
    background:#FF6600
}
#testimonial-wrapper-three .slider-nav .swiper-button-prev:hover .arrow:after,#testimonial-wrapper-three .slider-nav .swiper-button-prev:hover .arrow:before{
    background:#FF6600
}
#testimonial-wrapper-three .slider-nav .swiper-button-next{
    height:25px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#testimonial-wrapper-three .slider-nav .swiper-button-next .arrow{
    margin-top:12px;
    width:25px;
    height:2px;
    background:#bdb4b4;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#testimonial-wrapper-three .slider-nav .swiper-button-next .arrow:after{
    top:7px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
#testimonial-wrapper-three .slider-nav .swiper-button-next .arrow:after,#testimonial-wrapper-three .slider-nav .swiper-button-next .arrow:before{
    content:"";
    position:absolute;
    width:15px;
    height:2px;
    right:-2px;
    background-color:#bdb4b4;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#testimonial-wrapper-three .slider-nav .swiper-button-next .arrow:before{
    top:17px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
#testimonial-wrapper-three .slider-nav .swiper-button-next:hover{
    width:40px;
    right:-15px
}
#testimonial-wrapper-three .slider-nav .swiper-button-next:hover .arrow{
    width:40px;
    background:#FF6600
}
#testimonial-wrapper-three .slider-nav .swiper-button-next:hover .arrow:after,#testimonial-wrapper-three .slider-nav .swiper-button-next:hover .arrow:before{
    background:#FF6600
}
.testimonials-two-about{
    background:#fdf8f8;
    padding:116px 0 58px;
    overflow:hidden
}
.testimonials-two-about .testimonial-two .testi-content-inner{
    -webkit-box-shadow:0 30px 20px 0 rgba(79,35,35,.1);
    box-shadow:0 30px 20px 0 rgba(79,35,35,.1)
}
.testimonials-two-about .testimonial-two .shape-shadow{
    -webkit-box-shadow:0 20px 50px 0 rgba(79,35,35,.1);
    box-shadow:0 20px 50px 0 rgba(79,35,35,.1)
}
.testimonials-two-about .scroll-circle{
    bottom:33%;
    z-index:1;
    right:-7%
}
.testimonials-two-about #testimonial-wrapper .slider-nav .swiper-button-next:hover,.testimonials-two-about #testimonial-wrapper .slider-nav .swiper-button-prev:hover{
    color:#FF6600
}
.testimonial-three{
    border-radius:10px;
    background-color:#fff;
    -webkit-box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.testimonial-three .avatar,.testimonial-three .testimonial-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.testimonial-three .testimonial-content{
    padding:0 60px;
    margin-top:-47px
}
.testimonial-three .testimonial-content .bio-info{
    margin-bottom:30px
}
.testimonial-three .testimonial-content .bio-info .name{
    font-size:20px;
    font-weight:600
}
.testimonial-three .testimonial-content p{
    font-size:18px;
    line-height:32px;
    color:#656177
}
.testimonials-three{
    padding:116px 0 40px
}
.testimonial-wrapper-two .slider-nav{
    top:50%
}
.testimonials-four{
    background:#fbfafd;
    padding:115px 0
}
.testimonial-wrapper-two{
    position:relative
}
.testimonial-wrapper-two .slider-nav #slide-next,.testimonial-wrapper-two .slider-nav #slide-prev{
    outline:0;
    height:50px;
    width:50px;
    line-height:54px;
    border:1px solid #e0deed;
    text-align:center;
    font-size:20px;
    border-radius:50%;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.testimonial-wrapper-two .slider-nav #slide-next:hover,.testimonial-wrapper-two .slider-nav #slide-prev:hover{
    background:#07132B;
    -webkit-box-shadow:0 20px 30px 0 rgba(90,70,176,.3);
    box-shadow:0 20px 30px 0 rgba(90,70,176,.3);
    color:#fff
}
.testimonials-tax{
    padding:112px 0 120px;
    position:relative
}
.testimonials-tax .testi-top-shape{
    position:absolute;
    top:0;
    right:0;
    z-index:-1
}
.testimonial-six-wrapper{
    margin:0 auto;
    max-width:770px;
    position:relative
}
.testimonial-six-wrapper .quote{
    position:absolute;
    top:40px;
    left:30px
}
.testimonial-six-wrapper .testimonial-six{
    border-radius:10px;
    background-color:#fff;
    -webkit-box-shadow:0 50px 80px 0 rgba(48,11,33,.1);
    box-shadow:0 50px 80px 0 rgba(48,11,33,.1);
    padding:50px 100px 100px
}
.testimonial-six-wrapper .testimonial-six .testimonial .single-bio-thumb{
    border-radius:50%;
    background-color:#dfe4ec;
    -webkit-box-shadow:0 30px 40px 0 rgba(48,11,33,.12);
    box-shadow:0 30px 40px 0 rgba(48,11,33,.12);
    width:80px;
    height:80px;
    margin:0 auto 30px;
    overflow:hidden
}
.testimonial-six-wrapper .testimonial-six .testimonial .testimonial-content p{
    font-size:18px;
    line-height:32px;
    margin-bottom:35px
}
.testimonial-six-wrapper .testimonial-six .testimonial .bio-info .name{
    font-size:18px;
    line-height:26px;
    margin:0
}
.testimonial-six-wrapper .testimonial-six .testimonial .bio-info .job{
    font-size:14px
}
.testimonial-six-wrapper .dot-shape{
    position:absolute;
    right:-60px;
    bottom:-35px;
    z-index:-1
}
.style-two.swiper-pagination{
    margin-top:35px
}
.style-two.swiper-pagination .swiper-pagination-bullet{
    margin-right:5px;
    position:relative;
    opacity:1;
    background:transparent;
    outline:0
}
.style-two.swiper-pagination .swiper-pagination-bullet,.style-two.swiper-pagination .swiper-pagination-bullet:before{
    height:12px;
    width:12px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.style-two.swiper-pagination .swiper-pagination-bullet:before{
    content:"";
    position:absolute;
    background:#e5d6d6;
    z-index:2;
    top:0;
    left:0;
    border-radius:50%;
    left:-2px;
    top:-2px;
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7)
}
.style-two.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1
}
.style-two.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    background:#f97bc5;
    -webkit-box-shadow:0 10px 14px 0 rgba(79,35,35,.3);
    box-shadow:0 10px 14px 0 rgba(79,35,35,.3)
}
.testimonials-six{
    padding:120px 0 154px;
    background-size:cover;
    background-position:50%
}
#testimonial-wrapper-six{
    margin:0 -45px
}
#testimonial-wrapper-six .swiper-container{
    padding:40px 45px 35px
}
.swiper-slide-visible .testimonial-six .testimonial-content{
    -webkit-box-shadow:0 40px 50px 0 rgba(10,1,47,.12);
    box-shadow:0 40px 50px 0 rgba(10,1,47,.12)
}
.testimonial-six .testimonial-content{
    background-color:#fff;
    padding:42px 40px;
    border-radius:10px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    position:relative
}
.testimonial-six .testimonial-content p{
    font-size:16px;
    line-height:30px;
    color:#322d49;
    margin-bottom:13px
}
.testimonial-six .testimonial-content:after{
    content:"";
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:8px solid transparent;
    border-top:15px solid #fff;
    bottom:-15px;
    position:absolute;
    left:100px
}
.testimonial-six .testimonial-bio{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:35px;
    margin-left:100px
}
.testimonial-six .testimonial-bio .name{
    font-size:18px;
    font-weight:600;
    margin:0
}
.testimonial-six .testimonial-bio .avatar{
    height:50px;
    width:50px;
    border-radius:50%;
    overflow:hidden;
    margin-right:20px
}
#testimonials-four .swiper-slide.swiper-slide-active .testimonial-four>*{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
#testimonials-four .swiper-slide.swiper-slide-active .testimonial-four .single-bio-thumb{
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
#testimonials-four .swiper-slide.swiper-slide-active .testimonial-four .testimonial-content{
    -webkit-transition-delay:.5s;
    -o-transition-delay:.5s;
    transition-delay:.5s
}
#testimonials-four .swiper-slide.swiper-slide-active .testimonial-four .bio-info{
    -webkit-transition-delay:.7s;
    -o-transition-delay:.7s;
    transition-delay:.7s
}
.testimonial-four{
    text-align:center;
    padding-top:30px
}
.testimonial-four>*{
    -webkit-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
    opacity:0;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s
}
.testimonial-four .single-bio-thumb{
    overflow:hidden;
    height:80px;
    width:80px;
    margin:0 auto 60px;
    border-radius:50%;
    -webkit-box-shadow:0 20px 30px 0 rgba(43,35,79,.1);
    box-shadow:0 20px 30px 0 rgba(43,35,79,.1)
}
.testimonial-four .testimonial-content{
    position:relative;
    max-width:740px;
    margin:0 auto 68px
}
.testimonial-four .testimonial-content .quote{
    position:absolute;
    top:-65px;
    left:0;
    z-index:1
}
.testimonial-four .testimonial-content p{
    font-size:20px;
    line-height:36px;
    font-weight:300;
    margin:0;
    z-index:22;
    position:relative
}
.testimonial-four .bio-info .name{
    font-size:20px;
    font-weight:500;
    color:#322d49;
    margin:0
}
.testimonial-four .bio-info .job{
    font-size:14px;
    color:#7c7a8f
}
@media (max-width:1440px){
    .testimonials-two-about .animate-shape,.testimonials-two-about .scroll-circle,.testimonials-two .animate-shape,.testimonials-two .scroll-circle{
        max-width:600px
    }
}
@media (max-width:1200px){
    #testimonial-wrapper-three .slider-nav{
        bottom:70px
    }
    .testimonial-two .testimonial-content{
        height: 160px
    }
}
@media (max-width:1024px){
    .testimonial-three .testimonial-content{
        padding:0 20px;
        margin-top:0
    }
    .testimonial-three .testimonial-content p{
        font-size:16px;
        line-height:28px
    }
    .testimonial-three .testimonial-content .bio-info{
        margin-bottom:10px
    }
    #testimonial-wrapper-three .slider-nav{
        bottom:80px
    }
    #testimonial-wrapper-three .quote{
        width:80px
    }
    .testimonials .scroll-circle{
        max-width:500px
    }
    .testimonials-two-about .scroll-circle{
        max-width:400px
    }
}
@media (max-width:991px){
    .testimonials{
        padding:76px 0 10px
    }
    .testimonials-two-about .swiper-container,.testimonials-two .swiper-container{
        padding:0 20px 80px
    }
    .testimonials-two,.testimonials-two-about{
        padding:76px 0 30px
    }
    #testimonial-wrapper .slider-nav .swiper-button-prev{
        left:-30px
    }
    #testimonial-wrapper .slider-nav .swiper-button-next{
        right:-20px
    }
    .testimonials-three{
        padding:76px 0 0
    }
    #testimonial-wrapper-three .slider-nav{
        display:none
    }
    .testimonials-two .animate-shape{
        right:-80%
    }
    .testimonial-wrapper{
        padding:0 50px 110px
    }
    .testimonial-wrapper .slider-nav .swiper-button-prev{
        left:0
    }
    .testimonial-wrapper .slider-nav .swiper-button-next{
        right:10px
    }
    .testimonial-wrapper .shape-shadow{
        bottom:80px
    }
    #testimonial .testimonial .testimonial-content p{
        font-size:18px;
        line-height:34px
    }
    .testimonial-two .testi-content-inner{
        padding:40px 30px
    }
    .testimonial-two .shape-shadow{
        bottom:-30px
    }
    .testimonial-four .single-bio-thumb{
        margin:0 auto 30px
    }
    .testimonial-four .testimonial-content{
        max-width:500px;
        margin:0 auto 38px
    }
    .testimonial-four .testimonial-content p{
        font-size:18px
    }
    .testimonial-four .testimonial-content p br{
        display:none
    }
    .testimonials-four{
        padding:50px 0 70px
    }
    .testimonials-tax{
        padding:72px 0 80px
    }
}
@media (max-width:768px){
    .testimonials,.testimonials-three{
        padding:76px 0 30px
    }
    #testimonial-wrapper-three .swiper-container{
        padding:0 25px 50px
    }
    .testimonial-two .testimonial-content{
        height: auto
    }
    #testimonial .testimonial{
        padding:40px
    }
    #testimonial .testimonial .testimonial-content p{
        font-size:16px;
        line-height:30px
    }
    .testimonial-wrapper{
        padding:0 50px 70px
    }
    .testimonial-wrapper .shape-shadow{
        bottom:50px
    }
    #testimonial-wrapper .slider-nav .swiper-button-prev{
        left:-30px
    }
    #testimonial-wrapper .slider-nav .swiper-button-next{
        right:-20px
    }
    .testimonials-two .animate-shape{
        right:-100%
    }
    .testimonial-three{
        display:block;
        padding:30px
    }
    .testimonial-three .avatar{
        width:80px;
        height:80px;
        border-radius:50%;
        margin:auto 30px;
        overflow:hidden
    }
    .testimonial-three .avatar img{
        border-radius:50%
    }
    #testimonial-wrapper-three .slider-nav{
        bottom:50px;
        -webkit-transform:translateX(-50%);
        -ms-transform:translateX(-50%);
        transform:translateX(-50%);
        display:none
    }
    #testimonial-wrapper-three .quote{
        bottom:50px
    }
    .testimonial-wrapper-two .slider-nav #slide-prev{
        left:-50px
    }
    .testimonial-wrapper-two .slider-nav #slide-next{
        right:-50px
    }
    .testimonial-six-wrapper .testimonial-six{
        padding:50px 50px 100px
    }
}
@media (max-width:620px){
    .testimonial-four .testimonial-content p{
        font-size:16px;
        line-height:26px
    }
    .testimonial-wrapper-two .slider-nav{
        display:none
    }
}
@media (max-width:576px){
    #testimonial-wrapper .slider-nav .swiper-button-next,#testimonial-wrapper .slider-nav .swiper-button-prev,.testimonial-wrapper .slider-nav .swiper-button-next,.testimonial-wrapper .slider-nav .swiper-button-prev{
        display:none
    }
    .testimonial-wrapper{
        padding:0 0 70px
    }
    #testimonial .testimonial{
        padding:40px 25px
    }
    #testimonial-wrapper-three .slider-nav{
        display:none
    }
    #testimonial-wrapper-three .swiper-container{
        padding:0 20px 50px!important
    }
    #testimonial-wrapper-three .quote{
        right:30px
    }
    .testimonial-three{
        padding:30px 10px
    }
}
.review-sliders{
    background:#fcfafb;
    padding:112px 0 120px;
    overflow:hidden
}
#review-slider-wrapper{
    position:relative
}
#review-slider-wrapper #review-sliders{
    overflow:visible
}
#review-slider-wrapper #review-sliders .swiper-slide.swiper-slide-visible .review-slider{
    -webkit-box-shadow:0 30px 60px 0 rgba(48,11,33,.08);
    box-shadow:0 30px 60px 0 rgba(48,11,33,.08);
    opacity:1
}
#review-slider-wrapper .swiper-pagination{
    bottom:-60px
}
.review-slider{
    border-radius:6px;
    background:#fff;
    text-align:center;
    padding:40px;
    height:100%;
    min-height:280px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    opacity:.6
}
.review-slider .review-content-inner .review-score{
    height:80px;
    width:80px;
    line-height:80px;
    color:#07132B;
    background:#f5f1ff;
    border-radius:50%;
    font-size:30px;
    font-weight:500;
    margin:0 auto 23px
}
.review-slider .review-content-inner .rating{
    margin-bottom:22px
}
@media (max-width:991px){
    .review-sliders{
        padding:72px 0 100px
    }
}
.pricing{
    padding:116px 0 120px
}
.pricing-two{
    padding-top:146px;
    padding-bottom:90px
}
.pricing-two-single{
    padding-top:116px;
    padding-bottom:90px
}
.pricing .scroll-circle{
    bottom:20%
}
.pricing-single-one{
    padding:116px 0 90px
}
.pricing-table{
    border-right:1px solid #efe7e7;
    padding:20px 20px;
    margin-bottom:30px
}
.pricing-table.br-left{
    border-left:1px solid #efe7e7
}
.pricing-table .pricing-header{
    text-align:center;
    padding-bottom:20px;
    border-bottom:1px dashed #efe7e7;
    margin-bottom:20px;
    height: auto
}
.pricing-table .pricing-header .price{
    color:#FD2203;
    font-size:24px;
    font-weight:800;
    line-height:normal;
    margin-bottom:20px
}
.pricing-table .pricing-header .price-title{
    font-size:18px;
    font-weight:bold;
    font-family: 'Poppins', sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
    color: #F3702A;
}
.pricing-table .pricing-header p{
    margin:0;
    line-height: 1.4;
    font-size: 14px
}
.pricing-table .pricing-header .annual_price,
.yearly-tab{
    display:none
}
.pricing-table .pricing-header.change-subs-duration .annual_price,
.yearly-tab.change-subs-duration {
    display:block
}
.pricing-table .pricing-header.change-subs-duration .monthly_price,
.monthly-tab.remove_sec{
    display:none
}
.pricing-table .price-feture{
    padding:0;
    list-style:none;
    margin-bottom:55px
}
.pricing-table .price-feture li{
    padding:0 0 15px 33px;
    position:relative;
    border-bottom: 1px dashed #efe7e7;
    height: auto;
    line-height: normal;
    margin-bottom: 10px;
}
.pricing-table ul.price-feture br {
    display: none;
}

.pricing-table .price-feture li.sms {
    height: 100px;
}
.pricing-table .ez-price-check li.sms {
    text-align: center;
    font-size: 12px;
    line-height: 1.3;
    padding-top: 13px !important;
}
.pricing-table .ez-features.price-feture li {
    padding: 0 0 0 7px;
}
.pricing-table .ez-price-check.price-feture li {
    padding:0;
}
.pricing-table .ez-price-check li span {
    display: none;
}
.pricing-table .price-feture li:before{
    font-family:eleganticons;
    position:absolute;
    left:0;
    top:0
}
.pricing-table .price-feture li.have:before{
    content:"\4e";
    color:#F3702A
}
.pricing-table .price-feture li.not:before{
    content:"\4d";
    color:#fa7878
}
.pricing-table .ez-price-check.price-feture li.have:before,
.pricing-table .ez-price-check.price-feture li.not:before {
   position: relative;
   display: table;
   margin: 0 auto;
}
.pricing-table .ez-features.price-feture li.have:before,
.pricing-table .ez-features.price-feture li.not:before {
    display: none;
}
.pricing-table .ez-price-check li.lite-icon {
    text-align: center;    
}
.pricing-table .ez-price-check li.lite-icon i {
    font-size: 12px;
    color: orange;
    font-weight: normal;
}
.lite-note {
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
}
.lite-note i {
    color: orange;
}
.pricing-table.color-two .pricing-header .price{
    color:#8070fa
}
.pricing-table.color-three .pricing-header .price{
    color:#22cd1a
}
.pricing-table .lite-icon  {
    position: relative;
}
.pricing-table .lite-tip {
    position: absolute;
    top: -15px;
    margin: 0 auto;
    background-color: rgba(0,0,0,0.7);
    padding: 10px 12px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    font-size: 11px;
    display: none;
    z-index: 1;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.pricing-table .lite-icon:hover .lite-tip {
    display: block;
    opacity: 1;
}
.pricing-table .pix-btn{
    padding:8px 17px;
    text-align:center
}
.pricing-table.style-two{
    background:#fcf7f7;
    padding:50px 50px 60px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    position:relative;
    border:0
}
.pricing-table.style-two.price-two{
    background:#f8f7fc
}
.pricing-table.style-two.price-two.featu#F3702A .trend:before{
    border-right:90px solid #07132B
}
.pricing-table.style-two .pricing-header{
    text-align:left;
    border-color:#b4b2bf;
    padding-bottom:30px
}
.pricing-table.style-two .pricing-header .price-title{
    letter-spacing:0;
    text-transform:capitalize
}
.pricing-table.style-two:hover{
    background:#fff;
    -webkit-box-shadow:0 40px 80px 0 rgba(43,35,79,.14);
    box-shadow:0 40px 80px 0 rgba(43,35,79,.14)
}
.pricing-table.featu#F3702A .trend{
    position:absolute;
    top:0;
    right:0
}
.pricing-table.featu#F3702A .trend p{
    color:#fff;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-left:22px;
    margin-bottom:0;
    z-index:22;
    font-size:14px;
    padding-top:17px;
    padding-bottom:15px
}
.pricing-table.featu#F3702A .trend:before{
    content:"";
    width:0;
    height:0;
    border-top:0 solid transparent;
    border-bottom:90px solid transparent;
    border-right:90px solid #FF6600;
    position:absolute;
    top:0;
    right:0
}
.tabed-content .tabs-item{
    display:none
}
.pricing-tab{
    text-align:center;
    margin-bottom:80px;
    position:relative;
    z-index:2
}
.pricing-tab .tab-btn{
    cursor:pointer
}
.pricing-tab .monthly_tab_title{
    color:#FF6600
}
.pricing-tab .pricing-tab-switcher{
    height:40px;
    width:90px;
    display:inline-block;
    border-radius:50px;
    position:relative;
    margin:0 18px;
    -webkit-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    transform:translateY(-3px);
    border:1px solid #dcd2d2;
    border-radius:30px;
    cursor:pointer
}
.pricing-tab .pricing-tab-switcher,.pricing-tab .pricing-tab-switcher:before{
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition:all .3s ease
}
.pricing-tab .pricing-tab-switcher:before{
    content:"";
    position:absolute;
    left:5px;
    top:4px;
    background:#FF6600;
    width:30px;
    height:30px;
    border-radius:100%;
    -webkit-box-shadow:0 14px 24px 0 rgba(176,70,70,.4);
    box-shadow:0 14px 24px 0 rgba(176,70,70,.4)
}
.pricing-tab .pricing-tab-switcher.active:before{
    left:calc(100% - 35px)
}
.pricing-tab.seleceted .annual_tab_title{
    color:#FF6600
}
.pricing-tab.seleceted .monthly_tab_title{
    color:#797687
}
.pricing-tab span{
    vertical-align:middle
}
.pricing-tab.color-two .pricing-tab-switcher:before{
    background:#07132B;
    -webkit-box-shadow:0 14px 24px 0 rgba(90,70,176,.4);
    box-shadow:0 14px 24px 0 rgba(90,70,176,.4)
}
.pricing-tab.color-two .monthly_tab_title,.pricing-tab.color-two.seleceted .annual_tab_title{
    color:#07132B
}
.pricing-tab.color-two.seleceted .monthly_tab_title{
    color:#797687
}

.pricing-addons-title {
    margin-top: 70px;
    text-align: center;
}
.pricing-addons-title h2 {
    display: block;
    width: 100%;
}
.pricing-addons-title p {
    width: 60%;
    margin: 0 auto;
}
.pricing-addons {
    margin-top: 50px;
}
.pricing-addons .addon1, .pricing-addons .addon2 {
    list-style: none;
    padding: 0 30px;
}
.pricing-addons .addon-head {
    padding: 20px 25px 20px;
    border-radius: 20px 20px 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}
.pricing-addons .addon-head p {
    font-size: 14px;
    margin-bottom: 0;
}
.pricing-addons .addon-item h5 {
    font-size: 18px;
}
.addon2 .addon-item h5 {
    color: #FF6600;
}
.pricing-addons .addon-color1 {
    background-color: #0B2F9B;
}
.pricing-addons .addon-color2 {
    background-color: #FF6600;
}
.pricing-addons .addon-item {
    padding: 20px 25px;
    border-bottom: 1px solid #ccc;
    background-color: #f1f1f1;
    line-height: 1.4;
    font-size: 14px;
    position: relative;
}
.pricing-addons .addon-item p {
    margin-bottom: 0;
}
.pricing-addons .addon-item span {
    position: absolute;
    left: -30px;
    top: 35%;
    z-index: 1;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 100%;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Fira Sans';
    text-align: center;
}


.training-features{
    margin:0;
    padding:0;
    list-style:none;
    display: flex;
}

.training-features li {
    font-size: 12px;
    line-height: 1.3;
    font-weight: normal;
    color: #2b2350;
    width: auto;
    text-align: left;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 20px;
    overflow: hidden;
}
.training-features li span {
    width: 40px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
}
.training-features li span img {
    background-color: #fff !important;
    max-width: 40px;
    max-height: 40px;
    height: auto;
    width: auto;
    box-shadow: none !important;
}
.training-features li a,
.training-features li a:visited {
    color: #444;
    transition: all ease-in-out .3s;
}
.training-features li a:hover {
    color: #ff6000;
}


.refer-section{
    padding-top:100px;
    padding-bottom:100px;
    color: #fff;
}
.refer-section .section-title{
    margin-bottom:30px;
    margin-top: 20px;
    color: #fff
}
.refer-section .section-title h2 {
    color: #fff;
}
.refer-section p {
    line-height: 1.4;
    font-weight: 300;
}
.refer-section h5 {
    color: #1D7CDA;
}
.refer-section strong {
    font-weight: bold;
}
.refer-section .section-title.style-two p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 24px;
    letter-spacing: 0;
}
.refer-section .emailrefer {
    font-weight: bold;
}
.refer-section .shape-bg2{
    top: 0;
    left:-5px;
    position: absolute;
    z-index: -1;
}

@media (max-width:1250px) and (min-width: 992px){
    .pricing-table{
        padding:20px 10px;
    }
}

@media (max-width:1100px) and (min-width: 992px){
    .pricing-table{
        padding:0 6px;
    }
    .pricing-table .price-feture li {
        font-size: 14px;
    }
    .pricing-table .pricing-header .price-title {
        letter-spacing: 0;
    }
    .pricing-table .pricing-header p {
        line-height: 1.3;
    }
}
@media (max-width:991px) and (min-width: 768px){
    .pricing-table{
        padding:0 10px;
    }
    .pricing-table .price-feture li {
        font-size: 14px;
    }
    .pricing-table .pricing-header .price-title {
        letter-spacing: 0;
    }
    .pricing-table .pricing-header p {
        line-height: 1.3;
    }
    .pricing-table .price-feture li.sms {
        height: 110px;
    }
    .pricing-table .price-feture li.cert {
        height: 60px;
        line-height: 1.5;
        padding-top: 10px;
    }
    .pricing-table .ez-price-check.cert {
        height: 60px;
    }
    .pricing-table .price-feture {
        margin-bottom: 20px;
    }
    .pricing-addons .addon1, .pricing-addons .addon2 {
        padding: 0 10px;
    }
    .training-features {
        display: block;
    }
    .training-features li {
        width: 33%;
        margin: 0 0 10px;
        display: block;
        float: left;
        padding: 0;
    }
}
@media (max-width:820px) {
    .pricing-table{
        padding:0 10px;
    }
    .pricing-table .price-feture li {
        font-size: 12px;
    }
    .pricing-table .pricing-header .price-title {
        letter-spacing: 0;
    }
    .pricing-table .pricing-header p {
        line-height: 1.3;
        font-size: 13px;
    }
    .pricing-table .price-feture li.sms {
        height: 110px;
    }
    .pricing-table .price-feture li.cert,
    .pricing-table .price-feture li.digitz {
        height: 55px;
        line-height: 1.5;
        padding-top: 10px;
    }
    .pricing-table .ez-price-check.cert,
    .pricing-table .ez-price-check.digitz {
        height: 55px;
    }
    .pricing-table .price-feture li {
        height: 40px;
        line-height: 40px;
    }
    .pricing-table .price-feture {
        margin-bottom: 20px;
    }
    .pricing-table .pix-btn {
        padding: 6px 16px;
        text-align: center;
        font-weight: normal;
        font-size: 12px;
    }
    .pricing-table .pricing-header .price-title {
        font-size: 16px;
    }
}
@media (max-width:767px) {
    .pricetable-hide-mob {
        display: none;
    }
    .pricing-table {
        border-right: none;
        margin-bottom: 50px;
        padding-top: 20px;
        border-top: 1px solid #f1f1f1;

    }
    .pricing-table .ez-price-check li span {
        display: block;
        padding-left: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pricing-table .ez-price-check.price-feture li.have::before, .pricing-table .ez-price-check.price-feture li.not::before {
        position: absolute;
        display: table;
        margin: 0 auto;
    }
    .pricing-table .price-feture li {
        font-size: 14px;
    }
    .pricing-table .ez-price-check li.lite-icon {
        text-align: left;
    }
    .pricing-table .price-feture li {
        line-height: 1.3;
        height: auto;
    }
    .pricing-table .price-feture li::before {
        top: 10px;
    }
    .pricing-table .pricing-header {
        padding-bottom: 30px;
        margin-bottom: 0;
        height: auto;
    }
    .pricing-table .pricing-header .price-title {
        font-size: 18px;
    }
    .pricing-table .price-feture li.sms {
        height: auto;
        padding-bottom: 10px;
        padding-top: 10px !important;
        text-align: left;
        padding-left: 25px;
        font-size: 14px;
    }
    .pricing-table .price-feture li.cert span,
    .pricing-table .price-feture li.digitz span {
        height: auto;
        padding-bottom: 10px;
        padding-top: 10px !important;
        text-align: left;
        padding-left: 25px;
        font-size: 14px;
    }
    .pricing-table .price-feture li.cert, .pricing-table .price-feture li.digitz {
        height: auto;
        padding-top: 0;
    }
    .pricing-table .ez-price-check li.lite-icon i {
        font-size: 12px;
        color: orange;
        font-weight: normal;
        display: inline-block;
        top: 15px !important;
        position: absolute;
    }
    .lite-note {
        margin-top: -20px;
        margin-bottom: 30px;
    }
    .training-features {
        display: block;
    }
    .training-features li {
        width: 33%;
        margin: 0 0 10px;
        display: block;
        float: left;
        padding: 0;
    }
}
@media (max-width:576px) {
    .training-features li {
        width: 20%;
    }
}
@media (max-width:576px) {
    .training-features li {
        width: 32%;
    }
}
@media (max-width:420px) {
    .pricing-tab .tab-btn {
        font-size: 13px;
    }
}


.teams{
    padding:80px 0;
    position: relative;
    overflow: hidden;
}
.teams-single{
    padding:116px 0 120px
}
.teams-two{
    padding-top:116px;
    padding-bottom:120px
}
.teams-two .scroll-circle{
    right:0;
    left:auto;
    top:25%;
    z-index:-1
}
.team-slider .slick-slide {
    padding: 0 15px;
    text-align: center;
}
.team-member{
    margin-bottom:70px;
    max-width:370px;
    margin:0 auto 70px
}
.team-member .member-avater{
    position:relative;
    overflow:hidden;
    border-radius:10px
}
.team-member .member-avater svg{
    position:absolute;
    bottom:-100%;
    left:0;
    -webkit-transition:all .6s ease-in-out;
    -o-transition:all .6s ease-in-out;
    transition:all .6s ease-in-out
}
.team-member .member-avater svg.layer-two{
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.team-member .member-avater svg:hover{
    bottom:0
}
.team-member .member-avater .member-social{
    
}
.team-member .member-avater .member-social li{
    display:inline-block;
    margin-right:5px
}
.team-member .member-avater .member-social li a{
    display:inline-block;
    height:46px;
    width:46px;
    line-height:46px;
    text-align:center;
    color:#fff;
    border:2px solid #fff;
    border-radius:50%
}
.team-member .member-avater .member-social li a:hover{
    background:#fff;
    color:#FF6600;
    -webkit-box-shadow:0 20px 20px 0 rgba(79,35,35,.2);
    box-shadow:0 20px 20px 0 rgba(79,35,35,.2)
}
.team-member .member-avater:hover svg{
    bottom:0
}
.team-member .member-avater:hover .member-social{
    bottom:40px;
    opacity:1
}
.team-member-three .member-designation {
    padding: 15px 12px;
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    height: auto;
    background-color: rgb(243, 112, 42, .8);
    opacity: 0;
    transition: all .4s ease-in-out 0s;
    z-index: 200;
    color: #fff;
    text-transform: uppercase;
}
.team-member-three:hover .member-designation {
    opacity: 1;    
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.team-member .team-info{
    text-align:center;
    padding-top:25px
}
.team-slider .slick-slide:hover .team-info h3 {
    color: #F3702A;
}
.team-member .team-info .name{
    font-size:20px;
    font-weight:600
}
.team-member .team-info .job{
    font-size:16px;
    color:#797687;
    font-weight:400
}
.team-slider .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.team-slider .slick-dots {
    list-style: none;
    padding-left: 0;
}
.team-slider .slick-dots li {
    margin: 0 5px;
}

.team-slider .slick-dots li button {
    display: block;
    border: 1px solid #ccc;
    background-color: #ccc;
    text-indent: -99999px;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.team-slider .slick-dots li.slick-active button {
    background-color: #F3702A;
    border: 1px solid #F3702A;
}
.teampg {
  padding: 80px 0;
}
.teampg .desc {
    font-size: 15px;
    font-style: italic;
    padding-right: 15px;
    line-height: 1.4;
}
.teampg .team-info h3:hover {
  color: #F3702A;
}

.image{
    position:absolute;
    left:0;
    top:0;
    width:1920px;
    height:5976px;
    z-index:242
}
.teams-three{
    padding-bottom:110px
}
.team-member-two{
    position:relative;
    border-radius:6px;
    overflow:hidden;
    margin-bottom:10px
}
.team-member-two img{
    width:100%;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.team-member-two:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#07132B;
    opacity:.9;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.team-member-two .team-info{
    position:absolute;
    top:40px;
    left:40px;
    z-index:22;
    height:50px;
    overflow:hidden
}
.team-member-two .team-info .name{
    font-size:20px;
    font-weight:500;
    -webkit-transform:translateY(-25px);
    -ms-transform:translateY(-25px);
    transform:translateY(-25px)
}
.team-member-two .team-info .job,.team-member-two .team-info .name{
    color:#fff;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.team-member-two .team-info .job{
    font-size:14px;
    font-weight:400;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px)
}
.team-member-two .member-social{
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    left:40px;
    bottom:40px;
    z-index:22;
    height:28px;
    overflow:hidden
}
.team-member-two .member-social li{
    display:inline-block;
    margin-right:15px;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:0;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.team-member-two .member-social li:nth-child(2){
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
.team-member-two .member-social li:nth-child(3){
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.team-member-two .member-social li:nth-child(4){
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.team-member-two .member-social li:nth-child(5){
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s
}
.team-member-two .member-social li a{
    color:#fff
}
.team-member-two:hover:before{
    opacity:.9;
    visibility:visible
}
.team-member-two:hover .member-social li,.team-member-two:hover .team-info .job,.team-member-two:hover .team-info .name{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.team-member-two:hover .member-social li{
    opacity:1
}
.team-member-three{
    margin-bottom:30px
}
.team-member-three .member-avater{
    position:relative;
    border-radius:6px;
    overflow:hidden;
    height: 300px;
}
.teampg .team-member-three .member-avater{
    width: 85%;
    height: 300px;
}
.teampg .team-member-three {
  margin-bottom: 50px;
}
.team-member-three .member-avater img{
    width:100%;
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
/*.team-member-three .member-avater:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#B7DCFF;
    opacity:.8;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}*/
.team-member-three .member-avater .member-social{
    margin:0;
    padding:0;
    list-style:none;
    padding: 15px 12px;
    max-width: 60px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%) rotate(0deg);
    transform: translateX(-100%) rotate(0deg);
    height: 50%;
    background-color: rgba(18,68,119, 0.85);
    opacity: 0;
    transition: all .4s ease-in-out 0s;
}
.team-member-three:hover .member-avater .member-social {
    opacity: 1;
    -webkit-transform: translateX(0%) rotate(0deg);
    transform: translateX(0%) rotate(0deg);
}
.team-member-three .member-avater .member-social li{
    display:inline-block;
    margin-right:15px;
    margin-bottom: 8px;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:0;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.team-member-three .member-avater .member-social li:nth-child(2){
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
.team-member-three .member-avater .member-social li:nth-child(3){
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.team-member-three .member-avater .member-social li:nth-child(4){
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.team-member-three .member-avater .member-social li:nth-child(5){
    -webkit-transition-delay:.4s;
    -o-transition-delay:.4s;
    transition-delay:.4s
}
.team-member-three .member-avater .member-social li a{
    color:#fff
}
.team-member-three .member-avater .member-social li:hover a{
    color:#F3702A
}
.team-member-three .member-avater:hover:before{
    opacity:.9;
    visibility:visible
}
.team-member-three .member-avater:hover .member-social li{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.team-member-three .team-info{
    padding:25px 40px 0
}
.team-member-three .team-info .name{
    color:#000;
    font-size:20px;
    font-weight:600
}
.team-member-three .team-info .job,.team-member-three .team-info .name{
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
.team-member-three .team-info .job{
    color:#76747f;
    font-size:14px;
    font-weight:400
}
.team-member-three p:empty::before {
    display: none;
}
.teams-four{
    padding:116px 0 135px
}
.revolutionize-two .slider-nav {
    top: 65%;
}
.revolutionize-two .ei {
    font-size: 24px;
}

@media (min-width:992px) and (max-width:1199px) {
    .team-member-three .member-avater{
        height: 250px;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .team-member-three .member-avater .member-social {
        padding: 10px 12px;
        height: 60%;
    }
}

@media (max-width:991px){
    .teams-four{
        padding:76px 0 70px
    }
}
@media (max-width:991px){
    .teampg .desc {
        padding-right: 0;
        padding-bottom: 50px;
    }
    .teams,.teams-two{
        padding:76px 0 50px
    }
    .teams-two{
        padding:76px 0 80px
    }
    .team-member{
        margin-bottom:40px
    }
    .section-small{
        margin:0
    }
    .teams-single{
        padding:76px 0 80px
    }
    .teams-single .button-container{
        margin-top:10px
    }
    .teams-two .scroll-circle{
        max-width:320px
    }
    .teams-three{
        padding-bottom:70px
    }

    .teampg .team-member-three .member-avater{
        width: 85%;
        height: 250px;
    }
}
@media (max-width:768px){
    .teams-two .scroll-circle{
        max-width:330px
    }
    .revolutionize-two .slider-nav {
        display: none;
    }
    .team-slider .team-member-three .member-avater {
        width: 300px;
        margin: 0 auto;
    }
    .revolutionize-two .section-title {
      text-align: center !important;
    }    
    .team-member-three .team-info .name {
        font-size: 18px;
    }
}
@media (max-width:576px) and (min-width:420px) {
    .revolutionize-two.team_mob {
        width: 70%;
        margin: 0 auto;
    }
}
@media (max-width:420px){
    .teampg .team-member-three .team-info {
        padding: 20px 0 20px 10px;
    }
    .team-slider .team-member-three .member-avater {
        width: 250px;
    }
    .team-slider-wrapper {
        height: 180px;
    }

    .teampg .team-member-three .member-avater{
        width: 100%;
        height: 200px;
    }
    .team-member-three .team-info .name {
        font-size: 16px;
    }
    .team-member-three .member-designation {
        font-size: 13px;
        line-height: 18px;
    }
}
@media (max-width:360px){
    .team-slider .team-member-three .member-avater {
        width: 220px;
    }
    .team-slider-wrapper {
        height: 140px;
    }
}

@media (max-width:576px){
    .scroll-circle{
        display:none
    }
}
.faq-section{
    padding-top:145px
}
.faq-section-two{
    padding-top:75px
}
.faqs{
    padding:90px 0;
    background-color: #f6f6f6;
    width: 90%;
    margin: 0 auto
}
.card{
    border:0;
    background:transparent
}
.card .card-header{
    background-color:transparent;
    border:0;
    border-radius:6px
}
.card .card-header .btn-link{
    padding:0;
    color:#2b2350;
    font-size:20px;
    font-weight:600;
    text-decoration:none
}
.card .card-body{
    padding:0
}
.card .card-body p{
    font-size:16px;
    margin-bottom:25px
}
.faq{
    position:relative;
    z-index:2
}
.faq .card{
    border:0;
    background:transparent;
    margin-bottom:20px;
}
.faq .card .card-header{
    padding:0;
    -webkit-box-shadow:0 60px 100px 0 rgba(79,35,35,.1);
    box-shadow:0 60px 100px 0 rgba(79,35,35,.1);
    background: #fff;
}
.faq .card.active .card-header{
    -webkit-box-shadow:none;
    box-shadow:none;
    background: #F3702A;
}
.faq .card .card-header h5{
    position:relative;
    margin:0;
    font-family: 'Poppins', sans-serif;
}

.faq .card .card-header .btn-link{
    color:#F3702A;
    font-size:20px;
    font-weight:600;
    text-decoration:none;
    white-space:normal;
    text-align:left;
    width:100%;
    padding:18px 40px
}
.faq .card.active .card-header .btn-link {
    color: #fff;    
}
.faq .card .card-header .btn-link:before{
    content:"\32";
    display:block;
    position:absolute;
    top:50%;
    right:40px;
    z-index:9;
    font-family:eleganticons;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:20px;
    color:#B7DCFF
}
.faq .card .card-header .btn-link.collapsed:before{
    content:"\33";
    color:#aaa
}
.faq .card .card-body{
    padding:10px 40px 40px
}
.faq .card .card-body p{
    font-size:16px;
    margin-bottom:0
}
.faq .card.active{
    
}
.faq-forms{
    padding-top:120px
}
.faq-forms .section-title{
    margin-bottom:50px
}
.faq-forms{
    max-width:830px;
    margin:0 auto
}
.faq_pane2 {
    display: none;
}
@media (max-width:991px){
    #faqs{
        padding:80px 0 50px
    }
    .faq-two{
        margin-bottom:30px
    }
    .faq-section-two{
        padding-top:65px
    }
    .faq-section{
        padding-top:75px;
        padding-bottom: 75px;
    }
    .faqs{
        padding:80px 0
    }
    .faq-forms{
        padding-top:78px
    }
}
@media (max-width:768px){
    #faqs{
        padding:50px 0 20px
    }
    .faq .card .card-header h5:before{
        right:20px
    }
    .faq .card .card-header .btn-link{
        padding:18px 20px
    }
}
@media (max-width:576px){
    .faq .card .card-header .btn-link{
        padding:18px 30px 18px 20px;
        font-size:18px
    }
    .faq .card .card-header h5:before{
        right:10px
    }
    .faq .card .card-body{
        padding:5px 20px 25px
    }
}
.ourpartners {
    padding: 100px 0; 
}
#brand-logo .section-small{
    margin-top:-90px
}
.brand-logo{
    text-align:center
}
.brand-logo img{
    opacity:.5;
    max-height: 70px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.brand-logo img:hover{
    opacity:1
}
#brand-logo-two{
    padding-top:350px
}
@media (max-width:991px){
    #brand-logo-two{
        padding-top:180px
    }
}
@media (max-width:576px){
    #brand-logo-two{
        padding-top:80px
    }
}
.brand-logo-ab{
    padding-bottom:120px
}
.logo-carousel .swiper-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.client-logo-list{
    padding-bottom:65px
}
.logo-list{
    margin:0;
    padding:0;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.logo-list li{
    width:20%;
    margin-bottom:82px
}
@media (max-width:991px){
    .logo-list li{
        width:33.3333%
    }
}
@media (max-width:576px){
    .logo-list li{
        width:50%
    }
}
.logo-list li a{
    display:block
}
@media (max-width:991px){
    #brand-logo{
        padding-top:76px
    }
    #brand-logo .section-small{
        margin-top:0
    }
    #brand-logo .section-small .title{
        margin-bottom:50px
    }
    .brand-logo-ab{
        padding-bottom:75px
    }
    .brand-logo-ab .section-small .title{
        margin-bottom:60px
    }
}
@media (max-width:768px){
    #brand-logo{
        padding-top:30px
    }
    #brand-logo .section-small{
        margin-top:0
    }
}
@media (max-width:480px){
    #brand-logo{
        padding-top:0
    }
    #brand-logo .section-small{
        margin-top:0
    }
}
.call-to-action{
    background-image:-o-linear-gradient(350deg,#FF6600 0,#fa9770 100%);
    background-image:linear-gradient(100deg,#FF6600,#fa9770);
    padding:111px 0 120px;
    overflow:hidden
}
.call-to-action .overlay-bg{
    position:absolute;
    right:0;
    top:0
}
.call-to-action .action-content{
    position:relative
}
.call-to-action .action-content .title{
    color:#fff;
    font-size:50px;
    line-height:64px;
    font-weight:700;
    margin-bottom:28px
}
.call-to-action .action-content p{
    color:#fff;
    margin-bottom:50px
}
.call-to-action .action-content .pix-btn{
    padding:12px 50px;
    font-size:16px;
    font-weight:500;
    position:relative;
    z-index:2
}
.call-to-action .action-content.style-two .title{
    font-size:40px;
    line-height:54px;
    margin:0
}
.call-to-action.action-padding{
    padding:172px 0 168px
}
.call-to-action .scroll-circle{
    right:0;
    top:40%
}
.signup-section{
    padding:106px 0 111px;
    background-size:cover;
    background-position:50%;
    position:relative;
    background-image:-webkit-gradient(linear,left bottom,left top,from(#4f29dd),to(#07132B));
    background-image:-o-linear-gradient(bottom,#4f29dd 0,#07132B 100%);
    background-image:linear-gradient(0deg,#4f29dd,#07132B);
    overflow:hidden
}
.signup-section .bg-shape{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.signup-section .bg-shape img{
    position:absolute
}
.signup-section .bg-shape .shape-left{
    top:0;
    left:0
}
.signup-section .bg-shape .shape-right{
    bottom:0;
    right:0
}
.signup-heading .title{
    font-size:50px;
    line-height:64px;
    color:#fff;
    font-weight:700;
    margin-bottom:20px
}
.signup-heading p{
    color:#fff;
    margin:0
}
.call-to-action-three{
    background:#f97bc5;
    padding:230px 0 130px;
    position:relative;
    overflow:hidden
}
.call-to-action-three:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:0;
    border-top:0 solid transparent;
    border-bottom:100px solid transparent;
    border-right:1920px solid #fff
}
.call-to-action-three .bg-right-shape{
    position:absolute;
    right:0;
    bottom:0
}
.call-to-action-three .action-content .title{
    font-size:50px;
    line-height:60px;
    color:#fff;
    margin-bottom:30px
}
.call-to-action-three .action-content p{
    color:#fff;
    font-size:24px;
    font-weight:500;
    margin:0
}
.call-to-action-four{
    background:#f9f8fc;
    padding:50px 0;
    border-top:1px solid #e9e7f1
}
@media (max-width:768px){
    .call-to-action-four .text-right{
        text-align:left!important;
        margin-top:30px
    }
}
.call-to-action-four .action-content .title{
    font-size:26px;
    line-height:40px;
    font-weight:600
}
.call-to-action-four .action-content p{
    font-size:26px;
    line-height:40px;
    color:#75737e;
    margin:0
}
@media (max-width:768px){
    .call-to-action-four .action-content p{
        font-size:20px
    }
}
.call-to-action-four .pix-btn{
    padding:15px 43px
}
@media (max-width:1200px){
    .call-to-action .action-content.style-two .title{
        font-size:36px;
        line-height:50px
    }
    .signup-heading .title{
        font-size:40px;
        line-height:50px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .signup-section .link--arrowed {
        padding: 10px 30px;
    }
}

@media (max-width:991px){
    .call-to-action{
        padding:71px 0 80px
    }
    .call-to-action.action-padding{
        padding:74px 0 80px
    }
    .call-to-action .action-content .title{
        font-size:40px;
        line-height:54px
    }
    .call-to-action .text-right{
        text-align:center!important
    }
    .call-to-action .action-content.style-two{
        margin-bottom:30px;
        text-align:center
    }
    .call-to-action .action-content.style-two .title{
        font-size:32px;
        line-height:42px
    }
    .call-to-action .action-content.style-two .title br{
        display:none
    }
    .call-to-action .scroll-circle{
        max-width:400px
    }
    .call-to-action-three{
        padding:130px 0 100px
    }
    .call-to-action-three .action-content .title{
        font-size:36px;
        line-height:46px;
        margin-bottom:20px
    }
    .call-to-action-three .action-content p{
        font-size:20px
    }
}
@media (max-width:768px){
    .call-to-action .action-content .title{
        font-size:32px;
        line-height:42px
    }
    .call-to-action .action-content p br{
        display:none
    }
    .call-to-action .scroll-circle{
        max-width:300px
    }
    .signup-section .button-container{
        margin-top:30px
    }
    .signup-section .button-container.text-right{
        text-align:left!important
    }
    .call-to-action-three .text-right{
        margin-top:20px;
        text-align:left!important
    }
}
.countup{
    padding: 60px 0 60px;
}
@media (min-width: 768px) and (max-width:1200px){
    .countup {
        margin-top: 70px
    }
}
@media (max-width:767px){
    .countup {
        margin-top: 50px
    }
}

.countup .section-title.color-two .title {
    color: #fff;
    background-image: linear-gradient(45deg, #fff, #fff);
}
.countup h2 {
    color: #fff
}
.countup .pix-btn{
    margin-top:62px;
    position:relative;
    z-index:2
}
.countup .scroll-circle{
    top:58%
}
.countup-two{
    padding:60px 0 120px
}
.countup-wrapper{
    position:relative;
    z-index:22
}

.countup.podcast p {
    text-transform: uppercase;
    color: #fff
}
.countup.podcast h2 {
    font-size: 40px;
    font-weight: 800;
    line-height: 0.9;
    color: #fff;
}
.countup.podcast span {
    font-size: 52px;
    padding-top: 20px;
    color: #FE6501;
    background-image: linear-gradient(45deg, #FEF111, #FE6501);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.countup.podcast span:hover {
    font-size: 52px;
    padding-top: 20px;
    color: #FEF111;
    background-image: linear-gradient(45deg, #FE6501, #FEF111);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}



.bg-map{
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
}
.fun-fact{
    margin-bottom:30px;
    text-align: center;
}
.fun-fact.color-two {
    border-left: rgba(255,255,255,.5) solid 1px;
    border-right: rgba(255,255,255,.5) solid 1px;
}
.fun-fact .count,.fun-fact span{
    font-size:26px;
    font-weight:bold;
    margin:0;
    line-height:1.2;
    display:inline-block;
    font-weight: bold;
    color: #FE6501;
    background-image: linear-gradient(45deg, #FEF111, #FE6501);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.fun-fact p{
    font-size:14px;
    text-transform: capitalize;
    margin:0;
    color: #fff;
}
.fun-fact p em {
    text-transform: uppercase;
    font-style: normal;
    font-weight: bold;
}
.countup-wrapper-two{
    border-bottom:1px solid #f1f0f7;
    padding-bottom:60px
}
.fun-fact-two{
    text-align:center;
    margin-bottom:30px
}
.fun-fact-two .icon-container{
    border-radius:10px;
    height:60px;
    width:60px;
    line-height:68px;
    background:rgba(112,82,251,.141);
    margin:0 auto 43px
}
.fun-fact-two .icon-container i{
    font-size:25px;
    color:#07132B
}
.fun-fact-two .counter p{
    font-size:20px;
    color:#5e5b74
}
.fun-fact-two .counter h4{
    font-size:54px;
    font-weight:300;
    color:#07132B
}
.fun-fact-two.color-two .icon-container{
    background:rgba(253,176,26,.141)
}
.fun-fact-two.color-two .counter h4,.fun-fact-two.color-two .icon-container i{
    color:#fdb01a
}
.fun-fact-two.color-three .icon-container{
    background:rgba(246,74,143,.141)
}
.fun-fact-two.color-three .counter h4,.fun-fact-two.color-three .icon-container i{
    color:#f64a8f
}
.fun-fact-two.color-four .icon-container{
    background:rgba(80,205,138,.141)
}
.fun-fact-two.color-four .counter h4,.fun-fact-two.color-four .icon-container i{
    color:#50cd8a
}
@media (max-width:1200px) and (min-width: 992px) {

    .fun-fact .count,.fun-fact span{
        font-size:20px;
    }
}
@media (max-width:991px){
    .countup .scroll-circle{
        left:-30%
    }
    .countup{
        padding:76px 0 75px
    }
    .countup .pix-btn{
        margin-top:30px
    }
    .countup-two{
        padding-bottom:80px
    }
    .fun-fact .count,.fun-fact span{
        font-size:24px;
    }
    .fun-fact p{
        font-size:14px;
    }
    .countup.podcast h2 {
        font-size: 32px;
        line-height: 1.1
    }
}
@media (max-width:768px){
    .countup .scroll-circle{
        left:-30%
    }
    .fun-fact.color-two {
        border-left: none;
        border-right: none;
    }
    .fun-fact{
        text-align: left !important;
    }

    .fun-fact .count,.fun-fact span{
        font-size:22px;
    }
}
@media (max-width:576px){
    .fun-fact{
        text-align:center
    }
    .countup.podcast h2 {
        font-size: 24px;
        line-height: 1.2
    }    
    .fun-fact .count,.fun-fact span{
        font-size:20px;
    }
}
.newsletter{
    padding:146px 0;
    background-size:cover;
    background-position:50%;
    overflow:hidden
}
/*.newsletter.bkcc{    
    background-image: linear-gradient(0deg, #FEF111, #FE6501);
    padding:80px 0;
}
*/
.newsletter .scroll-circle{
    bottom:auto;
    right:0;
    top:100px
}
.newsletter-two{
    background-image:-o-linear-gradient(350deg,#FF6600 0,#fa9770 100%);
    background-image:linear-gradient(100deg,#FF6600,#fa9770);
    padding:118px 0 130px;
    overflow:hidden
}
.newsletter-two .scroll-circle{
    bottom:-79%;
    right:-7%;
    z-index:1
}
.form-result.alert{
    display:none;
    margin-top:20px;
    margin-bottom:0
}
.newsletter-content .title{
    font-size:36px;
    line-height:45px;
    color:#fff;
    font-weight:700;
    text-align: center;
}
.newsletter-content p {
    text-align: center;
    width: 600px;
    color: #fff;
    margin: 10px auto 30px
}
.newsletter-form{
    max-width:700px;
    margin: 20px auto;
    position:relative;
    z-index:22
}
.newsletter.bkcc .newsletter-form{
    max-width:85%;
    margin: 60px auto 0;
}
.newsletter-form .newsletter-inner{
    background:#fff;
    border-radius:50px;
    overflow:hidden;
    padding:5px;
    -webkit-box-shadow:0 20px 30px 0 rgba(79,35,35,.15);
    box-shadow:0 20px 30px 0 rgba(79,35,35,.15)
}
.newsletter-form .newsletter-inner input{
    background:transparent;
    border:0;
    height:60px;
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    padding:0 170px 0 40px;
    margin:0;
    width:100%
}
.newsletter-form .newsletter-inner input::-webkit-input-placeholder,
.newsletter.bkcc input::-webkit-input-placeholder {
    color:#8e8b9e
}
.newsletter-form .newsletter-inner input::-moz-placeholder,
.newsletter.bkcc input::-moz-placeholder {
    color:#8e8b9e
}
.newsletter-form .newsletter-inner input::-ms-input-placeholder,
.newsletter.bkcc input::-ms-input-placeholder {
    color:#8e8b9e
}
.newsletter-form .newsletter-inner input::placeholder,
.newsletter.bkcc input::placeholder {
    color:#8e8b9e
}
.newsletter-form .newsletter-inner .newsletter-submit{
    background:#07132B;
    border-radius:50px;
    padding:0 40px;
    color:#fff;
    border:0;
    font-weight:600;
    position:absolute;
    top:5px;
    right:5px;
    height:60px
}
.newsletter.bkcc .newsletter-submit {
    background:#FE6501; 
    font-weight: bold;
    border: none;
    color: #fff;
}
.newsletter.bkcc .newsletter-submit:hover {
    background:#07132B
}
.newsletter-form .newsletter-inner .newsletter-submit i{
    display:none
}
.newsletter-form .newsletter-inner .newsletter-submit:hover {
    background:#FE6501
}
.newsletter-form .newsletter-inner .newsletter-submit.clicked i{
    display:block
}
.newsletter-content-two{
    position:relative;
    z-index:2
}
.newsletter-content-two .title{
    font-size:40px;
    line-height:54px;
    font-weight:700;
    color:#fff;
    margin-bottom:20px
}
.newsletter-content-two p{
    color:#fff;
    margin-bottom:70px;
    display:inline-block;
    max-width:750px
}
.newsletter-form-two{
    max-width:770px;
    margin:0 auto;
    z-index:22;
    position:relative
}
.newsletter-form-two .newsletter-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.newsletter-form-two .newsletter-inner input{
    background:transparent;
    border:0;
    outline:0;
    color:#fff;
    border-bottom:1px solid #fff;
    padding:15px 15px 15px 0;
    border-radius:0;
    height:60px;
    max-width:500px;
    margin:0;
    width:100%
}
.newsletter-form-two .newsletter-inner input:focus{
    -webkit-box-shadow:none;
    box-shadow:none
}
.newsletter-form-two .newsletter-inner input::-webkit-input-placeholder{
    color:#fff
}
.newsletter-form-two .newsletter-inner input::-moz-placeholder{
    color:#fff
}
.newsletter-form-two .newsletter-inner input::-ms-input-placeholder{
    color:#fff
}
.newsletter-form-two .newsletter-inner input::placeholder{
    color:#fff
}
.newsletter-form-two .newsletter-inner .newsletter-submit{
    width:220px;
    height:60px;
    background:#fff;
    border:0;
    border-radius:30px;
    color:#FF6600;
    font-weight:600;
    -webkit-box-shadow:0 20px 30px 0 rgba(79,35,35,.15);
    box-shadow:0 20px 30px 0 rgba(79,35,35,.15);
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.newsletter-form-two .newsletter-inner .newsletter-submit i{
    display:none
}
.newsletter-form-two .newsletter-inner .newsletter-submit:hover{
    -webkit-box-shadow:none;
    box-shadow:none
}
@media (max-width:991px){
    .newsletter{
        padding:70px 0 80px
    }
    .newsletter-form .newsletter-inner input{
        height:55px
    }
    .newsletter-two{
        padding:70px 0 80px
    }
    .newsletter-content .title{
        font-size:32px;
        line-height:42px
    }
    .newsletter-form{
        margin-left:0;
        margin:30px auto 0
    }
    .newsletter-content{
        text-align:center
    }
    .newsletter-content-two .title{
        font-size:34px;
        line-height:44px
    }
    .newsletter-content-two p br{
        display:none
    }
    .newsletter-two .scroll-circle{
        bottom:-40%;
        right:-10%
    }
    .newsletter-two .scroll-circle img{
        max-width:380px
    }
    .newsletter .scroll-circle{
        max-width:500px
    }
    .newsletter-form .newsletter-inner input{
        padding:0 170px 0 40px
    }
    .newsletter-form .newsletter-inner .newsletter-submit{
        height:55px
    }
}
@media (max-width:768px){
    .newsletter-two .scroll-circle{
        right:-80%
    }
    .newsletter .scroll-circle{
        max-width:400px
    }
    .newsletter-two p{
        margin-bottom:50px
    }
    .newsletter-content p {
        width: 90%;
    }
    .newsletter-two .newsletter-content-two .title{
        font-size:30px;
        line-height:40px
    }
}
@media (max-width:480px){
    .call-to-action .action-content.style-two .title,.newsletter-content-two .title{
        font-size:28px;
        line-height:40px
    }
    .call-to-action .action-content.style-two .title br,.newsletter-content-two .title br{
        display:none
    }
    .newsletter-form-two .newsletter-inner .newsletter-submit{
        margin-top:20px
    }
}
@media (max-width:480px){
    .newsletter-content .title br{
        display:none
    }
    .newsletter-form .newsletter-inner .newsletter-submit,.newsletter-form .newsletter-inner input{
        padding:0 20px
    }
    .newsletter-form-two .newsletter-inner{
        display:block
    }
}
.page-banner.blog-details-banner .page-title{
    margin-top:0
}
.page-banner-contact{
    height:690px
}
.page-banner-contact .circle{
    left:-15%
}
.page-title-inner{
    position:relative;
    z-index:2
}
.page-banner{
    background:#fdf8f8;
    text-align:center;
    height:350px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end;
    position:relative;
    overflow:hidden;
    padding-bottom: 30px
}
.page-banner .page-title{
    font-size:50px;
    font-weight:800;
    color:#2b2350;
    position:relative;
    z-index:2;
    max-width:820px;
    margin:30px auto 15px
}
.page-banner .bradcurmed{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    z-index:2
}
.page-banner .bradcurmed li{
    display:inline-block;
    position:relative;
    font-size:14px
}
.page-banner .bradcurmed li:not(:last-child){
    margin-right:30px
}
.page-banner .bradcurmed li:not(:last-child):before{
    content:"\35";
    font-family:eleganticons;
    position:absolute;
    right:-25px;
    top:0
}
.page-banner .bradcurmed li a{
    color:#2b2350;
    font-weight:500
}
.page-banner .bradcurmed li a:hover{
    color:#FF6600
}
.page-banner .circle{
    position:absolute;
    top:-51%;
    left:-15%;
    z-index:1
}
.page-banner.blog-details-banner{
    height:700px
}
.page-banner.blog-details-banner .circle{
    position:absolute;
    top:-39%;
    left:-19%;
    z-index:1
}
.page-banner.blog-details-banner .page-title-wrapper{
    margin-top:60px
}
.page-banner.blog-details-banner .page-title{
    font-size:40px;
    line-height:54px;
    font-weight:600;
    margin-bottom:20px
}
.page-banner.blog-details-banner .post-meta{
    position:relative;
    z-index:22;
    padding:0
}
.page-banner.blog-details-banner .post-meta li{
    display:inline-block;
    margin-right:30px;
    position:relative;
    text-transform:uppercase
}
.page-banner.blog-details-banner .post-meta li:not(:last-child):after{
    position:absolute;
    content:"";
    right:-20px;
    top:7px;
    width:2px;
    height:14px;
    background:#9997a3
}
.page-banner.blog-details-banner .post-meta li a{
    color:#797687;
    text-transform:uppercase;
    font-weight:500;
    margin-left:5px
}
.page-banner.blog-details-banner .post-meta li a:hover{
    color:#FF6600
}
.page-banner.blog-details-banner .post-meta.color-theme{
    margin-bottom:10px
}
.page-banner.blog-details-banner .post-meta.color-theme li a{
    color:#FF6600
}
.animate-ball{
    position:absolute;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    top:0;
    left:0
}
.animate-ball .ball{
    background:#fdf1f1;
    border-radius:50%;
    position:absolute
}
.animate-ball .ball:first-child{
    height:50px;
    width:50px;
    top:37%;
    left:10%;
    -webkit-animation:c 1.5s infinite alternate;
    animation:c 1.5s infinite alternate
}
.animate-ball .ball:nth-child(2){
    height:70px;
    width:70px;
    bottom:22%;
    right:8%;
    -webkit-animation:e 4s infinite alternate;
    animation:e 4s infinite alternate
}
.animate-ball .ball:nth-child(3){
    height:100px;
    width:100px;
    bottom:43%;
    right:22%;
    -webkit-animation:c 1.5s infinite alternate;
    animation:c 1.5s infinite alternate
}
.animate-ball .ball:nth-child(4){
    height:40px;
    width:40px;
    bottom:20%;
    right:32%;
    -webkit-animation:f 1.5s infinite alternate;
    animation:f 1.5s infinite alternate
}
.animate-ball .ball:nth-child(5){
    height:500px;
    width:500px;
    top:-75%;
    right:100px;
    -webkit-animation:g 3s .1s infinite linear;
    animation:g 3s .1s infinite linear
}
.page-banner-contact{
    height:700px;
    position:relative;
    overflow:hidden;
    background:#fdf8f8;
    z-index:2
}
.page-banner-contact .circle{
    position:absolute;
    top:-40%;
    left:-17%
}
.page-banner-contact .page-title-wrapper{
    padding:315px 0 245px;
    position:relative
}
.page-banner-contact .page-title-wrapper .page-title{
    font-size:40px;
    line-height:54px
}
.page-banner-contact .page-title-wrapper p{
    font-size:16px;
    line-height:30px
}
.page-banner-contact .animate-ball .ball:nth-child(3){
    bottom:55%;
    right:40%;
    height:70px;
    width:70px
}
.page-banner-contact .animate-ball .ball:nth-child(4){
    bottom:28%;
    right:40%
}
.page-banner-contact .animate-ball .ball:nth-child(5){
    top:-60%
}
.animate-element-contact{
    position:relative;
    z-index:222;
    height:465px;
    width:408px;
    bottom:-135px
}
.animate-element-contact img{
    position:absolute;
    bottom:0
}
.animate-element-contact img:first-child{
    left:5px;
    bottom:55px
}
.animate-element-contact img:nth-child(2){
    bottom:41px;
    left:128px
}
.animate-element-contact img:nth-child(3){
    right:0
}
.animate-element-contact img:nth-child(4){
    bottom:0;
    left:110px
}
@media (max-width:1280px){
    .animate-element-contact{
        margin-left:-80px
    }
}
@media (max-width:1200px){
    .page-banner{
        height:350px
    }
    .page-banner .circle{
        top:-110%;
        left:-35%
    }
    .animate-ball .ball:nth-child(5){
        top:-102%;
        right:0
    }
    .animate-element-contact{
        margin-left:-80px
    }
}
@media (max-width:1024px){
    .circle{
        display:none
    }
}
@media (max-width:991px){
    .page-banner{
        height:300px
    }
    .page-banner .page-banner .circle{
        top:-185%;
        left:-45%
    }
    .page-banner .page-title{
        font-size:40px;
        margin:40px auto 15px
    }
    .page-banner .animate-ball .ball:nth-child(3){
        height:50px;
        width:50px;
        height:40px;
        width:40px
    }
    .page-banner .animate-ball .ball:nth-child(5){
        top:-190px;
        right:0;
        height:250px;
        width:250px
    }
    .page-banner.blog-details-banner{
        height:400px
    }
    .page-banner.blog-details-banner .page-title{
        font-size:30px;
        line-height:44px
    }
    .page-banner.blog-details-banner .circle{
        left:-50%
    }
    .page-banner-contact{
        height:800px
    }
    .page-banner-contact .page-title-wrapper{
        padding:130px 0 0
    }
    .animate-element-contact{
        height:365px;
        margin:0 auto
    }
    .page-banner .circle{
        left:-60%
    }
}
@media (max-width:768px){
    .page-banner .page-title{
        font-size:30px;
        margin:40px auto 10px
    }
    .page-banner.blog-details-banner{
        height:400px
    }
    .page-banner.blog-details-banner .page-title{
        font-size:26px;
        line-height:36px
    }
    .page-banner.blog-details-banner .circle{
        left:-70%
    }
    .page-banner-contact .page-title-wrapper{
        padding:100px 0 0
    }
    .page-banner-contact .page-title-wrapper .page-title{
        font-size:32px
    }
    .page-banner-contact .page-title-wrapper p br{
        display:none
    }
    .page-banner .circle{
        left:-80%
    }
}
@media (max-width:576px){
    .page-banner .circle{
        left:-120%
    }
}
.about{
    padding-top:120px
}
.about.pastor {    
    background-color: #fafafa;
    padding-bottom: 60px;
}
.about-two{
    padding-bottom:120px
}
.about-content{
    padding-right:130px
}
.about-content .section-title{
    margin-bottom:35px
}
.about-content p{
    margin-bottom:40px
}
.about-content .summary{
    font-weight: 600;
}
.about-content .singiture h4{
    font-size:20px;
    margin-bottom:25px
}
.about-content-two .section-title{
    margin-bottom:22px
}
.about-content-two .section-title .title{
    font-size:34px;
    line-height:44px;
    color:#322d49;
    font-weight:600
}
.about-content-two .description{
    margin-bottom:40px
}
.about-content-two .about-user{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.about-content-two .about-user .avatar{
    width:60px;
    height:60px;
    overflow:hidden;
    margin-right:20px
}
.about-content-two .about-user .avatar img{
    border-radius:50%
}
.about-content-two .about-user .user-info{
    -webkit-box-flex:2;
    -ms-flex:2;
    flex:2
}
.about-content-two .about-user .user-info .name{
    font-size:20px;
    font-weight:500;
    color:#322d49;
    margin:0
}
.about-content-two .about-user .user-info .designation{
    font-size:16px;
    color:#5e5b74
}
.about-tax{
    padding:60px 0 240px
}
.about-tax.mininstry{
    padding:80px 0 60px
}
.about-tax.mininstry .top-min-section img {
    max-width: 200px;
    margin: 0;
}
.about-tax.mininstry .top-min-section .section-title {
    margin-bottom: 0;
    width: 100%;
}
.min-middle-section {
    background-color: #07132B;
    color: #fff;
    padding: 40px 0 50px;
    margin-top: 30px
}
.min-middle-section h4 {
    margin-bottom: 15px;
    color: #FE6501;
    background-image: linear-gradient(45deg, #FEF111, #FE6501);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.about-tax.mininstry .min-list-item {
    width: 25%;
    padding: 20px;
    float: left;
    margin-top: 20px
}
.about-tax.mininstry .min-list-item.mincol3 {
    width: 33%;
    padding: 20px 30px;
}
.about-tax.mininstry .min-list-item.mincol3 ul {
    font-weight: 300;
    font-size: 15px;
    line-height: 1.6
}
.about-tax.mininstry .women-min-section-title {
    text-transform: uppercase;
    letter-spacing: 1.2;
    font-weight: normal;
    text-align: center;
    margin-top: 40px;
}
.about-tax.mininstry .ministry-carous-wrap {
    margin-top: 25px;
    padding: 20px 0;
}
.about-tax,.about-video-wrapper .video-thumbnail{
    position:relative;    
}
.about-video-wrapper .video-thumbnail{  
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1); 
    overflow: hidden; 
}
.about-video-wrapper .video-thumbnail>img{
    border-radius:10px;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}
.about-video-wrapper .video-thumbnail:hover img {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}
.about-video-wrapper .video-thumbnail .dot-shape{
    position:absolute;
    display:block;
    top:-50px;
    left:-60px;
    z-index:-1
}
.about-tax-content{
    padding-left:50px
}
.about-tax-content .section-title{
    margin-bottom:10px
}
.about-tax-content p{
    margin-bottom:30px
}
.about-tax-content .list-items{
    margin-bottom:37px
}
.about-tax-content .list-items li{
    padding-left:25px
}
.about-tax-content .list-items li:before{
    content:"\3b";
    color:#f97bc5;
    top:-1px
}
@media (max-width:1200px){
    .about-content-two .section-title .title{
        font-size:30px;
        line-height:40px
    }
    .about-tax.mininstry .min-list-item {
        width: 33%;
    }

    .about-tax.mininstry .min-list-item.mincol3 {
        width: 33%;
        padding: 20px 20px;
    }
}
@media (max-width:991px){
    .about{
        padding-top:76px
    }
    .about-content{
        padding-right:0
    }
    /*
    .about-thumb{
        margin-top:30px
    } */
    .about-two{
        padding-bottom:80px
    }
    .about-content-two{
        margin-top:40px
    }
    .about-tax{
        padding:60px 0 80px
    }
    .about-tax-content{
        padding-left:0;
        margin-top:40px
    }

    .about-tax.mininstry .min-list-item {
        width: 50%;
    }
}
@media (max-width:767px){
    .about-tax.mininstry .min-list-item.mincol3 {
        width: 100%;
        float: none;
    }
}
@media (max-width:560px){
    .about-tax.mininstry .min-list-item {
        width: 100%;
        float: none;
    }
}





.popup-videos{
    position:relative;
    max-width:470px
}
.popup-videos .play-btn{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-box-shadow:none;
    box-shadow:none
}
.service-content{
    padding:30px 50px 0
}
.service-content .section-title{
    margin-bottom:40px
}
.service-content p{
    font-size:18px;
    line-height:34px
}
.featu#F3702A-two-service{
    padding:145px 0 28px
}
@media (max-width:991px){
    .service{
        padding-top:60px;
        padding-bottom: 60px;
    }
    .service-content{
        padding:0;
        margin-top:50px
    }
}
.contactus{
    padding:120px 0
}
.gmap3-area{
    height:500px
}
.bkccmap .gmap3-area{
    height:300px
}
.contact-froms .section-title .sub-title {
    color: #F3702A;
}
.contact-froms .section-title .title {
    color: #F3702A;
    font-weight: bold;
}
.contact-froms small {
    font-weight: 600;
}
.contact-infos .contact-info{
    margin-bottom:20px;
}
.contact-infos .contact-info:first-child{
    border-bottom:1px solid #efe7e7
}
.contact-infos .contact-info .title{
    font-size:18px;
    font-weight:600;
    line-height:28px
}
.contact-infos .contact-info .description{
    font-size:16px;
    line-height:28px
}
.contact-infos .contact-info .info i {
    margin-right:10px
}
.contact-infos .contact-info .info,
.contact-infos .contact-info .info a{
    color:#444;
}
.contact-infos .contact-info .info:hover,
.contact-infos .contact-info .info:hover a{
    color:#B7DCFF;
    
}
.contact-infos .footer-social-link{
    margin:0;
    padding:0;
    margin-top: 20px;
    list-style:none
}
.contact-infos .footer-social-link li{
    display:inline-block
}
.contact-infos .footer-social-link li:not(:last-child){
    margin-right:10px
}
.contact-infos .footer-social-link li a{
    height:45px;
    width:45px;
    line-height:45px;
    border:1px solid #e6dbdb;
    display:block;
    border-radius:50%;
    color:#444;
    text-align:center;
    font-size:16px
}
.contact-infos .footer-social-link li a:hover{
    background:#B7DCFF;
    border-color:#B7DCFF;
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.3)
}
.wpcf7-form-control.wpcf7-submit.pix-btn.submit-btn {
    width: auto;
    color:#0B2F9B;
}
span.wpcf7-not-valid-tip {  
color: #ff0000;
font-size: 12px;
position: absolute;
left: 20px;
top: -25px;
 }
 .wpcf7-response-output {font-size: 12px; color:#0B2F9B;}
div.wpcf7-validation-errors { color: #ff5500 !important; }
.screen-reader-response {
    margin-bottom: 25px;
    font-size: 14px;
    color: #0B2F9B;
    background: #444;
    padding: 18px;
    font-weight: 300;
}
.screen-reader-response ul {display: none;}
.captcha-image {
    border: 1px solid transparent !important;
    text-align: left !important;
    margin-bottom: 15px
    border-radius: 20px;
}
.cf7ic_instructions {
    font-size: 14px;
}
.captcha-image .cf7ic_instructions span {
    color: #F3702A !important;
}
.captcha-image label > input:checked + svg, .captcha-image label > input:focus + svg {
    border: 2px solid #F3702A !important;
}

#demoform {
    display: none;
}
input[type="checkbox"], input[type="radio"] {
    width: auto;
    margin-right: 5px;
}
.wpcf7-list-item {
    margin-right: 15px;
}

.demostyle {
    background-color: #E8F6FF;
}
.demostyle input, .demostyle select, .demostyle textarea {
    border: 1px solid #0B2F9B;
}
.demostyle .captcha-image {
    border: 1px solid #0B2F9B !important;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 20px;
}

@media (max-width:767px){
    .demostyle .informes-feature-image {
        display: none;
    }
}

@media (max-width:991px){
    .contactus{
        padding:80px 0
    }
}
.portfolios{
    padding:120px 0 40px
}
.portfolios-three,.portfolios-two{
    padding:120px 0
}
.pixsass-isotope-filter{
    margin-bottom:50px;
    padding:0;
    list-style:none;
    text-align:center
}
.pixsass-isotope-filter li{
    display:inline-block;
    margin-bottom:10px
}
.pixsass-isotope-filter li a{
    color:#797687;
    font-size:16px;
    font-weight:500;
    padding:5px 23px;
    border:1px solid transparent;
    border-radius:30px;
    display:inline-block
}
.pixsass-isotope-filter li.current a{
    border-color:#FF6600;
    color:#FF6600
}
.grid-sizer{
    min-height:1px
}
.pixsass-portfolio-items.column-2{
    width:104%
}
.pixsass-portfolio-items.column-2 .grid-sizer,.pixsass-portfolio-items.column-2 .pixsass-portfolio-item{
    width:46%;
    margin-right:4%;
    float:left
}
.pixsass-portfolio-items.column-3{
    width:102.4%
}
.pixsass-portfolio-items.column-3 .grid-sizer,.pixsass-portfolio-items.column-3 .pixsass-portfolio-item{
    width:30.93%;
    margin-right:2.4%;
    float:left
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item{
    position:relative;
    margin-bottom:150px;
    float:left
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info{
    max-width:420px;
    background:#fff;
    padding:30px 40px;
    -webkit-box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    position:absolute;
    width:100%;
    bottom:-70px;
    left:40px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info h3{
    font-size:24px;
    margin:0;
    line-height:32px
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info h3 a{
    color:#2b2350
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info h3 a:hover{
    color:#FF6600
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info span{
    color:#797687;
    font-size:16px
}
.pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item:hover .portfolio-info{
    -webkit-box-shadow:none;
    box-shadow:none;
    bottom:40px
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item{
    position:relative;
    margin-bottom:60px
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img{
    position:relative;
    overflow:hidden
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img:before{
    position:absolute;
    content:"";
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.2);
    opacity:0;
    z-index:2
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img:before,.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img img{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img:hover:before{
    opacity:1
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .pixsass-isotope-grid__img:hover img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info{
    padding:30px 40px 0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info h3{
    font-size:24px;
    margin:0;
    line-height:32px
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info h3 a{
    color:#2b2350
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info h3 a:hover{
    color:#FF6600
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item .portfolio-info span{
    color:#797687;
    font-size:16px
}
.pixsass-portfolio-items.portfolio-two .pixsass-portfolio-item:hover .portfolio-info{
    -webkit-box-shadow:none;
    box-shadow:none
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item{
    margin-bottom:2%;
    border-radius:10px;
    overflow:hidden;
    position:relative
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item img{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:-o-linear-gradient(210deg,#fa9770 0,#FF6600 100%);
    background-image:linear-gradient(-120deg,#fa9770,#FF6600);
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info{
    padding:35px 40px;
    -webkit-box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info h3{
    font-size:24px;
    margin-bottom:4px;
    line-height:32px;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info h3 a{
    color:#fff
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info span{
    font-size:14px;
    display:inline-block;
    text-transform:uppercase;
    margin-bottom:15px
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info p,.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info span{
    color:#fff;
    -webkit-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item .portfolio-info p{
    margin:0;
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover:before{
    opacity:.9;
    z-index:3
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover img{
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover .portfolio-info{
    -webkit-box-shadow:none;
    box-shadow:none;
    z-index:4
}
.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover .portfolio-info h3,.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover .portfolio-info p,.pixsass-portfolio-items.portfolio-three .pixsass-portfolio-item:hover .portfolio-info span{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.portfolio-single{
    padding:116px 0 100px
}
.port-header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:60px
}
.port-header .portfolio-title{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.port-header .portfolio-title .title{
    max-width:510px;
    font-size:40px;
    line-height:50px;
    font-weight:500
}
.port-header .share-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.port-header .share-link .footer-social-link{
    margin:0
}
.port-header .share-link li a{
    background:transparent
}
.portfolio-content img{
    margin-bottom:70px
}
.portfolio-content .content-inner{
    padding-right:65px;
    border-right:1px solid #efe7e7
}
.portfolio-content .content-inner .sub-title{
    font-size:22px;
    font-weight:500;
    line-height:34px;
    margin-bottom:30px
}
.portfolio-content .content-inner p{
    font-size:18px;
    line-height:30px
}
.portfolio-content .portfolio-info{
    padding-left:55px
}
.portfolio-content .portfolio-info .info{
    margin:0;
    padding:0;
    list-style:none
}
.portfolio-content .portfolio-info .info li{
    font-size:20px;
    font-weight:500;
    margin-bottom:45px;
    color:#2b2350
}
.portfolio-content .portfolio-info .info li span{
    display:block;
    font-size:16px;
    font-weight:400;
    color:#797687;
    margin-top:5px
}
.portfolio-nav{
    margin:0;
    padding:0;
    list-style:none;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:100px
}
.portfolio-nav,.portfolio-nav li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.portfolio-nav li{
    font-size:20px;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end
}
.portfolio-nav li i{
    font-size:30px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.portfolio-nav li a{
    color:#797687
}
.portfolio-nav li.prev i{
    margin-right:10px
}
.portfolio-nav li.next i{
    margin-left:10px
}
.portfolio-nav li:hover a,.portfolio-nav li:hover i{
    color:#FF6600
}
.related-portfolio{
    padding-top:138px
}
.related-portfolio .portfolio-item .feature-image{
    position:relative
}
.related-portfolio .portfolio-item .feature-image img{
    width:100%
}
.related-portfolio .portfolio-item .feature-image a{
    display:block;
    position:relative
}
.related-portfolio .portfolio-item .feature-image a:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    background:rgba(0,0,0,.2);
    width:100%;
    height:100%;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.related-portfolio .portfolio-item .feature-image:hover a:before{
    opacity:1
}
.related-portfolio .portfolio-item .port-info{
    padding:25px 40px 0
}
.related-portfolio .portfolio-item .port-info h3{
    font-size:24px;
    margin-bottom:3px;
    line-height:32px
}
.related-portfolio .portfolio-item .port-info h3 a{
    color:#2b2350
}
.related-portfolio .portfolio-item .port-info h3 a:hover{
    color:#FF6600
}
#related-portfolio .swiper-pagination{
    position:relative;
    margin-top:55px
}
#related-portfolio .swiper-pagination .swiper-pagination-bullet{
    height:12px;
    width:12px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    margin-right:5px;
    position:relative;
    opacity:1;
    background:transparent;
    outline:0
}
#related-portfolio .swiper-pagination .swiper-pagination-bullet:before{
    content:"";
    position:absolute;
    height:12px;
    width:12px;
    background:#e5d6d6;
    z-index:2;
    top:0;
    left:0;
    border-radius:50%;
    left:-2px;
    top:-2px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7)
}
#related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1
}
#related-portfolio .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    opacity:1;
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    background:#FF6600;
    -webkit-box-shadow:0 10px 14px 0 rgba(79,35,35,.3);
    box-shadow:0 10px 14px 0 rgba(79,35,35,.3)
}
@media (max-width:1200px) and (min-width:992px){
    .portfolio-content .portfolio-info{
        padding-left:10px
    }
    .portfolio-content .content-inner {
        padding-right: 30px;
    }
}
@media (max-width:991px){
    .portfolios{
        padding:80px 0 50px
    }
    .pixsass-isotope-filter{
        margin-bottom:40px
    }
    .portfolios-three,.portfolios-two{
        padding:80px 0
    }
    .pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item{
        margin-bottom:120px
    }
    .pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info{
        max-width:290px;
        left:20px
    }
    .pixsass-portfolio-items.column-3{
        width:103%
    }
    .pixsass-portfolio-items.column-3 .grid-sizer,.pixsass-portfolio-items.column-3 .pixsass-portfolio-item{
        width:47%;
        margin-right:3%;
        margin-bottom:3%
    }
    .portfolio-single{
        padding:76px 0 80px
    }
    .port-header{
        display:block
    }
    .port-header .portfolio-title .title{
        font-size:30px;
        line-height:40px;
        margin-bottom:20px
    }
    .portfolio-content .portfolio-info{
        padding-left:10px
    }
    .portfolio-content .content-inner {
        padding-right: 30px;
    }
}
@media (max-width:768px){
    .pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info{
        max-width:60%;
        left:20px
    }
    .pixsass-portfolio-items.column-2,.pixsass-portfolio-items.column-3{
        width:100%
    }
    .pixsass-portfolio-items.column-2 .grid-sizer,.pixsass-portfolio-items.column-2 .pixsass-portfolio-item,.pixsass-portfolio-items.column-3 .grid-sizer,.pixsass-portfolio-items.column-3 .pixsass-portfolio-item{
        width:100%;
        margin-right:0;
        margin-bottom:30px
    }
    .pixsass-portfolio-items.column-2 .grid-sizer img,.pixsass-portfolio-items.column-2 .pixsass-portfolio-item img,.pixsass-portfolio-items.column-3 .grid-sizer img,.pixsass-portfolio-items.column-3 .pixsass-portfolio-item img{
        width:100%
    }
    .pixsass-portfolio-items.column-2 .pixsass-portfolio-item{
        margin-bottom:120px
    }
    .portfolio-content img{
        margin-bottom:30px
    }
    .portfolio-content .content-inner{
        padding-right:0;
        border-right:0
    }
    .related-portfolio{
        padding-top:60px
    }
    .portfolio-content .portfolio-info{
        padding-left:0;
        padding-top:30px
    }
    .portfolio-nav{
        margin-top:30px
    }
}
@media (max-width:576px){
    .pixsass-portfolio-items.column-2 .pixsass-portfolio-item{
        margin-bottom:80px
    }
    .pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info{
        max-width:80%;
        padding:20px;
        bottom:-50px
    }
    .pixsass-portfolio-items.portfolio-one .pixsass-portfolio-item .portfolio-info h3{
        font-size:20px;
        line-height:30px
    }
}
.download{
    padding:120px 0;
    overflow:hidden
}
.download-wrapper{
    padding-top:115px
}
.download-wrapper .title{
    font-size:34px;
    font-weight:700;
    margin-bottom:25px
}
.download-wrapper p{
    margin-bottom:40px
}
.download-feature-image{
    position:relative
}
.download-feature-image .image-one{
    margin-left:185px;
    z-index:22;
    position:relative
}
.download-feature-image .image-two{
    position:absolute;
    right:10px;
    top:-20px
}
.download-feature-image svg{
    position:absolute;
    z-index:-1;
    top:43px;
    right:0
}
.app-btn-wrapper .app-btn:not(:last-child){
    margin-right:20px
}
.download-two .container-wrap{
    overflow:hidden
}
.download-wrapper-two{
    padding:130px 0
}
.give .download-wrapper-two {
    padding: 90px 0;
    width: 600px;
    margin: 0 auto;
}
.download-wrapper-two .title{
    font-size:48px;
    line-height:1.2;
    font-weight:700;
    margin-bottom: 20px
}
@media (max-width:768px){
    .download-wrapper-two .title{
        font-size:40px
    }

    .give .download-wrapper-two {
        padding: 90px 0;
        width: 70%;
        margin: 0 auto;
    }
}
.download-wrapper-two p{
    margin-bottom:30px;
    color:#76747f
}
.download-feature-image-two{
    position:relative;
    height:100%
}
@media (max-width:991px){
    .download-feature-image-two{
        display:none
    }
}
.download-feature-image-two img{
    position:absolute;
    bottom:-160px
}
.download-feature-image-two img.image-one{
    left:0;
    z-index:2
}
.download-feature-image-two img.image-two{
    left:215px;
    bottom:-240px
}
.section-animate-element>div{
    position:absolute
}
.section-animate-element .leaf-top{
    top:-20px;
    left:40px
}
.section-animate-element .leaf-bottom{
    right:15px;
    bottom:-20px
}
.section-animate-element .ball{
    left:5%;
    top:50%
}
@media (max-width:991px){
    .section-animate-element .ball{
        display:none
    }
}
.section-animate-element .triangle{
    right:8%;
    top:90px
}
@media (max-width:1200px){
    .download-feature-image .image-one{
        margin-left:0
    }
}
@media (max-width:991px){
    .download-feature-image svg{
        right:auto;
        left:0
    }
    .download-feature-image .image-one{
        margin-left:0
    }
    .download-feature-image .image-two{
        right:25%
    }
    .download{
        padding:100px 0
    }
    .signup-section{
        padding:70px 0
    }
}
@media (max-width:768px){
    .download-feature-image .image-two{
        left:150px;
        right:auto
    }
}
@media (max-width:576px){
    .download-feature-image svg{
        top:-50px
    }
    .download-feature-image .image-one{
        margin-left:0;
        max-width:200px
    }
    .download-feature-image .image-two{
        right:auto;
        top:-18px;
        max-width:270px;
        left:25%
    }
    .download-wrapper{
        padding-top:50px
    }
}
@media (max-width:480px){
    .download-feature-image .image-two{
        right:auto;
        left:15%
    }

    .give .download-wrapper-two {
        padding: 90px 0;
        width: 80%;
        margin: 0 auto;
    }
    .app-btn-wrapper .app-btn:not(:last-child){
        margin-right:10px;
        margin-bottom:10px
    }
}
.interface{
    padding:105px 0 60px;
    overflow:hidden
}
.interface-image-wrapper{
    height:600px
}
.interface-image-wrapper .image-one{
    margin-left:-60px;
    margin-top:178px
}
.interface-image-wrapper .image-two{
    position:absolute;
    top:0;
    left:160px
}
.interface-image-wrapper.style-two .image-one{
    position:absolute;
    bottom:0;
    left:-20px;
    margin:0;
    z-index:22
}
.interface-image-wrapper.style-two .image-two{
    position:static;
    margin-left:135px
}
.interface-content .interface-title h2{
    font-size:34px;
    line-height:50px;
    margin-bottom:20px
}
.interface-content .interface-title p,.interface-content .list-items{
    margin-bottom:30px
}
.interface-content .list-items li{
    line-height:40px;
    font-size:18px
}
.interface-content .list-items li:before{
    content:"\52";
    color:#13bf24
}
.svgbg-one{
    top:55px;
    left:50px
}
.svgbg-one,.svgbg-two{
    position:absolute;
    z-index:-1;
    -webkit-animation:g 3s .1s infinite linear;
    animation:g 3s .1s infinite linear
}
.svgbg-two{
    top:-70px;
    left:-37%
}
.interface-toparea{
    padding-bottom:200px
}
.border-wrap{
    position:absolute;
    left:50%;
    top:50%;
    max-width:775px;
    -webkit-transform:translate(-17%,-54%);
    -ms-transform:translate(-17%,-54%);
    transform:translate(-17%,-54%);
    width:100%;
    z-index:-1
}
.border-wrap .ball{
    position:absolute;
    height:40px;
    width:40px;
    border-radius:50%;
    background:#FF6600;
    top:49%;
    left:45%;
    z-index:22
}
#animate-border{
    max-width:775px;
    z-index:-1;
    opacity:.5
}
.path{
    stroke-dasharray:6;
    -webkit-animation:B 30s linear infinite;
    animation:B 30s linear infinite
}
@-webkit-keyframes B{
    0%{
        stroke-dashoffset:1000
    }
}
@keyframes B{
    0%{
        stroke-dashoffset:1000
    }
}
@media (min-width:992px) and (max-width:1200px){
    .interface-image-wrapper .image-two{
        max-width:300px;
        left:150px
    }
    #animate-border{
        max-width:650px
    }
    .md-brn br{
        display:none
    }
    .interface{
        padding:88px 0 37px
    }
}
@media (max-width:992px){
    .interface{
        padding:62px 0 80px
    }
    .interface-toparea{
        padding-bottom:100px
    }
    .border-wrap{
        display:none
    }
    .interface-image-wrapper .image-one{
        margin-left:-30px
    }
    .interface-image-wrapper .image-two{
        left:190px
    }
    .svgbg-one{
        left:50px
    }
}
@media (max-width:576px){
    .interface-image-wrapper .image-two{
        max-width:300px;
        left:180px
    }
    .interface-content .interface-title p br{
        display:none
    }
    .interface-image-wrapper.style-two .image-two{
        margin-left:100px
    }
}
@media (max-width:420px){
    .interface-image-wrapper .image-one{
        z-index:22;
        position:relative
    }
    .interface-image-wrapper .image-two{
        max-width:300px;
        left:70px
    }
    .interface-image-wrapper.style-two .image-one{
        max-width:300px;
        left:0
    }
    .interface-image-wrapper.style-two .image-two{
        margin-left:30px
    }
}
.callback{
    background:#fcfafb;
    position:relative;
    padding-bottom:65px
}
.callback:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:0;
    border-top:115px solid transparent;
    border-left:1900px solid #fff;
    border-bottom:150px solid #fff
}
.callback .particale-element{
    margin:0;
    padding:0;
    list-style:none;
    overflow:hidden;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
.callback .particale-element li{
    position:absolute
}
.callback .particale-element li:first-child{
    top:-20%;
    left:40px;
    -webkit-animation:o 5s infinite linear;
    animation:o 5s infinite linear
}
.callback .particale-element li:nth-child(2){
    top:12%;
    left:30%;
    background:#f7cb61;
    height:15px;
    width:15px;
    border-radius:30px;
    -webkit-animation:t 20s infinite linear;
    animation:t 20s infinite linear
}
.callback .particale-element li:nth-child(3){
    left:8%;
    top:35%;
    width:0;
    height:0;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-right:20px solid #b29ff7;
    -webkit-animation:x 20s infinite linear;
    animation:x 20s infinite linear
}
.callback .particale-element li:nth-child(4){
    bottom:38%;
    left:13%;
    background:#43d254;
    height:15px;
    width:15px;
    border-radius:30px;
    -webkit-animation:u 20s infinite linear;
    animation:u 20s infinite linear
}
.callback .particale-element li:nth-child(5){
    bottom:0;
    left:11%;
    background:#fcf2f9;
    height:300px;
    width:300px;
    border-radius:50%;
    -webkit-animation:g 3s infinite linear;
    animation:g 3s infinite linear
}
.callback .particale-element li:nth-child(6){
    bottom:9%;
    left:41%;
    z-index:1;
    -webkit-animation:g 6s infinite linear;
    animation:g 6s infinite linear
}
.callback .particale-element li:nth-child(7){
    right:12%;
    top:-19%;
    background:#f9f3f7;
    height:600px;
    width:600px;
    border-radius:50%;
    -webkit-animation:g 8s infinite linear;
    animation:g 8s infinite linear
}
.callback .particale-element li:nth-child(8){
    right:9%;
    top:-22%;
    background:rgba(83,81,186,.039);
    height:360px;
    width:360px;
    border-radius:50%;
    -webkit-animation:g 6s infinite linear;
    animation:g 6s infinite linear
}
.call-back-content{
    padding:190px 0
}
.call-back-content .section-title {
    width: 100%;
}
.call-back-content p{
    margin-bottom:30px;
}
.call-back-forms p em {
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 15px;
    font-style: normal;
}
.call-back-forms p .wpcf7-acceptance {
    line-height: normal;
}
.call-back-forms{
    border-radius:10px;
    background:#fff;
    -webkit-box-shadow:8.682px 49.24px 80px 0 rgba(48,11,33,.1);
    box-shadow:8.682px 49.24px 80px 0 rgba(48,11,33,.1);
    padding:60px 50px;
    max-width:100%;
    font-size: 15px;
    line-height: 1.6;
    border-top:5px solid #FE6501;
    -webkit-transform:translateY(60px);
    -ms-transform:translateY(60px);
    transform:translateY(60px);
    z-index:2;
    position:relative
}
.call-back-forms.bkcc {
    max-width:700px;    
    margin: 0 auto;
}

.call-back-forms .title{
    font-size:30px;
    font-weight:500;
    margin-bottom:35px
}
.call-back-forms h4 {
    margin-top: -15px;
    margin-bottom: 35px;
}
.call-back-forms select{
    padding:10 20px;
    outline:0
}
.call-back-forms label{
    font-weight:500
}
.call-back-forms input,.call-back-forms select{
    background:#f9f5f7;
    border:2px solid #f9f5f7;
    border-radius:30px;
    margin-bottom:20px
}
.call-back-forms input:focus,.call-back-forms select:focus, .call-back-forms textarea:focus{
    background:transparent;
    border-color:#FE6501;
    -webkit-box-shadow:none;
    box-shadow:none
}
.call-back-forms input[type="submit"] {    
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  text-decoration: none;
  background-color: #FE6501;  
  background-image: linear-gradient(45deg, #FEF111, #FE6501); 
    -webkit-box-shadow: 0 20px 30px 0 rgba(90,70,176,.3);
    box-shadow: 0 20px 30px 0 rgba(90,70,176,.3);
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 14px;
    display: inline-flex;
    border: none;
    font-weight: bold;
}
.call-back-forms input[type="submit"]:hover {    
  background-image: linear-gradient(45deg, #FE6501, #FEF111); 
    -webkit-box-shadow: none;
    box-shadow: none;
}
.call-back-forms button{
    margin-top:20px
}
@media (max-width:768px){
    .call-back-content{
        padding:100px 0
    }
    .callback .particale-element li:nth-child(6){
        bottom:70px;
        left:25%
    }
}
.bookings-tabs{
    border-radius:4px;
    background-color:#fff;
    -webkit-box-shadow:0 40px 70px 0 rgba(54,33,5,.08);
    box-shadow:0 40px 70px 0 rgba(54,33,5,.08)
}
.bookings-tabs #pix-tabs-nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.bookings-tabs #pix-tabs-nav li{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    background:#fff6ec;
    margin-right:0
}
.bookings-tabs #pix-tabs-nav li a{
    display:block;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0;
    color:#a18868;
    margin:0;
    border-top:4px solid transparent
}
.bookings-tabs #pix-tabs-nav li.active a,.bookings-tabs #pix-tabs-nav li a:hover{
    color:#fbab41;
    border-color:#fbab41
}
.booking-wrapper{
    background-color:#fff;
    padding:25px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    z-index:999
}
.booking-wrapper .booking-info{
    width:18.4%;
    margin-right:2%
}
.booking-wrapper .booking-info input{
    width:100%;
    padding:11px;
    border:1px solid #ddd;
    outline:0;
    border-radius:3px;
    color:#999;
    font-weight:500;
    font-size:14px
}
.booking-wrapper .booking-info input::-webkit-input-placeholder{
    color:#999
}
.booking-wrapper .booking-info input:-ms-input-placeholder,.booking-wrapper .booking-info input::-ms-input-placeholder{
    color:#999
}
.booking-wrapper .booking-info input::-moz-placeholder{
    color:#999
}
.booking-wrapper .booking-info input::placeholder{
    color:#999
}
.booking-wrapper .booking-info:last-child{
    margin-right:0
}
.booking-wrapper .booking-info .saaspik-btn{
    display:block;
    width:100%
}
.booking-wrapper .booking-info .saaspik-select ul{
    padding:20px;
    -webkit-box-shadow:0 20px 20px 0 hsla(0,0%,60%,.1);
    box-shadow:0 20px 20px 0 hsla(0,0%,60%,.1)
}
.booking-wrapper .booking-info .saaspik-select ul li{
    padding:0
}
.booking-wrapper .booking-info .saaspik-select ul li:hover{
    color:#8e42f7;
    background:transparent
}
.saaspik-dropdown{
    display:inline-block;
    position:relative;
    border:1px solid #ddd;
    border-radius:4px;
    padding:10px 20px;
    width:100%;
    border-radius:3px
}
.saaspik-dropdown ul{
    opacity:0;
    -webkit-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s;
    margin:0;
    padding:0;
    list-style:none
}
.saaspik-dropdown>ul{
    position:absolute;
    background:#fff;
    left:0;
    top:50px;
    border-radius:3px;
    background-clip:padding-box;
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    width:100%
}
.saaspik-dropdown>ul li{
    white-space:nowrap;
    position:relative;
    z-index:2;
    padding:3px 10px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.saaspik-dropdown>ul li:first-child{
    border-radius:5px 5px 0 0;
    background-clip:padding-box
}
.saaspik-dropdown>ul li:last-child{
    border-radius:0 0 5px 5px;
    background-clip:padding-box;
    border-bottom:none
}
.saaspik-dropdown>ul li:hover{
    background:#e0e6eb
}
.saaspik-dropdown>label{
    display:inline-block;
    vertical-align:-9px;
    overflow:hidden;
    cursor:pointer
}
.saaspik-dropdown>label span{
    white-space:nowrap;
    opacity:1;
    -webkit-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s;
    color:#333
}
.saaspik-dropdown>label i{
    position:absolute;
    right:5px;
    top:50%;
    line-height:30px;
    width:30px;
    text-align:center;
    color:#333;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:14px
}
.saaspik-dropdown label{
    margin:0
}
.saaspik-dropdown input{
    display:none
}
.saaspik-dropdown input:checked~ul{
    opacity:1
}
.saaspik-dropdown input:checked~ul li{
    cursor:pointer
}
.saaspik-select{
    position:relative;
    display:block;
    margin:0 auto;
    width:100%;
    max-width:325px;
    color:#ccc;
    vertical-align:middle;
    text-align:left;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none
}
.saaspik-select .placeholder{
    position:relative;
    display:block;
    z-index:1;
    padding:11px 20px;
    border-radius:2px;
    cursor:pointer;
    font-size:14px;
    border:1px solid #ede9e4;
    color:#626c7b;
    font-weight:500
}
.saaspik-select .placeholder:hover{
    color:#8e42f7
}
.saaspik-select .placeholder:after{
    position:absolute;
    right:1em;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:themify;
    content:"\e64b";
    z-index:10
}
.saaspik-select.is-open .placeholder:after{
    content:"\e648"
}
.saaspik-select.is-open ul{
    display:block
}
.saaspik-select.select--white .placeholder{
    background:#fff;
    color:#999
}
.saaspik-select.select--white .placeholder:hover{
    background:#fafafa
}
.saaspik-select ul{
    display:none;
    position:absolute;
    overflow:hidden;
    width:100%;
    background:#fff;
    border-radius:2px;
    top:100%;
    left:0;
    list-style:none;
    margin:5px 0 0;
    padding:0;
    z-index:100;
    -webkit-box-shadow:0 5px 15px rgba(0,0,0,.05);
    box-shadow:0 5px 15px rgba(0,0,0,.05);
    z-index:999
}
.saaspik-select ul,.saaspik-select ul li{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.saaspik-select ul li{
    display:block;
    text-align:left;
    padding:10px 15px;
    color:#999;
    cursor:pointer
}
.saaspik-select ul li:hover{
    background:#8e42f7;
    color:#fff
}
.app-tabs .container-wrap{
    padding:280px 0 175px
}
@media (max-width:991px){
    .app-tabs .container-wrap{
        padding:130px 0 175px
    }
}
.tabs-three #pix-tabs-nav{
    text-align:left;
    width:300px
}
@media (max-width:991px){
    .tabs-three #pix-tabs-nav{
        margin-bottom:60px
    }
}
.tabs-three #pix-tabs-nav li{
    display:block;
    margin-right:0
}
.tabs-three #pix-tabs-nav li a{
    -webkit-box-shadow:0 4px 6px 0 rgba(1,51,32,.06);
    box-shadow:0 4px 6px 0 rgba(1,51,32,.06);
    background:#fff;
    color:#76747f;
    display:block;
    margin-bottom:10px;
    font-weight:500;
    font-size:16px
}
.tabs-three #pix-tabs-nav li a i{
    margin-right:5px;
    vertical-align:-1px
}
.tabs-three #pix-tabs-nav li.active a{
    color:#12bf7c;
    -webkit-box-shadow:0 20px 40px 0 rgba(1,51,32,.1);
    box-shadow:0 20px 40px 0 rgba(1,51,32,.1)
}
.download-tab-content{
    padding-top:30px
}
.download-tab-content .section-title{
    margin-bottom:40px
}
.tabs-content-wrapper{
    position:relative
}
.tabs-content-wrapper .job-board-tabs-content{
    position:relative;
    z-index:2
}
.tabs-content-wrapper .tab-bg-shape-wrapper{
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    width:100%
}
@media (max-width:768px){
    .tabs-content-wrapper .tab-bg-shape-wrapper{
        display:none
    }
}
.tabs-content-wrapper .tab-bg-shape-wrapper .dot,.tabs-content-wrapper .tab-bg-shape-wrapper svg{
    position:absolute
}
.tabs-content-wrapper .tab-bg-shape-wrapper .dot{
    top:-35px;
    height:160px;
    width:180px;
    left:160px
}
.tabs-content-wrapper .tab-bg-shape-wrapper svg{
    right:-60px;
    top:-45px
}
#blog-grid{
    padding:72px 0 90px
}
#blog-grid .feature-image a{
    display:block;
    position:relative;
    overflow:hidden;
    height: 250px;
}
#blog-grid .feature-image a:before,#blog-grid .feature-image a img{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    object-fit: cover;
    min-height: 100%;
    min-width: 100%
}
#blog-grid .feature-image a:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background:rgba(0,0,0,.3);
    opacity:0;
    z-index:22
}
#blog-grid .feature-image a:hover:before{
    opacity:1
}
#blog-grid .feature-image a:hover img{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}

.blog-slider .slick-slide,
.blog-slider2 .slick-slide {
    padding: 20px;
}
.blog-slider .slick-arrow,
.blog-slider2 .slick-arrow {
    position: absolute;
    top: -40px;
    border: 0;
    background-color: #F3702A;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transition: all ease-in-out .3s;
}
.blog-slider .slick-arrow:hover,
.blog-slider2 .slick-arrow:hover {
    background-color: #B7DCFF;
}
.blog-slider .slick-arrow.slick-next2,
.blog-slider2 .slick-arrow.slick-next2 {
    right: 30px;
}
.blog-slider .slick-arrow.slick-prev2,
.blog-slider2 .slick-arrow.slick-prev2  {
    right: 80px;
}
.blog-slider2 {
    margin-top: 30px;
}
.blog-post.hightlighted {   
    background-color:#F3702A;
    -webkit-box-shadow:none;
    box-shadow:none;
    overflow:hidden;
    margin-bottom:30px;
    margin-top: 20px;
}
.blog-post{
    background-color:#fff;
    -webkit-box-shadow:0 6px 14px 0 rgba(43,35,79,.1);
    box-shadow:0 6px 14px 0 rgba(43,35,79,.1);
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    margin-bottom:30px
}
.blog-post:hover{
    -webkit-box-shadow:0 30px 60px 0 rgba(43,35,79,.12);
    box-shadow:0 30px 60px 0 rgba(43,35,79,.12)
}
.blog-post.hightlighted .blog-content{
    padding:50px 45px 50px;
    background:#F3702A
}
.blog-content{
    padding:22px 45px 30px;
    background:#fff
}
.blog-content .sub-title {
    font-size: 24px !important;
    line-height: 36px;
    margin-bottom: 30px !important;
    color: #999
}
.blog-post.hightlighted .post-meta a,
.blog-post.hightlighted p {
    color: #fff;
}
.blog-post.hightlighted .post-meta {
    margin-bottom: 30px;
}
.blog-content .post-meta{
    margin:0;
    padding:0;
    list-style:none
}
.blog-post .feature-image {
    position: relative;
}
.blog-post .post-label {
    background-color: #07132B;
    color: #FE6501;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    z-index: 2;
    font-weight: bold;
}
.blog-content .post-meta li{
    display:inline-block;
    margin-right:30px;
    position:relative
}
.blog-content .post-meta li:not(:last-child):after{
    position:absolute;
    content:"";
    right:-18px;
    top:7px;
    width:2px;
    height:14px;
    background:#9997a3
}
.blog-content .post-meta li i{
    color:#797687;
    font-size:14px;
    font-style: normal;
    text-transform:uppercase
}
.blog-post.hightlighted .blog-content .post-meta li i {
    color: #fff;
}
.blog-content .post-meta li a{
    color:#797687;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase
}
.blog-content .post-meta li a:hover{
    color:#B7DCFF
}
.blog-post.hightlighted .entry-title a {
    color: #B7DCFF;
}
.blog-content .entry-title{
    font-size:20px;
    font-weight:600;
    margin:10px 0 22px;
    line-height:30px;
    color: #F3702A;
}
.blog-content .btn-two {
    font-size: 14px;
    width: 150px;
}
.blog-content .entry-title a{
    color:#F3702A
}
.blog-content .entry-title a:hover{
    color:#B7DCFF
}
.blog-content .read-more-ntn{
    font-size:12px;
    font-weight:600;
    color:#FF6600;
    text-transform:uppercase;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.blog-content .read-more-ntn i{
    font-size:10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:5px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.blog-content .read-more-ntn:hover{
    color:#f83f3f
}
.blog-content .read-more-ntn:hover i{
    margin-left:8px
}
.color-two .blog-content .entry-title a:hover,.color-two .blog-content .post-meta li a:hover{
    color:#07132B
}
.post-author{
    font-size:16px;
    font-weight:500;
    color:#656177
}
.post-author img{
    border-radius:50%;
    margin-right:20px
}
.post-author:hover{
    color:#07132B
}
.blog-post-archive{
    padding:120px 0
}
.post-wrapper{
    max-width:750px;
    width: 100%;
    margin: 0 auto;
}
.post-wrapper .categories{
    position:absolute;
    top:40px;
    right:0
}
.post-wrapper .category-item{
    font-size:16px;
    font-weight:700;
    background:#f8f6f2;
    padding:9px 17px;
    color:#827f79;
    margin-left:5px
}
.post-wrapper .category-item:hover{
    background:#2b2350;
    color:#fff
}
.post-wrapper .post{
    margin-bottom:60px
}
.post-wrapper .post:last-child .post{
    margin-bottom:0
}
.post .feature-image{
    border-radius:6px;
    overflow:hidden
}
.post .blog-content{
    padding:28px 0 40px;
    position:relative;
    border-bottom:1px solid #e6e5e0
}
.post .blog-content .post-meta li a{
    color:#797687;
    font-size:15px;
    margin-right:3px
}
.post .blog-content .post-meta li a:hover{
    color:#FF6600
}
.post .blog-content .entry-title{
    margin:14px 0 22px;
    font-size:30px;
    line-height:1.2
}
.post .blog-content p{
    margin-bottom:35px
}
.post .blog-content .read-more{
    font-size:14px;
    text-transform:uppercase;
    font-weight:500;
    color:#2b2350;
    position:relative
}
.post .blog-content .read-more i{
    vertical-align:middle;
    font-size:16px
}
.post .blog-content .read-more:after,.post .blog-content .read-more i{
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.post .blog-content .read-more:after{
    content:"";
    position:absolute;
    bottom:-2px;
    left:0;
    width:0;
    height:1px;
    background:#FF6600
}
.post .blog-content .read-more:hover{
    color:#FF6600
}
.post .blog-content .read-more:hover i{
    margin-left:3px;
    color:#FF6600
}
.post .blog-content .read-more:hover:after{
    width:100%
}
.post .author{
    position:absolute;
    right:0;
    bottom:40px
}
.post .author img{
    height:40px;
    width:40px;
    border-radius:50%;
    margin-right:15px
}
.post .author a,.post .author span{
    font-size:16px;
    font-weight:500
}
.post .author a{
    color:#2b2350
}
.post .author a:hover{
    color:#FF6600
}
.post.video-post .feature-image{
    position:relative
}
.post.video-post .feature-image .video-btn{
    height:80px;
    width:80px;
    background:#fff;
    border-radius:50%;
    line-height:80px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    text-align:center
}
.post.video-post .feature-image .video-btn:after,.post.video-post .feature-image .video-btn:before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border:1px solid #fff;
    border-radius:50%;
    -webkit-animation:s 2s linear infinite;
    animation:s 2s linear infinite
}
.post.video-post .feature-image .video-btn:after{
    -webkit-animation-delay:1s;
    animation-delay:1s
}
.post.video-post .feature-image .video-btn i{
    color:#2b2350;
    font-size:16px;
    font-size:40px;
    line-height:2.05
}
.post.link-post .blog-content{
    background:#fdf8f8;
    padding:50px;
    border-bottom:0;
    position:relative;
    overflow:hidden;
    border-radius:6px
}
.post.link-post .blog-content:after,.post.link-post .blog-content:before{
    content:"\e02c";
    font-family:ElegantIcons;
    position:absolute
}
.post.link-post .blog-content:before{
    left:28px;
    top:24px;
    color:#f7eded;
    font-size:50px;
    z-index:1
}
.post.link-post .blog-content:after{
    right:0;
    bottom:-3px;
    font-size:100px;
    color:#f7eded
}
.post.link-post .blog-content p{
    font-size:20px;
    font-weight:0;
    position:relative;
    z-index:2;
    margin-bottom:0;
    line-height:34px
}
.post.link-post .blog-content p a{
    color:#656177;
    font-weight:500
}
.post.link-post .blog-content p a:hover{
    color:#FF6600
}
.blog-post-two{
    margin-bottom:30px
}
.blog-post-two .feature-image{
    border-radius:6px;
    overflow:hidden
}
.blog-post-two .feature-image img{
    border-radius:6px;
    width:100%
}
.blog-post-two .blog-content{
    padding:22px 0 0;
    background:transparent
}
.blog-post-two .blog-content .post-meta li a{
    text-transform:capitalize
}
.blog-post-two .blog-content .entry-title{
    font-size:24px;
    margin:5px 0 15px
}
.blog-post-two .blog-content p{
    margin-bottom:30px
}
.post-signle .blog-content p a {
    text-decoration: underline;
    color: #FE6501;
    transition: .3s all ease-in-out
}
.post-signle .blog-content p a:hover,
.post-signle .blog-content p a:visited {
    text-decoration: none;
}
.post-signle .wp-caption {
    width: 100% !important;
    border-radius: 6px;
    overflow: hidden;
}
.blog-post-two .blog-content .read-more{
    border:2px solid #07132B;
    border-radius:30px;
    padding:7px 25px;
    font-weight:500;
    display:inline-block;
    color:#07132B
}
.blog-post-two .blog-content .read-more:hover{
    background:#07132B;
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(75,42,222,.2);
    box-shadow:0 20px 30px 0 rgba(75,42,222,.2)
}
.blog-grid-two{
    padding:90px 0
}
.author img{
    height:40px;
    width:40px;
    border-radius:50%;
    margin-right:15px
}
.author a,.author span{
    font-size:16px;
    font-weight:500
}
.author a{
    color:#2b2350
}
.author a:hover{
    color:#FF6600
}
.quote-post, .blog-content blockquote{
    position:relative;
    background:#fdf8f8;
    padding:50px;
    border-bottom:0;
    overflow:hidden;
    border-radius:6px
}
.blog-content blockquote h3,
.blog-content blockquote h4,
.blog-content blockquote h5 {
    margin-top: 20px
}
.quote-post:before, .blog-content blockquote:before{
    content:"";
    position:absolute;
    left:28px;
    top:-20px;
    background-image:url(media/blog/quote2.png);
    width:140px;
    height:80px;
    z-index:1
}
.quote-post p, .blog-content blockquote p{
    font-size:16px;
    font-weight:400;
    line-height:24px;
    margin-bottom:30px;
    position:relative;
    z-index:2;
    color:#656177
}
.quote-post span, .blog-content blockquote span{
    font-size:16px;
    font-weight:500;
    color:#2b2350
}
.quote-post .quote{
    position:absolute;
    right:50px;
    bottom:35px
}
.post-post-grid{
    border-radius:6px;
    -webkit-box-shadow:0 6px 14px 0 rgba(43,35,79,.1);
    box-shadow:0 6px 14px 0 rgba(43,35,79,.1);
    overflow:hidden;
    margin-bottom:40px
}
.post-post-grid .feature-image img{
    width:100%
}
.post-post-grid .blog-content{
    padding:22px 40px 30px
}
.post-post-grid .blog-content .entry-title{
    margin:8px 0 37px;
    line-height:30px
}
.post-navigation{
    margin:30px 0 0;
    padding:0;
    list-style:none;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.post-navigation li{
    display:inline-block;
    height:50px;
    width:50px;
    line-height:50px;
    font-size:18px;
    margin-right:10px;
    text-align:center;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    color:#797687;
    border-radius:50%;
}
.post-navigation li a{
    display:block;
    color:#797687
}
.post-navigation li.next,.post-navigation li.prev{
    line-height:54px;
    font-size:24px
}
.post-navigation li:hover{
    background-color:#FE6501;
    background-image: linear-gradient(45deg, #FEF111, #FE6501); 
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.3)
}
.post-navigation li:hover a{
    color:#fff
}
.post-navigation li.active{    
    background-color:#FE6501;
    background-image: linear-gradient(45deg, #FEF111, #FE6501); 
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.3)
}
.post-navigation li.active a  {
    color: #fff;
}
.blog-single{
    padding-top:120px
}
.blog-single .post{
    margin-bottom:20px
}
.blog-single .post .blog-content{
    padding:20px 0 20px
}
.blog-single .post .blog-content p{
    margin-bottom:15px
}
.blog-single .post .blog-content h3{
    margin-top:25px;
    font-size:34px;
    font-weight:500;
    margin-bottom:20px
}
.blog-single blockquote{
    margin-bottom:42px;
    display:block
}
.blog-single .tagcloud span{
    color:#2b2350;
    display:inline-block;
    margin-right:15px;
    font-size:20px;
    font-weight:500
}
.blog-single .tagcloud a{
    line-height:25px
}
.blog-content iframe {
    width: 100%;
}
.blog-share{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.blog-share .share-title p{
    color:#2b2350;
    display:inline-block;
    margin:0;
    font-weight:500;
    font-size:20px
}
.share-link{
    margin:0;
    padding:0;
    list-style:none
}
.share-link li{
    display:inline-block;
    margin-right:5px
}
.share-link li:last-child{
    margin-right:0
}
.share-link li a{
    display:block;
    height:44px;
    width:44px;
    text-align:center;
    line-height:45px;
    color:#aba8a4;
    border-radius:50%;
    font-size:14px;
    border:1px solid #e5dada
}
.share-link li a:hover{
    background:#FF6600;
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    border-color:#FF6600
}
.share-link.author a {    
    color:#aba8a4;
    margin: 5px;
    transition: all .3s ease-in-out
}
.share-link.author a:hover {
    color: #FE6501;
}

/* single nav */
.single-nav {
    margin-top: 20px;
    padding: 50px 0 0;
    border-top: 1px solid #e6e5e0;
}
.single-nav a {
    font-size: 16px;
    line-height: 20px;
    color: #FE6501;
    transition: .3s all ease-in-out
}
.single-nav a:hover, .single-nav a:focus {
    text-decoration: underline;
}

.single-nav a:hover .desert-nav-icon, .single-nav a:focus .desert-nav-icon {
    color: #ffffff;
    background-color: #e6c55e;
}

.desert-nav-icon {
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f3ecec;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.desert-nav-link {
    display: block;
    overflow: hidden;
    max-width: 75%;
}
.desert-nav-link i {
    font-style: normal;
    text-transform: uppercase;
    display: block;
    font-size: small;
}

.single-nav .nav-left {
    border-right: 1px solid #f2f2f2;
    padding-right: 20px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.nav-left-icon {
    margin-right: 15px;
    float: left;
}

.nav-left-link {
    text-align: left;
    float: left;
}

.single-nav .nav-right {
    text-align: right;
    border-left: 1px solid #f2f2f2;
    margin-left: -1px;
    border-collapse: collapse;
    padding-left: 20px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.single-nav .nav-right a {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.nav-right-link {
    text-align: right;
    float: right;
}

.nav-right-icon {
    float: right;
    margin-left: 15px;
    padding-left: 1px;
}

.nav-right-icon > * {
    margin-left: 1px;
}

.nav-left-icon > * {
    margin-right: 1px;
}

.pixsass_post_author_box{
    background:#fdf8f8;
    padding:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:80px;
    border-radius:6px
}
.pixsass_post_author_box .profile_image{
    width:80px;
    margin-right:20px;
    border-radius:50%;
    height:80px;
    overflow: hidden;
}
.pixsass_post_author_box .profile_image img{
    border-radius:0;
    min-height: 100%;
    min-width: 100%;
    object-position: cover
}
.pixsass_post_author_box .profile_content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.pixsass_post_author_box .profile_content .profile_name{
    font-size:20px;
    line-height:28px;
    color:#2b2350;
    margin:0
}
.pixsass_post_author_box .profile_content .author-job{
    font-size:16px;
    line-height:28px;
    margin-bottom:15px;
    display:inline-block
}
.pixsass_post_author_box .profile_content p{
    font-size:18px;
    color:#797687;
    margin:0;
    font-weight:500
}

@media (max-width:767px){
    .blog-post.hightlighted { 
        margin-bottom:60px;
    }
}
@media (max-width:480px){
    .blog-post.hightlighted .blog-content {
        padding: 25px 20px 25px;
    }
    .blog-post .blog-content {
        padding: 20px 20px 25px;
    }
    .blog-content .entry-title {
        font-size: 16px;
        margin: 10px 0 15px;
        line-height: 20px;
    }
    .blog-content .post-meta li a {
        font-size: 14px;
    }
    .nav-left-icon {
        margin-right: 0;
        margin-bottom: 10px;
        float: none;
    }
    .nav-left-link {
        text-align: left;
        float: none;
    }
    .nav-right-link {
        text-align: right;
        float: none;
    }
    .nav-right-icon {
        float: none;
        margin-left: 0;
        margin-bottom: 10px;
        padding-left: 1px;
    }
    .desert-nav-link {
        max-width: 100%;
    }
}




/*-----------------------------------------------------------------------------------*/
/*  Comments
/*-----------------------------------------------------------------------------------*/
.comments-area {
    padding: 60px 0;
}
#respond input[type="checkbox"] {margin-right: 8px;}
/*#respond a,
#respond .comment-reply-title {color:#170666;}
#respond a:hover {color:#cd2122;}
#respond .comment-content a {word-wrap: break-word;}
#respond .comment .reply a {font-size: 12px;}
#respond .comment-form p {margin:10px 10px 10px 0;}
.comment-list {margin-left:0px;}
.comment-list li{list-style: none; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px;}
#respond .comment-form #submit { background:#170666; padding: 10px; border-radius: 5px; border-color:#170666; color:#fff !important;} 
.comment-reply-link { background:#170666; display: block; width: 80px; text-align: center; padding: 10px; margin-bottom: 20px; border-radius: 5px; border-color:#170666; color:#fff !important;}
#respond .comment-form #submit:hover,
#respond .comment-form #submit:focus,
#respond .comment-form #submit:active { background: #cd2122; border-color:#cd2122;} 
.comment-meta { margin-top: 12px !important; margin-bottom: 12px; padding-top: 0 !important; font-size: 13px;}
.comment-metadata {position: absolute; top: -2px; right: 55px; }
.comment-metadata,
.comment-metadata a{ color: #888; font-style: italic; font-size: 12px; padding: 3px 0px;}
.comment-reply-link:hover{ background: #cd2122; box-shadow: none;}
.comment-author img{ border-radius: 50%; position: absolute; left: 0;}
.comments-title {color: #170666; border-bottom: 1px solid #ccc; margin-bottom: 40px; padding-bottom: 15px;}
.comment-author b.fn{color: #170666;}
.comment-author cite.fn{color: #170666; font-size: 18px; font-weight: bold;}
.comment-awaiting-moderation {font-size: 14px; color: #4d4d4d;}
*/


p.comment-policy { border: 1px solid #ffd499; background-color: #fff4e5; border-radius: 5px; padding: 10px; margin: 10px 0px 10px 0px; font-size: small; font-style: italic;}




.comments-area .coment-title{
    font-size:24px;
    font-weight:600;
    color:#2b2350;
    margin-bottom:70px
}
.comment-list{
    margin:0;
    padding:0;
    list-style:none
}
.comment-list li{list-style: none; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px;}

.comment-list .comment .comment-body{
    margin-bottom:40px
}
.comment-list .comment .comment-body .comment-author{
    width:100%;
    height:auto;
}
.comment-list .comment .comment-body .comment-author img{
    border-radius:50%
    max-width: 70px;
    margin-right: 15px
}
.comment-list .comment .comment-body .comment-content{
    border-bottom:1px solid #e6e5e0;
    padding-bottom:30px;
    position:relative
}
.comment-list .comment .commentmetadata a{ color: #888; font-size: 12px; padding: 3px 0px; transition: .3s all ease-in-out}
.comment-list .comment .comment-body .comment-content h4{
    margin-top:0;
    margin-bottom:7px;
    font-size:16px
}
.comment-list .comment .comment-body .comment-content h4 a,
.comment-form a {
    color:#07132B;
    transition: all .3s ease-in-out
}
.comment-list .comment .comment-body a:hover,
.comment-form a:hover {
    color: #FE6501
}
.comment-list .comment .comment-body p a {
    color:#FE6501;
    text-decoration: underline;
    transition: all .3s ease-in-out
}
.comment-list .comment .comment-body p a:hover{
    text-decoration: none;
}
.comment-list .comment .comment-body .comment-content h4 a:hover{
    color:#FF6600
}
.comment-author cite.fn{color: #07132B; font-size: 18px; font-weight: bold; font-style: normal;}
.comment-author cite.fn a{color: #07132B;}
.comment-list .comment .reply a {font-size: 12px; color: #07132B; border: 1px solid #07132B; padding: 10px }
.comment-list .comment .comment-body .comment-content .comment-reply-link{
    color:#07132B;
    font-size:15px;
    font-weight:500
}
.comment-list .comment .comment-body .comment-content .comment-reply-link i{
    margin-right:6px;
    font-size:16px
}
.comment-list .comment .comment-body .comment-content .comment-reply-link:hover{
    color:#FF6600
}
.comment-list .comment .comment-body .comment-content .comment-metadata{
    margin-bottom:10px
}
.comment-list .comment .comment-body .comment-content .comment-metadata a{
    font-size:16px;
    color:#918f9c;
    font-weight:400;
    line-height:28px
}
.comment-list .comment .comment-body .comment-content .comment-metadata a:hover{
    color:#FF6600
}
.comment-list .comment .comment-body.menu-comments .comment-author{
    width:100px;
    height:100px
}
.comment-list .comment .comment-body.menu-comments .comment-author img{
    width:100%
}
.comment-list .children{
    margin:0;
    padding-left:150px;
    list-style:none
}
.comment-list .children .comment .comment-body .comment-author{
    width:50px;
    height:50px
}
.comment-respond .comment-reply-title{
    font-size:24px;
    font-weight:600;
    margin-bottom:42px
}
.comment-form .comment-form-author,.comment-form .comment-form-email{
    width:50%;
    float:left;
    margin-bottom:30px
}
.comment-form .comment-form-author{
    padding-right:15px
}
.comment-form .comment-form-email{
    padding-left:15px
}
.comment-form input,.comment-form textarea{
    background:#fff;
    border:0;
    font-size:16px;
    padding:15px 30px;
    background:#fdfafa;
    border:1px solid #efe7e7;
    margin:0
}
.comment-form input::-webkit-input-placeholder,.comment-form textarea::-webkit-input-placeholder{
    color:#a7a5b1;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.comment-form input::-moz-placeholder,.comment-form textarea::-moz-placeholder{
    color:#a7a5b1;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.comment-form input::-ms-input-placeholder,.comment-form textarea::-ms-input-placeholder{
    color:#a7a5b1;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.comment-form input::placeholder,.comment-form textarea::placeholder{
    color:#a7a5b1;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.comment-form input:focus,.comment-form textarea:focus{
    background-color:#fff;
    -webkit-box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    box-shadow:0 20px 40px 0 rgba(79,35,35,.1)
}
.comment-form .comment-form-comment{
    margin-bottom:21px
}
.comment-form textarea{
    height:200px;
    border-radius:20px
}
.form-footer{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.form-footer input{
    width:15px;
    margin-right:10px
}
.form-footer .condition{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.form-footer .condition span{
    font-size:14px
}
.form-footer .submit-btn{
    padding:8px 45px
}
.circle-blog{
    position:absolute;
    top:-11%;
    left:-11%;
    z-index:-1
}
@media (max-width:1200px){
    #blog-grid .feature-image a{
        height: 200px;
    }
}
@media (max-width:991px){
    #blog-grid{
        padding:19px 0 50px
    }
    .blog-post-archive{
        padding:80px 0 70px
    }
    .blog-single{
        padding-top:80px
    }
    .sidebar{
        margin-top:40px
    }
    .comment-area{
        padding:70px 0 80px
    }
    .form-footer{
        display:block;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .form-footer input{
        width:15px;
        margin-right:10px
    }
    .form-footer .condition{
        margin-bottom:30px
    }
    .form-footer .condition span{
        font-size:14px
    }
    .form-footer .submit-btn{
        padding:8px 45px
    }
    .blog-grid-two{
        padding-top:0;
        padding-bottom:50px
    }
}
@media (max-width:768px){
    .post-wrapper{
        padding: 0 25px
    }
    .form-footer .condition{
        -webkit-box-align:normal;
        -ms-flex-align:normal;
        align-items:normal
    }
    .form-footer .condition span{
        margin-top:-6px
    }
    .circle-blog{
        display:none
    }
    #blog-grid .feature-image a{
        height: 300px;
    }
}
@media (max-width:576px){
    
    .comment-list .children{
        padding-left:95px
    }
    .comment-list .children .comment .comment-body .comment-author{
        margin-right:15px
    }
    .countup .scroll-circle{
        display:none
    }
}
@media (max-width:480px){
    #blog-grid .feature-image a{
        height: 250px;
    }
    .comment-form .comment-form-author,.comment-form .comment-form-email{
        width:100%;
        padding:0
    }
}
@media (max-width:360px){
    #blog-grid .feature-image a{
        height: 200px;
    }
}
.search-form-widget{
    position:relative
}
.search-form-widget label{
    margin:0;
    display:block
}
.search-form-widget .search-field{
    background:transparent;
    border:0;
    padding:19px 10px 19px 30px;
    font-size:16px;
    font-weight:400;
    margin:0;
    border-radius:45px;
    width:100%;
    border:1px solid #efe7e7;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.search-form-widget .search-field::-webkit-input-placeholder{
    color:#797687
}
.search-form-widget .search-field::-moz-placeholder{
    color:#797687
}
.search-form-widget .search-field::-ms-input-placeholder{
    color:#797687
}
.search-form-widget .search-field::placeholder{
    color:#797687
}
.search-form-widget .search-field:focus,.search-form-widget .search-field:hover{
    -webkit-box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    box-shadow:0 20px 40px 0 rgba(79,35,35,.1)
}
.search-form-widget button{
    bottom:0;
    border:0;
    background-color:transparent;
    color:#9e9c97;
    outline:0;
    position:absolute;
    top:5px;
    right:20px;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:20px;
    color:#FF6600;
    -webkit-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
}
.search-form-widget button:hover{
    color:#FF6600
}
.side .widget {
    padding: 0 20px;
}
.side .widget:not(:last-child) {
    margin-bottom: 65px
}
.widget:not(:last-child){
    margin-bottom:60px
}
.widget .widget-title,
.widget li.categories h2{
    font-size:20px;
    font-weight:600;
    border-bottom:1px solid #ebe3e3;
    padding-bottom:13px;
    margin-bottom:25px
}
.widget li.categories h2 {
    color: #07132B;
}
.widget li.categories {
    list-style: none;
}
.widget li.categories ul li {
    font-size:24px;
    font-weight:800;  
    color: #FE6501;
}
.widget li.categories .children {
    display: none;
}
.widget li.categories a {
    font-size:16px;
    line-height: 1.5;
    color:#07132B;
    font-weight:600
}
.widget ul{
    margin:0;
    padding:0;
    list-style:none
}
.widget ul li a{
    font-size:14px;
    line-height:40px;
    color:#797687;
    font-weight:300
}
.widget ul li a:hover{
    color:#FF6600
}
.widget .social-share-link{
    margin:0;
    padding:0;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.widget .social-share-link li a{
    display:block;
    height:35px;
    width:35px;
    line-height:35px;
    background:#FF6600;
    color:#fff;
    border-radius:50%;
    text-align:center;
    margin-right:10px;
    font-size:14px
}
.widget .social-share-link li a:hover{
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
    color:#fff
}
.widget .social-share-link li a.share_facebook{
    background:#4267b2
}
.widget .social-share-link li a.share_twitter{
    background:#1da1f2
}
.widget .social-share-link li a.share_pinterest{
    background:#e60023
}
.widget .social-share-link li a.share_linkedin{
    background:#0073b1
}
.gp-posts-widget-wrapper .post-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.gp-posts-widget-wrapper .post-item:not(:last-child){
    margin-bottom:30px
}
.gp-posts-widget-wrapper .post-item .post-widget-thumbnail{
    border-radius:5px;
    overflow:hidden;
    width:100px;
    margin-right:30px
}
.gp-posts-widget-wrapper .post-item .post-widget-info{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.gp-posts-widget-wrapper .post-item .post-widget-info .post-widget-title{
    font-size:18px;
    font-weight:500;
    line-height:28px
}
.gp-posts-widget-wrapper .post-item .post-widget-info .post-widget-title a{
    color:#2b2350
}
.gp-posts-widget-wrapper .post-item .post-widget-info .post-widget-title a:hover{
    color:#FF6600
}
.gp-posts-widget-wrapper .post-item .post-widget-info .post-date{
    color:#797687;
    font-size:15px;
    line-height:28px;
    font-weight:500
}
.tagcloud a{
    font-size:14px;
    background:#f3ecec;
    color:#797687;
    padding:6px 21px;
    font-weight:500;
    margin-bottom:10px;
    margin-right:4px;
    display:inline-block;
    border-radius:30px
}
.tagcloud a:hover{
    background:#FF6600;
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    position:relative;
    z-index:2
}
.comment-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:30px;
    margin-top: 30px;
}
.comment-list .icon{
    height:70px;
    width:70px;
    line-height:77px;
    text-align:center;
    color:#2b2350;
    background:#f3ecec;
    border-radius:50%;
    color:#797687;
    margin-right:30px;
    font-size:20px
}
.comment-list .comment-content{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1
}
.comment-list .comment-content h3{
    color:#2b2350;
    font-size:16px;
    margin-bottom:10px
}
.comment-list .comment-content h3 span{
    color:#797687;
    font-weight:400
}
.comment-list .comment-content p{
    line-height:26px;
    margin-bottom:24px;
    font-weight:500
}
.comment-list .comment-content p a{
    color:#797687
}
.comment-list .comment-content p a:hover{
    color:#FF6600
}
@media (max-width:768px){
    .search-form-widget{
        margin-top:80px
    }
    .search-form-widget label{
        width:100%
    }
}
.signin{
    height:1050px;
    position:relative;
    overflow:hidden
}
.signin .circle{
    position:absolute;
    left:-17%;
    top:-33%
}
.signin .animate-ball .ball{
    background:#fff7f8
}
.signin .animate-ball .ball:first-child{
    top:22%;
    left:-30%
}
.signin .animate-ball .ball:nth-child(2){
    height:60px;
    width:60px
}
.signin .animate-ball .ball:nth-child(3){
    bottom:110px;
    right:auto;
    left:-20%;
    height:80px;
    width:80px
}
.signin .animate-ball .ball:nth-child(4){
    bottom:30%;
    right:auto;
    left:-41%
}
.signin .animate-ball .ball:nth-child(5){
    top:auto;
    right:100px;
    bottom:-430px
}
.signin-from-wrapper{
    height:1050px;
    position:relative;
    z-index:22
}
.signin-from-wrapper .signin-from-inner{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    padding-right:100px;
    position:relative;
    z-index:222
}
.signin-from-wrapper .signin-from-inner .title{
    font-size:36px
}
.signin-from-wrapper .signin-from-inner input:focus{
    -webkit-box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    background:#fff;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.signin-from-wrapper .signin-from-inner button{
    border:0;
    padding:11px 67px;
    outline:0;
    margin-bottom:33px;
    margin-top:55px
}
.signin-from-wrapper .signin-from-inner p{
    margin-top:10px;
    margin-bottom:38px;
    font-size:18px
}
.signin-from-wrapper .signin-from-inner p a{
    color:#FF6600
}
.signin-banner{
    background:#fef8f8;
    position:absolute;
    right:0;
    height:100%;
    max-width:48%;
    width:100%;
    top:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.signin-banner .image-two{
    margin-left:-35px;
    margin-top:-140px
}
.signin-banner.signup-banner{
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.signin-banner.signup-banner .image-one,.signin-banner.signup-banner .image-two{
    position:absolute;
    bottom:0;
    margin:0
}
.signin-banner.signup-banner .image-one{
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    margin:0
}
.signin-banner.signup-banner .animate-image-inner{
    position:absolute;
    width:100%;
    height:450px;
    left:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.condition{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.condition .styled-checkbox{
    position:absolute;
    opacity:0;
    height:20px;
    width:16px;
    margin:0
}
.condition span{
    font-size:14px
}
.styled-checkbox+label{
    position:relative;
    cursor:pointer;
    padding:0;
    margin:0;
    height:20px
}
.styled-checkbox+label:before{
    content:"";
    margin-right:10px;
    display:inline-block;
    vertical-align:text-top;
    width:16px;
    height:16px;
    border:2px solid #aba8a4;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.styled-checkbox:checked+label:before,.styled-checkbox:hover+label:before{
    border-color:#FF6600
}
.styled-checkbox:checked+label:after{
    content:"";
    position:absolute;
    left:3px;
    top:9px;
    background:#FF6600;
    width:2px;
    height:2px;
    -webkit-box-shadow:2px 0 0 #FF6600,4px 0 0 #FF6600,4px -2px 0 #FF6600,4px -4px 0 #FF6600,4px -6px 0 #FF6600,4px -8px 0 #FF6600;
    box-shadow:2px 0 0 #FF6600,4px 0 0 #FF6600,4px -2px 0 #FF6600,4px -4px 0 #FF6600,4px -6px 0 #FF6600,4px -8px 0 #FF6600;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.forget-link{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-top:5px
}
.forget-link .forget{
    font-size:14px;
    color:#9694a2
}
.forget-link .forget:hover{
    color:#FF6600
}
.singup-social{
    margin-bottom:25px;
    padding:0;
    list-style:none
}
.singup-social li{
    display:inline-block;
    margin-bottom:10px
}
.singup-social li:not(:last-child){
    margin-right:4px
}
.singup-social li a{
    display:inline-block;
    padding:11px 35px;
    color:#fff;
    border-radius:30px;
    font-size:16px;
    width:180px;
    text-align:center
}
.singup-social li a i{
    margin-right:10px
}
.singup-social li a:hover{
    opacity:.8
}
.singup-social li:first-child a{
    background:#3b5998
}
.singup-social li:nth-child(2) a{
    background:#dd4b39
}
.singup-social li:nth-child(3) a{
    background:#55acee
}
@media (max-width:991px){
    .signin-from-wrapper .signin-from-inner{
        -webkit-transform:translateY(-47%);
        -ms-transform:translateY(-47%);
        transform:translateY(-47%)
    }
    .signin-from-wrapper .signin-from-inner .title{
        font-size:30px
    }
    .signup input{
        margin-bottom:20px
    }
}
@media (max-width:991px){
    .signin,.signin-from-wrapper{
        height:auto
    }
    .signin-from-wrapper .signin-from-inner{
        position:relative;
        height:auto;
        z-index:22;
        padding:150px 0 36px;
        top:0;
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    .signin-from-wrapper .signin-from-inner .title{
        font-size:30px
    }
    .signin-banner{
        position:relative;
        max-width:100%;
        z-index:222;
        padding:80px 0
    }
    .signin-banner .image-one{
        max-width:200px
    }
    .signin-banner .image-two{
        max-width:80px;
        margin-left:-20px;
        margin-top:-50px
    }
    .signin-banner.signup-banner{
        height:350px
    }
    .signin-banner.signup-banner .animate-image-inner{
        height:200px
    }
    .signin-banner.signup-banner .animate-image-inner .image-two img{
        width:60px
    }
}
@media (max-width:768px){
    .signin-from-wrapper .signin-from-inner{
        padding:100px 0 5px
    }
    .signin-banner.signup-banner{
        padding:50px 0;
        height:300px
    }
}
.error-page{
    background:#fef9f9;
    padding:185px 0 165px
}
.error-content-wrapper img{
    margin-bottom:30px
}
.error-content-wrapper .error-title{
    font-size:40px;
    font-weight:600;
    line-height:1.3
}
.error-content-wrapper p{
    font-size:20px;
    margin-bottom:47px
}
.error-content-wrapper .pix-btn{
    padding:11px 67px
}
@media (max-width:991px){
    .error-page{
        background:#fef9f9;
        padding:130px 0 80px
    }
    .error-content-wrapper .error-title{
        font-size:35px;
        font-weight:600;
        line-height:1.3
    }
    .error-content-wrapper p{
        font-size:16px
    }
}
#footer{
    background: #124477
}
.footer-area {
    padding-top: 80px;
    padding-bottom: 50px;
    color: #fff;
}
.single-footer-widget {
    position: relative;
    display: block;
}
.single-footer-widget .title {
    position: relative;
    display: block;
    padding-bottom: 15px;
    margin-top: -1px;
    margin-bottom: 40px;
    z-index: 1;
}
.single-footer-widget .title:before{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: #ccc;
    content: "";
    z-index: -1;
}  
.single-footer-widget .title .contact_label {
    letter-spacing: 3px;
    color: #F3702A;
}
.single-footer-widget .title h3 {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    text-transform: uppercase;
}
.single-footer-widget p a {
    padding-top: 12px;
    display: block;
}
.single-footer-widget p a i {
    padding-right: 10px;
    font-size: 12px;
    color: #3AA9E3;
}
.single-footer-widget p,
.single-footer-widget a,
.single-footer-widget h5 {
    font-size: 14px;
    color: #fff;
}
.single-footer-widget a:hover {
    color: #3AA9E3;
}
.single-footer-widget h5 {
    font-family: 'Poppins'
}

.single-footer-widget .services-links{
    position: relative;
    display: block;
}
.single-footer-widget .services-links ul {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: -19px;
    padding-left: 0
}
.single-footer-widget .services-links ul li {
    position: relative;
    display: block;
    border-bottom: 1px solid #333438;
    line-height: 50px;
}
.single-footer-widget .services-links ul li a{
    color: #7c7e84;
    font-size: 15px;
    font-weight: 400;
    padding-left: 20px;
    transition: all 500ms ease;
}
.single-footer-widget .services-links ul li a:hover{
    color: #ffffff;
}
.single-footer-widget .services-links ul li a:before {
    position: absolute;
    top: 0px;
    left: 0;
    content: "\f067";
    font-family: "fontawesome";
    color: #7c7e84;
    font-size: 10px;
    transition: all 500ms ease;
    line-height: 20px;
    margin: 14px 0 16px;
}
.single-footer-widget .services-links ul li a:hover:before{
    content: "\f068";
    color: #ffffff;
    transition: all 500ms ease;
}

.footer-about {
    padding-right: 100px;
}

#footer .footer-menu{
    padding:0;
    list-style:none
}
#footer .footer-menu li {
    position: relative;
    padding-left: 25px;
}
#footer .footer-menu li:not(:last-child){
    margin-bottom:10px
}
#footer .footer-menu li::before {
    content: "\f058";
    font-family: "fontawesome";
    color: #fff;
    font-size: 13px;
    transition: all 500ms ease;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 15px;
    height: 15px;
}
#footer .footer-menu li a{
    display:block;
    color:#fff;
    font-weight:300;
    line-height:normal
}
#footer .footer-menu li a:hover{
    color:#3AA9E3
}
#footer .footer-logo{
    display:block;
    margin: 10px 0;
    width: 220px;
    margin-top: -20px;
}
#footer .footer-logo img {
    width: 200px
}
#footer .email-info{
    display:block;
    color:#FF6600;
    margin-bottom:20px
}
#footer .email-info i{
    margin-right:10px
}
#footer .widget-contact .widget-contact-info{
    margin:0;
    padding:0;
    list-style:none;
    max-width:240px
}
#footer .widget-contact .widget-contact-info li{
    color:#b5b3be;
    font-weight:300;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:baseline;
    -ms-flex-align:baseline;
    align-items:baseline;
    margin-bottom:10px
}
#footer .widget-contact .widget-contact-info li i{
    margin-right:10px;
    color:#12bf7c
}
#footer .copyright-text{
    margin-bottom:50px;
    text-align: center;
}
#footer .copyright-text a{
    color:#FF6600
}
#footer .footer-social-link,
.about-content .footer-social-link {
    margin:0;
    padding:0;
    list-style:none
}
#footer .footer-social-link {
    margin-top: 10px;
}
.about-content .footer-social-link {
    margin-top: 10px;
}
#footer .footer-social-link li,
.about-content .footer-social-link li {
    display:inline-block
}
#footer .footer-social-link li:not(:last-child),
.about-content .footer-social-link li:not(:last-child) {
    margin-right:5px
}
#footer .footer-social-link li a,
.about-content .footer-social-link li a{
    height:40px;
    width:40px;
    line-height:40px;
    display:block;
    border-radius:50%;
    color:white;
    text-align:center;
    font-size:14px;
}
#footer .footer-social-link li a:hover,
.about-content .footer-social-link li a:hover{
    color:#fff;
    -webkit-box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    box-shadow:0 20px 30px 0 rgba(176,70,70,.3);
    background-color:#3AA9E3
}
/*#footer .site-info{
    padding:25px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:left;
    border-top:1px solid #e4d9d9;
    position:relative;
    z-index:3
}*/
#footer .site-info{
    padding:10px 0;
    position:relative;
    background-color: #083969;
}
#footer .site-info p{
    margin: 5px 0;
    font-size: 14px;
}
#footer .site-info p a{
    color:#FF6600;
    font-weight:500
}
#footer .site-info p a:hover{
    color:#f83f3f
}
#footer .site-info .copyright {
    text-align: right;
    color: #fff;
    padding-top: 10px;
}
#footer .site-info .footlink ul {
    padding-left: 0;
    list-style: none;
    text-align: right;
}
#footer .site-info .footlink ul li {
    padding-left: 0;
    display: inline;
}
#footer .site-info .footlink ul li a {
    padding: 0 15px;
    border-right: 1px solid #ccc;
    font-size: 14px;
    color: #1a1a1a
}
#footer .site-info .footlink ul li:last-child a {
    padding: 0 0 0 15px;
    border-right: none;
}
#footer .site-info .footlink ul li a:hover {
    color: #FD2203 
}

#footer .newsletter-form{
    max-width:100%;
    margin: 0 auto;
    position:relative;
}
#footer .newsletter-form .newsletter-inner {
    background: transparent;
    border-radius: 0;
    border: 1px solid #fff;
    overflow: hidden;
    padding: 5px;
}
#footer .newsletter-form .newsletter-inner input{
    height:35px;
    width:100%;
    border-radius: 0;
    padding: 0 120px 0 10px;
    font-size: 14px;
    color: #fff
}

#footer .newsletter-form .newsletter-inner .newsletter-submit{
    background:#B7DCFF;
    padding:0 15px;
    font-weight:600;
    height:35px;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 14px;
}
#footer .newsletter-form .newsletter-inner .newsletter-submit:hover{
    background:#FD2203;
}


#footer.footer-five{
    background:#000
}
#footer.footer-five .widget.footer-widget .widget-title{
    color:#fff
}
#footer.footer-five .footer-menu li a,#footer.footer-five .widget p{
    color:#fff
}
#footer.footer-five .footer-menu li a:hover{
    color:#FE6501;
    background-image: linear-gradient(45deg, #FEF111, #FE6501); 
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; 
      -moz-background-clip: text;
      -moz-text-fill-color: transparent;
}
#footer.footer-five .footer-social-link li a{
    border-color:#615a7e;
    color:#a39eb9;
    transition: all ease-in-out .3s;
}
#footer.footer-five .footer-social-link li a:hover{
    background:#07132B;
    -webkit-box-shadow:0 20px 30px 0 rgba(90,70,176,.3);
    box-shadow:0 20px 30px 0 rgba(90,70,176,.3);
    border-color:#07132B;
    color:#fff
}
#footer.footer-five .site-info-menu li a{
    color:#9c99a7
}
#footer.footer-five .site-info-menu li a:hover{
    color:#07132B
}
#footer.footer-five .site-info{
    border-color:#3d355b
}
#footer.footer-five .site-info p{
    color:#9c99a7
}
#footer.footer-five .site-info p a{
    color:#9c99a7;
    transition: all ease-in-out .3s;
}
#footer.footer-five .site-info p a:hover{
    color:#FE6501
}

#footer.footer-job-board .footer-menu li:not(:last-child){
    margin-bottom:5px
}
#footer.footer-job-board .footer-menu li a{
    color:#fff;
    font-size:14px;
    font-weight:300
}
#footer.footer-job-board .footer-menu li a:hover{
    color:#fd4d5c
}
#footer.footer-job-board .copyright-text{
    color:hsla(0,0%,100%,.502)
}
#footer.footer-job-board .copyright-text a{
    color:#fd4d5c
}
#footer.footer-app{
    padding-bottom:50px
}
#footer.footer-app .widget.footer-widget .widget-title{
    color:#fff
}
#footer.footer-app .widget.widget-about{
    max-width:240px
}
#footer.footer-app .widget.widget-about p{
    color:#b5b3be;
    margin-bottom:26px
}
#footer.footer-app .widget.widget-about .footer-title{
    color:#fff;
    font-size:20px;
    font-weight:600;
    margin-bottom:15px
}
#footer.footer-app .footer-menu li:not(:last-child){
    margin-bottom:5px
}
#footer.footer-app .footer-menu li a{
    color:#b5b3be
}
#footer.footer-app .footer-menu li a:hover{
    color:#12bf7c
}
#footer.footer-app .site-info{
    display:block;
    border-top-color:#2f3255;
    padding:25px 0
}
#footer.footer-app .site-info p{
    color:#9997a2
}
#footer.footer-app .site-info p a{
    color:#12bf7c
}
.site-info-menu{
    margin:0;
    padding:0;
    list-style:none
}
.site-info-menu li{
    display:inline-block
}
.site-info-menu li a{
    display:inline-block;
    color:#797687
}
.site-info-menu li a:hover{
    color:#FF6600
}

@media (min-width:992px) and (max-width:1200px) {
    .footer-about {
        padding-right: 70px;
    }
}

@media (max-width:991px){

    .single-footer-widget {
        margin-bottom: 70px
    }
    .single-footer-widget .title {
        margin-bottom: 20px;
    }

    #footer .site-info p{
        margin:0 0 0;    
    }
    #footer .footer-inner{
        padding:76px 0 22px
    }
    #footer .site-info{
        padding:21px 0
    }
    #footer .widget.footer-widget{
        margin-bottom:30px
    }
    #footer .widget.footer-widget .widget-title{
        margin-bottom:25px
    }
    #footer .widget.footer-widget p{
        padding-right: 40px
    }
}
@media (max-width:768px){
    #footer .footer-logo{
        margin: 0 0 40px;
        width: 200px;
    }
    #footer .footer-logo img {
        width: 170px
    }
    .footer-about {
        padding-right: 50px;
    }
    .footer-social-link.float-right {
        float: none !important;
    }
    #footer .site-info p{
        margin:0;    
    }
    #footer .newsletter-form .newsletter-inner input{
        height:40px;
        width:100%
    }

    #footer .footer-social-link,
    #footer .site-info .copyright {
        text-align: center;
    }

    #footer .footer-menu{
        margin-bottom:40px
    }
    #footer .site-info{
        padding:21px 0;
        display:block;
    }
    #footer.footer-four .copyright{
        margin-bottom:20px
    }
    #footer.footer-four .site-info .site-info-inner{
        display:block
    }
}
@media (max-width:576px){   
    .single-footer-widget {
        margin-bottom: 60px
    }
    .single-footer-widget .title {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .single-footer-widget .services-links ul li a::before {
        display: none;
    }
}
@media (max-width:480px){
    .footer-about {
        padding-right: 10px;
    }
    #footer .widget.footer-widget p{
        padding-right: 10px
    }
    .single-footer-widget {
        margin-bottom: 50px
    }
}

/* ===========================
   CUSTOM STYLES
 ===================================*/

 /* ********************************************** Search ********************************************** */

.pix-header-fixed #button-search {
    color: #07132B;
}
#panel-search { position: fixed; width: 100%; height: 100%; background-color: #1d2f4b; top: 0; left: 0; opacity: 0; transition: opacity 0s, z-index 0s; z-index: -1; transition: opacity 0.3s, z-index 0.3s; }
#panel-search *{ transition: all 0.15s linear; }
#panel-search.active { opacity: 1; z-index: 101; }
.search #q { font-family: "Poppins"; font-size: 2em; font-weight: 400; color: #ffffff; letter-spacing: 1px; border: 0; border-radius: 10px; background-color: transparent; outline: 0; margin: 35px 0 40px 0; border: 1px solid #c9d3e2; padding: 25px 20px 20px 20px; background-color: #273956; width: calc(100% - 40px); }
.search h3 { color: #ffffff; display: inline-block; }
#panel-search h5 { color: #ffffff; }
.search .recs{ padding-top: 5px;opacity: 0.75; }
.search .recs a{ display:inline-block; padding: 5px 10px; cursor: pointer; }
.search .recs a:first-of-type{ padding-left: 0; }
.search #position { width: calc(100% - 40px);max-width: 960px;margin: 0 auto;padding: 16% 20px 0 20px; }

.icon-close{ cursor: pointer; float: right; color: #fff; font-size: 32px; }




.header-inner-title {
    margin-top: 300px;
    position: relative;
    z-index: 4;
}
.header-inner-title h1 {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-size: 52px;
    position: relative;
}
.header-inner-title h1::before {
    position: absolute;
    top: -30px;
    width: 4%;
    height: 5px;
    content: '';
    left: 48%;
    z-index: 1;
    background-color: #FE6501;
    background: linear-gradient(45deg, #FEF111, #FE6501);
}
.header-inner-title p {
    width: 50%;
    text-align: center;
    color: #fff;
    margin: 50px auto 0;
}
.header-inner-title .post-meta {
    padding-left: 0;
    text-align: center;
    margin-top: 20px
}
.header-inner-title .post-meta li {
    display: inline-block;
    padding: 0 15px;
    font-weight: bold;
    color: #fff
}
.header-inner-title .post-meta li span {
    font-weight: normal;
    text-transform: uppercase;
}
.header-inner-title .post-meta li a {
    color: #fff;
    transition: all .3s ease-in-out
}
.header-inner-title .post-meta li a:hover {
    color: #FEF111;
}
.header-inner-title .scrolltext {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
}
.header-inner-title .scrolldownarw {
    display: block;
    margin: 100px auto 0;
    width: 50px;
    height: 50px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    /*transform: rotateY(0deg) rotate(-45deg);  needs Y at 0 deg to behave properly*/
    transition: transform 2s;
    animation: MoveUpDown 2s linear infinite;
}
@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(0) rotateY(0deg) rotate(-45deg);
  }
  50% {
    transform: translateY(-50px) rotateY(0deg) rotate(-45deg);
  }
}
.header-inner-title .scrolldownarw:hover {
    animation: none;
    transform: rotateY(0deg) rotate(-45deg)
}



.portfolio-item {
    height: 500px;
    overflow: hidden;
    position: relative;
    padding-bottom: 130px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.portfolio-item img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.portfolio-item:hover img {
    -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
      transform: scale(1.15);
}

.portfolio-item .portfolio-info{
    max-width:80%;
    background:#fff;
    padding:30px 40px;
    -webkit-box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    box-shadow:0 20px 40px 0 rgba(79,35,35,.1);
    position:absolute;
    width:100%;
    bottom:40px;
    left:10%;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.portfolio-item  .portfolio-info h3{
    font-size:24px;
    margin:0;
    line-height:32px
}
.portfolio-item .portfolio-info h3 a{
    color:#2b2350
}
.portfolio-item .portfolio-info h3 a:hover{
    color:#FE6501
}
.portfolio-item .portfolio-info span{
    color:#07132B;
    font-size:16px
}
.portfolio-item:hover .portfolio-info{
    -webkit-box-shadow:none;
    box-shadow:none;
    bottom:40px
}

#gallery-1 {
  margin: auto;
}
#gallery-1 .gallery-item {
  float: left;
  padding: 10px !important;
  text-align: center;
  /*width: 250px !important; */
  height: 200px !important;
  overflow: hidden;          
}
#gallery-1 .gallery-item img {
  width: 100% !important;
  height: auto;
  object-fit: cover; 
    min-width: 100%;
    min-height: 100%;
    border: none !important;    
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#gallery-1 .gallery-item:hover img {
    -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
      transform: scale(1.15);
}
#gallery-1 img {
  width: auto !important;
  height: auto;
}
dt.gallery-icon.landscape,
dt.gallery-icon.portrait {
  width: 100%;
  height: 100%;
}
#gallery-1 .gallery-caption {
  margin-left: 0;
}
#gallery-1 .gallery-caption {
    display: none;
}



@media (max-width: 1200px) and (min-width: 992px) {
    .header-inner-title {
        margin-top: 200px;
    }
    .header-inner-title p {
        width: 60%;
        margin: 40px auto 0;
        line-height: 1.4;
    }

    #gallery-1 .gallery-item {
      height: 200px !important;        
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    .header-inner-title {
        margin-top: 250px;
    }
    .header-inner-title h1 {
        font-size: 48px;
    }    
    .header-inner-title p {
        width: 70%;
        margin: 40px auto 0;
        line-height: 1.4;
    }
    .header-inner-title .scrolldownarw {
        margin: 70px auto 0;
    }

    .connect-wrap-inner {
        width: 90%
    }

    #gallery-1 .gallery-item {
      width: 50% !important;
      height: 270px !important;        
    }
}

@media (max-width: 767px) and (min-width: 561px) {

    #gallery-1 .gallery-item {
      width: 50% !important;
      height: 250px !important;        
    }
}

@media (max-width: 767px) {
    .search #position { padding: 30% 20px 0 20px; }

    .header-inner-title {
        margin-top: 220px;
    }
    .header-inner-title h1 {
        font-size: 36px;
    }
    .header-inner-title p {
        width: 70%;
        margin: 40px auto 0;
        line-height: 1.5;
    }
    .header-inner-title .scrolldownarw {
        margin: 70px auto 0;
    }

    .connect-wrap-inner {
        width: 95%
    }
}

@media (max-width: 560px) {
    #gallery-1 .gallery-item {
      width: 100% !important;
      height: 250px !important;        
    }
}

@media (max-width: 480px) {
    .header-inner-title {
        margin-top: 170px;
    }
    .header-inner-title p {
        margin: 30px auto 0;
        font-size: 14px;
        width: 85%
    }
    .header-inner-title .scrolldownarw {
        margin: 60px auto 0;
    }
    #gallery-1 .gallery-item {
      height: 200px !important;        
    }
}
@media (max-width: 380px) {
    .header-inner-title {
        margin-top: 150px;
    }
    .header-inner-title h1 {
        font-size: 28px;
    }   
}




.header-banner-inner {
    padding: 50px 0;
    color: #fff;
    background-color: #124477;
}
.header-banner-inner h1 {
    color: #fff;
}
.header-banner-inner .bradcurmed{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    z-index:2;
    text-align: right;
}
.header-banner-inner .bradcurmed li{
    display:inline-block;
    position:relative;
    font-size:14px
}
.header-banner-inner .bradcurmed li:not(:last-child){
    margin-right:30px
}
.header-banner-inner .bradcurmed li:not(:last-child):before{
    content:"\35";
    font-family:eleganticons;
    position:absolute;
    right:-25px;
    top:0
}
.header-banner-inner .bradcurmed li a{
    color:#fff;
}
.header-banner-inner .bradcurmed li a:hover{
    color:#FD2203
}


.sectionpadding {
    padding: 50px 0;
    margin: 60px 0;
    background-color: #f6f6f6;
}
.sectionpadding2 {
    padding: 60px 0;
    background-color: #fff;
}
.sectionpadding .about-image-box {
    background-color: #ccc;
}
.sectionpadding .about-image-box::before {
    background: #f6f6f6;
}
.editor-content ul br {
    display: none
}

@media screen and (max-width:767px) {
    .sectionpadding {
        padding: 20px 0;
        margin: 60px 0;
        background-color: #f6f6f6;
    }
    .header-banner-inner,
    .header-banner-inner .bradcurmed{
        text-align: left;
    }
    .header-banner-inner h1 {
        font-size: 2rem;
    }
}

@media screen and (max-width:480px) {
    .header-banner-inner h1 {
        font-size: 1.8rem;
    }
}

.single_section {
    padding-bottom: 60px;
    padding-top: 60px;
    /*background-color: #f8f7fc*/
    overflow: hidden;
}
.single-image-banner {
    width: 100%;
    max-height: 600px;
    overflow: hidden;
}
.single-content {
    width: 75%;
    padding: 30px;
    margin: 30px auto 0;
    background-color: #fff
}
.speaker-single-wrap {    
    padding: 30px;
    margin: 30px auto 0;
    background-color: #fff
}
.single-speaker-thumb {    
    margin: 30px auto 0;
}

.single-content .single-desc p,
.speaker-single-wrap .single-desc p {
    color: #444;
    font-weight: 300;
}
.single-content .single-desc p strong,
.single-content .single-desc p b,
.speaker-single-wrap .single-desc p strong,
.speaker-single-wrap .single-desc p b {
    font-weight: 600
}
.single-content .single-desc img,
.single-content .single-desc iframe {
    width: 100%
}
.single_section .single-desc .job {
    color: #76747f;
    font-weight: 400;
}
.single_section .single-desc .member-social{
    margin:30px 0;
    padding:0;
    list-style:none;
}
.single_section .single-desc .member-social li{
    display:inline-block;
    margin-right:10px;
}
.single_section .single-desc .member-social li a {
    color: #fff;
    background-color: #F3702A;
    padding: 10px;
    border-radius: 5px;
    -webkit-transition:.3s ease-in-out;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.single_section .single-desc .member-social li a:hover {
    background-color: #000;
}
/* Other details */
.portfolio-item-otherdetails {
    margin-bottom: 30px;    
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #cbcbcb;
}
.portfolio-item-livelink {display:inline-block; margin-top: 5px;}
.portfolio-item-share {display: block; margin-bottom: 30px;}
.portfolio-item-share:before {content:attr(data-share-title); font-size:12px; font-weight:600; display: block;line-height: 1; margin-bottom: 10px; color: #8A8A8A;}
.portfolio-item-share a {display: inline-block; width: 30px; height: 30px; margin-top: -5px; border-radius:3px; color: rgba(0, 0, 0, 0.25); background-color: transparent; border-color: #E2E2E2; border-top: 0; border-bottom: 0; border-right: 0; border: 0; font-size: 16px; text-align: center; margin-right: 5px; line-height: 30px;}
.portfolio-item-share a:hover {color: #fff;}
.portfolio-item-share .portfolio-item-share-twitter {font-size: 13px;}
.portfolio-item-share-twitter:hover {background: #55ACEE;}
.portfolio-item-share-facebook:hover {background: #3B5998;}
.portfolio-item-share-gplus:hover {background: #CC3732;}
.portfolio-item-share-pinterest:hover {background: #CC2127;}
.portfolio-item-share-mail:hover {background: #565656;}
.portfolio-item-share-whatsapp:hover {background: #25D366;}


.error404 {
    padding: 80px 0;
    text-align: center;
}
.error404 img {
    margin: 0 auto 40px;
    width: 320px;
    max-width: 70%;
}
.error404 p {
    font-size: 17px;
    font-style: italic;
    font-weight: 500;
    margin: 30px auto 0;
    width: 400px;
    max-width: 70%;
}