/*
Theme Name: Fuel
Theme URI: http://fuelmedical.com/
Author: Fuel Medical
Author URI: http://fuelmedical.com/
Description: Base theme for all fuel medical development projects
Version: 3.0
Text Domain: fuel
Tags: fuel
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Base Elements
# Structure
# Forms
    ## Image Captcha
# Spacing
# Fonts
# Colors
# Header
# Content
    ## Home
    ## Secondary
# Sidebar
# Footer
# Blog
# Comments
# Shortcodes
# Responsive
    ## Menu - Small Screen
    ## Menu - Large Screen
# Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
*,*:before,*:after{-ms-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}html{-ms-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5}body,table,tbody,thead,tr,th,td,iframe,div,section,article,aside,header,footer,main,menu,nav,h1,h2,h3,h4,h5,h6,hr,form,fieldset,legend,button,input,select,optgroup,option,textarea,ul,ol,li,dl,dt,dd,blockquote,p,details,summary,pre,figure,img,audio,canvas,video,object,embed,span,a,strong,b,em,i,u,s,cite,abbr,sub,sup,mark,del,ins,code,kbd,samp,var{vertical-align:top;margin:0;border:0;padding:0;font-family:inherit;font-size:1em;line-height:inherit;text-transform:none;color:inherit;background:none;overflow:visible;outline:none}iframe,div,section,article,aside,header,footer,main,menu,nav,h1,h2,h3,h4,h5,h6,hr,form,fieldset,legend,ul,ol,dl,dt,dd,blockquote,p,details,summary,pre,figure,figcaption{display:block}img,audio,canvas,video,object,embed{display:inline-block}audio:not([controls]){display:none;height:0}svg:not(:root){overflow:hidden}[hidden],template{display:none}textarea{overflow:auto;resize:vertical}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}a:focus{outline:dotted thin}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}html{-webkit-overflow-scrolling:touch;}body{position:relative;}

/*--------------------------------------------------------------
# Base Responsive
--------------------------------------------------------------*/
iframe,img,audio,canvas,video,object,embed{vertical-align:middle;max-width:100%}
img{height:auto}

table{border-collapse:separate;border-spacing:0}
a{text-decoration:none;-webkit-transition:all 300ms ease;transition:all 300ms ease}
ul{list-style:disc}
ol{list-style:decimal}
abbr[title]{border-bottom:1px dotted}

.button{display:inline-block;vertical-align:middle;border-radius:0.25em;padding:0.5em 1em;font-size:1em;font-weight:bold;line-height:normal;text-align:center;text-decoration:none;cursor:pointer;-webkit-transition:all 300ms;transition:all 300ms}

/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/
.breakpoint{display:none;position:relative;z-index:0}
.clear,.contain{/* zoom:1 */}
.clear:after,.contain:after{content:'';display:block;visibility:hidden;clear:both;height:0;}
.alignleft,.alignright,.aligncenter,.wp-post-image{display:block;clear:both}
.wp-caption{margin:0 0 1.5em 0;max-width:100%}
.wp-caption img[class*="wp-image-"]{display:block;margin:0 auto}
.wp-caption-text{text-align:center}
.wp-caption .wp-caption-text{margin:0.8075em 0}
.screen-reader-text{position:absolute;top:auto;left:-10000em;height:1px;width:1px;overflow:hidden}
.contain{position:relative;}
#wrapper,#wrapper>*{width:100%;}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline;}
button, input[type="button"], input[type="reset"], input[type="submit"] {background: #0b267a; color: #fff; text-transform: uppercase; line-height: 2.25em; border: none; border-radius: 2px; box-sizing: border-box; display: block; max-width: 18.75em; margin: 0 auto;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background: #b8daf3;}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); outline: none;}
input[type="checkbox"], input[type="radio"] {padding: 0; width: 1em;height: 1em;}
input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ }
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"],  select,textarea {color: #888; border: none; border-bottom: 1px solid #ccc; background: none; width: 100%; line-height: 1.5em;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"],  select {height: 50px;}
input[type="file"] {width: 100%;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {outline: none; color: #0068B3;}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], select { padding: 3px; }
textarea {padding-left: 3px; vertical-align: top; width: 100%;}
/*.wpcf7 {box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); font-size: 16px; font-weight: 400; overflow: hidden; z-index: 1; position: relative; background: #fff; border-radius: 2px; box-sizing: border-box; min-width: 260px;}*/
.formItem {margin:15px 0; position: relative; padding: 0.8em 1.1em 0 1.1em; box-sizing: border-box;}
.formItem .wpcf7-form-control-wrap {display: block;}
.formItem input {width: 100%;}
.formItem textarea {min-height:30px; overflow: hidden;}
#mobile-footer-contact .formItem { padding: 0.8em 1.1em 0 0; }
#page-content .formItem { padding: 0.8em 0 0 0; }
.wpcf7-not-valid {border-bottom: 1px solid red !important;}
input.error {border: 1px solid red; }
label.error {font-size:12px; text-align:left; }
.wpcf7-form-control-wrap:before {background: #0068B3; bottom: 0; content: ''; height: 2px; left: 45%; position: absolute; transition-duration: .2s; transition-timing-function: cubic-bezier(.4,0,.2,1); visibility: hidden; width: 10px;}
.in_focus:before {left: 0; visibility: visible; width: 100%}
.fm_invalid .wpcf7-form-control-wrap:before{bottom:20px; display:none;}
div.wpcf7-validation-errors {border: none; border-top: 1px solid #D5D5D5; margin: 0; padding: 20px; color: red;}
span.wpcf7-not-valid-tip {font-size: 0.9em;}
label.float_label {position: absolute;top: 20px;color: #4a4a4a;padding-left: 3px;transition-duration: .2s;transition-timing-function: cubic-bezier(.4,0,.2,1);}
.is_set label.float_label {top:0;font-size: 0.7em;color: #0068B3;}

/*--------------------------------------------------------------
## Image Captcha
--------------------------------------------------------------*/
.captcha-image{display:block;padding:0 0.4em;text-align:center;color:#888;margin:0 1.25em;}
.captcha-image .cf7ic_instructions{display:block;margin-bottom:0}
.captcha-image .cf7ic_instructions span{color:#0b267a;font-weight:bold}
.captcha-image i{padding:0.4em;font-size:2.25em;-webkit-transition: all 0.4s linear;transition:all 0.4s linear}
.captcha-image label{display:inline-block}
.icon-fallback,.captcha-image label>input{position:absolute;width:0;height:0;visibility:hidden}
.captcha-image label>input+i{cursor:pointer;border:2px solid transparent;}
.captcha-image label>input:checked+i{color:#0068b3}
.captcha-image i:hover{color:#0068b3}
.kc_captcha .wpcf7-not-valid .captcha-image{border: 1px solid red !important}
.kc_captcha span.wpcf7-not-valid-tip{padding: 0 1.25em;display:inline-block;margin-top:-1.25em}

/*--------------------------------------------------------------
# Spacing
--------------------------------------------------------------*/
table{margin:0 0 1.5em 0;width:100%}
iframe{margin:0 auto 1.5em auto}
pre,dl,figure{margin:0 0 1.5em 0}
hr{margin:0 0 1.5em 0;border-top:1px solid}
h1,h2,h3,h4,h5,h6{margin: 1em 0 0.5em 0}
p{margin: 0 0 1em 0; font-weight: 400;}
ul,ol{margin:0 0 1.5em 2.5em}
li>ul,li>ol{margin:0 0 0 1.5em}
li{margin:0 0 0.5em 0}
blockquote,figcaption{margin:0 0 1.5em 0}
dd{margin:0 1.5em 1.5em}
input,select{max-width:100%}

.hentry{margin:0 0 1.5em 0}
.sticky{display:block}
.page-links{margin:0 0 1.5em}

.alignleft,.alignright,.aligncenter,.wp-post-image{margin:0 auto 1.5em auto}
.article-footer{margin: 0 0 2.5em 0}

.contain{/*margin:auto; max-width:70em;*/}

.widgets{margin:0;list-style:none}
.widget{display:block;margin:0 0 1.5em 0}
.widgettitle{margin:0 0 0.3em 0}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
html{font-size:125%}
body{font-size: 1em;line-height:1.5;font-family:'Open Sans', sans-serif;}
th{font-weight:bold}
h1,h2,h3,h4,h5,h6{line-height:normal;font-weight:400}
h1{font-size:1.8em}
h2{font-size:1.75em}
h3{font-size:1.5em}
h4{font-size:1.25em}
h5{font-size:1em}
h6{font-size:0.75em}
strong,b{font-weight:700}
em,i,dfn,cite,blockquote,figcaption{font-style:italic}
blockquote em,blockquote i,figcaption em,figcaption i{font-style:normal}
u,ins{text-decoration:underline}
s,del{text-decoration:line-through}
small{font-size:0.75em}
sub,sup{position:relative;vertical-align:baseline;font-size:0.75em;line-height:0}
sup{top:-0.5em}
sub{bottom:-0.25em}
dt{font-weight:bold}
#page-content p:first-of-type {
    color: #0b267a; 
    /*font-size: 1.5em; 
    font-style: italic;
    line-height: 1.8;*/} /* Directions from design: first paragraph on secondary pages to always stand out. */

.button:hover,.button:active,.button:focus{text-decoration:none}

.fa { vertical-align: -1px; }

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
body{color:#222;background:#fff}
a{color:#0b267a;}
a:hover{text-decoration: underline;}
mark{background:#ff0}
hr{border-top-color:#999}

.fm-input{color:#888;border-bottom:1px solid #ccc}
.fm-input:focus{color:#0068B3}

.button{color:#fff;background:#000}
.button:hover,.button:active,.button:focus{color:#fff;background:#333;outline:none}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {}
.logo {  }
.logo img {width: 90%;margin: 0 auto;max-width: 300px;}

#large-menu { display: none; }
#menu-item-89 { display: none; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
#header-portal-link { text-align: right; margin-top: 10px; margin-right: 10px;}
.header-portal-link { font-size: 16px; color: #4990e2; text-align: right; font-weight: 100; }
.header-portal-link:before { content: "\f007"; font-family: fontawesome; vertical-align: 1px;}

.site-branding { 
    max-width: 1200px; 
    width: 80%; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 20px;
    padding-left: 54px;}

#front-page-image { 
    background-image: url(./images/background.jpg); 
    background-color: #0b267a; 
    background-repeat: no-repeat;
    background-position: 50% 0;
    height: 550px; 
    background-position: 25% 0; 
    color: white;
    text-align: center;
    font-weight: 400;
    }
    
.welcome { 
    padding-top: 89px; 
    font-size: 16px; 
    margin-bottom: 5px;}    
    
.alliance{
    font-size: 28px;
    padding: 0 20px 0 20px;
    margin-bottom: 10px;
    }    
 
.partner {
    font-size: 16px;
    padding: 0 20px 60px 20px; 
    }
    
.top-join-button{ 
    width: 90%; 
    height: 64px;
    text-align: center;
    border: solid 2px #0b267a;
    background: #0b267a;
    color: white  ;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;}

.top-benefits-button{ 
    width: 90%; 
    height: 64px;
    text-align: center;
    border: solid 2px white; 
    color: white  ;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;}
    

h2.front-page { 
    color: #4a4a4a; 
    font-family: Roboto; 
    font-size: 32px; 
    font-weight: 400; 
    }  
    
#front-page-line{
    height: 10px;
    width: 60%;
    border-bottom: solid 2px #bc2a2f;
    margin-bottom: 20px;
    }    
    
h2.why-oto { display: none; }    

#front-page-content { 
    padding: 0 30px 0 10px; 
    color: #6c6c6c;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 400;
    max-width: 1250px;
    margin: 0 auto;}
    
#front-page-secondary-content{
    text-align: center;
    font-size: 24px;
    margin: 30px 0 40px 0; 
    
    }
    
#front-page-secondary-content .fa{
    color: #4990e2;
    font-size: 48px;
    }    
    
#front-page-secondary-content p.unit{ padding: 0 70px 0 70px; }    

#front-page-secondary-content p{
    font-size: 16px;
    padding: 0 40px 0 40px;
    margin-bottom: 40px;
    }  
    
.icon-info { width: 100%; }    
 
#front-page-grey {
    background-color: #f6f6f6;
    padding: 20px 10px 50px 10px; 
    color: #6c6c6c; }
    
#front-page-grey-contain { max-width: 1200px; margin: 0 auto;  }

.benefits-button{ 
    width: 90%; 
    height: 64px;
    text-align: center;
    border: solid 2px #0b267a; 
    color: #0b267a  ;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;}

.membership-button{ 
    width: 90%; 
    height: 64px;
    text-align: center; 
    border: solid 2px #0b267a; 
    color: #0b267a ; 
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    }
    
.membership-button .fa{ vertical-align:-1px;  }  
.benefits-button .fa{ vertical-align:-1px;  }

#front-page-philosophy{ 
    text-align: center; 
    padding: 20px 10px 20px 10px; }
    
#front-page-philosophy-contain { max-width: 960px; margin: 0 auto; }
    
#front-page-philosophy p { color: #4990e2; }

#center-line{ 
    border-bottom: solid 2px #bc2a2f; 
    width: 60%; 
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;}
    
.philosophy{
    color: #4a4a4a; 
    font-family: Roboto; 
    font-size: 32px; 
    font-weight: 400; }

#front-page-contact {  background-color: #f6f6f6; padding: 60px 0 50px 0;  }
    
#front-page-contact-box { 
    text-align: center; 
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 10px;
    width: 80%;
    max-width: 1450px;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 30px; }  
    
#front-page-contact-form {
    background-color: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 15px;
    width: 90%; 
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; 
    margin-bottom: 30px;
    }
    
#front-page-contact-box p { font-size: 16px; color: #6c6c6c; }  

#front-page-contact-box .fa{ vertical-align:-1px; color: #4990e2; }

.address { 
    padding-left: 40px;
    padding-right: 40px;
    }

#mission-image { display: none; }   

h2.comments { text-align: center }

/*--------------------------------------------------------------
## Secondary Pages
--------------------------------------------------------------*/

.entry-header { 
    background-image: url(./images/background.jpg); 
    background-repeat: no-repeat; 
    background-color: #0b267a; 
    height: 160px; 
    color: white;
    font-weight: 400;
    background-position: 25% 0;
     }
     
.entry-header-container { max-width: 1200px; margin: 0 auto; padding-left: 0; }

.site-branding { padding-left: 16px; }

.entry-header h1 { margin: 0 0 0.5em 16px;   }    

.breadcrumbs { margin: 0 0 0 16px; }

.breadcrumbs p { padding: 1.75em 0 0.1em 0; font-size: 16px;}

.breadcrumbs a { color: white; }
    
.entry-content { padding: 30px 16px 10px 16px ; color: #4a4a4a; max-width: 1200px; margin: 0 auto; }   

.entry-content p { font-size: 18px; margin: 0 0 1.5em 0; }

p.further { color: #bc2a2f; }

ul.check {
   font-size: 18px;
   margin-left: 1.5em;
    }
.check li { list-style: none; }    
.check li:before {
  content: '\f058';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #bc2a2f;
}    

#mobile-footer-contact { display: inline-block; width: 100%; }

.page-id-24 #mobile-footer-contact { display: none; }
.page-id-26 #mobile-footer-contact { display: none; }

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.home #sidebar{ display: none; }
#sidebar{ display: none; }
#sidebar label.float_label { top: 0 ;  }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer { 
    background: #0b267a; 
    color: white; 
    font-size: 14px; 
    text-align: center; 
    padding: 20px 30px 20px 30px;
    position: absolute;}
#footer-container { /*max-width: 1230px;*/ margin: 0 auto;}    
.menu ul { margin: 0 0 1.5em 0; }
.menu ul li { list-style: none;  }
.menu ul li a { color: white; }
#footer-social a { color: white; font-size: 36px; padding: 0 40px 0 40px; }
.footer-site-details { margin: 0 ; }
.footer-site-details li a { color: white; }
.footer-site-details li { display: inline-block; padding: 0 20px 0 20px; }
ul#Footer-menu { margin: 0 0 1em 0 ; }
ul#Footer-menu li { list-style: none; }
ul#Footer-menu li a { color: white; }
/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Shortcodes
--------------------------------------------------------------*/
.location-hours{max-width:15em}
.location-hours td{padding:0.1em 0.25em}
.location-hours tr:nth-child(odd) td{background:#eee}
.location-hours .today td{font-weight:bold}
/* Bio Shortcode */
.bio-box{margin:0 0 1.5em 0;border:1px dotted #ccc;padding:0.25em 0.5em}
.bio-box:after{content:"";display:block;clear:both}
.bio-name{color:#266FBC;font-size:1.9em;font-weight:bold}
.bio-position{font-size:1.25em;font-weight:bold;color:#A80505}
.bio-image{display:inline-block;float:left;margin:0.25em 1em 0 0}
/* Reviews Form Shortcode */
#reviewPostForm {max-width: 18.75em; box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); padding: 0 1.25em; overflow: hidden; z-index: 1; position: relative; background: #fff; border-radius: 2px; box-sizing: border-box; width: 18.75em;}
#reviewPostForm fieldset{position:relative;}
#reviewPostForm fieldset:before {background: #0068B3; bottom: 0; content: ""; height: 2px; left: 45%; position: absolute; transition-duration: .2s; transition-timing-function: cubic-bezier(.4,0,.2,1); visibility: hidden; width: 10px;}
#reviewPostForm .in_focus:before {left: 0; visibility: visible; width: 100%}
.fuel-rating, .fuel-rating2, .fuel-average-rating {display: inline-block; direction: rtl; /* Change order of effect */ text-align: center; color: #888; box-sizing: border-box;}
.fuel-rating i {padding: 5px 0; font-size: 1.875em;}
.fuel-rating label {display: inline-block;}
.fuel-rating label > input {display:none; /* HIDE RADIO */}
.fuel-rating label > input + i {cursor:pointer; border:2px solid transparent;}
.fuel-rating label > input:checked + i {color: #ffd700; /* (CHECKED) IMAGE STYLES */}
.fuel-rating:hover i { /* Only add animation when mouse is on star box - we dont want animation on mouse out */ -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.fuel-rating:hover label > input:checked + i, .fuel-rating:hover .checked ~ label i {color: #888; /* Show checked and previous stars as unchecked on hover */}
.fuel-rating label i:hover {color: #ffd700 !important; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4);}
.fuel-rating label:hover ~ label i {color: #ffd700 !important; /* Change all previous stars to gold (thanks to  direction: rtl) */}
.fuel-rating .checked ~ label i {color: #ffd700}
#reviews_blanket {display: none; position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.0980392);}
.reviews-alert {display: none; box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2); width: 12.5em; height: 12.5em; margin: auto; position: fixed; background: #fff; z-index: 9999; text-transform: uppercase; font-weight: bold; text-align: center; font: 20px Helvetica, sans-serif; color: #333; padding: 1.25em; left: 0; right: 0; top: 0; bottom: 0;}
/* Reviews Shortcode */
.fuel-rating2 i {padding: 5px 0; font-size: 1.25em; display: inline-block; border:2px solid transparent;}
.fuel-rating2 .checked, .fuel-rating2 .checked ~ i {color: #ffd700; /* (CHECKED) IMAGE STYLES */}
.review-wrapper .review-content {margin: 0;}
/* Reviews Average Shortcode */
.rating_total {float: left; line-height: 35px; margin: 0 0.625em 0 0;}
.half-under {position: relative; left: -0.7em; z-index: 0;}
.half-star {position: relative; z-index: 1;}
.fuel-average-rating i {padding: 5px 0; font-size: 1.25em; display: inline-block; margin: 0 0.1em;}
.fuel-average-rating .checked, .fuel-average-rating .checked ~ i, .fuel-average-rating .checked-before ~ i {color: #ffd700; /* (CHECKED) IMAGE STYLES */}
/* Toggle Shortcode */
.toggler {background: #4a4a4a;color: #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;border: 1px solid #4a4a4a;border-bottom: 1px solid #333;margin: 0.5em 0 0;padding: 0.2em 1em 0.3em;cursor: pointer;-webkit-transition: background 0.4s ease, color 0.4s ease;transition: background 0.4s ease, color 0.4s ease;}
.toggler:hover {background: transparent; color: #4a4a4a; border: 1px solid #4a4a4a;}
.toggler:before {content: "\f0d7"; font-family: fontawesome; margin-right: 1em; display: inline-block; -webkit-transition: transform 0.4s ease; transform: all 0.4s ease;}
.toggler.active:before {-ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.toggle {border-left: 1px solid #4a4a4a; border-right: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 1em; padding: 1em 1em 0 1em; display:none;}

.page-id-26 .sidebar-contact-form { display: none; }
.page-id-24 #sidebar { display: none; }

section.error-404.not-found { max-width: 1200px; padding: 20px; margin: 0 auto;  }
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media only screen and (min-width:19.5em){ /*312px*/
	.breakpoint{z-index:195}
}

@media only screen and (min-width:28.5em){ /*456px*/
	.breakpoint{z-index:285}
	.site-branding { width: 100%; /*padding-left: 40px ;*/ }
}

@media only screen and (min-width:38.5em){ /*616px*/
	.breakpoint{z-index:385}
	.alignleft{clear:none;float:left;margin:0em 2em 1em 0;max-width:48%}
	.alignright{clear:none;float:right;margin:0 0 2em 2em;max-width:48%}
	.top-join-button { max-width: 240px; display: inline-block; margin-right: 40px; }
	.top-benefits-button { max-width: 240px; display: inline-block; margin-left: 40px;}
	#front-page-content { padding: 0 80px 0 80px; }
	.welcome { padding-top: 109px; }
	.alliance{ margin-bottom: 20px; } 
	#front-page-grey { padding: 10px 80px 10px 80px; }
	#front-page-grey p { font-size: 18px;  }
	.benefits-button { max-width: 240px; display: inline-block; margin-right: 20px; }
	.membership-button { max-width: 240px; display: inline-block; margin-right: 20px; }
	#front-page-philosophy { padding: 20px 80px 50px 80px; }
	#front-page-contact-box p { margin-bottom: 30px; }

	#front-page-contact-form .formItem .Comments { margin-bottom: 30px; }
	#front-page-contact-form .formItem .submit { padding-top: 0 ; }
	/*#front-page-secondary-content p.unit { padding: 0 270px 0 270px; }
	#front-page-secondary-content p.practice { padding: 0 230px 0 230px; }
	#front-page-secondary-content p.group { padding: 0 250px 0 250px; }*/
    /* footer */
    #footer-menu { display: inline-block; width: 100%; }
    ul#Footer-menu li { display: inline-block; margin: 0 10px 0 10px; } 
    ul#Footer-menu li:first-child { margin-left: 0 ; }
    ul#Footer-menu li:last-child { margin-right: 0 ; }
    .entry-header h1 { margin: 0 0 0.5em 54px;   }    
    .breadcrumbs { margin: 0 0 0 54px; }
    .entry-content { padding: 30px 54px 10px 54px ;} 
    .site-branding { padding-left: 54px; }
    
   
}

@media only screen and (min-width:48.5em){ /*776px*/
	.breakpoint{z-index:485}
    /* footer */
    .site-info { width: 45%; display: inline-block; text-align: left;}
    .footer-site-details { width: 50%; display: inline-block;  text-align: right;  }
    footer .menu ul li { display: inline-block; margin: 0 20px 0 20px; } 
    
}

@media only screen and (min-width:58.5em){ /*936px*/
	.breakpoint{z-index:585}
    #footer-container { width: 100%; padding-left: 0 ; }        
}

@media only screen and (min-width:68.5em){ /*1096px*/
	.breakpoint{z-index:685}
	.icon-info { width: 25%; display: inline-block; margin-right: 25px; } 
	.icon-info:last-child { margin-right: 0 ; width: 35%; }
	#front-page-secondary-content { margin: 70px 0 40px 0; }
	#front-page-secondary-content p.unit { padding: 0 20px 0 20px; }
	#front-page-secondary-content p.practice { padding: 0 20px 0 20px; }
	#front-page-secondary-content p.group { padding: 0 20px 0 20px; }
    /* footer */
    #footer-social { width: 15%; display: inline-block;  }
    #footer-social  a { padding: 0 5px 0 5px; }
    #footer-container {  text-align: left; max-width: 1200px; }
    ul.footer-site-details li:last-child { padding-right: 0 ; }
    #footer-menu { width: 80%; text-align: right; margin-left: 0 ; margin-top: 10px; }   
    ul#Footer-menu li:last-child { margin-right: 0; }
    #mobile-footer-contact { display: none; }
    #sidebar{ 
        max-width: 30%; 
        display: inline-block; 
        text-align: center;
        float: right; }
    #sidebar h2{ font-size: 32px;  }    
    .sidebar-box{ 
        max-width: 250px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
        border: solid 1px #f6f6f6;
        border: solid 1px var(--white);
        padding: 10px 20px 10px 20px;
        font-size: 16px;
        margin: 0 0 25px 25px; }
    .sidebar-box label.float_label { position: relative; }    
    .sidebar-box p { font-size: 16px; } 
    .sidebar-box .fa { color: #4990e2 ; }
    #page-content{ max-width: 65%; width: 65%; display: inline-block; margin-right: 50px; }
    .alliance { font-size: 48px; }
    .welcome { font-size: 24px; }
    .partner { font-size: 24px; }
    .entry-content { padding: 30px 10px 10px 20px ;}
    .entry-header h1 { margin: 0 0 0.5em 20px ;   }  
	.breadcrumbs { margin: 0 0 0 20px; }
	.site-branding { padding-left: 20px; }
}

@media only screen and (min-width:74.5em){ 
	.breakpoint{z-index:745}
    footer .menu ul li { margin: 0 50px 0 50px; } 
    #front-page-contact-form { width: 90%; }
}


@media only screen and (min-width:78.5em){ /*1256px*/
	.breakpoint{z-index:785}
    #front-page-content { 
        margin-top: 50px; 
        padding: 0 10px 0 10px;
        max-width: 1200px;
    }
     #footer-container { width: 100%; padding-left: 20px; } 
   
	/*.entry-content { padding: 30px 10px 10px 0; }
	.entry-content { max-width: 1150px; }*/
	
	
	/*  footer styling 
	#footer-social { display: inline-block; width: 15%; }
    #footer-container .menu { display: inline-block; margin-left: 290px; }
    #footer-social a { padding: 0 10px 0 10px; }
    footer{ text-align: left; padding: 0 30px 0 30px;}
    ul.footer-site-details{ margin-right: 100px; }
    ul.footer-site-details { float: right; }*/
}

@media only screen and (min-width:92.5em){ /*Desktop Full Width 1400px*/
	.breakpoint{z-index:925}
	#front-page-content { padding: 0 10px 0 10px; }
	#mission-image { display: inline-block; height: 577px; }
	#mission-image img { height: auto; width: 772px ; height: 577px; }
    #mission-text { width: 40%; display: inline-block; padding-right: 60px; padding-top: 40px; }
    .membership-button { max-width: 200px; }
    .benefits-button { max-width: 200px; }
    /*.entry-header-container { max-width: 1450px; }*/
    #front-page-grey-contain { max-width: 1450px; padding-left: 121px;}
    #front-page-grey { padding: 0 10px 0 20px; }
    #large-menu { display: inline-block; margin-top: 30px; float: right; padding-right: 10px;}
    #large-menu ul li { display: inline-block; list-style: none; padding: 0 25px 0 30px;}
    #large-menu ul li a { color: #4a4a4a; font-weight: 100; font-size: 18px; }
    ul#desktop-header-menu { margin: 0 0 1.5em 1.5em; }
    #front-page-contact-contain { max-width: 1200px; margin-left: auto; margin-right: auto; }
    #front-page-contact-box { 
        width: 476px; 
        display: none; 
        margin-right: 10px; 
        text-align: left; 
        padding: 0 230px 0 20px;
        height: 522px;}
    .address { padding-right: 60px; } 
    #front-page-contact-box p { margin-bottom: 71px; }
    #front-page-contact-form { width: 100% ;  display: inline-block; padding: 40px; }
    #front-page-contact-form .formItem { width: 45%; display: inline-block; margin: 0 0 ;}
    #front-page-contact-form .formItem .Comments { width: 100%; }
    #front-page-contact-form .formItem.submit { padding-top: 0 ; width: 100%; }
    .address { padding-left: 0; }
    h2.comments { text-align: left; margin-left: 0.5em;}
    #front-page-contact #center-line { margin-left: 0.5em; }
    #front-page-contact h2 { margin-top: 0.5em; }
    #front-page-content { max-width: 1200px; padding-left: 0 ; padding-right: 0 ; }
    /*.site-branding { max-width: 1450px;  } */
    #front-page-content h2.front-page { display: none;  }
	#front-page-content #front-page-line { display: none;  }
    h2.why-oto { 
	    display: inline-block; 
	    width: 20%; 
	    margin-top: 130px;
	    margin-right: 0; }
	.vertical-line { height: 300px; border-right: solid 2px #bc2a2f; width: 5px; display: inline-block; }
	ul.inspiration-list { display: inline-block; width: 75%; }
	ul.inspiration-list li { margin: 0 0 2.1em 0; }
   /* .entry-content { max-width: 1450px; }*/
    #page-content { max-width: 75%; margin-right: 60px; }
    .entry-header { background-position: 50% 0;}
    #front-page-image { background-position: 50% 0; }
	#large-menu ul li:last-child { padding-right: 0; }
	.site-branding { padding-left: 0; }
	/*.contain{padding:0 5.25em;}*/
}

@media only screen and (min-width:98.5em){ /*1528px*/
	.breakpoint{z-index:985}
}

@media only screen and (min-width:108.5em){ /*1736px*/
	.breakpoint{z-index:1085}
}

@media only screen and (min-width:118.5em){ /*1896px*/
	.breakpoint {z-index:1185}
}

@media only screen and (min-width:128.5em){ /*2056px*/
	.breakpoint {z-index:1285}
}

/*--------------------------------------------------------------
## Menu - Small Screen
--------------------------------------------------------------*/
@media only screen and (max-width: 60.99em){ 
	a.fm-menu-close{display:none;}
	.fm-menu,.fm-menu ul{position:relative;z-index:2;margin:0;padding:0;list-style:none;}
	.fm-menu li{position:relative;z-index:1;margin:0;padding:0;list-style:none;}
	.fm-menu a{display:block;position:relative;padding:0.5em 2.5em 0.5em 1.5em;}
	.fm-menu .menu-item-has-children>a:after{content: '';position:absolute;top:1.05em;right:1.5em; border-style:solid; border-color: transparent; border-width: 0.5em 0.4em 0 0.4em; -webkit-transition:all 200ms;transition:all 200ms;}
	.fm-menu .fm-menu-active>a:after,.nojs .fm-menu ul li:hover>a:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
	.fm-menu ul li{overflow:hidden;max-height:0;transition:max-height 500ms;}
	.fm-menu ul a{padding-left:2.5em;}
	.fm-menu ul ul a{padding-left:3.5em;}
	.fm-menu ul ul ul a{padding-left:4.5em;}
	.fm-menu .fm-menu-active>ul>li{max-height:5em;}
	.fm-menu .fm-menu-active>ul>.fm-menu-active{max-height:100em;transition:max-height 500ms;}

	.nojs .fm-menu ul li{max-height:none;}
	.nojs .fm-menu .menu-item-has-children>a:after{display:none;}

	/* Slide Down Menu */
	#fm-menu .fm-menu>li{overflow:hidden;max-height:0;transition:max-height 500ms;}

	.fm-menu-opened #fm-menu .fm-menu>li{max-height:5em;}
	.fm-menu-opened #fm-menu .fm-menu .fm-menu-active{max-height:100em;}

	.nojs #fm-menu:target .fm-menu>li{max-height:none;}
	/* Slide Down Menu */

	/* Fade-Over Menu /
	#fm-menu{position:fixed;top:0;left:0;padding:1.5em 0;width:100%;height:100%;overflow:auto;z-index:999;opacity:0;visibility:hidden;transition:all 500ms;}
	a.fm-menu-close{display:block;position:fixed;top:0.5em;right:0.5em;z-index:1000;width:2em;height:2em;text-indent:-999em;opacity:0;visibility:hidden;transition:all 500ms;}
	.fm-menu-close:before{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;font-size:1.5em;text-align:center;text-indent:0;}

	.fm-menu-opened{overflow:hidden;}
	.fm-menu-opened .fm-menu-close,#fm-menu:target + .fm-menu-close{opacity:1;visibility:visible;}
	.fm-menu-opened #fm-menu,#fm-menu:target{opacity:1;visibility:visible;}
	/* Fade-Over Menu */

	/* Slide Out Menu /
	#wrapper{position:relative;left:0;width:100%;height:100%;-webkit-transition:left 500ms;-o-transition:left 500ms;transition:left 500ms;}
	#fm-menu{position:fixed;top:0;height:100vh;padding:1.5em 0;overflow:auto;z-index:999;-webkit-transition: left 500ms, -webkit-box-shadow 500ms;transition: left 500ms, -webkit-box-shadow 500ms;-o-transition: left 500ms, box-shadow 500ms;transition: left 500ms, box-shadow 500ms;transition: left 500ms, box-shadow 500ms, -webkit-box-shadow 500ms;}
	a.fm-menu-close{display:block;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100vh;text-indent:-999em;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms;}
	.fm-menu-close:before{display:block;position:absolute;top:0.5em;left:0.5em;font-size:1.5em;text-align:center;text-indent:0;width:1em;}

	.fm-menu-opened #wrapper{position:absolute;top:0;bottom:0;height:100vh;overflow:hidden;-webkit-transition:left 500ms;-o-transition:left 500ms;transition:left 500ms;}
	.fm-menu-opened .fm-menu-close,#fm-menu:target + a.fm-menu-close{width:100%;opacity:1;visibility:visible;}
	.fm-menu-opened #fm-menu,#fm-menu:target{left:0;-webkit-box-shadow:0 0 0.5em rgba(0,0,0,0.5);box-shadow:0 0 0.5em rgba(0,0,0,0.5);}


	.fm-menu-opened, .fm-menu-opened body { overflow: hidden; }
	#fm-menu{left:-18em;width:18em;}
	.fm-menu-opened #wrapper{left:18em;}
	.fm-menu-opened .fm-menu-close,#fm-menu:target + a.fm-menu-close{left:18em;}
	/* Slide Out Menu */

	/*Customize Menu Here*/
	.fm-menu-buttons a { color: white; margin-right: 5px; }
	/*.fm-menu-buttons a:before { margin-right: 5px; content: "\f0c9"; font-family: FontAwesome; } */
	.fm-menu-open:before { margin-right: 5px; content: "\f0c9"; font-family: FontAwesome; }
	.fm-menu-buttons { height: 53px; background-color: #0b267a; padding-top: 10px; text-align: center; }
	#fm-menu{ background:#4990e2; }
	.fm-menu-close{color:#f00;}
	.fm-menu-close:hover{color:#f00;}
	.fm-menu a{ color: white; }
	.fm-menu a:hover{}
	.fm-menu ul{}
	.fm-menu .menu-item-has-children>a:after{ border-top-color: #000; }
	.fm-menu-call{ float: right; padding-right: 20px; }
	.fm-menu-open{ float: left; padding-left: 20px; }
	
}

@media only screen and (min-width:38.5em){
    .fm-menu-open{ padding-left: 54px; }
    }

/*--------------------------------------------------------------
## Menu - Large Screen
--------------------------------------------------------------*/
@media only screen and (min-width: 61.0em){ 
	.fm-menu-buttons,a.fm-menu-close{display:none;}
	.fm-menu,.fm-menu ul{margin:0;padding:0;list-style:none; }
	.fm-menu{position:relative;text-align: center; }
	.fm-menu li{display:block;position:relative;z-index:4;margin:0;padding:0;list-style:none; }
	.fm-menu li li:nth-child(1){z-index:20;}.fm-menu li li:nth-child(2){z-index:19;}.fm-menu li li:nth-child(3){z-index:18;}.fm-menu li li:nth-child(4){z-index:17;}.fm-menu li li:nth-child(5){z-index:16;}.fm-menu li li:nth-child(6){z-index:15;}.fm-menu li li:nth-child(7){z-index:14;}.fm-menu li li:nth-child(8){z-index:13;}.fm-menu li li:nth-child(9){z-index:12;}.fm-menu li li:nth-child(10){z-index:11;}.fm-menu li li:nth-child(11){z-index:10;}.fm-menu li li:nth-child(12){z-index:9;}.fm-menu li li:nth-child(13){z-index:8;}.fm-menu li li:nth-child(14){z-index:7;}.fm-menu li li:nth-child(15){z-index:6;}.fm-menu li li:nth-child(16){z-index:5;}
	.fm-menu>li{display:inline-block;}
	.fm-menu a{display:block;position:relative; padding: 0.5em 1em; text-align: left; }
	.fm-menu .menu-item-has-children>a{outline:none;}
	.fm-menu .menu-item-has-children>a:after{content: '';display:inline-block;vertical-align:top; margin: 0.55em 0 0 0.5em; border-style:solid; border-color: transparent; border-width: 0.5em 0.4em 0 0.4em; -webkit-transition:all 200ms;transition:all 200ms;}
	.fm-menu .fm-menu-active>a:after,.nojs .fm-menu li:hover>a:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
	.fm-menu ul{position:absolute;z-index:10;top:calc(100% + 1em);left:50%;margin-left:-7.5em;width: 14em;max-height:0;box-shadow:0.05em 0.05em 0.25em rgba(0,0,0,0.2);opacity:0;visibility:hidden;overflow:hidden;-webkit-transition:all 400ms;transition:all 400ms;}
	.fm-menu ul:before{content:'';display:block;position:absolute;z-index:2;top:-0.5em;left:50%;margin-left:-0.5em;width:1em;height:1em;box-shadow:0.05em 0.05em 0.25em rgba(0,0,0,0.2);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
	.fm-menu ul:after{content:'';position:absolute; top:-1em; left:0;z-index:1;width:100%;height:100%;}
	.fm-menu .fm-menu-active>ul,.nojs .fm-menu li:hover>ul{opacity:1;visibility:visible;overflow:visible;max-height: 1000em;}
	.fm-menu ul li:first-child{ padding-top: 1em; }
	.fm-menu ul li:last-child{ padding-bottom: 1em; }
	.fm-menu ul a{ font-size: 0.9em; padding: 0.5em 2em; }
	.fm-menu .menu-item-has-children ul{pointer-events:none;}
	.fm-menu .fm-menu-active ul{pointer-events:auto;}

	.nojs .fm-menu .menu-item-has-children ul{pointer-events:auto;}

	.fm-menu ul .menu-item-has-children>a:after{position:absolute;top:0.5em;right:1.5em;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}
	.fm-menu ul .fm-menu-active>a:after,.nojs .fm-menu ul li:hover>a:after{-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg);}
	.fm-menu ul ul{ top: -0.75em; left: calc(100% + 1em); margin-left:0;}
	.fm-menu ul ul:before{ top: 1.35em; left: -0.5em; margin-left:0;}
	.fm-menu ul li:first-child ul{ top: 0.25em; }
	.fm-menu ul ul:after{top:0; left: -1em; }

	.fm-menu .fm-menu-right ul{left:auto; right: calc(100% + 1em); }
	.fm-menu .fm-menu-right ul:before{left:auto; right: -0.5em; }
	.fm-menu .fm-menu-right ul:after{left:auto; right: -1em; }

	.fm-menu .fm-menu-left ul{ left: calc(100% + 1em); right:auto;}
	.fm-menu .fm-menu-left ul:before{ left: -0.5em; right:auto;}
	.fm-menu .fm-menu-left ul:after{ left: -1em; right:auto;}

	.fm-menu-up .menu-item-has-children>a:after{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
	.fm-menu-up .fm-menu-active>a:after,.nojs .fm-menu-up li:hover>a:after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
	.fm-menu-up ul{top:auto; bottom: calc(100% + 1em); }
	.fm-menu-up ul:before{top:auto; bottom: -0.5em; }
	.fm-menu-up ul:after{top:auto; bottom:-1em; }

	.fm-menu-up ul ul{top:auto; bottom: -0.75em;}
	.fm-menu-up ul ul:before{top:auto; bottom: 1.35em; }
	.fm-menu-up ul li:last-child ul{top:auto; bottom: 0.25em; }
	.fm-menu-up ul li:first-child ul{top:auto; bottom: -0.75em; }
	.fm-menu-up ul ul:after{top:auto; bottom:0; }

	/*Customize Menu Here*/
	#fm-menu{ position: relative; z-index:999; background-color: #0b267a ;}
	.fm-menu a{ color: white; }
	.fm-menu a:hover{ color: #39f; }
	.fm-menu .menu-item-has-children>a:after{ border-top-color: #000; }
	.fm-menu ul{ background: #fff; }
	.fm-menu ul:before{ background: #fff; }
	.fm-menu li li{ background: #fff; }
	.fm-menu ul a:hover{ background: #e5e5e5; }
    .fm-menu>li{ margin: 0 1.1%; }	
	.fm-menu > li:first-child { margin-left: 0;  }
	.fm-menu > li:last-child { margin-right: 0;  }
	#menu-item-89 { display: inline-block; }
}

@media only screen and (min-width: 71.0em){
    .fm-menu>li{ margin: 0 2.5%; }
    }

@media only screen and (min-width:92.4em){ /*Desktop Full Width 1400px*/
	.breakpoint{z-index:924}
    
   .fm-menu { display: none; } 
   
	
}



/*--------------------------------------------------------------
# Print
--------------------------------------------------------------*/
@media print {
	@page{margin:0.5cm}
	*{background:transparent !important;color: black !important;text-shadow: none !important;-webkit-filter:none !important;filter:none !important;-ms-filter: none !important}
	a,a:visited{color:#444 !important;text-decoration:underline}
	abbr[title]:after{content:" (" attr(title) ")"}
	pre,blockquote{border:1px solid #999;page-break-inside:avoid}
	thead{display:table-header-group}
	tr,img{page-break-inside:avoid}
	img{max-width:100% !important}
	p,h1,h2,h3{orphans:3;widows:3}
	h1,h2,h3{page-break-after:avoid}
	#fm-menu,#sidebar,#sidebar-post,#header,#footer,#comments,.fm-menu-buttons,.page-navigation,.pagination,.wp-prev-next,.respond-form{display:none}
	.contain{padding:0;max-width:none}
}