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

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

bg_photo{
position:fixed;
background-color:#e2e2e2;
background-image: url('/img/placeholders/living-room-wood-dark-heavy.jpg');
background-repeat:no-repeat;
background-size: cover;
display:block;
width:100%;
height: 100%;
z-index:0;
filter:blur(2px);
}

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: relative;
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);
/*
-webkit-box-shadow:0px 0px .5px 2px rgba(0,0,0,0.10);
-moz-box-shadow:0px 0px 0.5px 2px rgba(0,0,0,0.10);
box-shadow: 0px 0px .5px 2px rgba(0,0,0,0.1);
*/
}

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:5%;
}

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_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:block;
width:auto;
margin:0px auto 20px;
height:50px;
}

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;

}

/* 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:#383838;
text-align: center;
margin-top:5px;
}

reg_body_right sign_text a{
color:#383838 !important;
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_right{
    position:relative;
    display:block;
    width:calc(100%);
    float: none;
    margin:auto;
    height:auto;
    padding-left:25px;
    padding-right:25px;
    max-width:600px;
    overflow: hidden;
    }

    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 .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%;        
    }    
    
	
}

@media(max-width:450px){
    reg_body_right reg_container img{
        width:90%;
        height:auto;
        margin-left:auto;
    }
}