/*-----------------------------------------------------------------------------------
	COLORS:
	
	default font color			#666666
	light font color				#999999
	dark font color				#262626
	
	body background				#fafafa
		
	main color						#4da5f5


/*-----------------------------------------------------------------------------------

	0.	RESET & CLEARFIX
	1.	BASICS (body, headers, links, etc)
	2. 	GENERAL ELEMENTS
	3.	HEADER
	4.	PAGE LOADER
	5.  FOOTER
	6.  NAVIGATION & MENU
	7.  SLIDER
	8.  SECTION
	9. 	PORTFOLIO
	10. PORTFOLIO AJAX
	11. FILTER
	12. BLOG
	13. COLUMNS GRID
	14. MAP
	15. ELEMENTS / SHORTCODES
	16. WIDGETS
	17. IMG OVERLAY
	18. LOADER ICON
	19. ANIMATIONS
	20. CUSTOM
	
-----------------------------------------------------------------------------------*/



/*---------------------------------------------- 
0. RESET & CLEARFIX
------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%; }
	
ol, ul  { list-style: none; }

:focus  { outline: 0; }

/* deleting the default appearence for form elements */
input[type=text], input[type=password], input[type=submit], textarea, select { -moz-appearance: none; -webkit-appearance: none; }

.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; font-size: 0;  height: 0; }
.clearfix { *display: inline-block; height: 1%; }
.clear { clear: both; display: block; font-size: 0;	height: 0; line-height: 0; width:100%; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; visibility: hidden; }

.mleft20 {
    margin-left: 20px!important;
}



.map-nudged {
    margin-top: -145px;
}

.applied-icon-filters {
        float: left;
    margin-right: 58px;
    padding-top: 27px;
}

.fi-prev {
    background-color: blue;
    float: left;
}

.fi-next {
    background-color: blue;
    float: left;
}

.fi-prev button {
    display: inline-block;
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
    color: #333;
    margin-top: 2px;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 9px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top: 31px;
    box-shadow: 0px 0px 34px 31px rgba(255,255,255,1);
}

.fi-next button {
    display: inline-block;
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    border-radius: 50px;
    cursor: pointer;
    color: #333;
    margin-top: 2px;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 9px;
    width: 35px;
    height: 36px;
    text-align: center;
    line-height: 32px;
    position: absolute;
    top:31px;
    right:0;
    box-shadow: 0px 0px 34px 31px rgba(255,255,255,1);
}

.not-applied-icon-filters {
    white-space: nowrap;
    overflow: auto;
    padding: 25px 55px;
    border-top: 1px solid #ebebeb;
    border-radius: 0px;
    border-bottom: 1px solid #ebebeb;
}

.scrolling-filters-outer {
    margin-top: 30px;
    position: relative;
}

.icon-filter-item-outer {
    text-align: center;
    color: #333;
    margin-right: 25px;
    display: inline-block;
    cursor: pointer;
}

.icon-filter-label {
    font-weight: 600;
    font-size: 11px;
    letter-spacing: normal !important;
}

.fi-icon-wrap {
}

.fi-running {
    background-image: url(../images/running.png);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-mountain {
    background-image: url(../images/mountain.png);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-route {
    background-image: url(../images/route.png);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-tracks {
    background-image: url(../images/tracks.png);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-tree {
    background-image: url(../images/tree.png);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-ocr {
    background-image: url(../images/ocr.png);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-virtual {
    background-image: url(../images/virtual.png);
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-paddleboarding {
    background-image: url(../images/paddleboarding.png);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-swimming {
    background-image: url(../images/swimming.png);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-charity {
    background-image: url(../images/charity.png);
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-swimrun {
    background-image: url(../images/swimrun.png);
    width: 27px;
    height: 27px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.fi-cycling {
    background-image: url(../images/cycling.png);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}


.fi-icon-wrap i {
    font-size: 24px;
    color: #333;
    margin-bottom: 7px;
}

.discover-get-notified {
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    border-radius: 50px;
    padding: 10px 13px;
    cursor: pointer;
    color: #333;
    margin-top: 2px;
    font-size: 17px;
    width: 47px;
    height: 47px;
}

.discover-get-notified img {
    width: 16px;
    height: 16px;
    margin-top: -3px;
    margin-left: 0px;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.events-page-mask-mob {
    display: none;
}

.hero-mobile-only {
    display: none;
}

.mleft10 {
    margin-left: 10px!important;
}

.app-screens-holder {
    position: absolute;
    width: 57%;
    right: -96px;
    top: -46px;
}

.sticky-home-search-btn {
    border: 1px solid #eee;
    padding: 12px 50px 12px 25px;
    border-radius: 40px;
    font-family: 'Open Sans';
    margin-top: 13px;
    cursor: pointer;
    background-image: url(../images/sticky-search-bg.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 188px;
    background-color: #fff;
    box-shadow: #d6e4ed 0 2px 9px;
    font-size: 13px;
    color: #333;
}

.app-screens-img {
    width: 100%;
}
.show-mob-filters {
    display: none;
}

.start-your-search {
    border: 1px solid red;
}

.search-type-tabs {
        text-align: center;
    padding: 5px 0px 0px 0px;
    border-radius: 100px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    margin-bottom: 22px;
/*    box-shadow: #d6e4ed 0 1px 8px;*/
}

.search-type-tab-events {
    width: 100%;
}
.search-type-tab-etchrock {
    width: 100%;
    background: #fff;
    border-radius: 100px;
    display: none;
    float: left;
    box-shadow: #d6e4ed 0 10px 36px;
}

.search-er-input {
    padding: 13px !important;
    margin: 12px;
    border: none !important;
    font-size: 14px!important;
}

.homepage-searchform {
    background-color: transparent;
    border-radius: 7px;
    box-sizing: border-box;
}

.search-er-input-wrap {
    width: 80%;
    float: left;
}
.search-er-button-wrap {
    width: 20%;
    float: left;
}

.search-type-discover-events {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #363636;
    padding: 8px 24px 8px 8px;
    cursor: pointer;
}

.search-type-search-etchrock {
        display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #363636;
    padding: 8px 8px 8px 8px;
    cursor: pointer;
}



.discover-is-active {
    background-color: #ff5b34;
    width: 30px;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 0px;
}

.search-is-active {
    background-color: #ff5b34;
    width: 30px;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 0px;
    display: none;
}

.show-mob-filters-edited {
    background-image: url(../images/edited-dot.png);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 25px 8px;
}

.search-etchrock-dropdown {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    padding: 15px;
    position: absolute;
    display: none;
    border-radius: 4px;
    color: #363636;
    text-align: center;
}

.mright10 {
    margin-right: 10px!important;
}

.elitesImageWrapper {
    border: 1px solid transparent;
    background-size: cover;
    background-repeat: no-repeat;
}
.elitesImageContent {
    max-width: 875px;
    margin-left: auto;
    margin-right: auto;
}

    .ab-clear-dates {
    position: absolute;
    top: 21px;
    right: 19px;
    border-radius: 100px;
    width: 23px;
    text-align: center;
    background-image: url(../images/close.webp);
    height: 23px;
    background-position: -1px -1px;
}

.map-search-icon {
    width: 65px;
    height: 65px;
    position: fixed;
    bottom: 19px;
    right: 19px;
    background-image: url(../images/e-pin.webp);
    background-size: contain;
    cursor: pointer;
    z-index: 999;
}

.storyicon {
    text-align: center;
}

.storylink {
    text-align: center;
    margin-top: 95px;
    margin-bottom: 25px;
}

.fafafa {
    background-color: #fafafa;
}

.storyTitle {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px #000;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 38px;
    line-height: 47px;
}

.strava-circle {
    background-image: url(../images/strava-circular.png);
    background-size: contain;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    min-height: 132px;
    background-repeat: no-repeat;
    background-position: center;
}

.garmin-circle {
    background-image: url(../images/garmin-circular.png);
    background-size: contain;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    min-height: 132px;
    background-repeat: no-repeat;
    background-position: center;
}

.nike-circle {
    background-image: url(../images/nike-circular.png);
    background-size: contain;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    min-height: 132px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9999999;
}

.runkeeper-circle {
    background-image: url(../images/runkeeper-circular.png);
    background-size: contain;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    min-height: 132px;
    background-repeat: no-repeat;
    background-position: center;
}

.endomondo-circle {
    background-image: url(../images/endomondo-circular.png);
    background-size: contain;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    min-height: 132px;
    background-repeat: no-repeat;
    background-position: center;
}

.login-fb-btn {
    color: #fff !important;
    background-color: #4267b2;
    margin-top: 10px;
    display: block;
    border-radius: 4px;
    padding: 10px;
}
.login-g-btn {
    color: #fff!important;
    background-color: #dd4b39;
    margin-top: 0px;
    display: block;
    border-radius: 4px;
    padding: 10px;
    font-weight: 600;
}
.spacer100 {
    width: 100%;
    float: left;
    clear: left;
    margin-top: 100px;
}

.spacer10 {
    width: 100%;
    float: left;
    clear: left;
    margin-top: 10px;
}

.spacer75 {
    width: 100%;
    float: left;
    clear: left;
    margin-top: 75px;
}

.statement {
    font-size: 35px;
    text-align: center;
    margin-top: 50px!important;
    margin-bottom: 50px;
    letter-spacing: -0.5px;
    line-height: 54px;
    font-weight: 400;
    background-image: url(../images/paralax/quote.png);
    background-repeat: no-repeat;
    background-size: 75px;
    background-position-x: 3px;
    background-position-y: 1px;
}

.sub {
    font-size: 18px;
}

footer {
    clear: left;
}

.float-none {
    float: none!important;
}

.no-padding {
    padding: 0px!important;
}

.homepage {
    background-color: #f6fbfe;
    background-position: 0px -396px;
    background-repeat: no-repeat;
    background-size: cover;
}


.nh-footer {
background: #ff6932; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff6932 0%, #ba1f1f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #ff6932 0%,#ba1f1f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #ff6932 0%,#ba1f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6932', endColorstr='#ba1f1f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-size: contain;
    width: 100%;
    float: left;
}

.nh-footer-outer {
    padding: 40px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e8ee;
    padding-bottom: 40px;
    padding-top: 0px;
}

.nh-footer-shadow {
    width: 100%;
    height: 100px;
    background-image: url(../images/shadow.png);
    background-repeat: repeat-x;
}

.nh-footer-left {
    width: 38%;
    border-right: 1px solid #e1e8ee;
    margin-top: 30px;
    float: left;
   
}

.nh-footer-lower {
    width: 100%;
    float: left;
    clear: left;
    padding: 33px 110px 29px 47px;
    box-sizing: border-box;
    color: #ffffff;
}

.grey-icon {
    color: #cccfd2!important;
}

.white-icon {
    color: #ffffff!important;
}

.ql-table {
    color: #ffffff;
    font-size: 13px;
    margin-top: 8px;
    margin-left: 11px;
    border-collapse: separate;
    border-spacing: 0 5px;
}

.ql-app {
    width: 100%;
    height: 48px;
    max-width: 121px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 18px;
    cursor: pointer;
}

.st-app {
    background-image: url(../images/strava-join.png);
    width: 100%;
    height: 48px;
    max-width: 121px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0px;
    cursor: pointer;
}

.custom-strava-icon {
    background-size: contain;
    display: block;
    height: 23px;
    background-repeat: no-repeat;
    background-position: center;
}

.custom-strava-icon:hover {
    background-image: url(../images/strava-orange.png);
    background-size: contain;
}

a.footer-link:hover {
    color: #000!important
}

.ql-app-upper {
    background-image: url(../images/appstore.png);
    width: 100%;
    height: 48px;
    max-width: 121px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 18px;
    cursor: pointer;
}

.ql-table td {
    margin-right: 10px;
    display: inline;
}

.nh-footer-right {
    float: left;
    width: 61%;
    padding-top: 0;
    padding-left: 52px;
    box-sizing: border-box;
    margin-top: 35px;
}

.ql-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.nh-search-outer {
    max-width: 326px;
}

.nh-footer-para {
    margin-top: 5px;
    font-size: 14px;
    padding-right: 41px;
    color: #ffffff;
    line-height: 22px;
}

.wearables-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/wearables-bg.jpg);
}



.people-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/people-bg.jpg);
    position: relative;
}

.newer-events-section {
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 173px;
    position: relative;
}

.cta-section {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/cta-bg.jpg);
    padding-bottom: 0px!important;
}

.off-set-owl-label {
    position: absolute;
    margin-left: 13%;
    margin-top: 8.5%;
}

.lower-off-set-owl-label {
    position: absolute;
    margin-top: 114px;
    right: 7%;
    max-width: 17%;
}

.oso-title {
        color: #363636;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
    line-height: 29px;
}
.oso-copy{
    color: #363636;
    font-size: 15px;
    letter-spacing: -0.5px;
    margin-bottom: 15px;
    line-height: 26px;
}
.oso-button {
        color: #ef3d14;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px;
}



.off-set-owl-wrapper {
    margin-right: -50%;
    margin-left: 38%;
    padding: 0px 0px 30px 30px;
}

.lower-off-set-owl-wrapper {
    margin-left: -50%;
    margin-right: 38%;
    padding: 0px 0px 30px 30px;
    margin-top: 30px;
}

.works-with-wrapper {
    color: #fff;
    text-align: center;
    font-family: 'raleway', sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 40px;
}

.person-banner-image {
    width: 100%;
    height: 120px;
    background-size: cover;
}

.event-block-title {
    font-family: 'raleway', sans-serif;
    font-size: 20px;
    font-weight: 600;
    vertical-align: bottom;
}

.event-block-lower {
    padding-top: 10px;
    background-color: #fff;
    box-shadow: rgba(214, 228, 237, 1) 0px 1px 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.person-block-lower {
    padding: 10px;
}

.owl-next {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 30px!important;
    box-shadow: rgba(84, 96, 103, 0.25) 0px 1px 9px;
    margin-top: -250px!important;
    margin-right: -75px!important;
}

.owl-next:hover {
    transform: scale(1.2); 
    background: linear-gradient(135deg, #ff6932 0%,#ba1f1f 100%)!important;
    -webkit-transition: transform 0.5s ease-in-out;
    color: #fff!important;
}
.owl-prev:hover {
    transform: scale(1.2); 
    background: linear-gradient(135deg, #ff6932 0%,#ba1f1f 100%)!important;
    -webkit-transition: transform 0.5s ease-in-out;
    color: #fff!important;
}

.owl-next span {
    display: block!important;
    margin-top: -4px!important;
}

.owl-prev span {
    display: block!important;
    margin-top: -4px!important;
}

.owl-next span:hover {
    color: #fff!important;
}

.owl-prev span:hover {
    color: #fff!important;
}



.owl-prev {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 30px!important;
    box-shadow: rgba(84, 96, 103, 0.25) 0px 1px 9px;
    margin-top: -250px!important;
    margin-right: -75px!important;
}

.owl-prev span {
    display: block!important;
    margin-top: -4px!important;
}

.owl-prev span {
    display: block!important;
    margin-top: -4px!important;
}



@media only screen and (max-width: 1366px) {

    
    #event-slider-carousel .owl-prev {
        left: 322px!important;
    }
    
    #people-slider-carousel .owl-prev {
        left: 322px!important;
    }
    
    .lower-off-set-owl-label {
        right: 12%;
    }
}



#event-owl-carousel .owl-prev {
    left: 675px!important;
  box-shadow: rgba(84, 96, 103, 0.25) 0px 1px 9px!important;
  height: 60px!important;
  width: 60px!important;
  background-color: #ffffff!important;
  border-radius: 30px!important;
}

#event-owl-carousel .owl-item {
  border-radius: 11px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(214, 228, 237, 1) 0px 0px 5px;

  
}

#second-owl-carousel .owl-item {
  border-radius: 11px;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(214, 228, 237, 1) 0px 0px 5px;
  
}

#second-owl-carousel .owl-prev {
  left: 675px!important;
  box-shadow: rgba(84, 96, 103, 0.25) 0px 1px 9px!important;
  height: 60px!important;
  width: 60px!important;
  background-color: #ffffff!important;
  border-radius: 30px!important;
}

.map-mask-top {
    background-image: url(../images/map-mask-top.png);
    height: 453px;
    position: absolute;
    z-index: 999999;
    width: 100%;
}

.map-mask-bottom {
        background-image: url(../images/map-mask-bottom.png);
    height: 453px;
    position: relative;
    z-index: 999999;
    width: 100%;
    margin-top: -461px;
}

.rotated-map-mask-top {
    -ms-transform: rotate(-08deg); /* IE 9 */
    -webkit-transform: rotate(-08deg); /* Safari */
    transform: rotate(-08deg); /* Standard syntax */
    background-color: #fdfdfd;
    height: 528px;
    position: absolute;
    width: -webkit-fill-available;
    margin-left: -100px;
    margin-right: -100px;
    margin-top: -225px;
}

.elites-story-title {
    display: block;
    text-align: center;
    color: #363636;
    font-size: 19px;
    font-family: 'raleway', sans-serif;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 23px;
}

.partners-left-bg {
    
}

.people-connect-mobile {
    text-align: center;
    padding: 10% 10% 0% 10%;
    display: none;
}

.nh-title {
        color: #363636;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 37px;
}

.nh-button {
    color: #ef3d14;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px;
    margin-bottom: 40px;
    margin-top: 26px;
}

.nh-icon {
    width: 55px;
    height: 55px;
    border-radius: 13px;
    margin-top: 35px;
    margin-bottom: 33px;
    box-shadow: rgba(214, 228, 237, 1) 0px 10px 36px;
    background-image: url(../images/etchlogo-small.png);
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}

.partners-logos-outer {
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
    clear: left;
}

.ready-challenge-title {
    color: #363636;
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -0.5px;
}

.pw-title {
    text-align: center;
    color: #a3a3a3;
    margin-bottom: 34px;
    font-size: 16px;
}

.partner-img-purple {
    width: -webkit-fill-available;
    padding: 15px;
    display: block;
}
.partner-img-purple-ra {
    max-width: 110px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -13px;
    display: block;
}

.ready-challenge-copy {
    color: #363636;
    font-size: 16px;
    text-align: center;
    letter-spacing: -0.5px;
    margin-top: 23px;
}


#partners-slider-carousel > .owl-nav {
}

#partners-slider-carousel > .owl-nav > .owl-prev {
    border: none!important;
    float: left;
    position: relative!important;
    margin: 0px!important;
    left: -40px!important;
    top: -68px;
    box-shadow: none;
    background: transparent!important;
}

#partners-slider-carousel > .owl-nav > .owl-next {
    border: none!important;
    position: relative!important;
    margin: 0px!important;
    left: auto!important;
    right: -43px;
    top: -68px;
    box-shadow: none;
    background: transparent!important;
}

.mtop11 {
    margin-top: 11px;
}

.partners-for-mobile {
    display: none;
}

.big-discover-btn {
        color: #ffffff;
    font-size: 14px;
background: #ba1f1f; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ba1f1f 1%, #ff6932 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ba1f1f 1%,#ff6932 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ba1f1f 1%,#ff6932 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1f1f', endColorstr='#ff6932',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding: 12px 3px;
    border-radius: 40px;
    line-height: 22px;
    margin-left: auto;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: auto;
    max-width: 138px;
    text-align: center;
    margin-top: 27px;
}

.partners-logos-lower {
   width: 100%;
    padding: 66px 50px;
    box-sizing: border-box;
    margin-top: 0px;
    max-width: 1239px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px;
    border-top: 1px solid #dfe3e8;
    
}

.nh-footer-logo {
    background-image: url(../images/er-footer-logo.webp);
    max-width: 285px;
    height: 68px;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
}

.footer-partner-logos {
    
    height: 68px;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
}

.fundraising-regulator-logo {
    max-width: 170px;
    margin-top: 20px;
    margin-right: 10px;
}

.aaih-logo {
    max-width: 170px;
    margin-top: 20px;
    margin-right: 10px;
}

.nh-section-inner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1081px;
}

.wearables-illustration {
    width: 100%;
    max-width: 602px;
    text-align: right;
    float: right;
}

.wearables-illustration {
    width: 100%;
    float: none;
    max-width: 414px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    margin-top: 24px;
    margin-bottom: 27px;
}

.elites-illustration {
    margin-top: 31px;
}

.partners-copy-wrap {
    float: left;
    max-width: 500px;
    color: #363636;
    margin-top: 183px;
    margin-right: 78px;
}

.map-copy-wrap {
    float: left;
    max-width: 500px;
    color: #363636;
    margin-top: 1px;
    margin-right: 78px;
}

.wearables-inner {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}

.partners-half-right {
    float: left;
    width: 50%;
    padding: 40px;
    box-sizing: border-box;
}

.our-partners-title {
    font-weight: 800;
    font-size: 36px;
    font-family: 'raleway',sans-serif;
}

.meet-the-elites-section {
    width: 100%;
    float: left;
    clear: left;
    padding-bottom: 100px;
    background-image: url(../images/wearables-bg.jpg);
    background-size: cover;
}


.meet-the-elites-img-wrap {
   
    background-size: cover;
    width: 110%;
    height: 796px;
    position: absolute;
    z-index: 999;
    top: -77px;
    left: -196px;
}

.meet-the-elites-img {
}

.partners-icons-wrapper {
    max-width: 750px;
    margin-top: 104px;
}

.challenge-half {
    width: 50%;
    float: left;
}

.rfc-sub {
    float: left;
    font-family: 'raleway',sans-serif;
    font-size: 26px;
    letter-spacing: -0.5px;
    font-weight: 500;
}

.w100 {
    width: 100%;
} 

.map-section-new {
        background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/map-bg.jpg);
    padding-bottom: 143px;
    float: left;
    width: 100%;
}

.map-iframe-wrapper {
    width: 50%;
    right: 0;
    position: absolute;
    height: 711px;
}

.float-left {
    float: left;
}

.challenge-button-outer {
    float: left;
    width: 50%;
}

.challenge-contact-btn {
    border: 1px solid #ff5b34;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 145px;
    text-align: center;
    background-color: #fff;
    color: #ff5b34;
    padding: 15px 10px;
    border-radius: 100px;
    font-size: 17px;
    font-family: 'raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.challenge-signup-btn {
    border: 1px solid #ff5b34;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 145px;
    text-align: center;
    background-color: #ff5b34;
    color: #ffffff;
    padding: 15px 10px;
    border-radius: 100px;
    font-size: 17px;
    font-family: 'raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.challenge-button-wrapper {
    float: right;
    max-width: 360px;
    width: 100%;
    margin-top: 10px;
}

.challenge-signup-btn:hover {
    color: #ffffff!important;
}

.rfc-main {
    float: left;
    font-family: 'raleway',sans-serif;
    font-size: 40px;
    letter-spacing: -0.5px;
    clear: left;
    margin-top: 26px;
    
}

.challenge-outer {
    margin-bottom: 100px;
}

.spacer15 {
    width: 100%;
    height: 15px;
}


.partners-icon {
    width: 50%;
    float: left;
}

.partners-icon img {
    padding: 17px 78px;
    box-sizing: border-box;
}

.elite-story-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.partners-half {
    width: 50%;
    float: left;
    padding: 25px;
    box-sizing: border-box;
}

.elites-half {
    width: 50%;
    float: left;
    padding: 2%;
    box-sizing: border-box;
}

.app-half-left {
        width: 50%;
    float: left;
    padding: 10% 6% 11% 11%;
    box-sizing: border-box;
}

.map-half-left {
        width: 75%;
    float: left;
    padding: 10% 6% 11% 11%;
    box-sizing: border-box;
}

.app-half-right {
    width: 50%;
    float: left;
    padding: 9% 0% 3% 0%;
    box-sizing: border-box;
}

.eb-event-name {
    color: #363636;
    font-weight: 600;
    font-size: 18px;
    padding: 0px 20px;
    letter-spacing: -0.5px;
}

.eb-location {
    color: #ff5b34;
    font-weight: 600;
    font-size: 13px;
    padding: 10px 20px 3px 20px;
}

.eb-description {
    color: #a3a3a3;
    font-weight: 500;
    font-size: 14px;
    padding: 6px 20px 0px 20px;
    min-height: 68px;
}

.eb-tag-wrapper {
    width: 100%;
    padding: 20px 20px 10px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.eb-tag {
    background-color: #eff5f8;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 7px;
    font-size: 13px;
    border: 1px solid transparent;
}

.eb-tag:hover {
    border: 1px solid #000;
    background-color: #fff;
}

.event-image {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.elite-story-excerpt {
    font-size: 13px;
    line-height: 18px;
}

.rotated-map-mask-bottom {
    -ms-transform: rotate(-08deg); /* IE 9 */
    -webkit-transform: rotate(-08deg); /* Safari */
    transform: rotate(-08deg); /* Standard syntax */
    background-color: #fff;
    height: 528px;
    position: absolute;
    width: -webkit-fill-available;
    margin-left: -100px;
    margin-right: -100px;
    margin-top: -265px;
}

#elites-stories-section {
    z-index: 9999; 
    position: relative; 
    position: relative; 
    
}

.login-form-input {
    width: 100%;
}

.map-toolbar {
    margin-left: auto;
    margin-right: auto;
    margin-top: -72px;
    max-width: 1102px;
    box-shadow: rgba(84, 96, 103, 0.25) 0px 1px 25px;
    padding: 32px;
    background-color: #fff;
    border-radius: 4px;
}

#second-owl-carousel .owl-next {
    margin-top: -300px;
    background: #fff;
    width: 60px;
    height: 60px; 
}

#second-owl-carousel .owl-prev {
    margin-top: -300px;
    position: absolute;
    left: 757px;
    background: #fff;
    width: 60px;
    height: 60px;  
}

#event-owl-carousel .owl-next {
    margin-top: -300px;
    background: #fff;
    width: 60px;
    height: 60px; 
}

#event-owl-carousel .owl-prev {
    margin-top: -300px;
    position: absolute;
    left: 757px;
    background: #fff;
    width: 60px;
    height: 60px;  
}



.owl-next {
    background: #fff!important;
    width: 60px!important;
    height: 60px!important; 
}

.owl-prev {
    position: absolute!important;
    left: 757px!important;
    background: #fff!important;
    width: 60px!important;
    height: 60px!important;  
}


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 30px!important;
}

.owl-carousel .owl-stage {
    padding: 35px 35px 35px 35px!important;
}

#event-slider-carousel .owl-stage {
    padding: 35px 35px 20px 35px!important;
}

#people-slider-carousel .owl-stage {
    padding: 35px 35px 18px 35px!important;
}


#partners-slider-carousel .owl-stage {
    padding: 0px!important;
}

#partners-slider-carousel  img {
    min-height: 60px;
    
}

.partners-logos-padding {
    padding: 50px 0px;
}

.owl-next:hover {
    background-color: #fff!important;
    color: #363636!important;
}
.owl-prev:hover {
    background-color: #fff!important;
    color: #363636!important;
}

.person-item {
    box-shadow: rgba(84, 96, 103, 0.25) 0px 1px 9px;
    margin: 0px 10px 10px 10px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.event-block-subtitle {
    font-family: 'raleway', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-top: 2px;
    display: block;
}

.person-profile-name {
    text-align: center;
    font-size: 21px;
    font-family: 'raleway', sans-serif;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.person-profile-bio {
    text-align: center;
    font-size: 14px;
    font-family: 'raleway', sans-serif;
    font-weight: 500;
    letter-spacing: -0.5px;
    margin: 15px 0px;
}

.person-profile-image {
    border: 4px solid #fff;
    border-radius: 100%;
    max-width: 74px;
    margin: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -41px;
}

.event-profile-image {
    border: 3px solid #ddd;
    border-radius: 100%;
    max-width: 70px;
    margin: 10px;
}

/*.event-block-table td {
    padding: 5px 5px!important;
}*/

.hero-wrapper {
    width: 100%;
    padding: 20px 0%;
    margin-top: 68px;
    box-sizing: border-box;
    margin-bottom: 0px;
    max-width: 975px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 175px;
}

.hero-responsive {
    background-color: #ccc;
}

.bw-browser-logo-chrome {
    background-image: url(../images/chrome.png);
    height: 141px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.index-form-1 {
    float: left;
    display: inline-block;
    width: 10%;
}
.index-form-2 {
    float: left;
    display: inline-block;
    width: 37.5%;
}

.mob-only-app-store {
    display: none;
}
.index-form-3 {
    float: left;
    display: inline-block;
    width: 37.5%;
}
.index-form-4 {
    float: left;
    display: inline-block;
    width: 15%;
    padding-left: 10px;
    box-sizing: border-box;
}

.top-bg {
/*    background-image: url(../images/top-bg.jpg);*/
    background-size: cover;
    background-position: 0px -82px;
    background-repeat: no-repeat;
    padding-bottom: 75px;
    overflow: hidden;
	opacity: 1.0;
	-webkit-transition: background-image 1.5s linear;
	-moz-transition: background-image 1.5s linear;
	-o-transition: background-image 1.5s linear;
	-ms-transition: background-image 1.5s linear;
	transition: background-image 1.5s linear;
}

.events-slider-bg {
    background-image: url(../images/events-slider-bg.png);
    background-size: cover;
}

.bw-browser-logo-firefox {
    background-image: url(../images/firefox.png);
    height: 141px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.bw-browser-logo-safari {
    background-image: url(../images/safari.png);
    height: 141px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.thirtytwo {
    width: 32%!important;
}

.fw-600 {
    font-weight: 600!important;
}

.inline-block {
    display: inline-block;
}

.bwInner {
    border: none;
    box-shadow: rgba(84, 96, 103, 0.25) 0px 1px 9px;
    max-width: 650px;
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding: 6em;
    border-radius: 4px;
}

.bw-links {
    margin-top: 50px;
    text-align: center;
}

.bwHeading {
    color: #363636;
    font-size: 23px;
    text-align: center;
    font-weight: 600;
}

.continue-anyway {
        background-color: #ff5b35!important;
    color: #fff;
    width: 300px;
    text-align: center;
    border-radius: 20px;
    padding: 10px 10px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    margin-top: 43px;
    cursor: pointer;
}

.bwP {
    text-align: center;
    margin-top: 51px;
    font-weight: 400;
    line-height: 30px;
}

.browserWarning {
    width: 100%;
    background-color: #fafafa;
}

.ios-prompt {
    position: fixed;
    bottom: 0;
    height: 100px;
    width: 100%;
    background-color: #f2f2f2;
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    display: none;
}

.app-prompt-thumb {
    background-image: url(../img/etchlogo-small.svg);
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 10px;
    margin-left: 0px;
}

.close-app-prompt {
    font-size: 20px;
    margin-top: 30px;
    cursor: pointer;
}

.app-prompt-title {
    color: #363636;
    font-size: 15px;
    font-weight: 600;
    margin-top: 9px;
}
.app-prompt-subtitle {
    color: #363636;
}

.app-prompt-company {
    color: #363636;
}

.create-banner-content {
    max-width: 500px;
}

.create-banner-copy {
        font-size: 54px;
    font-weight: 700;
    color: #ffffff;
    line-height: 62px;
}

.create-banner-button {
    margin-top: 80px;
}

.hero-message {
    font-size: 41px;
    font-weight: 700;
    line-height: 48px;
    padding: 108px 57px;
    margin-left: 25px;
    color: #ffffff;
}

.bg-white {
    background-color: #fff!important;
}

.app-banner-outer {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 81px;
    position: absolute;
    top: 0px;
    left: 15%;
}

.app-wrap {
    float: left;
    width: 50%;
}

.subtitle-smaller {
    font-size: 18px!important;
    margin-top: 0px!important;
}

.app-message-wrap {
    width: 50%;
    float: left;
}

.discover-block-outer {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.individual-discover-block {
    width: 100%;
}


.hubspot-widget-wrapper {
    margin-top: -520px;
    margin-bottom: 125px;
}
.mbot0 {
    margin-bottom: 0px!important;
}

.mbot15 {
    margin-bottom: 15px!important;
}

.mbot25 {
    margin-bottom: 25px!important;
}

.mbot50 {
    margin-bottom: 50px!important;
}

.pbot50 {
    padding-bottom: 50px!important;
}

.pbot75 {
    padding-bottom: 75px!important;
}

.mheight100 {
    max-height: 100px!important;
}

.clear-left {
    clear: left!important;
}


.strava_logo {
    background: rgba(0, 0, 0, 0) url(../images/strava_logo_v2.png) no-repeat scroll;
    display: inline-block;
    margin: 0;
    height: 100px;
    width: 100px;
    background-size: cover;
}


.garmin_logo {
    background: rgba(0, 0, 0, 0) url(../images/garmin_logo_v2.png) no-repeat scroll;
    display: inline-block;
    margin: 0;
    height: 100px;
    width: 100px;
    background-size: cover;
}

.runkeeper_logo {
    background: rgba(0, 0, 0, 0) url(../images/runkeeper_logo_v2.png) no-repeat scroll;
    display: inline-block;
    margin: 0;
    height: 100px;
    width: 100px;
    background-size: cover;
}

.fitbit_logo {
    background: rgba(0, 0, 0, 0) url(../images/fitbit_logo_v2.png) no-repeat scroll;
    display: inline-block;
    margin: 0;
    height: 100px;
    width: 100px;
    background-size: cover;
}

.hm-apple {
        background-image: url(../images/appstore.png);
    width: 142px;
    height: 43px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin-top: 28px;
    margin-right: 10px;
}

.hm-google {
        background-image: url(../images/googlestore.png);
    width: 142px;
    height: 43px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    margin-top: 28px;

}

.hm-h3 {
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
}

.hm-h1 {
    color: #ffffff;
    font-weight: 600;
    margin-top: 0px;
    line-height: 48px;
    font-size: 40px;
}

.hm-p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    font-family: 'Raleway', sans-serif;
}

.app-outer {
        background-image: url(../images/app-inner.png);
    max-width: 235px;
    padding: 48px 26px 38px 18px;
    background-size: contain;
    background-repeat: no-repeat;
    float: left;
    z-index: 4;
    position: relative;
    margin-top: 27px;
    margin-right: 69px;
}

.app-behind {
        background-image: url(../images/app-outer.png);
    width: 245px;
    height: 491px;
    background-size: cover;
    float: left;
    position: relative;
    z-index: 1;
    margin-right: -153px;
    margin-top: 54px;
}

.hubspot-widget-wrapper p {
    font-size: 18px;
    margin-bottom: 25px;
    max-width: 915px;
    margin-left: auto;
    margin-right: auto;
}

.social-footer-icon {
    padding: 10px 10px;
    margin-right: 14px;
    border-radius: 100px;
    width: 22px;
    display: block;
    float: left;
    height: 22px;
    background-color: #eef6f9;
    text-align: center;
    color: #bbb;
    font-size: 19px;
    margin-top: -10px;
    float: right;
}

.align-center {
    text-align: center!important;
}

.colorwhite {
    color: #ffffff!important;
}

.white {
    color: #ffffff;
}

.create-banner-button a {
    border-radius: 50px;
    background-color: #fff;
    color: #363636;
    padding: 20px 35px;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: -0.5px;
}

.create-banner-button a:hover {
    color: #363636!important;
}


.create-banner-copy-mobile {
    border: 1px solid red;
}

.create-banner-button-mobile a {
        border-radius: 50px;
    background-color: #e45327;
    color: #fff;
    padding: 20px 35px;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: -0.5px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 227px;
    display: block;
}

.create-banner-button-mobile a:hover {
    color: #fff!important;
}

.create-banner-outer {
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 195px;
    position: absolute;
    top: 0px;
    left: 15%;
}

.demo-banner-outer {
    max-width: 1000px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 50px;
    color: #fff;
    font-family: 'raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 800;
}

.create-ctas h3 {
    margin-top: 35px!important;
    font-size: 25px;
    font-weight: 600;
}

.list-on-er-title {
    margin-top: -200px!important;
}

.create-ctas p {
    font-size: 22px;
    margin-top: 26px!important;
    font-weight: 500;
    line-height: 32px;
}

.create-banner {
    background-image: url(../images/create-banner.jpg);
    clear: left;
    margin-top: 70px;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
}

.create-ctas {
/*    background-image: url(../images/create-ctas.jpg);*/
    clear: left;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
/*    min-height: 500px;*/
}

.mtop0 {
    margin-top: 0px!important;
}

.mtop25 {
    margin-top: 25px!important;
}

.mtop50 {
    margin-top: 50px!important;
}

.close-cookie {
    color: #fff;
    margin-top: 19px;
    float: right;
    margin-right: 25px;
    cursor: pointer;
}

.cookie-compliance {
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    float: left;
    position: fixed;
    background-color: rgba(54, 54, 54, 0.6);
    bottom: 0px;
    display:none;
    z-index: 9999999999;
}

.cookie-agree {
    background-color: #ddd;
    border: none;
    border-radius: 20px;
    color: #545559;
    font-weight: 600;
    padding: 6px 16px;
    margin-top: 12px;
    cursor: pointer;
    font-family: 'raleway', sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    display: block;
}

.pp-link {
    color: #ffffff!important;
    font-weight: 600!important;
    white-space: nowrap;
}

.cookie-compliance p {
    padding: 15px 20px;
    color: #ffffff;
    
}

.show-terms {
    cursor: pointer!important;
}

.col-90 {
    width: 90%;
    float: left;
}

.col-10 {
    width: 10%;
    float: left;
}

.col-50 {
    width: 50%;
    float: left;
}


.float-left {
    float: left;
}

.clear-left {
    clear: left;
}

.btn-getstarted {
    background: none repeat scroll 0 0 #ff5b34;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.5px;
    text-align: center;
    display: block;
    border: none;
    color: #ffffff;
    cursor: pointer;
    padding: 15px 40px;
    border-radius: 25px;
    max-width: 160px;
    margin: 0 auto;
    margin-top: 15px;
}
.btn-getstarted:hover {
    color: #ffffff!important;
}

.list-title {
    color: #363636;
    font-weight: 600;
    font-size: 25px;
}

.widget-banner-document {
    background-image: url(../images/welcome-document.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-brand {
    background-image: url(../images/brand.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-pricing {
    background-image: url(../images/pricing.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.widget-banner-getting-started {
    background-image: url(../images/getting-started.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-pricing-proposal {
    background-image: url(../images/pricing-proposal.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-security {
    background-image: url(../images/security.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-sales-report {
    background-image: url(../images/document.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-credit-note {
    background-image: url(../images/credit-note.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-payout-statement {
    background-image: url(../images/payout-statement.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-sales-charts {
    background-image: url(../images/sales-charts.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-terms-conditions {
    background-image: url(../images/terms-conditions.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-banner-privacy-policy {
    background-image: url(../images/privacy-policy.png);
    height: 149px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.widget-link h3 {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}

.tableControl {
    border-radius: 31px;
    cursor: pointer;
    background-color: #fafafa;
    float: right;
    margin-top: 10px;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    box-shadow: 0 1px 5px 0px rgba(0,0,0,.25);
    border: 1px solid #eee;
    padding-top: 7px;
    padding-bottom: 7px;
}
.widget-button {
    width: 100%!important;
    text-align: center;
    max-width: 161px;
    margin-left: auto!important;
    margin-right: auto!important;
    display: block;
    float: none!important;
}

.widget-link p {
    text-align: center;
    font-size: 13px;
    margin-bottom: 20px;
}


.tableControl a:link { color: #363636; letter-spacing: -0.5px; }
.tableControl a:visited { color: #363636; letter-spacing: -0.5px; }
.tableControl a:hover { color: #363636; letter-spacing: -0.5px; }
.tableControl a:active { color: #363636; letter-spacing: -0.5px; } 

.push-iphone {
    width: 100%;
    height: 550px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 50px;
}

.push-iphone-img {
    width: 100%;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.widgets-wrap {
    margin-left: -15px;
    margin-bottom: 25px;
    margin-right: -15px;
}

.col-sm-4 {
    width: 33.3333%;
}

.widget-link {
    border: 1px solid #e7ebee;
    padding: 25px;
    background-color: #fff;
    border-radius: 4px;
}

.apple-icon {
        background-image: url(../images/apple-icon-hover.png);
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    margin-top: 8px;
    float: left;
}



.apple-icon:hover {    
    background-image: url(../images/apple-icon.png);
}

.calc-input {
    width: 40%;
    float: left;
    text-align: left;
}

.calc-text-input {
    border: 1px solid #ccc;
    font-size: 16px;
    padding: 13px 11px;
    box-sizing: border-box;
    display: block;
    float: left;
    width: 100%;
    border-radius: 4px;
    color: #545559;
    font-family: 'open sans', arial, sans-serif;
}

.multiply {
    width: 20%;
    float: left;
    margin-top: 35px;
    font-size: 27px;
}

.revenue-box {
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 10px 10px;
    text-align: center;
    margin-top: 25px;
}

.fee-detail table {
    width: 100%;
    margin-top: 25px;
}

.total-price-wrap {
    font-size: 46px;
    line-height: 87px;
}

.fee-handling {
    float: left;
    margin-top: 20px;
    text-align: left;
}

.calc-label {
    color: #545559;
    float: left;
}

.setup-header {
        width: 100%;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
    height: 50px;
    padding-top: 10px;
    z-index: 999999;
    position: fixed;
    background-color: #fff;
    top: 0;
}

.generic-notification {
    color: #fff;
    border-radius: 4px;
    padding: 10px 15px 10px 15px;
    text-align: left;
    font-weight: 600;
    margin-bottom: 7px;
}

.generic-notification i {
    margin-right: 10px!important;
}

.generic-error {
    background-color: #e84c3d;
    
}

.generic-success {
    background-color: #2fcc71;
}

.generic-info {
    background-color: #6bc0fb;
}

.setup-row {
    margin-top: 25px;
}

.setup-header-logo {
    background-image: url(../images/logo/etchlogo-small.svg);
    background-size: cover;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
}



.join-er-form {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 25px;
    margin-bottom: 135px;
}
.col-md-4 {
    width: 33.3%;
    float: left;
}

hr.suggestion {
    border-top: 1px solid #dddddd;
}

.form-row-facebook {
    float: left;
    width: 100%;
    margin-top: 20px;
    font-weight: 400;
    line-height: 39px;
}



.join-er-signup-btn {
    border: 1px solid #ff5b35;
    width: 100%;
    background-color: #ff5b35;
    height: 50px;
    border-radius: 26px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    font-family: 'open sans', sans-serif;
    margin-top: 20px;
    cursor: pointer;
}

.appstore {
    width: 222px;
    position: absolute;
    right: 24px;
    top: 83px;
    z-index: 9999;
}

.app_title_dark {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    text-shadow: 1px 2px #000;
}

#gradient {
    background: linear-gradient(#fff, #e5e7eb)!important
}

.no-bg {
    background: transparent!important;
}

.float-none {
    float: none!important;
}

.join-er-signup-btn-fb {
    border: 1px solid #4862a3;
    width: 100%;
    background-color: #4862a3;
    height: 50px;
    border-radius: 26px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    font-family: 'open sans', sans-serif;
    margin-top: 20px;
    cursor: pointer;
    display: block;
    line-height: 51px;
}
.join-er-signup-btn-google {
    border: 1px solid #dd4b39;
    width: 100%;
    background-color: #dd4b39;
    height: 50px;
    border-radius: 26px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    font-family: 'open sans', sans-serif;
    margin-top: 20px;
    cursor: pointer;
    display: block;
    line-height: 51px;
}
.join-er-signup-btn-apple {
    border: 1px solid #000000;
    width: 100%;
    background-color: #000000;
    height: 50px;
    border-radius: 26px;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    font-family: 'open sans', sans-serif;
    margin-top: 20px;
    cursor: pointer;
    display: block;
    line-height: 51px;
}

.lg-rounded-orange {
    display: block;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ff5b34;
    color: #fff!important;
    font-size: 16px;
    padding: 10px;
    border-radius: 25px;
    font-weight: 600;
    margin-top: 26px;
    cursor: pointer;
}

#train {
    background-image: url(../images/grey-runner.jpg);
    background-size: cover;
    padding-bottom: 284px;
}


#fundraise {
    background-image: url(../images/fundraising.jpg);
    background-size: contain;
    padding-bottom: 383px;
    background-position: 0px 257px;
    background-repeat: no-repeat;
}
.join-er-signup-btn-fb:hover {
    color: #fff!important;
}
.join-er-signup-btn-google:hover {
    color: #fff!important;
}
.join-er-signup-btn-apple:hover {
    color: #fff!important;
}

.pbot10 {
    padding-bottom: 10px!important;
}

.mtop-100 {
    margin-top: -100px;
}

.ptop0 {
    padding-top: 0px!important;
}

.ptop50 {
    padding-top: 50px!important;
}

.ptop73 {
    padding-top: 73px!important;
}


.ptop100 {
    padding-top: 180px!important;
}

.p-larger {
    font-size: 22px;
    font-weight: 400;
    color: #363636;
    line-height: 30px;
    margin-bottom: 25px;
}

.text-orange {
    color: #ff5b34!important;
}

.text-orange:hover {
    color: #ff5b34!important;
}

.mtop10 {
    margin-top: 10px!important;
}

.big-number {
    color: #ff5b34;
    font-size: 75px;
    font-weight: 700;
    margin-top: 36px;
    display: block;
    text-align: right;
}

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

.join-er-form .form-value{
   width: 100%!important;
}

.join-er-form input[type=text] {
    width: 100%!important;
    padding-left: 18px!important;
    font-size: 15px!important;
    height: 50px!important;
    font-weight: 600!important;
    margin-bottom: 20px!important;
    box-sizing: border-box;
    display: block;
    max-width: 100%;
}


.join-er-form input[type=password] {
    width: 100%!important;
    padding-left: 18px!important;
    font-size: 15px!important;
    height: 50px!important;
    font-weight: 600!important;
    margin-bottom: 20px!important;
    box-sizing: border-box;
    display: block;
    max-width: 100%;
}


.join-er-form input[type=email] {
    width: 100%!important;
    padding-left: 18px!important;
    font-size: 15px!important;
    height: 50px!important;
    font-weight: 600!important;
    margin-bottom: 20px!important;
    box-sizing: border-box;
    display: block;
    max-width: 100%;
}
    
.join-er-h2 {
    font-family: 'open sans', arial, sans-serif;
    font-size: 24px;
    font-weight: 600;
        margin-bottom: 20px;
}

.setup-wrapper {
    margin-top: 0px!important;
    z-index: 99999999;
    background-color: #fff;
    position: relative;
    float: left;
    width: 100%;
}

.er-login-modal-badge {
    width: 40px;
    height: 40px;
    background-image: url(../images/logo/etchlogo-small.svg);
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-size: contain;
}

.grey-modal-header {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom: none!important;
}

.login-modal-content {
    background-color: #fafafa!important;
}

.forgot-pw-modal {
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
}

.reset-pw-modal {
    color: #ff5b35;
    font-weight: 600;
}

.login-btn-lrg {
    background-color: #ff5b35;
    color: #ffffff;
    width: 100%;
    padding: 14px 0px;
    margin-top: 20px;
    border: 1px solid #ff5b35;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    font-size: 100%;
}

.new-here-link {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    font-weight: 500;
}

.login-w-fb-link {
    margin-bottom: 25px;
}

.remember-me-wrap {
    color: #ccc;
    text-align: right;
    margin-top: 5px;
    padding: 3px 10px;
}

.remember-me {
    color: #999999!important;
    font-size: 13px;
}

.login-w-fb-link a {
    display: block;
    text-align: center;
    max-width: 315px;
    margin-left: auto;
    margin-right: auto;
}

.new-here-link a {
    color: #ff5b35;
    font-weight: 600;
}

.etchrock-header-logo {
    max-width: 450px;
}

.header-drop-shadow {
    text-shadow: 1px 1px #000!important;
}

.text-shadow {
    text-shadow: 1px 1px #000;
}
.elitesBannerCopy {
        position: relative;
    z-index: 2;
    visibility: visible;
    margin-top: -420px;
    max-width: 873px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px #000;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 38px;
    line-height: 47px;
}

.parnter img:last-child{display:none}
.parnter:hover img:first-child{display:none}
.parnter:hover img:last-child{display:inline-block}

.log-in-form-wrapper {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.er-login-form {
    padding: 20px 20px 15px 20px;
}

.partner-logo {
    max-width: 200px;
}

.partner-name {
    color: #262626!important;
}

.m-bot-20 {
    margin-bottom: 20px;
}

.login-form-input {
    padding-left: 43px!important;
    box-sizing: border-box;
    height: 46px!important;
    font-size: 15px!important;
}

.iphone-mockup {
    max-width: 200px
}



.social-features {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.social-features h1 {
        font-weight: 700!important;
    font-size: 41px;
}

.iconic-input i, .iconic-input svg {
    color: #CCCCCC;
    display: block;
    font-size: 18px;
    height: 16px;
    margin: 14px 3px 6px 14px;
    position: absolute;
    text-align: center;
    width: 16px;
}

.login-modal-title {
    color: #262626;
    margin: 0;
    line-height: 1.42857143;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

.erHomePageHeader {
    background-image: url(../images/runner5.jpg);
    background-size: cover;
    background-color: #ccc;
}
.erHomePageHeaderv2 {
    background-image: url(../images/runner6.jpg);
    background-size: cover;
    background-color: #ccc;
}

.discover-button {
    display: block;
    color: #ffffff;
    font-size: 16px;
    background-color: #ff5b34;
    padding: 14px 0px;
    border-radius: 6px;
    line-height: 22px;
    cursor: pointer;
    font-weight: 600;
    width: 100%;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.mleft-7 {
    margin-left: -7px!important;
}

.index-form-select-event {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 13px 20px;
    height: 60px;
    font-size: 18px;
    color: #363636;
    border-right: none;
    width: 15%;
}
.index-form-select-event:hover {
    border-color: #c7c7c7!important;
}


.index-form-select-distance {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 13px 20px;
    height: 60px;
    font-size: 18px;
    color: #363636;
    margin-left: -4px;
}
.index-form-select-distance:hover {
    border-color: #c7c7c7!important;
}

.find-location {
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
/*    padding: 13px 23px!important;*/
    font-size: 24px!important;
    color: #363636!important;
    border: 3px solid #ebebeb!important;
    font-family: Arial!important;
    border-right: none!important;
    background-color: #fff;
    float: left;
    cursor: pointer;
    width: 100%;
    height: 50px;
}

#event-slider-carousel > .item {
 border: 1px solid red!important;   
}

.index-form-search-events {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
    padding: 15px 20px!important;
    height: 50px;
    font-size: 15px!important;
    color: #363636!important;
    margin: 0px;
    border: 3px solid #ebebeb!important;
    font-family: Arial!important;
    margin-left: -4px!important;
    width: 100%;
    box-sizing: border-box;
}

.index-form-search-general {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    padding: 15px 20px!important;
    height: 50px;
    font-size: 15px!important;
    color: #363636!important;
    border: none!important;
    font-family: Arial!important;
    width: -webkit-fill-available;
    margin: 8px 8px;
    box-sizing: border-box;
    width: -moz-available;
}

    .do-dropdown {
        margin-top: 13px;
        position: absolute;
        background-color: #fff;
        width: 100%;
        left: 0;
        top: 44px;
        box-sizing: border-box;
        padding: 0px 20px 20px 20px;
        display: none; 
        border-radius: 4px;
        box-shadow: rgba(214, 228, 237, 1) 0px 27px 50px;
    }
    
    .do-dropdown-category {
        background-color: #eff5f8;
        display: inline-block;
        padding: 5px 10px;
        border-radius: 4px;
        margin-right: 10px;
        margin-bottom: 13px;
        font-size: 13px;
    }
    
    .do-dropdown-title {
        font-size: 13px;
        font-weight: 600;
        line-height: 25px;
        margin-top: 20px!important;
        margin-bottom: 20px;
    }

.index-form-search-location {
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    padding: 15px 20px!important;
    height: 50px;
    font-size: 15px!important;
    color: #363636!important;
    margin: 0px;
    border: 3px solid #ebebeb!important;
    font-family: Arial!important;
    margin-left: -4px!important;
    border-right: none!important;
    width: 100%;
    box-sizing: border-box;
}

.index-form-search-events::placeholder {
    color: #363636!important;
}

.index-form-search-location::placeholder {
    color: #363636!important;
}

.index-form-select-event:hover {
    border-color: #c7c7c7!important;
}


.modal-header h4.modal-title {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.slider-skip-text {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: arial;
    margin-top: 125px;
    margin-bottom: 10px;
    font-weight: 600;
}
.slider-skip {
    width: 40px;
    margin-left: auto;
    margin-right: auto;
}

.white-modal-footer {
    background-color: #fff;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.white-modal-header {
    background-color: #fff!important;
    color: #666666!important;
    border-bottom: 1px solid #e7ebee;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.index-form-outer {
/*    border: 5px solid #fff;*/
    background: #fff;
/*    padding: 8px 9px;*/
    border-radius: 7px;
    box-shadow: rgba(214, 228, 237, 1) 0px 10px 36px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 34px;
    margin-bottom: 160px;
    position: relative;
}

.index-form-outer-lower {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 4px;
    border-radius: 7px;
    margin-left: auto;
    margin-right: auto;
}


.white-modal {
    max-height: 490px;
    /*overflow-y: auto;*/
    padding: 0px;
    
}

.white-modal .profile-nav .user-heading {
    padding: 2px!important;
}

.white-modal .panel  {
    max-height: 80px!important;
    margin-bottom: 0px;
}

.white-modal img  {
    max-height: 50px!important;
    max-width: 50px!important;
    border: 1px solid #eee!important;
    margin-left: 25px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.white-modal h2  {
    font-size: 15px;
    margin-top: 16px!important;
    color: #666666!important;
    font-weight: 600;
}

.etchrockh1 {
    display: block;
    float: left;
    text-align: center;
    width: 100%;
    margin-top: 130px!important;
}

.etchrockIndexH2 {
    color: #fff;
    text-align: left;
    font-size: 55px;
    font-weight: 800!important;
}

.hero-tagline {
        line-height: 22px;
    margin-top: 24px;
    max-width: 370px;
    color: #363636;
    font-size: 15px;
    text-align: left;
    font-family: 'Open Sans', Arial, sans-serif;
    margin-bottom: 43px;
    margin-left: 32px;
}

.etchrockIndexH1 {
    color: #363636;
    font-size: 25px;
    font-weight: 600!important;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    line-height: 53px;
    margin-left: 32px;
}

.homepagePartner {
    width: 75px;
    height: 75px;
}

.etchrockIndexH4 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

.event-organisers-outer-section {
    float: left;
}

.event-organisers-copy {
       font-weight: 600;
    color: #fff;
    font-size: 16px;
}
.landing-banner-padding {
    padding-top: 160px;
}


.event-organisers-button {
    border-radius: 22px!important;
    margin-top: 5px;
    border: 2px solid #ffffff!important;
    color: #fff!important;
    background: transparent;
    padding-left: 17px!important;
    padding-right: 17px!important;
}

.event-organisers-button:hover {
    border: 2px solid #ff5b35!important;
}

.event-organisers-section {
    float: left!important;
    padding: 10px;
    box-sizing: border-box;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left!important;
}

.white {
    background: #ffffff!important;
    opacity: 1!important;
    
}

.indexDiscoverBtn {
    border: 1px solid #ff5b35!important;
    background-color: #ff5b35!important;
    border-radius: 31px!important;
    margin-top: 27px;
}

.login-button-v2 {
    border: 1px solid #ff5b35;
    height: 20px;
    line-height: 20px!important;
    margin-top: 16px;
    border-radius: 20px;
    padding: 5px 12px!important;
    background-color: #fafafa;
    color: #ff5b35!important;
    margin-bottom: 15px;
    max-width: 53px;
    margin-left: 10px;
    text-align: center;
}

.login-button-v2:hover {
    border: 1px solid #ff5b35;
    height: 20px;
    line-height: 20px!important;
    margin-top: 16px;
    border-radius: 20px;
    padding: 5px 12px!important;
    background-color: #ff5b35;
    color: #ffffff!important;
}

.signup-button-v2 {
    border: 1px solid #ff5b35;
    height: 20px;
    line-height: 20px!important;
    margin-top: 16px;
    border-radius: 20px;
    padding: 5px 12px!important;
    background-color: #fafafa;
    color: #ff5b35!important;
    max-width: 49px;
    margin-left: 10px;
    margin-bottom: 15px;
    text-align: center;
}

.signup-button-v2:hover {
    border: 1px solid #ff5b35;
    height: 20px;
    line-height: 20px!important;
    margin-top: 16px;
    border-radius: 20px;
    padding: 5px 12px!important;
    background-color: #ff5b35;
    color: #ffffff!important;
}

/*---------------------------------------------- 
1. BASICS
------------------------------------------------*/
html {
	height: 100%;
	font-size: 100%;
	/*overflow-y: scroll; /* Force a scrollbar in non-IE */
	/*overflow-x: hidden;*/
	-webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust on orientation change without disabling user zoom */
	-ms-text-size-adjust: 100%;
	position: relative;
	}

body {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-weight: 400;
	font-size:14px; 
	line-height: 22px;
	color:#333333; 
	text-align: left; 
	position: relative;
/*	background: #fafafa;*/
	height: 100%;
	}
::selection { background:#ffe49c; color:#262626; }
::-moz-selection { background:#ffe49c; color:#262626; }
::-webkit-selection { background:#ffe49c; color:#262626; }




/* Headings
---------------------------------------- */
h1, h2, h3, h5, h6 {
    font-weight: 400;
    color: #262626;
}
        
h4 {
    font-family: 'open sans'; 
    font-weight: 600;
    color: #363636;
}
        
	.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 { color: #ffffff; }

h1 { font-size: 100px; line-height: 130px; }
h2 { font-size: 40px; line-height: 60px; }
h3 { font-size: 32px; line-height: 48px; }
h4 { font-size: 22px; line-height: 34px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 16px; line-height: 22px; }

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 600; }
	
/* Headers Spacing */
div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 20px; }
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child { margin-top: 0px; }

.subtitle {
    margin-top: 5px;
    font-weight: 600;
    color: #363636;
    letter-spacing: 0px;
}
.text-light .subtitle { opacity: 0.9; filter: alpha(opacity=90);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }

/* Headers for section titles */
.section-title { 
	text-align: center;
	margin-top: -10px;				/* fix for line-height spacing*/
	margin-bottom: 100px;
	}
	
.section-title h2 { 
	text-transform: uppercase;
	letter-spacing: -0.05em;
	font-weight: 900;  
        font-family: 'Raleway', arial, sans-serif;
	}
        
        .section-title-new { 
	text-align: center;
	margin-top: -10px;				/* fix for line-height spacing*/
	margin-bottom: 100px;
	}
	
.section-title-new h2 { 
        letter-spacing: -0.05em;
        font-weight: 600;
        font-family: 'Open Sans', arial, sans-serif;
        font-size: 32px;
        color: #363636;
        line-height: 40px;
        margin-bottom: 10px;
}
	
.widget-title {
	text-transform: uppercase;
	}
	
.logInForm {
    padding-left: 20px;
    padding-right: 20px;
        }

/* Forms
---------------------------------------- */

.split-column {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.hero-tagline {
    line-height: 22px;
    max-width: 370px;
    color: #363636;
    font-size: 15px;
    text-align: left;
    font-family: 'Open Sans', Arial, sans-serif;

}

.upper-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
}

input[type=text], input[type=password], input[type=email], textarea {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	font-weight: 400;
	font-size: 12px;
	background: #ffffff;
	border: 1px solid #d9d9d9;
	line-height: 18px;
	
	color:#999999;
	padding: 10px 4px;
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3x;
	transition: all 200ms linear;
	}
	
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus { 
	border-color: #262626;
}

input.false[type=text], input.false[type=password]:focus, input.false[type=email], textarea.false { 
	border-color: #fa4d5a;
}

input[type=text], input[type=password], input[type=email] {  }		/* padding issue (240 + 2*5 = 250) */
textarea { width: 1100px; height: 150px; max-width: 97%; padding: 11px 4px 8px 4px; line-height: 22px; }		/* padding issue (395 + 2*5 = 405) */

.one-half input[type=text], .one-half input[type=password], .one-half input[type=email] { width: 520px; }
.one-half textarea { width: 520px; }

input[type=submit] {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 13px; 
	line-height: 22px ;
	letter-spacing: 0.15em; 
	text-transform: uppercase;
	text-align: center;
	display: block;
	border: none;
	color: #ffffff;	
	background: #262626;
	cursor: pointer;
	padding: 15px 40px;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	}
	
input[type=submit]:hover { 
	background-color: #ff5b34;
	transform: scale(1.07);
	-ms-transform: scale(1.07); 
	-webkit-transform: scale(1.07);
	}
	
select {
	border: 3px solid #ebebeb ;
	height: 44px;
	width: auto;
	padding:8px;
	color: #808080;
	border-radius: 0px;
	-moz-border-radius:0x; 
	-khtml-border-radius:0px; 
	-webkit-border-radius:0px;
	}
select:hover {	border-color: #262626;	}
	
select option {
	cursor: pointer;
	padding: 5px 7px;
	}
	
label {
	line-height: 26px;
	width: 100%;
	display:block;
	color: #262626;
	}
	
form {
	margin-top: 20px;
	}
	
form .form-row {
	margin-top: 15px;
	position: relative;
	}
	
form .form-submit {
	margin-top: 30px;
	}
	
form .form-value {
	/*width: 100%;*/
	max-width: 100%;
	position: relative;
	display: inline-block;
	}
	
div form:first-child, form .form-row:first-child 	 {
	margin-top: 0px;
	}
	

/* Chech formular */
#form-note {
	display: none;
	margin-top: 20px;
	}



/* Links
---------------------------------------- */
a {
	text-decoration: none;
	color: #4da5f5;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0.0);
	}

a:hover {
	color: #ff5b34;
	}	
	
.text-light a:hover { color: #ffffff; }



/* Embedded content
---------------------------------------- */
img, object, video {
	max-width: 100%; 
	height: auto;
	display: inline-block;
	margin:0;
    vertical-align:top;
	}
	
img {
	width: auto;
	max-width: 100%; 
	border: 0;
	-ms-interpolation-mode: bicubic;
	}

p img { margin-top: 20px; }
p img:first-child { margin-top: 0px; }
img.alignleft { margin: 3px 20px 20px 0; float: left; }
img.alignright { margin: 3px 0px 20px 20px; float: right; }

.embeddedvideo {
	position: relative;
	padding-bottom: 55%;
	padding-top: 14px;
	height: 0;
	overflow: hidden;
	}
	
.embeddedvideo iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* Lists
---------------------------------------- */
ul {
	margin-top: 20px;
	margin-left: 15px;
	list-style: disc;
	}
	div ul:first-child, li ul:first-child { margin-top: 0px; }
	
ol {
	margin-top: 20px;
	margin-left: 30px;
	list-style: decimal;
	}
	div ol:first-child, li ol:first-child { margin-top: 0px; }

ul li, ol li {
	line-height: 20px;
	margin-top: 10px;
	}
	ul li:first-child, ol li:first-child { margin-top: 0px; }	

ul.list-nostyle {
	list-style: none !important;
	margin-left: 0 !important;
	}
	
ul.list-nostyle li > .fa {
	margin-right: 10px;
	}
	

p { 
    margin-top: 15px;
    font-size: 14px;
    line-height: 26px;
}

div p:first-child {  margin-top: 0px;  }	
	
strong, b, dt {
	font-weight: 600;
}

i, dfn, em {
	font-style: italic;
	}
	
strong i, b i, dt i, strong em, b em, dt em {
	font-style: italic;
	font-weight: bold;
	}

blockquote {
	margin-top: 20px;
	font-size: 16px; line-height: 24px;
	font-family: 'Raleway';
	font-weight: 300;
	padding-left: 20px;
	margin-left: 20px;
	color: #262626;
	border-left: 2px solid #d9d9d9;
	}
	div blockquote:first-child {  margin-top: 0px;  }

blockquote p {
	margin: 0;
	}
	
pre, code {
	padding: 3px 0 3px 20px;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 11px;
	line-height: 16px;
	display: block;
	border-left: 2px solid #d9d9d9;
	color: #262626;
	}
	div pre:first-child, div code:first-child { margin-top: 0px; } 



/*---------------------------------------------- 
2. GENERAL ELEMENTS
------------------------------------------------*/


.sticky-home-search {
    width: 100% !important;
    border-radius: 25px !important;
    background-color: #ffffff !important;
    color: #ffffff;
    padding-left: 20px !important;
    font-size: 14px !important;
    padding-right: 0px !important;
    transition: all 0.5s linear;
    color: #363636;
    box-shadow: #d6e4ed 0 1px 6px;
    display: none;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
}

.sticky-home-search:placeholder {
    color: #363636;
}

.sticky-home-search:focus {
    border: 1px solid #000!important;
    
}

.sticky-home-search:hover {
    border: 1px solid #000!important;
    
}


#page-content {
	overflow: hidden;
	margin: 0;
	min-width: 1100px;
	position: relative;
}

.event-image {
    
}

.wrapper {
	width: 1100px;
	margin: 0 auto;
	}
        
.larger-wrapper {
    width: 1500px;
    margin: 0 auto;
}

.column-50 {
    width: 50%;
    padding: 20px;
    float: left;
    box-sizing: border-box;
    
}
	
.main-content {
	width: 740px;
	}
	
aside {
	width: 300px;
	}
	
.left-float { 
	float: left; 
	}
	
.right-float { 
	float: right; 
	}
	
.align-center {
	text-align: center;
	}
	
.text-light {
	color: #ffffff;
	}	
	


/*---------------------------------------------- 
3. HEADER
------------------------------------------------*/
header {
	background: #ffffff;
	box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-moz-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-webkit-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	width: 100%;
	z-index: 10000;
	position: relative;
	}

.landing-page-logo {
	padding-left: 20px!important;
	width: 20%!important;
	box-sizing: border-box;
	min-height: 66px;
}

.header-search-input {
	width: 100%!important;
    border-radius: 25px!important;
    background-color: #ffffff!important;
    color: #ffffff;
    padding-left: 20px!important;
    font-size: 14px!important;
    padding-right: 0px!important;
    transition: all 0.5s linear;
    color: #363636;
    box-shadow: #d6e4ed 0 1px 6px;
}

.header-search-input:placeholder {
    color: #363636;
}

.header-search-input:focus {
    border: 1px solid #000!important;
    
}

.header-search-input:hover {
    border: 1px solid #000!important;
    
}

.header-no-overlay input[type="text"]::-webkit-input-placeholder {
	color: #666!important;
}

.header-no-overlay i {
	color: #666!important;
}

header.header-overlay i {
    color: #fff!important;
}

.header-no-overlay div.landing-search {
	padding-top: 13px;	
}

.smallheader nav#main-nav ul li {
    padding-top: 0px;
    padding-bottom: 0px;
    
}

.smallheader input[type="text"]::-webkit-input-placeholder {
  color: #666!important;
}

.smallheader #logo {
    height: 40px!important;
}

.smallheader {
    transition: all 200ms linear;
    animation-duration: 0.3s;
  animation-name: lineInserted;
  transition: height 0.3s;
}


input[type="text"].header-search-input::-webkit-input-placeholder {
  
}

input[type="text"].header-search-input:selection {
  background-color: transparent!important;
}

.white {
	color: #ffffff!important;
}

.pointer {
	cursor: pointer!important;
}

.headerSearchBtn {
	float: right;
    margin-top: -38px;
	margin-right: -9px;
    height: 37px;
    width: 37px;
    cursor: pointer;
    background: transparent;
    border: none;
	position: relative;
    z-index: 51;
}

.landing-search {
    width: 20%!important;
    float: left;
    box-sizing: border-box;
    padding-right: 27px;
	
}

.main-nav-landing {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    width: 60%;
    box-sizing: border-box;
    float:left;
    min-height: 1px;
    text-align: center;
}

.landing-menu-nav {
    float: left;
    width: 70%!important;
    text-align: center;
}

.landing-menu-right {
    float: left;
    width: 15%!important;
    background-color: blue;
}
	
#logo {
    padding: 10px 0; 	
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
	}
        
#defaut-logo {
    height: 45px;
    display: inline-block;
}

.custom-icon {
    float: left;
    width: 35px;
    height: 35px;
}

.users-plus-icon {
    background-image: url('/frontend/img/users-plus.png');
    background-size: cover;
}

.users-search-icon {
    background-image: url('/frontend/img/users-search.png');
    background-size: cover;
}

#logo img {
	max-height: 100%;
	}
	
        
.my-expandable {
    display: block;
    color: #666666;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 24px;
    padding: 0px 0px!important;
    transition: all 200ms linear;
}

.nd-mob-menu {
    list-style: none;
    color: #363636;
    margin-left: 0px;
}

.nd-mob-menu li {
    border-bottom: 1px solid #eaeaea;
    padding: 15px 10px;
    margin: 0px!important;
    position: relative;
}

.nd-mob-menu li:last-child {
    border-bottom: 1px solid transparent;
}

.menu-down {
    margin-top: 7px;
}
.nested {
    padding: 5px 20px!important;
}

.nd-mob-menu li a {
    color: #363636;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.sub-menu {
    list-style: none;
    color: #363636;
    margin-left: 0px;
}

.sub-menu li a {
        display: block;
    font-weight: 400;
    line-height: 43px;
    padding: 0px;
    font-size: 12px;
    text-transform: uppercase;
}

/* header shrinks when fixed & scrolled */	
.fixed-header header {
	position: fixed;
	left: 0; top: 0;
	}
	

		

/* header overlay style */	
header.header-overlay {
	background: transparent;
	box-shadow:  none;
	-moz-box-shadow:  none;
	-webkit-box-shadow:  none;
	position: absolute!important;
	left: 0; top: 0;
        padding-top: 20px;
	}
	
header.header-overlay #defaut-logo {
	display: none;
	}
header.header-no-overlay #overlay-logo {
	display: none;
	}
	
header.header-overlay #overlay-logo {
    height: 100px!important;
    margin-top: -18px;
    display: block;
    }

/*---------------------------------------------- 
4. PAGE LOADER
------------------------------------------------*/
#page-loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 100001;
	}
	
.page-loader-inner {
	width: 300px;
	height: 120px;
	position: absolute;
	top: 50%; margin-top: -50px;
	left: 50%; margin-left: -150px;
	text-align: center;
	}
	
.page-loader-inner .loader-logo img {
	max-height: 60px;
	max-width: 300px;
	}
	
.page-loader-inner .loader-icon {
	position: absolute;
	top: 100px;
	left: 50%; margin-left: -10px;
	}
	
        .open-responsive-nav {
        }

/*---------------------------------------------- 
5. FOOTER
------------------------------------------------*/
footer {
	background: #262626;
	padding: 80px 0;
	}
	
.footer-logo img {
	height: 60px;
	}
	

footer .copyright {
	font-size: 13px;
	color: #ffffff;
	}
	
	

/*---------------------------------------------- 
6. NAVIGATION & MENU
------------------------------------------------*/
.menu {
	position: relative;
	}

nav#main-nav {
	z-index: 50;
	}
	
nav#main-nav ul {
	position: relative;
	z-index: 49;
	margin: 0;
	
	list-style: none;
	display: inline-block;
	}
	
nav#main-nav ul li {
	position: relative;
	z-index: 45;
	float: left;
	margin: 0 0 0 24px;
	padding: 0px;
	min-width: 10px;
	}

nav#main-nav > ul > li > a  {
	display: block;
	font-family: 'Open Sans'; 
	font-weight: 600;
	font-size: 12px;
	line-height: 60px;					/* depending on the logo height */
	color: #262626;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 45;
	padding: 0px;
	width: auto;
	transition: all 200ms linear;
	}
	
/* nav state for overlayed header*/	
.header-overlay nav#main-nav > ul > li > a {
	color: #ffffff;
	opacity: 0.7; 
	filter: alpha(opacity=7); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}
		
nav#main-nav > ul > li:hover > a {
	z-index: 48;
	color: #ff5b34;
	}
	
nav#main-nav > ul > li.current-menu-item > a, nav#main-nav > ul > li.current-menu-ancestor > a {
	color: #ff5b34;
	}

/* hover/active nav state for overlayed header*/	
.header-overlay nav#main-nav > ul > li:hover > a, .header-overlay nav#main-nav > ul > li.current-menu-item > a, .header-overlay nav#main-nav > ul > li.current-menu-ancestor > a {
	color: #ffffff;
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
nav#main-nav ul li .sub-menu {
	border-top: 2px solid #ff5b34;
        color: #666666;
	position: absolute;
	top: 66px;							/* depending on the logo height + padding */
	left: 0px;
	background: #ffffff;
	width: 215px;
	padding: 5px 0;
	display: none;
	z-index: 47;
        background: #ffffff;
	box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-moz-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-webkit-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
        
	} 
	
nav#main-nav ul .sub-menu li {
	float: none;
	margin: 0;
        color: #666666!important;
        border-top: 1px solid #eaeaea;
	}
        nav#main-nav ul .sub-menu li:first-child {
	border-top: none;
        margin-top: -5px;
	}
	
nav#main-nav ul .sub-menu li a {
        color: #666666;
	display: block;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 24px;
        padding: 15px 35px!important;
	}
        
nav#main-nav ul .sub-menu li a:hover {
        color: #ff5b34;
}
	
nav#main-nav ul .sub-menu > li:hover > a, nav#main-nav ul .sub-menu > li.current-menu-item > a {
	
	}

nav#main-nav ul li ul li .sub-menu {
	position: absolute;
	top: 0px;
	left: 200px;
	}
	


/* control nav when fixed & scrolled */
nav#menu-controls {
	display: none;
	}
	
nav#menu-controls ul {
	position: relative;
	z-index: 49;
	margin: 0;
	padding: 0;
	list-style: none;
	/*overflow: hidden;*/
	}
	
nav#menu-controls ul li {
	float: left;
	margin: 0 0 0 15px;
	padding: 20px 0;
	height: 60px;
	text-align: center;
	position: relative;
	width: 12px;
	transition: all 200ms linear;
	}
		
nav#menu-controls > ul > li a  {
	display: inline-block;
	color: #262626;
	padding: 2px;
	border: 1px solid transparent;
	border-radius: 10px;
	-moz-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	-webkit-border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
	}
	
nav#menu-controls > ul > li.current-menu-item > a {
	border-color: #4da5f5;
	}
	
nav#menu-controls > ul > li.current-menu-item > a span.c-dot {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	
nav#menu-controls > ul > li a span.c-dot  {
	display: block;
	height: 6px;
	width: 6px;
	background: #262626;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	}
	
nav#menu-controls > ul > li a:hover span.c-dot  {
	background: #4da5f5;
	}
	
nav#menu-controls > ul > li a span.c-name  {
	position: absolute;
	font-family: 'Open Sans';
	font-weight: 400;
	font-size: 10px;
	text-transform: uppercase;
	width: 100px;
	left: -44px;
	bottom: 12px;
	opacity: 0; 
	filter: alpha(opacity=0); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
	}
	
nav#menu-controls > ul > li a:hover span.c-name {
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}



/* responsive nav on mobile view */	
.open-responsive-nav {
	padding: 10px 0;
	text-indent: -9999px;
	display: block;
	display: none;
	}
	
.open-responsive-nav span {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/sprites.png) -340px 0 no-repeat;
	}
.header-overlay .open-responsive-nav span { background-position: -370px 0 ; }

#menu-responsive {
	position: absolute;
	background: #262626;
	padding: 0;
	top: 60px;
	right: -270px;
	width: 260px;
	z-index: 10000;
	box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-moz-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	-webkit-box-shadow:  rgba(0,0,0, 0.2) 0px 0px 3px;
	}
	
nav#responsive-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
nav#responsive-nav > ul {
	border-bottom: 1px solid #eaeaea;
	}
	
nav#responsive-nav ul li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #eaeaea;
	position: relative;
        color: #666666;
	}
	nav#responsive-nav > ul > li:first-child {
	border-top: none;
	}
	
        
        
        
        
nav#responsive-nav>ul li>a {
    display: block;
    color: #666;
    font-family: open sans;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 24px;
    padding: 15px 35px;
    transition: all 200ms linear;
}
	
nav#responsive-nav > ul > li:hover > a, nav#responsive-nav > ul > li.current-menu-item > a {
	
	}	
	
nav#responsive-nav .sub-menu li a {
    display: block;
    font-weight: 400;
    line-height: 40px;
    padding: 10px 20px 10px 61px!important;
    font-size: 11px;
    text-transform: uppercase;
}

nav#responsive-nav #elites-li-expand {
    position: absolute;
    right: 8px;
    top: 7px;
    width: 35px;
    height: 33px;
    padding: 2px;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    display: block;
}

nav#responsive-nav #features-li-expand {
    position: absolute;
    right: 8px;
    top: 7px;
    width: 35px;
    height: 33px;
    padding: 2px;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    display: block;
}

nav#responsive-nav #events-li-expand {
    position: absolute;
    right: 8px;
    top: 7px;
    width: 35px;
    height: 33px;
    padding: 2px;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    display: block;
}

nav#responsive-nav #contact-li-expand {
    position: absolute;
    right: 8px;
    top: 7px;
    width: 35px;
    height: 33px;
    padding: 2px;
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    display: block;
}

#events-li-expand, #elites-li-expand, #contact-li-expand, #features-li-expand {
    display: none;
}    
/*---------------------------------------------- 
7. SLIDER
------------------------------------------------*/
.home-slider-container {
	width:100%;
	position:relative;
	padding:0;
	}

.home-slider-container ul {
	margin-top: 0;
	margin-left: 0;
	list-style: none;
	}
	
.home-slider-container ul li {
	line-height: 0;
	margin-top: 0;
	}
        
.elites-slider-container {
	width:100%;
	position:relative;
	padding:0;
        background-color: #ccc;
	}

.elites-slider-container ul {
	margin-top: 0;
	margin-left: 0;
	list-style: none;
	}
	
.elites-slider-container ul li {
	line-height: 0;
	margin-top: 0;
	}



/*---------------------------------------------- 
8. SECTION
------------------------------------------------*/
section { }

.section-inner { padding-top: 100px; }
.no-padding .section-inner {	padding-top: 0px; }

.horizontalsection .horizontalinner {
	padding: 100px 0;
	}




/*---------------------------------------------- 
9. PORTFOLIO
------------------------------------------------*/
.portfolio-entries {
	width: 110%;				/* DO NOT CHANGE THIS VALUE */
	}
	
.portfolio-entries .masonry-item {
	width: 24.98%;				/* will be overwritten by javascript */
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	}
	
.portfolio-spaced .masonry-item {
	margin-right: 10px;
	margin-bottom: 10px;
	}
	
.portfolio-entries .portfolio-intro {
	padding: 20px 0;
	text-align:center;
	}
	
.portfolio-name { 
	text-transform: uppercase; 
	}
	
.portfolio-name a { color: #262626; }
.portfolio-name a:hover { color: #ff5b34; }


/* Carousel Portfolio */
#portfolio-carousel {
	}
	
#portfolio-carousel .carousel-item {
	margin: 0 5px;
	}


/* Single Portfolio */
#portfolio-single {
	background: #ffffff;
	padding-top: 100px;
	}

#portfolio-single .project-title {
	position: relative;
	margin: 0;
	}
	
#portfolio-single .project-title .project-name {
	display: inline-block;
	max-width: 80%;
	}
	
#portfolio-single .social-share { 
	margin-top: 20px;
	}
	
#portfolio-single .portfolio-media, #portfolio-single .portfolio-content { 
	margin-top: 80px;
	position: relative;
	}
	
	
	
	
/* Portfolio Single Pagination
------------------------------- */	
	
.single-pagination {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.single-pagination li {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	margin-top: -15px !important;
	}
	
.single-pagination li a {
	background: url(../images/sprites.png) no-repeat;
	display: block; 
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	-webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
	
.single-pagination li a:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
	
.single-pagination li.next { right: 0; }
.single-pagination li.prev { left: 0; }

.single-pagination li.next a { background-position: -220px 0px; }
.single-pagination li.prev a { background-position: -250px 0px; }




/*---------------------------------------------- 
10. PORTFOLIO AJAX
------------------------------------------------*/
.ajax-section {
	padding-bottom: 100px;
	position: relative;
	display: none;
	}
	
.ajax-content {
	display: none;
	}
	
#ajax-loader {
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
  	z-index: 0;
	display: none;
	}
	
#ajax-loader .loader-icon {
  	position: absolute;
  	top: 40px;
  	left: 50%; margin-left: -10px;
	}	
	
.close-project {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 130px;
	left: 0;
	display: none;
	}
	
.close-project a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images/sprites.png) -310px 0px no-repeat;
	-webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
	
.close-project a:hover {
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	


/*---------------------------------------------- 
11. FILTER
------------------------------------------------*/
.filter {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	margin-bottom: 33px;
	}
	
.filter li {
	padding: 0 13px 0 15px;
	margin: 0;	
	display: inline-block;
	}	
	
.filter li a {
	line-height: 20px;
	color: #262626;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
	margin-bottom: 7px;
	display: block;
	border-bottom: 2px solid transparent;
	}
	
.filter li a.active, .filter li a:hover {
	border-color: #ff5b34;
	}
	



/*---------------------------------------------- 
12. BLOG
------------------------------------------------*/
.blog-entry {
	border-top: 1px solid #d9d9d9;
	padding-top: 60px;
	margin-top: 60px;
	}
	div .blog-entry:first-child { border: none; padding: 0; margin: 0; }

.blog-date {
	width: 70px;
	float: left;
	color: #262626;
	text-align: center;
	}
	
.blog-date .date-day {
	display: block;
	font-family: 'Open Sans'; 
	font-weight: 800;
	font-size: 60px;
	line-height: 50px;
	margin-bottom: 10px;
	}
	
.blog-date .date-month {
	display: block;
	font-family: 'Open Sans'; 
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
.blog-content {
	width: 630px;
	float: right;
	}
	
.blog-media {
	margin-bottom: 40px;
	}
	
.blog-headline .post-name a {
	color: #262626;
	}
.blog-headline .post-name a:hover {	color: #ff5b34; }

.blog-headline .post-meta {
	color: #999999;
	margin-top: 0px;
	font-size: 13px;
	text-transform: uppercase;
	}
	
.blog-headline .post-meta a {
	color: #999999;
	}
.blog-headline .post-meta a:hover {	color: #262626; }

.blog-intro {
	margin-top: 20px;	
	}
	
.readmore-button {
	line-height: 20px;
	color: #262626;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.1em;
	padding-bottom: 2px;
	display: inline-block;
	border-bottom: 2px solid #262626;
	}
	
.readmore-button:hover {
	border-color: #ff5b34;
	}
	
	
/* Blog Quote post & Link post 
----------------------------*/
.blog-content .quote-author, .blog-content .link-name {
	color: #999999;
	margin-top: 10px;
	font-size: 13px;
	text-transform: uppercase;
	}	
	

/* Blog Masonry 
----------------------------*/
#blog-grid {
	width: 110%;				/* DO NOT CHANGE THIS VALUE */
	margin-bottom: 60px;
	}
	
#blog-grid .masonry-item {
	width: 340px;				
	margin-right: 40px;
	margin-bottom: 40px;
	float: left;
	border: none;
	}

.masonry-item .blog-media {
	margin-bottom: 20px;
	}
	
.masonry-item .blog-media .flexslider {
	margin-bottom: 40px;
	}
	
	
	
/* Blog comments 
----------------------------*/
#blog-comments {
	border-top: 1px solid #d9d9d9;
	margin-top: 60px;
	padding-top: 60px;
	}
	
#blog-comments ul {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#blog-comments .comment-list {
	margin-top: 40px;
	}	
	
#blog-comments .comment {
	background: none;
	padding: 0;
	margin-top: 30px;
	border-top: 1px solid #d9d9d9;
	padding-top: 30px;
	overflow: hidden;
	}
	#blog-comments .comment-list > .comment:first-child {
		border-top: none;
		margin-top: 0px;
		padding-top: 0px;
		}	
		
#blog-comments .comment .children { 
	margin-left: 70px; 
	}
	
#blog-comments .user {
	float: left;
	width: 50px;
	}
	
#blog-comments .comment-content {
	margin-left: 70px;
	position: relative;
	}
		
#blog-comments .comment-date {
	color: #999999;
	font-size: 13px;
	font-family: 'Raleway';
	font-weight: 300;
	}
	
	
	
/* Leave comment
----------------------------*/	
#blog-leavecomment {
	margin-top: 60px;
	}
	
	

/* Blog Pagination 
----------------------------*/
#entries-pagination {
	margin: 60px 0 0 0;
	padding: 60px 0 0 0;
	list-style: none;
	border-top: 1px solid #d9d9d9;
	}
	
#entries-pagination li {
	margin: 0;
	padding: 0;
	}

#entries-pagination li a {
	background: url(../images/sprites.png) no-repeat;
	display: block; 
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	-webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    -ms-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
	opacity: 0.3; 
	filter: alpha(opacity=30); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	}
	
#entries-pagination li.next { float: right; }
#entries-pagination li.next a { background-position: -220px 0px; }
#entries-pagination li.prev { float: left; }
#entries-pagination li.prev a { background-position: -250px 0px; }

#entries-pagination li a:hover { 
	opacity: 1; 
	filter: alpha(opacity=100); 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
.testimonial-article {
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 20px 20px;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    background: #fff;
}

.team-logo-401 {
    background-image: url(../images/vmg-cropped.png);
    width: 100%;
    height: 47px;
    background-size: 56%;
    background-position-x: center;
    background-repeat: no-repeat;
}


.community-icon {
    background-image: url(../images/community.png);
    height: 60px;
    background-position-x: center;
    background-repeat: no-repeat;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.business-icon {
    background-image: url(../images/business.png);
    height: 60px;
    background-position-x: center;
    background-repeat: no-repeat;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
}

.yigc {
        font-size: 19px;
    font-weight: 500;
}

.press-logo-rw {
    background-image: url(../images/runners-world.jpg);
    width: 100%;
    height: 47px;
    background-size: 50%;
    background-position-x: center;
    background-repeat: no-repeat;
}

.testimonials-image {
    border-radius: 50%;
    width: 130px;
    height: 130px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    margin: 10px 10px;
}

.mbot20 {
    margin-bottom: 20px!important;
}
	
/*---------------------------------------------- 
13. COLUMNS GRID
------------------------------------------------*/
.column-section { margin-top: 60px; }
div .column-section:first-child { margin-top: 0px; }
	
.column { 
	float: left; 
	margin-right: 40px;
	min-height: 1px;
	}

.one-full { width: 100%; float: none; margin-right: 0; }
.one-half  { width: 530px; }
.one-third { width: 340px; }
.two-third { width: 720px; }
.one-fourth { width: 245px; }
.two-fourth { width: 530px; }
.three-fourth { width: 815px; }
.one-fifth { width: 188px; }
.two-fifth { width: 416px; }
.three-fifth { width: 644px; }
.four-fifth { width: 872px; }

.main-content .one-half  { width: 350px; }
.main-content .one-third { width: 220px; }
.main-content .two-third { width: 480px; }
.main-content .one-fourth { width: 155px; }
.main-content .two-fourth { width: 350px; }
.main-content .three-fourth { width: 545px; }
.main-content .one-fifth { width: 116px; }
.main-content .two-fifth { width: 272px; }
.main-content .three-fifth { width: 428px; }
.main-content .four-fifth { width: 584px; }

aside .column { width: 100% !important; float: none !important; margin-right: 0 !important; }

.last-col { margin-right: 0px !important; }



/*---------------------------------------------- 
14. MAP
------------------------------------------------*/	
#map {
	width: 100%;
	height: 400px;
	overflow: hidden;
	}

#map img {						
	max-width: inherit;
	height: auto;
	}


	

/*---------------------------------------------- 
15. Elements
------------------------------------------------*/	

/*	Buttons
------------------------------------------------*/
a.sr-button {
	display: inline-block;
	font-family: 'Open Sans';
	font-weight: 600;
	line-height: 22px !important;
	letter-spacing: 0.15em; 
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	}
	
a.sr-button:hover {
	background-color: #ffffff;
	color : #1a1a1a;
	transform: scale(1.07);
	-ms-transform: scale(1.07); 
	-webkit-transform: scale(1.07);
	}
	
a.mini-button { font-size: 10px; padding: 5px 10px; border-radius: 2px;-moz-border-radius:2px;-khtml-border-radius:2px;-webkit-border-radius:2px; }
a.small-button { font-size: 11px; padding: 10px 20px; }
a.medium-button { font-size: 13px; padding: 12px 40px; }
a.big-button { font-size: 15px;	padding: 18px 50px;	}

a.sr-button1 {	border: 2px solid #999999; color: #262626;	background: transparent; }
a.sr-button1:hover { border-color: #262626; background-color: #262626; color: #ffffff; }

a.sr-button2 {	border: 2px solid #262626; color: #262626;	background: transparent; }
a.sr-button2:hover { background-color: #1a1a1a; color: #ffffff; }

a.sr-button3 { border: 2px solid #4da5f5; color: #4da5f5;	background: transparent; }
a.sr-button3:hover { background: #4da5f5; color: #ffffff; }

a.sr-button4 {	border: 2px solid #ffffff; color: #ffffff;	background: transparent; }
a.sr-button4:hover { background-color: #ffffff; color: #262626; }

a.sr-button5 {	border: 2px solid #4da5f5; color: #ffffff;	background: #4da5f5; }
a.sr-button5:hover { background-color: #4da5f5; color: #ffffff; }

a.sr-button6 {	border: 2px solid #262626; color: #ffffff;	background: #262626; }
a.sr-button6:hover { background-color: #262626; color: #ffffff; }

a.sr-button7, button.sr-button7 {	border: 2px solid #ff5b34; color: #ffffff;	background: #ff5b34; }
a.sr-button7:hover, button.sr-button7:hover { background-color: #ff5b34; color: #ffffff; }

a.sr-button8 { border: 2px solid #ff5b34;
    color: #ffffff;
    background: #ff5b34;
    border-radius: 25px;
    text-transform: none;
    font-size: 15px;
    letter-spacing: -0px;
    padding: 7px 22px;
}
a.sr-button8:hover { background: #ff5b34; color: #ffffff; }

a.sr-buttonicon {
	font-size:22px !important;
	border-radius: 999px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    -o-border-radius: 999px;
	border: 2px solid #fff;
    color: #fff;
    height: 40px !important;
    line-height: 40px !important;
    vertical-align: middle ;
    width: 40px ;
	padding: 10px;
}
a.sr-buttonicon:hover { background: #262626; color: #ffffff; transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15); }

a.sr-buttonicon.small-iconbutton {
	width: 34px ;
	height: 35px !important;
    line-height: 34px !important;
	padding: 0px;
	}

.text-light a.sr-buttonicon  {
	border-color: #ffffff;
    color: #ffffff;
	}
.text-light a.sr-buttonicon:hover { background: #ffffff; color: #262626; }



	
/*	seperator
------------------------------------------------*/
.seperator {
	width: 100%;
	height: 4px;
	line-height: 0px;
	padding: 8px 0;
	text-align: center;
	}
	
.section-title .seperator { padding: 16px 0;  }

.seperator span {
	height: 2px;
	background: #000000;
	display: inline-block;
	width: 100px;
	opacity: 0.15; 
	filter: alpha(opacity=15);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	}
	.text-light .seperator span { background: #ffffff; opacity: 0.2; filter: alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.seperator.size-full span { width: 100%; }
.seperator.size-medium span { width: 220px; }
.seperator.size-small span { width: 100px; }
.seperator.size-mini span { width: 40px; }

.seperator.height-small span { height: 1px; }




/*	Spacer
------------------------------------------------*/
.spacer {
	width: 100%;
	display: block;
	}	

.spacer.spacer-mini { height: 15px; }
.spacer.spacer-small { height: 40px; }
.spacer.spacer-medium { height: 60px; }
.spacer.spacer-big { height: 100px; }

.spacer100 {
    width: 100%;
    float: left;
    clear: left;
    margin-top: 100px;
}

/*	counter
------------------------------------------------*/
.counter {
	margin-top: 10px;
	}
	div .counter:fist-child {
	margin-top: 0px;
	}
	
.counter-value {
	font-family: 'Open Sans'; 
	font-weight: 800;
	font-size: 48px;
	line-height: 60px;
	}
	
.counter-name {
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 15px;
	letter-spacing: 0.1em;
	}



/*	icon box
------------------------------------------------*/
.column .iconbox {
	margin-top: 40px;
	}
	.column .iconbox:first-child {
	margin-top: 0px;
	}

.iconbox .fa {
	color: #4da5f5;
	}

.iconbox-content {
	float: right;
	width: 290px;
	}
	
.one-half .iconbox-content { width: 480px; }
.one-third .iconbox-content { width: 290px; }
.one-fourth .iconbox-content { width: 195px; }




/*	team
------------------------------------------------*/
.team-name {
    font-size: 23px;
}


.team-role {
    margin-top: 0px;
    font-size: 14px;
}
	
.team-socials {
    width: 100%;
    margin-top: 20px;
}

.team-social-icon-linkedin {
    border: 2px solid #0073b1;
    color: #0073b1;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    border-radius: 100%;
    cursor: pointer;
}

.team-social-icon-linkedin i {
    margin-top: 6px;
}

.thirdcol {
    display: inline-block;
    margin: 1px 5px;
}

.team-info {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
}
	
.team-lower {
    padding: 20px;
}

.team-outer {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
}


/*	testimonials
------------------------------------------------*/
.testimonial-item {
	text-align:center;
	}
	
.slides .testimonial-item {
	padding-bottom: 40px;	/* flexslider bugfix */
	}
	
.testimonial-name {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
	
/*	Tabs
------------------------------------------------*/
.tabs {
	margin-top: 20px;
	}
	div .tabs:first-child {
	margin-top: 0px;
	}
	
.tabs ul.tab-nav {
	padding: 0;
	margin: 0;
	margin: 0 !important;
	list-style: none !important;
	position: relative;
	z-index: 1;
	}
	
.tabs ul.tab-nav li {
	background: none;
	padding: 0 !important;
	float: left;
	margin: 0 30px 0 0 !important;
	}
	
	
.tabs ul.tab-nav li a {
	color: #262626;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: 600;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 20px;
	padding-bottom: 2px;
	display: block;
	border-bottom: 2px solid transparent;
	}
	.text-light .tabs ul.tab-nav li a { color: #ffffff; }
	
.tabs ul.tab-nav li a:hover, .tabs ul.tab-nav li a.active {
	border-color: #4da5f5;
	}
	
.tabs .tab-container {
	margin-top: 20px;
	}
	
.tabs .tab-container .tab-content {
	float: left;
	display: none;
	}
	
.tabs .tab-container .active {
	display: block;
	}
	
	
/*	Toggle/Accordion
------------------------------------------------*/
.accordion {
	margin-top: 20px;
	}
	div .accordion:first-child {	margin-top: 0px; }
	
.toggle-item {
	margin-top: 20px;
	}
	div .toggle-item:first-child {	margin-top: 0px; }
	
.toggle-item .toggle-title {
	width: 100%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	}
	
.toggle-item .toggle-title .toggle-icon .fa {
	color: #262626;
	float: left;
	top: 5px;
	position: relative;
	}
	.text-light .toggle-item .toggle-title .toggle-icon .fa {	color: #ffffff; }
	
.toggle-icon .fa-plus { display: block; }
.toggle-icon .fa-minus { display: none; }
.toggle-active .fa-plus { display: none; }
.toggle-active .fa-minus { display: block; }
		
.toggle-item .toggle-title .toggle-name {
	float: left;
	margin: 0 0 0 20px;
	}
	
.toggle-item .toggle-title:hover .toggle-icon .fa, .toggle-item .toggle-active .toggle-icon .fa {
	color: #4da5f5 !important;
	}
	
.toggle-item .toggle-inner {
	padding-top: 18px;
	display: none;
	}
	


/*	Alerts
------------------------------------------------*/		
.alert {
	margin-top: 20px;
	}
	div .alert:first-child { margin:0; }

.alert h6 {
	padding-bottom: 2px;
	border-bottom: 2px solid red;
	display: inline-block;
	}	
	

.alert-info h6 { border-color: #3fabf6; color: #3fabf6; }
.alert-note h6 { border-color: #fcad25; color: #fcad25; }
.alert-confirm h6 { border-color: #8fc236; color: #8fc236; }
.alert-error h6 { border-color: #fa4d5a; color: #fa4d5a; }

.document-thumbnail img {
    max-width: 90px;
}

.document-thumbnail p {
    font-size: 18px;
    margin-top: 30px!important;
    color: #2d2d2d;
    font-weight: 500;
}

/*	Skills
------------------------------------------------*/	
.skill {
	margin-top: 20px;
	}
	div .skill:first-child {	margin-top: 0px; }

.skill .skill-name {
	margin-bottom: 5px;
	display: block;
	}
	
.skill .skill-bar {
	background: #d9d9d9;
	height: 8px; width: 100%;
	position: relative;
	border-radius: 2px;
	-moz-border-radius: 2px; 
	-khtml-border-radius: 2px; 
	-webkit-border-radius: 2x;
	}
.text-light .skill .skill-bar {
	background: #666666;
	}
	
.skill .skill-bar .skill-active {
	background: #ff5538;
	height: 100%;
	position: relative;
	border-radius: 2px;
	-moz-border-radius: 2px; 
	-khtml-border-radius: 2px; 
	-webkit-border-radius: 2x;
	width: 0px;	
	}
	
.tooltip {
	position: absolute;
	width: 24px;
	height: 7px;
	line-height: 10px;
	line-height: 5px;
	padding: 8px 10px 6px 10px;
	font-size: 11px;
	text-align: center;
	color: #ffffff;
	background: #262626;
	border-radius: 2px;
	top: -20px;				/* will be set to -30px through js */
	right: -5px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.text-light .tooltip {
	color: #262626;
	background: #ffffff;
}

.tooltip:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 4px;
	border-style: solid;
	border-color: #262626 transparent transparent transparent;
	top: 21px;
	left: 18px;
}

.text-light .tooltip:after {
	border-color: #ffffff transparent transparent transparent;
}



/*	Pricing Table
------------------------------------------------*/	
.pricing-table {
	background: #ffffff;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	-moz-border-radius:3px; 
	-khtml-border-radius:3px; 
	-webkit-border-radius:3px;
	padding: 30px;
	margin: 20px 0;
	}
.text-light .pricing-table {
	background: #262626;
	border: 1px solid #4d4d4d;
	}
	
.pricing-accent {
	padding: 50px 30px;
	margin: 0;
	}
	
.one-fourth .pricing-table {
	padding-left: 20px;
	padding-right: 20px;
	}
	
.price-name {
	text-transform: uppercase;
	margin-bottom: 20px;
	}
	
.price {
	margin-bottom: 23px;
	color: #262626;
	}
	.text-light .price { color: #ffffff; }
	.pricing-accent .price { color: #4da5f5; }
	
.price-amount {
	display: block;
	font-family: 'Open Sans'; 
	font-weight: 800;
	font-size: 70px;
	line-height: 70px;
	margin-bottom: 10px;
	}
	.one-fourth .price-amount { font-size: 60px; line-height: 60px; }
	
.price-time {
	margin-top: 10px;
	display: block;
	font-family: 'Open Sans'; 
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}
	
.price-button {
	margin-top: 40px;
	}



/*---------------------------------------------- 
16. WIDGETS
------------------------------------------------*/
.widget {
	position: relative;
	margin-top: 40px;
	}
	.div .widget:first-child, aside .widget:first-child { margin-top: 0px; }	



/*	Widget with list
------------------------------------------------*/
.widget ul {
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
	}
	
.widget ul li {
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px solid #d9d9d9;
	}
	
.widget ul li a {
	color: #262626;
	}

.widget ul li a:hover {
	color: #4da5f5;
	}


/*	Tag Widget
------------------------------------------------*/
.tag-list {
	margin-top: 20px;
	}

.tag-list a {
	border: 1px solid #d9d9d9;
	display: inline-block;
	padding: 4px 8px ;
	font-size: 11px;
    border-radius: 2px;
	-moz-border-radius:2px; 
	-khtml-border-radius:2px; 
	-webkit-border-radius:2px;
	color: #999999;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-right: 3px;
	}	

.tag-list a:hover {
	border-color: #262626;
	color: #ffffff;
	background: #262626;
	}
	
	
/*	Social Widget
------------------------------------------------*/	
.socialmedia-widget {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}
	div .socialmedia-widget:first-child { margin: 0; }
	
.socialmedia-widget li {
	display: inline-block;
	background: transparent;
	padding: 0px;
	margin: 0 3px 0 3px;
	position: relative;
	}
	
.socialmedia-widget li a {
	height: 30px;
	width: 30px;
	display: block;
	text-indent: -9999px;
	background: url(../images/social-icons-etchrock.png);
	margin: 0;
	}
	
.social-share li a { opacity: 0.3; filter: alpha(opacity=30);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
.text-light .social-share li a { opacity: 1; filter: alpha(opacity=100);	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
		
.socialmedia-widget li.etchrock a { background-position: -540px top; }
.socialmedia-widget li.facebook a { background-position: 0px top; }
.socialmedia-widget li.twitter a { background-position: -30px top; }
.socialmedia-widget li.thumblr a { background-position: -60px top; }
.socialmedia-widget li.vimeo a { background-position: -90px top; }
.socialmedia-widget li.dribbble a { background-position: -120px top; }
.socialmedia-widget li.deviantart a { background-position: -150px top; }
.socialmedia-widget li.behance a { background-position: -180px top; }
.socialmedia-widget li.flickr a { background-position: -210px top; }
.socialmedia-widget li.forrst a { background-position: -240px top; }
.socialmedia-widget li.linkedin a { background-position: -270px top; }
.socialmedia-widget li.rss a { background-position: -300px top; }
.socialmedia-widget li.googleplus a { background-position: -330px top; }
.socialmedia-widget li.pinterest a { background-position: -360px top; }
.socialmedia-widget li.youtube a { background-position: -390px top; }
.socialmedia-widget li.mail a { background-position: -420px top; }
.socialmedia-widget li.instagram a { background-position: -450px top; }
.socialmedia-widget li.xing a { background-position: -480px top; }
.socialmedia-widget li.dropbox a { background-position: -510px top; }

.text-light .socialmedia-widget li.etchrock a { background-position: -540px -30px ; }
.text-light .socialmedia-widget li.facebook a { background-position: 0px -30px ; }
.text-light .socialmedia-widget li.twitter a { background-position: -30px -30px; }
.text-light .socialmedia-widget li.thumblr a { background-position: -60px -30px ; }
.text-light .socialmedia-widget li.vimeo a { background-position: -90px -30px ; }
.text-light .socialmedia-widget li.dribbble a { background-position: -120px -30px ; }
.text-light .socialmedia-widget li.deviantart a { background-position: -150px -30px ; }
.text-light .socialmedia-widget li.behance a { background-position: -180px -30px ; }
.text-light .socialmedia-widget li.flickr a { background-position: -210px -30px ; }
.text-light .socialmedia-widget li.forrst a { background-position: -240px -30px ; }
.text-light .socialmedia-widget li.linkedin a { background-position: -270px -30px ; }
.text-light .socialmedia-widget li.rss a { background-position: -300px -30px ; }
.text-light .socialmedia-widget li.googleplus a { background-position: -330px -30px ; }
.text-light .socialmedia-widget li.pinterest a { background-position: -360px -30px ; }
.text-light .socialmedia-widget li.youtube a { background-position: -390px -30px ; }
.text-light .socialmedia-widget li.mail a { background-position: -420px -30px ; }
.text-light .socialmedia-widget li.instagram a { background-position: -450px -30px ; }
.text-light .socialmedia-widget li.xing a { background-position: -480px -30px ; }
.text-light .socialmedia-widget li.dropbox a { background-position: -510px -30px ; }

.socialmedia-widget li:hover a { opacity: 1 !important; filter: alpha(opacity=100) !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; }

.socialmedia-widget li.etchrock:hover a { background-position: -540px bottom ; }
.socialmedia-widget li.facebook:hover a { background-position: 0px bottom ; }
.socialmedia-widget li.twitter:hover a { background-position: -30px bottom; }
.socialmedia-widget li.thumblr:hover a { background-position: -60px bottom; }
.socialmedia-widget li.vimeo:hover a { background-position: -90px bottom; }
.socialmedia-widget li.dribbble:hover a { background-position: -120px bottom; }
.socialmedia-widget li.deviantart:hover a { background-position: -150px bottom; }
.socialmedia-widget li.behance:hover a { background-position: -180px bottom; }
.socialmedia-widget li.flickr:hover a { background-position: -210px bottom; }
.socialmedia-widget li.forrst:hover a { background-position: -240px bottom; }
.socialmedia-widget li.linkedin:hover a { background-position: -270px bottom; }
.socialmedia-widget li.rss:hover a { background-position: -300px bottom; }
.socialmedia-widget li.googleplus:hover a { background-position: -330px bottom ; }
.socialmedia-widget li.pinterest:hover a { background-position: -360px bottom ; }
.socialmedia-widget li.youtube:hover a { background-position: -390px bottom; }
.socialmedia-widget li.mail:hover a { background-position: -420px bottom; }
.socialmedia-widget li.instagram:hover a { background-position: -450px bottom; }
.socialmedia-widget li.xing:hover a { background-position: -480px bottom; }
.socialmedia-widget li.dropbox:hover a { background-position: -510px bottom; }




/*---------------------------------------------- 
17. IMG OVERLAY
------------------------------------------------*/
.imgoverlay {
	position: relative;
	overflow: hidden;
	display: block;
	max-width: 100%;
	}
	
.imgoverlay img {
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
	}
	
.imgoverlay:hover img {
	transform: scale(1.07);
	-ms-transform: scale(1.07); 
	-webkit-transform: scale(1.07);
	}

.imgoverlay .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
	}
	
.imgoverlay:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	
.imgoverlay .overlaycolor {
	width: 100%;
	height: 100%;
	background: #000000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	
.imgoverlay .overlayinfo {
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	top: 45%;
	left: 0;
	-webkit-transition: top 0.3s ease;
    -moz-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
    -ms-transition: top 0.3s ease;
    transition: top 0.3s ease;
	}
	
.imgoverlay:hover .overlayinfo {
	top: 50%;
	}	
	
.overlayinfo h6 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	}


/*---------------------------------------------- 
18. LOADER ICON
------------------------------------------------*/
.loader-icon {
	position: relative;
  	z-index: 0;
	width: 24px;
	height: 24px;
	}	

.loader-icon span {
	width: 20px;
	height: 20px;
	position: absolute;
  	top: 0px;
  	left: 0px;
  	z-index: 0;
	border: 2px solid #d9d9d9;  
	border-radius: 50%;
	}
	
.loader-icon .spinner {
  	z-index: 1;
	border-color: #262626;  
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
	-webkit-animation: spin 1s linear infinite;
	-moz-animation: spin 1s linear infinite;
	-ms-animation: spin 1s linear infinite;
	-o-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	}
	
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); opacity: 0.4; } 50%  { -webkit-transform: rotate(180deg); opacity: 1; } to   { -webkit-transform: rotate(360deg); opacity: 0.4; } }
@-moz-keyframes spin { from { -moz-transform: rotate(0deg);  } 50%  { -moz-transform: rotate(180deg); } to   { -moz-transform: rotate(360deg);  } }
@-ms-keyframes spin { from { -ms-transform: rotate(0deg);  } 	to { -ms-transform: rotate(360deg); } }
@-o-keyframes spin { from { -o-transform: rotate(0deg); } 50%  { -o-transform: rotate(180deg); } to   { -o-transform: rotate(360deg); } }
@keyframes spin { from { transform: rotate(0deg); } 50%  { transform: rotate(180deg); } to   { transform: rotate(360deg); } }	



/*---------------------------------------------- 
19. ANIMATIONS
------------------------------------------------*/
.sr-animation {
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    transition: all 0.7s ease;
	}
	
.sr-animation-fromtop { top: -50px; }
.sr-animation-frombottom { top: 50px; }
.sr-animation-fromleft { left: -30px; }
.sr-animation-fromright { left: 30px; }
.sr-animation-zoomin { transform: scale(0);	-ms-transform: scale(0); 	-webkit-transform: scale(0); }
.sr-animation-zoomout { transform: scale(1.5);	-ms-transform: scale(1.5); 	-webkit-transform: scale(1.5); }

.sr-animation.animated { 
	top: 0; 
	left: 0; 
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
	height: 100%;
	max-height: 100%;
	transform: scale(1.0);
	-ms-transform: scale(1.0); 
	-webkit-transform: scale(1.0);
	}
	
        .mbot25 {
            margin-bottom: 25px!important;
        }
	

/*---------------------------------------------- 
20. CUSTOM
------------------------------------------------*/
.sr-buttonicon .fa-play { left: 4px; position:relative; }
.sr-buttonicon .fa-angle-up { left: 2px; top: -2px; position:relative; }
.sr-buttonicon .fa-angle-down { left: 2px; top: 0px; position:relative; }

.xone { color: #4da5f5; }
	
/*	parallax bg sections
------------------------------------------------*/

#partners.parallax-section { background:url(../images/paralax/401dark.jpg) center center repeat; background-size: cover; }
#facts.parallax-section { background:url(../images/paralax/finish.jpg) center center repeat; background-size: cover; }
#testimonials.parallax-section { background:url(../images/paralax/parallax-bg5.jpg) center center repeat; background-size: cover; } /* index */
#statement-ben.parallax-section { background:url(../images/paralax/finish_1.jpg) center center repeat; background-size: cover; } /* index */
#statement-bike.parallax-section { background:url(../images/paralax/cyclist-dark.jpg) center center repeat; background-size: cover; } /* index */
#passionate.parallax-section { background:url(../images/paralax/parallax-bg14.jpg) center center repeat; background-size: cover; } /* index */
#purchase1.parallax-section { background:url(../images/paralax/cyclist-dark.jpg) center center repeat; background-size: cover; } /* index-headeroverlay */
#purchase2.parallax-section { background:url(../images/paralax/parallax-bg2.jpg) center center repeat; background-size: cover; } /* index-headeroverlay */
#quote.parallax-section { background:url(../images/paralax/parallax-bg1.jpg) center center repeat; background-size: cover; } /* index-headeroverlay*/
#brutal.parallax-section { background:url(../images/paralax/parallax-bg15.jpg) center center repeat; background-size: cover; } /* index-headeroverlay*/
#bg9.parallax-section { background:url(../images/paralax/parallax-bg91.jpg) center center repeat; background-size: cover; } /* index-headeroverlay*/
#bg100.parallax-section { background:url(../images/paralax/parallax-bg100_1.jpg) center center repeat; background-size: cover; } /* index-headeroverlay*/
#bg4.parallax-section { background:url(../images/paralax/parallax-bg41.jpg) center center repeat; background-size: cover; } /* index-headeroverlay*/
#event-partners1.parallax-section { background:url(../images/paralax/parallax-bg11.jpg) center center repeat; background-size: cover; } /* index-headeroverlay*/
#event-partners2.parallax-section { background:url(../images/paralax/parallax-bg10.jpg) center center repeat; background-size: cover; } /* index-headeroverlay*/
#testimonials1.parallax-section { background:url(../images/paralax/parallax-bg100_1.jpg) center center repeat; background-size: cover; } /* index */
#elites.parallax-section { background:url(../images/paralax/parallax-bg16.jpg) center center repeat; background-size: cover; } /* index */
/*	dark bg sections
------------------------------------------------*/
.service-dark { background:#262626; } /* index-videobg */
#see-portfolio { background: #4da5f5; } /* index-videobg */

/*.portfolio-masonry-entry .entry-thumb {
	width: 230px;
	overflow: hidden;
	margin-left: 65px;
	border-radius: 50%;
	
}
.portfolio-masonry-entry .entry-thumb .imgoverlay {
	max-width: none;
	width: 361px;
	height: 230px;
	margin-left: -65px;
}
ul#portfolio-grid-2 li.portfolio-masonry-entry{
	float: left;
	margin: 20px 65px;
}*/
/*	hover circles sections
------------------------------------------------*/
/*.ch-item {
	width: 320px;
	height: 220px;
	_border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap, 
.ch-info{
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.ch-info-wrap {
	top: 20px;
	left: 70px;
	background: #f9f9f9 url(../images/bg.jpg);
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(115,114, 23, 0.8);

}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;
	
	-webkit-backface-visibility: hidden; Just for webkit to have a smooth font
}

.ch-info .ch-info-front {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.ch-info .ch-info-back {
	opacity: 0;

	background: #ff5b34;
	pointer-events: none;
	
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	
	-webkit-transition: all 0.4s ease-in-out 0.2s;
	-moz-transition: all 0.4s ease-in-out 0.2s;
	-o-transition: all 0.4s ease-in-out 0.2s;
	-ms-transition: all 0.4s ease-in-out 0.2s;
	transition: all 0.4s ease-in-out 0.2s;
}

.ch-img-1 { 
	background-image: url(http://etchrock.local/uploads/nyc.png);
}

.ch-img-2 { 
	background-image: url(../images/14.jpg);
}

.ch-img-3 { 
	background-image: url(../images/15.jpg);
}

.ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
	margin: 0 15px;
	padding: 40px 0 0 0;
	height: 80px;
	font-family: 'Open Sans', Arial, sans-serif;
	text-shadow: 
		0 0 1px #fff, 
		0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
	color: #fff;
	padding: 10px 5px 0;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover, .ch-info .ch-info-back a:hover h3 {
	text-shadow: 2px 2px #000;
}

.ch-item:hover .ch-info-front {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	
	opacity: 0;
} 

.ch-item:hover .ch-info-back {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	
	opacity: 1;
	pointer-events: auto;
}
.ch-grid {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}

.ch-grid:after,
.ch-item:before {
	content: '';
    display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 220px;
	height: 280px;
	display: inline-block;
}*/

/*	hover circles sections
------------------------------------------------*/

iframe[name="google_conversion_frame"]{display:block; height:0;}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
    box-sizing: border-box;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
    
    
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
    box-sizing: border-box;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}

.modal {
    z-index: 999999999!important;
}

.discover-page-css .applied-filters-pills {
    border: 1px solid #d9d9d9;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 50px;
    padding: 11px 11px 11px 25px;
    color: #333;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.applied-filters-outer {
    padding-top: 57px;
    position: relative;
    padding-left: 15px;
    float: left;
    z-index: 99;
}
.filters-wrap-new {
    width: 100%;
    float: left;
}

.filters-wrap-new-mapview {
    width: 40%;
}
.discover-page-css .ab-clear-applied {
    float: right;
    cursor: pointer;
    margin-left: 11px;
    border-radius: 100px;
    width: 23px;
    text-align: center;
    background-image: url(../images/close.webp);
    height: 23px;
    background-position: -1px -1px;
}

.discover-page-css .clear-all-applied {
    box-shadow: none;
    background: none;
    padding: 11px 25px!important;
    background-color: #ffffff;
}
.discover-page-css .clear-all-applied:hover {
    box-shadow: rgb(214 228 237) 0px 1px 6px;
    background-color: #f7f7f740;
}



.discover-page-css .searchtype-dropdown {
        border: 1px solid #d9d9d9;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 50px;
    padding: 11px 25px;
    cursor: pointer;
    color: #333;
    vertical-align: top;
    margin-top: 3px;
    letter-spacing: normal !important;
}

@media only screen and (max-width: 1035px) {
    
    .not-applied-icon-filters {
        white-space: nowrap;
        overflow: unset;
        padding: 25px 30px !important;
        border-top: 1px solid #ebebeb;
        border-radius: 0px;
        border-bottom: none;
        display: inline-block;
    }
    .applied-filters-outer {
        padding-top: 5px !important;
    }
    
    .filters-wrap-new {
        width: 100%;
        float: left;
        overflow-x: scroll;
        white-space: nowrap;
        scroll-behavior: smooth;
        background: #fff;
    }
    
    .filters-wrap-new-mapview {
        width: 52%;
        margin-top: -21px;
        margin-bottom: -41px;
    }
    
        .filters-wrap-new-mapview::-webkit-scrollbar {
        display: none;
    }
    
    
    
    .filters-mid {
        margin-bottom: 20px;;
    }
    .applied-icon-filters {
       width: 50%;
        white-space: nowrap;
        overflow-x: auto;
        padding-top: 0px;
    }
    .fi-next {
        display: none;
    }
    .fi-prev {
        display: none;
    }
    .scrolling-filters-outer {
        margin-top: -4px;
    }
    
}
.discover-page-css .searching-for-data {
        font-size: 13px;
    display: inline-block;
    font-weight: 500;
    line-height: normal;
    margin-top: 0px;
    
}
.discover-page-css .searching-for {
    color: #333;
    font-size: 13px;
    display: inline-block;
    letter-spacing: normal !important;
}

.discover-page-css .searchtype-dropdown-panel {
    position: absolute;
    background-color: #fff;
    border-radius: 25px;
    box-shadow: rgb(214 228 237) 0px 1px 6px;
    padding: 18px;
    display: none;
    margin-left: 12px;
    margin-top: 5px;
}
#list-view-top-info-block {
    float: left;
    width: 100%;
}

.searchtype-dropdown-ath, .searchtype-dropdown-charities, .searchtype-dropdown-organisers {
    margin-top: 20px!important;
    margin-left: 15px;
}

.discover-page-css .search-type-options {
    list-style: none;
    margin-left: 0px!important;
    min-width: 142px;
}

.discover-page-css .search-type-options a {
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #dbdbdb4d;
    margin-top: 0px!important;
    padding: 10px 10px;
    cursor: pointer;
    border-radius: 10px;
}
.discover-page-css .search-type-options a:hover {
    background: #F5F5F5FF;
}

.discover-page-css .search-type-options a:last-child { border-bottom: none; }

.discover-page-css .searching-for-pipe {
    display: inline;
}

.ab-filter-wrap {
    margin-bottom: 14px;
    margin-top: 60px;
    z-index: 9999;
    position: sticky;
    margin-left: auto;
    margin-right: auto;
    top: 60px;
    padding: 20px 0px 20px 0px;
    background-color: #fff;
}

.ab-search-btn {
    border: none;
    color: #ffffff;
    font-size: 14px;
    background: #ba1f1f; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ba1f1f 1%, #ff6932 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #ba1f1f 1%,#ff6932 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #ba1f1f 1%,#ff6932 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1f1f', endColorstr='#ff6932',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 12px 32px;
    border-radius: 40px;
    line-height: 22px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 138px;
    text-align: center;
    float: right;
    margin-right: 10px;
    margin-top: 8px;
    margin-bottom: 10px;
    transition: all 0.5s linear;
}

.ab-search-btn:hover {
    color: #ffffff;
    font-size: 14px;
    background: #ba1f1f; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ff6932 1%, #ba1f1f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #ff6932 1%,#ba1f1f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #ff6932 1%,#ba1f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6932', endColorstr='#ba1f1f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 12px 32px;
    border-radius: 40px;
    line-height: 22px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 138px;
    text-align: center;
    float: right;
    margin-right: 13px;
    margin-top: 11px;
    transition: all 0.5s linear;
}

.ab-search-btn-mapview {
    font-size: 12px!important;
    padding: 8px 23px!important;
    float: left!important;
    margin-right: 2px!important;
    margin-top: 5px!important;
    margin-left: 23px!important;
    margin-bottom: 5px;
}

.ab-filter-wrap-inner {
    border: 1px solid #dbdbdb4d;
    max-width: 900px;
    margin-left: auto;
    /*    padding: 10px 0px 10px 35px;*/
    margin-right: auto;
    display: flex;
    border-radius: 100px;
/*    background-color: #f7f7f740;*/
background-color: #fff!important;

}

.ab-filter-wrap-inner-mapview {
    padding-right: 4px!important;
}

.ab-label {
    color: #333;
    font-size: 13px;
    font-weight: 600;
}

.ab-label h3 {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}


.ab-locations {
    float: left;
    width: 24%;
    padding: 12px 33px;
    transition: all 0.3s linear;
    cursor: pointer;
}

.ab-locations-mapview {
    width: auto!important;
}

.ab-locations:hover {
    background-color: #f7f7f7;
    transition: all 0.3s linear;
    border-radius: 50px;
}

.ab-locations-active {
    background-color: #fff!important;
    box-shadow: rgb(214 228 237) 0px 1px 12px;
    padding: 12px 33px;
    border-radius: 50px;
    cursor: pointer;
}

.ab-locations-input-mapview {
    display: none!important;
}

.ab-data-mapview {
    display: none!important;
}


.ab-dates {
    float: left;
    width: 20%;
    padding: 12px 25px;
    transition: all 0.3s linear;
    cursor: pointer;
    position: relative;
}

.ab-dates-mapview {
    width: -webkit-fill-available!important;
    text-align: center;
}
.ab-dates:hover {
    background-color: #f7f7f7;
    transition: all 0.3s linear;
    border-radius: 50px;
}
.ab-categories {
    float: left;
    width: 20%;
    padding: 12px 25px;
    transition: all 0.3s linear;
    cursor: pointer;
}

.ab-categories-mapview {
    width: -webkit-fill-available;
    text-align: center;
}
.ab-categories:hover {
    background-color: #f7f7f7;
    transition: all 0.3s linear;
    border-radius: 50px;
}
.ab-subcategories {
    float: left;
    width: 20%;
    padding: 12px 25px;
    transition: all 0.3s linear;
    cursor: pointer;
}
.ab-subcategories:hover {
    background-color: #f7f7f7;
    transition: all 0.3s linear;
    border-radius: 50px;
}

.ab-subcategories-mapview {
    width: -webkit-fill-available!important;
    text-align: center;
}

.ab-search {
    float: left;
    width: 20%;
}

.ab-location-input {
    font-size: 14px;
}

.ti-ab-location-input {
    border: none!important;
    padding: 0px!important;
    background: transparent!important;
    font-size: 14px!important;
    color: #333!important;
    font-weight: 400!important;
}

.ti-ab-location-input::placeholder {
    font-size: 14px!important;
    color: #333!important;
    font-weight: 400!important;
}



.ab-data {
    font-size: 14px;
}

.ab-location-dropdown {
    z-index: 234234234;
    width: 600px;
    position: absolute;
    background-color: #fff;
    top: 76px;
    border-radius: 25px;
    box-shadow: rgb(214 228 237) 0px 1px 6px;
}

.ab-location-dropdown-mapview {
    width: -webkit-fill-available;
    margin-right: 35px;
    top: 159px;
}

.ab-dates-dropdown {
    width: 900px;
    position: absolute;
    background-color: #fff;
    top: 76px;
    border-radius: 25px;
    box-shadow: rgb(214 228 237) 0px 1px 6px;
    padding: 35px;
    background-image: url(/frontend/img/datepicker2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 99999;
}

.ab-dates-dropdown-mapview {
    width: -webkit-fill-available;
    margin-right: 35px;
    height: 398px;
    top: 159px;
}

.ab-categories-dropdown {
    z-index: 324324342;
    width: 900px;
    position: absolute;
    background-color: #fff;
    top: 76px;
    border-radius: 25px;
    box-shadow: rgb(214 228 237) 0px 1px 6px;
    padding: 35px;
}

.ab-categories-dropdown-mapview {
    width: -webkit-fill-available;
    margin-right: 35px;
    height: 398px;
    top: 159px;
}

#discover_map_canvas_outer {
    transition: all 0.5s ease;
}
.ab-subcategories-dropdown {
    width: 900px;
    position: absolute;
    background-color: #fff;
    top: 76px;
    border-radius: 25px;
    box-shadow: rgb(214 228 237) 0px 1px 6px;
    padding: 35px;
    z-index: 234234;
}

.ab-subcategories-dropdown-mapview {
    width: -webkit-fill-available;
    margin-right: 35px;
    top: 159px;
}




.ab-filter-wrap-fixed {
    position: sticky;
    top: 60px;
    z-index: 999;
    background-color: transparent;
}

.ab-search-btn {
    color: #ffffff;
    font-size: 14px;
    background: #ba1f1f; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ba1f1f 1%, #ff6932 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #ba1f1f 1%,#ff6932 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #ba1f1f 1%,#ff6932 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1f1f', endColorstr='#ff6932',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 12px 32px;
    border-radius: 40px;
    line-height: 22px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 138px;
    text-align: center;
    float: right;
    margin-right: 13px;
    margin-top: 11px;
    transition: all 0.5s linear;
}

.ab-search-btn:hover {
    color: #ffffff;
    font-size: 14px;
    background: #ba1f1f; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ff6932 1%, #ba1f1f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #ff6932 1%,#ba1f1f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #ff6932 1%,#ba1f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6932', endColorstr='#ba1f1f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 12px 32px;
    border-radius: 40px;
    line-height: 22px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 138px;
    text-align: center;
    float: right;
    margin-right: 13px;
    margin-top: 11px;
    transition: all 0.5s linear;
}

.ab-search-btn-mapview {
    font-size: 12px!important;
    padding: 8px 23px!important;
    float: left!important;
    margin-right: 2px!important;
    margin-top: 5px!important;
    margin-left: 23px!important;
    margin-bottom: 5px;
}

.ab-filter-wrap-inner {
    border: 1px solid #d9d9d9;
    max-width: 900px;
    margin-left: auto;
    /*    padding: 10px 0px 10px 35px;*/
    margin-right: auto;
    display: flex;
    border-radius: 100px;
    background-color: #f7f7f740;

}

.ab-filter-wrap-inner-mapview {
    padding-right: 4px!important;
}

.ab-label {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
        margin-bottom: 3px;
}

.ab-label h3 {
    color: #333;
    font-size: 13px;
    font-weight: 600;
}


.ab-locations {
    float: left;
    width: 24%;
    padding: 12px 33px;
    transition: all 0.3s linear;
    cursor: pointer;
}

.ab-locations-mapview {
    width: auto!important;
}

.ab-locations:hover {
    background-color: #f7f7f7;
    transition: all 0.3s linear;
    border-radius: 50px;
}

.ab-locations-active {
    background-color: #fff!important;
    box-shadow: rgb(214 228 237) 0px 1px 12px;
    padding: 12px 33px;
    border-radius: 50px;
    cursor: pointer;
}

.ab-locations-input-mapview {
    display: none!important;
}

.ab-data-mapview {
    display: none!important;
}

.ab-dates {
    float: left;
    width: 20%;
    padding: 12px 25px;
    transition: all 0.3s linear;
    cursor: pointer;
}

.ab-dates-mapview {
    width: -webkit-fill-available!important;
    text-align: center;
}
.ab-dates:hover {
    background-color: #f7f7f7;
    transition: all 0.3s linear;
    border-radius: 50px;
}
.ab-categories {
    float: left;
    width: 20%;
    padding: 12px 25px;
    transition: all 0.3s linear;
    cursor: pointer;
}

.ab-categories-mapview {
    width: -webkit-fill-available;
    text-align: center;
}
.ab-categories:hover {
    background-color: #f7f7f7;
    transition: all 0.3s linear;
    border-radius: 50px;
}
.ab-subcategories {
    float: left;
    width: 20%;
    padding: 12px 25px;
    transition: all 0.3s linear;
    cursor: pointer;
}
.ab-subcategories:hover {
    background-color: #f7f7f7;
    transition: all 0.3s linear;
    border-radius: 50px;
}

.ab-subcategories-mapview {
    width: -webkit-fill-available!important;
    text-align: center;
}

.ab-search {
    float: left;
    width: 20%;
}

.ab-location-input {
    font-size: 14px;
    line-height: 16px;
    color: #333333;
}

.ab-data {
    font-size: 14px;
    line-height: 16px;
    
}

@media only screen and (max-width: 1480px) {
    .ab-data, .ab-location-input {
        font-size: 12px;
    }
    .searching-for, .searching-for-pipe {
        display: none!important;
    } 
    
    .discover-page-css .searching-for-data {
        font-size: 14px;
        display: inline-block;
        font-weight: 500;
        line-height: normal;
        margin-top: 0px;
        letter-spacing: 0px !important;
    }
    
    .applied-filters-outer {
        margin-top: 4px;
        margin-bottom: 4px;
        padding-top: 39px !important;
        background-color: #ffffff;
        padding-bottom: 0px;
        white-space: nowrap;
        z-index: 99;
    }
    
    .discover-page-css .applied-filters-pills {
        border: 1px solid #d9d9d9;
        display: inline-block;
        background-color: #ffffff;
        border-radius: 50px;
        padding: 11px 11px 11px 25px;
        color: #333;
        margin-top: 15px;
        margin-right: 10px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 1200px) {
    .ab-data {
    }
    
    .ab-locations {
        width: 19%!important;
    }
}

@media only screen and (max-width: 1024px) {
    .ab-data {
    }
}


.mob-nearby-events {
    display: none!important;
}
.desktop-nearby-events {
    display: block!important;
}

.show-more-nearby {
    border: 1px solid #dbdbdb4d;
display: inline-block;
background-color: #f7f7f740;
border-radius: 50px;
padding: 13px 25px 14px 57px;
cursor: pointer;
box-shadow: rgb(214 228 237) 0px 1px 6px;
color: #333;
font-size: 15px;
font-weight: 600;
background-image: url(../images/e-more.png);
background-size: 40px 40px;
background-repeat: no-repeat;
background-position: 5px 5px;
}

.show-more-nearby i {
    margin-left: 10px;
}

.mob-left-page {display: none;}
.mob-right-page {display: none;}
.close-categories-mob {display: none;}



.filters-mob-titlebar {
    display: none;
}

.search-filter-table {
    width: 100%;
}

.search-filter-table td {
    display: flow;
}

.ab-location-heading {
        display: none;
    }
    
    .vertical-location-scroller {
        float: left;
        max-height: 79vh;
        overflow-x: hidden;
    }

@media only screen and (max-width: 760px) {
    
    
    .discover-page-css .clear-all-applied {
    
}
    
    .vertical-location-scroller {
        float: left;
        max-height: 79vh;
        overflow-y: auto;
        padding-bottom: 50px;
    }
    
    .close-categories-mob {
        font-size: 21px;
        color: #333;
        font-weight: 100;
        background-image: url(../images/prev.png);
        background-repeat: no-repeat;
        cursor: pointer;
        float: left;
        width: 100%;
        height: 31px;
        margin-top: 2px;
        background-position: 0px 4px;
        display: block;
    }
    
    .list-clearfix {
        clear: left;
        margin-top: 62px;
    }
    
    .mob-nearby-events {
        display: block!important;
    }
    .desktop-nearby-events {
        display: none!important;
    }
    
    .ab-filter-wrap-fixed {
         margin-top: -5px!important;
        position: fixed;
        top: 60px;
        z-index: 999;
        background-color: #fff;
    }
    
    
    .filters-mob-titlebar {
        display: block;
        float: left;
        width: 100%;
        padding: 5px 10px;
        border-bottom: none;
    }
    .filters-mob-titlebar-left {
        width: 20%;
        float: left;
    }
    .filters-mob-titlebar-mid {
        width: 60%;
        float: left;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        padding-top: 5px;
    }
    .filters-mob-titlebar-right {
        width: 20%;
        float: left;
        background-image: url(../images/new-close.png);
        background-repeat: no-repeat;
        background-position: right;
        background-size: 17px;
        min-width: 30px;
        min-height: 30px;
        cursor: pointer;
    }
    
    .generic-titlebar-right {
        width: 20%;
        float: left;
        background-repeat: no-repeat;
        background-position: right;
        background-size: 20px;
        min-width: 30px;
        min-height: 30px;
        cursor: pointer;
    }
    
    .filters-left {}
    .filters-mid {
        margin-bottom: 0px;
    }
    .filters-right {}
    
    .ab-dates-dropdown {
        width: 99.9%;
top: -2px;
height: 100vh;
padding: 0;
border-radius: 0px;
    }

    .embedded-daterangepicker .daterangepicker .drp-calendar {
        width: 100%!important;
        max-width: 100%!important;
        padding: 0px!important;
    }
    
    .explore-nearby-content {
        padding: 0px!important;
        margin: 10px 10px!important;
    }
    
    .daterangepicker .drp-buttons .btn {
        padding: 3px 17px!important;
        margin-top: -1px!important;
    }
    
    .ab-dates-heading-nav {
        font-size: 21px;
        color: #333;
        font-weight: 100;
        background-image: url(../images/prev.png);
        background-repeat: no-repeat;
        cursor: pointer;
        float: left;
        width: 100%;
        height: 31px;
        margin-top: 2px;
        background-position: 0px 4px;
      }
    
    .ab-categories-dropdown {
        width: inherit;
        margin-right: 22px;
        top: 0px;
        height: 92vh;
        border-radius: 0px;
        border: none;
        padding: 0px 0px 0px 0px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .ab-subcategories-dropdown {
        width: inherit;
        margin-right: 22px;
        top: 0px;
        height: 92vh;
        border-radius: 0px;
        border: none;
        padding: 0px 0px 0px 0px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .ab-location-dropdown {
        top: 0px;
        border-radius: 0px;
        width: 100%;
        height: 92vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    .ab-location-heading {
        display: block;
        float: left;
        margin-top: 10px;
    }

    .ab-location-heading-nav {
        font-size: 21px;
        color: #333;
        font-weight: 100;
        background-image: url(../images/prev.png);
        background-repeat: no-repeat;
        cursor: pointer;
        float: left;
        width: 100%;
        height: 31px;
        margin-top: 2px;
        background-position: 0px 4px;
    }
    .ab-location-heading-text {
        font-size: 21px;
        color: #333;
        font-weight: 600;
        padding: 14px 15px;
    }
    
    .ab-search-btn {
        float: left!important;
        margin-left: 30px;
        margin-top: 8px!important;
        margin-bottom: 30px;
    }

    .ab-filter-wrap {
        margin-top: 35px;
        float: left;
        width: 100%;
        padding: 20px 0px 0px 0px;
        background: #fff;
        padding-bottom: 14px;
        margin-bottom: 0;
       overflow-y: clip;
    }

    .ab-search {
        width: 100%
    }

    .ab-locations {
        width: 100%!important;
        padding-left: 25px;
        width: -webkit-fill-available!important;
        margin: 10px 10px!important;
    }

    .ab-dates {
        width: 100%!important;
        width: -webkit-fill-available!important;
        margin: 10px 10px!important;
    }

    .ab-filter-wrap-inner {
        display: none;
        width: 100%!important;
        float: left;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 0px!important;
        position: fixed;
        left: 0;
        top: 61px;
        border-bottom-left-radius: 25px!important;
        border-bottom-right-radius: 25px!important;
        z-index: 999;
    }

    .ab-categories {
        display: block!important;
        width: 100%!important;
        width: -webkit-fill-available!important;
        margin: 10px 10px!important;
    }

    .ab-subcategories {
        display: block!important;
        width: 100%!important;
        width: -webkit-fill-available!important;
        margin: 10px 10px!important;
    }
    
    .ab-data {
        font-size: 14px;
    }
    .ab-location-input {
        font-size: 14px;
    }
    
    .events-page-mask {
        opacity: 0!important;
    }
    
    .events-page-mask-mob {
        width:100%;
        height: 100%;
        opacity: 0.6;
        background-color: #000;
        position: absolute;
        z-index: 997;
        display: none;
    }
    .show-mob-filters {
        display: inline-block;
        float: left;
        border: 1px solid #d9d9d9;
        background-color: #ffffff;
        border-radius: 50px;
        padding: 0px 25px 25px 15px;
        cursor: pointer;
        color: #262626;
        margin-top: 2px;
        font-size: 17px;
        margin-right: 10px;
        height: 47px;
        text-align: center;
        line-height: 45px;
    }
    
    .show-mob-filters-text {
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        margin-top: 0px;
        letter-spacing: 0px !important;
        color: #262626!important;
        margin-left: 7px;
    }
    
    .mob-left-page {
       display: none!important;
        border: 1px solid #d9d9d9;
        background-color: #ffffff;
        border-radius: 50px;
        cursor: pointer;
        color: #333;
        margin-top: 2px;
        font-size: 16px;
        margin-left: 10px;
        margin-right: 9px;
        width: 47px;
        height: 47px;
        text-align: center;
        line-height: 47px;
    }
    .mob-right-page {
        display: none!important;
        border: 1px solid #d9d9d9;
        background-color: #ffffff;
        border-radius: 50px;
        cursor: pointer;
        color: #333;
        margin-top: 2px;
        font-size: 16px;
        margin-left: 0px;
        margin-right: 0px;
        width: 47px;
        height: 47px;
        text-align: center;
        line-height: 47px;
    }
    
    .mob-right-page img {
        max-width: 16px;
    }
    .mob-left-page img {
        max-width: 16px;
    }
    
    .searchtype-dropdown {
       display: none!important;
    }
    .nd-filters-wrap {
        padding: 0px!important;
    }
    .exit-map-btn {
        font-size: 14px!important;
    top: auto!important;
    right: auto!important;
    bottom: 9px;
    left: 10px;
    }
    
}

.fixed-searchbar {
    position: fixed!important;
    top: 11px!important;
    width: 1000px;
    z-index: 999;
    border-radius: 0px;
}

.home-search-v2 {
    border: 1px solid green;
}

.new-hp-header-search-input {
    border-radius: 25px !important;
    font-size: 15px !important;
    background: #ffffff;
    border: 1px solid #fff;
    line-height: 18px;
    margin-top: 9px;
    transition: all 0.5s linear;
    color: #363636;
    box-shadow: rgba(214, 228, 237, 1) 0px 1px 6px;
    padding: 13px 10px!important;
    float: left;
    width: 100%;
    box-sizing: border-box;
}


.discover-search-li-box .suggested-search-container {
    right: 0;
}
@media only screen and (max-width: 1035px) {
    .applied-filters-outer {
        padding-top: 5px !important;
        width: max-content;
    }
}