body {
    /*background-image: url(/images/main_back.gif);*/
    /*background-image: url('http://my18teens.com/images/my18.jpg');*/
    font-family: Raleway !important;
    opacity: 1.0;
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    padding: 0;
    margin: 0;
}

/*A.links_menu {
    COLOR: #ffc208;
    FONT-SIZE: 2.3vw;
    FONT-FAMILY: Arial;
    text-decoration: none;
    font-weight: normal;
}

A.links_menu:hover {
    COLOR: #ffffff;
}

A.links_menu2 {
    COLOR: #ffe471;
    FONT-SIZE: 2.3vw;
    FONT-FAMILY: Arial;
    text-decoration: none;
    font-weight: normal;
}

A.links_menu2:hover {
    COLOR: #ffffff;
    FONT-SIZE: 2.3vw;
    text-decoration: none;
}

A.links_menux2 {
    COLOR: #ffdab3;
    font-size: 48px;
    FONT-FAMILY: Arial;
    text-decoration: none;
    font-weight: bold;
}

A.links_menux2:hover {
    COLOR: #ffffff;
    text-decoration: none;
    text-shadow:  1px 1px 2px black, 0 0 1em red;
}

A.links_menux22 {
    COLOR: #f3ead8;
    FONT-SIZE: 24px;
    FONT-FAMILY: Arial;
    text-decoration: none;
    font-weight: bold;    
}

A.links_menux22:hover {
    COLOR: #ffffff;
}

A.links_qqqmenux222 {
    COLOR: #f3ead8;
    FONT-SIZE: 26px;
    FONT-FAMILY: Arial;
    text-decoration: none;
    font-weight: bold;    
}

A.links_qqqmenux222:hover {
    COLOR: #FFF;
}*/

.text {
    font-family: verdana;
    font-size: 12px;
    color: #f8efc3;
    font-weight: normal;
}

.text22 {
    font-family: arial;
    FONT-SIZE: 2.3vw;
    color: #ffffff;
    font-weight: normal;
}

/*.text22tr {
    font-family: arial;
    font-size: 20px;
    color: #fef6bf;
    font-weight: bold;
}*/

.text22trx {
    font-family: arial;
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
}

.awtext22trx {
    font-family: arial;
    font-size: 22px;
    color: #ffe168;
    font-weight: bold;
}

.text22trc {
    font-family: arial;
    FONT-SIZE: 2.3vw;
    color: #f3ead8;
    font-weight: bold;
}

.textsm1 {
    font-family: verdana;
    font-size: 11px;
    color: #f8efc3;
    font-weight: normal;
}

.textsmx {
    font-family: verdana;
    font-size: 11px;
    color: #ffe1a1;
    font-weight: normal;
}

.textsmx12 {
    font-family: verdana;
    font-size: 12px;
    color: #fff2b2;
    font-weight: normal;
}

.ext22txxx {
    font-family: arial;
    font-size: 22px;
    color: #ffe1a1;
    font-weight: bold;
}

.form1 {
    font-family: arial;
    font-size: 38px;
    color: #ffffff;
    font-weight: normal;
}

.form2 {
    font-family: arial;
    font-size: 20px;
    color: #ffe168;
    font-weight: bold;
}

.form3 {
    font-family: arial;
    font-size: 20px;
    color: #ffe1a1;
    font-weight: bold;
}

.jt2x {
    font-family: arial;
    font-size: 18px;
    color: #ac0051;
    font-weight: bold;
}

.jt3x {
    font-family: arial;
    font-size: 18px;
    color: #ffe168;
    font-weight: bold;
}

/*A.links_qqqmenux22 {
    COLOR: #ffe1a1;
    FONT-SIZE: 1.6vw;
    FONT-FAMILY: Arial;
    text-decoration: none;
    font-weight: bold;
}

A.links_qqqmenux22:hover {
    COLOR: #ffffff;
}*/

.text_dw {
    font-family: verdana;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
}

A.links_dw {
    COLOR: #c00;
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana;
    text-decoration: underline;
    font-weight: normal;
}

A.links_dw:hover {
    COLOR: #ffffff;
}

A.links_dwb {
    COLOR: #C00;
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana;
    text-decoration: none;
    font-weight: bold;
}

A.links_dwb:hover {
    COLOR: #ffffff;
}

.main {
    width: 100%;
    margin: 0;
    background: url('http://my18teens.com/images/bg_poins.png');
    overflow: hidden;
    /*background: #CCC;*/
    /*background: rgba(255,255,255,0.6);*/
    /*background-size: cover;*/
    /*background: url('http://my18teens.com/contgals/paysite/images2/main_border_2017.png');*/
}

.main-center {
    width: 905px;
    vertical-align: top;
    box-shadow: 0 0 10px rgba(0,0,0,0.3); 
    margin: 0 auto 10px;
    position: relative;
}

.main-top,
.main-join,
.main-block,
.main-thumbs,
.main-bottom,
.mt-join-block,
.main-block-header,
.main-thumbs-center {
    width: 100%;
    max-width: 905px;
    vertical-align: top;
    background: #FFF;
    display: -webkit-flex;
    -webkit-justify-content: flex-start;
    display: flex;
    justify-content: flex-start;
}

.main-top {
    height: 400px;
    background: url(/images/slide3nn.jpg);
    background-size: cover;
}

.main-top-landing {
    width: 100%;
    height: 140px;
    position: fixed;
    z-index: 100;
    margin: 0 0 20px 0;
    background: #AAA url('/images/bg_gray.jpg') center no-repeat;
    /*background-size: cover;*/
    box-shadow: #BBB 0 0 10px;
}

.main-top-landing-content {
    width: 905px;
    margin: 0 auto;
}

.main-top-landing-logo,
.main-top-landing-text,
.main-top-landing-button {
    display: inline-block;
    color: #FFF;
    /*margin: 10px;*/
}

.main-top-landing-logo {
}

.main-top-landing-text {
    font: 5vw Six Caps, sans-serif;
    text-transform: uppercase;
    text-shadow: #555 0 0 5px;
    letter-spacing: 1px;
    font-stretch: ultra-condensed;
}

.main-top-landing-button {
    font: 48px BenchNine, sans-serif;
    padding: 5px 20px;
    margin: 30px 40px 30px 0;
    float: right;
	border-radius: 5px;
    background: #C00;
}

.main-top-landing-button:hover {
    color: #FFF;
	text-decoration: none;
	box-shadow: #FFF 0 0 30px;
}

.main-landing {
    padding: 150px 0 20px;
    background: #FFF;
	overflow: hidden;
}

.main-landing a {
    display: inline-block;
    margin: 10px 0;
    background: #CCC;
    border: #CCC 3px solid;
    text-decoration: none;
}

.main-landing a:hover {
    border: #F00 3px solid;
    opacity: 0.8;
    text-decoration: none;
}

.main-landing a:focus {
    text-decoration: none;
}

.landing-thumb {
    width: 100%;
    height: auto;
}

.landing-benefits-block {
    margin-top: -40px; 
    height: 640px; 
    padding: 60px;
}

.landing-benefits {
	width: 900px; 
	margin: 40px auto;
	text-align: left;
	background: #C00;
	border-radius: 45px;
    display: flex;
}

.landing-benefits-bullet {
    display: inline-block;
	width: 100px; 
	height: 100px; 
	margin: 20px;
}

.landing-benefits-text {
    display: inline-block;
    font: 36px BenchNine, sans-serif; 
    text-transform: uppercase;
    color: #FFF;
    margin: 50px 0 0 0; 
}

.landing-nums {
    font-size: 54px;
    color: #f7d5b2;
    line-height: 25px;
}

.landing-thumb-name {
    font: bold 24px BenchNine, sans-serif; 
    color: #C00;
    text-decoration: none;
}

.landing-rating-container {
    float: right; 
    margin: 0 10px; 
    font-size: 14px;
}

.landing-rating {
	color: #C00; 
	-webkit-text-stroke: 1px white; 
	text-shadow: #FFF 0 0 5px;
	margin:10px 3px;
}

.landing-bottom-join {
    width: 450px; 
    font: 64px/81px BenchNine, sans-serif; 
    color: #FFF; background: #C00; 
    padding: 5px 20px; 
    margin: 20px auto; 
    cursor: pointer; 
    box-shadow: #000 0 0 10px;
}

.landing-video {
    width: 820px;
    height: auto;
    margin: 20px auto;
}

.landing-video-thumbs-row {
    width: 820px;
}

.landing-video-thumb {
    height: 128px;
    border: #CCC 3px solid;
    cursor: pointer;
    width: 100%;
}

.guest-limit-message {
    position: absolute;
    top: 320px;
    left: 270px;
    z-index: 1;
    display: none;
    font: 24px/36px BenchNine, sans-serif;
    color: #FFF;
    background: rgba(0, 0, 0, .5);
    padding: 10px 15px;
    border-radius: 5px;
}
.guest-limit-message a {
    font-size: 40px;
    color: #FFF;
    background: linear-gradient(#F00, #C00);
    padding: 10px 25px;
    margin: 20px;
    border: none;
    border-radius: 5px;
}

.guest-limit-message a:hover {
   border: none;
   color: #FFF;
   /*opacity: 1;*/
}

.main-landing video { 
    width: 800px; 
}

.landing-video-thumb:hover {
    border: #C00 3px solid;;
}

.sm-pad {
    padding-left: 2px;
    padding-right: 2px;
}

.slider {
    max-width: 65vh;
    max-height: 100vh;
}


#carousel-my18-generic {
    position: relative;
}
.landing-slider-close {
    font: 15px Arial, Helvetica, Sans-serif;
    position: absolute;
    top: 0;
    right: 5px;
    opacity: 0.5;
    z-index: 100;
    background: #FFF;
    border-radius: 25px;
    padding: 3px 8px; 
    border: none;
}

.landing-slider-close:hover {
    opacity: 0.8;
}

.top-logo,
.top-welcome {
    height: 159px;
    background-size: cover;
    display: none;
}

.pay {
    padding: 60px;
}

.pay img:hover {
    filter:brightness(110%);
    cursor: pointer;
}

.white {
    background: #FFF;
}

/*.top-logo {
    width: 392px;
    background: url('http://my18teens.com/contgals/paysite/images2/index_design_02.jpg');
}

.top-welcome {
    width: 525px;
    height: 159px;
    background: url('http://my18teens.com/contgals/paysite/images2/index_design_03_06_04.jpg');
}

.top-welcome-header {
    height: 54px;
    padding: 15px 10px 5px;
    text-align: left;
}

.top-welcome-text {
    height: 105px;
    text-align: justify;
    padding: 0 38px 8px 10px;
    margin: -2px 0 0 0;
    font-size: 11px;
    text-align: left;
}*/

.mt-join-block {
    height: 45px;
    background: linear-gradient(to top, #FFF, #DDD);
    border: #FFF 1px solid;
    border-width: 2px 0;
    font-weight: bold;
}

.mt-join-block div:hover {
    background: linear-gradient(to top, #F00, #C00);
    color: #FFF;
    cursor: pointer;
}

.mt-join,
.mt-members,
.mt-tour {
    /*background-size: cover;
    padding: 2.6vw 0;*/
    padding: 10px;
    color: #000;
}

.mt-join {
    width: 42.2%;
    border-right: #AAA 1px solid;
    border-left: #FFF 1px solid;
    /*background: url('http://my18teens.com/contgals/paysite/images2/c_08.gif');*/
}

.mt-members {
    width: 28.8%;
    border-right: #AAA 1px solid;
    /*background: url('http://my18teens.com/contgals/paysite/images2/c_07.gif');*/
}

.mt-tour {
    width: 29%;
    border-left: #FFF 1px solid;
    /*background: url('http://my18teens.com/contgals/paysite/images2/c_09.gif');*/
}

.main-block-header-left {
    width: 118px;
    /*height: 94px;*/
    /*background: url('http://my18teens.com/contgals/paysite/images2/index_design_16.jpg');*/
}

.main-block-header-center {
    width: 100%;
    max-width: 723px;
    color: #C00;
    font-size: 24px;
    /*height: 94px;*/
    padding: 10px 0 0;
    /*background: url('http://my18teens.com/contgals/paysite/images2/index_design_17_1.jpg');*/
}

.main-block-header-right {
    width: 64px;
    /*height: 94px;*/
    /*background: url('http://my18teens.com/contgals/paysite/images2/index_design_18_1.jpg');*/
}

.main-block-img {
    width: 73%;
    text-align: right;
    /*background: url('http://my18teens.com/contgals/paysite/images2/index_design_19.gif');*/
}

.main-block-join {
    width: 27%;
    /*background: url('http://my18teens.com/contgals/paysite/images2/index_design_24.gif');*/
}
.main-block-join-top {
    padding: 25px 0 0;
}

.main-block-join-top a {
    font-size: 24px;
    color: #000;
}

.main-block-join-top a:hover {
    text-decoration: none;
    color: #C00;
}

.main-block-join-top span a {
    font-size: 10px;
    color: #CCC;
}

.main-block-join-center {
    height: 134px;
    margin: 20px;
    padding: 36px 0 0;
    /*background: url('/images/heart_rect.png') no-repeat;*/
    /*box-shadow: 0 0 10px #CCC;*/
    background-size: 100%;
    transform: rotate(-1deg);
}

.main-block-join-center:hover {
    transform: rotate(-3deg);
}

.main-block-join-center a {
    color: #FFF;
    text-shadow:  1px 1px 1px #555;

}

.main-block-join-center a:hover {
    color: #FFF;
    text-decoration: none;
    text-shadow:  0 0 1px #FFF;
}

.main-block-join-bottom a {
    color: #000;
    line-height: 28px;
}

.main-block-join-bottom a:hover {
    color: #C00;
    text-decoration: none;
}

.main-thumbs {
    width: 100%;
}

.main-thumbs-left {
    width: 25px;
    /*background: url('http://my18teens.com/contgals/paysite/images2/index_design_25.gif');*/
}

.main-thumbs-center {
    padding: 0 0 0 14px;
    /*background: #2E0016;*/
    text-align: center;
}

.main-thumbs-center a {
    margin: 5px;
}

.main-thumbs-right {
    width: 24px;
    /*background: url('http://my18teens.com/contgals/paysite/images2/index_design_27.gif');*/
}

.main-join {
    display: none;
}

/*.main-join-left {
    width: 76px;
    background: url('http://my18teens.com/contgals/paysite/images2/index_design_28.gif');
}

.main-join-center {
}
 
.main-join-right {
    width: 76px;
    background: url('http://my18teens.com/contgals/paysite/images2/index_design_30.gif');
}*/

.main-bottom-left {
    width: 237px;
}

.main-bottom-right {
    height: 145px;
    width: 100%;
    text-align: left;
    padding: 26px 0 0 20px;
    /*background: url('/images/index_design_75.jpg');*/
}

 
.thumbz {
    background: linear-gradient(to top, #FFF, #DDD);
    border: #CCC 5px solid;
    /*background-color: #4a0023;*/
}

.thumbz:hover {
    filter: contrast(110%);
    border: #C00 5px solid;;
}

.input {
    font-family: "Trebuchet MS";
    font-size: 13px;
    color: #FFFFFF;
    height: 28;
    width: 300;
    background-color: #460021;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #700035;
    border-right-color: #700035;
    border-bottom-color: #700035;
    border-left-color: #700035;
    padding: 5;
}

#text_white_big {
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

#text_white_big0 {
    font-family: "Arial";
    font-size: 12px;
    color: #FFFFFF;
}

#text_cost {
    font-family: "Arial";
    font-size: 12px;
    color: #ffe168;
}

#text_white_big2 {
    font-family: "Arial";
    font-size: 12px;
    color: #fef6bf;
}

#text_white_big3 {
    font-family: "Arial";
    font-size: 12px;
    font-weight: bold;
    color: #fef6bf;
}

.form3 {
    font-size: 19px;
}

.form2 {
    font-size: 19px;
}

.item:hover {
    filter: saturate(120%);
    filter: saturate(120%);
    filter: saturate(120%);
}

.bottom-gray {
    background: gray;
}

#twModal { 
    position: fixed;
    width: 100px; 
    height: 140px; 
    background: #FFF; 
    left: -100px;
    bottom: 80px;
    border-radius: 0 10px 10px 0;
}

.models_left { 
    position: absolute;
    left: -190;
    width: 186px;
    background: #FFF;
    opacity: 0;
}

.models_right  { 
    position: absolute;
    right: -190;
    width: 186px;
    background: #FFF;
    opacity: 0;
}

.models_left img, .models_right img {
    width: 180px;
    border: 3px #CCC solid;
    margin: 3px 0;
}

.ext22txxx a img {
    width: 100%;
}

.modal-popup div {
    max-width: 450px;
} 

.main-pics-slider { width: 900px; max-height: 580px; margin-left: -200px;}
.main-pics-slider img { width: 100%; height: 100%; }
.glyphicon-big { font-size: 36px; margin: 320px 0;}

.galleries .col-6 { display: inline-block; width: 33%; }

/*.carousel-control-prev,.carousel-control-next { height: 50%; top: 100px; margin-top: 100px; }*/
.carousel-item a { cursor: default; }
#carousel-example-generic .carousel-inner { width: 860px; background: #FFF; }
#carousel-example-generic .carousel-control-next { left: 780px; }

@media only screen and (max-device-width: 480px),
(max-width: 900px) {
    .main {
        width: 100%;
    }
    .main { widht: 100%; background: none; margin: 0; }
    .main-center { width:100%; }
    .main-top, .mt-join-block { width:100%;  margin: 0; }
    .main-top { height: auto; background-position: top right; }
    .top-logo { width: 100%; background-repeat: no-repeat; background-position: 50%; }
    .top-welcome { display: none; }
    #carousel-my18-generic img { width: 100vw;  }
    .mt-join-block { height: 6vh; min-height: 40px; }
    .mt-join { padding: 10px 0; }
    .mt-tour, .mt-members { padding: 15px 0; }
    /*.mt-members { line-height: 4vw; }*/
    /*.mt-join  { height: auto; overflow: hidden; background: linear-gradient(to top, #1a0000, #4d0000); border: #4d0000 1px solid; border-radius: 25px; margin: 20px 10px; padding: 2vw 1vw 0; min-height: 46px; max-height: 100px; }*/
    .main-block-header-left, .main-block-header-right { display: none; }
    .main-block-header-center { max-width: none; padding: 20px 5px; background-position: bottom;  font-size: 24px;}
    .main-block { flex-direction: column; width: 100%; }
    .main-block-join { display: -webkit-flex; -webkit-justify-content: flex-start; display: flex; justify-content: flex-start; width: 100%; background: none;}
    .main-block-join-top, .main-block-join-center { width: 50%; height: 110px; padding: auto; background-position: 40% 40%; background-size: 112%; line-height: 5vw; }
    .main-block-join-center, .main-block-join-bottom { padding-top: 20px; border-radius: 30px; }
    .main-block-join-center a { font-size: 2vw; }
    .main-block-img { width: 100%; }
    .main-block-img img { width: 100%; height: auto;}
    .main-thumbs-center { display: block; padding: 0;}
    .main-thumbs-left, .main-thumbs-right { display: none; }
    .main-thumbs-center a { margin: 0; }
    .main-thumbs-center img { display: inline-block; width: 50%; height: auto; margin: -2px; }
    .main-join-center img { width: 100%; height: auto; }
    A.links_menux2 { font-size: 6vw; }
    A.links_menux22 { font-size: 4vw; }
    A.links_qqqmenux222 { margin: 80px 10px; line-height: 10vw; }
    A.links_qqqmenux22 { font-size: 3vw; }
    A.qqqlinks_menux222 { font-size: 4vw; }
    .main-block-join-top A.links_dwb { display: none; }
    .main-bottom { flex-direction: column; text-align: center; }
    .main-bottom-right { height: 200px; text-align: center; padding: 20px 10px 5px; }
    .main-bottom-left, .main-bottom-right-text { width: 100%; }
    #banner { display: none; }
    .main-landing { padding-top: 80px; }
    .landing-benefits-block { height: 540px; margin: 0 auto; padding: 0;}
    .main-top-landing { height: 20vw; }
	.main-top-landing-content { width: 100%; margin: 15px 10px;}
    .landing-top-logo { width: 15vw; }
    .main-top-landing-text { font-size: 7.5vw; }
    .main-block-join-bottom { display: none; }
    .landing-benefits { width: 98%; flex-direction: column; }
    .landing-benefits-bullet { margin: 20px auto 0; }
    .landing-benefits-text { font-size: 5.4vw; margin: 20px; text-align: center; }
    .landing-nums { font-size: 6.3vw; }
	.main-top-landing-button { font-size: 5.4vw; margin: 5px 15px; padding: 5px; }
    .landing-bottom-join { width: 80vw; }
    .landing-slider-close { top: 5px; font-size: 20px; padding: 5px 12px; }
    .landing-video, .landing-video-thumbs-row { width: 100%; }
    .landing-video { margin-top: -10px; }
    .landing-thumb-name { font-size: 18px; }
    .landing-rating-container { margin-top: -6px; font-size: 6px; }
    .landing-rating-container i { margin-left: 0; margin-top: 15px; }
    div.modal-footer { text-align: center; }
    div.modal-footer button { width: auto !important; float: none; }
    .models_left, .models_right { display: none; }
    .mt-join-block div { padding: 10px; }
    .main-pics-slider { width: 95vw; height: 60vw; max-width: 135vh; max-height: 90vh; margin-left: 0; }
    .slider { margin-top: 0;  width: 90vw; max-width: 55vh; max-height: 80vh; }
    .galleries .col-6 { width: 49%; }
    .no-mobile { height: 0; opacity: 0; }
    .glyphicon-big { font-size: 24px; }
    .modal-popup div { max-width: 90vh; max-height: 90vh; padding: 5px; }
    .modal-popup div img { max-height: 60vh; width: auto; }
    .modal-footer button { font-size: 12px; }
    #carousel-example-generic { width: 97vw; }
    #carousel-example-generic .carousel-control-next { left: 82vw; }
    #carousel-example-generic .carousel-inner { width: auto; }
    .guest-limit-message { width: 100%; top: 150px; left: 0; }
    .main-landing video { width: 100%; }
}

@media only screen and (max-device-width: 1200px) and (orientation: landscape) {
    /*.main-pics-slider { width: 100vw; height: auto; margin-left: 40px; }*/
    .main-top { background: url('/images/slide3nn.jpg'); height: 250px; background-size: cover; }
    .modal-popup, .modal-backdrop { display: none; }
    #carousel-example-generic .carousel-inner { width: 75vw; }
    #carousel-example-generic .carousel-control-next { left: 63vw; }
}