@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');

html { overflow-y: scroll; }

body { font-family: 'PT Sans Narrow'; font-size:16px; }

.container { width:1020px !important;}

.container.small { width: 550px !important; text-align: center;}

a { color:#6db3fc; }

.wrap { min-height: 100%; height: auto; margin: 0 auto -85px; padding: 0 0 120px; }


.navbar-touchzaim { /*box-shadow: 0px 1px 5px 0.5px rgba(0,0,0,0.2);*/ box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.12); background: #fff; border:0; }

.navbar-nav > li { font-family: 'PT Sans Narrow', sans-serif; font-size: 18px; }

.navbar-nav > li > a { color: #000; padding: 35px 8px; }

.navbar-nav > li > a:hover { color:#6db3fc; }

.nav > li > a:hover, .nav > li > a:focus { background-color: #fff; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: transparent; border-color: #337ab7; color: #6db3fc; }

.nav span.caret { display: none; }

.navbar-brand {
    float: left;
    height: 90px;
    padding: 27px 24px 27px 15px;
    font-size: 18px;
    line-height: 20px;
}

.navbar-nav li.phone { font-size: 24px; margin-top: 18px; text-align: right; color: #e01435;  }
.navbar-nav li.phone small {  display: block; font-size: 14px;color: #6b6b6b; margin-top: -6px; }
.navbar-nav a.button { font-size: 18px; color: #fff; padding: 7px 42px; margin: 28px 0px; margin-left: 40px; background: #6db3fc; border-radius: 3px; }
.navbar-nav a.button:hover,.navbar-nav a.button:focus, .navbar-nav a.button:active { color: #fff; background: #4a92de; }

footer.footer { color:#fff; background: #33b5ff; font-size: 12px; }
footer.footer p.pull-left {  padding-top: 18px; padding-left: 14px; }
footer.footer p.pull-right {  padding-top: 36px; }

h1 { font-size: 24px; color: #6db3fc; margin: 0 0 20px; text-align: center;  }
h2 { font-size: 24px; color: #6db3fc; margin: 0 0 20px; text-align: center;  }

p { margin: 0 0 24px; }

div.horizontal-label { width: 400px; text-align: right; display: inline-block; vertical-align: top;}
div.horizontal-input { width: 320px; padding-left: 36px; display: inline-block; vertical-align: top; }


.form-control { height: 26px; padding: 0 12px; border-color: #7f7f7f; }
.help-block { font-size: 12px; }

.wrap > .container { padding: 74px 15px 10px; }

label { font-weight: normal;}

label.control-label { font-weight: normal; }

.v-center { position: relative; transform: translateY(50%); }








.login-form { margin: 0 auto; width: 212px; }
.login-form  { text-align: center; }
.login-form  > .btn { margin: 0 auto; }

.signup-form { margin: 0 auto; width: 212px; }
.signup-form img { max-height: 42px; }
.signup-form div.flex { display: flex; justify-content: space-between; align-items: center; }







.btn { font-size: 16px; padding: 5px 40px; }
.btn-primary { background-color: #33b5ff; border-color: #33b5ff; }


.aaa { height: 124px; background: #fff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);}
.aaa div.flex { width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 16px; height: 124px; }
.aaa div.flex > div { display: flex; justify-content: space-between; align-items: center; word-wrap: break-word; max-width: 25%; }
.aaa div.flex > div > img { padding-right: 10px; padding-left: 10px; box-sizing: content-box;}


.site-index-flex-title { height: 110px; display: flex; align-items: center; justify-content: center; font-size: 24px; text-transform: uppercase; }
.site-index-flex-title > * { display: block; height: auto; }

.site-index-flex-blocks { display: flex; justify-content: space-between; padding-bottom: 48px;}
.site-index-flex-blocks > div { width: 31%; }
.site-index-flex-blocks > div > span { display: block; margin: 0 auto; font-size: 22px; text-align: center; margin-top: 14px; }
.site-index-flex-blocks > div img { display: block; margin: 0 auto; }
".site-index-flex-blocks > div p { word-break: break-all; }"


div.site-index h1 { font-size: 36px; color: #000; padding-top: 18px; height: 116px; margin: 0 auto; display: block;}
div.site-index h1 small { display: block; font-size: 18px;  margin-top: 12px; }

div.calculator { height: 280px; color: #fff; background: #6db3fc; padding-top: 6px; }
div.calculator:before {
    position: absolute;
    content: '';
    margin-top: -6px;
    left: calc(50% - 10px);
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}
div.calculator div.flex { width: 100%; height: 90px;  display: flex; justify-content: space-between; align-items: center; }
div.calculator a.btn { color:#fff; background-color: #e01435; font-size: 16px; padding: 9px 52px; text-transform: uppercase; }

div.calculator div.flex div.text { font-size: 24px; width: 135px; font-weight: bold; text-transform: uppercase; }
div.calculator div.flex div.slider { width: 600px; }
div.calculator div.flex span.gradient-button { height: 32px; width: 135px; font-size: 18px; color: #000; display: block; border-radius: 16px; text-align: center; line-height: 32px; background: url('/images/gray-gradient.png'); }
div.calculator div.flex img { vertical-align: top; }
div.calculator div.flex:last-child > div:first-child { width: 240px; }
div.calculator div.flex:last-child > div:last-child { width: 240px; text-align: right;}
div.calculator div.flex:last-child > div:first-child p { margin: 0; font-size: 18px;}

div.calculator div.flex:last-child > div:first-child  span { color: #ff02d5; font-weight: bold; text-shadow: -0 -1px 0 #FFFFFF, 0 -1px 0 #FFFFFF, -0 1px 0 #FFFFFF, 0 1px 0 #FFFFFF, -1px -0 0 #FFFFFF, 1px -0 0 #FFFFFF, -1px 0 0 #FFFFFF, 1px 0 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; }

 .ui-slider-horizontal { height: 6px;}
 .ui-slider-horizontal .ui-slider-handle { top: -10px; margin-left: -10px; }
 .ui-widget-header { background: #fff; }
 .ui-slider .ui-slider-handle { height: 20px; width: 20px; border:3px solid #fff; background: #2ea4ff; border-radius: 10px; cursor: pointer; outline: none;}
 .ui-widget-content { background: #a1cfff; height: 6px; border:2px solid #fff; }




 .site-request-password-reset, .site-reset-password {
   width: 320px;
   margin: 0 auto;
   text-align: center;
 }






footer.footer { height: 85px; background: #6db3fc; }

footer p { margin: 0;}