@charset "utf-8";
/* CSS Document */

body{
position:relative;
display: block;
padding: 0;
margin: 0;
font-family:'Montserrat', sans-serif;
}

bg_photo{
position:fixed;
background-image: url("../img/placeholders/living_room_design_2-wallpaper-2048x1152.jpg");
background-repeat:no-repeat;
background-size: cover;
display:block;
width:100%;
height: 100%;
z-index:-1;
top:0px;
filter:blur(4px);
}

bg_photo bg_overlay{
position: absolute;
display:block;
background-size: cover;
background-color:rgba(0,0,0,0.3);
width:100%;
height:100%;
z-index:1;
}

bg_photo img{
position: relative;
display: block;
width: 100%;
height: auto;
}

/*End of Baseline Photos*/

/*
nav{
position: fixed;
display: block;
width:100%;
height:60px;
padding-top:15px;
padding-bottom: 7px;
padding-left:20px;
background-color:#fff;
border-bottom: 2px solid rgba(255,255,255,0.5);
z-index:2;
}

nav img{
position: relative;
display: block;
height: 90%;
width:auto;
}
*/

/* End of Nav Bar */
reg_body{
position:relative;
display: block;
width: 1200px;
margin:0;
padding:0;
height: calc(100% - 42px);
margin-left:auto;
margin-right:auto;
clear: both;
color: #fff;
padding-top:125px;
}

reg_body_left{
position:relative;
display:inline-block;
width: calc(50% - 10px);
float: left;
height:60px;
padding-left:10px;
padding-right:10px;
font-family:'Montserrat', sans-serif;
text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
}

reg_body_right{
position:relative;
display: inline-block;
width:calc(50% - 10px);
float: left;
height:auto;
padding-left:10px;
overflow: hidden;
}

/* baseline alignment */
reg_body_left sub-title1{
display:block;
font-size:34px;
line-height: 46px;
}

reg_body_left sub-title2{
font-size:32px;
line-height: 34px;
}

reg_body_left sub-title2 p{
display:inline-block;
width: auto;
padding:0;
margin:0;
font-size:33px;
font-weight: bold;
}

reg_body_left sub-title3{
display: block;
width:100%;
font-size:25px;
margin-top:18px;
font-family: "Lato","sans-serif";
}

reg_body_left sub-title4{
display:block;
width:100%;
font-size:24px;
}


reg_body_left social_btn_container{
position: relative;
display:block;
width:100%;
height:180px;
margin-top:50px;
font-weight:normal;
}

reg_body_left social_btn_container button{
position:relative;
display:block;
border-radius: 5px;
width:320px;
height:60px;
border:0px;
margin-top:5px;
font-weight: bold;
font-family: "Lato","sans-serif";
}

reg_body_left social_btn_container .facebook_btn{
display:block;
background-color:#3b5998;
color:#fff;
}

reg_body_left social_btn_container .facebook_btn i{
display:inline-block;
margin-left:24px;
font-size:21px;
float: left;
}
reg_body_left social_btn_container .facebook_btn spxan{
display: inline-block;
margin-right:10px;
font-size:15px;
}
reg_body_left social_btn_container .google_btn{
display:block;
background-color:#fff;
color:#000;
}

reg_body_left social_btn_container .google_btn img{
display: inline-block;
width:18px;
height:auto;
margin-left:20px;
font-size:20px;
float:left;
}

reg_body_left social_btn_container .google_btn span{
display:inline-block;
margin-right:10px;
font-size:15px;
}

reg_body_right reg_container{
position: relative;
display:block;
width: 500px;
height: 100%;
margin: auto;
border-radius: 5px;
background-color:#fff;
padding-top:25px;
padding-bottom:25px;
font-family: "Lato","sans-serif";
}

reg_body_right reg_container img{
display:relative;
display:none;
width:auto;
margin:auto;
margin-bottom: 10px;
height:50px;

}
reg_body_right reg_container social_btn_container{
position:relative;
display:none;
width:95%;
height:auto;
margin: auto;
margin-bottom: 5px;
}

reg_body_right reg_container social_btn_container button{
position:relative;
display:block;
border-radius: 2.5px;
width:100%;
height:60px;
border:0px;
margin:auto;
margin-top:5px;
font-weight: bold;
font-family: "Lato","sans-serif";
}

reg_body_right reg_container social_btn_container button:focus{
outline:none;
}

reg_body_right reg_container social_btn_container .facebook_btn{
display:block;
background-color:#3b5998;
color:#fff;
}

reg_body_right reg_container social_btn_container .facebook_btn i{
display:inline-block;
margin-left:24px;
font-size:21px;
float: left;
}
reg_body_right reg_container social_btn_container .facebook_btn span{
display: inline-block;
margin-right:10px;
font-size:15px;
}
reg_body_right reg_container social_btn_container .google_btn{
display:block;
background-color:#fff;
color:rgba(22,22,22,0.5);
border:2px solid rgba(22,22,22,0.5);
}

reg_body_right reg_container social_btn_container .google_btn img{
display: inline-block;
width:18px;
height:auto;
margin-left:20px;
font-size:20px;
float:left;
}

reg_body_right reg_container social_btn_container .google_btn span{
display:inline-block;
margin-right:10px;
font-size:15px;
}



reg_body_right reg_container .reg_email{
position: relative;
display: block;
width:90%;
height:50px;
color:#000;
border:1px solid #383838;
margin: auto;
padding-left:10px;
border-radius: 2.5px;
opacity: 0.5;
}

reg_body_right reg_container input_email .in_mail{
float:left;
border:0;
height:100%;
width:calc( 100% - 70px);
font-size:14px;
padding-left:20px;
}

reg_body_right reg_container input_email .in_mail:focus{
outline:0;
border:0;
}

reg_body_right reg_container input_email i{
float:right;
font-size:25px !important;
padding-top:8px;
padding-right:11px;
}

/* Username */
reg_body_right reg_container .reg_usr_name,
reg_body_right reg_container .reg_name{
position: relative;
display: block;
width:90%;
height:50px;
color:#000;
border:1px solid #383838;
margin: auto;
padding-left:10px;
border-radius: 2.5px;
opacity: 0.5;
margin-top:5px;
}

reg_body_right reg_container input_usr_name .in_usr_name,
reg_body_right reg_container input_name .in_name{
float:left;
border:0;
height:100%;
width:calc( 100% - 70px);
font-size:14px;
margin-left:20px;
}

reg_body_right reg_container input_usr_name .in_usr_name:focus,
reg_body_right reg_container input_name .in_name:focus{
outline:0;
border:0;
}

reg_body_right reg_container .reg_usr_name i,
reg_body_right reg_container .reg_name i{
float:right;
font-size:25px;
padding-top:9px;
padding-right:11px;
}

/* Password1 */
reg_body_right reg_container .reg_pass1,
reg_body_right reg_container .reg_pass2{
position: relative;
display: block;
width:90%;
height:50px;
color:#000;
border:1px solid #383838;
margin: auto;
padding-left:10px;
border-radius: 2.5px;
opacity: 0.5;
margin-top:5px;
}

reg_body_right reg_container input_pass1 .in_pass1,
reg_body_right reg_container input_pass2 .in_pass2{
float:left;
border:0;
height:100%;
width:calc( 100% - 70px);
font-size:14px;
padding-left:20px;
}

reg_body_right reg_container input_pass1 .in_pass1:focus, 
reg_body_right reg_container input_pass2 .in_pass2:focus{
outline:0;
border:0;
}

reg_body_right reg_container .reg_pass1 i, reg_body_right reg_container .reg_pass2 i{
float:right;
font-size:25px;
padding-top:9px;
padding-right:11px;
}

reg_body_right reg_container .region .region_btn{
position:relative;
display:block;
width:90%;
height:50px;
color:#000;
background-color:transparent;
border:1px solid #383838;
margin:auto;
padding-left:10px;
border-radius:2.5px;
margin-top:5px;
}   

reg_body_right reg_container .region .region_btn span{
position:absolute;
display:block;
top:50%;
transform:translateY(-50%);
left:30px;
opacity:0.4;
}

reg_body_right reg_container .region .region_btn i{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:12px;
    font-size:25px;
}

reg_body_right reg_container .region .region_btn a{
    position:relative;
    display:block;
    text-align:left;
    padding-left:20px;
    color:#383838;
}

reg_body_right reg_container .region .region_btn a img{
position:relative;
display:inline-block;
height:15px;
margin:auto;
}

reg_body_right reg_container .region .region_btn a span{
    position:relative;
    display:inline-block;
    top:auto;
    left:auto;
    transform:none;
    margin-left:5px;
    opacity:1;
}


reg_body_right reg_container .region .dropdown-menu{
position:absolute;
width:90%;
height:auto;
left:50%;
transform:translateX(-50%);
font-family:'Lato',sans-serif;
}

reg_body_right reg_container .region .dropdown-menu li{
position:relative;
width:100%;
height:40px;
cursor:pointer;
}

reg_body_right reg_container .region .dropdown-menu li:hover{
    background-color:#f6f6f6;
}


reg_body_right reg_container .region .dropdown-menu li a{
    position:relative;
    display:block;
    top:50%;
    transform:translateY(-50%);
}

reg_body_right reg_container .region .dropdown-menu li a:hover{
background-color:transparent;
}

reg_body_right reg_container .region .dropdown-menu li a img{
position:relative;
display:inline-block;
height:15px;
margin:auto;
}

reg_body_right reg_container .region .dropdown-menu li a span{
    position:relative;
    margin-left:5px;
}



reg_body_right reg_container .reg_news{
position:relative;
display: block;
width:90%;
height:auto;
color:#000;
margin:auto;
margin-top:15px;
cursor: pointer;
}

reg_body_right reg_container .reg_news outer_circle{
position:relative;
display: inline-block;
width:20px;
height:20px;
margin-right:5px;
background-color: transparent;
border:1px solid #383838;
border-radius: 10px;
cursor:pointer;
}

reg_body_right reg_container .reg_news outer_circle inner_circle{
position:relative;
display:block;
width:9px;
height:9px;
margin:auto;
margin-top:5px;
border-radius:4.5px;
background-color: #FF6E40;
}

reg_body_right reg_container .reg_news span{
position: relative;
display:inline-block;
width:calc(100% - 35px);
vertical-align: top;
line-height: 16px;
}

reg_body_right reg_container .reg_news span p1{
color:#888;
}

reg_body_right terms_agree{
position:relative;
display: block;
width:90%;
margin:auto;
margin-top:8px;
color:#000;
}

reg_body_right terms_agree a{
color:#FF6E40;
text-decoration: none;
}

reg_body_right terms_agree a:hover{
color:#FF6E40;
}

reg_body_right .submit_btn{
position:relative;
display: block;
width:90%;
height:50px;
margin: auto;
margin-top:15px;
background-color: #FF6E40;
color:#fff;
font-size:15px;
font-family:'Montserrat', sans-serif;
border:0;
border-radius: 5px;
}

reg_body_right .submit_btn:focus{
outline:none;
}

reg_body_right login_container{
position: relative;
display:none;
width: 500px;
height: auto;
margin: auto;
border-radius: 10px;
background-color:#fff;
padding-top:25px;
padding-bottom:25px;
font-family: "Lato","sans-serif";
}


reg_body_right login_container img{
display:relative;
display:none;
width:auto;
margin:auto;
margin-bottom: 10px;
height:50px;

}

reg_body_right login_container social_btn_container{
position:relative;
display:none;
width:95%;
height:auto;
margin: auto;
margin-bottom: 5px;
}

reg_body_right login_container social_btn_container button{
position:relative;
display:block;
border-radius: 5px;
width:100%;
height:60px;
border:0px;
margin:auto;
margin-top:5px;
font-weight: bold;
font-family: "Lato","sans-serif";
}

reg_body_right login_container social_btn_container button:focus{
outline:none;
}

reg_body_right login_container social_btn_container .facebook_btn{
display:block;
background-color:#3b5998;
color:#fff;
}

reg_body_right login_container social_btn_container .facebook_btn i{
display:inline-block;
margin-left:24px;
font-size:21px;
float: left;
}
reg_body_right login_container social_btn_container .facebook_btn span{
display: inline-block;
margin-right:10px;
font-size:15px;
}
reg_body_right login_container social_btn_container .google_btn{
display:block;
background-color:#fff;
color:rgba(22,22,22,0.5);
border:2px solid rgba(22,22,22,0.5);
}

reg_body_right login_container social_btn_container .google_btn img{
display: inline-block;
width:18px;
height:auto;
margin-left:20px;
font-size:20px;
float:left;
}

reg_body_right login_container social_btn_container .google_btn span{
display:inline-block;
margin-right:10px;
font-size:15px;
}

reg_body_right login_container social_btn_container social_log_footer{
position:relative;
display:block;
border-radius: 5px;
width:100%;
height:auto;
border:0px;
margin:auto;
margin-top:5px;
text-align: center;
color:#000;
font-family: "Lato","sans-serif";
}



/* Username field*/

reg_body_right login_container .log_usr_name{
position: relative;
display: block;
width:90%;
height:50px;
color:#000;
border:1px solid #383838;
margin: auto;
padding-left:10px;
border-radius: 5px;
opacity: 0.5;
}

reg_body_right login_container input_usr_name .in_usr_name{
float:left;
border:0;
height:100%;
width:calc( 100% - 70px);
font-size:14px;
margin-left:20px;
}

reg_body_right login_container input_usr_name .in_usr_name:focus{
border:none;
outline:none;
}

reg_body_right login_container input_usr_name i{
float:right;
font-size:25px !important;
padding-top:9px;
padding-right:11px;
}


/* Password Field */
reg_body_right login_container .log_pass1{
position: relative;
display: block;
width:90%;
height:50px;
color:#000;
border:1px solid #383838;
margin: auto;
padding-left:10px;
border-radius: 5px;
opacity: 0.5;
margin-top:5px;
}

reg_body_right login_container input_pass1 .in_pass1{
float:left;
border:0;
height:100%;
width:calc( 100% - 70px);
font-size:14px;
margin-left:20px;
}

reg_body_right login_container input_pass1 .in_pass1:focus{
border:none;
outline:none;
}

reg_body_right login_container input_pass1 i{
float:right;
font-size:25px !important;
padding-top:9px;
padding-right:11px;
}




reg_body_right login_container .log_news{
position:relative;
display: block;
width:90%;
height:auto;
color:#000;
margin:auto;
margin-top:10px;
padding-left:5px;
}

reg_body_right login_container .log_news outer_circle{
position:relative;
display: inline-block;
width:20px;
height:20px;
margin-right:5px;
background-color: transparent;
border:1px solid #383838;
border-radius: 10px;
cursor:pointer;
}

reg_body_right login_container .log_news outer_circle inner_circle{
position:relative;
display:block;
width:9px;
height:9px;
margin:auto;
margin-top:5px;
border-radius:4.5px;
background-color: #FF6E40;
}

reg_body_right login_container .log_news span{
position: relative;
display:inline-block;
width:calc(100% - 35px);
vertical-align: top;
line-height: 18px;
font-weight: bold;
}

reg_body_right .submit_btn{
position:relative;
display: block;
width:90%;
height:50px;
margin: auto;
margin-top:15px;
background-color: #FF6E40;
color:#fff;
font-size:15px;
font-family:'Montserrat', sans-serif;
border:0;
border-radius: 5px;
}

reg_body_right .submit_btn:focus{
outline:none;
}




reg_body_right sign_text{
position:relative;
display: block;
width:90%;
margin:auto;
font-size: 14px;
font-weight: bold;
color:#fff;
text-align: center;
margin-top:5px;
}

reg_body_right sign_text a{
color:#fff;
cursor: pointer;
}

reg_body_right sign_text a:hover{
color:#fff;
}

@media(max-width:1300px){
	reg_body{
	width:900px;
	}
	reg_body_right reg_container{
	width:100%;
		}
	reg_body_right login_container{
	width:100%;
	}
}

@media(max-width:1000px){
	reg_body{
	width:800px;
	}
}

@media(max-width:768px){

	reg_body{
	width:100%;
	margin-top:20px;
	}	
	
reg_body_left{
position:relative;
display:block;
width: calc(90%);
float: none;
height:auto;
margin:auto;
padding-left:10px;
padding-right:10px;
margin-bottom:20px;
font-family:'Montserrat', sans-serif;
text-shadow: 0px 0px 5px rgba(150, 150, 150, 1);
}

reg_body_left sub-title1{
display:block;
font-size:30px;
line-height: 32px;
}

reg_body_left sub-title2{
font-size:30px;
line-height: 32px;
}

reg_body_left sub-title2 p{
display:inline-block;
width: auto;
padding:0;
margin:0;
font-size:30px;
font-weight: bold;
}

reg_body_left sub-title3{
display: block;
width:100%;
font-size:20px;
margin-top:18px;
font-family: "Lato","sans-serif";
}

reg_body_left sub-title4{
display:block;
width:100%;
font-size:20px;
}
	
	
	
	
reg_body_left social_btn_container{
position:relative;
display: none;
}	

reg_body_right{
position:relative;
display:block;
width:calc(100%);
float: none;
margin:auto;
height:auto;
padding-left:5px;
padding-right:5px;
overflow: hidden;
}

reg_body_right reg_container social_btn_container{
display:block;
}	
reg_body_right reg_container .reg_email{
width:95%;
margin: auto;
}
	
reg_body_right reg_container .reg_usr_name,
reg_body_right reg_container .reg_name{
width:95%;
margin: auto;
margin-top:5px;
}	
	
reg_body_right reg_container .reg_pass1,
reg_body_right reg_container .reg_pass2{
width:95%;
margin: auto;
margin-top:5px;
}
    
 
    
reg_body_right reg_container .reg_news{
width:95%;
height:auto;
margin:auto;
margin-top:5px;
}	
	
	
reg_body_right login_container social_btn_container{
display: block;
}	
reg_body_right login_container .log_usr_name,
reg_body_right login_container .log_pass1{
width:95%;
margin: auto;
margin-top:5px;
}
	
    
reg_body_right reg_container .region .region_btn{
width:95%;
opacity:0.5;
        
}

reg_body_right reg_container .region .dropdown-menu{
width:95%;        
}    
    
	
}


/* Reset Password Fields */
.reset_pass_field{
	position:relative;
	display:block;
	width:100%;
	height:calc(800px);
    margin-top:80px;
	background-color:transparent;
}

.reset_pass_field_inner{
	position:absolute;
	display:block;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%);
}

.reset_pass_field_inner .reset_pass{
	position:relative;
	display:block;
	width:500px;
	height:auto;
	background-color:rgba(255,255,255,0.95);
	padding:20px 50px;
	border-radius:5px;
	border:1px solid #f6f6f6;
}

.reset_pass_field_inner .reset_pass .reset_pass_heading{
	position:relative;
	display: block;
	width:100%;
	text-align: center;
	font-size:20px;
	margin-bottom:10px;
	font-family: 'Monteserrat',sans-serif;
	font-weight: bold;
	color:#383838;
}

.reset_pass_field_inner .reset_pass .reset_pass_desc{
	position:relative;
	display:block;
	font-size:15px;
	font-family: 'Lato',sans-serif;
	margin-bottom:5px;
}

.reset_pass_field_inner .reset_pass #email{
	width:100%;
	height:40px;
	border-radius: 5px;
	border:0px;
	padding-left:12px;
	padding-right:12px;
	margin-top:5px;
	font-family: 'Lato',sans-serif;
}

.reset_pass_field_inner .reset_pass button{
	width:100%;
	height:40px;
	color:#fff;
	background-color:#FF6845;
	border:0px;
	margin-top:10px;
	border-radius:5px;
	font-family: 'Lato',sans-serif;
	font-weight: bold;
}

@media(max-width:520px){
    .reset_pass_field{
        height:600px;
    }
    
	.reset_pass_field_inner{
		width:100%;
		height:100%;
		top:50%;
		background-color:rgba(255,255,255,0.95);
	}
	.reset_pass_field_inner .reset_pass{
		width:100%;
		top:40%;
		left:50%;
		transform:translate(-50%,-50%);
		background-color:transparent;
	}
}