@import "jquery-ui.css";
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap');
body {margin: 0px;color: #3a3a3a;font-size:16px;font-family: 'Oswald', sans-serif;font-weight:400;line-height:normal;padding:0px;letter-spacing:1px; height:100%;}
html{ height:100%;}
img{ max-width:100%; }
h1, h2, h3, h4, h5, h6{margin:0px;color:#3a3a3a;line-height:normal;font-weight:500;margin-bottom:15px;font-family: 'Oswald', sans-serif;}
.wrp{min-height: 100%;padding-bottom: 61px;position: relative;}
hr{ margin:10px 0px; border:0px; border-bottom:1px dashed #828282;}
p, ul, ol{ margin:0px; line-height:25px; padding:0px;}
ul *, ol * { margin:0px; padding:0px;}
ol,ul { padding-left: 0px;}
ul {display:block; }
ul li{line-height:30px;}
ul li+li{}
a img { border: 0px;}
p,ul,ol {margin-bottom: 18px;}
.clr{ display: block; float: none; clear: both;}
.c { overflow:hidden; float:none;}
.underline{text-decoration:underline;}
.left,.flot_left{ float:left;}
.right,.flot_right{ float:right ;}
.a_left { text-align: left ;}
.a_center { text-align: center;}
.a_right { text-align: right;}
a { text-decoration:none; }
.hidden { display:none;}
.italic{font-style:italic;}
.bold{font-weight:bold;}
table{border-spacing:0px;border-collapse:collapse;}
input[type="text"],input[type="url"],input[type="tel"], input[type="email"], input[type="password"], select, textarea {background:#fff;border:1px solid #e0e0e0;color: #000;font-size: 14px;padding: 10px 15px;resize: vertical;width:100%;font-weight:300;box-sizing:border-box;font-family: 'Arial', sans-serif;}
textarea {width:100%;}
button{font-family: 'Oswald', sans-serif;}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { }
select { padding: 12px; width:100%;}
input[type="button"], input[type="submit"], input[type="reset"], .primary-button, .btn {background: #195a5e none repeat scroll 0 0;border: 0 none;color: #ffffff;font-family: 'Oswald', sans-serif;font-size: 15px;font-weight: 600;letter-spacing: 2px;min-width: 150px;padding: 15px 16px;text-transform: uppercase;transition: all linear .2s;-moz-transition: all linear .2s;-ms-transition: all linear .2s;-o-transition: all linear .2s;-webkit-transition: all linear .2s;}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover ,.primary-button:hover,.btn:hover,.primary-button:focus,.btn:focus{background-color:#000;color:#fff;}
.form-control {border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-webkit-border-radius:0px;box-shadow: 0 0 0;height: auto;}
a:focus{outline:none;text-decoration:none;}
a{color:#977a60;transition: all linear .2s;-moz-transition: all linear .2s;-ms-transition: all linear .2s;-o-transition: all linear .2s;-webkit-transition: all linear .2s;}
a:hover,a:focus{text-decoration:none;color:#fff;}
.cfx::after {clear: both;content: "+";display: block;height: 0;visibility: hidden;}
::-webkit-input-placeholder {opacity:1;}
::-moz-placeholder {opacity:1;}
:-ms-input-placeholder {opacity:1;}
:-moz-placeholder {opacity:1;}	
.mb50 {margin-bottom: 50px;}
.pt50 {padding-top: 50px;}
#mob_menu{position: fixed;background-color: #94b4cb;height: 100%;z-index: 999999;width: 280px;color: #fff;top: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;opacity: 1;left:-320px;overflow:auto;}
#mob_menu.show_menu{left:0px;}
#mob_menu .closeBox{text-align:right;padding:8px 15px;}
#mob_menu ul,
#mob_menu ul li{margin:0px;padding:0px;list-style:none;}
#mob_menu ul li{display:block;}
#mob_menu ul li a {color: #fff;display: block;font-family: karla;font-size: 15px;font-weight: 300;letter-spacing: 1px;padding: 8px 15px;text-transform: uppercase;}
#mob_menu ul li + li {border-top:1px solid #719ab8;}
.mobile-btn{ background:#3a3a3a; padding:1px 10px 5px; color:#fff; display:none;}
.container {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;max-width: 1170px;}
.cfx::after {clear: both;content: "+";display: block;height: 0;visibility: hidden;}

.pix-btn, input.pix-btn {border: 1px solid #e1e1e1; display: inline-block; cursor:pointer; font-size: 14px; padding: 8px 14px; color:#666; background-color:#fff; }
.pix-btn:hover, input.pix-btn:hover, .pix-btn:active, input.pix-btn:active {background-color: #f6f6f6; color:#666;}
.pix-btn.site { background-color: #ff5d7b; color: #fff; border-color:#ff5d7b; }
.pix-btn.site:hover { background-color: #d93755; border-color:#d93755; color:#fff; }
.pix-btn.primary { background-color: #333; color: #cccccc; border-color:#333; }
.pix-btn.primary:hover { background-color: #505050; border-color:#505050; color:#ccc; }
.pix-btn.success { background-color: #5cab02; color: #fff; border-color:#5cab02; }
.pix-btn.success:hover { background-color: #95d050; border-color:#95d050; color:#fff; }
.pix-btn.warning { background-color: #ff6633; color: #fff; border-color:#ff6633; }
.pix-btn.warning:hover { background-color: #ff7d4a; border-color:#ff7d4a; color:#fff; }
.pix-btn.info { background-color: #27aff5; color: #fff; border-color:#27aff5; }
.pix-btn.info:hover { background-color: #4cbcf6; border-color:#4cbcf6; color:#fff; }
.pix-btn.danger { background-color: #900; color: #fff; border-color:#900; }
.pix-btn.danger:hover { background-color: #b71e1e; border-color:#b71e1e; color:#fff; }
.pix-btn.xs { font-size: 12px; padding: 2px 6px; }
.pix-btn.sm { font-size: 13px; padding: 4px 7px; }
.pix-btn.md { font-size: 14px; padding: 8px 14px; }
.pix-btn.lg { font-size: 16px; padding: 10px 25px; }
.pix-btn.xl { font-size: 22px; font-weight: 700; padding: 14px 24px; }
.pix-btn.full_width { display: block; }
.text-center {text-align:center;}

.preloader {text-align: center; padding-top: 50px; display:none;}
.retry {text-align:center; display:none;}
.retry .try-agn {cursor:pointer; color:#9BC1D1;}

/*   top menu  */
.top-section{ padding:20px 0;}
.top-section .menu-section{}
.menu-section .logo{float: left; width: 195px;}
.menu-section  .menu-links{margin-left: 195px;padding-top: 15px;text-align: right;}
.menu-section  .menu-links ul{ padding-top:20px;}
.menu-section  .menu-links ul li{ list-style:none; display:inline-block; position:relative;}
.menu-section .menu-links ul li.account-login::after {content: "";height: 40px;left: 0;position: absolute;top: 0;width: 100%;z-index: 0;}
.menu-section  .menu-links ul li + li{ margin-left:0px;}
.menu-section  .menu-links ul li a{ color:#3a3a3a; font-size:15px; display:block; padding: 0px 10px;}
.menu-section .menu-links li ul li a .fa {text-align: center;width: 15px;}
.menu-section  .menu-links ul li:hover > a{background-color:#dae8ee;}
.menu-section  .menu-links li ul {display: none; list-style: none;position: absolute;right: -19px;border: 1px solid #dae8ee;border-radius: 4px;z-index:1000;background-color:#fff; top:36px; padding:0px; line-height:10px;}
.menu-section  .menu-links li:hover > ul {display:block;}
.menu-section  .menu-links li ul li {display: block;}
.menu-section  .menu-links li ul li:first-child::before {content: "\f0d8";font-family: fontawesome;position: absolute;top: -15px;right: 28px;color: #dae8ee;}
.menu-section  .menu-links li ul li a {white-space: nowrap;text-align: left;display: block;padding: 10px 15px; line-height:10px;}
.menu-section  .menu-links li ul li + li {margin-left: 0px;}
.menu-section  .menu-links li ul li {line-height:20px;}

/***   user notifications  ***/
.user-notification { position: fixed; text-align: center; width: 100%; z-index:1000; pointer-events:none; }
.user-notification .msg-block { display: inline-block; background-color: #ee0000; color: #fff; font-weight: 600; overflow: hidden; position: relative; padding: 8px 83px 8px 20px; }
.user-notification.success .msg-block { background-color: #00b100; }
.user-notification.warning .msg-block { background-color: #ffb300; }
.user-notification .msg-block .got-it { position: absolute; right: 3px; top: 3px; background-color: rgba(0,0,0,0.27); padding: 5px 9px; border-radius: 4px; cursor: pointer; pointer-events: initial; }
.user-notification .msg-block .got-it:hover { background-color: rgba(0,0,0,0.40); }

/****    pagination   ***/
.pagination {text-align: center;}
.pagination ul {list-style: none;margin: -3px;padding: 0;}
.pagination ul li {display: inline-block;margin: 3px;}
.pagination ul li.separator {color: #000;margin: 0 10px;vertical-align: bottom;}
.pagination ul li a, .pagination ul li .pge {display: block;background-color: #fff;border: 1px solid #eaeaea;color: #333;padding: 5px 12px;}
.pagination ul li a:hover, .pagination ul li .pge:hover {background-color: #f9f9f9;}
.pagination ul li.active a, .pagination ul li.active .pge {background-color: #dae8ee;border-color: #dae8ee;color: #333;}
.pagination ul li .pge {cursor:pointer;}

/****   popup   ****/
.popup-frame {display: block;position: fixed;background-color: rgba(255,255,255,0.86);top: 0;left: 0;z-index: 1000;width: 100%;height: 100%}
.popup-frame .popup-window {background-color: #fff;width: 748px;box-shadow: 0 0 10px rgba(0,0,0,0.43);text-align: left;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 6px;padding: 20px 26px;max-width: calc(100% - 82px)!important}
.popup-frame .popup-close {color: #444;position: absolute;right: -13px;top: -16px;background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,0.37);padding:8px;border-radius: 50%;cursor: pointer;line-height:0}
.popup-frame .popup-close:hover {color: #000;box-shadow: 0 0 7px rgba(0,0,0,0.5)}
.popup-frame .popup-heading {font-size: 18px;font-weight: 400;color: #000;margin: 0 0 15px}
.popup-frame .popup-content-fm {overflow-x: hidden;overflow-y: auto;margin-right: -20px;max-width: none!important;padding-bottom: 1px;padding-right: 12px}
.popup-frame.min-loader {width: auto;height: auto;right: 6px;left: auto;top: auto;bottom: 7px;color: #000;font-weight: 300;border: 1px solid #c7c7c7;box-shadow: 0 0 5px rgba(0,0,0,0.26);padding: 6px 15px 6px 12px;border-radius: 6px;}
.popup-frame.min-loader img {width: 11px;vertical-align: -2px;margin-right: 3px;}

.no-result {text-align: center;font-weight: bold;font-size: 16px;color: #969696;background-image: url(../../images/no-results.png); background-repeat: no-repeat;background-position: center top;padding-top: 172px;}

/* app ui */
.top-bar{ background:#94b4cb; height:10px;}
.footer-sec .footer-area {background-color:#1a2775;bottom: 0;left: 0;padding: 15px 0; position: absolute;width: 100%; color:#fff; font-size:15px; font-weight:500;}

.c-radio {display: inline-block;position: relative;border: 2px solid #069;width: 20px;height: 20px;border-radius: 50%;}
.c-radio input {position: absolute;top: 0;left: 0;opacity: 0;}
.c-radio input + span {display: none;background-color: #069;width: 8px;height: 8px;border-radius: 50%;position: absolute;top: 6px;left: 6px;}
.c-radio input:checked + span {display: block;}

.c-checkbox {display: inline-block;position: relative;border: 2px solid #069;width: 20px;height: 20px;border-radius: 5px;}
.c-checkbox input {position: absolute;top: 0;left: 0;opacity: 0;}
.c-checkbox input + span::before {display: none;color: #069;position: absolute;top: 2px;left: 2px;content:"\f00c";font-family:fontawesome}
.c-checkbox input:checked + span::before {display: block;}


@media only screen and (min-width:992px) and (max-width:1230px){
	.container {width: 970px;}
}
@media only screen and (min-width:768px) and (max-width:991px){
	.container {width: 750px;}
}
@media only screen and (max-width:767px){
	.popup-frame .popup-tbl .popup-tr .popup-cell .cell-content { display: block; margin-left: 10px; margin-right: 10px; width: auto !important; }
	.menu-section .menu-links{ padding-top:35px;}
	.menu-section .menu-links ul{ display:none;}
	.mobile-btn{ display: inline-block;}
}
@media (max-width:768px) {
	.container {width:auto;}
}