@import "https://fonts.googleapis.com/css?family=Arvo:700|Open+Sans";
html{
    overflow-x:hidden
}
body{
    background:#fff;
    font-size:16px;
    font-weight:400;
    font-family:open sans,sans-serif;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:subpixel-antialiased;
    color:#abacae;
    line-height:25px;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow-x:hidden
}
h1,h2,h3,h4{
    font-size:38px;
    color:#222;
    font-weight:700;
    /*font-family:arvo,serif*/
}


html.sizes.customelements.history.pointerevents.postmessage.webgl.websockets.cssanimations.csscolumns.csscolumns-width.csscolumns-span.csscolumns-fill.csscolumns-gap.csscolumns-rule.csscolumns-rulecolor.csscolumns-rulestyle.csscolumns-rulewidth.no-csscolumns-breakbefore.no-csscolumns-breakafter.no-csscolumns-breakinside.flexbox.picture.srcset.webworkers body section#who-we-are.page-section.border-tb.about-content:nth-child(odd){
    background-color: #fff;
    padding: 80px 0 20px;
    margin-top: 50px;
    margin-bottom: 50px;
}
html.sizes.customelements.history.pointerevents.postmessage.webgl.websockets.cssanimations.csscolumns.csscolumns-width.csscolumns-span.csscolumns-fill.csscolumns-gap.csscolumns-rule.csscolumns-rulecolor.csscolumns-rulestyle.csscolumns-rulewidth.no-csscolumns-breakbefore.no-csscolumns-breakafter.no-csscolumns-breakinside.flexbox.picture.srcset.webworkers body section#who-we-are.page-section.border-tb.about-content:nth-child(even){
    background-color: #f9f9f9;
    padding: 80px 0 20px;
    margin-top: 50px;
}

a{
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
a:hover{
    text-decoration:none
}
a a:focus{
    outline:none
}
p{
    font-weight:400;
    font-family:open sans,sans-serif;
    margin:0;
    font-size:14px
}
ul,ol{
    list-style:outside none none;
    margin:0;
    padding:0
}
ul li,ol li{
    list-style:none
}
a:not([href]):not([tabindex]){
    color:#fff
}
.section-header{
    margin-bottom:30px
}
.section-header p{
    text:center;
    font-weight:400;
    line-height:26px
}
.section-title{
    font-size:30px;
    color:#222;
    display:inline-block;
    font-weight:700;
    position:relative
}
.shape{
    height:1px;
    margin:0 auto 30px;
    position:relative;
    width:60px;
    background-color:#007dc5
}
.padding-none{
    padding:0
}
.bg-gray{
    background:#f9f9f9
}
.overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(61,96,244,.3)
}
.btn{
    font-size:14px;
    padding:10px 30px;
    cursor:pointer;
    font-weight:400;
    color:#fff;
    border-radius:30px;
    transition:all .3s;
    display:inline-block
}
.btn:focus,.btn:active{
    box-shadow:none;
    outline:none;
    color:#fff
}
.btn-common{
    background-color:#007dc5;
    position:relative;
    z-index:1;
    text-transform:uppercase
}
.btn-common:hover{
    color:#007dc5;
    background:0 0;
    border:1px dotted #007dc5;
    box-shadow:0 6px 22px rgba(0,0,0,.1);
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out
}
.btn-border{
    color:#007dc5;
    background-color:transparent;
    border:1px solid #007dc5;
    border-radius:30px;
    text-transform:uppercase
}
.btn-border:hover{
    color:#fff;
    border-color:#007dc5;
    background-color:#007dc5
}
.btn-border:focus{
    color:#fff;
    border-color:#007dc5;
    background-color:#007dc5
}
.btn-lg{
    padding:14px 33px;
    text-transform:uppercase;
    font-size:16px
}
.btn-rm{
    padding:7px 0;
    color:#007dc5;
    text-transform:capitalize
}
.btn-rm:hover{
    color:#007dc5
}
button:focus{
    outline:none!important
}
.icon-close,.icon-check{
    color:#007dc5
}
.social-icon a{
    color:#666;
    background:#fff;
    width:32px;
    height:32px;
    line-height:34px;
    display:inline-block;
    text-align:center;
    border-radius:100%;
    font-size:16px;
    margin:15px 6px 12px 4px;
    transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    -webkit-transition:all .3s ease-in-out 0s;
    -o-transition:all .3s ease-in-out 0s
}
.social-icon a:hover{
    color:#fff!important
}
.social-icon .facebook:hover{
    background:#3b5999
}
.social-icon .twitter:hover{
    background:#4a9cec
}
.social-icon .instagram:hover{
    background:#d6274d
}
.social-icon .linkedin:hover{
    background:#1260a2
}
.social-icon .google:hover{
    background:#ce332a
}
a.back-to-top{
    display:none;
    position:fixed;
    bottom:18px;
    right:15px;
    text-decoration:none;
    z-index:99999
}
a.back-to-top i{
    display:block;
    font-size:22px;
    width:40px;
    height:40px;
    line-height:40px;
    color:#fff;
    background:#007dc5;
    border-radius:30px;
    text-align:center;
    transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}
a.back-to-top:hover,a.back-to-top:focus{
    text-decoration:none
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff;
    z-index:9999999
}
.loader{
    top:50%;
    width:50px;
    height:50px;
    border-radius:100%;
    position:relative;
    margin:0 auto
}
#loader-1:before,#loader-1:after{
    content:"";
    position:absolute;
    top:-10px;
    left:-10px;
    width:100%;
    height:100%;
    border-radius:100%;
    border:7px solid transparent;
    border-top-color:#007dc5
}
#loader-1:before{
    z-index:100;
    animation:spin 1s infinite
}
#loader-1:after{
    border:7px solid #f2f2f2
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.section-padding{
    padding: 50px 0
}
hr{
    border-top:1px dotted #ddd
}
#features{
    background:#fff
}
#features .icon{
    display:inline-block;
    width:60px;
    height:60px;
    border-radius:4px;
    text-align:center;
    position:relative;
    z-index:1
}
#features .content-left span{
    float:right
}
#features .content-left .text{
    text-align:right
}
#features .content-right span{
    float:left
}
#features .box-item{
    box-shadow:0 2px 18px 0 rgba(198,198,198,.3);
    padding:15px;
    line-height:22px;
    margin-top:30px;
    border-radius:3px;
    background-color:#fff;
    position:relative;
    top:0;
    transition:all .3s
}
#features .box-item .icon{
    text-align:center;
    margin:12px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#features .box-item .icon i{
    color:#007dc5;
    font-size:30px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#features .box-item .text h4{
    cursor:pointer;
    font-size:18px;
    font-weight:500;
    line-height:22px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear
}
#features .box-item .text p{
    font-size:14px;
    line-height:26px
}
#features .box-item:hover{
    box-shadow:0 10px 22px 10px rgba(27,38,49,.1)
}
#features .box-item:hover h4{
    color:#007dc5
}
#features .show-box{
    margin-top:50px
}
#features .show-box img{
    width:100%
}
.services-item{
    padding:20px;
    border-radius:4px;
    text-align:center;
    margin:15px 0;
    box-shadow:0 20px 20px 0 rgba(198,198,198,.3);
    transition:all .3s
}
.services-item .icon{
    border:1px solid rgba(198,198,198,.3);
    width:70px;
    height:70px;
    border-radius:50%;
    margin:0 auto;
    transition:all .3s
}
.services-item .icon i{
    font-size:30px;
    color:#007dc5;
    line-height:70px;
    transition:all .3s
}
.services-item .services-content h3{
    margin-top:10px;
    font-weight:500;
    font-size: 15px;
    margin-bottom:10px;
    line-height: 20px !important;
}
.services-item .services-content h3 a{
    font-size:16px;
    color:#585b60
}
.services-item .services-content h3 a:hover{
    color:#007dc5
}
.services-item:hover{
    box-shadow:0 10px 22px 10px rgba(27,38,49,.1)
}
.services-item:hover .icon{
    background:#007dc5
}
.services-item:hover .icon i{
    color:#fff
}
#service{
    position:relative
}
.about-area .about-wrapper{
    height:100%;
    width:100%;
    display:table
}
.about-area .about-wrapper>div{
    vertical-align:middle;
    display:table-cell
}
.about-area img{
    border-radius:4px
}
.about-area .content{
    margin-top:15px
}
.about-area .content p{
    margin-bottom:30px;
    text-align:justify;
}
/*#cta{
    padding:30px 0
}*/
.navbar-area{
    transition:all .3s;
    background:#fff
}
.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999
}
.sticky{
    position:absolute;
    z-index:9999;
    width:100%;
    top:0;
    left:0;
    background-color:#fff;
    transition:all .3s;
    /*box-shadow:0 0 20px 0 rgba(0,0,0,.1)*/
}
.sticky .navbar{
    padding:20px 0
}
.navbar{
    padding:0;
    border-radius:5px;
    position:relative;
    transition:all .3s;
    padding:20px 0
}
.navbar-brand{
    padding:0
}
.navbar-brand img{
    max-width:150px
}
.navbar-toggler{
    padding:0
}
.navbar-toggler .toggler-icon{
    width:30px;
    height:2px;
    background-color:#585b60;
    display:block;
    margin:5px 0;
    position:relative;
    transition:all .3s
}
.navbar-toggler.active .toggler-icon:nth-of-type(1){
    transform:rotate(45deg);
    top:7px
}
.navbar-toggler.active .toggler-icon:nth-of-type(2){
    opacity:0
}
.navbar-toggler.active .toggler-icon:nth-of-type(3){
    transform:rotate(135deg);
    top:-7px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .navbar-collapse{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background-color:#fff;
        z-index:9;
        box-shadow:0 15px 20px 0 rgba(0,0,0,.1);
        padding:5px 12px
    }
}
@media(max-width:767px){
    .navbar-collapse{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background-color:#fff;
        z-index:9;
        box-shadow:0 15px 20px 0 rgba(88,91,96,.1);
        padding:5px 12px
    }
    h3.caption-heading{
        font-size: 20px !important;
    }
    h3.caption-heading p{
        font-size: 14px !important;
    }
    .business_menu
    {
        max-height: 300px !important;
        overflow-y: scroll !important;
    }
}
.navbar-nav .nav-item{
    margin-left:20px;
    position:relative
}
.navbar-nav .nav-item:first-child{
    margin-left:0
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .navbar-nav .nav-item{
        margin-left:30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .navbar-nav .nav-item{
        margin:0
    }
}
@media(max-width:767px){
    .navbar-nav .nav-item{
        margin:0
    }
}
.navbar-nav .nav-item a{
    font-size:16px;
    color:#585b60;
    transition:all .3s;
    position:relative
}
.navbar-nav .nav-item a::after{
    content:'';
    position:absolute;
    width:0%;
    height:2px;
    background:#007dc5;
    bottom:-5px;
    left:0;
    right:0;
    margin:0 auto;
    transition:all .3s
}
@media only screen and (min-width:768px) and (max-width:991px){
    .navbar-nav .nav-item a::after{
        display:none
    }
}
@media(max-width:767px){
    .navbar-nav .nav-item a::after{
        display:none
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .navbar-nav .nav-item a{
        display:block;
        padding:6px 0
    }
}
@media(max-width:767px){
    .navbar-nav .nav-item a{
        display:block;
        padding:6px 0
    }
    .desktop
    {
        display: none !important;
    }
    .mobile
    {
        display: block;
    }
}
@media(min-width: 767px){
    .mobile{
        display: none !important;
    }
    .desktop{
        display: block;
    }
}
.navbar-nav .nav-item:hover a::after{
    width:100%
}
.navbar-nav .nav-item.active>a,.navbar-nav .nav-item:hover>a{
    color:#007dc5
}
.navbar-nav .nav-item:hover .sub-menu{
    top:100%;
    opacity:1;
    visibility:visible
}
.navbar-nav .nav-item:hover .sub-menu {
    top:100%;
    opacity:1;
    visibility:visible
}
.navbar-nav .nav-item:hover ul ul {
    display: none;
}
.navbar-nav .nav-item li:hover ul {
    display:block;
}
.navbar-nav .nav-item ul li .sublists {
    white-space: nowrap;
    background-color:#fff;
    box-shadow:0 0 20px 0 rgba(0,0,0,.1);
    position:absolute;
    top:0%;
    left:100%;
    opacity:100%;
    transition:all .3s
}

@media only screen and (min-width:768px) and (max-width:991px){
    .navbar-nav .nav-item:hover .sub-menu{
        top:0
    }
}
@media(max-width:767px){
    .navbar-nav .nav-item:hover .sub-menu{
        top:0
    }
}
.navbar-nav .nav-item .sub-menu{
    white-space: nowrap;
    background-color:#fff;
    box-shadow:0 0 20px 0 rgba(0,0,0,.1);
    position:absolute;
    top:110%;
    left:0;
    opacity:0;
    visibility:hidden;
    transition:all .3s
}
@media only screen and (min-width:768px) and (max-width:991px){
    .navbar-nav .nav-item .sub-menu{
        position:relative;
        width:100%;
        top:0;
        display:none;
        opacity:1;
        visibility:visible
    }
}
@media(max-width:767px){
    .navbar-nav .nav-item .sub-menu{
        position:relative;
        width:100%;
        top:0;
        display:none;
        opacity:1;
        visibility:visible
    }
    .navbar-nav .nav-item ul li .sublists
    {
        left: 36%;
        top: 45px;
        z-index: 999;
    }
    .mobilesubhead, .plusicon
    {
        display: inline-block !important;
    }
}
.nav-item .sub-menu .mobile li a
{
    display: inline-block;
}
.navbar-nav .nav-item .sub-menu li{
    display:block
}

.navbar-nav .nav-item .sub-menu li a{
    display:block;
    padding:8px 20px;
}
.navbar-nav .nav-item .sub-menu li a.active,.navbar-nav .nav-item .sub-menu li a:hover{
    padding-left:25px;
    color:#007dc5
}
.navbar-nav .sub-nav-toggler{
    display:none
}
@media only screen and (min-width:768px) and (max-width:991px){
    .navbar-nav .sub-nav-toggler{
        display:block;
        position:absolute;
        right:0;
        top:0;
        background:0 0;
        color:#585b60;
        font-size:18px;
        border:0;
        width:30px;
        height:30px
    }
}
@media(max-width:767px){
    .navbar-nav .sub-nav-toggler{
        display:block;
        position:absolute;
        right:0;
        top:0;
        background:0 0;
        color:#585b60;
        font-size:18px;
        border:0;
        width:30px;
        height:30px
    }
}
.navbar-nav .sub-nav-toggler span{
    width:8px;
    height:8px;
    border-left:1px solid #585b60;
    border-bottom:1px solid #585b60;
    transform:rotate(-45deg);
    position:relative;
    top:-5px
}
#hero-area{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    min-height:100px;
    position:relative;
    overflow:hidden;
    /*padding-top: 112px;*/
    padding-bottom: 0px !important;
}
#hero-area .contents .head-title{
    color:#222;
    font-size:42px;
    font-weight:700;
    line-height:60px;
    margin-bottom:10px
}
#hero-area .contents .header-button{
    margin-top:20px;
    color:#222
}
#hero-area .contents .header-button .btn{
    margin-right:10px
}
.sloder-img{
    background:#34363a
}
.team-item:hover{
    box-shadow:0 10px 22px 10px rgba(27,38,49,.1)
}
.team-item{
    margin:15px 0;
    border-radius:0;
    box-shadow:0 2px 18px 0 rgba(198,198,198,.3);
    transition:all .3s;
    display: flex;
}
.team-item .team-img{
    width:200px
}
.team-item .contetn{
    padding:15px 30px;
    /*min-height:200px;*/
    height:auto;
    width:calc(100% - 200px);
}
.team-item .social-icons{
    padding-top:11px;
    transition:all .3s
}
.team-item .social-icons li{
    display:inline-block;
    margin-right:10px
}
.team-item .social-icons li a{
    letter-spacing:0;
    outline:0!important
}
.team-item .social-icons li a i{
    font-size:18px;
    display:block;
    transition:all .3s
}
.team-item .social-icons li .lni-facebook-filled{
    color:#3b5998
}
.team-item .social-icons li .lni-twitter-filled{
    color:#00aced
}
.team-item .social-icons li .lni-instagram-filled{
    color:#fb3958
}
.team-item .info-text{
    margin-bottom:10px
}
.team-item .info-text h3{
    font-size:16px;
    text-transform:uppercase;
    font-weight:500;
    margin-bottom:5px
}
.team-item .info-text h3 a{
    color:#333
}
.team-item .info-text h3 a:hover{
    color:#007dc5
}
.team-item .info-text p{
    margin:0;
    color:#888
}
.team-item:hover .team-overlay{
    opacity:1
}
#pricing{
    text-align:center
}
#pricing .title{
    padding-top:20px
}
#pricing .title h3{
    text-transform:uppercase;
    color:#333;
    font-size:18px
}
#pricing .title .month-plan{
    font-size:16px;
    font-weight:500;
    color:#333
}
#pricing .table{
    margin-top:15px;
    padding:30px;
    border-radius:4px;
    border:none!important;
    box-shadow:0 2px 18px 0 rgba(198,198,198,.3);
    transition:all .3s
}
#pricing .table .icon-box{
    position:relative;
    width:80px;
    height:80px;
    border-radius:50%;
    display:inline-block;
    vertical-align:middle;
    background-color:#ebedef;
    margin-bottom:20px;
    transition:all .3s
}
#pricing .table .icon-box i{
    color:#007dc5;
    line-height:80px;
    font-size:30px;
    transition:all .3s
}
#pricing .table .pricing-header{
    position:relative;
    text-align:center
}
#pricing .table .pricing-header .price-value{
    font-size:24px;
    color:#007dc5;
    position:relative;
    text-align:center;
    font-weight:700
}
#pricing .table .pricing-header .price-value sup{
    font-size:16px;
    font-weight:500;
    top:-18px
}
#pricing .table .pricing-header .price-value span{
    font-size:15px;
    color:#abacae;
    font-weight:400
}
#pricing .table .description{
    text-align:center;
    padding:0 40px;
    margin-bottom:20px
}
#pricing .table .description li{
    font-size:14px;
    font-weight:400;
    color:#abacae;
    padding:4px 0
}
#pricing .table .description li:last-child{
    border-bottom:none
}
#pricing .table:hover{
    background:#fff;
    box-shadow:0 10px 22px 10px rgba(27,38,49,.1)
}
#pricing .table:hover .icon-box{
    background:#007dc5
}
#pricing .table:hover .icon-box i{
    color:#fff
}
#pricing #active-tb{
    background:#fff;
    box-shadow:0 10px 22px 10px rgba(27,38,49,.1)
}
#pricing #active-tb .icon-box{
    background:#007dc5
}
#pricing #active-tb .icon-box i{
    color:#fff
}
#pricing .active{
    z-index:999
}
.testimonial{
    position:relative;
    background-color:#fff;
}
.testimonial-item{
    background:#fff;
    border-radius:4px;
    text-align:center;
    padding:30px 20px
}
.testimonial-item .img-thumb{
    position:relative;
    margin:15px 15px 15px 0
}
.testimonial-item .img-thumb img{
    border-radius:50%;
    display:inline-block;
    width:inherit;
    padding:7px
}
.testimonial-item .content{
    overflow:hidden
}
.testimonial-item .content .description{
    width:100%;
    color:#333
}
.testimonial-item .content .star-icon i{
    color:#007dc5
}
.testimonial-item .info h2{
    font-size:16px;
    font-weight:700;
    text-transform:uppercase;
    line-height:30px;
    margin:0
}
.testimonial-item .info h2 a{
    color:#333
}
.testimonial-item .info h3{
    margin:0;
    clear:both;
    font-size:14px;
    font-weight:500;
    line-height:26px;
    margin-bottom:10px
}
.testimonial-item .info h3 a{
    color:#333
}
.testimonial-item .info .indicator{
    font-size:26px;
    font-weight:700;
    color:#007dc5
}
.testimonial-item .icon-social{
    margin-top:30px
}
.testimonial-item .icon-social a{
    color:#666;
    background:#fff;
    width:32px;
    height:32px;
    line-height:34px;
    display:inline-block;
    text-align:center;
    border-radius:100%;
    font-size:15px;
    margin:15px 6px 12px 4px;
    transition:all .3s
}
.testimonial-item .icon-social a:hover{
    color:#fff
}
.testimonial-item .icon-social .facebook:hover{
    background:#3b5999
}
.testimonial-item .icon-social .twitter:hover{
    background:#4a9cec
}
.testimonial-item .icon-social .instagram:hover{
    background:#d6274d
}
.testimonial-item .icon-social .linkedin:hover{
    background:#1260a2
}
.testimonial-item .icon-social .google:hover{
    background:#ce332a
}
.owl-pagination{
    position:absolute;
    width:100%;
    left:0;
    bottom:-40px
}
.owl-carousel .owl-dots{
    text-align:center;
    margin-top:20px
}
.owl-carousel button.owl-dot{
    display:inline-block;
    zoom:1;
    display:inline;
    text-align:center
}
.owl-carousel button.owl-dot span{
    display:block;
    width:12px;
    height:12px;
    margin:2px 4px;
    filter:alpha(opacity=50);
    opacity:1;
    border-radius:30px;
    background:#fff;
    border:2px solid #fff;
    box-shadow:0 0 2px rgba(0,0,0,.2);
    transition:all .3s
}
.owl-carousel button.owl-dot.active span,.owl-carousel button.owl-dot.clickable,.owl-carousel button.owl-dot:hover span{
    background:#007dc5
}
.slick-slider{
    padding:80px 0
}
.slider-center img{
    opacity:.7;
    transition:all .3s;
    padding:63px;
    position:relative;
    text-align:center
}
.slider-center .slick-center img{
    -moz-transform:scale(1.9);
    -ms-transform:scale(1.9);
    -o-transform:scale(1.9);
    -webkit-transform:scale(1.9);
    opacity:1;
    transform:scale(1.9)
}
.form-control{
    width:100%;
    margin-bottom:20px;
    font-size:14px;
    border-radius:4px;
    padding:10px;
    border:1px solid #f1f1f1;
    transition:all .3s
}
.form-control:focus{
    border-color:#007dc5;
    box-shadow:none;
    outline:none
}
textarea{
    border-radius:4px!important
}
.form-control:focus{
    box-shadow:none;
    outline:none
}
.btn.disabled,.btn:disabled{
    opacity:1
}
.contact-form-area h2{
    font-size:18px;
    text-transform:uppercase
}
.contact-right-area{
    margin-left:50px
}
.contact-right-area .contact-title{
    margin-bottom:20px
}
.contact-right-area .contact-title h1{
    font-size:22px
}
.contact-right{
    padding:4px
}
.contact-right .single-contact{
    margin:30px 0;
    padding:3px 55px;
    position:relative;
    color:#abacae
}
.contact-right .single-contact p{
    margin-bottom:0
}
.contact-right .single-contact p a{
    color:#abacae
}
.contact-right .contact-icon{
    background:#007dc5;
    color:#fff;
    border-radius:4px;
    font-size:20px;
    height:40px;
    left:0;
    padding-top:8px;
    position:absolute;
    text-align:center;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:40px
}
.h3{
    float:right;
    font-size:16px
}
.footer-area{
    position:relative;
    padding: 100px 0 0;
    border-top: solid 20px #f9f9f9;
}
.footer-area .footer-titel{
    font-size:18px;
    color:#333;
    font-weight:500;
    padding-bottom:20px;
    letter-spacing:.5px
}
.footer-area .footer-titel span{
    color:#ccc;
    font-weight:400
}
.footer-area .textwidget p{
    color:#333
}
.footer-area .footer-link li{
    margin-bottom:10px
}
.footer-area .footer-link li a{
    color:#333;
    font-size:14px;
    font-weight:400;
    position:relative
}
.footer-area .footer-link li a:hover{
    color:#007dc5
}
.footer-area .address li{
    /*margin-bottom:20px*/
}
.footer-area .address li a{
    color:#666;
    font-size:14px;
    line-height:30px;
    font-weight:400
}
.footer-area .address li a i{
    font-size:22px;
    width:32px;
    vertical-align:middle;
    height:36px;
    text-align:center;
    display:inline-block;
    float:left;
    margin-right:5px;
    line-height:32px
}
.footer-area #subscribe-form{
    margin-top:10px
}
.footer-area #subscribe-form .form-group{
    position:relative
}
.footer-area #subscribe-form .form-group .btn-common{
    position:absolute;
    top:0;
    right:0;
    padding:7px 15px;
    height:52px;
    border-radius:0;
    background:0 0;
    color:#007dc5
}
#copyright .copyright-content{
    border-top:1px solid #d5d4e9;
    padding:15px 0;
    margin:45px 0 0
}
#copyright p{
    line-height:42px;
    color:#333;
    text-align:center;
    margin:0
}
#copyright p a{
    color:#007dc5
}
.social-icon a{
    color:#272727;
    background:#fff;
    width:32px;
    height:32px;
    line-height:34px;
    display:inline-block;
    text-align:center;
    border-radius:4px;
    font-size:16px;
    margin:15px 6px 12px 4px;
    transition:all .3s
}
.social-icon a:hover{
    color:#fff!important
}
.social-icon .facebook:hover{
    background:#3b5999
}
.social-icon .twitter:hover{
    background:#4a9cec
}
.social-icon .instagram:hover{
    background:#d6274d
}
.social-icon .linkedin:hover{
    background:#1260a2
}
.social-icon .google:hover{
    background:#ce332a
}

#who-we-are.page-section.border-tb.about-content p strong{
    color: black;
}
.career-text{
    color: black;
}
.career-text ul li{
    list-style: decimal !important;
    margin-left: 20px;
}

h2.team-name a{
font-size: 18px !important;
color: #222 !important;
text-align: center;
cursor: pointer;
margin-top: 20px;

}
h2.team-post a{
font-size: 16px !important;
color: #222 !important;
text-align: center;
cursor: pointer;
}
#who-we-are.page-section.border-tb.about-content .container.who-we-are .row.lit-space .owl-carousel.navigation-1.text-left #logo-carousel_1.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-stage-outer .owl-stage .owl-item.active .item .post-item.col-md-12 .post-image.pull-left p.text-center.team-name{
    margin-top: 10px;
}
#who-we-are.page-section.border-tb.about-content .container.who-we-are .row.lit-space .owl-carousel.navigation-1.text-left #logo-carousel_1.owl-carousel.owl-theme.owl-loaded.owl-drag .owl-stage-outer .owl-stage .owl-item.active .item .post-item.col-md-12 .post-image.pull-left p.text-center.team-post{
    margin-bottom: 10px;
}
/*Banner caption*/
.heroHeadline {
    min-height: 600px;
    height: 600px;
    position: relative;
    color: #fff;
}
.heroHeadline > .sectionContent {
    max-width: 50rem;
}
.sectionContent {
    position: absolute;
    margin: 0;
    max-width: 70rem;
    top: 50%;
    z-index: 2;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
}
.heroHeadline > .sectionContent > .bannerHeading > span {
    padding: .6rem 1rem;
    color: #fff;
    background-color: #043a5b;
    font-style: italic;
    font-size: 1.4rem;
}
.brandInfo {
    margin-left: 2.5rem;
    margin-top: 1.5rem;
}
.brandInfo > .heroHeading {
    margin-bottom: 2rem;
}
.heroHeading a{
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    font-size: 
}
.brandInfo a:hover, .brandInfo a span:hover{
    color: #fff;
    text-decoration: none;
}
.brandInfo > .heroHeading > span {
    display: inline-block;
}
.buttonMore, .extrabutton {
    border-radius: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: relative;
    padding: 7px;
    color: #fff;
    border: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.simButton {
    height: 35px;
    text-align: center;
    max-width: 13rem;
    width: 100%;
    background-color: #e2a330 !important;
    margin-left: 2rem;
}
.readMArrow {
    margin-left: 5px;
}
@media(max-width: 575px){
    .brandsSection .sectionContent {
      top: 38%;
  }
  .heroHeadline > .sectionContent {
    max-width: 25rem !important;
}
.sectionContent{
    top:35% !important;
}
}

.fadeInBanner.heroForegrounds {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s;
}
.fadeInBanner {
    opacity: 1;
    -webkit-animation: fadein ease-in 1;
    -moz-animation: fadein ease-in 1;
    animation: fadein ease-in 1;
        animation-duration: 0s;
        animation-delay: 0s;
        animation-fill-mode: none;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
}
.heroForegrounds {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    top: 0;

}
.view-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

@media (min-height: 600px) {
  .shortdisplay {
        display: none !important;
  }

  .long_display
  {
        display: block !important;
  }
}
@media (max-height: 599px) {
  .shortdisplay {
        display: block !important;
  }

  .long_display
  {
        display: none !important;
  }
}