html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
html, body{
height:100%;
}
body{
font:15px Roboto, sans-serif;
min-width:480px;
background:#f5f5f5;
color:#474747;
}
img{
border:none;
display:block;
}
form,fieldset{
margin:0;
padding:0;
border:none;
}
input, textarea{
outline:none;
padding:2px 5px 2px 5px;
font:12px Arial;
}
ul, ol{
margin:0;
padding:0;
list-style:none;
}
a{
outline:none;
text-decoration:none;
cursor:pointer;
}
h1, h2, h3, h4, h5, h6, p, select{
margin:0;
}
table{
border:0px;
border-collapse:collapse;
}
table td{
padding:0px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
display:block;
}
header{
overflow:hidden;
background:#fff url(../img/gray_line.gif) 0 80px repeat-x;
}
section{
max-width:1000px;
margin:0 auto;
position:relative;
}
.logo{
float:left;
width:270px;
height:113px;
background:url(../img/logo_lilac.png) 0 0 no-repeat;
}
#menu{
float:right;
margin:30px 0 0 0;
}
#menu li{
float:left;
/*font:500 18px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 18px;
line-height: normal;
text-transform:uppercase;
margin:0 0 0 37px;
}
#menu li:first-child{
margin:0;
}
#menu li a{
color:#071e28;
}
#menu li a:hover{
color:#ff9e03;
}
.slicknav_menu {
display:none;
}
@media screen and (max-width:739px) {
.js #menu {
display:none;
}
.js .slicknav_menu {
display:block;
}
}
.service{
height:434px;
background:#ffa104 url(../img/compare.jpg) 50% 0 no-repeat;
margin:-33px 0 0;
overflow: hidden;
}
.archive.category .service{
height: 209px;
}
.service h1{
/*font:500 50px/60px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 50px;
line-height: 60px;
color:#fff;
text-transform:uppercase;
text-align:center;
margin:48px 0 0;
}
.service p{
/*font:400 24px/34px 'Roboto';*/
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 24px;
line-height: 34px;
font-family: 'Roboto', sans-serif;
color:#fff;
text-align:center;
margin:4px 0 0;
}
.trackbars{
height:117px;
margin:40px 0 0;
padding:37px 0 0;
background:url(../img/trackbars.png) 0 0 no-repeat;
overflow:hidden;
}
h6{
/*font:500 18px 'Roboto';*/
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 18px;
line-height: normal;
font-family: 'Roboto', sans-serif;
color:#fff;
text-transform:uppercase;
}
.trackbars button{
float:left;
background:#40325f;
border:0;
border-radius:50%;
width:20px;
height:20px;
padding:0;
color:#211242;
font:400 26px/20px 'Roboto';
}
#money,
#term{
float:left;
width:100%;
max-width:460px;
margin:0 0 0 20px;
overflow:hidden;
}
#term{
margin:0 0 0 40px;
}
.trackbars .trackbars_slider{
float:left;
width:310px;
overflow:visible;
margin:15px 0 0;
}
.trackbars .trackbars_slider span{
margin:0 10px;
/*font:400 14px/20px 'Roboto';*/
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 14px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
color:#5e4f7d;
}
.trackbars #term .trackbars_slider span{
margin:0 20px;
}
.trackbars .trackbars_slider .sum{
clear:both;
text-align:center;
padding:5px 0 0;
overflow:hidden;
}
.trackbars .field{
float:right;
overflow:visible;
margin:-21px 0 0;
}
.trackbars .field input{
width:127px;
height:52px;
background:none;
border:2px solid #fff;
border-radius:4px;
/*font:500 28px/30px 'Roboto';*/
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 28px;
line-height: 30px;
font-family: 'Roboto', sans-serif;
color:#fff;
text-align:center;
padding:0;
}
.trackbars .field span{
display:block;
text-align:center;
/*font:400 14px/20px 'Roboto';*/
font-style: normal;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-stretch: normal;
font-size: 14px;
line-height: 20px;
color:#fff;
text-transform:uppercase;
margin:5px 0 0;
}
.best_credits{
margin:28px 0 0;
overflow:visible;
position:relative;
z-index:1;
}
h2{
/*font:600 40px 'Open Sans';*/
font-style: normal;
font-weight: 600;
font-stretch: normal;
font-size: 40px;
line-height: normal;
font-family: 'Open Sans', sans-serif;
color:#211242;
text-transform:uppercase;
}
/*content*/
.content{
float:left;
width:100%;
max-width:740px;
overflow:visible;
}
.credits{
padding:24px 0 0;
overflow:visible;
}
.credits li{
border:3px solid #f0f0f0;
border-radius:4px;
height:157px;
margin:0 0 34px;
background:#fff;
position:relative;
}
.first_credit{
position:absolute;
top:-11px;
left:-11px;
}
.credit_name{
float:left;
margin:48px 0 0 14px;
overflow: hidden;
}
.credit_name img{
display:table-cell;
vertical-align:middle;
}
.conditions{
float:left;
/*font:15px/26px 'Roboto';*/
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-size: 15px;
line-height: 26px;
font-family: 'Roboto', sans-serif;
color:#7f7d81;
margin:11px 0 0 16px;
max-width:185px;
overflow:hidden;
}
.conditions p b{
font:900 15px/26px 'Roboto';
color:#211242;
}
.conditions p a{
color:#1073ac;
font-weight:500;
}
.conditions p a:hover{
color:#ff9e03;
}
.conditions p a span{
display:inline-block;
width:5px;
height:8px;
background:url(../img/arrow.gif) 0 0 no-repeat;
margin:0 0 0 10px;
}
.conditions p a:hover span{
background-position:0 100%;
}
.payoff{
float:right;
width:100%;
max-width:385px;
overflow:hidden;
}
.round{
float:left;
width:16px;
height:157px;
overflow:hidden;
}
.payoff.stars .round{
background:url(../img/payoff.gif) 0 0 no-repeat;
}
.payoff.stars{
background:url(../img/stars.gif) 0 0 repeat;
}
.pay_sum{
float:left;
/*font:15px 'Roboto';*/
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-size: 15px;
line-height: normal;
font-family: 'Roboto', sans-serif;
width:100%;
max-width:188px;
margin:15px 0 0 21px;
overflow:hidden;
}
.pay_sum strong{
display:block;
/*font:900 28px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 900;
font-stretch: normal;
font-size: 28px;
line-height: normal;
color:#e04f16;
background:url(../img/dot_gray.gif) 0 100% repeat-x;
padding:0 0 11px;
}
.payoff.stars .pay_sum strong{
background:url(../img/dot_red.gif) 0 100% repeat-x;
}
.pay_sum strong span{
/*font:600 18px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 600;
font-stretch: normal;
font-size: 18px;
line-height: normal;
}
.pay_sum table{
margin:5px 0 0;
}
.pay_sum td:first-child{
width:117px;
}
.pay_sum td{
/*font:500 15px 'Roboto';*/
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 15px;
line-height: normal;
font-family: 'Roboto', sans-serif;
padding:8px 0 0;
}
.pay_sum td b{
font:900 15px 'Roboto';
}
.request{
float:right;
margin:4px 17px 0 0;
overflow:hidden;
}
.request a{
background:linear-gradient(to top, #e05a00, #fc7f00);
padding:7px 0 8px;
border-bottom:1px solid #d54200;
/*font:500 18px/20px 'Roboto';*/
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 18px;
line-height: 20px;
font-family: 'Roboto', sans-serif;
color:#fff;
text-transform:uppercase;
width:118px;
border-radius:4px;
display:block;
text-align:center;
margin:45px 0 0 8px;
}
.payoff.stars .request a{
margin:10px 0 0 8px;
}
.request a:hover{
background:linear-gradient(to top, #fc7f00, #e05a00);
}
.credits li.no_results{
border:0;
border-radius:0;
height:40px;
background:url(../img/no_results.gif) 0 0 repeat-x;
text-align:center;
font:500 15px/40px 'Roboto';
color:#6b6b6b;
text-transform:uppercase;
}
/*content end*/
/*right column*/
.right_column{
float:right;
width:226px;
overflow:visible;
}
.subscribe{
background:#fff;
border:3px solid #f0f0f0;
border-radius:4px;
margin:24px 0 0;
overflow:hidden;
}
.subscribe span.img{
display:block;
margin:15px auto 26px;
background:url(../img/logo_right.png) 0 0 no-repeat;
width:180px;
height:48px;
}
.subscribe p{
/*font:400 15px/21px 'Roboto';*/
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 15px;
line-height: 21px;
font-family: 'Roboto', sans-serif;
text-align:center;
margin:22px 17px 18px;
}
.subscribe input{
width:156px;
height:36px;
border:2px solid #dfdfdf;
border-radius:3px;
margin:0 auto 20px;
display:block;
/*font:400 15px/36px 'Roboto';*/
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 15px;
line-height: 36px;
font-family: 'Roboto', sans-serif;
color:#b9b9b9;
padding:0 10px;
}
.subscribe input:focus{
color:#474747;
}
.subscribe input[type="submit"],
.compare_conditions input[type="submit"]{
width:176px;
height:40px;
font:400 16px/40px 'Roboto';
background:linear-gradient(to top, #3f296e, #574187);
border:0;
border-bottom:4px solid #2a1a52;
border-radius:4px;
color:#fff;
cursor:pointer;
text-transform:uppercase;
margin:0 auto 7px;
display:block;
}
.subscribe input[type="submit"]:hover,
.compare_conditions input[type="submit"]:hover{
background:linear-gradient(to top, #574187, #3f296e);
}
.compare_conditions h5{
margin:0 0 28px;
}
.compare_conditions .trackbars{
height:auto;
width:180px;
background:none !important;
margin:0 auto;
padding:0;
}
.compare_conditions .trackbars h6{
color:#434343;
text-transform:none;
font:400 15px/24px 'Roboto';
}
.compare_conditions .trackbars #money,
.compare_conditions .trackbars #term{
margin:0 0 15px;
}
.compare_conditions .trackbars .trackbars_slider{
width:180px;
height:20px;
}
.compare_conditions .rangeslider--horizontal{
width:172px;
}
.compare_conditions .rangeslider--horizontal{
margin:0;
height:16px;
background:#f0f0f0 !important;
box-shadow:none;
}
.compare_conditions .rangeslider--horizontal .rangeslider__fill{
height:8px;
background:#493479;
}
.compare_conditions .rangeslider__handle{
width:24px;
height:24px;
}
.compare_conditions .trackbars .field{
margin:-58px 0 0;
}
.compare_conditions .trackbars .field input{
width:61px;
height:26px;
background:none;
border:2px solid #dfdfdf;
border-radius:4px;
font:400 15px/30px 'Roboto';
color:#434343;
text-align:center;
padding:0;
}
.choose_form{
background:#fff;
border:3px solid #f0f0f0;
border-radius:4px;
margin:32px 0;
padding:0 20px;
overflow:visible;
}
.choose_form .radio_btns{
margin:22px 0 0;
border-bottom:2px solid #e0e0e0;
}
.choose_form .radio_btns li{
text-transform:uppercase;
font:400 18px/18px 'Roboto';
color:#211242;
margin:0 0 22px;
}
.checkbox, .radio{
width:18px;
height:18px;
padding:0 5px 0 0;
background:url(../img/checkbox.png) no-repeat;
display:block;
clear:left;
float:left;
margin: 0 9px 9px 0;
cursor: pointer;
}
.radio{
background:url(../img/radio.png) no-repeat;
}
.radio_btns li label{
margin:0 0 0 9px;
}
.checkbox_btns{
/*font:400 15px/18px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 15px;
line-height: 18px;
font-family: 'Roboto', sans-serif;
margin:15px 0 0;
}
.checkbox_btns li{
padding:0 0 12px;
}
.checkbox_btns li label{
/*margin:0 0 0 9px;*/
cursor: pointer;
}
.jquery-selectbox{
float:left;
overflow:visible;
position:relative;
width:176px !important;
height:36px;
border:2px solid #dfdfdf;
border-radius:3px;
z-index:0;
display:inline;
margin:4px 4px 15px 0;
font:9px Arial;
color:#444;
padding:0;
font:400 15px/18px 'Roboto';
}
.jquery-selectbox .jquery-selectbox-currentItem{
padding:8px 0 0 11px;
white-space:nowrap;
display:block;
overflow:hidden;
}
.jquery-selectbox .jquery-selectbox-list{
display:none;
position:absolute;
top:36px;
left:0px;
width:174px !important;
height:120px;
overflow-x:hidden;
overflow-y:auto;
z-index:1000;
border:1px solid #dfdfdf;
background:#fff;
}
.jquery-selectbox .jquery-selectbox-moreButton{
float:right;
background:url("../img/select_arrow.gif") no-repeat 0 0;
width:16px;
height:16px;
cursor:pointer;
margin:14px 10px 0 0;
}
.jquery-selectbox .jquery-selectbox-item.listelementhover{
background:#dfdfdf;
}
.jquery-selectbox .jquery-selectbox-item{
display:block;
cursor:default;
padding:5px 0 5px 11px;
overflow:hidden;
}
.questions{
background:#e4e4e4;
padding:40px 0;
clear:both;
}
.page-template-default .post-content {
padding-bottom: 30px;
}
.post-content h1{
/*font:500 35px/45px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 35px;
line-height: 45px;
color:#211242;
text-transform:uppercase;
margin: 20px 0;
}
h3{
font:500 30px/40px 'Roboto';
color:#211242;
text-transform:uppercase;
}
h4{
font:500 25px/40px 'Roboto';
color:#211242;
text-transform:uppercase;
}
.post-content h3,.post-content h4 {
margin: 30px 0 20px 0;
}
.post-content p {
margin-bottom: 20px;
}
.post-content ul{
margin:32px 0 0 9px;
}
.post-content ul li{
background:url(../img/dot_red1.gif) 0 50% no-repeat;
/*font:400 15px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 15px;
line-height: normal;
padding:0 0 0 20px;
margin:0 0 11px;
}
.attention{
/*background:url(../img/money.png) 100% 0 no-repeat;*/
/*background: url(../img/money.png) right bottom no-repeat;*/
padding:18px 0 35px;
/*font:400 15px/23px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 15px;
line-height: 23px;
overflow:hidden;
}
/*.attention h4{
margin:0 0 27px;
}*/
.logos{
clear: both;
background:#fff;
padding:0 0 25px;
}
.logos ul{
width:100%;
text-align:center;
padding:60px 0 0;
}
.logos li{
display:inline-block;
width:24%;
}
.logos li img{
display:inline;
}
/*right column end*/
/*footer*/
.footer{
background:#fff;
}
footer{
width:100%;
min-height:260px;
background:#211242 url(../img/footer.gif) 50% 0 no-repeat;
padding:37px 0 0;
overflow:hidden;
}
footer .footer_img{
display:block;
margin:0 auto 53px;
background:url(../img/logo_lilac1.gif) 0 0 no-repeat;
width:228px;
height:61px;
}
footer p{
/*font:500 15px/23px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 15px;
line-height: 23px;
color:#8d7faa;
text-align:center;
margin:22px 0 0;
}
footer a{
/*font:500 15px/23px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 15px;
line-height: 23px;
color:#8d7faa;
text-align:center;
margin:22px 0 0;
}
.breadcrumbs{
margin: 10px;
text-align: center;
}
footer p a{
color:#8d7faa;
}
footer p a:hover{
color:#ff9e03;
text-decoration:underline;
}
footer p span{
color:#fff;
text-transform:uppercase;
}
footer p i{
color:#ff9e03;
text-transform:uppercase;
}
/*popup*/
.popup_link{
float:left;
font:900 25px 'Roboto';
margin:20px 0 0 30px;
}
#mask{
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
#boxes{
overflow:hidden;
}
#boxes .window{
position:fixed;
left:0;
top:0;
width:440px;
display:none;
z-index:9999;
overflow:hidden;
}
#boxes #dialog{
width:100%;
max-width:660px;
background-color:#ffffff;
overflow:hidden;
}
.close{
float:right;
background:#ffa104;
border-radius:50%;
padding:8px 13px;
font:900 15px 'Roboto';
margin:10px;
color:#071e28;
}
.window h4{
text-transform:none;
margin:10px 0 20px 10px;
}
.window strong{
display:block;
background:#ffa104;
padding:20px;
text-align:center;
font:500 15px 'Roboto';
}
.window .info{
float:left;
margin:20px;
max-width:40%;
overflow:hidden;
}
.window h5{
font:500 20px 'Roboto';
}
.window .info li{
overflow:hidden;
font:400 15px 'Roboto';
margin:10px 0 0;
}
.window .info li .check{
width:18px;
height:18px;
float:left;
background:url(../img/checkbox.png) 0 -54px no-repeat;
margin:0 10px 0 0;
}
.window .subscribe{
margin:20px 0 0;
border:0;
}
/*footer end*/
/*blue page*/
.blue_page .slicknav_menu,
.blue_page .slicknav_nav, .blue_page .slicknav_nav ul{
background-color:#0b4861;
}
.blue_page .logo{
background:url(../img/logo_blue.png) 0 0 no-repeat;
}
.blue_page .service{
background:#a8b3b8 url(../img/compare_blue.jpg) 50% 0 no-repeat;
}
.blue_page h2,
.blue_page h3,
.blue_page h4{
color:#122f42;
}
.blue_page .request a{
background:linear-gradient(to top, #159cd4, #0c5776);
border-color:#0a4b67;
}
.blue_page .request a:hover{
background:linear-gradient(to top, #0c5776, #159cd4);
}
.blue_page .payoff.stars .request a{
background:linear-gradient(to top, #e05a00, #fc7f00);
border-color:#d54200;
}
.blue_page .payoff.stars .request a:hover{
background:linear-gradient(to top, #fc7f00, #e05a00);
}
.blue_page .questions li{
background-image:url(../img/dot_blue.gif);
}
.blue_page footer{
background-color:#1179aa;
background-image:url(../img/footer_blue.gif);
}
.blue_page footer p{
color:#fefefe;
}
.blue_page footer p a{
color:#fff;
}
.blue_page .subscribe input[type="submit"]{
background:linear-gradient(to top, #0c5776, #159bd3);
border-color:#0a4b67;
}
.blue_page .subscribe input[type="submit"]:hover{
background:linear-gradient(to top, #159bd3, #0c5776);
}
.blue_page .subscribe span.img{
background:url(../img/logo_right_blue.png) 0 0 no-repeat;
}
.blue_page footer .footer_img{
background:url(../img/logo_blue1.gif) 0 0 no-repeat;
}
.blue_page .trackbars{
background:url(../img/trackbars_blue.png) 0 0 no-repeat;
}
.blue_page .trackbars button{
background:#217da3;
color:#0b4861;
}
.blue_page .rangeslider{
background:#217da3;
}
.blue_page .rangeslider__fill{
background:#94f2ff;
}
.blue_page .compare_conditions .rangeslider__fill,
.green_page .compare_conditions .rangeslider__fill{
background:#7bb507;
}
.blue_page .trackbars .trackbars_slider span,
.green_page .trackbars .trackbars_slider span{
color:#217da3;
}
.blue_page .comments input[type="submit"],
.green_page .comments input[type="submit"]{
background:linear-gradient(to top, #0c5776, #159bd3);
border:0;
}
.blue_page .comments input[type="submit"]:hover,
.green_page .comments input[type="submit"]:hover{
background:linear-gradient(to top, #159bd3, #0c5776);
}
.blue_page .subscribe input[type="submit"],
.blue_page .compare_conditions input[type="submit"],
.green_page .subscribe input[type="submit"],
.green_page .compare_conditions input[type="submit"],
.blue_page .letter_form input[type="submit"],
.green_page .letter_form input[type="submit"]{
background:linear-gradient(to top, #0c5776, #159bd3);
border-color:#0a4b67;
}
.blue_page .subscribe input[type="submit"]:hover,
.blue_page .compare_conditions input[type="submit"]:hover,
.green_page .subscribe input[type="submit"]:hover,
.green_page .compare_conditions input[type="submit"]:hover,
.blue_page .letter_form input[type="submit"]:hover,
.green_page .letter_form input[type="submit"]:hover{
background:linear-gradient(to top, #159bd3, #0c5776);
}
.blue_page .discount{
background-image:url(../img/discount_blue.png);
}
.blue_page ul.dots li,
.green_page ul.dots li{
background-image:url(../img/dot_green1.gif);
}
.blue_page .pager li a:hover,
.blue_page .pager li.active a{
color:#11a3ff;
}
.blue_page .service.article{
background-image:url(../img/blog_blue.jpg);
}
.blue_page .post-content.blog ul li{
background-image:url(../img/dot_blue1.gif);
}
.blue_page blockquote span{
background-image:url(../img/quote_blue.png);
}
.blue_page .letter .letter_img{
background-image:url(../img/letter_blue.png);
}
/*blue page end*/
/*green page*/
.green_page .slicknav_menu,
.green_page .slicknav_nav, .green_page .slicknav_nav ul{
background-color:#7bb507;
}
.green_page .logo{
background:url(../img/logo_green.png) 0 0 no-repeat;
}
.green_page .service{
background:#97c31a url(../img/compare_green.jpg) 50% 0 no-repeat;
}
.green_page h2,
.green_page h3,
.green_page h4{
color:#122f42;
}
.green_page .request a{
background:linear-gradient(to top, #159cd4, #0c5776);
border-color:#0a4b67;
}
.green_page .request a:hover{
background:linear-gradient(to top, #0c5776, #159cd4);
}
.green_page .payoff.stars .request a{
background:linear-gradient(to top, #e05a00, #fc7f00);
border-color:#d54200;
}
.green_page .payoff.stars .request a:hover{
background:linear-gradient(to top, #fc7f00, #e05a00);
}
.green_page .questions li{
background-image:url(../img/dot_blue.gif);
}
.green_page footer{
background-color:#6ba802;
background-image:url(../img/footer_green.gif);
}
.green_page footer p{
color:#fefefe;
}
.green_page footer p a{
color:#fff;
}
.green_page .subscribe input[type="submit"]{
background:linear-gradient(to top, #0c5776, #159bd3);
border-color:#0a4b67;
}
.green_page .subscribe input[type="submit"]:hover{
background:linear-gradient(to top, #159bd3, #0c5776);
}
.green_page .subscribe span.img{
background:url(../img/logo_right_green.png) 0 0 no-repeat;
}
.green_page footer .footer_img{
background:url(../img/logo_green1.gif) 0 0 no-repeat;
}
.green_page .trackbars{
background-image:url(../img/trackbars_green.png);
}
.green_page .trackbars button{
background:#295567;
color:#0e2d3a;
}
.green_page .rangeslider{
background:#295567;
}
.green_page .trackbars .trackbars_slider span{
color:#295567;
}
.green_page .discount{
background-image:url(../img/discount_green.png);
}
.green_page .pager li a:hover,
.green_page .pager li.active a{
color:#6ca803;
}
.green_page .letter .letter_img{
background-image:url(../img/letter_green.png);
}
.green_page .service.article{
background-image:url(../img/blog_green.jpg);
}
.green_page blockquote span{
background-image:url(../img/quote_green.png);
}
.green_page .post-content.blog ul li{
background-image:url(../img/dot_green2.gif);
}
/*green page end*/
/*company page*/
.left_right{
margin:-29px 0 0;
padding:32px 0 0;
background:#f5f5f5;
overflow:hidden;
}
.round_clock{
background:#fff;
border:3px solid #f0f0f0;
border-radius:4px;
padding:37px 0 0;
overflow:visible;
}
.round_clock img{
margin:0 auto;
}
.rating_bg{
background:url(../img/dot_gray1.gif) 0 8px repeat-x;
margin:22px 0 9px;
text-align:center;
}
.rating{
width:99px;
/*background:url(../img/rating.png) 0 0 no-repeat;*/
margin:0 auto 4px;
overflow: hidden;
min-height: 20px;
}
.rating span{
float:left;
height:19px;
background:url(../img/rating.png) 0 100% no-repeat;
}
.round_clock h3{
font:500 24px/30px 'Roboto';
text-align:center;
}
.first_credit_discount{
overflow:visible;
height:93px;
margin:28px 0 0;
}
.discount{
float:right;
background:url(../img/discount.png) 0 0 no-repeat;
max-width:162px;
width:100%;
height:60px;
padding:3px 0 0;
margin:5px -10px 0 0;
font:600 15px/21px 'Roboto';
color:#fff;
text-align:center;
overflow:hidden;
}
.first_credit_discount table{
width:100%;
max-width:550px;
}
.first_credit_discount td{
font:400 15px/20px 'Roboto';
color:#7f7d81;
text-align:center;
}
.first_credit_discount td b{
font:600 18px/20px 'Roboto';
color:#e04f17;
display:block;
margin:12px 0 0;
}
.correct_age{
background:#ebebeb;
text-align:center;
padding:18px 0 20px;
margin:0 0 30px;
overflow:hidden;
}
.correct_age div {
overflow: hidden;
}
.correct_age strong{
font:500 18px/20px 'Roboto';
color:#6d6d6d;
text-transform:uppercase;
display:block;
margin:0 0 20px;
}
.correct_age span{
color:#7f7d81;
background:url(../img/tick.gif) 0 50% no-repeat;
padding:0 0 0 25px;
margin:0 14px;
}
.correct_age a,
.contacts a{
background:linear-gradient(to top, #e05a00, #fc7f00);
border-bottom:4px solid #d54200;
font:500 24px/50px 'Roboto';
padding:2px 0 0;
color:#fff;
text-transform:uppercase;
width:270px;
border-radius:4px;
display:block;
text-align:center;
margin:22px auto 0;
}
.correct_age a:hover,
.contacts a:hover{
background:linear-gradient(to top, #fc7f00, #e05a00);
}
.contacts{
margin:30px 0 0;
overflow:hidden;
}
.contacts table{
width:100%;
margin:11px 0 40px;
}
.contacts td{
height:40px;
vertical-align:middle;
padding:0 0 0 20px;
}
.contacts tr:nth-child(odd){
background:#fff;
}
.correct_age a{
background:linear-gradient(to top, #e05a00, #fc7f00);
border-bottom:4px solid #d54200;
font:500 24px/50px 'Roboto';
padding:2px 0 0;
color:#fff;
text-transform:uppercase;
width:270px;
border-radius:4px;
display:block;
text-align:center;
margin:22px auto 0;
}
.correct_age a:hover{
background:linear-gradient(to top, #fc7f00, #e05a00);
}
.comments{
margin:32px 0 0;
overflow:hidden;
}
.comment_form{
background:#fff;
border:3px solid #f0f0f0;
border-radius:4px;
padding:15px 20px 20px 20px;
margin:32px 0 0;
color:#211242;
overflow:hidden;
}
.comment_form .text_field{
float:left;
margin:0 20px 0 0;
overflow:hidden;
}
.comment_form .textarea{
clear:both;
overflow:hidden;
}
.comment_form .textarea textarea{
width:670px;
height:76px;
border:2px solid #dfdfdf;
border-radius:5px;
margin:14px 0 0;
display:block;
font:400 15px/20px 'Roboto';
padding:0 10px;
}
.comment_form input{
width:196px;
height:36px;
border:2px solid #dfdfdf;
border-radius:5px;
margin:12px 0 16px;
display:block;
font:400 15px/36px 'Roboto';
padding:0 10px;
}
.comments input[type="submit"]{
width:176px;
height:40px;
font:400 16px/40px 'Roboto';
background:linear-gradient(to top, #3f296e, #574187);
border:0;
border-bottom:4px solid #2a1a52;
border-radius:4px;
color:#fff;
cursor:pointer;
text-transform:uppercase;
margin:20px auto 0;
}
.comments input[type="submit"]:hover{
background:linear-gradient(to top, #574187, #3f296e);
}
.grade_bg{
background:#f5f5f5;
padding:10px 0 8px;
margin:10px 0 0;
overflow:hidden;
}
.rating_choose{
unicode-bidi:bidi-override;
direction:rtl;
width:99px;
margin:0 auto;
overflow:hidden;
}
.rating_choose > span {
display:inline-block;
position:relative;
width:19px;
height:19px;
background:url(../img/rating.png) 0 0 no-repeat;
cursor:pointer;
}
.rating_choose > span:hover:before,
.rating_choose > span:hover ~ span:before {
content:"";
position:absolute;
top:0;
left:0;
background:url(../img/rating.png) 0 100% no-repeat;
width:19px;
height:19px;
}
.comment_text{
background:#fff;
border:3px solid #f0f0f0;
border-radius:4px;
padding:20px;
margin:32px 0 0;
color:#211242;
overflow:hidden;
}
.name_date {
overflow:hidden;
}
.name_date b{
float:left;
font:500 18px/20px 'Roboto';
text-transform:uppercase;
color:#211242;
}
.name_date b span{
color:#cecece;
}
.name_date i{
float:right;
color:#cecece;
line-height:20px;
}
.comment_text p{
font:400 15px/21px 'Roboto';
margin:23px 0 10px;
}
.answer_rating{
overflow:hidden;
}
.answer_rating a{
float:left;
color:#1b7eb7;
}
.answer_rating a:hover{
color:#ff9e03;
}
.answer_rating .rating{
float:right;
margin:0;
}
.pager {
margin:36px 0 40px;
line-height:30px;
text-align:center;
overflow:hidden;
}
.archive.category .pager {
clear: both;
padding-top: 30px;
}
.pager .prev,
.pager .next
{
float:left;
width:10px !important;
height:14px !important;
padding:8px 10px !important;
background:#ebebeb url(../img/prev_next.png) 50% 0 no-repeat;
border-radius:15px !important;
box-sizing: inherit !important;
color: transparent !important;
}
.pager .next {
float:right;
background-position:50% 100%;
}
.pager .prev:hover,
.pager .next:hover
{
background-color:#ff9e03;
}
.pager a, .pager span {
font: 500 18px 'Roboto';
color: #211242;
}
.pager a:hover, .pager .page-numbers.current {
color: #ff9e03;
}
.pager li{
display:inline-block;
margin:0 5px;
}
.pager li a{
font:500 18px 'Roboto';
color:#211242;
}
.pager li a:hover,
.pager li.active a{
color:#ff9e03;
}
.compare_conditions{
background:#fff;
border:3px solid #f0f0f0;
border-radius:4px;
padding:15px 20px 20px;
overflow:hidden;
}
.compare_conditions h5,
.best_goals h5{
font:500 18px 'Roboto';
color:#211242;
text-transform:uppercase;
text-align:center;
}
.best_goals{
background:#fff;
border:3px solid #f0f0f0;
border-radius:4px;
margin:32px 0;
padding: 4px 4px 20px 4px;
overflow:hidden;
}
.best_goals h5{
margin:14px 0 0;
line-height:27px;
}
.best_goals p{
margin:18px 10px 0 17px;
line-height:21px;
}
.best_goals img {
width: 100%;
}
/*company page end*/
/*blog page*/
.blog{
overflow:hidden;
}
.service.article{
background-image:url(../img/blog.jpg);
}
.service.article h1{
margin:122px 0 6px;
background:url(../img/feather.png) 50% 100% no-repeat;
padding:0 0 37px;
}
.service.blog h1{
margin:60px 0 6px;
background:url(../img/feather.png) 50% 100% no-repeat;
padding:0 0 37px;
}
.outreach{
/*font:18px/30px 'Open Sans';*/
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: normal;
font-stretch: normal;
font-size: 18px;
line-height: 30px;
overflow:hidden;
}
.outreach p{
margin:32px 0;
}
blockquote {
width:480px;
margin:38px auto;
padding: 13px 60px 16px;
background:#fff;
position:relative;
overflow:visible;
font:italic 20px/30px 'Open Sans';
text-align:center;
}
blockquote:after{
content: '';
position:absolute;
top:-4px;
left:-22px;
width:32px;
height:23px;
background:url(../img/quote.png) 0 0 no-repeat;
}
.outreach h2{
margin:34px 0 0;
}
.post-content.blog {
font-size: 18px;
}
.post-content.blog ul{
margin:32px 0 0 0;
}
.post-content.blog ul li{
background:url(../img/dot_orange.gif) 0 50% no-repeat;
padding:0 0 0 42px;
font-size: 18px;
line-height:30px;
}
.letter{
width:480px;
margin:0 auto 26px;
text-align:center;
overflow:hidden;
}
.letter .letter_img{
display:block;
width:433px;
height:110px;
margin:0 auto;
background:url(../img/letter.png) 0 0 no-repeat;
}
.letter p{
padding:0 20px;
margin-bottom:10px;
}
.letter p a{
color:#1d90cb;
}
.letter p a:hover{
color:#ff9e03;
}
.letter_form{
background:#fff;
border:3px solid #f0f0f0;
border-radius:4px;
padding:0 0 20px;
overflow:hidden;
}
.letter_form input{
display:inline-block;
width:156px;
height:36px;
border:2px solid #dfdfdf;
border-radius:3px;
margin:0 15px 20px;
/*font:400 15px/36px 'Roboto';*/
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 15px;
line-height: 36px;
font-family: 'Roboto', sans-serif;
padding:0 10px;
}
.letter_form input[type="submit"]{
width:176px;
height:40px;
/*font:400 16px/40px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 16px;
line-height: 40px;
background:linear-gradient(to top, #3f296e, #574187);
border:0;
border-bottom:4px solid #2a1a52;
border-radius:4px;
color:#fff;
cursor:pointer;
text-transform:uppercase;
}
.letter_form input[type="submit"]:hover{
background:linear-gradient(to top, #574187, #3f296e);
}
.more_blog{
margin:0 0 80px;
overflow: auto;
}
.archive.category .more_blog {
margin: 80px 0;
}
.more_blog h2{
font-size:50px;
text-align:center;
margin-bottom:23px;
}
.more_blog li{
float:left;
background:#fff;
border:3px solid #f0f0f0;
border-radius:4px;
padding:4px;
width:100%;
max-width:293px;
text-align:center;
margin:0 0 0 32px;
}
.more_blog li:first-child{
margin:0;
}
.more_blog li img{
margin:0 0 13px;
}
.more_blog li a{
/*font:500 18px/27px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 18px;
line-height: 27px;
color:#211242;
text-transform:uppercase;
}
.more_blog li a:hover{
color:#ff9e03;
}
.more_blog li i{
width:40px;
height:4px;
background:#ff9e03;
margin:4px auto 0;
display:block;
}
.more_blog li span{
/* font:400 15px/40px 'Roboto';*/
font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: 400;
font-stretch: normal;
font-size: 15px;
line-height: 40px;
color:#474747;
}
/*blog page end*/
@media screen and (max-width:739px){
.service h1{
font-size:30px;
line-height:40px;
}
.service p{
font-size:20px;
line-height:30px;
}
.credits li{
height:297px;
}
.payoff{
float:none;
max-width:100%;
}
.payoff.stars .round{
display:none;
}
.payoff.stars{
height:157px;
}
.right_column{
float:none;
width:auto;
}
.discount{
float:none;
margin:10px auto;
}
.first_credit_discount{
height:auto;
margin:0 0 10px;
}
.comment_form .text_field{
float:none;
}
.comment_form .textarea textarea{
width:90%;
}
.best_goals img{
margin:0 auto;
}
.credits li.no_results{
background-repeat:repeat;
height:auto;
}
.logos li img{
width:100%;
}
.service{
height:auto;
}
.trackbars{
background:#211242;
height:auto;
}
#money, #term{
margin:0 auto;
}
#term{
margin:20px auto;
}
.blue_page .trackbars{
background:#0b4861;
}
.green_page .trackbars{
background:#20313c;
}
blockquote {
width:420px;
}
}
@media screen and (max-width:1000px){
.service{
height:auto;
}
.trackbars{
background:#211242;
height:auto;
}
#money, #term{
margin:0 auto;
float:none;
}
#term{
margin:20px auto;
}
.content{
float:none;
margin:0 auto;
}
.right_column{
float:none;
width:auto;
}
.more_blog{
margin-bottom:30px;
}
.more_blog ul{
text-align:center;
}
.more_blog li{
float:none;
margin:0 auto 20px !important;
display:inline-block;
}
}
.screen-reader-text {
display: none;
}
.page_title{
font: 500 50px/60px 'Roboto';
color: #fff;
text-transform: uppercase;
text-align: center;
margin: 48px 0 0;
}
.service.blog div{
margin: 60px 0 6px;
background: url(../img/feather.png) 50% 100% no-repeat;
padding: 0 0 37px;
}
.archive_title {
font: 500 50px/60px 'Roboto';
color: #fff;
text-transform: uppercase;
text-align: center;
}
.service.article div {
margin: 122px 0 6px;
background: url(../img/feather.png) 50% 100% no-repeat;
padding: 0 0 37px;
}
.service div {
/*font: 500 50px/60px 'Roboto';*/
font-style: normal;
font-weight: 500;
font-stretch: normal;
font-size: 50px;
line-height: 60px;
font-family: 'Roboto', sans-serif;
color: #fff;
text-transform: uppercase;
text-align: center;
}
.dropdown_menu{
background: #fff;
border: 3px solid #f0f0f0;
border-radius: 4px;
margin: 32px 0;
padding: 1px;
overflow: visible;
}
.label_inline{
margin: 10px;
}
.dropdown_select{
margin: 10px;
}
.cd-select{
width: 100px;
border: 2px solid #dfdfdf;
border-radius: 3px;
display: block;
font: 400 15px/36px 'Roboto';
color: #585858;
}
.is_not_front_page{
height: 500px;
overflow-y: auto;
padding: 0 15px;
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
overflow: visible;
text-transform: none;
}
.dropdown-toggle:after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem;
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-menu.show {
display: block;
position: relative;
transform: translate3d(0px, 5px, 0px);
top: 0px;
left: 0px;
will-change: transform;
}
.dropdown-menu.show a:hover{
text-decoration: underline;
}