@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

body {
    font: normal 15px Open Sans;    
}
.bg-header[role="home"] {
    padding-top: 100px;
    /*background: url(https://cdn1.orangebookvalue.com/photos/images/main-banners.jpg) center top no-repeat;*/    

}
.bg-header[role="home"].mobile {
    /*background: url(http://cdn1.orangebookvalue.com/photos/banner-mobile.jpg) center top repeat-x;*/

}
.rate_widget {
    required:   true;
    overflow:   visible;
    padding:    0px;
    position:   relative;
    width:      250px;
    height:     28px;    
}
.ratings_stars {
    background: url('../../images/img-star-disable.png') no-repeat;
    float:      left;
    height:     28px;
    padding:    2px;
    width:      23px;
}
.ratings_vote {
    background: url('../../images/img-star.png') no-repeat;
}
.ratings_over {
    background: url('../../images/img-star.png') no-repeat;
}
header[role="global"] {
    padding: 0 0 30px;
    margin: 0;    
}

.logo-obv {
    display: inline-block;
    width: 115px;
    height: 82px;
    margin-top: 15px;
    margin-left: 15px;
    background: url(http://cdn.orangebookvalue.com/images/v1/reports/logo.png) left top no-repeat;
    overflow:hidden;
}


.nav-container {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
/*    padding-bottom: 10px;    */
}
.nav-container.fixed {
    background: rgba(235, 247, 252, 0.9);    
}

.nav[role="global"] {
    margin-top: 35px;
    margin-right: 10px;
}
.nav[role="global"] > li {
    padding-top: 6px;
}
.nav[role="global"] > li.img {
    padding-top: 0;
}
.nav[role="global"] > li > a {
    padding: 5px 10px;
    color: #435c7f;
    font-weight: bold;
    text-transform: capitalize;
    cursor: pointer;
}
.nav[role="global"] > li > a .area {
    height: 20px;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-iteration-count: 2;
}

.nav[role="global"] > li.icon > a {
    padding: 6px 10px;
    font-size: 22px;
    text-decoration: none;
}
.nav[role="global"] > li.icon > a:hover {
    text-decoration: none;
}
.nav[role="global"] > li > a:hover,
.nav[role="global"] > li > a:active,
.nav[role="global"] > li > a:focus {
    background: none;
    text-decoration: underline;
}
.nav[role="global"] > li.active > a {
    border-radius: 5px;
    background-color: #202a35;
    text-decoration: none;
    margin-left: 2px;
}
.nav[role="global"] > li.blue > a {
    background-color: #00aeef;
}
.nav[role="global"] > li.orange > a {
    background-color: #fc712c;
}
.nav[role="global"] > li.img > a {
    padding: 0 10px 0 0;
}
.banner-text {
    margin-top: 70px;
    margin-left: 0;
    color: #435c7f;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}
.banner-text span {
    font-size: 26px;
    color: #435c7f;
}
.banner-text span.element {
    color: #435c7f;
    font-size: 22px;
}

.block-obv {
    position: relative;
    max-width: 335px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.block-obv .nav-tabs {
    border-bottom: 1px solid #fff;
}
.block-obv .nav-tabs li:first-child {}
.block-obv .nav-tabs li a,
.block-obv .nav-tabs.nav-justified li a,
.block-obv .nav-tabs li a:hover {
    border-radius: 0;
    border: 1px solid rgba(133, 201, 243, 0.1);
    border-bottom: 0 none;
    background-color: rgba(133, 201, 243, 0.1);
}

.block-obv .nav-tabs li.active a,
.block-obv .nav-tabs li.active a:hover,
.block-obv .nav-tabs li.active a:focus {
    border: 0 none;
    border-top: 1px solid #00aeef;
    border-radius: 0;
    background-color: #fff;    
}
.block-obv .nav-tabs li a .icon {
    font-size: 16px;
}
.block-obv .nav-tabs li a {
    position: relative;
}
.block-obv .nav-tabs li a sup {
    position: absolute;
    right: 10px;
    top: 8px;
    color: #fc712c;
    font-size: 9px;    
}


.block-obv .home {
    padding: 10px;
    border-radius: 0;
    background-color: #ffffff;    
}
.block-obv p {
    color: #3d3d3d;
    font-size: 16px;
    font-weight: bold;
}
.block-obv .tab {
    min-height: 44px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #fff;
}
.block-obv .tab li {
    position: relative;
    display: inline-block;
    width: 49%;
    padding: 10px 15px;
    border-radius: 5px;
    /*border: 3px solid #fff;*/
    color: #525252;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    /*text-transform: uppercase;*/
    cursor: pointer;
}
.block-obv .tab li:hover {
    /*border: 2px solid #ccc;*/
    background-color: #ccc;
}
.block-obv .tab li:after {
    display: none;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #435c7f;
}
.block-obv .tab li.active {
    color: #fff;
    border-radius: 5px;
    border: 2px solid #435c7f;
    background-color: #435c7f;
}
.block-obv .tab li.active:after {
    display: block;
}
.block-obv .form {    
    width: 100%;
    padding-top: 15px;    
}
.block-obv .form .radio label {
    padding-left: 0;
}
.block-obv .form label {
    /*    color: #fff;*/
    font-size: 13px;
    font-weight: normal;    
}
.block-obv .form label input {
    vertical-align: top;
}
.block-obv .form label span {
    display: inline-block;
    margin-top: 1px;
    vertical-align: top;
}
.block-obv .form .form-group {
    /*margin-top: 15px;*/
}
.block-obv .form .form-group input,
.block-obv .form .form-group select {
    height: 40px;
    color: #000;
    border-radius: 5px;
}
.block-obv .form .form-group .btn {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #fc712c;
    border: 0 none;
}

.header[role="home"] {
    /*position: relative;*/
    width: 700px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    background: url(../../images/bg-home-header.gif) left 12px repeat-x;
}
.header[role="home"]#what {
    /*margin-top: 80px;*/
}
.header[role="home"] h2 {
    display: inline;
    padding: 0 40px;
    color: #4b4b4b;
    font-size: 35px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #fff;
}
.bg-header[role="home"].other {
    background-image: none;
}
header[role="global"].other {
    padding: 0 0 15px;
    margin: 0;
    /*background-color: #333;*/
    /*border-bottom: 1px solid #000;*/
}

header[role="global"].other .logo-obv {
    margin-top: 15px;
}
header[role="global"].other .nav[role="global"] {
    margin-top: 35px;
}

.block-container {
    position: relative;
    padding: 50px 0 10px;
    text-align: center;
}
.obv-feature {
    display: inline-block;
    margin: 0 30px;
}
.obv-feature i {
    display: block;
    margin: auto;
    margin-bottom: 25px;
    background: url(../../images/sprite.gif) left top no-repeat;
}
.obv-feature.algo i {
    width: 65px;
    height: 56px;
    background-position: -17px -12px;
}
.obv-feature.tmv i {
    width: 56px;
    height: 56px;
    background-position: -100px -10px;
}
.obv-feature.science i {
    width: 52px;
    height: 56px;
    background-position: -173px -9px;
}

.obv-feature.works {
    position: relative;
    width: 210px;
    margin: 0 20px;
    vertical-align: top;
}
.obv-feature.works i {margin-bottom: 10px;}
.obv-feature.works span {
    font-size: 13px;
    font-weight: normal;
}
.obv-feature.works .saprater {
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 50px;
    margin-right: -10px;
    margin-top: 40px;
    background: url(../../images/sprite.gif) -88px -229px no-repeat;
}

.obv-feature.works.purpose i {
    width: 68px;
    height: 68px;
    background: url(../../images/purpose.svg) left top no-repeat;
}
.obv-feature.works.party i {
    width: 81px;
    height: 44px;
    margin-top: 24px;
    background-position: -114px -227px;
}
.obv-feature.works.category i {
    width: 68px;
    height: 68px;
    /*margin-top: 12px;*/
    background: url(../../images/category.svg) left top no-repeat;
}
.obv-feature.works.parameter i {
    width: 68px;
    height: 68px;
    /*margin-top: 5px;*/
    background: url(../../images/parameter.svg) left top no-repeat;
}
.obv-feature.works.obv i {
    width: 68px;
    height: 68px;
    /*margin-top: 1px;*/
    background: url(../../images/condition.svg) left top no-repeat;
}
.obv-feature.works:last-child .saprater {display: none;}
.obv-feature span {
    color: #313131;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

.block-app-download {
    position: relative;
    height: 320px;
    padding-top: 40px;
    background: #000 url(https://cdn1.orangebookvalue.com/photos/bg_grey.jpg) center top no-repeat;
}
.block-app-download div {     
    color: #fff;
    font-size: 21px;
    text-transform: uppercase;
}
.block-app-download div strong {font-size: 25px;}
.block-app-download div a {
    display: inline-block;
    width: 144px;
    height: 43px;
    margin-right: 20px;
    border: 1px solid #cdcdcd;
    background: url(../../images/sprite.gif) left top no-repeat;
}
.block-app-download div a.apple {background-position: -15px -343px;}
.block-app-download div a.android {background-position: -190px -343px;}

footer[role="global"] {
    position: relative;
    z-index: 1;
    padding: 50px;
    background-color: #eee;
}
.seo-footer {
    padding: 0 50px !important;
    margin-top: 0;
}
footer[role="global"] .links {margin-top: 20px;}
footer[role="global"] .links a {
    display: inline-block;
    width: 32%;
    margin-bottom: 5px;
    color: #737474;
}

.logo-droom {
    width: 253px;
    height: 41px;   
    margin-top: 40px;
    background: url(../../images/sprite.gif) -366px -342px no-repeat;
}

.form-control {
    border: 1px solid #cfcfcf;
    box-shadow: none;
}

.listing {
    position: relative;
    padding: 02 0 20px;
    margin-bottom: 150px;
    text-align: center;
}
.listing .heading {
    display: inline-block;
    margin: 0;
    color: #565656;
    font-size: 25px;
    vertical-align: middle;
}
.listing figure {
    position: relative;
    max-height: 210px;
    margin-top: 20px;
    border-right: 1px solid #d7d7d7;
    overflow: hidden;
}
.listing figure .glyphicon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: -13px;
    margin-top: -9px;
    color: #d7d7d7;
}
.listing figure img {
    width: 100%;
    max-width: 300px;
    min-height: 100%;
    margin: auto;    
    object-fit: cover;
    vertical-align: middle
}
.listing .action {
    margin: 20px 0;
}

.listing .form {
    position: relative;
    margin-top: 20px;
}
.listing .form label {    
    margin-right: 5px;
    vertical-align: top;
}
.listing .form strong {
    display: inline-block;
    margin-top: 3px;
}
.listing .form input[type="text"],
.listing .form select {width: 81px;}
.listing .form .form-group {margin: 0 30px;}


.ico {
    display: inline-block;
    background: url(../../images/icons-sprite.png) left top no-repeat;
}
.ico.driven{
    width: 28px;
    height: 24px;
    background-position: 0 0;
}
.ico.year{
    width: 28px;
    height: 28px;
    background-position: -57px 0;
}

.obv-result {
    position: fixed;
    z-index: 0;
    right: 30px;
    top: 100px;
    padding: 20px 0;
    text-align: center;
}
.obv-result .price {    
    color: #fc7400;
    font-size: 30px;
    font-weight: bold;
}
.obv-result .tabs {
    display: inline-block;    
    padding: 0;
    margin: 0;
    margin-top: 10px;
    border-bottom: 2px solid #fbbe07;
    list-style-type: none;
}
.obv-result .tabs li {
    position: relative;
    display: inline-block;
    width: 120px;
    padding: 7px 0;
    color: #171c24;
    font-size: 13px;
    font-weight: bold;
    background-color: #e1e1e1;
    border: 1px solid #b6b6b6;
    border-bottom: 1px solid #fbbe07;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
}
.obv-result .tabs li.active,
.obv-result .tabs li:hover {
    color: #fff;
    background-color: #ebb103;
    border: 1px solid #ebb103;
}
.obv-result .tabs li .glyphicon {display: none;}
.obv-result .tabs li.active .glyphicon {    
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    margin-left: -7px;
    margin-top: -11px;
    color: #ebb103;
}
.obv-result .guage {
    margin: 0 auto 20px;
}
.obv-result .dropdown {
    display: inline-block;
    margin-left: 40px;
}
.obv-result .dropdown .dropdown-menu {
    width: 188px;
    background-color: #398439;
}
.obv-result .dropdown .dropdown-menu .divider {background-color: #255625}
.obv-result .dropdown .dropdown-menu>li>a {color: #fff; cursor: pointer;}
.obv-result .dropdown .dropdown-menu>li>a:hover {background-color: #5cb85c;}
.obv-result .disclaimer {margin-top: 20px;}
.obv-result .disclaimer .link {
    color: #969696;
    font-size: 12px;    
}
.obv-result .disclaimer .context {
    padding: 10px;
    color: #969696;
    font-size: 12px;    
}

.detail-contact {
    position: relative;
    padding: 40px 0;
    background-color: #f7f7f7;
}
.detail-contact .details {
    position: relative;
    font-size: 14px;    
}
.detail-contact .details label {
    display: inline-block;
    width: 100px;
    font-weight: normal;
}
.detail-contact .details .function {margin-top: 30px;}
.detail-contact .details .function .btn {
    display: block;    
    min-width: 350px;
    margin: auto;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.detail-contact .contact {position: relative;}
.detail-contact .contact .heading {
    margin-top: 0;
    color: #565656;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
}
.detail-contact .contact .rating {margin: 20px 0;}
.detail-contact .contact .form-control {
    color: #c1c1c1;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

/*.why-obv {
    position: relative;    
    margin: auto;    
}*/
.why-obv div.feature {      
    margin-bottom: 50px;
    cursor: pointer;
}
.why-obv div.feature:hover i {opacity: 1;}
.why-obv div.feature i {
    display: inline-block;
    background: url(../../images/sprite.gif) left top no-repeat;    
    /*opacity: 0.4;*/
    color: #58a0db;
    font-size: 80px;
    background: none;
}
.why-obv div.feature:hover i {
    color: #fc712c;
    font-size: 85px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
.why-obv div.feature.independent {
    top: 120px;
    bottom: initial;
    left: -50px;
}
/*.why-obv div.independent i {
    width: 52px;
    height: 41px;
    background-position: -17px -116px;    
}*/
.why-obv div.feature.objective {
    top: 120px;
    bottom: initial;
    right: -34px;
    left: initial;
}
/*.why-obv div.objective i {
    width: 51px;
    height: 50px;
    background-position: -116px -111px;
}*/
.why-obv div.feature.unbiased {    
    bottom: 90px;
    left: -32px;
}
/*.why-obv div.unbiased i {
    width: 53px;
    height: 39px;
    background-position: -17px -179px;
}*/
.why-obv div.feature.driven {    
    bottom: 90px;
    left: initial;
    right: -50px;
}
/*.why-obv div.driven i {
    width: 45px;
    height: 46px;
    background-position: -119px -175px;
}*/




.why-obv div.feature span {
    display: block;
    color: #747474;
    font-size: 18px;
    text-transform: uppercase;
}
.why-obv .screen {
    position: relative;
    width: 317px;
    height: 503px;   
    margin: auto;
    background: #ecf9ff url(//cdn1.orangebookvalue.com/photos/images/web/obv/images/bg-why-1.png) left top no-repeat;
}
.why-obv .screen ul {
    position: absolute;
    top: 76px;
    left: 100px;
    padding: 0;
    margin: 0;
    background-color: #ecf9ff;
    list-style-type: none;
}
.why-obv .screen ul li {
    display: none;
    width: 198px;
    height: 355px;
    padding: 20px;    
}
.why-obv .screen ul li i {
    font-size: 60px;
}
.why-obv .screen ul li span {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.why-obv .screen ul li p {
    margin-top: 20px;
    font-size: 14px;
}
.block-context {
    /*width: 800px;*/
    margin: 30px auto 30px;    
}
.block-context.big {width: 1200px;}
.block-context a.link {
    display: inline-block;
    margin-bottom: 20px;
}

.go-up {    
    position: fixed;
    z-index: 99;
    right: 10px;
    bottom: 20px;
    display: none;
    color: #fc712c;    
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}

.go-up span {font-size: 50px;}
@-moz-document url-prefix() {
    fieldset { display: table-cell; }
}
#loading {
    text-align: center;
}
.mt-150{
    margin-top: 150px !important;
}
.table-determine {color: #fff;}
.table-determine tr {}
.table-determine tr td:nth-child(1),
.table-determine tr th:nth-child(1) {
    color: #000;
    background-color: #ebf7f7;
}
.table-determine tr td:nth-child(2),
.table-determine tr th:nth-child(2) {background-color: #45b97c;}
.table-determine tr td:nth-child(3),
.table-determine tr th:nth-child(3) {background-color: #f5a85a;}
.table-determine tr td:nth-child(4),
.table-determine tr th:nth-child(4) {background-color: #7dbbee;}
.table-determine tr td:nth-child(5),
.table-determine tr th:nth-child(5) {background-color: #9ba9aa;}

#wrapper {
    position: relative;
    height: 150px !important;
}
#wrapper #gauge {
    position: absolute;
    top: 47px;
    left: 52px;
}
#wrapper .ico-gauge {
    font-size: 200px;
}
#wrapper.fair .ico-gauge {color: #e53b24;}
#wrapper.good .ico-gauge {color: #ea6f1d;}
#wrapper.very-good .ico-gauge {color: #fbbe07;}
#wrapper.excellent .ico-gauge {color: #139049;}

#carousel-testimonial {
    min-height: 250px;
}
#carousel-testimonial .video div {
    display: inline-block;
    width: 30%;
    margin: 0 15px;
}
#carousel-testimonial .carousel-control,
#carousel-review .carousel-control {
    width: 30px;
}
#carousel-testimonial .carousel-control.left,
#carousel-testimonial .carousel-control.right,
.carousel .carousel-control.left,
.carousel  .carousel-control.right {
    background: none;
}
#carousel-testimonial .carousel-control.left .glyphicon,
#carousel-testimonial .carousel-control.right .glyphicon,
.carousel  .carousel-control.left .glyphicon,
.carousel  .carousel-control.right .glyphicon {
    margin-top: 60px;
    color: #808080;
    text-shadow: none;
}

.carousel  .review {min-height: 300px;}
.carousel  .review p {
    width: 600px;
    margin: auto;
    margin-bottom: 30px;
    font-style: italic;
}
.carousel  .review figure {
    margin-bottom: 15px;
}
.carousel  .review .link a {
    display: inline-block;
    padding: 2px 20px;
    margin-top: 15px;
    color: #ff8146;
    border: 2px solid #ff8146;
    border-radius: 5px;
}

.testimonials {position: relative;}
.testimonials .videos {}
.testimonials .videos .video {
    display: inline-block;
    width: 30%;
    margin: 0 17px 50px;
}
.testimonials .videos .video div {color: #016ac3;}
.testimonials .videos .video div span {
    font-size: 13px;
    color: #767676;
}

.block-review {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}
.block-review .video {}
.block-review .context {text-align: left;}
.block-review .context p {}
.block-review .context .reviewer {color: #016ac3;}
.block-review .context .reviewer span {
    font-size: 13px;
    color: #767676;
}

.new-price {
    position: relative;
    width: 400px;
    margin: 0 auto 10px;
    padding: 5px 10px;
    background-color: #f4f4f4;
    border-radius: 10px;
}
.new-price .info {

}
.new-price .info i {
    display: inline-block;
    width: 50px;
    height: 46px;
    background: url(../../images/bg-new-vehicle.gif) left top no-repeat;
}
.new-price .info.new i {background-position: 0 0;}
.new-price .info.tco i {background-position: -218px 0;}
.new-price .info .value {
    color: #fc7500;
    font-size: 18px;
    font-weight: bold;
}
.new-price .info span {font-size: 13px;vertical-align: top;color:gray}

.nav-tabs {
    margin-bottom: 30px;
    text-align: center;
}
.nav-tabs li {
    float: none;
    display: inline-block;    
}
.nav-tabs li a {font-weight: bold;}

.block-benefits {
    position: relative;
    padding: 20px 0;
    /*background-color: #000;*/
}
.block-benefits .header {
    /*background: url(../../images/bg-home-header-wht.png) left 12px repeat-x;*/
}
.block-benefits .header h2 {
    /*color: #fff;*/
    /*background: #000 url() center top no-repeat;*/
}

.list {position: relative}
.list.benefits {
    margin-bottom: 50px;
    padding: 0 20px;
    /*color: #fff;*/
    text-align: left;
}
.list.benefits .heading  {
    font-size: 25px;
    font-weight: bold;
}
.list.benefits .heading .icon,
.list.benefits .heading span {vertical-align: top;}
.list.benefits .heading .icon {
    display: inline-block;
    width: 33px;
    height: 35px;
    background: url(../../images/sprite-benefits.gif) left top no-repeat;
}
.list.benefits .heading .icon.icon-buyer {background-position: 0 0;}
.list.benefits .heading .icon.icon-seller {background-position: -62px 0;}
.list.benefits .heading .icon.icon-bank {background-position: 0 -58px;}
.list.benefits .heading .icon.icon-insu {background-position: -64px -59px;}
.list.benefits .heading .icon.icon-web {background-position: 0 -118px;;}

.list.benefits p  {    
    margin-top: 10px;
}
.block-context .alternate {
    background-color: #ffe3ce;
    border-radius: 10px;
}
.block-context .alternate div {
    padding: 20px;
    margin-bottom: 1px;
}
.block-context .alternate div:nth-child(2n+1) {
    /*    background-color: #ffe3ce;*/
}
.block-context .alternate div:nth-child(2n+2) {
    /*background-color: #ffe3ce;*/
}

.press-kit {
    color: #656363;
    font-size: 14px;
}
.press-kit h2 span {
    color: #38b7d1;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #a3a2a2;
}
.press-kit h3 {    
    color: #f45064;
    font-size: 22px;
    font-weight: bold;
}
.press-kit .download-links {
    margin-top: 20px;
}
.press-kit .download-links .fa {
    margin-top: 5px;
    color: #aaaaaa;
    font-size: 10px;
    vertical-align: top;
}
.press-kit .saprater {
    margin-top: 30px;
    margin-bottom: 50px;
    height: 10px;
    box-shadow: 0 5px 10px #eee;
}

.press-kit .list-arrow {
    padding: 0; 
    margin: 0;
    margin-top: 20px;
    list-style-type: none;
    clear: both;
}
.press-kit .list-arrow li {
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #898787;
    font-size: 16px;
    background: url(../../images/bullet-arrow.gif) left 10px no-repeat;
}
.press-kit .list-arrow li.no-bullet {
    background: none;
}
.press-kit .list-arrow li figure {
    margin-top: 20px;
    margin-bottom: 100px;
}

.block-social {
    position: relative;
    height: 550px;
    margin-bottom: 20px;
    border: 2px solid #ccc;
    border-radius: 5px;
    text-align: center;
}
.block-social .heading {
    padding: 10px 5px 15px 15px;
    margin: 0;    
    font-size: 15px;
    font-weight: bold;
    background-color: #ccc;
}
.block-social .heading a {color: #fff;}

.block-social.facebook {
    border: 2px solid #3b5998;
}
.block-social.facebook .heading {
    background-color: #3b5998;
}

.block-social.twitter {
    border: 2px solid #55acee;
}
.block-social.twitter .heading {
    background-color: #55acee;
}
.block-social.media {
    border: 2px solid #55d4ed;
}
.block-social.media .heading {
    background-color: #55d4ed;
}

.list-social {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.list-social li {
    padding: 10px;
    color: #808080;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}
.block-article {
    /*position: relative;*/
    min-height: 400px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2);
}
.block-article.press {min-height: 270px;}
.block-article.clear {
    background-color: transparent;
    box-shadow: none;
}
.block-article .time-date {
    color: #979797;
    font-size: 13px;
}
.block-article .heading {margin-top: 20px;}
.block-article .heading h1 {
    margin: 0;
    padding: 0;
    color: #5b5b5b;
    font-size: 22px;
    font-weight: bold;
}
.block-article figure {
    height: 100px;
    margin: 20px 0;
    text-align: center;
}
.block-article figure img {max-height: 100px;}
.block-article p {
    height: 90px;
    color: #a2a2a2;
    font-size: 17px;
    font-weight: 300;
    overflow: hidden;
}
.block-article.clear p {height: auto;}
.block-article .readmore {    
    text-align: right;
}
.block-article .readmore a {
    color: #737373;
    font-size: 15px;
    font-weight: bold;
}
.block-article .readmore a i {
    font-size: 12px;
}
.block-article.clear .readmore {display: none;}
.modal-open .modal {top: 110px;}

#newspaper .block-article figure {height: auto;}
#newspaper .block-article figure img {
    max-height: none;
    margin: auto;
}
.lightbox[role="feedback"] {
    display: block;
    position: fixed;
    z-index: 1050;    
    bottom: 20%;
    right: 0;
}
.lightbox[role="feedback"] .form,
.lightbox[role="feedback"] .link {
    display: inline-block;
}
.lightbox[role="feedback"] .link {
    display: inline-block;
    margin-right: -39px;
    margin-top: 35px;
    padding: 5px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #f77623;
    color: #fff;
    font-size: 20px;
    text-align: center;
    transform: rotate(-90deg);    
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    vertical-align: top;
    cursor: pointer;
}

.lightbox[role="feedback"] .form {
    position: relative;
    display: none;
    width: 250px;    
    padding: 20px;
    background-color: #f2f2f2;
    vertical-align: top;
}
.lightbox[role="feedback"] .form label {
    font-size: 12px;
    font-weight: normal;
}
.lightbox[role="feedback"] .form label span {color: red;}
.lightbox[role="feedback"] .form .form-control[type="text"],
.lightbox[role="feedback"] .form select.form-control {
    height: 26px;
    padding: 2px 10px;
}
.lightbox[role="feedback"] .form .close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #000;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
    text-shadow: none;
    opacity: 1;
    cursor: pointer;
}



.page[role="blog"] {
    float: left;
    width: 100%;
    margin: 50px 0;
}

.item[role="blog"] {
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.item[role="blog"] figure {
    max-height: 250px;
}
.item[role="blog"] figure img {
    width: 100%;
}

.item[role="blog"] .details {
    padding: 20px;
}
.item[role="blog"] .details .time-share {
    color: #a5a5a5;
    font-size: 12px;
}
.item[role="blog"] .details .time-share i:nth-child(2) {margin-left: 20px;}

.item[role="blog"] .details .heading {
    font-size: 25px;
    font-weight: bold;
}
.item[role="blog"] .details p {
    color: #a5a5a5;
}
.item[role="blog"] .details .link {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}



.aside[role="blog"] {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
.aside[role="blog"] ul {
    padding: 0;
    list-style-type: none;
}
.aside[role="blog"] ul li {
    padding-bottom: 10px;
    color: #616161;    
}
.aside[role="blog"] ul li i {font-size: 17px;}
.aside[role="blog"] ul li a {
    margin-left: 10px;
    color: #616161;
    font-size: 12px;
}

.aside[role="blog"] > .heading {
    margin-top: 50px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    color: #616161;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #969696;
}
.aside[role="blog"] .form-control {
    height: 60px;
}
.aside[role="blog"] .btn {
    padding: 8px;
    font-size: 18px;
    background-color: #f68121;
    border: 1px solid #f68121;
}

.post {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
}
.post .heading {
    font-size: 20px;
    font-weight: bold;
}
.post .time-share {
    color: #a3a3a3;
    font-size: 12px;
}
.post .time-share i:nth-child(2) {margin-left: 20px;}


.loader {    
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.loader img {
    margin-top: 200px;
}

.footerContent{
    margin-top: 10px;
    color: #737474;
}
.footerContent h5{
    margin: 20px 0 5px;
    font-weight: 700;
    font-size: 13px;
}
.footerContent p{
    font-size: 12px;
}

.jcpo-counter p span {
    display: inline-block;
    margin: 0 2px;
    background-color: #1c2534;
}
.block-container .nav-tabs{display: table; margin:0 auto 30px;}
.advance[role="evaluate"] {
    position: absolute;
    z-index: 1;
    top: 70px;
    left: 0;
    width: 98%;
    padding: 20px;
    background-color: #fff;
}
.advance[role="evaluate"] .heading {
    margin-bottom: 15px;
    font-size: 14px;
}
.advance[role="evaluate"] .table-bordered {
    margin: 15px 0;
}
.advance[role="evaluate"] .table-bordered tr td {
    padding: 5px 5px;
    color: #808080;
    font-size: 12px;
    text-align: left;
}

.advance[role="evaluate"] .table-bordered tr td:nth-child(n+2) {
    width: 80px;    
}
.advance[role="evaluate"] .actions {
    margin-top: 10px;
    text-align: center;
}
.advance[role="evaluate"] .actions .btn {
    width: 150px;
}
.advance[role="evaluate"] .form-group label{
    display: block;
    text-align: left;
    font-size: small;
}
#print .block-article figure {
    height: auto;
}
#print .block-article figure img {
    max-height: max-content;
}
.has-error{
    border-color: red;
}

.counterArea {
    position: relative;
}
.youtube {
    position: absolute;
    right: 0;
    top: 10px;
    cursor: pointer;
}
.youtube figure,
.youtube figcaption {
    display: inline-block;
    vertical-align: top;
}
.youtube figcaption {
    margin: 15px 20px 20px;
    color: #ef543b;
    line-height: 1.14;
    text-align: left;
}

.print-edition {
    position: absolute;
    top: 10px;
    cursor: pointer;
}
.print-edition figure,
.print-edition figcaption {
    display: inline-block;
    vertical-align: top;
}
.print-edition figcaption >span {
    margin: 15px 20px 20px;
    color: #00aeef;
    line-height: 1.14;
    text-align: left;
}
.print-edition figcaption {
    margin: 15px 20px 20px;
    color: #f36f21;
    line-height: 1.14;
    text-align: left;
}


.app-report {
    max-width: 800px;
    margin: auto;
    font-size: 12px;
}
.app-report td {
    text-align: center;
}
.app-report td:first-child {
    text-align: left;
}
.app-report .fa {
    font-size: 20px;
}
.app-report .fa-check-circle {
    color: #5bc0de;
}
.app-report .fa-times-circle {
    color: #777;
}

.google-ad {
    margin-top: 20px;
    margin-bottom: 10px;
}
.navbar-toggle {
    background-color: rgba(0, 0, 0, 1) !important;
}


.features[role="obv"] {
    min-height: 95px;
    padding: 15px 5px 5px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 0 7px 0 rgba(186, 186, 186, 0.6);
}
.features[role="obv"] > i,
.features[role="obv"] span {
    display: inline-block;
    vertical-align: top;
}
.features[role="obv"] > i {
    width: 65px;
    height: 65px;
    margin-right: 5px;
    /*    padding-top: 13px;    
        border-radius: 65px;
        background-color: #00aeef;
        text-align: center;*/
}
.features[role="obv"] i.top {
    padding-top: 20px;
}
.features[role="obv"] span {
    margin-top: 22px;
    color: #313131;
    font-size: 14px;
    font-weight: 600;
}
.features[role="obv"] .btn {
    font-size: 11px;
}
.features[role="obv"] .btn-primary {
    border: 1px solid #009ee3;
    background-color: #009ee3;
}
.features[role="obv"] .btn-primary:hover {
    background-color: #078cc5;
}
.features[role="obv"] .btn-warning {
    border: 1px solid #f36f21;
    background-color: #f36f21;
}
.features[role="obv"] .btn-warning:hover {
    background-color: #d6560a;
}


.timer[role="obv"] {
    /*margin-top: 10px;*/
    text-align: center;
}
.timer[role="obv"] .label {
    margin-top: 10px;
}
.timer[role="obv"] .jcpo-counter {
    margin: 0;
}
.timer[role="obv"] .jcpo-counter {
    display: table;
    width: 100%;
}
.timer[role="obv"] .jcpo-counter p {
    display: table-row;
}
.timer[role="obv"] .jcpo-counter p span {
    display: table-cell;
    border-right: 1px solid #fff;
    font-size: 20px;
}
.timer[role="obv"] .jcpo-counter p span.counter-comma {
    width: 5px;
}
.timer[role="obv"] .jcpo-counter p span.counter-digit {
    min-width: max-content;
    margin: 0;
    color: #fff;
}

.dropdown {}
.dropdown .dropdown-menu {}
.dropdown .dropdown-menu li.input {
    padding: 3px 20px;
}

#locationModal {}
#locationModal .select-box {
    padding: 25px 20px 10px;
    background-color: #f0f0f0;
}
.plate {
    display: inline-block;
    width: 101px; 
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
}
.plate figure {
    width: 101px;
    height: 47px;
    background: url(https://cdn1.droom.in/photos/images/web/obv/images/sfs.png) left top no-repeat;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.plate figure figcaption {    
    margin-left: 35px;
    padding-top: 6px;
    color: #969696;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
    text-align: left;
}
.plate label {
    color: #999999;
    font-size: 15px;
}
.plate.active {}
.plate.active label {
    color: #ec6a20;
}
.plate.active figure {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.plate.active figure figcaption {
    color: #000;
}
.plate figure:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.lion-modal {}
.lion-modal img {
    height: 250px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.tvc{
    cursor: pointer;
}
.location {
    margin-top: 280px;
    margin-left: 50px;
    cursor: pointer;
}
.location img,
.location label,
.location span {
    display: inline-block;
    vertical-align: top;
}
.location img {
    height: 30px;
}
.location label,
.location span {
    margin-top: 5px;
    color: #fff;
    font-size: 18px;
}
.location span {
    margin-top: 10px;
    font-size: 13px;
}
.location:hover label,
.location:hover span {
    /*color: #009ee3;*/
    text-decoration: underline;
    cursor: pointer;
}
.block-content{
    min-height: 100px;
}
#number1{
    font-size: 900%;
}

#number2{
    font-size: 500%;
}

.total{
    width: 100%;
}

.label {
    color: #6aa135;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}

.count {
    text-shadow: 0 -1px 0 #72a441;
    color: #f36f21;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 1px;
}

#position {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.timer > label{
    font-size:11px !important; 
}
.has_error{
    border-color: red !important;
}
.has_error[type="text"]{
    //border: 5px !important;
     border-bottom: 1px solid red !important;
}

.disabled-select{
    background-color: rgba(128, 128, 128, 0.25) !important;
}

.enabled-select{
    border-color: #009ee3 !important;
}

#error_msg{
    color: maroon;
    font-size: 12px;
    text-align: center;
}

.breadcrumb[role="global"]{
    padding: 13px;
    margin: 0 0 5px;
    background-color: transparent;
}
.breadcrumb[role="global"] li {
    color: #a2adbd;
}
.breadcrumb[role="global"] li a {
    color: #30343e;
}

.breadcrumb>li+li:before{
    display: none;
}

.loin {}
.bakra {}

/*Home page Banner*/
.banner[role="home"] {
    position: absolute;
    z-index: -1;
}
.banner[role="home"] figure {
    height: 560px;
}
.banner[role="home"] figure.vehicle {background: url(https://cdn1.orangebookvalue.com/photos/images/main-banners.jpg) center top no-repeat;}
.banner[role="home"] figure.mobile {background: url(https://cdn1.orangebookvalue.com/photos/banner-mobile.jpg) center top no-repeat;}

footer[role=main] .links {
    /*margin-bottom: 50px;*/
    padding: 50px 10px;
    background-color: #4d4d4d;
    border-bottom: 5px solid #484848;
    color: #fff;
}
footer[role=main] .block {
    margin-bottom: 30px;
    padding: 10px;
    background: none;
    box-shadow: none;
}
footer[role=main] .block .header {
    padding: 0;
    margin-bottom: 10px;
}
footer[role=main] .block .header .heading {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}
footer[role=main] .block .header h4.heading{
    font-size: 24px;
    font-weight: 700;
}
footer[role=main] .block .header h5.heading{
    font-size: 17px;
    font-weight: 600;
}
footer[role=main] .block .content {
    padding: 10px;
}
footer[role=main] .block .icon {    
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 30px;
}
footer[role=main] .block .icon > span,
footer[role=main] .block .icon > span:before {
    position: absolute;
    top: 0;
    right: 0;
}

footer[role=main] .links li, 
footer[role=main] .links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
footer[role=main] .links a {
    color: #fff;
    /* font-size: 11px; */
    font-weight: 300;
    line-height: 2;
}
footer[role=main] .links .btn.btn-deafult {
    background-color: #fff;
    color: #06a1e3;
    font-weight: 600;
}
footer[role=main] .links a {
    color: #fff;
    font-weight: 300;
    line-height: 2;
}
footer[role=main] .links .social-icon{
    margin-top: 20px;
}
footer[role=main] .links .social-icon a {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 37px;
    margin-right: 10px;
    border-radius: 100%;
    background: #fff;
    color: #4d4d4d;
    font-size: 22px;
    text-align: center;
}
footer[role=main] .links .social-icon a i.fa{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
footer[role=main] .sprite {
    width: 120px;
    height: 40px;
    background: url(https://cdn1.orangebookvalue.com/images/v1/sprite/layout.svg) left top no-repeat;
}
footer[role=main] .sprite.service {
    display: inline-block;
    width: 236px;
    height: 41px;
    background-position: -20px -168px;
}
footer[role=main] .faqs {
    margin-bottom: 50px;
    color: #435c7f;
}
footer[role=main] .faqs h6{
    font-size: 16px;
    font-weight: 600;
}
footer[role=main] .faqs p {
    font-size: 13px;
}
footer[role=main] .copyright {
    padding: 50px;
    background-color: #4d4d4d;
    color: #fff;
    text-align: center;
}
.fb_iframe_widget{
    vertical-align: top;
}
.tab-content #print2 .block-article figure img {
    max-height: 100%;
    width: 100%;
}

.tab-content #print2 .block-article figure {
    height:  auto;
}

.text-decoration-none {text-decoration: none;}
.text-decoration-none:hover {text-decoration: none;}

.footer_nav_new {
    width: 100%;
    text-align: center;
}
footer[role=main] .footer_nav_new ul {
    margin: 0 0 10px 0;
    text-align: left;
}
.footer_nav_new label {
    min-width: 90px;
    font-size: 14px;
    text-align: left;
}
.footer_nav_new ul li{
   display: inline-block;
    width: 10%;
    vertical-align: top;
}
.footer_nav_new ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 0px;
}

@media(max-width:990px) {    
    footer[role=main] .links,
    footer[role=main] .faqs{
        /*display: none;*/
    }
    footer[role=main] .copyright {
        position: fixed;
        z-index: 2;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 10px;
        font-size: .75em;
    }
    .footer_nav_new ul li{
        width: 16%;
    }
}
@media(max-width:767px){
    .footer_nav_new ul li{
        width: 49.1%;
    }
    .footer_nav_new label {
    font-weight: 600;
    font-size: 14px;
    display: inherit;
}
    .print-edition {
        position: static;
    }
}