/* !
* Bootstrap v3.2.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */

/*
* CSS Custom Theme Layout for Bootstrap
* SHIMITS.com
* 2020
*/


/* ################################################################
1. GENERAL STRUCTURES
################################################################# */


* { margin: 0; padding: 0px; font-family: 'Oswald', sans-serif; }
body { background: #f5f5f5; margin: 0; color: #999; font-family: 'Oswald', sans-serif; }
h1, .h1, h2, .h2, h4, .h4, h5, .h5 { font-weight: 300; line-height: 1.2; color: #fff; }
h1, .h1 { font-weight: 400; font-size: 24px; letter-spacing: 1px; text-transform: uppercase; padding-top: 40px; }
h2, .h2 { font-size: 22px; }
h4, .h4 { font-size: 18px; font-weight: 700; color: #666; text-transform: uppercase; }
h5, .h5 { font-size: 14px; font-weight: 400; color: #fff; text-transform: uppercase; }
@media (min-width:768px) {
	h1, .h1 { font-size: 60px; }
	h2, .h2 { font-size: 34px; line-height: 1.3; }
  .chart h3 { font-size: 20px; }
	h4, .h4 { font-size: 24px; }
	h5, .h5 { font-size: 16px; }
}
p, p.lead { font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 14px; color: #999; margin-top: 20px; padding: 0; }
p.lead { font-weight: 700; text-transform: uppercase; color: #ccc; }
h1, .h1 { margin-top: 0; margin-bottom: 5px; }
h2, .h2 { margin-top: 0; margin-bottom: 20px; }
h3, .h3 { margin-top: 5px; margin-bottom: 5px; }
h4, .h4 { margin-bottom: 20px; }
html, body { height: 100%; }

.white { color: #fff; }
.dark { color: #232323; }


.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
.centered { text-align: center }
.mt { margin-top: 45px; }
.mb { margin-bottom: 45px; }
.mb2 { margin-bottom: 25px; }
.mtb { margin-top: 45px; margin-bottom: 45px; }
.ptb { padding-top: 60px; padding-bottom: 80px; }
hr { border: 1px solid #333; width: 100px; }
.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; }
::-moz-selection { color: #fff; text-shadow: none; background: #2B2E31; }
::selection { color: #fff; text-shadow: none; background: #2B2E31; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
a { padding: 0; margin: 0; color: #666; text-decoration: none; -webkit-transition: background-color .4s linear, color .4s linear; -moz-transition: background-color .4s linear, color .4s linear; -o-transition: background-color .4s linear, color .4s linear; -ms-transition: background-color .4s linear, color .4s linear; transition: background-color .4s linear, color .4s linear; }
a:hover, a:focus { text-decoration: none; color: #d13201; }
.nopadding { padding: 0px !important; margin: 0px; }

/* INTRO SECTION */
.intro .emblem img { width: 100%; height: auto; }
@keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}
@-moz-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}
@-ms-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}
@-o-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
}
.intro { min-height: 550px; width: 100%; color: white; padding-top: 80px; text-align: center; background-image: url(../img/AT_092tinkersCliffs-pano-vintage3.jpg); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	animation: animatedBackground 60s linear;
	-moz-animation: animatedBackground 60s linear;
	-webkit-animation: animatedBackground 60s linear;
	-ms-animation: animatedBackground 60s linear;
	-o-animation: animatedBackground 60s linear; 
	-webkit-animation-fill-mode: forwards; 
	-moz-animation-fill-mode: forwards; }
.utility .intro { min-height: 150px; padding: 20px 0 30px 0;  }
/*@media (min-width:768px) {
	.intro { min-height: 80vh; }
}*/

.update { background-color: #d13201; }
.gray1 { background-color: #666; }
.gray2 { background-color: #333; }
.d13201 { color: #d13201; }


/* Buttons Configuration */
.btn-config { background: #d13201; color: white; border-radius: 50px; margin-right: 15px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; padding: 13px 28px 12px 28px; margin-top: 20px; }

.portfolio { list-style: none; text-align: center; }
.portfolio li { position: relative; display: inline-block; }
.portfolio a:link, .portfolio a:visited { display: block; font-size: 14px; text-decoration: none; text-transform: uppercase; color: #000; text-shadow: 0px 2px 0px #333; margin: 20px; padding: 20px; width: 185px; /*width: 150px; height: 150px; line-height: 150px;*/ text-transform: uppercase; position: relative; text-align: center; border-radius: 30px; box-shadow: 0px 3px 8px #000, inset 0px 2px 3px #333; border: solid 1px transparent;
	background-color: #383838; background-image: -webkit-gradient(linear, left top, left bottom, from(#383838), to(#232323)); background-image: -webkit-linear-gradient(top, #383838, #232323); background-image: -moz-linear-gradient(top, #383838, #232323); background-image: -ms-linear-gradient(top, #383838, #232323); background-image: -o-linear-gradient(top, #383838, #232323); }
@media (min-width:768px) {
	.portfolio a:link { font-size: 16px; }
}
.portfolio a:before { content: ""; display: block; background: #444; border-top: 2px solid #111; position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; z-index: -1; border-radius: 40px; box-shadow: inset 0px 8px 48px #111; }
.portfolio a:active { box-shadow: 0px 3px 4px #000 inset, 0px 2px 3px #333; }
.portfolio a:hover { text-decoration: none; cursor: pointer; color: #d13201; background: #282828; }
 
.portfolio-fineArt .thumbnail { display: block; border-radius: 5px; border: solid 1px #383838; padding: 10px;
	background-color: #383838; background-image: -webkit-gradient(linear, left top, left bottom, from(#232323), to(#383838)); background-image: -webkit-linear-gradient(top, #232323, #383838); background-image: -moz-linear-gradient(top, #232323, #383838); background-image: -ms-linear-gradient(top, #232323, #383838); background-image: -o-linear-gradient(top, #232323, #383838); }
/*.portfolio-fineArt .thumbnail:before { content: ""; display: block; background: #444; border-top: 2px solid #111; position: absolute; top: -10px; z-index: -1; box-shadow: inset 0px 8px 48px #111; }*/
.portfolio-fineArt .thumbnail:hover { text-decoration: none; cursor: pointer; color: #d13201; background: #282828; }

.modal-header .close { margin-top: 0; }
.close { opacity: .5; }
.modal-backdrop.in { filter: alpha(opacity=75); opacity: .75; }

.icon { height: 22px; width: 22px; float: left; position: relative; display: inline-block; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
.icon-modalX { background-image: url(../img/icon-modalX.svg); }

.section, .section.double { width: 100%; float: left; padding: 50px 0; /*overflow: hidden;*/ }
.section.wrap { padding: 0; }
.section.first { padding-top: 0; }
.section.last { padding-bottom: 0; }



/* Carousel
======================================================================================================================================================
====================================================================================================================================================== */

.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.icon-carouselNext, .icon-carouselPrev { position: absolute; top: 47%; margin-top: -40px; }
.icon-carouselNext { right: 0; }
.icon-carouselPrev { left: 0; }

.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 10%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=70); opacity: .7; }
.carousel-control.left { background-image: none; }
.carousel-control.right { right: 0; left: auto; background-image: none; }
.carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=100); outline: 0; opacity: 1; }

.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; bottom: 10px; width: 100%; left: 0; z-index: 15; padding: 0; margin-left: 0; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 40px; height: 8px; margin: 0 10px 0 0; text-indent: -999px; cursor: pointer; background-color: rgba(204, 204, 204, .5); border: none; border-radius: 0; }
.carousel-indicators li:hover { background-color: rgba(204, 204, 204, 1); }
.carousel-indicators .active, .carousel-indicators .active:hover { width: 40px; height: 8px; margin: 0 10px 0 0; background-color: #fedd10; }
.carousel-caption { position: absolute; background-color: rgba(25, 25, 25, .65); right: 0; bottom: 0; left: 0; z-index: 10; padding-top: 5px; padding-bottom: 40px; color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); }
.carousel-caption .btn { text-shadow: none; }
.modal .carousel-caption h5 { margin-bottom: 5px; }
@media screen and (min-width:768px) {
  #shimitsCarousel.carousel, #shimitsCarousel .carousel-inner { max-height: 400px; }
  #shimitsCarousel .carousel-inner > .item { height: 400px; }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img { transform: translate(0, -10%); }
  .carousel-caption { min-height: 60px; }
  .carousel-indicators li, .carousel-indicators .active, .carousel-indicators .active:hover { width: 60px; }
  .carousel-indicators { bottom: 50px; }
}
@media (min-width:992px) {
  #shimitsCarousel.carousel, #shimitsCarousel .carousel-inner { max-height: 500px; }
  #shimitsCarousel .carousel-inner > .item { height: 500px; }
  #shimitsCarousel .carousel-inner > .item:hover { cursor: pointer; }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img { transform: translate(0, -10%); }
    .modal .carousel-inner > .item > img, .carousel-inner > .item > a > img { transform: none; }
  .carousel-indicators li, .carousel-indicators .active, .carousel-indicators .active:hover { width: 75px; }
  .modal .carousel-indicators { bottom: 20px; }
}
@media (min-width:1200px) {
  #shimitsCarousel.carousel, #shimitsCarousel .carousel-inner { max-height: 550px; }
  #shimitsCarousel .carousel-inner > .item { height: 550px; }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img { transform: translate(0, -10%); }
}
@media (max-width:991px) {
  .modal .carousel-inner { overflow-y: visible; }
  .modal .carousel-caption { position: relative; text-shadow: none; background-color: transparent; }
  .modal .carousel-caption h5 { color: #666; }
  .modal .carousel-caption .list-group-item { padding: 0 0 7px 10px; }
  .modal .carousel-caption .list-group-item p { font-size: 12px; }
  .modal .carousel-indicators { position: relative; bottom: 0; }
}
@media (min-width:1500px) {
  #shimitsCarousel.carousel, #shimitsCarousel .carousel-inner { max-height: 600px; }
  #shimitsCarousel .carousel-inner > .item { height: 600px; }
  .carousel-inner > .item > img, .carousel-inner > .item > a > img { transform: translate(0, -10%); }
}
@media (min-width:2000px) {
  #shimitsCarousel.carousel, #shimitsCarousel .carousel-inner { max-height: 700px; }
  #shimitsCarousel .carousel-inner > .item { height: 700px; }
}

/* CHART PAGE */
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #202020; border: 1px inset #666; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); }
.well p.lead { margin-top: 0; }
.well p.lead ~ p { margin-bottom: 20px; margin-top: 10px; }
.well p.lead ~ p.lead { margin-bottom: 0; margin-top: 5px; }
.chart .col-md-8 { margin-bottom: 60px; }


/* FOOTER */
footer { background: #f5f5f5; }
footer .social-icon { width: 30px; height: 30px; float: left; margin-right: 5px; background-position: left top; background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; 
	-webkit-transition: background .4s linear; -moz-transition: background .4s linear; -o-transition: background .4s linear; -ms-transition: background .4s linear; transition: background .4s linear; }
footer .social-icon.social-icon-facebook { background-image: url(../img/icon-facebook.svg); }
footer .social-icon.social-icon-facebook:hover { background-image: url(../img/icon-facebookHover.svg); }
footer .social-icon.social-icon-twitter { background-image: url(../img/icon-twitter.svg); }
footer .social-icon.social-icon-twitter:hover { background-image: url(../img/icon-twitterHover.svg); }
footer .social-icon.social-icon-linkedin { background-image: url(../img/icon-linkedin.svg); }
footer .social-icon.social-icon-linkedin:hover { background-image: url(../img/icon-linkedinHover.svg); }
footer .social-icon.social-icon-instagram { background-image: url(../img/icon-instagram.svg); }
footer .social-icon.social-icon-instagram:hover { background-image: url(../img/icon-instagramHover.svg); }