/*
Theme Name: UCIStrap
Theme URI: https://www.ucidigital.com/
Author: UCIDigital
Author URI: https://www.ucidigital.com/
Description: A starter theme for UCIDigital Clients. Focuses on the ability to be extended so it can work with any site.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ucistrap

Mobile First CSS - look at responsive.css for the media queries 
*/

/* This adds padding to accommodate for the TopZone Toolbar */
body {padding-bottom: 56px;font-size:1.55em;color:#000;line-height:1.6;font-family: 'Oswald', sans-serif;}

.alignright{float:right;margin:0 0 1em 1em;max-width:100%;height:auto}
.alignleft{float:left;margin:0 2em 1em 0;max-width:100%;height:auto}
.aligncenter{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto}
.alignright{float:right}
.alignleft{float:left}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.size-full{max-width: 100%; height: auto}

h1,h3,h4,h5,h6{color: #231f20;font-family: 'Oswald', sans-serif;}
a{color: #000000; text-decoration: none}

.btn-default{background: #0c58b1;display: inline-block;font-size: 1.075em;text-decoration: none;border: 0;color: #fff;
border-radius: 0;text-transform: uppercase;padding: 0.6em 2em 0.6em 2.5em;font-weight: 500;transition: all 0.3s ease;}
.btn-default.red{background: #e91422 !important;}
.btn.parallelogram{transform: skew(-20deg);}
.btn .skew-fix{display:inline-block;transform: skew(20deg);}
.btn-default:hover{background: #e91422;color: #fff;}

.paddingt1{padding-top: 1em;} .paddingt2{padding-top: 2em;} .paddingt3{padding-top: 3em;} 
.paddingb1{padding-bottom: 1em;} .paddingb2{padding-bottom: 2em;}  .paddingb3{padding-bottom: 3em;}

/* TopZone Toolbar */
#topbar{background: #e20000;padding-top: 0.5em;padding-bottom: 0.5em;}
#topbar ul{padding: 0;list-style: none;margin: 0;}
#topbar li{display: inline-block;color: #fff;text-transform: uppercase;margin-right: 0.4em;}
#topbar .follow{margin-right: 0.5em;}
#topbar li a{color: #fff; font-weight: 400;}
#topbar li a i{font-size: 1.175em;}
#topbar .become-member{text-align: right;display: block;color: #fff;text-transform: uppercase;text-decoration: none;font-weight: 400;}
#topbar .become-member i{font-size: 1.4em;position: relative;top: 2px;left: -3px;}

/* This puts the Primary Navigation in the TopZone Toolbar */
#primaryNavigation {margin-bottom: 0;}
#header{background: #083d68;}
#header .logo img{max-width: 100%; height: auto;}
#header .navbar-nav{text-align:center; margin-top: .9em;margin-bottom: 0.7em}
#header .navbar-default{min-height:inherit;background:transparent;border:0;border-radius:0}
#header .navbar-default .navbar-nav > li > a{
  color:#fff;font-weight:500;text-transform: uppercase;padding: 1em 0.55em;
  font-size:1.00em;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
#header .join-btn{}
#header .join-btn a{background: #186ac9;padding-left: 1em !important;padding-right: 1em !important;border-radius: 5px;}
#header .join-btn a:hover{background: #E20000 !important;color: #fff !important;}
#header .join-btn a:before{font-family: "FontAwesome";content: "\f234";position: relative;left: -3px;}
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{color: #000000; background: transparent;}
#header .navbar-default .navbar-nav > li > a:hover{background:transparent;color:#E20000;-webkit-transition:all .5s ease;
  -o-transition:all .5s ease;transition:all .5s ease;}
#primaryNavigation .navbar-collapse,#socialDropup{position:absolute;bottom:54px;width:101%;background:#283890;border:none;text-align:center;border-bottom:1px solid #fff}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover{color: #E20000 !important; background: transparent;}
#primaryNavigation .dropdown-menu{border-top:1px solid #fff;background:#898680;width:250px;border-radius:0}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:focus,.dropdown-menu > .active > a:hover,.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover{background:#e3211c;color:#fff}
.dropdown-menu > li > a{text-transform:uppercase;color:#fff;white-space:inherit;padding:6px 20px;font-size:.9em}
#navBarsBtn{border:none;height:54px;margin:0;padding:0 2em;line-height:58px}
#navBarsBtn:hover,#navBarsBtn:focus{background:none}
#navBars{font-size:1.3em}
#mobileIcons{height:54px;line-height:58px}
#mobileIcons a{display:inline-block;font-size:1.3em;margin:0 1.2em;color:#000;line-height:0}
#socialDropup a{font-size:1.7em;color:#000}
#socialDropup a .fa{margin:1em .7em;color:#000}
#mobileIcons a:hover,#mobileIcons a:focus{text-decoration:none;color:#000}
#scroll{position:fixed;right:50px;bottom:50px;cursor:pointer;width:45px;height:45px;background-color:#E20000;display:none;z-index:9999;
  border-radius:100px;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;text-align:center;line-height: 3.5}
#scroll i{color:#fff;font-size:2em;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;}
#scroll:hover{background-color:#083D68}
#scroll:hover i{color:#fff}
.row.full-mobile-nav{margin:0 auto}
.x1{width:25%;border-right:1px solid #ddd;text-align:center}
.x1:last-child{border:none}
.x1 a.btn-primary{background-color:transparent;border:none}
.x1 a.btn{padding:unset!important}
.x1 a.btn-primary:focus,.x1 a.btn-primary:hover,.x1 a.btn-primary:active{background-color:transparent;border:none;-webkit-box-shadow:unset;box-shadow:unset}
i.big-icon{font-size:25px!important;margin-top:-5px}
.navbar-toggle .big-icon{margin-top:15px}
.menu-icon i.big-icon{margin-top:15px}
a.toggle-btn{width:auto}
.navbar-toggle{float:unset}
.menu-item-has-children .dropdown-toggle:after{content:"\f103";font-family:"FontAwesome";padding-left:8px}

/************************************************************
S L I D E R   C S S   S T Y L I N G
************************************************************/
.come-run{background: #e20000c4;display: inline-block;text-decoration: none;transition: all 0.3s ease;transform: skew(-20deg) !important;}
.come-run.blue{background: #0855aed6 !important}
.come-run div{display:inline-block;transform: skew(20deg);}

/************************************************************
S E C T I O N   1   C S S   S T Y L I N G
************************************************************/
.section1{margin-top: -5em;}
.section1 .upcoming-race{background: #fff;padding: 2em 2em 2em;box-shadow: 0px 1px 11px 2px #bbb;border-radius: 1em;}
.section1 h2{text-transform: uppercase;margin-top: 0;font-weight: 500;font-size: 2.375em;color: #083d68;}
.section1 h2 i{color: #e70000;}
.section1 h2 b{color: #0c58b1;}
.section1 .view-all{text-transform: uppercase;background: #0c58b1;padding: .7em 2em;border-radius: 30px;color: #fff;
text-decoration: none;font-weight: 600;position: relative;top: 7px;transition: all 0.3s ease;}
.section1 .view-all:hover{background: #e70000 !important;color: #fff;}
.section1 .box img{max-width: 100%;height: auto;width: 100%;}

.section1 .box{position: relative; min-height:267px;}
.section1 .desc{position: absolute;bottom: 0px;left: 0px;color: #fff;width: 100%;background: linear-gradient(#00f0, #e70000);
height: 50%;border-radius: 0;}
.section1 .text{position: absolute;bottom: 0;width: 100%;padding: 1em;}
.section1 .text h3{color: #fff;margin: 0;text-transform: uppercase;font-weight: 400;margin-bottom: .4em;}
.section1 .text h4{color: #fff;margin: 0; text-transform: uppercase;margin-bottom: .3em;}
.section1 .text a{color: #fff;text-decoration: none;}
.section1 .date{color: #fff;font-weight: 400;}
.section1 .section-number-2 .desc{background: linear-gradient(#00f0, #186ac9);} .section1 .section-number-3 .desc{background: linear-gradient(#00f0, #083d68);}
.section1 .section-number-5 .desc{background: linear-gradient(#00f0, #186ac9);} .section1 .section-number-6 .desc{background: linear-gradient(#00f0, #083d68);}
.section1 .section-number-8 .desc{background: linear-gradient(#00f0, #186ac9);} .section1 .section-number-9 .desc{background: linear-gradient(#00f0, #083d68);}
.section1 .section-number-11 .desc{background: linear-gradient(#00f0, #186ac9);} .section1 .section-number-12 .desc{background: linear-gradient(#00f0, #083d68);}
.section1 .section-number-14 .desc{background: linear-gradient(#00f0, #186ac9);} .section1 .section-number-15 .desc{background: linear-gradient(#00f0, #083d68);}
.section1 .section-number-17 .desc{background: linear-gradient(#00f0, #186ac9);} .section1 .section-number-18 .desc{background: linear-gradient(#00f0, #083d68);}
.section1 .section-number-20 .desc{background: linear-gradient(#00f0, #186ac9);} .section1 .section-number-21 .desc{background: linear-gradient(#00f0, #083d68);}
.section1 .section-number-23 .desc{background: linear-gradient(#00f0, #186ac9);} .section1 .section-number-24 .desc{background: linear-gradient(#00f0, #083d68);}
.section1 .section-number-26 .desc{background: linear-gradient(#00f0, #186ac9);} .section1 .section-number-27 .desc{background: linear-gradient(#00f0, #083d68);}

/************************************************************
S E C T I O N   2   C S S   S T Y L I N G
************************************************************/
#section2{padding-top: 4em;padding-bottom: 4em;}
#section2 img{max-width: 100%;height: auto;box-shadow: 1px 6px 9px 1px #ccc;}
#section2 h2{color: #343434;text-transform: uppercase;font-size: 3em;font-weight: 400;word-spacing: .1em;margin-bottom: .5em;margin-top: 1em;}
#section2 h2 b{color: #0c58b1;}
#section2 p{font-family: 'Lato', sans-serif;font-size: 1.175em;line-height: 1.4;margin-bottom: 1em;}
#section2 .btn{margin-top: 1em;}
#section2 .btn:hover{background: #0c58b1 !important;}

/************************************************************
S E C T I O N   3   C S S   S T Y L I N G
************************************************************/
#section3{background-color:#083d68;background-position: center;padding-top: 1em;padding-bottom: 1em;}
#section3 h3{color: #fff;text-transform: uppercase;font-size: 1.9em;font-style: italic;letter-spacing: 2px;margin: 0;}
#section3 h2{color: #fff;margin: 0;font-size: 3em;text-transform: uppercase;font-style: italic;font-weight: 700;
padding-top: 0.2em;padding-bottom: 0.5em;}
#section3 .btn{}
#section3 .btn i{}

/************************************************************
S E C T I O N   4   C S S   S T Y L I N G
************************************************************/
.section4{background: #f2f2f2;padding-bottom: 10em;padding-top: 4em;}
.section4 h2{text-transform: uppercase;margin-top: 0;font-weight: 300;font-size: 2.375em;}
.section4 h2 b{color: #0c58b1;}
.section4 .view-all{text-transform: uppercase;border: 2px solid #e20000;padding: 10px 20px;border-radius: 30px;color: #083d68;text-decoration: none;font-weight: 600;}
.section4 .box{position: relative;}
.section4 .box img{max-width: 100%;height: auto;}
.section4 .desc{background: #fff;padding: 1.4em 1em 1.4em;left: -15px;bottom: 15px;margin-left: 0em;
  box-shadow: 0px 0px 7px 1px #ccc;position: absolute;}
.section4 .desc h3{margin: 0;text-transform: uppercase;color: #3a3a3a;font-size: 1.175em;line-height: 1.4;}
.section4 .desc h3 a{text-decoration: none;}

/************************************************************
B L O G   C S S   S T Y L I N G
************************************************************/
.post-categories{list-style-type:none;padding:0;margin:0;clear:both}
.post-categories li{display:inline-block;margin:1em 1em 1em 0}
.post-categories li a{background:#ccc;padding:.7em 1.3em;color:#000;text-decoration:none}
#blogTemplate{padding-bottom:50px}
#blogTemplate h1{margin-top:15px;color:#212224!important;font-weight:700!important;margin-bottom:25px}
#blogTemplate header h2{font-size:1.5em}
#blogTemplate header h2 a{color:#343434;font-weight:700; text-decoration: none}
#blogTemplate .blogTime i{padding-right:5px}
#blogTemplate article{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:10px;font-family: 'Lato', sans-serif;}
#blogTemplate article:last-child{margin-bottom:40px}
#blogTemplate article .thumbnail-blog{margin-right:10px;margin-top:6px}
#blogTemplate article .thumbnail-blog img{margin-right:15px;width:100%}
#blogTemplate .article .thumbnail-blog{margin-right:0;margin-top:0}
#blogTemplate .article .thumbnail-blog img{margin-right:0}
#blogTemplate .blog-readmore{padding:5px 10px;margin-top:0.5em}
#pageTemplate{padding-bottom:15em;padding-top: 1em !important;}
#pageTemplate article{font-family: 'Lato', sans-serif;}
#pageTemplate h1,#blogTemplate h1{color:#343434!important;font-weight:700!important;margin-bottom:25px; 
border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-top: 3.7em}
#pageTemplate h2,#pageTemplate h3{color:#343434!important;font-weight:600!important;}
blockquote{border-color:#332a87}

#accordion .panel-group{margin-bottom: .1em;}
#accordion .panel-heading{padding: 0;background: transparent;border: none;}
#accordion .panel-title a{display: block;background: #083D68;color: #fff;padding: 1em;text-decoration: none;}
#accordion i{}

.amemities-single ul{padding: 0;margin: 0;list-style: none;}

.leaderships-list h1{margin-bottom: 1em;margin-top: 3.7em;}
.leaderships-list .box-list{min-height: 520px;}
.leaderships-list .single-thumb{max-width: 100%;height: auto;}
.leaderships-list .card-body{background: #083D68;text-align: center;padding: 1em 0;margin-bottom: 2em;}
.leaderships-list .card-body p{color: #fff;margin: 0;font-weight: 300;}
.leaderships-list .card-body h2{margin: 0;color: #fff;font-size: 1.5em;}

.page-result .accordion-collapse a{font-family: 'Lato', sans-serif;}
.page-result .accordion {margin: 0;padding: 0;list-style: none;}
.page-result .accordion-trigger{background: #E20000;width: 100%;display: block;color: #fff !important;text-align: left;cursor: pointer;
  font-size: 1.5em;padding: .5em .5em;border-radius: 0;margin: 0;}
.page-result .accordion-trigger::before {content: '+';color: #fff;position: absolute;top: 30px;right: 15px;font-size: 1.4em;transform: translateY(-50%);}
.page-result .accordion-trigger.accordion-open::before{content: '-' !important;top: 25px !important}
.page-result .accordion-item { position: relative;margin-bottom: 0.3em;}
.page-result .accordion-collapse {display: none;}
.page-result .mainContent {display: inline-block;vertical-align: top;width: 67%;}

.page-gallery .amenities-box{position: relative;display: inline-block;}
.page-gallery .amenities-box .big-img{max-width: 100%;height: auto;}
.page-gallery .amenities-box:after {content:'\A';position:absolute;width:100%; height:100%;top:0; left:0;background:rgba(0,0,0,0.6);
    opacity:0;transition: all 0.5s;-webkit-transition: all 0.5s;opacity:0.7;}
.page-gallery .amenities-box:hover:after {opacity:0.1;}
.page-gallery .amenities-box .desc{position: absolute;z-index: 999;margin: 0 auto;left: 0; text-align: left;bottom: 0%;
    width: 100%;padding: 1em 2em;}
.page-gallery .desc h4{margin: 0.5em 0 0.4em;font-size: 1.175em;font-weight: 600;color: #fff  !important}
.page-gallery .desc h4 a{color: #fff;text-decoration: none;cursor: default;}
.page-gallery .btn{margin-top: 2em;}

.member-doc ul{padding: 0;margin: 0;list-style: none;}
.member-doc li a{padding: 0.3em 0;text-decoration: none;}

/**********************************************************
E V E N T    C A R D    S T Y L I N G
**********************************************************/
.section1 .box.Club-Run{}
.section1 .box.Meeting span, .section1 .box.Community-Run span, .section1 .box.Run span{display: none;}
.ribbon {
    overflow: hidden;
}

.ribbon--light span {
    background: #26CAB5;
    background: -webkit-gradient(linear,left top,left bottom,from(#26CAB5),to(#D3D3D3));
    background: -webkit-linear-gradient(#26CAB5 0%,#D3D3D3 100%);
    background: -o-linear-gradient(#26CAB5 0%,#D3D3D3 100%);
    background: linear-gradient(#26CAB5 0%,#D3D3D3 100%);
    color: #2F3333;
}

.ribbon span {
    font-size: .9em;
    font-weight: 700;
    color: #efefef;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 135%;
    display: block;
    background: #26CAB5;
    background: -webkit-gradient(linear,left top,left bottom,from(#e20000),to(#2F3333));
    background: -webkit-linear-gradient(#e20000 0%,#2F3333 100%);
    background: -o-linear-gradient(#e20000 0%,#2F3333 100%);
    background: linear-gradient(#e20000 0%,#2F3333 100%);
    -webkit-box-shadow: 0 3px 10px -5px #000f;
    box-shadow: 0 3px 10px -5px #000f;
    position: absolute;
    top: 12%;
    right: -50%;
}

/**********************************************************
G O O G L E    M A P    C S S     S T Y L I N G
***********************************************************/
.map-contact{width:100%;border:0;height:595px}

/**********************************************************
S I D E B A R    C S S     S T Y L E
**********************************************************/
#sidebar{border:1px solid #ccc;border-radius:5px;margin-top:20px}
#sidebar .widget{margin-bottom:20px}
#sidebar .widget ul{padding-left: 25px}
#sidebar .widget-title{background:#e70000;color:#fff;padding:10px;text-transform:uppercase;font-size:1.575em;margin-top:0}
#sidebar .text-center{text-align:center}
.sidebar-menu{background:url(images/drink-menu-bg.jpg);margin-top:29px;padding:0 0 20px;background-size:cover}
.sidebar-menu h3{text-align:center;color:#fff;padding-top:20px;text-transform:uppercase;font-size:40px}
.sidebar-menu ul{padding-left:0;list-style:none}
.sidebar-menu ul li{padding-bottom:8px;border-bottom:1px solid #8f8f8f;padding-left:17px;padding-top:9px}
.sidebar-menu ul li a{color:#fff}
.pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{background:#cf0139;border-color:#cf0139}
.pagination > li > a,.pagination > li > span{color:#cf0139}

/**********************************************************
C O N T A C T    C S S     S T Y L E
**********************************************************/
input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#202228}
input[type="text"]:-moz-placeholder,input[type="email"]:-moz-placeholder,textarea:-moz-placeholder{color:#202228}
input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,textarea::-moz-placeholder{color:#202228}
input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#202228}
.form-control::-moz-placeholder{color:#202228}
.form-control::-ms-input-placeholder{color:#202228}
.form-control::-webkit-input-placeholder{color:#202228}

/**********************************************************
M E M B E R    C S S     S T Y L E
**********************************************************/

#announcements li{border:1px solid #000000;padding:0 20px 10px 20px;margin-bottom:20px;}
#documents a{width:50%;margin-bottom:20px;}

/**********************************************************
F O O T E R    C S S     S T Y L E
**********************************************************/
#footer{background: #052040;padding-top: 3em;padding-bottom: 1em;position: relative;}
#footer .footer-widget{border-top: 1px solid #231f20;margin-top: 1.5em;padding-top: 2.5em;}
#footer .footer-widget img{max-width: 100%; height: auto;}
#footer .footer-menu{display: inline-block;}
#footer .widget a{color: #231f20; text-decoration: none; transition: all 0.3s ease}
#footer .widget a:hover{color: #000000}
#footer .widget-title{color: #231f20;font-size: 1.3em;margin-bottom: 0.5em;margin-top: 0;font-weight: 600;text-transform: uppercase;letter-spacing: -0.5px}
#footer .menu{padding-left: 0;margin-bottom: 0;list-style: none;}
#footer .menu li{position: relative;display: inline-block;margin-right: 1em;}
#footer .menu li a{color: #fff;transition: all 0.3s ease;text-decoration: none;text-transform: uppercase;}
/*.footer.top-img{position: relative;z-index: 0;margin-top: -11em;max-width: 60%;width: 60%;height: auto;}*/
#footer .footer-social{margin: 0;padding: 0;display: inline-block;text-align: right;}
#footer .footer-social li{display: inline-block;color: #fff;text-align: right;text-transform: uppercase;margin-right: 0.3em;}
#footer .footer-social li a{color: #fff;}
#footer .footer-social li a i{}
#footer .footer-logo{margin-top: -3em;}
#footer .copyright{color: #fff;margin-top: 0.4em;margin-bottom: 0em;font-weight: 300;}
#footer .copyright a{color: #fff; text-decoration: none}

@media (max-width: 1220px) {
  .container{width: 100%}
	   width: 100%;
  #header .navbar-default .navbar-nav > li > a{font-size: 1em;}
}


@media(max-width: 1140px){
  #header .navbar-default .navbar-nav > li > a{font-size: 0.875em;padding-left: 0.6;padding-right: 0.6em;}
}

@media (min-width: 1020px) {
  #primaryNavigation .navbar-collapse{border:0!important;text-align:right!important;width: auto !important;padding-right: 0}
  .navbar-header, .become-mob{display:none!important}
  #header .navbar-nav li{display: inline-flex;}
  #header .navbar-nav li:before{left: 0;top: 2px;position: relative;font-size: 1.2em;}
  .dropdown-toggle{pointer-events:inherit!important}
  #header .logo img{max-width: 100%;margin-top: -2em;position: absolute;z-index: 999;}
  .dropdown-menu li{display: block !important;}
  #topbar ul{margin: 0em 0 0 16.0em;}
}

@media (max-width: 1020px) {
  .container{width: 100%}
  #header{text-align: center;}
  #header .logo img{width: 130px}
  #header .navbar-nav{margin-top: 0}
  #header .col-sm-2{width: 100%}
  #primaryNavigation{position:fixed!important;background:#221f1f!important;border:0!important;bottom: 0; width: 100%; margin: 0; z-index: 999; left: 0;}
  .navbar-collapse{padding-left:0;padding-right:0}
  .navbar-collapse.collapse, #topbar ul, .hide-mob, #topbar{display:none!important}
  #header .navbar-default .navbar-nav{text-align:center!important;padding:10px 0;width:100%}
  .navbar-nav > li{display:block!important;float:inherit!important}
  #header .navbar-default .navbar-nav > li > a{font-size:1.175em!important;color:#000!important;padding:7px 0!important}
  .navbar-header{float:right!important;width:100%}
  #header .navbar-default .navbar-nav > li > a:hover{color:#000000 !important; border-color: #000000 !important}
  #primaryNavigation .navbar-collapse,#socialDropup{background:#f0efef;}
  .navbar-toggle,#mobileIcons,.visible-mobile,.navbar-collapse.collapse.in{display:inherit!important}
  #mobileIcons{float:left!important}
  #navBarsBtn i:before,#mobileIcons i{color:#fff!important}
  .navbar-default .navbar-nav li a{background:transparent!important}
  .navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover{background:transparent!important}
  .navbar-nav{margin:0}
  #primaryNavigation .dropdown-menu{width:100%;text-align:center;position:static!important;-webkit-box-shadow:inherit!important;box-shadow:inherit!important;border:0!important}
  .dropdown-menu > li > a{line-height:1!important;color:#fff!important}
  #socialDropup a{color:#e70000 !important;margin: 0 0.5em}
  #mobileIcons{width:100%}
  .footer.top-img{margin-top: -9em;}
  .section4{padding-bottom: 4em;}
  #footer{padding-top: .7em;}
	#become-member{background:#E20000}
	#become-member a{color: #fff;padding: 0.5em 0;display:block}
	#become-member i{font-size: 1.275em;position: relative;left: -2px;top: 1px;}
	#section2{padding-top:1em}
	
// responsive events
}

@media (min-width: 768px) {
  #header .navbar-nav,.navbar-nav > li{float:inherit;display:inline-block}
  #primaryNavigation .mobile-visible{display:none}
}

@media (max-width: 768px) {
  #slider-home{display: none}
  .alignright,.alignleft,.aligncenter{max-width:100%;height:auto}
  ol,ul{padding-left:15px}
  #blogTemplate{padding-top:0}
  .section1 h2, .text-right{text-align: center !important;}
  #footer .copyright{text-align: center;}
  #scroll{right:5px!important;bottom:60px!important;width:40px;height:40px; line-height: 2.9}
  #scroll i{font-size: 1.7em}
  .section4{padding-bottom: 2em;}
  .section4 .view-all{margin-top: 1em;display: block;}
  .section1{margin-top: 1em;}
  .section1 .box{margin-bottom: 1em;margin-top: 1em;}
  .footer.top-img{margin-top: -6em; top: 18px;}
}

@media ( max-width : 528px){
  .section4{padding-bottom: 1em;}
  .footer.top-img{margin-top: -3em;}
  .container{padding-left: 0; padding-right: 0}
  #socialDropup a{font-size: 1.35em}
  #mobileIcons a{margin: 0;}
  .menu-sidebar{position:fixed;top:0;left:0;z-index:1;height:100vh;width: 65vw;background:#f08e0f;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);transition: transform 0.3s ease;will-change:transform;}
  .menu-sidebar.opened{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
  .menu-list{position:relative;height:73vh;overflow:scroll;-webkit-box-shadow: inset 0px 2px 5px rgba(191, 123, 36, 0.24), inset 0px -2px 8px rgba(191, 123, 36, 0.27);
    box-shadow: inset 0px 2px 5px rgba(191, 123, 36, 0.24), inset 0px -2px 8px rgba(191, 123, 36, 0.27);}
  .open-btn{content:"\f178";font:normal normal normal 14px/1 FontAwesome;position:absolute;padding:.5em .3em .5em .5em;background:#f08e0f;color:#f1f1f1;font-size:1.6em;font-weight:800;top:50%;left:100%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);
  transform:translate(0,-50%);-webkit-animation:notice-me 1.7s ease;animation:notice-me 1.7s ease;-webkit-animation-delay:2s;animation-delay:2s;will-change:transform; transition: transform 0.3s ease;}
  .menu-sidebar.opened .open-btn{ -webkit-transform: translate(0,-50%) rotate(180deg); -ms-transform: translate(0,-50%) rotate(180deg); transform: translate(0,-50%) rotate(180deg);animation: unset;}
  .menu-list--link:hover{background: rgba(234, 179, 108, 0.5);}
}

@-webkit-keyframes notice-me {
    0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    40%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    50%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    75%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    85%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    }
    @keyframes notice-me {
    0%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    40%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    50%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    75%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
    85%{-webkit-transform:translate(15%,-50%);transform:translate(15%,-50%)}
    100%{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
}