@charset "utf-8";
/* 110100.org */


* {box-sizing:border-box;}

/*     -----[ TYPOGRAPHY ]-----     */

html,body {margin:0px; padding:0px;}
body {background-color: #ffffff; font-family: 'Raleway', sans-serif;}
body.overlay-open {overflow:hidden;}
a {text-decoration: none; color: #008CBA!important;}
a:hover {color: #F15B36!important;}
p {font-size: 1.07rem; font-weight:500;}
h2 { margin: 10px 0px 0px 0px;}
h3 {font-size: 1.5rem; font-style: normal;}
form label h3 { font-size: 1.4rem; margin-bottom:0px;}
sup {padding-left: 3px; font-weight: 300; font-size: 1.1rem;}

table {border: none!important;}
#ticker-tape h4 {font-size: 0.875rem!important;}

blockquote {position: relative; margin: 0; padding: 20px 50px; text-align: center; font-size: 1.2rem;}
blockquote:before, blockquote:after {position: absolute; width: 60px; height: 60px; font-size: 120px; line-height: 1;}
blockquote:before {top: 0; left: 0; content: "\201C";}
blockquote:after {top: 0; right: 0; content: "\201D";}

img {
	max-width: 100%;
}
/*     -----[ NAVIGATION ]-----     */

/*     -----[ LAYOUT ]-----     */


#con {width: 100%; max-width: 1050px; min-height:100vh; margin:0px auto; padding: 1vh 10px 0px 0px; text-align:center;}
#con .row.t.rr p {color: #0CC;}
#con .row.t.rr p2 {font-size: 1.2rem;}
#con .row.t.rr .abraca {color: #9C0;}
#con .row.t.rr .abraca {color: #936;}
#con .row.t.rr .abraca {font-weight: bold;}

#logo-container {
	text-align: left;
	margin-bottom: 1.3rem;
	margin-top: 1.3rem;
}
#logo {
	max-width: 450px;
	text-align: left;
}

#side-scrolling {  position:relative; min-height:50px; overflow:hidden; }
/*.scrolling-inner { position:absolute; width:1000%; left:-50%;}*/
#side-scrolling div {  float:left; position: absolute;  padding:0px 4%; transition:5s; transition-timing-function: linear; }
#side-scrolling h4 { display:inline-block; height:50px; vertical-align: middle; line-height:50px; margin:0px; }

#legalStatement {float: left; width: 100%; margin-top: 20px; font-size: 0.875rem; text-align: center;}
#legal {height: 20px; text-align: center;}
#legal a {font-size: 0.75rem;}
#terms {width: 100%;}

#pulse {position: relative; width: 20px; height: 20px; margin: 0px auto;}
.pulse {width: 10px; height: 10px; border: 5px solid #012265; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #fff; z-index: 10; position: absolute;}
.dot {border: 10px solid #012265; background: transparent; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; height: 30px; width: 30px; -webkit-animation: pulse 2s ease-out; -moz-animation: pulse 2s ease-out; animation: pulse 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; position: absolute; top: -10px; left: -10px; z-index: 1; opacity: 0;}

#top-headings {float: center; width: 100%; margin-bottom: 1.4rem;}
#references {float: left; width: 100%;}
#extra-info {float: left; width: 100%;}
#sliding-info-heading {float: left; width: 80%; text-align: right; margin-top: 1.8rem;}
#sliding-info-heading h2 {text-transform: capitalize; font-weight: 300; margin-bottom: 1.4rem; margin-top: -1.4rem; font-size: 2rem; color: #8D8D8D;}

/*     -----[ CLASSES ]-----     */

.noPad {padding: 0px;}
.bold {font-weight: bold;}
.quote {max-width:1000px; margin:auto; border-radius:10px;}
.right {float:right;}
.block {display:block;}

.abraca {margin: 0.5rem auto; color: #936;}
.abraca p {font-size: 1.1rem; line-height: 0.5rem; font-weight: 600;}

.quote {float: left; width: 100%;}
.quote2 {float: left; width: 66.66666666666666%;}
	
.t { font-size:1.1rem;}
.tr { text-align: right; cursor:pointer;}
.y { margin:10px 0px 0px 0px; font-style: italic; font-size:0.9rem;}
.rr { max-width:1000px; }
.rr .col-30:nth-child(odd){ text-align:left;}
.rr .col-30:nth-child(even){ text-align:right;}
.t2 { background:rgba(0, 0, 0, 0);}
.tc2 { background:rgba(0, 0, 0, 0.05);}

.row { overflow:auto; margin:auto; }
.col-50 {float:left; width:50%;}
.col-30 {float:left; width:33%;}

.notvisable { visibility: hidden;}
.esml { font-size: 1.3rem;}

.style1 {font-size: 1.1rem}
.style2 {font-size: 1rem; font-weight: 600; color: #936;}

.overlay.hidden { right:-100%; position:fixed;}
.overlay-color.hidden { right:-100%; }
.overlay {background:#3d3d3d; width:100%; max-height:100vh; position:fixed; z-index:100000; transition:0.6s; overflow: auto; min-height:100vh;}
.overlay-inner {max-width:50%; max-height: 80vh; overflow-y: auto; background:#ffffff; border:1px solid #000000; box-shadow: 0px 0px 4px 0px #000000; margin: 5vh auto 0px auto; /*padding: 20px;*/}
.overlay-color {background:#b42e2e; width:100%; height:100%; position:fixed; z-index:99999; transition:0.6s;}
.overlay .close { padding:20px; cursor:pointer; font-size:2rem;}

.right-ani.overlay { right:0px; top:0px;}
.right-ani.overlay-color { right:0px; top:0px;}
.right-ani.overlay.hidden { right:-100%; position:fixed;}
.right-ani.overlay-color.hidden { right:-100%; }
.left-ani.overlay {left:0px; top:0px;}
.left-ani.overlay-color {left:0px; top:0px;}
.left-ani.overlay.hidden { left:-100%; position:fixed;}
.left-ani.overlay-color.hidden { left:-100%; }
.top-ani.overlay {top:0px; left:0px;}
.top-ani.overlay-color {top:0px; left:0px;}
.top-ani.overlay.hidden { top:-100%; position:fixed;}
.top-ani.overlay-color.hidden { top:-100%; }
.bottom-ani.overlay {top:0px; left:0px;}
.bottom-ani.overlay-color {top:0px; left:0px;}
.bottom-ani.overlay.hidden { top:100%; position:fixed;}
.bottom-ani.overlay-color.hidden { top:100%; }

/* POPUPS */
#pop-up-wrapper {padding-top: 1.6rem;}
#pop-up {width: 100%; z-index: 9998; cursor: pointer; margin-bottom: 1.4rem;}
#overlay2 {position: fixed; left: 0; top: -1080px; height: 100vh; width: 100%; background-color: rgba(255,255,255,0.5); z-index: 99999;}
#close-it {position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; border-radius: 20px; cursor: pointer; background-color: #F15B36; color: #fff; line-height: 2.1rem;}

#pop-up2 {width: 100%; z-index: 9998; cursor: pointer; margin-bottom: 1.4rem;}
#overlay3 {position: fixed; left: 0; top: -1080px; height: 100vh; width: 100%; background-color: rgba(255,255,255,0.5); z-index: 99999;}
#close-it2 {position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; border-radius: 20px; cursor: pointer; background-color: #F15B36; color: #fff; line-height: 2.1rem;}

#pop-up3 {width: 100%; z-index: 9998; cursor: pointer; margin-bottom: 1.4rem;}
#overlay4 {position: fixed; left: 0; top: -1080px; height: 100vh; width: 100%; background-color: rgba(255,255,255,0.5); z-index: 99999;}
#close-it3 {position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; border-radius: 20px; cursor: pointer; background-color: #F15B36; color: #fff; line-height: 2.1rem;}

#pop-up4 {width: 100%; z-index: 9998; cursor: pointer; margin-bottom: 1.4rem;}
#overlay5 {position: fixed; left: 0; top: -1080px; height: 100vh; width: 100%; background-color: rgba(255,255,255,0.5); z-index: 99999;}
#close-it4 {position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; border-radius: 20px; cursor: pointer; background-color: #F15B36; color: #fff; line-height: 2.1rem;}

.pop-up img {}

/* DATA SHEETS */

.technical-data-sheet {float: left; position: absolute; left: 0; top: -1080px; height: 100vh; width: 100%; background-color: rgba(0,0,0,0.05); z-index: 99999;}
#controls {float: right; width: 100%; text-align: right; font-size: 1.2rem; margin-top: 10px; padding: 0px 12px 0px 0px; cursor: pointer; width: 35px;
height: 35px;
border-radius: 20px;
background-color: rgba(241,91,54,1);
color: #fff;
line-height: 2.1rem;}

.technical-data-sheet-inner {float: left; position: relative; margin: 5% 20% auto 20%; width: 60%; height: 80%; background-color: #fff; border: solid 1px #484848;  overflow-y: scroll;}
.show-technical-data-sheet {cursor: pointer; text-decoration: none; color: #3CF;}
}
.hide-technical-data-sheet {float: right; cursor: pointer; margin: 25px; font-weight: 600; text-align: center; }
/*width: 35px;
height: 35px;
border-radius: 20px;
background-color: rgba(241,91,54,1);
color: #fff;
line-height: 2.1rem;
}

{position: absolute; right: 10px; top: 10px; width: 35px; height: 35px; border-radius: 20px; cursor: pointer; background-color: #F15B36; color: #fff; line-height: 2.1rem;}*/

.hide-technical-data-sheet:hover {
color: #666;
}


.view-pdf {float: left; width: 80%; margin: 1.5rem 10%;}

.bottom-o {display:flex; flex-flow: row wrap; justify-content: space-around;}
.box-ref {flex:auto; max-width:173px; margin:1px; position: relative; width: auto; height: 100%; min-height: 95px; padding: 0.5rem; border: hairline #ff5400; border-radius: 10px; text-align: center;}
.box-ref:hover {background: #9cc400; color:#ffffff; cursor:pointer;}
.holder {width: 100%; margin-top: 4px auto 0px auto; background: #fff;}

.sliding-info {position: relative; float: left; width: 100%; text-align: left; margin-bottom: 1.4rem;}
ul.slick-dots li button {float: left;
background-color: #F15B36;
border: none;
border-radius: 20px;
width: 50px;
height: 50px;
color: #fff;
padding: 5px;
margin: 10px 15px;}
.sliding-info li {list-style-type: none!important;}
.sliding-info h3 {font-size: 1.4rem; margin-top: 0px; font-weight: 300;}
/*.sliding-info p {margin-bottom: 0.9rem!important;}*/

.tool {float: left; width: 100%;}
.tool h4 {font-weight: 300; margin: 0px 0px 15px 0px; color: #979797; font-size: 1.3rem;}
.info {float: left; width: 100%;}
.lft {float: left; text-align: left;}
.rgt {float: right; text-align: right; background-color: #F15B36; padding: 0.2rem;}
h4.rgt {
    color: #fff !important;
    font-weight: 600 !important;
    margin: -10px auto 10px auto;
}
.info-links {float: left; width: 100%;}
.info-link {float: left; width: 33.33%;}
.inset-image {float: left; width: 100%;}

/*     -----[ FOUNDATION ]-----     */

.row {max-width: 100%;}
.reveal-modal .material-icons { border:1px solid #000000; border-radius:100%;}
.reveal-modal * { color:#000000;}

.slick-slide {padding: 0.5rem 1rem;}
.slick-list {float: left; width: 73%; background-color: #fafafa; box-shadow: 6px 6px 3px #dadada; border: solid 1px /*#9CC400*/ /*#F15B36*/ #484848;}
.slick-dots {float: right; width: 25%;}
.slick-dots button {font-weight: 600!important; font-size: 1.6rem;}

/*     -----[ KEYFRAMES ]-----     */

  @keyframes pulse {
     0% {opacity: 0.0; transform: scale(0)}
     25% {opacity: 0.1; transform: scale(0)}
     50% {opacity: 0.3; transform: scale(0.1)}
     75% {opacity: 0.5; transform: scale(0.5)}
     100% {opacity: 0.0; transform: scale(1)}
    }

	@-moz-keyframes pulse {
	 0% {-moz-transform: scale(0);opacity: 0.0; transform: scale(0);}
	 25% {-moz-transform: scale(0);opacity: 0.1; transform: scale(0)}
	 50% {-moz-transform: scale(0.1);opacity: 0.3; transform: scale(0.1)}
	 75% {-moz-transform: scale(0.5);opacity: 0.5; transform: scale(0.5)}
	 100% {-moz-transform: scale(1);opacity: 0.0; transform: scale(1)}
	}
	@-webkit-keyframes pulse {
	 0% {-webkit-transform: scale(0);opacity: 0.0; transform: scale(0)}
	 25% {-webkit-transform: scale(0);opacity: 0.1; transform: scale(0)}
	 50% {-webkit-transform: scale(0.1);opacity: 0.3; transform: scale(0.1)}
	 75% {-webkit-transform: scale(0.5);opacity: 0.5; transform: scale(0.5)}
	 100% {-webkit-transform: scale(1);opacity: 0.0; transform: scale(1)}
	}
	
/*     -----[ MEDIA QUERY ]-----     */

@media (max-width: 1280px) {
        .slick-dots {float: right; width: 26%;}
}