/*AS SKIN_BOOTSTRAP_CUSTOM - SKIN CSS SHEET*/

@font-face {
  font-family: 'HN';
  src: url('../fonts/helveticaneue.eot'); /* IE9 Compat Modes */
  src: url('../fonts/helveticaneue.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/helveticaneue.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/helveticaneue.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/helveticaneue.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/helveticaneue.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html{
	background-color: #000;
}
body {
	background-color: transparent;
	height: 100%;
	/*overflow: scroll!important;*/
	-webkit-overflow-scrolling: touch!important;
	color: #000;
	font-family: 'HN', Fallback, sans-serif;
}
a, a:hover {
    text-decoration: none;
}

.parent_row {
	width:100%;
}

.as_login_button {
	margin-top: 20px;
	text-decoration: none;
}

p.logo {
	margin-top: 3px;
}

p.logo img {
	width:133px; height:40px;
}

#as_h_1 small {
	color: #000000;
	margin-right: 6px;
}

.well {
	background-color: #000;
	border: 1px solid #dbdbdb;
	padding-bottom: 0px!important;

}

.well_as {
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .2);
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .2);
	background-color:rgba(255, 255, 255,1);
	border: none;
}

.item.item1 h3 {
	font-size: 32px;
}

.item.item1 p{
	font-size: 16px;
}
.item6 p{
	font-size: 16px;
}
.item.item2 p{
	font-size: 16px;
}
.item.item7 p{
	font-size: 16px;
}
.item.item1 p{
	font-size: 16px;
}
.item.item1 p{
	font-size: 16px;
}
.item.item1 p{
	font-size: 16px;
}
.item.item1 p{
	font-size: 16px;
}



.item.item3 p {
font-size:16px;
}
.item.item4 p {
	font-size:16px;
}

.item h2 {
	color: #000000;
	margin-bottom: 10px;
}

.item h2.congratz_color, .item h3.congratz_color {
	color: #CA0909;
}

.congratz_color span {
	color: #09A6CA;
}

.profile_headline {
	color:#0FDE0B;
	font-size:16px;
}

label[for],
select,
.pointer {
    cursor: pointer;
}

.as_mood {
	color: #FD216F;
}

.as_back_mood {
	background-color: #FD216F;
}

.Black_font {
	color: #000!important;
}

.tagline {
	color: #000;
	font-size: 18px;
	line-height:16px;
	margin-top: 12px;
	margin-bottom: -4px;
}

.as_header {
	background-color:rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	border: none;
}

.nav-center {
    margin:0;
    float:none;
}

a {
	color:#000;
	text-decoration: underline;
}
.navbar-inner{
    text-align:center;
}

.nomarg {
	margin: 0px;
}

.nopad {
	padding: 0!important;
}

.nopad-left {
	padding-left: 0!important;
}

.nopad-right {
	padding-right: 0!important;
}

.nopad img {
	margin-bottom: 0px;
}

.navbar {
	margin-bottom: 0px;
}

.navbar-default {
	background-color: transparent;
	background-image: none;
	border: transparent;
}

.profile_block {
	padding-left: 5px;
	padding-right: 5px;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border: 4px #337ab7 solid;
}

#answers2 ol li {
	font-size: 16px;
}

.myr2 h4 {
	margin-bottom:20px;
}

/*SLIDER PROFILE IMG STYLES*/
.bx-wrapper {
	margin-left: 5px!important;
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow:none!important;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
	border:none!important;
	background: transparent!important;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}

/* custom form styles*/
.p_bday b, #displayName b, .email_p b {
	font-size: 24px!important;
	margin-top: 8px;
}

.p_bday b {
	display: none;
}

.p_bday, #displayName, .email_p {
	margin-top: 10px;
}

#answers2 h4{
}

h4, h5 {
}

h4 small {
	color: #000000;
	font-size: 16px;
}

h5 {
	font-size: 18px;
}

.form-control {
	border-radius: 0px;
}

p.agree span.labelcheck.err {
	border:none!important;
}

p.p_i_am_p b, p.seeking b {
	display: none;
}

b.pwd_b, p.p_mobile b, p.pr_Headline_p strong, p.about_p strong, p.marital_status b, p.body_type b, p.race b, p.p_country b, b.address_b {
	font-size: 26px!important;
	color: #000;
}

p.pr_Headline_p {
	margin-bottom: 25px!important;
}

p.about_p strong {
	text-transform: capitalize;
}

.about_p textarea {
	height:80px!important;
}

div.msg #e {
	text-transform: capitalize;
}

span.labelcheck {
    padding-left: 10px;
}

/*as custom buttons*/
.btn-default {
	color: #000;
	background-color: #000;
	border: none;
	padding: 0px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #000;
	background-color: #f1fdfe;
}

.btn-primary {
	background-color: #d3d1d1;
	border-color: #bdbdbd;
	text-decoration: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #C2C2C2;
	border-color: #a3a3a3;
}

.btn-default_as {
	color: #000;
	background-color: #FD216F;
	border: none;
	border-radius: 0px;
	text-decoration: none;
}

.btn-default_as:hover, .btn-default_as.active, .open .dropdown-toggle.btn-default_as {
	color: #000;
	background-color: #cc1655;
	border: none;
}

.btn-default_as:focus {
	color: #000;
}

.btn-default_as:active {
	background-color: #961842;
}

/*bullets*/
[data-role="status-bar"] .col-xs-1, [data-role="status-bar"] .col-xs-2 {
    text-align: center;
    padding: 0;
    margin-top: 10px;
}

.step.wasactive {
	background: #696969;
}


.step {
    border-radius: 10px;
    color: white;
    background: #D3D3D3;
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
}

.step.active {
	background: #696969;
}

.cross-line {
    height: 1px;
    background: #D3D3D3;
    margin-top: -10px;
}
.bullets-line {
    position: relative;
    z-index: 95;
}
.bullets {
    position: relative;
    z-index: 100;
}

/*VIDEO PREV AND NEXT ARROWS*/
.arrows {width:27px; height:24px; display:block;  position:absolute; top:320px; cursor: pointer; background-image:url(images/arrows.html); background-repeat:no-repeat;z-index: 1029;background-size: 145%;}
	.arrowLeft {top:100px;left: 2px;background-position:left bottom}
	.arrowRight {top:100px;right: 2px; background-position:right bottom}
	.arrowLeft:hover {background-position:0 0}
	.arrowRight:hover {background-position:right top}

.carousel-inner {
	overflow: inherit;
}

div.btn.btn-default.mybutton:first-child {

}

div.d_iam, div.d_l4 {
	margin-top: 7px;
	margin-bottom: 7px;
}

div.mybutton input[type="radio"] {
	display: none;
}

div.mybutton input[type="radio"]:checked label {
	color:#000;
}

div.d_iam div.btn.btn-default.mybutton input.radio + label,
div.d_l4 div.btn.btn-default.mybutton input.radio + label {
	padding:10px 12px;
	margin-bottom: 0px;
	font-size: 22px;
	width:130px;
	background-color: #DB35B2;
	color: #000;
	border-radius: 4px;
}

div.d_iam div.btn.btn-default.mybutton input.radio + label[for="continue"] {
	color: #fff;
	background-color: #000;
	width: 180px;
}

div.d_l4 div.btn.btn-default.mybutton input.radio:checked + label {
	color: #000;
	background-color: #FD216F;
}

small, .small {
	font-size: 82%;
}

.progress2 {
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

#as_video, #as_video2 {
	/*margin-left:-10px;*/
}

.as_vidage {
	position: absolute;width: 88.5%;background-color: rgba(0, 0, 0, 0.5);top: 50%;color: #000;margin-left: 21px;text-align: center;
}

/* MODAL FIX AS 2015*/
.modal-backdrop {
	bottom:0;
	z-index: 1030;
	position: fixed;
}

/*NON RESPONSIVE LAYOUT BLOCK */
/*body {
	min-width: 970px;
}

.container {
	max-width: none!important;
	width: 970px;
}*/
/*END NON RESPONSIVE LAYOUT BLOCK */





/*BX SLIDER CSS INCLUDE*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #000;
	left: -5px;
	background: #000;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	/*background: url(_images/controls.png) no-repeat 0 -32px;*/
}

.bx-wrapper .bx-next {
	right: 10px;
	/*background: url(_images/controls.png) no-repeat -43px -32px;*/
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	/*background: url(http://www.CitySex.com/css/CitySex/land/ew_snapvid/_images/controls.png) -86px -11px no-repeat;*/
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	/*background: url(http://www.CitySex.com/css/CitySex/land/ew_snapvid/_images/controls.png) -86px -44px no-repeat;*/
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #000;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*boof questions*/
.nav.nav-justified > li {float: left;width:50%;}
.nav.nav-justified > li.boofcol {width:20%;padding: 0px;}
.nav.nav-justified > li > a { position: relative; padding: 0px; }
.nav.nav-justified > li > a:hover,
.nav.nav-justified > li > a:focus { background-color: transparent; }
.nav.nav-justified > li > a > .quote {
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #13c0ba;
    border-radius: 15px;
    color: #000;
}
.nav.nav-justified > li.active > a > .quote { opacity: 1; }
.nav.nav-justified > li > a > span { box-shadow: 0 0 0 5px #4FE838; border-radius: 30px; padding: 9px; }
.nav.nav-justified > li > a > span.thumb-red { box-shadow: 0 0 0 5px #ff0000; }
.nav.nav-justified > li > a > span {
    max-width: 100%;
    opacity: .3;
    -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.nav.nav-justified > li > a > img {
    max-width: 100%;
    opacity: 1;
    -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.nav.nav-justified > li.active > a > img,
.nav.nav-justified > li:hover > a > img,
.nav.nav-justified > li:focus > a > img {
    opacity: 1;
    background: #BDE60C;
    /*-webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}

.nav.nav-justified > li.active > a > span,
.nav.nav-justified > li:hover > a > span,
.nav.nav-justified > li:focus > a > span {
    opacity: 1;
    /*-webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
}
.tab-pane .tab-inner { padding: 30px 0 20px; }

.nav.nav-justified > li > a > img { background:#90AF0A; }
.nav.nav-justified > li > a > img.stay { opacity: 1; }

/*center 3 columns*/
.col-centered {
    display:inline-block!important;
    float:none!important;
    /* inline-block space fix */
    margin-right:-4px;
}

/*step 4 icon sizes & positioning*/
.look-for {
    width: 30%!important;
}

/* 5 col extension*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }

}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

@media handheld, only screen and (max-width: 767px) {
	div.d_iam div.btn.btn-default.mybutton input.radio + label,
	div.d_l4 div.btn.btn-default.mybutton input.radio + label {
		width:115px;
	}
	p.logo img {
		width:117px; height:35px;
	}
	div.btn.btn-default.mybutton:first-child {

	}
}

@media handheld, only screen and (max-width: 436px) {
	div.btn.btn-default.mybutton:first-child {

	}
}
@media handheld, only screen and (max-width: 431px) {
	div.btn.btn-default.mybutton:first-child {

	}
}



p.logo {text-align: center;}
[href*="term"]:hover, [href*="term"]:active, [href*="term"]:focus {color: #c0c0c0!important;}
#Fr2 #submit {color: #000!important}

.country{color: red;}

iframe body{
	background: none!important;
}

#img_btn {
	width: 100%;

}

.img_in_img{
float: left;
margin-left: 1.75%;
margin-top: 1.75%;
width: 31%;

}

.margin_text{
	padding-top: 2%;
	padding-bottom: 2%;
}

.brname{
}
.smallft{
	font-size: 19px!important;
}
.item h2.congratz_color, .item h3.congratz_color {
    color: #FFF;
}
.well_as {
	-webkit-box-shadow: none;
    box-shadow: none;
}

.h3_green {
	color: #9cc705;
}
.thumbnail{
	cursor: pointer;
}

/*step 4 icon sizes & positioning*/

.item h2.congratz_color, .item h3.congratz_color {
    color: #FFF;
}
.thumbnail{
	cursor: pointer;
}
.imageUrl{
	width: 100%;
    margin-bottom: 2vw;
}
.container-iframe-header{
    margin-top: 20px;
}
.container-iframe-header2{
    margin-top: -34px;
    display:none;
}
.imageUrl {
    min-width: 300px;
}
#imageUrl{
    width: 100%;
}
.image2{
    margin-bottom: 30px;
}
a {
	text-decoration: none;
}

@media screen and (orientation:portrait) {
	body{
		font-size: 4.5vw;
	}
	.container{
		width: 100vw;
	}
	.col-sm-offset-2 {
		margin-left: 0vw;
	}
	.col-sm-8 {
		width: 100vw;
	}
	p.logo {
		margin-top: 1vw;
	}
	p.logo img {
		width: 31.909vw;
		height: 9.545vw;
	}
	.navbar {
		min-height: 13.5vw;
		margin-bottom: 6vw;
		border: 0.3vw solid transparent;
	}
	.container {
		padding-right: 5vw;
		padding-left: 5vw;
	}
	.well{
		padding: 5vw;
		margin-bottom: 5vw;
	}
	.padding-bottom-1{
		padding-bottom: 1vw;
	}
	.padding-bottom-2{
		padding-bottom: 2vw;
	}
	.padding-bottom-4{
		padding-bottom: 4vw;
	}
	.padding-bottom-18{
		padding-bottom: 18vw;
	}
	.h4, .h5, .h6, h4, h5, h6 {
		margin-top: 3vw;
		margin-bottom: 3vw;
	}
	.item h2 {
		color: #000000;
		margin-bottom: 0vw;
        margin-top: 0vw;
	}
	.h2, h2 {
		font-size: 8.5vw;
	}
	.h3, h3 {
		font-size: 8vw;
	}
	.h4, h4 {
		font-size: 5vw;
	}
	.h1, .h2, .h3, h1, h2, h3 {
		margin-top: 6vw;
		margin-bottom: 3vw;
	}
	.margin_text {
		padding-top: 2vw;
		padding-bottom: 2vw;
	}
	p {
		margin: 0 0 3vw;
	}
	div.d_iam, div.d_l4 {
		margin-top: 2vw;
		margin-bottom: 2vw;
	}
	div.d_iam div.btn.btn-default.mybutton input.radio + label[for="continue"] {
		width: 50vw;
	}
	div.d_iam div.btn.btn-default.mybutton input.radio + label, div.d_l4 div.btn.btn-default.mybutton input.radio + label {
		padding: 3vw 3.6vw;
		margin-bottom: 0px;
		font-size: 6vw;
		border-radius: 1.5vw;
	}
	div.d_iam div.btn.btn-default.mybutton input.radio + label[for="continue-long"] {
		width: 80vw;
		font-size: 5.5vw;
		background-color: #000;
		color: #FFF;
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 5vw;
		padding-left: 5vw;
	}
	div.btn.btn-default.mybutton:first-child {
		margin-right: 0vw!important;
	}
	.btn{
		font-size: 5vw;
		border-radius: 1.5vw;
		margin-bottom: 3vw;
	}
    .item.item0 p, .item.item1 p, .item.item2 p, .item.item3 p, .item.item4 p, .item.item5 p, .item.item6 p, .item.item7 p, .item.item8 p, .item.item9 p, .item.item10 p {
		font-size: 4.5vw;
	}
	.thumbnail {
		display: block;
		padding: 1.2vw;
		line-height: 1.42857143;
		background-color: #fff;
		border: 0.3vw solid #ddd;
		border-radius: 1.2vw;
		-webkit-transition: border .2s ease-in-out;
		-o-transition: border .2s ease-in-out;
		transition: border .2s ease-in-out;
		margin-bottom: 1vw;
	}
	.thumbnail-text{
		margin-bottom: 6vw;
	}
	.col-xs-6 {
		width: 100%;
	}
	.row {
		margin-right: -5vw;
		margin-left: -5vw;
	}
	.h3_green {
		color: #9cc705;
		font-size: 6vw;
		margin-top: 1vw;
    	margin-bottom: 2vw;
	}
	.iframe-item{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.item.item7 h4 {
		font-size: 5vw;
		color: #FFF;
		text-shadow: 0.3vw 0.3vw 1vw #202318;
	}
	iframe {
		margin-top: 3vw;
		min-height: 460px;
		width: 100%;
		border: none;
        max-width: 640px;
	}
    .p-padding-left-right{
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .item.item7{
        margin-top: -5vw;
    }
}

@media screen and (orientation:landscape) and (max-width: 1279px){
	body{
		font-size: 2vw;
	}
	.container{
		width: 100vw;
	}
	.col-sm-offset-2 {
		margin-left: 0vw;
	}
	.col-sm-8 {
		width: 100vw;
	}
	p.logo {
		margin-top: 0.5vw;
	}
	p.logo img {
		width: 14.181vw;
		height: 4.242vw;
	}
	.navbar {
		min-height: 6vw;
		margin-bottom: 3vw;
		border: 0.2vw solid transparent;
	}
	.container {
		padding-right: 2.5vw;
		padding-left: 2.5vw;
	}
	.well{
		padding: 2.5vw;
		margin-bottom: 2.5vw;
	}
	.padding-bottom-1{
		padding-bottom: 0.5vw;
	}
	.padding-bottom-2{
		padding-bottom: 0.5vw;
	}
	.padding-bottom-4{
		padding-bottom: 2vw;
	}
	.padding-bottom-18{
		padding-bottom: 8vw;
	}
	.h4, .h5, .h6, h4, h5, h6 {
		margin-top: 1.5vw;
		margin-bottom: 1.5vw;
	}
	.item h2 {
		color: #000000;
		margin-bottom: 0vw;
        margin-top: 0vw;
	}
	.h2, h2 {
		font-size: 4vw;
	}
	.h3, h3 {
		font-size: 4vw;
	}
	.h4, h4 {
		font-size: 2.5vw;
	}
	.h1, .h2, .h3, h1, h2, h3 {
		margin-top: 3vw;
		margin-bottom: 1.5vw;
	}
	.margin_text {
		padding-top: 1vw;
		padding-bottom: 1vw;
	}
	p {
		margin: 0 0 1.5vw;
	}
	div.d_iam, div.d_l4 {
		margin-top: 1vw;
		margin-bottom: 1vw;
	}
	div.d_iam div.btn.btn-default.mybutton input.radio + label[for="continue"] {
		width: 25vw;
	}
	div.d_iam div.btn.btn-default.mybutton input.radio + label, div.d_l4 div.btn.btn-default.mybutton input.radio + label {
		padding: 1.5vw 2vw;
		margin-bottom: 0px;
		font-size: 3vw;
		border-radius: 1vw;
	}
	div.d_iam div.btn.btn-default.mybutton input.radio + label[for="continue-long"] {
		width: 60vw;
		font-size: 3vw;
		background-color: #000;
		color: #FFF;
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 2.5vw;
		padding-left: 2.5vw;
	}
	div.btn.btn-default.mybutton:first-child {
		margin-right: 0vw!important;
	}
	.btn{
		font-size: 2.5vw;
		border-radius: 1vw;
		margin-bottom: 1.5vw;
	}
	.item.item0 p, .item.item1 p, .item.item2 p, .item.item3 p, .item.item4 p, .item.item5 p, .item.item6 p, .item.item7 p, .item.item8 p, .item.item9 p, .item.item10 p {
		font-size: 2.5vw;
	}
	.thumbnail {
		display: block;
		padding: 0.6vw;
		line-height: 1.42857143;
		background-color: #fff;
		border: 0.15vw solid #ddd;
		border-radius: 0.6vw;
		-webkit-transition: border .2s ease-in-out;
		-o-transition: border .2s ease-in-out;
		transition: border .2s ease-in-out;
		margin-bottom: 0.5vw;
	}
	.thumbnail-text{
		margin-bottom: 3vw;
	}
	.col-xs-6 {
		width: 25%;
	}
	.row {
		margin-right: -2.5vw;
		margin-left: -2.5vw;
	}
	.h3_green {
		color: #9cc705;
		font-size: 4vw;
		margin-top: 2vw;
    	margin-bottom: 2vw;
	}
	.iframe-item{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.item.item7 h4 {
		font-size: 3vw;
		color: #FFF;
		text-shadow: 0.15vw 0.15vw 1vw #202318;
	}
	iframe {
		margin-top: 1.5vw;
		min-height: 460px;
		width: 100%;
		border: none;
        max-width: 460px;
	}
    .p-padding-left-right{
        padding-left: 2.5vw;
        padding-right: 2.5vw;
    }
    .item.item7{
        margin-top: -2.5vw;
    }


}

@media screen and (orientation:landscape) and (min-width: 1280px) {

	body{
		font-size: 1.3vw;
	}
	.container{
		width: 100vw;
	}
	.col-sm-offset-2 {
		margin-left: 0vw;
	}
	.col-sm-8 {
		width: 60vw;
    	margin-left: 20vw;
	}
	p.logo {
		margin-top: 0.33vw;
	}
	p.logo img {
		width: 9.454vw;
		height: 2.828vw;
	}
	.navbar {
		min-height: 4vw;
		margin-bottom: 2vw;
		border: 0.13vw solid transparent;
	}
	.container {
		padding-right: 1.66vw;
		padding-left: 1.66vw;
	}
	.well{
		padding: 1.66vw;
		margin-bottom: 1.66vw;
	}
	.padding-bottom-1{
		padding-bottom: 0.33vw;
	}
	.padding-bottom-2{
		padding-bottom: 0.33vw;
	}
	.padding-bottom-4{
		padding-bottom: 1.33vw;
	}
	.padding-bottom-18{
		padding-bottom: 5.33vw;
	}
	.h4, .h5, .h6, h4, h5, h6 {
		margin-top: 1vw;
		margin-bottom: 1vw;
	}
	.item h2 {
		color: #000000;
		margin-bottom: 0vw;
    	margin-top: 0vw;
	}
	.h2, h2 {
		font-size: 2.66vw;
	}
	.h3, h3 {
		font-size: 2vw;
	}
	.h4, h4 {
		font-size: 1.33vw;
	}
	.h1, .h2, .h3, h1, h2, h3 {
		margin-top: 2vw;
		margin-bottom: 1vw;
	}
	.margin_text {
		padding-top: 0.66vw;
		padding-bottom: 0.66vw;
	}
	p {
		margin: 0 0 1vw;
	}
	div.d_iam, div.d_l4 {
		margin-top: 0.66vw;
		margin-bottom: 0.66vw;
	}
	div.d_iam div.btn.btn-default.mybutton input.radio + label[for="continue"] {
		width: 13vw;
        font-size: 1.5vw;
	}
	div.d_iam div.btn.btn-default.mybutton input.radio + label, div.d_l4 div.btn.btn-default.mybutton input.radio + label {
		padding: 1vw 1.33vw;
		margin-bottom: 0px;
		font-size: 2vw;
		border-radius: 0.66vw;
	}
	div.d_iam div.btn.btn-default.mybutton input.radio + label[for="continue-long"] {
		width: 20vw;
		font-size: 1.3vw;
		background-color: #000;
		color: #FFF;
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding-right: 1.66vw;
		padding-left: 1.66vw;
	}
	div.btn.btn-default.mybutton:first-child {
		margin-right: 0vw!important;
	}
	.btn{
		font-size: 1.66vw;
		border-radius: 0.66vw;
		margin-bottom: 1vw;
	}
	.item.item0 p, .item.item1 p, .item.item2 p, .item.item3 p, .item.item4 p, .item.item5 p, .item.item6 p, .item.item7 p, .item.item8 p, .item.item9 p, .item.item10 p {
		font-size: 1.3vw;
	}
	.thumbnail {
		display: block;
		padding: 0.4vw;
		line-height: 1.42857143;
		background-color: #fff;
		border: 0.1vw solid #ddd;
		border-radius: 0.4vw;
		-webkit-transition: border .2s ease-in-out;
		-o-transition: border .2s ease-in-out;
		transition: border .2s ease-in-out;
		margin-bottom: 0.33vw;
	}
	.thumbnail-text{
		margin-bottom: 2vw;
	}
	.col-xs-6 {
		width: 25%;
	}
	.row {
		margin-right: -1.66vw;
		margin-left: -1.66vw;
	}
	.h3_green {
		color: #9cc705;
		font-size: 2.33vw;
		margin-top: 1.33vw;
    	margin-bottom: 1.33vw;
	}
	.iframe-item{
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	.item.item7 h4 {
		font-size: 1.5vw;
		color: #FFF;
		text-shadow: 0.1vw 0.1vw 0.66vw #202318;
	}
	iframe {
		margin-top: 1vw;
		min-height: 460px;
		width: 100%;
        max-width: 460px;
		border: none;
	}
	.p-padding-left-right{
        padding-left: 1.66vw;
        padding-right: 1.66vw;
    }
    .item.item7{
        margin-top: -1.5vw;
    }


}