﻿@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700);
@font-face {
    font-family:'Conv_Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Calibri.ttf') format('truetype'),
         url('../fonts/Calibri.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

a{outline-width:0}a:focus{outline-width:0}button::-moz-focus-inner {border:0}input,textbox{-webkit-appearance:none;border-radius:0}::-ms-clear{display:none}
body{font-family:'Conv_Calibri',sans-serif}


.content-wrap{height:auto;overflow:auto;transform:translateZ(0px);transition:transform 0.4s ease 0s;min-height:500px}

.social-signup-panel .social-btn{ padding:7px 0 6px 41px;width:100%;position:relative;font-weight:normal;color:#fff;webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.social-btn.fb-bg{ background:#215388}
.social-btn.fb-bg .fa-facebook{padding:7px 0;width:35px;height:100%;position:absolute;top:0;left:0;text-align:center;border-right:1px solid #274088}
.social-btn.fb-bg .fa-facebook:before{font-size:23px}
.social-btn.google-bg{ background:#dd4d3b}
.social-btn.google-bg .fa-google-plus{padding:7px 0;width:35px;height:100%;position:absolute;top:0;left:0;text-align:center;border-right:1px solid #ba3e2a}
.social-btn.google-bg .fa-google-plus:before{font-size:23px}
.form-content a.green-link{ color:#2ea778}
.form-content a.btn-pink-big,.form-content a.btn-grey-big{ color:#fff}
.form-content a.bor-ani{ color:#2ea778;position:relative;text-decoration:none;display:inline-block}
.form-content a.bor-ani:before {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background-color: #2ea778;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition:  all 0.3s ease-in-out 0s;-ms-transition:  all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s}
.form-content a.bor-ani:hover:before {visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1); -moz-transform: scaleX(1);-ms-transform:scaleX(1)}
a.bor-ani.forget-link:before {background-color: #000}
a.bor-reverse-ani{text-decoration:none;display: inline-block}
a.bor-reverse-ani:hover{ text-decoration:underline}
.form-content { font-size:15px;font-family:'Conv_Calibri', sans-serif}
.form-row{display: flex;flex-direction: column;padding: 0;position: relative;border-bottom:1px solid #dbdbdb;min-height:45px;position:relative;margin-top:20px}
.form-radio-row {display: flex;flex-direction: column;padding: 0;position: relative;border-bottom:1px solid #dbdbdb;min-height:45px;position:relative;margin-top:20px}
.form-row .txt-input {background:transparent;border:0;display: block;flex: 1 1 auto;width:100%;height:44px;padding:18px 0 7px 0;font-size:13px;margin-bottom:0}
.form-row.txt-input-focused textarea.txt-input{resize:none;overflow-y:auto}
.form-row textarea.txt-input{resize:none;overflow:hidden}
.form-row label {padding-left: 0;pointer-events: none;transition: all 0.2s ease 0s;-webkit-transition:  none 0s ease 0s ;-moz-transition: none 0s ease 0s;-ms-transition: none 0s ease 0s;transition: none 0s ease 0s;z-index: 1;position: absolute;width:100%;top:16px;left:0;color:#b4b6b8;font-size:15px}
.form-row a.forget-link {padding-right: 2px;z-index: 2;position: absolute;bottom: 7px;color:#b4b6b8;font-size:15px;right:0}
.form-row a:hover.forget-link {color:#000;background:transparent}
.page-error-box{float:left;width:100%;margin-bottom:10px}
.feild-error{ font-size:12px;color:#8f0000}
.form-row.txt-box-error{border-bottom-color:#8f0000}
.form-radio-row.txt-box-error{border-bottom-color:#8f0000}
.form-row.txt-box-error.bor-active{border-bottom-color:#8f0000}
.txt-input-focused label{color:#b4b6b8;font-size:13px;left:0;top:-10px;transition: all 0.2s ease 0s}
.txt-input-focused.input-filled label{color:#b4b6b8}
.error-msg{ color:red;font-size:12px}
.txt-input-focused.static-edit-field label{top:-10px;position:absolute}
.static-edit-field .static-label{float:left;width:100%;margin-top: 17px}
.form-row .field-design .btn{ padding:0;margin-top:10px;height: 33px}
.form-row .field-design .dropdown-menu{ margin:2px 0 0}
.form-row.bor-active {border-bottom-color:#e96a5d}
.txt-input-focused.bor-active label{color:#e96a5d}
.filter-option.nothing{ color:#fff}
.filter-option{ color:#333}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {background-color: #fff;color: #000}
a.btn-pink{ background:#de5c4f;font-size:20px;color:#fff;padding:10px 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}


.col-pad{ padding:11px 0 14px}
.social-signup-panel{ padding:25px 0 25px 40px;border-left:1px solid #dbdfe2;margin-left:10px;position:relative}
.social-signup-panel a{display:inline-block;margin-bottom:21px}
.social-signup-panel .or-txt{ border-radius: 50%;color: #9fa6b2;position: absolute;top: 55px;left: -15px;background:#fff;width:30px;height: 40px;line-height: 40px;text-align:center}

html.noscroll {position: fixed;overflow-y: hidden;width: 100%}
.noscroll-bg{background:#05131d}

.req-txt{ color:#e75f51;font-size:12px}
.recharge-step h3{ font-size:22px;color:#fff;width:100%;margin:0 0 12px}
.form-content .form-row .txt-input{margin-bottom: 0}
.turn-to-ac { border:0;font-size:19px;height: 47px}
.btn-group button:last-child{ margin-left:10px}

.pink-m-btn{ background:#de5c4f;font-size:18px;color:#fff;padding:5px 14px 7px;border:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.light-grey-m-btn{ background:#919bac;font-size:18px;color:#fff;padding:5px 14px 7px;border:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}
.dark-grey-m-btn{ background:#6e7685;font-size:18px;color:#fff;padding:5px 14px 7px;border:0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px}

#login-popup { max-width:850px;width:100%;height:354px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0);-ms-transform: translateZ(0)}
#login-popup .iframePanel{height: 100%;overflow: hidden;padding: 0}
#login-popup .iframePanel iframe {display: block;background: #fff url("../images/ring-loader-white-pink.gif") center center no-repeat; border: none;height: 100vh;width: 100vw; -webkit-overflow-scrolling:touch; overflow:auto}

#signup-popup { max-width:522px;width:100%;-webkit-transform: translateZ(0); -moz-transform: translateZ(0);-ms-transform: translateZ(0)}

.popup-content h2.login-signup-tlt{ font-size:19px;color:#222222;font-weight:normal;margin-bottom:3px;margin-top: 59px}
.login-signup-tab { float:left;margin:0;padding:0;width:100%}
.login-signup-tab li{float:left;font-size:16px;margin-right:29px}
.login-signup-tab li a:last-child{ margin-right:0}
.login-signup-tab li a{ color:#666666;padding-bottom:5px}
.login-signup-tab li a.active{ color:#de5c4f;border-bottom:2px solid #e16a5e;cursor:auto}

.custom-scroll{ max-height:100%;height:100%;min-height:200px }
.custom-scroll .mCustomScrollBox{padding-right: 16px}
.custom-scroll .mCSB_inside > .mCSB_container{margin-right: 0}
.custom-scroll .mCustomScrollBox > .mCSB_scrollTools {right: -4px}
.custom-scroll .mCustomScrollBox > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #dfe6eb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 7px}
.custom-scroll .mCustomScrollBox > .mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}

.grey-m-btn-lg,.green-s-btn-lg,.grey-bor-s-btn-lg{height: auto;line-height: 24px;padding: 5px 13px;margin-left:15px}
#page-loader {-webkit-transform: translateZ(0); -moz-transform: translateZ(0);-ms-transform: translateZ(0)}

/*Loader Popup*/#pageLoading.show-loader{display:block;position:fixed;z-index:100;background-image:url('../images/ring-loader-white-pink.gif');background-color:#fff; background-repeat : no-repeat;background-position : center;left : 0;bottom : 0;right : 0;top : 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);  /* Modern Browsers */  opacity: 0.7}

.load-more{float:left;margin-top:25px;text-align:center;width:100%}
.cycle-bg-image{background-size: 100% 340px, cover;}