/*------------------------------------------------------------------
[Table of contents]

 - global styles
 - equal col`s height
 - rounded elements
 - typography
 - headings
 - big adaptive title
 - breadcrumbs
 - socials links
 - info columns
 - map/form
 - pagination
 - tags
 - calendar
 - price offers
 - price offers
 
- Project:	Futurico - Multipurpose HTML Template
- Version:	1.1
- Author:  Andrey Sokoltsov
- Profile:	http://themeforest.net/user/andreysokoltsov

-------------------------------------------------------------------*/

/* sticky footer */

@font-face {
    font-family: 'NeoSans';
    src: url(../fonts/NeoSans-regular.otf);
    src: url("../fonts/NeoSans-regular.eot?#iefix") format('embedded-opentype'), url("../fonts/NeoSans-regular.woff") format('woff'), url("../fonts/NeoSans-regular.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'greeta';
    src: url(../fonts/Greta_Arabic_Regular.otf);
    src: url("../fonts/Greta_Arabic_Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/Greta_Arabic_Regular.woff") format('woff'), url("../fonts/Greta_Arabic_Regular.ttf") format('truetype'), url("../fonts/Greta_Arabic_Regular.svg") format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'NeoSans', sans-serif;
    overflow-x: hidden
}

h3,
h4,
h1,
h2,
.nav {
    font-family: 'NeoSans', sans-serif;
}

.nav1 {
    font-family: 'geneva', sans-serif;
}

.navbar-right {
    padding: 0;
}

img {
    max-width: 100%;
}

p {
    line-height: 180%;
}

a,
input,
select {
    outline: none !important
}

.b-page-wrap {
    flex: 1 0 auto;
}

footer {
    flex: 0 0 auto;
}


/* global styles */

a {
    color: inherit;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

a:hover,
a:active,
a:focus {
    color: inherit;
    outline: none !important;
    text-decoration: none;
}

button:active,
button:focus {
    outline: none !important;
    text-decoration: none;
}


/* equal col`s height */

.row.equal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.equal > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


/* rounded elements */

.aside-author .userpic,
.blog-item-content,
.b-blog-classic .blog-item-content .blog-item-img,
.b-single-tags-share,
.b-single-slideshow-holder,
.b-reply,
.b-single-gallery-carousel .single-gallery-item img,
.about-additional-img,
.b-links,
.b-features-column,
.b-features-column-mod {
    border-radius: 4px;
}


/* typography */

body {
    color: #818b95;
    font-size: 14px;
}

.b-text {
    line-height: 2;
}


/* headings */

.main-heading {
    margin: 0 0 26px;
    color: #232c30;
    font-size: 30px;
    font-weight: 300;
}

.heading-text {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 62px;
}



/*===============================================
  D. Padding Helpers
================================================= */

.pn {
    padding: 0 !important;
}

.p1 {
    padding: 1px !important;
}

.p2 {
    padding: 2px !important;
}

.p3 {
    padding: 3px !important;
}

.p4 {
    padding: 4px !important;
}

.p5 {
    padding: 5px !important;
}

.p6 {
    padding: 6px !important;
}

.p7 {
    padding: 7px !important;
}

.p8 {
    padding: 8px !important;
}

.p10 {
    padding: 10px !important;
}

.p12 {
    padding: 12px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p35 {
    padding: 35px !important;
}

.p40 {
    padding: 40px !important;
}

.p50 {
    padding: 50px !important;
}

.ptn {
    padding-top: 0 !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.prn {
    padding-left: 0 !important;
}

.pr5 {
    padding-left: 5px !important;
}

.pr10 {
    padding-left: 10px !important;
}

.pr15 {
    padding-left: 15px !important;
}

.pr20 {
    padding-left: 20px !important;
}

.pr25 {
    padding-left: 25px !important;
}

.pr30 {
    padding-left: 30px !important;
}

.pr35 {
    padding-left: 35px !important;
}

.pr40 {
    padding-left: 40px !important;
}

.pr50 {
    padding-left: 50px !important;
}

.pbn {
    padding-bottom: 0 !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pln {
    padding-right: 0 !important;
}

.pl5 {
    padding-right: 5px !important;
}

.pl10 {
    padding-right: 10px !important;
}

.pl15 {
    padding-right: 15px !important;
}

.pl20 {
    padding-right: 20px !important;
}

.pl25 {
    padding-right: 25px !important;
}

.pl30 {
    padding-right: 30px !important;
}

.pl35 {
    padding-right: 35px !important;
}

.pl40 {
    padding-right: 40px !important;
}

.pl50 {
    padding-right: 50px !important;
}

/* Axis Padding (both top/bottom or right/left) */

.pv5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pv8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pv10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pv15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pv20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pv25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.pv30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pv40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pv50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.ph5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.ph8 {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.ph10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.ph15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.ph20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.ph25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.ph30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.ph40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.ph50 {
    padding-right: 50px !important;
    padding-left: 50px !important;
}

/* responsive padding helpers */

@media (min-width: 1140px) {
    .ptn-lg {
        padding-top: 0 !important;
    }

    .prn-lg {
        padding-left: 0 !important;
    }

    .pbn-lg {
        padding-bottom: 0 !important;
    }

    .pln-lg {
        padding-right: 0 !important;
    }

    .pt5-lg {
        padding-top: 5px !important;
    }

    .pr5-lg {
        padding-left: 5px !important;
    }

    .pb5-lg {
        padding-bottom: 5px !important;
    }

    .pl5-lg {
        padding-right: 5px !important;
    }
}

@media (min-width: 992px) {
    .ptn-md {
        padding-top: 0 !important;
    }

    .prn-md {
        padding-left: 0 !important;
    }

    .pbn-md {
        padding-bottom: 0 !important;
    }

    .pln-md {
        padding-right: 0 !important;
    }

    .pt5-md {
        padding-top: 5px !important;
    }

    .pr5-md {
        padding-left: 5px !important;
    }

    .pb5-md {
        padding-bottom: 5px !important;
    }

    .pl5-md {
        padding-right: 5px !important;
    }
}

/*********************/

.m1 {
    margin: 1px !important;
}

.m2 {
    margin-right: 3px;
}

.m3 {
    margin: 3px !important;
}

.m4 {
    margin: 4px !important;
}

.m5 {
    margin: 5px !important;
}

.m8 {
    margin: 8px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m35 {
    margin: 35px !important;
}

.m40 {
    margin: 40px !important;
}

.m50 {
    margin: 50px !important;
}

.mtn {
    margin-top: 0 !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mrn {
    margin-left: 0 !important;
}

.mr3 {
    margin-left: 3px !important;
}

.mr5 {
    margin-left: 5px !important;
}











.mr10 {
    margin-left: 10px !important;
}

.mr15 {

    margin-left: 15px !important;
}

.mr20 {
    margin-left: 20px !important;
}

.mr25 {
    margin-left: 25px !important;
}

.mr30 {
    margin-left: 30px !important;
}

.mr35 {
    margin-left: 35px !important;
}

.mr40 {
    margin-left: 40px !important;
}

.mr50 {
    margin-left: 50px !important;
}

.mbn {
    margin-bottom: 0 !important;
}

.mb3 {
    margin-bottom: 3px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mln {
    margin-right: 0 !important;
}

.ml3 {
    margin-right: 3px !important;
}

.ml5 {
    margin-right: 5px !important;
}

.ml10 {
    margin-right: 10px !important;
}

.ml15 {
    margin-right: 15px !important;
}

.ml20 {
    margin-right: 20px !important;
}

.ml25 {
    margin-right: 25px !important;
}

.ml30 {
    margin-right: 30px !important;
}

.ml35 {
    margin-right: 35px !important;
}

.ml40 {
    margin-right: 40px !important;
}

.ml50 {
    margin-right: 50px !important;
}

/* Axis Margins (both top/bottom or right/left) */

.mv5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mv15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mv20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mv25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mv40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mv50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mv70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.mh5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.mh10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.mh15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.mh20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.mh25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
}

.mh30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.mh40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}

.mh50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
}

.mh70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
}

.pln {
    padding-right: 0 !important;
}

.prn {
    padding-left: 0 !important;
}

.mln {
    margin-right: 0 !important;
}

.mrn {
    margin-left: 0 !important;
}

.pn {
    padding: 0 !important;
}

.mn {
    margin: 0 !important;
}

.pl5 {
    padding-right: 5px !important;
}


/* big adaptive title */

.b-upper-title {
    margin: 0 0 -55px;
    font-weight: bold;
    color: #e3eff5;
    line-height: 1;
    padding: 0 25px;
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    cursor: default;
}

/****************************************/
.bdy2 {
    background-color: #465567;
}

.login1 {
    margin-top: 10%;
}

.forme {

    background: #fff;

    padding: 35px 30px;

    border-radius: 30px;
}
/********************apps**************************/


.tit1{
    font-size: 18px;
    margin: 0  0 0;
    background: #333;
    padding: 10px 11px 13px;
    color: #fff;
    border: 2px #333 solid;
    border-bottom: navajowhite;
}
.appsStoreCon{
    background: #465567;
    text-align: center;
    padding: 9px 0 0px;
}
.appsStoreCon a{
    font-size: 44px;
    margin: 0 15px;
    display: inline-block;
    color: #fff;
}
.appsStoreCon a:hover{
}
.AppsCon{
    text-align: center;
    position: relative;
    padding: 33px 20px;
    border: 1px #465567 solid;
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
    margin: 7px 0 0;
}
.AppsCon h2{position: absolute;font-size: 19px;padding: 5px 8px;color: #000;font-weight: bold;top: -38px;background: #fff;}
.AppsCon a{
    display: inline-block;
    margin: 5px 16px;
}
.AppsCon a img{
    width: 150px;
}
.AppsCon a:hover{}
a.button-1 {
    font-size: 15px;
    color: #fff;
}

.button-1 {
    background: -webkit-gradient(linear, left top, right top, from(#1b7fb3), to(#07b5c2));
    background: linear-gradient(to right, #1b7fb3, #07b5c2);
    padding: 10px;
    border-radius: 15px;
    color: #fff;


}

.button-1:hover {
    background: #465567;
}

/**************************************/
/* requires the following CSS rules for slabtext plugin */

.slabtexted .slabtext {
    display: -moz-inline-box;
    display: inline-block;
    white-space: nowrap;
}

.slabtextinactive .slabtext {
    display: inline;
    white-space: normal;
    font-size: 1em !important;
    letter-spacing: inherit !important;
    word-spacing: inherit !important;
    *letter-spacing: normal !important;
    *word-spacing: normal !important;
}

.slabtextdone .slabtext {
    display: block;
}

.big-title {
    font-size: 30px;
    color: #23272c;
    margin: 0 0 32px;
}

.big-title-mod {
    font-size: 28px;
    font-weight: 300;
    color: #232c30;
    margin: 0 0 22px;
    font-family: 'NeoSans', sans-serif;
}

.big-title-text {
    font-size: 24px;
    font-weight: 300;
    padding: 10px 0;
}

.b-title-head {
    margin-bottom: 32px;
}

.b-title-head .btn {
    top: 10px;
}

.small-title {
    font-size: 18px;
    color: #23272c;
    margin: 0 0 12px;
}

.inline-title {
    display: inline;
    font-size: 13px;
    color: #23272c;
    padding-right: 8px;
}

.inherit-title {
    font-size: 40px;
    color: inherit;
    font-weight: 300;
    margin: 0 0 20px;
}

.heading-line {
    font-size: 48px;
    color: #2b2b2b;
    font-weight: 300;
    padding-bottom: 75px;
    position: relative;
    margin: 0 0 15px;
}

.heading-line:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 50px;
}

.tabs-title {
    color: inherit;
    font-size: 48px;
    font-weight: 300;
    margin: 0 0 58px;
}

.b-icon-heading {
    position: relative;
    margin-bottom: 54px;
}

.b-icon-heading:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 30px;
    width: 44%;
    height: 1px;
    background: #e3e9ed;
}

.b-icon-heading:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 30px;
    width: 44%;
    height: 1px;
    background: #e3e9ed;
}

.b-icon-heading .icon {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 12px;
    margin-bottom: 34px;
    position: relative;
    z-index: 1;
}

.b-icon-heading .icon-heading-title {
    font-size: 48px;
    font-weight: 300;
    color: #232c30;
    margin: 0 0 25px;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}

/* breadcrumbs */

.dataTable thead tr:last-child {
    /* display:none; */
}

.b-breadcrumbs {
    display: inline-block;
    text-transform: uppercase;
    font-size: 13px;
    border: 1px solid #e9ecef;
    padding: 10px 22px;
    border-radius: 25px;
    margin-bottom: 45px;
    font-family: 'NeoSans', sans-serif;
}

.b-breadcrumbs ul {
    margin: 0;
}

.b-breadcrumbs ul li {
    vertical-align: middle;
    position: relative;
    padding: 0 0 0 16px;
    font-size: 16px;
}

.b-breadcrumbs ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.b-breadcrumbs ul li:last-child:after {
    display: none;
}

.b-breadcrumbs ul li:after {
    content: '/';
    display: inline-block;
    position: absolute;
    left: 3px;
    top: -1px;
}


/* socials links */

.b-socials li {
    padding: 0;
    margin-left: 18px;
    margin-bottom: 5px;
}

.b-socials li:last-child {
    margin-right: 0;
}

.b-socials a {
    font-size: 15px;
    color: #23272c;
}


/* info columns */

.b-info-columns-holder {
    margin-bottom: 68px;
}

.b-info-columns-holder .b-info-column {
    position: relative;
}

.b-info-columns-holder .b-info-column:after {
    content: '';
    display: block;
    width: 2px;
    height: 100%;
    position: absolute;
    top: 8px;
    left: 0;
    border-left: 1px dotted #999999;
}

.b-info-columns-holder .b-info-column:last-child::after {
    display: none;
}

.b-info-columns-holder.b-progress-list .b-info-column:after {
    width: 30px;
    height: 1px;
    background: #e6e6e6;
    border: none;
    top: 34px;
    right: -12px;
}

.b-info-columns-holder.b-steps-list {
    padding-top: 75px;
    margin-bottom: -15px;
}

.b-info-columns-holder.b-steps-list .b-info-column:after {
    display: none;
}

.b-info-columns-holder.b-steps-list .b-info-column:before {
    content: '';
    display: block;
    background: url("../media/general/step-arrow.png") no-repeat;
    position: absolute;
    width: 175px;
    height: 26px;
    top: 62px;
    right: -87px;
}

.b-info-columns-holder.b-steps-list .b-info-column:last-child:before {
    display: none;
}

.b-info-columns-holder.b-steps-list .b-info-column .info-column-icon {
    margin: 0 auto 25px;
    font-size: 50px;
    width: 120px;
    height: 120px;
    border: 1px solid #e8ecef;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.b-info-columns-holder.b-steps-list .b-info-column .info-column-icon .step-number {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px 11.5px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: -7px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}

.b-info-columns-holder.b-steps-list .b-info-column .info-column-title {
    font-size: 24px;
}

.b-info-column {
    text-align: center;
    margin-bottom: 25px;
}

.b-info-column .info-column-icon {
    font-size: 33px;
    margin-bottom: 16px;
}

.b-info-column .info-column-icon i:before {
    padding: 2px;
}

.b-info-column .info-column-title {
    margin: 0 0 10px;
    font-size: 18px;
    color: #23272c;
    font-family: 'NeoSans', sans-serif;
}

.b-info-column .b-progress-list__percent {
    font-size: 48px;
}


/* info column with big number of progress */

.b-big-progress {
    margin-top: -34px;
    margin-bottom: -26px;
}

.b-big-progress div {
    display: inline-block;
    vertical-align: middle;
}

.b-big-progress .b-progress-list__item {
    margin: 0 12px;
}

.b-big-progress .b-progress-list__percent {
    font-size: 250px;
    font-weight: 200;
    padding-left: 42px;
}

.b-big-progress .big-progress-description {
    font-size: 18px;
    text-align: left;
    line-height: 1.8;
}


/* map/form */

.b-map-form-holder {
    text-align: center;
    height: 690px;
    position: relative;
}

.map-form-switcher {
    display: inline-block;
    border: 5px solid rgba(255, 255, 255, 0.4);
    -webkit-background-clip: padding-box;
    /* for Safari */
    background-clip: padding-box;
    /* for IE9+, Firefox 4+, Opera, Chrome */
    border-radius: 40px;
    position: relative;
    top: -40px;
    z-index: 4;
}

.map-form-switcher .switcher-bg {
    background: #fff;
    padding: 15px 36px;
    border-radius: inherit;
}

.map-form-switcher .switcher-text {
    font-size: 16px;
    position: relative;
    top: 2px;
}

.map-form-switcher .switcher-toggle {
    display: inline-block;
    vertical-align: middle;
    margin: 0 22px;
    border: 1px solid #e8ecef;
    border-radius: 25px;
    background: #f6f8f9;
    width: 70px;
    height: 35px;
    position: relative;
    left: -4px;
    cursor: pointer;
    -webkit-transition: all 0.45s linear;
    -moz-transition: all 0.45s linear;
    -ms-transition: all 0.45s linear;
    -o-transition: all 0.45s linear;
    transition: all 0.45s linear;
}

.map-form-switcher .switcher-toggle .icon {
    display: block;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 1px solid #e8ecef;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.b-map-form-holder.map-active .map-form-switcher .switcher-toggle {
    border-color: transparent;
}

.b-map-form-holder.map-active .map-form-switcher .switcher-toggle .icon {
    left: 100%;
    margin-left: -30px;
}

.b-map {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.ui-map {
    height: 100%;
}


/* PRELOADER */

.preloaderjs .spinner {
    display: none !important;
}

.loader-wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}

.loader-wrap > span {
    display: block;
}

.preloaderjs#page-preloader {
    background: rgba(46, 46, 46, 0.99) !important;
}

#page-preloader {
    position: fixed;
    z-index: 100500;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#page-preloader .spinner {
    position: absolute;
    z-index: 1001;
    top: 50%;
    left: 50%;
    display: block;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: spin 2.5s infinite linear;
    animation: spin 2.5s infinite linear;
    border: 3px solid transparent;
    border-top-color: #e7e4d7;
    border-radius: 50%;
}

#page-preloader .spinner:before,
#page-preloader .spinner:after {
    position: absolute;
    content: '';
    border-radius: 50%;
}

#page-preloader .spinner:before {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    border: 3px solid transparent;
    border-top-color: #71383e;
}

#page-preloader .spinner:after {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    border: 3px solid transparent;
    border-top-color: #efa96b;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader02 {
    width: 56px;
    height: 56px;
    border: 8px solid white;
    border-top-color: #fff;
    border-radius: 50%;
    position: relative;
    animation: loader-rotate 1s linear infinite;
    top: 50%;
    margin: -28px auto 0 auto;
}

@keyframes loader-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* page arrow */

.page-arrow {
    text-align: center;
    font-size: 25px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0px 8px 21px -1px #e3e3e3;
    -moz-box-shadow: 0px 8px 21px -1px #e3e3e3;
    box-shadow: 0px 8px 21px -1px #e3e3e3;
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    z-index: 10;
}

.page-arrow i {
    position: absolute;
    top: 50%;
    margin-top: -12.5px;
    left: 0;
    right: 0;
}


/* pagination */

.b-pagination ul {
    margin-bottom: 0;
    padding: 0;
}

.b-pagination ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 0;
    margin: 0 8px;
}

.b-pagination ul li a {
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
    background: #fff;
    padding: 16% 0;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -ms-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}

.b-pagination ul li a:hover {
    -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
}

.b-pagination ul .pag-current a {
    color: #23272c;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.15);
}

.b-pagination ul .pag-divider a {
    cursor: default;
}

.b-pagination ul .pag-divider a:hover {
    box-shadow: none;
}


/* tags */

.b-tags ul {
    margin: 0;
}

.b-tags ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 14px;
}

.b-tags ul a {
    display: inline-block;
    padding: 3px 10px;
    background: #f6f8f9;
    border-radius: 10px;
    font-size: 14px;
}

.b-tags ul a:hover {
    color: #fff;
}


/* calendar */

.b-calendar .pickmeup {
    background: transparent;
}

.b-calendar .pickmeup .pmu-instance {
    width: 254px;
    height: auto;
    padding: 0;
}

.b-calendar .pickmeup .pmu-instance .pmu-day-of-week {
    color: #bfc9ce;
    font-size: 14px;
}

.b-calendar .pickmeup .pmu-instance .pmu-button {
    color: #818b95;
}

.b-calendar .pickmeup .pmu-instance .pmu-not-in-month {
    color: #818b95;
    font-size: 16px;
    opacity: .5;
}

.b-calendar .pickmeup .pmu-instance nav .pmu-month {
    color: #23272c;
    font-size: 13px;
    text-transform: uppercase;
    margin: 0 auto 12px;
}

.b-calendar .pickmeup .pmu-instance .pmu-day-of-week * {
    width: 36px;
    margin: 0 auto 20px;
}

.b-calendar .pickmeup .pmu-instance .pmu-days * {
    width: 36px;
    margin-bottom: 22px;
}


/* custom sliders arrows */

.custom-slideshow-controls span {
    display: block;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    position: absolute;
    cursor: pointer;
}

.custom-slideshow-controls span a {
    display: block;
    height: 100%;
}

.custom-slideshow-controls span i {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 0;
    right: 0;
}

.custom-slideshow-controls span:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);
}

.custom-slideshow-controls span.arrow-transparent {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/* latest news */

.b-latest {
    border-top: 1px solid #e8ecef;
    padding-top: 60px;
    position: relative;
}


/* latest carousel */

.b-slick-holder {
    position: relative;
    margin-bottom: 85px;
}

.latest-carousel-item {
    padding: 15px 0;
    width: 1200px;
}

.latest-carousel-item .blog-item-content {
    width: 47.5%;
    float: left;
    margin: 0 15px;
    opacity: .3;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.latest-carousel-item.slick-active .blog-item-content {
    opacity: 1;
}

.b-slick-arrows {
    width: 1200px;
    padding: 0 15px;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 0;
    right: 0;
}

.b-slick-arrows .custom-slideshow-controls span {
    top: 50%;
    margin-top: -24px;
}

.b-slick-arrows .slick-arrows-prev {
    left: -8px;
}

.b-slick-arrows .slick-arrows-next {
    right: -8px;
}


/* blockquote */

blockquote {
    padding: 0;
    border: none;
}


/* tabs about page */

.b-about-tabs .tabs-controls {
    padding: 0;
    margin-bottom: 40px;
}

.b-about-tabs .tabs-controls li {
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    width: 30%;
}

.b-about-tabs .tabs-controls li .tabs-circle {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(124, 195, 212, 0);
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.b-about-tabs .tabs-controls li .tabs-circle:before {
    content: '';
    display: block;
    position: absolute;
    width: 200px;
    height: 1px;
    background: #155ba9;
    top: 50%;
    margin-top: -0.5px;
    left: 12px;
}

.b-about-tabs .tabs-controls li .tabs-circle:after {
    content: '';
    display: block;
    position: absolute;
    width: 200px;
    height: 1px;
    background: #155ba9;
    top: 50%;
    margin-top: -0.5px;
    right: 12px;
}

.b-about-tabs .tabs-controls li .tabs-circle .inner-circle {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #155ba9;
    background: #155ba9;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
}

.b-about-tabs .tabs-controls li:first-child .tabs-circle:before {
    display: none;
}

.b-about-tabs .tabs-controls li:last-child .tabs-circle:after {
    display: none;
}

.b-about-tabs .tabs-controls a {
    min-width: 110px;
    display: block;
    font-size: 18px;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.b-about-tabs .tabs-controls li.active a {
    color: #155ba9;
}

.b-about-tabs .tabs-controls a:hover {
    opacity: 1;
}

.b-about-tabs .tabs-controls .tabs-icon {
    display: block;
    text-align: center;
    font-size: 48px;
}

.b-about-tabs .tabs-controls .tabs-name {
    display: block;
    margin-bottom: 44px;
}

.b-about-tabs .tabs-controls .active a {
    opacity: 1;
}

.b-about-tabs .tabs-controls .active .tabs-circle {
    background: rgb(21, 91, 169);
}

.b-about-tabs .tabs-controls .active .tabs-circle .inner-circle {
    background: #fff;
    border-color: transparent;
}

.b-about-tabs .tab-content p {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.b-about-tabs .tab-content h3 {
    font-size: 18px;
    color: rgb(21, 91, 169);
    margin-bottom: 0;
}


/* tabs regular */

.b-regular-tabs .tabs-title {
    color: #2b2b2b;
}

.b-regular-tabs .tabs-controls {
    padding: 0;
    margin: 0 0 -2px;
}

.b-regular-tabs .tabs-controls li {
    border: 1px solid #e8ecef;
    border-bottom: none;
    border-right: none;
    display: inline-block;
    padding: 0;
    width: 385px;
    margin-right: -3px;
}

.b-regular-tabs .tabs-controls li:last-child {
    border-right: 1px solid #e8ecef;
}

.b-regular-tabs .tabs-controls li a {
    display: block;
    background: transparent;
    padding: 18px 15px;
    font-size: 13px;
    text-transform: uppercase;
}

.b-regular-tabs .tabs-controls .active {
    border-bottom: 1px solid transparent;
}

.b-regular-tabs .tabs-controls .active a {
    background: #fff;
    color: #23272c;
}

.b-regular-tabs .tab-content {
    border-top: 1px solid #e8ecef;
    background: #fff;
    padding-top: 85px;
    font-size: 18px;
}


/* lists in tab panes */

.b-tab-list .row > [class*='col-'] {
    border-right: 1px dotted #e8ecef;
}

.b-tab-list .row > [class*='col-']:last-child {
    border: none;
}

.b-tab-list ul {
    margin-bottom: 0;
}

.b-tab-list ul li {
    margin-bottom: 34px;
}

.b-tab-list i {
    padding: 2px;
    margin-right: 8px;
}


/* stars */

.b-stars ul {
    margin: 0;
}

.b-stars li {
    font-size: 12px;
    padding: 0;
    margin: 0 1px;
}


/* sly slider */

.b-sly-slider {
    position: relative;
    overflow: hidden;
}

.b-sly-slider:before {
    content: '';
    display: block;
    background: #f6f8f9;
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    height: 100%;
}

#frame {
    height: auto;
    overflow: hidden;
}

#frame .slidee {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

#frame .slidee li {
    float: left;
    width: 320px;
    height: 368px;
    margin: 34px 0 50px 0;
    padding: 0 15px;
    cursor: pointer;
}


/* sly slider scrollbar */

.scrollbar {
    margin: 0 0 70px 0;
    height: 5px;
    background: #e8ecef;
    line-height: 0;
    border-radius: 5px;
}

.scrollbar .handle {
    width: 28px;
    height: 28px;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #c5c6c6;
    -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15);
    position: relative;
    top: -13px;
}

.scrollbar .handle .mousearea {
    position: absolute;
    top: -13px;
    left: 0;
    width: 100%;
    height: 28px;
}


/* buttons */

.btn,
.button {
    text-align: center;
    line-height: 1.1;
    border-radius: 8px;
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    background: #38b5e6;
    padding: 10px 25px 12px;
    font-size: 15px !important;
    -webkit-transition: all 0.45s linear;
    -moz-transition: all 0.45s linear;
    -ms-transition: all 0.45s linear;
    -o-transition: all 0.45s linear;
    transition: all 0.45s linear;
}

.btnstye2 {
    background: #06b7c3;
}

.btnstye3 {
    background: #465567;
}

.btn i {
    margin-left: 11px;
    position: relative;
    top: 1px;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #fff;
    background: #465567;
}

.btnstye3:hover,
.btnstye3:focus,
.btnstye3.focus {
    color: #fff;
    background: #004479;
}

.btn-3 {
    color: #fff !important;
    background: #465567 !important;
}

.btn-primary {
    text-transform: uppercase;
    padding: 16px 34px;
    background: transparent;
    border: 1px solid #e8ecef;
    font-size: 14px;
    font-family: 'NeoSans', sans-serif;
    color: #818b95;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.btn-secondary {
    min-width: 200px;
    text-transform: uppercase;
    padding: 20px 60px;
    background: #fff;
    border: 1px solid transparent;
    font-size: 14px;
    color: #23272c;
    margin: 0 15px 12px;
    border-radius: 50px;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.btn-additional,
.btn-additional-mod {
    text-transform: uppercase;
    padding: 16px 46px;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid transparent;
    font-size: 13px;
    color: #fff;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.btn-additional-mod {
    background: #00c8c8;
}

.btn-submit {
    display: block;
    width: 100%;
    padding: 16px;
    font-size: 13px;
    font-family: 'NeoSans', sans-serif;
    color: #fff;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

.btn-ask {
    position: relative;
}

.btn-ask:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: #6bad24;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: 13px;
    -webkit-box-shadow: 0px 0px 0px 6px white;
    -moz-box-shadow: 0px 0px 0px 6px white;
    box-shadow: 0px 0px 0px 6px white;
}

.btn-ask i {
    margin-left: 10px;
    margin-right: -5px;
}


/* forms */

textarea {
    resize: none;
}

.form-control::-webkit-input-placeholder {
    color: #AAB0B7;
    font-size: 14px;
    font-weight: 400;
}

.form-control::-moz-placeholder {
    color: #AAB0B7;
    font-size: 14px;
    font-weight: 400;
}


/* Firefox 19+ */

.form-control:-moz-placeholder {
    color: #AAB0B7;
    font-size: 14px;
    font-weight: 400;
}


/* Firefox 18- */

.form-control:-ms-input-placeholder {
    color: #AAB0B7;
    font-size: 14px;
    font-weight: 400;
}

.b-contact-form {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

#contact-form.b-form {
    padding-top: 150px;
}

#contact-form .form-control {
    border-radius: 22px;
    border: 1px solid #80c2d7;
    background: transparent;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 20px;
    padding: 14px 30px 14px;
    height: auto;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}

#contact-form .form-control:focus {
    box-shadow: none;
    background: rgba(255, 255, 255, 0.16);
}

#contact-form .form-control:invalid:focus {
    background: rgba(255, 0, 0, 0.65);
}

#contact-form textarea.form-control {
    height: 110px;
}

#contact-form .btn-submit:hover,
#contact-form .btn-submit:active,
#contact-form .btn-submit.focus {
    background: transparent;
    border-color: #80c2d7;
}


/* aside form */

#search-additional-form {
    position: relative;
    /* Firefox 19+ */
    /* Firefox 18- */
}

#search-additional-form .form-control {
    border-radius: 30px;
    border: 1px solid #e8ecef;
    background: transparent;
    font-size: 16px;
    color: #bfc9ce;
    padding: 10px 25px 15px;
    height: auto;
    box-shadow: none;
    margin: 0;
}

#search-additional-form .form-control::-webkit-input-placeholder {
    color: #bfc9ce;
    font-size: 16px;
    font-weight: 400;
}

#search-additional-form .form-control::-moz-placeholder {
    color: #bfc9ce;
    font-size: 16px;
    font-weight: 400;
}

#search-additional-form .form-control:-moz-placeholder {
    color: #bfc9ce;
    font-size: 16px;
    font-weight: 400;
}

#search-additional-form .form-control:-ms-input-placeholder {
    color: #bfc9ce;
    font-size: 16px;
    font-weight: 400;
}

#search-additional-form .aside-submit {
    background: transparent;
    border: none;
    position: absolute;
    right: 0;
    top: -2px;
    height: 100%;
    width: 45px;
    font-size: 14px;
    padding-right: 24px;
}


/* comment reply form */

#reply-form {
    /* Firefox 19+ */
    /* Firefox 18- */
}

#reply-form .form-control {
    border-radius: 22px;
    border: 1px solid #e8ecef;
    background: #fff;
    font-size: 14px;
    color: #818b95;
    margin-bottom: 20px;
    padding: 14px 30px 14px;
    height: auto;
    -webkit-transition: border 0.3s linear;
    -moz-transition: border 0.3s linear;
    -ms-transition: border 0.3s linear;
    -o-transition: border 0.3s linear;
    transition: border 0.3s linear;
}

#reply-form .form-control:focus {
    box-shadow: none;
}

#reply-form .form-control:invalid:focus {
    border-color: rgba(255, 0, 0, 0.65);
    background: rgba(255, 0, 0, 0.65);
}

#reply-form .form-control::-webkit-input-placeholder {
    color: #bfc9ce;
    font-size: 14px;
    font-weight: 400;
}

#reply-form .form-control::-moz-placeholder {
    color: #bfc9ce;
    font-size: 14px;
    font-weight: 400;
}

#reply-form .form-control:-moz-placeholder {
    color: #bfc9ce;
    font-size: 14px;
    font-weight: 400;
}

#reply-form .form-control:-ms-input-placeholder {
    color: #bfc9ce;
    font-size: 14px;
    font-weight: 400;
}

#reply-form textarea.form-control {
    height: 110px;
}

#reply-form .btn-submit {
    background: #00c8c8;
    border-color: #00c8c8;
}

#reply-form .btn-submit:hover,
#reply-form .btn-submit:active,
#reply-form .btn-submit.focus {
    background: transparent;
    border-color: #80c2d7;
    color: #232c30;
}


/* page wrapper */

.b-page-wrap {
    position: relative;
}


/* page content */

.b-page-content {
    padding-top: 90px;
}

.b-page-content.with-layer-bg {
    position: relative;
    padding-top: 0;
}


/* map background */

.map-bg {
    background: url("../media/content/texture/map-bg.png") no-repeat center top;
}


/* pages background */

.b-helper-wrapper {
    position: relative;
    overflow: hidden;
}

.b-layer {
    position: relative;
    height: 141px;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    transition: all 0.35s linear;
}

.layer-bg {
    position: absolute;
    overflow: hidden;
    height: 600px;
    width: 100%;
    left: 0;
    top: 0;
}

.layer-bg:after {
    /* content: ''; */
    display: block;
    position: absolute;
    width: 230px;
    height: 230px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 27px;
}

.layer-bg-mod {
    position: relative;
    overflow: hidden;
    height: 700px;
}

.b-layer-big {
    position: relative;
    height: 900px;
}

.layer-big-bg {
    position: absolute;
    overflow: hidden;
    height: 900px;
    width: 100%;
    left: 0;
    top: 0;
}

.layer-big-bg:after {
    content: '';
    display: block;
    position: absolute;
    width: 230px;
    height: 230px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #57cbcf;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -115px;
}

.shape-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 368px;
}

.shape-bg:before {
    content: '';
    width: 100%;
    height: 368px;
    background-image: url("../media/content/texture/shape-bg.png");
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    position: absolute;
    bottom: 0;
    left: 0;
}

.page-layer-bg1 {
    background-image: url("../media/content/pages-background/page-layer-bg1.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}

.page-layer-bg2 {
    background-image: url("../media/content/pages-background/page-layer-bg2.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}

.page-layer-bg3 {
    background-image: url("../media/content/pages-background/page-layer-bg3.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}

.page-layer-bg4 {
    background-image: url("../images/page-layer-bg4.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.page-layer-bg5 {
    background-image: url("../media/content/pages-background/page-layer-bg5.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}

.page-layer-big-bg {
    background-image: url("../media/content/pages-background/page-layer-home.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}

.layer-content,
.layer-content-big {
    padding-top: 190px;
    padding-bottom: 0;
    color: #fff;
    position: relative;
    z-index: 3;
}

.layer-content .main-heading,
.layer-content-big .main-heading {
    color: inherit;
}

.layer-content .b-breadcrumbs,
.layer-content-big .b-breadcrumbs {
    border-color: transparent;
    background: rgba(255, 255, 255, 0.2);
}

.layer-content-big {
    padding-top: 290px;
}


/* main content layer */

.b-layer-main {
    padding-top: 20px;
    background: #fff;
    position: relative;
    min-height: calc(100vh - 213px);
}

.b-layer-main .container {
    width: 99%;
}

/* video block */

.b-video {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 650px;
    position: relative;
    background: url("../media/content/pages-background/video-bg.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.b-video:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.b-video .video-caption {
    color: #fff;
    font-size: 48px;
    font-weight: 300;
    position: relative;
    z-index: 2;
}

.b-video .video-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    color: #fff;
    font-size: 36px;
    text-align: center;
    position: relative;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.b-video .video-icon i {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    left: 0;
    right: 0;
    margin-right: -7px;
}

.b-video .video-icon:hover {
    opacity: .85;
}


/* reviews block */

.b-reviews {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 635px;
    position: relative;
    background: url("../media/content/pages-background/reviews-bg.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    margin-bottom: 102px;
}

.b-reviews:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}

.b-reviews:after {
    content: '';
    display: block;
    position: absolute;
    width: 230px;
    height: 230px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -115px;
}


/* ask block */

.b-ask {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    height: auto;
    padding: 8.5% 0;
    position: relative;
    background: url("../media/content/pages-background/reviews-bg.jpg") no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.b-ask:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1;
}


/* wave and shape patterns */

.wave-bg {
    width: 100%;
    height: 100%;
    background-image: url("../media/content/texture/wave-bg-grey.png");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 50%;
    position: absolute;
    top: 25%;
    left: 0;
}

.pattern-bg {
    background-image: url("../media/content/texture/pattern.png");
    background-repeat: no-repeat;
    background-position: bottom;
}


/* footer */

footer {
    background: #f6f8f9;
}

.b-footer-content {
    padding: 128px 0 150px;
}

.b-footer-box .footer-box-title {
    margin: 0 0 28px;
    color: #23272c;
    font-size: 16px;
}

.b-footer-box li {
    margin-bottom: 12px;
}

.footer-mail {
    padding-top: 15px;
}

footer .b-socials {
    margin-bottom: 15px;
}

.copy {
    margin-bottom: 70px;
}

.footer-logo {
    display: inline-block;
}


/* aside block */

.b-aside .b-aside-item {
    border-bottom: 1px dotted;
    padding-bottom: 38px;
    margin-bottom: 48px;
}

.b-aside .b-aside-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.b-search-add {
    margin-bottom: 46px;
}

.aside-title {
    font-size: 18px;
    color: #23272c;
    margin: 0 0 26px;
}

.aside-title i {
    float: right;
    font-size: 15px;
    position: relative;
    top: 4px;
}

.aside-title i:before {
    padding: 2px;
}

.aside-categories ul {
    margin: 0;
}

.aside-categories ul li {
    margin-bottom: 18px;
}

.aside-categories ul li:last-child {
    margin-bottom: 0;
}

.aside-categories ul a {
    display: block;
}

.aside-categories ul a:hover {
    color: #bfc9ce;
}

.aside-categories ul .categories-counter {
    float: right;
    color: #bfc9ce;
}

.aside-author .userpic {
    margin-bottom: 26px;
}

.aside-author .name {
    color: #23272c;
    font-size: 13px;
    margin-bottom: 10px;
}

.aside-author .caption {
    line-height: 2;
    margin-bottom: 4px;
}

.aside-author .b-socials li {
    margin-right: 14px;
    margin-bottom: 0;
}


/* about page */

.b-about .b-info-columns-holder {
    margin-bottom: 95px;
}


/* team block */

.b-team-holder {
    background: #f6f8f9;
    padding-top: 122px;
    margin-bottom: 130px;
}

.b-team-holder .b-upper-title {
    color: #ffffff;
    margin-top: -25px;
    margin-bottom: -15.5%;
}

.b-team-holder .b-slick-holder {
    padding-top: 50px;
}


/* team carousel */

.team-carousel-item {
    width: 395px;
    padding: 0 15px;
}

.team-member {
    position: relative;
}

.member-caption {
    border-radius: 6px;
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 100%;
    height: 165px;
    padding: 32px 36px 15px;
    background: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4);
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.member-caption .member-name {
    color: #23272c;
    font-size: 24px;
}

.member-caption .member-position {
    font-size: 16px;
    margin-bottom: 16px;
}

.member-caption .b-socials li {
    margin-right: 15px;
}

.team-carousel-item.slick-active .member-caption {
    opacity: 1;
}


/* team list */

.b-team-holder-mod {
    margin-bottom: -325px;
}

.b-team-list {
    position: relative;
    -webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.4);
    margin: 0 5px;
}

.b-team-list:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0px 0 25px;
    position: absolute;
    right: 5%;
    bottom: -25px;
}

.b-team-list ul {
    margin-bottom: 0;
}

.b-team-list .team-list-item {
    float: left;
    position: relative;
    overflow: hidden;
}

.b-team-list .team-list-item .member-list-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    color: #fff;
    padding: 40px 15px 0 45px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.b-team-list .team-list-item .member-list-caption:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.b-team-list .team-list-item .member-list-caption .member-name {
    font-size: 24px;
    position: relative;
}

.b-team-list .team-list-item .member-list-caption .member-position {
    color: inherit;
    font-size: 16px;
    position: relative;
}

.b-team-list .team-list-item .member-list-caption .b-socials {
    position: absolute;
    width: 100%;
    bottom: 40px;
    z-index: 2;
}

.b-team-list .team-list-item .member-list-caption .b-socials li {
    margin-right: 15px;
}

.b-team-list .team-list-item .member-list-caption .b-socials a {
    color: inherit;
}

.b-team-list .team-list-item .member-list-caption .b-socials a:hover {
    opacity: .85;
}

.b-team-list .team-list-item:hover .member-list-caption {
    top: 0;
}

.b-team-list .team-list-item.last-list-item .member-list-caption {
    top: 0;
    padding: 0 15px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.b-team-list .team-list-item.last-list-item .member-list-caption .list-title {
    font-size: 24px;
    position: relative;
}

.b-team-list .team-list-item.last-list-item .member-list-caption .list-description {
    position: relative;
    font-size: 16px;
    opacity: .6;
    margin-bottom: 42px;
}

.b-team-list .team-list-item.last-list-item .member-list-caption .btn {
    width: auto;
    padding: 16px 35px;
}


/* awards block */

.b-awards {
    margin-bottom: 95px;
}

.b-awards-info {
    margin-bottom: 72px;
}

.b-awards-info .b-text {
    font-size: 18px;
}

.b-awards-icons-holder ul li {
    margin-bottom: 25px;
    margin-right: 140px;
}

.b-awards-icons-holder ul li:last-child {
    margin-right: 0;
}


/* history block */

.b-history {
    background: #f6f8f9;
    padding-top: 25%;
    padding-bottom: 65px;
}

.b-history .b-upper-title {
    color: #fff;
    margin-bottom: -178px;
}


/* my services block */

.b-myservices {
    margin-bottom: 95px;
}


/* history/my services slider */

.b-pager-slideshow-holder,
.b-pager-slideshow-holder-mod {
    position: relative;
    margin-bottom: 115px;
}

.b-pager-slideshow-holder .custom-slideshow-controls span,
.b-pager-slideshow-holder-mod .custom-slideshow-controls span {
    top: 50%;
    margin-top: -24px;
}

.b-pager-slideshow-holder #pager-slideshow-prev,
.b-pager-slideshow-holder-mod #pager-slideshow-prev {
    left: -21px;
}

.b-pager-slideshow-holder #pager-slideshow-next,
.b-pager-slideshow-holder-mod #pager-slideshow-next {
    right: -21px;
}

.b-pager-slideshow-holder-mod {
    margin-bottom: 48px;
}

.pager-item {
    padding: 0 15px;
    text-align: center;
}

.pager-item .pager-item-title {
    font-size: 30px;
    color: #23272c;
    margin-bottom: 15px;
}

.pager-item .pager-item-description {
    font-size: 20px;
    font-weight: 300;
}

.pager-item .btn {
    margin-top: 34px;
}

.custom-pager,
.custom-pager-mod {
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 55px;
}

.custom-pager a,
.custom-pager-mod a {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #bfc9ce;
    margin: 0 2.5%;
    position: relative;
}

.custom-pager a .pager-title,
.custom-pager-mod a .pager-title {
    display: inline-block;
    padding: 5px 16px;
    background: transparent;
    border-radius: 20px;
    margin-bottom: 6px;
    position: relative;
    -webkit-transition: background 0.3s linear;
    -moz-transition: background 0.3s linear;
    -ms-transition: background 0.3s linear;
    -o-transition: background 0.3s linear;
    transition: background 0.3s linear;
}

.custom-pager a .pager-title:before,
.custom-pager-mod a .pager-title:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: transparent transparent transparent transparent;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.custom-pager a .circle,
.custom-pager-mod a .circle {
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(0, 200, 200, 0);
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.custom-pager a .circle:before,
.custom-pager-mod a .circle:before {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 1px;
    background: #e6e6e6;
    top: 50%;
    margin-top: -0.5px;
    right: 12px;
}

.custom-pager a .circle:after,
.custom-pager-mod a .circle:after {
    content: '';
    display: block;
    position: absolute;
    width: 80px;
    height: 1px;
    background: #e6e6e6;
    top: 50%;
    margin-top: -0.5px;
    left: 12px;
}

.custom-pager a .circle .inner-circle,
.custom-pager-mod a .circle .inner-circle {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    background: transparent;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
}

.custom-pager a .pager-icon,
.custom-pager-mod a .pager-icon {
    font-size: 48px;
}

.custom-pager a.active,
.custom-pager-mod a.active {
    color: #fff;
}

.custom-pager a.active .pager-title,
.custom-pager-mod a.active .pager-title {
    background: #00c8c8;
}

.custom-pager a.active .pager-title:before,
.custom-pager-mod a.active .pager-title:before {
    border-color: #00c8c8 transparent transparent transparent;
}

.custom-pager a.active .circle,
.custom-pager-mod a.active .circle {
    background: rgba(0, 200, 200, 0.3);
}

.custom-pager a.active .circle .inner-circle,
.custom-pager-mod a.active .circle .inner-circle {
    border-color: transparent;
    background: #00c8c8;
}

.custom-pager-mod a {
    font-weight: normal;
    margin: 0 3%;
}

.custom-pager-mod a .pager-title {
    margin-top: 10px;
    font-weight: bold;
}

.custom-pager-mod a .pager-icon {
    padding: 2px;
}

.custom-pager-mod a .circle::before,
.custom-pager-mod a .circle::after {
    width: 100px;
}

.custom-pager-mod a:first-child .circle::before {
    display: none;
}

.custom-pager-mod a:last-child .circle::after {
    display: none;
}

.custom-pager-mod a.active {
    color: #23272c;
}

.custom-pager-mod a.active .pager-title {
    background: none;
}

.custom-pager-mod a.active .pager-title:before {
    display: none;
}


/* quote block */

.b-quote {
    padding-top: 60px;
}

.b-quote-caption .quote-icon {
    font-size: 20px;
}

.b-quote-caption .quote-title {
    font-size: 18px;
    color: #23272c;
    font-weight: 300;
    margin: 20px 0 28px;
    background: #fcfcfc;
    padding: 15px;
    border: 1px solid #eee;
}

.b-quote-caption .quote-text {
    font-size: 16px;
    margin-bottom: 10px;
    text-align: justify;
    line-height: 180%;
}

.b-quote-caption .quote-author {
    float: left;
}

.b-quote-caption .quote-author .quote-author-name {
    color: #000000;
    font-size: 16px;
}

.b-quote-caption .quote-author .quote-author-position {
    font-size: 14px;
}

.b-quote-caption .quote-sign {
    margin-top: 12px;
    float: right;
}

.b-quote-photo img {
    text-align: center;
    display: block;
    margin: 0 auto;
}


/* about tabs block */

.b-about-tabs {
    padding-top: 40px;
    position: relative;
    color: #666;
    background-size: cover;
}


/* about me big block */

.b-aboutme {
    background: #f6f8f9;
    margin-bottom: 122px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    position: relative;
    overflow: hidden;
}

.b-aboutme .left-side,
.b-aboutme .right-side {
    width: 50%;
    position: relative;
}

.b-aboutme .b-big-img {
    position: relative;
    overflow: hidden;
}

.b-aboutme .b-camera {
    position: absolute;
    top: 65%;
    right: -135px;
    margin-top: -284px;
}

.b-aboutme .right-side {
    display: flex;
    justify-content: center;
    align-items: center;
}

.b-aboutme .b-quote {
    padding: 0 15% 0 25%;
}

.b-aboutme .b-socials {
    float: left;
}

.b-aboutme .b-socials a {
    color: #818b95;
}


/* skills block */

.skills-caption .skills-title {
    font-size: 40px;
    color: #23272c;
    font-weight: 300;
    margin: 0 0 30px;
}

.skills-caption p {
    font-size: 18px;
    line-height: 1.65;
    margin-bottom: 20px;
}

.skills-item {
    margin-bottom: 30px;
}

.bar-caption {
    margin-bottom: 12px;
}

.bar-caption .bar-title {
    float: left;
    font-size: 13px;
    text-transform: uppercase;
}

.bar-caption .bar-percent {
    margin-top: -1px;
    float: right;
    font-size: 14px;
}

.bar {
    height: 5px;
    position: relative;
    background: #e8edf0;
    border-radius: 25px;
}

.bar > span {
    display: block;
    height: 5px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
}


/* recent works carousel */

.b-recent-works {
    margin-bottom: -60px;
}

.b-recent-works .b-slick-holder .slick-slider .slick-list {
    padding: 20px 0 !important;
}

.recent-carousel-item {
    margin-bottom: 15px;
}

.recent-gallery {
    transform: scale(1);
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.recent-gallery .recent-caption {
    position: relative;
    background: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #818b95;
    padding: 18px 15px 18px 30px;
    font-size: 12px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.recent-gallery .recent-caption i {
    margin-right: 12px;
}

.recent-carousel-item.slick-active .recent-gallery {
    z-index: 2;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
    transform: scale(1.06);
}

.recent-carousel-item.slick-active .recent-gallery .recent-caption {
    opacity: 1;
}


/* clients block */

.b-clients {
    margin-bottom: 75px;
}

.clients-list {
    margin-bottom: 0;
    text-align: center;
}

.clients-list li {
    margin: 0 22px 25px;
}

.clients-list a {
    display: block;
    opacity: .5;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -ms-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    transition: all 0.35s linear;
}

.clients-list a:hover {
    opacity: 1;
}


/* blog page */

/* blog page isotope */

.b-blog .grid-sizer,
.b-blog .grid-item {
    width: 50%;
}


/* blog items 2 columns */

.b-blog__item.grid-item {
    padding: 0 15px;
}

.blog-item-content {
    background: #fff;
    -webkit-box-shadow: 0px 3px 15px 4px #e7e7e7;
    -moz-box-shadow: 0px 3px 15px 4px #e7e7e7;
    box-shadow: 0px 3px 15px 4px #e7e7e7;
    position: relative;
    margin-bottom: 32px;
}

.blog-item-content .blog-item-img {
    display: block;
    float: right;
    position: relative;
}

.blog-item-content .blog-item-img:before {
    content: '';
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.blog-item-content .blog-item-img .blog-category {
    display: inline-block;
    padding: 3px 11px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 24px;
    top: 36px;
    border-radius: 25px;
    font-size: 10px;
}

.blog-item-content .blog-item-caption {
    position: relative;
    overflow: hidden;
    padding: 15px;
    padding-top: 0;
}

.blog-item-content .blog-item-caption .item-data {
    color: #bfc9ce;
    font-style: italic;
    font-size: 14px;
    margin-bottom: 10px;
}

.blog-item-content .blog-item-caption .item-name {
    color: #155ba9;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 0;
}

.blog-item-content .blog-item-caption .item-description {
    margin-bottom: 20px;
}

.blog-item-content .blog-item-caption .item-read-more {
    line-height: 2px;
    display: block;
    border: 1px solid #e8ecef;
    color: #a6afb4;
    border-radius: 10px;
    width: 30px;
    height: 14px;
    text-align: center;
    font-size: 20px;
    letter-spacing: .5px;
    -webkit-transition: border-color 0.4s linear;
    -moz-transition: border-color 0.4s linear;
    -ms-transition: border-color 0.4s linear;
    -o-transition: border-color 0.4s linear;
    transition: border-color 0.4s linear;
}

.blog-item-content .blog-author {
    position: absolute;
    left: 56%;
    bottom: 30px;
}

.blog-item-content .blog-author .blog-author-userpic {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.blog-item-content .blog-author .blog-author-userpic img {
    border-radius: 50%;
}

.blog-item-content .blog-author .blog-author-name {
    display: inline-block;
}

.blog-item-content:hover .blog-item-img:before {
    width: 100%;
}


/* blog classic page */

.b-blog-classic {
    margin-top: 15px;
}

.b-blog-classic .b-blog-items-holder {
    border-left: 1px solid #e8ecef;
}

.b-blog-classic .blog-item-content {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 40px;
}

.b-blog-classic .blog-item-content .blog-item-img:before {
    width: 100%;
    height: 100%;
    opacity: 0;
}

.b-blog-classic .blog-item-content .blog-item-img .blog-category {
    left: 40px;
    top: 42px;
}

.b-blog-classic .blog-item-content .blog-item-caption .item-data {
    margin-bottom: 18px;
}

.b-blog-classic .blog-item-content .blog-item-caption .item-name {
    margin-bottom: 20px;
}

.b-blog-classic .blog-item-content .blog-item-caption .item-description {
    margin-bottom: 20px;
    text-align: justify;
}

.b-blog-classic .blog-item-content .blog-item-caption .item-read-more {
    margin-bottom: 40px;
}

.b-blog-classic .blog-item-content .blog-author {
    position: static;
}

.b-blog-classic .blog-item-content:hover .blog-item-img:before {
    opacity: .7;
}


/* popular blog items */

.b-popular .blog-item-content {
    margin-bottom: 20px;
    box-shadow: none;
}

.b-popular .blog-item-content:last-child {
    margin-bottom: 0;
}

.b-popular .blog-item-content .blog-item-caption {
    padding: 0 0 0 20px;
}

.b-popular .blog-item-content .blog-item-caption .item-data {
    margin-bottom: 8px;
}

.b-popular .blog-item-content .blog-item-caption .item-name {
    font-size: 16px;
    margin-bottom: 0;
}


/* blog classic page */

.b-blog-single {
    margin-top: 36px;
}

.b-blog-single .b-blog-single-content {
    line-height: 2;
    position: relative;
    padding-bottom: 62px;
}

.b-blog-single .b-blog-single-content:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    right: -64px;
    top: 0;
    border-right: 1px solid #e8ecef;
}

.b-blog-single .b-blog-single-content .blog-item-content {
    box-shadow: none;
    margin-bottom: 0;
}

.b-blog-single .b-blog-single-content .blog-item-content .blog-item-caption {
    padding: 0;
}

.b-blog-single .b-blog-single-content .blog-item-content .blog-item-caption .item-name {
    margin-bottom: 30px;
}

.b-blog-single .b-blog-single-content .blog-item-content .blog-item-caption .item-description {
    margin-bottom: 50px;
}

.b-blog-single .b-text {
    margin-bottom: 52px;
}

.b-blog-single .b-text .b-text-title {
    font-size: 30px;
    color: #23272c;
    margin: 0 0 20px;
}

.b-blog-single .b-text p {
    margin-bottom: 0;
}

.b-blog-single .b-text-2-columns {
    margin-bottom: 26px;
}

.b-blog-single .b-text-list {
    padding-top: 20px;
}

.b-blog-single .b-text-list li {
    margin-bottom: 24px;
}

.b-blog-single .b-text-list li:last-child {
    margin-bottom: 35px;
}

.b-blog-single .b-text-list .order {
    float: left;
    font-size: 18px;
    color: #246bad;
    line-height: 1.1;
    margin-right: 50px;
}

.b-blog-single .b-text-list .content {
    position: relative;
    overflow: hidden;
}

.b-single-tags-share {
    -webkit-box-shadow: 0px 3px 15px 4px #e7e7e7;
    -moz-box-shadow: 0px 3px 15px 4px #e7e7e7;
    box-shadow: 0px 3px 15px 4px #e7e7e7;
    padding: 28px 0 17px;
    margin-bottom: 62px;
}

.b-single-tags-share .b-tags {
    margin-left: 6.5%;
}

.b-single-tags-share .b-socials {
    margin-right: 15.5%;
}

.b-single-tags-share .b-socials li {
    margin-right: 7px;
}

.b-single-tags-share .b-socials a {
    color: #bfc9ce;
}

.b-single-tags-share ul {
    margin: 0;
}


/* single blog page slideshow */

.b-single-slideshow-holder {
    -webkit-box-shadow: 0px 3px 15px 4px #e7e7e7;
    -moz-box-shadow: 0px 3px 15px 4px #e7e7e7;
    box-shadow: 0px 3px 15px 4px #e7e7e7;
    position: relative;
    margin-bottom: 55px;
}

.b-single-slideshow-holder .bx-wrapper .bx-caption {
    position: relative;
    background: #fff;
}

.b-single-slideshow-holder .bx-wrapper .bx-caption span {
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #818b95;
    position: relative;
    padding: 18px 15px 18px 30px;
    font-size: 12px;
}

.b-single-slideshow-holder .bx-wrapper .bx-caption span:before {
    font-family: FontAwesome;
    content: "\f030";
    margin-right: 12px;
}

.b-single-slideshow-holder .custom-slideshow-controls span {
    top: 45%;
    margin-top: -24px;
}

.b-single-slideshow-holder #single-slideshow-prev {
    left: -21px;
}

.b-single-slideshow-holder #single-slideshow-next {
    right: -21px;
}


/* single blog page comments */

.b-comments-holder {
    margin-bottom: 24px;
}

.b-comments-holder .comment-item {
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 1px dotted #cccccc;
}

.b-comments-holder .comment-item:last-child {
    margin-bottom: 0;
    border: none;
}

.comment-item .comment-userpic {
    float: left;
    margin-right: 30px;
    margin-top: 10px;
}

.comment-item .comment-caption {
    position: relative;
    overflow: hidden;
}

.comment-item .comment-caption .comment-username {
    display: inline-block;
    color: #23272c;
    margin-right: 38px;
}

.comment-item .comment-caption .comment-data {
    display: inline-block;
    font-size: 14px;
    font-style: italic;
    color: #bfc9ce;
}


/* comments reply block */

.b-reply {
    background: #f6f8f9;
    padding: 50px 52px 18px;
}


/* isotope sorting controls */

.b-gallery-sorting-holder {
    border-bottom: 1px solid #e8ecef;
    margin-bottom: 20px;
}

.b-items-sort {
    margin: 0;
}

.b-items-sort li {
    padding: 0;
    margin: 0 36px;
}

.b-items-sort li a {
    display: block;
    padding-bottom: 19px;
    font-size: 16px;
    font-family: 'NeoSans', sans-serif;
    position: relative;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -ms-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}

.b-items-sort li a:hover {
    color: #23272c;
}

.b-items-sort li a:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: transparent;
    position: absolute;
    bottom: -2px;
    left: 0;
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -ms-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.b-items-sort li a.current {
    color: #23272c;
}


/* gallery page isotope */

.b-isotope {
    margin-bottom: 25px;
}


/* gallery page */

.b-gallery .grid-sizer,
.b-gallery .grid-item {
    width: 33.33333333%;
}

.b-gallery-2 .grid-sizer,
.b-gallery-2 .grid-item {
    width: 50%;
}

.b-gallery-1__item,
.b-gallery-2__item {
    float: left;
    padding: 0 15px;
}

.b-gallery-3 .grid-sizer,
.b-gallery-3 .grid-item {
    width: 20%;
}

.b-gallery-3 .grid-item-horiz {
    width: 40%;
}

.b-gallery-3 .grid-item-vertic {
    width: 20%;
}

.b-gallery-3__item {
    float: left;
}


/* gallery items */

.snip1579 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 8px;
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    font-size: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.snip1579 * {
    -webkit-transition: all 0.45s;
    transition: all 0.45s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.snip1579 img {
    max-width: 100%;
    vertical-align: top;
}

.snip1579 figcaption {
    position: absolute;
    height: 50px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    overflow: hidden;
    padding: 15px;
    background-color: rgba(21, 91, 169, 0.85);
}

.snip1579 h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: -3px;
    margin-bottom: 13px;

}

.snip1579 p {
    font-weight: 300;
    font-size: 15px;
    text-align: justify;
    font-style: normal;
    line-height: 180%;
}

.snip1579 blockquote {
    padding: 0;
    margin: 0;
    font-style: italic;
    font-size: 1em;
}

.snip1579 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.snip1579:hover figcaption,
.snip1579.hover figcaption {
    height: calc(89%);
}

.row.projy {
    margin: 0 -8px;
}

.row.projy .col-sm-3,
.row.projy .col-sm-4 {
    padding: 0 8px;
}

.snip1442 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.snip1442 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.snip1442 img {
    max-width: 100%;
    vertical-align: top;
}

.snip1442 figcaption {
    background-color: rgba(21, 91, 169, 0.85);
    position: absolute;
    top: 26px;
    bottom: 26px;
    left: 26px;
    right: 26px;
    padding: 22px;
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.snip1442 h3 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 0 0 15px;
    font-weight: 400;
    text-transform: uppercase;
}

.snip1442 p {
    font-weight: 300;
    font-size: 15px;
    text-align: justify;
    font-style: normal;
    line-height: 180%;
    color: #fff;
}

.snip1442:before,
.snip1442:after {
    border: 1px solid rgba(21, 91, 169, 0.85);
    content: "";
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.snip1442:before {
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.snip1442:after {
    position: absolute;
    top: 23px;
    bottom: 23px;
    left: 23px;
    right: 23px;
}

.snip1442 a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

.snip1442:hover figcaption,
.snip1442.hover figcaption {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.gallery-item-content:hover figcaption {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.gallery-item-content .snip1442:before,
.gallery-item-content .snip1442:after {
    border: 0;
}

.gallery-item-content .snip1442 figcaption {
    background-color: rgba(255, 255, 255, 0.90);
    overflow: hidden;
}

.gallery-item-content .snip1442 a {
    z-index: 999;
}

.gallery-item-content .snip1442 h3 {
    color: #155ba9;
    margin: 0 0 6px;
}

.gallery-item-content .snip1442 p {
    color: #484848;
}

.gallery-item-content .snip1442 figcaption img {
    height: 80px;
    margin: 0 auto;
    display: block;
}

.gallery-item-content {
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
}

.gallery-item-caption {
    position: absolute !important;
    bottom: -184px;
    padding: 15px !important;
}

.gallery-item-content .gallery-item-img {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    border: 1px solid #eee;
}

.gallery-item-content .gallery-item-img .gallery-item-hover {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.gallery-item-content .gallery-item-img .gallery-item-hover a {
    display: inline-block;
    position: relative;
    padding: 0 18px;
    font-size: 20px;
    top: -10px;
}

.gallery-item-content .gallery-item-img .gallery-item-hover a img {
    display: none;
    visibility: hidden;
}

.gallery-item-content .gallery-item-img .gallery-item-hover a:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    margin-top: -23px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.gallery-item-content .gallery-item-img .gallery-item-hover a:hover:before {
    border-color: #fff;
}

.gallery-item-content .gallery-item-img:hover .gallery-item-hover {
    opacity: 1;
}

.gallery-item-content .gallery-item-caption {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 2px;
    width: 100%;
    margin: 0px auto 0;
    position: relative;
    z-index: 4;
    padding: 28px 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-box-shadow: 0px 10px 20px 5px #e7e7e7;
    -moz-box-shadow: 0px 10px 20px 5px #e7e7e7;
    box-shadow: 0px 10px 20px 5px #e7e7e7;
}

.gallery-item-content:hover .gallery-item-caption {
    bottom: 0;
}

.gallery-item-content .gallery-item-caption p {
    margin-bottom: 0;

}

.gallery-item-content .gallery-item-caption p span {
    color: #777;
    font-size: 14px;
    display: block;
}

.gallery-item-content .gallery-item-caption .item-name {
    color: #155ba9;
    font-size: 18px;
    font-family: 'NeoSans', sans-serif;
}

.gallery-item-content .gallery-item-caption .item-category {
    font-weight: 400;
}

.b-gallery-2 .gallery-item-content .gallery-item-caption {
    width: 65%;
}

.b-gallery-3 .gallery-item-content {
    margin-bottom: 0;
}

.b-gallery-3 .gallery-item-content .gallery-item-img {
    border-radius: 0;
}

.b-gallery-3 .gallery-item-content:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: '';
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.b-gallery-3 .gallery-item-content:hover:after {
    box-shadow: 0 0 0 5px #fff, 0 5px 30px rgba(4, 4, 4, 0.15);
}


/* single gallery page carousel */

.b-single-gallery-carousel {
    -webkit-box-shadow: 0px 4px 8px 8px rgba(226, 226, 226, 0.85);
    -moz-box-shadow: 0px 4px 8px 8px rgba(226, 226, 226, 0.85);
    box-shadow: 0px 4px 8px 8px rgba(226, 226, 226, 0.85);
    background: rgba(226, 226, 226, 0.85);
}

.b-single-gallery-carousel .single-gallery-item {
    width: 1170px;
}


/* block with similar  galleries */

.b-similar {
    margin-bottom: 52px;
}

.gallery-carousel-controls ul {
    margin-top: 60px;
    margin-bottom: 40px;
    font-size: 0;
}

.gallery-carousel-controls .owl-nav-btns {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 50px;
    height: 50px;
    border: 1px solid #e9ecef;
    border-radius: 50%;
    font-size: 25px;
    color: #bfc9ce;
    cursor: pointer;
}

.gallery-carousel-controls .owl-nav-btns i {
    vertical-align: -5px;
    cursor: pointer;
}

.gallery-carousel-controls .owl-nav-btns:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.gallery-carousel-controls .share-button {
    width: auto;
    height: 50px;
    border: 1px solid #e9ecef;
    border-radius: 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    background: none;
    padding: 14px 46px;
    margin: 0 18px;
    vertical-align: middle;
}

.gallery-carousel-controls .share-button i {
    padding-right: 4px;
}

.gallery-carousel-controls .share-button:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/* service page */

.b-service-page .b-mono-bg {
    padding-top: 75px;
    background: #f6f8f9;
    position: relative;
    overflow: hidden;
}

.b-title-service,
.b-title-service-mod {
    margin-bottom: 95px;
}

.b-title-service .btn,
.b-title-service-mod .btn {
    margin-top: 24px;
    margin-bottom: 15px;
}

.b-title-service .b-text p,
.b-title-service-mod .b-text p {
    font-size: 16px;
    text-align: justify;
    font-weight: 300;
}

.b-title-service-mod {
    margin-bottom: 15px;
}

.b-links ul {
    padding: 25px 25px 25px;
    border: 1px solid #e8ecef;
    position: relative;
}

.b-links ul:before {
    content: '';
    display: block;
    position: absolute;
    width: 80%;
    height: 3px;
    top: -2px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.b-links li {
    padding-left: 18px;
    position: relative;
    margin-bottom: 14px;
}

.b-links li:before {
    content: '\f105';
    font-family: FontAwesome;
    display: inline-block;
    font-size: 14px;
    position: absolute;
    top: 3px;
    left: 3px;
    color: #ced6df;
}

.b-links li:first-child:before {
    display: none;
}

.b-links a {
    font-size: 14px;
}


/* features columns */

.b-features-columns-holder {
    position: relative;
    overflow: hidden;
}

.b-features-column,
.b-features-column-mod {
    margin: 16px 0;
    padding: 40px 40px 50px;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.b-features-column .features-column-icon,
.b-features-column-mod .features-column-icon {
    font-size: 48px;
    margin-bottom: 25px;
    position: relative;
}

.b-features-column .features-column-icon i,
.b-features-column-mod .features-column-icon i {
    padding: 2px;
}

.features-column-icon img {
    width: 110px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.b-features-column .features-column-title,
.b-features-column-mod .features-column-title {
    font-size: 24px;
    margin: 0 0 22px;
    color: #23272c;
    position: relative;
}

.b-features-column .features-column-text,
.b-features-column-mod .features-column-text {
    font-size: 16px;
    font-family: 'NeoSans', sans-serif;
    margin-top: 10px;
    margin-bottom: 42px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #0b3188;
}

.b-features-column .btn,
.b-features-column-mod .btn {
    padding: 16px 50px;
    position: relative;
}

.b-features-column:before,
.b-features-column-mod:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.b-features-column:hover,
.b-features-column-mod:hover {
    color: #fff;
}

.b-features-column:hover:before,
.b-features-column-mod:hover:before {
    opacity: 1;
}

.b-features-column:hover .features-column-icon i:before,
.b-features-column-mod:hover .features-column-icon i:before {
    background: inherit;
    -webkit-text-fill-color: inherit;
}

.b-features-column:hover .features-column-title,
.b-features-column-mod:hover .features-column-title {
    color: #fff;
}

.b-features-column:hover .btn,
.b-features-column-mod:hover .btn {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
    border-color: transparent;
}

.b-features-column:hover .btn:hover,
.b-features-column-mod:hover .btn:hover {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.b-features-column-mod {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 15px 0;
    height: 100%;
    margin: 0;
}

.b-features-column-mod .features-column-title {
    font-size: 18px;
}


/* price offers */

.b-offers-holder,
.b-offers-holder-full {
    padding: 0 115px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.b-offers-holder-full {
    padding: 0;
}

.offer-item {
    margin-bottom: 15px;
    padding: 15px 0;
    position: relative;
}

.offer-item .offer-content {
    background: #fff;
    padding: 42px 0 42px;
    position: relative;
    -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);
}

.offer-item .offer-name {
    font-size: 24px;
    color: #23272c;
    margin-bottom: -8px;
    padding: 0 5px;
}

.offer-item .offer-price {
    font-size: 65px;
    color: #23272c;
    margin-bottom: 28px;
    padding: 0 5px;
    position: relative;
    display: inline-block;
}

.offer-item .offer-price .price-currency {
    display: inline-block;
    font-style: normal;
    font-size: 28px;
    color: #bfc9ce;
    position: absolute;
    top: 15px;
    left: -21px;
}

.offer-item .offer-price .price-limit {
    font-weight: normal;
    font-style: italic;
    display: block;
    font-size: 16px;
    color: #bfc9ce;
}

.offer-item .btn {
    display: block;
    margin: 0 auto;
    padding: 16px 60px;
    background: #fff;
}

.offer-item .offer-advantages {
    border-top: 1px solid #e8ecef;
    padding: 70px 0 0;
    margin-top: -24px;
}

.offer-item .offer-advantages li {
    font-size: 16px;
    color: #7e848e;
    margin-bottom: 15px;
    padding: 0 5px;
}

.offer-item .offer-advantages li i {
    margin-right: 5px;
}

.offer-item .offer-advantages li.not-include {
    opacity: .45;
}

.offer-item .offer-advantages li:last-child {
    padding-top: 10px;
}

.offer-item .offer-advantages li:last-child i {
    font-size: 20px;
    margin: 0;
}

.offer-item.even-item .offer-content {
    background: transparent;
    border-color: transparent;
    -webkit-box-shadow: 0px 1px 4px 1px transparent;
    -moz-box-shadow: 0px 1px 4px 1px transparent;
    box-shadow: 0px 1px 4px 1px transparent;
}

.offer-item.even-item .offer-name,
.offer-item.even-item .offer-price,
.offer-item.even-item .offer-price span,
.offer-item.even-item .btn,
.offer-item.even-item .offer-advantages li {
    color: #fff;
}

.offers-info-text {
    font-size: 18px;
    padding: 48px 15px 103px;
}


/* reviews content */

.b-reviews-content {
    position: relative;
    z-index: 1;
}

.b-reviews-content .custom-slideshow-controls span {
    background: rgba(255, 255, 255, 0.1);
}

.reviews-pager {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -40px;
    z-index: 1;
}

.reviews-pager a {
    display: inline-block;
    border: 5px solid transparent;
    border-radius: 50%;
    margin: 0 18px;
    -webkit-transition: transform 0.4s linear, border-color 0.25s ease;
    -moz-transition: transform 0.4s linear, border-color 0.25s ease;
    -ms-transition: transform 0.4s linear, border-color 0.25s ease;
    -o-transition: transform 0.4s linear, border-color 0.25s ease;
    transition: transform 0.4s linear, border-color 0.25s ease;
}

.reviews-pager .active {
    border-color: #fff;
    transform: scale(1.25);
}

.review-item {
    width: 68%;
    margin: 0 auto;
    color: #fff;
}

.review-item .review-title {
    font-size: 30px;
    color: inherit;
    margin: 14px 0 20px;
    font-weight: normal;
}

.review-item .review-text {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 18px;
    opacity: .7;
}

.review-item .review-author {
    font-size: 16px;
}

.review-item .review-author .pre-line {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 1px;
    background: #fff;
    margin-right: 2px;
}


/* service page last works*/

.b-last-works {
    margin-bottom: 70px;
}

.b-last-works .b-upper-title {
    margin-bottom: -95px;
}

.b-last-works .b-slider-holder {
    position: relative;
    padding-top: 45px;
    padding-bottom: 110px;
    overflow: hidden;
}

.b-last-works .mac-wrapper {
    width: 1025px;
    height: 576px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1111;
}

.b-last-works .b-single-gallery-carousel {
    background: transparent;
    box-shadow: none;
}

.b-last-works .b-single-gallery-carousel .single-gallery-item {
    width: 710px;
    margin: 0 25px;
}

.b-last-works .b-single-gallery-carousel .single-gallery-item img {
    border-radius: 0;
}

.b-last-works .single-gallery-item {
    opacity: .5;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.b-last-works .center .single-gallery-item {
    opacity: 1;
}


/* ask content */

.b-ask-content {
    color: #fff;
    position: relative;
    z-index: 1;
}

.b-ask-content .big-title-mod {
    color: inherit;
    font-family: 'NeoSans', sans-serif;
}

.b-ask-content .b-text {
    margin-bottom: 34px;
}

.b-ask-content .b-text p {
    font-weight: 300;
    font-size: 20px;
    opacity: .6;
}


/* services scroll slider */

.b-scroll-slide .b-upper-title {
    margin: -40px 0 -155px;
}


/* 4 column`s with additional info */

.b-add-info-holder {
    padding-top: 125px;
    margin-bottom: 78px;
    color: #fff;
    position: relative;
    z-index: 1;
}

.b-add-info-holder .row.equal > [class*="col-"] {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.b-add-info {
    margin-bottom: 52px;
}

.b-add-info .add-info-number {
    float: left;
    margin-right: 25px;
}

.b-add-info .add-info-number,
.b-add-info .add-info-content-title {
    font-size: 18px;
}

.b-add-info .add-info-content {
    position: relative;
    overflow: hidden;
}

.b-add-info .add-info-content-title {
    margin-bottom: 8px;
}

.b-add-info .add-info-content-text {
    font-size: 15px;
}


/* about us additional */

.b-about-additional {
    margin-bottom: 42px;
    padding-top: 75px;
}

.b-about-additional .b-upper-title {
    margin: 18px 0 -55px;
}

.about-additional-img {
    margin-top: -132px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.1);
}

.about-additional-img img {
    border-radius: inherit;
}

.about-additional-content {
    margin-bottom: 25px;
}

.about-additional-content .inherit-title {
    color: #23272c;
    margin-bottom: 30px;
}

.about-additional-content .about-additional-text {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
}


/* mac wrapper mod */

.container-absolute {
    position: absolute;
    top: 278px;
    right: -15px;
    left: 0;
    margin: 0 auto;
    width: 100%;
}

.mac-wrapper-mod {
    position: absolute;
    right: auto;
    left: 0;
    top: 0;
    z-index: 2;
}

.mac-wrapper-mod:before {
    content: '';
    display: block;
    background: url("../media/content/texture/mac-mod.png") no-repeat;
    width: 840px;
    height: 695px;
    position: absolute;
    top: 0;
    left: auto;
}

.mac-wrapper-mod a {
    display: block;
    width: 578px;
    height: 365px;
    position: relative;
    left: -130px;
    top: 30px;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.mac-wrapper-mod a:hover {
    opacity: .7;
}


/* home page */

/* home page slider */

.b-home-slider-holder {
    position: relative;
}

.b-home-slider-holder .home-slide {
    visibility: hidden;
}

.b-home-slider-holder .home-slide.slick-current {
    visibility: visible;
}

.b-home-slider-holder .b-slick-arrows {
    width: auto !important;
}

.b-home-slider-holder .b-slick-arrows .slick-arrows-prev {
    left: 5%;
}

.b-home-slider-holder .b-slick-arrows .slick-arrows-next {
    right: 5%;
}

.b-home-slider-holder .custom-slideshow-controls span {
    background: transparent;
    border: 1px solid #00c8c8;
}

.b-home-slider-content .home-slider-text {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 45px;
}


/* home page content */

.b-homepage-content .b-layer-main {
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.b-homepage-content .b-about .b-info-columns-holder {
    padding-top: 45px;
    margin-bottom: 0;
}

.b-homepage-content .b-last-works {
    margin-bottom: 22px;
}

.b-homepage-content .gallery-carousel-controls ul {
    margin: 5px 0;
}

.b-homepage-content .b-title-service,
.b-homepage-content .b-title-service-mod,
.b-homepage-content .b-title-service-mod {}

.b-homepage-content .b-regular-tabs .tab-content {
    padding-bottom: 95px;
}

.b-homepage-content .b-team-holder {
    margin-bottom: 100px;
}

.b-homepage-content .b-skills {
    margin-bottom: 65px;
}


/* home page ver 02 */

/* modified features block */

.b-home-features .page-arrow {
    top: auto;
    bottom: -28px;
    z-index: 2;
}

.b-home-features .b-features-columns-holder {
    margin-top: -155px;
    padding-bottom: 90px;
}

.b-home-features .b-features-columns-holder .row > [class*='col-'] {
    padding: 0;
}

.b-home-features .b-features-column,
.b-home-features .b-features-column-mod {
    margin: 30px 0 30px;
    padding: 0 20px;
}

.b-home-features .b-features-column .features-column-icon,
.b-home-features .b-features-column-mod .features-column-icon {
    font-size: 90px;
    margin: 35px 0 0;
}

.b-home-features .b-features-column .features-column-icon i:before,
.b-home-features .b-features-column-mod .features-column-icon i:before {
    -webkit-text-fill-color: inherit;
}

.b-home-features .b-features-column .features-column-title,
.b-home-features .b-features-column-mod .features-column-title {
    margin: 0 0 8px;
}

.b-home-features .b-features-column .features-column-text,
.b-home-features .b-features-column-mod .features-column-text {
    margin-bottom: 55px;
}

.b-home-features .b-features-column.even-features-column,
.b-home-features .even-features-column.b-features-column-mod {
    margin: 0 -3px;
    height: 100%;
    border: none;
    z-index: 1;
}

.b-home-features .b-features-column.even-features-column .features-column-icon,
.b-home-features .even-features-column.b-features-column-mod .features-column-icon {
    font-size: 90px;
    margin: 65px 0 0;
}

.b-home-features .b-features-column.even-features-column .features-column-icon i:before,
.b-home-features .even-features-column.b-features-column-mod .features-column-icon i:before {
    -webkit-text-fill-color: transparent;
}

.b-home-features .b-features-column.even-features-column:hover .features-column-icon i:before,
.b-home-features .even-features-column.b-features-column-mod:hover .features-column-icon i:before {
    -webkit-text-fill-color: inherit;
}

.b-homepage-content-mod .b-gallery-sorting-holder {
    margin-top: 25px;
    margin-bottom: 2px;
    border-color: transparent;
}

.b-homepage-content-mod .b-isotope {
    margin-bottom: 25px;
}

.b-homepage-content-mod .b-progress-list {
    padding-top: 50px;
}


/* contacts form highlight required fields */

#contact-form .required-field.required-field-error {
    background: rgba(255, 0, 0, 0.65);
}


/* contacts form alerts */

.send-alert {
    border-radius: 22px;
    font-size: 16px;
    padding: 16px;
    line-height: 1;
    font-weight: bold;
    display: none;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    width: 95%;
}


/* messages for success or error send from contact form */

.send-success {
    background-color: #dff0d8;
    border: 1px solid transparent;
    color: #3c763d;
}

.send-error {
    background-color: #FF8888;
    border: 1px solid transparent;
    color: #fff;
}


/* footer */

/* footer */

.footer {
    padding: 50px 0;
    background-color: #155ba9;
}

.qaute {
    color: #fff;
    padding: 20px;
    border: 1px solid;
    border-color: rgb(20, 81, 148);
    margin-bottom: 50px;
}

.qaute p {
    text-align: justify;
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 8px;
    line-height: 180%;
}

.qaute img {
    display: block;
    margin: 0 auto;
}

.footer li a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding-right: 10px;
    line-height: 180%;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.footer li a:hover {
    color: #fff;
    padding-right: 15px;
}

.footer li {
    list-style: none;
    line-height: 218%;
    margin: 0 5px 5px;
}

.footer li:before {
    content: "\f097";
    color: #ccc;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.footer ul {
    margin-left: 10px;
    padding: 0;
}

.footer h3 {
    color: #fff;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 15px;
}

.footer h3 i {
    margin-left: 10px;
    color: #fff;
    font-size: 14px;
}

.footer .input-group .form-control {
    border: 0 !important;
    font-size: 16px;
    padding: 10px;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #fff;
    height: auto;
}

.footer .input-group {
    border-bottom: 1px solid rgb(20, 81, 148) !important;
}

.footer .input-group-btn > .btn {
    background: transparent;
    border-radius: 0;
    font-size: 18px;
    color: #fff;
    border: 0 !important;
}

.footer .col-md-4 p {
    color: #fff;
    text-align: justify;
    font-size: 14px
}

.footer-area {
    border-top: 0;
    margin-top: 0;
    padding: 20px 1.6%;
    background: #f3f3f3;
    position: relative;
}

.footer-area p {
    margin: 0;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
}

.footer-area .top-links a {
    font-size: 16px;
    padding-top: 6px;
    display: inline-block;
    width: 35px;
    text-align: center;
    height: 35px;
    color: #535353;
    border: 1px solid #c5c5c5;
}

.footer-area .top-links a:hover {
    color: #155ba9;
}

.dataTables_wrapper .dataTables_info {

    padding-top: 20px;
}

/**/

.slid {
    position: relative;
    top: 0;
    z-index: 0;
}

.bgback {
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.heady {
    position: absolute;
    z-index: 100;
    top: 20px;
    left: 0;
    right: 0;
}

.heady .container-fluid {
    padding: 0 15px;
    width: 99%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.heady .container-fluid > .row > .col-md-3 {
    width: 313px;
}

.heady .container-fluid > .row > .col-md-7 {
    width: calc(83.333333333333336% - 313px);
}

.header {
    background-color: #f7f7f7;
    box-shadow: 0 18px 40px 0 rgba(0, 0, 0, 0.15);
    padding: 15px 25px;
    height: 100px;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header.upa {
    height: 0;
    padding: 0;
    overflow: hidden;
}

.navigation .nav > li > a {
    padding: 10px 12px 32px;
    color: #252525;
    font-size: 16px;
    font-weight: lighter;
}

.navigation .navbar-nav ul.dropdown-menu {
    top: 100%;
    padding: 0 15px 21px;
    left: auto;
    right: 0;
    border-radius: 0;
    font-size: 14px;
    border: none;
    /* box-shadow: none; */
    min-width: 100%;
    background: #f7f7f7;
    display: none;
}

.navigation .navbar-nav > li.dropdown:hover ul.dropdown-menu {
    display: block;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}

.navigation .navbar-nav > li.dropdown.largList :hover ul.dropdown-menu {
    display: table;
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}

.navigation .navbar-nav > li.largList {
    /* position: static; */
}

.navigation .navbar-nav > li.largList > ul {
    right: -100%;
    left: auto;
    max-width: none;
    float: none;
    /* min-width: 533px; */
}

.navigation .navbar-nav > li.largList > ul > .row {
    display: table;
}

.navigation .navbar-nav > li.largList > ul > .row > div {
    display: table-cell;
    white-space: nowrap;
    float: none;
}

.navigation .navbar-nav > li > ul h1 {
    color: #1e83b3;
    font-size: 14px;
    font-weight: bold;
    margin: 19px 23px 21px;
}

.navigation .navbar-nav > li > ul ul {

    padding: 0;

    /* padding-right: 13px; */

    list-style-type: none;

    margin: 19px 23px 21px;
}

.navigation .navbar-nav > li > ul ul li {

    color: #777;

    margin-bottom: 9px;
}

.navigation .navbar-nav > li > ul ul li a {}

.navigation .navbar-nav > li > ul ul li a:hover {
    color: #07b3c1
}

/*.nav.navbar-nav>li+li:before {
    content: "-";
    font-size: 16px;
    padding: 0 5px;
    color: #777;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: -7px;
    display: block;
}*/

.nav > li.active > a,
.nav > li.focus > a,
.nav > li > a:active,
.nav > li > a:focus,
.nav > li > a:hover,
.nav > li:hover > a,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    color: #465567;
    background: 0 0 !important;
}

.navigation {
    margin-top: 16px;
}

.dropdown-menu {
    right: 0;
    left: auto;
    border-color: #ccc;
    min-width: 180px;
    margin: 0;
    padding: 0;
}

.dropdown-menu > li > a {
    padding: 12px 20px;
    border-bottom: 1px solid #ddd;
}

.dropdown-menu > li > a:hover {
    color: #155ba9;
    background: #fcfcfc;
}

a.logo img {
    margin: 6px auto;
    width: 150px;
}

.soci {
    background-color: transparent/*#465567*/;
    color: #fff;
    box-shadow: none /*0 18px 40px 0 rgba(0, 0, 0, 0.15)*/;
    height: 100px;
    text-align: center;
}

.home .soci {
    background: none;
    box-shadow: none;
}

.soci.ac {
    background: #fff;
}

.soci.ac {
    background: #fff;
    color: #465567;
    direction: rtl;
    border-radius: 20px;
}

.home .soci.ac {
    background: none;
    box-shadow: none;
}


.award img {
    margin-top: 9px;
}

.award {
    padding: 0 5px;
}

@media (min-width: 992px) {
    .b-features-columns-holder .col-md-4 {
        width: 19.333333%;
    }
}

.servi {
    margin-top: -48px;
    text-align: center;
}

.blocka {
    border: 1px solid #e3eff5;
    margin-bottom: 30px;
    padding: 30px;
    height: 237px;
}

.blocka .imagee {
    height: 130px;
}

.blocka .imagee img {
    margin-bottom: 15px;
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blocka:hover img {
    width: 120px;
}

.blocka p {
    color: #0f5c9d;
    font-size: 18px;
    font-family: 'NeoSans', sans-serif;
}

.blocka:hover p {
    font-size: 19px;
}

.ch-item {
    width: 100%;
    height: 234px;
    position: relative;
    border-left: 1px solid #eee;
    padding: 0;
}

.ch-info-wrap,
.ch-info {}

.ch-info-wrap {
    top: 0;
    left: 0;
}

.ch-info > div {
    display: block;
    width: 150px;
    height: 109px;
    margin: 0 auto;
    background-position: center center;
    -webkit-backface-visibility: hidden;
}

.ch-info .ch-info-front {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-size: 150px;
    margin-top: 33px;
}

.ch-info .ch-info-back {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    pointer-events: none;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    -ms-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
    padding-top: 15px;
}

.ch-img-1 {
    background: url(../media/i-0.png) no-repeat;
}

.ch-img-2 {
    background: url(../media/i-1.png) no-repeat;
}

.ch-img-3 {
    background: url(../media/i-2.png) no-repeat;
}

.ch-img-4 {
    background: url(../media/i-3.png) no-repeat;
}

.ch-img-5 {
    background: url(../media/i-4.png) no-repeat;
}

.ch-img-6 {
    background: url(../media/i-5.png) no-repeat;
}

.ch-info h3 {
    color: #0f5c9d;
    text-transform: uppercase;
    font-size: 16px;
}

.ch-info img {
    width: 150px;
    margin-top: 60px;
}

.ch-info p {
    color: #0f5c9d;
    color: #666;
    padding: 10px 5px 0;
    font-family: 'NeoSans', sans-serif;
    font-size: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ch-info p a {
    display: block;
    color: #e7615e;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    padding-top: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
    color: #fff;
}

.ch-item:hover .ch-info-front {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}

.ch-item:hover .ch-info-back {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

.ch-grid {
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
    margin: 30px 0;
    margin-bottom: 60px;
}

.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}

.ch-grid:after {
    clear: both;
}

.ch-grid li {
    position: relative;
}

.clear {
    clear: both;
}

#layerslider {
    direction: ltr;
}

.page-feed.searcha a {
    font-size: 16px;
    color: #666;
}

.page-feed.searcha span {
    font-family: 'NeoSans', sans-serif;
    font-size: 16px;
    margin-top: 10px;
    display: inline-block;
}

.col-md-4 img.main-im {
    margin-top: 0;
}

.serva {
    margin: 0;
}

.serva .col-md-3,
.serva .col-md-2 {
    padding: 0;
}


/*.serva .ch-info-back {
    border-left: 1px solid #ddd;
}
.serva .ch-info-back.last {
    border: 0;
}
.ch-info-back {
    height: 220px;
    overflow: hidden;
    text-align: center;
    padding: 25px;
    margin: 35px 0;
        -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ch-info-back img {
    max-height: 100%;
    height: 170px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ch-info-back:hover img {
    height: 145px;
}
.ch-info-back h3 {
    font-size: 18px;
    color: #2a6496;
    margin-top: 22px;
}*/

ul.value {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.value li {
    float: right;
    width: 20%;
    padding: 0 2px;
    text-align: center;
    font-size: 12px;
}

ul.value li p {
    margin-top: 6px;
}


/*  */

.white {
    border-color: #fff;
    color: #fff !important;
}

a.logo-s {
    position: absolute;
    padding: 15px;
    margin: 0 auto;
    display: block;
    position: absolute;
    padding: 15px;
    margin: 0 auto;
    display: block;
    top: 7px;
    left: -16px;
    width: 158px;
    display: none;
}

a.logo-s.dispa {
    display: none;
}

.toggle-menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    outline: none;
    padding: 0;
    pointer-events: initial;
    vertical-align: middle;
    width: 50px;
    z-index: 1110;
    position: absolute;
    right: 14px;
    bottom: -29px;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

button.toggle-menu.active {
    bottom: -52px;
}

.toggle-menu span {
    background-color: #092f87;
    content: "";
    display: block;
    height: 2px;
    left: calc(50% - 13px);
    position: absolute;
    top: calc(50% - 1px);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, -webkit-transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, -webkit-transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear, -webkit-transform 0.2s linear;
    width: 26px;
}

.toggle-menu span:before,
.toggle-menu span:after {
    background-color: #092f87;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, -webkit-transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, -webkit-transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear;
    transition: background-color 0.2s ease-in-out, top 0.2s 0.2s ease-out, transform 0.2s linear, -webkit-transform 0.2s linear;
    width: 26px;
}

.toggle-menu span:before {
    top: 7px;
}

.toggle-menu span:after {
    top: -7px;
}

.toggle-menu.active span {
    background-color: transparent;
    -webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
}

.toggle-menu.active span:before,
.toggle-menu.active span:after {
    -webkit-transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
    transition: top 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
    transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out;
    transition: top 0.2s ease-out, transform 0.2s 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
}

.toggle-menu.active span:before {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.toggle-menu.active span:after {
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.gate-section {
    padding: 80px 0;
    border-bottom: 1px solid #f6f8f9;
    background: url(../media/banner2.jpg) center top/cover no-repeat rgba(21, 91, 169, .69);
    background-attachment: fixed;
    position: relative;
}

.gate-section:before {
    background: url(../images/pattern.png) rgba(21, 91, 169, .79);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.gate-section .more-btn,
.gate-section a.more-btn {
    padding: 13px 45px;
    font-family: 'NeoSans', sans-serif;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    text-align: center;
    background: #246bad;
    text-decoration: none;
    border-radius: 26px;
    border: none;
    margin-top: 90px;
    position: relative;
    z-index: 1;
}

.gate-section a.more-btn:hover {
    background: #3e76af;
    color: #ffffff;
}

.b-gallery-3.b-isotope {
    margin-bottom: 0;
}

#example tbody td table {
    z-index: 100;
    position: relative
}

/******************************/

.cpylft {
    text-align: left !important;
    display: inline-block;
    float: left
}

.cpyrght {
    text-align: right !important;
    display: inline-block;
    float: right;
    color: #465567;
    margin-left: 15px !important;
}

.cpyrght span {
    color: #818b95;
    font-size: 15px;
}

.cpyrght i {

    font-size: 19px;

    color: #a0a0a0;

    position: relative;

    top: 2px;

    margin-left: 5px;
}

.innerListLnk,
.footerSlide {
    display: none
}

.ms-options-wrap > button {
    height: 42px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/************************notes********************************/

.user-info .navbar-nav {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}

.user-info .navbar-nav ul {
    padding: 0;
    list-style: none;
}

.user-info .navbar-nav > li.dropdown {
    margin: 0px;
    display: inline-block;
    margin-left: 7px;
    float: none;
}

.user-info .navbar-nav > li.dropdown-extended .dropdown-menu {
    min-width: 160px;
    max-width: 275px;
    width: 275px;
    z-index: 9995;
}

.user-info .navbar-nav > li.dropdown .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block !important;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #eee;
    border-right: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.user-info .navbar-nav > li.dropdown > .dropdown-toggle {
    margin: 0px;
    padding: 15px 4px 3px;
    background: transparent;
    color: #fff;
    font-size: 24px;
}

.user-info .navbar-nav > li.dropdown:hover > .dropdown-menu {
    /* display:block */
}

.user-info .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    font-family: 'greeta';
    position: absolute;
    top: 4px;
    left: 16px;
    padding: 3px 6px;
    background: #D80000;
}

.user-info .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
    display: block;
    overflow: hidden;
    padding: 15px 15px;
    letter-spacing: 0.5px;

    background: #e9e9e9;
}

.user-info .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
    margin: 0;
    padding: 0;
    float: right;
    font-size: 13px;
    display: inline-block;
    color: #00274f;
}

.user-info .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
    display: inline-block;
    padding: 0;
    background: none;
    clear: inherit;
    font-size: 13px;
    font-weight: 300;
    position: absolute;
    left: 10px;
    border: 0;
    margin-top: -1px;
    color: #477bb0;
}

.user-info .navbar-nav .dropdown-menu li {
    border-bottom: 1px solid #f5f6fa;
}

.user-info .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 11px 15px 13px;
    text-shadow: none;
    border-bottom: 1px solid #eff2f6 !important;
    color: #226bac;
    text-align: right;
}

.user-info .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:last-child {
    border: none
}

.user-info .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:last-child > a {
    border: none
}

.user-info .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
    background: #fff
}

.user-info .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
    float: left;
    max-width: 75px;
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    padding: 1px 5px;
    background: #f1f1f1;
    color: #484848;
}

.user-info .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
    margin-left: 10px;

    background: #155ba9;
}

/************************Chat******************************/

.chatCon {
    margin: 0 auto;
    width: 870px;
    max-width: 100%;
    /* background: #444753; */
    /* border-radius: 5px; */
}

.chatCon ul {
    list-style: none
}

.people-list {
    width: 320px;
    float: right;
    height: 647px;
    overflow-y: auto;
    background: #444753;
}

.people-list .search {
    padding: 20px;
}

.people-list input {
    border-radius: 3px;
    border: none;
    padding: 14px;
    color: white;
    background: #6A6C75;
    width: 90%;
    font-size: 14px;
}

.people-list .fa-search {
    position: relative;
    left: -25px;
}

.people-list ul {
    padding: 20px;
}

.people-list ul li {
    padding-bottom: 20px;
}

.people-list img {
    float: right;
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

.people-list .about {
    float: right;
    margin-top: 8px;
}

.people-list .about {
    padding-right: 8px;
    color: #fff;
}

.people-list .status {
    color: #92959E;
    text-shadow: none;
    padding: 0;
    margin: 0;
    border-radius: 0px;
}

.chatCon .chat {
    width: 550px;
    float: right;
    background: #F2F5F8;
    /* border-top-right-radius: 5px; */
    /* border-bottom-right-radius: 5px; */
    color: #434651;
    display: block;
    border: none;
}

.chat .chat-header {
    padding: 20px;
    border-bottom: 2px solid white;
}

.chat .chat-header img {
    float: right;
}

.chat .chat-header .chat-about {
    float: right;
    padding-right: 10px;
    margin-top: 6px;
}

.chat .chat-header .chat-with {
    font-weight: bold;
    font-size: 16px;
}

.chat .chat-header .chat-num-messages {
    color: #92959E;
}

.chat .chat-header .fa-star {
    float: left;
    color: #D8DADF;
    font-size: 20px;
    margin-top: 13px;
}

.chat .chat-history {
    padding: 30px 30px 20px;
    border-bottom: 2px solid white;
    overflow-y: scroll;
    height: 341px;
}

.chat .chat-history .message-data {
    margin-bottom: 15px;
}

.chat .chat-history .message-data-time {
    color: #a8aab1;
    padding-left: 6px;
}

.chat .chat-history .message {
    color: white;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 16px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative;
}

.chat .chat-history .message:after {
    bottom: 100%;
    right: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #8D8D8D;
    border-width: 10px;
    margin-left: -10px;
}

.chat .chat-history .my-message {
    background: #8D8D8D;
}

.chat .chat-history .other-message {
    background: #465567;
}

.chat .chat-history .other-message:after {
    border-bottom-color: #465567;
    left: 93%;
}

.chat .chat-message {
    padding: 5px 30px;
}

.chat .chat-message textarea {
    width: 100%;
    border: none;
    padding: 10px 20px;
    font: 14px/22px "greeta", Arial, sans-serif;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none;
}

.chat .chat-message .fa-file-o,
.chat .chat-message .fa-file-image-o {
    font-size: 16px;
    color: gray;
    cursor: pointer;
}

.chat .chat-message button {
    float: left;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    /* font-weight: bold; */
    background: #155ba9;
    padding: 8px 15px 5px;
}


.online,
.offline,
.me {
    margin-right: 3px;
    font-size: 10px;
}

.online {
    color: #86BB71;
}

.offline {
    color: #E38968;
}

.me {
    color: #94C2ED;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.float-right {
    float: right;
}


/********************apps**************************/

.tit1 {
    font-size: 18px;
    margin: 0 0 0;
    background: #333;
    padding: 10px 11px 13px;
    color: #fff;
    border: 2px #333 solid;
    border-bottom: navajowhite;
}

.appsStoreCon {
    background: #465567;
    text-align: center;
    padding: 9px 0 0px;
}

.appsStoreCon a {
    font-size: 44px;
    margin: 0 15px;
    display: inline-block;
    color: #fff;
}

.appsStoreCon a:hover {}

.AppsCon {
    text-align: center;
    position: relative;
    padding: 33px 20px;
    border: 1px #cccccc solid;
    border-radius: 5px;
    width: 100%;
    max-width: 100%;
    margin: 16px 0 0;
}

.AppsCon h2 {
    position: absolute;
    font-size: 17px;
    padding: 5px 8px;
    color: #465567;
    font-weight: normal;
    top: -38px;
    background: #fff;
}

.AppsCon a {
    display: inline-block;
    margin: 0 16px;
}

.AppsCon a img {
    width: 150px;
}

.AppsCon a:hover {}

a.more {
    color: #1977CC;
}

a.more:hover {
    text-decoration: underline;
}

span.admin {
    color: #8CD1FF;
    font-size: 12px;
}

.attachBtn {
    background-color: #D6D6D6 !important;
    float: right !important;
    padding: 0px !important;
    border-radius: 5px;
}

.attachBtn img {
    border-radius: 0 !important;
    border: 0px !important;
}

.replyBtn {
    background-color: transparent !important;
    float: left !important;
    padding: 0px !important;
    border: 0px !important;
}

.replyBtn img {
    border-radius: 0 !important;
    border: 0px !important;
    width: 18px;
}

.send-reply {
    background-color: #E3E3E3;
    font-size: 12px;
    padding: 5px 10px 5px 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    border-right: 4px solid #16A4E2;
}

.send-reply p {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

.send-reply span {
    color: #16A4E2;
}

.send-reply i {
    float: left;
}

.msgAttachment img.icon {
    width: 20px;
    margin-left: 2px;
    border: none;
    border-radius: 0px;
    margin-top: 2px;
}

.msgAttachment.view img {
    float: right;
}

.msgAttachment.view a {
    font-size: 14px;
}

.msgAttachment span {
    font-size: 14px;
    color: #434651;
}

.msgAttachment a {
    line-height: 20px;
}

.msgAttachment {
    background-color: #E3E3E3;
    margin-left: 20px;
    display: inline-block;
    margin-bottom: 7px;
    padding: 7px 5px 5px 10px;
    direction: ltr;
    text-align: right;
    border-radius: 5px;
    width: 100%;
}

.msgAttachment.view {
    padding: 2px 5px 0px 10px;
    width: auto;
}

.msgAttachment i {
    float: right;
    margin-left: 7px;
    margin-top: 2px;
}

.msgAttachment.view img.item {
    margin: 10px 0;
}

#progressbar {
    background-color: #E3E3E3;
    background-repeat: repeat-x;
    border-radius: 9px;
    /* (height of inner div) / 2 + padding */
    padding: 3px;
    width: 100%;
    margin-bottom: 7px;
}

#progressbar > div {
    background-color: #16A4E2;
    width: 0%;
    /* Adjust with JavaScript */
    height: 6px;
    border-radius: 10px;
    text-indent: 1000px;
}

ul.mentions {
    width: 100%;
    display: inline-block;
    /*float: right;*/
    margin: 0px;
    padding-inline-start: 0px;
}

ul.mentions li {
    position: relative;
    margin: 3px 0px 3px 3px;
    padding: 3px 5px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #155BA9;
    line-height: 13px;
    cursor: default;
    float: right;
    font-size: 14px;
}

.chosen-container-multi {
    width: 100% !important;
}

.loadingChat {
    text-align: center;
    border: 1px solid #D6D6D6;
    padding: 5px;
    margin: 10px 35px 20px;
    color: #007ACC;
    border-radius: 5px;
}

.bootstrap-datetimepicker-widget {
    direction: ltr !important;
}

.dropdown-menu-list span.details {
    font-size: 11px;
    color: #484848;
}

.inner-nav {
    background: #f3f3f3;
    padding: 8px 10px;
    margin: 0 0 20px;
    border-radius: 18px;
}

.innerNavCon {
    float: right;
    margin-top: 5px;
}

.menu-inner-coll {
    border: none;
    background: #465567;
    padding: 8px 15px 5px;
    font-size: 27px;
    display: none;
    position: absolute;
    right: 25px;
    color: #fff;
}

.innerNavCon .navbar-collapse {
    padding: 0
}

.innerNavCon .navbar-nav {}

.innerNavCon .navbar-nav li {}

.innerNavCon .navbar-nav li a {}


/************************notes********************************/

.subInnerM {
    float: left;
    margin-top: 26px;
    margin-left: 15px;
}

.subInnerM .navbar-nav {
    display: block;
    width: 100%;
    /* margin-bottom: 8px; */
}

.subInnerM .navbar-nav ul {
    padding: 0;
    list-style: none;
}

.subInnerM .navbar-nav > li {
    border-left: 1px #d6d6d6 solid;
    padding: 0 4px;
}

.subInnerM .navbar-nav > li:last-child {
    border: none
}

.subInnerM .navbar-nav > li.dropdown {
    margin: 0px;
    display: inline-block;
    /* margin-left: 7px; */
    /* float: none; */
}

.subInnerM .navbar-nav > li.userN {
    padding-top: 1px;
    color: #4e4e4e;
    padding-right: 11px;
    font-size: 16px;
}

.subInnerM .navbar-nav > li.userN a {
    padding: 13px 0 0;
    color: #888888;
    font-size: 15px;
}

.subInnerM .navbar-nav > li.userN a i {
    padding: 2px 0 0 !important;
    font-size: 18px !important;
    position: relative;
    top: 4px;
    color: #888888 !important;
}

.subInnerM .navbar-nav > li.dropdown-extended .dropdown-menu {
    min-width: 160px;
    max-width: 275px;
    width: 275px;
    z-index: 9995;
    right: auto;
    left: 0;
    top: 120%;
}

.subInnerM .navbar-nav > li.dropdown .dropdown-menu:before {
    position: absolute;
    top: -8px;
    left: 6px;
    display: inline-block !important;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #eee;
    border-right: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.subInnerM .navbar-nav > li.dropdown > .dropdown-toggle i {
    margin: 0px;
    padding: 3px 4px 3px;
    background: transparent;
    color: #38b5e6;
    font-size: 24px;
}

.subInnerM .navbar-nav > li.dropdown > .dropdown-toggle {
    border: none;
}

.subInnerM .navbar-nav > li.dropdown:hover > .dropdown-menu {
    /* display:block */
}

.subInnerM .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
    font-family: 'greeta';
    position: absolute;
    top: 4px;
    left: 16px;
    padding: 3px 6px;
    background: #D80000;
}

.subInnerM .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
    display: block;
    overflow: hidden;
    padding: 15px 15px;
    letter-spacing: 0.5px;

    background: #e9e9e9;
}

.subInnerM .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
    margin: 0;
    padding: 0;
    float: right;
    font-size: 13px;
    display: inline-block;
    color: #00274f;
}

.subInnerM .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
    display: inline-block;
    padding: 0;
    background: none;
    clear: inherit;
    font-size: 13px;
    font-weight: 300;
    position: absolute;
    left: 10px;
    border: 0;
    margin-top: -1px;
    color: #477bb0;
}

.subInnerM .navbar-nav .dropdown-menu li {
    border-bottom: 1px solid #f5f6fa;
}

.subInnerM .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 11px 15px 13px;
    text-shadow: none;
    border-bottom: 1px solid #eff2f6 !important;
    color: #226bac;
    text-align: right;
}

.subInnerM .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:last-child {
    border: none
}

.subInnerM .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li:last-child > a {
    border: none
}

.subInnerM .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
    background: #fff
}

.subInnerM .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
    float: left;
    max-width: 75px;
    font-size: 11px;
    font-weight: 400;
    text-align: left;
    padding: 1px 5px;
    background: #f1f1f1;
    color: #484848;
}

.subInnerM .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
    margin-left: 10px;

    background: #155ba9;
}

.mn {
    margin: 0 !important
}

.mr10 {
    margin-right: 10px !important
}

.tabCard {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgb(218, 218, 218);
    border-radius: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    /* margin-bottom: 20px; */
    z-index: 0;
}

.tabCard.active {
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 25px;
    margin-bottom: -15px;
    border-radius: 20px 20px 0 0;
}

.tabCard.active:before {
    position: absolute;
    top: 101%;
    right: 0;
    left: 0;
    width: 0;
    margin: 0 auto;
    display: inline-block !important;
    border-left: 20px solid transparent;
    border-top: 20px solid #eee;
    border-right: 20px solid transparent;
    border-top-color: rgb(218, 218, 218);
    /* content: ''; */
}

.tabCard.active .mini-stats-content {
    background: #1a7fb3;
}

.mini-stats {
    /* overflow: hidden; */
}

.p-3 {
    padding: 1rem !important;
}

.tabCardIcon {
    float: left;
    margin-right: 11px;
    margin-left: -2px;
}

.tabCardIcon.active i {
    color: #6dddff;
}

.tabCard i {
    float: left;
    color: rgba(255, 255, 255, 0.79);
    font-size: 45px;
    margin-top: 3px;
    margin-bottom: 21px;
}

.tabCard .badge {
    background: #fff;
    margin-left: 3px;
}

.mini-stats .mini-stats-content {
    background: -webkit-gradient(linear, left top, right top, from(#1b7fb3), to(#07b5c2));
    background: linear-gradient(to right, #1b7fb3, #07b5c2);
    padding: 17px 15px 20px !important;
}

.badgeTab {
    color: #fff;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.float-right {
    float: right !important;
}

.tabCard h5 {
    color: #212529;
    font-weight: bold;
    margin: 10px 0;
    font-size: 18px;
    float: left;
}

.text-info {
    color: #1699dd !important;
}

.tabCard h6 {
    /* text-align:left; */
    font-size: 18px;
    color: #212529;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 9px;
    font-family: 'NeoSans', sans-serif;
}

.tabCard p.text-muted {
    /* text-align:left; */
    font-size: 14px;
    text-align: right;
}

.tabCard .mini-stats-content p {
    margin: 5px 0 10px;
    font-family: 'NeoSans', sans-serif;
    font-size: 18px;
}

.text-info {
    color: #1699dd !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, .7) !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.rounded {
    border-radius: .25rem !important;
}

.mini-stats .mini-stats-desc {
    position: relative;
    bottom: 22px;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1);
    background-color: #fff !important;
}

.text-muted {
    color: #707070 !important;
}

.tabscardCon {
    border: 1px #dadada solid;
    padding: 20px;
    margin: 14px 0 40px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

tspan,
.morris-hover-row-label {
    font-family: 'NeoSans', sans-serif;
}

.morris-hover-point {
    display: none
}

/**********************/
.panel {
    border-radius: 20px
}

.panel-heading {
    background: #fdfdfd !important;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.panel-heading h1 i {
    color: #07b5c2;
    font-size: 20px;
    margin-left: 6px;
}


.panel-heading h1 {
    font-size: 15px;
    margin: 0;
    font-weight: bold;
    padding: 9px 0;
}

.tableStyle2 {
    width: 100% !important;
}

.tableStyle2 thead th {
    text-align: center;
    font-size: 16px !important;
    border-right: none !important
}


.tableStyle2 thead tr:nth-child(2) th {
    border-top: none !important;
    background: #fff;
}

.tableStyle2 thead tr th {
    vertical-align: middle;
    color: #8a8a8a;
    font-weight: normal;
    background: #fcfcfc;
}

.tableStyle2 thead tr th:last-child {
    border-left: none !important;
}

.tableStyle2 thead tr:nth-child(2) + tr {
    /* display:none */
}

.tableStyle3 thead tr th:last-child {

    width: 140px !important;
}

table.dataTable thead th input,
table.dataTable thead th .select_gallery {
    border: none;
    max-width: 100%;
    /* width:100%; */
    outline: none;
    text-align: center !important;
    color: #777;
}

table.dataTable thead th .select_gallery option {
    text-align: center !important;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f5f6fa;
}

.tableStyle2 tbody td {
    vertical-align: middle !important;
    font-size: 15px !important;
    border: none !important;
    border-left: 1px #ddd solid !important;
    border-bottom: 1px #ddd solid !important;
    padding: 5px 8px !important;
    color: #333333;
}

.tableStyle2 tbody td a {
    color: #5b9bd1
}

.tableStyle2 tbody tr td:last-child {
    border-left: none !important;
}

.tableStyle2 tbody tr:last-child td {
    /*border-bottom:none!important;*/
}

.gridPhoto {}

.gridPhoto img {
    height: 35px;
    border-radius: 6px;
}

.iconGrid {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100%;
    padding-top: 3px;
    margin: 0 2px;
    font-size: 10px;
    color: #fff !important;
}

.editGrid {
    background: #308459;
}

.deleteGrid {
    background: #d24747;
}

.infoGrid {
    background: #47b1d2;
}

.dtilsGrid {
    background: #e29522;
}

.chartCon {}

.chartCon .panel {
    /* padding: 20px; */
    /* margin: 20px 0; */
    /* border: 1px #dadada solid; */
}

.tit5 {
    font-size: 16px;
    color: #1b80b3;
    margin: 0 0 10px;
    font-weight: bold;
}

.tit5 i {
    color: #08b3c1;
    margin-left: 11px;
    font-size: 22px;
}


/*****************Owl-slider-trainer-profile***************/

.owl-trainer {}

.owl-trainer .owl-stage-outer {
    height: 400px;
    border-radius: 15px
}

.owl-trainer img {
    border-radius: 15px;
    height: 400px;
}

.owl-trainer .owl-controls {

    top: -240px;

    font-size: 29px;

    position: relative;

    text-align: center;

    color: #fff;
}

.owl-trainer .owl-controls .owl-next {
    left: 0;
    /* float: left; */
    position: absolute;
    width: 55px;
    height: 85px;
    background: #465567;
    padding-top: 24px;
}

.owl-trainer .owl-controls .owl-prev {

    right: 0;

    /* float: right; */

    position: absolute;

    padding-top: 24px;

    width: 55px;

    height: 85px;

    background: #465567;
}

.alert1 {

    background: #cef2ff;

    border-radius: 15px;

    padding: 17px;

    margin-bottom: 20px;

    border: solid 1px #2faed7;
}

.alert1 h1 {

    color: #000000;

    font-size: 16px;

    margin: 0;

    display: inline-block;
}

.alert1 a {

    color: #465567;

    margin-right: 11px;

    text-decoration: underline;
}

.alert1 i {

    float: left;

    color: #f00;

    font-size: 20px;
}

/*******************App-Icon********************/
.app-ic {

    margin-left: 20px !important;
}

.app-ic span {

    font-size: 15px;

    color: #465567;
}

.app-ic a {}

.app-ic i {

    font-size: 23px;

    margin-right: 8px;
}

/****************Ticker-Bar**************/
.tickerBar {
    background: #38b5e6;
    padding: 0 0px 0 0;
    margin-top: 21px;
    border-radius: 15px;
    margin-bottom: 37px;
}

/*************dataTable***************/

div.dt-buttons {
    margin-bottom: 10px;
    position: absolute;
    left: 0px;
    top: -61px;
}

.tablecon {
    margin: 10px 0 30px
}

.tablecon div.dt-buttons {
    top: -4px;
    margin: 0;
}

.tablecon .dataTables_length {
    margin-left: 64px;
}

button.dt-button,
div.dt-button,
a.dt-button {
    color: #fff;
    font-family: "Font Awesome 5 Free";
    border: none !important;
    height: 38px;
    width: 23px;
    margin: 0;
    margin-right: 4px;
    border-radius: 0 !important;
    font-size: 17px;
    padding: 0 0 0;
    background: transparent !important;
    box-shadow: none !important;
}

.dt-button span {
    font-size: 0;
}

.dt-button.buttons-print {
    color: #da7500 !important;
    background: #fff;
    font-size: 25px;
}

.dt-button.buttons-print:before {
    content: "\f02f";
}

.dt-button.buttons-excel {
    background: transparent !important;
    color: #3a8a3e !important;
    font-size: 25px;
}

.dt-button.buttons-excel:before {
    content: "\f1c3";
}

.dt-button.buttons-pdf {
    background: transparent !important;
    color: #ff0036 !important;
    font-size: 24px;
}

.dt-button.buttons-pdf:before {
    content: "\f1c1";
}

.dataTables_length {
    /* margin-top: 4px; */
    /* margin-left: 13px; */
    margin-bottom: 11px;
}

.dataTables_length label {
    font-weight: normal;
}

.dataTables_length select {
    height: 30px;
    border-radius: 12px;
    padding: 0 6px;
    margin-right: 9px;
}

.dataTables_wrapper .dataTables_filter input {
    border-radius: 12px;
    border: 1px #a9a9a9 solid;
    height: 30px;
    padding: 0 7px;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 10px
}

.dataTables_paginate > span {
    display: inline-block
}


.dataTables_wrapper .dataTables_paginate .paginate_button {

    /* background: #e3e3e3 !important; */

    width: 40px;

    height: 33px;

    font-size: 13px;

    color: #666 !important;

    border: none !important;

    box-shadow: none !important;

    border-radius: 11px;
}

.dataTables_paginate .paginate_button.next,
.dataTables_paginate .paginate_button.last,
.dataTables_paginate .paginate_button.first,
.dataTables_paginate .paginate_button.previous {
    font-size: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-top: 6px;
}

.dataTables_paginate .paginate_button:after {
    font-size: 14px;
}

.dataTables_paginate .paginate_button.previous:after {
    content: "\f105";
}

.dataTables_paginate .paginate_button.next:after {
    content: "\f104";
}

.dataTables_paginate .paginate_button.last:after {
    content: "\f100";
}

.dataTables_paginate .paginate_button.first:after {
    content: "\f101";
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    background: #465567 !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #c0c0c0 !important;
    border: 1px solid transparent;
    /* background: #e3e3e3 !important; */
    box-shadow: none;
}

.ss_ulsearch {
    margin-top: -21px !important;
}

.ss_button {
    border: none;
    padding: 2px 8px 2px;
    height: 23px;
}

.ss_image {
    top: 3px;
}

.trainerCon {
    display: none
}

.trainerCon h1 {
    font-size: 19px;
    color: #155ba9;
    font-weight: bold;
    margin: 20px 15px 24px;
}

.trainerCon .row {
    margin: 0
}

.trainerCon p {}

.trainerCon img {
    width: 90%;
}

.infoo {}

.infoo b {}

.infoo span {}

/**************************************/
.innerHdr {
    border: 1px #ddd solid;
    border-radius: 15px;
    padding: 14px 15px 17px;
    margin: 0 0 23px;
    background: #fbfbfb;
}

.innerHdr h1 {
    margin: 0;
    font-size: 17px;
    color: #666f78;
}



.toggleCon .panel-default,
.toggleCon .panel-default > .panel-heading {
    padding: 0;
    border: 0;
    background: 0
}

.toggleCon .panel-default > .panel-heading + .panel-collapse > .panel-body {
    /* border: 0; */
    padding: 25px 21px 15px;
    background: 0;
    margin-bottom: 9px;
    margin-top: 8px;
    border: 1px #e3dede solid;
    border-radius: 10px;
}

.toggleCon .panel-default > .panel-heading a {
    color: #fff;
    background: #009fe0;
    padding: 14px 15px 14px;
    margin-bottom: 4px;
    display: block;
    text-decoration: none;
    font-size: 17px;
    position: relative;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
    border-radius: 10px;
}

.toggleCon .panel-default > .panel-heading a i {
    font-weight: bold;
    font-size: 18px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

.toggleCon .panel-default > .panel-heading a:after {
    content: "\f107";
    font-family: FontAwesome;
    /* color: #ffffff; */
    position: absolute;
    top: 12px;
    left: 15px;
    font-size: 20px;
}

.toggleCon .panel-default > .panel-heading a:hover:after {
    color: #fff
}

.toggleCon .panel-default:last-child > .panel-heading a {
    /* border-bottom: 1px solid #777777 */
}

.toggleCon .panel-default > .panel-heading a[aria-expanded=true],
.toggleCon .panel-default > .panel-heading a:hover {
    background: #465567;
    color: #fff;
}

.toggleCon .panel-default > .panel-heading a[aria-expanded=true]:after {
    content: "\f106";
}


.toggleCon .panel-group .panel + .panel {
    margin-top: 0
}

label {

    font-weight: normal;
}

span.InputList label {
    cursor: pointer;
    color: #565656;
    font-weight: normal;
}

.form-horizontal .control-label {
    text-align: right;
    color: #848484;
    font-weight: normal;
}

@media screen and (min-width: 992px) {
    .modal-lg {
        width: 1100px;
    }
}

.status i {
    float: left;
    padding-right: 5px;
    color: #fb0000;
    margin-top: 3px;
    font-size: 17px;
}

.form-control {
    height: 40px;
    border-radius: 15px;
}

textarea.form-control {
    height: 90px
}

.form-control:focus {
    border-color: #bde0fb;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.012), 0 0 3px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.012), 0 0 3px rgba(102, 175, 233, 0.6);
}

.code1 {
    margin: 34px 0 0;
}

.code1 img {
    margin: 0 auto;
    display: block;
}

.code1 span {
    display: block;
    color: #000;
    font-size: 12px;
    text-align: center;
}

.code2 {}

.code2 img {
    max-width: 129px;
    margin: 0 auto;
    display: block;
}

#tabsCon h3 {
    margin: 32px 15px 20px;
    /* padding: 0 6px; */
    /* border-right: 5px #465567 solid; */
    font-size: 17px;
    color: #465567;
}

.inner .nav-tabs {
    border: none
}

.inner .tab-content {
    border: 1px #ddd solid;
    border-radius: 20px;
    margin: 15px 0 0;
    padding: 15px;
}

.inner .nav-tabs > li > a {
    border-radius: 11px;
    background: #ececec;
    border: none !important;
    color: #6f6f6f !important;
    /* font-weight: bold; */
    padding: 17px 15px;
    margin-left: 5px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#tabsCon .nav > li.active > a,
#tabsCon .nav > li.focus > a,
#tabsCon .nav > li > a:active,
#tabsCon .nav > li > a:focus,
#tabsCon .nav > li > a:hover,
#tabsCon .nav > li:hover > a,
#tabsCon .nav .open > a,
.nav .open > a:hover,
#tabsCon .nav .open > a:focus {
    color: #fff !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {}

/*******************************/
.videoPers {
    text-align: center;
}

.videoPers .pic {}

.videoPers img {
    width: 100%;
    border-radius: 20px;
}

.videoPers.vid {}

.videoPers.vid img {
    opacity: 0.8;
}

.videoPers.vid > a {
    position: relative;
    display: block;
    background: #999;
    border-radius: 20px;
}

.videoPers.vid > a:before {
    content: "\f04b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border: 5px #fff solid;
    border-radius: 100%;
    padding: 8px 0 0;
    font-size: 24px;
    color: #ffffff;
    margin: 0 auto;
    top: 38%;
    z-index: 2;
}

.videoPers .btn {}


#framyy {
    width: 100%;
    height: 500px;
    border: none;
    display: none;
    border: 1px #ddd solid;
    padding: 20px 0;
}

.control-label + .control-label {
    color: #465567;
}

/*****************************************************/

@media (max-width: 768px) {
    a .logo-s {
        top: -27px;
        left: -59px;
    }

    #accordion,
    .footer {
        display: none
    }

    .innerListLnk {
        position: absolute;
        left: 8%;
        top: 39px;
        font-size: 23px;
        display: block;
        background: #fff;
        color: #111 !important;
        padding: 12px 14px;
    }

    .footer-area {
        border-top: 1px #ddd solid;
        padding-top: 41px;
    }

    .footerSlide {
        position: absolute;
        left: 18px;
        top: 6px;
        display: block;
        border: 1px #ddd solid;
        background: #155ba9;
        padding: 3px 32px 5px;
        font-size: 29px;
        line-height: 15px;
        color: #fff !important;
    }

    .ms-options-wrap > .ms-options > ul {
        padding: 0
    }

    .nav > li > a {
        /* color: #fff; */
        /* padding-left: 20px; */
    }

    .main-heading {
        margin-top: 53px;
    }

    .b-page-content .b-layer {
        height: 225px;
        overflow: visible;
    }

    .b-page-content .b-layer.showM {
        height: 432px;
    }

    .b-layer-main {
        /* z-index: 5; */
    }

    .table-responsive {
        margin-bottom: 15px;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        /* has to be scroll, not auto */
        width: 100%;
        /* arbitary for demo only */
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive table {
        display: inline
    }

    .sample-table {
        float: none
    }

    #example.dataTable table {
        display: table;
        white-space: normal;
        min-width: 300px;
    }

    .dataTables_wrapper {
        padding: 0px 10px 15px;
    }

    .dataTables_wrapper .dataTables_length {
        margin-top: 3px;
    }

    .people-list {
        width: 30%;
    }

    .chatCon .chat {
        width: 70%;
    }

    .heady .container-fluid > .row > .col-md-7 {
        width: 100%;
        margin-top: 97px;
        padding: 0 12px;
    }

    .heady .container-fluid > .row > .col-md-3 {

        position: absolute;

        left: 0;

        top: -9px;
    }

    .heady .container-fluid > .row > .col-md-2 {

        position: absolute;

        right: 0;

        top: -7px;
    }

    .soci {
        box-shadow: none;
        height: 92px !important;
        padding: 0;
        /* top: -75px; */
        position: relative;
    }

    .col-md-3 .soci {
        top: 0px;
    }

    .subInnerM {
        margin-top: 19px;
    }

    .subInnerM .navbar-nav > li.dropdown > .dropdown-toggle {
        padding-bottom: 15px
    }

    .dataTables_wrapper {
        overflow-x: auto
    }

    div.dt-buttons {
        margin-bottom: 10px;
        position: relative;
        left: 0px;
        top: 0;
    }


    .tabCard {
        overflow: hidden;
        margin-bottom: 15px;
        flex-direction: none;
    }

    .tabCard.active {

        padding-bottom: 0;

        margin-bottom: 15px;

        border: 1px solid rgb(218, 218, 218);
    }

    .navigation .navbar-nav > li.dropdown ul.dropdown-menu {
        display: none !important;
    }

    .navigation .navbar-nav > li.dropdown.open ul.dropdown-menu {
        display: block !important;
    }

    .form-horizontal .control-label {
        margin-bottom: 10px
    }

    .inner .nav-tabs > li > a {
        margin-bottom: 10px
    }
}


/***************************************/

@media (max-width: 767px) {
    .breakingNews>ul{right: 54px !important;margin-left: 29px;}

    .table-responsive img{
         max-width:100px
    }
     .subInnerM .navbar-nav > li{
         position:static;
     }
    .subInnerM .navbar-nav > li.dropdown-extended .dropdown-menu {
    position:absolute;
    background:#fff;
    left:0
}
    .subInnerM .navbar-nav > li.userN a {
    
    color: #888888!important;
    
}
    #tblHomeTraineesPhotos .gridPhoto img {
    max-width:100px
    
}
    #tblHomeTraineesPhotos a.button-1{
        display:inline-block
    }
    .AppsCon a img{
        margin-top:10px
    }
    .alert1 h1 {
        width: 70%
    }

    .owl-trainer .owl-controls {
        top: -151px;
    }

    .owl-trainer .owl-stage-outer {
        height: 100%;

    }

    .owl-trainer img {
        height: 220px;

    }

    .ms-options-wrap > .ms-options > ul {
        padding: 0;
        column-count: 1 !important;
    }

    .b-page-content .b-layer {
        min-height: 204px;
        overflow: visible;
    }

    .b-page-content .b-layer.showM {
        height: 534px;
    }

    .people-list {
        width: 100%;
    }

    .chatCon .chat {
        width: 100%;
    }

    .menu-inner-coll {
        display: inline-block
    }

    .subInnerM {
        margin: 0;
        width: auto;
        margin-left: 10px;
    }

    .heady .container-fluid > .row > .col-md-7 {
        width: 100%;
        margin-top: 170px;
        padding: 0;
        /* position: relative; */
    }

    .heady .container-fluid > .row > .col-md-3 {
        width: 100%;
        /* position: relative; */
    }

    .heady .container-fluid > .row > .col-md-2 {
        width: 100%;
        /* position: relative; */
        top: 73px;
    }

    .heady .container-fluid > .row > .col-md-2 .soci {
        height: 99px !important;
        top: -1px;
    }

    .subInnerM .navbar-nav {
        margin: 0
    }

    .soci {
        height: 71px !important;
    }

    .subInnerM .navbar-nav > li {
        color: #777 !important;
        padding-left: 0;
        padding-right: 0;
        background: transparent !important;
        border: none !important
    }

    .subInnerM .navbar-nav > li.dropdown > .dropdown-toggle {
        color: #777 !important;
        padding-left: 0;
        padding-right: 0;
        top: -16px;
        left: 17px;
        position: relative;
        background: transparent !important;
        border: none !important;
    }

    .subInnerM .navbar-nav > li.userN {
        padding-right: 0
    }

    .navigation {
        display: block !important;
        margin: 0;
    }

    .navbar-collapse {
        border: none;
        box-shadow: none;
        background: transparent;
    }

    .header {
        height: auto;
        margin: 0;
        /* margin-bottom:30px; */
        padding: 0;
        box-shadow: none;
        min-height: 0;
    }

    .header .nav > li > a {
        color: #555 !important;
        border-color: #bbb
    }

    .header .nav > li:last-child > a {
        border: none
    }

    .layer-content,
    .layer-content-big {
        padding: 0 !important;
    }

    .heady {
        position: relative
    }

    .tabCard {
        overflow: hidden;
        margin-bottom: 15px;
        flex-direction: none;
    }

    .tabCard.active {

        padding-bottom: 5px;
        margin-bottom: 15px;
        border: 1px solid rgb(218, 218, 218);
    }

    .b-layer-main {
        padding-top: 0px !important;
    }

    #inner-pages {
        padding: 29px 0 0;
    }

    .footerSlide {
        display: none
    }

    .navigation .navbar-nav > li > a {
        padding: 10px 5px !important;
        background: transparent !important
    }

    .navigation .navbar-nav > li.dropdown ul.dropdown-menu {
        position: static
    }

    .navigation .navbar-nav > li.largList > ul > .row > div {
        display: block;
        white-space: normal;
        float: right;
        width: 100%
    }

}