@charset "UTF-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');*/
@import url("all.css");
a, .link {
    color: #870000;
    text-decoration: none;
}
body{
    font-family: 'Open Sans';
    /* letter-spacing: 0.75px;  */
    background: url(/sites/default/files/background-image.jpg) no-repeat;
}
.mobile-ad { display: none; }
.path-taxonomy .desktop-ad { margin-top: 10px; margin-bottom: 10px; }
#gallery_modal{
    z-index: 999999;
}
div#all_comments
{
    margin-top: 5px;
}
span.points_bag{
    margin-top:-5px;
}

section#block-feedbackbuttononhomepage {
    float: left;
    position: relative;
    width: auto;
    top: 2px;
    border: 2px solid #fff;
    padding: 3px;
    border-radius: 8px;
    border-style: solid;
    text-align: center;
    background:#870000;
}
section#block-feedbackbuttononhomepage a {color: #fff;}
section#block-faqbuttonontopmenu {
    float: left;
    position: relative;
    width: auto;
    top: 2px;
    border: 2px solid #fff;
    padding: 3px 10px;
    border-radius: 8px;
    border-style: solid;
    text-align: center;
    background:#000000;
    margin-left:2px;
}
section#block-faqbuttonontopmenu a {color: #fff;}
#gallery_modal button{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 5px 30px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #870000;
    border-radius: 3px;
}
#gallery_modal .modal-dialog{
    width: 70%;
    margin: 5px auto;
}
#gallery_section{
    position:relative;
}
.modal-body .image-box{
    min-width: 35%;
}
.refresh_{
    position: absolute;
    right: 0;
    cursor: pointer;
}
.image .image-box,
.image img{
    cursor: pointer;
}
.nav{display:inline !important;}
.nav > li, .social-icons ul li {
    display: inline-block !important;
}
.nav > li > a {
    position: relative;
    display: inline-block;
    padding: 10px 10px;
}
/* .path-user .newbreadcrumb{ display:none; } */
.user-logged-in.path-user .newbreadcrumb{ display:block; }
/* .user-logged-in .tabs--primary{ display: none!important; } */
.motorcycle-event-club-place-category .tabs--primary, .motorcycle-route-category .tabs--primary, .node-edit-page{ display: none!important; }
.path-active-members .view-footer{text-align: center;}
h2, .h2 {font-size: 22px !important;font-weight:600;}
#block-exposedformevent-frontendpage-6 .block-title,#block-exposedformclub-frontendpage-4 .block-title,#block-exposedformplace-frontendpage-4 .block-title{font-size: 16px!important;}
#block-views-block-club-frontend-block-2 .views-field.views-field-field-state-event{text-align: center;}
.form-inline .form-control{
    /* width: 100%; */
}
.node-event-form .ra_form_notes, .node-clubs-form .ra_form_notes,.node-place-form .ra_form_notes,.node-photo-form .ra_form_notes, .node-video-form .ra_form_notes { width:60%; }
.horizontal-adslots, #block-bestroadsbottomads .field--type-text-with-summary,#block-newestroadbottomad .field--type-text-with-summary, #block-listingpagebottomadslot .field--type-text-with-summary{
  text-align:center;
}
.horizontal-adslots{
    margin-bottom: 15px;
}
.state-articlelist img{
width:100%;
}
.views-field-field-photo img{ padding:1px;}
.slick--view--event-frontend img{border:0px;}
.rowfeatured img{border:1px solid; padding:1px;}
.listing-all .field-photo img{padding: 1px;}
.col-sm-3 h2, .col-sm-4 h2{font-size: 18px!important;}
.atlwdg-trigger{
    font-size:16px;
    background-color: #870000;
}
a:hover, a:focus{color: inherit;}
*, body{margin: 0; padding: 0}
.social-icons{display: inline-flex !important;}
.navbar-default{background: transparent; border: none;border-radius: 0}
.customHeader{position: relative;}
.customHeader > header{background: #2f2f2f;margin:0;min-height: 50px;}
.customHeader > header > .container, .logoWrap .container{
    /* padding: 0 50px; */
}
.customHeader > header .nav > li > a{ color: #fff; border-bottom: 2px solid transparent;}
.logoWrap {background: #870000;height: 50px;}
.logoWrap .logo{position: absolute;top: -9px; width:14%;}
.logoWrap .logo > img{width: 100%;}
.customHeader .menu--log-in-menu.nav > li > a{font-size: 13px;line-height: 22px;}
.customHeader .menu--log-in-menu.nav > li > a:hover{background: none;}
.customHeader .menu--log-in-menu{float: right;width: 25%}
.customHeader .menu--header-menu{margin-left: 30%;float: left; width: 37%}
.customHeader #block-headermenu{margin-top:8px;}
.customHeader .nav > li > a{ font-size: 15px}
.customHeader .nav.menu--header-menu > li > a:hover, .customHeader .nav.menu--header-menu > li > a:focus{background-color: transparent; border-bottom: 2px solid #fff;}
.customHeader .nav > li.expanded.last > a:hover{border: none;}
.bannerWrap{position: relative; padding: 0; background-color: #f0f1e9; z-index: 1;}
.page-node-type-route .bannerWrap img {
    margin-bottom: -60px;
}
.newbreadcrumb {
    max-width: 1120px;
    margin: 0 auto;
}
.password-strength__meter{
    width: 80%;
}
.user-pass { width: 50%; margin:0 auto; margin-bottom: 10px;}
.user-form { width:100%; }
.user-form input{ width: 80%; }
.user-form select {width:50%;}
.user-form .preview.col-sm-2{ width:30%; }
.user-form .data.col-sm-10{ width: 70% }
.user-register-form input{ width: 60%; }
.user-register-form select {width:30%;}
.user-register-form .preview.col-sm-2{ width:15%; }
.user-register-form .data.col-sm-10{ width: 70% }
.user-register-form .password-strength__meter{width: 60%}
.user-register-form div#edit-field-motorcycles-wrapper{width:75%;}
.user-register-form div#edit-field-motorcycles-wrapper .preview.col-sm-2{ width:20%; }
.user-register-form div#edit-field-motorcycles-wrapper .data.col-sm-10{ width: 80% }
.user-register-form div#edit-field-about-you-wrapper { width: 60% }
.user-register-form div#edit-mail--description{ width: 60%}
#block-exposedformmy-custom-searchpage-1-2, #block-motorcycleroads-search{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 65%;}
.homePageWrapper .region.region-content > h1{display: none;}
.homePageWrapper{position: relative;}
.homePageWrapper > .row{margin:0;}
#block-views-block-frontpage-block-3-2 > h2{display: none;}
#block-exposedformmy-custom-searchpage-1-2 > h2, .search-block-form#block-motorcycleroads-search > h2{
    font-size: 30px !important;
    text-shadow: 2px 2px 3px rgb(33, 33, 33);
    color: #fff; font-weight: 600; text-align: center;margin-bottom: 15px;}
.search-block-form#block-motorcycleroads-search form > div.form-item{border: 10px solid rgba(0,0,0,0.4); border-radius:20px; }
#block-exposedformmy-custom-searchpage-1-2  form > div.form-inline{border: 10px solid rgba(0,0,0,0.4); border-radius:20px; float: none; padding-top: 0px; }

.search-block-form#block-motorcycleroads-search form > div.form-item .form-submit{height: 60px;margin-right: -2px;background-color: #870000;border-color: #870000;padding: 2px 10px; width: 80px;border-radius: 0 10px 10px 0;}
.search-block-form#block-motorcycleroads-search form > div.form-item .form-submit .glyphicon-search{font-size: 21px;line-height: 22px;}

#block-exposedformmy-custom-searchpage-1-2  form > div.form-inline .edit-actions{
    float: right;
}
#block-exposedformmy-custom-searchpage-1-2  form > div.form-inline .form-submit{height: 60px;margin-right: -2px;background-color: #870000;border-color: #870000;padding: 2px 10px; width: 80px;border-radius: 0 10px 10px 0;}

.customHeader .nav > li.last.expanded >  a{font-size: 30px;line-height: 0px;}
.search-block-form#block-motorcycleroads-search form > div.form-item .form-control{height: 60px;border-radius: 10px 0 0 10px;padding: 15px;}
#block-exposedformmy-custom-searchpage-1-2 form > div.form-inline .form-control{height: 60px;border-radius: 10px 0 0 10px; border:0px solid; padding: 15px;}
#block-exposedformmy-custom-searchpage-1-2 form > div.form-inline div.form-item{ width: 89.5%;}
#block-exposedformmy-custom-searchpage-1-2 form > div.form-inline div.form-item .form-control{ width: 100%;}
.homePageWrapper .region div.views-element-container{display: none;}
.sectionContent1,.sectionContent3,.featuredVideoWrap{ padding: 20px 50px;}
.featuredVideoWrap > .container{ padding: 10px 10px;}
.sectionContent1 > .container, .sectionContent3 > .container{ padding: 10px 15px;}
.sectionContent1 >  .container > h2, .sectionContent3 >  .container > h2{color: #282828; font-size: 22px;font-weight: 600;margin: 0 0 18px 0;}
.sectionContent1 .view-content,.sectionContent1 .view-footer,.sectionContent3 .view-content,.sectionContent1 .view-footer {width: 100%; float: left}
.sectionContent1 .view-content .views-field-field-route-thumb-img img, .sectionContent3 .view-content .views-field-field-image img{
    display: block;
    border: 1px solid #c8c8c7;
    margin-bottom: 12px;
    margin: auto;
    /* max-height: 200px; */
}
.sectionContent3 .view-content img{margin-bottom: 5px;}
.sectionContent3 .view-content .views-field-title{margin-bottom: 12px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    min-height: 50px;}
/*For star rating content */
.sectionsWrap .views-element-container .views-field-field-route-reference   {font-size: 14px; color: #870000; font-weight: 700; margin-bottom: 2px;     padding-top: 5px;}
.sectionContent1 .rating_star_wrap > span, .sectionContent1 .rato-meter-wrap span,
#block-views-block-route-frontend-block-1 .rating_star_wrap > span, #block-views-block-route-frontend-block-1 .rato-meter-wrap span{font-size: 11px; color: #292929; display: block;}
#block-views-block-route-frontend-block-12 .rating_star_wrap > span,
#block-views-block-route-frontend-block-1 .rating_star_wrap > span{font-size: 11px; color: #292929; display: block;}

#block-views-block-route-frontend-block-1 .views-field{padding: 0 0 0 10px; background: #fff;}
#block-views-block-route-frontend-block-1 .views-field-title{
    /* min-height: 60px; */
}
#block-views-block-route-frontend-block-1 .rating_star_wrap{padding-top: 10px;}
#block-views-block-route-frontend-block-1 .views-field-field-route-thumb-img{padding: 0}
#block-views-block-route-frontend-block-1 .grid__content:after{
    display: table;
    content: '';
    clear: both;
}
#block-views-block-route-frontend-block-1 .grid__content{
    background: #fff;
    padding-bottom: 10px;
}
/* .sectionsWrap .views-element-container .views-field {overflow: auto; width: 100%; } */
.sectionsWrap .views-element-container .starrating{margin-bottom: 7px; overflow: auto;width: 100%;clear: both;}
/*For star rating content */

#block-views-block-route-frontend-block-1 .views-field-field-route-thumb-img .field-content {height: 200px;width: 100%;}
#block-views-block-route-frontend-block-1 .views-field-field-route-thumb-img .field-content img {height: 100%;width: 100%;}
#block-views-block-route-frontend-block-1 h2.block-title{ color: #fff;}
.view_all_btn, .view-header a {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;padding: 5px 30px;font-size: 14px;line-height: 1.42857143;color: #fff;background-color: #870000; border-radius: 3px;}
.view_all_btn:hover, .view-header a:hover, .view-header a:focus {color: #fff; text-decoration: none; background-color: #680101;}
.path-frontpage .view-footer , #block-views-block-route-frontend-block-5 .view-footer , #block-views-block-route-frontend-block-9  .view-footer {text-align: center; margin:30px auto 0px; clear: both;}
#block-views-block-route-frontend-block-11 .view-footer, #block-views-block-route-frontend-block-12 .view-footer, #block-views-block-event-frontend-new-block-2 .view-footer {text-align: center; margin:30px auto 0px; clear: both;}
.view-footer{text-align: left; margin: 20px auto 10px; clear: both;}
.sectionContent2 {background: url(../images/bg-upcoming-events.webp) no-repeat; padding: 30px 50px; background-position: center; background-size: cover;}
.path-frontpage .sectionContent2 { padding: 30px 50px;}
#block-views-block-route-frontend-block-1 {background: url(../images/bg-new-roads.webp) no-repeat;padding: 30px 0;}
/*.sectionContent2 > .container, #block-views-block-route-frontend-block-1 > .container{padding: 10px 50px; position: relative}*/
.sectionContent2 > .container > h2, #block-views-block-route-frontend-block-1 > .container > h2{color: #fff; font-weight: 600; font-size: 22px;margin-bottom: 18px; margin-top: 0}
.jcarousel-wrapper.jcarousel-skin-default{border: none;box-shadow: none}
.jcarousel-skin-default .jcarousel-control-prev, .jcarousel-skin-default .jcarousel-control-next{background: transparent; top: -22%; box-shadow: none; text-shadow:none; font: 52px Arial, sans-serif;}
.path-frontpage .jcarousel-skin-default .jcarousel-control-prev, .jcarousel-skin-default .jcarousel-control-next{background: transparent;top: 30%;box-shadow: none;text-shadow:none;font: 52px Arial, sans-serif;}
/* .jcarousel-skin-default .jcarousel-control-prev{right: 23px;left: auto;} */
/* .jcarousel-skin-default .jcarousel-control-next{right: 0;} */
.path-frontpage h2.block-title { margin: 0px auto 18px; padding-left: 10px;}
.path-frontpage .featsectionContent2 h2.block-title { width: auto;}
.path-frontpage .sectionContent2 h2.block-title{ text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); }
.path-frontpage .sectionContent2 .views-field a{ color: #000; font-size: 14px;}
.path-frontpage .sectionContent2 .field-content span{font-size: 10px;}
#block-views-block-event-frontend-new-block-2 .field-content span{font-size: 10px;}
#block-views-block-route-frontend-block-1 .view-content{margin: 0px;}
#block-views-block-route-frontend-block-1 .views-field-title .field-content{font-size: 14px; font-weight: 600; display: block; color: #000}
#block-views-block-route-frontend-block-1 .views-field-created .field-content{font-size: 12px; display: block; color: #828282; padding-bottom: 2px;}
#block-views-block-route-frontend-block-1 .view-footer{margin-top: 20px;}
#block-views-block-route-frontend-block-1 .view-content{/*overflow: auto;*/ clear: both}
.sectionContent2 .view-content .item-list{margin: 0 -31px;padding: 0;}
.sectionContent2 .view-content .item-list li{list-style: none; margin-bottom: 12px;}
.sectionContent2 .view-content .item-list .views-field {background: #e1e1e1;padding-left: 13px;}
.sectionContent2 .view-content .item-list .views-field.views-field-field-photo {padding: 0;}
.sectionContent2 .view-content .item-list .views-field.views-field-field-photo img {height: 165px;}
.sectionContent2 .view-content .item-list .views-field.views-field-title span{color: #282828; font-weight: 600; font-size: 15px;display: block;padding-top:5px;}
.sectionContent2 .view-content .item-list .views-field.views-field-field-start-date div{color: #434d53; font-weight: 600; font-size: 12px;}
.sectionContent2 .view-content .item-list .views-field.views-field-field-end-date div{color: #434d53; font-weight: 600; font-size: 12px;}
.featsectionContent1  h2, .featsectionContent2  h2{color: #7f2518; font-size: 22px; font-weight: 600; margin-top: 0;margin-bottom: 18px;}
.featsectionContent1  img{width: 100%}
.featsectionContent2 a{font-size: 12px; color: #282828}
.featsectionContent2 a:before{content: '\2192\00a0'}
.featsectionContent2 .view-content{display: flex;flex-direction: row;flex-wrap: wrap;}
.footer{margin:0; padding:0; border: none;}
.newsletterouterWrap{background: #817f7f;}
.footer{background: #464545;}
.newsletterouterWrap .container{ padding: 20px 15px;}
.newsletterouterWrap .signupText > h2{margin: 0px !important; color: #fff; font-size: 25px; font-weight: 600;}
#edit-message   {color: #fff; font-size: 11px;line-height: 25px;}
.a{width: 200px;display: block;margin: 0 auto;}
.speedo_arrow{transition: transform 1s ease-in-out;position: absolute;right: 14px;top: 10px;}
.overall-rate {padding-bottom: 10px;}
.path-frontpage .speedo_arrow{ right: 14px ;}
#slick-views-route-frontend-block-3-1 .speedo_arrow{ right: 14px;}
.path-frontpage #slick-views-route-frontend-block-3-1 .speedo_arrow{ right:14px;}
.path-motorcycle-ride-events .speedo_arrow {right:25px;}
.rating_meter_img{position: relative; padding-bottom: 5px; text-align: center; max-width: 86px; margin: auto;}
.rating_meter_img_disable{ padding-bottom: 10px;     width: 90px;   margin: auto;}
.sectionsWrap .views-element-container .views-field.rating-star-wrapper{float: left;width: 60%;}
.views-element-container .views-field.rating-star-wrapper{float: left;width: 60%;}
.star_panel .rating_star_wrap{float: left;width: 60%;}
.sectionsWrap .views-element-container .views-field.rato-meter-wrap,#block-views-block-route-frontend-block-9 .views-field.rato-meter-wrap, #block-views-block-route-frontend-block-5 .views-field.rato-meter-wrap {float: right;width: 40%;text-align:center; padding-top: 15px;}
.views-element-container .views-field.rato-meter-wrap{float: right;width: 40%;text-align:center; padding-top: 15px;}
.jcarousel-wrapper.jcarousel-skin-default{max-width: 100% !important; margin:0;max-width: none;height: auto;}
.jcarousel-skin-default .jcarousel li{height: auto; width: auto; margin: 0 10px; position: relative; }
[class*="path-"] #block-views-block-route-frontend-block-5 .jcarousel-skin-default .jcarousel li{background: #d3d3d3; border:1px solid #999999;}
.jcarousel{margin: auto;}
.jcarousel-skin-default .jcarousel img, #block-views-block-route-frontend-block-9 .rating_meter_img img ,#block-views-block-route-frontend-block-5 .rating_meter_img img{ display: initial; max-width: 100%; height: auto !important;}
.sectionContent2 .field-content a img, #block-views-block-event-frontend-new-block-2 .field-content a img{ border-radius: 3px 3px 0px 0px; }
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4 {width:1040px !important; margin: auto;}
.jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-1 {width: 100% !important; margin: auto; border: 1px solid #8d2323;}
.jcarousel-skin-default .jcarousel li:first-child{margin-left: 0;}
.sectionContent3 .form-group{ margin: auto;}
.sectionContent2 .views-field {background: #e1e1e1;padding-left: 15px;}
#block-views-block-event-frontend-new-block-2 .views-field {background: #e1e1e1;padding-left: 15px;}
.sectionContent2 .views-field.views-field-title , #block-views-block-event-frontend-new-block-2 .views-field.views-field-title{
    min-height: 42px;
}
.sectionContent2 .views-field.event-dates, #block-views-block-event-frontend-new-block-2 .views-field.event-dates{border-radius: 0px 0px 3px 3px; min-height: 50px;}
.sectionContent2 .views-field.views-field-field-photo, #block-views-block-event-frontend-new-block-2 .views-field.views-field-field-photo {padding-bottom:8px; padding-left:0; border-radius: 5px 5px 0px 0px;}
.sectionContent2 .thumb-block img, #block-views-block-event-frontend-new-block-2 .thumb-block img{
    width: 100%;
    height: 220px;
}
.event-dates{padding:5px 0 11px 15px;}
.event-dates .field-content > div > img{float: left;margin-right: 10px;height: 36px !important}
.event-dates .field-content > div > div{float: left;}
.event-dates .field-content > div > div > span {display: block; font-size: 12px; color: #434d53; margin-bottom: 3px;}
.sectionContent2 .jcarousel .views-field-title {display: block; font-size: 16px; color: #282828; font-weight: 600}
#block-views-block-route-frontend-block-1 .speedo_arrow{right: 14px;top: 10px;}
.sectionContent4Cnt{background-color: #fff; overflow:auto;padding-bottom: 12px;}
#block-views-block-route-frontend-block-1 .rato-meter-wrap{padding-top: 0 !important;}
.star_panel .rato-meter-wrap{
    float: right;
    width: 40%;
    text-align: center;
    padding-top: 15px;
}
#block-views-block-route-frontend-block-1 .rating_star_wrap > span{float: left; margin-right: 8px;width: 50%;margin-bottom: 5px;}
#block-views-block-route-frontend-block-1 .rating_star_wrap > .starrating{float: left; clear: right; width: auto;margin:0;}
.path-frontpage #block-views-block-route-frontend-block-1 h2.block-title{ text-shadow: 2px 2px 3px rgba(0, 0, 0, 1); }
#block-views-block-route-frontend-block-1 .form-group{ width: 100%; margin: auto;}
#edit-mail-wrapper label{display: none;}
#edit-mail-wrapper input{width: 80%;height: 40px; float: left;}
.submitBtn {margin-top: 7px;position: relative}
#edit-actions--2{ /*position: absolute;*/ right: 18%;top: 0;}
#edit-subscribe, #edit-subscribe:hover, #edit-unsubscribe, #edit-unsubscribe:hover {color: #fff;background-color: #870000;  border-color: #680101;height: 40px; border-radius: 0 4px 4px 0; font-weight: 700;}
#edit-subscribe:hover{background-color: #680101;}
.footer > .container{padding: 25px 0px;}
#block-motorcycleroads-footer ul a{color: #fff;font-size: 12px;}
#block-motorcycleroads-footer ul a:before{content: '\2192\00a0'}
#block-socialmenu li{list-style: none; float : left;margin-left: 23px;  }
#block-socialmenu li:first-child{margin-left: -12px;}
#block-socialmenu li i{color: #fff}
#block-motorcycleroads-footer {    margin-left: 7%;}
#block-motorcycleroads-footer a{padding: 0; display: block;}
#block-motorcycleroads-footer a:hover{background: transparent}
#block-motorcycleroads-footer li{margin-bottom: 8px; width: 48%; display: inline-flex;}
/*#block-motorcycleroads-footer ul{display: flex;flex-direction: column;flex-wrap: wrap;height: 160px;}*/
.footer .logo {display: block;}
.footer .logo img{max-width: 70%; display: block; margin: auto;}
.footer .container > div{text-align: center}
#block-infoblock p span{display: block; margin-bottom: 1px; font-size: 11px;color: #fff}
.social-icons li img {width: 90%;}
.social-icons{margin-bottom: 12px;}
.eventsHeader h1{     font-size: 20px;
    color: #282828;
    padding: 10px 20px;
    margin: 0 auto;
    text-align: left;
    border: none;
    font-weight: 600;
    letter-spacing: 1.25px;
    float: left;
    text-transform: capitalize;}
.eventsHeader{position: absolute; bottom: 0; left: 0; width: 100%; background:rgba(228, 228, 228, 0.7); height:56px;}
.eventsHeader .eventsHeader { background: transparent; }
.bannerWrap .eventsHeader .container { position: relative; margin-top: 0px; height: 100%; }
.eventsBannerWrap  section{position: relative;}
.eventsBannerWrap .form-group, .eventsWrap > .row{margin:0;}
.eventsWrapDiv{padding-top: 20px}
.eventsWrapDiv p{color: #282828; font-size: 14px; line-height: 24px;margin-bottom: 25px;letter-spacing: 1px;}
.eventsWrapDiv .view-header > span{display: block; font-size: 16px; color: #282828; margin-bottom: 12px;font-weight: 600;}
.eventsWrapDiv .view-content .views-row{    display: block;
    font-size: 16px;
    color: #282828;
    margin-bottom: 12px;
    font-weight: 400;
    /* border: 1px solid #999999; */
    float: left;
     width: 100%;
}
.views-field-name {
    float: left;
}
.views-field.views-field-tid {
    float: right;
    padding: 10px;
}
.latestEventsWrap{
    position: relative;
}
.view-id-event_frontend.view-display-id-page_6 .latestEventsWrap, .view-id-club_frontend.view-display-id-page_4 .latestEventsWrap {     padding-top: 12px; }
.view-id-event_frontend.view-display-id-page_6 .latestEventsWrap:first-child, .view-id-club_frontend.view-display-id-page_4 .latestEventsWrap:first-child { border-top:0;  }
.latestEventsWrap > .views-field-field-photo{float: left; width: 20%; margin-right: 12px;}
.latestEventsWrap .latestEventsRight{float: left; width: 80%}
.caret {vertical-align: baseline !important;}
#block-exposedformroute-frontendpage-2,#block-exposedformevent-frontendpage-6, #block-exposedformplace-frontendpage-4, #block-exposedformclub-frontendpage-4{background-color: #e8e6e6; padding: 10px; line-height: 30px;}
#block-exposedformroute-frontendpage-2 button.btn > span,#block-exposedformevent-frontendpage-6 button.btn > span, #block-exposedformplace-frontendpage-4 button.btn > span, #block-exposedformclub-frontendpage-4 button.btn > span { /*display: none;*/ }
#block-exposedformroute-frontendpage-2 h2 {font-size: 18px!important;}
input#edit-field-start-date-value, input#edit-field-end-date-value { background: #ffffff url(../images/calender.png) no-repeat 98% center; background-size: 24px; padding-right: 0; }
.btn-primary {color: #fff; font-size: 12px; background-color: #870000;border-color: #680101;display: block; margin-top: 10px;}
.btn-primary:hover {background-color: #282828; border-color: #090909;}
.input-group-btn .btn-primary {background-color: #282828; border-color: #090909; }
.input-group-btn .btn-primary:hover {background-color: #090909; border-color: #000;}
.input-group-btn button {cursor: pointer;}
.block-views-blockarticle-block-3 > h2 , .block-views-blockevent-frontend-block-3 > h2{ font-size: 16px !important; font-weight: 600;    margin-top: 10px;}
.region-sidebar-second .block-views-blockevent-frontend-block-3 > h2{ text-align: center;}
.select-wrapper:after {color: #9e9c9c !important;}
.eventsWrap5 > .views-row > .views-field-title{ float: left;width: 50%;}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {margin-top:0 !important;}
.newsletterouterWrap > .form-control, .newsletterouterWrap >  .btn {height: 50px !important;}
#block-searchform{float: right; width: 35%; padding: 10px; height: 40px;}
.block-search.block-search-form-block input.form-control { height: 30px; text-transform: capitalize; }
.block-search.block-search-form-block button.btn { padding: 6px 12px; }

.latestEventsWrap > .views-field-title {font-weight:700;     text-transform: capitalize;}
.form-inline .control-label{
    /* width: 100%; */
}
.latestEventsWrap > .views-field-field-event-state {
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    color: #000;
    /* bottom: 243px; */
    left: 0px;
    bottom: 0px;
    padding: 5px 3px;
    width: 20%;
    background: rgba(255,255,255,0.6);
}
.latestEventsWrap > .views-field-field-state-event{
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    color: #000;
    /* bottom: 243px; */
    left: 0px;
    bottom: 0px;
    padding: 5px 3px;
    width: 20%;
    background: rgba(255,255,255,0.6);
}
.latestEventsWrap > .views-field-field-end-date { font-size:10px; color: #666; padding: 0 0 10px;}
.latestEventsWrap > .views-field-field-description { font-size:14px; text-transform: capitalize; }
.latestEventsWrap > .views-field-view-node {font-size:12px;}
#block-views-block-route-frontend-block-3 .jcarousel-skin-default .jcarousel-control-next:after,#block-views-block-route-frontend-block-3 .jcarousel-skin-default .jcarousel-control-prev:after { position: relative;top: 20px;color: #282828 }
#block-views-block-place-frontend-block-2 .views-element-container .view-footer .view_all_btn {text-align: left;}
.block-views-blockarticle-block-3 .views-field-field-image {
    /* margin: 0 -15px 15px 0;  */
    padding: 0;
} /* club listing rhs */
.view-id-article.view-display-id-block_3 .views-field-field-image { padding:0; }

.path-motorcycle-ride-eventss .region-sidebar-second, .page-node-type-event .region-sidebar-second, .path-motorcycle-place .region-sidebar-second,.path-motorcycle-club .region-sidebar-second, .page-node-type-place .region-sidebar-second, .path-motorcycle-articles .region-sidebar-second{background: #fff; border:#ece8e8 1px solid; padding: 10px; margin: 20px 0 0 0; }
#block-views-block-frontpage-block-2-2 h2 {font-size: 16px !important; font-weight: 600;}

#block-views-block-place-frontend-block-1 .view-display-id-block_1 .view-content, #block-views-block-club-frontend-block-1 .view-id-club_frontend .view-content{clear: both !important; display: table; min-height: 400px; margin: 0px -15px;}
#block-views-block-place-frontend-block-2 .view-display-id-block_2 .view-content, #block-views-block-club-frontend-block-2 .view-id-club_frontend .view-content{clear: both !important; display: table; min-height: 400px; margin: 0px -15px;}
#block-views-block-event-frontend-block-3 .jcarousel-skin-default .jcarousel-control-prev:after,#block-views-block-event-frontend-block-3 .jcarousel-skin-default .jcarousel-control-next:after { position: relative;top: -25px;  color: #ffffff; font-size:30px !important; }
#block-views-block-event-frontend-block-3 .jcarousel-skin-default .jcarousel-control-prev {right: 5px !important;}
#block-views-block-event-frontend-block-3 .jcarousel-skin-default .jcarousel-control-next {right: 0px;     font-weight: bold;}
.view-id-route_frontend.view-display-id-block_9 { margin:0 0 20px; }
.view-id-taxonomy_term.view-display-id-page_1 .views-field-field-state-description { padding: 30px 10px 30px; text-align: justify; }

#block-views-block-place-frontend-block-2 .views-field-title{font-weight: 600;     text-transform: capitalize;}
#block-views-block-place-frontend-block-1 .view-id-place_frontend .views-row,
#block-views-block-place-frontend-block-2 .view-id-place_frontend .views-row, .view-id-club_frontend .views-row{margin-bottom: 12px;}

.region-sidebar-second .block-views-blockevent-frontend-block-3 .jcarousel-skin-default .jcarousel-control-prev {
    right:0px;
    left: 2px;
}

/* Icons */

.add-route, #addnew a:after {background: transparent url(../images/add-btn.png) no-repeat; padding-right: 50px; width:50px; height:50px; display: inline-block; }
.download-gpx, #download_gpx a:after {background: transparent url(../images/gpx-btn.png) no-repeat; padding-right: 50px; width:50px; height:50px; display: inline-block;     left: 0; }
#addnew a, #download_gpx a { position:relative; padding: 0 0 0 55px; font-size: 14px; color: #000; font-weight:bold; float: left; }
#addnew a:after, #download_gpx a:after { background-color: rgb(134, 4, 7); position:absolute; content:""; left: 0; border-radius: 5px; height:36px; top: 50%;
    transform: translateY(-50%); }

div#addnew, div#download_gpx { float: left;     padding: 8px 20px 12px 0; }

.earn-mcr {background: url(../images/earn-mcr-btn.png) no-repeat; padding-right: 50px; width:50px; height:50px; display: inline-block;}
.follow-grey, #followlist_btn a {background: url(../images/follow-btn-grey.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
#t_follow { background: url(../images/follow-btn-black.png) no-repeat; background-size: auto 68%;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.follow-maroon, #followlist_btn a.active {background: url(../images/follow-btn-maroon.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.like-grey {background: url(../images/like-btn-grey.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.like-maroon {background: url(../images/like-btn-maroon.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.list-grey {background: url(../images/list-view-grey.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.list-maroon {background: url(../images/list-view-maroon.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.map-grey {background: url(../images/map-view-grey.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.map-maroon {background: url(../images/map-view-maroon.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}

.member-master {background: url(../images/member-level-master.png) no-repeat; padding-right: 80px; width:80px; height:120px; display: inline-block;}
.member-expert {background: url(../images/member-level-expert.png) no-repeat;  padding-right: 80px; width:80px; height:120px; display: inline-block;}
.member-novice {background: url(../images/member-level-novice.png) no-repeat;  padding-right: 80px; width:80px; height:120px; display: inline-block;}

.miles-btn, #mile {background: url(../images/miles-grey.png) no-repeat; background-size: auto 100%; padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.rank-icon, #rank {
    background: url(../images/rank-grey.png) no-repeat;
    padding-right: 50px; width:50px;  height:50px; display: inline-block;     background-size: auto 100%;}

.ride-grey, #wishlist_btn a {background: url(../images/ride-btn-grey.png) no-repeat; padding-right: 50px; width:50px;  height:50px; display: inline-block;}
#t_ride {background: url(../images/ride-btn-black.png) no-repeat; padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.ride-maroon, #wishlist_btn a.active {background: url(../images/ride-btn-maroon.png) no-repeat; padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.rode-grey, #rodelist_btn a {background: url(../images/rode-btn-grey.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
#t_rode {background: url(../images/rode-btn-black.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.rode-maroon, #rodelist_btn a.active {background: url(../images/rode-btn-maroon.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.share-grey, #share_btn a {background: url(../images/share-btn-grey.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
#t_share {background: url(../images/share-btn-black.png) no-repeat; background-size: auto 68%; padding-right: 50px; width:50px;  height:50px; display: inline-block;}

.share-maroon {background: url(../images/share-btn-maroon.png) no-repeat;  padding-right: 50px; width:50px;  height:50px; display: inline-block;}
.phone-icon {background: url(../images/phone-icon.png) no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.name-icon {background: url(../images/name-icon.png) no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.ref-icon {background: url(../images/ref-icon.png) no-repeat top left; width:30px; height:25px; padding-right: 30px; display: inline-block;}
.mail-icon {background: url(../images/mail-icon.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.location-icon{background: url(../images/location-icon.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.calendar-icon{background: url(../images/calendar-icon.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.add-btn {background: url(../images/add-btn.png) no-repeat no-repeat top left; width: 50px; height: 40px; padding-right: 50px; display: inline-block;}
.gpx-btn {background: url(../images/gpx-btn.png) no-repeat no-repeat top left;  width: 50px; height: 40px; padding-right: 50px; display: inline-block;}


.desc-icon{background: url(../images/description.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.bike-make-icon{background: url(../images/bike-make.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.bike-type-icon{background: url(../images/bike-type.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.club-icon{background: url(../images/club.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.gender-icon{background: url(../images/gender.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.membership-icon{background: url(../images/membership.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.star-icon{background: url(../images/star.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}
.website-icon{background: url(../images/website.png) no-repeat no-repeat top left; width: 30px; height: 25px; padding-right: 30px; display: inline-block;}

/* Breadcrumbs */
.newbreadcrumb{
    position: relative;
    height: 36px;
    width: 100%;
    background: #f0f1e9;
    max-width: 100%;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #f0f1e9;
    max-width: 1120px;
    width: 100%;
    font-size: 16px;
    border-radius: 0;
    color: #282828;
    display: block;
    position: relative;
    z-index: 99;
    margin: 0px auto;
    font-size: 14px;
}
.breadcrumb > li + li:before {padding: 0 5px;color: #616161; content: "\e080";font-family: "Glyphicons Halflings";font-size: 8px; position: relative; top: -2px;     font-weight: normal;}
.breadcrumb a {color: #282828; text-decoration: none; }
.breadcrumb > .active {color: #870000 !important; text-decoration: none; font-weight:600; }


/* panel */
div#panel {
    background: #e8e6e7;
    float: left;
    padding: 10px 0;
margin: 0 0 2%;
}
#panel span {
    float: left;
    width: 15.5%;
    padding: 5px 12px 0 47px;
    font-weight: bold;
}

#panel span#rank { position: relative; padding-top: 5px; padding-right: 5px; }
#panel .socialsharebox span.rank-text { padding: 0 0 0 1px; width: 100%; }
#panel .socialsharebox span.rank-number {
    top: 4px;
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 0;
    left: 7px;
    text-align: center;
    font-size: 12px;
}
#panel span#mile {     padding: 5px 12px 0 55px; }
#panel span#t_follow, #panel span#t_share { background-position: 8px 10px; position: relative; }
#panel span#t_share { background: none;}
#panel span#t_rode { background-position: 5px 14px; }
#panel span#t_ride { background-position: 5px 14px; }

#panel span strong { width: 100%; float: left; }

#panel br { display:none; }
div#route_rating {
    float: right;
    margin: 20px 0;
}
div#route_author { width: 100%; padding: 0 0 15px; margin: auto; }
span.name, span.date { display:block; }
#route_author .name { font-weight: bold;  padding-top: 8px; text-transform: capitalize; }
#route_author .name a { color:#000; }

.route_detail_section .direction, .route_detail_section .Scenery, .route_detail_section .drive, .route_detail_section .tourism, .route_detail_section .addition { border-bottom: 1px solid rgb(220, 220, 220); padding: 2% 0;     float: left; width:100%; }
.route_detail_section div:last-child { border:0; }

div#route_title, .page_btn {
    float: left;
    position: relative;
    font-size: 20px;
    z-index: 9;
    letter-spacing: initial;
}

.page_btn {

    float: right;
}
.page-node-type-route .page_btn {
    top: 10px;
}
.eventsHeader .page_btn { /*position: absolute; right:0; top:0; */}


#grey_section {
    background: #e8e6e7;
    padding: 10px;
    float: left;
border:1px solid #acacac;     margin: 0 0 15px;
}

.views-field-user-picture {
    float: left;
    margin: 0 20px 0 0;
    border-radius: 50px;
    overflow: hidden;
border: 1px solid #909090;
}
span.route_author_thumb {
    border: 1px solid #909090;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    width: 60px;
    height: 60px;
}
#route_author span.route_author_thumb{
    width:80%;
height:auto;
}
span.route_author_thumb img{
    width: 100%;
    height: 100%;
}
#route_author > [class*="col"] {
    padding: 0;
}
#grey_section span {
    color: #860000;
    font-weight: bold;
}
#grey_section .profile_box{
    text-align: left;
}
div#topreview {
    margin: 30px 0 0; padding: 0; padding-top: 15px !important;
    border-top:1px solid #efefef;
}
#topreview .views-col { float:left; }
#topreview .block_title { float:left; padding-left: 5px; }
#route_author #topreview .block_title { float:none; padding-left: 0px; }
#topreview .block_title h4 {font-weight:bold; }
#topreview .view-route-frontend .view-header { float: right; font-size: 16px; padding-top: 5px; font-weight: bold; }

.messages__wrapper {
    max-width: 960px;
    margin: 0 auto;
}
/* .region-content .page-header { display:none; } */
.route_detail_section { float: left;  width: 100%; }
.route-rhs { border: 1px solid rgb(216, 216, 216); float: left; width: 100%; padding: 10px; }
.route-rhs h1 { font-size:14px; margin: 15px 0 15px; font-weight: bold; text-transform: capitalize; }
.route-rhs .jcarousel-skin-default .jcarousel li { margin:0; }
.route-rhs .views-field.views-field-title { margin: 0; padding:0; }
.route-rhs .views-field-title a { color: #000000; }
.route-rhs .views-row { border-bottom: 1px solid #efefef; padding-top: 10px; padding-bottom: 10px; margin:0; }
.route-rhs .views-row:last-child{ border-bottom: 1px solid transparent}
.youtube-container{
    margin: 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.youtube-container iframe{     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.route_detail_section h3 { margin: 0px 50px 10px 0; font-size: 18px; font-weight: bold;     float: left; } /* sharmi width */
.route_detail_section .rdata {
    float: left;
    display: block;
    clear: both;
    width:100%;
overflow-wrap: break-word;
}
.route-rhs .featured_articles_route span.field-content a{
overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
    font-size: 11px;
    display: inline-block;
    width: 100%;
}
.region-sidebar-second .views-field-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 60px;
    display: inline-block;
    width: 100%;
    color:#000;
}
.state-page .region-sidebar-second .views-field-title a { color: #860000; }
/*aside .block-views-blockarticle-block-3 { border: 1px solid rgb(216, 216, 216); float: left; width: 100%; padding: 10px;     margin: 0 0 20px; }
aside section.block-views.block-views-blockevent-frontend-block-3 {
    float: left;
    width: 100%;
    border: 1px solid #d3d3d3;
    padding: 5px;
    margin: 0 0 10px;
}*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type='date'].form-control, input[type='time'].form-control, input[type='datetime-local'].form-control, input[type='month'].form-control {
    line-height: normal;
}
}

.block-views.block-views-blockarticle-block-2 h2 { font-size: 16px!important; color: #870000; }
.path-member aside .region h2 { font-size: 18px!important; }
.path-member aside .region .profile_wrapper { padding-left:0; padding-right:0; }
.my_motorcycles { padding: 5px; border: 1px solid #ccc; }
#accordion h4 > a { padding-right: 10px;  display: block; background: url(../images/accordion-arrow-reverse.png) no-repeat no-repeat right 0; background-size: auto 20px;     text-decoration: none; }
#accordion h4 > a.collapsed { display: block; background: url(../images/accordion-arrow.png) no-repeat no-repeat right 0; background-size: auto 20px;  }
.page-node-type-event .region-sidebar-second, .path-member aside .region, .path-motorcycle-rides-in aside .region-sidebar-second, .path-newest-motorcycle-roads aside .region-sidebar-second, .path-motorcycle-ride-events .region-sidebar-second,.page-node-type-clubs .region-sidebar-second,.page-node-type-places .region-sidebar-second{ border: 1px solid #d3d3d3; padding: 12px; }

.pimage {
    padding: 0;
    border-radius: 50px;
    overflow: hidden;
}
.profile_box .button_section {
    padding: 20px 10px 0;
}
#grey_section .profile_box .button_section{
    padding-top: 0px;
}
.profile_box {
   margin-top: 10px;
   text-align: right;
   padding: 0;
   width: 160px;
   margin-bottom: 6px;
 }
.profile_box .current_author { font-weight:bold; }
.profile_box a { color: #ffffff; /* toplinks */ margin: 0px 10px; } /*color: #860000;*/
#topreview .views-col {
    float: left;
    box-shadow: -1px 0px 6px #d6d0d0;
    width: 48%!important;
    margin: 1%;
    padding: 10px 15px 50px;
    position: relative;
min-height: 182px;
}
#topreview .views-field-title a { color:#000000; font-weight:bold; }
#topreview .views-field-nid {
    float: left;
    clear: both;
    width: 100%;
}
#topreview .thumbsup {
    float: right;
    width: 30px;
    cursor:pointer;
}
#topreview .field-content.top-review-wrap { float: left; width: 100%; background:#d2d4e0;     padding: 10px 15px; }
#topreview .top-reivew-readmore { float:left; }
#topreview .top-review-thumb { float:right; }
#topreview .views-field.views-field-nothing {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

#grey_section a { color:#000; text-decoration:underline; }
#rodelist_btn a, #rodelist_btn a.active,
#wishlist_btn a, #wishlist_btn a.active, #followlist_btn a, #followlist_btn a.active,
#share_btn a { display: inline-block;
    padding: 10px 0 4px 40px;
    background-position: -7px -4px;
    width: 100%;
    text-indent: -99999px;
    height: 35px;
    width: 30px; }

/* panel end */

.contextual-region .slick, section .slick { }
#slick-views-route-frontend-block-1-1.slick { border:0px solid #999999;  }
.page-node-type-route .view-header {  margin: 0 0 15px; } /* route */


.page-node-type-route .view-route-frontend .views-view-grid.horizontal .views-row:first-child, .page-node-type-route .view-route-frontend .views-infinite-scroll-content-wrapper .views-row:first-child { border-top:0px solid #d3d3d3; }
.page-node-type-route .view-route-frontend .views-view-grid.horizontal .views-row, .page-node-type-route .view-route-frontend .views-infinite-scroll-content-wrapper .views-row { float: left; width: 100%; border-bottom:1px solid #d3d3d3; padding: 15px 0; }
.page-node-type-route .view-route-frontend .views-view-grid.horizontal .views-row:last-child, .page-node-type-route .view-route-frontend .views-infinite-scroll-content-wrapper .views-row:last-child { border-bottom:0; }

.page-node-type-route #topreview .views-field.views-field-title { float: right;    padding: 0 20px 0 0;     width: 66.3%; }
.page-node-type-route .views-field.views-field-created { float: left; width: 66%; }
.page-node-type-route .jcarousel li .views-field.views-field-field-states  { float: left; clear: both;  padding: 0 0 0 10px;}
.page-node-type-route .jcarousel li .views-field-title { float: left; padding: 5px 0 0 10px; width: 50%; font-weight: bold; }
.page-node-type-route #block-views-block-route-frontend-block-9 .jcarousel li .rato-meter-wrap, .page-node-type-route #block-views-block-route-frontend-block-5 .jcarousel li .rato-meter-wrap{ float: right; width: 40%; margin:0; padding:0; }
.page-node-type-route .views-field-field-route-reference {
    font-weight: bold;
    padding-top: 5px;
}
.page-node-type-route .views-field.views-field-field-rating {
    float: right;
    margin-left: 8px;
}
.page-node-type-route .views-field.views-field-field-activity-points{
    float: left;

}
.page-node-type-route .views-field.views-field-name {
    float: left;
    padding: 0 20px 0 0;
    width: 66%;
}
.page-node-type-route .views-field.views-field-field-comment {
    padding: 10px 0 10px 0;
    float: left;
    width: 100%;
}
.page-node-type-route .views-field.views-field-uuid {
    float: left;
}
.page-node-type-route .route-point {
    float: left;
    width: 100%;
    padding: 15px 10px 15px 50px;
    background: #efefef url(../images/map-view-maroon.png) no-repeat;
    padding-right: 50px;
    font-weight: bold; margin: 0 0 10px;
}
.page-node-type-route .route-main {
    margin: 10px 0 20px;
}
.page-node-type-route .review-detail-year {
    padding: 10px 0 0;
    border-top: 1px solid #efefef;
    margin-top: 7px;
    float: left;
    width: 100%;
}
.page-node-type-route .latitude { margin: 0 0 10px;font-weight: bold; }
.review-detail { float: right; /*width: 85%;*/ width: calc(100% - 100px); }
.review-detail-name { float: left; padding: 0 40px 4px 0; font-weight: bold; }
.review-detail-rating { float:left; }
.review-detail-created { float: right; font-size: 10px; font-weight: bold; }
.review-detail-nid {
    float: left;
}
.thumbsup_title {
    float: left;
}
.review-detail-year .thumbsup { width: 25px; height: 25px; display:inline-block; background-size: 85% !important; cursor: pointer;}
.review-detail-nid { float: left; margin: 0px 10px 5px; }
.review-detail-comment, .review-detail-uuid { float: left; width: 100%; margin-bottom: 6px; }
.block-views-blockplace-frontend-block-2 .view-footer, .block-views-blockclub-frontend-block-2 .view-footer { text-align:center; }

.maingallery .slick-slider { border: 1px solid #c1c1c1; margin: 0 0 30px; }
.maingallery .create_button { margin: 0 0 15px; }
.maingallery .image-title, .maingallery .image-caption, .maingallery .image-likes-count { font-weight:bold; text-transform: capitalize; }
.maingallery .slick-slider-thumbnail { /*border: 1px solid #c1c1c1;*/ width: calc(100% + 12px); float: left; margin-top: -21px;     margin-left: -6px; margin-right: -6px;}
.maingallery .slick-slider-thumbnail .image_thumbnail { position: relative;  padding: 0 6px; margin: 5px 0; } /* clubs thumbs */
.maingallery .slick-slider-thumbnail-event .image_thumbnail { position: relative;  padding: 0 6px; margin: 5px 0; } /* clubs thumbs */

.maingallery .slick-slider-thumbnail .image_thumbnail .photo-txt,
.maingallery .slick-slider-thumbnail .image_thumbnail .video-txt,
.maingallery .slick-slider-thumbnail-event .image_thumbnail .photo-txt,
.maingallery .slick-slider-thumbnail-event .image_thumbnail .video-txt{
    position: absolute;
    color: #fff;
    width: 100%;
    top: 10px;
    left: 0px;
    padding-left: 35px;
    font-weight: 600;
    font-size: 12px;
    text-shadow: 1px 1px 1px rgb(0, 0, 0);
}
.maingallery .slick-slider-thumbnail .image_thumbnail, .maingallery .slick-slider-thumbnail-event .image_thumbnail{
    position: relative;
    cursor: pointer;
}
.maingallery .slick-slider-thumbnail .image_thumbnail .customthumb,
.maingallery .slick-slider-thumbnail-event .image_thumbnail .customthumb {
    position: absolute;
    top: 0;
    z-index: 99992;
    width: 94%;
    height: 100%;
    display: block;
    background:rgba(0, 0, 0, 0.3);
}
.maingallery .slick-slider-thumbnail .image_thumbnail .thumb_img, .maingallery .slick-slider-thumbnail-event .image_thumbnail .thumb_img{
    position: relative;
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.maingallery .slick-slider-thumbnail .image_thumbnail .thumbsup_count,
.maingallery .slick-slider-thumbnail-event .image_thumbnail .thumbsup_count{
    position: absolute;
    color: #fff;
    right: 5px;
    bottom: 5px;
}
.maingallery .slick-slider-thumbnail .image_thumbnail .photo-txt,
.maingallery .slick-slider-thumbnail-event .image_thumbnail .photo-txt
{
    background: url(https://mcr-live.s3.amazonaws.com/images/photo-icon.png) no-repeat;
    background-position: 10px center;
    background-size: auto 96%;

}
.maingallery .slick-slider-thumbnail .image_thumbnail .video-txt,
.maingallery .slick-slider-thumbnail-event .image_thumbnail .video-txt
{
    background: url(../images/video-player.png) no-repeat;
    background-position: 10px center;
    background-size: auto 100%;
}

.maingallery { position: relative;}
.maingallery .create_button {
   margin: 0 0 15px;
   text-align: right;
   width: 100%;
   position: relative;
   height: 60px;
   background: #edf0f5;
   z-index: 999;
   padding: 5px 0;
   display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
}
.maingallery .create_button .view_all_btn{
    margin-right: 10px;
}
span.points_bag {
    display: inline-block;
    width: 100%;
    /* height: 60px; */
}
.earn-mcr-wrap { float: right; cursor: pointer; text-align: left; padding: 0px; display: flex; }
.earn-mcr-wrap .points_info { padding: 12px 10px 0 0; float: right; font-weight: bold; }
.user-logged-in.path-node .maingallery div#addnew { float: right; }
.user-logged-in.path-node .maingallery div#addnew a {padding: 0px 0 0 54px; float: left; }
.user-logged-in.path-node .maingallery #addnew a:after {
    /* top: 0px;  */
 }
.page-node-type-event .maingallery .slick-slider-thumbnail .image_thumbnail {  }
.view-id-place_frontend.view-display-id-block_1 img, .view-id-place_frontend.view-display-id-block_2 img { border: 1px solid #870000; padding:1px;}
.view-id-place_frontend.view-display-id-block_1 img{
    width: 100%;
}
.view-id-club_frontend.view-display-id-block_1, .view-id-club_frontend.view-display-id-block_2 { border-left: 1px solid #d8d8d8; margin-bottom: 30px; }

/* page-node-type-event */
.panel-group .panel {
    margin-bottom: 10px;
    margin-top: 15px;
}

.form-inline .form-group, .form-inline .select-wrapper {
    /* width: 100%; */
 }
#views-exposed-form-event-frontend-page-6 .form-inline .form-group.form-type-date { float: left; width: 50%; padding: 0 1px; }
#views-exposed-form-event-frontend-page-6 .form-inline .form-group.form-type-date input[type="date"] { font-size: 10.5px; padding-left: 5px; -webkit-appearance: none; }
.form-inline .form-actions .btn { margin-right:0;     width: 100%; }
#edit-submit-event-frontend span { display: none; }
#block-views-block-event-frontend-block-3 .jcarousel-skin-default a.jcarousel-control-prev, #block-views-block-event-frontend-block-3 .jcarousel-skin-default a.jcarousel-control-next { background-color: rgba(0,0,0,0.5);  }
aside .region .views-row {     margin: 0; padding: 0; }
aside .region.region-sidebar-second > section {margin: 15px 0; padding:13px; }
aside .region.region-sidebar-second > section:first-of-type { margin: 0; }
aside .region.region-sidebar-second > section:last-child {margin-bottom: 0; }
#state_body aside .region .views-row {
    margin: 0 0 10px;
    padding: 0px;
    border: 1px solid #ccc;
}
aside .region .views-field.views-field-title { padding: 0 0px 0 5px; }
#state_body aside .region .views-field.views-field-title { padding: 7px 7px 0; }
.bef-exposed-form .form--inline > .form-item { padding: 7px 7px 0; }

aside .region .jcarousel-container-horizontal .views-field.views-field-title {
    padding: 10px 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff !important;
    width: 100%;
    height: auto;
    border-top:1px solid #fff;
    background: rgba(0,0,0,0.8);
}
aside .region .jcarousel-container-horizontal .views-field.views-field-title a{
    color: #fff;
    height: auto;
}
aside .region .jcarousel-skin-default .jcarousel li { margin: 0 5px; position: relative; }
aside .region .jcarousel-skin-default .jcarousel li { margin: 0 2px; } /* aside article */

.page-node-type-event article .layout p {}
.maingallery .gallery_title_wrap { float: left; width: 100%; background: #efefef; padding: 7px 10px 7px; }
.maingallery .image { float: left; }
.maingallery .image-caption { float: left; padding: 5px 0 0; padding-left:60px;  width:70%; }
.maingallery .image-likes-count { float: right; }
.thumbsup_count { float:right; padding:3px; }

.thumbsup {background: url(../images/thumb-like.png) no-repeat no-repeat top left; text-indent: -99999px; float: right;  width: 30px; height: 30px;}
.thumbsup.thumbsup-1 {background: url(../images/thumb-like-active.png) no-repeat top left; }

.page-node-type-event .eventsHeader { /*position: relative;*/ }
.view-id-club_frontend .views-field-title {  padding: 0px 0 0; min-height: 0px; } /* club listing */
#block-views-block-club-frontend-block-1 .view-id-club_frontend .views-field-title,
#block-views-block-club-frontend-block-2 .view-id-club_frontend .views-field-title {  text-align: center; min-height: 44px; }
/* Newest Roads/Rides */

/*.view-id-route_frontend.view-display-id-block_5 .views-field.views-field-nothing.main-title-state-wrapper {
    width: 50%;
    float: left;
    font-weight: bold;
    padding: 7px;
}*/
 #block-views-block-route-frontend-block-9 .view-id-route_frontend.view-display-id-block_9 .views-field.rato-meter-wrap, #block-views-block-route-frontend-block-5 .view-id-route_frontend.view-display-id-block_5 .views-field.rato-meter-wrap { padding-top: 7px;     padding-bottom: 5px; }

.view-id-route_frontend.view-display-id-block_9 .jcarousel-skin-default .jcarousel li { background:#d3d3d3;     border: 1px solid #a3a3a3; }

/* states */
div#heap_map_filter_panel, .bef-exposed-form .form--inline > .form-item {
    padding: 15px 10px;
    /*border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;*/
    margin: 10px 0;
    color: #870000;
}
div#heap_map_filter_panel, .bef-exposed-form .form--inline > .form-item .control-label, .bef-exposed-form .form--inline > .form-item { width: auto; }
div#heap_map_filter_panel {
    padding: 30px;
    padding-left: 44px;
}
.bef-exposed-form .form--inline > .form-item .control-label, .bef-exposed-form .form--inline > .form-item { float: left; }
.bef-exposed-form .form--inline > .form-item { width: 100%; }
.bef-exposed-form .form--inline > .form-item .control-label { padding: 12px 0; }
.bef-exposed-form .form--inline > .form-item .select-wrapper { width: auto; float: left; }
.bef-exposed-form .form--inline > .form-item .select-wrapper select {border-radius: 0px; margin: 0px 4px; padding: 0 8px; height: 43px; color: #870000; }

.field { text-transform: capitalize; margin: 2px 0; }
.field--type-text-with-summary { text-transform: none; }

.form-inline .select-wrapper {width: 100%; float: left; }

div#heap_map_filter_panel span {
    font-weight: bold;
}
div#heap_map_filter_panel select {
    padding: 10px 5px;
}
.state-page .nav-tabs > li > a { color: #999; padding: 15px 10px 10px 50px; border:0; }
.state-page .nav-tabs > li.active > a,
.state-page .nav-tabs > li.active > a:hover,
.state-page .nav-tabs > li.active > a:focus { border:0; color: #870000; }
.state-page .nav-tabs > li.active > a { color: #870000; }
.state-page .nav-tabs > li > a#mview { background: url(../images/map-view-grey.png) no-repeat top left; }
.state-page .nav-tabs > li > a#lview { background: url(../images/list-view-grey.png) no-repeat top left; }
.state-page .nav-tabs > li.active > a#mview { background: url(../images/map-view-maroon.png) no-repeat top left; }
.state-page .nav-tabs > li.active > a#lview { background: url(../images/list-view-maroon.png) no-repeat top left; }


.state-page .nav-tabs { float:right; border:0; width: 280px; margin: 0 0 10px; }
/* states */

.node-details { padding: 10px 15px; }
.view-id-route_frontend.view-display-id-block_2 .views-row { float:left; border: 1px solid #d3d3d3; margin: 0 0 10px; }

.slick--view--route-frontend.slick--view--route-frontend--block-6 [class*="block-grid-"] > .grid { padding: 5px 5px 0; }
.slick button.slick-prev, .slick button.slick-prev:hover, .slick button.slick-prev:focus { background: url(../images/slider-left-arrow.png) no-repeat 0 0; }
.slick button.slick-next, .slick button.slick-next:hover, .slick button.slick-next:focus { background: url(../images/slider-right-arrow.png) no-repeat 0 0; }
.slick--view--route-frontend.slick--view--route-frontend--block-1 button.slick-prev { left:-33px; }
.slick--view--route-frontend.slick--view--route-frontend--block-1 button.slick-next { right:-33px; }
.slick button, .slick--thumbnail .slick__slide img { pointer-events: auto; height: 35px; width: 25px; }
.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.3; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before, .slick-prev:before, .slick-next:before { display:none; }
/* nav.slick__arrow {
    top: -25px;
    right: 0;
} */
/* .slick-prev.slick-arrow {
    right: 30px;
    left: auto;
}
.slick-next.slick-arrow {
    right: 0px;
    left: auto;
} */
.slick__arrow {
    bottom: auto;
    height: 2px;
    left: 0;
    margin-top: -1px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.best_route_footer .slick-prev, .new_route_footer .slick-prev {
    left: -27px;
}
.best_route_footer .slick-next, .new_route_footer .slick-next {
    right: -27px;
}

#node-route-form #edit-field-scenery-rating-0-value--description,
#node-route-form #edit-field-scenery-0-value--description,
#node-route-form #edit-field-road-quality-rating-0-value--description,
#node-route-form #edit-field-road-quality-0-value--description,
#node-route-form #edit-field-roadside-amenities-rating-0-value--description,
#node-route-form #edit-field-roadside-amenities-0-value--description,
#node-route-form #edit-field-additional-info-0-value--description,
#node-route-form #edit-field-nickname-0-value--description,
#node-route-form #edit-field-have-questions-0-value--description,
#node-event-form #edit-field-make-type--description,
#node-event-form #edit-field-bike-type--description{

    margin:0;
}

.view-id-route_frontend.view-display-id-page_2 .views-row { border: 1px solid #d3d3d3; }
.view-id-route_frontend.view-display-id-page_1 .views-row { border: 1px solid #d3d3d3; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-creator, .view-id-route_frontend.view-display-id-block_2 .views-field-field-creator { float: left; }
.view-id-route_frontend.view-display-id-page_1 .views-field-field-creator, .view-id-route_frontend.view-display-id-block_2 .views-field-field-creator { float: left; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-states, .view-id-route_frontend.view-display-id-block_2 .views-field-field-states { float: left; }
.view-id-route_frontend.view-display-id-page_1 .views-field-field-states, .view-id-route_frontend.view-display-id-block_2 .views-field-field-states { float: left; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-comment, .view-id-route_frontend.view-display-id-block_2 .views-field-field-comment{ float: left; }
.view-id-route_frontend.view-display-id-page_1 .views-field-field-comment, .view-id-route_frontend.view-display-id-block_2 .views-field-field-comment{ float: left; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-route-original-img, .view-id-route_frontend.view-display-id-block_2 .views-field-field-route-original-img{ float: left; border: 1px solid #d3d3d3; }
.view-id-route_frontend.view-display-id-page_1 .views-field-field-route-original-img, .view-id-route_frontend.view-display-id-block_2 .views-field-field-route-original-img{ float: left; border: 1px solid #d3d3d3; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-rating{ float: right; /*clear: both;*/ width: 110px; text-align: center; }
.view-id-route_frontend.view-display-id-page_1 .views-field-field-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-rating{ float: right; /*clear: both;*/ width: 110px; text-align: center; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-route-reference, .view-id-route_frontend.view-display-id-block_2 .views-field-field-route-reference{ float: left; width: 100%; font-weight: bold; padding: 10px 10px 0; }
.view-id-route_frontend.view-display-id-page_1 .views-field-field-route-reference, .view-id-route_frontend.view-display-id-block_2 .views-field-field-route-reference{ float: left; width: 100%; font-weight: bold; padding: 10px 10px 0; }
.view-id-route_frontend.view-display-id-page_2 .views-field-title, .view-id-route_frontend.view-display-id-block_2 .views-field-title{ float: left; width: 100%; font-weight: bold; padding: 10px 10px 0; }
.view-id-route_frontend.view-display-id-page_1 .views-field-title, .view-id-route_frontend.view-display-id-block_2 .views-field-title{ float: left; width: 100%; font-weight: bold; padding: 10px 10px 0; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-scenery-rating,
.view-id-route_frontend.view-display-id-page_1 .views-field-field-scenery-rating,
.view-id-route_frontend.view-display-id-page_2 .views-field-field-road-quality-rating,
.view-id-route_frontend.view-display-id-page_1 .views-field-field-road-quality-rating,
.view-id-route_frontend.view-display-id-page_2 .views-field-field-roadside-amenities-rating,
.view-id-route_frontend.view-display-id-page_1 .views-field-field-roadside-amenities-rating,
.view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery-rating,
.view-id-route_frontend.view-display-id-block_2 .views-field-field-road-quality-rating,
.view-id-route_frontend.view-display-id-block_2 .views-field-field-roadside-amenities-rating { float: left; width:33.33%; background:#efefef; padding:7px 3px; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-scenery-rating span,
.view-id-route_frontend.view-display-id-page_2 .views-field-field-road-quality-rating span,
.view-id-route_frontend.view-display-id-page_2 .views-field-field-roadside-amenities-rating span,
.view-id-route_frontend.view-display-id-page_1 .views-field-field-scenery-rating span,
.view-id-route_frontend.view-display-id-page_1 .views-field-field-road-quality-rating span,
.view-id-route_frontend.view-display-id-page_1 .views-field-field-roadside-amenities-rating span,
.view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery-rating span,
.view-id-route_frontend.view-display-id-block_2 .views-field-field-road-quality-rating span,
.view-id-route_frontend.view-display-id-block_2 .views-field-field-roadside-amenities-rating span { float: left; padding-right: 10px; padding-right: 7px; padding-left: 5px; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-scenery, .view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery { float: left; padding: 5px 10px; }
.view-id-route_frontend.view-display-id-page_1 .views-field-field-scenery, .view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery { float: left; padding: 5px 10px; }
.view-id-route_frontend.view-display-id-page_2 .views-field-field-estimated-length-of-route, .view-id-route_frontend.view-display-id-block_2 .views-field-field-estimated-length-of-route { float: left; }
.view-id-route_frontend.view-display-id-page_1 .views-field-field-estimated-length-of-route, .view-id-route_frontend.view-display-id-block_2 .views-field-field-estimated-length-of-route { float: left; }
.view-id-route_frontend.view-display-id-page_2 .views-field-view-node, .view-id-route_frontend.view-display-id-block_2 .views-field-view-node { /*float: left; padding: 0px 10px;*/ clear: both; }
.view-id-route_frontend.view-display-id-page_1 .views-field-view-node, .view-id-route_frontend.view-display-id-block_2 .views-field-view-node { /*float: left; padding: 0px 10px;*/ clear: both; }
.view-id-route_frontend.view-display-id-block_2 .views-field-view-node {padding: 10px; }
.view-id-route_frontend.view-display-id-page_2 .views-field .field-content, .view-id-route_frontend.view-display-id-block_2 .views-field .field-content {}
.view-id-route_frontend.view-display-id-page_1 .views-field .field-content, .view-id-route_frontend.view-display-id-block_2 .views-field .field-content {}
.view-id-route_frontend.view-display-id-page_2 #panel, .view-id-route_frontend.view-display-id-block_2 #panel { margin-bottom: 0; }
.view-id-route_frontend.view-display-id-page_1 #panel, .view-id-route_frontend.view-display-id-block_2 #panel { margin-bottom: 0; }
.view-id-route_frontend.view-display-id-page_2 .views-field.views-field-view-node,.view-id-route_frontend.view-display-id-page_2 .views-field.views-field-field-scenery, .view-id-route_frontend.view-display-id-block_2 .views-field.views-field-field-scenery { padding:7px 10px; font-size: 14px; float: left; width: 80%; }
.view-id-route_frontend.view-display-id-page_1 .views-field.views-field-view-node,.view-id-route_frontend.view-display-id-page_1 .views-field.views-field-field-scenery, .view-id-route_frontend.view-display-id-block_2 .views-field.views-field-field-scenery { padding:7px 10px; font-size: 14px; float: left; width: 80%; }

.region-content form.node-form { padding:20px 0; }
.region-content form.node-form label { text-transform: capitalize; }


#grey_section .profile_box{
    padding: 0px;
    margin-bottom: 20px;
}

#block-views-block-place-frontend-block-2 .views-field-field-description .field-content{
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    display: inline-block;
    width: 100%;
    font-size: 13px;
}

.path-motorcycle-rides-in .rating_meter_img {
    text-align: center;
}
.path-newest-motorcycle-roads .rating_meter_img {
    text-align: center;
}
.path-motorcycle-rides-in .latestEventsWrap .rating_meter_img .speedo_arrow {
    right: 14px;
}
.path-newest-motorcycle-roads .latestEventsWrap .rating_meter_img .speedo_arrow {
    right: 14px;
}
.path-motorcycle-rides-in #block-views-block-route-frontend-block-5 .rating_meter_img .speedo_arrow {
    right: 30px;
}
.path-motorcycle-rides-in #block-views-block-route-frontend-block-9 .rating_meter_img .speedo_arrow,.path-motorcycle-rides-in #block-views-block-route-frontend-block-5 .rating_meter_img .speedo_arrow {
    right: 18px;
}

#block-views-block-event-frontend-block-3 .jcarousel-skin-default .jcarousel-control-prev, #block-views-block-event-frontend-block-3  .jcarousel-skin-default .jcarousel-control-next,
.path-motorcycle-club #block-views-block-event-frontend-block-3 .jcarousel-skin-default .jcarousel-control-prev, .path-motorcycle-club #block-views-block-event-frontend-block-3  .jcarousel-skin-default .jcarousel-control-next,
.page-node-type-event #block-views-block-event-frontend-block-3 .jcarousel-skin-default .jcarousel-control-prev, .page-node-type-event #block-views-block-event-frontend-block-3  .jcarousel-skin-default .jcarousel-control-next {
    top: 32%;
    box-shadow: none;
    text-shadow: none;
    font: 52px Arial, sans-serif;
    background: rgba(0,0,0,0.5);
    border-radius: 0px;
}

.latestEventsWrap:before, .latestEventsWrap:after, .region-content-bottom:before, .region-content-bottom:after{
    display: table;
    content: '';
    clear: both;
}

.path-taxonomy .main-container{
    padding: 15px;
}
.view-club-frontend::after{
    display: table;
    content: '';
    clear: both;
}

.list-wrap{
    position: relative;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}
.list-wrap::before, .list-wrap::after{
    display: table;
    content: '';
    clear: both;
}
.list-wrap .img-location-left{ float: left; width: 20%; position: relative; border: 1px solid #cecece; }
.list-wrap .title-desc-right{
    float: right;
    width: 77%;
    font-size: 14px;
        color: #444;
}
.img-location-left .views-field-field-state-event{
    position:absolute;
    bottom: 0px;
    left:0px;
    background: rgba(255,255,255,0.7);
    color:#000;
    width: 100%;
    padding: 4px 4px 6px 25px;
    font-size: 11px;
    font-weight: bold;
    background-image: url(../images/listing-thumb-location.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
}
.list-wrap .title-desc-right .views-field-title a{
    color:#000;
    font-weight: bold;
    font-size:14px;
}
.list-wrap .title-desc-right .views-field-field-description{
    color: #444;
    margin-top: 5px;
    min-height: auto;
    margin-bottom: 5px;
}
.list-wrap .title-desc-right .views-read-more a{

}

.btnadd-bannerbox{
    position: absolute;
    bottom: -6px;
    right: 9%;
    z-index: 999;
}

.btnadd-bannerbox #addnew{
    line-height: 40px;
}

.rowfeatured {
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

.path-active-members .profile_image img{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
}
.path-active-members .profile_data .data_title, .path-active-members .profile_data .data_value{
    font-size: 14px;
}
.path-active-members .profile_wrapper{
    border-bottom: 1px solid #efefef;
}
.path-active-members .profile_data .profilename{
    color: #870000;
}

.path-active-members  .rowProfilebox{
    margin-bottom: 12px;
}

.profile_wrapper .profile_medal .rookie, .profile_wrapper .profile_medal .novice, .profile_wrapper .profile_medal .master, .profile_wrapper .profile_medal .expert{
    width: 50px;
    height: 70px;
    display: inline-block;
    background-size: contain;
    padding-right: 0px;
}
.rato-meter-wrap span{
    font-size: 9px;
}

aside .profile_wrapper{
    border-bottom: 1px solid #efefef;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

aside .profile_wrapper .profile_image{
    padding: 0px; margin-top: 3px;
}

aside .profile_wrapper .profile_medal{
    padding: 0px;
}
aside .profile_wrapper .profile_data{
    padding: 0px;
    padding-left: 6px;
    font-size: 13px;
    text-align: left;
    margin-top: 0px;
}
aside .profile_image img {
    border-radius: 50%;
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
}
aside .profile_wrapper .profile_data .profilename{
    font-size: 14px;
    color: #870000;
}
aside .profile_wrapper .profile_medal .rookie, aside .profile_wrapper .profile_medal .novice, aside .profile_wrapper .profile_medal .master, aside .profile_wrapper .profile_medal .expert {
    width: 50px;
    height: 70px;
    display: inline-block;
    background-size: contain;
    padding-right: 0px;
}
aside h1{
    font-size: 15px !important;
    font-weight: 600;
    margin-top: 0px;
    padding-left: 5px;
}
aside h2{
    margin-top: 0px;
}
.sectionContent4Cnt  .views-field.views-field-title{
    min-height: 60px;
}

.sectionsWrap .views-element-container .titlewrap{
    max-width: 90%;
    /* min-height: 40px; */
}
#block-views-block-route-frontend-block-9 .jcarousel-wrapper .jcarousel-control-prev,
#block-views-block-route-frontend-block-5 .jcarousel-wrapper .jcarousel-control-prev{
    top: -43px;
    color: #000;
    font-size: 42px;
    padding-top: 0px;
    height: 42px;
    line-height: 35px;
    right: 45px;
    left: auto;
}
#block-views-block-route-frontend-block-9 .jcarousel-wrapper .jcarousel-control-next,
#block-views-block-route-frontend-block-5 .jcarousel-wrapper .jcarousel-control-next{
    top: -43px;
    color: #000;
    font-size: 42px;
    padding-top: 0px;
    height: 42px;
    line-height: 35px;
    right: 5px;
    left: auto;
    }
.region-content-bottom{
    width: 100%;
}

.topprofilephoto{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border:1px solid #fff;
    cursor: pointer;
    margin-top: -8px;
}
.topprofilephoto img{
    border-radius: 50%;
    height: 100%;
}
.profiledetails{
    color:#fff;
    padding: 0px;
}
.topprofilephoto .profiledropdown{
    display: none;
    background: #d0d0d0;
    padding: 0px;
    position: absolute;
    width: 160px;
    bottom: -150px;
    z-index: 9999;
    right: -15px;
}
.topprofilephoto:hover .profiledropdown{
    display: block;
}
.topprofilephoto .profiledropdown ul{
    padding: 0px;     margin-bottom: 0;
}
.topprofilephoto .profiledropdown ul li{
    list-style: none;
    list-style-position: outside;
}
.topprofilephoto .profiledropdown ul li a{
    padding: 9px 10px;
    width: 100%;
    display: block;
    height: 100%;
    margin: 0;
}
.profiledropdown ul li a:hover{
    background-color: #959595;
    color: #f0f1e9;
    text-decoration: none;
}
.profiledropdown ul li a { background: url(../images/header-dropdown-icons.png) no-repeat -3px -10px; }
.profiledropdown ul li:first-child a { background-position: -3px -10px; }
.profiledropdown ul li:nth-child(2) a { background-position: -3px -62px; }
.profiledropdown ul li:nth-child(3) a { background-position: 0px -112px; }
.profiledropdown ul li:nth-child(4) a { background-position: 0px -165px; }
.profiledropdown ul li:first-child a:hover { background-position: -3px -210px; }
.profiledropdown ul li:nth-child(2) a:hover { background-position: -3px -262px; }
.profiledropdown ul li:nth-child(3) a:hover { background-position: 0px -312px; }
.profiledropdown ul li:nth-child(4) a:hover { background-position: 0px -365px; }


.latestEventsWrap{
    border: 1px solid #efefef;
}
.eventsWrapDiv  .view-active-members .view-content  .views-row { border: 0; }

.view-search-by-location .latestEventsWrap { border: 0; }
.view-search-by-location .views-col { margin: 0 10px; width: calc(50% - 20px )!important; border-bottom: 1px solid #cccccc; }
.view-search-by-location .views-col a { color: #000000; font-weight: bold; }
.view-search-by-location .views-col.col-1 { position: relative; }
.view-search-by-location .views-col .views-field-name {     padding: 10px; padding-left: 20px;
background: url(../images/keyboard-right-arrow-button.png) no-repeat;
background-position: 0px center;
background-size: 10px 10px;
}
.view-search-by-location .views-col.col-1:after { position: absolute; height:auto; width: 1px; top:-10px; bottom: -10px; right: -10px; content: "";  background: #cccccc; }
.view-search-by-location .views-col .views-field-tid {text-align: center; }
.view-search-by-location .views-col .views-field-tid p { margin: 0; }
.view-search-by-location .views-col .views-field-tid .state_tid{
    font-size: 16px;
    font-weight: bold;
    color: #870000;
}
.latestEventsWrap .views-label-field-scenery-rating, .latestEventsWrap .views-label-field-road-quality-rating, .latestEventsWrap .views-label-field-roadside-amenities-rating{
    font-size: 13px;
}
.latestEventsWrap .socialsharebox:after{
    display: table;
    content: '';
    clear: both;
}
#panel .socialsharebox span{
    width: 25%;
    font-size: 13px;
    height: 35px !important;
}
.block-views-blockclub-frontend-block-1 > h2, .block-views-blockplace-frontend-block-1 > h2,
.block-views-blockplace-frontend-block-2 > h2, .block-views-blockclub-frontend-block-2 > h2 { color: #870000; }

#block-views-block-route-frontend-block-9 li.slide__grid .grid__content, #block-views-block-route-frontend-block-5 li.slide__grid .grid__content{
    border: 1px solid #efefef;
    border-radius: 5px;
}
.views-field-field-route-thumb-img img{
    width: 100%;
}
.main-title-state-wrapper{
    padding: 10px;
    position: relative;
    min-height: 150px;
    background: #fff;
}
.main-title-state-wrapper .newest-rating-section.rato-meter-wrap.read {
    position: absolute;
    right: 18px;
    bottom: 20px;
}
.main-title-state-wrapper .title-newest{
    font-weight: bold;
    min-height: 50px;
}
.field-content.title-state-wrapper:after {
    display: table;
    content: '';
    clear: both;
}
/* .main-title-state-wrapper .field-content.title-state-wrapper .title-state-left{
    float: left;
    width: 60%;
}
.main-title-state-wrapper .field-content.title-state-wrapper .newest-rating-section{
    float: right;

} */

.large-block-grid-4 li{
    width: 20%;
}
#block-simplenewssubscription h2{
    color: #fff;
}
#block-views-block-route-frontend-block-3 .rating_meter_img .speedo_meter, #block-views-block-route-frontend-block-3 .rating_meter_img_disable{
    margin: auto;
}

.path-motorcycle-ride-events .latestEventsWrap, .path-motorcycle-club .latestEventsWrap, .path-motorcycle-place .latestEventsWrap{
    border: 0px solid;
}

.profile_wrapper.detailpage .profile_medal .rookie, .profile_wrapper.detailpage .profile_medal .novice, .profile_wrapper.detailpage .profile_medal .master, .profile_wrapper.detailpage .profile_medal .expert {
    width: 80px;
    height: 120px;
}
#panel.routedetails{
    font-size: 12px;
    float: none;
}
#panel.routedetails:before, #panel.routedetails:after, .bannerWrap:after{
    display: table;
    content: '';
    clear: both;
}
#panel.routedetails span{
    width: 16.5%;
}
#panel.routedetails span.rank-number {
    top: 9px;
    left: -2px;
    font-size: 12px;
    width: 19.5% !important;
    padding: 1px;
    position: absolute;
    text-align: center;
}
#panel.routedetails span.rank-text {
    width: 60% !important;
    padding: 0px;
}
aside #route_rating{
    float: none;
    display: flex;
    flex-flow: column;
    align-items: center;
}
aside #route_rating .overall-rate{
    color: #9e9e9e;
    font-size: 12px;
    font-weight: bold;
}
aside #route_rating:after{
    display: table;
    content: '';
    clear:both;
}
.page-node-type-route .page-header{
    display: none;
}
.eventsHeader .page-header{
    display: flex;
    align-items: center;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 60%;
    height: 100%;
}
.page-node-type-route .route_author h2{
    margin-top: 0px;
}
#block-views-block-event-frontend-block-1 li.slide__grid .views-field-title{
    height: 50px;
}

#block-views-block-event-frontend-block-1 .slick-prev {
    left: -25px;
}

#block-views-block-event-frontend-block-1 .slick-next {
    right: -25px;
}
#block-views-block-route-frontend-block-3 .slick-prev, .slick--view--route-frontend .slick-prev {
    left: -27px;
}
#block-views-block-route-frontend-block-3 .slick-next, .slick--view--route-frontend .slick-next {
    right: -27px;
}
#block-views-block-event-frontend-new-block-2 .slick-prev {
    left: -27px;
}
#block-views-block-event-frontend-new-block-2 .slick-next {
    right: -27px;
}
#block-homepagecontentadslot3, #block-homepagecontentadslot1, #block-homepagecontentadslot2, #block-homepagecontentadslot4{
    text-align: center;
    margin: 10px auto;
}
.view-id-search_by_location .view-header{
    text-align: right;
    position: absolute;
    right: 32px;
    top: 14px;
}
.view-id-search_by_location .view-header a {
    color: #7f2518;
    font-weight: bold;
    background: transparent;
    font-size: 14px;
}

#block-views-block-route-frontend-block-1 .slick__arrow{
    top:-20px;
    }
#block-views-block-route-frontend-block-1 button.slick-prev {
    right: 50px;
    left: auto;
}
#block-views-block-route-frontend-block-1 button.slick-next {
    right: 5px;
}


.featuredVideoWrap {
    padding: 20px 0px;
}

.customblock{
    display: block;
    position: relative;
}
.customblock:after{
    content: '';
    display: table;
    clear: both;
}
.st-btn[data-network="sharethis"] {
    background-color: transparent !important;
}
.gallery_title_wrap{
    position: relative;
}
.sharethis-inline-share-buttons.st-center{
    width: 120px;
    position: absolute;
    right: 69px;
    top: 0px;
}

.st-btn[data-network="sharethis"] svg {
    fill: #000 !important;
}
.st-total > span{
    font-size: 18px !important;
    line-height: 40px !important;
}
.st-total > span.st-shares {
    display: none !important;
    font-size: 9px !important;
    line-height: 14px !important;
}
.st-total {
    position: absolute;
    right: 20px;
}
.routedetails .st-total {
    position: absolute;
    right: -9px;
    color: #333 !important;
}
.routedetails .st-total > span.st-shares {
    display: block !important;
}
.routedetails .st-total > span{
    line-height: normal !important;
}
.socialsharebox .st-total {
    right: 7px;
}
.socialsharebox #t_share{
    background: none;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #870000;
    border-color: #870000;
}
.pagination > li > a, .pagination > li > span {
    color: #870000;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 2;
    color: #870000;
    background-color: #eeeeee;
    border-color: #ddd;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 6px;
}
.views-element-container .view-content:after{
    content: '';
    display: table;
    clear: both;
}
#block-views-block-route-frontend-block-1 button.slick-prev, #block-views-block-event-frontend-block-1 .slick-prev {
    background: url(../images/slider-left-arrow2.png) no-repeat 0 0;
}
#block-views-block-route-frontend-block-1 button.slick-next, #block-views-block-event-frontend-block-1 .slick-next {
    background: url(../images/slider-right-arrow2.png) no-repeat 0 0;
}
.my_motorcycle_0 .slick-prev, .my_motorcycle_1 .slick-prev {
    background: url(../images/slider-left-arrow.png) no-repeat 0 0;
    background-size: 70%;
    left: -23px;
    width: 30px;
    height: 30px;
    z-index: 999;
}
.my_motorcycle_0 .slick-next, .my_motorcycle_1 .slick-next {
    background: url(../images/slider-right-arrow.png) no-repeat 0 0;
    background-size: 70%;
    right: -33px;
    width: 30px;
    height: 30px;
}
.my_motorcycle_0 .slick-slide img, .my_motorcycle_1 .slick-slide img{
    width: 98%;
}
.view-empty{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
article img{
    /* max-width: 100%; */
}

.art_image img{
    max-width: 100%;
}

/*************************************************************************************************/

.form-group { margin-bottom: 20px; }
.node-form .layout { width: 50%; }
.form-control { color: #333333; }
.control-group .help-inline, .help-block { width: 80%; margin: 8px 0 10px; line-height: 22px; font-size:12px; color: #333; text-transform: none; }
.form-required:after { position: relative; right: -3px; }
.form-item  .panel-heading { font-weight:bold; }
.path-addroute input#submit { padding: 5px 30px; font-size: 14px; line-height: 1.42857143; color: #fff; background-color: #870000; border-color: #680101; border-radius: 5px; margin: 0 auto; display: table; }
fieldset .fieldset-legend, .form-item label, h1.page-header { text-transform: capitalize; }
legend { border-bottom: 1px solid #c1c1c1; margin-bottom: 5px; padding-bottom: 3px; }
.form-item .panel-body .form-group { margin-top:5px; }


/* search page */
.path-search .main-container section .region { padding: 25px 0 0; }
.path-search .main-container section .region h2 { padding: 25px 0 0; }
.path-search a.search-help-link { font-weight: bold; }
.path-search h3 { font-size: 16px; text-transform: capitalize; font-weight: bold; margin-bottom: 0px; }
.path-search p { margin-bottom: 0px; text-transform: capitalize; font-size: 16px; line-height: 24px; }
.path-search ol { font-size: 16px; }
.path-search h3 a { cursor: pointer; }
/* search page */

.path-motorcycle-articles .eventsInnerCnt .views-field.views-field-field-image { float: left; width: 30%; padding: 13px 20px 13px 0;  }
.path-motorcycle-articles .eventsInnerCnt .views-field.views-field-title, .path-motorcycle-articles .eventsInnerCnt .views-field.views-field-body { padding: 10px 0 5px; }
.path-motorcycle-articles .latestEventsWrap > .views-field-view-node { font-size: 14px; }

.main-container { padding-top: 15px; min-height: 283px; margin-bottom: 20px; }

.path-motorcycle-articles .region-sidebar-second { background: #fff; border:#b7b7b7 1px solid; padding: 10px; margin: 20px 0 0 0; }

/* login / register */
.path-user nav.tabs, .block-social-auth { margin: 20px 0; }
.signupText { padding: 0 0 10px; }
form#user-login-form, #block-motorcycleroads-socialauthlogin { width: 400px; margin: 20px auto; }
.path-user nav.tabs { display: table; margin: 0 auto 20px; }

.path-user .nav.nav-tabs > li > a { background: #dddddd; }
.path-user .nav.nav-tabs > li.active > a{ background: #efefef; }
.path-user .form-item-pass-pass2 { margin-bottom: 0px; }
.path-user td.field-multiple-drag { width: 45px; }
/* div#edit-actions { margin: 10px 0px; } */
section#block-views-block-search-by-location-block-1 { padding: 20px 15px; position: relative; }
.slick__slide {
    padding: 5px;
    width: 98% !important;
    background: #fff;
    position: relative;
}
#block-views-block-event-frontend-block-1 .slick__slide {
    width: 100%; background: none;
}
.slick__slide .views-field-field-route-thumb-img img{
    width: 100% !important;
    border:1px solid #d3d3d3;
}

#slick-views-route-frontend-block-1-1 .slick__slide .views-field-field-route-thumb-img img, #slick-views-route-frontend-block-1-2 .slick__slide .views-field-field-route-thumb-img img, #slick-views-route-frontend-block-1-3 .slick__slide .views-field-field-route-thumb-img img{
    height: 200px;
}

.photo-img {  /*border:1px solid #d3d3d3;*/ margin-bottom: 20px; }
.page-node-type-clubs .photo-img { cursor: pointer;}
.art_image{

}
.art_content{
    margin-top: 20px;
}
.profile_wrapper.detailpage:after{
    clear: both;
    display: table;
    content: '';
}
.profile_wrapper.detailpage{
    margin-bottom: 10px;
}
.page-node-type-route #block-views-block-route-frontend-block-7 .view-route-frontend.views-row {
    float: left;
    width: 100%;
    margin: 15px 0;
}

#st-1 .st-btn > svg {
    height: 34px !important;
    width: 34px !important;
}
#block-views-block-route-frontend-block-7 .views-row{
    margin-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
}
#block-views-block-route-frontend-block-7 .views-row:after{
    display: table;
    content: '';
    clear: both;
}
#block-views-block-route-frontend-block-7 .view-content:after, #block-views-block-route-frontend-block-7 .view-content:before{
    display: table;
    content: '';
    clear: both;
}
#block-views-block-route-frontend-block-7  .views-field-user-picture{
    width: 80px;
    height: 80px;
}
#larger_map{
    display: block;
}
.map_larger_image:after{
    display: table;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}
#larger_map .overlay{
    height: 100%;
    position: absolute;
    display: none;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    cursor: pointer;
}
#larger_map .info{
    position: absolute;
    display: none;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#larger_map:hover .overlay, #larger_map:hover .info{
    display: block;
}
#topreview .views-field-user-picture {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}
#grey_section #share_btn{
    position: relative;
    margin-top: 10px;
}
#grey_section #share_btn .sharethis-inline-share-buttons.st-center{
    position: relative;
    width: 46px;
    float: left;
    right: 8px;
}
#grey_section #share_btn .sharethis-inline-share-buttons.st-center .st-btn{
    height: 20px;
    margin-bottom: 0px;
}
#grey_section #share_btn .sharethis-inline-share-buttons.st-center .st-btn > svg{
    fill: #797777 !important;
    top: -1px !important;
    height: 26px;
    width: 26px;
}
#grey_section #share_btn .sharethis-inline-share-buttons.st-center .st-total {
    position: absolute;
    right: -11px;
    top: -13px;
    font-size: 10px !important;
}
#grey_section #share_btn .sharethis-inline-share-buttons.st-center .st-total > span{
    font-size: 14px !important;
}



.socialsharebox #t_share .sharethis-inline-share-buttons.st-center{
    position: relative;
    width: 46px;
    float: left;
    right: 20px;
}
.socialsharebox #t_share .sharethis-inline-share-buttons.st-center .st-btn{
    height: 20px;
    margin-bottom: 0px;
}
.socialsharebox #t_share .sharethis-inline-share-buttons.st-center .st-btn > svg{
    top: -1px !important;
    height: 26px !important;
    width: 26px !important;
}
.socialsharebox #t_share .sharethis-inline-share-buttons.st-center .st-total {
    position: absolute;
    right: -18px;
    top: -15px;
    font-size: 10px !important;
}
.socialsharebox #t_share .sharethis-inline-share-buttons.st-hidden{
    opacity: 1;
}
.socialsharebox #t_share .sharethis-inline-share-buttons.st-center .st-total > span{
    font-size: 14px !important;
}
.socialsharebox #t_share .sharethis-inline-share-buttons.st-center .st-total.st-hidden{
    display: block;
}

#customblock-02 .view-display-id-block_13 .views-row{
    border-bottom: 1px solid #efefef;
    margin-bottom: 10px;
}
#customblock-02 .view-display-id-block_13 .views-row:after {
    content: '';
    display: table;
    clear: both;
}
#customblock-02 .view-display-id-block_13 .views-row .views-field-user-picture{
    width:60px;
    height: 60px;
    margin: 0 5px 0 0;
}

#customblock-02 .view-display-id-block_13 .views-row .views-field-nothing{
    float: right;
    width: calc(100% - 65px);
}
#customblock-02 .view-display-id-block_13 .views-row .views-field-view-node{
    float: left;
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
    margin-top: 8px;
}
#customblock-02 .view-display-id-block_13 .views-row .views-field-nothing .review-detail{
    width: 95%;
}
#customblock-02 .view-display-id-block_13 .review-detail .review-detail-rating {
    float: none;
    display: inline-block;
    width: 100%;
}
.routedetails #st-1{
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.routedetails #st-1 .st-total > span{
    font-size: 12px !important;
    font-weight: 700 !important;
    float: none;
}
#block-views-block-route-frontend-block-3 h2.block-title, #block-views-block-article-block-1 h2.block-title{
    color: #8e1010;
}

.path-active-members .bef-exposed-form .form--inline, .path-states-list .bef-exposed-form .form--inline, .path-toprides-list .bef-exposed-form .form--inline{
    text-align: center;
}
.path-active-members .bef-exposed-form .form--inline > .form-item, .path-states-list .bef-exposed-form .form--inline > .form-item, .path-toprides-list .bef-exposed-form .form--inline > .form-item{
    width: auto;
}
.path-states-list .bef-exposed-form .form--inline > .form-item, .path-active-members .bef-exposed-form .form--inline > .form-item, .path-toprides-list .bef-exposed-form .form--inline > .form-item {
    padding: 0px;
    border-top: 0px solid #d3d3d3;
    border-bottom: 0px solid #d3d3d3;
    margin: 5px 0;
    color: #870000;
    float: none;
}
.path-states-list .form-inline .form-group, .path-active-members .form-inline .form-group, .path-toprides-list .form-inline .form-group{
    width: auto;
}
.path-states-list .form-inline .form-group .btn-info, .path-active-members .form-inline .form-group .btn-info, .path-toprides-list .form-inline .form-group .btn-info {
    color: #fff;
    background-color: #870000;
    border-color: #870000;
}

.path-states-list .form-inline .form-group#edit-actions, .path-active-members .form-inline .form-group#edit-actions,.path-toprides-list .form-inline .form-group#edit-actions{
    margin: 5px 0px;
    margin-left: 5px;
}
.page-node-type-route #block-views-block-route-frontend-block-7 .view-header{
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 5px;
    margin-top: 10px;
}
.page-node-type-route #block-views-block-route-frontend-block-7 .view-header > div, .page-node-type-route #block-views-block-route-frontend-block-7 .view-header > div > div{
    padding-left: 0px;
    padding-right: 0px;
}
.page-node-type-route #block-views-block-route-frontend-block-7 .view-header:after{
    clear: both;
    content: '';
    display: table;
}
.ui-autocomplete.ui-menu .ui-menu-item-wrapper{
    width: 100%;
    height: 100%;
    display: block;
}
.ui-autocomplete.ui-menu .ui-state-active{
    background: #7f2518;
    border: 1px solid #7f2518;
}

.block-custommap-interactive-block:before {
    clear: both;
    display: table;
    content: '';
}

.top_footer:after{
    display: table;
    content: '';
    clear: both;
}
.best_route_footer{
    background: url(../images/bg-best-roads.webp) no-repeat;
    background-size: cover;
    padding: 15px 0px;
}
.best_route_footer h2.block-title{
    color: #fff;
}
.best_route_footer .slick button.slick-prev{
    background: url(../images/slider-left-arrow2.png) no-repeat 0 0;
    border: 0px solid;
}
.best_route_footer .slick button.slick-next{
    background: url(../images/slider-right-arrow2.png) no-repeat 0 0;
}
.noindicator{
    background: #444;
    color: #fff;
    align-items: center;
    text-align: center;
    font-size: 11px;
    line-height: 25px;
    height: 30px;
    font-weight: bold;
}
.colorkey-text{
    font-size: 11px;
    line-height: 25px;
    height: 30px;
    font-weight: bold;
    background: #fff;
}
.heatmap-indicator{
    border: 1px solid #222;
}
.indicator{
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: rgb(233,0,0);
    background: -moz-linear-gradient(270deg, rgba(233,0,0,1) 0%, rgba(255,196,0,1) 23%, rgba(96,164,53,1) 52%, rgba(33,128,199,1) 79%, rgba(102,52,143,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(233,0,0,1) 0%, rgba(255,196,0,1) 23%, rgba(96,164,53,1) 52%, rgba(33,128,199,1) 79%, rgba(102,52,143,1) 100%);
    background: linear-gradient(270deg, rgba(233,0,0,1) 0%, rgba(255,196,0,1) 23%, rgba(96,164,53,1) 52%, rgba(33,128,199,1) 79%, rgba(102,52,143,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e90000",endColorstr="#66348f",GradientType=1);

}
#map_alert{
    position: relative;
    height: 100%;
    clear: both;
}
.indicator-box{
    display: flex;
    flex-flow: row;
    padding: 0px;
}
.indicator-box span{
    display: inline-block;
    width: 20%;
    height: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 11px;
    line-height: 25px;
}
.indicator-box span.no1{
    background: #6f359e;
}
.indicator-box span.no2{
    background: #1c2dfb;
}
.indicator-box span.no3{
    background: #3b9531;
}
.indicator-box span.no4{
    background: #fca54b;
}
.indicator-box span.no5{
    background: #fc0d1b;
}
.indicatorbox {
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 32px;
}

@media all and (max-width: 991px) {
    .indicatorbox {
        position: absolute;
        bottom: -70px;
        width: 100%;
        height: auto;
    }

}


.indicatorbox > div{
    margin: 0px;
    height: 100%;
}
.aboutimage img{
    margin-right: 10px;
    max-width: 100%;

}
.path-taxonomy .page_btn{
    position: absolute;
    right: 10px;
    bottom: 13px;
    float: none;
}

.aboutwrapper h2{
    color: #8e1010;
}
.aboutwrapper img{
    border: 3px solid #c8c8c7;
    margin-bottom: 15px;
}
.count-riders{
    color: #8e1010;
}
.new_route_footer{
    padding: 20px 0px;
}
.new_route_footer section, .best_route_footer section, .upcoming_event_footer section{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.path-taxonomy .page-header.container{
    float: none;
}
#block-views-block-place-frontend-block-1 .view-footer, #block-views-block-club-frontend-block-1 .view-footer{
    text-align: center;
}


.sectionContent2 .container:after{
    clear: both;
    display: table;
    content: '';
}
#state_body .tab-content:before, #state_body .tab-content:after{
    clear: both;
    display: table;
    content: '';
}
.star_panel{
    width: 100%;
    background: #fff;
    padding-top: 25px;
    padding-bottom: 10px;
}
.star_panel:after{
    clear: both;
    display: table;
    content: '';
}
#block-views-block-event-frontend-new-block-2 .unslick .slick__slide {
    width: 30% !important;
}
#slick-views-route-frontend-block-11-1.unslick .slick__slide {
    width: 30% !important;
}
#slick-views-route-frontend-block-12-2.unslick .slick__slide {
    width: 30% !important;
}
#state_body .container{
    position:relative;
}
#state_body .nav-tabs.pull-right{
    position: absolute;
    right: 0px;
    z-index: 99999;
    top: 33px;

}
#state_body #block-views-block-article-block-2{
    margin-top:127px;
}
.slick-slide img{
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.slick-slide .image{
    width: 100%;
}
.icon-twitter{
    background: url(../images/twitter.svg) no-repeat;
    background-size: auto 55%;
    background-position: 5px center;
    padding-left: 28px !important;
    background-color: #1da1f2 !important;
}
.icon-facebook{
    background: url(../images/facebook-logo.svg) no-repeat;
    background-size: auto 55%;
    background-position: 5px center;
    padding-left: 28px !important;
    background-color: #3b5998 !important;
}
.icon-digg{
    background: url(../images/digg.svg) no-repeat;
    background-size: auto 55%;
    background-position: 5px center;
    padding-left: 28px !important;
    background-color: #356AA0 !important;
}
.icon-email{
    background: url(../images/envelope.svg) no-repeat;
    background-size: auto 55%;
    background-position: 5px center;
    padding-left: 28px !important;
    background-color: #7d7d7d !important;
}
.icon-sharethis{
    background: url(../images/sharethis.svg) no-repeat;
    background-size: auto 55%;
    background-position: 5px center;
    padding-left: 28px !important;
    background-color: #95D03A !important;
}
#edit-submit-my-custom-search{
    margin-top: 0px;
}
#views-exposed-form-my-custom-search-page-1 .form-inline{
    float: right;
    padding-top: 7px;
}
#views-exposed-form-my-custom-search-page-1 .form-inline .control-label{ color: #fff;}

.faq-question {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    cursor: pointer;
}
.faq-question-answer{
    border: 1px solid #efefef;
    margin-bottom: 3px;
}
.faq-question a{ font-weight: 600;}
.faq-answer h2{
    margin: 0px;
}

.best_route_footer .view-empty{
    color:#fff;
}
.view-id-club_frontend .views-field-title{
    min-height: 0px;
}

#topreview .view-route-frontend .view-header{
    padding-right:9px;
}

.best_route_footer .rating_star_wrap .starrating, .best_route_footer .rating_star_wrap span{
    display:block;
    clear: both;
}

.new_route_footer .rating_star_wrap .starrating, .new_route_footer .rating_star_wrap span{
    display:block;
    clear: both;
}

.best_route_footer .rato-meter-wrap.read {
    float: right;
    position: absolute;
    right: 11px;
    bottom: 10px;
}
.best_route_footer .view-footer, .new_route_footer .view-footer{
    text-align: center;
}

.greysearchbox .form-inline .form-group, .greysearchbox .form-inline .select-wrapper{
    width:100%;
    }

    .greysearchbox .form-inline .form-control{
    width:100%;
    }

.best_route_footer #slick-views-route-frontend-block-3-2{
    position: relative;
 }

 .new_route_footer #slick-views-route-frontend-block-1-1{
    position: relative;
 }
 .new_route_footer .views-field-title a, .best_route_footer .views-field-title a, .best_route_footer .views-field-field-route-reference a{
    font-weight: bold;
}
 .page-node-type-route #block-views-block-route-frontend-block-6{
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 15px;
 }

 .star_panel:before{
    display: table;
    content: '';
    clear: both;
 }
 .best_route_footer .rating-star-wrapper, .new_route_footer .star_panel{
    margin-top: 5px;
 }

 #block-views-block-route-frontend-block-3 .rating_star_wrap{
    padding-top: 10px;
 }
 #block-views-block-route-frontend-block-6 .view-empty{
    margin-bottom: 15px;
}
.user-register-form #edit-actions{
    margin-top: 10px;
}
.searchstatebox{
    margin: 20px 0px;
    background: #e8e6e6;
    padding: 10px;
}
.searchstatebox h2{
    font-size: 18px !important;
}
.searchstatebox button{
    width: 100%;
}
.profile_medal {
    min-height: 75px;
}
.routedetails .st-btn > img {
    height: 34px !important;
    width: 34px !important;
    top: 12px !important;
    filter: brightness(0);
}
#grey_section .st-btn > img {
    top: 0px !important;
    filter: brightness(0.5);
}
.socialsharebox .st-btn > img {
    height: 30px !important;
    width: 30px !important;
    top: 0px !important;
    filter: brightness(0);
}
.slick-slide .st-btn > img {
    filter: brightness(0);
}
.nolink{
    cursor: auto !important;
}
section#block-newsletterblock-2{
    background: #878889;
    color: #fff;
}
section#block-newsletterblock-2 .newsletter-container{
    padding-top: 10px;
    padding-bottom: 20px;
}
section#block-newsletterblock-2 h2{
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 24px !important;
}

section#block-newsletterblock-2 input.txtcontrol{
    height: 40px;
    border-radius: 4px 0px 0px 4px;
    border: 0px solid;
    padding-left: 10px;
    padding-right: 10px;
    color: #000000;
    width: 65%;
}

section#block-newsletterblock-2 input.submit{
    height: 40px;
    padding: 0px 25px;
    background: #680101;
    border: 0px solid;
    font-size: 14px;
    border-radius: 0px 4px 4px 0px;
    font-weight: 600;
}

section#block-newsletterblock-2 form{
    margin-top: 20px;
}

#block-newestroadbottomad, #block-bestroadsbottomads{
    margin-top: 15px;
}
#block-views-block-route-frontend-block-12 .rating_star_wrap{
    margin-top: 10px;
}
.views-field.views-field-field-total-likes {
    position: absolute;
    color: #fff;
    top: 8px;
    right: 12px;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 11px;
    line-height: 25px;
    z-index: 99;
}

.views-field.views-field-field-total-likes > div{
    line-height: 40px;
}

#block-views-block-route-frontend-block-6 .views-field-nothing{
    position: relative;
}
#block-views-block-route-frontend-block-6 .views-field-nothing:before{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
    display: block;
    background: url(https://mcr-live.s3.amazonaws.com/images/gradient.png) no-repeat;
    background-size: 100%;
}

.borderfour{
    margin-bottom: 8px;
    border:1px solid #cfcfcf;
}

.user-form #edit-submit{
    margin-top: 10px;
    margin-bottom: 10px;
}
.top-rating-mobile{
    display: none;
}
.top-rating-mobile .overall-rate{
    text-align: center;
    color: #9e9e9e;
    font-size: 12px;
    font-weight: bold;
}
.page-node-type-route .top-rating-mobile  .views-field.views-field-field-rating{
    float: none;
    margin-left: 0px;
    margin: auto;
    width: fit-content;
}
.faq-global, .feeback-global{
    left: 100%;
    top: 311px;
    position: fixed;
    border: 2px solid white;
    border-top: none;
    font-weight: bold;
    color: white !important;
    display: block;
    white-space: nowrap;
    text-decoration: none !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 0 0 5px 5px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: top left;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: top left;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: top left;
    transform: rotate(90deg);
    transform-origin: top left;
    font-size: 16px;
    background-color: #000;
}
.faq-global a, .feeback-global a{ color: #fff; width: 100%; height: 100%; display: block;
    padding: 5px 15px;}
.faq-global a:hover, .feeback-global a:hover{ text-decoration: none}
.feeback-global{
    background: #680100;
    top: 205px;
}

#slick-slider-route .slick-slide .image{
    position: relative;
    width: 100%;
    height: 100%;
}
#slick-slider-route .slick-slide img.image-box{
    height: 350px;
    max-width: 100%;
}
#slick-slider-route .slick-slide .image .gallery_title_wrap{
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 9999;
}
.image-likes-count .thumbsup{
    cursor: pointer;
}

#slick-views-event-frontend-block-4-2 .slick__slide .views-field.views-field-title, #slick-views-event-frontend-block-4-1 .slick__slide .views-field.views-field-title,
#slick-views-event-frontend-block-3-2 .slick__slide .views-field.views-field-title, #slick-views-event-frontend-block-3-1 .slick__slide .views-field.views-field-title
 {
    padding: 10px 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #fff !important;
    width: 100%;
    height: auto;
    border-top: 1px solid #fff;
    background: rgba(0,0,0,0.8);
}

#slick-views-event-frontend-block-4-2 .slick__slide .views-field.views-field-title a, #slick-views-event-frontend-block-4-1 .slick__slide .views-field.views-field-title a,
#slick-views-event-frontend-block-3-2 .slick__slide .views-field.views-field-title a, #slick-views-event-frontend-block-3-1 .slick__slide .views-field.views-field-title a{
    color:#fff;
}

#slick-views-event-frontend-block-4-2 .slick__arrow .slick-arrow, #slick-views-event-frontend-block-4-1 .slick__arrow .slick-arrow,
#slick-views-event-frontend-block-3-2 .slick__arrow .slick-arrow, #slick-views-event-frontend-block-3-1 .slick__arrow .slick-arrow{
    top: 32%;
    box-shadow: none;
    text-shadow: none;
    font: 52px Arial,sans-serif;
    background: rgba(0,0,0,0.5);
    border-radius: 0px;
}

#slick-views-event-frontend-block-4-2 .slick__arrow .slick-prev, #slick-views-event-frontend-block-4-1 .slick__arrow .slick-prev,
#slick-views-event-frontend-block-3-2 .slick__arrow .slick-prev, #slick-views-event-frontend-block-3-1 .slick__arrow .slick-prev{
    left:6px;
}
#slick-views-event-frontend-block-4-2 .slick__arrow .slick-next, #slick-views-event-frontend-block-4-1 .slick__arrow .slick-next,
#slick-views-event-frontend-block-3-2 .slick__arrow .slick-next, #slick-views-event-frontend-block-3-1 .slick__arrow .slick-next{
    right:12px;
}

#slick-views-event-frontend-block-4-2  .slide__grid .slick__slide, #slick-views-event-frontend-block-4-1  .slide__grid .slick__slide,
#slick-views-event-frontend-block-3-2  .slide__grid .slick__slide, #slick-views-event-frontend-block-3-1  .slide__grid .slick__slide{
    width: 100% !important;
    border: 1px solid #8d2323;
}
#slick-views-event-frontend-block-4-2 .slick__arrow .slick-prev:after, #slick-views-event-frontend-block-4-1 .slick__arrow .slick-prev:after,
#slick-views-event-frontend-block-3-2 .slick__arrow .slick-prev:after, #slick-views-event-frontend-block-3-1 .slick__arrow .slick-prev:after{
    position: absolute;
    top: 0px;
    color: #ffffff;
    font-size: 30px !important;
    content: '\2039';
    right: 7px;
}
#slick-views-event-frontend-block-4-2 .slick__arrow .slick-next:after, #slick-views-event-frontend-block-4-1 .slick__arrow .slick-next:after,
#slick-views-event-frontend-block-3-2 .slick__arrow .slick-next:after, #slick-views-event-frontend-block-3-1 .slick__arrow .slick-next:after{
    position: absolute;
    top: 0px;
    color: #ffffff;
    font-size: 30px !important;
    content: '\203A';
    left: 7px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    #block-views-block-route-frontend-block-1 .views-field-field-route-thumb-img .field-content {
        height: 160px;
        width: 100%;
    }
    #slick-views-route-frontend-block-3-1 .speedo_arrow {
        right: 19px;
    }
    .sectionContent1, .sectionContent3, .featuredVideoWrap {
        padding: 20px 0px;
    }
    .jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4 {
        width: 90% !important;
        margin: auto;
    }
    .jcarousel-skin-default .jcarousel li {
        height: auto;
        width: 200px;
        margin: 0 10px;
    }
    .sectionContent3 .form-group {
        width: 96%;
        margin: auto;
    }
    #block-views-block-route-frontend-block-1 .form-group {
        width: 96%;
        margin: auto;
    }
    .path-frontpage h2.block-title {
        width: 100%;
        padding: 0px;
        margin: 0px auto 18px;
    }
    .customHeader .menu--header-menu {
        margin-left: 25%;
        width: 53%;
    }
    .customHeader .menu--log-in-menu {
        width: 22%;
    }
    .bottom-margin{
        margin-bottom: 10px;
    }

    .logoWrap .logo > img {
        width: 62%;
    }

    .eventsWrapDiv .starrating{
        display: block;
        clear: both;
    }
    .eventsWrapDiv .view-content .views-row {
        font-size: 14px;
    }
    .path-motorcycle-rides-in .rating_meter_img .speedo_arrow {
        right: 43px;
    }
    .path-newest-motorcycle-roads .rating_meter_img .speedo_arrow {
        right: 43px;
    }
    .latestEventsWrap > .views-field-field-photo {
        float: left;
        width: 35%;
        margin-right: 12px;
        height: 100%;
    }
    .latestEventsWrap > .views-field-field-event-state {
       width: 35%;
   }

    .view-id-article.view-display-id-block_3 .views-field-field-image img { width: 100%; }
    .list-wrap .img-location-left{
        float: left;
        width: 35%;
        position: relative;
    }
    .list-wrap .title-desc-right{
        float: right;
        width: 62%;
    }
    .skin1-ad, .skin2-ad { display: none; }

    .path-frontpage h2.block-title {
        width: 100%;
        padding: 0px;
        margin: 0px auto 18px;
        text-align: center;
    }
    .detailpage .profile_image {
        width: 20%;
        float: left;
    }
    .detailpage .profile_data {
        width: 60%;
        float: left;
    }
    .detailpage .profile_medal {
        width: 20%;
        float: right;
    }
    .btn-primary {
        font-size: 10px;
    }
    .view-id-search_by_location .view-header {
        text-align: right;
        position: absolute;
        right: 8px;
        bottom: -24px;
    }
    .path-frontpage .sectionContent2 .views-field a {
        font-size: 11px;
    }
    .path-frontpage .sectionContent2 { padding: 30px 0px;}
    .star_panel .rating_star_wrap{
        width: 50%;
    }
    .star_panel .rato-meter-wrap{
        width: 50%;
    }
    #state_body  #block-views-block-route-frontend-block-2 .bef-exposed-form .form--inline > .form-item .control-label {
        padding: 0px;
       width: 40%;
   }
   #state_body div#heap_map_filter_panel span {
       font-weight: bold;
       width: 26%;
       display: inline-block;
   }
  }

  /*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */

  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .bottom-margin{
        margin-bottom: 10px;
    }
    .path-motorcycle-rides-in .rating_meter_img .speedo_arrow {
        right: 43px;
    }
    .path-newest-motorcycle-roads .rating_meter_img .speedo_arrow {
        right: 43px;
    }
    .path-active-members .profile_image{
        padding: 0px;
    }
    .path-frontpage .sectionContent2 .views-field a {
        font-size: 11px;
    }
    .path-frontpage .sectionContent2 { padding: 30px 0px;}


  }

  @media all and (max-width: 480px) {
      .page-node-type-article .container.eventsInnerCnt{ padding:0px !important;}
.page-node-type-article .node-details { padding: 0px; }
    .feeback-global{
        background: #680100;
        top: 305px;
    }
    .faq-global{
        top: 414px;
    }
    #block-views-block-place-frontend-block-2 .views-field-view-node a{
        float: right;
    }
    #slick-views-route-frontend-block-11-1.unslick .slick__slide {
        width: auto !important;
    }
    #slick-views-route-frontend-block-12-2.unslick .slick__slide {
        width: auto !important;
    }
    #block-views-block-place-frontend-block-2 .view-display-id-block_2 .view-content, #block-views-block-club-frontend-block-2 .view-id-club_frontend .view-content {
        min-height: auto;
    }
      aside #route_rating{
          display: none;
      }
    .top-rating-mobile{
        display: block;
    }
    #block-views-block-place-frontend-block-1 .view-display-id-block_1 .view-content, #block-views-block-club-frontend-block-1 .view-id-club_frontend .view-content{min-height:auto;}
    .borderfour #panel span#t_share {
        padding: 5px 12px 0 10px;
    }
    .path-taxonomy .page_btn {
        bottom: 11px;
    }
    .route_detail_section span.star {
        display: block;
        width: 100%;
        clear: both;
        height: 30px;
    }
    #all_comments{
        margin-bottom: 20px;
    }
    #block-views-block-route-frontend-block-7 .review-detail-rating{
        float: none;
        display: block;
        width: 100%;
        clear: both;
    }
    .review-detail-comment, .review-detail-uuid {
        margin-top: 10px;
    }
    #views-exposed-form-my-custom-search-page-1 .form-inline .control-label{ display: none;}
    .customHeader > header {
        min-height: 60px;
    }
    #state_body .nav-tabs.pull-right {
        position: relative;
        right: 0px;
        top:auto;
    }
    #state_body .container{
        padding: 0px;
    }
    #state_body .starrating {
        display: block;
        clear: both;
    }
    #state_body .views-label-field-scenery-rating{
        min-height: 40px;
    }
    div#heap_map_filter_panel span {
        width: auto;
    }
    .bef-exposed-form .form--inline > .form-item {
        padding: 0px;
    }
    h2, .h2 {
        font-size: 18px !important;
        font-weight: 600;
    }
    .tooltip{
        display: none !important;
    }
    .sectionContent2 {
        padding: 30px 10px;
    }
    .path-frontpage .sectionContent2 .views-field a {
        font-size: 11px;
    }
    .path-states-list .form-inline .form-group#edit-actions, .path-toprides-list .form-inline .form-group#edit-actions{
        margin: 5px 0px;
        margin-left: 0px;
    }
    #block-views-block-place-frontend-block-2 h2, #block-views-block-club-frontend-block-2 h2{
        text-align: center;
    }
    #block-views-block-article-block-1 .col-xs-6{
        width: 100% !important;
    }
    .search-block-form#block-motorcycleroads-search > h2 {
        font-size: 15px !important;
        margin-bottom: 5px;
    }
    #block-exposedformmy-custom-searchpage-1-2 > h2, .search-block-form#block-motorcycleroads-search > h2 {
        font-size: 18px !important;
        margin-bottom: 5px;
    }
    #block-exposedformmy-custom-searchpage-1-2, #block-motorcycleroads-search{width: 95%;}
    #block-exposedformmy-custom-searchpage-1-2 form > div.form-inline div.form-item {
        width: 80%;
        float: left;
        margin-bottom: 0px !important;
    }
    #block-exposedformmy-custom-searchpage-1-2 form > div.form-inline .form-control{
        height: 40px;
    }
    #block-exposedformmy-custom-searchpage-1-2 form > div.form-inline .form-submit{
        height: 40px;
    }
    #block-exposedformmy-custom-searchpage-1-2  form > div.form-inline .form-submit {
        width: 20%;
    }
    .logoWrap .logo {
        width: 30%;
    }
    .logoWrap .logo > img {
        width: 100%;
    }
    .logoWrap {
        height: 40px;
    }

    .path-frontpage h2.block-title {
        width: auto;
        margin: 0px auto 18px;
        text-align: center;
        padding-left: 0px;
    }
    .jcarousel-skin-default .jcarousel li{
        width: auto;
    }
    .view_all_btn, .view-header a {
        padding: 10px 16px;
        font-size: 11px;
    }
    .search-block-form#block-motorcycleroads-search form > div.form-item {
        border: 5px solid rgba(0,0,0,0.4);
        border-radius: 14px;
    }
    .search-block-form#block-motorcycleroads-search form > div.form-item .form-control {
        height: 45px;
        border-radius: 10px 0 0 10px;
    }
    .search-block-form#block-motorcycleroads-search form > div.form-item .form-submit {
        height: 45px;
        width: 80px;
        border-radius: 0 10px 10px 0;
    }
    .sectionContent3 .form-group {
        width: auto;
    }
    #block-views-block-route-frontend-block-1 .form-group {
        width: auto;
    }
    .featuredVideoWrap {
        padding: 20px 20px;
    }
    .youtube-container iframe{width: 100%;}
    .footer .logo {
        width: 100%;
    }
    .featsectionContent2 .view-content {
        flex-direction: unset;
        height: auto;
    }
    .featsectionContent2 .view-content .views-row{
        padding-right: 10px;
    }
    .featsectionContent2 h2.block-title{
        margin: 18px auto 10px;
    }
    .eventsHeader {
        position: relative;
        height: 44px;
    }
    .eventsHeader .page_btn {
        float: none;
        display: block;
        clear: both;
    }
    #panel span{
        font-size: 9px;
    }
    #panel span.rank-number {
        top: 10px;
        left: 7px;
        font-size: 12px;
    }
    #rank span.rank-text {
        width: 100% !important;
    }
    .route .route_author_thumb{
        margin-right: 10px;
    }
    #topreview .views-col {
        width: 100% !important;
    }
    #topreview .views-col .img-responsive{
        width: 60px;
        height: 60px;
    }
    .page-node-type-route #topreview .views-field.views-field-title {
        float: left;
        padding: 0 3px 0 0;
        width: 66.3%;
    }
    #block-custommapinteractiveblock:before{
        clear: both;
    }
    .main-container aside:before, .main-container aside:after {
        clear: both;
        display: table;
        content:'';
    }
    .route-rhs .views-field.views-field-title{
     padding-left: 10px;
    }
    .view-id-club_frontend.view-display-id-block_2, .view-id-club_frontend.view-display-id-block_1 {
        border-left:0px solid #d8d8d8;
     }
     .view-id-club_frontend.view-display-id-block_2 .views-field-field-photo .img-responsive {
        width: 100%;
     }
     #block-views-block-club-frontend-block-2 .view-id-club_frontend .view-content {
        margin: 0px 15px;
    }
     #edit-mail-wrapper{
         margin: auto;
         margin-left: 10px;
         width: 98%;
     }
     #edit-mail-wrapper input {
        width: 50% !important;
    }
    .path-motorcycle-rides-in .starrating{
        display: block;
        clear: both;
    }
    .path-newest-motorcycle-roads .starrating{
        display: block;
        clear: both;
    }

    .path-motorcycle-rides-in #panel span{
        padding: 4px 2px 0 20px;
        font-size: 9px;
    }
    .path-newest-motorcycle-roads #panel span{
        padding: 4px 2px 0 20px;
        font-size: 9px;
    }
    #panel .socialsharebox span {
        width: 50%;
        font-size: 9px;
        height: 35px !important;
    }
    .path-motorcycle-rides-in #panel span.rank-number {
        top: 2px;
        left: -7px;
        font-size: 12px;
        width: 30% !important;
        padding: 1px;
    }
    .path-newest-motorcycle-roads #panel span.rank-number {
        top: 2px;
        left: -7px;
        font-size: 12px;
        width: 30% !important;
        padding: 1px;
    }
    .path-motorcycle-rides-in #panel span.rank-text {
        width: 60% !important;
        margin-left: 12%;
    }
    .path-newest-motorcycle-roads #panel span.rank-text {
        width: 60% !important;
        margin-left: 12%;
    }
    .path-motorcycle-rides-in #panel span#mile {
        padding: 16px 12px 0 40px;
    }
    .path-newest-motorcycle-roads #panel span#mile {
        padding: 16px 12px 0 40px;
    }
    .path-motorcycle-rides-in #panel span#t_follow {
        padding: 16px 12px 0 35px;
    }
    .path-newest-motorcycle-roads #panel span#t_follow {
        padding: 16px 12px 0 35px;
    }

    .path-motorcycle-rides-in #panel span#t_follow, .path-motorcycle-rides-in #panel span#t_share {
        background-position: 10px 16px;
        background-size: auto 40%;
        padding: 10px 2px 0 40px;
        position: relative;
    }
    .path-newest-motorcycle-roads #panel span#t_follow, .path-newest-motorcycle-roads #panel span#t_share {
        background-position: 10px 16px;
        background-size: auto 40%;
        padding: 10px 2px 0 40px;
        position: relative;
    }
    .path-motorcycle-rides-in .latestEventsWrap .views-label{
        font-size: 12px;
        min-height: 35px;
        display: inline-block;
    }
    .path-newest-motorcycle-roads .latestEventsWrap .views-label{
        font-size: 12px;
        min-height: 35px;
        display: inline-block;
    }
    #block-exposedformevent-frontendpage-6 {
        width: 100%;
    }
    #block-exposedformevent-frontendpage-6 .block-title{font-size: 15px!important;}
    .path-motorcycle-club .region-sidebar-second, .path-motorcycle-ride-events .region-sidebar-second, .page-node-type-event .region-sidebar-second, .path-motorcycle-place .region-sidebar-second, .path-motorcycle-club .region-sidebar-second, .page-node-type-place .region-sidebar-second{
        width: 100%;
    }
    .path-motorcycle-club aside:before, .path-motorcycle-club aside:after,
    .path-motorcycle-ride-events aside:before, .path-motorcycle-ride-events aside:after, .page-node-type-event aside:before, .page-node-type-event aside:after{
        display: table;
        content: '';
        clear: both;
    }
    .path-motorcycle-club aside.pull-right, .path-motorcycle-ride-events aside.pull-right, .page-node-type-event aside.pull-right{
        float: none !important;
    }

    aside .region .views-field.views-field-title {
        padding: 0px 15px;
    }

    #block-motorcycleroads-footer {
        margin-left: 10%;
        margin-top: 14px;
    }
    .bottom-margin{
        margin-bottom: 10px;
    }
    .latestEventsWrap > .views-field-field-event-state {
        font-size: 11px;
        font-weight: bold;
        position:relative;
         color: #000;
        /* bottom: 243px; */
        /* left: 0px; */
        /* bottom: 0px; */
        padding:0px;
        width: auto;
        background:none;
    }
    .latestEventsWrap > .views-field-field-state-event {
        font-size: 11px;
        font-weight: bold;
        position:relative;
        color: #000;
        padding:0px;
        width: auto;
        background:none;
    }
    .eventsHeader h1 {
        font-size: 15px;
        font-weight: bold;
    }
    .eventsHeader .page-header{
        width: 85%;
        padding: 0;
    }
    .list-wrap .img-location-left{
        float: left;
        width: 35%;
        position: relative;
    }
    .list-wrap .title-desc-right{
        float: left;
        width: 60%;
        margin-left: 10px;
    }
    .img-location-left .views-field-field-state-event {
        font-size: 10px;
    }
    .profile_wrapper:after{
        display: table;
        content: '';
        clear: both;
    }

    .profile_wrapper .profile_image{
        padding: 0px;
    }

    .profile_wrapper .profile_medal{
        padding: 0px;
        text-align: center !important;
    }
    .profile_wrapper .profile_data{
        padding: 0px;
        text-align: center;
        margin-top: 20px;

    }
    .rowProfilebox .profile_wrapper .profile_data{
        padding: 0px;
        text-align: left;
        margin-top: 0px;

    }
    .path-active-members .profile_data .data_title, .path-active-members .profile_data .data_value{
        font-size: 12px;
        line-height: 12px;
    }
    .path-active-members .rowProfilebox{
        padding-left:0px;
        padding-right:0px;
    }
    .path-active-members .profile_wrapper {
        margin: 0px;
        padding: 0px;
    }
    .views-field-user-picture {
        width: 20%;
    }

    .review-detail {
        float: right;
        width: 70%;
    }

    #panel.routedetails span {
        width: 32.5%;
    }
    #panel.routedetails span#rank {
        background-size: auto 65%;
    }
    #panel.routedetails span#mile {
        background-size: auto 65%;
    }
    #panel.routedetails span#t_follow {
        background-size: auto 40%;
    }
    #panel.routedetails span#t_share {
        background-size: auto 40%;
    }
    #panel.routedetails span#t_rode {
        background-size: auto 38%;
    }
    #panel.routedetails span#t_ride {
        background-size: auto 38%;
    }
    #panel.routedetails span.rank-number {
        top: 3px;
        left: -3px;
    }

    .customthumb .thumb_img {
        width: 60px;
        height: 60px;
    }
    .maingallery:after {
        display: table;
        content: '';
        clear: both;
    }

    .sectionContent1, .sectionContent3, .featuredVideoWrap {
        padding: 20px 0px;
    }
    .route-rhs .views-row {
        padding: 0px;
    }
    .path-frontpage #slick-views-route-frontend-block-3-1 .speedo_arrow {
        right: 14px;
    }

    .customHeader .menu--header-menu {
        margin-left: 0%;
        float: none;
        width: 100%;
    }
    .customHeader #block-headermenu {
        margin-top: 30px;
    }
    .profile_box {
        margin-top: 10px;
        text-align: center;
        padding: 0;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .st-total > span {
        font-size: 10px !important;
    }
    #block-views-block-route-frontend-block-1 .speedo_arrow {
        right: 53px;
        top: 13px;
    }
    .path-frontpage #block-views-block-route-frontend-block-1 .speedo_arrow {
        right: 19px !important;
        top: 17px !important;
    }
    .main-title-state-wrapper .newest-rating-section.rato-meter-wrap.read {
        position: absolute;
        right: 40px;
        bottom: 20px;
    }
    #views-exposed-form-place-frontend-page-4 .fieldgroup{
        width: 100%;
    }
    .view-id-search_by_location .view-header {
        text-align: center;
        position: absolute;
        right: auto;
        top: auto;
        left: 50%;
        bottom: -22px;
        transform: translateX(-50%);
    }
    #block-views-block-route-frontend-block-1 button.slick-prev {
        right:auto;
        left: -7px;
    }
    #block-views-block-route-frontend-block-1 button.slick-next {
        right:-7px;
        left: auto;
    }
    .view-id-club_frontend.view-display-id-block_2 {
        border-left: 0px solid #d8d8d8;
        }
        .maingallery .create_button {
            margin: 0 0 0px;
            position: relative;
        }
        .view-id-article.view-display-id-block_3 .views-field-field-image {
            width: 28%;
        }

        .path-motorcycle-articles .eventsInnerCnt .views-field.views-field-field-image {
            float: none;
            padding: 13px 0px 13px 0;
            width: 100%;
        }
        .path-motorcycle-articles .eventsInnerCnt .views-field.views-field-field-image img{
            width: 100%;
        }
        .maingallery .create_button .points_info{
            margin-right: 0px !important;
        }
        .my_motorcycles .slick-slide img {
            display: block;
            width: 100%;
        }
        .path-member .eventsWrap #container{
            padding-left: 0px;
            padding-right: 0px;
        }
        .maingallery .create_button {
            margin: 0 0 15px;
            text-align: right;
            /* float: left; */
            width: 100%;
            position: relative;
            height: 90px;
            background: #edf0f5;
            z-index: 999;
            padding: 5px 0;
            display: flex;
            flex-flow: row;
            justify-content: space-between;
            align-items: center;
        }
        .maingallery .create_button .earn-mcr-wrap {
            float: none;
            display: flex;
            flex-direction: row;
            align-items: center;
            text-align: left;
        }
        .maingallery div#addnew {
            float: right;
            position: relative;
            width: 35%;
            padding: 8px 0px 8px 0px;
        }
        .maingallery div#addnew a {
            text-align: center  !important;
            width:38px  !important;
            padding: 44px 0 0 0 !important;
            font-size: 11px !important;
            margin-right: 6px;
        }
        .maingallery #addnew a:after {
            top: 22px !important;
            width: 100%;
            padding-right: 0px;
            background-position: center;
        }
        .topprofilephoto{
            float: right;
        }
        .profiledetails .profilename{
            display: block;
            text-align: right;
        }
        .profiledetails .profilepoints{
            display: block;
            text-align: right;
        }
        .earn-mcr-wrap .points_info {
            padding: 12px 10px 0 0;
        }
        .navbar-collapse.in {
            overflow-y: unset !important;
        }
        .dropdown-menu {
            right: 0px;
            left: auto;
        }
        .maingallery .slick-slider-thumbnail .image_thumbnail{
            width: 50%;
            float: left;
        }
        .sharethis-inline-share-buttons.st-center {
            right: 39px;
        }
        .path-states-list .views-field-name, .path-toprides-list .views-field-name{
            float: none;
        }
        .path-states-list .views-field.views-field-tid, .path-toprides-list .views-field.views-field-tid{
            float: none;
        }
        .path-states-list .view-search-by-location .views-col .views-field-tid, .path-toprides-list .view-search-by-location .views-col .views-field-tid{
            text-align: left;
        }
        .path-states-list .view-search-by-location .views-col, .path-toprides-list .view-search-by-location .views-col {
            margin: 0 10px;
            width: calc(50% - 20px)!important;
            min-height: 140px;
            border-bottom: 1px solid #cccccc;
        }
        .path-states-list .eventsWrapDiv .view-content .views-row, .path-toprides-list .eventsWrapDiv .view-content .views-row{
            margin-bottom: 5px;
        }
        .path-states-list .view-search-by-location .views-col a, .path-toprides-list .view-search-by-location .views-col a{
            font-size: 14px;
        }
        .view-footer{
            text-align: center;
        }

        .path-frontpage #block-views-block-route-frontend-block-3 .slick__arrow{
            top: 0px;
        }
        .path-frontpage #block-views-block-route-frontend-block-3 .slick-next {
            right: 4px;
            top: -25px;
        }
        .path-frontpage #block-views-block-route-frontend-block-3 .slick-prev {
            left: 4px;
            top: -25px;
        }
        #block-views-block-club-frontend-block-1 .view-id-club_frontend .view-content {
            clear: both !important;
            display: table;
            min-height: 400px;
            margin: 0px 0px;
        }
        .path-taxonomy .page_btn a span{
            display: none;
        }
        .path-taxonomy .page_btn {
            right: -14px;
            bottom: 11px;
        }
        .top_footer > .container section{
            margin: 0px;
        }
        .path-frontpage .sectionContent2 {
            padding: 30px 0px;
        }
        .unslick .slick__slide {
            width: 100%;
        }
        #block-exposedformmy-custom-searchpage-1 .form-inline .form-group, .form-inline .select-wrapper {
             width: 60%;
             float: left;
             margin:0;
        }
        #block-exposedformmy-custom-searchpage-1  .form-group#edit-actions, #block-exposedformmy-custom-searchpage-1 .form-actions{
            width: 35% !important;
            margin-left: 10px !important;
        }
        #views-exposed-form-my-custom-search-page-1 .form-inline{
            padding-top: 3px;
        }
        .st-custom-button[data-network] {
            margin-bottom: 5px;
            margin-right: 5px;
        }
        div#heap_map_filter_panel {
            padding: 6px 0px;
            padding-left: 0px;
        }
        .path-motorcycle-rides-in #panel span#t_share {
            padding: 10px 2px 0 4px !important;
        }
        .path-newest-motorcycle-roads #panel span#t_share {
            padding: 10px 2px 0 4px !important;
        }
        .sharethis-inline-share-buttons.st-center {
            left: -15px;
        }

        .routedetails .sharethis-inline-share-buttons.st-center {
            left: -40px;
        }

        .slick-internal-thumbs > .image_thumbnail{
            margin-bottom: 10px !important;
        }
        .slick-internal-thumbs > .image_thumbnail .thumb_img{
            max-width: 100% !important;
            height: 95px !important;
        }
        .newbreadcrumb{
            height: auto;
        }
        .page-node-type-route .bannerWrap img {
            margin-bottom: 0;
        }
        div#route_title, .page_btn {
            font-size: 13px;
        }
        #gallery_modal .modal-dialog{
            width: 100%;
        }

        .sectionContent1 .rating_star_wrap > span, .sectionContent1 .rato-meter-wrap span, #block-views-block-route-frontend-block-1 .rating_star_wrap > span, #block-views-block-route-frontend-block-1 .rato-meter-wrap span {
            font-size: 13px;
        }
        .route-rhs .featured_articles_route span.field-content a {
            font-size: 13px;
        }
        .user-register-form input{ width: 100% !important; }
        .user-register-form select {width:100% !important; }
        .user-register-form .password-strength__meter {
            width: 100%;
        }
        .user-register-form div#edit-mail--description, .user-register-form div#edit-field-about-you-wrapper {
            width: 100% !important;
        }
        .user-register-form div#edit-field-motorcycles-wrapper{
            width: 100% !important;
        }
        #block-views-block-club-frontend-block-2 .view-id-club_frontend .views-field-title {min-height:auto; }
   }
   .loading_message{
       z-index: 999;
        color: #000000;
        width: 100%;
        position: absolute;
        position: absolute;
        bottom: 31px;
        width: 100%;
        height: 30px;
        padding: 5px;
        background-color: #B3cccccc;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
   }
   @media all and (min-width: 480px) and (max-width: 767px) {
     .page-node-type-article .container.eventsInnerCnt{ padding:0px !important;}
    .page-node-type-article .node-details { padding: 0px; }
    .loading_message{
        z-index: 999;
        color: rgb(0, 0, 0);
        position: absolute;
        bottom: 21px;
        width: 100%;
        height: 68px;
        padding: 5px;
        background-color: rgba(179, 204, 204, 0.8);
        font-weight: bold;
        font-size: 12px;
        text-align: center;
    }
    .user-register-form .password-strength__meter {
        width: 100%;
    }
    .user-register-form div#edit-mail--description, .user-register-form div#edit-field-about-you-wrapper {
        width: 100% !important;
    }
    .user-register-form div#edit-field-motorcycles-wrapper{
        width: 100% !important;
    }
    .user-register-form input{ width: 100% !important; }
    .user-register-form select {width:100% !important; }
    #block-views-block-club-frontend-block-2 .view-id-club_frontend .views-field-title {min-height:auto; }
    .page-node-type-route .bannerWrap img {
        margin-bottom: 0;
    }
    div#route_title, .page_btn {
        font-size: 13px;
    }
    #gallery_modal .modal-dialog{
        width: 100%;
    }
    #block-exposedformmy-custom-searchpage-1 .form-inline .form-group, .form-inline .select-wrapper {
        width: 60%;
        float: left;
   }
   #block-exposedformmy-custom-searchpage-1  .form-group#edit-actions, #block-exposedformmy-custom-searchpage-1 .form-actions{
        width: 35% !important;
        margin-left: 10px !important;
   }
   #views-exposed-form-my-custom-search-page-1 .form-inline{
        padding-top: 3px;
   }
    .feeback-global{
        background: #680100;
        top: 195px;
    }
    .faq-global{
        top: 300px;
    }
    #block-views-block-place-frontend-block-2 .views-field-view-node a{
        float: right;
    }
    .review-detail {
        float: right;
        width: 80%;
    }
    #block-views-block-place-frontend-block-2 .view-display-id-block_2 .view-content, #block-views-block-club-frontend-block-2 .view-id-club_frontend .view-content {
        min-height: auto;
    }
    aside #route_rating{
        display: none;
    }
    .top-rating-mobile{
        display: block;
    }
    #block-exposedformmy-custom-searchpage-1-2 > h2, .search-block-form#block-motorcycleroads-search > h2 {
        font-size: 18px !important;
        margin-bottom: 5px;
    }
    #block-exposedformmy-custom-searchpage-1-2, #block-motorcycleroads-search{width: 95%;}
    #block-exposedformmy-custom-searchpage-1-2 form > div.form-inline div.form-item {
        width: 80%;
        float: left;
        margin-bottom: 0px !important;
    }
    #block-exposedformmy-custom-searchpage-1-2 form > div.form-inline .form-control{
        height: 40px;
    }
    #block-exposedformmy-custom-searchpage-1-2 form > div.form-inline .form-submit{
        height: 40px;
    }
    #state_body .nav-tabs.pull-right {
        position: relative;
        right: 0px;
        top:auto;
    }
    div#heap_map_filter_panel span {
        width: auto;
    }
    .bef-exposed-form .form--inline > .form-item {
        padding: 0px;
    }
    .navbar-collapse.in {
        overflow-y: unset !important;
    }
    .profile_box {
        width: 65%;
    }
    .profiledetails .profilename{
        display: block;
    }
    .customHeader .menu--header-menu {
        width: 76%;
    }
    .path-frontpage #slick-views-route-frontend-block-3-1 .speedo_arrow {
        right: 6px;
        top: 4px;
    }
    .footer .logo {
        float: none !important;
    }
    #block-infoblock{
        margin-bottom: 20px;
    }
    .footer .logo img {
        max-width: 40% !important;
    }
    #block-views-block-club-frontend-block-2 .col-md-4.col-sm-4.views-row {
        width: 50%;
        float: left;
    }
    #block-views-block-club-frontend-block-1 .col-md-4.col-sm-4.views-row {
        width: 50%;
        float: left;
    }
    .view-id-club_frontend.view-display-id-block_2 {
        border-left: 0px solid #d8d8d8;
    }
    .view-id-club_frontend.view-display-id-block_1{
        border-left: 0px solid #d8d8d8;
    }
    .view-id-article.view-display-id-block_3 .views-field-field-image{
        width: 16% !important;
    }
    .view-id-route_frontend.view-display-id-page_2 .views-field-field-scenery-rating span, .view-id-route_frontend.view-display-id-page_2 .views-field-field-road-quality-rating span, .view-id-route_frontend.view-display-id-page_2 .views-field-field-roadside-amenities-rating span, .view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery-rating span, .view-id-route_frontend.view-display-id-block_2 .views-field-field-road-quality-rating span, .view-id-route_frontend.view-display-id-block_2 .views-field-field-roadside-amenities-rating span {
        display: contents;
    }
    .view-id-route_frontend.view-display-id-page_1 .views-field-field-scenery-rating span, .view-id-route_frontend.view-display-id-page_1 .views-field-field-road-quality-rating span, .view-id-route_frontend.view-display-id-page_1 .views-field-field-roadside-amenities-rating span, .view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery-rating span, .view-id-route_frontend.view-display-id-block_2 .views-field-field-road-quality-rating span, .view-id-route_frontend.view-display-id-block_2 .views-field-field-roadside-amenities-rating span {
        display: contents;
    }
    .maingallery .create_button {
        margin: 0 0 0px;
        position: relative;
    }
    #views-exposed-form-place-frontend-page-4 .fieldgroup {
        width: 100%;
    }
    .detailpage .profile_image {
        width: 20%;
        float: left;
    }
    .detailpage .profile_data {
        width: 60%;
        float: left;
    }
    .detailpage .profile_medal {
        width: 20%;
        float: right;
    }
    aside .profile_wrapper .profile_image {
        width: 15%;
        margin-right: 20px;
    }
    .rowProfilebox .profile_image {
        width: 15%;
        float: left;
    }
    .rowProfilebox .profile_data {
        width: 66%;
        float: left;
    }
    .sharethis-inline-share-buttons.st-center {
        left: -35px;
    }
    div#route_title {
        font-size: 13px;
        width: 50%;
    }
    .page_btn {
        font-size: 13px;
    }
    #panel.routedetails {
        font-size: 9px;
    }
    .unslick .slick__slide {
        width: 100%;
    }

   }




/* login / register */

@media all and (min-width: 1200px) {
    .path-frontpage .container{
        width:calc(100% - 340px) !important;
    }
    .path-frontpage .bannerWrap.container{
        width:100% !important;
    }
}

@media all and (max-width: 1200px) {
.views-field-user-picture { margin: 0 10px 10px 0; }
.page-node-type-route #topreview .views-field.views-field-title, .page-node-type-route .views-field.views-field-created, .page-node-type-route .views-field.views-field-field-comment
{ width: 61.5%; }

}

@media all  and (min-width: 768px) and (max-width: 1024px) {
     .mobile-ad { display: block; }
    .desktop-ad { display: none; }
    #block-exposedformmy-custom-searchpage-1-2 form > div.form-inline div.form-item {
        width: 80%;
        float: left;
        margin-bottom: 0px !important;
    }
    #block-exposedformmy-custom-searchpage-1-2  form  div.form-group{
        display: block;
    }
    #block-exposedformmy-custom-searchpage-1-2  form > div.form-inline .form-submit {
        width: 20%;
        display: block;
    }
    .page-node-type-route #topreview .views-field.views-field-title, .page-node-type-route .views-field.views-field-created, .page-node-type-route .views-field.views-field-field-comment {
        width: 47.5%;
    }
    #block-views-block-route-frontend-block-3 .slick-next, .slick--view--route-frontend .slick-next {
        right: -22px;
    }
    #block-views-block-route-frontend-block-3 .slick-prev, .slick--view--route-frontend .slick-prev {
        left: -22px;
    }
    .jcarousel-wrapper.jcarousel-skin-default.jcarousel-visible-4 {width: auto!important; margin: auto; }
    #block-motorcycleroads-search { position: absolute; top: 0%; left: 18%; transform: translate(0%, 0%); width: 65%; }
    .profile_box { width: 150px; }
}

@media all and (max-width: 768px) {
     .mobile-ad { display: block; }
    .desktop-ad { display: none; }
    .customHeader .menu--log-in-menu.nav > li > a { padding:10px 4px; }
    .view-search-by-location .views-row { width: 50%; float: left; }
    .page-node-type-route #topreview .views-field.views-field-title, .page-node-type-route .views-field.views-field-created, .page-node-type-route .views-field.views-field-field-comment {
        width: 47.5%;
    }
    .page-node-type-route #topreview .views-field.views-field-title, .page-node-type-route .views-field.views-field-created, .page-node-type-route .views-field.views-field-field-comment {
        width: 100%;
    }
    .node-form .layout { width: 70%; }


}

@media all and (max-width: 767px) {

    .mobile-ad { display: block; }
    .desktop-ad { display: none; }
    #block-feedbackbuttononhomepage{ display: block; }
    .path-user .nav-tabs > li { margin-bottom: 7px; }
    .file { width: 100%; word-break:inherit; }
    .skin1-ad, .skin2-ad { display: none; }
    #block-views-block-event-frontend-block-1 .slick-next {
        right: -13px;
        background-color: #000;
        padding: 10px;
        width: 40px;
        background-size: auto 56%;
        height: 40px;
        border-radius: 50%;
        background-position: center;
        border: 1px solid #fff;
    }
    #block-views-block-event-frontend-block-1 .slick-prev {
        left: -13px;
        background-color: #000;
        padding: 10px;
        width: 40px;
        background-size: auto 56%;
        height: 40px;
        border-radius: 50%;
        background-position: center;
        border: 1px solid #fff;
    }
    /*.container { border:1px solid red; }*/
    .form-inline .form-actions .btn { float: left;  }



}

@media all and (max-width: 640px) {
    .mobile-ad { display: block; }
    .desktop-ad { display: none; }
    .node-form .layout, .user-form, .user-pass { width: 100%; }

}


@media all and (max-width: 480px) {
    .loading_message{
        z-index: 999;
        color: rgb(0, 0, 0);
        position: absolute;
        bottom: 21px;
        width: 100%;
        height: 68px;
        padding: 5px;
        background-color: rgba(179, 204, 204, 0.8);
        font-weight: bold;
        font-size: 12px;
        text-align: center;
    }
    .mobile-ad { display: block; }
    .desktop-ad { display: none; }
    #block-motorcycleroads-search {
        top: 65px;
        width: 90%;
    }
    #block-searchform { padding: 4px; width: 60%; }
    /* .btnadd-bannerbox { right: 0; } */
    .btnadd-bannerbox #addnew { padding-bottom: 7px; }
    .btnadd-bannerbox #addnew a { text-indent: -99999px; float: left; padding: 0; }
    .bannerWrap .eventsHeader .container { margin-top: 0px; }
    .eventsWrapDiv { padding-top: 10px; }
    /* .list-wrap .img-location-left, .list-wrap .title-desc-right { width: auto; } */
    /* .list-wrap .title-desc-right { padding: 10px 0 0; } */

    .page-node-type-event .region-sidebar-second, .path-member aside .region, .path-motorcycle-rides-in aside .region-sidebar-second, .path-newest-motorcycle-roads aside .region-sidebar-second, .path-motorcycle-ride-events .region-sidebar-second, .page-node-type-clubs .region-sidebar-second, .page-node-type-places .region-sidebar-second {
        border: 1px solid #d3d3d3;
         padding: 0px;
    }
    aside .region.region-sidebar-second > section#block-listingpageadslot1{
        padding: 0px;
    }

}

@media all and (max-width: 320px) {


}

.region-content-list-view .eventsWrapDiv .form-group {
   margin-bottom: 37px;
   margin-top: -10px;
}


.bef-exposed-form .form--inline > .form-item {
   padding-left: 30px;
}

.featured_articles_route, .upcoming_events_route{
    padding-top:15px;
}

.star_color{
    color: #880101;
}
.description.help-block{
    width:80%;
}

a.token-dialog{
    visibility:hidden;
}

/*Slick less issue - so */
.page-node-type-route .slick--less .slick-slide {
    float: left !important;
}

/* Search page event expired span*/
.event_expired_c{
    color: #ff0000;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
}


/* 19-08-2020 */
#block-views-block-banner-block-3 .form-group{
    margin-bottom: 0;
}
.btn .glyphicon.icon-before, .btn.icon-before .glyphicon {
    margin-left: -.25em;
    margin-right: .25em;
}
.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 2em;
}
.select-wrapper:after {
    color: #9e9c9c !important;
    content: '▼';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: -.5em;
    padding-right: .5em;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.has-glyphicons .select-wrapper:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e114';
    display: inline-block;
    font-family: 'Glyphicons Halflings';
}
.greysearchbox .form-inline .form-group, .greysearchbox .form-inline .select-wrapper{
    position: relative;
}
html.js .form-item .input-group-addon .glyphicon{
    color: #777;
    opacity: 0.5;
}
#edit-actions--3{
    margin-bottom: 0 !important;
}
.jcarousel-skin-default .jcarousel {
    position: relative;
    overflow: hidden;
    height: inherit;
}
.jcarousel-skin-default .jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel-skin-default .jcarousel li {
    height: auto;
    width: auto;
    margin: 0 10px;
    position: relative;
}
#block-statebanner p{
    margin-bottom: 0;
}
.path-faq-page .container.eventsInnerCnt h1{
    margin-top: 0;
}
 #block-views-block-place-frontend-block-2 .view-id-place_frontend .views-row:last-child{
    margin-bottom: 0;
 }
 .path-user{}
 .path-user .container.eventsInnerCnt h1{
    margin-top: 0;
}
.tabledrag-toggle-weight {
    float: right;
    margin: 1px 2px 1px 10px;
}
.tabledrag-handle{
    color: #777;
}
.form-required:after {
    background-image: url(../images/required.svg);
    -webkit-background-size: 10px 7px;
    background-size: 10px 7px;
    content: "";
    display: inline-block;
    vertical-align: super;
    line-height: 1;
    height: 7px;
    width: 10px;
}
.form-required:after {
    position: relative;
    right: -3px;
}
.star1-on{
    background: url(../images/star.png) no-repeat 0px -14px;
}
.views-element-container.form-group{
    margin-bottom: 0px;
}
.socialsharebox .st-btn > img{
    margin-left: -25px;
}
#block-exposedformmy-custom-searchpage-1-2 form > div.form-inline .form-submit{
    width: 98px;
}
#block-exposedformmy-custom-searchpage-1-2 form > div.form-inline div.form-item{
    width: calc(100% - 100px);
}
#block-exposedformmy-custom-searchpage-1-2, #block-motorcycleroads-search{
    z-index: 123;
}
.ui-autocomplete{
    z-index: 123456;
}
.customHeader .ui-autocomplete{
    max-width: 350px;
}
.customHeader .menu--header-menu{
    position: relative;
    z-index: 123456;
}
.messages__wrapper{
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 12345;
}
.customHeader .ui-autocomplete .ui-menu-item:first-child:hover{
    background: transparent !important;
}
.customHeader .ui-widget-content li:first-child a{
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0065bb !important;
    text-decoration: underline !important;
}
ul[data-sa-theme="basic-blue"] > li:first-child a{
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0065bb !important;
    text-decoration: underline !important;
}
ul[data-sa-theme="basic-blue"] a.ui-menu-item-wrapper, ul[data-sa-theme="basic-blue"] a.ui-menu-item-wrapper.ui-state-active{
font-size: 15px !important;
    font-weight: 700 !important;
    color: #0065bb !important;
    /* text-decoration: underline !important; */
}
ul[data-sa-theme="basic-blue"] a.ui-menu-item-wrapper:hover, ul[data-sa-theme="basic-blue"] a.ui-menu-item-wrapper.ui-state-active:hover{
    color: #fff !important;
}

.container.eventsInnerCnt{
    width: 100%;
    max-width: 1170px;
}
.btnadd-bannerbox{
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
    right: 0;
}
.logoWrap .logo > img{
    max-width: 200px;
}
.contextual-region .slick, section .slick{
    position: relative;
}
@media(max-width: 991px){
    .eventsHeader .page-header{
        width: 100%;
    }
    .eventsHeader {
        height: auto;
        padding: 6px;
    }
}
@media(max-width: 767px){
    #block-views-block-route-frontend-block-3 .slick-next, .slick--view--route-frontend .slick-next{
        right: -25px !important;
    }
    #block-views-block-route-frontend-block-3 .slick-prev, .slick--view--route-frontend .slick-prev{
        left: -25px !important;
    }
    .eventsHeader{
        height: auto;
        padding: 6px;
    }
    .eventsHeader h1{
        line-height: 25px;
    }
}

/* Add css Start 09/11/2020 */
.inner-page-with-adds #dt_LeftRail{
    width: 300px;
    /*top: 100px !important;*/
    left: 0 !important;
}
.inner-page-with-adds #dt_RightRail{
    width: 300px;
    /*top: 100px !important;*/
    right: 0 !important;
}
.inner-page-with-adds #dt_RightRail a img{
    width: 100% !important;
}
.inner-page-with-adds #dt_LeftRail a img{
    width: 100% !important;
}
.home-banner .views-field-field-image img.img-responsive{
    width: 100%;
    display: block;
}
#block-views-block-route-frontend-block-1{
    background-size: cover;
}
.page-node-type-route .bannerWrap img{
    margin-bottom: 0;
}
.view-id-route_frontend.view-display-id-page_2 .views-field-field-route-original-img, .view-id-route_frontend.view-display-id-block_2 .views-field-field-route-original-img{
    width: 100%;
}
.view-id-route_frontend.view-display-id-page_1 .views-field-field-route-original-img, .view-id-route_frontend.view-display-id-block_2 .views-field-field-route-original-img{
    width: 100%;
}
.front-page-with-adds #dt_LeftRail{
    left: 0 !important;
}
.front-page-with-adds #dt_RightRail{
    right: 0 !important;
}

.inner-page-with-adds #div-MR_leaderboard{
    background: #fff;
    padding: 10px 0;
}

/*.toolbar-tray-open.inner-page-with-adds #dt_LeftRail{
    top: 662px !important;
}
.toolbar-tray-open.inner-page-with-adds #dt_RightRail{
    top: 662px !important;
}*/
@media (max-width: 1024px) and (min-width: 768px){
    #block-views-block-route-frontend-block-3 .slick-prev, .slick--view--route-frontend .slick-prev {
        left: -36px;
    }
    #block-views-block-route-frontend-block-3 .slick-next, .slick--view--route-frontend .slick-next{
        right: -36px;
    }
}
@media (min-width: 1200px){
    .front-page-with-adds .container {
        width: 100% !important;
        max-width: 1170px;
    }
    .front-page-with-adds .bannerWrap.container{
        width: 100%;
        margin: 0 auto;
        max-width: 100% !important;
    }
}

@media(max-width: 1770px){
    .inner-page-with-adds .breadcrumb{
        /*width: calc(100% - 620px);*/
    }
    .inner-page-with-adds .bannerWrap{
        /*width: calc(100% - 620px);*/
        margin: 0 auto;
    }
    .inner-page-with-adds .container{
        width: calc(100% - 620px);
        margin: 0 auto;
    }

    .inner-page-with-adds .container .container{
        width: 100%;
        margin: 0 auto;
    }

    .front-page-with-adds .container{
        width: calc(100% - 620px);
        margin: 0 auto;
    }

    .inner-page-with-adds .eventsHeader .container, .front-page-with-adds .eventsHeader .container{
        width: 100%;
    }
}
@media(max-width: 1599px){
    .inner-page-with-adds #dt_LeftRail, .front-page-with-adds #dt_LeftRail{
        display: none !important;
    }
    .inner-page-with-adds #dt_RightRail, .front-page-with-adds #dt_RightRail{
        display: none !important;
    }
    .inner-page-with-adds .breadcrumb, .front-page-with-adds .breadcrumb{
        width: 100%;
        max-width: 1170px;
    }
    .inner-page-with-adds .bannerWrap, .front-page-with-adds .bannerWrap{
        width: 100%;
        margin: 0 auto;
        max-width: 100%;
    }
    .inner-page-with-adds .container{
        width: 100%;
        margin: 0 auto;
        max-width: 1170px;
    }

    .front-page-with-adds .container{
        width: 100%;
        margin: 0 auto;
        max-width: 1170px;
    }
}
@media(max-width: 991px){
    .socialsharebox #t_share .sharethis-inline-share-buttons.st-center{
        right: 28px;
    }
    #panel .socialsharebox span{
        font-size: 10px;
    }
    .page-node-type-route .bannerWrap img{
        margin-bottom: 0;
    }
    .eventsHeader .eventsHeader{
        background: rgba(228, 228, 228, 0.7);
    }
    .page-node-type-route #block-views-block-route-frontend-block-7 .view-header > div > div{
        width: 100%;
        text-align: center;
    }
    .earn-mcr-wrap{
        float: none;
        display: inline-block;
        margin: 0 auto;
    }
    .path-faq-page .container.eventsInnerCnt h1{
        margin-top: 40px;
    }
}
@media(max-width: 480px){
    .path-frontpage #block-views-block-route-frontend-block-3 .slick-prev{
        left:0 !important;
    }
    .path-frontpage #block-views-block-route-frontend-block-3 .slick-next{
        right: 0 !important;
    }
    .btnadd-bannerbox #addnew a {
        text-indent: 0;
        float: left;
        padding: 0;
        padding-left: 60px;
    }
}


/* 29-01-2021 */
.search-form.home-page{
    position: relative;
}
.term-base-search-form > form .keyword_search{
    cursor: pointer;
}
.serch-form-wrap{
    position: relative;
}
.search-form.home-page{
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    z-index: 1234;
}
/* .search-form.home-page .term-base-search-form{
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
} */
.search-form.home-page .region.region-search-form{
    position: relative;
}
.search-form.home-page .region.region-search-form .search-block-form{
    width: 100%;
    max-width: 553px;
    height: 60px;
    background: #373437;
    padding: 15px;
    position: absolute;
    top: 100%;
    right: 0;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}
.search-form.home-page .region.region-search-form .search-block-form #edit-keys--description{
    display: none;
}
.search-form.home-page .region.region-search-form .search-block-form .form-item{
    margin-bottom: 0;
}
.search-form.home-page .region.region-search-form .search-block-form .form-item .form-control{
    height: 30px;
    border: 1px solid #D2D2D2;
    box-shadow: none;
    outline: none;
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;
}
.search-form.home-page .region.region-search-form .block-search.block-search-form-block button.btn{
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #080808;
}
.search-form.home-page .term-base-search-form > form{
    background: rgba(0, 0, 0, 0.6);
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.search-form.home-page .term-base-search-form > form .form-item{
    position: relative;
    width: 100%;
    max-width: 440px;
    margin-bottom: 0;
}
.search-form.home-page .term-base-search-form > form .form-item .form-control{
    height: 60px;
    padding: 6px 44px 6px 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
    border: 0;
    box-shadow: none;
}
.search-form.home-page .term-base-search-form > form .form-item span.input-group-addon{
    display: none;
}
.search-form.home-page .term-base-search-form > form .form-item .input-group{
    width: 100%;
}
.search-form.home-page .term-base-search-form > form .form-item label{
    display: none;
}
.search-form.home-page .term-base-search-form > form .form-item .select-wrapper:after{
    width: 26px;
    padding-right: 0;
    right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-top: -12px;
    border-left: 1px solid #C6C6C6;
}
.search-form.home-page .term-base-search-form h2{
    font-size: 30px !important;
    text-shadow: 2px 2px 3px rgb(33 33 33);
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}
.search-form.home-page .term-base-search-form > form .button{
    width: 104px;
    height: 60px;
    font-size: 14px !important;
    line-height: 55px;
    color: #fff !important;
    font-weight: 700;
    padding: 0;
    text-align: center;
    background: #7DB557;
    border: 2px solid #5B883D;
    margin-top: 0;
    margin-left: 16px;
    margin-right: 5px;
}
.search-form.home-page .term-base-search-form > form .button span.icon{
    display: none;
}
.search-form.home-page .term-base-search-form > form .keyword_search{
    padding-left: 5px;
    font-weight: 700;
    text-decoration: underline;
}
.inner-page-with-adds .logoWrap{
    height: auto;
    padding-top: 50px;
    padding-bottom: 16px;
}
.inner-page-with-adds .logoWrap .container{
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.region.region-header .term-base-search-form > form{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    color: #fff;
}
.region.region-header .term-base-search-form > form .form-item{
    position: relative;
    width: 100%;
    max-width: 420px;
    margin-bottom: 0;
}


.region.region-header .term-base-search-form > form .form-item .form-control{
    height: 38px;
    padding: 6px 44px 6px 12px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
    border: 0;
    box-shadow: none;
}
.region.region-header .term-base-search-form > form .form-item span.input-group-addon{
    display: none;
}
.region.region-header .term-base-search-form > form .form-item .input-group{
    width: 100%;
}
.region.region-header .term-base-search-form > form .form-item label{
    display: none;
}
.region.region-header .term-base-search-form > form .form-item .select-wrapper:after{
    width: 26px;
    padding-right: 0;
    right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    margin-top: -12px;
    border-left: 1px solid #C6C6C6;
}
.region.region-header .term-base-search-form h2{
    font-size: 30px !important;
    text-shadow: 2px 2px 3px rgb(33 33 33);
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}
.region.region-header .term-base-search-form > form .button{
    width: 104px;
    height: 38px;
    font-size: 14px !important;
    line-height: 34px;
    color: #fff !important;
    font-weight: 700;
    padding: 0;
    text-align: center;
    background: #7DB557;
    border: 2px solid #5B883D;
    margin-top: 0;
    margin-left: 16px;
    margin-right: 5px;
}
.region.region-header .term-base-search-form > form .button span.icon{
    display: none;
}
.region.region-header .term-base-search-form > form .keyword_search{
    padding-left: 5px;
    font-weight: 700;
    text-decoration: underline;
}
.region.region-header #block-searchform{
    width: 100%;
    max-width: 553px;
    height: 60px;
    background: #373437;
    padding: 15px;
    margin-left: auto;
    float: none;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}
.region.region-header .search-block-form #edit-keys--description{
    display: none;
}
.region.region-header .search-block-form .form-item{
    margin-bottom: 0;
}
.region.region-header .search-block-form .form-item .form-control{
    height: 30px;
    border: 1px solid #D2D2D2;
    box-shadow: none;
    outline: none;
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;
}
.region.region-header .block-search.block-search-form-block button.btn{
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #080808;
}

.search-form.home-page .term-base-search-form > form .form-item.form-item-content-type-dropdown{
    padding-right: 8px;
}
.search-form.home-page .term-base-search-form > form .form-item.form-item-content-state{
    padding-left: 8px;
}
.region.region-header .term-base-search-form > form .form-item.form-item-content-type-dropdown{
    padding-right: 8px;
}
.region.region-header .term-base-search-form > form .form-item.form-item-content-state{
    padding-left: 8px;
}

/* 02/02/2021 */
.customHeader .menu--header-menu{
    z-index: 1234;
}
#block-views-block-event-frontend-block-3 .jcarousel-skin-default .jcarousel ul li .views-field.views-field-title{
    width: 100%;
    max-width: 340px;
    padding-right: 50px;
}
.views-exposed-form form #edit-actions--2{
    right: 0;
}
.route_author_rating iframe{
    width: 100%;
}
body{
    width: 100%;
/*    overflow-x: hidden;*/
}
aside{
    overflow-x: hidden;
}

.route_author_rating #route_author .route_author_thumb{
    width: 70px;
    height: 70px;
}
.page-node-type-route .route_author_rating #route_author iframe{
    margin-top: 30px;
}
/* .page-node-type-route .route_author_rating #route_author .col-sm-2{
    width: 11%;
} */

.maingallery .prev-arrow{
  left: 17px;
  z-index: 1;
  height: 34px;
  width: 25px;
}

.maingallery .next-arrow{
  right: 17px;
  height: 34px;
  width: 25px;
  z-index: 1;
}

@media(max-width: 1300px){
    .search-form.home-page .term-base-search-form > form .form-item{
        max-width: 380px;
        justify-content: center;
    }
    .search-form.home-page .term-base-search-form > form{
        justify-content: center;
    }
    .region.region-header .term-base-search-form > form .form-item{
        max-width: 380px;
        justify-content: center;
    }
    .region.region-header .term-base-search-form > form{
        justify-content: center;
    }
}
@media(max-width: 1140px){
    .search-form.home-page .term-base-search-form > form .form-item {
        max-width: 330px;
        justify-content: center;
    }
    .region.region-header .term-base-search-form > form .form-item {
        max-width: 330px;
        justify-content: center;
    }
    .inner-page-with-adds .logoWrap{
        padding-top: 30px;
    }
}

/* 02/02/2021 */
@media(max-width: 1024px) and (min-width: 768px){
    #block-views-block-route-frontend-block-3 .slick-prev, .slick--view--route-frontend .slick-prev{
        left: -20px !important;
    }
    #block-views-block-route-frontend-block-3 .slick-next, .slick--view--route-frontend .slick-next{
        right: -20px !important;
    }
}
@media(max-width: 1024px){
    .search-form.home-page .term-base-search-form > form .form-item{
        width: 49%;
        margin-bottom: 0;
    }
    .search-form.home-page .term-base-search-form > form .form-item{
        max-width: 300px;
    }
    .region.region-header .term-base-search-form > form .form-item{
        width: 49%;
        max-width: 100%;
        margin-bottom: 15px;
    }
    /* 02/02/2021 */
    .route-rhs .views-field.views-field-title{
        padding-left: 10px;
    }
    .logoWrap .logo{
        top: 0;
        width: 25%;
    }
    .customHeader .menu--header-menu{
        margin-left: 16% !important;
    }
    .customHeader .menu--header-menu{
        width: 47%;
    }
    .profile_box{
        margin-top: 6px;
    }
    .nav > li > a{
        padding: 10px 6px;
    }
    .profile_box{
        width: 128px;
    }
    .profile_box a{
        margin: 0 4px;
    }
    #panel.routedetails span {
        width: 33.33%;
    }
    .st-btn.st-last.st-remove-label {
        display: block !important;
        text-align: left !important;
    }
    .sharethis-inline-share-buttons.st-center{
        width: 100%;
        right: 0;
    }
    #panel.routedetails span.rank-number{
        width: 53px !important;
    }
}
@media(max-width: 991px){
    .search-form.home-page{
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
        padding: 30px 15px;
    }
    .search-form.home-page .term-base-search-form > form .form-item {
        width: 49%;
        margin-bottom: 10px;
        max-width: 50% !important;
    }
    .search-form.home-page .term-base-search-form h2.block-title {
        font-size: 22px;
        color: #8e1010;
        text-shadow: none;
    }

    /* 02/02/2021 */
    .eventsHeader{
        padding: 20px 0;
    }
    .btnadd-bannerbox{
        bottom: -2px;
    }
    div#route_title, .page_btn{
        font-size: 14px;
        padding-left: 0;
    }
    #t_share .sharethis-inline-share-buttons{
        right: 0;
    }
    .route-rhs .views-field.views-field-title{
        padding-left: 0px;
        padding-top: 10px;
    }
    .profile_box{
        margin-top: 25px;
    }
    .logoWrap .logo{
        top: 0;
        width: 25%;
    }
    .customHeader .menu--header-menu{
        margin-left: 16% !important;
    }
    .customHeader .menu--header-menu{
        width: 47%;
    }
    .profile_box{
        margin-top: 6px;
    }
    .nav > li > a{
        padding: 10px 6px;
    }
    .profile_box{
        width: 128px;
    }
    .profile_box a{
        margin: 0 4px;
    }
    .path-motorcycle-rides-in .main-container > row .eventsInnerCnt > section{
        width: 100%;
    }
    .path-newest-motorcycle-roads .main-container > row .eventsInnerCnt > section{
        width: 100%;
    }
    .path-motorcycle-rides-in .main-container > row .eventsInnerCnt > aside{
        width: 100%;
    }
    .path-newest-motorcycle-roads .main-container > row .eventsInnerCnt > aside{
        width: 100%;
    }
    .socialsharebox #t_share .sharethis-inline-share-buttons.st-center{
        right: 0;
        left: 0;
        width: 26px;
    }
     .st-custom-button[data-network]{
        margin-bottom: 10px !important;
    }
    #block-homepagecontentadslot1,
    #block-homepagecontentadslot2,
    #block-homepagecontentadslot3,
    #block-homepagecontentadslot4,
    #block-homepagecontentadslot5{
        width: 100% !important;
        overflow-x: hidden;
    }
    #block-homepagecontentadslot1 > div,
    #block-homepagecontentadslot2 > div,
    #block-homepagecontentadslot3 > div,
    #block-homepagecontentadslot4 > div,
    #block-homepagecontentadslot5 > div{
        width: 100% !important;
        overflow-x: hidden;
    }
    aside #block-listingpageadslot1{
        overflow: hidden;
    }
    .inner-page-with-adds #div-MR_leaderboard > div{
        width: 100% !important;
    }
    aside #DSlot3 > div,
    aside #DSlot4 > div,
    #LSlot4 > div,
    #LSlot5 > div,
    #LSlot3 > div,
    #LSlot6 > div,
    #LSlot2 > div{
        width: 100% !important;
        overflow: hidden;
    }
    .inner-page-with-adds #div-MR_leaderboard{
        overflow-x: hidden;
    }
    #block-views-block-route-frontend-block-1 .slick__arrow .slick-prev{
        left: 0 !important;
    }
    #block-views-block-route-frontend-block-1 .slick__arrow .slick-next{
        right: 0 !important;
    }
    #block-views-block-route-frontend-block-3{
        padding-left: 50px;
        padding-right: 50px;
    }
    #block-views-block-route-frontend-block-3 .slick-prev{
        left: -20px !important;
    }
    #block-views-block-route-frontend-block-3 .slick-next{
        right: -20px !important;
    }
    #panel.routedetails span{
        width: 33.33%;
    }
    #t_share .sharethis-inline-share-buttons{
        left: 0;
    }
    .st-btn.st-last.st-remove-label{
        display: block !important;
        text-align: left !important;
        padding-left: 0 !important;
    }
    .featured_articles_route, .upcoming_events_route{
        overflow: hidden;
    }
    #block-views-block-route-frontend-block-1-2 .slick-prev{
        left: -20px !important;
    }
    #block-views-block-route-frontend-block-1-2 .slick-next{
        right: -20px !important;
    }
    #block-views-block-route-frontend-block-3 .slick-prev, .slick--view--route-frontend .slick-prev{
        left: -20px !important;
    }
    #block-views-block-route-frontend-block-3 .slick-prev, .slick--view--route-frontend .slick-next{
        right: -20px !important;
    }
    #panel .socialsharebox span{
        width: 33.33%;
    }
    .st-btn.st-last.st-remove-label{
        display: block !important;
        text-align: left !important;
    }
    span#t_share{
        padding-left: 31px;
    }
    .view-id-route_frontend.view-display-id-page_2 .views-field-field-scenery-rating, .view-id-route_frontend.view-display-id-page_2 .views-field-field-road-quality-rating, .view-id-route_frontend.view-display-id-page_2 .views-field-field-roadside-amenities-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-road-quality-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-roadside-amenities-rating{
        width: 100%;
    }
    .view-id-route_frontend.view-display-id-page_1 .views-field-field-scenery-rating, .view-id-route_frontend.view-display-id-page_1 .views-field-field-road-quality-rating, .view-id-route_frontend.view-display-id-page_1 .views-field-field-roadside-amenities-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-road-quality-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-roadside-amenities-rating{
        width: 100%;
    }
    .path-motorcycle-articles .eventsInnerCnt .views-field.views-field-field-image{
        width: 50%;
        float: none;
    }
}
@media(max-width: 767px){
    .search-form.home-page .term-base-search-form {
        position: relative;
        top: 0;
        -webkit-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        transform: translate(0px, 0);
        padding-top: 0;
    }
    .search-form.home-page .term-base-search-form h2.block-title{
        font-size: 22px;
        color: #8e1010;
        text-shadow: none;
    }
    .search-form.home-page .term-base-search-form > form .button{
        width: 134px;
        height: 40px;
        line-height: 34px;
    }
    .search-form.home-page .term-base-search-form > form .form-item .form-control{
        height: 40px;
    }
    .search-form.home-page .term-base-search-form > form{
        padding: 30px 15px;
    }
    .search-form.home-page .term-base-search-form > form .form-item{
        width: 100%;
        max-width: 100%;
    }
    .region.region-header .term-base-search-form > form .form-item{
        width: 100%;
        max-width: 100%;
    }
    .search-form.home-page .term-base-search-form > form .form-item{
        max-width: 100% !important;
    }
    .search-form.home-page .term-base-search-form > form .form-item.form-item-content-state{
        padding-left: 0;
    }
    .search-form.home-page .term-base-search-form > form .form-item.form-item-content-type-dropdown{
        padding-right: 0;
    }
    .region.region-header .term-base-search-form > form .form-item.form-item-content-type-dropdown{
        padding-right: 0;
    }
    .region.region-header .term-base-search-form > form .form-item.form-item-content-state{
        padding-left: 0;
    }

    /* 02/02/2021 */
    #block-views-block-route-frontend-block-1{

    }
    .sectionContent2 > .container > h2, #block-views-block-route-frontend-block-1 > .container > h2{
        text-align: center;
        padding: 0 40px;
    }
    #block-views-block-route-frontend-block-3 .slick-prev, .slick--view--route-frontend .slick-prev{
        left: -20px !important;
    }
    #block-views-block-route-frontend-block-3 .slick-next, .slick--view--route-frontend .slick-next{
        right: -20px !important;
    }
    .path-active-members .profile_wrapper{
        padding: 5px !important;
    }
    .maingallery div#addnew{
        float: none;
    }
    .eventsWrapDiv .view-content .views-row{
        padding: 5px;
    }
    .path-member aside .region h2{
        padding: 5px;
    }
    .views-element-container.form-group .more-link.form-group{
        padding: 5px;
    }
    .customHeader .menu--header-menu{
        width: 100%;
        margin-left: 0 !important;
        display: flex !important;
        justify-content: center;
        padding-bottom: 10px;
    }
    .navbar-header{
        padding: 20px 0;
    }
    section#block-feedbackbuttononhomepage{
        top: 0;
        margin-right: 10px;
    }
    section#block-faqbuttonontopmenu{
        top: 0;
    }
    .region-navigation-collapsible{
        padding-bottom: 22px;
    }
    .logoWrap .logo{
        width: 150px;
    }
    .profile_box{
        width: 128px !important;
    }
    .customHeader #block-headermenu{
        margin-top: 15px;
    }
    .view-id-route_frontend.view-display-id-page_2 .views-field-field-scenery-rating, .view-id-route_frontend.view-display-id-page_2 .views-field-field-road-quality-rating, .view-id-route_frontend.view-display-id-page_2 .views-field-field-roadside-amenities-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-road-quality-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-roadside-amenities-rating{
        width: 100%;
    }
    .view-id-route_frontend.view-display-id-page_1 .views-field-field-scenery-rating, .view-id-route_frontend.view-display-id-page_1 .views-field-field-road-quality-rating, .view-id-route_frontend.view-display-id-page_1 .views-field-field-roadside-amenities-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-scenery-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-road-quality-rating, .view-id-route_frontend.view-display-id-block_2 .views-field-field-roadside-amenities-rating{
        width: 100%;
    }
    #panel .socialsharebox span{
        width: 50%;
    }
    .maingallery .create_button{
        justify-content: flex-start;
        flex-wrap: wrap;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .earn-mcr-wrap{
        width: 100%;
    }
    .maingallery div#addnew{
        width: 100%;
    }
    .maingallery .create_button #addnew a, .maingallery .create_button #download_gpx a{
        width: 100%;
        text-align: left;
        padding: 15px 0 15px 55px;
    }
    #SignUp .signupframe table tr td{
        width: 100% !important;
        height: auto;
        display: block !important;
    }
    aside .profile_image{
        width: 47px !important;
        height: 47px;
    }
    .path-active-members .profile_image{
        width: 47px !important;
        height: 47px;
    }
    aside .profile_image img{
        width: 47px;
        height: 47px;
    }
    .path-active-members .profile_image img{
        width: 47px;
        height: 47px;
    }
    .path-active-members .form-inline .form-group#edit-actions{
        margin-left: 0;
    }
    section#block-faqbuttonontopmenu,
    #block-feedbackbuttononhomepage{
        display: block;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: calc(50% - 10px);
    }
    .region-navigation-collapsible{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .top_profile_box{
        width: 100%;
    }
    .customHeader #block-headermenu{
        width: 100%;
    }
    .top_profile_box .profile_box{
        width: 100% !important;
        max-width: 300px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        float: none !important;
        padding-top: 30px;
    }
    .top_profile_box .profiledetails{
        width: auto;
        float: none;
    }
    .top_profile_box .col-xs-2.col-sm-4{
        width: auto;
        float: none;
    }
    #block-views-block-route-frontend-block-3 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .route_author_rating iframe{
        width: 100%;
    }
    .route_author_rating .col-xs-4.col-sm-2{
        width: 40px;
    }
    .route_author_rating .col-xs-8.col-sm-10{
        padding-bottom: 20px !important;
    }
    .route_author_rating span.name{
        padding-top: 0 !important;
    }
    #panel.routedetails span{
        width: 50% !important;
    }
    .route-rhs .views-field.views-field-title{
        padding-left: 10px;
    }
    .view-club-frontend .view-content .list-wrap .field-content .img-location-left{
        width: 100%;
        float: none;
    }
    .view-club-frontend .view-content .list-wrap .field-content .img-location-left img{
        width: 100%;
    }
    .view-club-frontend .view-content .list-wrap .field-content .title-desc-right{
        width: 100%;
        float: none;
        margin-left: 0;
        padding-top: 20px;
    }
    .path-motorcycle-articles .eventsInnerCnt .views-field.views-field-field-image{
        width: 100%;
        float: none;
    }
    .path-motorcycle-articles .eventsInnerCnt .views-field.views-field-field-image img{
        width: 100%;
    }
    .path-active-members .profile_image{
        padding: 0 !important;
    }
    #slick-views-event-frontend-block-3-1 ul.slide__content li{
        width: 100%;
    }
    #slick-views-event-frontend-block-3-1 ul.slide__content li img{
        width: 100%;
    }
    #panel.routedetails span.rank-number{
        width: 33px !important;
    }
    #block-views-block-route-frontend-block-3 .slick-next, .slick--view--route-frontend .slick-next{
        right: -20px !important;
    }
    #block-views-block-route-frontend-block-3 .slick-next, .slick--view--route-frontend .slick-prev{
        left: -20px !important;
    }
    .route_author_rating .col-xs-4.col-sm-2{
        width: 70px;
        float: none;
        overflow: hidden;
    }
    .route_author_rating #route_author .route_author_thumb {
        width: 70px;
        height: 70px;
        display: block;
    }
    .route_author_rating #route_author .col-xs-8.col-sm-10 {
        padding-bottom: 20px !important;
        float: none;
        width: 100%;
        padding-top: 20px;
        position: relative;
    }
    .page-node-type-route .route_author_rating #route_author iframe{
        margin-top: 0;
    }
}

@media(max-width: 480px){
    .maingallery .create_button #addnew a, .maingallery .create_button #download_gpx a {
        width: 100% !important;
        text-align: left !important;
        padding: 15px 0 15px 55px !important;
    }
    .maingallery #addnew a:after{
        width: 50px !important;
    }
}


/*  03-06-2021 */
.user-login.region .tabs,
.user-register.region .tabs{
    width: 100%;
    max-width: 652px;
    margin: 0 auto;
}
.user-login.region .nav-tabs > li > a,
.user-register.region .nav-tabs > li > a{
    margin-right: 0 !important;
}
.nav-tabs > li{
    margin-bottom: 0;
}
.user-login.region .nav.nav-tabs > li > a,
.user-register.region .nav.nav-tabs > li > a{
    font-size: 18px;
    color: #5C5C5C;
    background: #F2F3EC;
    border: 1px solid #B6B6B2;
    border-bottom: 0;
    border-right: 0 !important;
    padding-left: 26px;
    padding-right: 26px;
}
.user-login.region .nav.nav-tabs > li:last-child > a,
.user-register.region .nav.nav-tabs > li:last-child > a{
    border-right: 1px solid #B6B6B2 !important;
}
.user-login.region .nav.nav-tabs > li.active > a,
.user-register.region .nav.nav-tabs > li.active > a{
    background: #fff;
    color: #921B1D;
}
.user-login.region .tabs,
.user-register.region .tabs{
    margin-bottom: 0;
}

.user-login.region .page-header,
.user-register.region .page-header{
    width: 100%;
    max-width: 652px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fff;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-border-radius: 0px 8px 0px 0px;
    -moz-border-radius: 0px 8px 0px 0px;
    border-radius: 0px 8px 0px 0px;
    border-top: 1px solid #DDDED7;
    border-right: 1px solid #DDDED7;
    border-left: 1px solid #DDDED7;
    border-bottom: 0;
}


#block-motorcycleroads-socialauthlogin{
    width: 100% !important;
    max-width: 652px;
    margin: 0 auto !important;
}
.user-login.region form#user-login-form, .user-register.region form#user-register-form, .user-login.region #block-motorcycleroads-socialauthlogin{
   width: 100% !important;
   max-width: 652px;
   margin: 0 auto !important;
}
.user-login.region #block-motorcycleroads-socialauthlogin,
.user-register.region #block-motorcycleroads-socialauthlogin{
    background: #fff;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    border-right: 1px solid #DDDED7;
    border-left: 1px solid #DDDED7;
}
#block-motorcycleroads-socialauthlogin .social-auth.auth-icon{
    width: auto;
}
.path-user{
    background: #F2F3EC;

}
.form-or-text{
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.form-or-text span{
    width: 30px;
    height: 30px;
    border: 1px solid #E7E7E5;
    margin: 0 auto;
    font-size: 14px;
    color: #5C5C5C;
    display: flex;
    align-items: center;
    justify-content: center;
     -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    position: relative;
    z-index: 1;
}
.form-or-text:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #E7E7E5;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
}
.user-login-form,
.user-register-form{
    background: #fff;
    border-right: 1px solid #DDDED7;
    border-left: 1px solid #DDDED7;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #DDDED7;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}
.user-login-form .form-item label,
.user-register-form .form-item label{
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 10px;
}
.user-login-form .form-item .form-control,
.user-register-form .form-item .form-control{
    width: 100%;
    height: 38px;
    border: 1px solid #C3C3BE;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: none;
}
.user-login-form #edit-actions{
    padding-top: 10px;
    margin-bottom: 0;
}
.user-login-form #edit-actions .form-submit,
.user-register-form #edit-actions .form-submit{
    width: 100%;
    height: 38px;
    border: 2px solid #5B883D;
    background: #7DB557;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.user-login-form #edit-actions .form-submit:hover,
.user-register-form #edit-actions .form-submit:hover{
    background: #5B883D;
}
.user-login-form #edit-actions .form-submit .glyphicon-log-in{
    display: none;
}
.user-register-form div#edit-field-motorcycles-wrapper{
    width: 100% !important;
}
.user-register-form div#edit-mail--description{
    width: 100% !important;
}
.user-register-form div#edit-field-about-you-wrapper{
    width: 100% !important;
}
.field--widget-field-collection-embed #field-motorcycles{
    background: #F2F3EC;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    padding: 30px 30px;
}
.table-striped > tbody > tr:nth-of-type(odd){
    background: #fff;
    padding-top: 20px;

}
#field-motorcycles-values .form-group{
    padding-left: 30px;
    padding-right: 30px;
}
#field-motorcycles-values .form-group .form-group{
    padding-left: 0;
    padding-right: 0;
}
.field--widget-field-collection-embed .table > thead > tr  th{

}
#field-motorcycles-values thead{
    display: none !important;
}
.tabledrag-toggle-weight{
    margin-bottom: 30px !important;
}
.field--widget-field-collection-embed .table > tbody > tr > td{
    border-top: 0 !important;
}
#edit-field-motorcycles-0-field-motorcycle-year-wrapper{
    padding-top: 20px !important;
}
/* .delta-order.tabledrag-hide .form-item{
    position: relative;
} */
#edit-field-member-motorcycle-type-wrapper select{
    height: 100px;
}
.delta-order .select-wrapper{
    position: relative;
}
.delta-order select{
    width: 50px !important;
    padding-left: 10px;
    padding-right: 10px;
}
.tabledrag-toggle-weight{
    background: #EFEFEF !important;
    border: 1px solid #767676;
    font-size: 12px !important;
    color: #000000;
}
#field-motorcycles-values .field-multiple-drag{
    display: none !important;
}
#edit-user-picture-0--description .icon-before{
    text-transform: capitalize;
    text-decoration: underline;
}
#edit-field-member-motorcycle-type--description small{
    font-size: 12px;
}
#field-motorcycles .btn-default:focus{
    outline: none !important;
}
.field--type-image .panel{
    border-radius: 8px;
    overflow: hidden;
}
.panel-default > .panel-heading{
    background: #F2F3EC;
}
#field-motorcycles-values{
    border-radius: 8px;
    overflow: hidden;
}
.tabledrag-toggle-weight{
    text-transform: capitalize;
}
.table-hover > tbody > tr:hover{
    background-color: transparent;
}
.btn-info{
    outline: none !important;
}
.messages__wrapper .alert .item-list--messages{
    list-style: none;
    padding: 0;
    margin: 0;
}
.messages__wrapper .alert .item-list--messages li{
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
}
.messages__wrapper .alert .item-list--messages li:before{
    content: "";
    width: 7px;
    height: 7px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 100%;
}
.password-suggestions ul{
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0;
}
.password-suggestions ul li{
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px;
}
.password-suggestions ul li:before{
    content: "";
    width: 7px;
    height: 7px;
    background: #000;
    position: absolute;
    top: 5px;
    left: 0;
    border-radius: 100%;
}
.user-register .tabledrag-toggle-weight {
    display: none;
}
.motorcycle-event-club-place-category .view-header .views-row{
    font-size: 14px !important;
}
@media(max-width: 767px){
    .user-login.region #block-motorcycleroads-socialauthlogin{
        text-align: center;
        padding: 0 15px 20px;
    }
    .user-login.region #block-motorcycleroads-socialauthlogin a:first-child img{
        margin-bottom: 10px;
    }
    .user-login.region .nav-tabs > li,
    .user-register .nav-tabs > li{
        margin-bottom: 0;
        width: 100%;
        display: block;
    }
    .user-login.region .nav.nav-tabs > li > a,
    .user-register.region .nav.nav-tabs > li > a{
        display: block;
        border-right: 1px solid #B6B6B2 !important;
    }
    .user-login.region .page-header{
        padding: 20px 15px;
    }
    .user-login.region form#user-login-form{
        margin-bottom: 30px !important;
    }
    #block-motorcycleroads-socialauthlogin .social-auth.auth-icon{
        width: 100%;
    }
    .user-login.region #block-motorcycleroads-socialauthlogin a:first-child img,
    .user-register.region #block-motorcycleroads-socialauthlogin a:first-child img{
        margin-bottom: 10px;
    }
    .user-register.region form#user-register-form{
        padding: 20px 15px;
    }
    .field--widget-field-collection-embed #field-motorcycles{
        padding: 20px 15px;
    }
    .table-responsive{
        border: 0 !important;
    }
    #field-motorcycles-values .form-group{
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*  03-06-2021 */
.user-login.region .tabs,
.user-password.region .tabs,
.user-register.region .tabs{
    width: 100%;
    max-width: 652px;
    margin: 0 auto;
}
.user-login.region .nav-tabs > li > a,
.user-password.region .nav-tabs > li > a,
.user-register.region .nav-tabs > li > a{
    margin-right: 0 !important;
}
.nav-tabs > li{
    margin-bottom: 0;
}
.user-login.region .nav.nav-tabs > li > a,
.user-password.region .nav.nav-tabs > li > a,
.user-register.region .nav.nav-tabs > li > a{
    font-size: 18px;
    color: #5C5C5C;
    background: #F2F3EC;
    border: 1px solid #B6B6B2;
    border-bottom: 0;
    border-right: 0 !important;
    padding-left: 26px;
    padding-right: 26px;
}
.user-login.region .nav.nav-tabs > li:last-child > a,
.user-password.region .nav.nav-tabs > li:last-child > a,
.user-register.region .nav.nav-tabs > li:last-child > a{
    border-right: 1px solid #B6B6B2 !important;
}
.user-login.region .nav.nav-tabs > li.active > a,
.user-password.region .nav.nav-tabs > li.active > a,
.user-register.region .nav.nav-tabs > li.active > a{
    background: #fff;
    color: #921B1D;
    font-weight: bold;
}
.user-login.region .tabs,
.user-password.region .tabs,
.user-register.region .tabs{
    margin-bottom: 0;
}

.user-login.region .page-header,
.user-password.region .page-header,
.user-register.region .page-header{
    width: 100%;
    max-width: 652px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fff;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-border-radius: 0px 8px 0px 0px;
    -moz-border-radius: 0px 8px 0px 0px;
    border-radius: 0px 8px 0px 0px;
    border-top: 1px solid #DDDED7;
    border-right: 1px solid #DDDED7;
    border-left: 1px solid #DDDED7;
    border-bottom: 0;
}


#block-motorcycleroads-socialauthlogin{
    width: 100% !important;
    max-width: 652px;
    margin: 0 auto !important;
}
.user-login.region form#user-login-form, .user-register.region form#user-register-form, .user-password.region form#user-pass, .user-login.region #block-motorcycleroads-socialauthlogin{
   width: 100% !important;
   max-width: 652px;
   margin: 0 auto !important;
}
.user-login.region #block-motorcycleroads-socialauthlogin,
.user-register.region #block-motorcycleroads-socialauthlogin{
    background: #fff;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    border-right: 1px solid #DDDED7;
    border-left: 1px solid #DDDED7;
}
#block-motorcycleroads-socialauthlogin .social-auth.auth-icon{
    width: auto;
}
.path-user{
    background: #F2F3EC;

}
.form-or-text{
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.form-or-text span{
    width: 30px;
    height: 30px;
    border: 1px solid #E7E7E5;
    margin: 0 auto;
    font-size: 14px;
    color: #5C5C5C;
    display: flex;
    align-items: center;
    justify-content: center;
     -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff;
    position: relative;
    z-index: 1;
}
.form-or-text:before{
    content: "";
    width: 100%;
    height: 1px;
    background: #E7E7E5;
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
}
.user-login-form,
.user-pass,
.user-register-form{
    background: #fff;
    border-right: 1px solid #DDDED7;
    border-left: 1px solid #DDDED7;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #DDDED7;
    -webkit-border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}
.user-login-form .form-item label,
.user-pass .form-item label,
.user-register-form .form-item label{
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 10px;
}
.user-login-form .form-item .form-control,
.user-pass .form-item .form-control,
.user-register-form .form-item .form-control{
    width: 100%;
    height: 38px;
    border: 1px solid #C3C3BE;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.user-login-form #edit-actions{
    padding-top: 10px;
    margin-bottom: 0;
}
.user-login-form #edit-actions .form-submit,
.user-pass #edit-actions .form-submit,
.user-register-form #edit-actions .form-submit{
    width: 100%;
    height: 38px;
    border: 2px solid #5B883D;
    background: #7DB557;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.user-login-form #edit-actions .form-submit:hover,
.user-pass #edit-actions .form-submit:hover,
.user-register-form #edit-actions .form-submit:hover{
    background: #5B883D;
}
.user-login-form #edit-actions .form-submit .glyphicon-log-in{
    display: none;
}
.user-register-form div#edit-field-motorcycles-wrapper{
    width: 100% !important;
}
.user-register-form div#edit-mail--description{
    width: 100% !important;
}
.user-register-form div#edit-field-about-you-wrapper{
    width: 100% !important;
}
.field--widget-field-collection-embed #field-motorcycles{
    background: #F2F3EC;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    padding: 30px 30px;
}
.table-striped > tbody > tr:nth-of-type(odd){
    background: #fff;
    padding-top: 20px;

}
#field-motorcycles-values .form-group{
    padding-left: 30px;
    padding-right: 30px;
}
#field-motorcycles-values .form-group .form-group{
    padding-left: 0;
    padding-right: 0;
}
.field--widget-field-collection-embed .table > thead > tr  th{

}
#field-motorcycles-values thead{
    display: none !important;
}
.tabledrag-toggle-weight{
    margin-bottom: 30px !important;
}
.field--widget-field-collection-embed .table > tbody > tr > td{
    border-top: 0 !important;
}
#edit-field-motorcycles-0-field-motorcycle-year-wrapper{
    padding-top: 20px !important;
}
/* .delta-order.tabledrag-hide .form-item{
    position: relative;
} */
#edit-field-member-motorcycle-type-wrapper select{
    height: 100px;
}
.delta-order .select-wrapper{
    position: relative;
}
.delta-order select{
    width: 50px !important;
    padding-left: 10px;
    padding-right: 10px;
}
.tabledrag-toggle-weight{
    background: #EFEFEF !important;
    border: 1px solid #767676;
    font-size: 12px !important;
    color: #000000;
}
#field-motorcycles-values .field-multiple-drag{
    display: none !important;
}
.user-login-form #edit-actions .form-submit, .user-pass #edit-actions .form-submit, .user-register-form #edit-actions .form-submit{
    text-transform: capitalize;
}
.description.help-block a{
    text-transform: capitalize;
    text-decoration: underline;
}
.btn-info{
    text-transform: capitalize !important;
}
@media(max-width: 767px){
    .user-login.region #block-motorcycleroads-socialauthlogin{
        text-align: center;
        padding: 0 15px 20px;
    }
    .user-login.region #block-motorcycleroads-socialauthlogin a:first-child img{
        margin-bottom: 10px;
    }
    .user-login.region .nav-tabs > li,
    .user-password.region .nav-tabs > li,
    .user-register .nav-tabs > li{
        margin-bottom: 0;
        width: 100%;
        display: block;
    }
    .user-login.region .nav.nav-tabs > li > a,
    .user-password.region .nav.nav-tabs > li > a,
    .user-register.region .nav.nav-tabs > li > a{
        display: block;
        border-right: 1px solid #B6B6B2 !important;
    }
    .user-login.region .page-header{
        padding: 20px 15px;
    }
    .user-login.region form#user-login-form{
        margin-bottom: 30px !important;
    }
    #block-motorcycleroads-socialauthlogin .social-auth.auth-icon{
        width: 100%;
    }
    .user-login.region #block-motorcycleroads-socialauthlogin a:first-child img,
    .user-register.region #block-motorcycleroads-socialauthlogin a:first-child img{
        margin-bottom: 10px;
    }
    .user-register.region form#user-register-form{
        padding: 20px 15px;
    }
    .field--widget-field-collection-embed #field-motorcycles{
        padding: 20px 15px;
    }
    .table-responsive{
        border: 0 !important;
    }
    #field-motorcycles-values .form-group{
        padding-left: 15px;
        padding-right: 15px;
    }
    .user-register-form .preview.col-sm-2{
        width: 100%;
        margin-bottom: 10px;
    }
    .data.col-sm-10 .btn-danger{
        margin-top: 10px;
    }
    .file.file--mime-image-jpeg.file--image.icon-before{
        width: 100% !important;
        display: block !important;
    }
    .user-register-form .data.col-sm-10{
        width: 100% !important;
    }
}

/* 29/06/2021 */
#grey_section .profile_box .pimage{
    width: 40%;
}
#grey_section .profile_box .button_section{
    width: 60%;
}
.art_content table ul{
    padding-left: 12px;
}
textarea, input[type="text"] {
-webkit-appearance: none;
}
textarea, input[type="text"], input[type="email"], input[type="password"], input[type="search"] {
 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.art_content img{
    width: 100% !important;
}
article img{
    width: 100% !important;
}
@media(max-width: 1024px){
    .profile_box .profiledetails span.profilename{
        word-break: break-all;
    }
    #block-views-block-event-frontend-block-1 .slick__arrow{
        top: -30px !important;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
    #block-views-block-event-frontend-block-1 .slick-prev{
        left: 0 !important;
    }
    #block-views-block-event-frontend-block-1 .slick-next{
        right: 0 !important;
    }

    #block-views-block-route-frontend-block-3 .slick__arrow{
        top: -30px !important;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
    #block-views-block-route-frontend-block-3 .slick-prev{
        left: 0 !important;
    }
    #block-views-block-route-frontend-block-3 .slick-next{
        right: 0 !important;
    }

    span.route_author_thumb{
        width: 50px !important;
        height: 50px !important;
    }
}
@media(max-width: 991px){
    /* .detailpage .profile_image{
        width: 40%;
    }
    .detailpage .profile_data{
        width: 60%;
    }
    .detailpage .profile_medal{
        width: 100%;
        min-height: auto;
    } */
    #slick-views-route-frontend-block-10-1 .slick__arrow{
        top: 0px !important;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
    #slick-views-route-frontend-block-10-1 .slick-prev.slick-arrow{
        top: 30px !important;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
    #slick-views-route-frontend-block-10-1 .slick-next.slick-arrow{
        top: 30px !important;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
    .rating_meter_img_disable{
        width: 80px;
    }
    .path-user{

    }
    .path-user textarea,  .path-user input[type="text"] {
       -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
   }
    .path-user textarea,  .path-user input[type="text"],  .path-user input[type="email"],  .path-user input[type="password"],  .path-user input[type="search"],  .path-user input[type="tel"],  .path-user input[type="file"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }
  .eventsHeader .js-quickedit-page-title #route_title{
    width: 100%;
    max-width: 350px;
  }
  .socialsharebox .st-btn > img{
    margin-left: -5px;
    width: 20px !important;
    height: 20px !important;
  }
}
@media(max-width: 767px){
    .rowProfilebox .profile_wrapper .profile_data{
        padding-left: 10px;
    }
    .region-content .field--name-body table{
        width: 100% !important;
    }
    .region-content .field--name-body table p{
        word-break: break-all;
    }
    .path-member #accordion h4 > a{
        padding-right: 30px;
    }
    #slick-views-route-frontend-block-10-1 .slick-prev.slick-arrow{
        left: -31px !important;
        top: 30px !important;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
    #slick-views-route-frontend-block-10-1 .slick-next.slick-arrow{
        right: -28px !important;
        top: 30px !important;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
    div#block-views-block-route-frontend-block-3 .slick-next{
        right: -20px !important;
    }
    div#block-views-block-route-frontend-block-3 .slick-prev{
        left: -10px !important;
    }
    #st-1 .st-total{
        /* right: 0;
        left: 42px;
        text-align: left !important; */
        display: none;
    }
    #grey_section #share_btn .sharethis-inline-share-buttons.st-center .st-btn{
        padding: 0;
        text-align: right !important;
    }
    .faq-answer{
        padding-left: 15px;
        padding-right: 15px;
    }
    .path-top-100-motorcycle-rides .view-id-top_rides .view-header a{
        display: block;
        margin-top: 15px;
    }
    #edit-field-website-0-uri--description ul{
        padding-left: 10px;
    }
    #block-views-block-event-frontend-block-1 .slick__arrow{
        top: 0px !important;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
    #block-views-block-route-frontend-block-3 .slick__arrow{
        top: 0px !important;
        transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
    }
    #grey_section .profile_box .pimage .route_author_thumb{
        width: 100%;
        height: auto;
    }
    #grey_section .profile_box .pimage .route_author_thumb{
        width: 50px;
        height: 50px;
    }
    #grey_section .profile_box .pimage .route_author_thumb img{
        width: 50px;
        height: 50px;
    }
    #edit-field-website-0-uri--description ul{
        padding-left: 20px;
    }
    .form-type-managed-file .preview {
        margin-bottom: 10px;
    }
}
@media(max-width: 480px){
    #block-views-block-route-frontend-block-3 .slick-next,
    .path-frontpage #block-views-block-route-frontend-block-3 .slick-next{
        right: -20px !important;
        left: 95% !important;
    }
    .path-frontpage #block-views-block-route-frontend-block-3 .slick-prev{
        left: -10px !important;
    }
}
.path-search .search-form .form-submit{
    height: 34px;
}

.collector-dialog.responsive form.aui .long-field,  .path-user input[type="text"],  .path-user input[type="email"],  .path-user input[type="password"],  .path-user input[type="search"],  .path-user input[type="tel"],  .path-user input[type="file"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }

.collector-dialog.responsive form.aui textarea.long-field{
    -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}
.collector-dialog.responsive form.aui textarea.long-field{
    -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
}
.collector-dialog.responsive form.aui .text, .collector-dialog.responsive form.aui .password, .collector-dialog.responsive form.aui .textarea, .collector-dialog.responsive form.aui .select, .collector-dialog.responsive form.aui .multi-select, .collector-dialog.responsive form.aui .aui-select2-container .select2-choices{
    -webkit-appearance: none !important;
      -moz-appearance: none !important;
      appearance: none !important;
}
@media (max-width: 991px){
    .page-node-type-event .eventsHeader{
        position: relative;
    }
    .page-node-type-event .eventsHeader .page-header{
        width: 60%;
        font-size: 18px;
    }
}
@media(max-width: 767px){
    .page-node-type-event .eventsHeader{
        height: auto !important;
    }
}
@media (max-width:767px){
  .view-id-duplicate_of_event_frontend_test.view-display-id-page_6 span.field-content {
    display: flex;
    flex-wrap: wrap;
  }
  .view-id-duplicate_of_event_frontend_test.view-display-id-page_6 .list-wrap .img-location-left {
    float:none;
    width:100%;
    padding-bottom:20px;
  }
  .view-id-duplicate_of_event_frontend_test.view-display-id-page_6 .list-wrap .title-desc-right {
    float:none;
    width:100%;
    padding-top: 20px;
  }
  .view-id-duplicate_of_event_frontend_test.view-display-id-page_6 .field-photo img{
    padding: 1px;
    width: 100%;
  }
}
.view-id-route_frontend.view-display-id-block_8 .views-field-user-picture img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}