@import url("reset.css");
@import url("webfonts.css");
/*
@import url("font-awesome.min.css");
*/

@import url("fontawesome.css");
@import url("brands.css");
@import url("solid.css");

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);
/*@import url("cssmenu.css");*/
@import url("superfish.css");
/*@import url("acc-menu.css");*/
@import url("modal.css");
@import url("forms.css?ver=5");
@import url("thumbs.css?ver=8");

html {-webkit-font-smoothing: antialiased;}

body {background: #3f3f3f; color: #666; font: 105%/1.6em PFDinTextPro-Regular, Arial, Helvetica, sans-serif;}
a {border: none; color: #f60; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
img, a, a img {border: none; vertical-align: top;}
.clear {clear: both;}
.hide {display: none;}
.rule {height: 1px; background: #eee; margin: 20px 0;}
.rule hr {display: none;}
.devnote {background: lightyellow; color: red; padding: 5px;}
/*.detail {background: transparent; color: blue;}*/

/* working list */
ul.working-list { margin: 20px 0; padding: 0; }
ul.working-list li { list-style-type: none; display: inline-block; border: 1px solid orange; padding: 0 6px; white-space: nowrap; margin-bottom: 6px;}
/*ul.working-list li:after { content: ' | ' }*/

/* Base OVERRIDES */
h1,h2,h3 {margin:1em 0;/* top & bottom margin based on font size */}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;/*bringing boldness back to headers and the strong element*/}
abbr,acronym {border-bottom:1px dotted #000; cursor:help;/*indicating to users that more info is available */}
em {font-style:italic;/*bringing italics back to the em element*/}
blockquote,ul,ol,dl {margin:1em;/*giving blockquotes and lists room to breath*/}
ol,ul,dl {margin-left:2em;/*bringing lists on to the page with breathing room */}
ol li {list-style: decimal outside;/*giving OL's LIs generated numbers*/}
ul li {list-style: disc outside;/*giving UL's LIs generated disc markers*/}
dl dd {margin-left:1em;/*providing spacing for definition terms*/}
table {font-size:inherit; font:100%;}
th,td {/*  border:1px solid #000;  */ padding:.5em;/*borders and padding to make the table readable*/}
th {font-weight:bold; text-align:center;/*distinguishing table headers from data cells*/}
caption {margin-bottom:.5em; text-align:center;/*coordinated margin to match cell's padding*/}
p,fieldset,table,pre {margin-bottom:1em;/*so things don't run into each other*/}
select, input, button, textarea {/*  font:99% arial,helvetica,clean,sans-serif;  */}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
/* +++++++++++++++++++++ */

.PFDinTextPro-Regular { font-family: PFDinTextPro-Regular; }
.PFDinTextPro-Medium { font-family: PFDinTextPro-Medium; }
.PFDinTextPro-BoldItalic { font-family: PFDinTextPro-BoldItalic; }
.PFDinTextPro-MediumItalic { font-family: PFDinTextPro-MediumItalic; }
.PFDinTextPro-Italic { font-family: PFDinTextPro-Italic; }
.PFDinTextPro-Bold { font-family: PFDinTextPro-Bold; }
.PFDinTextPro-Light { font-family: PFDinTextPro-Light; }
.PFDinTextPro-LightItalic { font-family: PFDinTextPro-LightItalic; }

#section-group {background: #fff; padding-top: 0px; padding-bottom: 50px;}
#home #section-group {padding-bottom: 0px;}
.base-wrap {width: 100%; max-width: 960px; margin: 0 auto; position: relative;}

.cOrange {color: #f60;}
.cGrey {color: #666;}
.cDarkGrey {color: #3f3f3f;}

h1, h2 {background: transparent;}
h1, h2, h3 {font-weight: normal; color: #f60; text-transform: uppercase; font-family: PFDinTextPro-Medium;}
h1, h2.special {font-size: 250%; margin: 20px 0; padding: 0; line-height: 50px; letter-spacing: .06em;}
h1 span, h2.special span {display: block;}
h1 { /*background: tan; margin: 0;*/ }
h2 {font-size: 110%; letter-spacing: .10em;}
h3 {color: #666; font-size: 110%; letter-spacing: .10em;}
h4 {}
h5 {}
h6 {}
@media screen and (min-width: 960px) {
	h1, h2.special {font-size: 450%; padding: 30px 0; margin: 0; margin-bottom: 0px; line-height: 90px;}
	h2 {}
	h3 {}
}

/* Header Properties */

#masthead {background: #fff; z-index:8000;border-bottom:1px solid #eee;}
#masthead #logo,
#masthead #logo a {display: block; width: 99px; height: 40px;}
#masthead #logo {display: block; margin: 0px auto; padding: 20px 0;}
#masthead #logo a {background: url(../img/common/Range_logo.svg) no-repeat center center; text-indent: -9999px; background-size: 99px 40px;}
#masthead nav#mainmenu {display: none;}

#masthead .mobile-btn {position:absolute; right: 20px; top: 26px;}
#masthead .mobile-btn a { color: #666; font-size: 150%; }

/* respond */
@media screen and (min-width: 960px) {

	#masthead {min-height: 90px;}
	#masthead #logo,
	#masthead #logo a {display: block; width: 100px; height: 40px; padding: 0;}
	#masthead #logo {position: absolute; top: 24px; left: 0; margin: 0;}
	#masthead #logo a {}
	#masthead nav#mainmenu {display: block; width: auto; position: absolute; right: 0; top: 0px;}
	#masthead .mobile-btn { display: none; }

}
/* +++++++++++++++++++++ */
/*
.rule-shim { background: #fff url(../img/common/rule-shim.png) repeat-x center center; height: 10px; }
#section-group {background: #fff url(../img/common/rule-shim.png) repeat-x top center; padding-top: 0px; padding-bottom: 50px;}
*/
/* Col List Properties */
ul.cols,
.tab ul {margin: 0; margin-bottom: 20px; padding: 0; overflow: auto;}
ul.cols li,
.tab ul li {list-style-type: none; display: block;}
/*  response  */
@media screen and (min-width: 600px) {
ul.cols li,
.tab ul li {/*width: 50%; float: left;*/}

}
@media screen and (min-width: 960px) {
ul.cols li,
.tab ul li {/*width: 33.3%; float: left;*/}
}
/* +++++++++++++++++++++ */

/* Slides Default Properties */
#slides { display: none; }

ul.slidesjs-pagination {margin: 0; padding: 0; text-align: center;}
ul.slidesjs-pagination li {list-style-type: none; display: inline-block; padding: 5px;}
ul.slidesjs-pagination li a {
display: block; background: #fff; border: 2px solid #eee;
padding: 5px; text-indent: -9999px; text-decoration: none;
height: 2px;
width: 2px;
-moz-border-radius: 10px;
border-radius: 10px;
}
ul.slidesjs-pagination li a:hover,
ul.slidesjs-pagination .active {border: 2px solid #333;}

a.slidesjs-navigation {display: block; width: 20px; height: 45px; text-indent: -9999px; position: absolute; top: 40%; z-index: 5000;}
a.slidesjs-navigation.slidesjs-previous {background: url(../img/common/arrows-left.png) no-repeat top center; left: 10px;}
a.slidesjs-navigation.slidesjs-next {background: url(../img/common/arrows-right.png) no-repeat top center; right: 10px;}
a.slidesjs-navigation:hover {background-position: bottom center;}

/* +++++++++++++++++++++ */

/* Thumbs Properties OLD */
#sThumbs {margin: 0; padding: 0; width: 100%; /*max-width: 960px;*/ margin: 0px auto; text-align: left;}
#sThumbs h3 {text-align: center; text-transform: uppercase;}
#sThumbs ul {width: 100%; margin: 0 0px; padding: 0; text-align: left;}
/* #sThumbs ul {width: 100%; max-width: 960px; margin: 0 auto; padding: 0; text-align: left;} */
#sThumbs ul li {list-style-type: none; /*display: inline-block;*/ float: left; width: 50%; /*margin: 0 6px 6px 0;*/}
#sThumbs ul li a {display: block;}
#sThumbs img {width: 100%;}

/*  response  */
/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
	#sThumbs ul li {/*display: inline-block; width: 46%; margin: 0 6px 6px 0;*/}
}
/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 48em) {
	#sThumbs ul li {width: 25%;}
}
/* ===== == = === 56.25em (900px) === = == ===== */

@media only screen and (min-width : 56.25em) {
	#sThumbs ul li {/*width: 24.05%;*/width: 25%; margin: 0;}
}
/* +++++++++++++++++++++ */

/* Footer Properties */
#footer {margin: 0; background: #3f3f3f; padding: 25px; /*padding-bottom: 150px;*/}
#footer, #footer a {color: #fff;}

#footer .inner {background: transparent;}

#footmenu,
#footmenu ul,
#footmenu li,
#footmenu a {
  margin: 0; padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  /*font-family: 'Open Sans', sans-serif;*/
  /*font-size: 1em;*/
  position: relative;
}
#footmenu { /**/ width: 100%; /*max-width: 400px;*/}
#footmenuX { display: none; }
#footmenu a {line-height: 1.3;}
#footmenu > ul > li > a {/*font-size: .9em;*/  display: block; color: #fff; border-bottom: 1px solid #fff;}
#footmenu > ul > li > a > span {display: block; padding: 12px 10px;}
#footmenu > ul > li > a:hover {text-decoration: none;}
#footmenu > ul > li.active {border-bottom: none;}
#footmenu > ul > li.has-sub > a span {background: url(../img/common/accordion-plus-mobile-footer@2x.png) 96% center no-repeat; background-size: 17px 17px;}
#footmenu > ul > li.has-sub.active > a span {background: url(../img/common/accordion-minus-mobile-footer@2x.png) 96% center no-repeat; background-size: 17px 17px;}

#footmenu ul ul {display: none; border-bottom: 1px solid #999;}
#footmenu ul ul li {padding: 0;}
#footmenu ul ul li:last-child {border-bottom: none;}
#footmenu ul ul a {padding: 10px 10px; display: block; color: #fff; /*font-size: .8em;*/ font-weight: normal;}
#footmenu ul ul a:before {}
#footmenu ul ul a:hover {color: #eee;}

/* respond */
@media screen and (min-width: 960px) {
	#footer #acc-menu { /*display:none;*/ }
	#footer .inner {width: 100%; overflow: auto;}
	#footer #footmenu {display: none;}

#footmenuX,
#footmenuX ul,
#footmenuX li,
#footmenuX a {
  margin: 0; padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  /*font-family: 'Open Sans', sans-serif;*/
  /*font-size: 1em;*/
  position: relative;
}

	#footer #footmenuX {display: block; width: 56%; /*max-width: 550px;*/ float: left; background: transparent;}
	#footer #footmenuX ul {text-align: left; overflow: auto;background: transparent;}
	#footer #footmenuX ul li {list-style-type: none; float: left; width: 20%; margin-right: 0px;background: transparent;}
	#footer #footmenuX ul li a {display: block; font-weight: bold; border-bottom: none;}
#footmenuX > ul > li > a > span {display: block; padding: 4px 0px;}
	#footer #footmenuX ul ul {display: block; background: transparent; border-bottom: none;}

	#footer #footmenuX ul ul li {clear: both; display: block; width: 100%;}
	#footer #footmenuX ul ul li a { display: block; font-size: 90%; font-weight: normal; background: transparent;}
#footmenuX ul ul a {padding: 4px 0px;}

#footmenuX > ul > li.has-sub > a span {background: none;}
#footmenuX > ul > li.has-sub.active > a span {background: none;}

}
/* +++++++++++++++++++++ */

/* LOCATIONS */
.locations {background: transparent; margin: 20px 0; padding: 20px 10px; font-size: 90%;}
.locations .block {padding-bottom: 20px;}
.locations .block h4 {margin-top: 0; margin-bottom: 2px;}
.locations .email {margin-bottom: 20px;}

.locations .social-contacts {width: 100%; overflow: auto;}
.locations .social-contacts .icon,
.locations .social-contacts .iconX {float: left; margin-right: 25px;}
.locations .social-contacts .state {float: left;}
/*
.locations .social-contacts .icon,
.locations .social-contacts .icon a {display: block; width: 11px; height: 20px;}
.locations .social-contacts .icon a {background: url(../img/common/facebook.png) no-repeat top center; text-indent: -9999px;}
.locations .social-contacts .icon a:hover {background-position: bottom;}
*/
.locations .social-contacts .iconX.svg2 a svg path { fill: yellow !important; }/* fff */
.locations .social-contacts .iconX.svg2 a:hover svg path { fill: blue !important; }/* 999 */

.locations .social-contacts .state,
.locations .social-contacts .state a {display: block; width: 74px; height: 80px;}
/*
.locations .social-contacts .state a {text-indent: -9999px; background-position: top center; background-repeat: no-repeat;}
.locations #us .social-contacts .state a {background-image: url(../img/common/texas.png);}
.locations #nw .social-contacts .state a {background-image: url(../img/common/idaho.png);}
.locations .social-contacts .state a:hover {background-position: bottom;}

.locations #us {background: transparent;}
.locations #nw {background: transparent;}
*/
/*  response  */
/* ===== == = === em (480px) === = == ===== */
@media only screen and (min-width: 480px) {
	.locations {background: transparent; width: 96%; margin: 0px auto; padding: 14px 0px;}
	.locations #us { background: transparent; float: left; }
	.locations #nw { background: transparent; float: right;}

	.locations .block {width: 50%; /*max-width: 180px;*/  padding: 0 0 20px 0px;}
}

/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
	/*.locations {background: orange;width: 98%; margin: 0 auto;}*/
}
/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 48em) {
	/*.locations {background: red;}*/
}
/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 960px) {
	.locations {background: transparent;}
	.locations {width: 43%; margin: 0px; padding: 0px 0px; float: right;}
	/*.locations {float: right; width: 43%; overflow: auto; margin: 0px 0; padding: 0 0 0px 0;}*/

}
/* +++++++++++++++++++++ */

/* COPYRIGHT */
#footer .copyright {clear:both; text-align: center; border-top: 1px solid #fff; padding: 10px 0px; margin-top: 110px; font-size: 90%;}
#footer .copyright span.sep {display: none;}
#footer .copyright span.rights {display: block;}

/*  response  */
/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
	#footer .copyright span.sep {display: inline-block; padding: 0 6px;}
	#footer .copyright span.rights {display: inline-block;}
}
/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 48em) {
	
}
/* ===== == = === 56.25em (900px) === = == ===== */

@media only screen and (min-width : 56.25em) {
	#footer .copyright {text-align: right;}

}
/* +++++++++++++++++++++ */


/*****************************KEEP****************************************/

/*  response  */
/* ===== == = === 37.5em (600px) === = == ===== */
@media only screen and (min-width: 37.5em) {
	
}
/* ===== == = === 48em (768px) === = == ===== */
@media only screen and (min-width : 48em) {
	
}
/* ===== == = === 56.25em (900px) === = == ===== */
@media only screen and (min-width : 56.25em) {
	
}
/* +++++++++++++++++++++ */