/*price section*/

.price_schedule_sec {
    display: inline-block;
    width: 100%;
    padding: 100px 70px 100px 70px;
        background-image: linear-gradient(97deg, rgb(0 0 0 / 94%) 0%, rgb(0 0 0 / 93%) 20%, rgba(0, 0, 0, 0) 80%, rgb(35 35 35 / 45%) 100%), url(../png/plan-per-project-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 70px;
    background-position: center;

}
.price_schedule_sec h1{
    font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;
    font-weight:700;
    font-style:normal;
    font-size:32px;
    line-height:40px;
    text-transform:uppercase;
    color:#fff;
    width:100%;
    margin-bottom:16px
}
.price_schedule_sec a{
    cursor:pointer;
    background-color:#ed7532;
    border:1px solid #ed7532;
    color:#fff;
    padding:0px 18px;
    float:left;
    transition:all .4s ease-in-out;
    font-size: 14px;
    line-height: 35px;
    font-family: Poppins, Arial, Helvetica, sans-serif;
}
.price_schedule_sec a:focus,.price_schedule_sec a:hover{
    color:#ed7532;
    background-color:#fff
}
.price_schedule_sec p{
    color:#fff;
    margin-bottom:20px;
    max-width:70%;
    font-size:16px;
    line-height:24px
}
.price_schedule_sec h2 {
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 16px;
}

/*New brena section media css*/

.simple-text-transition{
    -webkit-transition:color .35s ease-in-out;
    -moz-transition:color .35s ease-in-out;
    -o-transition:color .35s ease-in-out;
    -ms-transition:color .35s ease-in-out;
    transition:color .35s ease-in-out
}
.simple-bg-transition{
    -webkit-transition:background-color .35s ease-in-out;
    -moz-transition:background-color .35s ease-in-out;
    -o-transition:background-color .35s ease-in-out;
    -ms-transition:background-color .35s ease-in-out;
    transition:background-color .35s ease-in-out
}
.simple-bdc-transition{
    -webkit-transition:border-color .35s ease-in-out;
    -moz-transition:border-color .35s ease-in-out;
    -o-transition:border-color .35s ease-in-out;
    -ms-transition:border-color .35s ease-in-out;
    transition:border-color .35s ease-in-out
}
.simple-bdc-transition{
    -webkit-transition:opacity .35s ease-in-out;
    -moz-transition:opacity .35s ease-in-out;
    -o-transition:opacity .35s ease-in-out;
    -ms-transition:opacity .35s ease-in-out;
    transition:opacity .35s ease-in-out
}
@font-face{
    font-family:"Roboto Condensed";
    src:url(../woff2/robotocondensed-bold.woff2) format("woff2"),url(../woff/robotocondensed-bold.woff) format("woff"),url(../ttf/robotocondensed-bold.ttf) format("truetype");
    font-weight:'bold';
    font-display:swap
}
@font-face{
    font-family:"Roboto Condensed";
    src:url(../woff2/robotocondensed-regular.woff2) format("woff2"),url(../woff/robotocondensed-regular.woff) format("woff"),url(../ttf/robotocondensed-regular.ttf) format("truetype");
    font-weight:'normal';
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Roboto Condensed";
    src:url(../woff2/robotocondensed-light.woff2) format("woff2"),url(../woff/robotocondensed-light.woff) format("woff"),url(../ttf/robotocondensed-light.ttf) format("truetype");
    font-weight:300;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Poppins Black";
    src:url(../woff2/poppins-black.woff2) format("woff2"),url(../woff/poppins-black.woff) format("woff"),url(../ttf/poppins-black.ttf) format("truetype");
    font-weight:900;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Poppins ExtraBold";
    src:url(../woff2/poppins-extrabold.woff2) format("woff2"),url(../woff/poppins-extrabold.woff) format("woff"),url(../ttf/poppins-extrabold.ttf) format("truetype");
    font-weight:800;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Poppins SemiBold";
    src:url(../woff2/poppins-semibold.woff2) format("woff2"),url(../woff/poppins-semibold.woff) format("woff"),url(../ttf/poppins-semibold.ttf) format("truetype");
    font-weight:600;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Poppins Bold";
    src:url(../woff2/poppins-bold.woff2) format("woff2"),url(../woff/poppins-bold.woff) format("woff"),url(../ttf/poppins-bold.ttf) format("truetype");
    font-weight:'bold';
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Poppins Medium";
    src:url(../woff2/poppins-medium.woff2) format("woff2"),url(../woff/poppins-medium.woff) format("woff"),url(../ttf/poppins-medium.ttf) format("truetype");
    font-weight:500;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:Poppins;
    src:url(../woff2/poppins-regular.woff2) format("woff2"),url(../woff/poppins-regular.woff) format("woff"),url(../ttf/poppins-regular.ttf) format("truetype");
    font-weight:'normal';
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Poppins Light";
    src:url(../woff2/poppins-light.woff2) format("woff2"),url(../woff/poppins-light.woff) format("woff"),url(../ttf/poppins-light.ttf) format("truetype");
    font-weight:300;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Poppins ExtraLight";
    src:url(../woff2/poppins-extralight.woff2) format("woff2"),url(../woff/poppins-extralight.woff) format("woff"),url(../ttf/poppins-extralight.ttf) format("truetype");
    font-weight:200;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Poppins Thin";
    src:url(../woff2/poppins-thin.woff2) format("woff2"),url(../woff/poppins-thin.woff) format("woff"),url(../ttf/poppins-thin.ttf) format("truetype");
    font-weight:100;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Poppins Italic";
    src:url(../woff2/poppins-italic.woff2) format("woff2"),url(../woff/poppins-italic.woff) format("woff"),url(../ttf/poppins-italic.ttf) format("truetype");
    font-weight:'normal';
    font-style:'italic';
    font-display:swap
}
@font-face{
    font-family:"Rubik Black";
    src:url(../woff2/rubik-black.woff2) format("woff2"),url(../woff/rubik-black.woff) format("woff"),url(../ttf/rubik-black.ttf) format("truetype");
    font-weight:900;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Rubik Bold";
    src:url(../woff2/rubik-bold.woff2) format("woff2"),url(../woff/rubik-bold.woff) format("woff"),url(../ttf/rubik-bold.ttf) format("truetype");
    font-weight:'bold';
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Rubik Medium";
    src:url(../woff2/rubik-medium.woff2) format("woff2"),url(../woff/rubik-medium.woff) format("woff"),url(../ttf/rubik-medium.ttf) format("truetype");
    font-weight:500;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:Rubik;
    src:url(../woff2/rubik-regular.woff2) format("woff2"),url(../woff/rubik-regular.woff) format("woff"),url(../ttf/rubik-regular.ttf) format("truetype");
    font-weight:'normal';
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Rubik Light";
    src:url(../woff2/rubik-light.woff2) format("woff2"),url(../woff/rubik-light.woff) format("woff"),url(../ttf/rubik-light.ttf) format("truetype");
    font-weight:300;
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Font Awesome 5 Pro Regular";
    src:url(../woff2/fa-regular-400.woff2) format("woff2"),url(../woff/fa-regular-400.woff) format("woff"),url(../ttf/fa-regular-400.ttf) format("truetype");
    font-weight:'normal';
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Font Awesome 5 Pro Solid";
    src:url(../woff2/fa-solid-900.woff2) format("woff2"),url(../woff/fa-solid-900.woff) format("woff"),url(../ttf/fa-solid-900.ttf) format("truetype");
    font-weight:'normal';
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Font Awesome 5 Pro Light";
    src:url(../woff2/fa-light-300.woff2) format("woff2"),url(../woff/fa-light-300.woff) format("woff"),url(../ttf/fa-light-300.ttf) format("truetype");
    font-weight:'normal';
    font-style:'normal';
    font-display:swap
}
@font-face{
    font-family:"Font Awesome 5 Pro Brands";
    src:url(../woff2/fa-brands-400.woff2) format("woff2"),url(../woff/fa-brands-400.woff) format("woff"),url(../ttf/fa-brands-400.ttf) format("truetype");
    font-weight:'normal';
    font-style:'normal';
    font-display:swap
}
.roboto-bold{
    font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;
    font-weight:700;
    font-style:normal;
    font-display:swap
}
.roboto-regular{
    font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;
    font-weight:400;
    font-style:normal;
    font-display:swap
}
.roboto-light{
    font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;
    font-weight:300;
    font-style:normal;
    font-display:swap
}
.poppins-black{
    font-family:'Poppins Black',Arial,Helvetica,sans-serif;
    font-weight:900;
    font-style:normal;
    font-display:swap
}
.poppins-extra-bold{
    font-family:'Poppins ExtraBold',Arial,Helvetica,sans-serif;
    font-weight:800;
    font-style:normal;
    font-display:swap
}
.poppins-semi-bold{
    font-family:'Poppins SemiBold',Arial,Helvetica,sans-serif;
    font-weight:600;
    font-style:normal;
    font-display:swap
}
.poppins-bold{
    font-family:'Poppins Bold',Arial,Helvetica,sans-serif;
    font-weight:700;
    font-style:normal;
    font-display:swap
}
.poppins-medium{
    font-family:'Poppins Medium',Arial,Helvetica,sans-serif;
    font-weight:500;
    font-style:normal;
    font-display:swap
}
.poppins-regular{
    font-family:Poppins,Arial,Helvetica,sans-serif;
    font-weight:400;
    font-style:normal;
    font-display:swap
}
.poppins-light{
    font-family:'Poppins Light',Arial,Helvetica,sans-serif;
    font-weight:300;
    font-style:normal
}
.poppins-extra-light{
    font-family:'Poppins ExtraLight',Arial,Helvetica,sans-serif;
    font-weight:200;
    font-style:normal;
    font-display:swap
}
.poppins-thin{
    font-family:'Poppins Thin',Arial,Helvetica,sans-serif;
    font-weight:100;
    font-style:normal;
    font-display:swap
}
.poppins-italic{
    font-family:'Poppins Italic',Arial,Helvetica,sans-serif;
    font-weight:400;
    font-style:italic;
    font-display:swap
}
.rubik-black{
    font-family:'Rubik Black',Arial,Helvetica,sans-serif;
    font-weight:900;
    font-style:normal;
    font-display:swap
}
.rubik-bold{
    font-family:'Rubik Bold',Arial,Helvetica,sans-serif;
    font-weight:700;
    font-style:normal;
    font-display:swap
}
.rubik-medium{
    font-family:'Rubik Medium',Arial,Helvetica,sans-serif;
    font-weight:500;
    font-style:normal;
    font-display:swap
}
.rubik-regular{
    font-family:Rubik,Arial,Helvetica,sans-serif;
    font-weight:400;
    font-style:normal;
    font-display:swap
}
.rubik-light{
    font-family:'Rubik Light',Arial,Helvetica,sans-serif;
    font-weight:300;
    font-style:normal;
    font-display:swap
}
.far{
    font-family:'Font Awesome 5 Pro Regular';
    font-weight:400
}
.fas{
    font-family:'Font Awesome 5 Pro Solid';
    font-weight:900
}
.fal{
    font-family:'Font Awesome 5 Pro Light';
    font-weight:300
}
.fab{
    font-family:'Font Awesome 5 Pro Brands';
    font-weight:400
}
.fa{
    display:inline-block;
    font-family:'Font Awesome 5 Free';
    font-feature-settings:normal;
    font-kerning:auto;
    font-language-override:normal;
    font-size:inherit;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-synthesis:weight style;
    font-variant:normal;
    font-weight:400;
    line-height:1;
    text-rendering:auto
}
.material-icons{
    font-family:'Material Icons';
    font-weight:400;
    font-style:normal;
    font-size:24px;
    display:inline-block;
    line-height:1;
    text-transform:none;
    letter-spacing:normal;
    word-wrap:normal;
    white-space:nowrap;
    direction:ltr;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing:grayscale;
    font-feature-settings:'liga'
}
@keyframes fade-in{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fade-out{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.modal-animated-in{
    animation:totop-in .3s ease
}
.modal-animated-out{
    animation:totop-out .3s ease forwards
}
@keyframes totop-in{
    0%{
        top:600px;
        opacity:0
    }
    100%{
        top:0;
        opacity:1
    }
}
@keyframes totop-out{
    0%{
        top:0;
        opacity:1
    }
    100%{
        top:-100%;
        opacity:0
    }
}
.animateIn{
    -webkit-animation:accordionIn .45s normal ease-in-out both 1;
    animation:accordionIn .45s normal ease-in-out both 1
}
.animateOut{
    -webkit-animation:accordionOut .45s alternate ease-in-out both 1;
    animation:accordionOut .45s alternate ease-in-out both 1
}
@-webkit-keyframes accordionIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.9) rotateX(-60deg);
        transform:scale(.9) rotateX(-60deg);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes accordionIn{
    0%{
        opacity:0;
        -webkit-transform:scale(.9) rotateX(-60deg);
        transform:scale(.9) rotateX(-60deg);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes accordionOut{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.9) rotateX(-60deg);
        transform:scale(.9) rotateX(-60deg)
    }
}
@keyframes accordionOut{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(.9) rotateX(-60deg);
        transform:scale(.9) rotateX(-60deg)
    }
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,i,iframe,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
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:after,blockquote:before,q:after,q:before{
    content:'';
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
a,a:hover{
    text-decoration:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
a:focus,button:focus,input:focus,li:focus{
    outline:0
}
.link{
    color:#ed7532;
    font-size:16px;
    font-family:Poppins,sans-serif;
    position:relative;
    transition:all .4s ease-in-out
}
.link:focus,.link:hover{
    color:#fff
}
.link i{
    transition:all .4s ease-in-out;
    color:#fff;
    font-size:9px;
    background-color:#ed7532;
    border-radius:50%;
    width:15px;
    height:15px;
    display:inline-flex;
    justify-content:center;
    padding-top:3px;
    position:absolute;
    right:-20px
}
.link:focus i,.link:hover i{
    color:#ed7532;
    background-color:#fff
}
html{
    font-size:62.5%;
    scroll-behavior:smooth;
    overscroll-behavior-y:contain;
    font-family:'Poppins Medium',Arial,Helvetica,sans-serif;
    font-weight:500;
    font-style:normal;
    font-display:swap
}
html.is-mac.no-overscrolling{
    overflow:hidden!important;
    height:100%!important
}
html.is-mac.no-overscrolling body{
    overflow:auto;
    height:100%
}
html body{
    font-size:15px;
    font-size:1.5rem;
    line-height:15px;
    background-color:#151515
}
html body::-webkit-scrollbar-track{
    border-radius:0;
    background-color:#1e1e1e
}
html body::-webkit-scrollbar{
    height:10px;
    width:10px;
    background-color:#f5f5f5
}
html body::-webkit-scrollbar-thumb{
    border-radius:10px;
    background-color:#ed7532
}
html body [type=button],html body [type=reset],html body [type=submit],html body button{
    -webkit-appearance:inherit
}
html body.scrollMargin{
    margin-right:10px
}
body{
    position:relative
}

.showcase-panels-container>ul>li{
    position:relative
}
.showcase-panels-container>ul>li label{
    position:absolute;
    z-index:4;
    left:10px;
    bottom:10px;
    background:#fff;
    font-family:poppins,arial;
    border-radius:3px;
    padding:2px 9px;
    text-transform:uppercase;
    font-weight:600
}
.showcase-panels-container>ul>li:nth-of-type(1){
    z-index:1;
    width:10%
}
.showcase-panels-container>ul>li:nth-of-type(2){
    z-index:2;
    width:51%;
    overflow:hidden
}
.showcase-panels-container{
    height:370px;
    overflow:hidden
}
.showcase-panels-container>ul>li{
    width:33.33%
}
.showcase-panels-container[data-hover]>ul>li{
    width:10px
}
.showcase-panels-container>ul>li.hovered{
    width:calc(100% - 160px * 3)
}
.control{
    position:absolute;
    width:94px;
    left:-94px
}
.control img{
    width:45px;
    padding-top:70px
}
.containe{
    width:1100px;
    height:350px;
    padding-left:5%
}
.containe .left_01{
    width:675px;
    float:left;
    height:330px;
    position:absolute;
    cursor:pointer;
    box-shadow:10px 0 15px 0 rgb(0 0 0 / 50%);
    -webkit-box-shadow:10px 0 15px 0 rgb(0 0 0 / 50%)
}

.containe .left_01 video{
    width:700px;
}
.containe .left_01 .overlay{
    width:100%;
    background:rgba(0,0,0,.7);
    height:100%;
    position:absolute;
    z-index:2;
    top:0;
    transition:all ease .6s
}
.containe .left_01 .overlay2{
    width:100%;
    background:rgba(0,0,0,0);
    height:100%;
    position:absolute;
    z-index:4;
    top:0;
    transition:all ease .6s
}
.video1{
    height:100%;
    position:relative;
    z-index:3;
    border-radius:6px
}
.video2{
    height:103%;
    position:relative;
    z-index:1
}
.paralax-concept-banner-desktop .ms-section{
    z-index:1
}
.features-scrollmagic-slick{
    display:none
}
.paralax-concept-banner-desktop .title-wrapper.big-title-left{
    text-align:center;
    margin-bottom:30px
}
.paralax-concept-banner-desktop{
    min-height:640px
}
.containe .left_01a:hover .after{
    width:115px
}
.containe .left_01a:hover .after .after-cover{
    width:115px
}
.containe .left_01a:hover .overlay{
    display:none
}
.containe .left_01a:hover .overlay2{
    background:rgba(0,0,0,.8)
}
.containe .left_01.showbefore .after{
    width:140px
}
.containe .left_01.showbefore .after .after-cover{
    width:140px
}
.containe .left_01.showbefore .overlay{
    display:none
}
.containe .left_01 .before{
    width:575px;
    height:350px;
    overflow:hidden;
    border-radius:6px
}
.containe .left_01 .after{
    width:575px;
    height:350px;
    position:absolute;
    right:0;
    top:0;
    transition:all ease .6s;
    border-radius:6px
}
.containe .left_01 .after .after-cover{
    width:575px;
    height:350px;
    position:absolute;
    right:0;
    top:0;
    transition:inherit;
    overflow:hidden;
    border-radius:inherit
}
.containe .right{
    width:350px;
    float:right;
    height:350px;
    color:#fff
}
.containe .right p{
    color:#bfbfbf;
    line-height:32px
}
.containe .right h1{
    font-weight:700
}
.containe .right h1 span{
    font-weight:300
}
.after-label{
    position:absolute;
    color:#fff;
    z-index:7;
    left:50px;
    top:5px;
    border-radius:6px;
    background:#29a5ff;
    font-family:poppins,arial;
    padding:5px 14px;
    text-transform:uppercase;
    font-weight:600
}
.before-label{
    position:absolute;
    color:#fff;
    z-index:4;
    left:35px;
    top:5px;
    border-radius:6px;
    background:#ed7532;
    font-family:poppins,arial;
    padding:5px 14px;
    text-transform:uppercase;
    font-weight:600
}
.panel1 .showcase-panel-title{
    padding-bottom:50px;
    color:#fff;
    background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));
    background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));
    background:-ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));
    background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))
}
.paralax-concept-banner-desktop .container .desc{
    padding-top:20%
}
.paralax-concept-banner-desktop #multiscroll-nav.right.four li:nth-child(3) a span::before{
    content:'';
    display:block;
    background-image:url('../png/pattern-tabs.png');
    background-repeat:no-repeat;
    width:15px;
    height:80px;
    position:absolute;
    top:-80px
}
.paralax-concept-banner-desktop #multiscroll-nav.right.three li:nth-child(2) a span::before{
    content:'';
    display:block;
    background-image:url('../png/pattern-tabs.png');
    background-repeat:no-repeat;
    width:15px;
    height:80px;
    position:absolute;
    top:18px
}
body{
    transition:all .5s ease-in-out
}
body main section.plan-description-banner .container .plane-list .list-item .text{
    min-height:200px
}
body main section.brand-counter-banner .banner-bg-pattern-wrapper:before{
    display:none
}
body main section.brand-counter-banner .banner-bg-pattern-wrapper:after{
    display:block
}
body main section.brand-counter-banner .container .counter-list{
    padding:15px 0 250px 0
}
body main section.detail-hero-banner .hero-descritpion-wrapper .wrapper .title-wrapper figure{
    display:block!important
}
body main section.detail-hero-banner.pro .hero-descritpion-wrapper:before{
    display:none
}
body main section.detail-hero-banner.field .hero-descritpion-wrapper:before{
    display:none
}
body main section.detail-hero-banner .hero-descritpion-wrapper .wrapper .title-wrapper figure img{
    /*max-width:100px;*/
    /*margin-bottom:10px*/
}
.detail-hero-banner .hero-text{
    font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;
    font-size:6.4rem;
    font-weight:800
}
body.animated{
    transition:all .5s ease-in-out;
    overflow-x:hidden
}
body.animated.no-scroll{
    overflow-y:hidden
}
.calendly-link-custom{
    background-color:#ed7532;
    border:1px solid #ed7532;
    color:#fff;
    padding:12px 18px;
    text-decoration:none;
    transition:all .4s ease-in-out
}
.calendly-link-custom:focus,.calendly-link-custom:hover{
    background-color:#fff;
    color:#ed7532
}
.video_play_btn{
    position:relative
}
.vid_play_button{
    position:absolute;
    left:48%;
    top:34%;
    width:50px;
    height:50px;
    border:none;
    background:url(../svg/play-button.svg);
    background-size:100%
}
.start-project-banner .container .row .form-wrapper{
    background:#fff;
    padding:40px 40px 70px;
}
.list-item.col-12.col-md-6.col-lg-4 .myBox{
    width:50%;
    max-width:50%;
    flex:50%;
    padding:45px 20px 45px 20px
}
.umbraco-forms-submitmessage{
    color:green;
    font-size:12px;
    border:1px solid #fff;
    padding:8px 20px;
    border-radius:5px;
    width:100%;
    float:left;
    background:#fff
}
.field-validation-error{
    color:red;
    font-size:11px;
    float:left;
    position:absolute;
    left:0;
    bottom:-18px;
    width:100%;
    text-align:center
}
ul.add-on-box li img.sml_img{
    float:left;
    max-width:40px;
    /*margin-left:10px*/
    margin:5px auto;
}
ul.add-on-box li br {
    display: none;
}
ul.add-on-box li img{
    height: 35px;
    object-fit: contain;
    max-width: 180px;
    float: left;
    margin: 5px auto 0
}
ul.add-on-box{
    float:left;
    width:95%
}
ul.add-on-box li{
    float:left;
    width:100%;
    margin:10px 0;
    border:1px solid #595959;
    padding: 10px 10px;
}
ul.add-on-box li h4{
    float: right;
    color: #fff;
    font-size: 14px;
    margin: 30px 0;
}
.plan-prices-banner .container .plane-price-list .list-item .wrapper .header-wrapper .price_mob{
    font-family:'Poppins Bold',Arial,Helvetica,sans-serif;
    font-weight:700;
    font-size:30px;
    line-height:45px;
    padding-top:15px;
    margin:0;
    padding-bottom:5px;
    z-index:9999;
    text-align:center;
    color:#262626
}
.plan-prices-banner .container .plane-price-list .list-item .wrapper .header-wrapper .price_mob{
    display:block!important
}
.plan-prices-banner .container .plane-price-list .list-item .wrapper .header-wrapper figure .pr_mnth{
    display:block;
    margin-top:14px;
    font-size:12px!important
}
.plan-prices-banner .container .plane-price-list .list-item .wrapper .header-wrapper figure legend h6{
    display:block!important;
    font-family:Poppins,Arial,Helvetica,sans-serif!important;
    font-weight:400!important;
    margin-right:6px;
    text-transform:capitalize;
    font-size:20px
}
.plan-prices-banner .container .plane-price-list .list-item .wrapper .header-wrapper figure legend h6 bold{
    font-weight:700!important;
    margin-left:6px!important
}
.plan-prices-banner .container .plane-price-list .list-item .wrapper .header-wrapper figure legend{
    display:flex!important;
    justify-content:center!important;
    margin-top:20px;
    margin-bottom:20px;
}
.plan-prices-banner .container .plane-price-list .list-item .wrapper .header-wrapper figure legend::after{
    display:none!important
}
.paralax-concept-banner-desktop .container .desc{
    left:30px;
    margin-top:8%
}
.paralax-concept-banner-desktop .container .desc .title-wrapper .number,body main section.paralax-concept-banner-desktop .container .desc .title-wrapper .title{
    color:#fff!important;
    font-size:36px
}
.tree-column-description{
    padding:70px 0 30px 0;
    background:#1e1e1e!important
}
.mobile__header_clas{
    float:left;
    width:100%;
    padding:36px 20px;
    display:none
}
.schedule_sec{
    display:inline-block;
    width:100%;
    padding:76px 0;
    background-image:url(../png/looking-for.png);
    background-repeat:no-repeat;
    background-size:cover
}
.schedule_sec h1{
    font-family:'Roboto Condensed',Arial,Helvetica,sans-serif;
    font-weight:700;
    font-style:normal;
    font-size:32px;
    line-height:44px;
    text-transform:uppercase;
    color:#fff;
    width:100%;
    margin-bottom:16px
}
.schedule_sec a{
    cursor:pointer;
    background-color:#ed7532;
    border:1px solid #ed7532;
    color:#fff;
    padding:12px 18px;
    float:left;
    transition:all .4s ease-in-out
}
.schedule_sec a:focus,.schedule_sec a:hover{
    color:#ed7532;
    background-color:#fff
}
.schedule_sec p{
    color:#fff;
    margin-bottom:20px;
    max-width:70%;
    font-size:16px;
    line-height:24px
}
.schedule_btn{
    font-family:'Poppins Medium',Arial,Helvetica,sans-serif;
    font-style:normal;
    font-size:20px;
    color:#fff
}
.schedule_btn a{
    background-color:#ed7532;
    border:1px solid #ed7532;
    color:#fff;
    padding:13px 30px;
    float:left
}
@media (min-width: 576px){
.modal-dialog {
    max-width: 600px !important;
}
}


/* Slider Section Hardware & Pricing page */
body main section.time-line-banner{
    padding-right: 40px;
    padding-left: 40px;
}
body main section.time-line-banner .owl-wrapper .time-line-owl-carousel .list-item .counter-wrapper{
    -webkit-transition: all 1.8s ease;
    -moz-transition: all 1.8s ease;
    -o-transition: all 1.8s ease;
    transition: all 1.8s ease;
}
body main section.time-line-banner .owl-wrapper .time-line-owl-carousel .list-item .description-wrapper,
body main section.time-line-banner .owl-wrapper .time-line-owl-carousel .list-item .counter-wrapper .date{
    padding-left: 0;
}
body main section.time-line-banner .owl-wrapper .orange-circle-counter{
    z-index: -1;
}
body main section.time-line-banner .owl-wrapper .time-line-owl-carousel .list-item .counter-wrapper .circle-wrapper{
    cursor: pointer;
    pointer-events: all;
    z-index: 999;
    /*left: 0;*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display:inline-block;
     position:relative;
            top:-8px;
}
body main section.time-line-banner .owl-wrapper .time-line-owl-carousel .list-item .counter-wrapper .progress{
    position: absolute;
    top: -2px;
    left: 9px;
    height: 2px;
    background-color: #595959;
    width: 100%;
}
body main section.time-line-banner .owl-wrapper .time-line-owl-carousel .list-item .counter-wrapper .progress .progress-bar{
    background-color: #ed7532 !important;
}
body main section.time-line-banner .owl-wrapper .orange-circle-counter::after {
    display: none;
}
.makeDotOrange{
    background: #ed7532 !important;
    border-color: #ed7532 !important;
}
.makeLineOrange{
    border-top-color:  #ed7532 !important;
}
.makeProgressFull{
    width: 100%;
}
.orangeLine{
    position: absolute;
    top: -2px;
    left: 0;
    border-top: 2px solid #ed7532;
    z-index: 1;
}
.processor_cell {
   font-size:12px ;
   padding: 5px;

}
/*:target:before
{
   content: "";
   display: block;
   height: 300px;
   margin-top: -507px;
}
*/