@charset "UTF-8";

@font-face {
    font-family: Avenir-UltraLight;
  src: url('{% static "fonts/AvenirNext-UltraLight.ttf" %}');
  src: url('{% static "fonts/AvenirNext-UltraLight.woff" %}');
    
}
@font-face {
    font-family: Avenir-Light;
  src: url('../fonts/AvenirNext-UltraLight.ttf');
  src: url('../fonts/AvenirNext-UltraLight.woff');
}
@font-face {
    font-family: Avenir-Light;
  src: url('../fonts/AvenirNext-Bold.ttf');
  src: url('../fonts/AvenirNext-Bold.woff');
  font-weight: bold;
}
@font-face {
    font-family: Avenir-Light;
  src: url('../fonts/AvenirNext-Regular.ttf');
  src: url('../fonts/AvenirNext-Regular.woff');
  font-weight: 600;
}

footer{
    background-color: black;
    position: absolute;
    padding-top: 0%;
    padding-left: 3%;
    padding-right: 3%;
    right: 0;
    bottom: 0;
    left: 0;
}
footer p, footer a{
  /*font-size: 1.2vw;*/
}
.artImg100{width: 75%; height: auto;}
.artImg12{width: auto; height: 12vw;}
.artImg20{width: auto; height: 20vw;}
.artImg40{width: auto; height: 40vw;}
#atl_close{position: fixed; top: 0; left: 0; font-size: 3vw; z-index: 9999; height: 3vw; width: 3vw; padding: 1%; margin:1%;
    background-image: url(../imgs/icon-close.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 1%;
}
#atl_close:hover{  animation-name: atlH3;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
}
/*.atl_info article p{font-size: 1.3vw;}*/
.atl_info{display: none; position: fixed; top: 0; left:0; width: 100%; height: 100%;padding: 0%;margin: 0%; background-color: rgba(0,0,0,.9); z-index: 9999;}
.atl_box{
    width: 30.3vw;
    height: 26vw;
    border-radius: 5px;
    margin: 2%;
    text-align: center;
    border: 1px rgb(62, 62, 62) solid;

}
.atl_box_hvr:hover{
  animation-name: cap;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
}
.atl_box h3{
  padding-top: 2%;
  font-weight: 100;
  font-size: 2vw;
}
.atl_box2 h3{
  padding-top: 3%;
  font-weight: 100;
  font-size: 2.5vw !important;
}
.atl_box2{
    width: 32vw;
    height: 14vw;
    border-radius: 5px;
    margin: 2%;
    padding:0%;
    text-align: center;

}
.h-20vw{height: 20vw !important;}
.fw-600{font-weight: 600;}
@keyframes cap{
  from {        -webkit-filter: drop-shadow(0px 0px 4px white);
  -moz-filter: drop-shadow(0px 0px 4px white);
  filter: drop-shadow(0px 0px 4px white);
color: white;background-color: rgba(255,255,255,.0);
}
  to{-webkit-filter: drop-shadow(0px 0px 0px black);
  -moz-filter: drop-shadow(0px 0px 0px black);
  filter: drop-shadow(0px 0px 0px black);background-color: rgba(255,255,255,.08);
color: deepskyblue;
background-color: rgba(5,5,5,1);

}
}
@keyframes atlH{
  from {        -webkit-filter: drop-shadow(0px 0px 4px deepskyblue);
  -moz-filter: drop-shadow(0px 0px 4px deepskyblue);
  filter: drop-shadow(0px 0px 4px deepskyblue);
color: deepskyblue;background-color: rgba(255,255,255,.0);}
  to{        -webkit-filter: drop-shadow(0px 0px 5px deepskyblue);
  -moz-filter: drop-shadow(0px 0px 5px deepskyblue);
  filter: drop-shadow(0px 0px 5px deepskyblue);background-color: rgba(155,155,155,.08); color: #77fffbd4;}
}
.sign-btn a:hover{color: black !important;}
.sign-btn:hover{
  /*color: deepskyblue;*/
  color: white;
  animation-name: atlH;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
}
.create-btn{
  border: 1px rgba(0,0,0,0) solid;
}
.create-btn:hover{
  color: deepskyblue;
  animation-name: atlH3;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
}
.atl_h{color: inherit;}

@keyframes atlH2{
  from {           -webkit-filter: drop-shadow(0px 0px 3.3px black);
  -moz-filter: drop-shadow(0px 0px 5px black);
  filter: drop-shadow(0px 0px 5px black);     }
  to{-webkit-filter: drop-shadow(0px 0px 2px white);
  -moz-filter: drop-shadow(0px 0px 2px white);
  filter: drop-shadow(0px 0px 2px white);}
}
@keyframes atlH3{
  from {           -webkit-filter: drop-shadow(0px 0px 3.3px black);
  -moz-filter: drop-shadow(0px 0px 5px black);
  filter: drop-shadow(0px 0px 5px black); border:1.2px rgba(255,255,255,0) solid;}
  to{-webkit-filter: drop-shadow(0px 0px 0px deepskyblue);
  -moz-filter: drop-shadow(0px 0px 0px deepskyblue);
  filter: drop-shadow(0px 0px 0px deepskyblue);
  border:1.2px rgba(255,255,255,.5) solid;
background-color: rgba(0,0,0,.2)}
}
.d-btn{
  border:1.2px rgba(62,62,62,10) solid;
}
.d-btn:hover{
  animation-name: atlH3;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
}

.d-btn2{
  border:1.2px rgba(0,0,0,0) solid;
  -webkit-filter: drop-shadow(0px 0px 0px transparent)
}
.d-btn2:hover{
  animation-name: atlH2;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
}


#reset_pw_f form input{color: black !important;}

form input{
  /*width: 65%;*/
  width: 97%;
  text-align: left;
  border-radius: .2vw;
  background-color: rgba(255,255,255,.963);
}
input #id_email{color:black !important;}

form textarea{width: 85%; border-radius: .5vw;}
.doc_hide{display: none; width: 90%; height: 90vw;}
#show_doc{}
.space_bg_d{background: -webkit-linear-gradient(-90deg, rgba(0,0,0,.1), rgba(255,255,255,.2), rgba(0,0,0,.1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, rgba(0,0,0,.1), rgba(255,255,255,.2), rgba(0,0,0,.1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, rgba(0,0,0,.1), rgba(255,255,255,.2), rgba(0,0,0,.1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, rgba(0,0,0,.1), rgba(255,255,255,.2), rgba(0,0,0,.1));}
.space_bg{background: -webkit-linear-gradient(-90deg, rgba(0,0,0,.9), #212121, rgba(0,0,0,.9)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(-90deg, rgba(0,0,0,.9), #212121, rgba(0,0,0,.9)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(-90deg, rgba(0,0,0,.9), #212121, rgba(0,0,0,.9)); /* For Firefox 3.6 to 15 */
background: linear-gradient(-90deg, rgba(0,0,0,.9), #212121, rgba(0,0,0,.9));}
.lnkin{width:3vw;position: relative;}
.team_circle_box{display: flex;width: 7%;margin: 0%; position: relative;}
.circle{width: 1.2vw;height: 1.2vw;background-color: lightgrey;border-radius: 100%;margin-left: 1%;margin-right: 1%;}

.p-t-3{padding-top: 3%;}
.w-5{width: 5%;}
.yt-uix-sessionlink .ytp-watermark{display: none !important;}
h2{padding: 0%;margin: 0%; font-size: 2.5vw;}

.q-search{position: fixed;
top: 2%;
width: 90%;
padding: 1% 0% 6% 0%;
margin: 5%;
z-index: 9999;
display: none;
border-radius: 5px;

}
.q-search input{

width: 80%;
height: 5vw !important;  
color: white;
border-width: 0px;
background: -webkit-linear-gradient(-90deg, rgba(105, 105, 105, 0.9), rgba(222, 222, 222, 0.7), rgba(189, 189, 189, 0.9)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(-90deg, rgba(105, 105, 105, 0.9), rgba(222, 222, 222, 0.7), rgba(189, 189, 189, 0.9)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(-90deg, rgba(105, 105, 105, 0.9), rgba(222, 222, 222, 0.7), rgba(189, 189, 189, 0.9)); /* For Firefox 3.6 to 15 */
background: linear-gradient(-90deg, rgba(105, 105, 105, 0.9), rgba(222, 222, 222, 0.7), rgba(189, 189, 189, 0.9));
border-radius: 5px;
font-weight: 100;
font-size: 2.3vw;
font-weight: 300;

}
.table-wrap{display: none;}
.loc-h{  top: 52.7%;
  left: 5%;
  position: absolute;}
.loc-btn{
  top: 53.2%;
  left: 5%;
  position: absolute;
  border-style: solid;
  border-color: rgba(200,200,200,.8);
  border-width: 2px;
  border-radius: 10px;
  width: 4vw;
  height: 4vw;
  background: -webkit-linear-gradient(-90deg, rgba(0,0,0,.1), rgba(112, 128, 144, 0.2), rgba(112, 128, 144, 0.69)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, rgba(0,0,0,.1), rgba(112, 128, 144, 0.2), rgba(112, 128, 144, 0.69)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, rgba(0,0,0,.1), rgba(112, 128, 144, 0.2), rgba(112, 128, 144, 0.69)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, rgba(0,0,0,.1), rgba(112, 128, 144, 0.2), rgba(112, 128, 144, 0.69));
  }
  .loc-btn:hover{  

  background: -webkit-linear-gradient(-90deg, rgba(0,0,0,.5), rgba(112, 128, 144, 0.5), rgba(112, 128, 144, 0.9)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, rgba(0,0,0,.5), rgba(112, 128, 144, 0.5), rgba(112, 128, 144, 0.9)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, rgba(0,0,0,.5), rgba(112, 128, 144, 0.5), rgba(112, 128, 144, 0.9)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, rgba(0,0,0,.5), rgba(112, 128, 144, 0.5), rgba(112, 128, 144, 0.9));
  }
.b-border{
  border-bottom-style: solid;
  border-bottom-color: white;
  border-bottom-width: .5vw;
  width: 20%;
}
.abso{ position: absolute;}
.nts{
    position: absolute;
    right: -.5% !important;
    top: 0%;
    background-color: rgba(0, 0, 0, 0);
    width: 22%;
    border-radius: 4px;
    border-color: white;
    height: 30vw;
    border-style: solid;
    margin: 0%;
    padding-left: 1%;

  }
.nts a{
  font-size: 1vw;
    
}
.nts a:hover{
  background-color: rgba(112, 128, 144, 0.89);
      -webkit-filter: drop-shadow(0px 0px .5px white);
  -moz-filter: drop-shadow(0px 0px .5px white);
  filter: drop-shadow(0px 0px .5px white);
}
.SM_ a {
    margin: 0%;
    height: 10%;
    display: inline-block !important;
    word-wrap: normal;

}
/*.SM_:hover{color: deepskyblue !important;}*/
.lg{color: dimgrey;}
.dropdown, dropdown-toggle, notification-toggle{
  display: block;
}
#slider {margin: 0% 3% 0% 3%;   background: -webkit-linear-gradient(-90deg, rgba(0,0,0,.1), slategrey, rgba(0,0,0,.1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, rgba(0,0,0,.1), slategrey, rgba(0,0,0,.1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, rgba(0,0,0,.1), slategrey, rgba(0,0,0,.1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, rgba(0,0,0,.1), slategrey, rgba(0,0,0,.1));}
#slider ul li {padding: 0% 2% 0% 2%; margin: 0% 3% 0% 3%;}
.team_box{
    width: 100%;
    min-width: 50vw;
    max-width: 70vw;
    height: 35vw;
    text-align: left;
    display: flex;
    border-style: solid;
    border-color: rgba(0,0,0,.1);
    border-width: .3vw;
    border-radius: 7px;
    background-color: rgba(0,0,0,.7);
    padding: 2%;
    font-size: 1vw !important;
    margin: 2% 5% 2% 5%;

}
.team-pic{

  max-height: 100%;
  width: 20vw;
  border-radius: 100%;
  border-style: solid;
  border-color: rgba(255,255,255,.3);
  border-width: .3vw;

}
.team_box h2{font-size: 2vw; border-radius: 5px; padding: 1%; margin-top: 0vw;border-radius: 5px; padding: 1%; border-color: rgba(255,255,255,.3); position: absolute; width: 25vw;}

.team_box p{     border-radius: 5px;
    padding: 0%;
    width: 55%;
    position: relative;
    right: -5%;
    margin-left: 0%;
}
.team_box_ p{font-size: 2vw;}
#tab-note {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9006;
    display: none;
    width: 100%;
    font-size: 5vw;
    text-align: center;
    list-style: none;
    background-color: rgba(7,35,60,0.95);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 2vw;
    border-bottom: 5px solid rgba(0, 126, 189, 0.41);
}
.fa{

  font-size: 4vw;
}
.open>.dropdown-menu {
    display: block;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9000;
}
#home{
  display: none;
}
#tab-7:target, #tab-1:target, #tab-3:target, #tab-6:target,  #tab-5:target, #tab-8:target {
  display: block;
  z-index: 7000;
}
#order{
  display: block;
  z-index: 9000;
  width: 400px;
  height: 300px;
}
.order.change:after {
    content: attr(data-content) 'Buy Now';
    font-size: 6vw;
    color: white;
    position: relative;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 9000;
}
#ordernow {
    display: none;
    position: absolute;
    font-size: 6vw;
    z-index: 9000;
    margin-top: 15%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: rgba(0,0,0, .7);
}
.ordernow {
    display: block;
    position: absolute;
    font-size: 6vw;
    z-index: 9000;
    margin-top: 15%;
    margin-left: auto;
    margin-right: auto;
    width: calc(100%);
    background-color: rgba(0,0,0, .7);
}
.larger{
    max-width: calc(100%);
    height: calc(100%);
    position: fixed;
    top: 9%;
    z-index: 9000;
    left: 0;
}
#myimg{
  opacity: 0;
}
.myimg{
  opacity: 1;
}
.order_view{
  opacity: 0;
}
h1 .tabRow_{
  font-size: 2vw;
  word-wrap: normal;
  padding: 0% 6% 0% 6%;
    margin: 0% 0% 0% 0%;
}
.tabRow_ {

    display: table-row;
    word-wrap: normal;
    text-align: center;
    white-space: wrap;
}
article p{
  font-size: 1.7vw;
}
.top{
  top: 3.5%;
}
.topBar_ {
  top: 5%;
}
.dropdown, dropdown-toggle, notification-toggle{display: block;}
#tab-note {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9006;
    display: none;
    width: 100%;
    font-size: 5vw;
    text-align: center;
    list-style: none;
    background-color: rgba(7,35,60,0.95);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 2vw;
    border-bottom: 5px solid rgba(0, 126, 189, 0.41);
}
.atl_box2 .fa{
  font-size: 5vw;
}
.open>.dropdown-menu {
    display: block;
    background-color: rgba(3,52,73, .9);
    z-index: 7005;
}
.dropdown-menu h4{
  font-size: 7vw; 
}
.dropdown-menu a{
  font-size: 3.5vw;
}
#slider {
  position: relative;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 0%;
  margin-bottom: 0%;
}

.font-size{
    font-size: 1.5vw;
}

#slider ul li {


  position: relative;
  display: table-cell;
  vertical-align: middle;
 
}
.float_right {
    float: right;
}
#b1{
  top: 60%;
  position: relative;
}

.fa-phone, #msg, #LBTN, #desktop, .fa-bell{

}


.infoFrame{
  background-color: {{ instance.menu_hover_color }};
  border-style: groove;
  border-color: {{ instance.background_color }};
}
.new_message{
    display: block;
    position: fixed;
    z-index: 9999;
    top: 100%;
    background-color: rgba(0,0,0, .9);
    height: 80%;
    width: 100%;

    
}
.open{
  display: block;
  height: 80%;
  top: 0%;
  padding-top: 6%;
  overflow-y: scroll;


}
#new{

    position: fixed;
    bottom: 0%;
    width: 100%;
    text-align: center;
    z-index: 3000;
    background-color: black;
    font-size: 12vw;
    margin-bottom: 0;

}
#tab-4 article{
  
}
.tab{
  height: 100%;
  
}
.tab article{
  position: relative;
}
.order_view{
  opacity: 0;
}
.drop-opts{

  display: none;
  position: fixed;
  width: 30%;
  text-align: left;
  left: 29.5%;
  top: 3vw;
  margin:0%;
  padding:0%;
  height: auto;

  z-index: 1000 !important;
  font-size: 1.2vw;
}

.drop-opts-show{
  left: 29%;
  margin:0;


}
.drop-opt{  margin:0%;
  padding:0;
background-color: rgb(0, 0, 0);
}
.drop-opt:hover{background-color: rgba(0,0,0,.7);}
.drop-opt a:hover{color: DeepSkyBlue;}
.SM {
    position: fixed;
    display: none;
    top: 5%;
    right: 0px;
    width: 100%;
    max-height: 100%;
    overflow: scroll;
    z-index: 9000;
    background-color: rgba(0, 0, 0, .9);
}
.SM h1{
  font-size: 6vw;
  margin-top: 1vw;
  margin-bottom: 1vw;
}
.SM_ {
    position: fixed !important;
    display: inline !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    vertical-align: middle;
    height: 2vw;
    overflow-y: hidden;
    background-position: center;
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(88, 87, 87, 0), rgba(0, 0, 0, 0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(88, 87, 87, 0), rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(88, 87, 87, 0), rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0), rgba(88, 87, 87, 0), rgba(0, 0, 0, 0));
    background-size: cover;
    margin-top: -1.5%;
    z-index: 8000 !important;
    padding-top: .5%;
    padding-bottom: 2%;
    margin: 0%;
}
.SM_ h1{
  font-size: 1.2vw;
  margin-top: .8vw;
/*  margin-bottom: 1vw; */

}
.ENGBOX_ {
    font-size: 4vw;
}
.HM{
      display: block;
    position: relative;
}
.menuimg{    
    width: 100%;
    border-style: groove;
    border-width: 0vw;
    padding: 0%;
    margin: 0%;

    background: -webkit-linear-gradient(-90deg, rgba(105, 105, 105, 0.43), rgba(222, 222, 222, 0.45), rgba(189, 189, 189, 0.27)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(-90deg, rgba(105, 105, 105, 0.43), rgba(222, 222, 222, 0.45), rgba(189, 189, 189, 0.27)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(-90deg, rgba(105, 105, 105, 0.43), rgba(222, 222, 222, 0.45), rgba(189, 189, 189, 0.27)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-90deg, rgba(105, 105, 105, 0.43), rgba(222, 222, 222, 0.45), rgba(189, 189, 189, 0.27));

    border-radius: 5px;

}
.SM .menuimg:hover{  animation-name: atlH;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;}
.menuimg:hover{

    transition: all .3s linear;
}
.menuimg_ {

    width: 9vw;
    margin: 0%;
    padding: 0%;
    border: none;
    word-wrap: none;
    display: inline-block;

}
.menuimg_:hover{


    color: DeepSkyBlue;
    transition: all .3s linear;
}
.menu-btn{    
    width: 98%%;
    border: groove;
    border-width: thick;
    border-color: rgba(0,0,0, .2);
}
.menu-btn:hover{    


}
.topBar{
  z-index: 6000;

}
.topBar div, .topBar a{
    display: -webkit-flex;
    right: -8vw;
    font-size: 5vw;
    padding-top: 1vw;
    padding-left: 1vw !important;
    margin-bottom: 1vw !important;
    width: 14%;
    border-radius: 1vw;
    position: relative !important;
    background-color: rgba(0,0,0, .7);
}
.topBar div:hover{

    background-color: rgba(65, 66, 64, .8);
    transition: all .3s linear;
}

.topBar_ {
  top: 7%;
  z-index: 8000;
}
.topBar_ a{
    padding-left: 7%;

    color: white !important;
}
.topBar_ div, .topBar_ a{
    display: -webkit-flex;
    right: -10.5vw !important;
    font-size: 3vw !important;
    margin-bottom: 1vw !important;
    padding-top: .5vw !important;
    padding-bottom: .5vw !important;
    background-color: rgba(65, 66, 64, .8);
}
.topBar_ div:hover, .topBar_ a:hover{
  right: 0% !important;
  background-color: rgba(0,0,0,.6) !important;
  transition: all .3s linear;
}
/*
.desktop_ {
    position: fixed;
    top: 1%;
    font-size: 7vw;
    right: -9vw !important;
    padding-bottom: 1%;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 1% !important;
}
.fa-mobile:before {
    font-size: 11vw;
}
*/
.topBar_ .fa-envelope h5{
    font-size: 2vw !important;
    padding: 0vw !important;
}
.fa-phone{

}
.topBar .fa-phone a{
      padding: 4vw;
    position: absolute;
}
.topBar_ .fa-phone a{
      padding: 0vw;
      padding-left: 1.2vw;
  
}

.ENGBOX_ {

    font-size: 2vw;
}
h1 .tabRow_{
  font-size: 2vw;
  word-wrap: normal;
  padding: 0% 8% 0% 8%;
    margin: 0% 0% 0% 0%;
}
.tabRow_ {

    display: table-row;
    word-wrap: normal;
    text-align: center;
    white-space: wrap;
}
.logo_{
    top: 0;
    left: 0;
    position: fixed;
    z-index: 7000;
    width: 7%;
    margin-top: 0%;
}
.new_{
  font-size: 3vw !important;
}
.open_ {
    height: 100%;
    overflow-y: scroll;
    padding-top: 0%;
}
#tab-1_ {
  display: block;
}
.SM_ a {
    margin: 0%;
    height: 10%;
    word-wrap: normal;
}
.tab-1_ {
  display: block;
}
.tab-1_ article{
  position: static;
}
.top{
  top: 3.5%;
}
.SM .menu{
  display: none;
}
article p{
  font-size:3vw;
}
.hide{
  display: none !important;
}
.show{
  display: inline !important; 
}
.hide2{
  display: none !important;
}
.show2{
  display: inline !important;
}
.top-marg{
  margin-top: 6%;
}
.top-pad{
  padding-top: 6%;
}
.SLG{
  display: none;
}
.SM h1{
  font-size: 14.5 !important;
}

.slide_text{
    display: -webkit-inline-box;
    position: relative;
    left: 1.8vw;
    font-size: 1.5vw;
    padding: 0 !important; 
    font-family: Avenir-Light;

  }
.mobile_slide{
  display: inline;
}
.small_font{
  font-size: 1.2vw;
}
.fa-desktop{
  padding-top: 1%;
}
.choice{
      font-size: 3vw;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 8%;
}
.choice_{
    font-size: 2vw;
    margin: 0% 0% 0% 0%;
    padding: 0% 0% 0% 0%;
}
.SLG{
  
  display: none !important;

}
.order_number{
    position: absolute;
    top: 1vw;
    left: 4vw;
    font-size: 5vw;
}
.w-100{width: 100% !important;}
.w-95{width: 95% !important;}
.w-50{width: 50%;}
.w-65{width: 65%;}
.w-33{width: 33%;}
.w-25{width: 25%;}
.w-20{width: 20%;}
.w-15{width: 15%;}
.w-10{width: 10%;}
.w-2{width: 2%;}

.w-21p7vw{width: 27.7vw;}

.t-p-6{
  padding-top: 6%;
}
.t-p-6{
  padding-top: 6%;
}
.t-p-20{
  padding-top: 20%;
}
.t-p-10{
  padding-top: 10%;
}
.news_letter{
  width: 100%;
  
}
.bottom{
  bottom: 0;  
}
a {
  color: white;
}
.news_bg{
    width: 88%;
    text-align: left;
    background-color: rgba(0,0,0,.0);
    padding: 1%;
/*      -webkit-filter: drop-shadow(0px 0px 2px white);
  -moz-filter: drop-shadow(0px 0px 2px white);
  filter: drop-shadow(0px 0px 2px white);
      border-style: groove;
    border-width: 2px;
    border-radius: 4px;
*/
}
.news_bg h3{ font-weight: 600; color: deepskyblue !important;}
.cap_back{
  background-color: rgba(65,64,66, .7);
  width: 30%;
  border-color: slategrey;
  border-style: groove;
  border-width: 2px;
  border-radius: 10px;
}
.q-fs{
  font-size: 2vw;
}
.w-7{width: 7%;}
.t-p-7{padding-top: 7%;}
.p-tb-14{padding-top: 14%; padding-bottom: 14%;}
.p-tb-7{padding-top: 7%; padding-bottom: 7%;}
article h1{font-size: 100;}
.fs-1{font-size: 1vw;}
.left-soc {
    position: relative;
    left: 35vw;
    bottom: 30%;
    font-size: 2vw;

}
.p-l-5{padding-left: 5%;}
.blog{ height: 10vw; }
.ar { background-color: rgba(255,255,255,.4); }
.atlas_row{display: inline-flex;}
.HPImage{width: 30%; height: auto;}
.HPImage100{width: 100%; height: auto;}
.inline-flex{display: inline-flex;    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    /*-webkit-justify-content: center;*/
    -webkit-flex-align: center;
    -webkit-align-items: center;
    vertical-align: top;
}
.artImg{width: auto;height: 40vw;}
.artImg2{width: auto;height: 40vw;}
.artImg3{width: auto;height: 10vw;}
.artImg20{width: auto;height: 20vw;}
.artImg30{width: auto;height: 30vw;}
.news_letter input {
  /*
    width: 80%;
    height: 2vw;
    font-size: 1vw;
    text-align: left;
    padding-top: 2%;
    padding-bottom: 2%;
  */
}
.m-t-n18{margin-top: -18%;}
.logo3{    position: fixed;
    left: 0;
    top: 0;
    padding: 2%;
    width: auto;
    height: 3%;}
.w-75{width: 75%;}
.p-b-20{padding-bottom: 20%;}
#atlas{z-index: 9990;}
.h-30{height: 20vw;
font-size: 1vw;}
.borders{border-width: 1px;
  border-color: SlateGrey;
  border-style: solid;
border-radius: 5px;}

.password_reset_f #id_email{color: black !important;}

.m-l-18{
  margin-left: 18%;
}

table{      background-color: rgba(58, 58, 58, 0.7);
    text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  width: 80%;}
tr, th, td{
    border-width: .5px;
    border-style: solid;
    border-color: white;
    border-radius: 2px;
    padding: .5%;
    /*font-size: 1vw;*/
}
tr:first-of-type{
  background-color: rgba(0,0,0, .9);
}
tr{
  background-color: rgba(255,255,255, .1);
}
tr:hover{
    background-color: rgba(100,0,0,.3);
}
td:focus{
    background-color: rgba(10,110,0,.9);
}
@import "compass/css3";

$breakpoint-alpha: 480px; // adjust to your needs

.rwd-table  {
  margin: 1em 0;
  min-width: 300px; 
  background-color: rgba(70,0,0,.7);
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  width: 80%;
  tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  
  th {
    display: none; // for accessibility, use a visually hidden method here instead! Thanks, reddit!   
  }
  
  td {
    display: block; 
    
    &:first-child {
      padding-top: .5em;
    }
    &:last-child {
      padding-bottom: .5em;
    }

    &:before {
      content: attr(data-th)": "; // who knew you could do this? The internet, that's who.
      font-weight: bold;

      // optional stuff to make it look nicer
      width: 6.5em; // magic number :( adjust according to your own content
      display: inline-block;
      // end options
      
      @media (min-width: $breakpoint-alpha) {
        display: none;
      }
    }
  }
  
  th, td {
    text-align: left;
    
    @media (min-width: $breakpoint-alpha) {
      display: table-cell;
      padding: .25em .5em;
      
      &:first-child {
        padding-left: 0;
      }
      
      &:last-child {
        padding-right: 0;
      }
    }

  }
  
  
}




@import 'http://fonts.googleapis.com/css?family=Montserrat:300,400,700';




.rwd-table {
  background-color: rgba(70,0,0,.7);
  text-align: left;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  color: #fff;
  border-radius: .4em;
  overflow: hidden;
  tr {
    border-color: lighten(#34495E, 10%);
  }
  th, td {
    margin: .5em 1em;
    @media (min-width: $breakpoint-alpha) { 
      padding: 1em !important; 
    }
  }
  th, td:before {
    color: #dd5;
  }
}

.table-head{font-size: 6vw;}

.p-a-5{padding: 5%;}
.t-p-5{padding-top: 5%;}
a link:hover{color: deepskyblue !important;}
.p-lr-5{padding-right: 5%; padding-left: 5%}


.news_bg a{
  color: deepskyblue !important;
}
footer a{
  padding-top: .5%;
  padding-bottom: .5%;
}
footer a:link {
    text-decoration: none;
}

footer a:visited {

}
.img-op-33{
  opacity: 0.33;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}
.img-op-50{
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}
.img-op-75{
  opacity: 0.75;
  filter: alpha(opacity=75); /* For IE8 and earlier */
}
.img-op-90{
  opacity: 0.90;
  filter: alpha(opacity=90); /* For IE8 and earlier */
}


.wk-btn-appearance-n{
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
}