@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Rubik:300,400,500,700);
html{
    font-size:87.5%
}
body{
    font-size:1em;
    line-height:1.85em;
    font-family:'Open Sans',sans-serif;
    vertical-align:baseline;
    background:#fff;
    color:#666;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
h1,h2,h3,h4,h5,h6{
    font-weight:400;
    line-height:1.85em;
    font-family:'Rubik',sans-serif;
    margin:0 0 20px 0;
    color:#222
}
h1{
    font-size:44px
}
h2{
    font-size:34px
}
h3{
    font-size:22px
}
h4{
    font-size:18px
}
p{
    margin:0 0 20px 0;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
a{
    text-decoration:none
}
a:active,a:hover,a:focus{
    text-decoration:none
}
a:active,a:hover,a:focus{
    outline:0 none
}
img{
    max-width:100%;
    height:auto
}
ul{
    /*list-style:outside none none;*/
    margin:0;
    padding:0
}
.elv-clear:after{
    clear:both;
    content:"";
    display:block
}
.row.no-gutters{
    margin-right:0;
    margin-left:0
}
.row.no-gutters>[class^="col-"],.row.no-gutters>[class*=" col-"]{
    padding-right:0;
    padding-left:0
}
.row.no-gutters.full-width{
    margin-right:-15px;
    margin-left:-15px
}
.row.no-gutters.full-width>[class^="col-"],.row.no-gutters.full-width>[class*=" col-"]{
    padding-right:0;
    padding-left:0
}
.text-left{
    text-align:left!important
}
.float-none{
    float:none
}
.m-auto{
    margin:0 auto
}
.item-mb{
    margin-bottom:30px!important
}
.mb-none{
    margin-bottom:0!important
}
.mt-13{
    margin-top:13px
}
.mt-20{
    margin-top:20px!important
}
.mt-30{
    margin-top:30px!important
}
.mb-10{
    margin-bottom:10px!important
}
.mb-20{
    margin-bottom:20px!important
}
.mb-30{
    margin-bottom:30px!important
}
.mb-40{
    margin-bottom:40px!important
}
.mb-50{
    margin-bottom:50px!important
}
.mb-60{
    margin-bottom:60px!important
}
.margin-lr30{
    margin-right:-30px;
    margin-left:-30px
}
.slider-mt{
    margin-top:75px
}
.pt-50{
    padding-top:50px!important
}
.pt-40{
    padding-top:40px!important
}
.pb-40{
    padding-bottom:40px!important
}
.pa-15{
    padding:15px
}
.box-pa-sm{
    padding:30px 30px 10px
}
.txt-bx-p{
    padding:30px 30px 15px
}
.content-box-p{
    padding:30px 20px
}
.txt-bx-lg-p{
    padding:60px 15px 50px
}
.img-width-100 img{
    width:100%!important
}
.img-d-inline-block img{
    display:inline-block!important
}
.item-space-xs{
    margin-left:-12.5px;
    margin-right:-17.5px
}
.item-space-xs>div{
    padding:2.5px
}
div#no-equal-gallery{
    margin-left:0;
    margin-right:0
}
.item-space-sm{
    margin-left:-15px;
    margin-right:-30px
}
.item-space-sm>div{
    padding:5px
}
.lead{
    color:#808080;
    font-weight:400;
    font-size:17px;
    line-height:1.75;
    margin-bottom:0
}
.lead p{
    color:#808080;
    font-weight:400;
    font-size:17px;
    line-height:1.75
}
.s-space-equal{
    padding:80px 0
}
@media only screen and (max-width:1199px){
    .s-space-equal{
        padding:115px 0
    }
}
@media only screen and (max-width:991px){
    .s-space-equal{
        padding:105px 0
    }
}
@media only screen and (max-width:767px){
    .s-space-equal{
        padding:95px 0
    }
}
@media only screen and (max-width:479px){
    .s-space-equal{
        padding:85px 0
    }
}
@media only screen and (max-width:320px){
    .s-space-equal{
        padding:75px 0
    }
}
.s-space-default{
    padding:106px 0 125px
}
@media only screen and (max-width:1199px){
    .s-space-default{
        padding:96px 0 115px
    }
}
@media only screen and (max-width:991px){
    .s-space-default{
        padding:86px 0 105px
    }
}
@media only screen and (max-width:767px){
    .s-space-default{
        padding:76px 0 95px
    }
}
@media only screen and (max-width:479px){
    .s-space-default{
        padding:66px 0 85px
    }
}
@media only screen and (max-width:320px){
    .s-space-default{
        padding:56px 0 75px
    }
}
.s-space-bottom-solid{
    padding:0 0 125px
}
@media only screen and (max-width:1199px){
    .s-space-bottom-solid{
        padding:0 0 115px
    }
}
@media only screen and (max-width:991px){
    .s-space-bottom-solid{
        padding:0 0 105px
    }
}
@media only screen and (max-width:767px){
    .s-space-bottom-solid{
        padding:0 0 95px
    }
}
@media only screen and (max-width:479px){
    .s-space-bottom-solid{
        padding:0 0 85px
    }
}
@media only screen and (max-width:320px){
    .s-space-bottom-solid{
        padding:0 0 75px
    }
}
.s-space-top-solid{
    padding:125px 0 0
}
@media only screen and (max-width:1199px){
    .s-space-top-solid{
        padding:115px 0 0
    }
}
@media only screen and (max-width:991px){
    .s-space-top-solid{
        padding:105px 0 0
    }
}
@media only screen and (max-width:767px){
    .s-space-top-solid{
        padding:95px 0 0
    }
}
@media only screen and (max-width:479px){
    .s-space-top-solid{
        padding:85px 0 0
    }
}
@media only screen and (max-width:320px){
    .s-space-top-solid{
        padding:75px 0 0
    }
}
.s-space-top-default{
    padding:106px 0 0
}
@media only screen and (max-width:1199px){
    .s-space-top-default{
        padding:96px 0 0
    }
}
@media only screen and (max-width:991px){
    .s-space-top-default{
        padding:86px 0 0
    }
}
@media only screen and (max-width:767px){
    .s-space-top-default{
        padding:76px 0 0
    }
}
@media only screen and (max-width:479px){
    .s-space-top-default{
        padding:66px 0 0
    }
}
@media only screen and (max-width:320px){
    .s-space-top-default{
        padding:56px 0 0
    }
}
.s-space-bottom30{
    padding:106px 0 95px
}
@media only screen and (max-width:1199px){
    .s-space-bottom30{
        padding:96px 0 85px
    }
}
@media only screen and (max-width:991px){
    .s-space-bottom30{
        padding:86px 0 75px
    }
}
@media only screen and (max-width:767px){
    .s-space-bottom30{
        padding:76px 0 65px
    }
}
@media only screen and (max-width:479px){
    .s-space-bottom30{
        padding:66px 0 55px
    }
}
@media only screen and (max-width:320px){
    .s-space-bottom30{
        padding:56px 0 45px
    }
}
.s-space-layout1{
    padding:120px 0 66px
}
@media only screen and (max-width:1199px){
    .s-space-layout1{
        padding:110px 0 56px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout1{
        padding:100px 0 46px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout1{
        padding:90px 0 36px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout1{
        padding:80px 0 26px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout1{
        padding:70px 0 16px
    }
}
.s-space-layout2{
    padding:115px 0 66px
}
@media only screen and (max-width:1199px){
    .s-space-layout2{
        padding:105px 0 56px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout2{
        padding:95px 0 46px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout2{
        padding:85px 0 36px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout2{
        padding:75px 0 26px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout2{
        padding:65px 0 16px
    }
}
.s-space-layout3{
    padding:106px 0 92px
}
@media only screen and (max-width:1199px){
    .s-space-layout3{
        padding:96px 0 82px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout3{
        padding:86px 0 72px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout3{
        padding:76px 0 62px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout3{
        padding:66px 0 52px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout3{
        padding:56px 0 42px
    }
}
.s-space-layout4{
    padding:110px 0 125px
}
@media only screen and (max-width:1199px){
    .s-space-layout4{
        padding:100px 0 115px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout4{
        padding:90px 0 105px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout4{
        padding:80px 0 95px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout4{
        padding:70px 0 85px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout4{
        padding:60px 0 75px
    }
}
.s-space-layout5{
    padding:110px 0 66px
}
@media only screen and (max-width:1199px){
    .s-space-layout5{
        padding:100px 0 56px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout5{
        padding:90px 0 46px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout5{
        padding:80px 0 36px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout5{
        padding:70px 0 26px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout5{
        padding:60px 0 16px
    }
}
.s-space-layout6{
    padding:125px 0 88px
}
@media only screen and (max-width:1199px){
    .s-space-layout6{
        padding:115px 0 78px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout6{
        padding:105px 0 68px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout6{
        padding:95px 0 58px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout6{
        padding:85px 0 48px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout6{
        padding:75px 0 38px
    }
}
.s-space-layout7{
    padding:106px 0 66px
}
@media only screen and (max-width:1199px){
    .s-space-layout7{
        padding:96px 0 56px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout7{
        padding:86px 0 46px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout7{
        padding:76px 0 36px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout7{
        padding:66px 0 26px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout7{
        padding:56px 0 16px
    }
}
.s-space-layout8{
    padding:125px 0 66px
}
@media only screen and (max-width:1199px){
    .s-space-layout8{
        padding:115px 0 56px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout8{
        padding:105px 0 46px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout8{
        padding:95px 0 36px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout8{
        padding:85px 0 26px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout8{
        padding:75px 0 16px
    }
}
.s-space-layout9{
    padding:115px 0 88px
}
@media only screen and (max-width:1199px){
    .s-space-layout9{
        padding:105px 0 78px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout9{
        padding:95px 0 68px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout9{
        padding:85px 0 58px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout9{
        padding:75px 0 48px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout9{
        padding:65px 0 38px
    }
}
.s-space-layout10{
    padding:125px 0 95px
}
@media only screen and (max-width:1199px){
    .s-space-layout10{
        padding:115px 0 85px
    }
}
@media only screen and (max-width:991px){
    .s-space-layout10{
        padding:105px 0 75px
    }
}
@media only screen and (max-width:767px){
    .s-space-layout10{
        padding:95px 0 65px
    }
}
@media only screen and (max-width:479px){
    .s-space-layout10{
        padding:85px 0 55px
    }
}
@media only screen and (max-width:320px){
    .s-space-layout10{
        padding:75px 0 45px
    }
}
.s-space-brand{
    padding:90px 0 88px
}
@media only screen and (max-width:1199px){
    .s-space-brand{
        padding:85px 0 83px
    }
}
@media only screen and (max-width:991px){
    .s-space-brand{
        padding:80px 0 78px
    }
}
@media only screen and (max-width:767px){
    .s-space-brand{
        padding:70px 0 68px
    }
}
@media only screen and (max-width:479px){
    .s-space-brand{
        padding:65px 0 63px
    }
}
@media only screen and (max-width:320px){
    .s-space-brand{
        padding:60px 0 58px
    }
}
.s-space-top-sm{
    padding:50px 0 0
}
@media only screen and (max-width:991px){
    .s-space-top-sm{
        padding:80px 0 0
    }
}
@media only screen and (max-width:767px){
    .s-space-top-sm{
        padding:70px 0 0
    }
}
@media only screen and (max-width:479px){
    .s-space-top-sm{
        padding:65px 0 0
    }
}
@media only screen and (max-width:320px){
    .s-space-top-sm{
        padding:60px 0 0
    }
}
@media only screen and (max-width:991px){
    .s-space-top-sm2{
        padding:40px 0 0
    }
}
@media only screen and (max-width:767px){
    .s-space-top-sm2{
        padding:50px 0 0
    }
}
@media only screen and (max-width:479px){
    .s-space-top-sm2{
        padding:41px 0 0
    }
}
@media only screen and (max-width:320px){
    .s-space-top-sm2{
        padding:37px 0 0
    }
}
.btn-center{
    margin-top:40px;
    text-align:center
}
i.icon-circle-primary{
    text-align:center;
    height:67px;
    width:67px;
    display:block;
    line-height:65px;
    background-color:#212167;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    border:1px solid #212167;
    display:inline-block;
    font-size:28px;
    margin-bottom:40px;
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.icon-circle-primary:before{
    margin-left:0;
    display:inline-block;
    font-size:28px;
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.icon-circle-primary:hover{
    background-color:transparent
}
i.icon-circle-primary:hover:before{
    color:#212167
}
i.pull-left.icon-circle-primary{
    margin-right:30px;
    padding-right:0!important
}
i.icon-circle-light{
    padding-right:0!important;
    height:67px;
    width:67px;
    display:inline-block;
    line-height:65px;
    background-color:#fff;
    color:#212167;
    text-align:center;
    margin-bottom:40px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    font-size:28px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.icon-circle-light:before{
    margin-left:0;
    display:inline-block;
    font-size:28px;
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.pull-left.icon-circle-light{
    margin-right:30px;
    padding-right:0!important
}
i.icon-default-primary{
    color:#212167;
    font-size:52px;
    line-height:52px;
    margin-bottom:40px;
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.icon-default-primary:before{
    color:#212167;
    margin-left:0;
    font-size:52px;
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.icon-default-primary i{
    color:#212167;
    font-size:52px;
    line-height:52px;
    margin-bottom:40px;
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.icon-default-primary i:before{
    color:#212167;
    margin-left:0;
    font-size:52px;
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.pull-left.icon-default-primary{
    margin-right:30px;
    padding-right:0!important
}
i.icon-default-dark{
    line-height:52px;
    color:#222;
    font-size:52px;
    margin-bottom:40px;
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.icon-default-dark:before{
    margin-left:0;
    color:#222;
    font-size:52px;
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.pull-left.icon-default-dark{
    margin-right:30px;
    padding-right:0!important
}
i.icon-default-light{
    line-height:52px;
    color:#fff;
    font-size:52px;
    margin-bottom:40px;
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.icon-default-light:before{
    margin-left:0;
    color:#fff;
    font-size:52px;
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
i.pull-left.icon-default-light{
    margin-right:30px;
    padding-right:0!important
}
.title-bar-center{
    padding-bottom:20px;
    position:relative
}
.title-bar-center:before{
    content:"";
    height:4px;
    width:35px;
    background:#212167;
    position:absolute;
    left:0;
    bottom:10px;
    right:0;
    margin:0 auto;
    z-index:1
}
.title-bar-medium-left{
    position:relative
}
.title-bar-medium-left:before{
    content:"";
    height:5px;
    width:35px;
    background:#212167;
    position:absolute;
    left:0;
    bottom:-15px;
    z-index:1;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}
.title-bar-light-left{
    position:relative
}
.title-bar-light-left:before{
    content:"";
    height:3px;
    width:50px;
    background:#fff;
    position:absolute;
    left:0;
    bottom:-15px;
    z-index:1;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}
.t-bar-left-mo-center{
    position:relative
}
.t-bar-left-mo-center:before{
    content:"";
    height:3px;
    width:50px;
    background:#fff;
    position:absolute;
    left:0;
    bottom:-15px;
    z-index:1;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}
@media only screen and (max-width:767px){
    .t-bar-left-mo-center:before{
        right:0;
        margin:0 auto
    }
}
.title-bar-default{
    position:relative
}
.title-bar-default:before{
    content:"";
    height:5px;
    width:35px;
    background:#212167;
    position:absolute;
    left:0;
    bottom:-15px;
    z-index:1;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}
.title-bar-long{
    position:relative;
    margin-bottom:40px
}
.title-bar-long:before{
    content:"";
    height:5px;
    width:50px;
    background:#212167;
    position:absolute;
    left:0;
    bottom:-10px;
    z-index:1;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px
}
.btn-ftf-rd-sm-p-dp{
    color:#fff;
    padding:12px 30px;
    background:#212167;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    border:0;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftf-rd-sm-p-dp:hover{
    background:#ff6003;
    color:#fff
}
.btn-ftf-rd-sm-p-dp:focus{
    outline:0;
    color:#fff
}
@media only screen and (max-width:767px){
    .btn-ftf-rd-sm-p-dp{
        padding:10px 20px
    }
}
@media only screen and (max-width:550px){
    .btn-ftf-rd-sm-p-dp{
        padding:8px 16px;
        font-size:13px;
        font-weight:600
    }
}
.btn-ftf-rd-xs-p-dp{
    color:#fff;
    padding:10px 20px;
    background:#212167;
    text-transform:capitalize;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    border:0;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftf-rd-xs-p-dp:hover{
    background:#ff6003;
    color:#fff
}
.btn-ftf-rd-xs-p-dp:focus{
    color:#fff
}
.btn-ftf-rd-lg-p-dp{
    color:#fff;
    padding:15px 50px;
    background:#212167;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    border:0;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftf-rd-lg-p-dp:hover{
    background:#ff6003;
    color:#fff
}
.btn-ftf-rd-md-p-dp{
    color:#fff;
    padding:13px 30px;
    background:#212167;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    border:0;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftf-rd-md-p-dp:hover{
    background:#ff6003;
    color:#fff
}
.btn-ftf-rd-md-tp-p{
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    border:2px solid #212167;
    color:#666;
    padding:12px 28px;
    background:#fff;
    text-transform:uppercase;
    font-weight:600;
    display:inline-block;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftf-rd-md-tp-p:hover{
    background:#212167;
    color:#fff
}
.btn-ftg-rd-md-tp-tr2{
    border:2px solid #212167;
    color:#fff;
    padding:14px 50px;
    background:#212167;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    margin-right:5px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftg-rd-md-tp-tr2:hover{
    background:transparent;
    color:#fff
}
.btn-ftg-rd-md-tp-tr{
    border:2px solid #fff;
    color:#222;
    padding:14px 50px;
    background:#fff;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftg-rd-md-tp-tr:hover{
    background:transparent;
    color:#fff
}
.btn-ftf-rd-md-p-tp{
    border:2px solid #212167;
    color:#fff;
    padding:14px 38px;
    background:#212167;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftf-rd-md-p-tp:hover{
    background:#fff;
    color:#212167
}
.play-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    z-index:2;
    border:3px solid #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    display:block;
    height:70px;
    width:70px;
    line-height:70px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.play-btn i{
    color:#212167;
    font-size:20px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.play-btn:hover{
    background:#b2dfdb;
    border:3px solid #212167
}
.play-btn:hover i{
    color:#ff6003
}
.btn-gtf-rd-md-tr-tp{
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    border:2px solid #212167;
    color:#fff;
    padding:14px 35px;
    background:transparent;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-gtf-rd-md-tr-tp:hover{
    background:#212167;
    color:#fff
}
.btn-gtf-rd-md-tr-p{
    border:2px solid #212167;
    color:#666;
    padding:10px 30px;
    background:transparent;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-gtf-rd-md-tr-p:hover{
    background:#212167;
    color:#fff
}
.btn-flat-tp-p{
    color:#fff;
    text-transform:uppercase;
    font-size:15px;
    font-weight:700;
    display:inline-block;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-flat-tp-p i{
    margin-left:10px;
    color:#fff;
    font-size:20px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-flat-tp-p:hover{
    color:#212167
}
.btn-flat-tp-p:hover i{
    color:#212167
}
.btn-ftg-rd-ms-tp-tr{
    border:2px solid #fff;
    color:#222;
    padding:14px 25px;
    background:#fff;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftg-rd-ms-tp-tr:hover{
    background:transparent;
    color:#fff
}
.btn-gtf-rd-lg-tr-p{
    border:0;
    color:#222;
    padding:12px 35px;
    background:transparent;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    border-radius:30px;
    font-weight:500;
    border:2px solid #212167;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-gtf-rd-lg-tr-p:hover{
    background:#212167;
    color:#fff
}
.tab-btn{
    text-align:center;
    margin-bottom:60px
}
.tab-btn li{
    margin:0 1px 5px;
    display:inline-block!important
}
.tab-btn li a{
    border:1px solid #212167;
    background:transparent;
    color:#222;
    padding:10px 30px;
    margin:0;
    font-weight:700;
    text-transform:uppercase;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.tab-btn li a:hover{
    background:#212167;
    color:#fff
}
.tab-btn .active a{
    background:#212167;
    color:#fff
}
.btn-ftg-rd-md-p-tr{
    border:2px solid #212167;
    color:#fff;
    padding:14px 38px;
    background:#212167;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftg-rd-md-p-tr:hover{
    background:transparent;
    color:#212167
}
.btn-ftg-rd-xs-tp-tr{
    border:2px solid #fff;
    color:#222;
    padding:8px 18px;
    background:#fff;
    text-transform:capitalize;
    font-size:13px;
    font-weight:700;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftg-rd-xs-tp-tr i{
    margin-right:5px
}
.btn-ftg-rd-xs-tp-tr:hover{
    background:transparent;
    color:#fff
}
.isotop-btn{
    text-align:center;
    margin-bottom:60px
}
.isotop-btn:after{
    display:none
}
.isotop-btn a{
    background:transparent;
    color:#666;
    padding:10px 30px;
    margin:0;
    font-size:18px;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.isotop-btn a:hover{
    background:#212167;
    color:#fff
}
.isotop-btn .current{
    background:#212167;
    color:#fff
}
.isotop-btn-circle{
    text-align:center;
    margin-bottom:60px
}
.isotop-btn-circle:after{
    display:none
}
.isotop-btn-circle a{
    border:1px solid #f8f8f8;
    background:transparent;
    color:#666;
    padding:10px 30px;
    margin:0 1px 5px;
    font-size:18px;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.isotop-btn-circle a:hover{
    border:1px solid #212167;
    background:#212167;
    color:#fff
}
.isotop-btn-circle .current{
    border:1px solid #212167;
    background:#212167;
    color:#fff
}
.btn-ftf-rd-sm-tp-tp{
    border:0;
    color:#212167;
    padding:12px 30px;
    background:#fff;
    text-transform:uppercase;
    font-size:14px;
    font-weight:700;
    display:inline-block;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -ms-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.btn-ftf-rd-sm-tp-tp:hover{
    color:#222
}
.inner-page-banner-area{
    margin-top:50px;
    text-align:left;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:relative;
    display:block;
    padding:120px 0 130px
}
@media only screen and (max-width:1199px){
    .inner-page-banner-area{
        padding:110px 0 120px
    }
}
@media only screen and (max-width:991px){
    .inner-page-banner-area{
        padding:100px 0 110px
    }
}
@media only screen and (max-width:767px){
    .inner-page-banner-area{
        padding:90px 0 100px
    }
}
@media only screen and (max-width:479px){
    .inner-page-banner-area{
        padding:80px 0 90px
    }
}
@media only screen and (max-width:320px){
    .inner-page-banner-area{
        padding:70px 0 80px
    }
}
.inner-page-banner-area:after{
    position:absolute;
    content:"";
    background:rgba(0,0,0,0.7);
    height:100%;
    width:100%;
    top:0;
    left:0;
    right:0;
    margin:0 auto
}
.inner-page-banner-area .breadcrumbs-area{
    position:relative;
    z-index:1
}
.inner-page-banner-area .breadcrumbs-area h1{
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:0;
    color:#fff
}
.inner-page-banner-area .breadcrumbs-area ul li{
    display:inline-block;
    color:#fff
}
.inner-page-banner-area .breadcrumbs-area ul li a{
    color:#ff6000;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.inner-page-banner-area .breadcrumbs-area ul li a:hover{
    color:#fff
}
.pagination-style{
    text-align:center;
    margin-top:30px
}
.pagination-style li{
    display:inline-block;
    margin:0 1px
}
.pagination-style li a{
    font-weight:600;
    border-radius:50%;
    width:50px;
    font-size:16px;
    color:#222;
    height:50px;
    background:#f8f8f8;
    display:block;
    line-height:50px;
    text-align:center;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.pagination-style li a:hover{
    background:#212167;
    color:#fff
}
.pagination-style .active a{
    background:#212167;
    color:#fff
}
@media only screen and (min-width:480px){
    .nav-control-top{
        position:relative
    }
    .nav-control-top .owl-controls{
        position:absolute;
        top:-70px;
        right:0;
        z-index:5
    }
    .nav-control-top .owl-controls i{
        color:#212167;
        display:block;
        line-height:36px;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -ms-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
        transition:all .3s ease-out
    }
    .nav-control-top .owl-controls .owl-nav{
        margin-top:0
    }
    .nav-control-top .owl-controls .owl-nav>div{
        background:transparent;
        border:1px solid #212167;
        opacity:1;
        font-size:18px;
        margin:0 4px;
        height:45px;
        width:45px;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        -ms-border-radius:50%;
        -o-border-radius:50%;
        border-radius:50%;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -ms-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
        transition:all .3s ease-out
    }
    .nav-control-top .owl-controls .owl-prev:hover{
        background:#212167;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -ms-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
        transition:all .3s ease-out
    }
    .nav-control-top .owl-controls .owl-prev:hover i{
        color:#fff
    }
    .nav-control-top .owl-controls .owl-next:hover{
        background:#212167;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -ms-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
        transition:all .3s ease-out
    }
    .nav-control-top .owl-controls .owl-next:hover i{
        color:#fff
    }
}
@media only screen and (max-width:479px){
    .nav-control-top{
        position:relative
    }
    .nav-control-top .owl-controls i{
        color:#212167;
        display:block;
        line-height:36px;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -ms-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
        transition:all .3s ease-out
    }
    .nav-control-top .owl-controls .owl-nav{
        margin-top:0
    }
    .nav-control-top .owl-controls .owl-nav>div{
        position:absolute;
        top:50%;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%);
        background:transparent;
        border:1px solid #212167;
        opacity:1;
        font-size:18px;
        margin:0 4px;
        height:45px;
        width:45px;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        -ms-border-radius:50%;
        -o-border-radius:50%;
        border-radius:50%;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -ms-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
        transition:all .3s ease-out
    }
    .nav-control-top .owl-controls .owl-prev{
        left:-15px
    }
    .nav-control-top .owl-controls .owl-prev:hover{
        background:#212167;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -ms-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
        transition:all .3s ease-out
    }
    .nav-control-top .owl-controls .owl-prev:hover i{
        color:#fff
    }
    .nav-control-top .owl-controls .owl-next{
        right:-15px
    }
    .nav-control-top .owl-controls .owl-next:hover{
        background:#212167;
        -webkit-transition:all .3s ease-out;
        -moz-transition:all .3s ease-out;
        -ms-transition:all .3s ease-out;
        -o-transition:all .3s ease-out;
        transition:all .3s ease-out
    }
    .nav-control-top .owl-controls .owl-next:hover i{
        color:#fff
    }
}
.nav-control-middle .owl-controls i{
    color:#fff;
    display:block;
    line-height:36px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle .owl-controls .owl-nav{
    margin-top:0
}
.nav-control-middle .owl-controls .owl-nav>div{
    border:1px solid #212167;
    background:#212167;
    opacity:1;
    font-size:18px;
    margin:0 4px;
    height:46px;
    width:46px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    position:absolute;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle .owl-controls .owl-prev{
    left:-45px
}
@media only screen and (max-width:1199px){
    .nav-control-middle .owl-controls .owl-prev{
        left:-20px
    }
}
@media only screen and (max-width:991px){
    .nav-control-middle .owl-controls .owl-prev{
        left:-4px
    }
}
@media only screen and (max-width:767px){
    .nav-control-middle .owl-controls .owl-prev{
        left:-15px
    }
}
.nav-control-middle .owl-controls .owl-prev:hover{
    background:transparent;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle .owl-controls .owl-prev:hover i{
    color:#212167
}
.nav-control-middle .owl-controls .owl-next{
    right:-45px
}
@media only screen and (max-width:1199px){
    .nav-control-middle .owl-controls .owl-next{
        right:-20px
    }
}
@media only screen and (max-width:991px){
    .nav-control-middle .owl-controls .owl-next{
        right:-4px
    }
}
@media only screen and (max-width:767px){
    .nav-control-middle .owl-controls .owl-next{
        right:-15px
    }
}
.nav-control-middle .owl-controls .owl-next:hover{
    background:transparent;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle .owl-controls .owl-next:hover i{
    color:#212167
}
.nav-control-middle-ghost .owl-controls i{
    color:#9f9f9f;
    display:block;
    line-height:36px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle-ghost .owl-controls .owl-nav{
    margin-top:0
}
.nav-control-middle-ghost .owl-controls .owl-nav>div{
    border:1px solid #9f9f9f;
    background:transparent;
    opacity:1;
    font-size:18px;
    margin:0 4px;
    height:45px;
    width:45px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    position:absolute;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle-ghost .owl-controls .owl-prev{
    left:-15px
}
.nav-control-middle-ghost .owl-controls .owl-prev:hover{
    border:1px solid #212167;
    background:#212167;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle-ghost .owl-controls .owl-prev:hover i{
    color:#fff
}
.nav-control-middle-ghost .owl-controls .owl-next{
    right:-15px
}
.nav-control-middle-ghost .owl-controls .owl-next:hover{
    border:1px solid #212167;
    background:#212167;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle-ghost .owl-controls .owl-next:hover i{
    color:#fff
}
.nav-control-middle-textprimary .owl-controls i{
    color:#212167;
    display:block;
    line-height:36px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle-textprimary .owl-controls .owl-nav{
    margin-top:0
}
.nav-control-middle-textprimary .owl-controls .owl-nav>div{
    border:1px solid #fff;
    background:#fff;
    opacity:1;
    font-size:18px;
    margin:0 4px;
    height:45px;
    width:45px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    position:absolute;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle-textprimary .owl-controls .owl-prev{
    left:-15px
}
.nav-control-middle-textprimary .owl-controls .owl-prev:hover{
    background:transparent;
    border:1px solid #fff;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle-textprimary .owl-controls .owl-prev:hover i{
    color:#fff
}
.nav-control-middle-textprimary .owl-controls .owl-next{
    right:-15px
}
.nav-control-middle-textprimary .owl-controls .owl-next:hover{
    background:transparent;
    border:1px solid #fff;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.nav-control-middle-textprimary .owl-controls .owl-next:hover i{
    color:#fff
}
.dot-control .owl-controls{
    margin-top:30px
}
.dot-control .owl-controls .owl-dots .owl-dot span{
    margin:2px 7px;
    height:15px;
    width:15px;
    background:transparent;
    border:1px solid #212167;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.dot-control .owl-controls .owl-dots .active span{
    background:#212167
}
.dot-control .owl-nav{
    margin-top:0
}
.dot-control-light .owl-controls{
    margin-top:30px
}
.dot-control-light .owl-controls .owl-dots .owl-dot span{
    margin:2px 7px;
    height:15px;
    width:15px;
    background:transparent;
    border:1px solid #fff;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.dot-control-light .owl-controls .owl-dots .active span{
    background:#fff
}
.dot-control-light .owl-nav{
    margin-top:0
}
.elv-arrow{
    background-color:transparent;
    color:#212167;
    border:1px solid #212167;
    text-align:center;
    opacity:1;
    font-size:20px;
    height:45px;
    width:45px;
    line-height:43px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.elv-arrow:hover{
    background-color:#212167;
    color:#fff
}
.elv-prev{
    position:absolute;
    left:0;
    top:30%;
    -webkit-transform:translateY(-30%);
    -moz-transform:translateY(-30%);
    -ms-transform:translateY(-30%);
    -o-transform:translateY(-30%);
    transform:translateY(-30%);
    z-index:7
}
.elv-next{
    position:absolute;
    right:0;
    top:30%;
    -webkit-transform:translateY(-30%);
    -moz-transform:translateY(-30%);
    -ms-transform:translateY(-30%);
    -o-transform:translateY(-30%);
    transform:translateY(-30%);
    z-index:7
}
.select2-container .select2-selection--single{
    height:50px
}
.select2-container--classic .select2-selection--single{
    background-color:transparent;
    background-image:none;
    border-radius:45px;
    border:1px solid rgba(255,255,255,0.4)
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left:15px
}
.select2-container--classic .select2-selection--single .select2-selection__rendered{
    line-height:50px;
    color:#cecece;
    font-size:14px;
    text-align:left
}
.select2-container--classic .select2-selection--single .select2-selection__arrow{
    top:7px;
    background-color:transparent;
    background-image:none;
    border-style:none;
    right:5px
}
.select2-container--classic .select2-dropdown{
    border:1px solid #212167!important
}
.select2-container--classic .select2-results__option--highlighted[aria-selected]{
    background-color:#212167;
    color:#fff;
    font-weight:600
}
.select2-container--classic.select2-container--open .select2-selection--single{
    border:1px solid rgba(255,255,255,0.4)
}
.select2-container--classic .select2-selection--single:focus{
    border:1px solid rgba(255,255,255,0.4)
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{
    background:transparent
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
    background:transparent
}
.select2-results__options{
    padding:0 10px
}
#scrollUp{
    background-color:rgba(0,191,165,0.3);
    bottom:5px;
    color:#fff;
    display:block;
    font-size:18px;
    height:44px;
    line-height:40px;
    position:fixed;
    right:20px;
    text-align:center;
    text-decoration:none;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out;
    width:44px;
    z-index:99999;
    border:2px solid #212167;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%
}
#scrollUp i{
    color:#212167
}
#scrollUp:hover,#scrollUp:focus{
    background-color:#212167
}
#scrollUp:hover i,#scrollUp:focus i{
    color:#fff
}
#preloader{
    background:#fffffb url('img/preloader.gif') no-repeat scroll center center;
    height:100%;
    left:0;
    overflow:visible;
    position:fixed;
    top:0;
    width:100%;
    z-index:9999999
}
#scrollUp{
    animation:blinker 10s linear infinite
}
@keyframes blinker{
    90%{
        opacity:0
    }
}
.style-switch{
    top:45px;
    background-color:#b2dfdb
}
.style-switch ul .active a{
    color:#212167
}
.style-switch .switch-button{
    right:-45px;
    background-color:#212167;
    color:#fff
}
.skew-section{
    left:0;
    overflow:hidden;
    padding-left:0!important;
    padding-right:0!important;
    position:absolute;
    width:100%;
    height:100px;
    z-index:7;
    -ms-transform:skewY(-3deg);
    -webkit-transform:skewY(-3deg);
    transform:skewY(-3deg);
    background:#fff;
    bottom:-50px
}
.full-width-section-layout1{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    position:relative
}
@media only screen and (max-width:991px){
    .full-width-section-layout1{
        display:inherit
    }
}
.full-width-section-layout1 .item-content-wrapper{
    width:50%
}
@media(min-width:992px) and (max-width:1199px){
    .full-width-section-layout1 .item-content-wrapper{
        width:40%
    }
}
@media only screen and (max-width:991px){
    .full-width-section-layout1 .item-content-wrapper{
        width:100%;
        padding:86px 0 105px
    }
}
@media only screen and (max-width:767px){
    .full-width-section-layout1 .item-content-wrapper{
        padding:76px 0 95px
    }
}
@media only screen and (max-width:479px){
    .full-width-section-layout1 .item-content-wrapper{
        padding:66px 0 85px
    }
}
@media only screen and (max-width:320px){
    .full-width-section-layout1 .item-content-wrapper{
        padding:56px 0 75px
    }
}
.full-width-section-layout1 .item-img-wrapper{
    position:relative;
    width:50%
}
@media(min-width:992px) and (max-width:1199px){
    .full-width-section-layout1 .item-img-wrapper{
        width:60%
    }
}
@media only screen and (max-width:991px){
    .full-width-section-layout1 .item-img-wrapper{
        width:100%
    }
}
.full-width-section-layout1 .item-img-wrapper img{
    width:100%
}
.full-width-section-layout1 .container{
    position:absolute;
    margin:0 auto;
    left:0;
    right:0;
    top:0;
    bottom:0
}
@media only screen and (max-width:991px){
    .full-width-section-layout1 .container{
        position:inherit
    }
}
.full-width-section-layout2{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    position:relative
}
@media only screen and (max-width:1199px){
    .full-width-section-layout2{
        display:inherit
    }
}
.full-width-section-layout2 .item-content-wrapper{
    width:50%
}
@media only screen and (max-width:1199px){
    .full-width-section-layout2 .item-content-wrapper{
        width:100%;
        padding:86px 0 105px
    }
}
@media only screen and (max-width:767px){
    .full-width-section-layout2 .item-content-wrapper{
        padding:76px 0 95px
    }
}
@media only screen and (max-width:479px){
    .full-width-section-layout2 .item-content-wrapper{
        padding:66px 0 85px
    }
}
@media only screen and (max-width:320px){
    .full-width-section-layout2 .item-content-wrapper{
        padding:56px 0 75px
    }
}
.full-width-section-layout2 .item-img-wrapper{
    position:relative;
    width:50%
}
@media only screen and (max-width:1199px){
    .full-width-section-layout2 .item-img-wrapper{
        width:100%
    }
}
.full-width-section-layout2 .item-img-wrapper img{
    width:100%
}
.full-width-section-layout2 .container{
    position:absolute;
    margin:0 auto;
    left:0;
    right:0;
    top:0;
    bottom:0
}
@media only screen and (max-width:1199px){
    .full-width-section-layout2 .container{
        position:inherit
    }
}
.border-bottom-dark{
    position:relative
}
.border-bottom-dark:before{
    height:1px;
    width:100%;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    content:"";
    z-index:10;
    background:#d5d5d5
}
.bg-body{
    background-color:#fff
}
.primary-bg{
    background:#212167
}
.bg-accent{
    background:#f8f8f8
}
.item-bg-accent .single-item{
    background:#f8f8f8
}
.bg-dark{
    background:#dbdbdb
}
.bg-light{
    background:#fff
}
.bg-light-before{
    position:relative
}
.bg-light-before:before{
    content:"";
    background:#fff;
    position:absolute;
    height:100%;
    width:100%
}
.hvr-shutter-in-horizontal{
    background:#212167
}
.overlay-default{
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.overlay-default:before{
    content:"";
    background-color:rgba(0,0,0,0.6);
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0
}
.overlay-zindex1{
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.overlay-zindex1:before{
    content:"";
    background-color:rgba(0,0,0,0.6);
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:1
}
.overlay-primary{
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.overlay-primary:before{
    content:"";
    background-color:rgba(0,191,165,0.9);
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0
}
.overlay-default-z-index{
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.overlay-default-z-index:before{
    content:"";
    background-color:rgba(0,0,0,0.6);
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0
}
.overlay-default-z-index>div{
    position:relative;
    z-index:2
}
.overlay-default-deep{
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.overlay-default-deep:before{
    content:"";
    background-color:rgba(0,0,0,0.8);
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0
}
.slider-overlay{
    position:relative
}
.slider-overlay:before{
    content:"";
    background-color:rgba(0,0,0,0.6);
    height:100%;
    width:100%;
    position:absolute;
    z-index:6;
    top:0;
    left:0;
    right:0
}
.section-title-dark{
    text-transform:capitalize;
    text-align:center;
    color:#222;
    font-size:25px
}
.section-title-dark span{
    color:#212167
}
.section-md-title-dark h2{
    text-transform:none;
    color:#222;
    margin:0 auto 50px;
    line-height:1.3;
    width:80%;
    text-align:center
}
@media only screen and (max-width:1199px){
    .section-md-title-dark h2{
        width:100%
    }
}
.section-lg-title-light{
    text-transform:capitalize;
    text-align:center;
    color:#fff;
    margin:0 auto 10px;
    line-height:1.5;
    font-size:48px
}
.section-lg-title-light span{
    color:#212167
}
.section-sub-title-dark{
    margin:0 auto;
    text-align:center;
    width:85%;
    margin-bottom:60px
}
.section-title-light{
    font-size:32px;
    color:#fff;
    text-transform:capitalize;
    text-align:center
}
.section-sub-title-light{
    color:#fff;
    margin:0 auto;
    text-align:center;
    width:65%;
    margin-bottom:60px
}
h1.title-dark-big{
    color:#222;
    line-height:1.4;
    margin-bottom:30px;
    text-transform:capitalize
}
h1.title-dark-big span{
    color:#212167
}
h1.title-light-big{
    color:#fff;
    line-height:1.4;
    margin-bottom:30px;
    text-transform:capitalize
}
h1.title-light-big span{
    color:#212167
}
.inner-title-dark h2{
    margin-top:5px;
    font-size:36px;
    color:#222;
    line-height:1.5;
    margin-bottom:25px
}
.inner-title-dark h2 span{
    color:#212167
}
.inner-title-dark h3{
    font-size:30px;
    color:#222;
    line-height:1.5;
    margin-bottom:25px
}
.inner-title-dark h3 span{
    color:#212167
}
.inner-md-title-dark h2{
    color:#222;
    line-height:1.5;
    margin-bottom:25px
}
.inner-md-title-dark h3{
    color:#222;
    line-height:1.2;
    margin-bottom:30px
}
.inner-title-light h2{
    font-size:36px;
    color:#fff;
    line-height:1.5;
    margin-bottom:25px
}
.inner-title-light h2 span{
    color:#212167
}
.inner-sub-title-light{
    color:#fff
}
.inner-sub-title-light p{
    color:#fff
}
.inner-designation-primary h3{
    color:#212167;
    font-size:16px;
    margin-bottom:25px
}
.get-quote-sub-title{
    font-size:24px;
    margin:10px 0 0 0;
    color:#fff
}
.title-sidebar{
    font-size:24px;
    color:#222;
    text-transform:capitalize;
    margin-bottom:45px
}
.banner-para-light{
    color:#e3e3e3;
    width:70%;
    margin:0 auto;
    margin-bottom:60px;
    font-weight:600
}
.inner-title-bold h2{
    font-size:48px;
    text-transform:capitalize;
    line-height:1.2;
    font-weight:700;
    margin-bottom:5px;
    color:#222
}
.justify-content-start{
    -webkit-box-pack:start!important;
    -webkit-justify-content:flex-start!important;
    -ms-flex-pack:start!important;
    justify-content:flex-start!important
}
.justify-content-end{
    -webkit-box-pack:end!important;
    -webkit-justify-content:flex-end!important;
    -ms-flex-pack:end!important;
    justify-content:flex-end!important
}
.justify-content-center{
    -webkit-box-pack:center!important;
    -webkit-justify-content:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
}
.align-items-start{
    -webkit-box-align:start!important;
    -webkit-align-items:flex-start!important;
    -ms-flex-align:start!important;
    align-items:flex-start!important
}
.align-items-end{
    -webkit-box-align:end!important;
    -webkit-align-items:flex-end!important;
    -ms-flex-align:end!important;
    align-items:flex-end!important
}
.align-items-center{
    -webkit-box-align:center!important;
    -webkit-align-items:center!important;
    -ms-flex-align:center!important;
    align-items:center!important
}
.align-self-start{
    -webkit-align-self:flex-start!important;
    -ms-flex-item-align:start!important;
    align-self:flex-start!important
}
.align-self-end{
    -webkit-align-self:flex-end!important;
    -ms-flex-item-align:end!important;
    align-self:flex-end!important
}
.align-self-center{
    -webkit-align-self:center!important;
    -ms-flex-item-align:center!important;
    -ms-grid-row-align:center!important;
    align-self:center!important
}
.d-flex{
    display:-webkit-box!important;
    display:-webkit-flex!important;
    display:-ms-flexbox!important;
    display:flex!important
}
.flex-column{
    -webkit-box-orient:vertical!important;
    -webkit-box-direction:normal!important;
    -webkit-flex-direction:column!important;
    -ms-flex-direction:column!important;
    flex-direction:column!important
}
.flex-row-reverse{
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:reverse!important;
    -webkit-flex-direction:row-reverse!important;
    -ms-flex-direction:row-reverse!important;
    flex-direction:row-reverse!important
}
.flex-column-reverse{
    -webkit-box-orient:vertical!important;
    -webkit-box-direction:reverse!important;
    -webkit-flex-direction:column-reverse!important;
    -ms-flex-direction:column-reverse!important;
    flex-direction:column-reverse!important
}
.header-area:after{
    clear:both;
    content:"";
    display:block
}
.header-area .stick{
    background-color:rgba(34,34,34,0.9);
    border-bottom:2px solid #212167;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out
}
.header-area .stick nav ul li a{
    padding:20px 15px
}
@media(min-width:992px) and (max-width:1199px){
    .header-area .stick nav ul li a{
        padding:20px 9px
    }
}
.header-area .stick nav ul li ul li a{
    padding:10px 10px 10px 15px
}
.header-area .stick .cart-area>ul{
    top:100%
}
.header-area .stick .cart-trigger-icon{
    line-height:62px
}
.header-area .stick .cart-trigger-icon span{
    top:10px
}
.header-fixed{
        border-bottom: 1px solid #d1cfcf;
    left:0;
    right:0;
    margin:0 auto;
    top:0;
    z-index:100;
    position:fixed;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-top-bar .header-address-textprimary{
    padding:8px 0
}
.header-top-bar .header-address-textprimary ul li{
    display:inline-block;
    color:#d9d9d9;
    margin-right:30px;
    font-size:14px
}
.header-top-bar .header-address-textprimary ul li a{
	color: #000000;
}

.header-top-bar .header-address-textprimary ul li i{
    font-size:18px;
    color:#212167;
    margin-right:10px
}
.header-top-bar .header-address-textprimary ul li:last-child{
    margin-right:0
}
.header-top-bar .header-address-primarytext{
    padding:8px 0
}
.header-top-bar .header-address-primarytext ul li{
    display:inline-block;
    color:#222;
    margin-right:30px;
    font-size:14px
}
.header-top-bar .header-address-primarytext ul li i{
    font-size:18px;
    color:#212167;
    margin-right:10px
}
.header-top-bar .header-address-primarytext ul li:last-child{
    margin-right:0
}
.header-top-bar .header-social-textprimary ul{
    text-align:right
}
.header-top-bar .header-social-textprimary ul li{
    margin-right:5px;
    display:inline-block;
    color:#fff
}
.header-top-bar .header-social-textprimary ul li a{
    display:block;
    padding:10px 12px 6px
}
.header-top-bar .header-social-textprimary ul li a i{
    font-size:18px;
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-top-bar .header-social-textprimary ul li a:hover i{
    color:#212167
}
.header-top-bar .header-social-textprimary ul li:last-child{
    margin-right:0
}
.header-top-bar .header-social-textprimary ul li:last-child a{
    padding:10px 0 6px 12px
}
.header-top-bar .header-social-primarytext ul{
    text-align:right
}
.header-top-bar .header-social-primarytext ul li{
    margin-right:5px;
    display:inline-block;
    color:#222
}
.header-top-bar .header-social-primarytext ul li a{
    display:block;
    padding:10px 12px 6px
}
.header-top-bar .header-social-primarytext ul li a i{
    font-size:18px;
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-top-bar .header-social-primarytext ul li a:hover i{
    color:#212167
}
.header-top-bar .header-social-primarytext ul li:last-child{
    margin-right:0
}
.header-top-bar .header-social-primarytext ul li:last-child a{
    padding:10px 0 6px 12px
}
.header-top-bar .header-top-bar-bottom{
    padding:25px 0;
    border-bottom:1px solid #d5d5d5
}
.header-top-bar .header-top-bar-bottom .schedule-info li{
    padding-left:30px;
    position:relative;
    text-align:left;
    margin-right:30px;
    display:inline-block
}
.header-top-bar .header-top-bar-bottom .schedule-info li i{
    font-size:22px;
    position:absolute;
    left:0;
    top:3px;
    margin-right:15px;
    color:#212167
}
.header-top-bar .header-top-bar-bottom .schedule-info li p{
    font-size:14px;
    margin-bottom:0
}
.header-top-bar .header-top-bar-bottom .schedule-info li span{
    color:#222;
    font-size:18px;
    margin-bottom:0;
    font-weight:500;
    font-family:'Rubik',sans-serif
}
.logo-light{
    color:#fff;
    font-weight:500;
    font-size:30px;
    font-family:'Rubik',sans-serif;
    line-height:1.2
}
.logo-light span{
    display:inline-block;
    text-align:center;
    color:#fff;
    width:50px;
    height:35px;
    background:#212167;
    position:relative;
    -webkit-text-shadow:4px 3px 0 #ff6003;
    -moz-text-shadow:4px 3px 0 #ff6003;
    text-shadow:4px 3px 0 #ff6003
}
.logo-light span:before{
    content:"";
    position:absolute;
    top:-12px;
    left:0;
    width:0;
    height:0;
    border-left:25px solid transparent;
    border-right:25px solid transparent;
    border-bottom:12px solid #212167
}
.logo-light span:after{
    content:"";
    position:absolute;
    bottom:-12px;
    left:0;
    width:0;
    height:0;
    border-left:25px solid transparent;
    border-right:25px solid transparent;
    border-top:12px solid #212167
}
.logo-light:hover{
    color:#fff
}
.logo-dark{
    color:#222;
    font-weight:500;
    font-size:30px;
    font-family:'Rubik',sans-serif;
    line-height:1.2
}
.logo-dark span{
    display:inline-block;
    text-align:center;
    color:#fff;
    width:50px;
    height:35px;
    background:#212167;
    position:relative;
    -webkit-text-shadow:4px 3px 0 #ff6003;
    -moz-text-shadow:4px 3px 0 #ff6003;
    text-shadow:4px 3px 0 #ff6003
}
.logo-dark span:before{
    content:"";
    position:absolute;
    top:-12px;
    left:0;
    width:0;
    height:0;
    border-left:25px solid transparent;
    border-right:25px solid transparent;
    border-bottom:12px solid #212167
}
.logo-dark span:after{
    content:"";
    position:absolute;
    bottom:-12px;
    left:0;
    width:0;
    height:0;
    border-left:25px solid transparent;
    border-right:25px solid transparent;
    border-top:12px solid #212167
}
.logo-dark:hover{
    color:#222
}
.logo-mobile{
    color:#222;
    font-weight:500;
    font-size:20px;
    font-family:'Rubik',sans-serif;
    line-height:1.2
}
.logo-mobile span{
    display:inline-block;
    text-align:center;
    color:#fff;
    width:30px;
    height:25px;
    background:#212167;
    position:relative;
    -webkit-text-shadow:4px 3px 0 #ff6003;
    -moz-text-shadow:4px 3px 0 #ff6003;
    text-shadow:4px 3px 0 #ff6003
}
.logo-mobile span:before{
    content:"";
    position:absolute;
    top:-6px;
    left:0;
    width:0;
    height:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:7px solid #212167
}
.logo-mobile span:after{
    content:"";
    position:absolute;
    bottom:-6px;
    left:0;
    width:0;
    height:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-top:7px solid #212167
}
.logo-mobile:hover{
    color:#222
}
.header-social-round-primarytext ul{
    text-align:center
}
.header-social-round-primarytext ul li{
    margin-right:5px;
    display:inline-block;
    color:#222
}
.header-social-round-primarytext ul li a{
    display:inline-block;
    height:40px;
    width:40px;
    border:1px solid #212167;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    line-height:38px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-social-round-primarytext ul li a i{
    font-size:15px;
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-social-round-primarytext ul li a:hover{
    background:#212167
}
.header-social-round-primarytext ul li a:hover i{
    color:#fff
}
.header-social-round-primarytext ul li:last-child{
    margin-right:0
}
.elv-main-menu{
    /*text-align:right*/
}
.elv-main-menu nav>ul>li{
    display:inline-block;
    position:relative;
    text-align:left;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.elv-main-menu nav>ul>li>a{
    font-size:14px;
    padding:40px 15px;
    display:block;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out
}
@media(min-width:992px) and (max-width:1199px){
    .elv-main-menu nav>ul>li>a{
        padding:40px 9px
    }
}
.elv-main-menu nav>ul>li>a:hover{
    color:#212167
}
.elv-main-menu nav>ul>li:hover ul.rt-dropdown-menu{
    opacity:1;
    visibility:visible;
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1)
}
.elv-main-menu nav>ul>li ul.rt-dropdown-menu{
    background:#212167;
    box-shadow:none;
    border:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    opacity:0;
    margin:0;
        min-width: 264px;
    padding:0;
    top:100%;
    position:absolute;
    visibility:hidden;
    transform-origin:0 0;
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    -ms-transform:scaleY(0);
    -o-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    z-index:9999
}
.elv-main-menu nav>ul>li ul.rt-dropdown-menu li{
    display:block;
    border-bottom:1px solid #6b0621;
    position:relative
}
.elv-main-menu nav>ul>li ul.rt-dropdown-menu li a{
    font-size:16px;
    display:block;
    color:#fff;
    padding:10px 10px 10px 15px;
    text-transform:capitalize;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.elv-main-menu nav>ul>li ul.rt-dropdown-menu li a:hover,.elv-main-menu nav>ul>li ul.rt-dropdown-menu li a:focus{
    background:#f96000
}
.elv-main-menu nav>ul>li ul.rt-dropdown-menu li:last-child{
    border-bottom:0
}
.elv-main-menu nav>ul li.menu-justify{
    position:static
}
.elv-main-menu nav>ul li.menu-justify .rt-dropdown-mega{
    opacity:0;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    z-index:9999;
    visibility:hidden;
    transform-origin:0 0;
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    -ms-transform:scaleY(0);
    -o-transform:scaleY(0);
    transform:scaleY(0);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.elv-main-menu nav>ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner{
    background:#212167;
    padding:15px
}
.elv-main-menu nav>ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner .menu-layout-title{
    font-weight:600;
    font-size:18px;
    color:#fff;
    margin-bottom:5px;
    text-transform:uppercase
}
.elv-main-menu nav>ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li{
    border-bottom:1px solid #ff6003;
    display:block;
    position:relative
}
.elv-main-menu nav>ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a{
    font-size:16px;
    display:block;
    color:#fff;
    padding:8px 0;
    text-transform:capitalize;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.elv-main-menu nav>ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li a:hover{
    background:#ff6003;
    padding-left:10px
}
.elv-main-menu nav>ul li.menu-justify .rt-dropdown-mega .rt-dropdown-inner ul.rt-mega-items li:last-child{
    border-bottom:0
}
.elv-main-menu nav>ul li.menu-justify:hover .rt-dropdown-mega{
    opacity:1;
    visibility:visible;
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1)
}
.elv-main-menu nav>ul>.current>a{
    color:#212167!important
}
.elv-main-menu nav>ul>.current ul .current>a{
    background:#ff6003;
    padding-left:10px!important
}
.possition-static{
    position:static
}
.rt-dropdown-mega-custom{
    left:-49.1%!important
}
.rt-dropdown-mega-custom2{
    left:-49.4%!important
}
ul.temp-main-nav>li{
    float:left
}
.header-style-one .header-top-bar{
    padding-top:70px
}
.header-style-one .logo-area{
    text-align:center
}
.header-style-one .logo-area img{
    margin:0 auto
}
.header-style-two{
    position:inherit
}
.header-style-two .main-menu-area nav ul li a{
    padding:30px 15px
}
@media(min-width:992px) and (max-width:1199px){
    .header-style-two .main-menu-area nav ul li a{
        padding:30px 9px
    }
}
.header-style-two .main-menu-area nav ul li ul li a{
    padding:10px 10px 10px 15px
}
#header-two .stick{
    left:0;
    right:0;
    margin:0 auto;
    top:0;
    z-index:100;
    position:fixed;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out;
    border-bottom:2px solid #212167;
    background:rgba(34,34,34,0.9)
}
#header-two .stick nav ul li a{
    padding:20px 15px
}
@media(min-width:992px) and (max-width:1199px){
    #header-two .stick nav ul li a{
        padding:20px 9px
    }
}
#header-two .stick nav ul li ul li a{
    padding:10px 10px 10px 15px
}
.header-style-three .main-menu-area nav ul li a{
    padding:25px 15px;
    color:#222
}
@media(min-width:992px) and (max-width:1199px){
    .header-style-three .main-menu-area nav ul li a{
        padding:25px 9px
    }
}
.header-style-three .main-menu-area nav ul li ul li a{
    padding:10px 10px 10px 15px;
    color:#fff
}
.header-style-three .main-menu-area .show-on-stick{
    display:none
}
.header-style-three .stick{
    left:0;
    right:0;
    margin:0 auto;
    top:0;
    z-index:100;
    position:fixed;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out;
    border-bottom:2px solid #212167;
    background:rgba(255,255,255,0.9)
}
.header-style-three .stick nav ul li a{
    padding:20px 15px;
    color:#222
}
@media(min-width:992px) and (max-width:1199px){
    .header-style-three .stick nav ul li a{
        padding:20px 9px
    }
}
.header-style-three .stick nav ul li ul li a{
    color:#fff
}
.header-style-three .stick .show-on-stick{
    display:block
}
.header-style-three .stick .header-search .search-input{
    top:66px
}
.header-style-four .main-menu-area nav ul li a{
    padding:25px 6px;
    color:#222
}
@media(min-width:992px) and (max-width:1199px){
    .header-style-four .main-menu-area nav ul li a{
        padding:25px 9px
    }
}
.header-style-four .main-menu-area nav ul li ul li a{
    padding:10px 10px 10px 15px;
    color:#fff
}
.header-style-four .logo-area img{
    margin:0 auto
}
.header-style-four .stick{
    border-bottom:2px solid #212167;
    background:rgba(255,255,255,0.9)
}
.header-style-four .stick nav ul li a{
    padding:20px 15px;
    color:#222
}
@media(min-width:992px) and (max-width:1199px){
    .header-style-four .stick nav ul li a{
        padding:20px 9px
    }
}
.header-style-four .stick nav ul li ul li a{
    padding:10px 10px 10px 15px;
    color:#fff
}
.header-style-four .stick .header-search .search-input{
    top:66px
}
.header-style-five .main-menu-area nav ul li a:hover{
    color:#212167
}
.header-style-five .main-menu-area nav ul li>ul{
    background:#fff
}
.header-style-five .main-menu-area nav ul li>ul li a{
    color:#222
}
.header-style-five .main-menu-area nav ul li>ul li:hover a{
    color:#fff
}
.header-style-five .main-menu-area .rt-dropdown-mega .rt-dropdown-inner h3{
    color:#222!important
}
.header-style-five .main-menu-area .rt-dropdown-mega .rt-dropdown-inner{
    background:#fff!important
}
.header-style-five .main-menu-area ul.rt-mega-items li a{
    color:#222!important
}
.header-style-five .main-menu-area ul.rt-mega-items li:hover a{
    color:#fff!important
}
.nav-top-right{
    text-align:right;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out
}
.nav-top-right>li{
    margin-right:10px;
    display:inline-block
}
.nav-top-right>li:last-child{
    margin-right:0;
    padding-right:0
}
.nav-top-right>li i:before{
    margin-left:0
}
.element-border-right>li{
    padding-right:10px;
    border-right:1px solid #7a7a7a
}
.element-border-right>li:last-child{
    padding-right:0;
    border-right:0
}
.header-search{
    position:relative;
    line-height:0
}
.header-search .search-input{
    position:absolute;
    top:50px;
    right:15px;
    z-index:10;
    height:60px;
    width:800px;
    background:rgba(0,191,165,0.5);
    border:1px solid #212167;
    padding:5px 30px 8px;
    color:#fff;
    -webkit-border-radius:45px;
    -moz-border-radius:45px;
    -ms-border-radius:45px;
    -o-border-radius:45px;
    border-radius:45px;
    display:none
}
.header-search input.search-input:focus{
    outline-width:0;
    outline:0
}
.header-search input::-webkit-input-placeholder,.header-search textarea::-webkit-input-placeholder{
    color:#fff
}
.header-search input::-moz-placeholder,.header-search textarea::-moz-placeholder{
    color:#fff
}
.header-search input:-moz-placeholder,.header-search textarea:-moz-placeholder{
    color:#fff
}
.header-search input:-ms-input-placeholder,.header-search textarea:-ms-input-placeholder{
    color:#fff
}
.search-position1 .search-input{
    top:51px
}
.header-search-light{
    position:relative
}
.header-search-light .search-input{
    position:absolute;
    top:55px;
    right:15px;
    z-index:10;
    height:60px;
    width:800px;
    background:rgba(255,255,255,0.8);
    border:1px solid #212167;
    padding:5px 30px 8px;
    color:#222;
    -webkit-border-radius:45px;
    -moz-border-radius:45px;
    -ms-border-radius:45px;
    -o-border-radius:45px;
    border-radius:45px;
    display:none
}
.header-search-light input.search-input:focus{
    outline-width:0;
    outline:0
}
.header-icon-primary a i{
    font-weight:500;
    font-size:20px;
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-icon-primary a i:before{
    margin-left:0;
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-icon-primary a:hover i{
    color:#ff6003
}
.header-icon-primary a:hover i:before{
    color:#ff6003
}
@media only screen and (min-width:992px){
    .header-icon-light a i{
        font-weight:500;
        font-size:20px;
        color:#fff;
        -webkit-transition:all .5s ease-out;
        -moz-transition:all .5s ease-out;
        -ms-transition:all .5s ease-out;
        -o-transition:all .5s ease-out;
        transition:all .5s ease-out
    }
    .header-icon-light a i:before{
        margin-left:0;
        color:#fff;
        -webkit-transition:all .5s ease-out;
        -moz-transition:all .5s ease-out;
        -ms-transition:all .5s ease-out;
        -o-transition:all .5s ease-out;
        transition:all .5s ease-out
    }
    .header-icon-light a:hover i{
        color:#ff6003
    }
    .header-icon-light a:hover i:before{
        color:#ff6003
    }
}
@media only screen and (max-width:991px){
    .header-icon-mobile a i{
        font-weight:500;
        font-size:20px;
        color:#9f9f9f;
        -webkit-transition:all .5s ease-out;
        -moz-transition:all .5s ease-out;
        -ms-transition:all .5s ease-out;
        -o-transition:all .5s ease-out;
        transition:all .5s ease-out
    }
    .header-icon-mobile a i:before{
        margin-left:0;
        color:#9f9f9f;
        -webkit-transition:all .5s ease-out;
        -moz-transition:all .5s ease-out;
        -ms-transition:all .5s ease-out;
        -o-transition:all .5s ease-out;
        transition:all .5s ease-out
    }
    .header-icon-mobile a:hover i{
        color:#ff6003
    }
    .header-icon-mobile a:hover i:before{
        color:#ff6003
    }
}
.header-icon-dark a i{
    font-weight:500;
    font-size:20px;
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-icon-dark a i:before{
    margin-left:0;
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-icon-dark a:hover i{
    color:#ff6003
}
.header-icon-dark a:hover i:before{
    color:#ff6003
}
.header-icon-dividercolor a i{
    font-weight:500;
    font-size:20px;
    color:#d5d5d5;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-icon-dividercolor a i:before{
    margin-left:0;
    color:#d5d5d5;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-icon-dividercolor a:hover i{
    color:#ff6003
}
.header-icon-dividercolor a:hover i:before{
    color:#ff6003
}
#main-nav-wrap{
    text-align:center
}
nav#main-nav{
    display:inline-block;
    position:relative
}
nav#main-nav>ul{
    visibility:hidden
}
nav#main-nav.active{
    visibility:visible
}
span.menu-trigger i{
    padding:8px;
    display:block;
    text-align:center;
    font-size:20px
}
.menu-trigger{
    cursor:pointer;
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.menu-trigger:hover{
    color:#212167
}
.cart-area{
    position:relative
}
.cart-area:hover .cart-wrapper{
    opacity:1;
    visibility:visible;
    max-height:1000px;
    -webkit-transform:perspective(400) rotate3d(0,0,0,0)
}
.cart-area .cart-trigger-icon{
    line-height:75px;
    display:block;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out
}
.cart-area .cart-trigger-icon span{
    background:#212167;
    border-radius:45px;
    color:#fff;
    height:20px;
    padding:0 6px;
    position:absolute;
    top:20px;
    width:20px;
    font-size:12px;
    right:-10px;
    line-height:20px;
    -webkit-transition:all 1s ease-out;
    -moz-transition:all 1s ease-out;
    -ms-transition:all 1s ease-out;
    -o-transition:all 1s ease-out;
    transition:all 1s ease-out
}
.cart-area .cart-wrapper{
    opacity:0;
    visibility:hidden;
    max-height:0;
    overflow:hidden;
    -webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
    -webkit-transform-origin:50% 0;
    -webkit-transition:350ms;
    -moz-transition:350ms;
    -o-transition:350ms;
    transition:350ms;
    padding:15px 15px 0 15px;
    text-align:left;
    background-color:rgba(255,255,255,0.96);
    position:absolute;
    right:0;
    top:100%;
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.15);
    -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.15);
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.15);
    width:418px;
    z-index:999999;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.cart-area .cart-wrapper>li{
    border-bottom:1px solid #ddd;
    margin-bottom:5px
}
.cart-area .cart-wrapper>li .media{
    position:relative
}
.cart-area .cart-wrapper>li .media .cart-product-img{
    padding-right:15px
}
.cart-area .cart-wrapper>li .media .cart-product-img a{
    display:inline-block
}
.cart-area .cart-wrapper>li .media .cart-product-img a img{
    border:1px solid #ddd;
    width:80px;
    min-height:80px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.cart-area .cart-wrapper>li .media .cart-content ul li{
    margin-right:25px;
    display:inline-block
}
.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line1{
    text-transform:capitalize;
    font-size:16px;
    margin-bottom:5px;
    font-weight:500
}
.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line1 a{
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line1 a:hover{
    color:#212167
}
.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line2{
    font-size:12px
}
.cart-area .cart-wrapper>li .media .cart-content ul li .cart-title-line2 span{
    color:#000
}
.cart-area .cart-wrapper>li .media .cart-content ul li:first-child{
    width:140px
}
.cart-area .cart-wrapper>li .media .cart-content ul li:last-child{
    margin-right:0
}
.cart-area .cart-wrapper>li .media .cart-content a.trash i:before{
    color:#000
}
.cart-area .cart-wrapper>li .media .cart-content a.trash:hover i:before{
    color:#f44336
}
.cart-area .cart-wrapper>li:last-child{
    border-bottom:0
}
.cart-area .cart-wrapper>li .checkout-btn-area{
    margin:10px 0;
    text-align:center
}
.cart-area .cart-wrapper>li .checkout-btn-area li{
    display:inline
}
.cart-area .cart-wrapper>li>span{
    display:inline-block;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    font-size:12px;
    padding-right:20px;
    text-align:right;
    width:194px
}
.cart-area .cart-wrapper>li>span span{
    font-weight:600;
    border-left:1px solid #ddd;
    width:194px;
    display:inline-block;
    padding-right:20px
}
.offcanvas-menu-area{
    z-index:30;
    right:0
}
.offcanvas-menu-area .side-menu-trigger{
    display:block;
    height:20px;
    width:20px
}
.offcanvas-menu-area .side-menu-trigger a{
    cursor:pointer;
    font-size:24px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.offcanvas-menu-area .offcanvas-nav-close{
    position:absolute;
    top:10px;
    left:10px
}
.offcanvas-menu-area .offcanvas-nav-close a i:before{
    color:#222
}
.offcanvas-menu-area .offcanvas-nav-close:hover a i:before{
    color:#fc0303
}
.offcanvas-menu-area .offcanvas-main-menu{
    height:100%;
    width:0;
    position:fixed;
    z-index:999999;
    top:0;
    right:0;
    background-color:#f1f1f1;
    overflow-x:hidden;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out;
    padding-top:30px
}
.offcanvas-menu-area .offcanvas-main-menu .offcanvas-logo-area{
    text-align:center
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area{
    margin:25px 0
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area li{
    text-align:center;
    border-bottom:1px solid #bbb
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area li:last-child{
    border-bottom:0
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area li a{
    display:block;
    padding:10px 45px;
    color:#222;
    font-weight:600;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-nav-area li a:hover{
    background:#212167;
    color:#fff
}
.offcanvas-menu-area .offcanvas-main-menu .offcanvas-address{
    margin-bottom:30px;
    text-align:center
}
.offcanvas-menu-area .offcanvas-main-menu .offcanvas-address .address-title{
    margin-bottom:10px
}
.offcanvas-menu-area .offcanvas-main-menu .offcanvas-address ul{
    margin-left:15px
}
.offcanvas-menu-area .offcanvas-main-menu .offcanvas-address ul li{
    margin-bottom:5px
}
.offcanvas-menu-area .offcanvas-main-menu .offcanvas-address ul li i{
    margin-right:5px;
    color:#212167
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social{
    margin-bottom:50px;
    text-align:center
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li{
    display:inline-block;
    margin-right:5px
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li a{
    width:40px;
    height:40px;
    border:1px solid #212167;
    display:block;
    text-align:center;
    line-height:37px;
    background:#212167;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li a i{
    color:#fff;
    font-size:14px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li a:hover{
    background:transparent;
    border:1px solid #bbb
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li a:hover i{
    color:#fff
}
.offcanvas-menu-area .offcanvas-main-menu ul.offcanvas-area-social li:last-child{
    margin-right:0
}
#wrapper{
    overflow:hidden;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
div#wrapper.open>.offcanvas-mask{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0);
    z-index:20;
    content:"";
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
#wrapper.open{
    margin-right:280px;
    position:relative;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.mobile-menu-area{
    display:none
}
.mean-container .mean-bar{
    float:none
}
@media only screen and (max-width:991px){
    .mean-container .mean-bar a{
        padding:12px 16px;
        display:inline-block
    }
}
@media only screen and (max-width:991px){
    .mean-container .mean-bar .meanmenu-reveal{
        margin-top:3px
    }
}
.mean-container .mean-bar{
    position:fixed!important
}
.mean-container .mean-bar:after{
    content:"";
    clear:both;
    display:block
}
.mean-container .mean-nav>ul{
    overflow-y:scroll
}
.mean-container .mean-nav>ul li a{
    color:#222;
    font-weight:700;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.mean-container .mean-nav>ul li a:hover{
    color:#212167
}
.mean-container .mean-nav>ul:after{
    content:'';
    display:block;
    clear:both
}
.mean-container .mean-bar a.logo-mobile{
    width:100%;
    background-color:rgba(255,255,255,0.95);
    box-sizing:border-box;
    border-bottom:1px solid #212167;
    text-align:center
}
.mean-container .mean-bar,.mean-container .mean-nav{
    background:transparent;
    padding:0!important
}
.mean-container a.meanmenu-reveal{
    float:none!important;
    position:absolute;
    left:0!important
}
.mean-bar+div #wrapper{
    padding-top:52px
}
.mean-container .mean-nav ul li li a{
    color:#222;
    opacity:1
}
.mean-container .mean-bar{
    float:none;
    z-index:99
}
.mean-container .mean-bar:after{
    content:"";
    clear:both;
    display:block
}
.slider-area{
    position:relative
}
.slider-area .nivo-controlNav{
    display:none
}
.slider-area .nivo-directionNav a.nivo-prevNav{
    left:8px!important;
    width:50px;
    height:50px;
    border-radius:50%;
    border:1px solid #212167;
    background-color:transparent;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.slider-area .nivo-directionNav a.nivo-prevNav:before{
    content:"\f053";
    font:normal normal normal 14px/1 FontAwesome;
    color:#b2dfdb!important;
    cursor:pointer;
    font-size:16px;
    margin:0;
    position:absolute;
    text-align:center;
    top:18px;
    z-index:9;
    height:10px;
    width:10px;
    left:19px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.slider-area .nivo-directionNav a.nivo-prevNav:hover{
    background-color: rgb(252 102 0 / 57%);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.slider-area .nivo-directionNav a.nivo-prevNav:hover:before{
    color:#fff!important;
    background:transparent!important;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.slider-area .nivo-directionNav a.nivo-nextNav{
    right:8px!important;
    width:50px;
    height:50px;
    border-radius:50%;
    border:1px solid #212167;
    background-color:transparent;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.slider-area .nivo-directionNav a.nivo-nextNav:before{
    content:"\f054";
    font:normal normal normal 14px/1 FontAwesome;
    color:#b2dfdb!important;
    cursor:pointer;
    font-size:16px;
    margin:0;
    position:absolute;
    text-align:center;
    top:18px;
    z-index:9;
    height:10px;
    width:10px;
    right:19px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.slider-area .nivo-directionNav a.nivo-nextNav:hover{
    background-color:rgba(0,191,165,0.6);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.slider-area .nivo-directionNav a.nivo-nextNav:hover:before{
    color:#fff!important;
    background:transparent!important;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.slider-area .nivo-caption{
    opacity:1;
    top:0
}
.slider-area .slide-1 .top-title3,.slider-area .slide-2 .top-title3,.slider-area .slide-3 .top-title3{
    letter-spacing:5px;
    font-family:'Rubik',sans-serif;
    font-size:30px;
    font-style:italic;
    color:#fff;
    text-transform:capitalize;
    margin-bottom:20px
}
.slider-area .slide-1 .top-title2,.slider-area .slide-2 .top-title2,.slider-area .slide-3 .top-title2{
    font-family:'Rubik',sans-serif;
    font-size:24px;
    letter-spacing:20px;
    color:#fff;
    text-transform:capitalize;
    margin-bottom:10px;
    margin-left:20px
}
.slider-area .slide-1 .top-title,.slider-area .slide-2 .top-title,.slider-area .slide-3 .top-title{
    font-size:40px;
    font-weight:500;
    text-transform:capitalize;
    color:#fff;
    margin-bottom:20px
}
.slider-area .slide-1 p.slider-big-text,.slider-area .slide-2 p.slider-big-text,.slider-area .slide-3 p.slider-big-text{
    line-height:1.2;
    font-size:56px;
    text-transform:capitalize;
    margin-bottom:10px;
    font-weight:500
}
.slider-area .slide-1 p.slider-big-text span,.slider-area .slide-2 p.slider-big-text span,.slider-area .slide-3 p.slider-big-text span{
    color:#212167
}
.slider-area .slide-1 p.slider-sub-text,.slider-area .slide-2 p.slider-sub-text,.slider-area .slide-3 p.slider-sub-text{
    letter-spacing:1px;
    margin-bottom:50px;
    line-height:1.7;
    font-size:20px;
    font-weight:600
}
.slider-area .slide-1 .title-light p.slider-big-text,.slider-area .slide-2 .title-light p.slider-big-text,.slider-area .slide-3 .title-light p.slider-big-text{
    color:#fff!important
}
.slider-area .slide-1 .title-light p.slider-sub-text,.slider-area .slide-2 .title-light p.slider-sub-text,.slider-area .slide-3 .title-light p.slider-sub-text{
    color:#fff
}
.slider-area .slide-1 .title-dark p.slider-big-text,.slider-area .slide-2 .title-dark p.slider-big-text,.slider-area .slide-3 .title-dark p.slider-big-text{
    color:#222!important
}
.slider-area .slide-1 .title-dark p.slider-sub-text,.slider-area .slide-2 .title-dark p.slider-sub-text,.slider-area .slide-3 .title-dark p.slider-sub-text{
    color:#222
}
.slider-area .slide-1 .para-padding-right,.slider-area .slide-2 .para-padding-right,.slider-area .slide-3 .para-padding-right{
    padding-right:50%
}
.slider-area .slide-1 .para-padding-left,.slider-area .slide-2 .para-padding-left,.slider-area .slide-3 .para-padding-left{
    padding-left:50%
}
.slider-area .slide-1 .para-width-compress p.slider-sub-text,.slider-area .slide-2 .para-width-compress p.slider-sub-text,.slider-area .slide-3 .para-width-compress p.slider-sub-text{
    width:54%;
    margin:0 auto 40px
}
.slider-area .slider-big-text{
    font-family:'Rubik',sans-serif
}
.slider-area .slide-1 .top-title{
    -webkit-animation:bounceInUp 1000ms ease-in-out;
    -moz-animation:bounceInUp 1000ms ease-in-out;
    -ms-animation:bounceInUp 1000ms ease-in-out;
    animation:bounceInUp 1000ms ease-in-out
}
.slider-area .slide-1 .top-title2{
    -webkit-animation:zoomIn 1500ms ease-in-out;
    -moz-animation:zoomIn 1500ms ease-in-out;
    -ms-animation:zoomIn 1500ms ease-in-out;
    animation:zoomIn 1500ms ease-in-out
}
.slider-area .slide-1 .top-title3{
    -webkit-animation:fadeInLeft 1500ms ease-in-out;
    -moz-animation:fadeInLeft 1500ms ease-in-out;
    -ms-animation:fadeInLeft 1500ms ease-in-out;
    animation:fadeInLeft 1500ms ease-in-out
}
.slider-area .slide-1 p.slider-big-text{
    -webkit-animation:fadeInRight 1000ms ease-in-out;
    -moz-animation:fadeInRight 1000ms ease-in-out;
    -ms-animation:fadeInRight 1000ms ease-in-out;
    animation:fadeInRight 1000ms ease-in-out
}
.slider-area .slide-1 p.slider-sub-text{
    -webkit-animation:fadeInRight 1500ms ease-in-out;
    -moz-animation:fadeInRight 1500ms ease-in-out;
    -ms-animation:fadeInRight 1500ms ease-in-out;
    animation:fadeInRight 1500ms ease-in-out
}
.slider-area .slide-1 .slider-btn-area{
    -webkit-animation:fadeInRight 2000ms ease-in-out;
    -moz-animation:fadeInRight 2000ms ease-in-out;
    -ms-animation:fadeInRight 2000ms ease-in-out;
    animation:fadeInRight 2000ms ease-in-out
}
.slider-area .slide-2 .top-title{
    -webkit-animation:bounceInUp 1000ms ease-in-out;
    -moz-animation:bounceInUp 1000ms ease-in-out;
    -ms-animation:bounceInUp 1000ms ease-in-out;
    animation:bounceInUp 1000ms ease-in-out
}
.slider-area .slide-2 .top-title2{
    -webkit-animation:zoomIn 1500ms ease-in-out;
    -moz-animation:zoomIn 1500ms ease-in-out;
    -ms-animation:zoomIn 1500ms ease-in-out;
    animation:zoomIn 1500ms ease-in-out
}
.slider-area .slide-2 .top-title3{
    -webkit-animation:fadeInRight 1500ms ease-in-out;
    -moz-animation:fadeInRight 1500ms ease-in-out;
    -ms-animation:fadeInRight 1500ms ease-in-out;
    animation:fadeInRight 1500ms ease-in-out
}
.slider-area .slide-2 p.slider-big-text{
    -webkit-animation:fadeInLeft 1000ms ease-in-out;
    -moz-animation:fadeInLeft 1000ms ease-in-out;
    -ms-animation:fadeInLeft 1000ms ease-in-out;
    animation:fadeInLeft 1000ms ease-in-out
}
.slider-area .slide-2 p.slider-sub-text{
    -webkit-animation:fadeInLeft 1500ms ease-in-out;
    -moz-animation:fadeInLeft 1500ms ease-in-out;
    -ms-animation:fadeInLeft 1500ms ease-in-out;
    animation:fadeInLeft 1500ms ease-in-out
}
.slider-area .slide-2 .slider-btn-area{
    -webkit-animation:fadeInLeft 2000ms ease-in-out;
    -moz-animation:fadeInLeft 2000ms ease-in-out;
    -ms-animation:fadeInLeft 2000ms ease-in-out;
    animation:fadeInLeft 2000ms ease-in-out
}
.list-content ul{
    margin-top:50px
}
.list-content ul li{
    color:#808080;
    font-weight:400;
    font-size:17px;
    line-height:1.3;
    margin-bottom:10px;
    padding-left:30px;
    position:relative
}
.list-content ul li:before{
    content:"\f058";
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    font-family:FontAwesome;
    color:#212167;
    font-size:18px
}
.img-border-layout1{
    position:relative
}
.img-border-layout1:before{
    height:90%;
    width:90%;
    content:"";
    background:transparent;
    border:5px solid rgba(248,248,248,0.5);
    position:absolute;
    z-index:1;
    top:5%;
    left:5%
}
.img-bg-layout1{
    margin-top:28px;
    position:relative
}
.img-bg-layout1 img{
    position:relative;
    z-index:2
}
.img-bg-layout1:before{
    content:"";
    background:#f8f8f8;
    height:100%;
    width:100%;
    position:absolute;
    bottom:5%;
    right:4%
}
ul.img-list-style:after{
    clear:both;
    display:block;
    content:""
}
ul.img-list-style li{
    width:48%;
    float:left;
    display:inline;
    margin-right:10px
}
ul.img-list-style li:last-child{
    margin-right:0
}
ul.img-list-style li img{
    margin:0 auto;
    width:100%
}
h3.service-title-dark{
    color:#222;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
h3.service-title-dark a{
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
h3.service-title-dark a:hover{
    color:#212167
}
.service-title-dark h3{
    color:#222;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-title-dark h3 a{
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-title-dark h3 a:hover{
    color:#212167
}
h3.service-title-light{
    color:#fff;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
h3.service-title-light a{
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
h3.service-title-light a:hover{
    color:#f8f8f8
}
.service-title-light h3{
    color:#fff;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-title-light h3 a{
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-title-light h3 a:hover{
    color:#f8f8f8
}
h3.service-title-primary{
    color:#212167;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
h3.service-title-primary a{
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
h3.service-title-primary a:hover{
    color:#fff
}
.service-title-primary h3{
    color:#212167;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-title-primary h3 a{
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-lg-title-primary h3{
    color:#212167;
    font-size:28px;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-lg-title-primary h3 a{
    color:#212167
}
.service-lg-title-dark h3{
    color:#222;
    font-size:28px;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-lg-title-dark h3 a{
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-lg-title-dark h3 a:hover{
    color:#212167
}
h4.service-title-primary{
    color:#212167;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
h4.service-title-primary a{
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
h4.service-title-primary a:hover{
    color:#fff
}
p.service-sub-title-light{
    color:#fff
}
.service-sub-title-light p{
    color:#fff
}
.column-count-two p{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2
}
.service-box-layout1{
    padding:80px 40px 70px;
    text-align:center;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-box-layout1:hover{
    background:#212167;
    -webkit-box-shadow:0 5px 30px 0 rgba(0,0,0,0.25);
    -moz-box-shadow:0 5px 30px 0 rgba(0,0,0,0.25);
    box-shadow:0 5px 30px 0 rgba(0,0,0,0.25)
}
.service-box-layout1:hover h3{
    color:#fff
}
.service-box-layout1:hover h3 a{
    color:#fff
}
.service-box-layout1:hover i.icon-default-primary{
    color:#fff
}
.service-box-layout1:hover i.icon-default-primary:before{
    color:#fff
}
.service-box-layout1:hover p{
    color:#fff
}
.service-box-layout1:hover .item-btn:hover{
    border:2px solid #fff
}
.service-box-layout1:hover i.icon-circle-primary{
    background:#fff
}
.service-box-layout1:hover i.icon-circle-primary:before{
    color:#212167
}
.service-box-layout2{
    border-right:1px solid #b2dfdb;
    padding:80px 50px 0px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-box-layout2:hover{
    background:#212167
}
.service-box-layout2:hover i{
    color:#fff
}
.service-box-layout2:hover i:before{
    color:#fff
}
.service-box-layout2:hover h3 a{
    color:#fff
}
.service-box-layout2:hover p{
    color:#fff
}
[class^="col-"]:last-child>.service-box-layout2{
    border-right:0
}
.service-box-layout3{
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    padding:70px 30px 44px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-box-layout3:hover{
    background:#212167
}
.service-box-layout3:hover h3 a{
    color:#fff
}
.service-box-layout3:hover p{
    color:#fff
}
[class^="col-"]:last-child>.service-box-layout3{
    border-right:0;
    border-bottom:0
}
.service-box-layout4{
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-box-layout4:hover{
    background:#212167;
    -webkit-box-shadow:0 5px 30px 0 rgba(0,0,0,0.25);
    -moz-box-shadow:0 5px 30px 0 rgba(0,0,0,0.25);
    box-shadow:0 5px 30px 0 rgba(0,0,0,0.25)
}
.service-box-layout4:hover h3{
    color:#fff
}
.service-box-layout4:hover h3 a{
    color:#fff
}
.service-box-layout4:hover i{
    color:#fff
}
.service-box-layout4:hover i:before{
    color:#fff
}
.service-box-layout4:hover p{
    color:#fff
}
.service-box-layout4:hover .item-btn:hover{
    border:2px solid #fff
}
.service-box-layout5{
    overflow:hidden;
    position:relative
}
.service-box-layout5 .item-img:before{
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(transparent));
    background-image:-webkit-linear-gradient(transparent,#222);
    background-image:-moz-linear-gradient(transparent,#222),-moz-linear-gradient(transparent,#222);
    background-image:-o-linear-gradient(transparent,#222),-o-linear-gradient(transparent,#222);
    background-image:linear-gradient(transparent,#222),linear-gradient(transparent,#222);
    content:"";
    height:100%;
    position:absolute;
    width:100%;
    z-index:1
}
.service-box-layout5 .item-img img{
    width:100%
}
.service-box-layout5 .item-content{
    padding:0 30px;
    position:absolute;
    z-index:2;
    bottom:-65px;
    -webkit-transition:all .75s ease-out;
    -moz-transition:all .75s ease-out;
    -ms-transition:all .75s ease-out;
    -o-transition:all .75s ease-out;
    transition:all .75s ease-out
}
.service-box-layout5 .item-content p{
    opacity:0;
    visibility:hidden
}
.service-box-layout5 .item-content span{
    position:absolute;
    right:30px;
    top:35px;
    z-index:3;
    -webkit-transition:all .9s ease-out;
    -moz-transition:all .9s ease-out;
    -ms-transition:all .9s ease-out;
    -o-transition:all .9s ease-out;
    transition:all .9s ease-out
}
.service-box-layout5 .item-content span i{
    color:#fff;
    -webkit-transition:all .75s ease-out;
    -moz-transition:all .75s ease-out;
    -ms-transition:all .75s ease-out;
    -o-transition:all .75s ease-out;
    transition:all .75s ease-out
}
.service-box-layout5:hover .item-content{
    bottom:30px
}
.service-box-layout5:hover .item-content p{
    opacity:1;
    visibility:visible
}
.service-box-layout5:hover .item-content span{
    top:5px
}
.service-box-layout5:hover .item-content span i{
    font-size:24px;
    color:#212167
}
.service-box-layout6 ul.service-box-nav li{
    margin-bottom:25px;
    padding-bottom:25px;
    border-bottom:1px solid #d5d5d5
}
.service-box-layout6 ul.service-box-nav li:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
.service-box-layout6 ul.service-box-nav li a{
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex
}
.service-box-layout6 ul.service-box-nav li a .item-icon{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    flex:1
}
.service-box-layout6 ul.service-box-nav li a .item-icon i{
    background:transparent;
    border:1px solid #212167;
    border-radius:50%;
    display:block;
    height:67px;
    margin-right:30px;
    width:67px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-box-layout6 ul.service-box-nav li a .item-icon i:before{
    color:#212167;
    display:block;
    font-size:28px;
    margin:20px 0 0 18px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-box-layout6 ul.service-box-nav li a .item-content{
    -webkit-box-flex:5;
    -webkit-flex:5;
    -moz-flex:5;
    flex:5
}
.service-box-layout6 ul.service-box-nav li a .item-content p{
    color:#222;
    font-size:18px;
    font-weight:600;
    width:70%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-box-layout6 ul.service-box-nav li:hover .item-icon i{
    background:#212167
}
.service-box-layout6 ul.service-box-nav li:hover .item-icon i:before{
    color:#fff
}
.service-box-layout6 ul.service-box-nav li:hover .item-content p{
    color:#212167
}
.service-box-layout6 ul.service-box-nav .active .item-icon i{
    background:#212167
}
.service-box-layout6 ul.service-box-nav .active .item-icon i:before{
    color:#fff
}
.service-box-layout6 ul.service-box-nav .active .item-content p{
    color:#212167
}
.service-box-layout6 .service-box-content{
    position:relative
}
.service-box-layout6 .service-box-content img{
    width:100%
}
.service-box-layout6 .service-box-content .tab-pane{
    position:relative
}
.service-box-layout6 .service-box-content .item-content{
    width:80%;
    position:absolute;
    padding:20px 35px 15px;
    background-color:rgba(34,34,34,0.9);
    z-index:1;
    bottom:0;
    right:0
}
.service-box-layout6 .service-box-content .item-content h3{
    color:#212167;
    font-size:30px;
    font-weight:500;
    margin-bottom:5px
}
.service-box-layout6 .service-box-content .item-content p{
    color:#fff
}
.service-box-layout7{
    margin:15px 15px 30px
}
.service-box-layout7 .single-item-wrapper{
    -webkit-box-shadow:0 1px 3px 0 rgba(201,201,201,0.75);
    -moz-box-shadow:0 1px 3px 0 rgba(201,201,201,0.75);
    box-shadow:0 1px 3px 0 rgba(201,201,201,0.75);
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.service-box-layout7 .single-item-wrapper:hover{
    -webkit-box-shadow:0 6px 20px 0 rgba(201,201,201,0.75);
    -moz-box-shadow:0 6px 20px 0 rgba(201,201,201,0.75);
    box-shadow:0 6px 20px 0 rgba(201,201,201,0.75)
}
.service-box-layout7 .single-item-wrapper:hover .item-content{
    background:#212167
}
.service-box-layout7 .single-item-wrapper:hover .item-content h3 a{
    color:#fff
}
.service-box-layout7 .single-item-wrapper:hover .item-content p{
    color:#fff
}
.service-box-layout7 .item-img{
    position:relative
}
.service-box-layout7 .item-img:before{
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(transparent));
    background-image:-webkit-linear-gradient(transparent,#222);
    background-image:-moz-linear-gradient(transparent,#222),-moz-linear-gradient(transparent,#222);
    background-image:-o-linear-gradient(transparent,#222),-o-linear-gradient(transparent,#222);
    background-image:linear-gradient(transparent,#222),linear-gradient(transparent,#222);
    content:"";
    height:100%;
    position:absolute;
    width:100%;
    z-index:1
}
.service-box-layout7 .item-img .item-info{
    padding:0 0 15px 30px;
    position:absolute;
    z-index:2;
    bottom:0;
    left:0;
    right:0
}
.service-box-layout7 .item-img .item-info li{
    margin-right:10px;
    padding-right:10px;
    display:inline;
    border-right:1px solid #fff;
    color:#fff
}
.service-box-layout7 .item-img .item-info li:last-child{
    margin-right:0;
    padding-right:0;
    border-right:0;
    color:#212167
}
.service-box-layout7 .item-content{
    background:#fff;
    padding:15px 20px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.service-box-layout7 .item-content h3{
    margin-bottom:10px
}
.service-box-layout7 .item-content h3 a{
    color:#222;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.service-box-layout7 .item-content p{
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.service-box-layout8{
    border-right:1px solid #b2dfdb;
    padding:40px 30px 30px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-box-layout8:hover{
    background:#212167
}
.service-box-layout8:hover i{
    color:#fff
}
.service-box-layout8:hover i:before{
    color:#212167
}
.service-box-layout8:hover h3 a{
    color:#fff
}
.service-box-layout8:hover p{
    color:#fff
}
.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs{
    border:1px solid #d5d5d5;
    border-bottom:0
}
.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li{
    border-bottom:3px solid #d5d5d5;
    margin-bottom:0;
    width:33.333333%;
    text-align:center;
    font-weight:700;
    font-size:16px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li a{
    border:0;
    color:#666;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li a:hover{
    background:transparent;
    color:#212167
}
.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li:hover{
    border-bottom:3px solid #212167
}
.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li.active{
    border-bottom:3px solid #212167
}
.service-details-box-layout1 .service-tab-layout1 ul.nav-tabs li.active a{
    color:#212167
}
.service-details-box-layout1 .service-tab-layout1 .tab-content{
    border:1px solid #d5d5d5;
    border-top:0;
    padding:30px 30px 20px
}
h3.team-title{
    color:#222;
    margin-bottom:0;
    text-transform:capitalize
}
h3.team-title a{
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
h3.team-title a:hover{
    color:#212167
}
h3.team-title-light{
    line-height:1.3;
    margin-bottom:0;
    text-transform:capitalize;
    color:#fff
}
h3.team-title-light a{
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-designation{
    margin-bottom:20px;
    display:block;
    font-size:16px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-designation-light{
    display:block;
    font-size:16px;
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout1{
    margin-bottom:30px;
    text-align:center
}
.team-box-layout1 a{
    display:block;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%
}
.team-box-layout1 a img{
    border:2px solid #212167;
    margin:0 auto 20px
}
.team-box-layout1 ul.social-default{
    margin-top:30px
}
.team-box-layout1 ul.social-default li{
    text-align:center;
    display:inline-block;
    margin-right:10px
}
.team-box-layout1 ul.social-default li:last-child{
    margin-right:0
}
.team-box-layout1 ul.social-default li a{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    height:40px;
    width:40px;
    display:block;
    line-height:40px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.team-box-layout1 ul.social-default li a i{
    color:#fff
}
.team-box-layout1 ul.social-default li a:hover{
    transform:scale(1.3)
}
.team-box-layout1 ul.social-default li:nth-child(1n) a{
    background:#186ab6
}
.team-box-layout1 ul.social-default li:nth-child(2n) a{
    background:#29b6f6
}
.team-box-layout1 ul.social-default li:nth-child(3n) a{
    background:#ea4c89
}
.team-box-layout1 ul.social-default li:nth-child(4n) a{
    background:#d50000
}
.team-box-layout2{
    text-align:center
}
.team-box-layout2 .team-img{
    overflow:hidden;
    margin-bottom:15px
}
.team-box-layout2 .team-img img{
    -webkit-transition:all .8s ease-out;
    -moz-transition:all .8s ease-out;
    -ms-transition:all .8s ease-out;
    -o-transition:all .8s ease-out;
    transition:all .8s ease-out
}
.team-box-layout2:hover .team-img img{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.team-box-layout2 .team-social{
    padding:1px;
    text-align:center
}
.team-box-layout2 .team-social li{
    display:inline-block;
    margin:0 2px
}
.team-box-layout2 .team-social li a{
    text-align:center;
    line-height:40px;
    height:42px;
    width:42px;
    display:block;
    background:transparent;
    color:#212167;
    border:1px solid #212167;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout2 .team-social li a i{
    font-size:14px
}
.team-box-layout2 .team-social li a:hover{
    color:#fff;
    background:#212167
}
.team-box-layout3 .team-img{
    position:relative;
    overflow:hidden
}
.team-box-layout3 .team-img img{
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
.team-box-layout3 .team-content{
    padding-left:30px;
    background:#212167;
    position:absolute;
    height:90px;
    width:100%;
    bottom:0;
    opacity:0;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
    transition:transform .4s,opacity .1s .3s
}
.team-box-layout3:hover img{
    -webkit-transform:translateY(-50px);
    -moz-transform:translateY(-50px);
    -ms-transform:translateY(-50px);
    -o-transform:translateY(-50px);
    transform:translateY(-50px)
}
.team-box-layout3:hover .team-content{
    opacity:1;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px);
    transition:transform .4s,opacity .1s
}
.team-box-layout4{
    position:relative;
    overflow:hidden
}
.team-box-layout4 .item-wrapper{
    margin:0;
    padding:0;
    position:relative
}
.team-box-layout4 .item-wrapper .item-img{
    display:block;
    position:relative;
    z-index:10;
    backface-visibility:hidden;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout4 .item-wrapper .item-img .item-title{
    position:absolute;
    left:0;
    top:100%;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%);
    z-index:11
}
.team-box-layout4 .item-wrapper .item-img .item-title h3{
    line-height:1.6;
    background:#212167;
    padding:0 10px;
    margin-bottom:3px
}
.team-box-layout4 .item-wrapper .item-img .item-title .team-designation-light{
    background:#222;
    display:inline-block;
    padding:2px 12px
}
.team-box-layout4 .item-wrapper .item-content{
    padding:0 15px;
    display:block;
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:#fff;
    background:#212167;
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    -o-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout4 .item-wrapper .item-content h3{
    margin-bottom:0
}
.team-box-layout4 .item-wrapper .item-content h3 a{
    color:#fff
}
.team-box-layout4 .item-wrapper .item-content .team-designation{
    color:#fff;
    position:relative;
    font-size:16px;
    margin-bottom:35px
}
.team-box-layout4 .item-wrapper .item-content .team-designation:before{
    height:2px;
    width:42px;
    content:"";
    background:#fff;
    position:absolute;
    z-index:12;
    left:0;
    right:0;
    margin:0 auto;
    bottom:-15px
}
.team-box-layout4 .item-wrapper .item-content .team-social{
    text-align:center
}
.team-box-layout4 .item-wrapper .item-content .team-social li{
    display:inline-block;
    margin:0 2px
}
.team-box-layout4 .item-wrapper .item-content .team-social li a{
    border:1px solid #fff;
    text-align:center;
    line-height:38px;
    height:42px;
    width:42px;
    display:block;
    background:#fff;
    color:#222;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout4 .item-wrapper .item-content .team-social li a i{
    font-size:14px
}
.team-box-layout4 .item-wrapper .item-content .team-social li a:hover{
    color:#fff;
    background:transparent
}
.team-box-layout4 .item-wrapper:hover .item-img{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.team-box-layout4 .item-wrapper:hover .item-content{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0)
}
.team-box-layout5{
    overflow:hidden;
    position:relative
}
.team-box-layout5 .item-content{
    text-align:center;
    padding:15px 0 0 0;
    background:#212167;
    width:100%;
    position:absolute;
    bottom:-60px;
    z-index:2;
    -webkit-transition:all .4s cubic-bezier(0,0,0.5,0);
    -moz-transition:all .4s cubic-bezier(0,0,0.5,0);
    -ms-transition:all .4s cubic-bezier(0,0,0.5,0);
    -o-transition:all .4s cubic-bezier(0,0,0.5,0);
    transition:all .4s cubic-bezier(0,0,0.5,0)
}
.team-box-layout5 .item-content h3 a:hover{
    color:#212167
}
.team-box-layout5 .item-content .team-designation-light{
    position:relative
}
.team-box-layout5 .item-content .team-designation-light:before{
    content:"";
    background:#212167;
    height:1px;
    width:170px;
    z-index:3;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    bottom:-15px
}
.team-box-layout5 .item-content ul{
    padding:20px 0 15px 0
}
.team-box-layout5 .item-content ul li{
    display:inline-block;
    margin:0 10px;
    height:40px;
    width:40px;
    line-height:40px;
    border-radius:50%;
    background:transparent
}
.team-box-layout5 .item-content ul li i{
    color:#fff;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.team-box-layout5 .item-content ul li:hover{
    background:#212167
}
.team-box-layout5:hover .item-content{
    background:#222;
    bottom:0;
    -webkit-transition:all .6s cubic-bezier(0,0,0.8,-0.5);
    -moz-transition:all .6s cubic-bezier(0,0,0.8,-0.5);
    -ms-transition:all .6s cubic-bezier(0,0,0.8,-0.5);
    -o-transition:all .6s cubic-bezier(0,0,0.8,-0.5);
    transition:all .6s cubic-bezier(0,0,0.8,-0.5)
}
.team-box-layout6{
    margin-bottom:30px
}
.team-box-layout6 img{
    width:100%
}
.team-box-layout6 .item-content{
    position:relative;
    padding:15px 30px 2px 30px;
    background:#f8f8f8;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout6 .item-content i{
    position:absolute;
    right:30px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    z-index:1;
    font-size:20px;
    opacity:0;
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout6:hover .item-content{
    background:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout6:hover .item-content h3 a{
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout6:hover .item-content .team-designation{
    color:#fff
}
.team-box-layout6:hover .item-content i{
    opacity:1;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout7{
    text-align:center
}
.team-box-layout7 .item-img{
    overflow:hidden;
    margin-bottom:15px
}
.team-box-layout7 .team-social-fill{
    text-align:center
}
.team-box-layout7 .team-social-fill li{
    display:inline-block;
    margin:0 2px
}
.team-box-layout7 .team-social-fill li a{
    top:0;
    text-align:center;
    line-height:40px;
    height:42px;
    width:42px;
    background:transparent;
    display:block;
    border:1px solid #212167;
    color:#212167;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout7 .team-social-fill li a i{
    font-size:14px
}
.team-box-layout7 .team-social-fill li a:hover{
    background:#212167;
    color:#fff
}
.team-box-layout7 figure{
    position:relative
}
.team-box-layout7 figure::before{
    position:absolute;
    top:50%;
    left:50%;
    z-index:2;
    display:block;
    content:'';
    width:0;
    height:0;
    background:rgba(255,255,255,0.2);
    border-radius:100%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    opacity:0
}
.team-box-layout7 figure:hover::before{
    -webkit-animation:circle .75s;
    animation:circle .75s
}
@keyframes circle{
    0%{
        opacity:1
    }
    40%{
        opacity:1
    }
    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}
.team-box-layout8{
    text-align:center;
    border:1px solid #d5d5d5;
    padding:60px 20px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout8 .item-img{
    overflow:hidden;
    margin-bottom:30px
}
.team-box-layout8 .item-img img{
    width:auto;
    margin:0 auto
}
.team-box-layout8 .team-social-fill{
    margin-top:50px;
    text-align:center
}
.team-box-layout8 .team-social-fill li{
    display:inline-block;
    margin:0 2px
}
.team-box-layout8 .team-social-fill li a{
    border:1px solid #212167;
    text-align:center;
    line-height:40px;
    height:42px;
    width:42px;
    display:block;
    background:transparent;
    color:#212167;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.team-box-layout8 .team-social-fill li a i{
    font-size:14px
}
.team-box-layout8 .team-social-fill li a:hover{
    color:#fff;
    background:#212167
}
.team-box-layout8:hover{
    -webkit-box-shadow:inset 0 -1px 18px 0 #212167;
    -moz-box-shadow:inset 0 -1px 18px 0 #212167;
    box-shadow:inset 0 -1px 18px 0 #212167;
    border:1px solid #212167
}
.ttm-para-dark{
    width:62%;
    margin:0 auto 30px;
    font-weight:400;
    font-size:17px;
    line-height:1.75
}
.ttm-para-light{
    color:#fff;
    width:62%;
    margin:0 auto 30px;
    font-weight:400;
    font-size:17px;
    line-height:1.75
}
.ttm-default-para-light{
    color:#fff;
    font-weight:400;
    font-size:17px;
    line-height:1.75
}
.ttm-default-para-dark{
    font-weight:400;
    font-size:17px;
    line-height:1.75
}
h3.ttm-title-dark{
    margin-bottom:5px;
    color:#222
}
h3.ttm-title-primary{
    margin-bottom:5px;
    color:#212167
}
h3.ttm-title-light{
    margin-bottom:5px;
    color:#fff
}
h3.ttm-title-light span{
    font-size:18px;
    color:#212167
}
.ttm-designation-dark{
    font-size:17px;
    color:#222;
    line-height:1.3
}
.ttm-designation-light{
    color:#fff;
    font-size:17px
}
.ttm-designation-primary{
    color:#212167;
    font-size:17px
}
ul.ttm-rating{
    margin:0 0 20px 0
}
ul.ttm-rating li{
    display:inline-block;
    color:#ffca28
}
ul.ttm-rating li i{
    font-size:14px
}
.img-ttm{
    height:120px;
    width:120px!important;
    display:inline-block;
    margin:0 auto 20px;
    border:4px solid #fff
}
.img-ttm-left{
    height:120px;
    width:120px!important;
    display:inline-block;
    margin-bottom:20px;
    border:4px solid #fff
}
.pull-left.img-ttm{
    padding-right:0!important;
    margin-right:15px
}
.quote-right{
    position:relative
}
.quote-right:before{
    content:"\f10d";
    color:#fff;
    position:absolute;
    right:10px;
    top:10px;
    font-family:fontawesome;
    font-size:30px
}
[class^="col-"]:nth-child(even)>.quote-right:before{
    color:#f5f5f5
}
[class^="col-"]:nth-child(odd)>.bg-loop-light-dark{
    background:#f8f8f8
}
[class^="col-"]:nth-child(even)>.bg-loop-light-dark{
    background:#fff
}
.ttm-img-wrap .item-img{
    margin:0 0 30px;
    position:relative;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%
}
.ttm-img-wrap .item-img:before{
    content:"";
    background:rgba(0,191,165,0.8);
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    right:0;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    height:75%;
    width:75%;
    margin:0 auto;
    z-index:5;
    opacity:1;
    visibility:visible;
    -webkit-transition:all .7s ease-out;
    -moz-transition:all .7s ease-out;
    -ms-transition:all .7s ease-out;
    -o-transition:all .7s ease-out;
    transition:all .7s ease-out
}
.ttm-img-wrap .item-img img{
    -webkit-transform:scale(0.75);
    -moz-transform:scale(0.75);
    -ms-transform:scale(0.75);
    -o-transform:scale(0.75);
    transform:scale(0.75);
    margin:0 auto;
    -webkit-transition:all .7s ease-out;
    -moz-transition:all .7s ease-out;
    -ms-transition:all .7s ease-out;
    -o-transition:all .7s ease-out;
    transition:all .7s ease-out
}
.ttm-img-wrap .item-img:focus{
    outline:0
}
.ttm-img-wrap .slick-center img{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1)
}
.ttm-img-wrap .slick-center:before{
    opacity:0;
    visibility:hidden
}
.testimonial-sliders .single-item:focus{
    outline:0
}
h3.blog-title{
    margin-bottom:10px;
    line-height:1.4
}
h3.blog-title a{
    color:#222;
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
h3.blog-title a:hover{
    color:#212167
}
h3.blog-title-primary{
    margin-bottom:10px;
    line-height:1.4
}
h3.blog-title-primary a{
    color:#212167;
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
h3.blog-title-primary a:hover{
    color:#222
}
h3.blog-title-light{
    margin-bottom:10px;
    line-height:1.4
}
h3.blog-title-light a{
    color:#fff;
    -webkit-transition:all .4s ease-out;
    -moz-transition:all .4s ease-out;
    -ms-transition:all .4s ease-out;
    -o-transition:all .4s ease-out;
    transition:all .4s ease-out
}
h3.blog-title-light a:hover{
    color:#212167
}
ul.published-date-dark li{
    margin-bottom:15px;
    color:#808080;
    font-weight:600;
    line-height:1;
    display:inline-block;
    border-right:1px solid #808080;
    margin-right:10px;
    padding-right:10px
}
ul.published-date-dark li:last-child{
    border-right:0;
    padding-right:0;
    margin-right:0
}
ul.published-date-primary li{
    margin-bottom:15px;
    color:#212167;
    font-weight:600;
    line-height:1;
    display:inline-block;
    border-right:1px solid #212167;
    margin-right:10px;
    padding-right:10px
}
ul.published-date-primary li:last-child{
    border-right:0;
    padding-right:0;
    margin-right:0
}
.published-date-square{
    position:absolute;
    bottom:0;
    left:0;
    z-index:1
}
.published-date-square li{
    width:80px;
    height:40px;
    font-size:15px;
    text-align:center;
    line-height:40px
}
.published-date-square li:nth-child(odd){
    background:#212167;
    color:#fff;
    font-weight:600
}
.published-date-square li:nth-child(even){
    background:#222;
    color:#fff;
    font-weight:600
}
.published-date-square-inline{
    position:absolute;
    bottom:0;
    left:0;
    z-index:1
}
.published-date-square-inline li{
    display:inline-block;
    padding:6px 15px;
    font-size:16px;
    text-align:center;
    float:left
}
.published-date-square-inline li:nth-child(odd){
    background:#212167;
    color:#fff;
    font-weight:700
}
.published-date-square-inline li:nth-child(even){
    background:#222;
    color:#fff;
    font-weight:500
}
.blog-box-layout1{
    -webkit-box-shadow:0 1px 1px 0 rgba(157,157,157,0.75);
    -moz-box-shadow:0 1px 1px 0 rgba(157,157,157,0.75);
    box-shadow:0 1px 1px 0 rgba(157,157,157,0.75);
    margin-bottom: 10px;
    border: 2px solid #fe5f00;
}
.blog-box-layout1 .item-img{
    overflow:hidden
}
.blog-box-layout1 .item-img a img{
    width:100%;
    -webkit-transition:all .7s ease-out;
    -moz-transition:all .7s ease-out;
    -ms-transition:all .7s ease-out;
    -o-transition:all .7s ease-out;
    transition:all .7s ease-out
}
.blog-box-layout1 .item-content{
    background:#fff;
    padding:30px 30px 20px
}
.blog-box-layout1:hover a img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2)
}
.blog-box-layout2 .item-img{
    overflow:hidden;
    margin-bottom:15px
}
.blog-box-layout2 .item-img a img{
    width:100%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.blog-box-layout2:hover a img{
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
}
.blog-box-layout3 .item-img{
    margin-bottom:25px;
    position:relative
}
.blog-box-layout3 .item-img img{
    width:100%
}
figure{
    margin:0;
    padding:0;
    background:transparent;
    overflow:hidden
}
.blog-box-layout3 figure{
    position:relative
}
.blog-box-layout3 figure::before{
    position:absolute;
    top:0;
    left:-75%;
    z-index:2;
    display:block;
    content:'';
    width:50%;
    height:100%;
    background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);
    background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 100%);
    -webkit-transform:skewX(-25deg);
    transform:skewX(-25deg)
}
.blog-box-layout3 figure:hover::before{
    -webkit-animation:shine .75s;
    animation:shine .75s
}
@keyframes shine{
    100%{
        left:125%
    }
}
.blog-box-layout4{
    position:relative;
    margin-bottom:30px
}
.blog-box-layout4 img{
    width:100%
}
.blog-box-layout4 .item-content{
    width:96%;
    padding:30px 30px 10px 35px;
    position:absolute;
    bottom:12px;
    z-index:1;
    left:0;
    right:0;
    margin:0 auto;
    background-color:rgba(255,255,255,0.9)
}
.blog-box-layout5{
    position:relative;
    margin-bottom:30px
}
.blog-box-layout5 img{
    width:100%
}
.blog-box-layout5 span{
    position:absolute;
    left:25px;
    top:20px;
    z-index:1;
    height:35px;
    width:90px;
    background:#212167;
    border-radius:30px;
    font-size:13px;
    color:#fff;
    font-weight:600;
    display:block;
    padding:5px 0 0 0;
    text-align:center
}
.blog-box-layout5 .item-content{
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
    border-left:1px solid #dedede;
    padding:35px 30px 30px 40px;
    background-color:rgba(255,255,255,0.9)
}
.blog-box-layout6{
    margin-bottom:50px
}
.blog-box-layout6 .item-img{
    position:relative
}
.blog-box-layout6 .item-img a img{
    margin-bottom:25px;
    width:100%
}
.blog-box-layout7{
    overflow:hidden;
    position:relative
}
.blog-box-layout7 .item-img:before{
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(transparent));
    background-image:-webkit-linear-gradient(transparent,#222);
    background-image:-moz-linear-gradient(transparent,#222),-moz-linear-gradient(transparent,#222);
    background-image:-o-linear-gradient(transparent,#222),-o-linear-gradient(transparent,#222);
    background-image:linear-gradient(transparent,#222),linear-gradient(transparent,#222);
    content:"";
    height:100%;
    position:absolute;
    width:100%;
    z-index:1
}
.blog-box-layout7 .item-img img{
    width:100%
}
.blog-box-layout7 .item-content{
    padding:0 50px;
    position:absolute;
    z-index:2;
    bottom:-17%;
    -webkit-transition:all .75s ease-out;
    -moz-transition:all .75s ease-out;
    -ms-transition:all .75s ease-out;
    -o-transition:all .75s ease-out;
    transition:all .75s ease-out
}
.blog-box-layout7 .item-content p{
    opacity:0;
    visibility:hidden;
    color:#fff;
    -webkit-transition:all .75s ease-out;
    -moz-transition:all .75s ease-out;
    -ms-transition:all .75s ease-out;
    -o-transition:all .75s ease-out;
    transition:all .75s ease-out
}
.blog-box-layout7 .item-content .posted-by{
    opacity:0;
    visibility:hidden;
    color:#fff;
    -webkit-transition:all .75s ease-out;
    -moz-transition:all .75s ease-out;
    -ms-transition:all .75s ease-out;
    -o-transition:all .75s ease-out;
    transition:all .75s ease-out
}
.blog-box-layout7:hover .item-content{
    bottom:5%
}
.blog-box-layout7:hover .item-content p{
    opacity:1;
    visibility:visible
}
.blog-box-layout7:hover .item-content .posted-by{
    opacity:1;
    visibility:visible
}
.single-blog-layout1 .item-img{
    position:relative
}
.single-blog-layout1 .item-img a img{
    margin-bottom:25px;
    width:100%
}
.single-blog-layout1 .item-content h2{
    margin-bottom:10px;
    font-size:24px
}
.single-blog-layout1 .item-content h2 a{
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.single-blog-layout1 .item-content h2 a:hover{
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.single-blog-layout1 .item-content ul{
    margin-bottom:10px
}
.single-blog-layout1 .item-content ul li{
    color:#212167
}
.single-blog-layout1 .item-content p{
    margin-bottom:45px
}
.single-blog-layout1 .item-content span{
    margin-bottom:50px;
    background:#f8f8f8;
    padding:40px 60px 40px 60px;
    position:relative;
    display:block;
    color:#707070;
    font-style:italic;
    letter-spacing:1px
}
.single-blog-layout1 .item-content span:before{
    content:"\f10d";
    font-family:FontAwesome;
    font-size:20px;
    position:absolute;
    top:30px;
    left:30px;
    z-index:1;
    color:#aeaeae
}
.single-blog-layout1 .tag-share{
    margin-bottom:60px
}
.single-blog-layout1 .tag-share li{
    display:inline-block
}
.single-blog-layout1 .tag-share li span{
    font-size:20px;
    font-weight:600;
    color:#222;
    margin-bottom:8px;
    display:block
}
.single-blog-layout1 .tag-share li ul li{
    display:inline-block
}
.single-blog-layout1 .tag-share li ul li a{
    color:#707070;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.single-blog-layout1 .tag-share li ul li a:hover{
    color:#212167
}
.single-blog-layout1 .tag-share li ul li:last-child{
    float:inherit
}
.single-blog-layout1 .tag-share li:last-child{
    float:right
}
.single-blog-layout1 .about-author{
    margin-bottom:50px;
    padding:30px 20px 20px 15px;
    background:#f8f8f8;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex
}
.single-blog-layout1 .about-author .about-author-img{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    flex:1
}
.single-blog-layout1 .about-author .about-author-img img{
    margin:0 auto
}
.single-blog-layout1 .about-author .about-author-content{
    padding-left:20px;
    -webkit-box-flex:4;
    -webkit-flex:4;
    -moz-flex:4;
    flex:4
}
.single-blog-layout1 .about-author .about-author-content h3{
    font-size:20px;
    margin-bottom:5px
}
.single-blog-layout1 .about-author .about-author-content h3 a{
    color:#212167;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.single-blog-layout1 .about-author .about-author-content h3 a:hover{
    color:#222
}
.single-blog-layout1 .about-author .about-author-content h4{
    font-size:14px;
    margin-bottom:15px
}
.single-blog-layout1 .blog-comments{
    padding-bottom:50px;
    margin-bottom:50px;
    border-bottom:1px solid #ebebeb
}
.single-blog-layout1 .blog-comments h2{
    color:#222;
    font-size:24px;
    margin-bottom:30px
}
.single-blog-layout1 .blog-comments ul li{
    margin-bottom:40px;
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex
}
.single-blog-layout1 .blog-comments ul li .comments-img{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    flex:1
}
.single-blog-layout1 .blog-comments ul li .comments-img a{
    display:block;
    border-radius:50%
}
.single-blog-layout1 .blog-comments ul li .comments-content{
    padding-top:10px;
    -webkit-box-flex:4;
    -webkit-flex:4;
    -moz-flex:4;
    flex:4
}
.single-blog-layout1 .blog-comments ul li .comments-content h3{
    font-size:16px
}
.single-blog-layout1 .blog-comments ul li .comments-content h3 a{
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.single-blog-layout1 .blog-comments ul li .comments-content h3 a:hover{
    color:#222
}
.single-blog-layout1 .blog-comments ul li .comments-content span{
    position:absolute;
    z-index:1;
    right:0;
    top:0
}
.single-blog-layout1 .blog-comments ul li .comments-content span a{
    color:#fff;
    border-radius:30px;
    padding:8px 20px;
    display:block;
    background:#707070;
    font-size:12px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.single-blog-layout1 .blog-comments ul li .comments-content span:hover a{
    background:#212167
}
.single-blog-layout1 .blog-comments ul li:nth-child(even){
    padding-left:40px
}
.single-blog-layout1 .blog-comments ul li:nth-child(even) .comments-content span{
    right:30px
}
.single-blog-layout1 .leave-comments h2{
    color:#222;
    font-size:24px;
    margin-bottom:30px
}
.single-blog-layout1 .leave-comments .form-group{
    margin-bottom:20px
}
.single-blog-layout1 .leave-comments .form-group .form-control{
    border-radius:0;
    background:#f9f9f9;
    box-shadow:none;
    border:0
}
.single-blog-layout1 .leave-comments .form-group input{
    height:45px;
    color:#222;
    font-weight:500
}
.single-blog-layout1 .leave-comments .form-group input.form-control::-webkit-input-placeholder,.single-blog-layout1 .leave-comments .form-group textarea.form-control::-webkit-input-placeholder{
    color:#707070
}
.single-blog-layout1 .leave-comments .form-group input.form-control::-moz-placeholder,.single-blog-layout1 .leave-comments .form-group textarea.form-control::-moz-placeholder{
    color:#707070
}
.single-blog-layout1 .leave-comments .form-group input.form-control:-moz-placeholder,.single-blog-layout1 .leave-comments .form-group textarea.form-control:-moz-placeholder{
    color:#707070
}
.single-blog-layout1 .leave-comments .form-group input.form-control:-ms-input-placeholder,.single-blog-layout1 .leave-comments .form-group textarea.form-control:-ms-input-placeholder{
    color:#707070
}
.project-title h3{
    margin-bottom:0
}
.project-title h3 a{
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-title h3 a:hover{
    color:#fff
}
.project-title-dark h3{
    margin-bottom:0
}
.project-title-dark h3 a{
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-title-dark h3 a:hover{
    color:#212167
}
.project-title-center h3{
    margin:0 auto
}
.project-title-center h3 a{
    padding:5px 10px;
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-title-center h3 a:hover{
    color:#fff;
    background-color:rgba(34,34,34,0.5)
}
.project-sub-title{
    color:#fff;
    font-size:16px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-sub-title-dark{
    color:#222;
    font-size:16px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-para-light p{
    color:#fff
}
.item-icon-bottom-center{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:110%;
    -webkit-transform:translateY(-110%);
    -moz-transform:translateY(-110%);
    -ms-transform:translateY(-110%);
    transform:translateY(-110%);
    left:0;
    right:0;
    z-index:8;
    margin:0 auto;
    text-align:center;
    background-color:#f8f8f8;
    height:60px;
    width:60px;
    line-height:60px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    color:#222;
    font-size:24px;
    -webkit-transition:all .7s cubic-bezier(0,0,0.25,1.5);
    -moz-transition:all .7s cubic-bezier(0,0,0.25,1.5);
    -ms-transition:all .7s cubic-bezier(0,0,0.25,1.5);
    -o-transition:all .7s cubic-bezier(0,0,0.25,1.5);
    transition:all .7s cubic-bezier(0,0,0.25,1.5)
}
.item-icon-bottom-center:hover{
    color:#212167
}
.item-icon-top-bottom{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0;
    z-index:8;
    margin:0 auto;
    text-align:center;
    background-color:#f8f8f8;
    height:50px;
    width:50px;
    line-height:50px;
    color:#222;
    font-size:18px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.item-icon-top-bottom:hover{
    color:#212167
}
.item-icon-left-right{
    opacity:0;
    visibility:hidden;
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    bottom:0;
    z-index:8;
    margin:0 auto;
    text-align:center;
    background-color:#f8f8f8;
    height:50px;
    width:50px;
    line-height:50px;
    color:#222;
    font-size:18px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.item-icon-left-right:hover{
    color:#212167
}
.item-icon-bottom-right{
    width:40px;
    height:40px;
    text-align:center;
    color:#fff;
    position:absolute;
    right:15px;
    top:110%;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    opacity:0;
    visibility:hidden;
    line-height:40px;
    z-index:7;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.item-icon-bottom-right:hover{
    background:#fff;
    color:#212167
}
.item-icon-center{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    right:0;
    text-align:center;
    border-radius:50%;
    height:60px;
    width:60px;
    display:block;
    border:2px solid #fff;
    margin:0 auto;
    line-height:58px;
    color:#fff;
    z-index:7;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.item-icon-center:hover{
    background:#fff;
    border:2px solid #fff;
    color:#212167
}
.project-box-layout1{
    margin-bottom:30px;
    position:relative;
    overflow:hidden
}
.project-box-layout1:before{
    opacity:0;
    visibility:hidden;
    position:absolute;
    content:"";
    height:100%;
    width:100%;
    top:100%;
    left:0;
    right:0;
    z-index:1;
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#212167),to(transparent));
    background-image:-webkit-linear-gradient(transparent,#212167);
    background-image:-moz-linear-gradient(transparent,#212167),-moz-linear-gradient(transparent,#212167);
    background-image:-o-linear-gradient(transparent,#212167),-o-linear-gradient(transparent,#212167);
    background-image:linear-gradient(transparent,#212167),linear-gradient(transparent,#212167);
    -moz-background-size:100%;
    background-size:100%;
    background-position:0 0,100% 0;
    background-repeat:no-repeat;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.project-box-layout1 img{
    width:100%
}
.project-box-layout1 .item-content{
    visibility:hidden;
    opacity:0;
    position:absolute;
    bottom:-50px;
    z-index:2;
    padding:30px 30px 15px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.project-box-layout1:hover:before{
    opacity:1;
    visibility:visible;
    top:0
}
.project-box-layout1:hover .item-content{
    bottom:0;
    opacity:1;
    visibility:visible;
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.project-box-layout1:hover .item-icon-bottom-center{
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    opacity:1;
    visibility:visible
}
.project-box-layout1:hover .item-icon-top-bottom{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    top:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout1:hover .item-icon-left-right{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    left:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout1:hover .item-icon-bottom-right{
    -webkit-transform:translateY(-95%);
    -moz-transform:translateY(-95%);
    -ms-transform:translateY(-95%);
    transform:translateY(-95%);
    top:95%;
    opacity:1;
    visibility:visible
}
.project-box-layout1:hover .item-icon-center{
    opacity:1;
    visibility:visible
}
.project-box-layout2{
    position:relative;
    overflow:hidden
}
.project-box-layout2 img{
    width:100%
}
.project-box-layout2 .item-content{
    padding-left:30px;
    height:70px;
    width:100%;
    background-color:rgba(0,191,165,0.8);
    position:absolute;
    bottom:-108px;
    z-index:1;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout2:hover .item-content{
    bottom:0;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout2:hover .item-icon-bottom-center{
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    opacity:1;
    visibility:visible
}
.project-box-layout2:hover .item-icon-top-bottom{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    top:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout2:hover .item-icon-left-right{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    left:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout2:hover .item-icon-bottom-right{
    -webkit-transform:translateY(-95%);
    -moz-transform:translateY(-95%);
    -ms-transform:translateY(-95%);
    transform:translateY(-95%);
    top:95%;
    opacity:1;
    visibility:visible
}
.project-box-layout2:hover .item-icon-center{
    opacity:1;
    visibility:visible
}
.project-box-layout3{
    position:relative;
    overflow:hidden
}
.project-box-layout3:before{
    content:"";
    height:100%;
    width:100%;
    background-color:rgba(0,191,165,0.8);
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout3 img{
    width:100%;
    -webkit-transition:all .8s ease-out;
    -moz-transition:all .8s ease-out;
    -ms-transition:all .8s ease-out;
    -o-transition:all .8s ease-out;
    transition:all .8s ease-out
}
.project-box-layout3 .item-content{
    position:absolute;
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    opacity:0;
    visibility:hidden;
    z-index:2;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout3:hover:before{
    opacity:1;
    visibility:visible
}
.project-box-layout3:hover img{
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.project-box-layout3:hover .item-content{
    opacity:1;
    visibility:visible
}
.project-box-layout3:hover .item-icon-bottom-center{
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    opacity:1;
    visibility:visible
}
.project-box-layout3:hover .item-icon-top-bottom{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    top:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout3:hover .item-icon-left-right{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    left:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout3:hover .item-icon-bottom-right{
    -webkit-transform:translateY(-95%);
    -moz-transform:translateY(-95%);
    -ms-transform:translateY(-95%);
    transform:translateY(-95%);
    top:95%;
    opacity:1;
    visibility:visible
}
.project-box-layout3:hover .item-icon-center{
    opacity:1;
    visibility:visible
}
.project-box-layout4{
    position:relative;
    overflow:hidden
}
.project-box-layout4 img{
    width:100%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout4 .item-content{
    position:relative;
    padding:15px 30px;
    width:100%;
    background-color:#212167;
    position:absolute;
    bottom:0;
    transform:translateY(100%);
    z-index:9;
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.project-box-layout4 .item-content .item-icon{
    color:#fff;
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    z-index:5
}
.project-box-layout4 .item-content .item-icon i{
    margin-right:10px
}
.project-box-layout4:hover img{
    transform:translateY(-50px)
}
.project-box-layout4:hover .item-content{
    bottom:0;
    transform:translateY(0px)
}
.project-box-layout4:hover .item-icon-bottom-center{
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    opacity:1;
    visibility:visible
}
.project-box-layout4:hover .item-icon-top-bottom{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    top:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout4:hover .item-icon-left-right{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    left:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout4:hover .item-icon-bottom-right{
    -webkit-transform:translateY(-95%);
    -moz-transform:translateY(-95%);
    -ms-transform:translateY(-95%);
    transform:translateY(-95%);
    top:95%;
    opacity:1;
    visibility:visible
}
.project-box-layout4:hover .item-icon-center{
    opacity:1;
    visibility:visible
}
.project-box-layout5{
    position:relative
}
.project-box-layout5 img{
    width:100%
}
.project-box-layout5:before{
    opacity:0;
    visibility:hidden;
    content:"";
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:1;
    background-color:rgba(0,191,165,0.7);
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.project-box-layout5:hover:before{
    opacity:1;
    visibility:visible
}
.project-box-layout5:hover .item-icon-bottom-center{
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    opacity:1;
    visibility:visible
}
.project-box-layout5:hover .item-icon-top-bottom{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    top:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout5:hover .item-icon-left-right{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    left:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout5:hover .item-icon-bottom-right{
    -webkit-transform:translateY(-95%);
    -moz-transform:translateY(-95%);
    -ms-transform:translateY(-95%);
    transform:translateY(-95%);
    top:95%;
    opacity:1;
    visibility:visible
}
.project-box-layout5:hover .item-icon-center{
    opacity:1;
    visibility:visible
}
.project-layout6 .project-box-back .owl-item.active.center{
    opacity:1!important
}
.project-layout6 .project-box-back .owl-item.active.center .item-box{
    position:relative
}
.project-layout6 .project-box-back .owl-item.active.center .item-box:before{
    content:"";
    position:absolute;
    height:100%;
    width:100%;
    border:5px solid #222;
    z-index:3
}
.project-layout6 .project-box-back .owl-item.active{
    opacity:.3!important
}
.project-box-layout7{
    margin-bottom:30px;
    position:relative;
    overflow:hidden;
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.project-box-layout7:before{
    position:absolute;
    content:"";
    height:100%;
    width:100%;
    top:40%;
    left:0;
    right:0;
    z-index:1;
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#222),to(transparent));
    background-image:-webkit-linear-gradient(transparent,#222);
    background-image:-moz-linear-gradient(transparent,#222),-moz-linear-gradient(transparent,#222);
    background-image:-o-linear-gradient(transparent,#222),-o-linear-gradient(transparent,#222);
    background-image:linear-gradient(transparent,#222),linear-gradient(transparent,#222);
    -moz-background-size:100%;
    background-size:100%;
    background-position:0 0,100% 0;
    background-repeat:no-repeat;
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.project-box-layout7 img{
    width:100%
}
.project-box-layout7:hover{
    -webkit-box-shadow:0 18px 25px -10px rgba(0,0,0,0.5);
    -moz-box-shadow:0 18px 25px -10px rgba(0,0,0,0.5);
    box-shadow:0 18px 25px -10px rgba(0,0,0,0.5)
}
.project-box-layout7:hover:before{
    top:1px;
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#212167),to(transparent));
    background-image:-webkit-linear-gradient(transparent,#212167);
    background-image:-moz-linear-gradient(transparent,#212167),-moz-linear-gradient(transparent,#212167);
    background-image:-o-linear-gradient(transparent,#212167),-o-linear-gradient(transparent,#212167);
    background-image:linear-gradient(transparent,#212167),linear-gradient(transparent,#212167);
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.project-box-layout7:hover .item-content{
    bottom:30px;
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.project-box-layout7:hover .item-content span{
    color:#fff
}
.project-box-layout7:hover .item-content .item-btn{
    opacity:1;
    visibility:visible
}
.project-box-layout7 .item-content{
    position:absolute;
    bottom:-50px;
    z-index:2;
    padding:30px 20px 15px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.project-box-layout7 .item-content span{
    color:#212167;
    display:block;
    margin-bottom:10px;
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.project-box-layout7 .item-content p{
    color:#fff;
    margin-bottom:30px
}
.project-box-layout7 .item-content .item-btn{
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .6s ease-out;
    -moz-transition:all .6s ease-out;
    -ms-transition:all .6s ease-out;
    -o-transition:all .6s ease-out;
    transition:all .6s ease-out
}
.project-box-layout7 .item-content .item-btn li{
    margin-right:5px;
    display:inline
}
.project-box-layout7 .item-content .item-btn li:last-child{
    margin-right:0
}
.project-box-layout8 li{
    margin-bottom:17px
}
.project-box-layout8 li:last-child{
    margin-bottom:0
}
.project-box-layout8 li .media-body{
    padding:10px 10px 0 10px;
    position:relative
}
.project-box-layout8 li .media-body h3{
    padding-right:45px
}
.project-box-layout8 li .media-body span{
    color:#212167;
    position:absolute;
    right:10px;
    top:10px;
    font-size:24px
}
.project-box-layout9{
    position:relative
}
.project-box-layout9:before{
    height:80%;
    width:80%;
    top:10%;
    position:absolute;
    content:"";
    opacity:1;
    left:0;
    right:0;
    margin:0 auto;
    z-index:1;
    opacity:0;
    visibility:hidden;
    background-color:rgba(0,191,165,0.95);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout9 img{
    width:100%
}
.project-box-layout9 .item-content{
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:60%;
    z-index:2;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    transform:translateY(-60%);
    -ms-transform:translateY(-60%);
    -moz-transform:translateY(-60%);
    -webkit-transform:translateY(-60%);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout9 .item-content a.item-icon-circle{
    display:inline-block
}
.project-box-layout9 .item-content a.item-icon-circle i:before{
    border-radius:30px;
    border:1px solid #fff;
    width:70px;
    height:35px;
    text-align:center;
    color:#fff;
    line-height:35px;
    position:inherit;
    display:block;
    left:0;
    right:0;
    margin:0 auto;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout9 .item-content a.item-icon-circle:hover i:before{
    background:#fff;
    color:#212167
}
.project-box-layout9:hover:before{
    opacity:1;
    visibility:visible
}
.project-box-layout9:hover .item-content{
    opacity:1;
    visibility:visible
}
.project-box-layout10 .item-img{
    position:relative
}
.project-box-layout10 .item-img:before{
    opacity:0;
    visibility:hidden;
    content:"";
    background-color:rgba(34,34,34,0.7);
    position:absolute;
    z-index:1;
    height:100%;
    width:100%;
    left:0;
    right:0;
    top:0;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout10 .item-content{
    background:#f8f8f8;
    text-align:center;
    padding:35px 0;
    width:100%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.project-box-layout10 .item-content:before{
    background:#212167
}
.project-box-layout10 .item-content:hover h3 a{
    color:#fff
}
.project-box-layout10 .item-content:hover h3 a:hover{
    color:#fff
}
.project-box-layout10 .item-content:hover .project-sub-title-dark{
    color:#fff
}
.project-box-layout10 img{
    width:100%
}
.project-box-layout10:hover .item-img:before{
    opacity:1;
    visibility:visible
}
.project-box-layout10:hover .item-icon-bottom-center{
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    top:50%;
    opacity:1;
    visibility:visible
}
.project-box-layout10:hover .item-icon-top-bottom{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    top:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout10:hover .item-icon-left-right{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    left:100%;
    opacity:1;
    visibility:visible
}
.project-box-layout10:hover .item-icon-bottom-right{
    -webkit-transform:translateY(-95%);
    -moz-transform:translateY(-95%);
    -ms-transform:translateY(-95%);
    transform:translateY(-95%);
    top:95%;
    opacity:1;
    visibility:visible
}
.project-box-layout10:hover .item-icon-center{
    opacity:1;
    visibility:visible
}
.features-box-layout1{
    position:relative
}
.features-box-layout1 .item-inner-wrapper{
    width:50%
}
@media only screen and (max-width:991px){
    .features-box-layout1 .item-inner-wrapper{
        width:100%
    }
}
.features-box-layout1 .item-inner-wrapper img{
    width:100%
}
.features-box-layout1 .item-content{
    position:absolute;
    margin:0 auto;
    left:0;
    right:0;
    top:0;
    bottom:0
}
@media only screen and (max-width:991px){
    .features-box-layout1 .item-content{
        position:inherit;
        padding:50px
    }
}
.features-box-layout1:nth-child(even) .item-content-inner{
    padding-left:80px
}
@media only screen and (max-width:1199px){
    .features-box-layout1:nth-child(even) .item-content-inner{
        padding-left:30px
    }
}
@media only screen and (max-width:991px){
    .features-box-layout1:nth-child(even) .item-content-inner{
        padding-left:0
    }
}
.features-box-layout1:nth-child(odd) .item-content-inner{
    padding-right:10px
}
@media only screen and (max-width:991px){
    .features-box-layout1:nth-child(odd) .item-content-inner{
        padding-right:0
    }
}
.features-box-layout2{
    overflow:hidden;
    position:relative
}
.features-box-layout2 .item-content{
    padding:0 15px;
    background-color:rgba(0,191,165,0.9);
    width:100%;
    height:170px;
    position:absolute;
    bottom:-105px;
    z-index:2;
    -webkit-transition:all .8s ease-out;
    -moz-transition:all .8s ease-out;
    -ms-transition:all .8s ease-out;
    -o-transition:all .8s ease-out;
    transition:all .8s ease-out
}
.features-box-layout2 .item-content h3{
    margin-bottom:5px
}
.features-box-layout2 .item-content h3 a:hover{
    color:#212167
}
.features-box-layout2 .item-content .content-up-down-icon:before{
    opacity:1;
    visibility:visible;
    text-align:center;
    position:absolute;
    content:"\f106";
    top:24px;
    right:15px;
    z-index:6;
    background:#fff;
    border-radius:50%;
    height:20px;
    width:20px;
    font-size:20px;
    line-height:20px;
    color:#212167;
    font-family:FontAwesome;
    -webkit-transition:all .7s ease-out;
    -moz-transition:all .7s ease-out;
    -ms-transition:all .7s ease-out;
    -o-transition:all .7s ease-out;
    transition:all .7s ease-out
}
.features-box-layout2 .item-content .content-up-down-icon:after{
    opacity:0;
    visibility:hidden;
    text-align:center;
    position:absolute;
    content:"\f107";
    top:24px;
    right:15px;
    z-index:6;
    background:#fff;
    border-radius:50%;
    height:20px;
    width:20px;
    font-size:20px;
    line-height:20px;
    color:#212167;
    font-family:FontAwesome;
    -webkit-transition:all .7s ease-out;
    -moz-transition:all .7s ease-out;
    -ms-transition:all .7s ease-out;
    -o-transition:all .7s ease-out;
    transition:all .7s ease-out
}
.features-box-layout2 .item-content p{
    color:#fff
}
.features-box-layout2:hover .item-content{
    background-color:rgba(34,34,34,0.9);
    bottom:0
}
.features-box-layout2:hover .item-content .content-up-down-icon:before{
    opacity:0;
    visibility:hidden
}
.features-box-layout2:hover .item-content .content-up-down-icon:after{
    opacity:1;
    visibility:visible
}
ul.features-box-layout3 li{
    padding:15px;
    background:#f8f8f8;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:-o-flex;
    display:flex;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
ul.features-box-layout3 li .item-img img{
    width:100%
}
ul.features-box-layout3 li .item-content{
    margin-left:30px
}
ul.features-box-layout3 li .item-content h3{
    font-weight:500;
    font-size:18px;
    margin-bottom:0
}
ul.features-box-layout3 li .item-content h3 a{
    color:#222;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
ul.features-box-layout3 li .item-content h3 a:hover{
    color:#212167
}
ul.features-box-layout3 li .item-content h4{
    font-size:13px;
    margin-bottom:3px
}
ul.features-box-layout3 li:last-child{
    margin-bottom:0
}
ul.features-box-layout3 li:before{
    background:#f8f8f8;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.skill-box-layout1{
    margin-top:5px;
    position:relative;
    overflow:hidden
}
.skill-box-layout1 .progress{
    background-color:#f0f0f0;
    border-radius:0;
    box-shadow:none;
    height:12px;
    margin-bottom:65px;
    overflow:visible;
    position:relative;
    margin-top:44px
}
.skill-box-layout1 .progress .lead{
    color:#222;
    font-size:18px;
    position:absolute;
    top:-38px;
    font-weight:600
}
.skill-box-layout1 .progress:last-child{
    margin-bottom:0
}
.skill-box-layout1 .progress-bar>span{
    background:#222;
    float:right;
    font-size:11px;
    margin-right:10px;
    margin-top:-25px;
    position:relative;
    padding:0 5px
}
.skill-box-layout1 .progress-bar>span:before,.skill-box-layout1 .progress-bar>span:after{
    border:medium solid transparent;
    content:"";
    height:0;
    position:absolute;
    top:100%;
    width:0
}
.skill-box-layout1 .progress-bar>span:before{
    border-top-color:#333;
    border-width:5px;
    left:50%;
    margin-left:-5px
}
.skill-box-layout2{
    text-align:center
}
.skill-box-layout2 .progress-circular{
    position:relative
}
.skill-box-layout2 .progress-circular h3{
    bottom:50px;
    color:#707070;
    left:0;
    position:absolute;
    right:0;
    font-size:16px
}
.skill-box-layout2 .progress-circular input{
    margin-top:55px!important
}
.appointment-layout1{
    padding-right:30px;
    color:#fff
}
.appointment-layout1 h2{
    font-size:40px;
    text-transform:capitalize;
    line-height:1.2;
    color:#fff
}
.appointment-layout1 p{
    padding-right:10%;
    margin-bottom:45px;
    color:#fff
}
.appointment-layout1 input{
    color:#fff;
    background:#212167;
    border-radius:45px;
    height:50px;
    border:1px solid #fff;
    box-shadow:none
}
.appointment-layout1 input:focus{
    border-color:#fff
}
.appointment-layout1 textarea{
    color:#fff;
    padding:15px 0 0 15px;
    background:#212167;
    border-radius:30px;
    height:130px;
    border:0;
    -webkit-box-shadow:0 -1px 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow:0 -1px 0 1px rgba(0,0,0,0.15);
    box-shadow:0 -1px 0 1px rgba(0,0,0,0.15)
}
.appointment-layout1 input.form-control::-webkit-input-placeholder{
    color:#fff
}
.appointment-layout1 input.form-control::-moz-placeholder{
    color:#fff
}
.appointment-layout1 input.form-control:-moz-placeholder{
    color:#fff
}
.appointment-layout1 input.form-control:-ms-input-placeholder{
    color:#fff
}
.appointment-layout1 textarea.form-control::-webkit-input-placeholder{
    color:#fff
}
.appointment-layout1 textarea.form-control::-moz-placeholder{
    color:#fff
}
.appointment-layout1 textarea.form-control:-moz-placeholder{
    color:#fff
}
.appointment-layout1 textarea.form-control:-ms-input-placeholder{
    color:#fff
}
.appointment-layout1 .elv-custom-select select{
    width:100%;
    height:50px
}
.appointment-layout1 .pLace-order{
    text-align:left;
    margin-top:20px
}
.appointment-layout1 .select2-container .select2-selection--single{
    height:40px
}
.appointment-layout1 .select2-container--classic .select2-selection--single{
    background-color:#212167;
    background-image:none;
    border-radius:45px;
    height:50px;
    border:1px solid #fff;
    box-shadow:none
}
.appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__rendered{
    line-height:40px
}
.appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__arrow{
    top:7px;
    background-color:transparent;
    background-image:none;
    border-style:none;
    right:5px
}
.appointment-layout1 .select2-container--classic .select2-results__option--highlighted[aria-selected]{
    background-color:#212167!important;
    font-weight:600
}
.appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__rendered{
    line-height:45px;
    padding-left:15px;
    color:#fff
}
.appointment-layout1 .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #fff transparent
}
.appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__arrow b{
    border-color:#fff transparent transparent transparent
}
.appointment-layout1 .select2-container--classic .select2-selection--single .select2-selection__arrow{
    top:15px
}
.appointment-layout1 .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single,.appointment-layout1 .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
    background-image:none;
    border-bottom-left-radius:45px;
    border-bottom-right-radius:45px;
    border-top-left-radius:45px;
    border-top-right-radius:45px;
    background:#212167
}
.appointment-layout1 .date-picker{
    position:relative
}
.appointment-layout1 .date-picker i{
    position:absolute;
    right:0;
    padding:20px 15px;
    color:#fff;
    font-size:16px
}
.ask-question-left .panel-group{
    margin-top:10px;
    margin-bottom:0
}
.ask-question-left .panel-group .panel{
    background:transparent
}
.ask-question-left .panel-default{
    border:0;
    box-shadow:none
}
.ask-question-left .panel-default .panel-heading{
    padding:0;
    background-color:#212167;
    color:#fff;
    transition:all .5s ease 0s
}
.ask-question-left .panel-default .panel-heading .panel-title{
    font-size:18px
}
.ask-question-left .panel-default .panel-heading .panel-title a{
    padding:15px 15px 14px 15px;
    color:#fff;
    display:block
}
.ask-question-left .panel-default .panel-heading .panel-title a span{
    color:#fff
}
.ask-question-left .panel-default .panel-heading .accordion-toggle:after{
    font-family:FontAwesome;
    content:"\f068";
    float:right;
    font-size:18px;
    color:#222
}
.ask-question-left .panel-default .panel-heading .accordion-toggle.collapsed:after{
    content:"\f067";
    font-family:FontAwesome;
    color:#fff
}
.ask-question-left .panel-default .panel-body{
    padding:17px 25px;
    border-top:0!important;
    color:#c6c6c6
}
.ask-question-left .panel-default .active{
    background:#fff
}
.ask-question-left .panel-default .active .panel-title a{
    color:#222
}
.ask-question-right .form-group{
    margin-bottom:18px
}
.ask-question-right .form-group .form-control{
    border-radius:0;
    background:transparent;
    border:1px solid #d3d3d3!important;
    box-shadow:none;
    border:0
}
.ask-question-right .form-group input{
    height:50px;
    color:#fff
}
.ask-question-right .form-group textarea{
    height:100px;
    color:#fff
}
.ask-question-right input.form-control::-webkit-input-placeholder,.ask-question-right textarea.form-control::-webkit-input-placeholder{
    color:#fff
}
.ask-question-right input.form-control::-moz-placeholder,.ask-question-right textarea.form-control::-moz-placeholder{
    color:#fff
}
.ask-question-right input.form-control:-moz-placeholder,.ask-question-right textarea.form-control:-moz-placeholder{
    color:#fff
}
.ask-question-right input.form-control:-ms-input-placeholder,.ask-question-right textarea.form-control:-ms-input-placeholder{
    color:#fff
}
.price-table-box-layout1{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    background:#fff;
    text-align:center;
    padding:65px 0 70px;
    margin-bottom:30px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.price-table-box-layout1>span{
    text-transform:uppercase;
    color:#222;
    display:block;
    letter-spacing:8px;
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.price-table-box-layout1 h3{
    color:#212167;
    font-size:50px;
    font-weight:500;
    margin-bottom:30px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.price-table-box-layout1 h3 span{
    color:#a4a4a4;
    font-size:18px;
    font-weight:400
}
.price-table-box-layout1 ul{
    margin-bottom:50px
}
.price-table-box-layout1 ul li{
    color:#222;
    margin-bottom:15px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.price-table-box-layout1 ul li:last-child{
    margin-bottom:0
}
.price-table-box-layout1:hover{
    -webkit-transform:translateY(1%);
    -moz-transform:translateY(1%);
    -ms-transform:translateY(1%);
    -o-transform:translateY(1%);
    transform:translateY(1%);
    -webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.4);
    -moz-box-shadow:0 5px 20px 0 rgba(0,0,0,0.4);
    box-shadow:0 5px 20px 0 rgba(0,0,0,0.4)
}
.price-table-box-layout1:hover a{
    background:#212167;
    color:#fff
}
h3.reservation-sub-title{
    color:#fff;
    text-align:center;
    font-size:18px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:48px
}
.reservation-form{
    display:inline-block
}
.reservation-form .reservation-input-box{
    margin-bottom:30px;
    position:relative
}
.reservation-form .reservation-input-box i{
    position:absolute;
    right:0;
    padding:15px 12px;
    color:#212167;
    font-size:16px
}
.reservation-form .reservation-input-box input{
    padding-right:30px;
    color:#fff;
    height:50px
}
.reservation-form .reservation-input-box textarea{
    color:#fff;
    height:50px
}
.reservation-form .reservation-input-box .form-control{
    border-radius:45px;
    background:transparent;
    border:1px solid rgba(255,255,255,0.4)
}
.reservation-form .reservation-input-box .form-control:focus{
    box-shadow:none
}
.reservation-form input.form-control::-webkit-input-placeholder,.reservation-form textarea.form-control::-webkit-input-placeholder{
    color:#cecece
}
.reservation-form input.form-control::-moz-placeholder,.reservation-form textarea.form-control::-moz-placeholder{
    color:#cecece
}
.reservation-form input.form-control:-moz-placeholder,.reservation-form textarea.form-control:-moz-placeholder{
    color:#cecece
}
.reservation-form input.form-control:-ms-input-placeholder,.reservation-form textarea.form-control:-ms-input-placeholder{
    color:#cecece
}
.reservation-form .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #212167 transparent
}
.reservation-form .select2-container--classic .select2-selection--single .select2-selection__arrow b{
    border-color:#212167 transparent transparent transparent
}
.reservation-form .select2-container--classic .select2-selection--single{
    background-image:none;
    border-radius:45px;
    height:55px;
    -webkit-box-shadow:0 -1px 0 1px rgba(0,0,0,0.15);
    -moz-box-shadow:0 -1px 0 1px rgba(0,0,0,0.15);
    box-shadow:0 -1px 0 1px rgba(0,0,0,0.15)
}
.reservation-form .select2-container--classic .select2-selection--single .select2-selection__rendered{
    line-height:40px
}
.reservation-form .select2-container--classic .select2-selection--single .select2-selection__arrow{
    top:7px;
    background-color:transparent;
    background-image:none;
    border-style:none;
    right:5px
}
.reservation-form .select2-container--classic .select2-selection--single .select2-selection__rendered{
    line-height:50px;
    padding-left:15px;
    color:#fff
}
.reservation-form .select2-container--classic .select2-selection--single .select2-selection__arrow{
    top:15px
}
.reservation-form .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single,.reservation-form .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{
    background-image:none;
    border-bottom-left-radius:45px;
    border-bottom-right-radius:45px;
    border-top-left-radius:45px;
    border-top-right-radius:45px
}
.form-response-layout2 .alert-info{
    background:transparent!important;
    border:none!important;
    color:#fff;
    letter-spacing:2px
}
.form-response-layout2 .alert-success{
    background-color:transparent;
    color:#05e42a;
    letter-spacing:1px;
    border-color:transparent;
    font-weight:500
}
.form-response-layout2 .alert{
    border-radius:0!important;
    padding:15px 0;
    margin-bottom:0;
    margin-top:15px
}
.site-checking-form-area .form-control{
    border-radius:45px;
    background:transparent;
    border:1px solid #fff
}
.site-checking-form-area input{
    padding:6px 20px;
    color:#fff;
    height:57px;
    width:100%
}
.site-checking-form-area input.form-control::-webkit-input-placeholder,.site-checking-form-area textarea.form-control::-webkit-input-placeholder{
    color:#fff
}
.site-checking-form-area input.form-control::-moz-placeholder,.site-checking-form-area textarea.form-control::-moz-placeholder{
    color:#fff
}
.site-checking-form-area input.form-control:-moz-placeholder,.site-checking-form-area textarea.form-control:-moz-placeholder{
    color:#fff
}
.site-checking-form-area input.form-control:-ms-input-placeholder,.site-checking-form-area textarea.form-control:-ms-input-placeholder{
    color:#fff
}
.shop-top-tilte{
    font-size:16px;
    margin-bottom:40px;
    color:#222
}
.product-box{
    overflow:hidden;
    margin-bottom:30px
}
.product-box .product-img-holder{
    position:relative
}
.product-box .product-img-holder a img{
    width:100%
}
.product-box .product-img-holder:after{
    opacity:0;
    position:absolute;
    content:"";
    height:100%;
    width:100%;
    background-color:rgba(34,34,34,0.7);
    z-index:1;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-box .product-img-holder .product-social{
    opacity:0;
    position:absolute;
    text-align:center;
    left:0;
    right:0;
    margin:0 auto;
    top:40%;
    z-index:2;
    -moz-transform:scale(1) translateY(-150px);
    -webkit-transform:scale(1) translateY(-150px);
    -o-transform:scale(1) translateY(-150px);
    -ms-transform:scale(1) translateY(-150px);
    transform:scale(1) translateY(-150px);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-box .product-img-holder .product-social li{
    display:inline-block;
    height:40px;
    width:42px;
    border-radius:50%;
    background:#fff;
    margin:0 1px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-box .product-img-holder .product-social li a{
    display:block
}
.product-box .product-img-holder .product-social li a i{
    line-height:40px;
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-box .product-img-holder .product-social li:hover{
    background:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-box .product-img-holder .product-social li:hover i{
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-box .product-content-holder{
    margin-top:20px
}
.product-box .product-content-holder h3{
    text-transform:capitalize;
    margin-bottom:8px
}
.product-box .product-content-holder h3 a{
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-box .product-content-holder h3 a:hover{
    color:#212167
}
.product-box .product-content-holder span{
    color:#222;
    font-size:18px;
    font-weight:700
}
.product-box .product-content-holder .rating-wrapper{
    margin-bottom:5px
}
.product-box .product-content-holder .rating-wrapper li{
    display:inline;
    color:#ffca28
}
.product-box:hover .product-social{
    opacity:1;
    -moz-transform:scale(1) translateY(0px);
    -webkit-transform:scale(1) translateY(0px);
    -o-transform:scale(1) translateY(0px);
    -ms-transform:scale(1) translateY(0px);
    transform:scale(1) translateY(0px);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-box:hover .product-img-holder:after{
    opacity:1;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.inner-product-details-left .tab-content{
    border:1px solid #c2c2c2
}
.inner-product-details-left .tab-content a{
    cursor:move;
    display:block
}
.inner-product-details-left .tab-content a img{
    width:100%
}
.inner-product-details-left ul li{
    border:1px solid transparent;
    display:inline-block
}
.inner-product-details-left ul li a img{
    width:100%;
    opacity:.5
}
.inner-product-details-left ul li a img:hover{
    opacity:1
}
.inner-product-details-left ul li:last-child{
    margin:16px 0 0 0
}
.inner-product-details-left ul li:hover{
    border:1px solid #c2c2c2
}
.inner-product-details-left ul .active{
    border:1px solid #c2c2c2
}
.inner-product-details-left ul .active a img{
    opacity:1
}
.inner-product-details-right h3{
    color:#222;
    letter-spacing:1px;
    text-transform:capitalize;
    margin-bottom:15px;
    font-size:28px
}
.inner-product-details-right .price{
    font-size:22px;
    font-weight:700;
    color:#d12121;
    margin-bottom:30px
}
.inner-product-details-right .product-details-content{
    margin-bottom:30px
}
.inner-product-details-right .product-details-content>p{
    margin-bottom:10px;
    color:#b3b3b3
}
.inner-product-details-right .product-details-content>p>span{
    color:#222;
    font-weight:600;
    text-transform:uppercase
}
.inner-product-details-right .product-details-social{
    margin-bottom:52px
}
.inner-product-details-right .product-details-social li{
    display:inline;
    color:#222;
    font-weight:600;
    margin-right:15px
}
.inner-product-details-right .product-details-social li a{
    padding:0 10px
}
.inner-product-details-right .product-details-social li a i{
    color:#b3b3b3;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.inner-product-details-right .product-details-social li a:hover i{
    color:#212167
}
.inner-product-details-right .inner-product-details-cart{
    margin-bottom:0
}
.inner-product-details-right .inner-product-details-cart li{
    line-height:40px;
    border-radius:30px;
    vertical-align:top;
    margin:0 1px 0 0;
    display:inline-block;
    border:1px solid #d5d5d5
}
.inner-product-details-right .inner-product-details-cart li:hover{
    border:1px solid #212167
}
.inner-product-details-right .inner-product-details-cart li a{
    font-weight:700;
    width:40px;
    text-align:center;
    height:40px;
    background:transparent;
    display:block;
    color:#222;
    text-transform:uppercase;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.inner-product-details-right .inner-product-details-cart li a i{
    line-height:42px;
    font-size:14px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.inner-product-details-right .inner-product-details-cart li:hover{
    background:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.inner-product-details-right .inner-product-details-cart li:hover a{
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.inner-product-details-right .inner-product-details-cart li:hover i{
    color:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.inner-product-details-right .inner-product-details-cart li:first-child{
    line-height:48px;
    margin-top:-4px;
    width:150px;
    height:50px;
    text-align:center
}
.inner-product-details-right .inner-product-details-cart li:first-child a{
    color:#222;
    display:inline;
    padding:0
}
.inner-product-details-right .inner-product-details-cart li:first-child:hover a{
    color:#fff
}
.product-details-tab-area{
    margin:120px 0 50px 0;
    border:1px solid #d5d5d5;
    position:relative
}
.product-details-tab-area ul{
    padding-left:30px;
    position:absolute;
    top:-20px;
    z-index:9
}
.product-details-tab-area ul>li{
    display:inline-block;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-details-tab-area ul>li a{
    border-radius:30px;
    color:#222;
    padding:10px 20px;
    display:block;
    text-transform:capitalize;
    font-weight:500;
    border:1px solid #c2c2c2;
    background:#fff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-details-tab-area ul>li a:hover{
    border:1px solid #212167;
    background:#212167;
    color:#fff
}
.product-details-tab-area ul .active a{
    background:#212167;
    border:1px solid #212167;
    color:#fff;
    text-decoration:none
}
.product-details-tab-area .tab-content{
    padding:50px 35px 15px 35px
}
.checkout-page-top{
    padding:15px;
    border:1px solid #d5d5d5;
    margin-bottom:20px
}
.checkout-page-top p{
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:0;
    text-transform:uppercase
}
.checkout-page-top p a{
    color:#b3b3b3;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.checkout-page-top p a:hover{
    color:#212167
}
.checkout-page-top p i{
    margin-right:5px;
    font-size:16px;
    color:#212167
}
.billing-details-area{
    margin-bottom:30px
}
.billing-details-area label{
    letter-spacing:1px;
    color:#333;
    font-weight:400;
    margin-bottom:10px
}
.billing-details-area input{
    height:40px;
    border:1px solid #d5d5d5;
    border-radius:0;
    box-shadow:none;
    margin-bottom:10px
}
.billing-details-area span{
    color:#333;
    text-transform:capitalize;
    letter-spacing:1px
}
.billing-details-area span input{
    height:inherit;
    margin-right:10px
}
.billing-details-area .custom-select select{
    width:100%;
    height:40px
}
.billing-details-area .pLace-order{
    text-align:right;
    margin-top:20px
}
.billing-details-area .select2-container .select2-selection--single{
    height:40px
}
.billing-details-area .select2-container--classic .select2-selection--single{
    background-color:transparent;
    background-image:none;
    border-radius:0;
    border:1px solid #d5d5d5
}
.billing-details-area .select2-container--classic .select2-selection--single .select2-selection__rendered{
    line-height:40px
}
.billing-details-area .select2-container--classic .select2-selection--single .select2-selection__arrow{
    top:7px;
    background-color:transparent;
    background-image:none;
    border-style:none;
    right:5px
}
.billing-details-area .select2-container--classic .select2-dropdown{
    border:1px solid #212167!important
}
.billing-details-area .select2-container--classic .select2-results__option--highlighted[aria-selected]{
    background-color:#212167!important;
    color:red;
    font-weight:600
}
.ship-to-another-area h2 span{
    margin-left:15px
}
.ship-to-another-area label{
    letter-spacing:2px;
    color:#333;
    font-weight:600;
    margin-bottom:10px
}
.ship-to-another-area textarea{
    box-shadow:none;
    border-radius:0;
    font-size:13px;
    font-weight:500;
    letter-spacing:2px
}
.ship-to-another-area textarea:focus{
    border-color:#d7d7d7!important
}
.order-sheet{
    margin-bottom:45px;
    padding:30px 35px;
    border:1px solid #d5d5d5
}
.order-sheet h2{
    text-transform:uppercase;
    font-size:20px;
    color:#333;
    margin-bottom:15px
}
.order-sheet ul li{
    border-bottom:1px solid #d5d5d5;
    padding-bottom:10px;
    margin-bottom:10px
}
.order-sheet ul li span{
    float:right
}
.order-sheet h3{
    text-transform:uppercase;
    font-size:18px;
    color:#333;
    letter-spacing:2px;
    border-bottom:1px solid #d5d5d5;
    padding-bottom:12px;
    margin-bottom:12px
}
.order-sheet h3:last-child{
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:0
}
.order-sheet h3 span{
    float:right
}
.payment-option{
    border:1px solid #d5d5d5;
    padding-top:30px;
    margin-bottom:50px
}
.payment-option .form-group{
    border-bottom:1px solid #d5d5d5;
    padding-bottom:15px
}
.payment-option .form-group:last-child{
    border-bottom:0;
    padding-bottom:0
}
.payment-option span{
    color:#333;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:16px;
    font-weight:600;
    padding-left:30px
}
.payment-option span input{
    margin-right:20px
}
.payment-option p{
    padding:0 64px;
    margin-bottom:0
}
.cart-page-top{
    margin-bottom:45px;
    border:1px solid #d5d5d5;
    padding:0 0 10px
}
.cart-page-top table{
    margin-bottom:10px;
    border-bottom:1px solid #d5d5d5
}
.cart-page-top table .cart-form-heading{
    text-transform:uppercase;
    font-weight:600;
    padding:15px 20px
}
.cart-page-top table tr td{
    vertical-align:middle!important;
    border-right:1px solid #d5d5d5
}
.cart-page-top table tr td:last-child{
    border-right:0
}
.cart-page-top table tr td h3{
    letter-spacing:2px;
    text-transform:capitalize;
    font-size:18px;
    margin-bottom:0;
    margin-left:15px
}
.cart-page-top table tr td h3 a{
    color:#222;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.cart-page-top table tr td h3 a:hover{
    color:#212167;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.cart-page-top table tr td a img{
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.cart-page-top table tr td a img:hover{
    opacity:.5;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.cart-page-top table tr .cart-img-holder{
    width:12%
}
.cart-page-top table tr .amount{
    text-align:center;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:16px;
    color:#222;
    font-weight:600
}
.cart-page-top table tr .quantity .quantity-holder{
    margin:0 auto;
    position:relative;
    width:130px;
    top:-15px;
    z-index:2
}
.cart-page-top table tr .quantity .quantity-holder input{
    text-align:center;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    width:48px;
    border-radius:0
}
.cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical button{
    border-radius:0;
    position:absolute;
    z-index:3
}
.cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-plus{
    left:0
}
.cart-page-top table tr .quantity .quantity-holder .input-group-btn-vertical .quantity-minus{
    right:0
}
.cart-page-top table tr .dismiss{
    text-align:center
}
.cart-page-top table tr .dismiss a i{
    color:#212167;
    font-size:18px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.cart-page-top table tr .dismiss a:hover i{
    color:#f00;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.cart-page-top .update-button{
    text-align:right;
    padding-right:10px
}
.cart-page-bottom-left{
    border:1px solid #d5d5d5;
    padding:30px
}
.cart-page-bottom-left h2{
    color:#222;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:20px
}
.cart-page-bottom-left input{
    width:60%;
    margin-right:15px;
    height:50px;
    padding:5px 10px
}
.cart-page-bottom-left button{
    margin-left:-5px
}
.cart-page-bottom-right{
    border:1px solid #d5d5d5;
    padding:30px
}
.cart-page-bottom-right h2{
    color:#222;
    text-transform:capitalize;
    letter-spacing:2px;
    font-size:20px
}
.cart-page-bottom-right h3{
    color:#222;
    font-size:16px;
    text-transform:capitalize;
    letter-spacing:2px;
    border-bottom:1px solid #d5d5d5;
    margin-bottom:10px;
    padding-bottom:10px
}
.cart-page-bottom-right h3 span{
    float:right
}
.cart-page-bottom-right .proceed-button{
    text-align:right;
    margin-top:20px
}
.login-registration-field{
    border:1px solid #d5d5d5;
    padding:40px
}
.login-registration-field label{
    width:100%;
    font-size:16px;
    font-weight:500;
    margin-bottom:12px
}
.login-registration-field input{
    height:40px;
    padding:0 10px;
    width:100%;
    border-radius:0;
    border:1px solid #d5d5d5;
    margin-bottom:15px
}
.login-registration-field span{
    margin-left:15px;
    color:#111
}
.login-registration-field span input{
    width:inherit;
    height:inherit;
    margin-right:10px;
    padding:30px
}
.counter-title{
    text-align:center
}
.counter-title h3{
    color:#fff;
    font-size:50px;
    line-height:1;
    font-weight:700
}
.counter-title h4{
    color:#fff;
    font-size:18px;
    text-transform:capitalize
}
.counter-layout1 li{
    margin-right:5px;
    text-align:center;
    display:inline-block
}
.counter-layout1 li:last-child{
    margin-right:0
}
.counter-layout1 li h4{
    font-weight:700;
    margin-bottom:10px;
    padding:35px 0;
    font-size:36px;
    color:#fff;
    width:160px;
    background:#212167
}
.counter-layout1 li span{
    color:#222;
    font-size:18px;
    font-weight:700
}
.brand-box{
    text-align:center
}
.brand-box a{
    display:inline-block
}
.brand-box a img{
    display:inline-block;
    width:100%;
    margin:0 auto;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.brand-box a:hover img{
    -webkit-filter:grayscale(0)
}
.contact-info-box{
    padding:35px 0;
    text-align:center;
    border-bottom:5px solid #212167;
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#212167),to(transparent));
    background-image:-webkit-linear-gradient(transparent,#212167);
    background-image:-moz-linear-gradient(transparent,#212167),-moz-linear-gradient(transparent,#212167);
    background-image:-o-linear-gradient(transparent,#212167),-o-linear-gradient(transparent,#212167);
    background-image:linear-gradient(transparent,#212167),linear-gradient(transparent,#212167);
    -moz-background-size:1px 100%;
    background-size:5px 100%;
    background-position:0 0,100% 0;
    background-repeat:no-repeat
}
.contact-info-box i{
    color:#212167;
    margin-right:10px;
    font-size:20px
}
.contact-info-box h3{
    font-size:20px;
    color:#222;
    margin-bottom:15px
}
.contact-title{
    text-align:center;
    margin-bottom:40px
}
.contact-form .form-group{
    margin-bottom:20px
}
.contact-form .form-group .form-control{
    border-radius:0;
    background:transparent;
    box-shadow:none;
    border:1px solid #d5d5d5
}
.contact-form .form-group input{
    height:45px
}
.contact-form .form-group button{
    margin-top:20px
}
.contact-form .form-response .alert-info{
    background:transparent!important;
    border:none!important;
    color:red;
    letter-spacing:5px
}
.contact-form .form-response .alert-success{
    background-color:transparent;
    color:green;
    letter-spacing:4px;
    border-color:transparent;
    font-weight:500
}
.contact-form .form-response .alert{
    border-radius:0!important;
    padding:15px 0
}
.error-top{
    text-align:center
}
.error-top img{
    margin:0 auto;
    width:100%
}
.error-bottom{
    text-align:center;
    margin-top:45px
}
.error-bottom p{
    font-size:18px;
    color:#222;
    line-height:1.6;
    margin-bottom:50px
}
.sidebar>div{
    margin-bottom:50px
}
.sidebar>div:last-child{
    margin-bottom:0
}
.sidebar-search-area p{
    margin-bottom:45px
}
.sidebar-search-area .stylish-input-group{
    background:transparent;
    border:1px solid #dfdfdf;
    border-radius:30px;
    padding:6px 10px
}
.sidebar-search-area .stylish-input-group .form-control{
    border:0;
    box-shadow:none;
    border-radius:0;
    background:transparent;
    text-transform:capitalize;
    color:#111
}
.sidebar-search-area .stylish-input-group .input-group-addon{
    background:transparent!important;
    border:0;
    border-radius:0
}
.sidebar-search-area .stylish-input-group .input-group-addon button{
    border:0;
    background:transparent
}
.sidebar-search-area .stylish-input-group .input-group-addon button span{
    color:#212167
}
.sidebar-search-area .form-control::-moz-placeholder{
    color:#707070;
    font-size:14px
}
.product-tags li{
    display:inline-block;
    margin-bottom:3px;
    border:1px solid #d5d5d5;
    background:transparent;
    font-size:12px;
    border-radius:30px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-tags li a{
    color:#707070;
    display:block;
    padding:10px 30px;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.product-tags li:hover{
    border:1px solid #212167;
    background:#212167
}
.product-tags li:hover a{
    color:#fff
}
.categories ul li{
    position:relative;
    padding-left:20px;
    margin-bottom:25px
}
.categories ul li:last-child{
    margin-bottom:0
}
.categories ul li a{
    color:#707070;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.categories ul li a:hover{
    color:#212167
}
.categories ul li:before{
    content:"\f105";
    font-family:FontAwesome;
    color:#212167;
    position:absolute;
    left:0;
    top:-3px;
    font-size:18px
}
.shopping-cart p span{
    font-size:24px;
    margin-right:10px
}
.recent-post .recent-post-box{
    margin-bottom:30px
}
.recent-post .recent-post-box span{
    color:#212167;
    text-transform:capitalize;
    margin-bottom:20px;
    display:block
}
.recent-post .recent-post-box:last-child{
    margin-bottom:0
}
.recent-post p{
    color:#222
}
.price-range-wrapper{
    text-align:center;
    padding-top:10px
}
.price-range-wrapper:after{
    clear:both;
    display:block;
    content:""
}
.price-range-wrapper .price-range-select{
    margin:20px 0;
    text-align:center
}
.price-range-wrapper .price-range-select:after{
    clear:both;
    display:block;
    content:""
}
.price-range-wrapper .price-range-select .price-range{
    font-size:24px;
    color:#212167;
    display:inline-block;
    margin:0 10px
}
.price-range-wrapper .noUi-connect{
    background:#212167
}
.price-range-wrapper .noUi-horizontal{
    height:12px
}
.price-range-wrapper .noUi-target{
    border-radius:0
}
.price-range-wrapper .noUi-horizontal .noUi-handle{
    top:-10px;
    background:#f8f8f8;
    border:0;
    box-shadow:none
}
.price-range-wrapper .noUi-handle::after,.price-range-wrapper .noUi-handle::before{
    left:16px;
    top:7px;
    background:#fff
}
.price-range-wrapper .noUi-handle::after{
    left:19px
}
.sidebar-menu-layout1 ul li{
        list-style: none;
    margin-bottom:5px
}
.sidebar-menu-layout1 ul li a{
    display:block;
    background:#f8f8f8;
    padding:10px 15px;
    color:#222;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.sidebar-menu-layout1 ul li a i{
    margin-right:15px;
    color:#212167;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.sidebar-menu-layout1 ul li a:hover{
    background:#212167;
    color:#fff
}
.sidebar-menu-layout1 ul li a:hover i{
    color:#fff
}
.footer-area-top{
    padding:120px 0 85px;
    background:#1d1d1d
}
@media only screen and (max-width:1199px){
    .footer-area-top{
        padding:110px 0 75px
    }
}
@media only screen and (max-width:991px){
    .footer-area-top{
        padding:100px 0 65px
    }
}
@media only screen and (max-width:767px){
    .footer-area-top{
        padding:90px 0 55px
    }
}
@media only screen and (max-width:479px){
    .footer-area-top{
        padding:80px 0 45px
    }
}
@media only screen and (max-width:320px){
    .footer-area-top{
        padding:70px 0 35px
    }
}
.footer-area-top .footer-box{
    margin-bottom:30px
}
.footer-area-top .footer-box .footer-logo{
    margin-bottom:30px
}
.footer-area-top .footer-box p{
    color:#b3b3b3;
    margin-bottom:40px
}
.footer-area-top .footer-box h3{
    font-size:20px;
    margin-bottom:30px;
    font-weight:500;
    color:#fff
}
.footer-area-top .footer-social li{
    display:inline-block;
    margin-right:5px
}
.footer-area-top .footer-social li a{
    width:40px;
    height:40px;
    border:1px solid #212167;
    display:block;
    text-align:center;
    line-height:37px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.footer-area-top .footer-social li a i{
    color:#b5b5b5;
    font-size:14px;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.footer-area-top .footer-social li a:hover i{
    color:#fff
}
.footer-area-top .footer-social li:last-child{
    margin-right:0
}
.footer-area-top .recent-post-link li{
    padding-left:20px;
    position:relative;
    margin-bottom:8px;
    padding-bottom:10px;
    border-bottom:1px solid #373737;
    list-style: none;
}
.footer-area-top .recent-post-link li:last-child{
    border-bottom:0;
    margin-bottom:0
}
.footer-area-top .recent-post-link li:before{
    content:"\f105";
    font-family:FontAwesome;
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    color:#b3b3b3
}
.footer-area-top .recent-post-link li a{
    color:#b3b3b3;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.footer-area-top .recent-post-link li:hover:before{
    color:#212167
}
.footer-area-top .recent-post-link li:hover a{
    color:#212167
}
.footer-area-top .quick-link li{
    padding-left:20px;
    position:relative;
    margin-bottom:8px;
    padding-bottom:10px;
    list-style: none;
    border-bottom:1px solid #373737
}
.footer-area-top .quick-link li:last-child{
    border-bottom:0;
    margin-bottom:0
}
.footer-area-top .quick-link li:before{
    content:"\f105";
    font-family:FontAwesome;
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    color:#b3b3b3
}
.footer-area-top .quick-link li a{
    color:#b3b3b3;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.footer-area-top .quick-link li:hover:before{
    color:#212167
}
.footer-area-top .quick-link li:hover a{
    color:#212167
}
.footer-area-top .flickr-photos{
    margin-top:40px
}
.footer-area-top .flickr-photos li{
    display:inline-block;
    width:32%;
    margin-bottom:5px
}
.footer-area-top .flickr-photos li a img{
    display:inline-block;
    width:100%
}
.footer-area-top .flickr-photos li a:hover img{
    opacity:.5;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.footer-area-bottom{
    text-align:center;
    background:#000;
    padding:20px 0 1px
}
.footer-area-bottom p{
    color:#8f8f8f;
    font-weight:500
}
.footer-area-bottom p a{
    color:#fff;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.footer-area-bottom p a:hover{
    color:#212167
}
@media(min-width:1200px){
    .full-width-compress>*{
        padding-left:50px;
        padding-right:50px
    }
    .flex-xl-column-reverse{
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:reverse!important;
        -webkit-flex-direction:column-reverse!important;
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
    .d-xl-flex{
        display:-webkit-box!important;
        display:-webkit-flex!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    [class^="col-"]:last-child>.service-box-layout8{
        border-right:0
    }
}
@media(min-width:992px){
    .flex-lg-row-reverse{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -webkit-flex-direction:row-reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-lg-column-reverse{
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:reverse!important;
        -webkit-flex-direction:column-reverse!important;
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
    .d-lg-flex{
        display:-webkit-box!important;
        display:-webkit-flex!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .align-items-lg-center{
        -webkit-box-align:center!important;
        -webkit-align-items:center!important;
        -ms-flex-align:center!important;
        align-items:center!important;
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:-o-flex;
        display:flex
    }
}
@media(min-width:768px){
    .d-md-flex{
        display:-webkit-box!important;
        display:-webkit-flex!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .flex-md-row-reverse{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -webkit-flex-direction:row-reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-md-column-reverse{
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:reverse!important;
        -webkit-flex-direction:column-reverse!important;
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
}
@media(min-width:576px){
    .d-xs-flex{
        display:-webkit-box!important;
        display:-webkit-flex!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
}
@media(min-width:480px) and (max-width:767px){
    .features-box-layout2 .item-content{
        height:90px
    }
    .features-box-layout2 .item-content .content-up-down-icon,.features-box-layout2 .item-content p{
        display:none
    }
    .counter-layout1 li h4{
        padding:20px 0;
        width:138px
    }
    .team-box-layout5 .item-content ul li{
        margin:0 2px
    }
    .team-box-layout8{
        padding:30px 8px
    }
}
@media(min-width:576px) and (max-width:767px){
    .project-box-layout4 .item-content{
        padding:8px 30px 10px
    }
}
@media(min-width:768px) and (max-width:991px){
    .icon-float-none-sm i{
        float:none!important;
        margin-right:0!important;
        margin-left:0!important;
        margin-bottom:30px
    }
    .text-center-sm{
        text-align:center
    }
    .mb-sm{
        margin-bottom:45px
    }
    .fluid-sm{
        width:100%!important
    }
}
@media(min-width:992px) and (max-width:1199px){
    .icon-float-none-md i{
        float:none!important;
        margin-right:0!important;
        margin-left:0!important;
        margin-bottom:30px
    }
    .text-center-md{
        text-align:center
    }
    .footer-area-top .footer-social li a{
        height:35px;
        width:35px;
        line-height:33px
    }
}
@media only screen and (max-width:1199px){
    h1{
        font-size:36px
    }
    .slider-area .slide-1 p.slider-big-text,.slider-area .slide-2 p.slider-big-text,.slider-area .slide-3 p.slider-big-text{
        font-size:42px
    }
    .slider-area .slide-1 .para-width-compress p.slider-sub-text,.slider-area .slide-2 .para-width-compress p.slider-sub-text,.slider-area .slide-3 .para-width-compress p.slider-sub-text{
        width:60%
    }
    p.slider-big-text,p.slider-sub-text,.slider-btn-area,.top-title{
        padding:0 30px!important
    }
    .slider-area .slide-1 .top-title3,.slider-area .slide-2 .top-title3,.slider-area .slide-3 .top-title3{
        padding:0 30px!important
    }
    .inner-title-dark h2{
        font-size:32px;
        line-height:1.3
    }
    .service-box-layout1{
        padding:50px 20px
    }
    .section-sub-title-dark,.section-sub-title-light{
        margin-bottom:55px
    }
    h2.section-lg-title-light{
        font-size:42px
    }
    .lg-fluid{
        width:100%
    }
    .mb--md{
        margin-bottom:30px
    }
    .service-box-layout2{
        padding:40px 15px 30px
    }
    .inner-title-light h2{
        font-size:34px;
        line-height:1.3
    }
    .project-box-layout2 .item-content{
        height:64px
    }
    i.icon-default-dark{
        font-size:48px;
        line-height:48px
    }
    i.icon-default-dark:before{
        font-size:48px;
        line-height:48px
    }
    .team-box-layout4 .item-wrapper .item-content .team-social li a{
        height:35px;
        width:35px;
        line-height:35px
    }
    .service-box-layout6 ul.service-box-nav li{
        margin-bottom:15px;
        padding-bottom:15px
    }
    .appointment-layout1{
        padding-right:0
    }
    .appointment-layout1 h2{
        font-size:32px
    }
    .section-title-light{
        font-size:30px
    }
    .inner-title-bold h2{
        font-size:42px
    }
    ul.features-box-layout3 li{
        margin-bottom:39px
    }
    .service-box-layout8{
        border:1px solid #b2dfdb
    }
    .single-blog-layout1 .blog-comments ul li .comments-content{
        -webkit-box-flex:3;
        -webkit-flex:3;
        -moz-flex:3;
        flex:3
    }
    i.pull-left.icon-circle-primary{
        margin-right:20px
    }
    i.pull-left.icon-circle-light{
        margin-right:20px
    }
    i.pull-left.icon-default-primary{
        margin-right:20px
    }
    i.pull-left.icon-default-dark{
        margin-right:20px
    }
    i.pull-left.icon-default-light{
        margin-right:20px
    }
    .counter-title h3{
        font-size:46px
    }
    .product-details-tab-area{
        margin:100px 0 40px
    }
    .rt-dropdown-mega-custom{
        left:-42.5%!important
    }
    .rt-dropdown-mega-custom2{
        left:-43%!important
    }
}
@media only screen and (max-width:991px){
    .box-pa-sm{
        padding:30px 20px 10px
    }
    .item-mb--sm{
        margin-bottom:30px
    }
    .mb10--sm{
        margin-bottom:10px!important
    }
    .mb45--sm{
        margin-bottom:45px
    }
    .mb-sm-list{
        margin-bottom:30px
    }
    .mb-sm-list:last-child{
        margin-bottom:0
    }
    h1{
        font-size:34px
    }
    h2{
        font-size:32px
    }
    h3{
        font-size:20px
    }
    .section-sub-title-dark,.section-sub-title-light{
        margin-bottom:50px
    }
    .ttm-para-dark,.ttm-para-light,.banner-para-light,.section-sub-title-light,.section-lg-title-dark,.section-md-title-dark,.section-sub-title-dark{
        width:100%
    }
    .elv-main-menu{
        padding-right:15px
    }
    .slider-area .slide-1 p.slider-big-text,.slider-area .slide-2 p.slider-big-text,.slider-area .slide-3 p.slider-big-text{
        font-size:36px
    }
    .slider-area .slide-1 .para-width-compress p.slider-sub-text,.slider-area .slide-2 .para-width-compress p.slider-sub-text,.slider-area .slide-3 .para-width-compress p.slider-sub-text{
        width:85%
    }
    .inner-title-dark h2{
        font-size:30px;
        line-height:1.3
    }
    .inner-title-dark h3{
        font-size:28px
    }
    h2.section-lg-title-light{
        font-size:34px
    }
    h2.section-title-dark{
        font-size:30px
    }
    .blog-box-layout1 .item-content{
        padding:20px 15px
    }
    .element-border-right>li{
        margin-right:5px;
        padding-right:8px
    }
    i.icon-default-dark{
        font-size:42px;
        line-height:42px
    }
    i.icon-default-dark:before{
        font-size:42px;
        line-height:42px
    }
    .team-box-layout3 .team-content{
        height:70px
    }
    .appointment-layout1 h2{
        font-size:30px
    }
    .service-box-layout6 ul.service-box-nav li a .item-icon i{
        margin-right:15px;
        height:50px;
        width:50px
    }
    .service-box-layout6 ul.service-box-nav li a .item-icon i:before{
        margin:12px 0 0 15px;
        font-size:20px
    }
    .service-box-layout6 ul.service-box-nav li{
        padding-bottom:0
    }
    .inner-title-light h2{
        font-size:32px;
        line-height:1.3
    }
    .service-box-layout3{
        padding:30px 20px 20px
    }
    .section-title-light{
        font-size:26px
    }
    .get-quote-title{
        margin:0
    }
    .get-quote-sub-title{
        margin:0 0 20px
    }
    .inner-title-bold h2{
        font-size:38px
    }
    .service-box-layout5 .item-content{
        bottom:-100px
    }
    .service-box-layout5 .item-content h3{
        margin-bottom:0
    }
    .service-box-layout5:hover .item-content{
        bottom:0
    }
    .sidebar-mt-sm{
        margin-top:50px
    }
    .slider-area .slide-1 p.slider-sub-text,.slider-area .slide-2 p.slider-sub-text,.slider-area .slide-3 p.slider-sub-text{
        margin-bottom:30px
    }
    .elv-main-menu{
        display:none
    }
    .logo-area{
        display:none
    }
    .nav-top-right{
        position:absolute;
        top:10px;
        z-index:100;
        right:0
    }
    .posiition1{
        top:13px;
        right:10px
    }
    .posiition2{
        top:8px;
        right:15px
    }
    .posiition3{
        top:7px
    }
    .posiition4{
        top:12px
    }
    .posiition5{
        top:13px;
        right:-20px
    }
    .posiition6{
        top:14px;
        right:-5px
    }
    .posiition7{
        top:7px;
        right:15px;
        position:fixed
    }
    .hidden--sm{
        display:none!important
    }
    .header-top-bar{
        display:none
    }
    .slider-area{
        margin-top:49px
    }
    .cart-area .cart-trigger-icon{
        line-height:40px
    }
    .cart-area .cart-trigger-icon span{
        top:0
    }
    .header-search .search-input{
        top:43px;
        right:20px;
        height:50px;
        width:320px;
        background:rgba(0,191,165,0.9)
    }
    .container-fluid-sm{
        width:100%
    }
    #wrapper.open{
        margin-right:0
    }
    .counter-title h3{
        font-size:42px
    }
    .product-details-tab-area{
        margin:80px 0 30px
    }
}
@media only screen and (max-width:767px){
    .d-sm-flex{
        display:-webkit-box!important;
        display:-webkit-flex!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .flex-sm-row-reverse{
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        -webkit-flex-direction:row-reverse!important;
        -ms-flex-direction:row-reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-sm-column-reverse{
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:reverse!important;
        -webkit-flex-direction:column-reverse!important;
        -ms-flex-direction:column-reverse!important;
        flex-direction:column-reverse!important
    }
    h1{
        font-size:34px
    }
    h2{
        font-size:30px
    }
    h3{
        font-size:18px
    }
    .lead{
        font-size:16px
    }
    .lead p{
        font-size:16px
    }
    .slider-area .slide-1 p.slider-big-text,.slider-area .slide-2 p.slider-big-text,.slider-area .slide-3 p.slider-big-text{
        font-size:32px
    }
    .slider-area .slide-1 p.slider-big-text br,.slider-area .slide-2 p.slider-big-text br,.slider-area .slide-3 p.slider-big-text br{
        display:none
    }
    .slider-area .slide-1 p.slider-sub-text,.slider-area .slide-2 p.slider-sub-text,.slider-area .slide-3 p.slider-sub-text{
        margin-bottom:20px;
        font-size:15px;
        font-weight:400
    }
    .slider-area .nivo-caption{
        top:10px
    }
    .slider-area .nivo-directionNav a.nivo-nextNav:before{
        font-size:14px;
        top:13px;
        right:13px
    }
    .slider-area .nivo-directionNav a.nivo-prevNav:before{
        font-size:14px;
        top:13px;
        left:13px
    }
    .slider-area .nivo-directionNav a.nivo-nextNav,.slider-area .nivo-directionNav a.nivo-prevNav{
        height:40px;
        width:40px
    }
    .slider-area .slide-1 .para-width-compress p.slider-sub-text,.slider-area .slide-2 .para-width-compress p.slider-sub-text,.slider-area .slide-3 .para-width-compress p.slider-sub-text{
        width:100%
    }
    .slider-area .slide-1 .top-title2,.slider-area .slide-2 .top-title2,.slider-area .slide-3 .top-title2{
        letter-spacing:10px
    }
    .slider-area .slide-1 .top-title3,.slider-area .slide-2 .top-title3,.slider-area .slide-3 .top-title3{
        font-size:24px
    }
    .section-sub-title-dark,.section-sub-title-light{
        margin-bottom:45px
    }
    .inner-title-dark h2{
        font-size:28px;
        line-height:1.3
    }
    .inner-title-dark h3{
        font-size:26px
    }
    .inner-title-light h2{
        font-size:30px;
        line-height:1.3
    }
    .sidebar-mt-xs{
        margin-top:50px
    }
    .mt-xs{
        margin-top:30px
    }
    .mb-xs{
        margin-bottom:30px
    }
    .mb45--xs{
        margin-bottom:45px
    }
    .mb-xs-list{
        margin-bottom:30px
    }
    .mb-xs-list:last-child{
        margin-bottom:0
    }
    .text-center-xs{
        text-align:center
    }
    img.float-none-xs{
        float:none!important;
        margin:0 auto!important
    }
    h2.section-lg-title-light{
        font-size:32px
    }
    h2.section-title-dark{
        font-size:28px
    }
    .header-social-round-primarytext{
        margin-top:-3px
    }
    i.icon-default-dark{
        margin-top:5px;
        font-size:36px;
        line-height:36px
    }
    i.icon-default-dark:before{
        font-size:36px;
        line-height:36px
    }
    h3.blog-title{
        margin-bottom:10px
    }
    .appointment-layout1 h2{
        font-size:28px
    }
    .service-box-layout6 .service-box-content .item-content{
        padding:15px 25px;
        width:90%
    }
    .service-box-layout6 .service-box-content .item-content h3{
        font-size:26px
    }
    .service-box-layout6 ul.service-box-nav li a .item-icon,.service-box-layout6 ul.service-box-nav li a .item-content{
        flex:inherit
    }
    .item-icon-bottom-center{
        height:50px;
        width:50px;
        line-height:50px;
        font-size:20px
    }
    .inner-title-bold h2{
        font-size:36px
    }
    .features-box-layout1 .item-content{
        padding:30px 30px 40px
    }
    .service-box-layout5 .item-content{
        bottom:-45px
    }
    .cart-page-top .update-button{
        padding-top:10px
    }
    .cart-page-bottom-left input{
        width:100%;
        margin-bottom:20px
    }
    .blog-box-layout5 .item-content{
        padding:25px 15px 20px
    }
    .single-blog-layout1 .blog-comments ul li{
        display:inherit
    }
    i.icon-default-primary{
        margin-bottom:20px
    }
    .counter-title h3{
        font-size:40px
    }
    .product-details-tab-area{
        margin:60px 0 20px
    }
}
@media only screen and (max-width:575px){
    .slider-area .slide-1 p.slider-sub-text,.slider-area .slide-2 p.slider-sub-text,.slider-area .slide-3 p.slider-sub-text{
        display:none
    }
    .slider-area .slide-1>div>div,.slider-area .slide-2>div>div,.slider-area .slide-3>div>div,.slider-area .slide-1 .text-left,.slider-area .slide-2 .text-right,.slider-area .slide-3 .container{
        text-align:center!important
    }
    .slider-area .slide-1 p.slider-big-text,.slider-area .slide-2 p.slider-big-text,.slider-area .slide-3 p.slider-big-text{
        font-size:26px;
        margin-bottom:20px
    }
    .service-box-layout6 .service-box-content .item-content{
        position:inherit;
        width:100%
    }
    .col-mb-12{
        width:100%
    }
    .hidden-mb{
        display:none!important
    }
}
@media only screen and (max-width:479px){
    .slider-area .slide-1 .top-title3,.slider-area .slide-2 .top-title3,.slider-area .slide-3 .top-title3{
        font-size:20px
    }
    .mb-30{
        margin-bottom:15px!important
    }
    h1{
        font-size:34px
    }
    h2{
        font-size:28px
    }
    .service-box-layout1{
        padding:40px 15px
    }
    h2.section-lg-title-light{
        font-size:30px
    }
    h2.section-title-dark{
        font-size:26px
    }
    .service-lg-title-dark h3{
        font-size:22px
    }
    .section-sub-title-dark,.section-sub-title-light{
        margin-bottom:40px
    }
    .header-search .search-input{
        background:rgba(0,191,165,0.9);
        right:0;
        height:45px;
        width:280px
    }
    i.icon-default-dark{
        font-size:34px;
        line-height:34px
    }
    i.icon-default-dark:before{
        font-size:34px;
        line-height:34px
    }
    .appointment-layout1 h2{
        font-size:26px
    }
    .service-box-layout6 .service-box-content .item-content h3{
        line-height:1.3;
        margin-bottom:15px
    }
    .inner-title-dark h2{
        font-size:24px
    }
    .inner-title-light h2{
        font-size:28px;
        line-height:1.3
    }
    .project-box-layout4 .item-content{
        padding:8px 30px 10px
    }
    .features-box-layout2 .item-content{
        height:166px
    }
    .txt-bx-p{
        padding:15px 15px 5px
    }
    .ask-question-left .panel-default .panel-heading .panel-title a{
        padding:5px
    }
    .counter-layout1 li{
        margin-bottom:30px;
        display:block
    }
    .counter-layout1 li h4{
        width:100%
    }
    .counter-layout1 li:last-child{
        margin-bottom:0
    }
    .inner-title-bold h2{
        font-size:34px
    }
    .features-box-layout1 .item-content{
        padding:15px 15px 30px
    }
    .service-box-layout5 .item-content{
        bottom:-70px
    }
    .mb-xs{
        margin-bottom:15px
    }
    .team-box-layout6{
        margin-bottom:15px
    }
    .product-details-tab-area ul{
        padding-left:0
    }
    .product-details-tab-area ul>li a{
        padding:7px 10px
    }
    .inner-product-details-right .inner-product-details-cart li:first-child{
        width:130px
    }
    .inner-product-details-right .product-details-social li{
        margin-right:10px
    }
    .inner-product-details-right h3{
        margin-bottom:0
    }
    .login-registration-field{
        padding:15px 15px 20px
    }
    .blog-box-layout4 .item-content{
        width:100%;
        padding:10px 15px 0;
        bottom:0
    }
    .blog-box-layout4 p{
        display:none
    }
    i.pull-left.icon-circle-primary{
        margin-right:15px
    }
    i.pull-left.icon-circle-light{
        margin-right:15px
    }
    i.pull-left.icon-default-primary{
        margin-right:15px
    }
    i.pull-left.icon-default-dark{
        margin-right:15px
    }
    i.pull-left.icon-default-light{
        margin-right:15px
    }
    .slider-btn-area{
        display:none
    }
    .counter-title h3{
        font-size:38px
    }
    .product-details-tab-area{
        margin:60px 0 10px
    }
    .sidebar-mt-sm,.sidebar-mt-xs{
        margin-top:30px
    }
}
@media only screen and (max-width:320px){
    h1{
        font-size:32px
    }
    h2{
        font-size:26px
    }
    p{
        font-size:14px
    }
    .lead{
        font-size:14px
    }
    .lead p{
        font-size:14px
    }
    .section-sub-title-dark,.section-sub-title-light{
        margin-bottom:35px
    }
    h2.section-lg-title-light{
        font-size:28px
    }
    h2.section-title-dark{
        font-size:24px
    }
    i.icon-default-dark{
        font-size:32px;
        line-height:32px
    }
    i.icon-default-dark:before{
        font-size:32px;
        line-height:32px
    }
    .appointment-layout1 h2{
        font-size:24px
    }
    .inner-title-bold h2{
        font-size:32px
    }
    .features-box-layout1 .item-content{
        padding:10px 10px 20px
    }
}
@media (min-width: 768px){
    .media{
    min-height: 250px;
}     
}

@media (max-width: 767px){
    .service-box-layout2 {
    padding: 15px 15px 10px;
}
}

.whatsapp {
    position: fixed;
    z-index: 999;
    bottom: 2%;
    left: 2%;
    cursor: pointer;
    background: #2fb51c;
    border-radius: 50%;
    padding: 6px;
}