.calculator_container{
box-sizing: border-box;
}
.calculator_container *{
box-sizing: border-box;
}
.calculator_container{
position: absolute;
z-index: 100;
top: 110px;
right: 50px;
display: none;
}
.calculator_container input[type="text"]{
padding-left: 0px;
padding-right: 0px;
}
.calculator_close{
position: absolute;
font-size: 20px;
right: 5px;
top: 1px;
color: #dadada;
cursor: pointer;
}
.calculator_container .row{
margin-left: 0px !important;
margin-right: 0px !important;
}
.calculator_container input{
outline: none;
}
.calculator_container{
width: 357px;
*border: 4px solid #2b95b0;
border: 4px solid #1f6579;
border-radius: 3px;
box-shadow: 10px 14px 21px 0px rgba(33, 47, 3, 0.44);
*background-color: #1f6577;
background-color: #164b5a;
}
.calculator_container .row{
padding: 0px 27px 0px 26px;
}
.calc_title{
text-transform: uppercase;
color: #ffffff;
font-family: 'Tahoma';
font-size: 22px;
text-align: center;
font-weight: bold;
padding-top: 13px;
padding-bottom: 15px;
}
.calc_variants{
padding-top: 14px;
padding-bottom: 19px;
}
.calc_variants input[type="radio"]:after{
position: absolute;
content: '';
width: 10px;
height: 10px;
border: 5px solid #47c8e9;
border-radius: 10px;
background-color: #47c8e9;
margin-top: -3px;
margin-left: -3px;
cursor: pointer;
box-sizing: content-box;
}
.calc_variants label{
cursor: pointer;
}
.calc_variants label:last-child{
margin-left: 5px;
}
.calc_variants input[type="radio"]:checked:after{
background: rgb(36,156,187);
background: -moz-linear-gradient(top, rgb(36,156,187) 0%, rgb(31,101,119) 100%);
background: -webkit-linear-gradient(top, rgb(36,156,187) 0%,rgb(31,101,119) 100%);
background: linear-gradient(to bottom, rgb(36,156,187) 0%,rgb(31,101,119) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#249cbb', endColorstr='#1f6577',GradientType=0 );
box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.calc_variants{
*background-color: #2b95b0;
background-color: #1f6579;
}
.calc_variants{
font-family: 'Tahoma';
font-weight: bold;
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
}
.calc_text{
font-family: 'Tahoma';
font-size: 15px;
*color: #47c8e9;
color: #ffffff;
display: inline-block;
}
.calc_price_container{
background: #f3f4f4;
border-radius: 4px;
display: inline-block;
padding: 6px 12px 10px 12px;
box-sizing: border-box;
}
.calc_price_container .calc_dollar{
font-family: 'Tahoma';
font-weight: bold;
font-size: 18px;
color: #2b95b0;
}
.simple_input{
border: none;
font-family: 'Tahoma';
font-size: 15px;
color: #000000;
background: #f3f4f4;
}
.calc_price{
padding-top: 19px;
overflow: hidden;
}
.calc_price input[type="text"]{
width: 152px;
margin-left: 9px;
}
.calc_price_container{
margin-top: 1px;
}
.calc_price .calc_price_container{
width: 201px;
}
#calc_period{
width: 17px;
padding-top: 2px;
}
.calc_options{
clear: both;
border-top: 1px dashed #2a8fa9;
margin-top: 12px;
padding-top: 13px;
}
.calc_period_container{
width: 184px;
float: left;
}
.calc_rate_container{
width: 112px;
float: left;
}
.calc_period_container .calc_text{
width: 58px;
float: left;
}
.calc_period_container .calc_price_container{
width: 111px;
float: left;
}
.calc_rate_container .calc_text{
width: 63px;
float: left;
padding-right: 15px;
}
.calc_rate_container .calc_price_container{
width: 49px;
padding-left: 10px;
}
.calc_options .calc_price_container{
padding-bottom: 11px;
padding-top: 7px;
}
.calc_period_container .calc_price_container{
padding-bottom: 11px;
}
.calc_period_line{
padding-bottom: 19px;
overflow: hidden;
}
#calc_rate{
width: 29px;
text-align: center;
}
.calc_rate_container{
padding-bottom: 21px;
}
.calc_months{
font-family: 'Tahoma';
color: #2b95b0;
font-weight: bold;
font-size: 15px;
}
.calc_result_left{
width: 115px;
float: left;
color: #ffffff;
font-family: 'Tahoma';
font-size: 16px;
}
.calc_result_right{
width: 181px;
float: left;
color: #ffffff;
}
.calc_price .calc_text{
width: 95px;
float: left;
}
.calc_result{
overflow: hidden;
*background-color: #2b95b0;
background-color: #1f6579;
clear: both;
}
.calc_result{
padding-top: 18px;
padding-bottom: 16px;
}
.calc_result_number{
font-family: 'Tahoma';
font-weight: bold;
font-size: 18px;
color: #ffffff;
}
.calc_result_top{
padding-bottom: 8px;
overflow: hidden;
}
.calc_result .calc_dollar{
font-family: 'Tahoma';
font-weight: bold;
font-size: 18px;
color: #ffffff;
margin-left: 1px;
}
.calc_rate_result{
font-family: 'Tahoma';
font-size: 14px;
color: #ffffff;
margin-left: 7px;
}
.calc_form_title{
font-family: 'Tahoma';
color: #ffffff;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
text-align: center;
padding-top: 15px;
padding-bottom: 19px;
}
.calc_form input[type="text"], .calc_form input[type="tel"]{
width: 100%;
border: none;
border-radius: 4px;
font-family: 'Tahoma';
font-size: 15px;
color: #000000;
background: #f3f4f4;
padding: 8px 14px 12px 14px;
margin-bottom: 10px;
}
.calc_form{
text-align: center;
}
.calc_form input[type="submit"]{
width: 229px;
height: 56px;
border-radius: 3px;
border: none;
background: rgb(29,167,203);
background: -moz-linear-gradient(top, rgb(29,167,203) 0%, rgb(2,69,86) 100%);
background: -webkit-linear-gradient(top, rgb(29,167,203) 0%,rgb(2,69,86) 100%);
background: linear-gradient(to bottom, rgb(29,167,203) 0%,rgb(2,69,86) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da7cb', endColorstr='#024556',GradientType=0 );
font-family: 'Tahoma';
font-weight: bold;
font-size: 15px;
color: #ffffff;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 26px;
cursor: pointer;
}
.calc_form input[type="submit"]:hover{
background: rgb(2,69,86);
background: -moz-linear-gradient(top, rgb(2,69,86) 0%, rgb(29,167,203) 100%);
background: -webkit-linear-gradient(top, rgb(2,69,86) 0%,rgb(29,167,203) 100%);
background: linear-gradient(to bottom, rgb(2,69,86) 0%,rgb(29,167,203) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024556', endColorstr='#1da7cb',GradientType=0 );
}
.calc_scroll_line{
border: none;
height: 7px !important;
background-color: #ffffff;
clear: both;
margin-top: 21px;
margin-bottom: 12px;
}
.ui-slider-range-min{
background-color: #47c8e9 !important;
border: none !important;
}
.ui-widget.ui-widget-content{
border: none !important;
}
.ui-slider-handle{
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
border: none !important;
background: rgb(29,167,203) !important;
background: -moz-linear-gradient(top, rgb(29,167,203) 0%, rgb(2,69,86) 100%) !important;
background: -webkit-linear-gradient(top, rgb(29,167,203) 0%,rgb(2,69,86) 100%) !important;
background: linear-gradient(to bottom, rgb(29,167,203) 0%,rgb(2,69,86) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1da7cb', endColorstr='#024556',GradientType=0 ) !important;
outline: none;
top: -7px !important;
cursor: pointer !important;
}
.ui-slider-handle:before{
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #1298ba;
content: '';
display: block;
position: absolute;
margin-top: 3px;
margin-left: 3px;
}
.calc_line_bottom{
font-family: 'Tahoma';
font-size: 13px;
*color: #47c8e9;
color: #ffffff;
}
.calc_line_bottom span{
width: 33.3%;
float: left;
display: block;
}
.calc_line_bottom span:nth-child(2){
text-align: center;
}
.calc_line_bottom span:nth-child(3){
text-align: right;
}
.calc_errors{
color: #ffffff;
font-weight: bold;
}
.navbar-light .navbar-default .navbar-nav>li.menu-contact a{
margin-top: 18px !important;
}
.calculator_button{
float: right;
border: 1px solid;
border-radius: 4px;
margin-top: 26px;
margin-left: 11px;
padding: 0 18px;
font-size: 14px;
display: inline-block;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-ms-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
line-height: 1.25;
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer;
background-color: #69a400;
color: #fff;
position: absolute;
right: 14px;
top: 34px;
}
.calculator_button:hover{
background-color: #ffffff;
color: #69a400;
border-color: #69a400;
}
.calc_success{
color: #ffffff;
padding: 25px;
font-size: 16px;
font-weight: bold;
}
.calculator-box{
display: none;
}
@media all and (max-width: 767px){
.calculator-box{
display: block;
}
}
@media all and (max-width: 991px){
.calculator_button{
position: relative;
top: auto;
right: 40px;
float: left;
margin-left: 36px;
}
}
@media all and (max-width: 500px){
.calculator_container{
top: 102px;
right: 0;
}
}
@media all and (max-width: 375px){
.calculator_button{
float: none;
height: 30px;
margin-top: 5px;
margin-bottom: 5px;
}
}
@media all and (max-width: 358px){
.calculator_container{
width: 100%;
box-shadow: none;
}
.calculator_container .row{
padding: 0px 8px 0px 7px;
}
}