/* =Content
--------------------------------------------------------------------------------*/

.exp-basalt-hero  {background: #000 url(../images/D&G_Basalto_LP_hero.jpg) no-repeat top left; height:440px; position:relative;}
.exp-basalt-hero h1 {font-family: "brandon_light", Helvetica, Arial,sans-serif;  font-weight:normal;  background:#000; position:absolute; bottom:0px; text-align:center; width:100%; margin:0px; padding: 20px 0;}
.exp-basalt-hero h1 a { text-decoration:none; color:#fff; font-size:25px; line-height:25px; font-family: "brandon_light", Helvetica, Arial,sans-serif;  font-weight:normal;}
.exp-basalt-hero h1 a:hover {color:#fff !important}
.exp-basalt-hero h1  a.exp-CTA {color:#fff; font-size:16px; line-height:18px; margin-top:5px;}
.exp-basalt-hero h1  a.exp-CTA i:before {font-size:130%; font-style:normal; content: "\203A";}

.exp-basalt-carousel {background: #e1e1e0 url(../images/D&G_Basalto_LP_heroBack.jpg) no-repeat bottom left; position:relative; padding-top:0px;}
.exp-basalt-carousel .exp-basalt-rock1, .exp-basalt-carousel .exp-basalt-rock2 {position:absolute; bottom: 10%; z-index:10;}
.exp-basalt-carousel .exp-basalt-rock1 {right: 0px;}
.exp-basalt-carousel .exp-basalt-rock2 {left: 0px;}
.exp-basalt-carousel a.exp-basalt-carousel-pdp {display: block; color:#3e4345;  font-size:11px; text-align:center;}
.exp-basalt-carousel a.exp-basalt-carousel-pdp i:before {font-size:120%; font-style:normal; content: "\203A";}
.exp-basalt-carousel .exp-basalt-polar {position:absolute; background: url(../images/polar_icon.png) no-repeat bottom left; height:28px; padding-left: 35px; line-height:28px; top: 30px; right: 200px;  font-family: "brandon_light", Helvetica, Arial,sans-serif;  font-weight:normal; font-size:12px; text-transform:uppercase; color:#666;}

.exp-basalt-quote {background: #88898a url(../images/D&G_Basalto_LP_quote.jpg) no-repeat top left; height: 105px; }
.exp-basalt-quote h5 {font-family: "brandon_light", Helvetica, Arial,sans-serif;  font-weight:normal;  text-align:center; line-height:20px; margin-top: 30px; font-style:italic;}

.exp-basalt-phase { background: #1d1c1c url(../images/D&G_Basalto_LP_phase.jpg) no-repeat top left; padding-top: 475px ;}
.exp-basalt-phase section {padding: 0px 30px; height:490px;} 
.exp-basalt-phase p, .exp-basalt-phase h3 { color: #d7d7d7;}
.exp-basalt-phase p, .exp-basalt-mount p { font-family: "brandon_light", Helvetica, Arial,sans-serif;  font-weight:normal; font-size:15px; line-height:20px; font-style:italic;}
.exp-basalt-phase h3, .exp-basalt-mount h3 { font-family: "brandon_light", Helvetica, Arial,sans-serif;  font-weight:normal;}

.exp-basalt-mount { background: #c5c5c5 url(../images/D&G_Basalto_LP_map.jpg) no-repeat top left; height: 448px;}
.exp-basalt-mount .exp-prefix-1 {padding-left: 40px !important;}
.exp-basalt-mount h3  {margin-top: 100px;}

.exp-basalt-zoom { background: url(../images/D&G_Basalto_LP_180.png) no-repeat -50px 0px ; width:44px; height: 44px; position:absolute; bottom:0px; right:200px; cursor:pointer;}

#s7basiczoom_div.s7basiczoomviewer{ width:940px; height:420px;}
.exp-zoom-wrap{ position:absolute; top: 0px; left:0px;  z-index:25; width:940px; height:420px; display:none; background:#fff;}
.exp-zoom-wrap canvas,
.s7container   {width:940px !important; height:420px !important;}

.exp-zoom-wrap i {font-style:normal; cursor:pointer; width:10px; height:10px; font-family: "brandon_bold", Helvetica, Arial,sans-serif; line-height:10px; font-size:16px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; position:absolute; top:20px; right:20px; z-index:999;}



/* =Slider 
--------------------------------------------------------------------------------*/

.slider-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slider-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slider-list:focus { outline: none; }
.slider-list.dragging { cursor: pointer; cursor: hand; }
.slider-slider .slider-list, .slider-track, .slider-slide, .slider-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slider-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slider-track:before, .slider-track:after { content: ""; display: table; }
.slider-track:after { clear: both; }
.slider-loading .slider-track { visibility: hidden; }

.slider-slide { float: left; height: 360px; min-height: 1px; display: none; }
.slider-slide img { display: block; }
.slider-slide.slider-loading img { display: none; }
.slider-slide.dragging img { pointer-events: none; }
.slider-slide .slider-main-img { width: 650px; margin: 0px auto;}
.slider-initialized .slider-slide { display: block; }
.slider-loading .slider-slide { visibility: hidden; }
.slider-vertical .slider-slide { display: block; height: auto; border: 1px solid transparent; }


/* =Arrows 
--------------------------------------------------------------------------------*/
.slider-prev, .slider-next { position: absolute; z-index: 10; color:#ccc;  display: block; height: 20px; width: 20px; line-height: 20px; font-size: 20px; cursor: pointer; background: transparent;  bottom: -30px; margin-top: -10px; padding: 0; border: none; outline: none; }
.slider-prev:focus, .slider-next:focus { outline: none; }
.slider-prev.slider-disabled, .slider-next.slider-disabled { opacity: 0.25; }

.slider-prev { left: 25px; }
.slider-next { right: 25px; }


/* =Dots 
--------------------------------------------------------------------------------*/
.slider-slider { margin-bottom: 30px; }

.slider-dots { position: absolute;  z-index: 9; bottom: -40px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slider-dots li { position: relative; display: inline-block; height: 17px; width: 17px; margin: 0px 5px; padding: 1px; cursor: pointer; border:1px solid #d9d9d9; }
.slider-dots li.slider-active {border: solid 1px  #121212;}
.slider-dots li button { border: 0; background: #d2d2d2 url(../images/DG_Basalto_swatch1.png) no-repeat top left; display: block; height: 17px; width: 17px; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; outline: none; }
.slider-dots li:nth-child(3) button { background-position: -23px 0px ;}
.slider-dots li:nth-child(2) button { background-position: -46px 0px ;}
.slider-dots li:nth-child(4) button { background-position: -69px 0px ;}
.slider-dots li button:focus { outline: none; }
.slider-dots li.slider-active button:before { opacity: 0.75; }