/* Light blue: #007dcf;	Dark blue: #0070b9; */

img,
input {
	max-width: 100%;
	max-height: 100%;
}



/*.login .container {
	width: 1040px;
}*/



.rich-input {
	position: relative;
	margin-bottom: .8em;
}


.rich-input__icon {
	position: absolute;
	top: 50%;
	left: .75em;
	transform: translateY(-50%);
	color: #888;
}


.rich-input__input {
	width: 100%;
	background: #dfdfdf;
	color: #888;
	padding: .8em .75em .8em 3em;
	border: 0;
	border-radius: 3px;
	transition: all .3s ease-in-out;
}


.rich-input__input:focus {
	background: #efefef;
	color: #333;
}





.blue-bg {
	background: #007dcf;
	background: -moz-linear-gradient(top, #007dcf 0%, #007dcf 49%, #0070b9 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #007dcf 0%, #007dcf 49%, #0070b9 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #007dcf 0%, #007dcf 49%, #0070b9 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007dcf', endColorstr='#0070b9',GradientType=0 ); /* IE6-9 */
	/*box-shadow: inset 0 -2.2em 0 -.5em rgba(0,72,118,.25)*/
}

.blue-bg:hover {
	background: #0173BE; /* Old browsers */
	background: -moz-linear-gradient(top, #0173BE 0%, #0173BE 49%, #0065A7 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0173BE 0%, #0173BE 49%, #0065A7 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0173BE 0%, #0173BE 49%, #0065A7 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0173BE', endColorstr='#0065A7',GradientType=0 ); /* IE6-9 */
}





.logo {
	padding: 1.5em 0;
}





.hero-banner {
	min-height: 400px;
	background: url(../images/login5/login_banner.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}





.login-form {
	margin-top: 7%;
	padding: 1.5em;
	background: #fff;
	border-radius: 3px;
}


.login-btn {
	font-size: 12px;
	padding: 1em;
	color: #fff;
}

.login-btn:hover {
	color: #fff;
}



.mobile-download {
	margin-top: 1em;
	text-align: center;
}

.mobile-download__badge {
	display: inline-block;
	vertical-align: middle;
}

.mobile-download__img {
	max-height: 2.4em;
}






.section-title {
	color: #007dcf;
	padding: .5em;
	font-weight: 700;
	text-align: center;
}



.selling-point {
	min-height: 170px;
	background: #E3EFF8;
	box-shadow: inset 0 0 0 3px #CADCEA;
	margin-bottom: 4em;
	padding: 1em .2em;
	position: relative;
	text-align: center;
}

.selling-point:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 100%;
	height: 3em;
	background: #E3EFF8;
	box-shadow:  inset 0 -2em 1em 0 #fff, inset 0 -2px 0 3px #CADCEA;
	opacity: .75;
}


.selling-point__icon {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url(../images/login5/selling_point_bg_blue_circle.png) no-repeat center center;
	background-size: cover;
	margin-bottom: 1em;
	position:relative;
}


.selling-point__img {
	padding: 1em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}


.selling-point__label {
	font-weight: 700;
	color: #68b;
}







.social-contacts {
	display: inline-block;
	vertical-align: middle;
	height: 2em;
	transition: transform .3s ease-in-out;
	margin-left:10px;
}

.social-contacts:hover {
	transform: scale(1.4);
}





.footer__description {
	background: #efefef;
	padding: 1em 0 .5em;
}


.footer__copyright-bar {
	background: #666;
	color: #eee;
	font-size: 12px;
	padding: 1.5em 0;
}

/*dialog box*/
.ui-dialog, .ui-jqdialog {
	z-index: 1040 !important;
	background-color: #FFF;
	padding: 0;
	border: 1px solid #DDD;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ui-dialog-titlebar-close {
	display:none;
}

.noTitleStuff .ui-dialog-titlebar { display:none; }

.ui-dialog .ui-dialog-titlebar{position:relative;text-align:center;font-size:14px;background:#7f7fa1;color:#fff;padding:2px 0;
border:1px solid ##A1A1CC;border-bottom-color:#8E8E95;
background: rgba(127,127,161,1);
background: -moz-linear-gradient(top, rgba(127,127,161,1) 0%, rgba(127,127,161,1) 22%, rgba(105,105,133,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(127,127,161,1)), color-stop(22%, rgba(127,127,161,1)), color-stop(100%, rgba(105,105,133,1)));
background: -webkit-linear-gradient(top, rgba(127,127,161,1) 0%, rgba(127,127,161,1) 22%, rgba(105,105,133,1) 100%);
background: -o-linear-gradient(top, rgba(127,127,161,1) 0%, rgba(127,127,161,1) 22%, rgba(105,105,133,1) 100%);
background: -ms-linear-gradient(top, rgba(127,127,161,1) 0%, rgba(127,127,161,1) 22%, rgba(105,105,133,1) 100%);
background: linear-gradient(to bottom, rgba(127,127,161,1) 0%, rgba(127,127,161,1) 22%, rgba(105,105,133,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f7fa1', endColorstr='#696985', GradientType=0 );
}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;top:0;opacity:0.5;color:#fff;}
.calc-dialog #calc-dialog{padding:5px 10px;background:#CDCDE5;border:1px solid #A9A9D2;
background: rgba(205,205,229,1);
background: -moz-linear-gradient(top, rgba(205,205,229,1) 0%, rgba(205,205,229,1) 49%, rgba(176,176,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(205,205,229,1)), color-stop(49%, rgba(205,205,229,1)), color-stop(100%, rgba(176,176,191,1)));
background: -webkit-linear-gradient(top, rgba(205,205,229,1) 0%, rgba(205,205,229,1) 49%, rgba(176,176,191,1) 100%);
background: -o-linear-gradient(top, rgba(205,205,229,1) 0%, rgba(205,205,229,1) 49%, rgba(176,176,191,1) 100%);
background: -ms-linear-gradient(top, rgba(205,205,229,1) 0%, rgba(205,205,229,1) 49%, rgba(176,176,191,1) 100%);
background: linear-gradient(to bottom, rgba(205,205,229,1) 0%, rgba(205,205,229,1) 49%, rgba(176,176,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcde5', endColorstr='#b0b0bf', GradientType=0 );
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.42857143px;
}

.modal-header .close {
	font-size: 32px;
}

.modal-header .close {
	margin-top: -2px;
}

button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header h4 {
	font-size: 15px;
	font-weight: normal;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0px;
}

/*slide ins*/
/* Left Right Slide-in */
.pull-item {
    position: fixed;
    z-index: 20000;
    transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    width: 304px;
}
.pull-item.top.right, .pull-item.top.left {
    top: 160px;
    right: -304px;
}
.pull-item.middle.right, .pull-item.middle.left {
    top: 150px;
    right: -304px;
}
.pull-item.bottom.right, .pull-item.bottom.left {
    top: 270px;
    right: -304px; 
}

.pull-item.right .pull_button {
    position: absolute;
    top: 0px;
    left: -50px;
    background-color: #f5f5f5;
    border-radius: 0px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    overflow: hidden;
    width: 50px;
    height: 188px;box-shadow:0 2px 5px rgba(0,0,0,.5);
}
.pull-item.left .pull_button {
    position: absolute;
    top: 0px;
    right: -50px;
    background-color: #f5f5f5;
    border-radius: 0px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    overflow: hidden;
    width: 50px;
    height: 188px;box-shadow:0 2px 5px rgba(0,0,0,.5);
}
.pull_button img {
    max-width: 50px;
    max-height: 188px;
}
.pull-item.right .top-level-pull-out, .pull-item.left .top-level-pull-out {
    padding: 12px;
    float: right;
    background-color: #f5f5f5;
    border-radius: 0px 0px 0px 3px;
    -moz-border-radius: 0px 0px 0px 3px;
    -webkit-border-radius: 0px 0px 0px 3px;
    width: 280px;
}
.pull-item.left .top-level-pull-out {
	float: left;
}
.pull-inner {
    background-color: #eee;
    overflow: hidden;
}
.pull-inner p {
    margin: 0;
}
.pull-inner img {
    margin: 0;
    max-width: 100%;
}
.pull-item:hover.left, .pull-item.clicked.left, .pull-item:focus.left, .pull-item:active.left {
    left: 0px !important;
}
.pull-item:hover.right, .pull-item.clicked.right, .pull-item:focus.right, .pull-item:active.right {
    right: 0px !important;
}

.contact-bg{background:url(../images/contact-info.png) 50% 0 no-repeat;font-family:Verdana, sans-serif;font-size:12px;color:#555}
.contact-bg p{padding:100px 20px 5px 20px;text-align:center;font-size:11px;color:#666}
.contact-bg .icons{background:url(../images/icons-social5.png) no-repeat 0 -1px; width:40px;height:40px;display:block;}
.contact-bg .whatsapp{background-position:0 -90px;}
.contact-bg .wechat{background-position:0 -135px;}
.contact-bg .line{background-position:0 -180px;}
.contact-bg .phone{background-position:0 -270px;}
.contact-bg .email{background-position:0 -315px;}
.contact-bg .info{width:90%;margin:0 auto}
.contact-bg td{padding:0}
.contact-bg .dark{color:#000}
.download-bg{background:url(../images/download-bg.png) 50% 0 no-repeat;font-family:Verdana, sans-serif;font-size:12px;color:#555}
.download-bg div{padding:100px 5px 5px 5px;}
.download-bg img{margin:10px 0 5px;}