p {
    margin: 0 0 10px;
    font-size: 1em;
    line-height: 24px;
}

.custom-top {
    top: 25%;
}

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

*******Typography******

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



body {
    overflow-x: hidden;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #00008b;
    color: #00008b;
}

section {
    padding: 60px 0px;
}


/*h1, h2, h3, h4, h5, h6 {

    

    font-family: Arial, Helvetica, sans-serif; font-family: 'RobotoBoldCondensed', Arial, 

   

}*/



/* grid */

ul, ol {
    padding: 0;
    margin: 0;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.py10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p20 {
    padding: 20px;
}

.p1020 {
    padding: 10px 20px;
}

.p010 {
    /*padding: 0px 20px;*/
}

.p01010 {
    padding: 0px 10px 10px 10px;
}

.m1020 {
    margin: 10px 20px;
}

.btn {
    margin-bottom: 0.5rem;
}

    .btn + .btn {
        margin-left: 1rem;
    }

.bg-primary {
    background-color: #c0a375 !important;
}

.bg-success {
    background-color: #90a878 !important;
}

.bg-info {
    background-color: #7e9b9f !important;
}

.bg-warning {
    background-color: #f3c649 !important;
}

.bg-danger {
    background-color: #f28281 !important;
}

.bg-none {
    background: none !important;
}

.btn {
    font-weight: 500;
    letter-spacing: 1px;
    /* font-size: 1.30rem; */
    line-height: 1.5;
    border-radius: 3px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding-top: 10px;
    padding-bottom: 9px;
}

.btn_white {
    display: inline-block;
    padding: 10px 34px !important;
    /* margin-bottom: 0; */
    color: #00008b;
    font-weight: 600;
    text-transform: uppercase;
    -ms-touch-action: manipulation;
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
    background: #fff;
    /* background-image: none; */
    border: 2px solid rgb(185, 181, 181); /* border-radius: 4px; */
}

    .btn_white a {
        color: #00008b;
        text-decoration: none;
    }

        .btn_white a:hover {
            color: #337ab7;
            text-decoration: none;
        }

.btn-sm {
    padding: 0.625rem 1.1874rem !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0px;
}

.btn-lg {
    padding: 0.75rem 2.1874rem;
    font-size: 0.9687rem;
    line-height: 1.33333;
    border-radius: 3px;
}

.btn-xlg {
    padding: 0.75rem 2.1874rem;
    font-size: 1.1875rem;
    line-height: 1.33333;
    border-radius: 3px;
}

.mbr-cards .card-img + .card-block {
    padding-top: 2.3125rem;
}

.btn-primary {
    background-color: #f97352;
    border-color: #f97352;
    box-shadow: none;
    color: #00008b;
    text-align: center;
}

/*navbar-css*/



.animate {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.navbar-bootsnipp {
    background-color: rgb(255, 255, 255);
    /*border-color: rgb(95, 176, 228);*/
    border-radius: 0px;
    margin-bottom: 0px;
    z-index: 100;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

    .navbar-bootsnipp:nth-of-type(2) {
        border-top-width: 1px;
        z-index: 50
    }

    .navbar-bootsnipp.affix-top {
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .navbar-bootsnipp.affix {
        top: 0px;
        width: 100%;
    }

    .navbar-bootsnipp .navbar-toggle .icon-bar {
        background-color: rgb(95, 176, 228);
    }

    .navbar-bootsnipp .navbar-brand {
        color: rgb(95, 176, 228);
        font-weight: 900;
        letter-spacing: 2px;
    }

.carousel-indicators .active {
    width: 20px;
    height: 20px;
    margin: 0;
    background-color: #fff;
}

.navbar-bootsnipp .navbar-nav > li > a {
    border: 0px solid rgb(95, 176, 228);
    color: rgb(120, 120, 120);
    padding: 15px 10px;
}

.navbar-bootsnipp .navbar-nav > li > form > .input-group > input, .navbar-bootsnipp .navbar-nav > li > form > .input-group > .input-group-btn > .btn {
    border-radius: 0px;
}

.navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a, .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a, .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
    border-left-width: 5px;
    color: rgb(95, 176, 228);
    padding-left: 10px;
}

.navbar-bootsnipp .navbar-nav > li.disabled > a {
    color: rgb(200, 200, 200);
}

.navbar-bootsnipp .navbar-nav > li > .dropdown-menu {
    border-radius: 0;
    margin-right: -1px;
    min-width: 220px;
    padding: 0px;
    background: #fff;
}

.navbar-bootsnipp .navbar-nav > li:not(.dropdown-right) > .dropdown-menu {
    left: 0px;
    margin-left: -1px;
    right: auto;
}

.navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a {
    border-left: 0px solid rgb(95, 176, 228);
    color: rgb(120, 120, 120);
    font-size: 1em;
    font-weight: 400;
    padding: 10px 20px;
    white-space: nowrap;
}

    .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li.active > a, .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-bootsnipp .navbar-nav > li > .dropdown-menu > li > a:focus {
        background-color: #00008b;
        border-left-width: 5px;
        color: #fff;
        padding-left: 15px;
    }

.navbar .bootsnipp-profile > a {
    padding-bottom: 9px;
    padding-top: 9px;
}

    .navbar .bootsnipp-profile > a > img {
        border-radius: 50%;
        width: 32px;
    }

.navbar .bootsnipp-profile > .dropdown-menu {
    width: 320px;
}

    .navbar .bootsnipp-profile > .dropdown-menu > li > .row {
        padding: 5px 15px;
    }

        .navbar .bootsnipp-profile > .dropdown-menu > li > .row img {
            width: 100%;
        }

.navbar-bootsnipp .bootsnipp-search {
    display: none;
}

    .navbar-bootsnipp .bootsnipp-search .form-control {
        background-color: rgb(235, 235, 235);
        border-radius: 0px;
        border-width: 0px;
        font-size: 24px;
        padding: 30px 0px;
    }

    .navbar-bootsnipp .bootsnipp-search .form-control {
        background-color: rgb(255, 254, 254);
        border-radius: 0px;
        border-top: 1px solid #eee;
        border-width: 0px;
        font-size: 14px;
        padding: 20px 10px;
    }

        .navbar-bootsnipp .bootsnipp-search .form-control:focus {
            border-color: transparent;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn {
        padding: 14px 16px;
        border-radius: 0px;
    }

        .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn.active, .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:hover, .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn:focus {
            padding: 14px 16px 14px 15px;
        }

    .navbar-bootsnipp .bootsnipp-search .input-group-btn > .btn-default {
        background-color: rgb(245, 245, 245);
    }

.nav-padding {
    padding-top: 61px;
}

.btn-danger {
    color: #fff;
    background-color: #01a5e4;
    border-color: #00a5e3;
}

.dropdown-menu ul:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid #1c1c1c;
}

@media screen and (min-width: 768px) {

    .navbar-bootsnipp .navbar-brand {
        font-size: 20px;
        height: auto;
        padding: 15px 5px;
    }

    .navbar-bootsnipp .navbar-nav > li > a {
        letter-spacing: 1px;
    }

    .navbar-bootsnipp .navbar-nav > li:not(.disabled).open > a, .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a, .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:hover, .navbar-bootsnipp .navbar-nav > li:not(.disabled) > a:focus {
        border-bottom-width: 5px;
        border-left-width: 0px;
        padding-bottom: 10px;
        padding-left: 14px;
    }

    .navbar-bootsnipp .navbar-nav > li.disabled > a {
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar-bootsnipp .bootsnipp-search {
        /*background-color: rgb(235, 235, 235);*/
        display: block;
        position: absolute;
        top: 100%;
        width: 100%;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        -ms-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
        -webkit-transform-origin: 0 0 0;
        -moz-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        visibility: hidden;
    }

        .navbar-bootsnipp .bootsnipp-search.open {
            -webkit-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -o-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
            transform: rotateX(0deg);
            visibility: visible;
        }

        .navbar-bootsnipp .bootsnipp-search > .container {
            padding: 0px;
        }
}

/*navbar-css*/

.btn-primary:hover {
    color: #fff;
    /* background-color: #e9300a;

    border-color: #db0b0b;*/
    box-shadow: none;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #a07e49;
    border-color: #a07e49;
}

.btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: #a07e49;
    border-color: #00008b;
    background-image: none;
    box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff !important;
    background-color: #a07e49 !important;
    border-color: #00008b !important;
    opacity: 0.85;
}

.btn-secondary {
    background-color: #bfcecb;
    border-color: #00008b;
    box-shadow: none;
    text-align: center;
    color: #fff;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #cc0000;
        border-color: #00008b;
        box-shadow: none;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #94ada8;
        border-color: #00008b;
    }

    .btn-secondary:active, .btn-secondary.active {
        color: #fff;
        background-color: #94ada8;
        border-color: #00008b;
        background-image: none;
        box-shadow: none;
    }

.txt {
    text-align: center;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff !important;
    background-color: #94ada8 !important;
    border-color: #00008b !important;
    opacity: 0.85;
}

.btn-info {
    background-color: #e30613;
    border-color: #00008b;
    box-shadow: none;
    color: #fff;
}

    .btn-info:hover {
        color: #fff;
        background-color: #597478;
        border-color: #00008b; /* box-shadow: none;

	padding: 18px 36px 17px 43px; */
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #597478;
        border-color: #00008b;
    }

    .btn-info:active, .btn-info.active {
        color: #fff;
        background-color: #597478;
        border-color: #00008b;
        background-image: none;
        box-shadow: none;
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff !important;
        background-color: #597478 !important;
        border-color: #00008b !important;
        opacity: 0.85;
    }

.btn-success {
    background-color: #669900;
    border-color: #00008b;
    box-shadow: none;
    color: #fff;
}

    .btn-success:hover {
        color: #fff;
        background-color: #337ab7;
        border-color: #fff;
        box-shadow: none;
    }

.slider_btn {
    display: inline-block;
    padding: 24px 25px !important;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    background: #fff;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid rgb(185, 181, 181);
    border-radius: 0px;
}

.footer_btn {
    display: inline-block;
    padding: 14px 25px !important;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    background: #fff;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid rgb(185, 181, 181);
    border-radius: 0px;
}

    .footer_btn:hover {
        background: #079fe1;
        color: #fff;
    }

/*.btn-success:focus, .btn-success.focus {

	color: #fff;

	background-color: #6a8153;

	border-color: #6a8153;

}

.btn-success:active, .btn-success.active {

	color: #fff;

	background-color: #6a8153;

	border-color: #6a8153;

	background-image: none;

	box-shadow: none;

}*/

.btn-success.disabled, .btn-success:disabled {
    color: #fff !important;
    background-color: #6a8153 !important;
    border-color: #00008b !important;
    opacity: 0.85;
}

.btn-warning {
    background-color: #f3c649;
    border-color: #00008b;
    box-shadow: none;
    color: #fff;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #e1a90f;
        border-color: #00008b;
        box-shadow: none;
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #fff;
        background-color: #e1a90f;
        border-color: #00008b;
    }

    .btn-warning:active, .btn-warning.active {
        color: #fff;
        background-color: #e1a90f;
        border-color: #00008b;
        background-image: none;
        box-shadow: none;
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #fff !important;
        background-color: #e1a90f !important;
        border-color: #00008b !important;
        opacity: 0.85;
    }

.box_boder_down {
    padding: 8px 15px;
    border-bottom: 1px dotted #693;
    margin-bottom: 45px;
}

.btn-danger:hover {
    color: #fff;
    background-color: #eb3d3c;
    border-color: #eb3d3c;
    box-shadow: none;
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #eb3d3c;
    border-color: #00008b;
}

.btn-danger:active, .btn-danger.active {
    color: #fff;
    background-color: #eb3d3c;
    border-color: #00008b;
    background-image: none;
    box-shadow: none;
}

.btn-danger.disabled, .btn-danger:disabled {
    color: #fff !important;
    background-color: #eb3d3c !important;
    border-color: #eb3d3c !important;
    opacity: 0.85;
}

.btn-white {
    background-color: #fff;
    border-color: #fff;
    box-shadow: none;
    color: #535353;
}

    .btn-white:hover {
        color: #fff;
        background-color: #d4d4d4;
        border-color: #d4d4d4;
        box-shadow: none;
    }

    .btn-white:focus, .btn-white.focus {
        color: #fff;
        background-color: #d4d4d4;
        border-color: #d4d4d4;
    }

    .btn-white:active, .btn-white.active {
        color: #fff;
        background-color: #d4d4d4;
        border-color: #d4d4d4;
        background-image: none;
        box-shadow: none;
    }

    .btn-white.disabled, .btn-white:disabled {
        color: #fff !important;
        background-color: #d4d4d4 !important;
        border-color: #d4d4d4 !important;
        opacity: 0.85;
    }

.btn-black {
    background-color: #535353;
    border-color: #535353;
    box-shadow: none;
    color: #fff;
}

    .btn-black:hover {
        color: #fff;
        background-color: #2d2d2d;
        border-color: #2d2d2d;
        box-shadow: none;
    }

    .btn-black:focus, .btn-black.focus {
        color: #fff;
        background-color: #2d2d2d;
        border-color: #2d2d2d;
    }

    .btn-black:active, .btn-black.active {
        color: #fff;
        background-color: #2d2d2d;
        border-color: #2d2d2d;
        background-image: none;
        box-shadow: none;
    }

    .btn-black.disabled, .btn-black:disabled {
        color: #fff !important;
        background-color: #2d2d2d !important;
        border-color: #2d2d2d !important;
        opacity: 0.85;
    }

.btn-primary-outline {
    background: none;
    border-color: #8e7041;
    color: #8e7041;
}

    .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active {
        color: #fff;
        background-color: #c0a375;
        border-color: #c0a375;
    }

    .btn-primary-outline:hover {
        color: #fff;
        background-color: #c0a375;
        border-color: #c0a375;
    }

    .btn-primary-outline.disabled, .btn-primary-outline:disabled {
        color: #fff !important;
        background-color: #c0a375 !important;
        border-color: #c0a375 !important;
        opacity: 0.85;
    }

.btn-secondary-outline {
    background: none;
    border-color: #85a29c;
    color: #85a29c;
}

    .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active {
        color: #fff;
        background-color: #bfcecb;
        border-color: #bfcecb;
    }

    .btn-secondary-outline:hover {
        color: #fff;
        background-color: #bfcecb;
        border-color: #bfcecb;
    }

    .btn-secondary-outline.disabled, .btn-secondary-outline:disabled {
        color: #fff !important;
        background-color: #bfcecb !important;
        border-color: #bfcecb !important;
        opacity: 0.85;
    }

.btn-info-outline {
    background: none;
    border-color: #4e6669;
    color: #4e6669;
}

    .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active {
        color: #fff;
        background-color: #7e9b9f;
        border-color: #7e9b9f;
    }

    .btn-info-outline:hover {
        color: #fff;
        background-color: #7e9b9f;
        border-color: #7e9b9f;
    }

    .btn-info-outline.disabled, .btn-info-outline:disabled {
        color: #fff !important;
        background-color: #7e9b9f !important;
        border-color: #7e9b9f !important;
        opacity: 0.85;
    }

.btn-success-outline {
    background: none;
    border-color: #5d7149;
    color: #5d7149;
}

    /*#footer .right_copy {

	text-align: right;

}*/

    .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active {
        color: #fff;
        background-color: #90a878;
        border-color: #90a878;
    }

    .btn-success-outline:hover {
        color: #fff;
        background-color: #90a878;
        border-color: #90a878;
    }

    .btn-success-outline.disabled, .btn-success-outline:disabled {
        color: #fff !important;
        background-color: #90a878 !important;
        border-color: #90a878 !important;
        opacity: 0.85;
    }

.btn-warning-outline {
    background: none;
    border-color: #c9970d;
    color: #c9970d;
}

    .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active {
        color: #fff;
        background-color: #f3c649;
        border-color: #f3c649;
    }

    .btn-warning-outline:hover {
        color: #fff;
        background-color: #f3c649;
        border-color: #f3c649;
    }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4 {
    word-break: break-word;
    word-wrap: break-word;
}

.btn-warning-outline.disabled, .btn-warning-outline:disabled {
    color: #fff !important;
    background-color: #f3c649 !important;
    border-color: #f3c649 !important;
    opacity: 0.85;
}

.btn-danger-outline {
    background: none;
    border-color: #e82625;
    color: #e82625;
}

    .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active {
        color: #fff;
        background-color: #f28281;
        border-color: #f28281;
    }

    .btn-danger-outline:hover {
        color: #fff;
        background-color: #f28281;
        border-color: #f28281;
    }

    .btn-danger-outline.disabled, .btn-danger-outline:disabled {
        color: #fff !important;
        background-color: #f28281 !important;
        border-color: #f28281 !important;
        opacity: 0.85;
    }

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 12px;
}

.btn-white-outline {
    background: none;
    border-color: #fff;
    color: #fff;
}

    .btn-white-outline:focus, .btn-white-outline.focus, .btn-white-outline:active, .btn-white-outline.active {
        color: #535353;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-white-outline:hover {
        color: #535353;
        background-color: #fff;
        border-color: #fff;
    }

    .btn-white-outline.disabled, .btn-white-outline:disabled {
        color: #535353 !important;
        background-color: #fff !important;
        border-color: #fff !important;
        opacity: 0.85;
    }

.btn-black-outline {
    background: none;
    border-color: #202020;
    color: #202020;
}

    .btn-black-outline:focus, .btn-black-outline.focus, .btn-black-outline:active, .btn-black-outline.active {
        color: #fff;
        background-color: #535353;
        border-color: #535353;
    }

    .btn-black-outline:hover {
        color: #fff;
        background-color: #535353;
        border-color: #535353;
    }

    .btn-black-outline.disabled, .btn-black-outline:disabled {
        color: #fff !important;
        background-color: #535353 !important;
        border-color: #535353 !important;
        opacity: 0.85;
    }

a.mbr-iconfont:hover {
    text-decoration: none;
}

.btn-social {
    font-size: 20px;
    border-radius: 50%;
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
    border: 2px solid #c0a375;
    color: #232323;
}

    .btn-social i {
        top: 0;
        line-height: 44px;
        width: 44px;
    }

    .btn-social:hover {
        color: #fff;
        background: #c0a375;
    }

    .btn-social + .btn {
        margin-left: 0.1rem;
    }

p.lead, .lead p {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 2.3125rem; /* margin: 0 auto; 

	text-align: center;*/
}

.article .lead p, .article .lead ul, .article .lead ol, .article .lead pre, .article .lead blockquote {
    margin-bottom: 0;
}

.lead {
    font-size: 1.07rem;
    font-weight: 300;
}

    .lead a {
        font-family: 'Lora', serif;
        font-style: italic;
        font-weight: 400;
    }

        .lead a, .lead a:hover {
            color: #c0a375;
            text-decoration: none;
        }

    .lead h1 {
        font-size: 3rem;
        font-weight: 600;
        letter-spacing: -1px;
        margin-bottom: 1.605rem;
    }

    .lead h2 {
        font-size: 2.5rem;
        font-weight: 600;
        letter-spacing: -1px;
        margin-bottom: 1.605rem;
    }

    .lead h3 {
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 1.605rem;
    }

    .lead h4 {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 1.605rem;
    }

    .lead blockquote {
        font-family: 'Lora', serif;
        font-style: italic;
        padding: 10px 0 10px 20px;
        border-left: 4px solid #c39f76;
        font-size: 1.09rem;
        position: relative;
    }

    .lead ul, .lead ol, .lead pre, .lead blockquote {
        margin-bottom: 2.3125rem;
    }

    .lead pre {
        background: #f4f4f4;
        padding: 10px 0 10px 24px;
    }

.display-1 {
    font-size: 4.39rem;
    font-weight: 600;
    letter-spacing: -2px;
    margin-bottom: 0.2843em;
    margin-top: 3.9rem;
}

.display-2 {
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 1.5625rem;
    margin-top: 3.5rem;
}

.display-3 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-top: 3.2rem;
    margin-bottom: 2rem;
}

.display-4 {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 2.3rem;
    margin-bottom: 1.8rem;
}

.modal-backdrop {
    background: -webkit-linear-gradient(left, #564740, #3a414a);
    background: -moz-linear-gradient(left, #564740, #3a414a);
    background: -o-linear-gradient(left, #564740, #3a414a);
    background: -ms-linear-gradient(left, #564740, #3a414a);
    background: linear-gradient(left, #564740, #3a414a);
    opacity: 0.94;
}

.form-control {
    display: block;
    width: 100%;
    border-radius: 0px !important;
}

.form-active .form-control:invalid {
    border-color: #f28281;
}

.form-control-label {
    cursor: pointer;
    font-size: 0.875rem;
    margin-bottom: 0.357em;
    padding: 0;
}

.alert {
    border-radius: 0;
    border: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 1.875rem;
    padding: 1.25rem;
    position: relative;
}

    .alert.alert-form:after {
        background-color: inherit;
        bottom: -7px;
        content: "";
        display: block;
        height: 14px;
        left: 50%;
        margin-left: -7px;
        position: absolute;
        transform: rotate(45deg);
        width: 14px;
    }

.alert-success {
    background-color: #90a878;
    color: #00008b;
}

.alert-info {
    background-color: #7e9b9f;
    color: #00008b;
}

.alert-warning {
    background-color: #f3c649;
    color: #00008b;
}

.alert-danger {
    background-color: #f28281;
    color: #00008b;
}

/**

 * TYPOGRAPHY

 */



input, textarea {
}

    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
        transition-delay: 9999s;
        transition-property: background-color, color;
    }

.text-primary {
    color: #fffffe !important;
}

.text-success {
    color: #90a878 !important;
}

.text-info {
    color: #7e9b9f !important;
}

.text-warning {
    color: #f3c649 !important;
}

.text-danger {
    color: #f28281 !important;
}

.text-white {
    color: #fff !important;
}

.text-black {
    color: #535353 !important;
}

.mbr-section {
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat; /*background-size: cover;*/
}

.mbr-section-half {
    display: table;
    height: 350px;
    padding-bottom: 0;
    padding-top: 0;
    table-layout: fixed;
    width: 100%;
}

.mbr-section-full {
    display: table;
    height: 100vh;
    padding-bottom: 0;
    padding-top: 0;
    table-layout: fixed;
    width: 100%;
}

    .mbr-section-full > .mbr-table-cell {
        width: 100%;
    }

.mbr-section-small {
    padding-top: 60px;
    padding-bottom: 60px;
}

.mbr-section-title {
    margin-top: 0;
}

.mbr-section__container--first {
    padding-top: 120px;
    padding-bottom: 40px;
}

.mbr-section__container--middle {
    padding-top: 0;
    padding-bottom: 40px;
}

.mbr-section__container--last {
    padding-top: 0;
    padding-bottom: 120px;
}

.mbr-section-sm-padding {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mbr-section-md-padding {
    padding-top: 90px;
    padding-bottom: 90px;
}

.mbr-section-nopadding {
    padding-top: 43px;
    padding-bottom: 76px;
}

.mbr-section-subtitle {
    display: block;
    font-style: italic;
    font-weight: 400;
    font-size: 17px;
    font-family: 'Lora', serif;
    line-height: 26px;
    color: #00008b;
    margin-bottom: 30px;
}

.mbr-section-title + .mbr-section-subtitle {
    margin-top: -21px;
}

.mbr-section-hero::before {
    display: none !important;
}

.mbr-section-hero .mbr-section-title {
    color: #fff;
    margin-bottom: 1.6875rem;
}

.mbr-section-hero .mbr-section-lead {
    color: #00008b;
    font-family: Lora;
    font-size: 1.5rem;
    font-style: italic;
    margin-top: -1em;
}

.mbr-section-hero .mbr-section-text {
    color: #00008b;
}

.feature-wrap {
    padding-top: 5px;
}

    .feature-wrap h2 {
        font-weight: 600;
        font-family: Arial, Helvetica, sans-serif;
        color: #00008b;
        font-size: 18px;
        padding-top: -5px;
        margin-top: 16px; /* margin-bottom: 18px; */
    }

        .feature-wrap h2 a {
            text-decoration: none;
            color: #00008b;
        }

            .feature-wrap h2 a:hover {
                text-decoration: none;
                color: #00008b;
            }

    .feature-wrap p {
        font-size: 14px;
        color: #00008b;
        font-weight: 400;
        line-height: 20px;
    }

    .feature-wrap img {
        padding: 2px;
    }

.feature-wrap {
    margin-bottom: 35px;
    overflow: hidden;
}

    .feature-wrap img {
        /*height: 160px;

	width: 160px;*/
        margin: 3px;
        border-radius: 100%;
        background: #ffffff;
        color: #00008b;
        border: 3px solid #ffffff;
        box-shadow: 2px 2px 15px grey;
        float: left;
        margin-right: 25px;
        margin-bottom: 15px;
    }

@media (max-width: 767px) {

    .contact_img img {
        display: block;
        max-width: 60%;
        height: auto;
        margin-top: -3px;
    }

    .navbar-nav > li ul li:hover > ul, .navbar-nav > li ul li:focus ul, .navbar-nav > li ul li:active ul {
        margin-top: 0px;
    }

    .owl-theme .owl-controls .owl-buttons div {
        width: 50px !important;
        height: 50px !important;
    }

        .owl-theme .owl-controls .owl-buttons div:before {
            top: -10px !important;
            width: 48px !important;
            height: 50px;
        }

    .owl-carousel {
        display: none;
        position: relative;
        width: 100%;
        padding: 0px 0 0 !important;
        -ms-touch-action: pan-y;
    }

    #team h2 {
        font-size: 21px !important;
    }

    .btn {
        padding: 6px 10px !important;
    }

    #team h2 {
        line-height: 1.8em !important;
    }

    h1, h2 .h1 {
        font-size: 18px;
    }

    .cleancode_block h2.title {
        line-height: 20px !important;
        text-align: center;
        font-size: 16px !important;
    }

    .header-text h2 span {
        line-height: 40px;
        font-size: 18px !important;
    }

    #waildlife p {
        font-size: 14px !important;
    }

    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .display-1, .display-2, .display-3, .display-4 {
        text-align: center;
        font-size: 1.5em;
    }

    .purpose_block ul li {
        line-height: 20px !important;
        font-size: 1em !important;
    }

    .services_item_heading span {
        font-size: 14px !important;
    }

    .center h2 {
        font-size: 1.5em !important;
    }

    .cleancode_block .nav-tabs li {
        margin: 0;
        padding: 0 35px !important;
    }

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

    #bottom {
        text-align: center;
    }

    #footer {
        float: none;
        text-align: center;
    }

        #footer .right_copy {
            text-align: center;
        }

    .feature-wrap img {
        padding: 2px;
        max-width: 155px;
        text-align: -webkit-center;
        float: none !important;
        margin: 0 auto;
    }

    #waildlife .carousel-content h2 {
        font-size: 1em !important;
        text-align: center;
    }

    .center h2 {
        font-size: 21px !important;
    }

    p.lead, .lead p {
        font-size: 1.5rem !important;
    }

    .center {
        text-align: center;
        padding-bottom: 0px !important;
    }

    .contact_img img {
        margin-top: 22px;
        padding-left: 55px; /* margin-left: 2px; */ /* text-align: center; */
    }

    /*.navbar-nav > li > a {

	padding-top: 21px;

	padding-bottom: 17px;

	line-height: 20px;

	color: #eee;

	border-bottom: 1px solid #e4b014;

}

.navbar-inverse .navbar-nav > li > a:hover {

	color: #fff;

	font-weight: bold;

}*/

    .contact_img_logo {
        display: block;
        height: auto;
        margin-top: 10px;
    }

    .mbr-section-full {
        padding-bottom: 0;
        padding-top: 0;
    }

    .mbr-section__container--first {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    .mbr-section__container--middle {
        padding-top: 0;
        padding-bottom: 40px;
    }

    .mbr-section__container--last {
        padding-top: 0;
        padding-bottom: 60px;
    }

    .mbr-section-sm-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .mbr-section-md-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /*.mbr-section-nopadding {

	padding-top: 0;

	padding-bottom: 0;

}*/

    .mbr-section-subtitle {
        margin-bottom: 0;
    }

    .mbr-section-hero.mbr-after-navbar .mbr-section {
        padding-top: 120px;
    }

    .mbr-section-hero.mbr-section-with-arrow .mbr-section {
        padding-bottom: 120px;
    }

    .mbr-section-hero .mbr-section-title {
        font-size: 3.125rem !important;
    }

    .mbr-section-hero .mbr-section-lead {
        font-size: 1.125rem !important;
    }

    .mbr-section-hero .mbr-section-btn .btn {
        font-size: 0.75rem !important;
        line-height: 1.5;
        padding: 0.75rem 2.1875rem;
    }

    section {
        padding: 35px 0px;
    }

    .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
        font-size: 14px;
    }
}

.mbr-overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 1;
}

    .mbr-overlay ~ * {
        z-index: 2;
    }

.mbr-background-video, .mbr-background-video-preview {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.mbr-background-video-preview {
    z-index: 0 !important;
}

.mbr-table {
    display: table;
    width: 100%;
}

.mbr-table-full {
    height: 100%;
    position: relative;
    width: 100%;
}

.mbr-table-cell {
    display:;
    float: left;
    padding-bottom: 0;
    padding-top: 40px;
    padding-left: 49px;
    position: relative;
    vertical-align: middle;
}

.mbr-table-md-up {
    width: 100%;
}

    .mbr-table-md-up .mbr-table-cell {
        display: block;
    }

        .mbr-table-md-up .mbr-table-cell + .mbr-table-cell {
            padding-top: 40px;
        }

.mbr-figure {
    display: block;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

    .mbr-figure img, .mbr-figure iframe {
        display: block;
        width: 100%;
    }

    .mbr-figure .mbr-figure-caption {
        background: #2e2e2e;
        color: #00008b;
        font-family: 'Montserrat', sans-serif;
        padding: 1.5rem 0;
        text-align: center;
        width: 100%;
    }

    .mbr-figure .mbr-figure-caption-over {
        background: -moz-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
        background: -ms-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
        background: -o-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
        background: -webkit-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
        background: linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188, 155, 114, 0.85)) !important;
        bottom: 0;
        position: absolute;
    }

.mbr-map {
    height: 25rem;
    position: relative;
}

    .mbr-map iframe {
        height: 100%;
        width: 100%;
    }

    .mbr-map [data-state-details] {
        color: #00008b;
        font-family: 'Montserrat', sans-serif;
        height: 1.5em;
        margin-top: -0.75em;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%;
    }

    .mbr-map[data-state] {
        background: #e9e5dc;
    }

    .mbr-map[data-state="loading"] [data-state-details] {
        display: none;
    }

    .mbr-map[data-state="loading"]::after {
        content: "";
        -webkit-animation: btnCircleLoading .6s infinite linear;
        animation: btnCircleLoading .6s infinite linear;
        border-radius: 50%;
        border: 6px rgba(255, 255, 255, 0.35) solid;
        border-top-color: #fff;
        height: 40px;
        left: 50%;
        margin-left: -20px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        width: 40px;
    }

/*slider_css_start*/





#main-slider-1 {
    margin-top: -100px;
    position: relative;
}

#main-slider-1h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: 26px 1px 20px 20px;
    text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
    color: #fff;
}

#main-slider-1.carousel h2 {
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
}

#waildlife .carousel-content h2 {
    text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
    color: #fff;
    font-size: 3em;
}

#main-slider-1h2 {
    font-size: 2em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

#about {
    padding-bottom: 60px;
    color: #333;
    text-align: left;
}

.no-margin {
    margin: 0;
    padding: 0;
}

#middle2 {
    background-image: url(../bg2.html);
    background-size: cover;
    min-height: 500px;
    height: 100%;
}

/*slider_css_start*/





#main-slider-1 {
    margin-top: -100px;
    position: relative;
}

#main-slider-1h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: 26px 1px 20px 20px;
    text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
    color: #fff;
}

#main-slider-1.carousel h2 {
    color: #FFFFFF;
    text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
}

#waildlife .carousel-content h2 {
    text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
    color: #fff;
    font-size: 2.8em;
}

#main-slider-1h2 {
    font-size: 2em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
}

#about {
    padding-bottom: 60px;
    color: #333;
    text-align: left;
}

.no-margin {
    margin: 0;
    padding: 0;
}

#middle2 {
    background-image: url(../images/bg2.html);
    background-size: cover;
    min-height: 350px;
    height: 100%;
}

/*.navbar-fixed-top {

	top: 0;

	border-width: 0 0 1px;

	padding-bottom: 10px;

}*/

/*

#main-slider-1 .carousel .item {

	background-position: 50%;

	background-repeat: no-repeat;

	background-size: cover;

	left: 0 !important;

	opacity: 0;

	top: 0;

	position: absolute;

	width: 100%;

	display: block !important;

	height: 530px;

	-webkit-transition: opacity ease-in-out 500ms;

	-moz-transition: opacity ease-in-out 500ms;

	-o-transition: opacity ease-in-out 500ms;

	transition: opacity ease-in-out 500ms;

}

---------------------------------------------------------------------------------------------------------------

#main-slider-1 .carousel .item:first-child {

	top: auto;

	position: relative;

}

#main-slider-1.carousel .item.active {

	opacity: 1;

	-webkit-transition: opacity ease-in-out 500ms;

	-moz-transition: opacity ease-in-out 500ms;

	-o-transition: opacity ease-in-out 500ms;

	transition: opacity ease-in-out 500ms;

	z-index: 1;

}

#main-slider-1.prev, #main-slider-1.next {

	position: absolute;

	top: 50%;

	background-color: #c52d2f;

	color: #fff;

	display: inline-block;

	margin-top: -25px;

	height: 40px;

	line-height: 40px;

	width: 40px;

	line-height: 40px;

	text-align: center;

	border-radius: 4px;

	z-index: 5;

}

#main-slider-1 .prev:hover, #main-slider-1.next:hover {

	background-color: #000;

}

#main-slider-1 .prev {

	left: 10px;

}

#main-slider-1.next {

	right: 10px;

}

#main-slider-1.carousel-indicators li {

	width: 20px;

	height: 20px;

	background-color: #fff;

	margin: 0 15px 0 0;

	position: relative;

}

#main-slider-1.carousel-indicators li:after {

	position: absolute;

	content: "";

	width: 24px;

	height: 24px;

	border-radius: 100%;

	background: rgba(0, 0, 0, 0);

	border: 1px solid #FFF;

	left: -3px;

	top: -3px;

}

#main-slider-1 .carousel-indicators .active {

	width: 20px;

	height: 20px;

	background-color: #c52d2f;

	margin: 0 15px 0 0;

	border: 1px solid #c52d2f;

	position: relative;

}

#main-slider-1 .carousel-indicators .active:after {

	position: absolute;

	content: "";

	width: 24px;

	height: 24px;

	border-radius: 100%;

	background: #c52d2f;

	border: 1px solid #c52d2f;

	left: -3px;

	top: -3px;

}/*

#main-slider-1.active .animation.animated-item-1 {

	-webkit-animation: fadeInUp 300ms linear 300ms both;

	-moz-animation: fadeInUp 300ms linear 300ms both;

	-o-animation: fadeInUp 300ms linear 300ms both;

	-ms-animation: fadeInUp 300ms linear 300ms both;

	animation: fadeInUp 300ms linear 300ms both;

}

#main-slider-1.active .animation.animated-item-2 {

	-webkit-animation: fadeInUp 300ms linear 600ms both;

	-moz-animation: fadeInUp 300ms linear 600ms both;

	-o-animation: fadeInUp 300ms linear 600ms both;

	-ms-animation: fadeInUp 300ms linear 600ms both;

	animation: fadeInUp 300ms linear 600ms both;

}

#main-slider-1.active .animation.animated-item-3 {

	-webkit-animation: fadeInUp 300ms linear 900ms both;

	-moz-animation: fadeInUp 300ms linear 900ms both;

	-o-animation: fadeInUp 300ms linear 900ms both;

	-ms-animation: fadeInUp 300ms linear 900ms both;

	animation: fadeInUp 300ms linear 900ms both;

}

#main-slider-1.active .animation.animated-item-4 {

	-webkit-animation: fadeInUp 300ms linear 1200ms both;

	-moz-animation: fadeInUp 300ms linear 1200ms both;

	-o-animation: fadeInUp 300ms linear 1200ms both;

	-ms-animation: fadeInUp 300ms linear 1200ms both;

	animation: fadeInUp 300ms linear 1200ms both;

*/

/*

.container {

   margin-top: 20px;

}*/



/* Carousel Styles */

.carousel-indicators .active {
    background-color: #121213;
}

.carousel-inner-1 img {
    width: 100%;
    margin-top: 80px !important;
    max-height: 250px !important;
}

.carousel-inner-1 .header-text h2 span {
    /* padding: 10px; */
    color: #fff;
    background: #525050 !important;
    padding: 1px 10px !important; /* opacity: .05; */
}

.carousel-inner-1 .header-text h3 span {
    background: #525050 !important;
    padding: 1px 10px !important;
}

.carousel-inner-1 .header-text {
    position: absolute;
    top: 50%;
}

.carousel-inner img {
    width: 100%;
    max-height: 650px;
}

.space_btn {
    margin-top: 80px;
}

.carousel-control {
    width: 0;
}

    .carousel-control.left, .carousel-control.right {
        opacity: 1;
        filter: alpha(opacity=100);
        background-image: none;
        background-repeat: no-repeat;
        text-shadow: none;
    }

        .carousel-control.left span {
            padding: 15px;
        }

        .carousel-control.right span {
            padding: 0px -14px !important;
            margin-right: 7px !important;
        }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        position: absolute;
        top: 40% !important;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        left: 0;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        right: 0;
    }

    .carousel-control.left span, .carousel-control.right span {
    }

        .carousel-control.left span:hover, .carousel-control.right span:hover {
            opacity: .7;
            filter: alpha(opacity=70);
        }

/* Carousel Header Styles */

.header-text {
    position: absolute;
    top: 6%;
    left: 1.8%;
    right: auto;
    padding: 0px 0px 45px 76px;
    width: 96.66666666666666%;
    color: #00008b;
}

    .header-text h2 {
        font-size: 40px;
        text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
    }

        .header-text h2 span {
            line-height: 40px;
            font-size: 40px;
            color: #00008b;
            ffont-family: 'Roboto Condensed', sans-serif;
            line-height: 48px;
        }

    .header-text h3 span {
        color: #00008b;
        text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
    }

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #00008b;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

    .btn-theme:hover {
        color: #000;
        background-color: #fff;
        border-color: #00008b;
    }

.mbr-gallery .mbr-gallery-item {
    position: relative;
    display: inline-block;
    width: 25%;
}

@media (max-width: 768px) {

    .mbr-gallery .mbr-gallery-item {
        width: 50%;
    }

    #msg-box3-5 {
        padding-top: 32px;
        padding-bottom: 60px;
    }

    #features3-5 {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin-top: 80px;
    }
}

@media (max-width: 400px) {

    .mbr-gallery .mbr-gallery-item {
        width: 100%;
    }
}

.mbr-gallery .mbr-gallery-item img {
    width: 100%;
    opacity: 1;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.mbr-gallery .mbr-gallery-item > a:hover img {
    opacity: 1;
}

.mbr-gallery .mbr-gallery-item > a {
    background: #fff;
    display: block;
    outline: none;
    position: relative;
}

    .mbr-gallery .mbr-gallery-item > a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(left, #554346, #45505b) !important;
        background: -moz-linear-gradient(left, #554346, #45505b) !important;
        background: -o-linear-gradient(left, #554346, #45505b) !important;
        background: -ms-linear-gradient(left, #554346, #45505b) !important;
        background: linear-gradient(left, #554346, #45505b) !important;
        opacity: 0;
        -webkit-transition: .2s opacity ease-in-out;
        transition: .2s opacity ease-in-out;
    }

.mbr-gallery .mbr-gallery-item .icon {
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .2s opacity ease-in-out;
    color: #000;
    font-size: 30px;
    height: 69px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: .2s opacity ease-in-out;
    width: 69px;
}

    .mbr-gallery .mbr-gallery-item .icon::before, .mbr-gallery .mbr-gallery-item .icon::after {
        content: "";
        display: block;
        position: absolute;
        height: 69px;
        width: 1px;
        margin-left: 34.5px;
        background-color: #fff;
    }

    .mbr-gallery .mbr-gallery-item .icon::after {
        width: 69px;
        height: 1px;
        margin-left: 0;
        margin-top: 34.5px;
    }

.mbr-gallery .mbr-gallery-item > a:hover .icon {
    opacity: 1;
}

.mbr-gallery .mbr-gallery-item > a:hover::before {
    opacity: 0.9;
}

.mbr-gallery-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9em;
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    padding: 1rem;
    color: #fff;
    background: -webkit-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69, 80, 91, 0.85)) !important;
    background: -moz-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69, 80, 91, 0.85)) !important;
    background: -o-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69, 80, 91, 0.85)) !important;
    background: -ms-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69, 80, 91, 0.85)) !important;
    background: linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69, 80, 91, 0.85)) !important;
    -webkit-transition: .2s background ease-in-out;
    transition: .2s background ease-in-out;
}

.mbr-gallery .mbr-gallery-item > a:hover .mbr-gallery-title {
    background: transparent !important;
}

/* remove spacing */

.mbr-gallery .mbr-gallery-row.no-gutter {
    margin: 0;
}

    .mbr-gallery .mbr-gallery-row.no-gutter .mbr-gallery-item {
        padding: 0;
    }

/* container */

.mbr-gallery .container.mbr-gallery-layout-default {
    padding: 93px 0;
}

/* fix horizontal scrollbar */

.mbr-gallery .mbr-gallery-layout-default, .mbr-gallery .mbr-gallery-layout-article {
    overflow: hidden;
}

/* lightbox */

.mbr-gallery .modal {
    position: fixed;
    overflow: hidden;
    padding-right: 0 !important;
}

.mbr-gallery .modal-content {
    border-radius: 0;
}

.mbr-gallery .modal-body {
    padding: 0;
}

    .mbr-gallery .modal-body img {
        width: 100%;
    }

.mbr-gallery .modal .close {
    position: fixed;
    background: #1b1b1b;
    opacity: 0.5;
    font-size: 55px;
    font-weight: 300;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    color: #00008b;
    top: 2.5rem;
    right: 2.5rem;
    line-height: 61px;
    border: 0;
    text-align: center;
    text-shadow: none;
    z-index: 5;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

    .mbr-gallery .modal .close:hover {
        opacity: 1;
        background: #000;
        color: #fff;
    }

.mbr-gallery .modal.in .modal-dialog {
    margin: 0 auto;
}

/* modal back color opacity */

.modal-backdrop.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

@media (max-width: 768px) {

    .mbr-gallery .carousel-indicators, .mbr-gallery .carousel-control, .mbr-gallery .modal .close {
        position: fixed;
    }

    .display-22 {
        text-align: center;
    }
}

/* fix fade in effect */

.mbr-gallery .modal.fade .modal-dialog {
    -webkit-transition: margin-top 0.3s ease-out;
    -moz-transition: margin-top 0.3s ease-out;
    -o-transition: margin-top 0.3s ease-out;
    transition: margin-top 0.3s ease-out;
}

.mbr-gallery .modal.in .modal-dialog, .mbr-gallery .modal.fade .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/*-------



   Slider



-------*/

.mbr-slider .carousel-inner > .active, .mbr-slider .carousel-inner > .next, .mbr-slider .carousel-inner > .prev {
    display: table;
}

.mbr-slider .carousel-control {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    line-height: 70px;
    border-radius: 50%;
    color: inherit;
    background: #1b1b1b;
    border: 0;
    opacity: 0.5;
    text-shadow: none;
    z-index: 5;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.mbr-gallery .mbr-slider .carousel-control {
    position: fixed;
}

@media (max-width: 991px) {

    .mbr-gallery .mbr-slider .carousel-control {
        bottom: 2.5rem;
        margin-top: 0;
        top: auto;
        z-index: 17;
    }

    /*.navbar-toggle {

	display: block;

}

.navbar-nav > li {

	float: none;

}

.nav > li > a {

	position: relative;

	display: block;

	padding: 6px 7px;

}

.navbar-nav > li > a {

	padding-top: 21px;

	padding-bottom: 17px;

	line-height: 20px;

}*/

}

.mbr-gallery .mbr-slider .carousel-inner > .active {
    display: block;
}

.mbr-slider .carousel-control.left {
    left: 0;
    margin-left: 2.5rem;
}

.mbr-slider .carousel-control.right {
    right: 0;
    margin-right: 2.5rem;
}

.mbr-slider .carousel-control .icon-next, .mbr-slider .carousel-control .icon-prev {
    margin-top: -18px;
    font-size: 40px;
    line-height: 27px;
}

.mbr-slider .carousel-control:hover {
    background: #1b1b1b;
    color: #fff;
    opacity: 1;
}

.mbr-slider .carousel-indicators {
    position: absolute;
    bottom: 0;
    margin-bottom: 1.5rem !important;
}

@media (max-width: 543px) {

    .mbr-slider .carousel-indicators {
        display: none;
    }
}

.mbr-gallery .mbr-slider .carousel-indicators {
    position: fixed;
    margin-bottom: 2.5rem !important;
}

@media (max-width: 991px) {

    .mbr-gallery .mbr-slider .carousel-indicators {
        margin-bottom: 3.625rem !important;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.mbr-slider .carousel-indicators li, .mbr-slider .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 3px;
    background: #1b1b1b;
    border: 0;
    opacity: 0.5;
}

.mbr-slider .carousel-indicators .active {
    border: 4px solid #1b1b1b;
    background: #fff;
}

/* boxed slider */

.mbr-slider > .boxed-slider {
    position: relative;
    padding: 93px 0;
}

    .mbr-slider > .boxed-slider > div {
        position: relative;
    }

.mbr-slider > .container img {
    width: 100%;
}

    .mbr-slider > .container img + .row {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
    }

.mbr-slider .mbr-section {
    padding: 0;
    background-attachment: scroll;
}

.mbr-slider .mbr-table-cell {
    padding: 0;
}

.mbr-slider > .container .carousel-indicators {
    margin-bottom: 3px;
}

/* article slider */

.mbr-slider > .article-slider .mbr-section, .mbr-slider > .article-slider .mbr-section .mbr-table-cell {
    padding-top: 0;
    padding-bottom: 0;
}

/*-------



   Cards



-------*/

.mbr-cards-row {
    position: relative;
    margin-left: 0 !important;
    margin-right: 0 !important; /*padding-top: 80px;

	padding-bottom: 80px;*/
}

/*.mbr-cards-col {

	padding-left: 0;



	padding-right: 0;

	padding-top: 120px;

	padding-bottom: 120px;

}*/



.mbr-cards .striped .card {
    padding-left: 10%;
    padding-right: 10%;
}

.mbr-cards .striped .mbr-cards-col:nth-child(2n+1) {
    background: #2e2e2e;
    color: #fff;
}

    .mbr-cards .striped .mbr-cards-col:nth-child(2n+1) .card-subtitle {
        color: #979797;
    }

.mbr-cards .card {
    text-align: center;
    border: 0;
    background: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}



#client-Carousel .item span {
    background: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 5px #000;
    height: 150px;
    padding: 5px;
    margin: 5px;
}

    #client-Carousel .item span img {
        width: 100%;
        height: auto;
    }

#client-Carousel .carousel-indicators {
    left: inherit;
    right: 0;
    top: -40px;
    margin-left: 0;
    width: auto;
    height: auto;
    text-align: right;
}



@media (max-width: 991px) {

    .mbr-cards .card {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1024px) {

    .over_bg {
        position: absolute;
        z-index: 1;
        /* left: 0; */
        top: 0px;
        width: 88% !important;
        margin-top: 101% !important;
        height: 20%;
        background: rgba(0, 0, 0, 0.78);
    }
}

@media (min-width: 992px) {

    .mbr-cards-row {
        display: table;
        width: 100%;
    }

        .mbr-cards-row::after {
            display: none;
        }

    /*.mbr-cards-col {

	display: table-cell;

	float: none;

}

.mbr-cards > .container {

	margin: 0;

	max-width: none;

	padding: 0;

	width: 100%;

}*/

}

.mbr-cards .card-block {
    background: none;
    padding: 0;
}

.mbr-cards .card-img-top {
    border-radius: 12px;
    width: auto;
    max-width: 100%;
}

.mbr-cards .card-img + .card-block {
    padding-top: 2.3125rem;
}

.mbr-cards .card-text {
    margin: 0;
}

    .mbr-cards .card-text + .card-btn {
        padding-top: 1.375rem;
    }

.mbr-cards .card-title {
    margin-bottom: 0;
    font-size: 2rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.2825;
}

    .mbr-cards .card-title + * {
        padding-top: 1rem;
    }

    .mbr-cards .card-title + .card-btn {
        padding-top: 7px;
        text-align: center;
        padding-left: 15px;
    }

.mbr-cards .card-subtitle {
    margin-bottom: 0;
    font-style: italic;
    font-weight: 400;
    font-size: 0.875rem;
    font-family: 'Lora', serif;
    color: #5b5b5b;
    margin-top: -1rem;
    line-height: 1.7857;
    padding-bottom: 1rem;
}

    .mbr-cards .card-subtitle + .card-btn {
        padding-top: 0.3125rem;
    }

.mbr-cards .iconbox {
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 1px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 500px;
    display: inline-block;
}

    .mbr-cards .iconbox > .mbr-iconfont {
        line-height: inherit;
    }

@media (max-width: 767px) {

    #main-slider-1.carousel .item {
        height: 359px !important;
    }

    .header-text {
        position: absolute;
        top: 0%;
    }

    .slider_btn {
        display: inline-block;
        padding: 9px 13px !important;
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 14px !important;
    }

    .mbr-cards-col {
        padding-top: 0px;
        padding-bottom: 60px;
    }

    .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
        color: #545252;
        font-size: 14px !important;
    }

    .header-text {
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

    .feature-wrap h2 {
        text-align: center;
    }

    #feature p {
        text-align: center !important;
    }

    .header-text h2 {
        font-size: 1em;
        margin-top: 32px;
    }

    .header-text h3 {
        font-size: 1em;
        margin-top: 2px;
    }

    .accordion-inner img {
        border-radius: 4px;
        float: none !important;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .pull-left {
    }

    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        line-height: 1;
        min-height: 210px;
        height: 100%;
    }

    .header-text h3 span {
        color: #fff;
        font-size: 1em;
        text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
    }
}

.mbr-cards .card-img + .card-block {
    padding-top: 2.3125rem;
}

.mbr-cards .card-block {
    background: none;
    /* padding: 0; */
    padding-top: 15px;
}



/*-------



   Price Table



-------*/

@media (min-width: 1600px) {

    .mbr-price-table {
        padding-left: 12%;
        padding-right: 12%;
    }
}

.mbr-price-table .row {
    margin-left: 0;
    margin-right: 0;
}

    .mbr-price-table .row > div {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

@media (max-width: 1199px) {

    .mbr-price-table .row > div {
        padding-bottom: 40px;
    }
}

/*-------



   Price Table / Plan



-------*/

.mbr-plan {
    background: none;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    margin-bottom: 0;
    padding: 0.625rem;
}

    .mbr-plan .list-group-item {
        background: none;
        border-bottom: 0;
        border-top: 1px dotted rgba(255, 255, 255, 0.2);
        font-size: 0.875rem;
        line-height: 3.125rem;
        padding-bottom: 0;
        padding-top: 0;
    }

    .mbr-plan .card-title {
        margin-bottom: 1.5625rem;
    }

.mbr-plan-title {
    font-family: "Montserrat";
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.28;
    margin-bottom: 0;
}

.mbr-plan-subtitle, .mbr-plan-price-desc {
    color: #a0a0a0;
    font-family: 'Lora', serif;
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.79;
}

.mbr-plan-price-desc {
    display: block;
    padding-top: 1.25rem;
}

.mbr-plan-header, .mbr-plan-body {
    background: rgba(255, 255, 255, 0.1);
}

.mbr-plan-header {
    padding-bottom: 3.4375rem;
    padding-top: 2.1875rem;
    position: relative;
}

    .mbr-plan-header.bg-primary .mbr-plan-subtitle, .mbr-plan-header.bg-primary .mbr-plan-price-desc {
        color: #e8ddcd;
    }

    .mbr-plan-header.bg-success .mbr-plan-subtitle, .mbr-plan-header.bg-success .mbr-plan-price-desc {
        color: #d0dac6;
    }

    .mbr-plan-header.bg-info .mbr-plan-subtitle, .mbr-plan-header.bg-info .mbr-plan-price-desc {
        color: #c7d4d5;
    }

    .mbr-plan-header.bg-warning .mbr-plan-subtitle, .mbr-plan-header.bg-warning .mbr-plan-price-desc {
        color: #fbebc1;
    }

    .mbr-plan-header.bg-danger .mbr-plan-subtitle, .mbr-plan-header.bg-danger .mbr-plan-price-desc {
        color: #fef5f5;
    }

.mbr-plan-label {
    background: #28262b;
    color: #fff;
    display: block;
    font-size: 0.6875rem;
    font-weight: 400;
    height: 3.125rem;
    line-height: 3.125rem;
    min-width: 3.125rem;
    padding: 0 0.75rem;
    position: absolute;
    right: 0;
    top: 0;
}

.mbr-plan-body {
    margin-top: 2px;
    padding-bottom: 0;
    padding-top: 2.5rem;
}

.mbr-plan-list {
    padding-bottom: 4.0625rem;
    padding-top: 1.5625rem;
}

.mbr-plan-btn {
    margin-top: -2.5rem;
    padding-bottom: 1.375rem;
    padding-top: 1.875rem;
}

/*-------



   Price Table / Price



-------*/

.mbr-price {
    font-family: "Montserrat";
    line-height: 1.3;
}

.mbr-price-value {
    font-size: 1.875rem;
    line-height: 1;
    position: relative;
    top: -1.25rem;
}

.mbr-price-figure {
    font-size: 3.75rem;
    line-height: inherit;
    padding-left: 0.625rem;
}

.mbr-price-term {
    font-size: 1.875rem;
    position: relative;
}

    .mbr-price-term:before {
        content: "/";
        font-size: 110%;
        font-weight: 100;
        position: relative;
    }

/*-------



   Testimonials



-------*/

.mbr-testimonials .row > div {
    padding-bottom: 40px;
}

    .mbr-testimonials .row > div:last-child {
        padding-bottom: 0;
    }

@media (min-width: 992px) {

    .mbr-testimonials .row > div:nth-child(3n+1) {
        clear: left;
    }

    .mbr-testimonials .row > div:nth-last-child(-1n+3) {
        padding-bottom: 0;
    }
}

/*-------



   Testimonials / Item



-------*/

.mbr-testimonial {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    text-align: center;
}

    .mbr-testimonial + * {
        padding-top: 40px;
    }

    .mbr-testimonial.card {
        background-color: transparent;
    }

    .mbr-testimonial .card-block {
        background: #f4f4f4;
        color: #565656;
        font-family: 'Lora', serif;
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        line-height: 2;
        padding: 1.875rem;
        position: relative;
    }

        .mbr-testimonial .card-block:after {
            background-color: inherit;
            bottom: -7px;
            content: "";
            display: block;
            height: 14px;
            left: 50%;
            margin-left: -7px;
            position: absolute;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 14px;
        }

.mbr-testimonial-lg .card-block {
    padding-bottom: 90px;
}

.mbr-testimonial .card-footer {
    background: none;
    border: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

    .mbr-testimonial .card-footer:last-child {
        border-radius: 0;
    }

/*-------



   Testimonials / Author



-------*/

.mbr-author-img {
    margin-top: -2.5rem;
}

    .mbr-author-img img {
        height: 5rem;
        width: 5rem;
    }

.mbr-author-name {
    color: #2d2d2d;
    font-family: "Montserrat";
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.3;
    padding-top: 1.25rem;
}

.mbr-author-desc {
    color: #a7a7a7;
    font-family: 'Lora', serif;
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.597;
}

/*-------



   Info



-------*/

.mbr-info-subtitle, .mbr-info-extra .mbr-info-title {
    margin-bottom: 0;
}

.mbr-info-extra .mbr-info-subtitle {
    margin-bottom: 0.5rem;
}

/*-------



   Subscribe



-------*/

.mbr-subscribe {
    background: #f5f5f5;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    height: 4rem;
    padding: 0;
    position: relative;
}

    .mbr-subscribe .form-control {
        background: none;
        border: 0;
        position: relative;
        top: 0.4375rem;
    }

    .mbr-subscribe .input-group-btn {
        position: static;
    }

        .mbr-subscribe .input-group-btn::after {
            border-radius: 3px;
            border: 1px solid transparent;
            bottom: -1px;
            content: "";
            display: block;
            left: -1px;
            position: absolute;
            right: -1px;
            top: -1px;
        }

.form-active .mbr-subscribe .form-control:invalid ~ .input-group-btn::after {
    border-color: #f28281;
}

.mbr-subscribe .btn {
    border-radius: 3px !important;
    margin-bottom: 0;
    margin-right: 0.5625rem;
}

.mbr-subscribe-dark {
    background: none;
    border-color: rgba(255, 255, 255, 0.2);
}

    .mbr-subscribe-dark .form-control {
        color: #fff;
    }

/*-------



   Small footer



-------*/

.mbr-small-footer {
    background: #323232;
    color: #f97352;
    font-size: -0.1875rem;
    padding: 1.75rem 0;
}

    .mbr-small-footer p {
        margin-bottom: 0;
    }

    .mbr-small-footer a {
        color: #c0a375;
    }

        .mbr-small-footer a:hover {
            text-decoration: none;
        }

/*-------



   Footer



-------*/

.mbr-footer {
    color: #fff;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

@media (min-width: 1280px) {

    .mbr-footer {
        padding-left: 6.25rem;
        padding-right: 6.25rem;
    }
}

.mbr-footer > .row, .mbr-footer > .container > .row {
    margin-left: 0;
    margin-right: 0;
}

    .mbr-footer > .row > div, .mbr-footer > .container > .row > div {
        padding-bottom: 40px;
    }

        .mbr-footer > .row > div:last-child, .mbr-footer > .container > .row > div:last-child {
            padding-bottom: 0;
        }

.mbr-footer > .container {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {

    .mbr-footer > .row > div:nth-child(2n+1) {
        clear: left;
    }

    .mbr-footer > .row > div:nth-last-child(-1n+2) {
        padding-bottom: 0;
    }

    .mbr-footer > .container > .row > div {
        clear: none !important;
        padding-bottom: 0 !important;
    }

    .display-22 {
        font-size: 2.5rem;
        font-weight: 600;
        letter-spacing: -1px;
        font-size: 2.5rem;
        margin-top: 50px !important;
        text-shadow: 1px 1px 5px rgba(5, 5, 5, 0.29);
    }
}

@media (min-width: 992px) {

    .mbr-footer > .row > div {
        clear: none !important;
        padding-bottom: 0 !important;
    }
}

.mbr-footer p a, .mbr-footer ul a {
    color: #c0a375;
}

    .mbr-footer p a:hover, .mbr-footer ul a:hover {
        text-decoration: none;
    }

.mbr-footer .btn-black {
    background-color: #242424;
    border-color: #242424;
}

    .mbr-footer .btn-black.disabled, .mbr-footer .btn-black[disabled], .mbr-footer .btn-black:hover {
        background-color: #1a1a1a !important;
        border-color: #1a1a1a !important;
    }

.mbr-footer .mbr-map {
    height: 18.75rem;
}

.mbr-footer form .form-control-label {
    font-size: 0.875rem;
    position: relative;
}

.mbr-footer form .form-control {
    background: none;
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff !important;
    font-size: 0.875rem;
    min-height: 2.9em;
    padding: 0.5em 1em 0.5em;
}

.mbr-footer-content h1, .mbr-footer-content h2, .mbr-footer-content h3, .mbr-footer-content h4, .mbr-footer-content p strong, .mbr-footer-content strong, .mbr-footer .mbr-contacts h1, .mbr-footer .mbr-contacts h2, .mbr-footer .mbr-contacts h3, .mbr-footer .mbr-contacts h4, .mbr-footer .mbr-contacts p strong, .mbr-footer .mbr-contacts strong {
    color: #7c7c7c;
    font-family: "Montserrat";
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.3;
    margin-bottom: 1.875em;
}

.mbr-footer-content p strong, .mbr-footer-content strong, .mbr-footer .mbr-contacts p strong, .mbr-footer .mbr-contacts strong {
    display: inline-block;
}

.mbr-footer-content p, .mbr-footer .mbr-contacts p {
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0;
}

#contacts5-2 p, #contacts5-2 .list-group-text, #contacts5-2 .form-control-label {
    color: #fffdfd;
}

.mbr-footer-content ul, .mbr-footer .mbr-contacts ul {
    line-height: 1.8;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mbr-footer-content li, .mbr-footer .mbr-contacts li {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    color: #bcbcbc;
    display: block;
    font-family: 'Raleway', sans-serif;
    font-size: 1.3rem;
    line-height: 1.8;
    overflow: hidden;
    padding: 0.72em 0;
    padding-left: 1.8em;
    position: relative;
    width: 100%;
}

    .mbr-footer-content li:last-child, .mbr-footer .mbr-contacts li:last-child {
        border-bottom: 0;
    }

    .mbr-footer-content li::before, .mbr-footer .mbr-contacts li::before {
        background: #c0a375;
        content: "";
        height: 0.36em;
        left: 0;
        margin-top: -0.18em;
        position: absolute;
        top: 50%;
        width: 0.36em;
    }

    .mbr-footer-content li a, .mbr-footer .mbr-contacts li a {
        color: #fff;
        -webkit-transition: color .3s ease;
        -moz-transition: color .3s ease;
        transition: color .3s ease;
        font-size: 14px;
    }

        .mbr-footer-content li a:hover, .mbr-footer .mbr-contacts li a:hover {
            color: #c0a375;
        }

.footer1 ul {
    margin-top: -13px;
}

.footer4 > .container > .row {
    margin-left: 0;
    margin-right: 0;
}

    .footer4 > .container > .row > div > .row > div:first-child {
        padding-bottom: 40px;
    }

        .footer4 > .container > .row > div > .row > div:first-child:last-child {
            padding-bottom: 0;
        }

@media (min-width: 544px) {

    .footer4 > .container > .row > div, .footer4 > .container > .row > div > .row > div {
        clear: none !important;
        padding-bottom: 0 !important;
    }
}

/*-------



   Company



-------*/

.mbr-company {
    background: none;
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}

    .mbr-company .card-img-top {
        height: 58px;
        margin-bottom: 1.57rem;
        width: auto;
    }

    .mbr-company .card-block {
        background: none;
        padding: 0;
    }

    .mbr-company .card-text {
        color: #acacac;
        font-size: 0.875rem;
        margin-bottom: 1.57rem;
    }

    .mbr-company .list-group {
        display: block;
    }

    .mbr-company .list-group-item {
        background: none;
        border: 0;
        display: table;
        padding: 0;
        padding-bottom: 1.375rem;
        width: 100%;
    }

    .mbr-company .list-group-icon, .mbr-company .list-group-text {
        display: table-cell;
        height: 2.25rem;
        position: relative;
        vertical-align: middle;
    }

    .mbr-company .list-group-icon {
        padding-right: 1.25rem;
        text-align: center;
        width: 3.5rem;
    }

    .mbr-company .list-group-text {
        color: #fff;
        font-family: 'Raleway', sans-serif;
        font-size: 0.875rem;
        line-height: 1.6;
        position: static;
        vertical-align: middle;
    }

        .mbr-company .list-group-text::after {
            border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
            bottom: 0.625rem;
            content: "";
            display: block;
            left: 0;
            position: absolute;
            width: 50%;
        }

    .mbr-company .list-group-item.active, .mbr-company .list-group-item.active:hover {
        background: none;
    }

        .mbr-company .list-group-item.active .list-group-text {
            color: #c0a375;
        }

    .mbr-company .list-group-item:last-child {
        padding-bottom: 0;
    }

        .mbr-company .list-group-item:last-child .list-group-text::after {
            display: none;
        }



/*-------



   Arrow



-------*/

@-webkit-keyframes floating-arrow {

    from {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    65% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    to {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
}

@keyframes floating-arrow {

    from {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    65% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    to {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }
}

.mbr-arrow {
    bottom: 48px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

@media (max-width: 1440px) {

    .contact_img img {
        padding-top: 0px;
        color: :#fff;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 8px 11px;
    }
}

@media (max-width: 1024px) {

    .nav > li > a {
        font-size: .9em;
        padding: 0px 3px !important;
    }

    .cleancode_block .nav-tabs li a {
        width: 130px !important;
        height: 130px !important;
    }
}

@media (max-width: 991px) {

    .mbr-arrow {
        bottom: 31px;
    }
}

@media (max-width:480px) {

    .contact_img img {
        margin-top: -6px;
        padding-bottom: 10px;
        padding-left: 12px;
    }

    .txt_black h1 {
        font-size: 18px !important;
    }

    .txt_black h2 {
        font-size: 16px !important;
    }

    .txt_black h3 {
        font-size: 14px !important;
    }

    .social-circle li i {
        line-height: 25px !important;
    }

    .space_table_box {
        margin-top: 17px !important;
    }

    .social-circle li a {
        width: 30px !important;
        height: 30px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 320px) {

    .mbr-arrow {
        bottom: 21px;
    }

    .contact_img img {
        margin-top: -6px;
        padding-bottom: 10px;
        padding-left: 12px; /* margin-left: 2px; */ /* text-align: center; */
    }
}

@media all and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {

    .mbr-arrow {
        bottom: 31px;
    }
}

.mbr-arrow a {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 46px;
    outline-style: none !important;
    position: relative;
    text-decoration: none;
    transition: all .3s ease-in-out;
    width: 46px;
}

    .mbr-arrow a:hover {
        background: #2d2d2d;
    }

.mbr-arrow-icon {
    display: block;
}

    .mbr-arrow-icon::before {
        content: "\203a";
        display: inline-block;
        font-family: serif;
        font-size: 32px;
        line-height: 1;
        font-style: normal;
        left: 4px;
        position: relative;
        top: 6px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.mbr-arrow-floating .mbr-arrow-icon {
    -webkit-animation: floating-arrow 1.6s infinite ease-in-out 0s;
    animation: floating-arrow 1.6s infinite ease-in-out 0s;
}

@media (min-width: 768px) {

    .mbr-right-padding-md-up {
        padding-right: 85px;
    }
}

.mbr-valign-top {
    vertical-align: top;
}

.form-asterisk {
    font-family: initial;
    position: absolute;
    top: -2px;
    font-weight: normal;
}

.row-sm-offset {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
}

    .row-sm-offset > * {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
    }

@-webkit-keyframes btnCircleLoading {

    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes btnCircleLoading {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.btn-loader {
    -webkit-animation: btnCircleLoading .6s infinite linear;
    animation: btnCircleLoading .6s infinite linear;
    border-radius: 50%;
    border: 4px rgba(255, 255, 255, 0.25) solid;
    border-top-color: white;
    display: none;
    height: 26px;
    left: 50%;
    margin-left: -13px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    width: 26px;
}

.btn-loading {
    position: relative;
}

    .btn-loading .btn-text {
        visibility: hidden;
    }

    .btn-loading .btn-loader {
        display: block;
    }

/*.hidden {

  visibility: hidden; }*/



.visible {
    visibility: visible;
}

/*-------



   Iconfont



-------*/

/* iconfont default styling */

/* for buttons */

.mbr-iconfont.mbr-iconfont-btn, .mbr-buttons__btn .mbr-iconfont {
    padding-right: 0.4em;
    font-size: 1.6em;
    line-height: 0.5em;
    vertical-align: text-bottom;
    position: relative;
    top: -0.12em;
    text-decoration: none;
}

/* menu links */

.mbr-iconfont.mbr-iconfont-btn-parent, .link .mbr-iconfont {
    font-size: 1.4em;
    top: -0.3em;
    position: relative;
    vertical-align: middle;
}

/*menu logo */

.mbr-iconfont.mbr-iconfont-menu, .mbr-iconfont.mbr-iconfont-ext__menu {
    font-size: 37px;
    text-decoration: none;
    color: #fff;
}

/* features2, features3 */

.mbr-iconfont.mbr-iconfont-features2, .mbr-iconfont.mbr-iconfont-features3 {
    font-size: 119px;
    text-decoration: none;
    text-align: center;
    display: block;
    margin-top: 0.2em;
    color: #F1C050;
}

/* features4 */

.mbr-iconfont.mbr-iconfont-features4 {
    font-size: 50px;
    text-decoration: none;
    text-align: center;
    display: block;
    color: #000;
}

.mbr-iconfont-features7 {
    font-size: 50px;
    text-decoration: none;
    text-align: center;
    display: block;
    color: #fff;
}

/* msg-box4 */

.mbr-iconfont.mbr-iconfont-msg-box4, .mbr-iconfont.mbr-iconfont-msg-box5 {
    font-size: 357px;
    text-decoration: none;
    color: #232323;
}

/* header2 */

.mbr-iconfont.mbr-iconfont-header2 {
    font-size: 400px;
    text-decoration: none;
    color: #fff;
}

/* contacts1 */

.mbr-iconfont.mbr-iconfont-contacts1 {
    font-size: 119px;
    text-decoration: none;
    color: #9C9C9C;
}

/* contacts3 */

.mbr-iconfont.mbr-iconfont-logo-contacts3 {
    font-size: 58px;
    text-decoration: none;
    color: #9C9C9C;
    margin-bottom: 1.57rem;
}

.mbr-iconfont-company-contacts3 {
    font-size: 22px;
    color: #cfcfcf;
}

.mbr-iconfont-company-contacts5 {
    font-size: 22px;
    color: #000;
}

/*php.is-builder .mbr-cards .card-img + .card-block {

	padding-top: 0;

}

php.is-builder .mbr-cards .card-text + .card-btn {

	padding-top: 0;

}

php.is-builder .mbr-cards .card-title + * {

	padding-top: 0;

}

php.is-builder .mbr-cards .card-title + .card-btn {

	padding-top: 0;

}

php.is-builder .mbr-cards .card-subtitle + .card-btn {

	padding-top: 0;

}

php.is-builder :not([data-app-remove-it]).card-img + .card-block {

	padding-top: 2.3125rem;

}

php.is-builder :not([data-app-remove-it]).card-title + .card-subtitle, php.is-builder :not([data-app-remove-it]).card-title ~ .card-text {

	padding-top: 1rem;

}

php.is-builder :not([data-app-remove-it]).card-title ~ .card-btn {

	padding-top: 1.4375rem;

}

php.is-builder :not([data-app-remove-it]).card-subtitle + .card-text {

	padding-top: 0;

}

php.is-builder :not([data-app-remove-it]).card-subtitle ~ .card-btn {

	padding-top: 0.3125rem;

}

php.is-builder :not([data-app-remove-it]).card-text + .card-btn {

	padding-top: 1.375rem;

}*/

/*# sourceMappingURL=style.css.map */

<!--

css-- > .contact_img {
    float: right;
}

/*



.btn.btn-lg {

	padding: 10px 40px;

}

.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {

	color: #f5f5f5;

	background-color: #1abc9c;

	border-color: #1abc9c;

	outline: none;

	margin: 20px auto;

}

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

/*       Slides backgrounds   



.space {

	padding-top: 30px;

}

.card-img_jfood img {

	border-radius: 22px;

	margin-top: 0px !important;

}  */

.about_slider {
    height: 159px !important;
    margin-top: 111px;
}

.room_detail_slider {
    height: 159px !important;
    margin-top: 111px;
}

.display-2 {
    font-size: 2.5rem;
    margin-top: 25px !important;
    text-shadow: 1px 1px 5px rgba(5, 5, 5, 0.29);
}

.inner_slider {
    height: auto;
    margin-top: 61px;
}

.about_slider .carousel-indicators {
    bottom: 0px !important;
}

.room_detail_slider .carousel-indicators {
    bottom: 0px !important;
}

.inner_slider .carousel-indicators {
    bottom: 0px !important;
}

.bg_nev {
    background: #FC0;
}

.side-collapse {
    top: 74px;
}

}



pre {
    tab-size: 8;
}

@media screen and (max-width: 768px) {

    .side-collapse-container {
        width: 100%;
        position: relative;
        left: 0;
        transition: left .4s;
    }

    /*.side-collapse-container.out{

              left:200px;

          }*/







    .side-collapse {
        top: 80px;
        bottom: 0;
        left: 0;
        width: 200px;
        position: fixed;
        overflow: hidden;
        transition: width .4s;
    }

        .side-collapse.in {
            width: 0;
        }
}

/*

* Style tweaks

* --------------------------------------------------

*/

/*

}*/

footer {
    padding: 30px 0;
}

/*

 * Custom styles

 */

/*.navbar-brand {

	font-size: 24px;

}

.navbar-container {

	padding: 20px 0 20px 0;

}

.navbar.navbar-fixed-top.fixed-theme {

	background-color: #FFC107;

	/* border-color: #aa570a;

	height: 106px;

	box-shadow: 0 0 5px rgba(0,0,0,.8);

}

.navbar-brand.fixed-theme {

	font-size: 18px;

}

.navbar-container.fixed-theme {

	padding: 0;

}

.navbar-brand.fixed-theme, .navbar-container.fixed-theme, .navbar.navbar-fixed-top.fixed-theme, .navbar-brand, .navbar-container {

	transition: 0.8s;

	-webkit-transition: 0.8s;

}

.navbar-inverse .navbar-nav > li > a {

    color: #636161;

   /*  font-weight: bold;

    text-transform: uppercase; 

    font-family: 'Open Sans', sans-serif;

}

.navbar-inverse {

    background-color: #ffffff;

    border-color: #a2a1a1;

}

.dropdown-menu > li > a {

    display: block;

    padding: 9px 20px;*/

clear: both;
/* font-weight: normal; 

    line-height: 1.428571;

    color: #fff;

    /* font-weight: 600;

    letter-spacing: 1px;

    border-bottom: 1px solid #5e8b05;

    white-space: nowrap;

} 

.dropdown-menu > li > a:hover {background-color: #006699; color:#fff;

   

}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {

	

	background-color:#669900;

}

@media screen and (max-width: 768px) {

#msg-box8-7 h1 {

	color: #fff;

	font-size: 20px;

}

.side-collapse {

	top: 92px;

	bottom: 0;

	padding-top: 28px;

	left: 0;

	width: 200px;

	position: fixed;

	overflow: hidden;

	background: #000;

	transition: width .4s;

}

.display-2 {

	font-size: 1.9rem;

	font-weight: 600;

	letter-spacing: -1px;

	margin-top: 52px;

	text-align: center;

	margin-top: 50px;

	text-shadow: 1px 1px 5px rgba(5, 5, 5, 0.29);

}

.navbar-inverse {

	background-color: #f97352;

}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

	/*background-color: rgba(51, 51, 51, 0);

	background: url(../images/cross_btn.png) no-repeat;

}

.icon-bar {

	display: none;

}

.navbar-inverse .navbar-toggle {

	border-color: rgba(51, 51, 51, 0);

}

}

 @media screen and (max-width: 375px) {

.side-collapse {

	top: 70px;

	bottom: 0;

	padding-top: 28px;

	left: 0;

	width: 200px;

	position: fixed;

	overflow: hidden;

	background: #f97352;

	transition: width .4s;

}

}

.navbar-brand {

	float: right;

	height: 0px;

	padding: 15px 15px;



	font-size: 18px;

	line-height: 20px;

}

/*.navbar-brand .navegtion_m {

    float: right;

    height: 0px;

    padding: 10px 39px !important;

    font-size: 18px;

    line-height: 20px;

    margin-top: -42px !important;

}

.navbar-toggle {

	position: relative;

	float: right;

	padding: 9px 10px;

	margin-top: 8px;

	margin-right: 15px;

	margin-bottom: 8px;

	background-color: transparent;

	background-image: none;

	border: 1px solid transparent;

	border-radius: 4px;

	margin-right: -40px;

}*/
/*.navbar-logo {

	padding: 10px;



}

.navbar-short .navbar-logo {

	margin-right: 0.5rem;

}

.navbar-logo, .navbar-dropdown .navbar-caption {

	display: inline-block;

	vertical-align: middle;

	padding: 0px 0px;

}

.header-container .navbar-logo {

	margin-right: 0.8rem;

	transition: margin 0.3s ease-in-out;

}

.header-container .navbar-logo img {

	transition: all 0.3s ease-in-out;

}*/
.mbr-table-cell {
    height: 5.625rem;
}

.navbar-caption {
    font-family: "Montserrat";
    font-size: 1rem;
    font-weight: 700;
    white-space: normal;
}

/*.header-container .navbar-caption, .navbar-dropdown .navbar-caption:hover {

	color: inherit;

	text-decoration: none;

}*/

.header-container.navbar-fixed-top {
    position: fixed;
}

.bg-color.transparent {
    background: none !important;
}

header-container .navbar-short .navbar-brand {
    padding: 0.625rem 0;
}

.header-container .navbar-short .navbar-logo {
    margin-right: 0.5rem;
}

    .header-container .navbar-short .navbar-logo img {
        height: 2.375rem;
    }

/*.space {

	padding-top: 35px;

}

#msg-box3-5 {

	padding-top: 60px;

	padding-bottom: 60px;

}*/

.text-xs-center {
    text-align: center;
}

    .text-xs-center h3 {
        color: #000;
    }

#testimonials1-11 {
    background-color: #D8EBD8;
    padding-top: 60px;
    padding-bottom: 60px;
}

#contacts5-2 {
    background-color: #055585;
    padding-top: 60px;
    padding-bottom: 60px;
}

#contacts5-2 {
    background-color: #055585;
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (min-width: 768px) {

    .display-2 {
        font-size: 4.5rem;
        font-weight: 600;
        letter-spacing: -1px;
        text-transform: uppercase;
    }
}

.mbr-footer-content h1, .mbr-footer-content h2, .mbr-footer-content h3, .mbr-footer-content h4, .mbr-footer-content p strong, .mbr-footer-content strong, .mbr-footer .mbr-contacts h1, .mbr-footer .mbr-contacts h2, .mbr-footer .mbr-contacts h3, .mbr-footer .mbr-contacts h4, .mbr-footer .mbr-contacts p strong, .mbr-footer .mbr-contacts strong {
    color: #7c7c7c;
    font-family: "Montserrat";
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.3;
    margin-bottom: 14px;
    color: #fff;
}

#contacts5-2 .mbr-footer-content li {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}

.mbr-footer-content li, .mbr-footer .mbr-contacts li {
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    color: #fffdfd;
    display: block;
    font-family: 'Raleway', sans-serif;
    overflow: hidden;
    padding: 0.72em 0;
    padding-left: 1.8em;
    position: relative;
    width: 100%;
}

.msg-box8-7 {
    background-image: url(images/hotel.html);
    padding-top: 80px;
    padding-bottom: 60px;
}

/*.navbar-dropdown .close-icon {

	position: relative;

	width: 21px;

	height: 21px;

	overflow: hidden;

}

*/ .about_txt p .mbr-section-title .display-about {
    text-align: left;
}

.about_txt {
    background-color: #EEEEEE;
    padding-top: 80px;
    padding-bottom: 60px;
}

.btn-secondary {
    background-color: #68040a;
    border-color: #68040a;
    box-shadow: none;
    color: #fff;
    border-radius: 5px;
}

.icons2 {
    background-color: #666633;
    border-radius: 100px;
    border-radius: 50%;
    padding: 25px 10px;
    width: 100px;
    height: 100px;
    padding: 23px 10px;
    margin: 31px;
}

.icons {
    background-color: #293554;
    border-radius: 50%;
    padding: 25px 10px;
    width: 100px;
    height: 100px;
    margin: 20px;
}

.icon_box img {
    text-align: center;
    margin: 0 auto;
}

.icons-name {
    /* width: 100px; */
    color: #fff;
    text-align: center;
    font-family: "Montserrat";
    font-size: 12px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1.3;
    padding-top: 1rem;
}

#social-buttons3-6 .mbr-section-title, #social-buttons3-6 .btn-social {
    color: #fff;
}

.btn-social:hover {
    color: #fff;
    background: #c0a375;
}

/*for_social_media*/

.mbr-slider .carousel-control {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    line-height: 70px;
    border-radius: 50%;
    color: inherit;
    background: #1b1b1b;
    border: 0;
    opacity: 0.5;
    text-shadow: none;
    z-index: 5;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#footer1-3 p {
    background: #323232;
    color: #f8f2f2;
    font-size: 14px;
    padding: -11.25rem 0;
}

.inner_slider {
    height: 350px;
}

.about_slider {
    height: 391px;
}

.inner_slider .carousel-indicators {
    bottom: 0px;
}

.about_slider .carousel-indicators {
    bottom: 35px;
}

.room_detail_slider {
    height: 350px;
}

    .room_detail_slider .carousel-indicators {
        bottom: 0px;
    }

.lead {
    /* font-size: 21px; */
    font-size: 18px;
}

.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: #ffffff;
    border: 3px solid #000;
    border-radius: 10px;
}

.mbr-cards .card {
    text-align: center;
    border: 0;
    background: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
}

.card {
    position: relative;
    display: block;
    /*	background-color: #fff;

	border: 1px solid #e5e5e5;*/
    border-radius: .25rem;
}

.card, .card-title {
    margin-bottom: .75rem;
    text-align: center;
    font-weight: bold;
    color: #000; /* text-transform: uppercase; */
}

    .card .cart-block .card-title h4 {
        text-transform: uppercase;
    }

/*for_social_media*/



@media (min-width: 992px) {

    .mbr-cards-row {
        /* display: table; */
        width: 100%;
        margin-top: 18px;
    }

        .mbr-cards-row::after {
            display: none;
        }

    /*  .mbr-cards-col {

    display: table-cell;

    float: none; }*/

    /*.mbr-cards > .container {

	margin: 0;

	max-width: none;

	padding: 0;

	width: 100%;

}*/

    .bg_nev {
        background: none;
    }
}

.mbr-cards .card-block {
    background: none;
    padding: 0px 30px;
}

.mbr-cards .card-img-top-box {
    border-radius: 10px;
    width: auto;
    margin: 0 auto;
    max-width: 100%;
    min-height: 286px;
}

.mbr-cards .card-img + .card-block {
    padding-top: 2.3125rem;
    min-height: 150px;
}

.mbr-cards .card-text {
    margin: 0;
}

    .mbr-cards .card-text + .card-btn {
        padding-top: 1.375rem;
    }

.mbr-cards .card-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.2825;
    text-transform: uppercase;
}

    .mbr-cards .card-title + * {
        padding-top: 1rem;
    }

    .mbr-cards .card-title + .card-btn {
        padding-top: 3px;
    }

.mbr-cards .card-subtitle {
    margin-bottom: 0;
    font-style: italic;
    font-weight: 400;
    font-size: 0.875rem;
    font-family: 'Lora', serif;
    color: #5b5b5b;
    margin-top: -1rem;
    line-height: 1.7857;
    padding-bottom: 1rem;
}

    .mbr-cards .card-subtitle + .card-btn {
        padding-top: 0.3125rem;
    }

.mbr-cards .iconbox {
    border-style: solid;
    border-color: #f2f2f2;
    border-width: 1px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 500px;
    display: inline-block;
}

    .mbr-cards .iconbox > .mbr-iconfont {
        line-height: inherit;
    }

.ralign {
    text-align: right;
}

.mbr-cards-col {
    padding-bottom: 40px;
}

/*.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

	border-color: rgba(16, 16, 16, 0);

}*/

.bg {
    background: #000;
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.slider_box {
    height: 600px; /* margin-top: 50px;*/
}

.bg {
    background: #f97352;
    height: 35px;
    padding-top: 2px;
    padding-bottom: 4px;
    /* color: #000; */
    font-size: 13px;
    box-shadow: 2px 0px 3px #888888;
}

.breadcrumb {
    padding: 8px 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: rgba(245, 245, 245, 0);
    border-radius: 4px;
}

    .breadcrumb li a {
        color: #000;
        text-decoration: none;
    }

    .breadcrumb > .active {
        color: #fff;
    }

    .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #fff;
        content: "/\00a0";
    }

.bg_gallery {
    background-color: #D8EBD8;
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (min-width: 768px) {

    .lead {
        font-size: 21px;
    }

    .display-22 h4 {
        text-align: left;
    }
}

@media (max-width: 768px) {

    .navbar-nav > li > a {
        padding-top: 4px;
        padding-bottom: 6px;
        line-height: 20px;
        color: #fdfdfd;
        float: none;
        border-bottom: 1.5px dotted #78a54b;
    }

    .display-22 h4 {
        text-align: center;
    }
}

@media (max-width: 1024px) {

    .jfood {
        padding-top: 43px !important;
    }

    .inner_slider {
        height: auto;
    }

    .slider_box {
        height: auto;
        margin-top: 0px;
    }
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

.card-img_jfood img {
    border-radius: 22px;
    margin-top: 0px;
}

.jfood {
    padding-top: 21px;
}

.jfood_box_boder {
    /* margin-top: 72px; */
    /* margin-bottom: 20px; */
    border-bottom: #cec8c8 1px dotted;
    ding-right: 38px;
    /* border-style: dotted; */
    width: 94%;
    height: 33px;
    margin: 0 auto;
}

#msg-box8-7 h1 {
    color: #fff;
}

.jfood_row {
    margin-top: 10px;
}

.table_box {
    background: #efeeee;
    min-height: 200px;
    padding: 20px;
    border-radius: 10px;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    /* background: rgba(255, 255, 255, 0.51); */
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    text-align: center;
    font-size: 13px; /* color: #fff;*/
}

.service_list ul li {
    list-style: url(images/icon_service.html);
    line-height: 29px;
}

.gallery {
    display: inline-block;
    margin-top: 20px;
}

/*.table_row_bg_honeymoon {

	background:#CCC;

	

}*/

.services_item_heading p {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 19px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    color: #666666;
    font-family: 'Roboto Condensed', sans-serif;
}

.features .box_img img {
    margin: 0 auto;
    text-align: center;
}

.services_item_heading span {
    display: block;
    padding-bottom: 9px;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    color: #666;
    line-height: 22px;
}

.services_item_heading p {
    text-align: center;
    margin-top: 10px;
}

    .services_item_heading p:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 270px;
        height: 1px;
        background-color: #ccc;
    }

.services_item_heading a {
    color: #333;
    text-decoration: none;
}

    .services_item_heading a:hover {
        color: #01a3e1;
        ;
        text-decoration: none;
    }

.table_row_bg {
    background: #CCC;
}

.table_row_bg {
    font-size: 15px;
}

.space_table_box_honeny_moon {
    margin-top: 76px;
    margin-bottom: 76px;
}

/*.table-striped > tbody > tr:nth-of-type(odd) {

	background-color: rgba(139, 195, 74, 0.62);

}*/

/*.table-striped_honey_moon > tbody > tr:nth-of-type(odd) {

	background-color: #a61c4a;

}*/

.space_table {
    margin-top: 10px;
}

.space_table_box {
    margin-top: 135px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px !important;
}

.heading th {
    font-size: 15px;
}

.form-area {
    background-color: rgb(232, 241, 232);
    padding: 10px 40px 60px;
    margin: 10px 0px 60px;
    border: 1px solid GREY;
}

.accomodation-title {
    font-size: 19px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 600;
}

.display-6 {
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 23px;
    margin-top: 23px;
    margin-left: 24px;
}

@media (min-width: 1024px) and (max-width: 1440px) {

    #msg-box3-5 {
        padding-top: 60px !important;
        padding-bottom: 93px;
    }
}

/*.fancybox img{border-radius:12px;}*/

php {
    font-size: inherit;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#map_wp {
    width: 100%;
}

footer.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555 !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

@media (min-width: 768px) {

    /*.navbar-nav > li {

	float: left;

	font-size: 15px;

}*/

}

@media (max-width: 768px) {

    /*.navbar-nav > li {

	float: none;

	font-size: 13px;

}*/

    .over_bg {
        position: absolute;
        z-index: 1;
        /* left: 0; */
        top: 0px;
        width: 92% !important;
        margin-top: 94% !important;
        height: 20%;
        background: rgba(0, 0, 0, 0.78);
    }

    .title_txt {
        font-size: 3rem;
        font-weight: 600;
        letter-spacing: -1px;
        margin-bottom: 1.5625rem;
        font-family: 'Montserrat', sans-serif;
        word-break: break-word;
        word-wrap: break-word;
        color: #fff;
        text-shadow: 1px 1px 5px rgba(5, 5, 5, 0.29);
    }
}

.share {
    font-size: 30px;
}

.card-img img {
    text-align: center;
}

/*.nav > li > a {

	position: relative;

	display: block;

	padding: 10px 15px;

}

*/ @media (max-width: 1024px) {

    /*.navbar-nav > li {

	font-size: 13px;

}*/

}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-top: 75px;
    height: calc(100vh - 75px);
}

@media (max-width: 480px) {

    .contact_img {
        margin-top: -1px;
        margin-left: 43px;
    }

    .hero h3 {
        font-size: 14px;
    }

    #msg-box3-5 {
        padding-top: 4px;
        padding-bottom: 30px;
    }

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        font-size: 9px;
    }
}

@media screen and (max-width: 320px) {

    .side-collapse {
        top: 86px;
    }
}

.space {
    padding-top: 25px;
}

@media (min-width: 768px) {

    .navbar-nav {
        float: none;
        margin: 14px 0px 0px 0px;
    }
}

.gallery_more ul li {
    background: #fff;
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    width: 150px;
    height: 160px;
    padding: 3px;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
}

.gallery_more ul, .gallery_more ul li {
    /* margin: 0 auto;*/
    list-style: none;
}

    .gallery_more ul li a img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

    .gallery_more ul li img {
    }

.plus_more a {
    background: #ccc;
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    padding-top: 35%;
    display: block;
    height: 100%;
    text-decoration: none;
}

.headling_1 {
    border-bottom: solid 2px #d9dcde;
    width: 35%;
    margin-bottom: 21px;
    font-size: 20px;
}

/*.navbar-default .navbar-toggle {

	border-color: #ddd;

}

.navbar-toggle {

	border: none;

	background: transparent !important;

}

.navbar-toggle {

	position: relative;

	float: right;

	padding: 9px 10px;

	margin-top: 20px;

	margin-bottom: 8px;

	background-color: transparent;

	background-image: none;

	border: 1px solid transparent;

	border-radius: 4px;

}

.navbar-toggle .navegation_m {

	position: relative;

	float: right;

	padding: 9px 10px;

	margin-top: 8px;

	margin-right: -30px;

	margin-bottom: 8px;

	background-color: transparent;

	background-image: none;

	border: 1px solid transparent;

	border-radius: 4px;

}*/

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

    button, html input[type=button], input[type=reset], input[type=submit] {
        -webkit-appearance: button;
        cursor: pointer;
    }

button, select {
    text-transform: none;
}

button {
    overflow: visible;
}

/*.navbar-toggle {

	border: none;

	background: transparent !important;

}

.navbar-toggle:hover {

	background: transparent !important;

}

.navbar-toggle .icon-bar {

	width: 22px;

	transition: all 0.2s;

}

.navbar-toggle .top-bar {

	transform: rotate(45deg);

	transform-origin: 10% 10%;

}

.navbar-toggle .middle-bar {

	opacity: 0;

}

.navbar-toggle .bottom-bar {

	transform: rotate(-45deg);

	transform-origin: 10% 90%;

}

.navbar-toggle.collapsed .top-bar {

	transform: rotate(0);

}

.navbar-toggle.collapsed .middle-bar {

	opacity: 1;

}

.navbar-toggle.collapsed .bottom-bar {

	transform: rotate(0);

}



.navegation_m {

	margin-top: -1px;

	position: absolute;

	top: -20px;

	/* float: right; 

	left: 142px;

}*/

.terms ul li {
    font-size: 14px;
    line-height: 2.0;
}

/*.footer_icon {

	text-align: center;

	padding-left: 48%;

	padding-right: 40%;

	margin: 0 auto;

}*/

.box_form {
    padding: 35px !important;
}

.box_gallery .fancybox img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
}

.box_gallery .fancybox img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    filter: none;
}

.logo_jingle {
    padding-left: 64px;
}

.round_img img {
    /*border-radius: 9px;*/
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.35);
}

#virtual_tour .fancybox-item .fancybox-prev {
    display: none;
}

.#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index: 1032;
}

/*



.fade-carousel {

	position: relative;

	height: 100vh;

}

.fade-carousel .carousel-inner .item {

	height: 100vh;

}

.fade-carousel .carousel-indicators > li {

	margin: 0 2px;

	background-color: #f39c12;

	border-color: #f39c12;

	opacity: .7;

}

.fade-carousel .carousel-indicators > li.active {

	width: 10px;

	height: 10px;

	opacity: 1;

}

/

.hero {

	position: absolute;

	top: 33%;

	left: 50%;

	z-index: 1;

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	text-shadow: 1px 1px 0 rgba(0,0,0,.75);

	-webkit-transform: translate3d(-50%, -50%, 0);

	-moz-transform: translate3d(-50%, -50%, 0);

	-ms-transform: translate3d(-50%, -50%, 0);

	-o-transform: translate3d(-50%, -50%, 0);

	transform: translate3d(-50%, -50%, 0);

}

.fade-carousel .carousel-inner .item .hero {

	opacity: 0;

	-webkit-transition: 2s all ease-in-out .1s;

	-moz-transition: 2s all ease-in-out .1s;

	-ms-transition: 2s all ease-in-out .1s;

	-o-transition: 2s all ease-in-out .1s;

	transition: 2s all ease-in-out .1s;

}

.fade-carousel .carousel-inner .item.active .hero {

	opacity: 1;

	-webkit-transition: 2s all ease-in-out .1s;

	-moz-transition: 2s all ease-in-out .1s;

	-ms-transition: 2s all ease-in-out .1s;

	-o-transition: 2s all ease-in-out .1s;

	transition: 2s all ease-in-out .1s;

}

.overlay {

	position: absolute;

	width: 100%;

	height: 100%;

	z-index: -1;

	background-color: rgba(8, 13, 21, 0.57);

	opacity: .7;

}



.btn.btn-lg {

	padding: 10px 40px;

}

.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {

	color: #f5f5f5;

	background-color: #1abc9c;

	border-color: #1abc9c;

	outline: none;

	margin: 20px auto;

}



.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 {

	height: 100vh;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

}

.fade-carousel .slides .slide-1 {

}

.fade-carousel .slides .slide-2 {

}

.fade-carousel .slides .slide-3 {

}

*/

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

/*          Media Queries       */

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

@media screen and (min-width: 980px) {

    .hero {
        width: 980px;
    }
}

@media screen and (max-width: 640px) {

    .hero h1 {
        font-size: 0em !important;
    }

    .navbar {
        /* position: relative; */
        /* min-height: 50px; */
        margin-top: 0px;
        margin-bottom: 10px;
        border: 1px solid transparent;
    }
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: -35px;
    padding-bottom: 20px;
    color: #fff;
    top: 28%;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

/*@media screen and (min-width:1024px){*/

.gallary_img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -1;
}

    .gallary_img img {
        text-align: center;
        min-height: 280px;
        margin: 0 auto;
        width: 100%;
        border: #f87151 13px solid;
    }

.gallary_img_1 {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -1;
}

    .gallary_img_1 img {
        text-align: center;
        min-height: 280px;
        margin: 0 auto;
        width: 100%;
        border: #000 13px solid;
    }

/*.over_bg {

    background: rgba(26, 25, 25, 0.81);



    position: absolute;

    z-index: 999999;

    top: 84%;

    height: 52px;

    color: #fff;

    text-align: center;

    padding: 10px;

    width: 89%;

}

*/





.over_bg {
    position: absolute;
    z-index: 1;
    /* left: 0; */
    top: 0px;
    width: 90%;
    margin-top: 94%;
    height: 20%;
    background: rgba(0, 0, 0, 0.78);
}

.over_bg__caption {
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    line-height: 1.3em;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.title_txt {
    font-size: 5rem;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 1.5625rem;
    font-family: 'Montserrat', sans-serif;
    word-break: break-word;
    word-wrap: break-word;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(5, 5, 5, 0.29);
}

.title_txt_2 {
    font-size: 3rem;
    letter-spacing: -1px;
    margin-bottom: 1.5625rem;
    font-family: 'Montserrat', sans-serif;
    word-break: break-word;
    word-wrap: break-word;
    color: #fff;
    text-shadow: 1px 1px 5px rgba(5, 5, 5, 0.29);
}

p.lead, .lead p {
    font-size: 2.5rem;
    font-weight: 300;
    margin-bottom: 2.3125rem;
    color: #333;
}

.mbr-cards .card-title {
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.2825;
}

.btn-primary:hover {
    color: #fff;
    background-color: #a07e49;
    border-color: #a07e49;
    box-shadow: none;
}

.card-block {
    padding-top: 0rem;
}

.card-btn {
    text-align: center;
}

.box_logo ul li {
    display: inline-block;
    padding: 10px 25px;
}

/*=========================

  Icons

 ================= */



/* footer social icons */

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0;
}

    ul.social-network li {
        display: inline;
        margin: 0 5px;
    }

/* footer social icons */

.social-network a.icoRss:hover {
    background-color: #F56505;
}

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
    background-color: #BD3518;
}

.social-network a.icoVimeo:hover {
    background-color: #0590B8;
}

.social-network a.instagram:hover {
    background-color: #c3309b;
}

.social-network a.youtube:hover {
    background: #F00;
    border-color: #230052
}

.mbr-footer-content p, .mbr-footer .mbr-contacts p {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 50px;
}

.social-network a.pinterest:hover {
    background: #cc2127;
    border-color: #780004
}

.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
    color: #fff;
}

a.socialIcon:hover, .socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 50px;
    height: 50px;
    border: #c0a375 2px solid;
    /* background: #ccc; */
    font-size: 20px; /* color: #000; */
}

.social-circle li i {
    margin: 0;
    line-height: 50px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    color: #000;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.social-circle li a:hover {
    background: #000;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 11px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0;
    /* margin: 2px 0 0; */
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #000;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.carousel-caption .span.btn-white-outline {
    border: 2px solid #fff;
}

@media (max-width: 767px) {

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

    .ipad_img_in img {
        padding-top: 25px;
    }

    .space_btn {
        margin-top: 0px;
    }

    .cleancode_block .nav-tabs li a {
        width: 160px !important;
        height: 160px !important;
    }

    .services_item_heading p:before {
        background-color: #fff;
    }

    .navbar {
        min-height: 20px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        border: 1px solid transparent;
    }

    .carousel-inner-1 img {
        width: 100%;
        margin-top: 93px !important;
    }
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    background: #fff;
    color: #858586;
    font-size: 1.1em;
    border: 1px dotted #71a041;
}

.inner_banner {
    /*   margin-top: 7%;*/
}

.bg_col_box {
    margin-top: 1px;
    /* margin-left: 0px; */
    color: #66447b;
    font-weight: bold;
    padding-top: 19px;
    /* padding-right: 15px; */
    /* padding-bottom: 193px; */
    min-height: 700px;
}
/*

* Style tweaks

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

.txt_black {
    color: #000;
}

    .txt_black h3 {
        color: #000;
        text-shadow: 1px 1px 5px rgba(5, 5, 5, 0.29);
    }

.txt_headling h4 {
    color: #060;
    font-weight: bold;
    font-size: 24px
}

.txt_headling_gallery h4 {
    color: #060;
    font-weight: bold;
    font-size: 24px
}

.boder_style {
    border-bottom: #b0afaf 1px dashed;
    border-right-width: thin;
}

/* matches */

.txt_black.participantes:nth-child(1) {
    margin-top: 45px;
}

.txt_black.participantes {
    margin-bottom: 15px;
    padding-bottom: 10px;
}

    .txt_black.participantes:not(:last-child) {
        border-bottom: 1px dashed #ccc;
    }

    .txt_black.participantes:first-child {
        border-top: 1px dashed #ccc;
    }

@media (min-width:601px) {

    .participantes .teams img {
        float: left;
    }

    .participantes .teams span.mt {
        float: left;
    }
}

@media (min-width:481px) and (max-width:768px) {

    .participantes .teams img {
        width: 45px !important;
    }

    .participantes .teams span.mt, .participantes .teams span.vs {
        line-height: 46px !important;
    }
}

@media (min-width:769px) and (max-width:1024px) {

    .participantes .teams img {
        width: 45px !important;
    }

    .participantes .teams span.mt, .participantes .teams span.vs {
        line-height: 46px !important;
    }
}

@media (max-width:600px) {

    .participantes .teams {
        width: 25% !important;
        text-align: center !important;
    }

    .txt_black.participantes h3 {
        font-size: 14px !important;
    }

    .participantes .timings {
        width: 28% !important;
    }

    .participantes .teams img {
        width: 45% !important;
        margin: 0 auto !important;
        display: block !important;
    }

    .participantes .teams span {
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: inherit !important;
    }

        .participantes .teams span.vs {
            width: 100% !important;
        }

        .participantes .teams span.mt {
            position: relative;
            margin: 0 auto 8px auto !important;
        }

            .participantes .teams span.mt:after {
                position: absolute;
                display: block;
                content: "";
                width: 22px;
                height: 23px;
                border-radius: 50px;
                top: 0px;
                border: 1px solid #f97352;
                left: 9px;
            }
}

.participantes .teams {
    width: 35%;
    float: left;
    margin-right: 20px;
    border-right: 1px dashed #ccc;
}

    .participantes .teams span.mt {
        font-size: 15px;
        text-align: center;
        padding: 0 25px 0 0;
        color: #000;
        font-weight: 600;
        width: 40px;
        display: block;
        text-align: left;
        line-height: 80px;
    }

    .participantes .teams span.vs {
        font-size: 20px;
        text-align: center;
        padding: 0 30px;
        color: #f97352;
        font-weight: 600;
        line-height: 80px;
        float: left;
    }

    .participantes .teams img {
        display: block;
    }

.participantes .timings {
    float: left;
    width: 35%;
    border-right: 1px dashed #ccc;
    margin-right: 20px;
}

.participantes .results {
    float: left;
}

.participantes .timings strong:nth-child(1) {
}

/* txt_black participantes feedback*/

.txt_black.participantes .feedback .form-group label {
    text-align: left !important;
}

.dropdown-menu > li.kopie > a {
    padding-left: 5px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu > a:after {
        border-color: transparent transparent transparent #333;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: " ";
        display: block;
        float: right;
        height: 0;
        margin-right: -10px;
        margin-top: 5px;
        width: 0;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #555;
    }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {

    .navbar-nav {
        display: inline;
    }

    .navbar-default .navbar-brand {
        display: inline;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }

    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;
        background-color: #428bca;
        border-radius: 4px;
        margin-top: 2px;
    }

    .dropdown-menu > li > a:hover {
        background: #09C;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            background-color: #428bca;
        }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }

    .dropdown-menu {
        padding-left: 10px;
    }

        .dropdown-menu .dropdown-menu {
            padding-left: 20px;
        }

            .dropdown-menu .dropdown-menu .dropdown-menu {
                padding-left: 30px;
            }

    li.dropdown.open {
        border: 0px solid red;
    }

    .feature-wrap_rectangle img {
        margin: 0 auto !important;
        float: none !important;
        text-align: -webkit-center;
    }
}

@media (min-width: 768px) {

    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }

    #navbar {
        text-align: center;
    }

    .navbar-nav > li > .dropdown-menu {
        /* margin-top: 30px;*/
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

/*new_css*/

.dropdown-menu > li > a {
    display: block;
    padding: 8px 20px;
    clear: both;
    border-bottom: 1px dotted #00008b;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}

.navbar-static-top {
    border-radius: 0;
    margin-top: 10px;
}

.navbar-default {
    background-color: #ffffff;
    border-color: #eee;
    background-color: #ffffff;
    border-color: rgba(231, 231, 231, 0) !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 0;
    color: #fff;
    position: relative;
    background-color: #003399;
}

/*.nav-tabs>li.active>a:after {

	position: absolute;

	content: "";

	width: auto;

	height: auto;

	border-style: solid;

	border-color: transparent transparent transparent #003399;

	top: 0;

	border-width: 25px 12px;

	right: -24px;

}*/

.dropdown-menu > li > a:hover {
    background-color: #006699;
    color: #fff;
    text-decoration: none;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #669900;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e700;
}

#feature {
    padding-bottom: 40px;
    background-color: #fff;
    background-size: cover;
}

    #feature h1 {
        color: #003366;
        text-align: center;
    }

#middle {
    background: #fff;
}

.skill h3 {
    margin-bottom: 14px;
    color: #003399;
    font-size: 28px;
}

.skill p {
    color: #4e4e4e;
}

.accordion h3 {
    color: #003399;
    font-size: 24px;
}

.accordion p {
    font-size: 1em;
}

.left_accordion h3 {
    color: #003399 !important;
}

.left_accordion p {
    font-size: 1em;
}

#waildlife {
    min-height: 300px;
}

    #waildlife p {
        font-size: 16px;
        color: #000;
    }

/*#waildlife .carousel-content {

	padding-top: 100px;

	padding-bottom: 100px;

}*/

/*.panel-body {

	color: #4e4e4e;

}

.accordion h2 {

	margin-bottom: 25px;

}

.panel-default {

	border-color: transparent;

}

.panel-default>.panel-heading, .panel {

	background-color: #e6e6e6;

	border: 0 none;

	box-shadow: none;

}

.panel-default>.panel-heading+.panel-collapse .panel-body {

	background: #f2f7ec;

	color: #858586;

	border: 1px dotted #71a041;

}

.panel-body {

	padding: 20px;

}

.panel-body p {

	font-size: 1em;

}

.panel-group .panel+.panel {

	margin-top: 0;

	border-top: 1px solid #d9d9d9;

}

.panel-group .panel {

	border-radius: 0;

}

.panel-heading {

	border-radius: 0;

}

.panel-title>a {

	color: #4e4e4e;

	text-decoration: none;

}

.accordion-inner img {

	border-radius: 4px;

	float: left;

	padding-right: 20px;

}

}

.accordion-inner h4 {

	margin-top: 0;

}

.panel-heading.active {

	background: #1f1f20;

}



.panel-heading.active .panel-title>a {

	color: #fff;

}

a.accordion-toggle i {

	width: 45px;

	line-height: 39px;

	font-size: 20px;

	margin-top: -10px;

	padding: 3px 5px;

	text-align: center;

	margin-right: -15px;

	background: #498e04;

	color: #fff;

}*/

/*.fa.pull-right {

    margin-left: .3em;

    color: #fff;

}*/

.panel-heading.active a.accordion-toggle i {
    background: #339900;
    color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i {
    background: #339900;
    color: #fff;
}

.nav-tabs > li {
    margin-bottom: 0px;
}

.nav-tabs {
    border-bottom: transparent;
    border-right: 1px solid #e6e6e6;
}

    /*.nav-tabs>li>a {

	background: #f5f5f5;

	color: #666;

	border-radius: 0;

	border: 0 none;

	font-size: 1.2em;

	line-height: 24px;

	margin-right: 0;

	padding: 13px 15px;

}*/

    .nav-tabs li:last-child {
        border-bottom: 0 none;
    }

.nav-stacked > li + li {
    margin-top: 0;
}

.nav-tabs > li > a:hover {
    color: #fff;
    background-color: #669900;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 0;
    color: #fff;
    position: relative;
    background-color: #003399;
}

/*.nav-tabs>li.active>a:after {

	position: absolute;

	content: "";

	width: auto;

	height: auto;

	border-style: solid;

	border-color: transparent transparent transparent #003399;

	top: 0;

	border-width: 25px 12px;

	right: -24px;

}*/

.center {
    text-align: center;
}

    .center h2 {
        font-size: 36px;
        margin-top: 0;
        margin-bottom: 10px;
        color: #333;
        color: #ffffff;
    }

.lead {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.space {
    padding-top: 30px;
}

#content.carousel-content.btn-slide {
    padding: 8px 20px !important;
    color: #fff;
    border-radius: 4px;
    margin-top: 25px;
    display: inline-block;
    background-color: #669900;
}

#content.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-body h2 {
    font-size: 16px;
}

#content .panel-default > .panel-heading a {
    display: block;
    padding: 10px 15px;
    background: #369;
    color: #fff;
}

    #content.panel-default > .panel-heading a:after {
        content: "";
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
        transition: transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
    }

    #content.panel-default > .panel-heading a[aria-expanded="true"] {
        background-color: #5cb85c;
        color: #fff;
    }

#content .panel-default > .panel-heading, .panel {
    background-color: #669933;
    border: 0 none;
    box-shadow: none;
    color: #fff;
}

    #content .panel-default > .panel-heading a[aria-expanded="true"]:after {
        content: "\2212";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    #content .panel-default > .panel-heading a[aria-expanded="false"]:after {
        content: "\002b";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

#content.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

    #content .accordion-option .title {
        font-size: 20px;
        font-weight: bold;
        float: left;
        padding: 0;
        margin: 0;
    }

    #content.accordion-option .toggle-accordion {
        float: right;
        font-size: 16px;
        color: #6a6c6f;
    }

        #content.accordion-option .toggle-accordion:before {
            content: "Expand All";
        }

        #content.accordion-option .toggle-accordion.active:before {
            content: "Collapse All";
        }

#content.panel-default > .panel-heading, .panel {
    background-color: #e6e6e6;
    border: 0 none;
    box-shadow: none;
}

#content.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
    color: #333;
}

    .media-left, .media-right, .media-body p {
        font-size: 1em;
        line-height: 21px;
        text-align: justify;
    }

.feature-wrap_rectangle {
    /*margin-bottom: 35px;*/
    overflow: hidden;
}

    .feature-wrap_rectangle img {
        max-height: 200px;
        width: 100%;
        height: 100%;
        margin: 3px;
        border-radius: 5%;
        background: #ffffff;
        color: #c52d2f;
        border: 3px solid #ffffff;
        box-shadow: 2px 2px 15px grey;
        float: left;
        margin-right: 25px;
        margin-bottom: 15px;
    }

@media (min-width: 768px) {

    .navbar-inverse {
        background-color: #000;
        border-color: #000;
    }

    .hero h1 {
        font-size: 7rem;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }

    .social-circle li a {
        width: 30px;
        height: 30px;
    }

    .social-circle li i {
        line-height: 50px;
    }

    .round_img .space {
        margin-top: 0px;
    }

    #msg-box3-5 {
        padding-top: 32px;
        padding-bottom: 60px;
    }

    .contact_img {
        float: right;
        padding-top: 0px;
    }

    .mbr-table-md-up {
        display: table;
    }

        .mbr-table-md-up .mbr-table-cell {
            display: table-cell;
        }

            .mbr-table-md-up .mbr-table-cell + .mbr-table-cell {
                padding-top: 0;
            }
}

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



.med_sec {
    background: url(../bg2.html) no-repeat;
    background-size: cover;
}

.left_accordion.carousel-content.btn-slide {
    padding: 8px 20px !important;
    color: #fff;
    border-radius: 4px;
    margin-top: 25px;
    display: inline-block;
    background-color: #669900;
}

.feature-wrap h4 {
    font-size: 1.8em !important;
}

.left_accordion.panel-default > .panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel-body h2 {
    font-size: 16px;
}

.left_accordion .panel-default > .panel-heading a {
    display: block;
    padding: 10px 15px;
    background: #000;
    color: #fff;
}

    .left_accordion.panel-default > .panel-heading a:after {
        content: "";
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
        transition: transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
    }

    .left_accordion.panel-default > .panel-heading a[aria-expanded="true"] {
        background-color: #5cb85c;
        color: #fff;
    }

.left_accordion .panel-default > .panel-heading, .panel {
    background-color: #006699;
    border: 0 none;
    box-shadow: none;
    color: #fff;
}

    .left_accordion .panel-default > .panel-heading a[aria-expanded="true"]:after {
        content: "\2212";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .left_accordion .panel-default > .panel-heading a[aria-expanded="false"]:after {
        content: "\002b";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.left_accordion.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}

.nav > li > a {
    position: relative;
    display: block;
    text-transform: uppercase;
    /* font-weight: 600; */
    font-size: .9em;
    padding: 8px 8px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    padding-left: 10px !important;
}

#header.form-control {
    display: block;
    height: 32px;
    padding: 0px 10px;
    font-size: 14px;
    border-top: none;
    border-left: none;
    border-right: none;
    background-image: none !important;
    border-bottom: 1px solid #00008b !important;
    border-radius: 0px;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */
    box-shadow: none;
}

.active-pink-2 input[type=text]:focus:not([readonly]) {
    border-bottom: 1px solid #f48fb1;
    box-shadow: 0 1px 0 0 #f48fb1;
}

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

.left_accordion .accordion-option .title {
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding: 0;
    margin: 0;
}

.left_accordion.accordion-option .toggle-accordion {
    float: right;
    font-size: 16px;
    color: #6a6c6f;
}

    .left_accordion.accordion-option .toggle-accordion:before {
        content: "Expand All";
    }

    .left_accordion.accordion-option .toggle-accordion.active:before {
        content: "Collapse All";
    }

.left_accordion.panel-default > .panel-heading, .panel {
    background-color: #e6e6e6;
    border: 0 none;
    box-shadow: none;
}

.left_accordion.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

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

.tab-content {
    padding: 20px;
}

.tab-wrap {
    border: 1px solid #86c149;
    margin-bottom: 20px;
    margin-top: 10px;
    box-shadow: 1px 1px 12px #a7c48bcc;
    background-color: rgb(242, 247, 236);
}

.media-body h2 {
    font-size: 18px;
    margin-top: 0;
    color: #333;
}

.testimonial h2 {
    font-size: 18px;
    margin-top: 0;
    color: #333;
}

.testimonial h2 {
    margin-bottom: 20px;
}

.testimonial-inner {
    color: #858586;
    font-size: 14px;
}

    .testimonial-inner p {
        padding-left: 15px;
    }

    .testimonial-inner .pull-left {
        border-right: 1px solid #e7e7e7;
        padding-right: 15px;
        position: relative;
    }

        .testimonial-inner .pull-left:after {
            content: "";
            position: absolute;
            width: 9px;
            height: 9px;
            top: 50%;
            margin-top: -5px;
            background: #FFF;
            -webkit-transform: rotate(45deg);
            border: 1px solid #e7e7e7;
            right: -5px;
            border-left: 0 none;
            border-bottom: 0 none;
        }

#partner {
    background-size: cover;
    background-image: url(../images/golden.html);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#partner {
    color: #fff;
    text-align: center;
}

    #partner h2, #partner h3 {
        color: #fff;
        text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
    }

.partners ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .partners ul li {
        display: inline-block;
        float: left;
        width: 20%;
    }

p.lead, .lead p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 2.3125rem;
    color: #fff;
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: #545252;
    font-size: 18px;
}

.gup {
    padding: 0px 10px;
}

#conatcat-info ul li {
    padding: 0px 10px;
    display: inline-block;
    text-align: center;
}

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

********* Footer ******

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

#bottom {
    background-image: url(../images/footbg.html);
    border-bottom: 5px solid #c52d2f;
    font-size: 14px;
}

    #bottom h3 {
        margin-top: 0;
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 22px;
        color: #000;
    }

    #bottom ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #bottom ul li {
            display: block;
            padding: 5px 0;
        }

            #bottom ul li a {
                color: #808080;
                text-decoration: none;
            }

                #bottom ul li a:hover {
                    color: #c52d2f;
                }

    #bottom .widget {
        margin-bottom: 0;
    }

#footer {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    background: #2e2e2e;
}

    #footer a {
        color: #fff;
    }

        #footer a:hover {
            color: #c52d2f;
            text-decoration: none;
        }

    #footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-decoration: none;
    }

        #footer ul > li {
            display: inline-block;
            margin-left: 15px;
        }

#feature p {
    color: #333;
    text-align: justify;
    line-height: 28px;
    font-size: 15px;
    font-family: 'Roboto Condensed', sans-serif;
}



#feature img {
    margin: 0px !important;
    width: auto !important;
    height: auto;
    max-width: 100%;
}

.bredcrumb_wrap {
    background: #669900;
    height: 35px;
}

.breadcrumb li.breadcrumb-item a {
    color: #fff !important;
}

.img-box {
    margin-top: 50px;
}

    .img-box img {
        margin-top: 50px;
        border-radius: 10px;
        border: 2px dotted #339901;
    }

.wildlife_space {
    padding-left: 0px;
}

    .wildlife_space ul {
        -webkit-padding-start: 0px;
    }

        .wildlife_space ul li {
            font-size: 1.2em;
            padding: 15px 10px;
            display: inline-block;
            color: #fff;
            text-shadow: 2px 2px 2px rgba(56, 53, 53, 0.76);
        }

            .wildlife_space ul li a {
                color: #fff;
                text-decoration: none;
            }

                .wildlife_space ul li a:hover {
                    color: #6cd602;
                    text-decoration: none;
                }

.fa-li {
    position: static !important;
    text-align: center;
    color: #fff;
    font-size: 1em;
}

    .fa-li a:hover {
        color: #6cd602;
    }

/* __________ Clean Code __________ */





.cleancode_block .tab-content {
    overflow: hidden;
    padding: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 40px;
    margin-left: 0;
}

#cleancode_block_ams h2.title {
    margin: 0 0 17px;
    font-weight: normal;
    line-height: 40px;
    font-size: 40px;
    color: #FFFFFF;
    font-family: 'Roboto Condensed', sans-serif;
    text-shadow: 1px 1px 1px #000;
}

#myTabContent.btn {
    margin: 0;
    border: 2px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #0099CC;
    text-shadow: none;
    background-image: none !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    padding-top: 10px;
    padding-right: 27px;
    padding-bottom: 10px;
    padding-left: 27px;
    background-color: #FFFFFF;
    font-family: 'Roboto Condensed', sans-serif;
}

.cleancode_block p.title b {
    font-weight: 500;
}

.cleancode_block p {
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #000000;
}

.cleancode_block .tab-pane {
    display: block;
    height: 0;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

    .cleancode_block .tab-pane.active {
        height: auto;
        transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
    }

.ie .cleancode_block .tab-pane {
    display: none;
}

    .ie .cleancode_block .tab-pane.active {
        display: block;
    }

.cleancode_block .nav-tabs {
    margin: 0 -15px;
    border: 0;
}

    .cleancode_block .nav-tabs li {
        margin: 0;
        padding: 0 15px;
    }

        .cleancode_block .nav-tabs li a {
            width: 160px;
            height: 160px;
            margin: 0;
            padding: 54px 0 0;
            text-align: center;
            border: 0 !important;
            border-radius: 0;
            transition: background-color 0.3s ease-in-out;
            -webkit-transition: background-color 0.3s ease-in-out;
        }

            .cleancode_block .nav-tabs li a i {
                display: block;
                width: 60px;
                height: 60px;
                margin: 0 auto;
                background-repeat: no-repeat;
                background-position: 0 -60px;
                background-size: 100% auto;
                -webkit-background-size: 100% auto;
                transition: transform 0.2s ease-in-out;
                -webkit-transition: -webkit-transform 0.2s ease-in-out;
            }

            .cleancode_block .nav-tabs li a.i1 i {
                background-image: url(../images/i1.png);
            }

            .cleancode_block .nav-tabs li a.i2 i {
                background-image: url(../images/i2.png);
            }

            .cleancode_block .nav-tabs li a.i3 i {
                background-image: url(../images/i3.png);
            }

            .cleancode_block .nav-tabs li a.i4 i {
                background-image: url(../images/i4.png);
            }

            .cleancode_block .nav-tabs li a.i5 i {
                background-image: url(../images/i5.png);
            }

            .cleancode_block .nav-tabs li a.i6 i {
                background-image: url(../images/i6.png);
            }

.nav-tabs li a:hover, .nav-tabs li a:focus {
    background-color: transparent;
}

.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    background-color: #fff;
    border-radius: 100px;
}

.nav-tabs li a:hover i {
    background-position: 0 -120px;
    transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.nav-tabs li.active a i {
    background-position: 0 0;
    transform: translateY(-16px);
    -o-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    -webkit-transform: translateY(-16px);
}

.cleancode_block .nav-tabs li a span {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    line-height: 15px;
    font-size: 14px;
    color: #003366;
    opacity: 0;
    transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.nav-tabs li.active a span {
    opacity: 1;
    transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
}
/* __________ Multi Purpose __________ */

.purpose_block p {
    margin-bottom: 26px;
    font-weight: 300;
    line-height: 26px;
    font-size: 17px;
    color: #666;
}

.purpose_block ul li {
    margin-bottom: 10px;
    line-height: 22px;
    font-size: 16px;
    color: #666;
    list-style-image: url(../images/arrow.jpg);
    margin-left: 30px;
}

.purpose_block .btn {
    margin-top: 30px;
    margin-right: 16px;
    background: #01a3e3;
    color: #fff;
}

.purpose_block .btn-active {
    overflow: hidden;
}

    .purpose_block .btn-active span:before {
        content: attr(data-hover);
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        text-transform: uppercase;
        text-align: center;
        line-height: 22px;
        font-size: 16px;
        color: #0099CC;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        font-weight: normal;
        font-family: 'RobotoBoldCondensed';
    }

    .purpose_block .btn-active:hover span:before {
        color: #fff;
    }

    .purpose_block .btn-active span {
        position: relative;
        display: inline-block;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .purpose_block .btn-active:hover span, .purpose_block .btn-active:focus span {
        color: #0099CC;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }

.purpose_block .ipad_img1 {
    margin-top: -116px;
}

/*	SHORTCODES

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

#waildlife {
    background: rgb(229, 238, 243);
    background: -moz-linear-gradient(top, rgba(157,190,207,1) 0%, rgba(157,190,207,1) 16%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(157,190,207,1)), color-stop(16%, rgba(157,190,207,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgb(229, 238, 243) 0%, rgb(229, 238, 243) 16%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(157,190,207,1) 0%, rgba(157,190,207,1) 16%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(157,190,207,1) 0%, rgba(157,190,207,1) 16%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgb(201, 219, 229) 20%, rgb(229, 238, 243) 40%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dbecf', endColorstr='#ffffff', GradientType=0 );
}

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

/*	OUR TEAM

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

#team {
    background-image: url(images/teambg2.jpg);
    background-size: cover;
    background-attachment: fixed !important;
    padding-right: 0;
    padding-left: 0;
}

    #team h2 {
        margin: 0 0 26px;
        line-height: 40px;
        font-size: 40px;
        font-family: 'Roboto Condensed', sans-serif;
        color: #003366;
        font-weight: 600;
    }

.crewman_item {
    position: relative;
    margin: 0 15px;
}

    .crewman_item .crewman_descr {
        position: absolute;
        z-index: 20;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        opacity: 0;
        background-color: rgba(0,0,0,0.5);
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    }

    .crewman_item:hover .crewman_descr {
        opacity: 1;
    }

    .crewman_item .crewman_descr .crewman_descr_cont {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        opacity: 0;
        transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
    }

    .crewman_item:hover .crewman_descr .crewman_descr_cont {
        opacity: 1;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

    .crewman_item .crewman_descr p {
        margin: 0 0 6px;
        font-weight: 300;
        line-height: 24px;
        font-size: 24px;
        color: #fff;
    }

    .crewman_item .crewman_descr span {
        color: #666;
    }

    .crewman_item .crewman_social {
        position: absolute;
        z-index: 30;
        left: 0;
        bottom: 0;
        width: 100%;
        opacity: 0;
        text-align: center;
        transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -webkit-transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }

    .crewman_item .crewman_view a {
        font-size: 16px;
        color: #000;
        font-family: 'Roboto Condensed', sans-serif;
        padding: 10px 15px;
        background-color: #FFFFFF;
        text-transform: uppercase;
    }

.crewman_view a:hover {
    color: #666;
}

.crewman_item .crewman_social a:hover {
    color: #fff;
    border-color: #fff;
}

.our_clients .client_img {
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

    .our_clients .client_img:hover {
        opacity: 1;
    }

#ascrail2000.nicescroll-rails {
    position: relative;
    top: 0px;
    float: right;
    width: 15px !important;
    height: 40% !important;
    background-color: rgba(51, 51, 51, 0) !important;
    border: 20px;
    background-clip: padding-box;
    border-radius: 0px !important;
    opacity: 15 !important;
}

#ascrail2000 div {
    background-color: rgba(51, 51, 51, 0) !important;
    display: none;
}

#ascrail2000.nicescroll-rails div {
    position: relative;
    top: 0px;
    float: right;
    width: 13px !important;
    height: 60% !important;
    background-color: rgba(51, 51, 51, 0) !important;
    border: 20px;
    background-clip: padding-box;
    border-radius: 0px !important;
    opacity: 15 !important;
}

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

/*	TESTIMONIALS

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

#news {
    padding: 75px 0 50px;
    background-image: url(images/clientsbg.jpg);
    background-size: cover;
}

.testimonials {
    margin-bottom: 77px;
}

.testim_content {
    font-weight: normal;
    line-height: 22px;
    font-size: 16px;
    color: #333;
}

.testim_author {
    padding-top: 46px;
    font-weight: normal;
    font-size: 16px;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
}

    .testim_author b {
        font-weight: normal;
        color: #666666;
    }

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

/*	FOOTER

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

#contacts {
    position: relative;
    z-index: 0;
    padding: 0;
    background: transparent;
}

footer {
    padding: 60px 0 10px; /*overflow: hidden;

	position: fixed;

	z-index: 1;

	bottom: 0;

	left: 50%;

	width: 100%;

	

	color: #fff;

	transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);*/
}

    footer h4 {
        line-height: 25px;
        font-size: 20px;
        color: #003399;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 30px;
        margin-left: 0;
    }

    footer p {
        font-size: 12px;
    }

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

/*	RECENT POSTS

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

.post_item_img {
    position: relative;
}

    .post_item_img:before {
        content: '';
        position: absolute;
        z-index: 25;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

.post_item:hover .post_item_img:before {
    background-color: rgba(0,0,0,0.8);
}

.post_item_content {
    padding: 23px 0 0;
}

    .post_item_content a.title {
        font-weight: normal;
        font-size: 20px;
        color: #333;
        font-family: 'Roboto Condensed', sans-serif;
        line-height: 24px;
        text-transform: uppercase;
    }

    .post_item_content p {
        padding-top: 10px;
    }

.post_item h3 {
    font-weight: normal;
    font-size: 24px;
    color: #006699;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 30px;
    text-transform: uppercase;
}

.post_item ul {
    padding-left: 20px;
}

.post_item_inf {
    padding-top: 2px;
}

    .post_item_inf li {
        display: inline-block;
        padding-right: 12px;
        color: #ccc;
    }

    .post_item_inf a {
        padding-right: 12px;
        font-weight: 300;
        font-size: 14px;
    }

.post_item_img a.link {
    position: absolute;
    z-index: 30;
    left: 50%;
    bottom: 30%;
    width: 60px;
    height: 36px;
    margin: 0 0 -18px -30px;
    opacity: 0;
    background-image: url(../images/zoom.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.post_item:hover .post_item_img a.link {
    bottom: 50%;
    opacity: 1;
}

.post_item_img a.link:hover {
    background-image: url(../images/zoom_h.png);
}

a:hover, a:focus {
    text-decoration: none;
    color: #999999;
}

/* __________ Footer About Block __________ */

.foot_about_block p {
    margin-bottom: 24px;
    padding-right: 71px;
    line-height: 20px;
    font-size: 12px;
    color: #333333;
}

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

/*	SOCIAL BUTTONS

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

.social li {
    display: inline-block;
    margin: 0 7px 10px 0;
}

    .social li a {
        display: block;
        width: 45px;
        height: 45px;
        border: 1px solid #ccc;
        text-align: center;
        line-height: 46px;
        font-size: 23px;
        color: #999999;
    }

        .social li a:hover {
            color: #003366;
            border-color: #006699;
        }

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

/*	CONTACT FORM

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

/* __________ Contact Form __________ */





.contact_btn {
    display: inline-block;
    cursor: pointer;
    margin: 0 7px 10px 0;
    padding: 13px 30px;
    border-radius: 0;
    box-shadow: 0;
    text-shadow: none;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    line-height: 20px;
    font-size: 13px;
    color: #003366;
    background: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background-color: #FFFFFF;
}

    .contact_btn.active, .contact_btn:hover {
        background: #006699;
        color: #fff;
        border-color: #ccc;
    }

.notification_error {
    color: #30a67c;
}

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

/*	BLOG

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

.single_page #blog {
    padding-top: 50px;
}

.blog_block hr {
    border-top: 2px solid #e9e9e9;
}

/* __________ Blog Post __________ */

.blog_post_img {
    overflow: hidden;
    float: left;
    position: relative;
    width: 470px;
    height: 369px;
    margin-right: 30px;
    background-color: #000;
}

    .blog_post_img img {
        width: auto;
        max-width: none;
        height: 100%;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

.blog_post:hover .blog_post_img img {
    opacity: 0.5;
}

.blog_post a.zoom {
    position: absolute;
    z-index: 30;
    left: 50%;
    bottom: 50px;
    width: 60px;
    height: 36px;
    margin: 0 0 -30px -30px;
    opacity: 0;
    background-image: url(../images/zoom.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    -webkit-background-size: 100% auto;
    transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.blog_post:hover a.zoom {
    bottom: 50%;
    opacity: 1;
}

.blog_post a.zoom:hover {
    background-image: url(../images/zoom_h.png);
}

.blog_post_descr hr {
    border-color: #e9e9e9;
    margin: 25px 0;
}

.blog_post_date {
    margin-top: -3px;
    text-transform: uppercase;
    line-height: 14px;
    font-size: 11px;
}

.blog_post_title {
    display: block;
    padding-bottom: 19px;
    line-height: 36px;
    font-size: 30px;
    color: #333;
}

    .blog_post_title:hover {
        color: #666;
    }

.blog_post_info li {
    position: relative;
    display: inline-block;
    padding-right: 22px;
}

    .blog_post_info li:before {
        content: '';
        position: absolute;
        right: 9px;
        top: 4px;
        height: 12px;
        width: 1px;
        background-color: #d3d3d3;
    }

    .blog_post_info li:last-child:before {
        display: none;
    }

    .blog_post_info li a {
        font-size: 14px;
    }

.blog_post_content {
    padding-bottom: 18px;
    line-height: 26px;
    font-size: 17px;
}

.blog_post .read_more_btn {
    font-weight: 500;
    font-size: 16px;
    color: #333;
}

    .blog_post .read_more_btn:hover {
        color: #666;
    }

/* __________ Pagination __________ */

.pagination {
    display: block;
    margin: 0 0 50px;
    padding: 0;
    border-radius: 0;
}

    .pagination li {
        float: left;
        width: 68px;
        height: 70px;
    }

        .pagination li a {
            float: none;
            display: block;
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: 900;
            text-align: center;
            line-height: 68px;
            font-size: 20px;
            color: #999;
        }

            .pagination li a:focus, .pagination li a:hover {
                background: none !important;
                color: #333 !important;
            }

        .pagination li.active a {
            border: 2px solid #333 !Important;
            font-size: 26px;
            color: #333 !important;
            background: none !important;
        }

/* __________ Single Blog Post __________ */

.single_blog_post_date {
    margin: -2px 0 -4px;
    line-height: 13px;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
}

.single_blog_post_title {
    padding-bottom: 12px;
    line-height: 40px;
    font-size: 30px;
    color: #333;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

.single_blog_post_info {
    padding-bottom: 3px;
    padding-top: 8px;
    background-color: #F0F0F0;
}

    .single_blog_post_info li {
        position: relative;
        display: inline-block;
        font-size: 14px;
        padding-top: 0;
        padding-right: 25px;
        padding-bottom: 4px;
        padding-left: 10px;
    }

        .single_blog_post_info li:before {
            content: '';
            position: absolute;
            right: 9px;
            top: 4px;
            height: 12px;
            width: 1px;
            background-color: #d3d3d3;
        }

        .single_blog_post_info li:last-child:before {
            display: none;
        }

        .single_blog_post_info li a {
            font-size: 14px;
            color: #04a3e5;
            font-weight: 400;
        }

.single_blog_post_img img {
    margin-bottom: 23px;
    width: 100%;
}

.single_blog_post_content {
    line-height: 26px;
    font-size: 17px;
}

/* __________ Single Blog Post Tags __________ */

.single_blog_post_tags li {
    display: inline-block;
    margin: 0 3px 5px 0;
}

    .single_blog_post_tags li a {
        display: block;
        padding: 9px 19px;
        font-size: 16px;
        border: 1px solid #e9e9e9;
        transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    }

        .single_blog_post_tags li a:hover {
            padding: 8px 18px;
            border: 2px solid #333;
        }

/* __________ Comments __________ */

#comments .avatar {
    overflow: hidden;
    margin: 3px 30px 0 0;
    width: 70px;
    height: 70px;
    border: 1px solid #efefef;
}

    #comments .avatar img {
        width: 100%;
    }

.comment_right {
    display: table;
}

.comment_info {
    padding-bottom: 11px;
}

#comments .comment_author {
    font-weight: 500;
    font-size: 16px;
    color: #333;
}

#comments .comment_date {
    color: #999;
    font-size: 11px;
}

#comments .comment_inf_sep {
    padding: 0 12px;
    font-size: 16px;
    color: #ccc;
}

#comments .comment_right p {
    font-size: 12px;
}

#comment_form textarea, #comment_form input[type="text"] {
    padding: 10px 8px 11px;
    border-color: #e9e9e9;
    text-transform: uppercase;
    font-size: 11px;
    color: #666;
}

#comment_form textarea {
    min-height: 140px;
}

#comment_form .contact_btn {
    background-color: #1c1c1c;
    color: #fff;
}

    #comment_form .contact_btn:hover {
        background-color: #ccc;
    }

.comment_note {
    padding-top: 11px;
    font-size: 12px;
}

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

/*	Portfolio Single

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

.single_page #portfolio {
    padding-top: 50px;
}

.portfolio_block hr {
    border-top: 2px solid #e9e9e9;
}

/* __________ Single Portfolio Post __________ */

.single_portfolio_post_title {
    padding-bottom: 20px;
    line-height: 40px;
    font-size: 40px;
    color: #333;
}

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

/*	SIDEBAR

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

.sidepanel {
    margin-bottom: 25px;
}

.sidebar hr {
    border-color: #e9e9e9;
    margin: 25px 0;
}

/* __________ Widjet Meta __________ */

.widget_meta li {
    position: relative;
    padding: 13px 10px 12px 30px;
    border-top: 1px solid #e9e9e9;
}

    .widget_meta li:last-child {
        border-bottom: 1px solid #e9e9e9;
    }

    .widget_meta li:before {
        content: '°';
        position: absolute;
        left: 10px;
        top: 20px;
        font-size: 27px;
        color: #ccc;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .widget_meta li:hover:before {
        color: #333;
    }

    .widget_meta li a {
        display: inline-block;
        line-height: 24px;
        font-size: 20px;
        color: #666;
    }

        .widget_meta li a:hover {
            color: #333;
        }

/* __________ Popular Tags __________ */

.widget_tags li {
    display: inline-block;
    margin: 0 3px 5px 0;
}

    .widget_tags li a {
        display: block;
        padding: 9px 19px;
        font-size: 16px;
        border: 1px solid #e9e9e9;
        transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    }

        .widget_tags li a:hover {
            padding: 8px 18px;
            border: 2px solid #333;
        }

/* __________ Text Widget __________ */

.widget_text p {
    line-height: 26px;
    font-size: 16px;
}

/* __________ Work Info __________ */

.work_info {
    padding-bottom: 25px;
}

    .work_info li {
        padding-bottom: 6px;
        font-size: 14px;
        color: #999;
    }

        .work_info li a {
            color: #333;
        }

/* __________ Shared __________ */

.shared li {
    display: inline-block;
    margin: 0 7px 10px 0;
}

    .shared li a {
        display: block;
        width: 50px;
        height: 50px;
        padding: 1px;
        border: 1px solid #e9e9e9;
        text-align: center;
        line-height: 46px;
        font-size: 23px;
        color: #ccc;
        transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
        -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    }

        .shared li a:hover {
            padding: 0;
            color: #333;
            border: 2px solid #242424;
        }

html {
    overflow-x: hidden;
}

.inner-silder-banner {
    background-size: cover;
    /* height: 300px;

    margin-top: 75px;*/
    background-position: bottom;
    position: relative;
}

section.inner-silder-banner:after {
    content: "";
    position: absolute;
    background: #00000038;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
}

section.inner-silder-banner .container {
    position: relative;
    z-index: 2;
}

.inner-silder-banner h2 {
    margin-top: 130px;
    font-size: 50px;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}

.ams {
    background-image: url(../images/slider/ams.jpg);
}



.hanaSap {
    background-image: url(../images/features/sap-hana-banner.jpg);
}

.implementation {
    background-image: url(../images/slider/implementation-banner.jpg);
    background-position: center;
}

.audit {
    background-image: url(../images/slider/audit.jpg);
    background-position: center;
}

.migration {
    background-image: url(../images/slider/migration.jpeg);
    background-position: center;
}

.dev {
    background-image: url(../images/slider/dev-banner.jpg);
    background-position: center;
}

.staffing {
    background-image: url(../images/slider/staffing.jpg);
    background-position: center;
}









.search_width {
    padding-left: 25px;
    padding-right: 42px;
}

.cleancode_block .nav-tabs2 {
    margin: 0 -15px;
    border: 0;
}

    .cleancode_block .nav-tabs2 li {
        margin: 0;
        padding: 0 15px;
    }

        .cleancode_block .nav-tabs2 li a {
            width: 350px;
            margin-bottom: 50px;
            padding: 10px;
            text-align: center;
            border: 0 !important;
            border-radius: 0;
            transition: background-color 0.3s ease-in-out;
            -webkit-transition: background-color 0.3s ease-in-out;
            display: block;
            float: left;
            background-color: #FFFFFF;
            border-radius: 5px;
            margin-right: 2px;
            font-family: 'Roboto Condensed', sans-serif;
            opacity: 0.7;
            color: #003366;
            font-size: 20px;
        }

#cleancode_block_ams {
    background: url(../images/bg1.jpg) no-repeat;
}

.cleancode_block .nav-tabs2 li a:hover {
    background-color: #66CCFF;
    border-radius: 5px;
    margin-right: 2px;
}

.cleancode_block .nav-tabs2 {
    margin: 0 -15px;
    border: 0;
}

#cleancode_block_ams .nav-tabs2 li {
    margin: 0;
    padding: 0 15px;
}

.cleancode_btn {
    display: inline-block;
    padding: 15px 25px !important;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    background: #fff;
    color: #00a4e3;
    font-family: 'Roboto Condensed', sans-serif;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid rgb(185, 181, 181);
    border-radius: 0px;
}

#cleancode_block_ams .nav-tabs2 li a {
    width: 350px;
    margin-bottom: 50px;
    padding: 10px;
    text-align: center;
    border: 0 !important;
    border-radius: 0;
    transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
    display: block;
    float: left;
    background-color: #FFFFFF;
    border-radius: 5px;
    margin-right: 2px;
    font-family: 'Roboto Condensed', sans-serif;
    opacity: 0.7;
    color: #003366;
    font-size: 20px;
}

    #cleancode_block_ams .nav-tabs2 li a:hover {
        background-color: #66CCFF;
        border-radius: 5px;
        margin-right: 2px;
    }

#casebg {
    padding-top: 70px;
    padding-bottom: 50px;
    background-image: url(../images/casebg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

    #casebg h2 {
        margin: 0 0 26px;
        line-height: 40px;
        font-size: 40px;
        font-family: 'Roboto Condensed', sans-serif;
        color: #003366;
    }

.bluebg {
    padding: 70px 0 50px;
    background: url(../images/bluelights.jpg) no-repeat;
    background-size: cover;
}

    .bluebg h2, .bluebg h3, .bluebg p {
        color: #FFF;
    }

#team {
    padding: 60px 0; /* this is the change */
}

#whitebg {
    background-image: url(../images/light_bluebg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

    #whitebg p {
        color: #FFFFFF;
    }

    #whitebg h2 {
        color: #FFFFFF;
        margin: 0px;
        line-height: normal;
    }

    #whitebg h3 {
        color: #fff;
        padding: 0px;
        text-transform: uppercase;
        font-size: 16px;
    }

#quicklinks {
    padding-top: 70px;
    padding-bottom: 50px;
    background-image: url(../images/quick.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

    #quicklinks a:hover {
        opacity: 0.7;
    }

#benefits {
    background: #000;
    background-size: cover;
    background: url(images/benefits.jpg);
}

    #benefits li {
        line-height: 30px;
        list-style-image: url(../images/check.png);
        list-style: none;
    }

        #benefits li:hover span {
            color: #fff;
            background: #00008b;
            cursor: pointer;
        }

        #benefits li span {
            background: #fff;
            margin: 15px;
            padding: 10px;
            border: 1px solid #dbdbdb;
            box-shadow: 0 0 10px #00000047;
            text-align: center;
            width: 100%;
            float: left;
        }

    #benefits h2 {
        margin: 0 0 26px;
        line-height: 40px;
        font-size: 40px;
        font-family: 'Roboto Condensed', sans-serif;
        color: #003366;
        font-weight: 600;
    }

.casebg {
    padding-top: 70px;
    padding-bottom: 50px;
    background-image: url(../images/casebg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.whitebg_btn {
    display: inline-block;
    padding: 15px 25px !important;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    background: #fff;
    color: #00a4e3;
    font-family: 'Roboto Condensed', sans-serif;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid rgb(185, 181, 181);
    border-radius: 0px;
}







.container {
    width: 95%;
}

.navbar-nav > li ul ul {
    list-style: none;
    position: absolute;
    float: right;
    left: 220px;
    background: #fff;
    top: inherit;
    display: none;
    margin-top: -30px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
    margin-left: -2px;
}

    .navbar-nav > li ul ul li {
        background-color: #fff;
    }

    .navbar-nav > li ul ul:before {
        content: none;
    }

    .navbar-nav > li ul ul a {
        border-left: 0px solid rgb(95, 176, 228);
        color: rgb(120, 120, 120);
        font-size: 1em;
        display: block;
        padding: 8px 20px;
        clear: both;
        border-bottom: 1px dotted #00008b;
        font-weight: normal;
        line-height: 1.42857143;
        white-space: nowrap;
    }

        .navbar-nav > li ul ul li.active a,
        .navbar-nav > li ul ul a:hover,
        .navbar-nav > li ul ul a:focus {
            background-color: #00008b;
            border-left-width: 5px;
            color: #fff;
            padding-left: 15px;
        }

.navbar-nav > li ul li:hover > ul,
.navbar-nav > li ul li:focus ul,
.navbar-nav > li ul li:active ul {
    display: block;
}



.owl-demo.owl-carousel.team_slider {
    display: block !important;
}

.item {
    float: left;
}

h2.heading2 {
    margin: 0 0 26px !important;
    line-height: 40px;
    font-size: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #003366;
}

footer {
    background: #f4f4f4;
    float: left;
}

.btn {
    margin-top: 30px;
    margin-right: 16px;
    background: #01a3e3;
    border: 4px solid #3483a7;
    color: #fff;
    opacity: 0.9;
}

    .btn:hover,
    .btn:focus,
    .btn.focus {
        color: #fff;
        text-decoration: none;
        opacity: 1;
        outline: 0px;
    }

.footer-pane {
    background: #555;
    color: #fff;
    float: left;
    width: 100%;
    height: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .footer-pane p {
        color: #fff;
        font-size: 12px;
        margin-bottom: 0;
        text-align: center;
        letter-spacing: 1px;
    }

        .footer-pane p a {
            color: #fff;
        }



            .footer-pane p a:hover {
                text-decoration: underline;
            }



.gray-bg {
    background: #f4f4f4;
}

.services h2,
.services h4 {
    text-align: center;
    letter-spacing: 1px;
    margin: 0 0 26px;
    font-size: 40px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    color: steelblue !important;
    text-shadow: none !important;
}

.services h4 {
    font-size: 18px;
    margin: 0px 0 5px 0;
    color: midnightblue !important;
}

.services p {
    text-align: center;
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 28px;
}

    .services p.sm-para {
        text-align: center;
        font-size: 16px;
        width: 72%;
        margin: 0 auto 40px;
    }

.services .col {
    margin: 15px;
    background: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border: 1px solid #dbdbdb;
    min-height: 345px !important;
}



.icon-sm {
    width: 100%;
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

    .icon-sm img {
        width: auto;
        height: 100px;
    }

    .icon-sm + h4 {
        color: #f6931c;
    }

.circle-icon {
    width: 150px;
    height: 150px;
    background: #00008b;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .circle-icon img {
        width: 100%;
    }

.nicescroll-rails {
    display: none !important;
}

.case-study-content h1 {
    margin-top: 0px;
    color: #01a3e3;
    text-shadow: 1px 1px 1px #000;
}

.case-study-content p {
    background: #fff;
    padding: 15px;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 10px;
    margin: 15px 0 0 0;
    border: 1px solid #dbdbdb;
}

.case-study-content a {
    margin-top: 15px;
}

.list-icon {
    list-style: none;
    display: block;
    width: 100%;
    padding-left: 20px;
}

    .list-icon li {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

        .list-icon li img {
            width: 30px;
            margin-right: 10px;
            float: left;
            vertical-align: bottom;
        }

/*.overlay{

	position: absolute;

	top:0;

	left:0;

	width: 100%;

	height: 100%;

	background:rgba(0, 0, 0, 0.5);

	display: none;

	z-index: 1;

	align-items: center;

	justify-content: center;

}

.overlay button{

	display: none;

}

.img-view{

	position: relative;

	float: left;

}

.img-view:hover .overlay,

.img-view:hover .overlay button{

	display: flex;

}*/

.img-view {
    margin-bottom: 30px;
}

.col ul {
    list-style: disc;
    list-style-position: outside;
    padding-left: 25px;
    margin-top: 20px;
    font-size: 14px;
}

.img-sm {
    width: 60px;
    height: 60px;
    float: left;
    background: #00008b;
    border-radius: 10px;
    font-size: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 15px #0000008a;
    margin-top: -20px;
}

.col2 {
    float: left;
    width: calc(100% - 60px);
    text-align: left;
    padding-left: 30px;
    margin-bottom: 40px;
    background: #fff;
    border-radius: 20px;
    margin-left: -20px;
    padding: 15px 0 15px 30px;
    border: 1px solid #00008b;
}

    .col2 h4 {
        text-align: left;
    }

    .col2 ul {
        padding-left: 15px;
        font-size: 14px;
    }

.list-icon li > span {
    float: left;
    width: calc(100% - 50px);
    padding-left: 5px;
    font-size: 15px;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-icon i {
    width: 40px;
    height: 40px;
    background: #00008b;
    color: #fff;
    border-radius: 50%;
    float: left;
    padding: 5px 8px;
    font-size: 30px;
    margin-right: 10px;
    box-shadow: 0 0 10px #000;
}

.list-icon li > span b,
.list-icon li > span p {
    width: 100%;
    float: left;
    text-align: left;
    margin: 0px;
}

.sm-heading {
    color:
}

.no-align p {
    text-align: left;
}

.inline-list li {
    display: inline-block;
    float: left;
    width: 50%;
}

.list-icon.icon i {
    width: 20px;
    height: 20px;
    background: none;
    color: #00008b;
    font-size: 20px;
    padding: 0px;
    box-shadow: none;
}

.banner-col {
    position: relative;
}

.overlay {
    width: 100%;
    height: 110vh;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
}

.banner-col .header-text {
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    z-index: 2;
    text-align: center;
    padding: 0 20%;
}

.banner-col h2,
.banner-col p {
    color: #fff
}

.banner-col button {
    padding: 10px !important;
    min-width: 50%;
    background: #00a2e3;
    color: #fff;
    margin-top: 10px;
    opacity: 0.8;
    cursor: pointer;
}

    .banner-col button:hover {
        opacity: 1;
    }

.carousel-indicators .active {
    background: #00a2e3;
    border-color: #00008b;
}

.bg-image-1 {
    background: url('images/fullscreen10.jpg') no-repeat center;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.centered {
    text-align: center;
}

.h6heading {
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: bold;
}

.aligncenter {
    float: none;
    display: inline-block;
    text-align: left;
}

.counter .col-md-4 {
    text-align: center;
}

.counter h1 {
    font-weight: 300;
    font-size: 5em;
    font-family: monospace;
    line-height: 1em;
    color: #fff;
    letter-spacing: 0;
    margin: 30px 0 15px 0;
}

.counter p {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    margin: 12px 0 0;
    line-height: 21px;
    color: #fff;
}

.doc-info {
    border: 1px solid #dbdbdb;
}



.multi-item-carousel .carousel-control {
    position: absolute;
    right: 15px !important;
    top: -67px !important;
    width: 40px;
    height: 40px;
    left: inherit;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .multi-item-carousel .carousel-control i {
        color: #fff;
        font-size: 30px;
        margin: 0;
    }

.multi-item-carousel .carousel-inner {
    margin-top: 0px;
    height: auto;
}

.multi-item-carousel .carousel-control.disabled {
    pointer-events: none;
    opacity: 0.2;
}

    .multi-item-carousel .carousel-control.disabled i {
        opacity: 0.7;
    }

.multi-item-carousel .carousel-control.left {
    right: 70px !important
}

.product-img-section img {
    width: 100%;
    height: 250px;
}

.more-info {
    background: #fff;
    width: 100%;
    padding: 15px;
    padding-bottom: 23px;
    text-align: center;
}

    .more-info h4 {
        float: left;
        text-transform: uppercase;
        color: #000;
        margin-top: 15px;
        font-size: 15px !important;
        width: 100%;
    }

    .more-info p {
        width: 100%;
    }

#carousel-whitepaper .blog-bottom.clearfix {
    padding: 0 15px;
}

.blog-bottom {
    border-top: 1px solid #f1f1f1;
    background: #fff;
    width: 100%;
    padding: 10px 10px 5px 10px;
    margin-bottom: 0px;
    position: relative;
}

.social-react {
    display: flex;
    align-items: center;
}

    .social-react button,
    .social-react span,
    .social-react .icon-wrap {
        flex: 1;
    }

    .social-react button {
        border: 2px solid #003366;
        max-width: 130px;
        background: #fff;
        font-size: 14px;
        font-weight: 600;
        color: #003366;
    }

        .social-react button:hover {
            background: #003366;
            color: #fff;
        }

    .social-react .icon-wrap i {
        font-size: 20px;
        color: #03A9F4;
        margin-right: 10px;
    }

    .social-react .icon-wrap {
        display: flex;
        padding: 5px 0;
    }

.doc-info a.img-wrap {
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden;
    float: left;
    width: 100%;
    height: 145px;
}

a.img-wrap:hover img {
    transform: scale(1.1);
}

p.sub-heading.full-pane {
    max-width: 100%;
}

p.sub-heading {
    display: block;
    max-width: 424px;
    font-weight: 500;
    font-size: 20px;
    padding-bottom: 31px;
    padding-right: 20px;
    line-height: 1.5;
}

textarea, select, input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="image"]) {
    background-color: #fff;
    border: 0;
    margin-right: 0;
    width: 100%;
    /* font: 15px 'Inconsolata', Georgia, "Times New Roman", Times, serif; */
    padding: 10px 10px 10px 18px;
}

.white-bg input, .white-bg textarea {
    border: 1px solid #d8d8d8;
    background: #f8f8f7;
}

input, textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

input, textarea, select {
    border: 1px solid #dbdbdb !important;
    float: none;
    display: block;
    -webkit-appearance: none;
    margin-bottom: 0px;
    color: #888;
    font-size: 15px;
}

span.plcholder {
    color: red;
    position: absolute;
    top: 6px;
    left: 23px;
    font-size: 20px;
}

.contact-section p.sm-para {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    font-weight: 500;
}

.contact-section h2 {
    margin-bottom: 10px;
}

.contact-section p,
.contact-section h2,
.contact-section h4 {
    text-align: left !important;
    float: left;
    width: 100%;
}

    .contact-section h4 a {
        color: #003366;
        font-size: 20px;
    }

.contact-section button {
    background: #fff;
    border: 2px solid #003366;
    padding: 10px 20px;
    color: #000;
}

    .contact-section button:hover {
        background: #003366;
        color: #fff;
    }

.text-left p,
.text-left h4 {
    text-align: left;
}

.contact-section h5 {
    width: 100%;
    float: left;
    font-size: 20px;
}

    .contact-section h5 i {
        width: 35px;
        height: 35px;
        background: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-right: 10px;
        border: 2px solid #555;
        box-shadow: 0 0px 9px #00000033;
    }

p.sm-para.or-heading {
    border-top: 2px solid #000;
    width: 128px;
    position: relative;
    margin: 10px 0 15px 0;
}

    p.sm-para.or-heading span {
        position: absolute;
        top: -12px;
        background: #fff;
        left: 40px;
        padding: 0 10px;
    }

.dealer-pro-module .row {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -4%;
    padding: 4%;
}

    .dealer-pro-module .row:nth-child(odd) {
        background: #f4f4f4;
    }

.dealer-pro-module img {
    width: 70%;
    margin: 0 auto;
    border: 2px solid #509607;
    border-radius: 22px;
    box-shadow: 0 0 15px #0000006b;
}

.inner-silder-banner p {
    font-size: 18px;
    color: #fff;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}





.notfound {
    background-image: url(images/404.png);
    background-position: right;
}



.airlines {
    background-image: url(../images/slider/airlines.jpeg);
    background-position: right;
}



.partner {
    background-image: url(../images/slider/partner.jpg);
    background-position: center;
}

.automotive {
    background-image: url(../images/slider/automotive.jpeg);
    background-position: right;
}

.consumer_goods {
    background-image: url(../images/slider/consumer_goods.jpg);
    background-position: right;
}

.engineering_goods {
    background-image: url(../images/slider/engineering_goods.jpg);
    background-position: right;
}

.manufacturing {
    background-image: url(../images/slider/manufacturing.jpg);
    background-position: right;
}

.media {
    background-image: url(../images/slider/media-slide.jpg);
    background-position: right;
}

.professional {
    background-image: url(../images/slider/professional.jpg);
    background-position: right;
}

.utility {
    background-image: url(../images/slider/utility.jpeg);
    background-position: right;
}

.resources {
    background-image: url(images/blog.jpg);
    background-position: right;
}

.about-us {
    background-image: url(../images/slider/about-us.jpg);
    background-position: right;
}

.csr {
    background-image: url(../images/slider/csr.jpg);
    background-position: center;
}



.product-col {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
}

    .product-col .col {
        width: 135px;
        float: left;
        height: 135px;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #00008b;
        margin: 10px;
        padding: 10px;
    }

    .product-col h4 {
        font-size: 14px;
        font-weight: normal !important;
    }

    .product-col .col:hover {
        background: #00a2e3;
        cursor: pointer;
    }

        .product-col .col:hover h4 {
            color: #fff !important;
        }

.modal-title {
    color: #00008b;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-brand {
    background: #00a2e3;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    border: 2px solid #008ac1;
    opacity: 0.8;
}

    .btn-brand:hover {
        color: #fff !important;
        opacity: 1;
    }

textarea {
    resize: none;
}

#CaseStudies h2,
#WhitePapers h2,
#blog h2,
#vision-and-mission h2 {
    margin-top: 0px;
}

.blog-col {
    float: left;
    width: 50%;
    position: relative;
    max-height: 320px;
    overflow: hidden;
}

    .blog-col img {
        width: 100%;
    }

    .blog-col .blog-info {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        background: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 100%;
        padding: 50px;
    }

    .blog-col:hover img {
        transform: scale(1.2);
        cursor: pointer;
    }

    .blog-col .blog-info h2 {
        color: #fff !important;
        margin: 0 0 20px 0;
    }

    .blog-col .blog-info p {
        font-size: 16px;
        color: #fff;
    }

.dealer-pro-module img:hover {
    transform: scale(1.5);
    cursor: pointer;
}

.banner-overlay .item {
}

    .banner-overlay .item:after {
        content: "";
        position: absolute;
        background: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0;
    }

.banner-overlay .header-text {
    position: absolute;
    left: 0;
    z-index: 2;
}

.col i.fa-bullseye {
    width: 40px;
    height: 40px;
    background: #00a2e3;
    color: #fff;
    border-radius: 50%;
    float: left;
    padding: 5px 8px;
    font-size: 30px;
    margin-right: 10px;
    box-shadow: 0 0 10px #000;
}

.col-md-4.insight-div {
    text-align: left;
    float: left;
    margin-bottom: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

    .col-md-4.insight-div h4 {
        text-align: left;
        margin-left: 30px;
        font-size: 15px;
        font-weight: normal !important;
    }

.insight-div i {
    float: left;
    font-size: 20px;
}

ul.services-col {
    list-style: none;
}



    ul.services-col li {
        float: left;
        width: 16.6%;
        padding: 15px;
    }

        ul.services-col li a {
            position: relative;
            float: left;
            width: 100%;
            overflow: hidden;
        }

            ul.services-col li a:hover img {
                transform: scale(1.1);
            }

            ul.services-col li a:hover h5 {
                color: #00008b;
            }

        ul.services-col li img {
            width: 100%;
            height: 100px;
            float: left;
        }

        ul.services-col li a h5 {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            background: rgba(0, 0, 0, 0.76);
            display: flex;
            align-items: center;
            font-size: 17px;
            color: #fff;
            justify-content: center;
            text-align: center;
        }

.col1 {
    padding: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    min-height: 245px;
    min-width: 100%;
}

.col-left {
    width: 70px;
    height: 70px;
    float: left;
    margin-bottom: 15px;
    background: #00008b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .col-left i {
        color: #fff;
        font-size: 40px;
    }

.col-right h3 {
    margin: 5px 0 5px 0;
    font-size: 18px;
    color: #00008b;
    letter-spacing: 1px;
}

.navbar-toggle {
    margin-top: 24px;
    margin-right: 0px;
}

.col-right {
    width: 100%;
    float: left;
}

    .col-right p {
        float: left;
        margin: 0;
        color: #333;
    }

.icons {
    float: left;
}

.next-to-icon {
    float: left;
    width: calc(100% - 100px);
    padding: 15px 0 15px 15px;
}

.services-wrap a {
    float: left;
    width: 100%;
    padding: 15px 15px 0 15px;
}

    .services-wrap a:hover {
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.44);
        border-radius: 10px;
    }

.next-to-icon p,
.next-to-icon h4 {
    text-align: left;
}

.next-to-icon p {
    color: #333;
    margin-bottom: 0px;
}

.next-to-icon h4 {
    color: #00008b !important;
}

.icons1 {
    WIDTH: 100PX;
    HEIGHT: 100PX;
    OVERFLOW: HIDDEN;
    FLOAT: LEFT;
    BORDER-RADIUS: 50%;
    border: 2px solid #dbdbdb;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.61);
}

    .icons1 img {
        height: 100px;
    }

.insight-col .col {
    width: 180px;
    height: 140px;
}

#benefits ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

#benefits li {
    padding: 0;
    width: 200px;
    height: 200px;
    margin-right: 35px;
}

    #benefits li:nth-child(1) span {
        background: green;
    }

    #benefits li:nth-child(2) span {
        background: red;
    }

    #benefits li:nth-child(3) span {
        background: orange;
    }

    #benefits li:nth-child(4) span {
        background: #007eff;
    }

    #benefits li span:hover {
        opacity: 0.9;
    }

    #benefits li span b {
        margin-bottom: 12px;
        font-size: 18px;
    }

    #benefits li span {
        margin: 0;
        opacity: 0.8;
        color: #fff;
        height: 100%;
        border-radius: 50%;
        line-height: 18px;
        font-size: 15px;
        border: 5px solid #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        justify-content: center;
    }

#counter-section {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
}

    #counter-section h2 {
        text-align: center;
        color: #fff;
        width: 100%;
        font-size: 3em;
        letter-spacing: 2px;
    }

    #counter-section h1 {
        text-align: center;
        font-size: 4em;
    }

    #counter-section p {
        text-align: center;
        font-size: 12px;
        line-height: 18px;
    }

.delivery-methodlozy .col-md-2 {
    width: 20%;
    padding: 0 2px;
}

    .delivery-methodlozy .col-md-2 .col {
        margin: 0px;
        padding: 0;
        min-height: 300px;
    }

        .delivery-methodlozy .col-md-2 .col h4 {
            margin-top: 0;
            background: #00a2e3;
            padding: 10px;
            color: #fff !important;
            min-height: 61px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .delivery-methodlozy .col-md-2 .col p {
            text-align: left;
            margin: 10px 10px 0 10px;
            line-height: 24px;
            font-size: 15px;
        }

        .delivery-methodlozy .col-md-2 .col p {
            background: url(images/arrow.jpg) no-repeat;
            padding-left: 25px;
            background-position: top left;
        }

.partners-col {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

    .partners-col .col {
        flex: 0 0 25%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 170px;
        position: relative;
        flex-wrap: wrap;
    }

        .partners-col .col span {
            text-align: center;
            font-size: 16px;
            position: absolute;
            bottom: 0px;
            background: #01a3e3;
            color: #fff;
            left: 0;
            width: 100%;
            padding: 10px 0px;
        }

        .partners-col .col img {
            width: 70%;
            opacity: 0.6;
            cursor: pointer;
        }

            .partners-col .col img:hover {
                opacity: 1;
            }

    .partners-col.portfolio-div .col {
        flex: 0 0 20%;
        min-height: 110px !important;
    }

.col-pane {
    float: left;
}

    .col-pane ul {
        list-style: none;
        float: left;
    }

        .col-pane ul i.fa-bullseye {
            width: 20px;
            height: 20px;
            font-size: 20px;
            background: #fff;
            color: #00008b;
            padding: 0px;
            box-shadow: none;
        }

.img-width {
    width: 80%;
    margin: 0 auto;
}

.row.counter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.multi-lang-col {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .multi-lang-col li {
        display: flex;
        width: 130px;
        height: 130px;
        color: #fff;
        margin: 10px;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
    }



        .multi-lang-col li:after {
            top: 0;
            left: 0;
            border-radius: 50%;
            width: 100%;
            height: 100%;
            content: "";
            position: absolute;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1;
        }

    .multi-lang-col span {
        z-index: 3;
        font-size: 18px;
    }

    .multi-lang-col li:nth-child(1) {
        background-image: url(images/britain.png)
    }

    .multi-lang-col li:nth-child(2) {
        background-image: url(images/india.png)
    }

    .multi-lang-col li:nth-child(3) {
        background-image: url(images/japan.png)
    }

    .multi-lang-col li:nth-child(4) {
        background-image: url(images/france.png)
    }

.flex-col .row {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .flex-col .row p {
        text-align: center;
    }

.img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .img-wrap img {
        flex: 1;
        border: 1px solid #dbdbdb;
        height: auto;
    }

.img-wrap1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .img-wrap1 img {
        flex: 1;
        border: 1px solid #dbdbdb;
        height: 250px;
    }

.img-col4 {
    width: 70%;
    border: 1px solid #dbdbdb;
    margin: 0 auto;
}

.custom-top {
    top: 17%;
}

.carousel-icon {
    width: 45px;
    height: 45px;
    background: #00008b;
    position: absolute;
    right: 0px !important;
    left: inherit;
    margin-top: -59px !important;
    margin-left: 20px;
    padding-top: 10px;
}

    .carousel-icon.left {
        right: 60px !important;
    }

    .carousel-icon span {
        font-size: 27px !important;
        padding: 0 20px !important;
        margin: 0;
        width: 50px !important;
        height: 50px !important;
    }

.carousel-inner > .item > img {
    width: 100vw;
}

.progress {
    height: 6px;
}

.progress-pane h5 {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    margin-bottom: 3px;
    font-family: 'RobotoRegular', sans-serif;
    line-height: 18px;
    font-weight: 400;
}

.para-col {
    width: 80%;
    text-align: justify !important;
    margin: 0 auto;
}

.progress-pane span {
    font-family: monospace;
    font-size: 14px;
    font-weight: 600;
}

.progress .progress-bar {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 5s;
    background: #2196F3;
}

@keyframes animateBar {

    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}



#brochure {
    padding: 75px 0 50px;
    background-image: url(images/brochure-bg.jpg);
    background-size: cover;
    position: relative;
}

    #brochure .container {
        width: 66%;
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }

        #brochure .container h2,
        #brochure .container p {
            color: #fff;
        }

    #brochure:before {
        width: 100%;
        height: 100%;
        position: absolute;
        content: "";
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.4);
    }

.esign-banner {
    width: 62%;
    margin: -37px auto 0;
}

.circle-icon i {
    color: #fff;
    font-size: 65px;
}

.digital-pane h4 {
    font-size: 16px;
}

.digital-pane .circle-icon {
    width: 120px;
    height: 120px;
}

.modal .btn {
    margin: 0 !important;
    padding: 7px 27px !important;
}

.callback-info {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000;
    cursor: pointer;
    width: 220px;
}

    .callback-info img {
        width: 100%;
    }

.modal-open .modal.fade.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.modal-content {
    border-radius: 0px;
}



#webinar-modal p {
    margin: 8px 0 20px 0 !important;
    /* display: inline-block; */
}



#webinar-modal .modal-body {
    position: relative;
    padding: 15px 15px 25px 0;
}

.tp-btn-wrp {
    width: 100%;
    text-align: center;
    float: left;
}

    .tp-btn-wrp a {
        display: inline-block;
        width: 30%;
    }

        .tp-btn-wrp a button {
            width: 100%;
        }

/*.g-recaptcha{

    display: none;

}*/



#onLoadModal h3,
#bookADemoABAPFactoryModal h3 {
    margin: 0 0 20px 0;
    font-size: 18px;
}

#onLoadModal .g-recaptcha,
#bookADemoABAPFactoryModal .g-recaptcha {
    margin-bottom: 15px;
}

#onLoadModal button,
#bookADemoABAPFactoryModal button {
    display: flex;
    margin: 0px auto !important;
}

.inner-silder-banner h2 > span {
    float: right;
}

.inner-silder-banner h2 .btn-sm {
    font-size: 14px;
    margin: 0 0 0 10px;
    min-width: 150px;
}

@media screen and (max-width: 1280px) {

    .custom-top {
        top: 22%;
    }
}

@media screen and (max-width: 1024px) {

    .blog-col {
        height: 280px;
    }

    .col1 {
        min-height: 280px;
    }

    .delivery-methodlozy .col-md-2 .col {
        height: 340px;
    }
}

@media screen and (max-width: 768px) {

    .carousel-inner {
        height: 40vh;
    }

    .delivery-methodlozy .col-md-2 .col {
        height: auto;
    }

    .carousel-inner img {
        height: 40vh;
    }

    .col1 {
        min-height: auto;
        padding: 0 0 20px 0;
    }

    .header-text h2 span {
        font-size: 30px;
        line-height: 25px;
    }

    .header-text h3 {
        margin-top: 0px;
        font-size: 14px;
    }

    ul.services-col li {
        width: 50%;
    }

    .blog-col {
        width: 100%;
        height: auto;
        max-height: auto;
    }

        .blog-col .blog-info {
            padding: 10px;
        }

            .blog-col .blog-info h2 {
                font-size: 20px;
                margin-bottom: 10px;
                margin-top: 0 !important
            }

            .blog-col .blog-info p {
                font-size: 14px;
                line-height: normal;
            }

    .next-to-icon {
        width: 100%;
        text-align: center;
    }

    .contact_img_logo {
        margin-top: 0px;
    }

    .navbar-collapse {
        padding: 0px;
    }

    .nav > li > a {
        padding: 10px !important;
    }

    .container {
        width: 100%;
    }

    .services p.sm-para {
        width: 100%;
    }

    .services-wrap a {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .next-to-icon h4,
    .next-to-icon p {
        text-align: center;
    }

    .img-col {
        width: 100% !important;
    }

    .partners-col.portfolio-div .col {
        flex: 0 0 30%
    }

    .delivery-methodlozy .col-md-2 {
        width: 100%;
    }

        .delivery-methodlozy .col-md-2 .col {
            min-height: auto;
            margin-bottom: 20px;
            padding-bottom: 10px;
        }

    .navbar-nav > li ul ul {
        z-index: 1;
        left: 0px;
    }

    .custom-top {
        top: -10px;
    }

    .multi-lang-col li {
        margin: 2px;
        width: 80px;
        height: 80px;
    }

        .multi-lang-col li span {
            font-size: 12px;
            padding: 2px;
            line-height: 14px;
        }

    .flex-col .row {
        display: block;
    }

    .img-wrap,
    .img-wrap1 {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

        .img-wrap img,
        .img-wrap1 img {
            width: 140px;
            height: 140px;
            display: inline-block;
            border-radius: 50%;
            margin-bottom: 20px;
        }

    .img-col4 {
        width: 100%;
    }

    .banner-col .header-text {
        padding: 0 10px;
    }

    .tp-btn-wrp a {
        display: inline-block;
        width: auto;
    }

    .modal-open .modal.fade.in {
        display: block !important;
    }
}

@media screen and (max-width: 620px) {

    ul.services-col li {
        width: 100%;
    }

    .partners-col .col {
        flex: none;
    }

    .partners-col.portfolio-div .col {
        flex: none;
        min-height: 110px;
        min-width: 100%;
        max-width: 100%;
    }

    #benefits ul {
        display: block;
        margin: 0 auto;
    }

        #benefits ul li {
            margin: 0px auto 20px;
        }

    #client-Carousel .item span {
        height: 100px;
    }

        #client-Carousel .item span img {
            width: 90%;
        }

    .row.counter {
        display: block;
    }

    .dealer-pro-module .row {
        display: block;
    }

        .dealer-pro-module .row img {
            margin: 20px auto;
        }

    .inline-list li {
        width: 100%;
    }
}



/*---------------------------Start Top Menu---------------------*/





.menu {
    list-style: none;
    margin: 10px 0px 0px 0px;
    padding: 0;
    background: transparent;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    border-bottom: 0px;
}

    .menu li {
        list-style: none;
    }

        .menu li ul {
            display: none;
        }

    .menu > li {
        display: block;
        margin: 0;
        padding: 0;
        border: 0px;
        float: left;
    }

    .menu li a {
        color: #c0c0c0;
    }

    .menu > li > a {
        display: block;
        position: relative;
        margin: 0;
        border: 0px;
        padding: 18px 12px 18px 12px !important;
        text-decoration: none;
        font-size: 15px !important;
        font-weight: 300;
        text-transform: uppercase;
        color: rgb(120, 120, 120);
    }







    .menu li a i {
        padding-right: 5px;
        color: #FF5737;
    }

    .menu > li > a i {
        font-size: 16px;
        text-shadow: none;
        color: #FF5737;
    }

    .menu li ul.sub-menu li a i {
        padding-right: 10px;
    }

    .menu li.current-menu-item > a {
        background: white !important;
        color: darkblue !important;
    }

    .menu li .current-menu-item {
        position: relative;
    }

    .menu > li > a > .arrow:before {
        margin-left: 15px;
        display: inline;
        font-size: 16px;
        font-family: FontAwesome;
        height: auto;
        content: "\f107";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
    }

    .menu li ul.sub-menu li > a > .arrow:before {
        content: "\f105" !important;
    }

    .menu > li > ul.sub-menu {
        display: none;
        list-style: none;
        clear: both;
        margin: 0;
        position: absolute;
        
    }

    .menu li ul.sub-menu 
    {
        background: #eeeeee;

    }

        .menu li ul.sub-menu > li {
            width: 225px;
        }

        .menu li ul.sub-menu li a {
            display: block;
            margin: 0px 0px;
            padding: 12px 20px 12px 15px;
            text-decoration: none;
            font-size: 15px;
            font-weight: normal;
            background: none;
            color: #333;
        }

    .menu > li > ul.sub-menu > li {
        position: relative;
        width: 300px;
    }

        .menu > li > ul.sub-menu > li ul.sub-menu {
            position: absolute;
            left: 300px;
            top: 0px;
            display: none;
            list-style: none;
        }



            .menu > li > ul.sub-menu > li ul.sub-menu > li {
                position: relative;
                width: 300px;
            }



                .menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
                    position: absolute;
                    left: 300px;
                    top: 0px;
                    display: none;
                    list-style: none;
                }

    .menu > li > ul.sub-menu li > a > .arrow:before {
        float: right;
        margin-top: 1px;
        margin-right: 0px;
        display: inline;
        font-size: 16px;
        font-family: FontAwesome;
        height: auto;
        content: "\f104";
        font-weight: 300;
        text-shadow: none;
    }



/* Menu Toggle Btn

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

.menu-toggle {
    display: none;
    float: right;
    width: auto;
    background: transparent !important;
}

    .menu-toggle h3 {
        float: left;
        color: #FFF;
        padding: 0px 10px;
        font-weight: 600;
        font-size: 16px;
    }

    .menu-toggle .icon-bar {
        display: block !important;
        width: 18px;
        height: 2px;
        background-color: #F5F5F5 !important;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        margin: 3px;
    }

        .menu-toggle .icon-bar:hover {
            background-color: #F5F5F5 !important;
        }

    .menu-toggle #menu-btn {
        float: right;
        background: #202020;
        border: 1px solid #0C0C0C;
        padding: 8px;
        border-radius: 5px;
        cursor: pointer;
        margin: 10px;
    }

.hide-menu {
    display: none;
}





/* Accordion Menu Styles

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



ul[data-menu-style="accordion"] {
    width: 250px;
}

    ul[data-menu-style="accordion"] > li {
        display: block;
        margin: 0;
        padding: 0;
        border: 0px;
        float: none !important;
    }

        ul[data-menu-style="accordion"] > li:first-child {
            border-top: 2px solid #FD5025;
        }

    ul[data-menu-style="accordion"] li ul.sub-menu > li {
        width: 100%;
    }

    ul[data-menu-style="accordion"] > li > a > .arrow:before {
        float: right;
        content: "\f105";
    }

    ul[data-menu-style="accordion"] li.menu-active > a > .arrow:before {
        content: "\f107" !important;
    }

    ul[data-menu-style="accordion"] > li > ul.sub-menu {
        position: static;
    }

    ul[data-menu-style="accordion"] > li > a i {
        padding-right: 10px;
        color: #FF5737;
    }

    ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu {
        position: static;
    }

        ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
            position: static;
        }

    ul[data-menu-style="accordion"] > li {
        border-bottom: 1px solid #242424;
    }

    ul[data-menu-style="accordion"] li a:hover {
        background: #272727 !important;
    }

    ul[data-menu-style="accordion"] ul.sub-menu li.menu-active > a > .arrow:before {
        content: "\f107" !important;
    }



/* Vertical Menu Styles

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



ul[data-menu-style="vertical"] {
    width: 200px;
}

    ul[data-menu-style="vertical"] > li {
        float: none;
    }

        ul[data-menu-style="vertical"] > li:first-child {
            border-top: 2px solid #FD5025;
        }

    ul[data-menu-style="vertical"] li ul.sub-menu > li {
        width: 100%;
    }

    ul[data-menu-style="vertical"] > li > a > .arrow:before {
        float: right;
        content: "\f105";
    }

    ul[data-menu-style="vertical"] > li.menu-active {
        position: relative;
    }

    ul[data-menu-style="vertical"] > li > ul.sub-menu {
        position: absolute;
        left: 200px;
        top: 0px;
        width: 200px;
    }

    ul[data-menu-style="vertical"] > li > a i {
        padding-right: 10px;
        color: #FF5737;
    }

    ul[data-menu-style="vertical"] > li > ul.sub-menu > li ul.sub-menu {
        position: absolute;
        width: 200px;
        left: 200px;
    }

        ul[data-menu-style="vertical"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
            position: absolute;
            width: 200px;
            left: 200px;
        }

    ul[data-menu-style="vertical"] > li {
        border-bottom: 1px solid #242424;
    }

    ul[data-menu-style="vertical"] li a:hover {
        background: #272727 !important;
    }



/* Responsive Menu Styles

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

/*Note: change the max-width asper your requirment and change the same in aceResponsiveMenu({resizeWidth: "768" }) function*/



@media screen and (max-width: 768px) {

    .demo {
        width: 96%;
        padding: 2%;
    }

    ul[data-menu-style="vertical"], ul[data-menu-style="accordion"],
    ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    }

    .menu {
        float: left;
        width: 100%;
    }

        .menu > li {
            border-bottom: 1px solid #242424;
            float: none;
        }

        .menu li a:hover {
            background: #333 !important;
        }

        .menu > li:first-child {
            border-top: 2px solid #FD5025;
        }

        .menu > li > a i {
            padding-right: 10px;
            color: #FF5737;
        }

        .menu > li > a > .arrow:before {
            float: right;
            content: "\f105";
        }

    li.current-menu-item > a > .arrow:before {
        content: "\f107" !important;
    }

    .menu li ul.sub-menu > li {
        width: 100%;
    }

    .menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 30px;
    }

    .menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 50px;
    }

    .menu > li > ul.sub-menu {
        position: static;
    }

        .menu > li > ul.sub-menu > li ul.sub-menu {
            position: static;
        }

            .menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu {
                position: static;
            }

    .menu li ul.sub-menu li.menu-active > a > .arrow:before {
        content: "\f107" !important;
    }
}



/*---------------------------End Top Menu---------------------*/

#tpcarouselpro-1111.owl-carousel {
    padding: 0px 0px !important;
}

#tpcarouselpro-1111 .owl-item .tps-slider-thumb img {
    height: 165px !important;
}

#tpcarouselpro-1111 .owl-item {
    border-bottom: 7px solid #ccc;
}

#tpcarouselpro-1111 .tps_single_slider_items_category {
    background: #00008b !important;
}

    #tpcarouselpro-1111 .tps_single_slider_items_category a {
        color: #fff !important;
    }

#tpcarouselpro-1111 .tps_single_slider_items .tps_single_excerpt_area > a:hover {
    color: #003366 !important;
}