/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
/** default SASS Load first **/
/**
 * Style SASS file
 * Author : Umanda Jayobandara
 * Date : 2017 - 03 - 15
**/
/** Variables Load first **/
/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
/** Load Mixin **/
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
/** Load Common **/
/**
 * Style SASS file
 * Author : Umanda Jayobandara
 * Date : 2017 - 03 - 15
**/
@font-face { font-family: 'AvenirLTStd-Light'; src: url("../fonts/AvenirLTStd-Light.eot"); src: url("../fonts/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Light.woff2") format("woff2"), url("../fonts/AvenirLTStd-Light.woff") format("woff"), url("../fonts/AvenirLTStd-Light.ttf") format("truetype"), url("../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light") format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'AvenirLTStd-Roman'; src: url("../fonts/AvenirLTStd-Roman.eot"); src: url("../fonts/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Roman.woff2") format("woff2"), url("../fonts/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Roman") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'AvenirLTStd-Black'; src: url("../fonts/AvenirLTStd-Black.eot"); src: url("../fonts/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Black.woff2") format("woff2"), url("../fonts/AvenirLTStd-Black.woff") format("woff"), url("../fonts/AvenirLTStd-Black.ttf") format("truetype"), url("../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black") format("svg"); font-weight: normal; font-style: normal; }
/*
@font-face { font-family: 'AvenirLTStd-Roman'; src: url("../fonts/AvenirLTStd-Roman.eot"); src: url("../fonts/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Roman.woff2") format("woff2"), url("../fonts/AvenirLTStd-Roman.woff") format("woff"), url("../fonts/AvenirLTStd-Roman.ttf") format("truetype"), url("../fonts/AvenirLTStd-Roman.svg#AvenirLTStd-Black") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'AvenirLTStd-Black'; src: url("../fonts/AvenirLTStd-Black.eot"); src: url("../fonts/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/AvenirLTStd-Black.woff2") format("woff2"), url("../fonts/AvenirLTStd-Black.woff") format("woff"), url("../fonts/AvenirLTStd-Black.ttf") format("truetype"), url("../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black") format("svg"); font-weight: normal; font-style: normal; }
*/
html, body { height: 100%; margin: 0; }

.wrapper { min-height: 100%; margin: 0 auto -50px; }

.push { height: 50px; }

.footer-wrapper { margin-top: 60px; }

.content-wrapper { min-height: 100%; /* Equal to height of footer */ /* But also accounting for potential margin-bottom of last child */ margin-bottom: -205px; }

.push { min-height: 205px; }

.footer-wrapper { min-height: 105px; }

.show { display: block !important; }

h1, h2, h4, h5, h6 { font-family: AvenirLTStd-Black; }

p, h3, a { font-family: AvenirLTStd-Roman; }

i { background-size: 500px auto; background-repeat: no-repeat; }

a, input { outline: none; }

a:focus, input:focus { text-decoration: none; outline: none; }

.underline-white { background-image: url("../images/icons/sprite.svg"); width: 144px; height: 4px; display: inline-block; background-position: 0 -130px; }

.underline-pink { background-image: url("../images/icons/sprite.svg"); width: 144px; height: 4px; display: inline-block; background-position: -150px -130px; }

.no-bg { background-color: transparent !important; }

.modal { text-align: center; }

.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

.no-padding { padding-left: 0; padding-right: 0; }

.no-left-padding { padding-left: 0; }

.no-right-padding { padding-right: 0; }

#back-to-top { background: #1785df; position: fixed; z-index: 9999; text-align: center; color: #ffffff; border: 2px solid #1785df; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 1; cursor: pointer; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); bottom: 275px; right: 22px; padding: 8px 8px 0 8px; }

#back-to-top i { height: 30px; width: 30px; background-size: 500px auto; background-repeat: no-repeat; background-image: url(/images/icons/sprite.svg); background-position: -180px -160px; display: inline-block; text-align: center; }

video::-internal-media-controls-download-button { display: none; }

video::-webkit-media-controls-enclosure { overflow: hidden; }

video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ }

audio::-internal-media-controls-download-button { display: none; }

audio::-webkit-media-controls-enclosure { overflow: hidden; }

audio::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ }

@media (max-width: 767px) { .contents-wrapper { margin-top: 0; }
  .no-padding-xs { padding-left: 0; padding-right: 0; }
  .no-left-padding-xs { padding-left: 0; }
  .no-right-padding-xs { padding-right: 0; } }

@media (min-width: 768px) { .contents-wrapper { margin-top: 15px; }
  .no-padding-sm { padding-left: 0; padding-right: 0; }
  .no-left-padding-sm { padding-left: 0; }
  .no-right-padding-sm { padding-right: 0; } }

@media (min-width: 992px) { .no-padding-md { padding-left: 0; padding-right: 0; }
  .no-left-padding-md { padding-left: 0; }
  .no-right-padding-md { padding-right: 0; } }

@media (min-width: 1200px) { .no-padding-lg { padding-left: 0; padding-right: 0; }
  .no-left-padding-lg { padding-left: 0; }
  .no-right-padding-lg { padding-right: 0; } }

/**
 * Style SASS file
 * Author : Umanda Jayobandara
 * Date : 2017 - 03 - 15
**/
.header-wrapper { position: relative; }

@media (max-width: 767px) { .header-wrapper { height: auto; }
  .header-wrapper .header-block .logo-wrapper { text-align: center; }
  .header-wrapper .header-block .logo-wrapper .logo { display: inline-block; margin: 5px 0; } }

@media (min-width: 767px) { .header-wrapper { height: 116px; } }

/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
.logo-wrapper a img { height: 190px; max-width:300%; margin-left:-10px}

@media (max-width: 767px) { .logo-wrapper a img { margin: 0 auto; height: 40px; } }

/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
.navbar-main .navbar-header .navbar-toggle .sr-only { position: relative; }

.navbar-main .navbar-header .navbar-toggle i { background-image: url("../images/icons/sprite.svg"); width: 10px; height: 10px; display: inline-block; margin: -3px 4px 0 0; vertical-align: middle; }

.navbar-main .navbar-header .navbar-toggle i.menu-icon { background-position: 0 -80px; }

.navbar-main .navbar-header .navbar-toggle i.login-icon { background-position: -10px -80px; }

.navbar-main .menu-wrapper { background-color: #1b74da 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(#1b74da 50%), to(#0bc8dd 110%)); background-image: -webkit-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: -moz-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: -ms-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: -o-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: linear-gradient(top, #1b74da 50%, #0bc8dd 110%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1b74da 50%', endColorStr='#0bc8dd 110%'); }

.navbar-collapse.navbar-default { background-color: transparent; }

.navbar-collapse.navbar-default ul li a { text-transform: uppercase; color: #ffffff; }

.navbar-collapse.navbar-default ul li a:hover, .navbar-collapse.navbar-default ul li a:focus { background-color: #195d9e; color: #ffffff; }

.navbar-collapse.navbar-default ul li.active a { background-color: #094884; color: #7dbdfb; }

.navbar-collapse.navbar-default ul li.active a:hover, .navbar-collapse.navbar-default ul li.active a:focus { background-color: #195d9e; color: #ffffff; }

@media (max-width: 767px) { .navbar-main .navbar-header { height: 40px; background-color: #1b74da 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(#1b74da 50%), to(#0bc8dd 110%)); background-image: -webkit-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: -moz-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: -ms-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: -o-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: linear-gradient(top, #1b74da 50%, #0bc8dd 110%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1b74da 50%', endColorStr='#0bc8dd 110%'); }
  .navbar-main .navbar-header .navbar-collapse-menu button, .navbar-main .navbar-header .navbar-collapse-login button { color: #ffffff; }
  .navbar-main .navbar-header .navbar-collapse-menu button:hover, .navbar-main .navbar-header .navbar-collapse-menu button:focus { background-color: #094884; }
  .navbar-main .navbar-header .navbar-collapse-login button:hover, .navbar-main .navbar-header .navbar-collapse-login button:focus { background-color: #094884; }
  .navbar-main .navbar-header .navbar-toggle { border-radius: 0; margin: 0; float: left; height: 40px; width: 100%; }
  .navbar-main .menu-wrapper .navbar-default { border: none; }
  .navbar-main .menu-wrapper .navbar-default .navbar-nav { margin: 0; } }

@media (min-width: 768px) { .navbar-main .navbar-header { background-color: transparent; }
  .navbar-main .menu-wrapper { padding: 3px 0; } }

/* iPAD */
@media (min-width: 768px) and (max-width: 991px) { .navbar-collapse.navbar-default ul li a { font-size: 11px; }
  .nav > li > a { padding: 10px 6px; } }

/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
.form-control { background: none; box-shadow: none; border-left: none; border-top: none; border-right: none; border-bottom: 1px solid #094884; border-radius: 0; font-family: AvenirLTStd-Roman; color: #303030; padding: 10px 0 2px; }

.form-control:hover { box-shadow: none; }

.form-control:focus { box-shadow: none; }

/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
button, input[type=submit], input[type=button] { border: none; font-family: AvenirLTStd-Black; text-transform: uppercase; line-height: 12px; font-size: 12px; }

button:hover, button:focus, input[type=submit]:hover, input[type=submit]:focus, input[type=button]:hover, input[type=button]:focus { outline: none; }

.primary-btn { background-color: #1a77da; background-image: -webkit-gradient(linear, left top, left bottom, from(#1a77da), to(#0cb5ee)); background-image: -webkit-linear-gradient(top, #1a77da, #0cb5ee); background-image: -moz-linear-gradient(top, #1a77da, #0cb5ee); background-image: -ms-linear-gradient(top, #1a77da, #0cb5ee); background-image: -o-linear-gradient(top, #1a77da, #0cb5ee); background-image: linear-gradient(top, #1a77da, #0cb5ee); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a77da', endColorStr='#0cb5ee'); color: #ffffff; height: 30px; padding: 10px 10px; }

.primary-btn:hover, .primary-btn:focus { background-color: #0cb5ee; background-image: -webkit-gradient(linear, left top, left bottom, from(#0cb5ee), to(#1a77da)); background-image: -webkit-linear-gradient(top, #0cb5ee, #1a77da); background-image: -moz-linear-gradient(top, #0cb5ee, #1a77da); background-image: -ms-linear-gradient(top, #0cb5ee, #1a77da); background-image: -o-linear-gradient(top, #0cb5ee, #1a77da); background-image: linear-gradient(top, #0cb5ee, #1a77da); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0cb5ee', endColorStr='#1a77da'); }

.primary-btn.button-disabled { background-color: #e2e2e2; background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#a4a4a4)); background-image: -webkit-linear-gradient(top, #e2e2e2, #a4a4a4); background-image: -moz-linear-gradient(top, #e2e2e2, #a4a4a4); background-image: -ms-linear-gradient(top, #e2e2e2, #a4a4a4); background-image: -o-linear-gradient(top, #e2e2e2, #a4a4a4); background-image: linear-gradient(top, #e2e2e2, #a4a4a4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e2e2e2', endColorStr='#a4a4a4'); }

.primary-btn.button-disabled:hover, .primary-btn.button-disabled:focus { background-color: #e2e2e2; background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#a4a4a4)); background-image: -webkit-linear-gradient(top, #e2e2e2, #a4a4a4); background-image: -moz-linear-gradient(top, #e2e2e2, #a4a4a4); background-image: -ms-linear-gradient(top, #e2e2e2, #a4a4a4); background-image: -o-linear-gradient(top, #e2e2e2, #a4a4a4); background-image: linear-gradient(top, #e2e2e2, #a4a4a4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e2e2e2', endColorStr='#a4a4a4'); }

.submit-btn { background-color: #1a77da; background-image: -webkit-gradient(linear, left top, left bottom, from(#1a77da), to(#0cb5ee)); background-image: -webkit-linear-gradient(top, #1a77da, #0cb5ee); background-image: -moz-linear-gradient(top, #1a77da, #0cb5ee); background-image: -ms-linear-gradient(top, #1a77da, #0cb5ee); background-image: -o-linear-gradient(top, #1a77da, #0cb5ee); background-image: linear-gradient(top, #1a77da, #0cb5ee); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a77da', endColorStr='#0cb5ee'); color: #ffffff; padding: 14px; height: 36px; }

.submit-btn:hover, .submit-btn:focus { background-color: #0cb5ee; background-image: -webkit-gradient(linear, left top, left bottom, from(#0cb5ee), to(#1a77da)); background-image: -webkit-linear-gradient(top, #0cb5ee, #1a77da); background-image: -moz-linear-gradient(top, #0cb5ee, #1a77da); background-image: -ms-linear-gradient(top, #0cb5ee, #1a77da); background-image: -o-linear-gradient(top, #0cb5ee, #1a77da); background-image: linear-gradient(top, #0cb5ee, #1a77da); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0cb5ee', endColorStr='#1a77da'); }

.logout a { outline: none; }

/***********************************
adjust toaster message properties
***********************************/
#toast-container { z-index: 9999; }

#toast-container .toast { background-image: none !important; padding: 0; margin: 0; opacity: 1; margin-bottom: 3px; width: 250px; }

#toast-container .toast .toast-close-button { padding: 5px 10px; }

#toast-container .toast .toast-close-button:hover { background: transparent; }

#toast-container .toast .toast-message { text-align: left; padding: 5px; }

#toast-container .toast .toast-message .consultant-image { display: inline-block; height: 52px; vertical-align: middle; }

#toast-container .toast .toast-message .consultant-image img { vertical-align: top; }

#toast-container .toast .toast-message .consultant-image div { width: 30px; height: 50px; display: inline-block; }

#toast-container .toast .toast-message .consultant-image div i { float: left; height: 20px; width: 20px; margin-right: 10px; background-size: 500px auto; background-repeat: no-repeat; background-image: url(/images/icons/sprite.svg); margin-left: 5px; margin-top: 16px; }

#toast-container .toast .toast-message .consultant-info { display: inline-block; padding: 0 10px; vertical-align: middle; }

#toast-container .toast .toast-message .consultant-info span { display: block; }

#toast-container .toast .toast-message .consultant-status { display: inline-block; padding-left: 10px; font-size: 12px; text-transform: uppercase; vertical-align: top; }

#toast-container .toast.toast-info { background-color: #bbdab7; border: 1px solid #53a24a; }

#toast-container .toast.toast-info .toast-message .consultant-info, #toast-container .toast.toast-info .toast-message .consultant-status { color: #16620e; }

#toast-container .toast.toast-info .toast-message .consultant-image { border: 1px solid #53a24a; }

#toast-container .toast.toast-info .toast-message .consultant-image div { background-color: #c1f4b1; }

#toast-container .toast.toast-info .toast-message .consultant-image div i { background-position: 0px -60px; }

#toast-container .toast.toast-info .toast-close-button { color: #16620e; }

#toast-container .toast.toast-warning { background-color: #e7e7e7; border: 1px solid #686868; }

#toast-container .toast.toast-warning .toast-message .consultant-info, #toast-container .toast.toast-warning .toast-message .consultant-status { color: #686868; }

#toast-container .toast.toast-warning .toast-message .consultant-image { border: 1px solid #686868; }

#toast-container .toast.toast-warning .toast-message .consultant-image div { background-color: #c9c9c9; }

#toast-container .toast.toast-warning .toast-message .consultant-image div i { background-position: -40px -60px; }

#toast-container .toast.toast-warning .toast-close-button { color: #686868; }

.jspTrack { background: #e3effd; position: relative; }

.jspDrag { background: #bbd5f1; }

/**
 * Style SASS file
 * Author : Umanda Jayobandara
 * Date : 2017 - 03 - 15
**/
.footer-wrapper { background-color: #1b74da 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(#1b74da 50%), to(#0bc8dd 110%)); background-image: -webkit-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: -moz-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: -ms-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: -o-linear-gradient(top, #1b74da 50%, #0bc8dd 110%); background-image: linear-gradient(top, #1b74da 50%, #0bc8dd 110%); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1b74da 50%', endColorStr='#0bc8dd 110%'); }

.footer-wrapper .footer-menu { text-align: center; color: #0b2f40; }

.footer-wrapper .footer-menu a { color: #ffffff; text-transform: uppercase; padding: 10px; }

.footer-wrapper .copyright-text { color: #0b2843; text-align: center; margin: 15px 0; }

.footer-wrapper .payment-square .payment-square-text { color: #0b2843; text-align: center; margin: 8px auto 0 auto; background: transparent; width: 35%; padding: 0 10px; }

.footer-wrapper .payment-square .footer-payment-logos { margin-top: 14px; }

.footer-wrapper .payment-info hr { width: 100%; border-color: #333; }

.footer-wrapper .payment-info p { text-align: center; }

@media (max-width: 767px) { .footer-wrapper { padding: 10px 0; }
  .footer-wrapper .payment-square { margin-top: 12px; }
  .footer-wrapper .payment-square .payment-square-text { width: 80%; } }

@media (min-width: 767px) { .footer-wrapper { padding: 30px 0; }
  .footer-wrapper .payment-square { margin-top: 12px; }
  .footer-wrapper .payment-square .payment-square-text { width: 35%; } }

.auth-msg { clear: both; margin-top: 15px; display: inline-block; width: 100%; }

.auth-msg .alert { margin-bottom: 0px; }

.message-bag.alert { text-shadow: none; box-shadow: none; border: 1px solid transparent; border-radius: 0px; overflow: hidden; padding: 0; margin-top: 15px; }

.message-bag.alert button.close { margin: 0 8px; color: #ffffff; opacity: 1; }

.message-bag.alert button.close:hover { background-color: transparent; }

.message-bag.alert .alert-info, .message-bag.alert .alert-success, .message-bag.alert .alert-warning, .message-bag.alert .alert-danger { padding: 15px; color: #ffffff; font-family: AvenirLTStd-Roman; font-size: 15px; }

.message-bag.alert .alert-info { background: #7596f4; }

.message-bag.alert .alert-success { background: #10af0c; }

.message-bag.alert .alert-warning { background: #cbae48; }

.message-bag.alert .alert-danger { background: #f47575; }

#pop #photoconsult .message-bag { margin-bottom: 0; }

#pop #photoconsult .photoconsultant-message div { font-size: 12px; }

@media (max-width: 767px) { .message-bag.alert { margin-top: 0; margin-bottom: 15px; } }

.redesing-notify-container { background-color: #191919; opacity: 0.8; color: #efefef; padding: 5px 20px; font-size: 12px; line-height: 1.2em; text-align: center; display: none; z-index: 9999999; position: absolute; top: 0; left: 0; right: 0; }

.redesing-notify-container .notify-head { font-size: 1.2em; font-weight: bold; padding: 7px; color: #fff; }

.redesing-notify-container .notify-body { color: #a2a2a2; position: relative; }

.redesing-notify-container .notify-body .notify-closebutton { font-size: 12px; font-weight: 100; line-height: 1; color: #000; filter: alpha(opacity=20); font-family: helvetica, arial, verdana, sans-serif; top: -10px; right: -165px; padding: 5px 10px; background: #f6a21d; border-radius: 4px; }

.redesing-notify-container .notify-body .notify-closebutton:hover, .redesing-notify-container .notify-body .notify-closebutton:active { color: #000; text-decoration: underline; }

/**
 * Style SASS file
 * Author : Umanda Jayobandara
 * Date : 2017 - 03 - 15
**/
.fancy-modal-box .modal-content { width: 100%; background: #ffffff; padding: 0; outline: none; position: relative; overflow: visible; border: none; }

.fancy-modal-box .modal-content .modal-body { padding: 5px 5px 0px 5px; border-radius: 3px; background-color: #ffffff; }

.fancy-modal-box .modal-content .modal-body iframe { border: none; padding: 0; margin: 0; }

.close-button { padding: 0px; margin: 0; }

.close-button i { background-position: 5px -600px; height: 24px; width: 24px; background-size: 488px auto; background-repeat: no-repeat; background-image: url(/images/icons/sprite.svg); background-color: #ffffff; float: left; position: absolute; top: 0; right: 0; cursor: pointer; }

.close-button i:hover { background-position: -27px -400px; }

#presentation-audio-tiles-modals .modal-body { text-align: center; }

#presentation-audio-tiles-modals .modal-body img { display: block; margin: 0 auto; }

#forgot-password-modals.fancy-modal-box .modal-content .modal-body iframe { min-height: 275px; }

#presentation-audio-tiles-modals, #forgot-password-modals, #play-youtube-video-model, #videoModal { background-color: rgba(0, 76, 126, 0.8); height: 100%; }

#login_popup.fancy-modal-box .modal-content .modal-body { padding: 25px; }

#login_popup.fancy-modal-box .modal-content .modal-body #iNotification { background: #d7eaff; padding: 5px; color: #5b5b5b; }

#login_popup.fancy-modal-box .modal-content .modal-body h3 { color: #5b5b5b; font-size: 20px; margin: 0 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #b7b7b7; text-transform: uppercase; }

#login_popup.fancy-modal-box .modal-content .modal-body button { margin-top: 15px; }

@media (max-width: 767px) { #play-youtube-video-model .modal-dialog { width: 100%; }
  .close-button i { background-position: 6px -738px; height: 30px; width: 30px; background-size: 600px auto; }
  .close-button i:hover { background-position: -18px -738px; } }

@media (min-width: 768px) { .modal-dialog { width: auto; padding: 20px; }
  .close-button i { background-position: 5px -600px; height: 24px; width: 24px; background-size: 488px auto; }
  .close-button i:hover { background-position: -15px -600px; } }

/** Load Modules **/
/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
.login-wrapper-block .login-wrapper .login-block { z-index: 99; }

.login-wrapper-block .login-wrapper .login-block .login { background-color: #d7eaff; }

.login-wrapper-block .login-wrapper .login-block .login .login-text i { background-image: url("../images/icons/sprite.svg"); width: 34px; height: 34px; display: inline-block; background-position: -30px 0; margin-right: 5px; vertical-align: top; }

.login-wrapper-block .login-wrapper .login-block .login .login-text h3 { color: #5b5b5b; display: inline-block; margin: 0; font-size: 18px; text-transform: uppercase; max-width: 142px; }

.login-wrapper-block .login-wrapper .login-block .login .login-form .primary-btn { margin-top: 12px; }

.login-wrapper-block .login-wrapper .login-block .login .login-form a { color: #094884; display: block; margin-top: 5px; }

.login-wrapper-block .login-wrapper .login-block .login .login-form a:hover, .login-wrapper-block .login-wrapper .login-block .login .login-form a:focus { color: #477484; }

.login-wrapper-block .login-wrapper .logged { background-color: #d7eaff; }

.login-wrapper-block .login-wrapper .logged .logged-text .personal-code-wrapper { border-bottom: 1px solid #bcd6f4; }

.login-wrapper-block .login-wrapper .logged .logged-text .personal-code-wrapper i { background-image: url("../images/icons/sprite.svg"); width: 34px; height: 34px; display: inline-block; background-position: -30px 0; margin-right: 5px; vertical-align: top; }

.login-wrapper-block .login-wrapper .logged .logged-text .personal-code-wrapper .personal-code { display: inline-block; width: 142px; }

.login-wrapper-block .login-wrapper .logged .logged-text .personal-code-wrapper .personal-code h3 { color: #5b5b5b; display: inline-block; margin: 0; font-size: 15px; text-transform: uppercase; max-width: 142px; vertical-align: top; }

.login-wrapper-block .login-wrapper .logged .logged-text .personal-code-wrapper .personal-code span { color: #5b5b5b; font-family: AvenirLTStd-Roman; display: inline-block; margin: -4px 0 0 0; font-size: 15px; text-transform: uppercase; max-width: 142px; vertical-align: top; }

.login-wrapper-block .login-wrapper .logged .logged-text .minute-wrapper { padding: 6px 0 0; border-bottom: 1px solid #bcd6f4; }

.login-wrapper-block .login-wrapper .logged .logged-text .minute-wrapper .current-balance-label { color: #5b5b5b; font-size: 14px; line-height: 18px; margin: 0; }

.login-wrapper-block .login-wrapper .logged .logged-text .minute-wrapper .minutes-value, .login-wrapper-block .login-wrapper .logged .logged-text .minute-wrapper .seconds-value { color: #094884; display: inline-block; font-size: 26px; margin: 0; }

.login-wrapper-block .login-wrapper .logged .logged-text .minute-wrapper .minutes-value.minutes-value, .login-wrapper-block .login-wrapper .logged .logged-text .minute-wrapper .seconds-value.minutes-value { margin-right: 10px; }

.login-wrapper-block .login-wrapper .logged .logged-text .minute-wrapper .minutes-label, .login-wrapper-block .login-wrapper .logged .logged-text .minute-wrapper .seconds-label { color: #094884; font-family: AvenirLTStd-Roman; display: inline-block; font-size: 20px; margin-left: 6px; }

.login-wrapper-block .login-wrapper .logged .logged-text .bonus-wrapper { padding: 2px 0 0; }

.login-wrapper-block .login-wrapper .logged .logged-text .bonus-wrapper .bonus-label { color: #5b5b5b; margin: 0; padding: 0; display: inline-block; vertical-align: middle; }

.login-wrapper-block .login-wrapper .logged .logged-text .bonus-wrapper .bonus-points { background-image: url(../images/icons/sprite.svg); background-size: 500px auto; background-position: -70px -430px; height: 50px; width: 50px; text-align: center; vertical-align: middle; display: inline-block; margin-left: 10px; }

.login-wrapper-block .login-wrapper .logged .logged-text .bonus-wrapper .bonus-points p { color: #094884; font-size: 12px; margin: 20px 0 0 0; line-height: 11px; }

.login-wrapper-block .login-wrapper .logged .logged-text .bonus-wrapper .bonus-points span { color: #094884; font-family: AvenirLTStd-Roman; font-size: 10px; margin: 0; padding: 0; line-height: 9px; vertical-align: top; text-transform: capitalize; }

.login-wrapper-block .login-wrapper .logged .logout-btn { text-align: center; }

.login-wrapper-block .login-wrapper .logged .logout-btn .logout-btn { width: 100%; padding: 9px 10px; height: 28px; background-color: #1a77da; background-image: -webkit-gradient(linear, left top, left bottom, from(#1a77da), to(#0cb5ee)); background-image: -webkit-linear-gradient(top, #1a77da, #0cb5ee); background-image: -moz-linear-gradient(top, #1a77da, #0cb5ee); background-image: -ms-linear-gradient(top, #1a77da, #0cb5ee); background-image: -o-linear-gradient(top, #1a77da, #0cb5ee); background-image: linear-gradient(top, #1a77da, #0cb5ee); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a77da', endColorStr='#0cb5ee'); border: none; font-family: AvenirLTStd-Roman; text-transform: uppercase; line-height: 12px; font-size: 12px; display: inline-block; color: #ffffff; }

.login-wrapper-block .login-wrapper .logged .logout-btn .logout-btn:hover, .login-wrapper-block .login-wrapper .logged .logout-btn .logout-btn:focus { background-color: #0cb5ee; background-image: -webkit-gradient(linear, left top, left bottom, from(#0cb5ee), to(#1a77da)); background-image: -webkit-linear-gradient(top, #0cb5ee, #1a77da); background-image: -moz-linear-gradient(top, #0cb5ee, #1a77da); background-image: -ms-linear-gradient(top, #0cb5ee, #1a77da); background-image: -o-linear-gradient(top, #0cb5ee, #1a77da); background-image: linear-gradient(top, #0cb5ee, #1a77da); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0cb5ee', endColorStr='#1a77da'); }

@media (max-width: 767px) { .login-wrapper-block .login-wrapper .login-block { background-color: #d7eaff; }
  .login-wrapper-block .login-wrapper .login-block .login { padding: 0 30px 30px 30px; }
  .login-wrapper-block .login-wrapper .login-block .login .primary-btn { margin-right: 10px; }
  .login-wrapper-block .login-wrapper .login-block .logged { padding: 20px; }
  .login-wrapper-block .login-wrapper .login-block .logged .logged-text { padding: 0 0 14px; } }

@media (min-width: 768px) { .login-wrapper-block { position: relative; }
  .login-wrapper-block .login-wrapper { position: absolute; right: 0; top: -172px; }
  .login-wrapper-block .login-wrapper .login { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); padding: 14px 16px; width: 218px; height: 200px; }
  .login-wrapper-block .login-wrapper .logged { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); width: 218px; height: 200px; }
  .login-wrapper-block .login-wrapper .logged .logged-text { padding: 14px 16px 3px; } }

/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
.client-service-wrapper .client-service-header { text-align: center; }

.client-service-wrapper .client-service-header i { background-image: url("../images/icons/sprite.svg"); width: 24px; height: 24px; display: inline-block; background-position: 0 0; margin-right: 5px; vertical-align: middle; }

.client-service-wrapper .client-service-header p { text-transform: uppercase; color: #5b5b5b; display: inline-block; }

.client-service-wrapper .client-service-number { text-align: center; margin-top: 7px; }

.client-service-wrapper .client-service-number i { background-image: url("../images/icons/sprite.svg"); width: 18px; height: 12px; display: inline-block; margin-right: 4px; }

.client-service-wrapper .client-service-number i.be { background-position: 0 -40px; }

.client-service-wrapper .client-service-number i.fr { background-position: -20px -40px; }

.client-service-wrapper .client-service-number i.ca { background-position: -40px -40px; }

.client-service-wrapper .client-service-number i.lu { background-position: -60px -40px; }

.client-service-wrapper .client-service-number i.nl { background-position: -80px -40px; }

.client-service-wrapper .client-service-number i.ch { background-position: -100px -40px; }

.client-service-wrapper .client-service-number a { font-family: AvenirLTStd-Roman; font-size: 16px; color: #094884; }

.client-service-wrapper .client-service-status { text-align: center; }

.client-service-wrapper .client-service-status i { background-image: url("../images/icons/sprite.svg"); width: 20px; height: 20px; display: inline-block; margin-right: 4px; vertical-align: middle; }

.client-service-wrapper .client-service-status span { font-family: AvenirLTStd-Roman; text-transform: uppercase; display: inline-block; }

.client-service-wrapper .client-service-status.online { display: block; }

.client-service-wrapper .client-service-status.online i { background-position: 0 -60px; }

.client-service-wrapper .client-service-status.online span { color: #326225; }

.client-service-wrapper .client-service-status.busy { display: none; }

.client-service-wrapper .client-service-status.busy i { background-position: -20px -60px; }

.client-service-wrapper .client-service-status.busy span { color: #cc6919; }

.client-service-wrapper .client-service-status.offline { display: none; }

.client-service-wrapper .client-service-status.offline i { background-position: -40px -60px; }

.client-service-wrapper .client-service-status.offline span { color: #878787; }

@media (max-width: 767px) { .client-service-wrapper { padding: 10px; margin-right: 0; text-align: center; }
  .client-service-wrapper .client-service-header { display: inline-block; }
  .client-service-wrapper .client-service-header p { margin: 0; }
  .client-service-wrapper .client-service-number { display: inline-block; margin: 0 13px; }
  .client-service-wrapper .client-service-status-wrapper { margin-top: 4px; display: inline-block; }
  .client-service-wrapper .client-service-status-wrapper .client-service-status i { vertical-align: top; } }

@media (min-width: 767px) { .client-service-wrapper { height: 116px; background-color: #d7eaff; margin-right: -20px; padding: 14px 10px; }
  .client-service-wrapper .client-service-status { margin-top: 8px; } }

@media (min-width: 992px) { .client-service-wrapper { margin-right: -12px; } }

/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
.page-banner-wrapper .page-banner { background-repeat: no-repeat; background-position: top center; }

.page-banner-wrapper .page-banner .page-banner-text i { background-image: url("../images/icons/sprite.svg"); height: 72px; display: inline-block; margin-right: 24px; vertical-align: middle; }

.page-banner-wrapper .page-banner .page-banner-text h2 { color: #5b5b5b; font-family: AvenirLTStd-Roman; display: inline-block; font-size: 50px; margin: 0; vertical-align: middle; padding-top: 10px; text-transform: capitalize; }

.page-banner-wrapper .page-banner.consultants-info-banner { background-image: url("../images/banners/inner_banner_consultant_info.jpg"); }

.page-banner-wrapper .page-banner.consultants-info-banner .page-banner-text i { width: 98px; background-position: 0 -250px; }

.page-banner-wrapper .page-banner.buy-credits-banner { background-image: url("../images/banners/inner_banner.jpg"); }

.page-banner-wrapper .page-banner.buy-credits-banner .page-banner-text i { width: 98px; background-position: 0 -250px; }

.page-banner-wrapper .page-banner.advantages-banner { background-image: url("../images/banners/inner_banner.jpg"); }

.page-banner-wrapper .page-banner.advantages-banner .page-banner-text i { background-position: -100px -250px; width: 84px; }

.page-banner-wrapper .page-banner.how-it-works-banner { background-image: url("../images/banners/inner_banner.jpg"); }

.page-banner-wrapper .page-banner.how-it-works-banner .page-banner-text i { background-position: -190px -250px; width: 72px; }

.page-banner-wrapper .page-banner.call-history-banner { background-image: url("../images/banners/inner_banner.jpg"); }

.page-banner-wrapper .page-banner.call-history-banner .page-banner-text i { background-position: -270px -250px; width: 78px; }

.page-banner-wrapper .page-banner.contact-us-banner { background-image: url("../images/banners/inner_banner.jpg"); }

.page-banner-wrapper .page-banner.contact-us-banner .page-banner-text i { background-position: 0px -250px; width: 100px; }

.page-banner-wrapper .page-banner.bonus-banner { background-image: url("../images/banners/inner_banner.jpg"); }

.page-banner-wrapper .page-banner.bonus-banner .page-banner-text i { background-position: -100px -330px; width: 72px; }

@media (max-width: 767px) { .page-banner-wrapper .page-banner { height: 100px; }
  .page-banner-wrapper .page-banner .page-banner-text { text-align: center; }
  .page-banner-wrapper .page-banner .page-banner-text i { display: none; }
  .page-banner-wrapper .page-banner .page-banner-text h2 { font-size: 30px; padding: 35px 0; } }

@media (min-width: 768px) { .page-banner-wrapper .page-banner { height: 200px; }
  .page-banner-wrapper .page-banner .page-banner-text { text-align: right; padding-top: 64px; padding-bottom: 64px; }
  .page-banner-wrapper .page-banner .page-banner-text h2 { font-size: 50px; } }

/** Style SASS file Author : Umanda Jayobandara Date : 2017 - 03 - 15 */
.content-wrapper .content-header { margin: 30px 0 10px; }

.content-wrapper .content-header h2 { color: #5b5b5b; font-family: AvenirLTStd-Roman; text-transform: capitalize; margin: 0; }

.content-wrapper .payment-steps-wrapper .payment-steps { background-color: #dfedfd; }

.content-wrapper .payment-steps-wrapper .payment-steps h3 { font-family: AvenirLTStd-Roman; color: #5b5b5b; margin: 0; font-size: 20px; }

.content-wrapper .payment-steps-wrapper .payment-steps h3 span { font-size: 30px; }

.content-wrapper .payment-steps-wrapper .payment-steps .from-wrapper { display: inline-block; width: 100%; }

.content-wrapper .payment-steps-wrapper .payment-steps .from-wrapper .capcha-image { margin: 20px 10px 0 0; float: left; }

.content-wrapper .payment-steps-wrapper .payment-steps .from-wrapper .form-control { margin: 10px 0 2px; }

.content-wrapper .payment-steps-wrapper .payment-steps .from-wrapper .form-control.capcha { width: 45%; }

.content-wrapper .payment-steps-wrapper .payment-steps.step2 .payment-steps-header, .content-wrapper .payment-steps-wrapper .payment-steps.step3 .payment-steps-header { margin-bottom: 22px; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper { display: inline-block; width: 100%; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label { font-weight: normal; font-family: AvenirLTStd-Roman; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount { display: inline; max-width: 100%; margin-bottom: 5px; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group-addon { border: none; margin: 0; padding: 4px 0 8px; background: none; display: inline-block; width: auto; position: relative; z-index: 100; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group-addon .cAmountOption { opacity: 0; width: 1px; height: 1px; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group-addon .radio-btn { width: 20px; height: 20px; background-image: url("../images/icons/sprite.svg"); display: inline-block; background-position: 0 -410px; vertical-align: middle; background-repeat: no-repeat; background-size: 500px auto; cursor: pointer; pointer-events: none; float: left; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group { margin: 0 0 18px; cursor: pointer; background-color: #dfedfd; display: inline-block; margin-left: -15px; padding: 8px 14px; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group .form-control-static .price { margin: 0; color: #094884; font-size: 25px; font-family: AvenirLTStd-Roman; line-height: 20px; margin-top: 6px; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group .form-control-static .price span { font-size: 18px; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group .bonus-points { position: absolute; right: -40px; top: -7px; background-image: url(../images/icons/sprite.svg); background-size: 500px auto; background-position: 0 -430px; height: 70px; width: 70px; text-align: center; padding: 28px 0 0 0; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group .bonus-points span { color: #5b5b5b; display: block; text-transform: uppercase; line-height: 14px; font-family: AvenirLTStd-Roman; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group .bonus-points span.bonus-points-ammount { font-size: 20px; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group .bonus-points span.bonus-points-bottom-text { font-size: 10px; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount .input-group { background-color: #c2e0f8; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount.selected .input-group-addon .radio-btn { background-position: -20px -410px; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount.selected .input-group { background-color: #1785df; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount.selected .input-group .form-control-static .price { color: #ffffff; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount.recommend .input-group { background-color: #094884; }

.content-wrapper .payment-steps-wrapper .step2 .ammount-wrapper label.ammount.recommend .input-group .form-control-static .price { color: #ffffff; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper { display: inline-block; width: 100%; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label { display: inline; font-weight: normal; font-family: AvenirLTStd-Roman; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group-addon { border: none; margin: 24px 0 0 0; padding: 0; background: none; width: auto; position: relative; z-index: 100; float: left; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group-addon .cPayTypeOption { opacity: 0; width: 1px; height: 1px; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group-addon .radio-btn { width: 20px; height: 20px; background-image: url("../images/icons/sprite.svg"); display: inline-block; background-position: 0 -410px; vertical-align: middle; background-repeat: no-repeat; background-size: 500px auto; cursor: pointer; pointer-events: none; float: left; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group { margin: 0 0 18px; cursor: pointer; background-color: #ffffff; border: 1px solid #9ec1e7; display: inline-block; margin-left: -12px; padding: 6px 14px 2px; width: 90%; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static { padding: 0; margin-left: 8px; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i { background-repeat: no-repeat; position: relative; display: block; height: 30px; background-image: url(../images/buy_credits/pay_logos.svg); }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.visa { width: 90px; background-position: 0 0; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.mastercard { width: 50px; background-position: -90px 0; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.bancontact { width: 50px; background-position: -140px 0; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.ideal { background-image: url("/images/buy_credits/ideal.png?id=1") ;width: 33px; height:33px; background-size: 33px 33px; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.kbc-online { width: 34px; background-position: -230px 0; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.cbc-online { width: 34px; background-position: -270px 0; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.paysafecard { width: 118px; background-position: -310px 0; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.ing-homepay { width: 107px; background-position: 0 -30px; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.belfius-direct-net { width: 66px; background-position: -110px -30px; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static i.paypal { width: 124px; background-position: -180px -30px; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method .input-group .form-control-static .pay-method-text { margin: 0; color: #5b5b5b; font-family: AvenirLTStd-Roman; line-height: 18px; margin: 10px 0 0 0; text-transform: uppercase; font-size: 12px; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method.selected-pay-type .input-group-addon .radio-btn { background-position: -20px -410px; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method.selected-pay-type .input-group { background-color: #9ec1e7; }

.content-wrapper .payment-steps-wrapper .step3 .pay-method-wrapper label.pay-method.selected-pay-type .input-group .form-control-static .price { color: #ffffff; }

.content-wrapper .payment-steps-wrapper .confirmation-wrapper { margin-bottom: 40px; }

.content-wrapper .payment-steps-wrapper .confirmation-wrapper .checkbox-inline { padding-left: 0; margin-bottom: 10px; }

.content-wrapper .payment-steps-wrapper .confirmation-wrapper .checkbox-inline input[type=checkbox] { opacity: 0; height: 1px; width: 1px; margin-left: 0; margin-top: 0; }

.content-wrapper .payment-steps-wrapper .confirmation-wrapper .checkbox-inline input[type=checkbox] + strong { background-image: url(../images/icons/sprite.svg); background-position: -40px -410px; background-repeat: no-repeat; background-size: 500px auto; cursor: pointer; display: inline-block; height: 20px; pointer-events: none; width: 20px; vertical-align: middle; margin-right: 10px; }

.content-wrapper .payment-steps-wrapper .confirmation-wrapper .checkbox-inline input[type=checkbox]:checked + strong { background-position: -60px -410px !important; }

.content-wrapper .payment-steps-wrapper .confirmation-wrapper .checkbox-inline .terms-text { display: inline-block; }

.content-wrapper .payment-steps-wrapper .confirmation-wrapper .checkbox-inline .terms-text a { color: #094884; cursor: pointer; }

.content-wrapper .payment-steps-wrapper .confirmation-wrapper .checkbox-inline .terms-text a:hover { color: #477484; }

@media (max-width: 768px) { .content-wrapper .content-header { text-align: center; }
  .content-wrapper .content-header h2 { font-size: 22px; line-height: 32px; }
  .content-wrapper .payment-steps-wrapper .payment-steps { margin-bottom: 20px; padding: 10px; }
  .content-wrapper .payment-steps-wrapper .payment-steps h3 span { margin-right: 8px; }
  .content-wrapper .step2 .ammount-wrapper .ammount .input-group { width: 83%; } }

@media (min-width: 768px) { .contents-wrapper { margin-top: 0; }
  .content-wrapper .content-header h2 { font-size: 36px; line-height: 42px; }
  .content-wrapper .payment-steps-wrapper .payment-steps { margin-bottom: 30px; padding: 16px; }
  .content-wrapper .payment-steps-wrapper .payment-steps h3 span { margin-right: 16px; }
  .content-wrapper .payment-steps-wrapper .payment-steps .from-wrapper { padding-left: 36px; }
  .content-wrapper .step2 .ammount-wrapper { padding-left: 36px; }
  .content-wrapper .step2 .ammount-wrapper .ammount .input-group { width: 80%; }
  .content-wrapper .step3 .pay-method-wrapper { padding-left: 36px; } }

/**
 * Style SASS file
 * Author : Umanda Jayobandara
 * Date : 2017 - 03 - 15
**/
.payment-wrapper { text-align: center; margin-top: 15px; }

.payment-wrapper.accept .title, .payment-wrapper.cancel .title, .payment-wrapper.processing .title { font-family: AvenirLTStd-Roman; margin-left: 5px; font-size: 20px; margin-top: 35px; }

.payment-wrapper.accept .button, .payment-wrapper.cancel .button, .payment-wrapper.processing .button { width: 100px; font-family: AvenirLTStd-Black; font-size: 14px; border-radius: 2px; height: 40px; padding: 10px 18px; border: none; display: inline-block; text-transform: uppercase; margin-top: 15px; background-color: #1a77da; background-image: -webkit-gradient(linear, left top, left bottom, from(#1a77da), to(#0cb5ee)); background-image: -webkit-linear-gradient(top, #1a77da, #0cb5ee); background-image: -moz-linear-gradient(top, #1a77da, #0cb5ee); background-image: -ms-linear-gradient(top, #1a77da, #0cb5ee); background-image: -o-linear-gradient(top, #1a77da, #0cb5ee); background-image: linear-gradient(top, #1a77da, #0cb5ee); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a77da', endColorStr='#0cb5ee'); }

.payment-wrapper.accept .button a, .payment-wrapper.cancel .button a, .payment-wrapper.processing .button a { color: #ffffff; text-decoration: none; }

.payment-wrapper.accept .button:hover, .payment-wrapper.accept .button:focus, .payment-wrapper.cancel .button:hover, .payment-wrapper.cancel .button:focus, .payment-wrapper.processing .button:hover, .payment-wrapper.processing .button:focus { background-color: #0cb5ee; background-image: -webkit-gradient(linear, left top, left bottom, from(#0cb5ee), to(#1a77da)); background-image: -webkit-linear-gradient(top, #0cb5ee, #1a77da); background-image: -moz-linear-gradient(top, #0cb5ee, #1a77da); background-image: -ms-linear-gradient(top, #0cb5ee, #1a77da); background-image: -o-linear-gradient(top, #0cb5ee, #1a77da); background-image: linear-gradient(top, #0cb5ee, #1a77da); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0cb5ee', endColorStr='#1a77da'); }

.payment-wrapper.accept .success-icon, .payment-wrapper.accept .cancel-icon, .payment-wrapper.cancel .success-icon, .payment-wrapper.cancel .cancel-icon, .payment-wrapper.processing .success-icon, .payment-wrapper.processing .cancel-icon { background-image: url(/images/icons/sprite.svg); background-size: 500px auto; display: inline-block; width: 80px; height: 80px; text-align: center; margin-top: 40px; }

.payment-wrapper.accept .success-icon, .payment-wrapper.cancel .success-icon, .payment-wrapper.processing .success-icon { background-position: 0px -790px; }

.payment-wrapper.accept .cancel-icon, .payment-wrapper.cancel .cancel-icon, .payment-wrapper.processing .cancel-icon { background-position: -80px -790px; }

.payment-wrapper.accept .processing-icon, .payment-wrapper.cancel .processing-icon, .payment-wrapper.processing .processing-icon { background-image: url(/images/icons/ripple.svg); width: 120px; height: 120px; background-position: center center; background-size: 130% auto; display: inline-block; }

.payment-wrapper.cancel .infotext { font-family: AvenirLTStd-Roman; margin-left:500px;font-size:14px; text-align:left; margin-top: 35px; }

@media (max-width: 768px) { .payment-wrapper.cancel .infotext { font-family: AvenirLTStd-Roman; margin-left:2px; font-size:14px; text-align:left; margin-top: 35px; } }