/* CSS Document */

.preloader { display: none; text-align: center; background: white; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .preloader .loading-txt { display: block; text-align: center; padding: 5px 0; }
#loaderDiv .preloader { display: block; }
#refreshLoaderDiv .preloader { display: block; }

html, body { height: 100%; margin: 0; padding: 0; font-weight: normal; }
body { background: #fff; color: #081f3b; font-size: 12px; font-family: "Brown-Regularalt"; }
#wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; }
em { font-family: "Brown-Italic"; }
label { font-weight: normal; }
.container { width: 100% !important; max-width: 990px; }
.modal-lg { width: calc(100% - 40px); }
ul, ul li, ol li { font: normal 14px "Brown-Thin"; }
img { border: none; }
a { color: #081f3b; outline: none !important; }
    a:hover, a.active-menu { color: #0187e6 !important; text-decoration: none !important; }
    a:focus { outline-offset: unset; text-decoration: none; }
h2 { font-size: 52px; color: #081f3b; text-align: center; }
.pull-none { float: none !important; }
.clear { width: 100%; height: auto; overflow: hidden; display: block; height: 0px; }

/* Margins */
.margin-top-5 { margin-top: 5px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-15 { margin-top: 15px; }
.margin-right-50 { margin-right: 50px; }
.margin-top-20 { margin-top: 20px; }
.margin-bot-15 { margin-bottom: 15px; }
.margin-bot-20 { margin-bottom: 20px; }
.sprite-bg { background: url(images/sprite.png) no-repeat; }
.sy-down-arrow { display: block; width: 24px; height: 16px; background-position: -59px -42px; }
.sy-down-arrow-big { display: block; width: 26px; height: 16px; background-position: -137px -44px; }
.input-group.search-group { float: left; background: #ffffff; border-radius: 10px; width: 100%; margin: 10px 0 10px; border: 0px solid #cccccc; box-sizing: content-box; }
    .input-group.search-group .form-control { border: 1px solid #cccccc; font-size: 12px; border-radius: 10px 0 0 10px; box-shadow: none; border-right: 0; }
.input-group-addon.search-icon { background: none; border: 1px solid #cccccc; padding: 0px; border-left: 0; border-radius: 0px 10px 10px 0px; }
    .input-group-addon.search-icon input[type="submit"] { border: 0px; width: 40px; height: 30px; outline: none; }
.noPadding { padding: 0px; }
.red { color: #ff0000; font: normal 14px "Brown-regular"; }

/* Form Elements */
textarea { resize: none !important; }
.input-type-radio { display: inline-block; }
    .input-type-radio input[type="radio"] { width: 16px; height: 16px; border: 2px solid #081f3b; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 100%; outline: none; position: relative; float: left; margin: 0px 20px 0px 0px; padding: 0px; cursor: pointer; }
        .input-type-radio input[type="radio"]:checked::after { content: ''; width: 6px; height: 6px; background: #081f3b; position: absolute; display: block; top: 3px; left: 3px; border-radius: 100%; }

.input-type-checkbox { display: inline-block; }
    .input-type-checkbox input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 0px 5px 0 0; padding: 0px; width: 16px; height: 16px; border: 2px solid #081f3b; border-radius: 4px; float: left; outline: none; position: relative; cursor: pointer; }
        .input-type-checkbox input[type="checkbox"]:checked { background: url(images/tick.png); }

.select-box { width: 100%; float: left; position: relative; }
    .select-box .select { background: #fff url(images/select-big-arrow.png) no-repeat right top; clear: both; color: #000; float: left; height: 37px; line-height: 35px; padding: 0 55px 0 10px !important; font-weight: normal; text-align: left; left: 0; border: solid 1px #B6B4B4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

.selectbox-time { float: none; width: 42px; margin: 0 5px; display: inline-block; }
    .selectbox-time .select { background: #fff url(images/small-arrow.png) no-repeat 31px 13px; width: 48px; padding: 0px 6px !important; box-sizing: border-box; }

select.styled { font-size: 12px; height: 37px; position: absolute; width: 100%; z-index: 5; color: #000; opacity: 0; filter: alpha(opacity=0); border: none; top: 0; left: 0; cursor: pointer; line-height: 37px; font-weight: normal; }
.hours-minute td { vertical-align: middle !important; padding: 10px 0 !important; text-align: center; font-weight: bold; }
.hours-minute th { text-transform: uppercase; }

/*common styles*/
.navbar-default { background: #081f3b; }
.navbar-brand { padding-top: 20px; height: auto; }
.navbar-header a { width: 70% !important; margin: 20px 0 0px 20px; padding: 0px 0 20px 0; }
.navbar-header .navbar-brand { background: url(images/m-synnex-logo.png?v1.0) no-repeat; display: inline-block; width: 100%; }
.navbar-toggle { padding: 9px 5px; margin-top: 10px; }
.navbar-default .navbar-toggle .icon-bar { background: #fff; }
.navbar-default .navbar-toggle { border-color: #fff; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: transparent; }

.navbar-nav { margin: 0px -15px; }
    .navbar-nav li { border-bottom: 1px solid #fff; }

.fa-navicon::before, .fa-reorder::before, .fa-bars::before { content: ""; }
.navbar-nav li:last-child { border-bottom: 0px; }
.navbar-default .navbar-nav > li > a { color: #fff; font-size: 14px; }
    .navbar-default .navbar-nav > li > a:hover { text-decoration: none; color: #fff; }

.fa { display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; }

/* Header Part */
header { background: #081f3b; padding: 0; font-family: "Brown-Light"; font-weight: normal; }
    header .h-left .logo { background: url(images/synnex-logo.png?V3.0) no-repeat; width: 249px; height: 39px; display: inline-block; margin-top: 5px;background-size: 245px; }
    header .h-right { float: right; text-align: right; }
        header .h-right .login-area { float: right; width: 100%; text-align: left; position: relative;padding-top:12px; }
            header .h-right .login-area > form > .col-sm-4 {  position: relative; }

.login-failed-error { color: #ff0000 !important; float: left; clear: both; width: auto; padding: 0 0 0 0px; left: 10px; top: -3px;    position: absolute;
    top: -9px;   left: 15px; }
.logn-error { position: absolute; top: 39px; width: 100%; }
header .h-right .login-area input[type="text"], header .h-right .login-area input[type="password"] { color: #303030; padding: 3px 5px; border: 0px; width: 100%; font-size: 12px; }
header .h-right .login-area input[type="password"] { display: table-cell; float: left;width:100% }
.login-submit { display: table-cell; background-color:#0187e6;color:white;font:normal 12px "Brown-Light"; height: 23px;width:75px; border: 0px; cursor: pointer; float: left; }

header .h-right .login-area .label-checkbox { float: left; padding: 6px 0; }
    header .h-right .login-area .label-checkbox label { margin: 0px; float: left; line-height: 13px; font-weight: normal; }

header .h-right .login-area label, header .h-right .login-area label a { color: #fff; font-size: 12px; line-height: 13px; font-weight: normal; text-decoration: none; }
header .h-right .login-area label, header .h-right .login-area-terms label a { color: #fff; font-size: 12px; line-height: 13px; font-weight: normal; text-decoration: underline; }
    header .h-right .login-area label, header .h-right .login-area label a:hover {  text-decoration: none; }
header .h-right .login-area .label-checkbox input[type="checkbox"] { margin-top: 0px; margin-right: 5px; width: 14px; height: 14px; background: #ffffff; border: 0px; float: left; }
header .h-right .login-area .login { border: 0px; background: url(images/logo_icon_Desktop.png) right no-repeat; padding-right: 30px; font-weight: bold; color: #fff; margin-left: 10px; margin-top: 5px; }

header .h-right .menu { font-size: 16px; float: right; }
    header .h-right .menu > li { display: block; margin-right: 10px; margin-left: 40px; float: left; padding: 10px 0; }
        header .h-right .menu > li > a { color: #fff; padding: 0; display: inline-block; font: normal 13px 'Brown-Light', Verdana, Geneva, sans-serif; text-transform: uppercase; font-weight: normal; outline: none; }

/* Submenu */
.hasSubmenu { position: relative; }
header .h-right .menu li .submenu { display: none; position: absolute; top: 35px; left: 0px; background: #ebebeb; float: left; width: 330px; padding: 20px 20px 0; text-align: left; z-index: 99; }
    header .h-right .menu li .submenu > ul { float: left; width: 50%; list-style: none; padding: 0px; margin: 0px 0px 10px; list-style: none; }
        header .h-right .menu li .submenu > ul > li { margin: 0px; float: left; width: 100%; line-height: 24px; margin-bottom: 10px; font-weight: normal; list-style: none; }
            header .h-right .menu li .submenu > ul > li > a { font-size: 12px; font-family: "Brown-Light"; }

header .h-right .menu li.ourvalue .submenu { width: 210px; }
.banner img { width: 100%; }
nav.navbar { border: 0px !important; margin-bottom: 0px; display: none; }
.heading-txt { background: #b0c2d0; }
    .heading-txt h2 { font-weight: normal; text-align: center; margin-top: 35px; padding: 0px; font-size: 60px; font-family: "Brown-Regularalt"; }
        .heading-txt h2 > span { text-align: center; font-size: 28px; line-height: 32px; padding: 0; font-family: "Brown-Thin"; font-weight: bold; clear: both; display: block; width: 100%; height: auto; overflow: hidden; margin: auto auto 25px; width: 200px; }

.our-system { background: #e0e0e0; padding: 0px 0; }
    .our-system a { outline: none; }
        .our-system a span { display: none; }
        .our-system a.reseller span { min-width: 180px; }
        .our-system a:hover { text-decoration: none; }

.home-reseller { background: #006bb6; }
.home-news { background: #00a2b2; }
.home-solutions { background: #ef3e33; }
.our-system img { width: 100%; }
.fsp { background: #d3d3d3; padding-bottom: 30px; font-family: "Brown-Thin"; font-weight: bold; }
    .fsp h2 { margin: 45px 0 30px; text-align: center; font-family: "Brown-Thin"; font-weight: normal; font-size: 53px; }

.fsp-content > h5 { font-size: 19px; margin: 0px 0px 10px; padding: 0px; font-family: "Brown-Light"; font-weight: bold; }
.fsp-block { display: table; }
.fsp-block-row { display: flex; flex-wrap: wrap; margin-bottom: 30px; width: 100% !important; }
    .fsp-block-row > div { width: 50% !important; margin-bottom: 10px; }
    .fsp-block-row > .epi-editContainer { width: 100% !important; display: flex; flex-wrap: wrap; min-height: 100px !important; }
        .fsp-block-row > .epi-editContainer > div { width: 50% !important; margin-bottom: 10px; }

.fsp-icon-heading { display: table; }
.fsp-icon { display: table-cell; width: 60px; text-align: right; padding-right: 20px; vertical-align: top; }
.fsp-content { display: table-cell; vertical-align: top; padding-top: 10px; text-align: justify; }
    .fsp-content p { font-size: 14px; font-family: "Brown-Thin"; font-weight: normal; }

.vendors { padding: 50px 0 70px 0; text-align: center; }
    .vendors h2 { margin-bottom: 45px; font-family: "Brown-Thin"; font-weight: normal; font-size: 53px; }
    .vendors a, .vendors img, .vendors span { vertical-align: middle; font-size: 29px; text-align: center; display: inline-block; margin: 0px 10px 15px; font-family: "Brown-Thin"; font-weight: bold; }
    .vendors .epi-editContainer { display: inline-block; }

.vendor-log { margin-bottom: 15px; }
    .vendor-log img { display: block; max-width: 100%; height: auto; }

footer { width: 100%; background: url(images/footer-bg.jpg) no-repeat center 100%; }
    footer .footer-links { background: rgba(3, 27, 56, 0.93); padding: 20px 0 10px; }
        footer .footer-links a { color: #fff; padding: 5px 0px; }

.synnex-links { color: #ffffff; font-family: "Brown-Regular"; text-transform: uppercase; }
    .synnex-links h3 { margin: 0px 0px 15px; padding: 0px; font-size: 12px; font-weight: normal; }
    .synnex-links ul { margin: 0px; padding: 0px; list-style: none; }
        .synnex-links ul li { margin: 0px 0px 10px; padding: 0px; font-size: 11px; list-style: none; }
            .synnex-links ul li a { color: #fff; outline: none; }

/* Footer Social Links */
.social-links { color: #ffffff; font-family: "Brown-Regular"; text-transform: uppercase; }
    .social-links h3 { margin: 0px 0px 15px; padding: 0px; font-size: 12px; font-weight: normal; }
    .social-links ul { margin: 0px; padding: 0px; list-style: none; }
        .social-links ul li { margin: 0px 0px 10px; padding: 0px; font-size: 11px; list-style: none; }
            .social-links ul li a { color: #fff; outline: none; }

.linkedin-icon, .facebook-icon, .twitter-icon, .synnexblog-icon { display: block; float: left; width: 25px; height: 20px; margin-right: 3px; }
.linkedin-icon { background-position: -40px -83px; }
.facebook-icon { background-position: -12px -83px; }
.twitter-icon { background-position: -81px -83px; }
.synnexblog-icon {
    background-position: -126px -79px;
    height: 30px;
    width: 33px;
}

/* Search */
.footer-search { float: right; }
    .footer-search .input-group { float: right; background: #ffffff; border-radius: 3px; max-width: 200px; margin-top: 50px; overflow: hidden; }
    .footer-search .form-control { border: 0px; font-size: 12px; border-radius: 10px 0 0 10px; box-shadow: none; }
    .footer-search .input-group-addon { background: none; border: 0px; padding: 0px; }
        .footer-search .input-group-addon input[type="submit"] { border: 0px; width: 40px; height: 30px; outline: none; }

.footer-search-btn { background-position: -87px -3px; }
footer .copyright { background: rgba(8, 31, 59, 0.93); padding: 10px 0; color: #fff; font-family: "Brown-Light"; font-size: 11px; text-align: left; }
    footer .copyright a { color: #fff; padding: 0 10px; }

.copyright .copyr-links { text-align: right; }
.img-responsive { width: 100%; }
.left-containter img { width: 100%; }
.leftmenu-bg { background-color: rgba(15, 48, 92, 0.5); width: 200px; right: 0; top: 0; height: 100%; left: auto; padding: 0; color: #FFF; float: right; min-height: 700px; }
    .leftmenu-bg ul { padding: 80px 0 10px; }
        .leftmenu-bg ul li { list-style: outside none none; padding: 0 10px 0px 10px; display: block; margin: 0 25px; text-align: left; width: 150px !important; }
            .leftmenu-bg ul li a { color: #FFF; display: block; padding: 10px; }
                .leftmenu-bg ul li a:hover { background-color: #17a1b0; text-decoration: none; }

.right-containter { margin-top: 20px; margin-bottom: 20px; color: #081f3b; }
.bread-crumb { margin: 20px 0 10px 0; color: #081f3b; float: left; width: 100%; font: normal 16px "Brown-Light"; }
    .bread-crumb span { margin: 0 8px; display: inline-block; }
    .bread-crumb a { text-decoration: none; outline: none; }

.left-containter { padding: 0px; }
.container-content h6, .container-content h4 { float: left; width: 100%; }
.container-content .news h4 { margin-top: 0px; }
.container-content .news { float: left; width: 100%; }
.container-content hr { display: inline-block; width: 100%; border-color: #666666; }

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

/*
 * Styles copied from the Grid example to make grid rows & columns visible.
 */
.content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.container { padding-right: 15px; padding-left: 15px; }

h4 { margin-top: 25px; }
.row .row { margin-top: 10px; margin-bottom: 0; }
.careers h1 { font-size: 30px; float: left; margin: 0 0 30px 0; }
.container-content h3 { font-size: 22px; float: left; width: 100%; }
.container-content { margin-left: 20px; }
    .container-content p { float: left; width: 100%; }

.left-containter h1 { margin-bottom: 20px; }
.container-content.device-careers h3 { margin-bottom: 20px; }
.container-content p a { border: 1px solid #3e7da7; background: #00a3b4; color: #fff; border-radius: 4px; padding: 8px 22px; margin: 10px 0 20px 0; display: inline-block; font-weight: bold; }
    .container-content p a:hover { text-decoration: none; }
    .container-content p a.e-links { background: none; color: #081f3b; font-weight: normal; text-decoration: underline; border: 0px; padding: 0px; }

/* Pagination */
.synnex-pagination { width: 100%; float: left; margin: 20px 0; font: normal 14px "Brown-Thin"; color: #081f3b; }
.pagination-m { margin: 0; float: right; }
    .pagination-m ul { margin: 0; list-style: none; overflow: hidden; }
    .pagination-m ul { margin: 0; list-style: none; overflow: hidden; }
        .pagination-m ul li { float: left; margin-left: 5px; color: #949494; font-weight: 700; line-height: 22px; margin-bottom: 0; list-style: none !important; }
            .pagination-m ul li a.prev-f-i { background-position: 0 0; }
            .pagination-m ul li a.next-l-i { background-position: -106px 0; }
            .pagination-m ul li a.prev-f-i:hover, .pagination-m ul li a.prev-f-i:focus { background-position: 0 -23px; }
            .pagination-m ul li a.next-l-i:hover, .pagination-m ul li a.next-l-i:focus { background-position: -63px -23px; }
            .pagination-m ul li a.next-i:hover, .pagination-m ul li a.next-i:focus { background-position: -42px -23px; }
            .pagination-m ul li a.prev-i:hover, .pagination-m ul li a.prev-i:focus { background-position: -21px -23px; }
            .pagination-m ul li a.next-i { background-position: -85px 0; }
            .pagination-m ul li a.prev-i { background-position: -21px 0; }
            .pagination-m ul li .middle-p { margin-left: -5px; list-style: none !important; padding: 0px; }
            .pagination-m ul li a:hover, .pagination-m ul li.active a,
            .pagination-m ul li a.active, .pagination-m ul li a:focus { text-decoration: none; background-position: -42px 0; color: #fff; }
            .pagination-m ul li a { color: #000; text-align: center; line-height: 22px; }
            .pagination-m ul li a { background: url(images/pagination-sprite.png) no-repeat -63px 0; background-position-x: -63px; background-position-y: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #000; width: 18px; text-align: center; display: block; height: 22px; line-height: 22px; }
    .pagination-m select { line-height: 20px; margin: 0; padding: 2px; width: 50px; height: 23px; }

.noresults { text-align: center; background: url(images/search.png) no-repeat center center; height: 135px; display: table; margin: auto; font: normal 20px "Brown-Regular"; }
    .noresults h3 { font: normal 20px "Brown-Regular"; color: #01c2d4; }

/*slider*/
.carousel-caption h1 { font-size: 38px; margin-bottom: 0px; }
.carousel-caption { color: #081f3b; position: static; text-shadow: none; min-height: 220px; }
    .carousel-caption h3 { font-size: 20px; }

.carousel-indicators .active { background: #006bb6; }
.carousel-indicators li { background: #a8a8a8; border: 0px; }
.navbar-default { border-radius: 0px; }
.mobile-banner { display: none; }
.banner { display: block; }
.container-content .device-whysynnex { background: none; }
.desktop-banner img { width: 100%; }
.careers-content { margin: 20px 0; }
footer .r-cl { padding-top: 20px; text-align: right; }
.input-append, .input-prepend { display: inline-block; font-size: 0; margin-bottom: 10px; vertical-align: middle; white-space: nowrap; }
    .btn-b, .input-append input.btn-b { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #78bafe; background-image: linear-gradient(to bottom, #78bafe, #4197ee); background-repeat: repeat-x; border-color: rgba(23, 109, 196, 0.1) rgba(23, 109, 196, 0.1) #176dc4; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 2px 0 rgb(114, 207, 255) inset, 0 1px 1px rgba(23, 109, 196, 0.1); color: #02537b; font-size: 16px; font-weight: 700; padding: 4px 5px; border-radius: 0 4px 4px 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }

.logn-error .field-validation-error { background: rgba(0, 0, 0, 0) url("images/error-arrow.png") no-repeat scroll 15px 4px; clear: left; display: inline-block; float: left; margin: -10px 0 3px 0px; padding-top: 10px; position: absolute; left: 0px; z-index: 999; }
.login-inp { position: relative; }
    .login-inp input { border: 0px; }

.logn-error .field-validation-error span { background: #fdffd4 none repeat scroll 0 0; border-radius: 3px; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); color: #ff0000; display: block; font-size: 12px; padding: 1px 7px; }
.fpw a { color: #fff; font-weight: bold; }
.fpw { vertical-align: top; margin-top: 2px; }
.r-cl .input-append #SearchKeywords { width: 200px; }
.btn-default { background: #00a3b4 none repeat scroll 0 0; border: 1px solid #3e7da7; color: #fff; }

/* Modal Windows Styles */
.modal-open .synnex-modal.modal { overflow-x: hidden; overflow-y: hidden; max-height: calc(100%); }
.synnex-modal .modal-dialog { max-height: calc(100% - 60px) !important; overflow: hidden; }
.synnex-modal .modal-content { border-radius: 0px; box-shadow: none; display: flex; flex-direction: column; }
.top-cross-close { width: 22px; display: block; height: 27px; background: url(images/sprite.png) no-repeat -132px -4px !important; outline: none; opacity: 1; }
    .top-cross-close:hover, .top-cross-close:focus, .top-cross-close:active { opacity: 0.5; box-shadow: none; }

.synnex-modal .modal-header, .synnex-modal .modal-footer { border: 0px; padding: 35px; }
.synnex-modal .modal-header { padding-bottom: 0px; }
.synnex-modal .btn-close { background: #0187e6; color: #ffffff; text-align: center; width: 120px; font-family: "Brown-Light"; font-size: 16px; padding: 5px 0; border-radius: 0px; box-shadow: none; text-shadow: none; outline: none; }
    .synnex-modal .btn-close:hover, .synnex-modal .btn-close:focus { background: #0187e6; box-shadow: none; text-shadow: none; }

.synnex-modal h2 { font: normal 44px "Brown-Light"; text-align: left; }
.synnex-modal .modal-body { font: normal 14px "Brown-Light"; padding: 20px 35px; color: #081f3b; line-height: 18px; flex: 1; overflow: auto; }

/* Terms & Conditions Modal Window */
#termsAndConditions .modal-body ol, #privacyPolicy .modal-body ol { margin: 0px; padding: 0px 0px 0px 16px; font: bold 16px "Brown-Light"; }
    #termsAndConditions .modal-body ol li, #privacyPolicy .modal-body ol li { padding: 0 20px; }
        #termsAndConditions .modal-body ol li h4, #privacyPolicy .modal-body ol li h4 { font: bold 16px "Brown-Light"; margin: 0px 0px 5px; padding: 0px; }
        #termsAndConditions .modal-body ol li p, #privacyPolicy .modal-body ol li p { font: normal 14px "Brown-Light"; }

/* Reset Password */
.reset-pwd-form label { font-size: 14px; font-weight: normal; float: left; line-height: 29px; text-align: left; padding-top: 6px; margin: 0px; }
.reset-pwd-form .field-validation-error { left: 17px; }

/* Forgot Password Modal Window Starts */
#forgotPassword form { margin: 40px 0 10px; height: auto; overflow: hidden; }
    #forgotPassword form label { font: bold 14px "Brown-Light"; color: #081f3b !important; }
    #forgotPassword form input[type="text"], #forgotPassword form input[type="password"] { border-radius: 10px; width: calc(100% - 50px) !important; float: left; border: 1px solid #cccccc; box-shadow: none; padding: 0px 10px; font-size: 14px; }
    #forgotPassword form .field-validation-error { top: 36px; left: 15px; }
    #forgotPassword form .helpicon { width: 24px; height: 24px; float: left; background-position: -167px -8px; margin: 7px 10px 0px; cursor: pointer; }
/* Forgot Password Modal Window Ends */

/* Inner Pages */
.inner-pages .banner { position: relative; overflow: hidden; }
    .inner-pages .banner img { position: relative; width: 100%; height: auto; top: 0px; left: 0px; z-index: 1; }

.inner-pages-content-block { float: left; width: 100%; }
    .inner-pages-content-block a:hover { text-decoration: underline; }
    .inner-pages-content-block ul, .inner-pages-content-block ol { padding: 15px; }
        .inner-pages-content-block ul li { list-style: disc; }

.inner-pages .banner h1 { padding: 0px 0px; margin: 0px; font: bold 50px "Brown-Bold"; color: #FFF; text-transform: uppercase; height: auto; z-index: 2; position: absolute; top: 40%; }
.inner-pages-content-block > h2 { font: normal 25px "Brown-Regular"; text-align: left; margin: 50px 0; }
.inner-pages-content { float: left; width: 100%; margin: 0px; padding: 0px 0px 80px; background: #f6f6f6; position: relative; }
    .inner-pages-content h3 { font: bold 23px "Brown-Regular"; margin: 30px 0 10px; padding: 0px; float: left; width: 100%; }
    .inner-pages-content p { font: normal 14px "Brown-Light"; margin: 10px 0; padding: 0px; color: #081f3b; }
        .inner-pages-content p strong, .inner-pages-content p b { font-family: "Brown-Regular" !important; }

.inner-pages-content-block img { max-width: 100%; }
.inner-pages-content-block p img { margin: 0 3px; }

/* Exectuve Leaders */
.executive-leadership-block { display: table; width: 100%; margin: 20px 0 70px; }
.member-digignation p { font-family: "Brown-Italic" !important; }
.executive-leadership-block img { display: table-cell; width: 130px; height: auto; vertical-align: top; }
.executive-leadership-block .exe-lead-content { display: table-cell; vertical-align: top; padding: 0px 20px; text-align: justify; width: 85%; }
    .executive-leadership-block .exe-lead-content h5 { font: bold 16px "Brown-Regular"; margin: 0px; padding: 0px; }
    .executive-leadership-block .exe-lead-content p { font: normal 14px "Brown-Thin"; line-height: 18px; }

/* News */
.current-news-block { border-top: 1px solid #666666; padding: 40px 0px; margin: 0px 0px 0px; height: auto; overflow: hidden; }
.inner-pages-content-block .current-news-block:first-child { border-top: 0px; }
.current-news-block .current-news-date { font-size: 14px; font-family: "Brown-Thin"; }
.current-news-block h3 { margin: 0px 0px 15px; font: bold 19px "Brown-Light"; }
.venue { list-style: none; margin: 25px 0 10px 0; }
    .venue li { background: #f3f3f3; overflow: hidden; line-height: 25px; padding: 3px 8px; margin-bottom: 2px; font-size: 14px; }
        .venue li b { white-space: nowrap; width: 80px; display: block; float: left; padding: 0 5px; margin-right: 30px; }

.partners { border-top: 2px solid #ddd; padding-top: 15px; margin-top: 25px; }
.corners { float: left; width: 100%; }
.attach-icon { background: url(images/attach.png) no-repeat left 50%; padding-left: 20px; font: normal 14px "Brown-Thin"; color: #081f3b; margin-top: 10px; padding-left: 25px; outline: none; }
    .attach-icon a { color: #081f3b; }
        .attach-icon a:hover { color: #081f3b; text-decoration: underline; }

h3.gallery-head { border-bottom: 2px solid #ddd; padding-bottom: 15px; margin-bottom: 25px; }

/* News Accordian */
.news-accordian-block { float: left; width: 100%; }
    .news-accordian-block .news-accordian { float: left; width: 100%; border-bottom: 2px solid #cdcdcd; margin: 0px 0px 10px; padding: 20px 30px; box-shadow: 0px 0px 10px #efefef; }
        .news-accordian-block .news-accordian.active { box-shadow: 0px 5px 10px #ededed; }
        .news-accordian-block .news-accordian h3 { margin: 0px 0px 0px; font: normal 20px "Brown-Regular"; cursor: pointer; }
            .news-accordian-block .news-accordian h3 span { float: right; padding-top: 10px; margin-top: 5px; cursor: pointer; transform: rotate(0deg); transition: all 0.3s linear; }
        .news-accordian-block .news-accordian.active h3 span { transform: rotate(180deg); transition: all 0.3s linear; }
        .news-accordian-block .news-accordian .news-accordian-content { float: left; width: 100%; margin: 20px 0 0; display: none; }
        .news-accordian-block .news-accordian.active .news-accordian-content { display: block; }

/* Careers Accordian */
.careers-page { background: #f6f6f6; }
.careers-accordian-block { float: left; width: 100%; }
    .careers-accordian-block .careers-accordian { float: left; width: 100%; border-bottom: 2px solid #cdcdcd; margin: 0px 0px 30px; padding: 20px 30px; box-shadow: 0px 0px 10px #efefef; background: #ffffff; }
        .careers-accordian-block .careers-accordian.active { box-shadow: 0px 5px 10px #ededed; }
        .careers-accordian-block .careers-accordian h3 { margin: 0px 0px 0px; font: normal 30px "Brown-Regular"; cursor: pointer; }
            .careers-accordian-block .careers-accordian h3 span { float: right; padding-top: 10px; margin-top: 5px; cursor: pointer; transform: rotate(0deg); transition: all 0.3s linear; }
        .careers-accordian-block .careers-accordian.active h3 span { transform: rotate(180deg); transition: all 0.3s linear; }
        .careers-accordian-block .careers-accordian .careers-accordian-content { float: left; width: 100%; margin: 20px 0 0; display: none; font-size: 16px; }
        .careers-accordian-block .careers-accordian.active .careers-accordian-content { display: block; }
        .careers-accordian-block .careers-accordian .careers-accordian-content p { font: normal 16px "Brown-Light"; }

/* Search Results */
.search-block { margin-bottom: 20px; }
.search-result-block { padding-bottom: 20px; }
    .search-result-block + .search-result-block { border-top: 1px solid #cdcdcd; padding-top: 20px; }
    .search-result-block h3 { font: bold 19px "Brown-Light"; margin: 10px 0px; padding: 0px; }

/* Become a reseller */
.become-a-reseller h3 { font: bold 17px "Brown-Regular"; }
.become-a-reseller ul { margin: 0px 0px 50px; padding: 0px; list-style: none; }
    .become-a-reseller ul li { font: normal 14px "Brown-Light"; }
.become-a-reseller p { font: normal 14px "Brown-Light"; }
.become-a-reseller a.resller-form { font: normal 17px "Brown-Light"; color: #ffffff; background: #0187e6; display: block; float: left; margin: 30px 0; padding: 10px 15px; text-align: center; text-decoration: none; outline: none; }
    .become-a-reseller a.resller-form:hover, .become-a-reseller a.resller-form:focus { background: #ffffff; border: 1px solid #0187e6; }

/* Contact Us Form  */
.contact-form { max-width: 520px; clear: both; }
    .contact-form .centered { float: none; margin: 100px auto; }
    .contact-form .form-group, .reseller-form-blocks .form-group { position: relative; margin-top: 40px; }
    .contact-form .form-group { float: left; width: 100%; margin-top: 10px; }
        .contact-form .form-group:first-child { margin-top: 40px; }

.reseller-form-blocks .form-group { margin: 10px 0; }
    .contact-form .form-group .placeholder, .reseller-form-blocks .form-group .placeholder { position: absolute; top: 9px; left: 13px; color: #cccccc !important; display: none; }
        .contact-form .form-group .placeholder label, .reseller-form-blocks .form-group .placeholder label { color: #cccccc !important; }

    .contact-form .form-group label, .reseller-form-blocks .form-group label { color: #081f3b; font: normal 14px "Brown-Regular"; margin-bottom: 0px; }
    .contact-form .form-group .star, .reseller-form-blocks .form-group .star { color: #ff0000; }

.contact-form .form-control, .reseller-form-blocks .form-control { color: #081f3b; font: normal 14px "Brown-Regular"; border: 1px solid #e2e2e2; box-shadow: none; border-radius: 10px; background: #ffffff; }
.custom-contact-us .selectedValue, .custom-contact-us select.styled { font-size: 14px !important; }

.styled-select { background: url(images/select-big-arrow.png) no-repeat 100% center; background-color: #ffffff; height: 34px; overflow: hidden; width: 100%; padding: 0 0px 0 0px; border: 1px solid #e2e2e2; border-radius: 10px; }
    .styled-select.slate select { color: #081f3b; font: normal 14px "Brown-Regular"; background: transparent; border: 0px solid #ccc; height: 34px; width: 100%; padding: 0 46px 0 12px; box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; outline: none !important; }

.capthcacode { height: auto; overflow: hidden; }
    .capthcacode > img { width: 260px; height: auto; display: inline-block; float: left; }
    .capthcacode > a { width: 32px; height: 32px; float: left; margin-left: 10px; margin-top: 10px; border-radius: 32px; }

.sprite-refresh { background-position: -225px -39px; width: 32px; height: 31px; display: block; }
.btn-contact-submit { background: #0187e6; color: #ffffff; border: 0; border-radius: 0px; text-align: center; width: 120px; height: 40px; line-height: 40px; padding: 0px; font: normal 16px "Brown-Light"; outline: none; }
    .btn-contact-submit:focus, .btn-contact-submit:hover { background: #ffffff; border: 1px solid #0187e6; }

.contact-us-address-block { background: #e0e0e0; font: normal 16px "Brown-Light"; color: #081f3b; float: left; width: 100%; padding: 70px 0; text-align: left; }
    .contact-us-address-block h2 { font: normal 33px "Brown-Regular"; text-align: left; margin: 0 0 45px; }
    .contact-us-address-block p { margin-bottom: 30px; }

/* Reseller Application Form */
.clist-box { display: flex; flex-wrap: wrap; }
.reseller-application-form { float: left; width: 100%; color: #081f3b; }
.reseller-form-blocks .form-group.margin-top-20 { margin-top: 20px; }
.reseller-form-blocks { float: left; width: 100%; margin: 0px; padding: 0 0px 30px; }
    .reseller-form-blocks h3 { background: #0187e6; color: #ffffff; margin: 0px; padding: 10px 15px; font: normal 23px "Brown-Regular"; text-transform: uppercase; }
        .reseller-form-blocks h3 span { font-size: 15px; text-transform: none; }
            .reseller-form-blocks h3 span.red { color: #ff0000; }

.reseller-head-toggle { position: relative; display: block; float: right; width: 28px; height: 25px; background-color: #ffffff; border-radius: 3px; }
    .reseller-head-toggle span { background: url(images/sprite.png); background-position: -56px -38px; transform: rotate(0deg); transition: all 0.3s linear; display: block; width: 28px; height: 25px; }
    .reseller-head-toggle.active span { transform: rotate(180deg); transition: all 0.3s linear; }

.reseller-form-block-body { padding: 20px 10px; float: left; width: 100%; font: normal 14px "Brown-Light"; }
.reseller-form-block-body-details .row { margin-bottom: 20px; }
.reseller-form-block-body .input-type-radio { margin-right: 50px; }
.reseller-form-block-body h4 { font: normal 20px "Brown-Light"; float: left; margin: 0px 20px 0px 0px; padding: 0px; }
.no-of-years { width: 380px; }
    .no-of-years .form-group { float: left; width: 125px; text-align: center; margin: 0 0px 0 38px; }
        .no-of-years .form-group .form-control { text-align: center; }

.reseller-form-blocks .no-of-years .form-group .placeholder { width: 125px; text-align: center; left: 0px; top: 7px; }
.reseller-form-blocks .credit-limit .form-group { max-width: 100%; }
    .reseller-form-blocks .credit-limit .form-group > div:first-child { width: 520px; }

.cash-deliver-checkbox > span { margin: 0 30px; font: normal 14px "Brown-Light"; text-transform: uppercase; }
.anticipated-credit-terms .form-group .input-type-checkbox label { float: left; width: calc(100% - 30px) !important; }
.anticipated-credit-terms .form-group > .col-sm-4 { margin-bottom: 10px; }
.anticipated-credit-terms .input-type-checkbox { width: 100%; display: block; margin-bottom: 15px !important; height: auto; overflow: hidden; }
.reseller-sub-block { margin: 20px 0 0px; }
    .reseller-sub-block table { min-width: 768px !important; }
    .reseller-sub-block thead th { border: 0px !important; background: #75afd7; color: #ffffff; padding: 30px 0 !important; text-align: center; font-weight: normal; }
    .reseller-sub-block tbody td { border: 0px !important; background: #ffffff; padding: 10px !important; vertical-align: middle !important; height: 50px; position: relative; }
    .reseller-sub-block tbody tr:first-child td { padding-top: 40px !important; }
    .reseller-sub-block tbody tr:last-child td { padding-bottom: 40px !important; }
    .reseller-sub-block tfoot td { border: 0px !important; position: relative; }
    .reseller-sub-block tbody td ul.table-btns { list-style: none; margin: 0px; padding: 0px; text-align: right; }
        .reseller-sub-block tbody td ul.table-btns li { display: inline-block; margin: 0; }
            .reseller-sub-block tbody td ul.table-btns li .plus-btn,
            .reseller-sub-block tbody td ul.table-btns li .minus-btn { background: #081f3b; color: #ffffff; width: 30px; display: block; height: 30px; line-height: 24px; font-size: 24px; font-weight: bold; border-radius: 100%; margin: 0 5px; text-align: center; }

.dop-td { width: 160px !important; }
.dob-inp { width: 110px !important; float: left; margin-right: 5px; }
.dop-td > img { padding-top: 8px; cursor: pointer; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee !important; }
.reseller-terms { height: 300px; overflow-y: scroll; text-align: justify; padding-right: 10px; margin-bottom: 40px; }
    .reseller-terms h6 { margin: 10px 0px 10px 0px; font-size: 16px; font-weight: bold; }
input[type="text"].form-control.input-validation-error, input[type="password"].form-control.input-validation-error { background: #fcc !important; }
.btn-reseller-cancel:hover, .btn-reseller-submit { background: #0187e6; color: #ffffff; margin-right: 30px; padding: 10px 20px; border: 1px solid #0187e6; outline: none; cursor: pointer; }
    .btn-reseller-submit:hover, .btn-reseller-cancel { background: #ffffff; color: #0187e6; border: 1px solid #0187e6; padding: 10px 20px; outline: none; cursor: pointer; }

.file_input_hidden1 { width: 30px; height: 30px; margin-left: -30px; opacity: 0; cursor: pointer; }
.noAttach { margin-top: 5px; float: left; max-width: calc(100% - 40px); vertical-align: middle; }
.confirmCls { background: #328fd5; }
.errorCls { background: #d60000; }
.ui-dialog-title { color: #fff !important; }
.ui-dialog-titlebar-close { display: none; }
.fileinp-box1 .field-validation-error { top: 32px; left: 55px; }
.btn-nblue-a { color: #fff !important; border: solid 1px #026974; background-color: #11cee2; background-image: -moz-linear-gradient(top,#11cee2,#00a4b5); background-image: -webkit-gradient(linear,0 0,0 100%,from(#11cee2),to(#00a4b5)); background-image: -webkit-linear-gradient(top,#11cee2,#00a4b5); background-image: -o-linear-gradient(top,#11cee2,#00a4b5); background-image: linear-gradient(to bottom,#00a4b5,#11cee2); }
    .btn-nblue-a:hover, .btn-nblue-a:focus { background-color: #00a4b5; background-image: -moz-linear-gradient(top,#00a4b5,#11cee2); background-image: -webkit-gradient(linear,0 0,0 100%,from(#00a4b5),to(#11cee2)); background-image: -webkit-linear-gradient(top,#00a4b5,#11cee2); background-image: -o-linear-gradient(top,#00a4b5,#11cee2); background-image: linear-gradient(to bottom,#00a4b5,#11cee2); }

.file_input_button2 { background: url(images/attach.png) no-repeat center; width: 30px; height: 30px; display: block; background-color: #efefef; border: 1px solid #cccccc; }

/* Reseller Error Messages */
.checkboxlisterror { border: solid 1px red; position: relative; width: 100%; box-sizing: border-box; }
.field-validation-error { background: rgba(0, 0, 0, 0) url("images/error-arrow.png") no-repeat scroll 15px 4px; clear: left; display: inline-block; float: left; margin: -10px 0 3px 0px; padding-top: 10px; position: absolute; left: 0px; z-index: 999; }
    .field-validation-error span { background: #fdffd4 none repeat scroll 0 0; border-radius: 3px; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.4); color: red; display: block; font-size: 12px; padding: 1px 7px; }

.select-box .field-validation-error { top: 37px; }
.dvAnticipatedCreditTerms { margin: 10px 0; height: auto; overflow: hidden; }
.dvAnticipatedCreditTerms, .checkbox-group-errors { position: relative; }
    .dvAnticipatedCreditTerms .field-validation-error, .checkbox-group-errors .field-validation-error { bottom: 0px !important; left: 0; margin: auto; right: 0; width: 280px; max-width: 100%; height: auto; }

.reseller-sub-block td .field-validation-error { left: 11px; }
.checkbox-group-errors .dvPrincipalProductsPurchased .field-validation-error { bottom: -20px !important; }
.Total-No-of-Employees .field-validation-error { position: relative !important; left: 0px !important; top: 0px !important; }
.dop-td .field-validation-error { top: 45px; left: 11px; width: 105px; }
.position-blocks { position: relative; }
    .position-blocks .field-validation-error { left: 15px; }

.position-blocks-checkbox .field-validation-error { left: 0px; width: auto; max-width: 100% !important; }

/* Jquery UI Styles Overwrite*/
.ui-datepicker .ui-datepicker-header, .ui-datepicker-calendar thead tr { background: #75afd7; }
.ui-datepicker-calendar thead tr { color: #ffffff; }
.hideit { display: none !important; }
.showit { display: block; }
.anticipated-credit-terms .star.showit { display: inline-block; }
.showtr { display: block; display: table-row; vertical-align: inherit; border-color: inherit; }
.hidetr { display: none !important; }
.successmessage { color: #00cc00; }
.errorAccept { border: solid #E9322D 2px; padding-bottom: 3px; padding-left: 2px; }
.error-msg { color: #E9322D !important; text-decoration-style: solid !important; }

/* IE only*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #wrapper { display: block; height: auto !important; }
    .modal-content { max-height: 700px !important; display: block !important; }
    #termsAndConditions.synnex-modal .modal-body, #privacyPolicy.synnex-modal .modal-body { height: calc(100vh - 300px) !important; overflow: auto !important; }
}

/* Only Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .dvPrincipalProductsPurchased.checkboxlisterror { float: left; display: block; }
    .dvPrincipalProductsPurchased .input-type-checkbox.cbox label { width: 245px; }
    .footer-search .input-group { width: 200px; }
    .inner-pages-content .container { display: block; margin: auto; }
    .left-ad-block, .right-ad-block { display: block; vertical-align: top; box-sizing: border-box; padding: 20px 0px; text-align: right; float: left; }
    .right-ad-block { text-align: left; float: right; }
    .synnex-modal .modal-body { font: normal 14px "Brown-Light"; padding: 20px 35px; color: #081F3B; line-height: 18px; flex: 1; overflow: auto; height: auto; float: left; max-height: 500px; }
    #forgotPassword { height: auto; overflow: hidden; }
    #termsAndConditions.synnex-modal.modal .modal-lg, #privacyPolicy.synnex-modal.modal .modal-lg { width: 90% !important; }
}

.popoverfp { position: absolute; top: 10px; right: 17px; z-index: 1060; max-width: 310px; display: none; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); line-break: auto; }
    .popoverfp.top { margin-top: -5px; }

.popoverfp-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
.popoverfp-content { padding: 9px 14px; }
.popoverfp > .arrow, .popoverfp > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popoverfp > .arrow { border-width: 11px; }
    .popoverfp > .arrow:after { content: ""; border-width: 10px; }

.popoverfp.top > .arrow { bottom: -11px; right: 34px; margin-left: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; }
    .popoverfp.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; }

.popoverfp.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; }
    .popoverfp.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; }

.popoverfp.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); }
    .popoverfp.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; }

.popoverfp.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); }
    .popoverfp.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; }

#static-page * { font-family: sans-serif,Arial !important; font-size: 12px; line-height: 20px; color: #333; }
#static-page .header { background: #081f3b; border: none; padding: 5px; }
    #static-page .header .f-left { float: left; }
#static-page .f-right { float: right; }
#static-page .header .f-links { list-style: none; margin: 0px; padding: 0px; }
    #static-page .header .f-links li { float: left; color: #fff; padding: 5px 5px 0px 5px; }
        #static-page .header .f-links li a { font-family: sans-serif,Arial; font-size: 12px; color: #fff; }
#static-page #body-content h1 { font-size: 18px; color: #000; margin: 10px 0 0 0; padding: 0; line-height: 22px; }
#static-page #body-content .border-tb { border-top: solid 1px #adadad; border-bottom: solid 1px #ddd; background: none; height: 0; margin-top: 10px; }
#static-page .btn { display: inline-block; margin-bottom: 0; font-size: 14px; text-align: center; vertical-align: middle; cursor: pointer; }
#static-page .btn-d, #static-page .btn-d:active { padding: 4px 10px; color: #fff; line-height: 25px; background-color: #78BAFE; *background-color: #78BAFE; background-image: -moz-linear-gradient(top, #78BAFE, #4197EE); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#78BAFE), to(#4197EE)); background-image: -webkit-linear-gradient(top, #78BAFE, #4197EE); background-image: -o-linear-gradient(top, #78BAFE, #4197EE); background-image: linear-gradient(to bottom, #78BAFE, #4197EE); background-repeat: repeat-x; border: 1px solid #b2b2b2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#78BAFE', endColorstr='#4197EE', GradientType=0); *zoom: 1; overflow: hidden; -webkit-box-shadow: inset 0 2px 0 rgba(114, 207, 255, 1), 0 1px 1px rgba(23, 109, 196, 0.3); -moz-box-shadow: inset 0 2px 0 rgba(114, 207, 255, 1), 0 1px 1px rgba(23, 109, 196, 0.3); box-shadow: inset 0 2px 0 rgba(114, 207, 255, 1), 0 1px 1px rgba(23, 109, 196, 0.3); text-shadow: none; }
    #static-page .btn-d:hover, #static-page .btn-d:focus, #static-page .btn-d:active { border: 1px solid #b2b2b2; *border: 0; color: #064572; }


/* Home Page news Events Blog */

.news-blog-events  {
    padding: 50px 0 70px 0;
    background: #e0e0e0;
    font-size: 14px;
    font-family: "Brown-Thin";
}

.news-blog-events > .container {
       display: flex;
}

.news-blog-events > div > div {
    border-left: 1px solid #cccccc;
    padding: 0 30px;
}

.news-blog-events > div > div:first-child {
    border-left: 0px;
    padding-left: 0px;
}

.news-blog-events > div > div:last-child {
    padding-right: 0px;
}

.news-blog-events h2 {
    padding: 0px;
    margin: 0px 0px 25px;
    text-align: left;
    font-size: 32px;
}

.news-blog-events .readmore { font-weight: 600; }
.news-blog-events h4 { font-weight: 600; }

.events-list { 
    margin-top: 25px;
    height: auto;
    overflow: hidden; 
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.events-list li {
    margin-bottom: 25px;
    float: left;
    width: 100%;
    list-style: none;
}
.events-list li img { float: left; width: 22px; margin-right: 10px; }
.events-list li span {     
    margin-top: 10px;
    display: block;
    float: left; 
}
.events-list li span > strong { font-weight: 800; font-size: 14px}

.home-testimonials {
    padding: 50px 0 70px 0;
    font-size: 14px;
    font-family: "Brown-Thin";
}

.home-testimonials h2 {
    font-weight: 800;
    font-size: 56px;
    text-align: center;
    margin: 10px 0 50px;
    text-transform: uppercase;
}

.home-testimonials .testimonial-full-name {
    margin: 20px auto;
    text-align: center;
}


.home-testimonials .testimonial-full-name img {
    margin-right: 10px;
}

.home-testimonials .testimonial-full-name strong {
    font-size: 16px; 
    font-weight: 600;
}


.testimonials-slider {
    margin: 00px auto;
    text-align: justify;
    padding: 50px 0 90px 0;
}

.testimonials-slider .carousel-indicators {
    bottom: -40px;
}

.testimonials-slider .item {
    font-size: 14px;
}


.mc-list-row {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    padding-top: 0px;
}


#mcTabs .list-inline {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
    #mcTabs .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        width: 100%;
    }
}

.mc-soc-icons {
    background: #ededed;
    padding: 30px;
    margin-top: -10px;
}

.mc-section-titles {
    font-size: 19px;
    margin: 0px 0px 10px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding: 0px;
    font-family: "Brown-Light";
    font-weight: bold;
}

.mc-section-desc {
    font-size: 14px;
    font-family: "Brown-Thin";
    font-weight: normal;
}

a.mc-readmore:link {
    /*color:#0000EE;*/
    color: #0187e6;
    /*text-decoration: underline;*/
    cursor: auto;
    cursor: pointer;
}

a.mc-readmore:visited {
    /*color: #551A8B;*/
    color:#081f3b !important;    
    cursor: auto;
}
a.mc-readmore:hover {
    color: #081f3b !important;
    text-decoration: underline !important;
}