/*
    PRIMARY RED: #DD182E
    BROWN: #71242A;
    SLATE GRAY: #858B87;
    BLACK: #1A1D20;
    LIGHTGRAY: #E7E5E4;
*/
/*
    #a42029
    #0f1265
    #f5b717
    #fffeff
    #f24c36
    #0053db
    #fdf88d
    #010000
    #feaea5
    #00b6a3
    #cee9d7
    #656ea1
    #F9F2E2

*/


input, input:before, input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

body{
    background-color: #F9F2E2;
    font-family: "TT Firs Neue", sans-serif !important;
    color: #1b1b1b;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}
*, *::after, *::before {
    -webkit-font-smoothing: antialiased;
    outline: none;
    text-rendering: optimizeLegibility;
    zoom: 1;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'TT Firs Neue', sans-serif !important;
    font-weight: 700;
    color: #000000;
}

h1 { font-size: 44px; line-height: 64px; }
h2 { font-size: 40px; line-height: 60px; }
h3 { font-size: 26px; line-height: 40px; }
h4 { font-size: 20px; line-height: 34px; }
h5 { font-size: 18px; line-height: 30px; }

h2, .h2 {
    font-weight: 600;
}


@font-face {
    font-family: 'TT Firs Neue';
    src: url('../fonts/TTFirsNeue-Regular.woff2') format('woff2'),
        url('../fonts/TTFirsNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../fonts/TTFirsNeue-Black.woff2') format('woff2'),
        url('../fonts/TTFirsNeue-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../fonts/TTFirsNeue-Medium.woff2') format('woff2'),
        url('../fonts/TTFirsNeue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../fonts/TTFirsNeue-DemiBold.woff2') format('woff2'),
        url('../fonts/TTFirsNeue-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../fonts/TTFirsNeue-Bold.woff2') format('woff2'),
        url('../fonts/TTFirsNeue-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TT Firs Neue';
    src: url('../fonts/TTFirsNeue-ExtraBold.woff2') format('woff2'),
        url('../fonts/TTFirsNeue-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}




.positions-wrap {
    /*padding: 20px;*/
    margin-bottom: 30px;
}

.position-items{
    border: 1px solid #cccccc;
    border-radius: 5px;
    /*padding: 40px;*/
    padding: 30px 40px;

    -webkit-transition: all 300ms cubic-bezier(.694,0,.335,1);
    transition: all 300ms cubic-bezier(.694,0,.335,1);
    -o-transition: all 300ms cubic-bezier(.694,0,.335,1);
    transition: all 300ms cubic-bezier(.694,0,.335,1);
}

.position-items:hover{
    border: 1px solid #7e211a;
    box-shadow: 0 10px 45px rgba(0,0,0,0.1);
}
.position-items h4{
    margin-top: 0;
}
.position-items .btn_apply_now{
    margin-top: 8px;
}

.position-items-details {
    /*padding-bottom: 50px; */
    /*margin-bottom: 30px;*/
}
.position-before-date {
    margin-left: 20px;
}



.paragraph-block h3{
    /*text-transform: uppercase;*/
    /*letter-spacing: 1px;*/
/*  font-weight: 700;*/
    /*font-family: 'Muli', serif;*/
}
.small{
    font-size: 13px;
    line-height: 22px;
}
.small-md{
    font-size: 14px;
    line-height: 24px;
}
.crete-round{
    font-family: 'Muli', sans-serif;
    font-weight: 400;
}





::-moz-selection { background: #888; color: #ffffff; }
::selection { background: #888; color: #ffffff; }

@keyframes wave-front {
    100% {
        transform: translate(-50%, 0);
    }
}
@keyframes wave-back {
    100% {
        transform: translate(50%, 0);
    }
}
@keyframes wave-fill {
    100% {
        top: -120px;
    }
}

.loading-screen{
    display: block;
    position: fixed;
    z-index: 99999999999999999999999999;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#loading-screen{
    -webkit-transition: opacity 600ms cubic-bezier(.694,0,.335,1);
    transition: opacity 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: opacity 600ms cubic-bezier(.694,0,.335,1);
    transition: opacity 600ms cubic-bezier(.694,0,.335,1);
}
#loading-screen.page-loading{
    opacity: 1;
}
#loading-screen.page-loading-2{
    opacity: 0.9;
}
#loading-screen.page-loading-block{
    display: block;
}
#loading-screen.closing{
    opacity: 0;
}
#loading-screen.closed{
    display: none;
}
#loading-screen .loading-text{
    font-size: 11px;
    font-family: 'Muli', sans-serif;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #888;
    text-align: center;
    margin: 20px auto;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    z-index: 2;
}

.loading-screen .ls-box #ls-logo img.loading-image{
    width: 100%;
}

.loading-screen .ls-box {
    height: 118px;
    width: 306px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background: #1b1b1b; */
    /* border-radius: 100%; */
    overflow: hidden;
}
/* line 35, sass/loading.scss */
.loading-screen .ls-box #ls-logo {
    z-index: 10;
    position: relative;
}
/* line 39, sass/loading.scss */
.loading-screen .ls-box .percent {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
}
/* line 54, sass/loading.scss */
.loading-screen .ls-box .water {
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    transform: translate(0, 100%);
    background: #75cde5;
}
.loading-screen.page-loading .ls-box .water{
    animation: wave-fill 5s infinite linear;
}
/* line 63, sass/loading.scss */
.loading-screen .ls-box .water_wave {
    width: 200%;
    position: absolute;
    bottom: 98%;
    height: 25px;
}
/* line 67, sass/loading.scss */
.loading-screen .ls-box .water_wave_back {
    right: 0;
    fill: #91d9ec;
    
}
.loading-screen.page-loading .ls-box .water_wave_back{
    animation: wave-back 1.4s infinite linear;
}
/* line 72, sass/loading.scss */
.loading-screen .ls-box .water_wave_front {
    left: 0;
    fill: #75cde5;
    margin-bottom: -1px;
    
}
.loading-screen.page-loading .ls-box .water_wave_front{
    animation: wave-front .7s infinite linear;
}

em, i{
    /*font-family: 'Muliitalic', serif;*/
}
strong, .strong{
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 700;
}



.site--logo {
    position: relative;
    display: inline-block;
    margin: 25px 0;
    -webkit-transition: all 300ms cubic-bezier(.694,0,.335,1);
    transition: all 300ms cubic-bezier(.694,0,.335,1);
    -o-transition: all 300ms cubic-bezier(.694,0,.335,1);
    transition: all 300ms cubic-bezier(.694,0,.335,1);
}
.site-beta-wrap{
    position: absolute;
    bottom: -22px;
    right: 0;
    z-index: 1;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}
.site--logo a {
    display: inline-block;
}
.site--logo a img {
    max-width: 130px;
    width: 100%;
    margin: 0 auto;
}
.site--logo h1 {
    margin-top: 12px;
}
.site--logo svg {
    width: 200px;
}
.site--logo svg {
    width: 200px;
}

.hero-grid {
    position: relative;
}
.hero-header .form-inline .form-group {
    margin-right: 20px;
}
.hero-header .image-wrap {
    background: #2b2b2b;
    position: relative;
    z-index: 1;
    overflow: hidden;

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;

}
.hero-header .image {
    opacity: 0.4;
    background-position: center center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    /*background-size: 100%;*/
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    /*box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);*/
    padding-top: 50%;
    /*padding-top: 41%;*/
    position: relative;
   
}
.hero-wrap-body{
    padding: 40px;
}

.lazy{
    display: none;
}


@media( max-width: 1560px ){

}



/* *********************************** */
/* HEADER */
/* *********************************** */
.header-1{
    font-size: 46px;
    line-height: 56px;
    margin-bottom: 30px;
}
.header-2{
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 15px;
}
.header-3{
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 40px;
}
.header-4{
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 2px;
    margin-bottom: 25px;
    text-transform: uppercase;  
}
.header-5{
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 30px;
}

.header-2-subtitle{
    font-size: 18px;
    line-height: 30px;
}

.eboto-header-1{
    color: #f5b81c;
    font-size: 64px;
    line-height: 76px;
    text-shadow: rgb(37, 36, 96) 7px 0px 0px, rgb(37, 36, 96) 6.92869px 0.996602px 0px, rgb(37, 36, 96) 6.71622px 1.9729px 0px, rgb(37, 36, 96) 6.36692px 2.909px 0px, rgb(37, 36, 96) 5.8879px 3.78584px 0px, rgb(37, 36, 96) 5.28893px 4.58555px 0px, rgb(37, 36, 96) 4.5822px 5.29183px 0px, rgb(37, 36, 96) 3.78212px 5.8903px 0px, rgb(37, 36, 96) 2.90498px 6.36876px 0px, rgb(37, 36, 96) 1.96865px 6.71747px 0px, rgb(37, 36, 96) 0.992221px 6.92932px 0px, rgb(37, 36, 96) -0.00442571px 7px 0px, rgb(37, 36, 96) -1.00098px 6.92806px 0px, rgb(37, 36, 96) -1.97715px 6.71498px 0px, rgb(37, 36, 96) -2.91303px 6.36508px 0px, rgb(37, 36, 96) -3.78956px 5.88551px 0px, rgb(37, 36, 96) -4.58889px 5.28603px 0px, rgb(37, 36, 96) -5.29472px 4.57885px 0px, rgb(37, 36, 96) -5.89269px 3.77839px 0px, rgb(37, 36, 96) -6.3706px 2.90095px 0px, rgb(37, 36, 96) -6.71871px 1.96441px 0px, rgb(37, 36, 96) -6.92995px 0.98784px 0px, rgb(37, 36, 96) -6.99999px -0.00885142px 0px, rgb(37, 36, 96) -6.92743px -1.00536px 0px, rgb(37, 36, 96) -6.71372px -1.98139px 0px, rgb(37, 36, 96) -6.36324px -2.91705px 0px, rgb(37, 36, 96) -5.88311px -3.79328px 0px, rgb(37, 36, 96) -5.28313px -4.59223px 0px, rgb(37, 36, 96) -4.57551px -5.29762px 0px, rgb(37, 36, 96) -3.77466px -5.89507px 0px, rgb(37, 36, 96) -2.89692px -6.37243px 0px, rgb(37, 36, 96) -1.96016px -6.71995px 0px, rgb(37, 36, 96) -0.983458px -6.93057px 0px, rgb(37, 36, 96) 0.0132771px -6.99999px 0px, rgb(37, 36, 96) 1.00974px -6.92679px 0px, rgb(37, 36, 96) 1.98564px -6.71247px 0px, rgb(37, 36, 96) 2.92107px -6.36139px 0px, rgb(37, 36, 96) 3.797px -5.88071px 0px, rgb(37, 36, 96) 4.59557px -5.28022px 0px, rgb(37, 36, 96) 5.30051px -4.57215px 0px, rgb(37, 36, 96) 5.89746px -3.77094px 0px, rgb(37, 36, 96) 6.37426px -2.89289px 0px, rgb(37, 36, 96) 6.72119px -1.95591px 0px, rgb(37, 36, 96) 6.93119px -0.979076px 0px, 
    rgb(237, 85, 51) 9px 0px 0px, rgb(237, 85, 51) 8.9445px 0.997944px 0px, rgb(237, 85, 51) 8.77869px 1.98358px 0px, rgb(237, 85, 51) 8.50461px 2.94475px 0px, rgb(237, 85, 51) 8.12565px 3.86961px 0px, rgb(237, 85, 51) 7.64647px 4.74674px 0px, rgb(237, 85, 51) 7.07299px 5.56533px 0px, rgb(237, 85, 51) 6.41227px 6.31528px 0px, rgb(237, 85, 51) 5.67248px 6.98735px 0px, rgb(237, 85, 51) 4.86272px 7.57324px 0px, rgb(237, 85, 51) 3.99299px 8.06573px 0px, rgb(237, 85, 51) 3.07402px 8.45875px 0px, rgb(237, 85, 51) 2.11714px 8.74744px 0px, rgb(237, 85, 51) 1.13414px 8.92825px 0px, rgb(237, 85, 51) 0.137162px 8.99895px 0px, rgb(237, 85, 51) -0.861512px 8.95867px 0px, rgb(237, 85, 51) -1.84956px 8.8079px 0px, rgb(237, 85, 51) -2.8148px 8.5485px 0px, rgb(237, 85, 51) -3.74532px 8.18368px 0px, rgb(237, 85, 51) -4.62965px 7.71792px 0px, rgb(237, 85, 51) -5.45689px 7.15698px 0px, rgb(237, 85, 51) -6.21682px 6.50777px 0px, rgb(237, 85, 51) -6.90009px 5.77831px 0px, rgb(237, 85, 51) -7.49825px 4.97757px 0px, rgb(237, 85, 51) -8.00394px 4.11545px 0px, rgb(237, 85, 51) -8.41092px 3.20258px 0px, rgb(237, 85, 51) -8.71416px 2.2502px 0px, rgb(237, 85, 51) -8.90993px 1.27008px 0px, rgb(237, 85, 51) -8.99582px 0.274291px 0px, rgb(237, 85, 51) -8.97076px -0.72488px 0px, rgb(237, 85, 51) -8.83507px -1.71511px 0px, rgb(237, 85, 51) -8.59041px -2.68419px 0px, rgb(237, 85, 51) -8.23981px -3.62017px 0px, rgb(237, 85, 51) -7.78758px -4.51149px 0px, rgb(237, 85, 51) -7.23931px -5.34718px 0px, rgb(237, 85, 51) -6.60176px -6.11692px 0px, rgb(237, 85, 51) -5.88279px -6.81122px 0px, rgb(237, 85, 51) -5.09127px -7.42152px 0px, rgb(237, 85, 51) -4.23696px -7.94029px 0px, rgb(237, 85, 51) -3.33039px -8.36113px 0px, rgb(237, 85, 51) -2.38275px -8.67885px 0px, rgb(237, 85, 51) -1.40572px -8.88954px 0px, rgb(237, 85, 51) -0.411357px -8.99059px 0px, rgb(237, 85, 51) 0.58808px -8.98077px 0px, rgb(237, 85, 51) 1.58026px -8.86018px 0px, rgb(237, 85, 51) 2.55296px -8.63032px 0px, rgb(237, 85, 51) 3.49417px -8.29402px 0px, rgb(237, 85, 51) 4.39229px -7.85543px 0px, rgb(237, 85, 51) 5.23623px -7.31996px 0px, rgb(237, 85, 51) 6.0156px -6.69422px 0px, rgb(237, 85, 51) 6.72078px -5.98591px 0px, rgb(237, 85, 51) 7.34307px -5.20378px 0px, rgb(237, 85, 51) 7.87479px -4.35748px 0px, rgb(237, 85, 51) 8.3094px -3.45743px 0px, rgb(237, 85, 51) 8.64153px -2.51474px 0px, rgb(237, 85, 51) 8.86709px -1.54104px 0px, rgb(237, 85, 51) 8.98328px -0.548328px 0px, -8px 3px 0px #ffffff, -7px 11px 0px #ed5533;


    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
}

.text-dark-orange{
    color: #8b1a10;
}

.section-header-2{
    font-size: 52px;
    line-height: 54px;
    margin-bottom: 30px;
}

.section-header-3{
    background: #f7b81c;
    padding: 14px 15px;
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    border-bottom: 2px solid #000;
}




.signup-with-fb{
    background-color: #274a95;
    border-color: transparent;
    color: #ffffff;
}
.signup-with-fb:hover, .signup-with-fb:focus{
    background-color: #274a95;
    color: #ffffff;
}



.pop-up-modal{
    /*padding: 10px;*/
}
.pop-up-modal .modal-content{
    border-radius: 0;
    box-shadow: 0 0 25px rgba(0,0,0,0.1);
}
.pop-up-modal .modal-body{
    border-radius: 0;
    padding: 20px;
}
.pop-up-modal .bootbox-close-button{
    position: absolute;
    right: -14px;
    top: -6px;
    width: 40px;
    height: 40px;
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    box-shadow: 0 0 25px rgba(0,0,0,0.1);
    font-size: 24px;
}


/* *********************************** */
/* BACKGROUND */
/* *********************************** */
.bg-light-gray{
    background: #F8F8F8;
}
.bg-gray{
    background: #E9E9E9;
}
.bg-dark{
    background: #333333;
    color: #fff;
}
.bg-navy-blue{
    background: #282870;
}
.school-bg-primary{
    background: #293E94;
}
.school-bg-primary-2{
    background: #203072;
}
.bg-light-pink{
    background: #FAF3F9;
}

.yellow-block {
    display: block;
    /*width: 100%;*/
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;  
    /*font-size: 14px;*/
    padding: 8px 16px;
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;  
}

/* *********************************** */
/* NAVIGATION */
/* *********************************** */


.navbar-nav > li > .dropdown-menu {
    margin-top: -25px;
    padding: 15px 0;
    border-radius: 4px;
    margin-left: -17px;
    text-align: center;
    min-width: 140px;
}

#manual-shopping-float{
    margin-top: 70px;
    padding: 15px 0 !important;
    text-transform: uppercase;
    margin-bottom: 0;
    background: #1b1b1b;
    color: #ffffff;
    font-size: 14px;
}
#manual-shopping-float .close{
    color: #ffffff;
    opacity: 1;
    text-shadow: none;
    margin-right: 10px;
}
.close-manual-order{
    float: right;
    margin-right: 10px;
    color: #ffffff;
}

#main-navigation{
    /*position: absolute;*/
    background: #f9f2e2;
    background: #fff;
    width: 100%;
    height: 84px;
    /*padding: 20px 0;*/

    margin-bottom: 0;
    -webkit-transition: all 300ms cubic-bezier(.694,0,.335,1);
    transition: all 300ms cubic-bezier(.694,0,.335,1);
    -o-transition: all 300ms cubic-bezier(.694,0,.335,1);
    transition: all 300ms cubic-bezier(.694,0,.335,1);
    border-bottom: 0.5px solid rgba(219,164,53,0.8);
    box-shadow: 0 0 10px rgba(0,0,0,.08);
}
#main-navigation .container-fluid {
    width: 100%;
}

.margin-fixed-top{
    margin-top: 84px;
}

.container-fluid {
    max-width: 1600px;
    width: 90%;
}
.container {
    max-width: 1200px;
    width: 80%;
}
.nav-fixed #main-navigation:hover{
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.08);
    box-shadow: 0 0 10px rgba(0,0,0,.08);
}

.nav-fixed #main-navigation{
    /*-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);*/

    background: #fff;
    /*padding-top: 5px;*/
}
.nav-fixed #main-navigation li a {
    /*color: #111;*/
}
.nav-fixed #main-navigation li.active a {
    color: #97B667;
}
.navbar-right{
    margin-right: 0;
}

#centered-logo{
    position: fixed;
    top: 0;
    width: 140px;
    /*height: 14px;*/
    z-index: 10000;
    left: 50%;
    margin-left: -70px;
    filter: brightness(0) invert(1);
}
.nav-fixed #centered-logo{
    filter: brightness(1) invert(0);
}
#centered-logo a{
    display: block;
    width: 140px;
    padding: 22px 0;
}
.navbar-inverse .navbar-toggle{
    /*border: 0;*/
}
.navbar-toggle{
    margin-top: 20px;
    padding: 0;
}
.navbar-toggle .icon-bar{
    background-color: #2b2b2b;
    width: 30px;
    height: 3px;
}
/*.landing-navbar .navbar-toggle .icon-bar{
    background-color: #ffffff;
}

.nav-fixed.landing-navbar #main-navigation{
    padding-top: 0;
}*/

.user-dropdown{
  margin-right: 17px;
  margin-top: 17px;
}
.user-dropdown .dropdown-menu{
  margin-top: 8px !important;
  margin-right: -2px !important;
  border: 0;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  border-radius: 2px;
  min-width: 220px;
  padding: 10px 15px;
}

.user-dropdown .dropdown-menu > li > a{
  padding: 13px 20px;
  border-bottom: 1px solid #f1f1f1;
  /*font-family: 'Proxima N W01 At Smbd', Helvetica, Arial, sans-serif;*/
}
.user-dropdown .dropdown-menu > li:last-child > a{
  border-bottom: 0;
}

.dropdown-image{
  width: 34px !important;
  height: 34px !important;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 0 0 2px #ddd;
  margin-right: 0 !important;
  margin-top: 2px !important;
  padding: 0 !important;
  margin-left: 15px;
}
.dropdown-image:before{
  display: none;
}
.dropdown-image img{
  width: 34px;
}

.dropdown-arrow ul.dropdown-menu:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 10;
}
.dropdown-arrow ul.dropdown-menu:after {
    content: "";
    border-bottom: 12px solid #f1f1f1;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    right: 8px;
    z-index: 9;
}




#right-main-nav-items{
    margin-right: 0;
    margin-top: 16px;
}

#right-main-nav-items .dropdown-menu{
    margin-top: 3px;
    border-radius: 5px;
}

#main-nav-items{
    margin-top: 26px;
}

.main-nav-items .list-inline{
    /*text-align: center;*/
    /*float: none;*/
    margin: 0;
    /*display: flex;*/
}
.main-nav-items .list-inline > li{
    position: relative;
    float: left;
    /*display: inline-block;*/
}
.main-nav-items .list-inline > li.menu-line {
    /*float: right;*/
}
.li-nav-div{
    margin-left: 10px;
    /*margin-top: 5px;*/
    margin-right: 10px;
    height: 24px;
    border-left: 1px solid #888;
}
.main-nav-items .list-inline > li > a{
    /*font-family: 'Muli', "Helvetica Neue", Helvetica, sans-serif;
    position: relative;
    letter-spacing: 1px;*/
    font-size: 16px;
    font-weight: 500;
    color: #111;
    padding: 30px 6px;
    /*margin-right: 20px;*/
    /*margin-left: 20px;*/
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    /*background-size: 100%;
    background: transparent;*/
}
.main-nav-items .list-inline > li:last-child > a{
    margin-right: 0;
}
.main-nav-items .list-inline > li > a:hover, 
.main-nav-items .list-inline > li > a:focus, 
.main-nav-items .list-inline > li > a:active {
    color: #293E94;
}
/*.main-nav-items .list-inline > li > a:hover, .main-nav-items .list-inline > li > a:focus{
    background: none;
}*/
#main-nav-items .menu-items > ul > li {
    padding: 0 10px;
}
#main-nav-items .menu-items > ul > li > a {
    color: #111;
}
#main-nav-items .menu-items > ul > li > a:hover {
    color: #ed5233;
}
#main-nav-items .list-inline .nav-icon img {
    max-width: 40px;
    border-radius: 100%;
    margin-left: 10px;
    border: 1px solid #000;
}
#main-nav-items .list-inline .nav-icon {
    position: relative;
    top: -9px;
}
#main-nav-items .dash-li-menu{
    top: -8px !important;
}

#main-nav-items .list-inline .nav-icon > a {
    padding: 0 !important;
}

#main-nav-items .dropdown-toggle::after{
    display: none;
}

#main-nav-items .list-inline .nav-icon > a.btn{
    padding-left: 15px !important;
    margin-left: 15px;
}

#main-nav-items .btn:hover{
    background: #5f9ea0;
}

.contact-icons > li{
    margin-right: 10px;
}
.contact-icons > li > a svg{
    width: 18px;
    height: 18px;
}
.contact-icons > li > a svg path{
    fill: #eb7f69;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.contact-icons > li > a:hover svg path{
    fill: #000;
}

.main-nav-items .btn{
    margin-right: 0 !important;
}
.nav-fixed .main-nav-items .list-inline > li > a{
    color: #333;
}
/*.main-nav-items .list-inline > li > a:after{
    content: '';
    height: 1px;
    width: 100%;
    background: #262626;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}*/
#right-main-nav-items .navbar-nav > li > .btn-primary {
    padding: 10px 30px;
    color: #fff;
    margin-top: 5px;
}
.main-nav-items .list-inline > li.active > a:after{
    display: block;
}

.shopping-icon{
    width: 20px;
    display: inline-block;
}
.fb-icon{
    width: 18px;
    display: inline-block;
}

.main-nav-items .navbar-icons > li > a{
    /*padding: 18px 0px 12px;*/
}
.main-nav-items .navbar-icons > li > a svg{
    width: 18px;
    height: 18px;
}
.main-nav-items .navbar-icons > li > a svg path{
    fill: #000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main-nav-items .navbar-icons > li > a:hover svg path{
    fill: #eb7f69;
}

.nav-icon{
    font-size: 22px;
}



ul.school-lists li::marker{
    color: #293E94;
}


#bag-count{
    /*background: #111;*/
    padding: 0 2px;
    /*border-radius: 8px;*/
    /*font-size: 10px;*/
    /*box-shadow: 0 0 8px rgba(0,0,0,0.1);*/
    /*text-align: center;*/
    /*position: absolute;*/
    /*top: 12px;*/
    /*right: 8px;*/
    /*color: #ffffff;*/
    min-width: 20px;
    letter-spacing: 0;
    line-height: 18px;
    /*margin-left: ;*/
}
.main-nav-items .list-inline > li.active > a, .main-nav-items .list-inline > li.active > a:hover{
    color: #333;
}


.nav-fixed .main-nav-items .list-inline > li.active > a, .nav-fixed .main-nav-items .list-inline > li.active > a:hover{
    color: #2b2b2b;
}


#main-navigation .social-nav-icons > li > a{
    padding: 20px 10px;
}
#main-navigation .social-nav-icons > li:last-child > a{
    padding-right: 0;
}


.navbar-icon{
    font-size: 24px;
    position: relative;
    top: -3px;
}


.upload-box{
    border-radius: 4px;
    background: #ffffff;
    /*border: 1px solid #bdc3c7;*/
    /*padding: 30px;*/
    min-height: 150px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
    display: block;
    position: relative;
}
.upload-box .upload-box-control{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 64px;
    margin-top: -32px;
    padding: 0 15px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.has-image .upload-box{
    background: #ffffff;
    padding: 30px;
    /*box-shadow: none;*/
}
.has-image{
    /*padding: 5px 30px;*/
}
.has-image a{
    color: #ffffff;
}
.has-image .upload-box .upload-box-control{
    opacity: 0;
    background: rgba(0,0,0,0.5);
    color: #ffffff;
}
.has-image:hover .upload-box .upload-box-control{
    opacity: 1;
}



#mobile-search-wrap {
    position: fixed;
    top: 17px;
    right: 65px;
    z-index: 1040;
    width: 20px;
    text-align: center;
}
#mobile-search-wrap a{
    color: #ffffff;
}
.nav-fixed #mobile-search-wrap a{
    color: #b48f4a;
}




#mobile-nav-wrapper{
    /*position: fixed;*/
    position: absolute;
    z-index: 1010;
    width: 100%;
    min-width: 400px;
    /*max-width: 400px;*/
    min-height: 350px;
    /*height: 100%;*/
    top: -26px;
    right: 0;
    /*right: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*opacity: 0;*/
    /*visibility: hidden;*/
    line-height: 1em;
    text-align: left;
    overflow: auto;
    pointer-events: none;

    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);

    /*background-color: rgba(0,0,0,.97);*/
    background: #ed5233;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 400ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 400ms cubic-bezier(.694,0,.335,1);
    transition: transform 400ms cubic-bezier(.694,0,.335,1);
    transition: transform 400ms cubic-bezier(.694,0,.335,1),-webkit-transform 400ms cubic-bezier(.694,0,.335,1);
}


#mobile-nav-wrapper .dropdown-menu-wrap {
  list-style-type: none;
}
#mobile-nav-wrapper .dropdown-menu-wrap a {
    font-size: 20px;
    line-height: 28px;
    padding: 0;
}
#mobile-nav-wrapper .dropdown-menu-wrap li {
    position: relative;
    padding-left: 14px;
}
#mobile-nav-wrapper .dropdown-menu-wrap li:before {
    border: 0;
    height: 2px;
    width: 8px;
    background: #fff;
    top: 11px;
    border-radius: 3px;
    content: "";
    left: 0;
    position: absolute;
}

.mobile-nav-body{
    padding: 30px;
}
.mobile-nav-list{
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-nav-list > li{
    display: block;
}
.mobile-nav-list > li a{
    display: block;
    font-size: 24px;
    line-height: 38px;
    padding: 10px 15px;
    margin-bottom: 5px;
    color: #ffffff;
    text-decoration: none;
}
/*.mobile-nav-list > li > a:hover{
    opacity: 0.6;
}*/


#mobile-nav-wrapper.open-nav{
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);

    -webkit-transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    transition: -webkit-transform 600ms cubic-bezier(.694,0,.335,1);
    -o-transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1);
    transition: transform 600ms cubic-bezier(.694,0,.335,1),-webkit-transform 600ms cubic-bezier(.694,0,.335,1);

    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;

}
#mobile-nav-wrapper .dropdown-menu.show {
    position: relative !important;
    transform: none !important;
    background: transparent;
    box-shadow: none;
    padding: 0;
    float: none;
    padding: 0 18px;
}
#mobile-nav-wrapper .dropdown-menu.show a.nav-link {
    font-size: 18px;
    line-height: 26px;
    color: #fff !important;
    margin-bottom: 0;
    padding: 0 15px 10px;
}
#mobile-logo{
    text-align: center;
    margin: 20px auto 30px;
    display: block;
}
#mobile-nav-wrapper .navbar-nav{
    float: none !important;
    margin: 0 !important;
}
#mobile-nav-wrapper .navbar-nav > li{
    width: 100%;
    float: none;
    display: inline-block;
    text-align: center;
}
#mobile-nav-wrapper .navbar-nav > li > a{
    float: none;
    width: 100%;
    display: inline-block;
    margin: 0;
    font-size: 15px;
    padding: 16px 30px;
    /*text-align: center;*/
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #262626;
    /*opacity: 0.8;*/

}

#mobile-nav-wrapper .navbar-icon{
    top: 0px;
}

.gradient-green{
    background: #AAFFA9;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #11FFBD, #AAFFA9);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #11FFBD, #AAFFA9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#mobile-nav-wrapper .navbar-nav > li > a:hover, #mobile-nav-wrapper .navbar-nav > li > a:focus, #mobile-nav-wrapper .navbar-nav > li.active > a{
    background: transparent;
    opacity: 1;
}

#mobile-nav-wrapper .navbar-icons {
    /*text-align: center;*/
    margin-top: 20px !important;
    border-top: 1px solid #eee;
    padding-top: 20px;
}
#mobile-nav-wrapper .navbar-icons > li{
    /*display: inline-block;*/
    /*width: auto;*/
}
#mobile-nav-wrapper .navbar-icons > li > a{
    /*display: inline-block;*/
    /*width: auto;*/
    padding: 15px;
}
#mobile-nav-wrapper .navbar-icons > li > a.dropdown-image{
    padding: 0 !important;
    top: 5px;
    margin-left: 8px;
}


#mobile-nav-trigger{
    position: absolute;
    z-index: 1090;
    width: 50px;
    right: -2px;
    top: 5px;
    /*position: fixed;
    top: 18px;
    right: 13px;
    z-index: 1040;*/
}

#nav-trigger {
    position: relative;
    /*margin-top: 10px;*/
    width: 50px;
    height: 20px;
    padding: 0;
    -moz-transition:0 .4s;
    -o-transition:0 .4s;
    -webkit-transition:0 .4s;
    transition:transform .4s;
    opacity:1!important;
    /*position:relative;*/
    /*z-index:998;*/

    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
#nav-trigger:before{
    border-radius: 2px;
    content: '';
    /*background: #222;*/
    width: 40px;
    height: 34px;
    position: absolute;
    left: 8px;
    top: -7px;

    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#nav-trigger:hover{
    cursor: pointer;
}

#nav-trigger span {
    -moz-transition:.4s;
    -o-transition:.4s;
    -webkit-transition:.4s;
    transition:.4s;
    background-color:#000;
    /*box-shadow: 0 0 8px rgba(110,182,59,0.3);*/
    display:block;
    height: 2px;
    border-radius: 2px;
    left:14px;
    /*margin-top:-1px;*/
    position:absolute;
    top:50%;
    width: 28px;
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
#nav-trigger:hover span{
    background-color: #eb7f69;
}

.nav-fixed #nav-trigger span, .nav-open #nav-trigger span{
    background-color: #000;
}
/*.landing-navbar #nav-trigger span{
    background-color: #ffffff;
}*/

#nav-trigger span:first-child {
    -moz-transform:translate(0,-7px);
    -ms-transform:translate(0,-7px);
    -webkit-transform:translate(0,-7px);
    transform:translate(0,-7px);
}
#nav-trigger span:nth-child(2){
    width: 20px;
    -moz-transform:translate(8px,0);
    -ms-transform:translate(8px,0);
    -webkit-transform:translate(8px,0);
    transform:translate(8px,0);
}

#nav-trigger span:last-child {
    -moz-transform:translate(0,7px);
    -ms-transform:translate(0,7px);
    -webkit-transform:translate(0,7px);
    transform:translate(0,7px);
}

body.nav-open #nav-trigger {
    -moz-transform: rotate(90deg) translate(-3px, 0);
    -ms-transform: rotate(90deg) translate(-3px, 0);
    -webkit-transform: rotate(90deg) translate(-3px, 0);
    transform: rotate(90deg) translate(-3px, 0);
}

body.nav-open #nav-trigger span {
    background-color:#FFF;
}

body.nav-open #nav-trigger span:first-child {
    -moz-transform:rotate(45deg) translate(0,0);
    -ms-transform:rotate(45deg) translate(0,0);
    -webkit-transform:rotate(45deg) translate(0,0);
    transform:rotate(45deg) translate(0,0);
}

body.nav-open #nav-trigger span:nth-child(2) {
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
}

body.nav-open #nav-trigger span:last-child {
    -moz-transform:rotate(-45deg) translate(0,0);
    -ms-transform:rotate(-45deg) translate(0,0);
    -webkit-transform:rotate(-45deg) translate(0,0);
    transform:rotate(-45deg) translate(0,0);
}


.nav-steps{

}
.nav-steps > li{
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}
.nav-steps > li:before{
    content: '';
    height: 12px;
    width: 12px;
    border-radius: 20px;
    background-color: #A2A2A2;
    position: absolute;
    top: -33px;
    left: 50%;
    margin-left: -6px;
}
.nav-steps > li.active:before{
    background-color: #293E94;
}
.nav-steps > li > a{
    position: relative;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    font-family: 'TT Firs Neue', sans-serif !important;
    font-weight: 700;
    color: #A2A2A2;
}
.nav-steps > li.active > a{
    color: #293E94;
}
.nav-steps > li > a:after, .nav-steps > li > a:before{
    content: '';
    height: 1px;
    width: 120%;
    position: absolute;
    top: -29px;
    background-color: #A2A2A2;
    left: 50%;
}
.nav-steps > li.active > a:after, .nav-steps > li.active > a:before{
    background-color: #293E94;
}
.nav-steps > li:last-child > a:after, .nav-steps > li:first-child > a:before{
    display: none;
}
.nav-steps > li > a:before{
    left: -65%;
    /*right: 0;*/
    /*background-color: #111;*/
}



.enrollment-section-wrap{

}
.panel-header-01{
    background: #FDF2DE;
    /*padding: 30px 40px 20px;*/
    border-bottom: 6px solid #ed5233;
    border-radius: 10px 10px 0 0;
}




    
/*============LANDING PAGE============*/

#landing-section, #services-page, #products-page, #about-page, #faqs-page, #contact-page, #apply-page {
    /*margin-top: 82px;*/
    position: relative;
}

#landing-section {
    padding: 150px 0;
    min-height: 600px;
}
#platform-overview{
    overflow: hidden;
}

#landing-content-container{
    position: absolute;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 10;
    /*top: 50%;*/
    /*margin-top: -80px;*/
    /*padding-top: 80px;*/
    /*background: #888;*/
}
#landing-page-banner{
    position: relative;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    /*overflow: hidden;*/
    text-align: center;
    margin-bottom: 450px;
    margin-bottom: 375px;
    height: 800px;
    min-height: 950px;
}
.hero-title-1{
    font-size: 42px;
    line-height: 50px;
    margin-bottom: 20px;
}

.hero-gd-color{
    /*background: linear-gradient(105deg, #1753da -9.4%, #ed5234 51.57%, #f7b71c 84.07%, #ff7061 90.59%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;*/
}
.hero-sub-title-1{
    font-size: 22px;
    line-height: 32px;
}

.landing-bg-element{
    position: absolute;
    width: 100%;
    z-index: -10;
}
.landing-hero-text{
    background: #F9F2E2;
    position: relative;
    z-index: 2;
}
.landing-banner-bg{
    position: absolute;
    z-index: 2;
    width: 100%;
    top: -38px;
    left: 0;
    right: 0;
    max-width: 1600px;
    margin: 0 auto;
}
.landing-banner-bg svg{
    width: 100%;
    height: 100%;
}
.landing-banner-bg-bottom{
    /*background: #333;*/
    position: absolute;
    z-index: 5;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -400px;
}
#bottom-menu-item-graphics{
    bottom: -130px;
    z-index: 4;
}
#comelec-elements{
    bottom: -280px;
    overflow: hidden;
}



.landing-banner-bg-bottom.clickable-bottom svg{
    height: 100%;
}
.landing-banner-bg-bottom svg{
    width: 100%;
}

#landing-bg-overlay{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: #000;
    /*display: none;*/
    opacity: 0.5;
    z-index: -10;
    z-index: 10;
}

#halalan-menu-group{
    z-index: 12;
}

#top-menu-item-graphics{
    top: 0;
}

.know-your-kandidato{
    top: 20px;
    left: 70px;
    width: 400px;
    z-index: 1;
}
.g-na{
    top: 20px;
    left: 50%;
    margin-left: -20%;
    width: 400px;
    z-index: 1;
}

.bg-shape-2{
    top: -400px;
    left: 50%;
    margin-left: -20%;
    width: 50%;
}
.bg-shape-3{
    top: -70px;
    right: -170px;
    margin-left: -20%;
    width: 30%;
}


.search-section{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    background: #09B5A4;
    border-radius: 10px;
    position: relative;
}
.search-section:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #ffffff;
    border: 3px solid #000;
    border-radius: 10px;

    -moz-transform: translateX(8px) translateY(8px);
    -webkit-transform: translateX(8px) translateY(8px);
    -o-transform: translateX(8px) translateY(8px);
    -ms-transform: translateX(8px) translateY(8px);
    transform: translateX(8px) translateY(8px);
}
.search-icon-wrap{
    position: absolute;
    right: 0;
    top: 0;
}
.search-icon-wrap svg{
    width: 30px;
    height: 30px;
}
.search-icon-wrap{
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    width: 60px;
    z-index: 10;
}
#candidate_search, .candidate-search-input{
    font-size: 18px !important;
    border: 3px solid #0f1265 !important;
    border-radius: 10px;
    height: 60px !important;
    padding: 10px 20px;
}
.banner-content p {
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
}





#banner-calendar{
    position: absolute;
    top: 20px;
    right: 220px;
    z-index: 5;
    width: 230px;

    /*margin-top: 103px;*/
    /*margin-top: 84px;*/
    /*margin-left: -22px;*/

    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

    -moz-transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-11px) translateY(114px);
    -webkit-transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-11px) translateY(114px);
    -o-transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-11px) translateY(114px);
    -ms-transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-11px) translateY(114px);
    transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-11px) translateY(114px);
}
#banner-calendar a{
    color: #000;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);

     
}
#banner-calendar:hover{
/*-moz-transform: scale(.9);
-webkit-transform: scale(.9);
-o-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);*/
}

/*@media( max-width: 1545px ){
    #banner-calendar{
        -moz-transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-17px) translateY(110px);
        -webkit-transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-17px) translateY(110px);
        -o-transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-17px) translateY(110px);
        -ms-transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-17px) translateY(110px);
        transform: scale(.7) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-17px) translateY(110px);
    }
}*/

@media (max-width: 1495px){
    #banner-calendar{
        -moz-transform: scale(.64) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-24px) translateY(119px);
        -webkit-transform: scale(.64) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-24px) translateY(119px);
        -o-transform: scale(.64) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-24px) translateY(119px);
        -ms-transform: scale(.64) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-24px) translateY(119px);
        transform: scale(.64) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-24px) translateY(119px);
    }
}
@media (max-width: 1428px){
    #banner-calendar{
        -moz-transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-65px) translateY(135px);
        -webkit-transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-65px) translateY(135px);
        -o-transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-65px) translateY(135px);
        -ms-transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-65px) translateY(135px);
        transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-65px) translateY(135px);
    }
}
@media (max-width: 1260px){
    #banner-calendar{
        -moz-transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-89px) translateY(124px);
        -webkit-transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-89px) translateY(124px);
        -o-transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-89px) translateY(124px);
        -ms-transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-89px) translateY(124px);
        transform: scale(.50) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-89px) translateY(124px);
    }

    #comelec-elements svg{
        width: 150%;
    }


    /* ISSUE TRACKER */
    .philmap {
        transform: translate(-80px,20px) scale(1.1) !important;
    }
}

@media (max-width: 1000px){
    #banner-calendar{
        -moz-transform: scale(.35) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-174px) translateY(128px);
        -webkit-transform: scale(.35) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-174px) translateY(128px);
        -o-transform: scale(.35) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-174px) translateY(128px);
        -ms-transform: scale(.35) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-174px) translateY(128px);
        transform: scale(.35) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-174px) translateY(128px);
    }

    #comelec-elements svg {
        width: 150%;
        position: relative;
        left: -100px;
    }   
    
}


@media (max-width: 753px){
    #banner-calendar{
        -moz-transform: scale(.32) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-221px) translateY(125px);
        -webkit-transform: scale(.32) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-221px) translateY(125px);
        -o-transform: scale(.32) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-221px) translateY(125px);
        -ms-transform: scale(.32) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-221px) translateY(125px);
        transform: scale(.32) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-221px) translateY(125px);
    }
}

@media (max-width: 660px){
    #banner-calendar{
        -moz-transform: scale(.28) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-299px) translateY(122px);
        -webkit-transform: scale(.28) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-299px) translateY(122px);
        -o-transform: scale(.28) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-299px) translateY(122px);
        -ms-transform: scale(.28) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-299px) translateY(122px);
        transform: scale(.28) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-299px) translateY(122px);
    }

    .hot-spot-item a{
        -moz-transform: scale(.8) translate(-9px, 0px);
        -webkit-transform: scale(.8) translate(-9px, 0px);
        -o-transform: scale(.8) translate(-9px, 0px);
        -ms-transform: scale(.8) translate(-9px, 0px);
        transform: scale(.8) translate(-9px, 0px);
    }
}
@media (max-width: 590px){
    #banner-calendar{
        -moz-transform: scale(.26) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-323px) translateY(134px);
        -webkit-transform: scale(.26) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-323px) translateY(134px);
        -o-transform: scale(.26) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-323px) translateY(134px);
        -ms-transform: scale(.26) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-323px) translateY(134px);
        transform: scale(.26) rotate(21deg) skewX(10deg) skewY(15deg) translateX(-323px) translateY(134px);
    }
}


.bg-border {
    border: 4px solid #000;
    border-radius: 24px;
    padding: 30px 8px 19px;
    padding: 11px 8px 5px;
    position: relative;
    /*z-index: 2;*/
    background: #fff;
    background: #cfe8da;
    background: #0cb4a4;
}
.bg-border:after {
    content: '';
    position: absolute;
    z-index: -1;
    border: 4px solid #000;
    border-radius: 24px;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
    top: -4px;
    left: 13px;
    background: #f7b91b;
}

.tulog-na-str{
    margin-top: 30px;
    font-size: 26px;
    font-weight: bold;
}

.calendar-card-item{
    width: 60px;
    height: 60px;
    /*float: left;*/
    margin-right: 15px;
    display: inline-block;
}


.calendar-wrap{
    position: relative;
}
.calendar-wrap span {
    font-size: 54px;
    line-height: 60px;
    font-weight: bold;
}
.curve-line svg{
    width: 100%;
    /*margin-top: 10px;*/
}
.curve-line-short{
    max-width: 208px;
}
.svg-wrap svg{
    width: 100%;
}

.calendar-clip-wrap{
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: -60px;
}
.calendar-clip-item{
    display: none;
    width: 20px;
    margin: 0 auto;
}
.calendar-clip-item svg{
    width: 100%;
}
.title-2 {
    font-size: 48px;
    line-height: 56px;
}
.section-sub-header {
    font-size: 24px;
    line-height: 30px;
}



@keyframes float {
    0% {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
        transform: translate3d(0,0px,0);
    }
    50% {
        box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
        transform: translate3d(0,-20px,0);
    }
    100% {
        box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
        transform: translate3d(0,0px,0);
    }
}

.container-landing{

}
.floating-menu-item{
    /*box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    transform: translate3d(0,0px,0);
    animation: float 3s ease-in-out infinite;

    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;*/
}

.floating-menu-item {
  position: relative;
  display: inline-block;
  /*width: 100px;
  height: 100px;
  background-color: #fff;
  border-radius: 5px;*/
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.floating-menu-item::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.floating-menu-item:hover {
  
}

.floating-menu-item:hover::after {
    opacity: 1;
}

#halalan-menu-graphics{
    /*animation-delay: 1s;*/
}
#games-menu-graphics{
    /*animation-delay: 1.5s;*/
}
#whats-news-menu-graphics{
    /*animation-delay: 2s;  */
}
#poll-results-menu-graphics{
    /*animation-delay: 2.5s;*/
}
#sali-ako-menu-graphics{
    /*animation-delay: 3s;  */
}
#botante-bibble-menu-graphics{
    /*animation-delay: 3.5s;*/
}
#contact-us-menu-graphics{
    /*animation-delay: 4s;*/
}
#eboto-about-menu-graphics{
    /*animation-delay: 4.5s;    */
}

#banner-countdown{
    position: relative;
    overflow: hidden;
    padding: 300px 0;
}

#thumb-print-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    z-index: -4;
    overflow: hidden;
    margin-left: -500px;

    /*-moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);*/
}

.user-type-wrap{
    max-width: 200px;
    margin-bottom: 20px;
}
.user-type-wrap svg{
    width: 100%;
    height: 100%;
}

#thumb-print-bg-bottom{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
    z-index: -4;
    overflow: hidden;
    /*margin-left: -500px;*/
}
.t-print-container{
    width: 4200px;
    display: block;
    overflow: hidden;
}
.t-print-item svg{
    width: 100%;
    height: 100%;
}
.t-print-item{
    width: 900px;
    float: left;
    margin-right: 30px;
}





#sorry-na-pero-section{
    /*background-image: url(../img/elements/sorry-na-bg.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;*/
    position: relative;
    /*overflow: hidden;*/
    padding: 60px 0 100px;
    /*min-height: 500px;*/
    background: #f7b91b;
    /*margin-bottom: 100px;*/
}
#sorry-na-pero-section .add-candidate img {
    max-width: 250px;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    left: 25px;
    padding-top: 110px;
}
#sorry-na-bg{
    position: absolute;
    left: 0;
    right: 0;
    /*top: -30px;*/
    top: 10px;
    z-index: 1;
    overflow: hidden;
    margin-left: -500px;
    background: #f7b91b;

    /*-moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);*/
}

#sorry-na-bg-bottom{
    position: absolute;
    left: 0;
    right: 0;
    /*bottom: -30px;*/
    bottom: 10px;
    z-index: 2;
    overflow: hidden;

    /*left: 200px;*/
}
.sorry-na-container{
    /*width: 4200px;*/
    display: block;
    /*overflow: hidden;*/
}
.sorry-na-item svg{
    width: 100%;
    height: 100%;
}
.sorry-na-item{
    width: 2260px;
    /*float: left;*/
    margin-right: 30px;
}
#sorry-na-container-bottom{
    right: 0;
}
#sorry-na-container-bottom .sorry-na-item{
    /*float: right;*/
}

.sorry-na-pero-pwede-pa-wrap{
    width: 100%;
    max-width: 600px;
}
.sorry-na-pero-pwede-pa-wrap svg{
    width: 100%;
    height: 100%;
}
.add-candidate img {
    transition: 0.5s all ease-in-out;
}
.add-candidate:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.add-candidate svg {
    width: 100%;
}




#bawal-fake-news{
    margin-top: 100px;
    margin-bottom: 50px;
    /*overflow: hidden;*/
}

.bawal-fn-left-wrap{
    position: relative;
    z-index: -1;
}
.bawal-fn-left-wrap img{
    width: 100%;
}
.bawal-title-wrap{
    background: #000;
    padding: 2px;
    width: 80%;
    border-radius: 10px;
    margin: auto auto 20px;
}
.bawal-title{
    background: #ED5234;
    padding: 15px 10px;
    border-radius: 10px;
    border: 2px solid #000;
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 28px;
}
.bawal-fake-new-wrap{
    background: #0452D9;
    padding: 50px 40px;
    border-radius: 20px;
    border: 3px solid #000;
    color: #fff;
}




/* LANDING RESPONSIVE  */

@media (max-width: 1307px){
    
    #landing-content-container{
        width: 80%;
    }
    #bottom-menu-item-graphics{
        bottom: -50px;
    }
}

@media (max-width: 850px){
    #landing-content-container{
        width: 90%;
    }
    .hero-title-1{
        font-size: 40px;
        line-height: 56px;
    }
    #top-menu-item-graphics{
        top: 0;
    }
    #bottom-menu-item-graphics{
        bottom: 0;
    }

    /* WHATS NEWS */
    #whats-news .sub-header {
        float: none !important;
        margin: auto;
    }
}


.page-transition__black {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background: #000;
  z-index: 55;
  transform: scale(0, 1);
}
.page-transition__red {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background: red;
  z-index: 50;
  transform: scale(0, 1);
}

#menu-item-modal{

}
#menu-item-modal .modal-dialog{
    max-width: 100%;
    width: 100%;
    margin: 0;
    -webkit-transform: none;
    transform: none;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    max-width: none; 
}
#menu-item-modal .modal-content{
    border-radius: 0;
    background: #F9F2E2;
    height: auto;
    height: 100vh;
    border-radius: 0;
    border: none; 
}
#menu-item-modal .modal-footer{
    box-shadow: none;
}

#menu-item-modal .modal-body{
  overflow-y: auto; 
  z-index: 3;
}
#menu-item-modal .modal-footer{
  z-index: 3;
}
#hero-circle-white-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    z-index: 1;
    overflow: hidden;
}
#hero-circle-white-bg svg{

    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    fill: #fff;
    outline: none;
    width: auto;
    height: 115vh;
    min-height: 60vw;
    vertical-align: middle;
    position: absolute;
}
#hero-circle-white-bg svg circle{
    fill: #fff;
}

.hero-illust-icon{
    max-width: 250px;
    margin: 0 auto 30px;
}
.hero-illust-icon svg{
    width: 100%;
    height: 100%;
}
#hero-title-content{
    max-width: 600px;
    margin: 0 auto;
}


#menu-item-close-modal{
    font-size: 28px !important;
    line-height: 1;
    padding: 16px 10px !important;
    width: 60px;
    height: 60px;
    border-radius: 30px !important;
    text-align: center;
    border-width: 2px;
}




.hot-spot-item{
    position: absolute;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.hot-spot-item a{
    display: inline-block;
}
.hot-spot-item a:hover .hotspot__ring{
    transform: scale(1.2);
}

.tooltip-lg{
    font-size: 18px;
    font-weight: bold;
}

.hotspot__inner {
    width: 60px;
    height: 60px;
    z-index: 1;
    position: relative;
    display: inline-block;
}
.hotspot-inner-body{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: relative;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border-radius: 100%;
}
.hotspot-inner-body svg{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    fill: #fff;
    position: absolute;
    display: block;
}

.hotspot__label, .hotspot__ring {
    transition: transform .3s;
}




.hotspot__pulse, .hotspot__ring {
    width: 48px;
    height: 48px;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -24px;
    position: absolute;
    display: inline-block;
    border-width: 2px;
    border-radius: 100%;
    background-color: #a81d2d;
    background-color: rgba(168, 29, 45, 1);
    border-color: #ffffff;
    border-style: solid;
}

.hotspot__pulse {
    -webkit-animation: pulse2 2s cubic-bezier(.445,.05,.55,.95) 1s infinite;
    animation: pulse2 2s cubic-bezier(.445,.05,.55,.95) 1s infinite;
}

.hotspot__pulse:nth-of-type(2) {
    -webkit-animation: pulse2 2s cubic-bezier(.445,.05,.55,.95) 1.25s infinite;
    animation: pulse2 2s cubic-bezier(.445,.05,.55,.95) 1.25s infinite;
}

@keyframes pulse2 {
    0% {
        box-shadow: 0 0 0 0px rgba(168, 29, 45, 1);
    }
    75% {
        box-shadow: 0 0 0 24px rgba(168, 29, 45, 0);
    }
    100% {
        box-shadow: 0 0 0 24px rgba(168, 29, 45, 0);
    }
}

.z-1{
    z-index: 1;
}
.z-2{
    z-index: 2;
}



@media( max-width: 964px ){
    #landing-page-banner{
        height: auto !important;
        min-height: 800px !important;
    }
    
    .hotspot-link .hotspot__inner{
        -moz-transform: scale(.8) translateX(-33px) translateY(-10px);
        -webkit-transform: scale(.8) translateX(-33px) translateY(-10px);
        -o-transform: scale(.8) translateX(-33px) translateY(-10px);
        -ms-transform: scale(.8) translateX(-33px) translateY(-10px);
        transform: scale(.8) translateX(-33px) translateY(-10px);
    }
}






/* POLL RESULTS  */
#poll-results-section{
    background-image: url(../img/elements/poll-results-bg.svg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 100px;
    overflow: hidden;
}
#poll-results .section-sub-header {
    max-width: 800px;
    margin: auto;
}
.poll-result-h-wrap{
    max-width: 500px;
    margin: 0 auto;
}
.poll-result-h-wrap svg{
    width: 100%;
    height: 100%;
}
.presidential-race-section{
    padding-top: 20px;
    padding-bottom: 40px;
    background: #ED5234;
    min-height: 400px;
    position: relative;
}
.poll-list-wrap .rank-no {
    font-size: 26px;
    line-height: 34px;
}

.rankings-wrap {
    max-height: 800px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
}

.president-poll-item{
    min-height: 90px;
    /*width: 80%;*/
    border-bottom: 6px solid #fff;
    padding: 50px 0 10px;
    position: relative;
}
.candidate-race-container{
    position: relative;
    margin: 0 auto;
    width: 80%;
    position: relative;
}
.candidate-race-container a{
    color: #111;
}

.candidate-race-item{
    position: absolute;
    bottom: -20px;
    height: 110px;
    width: 80px;
    /*background: #999;*/
    left: 0;
    right: 0;
}
.candidate-race-percent{
    background: #ffffff;
    border-radius: 10px;
    padding: 5px 10px 3px;
    text-align: center;
    position: absolute;
    font-weight: 600;
    left: -55px;
    top: 20px;
    box-shadow: 0 0 30px rgb(0 0 0 / 30%);
    border: 2px solid #000;
    z-index: 10;
    font-size: 26px;
    line-height: 28px;
}
.candidate-race-photo{
    width: 55px;
    height: 55px;
    /* background: #ffffff; */
    /* border: 1px solid #111; */
    border-radius: 50px;
    margin-left: 20px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    top: -15px;
}
.candidate-body-wrap{
    position: absolute;
    width: 80px;
    bottom: 0;
}
.candidate-body-wrap svg{
    width: 100%;
    height: 100%;
}
#poll-results {
    background: #111464;
}
.poll-header-wrap {
    text-align: center;
    background: url(../img/elements/orange-ribbon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
}
.poll-header-wrap h2 {
    font-size: 52px;
    line-height: 60px;
}
.candidate-poll-list .nav-link img {
    max-width: 200px;
}
.poll-results-content {
    background: #F9F2E2;
    border-radius: 20px;
    border: 4px solid #000000;
    padding: 80px 100px;
}
.poll-results-content .border-bg {
    padding: 10px 50px;
}
.candidate-poll-list .nav-tabs {
    border-bottom: 0;
}
.candidate-poll-list .nav-link {
    transition: transform .2s;
}
.candidate-poll-list .nav-link:hover {
    transform: scale(1.2);
    border-color: transparent;
}
.candidate-poll-list .nav-link.active, .candidate-poll-list .nav-item.show .nav-link {
    border-radius: 10px;
}
.ballot-box-wrap {
    text-align: center;
    background: url(../img/elements/ballot-box-2.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 740px;
    margin: auto auto -50px;
    height: 320px;
    position: relative;
    z-index: 3;
}
.ballot-box-wrap h2 {
    /*max-width: 350px;*/
    line-height: 44px;
    font-size: 36px
}
.candidate-poll-list .tab-content:before {
    content: '';
    position: absolute;
    background-image: url(../img/elements/illustration-1.svg);
    height: 150px;
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    top: -80px;
    left: 0;
    right: 0;
    z-index: -1;
}
.candidate-poll-list .tab-content {
    position: relative;
    z-index: 1;
}







/* PH HEAT MAP/CARTOGRAM  */

.chartbtn {
    margin-top: 30px;
    margin-bottom: 25px;
}

.tiny{
    font-size: .8em;
}

.munid{
    font-size: 36px;
    line-height: 44px;
    font-weight: bold;
    position: relative;
    /*max-width: 200px;*/
}
.populationlabel, .ratelabel{
    font-size: 20px;
    font-weight: 500;
    /*margin-bottom: 20px;*/
    margin-top: 20px;
}
.philmap{
    transform: translate(20px,20px) scale(1.1);
}
.population, .ratelabel-val{
    font-size: 30px;
    font-weight: 600;
}
.legend-val{
    font-size: 16px;
}
.map-population-result {
    margin-bottom: 80px;
}
#vis3 svg {
    width: 100%;
    /*height: 100%;*/
}

.hidden{
    display: none;
}

#heat-map-results{
    background: #FDF88D;
    padding: 30px;
    border: 4px solid #000;
    border-radius: 10px;
    margin: 30px auto 30px 0;
    font-size: 18px;
    font-weight: 500;
    max-width: 500px;
}

#heat-map-results .heat-map-data-item:first-child{
    font-size: 22px;
    font-weight: 700;
}
.hm-photo-wrap{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 5px solid #ffffff;
    overflow: hidden;
}
.heat-map-data-item{
    margin-bottom: 15px;
}
.hm-candidate-name{
    padding-top: 10px;
}
.hm-candidate-percent{
    padding-top: 10px;
    text-align: right;
}

/* ------------------ PRELOADER ------------------ */

.preloader-div {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-top: 10px solid #0452da;
  border-left: 10px solid #ed5234;
  border-bottom: 10px solid #f4b400;
  border-right: 10px solid #0ab5a5;
  animation: rotateLoader 2s linear infinite;
}

@keyframes rotateLoader {
  to {
    transform: rotate(360deg);
  }
}


.title-box-1{
    background: #d44a3e;
    color: #000;
    display: inline-block;
    padding: 15px 35px;
    border-radius: 10px;
    border: 4px solid #000;
    width: 100%;
    text-align: center;
}
.red-box {
    background: #D44A3E;
}
.yellow-box {
    background: #F7B81C;
}
.vote-map-border {
    border: 4px solid #000;
    border-radius: 40px;
    padding: 50px 50px 50px 80px;
}
.vote-pin-red, .vote-pin-yellow {
    position: relative;
    width: 100%;
}
.vote-pin {
    /*position: absolute;
    top: 0;
    bottom: 0;
    left: -98px;*/
}
#ph-voters-heat-map .vote-pin img {
    max-width: 50px;
}








.landing-overlay {
    content: '';
    position: absolute;
    background: rgba(150,191,119,.15);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.landing-illustration img {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}
.main-header h1 {
    color: #1b5360;
    max-width: 75%;
}
.welcome-wrap .subtitle {
    width: 80%;
}
.welcome-wrap .btn-group-inline .btn {
    width: 160px;
}
.welcome-wrap {
    margin-top: 90px;
}

#landing-section .carousel-control.right, #landing-section .carousel-control.left {
    background: transparent !important;
}

#landing-section .carousel-control.right {
    position: absolute;
    top: unset;
    right: 0;
    bottom: 50%;
    left: unset;
    width: unset;
    font-size: 60px;
    color: #293E94;
    opacity: 1;
}
#landing-section .carousel-control.left {
    position: absolute;
    top: unset;
    right: unset;
    bottom: 50%;
    left: 0;
    width: unset;
    font-size: 60px;
    color: #293E94;
    opacity: 1;
}
#landing-section .carousel-indicators .active {
    background-color: #1B5360;
}
#landing-section .carousel-indicators li {
    border: 1px solid #1B5360;
}
#landing-section .carousel-indicators {
    bottom: -60px;
}
#tutorial-section .tablinks {
    border-radius: 50%;
    padding: 25px;
    height: 90px;
    width: 90px;
    border: none;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    background: #fff;
}
#tutorial-section .tablinks.active {
    background: #97b667;
}
#tutorial-section .tablinks.active svg {
    fill: #fff;
}
#tutorial-section .tablinks svg {
    fill: #97b667;
}
#tutorial-section .tablinks:nth-child(2) {
    margin: 0 280px;
}
#tutorial-section .tab {
    position: relative;
}
#tutorial-section .tab:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 700px;
    background: #97b667;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    z-index: -1;
}

/*.branch-wrap {
    background: #f7f7f7;
    padding: 30px 0;
}
.branch-wrap p {
    color: #1b5360;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
#branch-section .container-fluid {
    max-width: unset;
    padding: 0;
}*/

.section-header h3 {
    color: #1B5360;
}
.step-illustration svg {
    width: 40px;
    height: auto;
}
.steps-illustration-wrap.step-1 {
    margin: 60px auto;
}
.steps-illustration-wrap.step-2 {
    margin: 60px auto;
}
.steps-illustration-wrap.step-3 {
    margin: 60px auto;
}
.steps-illustration-wrap {
    width: 80px;
    background: #fff;
    padding: 20px 20px 12px;
    border-radius: 200px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    cursor: pointer;
    transition: .5s;
}
.steps-illustration-wrap.active {
    background: #97b667;
    transition: .5s;
}
.steps-illustration-wrap path {
    fill: #97b667;
    transition: .5s;
}
.steps-illustration-wrap.active path {
    fill: #fff;
    transition: .5s;
}
.steps-container:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 700px;
    background: #97b667;
    top: 50%;
    left: 50%;
    margin-left: -350px;
}
.steps-container {
    position: relative;
}
.section-sub-header h4,
.blurb-title h4 {
    color: #1B5360;
}
#tutorial-section .image-wrap img {
    max-width: 800px;
    width: 100%;
    margin: 60px auto;
}

/* BLURBS */
.blurb-wrap {
    max-width: 320px;
    box-shadow: 0px 6px 25px #00000019;

    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.blurb-wrap .blurb-icon{
    border: 1px solid #707070;
    border-radius: 50%;
    height: 90px;
    width: 90px;
    margin-bottom: 30px;
}
.blurb-wrap.tac .blurb-icon{
    margin: 0 auto 20px;
}
.blurb-wrap .blurb-image img{
    max-width: 60%;
    margin: 20px auto 20px 0;
}
.blurb-wrap {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
}
.blurb-wrap .blurb-title{

}
.blurb-wrap .blurb-body {
    min-height: 120px;
}
.blurb-wrap .blurb-body p{
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    color: #666;
}

.blurb-wrap .step-label{
    /*position: absolute;*/
    /*top: -15px;*/
    /*left: 50%;*/
    /*margin-left: -20px;*/
    /*z-index: 3;*/
    /*padding: 5px;*/
    font-family: 'Muli', sans-serif;
    margin-bottom: 20px;
    font-size: 28px;
    text-align: center;
    color: #d4d4d4;
}

/*.blurb-wrap:hover{
    background : #c4b15a !important;
}
.blurb-wrap:hover .blurb-body > p {
    color : #ffffff !important;
}
.blurb-wrap:hover .blurb-title:hover a:hover, .blurb-wrap > h3:hover{
    color : #ffffff !important;
}
*/


#feedback-section {
    background: #f7f7f7;
}
#feedback-section .container {
    max-width: 1200px;
    width: 80%;
}
.feedback-entry {
    padding: 80px 160px;
}
.feedback-body {
    position: relative;
}
.feedback-body:before {
    content: '';
    position: absolute;
    background-image: url(../img/quote-upper.png);
    width: 45px;
    height: 39px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    margin-top: -39px;
    margin-left: -78px;
}
.feedback-body:after {
    content: '';
    position: absolute;
    background-image: url(../img/quote-lower.png);
    width: 45px;
    height: 39px;
    background-size: cover;
    background-repeat: no-repeat;
    right: 0;
    bottom: 0;
    margin-bottom: -50px;
    margin-right: 78px;
}

.feedback-container img {
    max-width: 260px;
    width: 100%;
    border-radius: 200px;
    margin: 40px 0 0 auto;
    z-index: 2;
    position: relative;
}
.feedback-container .image-wrap {
    position: relative;
}
.feedback-container .image-wrap:before {
    content: '';
    position: absolute;
    background-image: url(../img/dots.png);
    width: 300px;
    height: 182px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    margin-top: -20px;
    z-index: 1;
}

#contact-section .container {
    max-width: 1200px;
    width: 80%;
}
.contact-form-container .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #97b667;
}
.contact-form-container .form-control:focus {
    box-shadow: none !important;
    border-bottom: 1px solid #97b667;
}
.contact-form-container textarea {
    height: 120px;
    border: none;
    border-bottom: 1px solid #97b667;
}
.social-icons-container .list-inline img {
    width: 30px;
    margin: 20px auto 0;
}
.social-icons-container .list-inline li {
    margin: 0 5px;
}
.contact-form-container {
    padding: 60px 100px;
    background: #fff;
    max-width: 1200px;
    margin: 30px auto 0;
    border-radius: 8px;
}
.social-icons-container p {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.feedback-rating-stars{
    max-width: 100px;
}


#contact-section {
    position: relative;
}
#contact-section:after {
    content: '';
    position: absolute;
    background: #55925a;
    right: 0;
    bottom: 0;
    left: 0;
    height: 320px;
    z-index: -1;
}
.footer-menu li > a {
    color: #95b7a9;
}
#footer-bottom a {
    /*color: #fff;*/
}

#footer-menu-section, #footer-bottom {
    /*background: #55925a;*/
}
#footer-bottom {
    margin-bottom: 0 !important;
    margin-top: 100px;
}
#footer-menu-section {
    border-top: none !important;
    padding-top: 82px;
}
#footer-menu-section .row-wrap {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
}

.fullwidth-carousel {
    padding: 60px 0 0;
}

.branch-carousel {
    padding: 0px;
}


.signup-form-container .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #97b667;
}


#customer-feedback-slider .owl-nav {
    position: absolute;
    right: 0;
    bottom: 60px;
}
#customer-feedback-slider.owl-carousel .owl-nav button.owl-prev .ion-ios-arrow-thin-left, #customer-feedback-slider.owl-carousel .owl-nav button.owl-next .ion-ios-arrow-thin-right {
    color: #F89838;
}
#customer-feedback-slider.owl-carousel .owl-nav button.owl-next .ion-ios-arrow-thin-right {
    font-size: 100px;
    display: block;
    margin-top: -29px;
}
#customer-feedback-slider.owl-carousel .owl-nav button.owl-prev .ion-ios-arrow-thin-left {
    margin-left: -20px;
}




/*============SERVICES PAGE============*/
#services-page {
    overflow: hidden;
}
#services-page .image-wrap.image-1 img {
    max-width: 700px;
    width: 100%;
    margin: 0 auto 0 60px;
}
#services-page .image-container {
    position: relative;
}
#services-page .icons-wrap {
    position: absolute;
    text-align: center;
    background: #fff;
    padding: 21px 15px 15px;
    border-radius: 4px;
    top: 50%;
    left: 30px;
    height: 270px;
    margin-top: -135px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
#services-page .icons-wrap ul {
    padding-left: 0;
    margin-bottom: 0;
}
.dots-bg-wrap.image-1 {
    position: absolute;
    width: 300px;
    right: 0;
    bottom: 0;
    margin-right: -60px;
    margin-bottom: -80px;
    z-index: -1;
}
.dots-bg-wrap.image-2 {
    position: absolute;
    width: 300px;
    left: 0;
    bottom: 0;
    margin-left: -60px;
    margin-bottom: -80px;
    z-index: -1;
}
.dots-bg-wrap.image-3 {
    position: absolute;
    width: 300px;
    right: 0;
    bottom: 0;
    margin-right: -60px;
    margin-bottom: -80px;
    z-index: -1;
}
.services-text-wrap {
    max-width: 540px;
    width: 100%;
}
#services-page .image-wrap.image-2 img {
    max-width: 700px;
    width: 100%;
}
.review-container {
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    padding: 20px;
    width: 280px;
    z-index: 1;
    background: #ffffff;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 280px;
    margin-right: 120px;
    margin-bottom: -60px;
}
#services-page .star-ratings .star-icon {
    font-size: 12px;
    color: #F89838;
}
#services-page .star-ratings li {
    padding: 0 2px;
}
#services-page .star-ratings {
    margin-left: 0;
    margin-bottom: 0;
}
#services-page .image-wrap.image-3 img {
    max-width: 460px;
    width: 100%;
    margin: 0 60px 0 auto;
}
.process-wrap svg {
    width: auto;
    height: 20px;
    position: absolute;
    margin-top: 4px;
    margin-left: -40px;
}
.process-wrap {
    padding: 15px 20px;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    text-align: center;
    background: #fff;
}
.process-wrap p {
    padding-left: 40px;

}
.service-process-wrap {
    position: absolute;
    height: 232px;
    top: 50%;
    left: 0;
    margin-top: -116px;
}
.service-process-wrap .process-wrap:nth-child(2) {
    margin-right: -40px;
    margin-left: 40px;
}
.mh500 {
  min-height: 500px;
}







#how-it-works, #why-smtc {
    background: #F7F7F7;
}
#how-it-works .grid-wrap {
    padding: 30px 40px 60px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    position: relative;
}
#how-it-works .grid-wrap .number-container {
    position: absolute;
    width: 40px;
    height: 40px;
    padding-top: 5px;
    text-align: center;
    border-radius: 200px;
    top: 30px;
    left: 40px;
}
#how-it-works .grid-wrap p {
    line-height: 24px;
}



/*============PRODUCTS PAGE============*/
#products-page .blurb-title h5, #products-page .blurb-body p {
    color: #707070;
}
.grid-container {
    text-align: center;
    border-radius: 4px;
    padding: 30px;
}
#products-page .grid-container {
    min-height: 354px;
}
.product-icon-container {
    background: #293E94;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 200px;
}
.bg-white .product-icon-container {
    background: #F89838;
}
.bg-yellow-fade .product-icon-container {
    background: #f6b816;
}
.bg-orange-fade .product-icon-container {
    background: #F89838;
}
.bg-yellow-fade .blurb-body h4 {
    color: #f6b816;
}
.bg-orange-fade .blurb-body h4 {
    color: #F89838;
}
.product-icon-container svg {
    width: 40px;
    height: auto;
    margin-top: 18px;
}

#products-page .grid-container {
    max-width: 360px;
    width: 100%;
    margin: 30px auto 0;
}

#products-related-posts .grid-container {
    min-height: 354px;
    max-width: 360px;
    width: 100%;
    margin: 30px auto 0;
}

.benefits-wrap .benefits-icon svg {
    width: 26px;
    height: auto;
    margin-bottom: -8px;
}
.benefits-wrap .benefits-icon path {
    fill: #97B667;
}
.benefits-wrap h4 {
    color: #1b5360;
}
.benefits-wrap {
    /*padding-left: 60px;*/
}



/*============ABOUT PAGE============*/
#about-img {
    min-height: 600px;
    background-position: center;
}
.about-image-container img {
    width: 100%;
}
.call-to-action {
    background: #f1f1f1;
}




/*============ABOUT PAGE CAROUSEL============*/
.carousel-section .col-centered {
    float: none;
    margin: 0 auto;
}

.carousel-section .carousel-control { 
    width: 8%;
    width: 0px;
}
.carousel-section .carousel-control.left,
.carousel-section .carousel-control.right { 
    margin-right: 40px;
    margin-left: 32px; 
    background-image: none;
    opacity: 1;
}
.carousel-section .carousel-control > a > span {
    color: white;
      font-size: 29px !important;
}

.carousel-section .carousel-col { 
    position: relative; 
    min-height: 1px; 
    padding: 5px; 
    float: left;
 }

 .carousel-section .active > div { display:none; }
 .carousel-section .active > div:first-child { display:block; }

/*xs*/
@media (max-width: 767px) {
    .carousel-section .carousel-inner .active.left { left: -50%; }
    .carousel-section .carousel-inner .active.right { left: 50%; }
    .carousel-section .carousel-inner .next        { left:  50%; }
    .carousel-section .carousel-inner .prev          { left: -50%; }
    .carousel-section .carousel-col                { width: 50%; }
    .carousel-section .active > div:first-child + div { display:block; }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
    .carousel-section .carousel-inner .active.left { left: -50%; }
    .carousel-section .carousel-inner .active.right { left: 50%; }
    .carousel-section .carousel-inner .next        { left:  50%; }
    .carousel-section .carousel-inner .prev          { left: -50%; }
    .carousel-section .carousel-col                { width: 50%; }
    .carousel-section .active > div:first-child + div { display:block; }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
    .carousel-section .carousel-inner .active.left { left: -33%; }
    .carousel-section .carousel-inner .active.right { left: 33%; }
    .carousel-section .carousel-inner .next        { left:  33%; }
    .carousel-section .carousel-inner .prev          { left: -33%; }
    .carousel-section .carousel-col                { width: 33%; }
    .carousel-section .active > div:first-child + div { display:block; }
    .carousel-section .active > div:first-child + div + div { display:block; }
}

/*lg*/
@media (min-width: 1200px) {
    .carousel-section .carousel-inner .active.left { left: -25%; }
    .carousel-section .carousel-inner .active.right{ left:  25%; }
    .carousel-section .carousel-inner .next        { left:  25%; }
    .carousel-section .carousel-inner .prev          { left: -25%; }
    .carousel-section .carousel-col                { width: 25%; }
    .carousel-section .active > div:first-child + div { display:block; }
    .carousel-section .active > div:first-child + div + div { display:block; }
    .carousel-section .active > div:first-child + div + div + div { display:block; }
}


/*=============FAQS PAGE=============*/
#faqs-page .grid-container {
    box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.faqs-icon-container {
    background: #293E94;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 200px;
}

.faqs-icon-container svg {
    width: 30px;
    height: auto;
    margin-top: 18px;
}
.blog-body {
    padding: 30px;
}
.blog-wrap {
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    border-radius: 8px;
    max-width: 437px;
    min-height: 600px;
    margin: 30px auto 0;
}
.blog-wrap img {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.faqs-grid-wrap {
    border-radius: 8px;
    border: 1px solid #1b5360;
    padding: 40px;
    min-height: 300px;
}

/*=============CONTACT PAGE=============*/
.input-group-addon {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
  /*border: 0;*/
  /*border-radius: 0;*/
  height: 43px;
  font-family: "proxima_nova_rgregular", sans-serif;
}

.input-group-addon {
  background-color: #ffffff;
  border: 1px solid #ced4da;
  box-shadow: none;
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 7px;
  border-radius: 3px;
}

.branch-container {
    border-radius: 8px;
    border: 1px solid #1b5360;
    padding: 15px 20px;
}
.branch-header h4 {
    font-size: 16px;
    line-height: 24px;
}
.social-icons-wrap .list-inline img {
    width: 14px;
    margin-top: -6px;
}
.social-icons-wrap .list-inline li {
    vertical-align: middle;
}
/*.social-icons-wrap .list-inline li:nth-child(1), .social-icons-wrap .list-inline li:nth-child(2) {
    margin-right: 10px;
}*/
.locator-container {
    padding: 40px;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    border-radius: 8px;
    overflow: auto;
    /*height: 700px;*/
}
.call-to-action .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid #97B667;
}
.call-to-action .form-control:focus {
    box-shadow: none !important;
    border-color: #293E94;
}



/*=============APPLY PAGE=============*/
#apply-page .steps-illustration-wrap {
    margin: 60px auto 30px;
}
#apply-page .grid-wrap {
    padding: 50px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    border-radius: 8px;
}





.round-img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    box-shadow: 0 19px 90px rgba(0,0,0,.10);
    padding: 40px 30px 30px;
}
.features-wrap .feature-container {
    width: 85%;
    margin: 0 auto;
}

.form-group-inline {
    display: flex;
    border: 1px solid #7e211a;
    border-radius: 200px;
    padding: 3px 3px 3px 13px;
}

.form-group-inline input.form-control {
    width: 100%;
    margin-right: 5px;
    border: none;
    border-radius: 200px;
    height: 40px;
    margin-bottom: 0;
    background: transparent;
}
.form-group-inline .btn {
    background: #7e211a;
    border-color: #7e211a;
    color: #fff;
    font-size: 12px;
    border-radius: 200px;
}
.form-group-inline .btn:hover, .form-group-inline .btn:active, .form-group-inline .btn:focus, .form-group-inline .btn.active {
    background: #fff;
    color: #7e211a;
}
.subscribe-wrap .form-control{
    border: 0 !important;
}
.subscribe-wrap .form-control:focus{
    box-shadow: none !important;
}
.date-wrap {
    background: #7e211a;
    padding: 14px 0;
    border-radius: 4px;
}
.date-wrap h4{
    margin-bottom: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 0;
}
.date-wrap .day-label{
    color: #ffffff;
    font-size: 14px;
}

.blog-date .text-wrap {
    margin-top: 10px;
}
.blog-date .text-wrap p {
    font-size: 10px;
    color: #7e211a;
}
.blog-title p {
    font-size: 14px;
}

.social-icons img {
    max-width: 15px;
    margin: 0 auto;
}
.social-icons li {
    margin-right: 5px;
}

.blog-date .social-icons-wrap {
    margin-top: 10px;
    text-align: right;
}
.blog-date .social-icons-wrap img {
    max-width: 10px;
    margin: 0 auto;
}
.blog-date .social-icons-wrap .list-inline {
    margin-bottom: 0;
    margin-right: 10px;
}

.dropdown-menu > li > a {
    color: #6F221D !important;
}
.form-group {
    position: relative;
    /*margin-bottom: 20px;*/
}
.form-group .control-label {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 3px;
    color: #000;
    /*position: absolute;*/
    /*background: #fafafa;
    padding: 0 5px;
    top: 0;
    left: 10px;
    margin-top: -6px;
    z-index: 9;*/
}
.user-add-candidate .form-group .control-label {
	font-size: 12px;
    line-height: 12px;
}

.modal-body .form-control, .tab-content .form-control  {
    /*background: #fff !important;*/
    /*border: 1px solid #555252 !important;*/
    /*border-radius: 8px;*/
}

.acknowledgement-wrap {
    border-top: 1px solid #BFAB60;
    margin-top: 30px;
}
.acknowledgement-wrap .text-wrap {
    max-width: 480px;
    margin: 0 auto;
}
.acknowledgement-wrap .text-wrap p {
    font-size: 12px;
}



.card-item-wrap{
    margin-bottom: 50px;
}
.card-item-wrap .post-card-meta{
    margin-top: 10px;
}
.card-item-wrap .post-card-meta > li{
    font-size: 10px;
    color: #888;
}
.card-item-wrap .post-card-meta > li > a{
    font-size: 14px;
}
.card-item-body{

}
.card-image{

}
.card-title{
    margin-top: 5px;
    font-size: 16px;
    line-height: 24px;
}
.card-item-wrap:hover .card-title > a{
    color: #7e211a !important;
}
.card-snippet{
    font-size: 14px;
    line-height: 22px;
    color: #888;
}


/*============BLOG-LIST-2============*/
.side-by-side-blog-section{
    margin-bottom: 100px;
}
.right-row-section{

}
.blog-text-body-col .text{
    /*padding-top: 30px;*/
}
.right-row-section .blog-image-col{
    float: right;
}
.blog-image-col{
    float: left;
}
.image-postcard-wrap{
    width: 90%;
    margin: 0 auto 20px;
    padding: 25px;
    background: #ffffff;
    box-shadow: 0 5px 30px rgba(0,0,0,0.1);
    margin-bottom: 20px;

    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
}

.right-row-section .image-postcard-wrap{
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.blog-text-body-col h3{
    margin-bottom: 5px;
}
.blog-text-body-col .post-card-meta{
    font-size: 14px;
    margin-bottom: 20px;
}





/*============PRE-REGISTRATION============*/

#acknowledgement-info-tab .text-wrap {
    box-shadow: 0 0 8px rgba(0,0,0,.15);
    padding: 30px;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
}
    

.careers-wrap {
    max-width: 500px;
    margin: 160px auto 0 100px;
}
.careers-diff-wrap {
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    border-radius: 8px;
    padding: 60px 30px 100px;
    max-width: 500px;
}
.careers-diff-wrap p {
    /*font-size: 16px;*/
}
.careers-diff-wrap.diff-left {
    margin: 30px 0 0 auto;
    padding: 60px;
}

.career-title {
    font-size: 16px;
    padding-bottom: 15px;
}

.resume-add-file {
    color: #d90033 !important;
}










/*============GEORGIA PAGE============*/
.inner-page {
    margin-top: 82px;
}


.images-wrap img {
    border-radius: 8px;
}

.teaching-diff-wrap img {
    max-width: 150px;
    margin: 0 auto;
}

.teaching-diff-wrap {
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    border-radius: 8px;
    padding: 60px 30px 100px;
    max-width: 500px;
}
.teaching-diff-wrap p {
    font-size: 14px;
}
.teaching-diff-wrap.diff-left {
    margin: 30px 0 0 auto;
}
.teaching-diff-wrap.diff-right {
    margin: 30px auto 0 0;
}
.mission-wrap, .vision-wrap {
    max-width: 550px;
    margin: 0 auto;
}
.round-images-wrap {
    position: relative;
    height: 650px;
}

.round-images-wrap img {
    position: absolute;
}

#about-images-circle .container-fluid{
    max-width: 100%;
    padding: 0 60px;
}

#images-section .container-fluid {
    max-width: 100%;
    padding: 0 60px;
}
.round-images-wrap img.img-1 {
    top: 127px;
    left: 0;
}
.round-images-wrap img.img-2 {
    top: 23px;
    left: 514px;
}
.round-images-wrap img.img-3 {
    top: 523px;
    left: 23px;
}
.round-images-wrap img.img-4 {
    top: 448px;
    left: 230px;
}
.round-images-wrap img.img-5 {
    top: 56px;
    left: 1256px;
}
.round-images-wrap img.img-6 {
    top: 474px;
    left: 939px;
}
.round-images-wrap img.img-7 {
    top: 403px;
    left: 623px;
}
.round-images-wrap img.img-8 {
    top: 237px;
    left: 1040px;
}
.round-images-wrap img.img-9 {
    top: 474px;
    left: 1582px;
}
.round-images-wrap img.img-10 {
    top: 0;
    left: 298px;
}
.round-images-wrap img.img-11 {
    top: 372px;
    left: 1289px;
}
.round-images-wrap img.img-12 {
    top: 38px;
    left: 934px;
}
.round-images-wrap img.img-13 {
    top: 237px;
    left: 1520px;
}
.round-images-wrap img.img-14 {
    top: 264px;
    left: 355px;
}
.round-images-wrap img.img-15 {
    top: 81px;
    left: 1571px;
}
.round-images-wrap img.img-16 {
    top: 255px;
    left: 855px;
}


/*=========== GEORGIA PRE-REGISTRATION ===========*/

.ms-tabs-2-wrap{
    padding-top: 70px;
    /*border-bottom: 1px solid #6F221D;*/
    position: relative;
    overflow: hidden;
}
.wave-line-wrap-tab{
    position: absolute;
    top: 29px;
    right: 0;
    left: 0;
    z-index: -1;
}
.wave-line-wrap-tab svg{
    height: auto;
    height: 74px;
}
.ms-tabs-2-wrap-2{
    /*border-top: 1px solid #6F221D;*/
    padding-top: 30px;
}
.ms-tabs-2 > li > a{
    background: transparent;
    border-radius: 0;
    border: 0 !important;
    /*border-bottom: 3px solid transparent;*/
    color: #1b1b1b;
    font-size: 18px;
    padding: 0;
    padding-bottom: 20px;
    margin-right: 40px;
    /*text-align: left !important;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: 1px;*/
/*  font-weight: 700;*/
}
.ms-tabs-2 > li > a:hover{
    background: none;
}
.ms-tabs-2 > li > a{
    color: #777;
    /*overflow: hidden;*/
}
.ms-tabs-2 > li > a::before{
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b9928e;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    opacity: 1;
    transition: transform 0.3s;
}
.ms-tabs-2 > li.active > a::before{
    background: #6F221D;
}
.ms-tabs-2 > li > a::after{
    position: absolute;
    top: -45px;
    left: 50%;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    border: 2px dashed #bfab60;
    border-radius: 50%;
    /*background: #6F221D;*/
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.ms-tabs-2 > li.active > a, .ms-tabs-2 > li.active > a:hover, .ms-tabs-2 > li.active > a:focus{
    background: transparent;
    /*border-color: #6F221D;        */
    color: #6F221D;
}
.ms-tabs-2 > li.active > a::after{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ms-tabs-2 > li.active > a::after, .ms-tabs-2 > li.active > a::after:hover, .ms-tabs-2 > li.active > a::after:focus{
    -webkit-transform: scale(0);
    transform: scale(0);
}

.ms-tabs-2 > li{
    position: relative;
}
.ms-tabs-2 > li:before {
    /*content: '';
    position: absolute;
    top: -60px;
    left: 50%;
    margin-right: -30px;
    width: 100%;
    height:60px;
    z-index: -1;
    background: transparent;
    border: none;
    border-top: dashed 2px #bfab60;
    padding: 40px 40px;
    border-radius: 50%;*/
    /*margin: 20px -50px 0;*/
}

.ms-tabs-2.no-element > li > a:before, .ms-tabs-2.no-element > li > a:after{
    display: none;
}





/*===========CUSTOM RADIO===========*/
.inline-radio {
    /*display: flex !important;*/
}
.custom-radio {
    cursor: pointer;
}
.custom-radio label {
    padding-top: 2px;
    cursor: pointer;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
}
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #4ebb95;
    background-color: #4ebb95;
    box-shadow: none;
}
.custom-control-label:hover {
    cursor: pointer;
}



/*============TEAM PAGE============*/
#team-section .portrait-wrap img {
    max-width: 350px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}


.col-manual-5 {
    width: 42%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: right;
}
.col-manual-7 {
    width: 58%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}



/*============RESPONSIVE============*/


@media (max-width: 1199px) {
    /* MAIN NAVIGATION */
    #main-nav-items .list-inline .nav-icon {
        margin-right: 5px;
    }


    /* CANDIDATE PROFILE */
    .candidate-header .social-col {
        display: none;
    }
    .candidate-name .social-icons {
        display: block !important;
    }
    .d-hide-mobile {
        display: inline !important;
    }
    .d-hide-desktop {
        display: none;
    }
    .political-tab h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .fact-text-2 {
        font-size: 22px;
        line-height: 38px;
    }


    /* STAND ON ISSUES */
    .stand-on-issue-wrap h2 {
        font-size: 16px;
        line-height: 24px;
    }
    .issue-list-title {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    .stand-on-issue-wrap .custom-col {
        flex: 0 0 50%;
        max-width: 50%;
    }


    /* ISSUE TRACKER */
    .philmap {
        transform: translate(100px,20px) scale(1.1) !important;
    }
    #heat-map-results {
        margin: 30px auto;
    }
    .map-population-result {
        text-align: center;
    }

}

@media (max-width: 1024px) {
    .container {
        width: 90%;
    }

    /* MAIN NAVIGATION */
    #right-main-nav-items .navbar-nav > li > .btn-primary {
        margin-top: 12px;
    }


    #services-page .image-wrap.image-3 img {
        margin-top: 80px;
        width: 80%;
    }
    #how-it-works .grid-wrap {
        padding: 30px 20px 40px;
    }
    #how-it-works .grid-wrap .number-container {
        left: 20px;
    }
    .services-text-wrap {
        max-width: 400px;
    }
    .review-container {
        margin-right: 20px;
    }


    
    #right-main-nav-items {
        margin-top: 7px;
    }
    .main-nav-items .list-inline.nav-menu {
        margin-top: 6px;
    }

    #landing-slider-section .slide-item .slide-title {
        font-size: 42px !important;
    }

    #main-landing-slider .owl-item.active .slide-description {
        font-size: 20px !important;
        line-height: 36px !important;
    }
    
    h2 {
        font-size: 36px;
        line-height: 56px;
    }
    h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .blog-date .social-icons-wrap .list-inline {
        margin-right: 0;
    }
    .social-icons-wrap .list-inline > li {
        padding-right: 4px;
        padding-left: 4px;
    }


    .feedback-entry {
        padding: 80px 0 80px 160px;
    }
    .feedback-body:after {
        margin-right: 30px;
    }
    .main-header h1 {
        font-size: 30px;
        line-height: 54px;

    }

    .feedback-container .image-wrap:before {
        width: 200px;
        height: 122px;
    }

}


@media (max-width: 991px) {

    /* MAIN NAVIGATION */
    #main-navigation .container-fluid {
        width: 98%;
    }
    .site--logo {
        /*margin-top: 15px !important;*/
    }
    #right-main-nav-items .navbar-nav {
        display: block;
        
    }
    #right-main-nav-items .navbar-nav .btn {
        width: 200px;
        border-radius: 6px;
        padding: 16px 30px;
    }

    .navbar-nav.on-mobile {
        display: none;
    }
    #right-main-nav-items {
        float: none !important;
    }
    .navbar-nav > li > .dropdown-menu {
        width: 240px;
        left: 50%;
        margin-left: -120px;
        top: 65px;
    }

    /* LANDING PAGE */
    .landing-illustration {
        padding-bottom: 35px;
    }
    .landing-illustration img {
        max-width: 400px;
    }
    .main-header h1 {
        max-width: 100%;
    }
    .welcome-wrap .subtitle {
        width: 100%;
    }
    #poll-results-section {
        padding-top: 0;
        background-position: top right;
    }


    .blurb-student, .feature-1 {
        margin-left: auto !important;
    }
    .blurb-teacher, .feature-2 {
        margin-right: auto !important;
    }
    .blurb-parent, .feature-3 {
        margin: 30px auto 0 !important;
    }

    .bawal-fake-news-bg{
        max-width: 280px;
        margin: 0 auto 10px;
    }




    /* CANDIDATE PROFILE */
    .candidate-name h2 {
        font-size: 32px !important;
        line-height: 36px !important;
    }
    .candidate-name p {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .candidate-profile-img img {
        margin-top: -100px !important;
        max-width: 180px !important;
    }
    .fast-facts-tab .title-header {
        text-align: center;
    }



    /* ABOUT */
    .about-cta {
        text-align: center;
    }
    .pinas-forward-logo img {
        max-width: 200px;
    }
    .pinas-forward-logo, .pinas-forward-text {
        margin-bottom: 30px;
    }



    /* POLL RESULTS */
    .poll-header-wrap h2 {
        font-size: 46px;
        line-height: 54px;
    }
    .poll-results-content {
        padding: 60px;
    }
    /*.ballot-box-wrap {
        max-width: 640px;
        height: 280px;
    }*/
    .ballot-box-wrap h2 {
        line-height: 38px;
        font-size: 30px;
    }


    /* LANDMARK BILLS */
    #landmark-bills-blog .blog-post-content .paragraph-block, #landmark-bills-blog .quote-block {
        padding: 0 20px;
    }


    /* ISSUE TRACKER */
    .philmap {
        transform: translate(0,20px) scale(1.1) !important;
    }


}


@media (max-width: 780px) {

    /* FAQS */
    .faqs-grid-wrap {
        min-height: 350px;
    }
        
    .contact-form-body{
        padding: 60px 80px !important;
    }

}



@media (max-width: 767px) {

    /* LANDING PAGE */
    .section-sub-header {
        font-size: 22px;
        line-height: 28px;
    }
    .title-2 {
        font-size: 48px;
        line-height: 56px;
    }
    #presidentiables {
        background-size: cover !important;
    }


    /* BLURBS */
    .blurb-wrap {
        max-width: 75%;
        margin: auto;
    }
    .blurb-wrap .blurb-image img {
        max-width: 150px;
    }

    /* FEEDBACK */
    .feedback-container img {
        margin: 65px auto 0;
    }
    .feedback-container .image-wrap:before {
        left: 50%;
        margin-left: -150px;
    }
    .feedback-entry {
        padding: 40px 60px 20px 60px;
    }
    .feedback-body:after {
        margin-right: -45px;
    }
    .feedback-body:before {
        margin-left: -48px;
    }
    .feedback-entry {
        text-align: center;
    }

    /* CANDIDATES PREVIEW */
    .hero-title-1 {
        font-size: 36px;
        line-height: 52px;
    }
    .hero-sub-title-1 {
        font-size: 18px;
        line-height: 28px;
    }
    #candidate_search {
        font-size: 16px;
    }

    /* CANDIDATE PROFILE */
    .candidate-banner {
        padding: 20px !important;
    }
    .candidate-name h2 {
        font-size: 28px !important;
        line-height: 32px !important;
    }
    .candidate-name {
        text-align: center;
    }
    .candidate-profile-img img {
        padding: 8px !important;
    }
    .candidate-tab .container-fluid {
        width: 100%;
    }
    .info-tab li {
        margin-right: 10px !important;
    }
    .political-tab h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .register-bg, .login-bg{
        position: inherit !important;
        width: 100% !important;
        height: auto;
    }

    .login-wrap .border-bg-white, .register-wrap .border-bg-white{
        padding: 24px !important;
    }
    #voter-login .login-wrap, #register .register-wrap{
        padding: 50px 30px !important;
    }
    .fast-fact-no-data img {
        max-width: 150px !important;
    }
    .fast-fact-no-data {
        padding: 30px !important;
        text-align: center;
    }


    /* KNOW YOUR KANDIDATO */
    #landmark-bills-cta p {
        margin-bottom: 20px;
        text-align: center;
    }



    /* STAND ON ISSUE */
    .stand-on-issue-wrap .custom-col {
        flex: 0 0 100%;
        max-width: 100%;
    }


    /* POLL RESULTS */
    .poll-results-content .border-bg {
        padding: 10px 30px !important;
    }

    /* WHATS NEWS */
    #whats-news .title-header h1 {
        font-size: 50px !important;
        line-height: 58px !important;
    }


    /* SAMPLE BALLOT */
    .form-ballot-wrap:after {
        background-size: 150px !important;
        left: 0 !important;
    }
    .title-ballot {
        max-width: 400px !important;
    }
    .title-ballot h2 {
        font-size: 26px !important;
    }


    /* LANDMARK BILLS */
    #landmark-bills-blog .bubble-wrap:last-child {
        margin-bottom: 20px;
    }
    .landmark-img-bg {
        margin-top: -100px !important;
    }


    /* BOTANTE TIPS */
    .botante-tips-btm-bg .custom-col {
        padding: 0 6px;
    }


    /* USER DASHBOARD */
    #user-dashboard .pub-user-dash-container img {
        max-width: 130px !important;
    }



    /* ISSUE TRACKER */
    .philmap {
        transform: translate(-50px,20px) scale(1) !important;
    }
    #vis3 svg {
        height: 700px;
    }
    .vote-map-border {
        padding: 50px 30px;
    }


    /* BOTANTE MODULE */
    .botante-module-wrapper .container-fluid {
        padding: 40px !important;
    }
    .botante-module-wrapper h1.title {
        font-size: 34px;
        line-height: 40px;
    }
    .botante-module-wrapper .blog-post-content .paragraph-block, .botante-module-wrapper .quote-block {
        padding: 0;
    }
    


}

@media (max-width: 576px) {

    /* LANDING PAGE */
    .candidate-race-percent {
        left: 60px;
    }
    .title-2 {
        font-size: 42px;
        line-height: 50px;
    }


    .contact-form-body{
        padding: 40px 50px !important;
    }

    /* CANDIDATE'S PROFILE */
    h3.advocacy-cat {
        border-bottom: 0 !important;
        line-height: normal !important;
        margin: 10px 0 10px 20px !important;
    }
    h3.advocacy-cat span {
        padding: 0 !important;
    }


    /* POLL RESULTS */
    .poll-header-wrap h2 {
        font-size: 38px;
        line-height: 46px;
    }
    .poll-header-wrap {
        height: 80px;
    }
    .poll-results-content {
        padding: 50px 30px;
    }
    .poll-content .tape-icon-wrap {
        display: none;
    }
    .ballot-box-wrap {
        margin-bottom: -30px;
        height: 250px;
    }

    /* LANDMARK BILLS */
    .landmark-category-bg {
        padding: 10px !important;
    }
}


@media (max-width: 479px) {

    /* BLURBS */
    .blurb-wrap {
        max-width: 90%;
    }

    .steps-container:before {
        width: 380px;
        margin-left: -190px;
    }
    #landing-slider-section .slide-item .slide-title {
        font-size: 32px !important;
    }

    #main-landing-slider .owl-item.active .slide-description {
        font-size: 16px !important;
    }
    h2 {
        font-size: 22px;
        line-height: 34px;
    }
    #landing-slider-section .slide-item .slide-title {
        font-size: 26px !important;
        line-height: 34px;
    }
    .main-header h1 {
        font-size: 24px;
        line-height: 36px;
    }
    .steps-illustration-wrap.step-1 {
        margin: 60px auto 0 0;
    }
    .steps-illustration-wrap.step-3 {
        margin: 60px 0 0 auto;
    }
    .feedback-body:before {
        margin-left: -58px;
    }
    .feedback-body:after {
        margin-right: -55px;
    }
    #apply-page .grid-wrap {
        padding: 30px 0px;
    }
    .step-label {
        font-size: 12px;
        line-height: 18px;
    }

    .steps-container:before {
        margin-top: 0;
    }
    #tutorial-section .tablinks:nth-child(2) {
        margin: 0 90px;
    }
    #tutorial-section .tab:before {
        width: 360px;
        margin-left: -180px;
    }

    /* CANDIDATE PROFILE */
    .candidate-banner img {
        min-height: 250px !important;
    }
    #candidate-profile .no-pad {
        padding: 0;
    }
    .candidate-banner-wrap:before {
        display: none;
    }
    .candidate-banner {
        padding: 0 0 10px 0 !important;
        border: 0!important;
        border-radius: 0 !important;
    }
    .candidate-banner img {
        border: 0;
        border-radius: 0 !important;
    }


    /* BOTANTE TIPS */
    /*#botante-tips-content .post-body-wrap {
        max-height: 400px !important;
    }
    #botante-tips-content .tips-content {
        min-height: 780px !important;
        padding: 50px 16px 30px !important;
    }*/



    /* GAMES */
    .drop-label-count {
        font-size: 24px !important;
        padding: 8px 20px 8px 10px !important;
    }
    .drop-label-count .ion-android-arrow-dropdown {
        font-size: 26px !important;
    }

    
}


@media (max-width: 425px) {


    /* BLURBS */
    .blurb-wrap {
        max-width: 100%;
    }

    /* FEEDBACK */
    .feedback-body h5 {
        font-size: 16px;
        line-height: 26px;
    }

    /* SERVICES */
    .services-text-wrap .btn-group-inline a {
        display: block;
        max-width: 200px;
        margin: 10px auto;
    }

    .blurb-wrap .blurb-image img {
        max-width: 60% !important;
    }
    .steps-container:before {
        width: 300px;
        margin-left: -150px;
    }
    .step-label {
        font-size: 12px;
        line-height: 18px;
    }
    #tutorial-section .tablinks:nth-child(2) {
        margin: 0 60px;
    }
    #tutorial-section .tab:before {
        width: 300px;
        margin-left: -150px;
    }

    /* CANDIDATE PREVIEW */
    #candidate_search {
        padding: 10px 50px 10px 30px;
    }

    /* CANDIDATE PROFILE */
    .border-bg-white, .border-bg {
        padding: 35px 10px !important;
    }
    .political-tab h2 {
        font-size: 26px;
        line-height: 34px;
    }



    /* KNOW YOUR KANDIDATO */
    #landmark-bills-cta {
        padding: 20px !important;
    }



    /* STAND ON ISSUE */
    .issue-list-title {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    .stand-on-issue-wrap {
        padding: 10px !important;
    }
    .modal-dialog .modal-content .close {
        width: 40px !important;
        height: 40px !important;
        padding: 5px 10px !important;
        top: 5px;
    }


    /* COMPARE CANDIDATE */
    .compare-content .col, .compare-candidate-content .col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }


    /* POLL RESULTS */
    .poll-header-wrap h2 {
        font-size: 32px;
        line-height: 40px;
    }
    .poll-results-content {
        padding: 50px 20px;
    }


    /* WHATS NEWS */
    .whats-news-blog .tape-icon-wrap {
        display: none !important;
    }


    /* LANDMARK BILLS */
    .bubble-wrap a {
        font-size: 18px !important;
        line-height: 26px !important;
    }
    .category-header .category-icon {
        max-width: 70px !important;
    }
    #landmark-bills-blog .category-header .custom-col .category-icon-wrap {
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }


    /* BOTANTE TIPS */
    /*#botante-tips-content .tips-content {
        min-height: 740px !important;
    }
    #botante-tips-content .post-body-wrap {
        max-height: 350px !important;
    }
*/


}
@media (max-width: 404px) {
    .welcome-wrap .btn-group-inline {
        text-align: left;
    }
    .welcome-wrap .btn-group-inline .btn {
        display: block;
        margin-bottom: 15px;
        margin-right: auto !important;
        margin-left: 0;
    }
#tutorial-section .tablinks:nth-child(2) {
    margin: 0 40px;
}
#tutorial-section .tab:before {
    width: 260px;
    margin-left: -130px;
}
}


@media (max-width: 375px) {
    
    .steps-container:before {
        width: 300px;
        margin-left: -150px;
    }
    #landing-section .carousel-control.left {
        margin-left: -20px;
    }
    #landing-section .carousel-control.right {
        margin-right: -20px;
    }


    /* CANDIDATE PROFILE */
    .employment-history .fullwidth-col, .awards-recognition .fullwidth-col, .other-issue .fullwidth-col, .survey-wrap .fullwidth-col {
        flex: auto;
        max-width: 100%;
    }
    .info-tab li {
        display: block !important;
    }

    /* ABOUT */
    .about-ql .blurb-wrap-content img {
        max-width: 200px !important;
    }

    h1 {
        font-size: 32px !important;
        line-height: 40px !important;
    }


    /* STAND ON ISSUE */
    .issue-content:after {
        margin-left: 70px;
    }


    /* SAMPLE BALLOT */
    .form-ballot-wrap {
        border: 30px solid transparent !important;
        padding-top: 20px !important;
    }
    .title-ballot h2 {
        font-size: 24px !important;
    }
    #sample-ballot .custom-col {
        padding: 0;
    }


    /* ISSUE MODAL */
    #issue-list-modal .modal-body {
        padding: 15px 30px 30px;
    }


    /* BOTANTE TIPS */
    

    /* ISSUE TRACKER */
    .vote-map-border {
        padding: 30px 20px;
    }
    #vis3 .philmap {
        transform: translate(-50px,20px) scale(0.6) !important;
    }
    #vis3 svg {
        height: 450px !important;
    }


}


@media (max-width: 320px) {
    
    .form-group.custom-forms {
        padding: 5px 5px 5px 0;
    }

    /* CANDIDATE PROFILE - PROFESSIONAL */
    .profile-card .bg-light-green {
        padding: 6px !important;
    }
    
}










/* LANDING PAGE */


section.parallax-section {
    padding: 250px 0;
  /*height: 800px;*/
  color: white;
  position: relative;
  text-align: center;
}
section.parallax-section .inner {
  margin: 0 auto;
  max-width: 85%;
}

section.parallax-section#one {
  background-color: #0089cd;
}

section.parallax-section#two {
  background-color: #00679a;
}

section.parallax-section#three {
  background-color: #009ae7;
}

section.parallax-section#four {
  background-color: #00679a;
  transition: all 0.4s linear;
}
section.parallax-section#four.is-active {
  background-color: #222222;
}

.other-section{
    position: relative;
    padding:  0;
    background: #ffffff;
    color: #333;
}




/* *********************************** */
/* LANDING HERO 1 */
/* *********************************** */
#landing-slider-section{
    overflow: hidden;
}
#landing-slider-section .hero-action-btns{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    z-index: 4;
}
#landing-slider-section .bg-image{
    /*min-height: 800px;*/
}
.landing-hero-1{
    position: relative;
    min-height: 300px;
}
.landing-hero-white{
    color: #ffffff;
}
.hero-center-text{
    text-align: center;
}
.landing-hero-1 .landing-container{
    position: relative;
    z-index: 3;
}
.landing-hero-1 .landing-content{
    padding: 170px 0 150px;
}
.landing-hero-1 .hero-title{
    font-size: 56px;
    line-height: 56px;
    /*letter-spacing: -1px;*/
    margin-bottom: 30px;
    color: #45291B;
}



#portal-section{
    position: relative;
    /*margin-top: -260px;*/
    padding: 0;
    z-index: 1010;
}

.label-header{
    font-family: 'Muli', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.landing-hero-1 .hero-lead{
    font-family: "TT Firs Neue", "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
}

.hero-action-btns{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0;
}
.hero-action-btns .form-group{
    margin-bottom: 5px;
}
.hero-action-btns .btn{
    margin-right: 0;
    min-width: 260px;
    /*margin-bottom: 20px;*/
}
.hero-action-btns .btn-blue:hover{
    background: #1b1b1b;
}
.hero-action-btns .btn:last-child{
    margin-right: 0;
}
.hero-btn{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Muli', sans-serif;
}

.landing-logo-header{
    padding: 0 50px;
    max-width: 650px;
    margin: 0 auto 15px;
}




.landing-section-1{
    position: relative;
    overflow: hidden;
    padding: 250px 0;
}
.landing-section-1 .container{
    position: relative;
    z-index: 3;
}

.landing-section-1 .landing-title{
    font-size: 56px;
    line-height: 58px;
}

.landing-section-1 .bg-image{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    max-height: 800px;
    padding-top: 50%;
}


.bg-color-overlay{
    overflow: hidden;

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-animation: feature-fade-in .6s ease-in-out;
    animation: feature-fade-in .6s ease-in-out;
    width: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,.1);
}
.bg-image-figure{
    overflow: hidden;

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-animation: feature-fade-in .6s ease-in-out;
    animation: feature-fade-in .6s ease-in-out;
    width: 100%;
    z-index: 1;
}

.bg-image-figure img{
    min-width: 1000px;
}

.yellow-pad-bg{
    background-image: url('../img/yellow-pad.svg');
    background-size: 100%; 
    background-position: top center; 
    background-repeat: repeat-y;
}

.bg-image{
    background-color: #1b1b1b;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    color: #fff;
    padding-top: 100%;
    position: relative;
    min-height: 200px;
}


#landing-slider-section .slide-item{
    position: relative;
    min-height: 860px;
    /*text-align: center;*/
    /*background: rgba(0,0,0,0.2);*/
}

#landing-slider-section .slide-item .slide-caption{
    position: relative;
    padding: 300px 0 260px;
    z-index: 3;
    text-align: left;
    /*max-width: 650px;*/
    /*text-align: center;*/
}

#main-landing-slider .featured-blog-category, #main-landing-slider .slide-title, #main-landing-slider .slide-read-more{
    opacity: 0;
}


#main-landing-slider .owl-item.active .featured-blog-category{
    /*opacity: 1;*/
     -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}
#main-landing-slider .owl-item.active .slide-title{
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
#main-landing-slider .owl-item.active .slide-description{
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 40px;
}
#main-landing-slider .owl-item.active .slide-social-icons{
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    animation-delay: 0.9s;
    margin-bottom: 40px;
}

#main-landing-slider .owl-item.active .slide-read-more{
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
#main-landing-slider .slide-btns-wrap {
    display: inline-flex;
}
#main-landing-slider .slide-read-more {
    margin-right: 10px;
}
#main-landing-slider .slide-read-more .btn {
    width: 253px;
    font-size: 16px;
}

.animated-block{
    -webkit-animation-name: fadeBottom;
    -moz-animation-name: fadeBottom;
    -ms-animation-name: fadeBottom;
    -o-animation-name: fadeBottom;
    animation-name: fadeBottom;
    -webkit-animation-duration: .7s;
    -moz-animation-duration: .7s;
    -ms-animation-duration: .7s;
    -o-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes fadeBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes fadeBottom {
    0% {
        opacity: 0;
        -moz-transform: translateY(10%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}
@-o-keyframes fadeBottom {
    0% {
        opacity: 0;
        -o-transform: translateY(10%);
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeBottom {
    0% {
        opacity: 0;
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}


.featured-blog-category{
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.featured-blog-category a{
    color: #fff;
}
.featured-blog-category a:hover, .featured-blog-category a:focus{
    color: #fff;
    opacity: 0.5;
}
#landing-slider-section .owl-slide{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1b1b1b;
    /*height: 100vh;*/
    /*background-attachment: fixed;*/
}
#landing-slider-section .slide-item .slide-title{
    font-size: 46px;
    line-height: 52px;
    text-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-bottom: 30px;
    max-width: 600px;
    /*margin: 0 auto 30px;*/
    margin-bottom: 30px;
}
#landing-slider-section .slide-item .slide-title a{
    color: #fff;
    font-size: 48px !important;
}
#landing-slider-section .slide-item .bg-image{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    height: 600px;
    -webkit-animation: feature-fade-in 1.5s ease-in-out;
    animation: feature-fade-in 1.5s ease-in-out;
}



#landing-slider-left .slide-caption{
    /*left: 0;*/
    right: 0;
}
#landing-slider-left .slide-title{
    color: #333;
    text-align: right;
}


#main-landing-slider .slide-caption{
    left: 0;
    right: 0;
}
#main-landing-slider .slide-title{
    color: #fff;
    /*text-align: left;*/
}
#main-landing-slider .bg-color-overlay{
    background: rgba(0,0,0,0.3);
}




@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
  -webkit-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
   -moz-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -o-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
        transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

}


@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  -webkit-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
   -moz-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -o-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
        transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

}




@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
   -moz-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -o-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
        transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

}


@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
  -webkit-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
   -moz-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
     -o-transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
        transition: right 300ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */

}




/* *********************************** */
/* PAGE SECTION */
/* *********************************** */
.fluid-max{
    max-width: 1500px;
}
.page-section{
    padding: 100px 0;
}
.grid-div-01{
    height: 50px;
    width: 1px;
    background: #DEBBDC;
    min-height: 50px;
    min-width: 1px;
    position: absolute;
    top: 20px;
    left: -15px;
}

.main-login-container{

}

.box-shadow-01{
    box-shadow: 0 0 15px rgba(41, 62, 148, 0.1);
}
.border-01{
    border: 1px solid #D4D6D8;
}

.box-label-radio{
    border: 1px solid #D4D6D8;
}

.radio-box-01{
    position: relative;
}
.radio-box-01 input[type=radio] {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2;
}
.radio-box-01 input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #CCB590;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
.radio-box-label{
    width: 100%;
    display: block;
    margin-bottom: 20px;
    position: relative;
    padding: 15px 25px;
    border-radius: 10px;
    cursor: pointer;
}

.radio-box-label > input{
    
}

.radio-box-01 input[type=radio]:checked + .radio-box-label{
    border: 1px solid #293E94;
    box-shadow: 0 0 0 4px rgba(41,62,148,.2) !important;
}

.custom-radio-btn {

}



.compare-categories input[type='radio'] {
    display: none;
}
.custom-radio-block {
    position: relative;
}
.compare-categories label:before {
    content: '';
    display: inline-block;
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 2px solid #000;
    background-color: #fff;
}
.compare-categories input[type=radio]:checked + label:after {
    border-radius: 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    left: 2px;
    content: '';
    display: block;
    background: #ed5233;
}


/*.landing-navbar .page-section{
    padding: 60px 0;
}*/
.page-section-title{
    font-size: 44px;
    line-height: 46px;
    margin-bottom: 22px;
    color: #3B3B3B;
}
.section-sub-title{
    font-family: "TT Firs Neue", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.section-label{
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
}

.parallax-bg-wrap{
    position: relative;
    overflow: hidden;
}
.parallax-bg-wrap .content-wrapper{
    position: relative;
    z-index: 4;
}
.parallax-bg-wrap .bg-image{
    z-index: 2;
    height: auto;
    padding: 0;
    min-height: 600px;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.product-filter-nav{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 40px;
}
.product-filter-nav > li{
    display: block;
    /*margin-bottom: 5px;*/
}
.product-filter-nav-parent > li{
    margin-bottom: 5px;
    position: relative;
}

.product-filter-nav-parent > li > .filter-header{
    position: relative;
}
.product-filter-nav-parent > li > .filter-header:after, .product-filter-nav-parent > li > .filter-header.collapsed:after{
    /*border: 1px solid #333;*/
    font-size: 18px;
    right: 24px;
    top: 0;
    /*width: 20px;*/
    /*height: 20px;*/
}


.product-filter-nav-parent li .filter-header:after, .product-filter-nav-parent li .filter-header.collapsed:after{
    content: '\f3d0';
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*width: 20px;*/
    height: 20px;
    position: absolute;
    z-index: 3;
    font-size: 14px;
    right: 0;
    top: 4px;
    /*border: 1px solid #333;*/
    /*border-radius: 80px;*/
    padding: 6px;
    text-align: center;

    -webkit-transition: all .3s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -moz-transition: all .3s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -o-transition: all .3s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    transition: all .3s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.product-filter-nav-parent li .filter-header.collapsed:after{
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


.filter-auto-scroll{
    max-height: 500px;
    overflow: auto;
}


/* RANGE SLIDER */
.irs{
    font-family: inherit;
}
.irs--round .irs-handle{
    background: #fff;
    width: 20px;
    height: 20px;
    border: 1px solid #293E94;
    box-shadow: none;
}
.irs--round .irs-line{
    height: 1px;
    border-radius: 0;
}
.irs--round .irs-bar{
    height: 1px;
    background-color: #293E94;
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
    background-color: #293E94;
    font-size: 12px;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{
    border-top-color: #293E94;  
}
.irs--round .irs-min, .irs--round .irs-max{
    background-color: transparent;
    font-size: 12px;
    padding-left: 0;
    padding-right: 0;
}


.product-filter-nav > li > a{
    display: block;
    padding: 3px 0;
}

.filter-div{
    border-top: 1px solid #262626;
    width: 100px;
    margin-bottom: 40px;
    overflow: hidden;
}

.product-filter-nav.main-category > li > a{
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;    
    font-size: 18px;
    line-height: 26px;
    /*margin-bottom: 5px;*/
    letter-spacing: 2px;
}

.filter-header{
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;    
    font-size: 18px;
    line-height: 26px;
    /*margin-bottom: 15px;*/
    letter-spacing: 2px;
}


/* CARD / PANELS */

.card-item-1{
    box-shadow: 0 2px 30px rgba(0,0,0,0.05);
    background: #ffffff;
    /*border-radius: 10px 10px 0 0;*/
    margin-bottom: 40px;
    border-bottom: 6px solid #DEBBDC;
}
.card-item-1 > .card-body{
    padding: 30px;
}
.card-image{
    margin-top: 10px;
}
.card-image svg{
    width: 76px;
    height: 76px;
}
.br10{
    border-radius: 10px;
}

.divider-01{
    height: 2px;
    background: #DEBBDC;
    margin-top: 5px;
    margin-bottom: 10px;
}


/* SUBJECTS */
.featured-subject-image{
    width: 400px;
    margin: 0 auto;
}
.module-lists{
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 0 30px rgba(0,0,0,0.05);
}
.module-lists .module-list-item{
    border-left: 3px solid #ed5233;
    padding: 30px 40px 30px 50px;
    border-bottom: 1px solid #eeeeee;
}
.module-order-no{
    font-size: 48px;
    line-height: 50px;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 700;
}
.access-month{
    border-bottom: 1px solid #DEBBDC;
    padding-bottom: 5px;
    display: inline-block;
}
.access-month-top{
    border-top: 1px solid #DEBBDC;
    padding-top: 2px;
    margin-top: 3px;
    /*display: inline-block;*/
}
.access-cost{
    font-size: 38px;
    line-height: 48px;
    padding: 10px 0 0;
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 700;
}

.access-cost-strike{
    font-family: 'TT Firs Neue', sans-serif;
    font-weight: 700;
}

.price-strikeout{
    font-size: 24px;
    position: relative;
}

.price-strikeout:before{
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ed5233;
}

.price-strikeout-sm{
    font-size: 16px;
    position: relative;
}

.price-strikeout-sm:before{
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #ed5233;
}

#access-options{
    border-bottom: 6px solid #DEBBDC;
}

.divider{
    border-top: 1px solid #DEBBDC;
    padding-top: 2px;
    margin-top: 3px;
    /*display: inline-block;*/
}


/* BLOG SECTION */
.two-col-section{

}
.featured-blog-img-2{
    margin-bottom: 20px;
    max-width: 600px;
}
.post-body-right .featured-post-body{
    padding-top: 80px;
    padding-left: 135px;
}
.featured-blog-category-2{
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #45291b;
    position: relative;
    margin-bottom: 40px;
    display: block;
    font-size: 12px;
}
.featured-blog-category-2:before{
    content: '';
    height: 1px;
    width: 80px;
    background: #45291b;
    position: absolute;
    left: -100px;
    top: 11px;
}

.featured-blog-title-2 {
    font-size: 38px;
    line-height: 50px;
    color: #68583e;
    margin-bottom: 20px;
}
.featured-blog-title-2 a {
    color: #45291B;
}
.featured-blog-category-2 a{
    color: #68583e;
}
.featured-blog-author-2 a:hover {
    color: #68583e;
}
.featured-post-meta{
    margin-bottom: 50px;
}


.featured-blog-author-2{
    display: inline-block;
    margin-bottom: 22px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 3px;
}



.two-col-section-2{

}
.featured-cc-img{
    margin-bottom: 30px;
    padding: 0 20px;
}
.featured-post-body-2{
    text-align: center;
    padding: 0 40px;
}
.featured-post-body-2 .featured-blog-title-2{
    font-size: 22px;
    line-height: 34px;
    color: #68583e;
    margin-top: 0;
}
.featured-post-body-2 .featured-blog-category-2{
    margin-bottom: 20px;
}
.featured-post-body-2 .featured-blog-category-2:before{
    display: none;
}
.featured-post-body-2 .featured-post-meta{
    margin-bottom: 20px;
}




/* CUT & CURATED */
.featured-full-section{

}
.featured-full-section-body {
    background-attachment: fixed;
    color: #fff;
    background-color: #2b2b2b;
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    text-align: center;

    -webkit-background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: 100%;
    -moz-background-size: cover;
    background-size: 100%;
    background-size: cover;
}
.featured-full-section-overlay{
    background: rgba(0,0,0,0.4);
    padding-top: 450px;
    padding-bottom: 30px;
}

.featured-full-section .featured-blog-category-2{
    margin-bottom: 15px;
}

.featured-full-section .featured-blog-category-2 a{
    color: #ffffff;
}
.featured-full-section .featured-blog-title-2 a{
    color: #ffffff;
}

.featured-full-section-body .container {
    transition-duration: 1s !important;
    transition-delay: 1s;
}

#featured-creative-confidential .section-picture-featured-front {
    /*transition-duration: 1s !important;
    transition-delay: 1s;*/
}




.blockquote{
    border: 0 !important;
    padding: 50px 0;
    margin: 0;
    text-align: center;
    position: relative;
}
.blockquote:before, .blockquote:after{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -75px;
    content: '';
    width: 150px;
    height: 1px;
    background: #293E94;
    opacity: 0;

    -webkit-transition: opacity 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -moz-transition: opacity 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -o-transition: opacity 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    transition: opacity 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.blockquote:after{
    width: 80px;
    margin-left: -40px;
    top: 100%;
    bottom: -20px;
    transition-delay: .5s;
}

.blockquote:hover:before, .blockquote:hover:after{
    opacity: 1;
}
.blockquote:hover .quote-title a{
    color: #293E94;
}
.blockquote .quote-title{
    font-family: 'Muli', sans-serif;
    font-size: 48px;
    line-height: 54px;
    color: #7cb0ab;
}
.blockquote .quote-title:before, .blockquote .quote-title:after{
    content: '“';
    font-size: 56px;
    line-height: 56px;
    font-family: "Georgia", "Times New Roman", Times, Baskerville, serif;

    -webkit-transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -moz-transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -o-transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.blockquote .quote-title:after{
    content: '”';
}
.blockquote .quote-title a{
    color: #7cb0ab;

    -webkit-transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -moz-transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -o-transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    transition: all 1s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}

.blockquote:hover .quote-title:before, .blockquote:hover .quote-title:after{
    color: #293E94;
}



@media ( max-width: 991px ){
    #landing-slider-section .slide-item{
        min-height: 650px;
    }
    
    .featured-blog-img-2{
        max-width: 400px;
        margin: 0 auto 180px;
    }
    .post-body-right .featured-post-body{
        padding-left: 0;
        padding: 0 60px;
    }

    .featured-post-body-2 .featured-blog-title-2 {
        font-size: 24px;
        line-height: 32px;
    }
    .featured-posts-cc-2{
        margin-bottom: 50px;
    }
}








/* SINGLE POST */
#blog-single-post-section{
  padding-top: 50px;
}

.post-card-wrap-grid{
  margin-bottom: 20px;
}
.more-post-wrap .post-card-wrap-grid .post-card h3{
  margin-top: 10px;
  line-height: 28px;
}

.special-blog-post-section{
  min-height: 600px;
  position: relative;
}

.special-blog-content{
    margin-top: -100px;
    padding-top: 0;
    position: relative;
    z-index: 10;
}

.special-blog-content .blog-post-container{
    padding-top: 60px;
}

.landing-page-section-title{
  padding: 130px 0 0;
  text-align: center;
}
.landing-page-section-title .landing-page-title{
  font-size: 46px;
  line-height: 58px;
}



.blog-post-container{
  /*box-shadow: 0 1px 18px rgba(0,0,0,0.1);*/
  background: #ffffff;

  -webkit-transition: -webkit-transform 300ms ease-in-out;
    -moz-transition: -moz-transform 300ms ease-in-out;
    -ms-transition: -ms-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
  overflow: hidden;


  /*border: 1px solid #dddddd;*/
  /*box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);*/
}

.arrow_box {
  position: relative;
  background: #fff;
}
.arrow_box:after {
  top: 100%;
  /*left: 50%;*/
  left: 70px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 15px;
  margin-left: -15px;
}

.blog-post-image{
  min-height: 50px;
}
.blog-post-image .image{
  background-color: #919191;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;

    padding-top: 50%;
    padding-top: 59.6667%;
    position: relative;    
}

.blog--post--wrapper .container-fluid {
    width: 90%
}
.blog--post--wrapper .container-fluid{
    max-width: 1400px;
    padding: 80px;
    background: #ffffff;
}
.post-single-header{
  /*padding: 40px 60px 15px;*/
  padding: 0px;
  /*border-bottom: 1px solid #ececec;*/
  z-index: 1;
}
.post-footer{
  padding: 40px 100px 20px;
}

.post-single-header .breadcrumb{
  text-transform: uppercase;
  font-size: 12px;
}
.post-single-header .breadcrumb > .active{
  color: #999;
}
.breadcrumb{
  background: none;
  padding: 0;
}
.post-single-header .title{
  color: #1B5360;
  font-size: 34px;
  font-weight: 400;
  line-height: 46px;
  margin-bottom: 15px;
}
.blog-post-content .paragraph-block, .quote-block{
  /*padding: 30px;*/
  font-size: 16px;
  line-height: 26px;
  /*font-weight: 300;*/
}
.blog-post-content .container, .blog-post-content .container-fluid{
  width: 100%;
  /*padding: 0;*/
  /*overflow: hidden;*/
}
.blog-post-content a{
  color: #6583AC;
}
.blog-post-content a:hover .blog-post-content a:focus{
  text-decoration: underline;
}
.blog-post-content .image-block{
  position: relative;
}
.blog-post-content p {
    margin: 0 0 20px;
    /*font-size: 16px;*/
    /*line-height: 24px;*/
    margin-bottom: 20px;
}

.author-thumb img{
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.post-meta{
  margin-bottom: 0;
  margin-left: 0;
}
.post-meta > li{
  padding: 0;
  margin-right: 7px;
  color: #999;
  /*text-transform: uppercase;*/
  font-size: 12px;
}
.post-meta > li.tweet > a{
  color: #55acee;
/*  font-weight: 700;*/
  /*font-family: 'Bw Modelica Reg', sans-serif;*/
}

.post-sidebar{
  /*border-top: 1px solid #eeeeee;*/
}
.post-sidebar-wrap{

}
.post-sidebar-wrap .side-header{
  margin-top: 0px;
  margin-bottom: 0;
  padding: 0 25px;
  /*font-weight: 900;*/
}
.post-sidebar-wrap .post-card h3{
  margin-top: 0;
  padding-top: 0;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
  font-weight: 600;
}
.post-sidebar-wrap .post-card-meta{
  /*margin-top: 0;*/
  margin: 0;
}
.post-sidebar-wrap .ms-list-item{
  padding-bottom: 10px;
  /*border-bottom: 1px solid #eeeeee;*/
  padding: 15px 25px;
  margin-bottom: 0;
}









/* *********************************** */
/* POST STYLES */
/* *********************************** */
.list-post-grid{
  list-style: none;
  padding: 0;
  margin: 0;
}

.post-card-wrap{
  position: relative;
  min-height: 400px;
  /*background: #f1f1f1;*/
  /*border: 1px solid #eeeeee;*/
  /*margin-bottom: 30px;*/
  box-shadow: 0 0 1px #f3f3f3;
  padding: 20px;

  background: #ffffff;
  -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.post-card-wrap:hover{
  box-shadow: inset 0 0 3px #dddddd;
}

.post-card-wrap .post-link{
  display: block;
}
.post-card{
  position: relative;
    z-index: 2;
}
.post-card .text{

  /*opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 20px;*/
}
.post-card:hover .text{
  opacity: 1;
}
.post-card .post-link{
  display: block;
  /*background-color: #2b2b2b;*/
}

/* WALL STYLE */
.summary-wall .summary-item{
    /*text-align: left;*/
  /*background-color: #ffffff;*/
  /*padding: 0;*/
}
.summary-wall-container{
  padding: 60px 0;
  background: #222222;
}
.summary-wall .summary-item:hover .post-card-wrap-wall{
  /*box-shadow: 0 0px 25px rgba(0,0,0,0.1);*/
}
.post-card-wrap-wall{
  /*box-shadow: 0 0px 5px rgba(0,0,0,0.1);*/
  background: #fff;
  -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    margin-bottom: 20px;
    min-height: 560px;
}

#blog-posts-masonry .post-card-wrap-wall{
  min-height: auto;
}

.post-card-wrap-wall .text{
  /*padding: 1px 15px;*/
}

.blog--list--wrapper .post-card-wrap-wall .text{
  min-height: 180px;
}


.post-card .image-body{
  margin-bottom: 15px;
}

.post-card h3{
  color: #45291B;
  margin-top: 0;
    padding-top: 0;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 5px;
    text-align: center;
}
.summary-carousel .post-card h3{
  padding-top: 0;
}
#content-block-featured .post-card h3{
  font-size: 16px;
  line-height: 22px;
}
.post-card h3 a{
  color: #111;
}
.post-card .title{
  color: #1B5360;

    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}
.post-card:hover .title{
  /*box-shadow: inset 0 -1px 0 #2b2b2b;*/
  text-transform: normal;
}

.post-card .image{
  /*background-color: #6d6e71;*/
  background-color: #fff;
  background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    color: #fff;
    /*padding-top: 50%;  Aspect Ratio Auto */
    /*padding-top: 56.25%;*/
    /*padding-top: 100%;*/
    min-height: 345px;
    position: relative;
    /*box-shadow: 0 0 8px rgba(0,0,0,0.075);*/
}

.post-sidebar .post-card .image{
  min-height: auto;
}
.post-sidebar .post-card h3{
  text-align: left;
}



/*
  Image Aspect ratio
  1:1 Square: 100% 
  3:2 Standard: 66.6667%
  2:3 Standard (Vertical): 150%
  4:3 Four-Three: 75%
  3:4 Three-Four (Vertical): 133.333%
  16:9 Widescreen: 56.25%
  2.4 Anomorphic Widescreen: 41.6667%
*/
.ar-square .image{
  padding-top: 41.6667%;
}
.ar-standard .image{
  padding-top: 66.6667%;
}
.ar-standard-vertical .image{
  padding-top: 150%;
}
.ar-four-three .image{
  padding-top: 75%;
}
.ar-three-four-vertical .image{
  padding-top: 133.333%;
}
.ar-widescreen .image{
  padding-top: 56.25%;
}
.ar-anomorphic-widescreen .image{
  padding-top: 41.6667%;
}

.image{
  /*-webkit-transform-style: preserve-3d;*/
  /*-webkit-transform:translate3d(0,0,0);*/

  -webkit-transform:translate3d(0,0,0);
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
.post-card .image-backdrop:hover{
  opacity: 0;
}
.image-backdrop{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d6e71000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  opacity: 0.3;
  z-index: 1;

  -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}



.post-card .intro{
  color: #888;
  text-align: center;
  /*font-size: 14px;
  line-height: 20px;*/
}
.post-card-meta{
  margin-top: 12px;
  /*color: rgba(0,0,0,0.4);*/
  color: #45291b;
  line-height: 20px;
  margin: 0;
}
.post-card-meta > li:first-child{
  padding-left: 0;
}
.post-card-meta .share-btn{
  opacity: 0;
  color: #888;
  -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.summary-item:hover .post-card-meta .share-btn{
  opacity: 1;
}
.post-body-wrap{
  /*box-shadow: 7px 3px 16px rgba(0,0,0,0.05);*/
  /*overflow: hidden;*/
  /*padding-bottom: 40px;*/
  /*box-shadow: 0 3px 16px rgba(0,0,0,0.2);*/
}
.more-post-wrap{
  padding: 10px 60px 40px;
}
.comments-post-wrap{
  padding: 10px 60px 40px;
}
.more-post-wrap .tab-content{
  padding: 20px 0;
}
.more-post-wrap .post-card h3{
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 5px;
  text-align: left;
}
.more-post-wrap .post-card-meta{
  font-size: 12px;
}

.more-post-wrap .post-card .image{
  min-height: 200px;
}

.post-user-meta{
  background: #f1f1f1;
  padding: 30px 60px;
  color: #333;
}
.post-user-meta a{
  /*color: #ffffff;*/
  /*box-shadow: inset 0 -1px 0 #999;*/
}
.post-user-meta a:hover{
  box-shadow: inset 0 -1px 0 #ffffff;
}
.post-user-meta .author-photo{
  overflow: hidden;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  box-shadow: 0 0 0 4px #ffffff;
  margin-bottom: 20px;
  /*margin-right: 20px;*/
}
.post-user-meta .author-photo:hover{
  box-shadow: 0 0 0 4px #ffffff;
}
.post-user-meta .author-meta{

}
.post-user-meta hr{
  border-color: #444;
}
.post-user-meta .author-name{
  /*color: #ffffff;*/
  font-size: 16px;
  line-height: 24px;
/*  font-weight: 700;*/
  font-family: 'Bw Modelica Reg', sans-serif;
  box-shadow: none;
}


.artist-link{
  color: #17212c;
  text-transform: uppercase;
  font-family: "Bw Modelica Reg", "Helvetica Neue", Helvetica, sans-serif;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  letter-spacing: 1px;
}
.artist-link-lg{
  font-size: 16px;
}






/* MASONRY STYLE */
.msis-summary-container {
  margin: 0 auto;
}
/* MASONRY STYLE */
.ms-carousel-item{
  padding: 5px 0;
}

/* SUMMARY LIST STYLE */
.summary-list .ms-list-item{
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.summary-list .ms-list-item .post-image-wrap{
  width: 40%;
}
.summary-list .ms-list-item .post-image-wrap.list-image-left{
  float: left;
  padding-right: 20px;
}
.summary-list .ms-list-item .post-image-wrap.list-image-right{
  float: right;
  padding-left: 20px;
}
.summary-list .ms-list-item .text{
  float: left;
  width: 60%;
}

.widget.sidebar-widget .summary-list .post-card h3{
    padding-top: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
}


.post-card-wrap-carousel{
  /*padding: 15px;*/
  background: #ffffff;
  box-shadow: 0 0 8px rgba(0,0,0,0.075);

  -webkit-transition: box-shadow 300ms ease-in-out;
    -moz-transition: box-shadow 300ms ease-in-out;
    -ms-transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out;
}
.ms-carousel-item:hover .post-card-wrap-carousel{
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.post-card-layer{
  box-shadow: 3px 4px rgba(255,255,255,0.8),6px 7px rgba(255,255,255,0.6);
}
.post-card-layer:hover{
  box-shadow: 5px 6px rgba(255,255,255,0.8),10px 11px rgba(255,255,255,0.6);
}


.post-card-wrap-body-carousel .text{
  /*padding: 1px 15px;*/
  padding: 8px 21px;
}



.blog--landing--body .author-photo{
  overflow: hidden;
  display: inline-block;
  width: 120px;
  height: 120px;
  border-radius: 60px;
  box-shadow: 0 0 0 4px #ffffff;
  /*margin-right: 20px;*/
}
.blog--landing--body .blog-author-profile{
  padding: 120px 0;
}
.blog--landing--body .author-meta{
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}
.blog--landing--body .author-name{
  color: #ffffff;
  font-size: 26px;
  line-height: 34px;
  font-family: 'Bw Modelica Reg', sans-serif;
  font-weight: 400;
  box-shadow: none;
}
.blog--landing--body a{
  color: #ffffff;
  font-weight: 400;
}

.blog--landing--body{
  position: relative;
  z-index: 2;
}
.blog--landing--wrap{
  /*background: #2b2b2b;
  position: relative;
  min-height: 200px;
  min-height: 300px;
  color: #fff;
  margin-bottom: 20px;
  padding-top: 65px;*/
}
.blog--landing--wrap .image-backdrop{
  opacity: 0;
}

.blog-category-list{
  text-align: center;
  margin-bottom: 50px;
}
.blog-category-list > li > a{
  /*text-transform: uppercase;*/
  /*letter-spacing: 1px;*/
  font-size: 14px;
  padding: 10px 5px;
  font-weight: 600;
}
.blog-category-list > li.active > a{
  text-decoration: underline;
}

.page-title-wrap{
  /*padding: 50px 0 0;*/
}
.page-description-wrap{
  text-align: center;

  padding: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  /*background: rgba(0,0,0,0.3);*/
}

.page-title-wrap h1{
  /*font-size: 48px;
  line-height: 52px;
  font-family: 'Bw Modelica Reg', serif;
  font-weight: 400;*/
}
.landing-backdrop{
  /*background-color: #2b2b2b;*/
    background-size: 1400px;
    background-position: center top;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    /*-webkit-filter: blur(8px);*/
    /*-moz-filter: blur(8px);*/
    /*-ms-filter: blur(8px);*/
    /*filter: blur(8px);*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
}

.arrow-clip{
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 10% 97%, 8% 100%, 6% 97%, 0 97%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 10% 97%, 8% 100%, 6% 97%, 0 97%);
}


.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

























/* ABOUT INTRO */
.kurin-about-logo{
    padding: 60px 0 20px;
    max-width: 270px;
}
.about-intro-content{
    padding: 100px 0;
}


.the-science-header-wrap{
    padding-top: 180px;
}




.faq-item{
    position: relative;
    margin-bottom: 40px;
}
.faq-item:before{
    content: '';
    position: absolute;
    top: 16px;
    left: -10px;
    right: 10px;
    bottom: -14px;
    z-index: -1;
    background: #ed5233;
    border-radius: 10px;
}
.faq-item .faq-question{
    font-size: 18px;
    line-height: 28px;
    padding: 26px 32px;
    /*margin-bottom: 10px;*/
    background: #ffffff;
    color: #000;
    font-family: 'TT Firs Neue', sans-serif;
    display: block;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}

.faq-item .faq-question:after, .faq-item .faq-question.collapsed:after{
    content: '\f3d0';
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 3;
    font-size: 28px;
    right: 15px;
    top: 26px;
    color: #DEBBDC;
}
.faq-item .faq-question.collapsed:after{
    content: '\f3d1';
}
.faq-item .faq-answer{
    padding: 0 50px;
    color: #ffffff;
}

.faq-item .faq-answer .panel-body{
    padding-top: 30px;
    background: #ed5233;
}
.faq-item .faq-answer .panel-body a{
    color: #ffffff;
    text-decoration: underline;
     overflow-wrap: break-word;
      word-wrap: break-word;
}
.faq-item .faq-answer .panel-body h4, .faq-item .faq-answer .panel-body h5{
    color: #ffffff;
}




/* ATI CONTACT FORM */

.contact-form-body{
    background: #ffffff;
    padding: 80px 100px;
    position: relative;
    z-index: 2;
    border-radius: 10px;
    box-shadow: 0 0 35px rgba(41, 62, 148, 0.1);
}






/* TESTIMONIALS */
#testmonials-section{
    background: #DFE6EF;
}
#testmonials-section .quote-icon{
    max-width: 36px;
    margin: 10px auto 30px;
}

#testmonials-section .testi-item{
    position: relative;
    padding: 0 15px;
    margin-bottom: 30px;
}

#testmonials-section .testi-message{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
}

#testmonials-section .test-from{
    text-transform: uppercase;
    color: #111;
    letter-spacing: 2px;
    font-size: 16px;
}



.circle-label{
    font-family: 'Muli', sans-serif;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #707070;
    background: #fff;
    text-align: center;
    font-size: 14px;
    padding: 8px;
}




.icon-blurb{
    padding: 0;
    margin: 0;
    list-style: none;
}
.icon-blurb > li{
    display: inline-block;
    text-align: center;
    width: 250px;
    margin-bottom: 120px;
}
.icon-blurb > li .icon-blurb-wrap{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin: 0 auto 20px;
}
.icon-blurb > li .blurb-title{
    text-transform: uppercase;
    letter-spacing: 1px;
}





#how-to-video-wrapper{
    padding: 122px 0;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.8);
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1) 45ms, transform 0.5s cubic-bezier(0.7, 0, 0.3, 1) 45ms;
}
#how-to-video-wrapper.open-video{
    z-index: 5;
}
#how-to-video-wrapper .how-to-video-close{
    position: absolute;
    right: 36px;
    top: 20px;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    z-index: -1;
    opacity: 0;

    transition: -webkit-transform 1.1s cubic-bezier(0,.25,.08,1), opacity 1s cubic-bezier(0.7, 0, 0.3, 1) 45ms;
    transition: transform 1.1s cubic-bezier(0,.25,.08,1), opacity 1s cubic-bezier(0.7, 0, 0.3, 1) 45ms;
    transition: transform 1.1s cubic-bezier(0,.25,.08,1),-webkit-transform 1.1s cubic-bezier(0,.25,.08,1), opacity 1s cubic-bezier(0.7, 0, 0.3, 1) 45ms;
}
#how-to-video-wrapper.open-video .how-to-video-close:hover{
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);  
}

#how-to-video-wrapper.open-video .how-to-video-close{
    opacity: 1;
    z-index: 6;
}
#how-to-video-wrapper iframe{
    width: 100%;
    max-width: 900px;
}




/* THE SCIENCE */
.science-icon{
    max-width: 80px;
    margin: 0 auto 20px;
}

















.social-media-links{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}
.social-media-links > li{
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
.social-media-links > li > a{
    display: block;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
.social-media-links > li > a .social-icon{
    display: block;
    width: 30px;
    height: 30px;
    background: #121212;
    color: #ffffff;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    float: left;
}
.social-media-links > li > a .social-label{
    display: block;
    float: left;
    overflow: hidden;
    padding-top: 3px;
}

.social-media-links-inline > li{
    float: left;
}
.social-media-links-inline > li > a{
    margin-bottom: 20px;
}


.logo-list .logo-item{
    /*margin-right: 10px;*/
    margin-bottom: 10px;
    /*padding: 20px;*/
    /*border: 1px solid #dddddd;*/
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    text-align: center;
}
.logo-list .logo-item img{
    width: 160px;
    margin: 0 auto;
}




.section-pad{
    padding: 100px 0;
}
.section-pad-sm{
    padding: 50px 0;
}
.section-pad-md{
    padding: 80px 0;
}
.section-pad-bottom{
    padding-bottom: 100px;
}
.section-pad-lg{
    padding: 150px 0;
}



/* PAYMENT PAGE */

.payment-options-tab-nav{
    position: relative;
}
.payment-options-tab-nav .payment-option-icon{
    width: 60px;
    display: block;
    margin: 0 auto 10px;
}
.payment-options-tab-nav > li > a{
    opacity: 0.8;
}
.payment-options-tab-nav > li > a img{
    -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.payment-options-tab-nav > li.active > a{
    opacity: 1;
}
.payment-options-tab-nav > li.active > a img{
    filter: none;
}
.payment-options-tab-nav.ms-tabs-2 > li > a::before{
    left: 12px;
    top: 2px;
}
.payment-options-tab-nav.ms-tabs-2 > li > a::after{
    left: 12px;
    top: -8px;
}
.payment-option-label{
    font-size: 14px;
    line-height: 24px;
}

.payment-bank-logo{
    width: 120px;
    margin-bottom: 20px;
}





#featured-post{
    overflow: hidden;
}


/* *********************************** */
/* FEATURED PRODUCTS */
/* *********************************** */
.featured-product-item{
    min-height: 270px;
    text-align: center;
    position: relative;
    /*background: #eeeeee;*/
    margin-bottom: 30px;

    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.featured-product-item{
    padding: 0;
}
.featured-product-pad{
    padding: 50px 40px;
}
.featured-product-item > a{
    display: block;
    /*padding: 70px 30px 30px;*/
    color: #111;
}

.featured-product-item .product-image{
    /*max-width: 200px;*/
    margin: 0 auto;
}
.featured-product-item .product-title{
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 28px;
    margin-bottom: 0;
}
.featured-product-item .product-title-2{
    font-size: 20px;
    line-height: 26px;
}
.featured-product-item .product-snippet{
    margin-bottom: 20px;
}
.product-title-body{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 34px 30px;
    z-index: 3;
}



.featured-bottle-size{
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 2;
}
.featured-product-price{
    font-size: 16px;
    margin-bottom: 20px;
}

.bulk-item{
    min-height: 200px;
    position: relative;
}
.bulk-item .bulk-text{
    margin: 0;
    font-size: 30px;
    line-height: 38px;
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 40px;
}

.bulk-item > a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}






/* *********************************** */
/* WIDGETS */
/* *********************************** */
.widget {
    border-bottom: 1px solid;
    border-color: #e5e5e5;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.widget-title {
    color: #222;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 25px;
}
.widget img {
    max-width: 100%;
    height: auto;
}
.instagram-pics.sidebar-widget {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}
.instagram-pics.sidebar-widget li {
    width: 30.55%;
    display: inline-block;
    border-bottom: none;
    padding: 0;
    margin: 0 10px 10px 0;
    float: left;
}

.instagram-pics.sidebar-widget li img {
    max-width: 100%;
    vertical-align: middle;
}

.null-instagram-feed {
    text-align: center;
}















.content-block{
    margin-bottom: 20px;
}
.content-block-wrap{
    display: block;
}
.content-block-label{
    /*position: absolute;
    z-index: 2;*/
    padding: 50px;
}
.content-block-media{
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.content-block-label.top-left{
    top: 0;
    left: 0;
}
.content-block-label.bottom-center{
    bottom: 0;
    left: 0;
}
.builder-container .summary-block{
    min-height: 100px;
}








/* *********************************** */
/* IMAGE BLOCK */
/* *********************************** */

.content-block-image{
    position: relative;
}
.image-caption-wrap{
    padding: 10px 100px;
    font-size: 12px;
    line-height: 18px;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.image-caption-wrap p{
    margin: 0;
}
.image-caption-wrap.caption-below{
    color: #999;
}
.image-caption-wrap.caption-overlay, .caption-overlay-on-hover{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #111;
    background-color: rgba(0,0,0,0.7);
    padding: 10px 13px;
    color: #fff;
}
.image-caption-wrap.caption-overlay-on-hover{
    opacity: 0;
}
.content-block-image:hover .image-caption-wrap.caption-overlay-on-hover{
    opacity: 1;
}


.pgrid .image-caption-wrap{
    /*padding: 10px 50px;*/
}




/* *********************************** */
/* CART */
/* *********************************** */
#cart-form{
    padding-top: 30px;
}
#cart-form th{
    padding-bottom: 15px !important;
}

#cart-form .cart-table > tbody > tr > td{
    padding: 20px 0;
}
.cart-table{
    border-bottom: 1px solid #dddddd;
}
.cart-table th{
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    border: 0 !important;
}
.cart-table td{
    border: 0 !important;
}

.cart-price-table{
    font-size: 22px;
    line-height: 28px;
}
.cart-price-table > tbody > tr > td{
    padding: 0 0 5px 10px !important;
}

.table-label{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-family: 'Muli', sans-serif;
    margin-top: 5px;
    color: #888;
}



.delivery-status-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.delivery-status-list > li{
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    min-width: 180px;
}
.delivery-status-list > li:last-child{
    margin-right: 0;
}
.delivery-status-list > li > .stat-icon{
    display: inline-block;
    width: 60px;
    height: 60px;
    padding: 10px;
    /*background: #888;*/
    border: 1px solid #293E94;
    /*border-radius: 50%;*/
    position: relative;
    margin-bottom: 12px;
}
.delivery-status-list > li .del-icon{
    font-size: 38px;
    color: #ddd;
}

.delivery-status-list > li .check-icon{
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: -8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.del-stat-label{
    font-family: 'Muli', sans-serif;
    /*text-transform: uppercase;*/
    color: #888;
}

.delivery-status-list > li.active-status .check-icon{
    /*display: block;*/
}
.delivery-status-list > li.active-status .stat-icon{
    background: #293E94;    
}
.delivery-status-list > li.active-status .del-icon{
    color: #ffffff;
}
.delivery-status-list > li.active-status .del-stat-label{
    color: #262626;
}





/* CHECKOUT */

.list-inline-grid{
    list-style: none;
    padding: 0;
    margin: 0;
}
.list-inline-grid > li{
    display: inline-block;
    padding: 5px 20px;
    margin-bottom: 15px;
    border-right: 1px dashed #ddd;
}
.list-inline-grid > li:first-child{
    padding-left: 0;
}

.list-inline-grid > li .list-grid-label{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: 'Muli', sans-serif;
    line-height: 24px;
}
.list-inline-grid > li:last-child{
    border-right: 0;
}
.list-inline-grid > li .list-grid-value{
    font-family: 'Muli', sans-serif;
    font-size: 16px;
}

.step-header{
    /*font-family: 'Muli', sans-serif;*/
    position: relative;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 28px;
    /*padding-left: 50px;*/
    margin-top: 13px;
    margin-bottom: 20px;
}
.step-header .step-count{
    position: absolute;
    left: 0;
    top: -3px;
    padding-top: 5px;
    font-size: 22px;
    font-family: "TT Firs Neue", "Helvetica Neue", Helvetica, sans-serif;
    height: 40px;
    width: 40px;
    border: 1px solid #333;
    text-align: center;
    margin-right: 10px;
    display: inline-block;
    border-radius: 50%;
}

#checkout-section label{
    font-size: 14px;
    line-height: 18px;
}




.social-share-inline{

}
.social-share-inline > li{
    margin: 0;
}
.social-share-inline > li a{
    padding: 0;
    font-size: 22px;
}


.secured-shopping-box{
    background: #E6F1FF;
    padding: 40px 60px;
    max-width: 420px;
    margin: 40px auto;
}

.secured-shopping-box .list-unstyled > li{ 
    margin-bottom: 10px;
}

.checkout-container{
    /*font-family: "Helvetica Neue", sans-serif;*/
    /*font-size: 13px;*/
    /*line-height: 18px;*/
    padding-bottom: 200px;
}
.checkout-container .radio label, .checkout-container .checkbox label{
    line-height: 20px;
}
.checkout-container .site--logo{
    max-width: 200px;
    margin: 50px 0 25px;
}
.checkout-container h1, .checkout-container h2, .checkout-container h3, .checkout-container h4, .checkout-container h5, .checkout-container h6{
    /*font-family: "Helvetica Neue", sans-serif;*/
    /*font-weight: normal;*/
}
.checkout-panel{
    background: #ffffff;
    padding: 20px 30px 40px;
    margin-bottom: 40px;
    
    border-bottom: 1px solid #CBCBCB;
    -webkit-transition: all 0.3s ease;
    -moz-transition   : all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    transition        : all 0.3s ease;
}
.checkout-panel:hover, .checkout-panel.active-panel{
    /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 1px 10px rgba(0, 0, 0, 0.1);*/
}
.checkout-header{
    margin-bottom: 20px;
    font-size: 17px;
}
.checkout-btn{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px 30px;
    border-radius: 30px;
    line-height: 16px;
}
.checkout-btn:hover, .checkout-btn:focus {
    background: #ffffff;
    border-color: #6d6e71;
    color: #ffffff;
}
.checkout-btn.btn-sm{
    padding: 5px 25px;
}

.item-cart-row{
    padding: 20px 0;
    margin-bottom: 20px;
    /*border-bottom: 1px solid #eee;*/
    /*font-size: 12px;*/
    /*line-height: 18px;*/
}

.cart-product-image{
    margin-top: 8px;
    height: 65px;
    position: relative;
    /*width: 100%;*/
    width: 82px;
    overflow: hidden;
}
.cart-product-image .bg-image{
    min-height: 50px;
    background-position: center -14px;
    height: 50px;
}


.cart--item--content{
    padding: 18px 0;
}
.checkout-cart-wrap{
    /*background: #DFE6EF;*/
    border: 1px solid #293E94;
    padding: 30px 50px;
}
.checkout-cart-wrap .kn-form-control, .checkout-cart-wrap .kn-form-control:hover, .checkout-cart-wrap .kn-form-control:focus{
    background-color: #ffffff;
    border: #ffffff;
}
.checkout-cart-wrap .cart--item--content{
    padding: 0;
}
.checkout-cart-wrap .cart--product--name{
    font-size: 12px;
    line-height: 14px;
}
.checkout-cart-wrap .item-cart-row{
    padding: 10px 0;
    border-color: #CBCBCB;
}
.checkout-form-wrap .help-block{
    font-size: 11px;
}

.cart--product--name{
    margin-top: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: 'Muli', sans-serif;
}
.cart--product--name a{
    color: #333;
}

.btn-add-to-cart{
    /*border-color: #222 !important;
    background: #222 !important;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 13px 18px !important;
    min-width: 130px;*/
    font-size: 28px !important;
}
.btn-add-to-cart:hover{
    /*border-color: #444 !important;*/
    /*background: #444 !important;*/
}
.cart-item-remove{
    font-size: 22px;
    color: #6d6e71;
    position: absolute;
    top: 14px;
    right: 15px;
}

.card--form--wrap{
    background: #f1f1f1;
    border-radius: 3px;
    padding: 28px 28px 13px;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 0px 2px;
    border: 1px solid #bdc3c7;
    margin-bottom: 15px;
}


.kurin-btn-group .btn{
    margin-right: 20px;
    border-radius: 0;
    margin-bottom: 15px;
    padding-right: 25px !important;
    padding-left: 25px !important;
}






.used-for-list{
    overflow: hidden;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
    margin-top: 10px;
}
.used-for-list > li{
    float: left;
    /*margin-right: 30px;*/
    text-align: center;
}
.used-for-list > li .used-for-label{
    font-size: 14px;
}

.used-for-list > li > a{
    color: #6583AC;
    padding: 17px 25px 15px;
    display: inline-block;
    margin-bottom: 15px;
    min-width: 90px;

    -webkit-transition: all 0.3s ease;
    -moz-transition   : all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    transition        : all 0.3s ease;
}
.used-for-list > li > a:hover{
    background: #f1f1f1;
}
.used-for-icon{
    width: 30px;
    /*height: 35px;*/
    margin: 0 auto 15px;
}
.used-for-more{
    font-size: 28px;
    line-height: 30px;
    display: block;
    margin-top: 15px;
}

.and-more-label{
    text-transform: uppercase;
    font-size: 14px;
    margin-left: 10px;
    padding: 30px 20px;
    color: #888;
}






.dropdown-menu{
    border: 0;
    box-shadow: none;
    /*border: 1px solid #293E94;    */
    /*top: 400px !important;*/
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}
.dropdown-menu > li > a{
    /*font-size: 11px;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: 1px;*/
    padding: 10px 20px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color: #6d6e71;
    
}





/* *********************************** */
/* PRODUCTS */
/* *********************************** */

#add-to-cart-form{
    padding: 0 30px;
}
.single-product-page-landing{
    min-height: 600px;
}
.single-product-page-landing .landing-content{
    padding: 250px 0 200px;
}
.single-product-page-landing .bg-image{
    min-height: 600px;
    padding-top: 0;
}
.product-solo-header{
    /*padding: 40px 0 30px;*/
}
.product--category--name{
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}

.product-price-solo-wrap{
    padding: 20px 0;
}
.pricing-wrap{
    font-family: 'Muli', sans-serif;
    font-size: 20px;
}
.price-form-text{
    font-family: "TT Firs Neue", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
}
.product--description{
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
}

.cart-footer-actions{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #f3f3f3;
    font-size: 16px;
    line-height: 26px;
}
.btn-cart-action{
    margin-right: 5px;
}


.btn-more-info-wrap{
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 50px;
}

.btn-more-info.info-open span{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.btn-more-info{
    font-size: 16px !important;
    line-height: 26px;
    letter-spacing: 2px;
    color: #6583AC !important;
}
.btn-more-info span{
    color: #444;
    margin-left: 4px;
    display: inline-block;

    -webkit-transition: all 0.3s ease;
    -moz-transition   : all 0.3s ease;
    -ms-transition    : all 0.3s ease;
    -o-transition     : all 0.3s ease;
    transition        : all 0.3s ease;
}

.btn-more-info:after{
    content: '';
    height: 1px;
    background: #dddddd;
    width: 100%;
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    z-index: -1;
}


.how-to-use-wrap{
    padding-right: 20px;
}
.how-to-use-wrap h2{
    font-size: 26px;
    text-transform: uppercase;
    line-height: 32px;
    letter-spacing: 2px;
    margin-bottom: 50px;
}
.how-to-use-wrap h3, .ingredients-wrap h3{
    margin-top: 40px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 28px;
    letter-spacing: 2px;
    margin-bottom: 20px;    
}

.ingredients-wrap{
    margin-top: 110px;
    padding: 34px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    max-width: 360px;
}
.ingredients-wrap h3{
    /*margin-top: 0;*/
}
.ingredients-wrap h3:first-child{
    margin-top: 0;
}


#other-products{
    position: relative;
    padding: 100px 0;
    background: #F8F8F8;
    color: #333;
}





.sidebar-widget .image--wrapper{
    min-height: 100px;
    position: relative;
    text-align: center;
    /*max-height: 100px;*/
    overflow: hidden;
}
.sidebar-widget .image--wrapper img{
    margin: 0 auto;
}
.sidebar-widget .product-item{
    margin-bottom: 10px;
}

.product-category-list{
    text-align: center;
    margin-bottom: 60px;
}
.product-category-list > li > a{
    font-family: 'Muli', sans-serif;
    padding: 10px 15px;
    color: #6d6e71;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
}
.product-category-list > li.active > a, .product-category-list > li > a:hover{
    color: #222;
}
.product-category-list > li.active > a:before{
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    background: #222;
    left: 50%;
    margin-left: -20px;
    bottom: -10px;
}
.product--list--wrapper{
    
}
.product--item{
    /*border: 1px solid #eeeeee;*/
    /*padding: 15px;*/
    margin-bottom: 20px;
}
.product--item .image--wrapper{
    min-height: 180px;
}
.product--price--variants{
    margin-bottom: 10px;
}
.image--wrapper{
    min-height: 245px;
    position: relative;
    text-align: center;
}
.image--wrapper img{
    margin: 0 auto;
}
.on-sale-label{
    background: #444;
    color: #ffffff;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/
    padding: 3px 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.product--gallery--wrapper{
    list-style: none;
    padding: 0;
    margin: 0;
}
.product--gallery--wrapper > li{
    margin-bottom: 20px;
}
.product--gallery--wrapper > li > a{
    display: block;
    padding: 1px;
    /*border: 1px solid transparent;*/
}
.product--gallery--wrapper > li.active > a{
    opacity: 0.5;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.product-thumb{
    height: 80px;
    overflow: hidden;
    position: relative;
    padding: 10px;
}
.product-thumb .bg-image{
    padding-top: 0;
    background-color: transparent;
    min-height: 80px;
}

.product--name{
    font-size: 14px;
    line-height: 20px;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.product--name--solo{
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 30px;
}
.product--price{
    font-size: 18px;
    padding: 10px 0;
    border-bottom: 1px solid #5e583b;
    font-family: 'Muli', sans-serif;
}

.variant-label{
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: left !important;
}

.product-qty{
    height: 40px;
    font-size: 16px;
    padding: 10px 10px 10px 25px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.03);
    max-width: 100px;
}


.quick-add-to-cart-form .product-qty{
    background: #ffffff;
    max-width: none;
    padding: 15px;
}
.quick-add-to-cart-form .product-qty:focus{
    background: #ffffff;
}
.quick-add-to-cart-form .btn-add-to-cart{
    /*padding: 10px 16px !important;*/
    /*border: 0;*/
    /*height: 40px;*/
}


#single-product-wrapper{
    width: 100%;
    max-width: 1500px;
}

.noty_bar{
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.noty_theme__mint.noty_type__alert, .noty_theme__mint.noty_type__notification{
    background: #293E94;
    border-bottom: 0;
    color: #ffffff;
    border-radius: 0;
}
.noty_theme__mint.noty_bar .noty_body{
    padding: 13px 20px;
}
#noty_layout__topRight{
    top: 75px;
}



.quick-add-to-cart-form .bg-all-purpose{
    background: #2C91AC !important;
}
.quick-add-to-cart-form .bg-kitchen{
    background: #C37B9C !important;
}
.quick-add-to-cart-form .bg-fruits-and-vegatable{
    background: #59710E !important;
}
.quick-add-to-cart-form .bg-bathroom{
    background: #5F3689 !important;
}


#cart-navigation{
    background: #6d6e71;
    /*padding: 8px 0;*/
    color: #ffffff;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 10px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.cart-nav-top{
    margin: 0;
}
.cart-nav-top > li > a{
    padding: 8px 10px;
    display: block;
    color: #ffffff;
}
.cart-nav-top > li > a:hover{
    text-decoration: none;
}

.table.cart-sub-total-table > thead > tr > th, .table.cart-sub-total-table > tbody > tr > th, .table.cart-sub-total-table > tfoot > tr > th, .table.cart-sub-total-table > thead > tr > td, .table.cart-sub-total-table > tbody > tr > td, .table.cart-sub-total-table > tfoot > tr > td{
    padding: 0;
    padding: 2px 0;
}




/* TYPEPOGRAPHY */
/* *********************************** */
.text-white{
    color: #ffffff;
}
.text-primary{
    color: #293E94 !important;
}
.text-orange{
    color: #EB7F69;
}
.lead{
    font-family: "TT Firs Neue", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 22px;
    line-height: 34px
}
.text-underline{
    text-decoration: underline;
}
.text-underline:hover{
    text-decoration: underline; 
}
.hover-underline:hover{
    text-decoration: underline;
}







/* *********************************** */
/* BUTTONS */
/* *********************************** */
.btn {
  font-weight: 600;
  font-family: 'TT Firs Neue', "Helvetica Neue", Helvetica, sans-serif;
  border-radius: 15px;
  border: 3px solid #000000;
  position: relative;
  padding: 12px 35px;

  -webkit-transition: all 0.3s ease;
  -moz-transition   : all 0.3s ease;
  -ms-transition    : all 0.3s ease;
  -o-transition     : all 0.3s ease;
  transition        : all 0.3s ease;
}
.btn-wrap {
  z-index: 9;
}
.btn-sm {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 22px;
}
.btn-xs {
  padding: 6px 18px;
  font-size: 14px;
  line-height: 22px;
}
.btn-md {
  padding: 15px 30px;
  font-size: 16px;
  line-height: 24px;
}
.btn-lg {
  padding: 20px 50px;
  font-size: 18px;
  line-height: 26px;
  min-width: 180px;
}
.btn-xl {
    padding: 20px 30px;
    font-size: 22px;
    line-height: 30px;
}
.btn-primary {
  background: #293E94;
  border-color: #293E94;
}
.btn-white {
  background: #fff;
  color: #000000;
}


.btn-style-1 {
  background: #FCF7EF;
  color: #000000;
}

.btn-style-1-wrap{
    position: relative;
    display: inline-block;
}
.btn-style-1-wrap .btn{
    background: #FCF7EF;
    color: #000000;
}

.btn-style-2 {
  background: #09B5A4;
  color: #ffffff;
}
.btn-style-3 {
  background: #C7C7C7;
  color: #000000;
    
}
.btn-style-4 {
  background: #09B5A4;
  color: #fff;
}

.btn-style-4-light {
  background: #d0e8da;
  color: #fff;
}
.btn-style-5 {
  background: #F7B81B;
  color: #000;
}
.btn-style-6 {
  background: #F7B81B;
  border-color: #000;
  color: #000;
}
.btn-style-7 {
  background: #a81e2e;
  border-color: #000;
  color: #fff;
}
.btn-style-red {
  background: #a81d2d;
  color: #fff;
}
.btn-start{
    display: inline-block;
    width: 120px;
}
.btn-start svg{
    width: 100%;
    height: 100%;
}
.btn-start-lg {
    width: 100%;
    max-width: 180px;
}

.btn-style-1:before,
.btn-style-2:before,
.btn-style-3:before,
.btn-style-4:before,
.btn-style-5:before,
.btn-style-6:before,
.btn-style-7:before,
.btn-style-red:before,
.btn-style-1-wrap:before {
  content: '';
  position: absolute; 
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 3px solid #000;
  padding: 20px;
  border-radius: 15px;
}
.btn-style-1:before,
.btn-style-4:before,
.btn-style-1-wrap:before {
  background: #523A43;
}
.btn-style-1-wrap:before{
    top: 10px;
    left: 10px;
}

.btn-style-2:before {
  background: #C3DCCC;
}
.btn-style-3:before {
  background: #f0f0f0;
}
.btn-style-5:before {
  background: #C3DCCC;
}
.btn-style-6:before {
  background: #1b419b;
}
.btn-style-7:before {
  background: #1b419b;
}
.btn-sm:before {
    left: 10px;
    top: 6px;
}
.btn-md:before,
.btn-lg:before,
.btn-xl:before {
    left: 10px;
    top: 10px;
}

.btn-red {
    background: #A81D30;
    color: #fff;
    border-color: #000;
}
.btn-yellow {
    background: #F7B832;
    color: #000;
    border-color: #000;
}
.btn-orange {
    background: #ed5233;
    color: #000;
    border-color: #000;
}
.btn-red:hover, .btn-red:active, .btn-red:focus, .btn-red.active {
    background: #A81D30;
    border-color: #000;
    color: #fff;
    outline: none;
}

.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, .btn-yellow.active {
    background: #F7B832;
    border-color: #000;
    color: #000;
    outline: none;
}
.btn-blue {
    background: #0452DA;
    color: #fff;
    border-color: #000;
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus, .btn-blue.active {
    background: #0452DA;
    border-color: #000;
    color: #fff;
    outline: none;
}

/*.btn-style-1:hover, .btn-style-1:active, .btn-style-1:focus {
  background: #FCF7EF;
}
.btn-style-2:hover, .btn-style-2:active, .btn-style-2:focus {
  background: #09B5A4;
}
.btn-style-3:hover, .btn-style-3:active, .btn-style-3:focus {
  background: #C7C7C7;
}
.btn-style-4:hover, .btn-style-4:active, .btn-style-4:focus {
  background: #ffffff;
}*/ 


/*.btn-wrap .btn-border:after {
    background: #09B5A5;
    border: 2px solid #010000;
    border-radius: 9px;
}
.green-btn:after {
    border-radius: 18px !important;
    width: 100%;
    height: 100%;
    top: 16px;
    left: 16px;
    background: #C3DCCC !important;
}
.gray-btn:after {
    border-radius: 18px !important;
    width: 100%;
    height: 100%;
    top: 16px;
    left: 16px;
    background: #F0F0F0 !important;
}
.btn-border {
    position: relative;
    display: inline-block;
}
.btn-border:after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 4px solid #000000;
    border-radius: 18px;
    width: 100%;
    height: 100%;
    top: 12px;
    left: 12px;
    background: #523A43;
}
.btn-wrap .btn-style-1 {
    padding: 10px 50px !important;
    border-radius: 10px;
    font-size: 18px !important;
}
.btn-style-1:hover, .btn-style-1:active, .btn-style-1:focus {
    background: #FCF7EF !important;
    border-color: #000000 !important;
    color: #000;
}
.btn-style-2:hover, .btn-style-2:active, .btn-style-2:focus {
    background: #09B5A4 !important;
    border-color: #000000 !important;
}
.btn-style-3:hover, .btn-style-3:active, .btn-style-3:focus {
    background: #C7C7C7 !important;
    border-color: #000000 !important;
}
.btn-style-4:hover, .btn-style-4:active, .btn-style-4:focus {
    background: #fff !important;
    border-color: #010000 !important;
    color: #000;
}*/




/*.btn-default{
    background: #eeeeee;
    border-color: #eeeeee;
}
.btn-default:hover, .btn-default:active, .btn-default:focus{
    background: #eeeeee !important;
    border-color: #111 !important;
    outline: none !important;
    box-shadow: 0 0 0 0.2rem #eeeeee !important;
    box-shadow: none !important;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active{
    background: #eeeeee;
    outline: none;
    border-color: #eeeeee;
}

.btn-orange{
    background: #ed5233;
    border-color: #ed5233;
    color: #ffffff;
}
.btn-orange:hover, .btn-orange:active, .btn-orange:focus{
    background: #ed5233 !important;
    border-color: #000 !important;
    outline: none !important;
    color: #ffffff;
}
.btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover, .btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled.focus, .btn-orange[disabled].focus, fieldset[disabled] .btn-orange.focus, .btn-orange.disabled:active, .btn-orange[disabled]:active, fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active{
    background: #ed5233;
    outline: none;
    border-color: #ed5233;
}
.btn-lgreen{
    background: #97B667;
    border-color: #97B667;
    color: #fff;
}

.btn-lgreen:hover, .btn-lgreen:active, .btn-lgreen:focus{
    background: #eb7f69 !important;
    border-color: #eb7f69 !important;
    outline: none !important;
    color: #fff;
}

.btn-bordered{
    border: 2px solid #000;
}




.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active {
    background: rgba(95,153,94,.2);
    border-color: #293E94;
    color: #293E94;
}
.btn-secondary {
    background: transparent;
    color: #293E94;
    border-color: #293E94;
}

.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary:focus, .btn-tertiary.active {
    background: #e08931;
    border-color: #e08931;
    color: #fff;
}
.btn-tertiary {
    background: #f89838;
    color: #fff;
    border-color: #f89838;
}



.btn-green {
    background: #09B5A4;
    color: #fff;
    border-color: #09B5A4;
}
.btn-green:hover, .btn-green:active, .btn-green:focus, .btn-green.active {
    background: #109b8f;
    border-color: #109b8f;
    color: #fff;
    outline: none;
}

.btn-small {
    padding: 3px 16px;
    font-size: 10px;
    line-height: 18px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 8px 16px !important;
    font-size: 14px !important;
}


.btn-fb{
    position: relative;
    background: #4469b0;
    border-color: #4469b0;
    padding-left: 50px !important;
    padding-right: 36px !important;
}
.btn-fb .fb-icon{
    font-size: 22px;
    position: absolute;
    left: 34px;
    top: 8px;

}

.btn-gray{
    background: #EAEAEA;
    color: #222;
}

.btn-black{
    color: #ffffff;
    background: #1b1b1b;
    border-color: #1b1b1b;
}
.btn-black:hover, .btn-black:active, .btn-black:focus{
    color: #ffffff;
    background: #1b1b1b;
    border-color: #1b1b1b;
    outline: none !important;
}

.btn-outline{
    border: 1px solid #ffffff;
    background: none;
    color: #ffffff;
}
.btn-outline-pink{
    border: 1px solid #2b2b2b !important;
    background: none;
    color: #2b2b2b;
}
.btn-outline:hover{
    background: #ffffff;
    color: #444;
}

.btn-primary.btn-outline{
    background: transparent;
    border-color: #293E94;
    color: #293E94;
}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus{
    color: #fff;
    background: #293E94;
    border-color: #293E94;
    outline: none !important;
}

.btn-black.btn-outline{
    background: transparent;
    border-color: #1b1b1b;
    color: #1b1b1b;
}
.btn-black.btn-outline:hover, .btn-black.btn-outline:focus{
    color: #ffffff;
    background: #1b1b1b;
    border-color: #1b1b1b;
    outline: none !important;
}


.btn-play.btn-outline{
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 10px 0;
}
.btn-play.btn-outline:hover, .btn-play.btn-outline:focus{
    background: transparent;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.btn-play .icon-wrap{
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    font-size: 18px;
    margin-right: 10px;
    padding: 3px 12px;
    position: relative;
    top: 2px;
}
.btn-play .icon-wrap .ion-ios-play{
    
}

.btn-lg{
    font-size: 18px;
    padding: 18px 50px;
}


.ms-btn{
    padding: 10px 34px;
    font-size: 10px;
    font-family: 'Muli', "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0px;
}
.ms-btn-lg{
    font-size: 14px;
    padding: 14px 41px;
}
.ms-btn-white{
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff
}
.ms-btn-white:hover{
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #444;
}
.ms-btn-link{
    border: 0 !important;
    padding: 10px 5px;
}
.ms-btn-link.ms-btn-link{
    padding: 13px 0;
}


.btn-link{
    padding-right: 0;
    padding-left: 0;
    text-decoration: none;
    color: #293E94;
    text-transform: none;
    letter-spacing: 0;
}
.btn-link:hover{
    color: #293E94;
}

.user-box .btn-go-to{
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.user-box:hover .btn-go-to{
    opacity: 1;
}

.map-btn {
    background: #293E94;
    border-color: #293E94;
    color: #fff;
    padding: 6px 15px;
    font-size: 12px;
}
.map-btn:hover, .map-btn:active, .map-btn:focus{
    background: #eb7f69 !important;
    border-color: #eb7f69 !important;
    outline: none !important;
    color: #fff;
}*/







/* LINKS */
/* *********************************** */

a {
    color             : #ed5233;
    /*text-decoration   : underline;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition   : all 0.3s ease-in-out;
    -ms-transition    : all 0.3s ease-in-out;
    -o-transition     : all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
a:hover,
a:focus {
    color: #293E94;
    text-decoration: none;
    outline: none !important;
}
a:active{
    outline: none;
}
button:active, button:focus{
    outline: none !important;
}


.alert{
    background: #ffffff;
    color: #1b1b1b;
    border-radius: 0;
    border: 0;
    /*border-top: 4px solid #293E94;*/
    border: 1px solid #e67e6c;
    border-radius: 6px;
}
.alert-lg{
    padding: 25px;
}
.alert-success{
    /*color: #3c763d;*/
    /*background-color: #dff0d8;*/
    border-color: #293E94;
}

.alert p:last-child{
    margin-bottom: 0;
}

.dropdown-menu{
    
}
.dropdown-menu > li > a{
    /*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/
    
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background: transparent !important;
    color: #111;
}


/* *********************************** */
/* TOOLTIP */
/* *********************************** */
.tooltip{

    /*-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;*/
}
.tooltip-inner{
    font-family: "TT Firs Neue", sans-serif !important;
    /*border-radius: 0;*/
    /*background: #111;*/
    /*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/
    /*font-size: 11px;*/
}


/* FORMS */
/* *********************************** */


.ky-radio label, .ky-checkbox label {
    /*min-width: 400px;*/
    width: 100%;
    /*border-radius: 3px;*/
    /*border: 1px solid #D1D3D4;*/
    font-weight: normal;

    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
.ky-radio input[type="radio"]:empty, .ky-checkbox input[type="checkbox"]:empty {
    display: none;
}
.ky-radio input[type="radio"]:empty ~ label, .ky-checkbox input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 45px;
    margin-top: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.ky-radio input[type="radio"]:empty ~ label:before, .ky-checkbox input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 11px;
    bottom: 0;
    left: 10px;
    content:'';
    width: 14px;
    height: 14px;
    background: #D1D3D4;
    border-radius: 50%;
}
.ky-checkbox input[type="checkbox"]:empty ~ label:before{
    border-radius: 3px;
}
.ky-radio input[type="radio"]:hover:not(:checked) ~ label:before, .ky-checkbox input[type="checkbox"]:hover:not(:checked) ~ label:before {
    font-family: 'Glyphicons Halflings';
    text-indent: 0;
    color: #fff;
    line-height: 24px;
    font-size: 10px;
    /*background-color: #27b193;*/
    text-align: center;
    color: #C2C2C2;
}
.ky-radio input[type="radio"]:hover:not(:checked) ~ label, .ky-checkbox input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}
.ky-radio input[type="radio"]:checked ~ label:before, .ky-checkbox input[type="checkbox"]:checked ~ label:before {
    font-family: 'Glyphicons Halflings';
    text-indent: 0;
    color: #fff;
    line-height: 14px;
    font-size: 10px;
    background-color: #293E94;
    text-align: center;

    -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
    -moz-transition: background .3s ease-in-out, color .3s ease-in-out;
    -o-transition: background .3s ease-in-out, color .3s ease-in-out;
    transition: background .3s ease-in-out, color .3s ease-in-out;
}
.ky-radio input[type="radio"]:checked ~ label, .ky-checkbox input[type="checkbox"]:checked ~ label {
    color: #111;
}
.ky-radio input[type="radio"]:focus ~ label:before, .ky-checkbox input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}
.ky-radio-default input[type="radio"]:checked ~ label:before, .ky-checkbox-default input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #293E94;
}
.ky-checkbox-default input[type="checkbox"]:checked ~ label:before {
    content: '\f122';
    font-family: ionicons;
}
.ky-radio-primary input[type="radio"]:checked ~ label:before, .ky-checkbox-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}
.ky-radio-success input[type="radio"]:checked ~ label:before, .ky-checkbox-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}
.ky-radio-danger input[type="radio"]:checked ~ label:before, .ky-checkbox-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}
.ky-radio-warning input[type="radio"]:checked ~ label:before, .ky-checkbox-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}
.ky-radio-info input[type="radio"]:checked ~ label:before, .ky-checkbox-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}


.ky-radio.inline-radio .ky-radio-default, .ky-checkbox.inline-checkbox .ky-checkbox-default, .ky-radio.inline-radio .control-label{
    display: inline-block;
    margin-right: 30px;
}
.ky-radio.inline-radio .control-label {
    width: auto;
}

.ky-radio.inline-radio input[type="radio"]:empty ~ label, .ky-checkbox.inline-checkbox input[type="checkbox"]:empty ~ label{
    text-indent: 34px;
}



.no-form-container .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid;
}



.form-control{
    box-shadow: none !important;
    /*border-radius: 0;*/
    font-size: 16px;
    height: 44px;
    background: #ffffff;
    border: 2px solid #000;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
    /*margin-bottom: 15px;*/
}
textarea {
    /*border-radius: 0;*/
    font-size: 14px;
    width: 100%;
    height: 250px;
    background: #ffffff;
    border: 1px solid #2b2b2b;
    padding: 6px 12px;
}
.form-control:focus{
    box-shadow: none !important;
    border-color: #293E94;
    box-shadow: 0 0 0 4px rgba(41,62,148,.2) !important;
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eeeeee;
    border-color: #333 !important;
}
.has-error .form-control{
    box-shadow: none;
}

.input-sm{
    font-size: 14px;
}

.help-block{
  font-size: 12px;
  margin-bottom: 0;
  color: #a00;
}
.help-block p{
  margin-bottom: 5px;
}

.has-error .form-control{
    border-color: #a00;
}
label, .control-label{
    /*font-family: 'Muli', sans-serif;*/
    font-weight: normal;
    font-size: 14px;
}

textarea.form-control{
    resize: none;
}

.form-control-underline{
    background: transparent !important;
    padding-right: 0;
    padding-left: 0;
    border: 0 !important;
    border-bottom: 1px solid #333 !important
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  /*border: 1px solid green;*/
  background: #ffffff;
  /*-webkit-text-fill-color: green;*/
  /*-webkit-box-shadow: 0 0 0px 1000px #000 inset;*/
  transition: background-color 5000s ease-in-out 0s;
}



.kn-form-control{
    padding: 10px 15px;
    height: 42px;
}

.select-wrap{
    background: #F2F2F2;
}

.select-dropdown .btn{
    border: 0;
    background: #F2F2F2;
    color: #262626;
    padding: 10px 45px 10px 25px;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    position: relative;
    width: 100%;
    box-shadow: 0 2px 15px rgba(0,0,0,0.03);
}
.select-dropdown .btn:hover, .select-dropdown.open .btn{
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); 
}
.select-dropdown .btn .select-caret{
    position: absolute;
    font-size: 20px;
    right: 17px;
    top: 6px;
}
.select-dropdown .dropdown-menu{
    box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    width: 100%;
    border: 0;
    margin-top: 0;
    border-radius: 0 0 3px 3px;
    background: #F2F2F2;
}
.select-dropdown .dropdown-menu > li{
    font-size: 14px;
    padding: 10px 25px;
    cursor: pointer;
}

.select-dropdown .dropdown-menu > li:hover{
    background: #d4d4d4;
}
#inquiry_message.form-control {
    /*border: 1px solid #2b2b2b !important;*/
}
#talk-submit-btn.btn-primary:hover, #talk-submit-btn.btn-primary:focus {
    /*color: #fff !important;
    background: #eb7f69 !important;
    border-color: #eb7f69;*/
    outline: none !important;
}


input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{
    outline: none !important;
    outline-offset: 0!important;
}

.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 10px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #d99b3b;
  border-radius: 0;
  background-color: #fff;
  top: 3px;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 3px;
  margin-left: -19px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
  line-height: 1.4;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "Ionicons";
  content: "\f122";
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
  cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-black input[type="checkbox"]:checked + label::before,
.checkbox-black input[type="radio"]:checked + label::before {
  background-color: #111111;
  border-color: #111111;
}
.checkbox-black input[type="checkbox"]:checked + label::after,
.checkbox-black input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #d99b3b;
  border-color: #d99b3b;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-black input[type="checkbox"]:indeterminate + label::before,
.checkbox-black input[type="radio"]:indeterminate + label::before {
  background-color: #111;
  border-color: #111;
}

.checkbox-black input[type="checkbox"]:indeterminate + label::after,
.checkbox-black input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.radio {
  padding-left: 20px;
  line-height: 1;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled {
  cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-black input[type="radio"] + label::after {
  background-color: #111;
}
.radio-black input[type="radio"]:checked + label::before {
  border-color: #111;
}
.radio-black input[type="radio"]:checked + label::after {
  background-color: #111;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'Ionicons';
  content: "\f122";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}




/* PICTURE CHOICE */
.open-media-btn{
    padding: 20px;
    display: inline-block;
}
.option-icon-box{
    width: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    /*padding: 10px;*/
    border-radius: 4px;
    background: #ffffff;
}
.option-icon-wrap{
    /*min-height: 100px;*/
    background: #f3f3f3;
}

.image-checkbox{
    position: relative;
}
.image-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.image-checkbox .checkmark-2 {
    position: absolute;
    top: -8px;
    left: -8px;
    height: 35px;
    width: 35px;
    background-color: #eee;
    cursor: pointer;
    border-radius: 100%;
    /*border: 1px solid #000;*/
}
.image-checkbox:hover input ~ .checkmark-2 {
    background-color: #ccc;
}

.image-checkbox input:checked ~ .checkmark-2 {
    background-color: #2196F3;
}
.image-checkbox input:checked ~ .image-checbox-icon-box {
    transform: scale(0.9);
}

/* Create the checkmark/indicator (hidden when not checked) */
.image-checkbox .checkmark-2:after {
    content: "";
    position: absolute;
    display: none;

    /*display: inline-block;*/
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Show the checkmark when checked */
.image-checkbox input:checked ~ .checkmark-2:after {
    display: block;
    top: 8px;
    left: 10px;
    color: #fff;
    font-size: 18px;
}

/* Style the checkmark/indicator */
.image-checkbox .checkmark-2:after {
    content: "\f122";
}


.captcha-navbar{
    border-top: 2px solid #111;
}
.captcha-navbar .container{
    max-width: 800px;
}








/* MS SOCIAL */
/* *********************************** */
.ms-share-buttons{
  padding: 0px 20px 20px;
}
.ms-post-share-bar{
  /*padding-top: 15px;*/
  /*border-bottom: 1px solid #eeeeee;*/
}
.ms-social-bar-top{
  /*padding: 0 20px 15px 60px;*/
  padding: 10px 0;
}
.ms-post-share-bar .list-inline{
  margin-bottom: 0;
}
.ms-post-share-bar .ms-share-buttons{
  padding: 0;
}

.ms-share-buttons-compact .ms-share-btn{
  width: 37px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}
.ms-share-buttons-compact .ms-share-btn .ms-social-icon{
  left: -5px;
  -webkit-transition: left 0.3s ease-in-out;
  -moz-transition: left 0.3s ease-in-out;
  -o-transition: left 0.3s ease-in-out;
  transition: left 0.3s ease-in-out;
}
.ms-share-buttons-compact .ms-share-btn:hover .ms-social-icon{
  /*left: -3px;*/
}
.ms-share-buttons-compact .ms-share-btn:hover{
  /*width: 130px;*/
}
.ms-share-btn:hover, .ms-share-btn:focus{
    outline: none !important;
    box-shadow: none !important;
}
.ms-share-buttons.ms-share-buttons-compact .list-inline{
  padding-bottom: 0;
  border-bottom: 0;
  margin-left: 0;
}
.ms-share-buttons .list-inline > li{
  padding-left: 0;
  padding-right: 3px;
  /*display: block !important;*/
}
.ms-share-buttons .list-inline{
  border-bottom: 1px solid #eee;
    padding: 0 20px 20px;
    margin-left: 0;
}

.ms-share-buttons .form-group{
  margin-bottom: 5px;
}
.ms-share-btn{
    font-weight: 400;
    padding: 5px;
    color: #282870;
    position: relative;
    text-align: center;
    border-radius: 3px;
    border: 0 !important;
    vertical-align: top;
}
.ms-share-btn:hover, .ms-share-btn:active, .ms-share-btn:focus{
  color: #508550 !important;
  background: transparent !important;
}
.ms-social-icon{
    display: inline-block;
    width: 40px;
    height: 40px;
    font-weight: normal !important;
    font-size: 22px;
    position: relative;
    left: 0;
    top: 2px;
    line-height: 19px;
    background: #000;
    color: #fff;
    border-radius: 100%;
    padding: 10px 5px;
}
.ms-social-text{
  display: inline-block;
  display: none;
}

.ms-share-btn:hover{
  color: #ffffff;
  border-color: transparent;
}
.ms-share-btn.ms-social-facebook:hover{
  background: #3b5998;
}
.ms-share-btn.ms-social-twitter:hover{
  background: #55acee;
}
.ms-share-btn.ms-social-pinterest:hover{
  background: #cb2027;
}
.ms-share-btn.ms-social-googleplus:hover{
  background: #dd4b39;
}
.ms-share-btn.ms-social-linkedin:hover{
  background: #0976b4;
}
.ms-share-btn.ms-social-reddit:hover{
  background: #5f99cf;
}
.ms-share-btn.ms-social-email:hover{
  background: #777;
}


.share-count{
  display: inline-block;
/*  font-weight: 700;*/
  font-family: 'Bw Modelica Reg', sans-serif;
  /*margin-left: 5px;*/
  /*padding: 0 8px;*/
  /*margin-right: -11px;*/
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.share-count.is-loaded {
  opacity: 0.7;
}


.ms-breadcrumb{
  list-style: none;
  padding: 0;
  margin: 0;
}
.ms-breadcrumb > li .form-group {
  margin-bottom: 0;
}
.ms-breadcrumb > li {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #5f995e;
  vertical-align: middle;
}
/*.ms-breadcrumb > li:after{
  content: '|';
  margin: 0 5px;
  color: #999;
  display: inline-block;
}
.ms-breadcrumb > li:last-child:after{
  display: none;
}*/
.ms-breadcrumb > li > a{
  display: inline-block;
  color: #5f995e;
}

.meta-div{
  font-size: 22px;
  margin: 0 5px;
}







/* MS DIALOG */
/* *********************************** */
.ms-dialog-open{
    overflow: hidden;
}
.ms-dialog{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}
.ms-dialog-header{
    position: relative;
    padding: 13px 30px;
    border-bottom: 1px solid #eeeeee;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    color: #888;
    text-align: center;
    letter-spacing: 1px;
    min-height: 46px;
}
.ms-dialog-close-btn{
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 43px;
    color: #293E94;
}

#search-dialog .ms-dialog-header{
    border: 0;
}
#search-form{
    padding: 80px 20px 0;
}
#search-input{
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    height: 50px;
    border: 0;
    border-bottom: 1px solid #eeeeee;
    box-shadow: none;
    padding: 0;
    background: transparent;
}

#candidate-suggestions{
    text-align: left;
}
.candidate-search-picture {
  width: 100%;
}
.candidate-img-search-wrap{
    width: 50px;
    float: left;
    border-radius: 4px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #eeeeee;
}

.kk-dropdown-menu.closed{
    /*display: block !important;*/
}
.candidate-kk-suggestion{
    padding: 15px 15px;
    font-weight: 500;
}
.candidate-search-body{
    padding-left: 10px;
}
.candidate-search-body .value{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
    padding-bottom: 0;
}
.candidate-search-body .candidate-search-position{
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: #0f1265;
    line-height: 20px;
}

.search-section .kk-dropdown-menu{
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px;

    max-height: 350px;
    overflow: auto;
}

.search-type-tab{
    /*border-bottom: 1px solid #eeeeee;*/
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.search-type-tab > li > a{  
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    border-bottom: 1px solid transparent;
    padding: 10px 30px 10px 0;
    color: #888;
}
.search-type-tab > li.active > a{
    border-bottom: 1px solid #293E94;
    color: #111;
}




/* MS PAGINATION */
/* *********************************** */
.pagination{
    margin: 40px 0;
}
.pagination > li > a{
    padding: 8px 25px;
    border-radius: 4px !important;
    border: 0;
    text-decoration: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #293E94;
    border-color: #293E94;
    color: #fff;
}
.pagination > li > a, .pagination > li > span{
    color: #293E94; 
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color: #293E94;     
}
.center-pagination .pagination {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

/* MS TABS */
/* *********************************** */
.ms-tabs > li > a{
    background: transparent;
    border-radius: 0;
    border: 0;
    /*border-bottom: 3px solid transparent;*/
    color: #444;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
/*  font-weight: 700;*/
    font-family: 'Muli', sans-serif;
}
.ms-tabs > li > a:hover{
    background: none;
}
.ms-tabs > li > a{
    color: #444;
    overflow: hidden;
}
.ms-tabs > li > a::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #6583AC;
    content: '';
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0,150%,0);
    transform: translate3d(0,150%,0);
}
.ms-tabs > li.active > a, .ms-tabs > li.active > a:hover, .ms-tabs > li.active > a:focus{
    background: transparent;
    /*border-color: #6583AC;        */
    color: #6583AC;
}
.ms-tabs > li.active > a::after{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.ms-tabs > li.active > a::after, .ms-tabs > li.active > a::after:hover, .ms-tabs > li.active > a::after:focus{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.more-post-wrap .ms-tabs > li > a{
    font-family: 'Muli', sans-serif;
    padding: 10px 30px 10px 0;
    margin-right: 10px;
}
.more-post-wrap .post-card-meta{
    font-size: 12px;
    line-height: 16px;
    margin-left: 0;
}







/* TABLE */
/* *********************************** */
.table > thead > tr > th, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    border-color: #eeeeee;
    padding: 8px 20px;
}
.table-lg > thead > tr > th, .table-lg > thead > tr > th, .table-lg > tbody > tr > th, .table-lg > tfoot > tr > th, .table-lg > thead > tr > td, .table-lg > tbody > tr > td, .table-lg > tfoot > tr > td{
    padding: 20px 20px;
}
.table-bordered{
    border-color: #eeeeee;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
    border-color: #eeeeee;
}

th{
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;
    letter-spacing: 2px;
    color: #222;
    font-size: 11px;
}
.table.borderless td, .table.borderless th {
    border: none;
}
.table-no-padding > thead > tr > th, .table-no-padding > tbody > tr > th, .table-no-padding > tfoot > tr > th, .table-no-padding > thead > tr > td, .table-no-padding > tbody > tr > td, .table-no-padding > tfoot > tr > td{
    padding: 0;
}
hr{
    border-color: #eeeeee;
}



/* PANELS */
/* *********************************** */
.panel-default {
    border-color: #dddddd;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #ffffff;
    border-color: #dddddd;
}
.panel-group .panel{
    border-radius: 0;
}
.panel-group .panel:first-child{
    border-radius: 4px 4px 0 0;
}
.panel-group .panel:last-child{
    border-radius: 0 0 4px 4px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    background: #fafafa;
}
.panel-group .panel + .panel{
    margin-top: -1px;
}

.panel-heading{
    padding: 15px 18px;
}
.panel-title{
    font-size: 14px;
}
.panel-heading a{
    display: block;
    text-decoration: none;
}
.panel-heading a:hover, .panel-heading a:focus{
    text-decoration: none;
}





/* *********************************** */
/* POST STYLES */
/* *********************************** */
.list-post-grid{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-card-wrap{
    position: relative;
    min-height: 400px;
    /*background: #f1f1f1;*/
    /*border: 1px solid #eeeeee;*/
    /*margin-bottom: 30px;*/
    box-shadow: 0 0 1px #f3f3f3;
    padding: 20px;
    
    background: #ffffff;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.post-card-wrap:hover{
    box-shadow: inset 0 0 3px #dddddd;
}

.post-card-wrap .post-link{
    display: block;
}
.post-card{
    position: relative;
    z-index: 2;
}
.post-card .text{

    /*opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    padding: 20px;*/
}
.post-card:hover .text{
    opacity: 1;
}
.post-card .post-link{
    display: block;
    /*background-color: #2b2b2b;*/
}

/* WALL STYLE */
.summary-wall .summary-item{
    /*background-color: #ffffff;*/
    /*padding: 0;*/
}
.summary-wall-container{
    padding: 60px 0;
    background: #222222;
}
.summary-wall .summary-item:hover .post-card-wrap-wall{
    /*box-shadow: 0 0px 25px rgba(0,0,0,0.1);*/
}
.post-card-wrap-wall{
    /*box-shadow: 0 0px 5px rgba(0,0,0,0.1);*/
    background: #fff;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    margin-bottom: 20px;
    min-height: 560px;
}

#blog-posts-masonry .post-card-wrap-wall{
    min-height: auto;
}

.post-card-wrap-wall .text{
    /*padding: 1px 15px;*/
}

.blog--list--wrapper .post-card-wrap-wall .text{
    min-height: 200px;
    padding: 1px 30px 0;
}


.post-card .image-body{
    margin-bottom: 15px;
}

.post-card h3{
    color: #45291B;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 24px;
    /*font-family: 'TT Firs Neue', sans-serif !important;*/
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 15px;
    text-align: left;
}
.summary-carousel .post-card h3{
    padding-top: 0;
}
#content-block-featured .post-card h3{
    font-size: 16px;
    line-height: 22px;
}
.post-card h3 a{
    color: #111;
}
.post-card .title{
    color: #293E94;
    
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}
.post-card:hover .title{
    /*box-shadow: inset 0 -1px 0 #2b2b2b;*/
    text-transform: normal;
}

.post-card .image{
    /*background-color: #6d6e71;*/
    background-color: #f4f4f4;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    color: #fff;
    /*padding-top: 50%;  Aspect Ratio Auto */
    /*padding-top: 56.25%;*/
    padding-top: 100%;
    position: relative;
    /*box-shadow: 0 0 8px rgba(0,0,0,0.075);*/
}

/*
    Image Aspect ratio
    1:1 Square: 100% 
    3:2 Standard: 66.6667%
    2:3 Standard (Vertical): 150%
    4:3 Four-Three: 75%
    3:4 Three-Four (Vertical): 133.333%
    16:9 Widescreen: 56.25%
    2.4 Anomorphic Widescreen: 41.6667%
*/
.ar-square .image{
    padding-top: 41.6667%;
}
.ar-standard .image{
    padding-top: 66.6667%;
}
.ar-standard-vertical .image{
    padding-top: 150%;
}
.ar-four-three .image{
    padding-top: 75%;
}
.ar-three-four-vertical .image{
    padding-top: 133.333%;
}
.ar-widescreen .image{
    padding-top: 56.25%;
}
.ar-anomorphic-widescreen .image{
    padding-top: 41.6667%;
}

.image{
    /*-webkit-transform-style: preserve-3d;*/
    /*-webkit-transform:translate3d(0,0,0);*/

    -webkit-transform:translate3d(0,0,0);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden; 
    -moz-backface-visibility:    hidden; 
    -ms-backface-visibility:     hidden;
}
.post-card .image-backdrop:hover{
    opacity: 0;
}
.image-backdrop{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6d6e71000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    opacity: 0.3;
    z-index: 1;

    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}



.post-card .intro{
    color: #000;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
}
.post-card-meta{
    margin-top: 12px;
    /*color: rgba(0,0,0,0.4);*/
    color: #45291b;
    line-height: 20px;
    margin: 0;
}
.post-card-meta > li:first-child{
    padding-left: 0;
}
.post-card-meta .share-btn{
    opacity: 0;
    color: #888;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.summary-item:hover .post-card-meta .share-btn{
    opacity: 1;
}
.post-body-wrap{
    /*box-shadow: 7px 3px 16px rgba(0,0,0,0.05);*/
    /*overflow: hidden;*/
    /*padding-bottom: 40px;*/
    /*box-shadow: 0 3px 16px rgba(0,0,0,0.2);*/
}
.more-post-wrap{
    padding: 10px 60px;
}
.comments-post-wrap{
    padding: 10px 60px 40px;
}
.more-post-wrap .tab-content{
    padding: 20px 0;
}
.more-post-wrap .post-card h3{
    font-size: 14px;
    line-height: 18px;
}

.post-user-meta{
    background: #f1f1f1;
    padding: 30px 60px;
    color: #333;
}
.post-user-meta a{
    /*color: #ffffff;*/
    /*box-shadow: inset 0 -1px 0 #999;*/
}
.post-user-meta a:hover{
    box-shadow: inset 0 -1px 0 #ffffff;
}
.post-user-meta .author-photo{
    overflow: hidden;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    box-shadow: 0 0 0 4px #ffffff;
    margin-bottom: 20px;
    /*margin-right: 20px;*/
}
.post-user-meta .author-photo:hover{
    box-shadow: 0 0 0 4px #ffffff;
}
.post-user-meta .author-meta{

}
.post-user-meta hr{
    border-color: #444;
}
.post-user-meta .author-name{
    /*color: #ffffff;*/
    font-size: 16px;
    line-height: 24px;
/*  font-weight: 700;*/
    font-family: 'Muli', sans-serif;
    box-shadow: none;
}


.artist-link{
    color: #17212c;
    text-transform: uppercase;
    font-family: "TT Firs Neue", "Helvetica Neue", Helvetica, sans-serif;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: 1px;
}
.artist-link-lg{
    font-size: 16px;
}






/* MASONRY STYLE */
.msis-summary-container {
  margin: 0 auto;
}
/* MASONRY STYLE */
.ms-carousel-item{
    padding: 5px 0;
}

/* SUMMARY LIST STYLE */
.summary-list .ms-list-item{
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.summary-list .ms-list-item .post-image-wrap{
    width: 40%;
}
.summary-list .ms-list-item .post-image-wrap.list-image-left{
    float: left;
    padding-right: 20px;
}
.summary-list .ms-list-item .post-image-wrap.list-image-right{
    float: right;
    padding-left: 20px;
}
.summary-list .ms-list-item .text{
    float: left;
    width: 60%;
}

.widget.sidebar-widget .summary-list .post-card h3{
    padding-top: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
}


.post-card-wrap-carousel{
    /*padding: 15px;*/
    background: #ffffff;
    box-shadow: 0 0 8px rgba(0,0,0,0.075);
    
    -webkit-transition: box-shadow 300ms ease-in-out;
    -moz-transition: box-shadow 300ms ease-in-out;
    -ms-transition: box-shadow 300ms ease-in-out;
    transition: box-shadow 300ms ease-in-out;
}
.ms-carousel-item:hover .post-card-wrap-carousel{
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.post-card-layer{
    box-shadow: 3px 4px rgba(255,255,255,0.8),6px 7px rgba(255,255,255,0.6);
}
.post-card-layer:hover{
    box-shadow: 5px 6px rgba(255,255,255,0.8),10px 11px rgba(255,255,255,0.6);
}


.post-card-wrap-body-carousel .text{
    /*padding: 1px 15px;*/
    padding: 8px 21px;
}



.blog--landing--body .author-photo{
    overflow: hidden;
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    box-shadow: 0 0 0 4px #ffffff;
    /*margin-right: 20px;*/
}
.blog--landing--body .blog-author-profile{
    padding: 120px 0;
}
.blog--landing--body .author-meta{
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}
.blog--landing--body .author-name{
    color: #ffffff;
    font-size: 26px;
    line-height: 34px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    box-shadow: none;
}
.blog--landing--body a{
    color: #ffffff;
    font-weight: 400;
}

.blog--landing--body{
    position: relative;
    z-index: 2;
}
.blog--landing--wrap{
    /*background: #2b2b2b;
    position: relative;
    min-height: 200px;
    min-height: 300px;
    color: #fff;
    margin-bottom: 20px;
    padding-top: 65px;*/
}
.blog--landing--wrap .image-backdrop{
    opacity: 0;
}


.page-title-wrap{
    /*padding: 50px 0 0;*/
}
.page-description-wrap{
    text-align: center;
    
    padding: 20px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    /*background: rgba(0,0,0,0.3);*/
}

.page-title-wrap h1{
    /*font-size: 48px;
    line-height: 52px;
    font-family: 'Muli', serif;
    font-weight: 400;*/
}
.landing-backdrop{
    /*background-color: #2b2b2b;*/
    background-size: 1400px;
    background-position: center top;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    /*-webkit-filter: blur(8px);*/
    /*-moz-filter: blur(8px);*/
    /*-ms-filter: blur(8px);*/
    /*filter: blur(8px);*/
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 0.8;
}

.arrow-clip{
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 10% 97%, 8% 100%, 6% 97%, 0 97%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 97%, 10% 97%, 8% 100%, 6% 97%, 0 97%);
}





/*PERCENTAGE*/
/*.widget {
    margin: 0 auto;
    width:350px;
    margin-top:50px;
    background-color: ebecde;
}*/

.chart-header{
    background-color: #ebecde;
    height:40px;
    color:#16140d;
    text-align: center;
    line-height: 40px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    font-weight: 400;
    font-size: 1.5em;

}

.chart-footer
{
  color: #16140d;
  text-align: center;
  font-size: 10px;
}

.chart-container{
    padding:25px;
}

.percent #percent {
  font-size: 46px;
  color: #353535;
}


.shadow {
    -webkit-filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.5) );
    filter: drop-shadow( 0px 3px 3px rgba(0,0,0,.5) );
}


/*FAQS CARD ITEM*/
.d1-card-item{
    border: solid 1px #E6E6E6;
    background: #FFF;
    box-shadow: 0 0 20px #F1F1F1;
    padding: 30px;
    min-height: 185px;
    margin-bottom: 30px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.d1-card-item:hover{
    background-color: #FFF;
    border-color: #D6D6D6;
    box-shadow: 0 0 15px #E4E4E4;
}





/* EVENT STYLE */
.event-list-wrap{
    padding: 50px 0;
}
.event-image-wrap{
    margin-bottom: 20px;
}
.event-list-wrap .event-item{
    font-size: 16px;
    line-height: 26px;
    min-height: 200px;
    margin-bottom: 50px;
}
.event-item .event-meta{
    margin-bottom: 10px;
}
.event-item .intro{
    color: #888;
}
.event-list-wrap .event-date{
    position: absolute;
    right: 20px;
    top: 5px;
    z-index: 1;
    line-height: 22px;
}
.event-list-wrap .event-item .post-link{
    display: block;
    margin-top: 10px;
}
.event-list-wrap .event-item .post-link h3{
    text-transform: uppercase;
    margin-top: 0;
}

.event-month{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
}
.event-date{
    background: #2b2b2b;
    color: #ffffff;
    padding: 10px 24px 14px;
    text-align: center;
}
.event-day{
    font-size: 24px;
}

.dashed-to{
    letter-spacing: -1px;
}

.event-date-and-place-wrap{
    display: inline-block;
    padding: 20px 30px;
    background: #ffffff;
    position: relative;
    z-index: 2;
    margin-top: -30px;
    margin-left: 40px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.event-form-wrapper{
    padding: 40px 100px;    
    background: #AAFFA9;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #11FFBD, #AAFFA9);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #11FFBD, #AAFFA9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.event-form-wrapper .form-control{
    border: 0;
}



/* DATEPICKER */


.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled]{
    background: #333;
    text-shadow: none;
    border: 0;
    color: #ffffff;
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{
    background: #333;
    text-shadow: none;
    border: 0;
    color: #ffffff;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{
    background: transparent;
    color: #999;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover{
    background: #eeeeee;
    /*color: #ffffff;*/
}
.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled]{
    background: #333;
}
.datepicker table tr td span.focused, .datepicker table tr td span:hover{
    background: #333;
    color: #ffffff; 
}

.datepicker *{
    text-shadow: none;
}
.datepicker table{
    width: 100%;
}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled]{
    background-image: none;
    background-color: #333; 
}
.datepicker-inline {
    width: 290px;
}
.datepicker .datepicker-switch{
    text-transform: uppercase;
    /*font-size: 16px;*/
    color: #333;
    /*font-family: 'Avenir LT W01_65 Medium1475532', Helvetica, Arial, sans-serif;*/
    letter-spacing: 1px;
}








/* SINGLE POST */
#blog-single-post-section{
    padding: 150px 0;
}

.post-card-wrap-grid{
    margin-bottom: 20px;
}
.more-post-wrap .post-card-wrap-grid .post-card h3{
    margin-top: 10px;
    line-height: 28px;
}

.special-blog-post-section{
    min-height: 600px;
    position: relative;
}

.special-blog-content{
    margin-top: -100px;
    padding-top: 0;
    position: relative;
    z-index: 10;
}

.special-blog-content .blog-post-container{
    padding-top: 60px;
}

.landing-page-section-title{
    padding: 130px 0 0;
    text-align: center;
}
.landing-page-section-title .landing-page-title{
    font-size: 46px;
    line-height: 58px;
}



.blog-post-container{
    /*box-shadow: 0 1px 18px rgba(0,0,0,0.1);*/
    background: #ffffff;
    
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    -moz-transition: -moz-transform 300ms ease-in-out;
    -ms-transition: -ms-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    overflow: hidden;


    /*border: 1px solid #dddddd;*/
    /*box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);*/
}

.arrow_box {
    position: relative;
    background: #fff;
}
.arrow_box:after {
    top: 100%;
    /*left: 50%;*/
    left: 70px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
}

.blog-post-image{
    min-height: 50px;
    display: none;
}
.blog-post-image .image{
    background-color: #919191;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 0;
    overflow: hidden;
    width: 100%;
    
    padding-top: 50%;
    padding-top: 59.6667%;
    position: relative;    
}

.blog--post--wrapper{
    
}
.post-single-header{
    /*padding: 40px 60px 15px;*/
    padding: 0px;
    /*border-bottom: 1px solid #ececec;*/
    z-index: 1;
}
.post-footer{
    padding: 40px 100px 20px;
}

.post-single-header .breadcrumb{
    text-transform: uppercase;
    font-size: 12px;
}
.post-single-header .breadcrumb > .active{
    color: #999;
}
.breadcrumb{
    background: none;
    padding: 0;
}
.post-single-header .title{
    /*color: #111;*/
    font-size: 40px;
    line-height: 46px;
    /*font-weight: 700;*/
    /*font-family: 'Muli', "Helvetica Neue", Helvetica, sans-serif;*/
    margin-bottom: 15px;
    /*font-family: 'Muli', serif;*/
    font-weight: 400;
}
.blog-post-content .paragraph-block, .quote-block{
    /*padding: 40px 100px;*/
    font-size: 16px;
    line-height: 26px;
    /*font-weight: 300;*/
}
.blog-post-content .container, .blog-post-content .container-fluid{
    width: 100%;
    /*padding: 0;*/
    /*overflow: hidden;*/
}
.blog-post-content a{
    color: #6583AC;
}
.blog-post-content a:hover .blog-post-content a:focus{
    text-decoration: underline;
}
.blog-post-content .image-block{
    position: relative;
}
.blog-post-content p {
    margin: 0 0 20px;
    /*font-size: 16px;*/
    /*line-height: 24px;*/
    margin-bottom: 20px;
}

.author-thumb img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.post-meta{
    margin-bottom: 0;
    margin-left: 0;
}
.post-meta > li{
    padding: 0;
    margin-right: 7px;
    color: #999;
    /*text-transform: uppercase;*/
    font-size: 12px;
}
.post-meta > li.tweet > a{
    color: #55acee;
/*  font-weight: 700;*/
    font-family: 'Muli', sans-serif;
}

.post-sidebar{
    /*border-top: 1px solid #eeeeee;*/
}
.post-sidebar-wrap{
    
}
.post-sidebar-wrap .side-header{
    margin-top: 0px;
    margin-bottom: 0;
    padding: 0 25px;
    /*font-weight: 900;*/
}
.post-sidebar-wrap .post-card h3{
    margin-top: 0;
    padding-top: 0;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}
.post-sidebar-wrap .post-card-meta{
    /*margin-top: 0;*/
    margin: 0;
}
.post-sidebar-wrap .ms-list-item{
    padding-bottom: 10px;
    /*border-bottom: 1px solid #eeeeee;*/
    padding: 15px 25px;
    margin-bottom: 0;
}




/* *********************************** */
/* MODAL */
/* *********************************** */
.modal{
    /*color: #333;*/
}
.modal-md{
    width: 700px;
}
@media (max-width: 760px ) {
    .modal-md{
        width: auto;
    }
}

@media (min-width: 576px){
    /*.modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }*/
}

.modal-title{
    font-weight: normal;
    font-family: 'TT Firs Neue', sans-serif;
    padding: 20px 0;
    font-size: 22px;
    color: #293E94;
}
.modal-header{
    border-bottom: none;
    /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
    border-radius: 0;
    padding: 5px 25px;
    text-align: center;
}
.modal-header .close{
    margin-top: 0px;
    font-size: 28px;
}
.modal-body{
    min-height: 80px;
  padding: 15px 40px 30px;
}
.modal-content{
  border-radius: 10px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.1);
}
.modal-footer{
  /*text-align: right;*/
    padding: 20px 40px 20px 40px;
    border: none;
    box-shadow: none;
  /*border-top: 1px solid #b5c2cd;*/
    /*box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.2);*/
}
.modal-footer button {
    /*background: transparent !important;
    border-color: #eb7f69;
    color: #eb7f69;*/
}
.modal-footer button:hover {
    /*background: #eb7f69 !important;
    color: #fff !important;
    border-color: #eb7f69;*/
}



.kn-modal .modal-title{
    font-family: 'Muli', sans-serif;
    font-size: 26px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding-top: 50px;
    padding-bottom: 10px;
}
.kn-modal .modal-body{
    padding: 10px 80px 50px;
}



.modal-theme-1{

}
.modal-theme-1 .modal-header .close{
    position: absolute;
    right: -6px;
    top: -20px;
    font-size: 26px;
    opacity: 1;
    text-shadow: none;
    width: 60px;
    height: 60px;
    background: #000;
    border-radius: 100%;
    color: #fff;
    padding: 14px 10px;
    text-align: center;
}
.modal-theme-1 .modal-header .close:hover{
    opacity: 1;
}
.modal-theme-1 .modal-dialog{
    
}
.modal-theme-1 .modal-content{
    background: #efa916;
    border: 3px solid #000;
    border-radius: 20px;
}
.modal-theme-1 .modal-header{
    text-align: center;
}
.modal-dialog .modal-header .modal-title{
    background: #d44a3e;
    display: inline-block;
    border-radius: 20px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 20px;
    color: #000;
    font-weight: bold;
    border: 3px solid #000;
    margin: 50px auto 20px;
    min-width: 250px;
}
.modal-theme-1 .modal-body{
    font-size: 18px;
    line-height: 32px;
}

.modal-theme-1 .modal-footer{
    padding-top: 0;
    padding-bottom: 40px;
}

.text-md{
    font-size: 16px;
    line-height: 26px;
}
.text-lg{
    font-size: 20px;
    line-height: 30px;
}



.kn-popover-title{
    margin-bottom: 5px;
    padding-bottom: 0;
    font-size: 18px;
    font-weight: 700;
}




/* RESPONSIVE MODAL */
@media(max-width: 980px) {
    #newsletter-popup .modal-body {
        padding: 0 50px 30px;
    }
    #newsletter-popup .modal-body .clearfix.top20 {
        margin-top: 0;
    }
    #newsletter-popup .modal-body .text-primary {
        margin-top: 0;
        width: 80%;
    }
    #newsletter-popup .modal-body .col-md-5 {
        height: 400px;
    }
    #newsletter-popup .modal-body .col-md-5 img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover;
        object-position: center;
    }
}
@media(max-width: 425px) {
    #newsletter-popup .modal-body {
        padding: 0 35px 30px;
    }
    #newsletter-popup .modal-body .text-primary {
        margin-top: 0;
        font-size: 32px;
        /*width: 80%;*/
    }
    #newsletter-popup .modal-body .col-md-5 {
        height: 280px;
    }
    
    #newsletter-popup .modal-body .clearfix.top50 {
        margin-top: 30px;
    }

    /* GAMES */
    #btn-next-q, #btn-prev-q {
        min-width: 100% !important;
        padding: 14px 20px !important;
    }
    .eboto-header-1 {
        font-size: 36px !important;
        line-height: 46px !important;
    }


    /* BOTANTE MODULE */
    .botante-module-wrapper .container-fluid {
        padding: 30px !important;
    }
}
@media(max-width: 379px) {
    #newsletter-popup .modal-body .text-primary {
        width: 88%;
    }
    #newsletter-popup .modal-body .text-primary {
        font-size: 30px;
    }
}
@media(max-width: 336px) {
    #newsletter-popup .modal-body .text-primary {
        width: 100%;
    }
}





/* *********************************** */
/* OWL CAROUSEL */
/* *********************************** */
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.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;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .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;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .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 {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    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 - Animate Plugin
 */
.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; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
            This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
            calculation of the height of the owl-item that breaks page layouts
         */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 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;
  height: 100%;
  width: 100%; }



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }

.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791; }





#testimonial-slider.owl-theme .owl-dots{
    margin-top: 30px;
}
#testimonial-slider.owl-theme .owl-dots .owl-dot span{
    background: #ffffff;
    -webkit-transition: all 0.3s !important;
    transition: all 0.3s !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #6583AC !important;
}



.owl-prev, .owl-next{
    margin: 0 !important;
    padding: 3px 7px !important;
    background: transparent !important;
    color: #222 !important;
    opacity: 0.5;
    font-size: 36px !important;
    -webkit-transition: opacity 0.3s !important;
    transition: opacity 0.3s !important;
}
.owl-prev:hover, .owl-next:hover{
    opacity: 1;
}
.owl-prev{
    position: absolute;
    top: 50%;
    left: -50px;
    height: 40px;
    margin-top: -20px !important;
}
.owl-next{
    position: absolute;
    top: 50%;
    right: -50px;
    height: 40px;
    margin-top: -20px !important;
}

.owl-prev.off-control, .owl-next.off-control{
    opacity: 0;
}

.ms-loader-image{
    padding: 5px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.ms-panel{
    background-color: #ffffff;
    padding: 30px;
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    margin-bottom: 30px;
}
.ms-panel .header{
    margin-top: 0;
}


ul.list-check{
   padding-left: 10px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside; 
}
.list-check > li:before {
    content: '✔';   
    /*content: '\f373';   */
    /*content: '\f120';   */
    /*content: '\f373';   */
    /*margin-left: -2em;*/
    /*margin-right: .100em;*/
    color: #00ad66;
    font-family: "Ionicons";
    position: relative;
    left: -10px;
}


.google-map iframe{
    width: 100%;
}



/*BRANCH LOCATOR*/
#map-pointer{
  /*height: 750px;*/
  min-height: 750px;
}
#map-pointer [title="pulse"] {
    -moz-animation: pulsate 1.5s ease-in-out infinite;
    -webkit-animation: pulsate 1.5s ease-in-out infinite;
    border: 1pt solid #ffffff;
    /* make a circle */
    -moz-border-radius:51px;
    -webkit-border-radius:51px;
    border-radius:51px;
    /* multiply the shadows, inside and outside the circle */
    -moz-box-shadow:inset 0 0 5px #293E94, inset 0 0 5px #293E94, inset 0 0 5px #293E94, 0 0 5px #293E94, 0 0 5px #293E94, 0 0 5px #293E94;
    -webkit-box-shadow:inset 0 0 5px #293E94, inset 0 0 5px #293E94, inset 0 0 5px #293E94, 0 0 5px #293E94, 0 0 5px #293E94, 0 0 5px #293E94;
    box-shadow:inset 0 0 5px #293E94, inset 0 0 5px #293E94, inset 0 0 5px #293E94, 0 0 5px #293E94, 0 0 5px #293E94, 0 0 5px #293E94;
    /* set the ring's new dimension and re-center it */
    height: 51px!important;
    margin: 0px 0 0 -10px;
    width:51px!important;
}
/* hide the superfluous marker image since it would expand and shrink with its containing element */
/*  #map-pointer div[style*="987654"][title] img {*/
#map-pointer [title="pulse"] img {
    display:none;
}
/* compensate for iPhone and Android devices with high DPI, add iPad media query */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (device-width: 768px) {
    #map-pointer [title="pulse"] {
        margin: 0px 0 0 -10px;
    }
}


@-moz-keyframes pulsate {
    from {
        -moz-transform: scale(0);
        opacity: 1.0;
    }
    95% {
        -moz-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -moz-transform: scale(0.3);
        opacity: 0;
    }
}
@-webkit-keyframes pulsate {
    from {
        -webkit-transform: scale(0);
        opacity: 1.0;
    }
    95% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(0.3);
        opacity: 0;
    }
}





.my-infowindow{
    padding: 8px 18px;
    max-width: 250px;
}
.infowindow-title{
    /*text-transform: uppercase;*/
    font-size: 14px;
    /*letter-spacing: 2px;*/
    margin-bottom: 8px;
}



.store-locator-wrap{
    border: 10px solid #f1f1f1;
}
.branch-list-wrap{
    padding: 25px 20px;
    min-height: 300px;
    overflow: auto;
}

.branch-item{
  border: 1px solid #eee;
  border-radius: 0px;
  margin-bottom: 15px;
  /*border-left: 3px solid #eee;*/
}
.branch-item:hover, .branch-item.active{
  border-color: #78cde5;
}
.branch-item > a{
    font-size: 14px;
    font-family: 'comfortaabold', sans-serif;
    padding: 5px 20px;
    display: block;
}
.branch-item > a img{
  /*width: 100px;
  margin: 0 auto;*/
}
.branch-icon{
  width: 30px;
  float: left;
  margin-right: 15px;
}
.branch-item .branch-address{
    color: #888;
    font-size: 11px;
    line-height: 20px;
}
.branch-time {
    line-height: 24px;
}
.branch-status{
    display: inline-block;
}
.branch-status.open{
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 20px;
    background: #78cde5;
    padding: 0px 7px;
}
.branch-status.closed{
    display: none;
}




/* *********************************** */
/* FOOTER */
/* *********************************** */
.footer-redirect-link{
    
}
.footer-redirect-link a{
    font-family: 'Muli', sans-serif;
    padding: 44px;
    font-size: 20px;
    /*color: #ffffff;*/
    display: block;
}


#contact-us{
    position: relative;
    overflow: hidden;   
    padding-top: 50px;
    padding-bottom: 0;
}


#footer{
    position: relative;
    /*background: #FDF2DE;*/
    /*border-top: 1px solid #f1f1f1;*/
    /*border-top: 1px solid #d0d4d9;*/
    padding: 80px 0 30px;
    z-index: 99;
    /*margin-top: 40px;*/
}
.footer-logo{
    max-width: 150px;
    margin: 20px 0;
}
.footer-contact-form-wrap{
    position: relative;
    z-index: 2;
}
.footer-contact-form-wrap .has-error .help-block{
    color: #ffffff !important;
}
.footer-contact-form-wrap .form-group{
    margin-bottom: 10px;
}
.footer-contact-form-wrap .form-control{
    background: #383838;
    color: #ffffff;
    border: 0;
}
.footer-contact-form-wrap .btn-primary{
    background: #383838;
    color: #ffffff;
    border: 0;
}

#newsletter-footer-submit {
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #293E94;
    padding: 10px 20px;
}
#newsletter-footer-submit:hover,
#newsletter-footer-submit:focus {
    color: #fff;
    background: #293E94;
}


#footer-social-icons li a{
    font-size: 22px;    
}
#footer-social-icons li a img{
    max-width: 20px;
}
@media(max-width: 767px){
    #footer-social-icons{
        float: none;
    }
}
.footer-nav-wrap{
    margin-bottom: 40px;
}
.footer-nav-title{
    font-size: 16px;
    margin-bottom: 20px;
    font-family: "TT Firs Neue", "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
}
.footer-nav{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}
.footer-nav > li{
    display: block;
}
.footer-nav > li > a{
    display: block;
    font-size: 14px;
    position: relative;
    padding: 5px 0;
    color: #555;
    text-decoration: none;
}
.footer-nav > li > a:hover{
    color: #293E94;
}
.footer-nav > li > a:after{
    content: '';
    width: 0;
    height: 1px;
    background: #293E94;
    left: -28px;
    position: absolute;
    top: 18px;
    -webkit-transition: width .3s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -moz-transition: width .3s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    -o-transition: width .3s cubic-bezier(0.555, 0.205, 0.295, 0.975);
    transition: width .3s cubic-bezier(0.555, 0.205, 0.295, 0.975);
}
.footer-nav > li > a:hover:after{
    width: 15px;
}



.all-rights-wrap{
    /*margin-top: 40px;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: 2px;*/
    font-size: 12px;
}


#ig-footer {
    position:relative;
    text-align:center;
    overflow:hidden;
}
#ig-footer h4 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #fff;
    padding: 20px 22px;
    z-index: 999;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
}
#ig-footer .instagram-pics li {
    width: 12.5%;
    display:inline-block;
    /*float:left;*/
}
#ig-footer .instagram-pics li a{
    /*min-height: 208px;*/
    display: inline-block;
}
#ig-footer .instagram-pics li img {
    max-width:100%;
    height:auto;
    vertical-align:middle;
}
#ig-footer .instagram-pics li img:hover {
    opacity:.87;
}
#ig-footer p.clear {
    display:none;
}
.instagram-pics{
    margin: 0;
    padding: 0;
    list-style: none;
}

.kyna-logo img {
    width: 150px;
}



/* *********************************** */
/* CUSTOMER DASHBOARD */
/* *********************************** */
.dashboard-sidebar-wrap{
    padding: 40px 0;
    background: #ffffff;
    border: 1px solid #293E94;
}
.sidebar-nav{
    padding: 0;
    margin: 0;
    list-style: none;
}
.sidebar-nav > li {
    display: block;
}
.sidebar-nav > li > a{
    display: block;
    padding: 10px 60px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-left: 1px solid transparent;
}
.sidebar-nav > li.active > a{
    color: #111;
    border-left: 1px solid #333;
}

.page-header-3{
    text-transform: uppercase;
    font-size: 20px;
    line-height: 28px;
    border-bottom: 1px solid #CBCBCB;
    padding-bottom: 20px;
    letter-spacing: 1px;
}

.account-section{
    padding: 80px 0 100px;
}

.customer-register-wrap{
    padding: 50px 0;
}


.account-body-wrap{
    padding: 0 0 0 50px;
}

@media ( max-width: 760px ){
    .account-body-wrap{
        padding: 0;
    }   
}



.control-label-1{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    color: #888;
}
.label-value{
    font-size: 20px;
    line-height: 26px;
}



/* *********************************** */
/* CSS3 ANIMATIONS */
/* *********************************** */
.animated {-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; } .fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} } .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutDown {0% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown {0% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown {-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes hinge {0% {-webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% {-webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% {-webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% {-webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge {0% {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% {-webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% {-webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% {-webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% {-webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge {-webkit-animation-name: hinge; animation-name: hinge; } .animated.hinge {-webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

[data-aos=fade-up], .fade-up {
  transform: translate3d(10px,30px, 20px);
}

.feature-fade-in{
    -webkit-animation: feature-fade-in .6s ease-in-out;
    animation: feature-fade-in .6s ease-in-out;
}

.feature-fade-in 0% {
    opacity: 0
}
.feature-fade-in 50% {
    opacity: 0
}
.feature-fade-in 100% {
    opacity: 1
}
@-webkit-keyframes feature-fade-in {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes feature-fade-in {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}




.img-responsive{
    max-width: 100%;
    height: auto;
}

.icon-responsive{
    max-width: 30%;
    height: auto;
}



/* *********************************** */
/* CSS HELPERS */
/* *********************************** */
.no-bgc     { background-color: transparent !important;  }
.no-border  { border: 0 !important; }
.topfix     { margin-top: 60px; }
.top100     { margin-top: 100px !important; }
.top50    { margin-top: 50px; }
.top20      { margin-top: 20px; }
.top10      { margin-top: 10px; }
.top5       { margin-top: 5px; }
.top0       { margin-top: 0px; }
.top20      { margin-top: 20px; }
.top30      { margin-top: 30px; }
.top33      { margin-top: 33px; }
.top40      { margin-top: 40px; }
.top155      { margin-top: 155px; }
.right10    { margin-right: 10px; }
.right20    { margin-right: 20px; }
.right5     { margin-right: 5px; }
.right3     { margin-right: 3px; }
.bottom5   { margin-bottom: 5px; }
.bottom0   { margin-bottom: 0px; }
.bottom10   { margin-bottom: 10px; }
.bottom20   { margin-bottom: 20px; }
.bottom30   { margin-bottom: 30px; }
.bottom50   { margin-bottom: 50px; }
.bottom60   { margin-bottom: 60px; }
.bottom80   { margin-bottom: 80px; }
.bottom100  { margin-bottom: 100px; }
.left10     { margin-left: 10px; }
.left20     { margin-left: 20px; }
.left40     { margin-left: 40px; }
.left100     { margin-left: 100px; }
.mar0         { margin:0; }

.pt30   { padding-top: 30px; }
.pt50   { padding-top: 50px; }


.pad0       { padding:0; }
.pad10      { padding:10px; }
.padl30      { padding-left:30px; }
.pad15      { padding:15px; }
.pad20      { padding:20px; }
.padt20      { padding-top:20px; }
.pad30      { padding:30px; }
.padb0      { padding-bottom:0px; }
.padb50     { padding-bottom:50px; }
.padb60     { padding-bottom:60px; }
.clear      { clear: both; }
.tal        { text-align:left; }
.tar        { text-align:right; }
.tac        { text-align:center; }
.taj        { text-align:justify; }
.capitalize { text-transform: capitalize; }
.ttu { text-transform: uppercase; }
.hide         { display: none; }
.show         { display: block; }
.pull-right { float: right; }
.pull-left  { float: left; }
.normal     { font-weight: normal; }
.helv       { font-family: 'Helvetica', arial, sans-serif; }
.text-muted { color: #B9B9B9; }
.text-xs    { font-size: 12px; line-height: 20px; }
.text-sm    { font-size: 14px; line-height: 22px; }
.overflow-hidden    { overflow: hidden; }
/*.text-md  { font-size: 14px; line-height: 22px }
.text-xs    { font-size: 10px; line-height: 18px }
.text-sb    { font-weight: 600; }*/
.float-none { float: none; }
.text-white { color: #ffffff; }
.text-blue { color: #0F52D9; }
.text-lgreen { color: #97B667; }
.text-grey { color: #707070; }
.text-blue2 { color: #1B5360; }
.text-yellow { color: #f6b816; }
.text-italic { font-style: italic; }
.bg-yellow { background: #f6b816; }
.bg-light-green { background: #CFE8DA !important; }
.bg-orange { background: #F89838; }
.bg-orange-2 { background: #ED5132; }
.bg-green-fade { background: #EFF5EB; }
.bg-orange-fade { background: #F8EDE1; }
.bg-yellow-fade { background: #F7EDD4 }
.bg-transparent { background: transparent }
.bg-white { background: #FFF }
.text-3 { color: #293E94; }
.text-green { color: #09B5A4; }
.text-black { color: #1b1b1b; }
.text-main-rgb  { color: #6F221D; }
.text-sec-rgb   { color: #752415; }
.text-sub-rgb   { color: #BFAB60; }
.bgf4       { background: #f4f4f4; }
.fwn { font-weight: normal;  }
.strikeout{
    text-decoration: line-through;
}
.tdn{
    text-decoration: none;
}
.bxs0{
    box-shadow: none;
}
.margin-auto { margin: 0 auto; }


.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.no-gutter > [class*='col-']:not(:first-child),
.no-gutter > [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

.gutter-40.row {
  margin-right: -20px;
  margin-left: -20px;
}
.gutter-40 > [class^="col-"], .gutter-40 > [class^=" col-"] {
  padding-right: 20px;
  padding-left: 20px;
}

.gutter-20.row {
  margin-right: -10px;
  margin-left: -10px;
}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.gutter-10.row {
  margin-right: -5px;
  margin-left: -5px;
}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.gutter-0.row {
  margin-right: 0;
  margin-left: 0;
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.mh500 {
    min-height: 500px;
}

.fs10 { font-size: 10px; }
.fs20 { font-size: 20px; }

.fb600 { font-weight: 600; }
.fb700 { font-weight: 700; }
.fb800 { font-weight: 800; }
.fb900 { font-weight: 900; }

.fsm {
    font-size: 16px;
    line-height: 24px;
}
.fsm {
    font-size: 20px;
    line-height: 28px;
}
.fmd {
    font-size: 28px;
    line-height: 36px;
}


/* 3 columns by default */
/*.grid-sizer { width: 33.333%; }*/

@media screen and (min-width: 768px) {
  /* 5 columns for larger screens */
  /*.grid-sizer { width: 25%; }*/
}



/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    /*.checkout-cart-wrap{
        display: none;
    }*/
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
        
}

@media (max-width: 991px) and (min-width: 768px){
    .product--list--wrapper .col-sm-4:nth-child(3n+1) {
        clear: left;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .product--list--wrapper .col-md-3:nth-child(4n+1) {
        clear: left;
    }   
    
}

/* Large Devices, Wide Screens */


@media (max-width: 1200px){
    
    .hero-header .image{
        padding-top: 60%;
    }


    .landing-hero-1 .landing-content{
        padding: 140px 0 70px;
    }
    .landing-hero-1 .hero-title{
        font-size: 56px;
        line-height: 44px;
        margin-bottom: 20px;
    }
    .landing-hero-1 .hero-lead{
        font-size: 18px;
        line-height: 24px;
    }

}

@media (max-width: 991px) {
    /*.eboto-header-1{
        color: #f5b81c;
        font-size: 78px;
        line-height: 86px;
    }*/

    #centered-logo{
        left: 20px;
        margin-left: 0;
    }

    .ingredients-wrap{
        margin: 80px auto;
    }
    
    #landing-slider-section .hero-action-btns{
        bottom: 10px;
    }
    #landing-slider-section .bg-image{
        min-height: 550px;
    }

    #landing-slider-section .slide-item .slide-caption{
        padding: 180px 50px 220px;
    }
    #landing-slider-section .slide-item .slide-title {
        font-size: 52px;
        line-height: 58px;
    }

    .product-filter-nav{
        padding-left: 20px;
        padding-right: 20px;
    }

    #bag-count{
        top: 5px;
        right: 3px;
    }
    
    .float-break-md{
        float: none !important;
    }
    .product-price-solo-wrap{
        padding-top: 0;
    }
    .product--price{
        padding-top: 0;
    }
    
    .hero-header .image{
        padding-top: 75%;
    }
    
    #featured-blocks > li{
        width: 50%;
    }

    .post-card-wrap-wall{
        padding: 0;
        min-height: 350px;
    }
    .summary-item.summary-wall{
        width: 50%;
    }

    #main-navigation .container{
        width: 100%;
    }
    
    .site--logo{
        /*margin-top: 5px;*/
        /*margin-bottom: 0px;*/
    }
    .nav-open #nav-trigger.black-nav:before{
        background: transparent;
    }

    #ig-footer .instagram-pics li{
        width: 20%;
    }
    #ig-footer .instagram-pics li a{
        min-height: auto;
    }



}


@media ( max-width: 768px ){
    .eboto-header-1{
        color: #f5b81c;
        font-size: 58px;
        line-height: 68px;
    }
    #landing-section{
        text-align: center;
    }
    .hero-body{
        padding: 0;
        margin-bottom: 50px;
    }
    .custom-forms{
        margin: 0 auto;
    }

    .hero-title{
        font-size: 46px;
        line-height: 56px;
    }
    .wave-bg-01 svg{
        width: auto;
        height: 100%;
    }

/*
    #footer{
        text-align: center;
    }*/


    .footer-subscribe-form{
        max-width: 500px;
        margin: 0 auto 40px;
    }


    h1 {
        font-size: 40px;
        line-height: 48px;
    }
}

@media (max-width: 760px){

    

    #right-main-nav-items .dropdown-menu > li > a{
        padding: 15px;
        text-align: right;
    }


    .hero-header .image{
        padding-top: 85%;
    }

    /*.section-pad-lg{
        padding: 100px 0;
    }*/
    
    #landing-slider-section .slide-item .slide-caption {
        padding: 180px 30px 180px;
    }
    
    
    #main-navigation{
        /*margin-top: 0px;*/
    }
    

    .main-nav-items{
        /*float: none;*/
    }
    .main-nav-items li{
        /*display: inline-block;*/
        /*width: 100%;*/
        /*text-align: center;*/
    }

    .page-section-title{
        font-size: 42px;
        line-height: 44px;
    }

    #ig-footer .instagram-pics li{
        width: 25%;
    }


}
@media (max-width: 660px){
    
    #landing-slider-section .slide-item .slide-title {
        font-size: 40px;
        line-height: 52px;
    }

    .site--logo a img{
        /*height: 50px;*/
    }
    #mobile-nav-trigger{
        /*top: 20px;*/
    }

    /*.landing-navbar .page-section{
        padding: 30px 0;
    }*/
    .page-section{
        /*padding: 80px 0;*/
    }

    .ipad-container{
        border-radius: 24px;
    }

    .ipad-body{
        padding: 20px;
        border-radius: 24px;
    }

    .summary-block{
        overflow: hidden;
    }

    .hero-wrap-body{
        padding: 0;
    }
    .hero-header .image{
        padding-top: 160%;
        background-position: 60% -315px;
    }
    .hero-body{
        
    }
    
    .hero-action-btns .btn{
        margin-right: 0;
        margin-bottom: 5px;
    }

    .summary-item.summary-wall, .summary-item.summary-grid{
        width: 100%;
    }

    #featured-blocks > li{
        width: 100%;
        height: 300px;
    }
    #featured-blocks > li.grid-item--width2{
        width: 100%;
        height: 500px;
    }
    
    .cart--item--content{
        padding: 8px 0;
    }
    .cart-item-remove{
        top: 5px;
        right: -10px;
    }

    .checkout-cart-wrap{
        padding: 30px;
    }
    .secured-shopping-box{
        padding: 40px;
    }


    .post-single-header{
        /*padding: 40px 30px 15px;*/
    }
    .ms-social-bar-top {
        padding: 0 20px 15px 30px;
    }
    .blog-post-content .paragraph-block, .quote-block{
        padding: 40px;
    }
    .post-footer{
        padding: 40px 40px 20px;
    }
    .ms-share-buttons{
        /*padding: 0 46px 20px;*/
    }
    .post-user-meta{
        padding: 30px;
    }
    .more-post-wrap{
        padding: 10px 30px 40px;
    }
    .comments-post-wrap{
        padding: 40px 30px;
    }
    .landing-hero-1{
        min-height: 200px;
    }

    .landing-hero-1 .landing-content {
        padding: 100px 0 70px;
    }

    .product--price--variants{
        text-align: center;
        padding: 0 15px;
    }
    #product-qty{
        margin: 0 auto 10px;
    }


}




@media ( max-width: 550px ){

    #landing-slider-section .slide-item .slide-title {
        font-size: 32px;
        line-height: 42px;
    }

    #landing-slider-section .hero-action-btns{
        bottom: 0;
        margin-bottom: 0;
    }

    .product-solo-header{
        padding-top: 0;
    }

    .hero-title{
        font-size: 38px;
        line-height: 46px;
    }

}

@media ( max-width: 470px ){

    #landing-slider-section .slide-item .slide-title {
        font-size: 26px;
        line-height: 34px;
    }


}



/* ABOUT */
#about-page .landing-banner-bg {
    top: 0;
}
.page-header-4 {
    color: #45291b;
    font-size: 34px !important;
    font-weight: 400;
    line-height: 1.2em;
}
.about-subhead {
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    color: #444;
}
.about-subheader {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #45291b;
    position: relative;
    margin-bottom: 40px;
    display: block;
    font-size: 18px;
}
.about-img {
    padding: 50px;
}
.about-content {
    padding: 100px 60px;
}
.blurb li {
    border: 2px solid #000;
    border-radius: 10px !important;
}
/*.blurb h4 {
    color: #fff;
}*/
.blurb-1 {
    background: #37B5A5;
}
.blurb-2 {
    background: #f24336;
}
.blurb-3 {
    background: #a81e2e;
}
.about-nav-content {
    border: 2px solid #000;
    border-radius: 10px;
    background: #fff;
    padding: 50px;
}
.campaign-wrap {
    border: 2px solid #000;
    border-radius: 10px;
    background: #fff;
    padding: 20px;
}
.nav-pills .blurb-wrap-content img {
    max-width: 300px;
}

/* COLLABORATE */
.collab-img {
    padding: 50px;
}
.collab-content {
    padding: 100px 60px;
}

/* BLOG */
.summary-wall .post-card .image-body {
    height: 230px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #f1f1f1;
}
.summary-wall .post-card .image {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
    padding-top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 230px;
}
.subhead-1 {
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #45291b;
    position: relative;
    margin-bottom: 40px;
    display: block;
    font-size: 18px;
}


/* CONTACT */

.contact-header {
    color: #45291B !important;
}
#talk-submit-btn.btn-primary {
    /*background: #fff !important;
    color: #eb7f69 !important;*/
}
.contact-form-wrap,
.contact-portrait  {
    padding: 30px;
}
.contact-portrait img {
    max-width: 100%;
    margin: auto;
}






/* SEARCH */
.landing-container.search-header {
    background: #fff !important;
}

/* MODAL */
.modal-header h4.modal-title{
    /*color: #6F221D;
    font-size: 16px;*/
}

/* COMING SOON */
.email-notif-text {
    font-size: 22px;
    color: #262626;
    padding-top: 20px;
    text-align: center;
    font-family: 'Muli', sans-serif;
}
.email-notif-section .form-group .coming-soon-btn {
    display: block !important;
    text-align: center;
    margin: auto;
}
.social-media-wrap {
    display: block;
    text-align: center;
    padding-top: 40px;
}
.social-media-wrap p {
    font-size: 22px;
    color: #262626;
    padding-top: 30px;
    text-align: center;
    font-family: 'Muli', sans-serif;
}
.social-media-icons {
    list-style: none;
    padding: 20px 0;
}
.social-media-icons li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.social-media-icons img {
    width: 24px;
}

.row-wrap {
    padding: 100px 0;
}

#home-section .row-sub-header h4 {
    font-size: 20px;
    color: #653228!important;
    line-height: 1.2em;
    margin: 0 0 20px 0 !important;
}

#home-section .row-header h2 {
    font-size: 30px;
    color: #222222!important;
    line-height: 1.4em;
    margin: 0 0 20px 0 !important
}

#home-section .row-body p {
    font-size: 16px;
    line-height: 1.8em;
    margin: 0 0 20px 0 !important
}

#home-section .row-body {
    margin: 0 190px 35px 0;
}

.overlay-wrap {
    padding: 70px 120px 100px 70px;
    background-image: linear-gradient(to right, rgba(23, 23, 23, .8), rgba(23, 23, 23, .8)), url(../img/blog-post-img4.jpg) !important;
    background-position: center center;
    background-size: cover;
    margin-bottom: 20px;
}

.overlay-wrap-1 {
    padding: 70px 120px 100px 70px;
    background-image: linear-gradient(to right, rgba(23, 23, 23, .8), rgba(23, 23, 23, .8)), url(../img/blog-post-img5-960x675.jpg) !important;
    background-position: center center;
    background-size: cover;
    margin-bottom: 20px;
}

.white-text {
    color: #fff;
}
.gold-text {
    color: #9F831C;
}
.overlay-wrap .btn {
    background: #9F831C;
    border: 1px solid #9F831C;
}
.overlay-wrap .row-body {
    margin-bottom: 40px;
}

.thumb-text p {
    font-size: 14px;
    color: #3a3a3a;
}
.thumbnail-wrap {
    padding: 10px 20px 10px 10px;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 17px;
}
.thumb-text p.small-text {
    font-size: 12px;
}
#video-section .slide-1,
#video-section .slide-3 {
    padding-top: 100px;
}

#video-section {
    background-image: linear-gradient(to right, rgba(23, 23, 23, .8), rgba(23, 23, 23, .8)), url(../img/georgians-leading-success-3.jpg) !important;
    background-position: center center;
    background-size: cover;
}

.footer-menu-title h4 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 16px;
}

.footer-menu-wrap ul.footer-menu {
    padding-left: 0;
    
}
.footer-menu-wrap ul.footer-menu li {
    list-style: none;
    margin-bottom: 10px;
    font-size: 14px;
}

.bottom-text .small-text {
    font-size: 10px;
    text-transform: none !important;
}
.bottom-text p {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
.bottom-text a {
    color: #293E94;
}
#footer-bottom {
    margin-bottom: 30px;
}
.dashboard-icon svg {
    width: 50px;
    height: auto;
}
.fixed-chat-icon {
    background: #293E94;
    height: auto;
    position: fixed;
    top: 90%;
    right: 20px;
    z-index: 9999;
    padding: 11px 10px 2px;
    border-radius: 200px;
}
.fixed-chat-icon svg,
.fixed-chat-icon path {
    fill: #fff !important;
}
.fixed-chat-icon polygon {
    fill: #293E94 !important;
}

#page-header {
    margin-top: 111px;
    /*background-image: linear-gradient(to right, rgba(126, 33, 26, .9), rgba(126, 33, 26, .9)), url(../img/about-header-img.jpg) !important;
    background-position: center center;
    background-size: cover;*/
}
#page-header .header-wrap h1 {
    font-size: 40px;
    line-height: 1.4em;
    margin-top: 0;
    text-align: center;
    color: #1B5360;
}
#page-header .header-subtitle p {
    font-size: 18px;
    line-height: 1.4em;
}
#page-header .row-wrap {
    padding: 80px 0;
}
#about-section h1 {
    font-size: 38px;
    text-align: center;
}
#about-section .row-body p {
    font-size: 20px;
    line-height: 2em;
}
#about-section .header-wrap {
    margin-top: 155px;
}

#three-pillars .image-wrap {
    padding: 30px;
    border-radius: 200px;
    background: #ffffff;
    width: 160px;
    margin: 0 auto 30px;
}

#about-section{
    padding-top: 80px;
    position: relative;
    overflow: hidden;
}
.wave-line-wrap{
    position: absolute;
    height: 80px;
    left: 50%;
    right: 0;
    top: 20%;
    z-index: -1;
}
.wave-line-wrap svg{
    height: auto;
}




#three-pillars {
    background-image: linear-gradient(to right, rgba(126, 33, 26, .9), rgba(126, 33, 26, .9)), url(../img/georgians-leading-success-3.jpg) !important;
    background-position: center center;
    background-size: cover;
}
#three-pillars .image-wrap img {
    margin: 0;
}

#three-pillars .blurb-title h4 {
    font-size: 20px;
}

#three-pillars .blurb-title {
    margin-bottom: 50px;
}

#three-pillars .row-sub-header h2 {
    font-size: 28px;
    color: #ffffff!important;
    line-height: 1.4em;
    text-align: center;
}
#three-pillars .row-sub-header {
    margin-bottom: 80px;
}
#three-pillars .row-sub-header-h3 h3 {
    font-size: 22px;
    line-height: 1.8em;
}

#footer-menu-section {
    border-top: 1px solid #d6d6d6;
}
#page-header.news-events-section {
    /*background-image: linear-gradient(to right, rgba(126, 33, 26, .9), rgba(126, 33, 26, .9)), url(../img/news-events-header.jpg) !important;*/
    /*background-position: center center;*/
    /*background-size: cover;*/
}
#page-header.contact-section {
    background-image: linear-gradient(to right, rgba(126, 33, 26, .9), rgba(126, 33, 26, .9)), url(../img/contact-page-header.jpg) !important;
    background-position: center center;
    background-size: cover;
}
.address-wrap, .number-wrap {
    display: flex;
}
#contact-section .dashboard-icon svg {
    width: 20px !important;
}
#contact-section .dashboard-icon {
    margin-top: 5px;
    padding-right: 15px;
    display: block;
}

#contact-section .header-wrap h4 {
    font-size: 18px;
    margin-bottom: 20px;
}


.main-nav-fixed ul.main-menu-nav {
    position: fixed;
    z-index: 1049;
    top: 0;
    right: 0;
    margin-right: 270px;
    margin-top: 42px;
}
.main-nav-fixed ul.main-menu-nav .dashboard-icon {
    margin-top: 5px;
}
.main-nav-fixed ul.main-menu-nav svg {
    width: 18px;
}
.main-nav-fixed ul.main-menu-nav li {
    margin-right: 35px;
    font-size: 14px;
}
.main-nav-fixed ul.main-menu-nav li:last-child {
    margin-right: 0;
}
.main-nav-fixed ul.main-menu-nav svg,
.main-nav-fixed ul.main-menu-nav path {
    fill: #666;
}

.main-menu-nav li.active {
    border-bottom: 3px solid #293E94;
}

















/* CONTENT BUILDER */


.section-featured-img.portrait-img{
    min-height: 420px;
    width: 280px;
}
.section-featured-img.landscape-img{
    /*max-height: 300px;
    min-height: 300px;
    max-width: 580px;*/

    min-height: 400px;
    max-width: 700px;


}
.section-picture-overlap{
    position: relative;
    margin-bottom: 140px;
}
.section-picture-featured-front{
    max-width: 400px;

    /*transition-duration: 1000s !important;
    transition-delay: 2.5s !important;*/
}
.section-picture-overlap .landscape-img{
    position: absolute;
    bottom: -120px;
    right: 0;
    z-index: -1;
    min-height: 320px;
    width: 350px;

    transition-duration: 1s !important;
    transition-delay: 2.5s !important;
}

@media (max-width: 760px){
    
    .section-featured-img.portrait-img {
        min-height: 320px;
        width: 200px;
    }
    .section-picture-overlap .landscape-img{
        width: 250px;
        min-height: 200px;
        /*left: 140px;*/
    }

    #mobile-nav-wrapper{
        width: 100%;
        max-width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        padding: 100px 0 30px;
    }

    

}

@media (max-width: 580px){

    #main-navigation{
        /*padding: 5px 0;*/
    }
    .site--logo svg{
        width: 180px;
    }
    .main-nav-items .list-inline > li > a{
        margin-left: 5px;
        padding: 24px 0px;
    }
    .li-nav-div{
        margin-left: 6px;
        margin-right: 12px;
    }

}


@media (max-width: 480px){
    body{
        font-size: 14px;
        line-height: 26px;
    }
    .hero-title{
        font-size: 36px;
        line-height: 42px;
    }
    .header-2{
        font-size: 30px;
    }
    .form-control{
        font-size: 14px;
    }
    .btn{
        font-size: 14px;
        line-height: 20px;
    }
    .site--logo svg{
        width: 120px;
    }
    .main-nav-items .list-inline > li > a{
        margin-left: 0;
    }   
    .main-nav-items .navbar-icons > li > a svg{
        /*width: 14px;
        height: 14px;*/
    }
    .container-fluid{
        width: 100%;
    }
    .page-section{
        /*padding: 50px 0;*/
    }

    .program-header{
        padding: 30px;
        /*min-height: 390px;*/
    }
    .program-body{
        padding: 100px 30px 30px;
    }
    .faq-item .faq-question{
        font-size: 16px;
        line-height: 24px;
        padding: 20px 24px;
    }
    .faq-item .faq-question:after, .faq-item .faq-question.collapsed:after{
        right: 5px;
    }

    .faq-item .faq-answer{
        padding: 0;
        padding-right: 15px;
    }
    .contact-form-body {
        padding: 20px 20px !important;
    }
}







.panel-card{
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
}
.panel-card-pad{
    padding: 30px;
}



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




/* LANDING PAGE */
.total-voter {
    font-size: 18px;
    line-height: 26px;
    background: #fff;
    border: 3px solid #000;
    border-radius: 10px;
    padding: 6px;
    max-width: 400px;
    margin: auto auto 50px;
}
.total-voter .voter-count {
    font-size: 34px;
    line-height: 42px;
}
.poll-footer p {
    font-weight: 600;
    line-height: 28px
}
#poll-results-section .curve-line path {
    stroke-width: 10px;
}
#poll-results-section .curve-line svg {
    margin-top: 0;
}
.bawal-fake-news-bg {
    /*border-image: url(../img/elements/bawal-bg-3.svg) 40 !important;
    border: 50px solid transparent;
    height: 600px;
    -webkit-border-image: url(../img/elements/bawal-bg-3.svg) 40 !important;*/
    /*background-repeat: no-repeat;
    background-size: contain;
    background-position: center;*/
    /*height: 720px;*/
}
.bawal-fake-news-bg img {
    width: 100%;
    max-width: 400px;
}


/* CANDIDATE LISTS  */
.candidate-card{
    margin-top: 40px;

    border-radius: 6px;
    /*box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);*/
    margin-bottom: 40px;
    /*border: 4px dashed #000;*/

    /*background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='16' ry='16' stroke='%23333' stroke-width='4' stroke-dasharray='10' stroke-dashoffset='10' stroke-linecap='square'/%3e%3c/svg%3e");*/
    /*border-radius: 16px;*/
    position: relative;
    /*text-align: center;*/
    
}
.candidate-card .ballot-no {
    background: #111;
    color: #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
}
.candidate-photo-card{
    width: 120px;
    height: 120px;
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -60px;
    margin-bottom: 20px;
    background: #FCF7EF;
    z-index: 5;
    /*border-radius: 100%;*/
}
.candidate-photo-card-wrap{
    /*width: 120px;
    height: 120px;
    overflow: hidden;
    border: 2px solid #000;
    border-radius: 100%;*/
}
.candidate-photo-card:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #523A43;
    border-radius: 100%;
    border: 2px solid #000;
    
    -moz-transform: translateX(8px) translateY(8px);
    -webkit-transform: translateX(8px) translateY(8px);
    -o-transform: translateX(8px) translateY(8px);
    -ms-transform: translateX(8px) translateY(8px);
    transform: translateX(8px) translateY(8px);
}
.candidate-photo-card-2{
    background: #F5B717;
    border: 3px solid #000;
}
.candidate-name-card{
    margin-top: 10px;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 0px;
    color: #000;
    font-weight: bold;
}
.candidate-pos-curve-line svg{
    width: 100%;
    height: 100%;
}
.candidate-name-card a{
    text-decoration: none;
}
.candidate-btn-wrap .btn {
    padding: 12px 10px !important;
    font-size: 16px !important;
}
#landmark-bills-cta a {
    font-size: 24px;
    line-height: 32px;
}


.candidate-card-stance{
    text-align: center;
}
.candidate-photo-card-2{
    /*width: 200px;*/
    /*margin-bottom: 10px;*/
}
.stance-on-issue-wrap-body{
    position: absolute;
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 30px;   
}
.stance-on-issue-wrap{
    background: #ffffff;
    border-radius: 10px;
    border: 2px solid #000;
    padding: 4px 15px;
    text-align: center;
    font-weight: bold;
    margin: 5px;
    font-size: 12px;
}
.issue-stance-small{
    font-size: 12px;
    line-height: 20px;
}

.quote-icon-wrap{
    width: 50px;
    height: 50px;
    margin: 0 auto 20px;
}
.quote-icon-wrap svg{
    width: 100%;
    height: 100%;
}

.centered-carousel .owl-stage {
    padding: 50px 0;
}
.centered-carousel .owl-item {
    text-align: center;
    /*background: #19487e;*/
    padding: 0 12px;
    padding: 0;
}
.centered-carousel .owl-item img {
    /*width: 100%;
    height: 250px;
    object-fit: cover;*/
}
.centered-carousel .owl-item.active.big {
    -ms-transform: scale(1.25); /* IE 9 */
    transform: scale(1.25);
    transition: transform .3s;
    z-index: 2;
}
.centered-carousel .owl-item.active.medium {
    -ms-transform: scale(1.1); /* IE 9 */
    transform: scale(1.1);
    transition: transform .3s;
    z-index: 1;
}
.centered-carousel .owl-item.active.small-left {
    margin-right: -70px !important;
    margin-left: 70px;
    -ms-transform: scale(.85); /* IE 9 */
    transform: scale(.85);
    transition: transform .3s;
}
.centered-carousel .owl-item.active.small-right {
    margin-left: -70px;
    margin-right: 70px !important;
    -ms-transform: scale(.85); /* IE 9 */
    transform: scale(.85);
    transition: transform .3s;
}


.candidate-photo-facts{
    position: relative;
    min-height: 650px;
    /*padding-top: 50px;*/
}
.eight-fast-bg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.eight-fast-bg svg{
    width: 100%;
    height: 100%;
}
.candidate-img .placeholder-img {
    margin-top: 125px;
}




.owl-carousel-fluid{

}
.owl-carousel-fluid .owl-prev{
    left: 30px;
}
.owl-carousel-fluid .owl-next{
    right: 30px;
}

.issue-stance-lists-wrap{

}
.issue-stance-lists{
    background: #ed5233;
    padding: 15px 40px 0;
    border-radius: 20px;
    border: 3px solid #000;
    margin-bottom: 0;
    text-align: center;
    display: inline-block;
}
.issue-stance-lists > li{
    margin-right: 34px;
    position: relative;
}
.issue-stance-lists > li.active > a{
    color: #ffffff;
    
}
.issue-stance-lists > li.active > a:after{
    content: '';
    width: 50%;
    height: 3px;
    background: #ffffff;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    margin-left: -25%;
    bottom: -10px;
}
.issue-stance-lists > li:last-child{
    margin-right: 0;
}
.issue-stance-lists > li > a{
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    /*opacity: 0.9;*/
    color: rgba(255,255,255,0.8);
    margin-bottom: 15px;
    display: inline-block;
}
.issue-stance-lists > li:after{
    content: '';
    position: absolute;
    right: -16px;
    width: 1px;
    top: 0;
    /*bottom: 20px;*/
    height: 30px;
    background: #ffffff;
}
.issue-stance-lists > li:last-child:after{
    display: none;
}





#presidentiables {
    background-image: url(../img/elements/presidentiable-bg.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    position: relative;
}
.presidentiables-header{
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    z-index: 3;
}
.presidentiables-curtain{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 150px;
    /*width: 200px;*/
    z-index: 2;
}
.curtain-right{
    left: auto;
    right: 0;
    -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.presidentiables-curtain svg{
    width: 100%;
    height: 100%;
}
.presidentiables-header svg{
    width: 100%;
    height: 100%;
}
#presidentiables-slider{
    padding: 20px 0 60px;
    position: relative;
}
.ano-bang-say-wrap-container{
    /*position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 10;*/
}
.ano-bang-say-container{
    /*min-height: 90px;*/
}
.ano-bang-say-wrap{
    background: #F7B81B;
    padding: 10px 20px;
    border: 3px solid #0452DA;
    max-width: 600px;
    margin: 0 auto 0;
    font-weight: bold;
    border-radius: 50px;
    text-align: center;
    /*margin-top: -50px;*/
    position: relative;
    z-index: 2;
    font-size: 24px;
    line-height: 32px;
}

/*#presidentiables-slider .owl-prev{
    left: 136px;
}
#presidentiables-slider .owl-next{
    right: 136px;
}*/


/* CANDIDATE PROFILE */
.candidate-banner img {
    border-radius: 12px;
    width: 100%;
    min-height: 300px;
    object-fit: cover;
}

@media( max-width: 800px ){
    #presidentiables-slider img{
        max-width: 250px;
    }
}
.candidate-banner {
    background: #FEAEA5;
    /*background: #282870;*/
    border: 3px solid #010000;
    padding: 30px;
    border-radius: 20px;
}
.candidate-banner-wrap {
    position: relative;
}
.candidate-banner-wrap:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 20px;
    width: 100%;
    height: 100%;
    z-index: -1;
    border: 3px solid;
    background: #fff;
    padding: 20px;
    border-radius: 43px;
}
.candidate-profile-img img {
    border-radius: 100%;
    background: #fff;
    padding: 12px;
    max-width: 230px;
}
.candidate-ribbon-img {
    margin-top: -230px;
    margin-right: -160px;
}
.candidate-name h2{
    font-size: 38px;
    line-height: 42px;
    margin-bottom: 25px;
}
.candidate-name .position {
    background: #fff;
    border: 2px solid #010000;
    border-radius: 4px;
    padding: 6px 20px;
}
.candidate-name p {
    font-size: 20px;
    line-height: 24px;
}
.candidate-header .candidate-profile-img img{
    margin-top: -130px;
}
.candidate-header .social-icons {
    list-style-type: none;
    padding-left: 0;
}
.candidate-header .social-icons li {
    display: inline-block;
    margin-right: 15px;
}
.candidate-header .social-icons li:last-child, .info-tab li:last-child {
    margin-right: 0;
}
.candidate-header .social-icons li img {
    max-width: 24px;
}
.pr-candidate-rank{
    position: absolute;
    right: 0;
    font-size: 32px;
    line-height: 34px;
    top: -43px;
    color: #fff;
    font-weight: bold;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 70px;
    height: 70px;
    background: rgba(255,255,255,0.3);
    text-align: center;
    padding: 20px 12px;
    border-radius: 50%;
}
.pres-finish-line{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #fff;
    z-index: 2;
    right: 18%;
    height: 100%;

    -moz-transform: skewX(-13deg);
-webkit-transform: skewX(-13deg);
-o-transform: skewX(-13deg);
-ms-transform: skewX(-13deg);
transform: skewX(-13deg);
}
.political-tab h2 {
    font-weight: 800;
}
h3.advocacy-cat {
   width: 100%;
   border-bottom: 4px solid #000; 
   line-height: 0.1em;
   margin: 10px 0; 
} 

h3.advocacy-cat span { 
    background:#fff; 
    padding:0 10px; 
}
.advocacy-icon {
    max-width: 50px;
}
#user-generated-info .candidate-list a {
    display: block;
    padding: 10px 15px 10px 25px;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    border-radius: 30px;
    position: relative;
}
#user-generated-info .candidate-list a.active {
    background: #fff;
}
#user-generated-info .candidate-list a.active:before {
    content: "\f363";
    display: inline-block;
    font-family: "Ionicons";;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 15px;
    font-size: 26px;
    top: 3px;
    position: relative;
}
.user-generated-data h3 {
    font-weight: 800;
}
.user-generated-data .fact-wrap {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
.user-generated-data .fact-wrap .fact-no {
    background: #A81E2E;
    color: #fff;
    font-weight: 800;
    padding: 6px;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}
.fact-wrap .date-submitted {
    font-size: 18px;
}
.tooltip-img {
    max-width: 25px;
    width: 100%;
}
.fast-fact-no-data {
    background: #F7B832;
    border: 4px solid #000;
    padding: 50px;
    border-radius: 50px;
}
.fast-fact-no-data img {
    max-width: 200px;
    width: 100%;
}
.fast-fact-no-data h3 {
    font-size: 28px;
    line-height: 42px;
}



.info-tab {
    align-items: center;
    /*white-space: nowrap;*/
    flex-wrap: nowrap;
    display: block;
    /*overflow-x: scroll;*/
}
.info-tab li {
    margin-right: 0;
    display: inline-block;
}
.info-tab .nav-link.active {
    background-color: #F5B717;
    color: #000;
    border: 2px solid #010000;
    border-radius: 9px;
    text-decoration: none;
    padding: 8px 16px;
}
.info-tab .nav-link {
    color: #010000;
    text-decoration: none;
    border: 2px solid transparent;
    border-radius: 9px;
}
.info-tab .nav-link .nav-link-icon{
    width: 20px;
}
.info-tab select {
    background: transparent;
    border: 0;
    color: #010000;
}
.info-tab select:focus {
    background: transparent;
    box-shadow: none !important;
    color: #010000;
}
.border-bg {
    box-shadow: 0px 3px 6px #00000019;
    border-radius: 20px;
    padding: 35px 40px;
    border: 4px solid #000;
}
.border-bg-white {
    background: #fff;
}
.border-bg-orange {
    background: #ED5333;
}
.personal-tab .data-count {
    font-size: 30px;
    line-height: 26px;
}
.profile-card {
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}
.data {
    word-wrap: break-word;
}
.sub-text-gray {
    color: #8B8B8B;
    font-size: 14px;
    line-height: 17px;
    word-wrap: break-word;
}
.candidate-quote {
    font-family: "Georgia", "Times New Roman", Times, Baskerville, serif;
    font-size: 26px;
    font-style: italic;
}
.border-bg-white img {
    border-radius: 4px;
}
.border-bg-white .border-img {
    border: 1px solid #8B8B8B;
    padding: 10px;
}
.cc {
    display: flex;
    align-items: center;
    justify-content: center;
}
.survey-wrap {
    border-radius: 20px;
    background: rgba(254, 174, 165, .3);
}
.survey-wrap .select {
    background: #FEAEA5;
    border-radius: 20px;
    padding: 6px;
}
.candidate-name .social-icons {
    display: none;
}
.compare-wrap {
    background-color: #656EA1;
    /*border: 2px solid #010000;
    border-radius: 9px;
    padding: 12px 16px;
    text-decoration: none;
    color: #000;
    /*white-space: nowrap;
    display: inline-block;
    position: relative;
    top: -2px;*/
}
.compare-wrap:hover {
    color: #fff;
}
.compare-wrap img {
    width: 20px;
}
.d-hide-mobile {
    display: none;
}
.data-point {
    font-weight: 600;
}
.unofficial-vote-wrap .bg-blue {
    background: #111465;
    padding: 30px 40px;
    border: 4px solid #000;
    border-radius: 10px;
    color: #fff;
}
#unofficial-vote {
    background: #CFE8DA;
    border: 4px solid #000;
    padding: 10px;
    border-radius: 10px;
}
#unofficial-vote label {
    font-size: 20px;
    color: #000;
}
.unofficial-vote-wrap {
    max-width: 600px;
    margin: 50px auto auto;
}
.candidate-photo-mob {
    display: none;
}


.rounded-img {
    border-radius: 100% !important;
}


.no-scrollbar {
    -ms-overflow-style: none; /* for Internet Explorer, Edge */
    scrollbar-width: none; /* for Firefox */
    overflow-y: scroll; 
}

.no-scrollbar::-webkit-scrollbar {
    display: none; /* for Chrome, Safari, and Opera */
}



#quotable-quote-slider .owl-prev, #quotable-quote-slider .owl-next{
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#quotable-quote-slider .owl-prev{
    left: 0;
}
#quotable-quote-slider .owl-prev.disabled, #quotable-quote-slider .owl-next.disabled{
    opacity: 0.2;
}
#quotable-quote-slider .owl-next{
    right: 0;
}

#quotable-quote-slider .quote-slide-item{
    padding: 0 30px;
}
#quotable-quote-slider .quote-slide-item blockquote{
    font-style: italic;
    font-size: 22px;
    line-height: 32px;
}
.quotable-bq{
    position: relative;
    /*padding-top: 15px;*/
}
.quotable-bq .quote-icon-wrap{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    z-index: 5;
    top: 0;
}




.personal-tab-icon{
    width: 120px;
    height: 120px;
    background: #F7B81C;
    border-radius: 100%;
    margin: 0 auto;
    text-align: center;
}
.personal-tab-icon img{
    /*max-width: 80px;*/
    max-height: 150px;
    margin: 0 auto;
}
.personal-tab-icon-2{
    width: 100px;
    height: 100px;
}

.sqr-100{
    width: 100px;
    height: 100px;
}
.sqr-200{
    width: 200px;
    height: 200px;
}
.sqr-80{
    width: 80px;
    height: 80px;
}
.sqr-60{
    width: 60px;
    height: 60px;
}
.sqr-50{
    width: 50px;
    height: 50px;
}
.border-4{
    border: 4px solid #000;
}
.pos-relative{
    position: relative;
}
.img-circle{
    border-radius: 100%;
}



.pol-profile-cat-body{
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
}
.political-cat-item a.pol-cat-btn{
    display: block;
    padding: 10px 15px 10px 25px;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    border-radius: 30px;
    position: relative;
}
.political-cat-item a.pol-cat-btn.active:before{
    content: "\f363";
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 15px;
    font-size: 26px;
    top: 3px;
    position: relative;
}
.political-cat-item a.pol-cat-btn.active{
    background: #fff;
}

.kn-nav-tabs{
    border: 0;
}
.kn-nav-tabs a.active{
    background: #08B5A5;
}
.kn-nav-tabs.pol-nav-tabs a.active{
    background: #F5B717;
}
.kn-nav-tabs a{
    display: inline-block;
    padding: 10px 25px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 40px;
    color: #000;
}

.campaign_endorsement_wrap{
    position: relative;
}
.campaign_endorsement_reason_quote{
    position: absolute;
    top: -25px;
    right: 25px;
    z-index: 2;
}

.vote-wisely-wrap{
    position: absolute;
    left: -50px;
    top: -50px;
    z-index: 2;
}
.newspaper-icon-wrap{
    position: absolute;
    right: -50px;
    top: -80px;
    z-index: 2;
    width: 120px;
    height: 120px;
}






.about-banner .bg-blue {
    background: #0452DA;
    border: 3px solid #000;
    padding: 10px;
    border-radius: 10px;
}


.section-title-header {
    position: relative;
    border: 3px solid #111;
    border-radius: 20px;
    background: #ee5435;
    width: 100%;
    padding: 4px 20px;
}

/* SAMPLE BALLOT */
.sample-ballot-header {
    max-width: 350px;
    margin: 0 auto 20px;
}
.sample-ballot-header h1 {
    font-size: 26px;
    line-height: 34px;
    text-transform: uppercase;
}
/*.ballot-position-name {
    background: #1c4acc;
    padding: 10px;
    border: 3px solid #111;
    border-radius: 15px;
}*/
.ballot-position-name h3 {
    font-size: 18px;
    line-height: 26px;
    color: #A81E2F;
}
.ballot-candidate-image img {
    border: 3px solid #111;
    border-radius: 20px;
}
.candidate-dropdown .form-control {
    /*background: #f5ae1b;*/
    border: 2px solid #111;
    border-radius: 15px;
    text-align: center;
}
.ballot-senator-wrap {
    background: #fff;
    padding: 50px;
    border: 3px solid #111;
    border-radius: 20px;
    position: relative;
}
.ballot-senator-wrap .ballot-position-name {
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    max-width: 250px;
    margin: auto;
    width: 100%;
}
#sample-ballot .section-subheader {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}
#sample-ballot .section-subheader span {
    font-weight: 700;
}
.form-ballot-wrap {
  border-image: url(../img/sample-ballot-paper.svg) 200 !important;
  border: 60px solid transparent;
  height: 800px;
  -webkit-border-image: url(../img/sample-ballot-paper.svg) 200 !important;
  /*background: #fff;*/
}
.title-ballot {
    text-align: center;
    background: url(../img/ballot-header.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 450px;
    margin: auto;
    height: 80px;
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
}
.title-ballot h2 {
    font-size: 30px;
}
.ballot-form {
    max-height: 580px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}
.form-ballot-bg {
    /*overflow-y: scroll;*/
    overflow-x: hidden;
    background: #fff;
    /*max-height: 680px;*/
}

.form-ballot-bg2 {
    /* overflow-y: scroll; */
    overflow-x: hidden;
    background: #fff;
    /* max-height: 680px; */
}

.form-ballot-wrap2 {
    border-image: url(../img/sample-ballot-paper.svg) 200 !important;
    border: 60px solid transparent;
    -webkit-border-image: url(../img/sample-ballot-paper.svg) 200 !important;
    /* height: 890px; */
    /* background: #fff; */
}

.form-ballot-wrap:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -50px;
    background-image: url(../img/voter-pen-id.svg);
    background-repeat: no-repeat;
    background-size: 200px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-position: bottom left;
}
/*.sample-ballot-form-group {
    width: 80%;
    margin: auto auto 20px;
}*/
#add-sample-ballot-form, .ballot-btn-wrap {
    position: relative;
    z-index: 3;
}
.ballot-btn-wrap {
    max-width: 600px;
    margin: auto;
}
.ballot-btn-wrap p a {
    font-weight: 600;
    color: #111465;
}
.ballot-btn-wrap .social-icons img {
    max-width: 30px;
}
.ballot-btn-wrap .social-icons {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
}
.ballot-btn-wrap .social-icons li {
    display: inline-block;
}





/* GAMES */
.white-border-bg {
    background: #fff;
    border-radius: 20px;
    border: 4px solid #000000;
    padding: 50px;
}
.game-landing-icon {
    position: absolute;
    top: -200px;
    right: -200px;
    max-width: 400px;
}
.game-landing-content h1 {
    /*font-size: 62px;*/
    /*line-height: 72px;*/
    margin-bottom: 0;
}
.question-content p {
    font-size: 32px;
    line-height: 54px;
}
.game-img-wrap {
    max-width: 500px;
    margin: auto;
}
.question-wrap {
    border: 4px solid #000;
    border-radius: 24px;
    padding: 50px 60px;
    position: relative;
     z-index: 2; 
    background: #fff;
}
.game-question-wrap:after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 4px solid #000;
    border-radius: 24px;
    padding: 50px 60px;
    width: 100%;
    height: 100%;
    top: 24px;
    left: 24px;
    background: #fff;
}
.game-question-wrap {
    position: relative;
}
.game-navbar {
    display: block;
    padding: 30px;
}
.game-navbar .container-fluid {
    display: block;
}
.game-progress .progress-bar {
    background-color: #ED5234;
}
.game-progress {
    height: 30px;
    border-radius: 4px;
}
.question-count .count-num {
    font-size: 62px;
    line-height: 72px;
    border: 4px solid #000;
    border-radius: 100%;
    padding: 30px;
    position: relative;
    z-index: 2;
    background: #FCF7EF;
    width: 150px;
    height: 150px;
    margin: auto;
}
.question-count {
    position: relative;
}
.question-count:after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 4px solid #000;
    border-radius: 100%;
    padding: 30px;
    top: 12px;
    left: 12px;
    right: 0;
    background: #523A43;
    width: 150px;
    height: 150px;
    margin: auto;
}
.game-choices-btn .btn-style-1, .game-choices-btn .btn-border:after {
    border-radius: 18px;
}
.games-btn-wrap .game-btn {
    display: inline-block;
    margin-right: 30px;
}
.game-btn .game-icon-wrap-list{
    max-width: 250px;
    margin: 20px auto;
    /*padding: 30px;*/
    /*border-radius: 50%;*/
    /*background: #ffffff;*/
}
.game-list-item{

}
.game-btn h3{
    margin-top: 20px;
}
.games-btn-wrap .game-btn:last-child {
    margin-right: 0;
}

/* MODAL */
.game-modal .modal-xl {
    max-width: 1140px !important;
    margin: 80px auto;
}
.close-modal {
    max-width: 80px;
    position: absolute;
    right: -30px;
    top: -30px;
}
.game-modal .modal-content {
    box-shadow: none;
}
.game-modal .modal-content p {
    font-size: 28px;
    line-height: 44px;
    max-width: 600px;
    margin: -30px auto auto;
    font-weight: 500;
}
.game-modal .source {
    font-size: 24px !important;
    line-height: 104px !important;
    font-weight: 600;
}
.game-modal .modal-body {
    padding: 40px 70px 70px;
}
.game-modal .modal-title-header {
    max-width: 800px;
    margin: auto;
}
.modal-btn .btn-style-1 {
    font-size: 28px;
    padding: 12px 35px 12px 50px;
}
.modal-btn .btn-style-1 img {
    position: absolute;
    left: -42px;
    top: 0;
    bottom: 0;
}

.game-lists{
    list-style: none;
    padding: 0;
}
.game-lists > li{
    display: inline-block;
    width: 30%;
    margin: 15px;
    /*background: #d44a3e;*/
    border: 3px solid #000;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    vertical-align: top;
}
.game-lists > li a{
    color: #000;
    font-weight: 600;
}
.game-icon-wrap{
    width: 120px;
    height: 120px;
    background: #333;
    border-radius: 50%;
    margin: 0 auto 30px;
}
.game-title{
    font-size: 20px;
    line-height: 28px;
}

.excuse-me-poll-list-form-type{

}
.excuse-me-poll-list-form-type .game-icon-wrap{
    background: transparent;
    height: auto;
    width: 100%;
    border-radius: 0;
    margin-bottom: 10px;
}



.havey-dropdown-wrap{
    color: #24265c;
    position: relative;
    max-width: 600px;
    margin: 0 auto 80px;
}
.havey-dropdown-wrap a.btn{
    font-weight: bold;
    font-size: 20px;
    color: #24265c;

    text-shadow: 1px -1px 0px #ffffff, -1px 2px 0px #ed5533;
    position: relative;


    /*-webkit-text-stroke-width: 1px;*/
    /*-webkit-text-stroke-color: #ffffff;*/
}
.havey-dropdown-wrap::before{
    content: '';
    position: absolute;
    left: -8px;
    top: 12px;
    right: 9px;
    bottom: -9px;
    border-radius: 13px;
    background: #9b2d35;
    z-index: -2;
}
.havey-dropdown-wrap .dropdown .ion-android-arrow-dropdown{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.havey-dropdown-wrap .dropdown.show .ion-android-arrow-dropdown{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.havey-dropdown-wrap .dropdown-toggle::after{
    display: none;
}
.drop-label{
    /*width: 80%;*/
    /*float: left;*/
    margin-right: 20px;
    word-wrap: break-word;
    text-align: left;
    white-space: normal;
}
.drop-label-count{
    background: #f7f1e3;
    /*float: left;*/
    /*width: 50px;*/
    padding: 8px 25px 8px 15px;
    text-align: center;
    font-size: 32px;
    border: 3px solid #24265c;
    border-radius: 6px;
    max-width: 80px;
    float: right;
    display: inline-block;
}
.drop-label-count .ion-android-arrow-dropdown{
    font-size: 36px;
    position: absolute;
}
.havey-dropdown-wrap .dropdown-menu{
    background: #f7f1e3;
    border: 2px solid #24265c;
    min-width: auto;

    top: 74px !important;
    /*left: -34px !important;*/
    right: 34px;
    
}
.havey-dropdown-wrap .dropdown-menu .dropdown-item{
    font-size: 32px;
    line-height: 36px;
    font-weight: bold;
    padding-top: 14px;
    padding-bottom: 14px;
}
.havey-dropdown-wrap .dropdown-menu .dropdown-item:nth-child(odd){
    background: #ebdfa5;
}
.havey-btn-icon{
    width: 100px;
    position: absolute;
    left: 30px;
    top: -120px;
}
.havey-btn-icon svg{
    width: 100%;
}



/* FAST FACTS MODAL */
.fast-facts-modal {
  padding-right: 0;
}
.fast-facts-modal .close-modal {
  max-width: 50px;
  right: -15px;
  top: -15px;
}
.fast-facts-modal .modal-xl {
  padding: 0 20px;
}
.fast-facts-modal .modal-header {
  padding: 0 0 50px;
}
.fast-facts-modal .modal-title-header {
  margin-left: 0;
  text-align: left;
}
.fast-facts-modal .modal-title-header p {
  font-size: 18px;
  line-height: 26px;
  margin: 0;
}
.fast-facts-modal .modal-body {
  padding: 0 !important;
}
.fast-facts-modal .modal-content {
  padding: 50px;
  margin-top: 30px;
}
.fact-text {
  font-size: 14px;
  line-height: 22px;
  padding: 10px;
  margin-bottom: 20px;
  border: 3px solid #000;
  border-radius: 8px;
}
.fast-facts-modal .candidate-photo {
  position: relative;
  z-index: 9;
}
.fast-facts-modal .candidate-photo:before {
  content: '';
    background: #f9e3e1;
    max-width: 280px;
    max-height: 280px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    z-index: -1;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
}
.fast-facts-modal .candidate-name {
    border: 3px dashed #000;
    border-radius: 15px;
    background: #fff;
    padding: 8px 16px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
}
.fact-link-icon {
    width: 20px;
    margin-bottom: 2px;
    margin-right: 5px;
}


.read-more-container{
    max-height: 400px !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}



.fast-facts-tab .title-header h3 {
    font-size: 44px;
    line-height: 58px;
}
.fast-facts-tab .title-header p {
  font-size: 24px;
  line-height: 40px;
  margin: 0;
}
/*.fast-facts-tab .candidate-photo:before {
  content: '';
    background: #f9e3e1;
    max-width: 400px;
    max-height: 400px;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    z-index: -1;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
}*/
.fast-facts-tab .candidate-name {
    border: 3px solid #000;
    border-radius: 15px;
    background: #fff;
    padding: 8px 16px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    z-index: 3;
    max-width: 450px;
    margin: 0 auto;
}
.fast-facts-tab .fact-text {
    font-size: 18px;
    line-height: 26px;
}
.fast-facts-tab .candidate-img {
    max-width: 400px;
    margin: auto;
    position: relative;
    z-index: 2;
    text-align: center;
}
.fast-facts-tab .candidate-img:before {
    /*content: '';*/
    /*background: #f9e3e1;*/
    /*max-width: 350px;
    max-height: 350px;*/
    /*width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    z-index: -1;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: auto;
    width: 15vw;
    height: 15vw;
    border-radius: 50%;*/
}

#profile-hot-spots-wrap{
    /*position: relative;*/
}
.eight-fast-facts-hotspot{
    position: relative;
}
/*#eight-1-hotspot{
    top: 80px;
    left: 50%;
    margin-left: -265px;
}
#eight-2-hotspot{
    top: 217px;
    left: 50%;
    margin-left: -325px;
}
#eight-3-hotspot{
    top: 358px;
    left: 50%;
    margin-left: -322px;
}
#eight-4-hotspot{
    top: 480px;
    left: 50%;
    margin-left: -245px;
}

#eight-5-hotspot{
    top: 80px;
    right: 50%;
    margin-right: -265px;
}
#eight-6-hotspot{
    top: 217px;
    right: 50%;
    margin-right: -325px;
}
#eight-7-hotspot{
    top: 358px;
    right: 50%;
    margin-right: -322px;
}
#eight-8-hotspot{
    top: 480px;
    right: 50%;
    margin-right: -245px;
}*/
.profile-hotspot-left{
    margin-left: -30px;
    margin-top: -20px;
}
.profile-hotspot-right{
    margin-left: -20px;
    margin-top: -20px;
}
.hotspot-num{
    font-size: 30px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    display: block;
    position: relative;
    z-index: 10;
    color: #fff;
}

.fact-tab-content{
    background: #fff;
    position: relative;
}
.fact-tab-content .readmore-btn{
    font-size: 16px;

    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);

    position: relative;
    top: -35px;
    padding: 30px 0 0;
}
.fact-tab-content .readmore-btn-less{
    top: 0;
    padding: 0;
}
#current-fact-num{
    position: absolute;
    left: 50%;
    top: -40px;
    margin-left: -40px;
    background: #a81d2d;
    border: 4px solid #ffffff;
    border-radius: 100%;
    padding: 15px 10px;
    text-align: center;
    width: 80px;
    height: 80px;
    font-size: 42px;
    line-height: 42px;
    font-weight: bold;
    color: #fff;
    box-shadow: 0 0 0 10px rgba(168, 29, 45, 0.5);
}
.fact-curve-line{
    max-width: 250px;
    margin: 30px auto 20px;
}
.fact-curve-line svg{
    width: 100%;
    height: 100%;
}

.fact-tab-section{
    display: none;
}
.fact-tab-section.active{
    display: block;
}
.fact-text-2{
    font-weight: 500;
    font-size: 26px;
    line-height: 42px;
    text-align: center;
}
.view-source-text{
    /*text-align: left;*/
}
.view-source-text a{
    color: #000;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
}


/* issue-rundown-tab */

#issue-rundown-tab{
    background: #d0e8da;
    border-radius: 20px;
    padding: 35px 40px;
    border: 4px solid #000;
}
.bg-dark-blue{
    background: #282870;
}
.text-dark-blue{
    color: #0bb5a5;
}
.bg-light-yellow{
    background: #FDF88E;
}
.section-header-1{
    border: 4px solid #000;
    text-align: center;
    padding: 15px 30px;
    background: #ffffff;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
    border-radius: 100px;
}
#cur-stand-thumb{
    width: 180px;
    height: 180px;
    border: 4px solid #000;
    padding: 10px;
    border-radius: 50%;
    margin-bottom: 15px;
    background: #ffffff;
    margin: 0 auto 15px;
}
#cur-stand-thumb img{
    width: 100px;
}
#cur-stand-text{
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.stand-on-issues-container {
    position: relative;
    /*background: #fff;*/
}
.stand-on-issues-container:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 24px;
    margin-left: -24px;
}
.stand-on-issues-body{
    padding: 15px 0;
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
    background: #fff;
}
.stand-on-issues-item{
    display: block;
    /*text-align: center;*/
}
.stand-on-issues-item > a{
    display: block;
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding: 15px;
}
.stand-issue-box {
    overflow-x: scroll;
    min-width: 800px;
    /*white-space: nowrap;*/
}
/*.statement-issue {
    max-height: 800px;
    overflow-y: auto;
    overflow-x: hidden;
}*/
.statement-issue-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 1200px;
}

.issue-list-item.active{
    background: #f7b81c;
}
.overflow-auto{
    overflow: auto;
}
#issue-list-modal .issue-list:hover #category, #issue-list-modal .issue-list:focus #category {
    text-decoration: underline;
}
#issue-list-modal #category {
    position: relative;
    z-index: 2;
    padding-left: 10px;
}
#issue-list-modal #category:before {
    content: '\f363';
    font-family: "Ionicons";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.issue-list-wrap {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
}




/* LOGIN / REGISTRATION */
.login-logo {
    max-width: 200px;
}
.login-wrapper .curve-line svg {
    width: 100%;
    margin-top: 0;
}
#voter-login .container-fluid, #register .container-fluid {
    max-width: 100%;
    width: 100%;
    padding: 0;
}
#voter-login .login-bg, #register .register-bg {
    padding: 100px;
}
#voter-login .login-wrap, #register .register-wrap {
    padding: 60px 0;
}
.login-wrap .border-bg-white, .register-wrap .border-bg-white{
    background: #fff;
    border-radius: 8px;
    border: 4px solid #000000;
    padding: 50px 65px;
    position: relative;
    z-index: 2;
}
.login-form-wrap {
    position: relative;
}
.login-form-wrap:after {
    content: '';
    position: absolute;
    z-index: 1;
    border: 4px solid #000;
    border-radius: 8px;
    padding: 50px 60px;
    width: 100%;
    height: 100%;
    top: 15px;
    left: 15px;
    background: #fff;
}
.login-wrapper h3 {
    font-weight: 500;
}
.login-wrap .form-control, .register-wrap .form-control{
    border-radius: 10px;
    border: 2px solid #000000;
}
.login-wrap .input-group-addon, .register-wrap .input-group-addon{
    border-radius: 10px;
    border: 2px solid #000000;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    height: 44px;
}


.landing-margin-top {
    margin-top: 84px;
}
.register-bg, .login-bg {
    position: fixed;
    min-height: 500px;
    width: 40%;
    left: 0;
    top: 0;
    bottom: 0;
}
.sign-up-img {
    max-width: 400px;
    margin: auto;
}



/* COMPARE CANDIDATES */
.position-tab .nav-link.active {
    position: relative;
    background: transparent;
    color: #010000;
}
.position-tab .nav-link {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #010000;
    letter-spacing: 2px;
}
.position-tab .nav-link.active:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 4px solid #09B5A5;
    max-width: 60px;
    margin: auto;
}
.candidate-dropdown-wrap input {
    border: 0;
}
.section-row-header .candidate-profile-img img {
    max-width: 100%;
    background: #000;
    padding: 3px;
}
.section-row-header {
    padding: 20px;
    border-top: 6px solid #000;
    border-bottom: 6px solid #000;
}
.stand-issue-bg {
    background: #fff;
    padding: 20px 50px;
    border-radius: 10px;
    border: 3px solid #111;
    
}
.stand-issue-filter-bg {
    background: #282870;
    padding: 35px;
    border-radius: 10px;
    border: 3px solid #111;  
}
.candidate-name-wrap {
    border: 2px solid #000;
    padding: 10px;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}
.candidate-name-wrap:after {
    content: '';
    position: absolute;
    background: #000;
    width: 3px;
    height: 30px;
    z-index: 1;
    bottom: -30px;
}
.dash-divider svg {
    max-height: 450px;
}
.dash-divider line {
    stroke: #aaa;
}
.pn-btn {
    position: absolute;
    top: 20%;
}
.pn-btn .icon {
    font-size: 44px;
}
.pn-btn .icon:before {
    color: #a81e2e;
}
.pn-btn.prev-btn {
    left: -30px;
}
.pn-btn.next-btn {
    right: -30px;
}

.stand-issue-filter h4 {
    font-size: 22px;
    line-height: 30px;
    background: #FFB500;
    border-radius: 10px;
    padding: 8px 10px;
    color: #282870;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.compare-sidebar {
    background: #282870;
    padding: 20px;
    border-radius: 10px;
    border: 3px solid #111;
}
.compare-sidebar-title h2 {
    font-size: 22px;
    line-height: 30px;
    background: #FFB500;
    border-radius: 10px;
    padding: 8px 10px;
    color: #282870;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.compare-content-wrap, .stand-on-issue-wrap {
    background: #fff;
    padding: 35px;
    border-radius: 10px;
    border: 3px solid #111;
}
.compare-content {
    overflow: auto;
}
.compare-candidate-name {
    position: relative;
    background: #fff;
    text-transform: uppercase;
    text-align: center;
    border: 3px solid #000;
    padding: 8px 10px;
    max-width: 220px;
    min-height: 70px;
    margin: 0 auto 50px;
    z-index: 99;
}
.compare-candidate-name h3,
.compare-political-party h3 {
    font-size: 18px;
    line-height: 22px;
}
.compare-candidate-img {
    position: relative;
    z-index: 9;
}
.compare-candidate-img:before {
    content: '';
    position: absolute;
    background: #000;
    width: 3px;
    height: 80px;
    z-index: -1;
    top: -70px;
    left: 0;
    right: 0;
    margin: auto;
 }
.compare-candidate-img img {
    max-width: 150px;
    margin: auto;
    border-radius: 100px;
    border: 5px solid #000;
}
.compare-political-party {
    margin: 30px auto;
}
.compare-political-party img {
    max-width: 200px;
}
.compare-categories-title {
    border-top: 5px solid #cae4d4;
    border-bottom: 5px solid #cae4d4;
    padding: 10px;
    position: relative;
    max-width: 280px;
    width: 100%;
    margin: auto;
}
.compare-categories-title h3 {
    font-size: 22px;
    line-height: 26px;
}
.compare-add-ballot .btn {
    background: #ed5233;
    border-color: #000;
    font-weight: 700;
}
.dash-divider {
    position: relative;
    padding-top: 30px;
}

.advocacies-wrap {
    background: #f3f9f5;
    border-radius: 20px;
    padding: 35px;
}
.advocacies-box {
    border-top: 1px solid #000;
    padding-top: 20px;
}
.advocacies-box .icon,
.compare-data-box .icon {
    font-size: 30px;
    position: absolute;
    left: 0;
    top: -4px;
}
.advocacies-box .icon-left,
.compare-data-box .icon-left {
    display: none;
}
.advocacies-title {
    font-size: 18px;
    line-height: 26px;
    padding-left: 20px;
    position: relative;
}
.compare-icon-wrap {
    position: relative;
    max-width: 150px;
    margin: auto;
}
.compare-icon-wrap:before {
    content: '';
    max-width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    right: 0;
    /*background: #d0e8da;*/
    position: absolute;
    margin: auto;
    z-index: 1;
    border-radius: 100px;
}
.compare-candidate-content .row:nth-child(odd) .compare-icon-wrap:before {
    background: #d0e8da;
}
.compare-candidate-content .row:nth-child(even) .compare-icon-wrap:before {
    background: #efb09f;
}


.compare-icon-wrap img {
    max-width: 60px;
    position: relative;
    z-index: 9;
    margin-bottom: 5px;
}
.compare-icon-title {
    font-size: 16px;
    line-height: 22px;
    position: relative;
    z-index: 9;
    margin-bottom: 0;
}
.advocacies-icon-wrap:after {
    content: '';
    background-image: url(../img/elements/straight-broken-lines.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    position: absolute;
    right: 0;
    left: 0;
    width: 10px;
    height: 80px;
    margin: auto;
}
.advocacies-content-wrap .row .col:last-child .advocacies-box,
.compare-candidate-content .row .col:last-child .compare-data-box {
    text-align: right;
}
.advocacies-content-wrap .row .col:last-child .advocacies-box .advocacies-title,
.compare-candidate-content .row .col:last-child .compare-data-box .ambag-prog-title {
    padding-right: 20px;
}
.advocacies-content-wrap .row .col:last-child .advocacies-box .icon-right,
.compare-candidate-content .row .col:last-child .compare-data-box .icon-right {
    display: none;
}
.advocacies-content-wrap .row .col:last-child .advocacies-box .icon-left,
.compare-candidate-content .row .col:last-child .compare-data-box .icon-left {
    display: block;
    right: 0;
}
.advocacies-content-wrap .readmore-btn {
    text-align: left;
}
.advocacies-content-wrap .row .col:last-child .readmore-btn {
    text-align: right;  
}


.issue-box {
    margin-bottom: 80px;
}
.issue-candidate-opinion {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin-bottom: 15px;
}
.issue-candidate-quote {
    line-height: 24px;
}
.issue-quote-icon {
    width: 35px;
    height: 35px;
}
.stand-on-issues-content-wrap,
.naiambag-content-wrap {
    max-height: 1000px;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
}
.issue-title-box {
    position: relative;
    max-width: 200px;
    margin: auto;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.issue-title-box:before {
    content: '';
    max-width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    z-index: 1;
    border-radius: 100px;
    background: #d0e8da;
}
.col-broken-lines {
    position: relative;
}
.col-broken-lines:after {
    content: '';
    background-image: url(../img/elements/straight-broken-lines.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    right: 0;
    left: 0;
    width: 2px;
    height: 100%;
    margin: auto;
}
/*.stand-on-issues-content-wrap .row:nth-child(odd) .issue-title-box:before {
    
}
.stand-on-issues-content-wrap .row:nth-child(even) .issue-title-box:before {
    background: #282870;
}
.stand-on-issues-content-wrap .row:nth-child(even) .issue-title {
    color: #fff;
}*/
.issue-title {
    position: relative;
    z-index: 9;
    line-height: 22px;
    margin-bottom: 0;
}
.compare-arrow-btn .icon {
    font-size: 44px;
}
.compare-arrow-btn .icon:before {
    color: #282870;
}
.stand-on-issues-content-wrap .readmore-btn {
    text-align: center;
}





.stand-on-issue-wrap h2 {
    border-radius: 10px;
    border: 3px solid #000;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    white-space: normal;
}
.stand-on-issue-wrap {
    max-width: 1400px;
    margin: auto;
    /*max-height: 800px;*/
    overflow: scroll;
}
/*.scroll-issue .row {
    width: 133.33333333%;
    white-space: nowrap;
}*/
.scroll-issue {
    overflow: scroll;
    max-height: 800px;
}
/*.stand-on-issue-wrap .custom-col {
    max-width: 400px;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}*/
.bg-lgreen {
    background: #0BB5A5;
}
.bg-yellow {
    background: #F7B81C;
}
.bg-red {
    background: #A81E2F;
}
/*.stand-on-issue-dropdown .form-group {
    position: relative;
    z-index: 9;
}*/
.stand-on-issue-wrap #issue_lists option {
    /*font-size: 30px;*/
}

.issue-tracker-header {
    border: 3px solid #000;
    border-radius: 10px;
    padding: 15px;
    background: #ef4631;
    margin-top: -80px;
    margin-bottom: 30px;
}

.issue-list-title {
    margin-bottom: -30px;
    border: 3px solid #000;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 38px;
    height: auto;
    font-weight: 700;
    padding: 15px;
    background: #fff;
}
.issue-list-title a, #issue-list-modal .issue-list a {
    color: #000;
}
#issue-list-modal .issue-list {
    /*border: 1px solid #000;*/
    margin-bottom: 10px;
    font-size: 22px;
}


.naiambag-wrap {
    background: #f3f9f5;
    border-radius: 20px;
    padding: 35px;
}
.naiambag-title-box {
    position: relative;
}
.naiambag-title-box:before {
    content: '';
    max-width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
    z-index: 1;
    border-radius: 100px;
    background: #d0e8da;
}
.naiambag-title-box img {
    max-width: 50px;
}
.naiambag-title {
    position: relative;
    z-index: 9;
    line-height: 22px;
    margin-bottom: 0;
}
.ambag-prog-cat {
    font-size: 18px;
    line-height: 24px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin-bottom: 10px;
}
.ambag-prog-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    padding-left: 20px;
    position: relative;
}
.ambag-description {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.compare-data-box .readmore-btn {
    padding-top: 5px;
}
.ambag-ul {
    list-style: none;
}
.ambag-ul li {
    position: relative;
}
.ambag-ul li:before {
    content: '';
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: -32px;
}
.ambag-ul li.benefeciaries-icon:before {
    background: url(../img/elements/beneficiaries-icon.svg);
}
.ambag-ul li.source-icon:before {
    background: url(../img/elements/link-icon-2.svg);   
}
.compare-candidate-content .row .col:last-child .compare-data-box .ambag-ul {
    padding-right: 40px;
    padding-left: 0;
}
.compare-candidate-content .row .col:last-child .compare-data-box .ambag-ul li:before {
    right: -32px;
    left: auto;
}



.issue-wrap h4 {
    text-transform: uppercase;
    font-size: 30px;
    line-height: 44px;
}
.btop-lr-radius {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.bbtm-lr-radius {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.issue-wrap .issue {
    font-size: 20px;
}
.issue-wrap {
    padding: 10px 50px 50px;
}
.compare-header h3 {
    font-size: 22px;
    line-height: 30px;
}
.issue-btn-wrap .btn-red {
    background: #e1504b;
    border: 4px solid #000;
}
.issue-btn-wrap {
    margin-bottom: -50px;
    margin-top: -20px;
}
.issue-bg {
    padding: 30px 50px;
    border-radius: 10px;
}
.issue-bg-1 {
    background: #fcedd7;
}
.issue-bg-2 {
    background: #eaebf3;
}
#stand-on-issue .section-header {
    border-bottom: 4px solid #000;
}
.red-text {
    color: #A41F2A;
}
.green-text {
    color: #2FBFAE;
}
.gray-text {
    color: #8B8B8B;
}
.no-data {
    font-size: 54px !important;
    line-height: 69px !important;
}
.issue-mob-content h3 {
    font-size: 54px;
    line-height: 73px;
}
.issue-mob-content h4 {
    font-size: 26px;
    line-height: 34px;
}
.stand-issue-mob {
    display: none;
}
.stand-issue-content {
    overflow-x: scroll;
    overflow-y: hidden;
}

/* ISSUE RUNDOWN */
#issue-rundown h2 {
    text-align: center;
    text-transform: uppercase;
}
.issue-title-header .issue-sub-header {
    font-size: 20px;
    line-height: 28px;
}
.issue-rundown-bg {
    background: #15213a;
    color: #fff;
    border-radius: 20px;
    padding: 20px;
}
#issue-rundown .candidate-img img {
    border-radius: 100%;
}
#issue-rundown .candidate-img {
    border-width: 3px;
    border-style: solid;
    border-radius: 100%;
}
.issue-content {
    border-radius: 20px;
    padding: 20px;
    position: relative;
}
.issue-content .readmore-btn {
    text-align: center;
}
.issue-content:after {
    top: 100%;
    left: 40%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #CFE8DA;
    border-width: 10px;
    margin-left: 100px;
}
.custom-col:after {
    content: '';
    background-image: url(../img/elements/straight-broken-lines.svg);
    background-repeat: repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
    /*left: 0;*/
    width: 1px;
    height: 100%;
    margin: auto;
}
.custom-col:last-child:after {
    display: none;
}
.custom-col {
    position: relative;
}
.issue-broken-lines {
    padding: 0 20px;
}
.issue-content .issue-quote-icon {
    width: auto;
    height: auto;
    position: absolute;
    top: -20px;
    right: -20px;
}
.issue-header #cur-stand-thumb {
    width: 130px;
    height: 130px;
}
.issue-header #cur-stand-thumb img {
    width: 70px;
}
.issue-content hr {
    border-color: #000;
}
.border-lgreen {
    border-color: #0BB5A5;
}
.border-yellow {
    border-color: #F7B81C;
}
.border-red {
    border-color: #A81E2F;
}
.border-dark-blue {
    border-color: #282870;
}

.has-error .form-control{
    border-color: #a00;
}

/* ABOUT */
/*.about-header img {
    max-width: 150px;
}*/
.section-header-title {
    text-transform: uppercase;
    font-size: 46px;
    line-height: 60px;
}
.about-content h2 {
    font-size: 26px;
    line-height: 60px;
    position: relative;
    z-index: 2;
}
.about-content h2:before {
    content: '';
    position: absolute;
    top: 26px;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 200px;
    height: 6px;
    border-radius: 4px;
    background: #0AE1EA;
    z-index: -1;
}
.about-content p, .about-nav-text p {
    font-size: 22px;
    line-height: 38px;
    font-weight: 500;
}
.ql-wrap {
    background: #D0E8DA;
    border-radius: 10px;
    padding: 20px;
}
.privacy-icon img {
    border: 1px solid #000;
    border-radius: 100%;
    padding: 10px;
    max-width: 100px;
    margin: 0 auto auto;
    position: relative;
    z-index: 2;
    background: #fff;
    margin-right: -12px;
}
/*.about-banner .banner-header {
    position: relative;
    z-index: 2;
}*/
.about-banner .banner-header h2 {
    background: #fff;
    border: 3px solid #000;
    padding: 10px;
    border-radius: 10px;
}
.banner-header .banner-img {
    margin-top: -60px;
}
.banner-header .banner-img img {
    max-width: 70px;
}
.about-header-img img {
    position: relative;
    z-index: 2;
    max-width: 220px;
}
.about-header-img {
    position: relative;
    text-align: center;
    width: 350px;
    height: 350px;
    border-radius: 100%;
    margin: auto;
    border: 4px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #37B5A5;
}
/*.about-header-img:before {
    content: '';
    position: absolute;
    background: #37B5A5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 350px;
    height: 350px;
    z-index: 1;
    border-radius: 100%;
    margin: auto;
    border: 4px solid #000;
}*/
.about-text h3 {
    color: #A81E2D;
}
#about-page .landing-banner-bg #Path_581 {
    transform: translate(-150px, 0);
}
.landing-banner-bg #Path_582 {
    stroke: #000000;
    stroke-width: 3;
}
#about-ql .blurb-wrap-content {
    margin-top: -50px;
}
.about-ql li {
    display: inline-block;
    margin-bottom: 50px;
    margin-right: 20px;
}
.about-ql li:last-child {
    margin-bottom: 0;
    margin-right: 0;
}

.icon-w1{
    max-width: 50px;
}

.profile-action-footer{
    border-top: 3px solid #000;
    background: #F9F2E2 !important;
}
.profile-action-footer .navbar-toggler{
    border: 2px solid #000;
}
.profile-action-footer .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* FAQS */
.faq-header .section-header-title {
    text-transform: capitalize;
}
.faq-content-wrap .curve-line svg {
    margin-top: 0;
    width: auto;
}
/*.faq-no-wrap {
    position: relative;
    z-index: 2;
    width: 50%;
    margin: auto;
}*/
.faq-no-wrap h3 {
    border: 4px solid #000;
    border-radius: 6px;
    background: #fff;
    padding: 20px;
    position: relative;
    z-index: 2;
    font-size: 44px;
    line-height: 52px;
}
/*.faq-no-wrap:after {
    content: '';
    position: absolute;
    border: 4px solid #000;
    border-radius: 6px;
    background: #fff;
    z-index: 1;
    top: 12px;
    left: 12px;
    width: 100%;
    height: 100%;
}*/
.faq-content-wrap .faq-title, .botante-module-content .botante-title {
    font-size: 26px;
    line-height: 34px;
}
.faq-content-wrap p, .botante-module-content p {
    font-size: 26px;
    line-height: 42px;
    font-weight: 500;
}
.faq-no img {
    max-width: 100px;
    width: 50%;
}


/* BOTANTE MODULE */
#botante-bible,
.bg-shape-wrap {
    position: relative;
    overflow: hidden;
}
.bontante-shape1 {
    position: absolute;
    max-width: 600px;
    width: 100%;
    top: -200px;
    left: -350px;
    transform: rotate(35deg);
}
.bontante-shape2 {
    position: absolute;
    max-width: 600px;
    width: 100%;
    top: -20px;
    right: -200px;
    transform: rotate(80deg);
}
.bontante-shape3 {
    position: absolute;
    max-width: 600px;
    width: 100%;
    bottom: -150px;
    right: -250px;
    transform: rotate(-60deg);
}
.shape-red-up-left {
    position: absolute;
    max-width: 600px;
    width: 100%;
    top: -30px;
    left: -230px;
    transform: rotate(120deg);
}
.shape-yellow-up-right {
    position: absolute;
    max-width: 600px;
    width: 100%;
    top: 0;
    right: -280px;
    transform: rotate(0deg);
}
.botante-buttons .btn {
    max-width: 600px;
    width: 100%;
}

.botante-tips-box {
    background: #fff;
    padding: 50px;
    margin-top: 50px;
    border: 3px solid #000;
    border-radius: 20px;
    position: relative;
}
.botante-modules-wrap .title-ribbon {
    position: relative;
    margin: 30px auto;
    top: 0;
}
#botante-modules .section-header p {
    max-width: 500px;
    margin: auto;
}
.title-ribbon {
    text-align: center;
    background: url(../img/elements/blue-ribbon-1.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 220px;
    margin: auto;
    height: 55px;
    position: absolute;
    top: -28px;
    right: 0;
    left: 0;
}
.title-ribbon-2 {
    text-align: center;
    background: url(../img/elements/blue-ribbon-2.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
}
.botante-tips-title {
    font-size: 18px;
    line-height: 26px;
    padding: 8px 0;
    margin-bottom: 15px;
    position: relative;
    z-index: 9;
}
.botante-tips-title span {
    background: #F7B81C;
    padding: 8px 15px;
    border: 3px solid #000;
}
.botante-tips-wrap:before {
    content: "";
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    min-height: 150px;
    background: #D0E8DA;
    max-width: 1600px;
    right: 0;
    text-align: center;
    border: 3px solid #000;
    border-radius: 25px;
    margin: auto;
}
.botante-tips-col,
.botante-tips-content {
    border-image: url(../img/elements/tips-category-bg.svg) 80 !important;
    -webkit-border-image: url(../img/elements/tips-category-bg.svg) 80 !important;
    padding: 20px 0;
    border-top: 100px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
}
.botante-tips-list {
    background: #fff;
    padding: 50px 30px 30px;
    border: 3px solid #000;
    border-radius: 10px;
    min-height: 500px;
    position: relative;
}
.botante-tips-clip {
    position: absolute;
    right: 65px;
}
.botante-tips-clip img {
    max-width: 120px;
}
.broken-lines-svg-1 {
    position: absolute;
    right: -110px;
    top: 5px;
}
.broken-lines-svg-2 {
    position: absolute;
    right: -110px;
    top: -35px;
}
.broken-lines-svg-1 img,
.broken-lines-svg-2 img {
    max-width: 450px;
}
.botante-module-image img {
    width: 100%;
    max-width: 400px;
}

.botante-tips-button .btn {
    line-height: 22px;
    font-weight: 700;
}
.botante-tips-button .btn:before {
    right: -12px;
}
.botante-tips-image {
    max-width: 280px;
    width: 100%;
    margin: auto;
}

.botante-module-img .botante-img {
    border: 4px solid #000;
    border-radius: 6px;
    background: #fff;
    padding: 20px;
    position: relative;
    z-index: 2;
    font-size: 44px;
    line-height: 52px;
}
.botante-module-img:after {
    content: '';
    position: absolute;
    border: 4px solid #000;
    border-radius: 6px;
    background: #fff;
    z-index: 1;
    top: 12px;
    left: 12px;
    width: 100%;
    height: 100%;
}
.botante-module-img {
    position: relative;
    z-index: 2;
    width: 50%;
    margin: auto;
}
.botante-module-content .read-more {
    font-size: 14px;
    line-height: 22px;
}
.bible-tab .nav-link {
    background: transparent;
    color: #000;
    font-size: 22px;
    line-height: 32px;
    font-weight: 500;
}
.bible-tab .nav-link.active {
    background: transparent;
    color: #000;
    position: relative;
    z-index: 2;
}
.bible-tab .nav-link.active:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 20px;
    left: 0;
    right: 0;
    height: 8px;
    border-radius: 10px;
    background: #0AE1EA;
    width: 100%;
}
.botante-module-link {
    font-size: 18px !important;
    line-height: 26px !important;
}
.botante-modules-wrap .title-ribbon {
    max-width: 260px;
    height: 65px;
}

.blog-pagination .pagination {
    justify-content: center;
}

.fast-fact-wrap p {
    word-break: break-word !important;
}
.fact-links .text-green {
    font-weight: 600;
}
.botante-tips-btn .form-group {
    padding-left: 10px;
    padding-right: 10px;
}

#botante-module-blog #blog-posts-masonry {
    height: auto !important;
    margin: auto !important;
}
#botante-module-blog .post-card-wrap-wall {
    border: 1px solid #000;
    padding: 20px;
    border-radius: 15px;
}


/* BOTANTE TIPS */
.tips-check-img img {
	max-width: 50px;
}
.tips-img-col img {
    max-width: 350px;
    width: 100%;
}
.tips-category-wrap {
    border-image: url(../img/elements/tips-category-bg.svg) 80 !important;
    border: 70px solid transparent;
    -webkit-border-image: url(../img/elements/tips-category-bg.svg) 80 !important;
    padding: 20px 0;
}
.tips-header-wrap {
    position: absolute;
    max-width: 300px;
    height: 65px;
    width: 100%;
    top: 100px;
    left: 100px;
    z-index: 9;
}
.botante-wrap a {
    color: #000;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}
.botante-tips-bg {
    background: #D0E8DA;
    padding: 80px;
    border: 2px solid #000;
    border-radius: 30px;
    margin-top: -100px;
    position: relative;
    z-index: -1;
}
.botante-tips-content .botante-tips-clip {
    top: 0;
}
.tips-content-wrap {
    background: #fff;
    padding: 70px 30px 30px;
    border: 3px solid #000;
    border-radius: 10px;
}
.tips-content-wrap .ms-share-buttons .list-inline {
    border-bottom: 0;
}
#botante-tips-content .blog-post-content .paragraph-block, #botante-tips-content .quote-block {
    padding: 0;
}
#tips-pagination .pagination {
	margin: 0;
	justify-content: center;
}
#tips-pagination .pagination > li > a {
    padding: 6px 18px;
}



.b-radius-10{
    border-radius: 10px;
}
.b-radius-20{
    border-radius: 20px;
}




/****************************/
/***** EBOTO RESPONSIVE *****/
/****************************/
@media (max-width: 1440px) {
    .shape-yellow-up-right {
        right: -350px;
    }
    .shape-red-up-left {
        left: -300px;
    }



    /* LOGIN / REGISTER */
    #voter-login .login-bg, #register .register-bg {
        padding: 80px 50px;
    }
    .hero-title-1 {
        font-size: 42px;
        line-height: 58px;
    }
    .login-wrap .border-bg-white, .register-wrap .border-bg-white {
        padding: 50px;
    }
    .hero-sub-title-1 {
        font-size: 18px;
        line-height: 28px;
    }

    /* CANDIDATE PROFILE */
    .fast-facts-tab .title-header h3 {
        font-size: 40px;
        line-height: 54px;
    }
    .fast-facts-tab .title-header p {
        font-size: 20px;
        line-height: 36px;
    }

    .game-lists > li{
        width: 40%;
    }


    



    /* ISSUE TRACKER */
    .philmap{
        transform: translate(-50px,20px) scale(1.1);
    }
}
@media (max-width: 1300px) {
    /* LANDING PAGE */
    .bawal-fake-news-bg {
        background-size: cover;
        background-position: center left;
    }

    /* USER DASHBOARD */
    .pub-user-dash-container img {
        max-width: 150px !important;
    }
}
@media(max-width: 1024px) {
    .shape-red-up-left {
        left: -350px;
    }
    .shape-yellow-up-right {
        right: -400px;
    }
}
@media (max-width: 1199px) {
    /* COMPARE CANDIDATE */
    .compare-content .col, .compare-candidate-content .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .compare-categories-title h3 {
        font-size: 18px;
        line-height: 22px;
    }

    /* BOTANTE TIPS */
    .tips-check-img img {
        max-width: 50px;
    }
    .tips-img-col {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .tips-img-col img {
        max-width: 150px;
    }

}
@media(max-width: 991px) {
    #footer {
        padding: 80px 20px 30px;
    }
    .container{
        width: 100%;
    }
    .fsm {
        font-size: 18px;
        line-height: 26px;
    }

    /* LANDING PAGE */
    .presidentiables-curtain {
        display: none;
    }
    #presidentiables {
        padding-top: 80px;
    }
    .sorry-na-pero-pwede-pa-wrap {
        margin: auto;
    }
    .bawal-fake-new-wrap {
        border-radius: 20px;
    }



    /* FAST FACTS */
    .candidate-photo img {
        max-width: 250px;
        width: 100%;
    }

    /* CANDIDATE PROFILE */
    .candidate-photo-mob {
        display: block;
    }
    .candidate-photo-desktop {
        display: none;
    }
    .fast-facts-tab .candidate-name {
        /*position: relative;*/
    }
    .political-cat-item a.pol-cat-btn {
        font-size: 18px;
        line-height: 28px;
    }

    .game-lists > li{
        width: 90%;
        margin: 0 auto 20px;
    }
    .white-border-bg{
        padding: 20px;
    }
    #fast-facts-tab{
        /*overflow: hidden;*/
    }

    /* KNOW YOUR KANDIDATO */
    #landmark-bills-cta a {
        font-size: 20px;
        line-height: 28px;
    }
    #quotable-quote-slider .quote-slide-item blockquote {
        font-size: 18px;
        line-height: 28px;
    }
    .candidate-card .ballot-no {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    /* COMPARE CANDIDATE */
    .compare-content-wrap, .naiambag-wrap, .advocacies-wrap {
        padding: 20px;
    }
    .advocacies-wrap .col, .political-party .col {
        flex: 0 0 60%;
        max-width: 60%;
    }


    /* BOTANTE TIPS */
    .botante-wrap a {
        font-size: 16px;
        line-height: 24px;
    }
    .tips-title h3 {
        font-size: 22px;
        line-height: 30px;
    }
    
}
@media (max-width: 768px) {
    .hero-title-1 {
        font-size: 38px;
        line-height: 46px;
    }
    .fast-facts-modal .modal-content {
        padding: 30px;
    }
    #online-survey .container-fluid{
        width: 100%;
    }

    .tips-header-wrap {
        max-width: 250px;
        height: 55px;
    }
    .tips-header-wrap h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .shape-red-up-left {
        left: -400px;
    }
    .shape-yellow-up-right {
        right: -450px;
    }
    .tips-header-wrap {
        top: 80px;
        left: 60px;
    }
    .botante-tips-col, .botante-tips-content {
        border-top: 80px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
    }


}
@media (max-width: 600px) {
    .shape-red-up-left {
        left: -70%;
    }
    .shape-yellow-up-right {
        right: -75%;
    }

    .hero-title-1 {
        font-size: 34px;
        line-height: 40px;
    }
    .fsm {
        font-size: 16px;
        line-height: 24px;
    }

    .modal-title-header h3 {
        font-size: 18px;
        line-height: 26px;
    }
    .close-modal {
        max-width: 50px;
        right: -20px;
        top: -20px;
    }
    .fast-facts-modal .modal-content {
        padding: 30px 15px;
    }
    .fast-facts-modal .modal-header {
        padding: 0;
    }
    .fast-facts-modal .modal-title-header {
        padding: 4px 10px;
        border-radius: 15px;
    }
    .botante-image {
        max-width: 200px;
        width: 100%;
        margin: 30px auto 50px;
    }
    .botante-tips-col {
        border-top: 80px solid transparent;
        border-bottom: 15px solid transparent;
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
    }
    .botante-tips-clip {
        right: 50px;
        top: -20px;
    }
    .botante-tips-clip img {
        max-width: 100px;
    }
    .tips-img-col img {
        max-width: 110px;
    }
    .botante-tips-list {
    	padding: 30px 20px;
    }
}
@media (max-width: 575px) {
    /* MAIN NAVIGATION */
    #main-nav-items {
        margin-top: 16px;
    }

    #main-nav-items .list-inline .nav-icon{
        top: 6px !important;
    }
    #mobile-nav-trigger{
        top: 14px;
    }

    .justify-content-xs-center {
        justify-content: center;
    }
    .flex-xs-wrap {
        flex-wrap: wrap;
    }

    .fact-links {
        margin-bottom: 15px;
    }
    .modal-theme-1 .modal-header .close{
        right: 25px;
        top: 10px;
    }
    #main-nav-items .list-inline .nav-icon img {
        margin-left: 0;
    }
    #main-nav-items .list-inline .nav-icon > a.btn {
        padding-left: 0 !important;
    }


    /* COMPARE CANDIDATE */
    .ballot-btn-wrap .social-icons {
        text-align: center;
    }


    /* SAMPLE BALLOT */
    .title-ballot {
        max-width: 350px !important;
    }
    .form-ballot-wrap:after {
        bottom: -20px !important;
    }


    /* CANDIDATE PROFILE */
    .candidate-photo-facts {
        min-height: 500px;
    }
    .candidate-photo-facts .candidate-img img {
        max-width: 250px;
    }
    .fast-fact-no-data h3 {
        font-size: 24px;
        line-height: 36px;
    }

    /* LANDMARK BILLS */
    .blog-category-wrap .border-bg {
        padding: 10px !important;
    }
    .category-list-wrap .b-right-gray {
        border-right: 0 !important;
        padding-right: 0 !important;
    }


    /* BOTANTE MODULE */
    .botante-module-wrapper h1.title {
        font-size: 28px !important;
        line-height: 34px !important;
    }
    



    .ms-social-icon {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }


    /* ISSUE TRACKER */
    .philmap {
        transform: translate(-50px,20px) scale(0.8) !important;
    }
    #vis3 svg {
        height: 600px;
    }
    .hm-candidate-percent {
        text-align: left;
    }


    /* GAMES */
    .eboto-header-1 {
        font-size: 48px;
        line-height: 58px;
    }
}
@media (max-width: 425px) {
    /* LANDING PAGE */
    .poll-footer {
        padding: 30px 20px !important;
    }
    .title-2 {
        font-size: 34px;
        line-height: 42px;
    }
    .section-sub-header {
        font-size: 18px;
        line-height: 24px;
    }
    #presidentiables {
        padding-top: 60px;
    }
    .presidentiables-header {
        top: -20px;
    }
    .ano-bang-say-wrap {
        font-size: 20px;
        line-height: 28px;
    }
    .bawal-fake-new-wrap {
        padding: 30px;
    }
    .bawal-title-wrap {
        width: 100%;
    }



    .candidate-photo:before {
        max-width: 220px;
        max-height: 220px;
        bottom: 80px;
    }

    /* ABOUT */
    .about-header-img img {
        max-width: 180px;
    }
    .about-header-img {
        width: 250px;
        height: 250px;
    }
    .about-ql li {
        width: 100%;
    }
    .about-nav-content {
        padding: 30px 20px;
    }
    .about-content p, .about-nav-text p {
        font-size: 18px;
        line-height: 34px;
    }


    h1 {
        font-size: 36px;
        line-height: 44px;
    }
    h3 {
        font-size: 24px;
        line-height: 32px;
    }


    /* SAMPLE BALLOT */
    .form-ballot-wrap {
        border: 40px solid transparent;
    }
    .title-ballot {
        max-width: 310px !important;
        top: -30px;
    }


    /* LANDMARK BILLS */
    #landmark-bills-blog .category-title h3 {
        font-size: 20px;
        line-height: 28px;
    }
    
    #landmark-bills-blog .blog-category-wrap .custom-col {
        max-width: 100%;
        flex: 100%;
    }


    /* BOTANTE TIPS */
    .tips-header-wrap .title-ribbon {
        max-width: 250px;
        height: 60px;
    }
    .tips-header-wrap .title-ribbon h2 {
        font-size: 18px;
        line-height: 26px;
    }
    .tips-check-img img {
        max-width: 30px;
    }
    .tips-header-wrap {
        max-width: 200px;
        height: 45px;
    }
    .tips-header-wrap h2 {
        font-size: 18px;
        line-height: 26px;
    }
    .botante-tips-clip {
        right: 40px;
        top: -10px;
    }
    .botante-tips-clip img {
        max-width: 80px;
    }
    .tips-content-wrap {
        padding: 50px 20px 20px;
    }
    .tips-img-col {
    	bottom: -30px;
    }
    .tips-img-col img {
    	max-width: 100px;
	}



    /* GAMES */
    .drop-label {
        font-size: 16px;
        line-height: 24px;
    }



    /* CANDIDATE PROFILE */
    .fast-fact-no-data h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .fast-fact-no-data {
        padding: 30px 20px !important;
    }

    /* ISSUE TRACKER */
    .philmap {
        transform: translate(-50px,20px) scale(0.7) !important;
    }
    #vis3 svg {
        height: 500px;
    }
    #heat-map-results {
        padding: 30px 20px;
    }
}




/* MASONRY */
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    display: inline-block;
}

/* Masonry grid */
.masonry {
  transition: all .5s ease-in-out;
  column-gap: 30px;
  column-fill: initial;
}

/* Masonry item */
.masonry .brick {
  margin-bottom: 30px;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
}

/* Masonry image effects */
.masonry .brick img {
  transition: all .5s ease-in-out;
  backface-visibility: hidden; /* Remove Image flickering on hover */
}

.masonry .brick:hover img {
  opacity: .75;
}

/* Bordered masonry */
.masonry.bordered {
  column-rule: 1px solid #000;
  column-gap: 50px;
}

.masonry.bordered .brick {
  padding-bottom: 25px;
  margin-bottom: 25px;
  /*border-bottom: 1px solid #000;*/
}

/* Gutterless masonry */
.masonry.gutterless {
  column-gap: 0;
}

.masonry.gutterless .brick {
  margin-bottom: 0;
}

/* Masonry on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .masonry {
    column-count: 2;
  }
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
  .desc {
    font-size: 1.25em;
  }

  .intro {
    letter-spacing: 1px;
  }

  .masonry {
    column-count: 3;
  }
}

.scrollbar::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

.scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  /*border-radius: 10px;         color of the tracking area */
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #ccc;    /* color of the scroll thumb */
  /*border-radius: 20px;        roundness of the scroll thumb */
  border: 3px solid #ccc;  /* creates padding around scroll thumb */
}
.candidate-sub .nickname {
    text-transform: uppercase;
}
/*#main-nav-items ul li {
    display: inline-block;
    padding: 0 16px;
}*/
.candidate-photo-card-wrap .img-placeholder {
    max-width: 500px;
    width: 100%;
}



/* VOTER DASHBOARD */
.pub-user-dash-container a {
    color: #000;
    line-height: 22px;
}
.invite-count {
    left: 0;
    right: 0;
    position: absolute;
    background: #385CAA;
    color: #fff;
    border: 2px solid #252460;
    border-radius: 4px;
    padding: 6px;
    font-size: 30px;
    line-height: 36px;
    max-width: 60px;
    margin: auto;
    top: -20px;
    z-index: 1;
    text-align: center;
}
.pub-user-dash-container img, .user-dashboard .img-circle {
    max-width: 200px;
}

/* WHAT'S NEWS */
#whats-news .title-header {
    border-image: url(../img/elements/whats-news-header-border.svg) 36 !important;
    border: 30px solid transparent;
    -webkit-border-image: url(../img/elements/whats-news-header-border.svg) 36 !important;
}
#whats-news .title-header h1 {
    color: #ED5333;
    text-shadow: 2px 0 black, -2px 0 black, 0 2px black, 0 -2px black, 1px 1px black, -1px -1px black, -1px 1px black, 1px -1px black;
    font-size: 62px;
    line-height: 68px;
}
#whats-news .header-img img {
    max-width: 300px;
    margin-top: -130px;
    margin-bottom: -130px;
    width: 100%;
}
#whats-news .sub-header {
    max-width: 500px;
    float: right;
}
#whats-news .anong-ganap-col .image {
    /*min-height: auto;*/
    min-height: 60px;
}
#whats-news .anong-ganap-col .post-card-wrap-wall {
    padding: 15px 10px;
}
#whats-news .summary-wall .post-card .image-body {
    height: auto;
    margin-bottom: 0;
    margin-right: 10px;
}
.blog-content-wrap {
    position: relative;
}
.tape-icon-wrap {
    position: absolute;
}
.tape-icon-wrap.top-left-icon {
    left: -40px;
    top: -40px;
}
.tape-icon-wrap.bottom-left-icon {
    left: -40px;
    bottom: -40px;
    transform: rotate(
70deg);
}
.tape-icon-wrap.top-right-icon {
    right: -40px;
    top: -40px;
    transform: rotate(70deg);
}
.tape-icon-wrap.bottom-right-icon {
    right: -40px;
    bottom: -40px;
    transform: rotate(0);
}
#whats-news .post-card .title, #whats-news .post-card .intro {
    color: #000;
}



/* ALERT */
.user-dashboard .alert {
    background: #A81E2F;
    color: #fff;
    border: 1px solid #A81E2F;
}
.user-dashboard .alert-dismissible .close {
    opacity: 1;
}


/* LANDMARK BILLS */
.landmark-category-bg {
    border: 2px solid #3B302E;
    padding: 20px;
}
.landmark-category-bg .blue-bg {
    background: #0452D9;
    border: 2px solid #3B302E;
}
#landmark-bills-blog .bubble-wrap {
    background: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    display: inline-block;
    position: relative;
    margin-right: 30px;
    margin-bottom: 40px;
}
#landmark-bills-blog .bubble-wrap:last-child {
    margin-right: 0;
}
.bubble-wrap:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
}
.bubble-wrap:nth-child(2n+0):after {
    border-top-color: #0BB5A5;
}
.bubble-wrap:nth-child(3n+0):after {
    border-top-color: #FDF98F;
}
.bubble-wrap:nth-child(4n+0):after {
    border-top-color: #F7B81C;
}
#landmark-bills-blog .bubble-wrap:nth-child(2n+0) {
    background: #0BB5A5;
}
#landmark-bills-blog .bubble-wrap:nth-child(3n+0) {
    background: #FDF98F;
}
#landmark-bills-blog .bubble-wrap:nth-child(4n+0) { 
    background: #F7B81C;
}
.bubble-wrap a {
    color: #000;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
}
.category-list img {
    max-width: 40px;
}
.category-header {
    border: 4px solid #000;
    border-radius: 20px;
    padding: 10px;
}
.category-header .category-icon-wrap {
    position: relative;
    margin-top: -30px;
    margin-bottom: -30px;
}
.category-header .category-icon {
    max-width: 80px;
    width: 100%;
}
.category-title h3 {
    color: #252460;
    line-height: 32px;
}
.category-list-wrap .arrow-right-icon .ion-android-arrow-dropright:before {
    font-size: 64px;
}
.category-list-wrap .b-right-gray {
    border-right: 3px solid #ccc;
}
.landmark-img-bg {
    text-align: center;
    margin-top: -150px;
}
.landmark-img-bg img {
    width: 100%;
    max-width: 500px;
}
.landmark-category-bg .blue-bg {
    padding-bottom: 100px !important;
}


/* MAIN NAVIGATION */
.main-nav-items .navbar-menu > li.dropdown > .dropdown-menu {
    border: 0;
    padding: 18px 10px;
    border-top: 0.5px solid rgba(219,164,53,0.8);
    position: fixed;
    top: 128px;
    left: auto;
    max-width: 300px;
    width: 100%;
    min-width: max-content;
    border-radius: 0;
}
#main-nav-items .dropdown-menu > li > a {
    /*padding: 15px 15px 15px 25px;*/
    color: #111 !important;
}

.grayscale {

    filter: grayscale(100%);

}

.candidate-ktype-font {
    font-weight: bold;
}


#issue-rundown-pdf-wrap {
    background: #FAEEDB;
    padding: 80px;
}
#issue-rundown-pdf-wrap .section-header-3 {
    border-bottom: 0;
}
.eboto-logo img {
    max-width: 200px;
}

.download-pdf-wrap {
    background: #FAEEDB;
    padding: 80px;
}
.download-pdf-wrap .section-header-3 {
    border-bottom: 0;
}




/* CAMPAIGN SLATE */
#campaign-slate .candidate-img img {
	border-radius: 100%;
}

/* PARTYLIST PROFILE */
.nominees-wrap img {
	border-radius: 100%;
}
.nominees-wrap .candidate-img {
	display: flex;
    align-items: center;
}
.nominees-wrap .candidate-img img {
	position: absolute;
    left: -20px;
    border: 2px solid #000;
}