html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {margin: 0;color: #0e0e0e;} body {font-size: .9em;font-family: 'Inter', sans-serif;font-weight: 400;color: #4c4036;text-align: left;position: relative;min-height: 100vh;} #layout {flex: 1 0 auto;} .footer {flex-shrink: 0;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block; } audio,canvas,progress,video { display: inline-block; vertical-align: baseline; } audio: not([controls]) { display: none; height: 0; } [hidden],template { display: none; } a { background-color: transparent; } a:active,a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b,strong { font-weight: bold; } dfn { font-style: italic; } h1, .h1style {/* font-size: 2em; *//* margin: 0.67em 0; */} mark { background: #ff0; color: #000; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg: not(: root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em; } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button,select { text-transform: none; } button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer; position: relative; background: #DE321B; color: #ffffff; border: none; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 15.4px; font-weight: bold; letter-spacing: 0.6px; text-align: center; cursor: pointer; padding: 5px 12px; } button[disabled],html input[disabled] { cursor: default; } button:: -moz-focus-inner,input:: -moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"],input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]:: -webkit-inner-spin-button,input[type="number"]:: -webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]:: -webkit-search-cancel-button,input[type="search"]:: -webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td,th { padding: 0; } /*! Source: https: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript: "]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, .h2style, h3, .h3style { orphans: 3; widows: 3; } h2, .h2style, h3, .h3style { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } /* ==================== Basic declarations ==================== ================================================== */ header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; } p {margin: 0.5em 0;line-height: 1.7em;} a {-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: .3s ease;color: #2D6A9F;text-decoration: none;} .Button-primary { background-color: #DE321B; border-color: #DE321B; } .Button-primary:hover { background: #303030; } a.button:focus {color:#fff; } a:hover, a:focus {text-decoration: none;color: #DE321B;} .errmsg, .msg,.err {color: red;font-weight: bold;padding: 10px 0px;} .err { text-align: center; border: 1px solid red; background: #FEF2EA; padding: 7px 0px; width: 98%; } .taoCMSerror { color: red; } a img { border: 0px } img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: #2D6A9F;text-align: left;text-rendering: optimizelegibility;font-family: 'Open Sans', sans-serif;font-weight: bold;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit ;text-decoration: none;} ul, ol { margin-left: 3em; list-style: disc; } ol { list-style: decimal; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #dcdcdc;} sub, sup {position: relative;line-height: 0;vertical-align: baseline;} sup { top: -.5em; } sub { bottom: -.25em; } table { border-collapse: collapse; } table td, table th { vertical-align: top; } table.content_table { border: 1px solid #e9e9e9; } table.content_table td, table.content_table th { padding: 4px; border: 1px solid #e9e9e9; border-collapse: collapse; } .colbtn { padding: 6px 23px; color: #FFF; display: inline-block; margin: 6px; } nav ul { margin: 0; padding: 0; } .skip-to-main-content-link {position: absolute;left: -9999px;z-index: 99999;padding: 1em;background-color: black;color: white;} .skip-to-main-content-link:focus {left: 0%;transform: translateX(0%);opacity: 1; color:#FFF;} // Usage as a mixin .skip-navigation { @include sr-only; @include sr-only-focusable;} *:focus, *:focus-visible {outline: 1px solid #666666;color: #495057;/* background-color: #fff; */border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} /* ==================== input elements==================== ================================================== */ button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button:: -moz-focus-inner, input:: -moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;margin-right: 3px;} input[type="number"]:: -webkit-inner-spin-button, input[type="number"]:: -webkit-outer-spin-button { height: auto } input, select, textarea { color: #271f1b; border: 1px solid #E9E9E9; background: #FBFBEA; padding: 5px; font-style: normal; font-weight: 400; text-align: left; outline: none; } textarea { overflow: auto; height: 120px; min-width: 250px; width: 70%; } input[type=button], input[type=reset], input[type=submit], .button {display: inline-block;line-height: 1;background-color: #DE321B;color: #fff;fill: #fff;text-align: center;text-transform: uppercase;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;font-size: 1.2em;font-weight: 400;border-radius: 5px;padding: 20px 40px 20px 40px;} input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #303030 ;color: #FFF;} input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active {background: #DE321B;} input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea {width: 100%;min-height: 45px;background-color: rgba(49, 48, 47, 0.07);border: 1px solid transparent;font-size: 14px;padding: 11px 21px;text-align: left;color: #31302f;margin: 10px 0;border-radius: 0.25rem;} input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } input[type=email]: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder { color: transparent; } input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder { color: transparent; } input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder { color: transparent; } input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder { color: transparent; } input[type=radio] {display: inline-block;/* margin-right: 10px; */vertical-align: middle;} .select-wrapper { position: relative; } .select-wrapper:after { content: "\f0d7"; font-family: 'FontAwesome'; color: #303030 ; font-size: 20px; line-height: 1; height: 20px; width: 10px; text-align: center; display: block; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } select {border-radius: 0;margin: 0;font-size: 16px;} select:: -ms-expand { display: none; } label {font-weight: 500;display: block;font-size: 16.8px;} .error,#form_58_msg { color: red; display: block; } input[type=email], input[type=password], input[type=tel], input[type=text], input[type=number], select, form select, textarea {width: 100%;min-height: 40px;background-color: #f7f7f7;border: 1px solid rgba(0, 0, 0, 0.15);font-size: 14px;padding: 10px;text-align: left;color: #31302f;margin: 5px 0;border-radius: 0.25rem;} input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder { color:#31302f; } input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {color:#31302f; } input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder { color:#31302f; } input[type=email]: -moz-placeholder, input[type=password]: -moz-placeholder, input[type=tel]: -moz-placeholder, input[type=text]: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder { color:#31302f; } input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder { color: transparent; } input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder { color: transparent; } input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder { color: transparent; } input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder { color: transparent; } .button-green {background: #2D6A9F;color:#FFF ; border:1px solid transparent;} .button-green:hover {background: #DE321B;} .button-red {background: #DE321B;color:#FFF ; border:1px solid transparent;} .button-red:hover {background: #2D6A9F; } .button-lg {padding:20px 30px;font-size: 1.3em !important;} .button-sm {padding: 5px 15px;font-size: .9em;} .button-lg, .button-sm {display: inline-block; } .button-lines{background:transparent;border: 2px solid #ffffff;color: #ffffff;} .button-no-lines{background:transparent;border: 0;padding: 13px 5px;color: #DE321B;} .button-lines.button-green{ border-color:#2D6A9F ; color:#2D6A9F ;} .button-lines.button-green:hover{ background:#2D6A9F; color:#FFF;} .button-lines.button-red{ border-color:#DE321B ; color:#DE321B ;} .button-lines.button-red:hover{ background:#DE321B; color:#FFF;} .button-arrow-right:after {font-family: 'Material Symbols Outlined';content:"\e8e4";padding: 0 0 0 4px;display: inline-block;vertical-align: middle;font-size: 30px;line-height: 30px;} .button-arrow-down:after { font-family: 'Material Symbols Outlined'; font-size: 15.4px; content: '\e5db'; padding: 0 0 0 4px; } .button-arrow-left:before { font-family: 'Material Symbols Outlined'; font-size: 15.4px; content: '\e317'; padding: 0 4px 0 0px; } .background-black{background: #303030 ;} .background-black *{ color:#FFF;} /* ====================utility/ helper classes ==================== ================================================== */ .clear { clear: both; height: 0px; margin: 0px; padding: 0px; } .header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after { content: ""; display: table; clear: both; } .pad { padding-left: 15px; padding-right: 15px; } .pad-left { padding-left: 15px; } .pad-right { padding-right: 15px; } .divider { margin-top: 20px; position: relative; } .divider-line { margin: 40px 0; } .img-circle { border-radius: 50%; } .hide { display: none; } .show { display: block !important; } .invisible { visibility: hidden; } .color-block{background:#DDDD;} .color-block.yellow .section-title span, .color-block.yellow{ background:#DE321B;} .color-block.grey{background: #eee;} .color-block h4{text-align: center;} .color-block.black * , .color-block.red *{ color:#FFF;} .color-block.red .button{color:#303030 ;margin: 10px auto;display: block;max-width: 150px;} .color-block.black .section-title span , .color-block.black{ background:#303030 ;} .color-block.imageBG{background-repeat:no-repeat;background-attachment:fixed;position:relative;padding: 100px 0 !important;} .color-block.imageBG#Peer_Board{display:block; background:url(/image/cache/peers_bg.jpg);} .color-block.imageBG:after{content:'';display:block;position:absolute;width:100%;height:100%;z-index: 0;top:0;left:0;background: rgba(13, 13, 13, 0.85);} .color-block.imageBG .container{ position:relative;z-index:2; color:#FFF;} .section-title {position: relative;z-index: 1;} .section-title span.special{font-family: 'Kalam', cursive;font-size: 30px;text-transform:lowercase;color: #DE321B;line-height: 1;} /* ==================== layout==================== ================================================== */ #layout {position: relative;top: 0;left: 0;width: 100%;min-width: 100%;background: #FFF;min-height: 100vh;display: flex;flex-direction: column;} #wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;} .content-block { padding: 25px 0; } .page-content-block { margin: 0 0; } .subpageHeader-block {text-align: justify;background: #eaf2f9;position: relative;padding-top: 80px;/* margin-bottom: 15px; */} .subpageHeader-block.no-pageHeader{padding-top: 120px;} .subpageHeader-block .pageHeader {min-height: 160px;background-repeat: no-repeat;background-size: cover;background-position: top left;} .subpageHeader-block .pageHeaderBlock{background-repeat: no-repeat;background-size: contain;background-position: center center;/* min-height: 410px; */border-bottom: 1px solid #ddd;font-size: 0;line-height: 0;} .subpageHeader-block .pageHeaderBlock.eventImage img{max-height:480px;width:auto;display: block;margin: 0 auto;} .pageHeaderBlock.hasBG {} .pageHeaderBlock.hasBG img{max-height: 600px;width:auto;display: block;margin: 0 auto;} .subpageHeader-block img{width:100%;} .subpageHeader-block .pageTitle {position: relative;/* top: 50%; *//* transform: translateY(-50%); */width: 100%;text-align: center;} .subpageHeader-block h2 {margin: 15px 0;color: #fff;} .home-content-block { border: 0; padding: 50px 0; } .subpage-block { margin-top: 74px; padding-top: 10px; } .breadcrumb {background: #f5f5f5;padding: 10px 0;color: #2F6FA7;margin-bottom: 30px;border-radius: 0;} .breadcrumb a {color: #2F6FA7;} /* ====================header ==================== ================================================== */ .Header h1 {display: none;color: #FFF;} .Header {position: fixed;width: 100%;z-index: 999;padding: 0;top: auto;left: auto;transition: all .5s ease;transform: translateY(0px);background: #2D6A9F;box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);} .Header.toFixed{position:fixed;transform: translateY(-100%);} .Header .container{position:relative;} .Header .tonNav {background:#f1f7f1;} .memberSidebar #flyOut{display:none;} .specialNav ul{list-style:none;margin:0;padding:0;display:flex;justify-content: flex-end;} .specialNav ul li a{display:inline-block;padding: 8px 14px;font-size: .95em;font-weight: 500;margin: 0;color: #2D6A9F;} .specialNav ul li a:hover{background:#DE321B; color:#FFF;} .Header .Navigation{position: static;z-index:2;text-align: right;display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between;} .Header .Navigation:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity: 0.25;} body.subpage .Header { background: #FFF; box-shadow: 1px 1px 3px rgba(4, 4, 4, 0.35); } .logo {position: relative;z-index: 999;padding: 0;/*-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; */text-align: left;line-height: 0;} .logo a{color:#FFF;text-align: center;display: inline-block;line-height: 0;} .logo img {position: relative;display: block;vertical-align: middle;padding: 10px 0;transition: all .3s ease;margin: 0;height: 80px;width: auto;} .Navigation__body, .HeaderMenu {height:100%;position: static;} .Navigation__body {background:#DE321B;position: relative;z-index: 99;} .HeaderMenu > ul {list-style: none;padding: 0;margin: 0 auto;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: flex-end;align-items: center;position: static;} .HeaderMenu>ul>li {position:relative;text-align: center;/* min-width: 7%; */} .HeaderMenu>ul>li.hasSub > a:after{content: "\e5cf";display:inline-block;position: relative;font-family: Material Symbols Outlined;font-size: 20px;vertical-align: middle;font-weight: 600;display: inline-block;margin: 0 0 0 2px;vertical-align: top;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: rotate(0);color: inherit;position: relative;background: transparent;height: auto;width: auto;right: auto;line-height: inherit;} .HeaderMenu>ul>li a, .HeaderMenu>ul>li span {color: #FFF;display: block;padding: 30px 15px;font-weight: 300;cursor:pointer;text-transform: uppercase;font-size: 1.0em;} .HeaderMenu>ul>li ul li:hover a, .HeaderMenu>ul>li a:hover,.HeaderMenu>ul>li ul li:hover span, .HeaderMenu>ul>li span:hover {color: #FFF;background: #5f646a;} .HeaderMenu>ul>li ul{display: none;position:absolute;z-index: 2;list-style: none;margin: 0;padding: 0;min-width: 260px;margin-top: 0;background: #5f646a;left:0;top:100%;box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.2);} .HeaderMenu>ul>li ul li {text-align:left;} .HeaderMenu>ul>li ul li a{padding: 10px;font-size: .9em;color: #FFF;} .HeaderMenu>ul>li:hover > ul { display:block; } .HeaderMenu>ul>li ul li:first-child{/* padding-top: 1px; */} .HeaderMenu>ul>li ul li{position:relative;left: 0;top: 0;width: auto;} .HeaderMenu>ul>li ul li ul{position:absolute;left:100%;top: 0;} .HeaderMenu>ul>li ul li:hover{} .HeaderMenu>ul>li ul li ul{ left:auto; right:100%; background: #303030;} .HeaderMenu>ul>li ul li:hover ul{ display:block;} .HeaderMenu>ul>li ul li ul li:last-child{padding:0;} .subpage .HeaderMenu>ul>li a, .Header.headBg .HeaderMenu>ul>li > a{color: #FFF;} .HeaderMenu>ul>li.home a, .HeaderMenu>ul>li.search span, .HeaderMenu>ul>li.myAccount a{font-size:0;padding: 25px 20px;} .HeaderMenu>ul>li.home a:after, .HeaderMenu>ul>li.search span:after, .HeaderMenu>ul>li.myAccount a:after{content:"\f015";font-family: 'FontAwesome';display:block;font-size: 16px;padding: 0;line-height: 32px;} .HeaderMenu>ul>li.search span:after{content:"\f002";} .HeaderMenu>ul>li.myAccount a:after{content:"\f2bd";} .HeaderMenu>ul>li:hover > a, .Header.headBg .HeaderMenu>ul>li:hover > a{color: #FFF;background: #5f646a;} .HeaderMenu>ul>li ul li a:hover, .HeaderMenu>ul>li ul li:hover a{background: #2D6A9F;color: #FFF;} .Sidebar__body {background-color: #2D6A9F;right: -320px;width: 320px;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 10000;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;} .Sidebar .Sidebar__backdrop, .searchBlock .search_backdrop{position: fixed;width:100%;z-index: 9999;height:100%;background: rgb(0 0 0 / 25%);top:0;left:0;} .Sidebar.show .Sidebar__body { right: 0; } .Sidebar.show .Sidebar__backdrop { display: block; } .SidebarMenu {padding: 0;padding-bottom: 30px;} .SidebarMenu ul {list-style: none;padding: 0;margin: 0;} .SidebarMenu ul li.search {display:none;} .SidebarMenu ul li ul li a{font-size:.96em;font-weight: 500;} .SidebarMenu ul li ul li, .SidebarMenu ul li ul li ul li{margin-left: 10px;} .SidebarMenu ul li a {font-size: 1.1em;color: #FFF;text-decoration: none;display: block;padding: 7px 15px;text-transform: uppercase;font-weight: 500;} .SidebarMenu ul li ul li { padding:0;} .SidebarMenu ul li ul li a{text-transform: none;font-weight: 400;} .SidebarMenu ul a:hover{color: #FFF;background: #DE321B;} /*Search*/ .searchBlock_body {position:fixed;z-index: 1;top: 0;left: 0;width: 100%;height: auto;transform: translateY(82px);padding: 15px 0;} .searchBlock_body .container {position:relative;height: 100%;} .searchBlock_body .searchBlock {position:relative;} .searchBlock_body .search_Close {position:relative;top: 120px;color: #FFF;display: none;} .searchBlock_body .searchBlock form{display:flex;flex-wrap: wrap;width: 100%;min-width: 100%;} .searchBlock_body .searchBlock label {font-size:5em;text-transform:uppercase;color:#2D6A9F;font-weight: 600;font-family: 'Rubik', sans-serif;min-width: 100%;display: none;} .searchBlock_body .searchBlock .fieldsRow {display:flex;width: 100%;} .searchBlock_body .searchBlock .fieldsRow #textfield{padding: 20px;font-size: 1.5em;margin: 0;background: #FFF;border: 1px solid #ddd;border-top-left-radius: 5px;border-bottom-left-radius: 5px;} .searchBlock_body .searchBlock .fieldsRow input[type="submit"]{border-radius:0;border-top-right-radius: 5px;border-bottom-right-radius: 5px;width: 80px;height: 100%;font-size: 0;background: transparent;} .searchBlock_body .searchBlock .fieldsRow span{display:block;background: #DE321B;width: 80px;height: 100%;position: absolute;z-index: -1;top: 0;right: 0;border: 1px solid #ddd;border-left: 0;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} .searchBlock_body .searchBlock .fieldsRow span:after{content:"\f002";font-family:fontAwesome;color:#FFF;font-size:30px;display: block;text-align: center;line-height: 68px;} form#sitesearch {display:flex;margin-bottom: 15px;} form#sitesearch input{ margin:0;} form#sitesearch input[type="text"]{border-radius:0; border-top-left-radius: 5px;border-bottom-left-radius: 5px;} form#sitesearch input[type="submit"]{border-radius:0; border-top-right-radius: 5px;border-bottom-right-radius: 5px;} #searchresults {padding: 15px 0;} #searchresults .search_url{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ddd;} .menuIcons .navIcon {text-align: right;color: #FFF;display: flex;width: 100%;justify-content: flex-end;} .NavbarToggle, .searchBlock-toggler, .navIcon a.myAccount {display: inline-block;vertical-align: middle;background-color: transparent;border: 0;padding: 0;} .NavbarToggle i, .searchBlock-toggler i, .navIcon a.myAccount i {font-size: 2.0em;color: #FFF;} .sidebar__Close {padding: 0;} .sidebar__Close button {height:auto;padding: 5px;color: #FFF;} .sidebar__Close button i{color: #FFF;font-size: 2em;} body.subpage .Header .NavbarToggle i { color: #DE321B; } .Header.headBg {box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 30%);transition: all .5s ease;background: rgb(51 122 183);position: fixed;top: 0;transform: translateY(-37px);} .Header.headBg .logo img {transition: all .3s ease;} .Header.headBg .logo a{color: #DE321B;} #changeparameters_9, #changeparameters_9 ~p{display:none;} #changeparameters_9 select{padding: 20px;margin: 0;} /* ==================== Social Menu ==================== ================================================== */ #social {position: relative;z-index: 99;margin: 0;} #social ul {margin: 0;padding: 0;display: flex;justify-content: flex-start;} #social li {float: none;display: inline-block;vertical-align: middle;margin: 0;} #social li a {text-align: left;padding: 0 !important;/* color: #FFF; */display: block;margin: 0 14px;} #social li a[href=""]{ display:none;} #social li a span {display: none;font-family: 'Open Sans', sans-serif;text-transform: capitalize;font-size: 16px;margin-left: 5px;color: #FFF;font-weight: 600;} #social li a:before {content:'';font-size: 28px;text-align: center;color: #2D6A9F;background: transparent;display: inline-block;border-radius: 3px;vertical-align: middle;line-height: 26px;width: 26px;height: 26px;margin: 5px 0;margin-right: 10px;font-family: 'FontAwesome';} #social li.facebook a:before {content: '';background-image: url(/image/cache/facebook.svg);background-size: cover;} #social li.twitter a:before {content: '';background-image: url(/image/cache/x_twitter.svg);} #social li.instagram a:before {content: '';background-image: url(/image/cache/instagram.svg);} #social li.youtube a:before {content: '';background-image: url(/image/cache/youtube.svg); } #social li.contact a:before, #social li.email a:before {content: '';background: url(/image/cache/envelope.svg);} #social li.phone a span{display:inline-block;vertical-align: middle;color: #666;padding-right: 10px;} /* Social Menu Hover */ #social li:hover a:before {transition: all .3s ease;background-color:#2D6A9F;} footer #social ul {justify-content: end;} #social li a:before {color:#FFF;width: 36px;height: 36px;margin: 0;background-size: contain;background-repeat: no-repeat;background-position: center;} /* ====================Footer==================== ================================================== */ footer {clear: both;background: #5f646a;color: #FFF;z-index: 1;position: relative;padding-top: 50px;padding-bottom: 30px;margin-top: 50px;} footer:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background: url(/image/cache/icon-white.svg) no-repeat;opacity: 0;background-size: auto 90%;background-position: -10% 100%;transform: rotate(0);} footer .address {text-align: left;display: block;clear: both;text-align: left;} footer .address img{max-width: 200px;margin-bottom: 15px;} footer *, footer .address * { color: #FFF;} footer .address p, footer .oHours p{padding-left: 20px;} footer .address p span, footer .oHours p span{display:inline-block;margin-left: -24px;text-align: left;vertical-align: middle;} .footLogos {display:flex;flex-wrap: wrap;justify-content: center;} .footLogos img{-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;padding: 15px;margin: 5px;} .oHours {text-align:center;} .oHours em {font-size:12px;} .footerNav{display: block;/* display: flex; *//* align-content: flex-start; *//* flex-direction: row; */margin-top: 30px;} .footerNav ul { margin: 0px; padding: 0px; list-style: none;} .footerNav >ul{vertical-align: top;list-style: none;display: flex;width: 100%;flex-wrap: wrap;justify-content: flex-end;flex-direction: row;} .footerNav > ul > li {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;text-align: right;} .footerNav > ul > li > span{ display:none;} .footerNav > ul > li.home,.footerNav > ul > li.search, .footerNav > ul > li.myAccount{display:none;} .footerNav > ul > li > a, .footerNav > ul > li > span {} .footerNav ul li>a {padding: 0px;margin: 0px;display: block;} .footerNav ul li a{padding-bottom: 15px;color: #FFF;display: inline-block;font-size: 1.2em;} .footerNav ul li a:hover{color:#eaf2f9; text-decoration:underline;} .footerNav ul li>ul {margin: 0px;padding: 0;list-style: none; } .footerNav ul li> ul li {float: none;display: block;margin: 5px 0;text-align: revert;} .subfooter-nav ul li { display: inline-block !important; float: none !important; } .subfooter-nav ul li a { padding: 0 5px !important; } .subfooter-nav ul li a:hover { background: none !important; } /* ==================== Copyright ==================== */ .copyright {text-align: left;font-size: 0.85em;padding-top: 40px;} .copyright a {color: #FFF!important;} .copyright span {display: block; } .subpage .copyright{ margin:0;} /* ==================== Go to top button ==================== ================================================== */ .cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 10px;right: 0px;z-index: 10;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;background: #8b8071;/* border: 1px solid #fff; */visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;} .cd-top i {color: #fff;font-size: 1.4em;text-align: center;line-height: 40px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;} .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out {opacity: .75;} .cd-top:hover, .no-touch .cd-top:hover {opacity: 1;background: #DE321B;border-color:#FFF;} .cd-top:hover i{ color:#FFF;} /* ==================== webform post form styles ==================== ================================================== */ .fieldgroup { clear: both; margin: 10px 0; padding: 5px; } .fieldgroup_label { font-size: 1.5em; font-weight: bold; font-family: 'Open Sans', sans-serif; width: 98%; display: block; color: #F9A13A; padding: 5px 1%; margin: 20px 0 5px 0; border-bottom: 1px solid #F9A14C; } .fieldgroup_desc, .field_desc { font-style: italic; color: #303030 ; line-height: 1.4em; padding: 0 3px; font-size: 0.87em; margin-bottom: 10px; clear: both; } .fieldrow { padding: 5px 0; text-align: left; display: block; } .fieldrow .fieldlabel sup {color: #EB0000;margin-left: 5px;font-size: 0.9em;} .fieldrow .fieldval textarea { width: 80%; min-height: 100px; } .fieldrow .fieldlabel { display: inline-block; width: 100%; margin: 0 0.5%; text-align: left !important; margin-right: 20px !important; } .fieldrow .fieldval { display: inline-block; width: 100%; margin: 0 0.5%; vertical-align: top; } .fieldrow .fieldval label{ display:inline-block;} .fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {width: 80%;background-color: #f7f7f7;} .fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button { width: auto; } .fieldrow .fieldval input[type=file] { border: 1px solid #ddd; } .group_nogroup_label, .group_nogroup_label, .group_nogroup_tr { display: none; } .newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px;} .newPostTemplate.webform .fieldrow .fieldval input[type=number], .newPostTemplate.webform .fieldrow .fieldval input[type=text], .newPostTemplate.webform .fieldrow .fieldval input[type=tel], .newPostTemplate.webform .fieldrow .fieldval input[type=email], .newPostTemplate.webform .fieldrow .fieldval select, .newPostTemplate.webform .fieldrow .fieldval textarea { width:100%;} .newPostTemplate.webform .fieldrow .fieldval input[name*='date'], .newPostTemplate.webform .fieldrow .fieldval input[name*='date'], .webform .fieldrow .fieldval input[name*='date'], .webform .fieldrow .fieldval input[name*='date'] {width: calc(100% - 30px);} .newPostTemplate.webform .fieldrow .fieldval input[type='checkbox']{width:auto;display: inline-block;vertical-align: middle;margin-right: 5px;} .newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:#777;} .newPostTemplate.webform .fieldrow .fieldlabel label{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;display: block;font-size: 15px;margin: 0;} .newPostTemplate.webform .fieldrow .fieldlabel label{display:inline;font-weight: 600;} .newPostTemplate.webform .fieldrow .fieldval label{margin: 0;display: inline-block;vertical-align: middle;} .newPostTemplate.webform .fieldrow .fieldval div[class*="_radio"]{display:inline-block;margin-right: 10px;} .newsletters_multicheckbox { margin-bottom:15px;} .newPostTemplate.webform .fieldrow .fieldval div.method_of_payment_radio{display:block;margin-bottom: 10px;} div.method_of_payment_radio div{font-size:.9em;font-style: italic;} div.candidate_radio input{ width:auto !important;} div.ages_of_children { display:inline-block; margin-right:10px;} /*Form Builder*/ .fieldrow .taoFieldBuilder{display:block;width: 100%;} .taoFieldBuilder .head { background:#eee;} .taoFieldBuilder .head, .taoFieldBuilder .tafb_row {display:flex;width: 100%;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;margin-bottom: 3px;padding: 0;border: 1px solid rgba(0, 0, 0, 0.15);} .taoFieldBuilder .tafb_row > span.fcol , .taoFieldBuilder .head .fcol {-ms-flex: 0 0 90%;flex: 0 0 90%;max-width: 90%;line-height: 40px;padding: 2px;} .taoFieldBuilder .head .fcol.attendeename_col {padding-left:10px;} .taoFieldBuilder .tafb_row span.fcol.tfbact, .taoFieldBuilder .head .fcol.tfbact {-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%;} .taoFieldBuilder a.addAct{text-decoration:none;color:#FFF;background:green;padding: 0;display: block;width: 100%;text-align: center;line-height: 40px;margin: 0;} .taoFieldBuilder a.tfbdel {text-decoration:none;background: #B10A3A;color: #FFF;display: block;padding: 0;width: 100%;text-align:center;line-height: 40px;margin: 0;} .taoFieldBuilder .tafb_row > span.fcol input{margin:0;width:100%;border-radius: 0;border: 0;} .fieldrow .fieldval .error { border-color:red;} .webform_Registration { position:relative;} #loader{position: fixed;width:100%;height:100%;top:0;left:0;z-index: 99;background: rgb(255 255 255 / 64%);} #loader i{position:relative;z-index:9;transform: translate(50%, 50%);top: 50%;left: 50%;color: #9b9b9bf2;} #searchGroup a.button{padding:10px 15px; font-size:1.0em;} #formPreview{ cursor:pointer;} .orderDetails {width: 100%; border-collapse: collapse; border: 1px solid #ddd; margin-bottom: 20px; } .orderDetails td {padding: 5px; border: 1px solid #ddd; } .orderDetails th {padding: 5px; background-color: #eee; } .edit {margin: 10px 0;} .edit a, #formPreview {display: inline-block; min-width: 50px; text-align: center; background-color: #cfe5ff; border: 1px solid #bbcfe6; border-radius: 4px; color: #333; padding: 6px 12px; cursor: pointer; } .donate_post_results .field_val span.value{ font-weight:bold;} /* ====================small size grid style declarations==================== ================================================== */ @media (min-width: 640px) { } @media (min-width: 780px) { .Navigation {transition: margin .5s ease;} .Navigation .container{/* width:98%; *//* max-width: none; */} body.subpage .Navigation { margin-top: 0; } /* ==================== webform styles ==================== ================================================== */ .fieldrow .fieldval select {width: 80%;padding: 8px 5px;} .fieldrow .fieldval input { width: 80%; } .fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] { width: auto; } .fieldrow .fieldval { display: inline-block; vertical-align: top; width: 40%; margin: 0; text-align: left; } .fieldrow .fieldlabel { width: 30%; min-width: 10%; } } @media (min-width: 1200px) { .Navigation .container{width: auto;max-width: 1140px;} } /* ==================== taoCMS Components and Modules ==================== ================================================== */ .slider-block{ padding:0;} .sliderSection {position:relative;overflow: hidden;background: #595959;/* margin-top: 82px; */max-height: 100vh;} .sliderSection .tao-carousel {height:100%;} .sliderSection .tao-item .item {position:relative;} .sliderSection .tao-item .item .slide .image{height: 100%;background-color: #333;background=c: ;/* clip-path: ellipse(150% 100% at 50% 0%); */background-repeat: no-repeat;background-position: center center;} .sliderSection .tao-item .item .slide .image img{visibility:hidden;max-height: 100vh;object-fit: cover;max-width: 100%;} .sliderSection .tao-item .item .slide .image.Fullwidth{background-size: cover;} .sliderSection .tao-item .item .slide .image.position_Center{ background-position:center;} .sliderSection .tao-item .item .slide .image.position_Left{ background-position:left;} .sliderSection .tao-item .item .slide .image.position_Right{ background-position:right;} .sliderSection .tao-item .item .slideFullwidth .image img{width: 100%;} .sliderSection .tao-item .item .slide.Use.Video .image, .sliderSection .tao-item .item .slide.Use.Video .tao-video-tn{ height:100vh;} .sliderSection .tao-item .item .slide.Use.Video .container{max-width:100%;padding: 0;} .sliderSection .tao-item .item .slide.Use.Video .container .caption{width: 100% !important;padding:0;top: auto;left: auto;transform: none;border-radius: 0;height: 100vh;/* position: relative; */} .sliderSection .tao-item .item .slide.Use.Video .container .caption .tao-video-wrapper { height:100%;} .sliderSection .tao-item .item .slide.Use.Video .container .caption.Use.Default.Image .tao-video-tn{background-size: contain;} .sliderSection .tao-item .item .slide.Use.Video .container .caption.Upload.Custom.Image .tao-video-tn{background-image: none !important;} .sliderSection .tao-item .item .slide.Use.Video .container .caption .tao-video-play-icon {position:absolute;background: url(/image/cache/video_play.png);z-index: 6;} .sliderSection .tao-item .item .slide.Use.Video .container .caption a.tao-video{/* display: block !important; */} .sliderSection .tao-item .item .captionData {position: absolute;z-index: 1;bottom: auto;top: 0;transform: none;height: 100%;width: 100%;} .sliderSection .tao-item .item .captionData:after{content:'';background: #202020;opacity: .9;display: none;width: 90%;height:100%;position: absolute;left: 0;top: 0;z-index: 1;clip-path: polygon(0 0, 45% 0, 65% 100%, 0% 100%);clip-path: circle(56% at 15% 100%);} .sliderSection .tao-carousel .tao-item .item .container{display:block; position:relative;} .sliderSection .tao-carousel .tao-item .item .caption{position: relative;z-index: 2;height: auto;top: 50%;width: 50%;padding: 0 15px;transform: translateY(-50%);color: #FFF;display: none;} .sliderSection .tao-carousel .tao-item .item .slide.sl.Show .caption {display:block;} .sliderSection .tao-carousel .tao-item .item .caption * {color: #FFF;} .sliderSection .tao-carousel .tao-item .item .caption h2{/* font-weight: 400; */font-size: 4em;color: #fff;margin: 0;line-height: normal;} .sliderSection .tao-carousel .tao-item .item .caption h2 sup{font-size: 16px;top: -60px;position: relative;} .sliderSection .tao-carousel .tao-item .item .caption p.lead{margin: 0;font-size: 1.8em;} .sliderContent div.activeSlide { display: block; right: 0; } .slider_block div.container {height: 100%;} /*caption Video*/ .tao-carousel .tao-item .item .caption.Video { width: 100%; max-width: none; text-align: center; position: relative; height: auto; padding: 0; border: 0; margin: 0; } .tao-carousel .tao-item .item .caption.Video h3 { text-align: left; margin: 0; margin-left: 15px; padding: 0; display: none; } .tao-carousel .tao-item .item .caption.Video iframe { height: 400px !important; width: 100%; } .tao-carousel .tao-item .item .caption.Video a, .sliderContent div.base.slShow div.caption.Video p { padding: 0; margin: 0; } /* caption positions*/ .tao-carousel .tao-item .item .caption.Top-Left { top: 2%; left: 0; } .tao-carousel .tao-item .item .caption.Top-Center { top: 2%; left: 50%; -webkit-transform: translateY(-2%) translateX(-50%); -ms-transform: translateY(-2%) translateX(-50%); transform: translateY(-2%) translateX(-50%); } .tao-carousel .tao-item .item .caption.Top-Center * { text-align: center !important; } .tao-carousel .tao-item .item .caption.Top-Right { top: 2%; left: 100%; -webkit-transform: translateY(-2%) translateX(-100%); -ms-transform: translateY(-2%) translateX(-100%); transform: translateY(-2%) translateX(-100%); text-align: right !important; } .tao-carousel .tao-item .item .caption.Top-Right * { text-align: right !important; } .tao-carousel .tao-item .item .caption.Middle-Left {top: 50%;left: 0%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .tao-carousel .tao-item .item .caption.Middle-Center { top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .tao-carousel .tao-item .item .caption.Middle-Center * { text-align: center !important; } .tao-carousel .tao-item .item .caption.Middle-Right { top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-100%); -ms-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); } .tao-carousel .tao-item .item .caption.Middle-Right * { text-align: right !important; } .tao-carousel .tao-item .item .caption.Bottom-Left { top: 100%; left: 0%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .tao-carousel .tao-item .item .caption.Bottom-Center { top: 100%; left: 50%; -webkit-transform: translateY(-100%) translateX(-50%); -ms-transform: translateY(-100%) translateX(-50%); transform: translateY(-100%) translateX(-50%); } .tao-carousel .tao-item .item .caption.Bottom-Center * { text-align: center !important; } .tao-carousel .tao-item .item .caption.Bottom-Right { top: 100%; left: 100%; -webkit-transform: translateY(-100%) translateX(-100%); -ms-transform: translateY(-100%) translateX(-100%); transform: translateY(-100%) translateX(-100%); } .tao-carousel .tao-item .item .caption.Bottom-Right * { text-align: right !important; } .tao-carousel .tao-item .item .caption div {margin-top: 0px;position: relative;z-index: 2;} .tao-carousel .tao-item .item .caption div a {text-align: center;color: #FFF !important;} .tao-carousel .tao-item .item .slShow .caption {display: block;position: absolute;z-index: 2;/* background: #333; */padding: 45px;border-radius: 5px;overflow: hidden;} .tao-carousel .tao-item .item .slShow .caption.No-Background { background: none !important; } .tao-carousel .tao-item .item .slShow .caption:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;} /*Caption Backgrounds*/ .tao-carousel.tao-theme .tao-nav [class*='tao-'] {margin:0;background: none;} .tao-carousel.tao-theme .tao-nav [class*='tao-'] span{background:#333;padding: 10px !important;display: inline-block;height: 58px;line-height: 30px;} .tao-carousel.tao-theme .tao-nav [class*='tao-'] span:hover{ background:#DE321B;} .tao-carousel .tao-nav .tao-prev{ left:-50%; transition:all .5s ease;} .tao-carousel .tao-nav .tao-next {right:-50%; transition:all .5s ease;} .tao-carousel:hover .tao-nav .tao-prev{left:0%; transition:all .5s ease;} .tao-carousel:hover .tao-nav .tao-next {right:0; transition:all .5s ease;} .taoNav {margin-top: -30px;position: relative;z-index: 98;text-align: center;display: none;} .taoNav a { margin: 2px 6px; display: inline-block; vertical-align: middle; padding: 0; border: 0; border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -moz-border-radius: 2px; color: #08364c; background: #08364c; cursor: pointer; font-size: 0; width: 28px; height: 6px; line-height: 0; text-align: center; } .taoNav a.active { background: #DE321B; color: #DE321B; } .taoNav a:hover { text-decoration: none; } /* subpage_slider*/ .subpage_slider { padding: 100px 0; background-position: center center; background-attachment: fixed; background-size: cover; } /* tao dots */ .tao-carousel .tao-dots {text-align:center;margin: 10px 0;} .tao-carousel button.tao-dot {display:inline-block;width: 30px;height: 5px;background: #999;margin:2px;} .tao-carousel button.tao-dot.active {background:#DE321B;} .Newregister, .general_login{float:left;margin: 0px 15px;min-width:360px;max-width: 360px;} div.Newregister{border: 1px solid #DE321B;padding: 78px 10px;min-height: 300px;display: flex;flex-direction: column;justify-content: center;margin-bottom: 30px;padding: 15px;border: 1px solid rgb(233, 233, 233);} div.Newregister p, .Newregister a, .register h2{ color:#FFF; text-align:center;} div.Newregister h2{font-size:1.4em;margin: 0;color: #5f646a;text-align: center;} div.Newregister a {font-size: 20px;text-transform:uppercase;display:inline-block;font-weight: 500;border: 3px solid #FFF;padding: 10px 15px;background: #DE321B;color: #FFF;} div.resetText{padding: 10px;} form#changepass, .general_login, #sendinstructions {max-width: 360px;margin: 0 auto;text-align: left;padding: 15px;border: 1px solid rgb(233, 233, 233);} #changepass h2 ,.general_login div.logintitle { background: transparent; color: #32383e; font-size: 18px; line-height: 25px; font-weight: normal; } .general_login div.loginmessage { font-style: italic; margin-bottom: 20px; } .changepass div.row, .general_login div.row {margin: 5px 0px;text-align: left;display: flex;flex-direction: column;} .changepass div.row label, .general_login div.row span.label {text-align: left;min-width: 100px;} .changepass div.row label {font-weight: normal;display: block;text-align: left;margin-bottom: 0;} .changepass div.row span, .general_login div.row span.formw {display: inline-block;vertical-align: middle;} .changepass div.row span {display:block;} .changepass div.row span input {max-width: 100%;} .changepass div.row span .pwdlevel {font-size:.8em;font-style: italic;} .changepass div.row:last-child {text-align: center;} .changepass div.row:last-child label{display:none;} .general_login .errmsg { color: #bd3e20; font-size: .84em; padding: 0; text-align: center; overflow: hidden; } .general_login div.row.remember {flex-direction: row;} .general_login div.loginbtn {margin-left: 85px;display: inline-block;text-align: center;} .general_login div.loginbtn input{height: auto;padding: 10px 15px;font-size: 14px;} .general_login div.forgotpassword { vertical-align: middle; display: inline-block; } #filter { display: none; } /* =============================================== ================================================== =============================================== ================================================== Custom Styles =============================================== ================================================== =============================================== ================================================== */ /*navigation */ .form-btn { padding: 10px 10px; cursor: pointer; position: relative; float: right; text-align: center; right: 0; margin: 3px 0; color: #fff; } .nav-icon a { color: #DE321B; line-height: 75px; display: block; padding: 0 5px; } .nav-icon a:hover, .nav-icon.nav-collapsed a:hover { text-decoration: none !important; background: none !important; color: #DE321B !important; } .nav-icon { float: right; font-size: 30px; line-height: 75px; position: relative; z-index: 99; right: 0; top: 0px; margin: auto; padding: 0 7px; color: #DE321B; } .nav-icon a:hover, .search-btn.search-on, .search-btn:hover { background: #DE321B; color: #FBFBEA; } .nav-icon.nav-collapsed { z-index: 102; } .nav-icon.nav-collapsed a { color: #DE321B !important; } .nav-icon.nav-collapsed a span:before { content: "\f00d"; } /* side navigation*/ .side-nav {background: #ebf0f4;border-radius: 5px;overflow: hidden;border: 1px solid #ebf0f4;} .side-nav ul{list-style:none; margin:0; padding:0;} .side-nav ul li{ position:relative;} .side-nav ul li ul{ display:none; position:absolute; left:100%; top:0%; width:200px; background:#DE321B;} .side-nav ul li ul li a { color:#FFFF;} .side-nav ul li ul li a:hover,.side-nav ul li ul li:hover > a, .side-nav ul li ul li:hover{ background:#303030; color:#DE321B;} .side-nav ul li:hover > ul{ display:block;} .side-nav ul li a {border-bottom: 1px solid #d8dde1;color: #5f646a;display: block;padding: 15px;font-weight: 500;} .side-nav ul li:last-child a { border: 0; } .side-nav ul li:hover, .side-nav ul li:hover > a, .side-nav ul li a:hover {color: #FFF; background:#DE321B;} .side-nav ul li ul li ul li a, .side-nav ul li ul li ul{ background:#5f646a;} /*Member*/ .memberProfile{display:flex;flex-direction: row;align-items: center;width: 100%;justify-content: flex-start;border: 1px solid #d8dde1;background: #ebf0f4;border-radius: 5px;margin-bottom: 5px;} .memberProfile .memberIcon i{font-size: 3em;display:block;color: #2D6A9F;padding: 15px;} .memberProfile .memberDetails {padding: 5px;} .memberProfile .memberDetails p{ margin:0;} .memberProfile .memberDetails a{/* display:none; */color: #2d6a9f;} .user_info_block {border:1px solid #DDD;max-width: 80%;padding: 20px;background: #f5f5f5;} .userinfotitle {font-size: 1.1em;font-weight: bold;margin: 0 auto;padding: 0;margin-bottom: 10px;display: block;} .user_info_block{background: rgb(250, 250, 250);border: 1px solid #ededed;padding:15px;margin: 15px 0;padding-bottom: 35px;} .user_info_block:after{ content:''; display:table; clear:both;} .user_info_block table.register{min-width: 60%;margin:0 auto;position: relative;} .user_info_block table.register input{margin: 5px 0;} .user_info_block table.register tr td{vertical-align:middle;position: static;} .user_info_block table.register tr td:nth-child(2){ display:none;} /* gallery */ .Gallery {/* background: #a8935e; */margin-bottom: 30px;} .hide { display: none; } #imageoverlay {position: fixed;top: 0;left: 0;z-index: 9999;background: transparent;width: 100%;height: 100%;} .overlay {position: absolute;z-index:1121;width: 100%;height: 100%;top: 0;background: rgba(9,9,9,0.9);left: 0;} .taoGalleryBox {padding: 0%;z-index: 9999;top: 0;left: 0;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;} .no-rgba #gcontent {background: #333; } #gimage {text-align: center;position: relative;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;height: 100%;order: 1;} #gimage img {background: #FFF;padding: 5px;border: 1px solid #EEE;} #gimage p{margin:0;position: absolute;bottom: 0;width: 100%;text-align: center;} #gimage p a{display:inline-block;padding:5px;color: #333;border: 1px solid #777;line-height:10px;font-size: 12px;background: #fff;} #gimage p a:hover{ background:#DE321B; color:#333;} #gcontent {color: #CCC;word-break: break-all;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;order: 2;margin-top: 70px;} #gcontent div {margin: 15px;} #gcontent label { display: block; color: #FFF; font-size: 1.2em; } #gcontent span { display: block; } #gnav {position: absolute;bottom: 5%;right: 5%;z-index:1122;text-align: right;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;height: 40px;order: 4;bottom: 0;right: 0;text-align: right;order: 4;} #gnav a {margin-left: 10px;color: #FFF;display: inline-block;padding: 2px 15px;border: 1px solid #fff;} #gnav a:hover{ background:#fff; color:#333;} #gclose {position: absolute;z-index:1122;top: 0%;height: 30px;right: 5%;color: #777;background: #a8935e;padding: 5px 15px;color: #FFF;text-align: center;-ms-flex: 0 0 100px;flex: 0 0 100px;max-width: 100px;order: 0;} .gwait {position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin: 0 !important; font-size: 0;} .gwait:before{content:"\f110";font-family:FontAwesome;font-size:36px;line-height:40px;margin-top: 0 !important;color: #fff;position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;margin: auto !important;height: 40px;width: 40px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8);} div.galleries {display:flex;flex-wrap: wrap;align-content: center;align-items: stretch;justify-content: space-around;} .gallerylist {border: 1px solid #949ca1;position: relative;text-align: center;margin: 1%;padding: 2%;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;} .gallerylist a {display:block;text-align: center;} .gallerylist img {max-width: 100%;background: #949ca1;display: block;margin: 0 auto;} .gallerylist a:hover img, .gallerylist a img:hover{ opacity:.75; } .gallerylist h3 { margin: 0; margin-top: 5px; text-align: center; font-size: 1.1em;} .gallerylist p { display: none; } .imageGallery {text-align:center;display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;} .imageGallery a {border: 1px solid rgb(148 156 161);overflow: hidden;margin: 1%;display: flex;align-items: center;max-height: 170px;flex-wrap: wrap;align-content: center;-ms-flex: 0 0 18%;flex: 0 0 18%;max-width: 18%;text-align: center;} .imageGallery a img{display:block;margin:0 auto;max-width: 100%;} .imageGallery a .gContent { display: none; } /* .imageGallery a img { width: 100%;} */ .imageGallery a:hover img { opacity: .75;} /*modal*/ .modalData{/* display:none; */} .modal.show .close{position:absolute;right: 0;top: 0;background: red;z-index: 100;text-shadow: none;color: #FFF;line-height: 25px;width: 25px;font-size: 24px;padding:0;} #modaliframe {width:100%;height: 520px;} .modal.show .modal-body{position:relative; padding:0;} .modal.show .modal-body iframe{ border:0; width:100%;} .modal.show .modal-content{border:0;box-shadow:none;border-radius: 0;background: transparent;} /* ====================paging ==================== ================================================== */ .gallery_next_link{ float:right; } .gallery_home_link, .gallery_prev_link{ float:left;} .gallery_home_link a, .gallery_next_link a, .gallery_prev_link a{display:inline-block;padding:5px 15px;font-weight:500;color: #333;border: 1px solid #b9b9b9;} .gallery_prev_link a:before, .gallery_next_link a:after{ content:"\f178"; font: normal normal normal 14px/1 FontAwesome; display:inline-block; vertical-align:middle; margin-left:7px;} .gallery_prev_link a:before{content:"\f177"; margin-right:7px; margin-left:0;} .gallery_home_link a:hover, .gallery_prev_link a:hover, .gallery_next_link a:hover{ background:#DE321B; color:#FFF; border: 1px solid #DE321B;} #form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links {clear:both;text-align: center;margin: 10px 0;margin-top: 50px;float: none;} #form_paging_links:after, #calendar_paging_links:after, #paging_links:after, #newschannel_paging_links:after, .gallery_paging_links:after {content:''; display:table; clear:both;} #form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span{display: inline-block;text-align: center;margin: 2px;} #newschannel_paging_links span.gallery_prev_link_inactive, #newschannel_paging_links span.gallery_next_link_inactive, #form_paging_links span.gallery_prev_link_inactive, #paging_links span.prev_link_inactive, #paging_links span.next_link_inactive, #calendar_paging_links .gallery_prev_link_inactive, #calendar_paging_links .gallery_next_link_inactive{ display:none;} #newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, #paging_links span.currentpage, .paging span.currentpage {background: #DE321B;color: #FFF;} #paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, #calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, .gallery_paging_links span a:hover {background: #2d6a9f;text-decoration: none;color: #FFF;/* border: 1px solid #fdb525; */} #paging_links span a, .gallery_paging_links span a {color: #333;display: block;background: #e1e1e1;padding: 3px 15px;} #paging_links span.next_link {width:auto;} .gallery_prev_link_inactive, .gallery_next_link_inactive, .gallery_paging_links span.gallery_prev_link_inactive{ display:none;} /*calendar */ table#calendar{border-collapse:collapse;width: 90%;background:transparent;color:#333;margin:0 auto;} table#calendar tr th,table#calendar td{border:1px solid #CCC;width: 14.28%;height: 75px;} table#calendar tr th{text-align:center;background:#EEE;vertical-align:middle;font-size:18px;color: #303030;line-height:20px;font-family:'Roboto', sans-serif;} table#calendar tr td.caption{background: #303030;text-align:center;color: #FFF;font-size: 24px;text-transform: uppercase;font-weight: 500;height: 50px;line-height: 50px;} table#calendar tr td.caption a.nav{display:inline-block !important;vertical-align: middle;font-size: 34px;padding: 0 20px;color: #FFF;line-height: 50px;height: 55px;} table#calendar ul{margin:0px;padding:0px;list-style:none;display: block;} table#calendar ul li{ padding:2px;line-height:16px;color:#FFF;border-bottom:1px solid #FFF;background:#303030;font-size:11px; } table#calendar ul li a{ color:#FFF; } form#bngform {position:relative;} form#bngform label{ display:inline-block;} #cc_payment, #ck_payment {margin-right:0;} /*---------------------- custom CSS --------------------------*/ /*News*/ .newsRow {margin-bottom: 10px;padding: 5px 0;padding-bottom: 5px;} .newsRow .date {font-weight: 400;color: #DE321B;} .newsRow .newsRow_title a {font-size: 1.3em;font-weight: 500;color: #4c4036;} /*Events*/ .events_block .jsnews_607{ } .events_block .article {border-bottom: 1px solid #ddd;padding: 15px 0;} .events_block .article img{max-width:300px;/* min-width:300px; */} .events_block .article .dtl{padding: 0 15px;} .EventDetail .dtl img{max-width: 450px;margin: 0 auto;display: block;} /*Special Programs*/ .specialBlocks {background: #eaf2f9;} .S_blockWrapper{margin-bottom:15px;border-radius:5px;overflow:hidden;border: 1px solid #f1f7f1;background: #5f646a;} .S_blockWrapper img{max-height:250px;display:block;margin:0 auto;transition: all .3s ease;} .S_blockWrapper img.Icon{max-height: 144px;padding: 30px;margin: 37px auto;} .S_blockWrapper a span{display:block;padding: 20px;margin: 0;background:#2D6A9F;color:#FFF;text-align:center;font-size: 1.1em;font-weight:bold;text-transform:uppercase;position: relative;z-index: 2;transition: all .3s ease;} .S_blockWrapper a:hover span { background:#DE321B; color:#FFF; transition: all .3s ease;} .S_blockWrapper a:hover img{transform: scale(1.1);transition: all .3s ease;} /*Home Content Blocks*/ .aboutContent{ position:relative;} .aboutContent:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background: url(/image/cache/icon-blue.svg) no-repeat;opacity: .1;background-size: auto 80%;background-position: 5% -50%;transform: rotate(0);} .aboutText {position: relative;padding: 30px 0;} .aboutContent p.intro{position: relative;z-index: 1;font-size: 1.12em;} .aboutContent p.intro span{ vertical-align:middle;} .aboutContentBlocks {display:flex;flex-direction: column;justify-content: space-between;height: 100%;} .iconBlock {display:flex;align-items: center;border-style: solid;border-width: 1px 1px 1px 1px;border-color: #eaf1f8;border-radius: 4px 4px 4px 4px;background-color: #f8fcff;margin-bottom: 20px;padding: 10px;} .iconBlock .icon span{font-size: 6em;color: #2D6A9F;padding: 15px;font-weight: 200;} .iconBlock .title.lead{font-weight:600;} .iconBlock p a {color: #D5301A;font-size: 1.2em;font-weight: bold;} .iconBlock p a span{vertical-align:middle;font-weight: bold;color: inherit;} /*Featured News*/ .newsBlock { position:relative;} .newsBlock:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background: url(/image/cache/icon-green.svg) no-repeat;opacity: 0;background-size: auto 60%;background-position: -10% 90%;transform: rotate(180deg);} .newsBlock {background: rgb(241 247 241 / 50%);} .news-tags ul {margin: 0;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none;} .news-tags ul li{margin-right: 15px;} .news-tags ul li a{display:inline-block;background:#ddd;border-radius: 5px;padding: 5px 10px;margin: 3px 0;font-weight: 500;background-color: rgba(187,204,214,0.3);-webkit-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;color: #2D6A9F;} .featuredNews{position:relative;height: 100%;} .featuredNews .featured-image{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} .featuredNews .featured-image img{ } .jsnews_1783{display:flex;flex-direction: column;height: 100%;} .featuredNewsContent{position: relative;z-index: 3;color:#FFF;background: rgba(25,25,25,0.6);height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;padding: 30px;min-height: 500px;} .featuredNewsContent *{color: #FFF;} .featuredNewsContent a:hover{color:#DE321B;} .featuredNewsContent .featured-button {display:inline-block;font-size:.9em;padding: 7px 10px;border:1px solid #fff;border-radius:5px;} .featuredNewsContent .featured-button:hover{ background:#FFF;} .featuredNewsContent .news-tags li a:hover{ background:#FFF; color:#DE321B;} .featuredNewsContent .news-tags ul li a{background: #2D6A9F;color: #FFF;} .featuredNewsList {height:100%;display: flex;flex-direction: column;justify-content: space-between;} .news-listing:before{content:'';display:block;width:100%;height:100%;position:absolute;z-index: 0;top:0;left:0;background: url(/image/cache/icon-blue.svg) no-repeat;opacity: .1;background-size: auto 60%;background-position: 95% 110%;} .news-listing {padding: 15px;position: relative;background: #ffffff;border-radius: 5px;margin-bottom: 20px;-webkit-box-shadow: 5px 5px 5px #e9e9e9;box-shadow: 0px 0px 5px #e9e9e9;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-transition: -webkit-box-shadow .35s ease;-o-transition: box-shadow .35s ease;transition: box-shadow .35s ease;} .news-listing .news-info{position:relative;z-index:1;} .news-listing:last-child{/* margin-bottom:0; */} .news-listing:hover {-webkit-box-shadow: 0 5px 10px #dcdcdc;box-shadow: 0 5px 10px #dcdcdc;-webkit-transition: -webkit-box-shadow .35s ease;-o-transition: box-shadow .35s ease;transition: box-shadow .35s ease} .news-image.hidden, .hidden{display:none;} .shareButtons{text-align:center;} .resp-sharing-button__link {text-decoration: none; color: #fff; margin: .5em; display: inline-block } .resp-sharing-button {border-radius: 5px;-webkit-transition: 25ms ease-out;-o-transition: 25ms ease-out;transition: 25ms ease-out;padding: .5em .75em;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;display: inline-block;} .resp-sharing-button__icon svg {width: 2em;height: 2em;margin-right: .4em;vertical-align: top} .resp-sharing-button--small svg {margin: 0; vertical-align: middle } .resp-sharing-button__icon {stroke: #fff; fill: none } .resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle {fill: #fff;stroke: none;display: inline-block;vertical-align: middle;} .resp-sharing-button--twitter {background-color: #55acee } .resp-sharing-button--twitter:hover { background-color: #2795e9 } .resp-sharing-button--pinterest {background-color: #bd081c } .resp-sharing-button--pinterest:hover {background-color: #8c0615 } .resp-sharing-button--facebook {background-color: #3b5998 } .resp-sharing-button--facebook:hover {background-color: #2d4373 } /*Home Events*/ .eventsBlock { position:relative;} .eventsBlock:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background: url(/image/cache/icon-blue.svg) no-repeat;opacity: 0.1;background-size: auto 60%;background-position: 120% -25%;} .eventsBlock .event:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background: url(/image/cache/icon-blue.svg) no-repeat;opacity: .1;z-index: 0;background-size: auto 60%;background-position: 95% 110%;} .event {margin: 10px 0;padding: 15px;position: relative;margin-bottom: 15px;display: flex;justify-content: flex-start;background: #ebf0f4;align-items: center;border-radius: 5px;-webkit-box-shadow: 0px 0px 5px #e9e9e9;box-shadow: 2px 2px 4px #e9e9e9;} .event .row{align-items: center;} .event .date {height: 85px;background: #303030;display: flex;flex-direction: column;justify-content: center;} .event .event_date { text-align: center; } .event .event_date{/* margin: 0 auto; */font-weight: 900;font-size: 1.2em;line-height: 1em;text-transform: uppercase;color: #444;} .event .event_time { font-size: .84em; display: block; font-weight: 400; line-height: 1.5em; } .event .event_day {font-size: 1.5em;padding: 10px;} .event .event_content {padding: 10px;font-weight: normal;font-size: 1em;text-align: left;line-height: 1.5em;position: relative;z-index: 1;} .event .event_content a {font-size: 1.2em;font-weight: 500;color: #2D6A9F;} .event .event_name a{ vertical-align: middle;word-break: break-word; } .eventsBlock .news-tags {height:100%;/* background: #f1f7f1; */display: flex;flex-direction: column;} .eventsBlock .news-tags p{padding:0 15px;} .eventsBlock #eventTags .section-title { padding:5px 15px;} .eventsBlock .news-tags ul{display: flex;align-content: stretch;height: 100%;padding: 0 15px;flex-wrap: wrap;flex-direction: row;} .eventsBlock .news-tags ul li a {background:#2D6A9F; color:#FFF;} .eventsBlock .news-tags ul li a:hover{background:#DE321B;} /* Benefits */ .benefit-item {margin-bottom: 15px; min-height: 200px } .benefit-item .benefit-image {padding: 15px;max-width: 200px;margin: auto;display: flex;height: 100%;align-items: center;} .benefit-item .benefit-image a img {-webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease } .benefit-item .benefit-image a:hover img, .benefit-item .benefit-image a:focus img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease } .videoRow .videothumb {position:relative;} .videoRow .videothumb a{display:block;} .videoRow .videothumb a:after{content:"\f16a"; font-family:FontAwesome; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:36px; color:#DE321B; } #media-search{ margin:0;} #clear-media-search {padding: 2px 15px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;color: #FFF;font-size: 24px;} /*Student Directory*/ .student{padding:10px;border:1px solid #ddd;text-align:center;height: 100%;} .student p{ margin-top:0;} .student .address a{ color:#2D6A9F;} .student .S_social {margin-top: 15px;} .student .S_social ul {margin: 0;padding: 0;display: flex;list-style: none;justify-content: center;} .student .S_social li {float: none;vertical-align: middle;margin: 0;line-height: 1;} .student .S_social li a {text-align: left;padding: 0 !important;/* color: #FFF; */display: block;margin: 0 10px;} .student .S_social li a[href=""]{ display:none;} .student .S_social li a span {display: none;} .student .S_social li a:before {content:'';font-size: 24px;text-align: center;line-height: 1;color: #2D6A9F;background: transparent;display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height: 32px;font-family: 'FontAwesome';} .student .S_social li.facebook a:before {content: "\f230";} .student .S_social li.instagram a:before {content: "\f16d"; } .student .S_social li.linkedin a:before {content: "\f08c"; } .student .S_social li.email a:before {content: "\f0e0"; } .student .S_social li.twitter a:before {content: '';background: #2D6A9F url(/image/cache/x_twitter.svg);background-size: 33px;background-position: center center;} .myforms { min-width:75%;} .myforms tr th { background:#eee;} .myforms tr th,.myforms tr td { padding:5px; border:1px solid #DDD;} /* ====================mobile css ==================== ================================================== */ @media (min-width: 460px) { } @media (min-width: 580px) { } @media (min-width: 640px) { } @media (min-width: 780px) { .subpage-content-block.page-content-block { margin: 20px 0; } /*footer*/ .modal-dialog{max-width:65%;} } @media (min-width: 992px) { } @media (min-width: 1200px) { .logo { margin-top: 0; } } @media all and (min-width: 0px) and (max-width: 1199px) { .sliderContent div.base div.caption p { margin: 0; line-height: 1.1em; } } @media all and (min-width: 0px) and (max-width: 1080px) { #socail > span { display: block; line-height: normal; } #socail li a:after { line-height: normal; font-size: 25px; margin: 0 2px; } } @media all and (min-width: 0px) and (max-width: 991px) { .Header .Navigation #social {margin: 0;width: 100%;border-radius: 0;box-shadow: none;background: #DE321B;} .Header .Navigation #social ul {border-radius:0;justify-content: center;} #social li a:before, #social li.phone a span {/* color:#FFF; */margin: 0;margin: 3px 10px;} .HeaderMenu>ul>li { padding: 0 7px; } .NavbarToggle, .searchBlock-toggler, .navIcon a.myAccount {padding: 15px;color: #FFF;} .NavbarToggle i{color: #FFF;} .Header .topnav ul {margin-bottom: 5px;} .Navigation .navbar-collapse { display: none; } #social ul, footer #social ul {justify-content:center;} .memberSidebar{position: fixed;z-index: 99;left: 0;top: 100px;display: flex;transform: translateX(calc(-100% - 0px));transition: all .3s ease;flex-direction: column;} .memberSidebar #flyOut {display:block;background: #DE321B;width: 50px;height: 60px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border: 2px solid #fff;border-left: 0;outline: none;position: absolute;right: -50px;} .memberSidebar #flyOut span{font-size: 40px;color:#FFF;display: block;padding: 10px 5px;font-weight: bold;text-align: center;} .memberSidebar ul{display:block;background: rgb(51 122 183);position: relative;width: 100%;border: 2px solid #FFF;} .memberSidebar ul li {} .memberSidebar ul li a {padding: 20px 50px;display: block;font-size: 1.1em;color: #FFF;border-bottom: 2px solid #FFF;text-align: center;text-transform: uppercase;} .memberSidebar ul li:last-child a{border:0;} .memberSidebar.menuFlyOut {transform:translateX(0);transition: all .3s ease;display: block;} .memberSidebar.menuFlyOut #flyOut span :after{content:"\eac9";} .memberProfile, .side-nav{margin: 0;border-radius: 0;} .side-nav {border-bottom-right-radius: 5px !important;} .Sidebar__backdrop { background-color: rgba(0,0,0,.25); left: 0; top: 0; z-index: 999; display: none; } .Sidebar--active, .Sidebar__backdrop { position: fixed; height: 100%; width: 100%; } .Sidebar.active .Sidebar__backdrop { display: block; } .Sidebar--active, .Sidebar__backdrop {position: fixed;height: 100%;width: 100%;} .sliderSection {margin-top: 80px;} .tao-carousel .tao-item .item .slShow .caption{width: 100% !important;padding: 15px;} .sliderSection .tao-item .item .slide .image{justify-content: initial;background-size: cover;} .sliderSection .tao-carousel .tao-item .image img {height: 480px;width: auto;max-width: none;margin: 0 auto;} .sliderSection .tao-item .item .slide .image.Fullwidth {background-size:cover;} .tao-carousel .tao-nav .tao-prev, .tao-carousel .tao-nav .tao-next {bottom: 0;transform: none;top: auto;} .tao-carousel .tao-item .item .slShow .caption{width: 100% !important;padding: 15px;} .sliderSection .tao-carousel .tao-item .image img {/* height: 600px; *//* width: auto; */max-width: none;margin: 0 auto;} .tao-carousel .tao-nav .tao-prev, .tao-carousel .tao-nav .tao-next {bottom: 0;transform: none;top: auto;} .Newregister, .general_login { float:none; margin:30px auto;} body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i {color: #ffffff;} .staffBlock .staffDetails {display:block;} .staffBlock .staffDetails img{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 500px;display: block;margin: 0 auto;} .staffBlock .staffDetails .details {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} } @media all and (min-width: 0px) and (max-width: 880px) { .bgBlock .textContent{width:100%;} .bgBlock .imgBlock {height:400px;} .bgBlock .imgBlock img {min-height: 100%;max-width: none;max-height: 100%;margin: 0 auto;display: block;} } @media all and (min-width: 0px) and (max-width: 779px) { .page-content-block { margin-top: 20px; padding-top: 0px; } /* header */ .header { padding: 0px 0; border: 0; } .header > .container { width: 98%; } .Header.headBg{padding: 0;} .Header.headBg .logo img, .Header .logo img{} .Navigation .NavbarToggle {/* top: calc(50% - 28px); */z-index: 1;display: block;float: right;margin: 0;height: 100%;} .sliderSection .tao-carousel .tao-item .image img {height: 380px;} /* navigation */ .nav-top ul { margin: 0 !important; } #main-navigation { position: fixed; overflow-y: auto; width: 0; height: 100%; margin-bottom: 0; z-index: 1; left: 0; top: 0; background: #08364c; display: none; } #main-navigation.navbar-block { display: block; } /* ====================nav bar==================== ================================================== */ footer .footer-bg { background-position: center bottom; } .footerNav > ul > li {vertical-align: top;text-align: center;} footer .address, footer *, footer .address *, .copyright span {text-align:center;} nav.subfooter-nav{justify-content:center;margin-bottom: 5px;} .iconBlock {flex-direction: column;} .S_blockWrapper img { width:100%; max-height:none;} } @media all and (min-width: 0px) and (max-width: 639px) { .nav-top { display: none; } } @media all and (min-width: 0px) and (max-width: 579px) { .topNav p, #social ul {text-align:center;margin: 0;padding: 0;} .topNav #social ul {justify-content:center;} .nav-icon a, .nav-icon { line-height: 74px; } .sliderSection .tao-carousel .tao-item .item .caption h1 { font-size: 1.8em; } .sliderSection .tao-carousel .tao-item .item .caption h2 {font-size: 3em;line-height: 1.4em;} .sliderSection .tao-carousel .tao-item .item .captionh3 { font-size: 1.2em; border: 0; margin: 0; padding: 0; } .sliderSection .tao-carousel .tao-item .item .caption h4 { font-size: 1.0em; line-height: 1.2em; } .sliderSection .tao-carousel .tao-item .item .caption h5 { font-size: .84em; line-height: 1.18em; } .home-content-block, .page-content-block.news-block, .feature-blocks { padding: 30px 0; } .subpage-content-block.page-content-block { margin-top: 129px; } footer .footerMenu, footer .contact { float: none; } .footerNav{} .footerNav {margin-bottom: 0;text-align: center;flex-direction: column;margin-bottom: 30px;} .footerNav >ul{/* justify-content: center; */flex-direction: column;padding: 0;} .footerNav > ul > li {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .subfooter-nav ul,.copyright span { display: block; text-align: center; float: none; } .subfooter-nav ul { margin: 0 auto; display: block; } .subfooter-nav ul li { float: none; display: inline-block; } #socail li { margin: 0 2px; } .sliderContent div.base div h2.display-1{font-size: 4em;font-weight:900;} .bgBlock .textContent{font-size:2em;width: 100%;} .programRow{display:block;} .staffBlock .staffDetails img{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;display: block;margin: 0 auto;} } @media all and (min-width: 0px) and (max-width: 460px) { .nav-top { position: relative; text-align: right; } #socail > span { display: inline-block; vertical-align: middle; font-size: 11px; } #socail li a:after { font-size: 20px; margin: 2px; } .sliderSection .tao-carousel .tao-item .image img {height: 360px;} } @media all and (min-width: 0px) and (max-width: 380px) { .slider_block { min-height: 100% !important; } .logo { max-width:100%;font-size: 24px;padding: 5px;} .logo a { letter-spacing: 0px; } .logo img { margin-right: -5px; } .logo .tag { letter-spacing: 1px; font-size: 15.5px; } .NavbarToggle, .searchBlock-toggler, .navIcon a.myAccount{padding: 7px;} .footerNav > ul > li { display: block; width: auto; } .Header.headBg .logo, .logo{} .logoBlock span{font-size: 2.2em;} .sliderContent div.base div h2{font-size: 1.8em;} .sliderContent div.base div h2.display-1{ font-size:2.4em;} #social li a:before {margin: 3px 10px;width: auto;} #social li.phone a span {font-size: 12px;} } @media all and (orientation: landscape) and (min-height: 100px) and (max-height: 540px) { .sliderContent div.base div {} }