/*--
	Author:W3layouts
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
--*/

@tailwind base;
@tailwind components;
@tailwind utilities;


html,
body {
    margin: 0;
    font-size: 100%;
    background: #fff;
    font-family: 'Raleway', sans-serif;
    scroll-behavior: smooth;
    font-family: 'Josefin Sans', sans-serif;
    overflow: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */
}

/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #333;
}

body a {
    text-decoration: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

a:hover {
    text-decoration: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    letter-spacing: 1px;
    font-weight: 600;
}

p {
    font-size: 0.9em;
    color: #777;
    line-height: 1.9em;
    letter-spacing: 1px;
    margin-bottom: 0;
}

ul {
    margin: 0;
    padding: 0;
}


.breadcrumb,
ol {
    margin-bottom: 0 !important;
}

/* header */

.header-agile {
    margin-right: 3em;
}

a.navbar-brand {
    font-size: 1em;
    color: #fff;
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
}

a.navbar-brand.logo span.fa {
    color: #fff;
}


/* CSS Document */
header {
    /* position: absolute; */
    z-index: 9;
    width: 100%;
    padding: 2rem 0;
}

.invoice-box {
    max-width: 800px;
    margin: auto;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}


@media print {
    .no-print {
        display: none !important;
    }
}





.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */
nav {
    margin: 0;
    padding: 0;
}


/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
    content: "";
    display: table;
    clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

/* Positioning the navigation items inline */
nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
}

/* Styling the links */
nav a {
    text-transform: capitalize;
    color: #fff;
    letter-spacing: 1px;
    font-size: 17px;
    font-weight: 400;
    display: block;
    padding: 10px 15px;
}


nav ul li ul li:hover {
    background: #f8f9fa;
}

nav a:hover {
    color: #fff;
}

.menu li.active a {
    color: #00BCD4;
    background: transparent;
}

.inner-dropdown li a {
    color: #333 !important;
}

.inner-dropdown li.active a {
    color: #00BCD4 !important;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
    display: none;
    position: absolute;
    /* has to be the same number as the "line-height" of "nav a" */
    top: 30px;
    background: #fff;
    padding: 10px;
}

ul.inner-dropdown a:hover {
    color: #333;
}

/* Display Dropdowns on Hover */
nav ul li:hover>ul {
    display: inherit;
}

/* Fisrt Tier Dropdown */
nav ul ul li {
    width: 160px;
    float: none;
    display: list-item;
    position: relative;
}

nav ul ul li a {
    color: #333;
    padding: 5px 10px;
    display: block;
    font-size: 16px;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 170px;
}


/* Change ' +' in order to change the Dropdown symbol */
li>a:only-child:after {
    content: '';
}


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 992px) {

    #logo {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
        float: none;
    }

    nav {
        margin: 0;
    }

    .header-agile {
        margin-right: 0;
        text-align: center;
    }

    nav ul {
        width: 100%;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle+a,
    .menu {
        display: none;
    }

    /* Stylinf the toggle lable */
    .toggle {
        display: block;
        padding: 6px 18px;
        font-size: 20px;
        text-decoration: none;
        border: none;
        float: left;
        background-color: #fff;
        color: #333;
        cursor: pointer !important;


    }

    .menu .toggle {
        float: none;
        text-align: center;
        margin: auto;
        width: 80%;
        padding: 5px;
        font-weight: normal;
        font-size: 15px;
        letter-spacing: 1px;
    }

    .toggle:hover {
        color: #333;
        background-color: #fff;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked+ul {
        display: block;
        background: #f7f7f7;
        padding: 15px 0;
        text-align: center;
    }

    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
        padding: 0px 0;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: transparent;
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 14px 20px;
        color: #FFF;
        font-size: 17px;
    }

    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover>ul,
    nav ul li:hover>ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */

    }

    nav a {
        color: #333;
    }

    nav a:hover {
        color: #333;
    }

    .menu li.active a {
        color: #333;
    }

    nav ul ul li a {
        display: inline-block;
        font-size: 15px;
    }

    ul.inner-dropdown {
        padding-bottom: 0 !important;
        padding-top: 8px !important;
    }


    .nav_w3ls {
        float: left;
        width: 59%;
    }

    nav ul {
        float: left;
    }

    nav ul.menu ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    .buttons {
        float: right;
        width: 40%;
    }
}

@media all and (max-width : 330px) {

    nav ul li {
        display: block;
        width: 94%;
    }

}

/*-- //header --*/

form.newsletter {
    background: transparent;
    padding: 0.3em;
    border: 2px solid #fff;
    display: flex;
}

.form-w3pvt-grid {
    display: flex;
}

.form-w3pvt-grid li {
    list-style: none;
}

a.user {
    font-size: 1.3em;
    color: #fff;
    line-height: 2em;
    margin-right: 1em;
}

.form-w3pvt-grid .search {
    outline: none;
    padding: 6px 10px;
    font-size: 14px;
    color: #fff;
    width: 85%;
    background: transparent;
    text-transform: capitalize;
    border: none;
    letter-spacing: 2px;
    float: left;
}

.form-w3pvt-grid button.btn {
    color: #fff;
    border: none;
    padding: 6px 0px;
    text-transform: uppercase;
    text-decoration: none;
    background: transparent;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    float: right;
    cursor: pointer;
    width: 15%;
    font-size: 14px;
    text-align: center;
}

/*-- //header --*/
/*--/banner --*/
.main-banner {
    background-image: url(../images/banner.webp);
    background-repeat: repeat-x;
    animation: slideleft 20000s infinite linear;
    -webkit-animation: slideleft 30000s infinite linear;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-attachment: fixed;
    position: relative;
    min-height: 50em;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0.7);
    min-height: 50em;
}

.banner-info {
    position: relative;
    width: 50%;
    /* padding: 1rem 0 !important;
    height: 29rem;
    margin-bottom: 2rem !important; */
}

@media(max-width:768px) {
    .banner-info:first-child {

        padding-top: 7rem !important;
        padding-bottom: 1.7rem !important;
    }

    .banner-info:last-child {

        padding: 0 2rem 3rem 2rem;
    }
}

.banner-info h3 {
    color: #fff;
    display: inline-block;
    font-size: 3.5em;
    text-transform: capitalize;
    font-weight: 300;
    letter-spacing: 2px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
}

.banner-info p {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 2px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    font-family: 'Playfair Display', serif;
    font-style: italic;
    margin: 2em 0 1em 0;
    color: #fff;
}

.banner-info input[type="email"],
.banner-info input[type="number"] {
    outline: none;
    padding: 15px 15px;
    color: #333;
    font-size: 14px;
    text-transform: capitalize;
    width: 55%;
    border: none;
    letter-spacing: 2px;
    float: left;
}

.banner-info button.btn {
    width: 19%;
    margin-left: 1%;
    background: #7872f8;
    color: #fff;
    border: none;
    font-size: 14px;
    padding: 15px;
    letter-spacing: 2px;
    font-weight: 500;
    float: left;
    cursor: pointer;
    border-radius: 0;
}

/*-- slide --*/

@keyframes slideleft {
    from {
        background-position: 0%;
    }

    to {
        background-position: 90000%;
    }
}

@-webkit-keyframes slideleft {
    from {
        background-position: 0%;
    }

    to {
        background-position: 90000%;
    }
}

/*--//banner --*/
/* about */
.main-img {
    position: relative;
}

.main-img img {
    border: 11px solid #f5f5f5;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.08), 0 5px 8px 0 rgba(0, 0, 0, 0.12), 0 1px 14px 0 rgba(0, 0, 0, 0.06);
}

.pos-aboimg2 {
    position: absolute;
    bottom: -70%;
    left: -23%;
}

/* about right */
h3.title-w3pvt {
    text-shadow: 2px 2px 2px rgba(41, 41, 41, 0.15);
    font-size: 3em;
    font-weight: 400;
    color: #333;
}

h4.sub-tittle {
    color: #f0546a;
    font-size: 18px;
}

a.btn.button-style-2 {
    background: #17181b;
    padding: 12px 30px;
    border: none;
    color: #fff;
    font-size: 13px;
    letter-spacing: 2px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-transform: uppercase;
}

a.btn.button-style-2:hover,
.banner-info button.btn:hover {
    opacity: 0.9;
}

/* //about right */
/* //about */

/*-- facts --*/
.facts {
    background: #f6f6f6;
}

.facts span.fa {
    display: block;
    font-size: 40px;
    color: #7872f8;
    margin: 0;
    font-weight: normal;
}

.facts span {
    font-size: 30px;
    margin: .5em 0;
    display: block;
    font-weight: 600;
}

.facts h4 {
    font-size: 1.3em;
    line-height: 28px;
    color: #666;
    font-weight: 400;
}

.stats-grid {
    background: #fff;
    padding: 1.5em 2em;
    text-align: center;
    border-right: 6px solid #f6f6f6;
}

/*-- //facts --*/
.bottom-w3layouts-left {
    position: relative;
}

h4.text-w3pvt {
    position: absolute;
    bottom: 30%;
    font-size: 2em;
}

h4.text-w3pvt {
    position: absolute;
    bottom: 30%;
    font-size: 2em;
    color: #fff;
    left: 10%;
    font-weight: 300;
}

h4.text-w3layouts {
    right: 10%;
    position: absolute;
    bottom: 30%;
    font-size: 2em;
    color: #fff;
    font-weight: 300;
}

/*-- team --*/
/*--/services --*/
.benifit-w3layouts-info {
    font-size: 1em;
    color: #4b4c4c;
    letter-spacing: 2px;
}

.benifit-icon {
    background: #f4f6f9;
    width: 70px;
    height: 70px;
    text-align: center;
}

.benifit-icon span {
    font-size: 1.5em;
    line-height: 3em;
    color: #7872f8;
}

.benifit-w3layouts-info h4 {
    font-size: 1.2em;
}

/*--//services --*/
/*********************** Demo - 13 *******************/
#team {
    background: #f7f7f7;
}

.box13 {
    position: relative;
    transition: all .2s ease-out 0s;
    text-align: center;
}

.box13 .box-content,
.box13:after {
    position: absolute;
    left: 20px;
    right: 20px
}

.box13:after {
    content: "";
    display: block;
    background: #000;
    top: 20px;
    bottom: 20px;
    opacity: 0;
    transform: rotate3d(-1, 1, 0, 100deg);
    transition: all .4s ease-in-out 0s
}

.box13:hover:after {
    opacity: .9;
    transform: rotate3d(0, 0, 0, 0deg)
}

.box13 img {
    width: 100%;
    height: auto
}

.box13 .box-content {
    top: 45%;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(10%, -30%);
    transform: translate(10%, -30%);
    transition: all .2s ease-out 0s
}

.box13:hover .box-content {
    opacity: 1;
    transform: translate(0, -50%);
    transition-delay: .2s
}

.box13 .title {
    display: block;
    font-size: 1.2em;
    color: #fff;
    margin: 0 0 10px;
}

.box13 .post {
    display: block;
    font-size: 15px;
    color: #ffffff;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.box13 .social {
    padding: 0;
    margin: 0;
    list-style: none
}

.box13 .social li {
    display: inline-block
}

.box13 .social li a {
    display: block;
    width: 35px;
    height: 35px;
    background: #7872f8;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    line-height: 35px;
    margin-right: 5px;
    transition: all .4s ease-in-out 0s
}

.box13 .social li a:hover {
    opacity: 0.8;
}

.box14 .icon li,
.box14 .post {
    display: inline-block
}

@media only screen and (max-width:990px) {
    .box13 {
        margin-bottom: 30px
    }
}

/*-- //team  --*/


/* gallery */
.gal-img img {
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    padding: 10px;
}

.gal-img:hover.gal-img img {
    -webkit-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
}

/* popup */
.pop-overlay {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0ms;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

.pop-overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    background: #fff;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 550px;
    position: relative;
    margin: 8em auto;
    padding: 3em 2em 2em;
}

.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.popup .close:hover {
    color: #f0546a;
}

/* //popup */
/* //gallery */
/* contact form */
#contact {
    background: #000;
}

h3.title-w3pvt.two {
    color: #fff;
}

.contact-info p {
    margin: 0 auto;
    width: 84%;
    color: #fff
}

.contact-form-inner {
    margin: 0 auto;
    width: 70%;
}

.contact-form .form-control {
    padding: 0.75em 1em;
    color: #495057;
    border: 2px solid #d2d6da;
    border-radius: 0px;
    font-size: 1em;
    letter-spacing: 1px;
}

.contact-form label {
    font-weight: 400;
    letter-spacing: 2px;
    color: #fff;
    font-size: 0.9em;
    text-transform: uppercase;
}


.contact-form button.btn {
    background: #7872f8;
    padding: 15px 25px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
    border-radius: 0px;
    display: block;
    text-transform: uppercase;
    font-weight: 800;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    border: transparent;
    width: 100%;
}

.contact-form button.btn:hover {
    opacity: 0.8;
}

/* //contact form */

/* contact address */

.contact_grid_left ul li span {
    float: left;
    font-size: 16px;
    color: #fff;
}

.contact_grid_left li span {
    background: #7ac143;
    text-align: center;
    line-height: 56px;
    border-radius: 0px;
}

.contact_grid_left ul li p,
.contact_grid_left ul li a {
    color: #5a646b;
    letter-spacing: 1px;
}


.contact_grid_left h6 {
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.contact_grid_right {
    background: #f7f7f7;
    padding: 5em;
}

.contact_grid_left {
    border-bottom: 1px solid #313c44;
    margin: 0 0 3em 0;
    padding-bottom: 3em;
}

.adress-info h6 {
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.adress-info span {
    color: #46484c;
    font-size: 2em;
    vertical-align: middle;
}

.adress-info a,
.adress-info p {
    color: #5a646b;
    letter-spacing: 1px;
    line-height: 1.9em;
    margin: 0;
}

.adress-info a {
    font-size: 0.85em;
}

form#contactform1 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5em;
    padding: 0 0 5em 0;
}

.map-w3layouts iframe {
    min-height: 250px;
    border: none;
    background: #e8eaec;
    padding: 0.4em;
    width: 100%;
}

/* //contact address */
/* footer */
/* footer logo */
.footer_w3pvt_gridf h2 a {
    display: inline-block;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: 1px;
    color: #000;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
    padding: 0;
}

span.blush {
    color: #777;
    display: block;
    font-size: 0.35em;
    font-weight: 400;
}

/* //footer logo */

/* footer navigation */
.footer_w3pvt_gridf_list li {
    display: block;
    margin-bottom: 1em;
}

.footer_w3pvt_gridf_list li span.fa {
    color: #7872f8;
    padding-right: 1em;
}

.footer_w3pvt_gridf_list li a {
    color: #2b2b2b;
    text-decoration: none;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.75em;
    font-weight: 800;
}

.footer_w3pvt_gridf_list li a:hover {
    opacity: 0.9;
}

.footer_w3pvt_gridf_list li:last-child {
    margin-bottom: 0;
}

.addressf-agileits-w3pvt p span.fa {
    margin-right: .2em;
    color: #ee4f4f;
    display: inline-block;
    text-align: center;
    font-size: 3em;
    vertical-align: middle;
}

h3.sub-w3ls-headf {
    color: #3a3a3a;
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: .7em;
    line-height: 30px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.29);
}

.cpy-right {
    background: #f7f7f7;
}

.cpy-right a {
    color: #888;
}

.cpy-right a:hover {
    opacity: 0.9;
}

/* //footer navigation */

/* social icons */
.w3ls-fsocial-grid {
    padding: 2em 0;
    border-top: 1px solid #edeff1;
    margin: 3em 0 0 0;
    text-align: center;
    border-bottom: 1px solid #edeff1;
}

.social-ficons ul {
    padding: 0;
    margin: 0;
}

.social-ficons ul li {
    display: inline-block;
    margin: 0 1em;
}

.social-ficons ul li a {
    color: #333;
    text-align: center;
    font-size: 15px;
}

.social-ficons ul li a span.fa.fa-facebook {
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: transparent;
    margin-right: 4px;
    color: #3b5998;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.social-ficons ul li a:hover span.fa.fa-facebook {
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: #3b5998;
    color: #FFFFFF;
}

.social-ficons ul li a span.fa.fa-twitter {
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: transparent;
    margin-right: 4px;
    color: #1da1f2;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.social-ficons ul li a:hover span.fa.fa-twitter {
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: #1da1f2;
    color: #FFFFFF;
}

.social-ficons ul li a span.fa.fa-google {
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: transparent;
    margin-right: 4px;
    color: #ea4335;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.social-ficons ul li a:hover span.fa.fa-google {
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: #ea4335;
    color: #FFFFFF;
}

/* //social icons */
/* footer */
.move-top span {
    color: #212529;
    text-align: center;
    border: none;
    line-height: 2em;
}

/*--//footer --*/
/*--responsive--*/


@media (min-width: 1026px) and (max-width: 2500px) {
    .sideItem {
        margin-top: 11rem;
    }
}


@media (min-width: 1280px) and (max-width: 2500px) {
    .bottomMenu {
        padding-left: 6rem;
        padding-right: 6rem
    }
}

@media(max-width:1599px) {

    .main-banner,
    .bg-overlay {
        min-height: 47em;
    }
}

@media(max-width:1440px) {

    .main-banner,
    .bg-overlay {
        min-height: 43em;
    }
}

@media(max-width:1366px) {

    .main-banner,
    .bg-overlay {
        min-height: 40em;
    }

    .banner-info {
        position: relative;
        width: 56%;
        /* padding-top: 12em; */
    }

    .banner-info h3 {
        font-size: 3.3em;
    }
}

@media(max-width:1280px) {
    nav ul.menu a {
        font-size: 16px;
        padding: 10px 12px;
    }
}

@media(max-width:1080px) {
    nav ul.menu a {
        font-size: 16px;
        padding: 10px 10px;
    }

    .banner-info {
        position: relative;
        width: 52%;
        padding-top: 16em;
    }

    h3.title-w3pvt {
        font-size: 2.8em;
    }
}

@media(max-width:1024px) {}

@media(max-width:992px) {

    .banner-info {
        position: relative;
        width: 73%;
        padding-top: 16em;
    }

    .pos-aboimg2 {
        position: static;
        bottom: 0%;
        left: 0;
        margin: 1em 0 3em 0;
    }

    .facts h4 {
        font-size: 1.1em;
    }

    .benifit-content {
        margin-bottom: 1.2em;
    }

    .bottom-w3layouts-left {
        position: relative;
        width: 50%;
        float: left;
    }

    li.adress-info:nth-child(2) {
        margin: 2em 0;
    }
}

@media(max-width:767px) {
    .banner-info {
        position: relative;
        width: 100%;
        padding-top: 13em;
    }

    .main-banner,
    .bg-overlay {
        min-height: 36em;
    }

    .banner-info h3 {
        font-size: 3em;
    }
}

@media(max-width:736px) {
    .banner-info h3 {
        font-size: 2.7em;
    }

    .main-banner,
    .bg-overlay {
        min-height: 35em;
    }

    h3.title-w3pvt {
        font-size: 2.5em;
    }
}

@media(max-width:667px) {

    .main-banner,
    .bg-overlay {
        min-height: 34em;
    }

    .benifit-icon {

        margin-bottom: 1em;
    }

    h3.title-w3pvt {
        font-size: 2.3em;
    }

    .adress-info span {
        margin-bottom: 1em;
    }
}

@media(max-width:640px) {
    .bottom-w3layouts-left {
        position: relative;
        width: 100%;
        float: left;
    }

    h4.text-w3layouts,
    h4.text-w3pvt {
        font-size: 1.4em;
    }

    .social-ficons ul li {
        display: inline-block;
        margin: 0 0.5em;
    }
}

@media(max-width:600px) {
    .box13 {
        margin-bottom: 30px;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    h3.title-w3pvt {
        font-size: 2em;
    }

    .banner-info h3 {
        font-size: 2.5em;
    }

    .stats-grid {
        padding: 1.5em 2em;
        margin: 1em;
    }

    .form-w3pvt-grid .search {
        padding: 6px 10px;
    }
}

@media(max-width:480px) {

    .main-banner,
    .bg-overlay {
        min-height: 32em;
    }

    .banner-info h3 {
        font-size: 2.3em;
    }

    .social-ficons ul li {
        display: inline-block;
        margin: 0 0.3em;
    }

    h3.title-w3pvt {
        font-size: 1.8em;
    }
}

@media(max-width:440px) {
    .banner-info p {
        font-size: 0.8em;
        letter-spacing: 1px;
        margin: 2em 0 1em 0;
    }

    .main-banner,
    .bg-overlay {
        min-height: 30em;
    }


}

@media(max-width:414px) {
    .banner-info h3 {
        font-size: 2em;
    }

    .nav_w3ls {
        float: left;
        width: 49%;
    }

    .buttons {
        float: right;
        width: 50%;
    }
}

@media(max-width:384px) {

    .main-banner,
    .bg-overlay {
        min-height: 29em;
    }

    .banner-info {
        position: relative;
        width: 100%;
        padding-top: 12em;
    }
}

@media(max-width:375px) {
    .banner-info h3 {
        font-size: 1.8em;
    }

    h3.title-w3pvt {
        font-size: 1.6em;
    }
}

@media(max-width:320px) {}

/*--//responsive--*/

/*-- banner --*/
.banner {
    /* background: url(../images/banner_1.jpg) no-repeat 0px 0px; */
    background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 800px;
    padding: 2em 0 0;
    position: relative;
}

.w3_agile_logo h1 a {
    font-size: 2em;
    color: #212121;
    text-decoration: none;
    text-transform: uppercase;
}

.w3_agile_logo h1 a span {
    padding: 0em .5em;
    border: 2px solid #d4573f;
    display: inline-block;
    color: #d4573f;
}

.agile_banner_info {
    margin: 15em 0 16em;
    width: 50%;
    text-align: center;
}

.agile_banner_info h2 {
    font-size: 3.5em;
    color: #212121;
    padding: .2em 0;
    border-top: 1px solid #d4573f;
    border-bottom: 1px solid #d4573f;
    text-transform: uppercase;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

.agile_banner_info h2 i {
    font-style: normal;
    display: block;
    font-size: .2em;
    color: #d4573f;
    font-weight: 700;
    letter-spacing: 7px;
}

.agile_banner_info p {
    color: #212121;
    line-height: 2em;
    margin: 1em 0 0;
}

.agileits_w3layouts_call_mail ul li {
    color: #212121;
    font-weight: 600;
    display: inline-block;
}

.agileits_w3layouts_call_mail ul li:first-child {
    margin-right: 3em;
}

.agileits_w3layouts_call_mail ul li i {
    padding-right: 1em;
}

.agileits_w3layouts_call_mail ul li a {
    color: #212121;
    text-decoration: none;
}

.agileits_w3layouts_call_mail ul li a {
    color: #212121;
}

.agileits_w3layouts_call_mail ul li a:hover {
    color: #d4573f;
}

.agileits_social_list li a {
    color: #212121;
    text-align: center;
    display: inline-block;
    font-size: 1.2em;
}

a.w3_agile_facebook:hover {
    color: #3b5998;
}

a.agile_twitter:hover {
    color: #1da1f2;
}

a.w3_agile_dribble:hover {
    color: #ea4c89;
}

a.w3_agile_vimeo:hover {
    color: #1ab7ea;
}

.w3_agileits_banner_social_icons_pos {
    position: absolute;
    bottom: 25%;
    right: 15.3%;
}

.w3_agileits_banner_social_icons_pos ul li {
    display: block;
    margin-top: 2em;
    position: relative;
}

.w3_agileits_banner_social_icons_pos ul li:nth-child(1):before,
.w3_agileits_banner_social_icons_pos ul li:last-child:after {
    content: '';
    background: #212121;
    height: 55px;
    width: 2px;
    position: absolute;
    bottom: 190%;
    right: 45%;
}

.w3_agileits_banner_social_icons_pos ul li:nth-child(1):before {
    bottom: 190%;
}

.w3_agileits_banner_social_icons_pos ul li:last-child:after {
    top: 190%;
}

/*-- Nav style -- */
.cd-stretchy-nav {
    position: fixed;
    z-index: 2;
    top: 37px;
    right: 14%;
    pointer-events: none;
}

.cd-stretchy-nav .stretchy-nav-bg {
    /* this is the stretching navigation background */
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    border-radius: 30px;
    background: #d4573f;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: height 0.2s, box-shadow 0.2s;
    -moz-transition: height 0.2s, box-shadow 0.2s;
    -o-transition: height 0.2s, box-shadow 0.2s;
    -ms-transition: height 0.2s, box-shadow 0.2s;
    transition: height 0.2s, box-shadow 0.2s;
}

.cd-stretchy-nav.nav-is-visible {
    pointer-events: auto;
}

.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg {
    height: 100%;
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}

.cd-nav-trigger {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    height: 55px;
    width: 55px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    /* replace text with image */
    overflow: hidden;
    white-space: nowrap;
    color: transparent !important;
    pointer-events: auto;
}

.cd-nav-trigger span,
.cd-nav-trigger span::after,
.cd-nav-trigger span::before {
    position: absolute;
    width: 23px;
    height: 2px;
    background-color: #ffffff;
}

.cd-nav-trigger span {
    /* middle line of the hamburger icon */
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.cd-nav-trigger span::after,
.cd-nav-trigger span::before {
    /* top and bottom lines of the hamburger icon */
    content: '';
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    transition: transform 0.2s;
}

.cd-nav-trigger span::before {
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    transform: translateY(-7px);
}

.cd-nav-trigger span::after {
    -webkit-transform: translateY(7px);
    -moz-transform: translateY(7px);
    -ms-transform: translateY(7px);
    -o-transform: translateY(7px);
    transform: translateY(7px);
}

.no-touch .cd-nav-trigger:hover~.stretchy-nav-bg {
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);
}

.nav-is-visible .cd-nav-trigger span {
    background-color: transparent;
}

.nav-is-visible .cd-nav-trigger span::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-is-visible .cd-nav-trigger span::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-stretchy-nav ul {
    position: relative;
    z-index: 2;
    padding: 60px 0 10px;
    visibility: hidden;
    -webkit-transition: visibility 0.3s;
    -moz-transition: visibility 0.3s;
    transition: visibility 0.3s;
    text-align: right;
}

.cd-stretchy-nav ul li {
    display: block;
}

.cd-stretchy-nav ul a {
    position: relative;
    display: block;
    width: 55px;
    height: 40px;
    padding: 0;
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    transition: color 0.2s;
    text-align: left;
}

.cd-stretchy-nav ul a::after {
    content: "\f015";
    position: absolute;
    right: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: .6;
    font: 14px/1 FontAwesome;
    font-size: 1.2em;
}

.cd-stretchy-nav ul li:nth-of-type(2) a::after {
    content: "\f05a";
}

.cd-stretchy-nav ul li:nth-of-type(3) a::after {
    content: "\f0c0";
}

.cd-stretchy-nav ul li:nth-of-type(4) a::after {
    content: "\f03e";
    font-size: 1.1em;
}

.cd-stretchy-nav ul li:nth-of-type(5) a::after {
    content: "\f009";
}

.cd-stretchy-nav ul li:nth-of-type(6) a::after {
    content: "\f1ea";
    font-size: 1.1em;
}

.cd-stretchy-nav ul li:nth-of-type(7) a::after {
    content: "\f003";
}

.cd-stretchy-nav.edit-content ul span {
    position: absolute;
    top: 6px;
    right: 64px;
    height: 30px;
    line-height: 30px;
    padding: 0 1em;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: 2px;
    text-align: center;
    font-size: 1.1em;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
}

.cd-stretchy-nav.edit-content ul span::after {
    /* triangle below the tooltip */
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-left-color: rgba(0, 0, 0, 0.55);
}

.cd-stretchy-nav.edit-content.nav-is-visible ul span {
    /* reset default style */
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.no-touch .cd-stretchy-nav.edit-content.nav-is-visible ul a:hover span {
    opacity: 1;
    /* reset default style */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-stretchy-nav.nav-is-visible ul {
    opacity: 1;
    visibility: visible;
}

.cd-stretchy-nav.edit-content.nav-is-visible ul a::after {
    /* navigation item icons */
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    -webkit-animation: scaleIn 0.15s backwards;
    -moz-animation: scaleIn 0.15s backwards;
    animation: scaleIn 0.15s backwards;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cd-stretchy-nav.nav-is-visible ul a.active,
.cd-stretchy-nav.nav-is-visible ul li.active a {
    color: #ffffff;
}

.cd-stretchy-nav.nav-is-visible ul a.active::after,
.cd-stretchy-nav.nav-is-visible ul li.active a::after {
    opacity: 1;
}

.cd-stretchy-nav.nav-is-visible ul a.active::before {
    -webkit-transform: translateX(3px) translateY(-50%) scaleY(1);
    -moz-transform: translateX(3px) translateY(-50%) scaleY(1);
    -ms-transform: translateX(3px) translateY(-50%) scaleY(1);
    -o-transform: translateX(3px) translateY(-50%) scaleY(1);
    transform: translateX(3px) translateY(-50%) scaleY(1);
    -webkit-transition: -webkit-transform 0.15s 0.3s;
    -moz-transition: -moz-transform 0.15s 0.3s;
    transition: transform 0.15s 0.3s;
}

.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover {
    color: #ffffff;
}

.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover::after {
    opacity: 1;
}

.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover span {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
}

.cd-stretchy-nav.nav-is-visible ul li:first-of-type a::after,
.cd-stretchy-nav.nav-is-visible ul li:first-of-type span {
    -webkit-animation-delay: 0.05s;
    -moz-animation-delay: 0.05s;
    animation-delay: 0.05s;
}

.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) span {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) span {
    -webkit-animation-delay: 0.15s;
    -moz-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) span {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) a::after,
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) span {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

@-webkit-keyframes scaleIn {
    from {
        -webkit-transform: translateY(-50%) scale(0);
    }

    to {
        -webkit-transform: translateY(-50%) scale(1);
    }
}

@-moz-keyframes scaleIn {
    from {
        -moz-transform: translateY(-50%) scale(0);
    }

    to {
        -moz-transform: translateY(-50%) scale(1);
    }
}

@keyframes scaleIn {
    from {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
    }

    to {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
    }
}

@-webkit-keyframes slideIn {
    from {
        opacity: 0;
        -webkit-transform: translateX(-25px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideIn {
    from {
        opacity: 0;
        -moz-transform: translateX(-25px);
    }

    to {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        -webkit-transform: translateX(-25px);
        -moz-transform: translateX(-25px);
        -ms-transform: translateX(-25px);
        -o-transform: translateX(-25px);
        transform: translateX(-25px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

/*-- //Nav style -- */
/*-- banner --*/
/*-- banner-bottom --*/
.banner-bottom {
    padding: 1em 0 5em;
}

.w3_banner_bottom_grid_pos {
    position: relative;
}

.w3_banner_bottom_grid {
    position: absolute;
    left: 45%;
    top: -58px;
}

.w3_banner_bottom_grid h3 {
    font-size: 4.5em;
    font-weight: bold;
    color: #e6e6e6;
    text-transform: uppercase;
}

.w3l_banner_bottom_right h3 {
    text-transform: capitalize;
    font-size: 2em;
    color: #212121;
}

.w3l_banner_bottom_right h3 span {
    text-transform: uppercase;
}

.w3l_banner_bottom_right h3 span i {
    font-style: normal;
    display: inline-block;
    padding: .1em .5em;
    border: 2px solid #d4573f;
    color: #d4573f;
}

.w3l_banner_bottom_right p {
    margin: 2em 0;
    color: #999;
    line-height: 2em;
}

.w3l_banner_bottom_right ul li {
    display: block;
    color: #212121;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    padding-top: 1.5em;
}

.w3l_banner_bottom_right ul li i {
    font-size: 2em;
    padding-right: 1em;
    vertical-align: middle;
    color: #d4573f;
    width: 60px;
}

.agileits_banner_bottom_grid_three {
    margin: 3em 0 0;
}

.wthree_banner_bottom_grid_three_left1 {
    border-top: 2px solid #d4573f;
    padding-top: 3em;
}

.w3_agileits_para {
    margin: 2em auto 0;
    color: #999;
    line-height: 2em;
    width: 90%;
}

/* Common style */
.grid figure {
    position: relative;
    overflow: hidden;
    background: #000000;
    text-align: center;
}

.grid figure img {
    position: relative;
    display: block;
    opacity: 0.8;
}

.grid figure figcaption {
    padding: 2em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure h3 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h3 span {
    font-weight: 800;
    color: #d4573f;
}

.grid figure p {
    letter-spacing: 1px;
    color: #fff;
    line-height: 2em;
}

figure.effect-roxy img {
    max-width: none;
    width: -webkit-calc(100% + 60px);
    width: calc(100% + 60px);
    width: -moz-calc(100% + 60px);
    width: -o-calc(100% + 60px);
    width: -ms-calc(100% + 60px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
    -o-transform: translate3d(-50px, 0, 0);
    -ms-transform: translate3d(-50px, 0, 0);
}

figure.effect-roxy figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    -moz-transform: translate3d(-20px, 0, 0);
    -o-transform: translate3d(-20px, 0, 0);
}

figure.effect-roxy figcaption {
    padding: 3em;
    text-align: right;
}

figure.effect-roxy h3 {
    padding: 0 0 .5em;
    font-size: 1.7em;
    color: #fff;
    text-transform: uppercase;
}

figure.effect-roxy p {
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

figure.effect-roxy:hover img,
.agileinfo_banner_bottom_grid_three_left:hover img {
    opacity: 0.7;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p,
.agileinfo_banner_bottom_grid_three_left:hover figcaption::before,
.agileinfo_banner_bottom_grid_three_left:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}


.world_map_inner {
    text-align: center;
    position: relative
}

.bd-callout {
    text-align: left;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 610px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 46px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 46px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 46px 15px rgba(0, 0, 0, 0.15);
    border-left: 8px;
    border-style: solid;
    border-image: -moz-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    border-image: -webkit-linear-gradient(top, #9b8aff 0%, #6ebcfe 100%);
    border-image: linear-gradient(to bottom, #9b8aff 0%, #6ebcfe 100%);
    border-image-slice: 1;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 0px;
    padding-left: 70px;
    padding-top: 35px;
    padding-bottom: 35px
}

.bd-callout h3 {
    font-size: 15px;
    color: #0b1033;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    padding-bottom: 15px
}

.bd-callout p {
    color: #7c8d93;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 28px;
    display: inline-block
}

.bd-callout h4 {
    display: inline-block;
    padding-left: 50px
}

.bd-callout h4 a {
    display: block;
    color: #7c8d93;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 28px
}

.contact_map_area {
    position: relative;
    overflow: hidden
}

.contact_map_area .mapBox1 {
    min-height: 670px
}

.contact_map_area .map_location_box {
    position: absolute;
    left: 30px;
    top: 160px;
    width: 100%
}

.contact_map_area .map_location_box .bd-callout {
    position: relative;
    top: 0px;
    left: 0px;
    transform: translateY(0)
}

.contact_map_area .map_location_box .bd-callout:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 14px 0 0;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    right: -14px;
    top: 0px
}

.modal-message .modal-dialog {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) !important;
    margin: 0px;
    max-width: 500px;
    width: 100%
}

.modal-message .modal-dialog .modal-content .modal-header {
    text-align: center;
    display: block;
    border-bottom: none;
    padding-top: 50px;
    padding-bottom: 50px
}

.modal-message .modal-dialog .modal-content .modal-header .close {
    position: absolute;
    right: -15px;
    top: -15px;
    padding: 0px;
    color: #fff;
    opacity: 1;
    cursor: pointer
}

/*-- //banner-bottom --*/
/*-- schedule --*/
.schedule {
    background: url(../images/15_1.jpg) no-repeat 0px 0px;
    background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    padding: 10em 0;
}

.agileits_w3layouts_schedule {
    text-align: center;
}

.agileits_w3layouts_schedule h3 {
    font-size: 2em;
    color: #212121;
    text-transform: capitalize;
}

.agileits_w3layouts_schedule img {
    margin: 0 auto;
}

.agile_schedule_list {
    margin: 3em 0;
}

.agile_schedule_list ul {
    width: 40%;
    margin: 0 auto;
}

.agile_schedule_list ul li {
    display: block;
    margin-bottom: 1em;
    padding-bottom: 1em;
    color: #767676;
    font-size: 1em;
    border-bottom: 1px dotted #999;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

.agile_schedule_list ul li span {
    width: 50%;
    display: inline-block;
}

.agile_schedule_list ul li i {
    padding-right: 1em;
}

.wthree_more a {
    padding: 12px 0;
    border: 2px solid #212121;
    text-align: center;
    font-size: 1em;
    letter-spacing: 5px;
    text-transform: uppercase;
    text-decoration: none;
    color: #d4573f;
    font-weight: 600;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    display: block;
}

/* Wayra */
.button--wayra {
    overflow: hidden;
    width: 28%;
    -webkit-transition: border-color 0.3s, color 0.3s;
    transition: border-color 0.3s, color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    margin: 0 auto;
}

.button--wayra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #d4573f;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra:hover {
    color: #fff;
    border-color: #d4573f;
}

.button--wayra.button--inverted:hover {
    color: #3f51b5;
    border-color: #fff;
}

.button--wayra:hover::before {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra.button--inverted:hover::before {
    background-color: #fff;
}

/*-- //schedule --*/
/*-- book-seat-form --*/
.w3layouts_payment_online_form h4 {
    font-size: 1.7em;
    color: #212121;
    padding: 0.5em 0;
    text-align: left;
    margin-top: 1em;
}

.w3layouts_payment_online_form span {
    vertical-align: middle;
    margin-right: 10px;
}

.w3layouts_payment_online_form form {
    padding: 0 3%;
}

.w3layouts_payment_online_form ul li {
    display: inline-block;
    width: 47%;
}

.w3layouts_payment_online_form ul li:first-child {
    margin-right: 1.5em;
}

.w3layouts_payment_online_form input.w3l_text_box {
    padding: 0.8em 1em;
    color: #999;
    width: 100%;
    margin: 0.5em 0;
    border: 1px solid;
    outline: none;
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.5s;
    font-size: 0.9em;
    border-color: #ddd;
    -webkit-appearance: none;
}

.w3layouts_payment_online_form select.form-control {
    height: inherit;
    box-shadow: none;
    padding: 0.6em 1em;
    color: #999;
    font-size: .9em;
    border-color: #ddd;
    margin: .5em 0;
    border-radius: 0;
}

.w3layouts_payment_online_form label {
    font-size: .9em;
    color: #212121;
    text-align: left;
    display: block;
    margin-top: .5em;
    font-weight: 600;
}

.w3layouts_payment_online_form input.w3l_text_box:active,
.w3layouts_payment_online_form input.w3l_text_box:hover {
    color: #333;
    border-color: #999;
}

.w3_payment_sendbtns {
    margin: 1.2em 0 1em;
    text-align: right;
}

.w3_payment_sendbtns input[type="reset"],
.w3_payment_sendbtns input[type="submit"] {
    background: #212121;
    padding: 0.6em 2em;
    border: 1px solid;
    color: #FFF;
    cursor: pointer;
    font-size: 1em;
    display: block;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    outline: none;
}

.w3_payment_sendbtns input[type="reset"]:hover {
    color: #d4573f;
    background: none;
}

.w3_payment_sendbtns input[type="submit"] {
    background: #d4573f;
}

.w3_payment_sendbtns input[type="submit"]:hover {
    color: #212121;
    background: none;
}

.w3layouts_payment_online_form .w3_payment_sendbtns li {
    width: inherit;
}

.w3layouts_payment_online_form ul li.w3ls_address {
    width: 96%;
    margin-right: 0;
}

#small-dialog,
#small-dialog2 {
    background: #fff;
    padding: 1em;
    /* max-width: 629px; */
    /* margin: 40px auto; */
    position: relative;
    text-align: center;
    border: 10px solid #d4573f;
}

/*-- start state --*/
.my-mfp-zoom-in #small-dialog,
.my-mfp-zoom-in #small-dialog2 {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready #small-dialog,
.my-mfp-zoom-in.mfp-ready #small-dialog2 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing #small-dialog,
.my-mfp-zoom-in.mfp-removing #small-dialog2 {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

a.ex1:hover,
a.ex1:active {
    color: red;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-content iframe {
    width: 100%;
    min-height: 450px;
    border: none;
}

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #cccccc;
}

.mfp-preloader a:hover {
    color: white;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

.mfp-close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    font-size: 2em;
    outline: none;
    border: none;
    background: #d4573f;
    text-align: center;
    cursor: pointer;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

/*-- //animate popup --*/
/*-- team --*/
.team,
.testimonials,
.contact {
    padding: 0em 0;
}

.w3_agile_team_grids {
    margin: 3em 0 0;
}

.w3_agile_team_grid h3 {
    font-size: 1.2em;
    color: #212121;
    margin: 1em 0 0;
}

.w3_agile_team_grid p {
    color: #d4573f;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1em;
}

.w3_agile_team_grid:nth-child(2),
.w3_agile_team_grid:nth-child(4) {
    margin-top: 5em;
}

.w3_agile_team_grid ul li {
    display: inline-block;
    margin-right: 1em;
}

.w3_agile_team_grid ul li:last-child {
    margin: 0;
}

.w3_agile_team_grid figure {
    overflow: hidden;
    position: relative;
}

.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.hover14 figure:hover::before,
.w3_agile_team_grid:hover .hover14 figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

/*-- //team --*/
/*-- portfolio --*/
.w3_agile_portfolio_grid {
    overflow: hidden;
    position: relative;
}

.w3layouts_news_grid_pos {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    right: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
}

.w3layouts_news_grid_pos {
    -webkit-transform: scale3d(0, 0, 1);
    -moz-transform: scale3d(0, 0, 1);
    -ms-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
}

.w3_agile_portfolio_grid:hover .w3layouts_news_grid_pos {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.w3_agile_portfolio_grid:hover .wthree_text {
    opacity: 1;
    -webkit-transform: translateY(0) scale3d(1, 1, 1);
    -moz-transform: translateY(0) scale3d(1, 1, 1);
    -ms-transform: translateY(0) scale3d(1, 1, 1);
    transform: translateY(0) scale3d(1, 1, 1);
    -webkit-transition: transform 400ms ease 380ms;
    -moz-transition: transform 400ms ease 380ms;
    transition: transform 400ms ease 380ms;
}

.wthree_text {
    text-align: center;
    padding: 7.8em 0 0;
    opacity: 0;
    -webkit-transform: translateY(0) scale3d(0, 0, 1);
    -moz-transform: translateY(0) scale3d(0, 0, 1);
    -ms-transform: translateY(0) scale3d(0, 0, 1);
    transform: translateY(0) scale3d(0, 0, 1);
    -webkit-transition: transform 400ms ease 280ms;
    -moz-transition: transform 400ms ease 280ms;
    transition: transform 400ms ease 280ms;
}

.wthree_text h3 {
    color: #fff;
    font-size: 1.8em;
    text-transform: uppercase;
}

.wthree_text h3 span,
.agile_testimonials_grid h3 span {
    color: #d4573f;
}

/*--flexisel--*/
.flex-slider {
    background: #222227;
    padding: 70px 0 165px 0;
}

#flexiselDemo1 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.nbs-flexisel-inner {
    overflow: hidden;
    margin: 0px auto;
    padding: 0;
}

.nbs-flexisel-item {
    float: left;
    margin: 0;
    padding: 0px;
    position: relative;
    line-height: 35px;
}

.nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
}

/*---- Nav ---*/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 40px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    background: none;
    top: -5% !important;
    border-radius: 5px;
    display: none;
}

.nbs-flexisel-nav-left {
    left: 91%;
}

.nbs-flexisel-nav-right {
    right: 1.2%;
    background: none;
}

/*--//flexisel--*/
/*-- //portfolio --*/
/*-- testimonials --*/
.testimonials {
    background: url(../images/15_1.jpg) no-repeat 0px 0px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
}

.agileits_w3layouts_testimonials_grid {
    text-align: center;
    position: relative;
}

.agileits_w3layouts_testimonials_grid img {
    margin: 0 auto;
}

.wthree_test_social_pos {
    position: absolute;
    top: 0%;
    right: 38.5%;
}

.w3_agileits_social_list1 li {
    display: inline-block !important;
}

.wthree_test_social_pos li a {
    color: #fff;
    font-size: 1em;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: block;
}

.wthree_test_social_pos li a i {
    line-height: 2.2em;
}

.w3_agile_facebook1 {
    background: #3b5998;
}

.agile_twitter2 {
    background: #1da1f2;
}

.w3_agile_dribble3 {
    background: #ea4c89;
}

.agile_testimonials_grid {
    text-align: center;
}

.agile_testimonials_grid h3 {
    margin: 1em 0;
    color: #212121;
    font-size: 1.2em;
    text-transform: uppercase;
}

.agile_testimonials_grid p {
    width: 70%;
    margin: 0 auto;
    color: black;
    line-height: 2em;
}

/*-- //testimonials --*/
/*-- schedule-bottom --*/
.schedule-bottom {
    background: #d4573f;
}

.agileits_schedule_bottom_right,
.agileinfo_schedule_bottom_left {
    padding: 0;
}

.agileinfo_schedule_bottom_left img {
    width: 100%;
}

.w3ls_schedule_bottom_right_grid {
    padding: 2em;
    background: #fff;
    margin: 7.5em 0 0;
    width: 90%;
    box-shadow: 5px 0px 10px #a53e2a;
}

.w3ls_schedule_bottom_right_grid h3 {
    text-transform: uppercase;
    font-size: 1.5em;
    color: #212121;
}

.w3ls_schedule_bottom_right_grid h3 span {
    color: #d4573f;
}

.w3ls_schedule_bottom_right_grid p {
    margin: 1em 0 2em;
    color: #999;
    line-height: 2em;
}

.w3l_schedule_bottom_right_grid1 {
    text-align: center;
}

.w3l_schedule_bottom_right_grid1 i {
    font-size: 1.5em;
    color: #d4573f;
    display: block;
}

.w3l_schedule_bottom_right_grid1 h4 {
    margin: 1em 0;
    color: #212121;
    text-transform: uppercase;
    font-size: 1em;
}

.w3l_schedule_bottom_right_grid1 h5 {
    font-size: 2em;
    color: #212121;
    font-weight: 600;
}

/*-- //schedule-bottom --*/
/*-- events --*/
.wthree_events_grid_left1_gridl {
    padding-left: 0;
}

.wthree_events_grid_left1_gridl p {
    text-transform: uppercase;
    font-weight: 600;
    padding: 2em 0 1em 0;
    border-bottom: 1px solid #999;
    text-align: center;
    font-size: 13px;
    position: relative;
    color: #d4573f;
}

.wthree_events_grid_left1_gridl p:before {
    content: '';
    background: #212121;
    width: 5px;
    height: 5px;
    border-radius: 10px;
    position: absolute;
    left: -2%;
    bottom: -5%;
}

.wthree_events_grid_left1_gridr h4 a {
    text-transform: uppercase;
    font-size: 1em;
    color: #212121;
    text-decoration: none;
}

.wthree_events_grid_left1_gridr h4 a:hover {
    color: #d4573f;
}

.wthree_events_grid_left1_gridr h4 a:focus {
    outline: none;
}

.wthree_events_grid_left1_gridr p {
    margin: 1em 0 0;
    color: #999;
    line-height: 2em;
}

.wthree_events_grid_left1 {
    min-height: 130px;
}

.wthree_events_grid_right {
    position: relative;
    background: url(../images/12_1.jpg) no-repeat 0px 0px;
    min-height: 400px;
    padding: 3em;
}

.wthree_events_grid_right1 {
    padding: 2em;
    background: rgba(212, 87, 63, 0.63);
    height: 305px;
    text-align: center;
}

.wthree_events_grid_right1 h3 {
    font-size: 3em;
    color: #fff;
    text-transform: capitalize;
    border-bottom: 1px solid;
}

.wthree_events_grid_right1 h3 span {
    font-size: .5em;
}

.wthree_events_grid_right1 h2 {
    text-transform: uppercase;
    font-size: 3.5em;
    color: #fff;
    letter-spacing: 16px;
    margin-top: .5em;
}

.wthree_events_grid_right1 h2 span {
    display: block;
}

.wthree_events_grid_left {
    border-left: 2px solid #dadada;
    position: relative;
    padding-left: 0;
}

.wthree_events_grid_left:before,
.wthree_events_grid_left:after {
    content: '';
    background: #d4573f;
    height: 20px;
    position: absolute;
    width: 20px;
    border-radius: 50px;
    left: -1.9%;
}

.wthree_events_grid_left:before {
    top: 0%;
}

.wthree_events_grid_left:after {
    bottom: 0%;
}

.wthree_events_grid_left1_gridr {
    margin-top: 1em;
}

/*-- //events --*/
/*-- bootstrap-pop-up --*/
.modal-header {
    font-size: 2em;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    text-transform: uppercase;
    background: #d4573f;
    border-bottom: none;
}

.close {
    opacity: 1;
}

.modal-body p {
    color: #999;
    text-align: left;
    padding: 3.5em 1em 0;
    margin: 0 !important;
    line-height: 2em;
}

.modal-body p i {
    display: block;
    margin: 2em 0 0;
    color: #212121;
}

.modal-body {
    padding: 0;
}

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

button.close {
    font-size: 1em;
    color: #922e1b;
    outline: none;
}

.modal-dialog {
    width: 845px;
}

.w3_modal_body_left {
    padding-left: 0;
}

/*-- //bootstrap-pop-up --*/
/*-- newsletter --*/
.w3layouts_newsletter {
    padding: 3em 0;
    background: #d4573f;
}

.w3layouts_newsletter_left {
    float: left;
}

.w3layouts_newsletter_right {
    float: right;
    width: 50%;
    padding: 1em;
    background: rgba(255, 255, 255, 0.57);
}

.w3layouts_newsletter_left h3 {
    font-size: 1.8em;
    color: #ffffff;
    text-transform: capitalize;
    margin-top: 0.8em;
}

.w3layouts_newsletter_right input[type="email"],
.w3layouts_newsletter_right input[type="number"] {
    outline: none;
    border: none;
    padding: 10px;
    background: #fff;
    color: #212121;
    font-size: 14px;
    width: 74.2%;
}

.w3layouts_newsletter_right input[type="submit"] {
    outline: none;
    border: 1px solid #212121;
    padding: 10px 0;
    background: #212121;
    color: #fff;
    font-size: 14px;
    width: 25%;
    text-transform: uppercase;
    font-weight: 600;
}

.w3layouts_newsletter_right input[type="submit"]:hover {
    background: none;
    color: #212121;
}

/*-- //newsletter --*/
#map {
    width: 100%;
    min-height: 400px;
}

/*-- contact --*/
.contact {
    /* background: url(../images/17_1.jpg) no-repeat 0px 0px; */
    background-size: cover !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
}

.w3_head {
    color: #fff !important;
}

.w3layouts_contact_grid {
    margin: 3em auto 0;
    width: 70%;
    text-align: center;
}

.w3layouts_contact_grid p {
    color: #fff;
    line-height: 2em;
}

.w3layouts_contact_grid form {
    margin: 3em 0;
}

.w3layouts_contact_grid input[type="text"],
.w3layouts_contact_grid input[type="email"],
.w3layouts_contact_grid input[type="number"],
.w3layouts_contact_grid textarea {
    outline: none;
    border: 2px solid #fff;
    padding: 15px;
    font-size: 14px;
    color: #fff;
    width: 100%;
    background: none;
}

.w3layouts_contact_grid input[type="email"],
.w3layouts_contact_grid input[type="number"] {
    border-top: none;
    border-bottom: none;
}

.w3layouts_contact_grid textarea {
    border-left: none;
    min-height: 158px;
    display: block;
}

.w3layouts_contact_grid input[type="submit"] {
    outline: none;
    border: 2px solid #fff;
    padding: 12px;
    font-size: 1.3em;
    color: #d4573f;
    width: 100%;
    background: none;
    border-top: none !important;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.w3layouts_contact_grid input[type="submit"]:hover {
    border: 2px solid #d4573f;
    background: #d4573f;
    color: #212121;
}

.w3_agileits_contact_grid_left,
.w3_agileits_contact_grid_right {
    padding: 0;
}

.agileits_footer_nav {
    padding: 1em;
    border: 2px solid #fff;
}

.agileits_footer_nav ul li {
    display: inline-block;
    color: #fff;
    font-weight: 600;
}

.agileits_footer_nav ul li i {
    margin: 0 2em;
    color: #d4573f;
}

.agileits_footer_nav ul li a {
    color: #fff;
    text-decoration: none;
}

.w3ls_footer_nav_bottom_left {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    padding: 0;
}

.w3ls_footer_nav_bottom_left:nth-child(3) {
    border-right: 2px solid #fff;
}

.w3ls_footer_nav_bottom_left h4 i,
.w3ls_footer_nav_bottom_left p {
    padding: 1em;
    text-align: center;
    font-size: 1em;
}

.w3ls_footer_nav_bottom_left h4 i {
    color: #d4573f;
    display: block;
    border-bottom: 2px solid #fff;
}

.w3ls_footer_nav_bottom_left p {
    color: #fff;
    font-weight: 600;
}

.w3ls_footer_nav_bottom_left p a {
    color: #fff;
    text-decoration: none;
}

.w3ls_footer_nav_bottom_left p a:hover,
.agileits_footer_nav ul li a:hover {
    color: #d4573f;
}

/*-- //contact --*/
/*-- footer --*/
.w3_agile_footer {
    padding: 4em 0 2em;
    text-align: center;
    background: #212121;
    position: relative;
}

.w3_agile_footer p {
    color: #fff;
    line-height: 2em;
}

.w3_agile_footer p a {
    color: #d4573f;
    text-decoration: underline;
}

.w3_agile_footer p a:hover {
    color: #fff;
}

/*-- //footer --*/
/*-- arrow-animation --*/
.arrow-container,
.arrow-1 {
    width: 100px;
    height: 100px;
}

.arrow-container {
    margin: 0 auto;
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    top: -40%;
}

.arrow-1 {
    background: #d4573f;
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
}

.arrow-2 {
    width: 60px;
    height: 60px;
    background: #d4573f;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    display: table;
}

.arrow-2:focus {
    text-decoration: none;
}

.arrow-2:before {
    width: 52px;
    height: 52px;
    content: "";
    border: 2px solid #bb452e;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;
}

.arrow-2 i.fa {
    font-size: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #5a2015;
}

/* Custom Animate.css */

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.4, .4, .4);
        transform: scale3d(.4, .4, .4);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.4, .4, .4);
        transform: scale3d(.4, .4, .4);
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 0;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/*-- //arrow-animation --*/
/*-- start-responsive-design --*/
@media (max-width:1440px) {
    .banner {
        min-height: 578px;
        /* min-height: 700px; */
    }

    .agile_banner_info {
        margin: 12em 0 8em;
    }

    .schedule {
        padding: 8em 0;
    }

    .w3ls_schedule_bottom_right_grid {
        margin: 5.5em 0 0;
    }

    .wthree_text {
        padding: 7.5em 0 0;
    }
}

@media (max-width:1366px) {
    .w3ls_schedule_bottom_right_grid {
        margin: 5em 0 0;
    }

    .wthree_text {
        padding: 7em 0 0;
    }
}

@media (max-width: 1280px) {
    .banner {
        background-position: 0px 0px;
    }

    .schedule {
        padding: 6em 0;
        background-position: -135px 0px;
    }

    .w3ls_schedule_bottom_right_grid {
        margin: 4em 0 0;
    }

    .wthree_text {
        padding: 6em 0 0;
    }
}

@media (max-width: 1080px) {
    .w3_agile_logo h1 a {
        font-size: .9em;
    }

    .agile_banner_info h2 {
        font-size: 3em;
    }

    .banner {
        min-height: 590px;
        background-position: -45px 0px;
    }

    .agile_banner_info {
        margin: 11em 0 10em;
    }

    .cd-stretchy-nav {
        right: 6%;
        top: 30px;
    }

    .w3_agileits_banner_social_icons_pos {
        right: 7.7%;
    }

    .w3_banner_bottom_grid h3 {
        font-size: 5em;
    }

    .w3l_banner_bottom_right h3 {
        font-size: 1.8em;
    }

    .w3l_banner_bottom_right p {
        margin: 2em 0 0;
    }

    figure.effect-roxy h3 {
        font-size: 1.4em;
    }

    .agile_schedule_list ul {
        width: 50%;
    }

    .schedule {
        background-position: -370px 0px;
    }

    .w3ls_schedule_bottom_right_grid h3 {
        font-size: 1.3em;
    }

    .w3ls_schedule_bottom_right_grid {
        margin: 1.2em 0 0;
        width: 97%;
    }

    .w3_agile_team_grid p {
        font-size: 12px;
    }

    .w3_agile_team_grid h3 {
        font-size: 1.1em;
    }

    .team,
    .testimonials,
    .contact {
        padding: 4em 0;
    }

    .wthree_text h3 {
        font-size: 1.5em;
    }

    .wthree_text {
        padding: 5.2em 0 0;
    }

    .wthree_events_grid_right {
        padding: 2em;
    }

    .wthree_events_grid_right1 {
        height: 335px;
    }

    .wthree_events_grid_right1 h3 {
        font-size: 2.5em;
    }

    .wthree_events_grid_right1 h2 {
        font-size: 3em;
        letter-spacing: 14px;
    }

    .wthree_events_grid_right {
        min-height: auto;
    }

    .wthree_events_grid_right1 {
        height: auto;
    }

    .w3layouts_newsletter_right input[type="email"],
    .w3layouts_newsletter_right input[type="number"] {
        width: 74%;
    }

    .w3layouts_contact_grid {
        width: 90%;
    }
}

@media (max-width: 1024px) {
    .banner {
        background-position: -95px 0px;
    }

    .w3l_schedule_bottom_right_grid1 h5 {
        font-size: 1.8em;
    }

    .w3l_schedule_bottom_right_grid1 h4 {
        font-size: 14px;
    }

    .w3ls_schedule_bottom_right_grid {
        margin: 0.8em 0 0;
        width: 97.5%;
    }

    .wthree_text {
        padding: 4.8em 0 0;
    }
}

@media (max-width: 991px) {
    .agile_banner_info h2 {
        font-size: 2.8em;
    }

    .agile_banner_info {
        width: 60%;
    }

    .team,
    .testimonials,
    .contact,
    .banner-bottom {
        padding: 4em 0;
    }

    .schedule {
        padding: 5em 0;
    }

    .w3l_banner_bottom_right {
        margin: 5em 0 0;
    }

    .w3_banner_bottom_grid h3 {
        font-size: 4em;
    }

    .w3_banner_bottom_grid {
        left: 1%;
        top: 470px;
    }

    .agileinfo_banner_bottom_grid_three_left {
        float: left;
        width: 33.33%;
        padding-left: 0;
    }

    .wthree_banner_bottom_grid_three_left1 {
        padding-top: 2em;
    }

    .agileits_banner_bottom_grid_three {
        margin: 2em 0 0;
    }

    figure.effect-roxy h3 {
        font-size: 1.3em;
        margin-top: 1em;
    }

    figure.effect-roxy figcaption::before {
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
    }

    figure.effect-roxy figcaption {
        padding: 1.5em;
    }

    .w3_agileits_para {
        margin: 1em auto 0;
    }

    .agileits_w3layouts_schedule h3 {
        font-size: 1.8em;
    }

    .agileits_w3layouts_schedule img {
        width: 50%;
    }

    .agile_schedule_list ul {
        width: 65%;
    }

    .w3ls_schedule_bottom_right_grid {
        margin: 0;
        width: 100%;
    }

    .agileits_schedule_bottom_right {
        padding: 3em;
    }

    .w3l_schedule_bottom_right_grid1 {
        float: left;
        width: 33.33%;
    }

    .w3_agile_team_grid {
        float: left;
        width: 25%;
    }

    .w3_agile_team_grid:nth-child(2),
    .w3_agile_team_grid:nth-child(4) {
        margin-top: 3em;
    }

    .agile_testimonials_grid p {
        width: 90%;
    }

    .wthree_test_social_pos {
        right: 31.5%;
    }

    .w3_modal_body_left,
    .w3_modal_body_right {
        float: left;
        width: 50%;
    }

    .wthree_events_grid_right {
        min-height: 465px;
        margin: 2em 0 0;
        background: url(../images/12_1.jpg) no-repeat 0px 0px;
        background-size: cover;
        padding: 4em;
    }

    .wthree_events_grid_right1 {
        padding: 5em 3em;
    }

    .w3layouts_newsletter_left h3 {
        font-size: 1.5em;
    }

    .w3layouts_newsletter_left {
        width: 50%;
    }

    .w3layouts_newsletter_right input[type="submit"] {
        width: 28%;
    }

    .w3layouts_newsletter_right input[type="email"],
    .w3layouts_newsletter_right input[type="number"] {
        width: 70%;
    }

    .w3_agileits_contact_grid_left,
    .w3_agileits_contact_grid_right {
        float: left;
        width: 50%;
    }

    .w3layouts_contact_grid {
        width: 100%;
    }

    .w3ls_footer_nav_bottom_left {
        float: left;
        width: 33.33%;
    }

    .w3ls_footer_nav_bottom_left p {
        font-size: 14px;
    }
}

@media (max-width: 900px) {
    .banner {
        background-position: -130px 0px;
    }

    .agile_banner_info {
        margin: 11em 0 9em;
    }

    .wthree_text {
        padding: 4.3em 0 0;
    }

    .schedule {
        background-position: -450px 0px;
    }
}

@media (max-width: 800px) {
    .agile_banner_info h2 {
        font-size: 2.5em;
    }

    .banner {
        min-height: 505px;
        background-position: -75px 0px;
    }

    .agile_banner_info {
        margin: 9em 0 7em;
    }

    .w3_agile_logo h1 a {
        font-size: .8em;
    }

    .team,
    .testimonials,
    .contact,
    .banner-bottom {
        padding: 3em 0;
    }

    .w3_banner_bottom_grid h3 {
        font-size: 3.8em;
    }

    .w3_banner_bottom_grid {
        left: 2%;
        top: 470px;
    }

    .schedule {
        padding: 4em 0;
        background-position: -560px 0px;
    }

    .wthree_more a {
        padding: 10px 0;
        letter-spacing: 3px;
    }

    .wthree_text h3 {
        font-size: 1.3em;
    }

    .wthree_text {
        padding: 3.5em 0 0;
    }

    .modal-dialog {
        width: auto;
        margin: 2em;
    }

    .modal-body p {
        padding: 1em 0 0;
    }

    .modal-body p i {
        margin: 0;
    }

    .arrow-container,
    .arrow-1 {
        width: 80px;
        height: 80px;
    }

    .arrow-2 {
        width: 50px;
        height: 50px;
        top: 15px;
        left: 15px;
    }

    .arrow-2:before {
        width: 45px;
        height: 45px;
        top: 2px;
        left: 2px;
    }

    .arrow-container {
        top: -27%;
    }

    .w3_agile_footer {
        padding: 3em 0 2em;
    }
}

@media (max-width: 768px) {
    .banner {
        background-position: -115px 0px;
    }

    .cd-stretchy-nav .stretchy-nav-bg,
    .cd-nav-trigger {
        width: 45px;
        height: 45px;
    }

    .cd-nav-trigger span,
    .cd-nav-trigger span::after,
    .cd-nav-trigger span::before {
        width: 17px;
    }

    .cd-stretchy-nav ul a {
        width: 45px;
    }

    .cd-stretchy-nav ul a::after {
        right: 15px;
    }

    .cd-stretchy-nav ul {
        padding: 45px 0 10px;
    }

    .cd-stretchy-nav.edit-content ul span {
        right: 50px;
        font-size: 1em;
    }

    .agileits_social_list li a {
        font-size: 1em;
    }

    .w3l_banner_bottom_right h3 {
        font-size: 1.6em;
    }

    figure.effect-roxy h3 {
        margin-top: .7em;
    }

    .schedule {
        background-position: -610px 0px;
    }

    .wthree_text {
        padding: 4.7em 0 0;
    }

    .wthree_events_grid_left {
        margin-left: 3em;
    }

    .wthree_events_grid_left1_gridl p:before {
        left: -1%;
        bottom: -6%;
    }

    .wthree_events_grid_left:before,
    .wthree_events_grid_left:after {
        left: -1.5%;
    }

    .wthree_events_grid_right {
        min-height: 425px;
        padding: 3em;
        margin: 2em 1em 0;
    }

    .w3layouts_contact_grid {
        width: 95%;
    }
}

@media (max-width: 736px) {
    .schedule {
        background-position: 0px 0px;
    }

    .w3_modal_body_left,
    .w3_modal_body_right {
        float: none;
        width: 100%;
    }

    .w3_modal_body_left {
        padding: 0;
    }

    .w3_modal_body_right {
        padding: 2em;
    }

    .modal-body p {
        padding: 0;
    }

    .modal-body p i {
        margin: 1em 0 0;
    }

    .w3layouts_newsletter_left {
        width: 35%;
    }

    .w3layouts_newsletter_right {
        width: 65%;
    }

    .w3layouts_newsletter_left h3 {
        margin-top: 0;
        line-height: 1.5em;
    }

    #map {
        min-height: 300px;
    }

    .w3layouts_contact_grid {
        margin: 2em auto 0;
    }

    .w3layouts_contact_grid form {
        margin: 2em 0;
    }
}

@media (max-width: 667px) {
    .agile_banner_info {
        margin: 7em 0 6em;
        width: 70%;
    }

    .banner {
        background-position: -65px 0px;
        min-height: 450px;
    }

    .cd-stretchy-nav ul a {
        height: 33px;
    }

    .w3_banner_bottom_grid {
        top: 430px;
    }

    figure.effect-roxy h3 {
        margin-top: .2em;
        font-size: 1.1em;
    }

    .grid figure p {
        letter-spacing: 0px;
    }

    .agile_schedule_list ul {
        width: 80%;
    }

    .agileits_schedule_bottom_right {
        padding: 2em;
    }

    .agileits_w3layouts_schedule h3 {
        font-size: 1.6em;
    }

    .w3_agile_team_grid h3 {
        font-size: 1em;
    }

    .wthree_text {
        padding: 4.3em 0 0;
    }

    .wthree_events_grid_left1_gridl p:before {
        left: -2%;
        bottom: -5%;
    }

    .wthree_events_grid_left1_gridr h4 a {
        font-size: .9em;
    }
}

@media (max-width: 640px) {
    .banner {
        background-position: -130px 0px;
    }

    .w3_banner_bottom_grid {
        top: 408px;
    }

    figure.effect-roxy figcaption {
        padding: 1.3em;
    }

    .button--wayra {
        width: 30%;
    }

    .wthree_text h3 {
        font-size: 1.5em;
    }

    .wthree_text {
        padding: 5.8em 0 0;
    }

    .wthree_test_social_pos {
        right: 27.5%;
    }

    .wthree_events_grid_left:before,
    .wthree_events_grid_left:after {
        left: -2%;
    }

    .modal-header {
        font-size: 1.7em;
        padding: 10px;
    }

    .wthree_events_grid_right {
        min-height: auto;
        padding: 2em;
    }

    .wthree_events_grid_right1 {
        padding: 3em 3em;
    }

    .w3layouts_newsletter {
        padding: 2em 0;
    }

    .w3layouts_newsletter_left {
        width: 100%;
        float: none;
        margin-bottom: 1em;
        text-align: center;
    }

    .w3layouts_newsletter_right {
        width: 100%;
        float: none;
    }
}

@media (max-width: 600px) {
    .agile_banner_info {
        margin: 6em 0 6em;
        width: 80%;
    }

    .cd-stretchy-nav {
        right: 3%;
    }

    .w3_agileits_banner_social_icons_pos ul li {
        margin-top: 1.5em;
    }

    .w3_agileits_banner_social_icons_pos {
        right: 4.7%;
    }

    .banner {
        min-height: 430px;
    }

    .w3_banner_bottom_grid {
        top: 385px;
    }

    .agileinfo_banner_bottom_grid_three_left {
        float: none;
        width: 80%;
        padding-left: 1em;
        margin: 0 auto;
    }

    figure.effect-roxy figcaption {
        padding: 3em;
    }

    figure.effect-roxy h3 {
        margin-top: 0;
        font-size: 1.5em;
    }

    .grid figure p {
        letter-spacing: 1px;
    }

    .agileinfo_banner_bottom_grid_three_left:nth-child(2) {
        margin: 2em auto;
    }

    .w3layouts_payment_online_form h4 {
        font-size: 1.5em;
        margin-top: 0.5em;
    }

    .w3_agile_team_grid {
        width: 50%;
    }

    .w3_agile_team_grid h3 {
        font-size: 1.2em;
    }

    .wthree_events_grid_left:before,
    .wthree_events_grid_left:after {
        left: -2.2%;
    }

    .wthree_events_grid_right1 h2 {
        font-size: 2.5em;
        letter-spacing: 12px;
    }

    .arrow-container {
        top: -35%;
    }
}

@media (max-width: 568px) {
    .w3_agile_logo h1 a {
        font-size: .7em;
    }

    .banner {
        padding: 1em 0 0;
        min-height: 400px;
        background-position: -105px 0px;
    }

    .agile_banner_info h2 {
        font-size: 2.2em;
    }

    .cd-stretchy-nav ul li {
        font-size: 13px;
    }

    .cd-stretchy-nav ul a {
        height: 25px;
    }

    .cd-stretchy-nav ul {
        padding: 38px 0 10px;
    }

    .w3l_banner_bottom_right h3 {
        font-size: 1.5em;
    }

    .w3_banner_bottom_grid {
        top: 365px;
    }

    .agile_schedule_list ul li {
        font-size: .9em;
    }

    .button--wayra {
        width: 33%;
    }

    .wthree_text {
        padding: 5.5em 0 0;
    }

    .wthree_events_grid_left:before,
    .wthree_events_grid_left:after {
        left: -2.4%;
    }
}

@media (max-width: 480px) {

    .w3_agileits_banner_social_icons_pos ul li:nth-child(1):before,
    .w3_agileits_banner_social_icons_pos ul li:last-child:after {
        height: 30px;
    }

    .cd-stretchy-nav ul a {
        height: 38px;
    }

    .agile_banner_info {
        margin: 5em 0 4em;
        width: 92%;
    }

    .banner {
        min-height: 350px;
    }

    .agileits_w3layouts_call_mail ul li:first-child {
        margin-right: 2em;
    }

    .w3_agileits_banner_social_icons_pos ul li {
        margin-top: 1em;
    }

    .team,
    .testimonials,
    .contact,
    .banner-bottom {
        padding: 2em 0;
    }

    .w3_banner_bottom_grid h3 {
        font-size: 3.4em;
    }

    .w3_banner_bottom_grid {
        top: 295px;
    }

    .w3l_banner_bottom_right {
        margin: 4em 0 0;
    }

    .schedule {
        padding: 3em 0;
    }

    .agile_schedule_list ul {
        width: 90%;
    }

    .wthree_more a {
        font-size: .8em;
    }

    .agile_schedule_list {
        margin: 3em 0 2em;
    }

    .w3layouts_payment_online_form ul li {
        display: block;
        width: 100%;
    }

    .w3layouts_payment_online_form ul li:first-child {
        margin-right: 0;
    }

    .w3layouts_payment_online_form ul li.w3ls_address {
        width: 100%;
    }

    ul.w3_payment_sendbtns li {
        display: inline-block;
    }

    .agileits_schedule_bottom_right {
        padding: 1em;
    }

    .agileits_w3layouts_schedule h3 {
        font-size: 1.5em;
    }

    .agileits_w3layouts_schedule img {
        width: 65%;
    }

    .w3_agile_team_grids {
        margin: 2em 0 0;
    }

    .w3_agile_team_grid:nth-child(2),
    .w3_agile_team_grid:nth-child(4) {
        margin-top: 2em;
    }

    .wthree_text {
        padding: 9.5em 0 0;
    }

    .wthree_test_social_pos {
        right: 18.5%;
    }

    .wthree_events_grid_left {
        margin-left: 1em;
        padding: 0;
    }

    .wthree_events_grid_right1 {
        padding: 2em;
    }

    .wthree_events_grid_right1 h2 {
        letter-spacing: 8px;
    }

    .agileits_footer_nav ul li i {
        margin: 0 1em;
    }

    .w3ls_footer_nav_bottom_left h4 i,
    .w3ls_footer_nav_bottom_left p {
        padding: .5em;
    }

    .w3ls_footer_nav_bottom_left p {
        font-size: 12px;
    }

    .w3layouts_contact_grid input[type="submit"] {
        font-size: 1.1em;
    }

    .contact {
        padding-bottom: 3em;
    }

    .cd-stretchy-nav {
        top: 18px;
    }
}

@media (max-width: 414px) {
    .agile_banner_info h2 {
        font-size: 2em;
        margin: 0;
    }

    .agile_banner_info h2 i {
        font-size: .25em;
        letter-spacing: 6px;
    }

    .agile_banner_info {
        margin: 5em 0 3em;
        text-align: left;
    }

    .agileits_w3layouts_call_mail ul li {
        font-size: 13px;
    }

    .banner {
        background-position: -170px 0px;
    }

    .w3_agileits_banner_social_icons_pos {
        bottom: 20%;
    }

    .w3l_banner_bottom_right {
        padding: 0;
    }

    .w3_banner_bottom_grid {
        top: 255px;
        left: 0%;
    }

    .agileinfo_banner_bottom_grid_three_left {
        width: 100%;
    }

    .agile_schedule_list ul {
        width: 100%;
    }

    .agile_schedule_list ul li span {
        width: 45%;
    }

    .button--wayra {
        width: 40%;
    }

    .schedule {
        background-position: -700px 0px;
    }

    .w3ls_schedule_bottom_right_grid h3 {
        font-size: 1.15em;
    }

    .w3ls_schedule_bottom_right_grid {
        padding: 1.5em;
    }

    .w3l_schedule_bottom_right_grid1 h4 {
        font-size: 12px;
    }

    .w3l_schedule_bottom_right_grid1 h5 {
        font-size: 1.6em;
    }

    .w3_agile_team_grid h3 {
        font-size: 1em;
    }

    .wthree_text {
        padding: 8.7em 0 0;
    }

    .wthree_events_grid_left1_gridl p {
        padding: 5em 0 1em 0;
        font-size: 12px;
    }

    .wthree_events_grid_left1_gridr h4 a {
        font-size: .8em;
        line-height: 1.5em;
    }

    .wthree_events_grid_left1_gridl p:before {
        left: -4%;
        bottom: -4%;
    }

    .wthree_events_grid_left:before,
    .wthree_events_grid_left:after {
        left: -3.1%;
    }

    .wthree_events_grid_right1 h3 {
        font-size: 2em;
    }

    .wthree_events_grid_right1 h2 {
        letter-spacing: 5px;
        font-size: 2em;
    }

    #map {
        min-height: 250px;
    }

    .w3ls_footer_nav_bottom_left {
        float: none;
        width: 100%;
        border: 1px solid #fff;
        border-bottom: none;
    }

    .agileits_footer_nav {
        padding: 1em;
        border: 1px solid #fff;
        border-bottom: none;
    }

    .w3ls_footer_nav_bottom_left:nth-child(3) {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

    .w3ls_footer_nav_bottom_left h4 i {
        border-bottom: 1px solid #fff;
    }

    .w3ls_footer_nav_bottom_left h4 i,
    .w3ls_footer_nav_bottom_left p {
        padding: 1em;
    }

    .w3ls_footer_nav_bottom_left p {
        font-size: 13px;
    }

    .w3_agileits_contact_grid_left,
    .w3_agileits_contact_grid_right {
        float: none;
        width: 100%;
    }

    .w3layouts_contact_grid input[type="text"],
    .w3layouts_contact_grid input[type="email"],
    .w3layouts_contact_grid input[type="number"],
    .w3layouts_contact_grid textarea {
        border: 1px solid #fff;
        padding: 13px;
    }

    .w3layouts_contact_grid textarea {
        border-left: 1px solid #fff;
        border-top: none;
    }

    .w3layouts_contact_grid input[type="submit"] {
        font-size: 1em;
        border: 1px solid #fff;
    }

    .arrow-2 {
        width: 40px;
        height: 40px;
    }

    .arrow-2 i.fa {
        font-size: 1em;
    }

    .arrow-2:before {
        width: 36px;
        height: 36px;
    }

    .arrow-container,
    .arrow-1 {
        width: 70px;
        height: 70px;
    }

    .arrow-container {
        top: -25%;
    }

    .w3layouts_contact_grid input[type="email"],
    .w3layouts_contact_grid input[type="number"] {
        border-top: none;
        border-bottom: none;
    }
}

@media (max-width: 384px) {
    .agile_banner_info p {
        font-size: 13px;
    }

    .w3_agile_logo h1 a {
        font-size: .6em;
    }

    .banner {
        background-position: -205px 0px;
    }

    .w3l_banner_bottom_right h3 {
        font-size: 1.3em;
    }

    .w3_banner_bottom_grid h3 {
        font-size: 3em;
    }

    .w3l_banner_bottom_right {
        margin: 3em 0 0;
    }

    .w3_banner_bottom_grid {
        top: 225px;
    }

    .w3l_banner_bottom_right p {
        margin: 1em 0 0;
    }

    figure.effect-roxy figcaption {
        padding: 2em;
    }

    .agile_schedule_list ul li span {
        width: 40%;
    }

    .schedule {
        background-position: -620px 0px;
    }

    .w3_payment_sendbtns input[type="reset"],
    .w3_payment_sendbtns input[type="submit"] {
        padding: 0.6em 1.5em;
    }

    .w3ls_schedule_bottom_right_grid {
        padding: 1.5em 1em;
    }

    .w3l_schedule_bottom_right_grid1 {
        padding: 0 .5em;
    }

    .agileits_w3layouts_schedule h3 {
        font-size: 1.4em;
    }

    .agileits_w3layouts_schedule img {
        width: 80%;
    }

    .w3_agile_team_grid:nth-child(2),
    .w3_agile_team_grid:nth-child(4) {
        margin-top: 1em;
    }

    .wthree_events_grid_left1_gridl p:before {
        bottom: -3%;
    }

    .wthree_events_grid_right {
        padding: 1em;
    }

    .wthree_events_grid_right1 {
        padding: 1.5em;
    }

    .w3layouts_newsletter_left h3 {
        font-size: 1.4em;
    }

    .w3layouts_newsletter_right input[type="submit"] {
        width: 33%;
    }

    .w3layouts_newsletter_right input[type="email"],
    .w3layouts_newsletter_right input[type="number"] {
        width: 65%;
    }

    .agileits_footer_nav ul li i {
        margin: 0 0.5em;
    }

    .wthree_text {
        padding: 8em 0 0;
    }

    .modal-header {
        font-size: 1.5em;
    }

    .modal-dialog {
        margin: 1em;
    }

    .w3_modal_body_right {
        padding: 1em;
    }
}

@media (max-width: 375px) {
    .agileits_w3layouts_call_mail ul li:first-child {
        margin-right: 1em;
    }

    .button--wayra {
        width: 42%;
    }

    .wthree_text {
        padding: 7.5em 0 0;
    }

    .wthree_events_grid_left1_gridl p {
        padding: 2em 0 1em 0;
    }

    .wthree_events_grid_right1 h2 {
        font-size: 1.8em;
    }

    .agile_testimonials_grid h3 {
        font-size: 1em;
    }
}

@media (max-width: 320px) {
    .w3_agile_logo h1 a {
        font-size: .55em;
    }

    .agile_banner_info h2 {
        font-size: 1.8em;
        width: 45%;
    }

    .agile_banner_info {
        margin: 4em 0 3em;
    }

    .agileits_w3layouts_call_mail ul li i {
        padding-right: .5em;
    }

    .agileits_w3layouts_call_mail ul li {
        font-size: 12px;
    }

    .banner {
        min-height: 320px;
    }

    .agileits_social_list li a {
        font-size: .8em;
    }

    .w3_agileits_banner_social_icons_pos ul li {
        margin-top: 0.5em;
    }

    .w3_agileits_banner_social_icons_pos ul li:nth-child(1):before {
        bottom: 125%;
    }

    .w3_agileits_banner_social_icons_pos ul li:last-child:after {
        top: 125%;
    }

    .cd-stretchy-nav ul a {
        height: 35px;
    }

    .cd-stretchy-nav.edit-content ul span {
        font-size: 12px;
    }

    .w3l_banner_bottom_left {
        padding: 0;
    }

    .w3l_banner_bottom_right h3 {
        font-size: 1.2em;
    }

    .w3_banner_bottom_grid h3 {
        font-size: 2.8em;
    }

    .w3_banner_bottom_grid {
        top: 200px;
    }

    p,
    ul li,
    ol li {
        font-size: 13px;
    }

    .w3l_banner_bottom_right ul li i {
        font-size: 1.5em;
        padding-right: 0em;
        width: 45px;
    }

    .wthree_banner_bottom_grid_three_left1 {
        padding-top: 1em;
    }

    figure.effect-roxy h3 {
        font-size: 1.3em;
    }

    .w3_agileits_banner_social_icons_pos {
        bottom: 30%;
    }

    .agile_schedule_list ul li {
        font-size: 13px;
    }

    .agile_schedule_list ul li span {
        width: 37%;
    }

    .button--wayra {
        width: 50%;
    }

    .w3layouts_payment_online_form h4 {
        font-size: 1.2em;
        margin-top: 0;
    }

    .w3layouts_payment_online_form form {
        padding: 0;
    }

    .w3_payment_sendbtns input[type="reset"],
    .w3_payment_sendbtns input[type="submit"] {
        padding: 0.6em 1.1em;
    }

    .w3ls_schedule_bottom_right_grid h3 {
        font-size: 1em;
        line-height: 1.5em;
    }

    .w3l_schedule_bottom_right_grid1 {
        padding: 0;
    }

    .w3l_schedule_bottom_right_grid1 i {
        font-size: 1.2em;
    }

    .w3l_schedule_bottom_right_grid1 h5 {
        font-size: 1.4em;
    }

    .agileits_w3layouts_schedule img {
        width: 95%;
    }

    .w3_agile_team_grid {
        padding: 0 .5em;
    }

    .w3_agile_team_grid h3 {
        font-size: .9em;
    }

    .wthree_text {
        padding: 6.8em 0 0;
    }

    .wthree_test_social_pos {
        right: 2.5%;
    }

    .wthree_events_grid_left:before,
    .wthree_events_grid_left:after {
        height: 15px;
        width: 15px;
    }

    .wthree_events_grid_right1 h3 {
        font-size: 1.6em;
    }

    .wthree_events_grid_right1 h2 {
        font-size: 1.5em;
    }

    .modal-header {
        font-size: 1.3em;
    }

    .modal-dialog {
        margin: .5em;
    }

    .w3layouts_newsletter_left h3 {
        font-size: 1.17em;
    }

    .w3layouts_newsletter_right input[type="email"],
    .w3layouts_newsletter_right input[type="number"] {
        width: 100%;
        margin-bottom: 1em;
        font-size: 13px;
    }

    .w3layouts_newsletter_right input[type="submit"] {
        width: 100%;
    }

    .w3layouts_contact_grid {
        width: 100%;
    }

    .agileits_footer_nav ul li i {
        margin: 0 0.3em;
    }

    .w3_agile_footer {
        padding: 2.5em 0 2em;
    }
}


.dropzone {
    padding: 35px 65px !important;
}

.dropzone .dz-message {
    margin: 0 !important;
}

.dropzone p {
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    color: black !important;
    font-family: Arial;
}

.dropzone input {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
}


/* ============================================ */


/* config.css */

/* :root {
	--baseColor: #606468;
  } */

/* helpers/align.css */

.align {
    display: grid;
    place-items: center;
}

/* helpers/grid.css */

.grid {
    inline-size: 90%;
    margin-inline: auto;
    max-inline-size: 20rem;
}

/* helpers/hidden.css */

.hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* helpers/icon.css */

:root {
    --iconFill: var(--baseColor);
}

.icons {
    display: none;
}

.icon {
    block-size: 1em;
    display: inline-block;
    fill: var(--iconFill);
    inline-size: 1em;
    vertical-align: middle;
}

/* layout/base.css */

/* :root {
	--htmlFontSize: 100%;
  
	--bodyBackgroundColor: #2c3338;
	--bodyColor: var(--baseColor);
	--bodyFontFamily: "Open Sans";
	--bodyFontFamilyFallback: sans-serif;
	--bodyFontSize: 0.875rem;
	--bodyFontWeight: 400;
	--bodyLineHeight: 1.5;
  } */

* {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    font-size: var(--htmlFontSize);
}

body {
    background-color: var(--bodyBackgroundColor);
    color: var(--bodyColor);
    font-family: var(--bodyFontFamily), var(--bodyFontFamilyFallback);
    font-size: var(--bodyFontSize);
    font-weight: var(--bodyFontWeight);
    line-height: var(--bodyLineHeight);
    margin: 0;
    min-block-size: 100vh;
}

/* modules/anchor.css */

:root {
    --anchorColor: #eee;
}

a {
    color: var(--anchorColor);
    outline: 0;
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: underline;
}

/* modules/form.css */

:root {
    --formFieldMargin: 0.875rem;
}

input {
    background-image: none;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    transition: background-color 0.3s;
}

input[type="submit"] {
    cursor: pointer;
}

.form {
    margin: calc(var(--formFieldMargin) * -1);
}

.form input[type="password"],
.form input[type="text"],
.form input[type="submit"] {
    inline-size: 100%;
}

.form__field {
    display: flex;
    margin: var(--formFieldMargin);
}

.form__input {
    flex: 1;
}

/* modules/login.css */

:root {
    --loginBorderRadus: 0.25rem;
    --loginColor: #eee;

    --loginInputBackgroundColor: #3b4148;
    --loginInputHoverBackgroundColor: #434a52;

    --loginLabelBackgroundColor: #363b41;

    --loginSubmitBackgroundColor: #ea4c88;
    --loginSubmitColor: #eee;
    --loginSubmitHoverBackgroundColor: #d44179;
}

.login {
    color: var(--loginColor);
}

.login label,
.login input[type="text"],
.login input[type="password"],
.login input[type="submit"] {
    border-radius: var(--loginBorderRadus);
    padding: 1rem;
}

.login label {
    background-color: var(--loginLabelBackgroundColor);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-inline: 1.25rem;
}

.login input[type="password"],
.login input[type="text"] {
    background-color: var(--loginInputBackgroundColor);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.login input[type="password"]:focus,
.login input[type="password"]:hover,
.login input[type="text"]:focus,
.login input[type="text"]:hover {
    background-color: var(--loginInputHoverBackgroundColor);
}

.login input[type="submit"] {
    background-color: var(--loginSubmitBackgroundColor);
    color: var(--loginSubmitColor);
    font-weight: 700;
    text-transform: uppercase;
}

.login input[type="submit"]:focus,
.login input[type="submit"]:hover {
    background-color: var(--loginSubmitHoverBackgroundColor);
}

/* modules/text.css */

p {
    margin-block: 1.5rem;
}

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



@media (min-width: 150px) and (max-width: 2245px) {
    .qh {
        height: 11rem
    }
}

@media (min-width: 150px) and (max-width: 402px) {
    .hdng {
        font-size: 33px;
    }
}



/* claim csss==================================== */

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");

*,
*:after,
*:before {
    box-sizing: border-box;
}

:root {
    /* Banner */
    --banner-outer-height: 75px;
    --banner-inner-height: 50px;
    --banner-height-difference: calc(var(--banner-outer-height) - var(--banner-inner-height));
    --banner-bg: #ffc75f;

    /* Header */
    --header-outer-height: 110px;
    --header-inner-height: 70px;
    --header-bg: #fff;
}




.responsive-wrapper {
    width: 90%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}


/* Sticky banner */
.banner-outer {
    /* Make it stick */
    /* height: var(--banner-outer-height); */
    position: sticky;
    top: calc(var(--banner-height-difference) * -1);
    /* Multiply by -1 to get a negative value */
    display: flex;
    align-items: center;

    /* Other */
    background-color: #d4573f;
    z-index: 1;
}

.banner-inner {
    /* Make it stick */
    height: var(--banner-inner-height);
    position: sticky;
    top: 0;

    /* Other */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.25;
}

.header-outer {
    height: var(--header-outer-height);
    display: flex;
    align-items: center;
    background-color: var(--header-bg);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.header-inner {
    height: var(--header-inner-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Styling of other elements */
.header-logo img {
    display: block;
    height: calc(var(--header-inner-height) - 30px);
}

.header-navigation {
    display: flex;
    flex-wrap: wrap;
}

.header-navigation a,
.header-navigation button {
    font-size: 1.125rem;
    color: inherit;
    margin-left: 1.75rem;
    position: relative;
    font-weight: 500;
}

.header-navigation a {
    display: none;
    font-size: 1.125rem;
    color: inherit;
    text-decoration: none;
}

.header-navigation button {
    border: 0;
    background-color: transparent;
    padding: 0;
}

.header-navigation a:hover:after,
.header-navigation button:hover:after {
    transform: scalex(1);
}

.header-navigation a:after,
.header-navigation button:after {
    transition: 0.25s ease;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: currentcolor;
    transform: scalex(0);
    position: absolute;
    bottom: -2px;
    left: 0;
}

.main {
    margin-top: 3rem;
}

@media (min-width: 800px) {
    .header-navigation a {
        display: inline-block;
    }

    .header-navgitaion button {
        display: none;
    }
}

.ribbon {
    cursor: pointer;
    position: absolute;
    width: 225px;
    padding: 20px;
    text-align: center;
    color: #fff;
    letter-spacing: 3px;
    font-family: "Lato";
    font-weight: 900;
    background: #e43;
}

.ribbon.sticky {
    position: fixed;
}

.ribbon.top {
    top: 20px;
}

.ribbon.left {
    left: -70px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ribbon.right {
    right: -70px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ribbon.top-right {
    position: absolute !important;
    top: 15px;
    right: -25px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ribbon.red {
    background: #e34;
}

.ribbon.blue {
    background: rgb(81 89 120 / 70%);
}

a:hover {
    /* background-color: white; */
}



/* --==================services-----------============= */

.services_container {
    max-width: 1320px;
}

section {
    overflow: hidden;
}

.services_section-bg {
    background: #f5f8fd;
}

.services_section-header h3 {
    font-size: 36px;
    color: #413e66;
    text-align: center;
    font-weight: 700;
    position: relative;
    font-family: "Montserrat", sans-serif;
}

.services_section-header p {
    text-align: center;
    margin: auto;
    font-size: 15px;
    padding-bottom: 60px;
    color: #535074;
    width: 50%;
}

@media (max-width: 767px) {
    .services_section-header p {
        width: 100%;
    }
}

#services {
    /* padding: 60px 0 40px 0; */
}

#services .services_box {
    padding: 39px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 10px 40px 10px;
    background: #fff;
    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.services_1);
    transition: all 0.services_3s ease-in-out;
    text-align: center;
}

#services .services_box:hover {
    transform: scale(1.services_1);
}

#services .services_icon {
    margin: 0 auto 15px auto;
    padding-top: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

#services .services_icon .services_service-icon {
    font-size: 36px;
    line-height: 1;
}

#services .services_title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

#services .services_title a {
    color: #d4573f;
}

#services .services_box:hover .services_title a {
    color: #c59c35;
}

#services .services_box:hover .services_title a:hover {
    text-decoration: none;
}

#services .services_description {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
    text-align: left;
}



/* =========================================================== */


/* Table Styles */

.table-wrapper {
    margin: 10px 70px 70px;
    box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.2);
}

.fl-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    /* white-space: nowrap; */
    background-color: white;
}

.fl-table td,
.fl-table th {
    text-align: center;
    padding: 8px;
}

.fl-table td {
    border-right: 1px solid #f8f8f8;
    font-size: 12px;
}

.fl-table thead th {
    color: #ffffff;
    background: #4FC3A1;
}


.fl-table thead th:nth-child(odd) {
    color: #ffffff;
    background: #324960;
}

.fl-table tr:nth-child(even) {
    background: #F8F8F8;
}

/* Responsive */

@media (max-width: 767px) {
    .fl-table {
        display: block;
        width: 100%;
    }

    .table-wrapper:before {
        content: "Scroll horizontally >";
        display: block;
        text-align: right;
        font-size: 11px;
        color: white;
        padding: 0 0 10px;
    }

    .fl-table thead,
    .fl-table tbody,
    .fl-table thead th {
        display: block;
    }

    .fl-table thead th:last-child {
        border-bottom: none;
    }

    .fl-table thead {
        float: left;
    }

    .fl-table tbody {
        width: auto;
        position: relative;
        overflow-x: auto;
    }

    .fl-table td,
    .fl-table th {
        padding: 20px .625em .625em .625em;
        height: 60px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        width: 120px;
        font-size: 13px;
        text-overflow: ellipsis;
    }

    .fl-table thead th {
        text-align: left;
        border-bottom: 1px solid #f7f7f9;
    }

    .fl-table tbody tr {
        display: table-cell;
    }

    .fl-table tbody tr:nth-child(odd) {
        background: none;
    }

    .fl-table tr:nth-child(even) {
        background: transparent;
    }

    .fl-table tr td:nth-child(odd) {
        background: #F8F8F8;
        border-right: 1px solid #E6E4E4;
    }

    .fl-table tr td:nth-child(even) {
        border-right: 1px solid #E6E4E4;
    }

    .fl-table tbody td {
        display: block;
        text-align: center;
    }
}


/* =========================Product List=============================== */

/*-----------------------------
Section: Products List
----------------------------- */


.mystyle-products {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: var(--breakpoint-xs)) {
    .mystyle-products {
        display: block;
    }
}

.mystyle-products.slider-products .product {
    width: auto;
    margin-bottom: 0;
}

.mystyle-products .product {
    width: 25%;
    margin-bottom: 20px;
    position: relative;
    padding: 20px;
    background: #fff;
}

@media (max-width: var(--breakpoint-sm)) {
    .mystyle-products .product {
        width: 50%;
    }
}

@media (max-width: var(--breakpoint-xs)) {
    .mystyle-products .product {
        width: auto;
    }
}

.mystyle-products .product:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    z-index: 7;
}

.mystyle-products .product:hover .btn-circle {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.mystyle-products .product h3 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
    height: 39px;
    overflow: hidden;
}

@media (max-width: var(--breakpoint-xs)) {
    .mystyle-products .product h3 {
        height: auto;
    }
}

.mystyle-products .product>a {
    position: relative;
    display: block;
    color: #333;
    text-decoration: none;
}

.mystyle-products .product>a:hover {
    text-decoration: none;
}

.mystyle-products .product .add_to_cart_button {
    display: none;
}

.mystyle-products .product .attachment-shop_catalog {
    display: block;
    margin: 0 auto;
}

.mystyle-products .product .btn-circle {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    padding: 0;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    color: #fff;
    transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
    transition: color 0.5s 0.001s ease-out, background 0.3s 0.001s ease-out, visibility 0.5s 0.25s ease-out, opacity 0.5s 0.25s ease-out, transform 0.5s 0.25s ease-out;
}

.mystyle-products .product .price {
    font-size: 14px;
}

.mystyle-products .product .price ins {
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
}

.mystyle-products .product .price del {
    color: #666;
    font-size: 11px;
    padding-right: 7px;
    white-space: nowrap;
}

.mystyle-products .product .price .sale-tag {
    color: red;
    font-size: 12px;
    padding-left: 7px;
    font-weight: 700;
}

.mystyle-products .onsale {
    z-index: 6;
    position: absolute;
    top: 15px;
    left: -20px;
    padding: 2px 10px;
    background: var(--red);
    color: #fff;
    box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3);
    border-radius: 0 5px 5px 0;
    height: 25px;
    line-height: 25px;
    font-size: 0.8rem;
    font-weight: normal;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
}

.mystyle-products .onsale:before,
.mystyle-products .onsale:after {
    content: "";
    position: absolute;
}

.mystyle-products .onsale:before {
    width: 7px;
    height: 33px;
    top: 0;
    left: -6.5px;
    padding: 0 0 7px;
    background: inherit;
    border-radius: 5px 0 0 5px;
}

.mystyle-products .onsale:after {
    width: 5px;
    height: 5px;
    bottom: -5px;
    left: -4.5px;
    border-radius: 5px 0 0 5px;
    background: #800;
}



/* =======================Services List CSS ========================================= */

a {
    text-decoration: none !important;
}

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

.center-heading .section-title {
    font-weight: 400;
    font-size: 28px;
    color: #3b566e;
    letter-spacing: 1.1px;
    line-height: 38px;
    margin-bottom: 20px;
}

.center-heading.colored .section-title {
    color: #ffffff;
}

.center-text {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #6f8ba4;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 50px;
}

.center-text.colored {
    color: #c7e5ff;
}

.center-text p {
    margin-bottom: 30px;
}

.services-small-item {
    display: block;
    background: #fff;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    padding: 40px 28px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
}

.services-small-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    background-image: linear-gradient(135deg, #80d0c7 0%, #13547a 100%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
}

.services-small-item.active:before,
.services-small-item:hover:before {
    opacity: 1;
}

.services-small-item.active .icon:before,
.services-small-item:hover .icon:before {
    opacity: 0.26;
}

.services-small-item.active .icon i,
.services-small-item:hover .icon i {
    background: -webkit-linear-gradient(#fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services-small-item.active .services-title,
.services-small-item:hover .services-title {
    color: #ffffff;
}

.services-small-item.active p,
.services-small-item:hover p {
    color: #ffffff;
}

.services-small-item.active .button i,
.services-small-item:hover .button i {
    background-image: linear-gradient(135deg, #fff 0%, #fff 100%) !important;
    color: #2b708b !important;
}

.services-small-item:hover {
    margin-top: -15px;
}

.services-small-item .icon {
    width: 139px;
    height: 113px;
    margin: auto;
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.services-small-item .icon i {
    display: block;
    height: 67px;
    line-height: 67px;
    position: absolute;
    width: 100%;
    top: 22px;
    z-index: 2;
    font-size: 28px;
    background-image: linear-gradient(135deg, #80d0c7 0%, #13547a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.services-small-item .services-title {
    font-weight: 400;
    font-size: 16px;
    color: #3b566e;
    letter-spacing: 0.7px;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.services-small-item p {
    font-weight: 400;
    font-size: 14px;
    color: #6f8ba4;
    letter-spacing: 0.88px;
    line-height: 26px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    /* margin-bottom: 30px; */
}

.services-small-item .button {
    position: relative;
    z-index: 2;
}

.services-small-item .button i {
    width: 146px;
    height: 42px;
    background-image: linear-gradient(135deg, #80d0c7 0%, #13547a 100%);
    line-height: 42px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    padding-left: 3px;
}

.services-small-item:hover+.item-bg {
    bottom: 30px;
}

.item-bg {
    content: "";
    position: absolute;
    width: 80%;
    height: 15px;
    bottom: 15px;
    left: 0px;
    right: 0px;
    margin: auto;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1;
    background: #fff;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}




/* =======================SHOP CSS=================================== */

.layout_padding {
    /* padding: 70px 0; */
}

.layout_padding2 {
    /* padding: 75px 0; */
}

.layout_padding2-top {
    /* padding-top: 75px; */
}

.layout_padding2-bottom {
    /* padding-bottom: 75px; */
}

.layout_padding-top {
    /* padding-top: 90px; */
}

.layout_padding-bottom {
    /* padding-bottom: 90px; */
}

h1,
h2 {
    font-family: 'Playfair Display', serif;
}

.heading_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.heading_container h2 {
    position: relative;
    margin-bottom: 0;
    font-size: 3.5rem;
    font-weight: bold;
}

.heading_container h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 5px;
    background: #f7444e;
    margin: 10px auto 10px;
}

.heading_container h2 span {
    color: #f7444e;
}

.heading_container p {
    margin-top: 10px;
    margin-bottom: 0;
}

.heading_container.heading_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

a:hover,
a:focus {
    color: initial;
}

.btn,
.btn:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*header section*/
.hero_area {
    position: relative;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sub_page .hero_area {
    min-height: auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}

.header_section {
    padding: 15px 0;
}

.header_section .container-fluid {
    padding-right: 25px;
    padding-left: 25px;
}

.navbar-brand {
    font-family: 'Playfair Display', serif;
}

.navbar-brand span {
    font-weight: bold;
    font-size: 32px;
    color: #000000;
}

.custom_nav-container {
    padding: 0;
}

.custom_nav-container .navbar-nav {
    margin-left: auto;
}

.custom_nav-container .navbar-nav .nav-item .nav-link {
    padding: 5px 20px;
    color: #131313;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-weight: 700;
}

.custom_nav-container .navbar-nav .nav-item .nav-link svg {
    width: 17px;
    height: auto;
    fill: #000000;
    margin-bottom: 2px;
}

.custom_nav-container .navbar-nav .nav-item:hover .nav-link,
.custom_nav-container .navbar-nav .nav-item.active .nav-link {
    color: #f7444e;
}

.custom_nav-container .navbar-nav .nav-item:hover .nav-link svg,
.custom_nav-container .navbar-nav .nav-item.active .nav-link svg {
    fill: #f7444e;
}

.custom_nav-container .nav_search-btn {
    width: 35px;
    height: 35px;
    padding: 0;
    border: none;
    color: #000000;
}

.custom_nav-container .nav_search-btn:hover {
    color: #f7444e;
}

.custom_nav-container .navbar-toggler {
    outline: none;
}

.custom_nav-container .navbar-toggler {
    padding: 0;
    width: 37px;
    height: 42px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.custom_nav-container .navbar-toggler span {
    display: block;
    width: 35px;
    height: 4px;
    background-color: #000000;
    margin: 7px 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    border-radius: 5px;
    transition: all 0.3s;
}

.custom_nav-container .navbar-toggler span::before,
.custom_nav-container .navbar-toggler span::after {
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    top: -10px;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.custom_nav-container .navbar-toggler span::after {
    top: 10px;
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom_nav-container .navbar-toggler[aria-expanded="true"] span::before,
.custom_nav-container .navbar-toggler[aria-expanded="true"] span::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
}

/*end header section*/
/* slider section */
.slider_section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 90px 0 75px 0;
}

.slider_section .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider_section #customCarousel1 {
    width: 100%;
    position: unset;
}

.slider_section .detail-box h1 {
    font-size: 4.5rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: #002c3e;
    line-height: 70px;
}

.slider_section .detail-box h1 span {
    color: #f7444e;
}

.slider_section .detail-box p {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 1.5rem;
}

.slider_section .detail-box a {
    display: inline-block;
    padding: 12px 45px;
    background-color: #f7444e;
    border: 1px solid #f7444e;
    color: #ffffff;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 10px;
    font-weight: 700;
}

.slider_section .detail-box a:hover {
    background-color: transparent;
    color: #f7444e;
}

.slider_section .img-box img {
    width: 100%;
}

.slider_section .carousel-indicators {
    position: unset;
    margin: 0;
    margin-top: 45px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider_section .carousel-indicators li {
    background-color: #ffffff;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    opacity: 1;
}

.slider_section .carousel-indicators li.active {
    width: 20px;
    height: 20px;
    background-color: #f7444e;
}

.slider_bg_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: -1; */
}

.slider_bg_box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top right;
    object-position: top right;
}

.product_section .heading_container {
    margin-bottom: 20px;
}

.product_section .box {
    position: relative;
    margin-top: 25px;
    padding: 35px 35px;
    background-color: #f7f8f9;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, .2);
    border: solid #fff 10px;
}

.product_section .box .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 215px;
}

.product_section .box .img-box img {
    max-width: 100%;
    max-height: 160px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.product_section .box .detail-box {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_section .box .detail-box h5 {
    font-size: 18px;
    margin-top: 10px;
}

.product_section .box .detail-box h6 {
    margin-top: 10px;
    color: #002c3e;
    font-weight: 600;
}

.product_section .box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product_section .box:hover .option_container {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.arrival_section {
    background-color: #d4ced0;
}

.product_section .option_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.product_section .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_section .options span {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 30px;
    width: 165px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 5px 0;
}

.product_section .options .option1 {
    background-color: #f7444e;
    border: 1px solid #f7444e;
    color: #ffffff;
    cursor: pointer;
}

.product_section .options .option1:hover {
    background-color: transparent;
    color: #f7444e;
}

.product_section .options .option2 {
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
    cursor: pointer;
}

.product_section .options .option2:hover {
    background-color: transparent;
    color: #000000;
}

.product_section .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px;
}

.product_section .btn-box a {
    display: inline-block;
    padding: 10px 40px;
    background-color: #f7444e;
    border: 1px solid #f7444e;
    color: #ffffff;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.product_section .btn-box a:hover {
    background-color: transparent;
    color: #f7444e;
}

.arrival_section .heading_container {
    color: #002c3e;
    margin-bottom: 10px;
}

.arrival_section .box {
    padding: 120px 45px;
    position: relative;
}

.arrival_section .arrival_bg_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.arrival_section .arrival_bg_box img {
    width: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top left;
    object-position: top left;
}

.arrival_section a {
    display: inline-block;
    padding: 10px 45px;
    background-color: #f7444e;
    border: 1px solid #f7444e;
    color: #ffffff;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.arrival_section a:hover {
    background-color: transparent;
    color: #f7444e;
}

.why_section .box {
    text-align: center;
    margin-top: 45px;
    background-color: #002c3e;
    padding: 45px 50px;
    border-radius: 5px;
    color: #ffffff;
}

.detail-box h5 {
    font-size: 21px;
    font-weight: 700;
}

.remove_line_bt h2::after {
    display: none;
}

.why_section .box .img-box {
    margin-bottom: 15px;
}

.why_section .box .img-box svg {
    width: 55px;
    height: auto;
    fill: #ffffff;
}

.subscribe_section {
    text-align: center;
}

.subscribe_section .box {
    background-color: #d4ced0;
    padding: 75px 45px;
}

.subscribe_section .subscribe_form .heading_container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #002c3e;
}

.subscribe_section .subscribe_form .heading_container h2 {
    padding: 0 25px;
}

.subscribe_section .subscribe_form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.subscribe_section .subscribe_form form input {
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 90px;
    outline: none;
    padding: 5px 25px;
    background-color: #ffffff;
    margin-top: 15px;
    text-align: left;
}

.subscribe_section .subscribe_form form input::-webkit-input-placeholder {
    color: #171620;
}

.subscribe_section .subscribe_form form input:-ms-input-placeholder {
    color: #171620;
}

.subscribe_section .subscribe_form form input::-ms-input-placeholder {
    color: #171620;
}

.subscribe_section .subscribe_form form input::placeholder {
    color: #171620;
}

.subscribe_section .subscribe_form form button {
    display: inline-block;
    padding: 10px 45px;
    background-color: #f7444e;
    border: 1px solid #f7444e;
    color: #ffffff;
    border-radius: 35px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    margin-top: 35px;
    font-weight: 600;
    width: 100%;
    max-width: 285px;
}

.subscribe_section .subscribe_form form button:hover {
    background-color: transparent;
    color: #f7444e;
}

.client_section .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-top: 55px;
}

.client_section .box .img_container {
    width: auto;
    height: auto;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

.client_section .box .img_container .img-box {
    width: auto;
    height: auto;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    margin-right: -1px;
}

.client_section .box .img_container .img-box .img_box-inner {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.client_section .box .img_container .img-box .img_box-inner img {
    width: 100%;
}

.client_section .box .detail-box {
    margin-top: 25px;
}

.client_section .box .detail-box h5 {
    font-size: 20px;
    font-weight: 600;
}

.client_section .box .detail-box h6 {
    font-size: 15px;
    color: #999998;
}

.client_section .carousel-control-prev,
.client_section .carousel-control-next {
    top: 43%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    width: auto;
    margin: 0 5px;
    width: 50px;
    height: 50px;
    opacity: 1;
    color: #ffffff;
    background-color: #f7444e;
    border-radius: 100%;
}

.client_section .carousel-control-prev:hover,
.client_section .carousel-control-next:hover {
    background-color: #212121;
}

.client_section .carousel-control-prev {
    left: 25%;
}

.client_section .carousel-control-next {
    right: 25%;
}

/* footer section*/
.footer_section {
    background-color: #002c3e;
    color: #ffffff;
    padding-top: 70px;
}

.footer_section {
    color: #ffffff;
    text-align: left;
}

.footer_section h4 {
    font-size: 28px;
}

.footer_section h4,
.footer_section .footer-logo {
    font-weight: 600;
    margin-bottom: 20px;
    font-family: 'Playfair Display', serif;
    text-align: left;
}

.footer_section .footer-col {
    margin-bottom: 30px;
}

.footer_section .footer_contact .contact_link_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.footer_section .footer_contact .contact_link_box a {
    margin: 10px 0;
    color: #ffffff;
}

.footer_section .footer_contact .contact_link_box a i {
    margin-right: 5px;
}

.footer_section .footer_contact .contact_link_box a:hover {
    color: #f7444e;
}

.footer_section .footer-logo {
    display: block;
    font-weight: bold;
    font-size: 32px;
    color: #ffffff;
}

.footer_section .footer_social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: center;
    justify-content: left;
    margin-top: 25px;
    margin-bottom: 10px;
}

.footer_section .footer_social a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #002c3e;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #ffffff;
    border-radius: 100%;
    margin: 0 2.5px;
    font-size: 18px;
}

.footer_section .footer_social a:hover {
    color: #f7444e;
}

.footer_section .map_container {
    width: 100%;
    height: 175px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.footer_section .map_container .map {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer_section .map_container .map #googleMap {
    height: 100%;
}

.footer_section .footer-info {
    text-align: center;
    margin-top: 25px;
}

.footer_section .footer-info p {
    color: #ffffff;
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer_section .footer-info p a {
    color: inherit;
}

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

.heading_container.heading_center h3 {
    position: relative;
    margin-bottom: 15px;
    font-size: 2.5rem;
    font-weight: bold;
    font-family: 'Playfair Display', serif;
}

li.nav-item ul {
    background: #fff;
    border: solid #000 2px;
    border-radius: 0;
    padding: 10px 20px;
    margin-left: 10px;
    margin-top: 10px;
    box-shadow: 4px 4px 0px 0 #000;
    width: 190px;
}

li.nav-item ul li {
    float: left;
    width: 100%;
    margin: 6px 0;
}

li.nav-item ul li a {
    color: #212529;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    margin-top: 10px;
    transition: ease all 0.5s;
}

li.nav-item ul li a:hover,
li.nav-item ul li a:focus {
    color: #f7444e;
}

.inner_page_head {
    background: #f7444e;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 40px;
}

.inner_page_head h3 {
    font-size: 42px;
    font-weight: 800;
}

/** footer **/

footer {
    background: #f8f8f8;
    padding: 90px 0 70px;
}

.logo_footer {
    margin-bottom: 30px;
}

.information_f p {
    margin-bottom: 1.2rem;
    line-height: 25px;
    font-size: 15px;
}

.widget_menu h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    margin-bottom: 25px;
}

.widget_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_menu ul li {
    float: left;
    width: 100%;
}

.widget_menu ul li a {
    font-size: 15px;
    color: #000;
    margin-bottom: 0;
    float: left;
    width: 100%;
    margin-top: 5px;
}

.field {
    display: flex;
}

.widget_menu {
    float: left;
    width: 100%;
}

div.form_sub .field input[type="email"],
div.form_sub .field input[type="email"]:hover,
div.form_sub .field input[type="email"]:focus {
    padding: 10px 110px 10px 15px;
    border-radius: 0;
    border: solid #ccc 1px;
    font-size: 14px;
    position: relative;
    box-shadow: none;
    width: 100%;
    height: 48px;
}

.form_sub {
    position: relative;
}

.form_sub input[type="email"]+input[type="submit"] {
    position: absolute;
    right: 0;
    background: #f7444e;
    color: #fff;
    border: none;
    top: 0px;
    font-size: 14px;
    height: 48px;
    font-weight: 600;
    padding: 0 15px;
}

form input {
    background: #fff;
    border: solid #ccc 1px;
    padding: 15px 15px;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
    /* text-transform: capitalize; */
    line-height: normal;
}

form textarea {
    background: #fff;
    border: solid #ccc 1px;
    padding: 15px 15px;
    width: 100%;
    min-height: 100px;
    font-size: 14px;
    margin-bottom: 20px;
    /* text-transform: capitalize; */
    line-height: normal;
}

form input[type="submit"] {
    border: none;
    padding: 15px 45px;
    width: auto;
    font-size: 16px;
    /* text-transform: capitalize; */
    line-height: normal;
    margin: 0 auto;
    display: flex;
    background: #333;
    color: #fff;
    font-weight: 600;
    transition: ease all 0.1s;
}

form input[type="submit"]:hover,
form input[type="submit"]:focus {
    background: #f7444e;
    color: #fff;
}

/** cpy **/

.cpy_ {
    background: #222;
    text-align: center;
    padding: 20px 0;
}

.cpy_ p {
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

.cpy_ p a {
    margin: 0;
    color: #f7444e;
    font-size: 15px;
    font-weight: 400;
}


/* ==========================================circular filter================================ */


.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #0C9;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
}

.my-float {
    margin-top: 22px;
}



/* ========================================== */


.empty-state {
    width: 750px;
    margin: 40px auto;
    background: #ffffff;
    box-shadow: 1px 2px 10px #e1e3ec;
    border-radius: 4px;
}

.empty-state__content {
    padding: 48px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.empty-state__content .empty-state__icon {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    border-radius: 200px;
    justify-content: center;
    background-color: #f7fafc;
    box-shadow: 0px 2px 1px #e1e3ec;
}

.empty-state__content .empty-state__icon img {
    width: 170px;
}

.empty-state__content .empty-state__message {
    color: #38a169;
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 0.85rem;
}

.empty-state__content .empty-state__help {
    color: #a2a5b9;
    font-size: 0.875rem;
}

.credit {
    color: #a2a5b9;
    font-size: 0.75rem;
    text-align: center;
}

.credit a {
    color: #444;
}

-------------------CERTIFICATE--------------- .cursive {
    font-family: "Pinyon Script", cursive;
}

/* .sans {
    font-family: "Open Sans", sans-serif;
} */

/* .bold {
    font-weight: bold;
}

.block {
    display: block;
}

.underline {
    border-bottom: 1px solid #777;
    padding: 5px;
    margin-bottom: 15px;
} */

/* .margin-0 {
    margin: 0;
}

.padding-0 {
    padding: 0;
}

.pm-empty-space {
    height: 40px;
    width: 100%;
} */

/* body {
    padding: 20px 0;
    background: #ccc;
} */

/* .pm-certificate-container {
    position: relative;
    width: 800px;
    height: 600px;
    background-color: #618597;
    padding: 30px;
    color: #333;
    font-family: "Open Sans", sans-serif;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

} */

/* .pm-certificate-container .outer-border {
    width: 794px;
    height: 594px;
    position: absolute;
    left: 50%;
    margin-left: -397px;
    top: 50%;
    margin-top: -297px;
    border: 2px solid #fff;
} */

/* .pm-certificate-container .inner-border {
    width: 730px;
    height: 530px;
    position: absolute;
    left: 50%;
    margin-left: -365px;
    top: 50%;
    margin-top: -265px;
    border: 2px solid #fff;
} */

/* .pm-certificate-container .pm-certificate-border {
    position: relative;
    width: 720px;
    height: 520px;
    padding: 0;
    border: 1px solid #e1e5f0;
    background-color: #ffffff;
    background-image: none;
    left: 50%;
    margin-left: -360px;
    top: 50%;
    margin-top: -260px;
} */

/* .pm-certificate-container .pm-certificate-border .pm-certificate-block {
    width: 650px;
    height: 200px;
    position: relative;
    left: 50%;
    margin-left: -325px;
    top: 70px;
    margin-top: 0;
} */

/* .pm-certificate-container .pm-certificate-border .pm-certificate-header {
    margin-bottom: 10px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-title {
    position: relative;
    top: 40px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-title h2 {
    font-size: 34px !important;
} */

/* .pm-certificate-container .pm-certificate-border .pm-certificate-body {
    padding: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-body .pm-name-text {
    font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned {
    margin: 15px 0 20px;
} */

/* .pm-certificate-container .pm-certificate-border .pm-earned .pm-earned-text {
    font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned .pm-credits-text {
    font-size: 15px;
}

.pm-certificate-container .pm-certificate-border .pm-course-title .pm-earned-text {
    font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-course-title .pm-credits-text {
    font-size: 15px;
}

.pm-certificate-container .pm-certificate-border .pm-certified {
    font-size: 12px;
}

.pm-certificate-container .pm-certificate-border .pm-certified .underline {
    margin-bottom: 5px;
} */

/* .pm-certificate-container .pm-certificate-border .pm-certificate-footer {
    width: 650px;
    height: 100px;
    position: relative;
    left: 50%;
    margin-left: -325px;
    bottom: -105px;
} */



/* ---------------------------Portfolio new css---------------------- */

.ellipse-1 {
    height: 300px;
    margin: 38px -54px 0;
    position: relative;
    width: 300px;
    border: 10px solid #fec253;
    border-radius: 50%;
    background: url(../images/ellipse_1.png) no-repeat -83px -16px;
    -webkit-background-clip: padding-box;
}

.textName {
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    color: black;
}

.textName2 {
    font-size: 20px;
    text-align: center;
    color: black;
    margin-top: -11px;
    font-weight: 400;
}

.textName3 {
    text-align: center;
    font-size: 18px;
    color: black;
    font-weight: 400;
}

.rectangle-1 {
    height: 2px;
    margin: 1px auto 0;
    width: 217px;
    background: #222222;
}








/* ================================================================================================================ */
/* ======================================================GLORY CSS============================================= */

/* @charset "UTF-8"; */

/*
* Trunk version 2.0.1
*/
/*
*
* Contexts
*/
a:focus,
button:focus {
    outline: none !important;
}

button::-moz-focus-inner {
    border: 0;
}

*:focus {
    outline: none;
}

blockquote {
    padding: 0;
    margin: 0;
}

input,
button,
select,
textarea {
    outline: none;
}

label {
    margin-bottom: 0;
}

p {
    margin: 0;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul li,
ol li {
    display: block;
}

dl {
    margin: 0;
}

dt,
dd {
    line-height: inherit;
}

dt {
    font-weight: inherit;
}

dd {
    margin-bottom: 0;
}

cite {
    font-style: normal;
}

form {
    margin-bottom: 0;
}

blockquote {
    padding-left: 0;
    border-left: 0;
}

address {
    margin-top: 0;
    margin-bottom: 0;
}

figure {
    margin-bottom: 0;
}

html p a:hover {
    text-decoration: none;
}

/*
*
* Typography
*/
body {
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #9b9b9b;
    background-color: #ffffff;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: subpixel-antialiased;
}

.heading-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

.heading-decorate .divider {
    display: none;
    vertical-align: super;
    padding-right: 15px;
}

.heading-decorate .divider:after {
    height: 3px;
    width: 75px;
}

@media (min-width: 768px) {
    .heading-decorate .divider {
        display: inline-block;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
[class^='heading-'] {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    color: #151515;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
[class^='heading-'] a {
    color: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
[class^='heading-'] a:hover {
    color: #cef1ea;
}

h1,
.heading-1 {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
}

@media (min-width: 1200px) {

    h1,
    .heading-1 {
        font-size: 60px;
        line-height: 1.2;
        font-weight: 700;
    }
}

h3,
.heading-3 {
    font-size: 24px;
    line-height: 1.5;
}

@media (min-width: 1200px) {

    h3,
    .heading-3 {
        font-size: 32px;
        line-height: 1.5;
    }
}

h4,
.heading-4 {
    font-size: 22px;
    line-height: 1.5;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media (min-width: 1200px) {

    h4,
    .heading-4 {
        font-size: 24px;
        line-height: 1.25;
    }
}

h5,
.heading-5 {
    font-size: 18px;
    line-height: 1.44444;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #2b2c2f;
}

h6,
.heading-6 {
    font-size: 14px;
    line-height: 1.42857;
    text-transform: uppercase;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 0.06em;
}

h2,
.heading-2 {
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 0.06em;
}

@media (min-width: 1200px) {

    h2,
    .heading-2 {
        font-size: 48px;
        line-height: 1.45833;
    }
}

small,
.small {
    display: block;
    font-size: 12px;
    line-height: 1.5;
}

mark,
.mark {
    padding: 3px 5px;
    color: #ffffff;
    background: #cef1ea;
}

.big {
    font-size: 18px;
    line-height: 1.55556;
}

.lead {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

code {
    padding: 10px 5px;
    border-radius: 0.2rem;
    font-size: 90%;
    color: #111111;
    background: #f6f9f9;
}

p [data-toggle='tooltip'] {
    padding-left: .25em;
    padding-right: .25em;
    color: #b7b7b7;
}

p [style*='max-width'] {
    display: inline-block;
}

.hidden {
    display: none;
}

.banner img {
    width: 100%;
}

.banner-top {
    display: none;
}

@media (min-width: 1200px) {
    .banner-top {
        display: block;
    }
}

/*
*
* Brand
*/
.brand {
    display: inline-block;
}

.brand .brand-logo-light {
    display: none;
}

.brand .brand-logo-dark {
    display: block;
}

/*
*
* Links
*/
a {
    transition: all 0.3s ease-in-out;
}

a,
a:focus,
a:active,
a:hover {
    text-decoration: none;
}

a,
a:focus,
a:active {
    color: #cef1ea;
}

a:hover {
    color: #b4e5db;
}

a[href*='tel'],
a[href*='mailto'] {
    white-space: nowrap;
}

.link-hover {
    color: #b4e5db;
}

.link-press {
    color: #b4e5db;
}

.privacy-link {
    display: inline-block;
}

*+.privacy-link {
    margin-top: 35px;
}

/*
*
* Blocks
*/
.block-center,
.block-sm,
.block-lg {
    margin-left: auto;
    margin-right: auto;
}

.block-xs {
    max-width: 500px;
}

.block-sm {
    max-width: 560px;
}

.block-lg {
    max-width: 768px;
}

.block-center {
    padding: 10px;
}

.block-center:hover .block-center-header {
    background-color: #cef1ea;
}

.block-center-title {
    background-color: #ffffff;
}

@media (max-width: 1799px) {
    .block-center {
        padding: 20px;
    }

    .block-center:hover .block-center-header {
        background-color: #ffffff;
    }

    .block-center-header {
        background-color: #cef1ea;
    }
}

.block-img-aside {
    overflow: hidden;
}

@media (min-width: 992px) {
    .block-img-aside {
        position: absolute;
        bottom: 0;
        top: 0;
        width: 100%;
        background: url("../glory/home-3-1-974x626.jpg");
        background-size: cover;
    }

    .block-img-aside img {
        display: none;
    }
}

.block-decorate {
    position: relative;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    padding: 150px 0 170px;
    overflow: hidden;
    font-size: 70px;
    font-weight: 700;
    color: #cef1ea;
    line-height: 1;
}

@media (min-width: 576px) {
    .block-decorate {
        font-size: 100px;
    }
}

@media (min-width: 992px) {
    .block-decorate {
        font-size: 160px;
    }
}

.block-decorate:before {
    position: absolute;
    content: url("../glory/block-decorate-img-top.jpg");
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.block-decorate:after {
    position: absolute;
    content: url("../glory/block-decorate-img-bottom.jpg");
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}

*+.block-decorate {
    margin-top: 25px;
}

/*
*
* Boxes
*/
.box-minimal {
    text-align: center;
}

.box-minimal .box-minimal-icon {
    font-size: 50px;
    line-height: 50px;
    color: #cef1ea;
}

.box-minimal-divider {
    width: 36px;
    height: 4px;
    margin-left: auto;
    margin-right: auto;
    background: #cef1ea;
}

.box-minimal-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

.box-minimal-text {
    width: 100%;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.02em;
}

*+.box-minimal {
    margin-top: 30px;
}

*+.box-minimal-title {
    margin-top: 10px;
}

*+.box-minimal-divider {
    margin-top: 20px;
}

*+.box-minimal-text {
    margin-top: 15px;
}

.bg-gray-dark .box-minimal p,
.bg-primary .box-minimal p {
    color: #9b9b9b;
}

.box-counter {
    position: relative;
    text-align: center;
    color: #2b2c2f;
    z-index: 1;
}

.box-counter-title {
    display: inline-block;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .05em;
    font-weight: 700;
    text-transform: uppercase;
    color: #151515;
}

.box-counter-main {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
}

.box-counter-main>* {
    display: inline;
    font: inherit;
}

.box-counter-main .small {
    font-size: 28px;
}

.box-counter-main .small_top {
    position: relative;
    top: .2em;
    vertical-align: top;
}

.box-counter-divider {
    font-size: 0;
    line-height: 0;
}

.box-counter-divider::after {
    content: '';
    display: inline-block;
    width: 80px;
    height: 2px;
    background: #cef1ea;
}

*+.box-counter-title {
    margin-top: 10px;
}

*+.box-counter-main {
    margin-top: 20px;
}

*+.box-counter-divider {
    margin-top: 10px;
}

@media (min-width: 1800px) {
    .counter-list-border .col-md-3 {
        border-right: 1px solid #e1e1e1;
    }

    .counter-list-border .col-md-3:last-child {
        border-right: none;
    }

    .box-counter:before,
    .box-counter:after {
        display: none;
    }
}

@media (min-width: 1200px) {
    .box-counter-main {
        font-size: 60px;
    }

    .box-counter-main .small {
        font-size: 36px;
    }

    *+.box-counter-main {
        margin-top: 30px;
    }

    *+.box-counter-divider {
        margin-top: 15px;
    }
}

.bg-primary .box-counter {
    color: #ffffff;
}

.bg-primary .box-counter-divider::after {
    background: #ffffff;
}

.box-icon-modern {
    position: relative;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 20px;
    transition: all .3s;
}

.box-icon-modern>* {
    position: relative;
}

.box-icon-modern .icon-modern {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #cef1ea;
}

.box-icon-modern .icon-modern svg>* {
    color: #151515;
    fill: #151515;
}

.box-icon-modern .divider:after {
    background: #ebebeb;
}

.box-icon-modern:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #ffffff;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
    transition: all .3s;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.box-icon-modern *+.divider {
    margin-top: 15px;
}

.box-icon-modern:hover {
    z-index: 1;
}

.box-icon-modern:hover:before {
    width: 104%;
    height: 104%;
    opacity: 1;
}

@media (min-width: 1200px) {
    .box-icon-modern {
        padding: 40px 32px;
    }
}

.box-icon-modern.modern-variant-2 .divider {
    display: none;
}

.box-icon-modern-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

.box-icon-modern-title a:hover {
    color: #b4e5db;
}

*+.box-icon-modern-title {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .icon-modern-list>* .box-icon-modern {
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
    }

    .icon-modern-list>*:last-child .box-icon-modern,
    .icon-modern-list>*:nth-child(3) .box-icon-modern {
        border-right: 1px solid transparent;
    }

    .icon-modern-list>*:nth-child(n + 4) .box-icon-modern {
        border-bottom: 1px solid transparent;
    }
}

.box-icon-classic {
    position: relative;
    padding: 40px 20px;
}

.box-icon-classic .icon-classic {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #e7e7e7;
}

.box-icon-classic .icon-classic svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.box-icon-classic .icon-classic svg>* {
    color: #cef1ea;
    fill: #cef1ea;
}

.box-icon-classic .icon-classic-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

.box-icon-classic *+.icon-classic-title {
    margin-top: 15px;
}

.box-icon-classic *+.icon-classic-body {
    margin-top: 25px;
}

@media (min-width: 992px) {
    .box-icon-classic {
        display: flex;
        align-items: center;
        padding: 50px 25px;
    }

    .box-icon-classic>* {
        padding: 0 20px;
    }

    .box-icon-classic .icon-classic-body {
        text-align: left;
    }

    .box-icon-classic *+.icon-classic-body {
        margin-top: 0;
    }
}

.box-icon-classic-vertical {
    text-align: center;
}

.box-icon-classic-vertical .icon-classic-body {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .box-icon-classic-vertical {
        display: block;
        padding: 50px 4px;
    }

    .box-icon-classic-vertical .icon-classic-body {
        text-align: center;
    }

    .box-icon-classic-vertical *+.icon-classic-body {
        margin-top: 20px;
    }
}

.box-icon-classic-list .box-icon-classic:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    height: 1px;
    width: 85%;
    background: #e7e7e7;
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .box-icon-classic-list .box-icon-classic:after {
        position: absolute;
        content: '';
        top: 50%;
        right: 0;
        width: 1px;
        height: 75%;
        background: #e7e7e7;
        transform: translateY(-50%);
    }

    .box-icon-classic-list>*:nth-child(n + 3) .box-icon-classic:before {
        display: none;
    }

    .box-icon-classic-list>*:nth-child(2n + 2) .box-icon-classic:after {
        display: none;
    }
}

.box-icon-classic-bordered>* {
    border-bottom: 1px solid #e7e7e7;
}

.box-icon-classic-bordered>*:last-child {
    border-bottom: none;
}

@media (min-width: 768px) {
    .box-icon-classic-bordered>* {
        border-right: 1px solid #e7e7e7;
    }

    .box-icon-classic-bordered>*:nth-child(n + 3) {
        border-bottom: none;
    }

    .box-icon-classic-bordered>*:nth-child(2n + 2) {
        border-right: none;
    }
}

.box-icon-minimal {
    max-width: 300px;
    text-align: left;
}

.box-icon-minimal-header {
    display: flex;
    align-items: center;
}

.box-icon-minimal-header svg>* {
    fill: #cef1ea;
}

.box-icon-minimal-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #151515;
    text-transform: uppercase;
}

.box-icon-minimal-title a {
    color: #151515;
}

.box-icon-minimal-title a:hover {
    color: #cef1ea;
}

*+.box-icon-minimal-text {
    margin-top: 22px;
}

*+.box-icon-minimal-title {
    margin-left: 20px;
    margin-top: 0;
}

.box-images {
    position: relative;
    max-width: 570px;
}

.box-images.box-images-modern {
    display: flex;
    align-items: center;
}

.box-images-item {
    display: inline-block;
    border: 10px solid #ffffff;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.13);
    width: 50%;
}

@media (min-width: 768px) {
    .box-images-item {
        width: inherit;
    }
}

.box-images-item.box-images-without-border {
    border: none;
    margin-right: 20%;
}

.box-images-variant-3 .box-images-item {
    width: inherit;
}

.box-images-1 {
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 4;
}

.box-images-2 {
    position: relative;
    margin-left: 32%;
    z-index: 3;
}

.box-images-3 {
    position: absolute;
    right: 0;
    bottom: 100px;
    z-index: 2;
}

.box-images-4 {
    position: relative;
    margin-top: -5%;
    margin-left: 17%;
    z-index: 1;
}

.box-images-modern .box-images-item:first-child {
    z-index: 2;
    margin-right: -10%;
}

.box-images-variant-3 .box-images-item:first-child {
    position: relative;
    margin-left: 20%;
    z-index: 2;
}

.box-images-variant-3 .box-images-item.box-images-without-border {
    position: relative;
    margin-top: -46%;
    z-index: 1;
}

.box-images-classic .box-image-item {
    display: inline-block;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.13);
}

.box-images-classic *+.box-image-item {
    margin-top: 30px;
}

.box-video {
    position: relative;
}

.box-video .button-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    transform: translate(-50%, -50%);
}

.box-video .button-play:before {
    position: absolute;
    font-family: "FontAwesome";
    content: '\f04b';
    top: 50%;
    font-size: 20px;
    line-height: 20px;
    left: 54%;
    color: #ffffff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.04);
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
}

.box-video .button-play:hover,
.box-video .button-play:focus {
    background: rgba(255, 255, 255, 0.8);
}

.box-video .button-play:hover:before,
.box-video .button-play:focus:before {
    color: #cef1ea;
}

.box-video-button {
    text-align: center;
}

.box-video-button .button-play {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.3);
    transition: all .3s;
    z-index: 1;
}



.box-video-button .button-play:before {
    position: absolute;
    content: '';
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    background: rgba(255, 255, 255, 0.21);
    border-radius: 50%;
    transition: all .3s;
}

.box-video-button .button-play .icon {
    position: absolute;
    top: 50%;
    left: 55%;
    font-size: 30px;
    color: #ffffff;
    transform: translate(-50%, -50%);
    transition: all .3s;
}

.box-video-button .button-play:hover {
    background: rgba(255, 255, 255, 0.6);
}

.box-video-button .button-play:hover .icon {
    color: #cef1ea;
}

.box-video-button .button-play:hover:before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.gallery-item {
    position: relative;
    display: block;
    background: #000000;
    overflow: hidden;
}

.gallery-item img {
    position: relative;
    transition: all .5s;
    z-index: 1;
    will-change: transform;
    width: 100%;
}

.gallery-item:before {
    position: absolute;
    content: '';
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    border: 2px solid #ffffff;
    transition: all .5s;
    opacity: 0;
    z-index: 2;
}

.gallery-item .gallery-item-title {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    transform: translate(-50%, -50%);
    transition: all .3s;
    opacity: 0;
    z-index: 2;
}

.gallery-item .gallery-item-button {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    right: 20px;
    bottom: 20px;
    width: 66px;
    height: 66px;
    opacity: 0;
    transition: all .5s;
    z-index: 2;
}

.gallery-item .gallery-item-button:before {
    position: absolute;
    content: '+';
    right: 11px;
    bottom: 7px;
    color: #cef1ea;
    font-size: 28px;
    line-height: 28px;
    z-index: 1;
}

.gallery-item .gallery-item-button:after {
    position: absolute;
    content: '';
    top: 0;
    left: 33px;
    right: -33px;
    bottom: 0;
    background: #ffffff;
    transform: skewX(-45deg);
}

.mobile .gallery-item .gallery-item-title,
.mobile .gallery-item .gallery-item-button,
.mobile .gallery-item:before,
.tablet .gallery-item .gallery-item-title,
.tablet .gallery-item .gallery-item-button,
.tablet .gallery-item:before {
    opacity: 1;
}

.mobile .gallery-item img,
.tablet .gallery-item img {
    opacity: .7;
}

.gallery-item:hover img {
    opacity: .7;
    transform: scale(1.05);
}

.gallery-item:hover:before,
.gallery-item:hover .gallery-item-button,
.gallery-item:hover .gallery-item-title {
    opacity: 1;
}

@media (min-width: 1200px) {
    .cobbles-gallery .gallery-item img {
        max-width: initial;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .gallery-item img {
        width: 100%;
    }
}

.team-minimal {
    text-align: center;
}

.team-minimal .team-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

.team-minimal figure {
    transition: all .3s;
}

.team-minimal .team-minimal-caption {
    padding: 20px 5px 10px 5px;
    background: #ffffff;
    white-space: nowrap;
}

.team-minimal .team-minimal-caption *+p {
    margin-top: 10px;
}

.team-minimal.team-minimal-with-shadow figure {
    display: inline-block;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}

.team-minimal.team-minimal-type-2 {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}

.owl-carousel-center .owl-item.center .team-minimal figure {
    display: inline-block;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}

.team-corporate {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    border: 3px solid #f4f4f4;
    transition: all .3s;
}

.team-corporate:hover {
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}

.team-corporate-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

.team-corporate-link a {
    color: #151515;
}

.team-corporate-link a:hover {
    color: #cef1ea;
}

.team-corporate-caption>*+* {
    margin-top: 15px;
}

*+.team-corporate-caption {
    margin-top: 30px;
}

.box-team-info .box-team-info-header *+p {
    margin-top: 7px;
}

.box-team-info .box-team-info-header *+.divider-lg {
    margin-top: 15px;
}

.box-team-info>*+* {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .box-team-info>*+* {
        margin-top: 40px;
    }
}

.box-team-info-carousel {
    max-width: 590px;
}

.box-team-creative {
    position: relative;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}

.box-team-creative .social-list {
    visibility: hidden;
    opacity: 0;
    margin-bottom: -35px;
    transition: all .7s;
}

.box-team-creative .box-team-creative-caption {
    position: absolute;
    padding: 25px 15px 25px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    box-shadow: inset 0 -3px 0 0 #cef1ea;
    transition: all .7s;
}

.box-team-creative .box-team-creative-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.box-team-creative .icon {
    font-size: 21px;
}

.box-team-creative *+.social-list {
    margin-top: 15px;
}

.box-team-creative:hover .social-list {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0;
}

.box-team-creative:hover .box-team-creative-caption {
    box-shadow: inset 0 -5px 0 0 #cef1ea;
}

.pricing-classic-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: 25px 20px 25px 0;
    border-bottom: 1px solid #e7e7e7;
}

.pricing-classic-body h4 {
    font-weight: 400;
}

.pricing-classic-body>*+* {
    margin-top: 9px;
}

.price-value h3 {
    font-weight: 400;
    color: #cef1ea;
}

@media (min-width: 992px) {
    .pricing-list-classic {
        column-count: 2;
        column-gap: 30px;
    }

    .pricing-list-classic .pricing-classic-item:nth-child(4n + 4) {
        border-bottom: none;
    }
}

.pricing-box-modern {
    border: 3px solid #cef1ea;
}

.pricing-box-modern .pricing-box-inner {
    padding: 35px 15px;
}

.pricing-box-modern .pricing-box-inner .pricing-box-inner-list h4 {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

.pricing-box-modern .pricing-box-inner .pricing-box-inner-list p {
    font-size: 14px;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 500;
    opacity: .6;
}

.pricing-box-modern .pricing-box-inner .pricing-box-inner-list h4+p {
    margin-top: 7px;
}

.pricing-box-modern .pricing-box-inner *+.pricing-box-inner-list {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .pricing-box-modern .pricing-box-inner {
        padding: 40px 60px;
    }
}

@media (min-width: 1200px) {
    .pricing-box-modern .pricing-box-inner.box-left {
        padding-right: 75px;
    }

    .pricing-box-modern .pricing-box-inner.box-right {
        padding-left: 120px;
    }
}

.pricing-box-modern .img-wrap {
    overflow: hidden;
}

.pricing-box-modern .img-wrap img {
    position: absolute;
    max-width: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

@media (min-width: 1200px) {
    .pricing-box-modern .img-wrap {
        overflow: visible;
    }

    .pricing-box-modern .img-wrap img {
        box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
    }
}

.box-service-modern {
    display: flex;
    flex-direction: column;
}

.box-service-modern .box-icon-classic {
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #eaeced;
}

.box-service-modern .box-icon-classic .icon-classic {
    background: #f6f9f9;
}

.box-service-modern .box-icon-classic-vertical .icon-classic-body {
    max-width: inherit;
}

.box-service-modern .box-service-modern-img {
    position: relative;
    overflow: hidden;
}

.box-service-modern .box-service-modern-img:before {
    position: absolute;
    content: '';
    top: -4px;
    left: 50%;
    width: 20px;
    height: 20px;
    background: #ffffff;
    transform: rotate(45deg) translateX(-50%);
}

.box-service-modern .box-service-modern-img:after {
    position: absolute;
    content: '';
    left: 50%;
    top: -4px;
    width: 27px;
    height: 27px;
    border: 1px solid #ffffff;
    transform: rotate(45deg) translateX(-53%);
}

@media (min-width: 768px) and (max-width: 991px) {
    .box-service-modern {
        flex-direction: row;
    }

    .box-service-modern.box-service-modern-reverse {
        flex-direction: row-reverse;
    }

    .box-service-modern .box-icon-classic {
        padding: 36px 15px;
        width: 345px;
    }

    .box-service-modern .box-service-modern-img {
        width: 345px;
    }

    .box-service-modern .box-service-modern-img:before,
    .box-service-modern .box-service-modern-img:after {
        display: none;
    }

    .box-service-modern .box-service-modern-img img {
        max-width: inherit;
    }
}



@media (min-width: 992px) {
    .box-service-modern {
        flex-direction: column;
    }

    .box-service-modern .box-service-modern-img:before,
    .box-service-modern .box-service-modern-img:after {
        display: block;
    }

    .box-service-modern .box-service-modern-img img {
        max-width: inherit;
    }

    .box-service-modern.box-service-modern-reverse {
        flex-direction: column-reverse;
    }

    .box-service-modern.box-service-modern-reverse .box-icon-classic {
        border-top: 1px solid transparent;
        border-bottom: 1px solid #eaeced;
    }

    .box-service-modern.box-service-modern-reverse .box-service-modern-img:before,
    .box-service-modern.box-service-modern-reverse .box-service-modern-img:after {
        top: 100%;
    }

    .box-service-modern .box-icon-classic {
        min-height: 310px;
        border-bottom: 1px solid transparent;
    }

    .box-service-modern .box-icon-classic>* {
        padding: 0 12px;
    }
}


.box-contact-info-with-icon {
    position: relative;
    padding-left: 38px;
}

.box-contact-info-with-icon .icon {
    position: absolute;
    font-size: 28px;
    top: 0;
    left: 0;
}

.box-contact-info-with-icon *+.list-xs {
    margin-top: 12px;
}

.box-info-with-shadow {
    padding: 25px 30px;
    text-align: left;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}

.box-info-with-shadow .list li {
    position: relative;
    padding-left: 40px;
}

.box-info-with-shadow .list li .icon {
    position: absolute;
    font-size: 24px;
    left: 0;
}

.box-info-with-shadow *+.list {
    margin-top: 20px;
}

.box-thumbnail-classic {
    display: inline-block;
}

.box-thumbnail-classic figure {
    border-radius: 6px;
    box-shadow: 0 8px 18px 0 rgba(21, 21, 21, 0.25);
}

.box-thumbnail-classic .caption {
    margin-top: 25px;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    color: #151515;
    font-weight: 500;
}

.box-thumbnail-classic .caption>* {
    transition: all .3s;
}

.box-thumbnail-classic .caption>*:hover {
    color: #cef1ea;
}

.box-advantages-container {
    counter-reset: div;
}

.box-advantages {
    padding: 30px 20px;
    border-radius: 4px;
    text-align: left;
    transition: .33s ease-in;
    box-shadow: 0 0 18px rgba(21, 21, 21, 0.11);
}

.box-advantages:hover {
    box-shadow: 0 0 18px rgba(21, 21, 21, 0.22);
}

.box-advantages:hover .box-advantages-divider {
    width: 105px;
    background: #cef1ea;
}

.box-advantages .label {
    padding: 5px 8px;
    border-radius: 4px;
    font: 600 12px/1 "Playfair Display", "Times New Roman", Times, serif;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.box-advantages .label-popular {
    color: #ffffff;
    background-color: #f5543f;
}

@media (min-width: 1200px) {
    .box-advantages {
        padding: 40px 20px 40px 30px;
    }
}

.box-advantages-icon {
    font-size: 50px;
    color: #cef1ea;
}

.box-advantages-title {
    font-weight: 400;
}

.box-advantages-title:before {
    content: counter(div, decimal-leading-zero) ".";
    counter-increment: div;
    display: inline-block;
    opacity: .22;
    font-weight: 500;
    margin-right: 8px;
}

.box-advantages-divider {
    height: 3px;
    width: 60px;
    background-color: rgba(21, 21, 21, 0.18);
    transition: .33s ease-in;
}

.box-advantages-body {
    font-size: 15px;
    line-height: 22px;
    opacity: .8;
}

*+.box-advantages-title {
    margin-top: 15px;
}

*+.box-advantages-divider {
    margin-top: 25px;
}

*+.box-advantages-body {
    margin-top: 25px;
}

.box-typography {
    font-size: 64px;
    font-weight: 900;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

.box-typography-inner {
    display: block;
    letter-spacing: .1em;
}

.box-typography-inner:last-of-type {
    margin-top: 45px;
    line-height: .85;
}

.box-typography-inner:last-of-type span {
    display: block;
}

@media (min-width: 768px) {
    .box-typography {
        font-size: 108px;
    }
}

*+.box-typography {
    margin-top: 50px;
}

@media (min-width: 1200px) {
    *+.box-typography {
        margin-top: 100px;
    }
}

.box-typography+* {
    margin-top: 45px;
}

.block-parallax-element {
    position: relative;
    display: inline-block;
}

.block-parallax-element .prev-element {
    position: absolute;
    left: -38px;
    top: -32px;
    width: 100px;
    height: 100px;
    background: #fad9e4;
    border-radius: 50%;
}

.block-parallax-element img {
    position: relative;
    z-index: 2;
}

.block-parallax-element .next-element {
    position: absolute;
    right: -32px;
    bottom: -22px;
    width: 80px;
    height: 80px;
    background: #e1e1e1;
    border-radius: 50%;
    z-index: 3;
}

/*
  * Element groups
  */
html .group {
    margin-bottom: -20px;
    margin-left: -15px;
}

html .group:empty {
    margin-bottom: 0;
    margin-left: 0;
}

html .group>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 15px;
}

html .group-sm {
    margin-bottom: -10px;
    margin-left: -10px;
}

html .group-sm:empty {
    margin-bottom: 0;
    margin-left: 0;
}

html .group-sm>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
}

html .group-md {
    margin-bottom: -15px;
    margin-left: -20px;
}

html .group-md:empty {
    margin-bottom: 0;
    margin-left: 0;
}

html .group-md>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 15px;
    margin-left: 20px;
}

html .group-xl {
    margin-bottom: -20px;
    margin-left: -30px;
}

html .group-xl:empty {
    margin-bottom: 0;
    margin-left: 0;
}

html .group-xl>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 30px;
}

@media (min-width: 992px) {
    html .group-xl {
        margin-bottom: -20px;
        margin-left: -45px;
    }

    html .group-xl>* {
        margin-bottom: 20px;
        margin-left: 45px;
    }
}

html .group-sm-justify .button {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    html .group-sm-justify {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    html .group-sm-justify>* {
        flex-grow: 1;
        flex-shrink: 0;
    }

    html .group-sm-justify .button {
        min-width: 145px;
        padding-left: 20px;
        padding-right: 20px;
    }
}


html .group-middle {
    display: inline-table;
    vertical-align: middle;
}

html .group-middle>* {
    vertical-align: middle;
}

*+.group-sm {
    margin-top: 30px;
}

*+.group-xl {
    margin-top: 30px;
}

/*
  *
  * Responsive units
  */
.unit {
    display: flex;
    flex: 0 1 100%;
    margin-bottom: -30px;
    margin-left: -20px;
}

.unit>* {
    margin-bottom: 30px;
    margin-left: 20px;
}

.unit:empty {
    margin-bottom: 0;
    margin-left: 0;
}

.unit-body {
    flex: 0 1 auto;
}

.unit-left,
.unit-right {
    flex: 0 0 auto;
    max-width: 100%;
}

.unit-spacing-xs {
    margin-bottom: -15px;
    margin-left: -7px;
}

.unit-spacing-xs>* {
    margin-bottom: 15px;
    margin-left: 7px;
}

/*
  *
  * Lists
  */
.list>li+li {
    margin-top: 10px;
}

.list-xs>li+li {
    margin-top: 5px;
}

.list-sm>li+li {
    margin-top: 10px;
}

.list-md>li+li {
    margin-top: 18px;
}

.list-lg>li+li {
    margin-top: 25px;
}

.list-xl>li+li {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .list-xl>li+li {
        margin-top: 70px;
    }
}

.list-inline>li {
    display: inline-block;
}

html .list-inline-md {
    transform: translate3d(0, -8px, 0);
    margin-bottom: -8px;
    margin-left: -10px;
    margin-right: -10px;
}

html .list-inline-md>* {
    margin-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 992px) {
    html .list-inline-md {
        margin-left: -15px;
        margin-right: -15px;
    }

    html .list-inline-md>* {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.list-terms dt+dd {
    margin-top: 10px;
}

.list-terms dd+dt {
    margin-top: 25px;
}

*+.list-terms {
    margin-top: 25px;
}

.index-list {
    counter-reset: li;
}

.index-list>li .list-index-counter:before {
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
}

.list-marked {
    padding-left: 25px;
    text-align: left;
}





.list-marked>li::before {
    position: relative;
    display: inline-block;
    left: 0;
    top: -1px;
    min-width: 25px;
    content: '\f105';
    font: 400 14px/24px 'FontAwesome';
    color: #b7b7b7;
}

.list-marked>li+li {
    margin-top: 4px;
}


.list-marked.list-marked-primary>li:before {
    color: #cef1ea;
}

*+.list-marked {
    margin-top: 15px;
}

p+.list-marked {
    margin-top: 10px;
}

.list-ordered {
    counter-reset: li;
    padding-left: 25px;
    text-align: left;
}

.list-ordered>li {
    position: relative;
    padding-left: 25px;
}

.list-ordered>li:before {
    content: counter(li, decimal) ".";
    counter-increment: li;
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 15px;
    color: #b7b7b7;
}

.list-ordered>li+li {
    margin-top: 10px;
}

*+.list-ordered {
    margin-top: 15px;
}

.social-list {
    margin-left: -7px;
    margin-right: -7px;
}


.social-list>* {
    padding-left: 7px;
    padding-right: 7px;
}

*+.social-list {
    margin-top: 40px;
}

.contact-list>li {
    padding: 24px 0;
    border-bottom: 1px solid #e7e7e7;
}

.contact-list>li:last-child {
    border-bottom: none;
}

.contact-list .contact-list-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-size: 21px;
    font-weight: 700;
    color: #151515;
}

.contact-list .contact-list-content {
    position: relative;
    padding-left: 30px;
}

.contact-list .contact-list-content .icon {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 24px;
}

.contact-list .contact-list-content a {
    color: #9b9b9b;
}

.contact-list .contact-list-content a:hover {
    color: #cef1ea;
}

.contact-list *+.contact-list-content {
    margin-top: 15px;
}




/*
*
* Images
*/
img {
    display: inline-block;
    /* max-width: 100%; */
    /* height: auto; */
}

.img-responsive {
    width: 100%;
}


/*
*
* Icons
*/
.icon {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

.icon::before {
    position: relative;
    display: inline-block;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-transform: none;
}


.icon-primary {
    color: #cef1ea;
}

.icon-circle {
    border-radius: 50%;
}

.icon-circle-sm {
    width: 34px;
    height: 34px;
    background: #e1e1e1;
    color: rgba(0, 0, 0, 0.3);
    font-size: 21px;
    line-height: 24px;
    padding: 5px;
}




.icon-circle-sm:hover {
    background: #cef1ea;
    color: #ffffff;
}

/*
  *
  * Tables custom
  */
.table-custom {
    width: 100%;
    max-width: 100%;
    text-align: left;
    background: #ffffff;
    border-collapse: collapse;
}

.table-custom th,
.table-custom td {
    color: #000000;
    background: #ffffff;
    white-space: nowrap;
}

.table-custom th {
    padding: 35px 24px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    background: #f6f9f9;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0.04em;
}

@media (max-width: 991px) {
    .table-custom th {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.table-custom td {
    padding: 17px 24px;
}

.table-custom tbody tr:first-child td {
    border-top: 0;
}

.table-custom tr td {
    border-bottom: 1px solid #d9d9d9;
}

.table-custom tfoot td {
    font-weight: 700;
    color: #000000;
}

*+.table-custom-responsive {
    margin-top: 30px;
}

@media (min-width: 768px) {
    *+.table-custom-responsive {
        margin-top: 40px;
    }
}

.table-custom.table-custom-primary thead th {
    color: #ffffff;
    background: #cef1ea;
    border: 0;
}

.table-custom.table-custom-primary tbody tr:hover td {
    background: #f6f9f9;
}

.table-custom.table-custom-bordered tr td:first-child {
    border-left: 0;
}

.table-custom.table-custom-bordered tr td:last-child {
    border-right: 0;
}




.table-custom.table-custom-bordered td {
    border: 1px solid #d9d9d9;
}

.table-custom.table-custom-bordered tbody>tr:first-of-type>td {
    border-top: 0;
}

.table-custom.table-custom-striped {
    border-bottom: 1px solid #d9d9d9;
}

.table-custom.table-custom-striped tbody tr:nth-of-type(odd) td {
    background: transparent;
}

.table-custom.table-custom-striped tbody tr:nth-of-type(even) td {
    background: #f6f9f9;
}

.table-custom.table-custom-striped tbody td {
    border: 0;
}

.table-custom.table-custom-striped tfoot td:not(:first-child) {
    border-left: 0;
}

@media (max-width: 991px) {
    .table-custom-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-custom-responsive.table-bordered {
        border: 0;
    }
}

/*
*
* Dividers
*/
hr {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #f5f5f5;
}

.divider {
    font-size: 0;
    line-height: 0;
}

.divider::after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 3px;
    background-color: orange;
    /* background-color: #cef1ea; */
}

.divider-lg::after {
    content: '';
    display: inline-block;
    width: 90px;
    height: 3px;
    background-color: #cef1ea;
}

h1 .divider-lg {
    line-height: 3px;
}

/*
*
* Buttons
*/
.button {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 11px 32px;
    font-size: 14px;
    line-height: 24px;
    border: 2px solid;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    transition: 250ms all ease-in-out;
    border-radius: 25px;
}

@media (max-width: 575px) {
    .button {
        padding: 11px 13px;
    }
}

.button-block {
    display: block;
    width: 100%;
}

.button-default,
.button-default:focus {
    color: #cccccc;
    background-color: #2b2c2f;
    border-color: #2b2c2f;
}

.button-default:hover,
.button-default:active {
    color: #ffffff;
    background-color: #cef1ea;
    border-color: #cef1ea;
}

.button-default.button-ujarak::before {
    background: #cef1ea;
}

.button-gray-100,
.button-gray-100:focus {
    color: #151515;
    background-color: #f6f9f9;
    border-color: #f6f9f9;
}

.button-gray-100:hover,
.button-gray-100:active {
    color: #151515;
    background-color: #e7efef;
    border-color: #e7efef;
}

.button-gray-100.button-ujarak::before {
    background: #e7efef;
}

.button-primary,
.button-primary:focus {
    color: #151515;
    background-color: #cef1ea;
    border-color: #cef1ea;
}

.button-primary:hover,
.button-primary:active {
    color: #151515;
    background-color: #b4e5db;
    border-color: #b4e5db;
}

.button-primary.button-ujarak::before {
    background: #b4e5db;
}

.button-default-outline,
.button-default-outline:focus {
    color: #151515;
    background-color: transparent;
    border-color: #cef1ea;
}











.button-default-outline:hover,
.button-default-outline:active {
    color: #ffffff;
    background-color: #cef1ea;
    border-color: #cef1ea;
}

.button-default-outline.button-ujarak::before {
    background: #cef1ea;
}

.button-white,
.button-white:focus {
    color: #cef1ea;
    background-color: #ffffff;
    border-color: #ffffff;
}

.button-white:hover,
.button-white:active {
    color: #ffffff;
    background-color: #cef1ea;
    border-color: #cef1ea;
}

.button-white.button-ujarak::before {
    background: #cef1ea;
}

.button-ghost {
    border: 0;
    background-color: transparent;
    color: #151515;
}

.button-ghost:hover {
    color: #ffffff;
    background: #cef1ea;
}

.button-facebook,
.button-facebook:focus {
    color: #ffffff;
    background-color: #4d70a8;
    border-color: #4d70a8;
}

.button-facebook:hover,
.button-facebook:active {
    color: #ffffff;
    background-color: #456497;
    border-color: #456497;
}

.button-facebook.button-ujarak::before {
    background: #456497;
}

.button-twitter,
.button-twitter:focus {
    color: #ffffff;
    background-color: #02bcf3;
    border-color: #02bcf3;
}

.button-twitter:hover,
.button-twitter:active {
    color: #ffffff;
    background-color: #02a8da;
    border-color: #02a8da;
}

.button-twitter.button-ujarak::before {
    background: #02a8da;
}

.button-google,
.button-google:focus {
    color: #ffffff;
    background-color: #e2411e;
    border-color: #e2411e;
}

.button-google:hover,
.button-google:active {
    color: #ffffff;
    background-color: #cc3a1a;
    border-color: #cc3a1a;
}

.button-google.button-ujarak::before {
    background: #cc3a1a;
}

.button-shadow {
    box-shadow: 0 9px 21px 0 rgba(30, 30, 30, 0.15);
}

.button-shadow:hover {
    box-shadow: 0 9px 10px 0 rgba(30, 30, 30, 0.15);
}

.button-shadow:focus,
.button-shadow:active {
    box-shadow: none;
}

.button-ujarak {
    position: relative;
    z-index: 0;
    transition: background .4s, border-color .4s, color .4s;
}

.button-ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #cef1ea;
    z-index: -1;
    opacity: 0;
    transform: scale3d(0.7, 1, 1);
    transition: transform 0.42s, opacity 0.42s;
    border-radius: inherit;
}

.button-ujarak,
.button-ujarak::before {
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-ujarak:hover {
    transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
}

.button-ujarak:hover::before {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.button-xs {
    padding: 8px 17px;
}

.button-sm {
    padding: 6px 25px;
    font-size: 12px;
    line-height: 24px;
}

.button-lg {
    padding: 16px 50px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 30px;
}

.button-xl {
    padding: 16px 50px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 35px;
}

@media (min-width: 992px) {
    .button-xl {
        padding: 24px 80px;
    }
}



.button-circle {
    border-radius: 30px;
}

.button-round-1 {
    border-radius: 5px;
}

.button-round-2 {
    border-radius: 10px;
}

.button-square {
    border-radius: 0;
}

.button.button-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    font-size: 14px;
}

.button.button-icon .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    font-size: 20px;
    line-height: 1em;
}

.button.button-icon-left .icon {
    padding-right: 11px;
}

.button.button-icon-right {
    flex-direction: row-reverse;
}

.button.button-icon-right .icon {
    padding-left: 11px;
}

.button.button-icon.button-link .icon {
    top: 5px;
    font-size: 1em;
}

.button.button-icon.button-xs .icon {
    top: .05em;
    font-size: 1.2em;
    padding-right: 8px;
}

.button.button-icon.button-xs .button-icon-right {
    padding-left: 8px;
}

.button-link {
    position: relative;
    overflow: hidden;
    display: inline-block;
    font-size: 14px;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #151515;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
    transition: 250ms all ease-in-out;
}

.button-link:hover {
    color: #b4e5db;
}

.button-link-icon .icon {
    margin-left: 10px;
    transition: 210ms all ease-in-out;
}

.button-link-icon:hover .icon {
    color: #b4e5db;
    margin-left: 15px;
    transform: rotateX(180deg);
}

.btn {
    cursor: pointer;
}

.btn,
.btn:active,
.btn:focus {
    box-shadow: none;
    outline: none;
}

.btn-primary {
    border-radius: 3px;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    letter-spacing: .05em;
    text-transform: uppercase;
    transition: .33s;
}

.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    color: #ffffff;
    background: #cef1ea;
    border-color: #cef1ea;
}

.btn-primary:hover {
    color: #ffffff;
    background: #000000;
    border-color: #000000;
}

/*
*
* Form styles
*/
.rd-form {
    position: relative;
    text-align: left;
}

.rd-form .button {
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 50px;
}

*+.rd-form {
    margin-top: 20px;
}

input:-webkit-autofill~label,
input:-webkit-autofill~.form-validation {
    color: #000000 !important;
}

.form-wrap {
    position: relative;
}

.form-wrap.has-error .form-input {
    border-color: #f5543f;
}

.form-wrap.has-focus .form-input {
    border-color: #cef1ea;
}

.form-wrap+* {
    margin-top: 20px;
}

.form-input {
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 12px 19px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #a1a1a1;
    background-color: transparent;
    background-image: none;
    border-radius: 25px;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 1px solid #e1e1e1;
}

.form-input:focus {
    outline: 0;
}

textarea.form-input {
    height: 135px;
    min-height: 50px;
    max-height: 230px;
    resize: vertical;
}

.form-label,
.form-label-outside {
    margin-bottom: 0;
    color: #9b9b9b;
    font-weight: 400;
}

.form-label {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    pointer-events: none;
    text-align: left;
    z-index: 9;
    transition: .25s;
    will-change: transform;
    transform: translateY(-50%);
}

.form-label.focus {
    opacity: 0;
}

.form-label.auto-fill {
    color: #a1a1a1;
}

.form-label-outside {
    position: relative;
    width: 100%;
    margin-bottom: 4px;
    top: 0;
    transform: translateY(0);
}

@media (min-width: 768px) {
    .form-label-outside {
        position: static;
    }

    .form-label-outside,
    .form-label-outside.focus,
    .form-label-outside.auto-fill {
        transform: none;
    }
}

[data-x-mode='true'] .form-label {
    pointer-events: auto;
}

.form-validation {
    position: absolute;
    right: 20px;
    top: 2px;
    z-index: 11;
    margin-top: 2px;
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0;
    color: #f5543f;
    transition: .3s;
}

.form-validation-left .form-validation {
    top: 100%;
    right: auto;
    left: 0;
}

.form-wrap-recaptcha .form-validation {
    right: auto;
    left: 15px;
}

#form-output-global {
    position: fixed;
    bottom: 30px;
    left: 15px;
    z-index: 2000;
    visibility: hidden;
    transform: translate3d(-500px, 0, 0);
    transition: .3s all ease;
}

#form-output-global.active {
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

@media (min-width: 576px) {
    #form-output-global {
        left: 30px;
    }
}

.form-output {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 2px;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
}

.form-output.active {
    opacity: 1;
    visibility: visible;
}

.form-output.error {
    color: #f5543f;
}

.form-output.success {
    color: #98bf44;
}

.radio .radio-custom,
.radio-inline .radio-custom,
.checkbox .checkbox-custom,
.checkbox-inline .checkbox-custom {
    opacity: 0;
}

.radio .radio-custom,
.radio .radio-custom-dummy,
.radio-inline .radio-custom,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom,
.checkbox-inline .checkbox-custom-dummy {
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    outline: none;
    cursor: pointer;
}

.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy,
.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
    pointer-events: none;
    background: #ffffff;
}

.radio .radio-custom-dummy::after,
.radio-inline .radio-custom-dummy::after,
.checkbox .checkbox-custom-dummy::after,
.checkbox-inline .checkbox-custom-dummy::after {
    position: absolute;
    opacity: 0;
    transition: .22s;
}

.radio .radio-custom:focus,
.radio-inline .radio-custom:focus,
.checkbox .checkbox-custom:focus,
.checkbox-inline .checkbox-custom:focus {
    outline: none;
}

.radio,
.radio-inline,
.checkbox,
.checkbox-inline {
    cursor: pointer;
}

.radio input,
.radio-inline input,
.checkbox input,
.checkbox-inline input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}

.radio-custom:checked+.radio-custom-dummy:after,
.checkbox-custom:checked+.checkbox-custom-dummy:after {
    opacity: 1;
}

.radio,
.radio-inline {
    padding-left: 28px;
}

.radio .radio-custom-dummy,
.radio-inline .radio-custom-dummy {
    top: 1px;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #a1a1a1;
}

.radio .radio-custom-dummy::after,
.radio-inline .radio-custom-dummy::after {
    content: '';
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background: #2b2c2f;
    border-radius: inherit;
}

.checkbox,
.checkbox-inline {
    padding-left: 28px;
}

.checkbox .checkbox-custom-dummy,
.checkbox-inline .checkbox-custom-dummy {
    top: 3px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid #e1e1e1;
}

.checkbox .checkbox-custom-dummy::after,
.checkbox-inline .checkbox-custom-dummy::after {
    content: '\f222';
    font-family: "Material Design Icons";
    position: absolute;
    top: -1px;
    left: -2px;
    font-size: 20px;
    line-height: 18px;
    color: #cccccc;
}

.toggle-custom {
    padding-left: 60px;
    -webkit-appearance: none;
}

.toggle-custom:checked~.checkbox-custom-dummy::after {
    background: #cef1ea;
    transform: translate(20px, -50%);
}

.toggle-custom~.checkbox-custom-dummy {
    position: relative;
    display: inline-block;
    margin-top: -1px;
    width: 44px;
    height: 20px;
    background: transparent;
    cursor: pointer;
}

.toggle-custom~.checkbox-custom-dummy::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    background: #a1a1a1;
    transform: translate(4px, -50%);
    opacity: 1;
    transition: .22s;
}

.rd-form-inline {
    flex-wrap: wrap;
    align-items: stretch;
    text-align: center;
}

.rd-form-inline>* {
    margin-top: 0;
}

.rd-form-inline .form-wrap {
    flex: 1;
    min-width: 185px;
}

.rd-form-inline .form-wrap-select {
    text-align: left;
}

.rd-form-inline .form-input {
    border-width: 2px;
    padding: 11px 19px;
    line-height: 22px;
}

.rd-form-inline .form-button {
    margin-top: 10px;
    flex-shrink: 0;
    flex-grow: 1;
    max-width: calc(100% - 10px);
    min-height: 50px;
}

.rd-form-inline .form-button .button {
    min-height: inherit;
}

@media (min-width: 576px) {
    .rd-form-inline {
        display: flex;
    }

    .rd-form-inline .form-button {
        margin-top: 0;
        position: absolute;
        right: -1px;
    }

    .rd-form-inline .form-validation {
        right: 180px;
    }

    .rd-form-inline .form-input {
        padding-right: 180px;
    }

    .rd-form-inline .button {
        display: block;
    }
}

.rd-form-inline.rd-form-inline-centered {
    justify-content: center;
}

.form-sm .form-input,
.form-sm .button {
    padding-top: 9px;
    padding-bottom: 9px;
    min-height: 40px;
}

.form-sm .form-validation {
    top: -16px;
}

.form-sm .form-label {
    top: 20px;
}

.form-sm *+.button {
    margin-top: 10px;
}

.form-lg .form-input,
.form-lg .form-label,
.form-lg .select2-container .select2-choice {
    font-size: 16px;
}

.form-lg .form-input,
.form-lg .select2-container .select2-choice {
    font-size: 16px;
    padding-top: 17px;
    padding-bottom: 17px;
}

.form-lg .form-input,
.form-lg .select2-container .select2-choice {
    min-height: 58px;
}

.form-lg .form-button {
    min-height: 60px;
}

.form-lg .form-label {
    top: 30px;
}

.rd-form-icon .input-icon {
    position: absolute;
    font-size: 28px;
    line-height: 24px;
    color: #9b9b9b;
    left: 18px;
    top: 46%;
    transform: translateY(-50%);
}

.rd-form-icon .textarea-wrap .input-icon {
    top: 20px;
}

.rd-form-icon .form-input,
.rd-form-icon .form-label {
    padding-left: 50px;
    font-size: 14px;
}

.rd-form-icon *+.button-block {
    margin-top: 40px;
}

.rd-form-centered .form-label {
    text-align: center;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
}

.rd-form-centered .form-input {
    text-align: center;
}

.rd-form-centered .form-validation {
    top: 30px;
    right: 20px;
}

.button-form-group {
    display: flex;
}

.button-form-group>* {
    flex: 1;
    margin-right: 20px;
}

.button-form-group *+.button {
    margin-top: 0;
}

.button-form-group .button:last-child {
    margin-right: 0;
}

@media (max-width: 575px) {
    .button-form-group {
        display: block;
    }

    .button-form-group>* {
        display: block;
        width: 100%;
        margin-right: 0;
    }

    .button-form-group *+.button {
        margin-top: 10px;
    }
}

.form-register *+.button-form-group {
    margin-top: 40px;
}

*+.form-button {
    margin-top: 30px;
}

/*
*
* Posts
*/
.post-classic {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.post-classic .post-classic-img {
    overflow: hidden;
    background: #000000;
}

.post-classic .post-classic-img img {
    transition: all .5s;
    will-change: transform;
}

.post-classic .post-classic-caption {
    padding: 25px;
    background: #ffffff;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.13);
}

.post-classic .post-classic-meta-list {
    display: flex;
    align-items: center;
    font-style: italic;
}

.post-classic .post-classic-meta-list a {
    color: #151515;
}

.post-classic .post-classic-meta-list a:hover {
    color: #cef1ea;
}

.post-classic .post-classic-meta-list>* {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #dadada;
}

.post-classic .post-classic-meta-list>*:last-child {
    margin-right: 0;
    border-right: none;
}

.post-classic *+.post-classic-meta-list {
    margin-top: 20px;
}

.post-classic:hover img {
    opacity: 0.8;
    transform: scale(1.05);
}

.single-post-content {
    padding-bottom: 35px;
    border-bottom: 1px solid #e3e3e3;
}

.single-post-content .post-meta-list {
    display: flex;
    align-items: center;
    font-style: italic;
}

.single-post-content .post-meta-list a {
    color: #151515;
}

.single-post-content .post-meta-list a:hover {
    color: #cef1ea;
}

.single-post-content .post-meta-list>* {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #dadada;
}

.single-post-content .post-meta-list>*:last-child {
    margin-right: 0;
    border-right: none;
}

.single-post-content .single-post-share-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.single-post-content .single-post-share-block .social-list {
    text-align: center;
    margin-left: -4px;
    margin-right: -4px;
}

.single-post-content .single-post-share-block .social-list>* {
    padding-left: 4px;
    padding-right: 4px;
}

.single-post-content .single-post-share-block .social-list .icon {
    font-size: 16px;
    line-height: 20px;
    width: 30px;
    height: 30px;
}

.single-post-content .single-post-share-block *+.social-list {
    margin-top: 0;
    margin-left: 35px;
}

.single-post-content *+.post-meta-list {
    margin-top: 20px;
}

.single-post-content *+img,
.single-post-content img+* {
    margin-top: 25px;
}

.single-post-content *+.quote-bordered {
    margin-top: 20px;
}

.single-post-content *+.single-post-share-block {
    margin-top: 20px;
}

.post-comment-item .post-comment-item-img {
    display: inline-block;
    width: 90px;
    border-radius: 50%;
    overflow: hidden;
}

.post-comment-item .post-comment-item-header .list-inline {
    margin-left: -18px;
    margin-right: -18px;
}

.post-comment-item .post-comment-item-header .list-inline>* {
    padding-left: 18px;
    padding-right: 18px;
}

.post-comment-item .post-comment-item-header .list-inline a {
    font-size: 18px;
    font-weight: 700;
}

.post-comment-item .post-comment-item-header .list-inline a:hover {
    color: #151515;
}

.post-comment-item .post-comment-item-footer .icon {
    font-size: 24px;
    margin-right: 7px;
    vertical-align: bottom;
}

.post-comment-item *+.post-comment-item-text,
.post-comment-item *+.post-comment-item-footer {
    margin-top: 20px;
}

.post-comment-item *+.post-comment-item-content {
    margin-top: 20px;
}

@media (min-width: 576px) {
    .post-comment-item {
        display: flex;
        align-items: start;
    }

    .post-comment-item .post-comment-item-content {
        flex: 1;
    }

    .post-comment-item *+.post-comment-item-content {
        margin-top: 0;
        margin-left: 25px;
    }
}

@media (min-width: 768px) {
    .post-comment-item.post-comment-item-reply {
        margin-left: 60px;
    }
}

@media (min-width: 992px) {
    .post-comment-item.post-comment-item-reply {
        margin-left: 120px;
    }
}

*+.post-comment-item {
    margin-top: 45px;
}

.post-comment-item+.post-comment-item {
    margin-top: 45px;
}

.post-comment-block {
    padding-bottom: 40px;
    border-bottom: 1px solid #e3e3e3;
}

*+.post-comment-block {
    margin-top: 40px;
}

.single-post-author {
    padding: 35px 25px;
    border-bottom: 1px solid #e3e3e3;
}

.single-post-author .single-post-author-img img {
    border-radius: 50%;
}

.single-post-author .single-post-author-img *+h5 {
    margin-top: 10px;
}

.single-post-author .single-post-author-content h5+p {
    margin-top: 18px;
}

.single-post-author *+.single-post-author-content {
    margin-top: 25px;
}

@media (min-width: 576px) {
    .single-post-author {
        display: flex;
        align-items: flex-start;
    }

    .single-post-author .single-post-author-content {
        flex: 1;
    }

    .single-post-author *+.single-post-author-content {
        margin-top: 0;
        margin-left: 35px;
    }
}

@media (min-width: 992px) {
    .single-post-author {
        padding-bottom: 40px;
    }
}

.blog-aside-list .blog-aside-list-item-title {
    margin-bottom: 25px;
}

.blog-aside-list>* {
    display: block;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.blog-aside-list>*:last-child {
    border-bottom: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-aside-list {
        column-count: 2;
        column-gap: 30px;
        break-inside: avoid;
    }

    .blog-aside-list>* {
        display: inline-block;
        width: 100%;
    }
}

.blog-aside-list-item .list-marked {
    padding-left: 0;
}

.blog-aside-list-item .list-two-column {
    column-gap: 20px;
    column-count: 2;
}

.blog-aside-list-item .list-two-column>* {
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
}

.blog-aside-list-item .list-two-column>*+* {
    margin-top: 0;
}

.blog-aside-list-item .rd-search button {
    position: absolute;
    font-size: 0;
    color: #cef1ea;
    border: none;
    background: transparent;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    letter-spacing: 0;
    cursor: pointer;
}

.blog-aside-list-item .rd-search button:before {
    font-size: 30px;
}

.blog-aside-list-item .rd-search button:hover {
    color: #151515;
}

.blog-aside-list-item .rd-search .form-input {
    padding-right: 50px;
}

.blog-aside-gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.blog-aside-gallery>* {
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 33.3333%;
    flex: 0 0 33.3333%;
    -webkit-box-flex: 0;
}

@media (min-width: 992px) {
    .blog-aside-gallery>* {
        max-width: 50%;
        flex: 0 0 50%;
    }
}

.blog-aside-gallery-item .gallery-item:before {
    content: '\f504';
    font-family: 'Material Design Icons';
    top: 50%;
    left: 50%;
    color: #ffffff;
    font-size: 24px;
    right: inherit;
    bottom: inherit;
    transform: translate(-50%, -50%);
    border: none;
}

.blog-aside-gallery-item .gallery-item.mobile img,
.blog-aside-gallery-item .gallery-item.tablet img {
    opacity: .8;
    transform: scale(1.03);
}

.blog-aside-post a {
    color: #cef1ea;
}

.blog-aside-post a:hover {
    color: #151515;
}

.blog-aside-post *+p {
    margin-top: 10px;
}

.blog-aside-post+.blog-aside-post {
    margin-top: 35px;
}

.post-corporate+.post-corporate {
    margin-top: 45px;
}

.post-corporate-img {
    position: relative;
    background: #000;
    overflow: hidden;
}

.post-corporate-img img {
    max-width: inherit;
    width: 100%;
    will-change: tarnsform;
    transition: all .5s;
}

.post-corporate-img .tag-list {
    position: absolute;
    top: 30px;
    left: 25px;
    margin-left: -3;
    margin-right: -3;
}

.post-corporate-img .tag-list>* {
    padding-left: 3;
    padding-right: 3;
}

.post-corporate-img .tag-list>* {
    display: inline-block;
    vertical-align: middle;
}

.post-corporate-img .tag-list a {
    display: inline-block;
    font-style: italic;
    background: #cef1ea;
    color: #ffffff;
    line-height: 18px;
    padding: 0 10px 3px;
    border-radius: 5px;
}

.post-corporate-img .tag-list a:hover {
    background: #151515;
}

.post-corporate-img:hover img {
    transform-origin: center;
    transform: scale(1.03);
    opacity: .8;
}

.post-corporate-caption {
    padding: 30px 25px;
    background: #ffffff;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.13);
}

.post-corporate-meta-list {
    display: flex;
    align-items: center;
    font-style: italic;
}

.post-corporate-meta-list a {
    color: #151515;
}

.post-corporate-meta-list a:hover {
    color: #cef1ea;
}

.post-corporate-meta-list>* {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #dadada;
}

.post-corporate-meta-list>*:last-child {
    margin-right: 0;
    border-right: none;
}

*+.post-corporate-meta-list {
    margin-top: 20px;
}

.post-modern {
    position: relative;
}

.post-modern .author-block {
    text-align: center;
}

.post-modern .author-block>*+* {
    margin-top: 15px;
}

.post-modern .author-block .author-img {
    position: relative;
    display: inline-block;
    border-radius: 50%;
}

.post-modern .author-block .author-img img {
    border-radius: 50%;
}

@media (min-width: 768px) {
    .post-modern {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .post-modern .author-block {
        width: 120px;
    }

    .post-modern .post-modern-body {
        margin-top: 0;
        margin-left: 20px;
        flex: 1;
    }

    .post-modern .author-img:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 100%;
        width: 25px;
        height: 1px;
        background: #e3e3e3;
    }

    .post-modern:before {
        position: absolute;
        content: '';
        top: 185px;
        left: 61px;
        width: 1px;
        height: calc(100% - 185px);
        background: #e3e3e3;
    }
}

.post-modern-body {
    position: relative;
    margin-top: 35px;
}

.post-modern-img {
    position: relative;
    background: #000;
    overflow: hidden;
}

.post-modern-img img {
    max-width: inherit;
    width: 100%;
    will-change: tarnsform;
    transition: all .5s;
}

.post-modern-img .tag-list {
    position: absolute;
    top: 30px;
    left: 25px;
    margin-left: -3;
    margin-right: -3;
}

.post-modern-img .tag-list>* {
    padding-left: 3;
    padding-right: 3;
}

.post-modern-img .tag-list>* {
    display: inline-block;
    vertical-align: middle;
}

.post-modern-img .tag-list a {
    display: inline-block;
    font-style: italic;
    background: #cef1ea;
    color: #ffffff;
    line-height: 20px;
    padding: 0 10px 3px;
    border-radius: 5px;
}

.post-modern-img .tag-list a:hover {
    background: #151515;
}

.post-modern-img:hover img {
    transform-origin: center;
    transform: scale(1.03);
    opacity: .8;
}

.post-modern-caption {
    padding: 30px 25px;
    background: #ffffff;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.13);
}

.post-modern-meta-list {
    display: flex;
    align-items: center;
    font-style: italic;
}

.post-modern-meta-list a {
    color: #151515;
}

.post-modern-meta-list a:hover {
    color: #cef1ea;
}

.post-modern-meta-list>* {
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #dadada;
}

.post-modern-meta-list>*:last-child {
    margin-right: 0;
    border-right: none;
}

*+.post-modern-meta-list {
    margin-top: 20px;
}

.post-modern+.post-modern {
    margin-top: 45px;
}

/*
*
* Quotes
*/
.quote-primary-mark {
    position: relative;
    top: 6px;
    display: block;
    width: 37px;
    height: 27px;
    fill: #cef1ea;
    flex-shrink: 0;
}

.quote-primary-body {
    position: relative;
    padding: 25px 0;
    border-top: 1px solid #eaeced;
}

.quote-primary-body::before,
.quote-primary-body::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 13px;
    border-style: solid;
    border-color: #eaeced;
}

.quote-primary-body::before {
    left: 0;
    width: 78px;
    border-width: 1px 1px 0 0;
}

.quote-primary-body::after {
    right: 0;
    width: calc(100% - 78px - 12px);
    border-width: 1px 0 0 1px;
    transform-origin: 0 0;
    transform: skew(-45deg);
}

.quote-primary-text {
    padding-top: 20px;
    color: #2b2c2f;
}

.quote-primary-cite {
    font-weight: 700;
}

.quote-primary-footer {
    padding-left: 5px;
}

*+.quote-primary {
    margin-top: 40px;
}

*+.quote-primary-footer {
    margin-top: 8px;
}

@media (min-width: 576px) {
    .quote-primary-body {
        display: flex;
        padding: 32px 20px 40px 30px;
    }

    .quote-primary-text {
        padding-top: 0;
        padding-left: 20px;
    }

    .quote-primary-footer {
        padding-left: 30px;
    }
}

@media (min-width: 768px) {
    .quote-primary-body {
        padding-right: 16px;
    }
}

.quote-with-image {
    max-width: 535px;
}

.quote-with-image .quote-caption {
    position: relative;
    padding-top: 10px;
    padding-left: 30px;
}

.quote-with-image .quote-caption .quote-text {
    position: relative;
    font-style: italic;
}

.quote-with-image .quote-caption svg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.quote-with-image .quote-caption svg>* {
    fill: #e3e3e3;
}

.quote-with-image *+.quote-caption {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .quote-with-image .quote-caption {
        padding-left: 28px;
    }

    .quote-with-image *+.quote-caption {
        margin-top: 50px;
    }
}

*+.quote-with-image {
    margin-top: 30px;
}

.quote-corporate {
    position: relative;
    padding: 40px 30px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
    border-bottom: 4px solid #cef1ea;
    margin-bottom: 38px;
    background: #ffffff;
}

.carousel-corporate .quote-corporate,
.carousel-two-column .quote-corporate {
    max-width: 700px;
}

@media (min-width: 1400px) {
    .carousel-arrow-circle .quote-corporate {
        max-width: 580px;
    }
}

.quote-corporate .quote-header {
    display: flex;
    align-items: flex-end;
}

.quote-corporate .quote-header>* {
    margin-right: 15px;
    margin-top: 0;
}

.quote-corporate .quote-header h4 {
    padding-right: 15px;
    font-weight: 400;
    border-right: 1px solid #d5d5d5;
}

.quote-corporate .quote-image {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    left: 30px;
    bottom: -40px;
    border-radius: 50%;
    box-shadow: 2px 0 9px rgba(0, 0, 0, 0.1);
}

.quote-corporate .quote-body {
    text-align: right;
}

.quote-corporate .quote-body .quote-text {
    text-align: left;
    color: #151515;
}

.quote-corporate .quote-body-mark>* {
    fill: #ebebeb;
}

.quote-corporate *+.quote-body {
    margin-top: 25px;
}

@media (min-width: 576px) {
    .quote-corporate {
        padding: 40px 60px;
    }

    .quote-corporate .quote-image {
        left: 60px;
    }

    .quote-corporate .quote-header h4 {
        font-size: 19px;
    }
}

@media (min-width: 1200px) {
    .quote-corporate .quote-header h4 {
        font-size: 24px;
    }
}

.quote-corporate.quote-corporate-center-img {
    padding: 40px 20px;
}

.quote-corporate.quote-corporate-center-img .quote-image {
    left: 50%;
    transform: translateX(-50%);
}

@media (min-width: 1200px) {
    .quote-corporate.quote-corporate-center-img {
        padding: 40px 20px 40px 40px;
    }
}

.quote-modern-text {
    position: relative;
    max-width: 650px;
    padding-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

.quote-modern-text .quote-body-mark {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
}

.quote-modern-text .quote-body-mark>* {
    fill: rgba(0, 0, 0, 0.08);
}

@media (max-width: 991px) {
    .quote-modern-text {
        color: #151515;
    }

    .quote-modern-text .quote-body-mark>* {
        fill: #2b2c2f;
    }
}

.quote-modern-img img {
    display: inline-block;
    border-radius: 50%;
    box-shadow: 2px 0 9px rgba(0, 0, 0, 0.23);
}

.quote-modern-caption .quote-modern-title {
    text-transform: capitalize;
    font-weight: 400;
}

.quote-modern-caption>*+.big {
    margin-top: 5px;
}

.quote-modern-caption *+.quote-modern-title {
    margin-top: 25px;
}

*+.quote-modern-caption {
    margin-top: 35px;
}

.quote-bordered .quote-caption {
    position: relative;
    padding: 20px 20px 20px 35px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.quote-bordered .quote-caption .quote-text {
    position: relative;
    font-style: italic;
}

.quote-bordered .quote-caption svg {
    position: absolute;
    left: 0;
    top: 14px;
    z-index: 0;
}

.quote-bordered .quote-caption svg>* {
    fill: #e3e3e3;
}

@media (min-width: 992px) {
    .quote-bordered .quote-caption {
        padding-left: 48px;
    }
}

/*
*
* Thumbnails
*/
.figure-light figcaption {
    padding-top: 10px;
    color: #a1a1a1;
    font-size: 14px;
}

/*
*
* Breadcrumbs
*/
.breadcrumbs-custom {
    position: relative;
    padding: 25px 0;
    background-color: #edf1f1;
    background-position: center;
}

.breadcrumbs-custom-path {
    margin-left: -17px;
    margin-right: -17px;
}

.breadcrumbs-custom-path>* {
    padding-left: 17px;
    padding-right: 17px;
}

.breadcrumbs-custom-path a {
    display: inline;
    vertical-align: middle;
}

.breadcrumbs-custom-path a,
.breadcrumbs-custom-path a:active,
.breadcrumbs-custom-path a:focus {
    color: #b4e5db;
}

.breadcrumbs-custom-path li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.7;
}

.breadcrumbs-custom-path li::after {
    content: "";
    font-family: 'FontAwesome';
    position: absolute;
    top: 52%;
    right: -5px;
    display: inline-block;
    font-size: inherit;
    font-style: normal;
    color: #a1a1a1;
    transform: translate3d(0, -50%, 0);
}

.breadcrumbs-custom-path li:last-child:after {
    display: none;
}

.breadcrumbs-custom-path a:hover,
.breadcrumbs-custom-path li.active {
    color: #151515;
}

.breadcrumbs-custom-path li.active {
    top: 2px;
}

*+.breadcrumbs-custom-path {
    margin-top: 14px;
}

@media (min-width: 576px) {
    *+.breadcrumbs-custom-path {
        margin-top: 18px;
    }
}

@media (min-width: 768px) {
    .breadcrumbs-custom-path li {
        font-size: 16px;
        line-height: 24px;
    }
}

/*
*
* Pagination custom
*/
.pagination {
    font-size: 0;
    line-height: 0;
    margin-bottom: -10px;
    margin-left: -10px;
}

.pagination:empty {
    margin-bottom: 0;
    margin-left: 0;
}

.pagination>* {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 10px;
}

.page-item {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: 700;
}

.page-item:first-child .page-link {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.page-link {
    display: inline-block;
    min-width: 48px;
    padding: 10px 10px;
    border: 2px solid #cdcdcd;
    font-size: 12px;
    line-height: 2;
    background-color: #ffffff;
    color: #151515;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}

.page-item-control .page-link {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.027em;
}

@media (max-width: 575px) {
    .pagination>* {
        margin-left: 7px;
    }

    .page-link {
        display: inline-block;
        min-width: 40px;
        padding: 6px 6px;
        border: 2px solid #cdcdcd;
        font-size: 12px;
        line-height: 2;
        background-color: #ffffff;
        color: #151515;
        transition: all 0.3s ease-in-out;
        border-radius: 5px;
    }

    .page-item-control .page-link {
        font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.027em;
    }
}

.page-link:hover,
.page-link:focus,
.page-link:active {
    color: #ffffff;
    background-color: #cef1ea;
    border-color: #cef1ea;
}

.page-item.active>.page-link,
.page-item.active>.page-link:hover,
.page-item.active>.page-link:focus,
.page-item.active>.page-link:active {
    color: #ffffff;
    background-color: #cef1ea;
    border-color: #cef1ea;
}

.page-item.disabled>.page-link,
.page-item.disabled>.page-link:hover,
.page-item.disabled>.page-link:focus,
.page-item.disabled>.page-link:active {
    color: #a1a1a1;
    background-color: #eaeced;
    border-color: #eaeced;
}

.page-item-control .icon::before {
    font-family: 'FontAwesome';
    font-size: 11px;
    line-height: 24px;
}

.page-item-control:first-child .icon::before {
    content: '\f053';
    margin-left: -1px;
}

.page-item-control:last-child .icon::before {
    content: '\f054';
    margin-right: -1px;
}

/*
*
* Snackbars
*/
.snackbars {
    padding: 9px 16px;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    text-align: left;
    background-color: #151515;
    border-radius: 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    font-size: 14px;
}

.snackbars .icon-xxs {
    font-size: 18px;
}

.snackbars p span:last-child {
    padding-left: 14px;
}

.snackbars-left {
    display: inline-block;
    margin-bottom: 0;
}

.snackbars-right {
    display: inline-block;
    float: right;
    text-transform: uppercase;
}

.snackbars-right:hover {
    text-decoration: underline;
}

@media (min-width: 576px) {
    .snackbars {
        max-width: 540px;
        padding: 12px 15px;
        font-size: 15px;
    }
}

/*
*
* Footers
*/
.footer-classic {
    padding: 30px 0;
    background: #f6f9f9;
}

.footer-minimal {
    text-align: center;
}

.footer-minimal .rd-navbar-nav>* {
    display: inline-block;
    margin-bottom: 3px;
}

.footer-minimal .rd-nav-link {
    position: relative;
    color: #151515;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.footer-minimal .rd-nav-link:before {
    position: absolute;
    content: '';
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: #cef1ea;
    transition: all .3s;
}

.footer-minimal .rd-nav-link:hover {
    color: #151515;
}

.footer-minimal .rd-nav-link:hover:before {
    width: 100%;
}

.footer-minimal .active .rd-nav-link {
    color: #151515;
}

.footer-minimal .active .rd-nav-link:before {
    width: 100%;
}

.footer-minimal .rd-navbar-nav {
    margin-left: -20px;
    margin-right: -20px;
}

.footer-minimal .rd-navbar-nav>* {
    padding-left: 20px;
    padding-right: 20px;
}

.footer-minimal .footer-brand a {
    max-width: 140px;
    display: inline-block;
}

@media (min-width: 576px) {
    .footer-minimal .rd-navbar-nav {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: -10px;
        margin-right: -10px;
    }

    .footer-minimal .rd-navbar-nav>* {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .footer-minimal {
        text-align: left;
    }

    .footer-minimal .rd-navbar-nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-left: -20px;
        margin-right: -20px;
    }

    .footer-minimal .rd-navbar-nav>* {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1200px) {
    .footer-minimal .rd-navbar-nav {
        margin-left: -30px;
        margin-right: -30px;
    }

    .footer-minimal .rd-navbar-nav>* {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 576px) {
    .footer-minimal.footer-minimal-variant-2 .rd-navbar-nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.footer-modern .footer-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    color: #151515;
    font-weight: 700;
    font-size: 21px;
}

.footer-modern .divider-lg {
    line-height: 0;
}

.footer-modern .footer-title+.divider-lg {
    margin-top: 17px;
}

.footer-modern .divider-lg+* {
    margin-top: 20px;
}

.footer-modern .footer-post+.footer-post {
    margin-top: 17px;
}

.footer-modern .footer-post h5 a {
    color: #151515;
}

.footer-modern .footer-post h5 a:hover {
    color: #cef1ea;
}

.footer-modern .footer-post .list-inline {
    font-style: italic;
    font-weight: 300;
}

.footer-modern .footer-post .list-inline li {
    padding-right: 5px;
    color: #c8c8c8;
}

.footer-modern .footer-post .list-inline li:after {
    display: inline-block;
    content: '/';
    margin-left: 5px;
}

.footer-modern .footer-post .list-inline li:last-child:after {
    display: none;
}

.footer-modern .footer-post *+.list-inline {
    margin-top: 5px;
}

.footer-modern .list>li+li {
    margin-top: 5px;
}

.footer-modern .footer-contact-info li {
    position: relative;
    padding-left: 30px;
}

.footer-modern .footer-contact-info li .icon {
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 24px;
}

.footer-modern .footer-contact-info li a {
    color: #9b9b9b;
}

.footer-modern .footer-contact-info li a:hover {
    color: #cef1ea;
}

.footer-modern .footer-contact-info li+li {
    margin-top: 12px;
}

.social-block-footer .list-inline {
    margin-left: -10px;
    margin-right: -10px;
}

.social-block-footer .list-inline>* {
    padding-left: 10px;
    padding-right: 10px;
}

.social-block-footer .list-inline a {
    color: #a3a3a3;
}

.social-block-footer .list-inline a:hover {
    color: #cef1ea;
}

/*
* Page layout
*/
.page {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    opacity: 0;
}

.page.fadeIn {
    animation-timing-function: ease-out;
}

.page.fadeOut {
    animation-timing-function: ease-in;
}

[data-x-mode] .page {
    opacity: 1;
}

html.boxed body {
    background: #f6f9f9 url(../glory/bg-pattern-boxed.png) repeat fixed;
}

@media (min-width: 1630px) {
    html.boxed .page {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1);
    }

    html.boxed .rd-navbar-static {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto;
    }

    html.boxed .rd-navbar-static.rd-navbar--is-stuck {
        max-width: 1600px;
        width: 100%;
        left: calc(50% - 1600px);
        right: calc(50% - 1600px);
    }
}

/*
*
* Text styling
*/
.text-italic {
    font-style: italic;
}

.text-normal {
    font-style: normal;
}

.text-underline {
    text-decoration: underline;
}

.text-strike {
    text-decoration: line-through;
}

.font-weight-thin {
    font-weight: 100;
}

.font-weight-light {
    font-weight: 300;
}

.font-weight-regular {
    font-weight: 400;
}

.font-weight-medium {
    font-weight: 500;
}

.font-weight-sbold {
    font-weight: 600;
}

.font-weight-bold {
    font-weight: 700;
}

.font-weight-ubold {
    font-weight: 900;
}

.text-spacing-0 {
    letter-spacing: 0;
}

.text-spacing-50 {
    letter-spacing: 0.05em;
}

.text-spacing-60 {
    letter-spacing: 0.06em;
}

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

.text-gray-700 {
    color: #2b2c2f;
}

.text-gray-800 {
    color: #151515;
}

.img-shadow {
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
}

/*
*
* Offsets
*/
*+p {
    margin-top: 15px;
}

h2+p,
.heading-2+p {
    margin-top: 12px;
}

p+h2,
p+.heading-2 {
    margin-top: 15px;
}

p+p {
    margin-top: 12px;
}

p.big+p {
    margin-top: 17px;
}

img+p {
    margin-top: 15px;
}

.divider-lg+p {
    margin-top: 30px;
}

h3+img {
    margin-top: 42px;
}

*+.row {
    margin-top: 30px;
}

.block-image+p {
    margin-top: 30px;
}

*+.big {
    margin-top: 20px;
}

*+.text-block {
    margin-top: 30px;
}

*+.button {
    margin-top: 40px;
}

*+.form-comment {
    margin-top: 45px;
}

*+.button-link {
    margin-top: 30px;
}

*+.owl-carousel {
    margin-top: 30px;
}

.row+h3,
.row+.heading-3 {
    margin-top: 80px;
}

.container+.container {
    margin-top: 35px;
}

.container+.container-fluid {
    margin-top: 35px;
}

.row+.row {
    margin-top: 35px;
}

@media (min-width: 1200px) {
    *+.rd-form {
        margin-top: 30px;
    }

    .container+.container {
        margin-top: 60px;
    }

    .row+.row {
        margin-top: 60px;
    }
}

.row-0 {
    margin-bottom: 0px;
}

.row-0:empty {
    margin-bottom: 0;
}

.row-0>* {
    margin-bottom: 0px;
}

.row-15 {
    margin-bottom: -15px;
}

.row-15:empty {
    margin-bottom: 0;
}

.row-15>* {
    margin-bottom: 15px;
}

.row-20 {
    margin-bottom: -20px;
}

.row-20:empty {
    margin-bottom: 0;
}

.row-20>* {
    margin-bottom: 20px;
}

.row-30 {
    margin-bottom: -30px;
}

.row-30:empty {
    margin-bottom: 0;
}

.row-30>* {
    margin-bottom: 30px;
}

.row-40 {
    margin-bottom: -40px;
}

.row-40:empty {
    margin-bottom: 0;
}

.row-40>* {
    margin-bottom: 40px;
}

.row-50 {
    margin-bottom: -50px;
}

.row-50:empty {
    margin-bottom: 0;
}

.row-50>* {
    margin-bottom: 50px;
}

.row-xl-50 {
    margin-bottom: -30px;
}

.row-xl-50:empty {
    margin-bottom: 0;
}

.row-xl-50>* {
    margin-bottom: 30px;
}

@media (min-width: 1200px) {
    .row-xl-50 {
        margin-bottom: -50px;
    }

    .row-xl-50:empty {
        margin-bottom: 0;
    }

    .row-xl-50>* {
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .row-md-30 {
        margin-bottom: -30px;
    }

    .row-md-30:empty {
        margin-bottom: 0;
    }

    .row-md-30>* {
        margin-bottom: 30px;
    }
}

/*
*
* Sections
*/
.section-xxs {
    padding: 12px 0;
}

.section-xs {
    padding: 25px 0;
}

.section-xs-type-1 {
    padding: 30px 0;
}

.section-sm,
.section-md,
.section-lg,
.section-xl {
    padding: 50px 0;
}

.section-collapse+.section-collapse {
    padding-top: 0;
}

.section-collapse:last-child {
    padding-bottom: 0;
}

html [class*='section-'].section-bottom-0 {
    padding-bottom: 0;
}

@media (max-width: 991px) {

    section.section-sm:first-of-type,
    section.section-md:first-of-type,
    section.section-lg:first-of-type,
    section.section-xl:first-of-type,
    section.section-xxl:first-of-type {
        padding-top: 40px;
    }
}

@media (min-width: 768px) {
    .section-sm {
        padding: 60px 0;
    }

    .section-md {
        padding: 70px 0;
    }

    .section-lg {
        padding: 85px 0;
    }
}

@media (min-width: 992px) {
    .section-md {
        padding: 80px 0 90px;
    }

    .section-lg {
        padding: 100px 0;
    }

    .section-xl {
        padding: 120px 0;
    }
}

@media (min-width: 1200px) {
    .section-lg {
        padding: 115px 0;
    }

    .section-xl {
        padding: 140px 0;
    }
}

.section-single {
    position: relative;
    display: flex;
    text-align: center;
}

.section-single:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    opacity: 0;
}

@media (max-width: 991px) {
    .section-single:before {
        opacity: 0.85;
    }
}

.section-single>* {
    position: relative;
}

.section-single p {
    margin-left: auto;
    margin-right: auto;
}

.section-single *+.rights {
    margin-top: 35px;
}

.section-single *+.countdown-wrap {
    margin-top: 35px;
}

.section-single .countdown-wrap+* {
    margin-top: 35px;
}

@media (min-width: 992px) {
    .section-single *+.rights {
        margin-top: 60px;
    }

    .section-single .countdown-wrap+* {
        margin-top: 35px;
    }
}

.section-single .rd-mailform-wrap {
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-single *+.rd-mailform-wrap {
    margin-top: 30px;
}

.section-single-header {
    padding: calc(1em + 3vh) 0 calc(1em + 2vh);
}

.section-single-main {
    padding: calc(1em + 4vh) 0;
}

.section-single-footer {
    padding: calc(1em + 2vh) 0 calc(1em + 3vh);
}

.section-single-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 100vh;
}

.section-single-inner>* {
    width: 100%;
}

@supports (display: grid) {
    .section-single-inner {
        display: grid;
        justify-items: center;
        align-content: space-between;
        grid-template-columns: 1fr;
    }
}

.section-page-title {
    padding: 40px 0;
}

@media (min-width: 768px) {
    .section-page-title {
        padding: 80px 0;
    }
}

.section-filter-white {
    position: relative;
}

.section-filter-white>* {
    position: relative;
}

.section-filter-white:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.4);
}

@media (min-width: 992px) {
    .section-filter-white:before {
        display: none;
    }
}

.section-filter-dark {
    position: relative;
}

.section-filter-dark>* {
    position: relative;
}

.section-filter-dark:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}

/**
* Custom sections
*/
.section-two-column {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.section-two-column>* {
    flex-basis: 100%;
}

@media (min-width: 992px) {
    .section-two-column {
        flex-direction: row;
    }

    .section-two-column>* {
        flex-basis: 50%;
    }

    .section-two-column .section-map .rd-google-map__model {
        height: 100%;
    }
}

.section-two-column-content {
    padding: 0 15px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 992px) {
    .section-two-column-content {
        padding-left: 40px;
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .section-two-column-content {
        padding-left: 80px;
    }
}

.section-transform-bottom {
    position: relative;
    z-index: 1;
}

@media (min-width: 1200px) {
    .section-transform-bottom {
        margin-bottom: -130px;
    }
}

/*
*
* Grid modules
*/
.grid-demonstration {
    padding: 12px 8px;
    letter-spacing: 0;
    text-align: left;
}

.grid-demonstration h5,
.grid-demonstration .heading-5 {
    font-weight: 700;
}

@media (max-width: 1199px) {

    .grid-demonstration h5,
    .grid-demonstration .heading-5 {
        font-size: 14px;
    }
}

@media (max-width: 1799px) {
    .grid-demonstration p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media (max-width: 991px) {
    .container-fluid.grid-demonstration .row {
        margin-left: 0;
        margin-right: 0;
    }
}

.container-fluid.grid-demonstration [class^='col'] {
    padding: 5px;
}

@media (max-width: 991px) {
    .container-fluid.grid-demonstration [class^='col'] p {
        font-size: 14px;
    }

    .container-fluid.grid-demonstration [class^='col'] *+p {
        margin-top: 10px;
    }
}

@media (min-width: 768px) {
    .container-fluid.grid-demonstration [class^='col'] {
        padding: 15px 10px;
    }
}

@media (min-width: 992px) {
    .container-fluid.grid-demonstration [class^='col'] {
        padding: 25px 15px;
    }
}

@media (min-width: 1200px) {
    .container-fluid.grid-demonstration [class^='col'] {
        padding: 30px 15px 30px 30px;
    }
}

@media (min-width: 1800px) {
    .container-fluid.grid-demonstration [class^='col'] {
        padding: 50px 100px;
    }

    .container-fluid.grid-demonstration [class^='col'] *+p {
        margin-top: 24px;
    }
}

@media (min-width: 1800px) {
    .container-fluid.grid-demonstration .row {
        margin-left: -70px;
        margin-right: -70px;
    }
}

.grid-system-bordered [class*='col'] {
    padding-top: 15px;
    padding-bottom: 15px;
}

.grid-system-bordered .row {
    border-bottom: 1px solid #eaeced;
}

.grid-system-bordered .row:last-child {
    border-bottom: none;
}

@media (min-width: 768px) {
    .grid-system-bordered [class*='col'] {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media (min-width: 1200px) {
    .grid-system-bordered [class*='col'] {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

.grid-system-outline .row {
    border: 1px solid #eaeced;
}

.grid-system-outline .row:not(:last-child) {
    border-bottom-width: 0;
}

.grid-system-outline [class*='col']:not(:last-child) {
    border-right: 1px solid #eaeced;
    margin-right: -1px;
}

.grid-system-outline *+.row {
    margin-top: 45px;
}

.grid-system-outline .row+.row {
    margin-top: 0;
}

/*
*
* Backgrounds
*/
.context-dark,
.context-dark h1,
.context-dark h2,
.context-dark h3,
.context-dark h4,
.context-dark h5,
.context-dark h6,
.context-dark [class^='heading-'] {
    color: #ffffff;
}

.context-dark .divider-lg::after {
    background: #ffffff;
}

.context-dark .rd-form-inline .form-input,
.context-dark .rd-form-inline .form-label {
    color: #ffffff;
}

.context-dark .form-validation {
    color: #ffffff;
}

.context-dark .quote-modern .quote-modern-title {
    color: #fefefe;
}

.context-dark .quote-modern .big {
    color: #d0d0d0;
}

.context-dark .quote-modern .quote-modern-text {
    color: #d7d7d7;
}

.context-dark .quote-modern .quote-modern-text .quote-body-mark>* {
    fill: rgba(255, 255, 255, 0.46);
}

.bg-gray-dark,
.bg-primary,
.bg-gray-dark h1,
.bg-primary h1,
.bg-gray-dark h2,
.bg-primary h2,
.bg-gray-dark h3,
.bg-primary h3,
.bg-gray-dark h4,
.bg-primary h4,
.bg-gray-dark h5,
.bg-primary h5,
.bg-gray-dark h6,
.bg-primary h6,
.bg-gray-dark [class^='heading-'],
.bg-primary [class^='heading-'] {
    color: #ffffff;
}

.bg-gray-dark .divider-lg::after,
.bg-primary .divider-lg::after {
    background: #ffffff;
}

.bg-gray-dark .rd-form-inline .form-input,
.bg-primary .rd-form-inline .form-input,
.bg-gray-dark .rd-form-inline .form-label,
.bg-primary .rd-form-inline .form-label {
    color: #ffffff;
}

.bg-gray-dark .form-validation,
.bg-primary .form-validation {
    color: #ffffff;
}

.bg-gray-dark .quote-modern .quote-modern-title,
.bg-primary .quote-modern .quote-modern-title {
    color: #fefefe;
}

.bg-gray-dark .quote-modern .big,
.bg-primary .quote-modern .big {
    color: #d0d0d0;
}

.bg-gray-dark .quote-modern .quote-modern-text,
.bg-primary .quote-modern .quote-modern-text {
    color: #d7d7d7;
}

.bg-gray-dark .quote-modern .quote-modern-text .quote-body-mark>*,
.bg-primary .quote-modern .quote-modern-text .quote-body-mark>* {
    fill: rgba(255, 255, 255, 0.46);
}

.bg-gray-dark .brand .brand-logo-dark,
.bg-primary .brand .brand-logo-dark {
    display: none;
}

.bg-gray-dark .brand .brand-logo-light,
.bg-primary .brand .brand-logo-light {
    display: block;
}

/**
* Light Backgrounds
*/
.bg-default {
    background-color: #ffffff;
}

.bg-default+.bg-default {
    padding-top: 0;
}

.bg-gray-100 {
    background-color: #f6f9f9;
}

.bg-gray-100+.bg-gray-100 {
    padding-top: 0;
}

.bg-gray-100 .box-icon-modern .icon-modern {
    background: #cef1ea;
}

.bg-gray-11 {
    background-color: #f4f4f4;
}

.bg-gray-11+.bg-gray-11 {
    padding-top: 0;
}

/**
* Dark Backgrounds
*/
.bg-gray-dark {
    background-color: #2b2c2f;
}

.bg-gray-dark+.bg-gray-dark {
    padding-top: 0;
}

/** 
* Accent Backgrounds
*/
.bg-primary {
    background: #cef1ea;
}

.bg-primary+.bg-primary {
    padding-top: 0;
}

.bg-primary .button-primary,
.bg-primary .button-primary:focus {
    color: #cef1ea;
    background-color: #ffffff;
    border-color: #ffffff;
}

.bg-primary .button-primary:hover,
.bg-primary .button-primary:active {
    color: #ffffff;
    background-color: #cef1ea;
    border-color: #ffffff;
}

.bg-primary .button-primary.button-ujarak::before {
    background: #cef1ea;
}

.bg-primary .form-validation {
    color: #ffffff;
}

.bg-primary .rd-form-inline .form-input {
    line-height: 22px;
    border: 2px solid #ffffff;
}

/**
* Background Image
*/
[class^='bg-'] {
    background-size: cover;
    background-position: center center;
}

@media (min-width: 992px) {
    html:not(.tablet):not(.mobile) .bg-fixed {
        background-attachment: fixed;
    }
}

.mbYTP_wrapper {
    position: relative;
    background: linear-gradient(to bottom, #cef1ea, #b4e5db);
}

.mbYTP_wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #cef1ea, #b4e5db);
    opacity: .4;
    z-index: 1;
}

.video-bg-overlay {
    position: relative;
}

.video-bg-overlay:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #cef1ea, #b4e5db);
    opacity: .4;
    z-index: -1;
}

/*
*
* Utilities custom
*/
.height-fill {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.height-fill>* {
    flex-grow: 1;
    flex-shrink: 0;
}

.object-inline {
    white-space: nowrap;
}

.object-inline>* {
    display: inline-block;
    min-width: 20px;
    vertical-align: top;
    white-space: normal;
}

.object-inline>*+* {
    margin-left: 5px;
}

.oh {
    position: relative;
    overflow: hidden;
}

.text-decoration-lines {
    position: relative;
    overflow: hidden;
    width: 100%;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.text-decoration-lines-content {
    position: relative;
    display: inline-block;
    min-width: 170px;
    font-size: 14px;
    text-transform: uppercase;
}

.text-decoration-lines-content::before,
.text-decoration-lines-content::after {
    content: '';
    position: absolute;
    height: 1px;
    background: #eaeced;
    top: 50%;
    width: 100vw;
}

.text-decoration-lines-content::before {
    left: 0;
    transform: translate3d(-100%, 0, 0);
}

.text-decoration-lines-content::after {
    right: 0;
    transform: translate3d(100%, 0, 0);
}

*+.text-decoration-lines {
    margin-top: 30px;
}

p.rights {
    font-size: 16px;
    color: #9b9b9b;
    letter-spacing: 0.05em;
}

p.rights a {
    color: inherit;
}

p.rights a:hover {
    text-decoration: underline;
}

[style*='z-index: 1000;'] {
    z-index: 1101 !important;
}

.text-block>* {
    margin-left: .125em;
    margin-right: .125em;
}

/*
*
* Animate.css
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 1;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

html:not(.lt-ie10) .not-animated {
    opacity: 0;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

/*
*
* Preloader
*/
.preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    background: #ffffff;
    transition: .3s all ease;
}

.preloader.loaded {
    opacity: 0;
    visibility: hidden;
}

.preloader-body {
    text-align: center;
}

.preloader-body p {
    position: relative;
    right: -8px;
}

.cssload-jumping {
    position: relative;
    display: block;
    margin: 97px auto;
    width: 107px;
}

.cssload-jumping,
.cssload-jumping * {
    box-sizing: border-box;
}

.cssload-jumping span {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: #cef1ea;
    border-radius: 487px;
    background-clip: padding-box;
    -o-background-clip: padding-box;
    -ms-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
}

.cssload-jumping span:nth-child(1) {
    animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1.15s 0.12s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(2) {
    animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1.15s 0.23s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(3) {
    animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1.15s 0.35s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(4) {
    animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1.15s 0.46s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.cssload-jumping span:nth-child(5) {
    animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -ms-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -webkit-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -moz-animation: scale 1.15s 0.58s infinite cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

@keyframes scale {
    0% {
        transform: scale(0);
    }

    25% {
        transform: scale(0.9, 0.9);
        background: #b4e5db;
    }

    50% {
        transform: scale(1, 1);
        margin: 0 3px;
        background: #cef1ea;
    }

    100% {
        transform: scale(0);
    }
}

@-o-keyframes scale {
    0% {
        -o-transform: scale(0);
    }

    25% {
        -o-transform: scale(0.9, 0.9);
        background: #b4e5db;
    }

    50% {
        -o-transform: scale(1, 1);
        margin: 0 3px;
        background: #cef1ea;
    }

    100% {
        -o-transform: scale(0);
    }
}

@-ms-keyframes scale {
    0% {
        -ms-transform: scale(0);
    }

    25% {
        -ms-transform: scale(0.9, 0.9);
        background: #b4e5db;
    }

    50% {
        -ms-transform: scale(1, 1);
        margin: 0 3px;
        background: #cef1ea;
    }

    100% {
        -ms-transform: scale(0);
    }
}

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

    25% {
        -webkit-transform: scale(0.9, 0.9);
        background: #b4e5db;
    }

    50% {
        -webkit-transform: scale(1, 1);
        margin: 0 3px;
        background: #cef1ea;
    }

    100% {
        -webkit-transform: scale(0);
    }
}

@-moz-keyframes scale {
    0% {
        -moz-transform: scale(0);
    }

    25% {
        -moz-transform: scale(0.9, 0.9);
        background: #b4e5db;
    }

    50% {
        -moz-transform: scale(1, 1);
        margin: 0 3px;
        background: #cef1ea;
    }

    100% {
        -moz-transform: scale(0);
    }
}

/*
*
* ToTop
*/
.ui-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 100;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 46px;
    color: #ffffff;
    background: #cef1ea;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    transition: .45s all ease-in-out;
    transform: translate3d(0, 100px, 0);
}

.ui-to-top:hover {
    color: #ffffff;
    background: #111111;
    text-decoration: none;
}

.ui-to-top:focus {
    color: #ffffff;
}

.ui-to-top.active {
    transform: translate3d(0, 0, 0);
}

html.mobile .ui-to-top,
html.tablet .ui-to-top {
    display: none !important;
}

@media (min-width: 576px) {
    .ui-to-top {
        right: 40px;
        bottom: 40px;
    }
}

/*
*
* RD Navbar
*/
@keyframes rd-navbar-slide-down {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes rd-navbar-slide-up {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

.rd-navbar-wrap,
.rd-navbar,
.rd-menu,
.rd-navbar-nav,
.rd-navbar-panel,
.rd-navbar-static .rd-menu,
.rd-navbar-fixed .rd-navbar-nav-wrap,
.rd-navbar-fixed .rd-navbar-submenu {
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}

.rd-navbar--no-transition,
.rd-navbar--no-transition * {
    transition: none !important;
}

.rd-navbar,
.rd-navbar.rd-navbar--is-clone {
    display: none;
}

.rd-navbar.rd-navbar-fixed+.rd-navbar.rd-navbar--is-clone,
.rd-navbar.rd-navbar-sidebar+.rd-navbar.rd-navbar--is-clone {
    display: none;
}

.rd-navbar {
    display: block;
    background: #ffffff;
}

.rd-navbar-toggle {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    color: #151515;
    background-color: transparent;
    border: none;
    display: none;
}

.rd-navbar-toggle span {
    position: relative;
    display: block;
    margin: auto;
    transition: .3s all ease;
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
    transition: .3s all ease;
}

.rd-navbar-toggle span:after {
    top: 8px;
}

.rd-navbar-toggle span:after,
.rd-navbar-toggle span:before,
.rd-navbar-toggle span {
    width: 24px;
    height: 4px;
    background-color: #151515;
    backface-visibility: hidden;
    border-radius: 0;
}

.rd-navbar-toggle span {
    transform: rotate(180deg);
}

.rd-navbar-toggle span:before,
.rd-navbar-toggle span:after {
    transform-origin: 1.71429px center;
}

.rd-navbar-toggle.active span {
    transform: rotate(360deg);
}

.rd-navbar-toggle.active span:before,
.rd-navbar-toggle.active span:after {
    top: 0;
    width: 15px;
}

.rd-navbar-toggle.active span:before {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
    transform: rotate3d(0, 0, 1, -40deg);
}

.rd-navbar-toggle.active span:after {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
    transform: rotate3d(0, 0, 1, 40deg);
}

.rd-navbar-collapse-toggle {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    color: #151515;
    display: none;
}

.rd-navbar-collapse-toggle span {
    top: 50%;
    margin-top: -3px;
}

.rd-navbar-collapse-toggle span,
.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #151515;
    left: 50%;
    margin-left: -3px;
    border-radius: 50%;
    transition: .3s all ease;
}

.rd-navbar-collapse-toggle span:before,
.rd-navbar-collapse-toggle span:after {
    content: '';
}

.rd-navbar-collapse-toggle span:before {
    bottom: 100%;
    margin-bottom: 3px;
}

.rd-navbar-collapse-toggle span:after {
    top: 100%;
    margin-top: 3px;
}

.rd-navbar-collapse-toggle.active span {
    transform: scale(0.7);
}

.rd-navbar-collapse-toggle.active span:before {
    transform: translateY(18px);
}

.rd-navbar-collapse-toggle.active span:after {
    transform: translateY(-18px);
}

.rd-navbar-brand a {
    display: block;
}

.rd-navbar-search {
    position: relative;
    display: inline-flex;
}

.rd-navbar-search .form-input {
    padding-right: 50px;
}

.rd-navbar-search .rd-search-form-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    color: #cccccc;
    transition: .33s;
}

.rd-navbar-search .rd-search-form-submit:hover {
    color: #cef1ea;
}

.rd-navbar-search-toggle {
    background: none;
    border: none;
    display: inline-block;
    padding: 0;
    outline: none;
    outline-offset: 0;
    cursor: pointer;
    -webkit-appearance: none;
}

.rd-navbar-search-toggle::-moz-focus-inner {
    border: none;
    padding: 0;
}

.rd-navbar-dropdown {
    display: none;
}

/*
* @subsection  RD Navbar Static
*/
.rd-navbar-static {
    display: block;
}

.rd-navbar-static .rd-nav-item {
    display: inline-block;
}

.rd-navbar-static .rd-nav-item.focus .rd-nav-link,
.rd-navbar-static .rd-nav-item.opened .rd-nav-link {
    color: #151515;
    background: transparent;
}

.rd-navbar-static .rd-nav-item.focus .rd-nav-link:before,
.rd-navbar-static .rd-nav-item.opened .rd-nav-link:before {
    width: 100%;
}

.rd-navbar-static .rd-nav-item.focus>.rd-navbar-submenu-toggle,
.rd-navbar-static .rd-nav-item.opened>.rd-navbar-submenu-toggle {
    color: #cef1ea;
}

.rd-navbar-static .rd-nav-item.active .rd-nav-link {
    color: #151515;
    background: transparent;
}

.rd-navbar-static .rd-nav-item.active .rd-nav-link:before {
    width: 100%;
}

.rd-navbar-static .rd-nav-item.active>.rd-navbar-submenu-toggle {
    color: #cef1ea;
}

.rd-navbar-static .rd-nav-item.focus>.rd-navbar-submenu-toggle::before,
.rd-navbar-static .rd-nav-item.opened>.rd-navbar-submenu-toggle::before,
.rd-navbar-static .rd-nav-item .rd-nav-link:hover+.rd-navbar-submenu-toggle::before {
    transform: rotate(180deg);
}

.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle {
    margin-left: 4px;
    font-family: "Material Design Icons";
    font-size: 16px;
    cursor: pointer;
    color: #151515;
}

.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle::before {
    position: relative;
    display: inline-block;
    transition: .22s;
    content: '\f236';
}

.rd-navbar-static .rd-nav-item>.rd-navbar-submenu-toggle:hover {
    color: #cef1ea;
}

.rd-navbar-static .rd-nav-item>.rd-navbar-submenu {
    margin-top: 20px;
}

.rd-navbar-static .rd-nav-item+.rd-nav-item {
    margin-left: 38px;
}

.rd-navbar-static .rd-nav-link {
    position: relative;
    display: inline-block;
    font-family: 'Montserrat';
    color: #151515;
    font-size: 16px;
    line-height: 1.2;
    transition: .25s;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.rd-navbar-static .rd-nav-link:before {
    position: absolute;
    content: '';
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: #cef1ea;
    transition: all .3s;
}

.rd-navbar-static .rd-nav-link:hover {
    color: #151515;
}

.rd-navbar-static .rd-nav-link:hover:before {
    width: 100%;
}

.rd-navbar-static .rd-menu {
    z-index: 15;
    position: absolute;
    display: block;
    margin-top: 35px;
    visibility: hidden;
    opacity: 0;
    text-align: left;
    border-top: 3px solid #cef1ea;
    transform: translate3d(0, 30px, 0);
    box-shadow: 0 0 20px rgba(78, 78, 78, 0.16);
}

.rd-navbar-static .rd-navbar-dropdown {
    position: absolute;
    left: 0;
    width: 270px;
    padding: 15px;
    background: #ffffff;
    z-index: 5;
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown {
    top: -1px;
    left: 100%;
    z-index: 2;
    margin-top: -15px;
    margin-left: 15px;
    transform: translate3d(30px, 0, 0);
}

.rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown.rd-navbar-open-left {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: 15px;
    transform: translate3d(-30px, 0, 0);
}

.rd-navbar-static .rd-dropdown-item.focus .rd-dropdown-link,
.rd-navbar-static .rd-dropdown-item.opened .rd-dropdown-link {
    color: #cef1ea;
}

.rd-navbar-static .rd-dropdown-link {
    color: #151515;
}

.rd-navbar-static .rd-dropdown-link:hover {
    color: #cef1ea;
}

.rd-navbar-static .rd-navbar-dropdown li>a,
.rd-navbar-static .rd-megamenu-list li>a {
    position: relative;
    left: 0;
    display: flex;
    padding: 1px 14px 1px 0;
    text-align: left;
}

.rd-navbar-static .rd-navbar-dropdown li>a,
.rd-navbar-static .rd-navbar-dropdown li>a:focus,
.rd-navbar-static .rd-navbar-dropdown li>a:active,
.rd-navbar-static .rd-megamenu-list li>a,
.rd-navbar-static .rd-megamenu-list li>a:focus,
.rd-navbar-static .rd-megamenu-list li>a:active {
    color: #151515;
}

.rd-navbar-static .rd-navbar-dropdown li>a:hover,
.rd-navbar-static .rd-megamenu-list li>a:hover {
    color: #cef1ea;
}

.rd-navbar-static .rd-navbar-dropdown li>a,
.rd-navbar-static .rd-navbar-dropdown li>a::before,
.rd-navbar-static .rd-megamenu-list li>a,
.rd-navbar-static .rd-megamenu-list li>a::before {
    transition: .15s ease-in-out;
}

.rd-navbar-static .rd-navbar-dropdown li>a::before,
.rd-navbar-static .rd-megamenu-list li>a::before {
    position: relative;
    top: -1px;
    left: -6px;
    display: inline-block;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: inherit;
    line-height: inherit;
    color: #cef1ea;
    opacity: 0;
    visibility: hidden;
}

.rd-navbar-static .rd-navbar-dropdown li.focus>a,
.rd-navbar-static .rd-navbar-dropdown li.opened>a,
.rd-navbar-static .rd-navbar-dropdown li>a:hover,
.rd-navbar-static .rd-megamenu-list li.focus>a,
.rd-navbar-static .rd-megamenu-list li.opened>a,
.rd-navbar-static .rd-megamenu-list li>a:hover {
    left: 0;
    padding-left: 14px;
    padding-right: 0;
}

.rd-navbar-static .rd-navbar-dropdown li.focus>a::before,
.rd-navbar-static .rd-navbar-dropdown li.opened>a::before,
.rd-navbar-static .rd-navbar-dropdown li>a:hover::before,
.rd-navbar-static .rd-megamenu-list li.focus>a::before,
.rd-navbar-static .rd-megamenu-list li.opened>a::before,
.rd-navbar-static .rd-megamenu-list li>a:hover::before {
    left: -7px;
    opacity: 1;
    visibility: visible;
}

.rd-navbar-static .rd-navbar-megamenu {
    display: flex;
    left: 0;
    width: 100%;
    max-width: 1200px;
    padding: 30px 40px;
    background: #ffffff;
}

.rd-navbar-static .rd-megamenu-item {
    flex-basis: 50%;
    flex-grow: 1;
}

.rd-navbar-static .rd-megamenu-item+.rd-megamenu-item {
    padding-left: 20px;
}

.rd-navbar-static .rd-megamenu-title {
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #151515;
    text-transform: capitalize;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeced;
}

.rd-navbar-static .rd-megamenu-list-item+.rd-megamenu-list-item {
    margin-top: 5px;
}

.rd-navbar-static .rd-megamenu-list-link {
    color: #000000;
    background: transparent;
}

.rd-navbar-static .rd-megamenu-list-link:hover {
    color: #cef1ea;
    background: transparent;
}

.rd-navbar-static *+.rd-megamenu-list {
    margin-top: 10px;
}

.rd-navbar-static .rd-navbar--has-dropdown .rd-menu {
    padding: 0;
}

.rd-navbar-static .rd-navbar--has-dropdown .rd-menu .rd-dropdown-link {
    padding: 15px 20px;
    border-bottom: 1px solid #ebebeb;
}

.rd-navbar-static .rd-navbar--has-dropdown .rd-menu>li:last-child .rd-dropdown-link {
    border-bottom: none;
}

.rd-navbar-static .rd-navbar-submenu.focus>.rd-menu,
.rd-navbar-static .rd-navbar-submenu.opened>.rd-menu {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

.rd-navbar-static .rd-navbar-search.active .rd-search {
    visibility: visible;
    opacity: 1;
}

.rd-navbar-static .rd-search {
    position: absolute;
    top: 100%;
    right: 0;
    width: 270px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 20px;
    z-index: 2;
}

.rd-navbar-static *+.rd-navbar-search {
    margin-left: 38px;
}

.rd-navbar-static .rd-navbar-search-toggle {
    display: inline-flex;
    color: #151515;
}

.rd-navbar-static .rd-navbar-search-toggle span {
    display: inline-block;
    position: relative;
    width: 32px;
    height: 32px;
    font-size: 26px;
    line-height: 32px;
    text-align: center;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    padding: 0;
}

.rd-navbar-static .rd-navbar-search-toggle span,
.rd-navbar-static .rd-navbar-search-toggle span::before,
.rd-navbar-static .rd-navbar-search-toggle span::after {
    transition: .3s all ease-in-out;
}

.rd-navbar-static .rd-navbar-search-toggle span::before,
.rd-navbar-static .rd-navbar-search-toggle span::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.rd-navbar-static .rd-navbar-search-toggle span::before {
    content: "";
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible;
    font-family: "Material Design Icons";
}

.rd-navbar-static .rd-navbar-search-toggle span::after {
    content: "";
    transform: rotate(-90deg) scale(0.4);
    opacity: 0;
    visibility: hidden;
    font-family: "Material Design Icons";
}

.rd-navbar-static .rd-navbar-search-toggle.active span::before {
    opacity: 0;
    visibility: hidden;
    transform: rotate(90deg) scale(0.4);
}

.rd-navbar-static .rd-navbar-search-toggle.active span::after {
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible;
}

.rd-navbar-static .rd-navbar-search-toggle:hover {
    color: #cef1ea;
}

.rd-navbar-static.rd-navbar--is-clone {
    display: block;
    transform: translate3d(0, -100%, 0);
}

.rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck {
    transform: translate3d(0, 0, 0);
}

.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-static.rd-navbar--is-clone {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1080;
    background: #ffffff;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-menu,
.rd-navbar-static.rd-navbar--is-clone .rd-menu {
    margin-top: 34px;
}

.rd-navbar-static .rd-navbar--has-dropdown {
    position: relative;
}

/*
*
* RD Navbar Fixed
*/
.rd-navbar-fixed {
    display: block;
}

.rd-navbar-fixed .rd-navbar-toggle {
    display: inline-block;
}

.rd-navbar-fixed .rd-navbar-brand {
    position: relative;
    margin-left: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 22px;
    line-height: 46px;
}

.rd-navbar-fixed .rd-navbar-brand img {
    max-width: 140px;
    max-height: 43px;
    width: auto;
    height: auto;
}

.rd-navbar-fixed .rd-navbar-panel {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    height: 56px;
    padding: 4px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
    position: fixed;
    left: 0;
    top: -56px;
    bottom: -56px;
    z-index: 1079;
    width: 270px;
    padding: 112px 0 81px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 16px;
    line-height: 34px;
    transform: translateX(-110%);
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar {
    width: 4px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
    background: white;
    border: none;
    border-radius: 0;
    opacity: .2;
}

.rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track {
    background: #cef1ea;
    border: none;
    border-radius: 0;
}

.rd-navbar-fixed .rd-navbar-nav-wrap.active {
    transform: translateX(0);
}

.rd-navbar-fixed .rd-navbar-nav {
    display: block;
    margin: 15px 0;
    height: auto;
    text-align: left;
}

.rd-navbar-fixed .rd-nav-item {
    text-align: left;
}

.rd-navbar-fixed .rd-nav-item+.rd-nav-item {
    margin-top: 4px;
}

.rd-navbar-fixed .rd-nav-link {
    display: block;
    padding: 9px 56px 9px 18px;
}

.rd-navbar-fixed li.opened>.rd-navbar-dropdown {
    padding: 4px 0 0;
}

.rd-navbar-fixed li.opened>.rd-navbar-megamenu {
    padding-top: 15px;
    padding-bottom: 15px;
}

.rd-navbar-fixed li.opened>.rd-menu {
    opacity: 1;
    height: auto;
}

.rd-navbar-fixed li.opened>.rd-navbar-submenu-toggle::after {
    transform: rotate(180deg);
}

.rd-navbar-fixed .rd-menu {
    display: none;
    transition: opacity 0.3s, height 0.4s ease;
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.rd-navbar-fixed .rd-navbar-submenu {
    position: relative;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown .rd-navbar-submenu-toggle:after {
    height: 34px;
    line-height: 34px;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown>li>a {
    padding-left: 30px;
}

.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li>a,
.rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li>a {
    padding-left: 46px;
}

.rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-submenu.opened>.rd-navbar-megamenu {
    display: block;
}

.rd-navbar-fixed .rd-megamenu-list>li>a,
.rd-navbar-fixed .rd-navbar-dropdown>li>a {
    display: block;
    padding: 9px 56px 9px 16px;
    font-size: 14px;
    line-height: 1.5;
}

.rd-navbar-fixed .rd-megamenu-list>li+li,
.rd-navbar-fixed .rd-navbar-dropdown>li+li {
    margin-top: 3px;
}

.rd-navbar-fixed .rd-megamenu-list>li>a {
    padding-left: 30px;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
    position: relative;
    display: block;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    padding: 0 18px 7px;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.5;
    color: #151515;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
    content: '';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0;
    border-bottom: 1px solid;
}

.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-list {
    margin-top: 11px;
}

.rd-navbar-fixed .rd-navbar-megamenu *+.rd-megamenu-title {
    margin-top: 20px;
}

.rd-navbar-fixed .rd-navbar-megamenu>li+li {
    margin-top: 20px;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
    cursor: pointer;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle::after {
    content: '\f107';
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 52px;
    font: 400 14px "FontAwesome";
    line-height: 52px;
    text-align: center;
    transition: 0.4s all ease;
    z-index: 2;
    cursor: pointer;
}

.rd-navbar-fixed .rd-navbar-collapse-toggle {
    display: block;
    top: 4px;
    z-index: 1081;
}

.rd-navbar-fixed .rd-navbar-collapse {
    position: fixed;
    right: 0;
    top: 56px;
    z-index: 1079;
    transform: translate3d(0, -10px, 0);
    padding: 15px;
    width: auto;
    border-radius: 0;
    text-align: left;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.rd-navbar-fixed .rd-navbar-collapse.active {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
}

.rd-navbar-fixed .rd-navbar-collapse .list-inline>li {
    display: block;
}

.rd-navbar-fixed .rd-navbar-collapse .list-inline>li+li {
    margin-top: 10px;
}

.rd-navbar-fixed .rd-navbar-collapse .social-block .list-inline {
    margin-left: -5px;
    margin-right: -5px;
}

.rd-navbar-fixed .rd-navbar-collapse .social-block .list-inline>* {
    padding-left: 5px;
    padding-right: 5px;
}

.rd-navbar-fixed .rd-navbar-collapse .social-block .list-inline>li {
    display: inline-block;
}

.rd-navbar-fixed .rd-navbar-collapse .social-block a:hover {
    color: #cef1ea;
}

.rd-navbar-fixed .rd-navbar-main-element {
    position: absolute;
    float: left;
}

.rd-navbar-fixed .rd-navbar-search .rd-search {
    position: fixed;
    right: 0;
    left: 0;
    top: 56px;
    z-index: 1079;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transform: translate3d(0, -10px, 0);
}

.rd-navbar-fixed .rd-navbar-search .rd-search-results-live {
    display: none;
}

.rd-navbar-fixed .rd-navbar-search .form-input {
    padding-right: 50px;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
}

.rd-navbar-fixed .rd-navbar-search.active .rd-search {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.rd-navbar-fixed .rd-navbar-search-toggle {
    display: inline-flex;
}

.rd-navbar-fixed .rd-navbar-search-toggle span {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px;
    font-size: 26px;
    line-height: 48px;
    text-align: center;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
    padding: 0;
}

.rd-navbar-fixed .rd-navbar-search-toggle span,
.rd-navbar-fixed .rd-navbar-search-toggle span::before,
.rd-navbar-fixed .rd-navbar-search-toggle span::after {
    transition: .3s all ease-in-out;
}

.rd-navbar-fixed .rd-navbar-search-toggle span::before,
.rd-navbar-fixed .rd-navbar-search-toggle span::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.rd-navbar-fixed .rd-navbar-search-toggle span::before {
    content: "";
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible;
    font-family: "Material Design Icons";
}

.rd-navbar-fixed .rd-navbar-search-toggle span::after {
    content: "";
    transform: rotate(-90deg) scale(0.4);
    opacity: 0;
    visibility: hidden;
    font-family: "Material Design Icons";
}

.rd-navbar-fixed .rd-navbar-search-toggle.active span::before {
    opacity: 0;
    visibility: hidden;
    transform: rotate(90deg) scale(0.4);
}

.rd-navbar-fixed .rd-navbar-search-toggle.active span::after {
    transform: rotate(0deg) scale(1);
    opacity: 1;
    visibility: visible;
}

.rd-navbar-fixed [class*='rd-navbar-fixed-element'] {
    position: fixed;
    top: 4px;
    z-index: 1082;
}

.rd-navbar-fixed .rd-navbar-fixed-element-1 {
    right: 0;
}

.rd-navbar-fixed .rd-navbar-fixed-element-2 {
    right: 46px;
}

.rd-navbar-fixed.rd-navbar--is-clone {
    display: none;
}

.rd-navbar-fixed .rd-navbar-fixed--visible {
    display: block;
}

.rd-navbar-fixed .rd-navbar-fixed--hidden {
    display: none;
}

.rd-navbar-fixed .rd-navbar-panel {
    color: #151515;
    box-shadow: none;
    background: #ffffff;
    border-bottom: 1px solid #eaeced;
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
    color: #ffffff;
    background: #ffffff;
    border: 1px solid #eaeced;
    box-shadow: none;
}

.rd-navbar-fixed .rd-nav-item:hover .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.focus .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.active .rd-nav-link,
.rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
    color: #ffffff;
    background: #b4e5db;
}

.rd-navbar-fixed .rd-nav-item:hover>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.focus>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.active>.rd-navbar-submenu-toggle,
.rd-navbar-fixed .rd-nav-item.opened>.rd-navbar-submenu-toggle {
    color: #ffffff;
}

.rd-navbar-fixed .rd-nav-link {
    color: #151515;
}

.rd-navbar-fixed .rd-megamenu-list>li>a,
.rd-navbar-fixed .rd-navbar-dropdown>li>a {
    color: #151515;
}

.rd-navbar-fixed .rd-megamenu-list>li:hover>a,
.rd-navbar-fixed .rd-megamenu-list>li.focus>a,
.rd-navbar-fixed .rd-megamenu-list>li.active>a,
.rd-navbar-fixed .rd-megamenu-list>li.opened>a,
.rd-navbar-fixed .rd-navbar-dropdown>li:hover>a,
.rd-navbar-fixed .rd-navbar-dropdown>li.focus>a,
.rd-navbar-fixed .rd-navbar-dropdown>li.active>a,
.rd-navbar-fixed .rd-navbar-dropdown>li.opened>a {
    color: #ffffff;
    background: #b4e5db;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title {
    color: #151515;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title::after {
    border-bottom: 1px solid #eaeced;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:focus,
.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:active {
    color: #ffffff;
}

.rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-title a:hover {
    color: #cef1ea;
}

.rd-navbar-fixed .rd-navbar-submenu-toggle {
    color: #151515;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit {
    color: #cccccc;
}

.rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover {
    color: #cef1ea;
}

.rd-navbar-fixed .rd-navbar-search-toggle {
    color: #151515;
}

.rd-navbar-fixed .rd-navbar-search-toggle:hover {
    color: #cef1ea;
}

.rd-navbar-fixed .rd-navbar-collapse {
    background-color: #ffffff;
    box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17);
}

.rd-navbar-fixed .rd-navbar-collapse,
.rd-navbar-fixed .rd-navbar-collapse a {
    color: #151515;
}

html.rd-navbar-fixed-linked .page {
    padding-top: 56px;
}

/*
*
* RD Navbar Sidebar
*/
.rd-navbar-sidebar {
    display: block;
    background: transparent;
}

.rd-navbar-sidebar .rd-navbar-main-outer {
    padding-left: 15px;
    padding-right: 15px;
}

.rd-navbar-sidebar .rd-navbar-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 60px 22px 0;
    max-width: 1770px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1800px) {
    .rd-navbar-sidebar .rd-navbar-main {
        max-width: 100%;
        width: inherit;
        margin-left: 80px;
        margin-right: 80px;
    }
}

.rd-navbar-sidebar .rd-navbar-main-element {
    display: flex;
    align-items: center;
}

.rd-navbar-sidebar .rd-navbar-main-element>*+* {
    margin-left: 20px;
}

.rd-navbar-sidebar .rd-navbar-toggle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    z-index: 1102;
    transition: all .5s;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #ffffff;
    width: 110px;
    height: 24px;
    line-height: 24px;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern .button-text {
    margin-top: -2px;
    margin-left: 14px;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1;
    transition: all .3s;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern .button-line {
    position: absolute;
    top: 3px;
    left: 0;
    width: 38px;
    display: inline-block;
    height: 2px;
    background: #cef1ea;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern .button-line:before,
.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern .button-line:after {
    background: #cef1ea;
    height: 2px;
    right: 0;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern .button-line:after {
    width: 32px;
    top: -8px;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern .button-line:before {
    top: -16px;
    width: 26px;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern:hover .button-line,
.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern:hover .button-line:after,
.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern:hover .button-line:before {
    width: 38px;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern.active {
    right: 95px;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern.active .button-line {
    top: 8px;
    background: transparent;
    transform: rotate(180deg);
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern.active .button-line:after {
    top: -16px;
    width: 38px;
    transform: rotate(45deg);
    background: #383838;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern.active .button-line:before {
    top: 8px;
    width: 38px;
    transform: rotate(-45deg);
    background: #383838;
}

.rd-navbar-sidebar .rd-navbar-toggle.rd-navbar-toggle-modern.active .button-text {
    color: #151515;
    display: none;
}

.rd-navbar-sidebar .rd-navbar-panel {
    min-width: 100px;
    text-align: center;
}

.rd-navbar-sidebar .rd-navbar-brand img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
}

.rd-navbar-sidebar .rd-navbar-brand .brand-dark {
    display: none;
}

.rd-navbar-sidebar .rd-navbar-nav-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1101;
    width: 450px;
    padding: 94px 0 0 0;
    background: #ffffff;
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(100%);
    box-shadow: 0 0 13px 0 rgba(204, 204, 204, 0.16);
}

.rd-navbar-sidebar .rd-navbar-nav-wrap.active {
    transition-delay: .1s;
    transform: translateX(0);
}

.rd-navbar-sidebar .rd-navbar-nav {
    height: calc(100vh - 100px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #eaeced;
}

.rd-navbar-sidebar .rd-nav-item {
    position: relative;
    display: block;
    padding: 19px 30px 19px 40px;
}

.rd-navbar-sidebar .rd-nav-item.active .rd-nav-link {
    color: #cef1ea;
}

.rd-navbar-sidebar .rd-nav-item .rd-nav-link,
.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle {
    font-size: 18px;
}

.rd-navbar-sidebar .rd-nav-item+.rd-nav-item {
    border-top: 1px solid #eaeced;
}

.rd-navbar-sidebar .rd-nav-item:last-child {
    border-bottom: 1px solid #eaeced;
    margin-bottom: 30px;
}

.rd-navbar-sidebar .rd-nav-link {
    font-family: 'Montserrat';
    max-width: calc(100% - 30px);
    word-break: break-all;
    font-size: 16px;
    line-height: 1.4;
    text-transform: none;
    letter-spacing: 0.05em;
    color: #141414;
}

.rd-navbar-sidebar .rd-nav-link:hover {
    color: #cef1ea;
}

.rd-navbar-sidebar .rd-navbar-submenu.opened>.rd-navbar-submenu-toggle::after {
    transform: rotate(180deg);
}

.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-megamenu {
    display: none;
    opacity: 0;
    visibility: hidden;
    will-change: opacity, visibility;
    transition: opacity .2s;
}

.rd-navbar-sidebar .rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu.opened>.rd-navbar-megamenu {
    display: block;
    opacity: 1;
    visibility: visible;
}

.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu>.rd-navbar-megamenu {
    transform: translateY(30px);
}

.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu.opened>.rd-navbar-dropdown,
.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu.opened>.rd-navbar-megamenu {
    transform: translateY(0);
}

.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu .rd-navbar-submenu>.rd-navbar-dropdown {
    transform: translateX(-20px);
}

.rd-navbar-sidebar .rd-navbar-submenu>.rd-navbar-submenu .rd-navbar-submenu.opened>.rd-navbar-dropdown {
    transform: translateX(0);
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle,
.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: inherit;
    padding-right: inherit;
    padding-left: 10px;
    margin-bottom: inherit;
    display: inline-block;
    width: 30px;
    margin-left: 5px;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    cursor: pointer;
    color: #151515;
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle:hover,
.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle:hover {
    color: #cef1ea;
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-submenu-toggle::after,
.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle::after {
    content: '\f107';
    position: relative;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    vertical-align: middle;
    transition: 0.4s all ease;
    z-index: 2;
    will-change: transform;
}

.rd-navbar-sidebar .rd-nav-item .rd-navbar--has-dropdown>.rd-navbar-submenu-toggle {
    font-size: 14px;
    color: #cccccc;
    margin-left: 7px;
}

.rd-navbar-sidebar .rd-menu {
    margin-top: 16px;
}

.rd-navbar-sidebar .rd-navbar-dropdown,
.rd-navbar-sidebar .rd-megamenu-list {
    font-size: 14px;
}

.rd-navbar-sidebar .rd-navbar-dropdown li>a,
.rd-navbar-sidebar .rd-megamenu-list li>a {
    position: relative;
    left: 0;
    display: flex;
    padding: 1px 14px 1px 0;
    text-align: left;
}

.rd-navbar-sidebar .rd-navbar-dropdown li>a,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:focus,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:active,
.rd-navbar-sidebar .rd-megamenu-list li>a,
.rd-navbar-sidebar .rd-megamenu-list li>a:focus,
.rd-navbar-sidebar .rd-megamenu-list li>a:active {
    color: #151515;
}

.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover,
.rd-navbar-sidebar .rd-megamenu-list li>a:hover {
    color: #cef1ea;
}

.rd-navbar-sidebar .rd-navbar-dropdown li>a,
.rd-navbar-sidebar .rd-navbar-dropdown li>a::before,
.rd-navbar-sidebar .rd-megamenu-list li>a,
.rd-navbar-sidebar .rd-megamenu-list li>a::before {
    transition: .15s ease-in-out;
}

.rd-navbar-sidebar .rd-navbar-dropdown li>a::before,
.rd-navbar-sidebar .rd-megamenu-list li>a::before {
    position: relative;
    top: -1px;
    left: -6px;
    display: inline-block;
    content: '\f105';
    font-family: 'FontAwesome';
    font-size: inherit;
    line-height: inherit;
    color: #cef1ea;
    opacity: 0;
    visibility: hidden;
}

.rd-navbar-sidebar .rd-navbar-dropdown li.focus>a,
.rd-navbar-sidebar .rd-navbar-dropdown li.opened>a,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover,
.rd-navbar-sidebar .rd-megamenu-list li.focus>a,
.rd-navbar-sidebar .rd-megamenu-list li.opened>a,
.rd-navbar-sidebar .rd-megamenu-list li>a:hover {
    left: 0;
    padding-left: 14px;
    padding-right: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown li.focus>a::before,
.rd-navbar-sidebar .rd-navbar-dropdown li.opened>a::before,
.rd-navbar-sidebar .rd-navbar-dropdown li>a:hover::before,
.rd-navbar-sidebar .rd-megamenu-list li.focus>a::before,
.rd-navbar-sidebar .rd-megamenu-list li.opened>a::before,
.rd-navbar-sidebar .rd-megamenu-list li>a:hover::before {
    left: -7px;
    opacity: 1;
    visibility: visible;
}

.rd-navbar-sidebar .rd-navbar-megamenu {
    max-width: 450px;
    margin-bottom: -30px;
}

.rd-navbar-sidebar .rd-navbar-megamenu>* {
    margin-bottom: 30px;
}

.rd-navbar-sidebar .rd-navbar-megamenu>li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 20px;
}

.rd-navbar-sidebar .rd-navbar-megamenu>li a {
    font-size: 16px;
    color: #141414;
}

.rd-navbar-sidebar .rd-megamenu-title {
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}

.rd-navbar-sidebar .rd-megamenu-list {
    margin-top: 10px;
    margin-left: 10px;
}

.rd-navbar-sidebar .rd-megamenu-list>li+li {
    margin-top: 10px;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a {
    padding-right: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a::before {
    display: none;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown>a:hover {
    padding-left: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.focus>a {
    padding-left: 0;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle {
    color: #cef1ea;
}

.rd-navbar-sidebar .rd-navbar-dropdown .rd-navbar--has-dropdown.opened>.rd-navbar-submenu-toggle::after {
    top: 1px;
}

.rd-navbar-sidebar .rd-navbar-dropdown>li+li {
    margin-top: 10px;
}

.rd-navbar-sidebar .rd-nav-item>.rd-navbar-dropdown {
    margin-top: 17px;
}

.rd-navbar-sidebar .rd-navbar-dropdown {
    margin-top: 10px;
    padding-left: 15px;
}

.rd-navbar-sidebar .rd-navbar-dropdown>li>a {
    font-size: 16px;
    color: #141414;
}

@media (min-width: 1200px) {
    .rd-navbar-sidebar .rd-navbar-megamenu {
        margin-bottom: -30px;
    }

    .rd-navbar-sidebar .rd-navbar-megamenu>* {
        margin-bottom: 30px;
    }

    .rd-navbar-sidebar .rd-navbar-dropdown>li+li,
    .rd-navbar-sidebar .rd-megamenu-list>li+li {
        margin-top: 18px;
    }
}

@media (min-width: 1200px) {
    .rd-navbar-sidebar .rd-navbar-nav-wrap {
        width: 330px;
        left: auto;
    }
}

.rd-navbar-sidebar.rd-navbar--is-clone {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transform: translateY(-101%);
}

.rd-navbar-sidebar.rd-navbar--is-clone.rd-navbar--is-stuck {
    transform: translateY(0);
}

.rd-navbar-sidebar.rd-navbar--is-stuck {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
}

.rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-main {
    padding-top: 11px;
    padding-bottom: 11px;
}

.header-sidebar {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
}

.header-sidebar .rd-navbar-fixed .button-text {
    display: none;
}

.header-sidebar .rd-navbar-fixed .rd-navbar-brand-name .brand-light {
    display: none;
}

.header-sidebar .rd-navbar-sidebar.rd-navbar--is-stuck {
    background: #ffffff;
}

.header-sidebar .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-brand-name .brand-dark {
    display: block;
}

.header-sidebar .rd-navbar-sidebar.rd-navbar--is-stuck .rd-navbar-brand-name .brand-light {
    display: none;
}

.header-sidebar .rd-navbar-sidebar.rd-navbar--is-stuck .button-text {
    color: #151515;
}

/**
*
* RD Navbar Classic
* =====================================================
*/
.rd-navbar-classic.rd-navbar-static {
    border-bottom: 1px solid transparent;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside-outer,
.rd-navbar-classic.rd-navbar-static .rd-navbar-main-outer {
    padding-left: 15px;
    padding-right: 15px;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside-outer {
    background: #151515;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside,
.rd-navbar-classic.rd-navbar-static .rd-navbar-main {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .header-info {
    font-size: 14px;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .header-info .list-inline {
    margin-left: -40px;
    margin-right: -40px;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .header-info .list-inline>* {
    padding-left: 40px;
    padding-right: 40px;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .header-info .unit-body {
    color: #f5f2e9;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .header-info a {
    font-size: 14px;
    color: #f5f2e9;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .header-info a:hover {
    color: #cef1ea;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .social-block .list-inline {
    margin-left: -11px;
    margin-right: -11px;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .social-block .list-inline>* {
    padding-left: 11px;
    padding-right: 11px;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .social-block a {
    font-size: 15px;
    color: #ffffff;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-aside .social-block a:hover {
    color: #cef1ea;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-brand img {
    width: auto;
    height: auto;
    max-width: 140px;
    max-height: 43px;
}

.rd-navbar-classic.rd-navbar-static .rd-navbar-main-element {
    display: flex;
    align-items: center;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone {
    border-bottom-color: #eaeced;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer {
    display: none;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
    padding: 6px 0;
}

.rd-navbar-classic.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item>.rd-navbar-submenu,
.rd-navbar-classic.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item>.rd-navbar-submenu {
    margin-top: 17px;
}

.rd-navbar-classic.rd-navbar-static .rd-nav-item+.rd-nav-item {
    margin-left: 30px;
}

@media (min-width: 1200px) {
    .rd-navbar-classic.rd-navbar-static .rd-nav-item+.rd-nav-item {
        margin-left: 46px;
    }
}

/**
*
* RD Navbar Classic
* =====================================================
*/
.rd-navbar-classic-center.rd-navbar-static {
    border-bottom: 1px solid transparent;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-panel {
    display: none;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside-outer,
.rd-navbar-classic-center.rd-navbar-static .rd-navbar-main-outer {
    padding-left: 15px;
    padding-right: 15px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside-outer {
    background: #cef1ea;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside,
.rd-navbar-classic-center.rd-navbar-static .rd-navbar-main {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside {
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info .list-inline {
    margin-left: -40px;
    margin-right: -40px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info .list-inline>* {
    padding-left: 40px;
    padding-right: 40px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info .unit-body {
    color: rgba(255, 255, 255, 0.75);
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .header-info a:hover {
    color: #ffffff;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .social-block .list-inline {
    margin-left: -11px;
    margin-right: -11px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .social-block .list-inline>* {
    padding-left: 11px;
    padding-right: 11px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .social-block a {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.75);
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-aside .social-block a:hover {
    color: #ffffff;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-main {
    position: relative;
    display: block;
    padding: 20px 0;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-brand img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rd-navbar-classic-center.rd-navbar-static .rd-navbar-main-element {
    display: block;
}

.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-clone {
    border-bottom-color: #eaeced;
}

.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer,
.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer {
    display: none;
}

.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main,
.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-clone .rd-navbar-main {
    padding: 2px 0;
}

.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-item>.rd-navbar-submenu,
.rd-navbar-classic-center.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-item>.rd-navbar-submenu {
    margin-top: 17px;
}

.rd-navbar-classic-center.rd-navbar-static .rd-nav-item+.rd-nav-item {
    margin-left: 0;
}

.rd-navbar-classic-center.rd-navbar-fixed .rd-navbar-nav .rd-nav-brand {
    display: none;
}

/*
*
* RD Navbar Fullwidth
*/
.rd-navbar-fullwidth {
    display: block;
}

.rd-navbar-fullwidth .rd-navbar-nav>li+li {
    margin-left: 20px;
}

.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-main,
.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-main {
    padding: 10px 0;
}

/*
*
* Swiper
*/
.swiper-container {
    display: flex;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    align-self: stretch;
    align-items: stretch;
    width: 100%;
    height: auto;
    min-height: inherit;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-container {
    flex-shrink: 0;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    touch-action: pan-y;
}

.swiper-wp8-vertical {
    touch-action: pan-x;
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
    /* Windows 8 IE 10 fix */
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

.swiper-slide>.vide__body,
.swiper-slide>.parallax_cnt {
    height: 100%;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    font-size: 26px;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    transition: .2s ease-in;
    will-change: transform;
    z-index: 10;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    color: #cef1ea;
}

@media (min-width: 992px) {

    .swiper-button-prev,
    .swiper-button-next {
        display: block;
    }
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev {
    left: 30px;
}

.swiper-button-prev:before {
    font-family: "FontAwesome";
    content: "\f175";
}

.swiper-button-next {
    right: 30px;
}

.swiper-button-next:before {
    font-family: "FontAwesome";
    content: "\f176";
}

.swiper-slider.swiper-container-rtl .swiper-button-prev::before {
    content: "\f061";
}

.swiper-slider.swiper-container-rtl .swiper-button-next::before {
    content: "\f060";
}

.swiper-pagination {
    position: absolute;
    display: block;
    text-align: center;
    transition: .3s;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    border: 2px solid #b7b7b7;
    background: transparent;
    overflow: hidden;
    transition: .2s;
}

.swiper-pagination .swiper-pagination-bullet:before {
    position: absolute;
    content: '';
    width: 150%;
    height: 150%;
    top: -3px;
    left: -3px;
    background: #cef1ea;
    transform: translateX(-200%);
    transition: all .3s;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet:hover {
    border-color: #cef1ea;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.swiper-pagination .swiper-pagination-bullet:hover:before {
    transform: translateX(0);
}

.swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-black .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.6);
}

.swiper-pagination-black .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: black;
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block;
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 20px;
    left: 0;
    width: 100%;
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
}

.swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.swiper-slide-caption {
    width: 100%;
    white-space: normal;
}

.swiper-slide-caption h1+* {
    margin-top: 20px;
}

.swiper-slide-caption .lead {
    display: none;
}

.swiper-slide .heading-decorate .divider:after {
    width: 60px;
}

@media (min-width: 992px) {
    .swiper-slide-caption .lead {
        display: block;
    }

    .swiper-slide-caption *+.lead {
        margin-top: 25px;
    }

    .swiper-slide .heading-decorate .divider:after {
        width: 90px;
    }
}

.swiper-slide .slider-logo {
    display: inline-block;
}

.swiper-slide .slider-logo svg>* {
    stroke: #cef1ea;
}

.swiper-slide .slider-logo svg {
    width: 70px;
    height: 70px;
}

@media (min-width: 576px) {
    .swiper-slide .slider-logo svg {
        width: 125px;
        height: 125px;
    }
}

.swiper-slide .slider-logo+* {
    margin-top: 10px;
}

@media (min-width: 992px) {
    .swiper-slide .slider-logo+* {
        margin-top: 20px;
    }
}

.swiper-counter {
    display: none;
    position: absolute;
    top: 50%;
    right: 22px;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 2px;
    text-align: center;
    z-index: 2;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    border: 1px solid rgba(147, 147, 147, 0.7);
    transform: translateY(-50%);
    color: rgba(147, 147, 147, 0.7);
    letter-spacing: 0;
}

@media (min-width: 1200px) {
    .swiper-counter {
        display: block;
    }
}

.swiper-slider-1 {
    min-height: 360px;
}

@media (min-width: 768px) {
    .swiper-slider-1 {
        min-height: 40.10417vw;
    }
}

.swiper-slider-1 .swiper-button-prev,
.swiper-slider-1 .swiper-button-next {
    right: 40px;
    left: auto;
    display: none;
}

.swiper-slider-1 .swiper-button-prev:before,
.swiper-slider-1 .swiper-button-next:before {
    display: none;
}

.swiper-slider-1 .swiper-button-prev svg>*,
.swiper-slider-1 .swiper-button-next svg>* {
    stroke: rgba(147, 147, 147, 0.7);
    transition: all .3s;
}

.swiper-slider-1 .swiper-button-prev:hover svg>*,
.swiper-slider-1 .swiper-button-next:hover svg>* {
    stroke: #151515;
}

@media (min-width: 1200px) {

    .swiper-slider-1 .swiper-button-prev,
    .swiper-slider-1 .swiper-button-next {
        display: block;
    }
}

.swiper-slider-1 .swiper-button-prev {
    top: calc(50% + 50px);
}

.swiper-slider-1 .swiper-button-next {
    top: calc(50% - 50px);
}

@media (min-width: 1200px) {
    .swiper-slider-1 .swiper-pagination-bullet {
        display: none;
    }
}

.slider-pagination-vertical.swiper-slider-1 .swiper-pagination {
    right: 30px;
    bottom: inherit;
    left: inherit;
    top: 80%;
    width: auto;
    transform: translateY(-50%);
}

.slider-pagination-vertical.swiper-slider-1 .swiper-pagination .swiper-pagination-bullet {
    display: block;
    margin: 5px 0;
}

@media (min-width: 768px) {
    .slider-pagination-vertical.swiper-slider-1 .swiper-pagination {
        top: 50%;
    }
}

@media (min-width: 1800px) {
    .slider-pagination-vertical.swiper-slider-1 .swiper-pagination {
        right: 40px;
    }
}

@media (min-width: 1200px) {
    .slider-pagination-vertical.swiper-slider-1 .swiper-pagination-bullet {
        display: block;
    }
}

.slider-scale-effect .swiper-slide:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.slider-scale-effect .swiper-slide.slide-bg-1:before {
    background: url(../glory/slide-1-bg.jpg);
    background-size: cover;
}

.slider-scale-effect .swiper-slide.slide-bg-2:before {
    background: url(../glory/slide-2-bg.jpg);
    background-size: cover;
}

.slider-scale-effect .swiper-slide.slide-bg-3:before {
    background: url(../glory/slide-3-bg.jpg);
    background-size: cover;
}

.slider-scale-effect .slide-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: 8.5s ease-out;
    transform: scale(1.08);
    background-size: cover;
}

@media (max-width: 767px) {
    .slider-scale-effect .slide-bg {
        background-position-x: 80%;
    }
}

.desktop .slider-scale-effect .swiper-slide:nth-child(1) .slide-bg {
    transform-origin: 0 0;
}

.desktop .slider-scale-effect .swiper-slide:nth-child(2) .slide-bg {
    transform: scale(1);
    transform-origin: 100% 100%;
}

.desktop .slider-scale-effect .swiper-slide:nth-child(3) .slide-bg {
    transform-origin: 50% 50%;
}

.slider-scale-effect .swiper-slide.swiper-slide-active .slide-bg {
    transform: scale(1);
}

.slider-scale-effect .swiper-slide:nth-child(2).swiper-slide-active .slide-bg {
    transform: scale(1.08);
}

.swiper-slider-2 {
    min-height: 360px;
}

@media (min-width: 768px) {
    .swiper-slider-2 {
        min-height: 40.10417vw;
    }
}

.swiper-slider-2 .swiper-button-prev,
.swiper-slider-2 .swiper-button-next {
    display: none;
    width: 40px;
    height: 120px;
    padding: 40px 0;
    background: rgba(0, 0, 0, 0.15);
    color: #ffffff;
}

.swiper-slider-2 .swiper-button-prev:before,
.swiper-slider-2 .swiper-button-next:before {
    font-family: 'FontAwesome';
    font-size: 40px;
}

.swiper-slider-2 .swiper-button-prev:hover,
.swiper-slider-2 .swiper-button-next:hover {
    background: #cef1ea;
}

.swiper-slider-2 .swiper-button-prev {
    left: 0;
}

.swiper-slider-2 .swiper-button-prev:before {
    content: '\f104';
}

.swiper-slider-2 .swiper-button-next {
    right: 0;
}

.swiper-slider-2 .swiper-button-next:before {
    content: '\f105';
}

@media (min-width: 1200px) {
    .swiper-slider-2 .swiper-pagination {
        display: none;
    }

    .swiper-slider-2 .swiper-button-prev,
    .swiper-slider-2 .swiper-button-next {
        display: block;
    }
}

.swiper-arrow-white.swiper-slider-2 .swiper-button-prev,
.swiper-arrow-white.swiper-slider-2 .swiper-button-next {
    background: rgba(255, 255, 255, 0.2);
}

.swiper-arrow-white.swiper-slider-2 .swiper-button-prev:hover,
.swiper-arrow-white.swiper-slider-2 .swiper-button-next:hover {
    background: #cef1ea;
}

.swiper-white-content .swiper-slide-caption h1 {
    color: #ffffff;
}

.swiper-white-content .swiper-slide-caption p {
    color: #c5c5c5;
}

.swiper-white-content .swiper-slide-caption .button-default-outline {
    color: #ffffff;
}

.swiper-slider-with-info .swiper-slide-caption {
    padding-bottom: 140px;
}

.swiper-block-info {
    position: absolute;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    bottom: 60px;
    left: 50%;
    font-size: 14px;
    transform: translateX(-50%);
    z-index: 10;
}

.swiper-block-info .swiper-block-info-item a,
.swiper-block-info .swiper-block-info-item span {
    color: #ffffff;
    padding: 0 2px;
}

.swiper-block-info .swiper-block-info-item a:hover {
    color: #cef1ea;
}

@media (min-width: 992px) {
    .swiper-block-info {
        flex-direction: row;
        justify-content: space-around;
        max-width: 600px;
    }
}

@media (min-width: 1200px) {
    .swiper-block-info {
        bottom: 40px;
    }
}

.swiper-caption-inner {
    overflow: hidden;
}

.swiper-white-filter:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
}

@media (min-width: 1200px) {
    .swiper-white-filter:before {
        display: none;
    }
}

.swiper-filter-overlay {
    position: relative;
}

.swiper-filter-overlay>* {
    position: relative;
}

.swiper-filter-overlay:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.45);
}

/*
*
* RD Google Map
*/
.google-map-container {
    width: 100%;
}

.gm-style-pbt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #111111;
    color: #ffffff;
    padding: 5px 14px;
    font-size: 16px;
    border-radius: 3px;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);
    width: 100%;
    text-align: center;
    max-width: 300px;
}

.google-map {
    color: #000000;
    height: 200px;
}

.google-map img {
    max-width: none !important;
}

@media (min-width: 576px) {
    .google-map {
        height: 250px;
    }
}

@media (min-width: 992px) {
    .google-map {
        height: 400px;
    }
}

.map_locations {
    display: none;
}

/*
*
* Search Results
*/
.rd-search-results-live {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    max-height: 600px;
    overflow-y: auto;
    margin: -3px 0 0;
    text-align: left;
    z-index: 998;
}

.rd-search-results-live #search-results {
    position: relative;
    padding: 16px 0 0;
    color: #a1a1a1;
    background: transparent;
    opacity: 0;
    visibility: hidden;
    transform-origin: 50% 0;
    transform: scale(1, 0.9);
    transition: .3s all ease;
}

.rd-search-results-live #search-results::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
    border: 1px solid #eaeced;
    border-top: 0;
}

.rd-search-results-live #search-results.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
}

.rd-search-results-live .search-quick-result {
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    color: #151515;
}

.rd-search-results-live .search-list {
    margin-top: 11px;
}

.rd-search-results-live .search-list li:only-child {
    padding: 0 15px 15px;
}

.rd-search-results-live .search-link {
    color: #cccccc;
}

.rd-search-results-live .search-link:hover {
    color: #cef1ea;
}

.rd-search-results-live .search-error {
    font-size: 14px;
    line-height: 1.6;
}

.rd-search-results-live .search-title {
    position: relative;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: 700;
    color: #cef1ea;
}

.rd-search-results-live .search-title a {
    color: #cef1ea;
}

.rd-search-results-live .search-title a:hover {
    color: #151515;
}

.rd-search-results-live .search-list-item-all {
    margin-top: 18px;
    width: 100%;
}

.rd-search-results-live .search-submit {
    position: relative;
    overflow: hidden;
    z-index: 0;
    display: block;
    padding: 8px;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    background: #cef1ea;
}

.rd-search-results-live .search-submit:hover {
    color: #ffffff;
    background: #cccccc;
}

.rd-search-results-live .match {
    display: none;
}

.not-empty~.rd-search-results-live {
    visibility: visible;
    opacity: 1;
}

.rd-search-results-live p {
    font-size: 11px;
}

.rd-search-results-live p * {
    margin: 0;
}

.rd-search-results-live .search-list-item {
    padding: 0 15px;
}

.rd-search-results-live *+p {
    margin-top: 5px;
}

.rd-search-results-live .search-list-item+.search-list-item {
    margin-top: 17px;
}

.rd-search-results .search-list {
    counter-reset: li;
    text-align: left;
    padding-left: 0;
    font-size: 18px;
    list-style-type: none;
    overflow: hidden;
}

.rd-search-results .search-list li div {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
}

.rd-search-results .search-list li:only-child::before {
    display: none;
}

.rd-search-results .search-list-item {
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    color: #9b9b9b;
}

.rd-search-results .search-list-item::before {
    content: counter(li, decimal) ".";
    counter-increment: li;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 14px;
    line-height: inherit;
    font-weight: 400;
    color: #a9a9a9;
}

.rd-search-results .search-list-item+.search-list-item {
    margin-top: 40px;
}

.rd-search-results .search-title {
    font-size: 16px;
    color: #cef1ea;
}

.rd-search-results .search-title a:hover {
    color: #151515;
}

.rd-search-results .search {
    color: #ffffff;
    padding: 0 .25em;
    background: #cef1ea;
}

.rd-search-results .match {
    padding: 5px;
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #000000;
}

.rd-search-results .match em {
    margin: 0;
    font-style: normal;
}

.rd-search-results p * {
    margin: 0;
}

.rd-search-results *+.match {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .rd-search-results .search-title {
        font-size: 18px;
    }

    .rd-search-results .search-list-item::before {
        top: 1px;
        font-size: 16px;
    }

    .rd-search-results *+p {
        margin-top: 12px;
    }
}

@media (min-width: 992px) {
    .rd-search-results .search-list-item {
        padding-left: 40px;
    }
}

*+.rd-search-results {
    margin-top: 40px;
}

@media (min-width: 768px) {
    *+.rd-search-results {
        margin-top: 55px;
    }
}

.rd-search-classic {
    position: relative;
}

.rd-search-classic .form-input {
    padding-right: 50px;
}

.rd-search-classic .form-input,
.rd-search-classic .form-label {
    letter-spacing: 0;
}

.rd-search-classic .rd-search-submit {
    background: none;
    border: none;
    display: inline-block;
    padding: 0;
    outline: none;
    outline-offset: 0;
    cursor: pointer;
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    padding-top: 3px;
    padding-right: 2px;
    margin: 0;
    text-align: center;
    color: #cccccc;
    font-size: 0;
    line-height: 0;
}

.rd-search-classic .rd-search-submit::-moz-focus-inner {
    border: none;
    padding: 0;
}

.rd-search-classic .rd-search-submit:before {
    position: relative;
    top: -1px;
    content: '\e014';
    font: 400 20px 'fl-chapps';
    line-height: 1;
    transition: .33s all ease;
}

.rd-search-classic .rd-search-submit:hover {
    color: #cef1ea;
}

.rd-search.rd-search-inline {
    position: relative;
}

.rd-search.rd-search-inline .form-input {
    padding-right: 50px;
}

.rd-search.rd-search-inline .button-link {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    right: 0;
    margin: 0;
    font-size: 21px;
    color: #cccccc;
    transition: .33s;
}

.rd-search.rd-search-inline .button-link::before {
    display: block;
    margin: auto;
}

.rd-search.rd-search-inline .button-link:hover {
    color: #cef1ea;
}

.rd-search.rd-search-inline.form-sm .form-input {
    padding-right: 40px;
}

.rd-search.rd-search-inline.form-sm .button-link {
    width: 40px;
    font-size: 18px;
}

.rd-search.rd-search-inline.form-lg .form-input {
    padding-right: 60px;
}

.rd-search.rd-search-inline.form-lg .button-link {
    width: 60px;
}

/*
*
* Isotope
*/
@keyframes sprite-animation {
    from {
        background-position: 0 0;
    }
}

[data-isotope-layout] {
    z-index: 0;
    display: block;
    min-height: 160px;
    margin-left: -15px;
    margin-right: -15px;
    transition: .4s all ease;
}

[data-isotope-layout]:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-top: 15px;
    background-image: url("../glory/isotope-loader.png");
    background-position: -1152px 0;
    animation: 0.7s sprite-animation steps(18) infinite;
    transition: .4s all ease;
    transform: translate3d(-50%, -50%, 0);
}

[data-isotope-layout].row {
    margin-top: -30px;
}

[data-isotope-layout].row>[class*="col-"] {
    margin-top: 30px;
}

[data-isotope-layout].row-narrow {
    margin-bottom: -30px;
}

[data-isotope-layout].row-narrow>[class*="col-"] {
    margin-top: 30px;
}

[data-isotope-layout].row-condensed {
    margin-bottom: 0;
    margin-top: 0;
}

[data-isotope-layout].row-condensed>[class*="col-"] {
    margin-top: 0;
}

@media (min-width: 1200px) {
    [data-isotope-layout].cobbles-gallery>[class*="col-"] {
        width: 20%;
        flex-basis: 20%;
    }
}

[data-isotope-layout] [class*="col-"] {
    display: block;
    opacity: 0;
    will-change: transform;
    backface-visibility: hidden;
    transition: .1s opacity ease-in;
}

@media (max-width: 575px) {
    [data-isotope-layout] [class*="col-"] {
        max-width: 100%;
    }
}

[data-isotope-layout].isotope--loaded [class*="col-"] {
    opacity: 1;
}

[data-isotope-layout].isotope--loaded:after {
    opacity: 0;
    visibility: hidden;
}

.isotope-filters {
    position: relative;
}

.isotope-filters>* {
    margin-top: 0;
    vertical-align: middle;
}

.isotope-filters .isotope-filters-list {
    position: absolute;
    display: none;
    word-spacing: 0;
    border: 1px solid #f6f9f9;
    margin-top: 10px;
    width: 230px;
    left: 50%;
    margin-left: -115px;
    z-index: 1;
}

.isotope-filters .isotope-filters-list.active {
    display: block;
}

.isotope-filters .isotope-filters-list li {
    display: block;
}

.isotope-filters .isotope-filters-list a {
    position: relative;
    transition: .3s;
    display: block;
    padding: 5px;
    background: #f6f9f9;
    color: #151515;
    text-transform: uppercase;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.isotope-filters .isotope-filters-list a:before {
    position: absolute;
    content: '';
    bottom: 2px;
    left: 0;
    width: 0;
    height: 2px;
    background: #cef1ea;
    transition: all .3s;
}

.isotope-filters .isotope-filters-list a.active,
.isotope-filters .isotope-filters-list a:hover {
    color: #151515;
    background: #ffffff;
}

.isotope-filters .isotope-filters-list a.active:before,
.isotope-filters .isotope-filters-list a:hover:before {
    width: 100%;
}

.mobile .isotope-filters .isotope-filters-list a:hover:before,
.tablet .isotope-filters .isotope-filters-list a:hover:before {
    width: 0;
}

.mobile .isotope-filters .isotope-filters-list a.active,
.tablet .isotope-filters .isotope-filters-list a.active {
    color: #151515;
    background: #ffffff;
}

.mobile .isotope-filters .isotope-filters-list a.active:before,
.tablet .isotope-filters .isotope-filters-list a.active:before {
    width: 100%;
}

.isotope-filters .isotope-filters-list .isotope-filters-trigger {
    display: none;
}

@media (min-width: 992px) {
    .isotope-filters .isotope-filters-toggle {
        display: none;
    }

    .isotope-filters .isotope-filters-list {
        position: relative;
        border: none;
        width: inherit;
        display: flex;
        justify-content: center;
        margin: auto;
        left: inherit;
    }

    .isotope-filters .isotope-filters-list>li+li {
        margin-left: 25px;
    }

    .isotope-filters .isotope-filters-list a {
        background: transparent;
    }

    .isotope-filters .isotope-filters-list a.acrive,
    .isotope-filters .isotope-filters-list a:hover {
        background: transparent;
    }
}

.isotope-filters-modern .inline-list {
    transform: translate3d(0, -10px, 0);
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: -10px;
}

.isotope-filters-modern .inline-list>* {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.isotope-filters-modern .inline-list>li {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-size: 18px;
}

.isotope-filters-modern .inline-list a {
    position: relative;
    padding-bottom: 10px;
}

.isotope-filters-modern .inline-list a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    transition: .4s;
    background: #cef1ea;
}

.isotope-filters-modern .inline-list a:hover {
    color: #cef1ea;
}

.isotope-filters-modern .inline-list a.active::after {
    width: 100%;
}

@media (min-width: 992px) {
    .isotope-filters-modern .inline-list {
        transform: translate3d(0, -10px, 0);
        margin-bottom: -10px;
        margin-left: -23px;
        margin-right: -23px;
    }

    .isotope-filters-modern .inline-list>* {
        margin-top: 10px;
        padding-left: 23px;
        padding-right: 23px;
    }
}

.isotope-modern-wrap [class*='col'] {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .isotope-modern-wrap [class*='col'] {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    html:not(.tablet):not(.mobile) .isotope-modern-wrap [class*='col'] {
        margin-top: 0;
    }
}

.isotope-condensed {
    margin-left: 0;
    margin-right: 0;
}

.isotope-condensed .row>* {
    margin-top: -1px;
    margin-bottom: -1px;
}

*+.isotope {
    margin-top: 0;
}

*+.isotope-condensed {
    margin-top: 30px;
}

@media (max-width: 991px) {
    .isotope-condensed {
        padding: 0 0 30px;
        margin-left: 0;
        margin-right: 0;
    }

    .isotope-condensed .row.row-condensed>[class*='col'] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .isotope-condensed .row.row-condensed>[class*='col']+[class*='col'] {
        margin-top: 25px;
    }
}

@media (min-width: 768px) {
    *+.isotope {
        margin-top: 28px;
    }

    *+.isotope-condensed {
        margin-top: 50px;
    }
}

.tabs-custom {
    text-align: left;
}

.tabs-custom .nav-tabs {
    display: block;
    font-size: 0;
    line-height: 0;
    word-spacing: 0;
    border: 0;
}

.tabs-custom .nav-tabs:before,
.tabs-custom .nav-tabs:after {
    display: none;
}

.tabs-custom .nav-item {
    float: none;
    border: 0;
    cursor: pointer;
    transition: .33s all ease;
}

.tabs-custom .nav-link {
    margin: 0;
    border-radius: 0;
    border: 0;
}

.tabs-custom .nav-link.active {
    cursor: default;
    border: 0;
}

.tab-content>.tab-pane {
    display: block;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.tab-content>.active {
    visibility: visible;
    height: auto;
    overflow: visible;
}

*+.tabs-horizontal.tabs-corporate {
    margin-top: 25px;
}

*+.tabs-vertical.tabs-corporate {
    margin-top: 40px;
}

@media (min-width: 768px) {
    *+.tabs-vertical.tabs-corporate {
        margin-top: 60px;
    }
}

@media (min-width: 1200px) {
    *+.tabs-vertical.tabs-corporate {
        margin-top: 80px;
    }
}

.tabs-line .nav-tabs {
    position: relative;
}

.tabs-line .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
}

.tabs-line *+.tab-content {
    margin-top: 20px;
}

@media (max-width: 991px) {
    .tabs-line .nav-tabs {
        max-width: 100%;
        border: 1px solid #f5f2e9;
    }

    .tabs-line .nav-item {
        margin: -1px;
    }

    .tabs-line .nav-link {
        padding: 7px 10px;
        color: #9b9b9b;
        background: transparent;
        border-bottom: 1px solid #f5f2e9;
    }

    .tabs-line .nav-link:first-child {
        border-top: 1px solid #f5f2e9;
    }

    .tabs-line .nav-link:hover,
    .tabs-line .nav-link.active {
        color: #ffffff;
        background: #cef1ea;
        border-color: #cef1ea;
    }
}

.tabs-corporate .nav-tabs {
    position: relative;
    border: 1px solid #f5f2e9;
}

.tabs-corporate .nav-item {
    margin: -1px;
}

.tabs-corporate .nav-link {
    padding: 10px 10px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.06em;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #9b9b9b;
    background: transparent;
    border-bottom: 1px solid #f5f2e9;
    text-align: center;
    vertical-align: middle;
}

.tabs-corporate .nav-link:first-child {
    border-top: 1px solid #f5f2e9;
}

.tabs-corporate .nav-link:hover,
.tabs-corporate .nav-link.active {
    color: #ffffff;
    background: #cef1ea;
    border-color: #cef1ea;
}

.tabs-corporate .tab-content {
    padding: 30px 0 0;
}

.tabs-corporate.tabs-corporate-variant-2 {
    text-align: center;
}

.tabs-corporate.tabs-corporate-variant-2 .nav-tabs {
    display: inline-block;
    width: inherit;
    border: none;
    border-bottom: 1px solid #e1e1e1;
}

.tabs-corporate.tabs-corporate-variant-2 .nav-tabs .nav-item {
    padding: 0;
    display: inline-block;
}

.tabs-corporate.tabs-corporate-variant-2 .nav-tabs .nav-item+.nav-item {
    padding-left: 20px;
}

.tabs-corporate.tabs-corporate-variant-2 .nav-tabs .nav-link {
    background: transparent;
    border: none;
    border-bottom: 4px solid transparent;
    border-radius: 0;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #151515;
    text-transform: capitalize;
    letter-spacing: 0.02em;
    padding: 13px 2px;
    min-width: inherit;
}

.tabs-corporate.tabs-corporate-variant-2 .nav-tabs .nav-link:before {
    display: none;
}

.tabs-corporate.tabs-corporate-variant-2 .nav-tabs .nav-link.active,
.tabs-corporate.tabs-corporate-variant-2 .nav-tabs .nav-link:hover {
    color: #151515;
    background-color: transparent;
    border-bottom: 4px solid #cef1ea;
}

@media (min-width: 768px) {
    .tabs-horizontal.tabs-corporate .nav-tabs {
        position: relative;
        width: 100%;
        display: block;
        transform: translate3d(0, -10px, 0);
        margin-bottom: -10px;
        margin-left: -5px;
        margin-right: -5px;
        text-align: center;
        border: 0;
        will-change: transform;
    }

    .tabs-horizontal.tabs-corporate .nav-tabs>* {
        margin-top: 10px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .tabs-horizontal.tabs-corporate .nav-item {
        display: inline-block;
        will-change: transform;
    }

    .tabs-horizontal.tabs-corporate .nav-link {
        display: block;
        position: relative;
        z-index: 1;
        min-width: 130px;
        letter-spacing: .1em;
        padding: 13px 20px;
        border: 2px solid #f5f2e9;
        border-radius: 25px;
    }

    .tabs-horizontal.tabs-corporate .nav-link,
    .tabs-horizontal.tabs-corporate .nav-link::before {
        transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    }

    .tabs-horizontal.tabs-corporate .nav-link::before {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        z-index: -1;
        opacity: 0;
        transform: scale3d(0.7, 1, 1);
        transition: transform 0.4s, opacity 0.4s;
        transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
        background: #cef1ea;
        border-radius: 25px;
    }

    .tabs-horizontal.tabs-corporate .nav-link.active,
    .tabs-horizontal.tabs-corporate .nav-link:hover {
        color: #ffffff;
        border-color: #cef1ea;
        background-color: transparent;
    }

    .tabs-horizontal.tabs-corporate .nav-link.active::before,
    .tabs-horizontal.tabs-corporate .nav-link:hover::before {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    }

    .tabs-horizontal.tabs-corporate-variant-2 {
        text-align: center;
    }

    .tabs-horizontal.tabs-corporate-variant-2 .nav-tabs {
        display: inline-block;
        width: inherit;
        border-bottom: 1px solid #e1e1e1;
    }

    .tabs-horizontal.tabs-corporate-variant-2 .nav-tabs .nav-item {
        padding: 0;
    }

    .tabs-horizontal.tabs-corporate-variant-2 .nav-tabs .nav-item+.nav-item {
        padding-left: 20px;
    }

    .tabs-horizontal.tabs-corporate-variant-2 .nav-tabs .nav-link {
        background: transparent;
        border: none;
        border-radius: 0;
        font-family: "Playfair Display", "Times New Roman", Times, serif;
        font-size: 24px;
        line-height: 24px;
        font-weight: 700;
        color: #151515;
        text-transform: capitalize;
        letter-spacing: 0.02em;
        padding: 13px 2px;
        min-width: inherit;
    }

    .tabs-horizontal.tabs-corporate-variant-2 .nav-tabs .nav-link:before {
        display: none;
    }

    .tabs-horizontal.tabs-corporate-variant-2 .nav-tabs .nav-link.active,
    .tabs-horizontal.tabs-corporate-variant-2 .nav-tabs .nav-link:hover {
        color: #151515;
        background-color: transparent;
        border-bottom: 4px solid #cef1ea;
    }

    .tabs-horizontal.tabs-line .nav-tabs {
        border: 0;
        border-bottom: 4px solid #eaeced;
    }

    .tabs-horizontal.tabs-line .nav-item {
        display: inline-block;
    }

    .tabs-horizontal.tabs-line .nav-item:not(:last-child) {
        margin-right: 52px;
    }

    .tabs-horizontal.tabs-line .nav-link {
        position: relative;
        padding: 0 0 15px 0;
        background-color: transparent;
        color: #9b9b9b;
        border: 0;
    }

    .tabs-horizontal.tabs-line .nav-link::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        height: 4px;
        width: 0;
        background: #cef1ea;
        transition: .22s ease;
    }

    .tabs-horizontal.tabs-line .nav-link.active,
    .tabs-horizontal.tabs-line .nav-link:hover {
        color: #cccccc;
    }

    .tabs-horizontal.tabs-line .nav-link.active::after {
        width: 100%;
    }

    .tabs-horizontal.tabs-line *+.tab-content {
        margin-top: 30px;
    }

    .tabs-vertical {
        display: flex;
        align-items: flex-start;
    }

    .tabs-vertical .nav-tabs {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex-shrink: 0;
        max-width: 50%;
    }

    .tabs-vertical .nav-item {
        border: 0;
        width: 100%;
        text-align: left;
    }

    .tabs-vertical .nav-link {
        border-radius: 25px;
    }

    .tabs-vertical .tab-content {
        flex-grow: 1;
    }

    .tabs-vertical.tabs-corporate .nav-tabs {
        width: auto;
        min-width: 260px;
        border: 0;
    }

    .tabs-vertical.tabs-corporate .nav-item {
        margin: 0;
    }

    .tabs-vertical.tabs-corporate .nav-link {
        position: relative;
        padding: 17px 30px;
        border: 0;
        overflow: hidden;
        text-align: left;
    }

    .tabs-vertical.tabs-corporate .nav-item+.nav-item {
        margin-top: 2px;
    }

    .tabs-vertical.tabs-corporate .tab-content {
        padding: 0 0 0 30px;
    }
}

@media (min-width: 992px) {
    .tabs-horizontal.tabs-corporate .tab-content {
        padding: 60px 30px 0;
    }

    .tabs-vertical.tabs-corporate .tab-content {
        padding: 0 0 0 45px;
    }
}

.card-group-custom {
    margin-bottom: 0;
}

.card-group-custom .card-header+.collapse>.card-body,
.card-group-custom .card-header+.collapse>.list-group {
    border-top: 0;
}

.card-group-custom .card+.card {
    margin-top: 0;
}

.card-group-custom.card-group-corporate .card+.card {
    margin-top: 30px;
}

.card-custom {
    display: block;
    margin: 0;
    background: inherit;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}

.card-custom a {
    display: block;
}

.card-custom .card-header {
    padding: 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card-custom .card-body {
    padding: 0;
    border: 0;
}

*+.card-group-custom {
    margin-top: 35px;
}

@media (min-width: 768px) {
    *+.card-group-custom {
        margin-top: 50px;
    }
}

.card-corporate {
    text-align: left;
    box-shadow: -1px 2px 5px 0px rgba(68, 73, 83, 0.12);
}

.card-corporate .card-title {
    margin-bottom: 0;
}

.card-corporate .card-title a,
.card-corporate .card-body {
    background: #ffffff;
}

.card-corporate .card-title a {
    position: relative;
    z-index: 1;
    padding: 21px 82px 21px 32px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 0;
    color: #151515;
    transition: 1.3s all ease;
    border-radius: 0 0 0 0;
    border-bottom: 1px solid #dedede;
}

.card-corporate .card-title a .card-arrow:after {
    opacity: 0;
    visibility: hidden;
}

.card-corporate .card-title a.collapsed {
    border-radius: 0;
    border-bottom-width: 0;
}

.card-corporate .card-title a.collapsed .card-arrow {
    border-radius: 50%;
}

.card-corporate .card-title a.collapsed .card-arrow:after {
    opacity: 1;
    visibility: visible;
}

.card-corporate .card-arrow {
    position: absolute;
    top: 50%;
    right: 35px;
    margin-right: -20px;
    z-index: 2;
    width: 40px;
    height: 40px;
    background: #cef1ea;
    border-radius: 50%;
    transition: .33s all ease;
    transform: translateY(-50%);
}

.card-corporate .card-arrow::before,
.card-corporate .card-arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    transform: translate(-50%, -50%);
    background: #ffffff;
}

.card-corporate .card-arrow::before {
    width: 14px;
    height: 2px;
    right: 28px;
}

.card-corporate .card-arrow::after {
    width: 2px;
    height: 14px;
    right: 34px;
}

.card-corporate .collapse {
    position: relative;
    z-index: 1;
    color: #9b9b9b;
    border-radius: 0 0 0 0;
}

.card-corporate .card-body {
    padding: 25px 44px 25px 32px;
}

@media (max-width: 991px) {

    .card-corporate .card-title a,
    .card-corporate .card-body {
        padding-left: 25px;
    }
}

@media (min-width: 768px) {
    .card-corporate .card-title a {
        font-size: 18px;
    }
}

.card-group-gray .card-corporate .card-title a,
.card-group-gray .card-corporate .card-body {
    background: #f6f9f9;
}

/*
*
* Tooltop Custom
*/
.tooltip {
    font-size: 16px;
    line-height: 1.2;
    color: #b7b7b7;
}

.tooltip.bs-tooltip-top {
    padding: 6px 0;
}

.tooltip.bs-tooltip-top .arrow {
    bottom: 0;
}

.tooltip.bs-tooltip-top .arrow::before {
    margin-left: -4px;
    content: "";
    border-width: 6px 6px 0;
    border-top-color: #cef1ea;
}

.tooltip-inner {
    background-color: #cef1ea;
}

/*
*
* Counter
*/
/*
*
* Progress Bars
*/
.progress-linear {
    position: relative;
    text-align: left;
}

.progress-linear .progress-header {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-weight: 600;
}

.progress-linear .progress-bar-linear-wrap {
    display: block;
    flex: 1;
    height: 10px;
    background: #f6f9f9;
    border-radius: 5px;
}

.progress-linear .progress-body {
    display: flex;
    align-items: flex-end;
}

.progress-linear *+.progress-body {
    margin-top: 12px;
}

.progress-linear .progress-bar-linear {
    width: 0;
    height: inherit;
    background: #cef1ea;
    transition: .5s all ease-in-out;
    border-radius: 5px;
}

.progress-linear .progress-value {
    font-weight: 700;
    color: #b8b8b6;
    margin-left: 10px;
    line-height: 1;
}

.progress-linear .progress-value::after {
    content: "%";
}

*+.progress-bar-linear-wrap {
    margin-top: 8px;
}

.progress-linear+.progress-linear {
    margin-top: 20px;
}

@media (min-width: 992px) {
    .progress-linear+.progress-linear {
        margin-top: 30px;
    }
}

/*
*
* Circle Progress Bars
*/
.progress-bar-circle {
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

.progress-bar-circle canvas {
    vertical-align: middle;
}

.progress-bar-circle span {
    position: absolute;
    top: 50%;
    left: 51%;
    font-size: 36px;
    line-height: 1;
    transform: translate(-50%, -50%);
    color: #151515;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-weight: 700;
}

.progress-bar-circle-title {
    font-size: 14px;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

*+.progress-bar-circle-title {
    margin-top: 12px;
}

@media (min-width: 1200px) {
    .progress-bar-circle span {
        font-size: 60px;
        top: 46%;
    }
}

/*
*
* Time Circles
*/
.time_circles {
    position: relative;
    width: 100%;
}

.time_circles>div {
    position: absolute;
    top: 0 !important;
    bottom: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -10px;
    text-align: center;
}

@media (min-width: 1200px) {
    #DateCountdown {
        width: 100%;
    }
}

.time_circles>div>h4 {
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    right: 0;
    transform: translateY(-100%);
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.06em;
    color: #9b9b9b;
    text-transform: uppercase;
}

.time_circles>div>h4+* {
    margin-top: 0;
}

.time_circles>div>span {
    display: block;
    text-align: center;
    letter-spacing: 0;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 1 !important;
    color: #151515;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
}

@media (min-width: 768px) {
    .time_circles>div>span {
        font-size: 34px !important;
    }
}

@media (min-width: 992px) {
    .time_circles>div>span {
        font-size: 48px !important;
    }
}

@media (min-width: 1200px) {
    .time_circles>div>span {
        font-size: 60px !important;
        margin-top: -10px;
    }
}

.bg-gray-dark .time_circles>div>span,
.bg-primary .time_circles>div>span {
    color: #ffffff;
}

.countdown-wrap {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.countdown-wrap.countdown-wrap-lg {
    max-width: 1070px;
}

*+.countdown-wrap {
    margin-top: 35px;
}

.countdown-wrap+.button {
    margin-top: 40px;
}

/*
* jQuery mousewheel plugin
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl-custom>.mCSB_inside>.mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl-custom>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl-custom>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl-custom>.mCSB_outside+.mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl-custom>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 16px;
    height: 100%;
    margin: 0 auto;
    border-radius: 0;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /* the dragger element */
    position: relative;
    width: 16px;
    height: 100%;
    margin: 0 auto;
    border-radius: 0;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl-custom>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl-custom>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl-custom>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl-custom>.mCSB_inside>.mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s,
        margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
        margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
        opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #f2f3f8;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #d1d4e6;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(../glory/mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/*
*
* Owl Carousel
*/
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    font: 400 40px/80px 'FontAwesome';
    cursor: pointer;
    z-index: 1;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:before {
    content: '\f144';
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

/*
 * Owl Navigation
 */
.owl-nav.disabled {
    display: none !important;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font: 400 46px/50px 'FontAwesome';
    color: #cccccc;
    cursor: pointer;
}

.owl-prev:hover,
.owl-next:hover {
    color: #cef1ea;
}

.owl-prev {
    left: 0;
}

.owl-prev::before {
    content: '\f104';
}

.owl-next {
    right: 0;
}

.owl-next::before {
    content: '\f105';
}

/*
 * Owl Pagination
 */
.owl-dots {
    text-align: center;
    margin-top: 20px;
}

.owl-dots.disabled {
    display: none !important;
}

.owl-dot {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #a9a9a9;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    transition: .2s;
}

.owl-dot:only-child {
    display: none;
}

.owl-dot:hover,
.owl-dot:focus {
    background-color: #cef1ea;
    border-color: #cef1ea;
}

.owl-dot.active {
    background-color: #cef1ea;
    border-color: #cef1ea;
}

.owl-carousel.owl-carousel-light-dots .owl-dot {
    border-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot:hover,
.owl-carousel.owl-carousel-light-dots .owl-dot:focus {
    background-color: #ffffff;
}

.owl-carousel.owl-carousel-light-dots .owl-dot.active {
    background-color: #ffffff;
}

.carousel-modern {
    padding: 0 20px 20px 0;
}

.carousel-modern:before {
    position: absolute;
    content: '';
    top: 20px;
    left: 45px;
    right: 0;
    bottom: 0;
    background: #f0f0f0;
}

.carousel-modern .owl-stage-outer {
    padding-top: 0;
}

.carousel-modern .owl-dots {
    position: absolute;
    bottom: 40px;
    width: 100%;
    line-height: 0;
}

.carousel-modern .owl-dot {
    width: 25px;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    border: none;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0;
}

.carousel-modern .owl-dot.active,
.carousel-modern .owl-dot:hover {
    background: #cef1ea;
}

.carousel-modern.carousel-modern-type-1:before {
    border: 2px solid #e7e7e7;
    background: transparent;
}

.carousel-modern.carousel-modern-type-1 .owl-dots {
    top: 50%;
    bottom: inherit;
    right: 40px;
    margin-top: 0;
    width: auto;
    transform: translateY(-50%);
}

.carousel-modern.carousel-modern-type-1 .owl-dot {
    display: block;
    margin: 4px 0;
    width: 12px;
    height: 12px;
    border: 2px solid #a9a9a9;
    border-radius: 50%;
    background: transparent;
}

.carousel-modern.carousel-modern-type-1 .owl-dot:hover,
.carousel-modern.carousel-modern-type-1 .owl-dot.active {
    background: #cef1ea;
    border-color: #cef1ea;
}

.carousel-creative .owl-stage {
    display: flex;
    align-items: center;
}

.carousel-creative .owl-item {
    float: none;
}

.carousel-creative .owl-dots {
    margin-top: 0;
}

.carousel-creative .owl-dot {
    width: 25px;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    border: none;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0;
}

.carousel-creative .owl-dot.active,
.carousel-creative .owl-dot:hover {
    background: #cef1ea;
}

.carousel-corporate .owl-stage-outer {
    padding: 15px 0;
}

.carousel-corporate .owl-dot {
    width: 15px;
    height: 15px;
    border: 2px solid transparent;
    background: #e1e1e1;
    margin: 0 8px;
}

.carousel-corporate .owl-dot:hover,
.carousel-corporate .owl-dot.active {
    border-color: #cef1ea;
    background: #ffffff;
}

@media (min-width: 992px) {
    .carousel-corporate .owl-dots {
        text-align: right;
    }
}

.carousel-arrow-circle .owl-stage-outer {
    padding: 15px 0;
}

.carousel-arrow-circle .owl-nav {
    display: none;
}

.carousel-arrow-circle .owl-nav>* {
    padding: 17px 16px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    color: #c9c9c9;
    background: rgba(255, 255, 255, 0.8);
    font: 400 24px /24px "Material Design Icons";
    transition: all .3s;
}

.carousel-arrow-circle .owl-nav>*:hover {
    background: #ffffff;
    color: #cef1ea;
}

.carousel-arrow-circle .owl-nav .owl-prev {
    left: -10px;
}

.carousel-arrow-circle .owl-nav .owl-prev:before {
    content: '\f14a';
}

.carousel-arrow-circle .owl-nav .owl-next {
    right: -10px;
}

.carousel-arrow-circle .owl-nav .owl-next:before {
    content: '\f14f';
}

@media (min-width: 1200px) {
    .carousel-arrow-circle .owl-nav {
        display: block;
    }
}

@media (min-width: 1400px) {
    .carousel-arrow-circle .owl-nav .owl-prev {
        left: -50px;
    }

    .carousel-arrow-circle .owl-nav .owl-next {
        right: -50px;
    }
}

.carousel-arrow-circle .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    border: 2px solid transparent;
    background: #e1e1e1;
    margin: 0 8px;
}

.carousel-arrow-circle .owl-dots .owl-dot:hover,
.carousel-arrow-circle .owl-dots .owl-dot.active {
    border-color: #cef1ea;
    background: #ffffff;
}

@media (min-width: 1200px) {
    .carousel-arrow-circle .owl-dots {
        display: none;
    }
}

.carousel-arrow-circle-modern .owl-nav>* {
    padding: 17px 16px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    color: #c9c9c9;
    background: rgba(255, 255, 255, 0.3);
    font: 400 24px /24px "Material Design Icons";
    transition: all .3s;
}

.carousel-arrow-circle-modern .owl-nav>*:hover {
    background: #cef1ea;
    color: #ffffff;
}

.carousel-arrow-circle-modern .owl-nav .owl-prev {
    left: 20px;
}

.carousel-arrow-circle-modern .owl-nav .owl-prev:before {
    content: '\f14a';
}

.carousel-arrow-circle-modern .owl-nav .owl-next {
    right: 20px;
}

.carousel-arrow-circle-modern .owl-nav .owl-next:before {
    content: '\f14f';
}

.carousel-inset .owl-stage {
    padding-top: 15px;
    padding-bottom: 15px;
}

.carousel-default .owl-nav {
    display: none;
}

@media (min-width: 992px) {
    .carousel-default .owl-dots {
        display: none;
    }

    .carousel-default .owl-nav {
        display: block;
    }

    .carousel-default .owl-next {
        right: -15px;
    }

    .carousel-default .owl-prev {
        left: -15px;
    }
}

.carousel-img {
    position: relative;
    overflow: hidden;
    background: #000000;
}

.carousel-img:hover img {
    transform: scale(1.05);
    opacity: .9;
}

.carousel-img img {
    max-width: inherit;
    width: 100%;
    transform-origin: center;
    will-change: transform;
    transition: all .5s;
}

.owl-carousel.owl-outer-padding-none .owl-stage-outer {
    padding-top: 0;
}

.owl-carousel-center .owl-stage {
    height: 478px;
}

@media (max-width: 575px) {
    .owl-carousel-center .owl-stage {
        height: 395px;
    }
}

.owl-carousel-center .owl-prev,
.owl-carousel-center .owl-next {
    width: 30px;
    height: 60px;
    transition: all .3s;
    color: rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.8);
}

.owl-carousel-center .owl-prev:before,
.owl-carousel-center .owl-next:before {
    position: absolute;
    left: 50%;
    top: 50%;
    font-family: 'FontAwesome';
    font-size: 24px;
    transform: translate(-50%, -50%);
    line-height: 1;
}

.owl-carousel-center .owl-prev:hover,
.owl-carousel-center .owl-prev:focus,
.owl-carousel-center .owl-next:hover,
.owl-carousel-center .owl-next:focus {
    background: #000000;
    color: #ffffff;
}

@media (min-width: 1800px) {

    .owl-carousel-center .owl-prev,
    .owl-carousel-center .owl-next {
        background: transparent;
        color: rgba(21, 21, 21, 0.3);
    }

    .owl-carousel-center .owl-prev:before,
    .owl-carousel-center .owl-next:before {
        color: inherit;
    }

    .owl-carousel-center .owl-prev:hover,
    .owl-carousel-center .owl-prev:focus,
    .owl-carousel-center .owl-next:hover,
    .owl-carousel-center .owl-next:focus {
        color: #151515;
        background: transparent;
    }

    .owl-carousel-center .owl-prev:hover:before,
    .owl-carousel-center .owl-prev:focus:before,
    .owl-carousel-center .owl-next:hover:before,
    .owl-carousel-center .owl-next:focus:before {
        color: inherit;
    }
}

.owl-carousel-center .owl-prev:before {
    content: '\f053';
    left: 48%;
}

.owl-carousel-center .owl-next:before {
    content: '\f054';
    left: 55%;
}

.owl-carousel-center .owl-item {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    float: left;
    display: flex;
    align-items: center;
}

.owl-carousel-center .owl-item .team-minimal {
    overflow: hidden;
    will-change: transform;
    transition: 0.7s transform ease;
    transform: scale(1) translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 290px;
    transform-origin: 0;
}

.owl-carousel-center .owl-item .team-minimal .team-minimal-caption {
    opacity: 0;
    transition: 0.7s all ease-in-out;
}

@media (min-width: 576px) {
    .owl-carousel-center .owl-item .team-minimal {
        width: 370px;
        transform: scale(0.5) translateX(-50%);
    }
}

.owl-carousel-center .owl-item.center {
    filter: none;
}

.owl-carousel-center .owl-item.center .team-minimal {
    transform: scale(1) translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 290px;
    z-index: 1;
}

.owl-carousel-center .owl-item.center .team-minimal .team-minimal-caption {
    opacity: 1;
}

@media (min-width: 576px) {
    .owl-carousel-center .owl-item.center .team-minimal {
        width: 370px;
        transform: scale(1) translateX(-50%);
    }
}

@media (min-width: 1800px) {
    .owl-carousel-center .owl-prev {
        left: -50px;
    }

    .owl-carousel-center .owl-next {
        right: -50px;
    }
}

/** @section Lightgallery */
@font-face {
    font-family: 'lg';
    src: url("../fonts/lg.eot?n1z373");
    src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.lg-icon {
    font-family: 'lg';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1090;
    border: none;
    outline: none;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #FFF;
}

.lg-actions .lg-next {
    right: 20px;
}

.lg-actions .lg-next:before {
    content: "\e095";
}

.lg-actions .lg-prev {
    left: 20px;
}

.lg-actions .lg-prev:after {
    content: "\e094";
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@keyframes lg-right-end {
    0% {
        left: 0;
    }

    50% {
        left: -30px;
    }

    100% {
        left: 0;
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

@keyframes lg-left-end {
    0% {
        left: 0;
    }

    50% {
        left: 30px;
    }

    100% {
        left: 0;
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end 0.3s;
    -o-animation: lg-right-end 0.3s;
    animation: lg-right-end 0.3s;
    position: relative;
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end 0.3s;
    -o-animation: lg-left-end 0.3s;
    animation: lg-left-end 0.3s;
    position: relative;
}

.lg-toolbar {
    z-index: 1092;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.lg-toolbar .lg-icon:hover {
    color: #FFF;
}

.lg-toolbar .lg-close:after {
    content: "\e070";
}

.lg-toolbar .lg-download:after {
    content: "\e0f2";
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, 0.45);
    bottom: 0;
    color: #EEE;
    font-size: 16px;
    left: 0;
    padding: 10px 40px;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1090;
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: bold;
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0;
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle;
}

.lg-toolbar,
.lg-prev,
.lg-next {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
    transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-outer .lg-thumb-outer {
    background-color: #0D0A0A;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1090;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px;
    margin-left: auto;
    margin-right: auto;
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #FFF;
    border-radius: 4px;
    margin-bottom: 5px;
}

@media (min-width: 1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color 0.25s ease;
        -o-transition: border-color 0.25s ease;
        transition: border-color 0.25s ease;
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #cef1ea;
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom 0.25s ease;
    -o-transition: bottom 0.25s ease;
    transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
    background-color: #0D0A0A;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px;
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff";
}

.lg-outer .lg-toogle-thumb:hover {
    color: #FFF;
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px;
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative;
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1090;
    cursor: pointer;
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url("../glory/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url("../glory/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url("../glory/video-play.png") no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url("../glory/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url("../glory/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none;
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible;
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1093;
    opacity: 0;
    -webkit-transition: opacity 0.08s ease 0s;
    -moz-transition: opacity 0.08s ease 0s;
    -o-transition: opacity 0.08s ease 0s;
    transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
    background-color: #cef1ea;
    height: 5px;
    width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1;
}

.lg-autoplay-button:after {
    content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
    transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

#lg-zoom-in:after {
    content: "\e311";
}

#lg-actual-size {
    font-size: 20px;
}

#lg-actual-size:after {
    content: "\e033";
}

#lg-zoom-out {
    opacity: 0.5;
    pointer-events: none;
}

#lg-zoom-out:after {
    content: "\e312";
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto;
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1090;
    height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible;
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #FFF;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
    -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
    transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%;
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow 0.3s ease 0s;
    -o-transition: box-shadow 0.3s ease 0s;
    transition: box-shadow 0.3s ease 0s;
    width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
    box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0;
}

.lg-fullscreen:after {
    content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d";
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, 0.25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1091;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
    transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}

.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active #lg-dropdown-overlay {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    visibility: visible;
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #FFF;
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
    transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    right: 16px;
    top: -16px;
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0px;
}

.lg-outer .lg-dropdown>li:hover a,
.lg-outer .lg-dropdown>li:hover .lg-icon {
    color: #333;
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, 0.07);
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle;
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto;
}

.lg-outer #lg-share {
    position: relative;
}

.lg-outer #lg-share:after {
    content: "\e80d";
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998;
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901";
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced;
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904";
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39;
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902";
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027;
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903";
}

.lg-css3.lg-zoom-in .lg-item {
    opacity: 0;
}

.lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
}

.lg-css3.lg-zoom-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
}

.lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-css3.lg-zoom-in .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-in .lg-item.lg-next-slide,
.lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-in-big .lg-item {
    opacity: 0;
}

.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide,
.lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-out .lg-item {
    opacity: 0;
}

.lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
}

.lg-css3.lg-zoom-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7);
}

.lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-css3.lg-zoom-out .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-out .lg-item.lg-next-slide,
.lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-out-big .lg-item {
    opacity: 0;
}

.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide,
.lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-out-in .lg-item {
    opacity: 0;
}

.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide,
.lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-zoom-in-out .lg-item {
    opacity: 0;
}

.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2);
}

.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide,
.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide,
.lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-soft-zoom .lg-item {
    opacity: 0;
}

.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
}

.lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}

.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide,
.lg-css3.lg-soft-zoom .lg-item.lg-next-slide,
.lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-scale-up .lg-item {
    opacity: 0;
}

.lg-css3.lg-scale-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
}

.lg-css3.lg-scale-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
}

.lg-css3.lg-scale-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-scale-up .lg-item.lg-prev-slide,
.lg-css3.lg-scale-up .lg-item.lg-next-slide,
.lg-css3.lg-scale-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide-circular .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.lg-css3.lg-slide-circular .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide-circular .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-up .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}

.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}

.lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-down .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}

.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}

.lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-vertical .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-vertical-left .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-circular-vertical-down .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide,
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide,
.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
}

.lg-css3.lg-slide-vertical .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide,
.lg-css3.lg-slide-vertical .lg-item.lg-next-slide,
.lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-vertical-growth .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
    -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide,
.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide,
.lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg);
}

.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg);
}

.lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1;
}

.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only-rev .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1;
}

.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only-y .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg);
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg);
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1;
}

.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg);
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg);
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1;
}

.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew .lg-item.lg-next-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1;
}

.lg-css3.lg-slide-skew .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-rev .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1;
}

.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-cross .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1;
}

.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-cross-rev .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1;
}

.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1;
}

.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver-rev .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1;
}

.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver-cross .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1;
}

.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1;
}

.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide,
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide,
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-lollipop .lg-item {
    opacity: 0;
}

.lg-css3.lg-lollipop .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-lollipop .lg-item.lg-next-slide {
    -moz-transform: translate3d(0, 0, 0) scale(0.5);
    -o-transform: translate3d(0, 0, 0) scale(0.5);
    -ms-transform: translate3d(0, 0, 0) scale(0.5);
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5);
}

.lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-lollipop .lg-item.lg-prev-slide,
.lg-css3.lg-lollipop .lg-item.lg-next-slide,
.lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-lollipop-rev .lg-item {
    opacity: 0;
}

.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
    -moz-transform: translate3d(0, 0, 0) scale(0.5);
    -o-transform: translate3d(0, 0, 0) scale(0.5);
    -ms-transform: translate3d(0, 0, 0) scale(0.5);
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5);
}

.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide,
.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide,
.lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-rotate .lg-item {
    opacity: 0;
}

.lg-css3.lg-rotate .lg-item.lg-prev-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.lg-css3.lg-rotate .lg-item.lg-next-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.lg-css3.lg-rotate .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.lg-css3.lg-rotate .lg-item.lg-prev-slide,
.lg-css3.lg-rotate .lg-item.lg-next-slide,
.lg-css3.lg-rotate .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-rotate-rev .lg-item {
    opacity: 0;
}

.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.lg-css3.lg-rotate-rev .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide,
.lg-css3.lg-rotate-rev .lg-item.lg-next-slide,
.lg-css3.lg-rotate-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-tube .lg-item {
    opacity: 0;
}

.lg-css3.lg-tube .lg-item.lg-prev-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
}

.lg-css3.lg-tube .lg-item.lg-next-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
}

.lg-css3.lg-tube .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-tube .lg-item.lg-prev-slide,
.lg-css3.lg-tube .lg-item.lg-next-slide,
.lg-css3.lg-tube .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-group:after {
    content: "";
    display: table;
    clear: both;
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1090;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.lg-outer.lg-visible {
    opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lg-outer .lg {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}

.lg-outer .lg-item {
    background: url("../glory/loading.gif") no-repeat scroll center center transparent;
    display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
    display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.lg-outer .lg-item.lg-complete {
    background-image: none;
}

.lg-outer .lg-item.lg-current {
    z-index: 1090;
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1;
}

.lg-outer .lg-empty-html {
    display: none;
}

.lg-outer.lg-hide-download #lg-download {
    display: none;
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1090;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease 0s;
    -o-transition: opacity 0.15s ease 0s;
    transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
    opacity: 0.85;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
    opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
    -webkit-transition: opacity 0.1s ease 0s;
    -moz-transition: opacity 0.1s ease 0s;
    -o-transition: opacity 0.1s ease 0s;
    transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*
*
* Material Parallax
*/
.parallax-container {
    position: relative;
    overflow: hidden;
}

.material-parallax {
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    bottom: 0;
}

.ipad .parallax-container,
.iphone .parallax-container {
    background-attachment: scroll !important;
}

.material-parallax img {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 101%;
    max-width: inherit;
    min-height: 101%;
    transform: translate3d(-50%, 0, 0);
}

@media (min-width: 992px) {
    .material-parallax img {
        max-width: 100%;
    }
}

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

/*
*
* Slick Carousel
*/
/*rtl:begin:ignore*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track::before,
.slick-track::after {
    content: "";
    display: table;
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #ffffff url("./../glory/ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 9;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: 0;
}

.slick-prev:before {
    content: "←";
}

[dir="rtl"] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: 0;
}

[dir="rtl"] .slick-next {
    left: 0;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

/*rtl:end:ignore*/
*+.carousel-centered {
    margin-top: 50px;
}

.carousel-centered .slick-track {
    display: flex;
    align-items: center;
}

.carousel-centered .slick-slide {
    margin: auto;
    float: none;
    cursor: pointer;
    filter: grayscale(1);
}

.carousel-centered .slick-slide.slick-center {
    filter: none;
}

@media (min-width: 576px) {
    .carousel-centered .slick-slide {
        margin: 15px;
    }
}

.carousel-centered .slick-arrow {
    width: 30px;
    height: 60px;
    transition: all .3s;
    color: rgba(255, 255, 255, 0.6);
}

.carousel-centered .slick-arrow:before {
    font-family: 'FontAwesome';
    font-size: 24px;
}

.carousel-centered .slick-arrow:hover,
.carousel-centered .slick-arrow:focus {
    background: #000000;
    color: #ffffff;
}

@media (min-width: 1800px) {
    .carousel-centered .slick-arrow {
        background: transparent;
        color: rgba(21, 21, 21, 0.3);
    }

    .carousel-centered .slick-arrow:before {
        color: inherit;
    }

    .carousel-centered .slick-arrow:hover,
    .carousel-centered .slick-arrow:focus {
        color: #151515;
        background: transparent;
    }

    .carousel-centered .slick-arrow:hover:before,
    .carousel-centered .slick-arrow:focus:before {
        color: inherit;
    }

    .carousel-centered .slick-arrow.slick-prev {
        left: -50px;
    }

    .carousel-centered .slick-arrow.slick-next {
        right: -50px;
    }
}

.carousel-centered .slick-prev:before {
    content: '\f053';
}

.carousel-centered .slick-next:before {
    content: '\f054';
}

/*
*
* Select 2
*/
/*
Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015
*/
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

.select2-container-active {
    border: 1px solid #cef1ea;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    /*
		Force border-box so that % widths fit the parent
		container without overlap because of margin/padding.
		More Info : http://www.quirksmode.org/css/box.html
	*/
    -webkit-box-sizing: border-box;
    /* webkit */
    -moz-box-sizing: border-box;
    /* firefox */
    box-sizing: border-box;
    /* css3 */
}

.select2-container .select2-choice {
    display: block;
    position: relative;
    color: #a1a1a1;
    background-color: transparent;
    padding: 12px 19px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 14px;
}

.select2-container .select2-choice>.select2-chosen {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select2-dropdown-open .select2-choice {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-arrow {
    display: inline-block;
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
}

.select2-arrow b:before {
    display: inline-block;
    font-weight: 400;
    content: "";
    font-family: "Material Design Icons";
    font-size: 22px;
    transform: rotate(0deg);
}

.select2-dropdown-open .select2-arrow b:before {
    transform: rotate(180deg);
}

.select2-container .select2-choice abbr {
    display: none;
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    /* styles required for IE to work */
    background-color: #ffffff;
    filter: alpha(opacity=0);
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 100;
    top: 100%;
    background: #ffffff;
    color: #a1a1a1;
    border: 1px solid #e1e1e1;
    overflow: hidden;
    border-radius: 25px;
}

.select2-drop-active {
    border: 1px solid #cef1ea;
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 0;
}

.select2-drop.select2-drop-above.select2-drop-active {
    border: 1px solid #cef1ea;
}

.select2-search {
    display: inline-block;
    width: 100%;
    padding: 4px 4px 0;
    position: relative;
    z-index: 10000;
    white-space: nowrap;
}

.select2-search:before {
    position: absolute;
    right: 19px;
    top: 50%;
    transform: translateY(calc(-50% + 4px));
    display: inline-block;
    content: '\f43b';
    font-family: "Material Design Icons";
    font-size: 20px;
    line-height: 1;
}

.select2-search input {
    width: 100%;
    padding: 5px 35px 5px 5px;
    margin: 0;
    outline: 0;
    font-size: 1em;
    background-color: transparent;
    color: #a1a1a1;
    border: 1px solid #e1e1e1;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #e1e1e1;
    border-top-color: transparent;
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* results */
.select2-results {
    padding: 10px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.select2-result {
    padding: 2px 7px;
    transition: .1s;
}

.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: bold;
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select2-results .select2-highlighted {
    color: #ffffff;
    background: #cef1ea;
}

.select2-results li em {
    background: #ffffff;
    font-style: normal;
}

.select2-results .select2-highlighted em {
    background: transparent;
}

.select2-results .select2-highlighted ul {
    background: #ffffff;
    color: #000000;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
    color: #ffffff;
    background: #cef1ea;
    display: list-item;
    cursor: default;
}

.select2-results .select2-disabled {
    background: #a1a1a1;
    display: list-item;
    cursor: default;
}

.select2-results .select2-selected {
    display: none;
}

.select2-results .select2-ajax-error {
    background: rgba(255, 50, 50, 0.2);
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #dddddd;
    cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none;
}

/* multiselect */
.select2-container-multi {
    display: flex;
    align-items: stretch;
    height: auto;
    min-height: 50px;
}

.select2-container-multi .select2-choices {
    display: flex;
    flex-flow: row;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    line-height: 0;
    cursor: text;
    overflow: hidden;
}

.select2-locked {
    padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
    min-height: 26px;
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
    width: 100% !important;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 4px 5px 4px 20px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    cursor: default;
    border: 1px solid #c8c8c8;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #c8c8c8;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default;
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 3px;
    color: #2b2c2f;
}

.select2-search-choice-close:before {
    display: inline-block;
    content: '\f24c';
    font-family: "Material Design Icons";
    font-size: 12px;
    line-height: 1;
}

.select2-container-multi .select2-search-choice-close {
    left: 3px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #dddddd;
    cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #dddddd;
    background-image: none;
    background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline;
}

.select2-offscreen,
.select2-offscreen:focus {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0px !important;
    top: 0px !important;
}

.select2-display-none {
    display: none;
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll;
}

.dtp {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2000;
    overflow-y: scroll;
}

.dtp>.dtp-content {
    background: #ffffff;
    max-width: 280px;
    box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
    position: relative;
    left: 50%;
    margin: 40px auto;
    border-radius: 30px;
}

@media (max-height: 400px) {
    .dtp>.dtp-content {
        margin: 70px auto;
    }
}

@media (min-width: 576px) {
    .dtp>.dtp-content {
        max-width: 370px;
    }
}

.dtp-header {
    background: #cef1ea;
    color: #ffffff;
    text-align: center;
    padding: 0.3rem;
    position: relative;
    display: none;
}

.dtp-date,
.dtp-time {
    background: #f6fcfb;
    text-align: center;
    color: #ffffff;
    padding: 10px;
}

.dtp-date {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: transparent;
    padding-top: 25px;
}

.dtp-date>* {
    font-size: 16px;
    line-height: 24px;
    color: #151515;
    font-weight: 700;
}

.dtp-date>div {
    padding: 0;
    margin: 0 5px;
    text-transform: capitalize;
}

.dtp-actual-year {
    font-size: 18px;
}

.dtp-picker {
    padding: 1rem;
    text-align: center;
}

.dtp-picker-month,
.dtp-actual-time {
    font-weight: 500;
    text-align: center;
}

.dtp-close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1rem;
}

.dtp-close>a {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
}

.dtp table.dtp-picker-days {
    margin: 0;
    border: none;
}

.dtp table.dtp-picker-days tr {
    border: none;
}

.dtp table.dtp-picker-days tr>td {
    border: none;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    padding: 1rem 0.3rem;
}

.dtp table.dtp-picker-days tr>td>span.dtp-select-day {
    color: #dddddd !important;
}

.dtp table.dtp-picker-days tr>td>a {
    color: #afafaf;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    border: 1px solid transparent;
    transition: .3s all ease;
}

.dtp table.dtp-picker-days tr>td>a:hover {
    border: 1px solid #cef1ea;
}

.dtp .dtp-picker-time>a {
    color: #000000;
    padding: 0.4rem 0.5rem 0.5rem 0.6rem;
    border-radius: 50% !important;
}

.dtp table.dtp-picker-days tr>td>a.selected {
    background: #cef1ea;
    color: #ffffff;
}

.dtp table.dtp-picker-days tr>th {
    color: #afafaf;
    text-align: center;
    font-weight: 700;
    padding: 0.4rem 0.3rem;
    border-top: none;
    border-bottom: 1px solid #e9ecef;
}

.dtp .p10,
.dtp .p20,
.dtp .p60,
.dtp .p80 {
    display: inline-block;
    vertical-align: middle;
}

.dtp .p10 {
    width: 10%;
}

.dtp .p10>a {
    color: #eaeced;
    transition: .3s all ease;
}

.dtp .p10>a:hover {
    color: #cef1ea;
}

.dtp .p10>a.dtp-select-year-after,
.dtp .p10>a.dtp-select-year-before {
    display: none;
}

.dtp .p20 {
    width: 20%;
}

.dtp .p60 {
    width: 60%;
}

.dtp .p80 {
    width: 80%;
}

.dtp-picker-month {
    display: none !important;
}

.dtp-meridien-am,
.dtp-meridien-pm {
    position: relative;
    top: 10px;
    color: #000000;
    font-weight: 500;
    padding: 0.7rem 0.5rem;
    border-radius: 50% !important;
    text-decoration: none;
    background: #eeeeee;
    font-size: 1rem;
}

.dtp-actual-meridien a.selected {
    background: #cef1ea;
    color: #ffffff;
}

.dtp-picker-time {
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 1em;
    border-radius: 50%;
    cursor: pointer;
    font-weight: 500;
    text-align: center !important;
}

.dtp-picker-time>a {
    display: block;
    line-height: 23px;
    padding: 0.3rem 0.3rem 0.3rem 0.3rem;
}

.dtp-picker-time>a.dtp-select-hour.selected {
    background: #cef1ea;
    color: #ffffff;
}

.dtp-picker-time>a.dtp-select-hour.disabled {
    color: #2b2c2f;
}

.dtp-picker-time>a.dtp-select-minute.disabled {
    color: #2b2c2f;
}

.dtp-picker-time>a.dtp-select-minute.selected {
    background: #cef1ea;
    color: #ffffff;
}

.dtp-picker-clock {
    margin: 1rem 2rem 0 2rem;
    padding: 1rem;
    border-radius: 50% !important;
    background: white;
}

.dtp-clock-center {
    width: 15px;
    height: 15px;
    background: #2b2c2f;
    border-radius: 50%;
    position: absolute;
    z-index: 50;
}

html[class*="ie"] .dtp-clock-center {
    display: none;
}

.dtp-hand,
.dtp-hour-hand {
    position: absolute;
    width: 4px;
    margin-left: -2px;
    background: #2b2c2f;
    transform: rotate(0deg);
    transform-origin: bottom;
    z-index: 1;
}

html[class*="ie"] .dtp-hand,
html[class*="ie"] .dtp-hour-hand {
    display: none;
}

.dtp-minute-hand {
    width: 2px;
    margin-left: -1px;
}

.dtp-hand.on {
    background: #cef1ea;
}

.dtp-buttons {
    padding: 0 1rem;
    text-align: right;
}

.dtp .invisible {
    visibility: hidden;
}

.dtp .left,
.dtp .right {
    position: absolute;
    top: 27px;
    font-size: 28px;
}

.dtp .left {
    left: 20px;
}

.dtp .right {
    right: 20px;
}






/* ==================================================NAV BAR========================================= */
* {
    box-sizing: border-box;
}

.nav {
    height: 50px;
    width: 100%;
    background-color: #4d4d4d;
    position: relative;
}

.navi>.nav-header {
    display: inline;
}

.navi>.nav-header>.nav-title {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    padding: 2px 0px 14px 0px;
}

.navi>.nav-btn {
    display: none;
}

.navi>.nav-links {
    display: inline;
    float: right;
    font-size: 16px;
    padding-right: 80px;
}

@media only screen and (min-width: 50px) and (max-width: 600px) {
    .navi>.nav-links>a {
        display: inline-block;
        padding: 13px 10px 13px 10px;
        text-decoration: none;
        /* color: white; */
    }
}

@media only screen and (min-width: 601px) and (max-width: 6600px) {
    .navi>.nav-links>a {
        display: inline-block;
        padding: 13px 10px 13px 10px;
        text-decoration: none;
        color: #344767;
    }
}

/* .navi>.nav-links>a {
    display: inline-block;
    padding: 13px 10px 13px 10px;
    text-decoration: none;
    color: white;
} */

.navi>.nav-links>a:hover {
    /* background-color: white; */
}

.navi>#nav-check {
    display: none;
}

@media (max-width:600px) {
    .navi>.nav-btn {
        display: inline-block;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .navi>.nav-btn>label {
        display: inline-block;
        width: 50px;
        height: 50px;
        padding: 13px;
    }

    /* .navi>.nav-btn>label:hover,
    .nav #nav-check:checked~.nav-btn>label {
        background-color: rgba(0, 0, 0, 0.3);
    } */

    .navi>.nav-btn>label>span {
        display: block;
        width: 25px;
        height: 10px;
        border-top: 2px solid #151515;
    }

    .navi>.nav-links {
        position: absolute;
        display: block;
        width: auto;
        /* width: 29%; */
        background-color: #272727;
        height: 0px;
        transition: all 0.3s ease-in;
        overflow-y: hidden;
        top: 46px;
        /* left: 0px; */
        right: 0;
    }

    .navi>.nav-links>.sp {
        display: block;
        width: 100%;
    }

    .navi>#nav-check:not(:checked)~.nav-links {
        height: 0px;
    }

    .navi>#nav-check:checked~.nav-links {
        height: auto;
        /* height: calc(39vh - 50px); */
        overflow-y: auto;
        display: grid;
        z-index: 3;
    }
}

@media only screen and (min-width: 50px) and (max-width: 600px) {
    .linkcolor {
        color: white;
    }
}


@media only screen and (min-width: 601px) and (max-width: 5200px) {
    .linkcolor {
        color: black;
    }
}



@media only screen and (min-width: 200px) and (max-width: 768px) {
    .certificateviewV {
        display: none;
    }

    .certificateviewH {
        display: block;
    }
}

@media only screen and (min-width: 769px) and (max-width: 2200px) {
    .certificateviewV {
        display: block;
    }

    .certificateviewH {
        display: none;
    }
}







/* =============================================TESTIMONIAL SLIDER CSS====================================== */

@keyframes tonext {
    75% {
        left: 0;
    }

    95% {
        left: 100%;
    }

    98% {
        left: 100%;
    }

    99% {
        left: 0;
    }
}

@keyframes tostart {
    75% {
        left: 0;
    }

    95% {
        left: -300%;
    }

    98% {
        left: -300%;
    }

    99% {
        left: 0;
    }
}

@keyframes snap {
    96% {
        scroll-snap-align: center;
    }

    97% {
        scroll-snap-align: none;
    }

    99% {
        scroll-snap-align: none;
    }

    100% {
        scroll-snap-align: center;
    }
}



* {

    box-sizing: border-box;
    /* scrollbar-color: transparent transparent; */
    /* thumb and track color */
    scrollbar-width: 0px;
}

*::-webkit-scrollbar {
    width: 0;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background: transparent;
    border: none;
}

* {
    -ms-overflow-style: none;
}

ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.carousel {
    position: relative;
    padding-top: 75%;
    filter: drop-shadow(0 0 10px #0003);
    perspective: 100px;
}

.carousel__viewport {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    overflow-x: scroll;
    counter-reset: item;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.carousel__slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
    background-color: #f99;
    counter-increment: item;
}

.carousel__slide:nth-child(even) {
    background-color: #99f;
}

.carousel__slide:before {
    content: counter(item);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -40%, 70px);
    color: #fff;
    font-size: 2em;
}

.carousel__snapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    scroll-snap-align: center;
}

@media (hover: hover) {
    .carousel__snapper {
        animation-name: tonext, snap;
        animation-timing-function: ease;
        animation-duration: 4s;
        animation-iteration-count: infinite;
    }

    .carousel__slide:last-child .carousel__snapper {
        animation-name: tostart, snap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .carousel__snapper {
        animation-name: none;
    }
}

.carousel:hover .carousel__snapper,
.carousel:focus-within .carousel__snapper {
    animation-name: none;
}

.carousel__navigation {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

.carousel__navigation-list,
.carousel__navigation-item {
    display: inline-block;
}

.carousel__navigation-button {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: #333;
    background-clip: content-box;
    border: 0.25rem solid transparent;
    border-radius: 50%;
    font-size: 0;
    transition: transform 0.1s;
}

.carousel::before,
.carousel::after,
.carousel__prev,
.carousel__next {
    position: absolute;
    top: 0;
    margin-top: 37.5%;
    width: 4rem;
    height: 4rem;
    transform: translateY(-50%);
    border-radius: 50%;
    font-size: 0;
    outline: 0;
}

.carousel::before,
.carousel__prev {
    left: -1rem;
}

.carousel::after,
.carousel__next {
    right: -1rem;
}

.carousel::before,
.carousel::after {
    /* content: ""; */
    z-index: 1;
    background-color: #333;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    font-size: 2.5rem;
    line-height: 4rem;
    text-align: center;
    pointer-events: none;
}

.carousel::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,50 80,100 80,0' fill='%23fff'/%3E%3C/svg%3E");
}

.carousel::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,50 20,100 20,0' fill='%23fff'/%3E%3C/svg%3E");
}




/* ============================================="""===============================" */
[type=radio] {
    display: none;
}

#slider {
    height: 30vw;
    width: 40vw;
    margin: 0 auto;
    left: -10%;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
}

#slider label {
    margin: auto;
    background-color: aliceblue;
    width: 60%;
    height: 100%;
    border-radius: 4px;
    position: absolute;
    left: 0;
    right: 0;
    cursor: pointer;
    transition: transform 0.4s ease;
}


#s1:checked~#slide3,
#s2:checked~#slide1,
#s3:checked~#slide2 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(-50%, 0, -100px);
}

#s1:checked~#slide1,
#s2:checked~#slide2,
#s3:checked~#slide3 {
    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, .3), 0 11px 7px 0 rgba(0, 0, 0, .19);
    transform: translate3d(0, 0, 0);
}

#s1:checked~#slide2,
#s2:checked~#slide3,
#s3:checked~#slide1 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(50%, 0, -100px);
}


/* =============================CARDS==========================================/ */

/* Create a responsive, centered, three-column grid. */
.card-container {
    align-items: start;
    display: grid;
    grid-gap: 94px;
    grid-template-columns: repeat(auto-fit, 223px);
    justify-content: center;
    margin-top: 2rem;

}

/* --- Optional styles (to make this pen look nice) --- */



.card {
    /* background-color: orangered; */
    /* border-radius: 5px; */
    /* color: white; */
    /* padding: 24px 0 16px; */
    padding: 0px 0 0px;
    text-align: center;
    /* text-shadow: 1px 1px 0 #555; */
}

/* .fas {
    font-size: 50px;
} */




/* ============================================pORTFOLIO===================================== */


#carousel_new {
    position: relative;
    height: 274px;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
    /* margin-top: 6rem; */
    /* margin-bottom: -7rem; */
}

#carousel_new div {
    position: absolute;
    transition: transform 1s, left 1s, opacity 1s, z-index 0s;
    opacity: 1;
}

#carousel_new div img {
    width: 400px;
    transition: width 1s;
}

#carousel_new div.hideLeft {
    left: 0%;
    opacity: 0;
    transform: translateY(50%) translateX(-50%);
}

#carousel_new div.hideLeft img {
    width: 200px;
}

#carousel_new div.hideRight {
    left: 100%;
    opacity: 0;
    transform: translateY(50%) translateX(-50%);
}

#carousel_new div.hideRight img {
    width: 200px;
}

#carousel_new div.prev {
    z-index: 5;
    left: 30%;
    transform: translateY(50px) translateX(-50%);
}

#carousel_new div.prev img {
    width: 300px;
}

#carousel_new div.prevLeftSecond {
    z-index: 4;
    left: 19%;
    transform: translateY(29%) translateX(-50%);
    opacity: 0.7;
}

#carousel_new div.prevLeftSecond img {
    width: 200px;
}

#carousel_new div.selected {
    z-index: 10;
    left: 50%;
    transform: translateY(9px) translateX(-50%);
}

#carousel_new div.next {
    z-index: 5;
    left: 61%;
    transform: translateY(51px) translateX(-48%);
}

#carousel_new div.next img {
    width: 300px;
}

#carousel_new div.nextRightSecond {
    z-index: 4;
    left: 79%;
    transform: translateY(31%) translateX(-48%);
    opacity: 0.7;
}

#carousel_new div.nextRightSecond img {
    width: 200px;
}

.buttons {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}


.card-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}


.infobox {
    /* font-family: 'Open Sans'; */
    font-weight: 400;
    font-size: 14px;
    color: #323232;
    max-width: 657px;
    /* height: 33rem; */
    margin: 6% auto;
    padding: 21px;
    background-color: white;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 10px 0px #f5f5f5;
    box-shadow: 0px 0px 10px 0px #f5f5f5;
    opacity: 95%;

}


.txtarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 16px;
    resize: none;
}


/* .file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 60px;
}

.file-upload-wrapper:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 40px;
    line-height: 40px;
    color: #999;
    border-radius: 5px 10px 10px 5px;
    font-weight: 300;
}

.file-upload-wrapper:before {
    content: "Upload";
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 40px;
    background: #4daf7c;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    font-size: 16px;
    line-height: 60px;
    padding: 0 05px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}

.file-upload-wrapper:hover:before {
    background: #3d8c63;
}

.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 40px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
} */


#slider {
    margin: 0 auto;
    width: 80%;
    overflow: hidden;
}

.slides {
    overflow: hidden;
    animation-name: fade;
    animation-duration: 1s;
    display: none;
}


#dot {
    margin: 0 auto;
    text-align: center;
}

.dot {
    display: inline-block;
    border-radius: 50%;
    background: #d3d3d3;
    padding: 8px;
    margin: 10px 5px;
}

.active {
    background: black;
}

@media (max-width:567px) {
    #slider {
        width: 100%;

    }
}

#heading {
    display: block;
    text-align: center;
    font-size: 2em;
    margin: 10px 0px;

}

.btny {
    flex: 1 1 auto;
    margin: 10px;
    padding: 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
}

.btn-1 {
    background-image: linear-gradient(to right, #f6d365 0%, #fda085 51%, #f6d365 100%);
}

.round {
    width: 100%;
    border-radius: 15px;
    border: 1px #000 solid;
    padding: 5px 5px 5px 25px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}


.wrapper {
    width: 75%;
    /* max-width: 31.25rem; */
    margin: 1rem auto;
}

.label {
    font-size: .625rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: +1.3px;
    margin-bottom: 1rem;
}

.searchBar {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#searchQueryInput {
    width: 100%;
    height: 2.8rem;
    background: #f5f5f5;
    outline: none;
    border: none;
    border-radius: 1.625rem;
    padding: 0 3.5rem 0 1.5rem;
    font-size: 1rem;
}

#searchQuerySubmit {
    width: 3.5rem;
    height: 2.8rem;
    margin-left: -3.5rem;
    background: none;
    border: none;
    outline: none;
}

#searchQuerySubmit:hover {
    cursor: pointer;
}


.select {
    height: 40px;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    margin-bottom: 1em;
}

.select:after {
    content: "▼";
    padding: 12px 8px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
}


.section-padding {
    padding-top: 80px;
}

.gallery1-section {
    position: relative;
    z-index: 1;
}

.title {
    font-size: 46px;
    font-weight: 700;
    font-family: "Playfair Display", serif;
    color: #f44336;
}

.filter {
    text-align: center;
    max-width: 1050px;
    margin: auto;
}

.gallery1 {
    display: flex;
    justify-content: center;
    width: fit-content;
    max-width: 1320px;
    flex-wrap: wrap;
    /* margin: 25px auto; */
    /* gap: 14px; */
}

.gallery1 a {
    display: flex;
}

.gallery1 img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    transition: 0.3s ease-in-out;
    border-radius: 12px;
    overflow: hidden;
    margin: 10px 10px;
}

.gallery1 img:hover {
    transform: scale(1.1);
}

.sets .hide,
.sets .pophide {
    width: 0%;
    opacity: 0;
}



.openDiv {
    width: 100%;
    height: 100vh;
    background: #000000e7;
    position: fixed;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 0;
    z-index: 9999;
}

.imgPreview {
    width: 70%;
    object-fit: scale-down;
    max-height: 40vw;
    height: auto;
}

.prevButton,
.nextButton {
    transition: 1s linear;
    padding: 10px 35px;
    font-size: 18px;
    border: none;
    color: white;
    background: #0005;
    border-radius: 10px;
    border: 1px solid white;
    margin: 10px;
}

.prevButton:hover,
.nextButton:hover {
    background: #fff;
    color: black;
}

/* resposive CSS Code */
/* 
@media (max-width: 1199px) {
    .section-padding {
        padding-top: 70px;
    }
}

@media (max-width: 991px) {
    .section-padding {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    .title {
        font-size: 36px;
    }

    .gallery img {
        margin: 8px 8px;
        width: 175px;
    }

    .closeBtn {
        padding: 6px 25px;
    }

    .prevButton,
    .nextButton {
        font-size: 18px;
        padding: 8px 25px;
    }
}

@media (max-width: 540px) {
    .section-padding {
        padding-top: 30px;
    }

    .gallery img {
        margin: 8px 6px;
        width: 155px;
    }

    .closeBtn {
        font-size: 18px;
        border-radius: 15px;
    }

    .prevButton,
    .nextButton {
        font-size: 18px;
        padding: 6px 20px;
        border-radius: 10px;
        margin: 5px;
    }

    .imgPreview {
        width: 90%;
        max-height: 50vh;
        height: auto;
    }

} */


.viewAll {
    background: linear-gradient(45deg, #fe8e4e, #fedc56);
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 14px;
    font-size: 13px;
    color: #320d0d;
    font-weight: 500;

}

/* =======================Testimonial Slider================================= */


.testimonial-container {
    background-color: #80808014;
    color: white;
    border-radius: 15px;
    margin: 20px auto;
    padding: 50px 80px;
    max-width: 768px;
    position: relative;
}

.fa-quote {
    color: grey;
    font-size: 28px;
    position: absolute;
    top: 70px;
}

.fa-quote-left {
    left: 40px;
}

.fa-quote-right {
    right: 40px;
}

.testimonial {
    line-height: 28px;
    text-align: justify;
}

.user {
    /* display: flex; */
    /* align-items: left; */
    /* justify-content: center; */
}

.user .user-image {
    border-radius: 50%;
    height: 75px;
    width: 75px;
    object-fit: cover;
}

.user .user-details {
    margin-left: 10px;
    color: grey;
}

.user .username {
    margin: 0;
}

.user .role {
    font-weight: normal;
    margin: 10px 0;
}

.progress-bar {
    background-color: white;
    height: 4px;
    width: 100%;
    animation: grow 10s linear infinite;
    transform-origin: left;
}

@keyframes grow {
    0% {
        transform: scaleX(0);
    }
}

@media (max-width: 768px) {
    .testimonial-container {
        padding: 20px 30px;
    }

    .fa-quote {
        display: none;
    }
}



/* ===================================Rating Star Widgets Style============================ */


.EXE_NAV {
    text-align: center;
}

.EXE_NAV nav {
    width: 100%;
    padding-top: 0.5rem;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 3.5rem;
    z-index: 10;
}

.EXE_NAV nav ul {
    list-style: none;
    width: inherit;
    margin: 0;
}

.EXE_NAV ul li:nth-child(3n + 1),
#EXE_MAIN .panel:nth-child(3n + 1) {
    background: rgb(0, 180, 255);
}

.EXE_NAV ul li:nth-child(3n + 2),
#EXE_MAIN .panel:nth-child(3n + 2) {
    background: rgb(255, 65, 180);
}

.EXE_NAV ul li:nth-child(3n + 3),
#EXE_MAIN .panel:nth-child(3n + 3) {
    background: rgb(0, 255, 180);
}

.EXE_NAV ul li {
    display: inline-block;
    padding: 0.3rem 0.5rem;
    border-radius: 2px;
    line-height: 1.5;
}

.EXE_NAV ul li a {
    color: #fff;
    text-decoration: none;
}

.panel {
    width: 100%;
    height: 500px;
    /* Your DIVs Height */
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.panel h1 {
    font-family: sans-serif;
    font-size: 64px;
    font-size: 4rem;
    color: #fff;
    position: relative;
    line-height: 200px;
    top: 33%;
    text-align: center;
    margin: 0;
}

/* Smooth CSS3 Scrolling */
a[ id="EXE_DIV1"]:target~#EXE_MAIN article.panel {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

a[ id="EXE_DIV2"]:target~#EXE_MAIN article.panel {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
}

a[ id="EXE_DIV3"]:target~#EXE_MAIN article.panel {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
}




/* ====================ppppppppppppppppppppp======================== */
.slider {
    display: flex;
    height: 280px;
    max-height: auto;
    overflow-y: hidden;
    overflow-x: scroll !important;
    padding: 16px;
    transform: scroll(calc(var(--i, 0)/var(--n)*-100%));
    scroll-behavior: smooth;
}

.slider::-webkit-scrollbar {
    height: 5px;
    width: 150px;
    display: none;
}

.slider::-webkit-scrollbar-track {
    background: transparent;
}

.slider::-webkit-scrollbar-thumb {
    background: #888;
}

.slider::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.slider img:hover {
    transform: scale(1.05);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
}

.slide {

    position: relative;
}

.slide img {
    height: 100%;
    width: 250px;
    margin: 0 10px;
    object-fit: cover;
    border-radius: 15px;
    cursor: pointer;
    transition: .25s ease-in-out;
}

.control-prev-btn {
    position: absolute;
    top: 30%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.55);
    height: 100px;
    line-height: 100px;
    width: 45px;
    text-align: center;
    box-shadow: 0 1px 3px #888;
    user-select: none;
    color: #444;
    cursor: pointer;
}

.control-next-btn {
    position: absolute;
    top: 30%;
    right: 0;
    background-color: rgba(255, 255, 255, 0.55);
    height: 100px;
    line-height: 100px;
    width: 45px;
    text-align: center;
    box-shadow: 0 1px 3px #888;
    user-select: none;
    color: #444;
    cursor: pointer;
}

.slide img.zoomed {
    width: 500px;
    height: 600px;
    position: fixed;
    left: 25%;
    top: 0%;
    z-index: 1000;
    transform: scale(1) translatey(0) !important;

}

.overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .45);
    top: 0;
    display: none;
}

.overlay.active {
    display: block;
}

@media only screen and (max-width: 420px) {
    .slider {
        padding: 0;
    }

    .slide {
        padding: 16px 10px;
    }

    .slide img {
        margin: 0;
    }

    .control-prev-btn {
        top: 37%;
    }

    .control-next-btn {
        top: 37%;
    }
}



/* =========== ===================== MEDIA QUERY=======  ==================== */


.serviceslength {
    padding-left: 4rem;
    padding-right: 4rem;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 200px) and (max-width: 600px) {
    .serviceslength {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 601px) and (max-width: 900px) {
    .serviceslength {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}


/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 901px) and (min-width: 1200px) {
    .serviceslength {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}





footer {
    padding: 7em 0;
}

.footer-04 {
    background: #272727;
    padding-bottom: 0;
}

.footer-04 .border-top {
    border-color: #1a1a1a !important;
    background: #1a1a1a;
}

.footer-04 .footer-heading {
    font-size: 13px;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.footer-04 .footer-heading .logo {
    letter-spacing: none;
    font-size: 16px;
    color: #fff;
    text-transform: capitalize;
}

.footer-04 p {
    color: rgba(255, 255, 255, 0.3);
}

.footer-04 a {
    color: #f7b633;
}

.footer-04 .ftco-footer-social li a {
    color: #fff;
}

.footer-04 .tagcloud a {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.footer-04 .list-unstyled li a {
    color: rgba(255, 255, 255, 0.7);
}

.footer-04 .list-unstyled a {
    color: rgba(255, 255, 255, 0.7);
}

.footer-04 .ftco-footer-social li a {
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-04 .subscribe-form .form-group {
    position: relative;
    margin-bottom: 0;
    border-radius: 0;
}

.footer-04 .subscribe-form .form-group input {
    background: rgba(255, 255, 255, 0.05) !important;
    border: none !important;
    outline: none !important;
    color: rgba(255, 255, 255, 0.3) !important;
    font-size: 16px;
    border-radius: 0;
}

.footer-04 .subscribe-form .form-group input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, 0.3) !important;
}

.footer-04 .subscribe-form .form-group input::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.3) !important;
}

.footer-04 .subscribe-form .form-group input:-ms-input-placeholder {
    /* IE 10+ */
    color: rgba(255, 255, 255, 0.3) !important;
}

.footer-04 .subscribe-form .form-group input:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.3) !important;
}

.footer-04 .subscribe-form .form-group input:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer-04 .subscribe-form .form-group .submit {
    color: #fff !important;
    display: block;
    width: 52px;
    height: 52px;
    font-size: 16px;
    background: #f7b633 !important;
    border: none;
    border-radius: 0;
}

.footer-04 .subscribe-form .form-group .submit:hover,
.footer-04 .subscribe-form .form-group .submit:focus {
    text-decoration: none !important;
    outline: none !important;
}

.footer-04 .copyright a {
    color: rgba(255, 255, 255, 0.5);
}



/* -------===========================STAR RATING============================== */
/* component */

.star-rating {
    flex-direction: row-reverse !important;
    display: flex;
    justify-content: center;
    /* border: solid 1px #ccc;
    display: flex;
    font-size: 1.5em;
    justify-content: space-around;
    padding: 0 .2em;
    text-align: center;
    width: 5em;
    flex-direction: row-reverse; */
}

.star-rating input {
    display: none;
}

.star-rating label {
    color: #ccc;
    cursor: pointer;
}

.star-rating :checked~label {
    color: #f90;
}

.star-rating label:hover,
.star-rating label:hover~label {
    color: #fc0;
}



/* =========home page=================================== */

.wrapper1 .search {
    background: #fff;
    width: 65%;
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.12);
}

.search input {
    height: 55px;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 0 60px 0 20px;
    font-size: 18px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}

.search.active input {
    border-radius: 5px 5px 0 0;
}

.search .autocomp-box {
    padding: 0;
    opacity: 0;
    pointer-events: none;
    max-height: 280px;
    overflow-y: auto;
}

.search.active .autocomp-box {
    padding: 10px 8px;
    opacity: 1;
    pointer-events: auto;
}

.autocomp-box li {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search.active .autocomp-box li {
    display: block;
}

.autocomp-box li:hover {
    background: #efefef;
}

.search .icon {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 49px;
    width: 60px;
    text-align: center;
    line-height: 51px;
    font-size: 18px;
    color: #6c757d;
    cursor: pointer;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 200px) and (max-width: 350px) {
    .bannermain {
        width: 13rem;
    }
}

@media only screen and (min-width: 351px) and (max-width: 430px) {
    .bannermain {
        width: 18rem;
    }
}


@media only screen and (min-width: 431px) and (max-width: 550px) {
    .bannermain {
        width: 25rem;
    }
}


@media only screen and (min-width: 551px) and (max-width: 650px) {
    .bannermain {
        width: 31rem;
    }
}

@media only screen and (min-width: 651px) and (max-width: 875px) {
    .bannermain {
        width: 40rem;
    }
}

@media only screen and (min-width: 876px) and (max-width: 6650px) {
    .bannermain {
        width: 55rem;
    }
}


@media only screen and (min-width: 260px) and (max-width: 350px) {
    .partnerone {
        width: 14rem;
    }

    .firstimg {
        width: 1rem;
    }
}

@media only screen and (min-width: 351px) and (max-width: 400px) {
    .partnerone {
        width: 19rem;
    }

    .firstimg {
        width: 1rem;
    }
}

@media only screen and (min-width: 401px) and (max-width: 1000px) {
    .partnerone {
        width: 21rem;
    }

    .firstimg {
        width: 1rem;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1246px) {
    .partnerone {
        width: 27rem;
    }

    .firstimg {
        width: 1rem;
    }
}

@media only screen and (min-width: 1246px) and (max-width: 8800px) {
    .partnerone {
        width: 35rem;
    }
}


@media only screen and (min-width: 315px) and (max-width: 379px) {
    .ccard {
        height: 8.5rem;
        width: 8rem;
        margin-bottom: 2rem;
    }
}

@media only screen and (min-width: 380px) and (max-width: 2500px) {
    .ccard {
        height: 8.5rem;
        width: 10rem;
        margin-bottom: 2rem;
    }
}

@media only screen and (min-width: 100px) and (max-width: 315px) {
    .ccard {
        height: 9.5rem;
        width: 7rem;
        margin-bottom: 2rem;
    }

}

.coco {
    flex: 0 0 calc(25% - 20px);
    /* background: teal; */
    color: white;
    padding: 20px;
    margin: 10px;
}




@media only screen and (min-width: 100px) and (max-width: 600px) {
    .bb {
        /* background: #000; */
        text-align: center;
        position: absolute;
        width: 100%;
        padding: 0;
        margin: 0;
        z-index: 999;
    }

    .line {
        display: none;
    }

}




@media only screen and (min-width: 100px) and (max-width: 1000px) {
    .enba {
        display: block;
    }

    .enda {
        display: none;
    }

}

@media only screen and (min-width: 1001px) and (max-width: 6600px) {
    .enba {
        display: none;
    }

    .enda {
        display: block;
    }

}


.address1 li {
    list-style: none;
    position: relative;
    padding: 0px 0 14px 34px;
    line-height: 26px;
}

ul.address1 span {
    position: absolute;
    width: 40px;
    max-width: 40px;
    left: 0;
}

.address1 li a {
    color: #fff;
    text-decoration: none;
}

ul.address1 i {
    width: 20px;
    position: absolute;
    left: 0px;
    text-align: center;
    font-size: 28px;
    top: 0;
}

ul.address1 i.fa-envelope {
    font-size: 18px;
    top: 4px;
}

.outer {
    width: 1px;
    height: 100%;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.inner {
    position: absolute;
    width: 100%;
    height: 40%;
    background: grey;
    top: 30%;
    box-shadow: 0px 0px 30px 20px grey;
}



@media only screen and (min-width: 770px) and (max-width: 6600px) {
    .mainheading {
        font-size: 37px;
        font-weight: 600;
    }


}


@media only screen and (min-width: 200px) and (max-width: 770px) {
    .mainheading {
        font-size: 28px;
        font-weight: 600;
    }
}




/* ==============================loan details============================ */

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem;
}

.gutters-sm {
    margin-right: -8px;
    margin-left: -8px;
}

.gutters-sm>.col,
.gutters-sm>[class*=col-] {
    padding-right: 8px;
    padding-left: 8px;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.bg-gray-300 {
    background-color: #e2e8f0;
}

.h-100 {
    height: 100% !important;
}

.shadow-none {
    box-shadow: none !important;
}






/* ]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]] */



/* Google Font CDN Link */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); */

/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
} */

/* body {
    min-height: 100vh;
    width: 100%;
    background: #c8e8e9;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.container1 {
    width: 85%;
    background: #fff;
    border-radius: 6px;
    padding: 20px 60px 30px 40px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.container1 .content1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container1 .content1 .left-side {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    position: relative;
}

.content1 .left-side::before {
    content: '';
    position: absolute;
    height: 70%;
    width: 2px;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    background: #afafb6;
}

.content1 .left-side .details {
    margin: 14px;
    text-align: center;
}

.content1 .left-side .details i {
    font-size: 30px;
    color: #3e2093;
    margin-bottom: 10px;
}

.content1 .left-side .details .topic {
    font-size: 18px;
    font-weight: 500;
}

.content1 .left-side .details .text-one,
.content1 .left-side .details .text-two {
    font-size: 14px;
    color: #afafb6;
}

.container1 .content1 .right-side {
    width: 75%;
    margin-left: 75px;
}

.content1 .right-side .topic-text {
    font-size: 23px;
    font-weight: 600;
    color: #3e2093;
}

.right-side .input-box {
    height: 50px;
    width: 100%;
    margin: 12px 0;
}

.right-side .input-box input,
.right-side .input-box textarea {
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    background: #F0F1F8;
    border-radius: 6px;
    padding: 0 15px;
    resize: none;
}

.right-side .message-box {
    min-height: 110px;
}

.right-side .input-box textarea {
    padding-top: 6px;
}

.right-side .button {
    display: inline-block;
    margin-top: 12px;
}

.right-side .button input[type="button"] {
    color: #fff;
    font-size: 18px;
    outline: none;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    background: #3e2093;
    cursor: pointer;
    transition: all 0.3s ease;
}

.button input[type="button"]:hover {
    background: #5029bc;
}

@media (max-width: 950px) {
    .container1 {
        width: 90%;
        padding: 30px 40px 40px 35px;
    }

    .container1 .content1 .right-side {
        width: 75%;
        margin-left: 55px;
    }
}

@media (max-width: 820px) {
    .container1 {
        margin: 40px 0;
        height: 100%;
    }

    /* .container .content {
        flex-direction: column-reverse;
    } */

    /* .container .content .left-side {
        width: 100%;
        flex-direction: row;
        margin-top: 40px;
        justify-content: center;
        flex-wrap: wrap;
    } */

    .container1 .content1 .left-side::before {
        display: none;
    }

    /* 
    .container .content .right-side {
        width: 100%;
        margin-left: 0;
    } */
}



/* =======------------=============---------------------=== */

.image-text-overlay {
    width: 100%;
    height: 225px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.image-text-overlay.text-white {
    color: white;
}

.image-text-overlay .overlay-title {
    font-size: 27px;
    text-transform: uppercase;
}

.image-text-overlay .overlay-subtext {
    font-size: 20px;
}

.image-text-overlay .overlay-white,
.image-text-overlay .overlay-black {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.7;
}

.image-text-overlay .overlay-black {
    background: #000;
}

.image-text-overlay .overlay-white {
    background: #fff;
}

.text-top-left,
.text-top-center,
.text-top-right,
.text-middle-left,
.text-middle-center,
.text-middle-right,
.text-bottom-left,
.text-bottom-right,
.text-bottom-center {
    display: table;
}

.text-top-left p,
.text-top-center p,
.text-top-right p,
.text-middle-left p,
.text-middle-center p,
.text-middle-right p,
.text-bottom-left p,
.text-bottom-right p,
.text-bottom-center p {
    display: table-cell;
    position: relative;
    z-index: 2;
    padding: 15px 20px 15px 20px;
}

.text-top-left p {
    vertical-align: top;
    text-align: left;
}

.text-top-center p {
    vertical-align: top;
    text-align: center;
}

.text-top-right p {
    vertical-align: top;
    text-align: right;
}

.text-middle-left p {
    vertical-align: middle;
    text-align: left;
}

.text-middle-center p {
    vertical-align: middle;
    text-align: center;
}

.text-middle-right p {
    vertical-align: middle;
    text-align: right;
}

.text-bottom-left p {
    vertical-align: bottom;
    text-align: left;
}

.text-bottom-center p {
    vertical-align: bottom;
    text-align: center;
}

.text-bottom-right p {
    vertical-align: bottom;
    text-align: right;
}


/* If the screen size is 1200px wide or more, set the font-size to 80px */
@media (min-width: 1200px) {
    .responsive-font-example {
        font-size: 80px;
    }
}

/* If the screen size is smaller than 1200px, set the font-size to 80px */
@media (max-width: 1199.98px) {
    .responsive-font-example {
        font-size: 30px;
    }
}


/* =====================Notification========================================== */

/* .top-text-block {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: inherit !important;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
}

.top-text-block:hover:before {
    content: '';
    width: 4px;
    background: #f05a1a;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.top-text-block.unread {
    background: #ffc;
}

.top-text-block .top-text-light {
    color: #999;
    font-size: 0.8em;
}

.top-head-dropdown .dropdown-menu {
    width: 350px;
    height: 300px;
    overflow: auto;
}

.top-head-dropdown li:last-child .top-text-block {
    border-bottom: 0;
}

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

.loader-topbar {
    margin: 5px auto;
    border: 3px solid #ddd;
    border-radius: 50%;
    border-top: 3px solid #666;
    width: 22px;
    height: 22px;
    -webkit-animation: spin-topbar 1s linear infinite;
    animation: spin-topbar 1s linear infinite;
}

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

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

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

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





.box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 5px
}

.box::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
    border-radius: 5px
}

.box::-webkit-scrollbar-thumb {
    background-color: black;
    border: 2px solid black;
    border-radius: 5px
}

header {
    -moz-box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.1);
    height: 110px;
    vertical-align: middle;
}

h1 {
    float: left;
    padding: 10px 30px
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
}

.icons {
    display: inline;
    float: right
}

.notification {
    padding-top: 30px;
    position: relative;
    display: inline-block;
}

.number {
    height: 35px;
    width: 35px;
    background-color: #d63031;
    border-radius: 30px;
    color: white;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 58px;
    padding: 2px;
    border-style: solid;
    border-width: 2px;
}

.number:empty {
    display: none;
}

.notBtn {
    transition: 0.5s;
    cursor: pointer
}

.fas {
    font-size: 25pt;
    padding-bottom: 10px;
    color: black;
    margin-right: 40px;
    margin-left: 40px;
}

.box {
    width: 400px;
    height: 0px;
    border-radius: 10px;
    transition: 0.5s;
    position: absolute;
    overflow-y: scroll;
    padding: 0px;
    left: -300px;
    margin-top: 5px;
    background-color: #F4F4F4;
    -webkit-box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.1);
    cursor: context-menu;
}

.fas:hover {
    color: #d63031;
}

.notBtn:hover>.box {
    height: 60vh
}

.content {
    padding: 20px;
    color: black;
    vertical-align: middle;
    text-align: left;
}

.gry {
    background-color: #F4F4F4;
}

.top {
    color: black;
    padding: 10px
}

.display {
    position: relative;
}

.cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #F4F4F4;
}

.cont:empty {
    display: none;
}

.stick {
    text-align: center;
    display: block;
    font-size: 50pt;
    padding-top: 70px;
    padding-left: 80px
}

.stick:hover {
    color: black;
}

.cent {
    text-align: center;
    display: block;
}

.sec {
    padding: 10px 10px;
    background-color: #F4F4F4;
    transition: 0.5s;
}

.profCont {
    padding-left: 15px;
}

.profile {
    -webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    width: 50px;
    float: left;
}

.txt {
    vertical-align: top;
    font-size: 16px;
    padding: 5px 10px 2px 100px;
}

.sub {
    font-size: 12px;
    color: #343a40;
}

.new {
    border-style: none none solid none;
    border-color: #ddd;
}

.sec:hover {
    background-color: #BFBFBF;
}


.icons {
    position: relative;
    z-index: 1;
}

.notification {
    position: absolute;
    top: -34px;
    right: 10px;
    z-index: 2;
}



/* =========Sidebar =========================================== */


#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 280px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 280px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
    color: #999999;
}

.sidebar-nav>.sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 280px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}


/* ======================================= */

/* 1600 / 16 = 100em 
/* 	mobile 90% event  */
.grid-container {
    max-width: 100em;
    margin: 2rem auto;
    padding: 2%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.grid-item {
    width: 90%;
    float: none;
    margin: 5% auto;
}

@supports (display: grid) {
    .grid-container {
        display: grid;
        grid-gap: 3%;
        grid-template-columns: repeat(1, auto);
        grid-template-rows: auto;
    }

    .grid-item {
        grid-column: span 1;
        grid-row: auto;
    }
}

/*  440/16 = 27.5 */
@media screen and (min-width: 27.5rem) {
    .grid-item {
        width: 70%;
    }
}

/*  540/16 = 33.75 */
@media screen and (min-width: 33.75rem) {
    .grid-item {
        width: 60%;
    }
}

/*  620/16 = 37.5 */
@media screen and (min-width: 38.75rem) {
    .grid-container {
        padding: 4%;
    }

    .grid-item {
        width: 42%;
        float: left;
        margin: 1.5% 2%;
    }

    @supports (display: grid) {
        .grid-container {
            grid-template-columns: repeat(2, auto);
            grid-gap: 6%;
        }

        .grid-item {
            width: 100%;
            margin: 0 auto 8%;
        }
    }
}

/*  915/16 = 57.18 */
@media screen and (min-width: 57.18rem) {
    .grid-item {
        width: 29%;
        margin: 1.5% 2%;
    }

    @supports (display: grid) {
        .grid-container {
            grid-template-columns: repeat(3, auto);
            grid-gap: 4%;
        }

        .grid-item {
            width: 100%;
            margin: 0 auto 6%;
        }
    }
}

/*  1320/16 = 82.5 */
@media screen and (min-width: 82.5rem) {
    .grid-item {
        width: 21%;
    }

    @supports (display: grid) {
        .grid-container {
            grid-template-columns: repeat(4, auto);
            grid-gap: 3%;
        }

        .grid-item {
            width: 100%;
            margin: 0 auto 7%;
        }
    }
}

/* Animate cards to fade in with different delay times */

.grid-item {
    animation: scaleIn 600ms cubic-bezier(0.71, 0.55, 0.62, 1.57) 100ms both;
}

/* CARD STYLING */

/*-------------------
	 			Flip
-------------------*/

.card-container {
    transition: width 200ms linear 0s;
    perspective: 1000px;
}

.card-container .flip-animation {
    transform: rotateY(0deg);
}

.card-container.addFlip .flip-animation,
.card-container.addFlip .flip-animation~.backCard {
    transform: rotateY(180deg);
}

.flip-animation {
    position: relative;
    transform-style: preserve-3d;
    transition: transform 550ms linear 0s;
}

.wrapper .card-container {
    height: 50em;
}

.wrapper.frontback-cards .card-container {
    height: 29em;
}

.wrapper.frontback-cards .item-card {
    z-index: 2;
    transform: rotateY(0deg);
}

.wrapper.frontback-cards .item-card-details {
    z-index: 1;
    transform: rotateY(180deg);
}

.wrapper.frontback-cards .item-card,
.wrapper.frontback-cards .item-card-details {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.wrapper .item-card-details {
    margin-top: -2em;
}

.wrapper.frontback-cards .item-card-details {
    margin-top: 0;
}

.backCard-flip .bio-band {
    transform-origin: 10% 100%;
    animation: scaleIn 1000ms cubic-bezier(0.71, 0.55, 0.62, 1.57) 0.3s both;
}

.backCard-flip .bio-title {
    transform-origin: 10% 100%;
    animation: scaleIn 1000ms cubic-bezier(0.71, 0.55, 0.62, 1.57) 0.7s both;
}

/*-------------------
	 		LAYOUT
-------------------*/
.card-container {
    width: 100%;
    height: 28em;
    margin: 0em auto;
    font-family: "Roboto", sans-serif;
    font-size: 1em;
}

/*--flexbox--*/
.item-card,
.item-card-details {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}

.item-summary {
    width: 100%;
    background-color: #eaedef;
    padding: 1.5rem;
    box-sizing: border-box;
    margin-top: -0.2em;
}

.bio-block,
.scroll-block,
.more-info {
    background-color: #eaedef;
    width: 100%;
    box-sizing: border-box;
}

.bio-block {
    border-radius: 0.45em 0.45em 0 0;
    padding: 1em 1.5em 0.2em;
}

/*-------------------
	 		IMAGE
-------------------*/
.image-wrapper {
    float: left;
    height: 13em;
    order: -1;
    position: relative;
}

@supports (display: grid) {
    .image-wrapper {
        grid-column: span 2;
        grid-row: 1;
    }
}

.image-wrapper::after {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top,
            rgba(64, 101, 173, 0.7) 0%,
            rgba(0, 0, 0, 0) 100%);
}

.featured-image {
    width: 100%;
    border-radius: 0.45em 0.45em 0 0;
    object-fit: cover;
    height: 100%;
}

/*-------------------
	 		TEXT
-------------------*/
.title {
    font-size: 1.5em;
    transform-origin: 10% 100%;
    font-weight: 900;
    color: #313b40;
    animation: scaleInUp 800ms cubic-bezier(0.71, 0.55, 0.62, 1.57) 1s both;
}

.venue,
.street-address,
.locality {
    margin: 0.3em 0;
    color: #313b40;
    opacity: 0.85;
    transform-origin: 10% 100%;
    animation: scaleInUp 800ms cubic-bezier(0.71, 0.55, 0.62, 1.57) 1s both;
}

.item-time-date {
    float: left;
    order: -1;
}

@supports (display: grid) {
    .item-time-date {
        grid-column: span 2;
        grid-row: 2;
    }
}

.item-time-date {
    z-index: 100;
    width: 75%;
    height: 2.5em;
    font-size: 0.9em;
    color: #313b40;
    background-color: #fff;
    margin: -1.5em 0 -1.5em 1em;
    font-weight: 900;
    border-radius: 0.3em;
    text-align: center;
    animation: scaleIn 0.8s cubic-bezier(0.71, 0.55, 0.62, 1.57) 0.8s both;
}

.date,
.time {
    position: relative;
    top: 0.7em;
    padding: 0.6rem;
}

.time {
    border-left: 1px solid #444;
}

.address {
    font-style: normal;
}

.venue {
    font-weight: 900;
}

.bio-band {
    color: #888;
    opacity: 0.6;
    font-size: 1.1em;
    margin-bottom: 0;
}

.bio-title {
    font-size: 1.5em;
    color: #313b40;
    margin: 0.6em 0 0.4em;
}

.bio-text {
    line-height: 180%;
    height: 0%;
    color: #313b40;
    opacity: 0.85;
    font-size: 1em;
    padding: 0 1em 0 1.5em;
    margin: 0 0 -0.35em;
}

.scroll-block {
    height: 10em;
    overflow: scroll;
    border-bottom: 2px solid #ccc;
}

.more-info {
    padding: 0.5em 1em;
}

.more-info p:nth-child(1) {
    margin-bottom: 2em;
}

/*-------------------
	 BUTTONS & LINKS
-------------------*/

.item-buttons {
    display: flex;
    width: 100%;
}

@supports (display: grid) {
    .item-buttons {
        grid-column: span 2;
        grid-row: 4;
    }
}

.info,
.btn-tickets,
.button-detals {
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.info:focus,
.btn-tickets:focus,
.btn-details:focus {
    outline: 2px solid #000;
}

.btn-details,
.btn-tickets {
    display: block;
    color: #fff;
    float: left;
    width: 50%;
    font-size: 1rem;
    box-sizing: border-box;
    border: none;
    padding: 1rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 0;
    transition: color 200ms ease-in 0s;
}

/* 
JS & NO JS for Buttons
s*/

.wrapper .front-buttons,
.wrapper .back-arrow {
    display: none;
}

.wrapper.frontback-cards .front-buttons,
.wrapper.frontback-cards .back-arrow {
    display: block;
}

.wrapper .on-back {
    width: 100%;
    border-radius: 0 0 0.45em 0.45em;
}

.wrapper.frontback-cards .on-back {
    width: 50%;
    border-radius: 0 0 0.45em 0;
}

.blue {
    background-color: #4972c1;
    background: linear-gradient(90deg,
            #72a1ff,
            #4972c1,
            #34579e,
            #4972c1,
            #72a1ff);
    background-size: 400% 400%;
    background-position: 0% 50%;
    border-radius: 0 0 0.45em 0;
}

.blue:hover {
    animation: gradientMove 6s ease infinite;
}

.grey {
    background-color: #545b6d;
    border-radius: 0 0 0 0.45em;
    transition: background-color 200ms ease-in 0s;
}

.grey:hover {
    background-color: #3b404c;
}

.back-arrow {
    background: #545b6d url(https://bit.ly/2Fj85IN) center center no-repeat;
    background-size: 20%;
}

/*-------------------
	 	 BACK LINKS
-------------------*/
.info {
    color: #313b40;
    font-weight: 800;
    position: relative;
}

.info::after {
    content: "";
    display: block;
    position: absolute;
    margin: 0;
    left: 0;
    bottom: -25%;
    height: 0.2em;
    width: 100%;
    background-color: #4972c1;
    background: linear-gradient(90deg,
            #72a1ff,
            #4972c1,
            #34579e,
            #4972c1,
            #72a1ff);
    background-size: 400% 400%;
    background-position: 0% 50%;
    transition: all 0.2s ease-in 0s;
}

.info:hover::after {
    height: 0.5em;
    animation: gradientMove 6s ease both;
}

/*-------------------
	 	 		GRID
-------------------*/
@supports (display: grid) {

    .item-card,
    .item-card-details {
        display: grid;
        grid-gap: 0;
        grid-template-columns: repeat(2, auto);
        grid-template-rows: auto;
    }

    .item-summary {
        grid-column: span 2;
        grid-row: 3;
    }

    .bio-block,
    .scroll-block,
    .more-info {
        grid-column: span 2;
        grid-row: auto;
    }

    .bio-details,
    .bio-tickets {
        grid-column: span 1;
        grid-row: auto;
    }
}

/*-------------------
	 	 KEYFRAMES
-------------------*/

@keyframes scaleInLight {
    0% {
        opacity: 0;
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 0.8;
        transform: scale(1, 1);
    }
}

@keyframes positionBack {
    0% {
        opacity: 0;
        transform: rotateY(0deg);
    }

    50% {
        opacity: 0.1;
        transform: rotateY(90deg);
    }

    100% {
        opacity: 1;
        transform: rotateY(180deg);
    }
}

@keyframes bounceLeft {
    0% {
        transform: translatex(0%);
    }

    50% {
        transform: translatex(-30%);
    }

    100% {
        transform: translatex(0%);
    }
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(0.9, 0.9);
    }

    100% {
        opacity: 1;
        transform: scale(1, 1);
    }
}

@keyframes scaleInUp {
    0% {
        opacity: 0;
        transform: scale(1, 1) translatey(90%);
    }

    100% {
        opacity: 1;
        transform: scale(1, 1) translatey(0%);
    }
}



/* ======================================= */

.grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 85px;
    /* background-color: #2196F3; */
    padding: 10px;
}

.grid-container>div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    /* padding: 20px 0;
    font-size: 30px; */
}

.ArtistCard_card__PlEFX {
    /* background: #fefefe;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .07);
    box-shadow: 0 0 12px rgba(0, 0, 0, .07); */
    border-radius: 10px;
    cursor: pointer;
}

.ArtistCard_cardImage__p9fvY {
    width: 80%;
    border-radius: 10px 10px 0 0;
    max-height: 20rem;
    object-fit: contain;
    background-color: black;
}

.grid-container-element {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    /* border: 1px solid black; */
    width: 100%;
}

.grid-child-element {
    margin: 4px;
    /* border: 1px solid red; */
}


/* @media (min-width: 420px) {
    .grido {
        grid-template-columns: "repeat(1,1fr)";
        grid-gap: "100px"
    }
} */


@media (min-width: 992px) and (max-width: 3500px) {
    .grido {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 475px) and (max-width: 992px) {
    .grido {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 100px) and (max-width: 474px) {
    .grido {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* @media screen and (max-device-width:640px),
screen and (max-width:640px) {
    .grido {
        grid-template-columns: "repeat(1,1fr)";
        grid-gap: "100px"
    }
} */






.shadow-nohover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes animatop {
    0% {
        opacity: 0;
        bottom: -500px;
    }

    100% {
        opacity: 1;
        bottom: 0px;
    }
}

@keyframes animatop {
    0% {
        opacity: 0;
        bottom: -500px;
    }

    100% {
        opacity: 1;
        bottom: 0px;
    }
}

@-webkit-keyframes rotatemagic {
    0% {
        opacity: 0;
        transform: rotate(0deg);
        top: -24px;
        left: -253px;
    }

    100% {
        transform: rotate(-30deg);
        top: -24px;
        left: -78px;
    }
}

@keyframes rotatemagic {
    0% {
        opacity: 0;
        transform: rotate(0deg);
        top: -24px;
        left: -253px;
    }

    100% {
        transform: rotate(-30deg);
        top: -24px;
        left: -78px;
    }
}



.experience {
    border-left: 3px solid #009688;
    padding: 0 30px;
    margin-left: 185px;
}

@media (max-width: 767px) {
    .experience {
        margin-left: 0;
        padding-right: 0;
    }
}

.experience .item {
    position: relative;
    margin-bottom: 40px;
}

.experience .item::before {
    content: "";
    position: absolute;
    left: -43px;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #000000;
    border: 3px solid #009688;
}

.experience .item::after {
    content: "";
    position: absolute;
    left: -37px;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #009688;
}

.experience .company-name {
    color: #009688;
}

.experience .location {
    position: absolute;
    right: 0;
    top: 2px;
}

.experience .location .fa {
    margin-right: 8px;
}

.experience .job-info {
    position: absolute;
    left: -185px;
    top: 0;
}

.experience .job-info .title {
    color: #009688;
    font-size: 1em;
}

@media (max-width: 767px) {
    .experience .job-info {
        position: static;
        margin-bottom: 1rem;
    }
}

.time-slot-container {
    text-align: center;
    padding: 20px;
}

.time-slot-list {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.time-slot-item {
    cursor: pointer;
    margin: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.time-slot-item.selected {
    background-color: #007bff;
    color: #fff;
}

.time-slot-item:hover {
    background-color: #f1f1f1;
}


.containero {
    display: flex;
    flex-direction: column;
}

@media only screen and (min-width: 800px) {
    .containero {
        flex-direction: row;
    }

    .text {
        flex: 1;
    }

    .image {
        flex: 1;
        text-align: right;
    }
}

@media only screen and (max-width: 500px) {
    .ppo {
        display: none;
    }

    .ppoo {
        display: block;
    }
}

@media only screen and (min-width: 501px) {
    .ppo {
        display: block;
    }

    .ppoo {
        display: none;
    }
}


.badg {
    /* width: 20rem; */
    border-radius: 1rem;
    background: white;
    box-shadow: 4px 4px 15px rgba(#000, 0.15);
    position: relative;
    /* color: red; */
}

.badg .badg__container {
    padding: 2rem;
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 1rem;
    position: relative;
}

.badg .badg__header {
    margin-bottom: 1rem;
    font-family: 'Playfair Display', serif;
}

.badg::before {
    position: absolute;
    top: -1rem;
    right: 0.5rem;
    content: '';
    background: #fea76d;
    height: 28px;
    width: 28px;
    transform: rotate(45deg);
    display: none;
}

.badg::after {
    position: absolute;
    content: attr(data-label);
    top: 7px;
    right: 0px;
    /* padding: 0.5rem; */
    width: 9rem;
    background: #f5505d;
    color: white;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    box-shadow: 4px 4px 15px rgba(26, 35, 126, 0.2);
}


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


#gallery {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;

    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

@media (max-width:1200px) {
    #gallery {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;

        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}

@media (max-width:800px) {
    #gallery {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;

        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}

@media (max-width:600px) {
    #gallery {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

#gallery img,
#gallery video {
    width: 100%;
    height: auto;
    margin: 4% auto;
    box-shadow: -3px 5px 15px #000;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.modal-img,
.model-vid {
    width: 100%;
    height: auto;
}

.modal-body {
    padding: 0px;
}


/* ===================== */
/* 
.fix-width {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


.scroll-inner::-webkit-scrollbar:horizontal {
    height: 10px;
}

.scroll-inner::-webkit-scrollbar-track {
    background-color: rgba(204, 204, 204, 0.3);
}

.scroll-inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
} */

.fix-width {
    width: 100%;
    height: 30rem;
    overflow: auto;
    /* Enable both vertical and horizontal scrolling */
    -webkit-overflow-scrolling: touch;
}

.scroll-inner::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    /* Set the width of the scrollbar */
}

.scroll-inner::-webkit-scrollbar-track {
    background-color: rgba(204, 204, 204, 0.3);
}

.scroll-inner::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background: rgba(204, 204, 204, 0.5);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}



/* ========Bridal========================== */

/* 
   * Position both images in same place
  */
.hover-switch>img {
    position: absolute;
    top: calc(21% - 95px);
    left: calc(15% - 100px);
}

/* 
   * Show the last image by default
  */
.hover-switch>img:last-of-type {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}

/* 
   * Hide the last image on hover
  */
.hover-switch:hover>img:last-of-type {
    opacity: 0;
}


.img-wrapper {
    /* width: 400px;
    height: 400px; */
    overflow: hidden;
}

.inner-img {
    transition: 0.3s;
}

.inner-img:hover {
    transform: scale(1.1);
}

/* Other styling elements, that are not necessary for the example */

.img-wrapper {
    display: inline-block;
    box-sizing: border-box;
    /* //border: 1px solid #000; */
}



/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.hover-sw>img {
    position: absolute;
    /* top: calc(21% - 95px);
    left: calc(15% - 100px); */
}

/* 
   * Show the last image by default
  */
.hover-sw>img:last-of-type {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}

/* 
   * Hide the last image on hover
  */
.hover-sw:hover>img:last-of-type {
    opacity: 0;
}




/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ tips for you\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.main-screen,
.main-screen * {
    box-sizing: border-box;
}

.main-screen {
    background: #ffffff;
    width: 1440px;
    height: 1052px;
    position: relative;
    overflow-y: auto;
}

.rectangle-151 {
    border-radius: 16px;
    width: 712px;
    height: 353px;
    position: absolute;
    left: 730px;
    top: 112px;
}

.pricing-info {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    left: calc(50% - -229px);
    top: 96px;
}

.frame-72 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 561px;
    height: 351px;
    position: absolute;
    left: 729px;
    top: 457px;
}

.frame-71 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 560px;
    height: 351px;
    position: relative;
}

.frame-68 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 560px;
    height: 351px;
    position: relative;
}

.hi-make-up-artistry-by-simran {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.frame-54 {
    flex-shrink: 0;
    width: 560px;
    height: 296px;
    position: relative;
}

.frame-53 {
    width: 560px;
    height: 246px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.frame-51 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 560px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.frame-50 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 560px;
    position: relative;
}

.frame-48 {
    display: flex;
    flex-direction: row;
    gap: 27px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 560px;
    position: relative;
}

.input-text {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 287px;
    height: 50px;
    position: relative;
}

.placeholder {
    background: var(--white, #ffffff);
    border-radius: 8px;
    border-style: solid;
    border-color: var(--main-colors-gray-0-5, #909090);
    border-width: 1px;
    padding: 14px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 287px;
    height: 50px;
    position: relative;
}

.name {
    color: rgba(70, 70, 70, 0.7);
    text-align: left;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.input-text2 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 246px;
    height: 50px;
    position: relative;
}

.placeholder2 {
    background: var(--white, #ffffff);
    border-radius: 8px;
    border-style: solid;
    border-color: var(--main-colors-gray-0-5, #909090);
    border-width: 1px;
    padding: 14px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 246px;
    height: 50px;
    position: relative;
}

.phone-number {
    color: rgba(70, 70, 70, 0.7);
    text-align: left;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.frame-49 {
    display: flex;
    flex-direction: row;
    gap: 27px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 560px;
    position: relative;
}

.input-text3 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 287px;
    position: relative;
}

.email-address {
    color: rgba(70, 70, 70, 0.7);
    text-align: left;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.input-text4 {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 246px;
    position: relative;
}

.frame-45 {
    display: flex;
    flex-direction: row;
    gap: 217px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 209px;
    position: relative;
}

.date {
    color: rgba(70, 70, 70, 0.7);
    text-align: left;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.calendar {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 185px;
    top: -0.5px;
    object-fit: cover;
}

.taxtarea {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 564px;
    position: relative;
}

.text-area {
    background: var(--white, #ffffff);
    border-radius: 8px;
    border-style: solid;
    border-color: rgba(144, 144, 144, 0.7);
    border-width: 1.2px;
    padding: 14px 10px 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 561px;
    height: 106px;
    position: relative;
}

.frame-44 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 541px;
    height: 92px;
    position: relative;
}

.details-about-wedding {
    color: rgba(70, 70, 70, 0.7);
    text-align: left;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}

.rezize {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-end;
    flex-shrink: 0;
    width: 532px;
    position: absolute;
    left: 0px;
    top: 78px;
}

.resize {
    flex-shrink: 0;
    width: 9px;
    height: 9px;
    position: relative;
    overflow: visible;
}

.frame-52 {
    display: flex;
    flex-direction: row;
    gap: 369px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 560px;
    position: absolute;
    left: 0px;
    top: 262px;
}

.notify-me-on-whatsapp {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.switch {
    background: var(--main-colors-green-8, #44ab42);
    border-radius: 16px;
    padding: 3px 2px 3px 4px;
    display: flex;
    flex-direction: row;
    gap: 2px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 75px;
    height: 40px;
    position: absolute;
    left: 486px;
    top: -6px;
}

.frame-46 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    position: relative;
}

.on {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.ellipse-1 {
    background: var(--white, #ffffff);
    border-radius: 50%;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    position: relative;
}

.frame-69 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 540px;
    position: absolute;
    left: 730px;
    top: 425px;
}

.line-16 {
    border-style: solid;
    border-color: #cecece;
    border-width: 4px 0 0 0;
    flex-shrink: 0;
    width: 560px;
    height: 0px;
    position: relative;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
}

.frame-70 {
    padding: 10px;
    flex-shrink: 0;
    width: 320px;
    height: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: visible;
}

.buttons {
    background: #4470c6;
    border-radius: 52px;
    padding: 16px 24px 16px 32px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 226px;
    height: 59px;
    position: absolute;
    left: 1030px;
    top: 334px;
}

.view-contact {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ic-outline-call {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.buttons2 {
    background: var(--secondarycolour, #000000);
    border-radius: 52px;
    padding: 16px 24px 16px 32px;
    width: 226px;
    height: 59px;
    position: absolute;
    left: 772px;
    top: 334px;
}

.send-enquiry {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    left: 48px;
    top: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tabler-message {
    width: 24px;
    height: 19px;
    position: absolute;
    left: 167px;
    top: 12px;
}

.frame-97 {
    background: #f7fafc;
    border-radius: 8px;
    /* width: 270px; */
    height: 78px;
    /* position: absolute; */
    /* left: 730px;
    top: 142px; */
    overflow: hidden;
}

.airbrush-makeup {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: calc(50% - 62px);
    top: 7px;
}

.frame-96 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 95px;
    top: 39px;
}

.vector-12 {
    flex-shrink: 0;
    width: 11.68px;
    height: 18px;
    position: relative;
    overflow: visible;
}

._10000 {
    color: #68d841;
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.frame-99 {
    background: #f7fafc;
    border-radius: 8px;
    width: 270px;
    height: 78px;
    position: absolute;
    left: 730px;
    top: 232px;
    overflow: hidden;
}

.bridal-makeup {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: calc(50% - 52px);
    top: 7px;
}

.vector-13 {
    flex-shrink: 0;
    width: 11.68px;
    height: 18px;
    position: relative;
    overflow: visible;
}

._12000 {
    color: #68d841;
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.frame-100 {
    background: #f7fafc;
    border-radius: 8px;
    width: 270px;
    height: 78px;
    position: absolute;
    left: 1020px;
    top: 232px;
    overflow: hidden;
}

.party-makeup {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: calc(50% - 50px);
    top: 7px;
}

.vector-14 {
    flex-shrink: 0;
    width: 11.68px;
    height: 18px;
    position: relative;
    overflow: visible;
}

._7000 {
    color: #68d841;
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.frame-98 {
    background: #f7fafc;
    border-radius: 8px;
    width: 267px;
    height: 78px;
    position: absolute;
    left: 1022px;
    top: 142px;
    overflow: hidden;
}

.engagement-makeup {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    left: calc(50% - 76.5px);
    top: 7px;
}

.frame-962 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 93px;
    top: 39px;
}

.vector-15 {
    flex-shrink: 0;
    width: 11.68px;
    height: 18px;
    position: relative;
    overflow: visible;
}

._50000 {
    color: #68d841;
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

.buttons3 {
    background: #e15f5e;
    border-radius: 4px;
    padding: 16px 24px 16px 6px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: center;
    width: 560px;
    height: 68px;
    position: absolute;
    left: calc(50% - -9px);
    top: 832px;
}

.send-message {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Roboto-Medium", sans-serif;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.tabler-message2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.frame-105 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 150px;
    top: 96px;
}

.frame-25 {
    background: #e4e9ec;
    border-radius: 16px;
    flex-shrink: 0;
    width: 560px;
    height: 462px;
    /* position: relative; */
    /* overflow: hidden; */
}

.pexels-bhoopal-m-1446161-1 {
    background: #f7fafc;
    width: 932px;
    height: 982px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.line-162 {
    border-style: solid;
    border-color: #cecece;
    border-width: 4px 0 0 0;
    width: 934px;
    height: 0px;
    position: absolute;
    left: 4px;
    top: 920px;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
}

.line-17 {
    border-style: solid;
    border-color: var(--primarycolour, #e15f5e);
    border-width: 4px 0 0 0;
    width: 250px;
    height: 0px;
    position: absolute;
    left: 1px;
    top: 920px;
}

.image {
    background: #ffffff;
    border-radius: 8px;
    width: 519px;
    height: 270px;
    position: absolute;
    left: calc(50% - 259px);
    top: calc(37% - 280.5px);
    overflow: hidden;
}

.pexels-nripen-kumar-roy-730056-1 {
    width: 519px;
    height: 320px;
    left: 0px;
}

.frame-101 {
    display: flex;
    flex-direction: row;
    gap: 184px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 40px;
    top: 298px;
}

.frame-84 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.simran-bridal-makeup {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.frame-82 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.frame-29 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.vuesax-linear-location {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

.vuesax-linear-location2 {
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: visible;
}

.sultanpur-delhi {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}

.frame-85 {
    display: flex;
    flex-direction: row;
    gap: 125px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.frame-83 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.frame-31 {
    background: #62b146;
    border-radius: 8px;
    flex-shrink: 0;
    width: 63px;
    height: 28px;
    position: relative;
    overflow: hidden;
}

.frame-32 {
    display: flex;
    flex-direction: row;
    gap: 1px;
    align-items: center;
    justify-content: center;
    height: 26px;
    /* position: absolute;
    left: calc(50% - 36.5px);
    top: calc(50% - 15.5px); */
}

.ic-round-star {
    flex-shrink: 0;
    width: 25px;
    height: 30px;
    position: relative;
    overflow: visible;
}

._4-2 {
    color: var(--whiteneutral, #f3f1f1);
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

._24-reviews {
    color: var(--secondarycolour, #000000);
    text-align: left;
    font-family: "Roboto-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.frame-102 {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 15px;
    top: 393px;
}

.frame-35 {
    /* background: #ededed; */
    flex-shrink: 0;
    /* width: 290px; */
    height: 35px;
    position: relative;
}

.frame-33 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    left: calc(50% - 59px);
    top: calc(50% - 16.5px); */
}

.icon-park-outline-like {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: relative;
    overflow: visible;
}

.shortlist {
    color: #000000;
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.frame-36 {
    /* background: #ededed; */
    flex-shrink: 0;
    /* width: 270px; */
    height: 35px;
    position: relative;
}

.frame-332 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    /* justify-content: center;
    position: absolute;
    left: calc(50% - 46.5px);
    top: calc(50% - 16.5px); */
}

.material-symbols-share-outline {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    position: relative;
    overflow: visible;
}

.share {
    color: #000000;
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.frame-40 {
    display: flex;
    flex-direction: row;
    gap: 110px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 560px;
    position: relative;
    top: 30rem
}

.frame-37 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.bytesize-portfolio {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    overflow: visible;
}

.portfolio {
    /* color: var(--primarycolour, #e15f5e); */
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.frame-38 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.skin-care {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    object-fit: cover;
}

.services {
    color: #000000;
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.frame-39 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.revision {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    position: relative;
    object-fit: cover;
}

.reviews {
    color: #000000;
    text-align: left;
    font-family: "Roboto-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.frame-95 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    height: auto;
    position: absolute;
    left: 15px;
    top: 520px;
    overflow: visible;
}


/* 

input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

label {
    cursor: pointer;
    text-indent: -9999px;
    width: 64px;
    height: 24px;
    background: grey;
    display: block;
    border-radius: 100px;
    position: relative;
}

label:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: rgb(247 250 252);
    border-radius: 90px;
    transition: 0.3s;
}

input:checked+label {
    background: #28a745;
}

input:checked+label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

label:active:after {
    width: 130px;
} */

.subs {
    --color: #ec5d69;
    --position: center bottom;
    --width: 85px;
    --height: 3px;
    background: linear-gradient(var(--color), var(--color)) var(--position) / var(--width) var(--height) no-repeat;
    padding-bottom: 22px;
    font: bold 2.5rem Roboto Serif;
}

.profile-circel-image-200 img {
    width: 200px;
    height: 200px;
    border-radius: 200px;
}

.vv img {
    transition: all 0.3s ease;
    cursor: pointer;
}

.vv img:hover {
    opacity: 0.8;
    box-shadow: 0px 0px 5px 8px rgba(0, 0, 0, 0.08);
}

.profile-square-image-250 img {
    width: 240px;
    height: 250px;
    border-radius: 12px;
    object-fit: cover;
}


@media (min-width: 100px) and (max-width: 754px) {
    .tfu {
        display: none !important;
    }

    .tfus {
        display: block !important;
    }
}

@media (min-width: 755px) and (max-width: 1980px) {
    .tfu {
        display: block !important;

    }

    .tfus {
        display: none !important;
    }
}


@media (min-width: 100px) and (max-width: 652px) {
    .psr {
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: flex-start;
    }
}

@media (min-width: 653px) and (max-width: 1980px) {
    .psr {
        display: flex;
        flex-direction: row;
        gap: 110px;
        align-items: flex-start;

    }
}

@media (min-width: 100px) and (max-width: 415px) {
    .psrList {
        display: grid;
        flex-direction: row;
        gap: 20px;
        align-items: flex-start;
    }
}

@media (min-width: 416px) and (max-width: 1980px) {
    .psrList {
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: flex-start;
        justify-content: space-around;

    }
}


@media (min-width: 100px) and (max-width: 448px) {
    .smenu {
        display: inline-block;
        text-align: center;
    }
}

@media (min-width: 449px) and (max-width: 1980px) {
    .smenu {
        display: flex;
        justify-content: space-evenly;

    }
}

.address-cell {
    /* max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}



.faq-drawer {
    margin-bottom: 30px;
}

.faq-drawer__content-wrapper {
    font-size: 1.25em;
    line-height: 1.4em;
    max-height: 0px;
    overflow: hidden;
    transition: 0.25s ease-in-out;
}

.faq-drawer__title {
    /* border-top: #000 1px solid; */
    cursor: pointer;
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    padding: 10px 16px 11px 6px;
    ;
    position: relative;
    margin-bottom: 0;
    transition: all 0.25s ease-out;
}

.faq-drawer__title::after {
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: " ";
    display: inline-block;
    float: right;
    height: 10px;
    left: 2px;
    position: relative;
    right: 20px;
    top: 2px;
    transform: rotate(135deg);
    transition: 0.35s ease-in-out;
    vertical-align: top;
    width: 10px;
}

/* OPTIONAL HOVER STATE */
.faq-drawer__title:hover {
    color: #4E4B52;
}

.faq-drawer__trigger:checked+.faq-drawer__title+.faq-drawer__content-wrapper {
    max-height: 350px;
}

.faq-drawer__trigger:checked+.faq-drawer__title::after {
    transform: rotate(-45deg);
    transition: 0.25s ease-in-out;
}

input[type="checkbox"] {
    display: none;
}

/* @media only screen and (max-width: 600px) {
    .container {
        padding: 80px;
    }
} */



/* =========================certificate================================================ */

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVc.ttf) format('truetype');
}

@font-face {
    font-family: 'Pinyon Script';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/pinyonscript/v21/6xKpdSJbL9-e9LuoeQiDRQR8WOXaPw.ttf) format('truetype');
}

@font-face {
    font-family: 'Rochester';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/rochester/v22/6ae-4KCqVa4Zy6Fif-UC2FHS.ttf) format('truetype');
}

.cursive {
    font-family: "Pinyon Script", cursive;
}

.sans {
    font-family: "Open Sans", sans-serif;
}

.bold {
    font-weight: bold;
}

.block {
    display: block;
}

.underline {
    border-bottom: 1px solid #777;
    padding: 5px;
    margin-bottom: 15px;
}

.margin-0 {
    margin: 0;
}

.padding-0 {
    padding: 0;
}

.pm-empty-space {
    height: 40px;
    width: 100%;
}

.pm-certificate-container {
    position: relative;
    width: 800px;
    height: 600px;
    background-color: #618597;
    padding: 30px;
    color: #333;
    font-family: "Open Sans", sans-serif;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    /*background: -webkit-repeating-linear-gradient(
      45deg,
      #618597,
      #618597 1px,
      #b2cad6 1px,
      #b2cad6 2px
    );
    background: repeating-linear-gradient(
      90deg,
      #618597,
      #618597 1px,
      #b2cad6 1px,
      #b2cad6 2px
    );*/
}

.pm-certificate-container .outer-border {
    width: 794px;
    height: 594px;
    position: absolute;
    left: 50%;
    margin-left: -397px;
    top: 50%;
    margin-top: -297px;
    border: 2px solid #fff;
}

.pm-certificate-container .inner-border {
    width: 730px;
    height: 530px;
    position: absolute;
    left: 50%;
    margin-left: -365px;
    top: 50%;
    margin-top: -265px;
    border: 2px solid #fff;
}

.pm-certificate-container .pm-certificate-border {
    position: relative;
    width: 720px;
    height: 520px;
    padding: 0;
    border: 1px solid #e1e5f0;
    background-color: #ffffff;
    background-image: none;
    left: 50%;
    margin-left: -360px;
    top: 50%;
    margin-top: -260px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-block {
    width: 650px;
    height: 200px;
    position: relative;
    left: 50%;
    margin-left: -325px;
    top: 70px;
    margin-top: 0;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-header {
    margin-bottom: 10px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-title {
    position: relative;
    top: 40px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-title h2 {
    font-size: 34px !important;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-body {
    padding: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-body .pm-name-text {
    font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned {
    margin: 15px 0 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned .pm-earned-text {
    font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-earned .pm-credits-text {
    font-size: 15px;
}

.pm-certificate-container .pm-certificate-border .pm-course-title .pm-earned-text {
    font-size: 20px;
}

.pm-certificate-container .pm-certificate-border .pm-course-title .pm-credits-text {
    font-size: 15px;
}

.pm-certificate-container .pm-certificate-border .pm-certified {
    font-size: 12px;
}

.pm-certificate-container .pm-certificate-border .pm-certified .underline {
    margin-bottom: 5px;
}

.pm-certificate-container .pm-certificate-border .pm-certificate-footer {
    width: 650px;
    height: 100px;
    position: relative;
    left: 50%;
    margin-left: -325px;
    bottom: -105px;
}

.scrollable-container {
    overflow-y: auto;
    overflow-x: auto;
    /* max-height: calc(100vh - 100px); */
    /* Adjust as needed */
}



/* src/components/SideMenu.css */

.menu-toggle-wrapper {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1001;
}

.menu-toggle-icon {
    height: 1.5rem;
    cursor: pointer;
}

.side-menu {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    background-color: #1f2937;
    transition: left 0.3s ease;
    z-index: 1000;
}

.side-menu.open {
    left: 0;
}

.side-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
}

.menu-list {
    list-style: none;
    padding: 0;
    margin-top: 2rem;
}

.menu-list li {
    margin-bottom: 1rem;
}

.menu-list a {
    color: white;
    text-decoration: none;
    font-size: 1rem;
}

.menu-list a:hover {
    text-decoration: underline;
}

.main-content {
    transition: margin-left 0.3s ease;
    margin-left: 0;
    padding: 2rem;
}

.main-content.shifted {
    margin-left: 210px;
    /* same as sidebar width */
}

.menu-scroll-container {
    height: calc(100vh - 60px);
    /* Adjust based on header height */
    overflow-y: auto;
    padding-right: 5px;
    /* So scrollbar doesn't overlay text */
}

.menu-scroll-container::-webkit-scrollbar {
    width: 6px;
}

.menu-scroll-container::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}









.modify-loan-container {
    max-width: 900px;
    margin: 1rem auto;
    padding: 1rem;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.modify-header {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    text-align: center;
}

.modify-loan-form {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem 2rem;
}

.field-group {
    display: flex;
    flex-direction: column;
}

.field-label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #333;
}

.form-input {
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.image-preview-container {
    display: flex;
    flex-direction: column;
}

.image-preview {
    width: 150px;
    height: auto;
    margin-bottom: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    object-fit: cover;
    cursor: pointer;
}

.form-buttons {
    grid-column: 1 / -1;
    /* full width of form */
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

.btn-primary {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    border-radius: 4px;
    cursor: pointer;
}

.btn-primary:hover {
    background-color: #0069d9;
}

/* Responsive tweaks */
@media (max-width: 600px) {
    .modify-loan-container {
        padding: 0.5rem;
    }

    .image-preview {
        width: 100px;
    }
}


.custom-modal-header {
    background-color: #007bff;
    /* Your custom color */
    color: white;
    border-bottom: none;
}

.custom-modal-header .btn-close {
    filter: invert(1);
    /* Makes close button visible on dark background */
}







.gallery-slider-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 100%;
    padding: 1rem 0;
}

.gallery-slider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 1rem;
    padding: 0 2rem;
}

.slide {
    flex: 0 0 auto;
}

.scroll-btn {
    background-color: #fff;
    border: none;
    font-size: 2rem;
    padding: 0 1rem;
    cursor: pointer;
    z-index: 2;
}

.scroll-btn.left {
    position: absolute;
    left: 0;
}

.scroll-btn.right {
    position: absolute;
    right: 0;
}

/* =================== */

.edit-course-page {
    /* max-width: 900px; */
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
}

.edit-course-page h2 {
    text-align: center;
    margin-bottom: 20px;
}

.edit-course-page label {
    display: block;
    margin-top: 10px;
    font-weight: 600;
}

.edit-course-page input,
.edit-course-page textarea,
.edit-course-page select {
    width: 100%;
    padding: 6px 8px;
    margin-top: 4px;
    box-sizing: border-box;
}

.course-form {
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 6px;
    background-color: #fafafa;
}

.form-section {
    margin-bottom: 30px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.form-section:last-child {
    border-bottom: none;
}

.lesson-block {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    background-color: #fff;
}

.lesson-block h4 {
    margin-top: 0;
}

.btn-add-lesson,
.btn-save,
.btn-remove-lesson {
    margin-top: 10px;
    padding: 8px 14px;
    background-color: #1976d2;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn-remove-lesson {
    background-color: #d32f2f;
}

.btn-add-lesson:hover,
.btn-save:hover,
.btn-remove-lesson:hover {
    opacity: 0.9;
}



/* ==============mentorship */



/* Container Outer */
.msm-container {
    /* max-width: 900px; */
    margin: 0 auto;
    padding: 20px;
}

/* Title */
.msm-title {
    text-align: center;
    margin-bottom: 25px;
    color: #333;
    font-size: 28px;
}

/* Table Styles */
.msm-table-container {
    overflow-x: auto;
    margin-bottom: 40px;
}

.msm-table {
    width: 100%;
    border-collapse: collapse;
}

.msm-table th,
.msm-table td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.msm-table th {
    background-color: #f5f5f5;
}

.msm-no-data {
    text-align: center;
    color: #666;
}

.msm-btn-edit {
    padding: 6px 12px;
    border: none;
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    cursor: pointer;
}

.msm-btn-edit:hover {
    background-color: #0056b3;
}

/* Form Wrapper */
.msm-form-wrapper {
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 6px;
    background-color: #fafafa;
}

.msm-form-title {
    margin-bottom: 20px;
    color: #444;
    font-size: 22px;
}

/* Form Layout */
.msm-form {
    width: 100%;
}

.msm-form-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.msm-form-group {
    flex: 1;
    min-width: 220px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.msm-form-group:last-child {
    margin-right: 0;
}

.msm-form-group label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: #333;
}

.msm-form-group input,
.msm-form-group textarea,
.msm-form-group select {
    width: 100%;
    padding: 8px 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 15px;
}

.msm-form-group textarea {
    resize: vertical;
    min-height: 60px;
}

/* Actions Buttons */
.msm-form-actions {
    margin-top: 20px;
}

.msm-btn-save {
    background-color: #28a745;
    color: white;
    padding: 10px 18px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 10px;
}

.msm-btn-save:hover {
    background-color: #218838;
}

.msm-btn-cancel {
    background-color: #6c757d;
    color: white;
    padding: 10px 18px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.msm-btn-cancel:hover {
    background-color: #5a6268;
}

/* Responsive */
@media (max-width: 600px) {
    .msm-form-row {
        flex-direction: column;
    }

    .msm-form-group {
        margin-right: 0;
    }
}


/* ============================headerrrrrr */

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', sans-serif;
}

.navbar {
    background: linear-gradient(to right, #0052cc, #007fff);
    padding: 15px 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.nav {
    display: flex;
    align-items: center;
    gap: 30px;
}

.nav-item {
    position: relative;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

.nav-item:hover,
.nav-item.active {
    background-color: rgba(255, 255, 255, 0.15);
}

.dropdown .nav-link {
    display: flex;
    align-items: center;
    gap: 5px;
}

.mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    color: #333;
    display: none;
    flex-wrap: wrap;
    width: auto;
    min-width: 600px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    margin-top: 10px;
}

.dropdown:hover .mega-menu {
    display: flex;
}

.mega-column {
    flex: 1;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 15px;
}

.mega-link {
    text-decoration: none;
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 0;
    transition: color 0.2s;
}

.mega-link:hover {
    color: #007fff;
}

.mega-link::before {
    content: '•';
    color: #007fff;
    font-size: 18px;
}

/* Responsive */
@media (max-width: 768px) {
    .nav {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .mega-menu {
        flex-direction: column;
        min-width: 100%;
    }
}