@font-face {
    font-family: 'bulldog';
    src: url('../fonts/bulldogregular.eot');
    src: url('../fonts/bulldogregular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bulldogregular.woff') format('woff'),
         url('../fonts/bulldogregular.ttf') format('truetype'),
         url('../fonts/bulldogregular.svg#bulldogplregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bulldogmedium';
    src: url('../fonts/bulldogmedium.eot');
    src: url('../fonts/bulldogmedium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bulldogmedium.woff') format('woff'),
         url('../fonts/bulldogmedium.ttf') format('truetype'),
         url('../fonts/bulldogmedium.svg#bulldogplregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bulldogbold';
    src: url('../fonts/bulldogbold.eot');
    src: url('../fonts/bulldogbold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bulldogbold.woff') format('woff'),
         url('../fonts/bulldogbold.ttf') format('truetype'),
         url('../fonts/bulldogbold.svg#bulldogplregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;} */

img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}

.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.bulldog {font-family: bulldog, arial narrow, tahoma, sans-serif;}
.bulldog-medium {font-family: bulldogmedium, arial narrow, tahoma, sans-serif;}
.bulldog-bold {font-family: bulldogbold, arial narrow, tahoma, sans-serif;}
.roboto-bold {font-family: robotobold, arial narrow, tahoma, sans-serif;}
.roboto-light {font-family: robotolight, arial narrow, tahoma, sans-serif;}
.roboto-medium {font-family: robotomedium, arial narrow, tahoma, sans-serif;}
.roboto {font-family: robotoregular, arial narrow, tahoma, sans-serif;}

.pt20 { padding-top:20px !important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }

.border-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pointer {color: #6e6e6e; font-size: 16px; line-height: 22px; padding-right: 30px; display: inline-block; background: url('../img/layout/link-pointer.png') no-repeat 100% 50%; text-transform: uppercase;
    transition: color .2s ease;
    -o-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -webkit-transition: color .2s ease;
}
.pointer:hover {color: #5a3889;}
.pointer.no-bg {background: none;}
.pointer .pointer-bg {background: url('../img/layout/link-pointer.png'); width: 22px; height: 23px; display: inline-block; position: relative; margin-top: -8px; top: 5px; left: 8px;}

.accordions .accordion > a {font-size: 24px; line-height: 24px; color: #76599d; text-transform: uppercase;
    transition: color .2s ease;
    -o-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -webkit-transition: color .2s ease;
}
.accordions .accordion > a:hover {color: #48227c;}
.accordions .accordion > a:focus {outline: none;}
.accordions .accordion > div {padding: 6px 0;}

.pagination {width: 100%; /*overflow: hidden;*/}
.pagination .pagination-overflow {width: 9999px;
    transform: translate(0,0);
    -o-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);

    transition: transform .5s ease;
    -o-transition: -o-transform .5s ease;
    -moz-transition: -moz-transform .5s ease;
    -webkit-transition: -webkit-transform .5s ease;
}

.custom-select {}
.custom-select .select {position: relative;}

.popup {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;}
.popup .close {background: #5a3889 url('../img/layout/popup-close.png') no-repeat 50% 50%; position: absolute; top: 0; right: 0; width: 46px; height: 46px; border-radius: 0 0 0 4px; z-index: 999; opacity: 0;
    transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
}

.popup .close:hover {background-color: #8362af;}
.popup.loaded.visible .close {opacity: 1;}

.popup .popup-content {background: #fff; height: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 90;
    transform: scale(0.5);
    -o-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    
    transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
.lt-ie9 .popup .popup-content {filter: none !important;}

.csstransitions .popup.loaded .popup-content {opacity: 1;
    transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.popup .popup-content .cnt {max-width: 660px; color: #616162; padding: 55px 40px 55px 192px; line-height: 18px; font-size: 15px;}
.popup .popup-content .cnt h2 {padding: 0 0 16px 0; font: 32px/30px bulldogmedium, arial narrow, tahoma, sans-serif; margin: 0; color: #76599d; text-transform: uppercase;}
.popup .popup-content .cnt h3 {font-size: 16px; font-family: bulldogmedium, arial narrow, tahoma, sans-serif; text-transform: uppercase; margin: 0; padding: 0 0 16px 0;}
.popup .popup-content .cnt p {margin: 0; padding: 0 0 16px 0;}
.popup .popup-content .cnt iframe {background: #000; margin-bottom: 16px;}
.popup .popup-content .cnt .base {padding-bottom: 32px;}
.popup .popup-content .cnt .violet {color: #5a3889;}
.popup .popup-content .cnt *:last-child {padding-bottom: 0;}

.popup .popup-content .mCSB_scrollTools {margin: 0 !important; height: 100%;}
.popup .popup-content .mCSB_scrollTools .mCSB_draggerContainer {margin-top: 47px;}
.popup .popup-content .select .mCSB_scrollTools .mCSB_draggerContainer {margin-top: 8px;}

.custom-field {padding: 0; width: auto; position: relative; line-height: 17px;}
.custom-field input {position: absolute; top: 0; left: -5000px;}

.styleRadio, .styleCheckbox {position: absolute; top: 0; left: 0; width: 16px; height: 16px; background: #76599d;}
.styleRadioText, .styleCheckboxText {padding-left: 28px; display: block;}

.styleRadio {background: url('../img/layout/form-custom-radio.png') 0 0;}
.styleRadio.checked {background-position: 0 -16px;}
.styleCheckbox {background: url('../img/layout/form-custom-checkbox.png') 0 0;}
.styleCheckbox.checked {background-position: 0 -16px;}

.select {background: url('../img/layout/form-custom-select.png') 0 100%; position: relative; z-index: 100; width: 200px;}
.select .custom-select {}
.select .custom-select .label {display: block; background: url('../img/layout/form-custom-select.png') 0 0; height: 34px; line-height: 34px; padding: 0 34px 0 14px; font-size: 15px; color: #616162; }
.tablet .select .custom-select .label { text-transform: capitalize; }
.select .custom-select .label .text {white-space: pre;}
.select .custom-select:hover .label {color: #5a3889;}
.select .custom-select .label .arrow {position: absolute; top: 0; right: 0; width: 34px; height: 34px; background: url('../img/layout/form-custom-select.png') 100% 0;}
.select .custom-select ul {background: url('../img/layout/form-custom-select.png') 100% 100%; padding: 8px 0 22px 0; margin: 0 0 0 8px; list-style: none; display: none;}
.select .custom-select ul li a {display: block; font-size: 15px; line-height: 16px; padding: 4px 48px 3px 8px; color: #616162;}
.select .custom-select ul li a:hover, .select .custom-select ul li.selected a {color: #5a3889;}
.select select {position: absolute; left: -5000px;}
.device-tablet .select select {position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}

.select.expanded .custom-select .label {background-position: 0 -34px;}
.select.expanded .custom-select .label .arrow {background-position: 100% -34px;}
.select.expanded .custom-select ul {display: block;}

.select.form{background: none; width: 288px;}
.select.form .custom-select {background: #fff; border: 1px solid #ccc; width: 286px;}
.select.form .custom-select .label {background: none; height: 28px; line-height: 28px; font-size: 16px; padding-left: 9px; padding-right: 39px;}
.select.form .custom-select .label .arrow {width: 39px; height: 28px; top: 1px; right: 1px; background: url('../img/layout/form-custom-select-alternate.png') 0 0;}
.select.form .custom-select ul {position: absolute; left: 0; top: 30px; background: #fff; width: 286px; border: 0 solid #ccc; border-width: 0 1px 1px; padding-bottom: 8px !important;}
.select.form .custom-select ul li a {font-size: 16px; padding: 5px 48px 5px 9px !important;}
/* .select.form .custom-select ul li.selected, .select.form .custom-select ul li:hover {background: #e1e1e1;} */

.select.form.expanded  .custom-select .label .arrow {background-position: 0 100%;}

.button {display: inline-block; font-size: 16px; line-height: 20px; text-transform: uppercase; display: inline-block; position: relative; opacity: 1;
    transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
}
/* .button:hover {opacity: .8;} */
.button.violet {background: url('../img/layout/button-violet.png') no-repeat 0 0; padding: 12px 14px 12px 24px; color: #fff; margin-right: 30px;}
.button.white {background: url('../img/layout/button-white.png') no-repeat 0 1px; padding: 14px 14px 14px 26px; color: #434343; margin-right: 32px; margin-left: -1px;}
.button:after {position: absolute; top: 0; left: 100%; content: "";}
.button.violet:after {background: url('../img/layout/button-violet.png') no-repeat 100% 0; width: 30px; height: 44px;}
.button.white:after {background: url('../img/layout/button-white.png') no-repeat 100% 1px; width: 32px; height: 48px;}

.cta {height: 44px; line-height: 42px; font-size: 16px; color: #fff; background: #5a3889 url('../img/layout/cta.png') 100% 0; padding: 0 38px 0 24px; border: none; display: inline-block; border-radius: 4px; text-transform: uppercase;
    transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.cta:hover {
    background-color: #8362af;
    background-position: 98% 0;
}

.underInputErr {clear: both; font-size: 12px; line-height: 15px; color: #ff0000;}
.underInputErr .err {background: url('../img/layout/validation-error.png') no-repeat 0 50%; display: block; padding-left: 16px;}
.underInputErr .err + .err {margin-top: 2px;}

/* .custom-select select {position: absolute; left: 0;}
.device-desktop .custom-select select {top: -100px;} */

/* scrollbar styling */
/* vertical scrollbar */

.mCSB_container{width: auto;margin-right: 60px;}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {margin-right: 30px;}
.mCustomScrollBox > .mCSB_scrollTools {width: 47px; height: 500px; top: 0; right: 0; z-index: 100;}
.mCSB_scrollTools .mCSB_draggerContainer {position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto;}
.mCSB_scrollTools a + .mCSB_draggerContainer {margin: 20px 0;}
.mCSB_scrollTools .mCSB_dragger {cursor: pointer; width: 100%; height: 92px; background: url('../img/layout/content-box-scroll.png') 50% 50% no-repeat;}

.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown {display: block; position: relative; height: 20px; overflow: hidden; cursor: pointer; margin: 0 auto;}
.mCSB_scrollTools .mCSB_buttonDown {top: 100%; margin-top: -40px;}
.mCustomScrollBox {-ms-touch-action: none; overflow: visible !important;}

.mCSB_horizontal > .mCSB_container {height: 100%;}
.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {width: 100%; height: 47px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; z-index: 9999;}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {width: 92px; height: 47px; background: url('../img/layout/content-box-scroll-horizontal.png') 50% 50% no-repeat;}
.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerContainer {left: 40px; right: 40px;}

.device-desktop .mCSB_scrollTools .mCSB_dragger {height: 112px;}
.device-desktop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 100%; height: 40px; background: url('../img/layout/content-box-scroll.png') 0 0; position: absolute; top: 10px; left: 0;
    transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.device-desktop .mCSB_scrollTools .mCSB_dragger:after {width: 100%; height: 40px; background: url('../img/layout/content-box-scroll.png') 0 100%; position: absolute; bottom: 10px; left: 0; content: "";
    transition: all .2s ease;
    -o-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.device-desktop .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .device-desktop .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {top: 0;}
.device-desktop .mCSB_scrollTools .mCSB_dragger:hover:after, .device-desktop .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:after {bottom: 0;}

.device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {height: 47px; width: 112px;}
.device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 40px; height: 47px; background: url('../img/layout/content-box-scroll-horizontal.png') 0 0; position: absolute; left: 10px; top: 0; bottom: 0;}
.device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger:after {width: 40px; height: 47px; background: url('../img/layout/content-box-scroll-horizontal.png') 100% 0; position: absolute; left: auto; right: 10px; top: 0; bottom: 0;}
.device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {left: 0;}
.device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger:hover:after, .device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:after {right: 0; left: auto;}

.lt-ie9.device-desktop .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .device-desktop .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {top: 0;}
.lt-ie9.device-desktop .mCSB_scrollTools .mCSB_dragger:after, .device-desktop .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:after {bottom: 0;}
.lt-ie9.device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {left: 0;}
.lt-ie9.device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger:after, .device-desktop .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:after {right: 0; left: auto;}

.retina-images .mCSB_scrollTools .mCSB_dragger {background-image: url('../img/layout/retina/content-box-scroll.png'); background-size: 47px 92px;}
.retina-images .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {background-image: url('../img/layout/retina/content-box-scroll-horizontal.png'); background-size: 92px 47px;}
.no-scroll section > .mCustomScrollBox > .mCSB_scrollTools {visibility: hidden; z-index: 0;}