@charset "utf-8";
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,input,ins,kbd,label,legend,li,object,ol,option,p,pre,q,s,samp,select,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%
}
html{
    -webkit-text-size-adjust:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
q{
    quotes:none
}
q:after,q:before{
    content:'';
    content:none
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:none;
    cursor:pointer
}
:focus{
    outline:0
}
ol,ul{
    margin-left:16px;
    margin-bottom:25px
}
ol li,ul li{
    font-size:16px;
    line-height:25px;
    font-weight:400;
    margin:8px 0
}
table{
    border-collapse:separate;
    border-spacing:0
}
caption,td,th{
    font-weight:400
}
a{
    text-decoration:none
}
a.underline{
    text-decoration:underline;
    font-weight:400!important
}
a.underline:before{
    display:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:""
}
blockquote,q{
    quotes:"" ""
}
table{
    border:0 none;
    border-collapse:collapse;
    border-spacing:0
}
img{
    border:0 none;
    max-width:100%
}
.none{
    display:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
    display:block
}
.clear{
    clear:both
}
img{
    max-width:100%
}
.cf:after,.cf:before{
    content:"";
    display:table
}
.cf:after{
    clear:both
}
::selection{
    background:#ffda30;
    color:#000
}
::-moz-selection{
    background:#ffda30;
    color:#000
}
body{
    margin:0;
    padding:0;
    font-size:14px;
    color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-text-size-adjust:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent;
    font-family:Montserrat,sans-serif;
    height:100%;
    position:relative
}
body:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    bottom:0;
    height:100%;
    transition:.5s all ease-in-out;
    -moz-transition:.5s all ease-in-out;
    -ms-transition:.5s all ease-in-out;
    -webkit-transition:.5s all ease-in-out;
    opacity:0;
    visibility:hidden;
    z-index:9
}
body.cart-active:after{
    background:rgba(0,0,0,.5);
    z-index:999;
    opacity:1;
    visibility:visible
}
.wrapper{
    width:100%;
    overflow:hidden
}
.main{
    width:1230px;
    margin:0 auto;
    padding:0 15px
}
.container-main{
    width:1060px;
    margin:0 auto;
    padding:0 15px
}
.padding-70{
    padding:70px 0
}
.padding-110{
    padding:110px 0
}
.grey-bg{
    background:#f3f3f3!important
}
.white-bg{
    background:#fff!important
}
.yellow-bg{
    background:#ffda30
}
.dark-grey-bg{
    background:#646464
}
.btn.white-bg{
    background-color:transparent!important
}
p{
    font-size:16px;
    line-height:26px;
    padding-bottom:25px;
    color:#000;
    font-weight:400
}
p small{
    font-size:14px
}
h1{
    font-size:50px;
    margin-bottom:20px;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:-.8px
}
h2{
    font-size:40px;
    margin-bottom:25px;
    line-height:1.2;
    text-transform:uppercase;
    font-weight:700
}
h3{
    font-size:32px;
    margin-bottom:20px;
    text-transform:uppercase;
    font-weight:700;
    line-height:1.3
}
h4{
    font-size:23px;
    margin-bottom:25px;
    font-weight:700;
    line-height:1.3
}
h5{
    font-size:18px;
    margin-bottom:20px;
    line-height:1.4;
    font-weight: 400;
}
h6{
    font-size:16px;
    margin-bottom:20px
}
a{
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    outline:0!important;
    color:#000
}
a:hover{
    color:#000
}
h1 span{
    font-weight:400
}
h2 span{
    font-weight:400
}
.btn-wrap{
    width:100%;
    padding:50px 0;
    background:#f0f0f0
}
.btn-wrap .btn,.btn-wrap .btn-small{
    margin:20px 0
}
.btn a{
    display:inline-block;
    font-size:18px;
    text-transform:uppercase;
    color:#000;
    font-weight:700;
    background:#ffda30;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    padding:13px 58px;
    line-height:normal;
    position:relative;
    overflow:hidden;
    z-index:9;
    border:3px solid #ffda30;
    text-align:center
}
.btn-border a:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:-1;
    background-color:#ffda30;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    display:none
}
.btn-border a:hover:before{
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.btn-border a{
    background-color:transparent;
    border:3px solid #ffda30
}
.btn-border a:hover{
    background-color:#ffda30;
    color:#fff
}
.btn-success a{
    background-color:#fff;
    border:3px solid #fff
}
.btn-success a:hover{
    background:#fff;
    color:#000;
    border:3px solid #000
}
.btn-link a{
    font-size:18px;
    font-weight:700;
    position:relative;
    z-index:99;
    display:inline-block
}
.btn-link span{
    font-size:18px;
    font-weight:700;
    position:relative;
    z-index:99;
    display:inline-block;
    line-height:1.5
}
.btn-link a:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:0;
    height:2px;
    background:#000;
    opacity:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.btn-link a i{
    width:25px;
    height:25px;
    text-align:center;
    line-height:22px;
    background:#ffda30;
    border-radius:50%;
    font-size:20px;
    vertical-align:-1px;
    margin-left:5px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    border:2px solid #ffda30;
    text-indent:2px;
    display:inline-block
}
.btn-link span i{
    width:25px;
    height:25px;
    text-align:center;
    line-height:22px;
    background:#fff;
    border-radius:50%;
    font-size:20px;
    vertical-align:-1px;
    margin-left:5px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    border:2px solid #fff;
    text-indent:2px;
    display:inline-block
}
.btn-link a:hover:after{
    width:calc(100% - 30px);
    opacity:1
}
.btn-link a:hover i{
    background:#fff;
    border:2px solid #000
}
.btn-link.full a:hover:after{
    width:100%;
    opacity:1
}
.more-btn a{
    font-size:18px;
    font-weight:700
}
.more-btn a i{
    text-indent:0;
    font-style:normal;
    font-family:Montserrat,sans-serif;
    font-weight:700;
    font-size:20px;
    line-height:1
}
.table-show{
    width:100%;
    margin:30px 0
}
.table-show table{
    border:1px solid #ffda30;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    font-size:14px;
    font-weight:400;
    text-align:center;
    width:100%
}
.table-show table thead{
    background:#ffda30;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px
}
.table-show table thead tr th{
    width:33.333%;
    border-right:1px solid #fff;
    padding:20px 30px;
    font-weight:500;
    line-height:24px
}
.table-show table thead tr th:last-child{
    border-right:0
}
.table-show table tbody tr td{
    border-right:1px solid #ffda30;
    padding:20px;
    border-bottom:1px solid #ffda30;
    font-weight:500;
    margin-top:0;
    margin-bottom:0
}
.table-show table tbody tr:last-child td{
    border-bottom:0
}
.table-show table ul{
    margin:0;
    line-height:1;
    margin-top:10px
}
.table-show table ul li{
    margin:0;
    line-height:1
}
.table-show table tbody tr td.numeric{
    position:relative
}
.table-show table tbody tr td.numeric:after{
    content:'';
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    cursor:not-allowed;
    left:0
}
.table-show table tbody tr td.numeric.enabled:after{
    display:none
}
.table-show table tbody tr td ul{
    margin:0 -15px 0 -15px
}
.table-show table thead tr th i{
    width:14px;
    height:14px;
    background:#fff;
    border-radius:50%;
    display:inline-block;
    font-size:10px!important;
    font-family:Pacifico,cursive;
    font-style:italic;
    font-weight:400;
    text-align:center;
    line-height:13px!important;
    text-indent:-2px;
    vertical-align:middle;
    margin-left:5px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    cursor:pointer
}
.table-show table thead tr th i:hover{
    background:#000;
    color:#fff
}
ul.type-listing{
    margin:0
}
ul.type-listing li{
    display:inline-block;
    vertical-align:top;
    position:relative;
    font-size:14px;
    font-weight:700;
    padding:0 10px
}
.table-show table thead tr th .info,.table-show table ul li .info{
    position:static;
    display:inline;
    vertical-align:0
}
.table-show table thead tr th .info a,.table-show table ul li .info a{
    width:inherit;
    height:inherit;
    background:inherit;
    border-radius:inherit;
    display:inherit;
    font-size:inherit;
    font-style:normal;
    font-weight:inherit;
    text-align:center;
    text-indent:inherit;
    line-height:inherit;
    font-family:inherit
}
ul.type-listing li i{
    width:14px;
    height:14px;
    background:#fff;
    border-radius:50%;
    display:inline-block;
    font-size:10px!important;
    font-family:Pacifico,cursive;
    font-style:italic;
    font-weight:400;
    text-align:center;
    line-height:13px!important;
    text-indent:-2px;
    vertical-align:middle;
    margin-left:5px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    cursor:pointer
}
ul.type-listing li i:hover{
    background:#000;
    color:#fff
}
.btn-small a{
    display:inline-block;
    font-size:14px;
    color:#000;
    font-weight:500;
    background:#ffda30;
    -webkit-border-radius:25px 25px 25px 25px;
    border-radius:25px 25px 25px 25px;
    padding:10px 22px;
    line-height:normal;
    position:relative;
    overflow:hidden;
    z-index:9;
    box-shadow:0 0 0 2px #ffda30 inset;
    -webkit-box-shadow:0 0 0 2px #ffda30 inset;
    border:none
}
.btn-small a i{
    font-size:16px;
    vertical-align:-2px
}
.btn-border a{
    background-color:transparent
}
.btn-border a:hover{
    background-color:transparent;
    color:#000
}
.btn-success a{
    background-color:#fff;
    border:2px solid #fff
}
.btn-success a:hover{
    background:#fff;
    color:#000;
    border:2px solid #000
}
.btn-white a{
    background:#fff
}
.btn-white a:hover{
    box-shadow:0 0 0 2px #000 inset;
    -webkit-box-shadow:0 0 0 2px #000 inset;
    background:#fff
}
.atag_line{
    text-decoration:underline !important;
    position: relative;
    font-weight: 700;
    display: inline-block;
}
.link-un{
    position:relative
}
.link-un:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:0;
    height:1px;
    background:#000;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.link-un:hover:after{
    width:100%
}
.link-un:hover{
    color:#000
}
.btn-grp-small a{
    margin-bottom:6px
}
.btn-inline a{
    display:inline-block;
    margin-bottom:5px
}
.our-client-listing .slick-list{
    margin:0 70px
}
ul.our-client-listing{
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
ul.our-client-listing li{
    list-style:none;
    width:20%;
    margin:0
}
ul.our-client-listing li span{
    font-size:18px;
    font-weight:500
}
ul.our-client-listing li span i{
    background:#ffda30;
    border-color:#ffda30
}
.slick-next{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:99;
    right:0
}
.slick-prev{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:99;
    left:0
}
.slick-next,.slick-prev{
    width:48px;
    height:48px;
    border:2px solid #000;
    border-radius:50%;
    display:inline-block;
    line-height:44px;
    font-size:0;
    text-align:center;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.slick-next:after{
    content:'\f301';
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    font-size:26px;
    color:#000;
    font-family:Material-Design-Iconic-Font;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.slick-prev:after{
    content:'\f2ff';
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    font-size:26px;
    color:#000;
    font-family:Material-Design-Iconic-Font;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.slick-next:hover,.slick-prev:hover{
    border:2px solid #ffda30;
    background:#ffda30
}
.slick-next:hover:after,.slick-prev:hover:after{
    color:#000
}
.yellow-bg .slick-next{
    background-color:transparent
}
.yellow-bg .slick-prev{
    background-color:transparent
}
.yellow-bg .slick-next:hover,.yellow-bg .slick-prev:hover{
    border:2px solid transparent;
    background:#fff
}
.yellow-bg .slick-disabled{
    border:2px solid #000
}
.yellow-bg .slick-disabled:after{
    color:#000
}
.yellow-bg .slick-disabled:hover{
    border:2px solid transparent;
    background:#fff
}
.yellow-bg .slick-disabled:hover:after{
    color:#000
}
.slick-dots li{
    display:inline-block;
    vertical-align:middle;
    margin:0 7px;
    width:auto;
    height:auto
}
.owl-carousel .owl-dots{
    position:static;
    left:0;
    right:0;
    text-align:center;
    margin-top:20px
}
.slick-dots li button:hover,.slick-dots li.slick-active button{
    background:#edcf31;
    box-shadow:0 0 0 1px #edcf31 inset;
    -webkit-box-shadow:0 0 0 1px #edcf31 inset
}
.slick-dots li button{
    width:7px;
    height:7px;
    border-radius:100%;
    -webkit-border-radius:100%;
    background:#fff;
    display:block;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    font-size:0;
    box-shadow:0 0 0 1px #000 inset;
    -webkit-box-shadow:0 0 0 1px #000 inset
}
.slick-dots li button:before{
    display:none
}
.our-client-listing.slick-initialized .slick-slide{
    float:none;
    display:inline-block;
    vertical-align:middle
}
.slick-initialized .slick-slide{
    float:none;
    display:inline-block;
    vertical-align:middle
}
.client-logo-listing{
    margin:20px 0 50px;
    display:inline-block;
    width:100%
}
.client-logo-listing ul{
    margin:0 auto
}
.client-logo-listing ul li{
    list-style:none;
    display:inline-block;
    vertical-align:middle;
    margin:0 15px
}
.client-logo-listing ul li a{
    display:inline-block
}
.client-logo-listing ul li img{
    display:block
}
.submit-feild input[type=button]{
    display:inline-block;
    background:#ffda30;
    padding:16px 30px;
    font-size:18px;
    color:#000;
    font-weight:700;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    letter-spacing:.3px;
    border:2px solid #ffda30;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    height:55px;
    font-family:Montserrat,sans-serif;
    text-transform:uppercase
}
.submit-feild input[type=button]:focus,.submit-feild input[type=button]:hover{
    border:2px solid #000;
    background-color:transparent
}
.submit-feild:focus input[type=button],.submit-feild:hover input[type=button]{
    background-color:transparent
}
.button-border input[type=button]{
    background:#fff;
    border:3px solid #ffda30
}
.button-border input[type=button]:focus,.button-border input[type=button]:hover{
    border:3px solid #000;
    background-color:transparent
}
.row{
    margin-left:-15px;
    margin-right:-15px
}
.row:after,.row:before{
    display:table;
    line-height:0;
    content:""
}
.row:after{
    clear:both
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{
    float:left
}
.col-lg-12{
    width:100%
}
.col-lg-11{
    width:91.66666667%
}
.col-lg-10{
    width:83.33333333%
}
.col-lg-9{
    width:75%
}
.col-lg-8{
    width:66.66666667%
}
.col-lg-7{
    width:58.33333333%
}
.col-lg-6{
    width:50%
}
.col-lg-5{
    width:41.66666667%
}
.col-lg-4{
    width:33.33333333%
}
.col-lg-3{
    width:25%
}
.col-lg-2{
    width:16.66666667%
}
.col-lg-1{
    width:8.33333333%
}
.text-left{
    text-align:left
}
.text-right{
    text-align:right
}
.text-center{
    text-align:center
}
.pull-right{
    float:right
}
.row-50{
    margin-left:-50px;
    margin-right:-50px
}
.row-50>.col-lg-1,.row-50>.col-lg-10,.row-50>.col-lg-11,.row-50>.col-lg-12,.row-50>.col-lg-2,.row-50>.col-lg-3,.row-50>.col-lg-4,.row-50>.col-lg-5,.row-50>.col-lg-6,.row-50>.col-lg-7,.row-50>.col-lg-8,.row-50>.col-lg-9{
    padding-left:50px;
    padding-right:50px
}
.row-30{
    margin-left:-30px;
    margin-right:-30px
}
.row-30>.col-lg-1,.row-30>.col-lg-10,.row-30>.col-lg-11,.row-30>.col-lg-12,.row-30>.col-lg-2,.row-30>.col-lg-3,.row-30>.col-lg-4,.row-30>.col-lg-5,.row-30>.col-lg-6,.row-30>.col-lg-7,.row-30>.col-lg-8,.row-30>.col-lg-9{
    padding-left:30px;
    padding-right:30px
}
.row-75{
    margin-left:-75px;
    margin-right:-75px
}
.row-75>.col-lg-1,.row-75>.col-lg-10,.row-75>.col-lg-11,.row-75>.col-lg-12,.row-75>.col-lg-2,.row-75>.col-lg-3,.row-75>.col-lg-4,.row-75>.col-lg-5,.row-75>.col-lg-6,.row-75>.col-lg-7,.row-75>.col-lg-8,.row-75>.col-lg-9{
    padding-left:75px;
    padding-right:75px
}
.row-flex{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
    align-items:center
}
.row-flex:after,.row-flex:before{
    display:none
}
.row.d-flex{
    display:flex;
    flex-wrap:wrap
}
.row.d-flex:after,.row.d-flex:before{
    display:none
}
.banner-section .row.d-flex:after,.banner-section .row.d-flex:before{
    display:none
}
.row-flex-center{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
    align-items:center
}
.row-flex-center:after,.row-flex-center:before{
    display:none
}
.section-wrap .row.row-flex-center{
    align-items:center
}
ul.dots-listing{
    padding-left:0;
    margin-left:0
}
ul.dots-listing li{
    list-style:none;
    padding:0 15px;
    position:relative;
    font-weight:500;
    display:inline-block;
    margin:5px 0
}
ul.dots-listing li:before{
    content:'\f26d';
    font-family:Material-Design-Iconic-Font;
    font-size:6px;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    left:0;
    top:7px;
    line-height:11px
}
.no-dots-listing{
    padding:0;
    margin:0;
    display:inline-block;
    width:100%
}
.no-dots-listing li{
    list-style:none;
    padding:0;
    margin:10px 0
}
blockquote{
    position:relative;
    padding:30px 0
    
}
blockquote:before{
    content:"“";
    position:absolute;
    left:0;
    top:-15px;
    font-size:100px;
    font-family:Arial,sans-serif;
    color:#ffda30;
    font-weight:700;
    line-height:1
}
blockquote:after{
    content:"„";
    position:absolute;
    right:0;
    bottom:30px;
    font-size:100px;
    font-family:Arial,sans-serif;
    color:#ffda30;
    font-weight:700;
    line-height:1
}
.yellow-bg blockquote:before{
    color:#fff
}
.yellow-bg blockquote:after{
    color:#fff
}
.banner-section .btn-link a,.banner-section .btn-link a span{
    font-size:16px
}
form{
    text-align:left
}
form .feild{
    margin-bottom:30px
}
input[type=email],input[type=search],input[type=tel],input[type=text]{
    background-color:transparent;
    color:#000;
    padding:10px 45px 10px 20px;
    width:100%;
    font-size:14px;
    font-weight:500;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    border:1px solid #000;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    height:46px;
    font-family:Montserrat,sans-serif;
    margin-bottom: 10px;
}
input::-webkit-search-cancel-button{
    -webkit-appearance:none;
    -moz-appearance:none
}
textarea{
    background-color:transparent;
    color:#000;
    padding:15px 20px;
    width:100%;
    font-size:14px;
    font-weight:500;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    border:1px solid #000;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    height:46px;
    resize:none;
    font-family:Montserrat,sans-serif;
    min-height:115px
}
input[type=email]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus{
    box-shadow:0 0 0 1px #000 inset;
    -webkit-box-shadow:0 0 0 1px #000 inset
}
textarea:focus{
    box-shadow:0 0 0 1px #000 inset;
    -webkit-box-shadow:0 0 0 1px #000 inset
}
input[type=submit]{
    display:inline-block;
    background:#ffda30;
    padding:16px 30px;
    font-size:18px;
    color:#000;
    font-weight:700;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    letter-spacing:.3px;
    border:2px solid #ffda30;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    height:55px;
    font-family:Montserrat,sans-serif
}
input[type=submit]:focus,input[type=submit]:hover{
    border:2px solid #000
}
input::-webkit-input-placeholder{
    color:#000;
    opacity:1
}
input::-moz-placeholder{
    color:#000;
    opacity:1
}
input:-ms-input-placeholder{
    color:#000;
    opacity:1
}
input:-moz-placeholder{
    color:#000;
    opacity:1
}
textarea::-webkit-input-placeholder{
    color:#000;
    opacity:1
}
textarea::-moz-placeholder{
    color:#000;
    opacity:1
}
textarea:-ms-input-placeholder{
    color:#000;
    opacity:1
}
textarea:-moz-placeholder{
    color:#000;
    opacity:1
}
form .feild:before{
    content:"";
    font-family:Material-Design-Iconic-Font;
    font-size:20px;
    right:20px;
    margin:0 auto;
    position:absolute;
    top:11px;
    font-weight:700;
    opacity:0
}
form .feild.success:before{
    content:'\f26b';
    opacity:1
}
form .feild.chk-error:before{
    content:'\f136';
    opacity:1
}
select{
    background-repeat:no-repeat;
    background-position:95% center;
    -webkit-appearance:none;
    -moz-appearance:none;
    border:1px solid #d9d7d5;
    border-radius:0;
    padding:12px 35px 12px 15px;
    line-height:normal;
    width:100%;
    font-size:16px;
    color:#787878
}
.sbHolder{
    background-color:transparent;
    border:solid 1px #000;
    font-family:Montserrat,sans-serif;
    font-size:14px;
    font-weight:500;
    height:46px;
    position:relative;
    width:100%;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.sbHolder.focused{
    box-shadow:0 0 0 1px #000 inset;
    -webkit-box-shadow:0 0 0 1px #000 inset
}
.sbSelector>a{
    color:#000;
    text-decoration:none;
    position:relative;
    z-index:-1
}
.sbSelector{
    display:block;
    height:46px;
    left:0;
    line-height:44px;
    outline:0;
    overflow:hidden;
    position:absolute;
    text-indent:20px;
    top:0;
    width:100%;
    cursor:pointer;
    color:#000;
    text-align:left;
    z-index:9
}
.sbSelector:hover,.sbSelector:link,.sbSelector:visited{
    color:#000;
    outline:0;
    text-decoration:none
}
.sbToggle{
    display:block;
    height:100%;
    outline:0;
    position:absolute;
    right:0;
    top:0;
    width:46px;
    border-left:1px solid #000;
    text-align:center;
    z-index:99;
    -webkit-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
    cursor:pointer;
    background-color:#f3f3f3
}
.other-services-tab .sbToggle{
    background:#fff
}
.sbToggle:after{
    content:'\f2f9';
    font-family:Material-Design-Iconic-Font;
    font-size:24px;
    width:100%;
    left:0;
    right:0;
    margin:0 auto;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    font-weight:700
}
.sbOptions{
    background-color:#fff;
    border:solid 1px #000;
    list-style:none;
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    width:100.4%!important;
    z-index:100;
    overflow-y:auto;
    top:44px!important;
    -webkit-border-radius:5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    text-align:left
}
.sbOptions li{
    padding:0 0;
    margin:0
}
.sbOptions li img{
    display:inline-block;
    float:left;
    padding-top:7px;
    padding-left:3px
}
.sbOptions a{
    border-bottom:solid 1px rgba(0,0,0,.2);
    display:block;
    outline:0;
    padding:10px 20px;
    font-size:14px;
    color:#000
}
.sbOptions li:last-child a{
    border-bottom:none
}
.sbOptions a:link,.sbOptions a:visited{
    color:#000;
    text-decoration:none;
    transition:all .2s ease-in-out
}
.sbOptions a.sbFocus,.sbOptions a:focus,.sbOptions a:hover{
    color:#000;
    background:rgba(0,0,0,.04)
}
.sbOptions li.last a{
    border-bottom:none
}
.sbOptions .sbDisabled{
    border-bottom:dotted 1px #515151;
    color:#999;
    display:block;
    padding:7px 0 7px 3px
}
.sbOptions .sbGroup{
    border-bottom:dotted 1px #515151;
    color:#ebb52d;
    display:block;
    font-weight:700;
    padding:7px 0 7px 3px
}
.sbOptions .sbSub{
    padding-left:17px
}
.custom-chk-wrap{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -ms-align-items:center;
    align-items:center;
    justify-content:space-between;
    -webkit-flex-wrap:no-wrap;
    -moz-flex-wrap:no-wrap;
    -ms-flex-wrap:no-wrap;
    -o-flex-wrap:no-wrap;
    flex-wrap:no-wrap;
    align-items:center;
    clear:left
}
.custom-chk-wrap input[type=submit]:focus,.custom-chk-wrap input[type=submit]:hover{
    background-color:transparent;
    border-color:#ffda30
}
.custom-chk-wrap .custom-chk{
    width:70%
}
.custom-chk-wrap .submit-feild{
    width:30%;
    text-align:right
}
.custom-chk,.custom-radio{
    position:relative;
    display:inline-block
}
.custom-chk [type=checkbox],.custom-radio [type=radio]{
    position:absolute;
    left:-9999px;
    opacity:0
}
.custom-chk label,.custom-radio label{
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    padding-left:26px;
    line-height:18px;
    font-weight:400;
    font-size:14px;
    font-weight:500;
    color:#000;
    position:relative
}
.custom-chk label::after,.custom-chk label::before,.custom-radio label::after,.custom-radio label::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    margin-top:0;
    width:15px;
    height:15px;
    -webkit-border-radius:0;
    border-radius:0;
    text-align:center;
    color:#000;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
.custom-chk label::before,.custom-radio label::before{
    border:1px solid #000
}
.custom-chk label::after{
    content:'\f26b';
    font-family:Material-Design-Iconic-Font;
    font-size:14px;
    left:1px;
    font-weight:700;
    opacity:0
}
.custom-radio label::after{
    width:6px;
    height:6px;
    background-color:#000;
    top:6px;
    left:6px
}
.custom-chk [type=checkbox]:not(:checked)+label::after,.custom-radio [type=radio]:not(:checked)+label::after{
    opacity:0;
    transform:scale(0)
}
.custom-chk [type=checkbox]:checked+label::after,.custom-radio [type=radio]:checked+label::after{
    opacity:1;
    transform:scale(1)
}
.custom-chk [type=checkbox]:checked+label::before,.custom-radio [type=radio]:checked+label::before{
    background:#ffda30
}
.custom-chk label strong,.custom-radio label strong{
    padding-left:7px
}
.header-top{
    background:#000;
    padding:8px 0
}
.header-top ul{
    margin:0
}
.header-top ul li{
    margin:0;
    list-style:none
}
.header-top ul li a i{
    vertical-align:-2px;
    color:#ffda30;
    font-size:20px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
.header-top ul li a{
    font-size:16px;
    color:#fff
}
.header-top ul li a:hover{
    color:#ffda30
}
.header-top ul li a:hover i{
    color:#fff
}
.header-top ul.content-listing{
    margin:0
}
.header-top ul.content-listing li{
    list-style:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:22px;
    position:relative
}
.header-top ul.content-listing li:after{
    content:"";
    position:absolute;
    right:-15px;
    top:4px;
    width:2px;
    height:19px;
    background:#6e6e6e
}
.header-top ul.content-listing li:last-child{
    margin-right:0
}
.header-top ul.content-listing li:last-child:after{
    display:none
}
.header-top ul.content-listing li a img{
    display:block;
    margin:0 auto;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.header-top ul.content-listing li a:hover img{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
#header-main{
    width:100%;
    transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    background:#f3f1e6;
}
#header-main .logo{
    margin:40px 0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    position:relative;
    z-index:9999
}
#header-main .logo a{
    display:inline-block
}
.header-nav{
    width:100%;
    position:relative;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    background:#f3f1e6;
}
.header-nav .main{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
    align-items:center;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.main-navigation{
    text-align:right
}
.main-navigation nav{
    display:inline-block;
    vertical-align:middle
}
.main-navigation .btn-small{
    display:inline-block;
    vertical-align:middle;
    position:relative;
    z-index:9999
}
.main-navigation .btn-small a{
    display:block;
    box-shadow:0 0 0 2px #000 inset;
    -webkit-box-shadow:0 0 0 2px #000 inset;
    background-color:transparent
}
.main-navigation .btn-small a:hover{
    box-shadow:0 0 0 2px #fff inset;
    -webkit-box-shadow:0 0 0 2px #fff inset
}
.white_theam .main-navigation .btn-small span{
    background:#ffda30
}
.headersticky #header-main .logo{
    margin:10px 0
}
.headersticky .enumenu_ul.desk ul.inner-menu{
    top:70%
}
.menu-icon{
    display:none;
    cursor:pointer;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    font-weight:700;
    line-height:30px;
    font-size:22px
}
.menu-icon .menu-box{
    width:30px;
    height:30px;
    padding:5px 0;
    position:relative;
    right:0
}
.menu-icon .menu-box span{
    width:100%;
    height:3px;
    margin-bottom:6px;
    background:#000;
    display:block;
    border-radius:2px;
    transition:all .3s;
    -webkit-transition:all .3s
}
.menu-icon.active span:nth-child(1){
    transform:rotate(45deg) translateY(7px) translateX(6px);
    -webkit-transform:rotate(45deg) translateY(7px) translateX(6px)
}
.menu-icon.active span:nth-child(2){
    opacity:0
}
.menu-icon.active span:nth-child(3){
    transform:rotate(-45deg) translateY(-7px) translateX(6px);
    -webkit-transform:rotate(-45deg) translateY(-7px) translateX(6px)
}
.enumenu_ul .caret{
    color:#fff;
    margin-left:7px
}
.enumenu_ul{
    padding:0;
    list-style:none;
    margin:0
}
.enumenu_ul>li{
    display:inline-block;
    margin:0 18px 0 0
}
.enumenu_ul>li.btn-small{
    display:none
}
.enumenu_ul>li>a{
    padding:10px 8px 10px 0
}
.enumenu_ul>li.single>a:after{
    margin-bottom:0
}
.enumenu_ul>li p{
    font-size:14px;
    line-height:26px;
    padding-top:10px
}
.enumenu_ul>li figure{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:30%;
    max-width:370px
}
.enumenu_ul ul li h6 a{
    font-weight:700!important;
    color:#000!important;
    background:0 0!important;
    padding:10px 0 0!important;
    line-height:normal
}
.enumenu_ul ul li h6 a:hover{
    color:#ffda30
}
.enumenu_ul ul li h6 a:after{
    display:none
}
.enumenu_ul li a{
    font-size:14px;
    color:#000;
    font-weight:500;
    position:relative;
    display:inline-block
}
.enumenu_ul li a small{
    display:none;
    font-size:12px;
    color:#999;
    font-weight:500;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.enumenu_ul>li.active>a,.enumenu_ul>li:hover>a{
    color:#000
}
.enumenu_ul>li ul.inner-menu{
    margin:0;
    display:none
}
.enumenu_ul.desk>li ul.inner-menu{
    margin:0 auto;
    text-align:left;
    visibility:hidden;
    opacity:0;
    transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    z-index:-99;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    transition:0s;
    width:100%
}
.enumenu_ul ul li{
    margin:0;
    list-style:none;
    position:relative
}
.enumenu_ul.desk ul.inner-menu{
    top:60%;
    z-index:999;
    list-style:none;
    left:0;
    position:absolute;
    width:1230px;
    padding:0;
    right:0;
    margin:0 auto;
    background:#fff;
    padding:20px 0 50px 0;
    height:0;
    transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    display:block;
    padding:50px 0
}
.menu.submenu-ul-level1 li a{
    background:rgba(31,26,107,.8);
    color:#fff;
    padding-left:90px
}
.enumenu_ul.desk>li:hover ul.sb-menu.inner-menu{
    opacity:1;
    visibility:visible;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    z-index:999;
    height:auto;
    transition:0s
}
.enumenu_ul.desk .sb-menu .sb-menu{
    left:0;
    top:0;
    width:100%;
    padding:0;
    margin:0
}
.enumenu_ul.desk ul li a.figure-img{
    display:block
}
.enumenu_ul.desk ul li a.figure-img:after{
    display:none
}
.enumenu_ul.desk ul li a{
    padding:12px 0;
    color:#000;
    font-size:14px;
    position:relative;
    font-weight:500
}
.enumenu_ul.desk ul li a strong{
    font-size:16px
}
.enumenu_ul>li>a:after{
    content:"";
    position:absolute;
    left:0;
    bottom:10px;
    width:0;
    height:3px;
    background:#000;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    margin-bottom:0;
    z-index:9999
}
.enumenu_ul.desk>li:hover a:after{
    width:100%
}
.enumenu_ul .arrow{
    position:absolute;
    right:20px;
    top:0;
    width:35px;
    height:44px;
    cursor:pointer;
    z-index:999;
    text-align:center;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.enumenu_ul .arrow:after{
    content:'\f2f9';
    position:absolute;
    left:0;
    right:0;
    line-height:25px;
    font-size:20px;
    color:#000;
    font-family:Material-Design-Iconic-Font;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    background:#ffda30;
    border-radius:50%;
    top:10px;
    width:24px;
    height:24px;
    margin:0 auto;
    text-indent:1px
}
.enumenu_ul .arrow.up:after{
    content:'\f2fc'
}
.enumenu_ul.desk li ul.inner-menu li a:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:3px;
    background:#ffda30;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    margin-bottom:10px
}
.enumenu_ul.desk li ul.inner-menu li a:hover:after{
    width:100%
}
.enumenu_ul>li.has-children>a:before{
    content:'\f2f9';
    position:absolute;
    right:-3px;
    margin-top:3px;
    line-height:20px;
    font-size:14px;
    color:#000;
    font-family:Material-Design-Iconic-Font;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    z-index:9
}
.enumenu_ul>li.has-children .sb-menu.inner-menu:before{
    content:"";
    position:absolute;
    left:-100%;
    top:0;
    width:500%;
    height:100%;
    background:#fff;
    display:block
}
.enumenu_ul>li.has-children .sb-menu.inner-menu:after{
    content:"";
    position:absolute;
    left:-100%;
    bottom:-20px;
    width:500%;
    height:20px;
    background:url(../images/home/menu-shadow.png) repeat-x left bottom;
    z-index:9999
}
.nav-logo-link{
    width:100%
}
.nav-logo-link ul{
    margin:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.nav-logo-link ul:after,.nav-logo-link ul:before{
    display:none
}
.nav-logo-link ul li{
    width:50%
}
.nav-logo-link ul li{
    display:inline-block;
    margin:15px 0
}
.nav-logo-link ul li a:after{
    display:none
}
.nav-logo-link ul li img{
    display:block
}
.nav-logo-link ul li a{
    opacity:.3
}
.nav-logo-link ul li a:hover{
    opacity:1
}
.nav-logo-link p{
    font-size:14px;
    color:#000;
    font-weight:500;
    padding:10px 0 0 0
}
.blank-div{
    width:100%;
    height:155px;
    display:none;
    -webkit-transition:.5s height ease-in-out;
    transition:.5s height ease-in-out
}
.headersticky .header-nav{
    position:fixed;
    top:0;
    z-index:999
}
.headersticky .blank-div{
    height:11px
}
body.white_theam .header-nav{
    background:#fff!important
}
body.on-hover #header-main,body.on-hover .header-nav{
    background:#fff!important
}
body.on-hover.headersticky .header-nav{
    background:#fff!important
}
body.on-hover .enumenu_ul>li>a:after{
    background:#ffda30!important
}
.mobile-call{
    display:none;
    vertical-align:3px;
    padding-right:12px;
    text-align:center;
    position:relative;
    z-index:999;
    transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
    -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s
}
.mobile-call a{
    display:inline-block;
    vertical-align:middle;
    width:28px;
    height:28px;
    font-size:20px;
    line-height:28px;
    background:#fff;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
    -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s
}
.mobile-call a:focus,.mobile-call a:hover{
    background:#000;
    color:#ffda30
}
.white-header .header-nav{
    background:rgba(255,255,255,.7)
}
.headersticky .white-header .header-nav{
    background:#ffda30
}
.white-header .btn-white a{
    background:#ffda30
}
.headersticky .white-header .btn-white a{
    background:#fff;
    box-shadow:0 0 0 2px #fff inset;
    -webkit-box-shadow:0 0 0 2px #fff inset
}
.headersticky .white-header .btn-white a:hover{
    background:#fff;
    box-shadow:0 0 0 2px #000 inset;
    -webkit-box-shadow:0 0 0 2px #000 inset
}
body.header_v2 #header-main,body.header_v2 .header-nav{
    background-color:#f3f3f3
}
body.header_v2 .main-navigation .btn-small span{
    background:#ffda30
}
.banner-section{
    width:100%;
    background:#f3f1e6;
    padding:40px 0;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.banner-section h1{
    margin-bottom:50px;
    line-height:1.3
}
.main-banner{
    padding:95px 0;
    position:relative;
    z-index:9
}
.main-banner:after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background:url(../images/home/banner-shape.png) no-repeat right bottom;
    z-index:-1
}
.banner-section p{
    font-size:18px;
    line-height:1.7;
    padding-bottom:35px
}
.banner-section ul.dots-listing{
    margin-top:38px
}
.main-banner .banner-img{
    position:absolute;
    right:-120px;
    top:10px
}
.white-banner.banner-section{
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-position:right top!important
}
.white-banner .section-wrap .row{
    align-items:center
}
.white-banner.banner-section h1{
    margin-bottom:40px
}
.white-banner.banner-section ul.dots-listing{
    margin-top:20px
}
.digital-assets-banner .banner-img img{
    display:block;
    max-width:660px;
    text-align:right
}
.digital-assets-banner .section-wrap{
    padding:40px 0
}
.banner-section .row .col-lg-3{
    width:22%
}
.banner-section .row .col-lg-9{
    width:78%
}
.banner-section .banner-content-wrap{
    padding-right:30px
}
.banner-section ul.dots-listing{
    display:flex;
    flex-wrap:wrap
}
.banner-section ul.dots-listing li{
    display:inline-block;
    padding:0 10px 0 0;
    margin:8px 0;
    width:50%
}
.banner-section ul.dots-listing li a{
    position:relative
}
.banner-section ul.dots-listing li:before,.banner-section.service-banner ul.dots-listing li:before{
    display:none
}
.banner-section ul.dots-listing li a:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:0;
    height:2px;
    background:#000;
    transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
    -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s
}
.banner-section ul.dots-listing li{
    font-size:20px;
    font-weight:600;
    position:relative
}
.banner-section ul.dots-listing li a:hover:after{
    width:100%
}
.banner-section.white-banner{
    background:#f3f3f3;
    padding:80px 0
}
.banner-section.white-banner.common-banner{
    background:#f3f3f3;
    padding:110px 0
}
.white-banner .section-wrap h2{
    text-align:left;
    font-size:44px;
    margin-bottom:20px
}
.white-banner .btn-link{
    margin-bottom:40px
}
.white-banner .btn-link span{
    text-transform:uppercase
}
.white-banner .btn-link a{
    margin-bottom:10px;
    display:inline-block
}
.white-banner h5{
    font-weight:600;
    margin-bottom:30px
}
.white-banner .btn a{
    min-width:230px;
    text-align:center
}
.agencies-banner-section{
    padding:200px 0;
    position:relative;
    background:#ffda30
}
.custom-email-design-coding-banner h5{
    margin-bottom:30px
}
.banner-section.yellow-bg .btn a{
    padding:15px 50px
}
.banner-section.yellow-bg .btn a:hover,.dedicated-resource-team-banner .btn a:hover{
    border-color:#000
}
.banner-section.yellow-bg .btn span,.dedicated-resource-team-banner .btn span{
    background:#ffda30
}
.inner-banner-section{
    padding:50px 0
}
.inner-banner-section h1{
    margin-bottom:20px
}
#mid-container{
    width:100%
}
.counter-section{
    width:100%;
    padding:110px 0 120px;
    text-align:center
}
.counter-section ul{
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center
}
.counter-section ul li{
    list-style:none;
    width:25%;
    position:relative;
    padding:0 15px;
    margin:0
}
.counter-section ul li h2{
    margin:0 0 15px 0;
    text-transform:none
}
.counter-section ul li p{
    padding:0;
    font-weight:500;
    font-size:18px;
    line-height:1.2
}
.counter-section ul li p strong{
    font-weight:600
}
.counter-section.yellow-bg ul li:after{
    background:#e4c731
}
.our-client-section{
    width:100%;
    padding:110px 0;
    text-align:center
}
.our-client-section h2{
    margin-bottom:60px
}
.our-client-section ul{
    margin:0 auto
}
.our-client-section ul li{
    list-style:none;
    display:inline-block;
    vertical-align:middle;
    float:none
}
.our-client-section ul li a:before{
    display:none
}
.our-client-section ul li img{
    display:block;
    margin:0 auto
}
.offer-section{
    text-align:center
}
.offer-section h2{
    margin-bottom:50px
}
.offer-section figure img{
    max-width:inherit;
    float:right
}
.section-wrap.offer-section ul.price-listing{
    margin:0 0 20px 0;
    display:block;
    height:auto
}
.section-wrap.offer-section ul.price-listing li a br{
    display:none
}
.section-wrap p strong{
    font-weight:500
}
.section-wrap{
    padding:110px 0
}
.section-wrap ul.row{
    width:auto;
    display:inherit;
    margin-left:0;
    margin-right:0
}
.section-wrap h2{
    text-align:center;
    margin-bottom:50px
}
#your-template h2{
    margin-bottom:20px
}
#your-template h5{
    text-align:center;
    font-weight:500
}
.subtitle-text{
    text-align:center;
    margin-bottom:20px
}
.section-wrap .price-section{
    height:100%;
    display:table
}
.section-wrap ul.price-listing{
    height:100%;
    display:table-cell;
    width:100%;
    vertical-align:middle
}
.section-wrap .video-wrap{
    padding-bottom:68%;
    height:100%
}
.section-wrap .video-ppt-wrap{
    padding-bottom:63%;
    height:100%;
    position:relative
}
.section-wrap .video-ppt-wrap iframe{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.section-wrap ul{
    display:inline-block;
    width:100%;
    margin-left:0
}
.section-wrap ul ul{
    margin-bottom:0;
    margin-left:15px
}
.section-wrap .btn a{
    padding:13px 40px
}
.section-wrap .btn-link{
    margin-bottom:30px
}
.section-wrap-tagline{
    text-align:center;
    padding-top:60px
}
.section-wrap-tagline p{
    font-size:18px
}
.section-wrap-tagline p strong{
    font-weight:500
}
.video-wrap{
    width:100%;
    position:relative;
    overflow:hidden;
    padding-bottom:56.25%
}
.video-wrap iframe{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.video-img-option{
    text-align:center
}
.video-img-option img{
    max-width:300px;
    margin:0 auto;
    display:block
}
.price-section{
    width:100%;
    background:#f5f5f5;
    padding:60px
}
ul.price-listing{
    margin:0 auto
}
.price-section ul.price-listing li{
    margin:14px 0
}
ul.price-listing li{
    list-style:none;
    margin:11px 0;
    display:inline-block;
    width:100%
}
ul.price-listing li a{
    display:inline-block
}
ul.price-listing li a span{
    font-weight:700;
    position:relative;
    display:inline-block
}
ul.price-listing li a span:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:2px;
    background:#000;
    opacity:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
ul.price-listing li a i{
    width:25px;
    height:25px;
    text-align:center;
    line-height:22px;
    background:#ffda30;
    border-radius:50%;
    font-size:20px;
    vertical-align:-1px;
    margin-left:3px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    border:2px solid #ffda30;
    text-indent:1px
}
ul.price-listing li a:hover span:after{
    width:100%;
    opacity:1
}
ul.price-listing li a:hover i{
    background:#fff;
    border:2px solid #000
}
.awards-section{
    width:100%;
    padding:110px 0 120px;
    text-align:center
}
.awards-section h2{
    margin-bottom:50px
}
.awards-section ul{
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center
}
.awards-section ul li{
    list-style:none;
    width:20%;
    padding:0 10px
}
.awards-section ul li img{
    display:block;
    margin:0 auto
}
.get-in-touch-section{
    width:100%;
    padding:110px 0;
    background:#f3f3f3;
    text-align:center
}
.get-in-touch-section.yellow-bg{
    background:#ffda30
}
.get-in-touch-section.yellow-bg .sbToggle{
    background:#ffda30
}
.get-in-touch-section.yellow-bg form input[type=submit]:focus,.get-in-touch-section.yellow-bg form input[type=submit]:hover{
    border-color:#000;
    background-color:#fff
}
.get-in-touch-section h2{
    margin-bottom:15px
}
.get-in-touch-section p{
    font-size:18px
}
.get-in-touch-section form{
    max-width:780px;
    margin:25px auto 15px
}
.get-in-touch-section .sbOptions{
    background-color:#fff
}
.get-in-touch-section .mCSB_scrollTools{
    background:#fff
}
.get-in-touch-section .custom-chk-wrap .custom-chk{
    width:80%
}
.custom-chk-wrap .submit-feild{
    width:20%
}
.get-in-touch-section form input[type=submit]:focus,.get-in-touch-section form input[type=submit]:hover{
    border-color:#ffda30;
    background-color:transparent
}
.custom-chk.big-check{
    position:relative;
    display:inline-block
}
.custom-chk.big-check [type=checkbox]:checked+label::before{
    background-color:transparent
}
.custom-chk.big-check [type=checkbox]{
    position:absolute;
    left:-9999px;
    opacity:0
}
.custom-chk.big-check label{
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    padding-left:40px;
    line-height:32px;
    font-weight:400;
    font-size:14px;
    font-weight:600;
    color:#000
}
.custom-chk.big-check label::after,.custom-chk.big-check label::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    margin-top:0;
    width:30px;
    height:30px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    text-align:center;
    color:#000;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -ms-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
.custom-chk.big-check label::before{
    border:1px solid #000
}
.custom-chk.big-check label::after{
    content:'\f26b';
    font-family:Material-Design-Iconic-Font;
    font-size:20px;
    left:2px
}
.custom-chk.big-check [type=checkbox]:not(:checked)+label::after{
    opacity:0;
    transform:scale(0)
}
.custom-chk.big-check [type=checkbox]:checked+label::after{
    opacity:1;
    transform:scale(1)
}
.custom-chk.big-check [type=checkbox]:disabled+label::before{
    box-shadow:inset 0 0 8px 0 #640024
}
.custom-chk.big-check [type=checkbox]:focus+label::before{
    box-shadow:0 0 0 1px #000 inset;
    -webkit-box-shadow:0 0 0 1px #000 inset
}
.slick-next:before,.slick-prev:before{
    display:none
}
.clients-say-section{
    width:100%;
    text-align:center;
    padding-top:110px
}
.clients-say-wrap{
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.clients-say-wrap .clients-thumb{
    width:200px;
    position:relative
}
.clients-say-wrap .clients-thumb .item{
    width:200px;
    height:200px;
    background:#f1f0e9;
    display:table;
    padding:10px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    cursor:pointer
}
.clients-say-wrap .clients-thumb .item img{
    width:100px
}
.clients-say-wrap .clients-thumb .item.learn-more{
    position:absolute;
    bottom:0;
    background:#f8f7f1
}
.clients-say-wrap .clients-thumb{
    width:200px;
    position:relative;
    height:100%;
    display:table-cell;
    vertical-align:middle
}
.clients-say-section .slick-next{
    position:absolute;
    right:50px;
    top:auto;
    transform:none;
    z-index:99;
    bottom:-22px
}
.clients-say-section .slick-prev{
    position:absolute;
    left:50px;
    top:auto;
    transform:none;
    z-index:99;
    bottom:-22px
}
.clients-say-section .slick-next:after{
    content:'\f2fe'
}
.clients-say-section .slick-prev:after{
    content:'\f303'
}
.clients-say-wrap .clients-thumb .item .btn-link,.clients-say-wrap .clients-thumb .item .thumb-wrap{
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle;
    position:relative;
    text-align:center;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.clients-say-wrap .clients-thumb .item.slick-current .thumb-wrap,.clients-say-wrap .clients-thumb .item:hover .thumb-wrap{
    background:#f8f7f1
}
.clients-say-wrap .clients-thumb .item.slick-current,.clients-say-wrap .clients-thumb .item:hover{
    background:#f8f7f1
}
.clients-say-wrap .clients-thumb .btn-link a{
    font-weight:400;
    text-transform:uppercase
}
.clients-say-wrap .clients-thumb .btn-link a i{
    background:#000;
    color:#efd337;
    border:2px solid #000
}
.clients-say-wrap .clients-thumb .btn-link a:hover i{
    background:#fff;
    color:#000
}
.clients-say-wrap .clients-thumb .item .thumb-wrap::after,.clients-say-wrap .clients-thumb .item .thumb-wrap::before{
    box-sizing:inherit;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    transition:color .25s;
    -moz-transition:color .25s;
    -ms-transition:color .25s;
    -webkit-transition:color .25s
}
.clients-say-wrap .clients-thumb .item .thumb-wrap{
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    cursor:pointer
}
.clients-say-wrap .clients-thumb .item .thumb-wrap::after,.clients-say-wrap .clients-thumb .item .thumb-wrap::before{
    border:2px solid transparent;
    width:0;
    height:0
}
.clients-say-wrap .clients-thumb .item .thumb-wrap::before{
    top:0;
    left:0
}
.clients-say-wrap .clients-thumb .item .thumb-wrap::after{
    bottom:0;
    right:0
}
.clients-say-wrap .clients-thumb .item .thumb-wrap:hover::after,.clients-say-wrap .clients-thumb .item .thumb-wrap:hover::before,.clients-say-wrap .clients-thumb .item.slick-current .thumb-wrap:after,.clients-say-wrap .clients-thumb .item.slick-current .thumb-wrap:before{
    width:100%;
    height:100%
}
.clients-say-wrap .clients-thumb .item .thumb-wrap:hover::before,.clients-say-wrap .clients-thumb .item.slick-current .thumb-wrap:before{
    border-top-color:#efd337;
    border-right-color:#efd337;
    transition:width .25s ease-out,height .25s ease-out .25s
}
.clients-say-wrap .clients-thumb .item .thumb-wrap:hover::after,.clients-say-wrap .clients-thumb .item.slick-current .thumb-wrap:after{
    border-bottom-color:#efd337;
    border-left-color:#efd337;
    transition:border-color 0s ease-out .5s,width .25s ease-out .5s,height .25s ease-out .75s
}
.clients-say-wrap .clients-say{
    width:calc(100% - 200px);
    background:#efd337
}
.clients-say-wrap .clients-say .slick-list,.clients-say-wrap .clients-say .slick-slider,.clients-say-wrap .clients-say .slick-track{
    height:100%
}
.clients-say-wrap .clients-say .row{
    display:flex;
    flex-wrap:wrap;
    height:100%;
    position:relative;
    margin:0
}
.clients-say-wrap .clients-say .row:after,.clients-say-wrap .clients-say .row:before{
    display:none
}
.clients-say-wrap .clients-say .row .col-lg-4{
    padding:0;
    height:100%;
    display:table
}
.clients-say-wrap .clients-say blockquote{
    padding:50px 40px;
    width:100%;
    height:100%;
    display:table-cell;
    vertical-align:middle
}
.clients-say-wrap .clients-say blockquote:before{
    font-size:120px
}
.clients-say-wrap .clients-say blockquote:after{
    font-size:120px
}
.clients-say-wrap .clients-say .row .col-lg-8{
    height:100%;
    padding:0
}
.clients-say-wrap .clients-say figure{
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:100%
}
blockquote p{
    line-height:26px
}
blockquote p strong{
    display:block
}
blockquote span{
    font-size:16px
}
blockquote h6{
    margin:0 0 3px 0
}
blockquote .client-logo{
    margin-bottom:30px
}
.clients-say-wrap .clients-say blockquote:before{
    color:#fff
}
.clients-say-wrap .clients-say blockquote:after{
    color:#fff
}
.slick-slide img{
    margin:0 auto
}
.clients-say-section .slick-next,.clients-say-section .slick-prev{
    background:#fff
}
.clients-say-section .slick-next:hover,.clients-say-section .slick-prev:hover{
    border:2px solid #000;
    background:#efd337
}
.clients-say-section .slick-next:hover:after,.clients-say-section .slick-prev:hover:after{
    color:#000
}
.clients-say-section .slick-disabled:hover{
    border:2px solid #eaeaea;
    background:#fff
}
.clients-say-section .slick-disabled:hover:after{
    color:#eaeaea
}
.blog-lsting-section{
    width:100%;
    padding:112px 0 90px;
    text-align:center;
    background:#f3f3f3
}
ul.blog-lsting{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap
}
.blog-lsting-section.white-bg ul.blog-lsting li a{
    background:#f3f3f3
}
ul.blog-lsting.row:after,ul.blog-lsting.row:before{
    display:none
}
.blog-lsting-section h2{
    margin-bottom:40px
}
ul.blog-lsting li{
    list-style:none
}
ul.blog-lsting li h5{
    font-size:20px;
    margin:0;
    font-weight:700
}
ul.blog-lsting li p{
    font-size:20px;
    font-weight:400;
    padding:0
}
ul.blog-lsting li a{
    height:100%;
    width:100%;
    display:inline-block;
    background:#fff
}
ul.blog-lsting li .lsting-thumb{
    width:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:66%
}
ul.blog-lsting li .lsting-content{
    padding:35px 30px
}
ul.blog-lsting li a .blog-lsting-wrap{
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    height:100%
}
ul.blog-lsting li a:hover .blog-lsting-wrap{
    -webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.15);
    box-shadow:0 0 20px 0 rgba(0,0,0,.15)
}
ul.blog-lsting li a:hover{
    transform:translateY(-10px);
    -transform:translateY(-10px);
    -webkit-transform:translateY(-10px)
}
#footer-main{
    background:#f3f3f3;
    width:100%;
    padding-top:100px
}
#footer-main .logo{
    margin:20px 0 18px
}
#footer-main .logo a{
    display:inline-block
}
#footer-main .logo a img{
    display:block
}
.link-listing-wrap{
    width:100%;
    margin-bottom:10px
}
.link-listing-wrap .btn-small:first-child{
    margin:20px 0 5px
}
.link-listing-wrap .btn-small:last-child a{
    background-color:#ffda30
}
.link-listing-wrap .btn-small:last-child a:hover{
    background-color:#fff
}
.link-listing-wrap .btn-small:last-child a span{
    background-color:#f3f3f3
}
.link-listing-wrap .btn-small a{
    padding:8px 20px;
    box-shadow:none;
    border:2px solid #ffda30
}
.link-listing-wrap ul{
    margin:0
}
.link-listing-wrap ul li{
    list-style:none;
    margin:15px 0 15px
}
.link-listing-wrap ul li a{
    font-size:14px;
    color:#707070;
    position:relative
}
.link-listing-wrap ul li a i{
    font-size:18px;
    color:#a3a3a3;
    margin-right:10px;
    vertical-align:-1px
}
.link-listing-wrap ul li a span.text{
    opacity:1;
    transition:1s opacity;
    -webkit-transition:1s opacity;
    -moz-transition:1s opacity
}
.link-listing-wrap ul li a span.number{
    opacity:0;
    position:absolute;
    top:-3px;
    right:12px;
    color:#000;
    transition:1s opacity;
    -webkit-transition:1s opacity;
    -moz-transition:1s opacity
}
.link-listing-wrap ul li a:hover span.text{
    opacity:0
}
.link-listing-wrap ul li a:hover span.number{
    opacity:1
}
.link-listing-wrap ul li a:hover{
    color:#000
}
.subscribe-section{
    width:100%;
    border-top:2px solid #eaeaea;
    padding:37px 0
}
.subscribe-section span{
    display:inline-block;
    vertical-align:middle;
    padding-right:20px;
    font-size:18px;
    color:#707070;
    font-weight:500
}
.subscribe-section .btn a{
    vertical-align:middle;
    padding:13px 30px
}
.subscribe-section .btn span{
    background-color:#f3f3f3
}
ul.social-listing{
    margin:0 auto
}
ul.social-listing li{
    display:inline-block;
    list-style:none;
    margin-right:10px;
    text-align:center;
    vertical-align:top
}
ul.social-listing li.twitter a{
    line-height:44px
}
ul.social-listing li:last-child{
    margin-right:0
}
ul.social-listing li a{
    display:inline-block;
    font-size:19px;
    color:#fff;
    width:40px;
    height:40px;
    line-height:40px;
    background:#000;
    border-radius:50%
}
ul.social-listing li a:focus,ul.social-listing li a:hover{
    background:#ffda30;
    color:#333;
    -webkit-transform:translateY(-5px);
    -ms-transform:translateY(-5px);
    transform:translateY(-5px);
    -moz-transform:translateY(-5px);
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.subscribe-form{
    display:inline-block
}
.subscribe-form form{
    width:100%;
    position:absolute;
    right:15px;
    text-align:right;
    top:0;
    background:#f5f5f5;
    padding:5px 0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    opacity:0;
    z-index:-1
}
.subscribe-form form .feild{
    display:inline-block;
    vertical-align:middle;
    margin:0 15px 0 0
}
.subscribe-form form .feild input[type=text]{
    padding:10px 20px
}
.subscribe-form form .submit-feild{
    display:inline-block;
    vertical-align:middle
}
.subscribe-form.active form{
    opacity:1;
    z-index:99
}
.subscribe-form form .feild input[type=email],.subscribe-form form .feild input[type=search],.subscribe-form form .feild input[type=tel],.subscribe-form form .feild input[type=text]{
    height:50px;
    border:1px solid #707070;
    box-shadow:0 0 0 1px #707070 inset!important;
    -webkit-box-shadow:0 0 0 1px #707070 inset!important
}
.subscribe-form form .submit-feild input[type=submit]{
    height:50px;
    display:inline-block;
    font-size:18px;
    text-transform:uppercase;
    color:#000;
    font-weight:700;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    padding:16px 58px;
    line-height:normal;
    position:relative;
    overflow:hidden;
    background-color:transparent;
    box-shadow:0 0 0 3px #ffda30 inset!important;
    -webkit-box-shadow:0 0 0 3px #ffda30 inset!important;
    border:none
}
.subscribe-form form .submit-feild input[type=submit]:focus{
    background-color:#ffda30;
    color:#000;
    border-color:transparent
}
.subscribe-form .btn small{
    font-size:14px;
    padding-right:15px;
    color:#707070
}
.subscribe-form .submit-feild span{
    background:#ffda30
}
.copyright-section{
    width:100%;
    border-top:2px solid #eaeaea;
    padding:35px 0
}
.copyright-section p{
    font-size:14px;
    font-weight:400;
    padding:0;
    color:#707070
}
.copyright-section ul{
    margin:0 auto
}
.copyright-section ul li{
    list-style:none;
    display:inline-block;
    margin:0 10px 0 0;
    position:relative;
    line-height:1
}
.copyright-section ul li:after{
    content:"";
    position:absolute;
    right:-7px;
    top:1px;
    width:1px;
    height:14px;
    background:#707070
}
.copyright-section ul li a{
    font-size:14px;
    font-weight:400;
    color:#707070
}
.copyright-section ul li:last-child:after{
    display:none
}
.copyright-section ul li:last-child{
    margin-right:0
}
.preloader{
    display:none
}
.no-padding-t{
    padding-top:0!important
}
.no-padding-b{
    padding-bottom:0!important
}
hr{
    border:none;
    border-bottom:2px solid #e1e1e1;
    margin-bottom:50px
}
.two-column-section{
    width:100%;
    padding:110px 0;
    text-align:center
}
.two-column-section ul{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
    text-align:left
}
.two-column-section ul li{
    list-style:none;
    margin-bottom:35px;
    margin-top:20px
}
.two-column-section ul li h4{
    margin-bottom:25px
}
.two-column-section ul li p{
    padding-bottom:15px;
    line-height:26px
}
.two-column-section p>span{
    font-weight:500
}
.testimonial-section{
    width:100%;
    padding:110px 0;
    text-align:center
}
.testimonial-section p{
    line-height:25px
}
.testimonial-section h6{
    margin-bottom:0
}
.testimonial-section .slider-for .slick-list{
    max-width:700px;
    margin:0 auto
}
.testimonial-section .slider-nav .slick-list{
    padding:0!important;
    margin:0 50px
}
.testimonial-section .slider-nav .slick-slide{
    background-color:transparent;
    padding:20px 30px;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px
}
.testimonial-section .slider-nav .slick-slide.slick-center{
    background:#ffda30
}
.testimonial-section hr{
    padding-bottom:100px;
    margin:0;
    border-bottom:1px solid #e1e1e1
}
.Order-step-section{
    width:100%;
    padding:60px 0;
    background:#fff;
    position:relative
}
.details-section{
    margin:50px 0 40px
}
.details-section h4{
    margin-bottom:35px
}
.main-tab-section{
    width:100%;
    margin-bottom:80px
}
.main-tab-section h4{
    margin-bottom:35px
}
ul.main-tab-listing{
    width:100%;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0
}
ul.main-tab-listing li{
    width:33.33%;
    list-style:none;
    text-align:center;
    border:1px solid #ffda30;
    border-right:none;
    margin:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    cursor:pointer;
    position:relative
}
ul.main-tab-listing li:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-17px;
    width:0;
    height:0;
    border-style:solid;
    border-width:17px 17px 0 17px;
    border-color:#ffda30 transparent transparent transparent;
    margin:0 auto;
    opacity:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
ul.main-tab-listing li:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-82px;
    margin:0 auto;
    opacity:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 17px 17px 17px;
    border-color:transparent transparent #dadada transparent
}
ul.main-tab-listing li:first-child{
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px
}
ul.main-tab-listing li:last-child{
    border-right:1px solid #ffda30;
    -webkit-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0
}
ul.main-tab-listing li .listing-thumb{
    margin-bottom:5px;
    display:table;
    width:100%;
    height:100%
}
ul.main-tab-listing li .listing-thumb .listing-thumb-wrap{
    display:table-cell;
    width:100%;
    height:100%;
    vertical-align:middle;
    margin-bottom:10px
}
ul.main-tab-listing li h4{
    text-transform:none;
    font-size:20px;
    margin:0;
    display:inline-block;
    position:relative;
    padding-left:45px;
    line-height:32px
}
ul.main-tab-listing li h4 i{
    background-color:transparent;
    width:32px;
    height:32px;
    border-radius:50%;
    border:1px solid #a5a5a5;
    text-align:center;
    line-height:30px;
    color:#a5a5a5;
    position:absolute;
    left:0;
    top:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    font-weight:700;
    font-size:20px
}
ul.main-tab-listing li.active{
    background:#ffda30
}
ul.main-tab-listing li.active i{
    background:#fff;
    color:#000;
    border:1px solid #000
}
ul.main-tab-listing li.active:after{
    opacity:1
}
ul.main-tab-listing li.active:before{
    opacity:1
}
ul.main-tab-listing li.check-radio label{
    padding:40px 30px;
    width:100%;
    height:100%
}
.cart-item-count{
    width:30px;
    height:30px;
    background:#fff;
    color:#000;
    font-size:14px;
    font-weight:700;
    text-align:center;
    line-height:26px;
    border:2px solid #000;
    position:absolute;
    right:16px;
    top:-16px;
    z-index:1;
    border-radius:50%
}
.order-step-content{
    width:100%;
    padding:80px 0 20px;
    border-top:2px solid #dadada
}
.order-step-content input[type=email],.order-step-content input[type=search],.order-step-content input[type=tel],.order-step-content input[type=text],.order-step-content textarea{
    font-weight:500
}
.order-step-wrap{
    padding-right:30px
}
.order-step-content .col-lg-8{
    width:72%
}
.order-step-content .col-lg-4{
    width:28%
}
.other-services-tab .custom-chk-wrap .submit-feild{
    width:auto
}
.order-step-wrap .more-btn{
    margin-top:15px
}
.order-step-wrap .more-btn a{
    cursor:pointer
}
.order-step-content .submit-feild span,.place-order-wrap .submit-feild span{
    background:#fff
}
.order-step-content .submit-feild,.place-order-wrap .submit-feild{
    z-index:9
}
.order-step-content .submit-feild input[type=button]:hover,.place-order-wrap .submit-feild input[type=button]:focus,.place-order-wrap .submit-feild input[type=button]:hover,.submit-feild input[type=button]:focus{
    border-color:#ffda30
}
ul.order-step-listing{
    margin:80px 0 0 0;
    display:inline-block;
    width:100%
}
ul.order-step-listing>li{
    width:100%;
    padding-bottom:70px;
    margin-bottom:70px;
    border-bottom:1px solid #e7e7e7;
    list-style-type:none;
    counter-increment:step-counter;
    margin-top:0;
    position:relative
}
ul.order-step-listing>li::before{
    content:counter(step-counter);
    font-size:18px;
    background-color:#ffda30;
    color:#000;
    border-radius:50%;
    text-align:center;
    position:absolute;
    width:30px;
    height:30px;
    font-weight:700;
    line-height:30px;
    margin-top:-3px
}
ul.order-step-listing>li.last{
    border-bottom:0;
    padding-bottom:0
}
ul.order-step-listing>li h6{
    padding-left:40px;
    font-size:18px;
    margin-bottom:30px
}
ul.child-tab-listing{
    width:100%;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0
}
ul.child-tab-listing li{
    width:50%;
    list-style:none;
    text-align:center;
    border:1px solid #ffda30;
    border-right:none;
    margin:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    cursor:pointer;
    position:relative
}
ul.child-tab-listing li:first-child{
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px
}
ul.child-tab-listing li:last-child{
    border-right:1px solid #ffda30;
    -webkit-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0
}
ul.child-tab-listing li.active{
    background:#ffda30
}
ul.child-tab-listing li.active i{
    background:#fff;
    color:#000;
    border:1px solid #000
}
ul.child-tab-listing li.check-radio label{
    padding:42px 55px 30px
}
.check-radio{
    position:relative;
    display:inline-block
}
.check-radio [type=radio]{
    position:absolute;
    left:-9999px;
    opacity:0
}
.check-radio label{
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    line-height:18px;
    font-weight:400;
    font-size:14px;
    font-weight:500;
    color:#000;
    position:relative;
    height:100%
}
.check-radio label::after,.check-radio label::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    margin-top:0;
    width:15px;
    height:15px;
    -webkit-border-radius:0;
    border-radius:0;
    text-align:center;
    color:#000;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
.check-radio label::after,.check-radio label::before{
    display:none
}
.check-radio [type=radio]:not(:checked)+label::after{
    opacity:0;
    transform:scale(0)
}
.check-radio [type=radio]:checked+label::after{
    opacity:1;
    transform:scale(1)
}
.check-radio [type=radio]:checked+label::before{
    background:#ffda30
}
ul.layout-view-listing.full-check-check li label{
    padding:20px 70px;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    font-size:16px;
    font-weight:700;
    color:#000;
    position:relative;
    display:inline-block;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
ul.layout-view-listing.full-check-check li label a{
    padding:0;
    position:static
}
ul.layout-view-listing.full-check-check li label span{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
ul.layout-view-listing.full-check-check li label span img{
    display:block;
    margin:0 auto
}
ul.layout-view-listing.full-check-check li label:hover,ul.layout-view-listing.full-check-check li.active label{
    background:#ffda30
}
ul.layout-view-listing.full-check-check li label i{
    background-color:transparent;
    width:32px;
    height:32px;
    border-radius:50%;
    border:1px solid #a5a5a5;
    text-align:center;
    line-height:30px;
    color:#a5a5a5;
    position:absolute;
    right:20px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    font-weight:700;
    font-size:20px;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
ul.layout-view-listing.full-check-check li label.active,ul.layout-view-listing.full-check-check li label:hover{
    background:#ffda30
}
ul.layout-view-listing.full-check-check li label:hover i,ul.layout-view-listing.full-check-check li.active label i{
    background:#fff;
    color:#000;
    border:1px solid #000
}
.check-check label small{
    font-size:16px;
    font-weight:700;
    color:#000
}
.check-check{
    position:relative;
    display:inline-block
}
.check-check [type=radio]{
    position:absolute;
    left:-9999px;
    opacity:0
}
.check-check label{
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    padding:18px 70px;
    line-height:18px;
    font-weight:400;
    font-size:14px;
    font-weight:500;
    color:#000;
    position:relative;
    height:100%
}
.check-check label::after,.check-check label::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    margin-top:0;
    width:15px;
    height:15px;
    -webkit-border-radius:0;
    border-radius:0;
    text-align:center;
    color:#000;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
.check-check label::after,.check-check label::before{
    display:none
}
.check-check [type=radio]:not(:checked)+label::after{
    opacity:0;
    transform:scale(0)
}
.check-check [type=radio]:checked+label::after{
    opacity:1;
    transform:scale(1)
}
.check-check [type=radio]:checked+label::before{
    background:#ffda30
}
ul.process-listing.full-check-check .check-check label{
    padding:0
}
ul.order-step-listing>li.landing-page-length span{
    padding-left:40px;
    font-size:18px;
    font-weight:700;
    display:inline-block;
    vertical-align:3px
}
ul.order-step-listing>li.landing-page-length .custom-radio{
    padding-left:25px
}
.order-step-listing-wrap{
    width:100%;
    padding-bottom:80px;
    border-bottom:1px solid #e7e7e7;
    list-style-type:none;
    counter-increment:step-counter;
    margin-top:0;
    position:relative;
    display:inline-block;
    margin-top:45px
}
.order-step-listing-wrap h6{
    padding-left:40px;
    font-size:18px;
    margin-bottom:30px;
    position:relative
}
.position-number{
    position:relative
}
.position-number span{
    font-size:18px;
    background-color:#ffda30;
    color:#000;
    border-radius:50%;
    text-align:center;
    position:absolute;
    width:30px;
    height:30px;
    font-weight:700;
    line-height:30px;
    margin-top:-3px;
    left:0
}
ul.child-tab-listing li h4{
    text-transform:none;
    font-size:24px;
    margin:0;
    display:inline-block;
    position:relative;
    padding-left:45px;
    line-height:32px;
    margin-bottom:15px
}
ul.child-tab-listing li h4 i{
    background-color:transparent;
    width:32px;
    height:32px;
    border-radius:50%;
    border:1px solid #a5a5a5;
    text-align:center;
    line-height:30px;
    color:#a5a5a5;
    position:absolute;
    left:0;
    top:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    font-weight:700;
    font-size:20px
}
ul.child-tab-listing li small{
    display:inline-block;
    width:100%;
    font-size:12px;
    line-height:18px;
    font-weight:400
}
ul.order-step-listing li.check-radio .row.d-flex{
    display:flex;
    flex-wrap:wrap;
    margin:0;
    align-items:center
}
ul.order-step-listing li.check-radio:before{
    top:10px
}
ul.order-step-listing li.check-radio .row.d-flex h6{
    margin-bottom:0
}
ul.order-step-listing li .d-flex>.title{
    width:45%
}
ul.order-step-listing li .d-flex>.more-details{
    width:42%
}
ul.order-step-listing li .d-flex>.more-details a{
    font-size:14px;
    font-weight:700
}
ul.order-step-listing li .d-flex>.more-details a.active i,ul.order-step-listing li .d-flex>.more-details a:hover i{
    background:#fff;
    border:2px solid #000
}
ul.order-step-listing li .d-flex>.more-details a.active i{
    transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg)
}
.number-counter{
    width:80px;
    position:relative;
    height:45px;
    border:1px solid #ffda30;
    -webkit-border-radius:2px 2px 2px 2px;
    border-radius:2px 2px 2px 2px;
    margin-right:20px
}
.number-counter input{
    width:100%;
    display:block;
    height:100%;
    padding:0 30px 0 15px;
    font-weight:700;
    font-size:16px;
    border:none
}
.number-counter input:focus{
    border:none;
    box-shadow:none
}
.number-counter .value-button{
    position:absolute;
    width:28px;
    height:22px;
    text-align:center;
    line-height:22px;
    right:0;
    background:#fff;
    border-left:1px solid #ffda30;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    cursor:pointer
}
.number-counter .value-button.counter-minus{
    bottom:0;
    border-top:1px solid #ffda30
}
.number-counter .value-button.counter-plus{
    top:0
}
.number-counter .value-button:focus,.number-counter .value-button:hover{
    background:#ffda30
}
ul.order-step-listing li .btn-link a:after{
    width:calc(100% - 30px);
    opacity:1
}
ul.order-step-listing li .btn-link a.active:after,ul.order-step-listing li .btn-link a:hover:after{
    background:#ffda30
}
ul.order-step-listing li .btn-link a i{
    vertical-align:-2px;
    font-style:normal
}
ul.order-step-listing li .btn-link a:hover i{
    background:#ffda30;
    border:2px solid #ffda30
}
ul.order-step-listing li .btn-link.esp-more-btn a{
    cursor:pointer
}
ul.order-step-listing li .btn-link.esp-more-btn a i{
    text-indent:0;
    line-height:20px
}
.info{
    position:absolute;
    right:0;
    top:0
}
.info a{
    width:22px;
    height:22px;
    background:#dfdfdf;
    border-radius:50%;
    display:inline-block;
    font-size:13px;
    font-family:Pacifico,cursive;
    font-style:italic;
    font-weight:400;
    text-align:center;
    text-indent:-5px;
    line-height:20px
}
.info a:hover{
    background:#ffda30
}
.small-info{
    position:relative;
    right:-5px;
    top:-2px;
    display:inline-block;
    vertical-align:middle
}
.small-info a{
    width:14px;
    height:14px;
    background:#dfdfdf;
    border-radius:50%;
    display:inline-block;
    font-size:10px!important;
    font-family:Pacifico,cursive;
    font-style:italic;
    font-weight:400;
    text-align:center;
    line-height:13px!important;
    text-indent:-2px
}
.small-info a:hover{
    background:#ffda30
}
.info-popup{
    text-align:left;
    padding:50px 60px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    max-width:750px
}
.info-popup .info-title{
    width:100%;
    border-bottom:1px solid #dadada;
    margin-bottom:40px
}
.info-popup .info-title h2{
    margin-bottom:30px
}
.info-popup .info-title h5{
    margin-bottom:15px
}
.info-popup p{
    font-size:16px;
    padding-bottom:20px
}
.info-popup .btn a{
    cursor:pointer
}
.adaptations-info{
    width:100%;
    margin:30px 0 0
}
.adaptations-info ul{
    margin:0
}
.adaptations-info ul li{
    width:100%;
    list-style-type:none;
    counter-increment:listitem;
    position:relative;
    display:inline-block;
    margin:10px 0
}
.adaptations-info ul li::before{
    content:counter(listitem);
    font-size:18px;
    background-color:#ffda30;
    color:#000;
    border-radius:50%;
    text-align:center;
    position:absolute;
    width:30px;
    height:30px;
    font-weight:700;
    line-height:30px;
    margin-top:-3px;
    content:counters(listitem, '.') '.';
    display:none
}
.adaptations-info ul li .position-number span{
    font-size:14px
}
.info-details{
    width:100%;
    margin-top:10px;
    display:none
}
.info-details p{
    font-size:12px;
    font-weight:400;
    padding:0
}
.info-common-details p{
    font-size:12px;
    font-weight:400;
    padding:0
}
.adaptations-info{
    display:none
}
.adaptations-info ul li .title{
    width:65%;
    display:inline-block;
    vertical-align:top
}
.adaptations-info ul li .number-counter{
    display:inline-block
}
.adaptations-info ul li .title h6{
    margin:0
}
.adaptations-info ul li .title h6 small{
    font-size:14px;
    font-weight:500;
    position:relative;
    display:inline-block;
    width:100%
}
.adaptations-info ul li .title .small-info{
    position:absolute;
    right:-28px;
    top:-5px
}
.layout-view{
    width:100%;
    margin:25px 0 0
}
ul.layout-view-listing{
    margin:0;
    display:flex;
    flex-wrap:wrap
}
ul.layout-view-listing li{
    text-align:center;
    list-style:none;
    display:inline-block;
    margin:10px 10px 0 0
}
ul.layout-view-listing li:last-child{
    margin-right:0
}
ul.layout-view-listing li a{
    padding:18px 70px;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    font-size:16px;
    font-weight:700;
    color:#000;
    position:relative;
    display:inline-block
}
ul.layout-view-listing li a span{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
ul.layout-view-listing li a span img{
    display:block;
    margin:0 auto
}
ul.layout-view-listing li a:hover,ul.layout-view-listing li.active a{
    background:#ffda30
}
ul.layout-view-listing li a i{
    background-color:transparent;
    width:32px;
    height:32px;
    border-radius:50%;
    border:1px solid #a5a5a5;
    text-align:center;
    line-height:30px;
    color:#a5a5a5;
    position:absolute;
    right:20px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    font-weight:700;
    font-size:20px;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
ul.layout-view-listing li a.active,ul.layout-view-listing li a:hover{
    background:#ffda30
}
ul.layout-view-listing li a:hover i,ul.layout-view-listing li.active a i{
    background:#fff;
    color:#000;
    border:1px solid #000
}
.custom-chk-section{
    width:100%
}
ul.custom-chk-listing{
    margin-top:0;
    margin-bottom:0
}
ul.custom-chk-listing li.custom-chk{
    margin:14px 0;
    list-style:none;
    width:33%
}
ul.custom-chk-listing li.custom-chk label{
    padding:0 5px 0 25px
}
ul.custom-chk-listing li.custom-chk .small-info{
    top:-3px
}
.custom-radio-section{
    width:100%
}
ul.custom-radio-listing{
    margin-top:0;
    margin-bottom:0
}
ul.custom-radio-listing li.custom-radio{
    margin:10px 0
}
ul.custom-radio-listing li.custom-radio label{
    padding:0 18px 0 25px
}
ul.custom-radio-listing li.custom-radio .small-info{
    top:-1px
}
.project-details-section{
    width:100%;
    display:inline-block
}
.project-details-section .feild-wrap-error{
    max-width:480px
}
.project-details-section label{
    font-size:14px;
    font-weight:700;
    margin-bottom:10px;
    display:block
}
.ProjectDetailSection ul{
    margin:0
}
.ProjectDetailSection ul li{
    list-style:none
}
.ProjectDetailSection ul li h6{
    padding-left:40px;
    font-size:18px;
    margin-bottom:30px
}
.ProjectDetailSection .feild.not-required.success:before{
    display:none
}
.project-details-section .feild input[type=text]{
    max-width:480px;
    color:rgba(0,0,0,.5);
    font-size:14px;
    line-height:24px;
    padding:10px 40px 10px 20px
}
.project-details-section .feild textarea{
    color:rgba(0,0,0,.5);
    font-size:14px;
    line-height:24px;
    border:none;
    min-height:130px
}
.project-details-section .feild textarea:focus{
    box-shadow:none
}
ul.order-step-listing>li .feild label{
    font-size:14px;
    font-weight:700;
    margin-bottom:10px;
    display:block
}
.project-details-section .textarea-wrap{
    border:1px solid #000;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px
}
ul.order-step-listing li .feild.chk-error:before{
    width:40px;
    text-align:center;
    top:2px;
    height:90%;
    right:4px;
    line-height:38px;
    background:#fff
}
.project-details-section input::-webkit-input-placeholder{
    color:rgba(0,0,0,.5);
    opacity:1
}
.project-details-section input::-moz-placeholder{
    color:rgba(0,0,0,.5);
    opacity:1
}
.project-details-section input:-ms-input-placeholder{
    color:rgba(0,0,0,.5);
    opacity:1
}
.project-details-section input:-moz-placeholder{
    color:rgba(0,0,0,.5);
    opacity:1
}
.project-details-section textarea::-webkit-input-placeholder{
    color:rgba(0,0,0,.5);
    opacity:1
}
.project-details-section textarea::-moz-placeholder{
    color:rgba(0,0,0,.5);
    opacity:1
}
.project-details-section textarea:-ms-input-placeholder{
    color:rgba(0,0,0,.5);
    opacity:1
}
.project-details-section textarea:-moz-placeholder{
    color:rgba(0,0,0,.5);
    opacity:1
}
.project-file-section{
    width:100%;
    background:#f2f2f2;
    padding:30px 20px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px
}
.payment-methods{
    width:100%;
    margin:30px 0
}
.payment-methods p{
    font-size:14px;
    padding-bottom:0;
    font-weight:500
}
.payment-methods .payment-methods-wrap{
    display:flex;
    flex-wrap:no-wrap;
    width:100%;
    align-items:center
}
.payment-methods .payment-methods-wrap span{
    padding-right:20px;
    font-size:14px;
    font-weight:500
}
.more-click-wrap ul.custom-chk-listing li{
    display:none
}
.order-step-wrap ul.custom-chk-listing li.custom-chk:nth-of-type(3n+1){
    clear:left
}
.delivery-process{
    width:100%
}
ul.process-listing{
    margin:0;
    display:table
}
ul.process-listing li{
    list-style:none;
    position:relative;
    width:25%;
    z-index:9;
    display:table-cell
}
ul.process-listing li:after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    background:#f2f2f2;
    height:1px;
    width:100%;
    z-index:-1
}
ul.process-listing li:last-child:after{
    display:none
}
ul.process-listing li .listing-box:hover,ul.process-listing li.active .listing-box{
    background:#ffda30
}
ul.process-listing li.active .hrs,ul.process-listing li:hover .hrs{
    background:#fff
}
ul.process-listing li .listing-box{
    background:#f2f2f2;
    padding:14px 8px;
    display:inline-block;
    text-align:center;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    cursor:pointer;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
ul.process-listing li .hrs{
    margin-bottom:15px;
    border-radius:50%;
    width:55px;
    height:52px;
    display:table;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
ul.process-listing li .hrs span{
    font-size:21px;
    font-weight:700;
    line-height:18px;
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%
}
ul.process-listing li .hrs small{
    display:block;
    font-size:14px
}
ul.process-listing li .price-listing{
    width:55px;
    height:52px;
    display:table
}
ul.process-listing li .price-listing span{
    font-size:19px;
    font-weight:700;
    line-height:10px;
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%
}
.fileupload-wrap{
    display:flex;
    flex-wrap:wrap;
    text-align:left
}
.fileupload-wrap .fileupload{
    width:auto;
    margin:0
}
.fileupload-wrap .url-area{
    width:auto
}
.fileupload-wrap .url-area input[type=text].txtbox{
    background:#fff;
    color:#000;
    font-size:12px;
    height:32px;
    margin-bottom:0;
    width:100%;
    border:1px solid #c5c5c5;
    padding:5px 10px;
    -webkit-border-radius:2px 2px 2px 2px;
    border-radius:2px 2px 2px 2px;
    width:350px
}
.fileupload-wrap .url-area input[type=text].txtbox:focus{
    font-weight:500;
    border:1px solid #c5c5c5;
    box-shadow:none
}
.fileupload{
    margin-bottom:10px;
    position:relative;
    width:100%;
    margin:5px auto 0
}
.fileupload .file{
    cursor:pointer;
    height:32px;
    left:0;
    opacity:0;
    position:absolute;
    top:-5px;
    width:100%;
    z-index:1
}
.fileupload a.browse{
    font-size:12px;
    font-weight:400;
    line-height:2.8;
    display:inline-block;
    cursor:pointer
}
.fileupload .fileupload-wrap{
    position:relative
}
.project-details-section .feild .fileupload .txtbox{
    background:#fff;
    color:#c5c5c5;
    font-size:12px;
    height:32px;
    margin-bottom:0;
    width:100%;
    border:1px solid #c5c5c5;
    padding:5px 10px;
    -webkit-border-radius:2px 2px 2px 2px;
    border-radius:2px 2px 2px 2px;
    max-width:350px
}
.fileupload .cancle{
    width:32px;
    height:32px;
    z-index:+1;
    display:none;
    font-size:24px;
    text-align:center;
    position:relative;
    top:4px;
    padding:5px;
    color:#bababa
}
.fileupload .cancle:hover{
    color:#000
}
.fileupload a.browse i{
    display:inline-block;
    vertical-align:-3px;
    padding-right:10px
}
.fileupload a.browse i img{
    display:block;
    margin:0 auto
}
.fileupload a.browse span{
    position:relative;
    margin-right:20px
}
.fileupload a.browse span:after{
    content:"";
    position:absolute;
    right:-10px;
    top:1px;
    width:1px;
    height:13px;
    background:#000
}
.fileupload a.browse span:after{
    width:100%;
    height:2px;
    bottom:-3px;
    right:inherit;
    top:inherit;
    left:0
}
.fileupload a.browse span:hover:after{
    background:#ffda30
}
.progress-section{
    width:100%;
    border-top:1px solid #c5c5c5;
    padding:15px 0;
    margin-top:20px;
    display:none
}
.progress-bar{
    width:30%;
    background:#fff;
    position:relative;
    height:30px;
    -webkit-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    padding-right:15px
}
.progress-bar:last-child{
    padding-right:0
}
.progress-bar .bar{
    background:#ffda30;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    height:30px;
    -webkit-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    width:0;
    font-size:12px;
    text-indent:10px;
    line-height:30px
}
.progress-bar .upload-error{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    right:30px;
    font-size:20px;
    cursor:pointer
}
.progress-bar .close{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    right:10px;
    font-size:20px;
    cursor:pointer
}
.tooltips{
    background:#fff;
    -webkit-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    border:1px solid #999;
    padding:10px;
    position:absolute;
    top:35px;
    min-width:250px;
    left:-30px
}
.tooltips p{
    font-size:12px;
    line-height:1.3;
    color:#999;
    padding:0
}
.tooltips:before{
    content:"";
    position:absolute;
    left:29px;
    top:-6px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 6px 7px 6px;
    border-color:transparent transparent #fff transparent;
    z-index:9
}
.tooltips:after{
    content:"";
    position:absolute;
    left:28px;
    top:-8px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 7px 7px 7px;
    border-color:transparent transparent #999 transparent
}
.sticky-parent{
    position:relative;
    overflow:hidden
}
.sticky-parent.active>.col-lg-8{
    display:none
}
.sticky-parent.active>.col-lg-4{
    display:none
}
.sidebar{
    position:relative;
    z-index:100;
    background:#fff;
    overflow:hidden;
    width:330px
}
#sticky.stick{
    position:fixed;
    top:0
}
.job-sidebar{
    width:100%;
    padding-left:12px
}
.job-details{
    margin:0 0 30px;
    display:inline-block;
    width:100%;
    border:2px solid #ffda30;
    -webkit-border-radius:2px 2px 2px 2px;
    border-radius:2px 2px 2px 2px
}
.job-details .job-title{
    background:#ffda30;
    padding:15px 20px
}
.job-details .job-title h5{
    margin:0
}
.job-details ul{
    margin:0;
    padding:10px 20px
}
.job-details ul li{
    list-style:none;
    font-size:14px;
    font-weight:400;
    border-bottom:1px solid #e7e7e7;
    margin:9px 0;
    padding-bottom:8px;
    position:relative;
    padding-right:70px
}
.job-details ul li .price{
    position:absolute;
    right:0;
    top:6px;
    font-size:16px;
    font-weight:700;
    line-height:1
}
.job-details ul li.sub-total{
    border-color:#ffda30
}
.job-details .estimated-delivery-time{
    padding:0 20px
}
.job-details .estimated-delivery-time p{
    font-size:14px;
    line-height:20px
}
.job-details .estimated-delivery-time p span{
    font-weight:400;
    display:block
}
.estimated-total{
    width:100%;
    background:#ffda30;
    padding:15px 20px;
    margin-bottom:30px;
    -webkit-border-radius:2px 2px 2px 2px;
    border-radius:2px 2px 2px 2px;
    font-size:16px;
    font-weight:700;
    position:relative
}
.estimated-total .estimated-wrap{
    width:calc(100% - 70px)
}
.estimated-total .estimated-wrap .price{
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
.place-order{
    width:100%;
    background:#f5f5f5
}
.place-order .order-title{
    border-bottom:2px solid rgba(0,0,0,.1);
    padding:25px 20px 20px
}
.place-order .order-title h5{
    margin:0
}
.place-order-wrap{
    width:100%;
    padding:30px 20px
}
.place-order-wrap ul{
    margin:0 0 20px 0
}
.place-order-wrap ul li{
    margin:5px 0;
    width:100%
}
.place-order-wrap ul li.custom-chk label{
    font-size:12px
}
.place-order-wrap .submit-feild{
    text-align:center;
    margin-bottom:30px
}
.cart{
    position:absolute;
    right:150px;
    z-index:999;
    top:120px
}
.cart.cartsticky{
    position:fixed
}
.cart a{
    width:60px;
    height:60px;
    display:inline-block;
    padding:10px;
    background:#ffda30;
    border-radius:50%;
    text-align:center;
    border:2px solid #fff
}
.cart a img{
    display:block;
    margin:0 auto;
    top:8px;
    position:relative
}
.cart a span{
    width:30px;
    height:30px;
    background:#fff;
    box-shadow:0 0 0 2px #000 inset;
    -webkit-box-shadow:0 0 0 2px #000 inset;
    border-radius:50%;
    display:inline-block;
    text-align:center;
    line-height:30px;
    font-size:14px;
    font-weight:700;
    position:absolute;
    top:-10px;
    right:-10px
}
ul.delivery-listing{
    width:100%;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0
}
ul.delivery-listing>li{
    width:50%;
    list-style:none;
    text-align:center;
    border:1px solid #ffda30;
    margin:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    cursor:pointer;
    position:relative
}
ul.delivery-listing li:first-child{
    -webkit-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px
}
ul.delivery-listing li:last-child{
    border-right:1px solid #ffda30;
    -webkit-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0
}
ul.delivery-listing li.active{
    background:#ffda30
}
ul.delivery-listing li.active i{
    background:#fff;
    color:#000;
    border:1px solid #000
}
ul.delivery-listing>li.check-radio label{
    padding:40px 55px
}
ul.delivery-listing li h4{
    text-transform:none;
    font-size:22px;
    display:inline-block;
    position:relative;
    padding-left:45px;
    line-height:32px;
    margin-bottom:10px
}
ul.delivery-listing li h4 i{
    background-color:transparent;
    width:32px;
    height:32px;
    border-radius:50%;
    border:1px solid #a5a5a5;
    text-align:center;
    line-height:30px;
    color:#a5a5a5;
    position:absolute;
    left:0;
    top:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    font-weight:700;
    font-size:20px
}
ul.delivery-listing li small{
    display:inline-block;
    width:100%
}
ul.delivery-listing li .delivery-price{
    font-size:20px;
    font-weight:700;
    margin:20px 0 10px
}
ul.delivery-listing li span{
    font-size:14px;
    font-weight:500
}
.other-services-tab{
    width:100%;
    text-align:center;
    clear:left;
    padding:0
}
.other-services-tab .main{
    max-width:1020px
}
.other-services-tab hr{
    border-bottom:1px solid #e1e1e1;
    margin:50px 50px
}
ul.other-services-listing{
    margin:0 auto
}
ul.other-services-listing li{
    list-style:none;
    position:relative;
    font-size:14px;
    font-weight:500;
    color:#000;
    padding:0 10px;
    display:inline-block;
    margin:0 0 5px 0
}
ul.other-services-listing li:after{
    content:"";
    position:absolute;
    right:-2px;
    top:4px;
    width:2px;
    height:14px;
    background:#000
}
ul.other-services-listing li:last-child:after{
    display:none
}
.other-services-tab h5{
    font-weight:400;
    margin-bottom:30px
}
.other-services-tab #get-in-touch{
    text-align:left;
    max-width:890px;
    margin:0 auto
}
.other-services-tab #get-in-touch h5{
    font-weight:500;
    text-align:center;
    margin-bottom:40px
}
.design-codding-brief{
    width:100%
}
.design-codding-brief label{
    font-size:14px;
    font-weight:700;
    margin-bottom:10px;
    display:block
}
.design-codding-brief>p{
    font-weight:500;
    font-size:14px;
    line-height:24px
}
.design-codding-brief .btn a{
    padding:14px 30px
}
.custom-scrollbar{
    width:100%;
    height:100vh;
    overflow:auto;
    padding:50px 0 10px
}
.our-cart{
    position:fixed;
    top:0;
    right:-510px;
    width:510px;
    background:#fff;
    text-align:center;
    z-index:1000;
    height:100%;
    transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -webkit-transition:all .5s ease 0s;
    -ms-transition:all .5s ease 0s
}
.our-cart .close-btn{
    position:absolute;
    width:40px;
    height:40px;
    text-align:center;
    top:10px;
    right:10px;
    color:#000;
    font-size:26px;
    cursor:pointer;
    -webkit-transition:color .3s ease-in-out;
    -o-transition:color .3s ease-in-out;
    transition:color .3s ease-in-out;
    font-weight:500;
    text-align:center
}
.final-cart.active .our-cart{
    right:0
}
.our-cart .content-wrap{
    padding:30px 60px;
    text-align:left
}
.cart-item-heading{
    background:#f1f1f1;
    padding:20px 60px;
    text-align:left
}
.cart-item-heading h5{
    margin:0;
    color:#272727
}
.cart-modify{
    width:100%;
    text-align:right;
    margin-bottom:20px
}
.cart-modify ul{
    margin:0
}
.cart-modify ul li{
    display:inline-block;
    vertical-align:middle;
    margin:0 0 0 5px;
    cursor:pointer
}
.cart-modify ul li img{
    display:block
}
ul.item-price{
    margin:0 0 20px 0;
    width:100%;
    text-align:left;
    border-bottom:2px solid #e3e3e3;
    padding-bottom:20px
}
ul.item-price li{
    list-style:none;
    position:relative;
    font-size:14px;
    font-weight:500;
    margin:5px 0;
    padding-right:100px;
    display:inline-block;
    width:100%
}
ul.item-price li span{
    position:absolute;
    right:0;
    top:0
}
ul.item-price-total{
    margin:0 0 20px 0;
    width:100%;
    text-align:left;
    padding-bottom:20px
}
ul.item-price-total li{
    list-style:none;
    position:relative;
    font-size:14px;
    font-weight:700;
    margin:5px 0;
    padding-right:150px;
    padding-right:100px;
    display:inline-block;
    width:100%
}
ul.item-price-total li span{
    position:absolute;
    right:0;
    top:0;
    width:160px;
    text-align:right
}
.cart-item-total{
    background:#f0d337;
    padding:20px 60px;
    text-align:left
}
.cart-item-total h6{
    font-size:16px;
    margin:0;
    padding-right:100px;
    position:relative;
    color:#272727
}
.cart-item-total h6 span{
    position:absolute;
    right:0;
    top:0
}
.coupon-code-block{
    width:100%;
    text-align:center
}
.coupon-code-block .coupon-code{
    background:#f5f5f5;
    padding:15px 20px;
    text-align:left
}
.coupon-code label{
    font-size:16px;
    font-weight:700;
    color:#000;
    display:block;
    position:relative;
    cursor:pointer;
    padding-right:50px
}
.coupon-code i{
    width:30px;
    height:30px;
    background:#f0d337;
    font-size:18px;
    text-align:center;
    line-height:28px;
    -webkit-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
.coupon-code .coupon-code-wrap{
    display:none
}
.coupon-code-block input[type=text]{
    border:1px solid #dadada;
    color:#000;
    font-size:14px;
    height:36px;
    padding:5px 10px;
    -webkit-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    margin-top:15px
}
.coupon-code-block .submit-feild{
    margin:50px auto;
    text-align:center;
    display:inline-block;
    position:relative;
    z-index:9;
    overflow:hidden
}
.coupon-code-block .submit-feild input[type=button]{
    padding:15px 100px;
    background-color:transparent
}
.our-cart .place-order-wrap{
    padding:0;
    text-align:center
}
.our-cart .place-order-wrap ul{
    text-align:left
}
.place-order-wrap p{
    font-size:14px;
    font-weight:500;
    padding-bottom:20px;
    text-align:center
}
.place-order-wrap figure img{
    display:block;
    margin:0 auto
}
.coupon-code-srip{
    width:100%;
    margin-bottom:30px
}
.coupon-code-srip .coupon-code-block{
    display:flex;
    flex-wrap:wrap;
    position:relative
}
.coupon-code-srip .coupon-code-block .submit-feild{
    margin:0
}
.coupon-code-srip .coupon-code label{
    font-size:14px;
    padding-right:30px
}
.coupon-code-srip .coupon-code-block .coupon-code{
    padding:11px 12px;
    width:calc(100% - 90px)
}
.coupon-code-srip .coupon-code-block .submit-feild{
    position:absolute;
    right:0;
    top:0;
    margin:0;
    width:auto
}
.coupon-code-srip .coupon-code-block .submit-feild input[type=button]{
    padding:10px 15px;
    background-color:transparent;
    font-size:13px;
    height:auto
}
.coupon-code-srip .coupon-code-block input[type=text]{
    height:32px;
    font-size:12px
}
.coupon-code-srip .coupon-code i{
    width:25px;
    height:25px;
    line-height:25px;
    border-radius:0
}
.coupon-code-block .submit-feild input[type=button]:focus,.coupon-code-block .submit-feild input[type=button]:hover{
    border-color:#ffda30
}
.coupon-code-block .submit-feild span{
    background:#ffda30
}
.your-order-change{
    text-align:center
}
.disc-message{
    font-size:12px;
    background:#ffda30;
    padding:5px 10px;
    color:#000
}
form .feild{
    position:relative
}
.subscribe-section span.error{
    font-size:12px
}
.get-in-touch-section span.error{
    background:#f3f3f3
}
.get-in-touch-section.white-bg span.error{
    background:#fff
}
.get-in-touch-section span.error::before{
    border-color:transparent transparent #f3f3f3 transparent
}
span.error{
    z-index:1;
    width:100%;
    font-size:12px;
    padding:8px 12px;
    background-color:#fff;
    color:#000;
    position:absolute;
    top:-140%;
    left:-25%;
    transform:translateY(9px);
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    border:1px solid #000;
    width:auto;
    visibility:visible;
    transform:translateY(-10px);
    opacity:1;
    top:auto;
    left:0;
    bottom:-49px
}
span.error::after{
    content:"";
    position:absolute;
    left:30px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 7px 7px 7px;
    border-color:transparent transparent #000 transparent
}
span.error::before{
    content:"";
    position:absolute;
    left:30px;
    width:0;
    z-index:1;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 6px 6px 6px;
    border-color:transparent transparent #fff transparent
}
span.error::after{
    top:-7px;
    left:30px
}
span.error::before{
    top:-6px;
    left:31px
}
.btn span{
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-radius:50%;
    background-color:#f3f3f3;
    transition:width .4s ease-in-out,height .4s ease-in-out;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:-1
}
.btn.white-bg span{
    background:#fff
}
.btn a:hover span{
    width:225%;
    height:562.5px
}
.btn-small{
    position:relative;
    overflow:hidden
}
.btn-small span{
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-radius:50%;
    background-color:#fff;
    transition:width .4s ease-in-out,height .4s ease-in-out;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:-1
}
.btn-small a:hover span{
    width:225%;
    height:562.5px
}
.btn-border span{
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-radius:50%;
    background-color:#ffda30;
    transition:width .4s ease-in-out,height .4s ease-in-out;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:-1
}
.btn-border a:hover span{
    width:225%;
    height:562.5px
}
.submit-feild{
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    position:relative;
    overflow:hidden;
    display:inline-block
}
.submit-feild span{
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-radius:50%;
    background-color:#fff;
    transition:width .4s ease-in-out,height .4s ease-in-out;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:-1
}
.submit-feild:hover span{
    width:225%;
    height:562.5px
}
.service-banner{
    padding:140px 0
}
.service-banner h1{
    margin-bottom:40px
}
.service-banner p{
    padding-bottom:45px;
    font-size:16px
}
.service-banner.banner-section ul.dots-listing{
    margin-top:0
}
.service-banner .banner-content-wrap p{
    padding-bottom:25px
}
.services-banner-map{
    width:1000px;
    position:absolute;
    right:0;
    top:0;
    padding:100px 0
}
.map-link-wrap .map-link-item{
    position:absolute;
    z-index:9;
    border:6px solid transparent;
    border-radius:50%;
    cursor:pointer
}
.map-link-wrap .map-link-item img{
    display:block
}
.map-link-wrap .map-link-item:before{
    box-shadow:0 0 0 0 rgba(0,0,0,.25);
    width:30px;
    height:30px;
    border-radius:100%;
    opacity:0;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    margin:0 auto;
    z-index:-1;
    content:'';
    transform:translateY(-50%);
    -webkit-animation:sdb03 1.5s infinite;
    animation:sdb03 1.5s infinite
}
.map-link-wrap .map-link-item:first-child:before{
    -webkit-animation:sdb03 2.5s infinite;
    animation:sdb03 2.5s infinite
}
.map-link-wrap .map-link-item:nth-child(2):before{
    -webkit-animation:sdb03 3s infinite;
    animation:sdb03 3s infinite
}
.map-link-wrap .map-link-item:nth-child(3):before{
    -webkit-animation:sdb03 3.5s infinite;
    animation:sdb03 3.5s infinite
}
.map-link-wrap .map-link-item:nth-child(4):before{
    -webkit-animation:sdb03 4s infinite;
    animation:sdb03 4s infinite
}
.map-link-wrap .map-link-item:nth-child(5):before{
    -webkit-animation:sdb03 4.5s infinite;
    animation:sdb03 4.5s infinite
}
.map-link-wrap .map-link-item:nth-child(6):before{
    -webkit-animation:sdb03 5s infinite;
    animation:sdb03 5s infinite
}
.map-link-wrap .map-link-item:nth-child(7):before{
    -webkit-animation:sdb03 5.5s infinite;
    animation:sdb03 5.5s infinite
}
.map-link-wrap .map-link-item:nth-child(8):before{
    -webkit-animation:sdb03 6s infinite;
    animation:sdb03 6s infinite
}
.map-link-wrap .map-link-item:nth-child(9):before{
    -webkit-animation:sdb03 2.5s infinite;
    animation:sdb03 6.5s infinite
}
.map-link-wrap .map-link-item:nth-child(10):before{
    -webkit-animation:sdb03 3s infinite;
    animation:sdb03 3s infinite
}
.map-link-wrap .map-link-item:nth-child(11):before{
    -webkit-animation:sdb03 3.5s infinite;
    animation:sdb03 3.5s infinite
}
.map-link-wrap .map-link-item:nth-child(12):before{
    -webkit-animation:sdb03 4s infinite;
    animation:sdb03 4s infinite
}
.map-link-wrap .map-link-item:nth-child(13):before{
    -webkit-animation:sdb03 4.5s infinite;
    animation:sdb03 4.5s infinite
}
.map-link-wrap .map-link-item:nth-child(14):before{
    -webkit-animation:sdb03 5s infinite;
    animation:sdb03 5s infinite
}
.map-link-wrap .map-link-item:nth-child(15):before{
    -webkit-animation:sdb03 5.5s infinite;
    animation:sdb03 5.5s infinite
}
.map-link-wrap .map-link-item:first-child{
    top:95px;
    left:250px
}
.map-link-wrap .map-link-item:nth-child(2){
    top:132px;
    left:125px
}
.map-link-wrap .map-link-item:nth-child(3){
    top:212px;
    left:45px
}
.map-link-wrap .map-link-item:nth-child(4){
    top:225px;
    left:200px
}
.map-link-wrap .map-link-item:nth-child(5){
    top:312px;
    left:135px
}
.map-link-wrap .map-link-item:nth-child(6){
    top:412px;
    left:185px
}
.map-link-wrap .map-link-item:nth-child(7){
    top:170px;
    right:485px
}
.map-link-wrap .map-link-item:nth-child(8){
    top:150px;
    right:380px
}
.map-link-wrap .map-link-item:nth-child(9){
    top:170px;
    right:235px
}
.map-link-wrap .map-link-item:nth-child(10){
    top:250px;
    right:435px
}
.map-link-wrap .map-link-item:nth-child(11){
    top:280px;
    right:260px
}
.map-link-wrap .map-link-item:nth-child(12){
    top:370px;
    right:480px
}
.map-link-wrap .map-link-item:nth-child(13){
    top:465px;
    right:90px
}
.map-link-wrap .map-link-item:nth-child(14){
    top:500px;
    right:190px
}
.map-link-wrap .map-link-item:nth-child(15){
    top:545px;
    right:80px
}
.map-content-item{
    width:260px;
    height:auto;
    border:1px solid #000;
    background-color:#fff;
    border-radius:5px;
    padding:20px 10px;
    opacity:0;
    -webkit-transform:translateX(12px);
    -ms-transform:translateX(12px);
    -o-transform:translateX(12px);
    transform:translateX(12px);
    font-size:13px;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    position:relative;
    text-align:center;
    position:absolute;
    z-index:99;
    visibility:hidden
}
.map-content-item:after,.map-content-item:before{
    width:0;
    height:0;
    border-style:solid;
    border-width:15px 16px 15px 0;
    border-color:transparent #000 transparent transparent;
    content:'';
    position:absolute;
    top:40px
}
.map-content-item:before{
    right:100%
}
.map-content-item:after{
    right:calc(100% - 1px);
    border-right-color:#fff
}
.map-content-item p{
    padding-bottom:5px;
    font-size:12px;
    line-height:1.4
}
.close-item{
    position:absolute;
    width:20px;
    height:20px;
    text-align:center;
    top:0;
    right:0;
    font-size:14px;
    cursor:pointer;
    -webkit-transition:color .3s ease-in-out;
    -o-transition:color .3s ease-in-out;
    transition:color .3s ease-in-out;
    font-weight:500
}
.close-item:focus,.close-item:hover{
    color:#000
}
.map-content-item:first-child{
    top:80px;
    left:345px
}
.map-content-item:nth-child(2){
    top:120px;
    left:220px
}
.map-content-item:nth-child(3){
    top:210px;
    left:150px
}
.map-content-item:nth-child(4){
    top:220px;
    left:305px
}
.map-content-item:nth-child(5){
    top:300px;
    left:230px
}
.map-content-item:nth-child(6){
    top:395px;
    left:275px
}
.map-content-item:nth-child(7){
    top:155px;
    left:165px
}
.map-content-item:nth-child(8){
    top:140px;
    left:265px
}
.map-content-item:nth-child(9){
    top:155px;
    left:420px
}
.map-content-item:nth-child(10){
    top:245px;
    left:195px
}
.map-content-item:nth-child(11){
    top:265px;
    left:390px
}
.map-content-item:nth-child(12){
    top:360px;
    left:160px
}
.map-content-item:nth-child(13){
    top:455px;
    right:185px
}
.map-content-item:nth-child(14){
    top:488px;
    right:282px
}
.map-content-item:nth-child(15){
    top:520px;
    right:152px
}
.map-content-item:nth-child(7) .close-item{
    right:auto;
    left:0
}
.map-content-item:nth-child(8) .close-item{
    right:auto;
    left:0
}
.map-content-item:nth-child(9) .close-item{
    right:auto;
    left:0
}
.map-content-item:nth-child(10) .close-item{
    right:auto;
    left:0
}
.map-content-item:nth-child(11) .close-item{
    right:auto;
    left:0
}
.map-content-item:nth-child(12) .close-item{
    right:auto;
    left:0
}
.map-content-item:nth-child(13) .close-item{
    right:auto;
    left:0
}
.map-content-item:nth-child(14) .close-item{
    right:auto;
    left:0
}
.map-content-item:nth-child(15) .close-item{
    right:auto;
    left:0
}
.agencies-banner-section.banner-section h1{
    margin-bottom:35px
}
.agencies-banner-section .services-banner-map{
    padding:100px 0
}
.agencies-banner-section .map-link-wrap .map-link-item:first-child{
    top:100px;
    left:260px
}
.agencies-banner-section .map-link-wrap .map-link-item:nth-child(2){
    top:160px;
    left:45px
}
.agencies-banner-section .map-link-wrap .map-link-item:nth-child(8){
    top:333px;
    right:397px
}
.agencies-banner-section .map-link-wrap .map-link-item:nth-child(4){
    top:435px;
    left:205px
}
.agencies-banner-section .map-link-wrap .map-link-item:nth-child(3){
    top:222px;
    left:208px
}
.agencies-banner-section .map-link-wrap .map-link-item:nth-child(5){
    top:210px;
    right:462px;
    left:auto
}
.agencies-banner-section .map-link-wrap .map-link-item:nth-child(6){
    top:160px;
    right:355px;
    left:auto
}
.agencies-banner-section .map-link-wrap .map-link-item:nth-child(7){
    top:332px;
    right:397px
}
.agencies-banner-section .map-content-item:first-child{
    top:95px;
    left:375px
}
.agencies-banner-section .map-content-item:nth-child(2){
    top:165px;
    left:155px
}
.agencies-banner-section .map-content-item:nth-child(3){
    top:220px;
    left:315px
}
.agencies-banner-section .map-content-item:nth-child(4){
    top:430px;
    left:295px
}
.agencies-banner-section .map-content-item:nth-child(5){
    top:200px;
    left:180px
}
.agencies-banner-section .map-content-item:nth-child(6){
    top:160px;
    left:265px
}
.agencies-banner-section .map-content-item:nth-child(7){
    top:308px;
    left:272px
}
.agencies-banner-section .map-content-item:nth-child(5) .close-item{
    right:auto;
    left:0
}
.agencies-banner-section .map-content-item:nth-child(6) .close-item{
    right:auto;
    left:0
}
.agencies-banner-section .map-content-item:nth-child(5):after,.agencies-banner-section .map-content-item:nth-child(6):after{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    left:calc(100% - 0px)
}
.agencies-banner-section .map-content-item:nth-child(5):before,.agencies-banner-section .map-content-item:nth-child(6):before{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    left:calc(100% - -1px)
}
.map-content-item:nth-child(10):before,.map-content-item:nth-child(11):before,.map-content-item:nth-child(12):before,.map-content-item:nth-child(13):before,.map-content-item:nth-child(14):before,.map-content-item:nth-child(15):before,.map-content-item:nth-child(7):before,.map-content-item:nth-child(8):before,.map-content-item:nth-child(9):before{
    left:100%
}
.map-content-item:nth-child(10):after,.map-content-item:nth-child(10):before,.map-content-item:nth-child(11):after,.map-content-item:nth-child(11):before,.map-content-item:nth-child(12):after,.map-content-item:nth-child(12):before,.map-content-item:nth-child(13):after,.map-content-item:nth-child(13):before,.map-content-item:nth-child(14):after,.map-content-item:nth-child(14):before,.map-content-item:nth-child(15):after,.map-content-item:nth-child(15):before,.map-content-item:nth-child(7):after,.map-content-item:nth-child(7):before,.map-content-item:nth-child(8):after,.map-content-item:nth-child(8):before,.map-content-item:nth-child(9):after,.map-content-item:nth-child(9):before{
    -webkit-transform:scaleX(-1);
    -ms-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1)
}
.map-content-item:nth-child(10):after,.map-content-item:nth-child(11):after,.map-content-item:nth-child(12):after,.map-content-item:nth-child(13):after,.map-content-item:nth-child(14):after,.map-content-item:nth-child(15):after,.map-content-item:nth-child(7):after,.map-content-item:nth-child(8):after,.map-content-item:nth-child(9):after{
    left:calc(100% - 1px)
}
.map-content-item.open{
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none;
    visibility:visible
}
@-webkit-keyframes sdb03{
    0%{
        opacity:0
    }
    30%{
        opacity:1
    }
    60%{
        box-shadow:0 0 0 50px rgba(0,0,0,.1);
        opacity:0
    }
    100%{
        opacity:0
    }
}
@keyframes sdb03{
    0%{
        opacity:0
    }
    30%{
        opacity:1
    }
    60%{
        box-shadow:0 0 0 50px rgba(0,0,0,.1);
        opacity:0
    }
    100%{
        opacity:0
    }
}
.help-section{
    width:100%;
    padding:110px 0 100px;
    text-align:center
}
.help-section h2{
    margin-bottom:45px
}
.help-section .btn-border{
    margin-top:10px
}
.help-section.yellow-bg .btn a:hover{
    border-color:#000
}
.help-section.yellow-bg .btn-border span{
    background:#fff
}
ul.help-listing li{
    list-style:none
}
ul.help-listing.row-flex{
    align-items:inherit
}
ul.help-listing li figure{
    width:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:36%;
    margin-bottom:10px;
    -webkit-border-radius:8px 8px;
    border-radius:8px 8px
}
ul.help-listing li p{
    font-size:14px;
    line-height:26px
}
ul.help-listing li h4{
    margin-bottom:15px
}
ul.help-listing li .help-listing-wrap{
    border:1px solid #c9c9c9;
    -webkit-border-radius:8px 8px 8px 8px;
    border-radius:8px 8px 8px 8px;
    height:100%
}
ul.help-listing li .help-listing-wrap .help-listing-content{
    padding:20px
}
ul.help-listing ul.price-listing li{
    text-align:left;
    width:100%;
    border-bottom:1px solid #c9c9c9;
    padding:5px 0 10px;
    margin:4px 0;
    position:relative
}
ul.help-listing ul.price-listing li:last-child{
    border-bottom:none
}
ul.help-listing ul.price-listing li a{
    font-size:14px;
    display:inline-block;
    width:100%;
    padding-right:30px;
    line-height:20px;
    position:relative
}
ul.help-listing ul.price-listing li a i{
    width:20px;
    height:20px;
    line-height:16px;
    font-size:16px;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    margin-top:-1px
}
ul.help-listing ul.price-listing li a span:after{
    bottom:0
}
.expertise-section{
    width:100%
}
.section-wrap.expertise-section ul.price-listing{
    margin-bottom:25px;
    display:block;
    height:auto
}
.section-wrap.expertise-section ul.dots-listing li{
    margin:5px 0
}
.expertise-section .btn-border a{
    padding:14px 30px
}
.image-left-overlay figure img{
    max-width:inherit;
    float:right
}
.single-item .row{
    margin:0;
    width:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.single-item .row:after,.single-item .row:before,.table-wrap .row:after,.table-wrap .row:before,ul.why-choose-listing.row:after,ul.why-choose-listing.row:before{
    display:none
}
.single-item .row .col-lg-4{
    list-style:none;
    margin:40px 0;
    width:33.333%;
    float:none
}
.single-item .row .col-lg-6{
    list-style:none;
    margin:10px 0 50px;
    float:none
}
.single-item .slick-dots{
    bottom:0
}
.supports-section .slick-prev{
    margin-top:-25px;
    left:-50px
}
.supports-section .slick-next{
    margin-top:-25px;
    right:-50px
}
.resp-tabs-list li{
    font-size:18px;
    display:inline-block;
    padding:15px 20px;
    margin:0;
    list-style:none;
    cursor:pointer;
    color:#000;
    font-weight:500;
    text-align:center;
    border:1px solid #ffda30;
    border-right:none
}
.resp-tabs-list li:last-child{
    border-right:1px solid #ffda30
}
.resp-tabs-container{
    padding:0;
    background-color:#fff;
    clear:left
}
h2.resp-accordion{
    cursor:pointer;
    padding:5px;
    display:none
}
.resp-tab-content{
    display:none
}
.what-we-do-section .resp-tab-content .row{
    margin-left:0;
    margin-right:0
}
.what-we-do-section .resp-tab-content .row .col-lg-6{
    padding-left:0;
    padding-right:0
}
.resp-accordion-active,.resp-content-active{
    display:block
}
h2.resp-accordion{
    font-size:18px;
    border:1px solid #dfdfdf;
    border-top:0 solid #c1c1c1;
    margin:0;
    padding:15px 20px;
    margin-bottom:0!important;
    text-align:left!important;
    position:relative
}
h2.resp-tab-active{
    border-bottom:0 solid #c1c1c1!important;
    margin-bottom:0!important
}
.resp-vtabs ul.resp-tabs-list{
    float:left;
    width:30%
}
.resp-vtabs .resp-tabs-list li{
    display:block;
    padding:15px 15px!important;
    margin:0;
    cursor:pointer;
    float:none
}
.resp-vtabs .resp-tabs-container{
    padding:0;
    background-color:#fff;
    border:1px solid #c1c1c1;
    float:left;
    width:68%;
    min-height:250px;
    border-radius:4px;
    clear:none
}
.resp-vtabs .resp-tab-content{
    border:none
}
.resp-vtabs li.resp-tab-active{
    border:1px solid #c1c1c1;
    border-right:none;
    background-color:#fff;
    position:relative;
    z-index:1;
    margin-right:-1px!important;
    padding:14px 15px 15px 14px!important
}
.resp-arrow{
    width:24px;
    height:24px;
    text-align:center;
    line-height:0;
    background:#ffda30;
    border-radius:50%;
    font-size:20px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    border:2px solid #ffda30;
    display:inline-block;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
.resp-arrow:after{
    content:'\f2f9';
    font-family:Material-Design-Iconic-Font;
    font-size:20px;
    left:0;
    right:0;
    margin:0 auto;
    position:absolute;
    top:50%;
    font-weight:400;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    margin-top:1px
}
.resp-arrow:hover{
    background:#fff;
    border:2px solid #000
}
h2.resp-tab-active .resp-arrow{
    background:#fff;
    border:2px solid #000
}
h2.resp-tab-active .resp-arrow:after{
    transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    margin-top:0
}
h2.resp-tab-active{
    background:#ffda30!important
}
.resp-easy-accordion h2.resp-accordion{
    display:block
}
.resp-easy-accordion .resp-tab-content{
    border:1px solid #dfdfdf
}
.resp-easy-accordion .resp-tab-content:last-child{
    border-bottom:1px solid #dfdfdf!important
}
.resp-jfit{
    width:100%;
    margin:0
}
.resp-tab-content-active{
    display:block
}
h2.resp-accordion:first-child{
    border-top:1px solid #dfdfdf!important
}
.what-we-do-section{
    width:100%;
    padding-top:65px
}
.what-we-do-section h2{
    text-align:center;
    margin-bottom:50px
}
.what-we-do-section ul.resp-tabs-list{
    display:table;
    width:100%;
    margin:0
}
.what-we-do-section ul.resp-tabs-list>li{
    width:20%;
    display:table-cell;
    vertical-align:middle;
    padding:35px 20px;
    position:relative;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    z-index:10
}
.what-we-do-section ul.resp-tabs-list>li:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-20px;
    width:0;
    height:0;
    border-style:solid;
    border-width:20px 20px 0 20px;
    border-color:#ffda30 transparent transparent transparent;
    margin:0 auto;
    opacity:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.what-we-do-section ul.resp-tabs-list>li:hover{
    background:#ffda30
}
.what-we-do-section ul.resp-tabs-list>li.resp-tab-active{
    font-weight:700;
    background:#ffda30
}
.what-we-do-section ul.resp-tabs-list>li.resp-tab-active:after,.what-we-do-section ul.resp-tabs-list>li:hover:after{
    opacity:1
}
.tab-video-wrap{
    width:100%;
    background:#f0eacb;
    height:100%;
    text-align:center
}
.tab-video-wrap video{
    width:100%;
    height:100%;
    max-width:750px;
    margin:0 auto
}
.video-popup{
    width:100%
}
.video-popup .video-popup-thumb{
    position:relative;
    text-align:center
}
.video-popup a{
    display:block;
    margin:0 auto
}
.video-popup .video-popup-btn{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
.video-popup .video-popup-btn span{
    background:#ffda30;
    padding:4px 35px;
    -webkit-border-radius:8px 8px 8px 8px;
    border-radius:8px 8px 8px 8px;
    display:inline-block;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.video-popup .video-popup-btn span i{
    font-size:50px;
    color:#fff;
    padding-left:4px
}
.video-popup a:hover span{
    background:#000
}
.what-we-do-section .content-right{
    padding:100px 40px;
    max-width:700px
}
.banner-section .tab-video-wrap{
    background:#f3f3f3
}
.banner-section .tab-video-wrap video{
    background:#f3f3f3
}
.what-we-do-section .content-right p{
    padding-bottom:20px
}
.what-we-do-section .content-right span{
    font-size:16px
}
.what-we-do-section .content-right .btn-inline{
    margin:30px 0
}
.what-we-do-section .content-right .btn-inline .btn{
    display:inline-block;
    margin-right:25px
}
.what-we-do-section .content-right .btn-inline .btn a{
    margin-right:0
}
.what-we-do-section .content-right .btn-inline .btn a span{
    background:#fff
}
.what-we-do-section .content-right .btn-inline .btn-border a span{
    background:#ffda30
}
.what-we-do-section .grey-bg .content-right .btn-inline .btn a span{
    background-color:#f3f3f3
}
.your-order-change p{
    padding-bottom:40px;
    font-size:18px
}
.btn-inline .btn{
    display:inline-block;
    margin-right:25px
}
.btn a.mfp-close{
    width:auto;
    height:auto
}
.btn a.mfp-close:after{
    display:none
}
.btn a.mfp-close:hover{
    background-color:#ffda30
}
.what-we-do-section .content-right .btn a{
    padding:14px 30px
}
.what-we-do-section .content-right .btn{
    margin-bottom:20px
}
.what-we-do-section .content-right .btn-link{
    margin-bottom:40px
}
.what-we-do-section .btn-link a{
    font-size:16px
}
.what-we-do-section ul.price-listing{
    margin:10px auto
}
.what-we-do-section .video-left-wrap{
    width:100%;
    height:100%;
    background:#fff2ab
}
.what-we-do-section ul.dots-listing li{
    display:block;
    margin:8px 0;
    padding:0 15px!important
}
.e-operation-support-banner{
    width:100%;
    padding:100px 0
}
.e-operation-support-banner .row{
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.e-operation-support-banner .row:after,.e-operation-support-banner .row:before{
    display:none
}
.e-operation-support-banner-map{
    width:500px;
    position:relative;
    right:0
}
.e-operation-support-banner .map-link-item{
    position:absolute;
    z-index:9;
    border:10px solid rgba(224,224,224,.7);
    border-radius:50%;
    cursor:pointer
}
.e-operation-support-banner .map-link-item img{
    display:block;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.e-operation-support-banner .map-link-item:before{
    box-shadow:0 0 0 0 rgba(224,224,224,.7);
    width:40px;
    height:40px;
    border-radius:100%;
    opacity:0;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    margin:0 auto;
    z-index:-1;
    content:'';
    transform:translateY(-50%);
    -webkit-animation:sdb03 1.5s infinite;
    animation:sdb03 1.5s infinite
}
.e-operation-support-banner .map-link-item:first-child{
    top:80px;
    left:40px
}
.e-operation-support-banner .map-link-item:nth-child(2){
    top:40px;
    left:290px
}
.e-operation-support-banner .map-link-item:nth-child(3){
    top:150px;
    left:210px
}
.e-operation-support-banner .map-link-item:nth-child(4){
    top:325px;
    left:25px
}
.e-operation-support-banner .map-link-item:nth-child(5){
    top:200px;
    left:440px
}
.e-operation-support-banner .map-link-item:nth-child(6){
    top:360px;
    left:290px
}
.e-operation-support-banner .map-link-item:first-child:before{
    -webkit-animation:sdb03 2.5s infinite;
    animation:sdb03 2.5s infinite
}
.e-operation-support-banner .map-link-item:nth-child(2):before{
    -webkit-animation:sdb03 3s infinite;
    animation:sdb03 3s infinite
}
.e-operation-support-banner .map-link-item:nth-child(3):before{
    -webkit-animation:sdb03 3.5s infinite;
    animation:sdb03 3.5s infinite
}
.e-operation-support-banner .map-link-item:nth-child(4):before{
    -webkit-animation:sdb03 4s infinite;
    animation:sdb03 4s infinite
}
.e-operation-support-banner .map-link-item:nth-child(5):before{
    -webkit-animation:sdb03 4.5s infinite;
    animation:sdb03 4.5s infinite
}
.e-operation-support-banner .map-link-item:nth-child(6):before{
    -webkit-animation:sdb03 5s infinite;
    animation:sdb03 5s infinite
}
.three-dimensional-slider{
    width:100%
}
.three-dimensional-slider .three-dimensional-thumb{
    width:100%;
    position:relative;
    z-index:-1
}
.three-dimensional-slider figure{
    width:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    margin:0;
    height:100%;
    min-height:400px
}
.three-dimensional-slider .three-dimensional-thumb{
    padding:65px 0
}
.three-dimensional-slider .slick-slide{
    -webkit-transition:all .5s ease-out 0s;
    -moz-transition:all .5s ease-out 0s;
    -o-transition:all .5s ease-out 0s;
    transition:all .5s ease-out 0s;
    opacity:.5
}
.three-dimensional-slider .slick-slide.slick-center{
    z-index:999;
    position:relative;
    opacity:1
}
.three-dimensional-slider .slick-slide img{
    -webkit-transition:all .5s ease-out 0s;
    -moz-transition:all .5s ease-out 0s;
    -o-transition:all .5s ease-out 0s;
    transition:all .5s ease-out 0s;
    display:block;
    -webkit-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px
}
.three-dimensional-slider .slick-slide,.three-dimensional-slider .slick-slide[aria-hidden=true]:not(.slick-cloned)~.slick-cloned[aria-hidden=true]{
    transform:scale(1,1);
    transition:transform .3s
}
.three-dimensional-slider .slick-center,.three-dimensional-slider .slick-slide[aria-hidden=true]:not([tabindex="-1"])+.slick-cloned[aria-hidden=true]{
    transform:scale(1.4);
    -moz-transform:scale(1.4);
    -ms-transform:scale(1.4);
    -webkit-transform:scale(1.4)
}
.three-dimensional-slider .table-popup:before{
    display:none
}
.three-dimensional-slider .slick-slide.slick-center img{
    opacity:1;
    z-index:9
}
.three-dimensional-slider .slick-prev{
    left:-90px
}
.three-dimensional-slider .slick-next{
    right:-90px
}
.padding-25{
    padding-left:20px!important;
    padding-right:20px!important
}
.slider-left{
    left:-4%
}
.slider-right{
    right:-4%
}
.design-brief-step{
    padding:0!important
}
.banner-popup{
    width:100%;
    padding:80px 70px;
    background:#ffda30
}
.design-brief-listing{
    width:100%
}
.design-brief-listing ul.accordion{
    margin:0
}
.design-brief-listing ul.accordion>li{
    list-style:none;
    margin:0
}
.design-brief-listing ul.accordion>li:last-child{
    border-bottom:none
}
.accordion-content{
    display:none
}
.accordion-title{
    text-transform:uppercase;
    border-bottom:3px solid #fff;
    font-size:24px;
    font-weight:700;
    display:block;
    color:#000;
    padding:36px 70px;
    cursor:pointer;
    -webkit-transition:all .5s ease-out 0s;
    -moz-transition:all .5s ease-out 0s;
    -o-transition:all .5s ease-out 0s;
    transition:all .5s ease-out 0s;
    background:#f5f5f5;
    position:relative
}
.accordion-title>i{
    background:#ffda30;
    width:50px;
    height:50px;
    display:inline-block;
    position:absolute;
    right:70px;
    top:50%;
    text-align:center;
    line-height:50px;
    font-size:30px;
    border-radius:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    opacity:1
}
.accordion-title.active{
    background:#fff
}
.accordion-title.active i{
    opacity:0
}
.accordion-content{
    background:#fff;
    display:none;
    padding:0 70px
}
.accordion-content{
    padding-bottom:60px
}
.accordion-content .sbToggle{
    background:#fff
}
.feild-wrap{
    margin-bottom:50px
}
.feild-wrap .feild{
    margin:0
}
.performance{
    width:100%
}
.performance ul{
    margin:0;
    display:flex;
    flex-wrap:wrap
}
.performance ul li{
    list-style:none;
    margin:10px 0 20px;
    padding-right:20px
}
.performance ul li:last-child{
    padding-right:0
}
.performance ul li span{
    display:inline-block;
    vertical-align:middle;
    font-size:14px;
    margin-right:10px
}
.performance ul li input[type=text]{
    max-width:115px
}
.rate-listing-wrap{
    text-align:center;
    width:100%
}
.rate-listing{
    position:relative;
    display:inline-block;
    z-index:10
}
.rate-listing ul{
    margin:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    position:relative;
    z-index:99
}
.rate-listing ul li{
    list-style:none;
    margin:10px 28px;
    text-align:center;
    position:relative;
    padding:0
}
.rate-listing ul li:first-child:before{
    content:"";
    position:absolute;
    left:-30px;
    width:5px;
    top:50%;
    height:5px;
    background:#696969;
    margin-top:-3px;
    z-index:-9;
    border-radius:50%
}
.rate-listing ul li:last-child:after{
    content:"";
    position:absolute;
    right:-30px;
    width:5px;
    top:50%;
    height:5px;
    background:#696969;
    margin-top:-3px;
    z-index:-9;
    border-radius:50%
}
.rate-listing ul li a{
    font-size:18px;
    font-weight:700;
    color:#696969;
    width:35px;
    height:35px;
    border:1px solid #696969;
    border-radius:50%;
    display:inline-block;
    line-height:35px;
    background:#fff
}
.rate-listing ul li a:hover,.rate-listing ul li.active a{
    background:#ffda30;
    color:#000;
    border:1px solid #000
}
.rate-listing:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    width:100%;
    top:50%;
    height:1px;
    background:#696969;
    margin-top:-1px;
    z-index:-9
}
.accordion-title-wrap{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.accordion-title-wrap .accordion-title-heading{
    width:50%;
    padding-right:20px
}
.accordion-title-wrap .accordion-title-instruction{
    width:50%;
    text-align:right
}
.accordion-title-wrap .accordion-title-instruction small{
    font-size:12px
}
.instruction-text{
    width:100%
}
.instruction-text small{
    font-size:10px
}
.mention-add-feild{
    margin-bottom:50px
}
.mention-title{
    position:relative;
    z-index:9;
    margin-bottom:30px
}
.mention-title span{
    font-size:14px;
    background:#fff;
    padding-right:5px
}
.mention-title:before{
    content:"";
    position:absolute;
    left:0;
    top:15px;
    width:100%;
    height:1px;
    background:#e7e7e7;
    z-index:-1
}
.mention-add-feild .feild{
    position:relative;
    margin-top:10px
}
.mention-add-feild .feild .add{
    position:absolute;
    right:10px;
    width:28px;
    height:28px;
    border-radius:50%;
    background:#f3d536;
    line-height:28px;
    font-size:20px;
    border:none;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.mention-add-feild .feild .add:focus,.mention-add-feild .feild .add:hover{
    background:#000;
    color:#fff
}
.design-brief-listing ul.accordion>li .textarea-wrap{
    border:1px solid #000;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px
}
.design-brief-listing ul.accordion>li .textarea-wrap textarea{
    color:rgba(0,0,0,.5);
    font-size:14px;
    line-height:24px;
    border:none!important;
    min-height:130px;
    box-shadow:none!important
}
.table-popup{
    font-weight:700;
    position:relative;
    display:inline-block
}
.table-popup:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background:#000;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    z-index:9
}
.table-popup:hover:after{
    width:100%
}
.table-popup:hover:before{
    background:#ffda30
}
.table-popup-section.white-popup{
    width:100%;
    padding:50px 0;
    max-width:1040px
}
.table-popup-section h2{
    text-align:center;
    margin-bottom:40px;
    font-size:38px
}
.table-popup-listing-wrap{
    width:100%;
    padding:0 10px 0 60px;
    height:100%
}
.table-popup-listing-wrap ul{
    margin-top:25px;
    display:inline-block;
    width:100%;
    height:calc(100% - 90px)
}
.table-popup-listing-wrap ul{
    border-right:1px solid #dadada
}
.table-popup-listing-wrap ul li{
    font-size:14px;
    font-weight:500;
    line-height:1.4;
    margin:7px 0;
    float:left;
    width:100%
}
.table-wrap .last ul{
    border-right:none
}
.table-wrap .row{
    display:flex;
    flex-wrap:wrap
}
.table-popup-section.white-popup.popup-1300{
    max-width:1300px
}
.popup-content-wrap{
    padding:0 60px
}
.second-option .table-popup-listing-wrap ul{
    height:calc(100% - 40px)
}
.second-option .table-popup-listing-wrap ul li{
    margin:10px 0
}
.table-content{
    width:100%;
    text-align:center;
    margin-right:20px
}
.table-content .link{
    margin-bottom:25px
}
.table-content .link a{
    text-transform:uppercase;
    font-size:16px;
    font-weight:700
}
.table-content p{
    font-size:16px;
    line-height:26px;
    font-weight:500
}
.table-content p span{
    border-bottom:2px solid #ffda30
}
.supports-listing{
    width:100%;
    text-align:center;
    background:#f5f5f5;
    padding:30px 10px;
    margin-bottom:20px
}
.supports-listing ul{
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center
}
.supports-listing ul li{
    padding:0 25px;
    margin:5px 0;
    list-style:none
}
.supports-listing ul li img{
    display:block;
    margin:0 auto
}
.hire-resources-section{
    width:100%;
    padding:110px 0
}
.resources-pricing{
    border:1px solid #ffda30;
    background:#fff;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px
}
.resources-pricing h5{
    margin:0
}
.resources-pricing ul.custom-radio-listing{
    margin:0
}
.resources-pricing .hours-block{
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    align-content:center;
    text-align:center;
    position:relative
}
.resources-pricing .hours-block .block-content:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:1px;
    background:#fff
}
.resources-pricing .hours-block:last-child .block-content:after{
    display:none
}
.hours-block .block-content:last-child{
    border-bottom:none
}
.resources-pricing .block-content{
    width:30%;
    text-transform:uppercase;
    background:#ffda30;
    padding:25px 12px;
    position:relative
}
.resources-pricing .hours-block:last-child .block-content{
    padding:20px 12px
}
.hours-block ul.custom-radio-listing{
    width:70%;
    margin:0;
    text-align:center;
    border-bottom:1px solid #ffda30;
    padding:15px 0
}
.hours-block ul.custom-radio-listing>li{
    margin:0 0 10px
}
.hours-block .custom-chk label::after,.hours-block .custom-chk label::before,.hours-block .custom-radio label::after,.hours-block .custom-radio label::before{
    right:0;
    margin:0 auto;
    top:-30px
}
.hours-block .custom-chk label,.hours-block .custom-radio label{
    margin-top:45px;
    padding:0!important
}
.resources-pricing .custom-chk label::before,.resources-pricing .custom-radio label::before{
    width:20px;
    height:20px
}
.resources-pricing .custom-chk label::after,.resources-pricing .custom-radio label::after{
    width:10px;
    height:10px;
    left:0;
    top:-24px;
    background:#ffda30
}
.resources-pricing .custom-chk [type=checkbox]:checked+label::before,.resources-pricing .custom-radio [type=radio]:checked+label::before{
    background-color:#fff
}
.pricing-details{
    width:70%;
    margin:0;
    text-align:center;
    padding:20px 15px
}
.pricing-details span{
    font-size:16px;
    color:#000;
    font-weight:700
}
.our-process-section{
    width:100%;
    text-align:center;
    padding:100px 0;
    background:#f5f5f5
}
ul.our-process-listing{
    align-items:inherit
}
ul.our-process-listing li{
    position:relative;
    list-style-type:none;
    counter-increment:step-counter;
    margin:20px 0
}
ul.our-process-listing li::before{
    content:counter(step-counter);
    font-size:22px;
    background-color:#ffda30;
    color:#000;
    border-radius:50%;
    text-align:center;
    position:absolute;
    width:42px;
    height:42px;
    font-weight:700;
    line-height:30px;
    left:0;
    right:0;
    margin:0 auto;
    line-height:42px;
    top:30px
}
ul.our-process-listing li:after{
    content:"\f301";
    position:absolute;
    right:-10px;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    font-family:Material-Design-Iconic-Font;
    font-size:25px;
    color:#bdbdbd
}
ul.our-process-listing li:last-child:after{
    display:none
}
ul.our-process-listing li .listing-wrap{
    background:#fff;
    padding:95px 20px 10px;
    height:100%
}
ul.our-process-listing li p{
    font-size:14px;
    line-height:26px
}
ul.our-process-listing li h6{
    text-transform:uppercase;
    margin-bottom:10px
}
.our-process-section p{
    padding-bottom:15px
}
.our-process-section p strong{
    font-weight:500
}
.our-process-section.white-bg{
    background:#fff
}
.white-bg ul.our-process-listing li .listing-wrap{
    background:#f5f5f5
}
.our-tabline-section{
    width:100%;
    padding:50px 0 0;
    background:#fff;
    text-align:center
}
.our-tabline-section p{
    font-size:16px;
    font-weight:500;
    padding-bottom:10px
}
.order-tagline-section{
    width:100%;
    padding:70px 0;
    text-align:center;
    background:#f3f3f3
}
.order-tagline-section span{
    display:inline-block;
    vertical-align:middle;
    font-size:20px;
    font-weight:700;
    color:#000;
    margin:20px 20px 20px 0;
    line-height:30px;
    text-transform:uppercase
}
.order-tagline-section .btn{
    display:inline-block;
    vertical-align:middle
}
.order-tagline-section .btn a{
    padding:13px 30px
}
.order-tagline-section.fixed-tagline{
    display:none
}
.tagline-other span{
    text-transform:uppercase;
    text-align:left
}
.team-section{
    width:100%;
    padding:100px 0
}
.team-section h2{
    text-align:center
}
.team-section .d-flex{
    align-items:center
}
.case-study-section{
    width:100%;
    padding:100px 0;
    background:#f5f5f5;
    position:relative
}
.case-study-content{
    padding-right:150px
}
.case-study-content .item{
    width:100%;
    padding-bottom:22px;
    margin-bottom:25px
}
.case-study-content .item{
    border-bottom:1px solid #c6c6c6
}
.case-study-content .item.slick-current>a{
    border-bottom:2px solid #ffda30
}
.case-study-content .item a{
    font-size:16px;
    line-height:26px;
    position:relative;
    border-bottom:2px solid #f5f5f5;
    padding-bottom:2px
}
.case-study-content .item a:hover{
    border-bottom:2px solid #ffda30
}
.case-study-section .col-lg-6{
    position:static
}
.case-study-section .clients-say{
    position:absolute;
    right:0;
    top:0;
    width:50%;
    height:100%
}
.case-study-section .clients-say .item{
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center
}
.case-study-section .clients-say .slick-list,.case-study-section .clients-say .slick-slider,.case-study-section .clients-say .slick-track{
    width:100%;
    height:100%
}
.case-study-section .slick-next{
    right:-100px;
    left:inherit
}
.case-study-section .slick-prev{
    right:-100px;
    left:inherit;
    margin-top:-58px
}
.campaign-management-section{
    width:100%;
    text-align:center;
    padding:100px 0
}
.campaign-management-section .main{
    width:1100px
}
.campaign-management-section ul li{
    list-style:none
}
ul.campaign-management-listing{
    align-items:inherit;
    margin-bottom:0
}
ul.campaign-management-listing li{
    margin:15px 0
}
ul.campaign-management-listing li h2{
    margin:0;
    line-height:1.2;
    font-size:36px
}
ul.campaign-management-listing li h2 span{
    display:block;
    font-size:18px;
    font-weight:400
}
ul.campaign-management-listing li .listing-text{
    width:100%;
    background:#f5f5f5;
    padding:30px;
    display:table;
    margin:0 auto 30px;
    min-height:250px
}
ul.campaign-management-listing li .listing-text .listing-text-wrap{
    height:100%;
    width:100%;
    display:table-cell;
    vertical-align:middle
}
ul.campaign-management-listing li .listing-text .listing-text-wrap h3{
    font-size:30px;
    margin:0
}
ul.campaign-management-listing li .listing-text .listing-text-wrap h3 span{
    display:block;
    font-size:18px;
    font-weight:400
}
ul.campaign-management-listing li p{
    line-height:26px
}
ul.campaign-management-listing.full-width li{
    margin:30px 0 0
}
ul.campaign-management-listing.full-width li .listing-text{
    min-height:200px
}
.grey-bg ul.campaign-management-listing li .listing-text{
    background:#fff
}
ul.logo-listing{
    display:flex!important;
    flex-wrap:wrap;
    align-items:center!important
}
ul.logo-listing li{
    list-style:none;
    margin:15px 0
}
ul.logo-listing li.col-lg-4{
    margin:20px 0 40px
}
ul.logo-listing li img{
    display:block;
    margin:0 auto
}
ul.logo-listing li.col-lg-4{
    margin:25px 0
}
.logo-space ul.logo-listing li{
    margin:25px 0
}
.models-section{
    width:100%;
    text-align:center;
    padding:110px 0
}
.models-section h6{
    font-weight:500;
    font-size:18px
}
ul.models-listing{
    margin-bottom:0
}
ul.models-listing li{
    position:relative;
    list-style-type:none;
    counter-increment:step-counter;
    margin-top:40px
}
ul.models-listing li::before{
    content:counter(step-counter);
    font-size:30px;
    background-color:transparent;
    color:#000;
    border-radius:50%;
    text-align:center;
    position:absolute;
    width:70px;
    height:70px;
    font-weight:600;
    left:0;
    right:0;
    margin:0 auto;
    line-height:70px;
    top:55px;
    border:2px solid #ffda30
}
ul.models-listing li .models-listing-wrap{
    background:#f3f3f3;
    padding:160px 20px 40px;
    height:100%;
    -webkit-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px
}
.models-font-size ul.models-listing li p{
    font-size:16px
}
ul.models-listing li .btn-link{
    margin-bottom:20px
}
ul.models-listing li .btn-link a,ul.models-listing li .btn-link span{
    font-size:16px
}
ul.models-listing li .btn-link a i{
    background:#fff;
    border:2px solid #fff
}
ul.models-listing li .btn-link a:hover i{
    background:#ffda30;
    border:2px solid #ffda30
}
ul.models-listing li .btn a{
    padding:14px 30px
}
.models-section .btn{
    margin-top:50px
}
.yellow-bg ul.models-listing li .btn-link a i{
    background:#ffda30
}
.yellow-bg ul.models-listing li .btn-link a:hover i{
    background:#fff
}
.btn-link-yellow a i{
    background:#ffda30
}
.btn-link-yellow a:hover i{
    background:#fff
}
.btn-link-yellow span i{
    background:#ffda30;
    border-color:#ffda30
}
ul.models-listing li .btn-link-yellow a i{
    background:#ffda30;
    border:2px solid #ffda30
}
ul.models-listing li .btn-link-yellow a:hover i{
    background:#fff;
    border:2px solid #fff
}
.models-section.grey-bg ul.models-listing li .models-listing-wrap{
    background:#fff
}
.models-section ul.models-listing li::before{
    background-color:transparent
}
.models-section.grey-bg ul.models-listing li::before{
    background:#ffda30
}
.email-campaign-step-section{
    width:100%;
    text-align:center;
    background:#f5f5f5;
    padding:100px 0
}
ul.email-campaign-step-listing{
    margin:30px auto 0;
    max-width:700px
}
ul.email-campaign-step-listing li{
    list-style:none;
    border:2px solid #ffda30;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    padding:30px 40px;
    margin:20px 0;
    display:inline-block;
    width:100%;
    position:relative
}
ul.email-campaign-step-listing li p{
    font-size:14px;
    line-height:26px
}
ul.email-campaign-step-listing li:first-child:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-52px;
    width:12px;
    height:12px;
    background:#ffda30;
    margin:0 auto;
    border-radius:50%
}
ul.email-campaign-step-listing li:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-42px;
    width:2px;
    height:42px;
    background:#ffda30;
    margin:0 auto
}
.team-hire-section{
    width:100%;
    padding:110px 0;
    text-align:center
}
.team-hire-section h2{
    margin-bottom:40px
}
.team-hire-section h4{
    margin-bottom:5px
}
.team-hire-section .btn-border a{
    padding:14px 30px;
    border:2px solid #ffda30
}
.how-it-work-section{
    width:100%
}
.how-it-work-section h2{
    margin-bottom:30px
}
.how-it-work-section .text-center p{
    padding-bottom:40px
}
.how-it-work-section h6{
    margin-bottom:0;
    font-size:12px
}
.wallet-pricing-section{
    width:100%;
    text-align:center;
    padding:110px 0
}
.section-wrap .content-wrap h2{
    margin-bottom:30px
}
.section-wrap .content-wrap p{
    padding-bottom:20px
}
.section-wrap ul.dots-listing.col-lg-6{
    margin:0;
    width:50%;
    padding-left:30px;
    padding-right:30px;
    border-right:1px solid #ddd
}
.section-wrap ul.dots-listing.col-lg-6:last-child{
    border:none
}
.section-wrap ul.dots-listing.col-lg-6 li{
    width:100%;
    margin:5px 0
}
.code-quality-section h2{
    margin-bottom:30px
}
.code-quality-section p{
    font-size:18px;
    padding-bottom:40px
}
.our-offer-section{
    width:100%;
    padding:110px 0;
    text-align:center
}
.our-offer-section .our-offer-wrap{
    margin-bottom:30px
}
.our-offer-section .offer-caption{
    background:#f5f5f5;
    padding:50px;
    margin:30px 0 60px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px
}
.our-offer-section .offer-caption.whiteBg{
    background:#fff
}
.our-offer-section .offer-caption p{
    padding:0
}
.our-offer-section ul li{
    text-align:left;
    margin:15px 0
}
.our-offer-section p strong{
    font-weight:500
}
.order-design-section{
    width:100%;
    background:#f3f3f3;
    padding:100px 0 85px;
    position:relative;
    z-index:9
}
.order-design-section .row,.order-design-section .row .col-lg-6{
    position:static
}
.order-design-section ul li{
    list-style:none;
    padding:0 110px;
    border-right:2px solid #e4e4e4
}
.order-design-section ul li:last-child{
    border:none
}
.order-design-section ul li .btn-link{
    margin-bottom:30px
}
.order-design-section ul li .btn a{
    padding:14px 35px
}
.content-banner-section{
    background:#ffda30;
    padding:80px 0
}
.gide-section-scroll.fixed{
    position:fixed;
    left:0;
    top:81px!important;
    z-index:98;
    display:block!important;
    background:#fff;
    padding:20px 0
}
.gide-section-scroll{
    width:100%;
    padding:50px 0
}
.scroll-height{
    background:#f3f3f3!important
}
.gide-section-scroll ul{
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center
}
.gide-section-scroll ul li{
    list-style:none;
    width:20%;
    text-align:center
}
.gide-section-scroll ul li a{
    font-size:20px;
    color:#000;
    display:inline-block;
    position:relative;
    font-weight:500
}
.gide-section-scroll ul li a:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-3px;
    width:0;
    height:2px;
    background:#ffda30;
    z-index:-1;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.gide-section-scroll ul li a.active:after,.gide-section-scroll ul li a:hover:after{
    width:100%
}
.two-column-gride{
    width:100%;
    padding:110px 0 90px
}
.two-column-gride.no-padding-t{
    padding-top:50px!important
}
.two-column-gride .row-flex{
    align-items:inherit
}
.two-column-gride h2{
    text-align:center;
    margin-bottom:35px
}
.gride-block{
    width:100%;
    border:1px solid #e5e5e5;
    height:calc(100% - 40px)
}
.gride-block figure{
    width:100%;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:40%
}
.gride-block .gride-content{
    padding:30px 40px
}
.gride-block .gride-content h4{
    text-transform:none;
    font-size:28px;
    font-weight:500
}
.gride-block .gride-content h6{
    margin-bottom:5px
}
.gride-block .gride-content p{
    font-size:14px;
    line-height:26px;
    font-weight:500
}
.gride-block .gride-content .btn{
    text-align:left;
    margin-top:10px
}
.gride-block.small-block{
    text-align:center;
    margin-bottom:30px;
    border:1px solid #e5e5e5;
    height:calc(50% - 45px);
    border:1px solid #e5e5e5
}
.gride-block.small-block figure{
    padding-bottom:45%
}
.gride-block.small-block .gride-content{
    padding:20px 30px
}
.two-column-gride .btn{
    text-align:center;
    margin:40px 0 10px
}
.gride-block.small-block:last-child{
    margin-bottom:0
}
.two-column-gride h6{
    font-weight:400;
    text-transform:uppercase;
    font-size:14px
}
.case-study-listing{
    width:100%;
    padding:110px 0;
    text-align:center
}
.case-study-listing h2{
    margin-bottom:40px
}
ul.three-col-slider li.slick-slide{
    vertical-align:top
}
ul.three-col-slider li a{
    background:#fff;
    display:inline-block;
    width:100%
}
ul.three-col-slider li a figure{
    width:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:56.25%
}
ul.three-col-slider li figure img{
    display:block;
    margin:0 auto
}
.three-col-content{
    padding:30px
}
ul.three-col-slider .slick-next{
    right:-60px
}
ul.three-col-slider .slick-prev{
    left:-60px
}
.ebook-slider .three-col-content{
    padding:0
}
.ebook-slider ul.three-col-slider li figure{
    margin-bottom:40px;
    width:100%;
    padding-left:80px
}
.ebook-slider ul.three-col-slider li h4{
    text-transform:none;
    margin-bottom:30px
}
.ebook-slider ul.three-col-slider li .btn a{
    width:auto;
    padding:13px 30px
}
.white-popup.book-popup{
    max-width:980px;
    text-align:center;
    padding:70px
}
.book-popup h2{
    margin-bottom:50px
}
.book-popup form .feild{
    margin-bottom:30px
}
.book-popup form{
    text-align:center
}
.video-section{
    width:100%;
    padding:90px 0
}
.video-section h2{
    text-align:center
}
.video-section .iframe-wrap{
    position:relative;
    overflow:hidden;
    width:100%;
    padding-bottom:56.25%;
    margin:20px 0 30px;
    display:inline-block
}
.video-section .iframe-wrap iframe{
    width:100%;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.video-section h5{
    font-size:18px;
    margin-bottom:10px;
    text-transform:uppercase
}
.video-section p{
    font-size:14px;
    line-height:26px
}
.video-section .slider-nav .iframe-wrap{
    margin:0
}
.video-section .slider-nav .thumb-wrap{
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    width:100%;
    padding-bottom:56.25%;
    position:relative;
    z-index:99;
    cursor:pointer;
    margin-bottom:15px
}
.video-section .slider-nav .thumb-wrap:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%);
    z-index:-1
}
.video-section .slider-nav .thumb-wrap .play-btn{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    text-align:center
}
.video-section .slider-nav .thumb-wrap .play-btn span{
    width:40px;
    height:25px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    display:inline-block;
    background:rgba(0,0,0,.8);
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.video-section .slider-nav .thumb-wrap .play-btn span i{
    color:#fff;
    font-size:20px;
    line-height:24px
}
.video-section .slider-nav .thumb-wrap:hover span{
    background:rgba(249,26,18,.8)
}
.video-section .slider-nav .slick-slide{
    padding-right:50px
}
.video-section .slider-nav p{
    font-size:14px;
    line-height:20px;
    font-weight:700
}
.video-section .slick-prev{
    left:-90px;
    top:30px;
    transform:none
}
.video-section .slick-next{
    right:-90px;
    top:30px;
    transform:none
}
.wallet-pricing-wrap{
    width:100%;
    position:relative;
    z-index:9
}
.wallet-pricing-wrap:after{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    height:1px;
    background:#d4d4d4;
    z-index:-1;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
.wallet-pricing-wrap{
    display:flex;
    flex-wrap:wrap;
    margin-top:30px
}
.pricing-process-content{
    width:20%;
    text-align:left
}
.pricing-process-content span{
    display:inline-block;
    width:100%;
    font-size:16px;
    font-weight:500;
    margin:32px 0 28px
}
ul.pricing-process-listing{
    width:80%;
    margin:0;
    display:table
}
ul.pricing-process-listing li{
    list-style:none;
    position:relative;
    width:16%;
    display:table-cell;
    text-align:right
}
ul.pricing-process-listing li .listing-box{
    background:#ffda30;
    padding:12px 12px;
    display:inline-block;
    text-align:center;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    text-align:center
}
ul.pricing-process-listing li .services-price-pay{
    border-radius:50%;
    width:62px;
    height:62px;
    display:table;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    background:#fff;
    margin:0 auto 10px
}
ul.pricing-process-listing li .services-price-pay small{
    display:block;
    font-size:14px;
    font-weight:700;
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%
}
ul.pricing-process-listing li .services-price{
    width:62px;
    height:62px;
    display:table
}
ul.pricing-process-listing li .services-price span{
    font-size:14px;
    font-weight:700;
    line-height:10px;
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%
}
.white-color-box ul.pricing-process-listing li .listing-box{
    background:#fff
}
.white-color-box ul.pricing-process-listing li .services-price-pay{
    background:#ffda30
}
.our-work-section{
    width:100%;
    padding:110px 0;
    text-align:center
}
.our-work-section h2{
    text-align:center;
    margin-bottom:50px
}
.our-work-section .btn a{
    padding:13px 40px
}
ul.our-work-listing{
    margin:0 0 60px;
    display:flex;
    flex-wrap:wrap
}
ul.our-work-listing li{
    list-style:none;
    margin:0;
    width:20%;
    text-align:center;
    position:relative;
    overflow:hidden
}
ul.our-work-listing li a{
    display:block
}
ul.our-work-listing li figure{
    width:100%;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:100%;
    padding-bottom:100%;
    background-origin:100%
}
ul.our-work-listing li h4{
    color:#fff
}
ul.our-work-listing li figcaption span i{
    font-size:65px;
    color:#ffda30;
    width:80px;
    height:80px;
    font-style:normal;
    background:#000;
    text-align:center;
    line-height:80px;
    display:inline-block;
    border-radius:50%;
    box-shadow:0 0 0 rgba(243,213,54,.6);
    animation:pulse 2s infinite;
    -moz-animation:pulse 2s infinite;
    -ms-animation:pulse 2s infinite;
    -webkit-animation:pulse 2s infinite
}
ul.our-work-listing li figcaption span i:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    box-shadow:0 0 0 rgba(243,213,54,.6);
    animation:pulse-second 2s infinite;
    -moz-animation:pulse-second 2s infinite;
    -ms-animation:pulse-second 2s infinite;
    -webkit-animation:pulse-second 2s infinite;
    border-radius:50%
}
ul.our-work-listing li figcaption span i:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
    box-shadow:0 0 0 rgba(243,213,54,.6);
    animation:pulse-third 2s infinite;
    -moz-animation:pulse-third 2s infinite;
    -ms-animation:pulse-third 2s infinite;
    -webkit-animation:pulse-third 2s infinite;
    border-radius:50%
}
ul.our-work-listing li .our-work-content{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    transform:translateY(-100px);
    -moz-transform:translateY(-100px);
    -ms-transform:translateY(-100px);
    -webkit-transform:translateY(-100px);
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear;
    padding:20px 30px
}
ul.our-work-listing li:hover .our-work-content{
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
ul.our-work-listing li figure{
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear
}
ul.our-work-listing li .mask{
    opacity:0;
    background-color:rgba(0,0,0,.8);
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    position:absolute;
    left:0;
    right:0;
    width:100%;
    height:100%
}
ul.our-work-listing li span{
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    opacity:0;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:inline-block;
    margin-bottom:30px
}
ul.our-work-listing li h4{
    -webkit-transform:translateY(100px);
    -moz-transform:translateY(100px);
    -o-transform:translateY(100px);
    -ms-transform:translateY(100px);
    transform:translateY(100px);
    opacity:0;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    -ms-transition:all .2s linear;
    transition:all .2s linear
}
ul.our-work-listing li:hover figure{
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1)
}
ul.our-work-listing li a.info{
    opacity:0;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
ul.our-work-listing li:hover .mask{
    opacity:1
}
ul.our-work-listing li:hover a.info,ul.our-work-listing li:hover h4,ul.our-work-listing li:hover span{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
ul.our-work-listing li:hover h4{
    -webkit-transition-delay:.1s;
    -moz-transition-delay:.1s;
    -o-transition-delay:.1s;
    -ms-transition-delay:.1s;
    transition-delay:.1s
}
ul.our-work-listing li:hover a.info{
    -webkit-transition-delay:.2s;
    -moz-transition-delay:.2s;
    -o-transition-delay:.2s;
    -ms-transition-delay:.2s;
    transition-delay:.2s
}
@-webkit-keyframes pulse{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(243,213,54,.6)
    }
    70%{
        -webkit-box-shadow:0 0 0 10px rgba(243,213,54,0)
    }
    100%{
        -webkit-box-shadow:0 0 0 0 rgba(243,213,54,0)
    }
}
@-webkit-keyframes pulse-second{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(243,213,54,.6)
    }
    70%{
        -webkit-box-shadow:0 0 0 20px rgba(243,213,54,0)
    }
    100%{
        -webkit-box-shadow:0 0 0 0 rgba(243,213,54,0)
    }
}
@-webkit-keyframes pulse-third{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(243,213,54,.6)
    }
    70%{
        -webkit-box-shadow:0 0 0 30px rgba(243,213,54,0)
    }
    100%{
        -webkit-box-shadow:0 0 0 0 rgba(243,213,54,0)
    }
}
ul.email-automation-step{
    margin:0 auto
}
ul.email-automation-step li{
    list-style:none;
    position:relative;
    margin:18px 0;
    display:inline-block;
    width:100%;
    z-index:9
}
ul.email-automation-step li:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:100%;
    background:url(../images/work/dots-sep.png) repeat-y center center;
    width:100%;
    height:100%;
    z-index:-1
}
ul.email-automation-step li:last-child:after{
    display:none
}
ul.email-automation-step li span{
    font-size:14px;
    line-height:1.3;
    color:#737373;
    padding:12px 30px;
    background:#ddd;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    display:inline-block
}
ul.email-automation-step li.heading span{
    background:#ffda30;
    color:#000;
    font-size:18px;
    font-weight:700;
    -webkit-box-shadow:0 0 5px 5px rgba(243,213,54,.35);
    -moz-box-shadow:0 0 5px 5px rgba(243,213,54,.35);
    box-shadow:0 0 5px 5px rgba(243,213,54,.35)
}
.wrap-space{
    margin:40px 0 0;
    display:inline-block;
    width:100%
}
.wrap-space ul.dots-listing li{
    width:100%
}
.code-quality-sec figure{
    margin-bottom:30px
}
.code-quality-sec figure img{
    display:block
}
.code-quality-sec .btn a{
    padding:13px 25px
}
.why-choose-section{
    width:100%;
    padding:90px 0;
    text-align:center
}
.why-choose-section ul.why-choose-listing{
    display:flex;
    flex-wrap:wrap
}
ul.why-choose-listing li{
    list-style:none
}
ul.why-choose-listing{
    align-items:inherit
}
ul.why-choose-listing li{
    position:relative;
    list-style-type:none;
    counter-increment:step-counter;
    margin:20px 0;
    text-align:center
}
ul.why-choose-listing li::before{
    content:counter(step-counter);
    font-size:22px;
    background-color:#ffda30;
    color:#000;
    border-radius:50%;
    text-align:center;
    position:absolute;
    width:42px;
    height:42px;
    font-weight:700;
    line-height:30px;
    left:0;
    right:0;
    margin:0 auto;
    line-height:42px;
    top:30px
}
ul.why-choose-listing li .listing-wrap{
    background:#f5f5f5;
    padding:90px 30px 30px;
    height:100%
}
ul.why-choose-listing li h6{
    font-size:14px
}
ul.why-choose-listing li p{
    font-size:14px;
    line-height:26px
}
.why-choose-wrap{
    padding:50px 80px;
    text-align:center;
    border:1px solid #c2c2c2;
    margin-bottom:40px
}
.why-choose-wrap .col-lg-6{
    border-right:1px solid #c2c2c2
}
.why-choose-wrap .col-lg-6:nth-of-type(2n){
    border-right:none
}
.why-choose-wrap figure{
    margin-top:20px;
    display:inline-block;
    width:100%;
    padding:0 10px
}
ul.image-listing li img{
    display:block;
    margin:0 auto
}
.banner-design-pricing-section{
    background:#ffda30;
    padding:110px 0;
    text-align:center
}
.banner-design-pricing-section p{
    font-size:18px
}
.banner-design-pricing-section ul.custom-chk-listing{
    margin:0
}
.banner-design-pricing-section form .feild{
    display:inline-block;
    width:100%
}
.banner-design-pricing-section .row.d-flex{
    margin:0 0 20px;
    align-items:center
}
.banner-design-pricing-section .row.d-flex .title h5{
    margin:0
}
.banner-design-pricing-section .row.d-flex .title br{
    display:none
}
.banner-design-pricing-section .row.d-flex .title{
    padding-right:30px
}
.banner-design-pricing-section ul.custom-chk-listing li.custom-chk{
    width:auto;
    padding-right:50px
}
.banner-design-pricing-section ul.custom-chk-listing li.custom-chk:last-child{
    padding-right:0
}
.banner-design-pricing-section .number-counter{
    border:1px solid #000
}
.banner-design-pricing-section .number-counter .value-button{
    border-left:1px solid #000;
    background-color:transparent
}
.banner-design-pricing-section .number-counter .value-button.counter-plus{
    border-bottom:1px solid #000
}
.banner-design-pricing-section .number-counter .value-button:focus,.banner-design-pricing-section .number-counter .value-button:hover{
    background:#ffda30
}
.banner-design-pricing-section .number-counter .value-button.counter-minus{
    border-top:0!important
}
.banner-design-pricing-section form .feild{
    margin-bottom:10px
}
.banner-design-pricing-section form .feild h5{
    margin-bottom:10px
}
.banner-design-pricing-section form .submit-feild{
    margin-top:30px
}
.banner-design-pricing-section form .submit-feild input[type=button]{
    background:#fff
}
.banner-design-pricing-section input[type=submit]:focus,.banner-design-pricing-section input[type=submit]:hover{
    border-color:#ffda30;
    background:#f3f3f3
}
.banner-design-pricing-section .details-section{
    margin:10px 0
}
.banner-design-pricing-section .submit-feild span{
    background:#f3f3f3
}
ul.number-listing-counter{
    display:inline-block;
    width:100%;
    margin:10px 0 0 0
}
ul.number-listing-counter>li{
    width:100%;
    list-style-type:none;
    counter-increment:step-counter;
    margin-top:0;
    position:relative;
    padding-left:30px
}
ul.number-listing-counter>li::before{
    content:counter(step-counter);
    font-size:13px;
    background-color:#000;
    color:#ffda30;
    border-radius:50%;
    text-align:center;
    position:absolute;
    width:22px;
    height:22px;
    font-weight:700;
    line-height:22px;
    margin-top:-1px;
    left:0
}
ul.number-listing-counter>li h5{
    font-size:16px;
    font-weight:600
}
.work-category{
    margin-bottom:35px
}
.work-category .item{
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    margin:0 75px
}
.work-category .item span{
    font-size:16px;
    font-weight:500;
    position:relative;
    cursor:pointer
}
.work-category .item span:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:0;
    background:#ffda30;
    height:2px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    z-index:9
}
.work-category .item span:hover:after,.work-category .item.active span:after{
    width:100%
}
.work-category .slider-for .slick-list{
    padding:5px
}
.work-category .slick-prev{
    left:-90px
}
.work-category .slick-next{
    right:-90px
}
.our-pricing-tab-section{
    width:100%;
    padding:120px 0
}
.our-pricing-tab-section .sidebar-listing ul{
    float:none;
    width:100%;
    margin:0
}
.our-pricing-tab-section .sidebar-listing ul li{
    padding:6px 35px!important;
    border:none;
    text-align:left;
    margin:15px 0
}
.our-pricing-tab-section .sidebar-listing ul li.heading{
    margin:0
}
.our-pricing-tab-section .sidebar-listing ul>li.heading:first-child>h4{
    margin:0
}
.our-pricing-tab-section .sidebar-listing ul>li.heading{
    padding:0!important;
    background-color:transparent!important
}
.our-pricing-tab-section .sidebar-listing ul>li.heading:before{
    display:none
}
.our-pricing-tab-section .resp-tab-content{
    background:#fff
}
.sidebar-listing{
    margin-bottom:30px
}
.sidebar-listing .heading h4{
    position:relative
}
.sidebar-listing .heading h4:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-2px;
    width:0;
    height:2px;
    background:#000;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    top:auto
}
.sidebar-listing .heading h4:hover:before,.sidebar-listing .heading.active h4:before{
    width:100%
}
.sidebar-listing h4{
    font-size:20px;
    margin:42px 0 5px 0
}
.sidebar-listing ul{
    margin-left:10px
}
.sidebar-listing ul li{
    margin:15px 0;
    list-style:none
}
.sidebar-listing ul li{
    font-size:16px;
    line-height:26px;
    display:inline-block;
    width:100%;
    padding:5px 30px;
    -webkit-border-radius:50px 50px 50px 50px;
    border-radius:50px 50px 50px 50px;
    position:relative;
    font-weight:400;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.sidebar-listing ul li:before{
    content:"";
    position:absolute;
    left:20px;
    top:15px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#000
}
.sidebar-listing ul li.resp-tab-active,.sidebar-listing ul li:hover{
    background:#ffda30
}
.sidebar-listing h4{
    position:relative;
    display:inline-block
}
.sidebar-listing h4:after{
    content:"\f301";
    font-family:Material-Design-Iconic-Font;
    font-size:30px;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    right:-30px;
    top:8px;
    line-height:11px
}
.resp-vtabs .resp-tabs-container.pricing-tab-wrap{
    width:100%;
    border:1px solid #ffda30;
    padding:55px 70px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px
}
.resp-vtabs .resp-tabs-container.pricing-tab-wrap p{
    padding-bottom:22px
}
.pricing-tab-wrap ul.price-listing{
    padding-left:15px
}
.pricing-tab-wrap ul.price-listing li{
    position:relative;
    font-size:14px
}
.pricing-tab-wrap ul.price-listing li:before{
    content:"";
    position:absolute;
    left:-15px;
    top:10px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#000
}
.pricing-tab-wrap ul.price-listing li:before{
    left:-12px;
    top:9px;
    width:4px;
    height:4px
}
.pricing-tab-wrap .btn{
    margin-bottom:20px
}
.pricing-tab-wrap .btn.btn-inline{
    margin-bottom:10px
}
.pricing-tab-wrap small{
    font-size:12px
}
.pricing-tab-wrap h6{
    font-weight:600;
    margin:0
}
.pricing-tab-wrap ul{
    margin-bottom:0
}
.pricing-tab-wrap ul li{
    margin:5px 0
}
.resp-vtabs .resp-tabs-container.pricing-tab-wrap ul li p{
    padding-bottom:15px
}
.pricing-tab-wrap ul.price-listing{
    margin-bottom:40px
}
.pricing-tab-wrap ul.price-listing li a{
    font-size:14px;
    font-weight:500
}
.pricing-tab-wrap .btn a{
    padding:14px 40px
}
.pricing-tab-wrap .btn a span{
    background-color:#fff
}
.pricing-tab-wrap ul li p{
    padding-bottom:20px
}
.price-link{
    font-weight:700;
    position:relative
}
.price-link:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-5px;
    width:0;
    height:2px;
    background:#000;
    opacity:0;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.price-link:hover:after{
    width:100%;
    opacity:1
}
.pricing-chart{
    text-align:center;
    margin-bottom:35px
}
.pricing-chart span.title{
    display:inline-block;
    border:1px solid #d4d4d4;
    font-size:12px;
    font-weight:600;
    padding:8px 20px;
    -webkit-border-radius:25px 25px 25px 25px;
    border-radius:25px 25px 25px 25px;
    position:relative
}
.pricing-chart span.title:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:-22px;
    width:1px;
    height:22px;
    background:#d4d4d4
}
.pricing-chart span.title.top:after{
    bottom:auto;
    top:-20px;
    height:20px
}
.pricing-chart ul.pricing-process-listing{
    text-align:center;
    width:100%;
    margin:20px 0;
    position:relative;
    z-index:9
}
.pricing-chart ul.pricing-process-listing:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:83%;
    height:100%;
    border:1px solid #d4d4d4;
    right:0;
    margin:0 auto;
    z-index:-1;
    -webkit-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px
}
.pricing-chart ul.pricing-process-listing li{
    padding:20px 0 10px;
    text-align:center;
    width:16.66%;
    position:relative
}
.pricing-chart ul.pricing-process-listing li .listing-box{
    background-color:#fff;
    border:1px solid #ffda30;
    padding:10px
}
.pricing-chart ul.pricing-process-listing li .services-price-pay{
    background:#ffda30;
    margin:0
}
.pricing-chart ul.pricing-process-listing li .listing-box{
    position:relative
}
.pricing-chart ul.pricing-process-listing li .listing-box:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:-20px;
    width:1px;
    height:20px;
    background:#d4d4d4
}
.pricing-chart ul.pricing-process-listing li .listing-box:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:-20px;
    width:1px;
    height:20px;
    background:#d4d4d4
}
.pricing-chart ul.pricing-process-listing li:first-child .listing-box:after{
    display:none
}
.pricing-chart ul.pricing-process-listing li:last-child .listing-box:after{
    display:none
}
.pricing-chart ul.pricing-process-listing li:first-child .listing-box:before{
    display:none
}
.pricing-chart ul.pricing-process-listing li:last-child .listing-box:before{
    display:none
}
.delivery-table{
    width:100%;
    margin-bottom:30px
}
.delivery-table table{
    width:100%;
    border:1px solid silver
}
.delivery-table table tr{
    border-bottom:1px solid silver
}
.delivery-table table thead td{
    background:#ffda30;
    font-weight:700;
    width:50%;
    font-size:16px
}
.delivery-table table td{
    text-align:center;
    padding:20px;
    border-right:1px solid silver;
    font-size:14px
}
.delivery-time{
    width:100%;
    margin:20px 0;
    display:inline-block
}
.delivery-time ul.pricing-process-listing{
    width:100%;
    padding:20px 0
}
.delivery-time ul.pricing-process-listing li{
    width:23%;
    text-align:left;
    position:relative;
    z-index:99
}
.delivery-time ul.pricing-process-listing li .listing-box:after{
    content:"";
    position:absolute;
    right:0;
    width:100%;
    height:1px;
    background:#ffda30;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    z-index:-1
}
.delivery-time ul.pricing-process-listing li:last-child .listing-box:after{
    display:none
}
.delivery-time ul.pricing-process-listing li .listing-box{
    background:#fff;
    border:1px solid #ffda30;
    padding:8px 5px
}
.delivery-time ul.pricing-process-listing li .services-price-pay{
    background:#ffda30;
    margin:0 auto 5px;
    width:54px;
    height:54px
}
.delivery-time ul.pricing-process-listing li .services-price-pay small i{
    font-size:18px;
    font-style:normal;
    display:block;
    line-height:1;
    font-weight:700
}
.delivery-time ul.pricing-process-listing li .services-price-pay small{
    line-height:1;
    font-size:14px;
    font-weight:500
}
.delivery-time ul.pricing-process-listing li .services-price span{
    font-size:16px;
    font-weight:500
}
.interactive-three-slider{
    width:100%;
    text-align:center;
    padding:110px 0
}
.interactive-three-slider h2{
    margin-bottom:40px
}
.interactive-three-slider .main{
    width:960px
}
.interactive-three-slider .three-dimensional-slider{
    width:780px;
    margin:0 auto 50px
}
.interactive-three-slider .three-dimensional-slider .slick-slide.slick-center{
    transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2)
}
.interactive-section{
    width:100%;
    text-align:center;
    padding:110px 0
}
.interactive-section .main{
    width:1080px;
    margin:0 auto
}
.interactive-section ul{
    margin:0 auto
}
.interactive-section ul li{
    list-style:none;
    padding:0 15px
}
.interactive-section ul li figure{
    margin-bottom:25px
}
.interactive-section ul li p{
    font-size:16px;
    font-weight:500
}
.interactive-section ul.slick-dots li{
    padding:0
}
.interactive-section .slick-next{
    right:-90px
}
.interactive-section .slick-prev{
    left:-90px
}
.our-work-section .slick-next{
    right:-40px
}
.our-work-section .slick-prev{
    left:-40px
}
.our-work-section .work-category-img{
    margin-bottom:50px
}
.our-work-section .work-category-img .work-category-slider{
    display:none
}
.our-work-section .work-category-img .work-category-slider.active{
    display:block
}
.our-work-section .work-category-img .work-category-slider{
    padding:0 50px
}
.our-work-section .work-category-img .work-category-slider .iframe-wrap{
    position:relative;
    width:100%;
    padding-bottom:82%
}
.our-work-section .work-category-img .work-category-slider iframe{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.our-work-section .work-category-img .work-category-slider img{
    padding:0 10px
}
.grid{
    margin:0
}
.grid .grid-item{
    width:31%;
    margin:0 0 30px;
    text-align:left;
    list-style:none
}
.grid .grid-item.grid-item-full{
    width:100%;
    text-align:center
}
.grid .grid-item.grid-item-full img{
    margin:0 auto
}
.grid .grid-item:hover .testimonial-grid-wrap{
    background:#ffda30
}
.grid .grid-item .testimonial-grid-wrap{
    background:#fff;
    padding:50px;
    width:100%;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px
}
.grid .grid-item p{
    font-size:14px;
    line-height:24px;
    padding-bottom:15px
}
.grid .grid-item h5{
    margin-bottom:0
}
.grid .grid-item figure{
    margin-bottom:30px
}
.grid-item,.grid-sizer{
    width:33.333%
}
.grid-item{
    float:left
}
.grid-item img{
    display:block;
    max-width:100%;
    max-width:140px
}
.delivery-listing.full-check-radio p{
    font-size:14px
}
ul.delivery-step-listing{
    position:relative;
    padding:12px 0;
    margin:0
}
ul.delivery-step-listing:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    width:30px;
    height:2px;
    background:rgba(0,0,0,.2);
    top:-5px
}
ul.delivery-step-listing:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    width:30px;
    height:2px;
    background:rgba(0,0,0,.2);
    bottom:0
}
ul.delivery-step-listing li{
    list-style:none;
    font-size:14px;
    border:none!important
}
ul.delivery-listing li .check-radio label h4{
    margin-bottom:12px
}
.custom-radio-check{
    position:relative;
    display:inline-block
}
.custom-radio-check [type=radio]{
    position:absolute;
    left:-9999px;
    opacity:0
}
.custom-radio-check label{
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    padding-left:26px;
    line-height:18px;
    font-weight:400;
    font-size:14px;
    font-weight:500;
    color:#000;
    position:relative
}
.custom-radio-check label:after,.custom-radio-check label:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    margin-top:2px;
    width:15px;
    height:15px;
    -webkit-border-radius:0;
    border-radius:0;
    text-align:center;
    color:#000;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
.custom-radio-check label::before{
    border:1px solid #000
}
.custom-radio-check label::after{
    width:6px;
    height:6px;
    background-color:#000;
    top:6px;
    left:6px
}
.custom-radio-check [type=radio]:not(:checked)+label::after{
    opacity:0;
    transform:scale(0)
}
.custom-radio-check [type=radio]:checked+label::after{
    opacity:1;
    transform:scale(1)
}
.custom-radio-check [type=radio]:checked+label::before{
    background:#f3d536
}
.custom-radio-check label::after,.custom-radio-check label::before{
    display:block
}
.adaptations-info ul li .custom-radio-check label{
    padding:0 30px 0 30px;
    margin-left:45px
}
.adaptations-info ul li .custom-radio-check label h6{
    padding-left:0
}
.adaptations-info ul li{
    display:flex;
    justify-content:space-between;
    margin:0 0 20px 0
}
.adaptations-info ul li.default-radio-no .title{
    width:calc(100% - 80px)
}
.adaptations-info ul li.default-radio-no .number-counter{
    margin-right:0
}
.design-model .delivery-option{
    padding-top:50px
}
.design-model .delivery-option h5{
    margin-bottom:30px;
    padding-left:40px
}
.delivery-option ul.delivery-listing>li.check-radio label{
    padding:40px 10px
}
.hideBlock{
    position:relative
}
.hideBlock:before{
    content:'';
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:99;
    cursor:not-allowed;
    background:rgba(255,255,255,.6)
}
.mfp-iframe-holder button.mfp-close{
    width:auto;
    right:10px
}
.mfp-iframe-holder .mfp-close:after{
    color:#fff
}
.mfp-iframe-holder .mfp-close:focus,.mfp-iframe-holder .mfp-close:hover{
    background-color:transparent!important
}
.hidden-des{
    display:none
}
.no-margin{
    margin-bottom:0!important
}
.white-bg .sbToggle{
    background:#fff
}
.default-radio-no:not(.active) .number-counter:after{
    content:'';
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    cursor:not-allowed
}
#rate-card.white-popup{
    max-width:930px;
    margin:0 auto;
    text-align:center;
    padding:70px 75px;
    -webkit-border-radius:8px 8px 8px 8px;
    border-radius:8px 8px 8px 8px
}
#rate-card.white-popup h2{
    margin-bottom:50px
}
#rate-card.white-popup form{
    text-align:center
}
#rate-card.white-popup form .feild{
    margin-bottom:50px
}
#rate-card.white-popup form .submit-feild input[type=submit]{
    min-width:210px;
    text-transform:uppercase
}
#rate-card.white-popup form .submit-feild input[type=submit]:focus,#rate-card.white-popup form .submit-feild input[type=submit]:hover,#subscribe-popup.white-popup form .submit-feild input[type=submit]:focus,#subscribe-popup.white-popup form .submit-feild input[type=submit]:hover{
    border-color:#ffda30;
    background-color:transparent
}
#subscribe-popup.white-popup{
    max-width:930px;
    margin:0 auto;
    text-align:center;
    padding:70px 75px;
    -webkit-border-radius:8px 8px 8px 8px;
    border-radius:8px 8px 8px 8px
}
#subscribe-popup.white-popup h2{
    margin-bottom:50px
}
#subscribe-popup.white-popup form{
    text-align:center
}
#subscribe-popup.white-popup form .feild{
    margin-bottom:50px
}
#subscribe-popup.white-popup form .submit-feild input[type=submit],.book-popup form .submit-feild input[type=submit]{
    min-width:210px;
    text-transform:uppercase
}
.book-popup form .submit-feild input[type=submit]:focus,.book-popup form .submit-feild input[type=submit]:hover{
    background:#fff;
    border-color:#ffda30
}
.successmsg{
    display:none
}
.our-pricing-tab-section .sidebar-listing ul{
    display:none
}
.our-pricing-tab-section .sidebar-listing .heading.active+ul{
    display:block
}
.sidebar-listing h4{
    margin-top:0;
    margin-bottom:15px;
    cursor:pointer
}
.sidebar-listing h4:after{
    display:none
}
.sidebar-listing .heading.active h4:after{
    display:block
}
.our-pricing-tab-section .sidebar-listing ul>li.heading:first-child>h4{
    margin-bottom:15px
}
.our-pricing-tab-section .sidebar-listing ul li h4{
    display:none
}
.resource_team_box{
    position:relative;
    width:120%;
    margin-top:50px;
    margin-right:-27%;
    float:right;
    padding-bottom:84.27%
}
.resource_team_box .DIT{
    display:table;
    width:100%;
    height:100%
}
.resource_team_box .DITC{
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
.round_box_inner{
    position:relative;
    width:100%;
    height:100%;
    transition:transform .9s;
    transform-style:preserve-3d;
    -webkit-transition:transform .9s;
    -webkit-transform-style:preserve-3d;
    -moz-transition:transform .9s;
    -moz-transform-style:preserve-3d
}
.round_box_inner_text{
    position:absolute;
    width:100%;
    height:100%;
    padding:5% 5%;
    border-radius:50%;
    text-align:center;
    border:4px solid #ffda30;
    background-color:#fff;
    overflow:hidden
}
.round_box_inner_text span{
    font-size:18px;
    position:relative;
    text-align:center;
    line-height:1.4;
    display:inline-block;
    width:100%;
    vertical-align:middle
}
.round_box_inner_text span:last-child{
    margin-top:6%;
    padding-top:1%;
    font-weight:16px;
    font-weight:700
}
.round_box_inner_text span:last-child:before{
    content:'';
    bottom:100%;
    left:50%;
    width:50%;
    margin-left:-25%;
    height:2px;
    background-color:rgba(18,18,18,.22);
    position:absolute
}
.round_box_inner_image{
    position:absolute;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.round_box_inner_text{
    position:absolute;
    width:101%;
    height:101%;
    padding:5% 5%;
    border-radius:50%;
    text-align:center;
    border:4px solid #ffda30;
    background-color:#fff;
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    overflow:hidden;
    z-index:99;
    transition:all ease .3s;
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s
}
.roundBox:hover .round_box_inner_text{
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    width:101%;
    height:101%
}
.roundBoxImg{
    padding:2%
}
.roundBoxImg img{
    max-width:100%;
    vertical-align:middle
}
.roundBox{
    border-radius:50%;
    position:absolute
}
.round180{
    width:25.715%;
    height:36.515%
}
.round175{
    width:24.859%;
    height:35.299%
}
.round152{
    width:21.715%;
    height:30.834%
}
.round107{
    width:15.286%;
    height:21.706%
}
.round89{
    width:12.715%;
    height:18.055%
}
.round81{
    width:11.573%;
    height:16.434%
}
.round52{
    width:7.43%;
    height:10.55%
}
.round49{
    width:7%;
    height:9.94%
}
.round44{
    width:6.27%;
    height:8.927%
}
.round37{
    width:5.287%;
    height:7.507%
}
.round23{
    width:3.287%;
    height:4.668%
}
.round18{
    width:2.573%;
    height:3.654%
}
.resource_team_box .round_1{
    top:5%;
    left:10.5%
}
.resource_team_box .round_2{
    top:5%;
    left:19.5%
}
.resource_team_box .round_3{
    top:9%;
    left:43.25%
}
.resource_team_box .round_4{
    top:0;
    left:52%
}
.resource_team_box .round_5{
    top:3%;
    left:81.5%
}
.resource_team_box .round_6{
    top:13.5%;
    left:80.5%
}
.resource_team_box .round_7{
    top:17%;
    left:2.5%
}
.resource_team_box .round_8{
    top:21%;
    left:80%
}
.resource_team_box .round_9{
    top:26%;
    left:43.5%
}
.resource_team_box .round_10{
    top:37%;
    left:3.4%
}
.resource_team_box .round_110{
    top:34%;
    left:17%;
    width:25px;
    height:25px
}
.resource_team_box .round_11{
    top:40%;
    left:25.4%
}
.resource_team_box .round_12{
    top:40%;
    left:65%
}
.resource_team_box .round_13{
    top:41%;
    left:34%
}
.resource_team_box .round_14{
    top:42%;
    left:.5%
}
.resource_team_box .round_15{
    top:50%;
    left:81.5%
}
.resource_team_box .round_16{
    top:49.5%;
    right:.3%
}
.resource_team_box .round_17{
    top:62.5%;
    left:62.5%
}
.resource_team_box .round_18{
    top:68%;
    left:27.4%
}
.resource_team_box .round_19{
    top:58%;
    left:76.4%
}
.resource_team_box .round_20{
    top:78.5%;
    left:15.5%
}
.resource_team_box .round_21{
    top:77%;
    left:22.5%
}
.resource_team_box .round_22{
    top:82.5%;
    left:39.5%
}
.resource_team_box .round_23{
    top:78%;
    left:58%
}
.resource_team_box .round_24{
    top:88%;
    left:76.5%
}
.en_view ul.tabs{
    margin:50px 0;
    padding:0;
    list-style:none;
    text-align:center
}
.en_view ul.tabs li{
    background:0 0;
    color:#222;
    display:inline-block;
    padding:10px 0 0;
    cursor:pointer;
    margin:0 40px;
    font-weight:700;
    font-size:14px
}
.en_view ul.tabs li:first-child{
    margin-left:0
}
.en_view ul.tabs li:last-child{
    margin-right:0
}
.en_view ul.tabs li.current{
    background:0 0;
    color:#222;
    border-bottom:2px solid #f3d536
}
.en_view .ft.tab-content{
    display:none;
    padding:15px
}
.en_view .ft.tab-content.current{
    display:inherit
}
.en_view .view_lp .w_60 ul li,.view_lp .w_60 ul{
    margin:0;
    padding:0
}
.en_view .view_lp .w_60 ul{
    text-align:center
}
.en_view .view_lp .w_60 ul li{
    display:inline-block
}
.en_view .view_lp .w_60 ul li img{
    max-width:190px;
    width:100%;
    opacity:.3;
    border:3px solid transparent;
    border:3px solid transparent;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.en_view .view_lp .w_60 ul li{
    display:inline-block;
    position:relative
}
.en_view .view_lp .w_60{
    max-height:650px;
    overflow-y:scroll
}
.en_view .view_lp.dsp_fx{
    display:flex
}
.en_view .view_lp.dsp_fx .w_60{
    width:100%
}
.en_view .view_lp.dsp_fx .w_60{
    width:50%;
    margin-right:1%
}
.en_view .view_lp .w_40{
    width:50%;
    max-height:650px;
    overflow-y:scroll;
    padding-right:1%
}
.en_view .view_lp .w_60 ul li.active:hover img{
    opacity:1;
    box-shadow:3px 3px 5px 1px #6d6d6d
}
.en_view .view_lp .w_60 ul li.active:hover a{
    display:none
}
.en_view .view_lp .w_60 ul li.active img{
    opacity:1;
    border:3px solid #333;
    box-shadow:3px 3px 5px 1px #6d6d6d
}
.en_view .view_lp .w_60 ul li:hover img{
    opacity:.5;
    border:3px solid #333;
    box-shadow:3px 3px 5px 1px #6d6d6d
}
.en_view .view_lp .w_60 ul li:hover a{
    opacity:1
}
.en_view .view_lp .w_60 ul li:hover .overlay{
    display:block;
    background:rgba(0,0,0,.3)
}
.en_view .view_lp .w_60 ul li{
    margin:5px;
    cursor:pointer
}
.view_lp .w_60 ul li a.view{
    position:absolute;
    width:500px;
    left:0;
    top:180px;
    text-align:center;
    opacity:0;
    transition:opacity .35s ease;
    width:80px;
    padding:3px 3px;
    text-align:center;
    color:#000;
    border:solid 2px #ffda30;
    z-index:1;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    font-weight:800;
    border-radius:45px;
    background:#ffda30
}
.view_lp .w_60 ul li:hover a.view{
    opacity:1;
    box-shadow:0 0 8px 2px #484848
}
.en_view .tab-content{
    opacity:0
}
.en_view .preview_right .tab-container,.en_view .preview_right .tab-container2,.en_view .preview_right .tab-container3{
    max-width:100%;
    border:3px solid #333
}
.en_view .preview_right .tab-links{
    display:none
}
.en_view .preview_right .tab-links ul{
    display:flex;
    font-size:1.4rem;
    line-height:1;
    padding:0;
    margin:0
}
.en_view .preview_right .tab-links ul li{
    list-style-type:none
}
.en_view .preview_right .tab-links li{
    color:#fff;
    cursor:pointer;
    margin:0 20px;
    text-align:center;
    font-size:14px;
    font-weight:500
}
.en_view .preview_right .tab-links li:first-child{
    margin-left:0
}
.en_view .preview_right .tab-links li:last-child{
    margin-right:0
}
.en_view .preview_right .tab-links a{
    color:#fff;
    display:inline-block;
    padding:4px 0 0;
    margin:5px 0;
    position:relative;
    transition:all .3s;
    text-decoration:none
}
.en_view .preview_right .tab-links a:hover,.en_view .preview_right .tab-links li.active a{
    color:#fff;
    border-bottom:2px solid #f3d536
}
.en_view .preview_right .tab-links a::after{
    content:"";
    width:0;
    height:3px;
    bottom:-2px;
    left:0;
    position:absolute;
    transition:width .3s
}
.en_view .preview_right .tab-links li.active a::after{
    width:100%
}
.en_view .preview_right .tab-content{
    color:#2f3033;
    font-size:14px;
    line-height:1.3
}
.en_view .preview_right .tab-panel.active{
    display:block
}
.en_view .preview_right .tab-links{
    width:100%;
    display:flex;
    background:#333;
    justify-content:center
}
.en_view .preview_right .tab-panel{
    display:none
}
.en_view .preview_right .tab-panel img{
    width:100%
}
.en_view .preview_right .tab-panel .button{
    margin:20px 0 0
}
.Banner .float_left_30{
    float:left;
    width:30%
}
.Banner .float_right_70{
    float:right;
    width:70%
}
.Banner .ban{
    clear:both;
    padding:15px
}
.Banner .ban img{
    display:block
}
.Banner .ban .rt1{
    max-width:300px;
    width:100%
}
.Banner .ban .rt2{
    max-width:200px;
    width:100%
}
.Banner .ban p{
    margin:0;
    padding:0 5px;
    color:#fff;
    background-color:#000;
    display:inline-block
}
.en_view .view_lp .w_40,.en_view .view_lp.dsp_fx .w_60{
    position:relative
}
.en_view .slimScrollBar{
    -webkit-box-shadow:0 0 6px rgba(0,0,0,.3)!important;
    box-shadow:0 0 6px rgba(0,0,0,.3)!important;
    -moz-box-shadow:0 0 6px rgba(0,0,0,.3)!important;
    border-radius:10px!important;
    background:#f5f5f5!important;
    opacity:1!important
}
.en_view .view_lp .w_40::-webkit-scrollbar,.en_view .view_lp.dsp_fx .w_60::-webkit-scrollbar{
    width:7px;
    background-color:#dbdbdb;
    border-right:10px
}
.en_view .view_lp .w_40::-webkit-scrollbar-thumb,.en_view .view_lp.dsp_fx .w_60::-webkit-scrollbar-thumb{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#999
}
.copyJob{
    padding:60px
}
.we-can-help .help-wrap .item{
    position:relative;
    z-index:9
}
.we-can-help .help-wrap .item:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:100%;
    background:#d2d2d2;
    z-index:-1
}
.slick-track{
    right:0
}
.mfp-auto-cursor .mfp-content{
    overflow-x:hidden
}
.interactive-section a.underline:hover,.section-wrap a.underline:hover{
    text-decoration:none
}
.fileValidation.error{
    display:inline-block;
    font-size:12px;
    background:#ffda30;
    padding:0 10px;
    color:#000;
    max-width:185px
}
body.header_v2.white_header #header-main,body.header_v2.white_header .header-nav{
    background-color:#fff
}
.banner-section.white-banner.about-page-banner{
    width:100%;
    padding:100px 0 180px;
    background-color:#fff
}
.about-page-banner .row,.about-page-banner .row .col-lg-6{
    position:static
}
.about-page-banner h1{
    font-size:120px;
    line-height:1.1;
    text-transform:none
}
.about-page-banner .about-img{
    position:absolute;
    top:-100px
}
.about-section-wrap{
    width:100%;
    padding:14px 0
}
.about-section-wrap h4{
    text-transform:none;
    line-height:38px
}
.about-section-wrap p{
    font-size:18px;
    line-height:30px
}
.our-team-section{
    text-align:center;
    width:100%;
    padding:100px 0
}
ul.team-listing{
    margin:0;
    text-align:center
}
ul.team-listing li{
    list-style:none;
    margin:50px 0 0 0
}
ul.team-listing li h4{
    text-transform:none;
    margin:0
}
ul.team-listing li span{
    font-size:18px;
    margin-bottom:30px;
    display:block
}
ul.team-listing li .team-listing-wrap{
    display:inline-block;
    padding:0 50px
}
ul.team-listing li .team-listing-wrap .team-thumb{
    margin-bottom:30px
}
ul.team-listing li .team-listing-wrap .team-thumb figure{
    position:relative;
    cursor:pointer
}
ul.team-listing li .team-listing-wrap .team-thumb figure .svg{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:0;
    z-index:-1
}
ul.team-listing li .team-listing-wrap .team-thumb img{
    display:block;
    margin:0 auto
}
ul.team-listing li .team-listing-wrap .team-thumb figure:hover .svg .st0{
    fill:#ffda30
}
ul.team-listing li .team-listing-wrap .team-thumb figure .svg .st0{
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.our-mission-vision-section{
    width:100%;
    padding:120px 0
}
.our-mission-vision-section h3{
    text-transform:none;
    font-size:40px;
    line-height:60px
}
.our-mission-vision-section .content-wrap h6{
    font-size:18px;
    text-transform:uppercase;
    font-weight:400;
    margin-bottom:50px
}
.our-mission-vision-section .col-lg-6:first-child{
    border-right:2px solid silver
}
.our-mission-vision-section .col-lg-6:first-child .content-wrap{
    padding:0 50px 0 0
}
.our-mission-vision-section .content-wrap{
    padding-left:50px
}
.core-value-section{
    width:100%;
    padding:100px 0;
    text-align:left
}
.core-value-section h2{
    margin-bottom:30px
}
.core-value-section h6{
    font-size:18px;
    font-weight:400;
    margin-bottom:60px
}
.core-value-section h4{
    text-transform:none;
    margin-bottom:10px
}
.core-value-section p{
    padding-bottom:40px
}
.copyJob{
    padding:60px
}
.banner-section.thankyou-banner{
    padding:70px 0
}
.thankyou-banner h1{
    margin-bottom:30px
}
.thankyou-banner p{
    font-size:16px
}
.thankyou-banner p a{
    font-weight:700
}
.thankyou-section{
    width:100%;
    padding:100px 0
}
.thankyou-section .video-popup{
    position:relative;
    z-index:9;
    margin:20px 0;
    display:inline-block;
    width:100%
}
.thankyou-section .video-popup .video-popup-thumb:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:160px;
    background:url(../images/video-shadow.png) left bottom repeat-x;
    z-index:-1
}
.thankyou-section .video-popup .video-popup-btn a{
    display:inline-block
}
.thankyou-section .video-popup .video-popup-thumb{
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:50%;
    position:relative;
    z-index:9
}
.thankyou-section .video-popup .video-popup-btn span{
    background:#ffda30;
    padding:5px 55px;
    -webkit-border-radius:8px 8px 8px 8px;
    border-radius:8px 8px 8px 8px;
    display:inline-block;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.thankyou-section .video-popup .video-popup-btn span i{
    font-size:70px;
    color:#fff;
    padding-left:4px
}
.thankyou-section .video-popup .video-popup-btn a:hover span{
    background:#000
}
#rate-card.white-popup form .feild{
    margin-bottom:20px
}
.setchekbox_2019{
    float:left;
    margin-bottom:25px
}
@media screen and (max-width:992px){
    .about-section-wrap h4{
        line-height:32px
    }
}
@media screen and (max-width:767px){
    .about-section-wrap h4{
        line-height:30px
    }
    .about-section-wrap p{
        font-size:18px;
        line-height:26px
    }
}
.btn.btn-bg-grey a,a.btn.btn-bg-grey{
    background-color:#f3f3f3
}
.btn.whiteBg span{
    background-color:#fff
}
.big-slide-image .three-dimensional-slider .three-dimensional-thumb{
    padding:110px 0
}
.banner-design-pricing-section form .submit-feild input[type=button]{
    background-color:#ffda30
}
.banner-design-pricing-section form .submit-feild input[type=button]:focus,.banner-design-pricing-section form .submit-feild input[type=button]:hover{
    background:#f3f3f3
}
.banner-design-pricing-section .submit-feild input[type=button]:focus,.banner-design-pricing-section .submit-feild input[type=button]:hover{
    border-color:#ffda30
}
.grey-bg ul.number-listing-counter>li::before{
    color:#fff
}
.grey-bg .number-counter .value-button.counter-minus{
    border-top:1px solid #000
}
.grey-bg .custom-chk [type=checkbox]:checked+label::before,.grey-bg .custom-radio [type=radio]:checked+label::before{
    background:#f3f3f3
}
.progress_bar_parent{
    display:flex;
    flex-wrap:wrap;
    width:100%
}
.progress_bar_parent .progress-bar{
    margin-right:2%
}
.progress_bar_parent .progress-bar:last-child{
    margin-right:0
}
.progress-bar-error{
    z-index:999
}
.mfp-gallery button.mfp-close{
    width:50px;
    height:50px;
    top:-50px;
    text-align:center;
    right:0;
    padding-right:0;
    z-index:99;
    background:#000;
    color:#fff!important
}
.mfp-gallery button.mfp-close:after{
    color:#fff!important
}
.mfp-gallery .mfp-content{
    overflow:inherit
}
.mfp-gallery .mfp-figure figure{
    margin:0;
    max-width:700px;
    height:600px;
    position:relative
}
.mfp-gallery img.mfp-img{
    width:100%;
    max-height:inherit!important;
    padding:0
}
.mfp-gallery .mfp-arrow{
    position:fixed
}
.mfp-gallery .mfp-content{
    vertical-align:top;
    height:100%
}
.mfp-gallery .mfp-bottom-bar{
    display:none
}
.mfp-zoom-out-cur .mfp-gallery .mfp-content{
    top:50px
}
.experienced-team .round_box_team_inner_text{
    position:absolute;
    width:100%;
    height:100%;
    padding:5% 20px;
    text-align:center
}
.experienced-team.resource_team_box span{
    font-size:14px
}
.experienced-team.resource_team_box span strong{
    font-size:40px;
    font-weight:700;
    line-height:1
}
.fixed-tagline-subscribe .btn{
    position:fixed;
    left:30px;
    bottom:30px;
    z-index:999
}
.fixed-tagline-subscribe .btn a{
    padding:12px 30px
}
.fixed-tagline-subscribe{
    opacity:0;
    visibility:hidden;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    z-index:999
}
.fixed-tagline-subscribe.show{
    opacity:1;
    visibility:visible
}
.white-popup.iframe-popup-section{
    max-width:797px;
    width:100%;
    padding:0 0;
    height:100%
}
.iframe-popup-wrap{
    position:relative;
    overflow:hidden;
    width:100%;
    height:100%;
    margin:0;
    display:inline-block
}
.iframe-popup-wrap iframe{
    width:100%;
    position:absolute;
    left:0;
    top:0;
    height:100%
}
.white-popup.three-popup{
    max-width:400px;
    height:auto;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    transform:translateY(-50%)!important;
    -moz-transform:translateY(-50%)!important;
    -ms-transform:translateY(-50%)!important;
    -webkit-transform:translateY(-50%)!important;
    padding:25px 25px 15px
}
.three-popup .iframe-popup-wrap{
    position:static;
    overflow:hidden;
    width:100%;
    height:auto;
    margin:0;
    display:inline-block;
    text-align:center
}
.three-popup .iframe-popup-wrap iframe{
    width:336px;
    position:static;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    height:280px;
    margin:0 auto
}
.bar{
    width:100%;
    z-index:1000;
    padding:10px 0;
    position:relative;
    margin-bottom:20px;
    text-align:center
}
.bar h2{
    border-bottom:#ddb009 solid 2px;
    padding-bottom:10px;
    font-size:22px;
    text-transform:none;
    margin:0
}
.bar{
    background:#ffda30
}
.bar-inner{
    margin-bottom:10px;
    position:relative
}
.tab{
    display:none;
    margin:auto;
    background-repeat:no-repeat;
    background-position:center 0;
    text-align:center;
    position:relative
}
.tab-inner{
    text-align:center
}
.tab-arrows{
    display:none
}
.next,.prev{
    position:absolute;
    top:0;
    font-size:18px;
    line-height:36px;
    background:url(../images/btn-arrows.html) no-repeat 0 0;
    color:#000
}
.next{
    margin-left:200px;
    left:50%;
    background-position:right 14px;
    padding-right:12px
}
.prev{
    margin-right:200px;
    right:50%;
    background-position:0 -18px;
    padding-left:12px
}
.dots-outer{
    display:inline-block;
    padding:0 8px
}
.dots-outer h3{
    font-size:16px;
    line-height:28px;
    font-weight:400;
    color:#000;
    margin-top:10px;
    display:inline-block;
    text-transform:none
}
.dots{
    list-style-type:none;
    height:10px;
    margin-left:0
}
.dot{
    display:inline;
    font-size:0;
    line-height:0;
    padding:0 3px
}
.dot-link{
    width:18px;
    height:18px;
    background:url(../images/star-icon.png) no-repeat;
    display:inline-block;
    text-indent:-4000px
}
.dot.active .dot-link,.no-touch .dot-link:hover{
    background:url(../images/star-icon-black.png) no-repeat
}
.dot-tip{
    background:#f2ecce;
    border-radius:4px;
    font-size:12px;
    line-height:24px;
    white-space:nowrap;
    position:absolute;
    top:0;
    left:-9999px;
    z-index:0;
    visibility:hidden;
    opacity:0;
    padding:0 10px
}
.dot-tip-show{
    visibility:visible;
    opacity:1;
    z-index:1000
}
.dot-tip{
    -webkit-transition:opacity .3s linear,visibility 0s linear .3s,z-index 0s linear .3s;
    -moz-transition:opacity .3s linear,visibility 0s linear .3s,z-index 0s linear .3s;
    -ms-transition:opacity .3s linear,visibility 0s linear .3s,z-index 0s linear .3s;
    -o-transition:opacity .3s linear,visibility 0s linear .3s,z-index 0s linear .3s;
    transition:opacity .3s linear,visibility 0s linear .3s,z-index 0s linear .3s
}
.litmus .tabs{
    margin-bottom:100px
}
.dot-tip-show{
    -webkit-transition:opacity .3s linear,visibility 0s linear,z-index 0s linear;
    -moz-transition:opacity .3s linear,visibility 0s linear,z-index 0s linear;
    -ms-transition:opacity .3s linear,visibility 0s linear,z-index 0s linear;
    -o-transition:opacity .3s linear,visibility 0s linear,z-index 0s linear;
    transition:opacity .3s linear,visibility 0s linear,z-index 0s linear
}
.loading{
    position:fixed;
    top:40.2%;
    left:50%;
    width:48px;
    height:48px;
    background:url(../images/loading.html) no-repeat 0 0;
    margin:-24px 0 0 -24px
}
.hi-dpi .loading{
    -webkit-background-size:24px 24px;
    background-size:24px 24px;
    background-position:50%
}
.tab-arrows a{
    position:absolute;
    width:59px;
    height:19px;
    top:50%;
    right:0;
    margin-right:-70px;
    background:url(images/screenshots/arrows.html) no-repeat 0 0;
    font-size:0;
    line-height:0;
    text-indent:-4000px
}
.tab-arrows .up{
    background-position:0 0;
    margin-top:-30px
}
.no-touch .tab-arrows .up:hover{
    background-position:right 0
}
.tab-arrows .down{
    background-position:0 bottom;
    margin-bottom:-30px
}
.no-touch .tab-arrows .down:hover{
    background-position:right bottom
}
#image-android22 .tab-arrows,#image-android4 .tab-arrows,#image-androidgmailapp .tab-arrows,#image-windowsphone7 .tab-arrows,#image-windowsphone8 .tab-arrows{
    display:block
}
#image-android22 .tab-inner,#image-android4 .tab-inner,#image-androidgmailapp .tab-inner,#image-windowsphone7 .tab-inner,#image-windowsphone8 .tab-inner{
    overflow:hidden
}
.ios-device .tab-inner{
    overflow:auto!important;
    width:100%;
    -webkit-overflow-scrolling:touch
}
@media screen and (max-width:1024px){
    #image-android22,#image-android4,#image-androidgmailapp,#image-androidgmailnew,#image-androidoutlookcom,#image-ipad,#image-ipad3,#image-ipadmini,#image-iphone4,#image-iphone5,#image-iphone5s,#image-iphonegmailnew,#image-iphoneoutlookcom,#image-windowsphone7,#image-windowsphone8{
        height:auto;
        width:auto;
        background:0 0
    }
    #image-android22 .tab-inner,#image-android4 .tab-inner,#image-androidgmailapp .tab-inner,#image-androidgmailnew .tab-inner,#image-androidoutlookcom .tab-inner,#image-ipad .tab-inner,#image-ipad3 .tab-inner,#image-ipadmini .tab-inner,#image-iphone4 .tab-inner,#image-iphone5 .tab-inner,#image-iphone5s .tab-inner,#image-iphonegmailnew .tab-inner,#image-iphoneoutlookcom .tab-inner,#image-windowsphone7 .tab-inner,#image-windowsphone8 .tab-inner{
        height:auto;
        overflow:hidden;
        text-align:center;
        top:0;
        left:0
    }
    .ios-device .tab-inner{
        max-width:1024px!important
    }
}
@media screen and (max-width:768px){
    .ios-device .tab-inner{
        max-width:768px!important
    }
}
.infographics-sec .col-2.service-option{
    padding-right:10px
}
.infographics-sec .sbOptions li{
    padding:0 0;
    margin:0;
    list-style:none;
    font-size:16px;
    line-height:25px
}
.infographics-sec .search--box .feild{
    margin-top:0
}
.infographics-sec .sbOptions a{
    border-bottom:solid 1px rgba(0,0,0,.2);
    display:block;
    outline:0;
    padding:10px 20px;
    font-size:14px;
    color:#000
}
.infographics-sec .sbHolder{
    background-color:transparent;
    border:none;
    font-family:Montserrat,sans-serif;
    font-size:14px;
    font-weight:500;
    height:46px;
    position:relative;
    width:100%;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.infographics-sec .sbToggle{
    display:block;
    height:100%;
    outline:0;
    position:absolute;
    right:0;
    top:0;
    width:46px;
    border-left:1px solid #000;
    text-align:center;
    z-index:9;
    -webkit-border-radius:0 5px 5px 0;
    border-radius:0 5px 5px 0;
    cursor:pointer;
    background-color:#f3f3f3
}
.infographics-sec .sbOptions{
    background-color:#fff;
    border:solid 1px #000;
    list-style:none;
    left:-1px;
    margin:0;
    padding:0;
    position:absolute;
    width:100.4%!important;
    z-index:100;
    overflow-y:auto;
    top:44px!important;
    -webkit-border-radius:5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    text-align:left
}
.infographics-sec .sbOptions a.sbFocus,.infographics-sec .sbOptions a:focus,.infographics-sec .sbOptions a:hover{
    color:#000;
    background:rgba(0,0,0,.04)
}
.infographics-sec .search--box .search-bar{
    position:relative;
    border-bottom:1px solid #adadad;
    margin-top:0;
    width:calc(100% - 30px);
    margin-left:auto;
    margin-right:auto
}
.blog .search--box .subscribe input[type=submit]:focus,.infographics-sec .search--box .subscribe input[type=submit]:hover{
    background:#ffda30;
    border-color:#ffda30
}
.infographics-sec #searchform input#s{
    height:auto;
    padding-left:16px;
    font-size:16px;
    padding:15px 15px 15px 0;
    font-family:Montserrat,sans-serif;
    font-weight:400;
    border:none;
    border-radius:3px;
    box-shadow:none
}
.infographics-sec .search--box .subscribe input[type=submit]{
    border:2px solid #ffda30;
    background:0 0;
    text-transform:uppercase
}
.infographics-sec .subscribe-btn input[type=submit]{
    height:auto;
    padding:13px 15px;
    min-width:210px
}
.infographics-sec #searchform input#searchsubmit{
    background-color:transparent;
    border:none;
    background-position:right center;
    background:url(../images/search-icon-gray.png);
    background-repeat:no-repeat;
    width:38px;
    font-size:0;
    float:right;
    height:20px;
    padding:0;
    position:absolute;
    right:0;
    bottom:10px
}
.infographics-sec .search--box .feild .sbHolder .sbToggle{
    border:none;
    background:0 0;
    right:-8px
}
.infographics-sec .row-flex.search--box .sbOptions{
    min-width:260px
}
.infographics-sec .search--box .feild .sbHolder .sbSelector,.infographics-sec .search--box .sbOptions a:link{
    font-weight:700;
    font-family:Montserrat,sans-serif;
    color:#000
}
.infographics-sec .search--box .feild .sbHolder .sbSelector{
    text-indent:0;
    font-size:16px;
    font-weight:700;
    text-overflow:ellipsis;
    width:86%;
    white-space:nowrap;
    overflow:hidden
}
.infographics-sec .sbOptions a:link,.infographics-sec .sbOptions a:visited{
    color:#000;
    text-decoration:none;
    transition:all .2s ease-in-out
}
.infographics-sec .sbSelector{
    display:block;
    height:46px;
    left:0;
    line-height:44px;
    outline:0;
    overflow:hidden;
    position:absolute;
    text-indent:20px;
    top:0;
    width:100%;
    cursor:pointer;
    color:#000;
    text-align:left
}
.infographics-sec .sbToggle:after{
    content:'\f2f9';
    font-family:Material-Design-Iconic-Font;
    font-size:24px;
    width:100%;
    left:0;
    right:0;
    margin:0 auto;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    font-weight:700
}
.infographics-sec{
    background-color:#fff;
    padding:80px 0;
    text-align:center
}
.infographics-sec h1{
    text-align:center;
    text-transform:uppercase;
    font-size:50px;
    color:#000;
    margin-bottom:35px;
    line-height:56px
}
.infographics-sec .row-flex{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    align-items:inherit;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -o-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-15px;
    margin-right:-15px
}
.col-2{
    width:16.66666667%;
    padding:0 15px;
    margin-bottom:30px
}
.col-3{
    width:25%;
    padding:0 15px;
    margin-bottom:30px
}
.col-4{
    width:33.33333333%;
    padding:0 15px;
    margin-bottom:30px
}
.col-5{
    width:50%;
    padding:0 15px;
    margin-bottom:30px
}
.col-6{
    width:50%;
    padding:0 15px;
    margin-bottom:30px
}
.col-8{
    width:66.66666667%;
    padding:0 15px;
    margin-bottom:30px
}
.col-12{
    width:100%;
    padding:0 15px;
    margin-bottom:30px
}
.infographics-image{
    display:inline-block;
    width:100%;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:45%
}
.infographics--child:nth-child(3n){
    margin-right:0
}
.infographics-dtl .blog--links ul{
    display:flex;
    list-style:none;
    margin:0
}
.infographics-dtl .blog--links ul li{
    display:inline-block;
    padding:0 10px;
    font-size:14px;
    font-weight:700;
    line-height:1;
    position:relative
}
.infographics-dtl .blog--links ul li:first-child{
    padding-left:0
}
.infographics-dtl .blog--links ul li:first-child:after{
    content:"";
    position:absolute;
    right:0;
    height:100%;
    width:2px;
    background-color:#000;
    top:0
}
.infographics-dtl .blog--links li a{
    text-transform:uppercase;
    display:block;
    color:#000
}
.infographics-inner-child{
    border:1px solid #e5e5e5;
    height:100%;
    transition-duration:.3s;
    transition-property:transform;
    -webkit-tap-highlight-color:transparent;
    transform:translateZ(0);
    box-shadow:0 0 1px transparent
}
.infographics-inner-child:hover{
    transform:translateY(-5px);
    -webkit-transform:translateY(-5px)
}
.infographics-dtl{
    padding:25px 30px
}
.infographics-dtl h3{
    font-size:26px;
    font-weight:500;
    color:#000;
    margin-bottom:25px;
    text-align:left;
    text-transform:none
}
.infographics-dtl .btn.btn-border{
    text-align:left;
    margin-top:35px
}
.infographics-sec h6{
    font-weight:400;
    text-transform:uppercase;
    font-size:14px;
    text-align:left;
    position:relative
}
.heading-title{
    display:block;
    font-size:14px;
    text-transform:uppercase;
    font-weight:400;
    margin-bottom:30px;
    text-align:left;
    margin-top:30px
}
.infographics--child.heading-top{
    position:relative;
    padding-top:30px
}
.subscribe-now-form .feild div.error{
    display:none!important
}
.successmsg{
    display:none
}
.subscribe-now-form .submit-feild input[type=submit]{
    text-transform:uppercase
}
.subscribe-now-form .submit-feild input[type=submit]:focus,.subscribe-now-form .submit-feild input[type=submit]:hover{
    border-color:#ffda30;
    background-color:transparent
}
.help-section.help-wrap-sec .content-wrap{
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    flex-grow:1;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    -ms-flex-direction:column;
    -o-flex-direction:column;
    flex-direction:column;
    height:100%
}
.help-section.help-wrap-sec .content-wrap .btn.btn-border{
    margin-top:auto
}
.help-wrap-sec .row-flex{
    align-items:inherit
}
.pagination ul{
    display:flex;
    align-items:center;
    list-style:none;
    padding-top:50px;
    padding-bottom:25px
}
.pagination .page-numbers .current{
    background-color:#ffda2e
}
.pagination .page-numbers span{
    margin:0
}
.pagination .page-numbers{
    height:30px;
    width:30px;
    background-color:#f3f3f3;
    border-radius:50%;
    font-size:16px;
    font-family:Montserrat,sans-serif;
    font-weight:700;
    display:inline-block;
    align-items:center;
    justify-content:center;
    margin:0 5px;
    line-height:30px;
    cursor:pointer;
    position:static
}
.next.page-numbers,.prev.page-numbers{
    background:#ffda2e url(../images/pagination-next.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:8px;
    font-size:0;
    border:2px solid #ffda30
}
.next.page-numbers:hover,.prev.page-numbers:hover{
    border-color:#000;
    background-color:#fff
}
#rate-card .mfp-close,#subscribe-popup .mfp-close{
    -webkit-border-radius:0 8px 0 0;
    border-radius:0 8px 0 0
}
.not-found-section{
    width:100%;
    padding:60px 0 150px;
    text-align:center;
    background-position:center bottom!important;
    background-repeat:repeat-x!important
}
.not-found-section figure{
    margin:40px auto
}
.thankyou-page-section .col-4{
    padding:15px 15px 0
}
.site-loader{
    background-color:rgba(255,218,48,.95);
    height:100%;
    width:100%;
    position:fixed;
    z-index:1;
    margin-top:0;
    top:0;
    -webkit-transition:background .5s;
    -moz-transition:background .5s;
    -o-transition:background .5s;
    transition:background .5s;
    z-index:99999
}
.site-loader .site-loader-content{
    width:100%;
    height:100%;
    position:relative
}
.site-loader .spinner{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
.site-loader .spinner img{
    display:block;
    margin:0 auto
}
.privacy-page-section{
    width:100%
}
.privacy-page-section p{
    font-size:14px
}
.privacy-page-section ol li,.privacy-page-section ul li{
    font-size:14px;
    margin-bottom:20px
}
.privacy-page-section hr{
    border-bottom:1px solid #e1e1e1;
    margin:30px 0 50px
}
.privacy-page-section .privacy-content-wrap{
    text-align:center
}
.privacy-page-section .privacy-content-wrap ul li{
    text-align:left
}
.cookies_table_part{
    padding:50px 10px 0 34px;
    margin-bottom:25px
}
.cookies_table_part b{
    font-weight:700;
    font-size:14px
}
.mobile_cookies_part{
    float:left;
    width:100%
}
.cookie_contain{
    float:left;
    width:100%;
    margin-bottom:40px
}
.cookie_contain h3{
    float:left;
    width:100%;
    font-size:20px;
    color:#333;
    font-weight:700;
    margin:30px 0 0 0;
    text-align:left;
    text-transform:none
}
.cookie_contain ul{
    float:left;
    width:100%;
    margin-top:20px
}
.cookie_contain ul li{
    float:left;
    width:100%;
    position:relative;
    padding:10px 0;
    border-top:1px solid #ccc;
    list-style:none;
    margin:0
}
.cookie_contain ul li label{
    font-size:15px;
    position:absolute;
    left:0;
    top:10px;
    float:left;
    font-weight:700
}
.cookie_contain ul li:before{
    display:none!important
}
.cookie_contain ul li p{
    font-size:14px;
    float:left;
    padding-left:95px;
    text-align:left;
    margin:0;
    line-height:1.4
}
.Description_head{
    position:absolute;
    left:95px;
    top:10px
}
.border_none{
    border:none!important
}
.cookies_table_part .text_left_table{
    text-align:left!important
}
.mobile_cookies_part{
    display:none
}
.cookies_table_part td{
    vertical-align:middle!important
}
.cookies_table_part span{
    font-size:14px;
    line-height:1.4
}
@media screen and (max-width:767px){
    .mobile_cookies_part{
        display:block
    }
    .cookies_table_part{
        display:none
    }
    .privacy-page-section.section-wrap ul{
        padding-left:10px
    }
    .privacy-page-section hr{
        margin:10px 0 30px
    }
}
.en_view .view_lp .w_40{
    border:3px solid #333;
    padding-right:0
}
.en_view .preview_right .tab-container{
    border:none
}
.en_view .view_lp.dsp_fx .w_60{
    max-height:inherit!important
}
.en_view .view_lp.dsp_fx .mCustomScrollBox{
    max-height:inherit!important
}
.en_view .view_lp .w_40,.en_view .view_lp.dsp_fx .w_60{
    opacity:0;
    transition:all .3s linear;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear
}
.en_view .view_lp .w_40.show,.en_view .view_lp.dsp_fx .w_60.show{
    opacity:1
}
.about_Us_we_are .banner-section.white-banner.about-page-banner{
    padding:150px 0 150px
}
.about_Us_we_are .banner-section{
    background-color:#ffda2f!important
}
.about_Us_we_are .banner-section h1{
    font-family:Montserrat,sans-serif;
    text-align:center;
    font-weight:300;
    margin-bottom:0!important
}
.about_Us_we_are .Our_Journey{
    background-color:#f5f5f5;
    padding:70px 0
}
.about_Us_we_are .Our_Journey h2{
    font-family:Montserrat,sans-serif;
    text-align:center;
    font-weight:300
}
.about_Us_we_are .Our_Journey ul{
    margin:0;
    padding:0
}
.about_Us_we_are .Our_Journey li{
    width:49.5%;
    display:inline-block;
    position:relative;
    margin:0;
    padding:0
}
.about_Us_we_are .Our_Journey li .line{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:2px;
    height:100%;
    background:#d6d6d6;
    height:100%
}
.about_Us_we_are .Our_Journey li .line2{
    position:absolute;
    right:-6px;
    width:2px;
    height:100%;
    background:#d6d6d6;
    height:100%
}
.about_Us_we_are .Our_Journey li:nth-child(odd){
    text-align:left;
    vertical-align:top;
    width:50%
}
.about_Us_we_are .Our_Journey li:nth-child(odd) img{
    float:right;
    text-align:right;
    margin-top:-25px
}
.about_Us_we_are .Our_Journey li:nth-child(even) .p_r.p_t img{
    top:200px;
    left:-100px
}
.about_Us_we_are .Our_Journey li:nth-child(even) img{
    margin-top:-25px
}
.about_Us_we_are .Our_Journey .journey .text-center h6{
    font-size:36px;
    font-weight:700;
    text-align:center;
    position:relative;
    padding-bottom:15px;
    margin-bottom:0
}
.about_Us_we_are .Our_Journey .journey .text-center h6:before{
    content:"";
    background:#d6d6d6;
    width:80px;
    height:2px;
    position:absolute;
    bottom:0
}
.about_Us_we_are .Our_Journey li .p_r{
    padding-right:40px
}
.about_Us_we_are .Our_Journey li:nth-child(odd) img{
    position:absolute;
    right:-130px
}
.about_Us_we_are .Our_Journey li:nth-child(even) img{
    position:absolute;
    left:-130px
}
.about_Us_we_are .Our_Journey li .p_l{
    padding-left:40px
}
.about_Us_we_are .Our_Journey li .p_t{
    padding-top:100px
}
.about_Us_we_are .Our_Journey li p{
    color:#676767;
    margin-bottom:60px
}
.about_Us_we_are .Our_Journey li h6{
    font-size:36px;
    font-weight:700;
    position:relative
}
.about_Us_we_are .Our_Journey li h6.title:before{
    content:'';
    position:absolute;
    left:-47px;
    top:50%;
    width:15px;
    height:15px;
    background:#d6d6d6;
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.about_Us_we_are .Our_Journey li h6.titleright:before{
    content:'';
    position:absolute;
    right:-53px;
    top:50%;
    width:15px;
    height:15px;
    background:#d6d6d6;
    border-radius:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    left:inherit
}
.about_Us_we_are .Our_Journey li h6 span{
    font-size:22px;
    font-weight:500;
    color:#686868
}
.about_Us_we_are .Our_Journey .last_line{
    background:#d6d6d6;
    width:80px;
    height:2px;
    margin:0 auto
}
.about_Us_we_are .Our_Journey .new_uplers{
    text-align:center;
    margin:70px auto 0;
    max-width:500px
}
.about_Us_we_are .Our_Journey .new_uplers h6{
    font-size:36px;
    font-weight:700;
    position:relative
}
.about_Us_we_are .Our_Journey .new_uplers h6 span{
    font-size:22px;
    font-weight:500;
    color:#686868
}
.about_Us_we_are .Our_Journey .new_uplers img{
    margin-bottom:30px
}
.about_Us_we_are .Our_Journey .new_uplers p{
    color:#676767
}
.about_Us_we_are .Our_present{
    text-align:center;
    padding:70px 0
}
.about_Us_we_are .Our_present h2{
    font-family:Montserrat,sans-serif;
    text-align:center;
    font-weight:300;
    margin-bottom:60px
}
.about_Us_we_are .Our_present .row{
    text-align:left
}
.about_Us_we_are .Our_present p{
    margin-bottom:0;
    padding:0;
    font-weight:500;
    font-size:20px;
    margin-bottom:10px
}
.about_Us_we_are .Our_present h5{
    position:relative;
    display:inline-block;
    font-size:26px;
    margin-bottom:30px
}
.about_Us_we_are .Our_present h5:before{
    content:"";
    position:absolute;
    background:#ffdb31;
    height:3px;
    width:100%;
    bottom:-3px
}
.about_Us_we_are .our-client-section{
    background-color:#f5f5f5
}
@media screen and (max-width:1200px){
    .about_Us_we_are .banner-section.white-banner.about-page-banner{
        padding:100px 0 100px
    }
    .about_Us_we_are .Our_present h2{
        margin-bottom:40px
    }
}
@media screen and (max-width:992px){
    .about_Us_we_are .banner-section.white-banner.about-page-banner{
        padding:80px 0 80px
    }
    .about_Us_we_are .col-lg-3{
        width:50%;
        margin-bottom:30px;
        text-align:center
    }
    .about_Us_we_are .Our_present h5{
        font-size:24px;
        margin-bottom:20px
    }
    .about_Us_we_are .Our_present p{
        margin-bottom:0;
        font-size:18px
    }
    .about_Us_we_are .Our_Journey .journey .text-center h6{
        font-size:30px;
        padding-bottom:8px
    }
    .about_Us_we_are .Our_Journey .journey .text-center h6:before{
        width:67px
    }
    .about_Us_we_are .Our_Journey .new_uplers h6,.about_Us_we_are .Our_Journey li h6{
        font-size:30px
    }
    .about_Us_we_are .Our_Journey li:nth-child(odd) img{
        margin-top:-15px
    }
    .about_Us_we_are .Our_present h2{
        margin-bottom:30px
    }
}
@media screen and (max-width:767px){
    .about_Us_we_are .Our_Journey,.about_Us_we_are .Our_present,.about_Us_we_are .about-section-wrap,.about_Us_we_are .our-team-section{
        padding:50px 0
    }
    .about_Us_we_are .banner-section.white-banner.about-page-banner{
        padding:50px 0 50px
    }
    .about_Us_we_are .Our_present h2{
        margin-bottom:20px
    }
    .about_Us_we_are .Our_present h5{
        font-size:22px;
        margin-bottom:15px
    }
    .about_Us_we_are .Our_present p{
        margin-bottom:0;
        font-size:18px
    }
    .about_Us_we_are .Our_Journey ul{
        text-align:center
    }
    .about_Us_we_are .Our_Journey .last_line,.about_Us_we_are .Our_Journey li .line,.about_Us_we_are .Our_Journey li h6.title:before,.about_Us_we_are .Our_Journey li h6.titleright:before{
        display:none
    }
    .about_Us_we_are .Our_Journey li{
        width:100%!important
    }
    .about_Us_we_are .Our_Journey li .p_t{
        padding-top:20px
    }
    .about_Us_we_are .Our_Journey li:nth-child(odd) img{
        margin-top:0;
        float:inherit;
        position:inherit
    }
    .about_Us_we_are .Our_Journey li .p_l,.about_Us_we_are .Our_Journey li .p_r,.about_Us_we_are .Our_Journey li .p_t{
        padding:0;
        text-align:center
    }
    .about_Us_we_are .Our_Journey .journey .text-center h6{
        margin-bottom:30px
    }
    .about_Us_we_are .Our_Journey li img{
        margin-bottom:00px;
        margin-top:20px
    }
    .about_Us_we_are .Our_Journey li p{
        margin-bottom:10px
    }
    .about_Us_we_are .Our_Journey .new_uplers h6,.about_Us_we_are .Our_Journey li h6{
        font-size:28px
    }
    .about_Us_we_are .Our_Journey li h6 span,.about_Us_we_are.Our_Journey .new_uplers h6 span{
        font-size:20px;
        display:block
    }
    .about_Us_we_are .Our_Journey li:nth-child(even) img,.about_Us_we_are .Our_Journey li:nth-child(odd),.about_Us_we_are .Our_Journey li:nth-child(odd) img{
        margin-bottom:10px;
        position:inherit
    }
    .about_Us_we_are .col-lg-3{
        margin-bottom:20px;
        text-align:center
    }
    .about_Us_we_are .Our_Journey .new_uplers{
        margin:0 auto 0
    }
}
@media (max-width:640px){
    .about_Us_we_are .Our_Journey,.about_Us_we_are .Our_present,.about_Us_we_are .about-section-wrap,.about_Us_we_are .our-team-section{
        padding:40px 0
    }
    .about_Us_we_are .Our_present h5{
        font-size:20px;
        margin-bottom:15px
    }
    .about_Us_we_are .col-lg-3{
        width:100%
    }
    .about_Us_we_are .Our_Journey .new_uplers h6,.about_Us_we_are .Our_Journey li h6{
        font-size:24px;
        margin-bottom:10px
    }
    .about_Us_we_are .Our_Journey .new_uplers h6 span,.about_Us_we_are .Our_Journey li h6 span{
        font-size:18px
    }
}
 .dedicated-resource-team-listing{
    margin-bottom:0
}
 .dedicated-resource-team-listing li{
    list-style:none;
    padding-top:65px;
}
 .dedicated-resource-team-listing li .listing-wrap{
    padding-right:30px;
}
 .dedicated-resource-team-listing li h5{
    margin-bottom:15px;
    text-transform:uppercase
}
 .dedicated-resource-team-listing li {
    position: relative;
    list-style-type: none;
    counter-increment: step-counter;
    margin-top: 40px
}
 .dedicated-resource-team-listing li::before {
    content: '0'counter(step-counter);
    font-size: 46px;
    color: rgba(0,0,0,0.22);
    position: absolute;
    font-weight: 600;
    top: 0;
    font-weight:900
}
 .dedicated-experts-section{
    width:100%;
    text-align:center;
    padding:100px 0;
    background:#fff;
}
 .dedicated-experts-listing{
    margin-top:50px;
    margin-bottom:0;
    display: flex;
    flex-wrap: wrap;
}
 .dedicated-experts-listing .listing-wrap{
    background:#f3f3f3;
    padding:35px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    height:100%
}
 .dedicated-experts-listing li{
    list-style:none;
    margin:13px 0
}
 .dedicated-experts-listing li h5{
    margin-bottom:15px;
    text-transform:uppercase
}
 .dedicated-experts-listing li p{
    line-height:1.5
}
 .build-team-section{
    width:100%;
    padding:110px 0;
    text-align:center;
}
 .build-team-listing {
    margin:0;
    text-align:left
}
 .build-team-section li{
    list-style:none;
    margin:40px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}
 .build-team-section li h4{
    margin:0;
    font-size:22px;
}
 .build-team-section li p{
    padding:0
}
 .build-team-section li .listing-title{
    padding-right:30px;
    width:43%
}
 .build-team-section li .listing-content{
    width:57%;
    position:relative;
    z-index:9;
    padding-left:10px
}
 .build-team-section li .listing-content:before{
    content:"";
    position:absolute;
    left:-10px;
    width:2px;
    height:100%;
    background:#ffdb2d
}
 .eamil-campaigns-section{
    width:100%;
    padding:120px 0;
    text-align:center
}
 .campaigns-item {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin:50px 0;
}
 .campaigns-item > div{
    padding:0
}
 .campaigns-item figure{
    width:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:95%;
}
 .campaigns-item .campaigns-item-content{
    background:#fff;
    padding:30px 80px 20px;
    ;
    text-align:left;
    position:relative;
    z-index:9
}
 .campaigns-item .campaigns-item-content:before{
    content:"";
    position:absolute;
    left:40px;
    top:-20px;
    background: url(../images/quotes-icon.png) no-repeat left top;
    width:50px;
    height:40px;
}
 .campaigns-item .campaigns-item-content:after{
    content:"";
    position:absolute;
    right:80px;
    bottom:-20px;
    background: url(../images/quotes-icon.png) no-repeat left top;
    width:50px;
    height:40px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
 .campaigns-item .col-lg-7:before{
    content: "";
    position: absolute;
    left: 6px;
    top: 5px;
    width: 100%;
    height: 100%;
    border: 2px dotted #acacac;
    z-index: 9;
    border-left: 0px;
}
 .campaigns-item h5{
    margin:0
}
 .campaigns-item p small{
    font-size:14px;
    line-height:24px;
}
 .build-ourteam-section{
    width:100%;
    padding:120px 0;
    text-align:center;
    position:relative;
    z-index:9;
    overflow:hidden
}
 .ourteam-listing{
    display:flex;
    flex-wrap:wrap;
    margin:40px 0 70px;
    position:relative;
    z-index:9;
}
 .ourteam-listing:before{
    content: "";
    position: absolute;
    left: -130%;
    bottom: 70px;
    width: 200%;
    height: 2px;
    border-bottom: 2px dotted #acacac;
    z-index: -1;
    border-left: 0px;
}
 .ourteam-listing:after{
    content:"";
    position:absolute;
    background-image: url(../images/team-page-petturn-right.png);
    background-position: right 80px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto;
}
 .build-ourteam-section .main{
    position:relative
}
 .build-ourteam-section .main:before{
    content:"";
    position:absolute;
    background-image: url(../images/team-page-petturn-left.png);
     background-position: left center;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    left: -50px;
    top: -50px;
}
 .build-ourteam-section:before{
    content: "";
    position: absolute;
    right: 38%;
    top:50%;
    width: 10px;
    height: 10px;
    background:#ffdb2d;
    border-radius:50%;
    transform:translateY(-50%);
    margin-left:-25px;
    border:7px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #acacac;
    box-shadow: 0 0 0 1px #acacac;
}
 .build-ourteam-section:after{
    content: "";
    position: absolute;
    right:0;
    top:50%;
    width: 38%;
    height: 2px;
    border-bottom: 2px dotted #acacac;
    z-index: -1;
    border-left: 0px;
    transform:translateY(-50%)
}
 .ourteam-listing li{
    list-style:none;
    width:50%;
    display: flex;
    flex-wrap: nowrap;
    justify-content:center
}
 .ourteam-listing li.first-listing{
    padding-left:80px;
    position:relative;
    z-index:9
}
 .ourteam-listing li.first-listing:before{
    content: "";
    position: absolute;
    left: -18%;
    top:50%;
    width: 10px;
    height: 10px;
    background:#ffdb2d;
    border-radius:50%;
    transform:translateY(-50%);
    margin-left:-25px;
    border:7px solid #fff;
    -webkit-box-shadow: 0 0 0 1px #acacac;
    box-shadow: 0 0 0 1px #acacac;
}
 .ourteam-listing li.first-listing:after{
    content: "";
    position: absolute;
    left: -18%;
    top:50%;
    width: 50%;
    height: 2px;
    border-bottom: 2px dotted #acacac;
    z-index: -1;
    border-left: 0px;
    transform:translateY(-50%)
}
 .ourteam-listing li.second-listing{
    padding-left:20px;
}
 .ourteam-listing li.second-listing figure:after{
    content: "";
    position: absolute;
    left:-89%;
    top:50%;
    width: 89%;
    height: 2px;
    border-bottom: 2px dotted #acacac;
    z-index: -1;
    border-left: 0px;
    transform:translateY(-50%)
}
 .ourteam-listing li.third-listing-100 figure:after{
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 65%;
    border-right: 2px dotted #acacac;
    border-left: 0px;
    margin: 0px auto 0;
    top: -60%;
    right: -50px;
    z-index: 0;
}
 .ourteam-listing li.first-listing figure:after{
    content: "";
    position: absolute;
    left: 0;
    width: 2px;
    height: 50%;
    border-right: 2px dotted #acacac;
    border-left: 0px;
    margin: 0px auto 0;
    bottom: -50%;
    right:50px;
    z-index: 0;
}
 .ourteam-listing li.third-listing-100 .listing-wrap:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    width: 50%;
    height: 2px;
    border-bottom: 2px dotted #acacac;
    z-index: -1;
    border-left: 0px;
    transform: translateY(-50%);
    margin-top: -3px;
    margin-right: -2px;
}
 .ourteam-listing li.third-listing-100 .listing-wrap{
    position:relative
}
 .ourteam-listing li.third-listing-100{
    width:100%;
    margin-bottom:-130px;
    position:relative
}
 .ourteam-listing li.four-listing{
    margin-left:-40px;
}
 .ourteam-listing li.five-listing{
    justify-content: flex-end;
    margin-top: -40px;
    padding-right: 20px;
}
 .ourteam-listing li .listing-wrap{
    max-width: 370px;
    display: flex;
    align-items: center;
}
 .ourteam-listing li figure {
    position:relative;
    z-index:9;
    display:inline-block;
    width:210px;
}
 .ourteam-listing li figure:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:calc(100% - 30px);
    background:#ffdb2d;
    z-index:-1;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
 .ourteam-listing li figure img{
    display:block
}
 .ourteam-listing li .item-listing{
    margin-left:-30px;
    position:relative;
    z-index:9;
    text-align:left;
    margin-top:60px;
    width:calc(100% - 170px);
}
 .ourteam-listing li h4{
    margin-bottom: 10px;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1.1;
}
 .ourteam-listing li p{
    padding-bottom:15px;
    font-weight:500;
    line-height:1.3
}
 .ourteam-listing li .plus-btn a{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    color:#fff;
    font-size:26px;
    background:#000;
    border-radius:50%;
}
 .ourteam-listing li .plus-btn a:hover{
    background:#ffdb2d;
    color:#000
}
 .white-popup.team-member-popup{
    max-width:720px;
    padding:90px 50px 50px 40px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
 .white-popup.team-member-popup .row{
    display: flex;
    flex-wrap: nowrap;
    align-items:center
}
 .team-member-popup .team-left{
    text-align:center
}
 .team-member-popup .team-thumb{
    text-align:center;
    margin-bottom:25px;
}
 .team-member-popup .team-thumb img{
    display:block;
    margin:0 auto;
    background-color:#ffdb2d;
    border-radius:50%;
}
 .team-member-popup h4{
    font-size:22px;
    text-transform:uppercase;
    font-weight:900;
    margin-bottom:5px;
    line-height:1.1
}
 .team-member-popup p{
    padding-bottom:20px;
}
 .team-member-popup p strong{
    font-weight:600
}
 .team-member-popup .team-left span{
    font-size:16px;
    margin-bottom:5px;
    display:none
}
 .team-member-popup .team-left ul{
    margin:0;
    display:inline-block;
    width:100%;
    display:none
}
 .team-member-popup .team-left ul li{
    list-style:none;
    display:inline-block;
    margin:5px 5px;
}
 .team-member-popup .team-achived{
    margin:0;
}
 .team-member-popup .mfp-close{
    border:2px solid #000;
    border-radius:50%;
    top:30px;
    right:50px;
}
 .slider_bottom_text{
    margin-top: 50px;
    padding: 0;
    font-weight: bold;
}
/*@media all and (max-width:1300px) {
     .enumenu_ul li a{
        font-size: 12px;
    }
     .enumenu_ul > li {
        margin: 0 8px 0 0;
    }
}
*/
 @media (max-width:1260px) {
     .build-team-section, .eamil-campaigns-section, .build-ourteam-section, .dedicated-experts-section, .team-section{
        padding:80px 0;
    }
     .dedicated-resource-team-listing li::before{
        font-size:40px;
    }
     .dedicated-resource-team-listing li{
        margin-top:10px;
    }
     .dedicated-resource-team-listing li .listing-wrap {
        padding-right: 0;
    }
     .dedicated-experts-listing{
        margin-top:30px
    }
     .build-team-section li h4{
        font-size:20px;
    }
     .build-team-section li p{
        font-size:15px;
        line-height:1.5
    }
     .campaigns-item .campaigns-item-content{
        padding:30px 40px 20px;
    }
     .campaigns-item .campaigns-item-content:before{
        left:15px;
    }
     .campaigns-item{
        margin:20px 0 50px 0
    }
     .campaigns-item figure{
        padding-bottom:100%
    }
     .ourteam-listing li.first-listing{
        padding-left:0
    }
     .ourteam-listing li.four-listing {
        margin-left: 0;
    }
     .ourteam-listing li.third-listing-100{
        margin-bottom:-50px;
    }
     .build-ourteam-section:after{
        width:25%
    }
     .build-ourteam-section:before{
        right:25%
    }
     .ourteam-listing{
        margin:40px 0 50px
    }
     .ourteam-listing li.third-listing-100 .listing-wrap:after, .ourteam-listing li.first-listing figure:after, .ourteam-listing li.third-listing-100 figure:after, .ourteam-listing li.second-listing figure:after, .ourteam-listing:after, .build-ourteam-section .main:before{
        display:none
    }
}
 @media (max-width: 1023px){
     .build-team-section, .eamil-campaigns-section, .build-ourteam-section, .dedicated-experts-section, .team-section{
        padding:60px 0;
    }
     .dedicated-experts-listing{
        margin-top:20px
    }
     .dedicated-experts-listing .listing-wrap{
        padding:30px 20px;
    }
     .campaigns-item .campaigns-item-content{
        padding:30px 20px 20px
    }
     .campaigns-item p small br{
        display:none
    }
     .campaigns-item p {
        padding-bottom:20px;
    }
     .white-popup.team-member-popup{
        padding:60px 40px 40px 30px
    }
     .team-member-popup .mfp-close{
        top:15px;
        right:15px;
    }
     .team-member-popup .team-thumb{
        margin-bottom:20px;
    }
     .ourteam-listing li.third-listing-100 {
        margin-bottom: 0px;
    }
     .ourteam-listing li h4{
        font-size:20px;
    }
     .ourteam-listing li p{
        font-size:14px;
    }
     .ourteam-listing li .plus-btn a {
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 22px;
    }
     .ourteam-listing {
        margin: 30px 0;
    }
}
/* Start Knowledge Center*/
 .tab-header-blogs{
    display: none;
}
 .tab-header-blogs.current{
    display: block;
}
 .tab-header-blogs a.figure-img{
    display: block;
}
 .tabs-nav-list{
    margin: 0;
     max-width: 330px;
     width: 100%;
     float: right;
     padding-right: 50px;
}
 .tabs-nav-list li{
    border-bottom: 1px solid #000;
}
 .tabs-nav-list li:last-child{
    border-bottom: 0;
}
 .tabs-nav-list li a.current:after{
    width: 100%!important;
     opacity: 1;
}
 .tabs-nav-list li a.current i.zmdi-chevron-right{
    display: block;
}
 .tabs-nav-list li a i.zmdi-chevron-right{
    display: none;
     position: absolute;
    right: -35px;
    top: 13px;
     transition: all ease-in-out 0.2;
}
 .tabs-nav-list li.btn-link a:hover i{
    background: #ffda30;
     border: 2px solid #ffda30;
}
 @media (max-width: 1023px) {
     .tab-list-left{
        width: 100%;
         padding: 0;
    }
     .tabs-nav-list{
        max-width: 100%;
    }
     .tabs-nav-list li{
        border-bottom: 0;
    }
     .tabs-nav-list li a.current i.zmdi-chevron-right,.tabs-nav-list li a i.zmdi-chevron-right{
        display: none;
    }
     .tab-detail-right{
        display: none;
    }
}
/* End Knowledge Center*/
 @media (max-width: 980px){
     .build-team-section li h4 {
        font-size: 16px;
    }
     .build-team-section li .listing-content:before{
        left:-5px;
    }
     .build-team-section li p {
        font-size: 14px;
        line-height: 1.5;
    }
     .build-team-section li .listing-title{
        width:45%;
        padding-right:20px;
    }
     .build-team-section li .listing-content{
        width:55%;
    }
}
 @media (max-width:767px) {
     .dedicated-resource-team-listing li::before{
        font-size:36px;
    }
     .dedicated-resource-team-listing li{
        width:100%;
        margin-bottom:0;
        padding-top:55px;
        margin-top:0
    }
     .dedicated-resource-team-listing li::before{
        left:0;
        right:0
    }
     .build-team-section, .eamil-campaigns-section, .build-ourteam-section, .dedicated-experts-section, .team-section{
        padding:50px 0;
    }
     .dedicated-experts-listing{
        margin-top:10px
    }
     .dedicated-experts-listing li{
        margin:10px 0
    }
     .campaigns-item .col-lg-5{
        width:100%;
    }
     .campaigns-item .col-lg-7{
        width:100%;
    }
     .campaigns-item figure {
        padding-bottom: 60%;
    }
     .campaigns-item {
        margin: 10px 0 50px 0;
    }
     .ourteam-listing li figure{
        width:170px;
    }
     .ourteam-listing li .item-listing{
        width:calc(100% - 140px);
    }
     .ourteam-listing li .item-listing{
        margin-left:-20px;
    }
     .ourteam-listing li p{
        padding-bottom:10px;
    }
     .ourteam-listing li.second-listing {
        padding-left: 0;
    }
     .ourteam-listing li.five-listing{
        margin:0;
        padding-right:0
    }
}
 @media (max-width:640px) {
     .campaigns-item .campaigns-item-content {
        padding: 30px 15px 15px;
    }
     .build-team-section, .eamil-campaigns-section, .build-ourteam-section, .dedicated-experts-section, .team-section {
        padding: 40px 0;
    }
     .build-team-section li:first-child{
        margin-top:10px;
    }
     .ourteam-listing li.five-listing, .ourteam-listing li{
        width:100%;
        justify-content:flex-start
    }
     .ourteam-listing li:nth-child(even){
        justify-content:flex-end
    }
     .ourteam-listing li.first-listing:before, .ourteam-listing li.first-listing:after, .build-ourteam-section:before, .build-ourteam-section:after, .ourteam-listing:before{
        display:none
    }
     .white-popup.team-member-popup {
        padding: 70px 20px 15px 20px;
        text-align: center;
    }
     .white-popup.team-member-popup .row{
        display:block
    }
     .white-popup.team-member-popup .col-lg-5 {
        width: 100%;
    }
     .white-popup.team-member-popup .col-lg-7 {
        width: 100%;
    }
     .team-member-popup .team-left span {
        font-size: 15px;
    }
}
 @media (max-width:480px) {
     .build-team-section li {
        margin-top:25px;
    }
     .build-team-section li .listing-title{
        width:100%
    }
     .build-team-section li .listing-content{
        width:100%;
    }
     .build-team-section li .listing-content:before {
        left: 0;
    }
     .build-team-section li h4{
        margin-bottom:10px;
    }
     .eamil-campaigns-section h2 {
        font-size: 24px;
    }
}
 @media (max-width:479px) {
     .ourteam-listing li.five-listing, .ourteam-listing li{
        width:100%;
        justify-content:center
    }
     .ourteam-listing li:nth-child(even){
        justify-content:center
    }
     .ourteam-listing li p {
        font-size: 12px;
    }
     .ourteam-listing li h4 {
        font-size: 18px;
        margin-bottom: 5px;
    }
     .ourteam-listing li .plus-btn a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 21px;
    }
}