/*TABLE OF CONTENTS*/
/*=====================
01. RESET CSS
02. BASE TYPOGRAPHY
03. PRE DEFINE CLASS CSS
04. HEADER CSS
05. HERO SECTION CSS
06. PROMO SECTION CSS
07. ABOUT US CSS
08. FEATURE SECTION CSS
09. VIDEO PROMO CSS
10. COUNTER CSS
11. FAQ CSS
12. TESTIMONIAL CSS
13. CONTACT FORM CSS
14. FOOTER CSS
=======================*/
/* -----------------------------------------
			   01. RESET CSS
-------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
}
body{
    line-height:1;
}
ol,ul{
    list-style:none;
}
blockquote,q{
    quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
    content:'';
    content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
html{
    overflow-y:scroll;
    font-size:15px;
}
/* -----------------------------------------
           02. BASE TYPOGRAPHY
-------------------------------------------- */
body,h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,p,.navbar,.brand,.btn,.btn-simple,a,.td-name,td{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
}
body{
    background-color:#ffffff;
    font-family:'Open Sans',sans-serif;
    font-size:1rem;
    color:#707070;
    font-weight:400;
    line-height:1.75;
}
p:not(:last-child){
    margin-bottom:1.25em;
}
h1,h2,h3,h4,h5{
    margin:0 0 1rem;
    font-family:'Montserrat',sans-serif;
    font-weight:600;
    line-height:1.21;
    color:initial;
}
h1{
    margin-top:0;
    font-size:3.052em;
}
h2{
    font-size:2.441em;
}
h3{
    font-size:1.953em;
}
h4{
    font-size:1.563em;
}
h5{
    font-size:1.25em;
}
small,.text_small{
    font-size:0.8em;
}
strong,b{
    font-weight:500;
    font-family:'Montserrat',sans-serif;
}
.badge{
    display:inline;
    padding:.25rem .5rem;
    font-size:80%;
    font-weight:700;
    font-family:'Montserrat',sans-serif;
    line-height:1;
    text-align:center;
    white-space:nowrap;
    vertical-align:baseline;
    border-radius:.375rem;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-pill{
    padding-right:.875em;
    padding-left:.875em;
    border-radius:50rem;
}
.badge-custom-secondary{
    color:#fff;
    background-color:#ed1c24;
}
.badge-custom-primary{
    color:#fff;
    background-color:#01020c;
}
/*========================================
        03. PRE DEFINE CLASS CSS
==========================================*/
.ptb-100{
    padding:100px 0;
}
.ptb-10{
    padding:10px 0;
}
.ptb-15{
    padding:15px 0;
}
.ptbx-15{
    padding:15px 0 90px;
}
.ptb-30{
    padding:30px 0;
}
.pt-100{
    padding-top:100px;
}
.pt-150{
    padding-top:150px;
}
.pb-100{
    padding-bottom:100px;
}
.mt--120{
    margin-top:-120px;
}
.gray-light-bg{
    background:#f4f4f4;
}
.primary-bg{
    background:#01020c;
}
.secondary-bg{
    background:#ed1c24;
}
.color-primary{
    color:#01020c;
}
.color-secondary{
    color:#ed1c24
}
.white-bg{
    background:#ffffff;
}
.bg-color-1{
    background:#399fb6;
}
.bg-color-2{
    background:#0ba077;
}
.bg-color-3{
    background:#6582ed;
}
.bg-color-4{
    background:#399fb6;
}
.icon-color-1{
    background:#efdff7;
    color:#b17cc6;
}
.icon-color-2{
    background-color:#c6e6fd;
    color:#63b0e3;
}
.icon-color-3{
    background-color:#efe3e3;
    color:#ed7265;
}
.icon-color-4{
    background-color:#ddedea;
    color:#45d7ba;
}
.icon-color-5{
    background-color:#ffe0e3;
    color:#bd2130;
}
.icon-color-6{
    background-color:#e2e8ff;
    color:#6582ed;
}
.outline-btn,.solid-btn,.primary-solid-btn,.secondary-btn{
    padding:8px 25px;
    font-family:'Open Sans',sans-serif;
    transition:all 0.3s ease-in;
}
.primary-solid-btn{
    border-color:#01020c;
    background:#01020c;
    color:#ffffff;
}
.primary-solid-btn:hover{
    background:transparent;
    color:#01020c;
    border-color:#01020c;
}
.secondary-btn{
    background:#ed1c24;
    border-color:#ed1c24;
    color:#ffffff;
}
.secondary-btn:hover{
    border-color:#ed1c24;
    background:transparent;
    color:#ed1c24;
    border-radius:30px;
}
.solid-btn{
    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:#01020c;
    border:2px solid #01020c;
    border-radius:30px;
}
.solid-btn:hover{
    background:transparent;
    color:#ffffff;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.outline-btn{
    border-radius:30px;
    color:#01020c;
    display:inline-block;
    border:2px solid #01020c;
}
.outline-btn:hover{
    color:#fff;
    background:#01020c;
    -webkit-box-shadow:0 20px 30px 0 rgba(67,37,204,.2);
    box-shadow:0 20px 30px 0 rgba(67,37,204,.2);
}
.primary-bg h1,.primary-bg p{
    color:#fff;
}
.google-play-btn,.app-store-btn{
    padding:12px 30px;
    font-family:'Montserrat',sans-serif;
    font-weight:700;
}
.google-play-btn{
    background:#ffffff;
    border-color:#ffffff;
    color:#01020c;
    border-radius:30px;
}
.google-play-btn:hover{
    background:transparent;
    color:#ffffff;
}
.app-store-btn{
    border-radius:30px;
    color:#ffffff;
    border-color:#ffffff;
}
.app-store-btn:hover{
    background:#ffffff;
    color:#01020c;
}
/*form field css*/
.form-control{
    border-color:#ebebeb;
    height:calc(2.85em + .75rem + 2px);
}
.form-control:focus{
    outline:none;
    box-shadow:none;
}
input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.form-control.has-value{
    color:#9a9a9a !important;
    font-size:14px;
}
input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select.form-control.has-value{
    /* Firefox 18- */
    color:#9a9a9a;
    font-size:14px;
}
input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select.form-control.has-value{
    /* Firefox 19+ */
    color:#9a9a9a;
    font-size:14px;
}
input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select.form-control.has-value{
    color:#9a9a9a;
    font-size:14px;
}
.section-heading h2 span{
    font-weight:700;
    color:#ed1c24;
}
.opacity-6{
    opacity:0.6;
}
.opacity-7{
    opacity:0.7;
}
.opacity-8{
    opacity:0.8;
}
/*=========================================
            04. HEADER CSS
============================================*/
.main-menu{
    position:inherit;
    top:inherit;
    left:inherit;
    right:inherit;
    width:auto;
    height:auto;
    transition:all .3s ease-in-out;
}
.main-menu ul{
    text-align:left;
    padding:0;
    margin:0;
}
.main-menu ul li{
    padding:15px 0;
}
.main-menu ul>li a{
    margin:0 0 0 20px;
    font-size:15px;
    color:#363232;
    display:block;
    font-weight:400;
    background-color:transparent;
    border-radius:0;
    padding:0;
    transition:all .3s ease-in-out;
}
.main-menu ul>li .submenu{
    width:250px;
    background-color:#f4f7fa;
    border:1px solid #ebebeb;
    border-radius:4px;
    position:absolute;
    top:55px;
    left:-4.2em;
    right:0;
    visibility:hidden;
    opacity:0;
    transition:all .3s ease-in-out;
    transform:rotateX(-90deg) rotateY(0);
    transform-origin:0 0;
}
.main-menu ul>li .submenu.dropdown-menu{
    margin:0;
    padding:0;
}
.main-menu ul>li:hover .submenu{
    visibility:visible;
    opacity:1;
    transform:rotateX(0) rotateY(0);
}
.dropdown:hover>.dropdown-menu{
    display:block;
}
.dropdown>.dropdown-toggle:active{
    pointer-events:none;
}
.main-menu ul>li .submenu>a{
    padding:0;
    display:block;
}
.main-menu ul>li .submenu> a{
    padding:10px 15px;
    margin:0;
    color:#363232;
}
.main-menu ul>li .submenu> a:hover{
    background:#ebebeb;
}
.main-menu ul>li .submenu> a:active{
    background:inherit;
}
.main-menu ul>li .submenu:before,
.main-menu ul>li .submenu:after{
    content:'';
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border:12px solid transparent;
    border-bottom:12px solid #f4f7fa;
    top:-25px;
    left:calc(50% - 12px);
}
.main-menu ul li.dropdown .dropdown-toggle::after{
    position:relative;
    top:2px;
}
.navbar-brand{
    font-size:inherit;
    height:auto;
    padding:0;
    margin-bottom:-8px;
}
.navbar-toggler{
    background:transparent;
    padding:.5rem .75rem;
    font-size:inherit;
    transition:all .3s ease-in-out;
}
.navbar-toggler span{
    color:#ffffff;
    opacity:0.8;
    font-size:17px;
}
.navbar-toggler:focus,.navbar-toggler:hover{
    outline:none;
    opacity:1;
}
.custom-nav ul li a{
    color:#fafafa;
    opacity:0.8;
}
.main-menu ul li a.active{
    opacity:1;
}
.affix{
    background-color:#202877;
    -webkit-transition:padding 0.2s ease-out;
    -moz-transition:padding 0.2s ease-out;
    -o-transition:padding 0.2s ease-out;
    transition:padding 0.2s ease-out;
}
.white-bg.affix,.custom-nav.affix{
    background:#ffffff;
    border-bottom:1px solid #ebebeb;
}
.white-bg.affix ul li a{
    color:#081d43 !important;
    opacity:0.8;
}
.white-bg.custom-nav ul li a:hover{
    opacity:1;
}
.bg-transparent ul li a{
    color:#ffffff;
    opacity:0.7;
}
.bg-transparent ul li a:hover,.white-bg.affix ul li a:hover{
    opacity:1;
}
.bg-transparent.affix{
    background-image:linear-gradient(to right,rgb(1,2,12),rgb(2,2,10),rgb(15,15,16),rgb(6,0,14),rgb(14,3,23)) !important;
}
.navbar{
    transition:all .3s ease-in-out;
}
@media (min-width:320px) and (max-width:992px){
    .navbar{
        background:#01020c !important;
        padding:.95rem 1rem;
    }
    .white-bg.affix,.custom-nav.affix,.navbar.white-bg{
        background:#ffffff !important;
        border-bottom:1px solid #ebebeb;
    }
    .white-bg.custom-nav ul li a,.custom-nav ul li a{
        color:#081d43 !important;
    }
    .white-bg.navbar .navbar-toggler span{
        color:#202877;
    }
    .main-menu ul>li .submenu{
        left:0;
        top:10px;
        position:relative;
    }
    .main-menu ul li{
        padding:15px 0 0;
    }
    .main-menu ul>li a{
        margin:0;
    }
    .main-menu ul>li .submenu:before,.main-menu ul>li .submenu:after{
        left:15px;
    }
    .ptb-100{
        padding:55px 0;
    }
    .pt-100{
        padding-top:55px;
    }
    .pb-100{
        padding-bottom:55px;
    }
}
@media (min-width:992px){
    .navbar{
        border-bottom:1px solid rgba(0,0,0,0);
        background:transparent;
        -o-transition:border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
        -webkit-transition:border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
        -moz-transition:border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
        transition:border-bottom .3s ease-in-out,background .3s ease-in-out,padding .3s ease-in-out;
        -webkit-backface-visibility:hidden;
    }
}
/*=========================================
            05. HERO SECTION CSS
============================================*/
.hero-animation-img,.hero-content-left{
    position:relative;
    z-index:2;
}
.hero-content-left h1{
    font-weight:500;
    font-size:42px;
    line-height:60px;
}
.hero-content-left h1 span{
    font-weight:700;
    color:#ed1c24;
}
@media (min-width:992px){
    .hero-animation-img{
        position:relative;
        display:block;
        width:100%;
    }
    .animation-one{
        -webkit-animation:move-one 7s ease-in-out infinite;
        animation:move-one 7s ease-in-out infinite;
    }
    @keyframes move-one{
        0%{
            -webkit-transform:translateX(0) translateY(5px);
            transform:translateX(0) translateY(5px)
        }
        50%{
            -webkit-transform:translateX(0) translateY(-5px);
            transform:translateX(0) translateY(-5px)
        }
        100%{
            -webkit-transform:translateX(0) translateY(5px);
            transform:translateX(0) translateY(5px)
        }
    }
    @-webkit-keyframes move-one{
        0%{
            -webkit-transform:translateX(0) translateY(5px);
            transform:translateX(0) translateY(5px)
        }
        50%{
            -webkit-transform:translateX(0) translateY(-5px);
            transform:translateX(0) translateY(-5px)
        }
        100%{
            -webkit-transform:translateX(0) translateY(5px);
            transform:translateX(0) translateY(5px)
        }
    }
    .animation-two{
        position:absolute;
        bottom:-10px;
        -webkit-animation:move-two 8s ease-in-out infinite;
        animation:move-two 8s ease-in-out infinite;
    }
    @-webkit-keyframes move-two{
        0%{
            -webkit-transform:translateX(-25px) translateY(-225px);
            transform:translateX(-25px) translateY(-225px)
        }
        50%{
            -webkit-transform:translateX(-25px) translateY(-205px);
            transform:translateX(-25px) translateY(-205px)
        }
        100%{
            -webkit-transform:translateX(-25px) translateY(-225px);
            transform:translateX(-25px) translateY(-225px)
        }
    }
    @keyframes move-two{
        0%{
            -webkit-transform:translateX(-25px) translateY(-225px);
            transform:translateX(-25px) translateY(-225px)
        }
        50%{
            -webkit-transform:translateX(-25px) translateY(-205px);
            transform:translateX(-25px) translateY(-205px)
        }
        100%{
            -webkit-transform:translateX(-25px) translateY(-225px);
            transform:translateX(-25px) translateY(-225px)
        }
    }
    .animation-three{
        position:absolute;
        -webkit-animation:move-three 9s ease-in-out infinite;
        animation:move-three 9s ease-in-out infinite
    }
    @-webkit-keyframes move-three{
        0%{
            -webkit-transform:translateX(-45px) translateY(-225px);
            transform:translateX(-45px) translateY(-225px)
        }
        50%{
            -webkit-transform:translateX(-45px) translateY(-205px);
            transform:translateX(-45px) translateY(-205px)
        }
        100%{
            -webkit-transform:translateX(-45px) translateY(-225px);
            transform:translateX(-45px) translateY(-225px)
        }
    }
    @keyframes move-three{
        0%{
            -webkit-transform:translateX(-45px) translateY(-225px);
            transform:translateX(-45px) translateY(-225px)
        }
        50%{
            -webkit-transform:translateX(-45px) translateY(-205px);
            transform:translateX(-45px) translateY(-205px)
        }
        100%{
            -webkit-transform:translateX(-45px) translateY(-225px);
            transform:translateX(-45px) translateY(-225px)
        }
    }
    .animation-four{
        position:absolute;
        -webkit-animation:move-four 6s ease-in-out infinite;
        animation:move-four 6s ease-in-out infinite
    }
    .animation-new{
        position:absolute;
        bottom:10px;
    }
    @-webkit-keyframes move-four{
        0%{
            -webkit-transform:translateX(330px) translateY(-215px);
            transform:translateX(330px) translateY(-215px)
        }
        50%{
            -webkit-transform:translateX(330px) translateY(-240px);
            transform:translateX(330px) translateY(-240px)
        }
        100%{
            -webkit-transform:translateX(330px) translateY(-215px);
            transform:translateX(330px) translateY(-215px)
        }
    }
    @keyframes move-four{
        0%{
            -webkit-transform:translateX(330px) translateY(-215px);
            transform:translateX(330px) translateY(-215px)
        }
        50%{
            -webkit-transform:translateX(330px) translateY(-240px);
            transform:translateX(330px) translateY(-240px)
        }
        100%{
            -webkit-transform:translateX(330px) translateY(-215px);
            transform:translateX(330px) translateY(-215px)
        }
    }
}
@media (min-width:992px) and (max-width:1199px){
    .animation-four,.animation-new{
        display:none !important;
    }
}
.hero-content-left,.sign-up-form-wrap{
    z-index:2;
}
.bottom-img{
    position:relative;
    bottom:-10px;
    width:100%;
}
.bottom-img img,.bottom-img-absolute img{
    width:100%;
}
.bottom-img-absolute{
    bottom:-8px;
    width:100%;
    position:absolute;
}
.shape-bg{
   bottom:-8px;
}
.section-shape{
    bottom:-8px;
    left:0;
    right:0;
}
.section-shape img{
    width:100%;
}
.hero-7{
    width:100%;
    position:relative;
}
.hero-7:after{
    content:' ';
    background-image:url("../img/hero-bg-2.jpg");
    background-size:cover;
    background-position:center center;
    position:absolute;
    width:100%;
    border-radius:0;
    transform:skewY(-5deg);
    top:-180px;
    right:0;
    bottom:140px;
    z-index:-1;
}
.hero-7:before{
    position:absolute;
    content:'';
    background:rgba(0,67,139,0.85);
    width:100%;
    height:100%;
    left:0;
    transform:skewY(-5deg);
    top:-140px;
    right:0;
    bottom:-50px;
}
/*hero subscribe form*/
.subscribe-form{
    position:relative;
    display:block;
    width:65%;
}
.subscribe-form #email{
    background:#FDFCFB;
    font-family:inherit;
    color:#737373;
    letter-spacing:1px;
    text-indent:5%;
    border-radius:30px;
}
.subscribe-form input.button{
    position:absolute;
    right:0;
    border-radius:30px;
    padding:initial;
    top:0;
    bottom:0;
    width:30%;
}
/*subscribe form footer*/
.subscribe-form-footer{
    width:100%;
}
.subscribe-form-footer input.form-control{
    padding:1.275rem 0.95rem;
    border-radius:30px;
    background:#ebebeb;
}
.subscribe-form-footer input.button{
    border-radius:0 30px 30px 0;
    box-shadow:none;
}
.subscribe-form-footer .btn.secondary-btn:hover{
    background:#01020c;
    color:#ffffff;
    border-color:#01020c;
}
.shape-img{
    position:relative;
    z-index:2;
    width:100%;
}
.shape-img img{
    width:100%;
    position:absolute;
    max-width:none;
    height:auto;
}
/*animation shape*/
@-webkit-keyframes p1{
    0%{
        left:0px;
        top:0px
    }
    50%{
        left:0;
        top:800px
    }
    100%{
        left:0px;
        top:0px
    }
}
@keyframes p1{
    0%{
        left:800px;
        top:0px
    }
    50%{
        left:0px;
        top:800px
    }
    100%{
        left:800px;
        top:0px
    }
}
@-webkit-keyframes p2{
    0%{
        left:0;
        top:100px
    }
    50%{
        left:0;
        top:800px
    }
    100%{
        left:0;
        top:100px
    }
}
@keyframes p2{
    0%{
        left:0;
        top:100px
    }
    50%{
        left:0px;
        top:800px
    }
    100%{
        left:0;
        top:100px
    }
}
@-webkit-keyframes p3{
    0%{
        left:300px;
        top:900px
    }
    50%{
        left:500px;
        top:0px
    }
    100%{
        left:300px;
        top:900px
    }
}
@keyframes p3{
    0%{
        left:300px;
        top:900px
    }
    50%{
        left:500px;
        top:0px
    }
    100%{
        left:300px;
        top:900px
    }
}
@-webkit-keyframes p4{
    0%{
        left:1000px;
        top:500px
    }
    50%{
        left:00px;
        top:500px
    }
    100%{
        left:1000px;
        top:500px
    }
}
@keyframes p4{
    0%{
        left:1000px;
        top:500px
    }
    50%{
        left:0px;
        top:500px
    }
    100%{
        left:1000px;
        top:500px
    }
}
@-webkit-keyframes p5{
    0%{
        left:500px;
        top:1000px
    }
    50%{
        left:50%;
        top:0px
    }
    100%{
        left:500px;
        top:1000px
    }
}
@keyframes p5{
    0%{
        left:500px;
        top:1000px
    }
    50%{
        left:50%;
        top:0px
    }
    100%{
        left:500px;
        top:1000px
    }
}
@-webkit-keyframes p6{
    0%{
        left:500px;
        top:200px
    }
    50%{
        left:50%;
        top:70%
    }
    100%{
        left:500px;
        top:200px
    }
}
@keyframes p6{
    0%{
        left:500px;
        top:200px
    }
    50%{
        left:50%;
        top:70%
    }
    100%{
        left:500px;
        top:200px
    }
}
@-webkit-keyframes p7{
    0%{
        left:50px;
        top:10%
    }
    50%{
        left:50%;
        top:10%
    }
    100%{
        left:50px;
        top:10%
    }
}
@keyframes p7{
    0%{
        left:50px;
        top:10%
    }
    50%{
        left:50%;
        top:10%
    }
    100%{
        left:50px;
        top:10%
    }
}
@-webkit-keyframes p8{
    0%{
        left:0;
        top:20%
    }
    50%{
        left:50%;
        top:20%
    }
    100%{
        left:0;
        top:20%
    }
}
@keyframes p8{
    0%{
        left:0;
        top:20%
    }
    50%{
        left:50%;
        top:20%
    }
    100%{
        left:0;
        top:20%
    }
}
@-webkit-keyframes p9{
    0%{
        left:1000px;
        top:100px
    }
    50%{
        left:500px;
        top:950px
    }
    100%{
        left:1000px;
        top:100px
    }
}
@keyframes p9{
    0%{
        left:1000px;
        top:100px
    }
    50%{
        left:500px;
        top:950px
    }
    100%{
        left:1000px;
        top:100px
    }
}
.circles{
    overflow:hidden;
    width:100%;
    position:absolute;
    height:1200px;
}
.point{
    border-radius:50%;
    z-index:999;
    position:absolute;
}
.animated-point-1{
    background-color:red;
    height:12px;
    width:12px;
    position:relative;
    -webkit-animation-name:p1;
    -webkit-animation-duration:80s;
    -webkit-animation-iteration-count:infinite;
    animation-name:p1;
    animation-duration:80s;
    animation-iteration-count:infinite;
}
.animated-point-2{
    background-color:green;
    height:15px;
    width:15px;
    position:relative;
    -webkit-animation-name:p2;
    -webkit-animation-duration:90s;
    -webkit-animation-iteration-count:infinite;
    animation-name:p2;
    animation-duration:90s;
    animation-iteration-count:infinite
}
.animated-point-3{
    background-color:orange;
    height:8px;
    width:8px;
    position:relative;
    -webkit-animation-name:p3;
    -webkit-animation-duration:80s;
    -webkit-animation-iteration-count:infinite;
    animation-name:p3;
    animation-duration:80s;
    animation-iteration-count:infinite
}
.animated-point-4{
    background-color:pink;
    height:10px;
    width:10px;
    position:relative;
    -webkit-animation-name:p4;
    -webkit-animation-duration:80s;
    -webkit-animation-iteration-count:infinite;
    animation-name:p4;
    animation-duration:80s;
    animation-iteration-count:infinite
}
.animated-point-5{
    background-color:#ffc64c;
    height:12px;
    width:12px;
    position:relative;
    -webkit-animation-name:p5;
    -webkit-animation-duration:50s;
    -webkit-animation-iteration-count:infinite;
    animation-name:p5;
    animation-duration:50s;
    animation-iteration-count:infinite
}
.animated-point-6{
    background-color:#ffc64c;
    height:10px;
    width:10px;
    position:relative;
    -webkit-animation-name:p6;
    -webkit-animation-duration:70s;
    -webkit-animation-iteration-count:infinite;
    animation-name:p6;
    animation-duration:70s;
    animation-iteration-count:infinite
}
.animated-point-7{
    background-color:orange;
    height:14px;
    width:14px;
    position:relative;
    -webkit-animation-name:p7;
    -webkit-animation-duration:70s;
    -webkit-animation-iteration-count:infinite;
    animation-name:p7;
    animation-duration:70s;
    animation-iteration-count:infinite
}
.animated-point-8{
    background-color:purple;
    height:8px;
    width:8px;
    position:relative;
    -webkit-animation-name:p8;
    -webkit-animation-duration:50s;
    -webkit-animation-iteration-count:infinite;
    animation-name:p8;
    animation-duration:50s;
    animation-iteration-count:infinite
}
.animated-point-9{
    background-color:purple;
    height:12px;
    width:12px;
    position:relative;
    -webkit-animation-name:p9;
    -webkit-animation-duration:100s;
    -webkit-animation-iteration-count:infinite;
    animation-name:p9;
    animation-duration:100s;
    animation-iteration-count:infinite
}
/*hero 2 css*/
.hero-section-2,.hero-section-3{
    position:relative;
    overflow:hidden;
}
.hero-section-2:before{
    content:"";
    position:absolute;
    z-index:-1;
    width:100%;
    height:175%;
    bottom:0;
    background-image:url(../img/hero-bg-shape-3.svg);
    background-repeat:no-repeat;
    background-size:cover;
}
.hero-section-4{
    position:relative;
    z-index:0;
    overflow:hidden;
    padding-top:8rem;
    background:0 0;
    padding-bottom:100px;
}
.hero-section-4 .hero-bg-inner{
    position:absolute;
    z-index:-2;
    top:-40%;
    left:-1rem;
    width:130%;
    height:100%;
    transform:rotate(-12deg);
    border-bottom-left-radius:6rem;
}
.gradient-bg:before{
    position:absolute;
    content:'';
    background-image:linear-gradient(to right,rgba(0,0,0,0.80),rgba(0,0,0,0.80),rgba(0,0,0,0.80),rgba(0,0,0,0.80),rgba(0,0,0,0.80));
    width:100%;
    height:100%;
    top:0;
    left:0;
    border-bottom-left-radius:6rem;
}
@media (max-width:576px) and (min-width:320px){
    .hero-section-4{
        padding-top:55px;
        padding-bottom:0;
    }
    .hero-section-4 .hero-bg-inner{
        transform:none;
    }
}
.shape-image{
    position:absolute;
    width:100%;
    height:auto;
    bottom:76px;
    z-index:0;
    left:268px;
    overflow:hidden;
    background-size:cover;
    right:0;
}
@media (min-width:320px) and (max-width:767px){
    .shape-image{
        display:none;
    }
}
/*hero background video css*/
.video-section-wrap{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
}
.video-section-wrap .background-video-overly{
    display:flex;
    flex-direction:column;
    justify-content:center;
    background-image:linear-gradient(to right,rgba(0,0,0,0.65),rgba(0,0,0,0.65),rgba(0,0,0,0.60),rgba(0,0,0,0.65),rgba(0,0,0,0.65));
}
/*discount banner css*/
.discount-banner{
    position:relative;
    z-index:999;
    padding:60px 50px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    box-shadow:0 0 15px rgba(0,0,0,0.3);
}
.discount-banner-top{
    margin-top:-440px;
}
.discount-banner h2{
    line-height:1;
    font-size:6rem;
    font-weight:700;
    margin-bottom:25px;
    margin-left:-12.5px;
}
.discount-btn{
    padding:15px 25px;
    transition:all 0.3s ease-in;
}
.btn.discount-btn:hover{
    background:#ffffff;
    color:#0b0b0b;
}
.discount-banner .form-control{
    border-radius:4px !important;
}
/*=========================================
            06. PROMO SECTION CSS
============================================*/
.single-promo span{
    font-size:70px;
    line-height:inherit;
    margin-bottom:20px;
}
.single-promo-1{
    box-shadow:0 3px 20px 0px rgba(0,0,0,0.12);
    border-radius:1.5rem !important;
}
.single-promo-1 span{
    font-size:40px;
    background-image:url("../img/promo-icon-bg.svg");
    background-size:85px;
    padding:30px;
    background-repeat:no-repeat;
    background-position:45% 30%;
    color:#01020c;
}
.single-promo img{
    width:70px;
    height:70px;
    margin-bottom:20px;
}
.single-promo .img-full-box{
    width:auto !important;
    height:auto !important;
}
.single-promo-hover{
    transition:all .2s ease-out;
    will-change:transform;
}
.single-promo-hover:hover{
    transform:translateY(-10px);
    box-shadow:0 1rem 3rem rgba(31,45,61,.125)!important;
}
/*promo section new style*/
.single-promo-card{
    transition:all .2s ease;
    box-shadow:0 3px 20px 0 rgba(0,0,0,0.12);
}
.card.single-promo-card{
    border:1px solid #eff2f7;
    border-radius:1rem;
}
.card.single-promo-card:hover{
    background:#01020c;
    color:#ffffff;
}
.card.single-promo-card:hover  span,.card.single-promo-card:hover h5,.card.single-promo-card:hover p.text-muted{
    color:#ffffff !important;
}
.single-promo-card .card-body{
    padding:1.5rem;
}
/*client section css*/
.client-section-wrap ul{
    display:block;
}
.client-section-wrap ul li{
    padding-right:50px;
    margin:5px 0;
}
.client-section-wrap ul li img{
    transition:all 0.3s ease-in;
}
.client-section-wrap ul li img:hover{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    filter:none;
    -webkit-filter:grayscale(0%);
}
.client-section-wrap ul li:last-child{
    padding-right:0;
}
.single-client{
    display:-ms-grid;
    display:grid;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-grid-column-align:center;
    justify-items:center;
    width:60%;
    height:auto;
    -webkit-transition:-webkit-transform .5s ease-in;
    transition:-webkit-transform .5s ease-in;
    transition:transform .5s ease-in;
    transition:transform .5s ease-in,-webkit-transform .5s ease-in;
    margin:8px auto;
}
.single-client img{
    max-width:100%;
    max-height:100%;
    -webkit-filter:opacity(50%);
    /* Safari 6.0 - 9.0 */
    filter:opacity(90%);
    width:100%;
}
.single-client:hover{
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
}
.single-client:hover .client-img{
    -webkit-filter:none;
    filter:none;
    opacity:1;
}
/*=========================================
            07. ABOUT US CSS
============================================*/
.switchable{
    position:relative;
}
.imageblock-section{
    position:relative;
    padding:0;
}
.imageblock-section .imageblock-section-img{
    position:absolute;
    height:100%;
    top:0;
    z-index:2;
    padding:0;
}
.switchable.switchable-content div[class*='col-']:first-child{
    float:right;
    right:0;
    left:auto;
}
.switchable > div[class*='col-']{
    padding:0;
}
.background-image-holder{
    position:absolute;
    height:100%;
    top:0;
    left:0;
    background-size:cover !important;
    background-position:50% 50% !important;
    z-index:0;
    transition:opacity .3s linear;
    -webkit-transition:opacity .3s linear;
    opacity:0;
    background:#252525;
}
.overlay-color{
    position:relative;
    display:block;
    width:100%;
}
.overlay-color:before{
    position:absolute;
    content:'';
    background-image:linear-gradient(to right,rgba(0,0,0,0.80),rgba(0,0,0,0.80),rgba(0,0,0,0.80),rgba(0,0,0,0.80),rgba(0,0,0,0.80));
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:1;
}
.background-image-holder:not([class*='col-']){
    width:100%;
}
.switchable div[class*='col-']:first-child{
    float:left;
    right:auto;
}
@media (max-width:767px){
    .switchable .imageblock-section-img[class*='col-']{
        float:none !important;
    }
}
.switchable > div[class*='col-']{
    padding:0;
}
@media (max-width:767px){
    .imageblock-section .imageblock-section-img{
        position:relative;
        min-height:18.57142857em;
    }
}
@media (min-width:768px){
    .switchable .container > .row{
        flex-flow:row-reverse;
    }
    .switchable.switchable-content .container > .row{
        flex-flow:row;
    }
}
.single-card{
    width:calc(50% - 25px);
    margin-left:25px;
    margin-bottom:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:box-shadow .3s ease-in-out 0s;
    box-sizing:border-box;
    box-shadow:0 8px 20px 0 rgba(16,66,97,.07);
    padding:35px 15px;
    border-radius:10px;
    float:left;
    text-align:center;
}
.single-card:nth-child(2n){
    position:relative;
    top:40px;
}
.single-card h3{
    font-size:34px;
    color:inherit!important;
    margin:0;
    line-height:34px;
    font-weight:700;
    position:relative;
}
.single-card span{
    font-size:2.95714286em;
    line-height:1.75125468em;
}
.counter-card{
    float:none;
    display:block;
    overflow:hidden;
    width:auto;
    margin:auto;
}
.box-animation-1{
    animation:animation-1 5s ease-out infinite;
}
.box-animation-2{
    animation:animation-2 4s ease-out infinite;
}
.box-animation-3{
    animation:animation-3 5s ease-out infinite;
}
.box-animation-4{
    animation:animation-4 4s ease-out infinite;
}
@keyframes animation-1{
     50%{
         transform:translate(0,20px);
     }
 }
@keyframes animation-2{
    50%{
        transform:translate(0,35px);
    }
}
@keyframes animation-3{
    50%{
        transform:translate(0,25px);
    }
}
@keyframes animation-4{
    50%{
        transform:translate(0,40px);
    }
}
@keyframes shrink{
    0%{
        width:90%;
        margin:0 5%;
    }
    50%{
        width:60%;
        margin:0 18%;
    }
    100%{
        width:90%;
        margin:0 5%;
    }
}
/*about us app*/
.overflow-hidden{
    overflow:hidden;
}
.background-shape-img{
    position:relative;
}
.background-shape-img:before{
    content:"";
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    top:0;
    background-image:url("../img/about-bg-shape.svg");
    background-repeat:no-repeat;
    background-size:cover;
}
/*sports mode css*/
.sports-mode-list{
    width:100%;
    display:block;
}
.sports-mode-list li{
    transition:all 0.3s ease-in;
}
.sports-mode-list li:hover{
    background:#01020c;
}
.sports-mode-list li:hover span:before{
    color:#ffffff !important;
}
.sports-mode-list li span:before{
    font-size:35px;
    line-height:35px;
    margin:0 !important;
    display:block;
}
[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after{
    font-size:25px;
    line-height:25px;
    margin:0 !important;
    display:block;
}
/*=========================================
            08. FEATURE SECTION CSS
============================================*/
.icon-md{
    font-size:32px;
    line-height:35px;
}
.icon-lg{
    font-size:70px;
    line-height:75px;
}
.single-feature .icon{
    font-size:22px;
    line-height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px;
}
.icon-box-wrap{
    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;
}
.core-feature-list li{
    display:inline-block;
    width:120px;
    margin:10px 10px 10px 0;
    font-size:13px;
}
.icon-box{
    height:55px;
    width:55px;
    border-radius:50%;
    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);
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.icon-box span{
    font-size:25px;
    line-height:55px;
    margin-bottom:15px;
}
.icon-box img{
    vertical-align:middle;
    border-style:none;
}
.icon-box.gray-light-bg{
    background:#f4f7fa;
}
.icon-box-wrap p{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
}
.single-feature-icon{
    box-shadow:0 .3rem 1rem rgba(0,0,0,.15);
}
.single-feature-hover{
    z-index:0;
    position:relative;
    background:#ffffff;
    box-shadow:0 0 0 1px #ebebeb;
    padding:10px;
    box-sizing:border-box;
    -webkit-transition:box-shadow 0.3s ease,z-index 0s 0.3s ease,-webkit-transform 0.3s ease;
    transition:box-shadow 0.3s ease,z-index 0s 0.3s ease,-webkit-transform 0.3s ease;
    transition:box-shadow 0.3s ease,transform 0.3s ease,z-index 0s 0.3s ease;
    transition:box-shadow 0.3s ease,transform 0.3s ease,z-index 0s 0.3s ease,-webkit-transform 0.3s ease;
}
.single-feature-hover:hover{
    z-index:1;
    box-shadow:0 8px 50px rgba(0,0,0,0.2);
    -webkit-transform:scale(1.05);
    transform:scale(1.05);
    border-radius:4px;
    -webkit-transition:box-shadow 0.1s ease,z-index 0s 0.1s ease,-webkit-transform 0.1s ease;
    transition:box-shadow 0.1s ease,z-index 0s 0.1s ease,-webkit-transform 0.1s ease;
    transition:box-shadow 0.1s ease,transform 0.1s ease,z-index 0s 0.1s ease;
    transition:box-shadow 0.1s ease,transform 0.1s ease,z-index 0s 0.1s ease,-webkit-transform 0.3s ease;
}
.border{
    border-color:#ebebeb;
}
.single-services span{
    margin-bottom:15px;
    display:block;
}
.feature-list li{
    position:relative;
    padding:0 0 10px 22px;
    margin:0 0 10px 0;
    border-bottom:1px solid rgba(0,0,0,0.1);
}
.feature-list li:before{
    content:"\e6af";
    position:absolute;
    top:1px;
    left:0;
    font-family:'themify';
    font-weight:400;
    color:#ed1c24;
}
/*feature new style*/
.icon-shape{
    display:inline-block;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    border-radius:0.25rem;
}
.icon{
    width:50px;
    height:50px;
}
.icon span{
    line-height:50px;
    font-size:22px;
}
/*feature tab style*/
.feature-tab.nav-tabs{
    border-bottom:0;
}
.feature-tab li{
    margin-right:10px;
}
.feature-tab li:last-child{
    margin-right:0;
}
.feature-tab li a span{
    color:#ed1c24;
    margin-right:5px;
}
/*feature tab circle css*/
.feature-tab-content{
    min-height:160px;
}
.feature-tab-circle li{
    min-width:150px;
    text-align:center;
    padding:0 15px;
    border-right:1px solid #ebebeb;
    font-size:13px;
    font-family:'Montserrat',sans-serif;
    font-weight:500;
}
.feature-tab-circle li.nav-item{
    margin:1.65rem 0 0;
}
@media (min-width:320px) and (max-width:575px){
    .feature-tab-circle li{
        width:135px;
        padding:0 12px;
        border:none;
        min-width:inherit;
    }
}
.feature-tab-circle li:last-child{
    border-right:none;
}
.feature-tab-circle li a{
    display:block;
    text-decoration:none;
}
.feature-tab-circle li a.active span{
    background:#ed1c24;
    color:#ffffff;
    border-color:#ebebeb !important;
}
.feature-tab-circle li a.h6{
    line-height:30px;
}
.feature-tab-circle li a span{
    font-size:26px;
    border:4px solid #ebebeb;
    border-radius:50%;
    color:#0c0215;
    display:block;
    width:60px;
    height:60px;
    line-height:55px;
    text-align:center;
    margin:auto;
    background:#ffffff;
}
.feature-tab-circle li a span:before{
    font-size:26px;
    line-height:inherit;
}
/*key features list*/
.key-feature-list li{
    width:100%;
    display:block;
}
.key-feature-list li span{
    font-weight:600;
    font-family:'Montserrat',sans-serif;
    margin-right:10px;
    font-size:14px;
    width:30%;
}
.key-feature-list li p{
    display:block;
    width:70%;
}
/*core feature two css*/
.core-feature-list-2{
    width:100%;
    display:block;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -js-display:flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.core-feature-list-2 li{
    -webkit-box-flex:1;
    -ms-flex:1 1 50%;
    flex:1 1 50%;
    max-width:50%;
    font-weight:400;
    padding:10px 10px 10px 0;
    font-size:16px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
}
/*=========================================
            09. PRODUCT CSS
============================================*/
.product-info h4{
    font-size:16px;
    line-height:18px;
}
.product-price del{
    font-size:13px;
    opacity:0.5;
}
.product-price span{
    font-weight:bold;
}
/*=========================================
            09. VIDEO PROMO CSS
============================================*/
.background-img{
    position:relative;
    width:100%;
    display:block;
}
.background-img:before{
    position:absolute;
    content:'';
    background-image:linear-gradient(to right,rgba(0,0,0,0.80),rgba(0,0,0,0.80),rgba(0,0,0,0.80),rgba(0,0,0,0.80),rgba(0,0,0,0.80));
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.video-promo-content{
    transition:all 800ms ease-in-out;
}
.video-promo-content a img{
    transition:all 800ms ease-in-out;
}
.video-promo-content a img:hover{
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); /* Chrome,Safari,Opera */
    transform:rotate(45deg);
}
.video-play-icon{
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    position:relative;
    z-index:4;
    display:inline-block;
    border:2px solid #ffffff;
    cursor:pointer;
    background:#ffffff;
}
.video-play-icon span{
    position:absolute;
    text-align:center;
    width:100%;
    top:25%;
    font-size:23px;
    left:2px;
}
.video-promo-content a.video-play-icon-without-bip:hover span{
    color:#ffffff;
}
.video-promo-content a.video-play-icon{
    border-radius:50%;
    display:block;
    -webkit-animation:ripple-white 1s linear infinite;
    animation:ripple-white 1s linear infinite;
    -webkit-transition:.5s
}
.video-promo-content a.video-play-icon-without-bip{
    animation:none;
}
.video-promo-content a.video-play-icon-without-bip:hover{
    -webkit-animation:ripple-white 1s linear infinite;
    animation:ripple-white 1s linear infinite;
    -webkit-transition:.5s;
    background-color:#ed1c24;
}
@-webkit-keyframes ripple-white{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 10px rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1);
        box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 10px rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1)
    }
    100%{
        -webkit-box-shadow:0 0 0 10px rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 30px rgba(255,255,255,0);
        box-shadow:0 0 0 10px rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 30px rgba(255,255,255,0)
    }
}
@keyframes ripple-white{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 10px rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1);
        box-shadow:0 0 0 0 rgba(255,255,255,0.1),0 0 0 10px rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1)
    }
    100%{
        -webkit-box-shadow:0 0 0 10px rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 30px rgba(255,255,255,0);
        box-shadow:0 0 0 10px rgba(255,255,255,0.1),0 0 0 20px rgba(255,255,255,0.1),0 0 0 30px rgba(255,255,255,0)
    }
}
/*highlight info css*/
.item-highlight-info{
    width:900px;
    margin:0 auto;
    text-align:center;
    overflow:hidden;
}
.highlight-text .number{
    font-size:6em;
    color:#ed1c24;
    line-height:90%;
    font-weight:700;
    font-family:'Montserrat',sans-serif;
}
.highlight-text .number  sup{
    left:.1em;
    font-size:.3em;
    font-weight:500;
}
/*=========================================
            10. COUNTER CSS
============================================*/
.counter-wrap{
    background:#ffffff;
    width:100%;
    display:block;
    position:relative;
    bottom:-60px;
    padding:30px 0;
    border-radius:6px;
    box-shadow:0 2px 15px 0 rgba(0,0,0,0.12);
}
.counter-wrap{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    grid-auto-flow:dense;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(255px,1fr));
}
.counter-wrap li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:hidden;
    text-align:center;
    border-right:1px solid #ebebeb;
    margin:10px 0 !important;
}
.counter-wrap li:last-child{
    border-right:none;
    margin-right:0 !important;
}
.single-counter span{
    font-weight:bold;
    font-family:'Montserrat',sans-serif;
    color:#ed1c24;
    font-size:35px;
    line-height:28px;
}
/*counter new style*/
.counter-new-wrap{
    position:relative;
    z-index:3;
    width:630px;
    margin:0 auto;
    padding:15px;
}
@media (min-width:320px) and (max-width:576px){
    .counter-new-wrap{
        padding:3.5rem 15px;
    }
}
.counter-new-wrap ul{
    width:100%;
}
.counter-new-wrap li{
    width:45%;
    border-radius:4px;
    display:inline-block;
    float:left;
    padding-bottom:50px;
    text-align:center;
}
.counter-new-wrap li:nth-last-child(-n+2){
    padding-bottom:0;
}
/*=========================================
            11. FAQ CSS
============================================*/
.accordion-faq .card{
    margin-bottom:1.5rem;
    border-radius:0.375rem !important;
    box-shadow:0 0.75rem 1.5rem rgba(18,38,63,0.03);
    background:#ffffff;
}
.accordion-faq.accordion > .card{
    overflow:hidden;
}
.accordion-faq.accordion .card-header{
    position:relative;
    cursor:pointer;
}
.accordion-faq.accordion .card-header:first-child{
    border-radius:calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
}
.accordion-faq.accordion .card-header{
    border-bottom:1px solid #EFF2F7;
}
.accordion-faq.accordion > .card:not(:first-of-type) .card-header:first-child{
    border-radius:0;
}
.accordion-faq.accordion > .card .card-header{
    margin-bottom:-1px;
}
.accordion-faq.accordion > .card .card-header h6{
    font-weight:500;
    font-family:'Montserrat',sans-serif;
    opacity:0.9;
    display:inline-flex;
}
.accordion-faq.accordion > .card .card-header h6 span{
    font-weight:700;
    font-family:'Montserrat',sans-serif;
    opacity:0.9;
    display:inline-flex;
}
.accordion-faq.accordion > .card .card-header h6 span{
    font-weight:700;
    font-family:'Montserrat',sans-serif;
    font-size:18px;
    line-height:26px;
}
.accordion-faq .collapse.show{
    border-bottom:1px solid rgba(0,0,0,.125);
}
.accordion-faq.accordion .card-header[aria-expanded=false]:after{
    content:"+";
}
.accordion-faq.accordion .card-header[aria-expanded=true]:after{
    content:"-";
}
.accordion-faq.accordion .card-header:after{
    content:"+";
    position:absolute;
    right:1.5rem;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:'Montserrat',sans-serif;
    font-weight:500;
    color:#ffffff;
    opacity:0.8;
}
/*faq new style*/
.single-faq h5 span{
    font-size:20px;
    font-weight:700;
    color:#ed1c24;
    margin-right:5px;
}
/*=========================================
            12. TESTIMONIAL CSS
============================================*/
.testimonial-wrap{
    padding:30px;
}
.testimonial-wrap span.icon{
    font-size:35px;
    color:#202877;
}
.testimonial-wrap blockquote{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    height:127px;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    margin-bottom:0;
}
blockquote:before{
    content:'\201C';
    position:absolute;
    top:22px;
    left:60px;
    transform:translate(-50%,-50%);
    width:3rem;
    height:2rem;
    font:6em/1.08em sans-serif;
    color:#d8d8d8;
}
.client-say{
    position:relative;
    display:inline-block;
}
.client-say p{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    height:95px;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    margin-bottom:0;
    float:left;
    font-style:italic;
}
.client-say img{
    position:relative;
    width:4% !important;
    display:initial !important;
    top:5px;
    margin-right:10px;
}
.client-testimonial .owl-item .author-info img,.client-testimonial-1 .owl-item .author-info img{
    width:80px;
    height:80px;
    display:initial !important;
}
.dot-indicator.owl-theme button.owl-dot span{
    display:inline-block;
    width:12px;
    height:12px;
    box-sizing:border-box;
    background:#d8d8d8;
    border-radius:50%;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
    transition:0.3s;
}
.dot-indicator.owl-theme button.owl-dot:focus{
    border:none;
    outline:none;
}
.dot-indicator.owl-theme button.owl-dot.active span{
    background:#ed1c24;
    border:2px solid transparent;
    -webkit-transform:scale(0.8);
    transform:scale(0.8);
}
.screen-carousel.dot-indicator.owl-theme .owl-nav.disabled+.owl-dots{
    margin-top:20px;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]{
    width:40px;
    height:40px;
    margin:2px;
    box-shadow:0 2px 4px rgba(0,0,0,.175);
    background:#ffffff;
    border-radius:50%;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:focus{
    outline:none;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-] span{
    font-size:20px;
    line-height:20px;
    color:#ed1c24;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover{
    background:#ed1c24 !important;
}
.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover span{
    color:#ffffff !important;
}
.background-shape-right{
    position:relative;
}
.background-shape-right:before{
    content:"";
    position:absolute;
    z-index:-1;
    width:100%;
    height:100%;
    top:0;
    left:50%;
    background-image:url(../img/shape-bg-right.svg);
    background-repeat:no-repeat;
}
/*=========================================
            13. CONTACT FORM CSS
============================================*/
.sign-up-form-wrap{
    display:block;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);
}
.shadow-lg{
    box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;
}
.list-creative>li+li{
    border-top:1px solid #ebebeb;
}
.list-creative>li{
    padding:15px 0;
}
@media (min-width:320px) and (max-width:992px){
    .list-creative>li{
        padding:10px 0;
    }
}
.list-terms-medium{
    position:relative;
    padding-left:30px;
}
.list-terms-medium::before{
    content:'';
    position:absolute;
    top:2px;
    left:0;
    bottom:2px;
    width:4px;
}
.list-terms-medium dt{
    letter-spacing:.1em;
    font-weight:700;
    text-transform:uppercase;
    font-size:14px;
    color:#565656;
}
.list-creative .address::before{
    background:#ed1c24;
}
.list-creative .phone::before{
    background:#d80000;
}
.list-creative .email::before{
    background:#8f0000;
}
.list-terms-medium a,.list-terms-medium p,.list-terms-medium a:active,.list-terms-medium a:focus{
    color:#9b9b9b;
    text-decoration:none;
}
.list-terms-medium a:hover{
    color:#ed1c24;
}
.google-map{
    height:100%;
    margin-bottom:-8px;
}
.google-map iframe{
    width:100%;
    border:0;
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    -webkit-filter:grayscale(99%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility:hidden;  /* Fix for transition flickering */
}
.footer-address li a{
    color:#ed1c24;
    opacity:0.8;
    text-decoration:none;
}
.footer-address li a:hover{
    opacity:1;
}
/*=========================================
            15. FOOTER CSS
============================================*/
.background-img-2{
    position:relative;
    display:block;
    width:100%;
}
.background-img-2:before{
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.footer-top{
    padding:5.625rem 0;
}
@media (min-width:320px) and (max-width:991px){
    .footer-top{
        padding:3.125rem 0;
    }
}
.page-footer{
    background:#fff;
    padding:50px 0 20px;
}
.social-list-wrap ul li span{
    font-size:15px;
    line-height:inherit;
    vertical-align:middle;
}
.footer-nav-wrap ul li strong{
    font-size:18px;
    line-height:19px;
    font-weight:bold;
}
.footer-nav-wrap ul li a{
    font-size:14px;
    line-height:19px;
    color:inherit;
    opacity:0.8;
}
.support-list li span{
    font-size:20px;
    line-height:25px;
}
.footer-nav-wrap ul li a:hover,.copyright-text a:hover,.social-list li a:hover{
    opacity:1;
    text-decoration:none;
}
.copyright-text{
    font-size:14px;
}
.social-list li span{
    padding:6px;
}
.social-list li a,.copyright-text a{
    color:#ed1c24;
    opacity:0.9;
}
.fa-ft{
    width:25px;
    display:block;
    font-size:25px;
    line-height:25px;
    margin:0 !important;
}
.fa-ft.bump{
    padding-left:4.6875px;
}
.fa-ft.bump-xs{
    padding-left:2.75px;
}
.fa-ft.bump-2xs{
    padding-left:1px;
}
.single-product h4{
    font-size:32px;
    line-height:36px;
}
.single-product h5{
    font-size:2.5em;
}
.single-product .product-price del{
    font-size:26px;
}
.single-product .btn{
    transform:scale(1.5);
}
.single-product .product-info h4{
    text-transform:uppercase;
}
.subscribe-form.subscribe-form-footer .btn{
    font-size:2em;
}
.nav-item .nav-link{
    text-transform:uppercase;
}
a.lead{
    color:#EEE;
}
a.lead:hover,
a.lead:focus{
    color:#CCC;
    text-decoration:none;
}