body {background-color:#808080; color: white; font-size: 100%;}
    
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    color: #00A5C2;
    text-shadow: 1px 1px 0px black;
}
sup {color: red; font-size: 16px;}
.page-main-photo {
    width: 100%;
}
.page-photo {
     max-width: 100%;
}
.footer-photo{
    width: 100%;
    height: 460px; 
}

.callbutton {
    font-size: 32px;
    position: fixed;
    z-index: 1002;
    top: 0;
    right: 0;
    text-align: right;
    background: #808080;
    border-radius: 5px;
    margin: 4px;
    border: 1px solid black;
    padding: 0 13px 0 13px;
}

.callbutton a {color: black; text-decoration: none;}
.mainh1 {
    margin: 0.5em 0em 0.5em 1em;
}

.nav {list-style:none; margin:0 0 1.5em 0;}
#nav.main{
	float: right;
	text-align:center;
	margin: 0.5em 0 0 0;
	padding: 0.4em 0;
	font-family:'Oswald', Arial, sans-serif;
}
#nav.main li {display:inline; float:none;}

#nav.main a{
	display:inline-block;
	padding: 0.4em 1em;
	background-color: #EFEFEF;
	border-radius: 5px;
	border-right: 1px solid #bbb;
	border-bottom: 2px solid #bbb;
	color: #666;text-decoration:none; 
	text-transform:uppercase; 
	text-shadow: 1px 1px 1px #fff;
	margin: 0 0 0.6em 0;	
}
#nav.main a:hover{color: #666; text-shadow: 1px 1px 0px #fff; background-color: #C4EAFF; }

#nav.main a.active{color: #fff; text-shadow: 1px 1px 1px #333; background-color: #00A5C2;}


#hamburger_div {
        z-index: 1001;
        position: fixed;
        top: 0;
        right: 0;
        text-align: right;
        background: #808080;
        border-radius: 5px;
        margin: 4px;
        border: 1px solid black;
}

.slicknav_menu {
        display: none;
        z-index: 1001;
        position: fixed;
        background: #808080 url(../img/shadowGirlMenu.png) no-repeat top right;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        overflow: auto;
}
.slicknav_menu li {
        margin-top: 1.2em;
}

.slicknav_menu li {
        list-style-type: none;
        text-align: left;
        margin-bottom: 1.2em;
}

.slicknav_menu a {
        width: 100px;
        font-size: 1em;
        background-color: #EFEFEF;
        border-radius: 5px;
        border-right: 1px solid #bbb;
        border-bottom: 2px solid #bbb;
        color: black;
        text-shadow: none;
        padding: 0.5em;
}

.slicknav_menu a:hover {
        text-decoration: none;
}

.slicknav_nav {
               

}

#subnav {
    position: relative;
}

#subnav ul {
    position: absolute;
    z-index: 55;
    left: 0;
    background: #EFEFEF;
    border-radius: 5px;
    border-right: 1px solid #bbb;
    border-bottom: 2px solid #bbb;
    padding: 1em 0.5em 0.5em 0;
}

#subnav li {
    display:inline-block;
    cursor: pointer;
    padding: 0.4em 1em;
    background-color: #EFEFEF;
    border-radius: 5px;
    border-right: 1px solid #bbb;
    border-bottom: 2px solid #bbb;
    color: #666;
    text-decoration:none; 
    text-transform:uppercase; 
    text-shadow: 1px 1px 1px #fff;
    font-size: 1.1em;
    margin: 0 0 0.6em 0;	
}

#subnav a:hover {
    background-color: #C4EAFF;
}

#subsubnav li {
    display:inline-table;
    cursor: default;
    padding: 0.4em 1em;
    background-color: transparent;
    border-right: none;
    border-bottom: none;
    color: #666;
    text-decoration:none; 
    text-transform:uppercase; 
    text-shadow: 1px 1px 1px #fff;
    font-size: 14px;
    margin: 0 0 0.6em 0;	
}
#subsubnav a {
    color: #3E3E3C;
    text-shadow: none;
    cursor: pointer;
    font-size: 14px;
}

#subnav li > ul {
    display: none;
    margin-top: 20px;
    margin-left: 0;
}

.st-color {color: #00A5C2;}
.st-color-l{color: #C4EAFF;}
.st-color-h{color: #2DD3F0;}

.nobrd {border: none;}

.callback{letter-spacing: 0.01em; color: #CECECE;}

.add-button {text-align: center; margin: 1em 0 2em 0;}
.add-button input {font-size: 200%;}

.price-table {
    width: 100%;
    font-size: 90%;
    word-break: break-word;
}
.price-table-page {
    font-size: 120%;
}

.price-table tr:nth-child(1) {
    background-color: black; color: white;
}
.price-table tr:nth-child(2n) {
    background-color: #D2D2D2; color: black;
}
.price-table tr:nth-child(3) {
    background-color: gray; color: black;
}

.price-table td {
    border: none;
    text-align: center;
}

.inc {
    background-color:#3E3E3C;
}
.t-center {
    text-align: center;
}

.t-right {
    text-align: right;
    margin: 2em 0 0.5em 0;
}

.t-right a {
    margin-left: 1.5em;
}

.opthead {
    font-size: 14px;
    padding: 0 5em 0 5em;
    background: #3E3E3C;
    color: white;
    text-shadow: none;
}

.optheadPage {
    font-size: 120%;
    padding: 0 15px 0 15px;
    background: #808080;
    color: white;
    text-shadow: none;
}

.pageDesc {
    font-size: 100%; background: #D2D2D2; text-decoradtion: underline; color: black; border: 1px solid black; padding: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; margin-top: 2em;
}
.is_videoPageMain {
    color: black;
    font-size: 100%;
    margin: 0 auto;
    background: #F319D6;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 2px;
}
.existInTopClassMain {
    color: black;
    font-size: 100%;
    margin: 0 auto;
    background: #79FF4F;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 2px;
}
.photoVerifyMain {
  color: black;
  font-size: 100%;
  margin: 0 auto;
  background-color: rgba(79, 209, 255, 1);
  text-align: center;
  margin-top: 2px;
  margin-bottom: 2px;
}

.photoVerify {
    color: black;
    font-size: 150%;
    background: #4FD1FF;
    text-align: center;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.existInTopClass {
    color: black;
    font-size: 150%;
    background: #79FF4F;
    text-align: center;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.is_videoPage {
    color: black;
    font-size: 150%;
    background: #F319D6;
    text-align: center;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

@media (min-width: 721px) {
   .hidden-desktop {
    display: none !important;
  }
  
    .main-photo {
    width: 65%;
    height: 385px;
    object-fit: cover;
    }
    
   .photoVerifyMain {width: 80%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
   .existInTopClassMain {width: 80%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
   .is_videoPageMain {width: 80%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
}

@media (max-width: 720px){
    
    .main-photo {
        width: 100%;
        max-height: 700px;
        object-fit: cover;
    }
    
    .photoVerifyMain {width: 100%;}
    .existInTopClassMain {width: 100%;}
    .is_videoPageMain {width: 100%;}
    
    .aoption a {line-height:2.8em;}
    
    .mainh1 {font-size: 20px;}
    
    .hidden-phone {
    display: none!important;
    }
    
    #nav.main a{display:inline-block;padding: 0.8em 1.2em;font-size: 14px;letter-spacing: 2px;}
    #nav.main{padding: 0.4em 0 0 0; text-align: left; float: none; margin: 0 auto; background-image: none; font-size: 70%;}
    
}
