@charset "UTF-8";
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinges {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
.animated.slow {
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
-o-animation-duration: 3s;
animation-duration: 3s;
}
.animated.snail {
-webkit-animation-duration: 4s;
-moz-animation-duration: 4s;
-o-animation-duration: 4s;
animation-duration: 4s;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
/*  */
.page-back {
padding: 50px 0;
min-height: 100%;
overflow: hidden;
background-size: cover;
position: relative;
/*box-shadow: inset 0 3px 3px -3px rgba(0, 0, 0, 0.3);*/
}
.login-page .login-form-div{
width: 100%;
max-width: 360px;
margin: 0 auto;
}
.login-page .login-content,
.login-page .reg-content{
background-color: white;
padding-bottom: 20px;
}
.login-page .div-title{
margin: 20px 0;
}
.login-page .input-group .input-group-addon{
border-radius: 0;
}
.login-page .custom-checkbox{
float: left;
}
.login-page .checkbox {
display: inline-block;
margin-bottom: 0;
margin-top: 6px;
padding-left: 1px;
}
.login-page .checkbox-text { line-height: 22px; }
.login-page .checkbox label {
cursor: pointer;
font-weight: 400;
margin-bottom: 0;
padding-left: 0px;
margin-top: 0;
}
.login-page .input-group .input-group-addon i, .login-page input[type="checkbox"] {
width: 30px;
}
.login-page .input-group .input-group-addon i {
padding-left: 10px;
padding-right: 10px;
}
.login-page .registration-form-action {
background-color: white;
padding: 20px;
}
.login-page .registration-form-div {
max-width: 620px;
margin: 0 auto;
width: 100%;
background: #FFF;
}
.login-page .registration-left-div {
padding-left: 0;
padding-right: 0px;
}
.login-page .registration-right-div {
padding-left: 0;
padding-right: 0;
}
.login-page .reg-content {
padding-bottom: 20px;
}
.login-page .btn, .login-page .form-control {
border-radius: 0 !important;
}
.login-page .login-form-links{
padding: 20px;
margin-top: 5px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
background-color: white;
}

/*  */
.login .modal-dialog{ width: 350px; }
.login .modal-footer{
border-top: 0;
margin-top: 0px;
padding: 10px 20px 20px;
}
.login .modal-header {
border: 0 none;
padding: 15px 15px 15px;
/* padding: 11px 15px; */
}
.login .modal-body{
/* background-color: #eeeeee; */
}
.login .division {
float: none;
margin: 0 auto 18px;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.login .division .line {
border-top: 1px solid #DFDFDF;
position: absolute;
top: 10px;
width: 34%;
}
.login .division .line.l { left: 0; }
.login .division .line.r { right: 0; }
.login .division span {
color: #424242;
font-size: 17px;
}
.login .forgot {
color: #797979;
margin-left: 0;
overflow: hidden;
text-align: center;
width: 100%;
}
.login .btn-login, .registerBox .btn-register{
background-color: #00BBFF;
border-color: #00BBFF;
border-width: 0;
color: #FFFFFF;
display: block;
margin: 0 auto;
padding: 15px 50px;
text-transform: uppercase;
width: 100%;
}
.login .btn-login:hover, .registerBox .btn-register:hover{
background-color: #00A4E4;
color: #FFFFFF;
}
.login .form-control{
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.09);
box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.09) inset;
color: #FFFFFF;
}
.login .form-control:hover{ background-color: rgba(0,0,0,.16); }
.login .form-control:focus{
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04) inset;
background-color: rgba(0,0,0,0.23);
color: #FFFFFF;
}
.login .box .form input[type="text"], .login .box .form input[type="password"]{
border-radius: 3px;
border: none;
color: #333333;
font-size: 16px;
height: 46px;
margin-bottom: 5px;
padding: 13px 12px;
width: 100%;
}
@media (max-width:400px){
.login .modal-dialog{ width: 100%; }
}
.big-login, .big-register{
background-color: #00bbff;
color: #FFFFFF;
border-radius: 7px;
border-width: 2px;
font-size: 14px;
font-style: normal;
font-weight: 200;
padding: 16px 60px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.big-login:hover{
background-color: #00A4E4;
color: #FFFFFF;
}
.big-register{
background-color: rgba(0,0,0,.0);
color: #00bbff;
border-color: #00bbff;
}
.big-register:hover{
border-color: #00A4E4;
color:  #00A4E4;
}
/* Background */
.s-background{
z-index: -1;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.s-background > video{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
background-size: cover;
}
.s-background .slider{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
width: 100%;
height: 100%;
background-size: cover;
}
.gradients{
background-position: center center;
background-repeat: no-repeat;
height: 100%;
position: absolute;
width: 100%;
z-index: 1099;
opacity: 0.75;
}
.gradients div {
height: 100%;
position: absolute;
width: 100%;
}
.red {
background: #054365;
background: -webkit-gradient(left bottom, right top, color-stop(0%, #054365), color-stop(100%, #ff0000));
background: -webkit-linear-gradient(45deg, #054365 0%, #ff0000 100%);
background: -moz-linear-gradient(45deg, #054365 0%, #ff0000 100%);
background: -o-linear-gradient(45deg, #054365 0%, #ff0000 100%);
background: -ms-linear-gradient(45deg, #054365 0%, #ff0000 100%);
background: linear-gradient(45deg, #054365 0%, #ff0000 100%);
}
.pink {
background: #fc963f;
background: -webkit-gradient(left bottom, right top, color-stop(0%, #e02d6f), color-stop(100%, #fc963f));
background: -webkit-linear-gradient(45deg, #e02d6f 0%, #fc963f 100%);
background: -moz-linear-gradient(45deg, #e02d6f 0%, #fc963f 100%);
background: -o-linear-gradient(45deg, #e02d6f 0%, #fc963f 100%);
background: -ms-linear-gradient(45deg, #e02d6f 0%, #fc963f 100%);
background: linear-gradient(45deg, #e02d6f 0%, #fc963f 100%);
}
.purple {
background: #edaa9c;
background: -webkit-gradient(left bottom, right 45deg, color-stop(0%, #8217b7), color-stop(100%, #edaa9c));
background: -webkit-linear-gradient(45deg, #8217b7 0%, #edaa9c 100%);
background: -moz-linear-gradient(45deg, #8217b7 0%, #edaa9c 100%);
background: -o-linear-gradient(45deg, #8217b7 0%, #edaa9c 100%);
background: -ms-linear-gradient(45deg, #8217b7 0%, #edaa9c 100%);
background: linear-gradient(45deg, #8217b7 0%, #edaa9c 100%);
}
.default,
.blue {
background: #05c6d1;
background: -webkit-gradient(left bottom, right 45deg, color-stop(0%, #194fb8), color-stop(100%, #05c6d1));
background: -webkit-linear-gradient(45deg, #194fb8 0%, #05c6d1 100%);
background: -moz-linear-gradient(45deg, #194fb8 0%, #05c6d1 100%);
background: -o-linear-gradient(45deg, #194fb8 0%, #05c6d1 100%);
background: -ms-linear-gradient(45deg, #194fb8 0%, #05c6d1 100%);
background: linear-gradient(45deg, #194fb8 0%, #05c6d1 100%);
}
.green {
background: #e7dd4b;
background: -webkit-gradient(left bottom, right 45deg, color-stop(0%, #44cd9e), color-stop(100%, #e7dd4b));
background: -webkit-linear-gradient(45deg, #44cd9e 0%, #e7dd4b 100%);
background: -moz-linear-gradient(45deg, #44cd9e 0%, #e7dd4b 100%);
background: -o-linear-gradient(45deg, #44cd9e 0%, #e7dd4b 100%);
background: -ms-linear-gradient(45deg, #44cd9e 0%, #e7dd4b 100%);
background: linear-gradient(45deg, #44cd9e 0%, #e7dd4b 100%);
}
.mint {
background: #dfcee5;
background: -webkit-gradient(left bottom, right 45deg, color-stop(0%, #0fa9a8), color-stop(100%, #dfcee5));
background: -webkit-linear-gradient(45deg, #0fa9a8 0%, #dfcee5 100%);
background: -moz-linear-gradient(45deg, #0fa9a8 0%, #dfcee5 100%);
background: -o-linear-gradient(45deg, #0fa9a8 0%, #dfcee5 100%);
background: -ms-linear-gradient(45deg, #0fa9a8 0%, #dfcee5 100%);
background: linear-gradient(45deg, #0fa9a8 0%, #dfcee5 100%);
}
.beach {
background: #e5d8b9;
background: -webkit-gradient(left bottom, right 45deg, color-stop(0%, #2cbedf), color-stop(100%, #e5d8b9));
background: -webkit-linear-gradient(45deg, #2cbedf 0%, #e5d8b9 100%);
background: -moz-linear-gradient(45deg, #2cbedf 0%, #e5d8b9 100%);
background: -o-linear-gradient(45deg, #2cbedf 0%, #e5d8b9 100%);
background: -ms-linear-gradient(45deg, #2cbedf 0%, #e5d8b9 100%);
background: linear-gradient(45deg, #2cbedf 0%, #e5d8b9 100%);
}
.current { opacity: 0; }
.slider {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: auto;
background-size: cover;
-webkit-animation: slideImg 16s infinite;
animation: slideImg 16s infinite;
opacity: 0;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
@-webkit-keyframes slideImg{
25% { opacity: 1; }
40% { opacity: 0; }
}
@keyframes slideImg {
25% { opacity: 1; }
40% { opacity: 0; }
}
.slider:nth-child(1){
-webkit-animation-delay: 0;
animation-delay: 0;
}
.slider:nth-child(2){
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
.slider:nth-child(3){
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
.slider:nth-child(4){
-webkit-animation-delay: 12s;
animation-delay: 12s;
}
.hide-header{
position: absolute !important;
top: 530px !important;
transform: translateY(0%);
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
}
.hide-background {
box-shadow: 0 0 10px rgba(100, 100, 100, 0.5);
top: 500px !important;
transform: translateY(0%);
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
/* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
/* easeOutBack */
}
#advance-search {
opacity: 0;
width: 100%;
margin: 0 auto;
z-index: -1;
}
@media only screen and (min-width: 768px){
#advance-search {
top: 0;
position: fixed;
width: 50%;
left: 300px;
}
}
#advance-search select,
#advance-search input[type='text']{
border: none;
border-radius: 3px;
box-shadow: none;
margin-bottom: 2px !important;
}
@media only screen and (min-width: 768px){
#advance-search select,
#advance-search input[type='text']{
padding: 10px 15px;
height: 45px;
margin-bottom: 5px !important;
}
}
#advance-search .label {
line-height: 1;
letter-spacing: 1px;
font-size: 9pt;
color: #999;
font-weight: bold;
text-transform: capitalize;
}
@media only screen and (min-width: 768px){
#advance-search .label { line-height: 2; }
}
#advance-search h2 {
font-size: 10pt;
color: #39c;
line-height: 2;
}
@media only screen and (min-width: 768px){
#advance-search h2 { font-size: 16pt; }
}
#advance-search button {
background-color: #000;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 50px;
}
#advance-search .hamburger {
position: fixed;
top: 40px;
right: 40px;
}