/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 24, 2017, 12:17:46 PM
    Author     : debajyotic
*/

body {
    line-height: 1.4;
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    overflow-x: hidden;
}
ol, ul {
    list-style: none;
    text-align:left;
    font-size:20px;
}
ul li:before {
    text-align:left;

}

ul.checkmark {
    list-style-type: none;
    text-align:left;
}

ul.checkmark li {
    background:url("../img/icon-green-tick.png") no-repeat 0 50%;
    padding-left: 30px;
    line-height:50px;
}
.mid-text{color:#000000; font-size:20px;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.mar-top-10{margin-top:10px!important;}
.mar-top-15{margin-top:15px!important;}
.mar-top-20{margin-top:20px!important;}
.mar-top-40{margin-top:40px!important;}
/***********************************
************************************
HEADER 
************************************
***********************************/
.header{    
    background-size: cover!important;
    position: relative;
    min-height: 700px;
}
.bg-color
{
    background-color: rgba(0, 0, 0, 0.1);
    min-height: 700px;
}
.navbar-default{
    background-color: transparent;
    border: none;
    transition: all 0.3s ease-out;
    margin-bottom: 0px;
}
.navbar-default .navbar-header{margin-left: 30px;}
.navbar-default.top-nav-collapse {
    padding: 0;
    background: rgba(64,75,97, 0.9);
}
.navbar-brand {
    padding: 0px;
    font-size: 24px;
    padding: 15px 0px;
    margin-top: 6px;
}
.navbar-default .navbar-brand{
    color:#7285A9;
}
.flag-img{margin-top: 16px;}
.container {
    padding-right: 15px;
    padding-left: 15px;
}
.header-row{ margin-bottom: 18px;}
.banner-info
{
    color: #ffffff;
    margin: 0 10%;
}
.banner-info h1{    
    font-size: 35px;color:#000;
    font-style: normal;
    font-weight: 100;
    line-height: 45px;
    margin-top: 5px;
}
a.headerlink:link,
a.headerlink:visited,
a.headerlink:active { color: #c3e5fe; text-decoration: none; }
a.headerlink:hover { color: #fbcf57; text-decoration:; }

h2.mid-header{color: #000000;font-weight: 100;font-size:30pt;}
.bg-color .graph-section{
    margin-top:-50px;
}
.bg-color .graph-section .graph-container{
    padding-left: 0px;padding-right: 0px; margin-left: 500px;
}
.bg-color .graph-section .graph-container #map-container{
    height: 350px;padding-right: 5px;padding-left: 50px;margin-top: 10px;margin-right: 35px;
}
.bg-color .graph-section .graph-container #chart-container{
    padding-right: 0px;padding-left: 70px;border-left: 1px solid rgba(255,255,255,0.2);
}
.bg-color .graph-section .vcenter, .bg-color .graph-section .vcenter-button{
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.bg-color .graph-section .vcenter-button{
    margin-top:27px;
}
.bg-color .graph-section .vcenter label{
    margin-bottom: 0px;
    color:#000000;
    font-weight: 300; 
}
.bg-color .graph-section .vcenter .single-chart-container{
    height:40px;
}
.bg-color .graph-section .vcenter .widget-channel-cell-slider {
    width: 100%;
    text-align: left;    
}
.bg-color .graph-section .vcenter .widget-channel-cell-slider .rangeslider{
    background: rgba(255, 255, 255, 0.4);    
    display: block;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    height: 7px;
    width: 100%;
    position: relative;
}
.bg-color .graph-section .vcenter .widget-channel-cell-slider .rangeslider .rangeslider__fill {    
    position: absolute;
    height: 7px;
}
.bg-color .disclaimar{    
    position: absolute;
    bottom: 10px;
    right: 200px;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
}
.features{
    margin-top: 30px;
}
.features .thumbnail{
    border:none;
}
.thumbnail img{
    height:65px;
}
hr{border-top: 1px solid #ccc;}
.features .row.vdivide [class*='col-']:not(:last-child):after {
    background: #e0e0e0;
    width: 2px;
    content: "";
    display:block;
    position: absolute;
    top:15px;
    bottom: 0;
    right: 0;
    min-height: 60px;
    max-height: 70px;
}
.sub-text{color:#000000; font-size:16px;}
/***************** Carousel section start *****************/
/* carousel */
#quote-carousel 
{
    padding: 0 20px 20px 20px;
    margin-top: 30px;
    background: rgba(43, 113, 133,0.8);
    border-radius: 6px;
    position: relative;
    bottom: 250px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
    left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
    right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
    background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
    background: #333333;
}
#quote-carousel img
{
    width: 100px;
    height: 100px;
    border: 3px solid #73c1df;
}

.item blockquote {
    border-left: none; 
    margin: 0;
    padding: 10px 0px;
    font-size: 15px;
}
.item blockquote small{color:#c3c3c3;}
.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/* End carousel */

.reach-out {
    font-size: 26px;
    font-weight: 100; 
    color: #000000;
}
.reach-out ul.checkout{
    -webkit-padding-start: 0px;
}
.reach-out ul.checkout li{
    background: url('../img/icon-green-tick.png') no-repeat left top;
    padding: 0px 0px 5px 30px;
    list-style: none;
    margin: 0;
}

/***************** Carousel section end *****************/

/* slider carousel start */
.media-carousel 
{
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
    margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
    background: #333333;
}
.media-carousel img
{
    width: 250px;
    height: 100px
}
/* End carousel */

/* logo slider carousel */
ul.social-buttons {
    text-align: center;
}
.logo-slider-row{margin-top: 20px;}
.logo-slider-row .bx-wrapper{box-shadow:none; background:transparent;border:none;margin-bottom: 45px;}
.btn-lg.round {
    border-radius: 30px;
    background-color: #b13dac;
    font-weight: 300;
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    box-shadow: 0px 4px rgba(0,0,0,0.1);
}
.logo-slider-row .bx-wrapper .bx-controls-direction{
    display:none;
}
.bx-wrapper .bx-pager{
    visibility:hidden;
}
.partner-item{
    height: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.partner-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -50px;
}
.reach-out {
    font-size: 26px;
    font-weight: 100; 
    color: #000000;
}
.reach-out h3{
    font-weight: 100; 
    color: #000000;    
}
.contact-us-form .form-group .control-label{
    color:#000;font-size:14px;font-weight: 300;
}
.contact-us-form .form-group .form-control{
    background-color:#f0f2f2;
    border-color:#dde1e1;
    color:#b5b8c8
}
ul.social-buttons li a {
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.work-flow-container{
    position: relative;
    height: 420px;
}
.work-flow-container .row{
    position: absolute;
    top: -115px;
    width: 100%;
}
.work-flow-container .row .work-flow-img{
    background: url(../img/ratetiger-process-flow.png) no-repeat center center;
    background-size: contain;
    position: absolute;
}
.contact-help{font-size: 24px;margin-bottom: 0px;}
footer{
    background-color:#f0f0f0;margin-top: 40px;color: #474747;padding-bottom: 10px;
}
footer .container .row{margin-left: 0px; margin-right: 0px;}
footer .container .row .privacy-policy small a{font-size:12px;}
.carousel .carousel-inner .item iframe{height: 225px;}

.event-text{
    font-size: 18px; padding: 26px 0 0 22px; color:#000;
}

.text-row{
    width: 62%;
    margin: 0 auto;
}
.text-row .vcenter-button{
    margin: 22px 0 0 22px;
}


/******* Hangling Button new *********/
.slow {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.hanging-container {position: fixed;right:0px;top: 128px;z-index: 1;}
.hanging-container ul { margin: 0; padding: 0; list-style: none;}
.hanging-container ul li { background: #ccc;text-align: center;border-radius:6px 0 0 6px; margin-bottom:15px;}
.hanging-container ul li:first-child {background: #92dd54;}
.hanging-container ul li:last-child {background: #2bb6ef;}
.hanging-container ul li:hover {box-shadow: 0px 3px 10px rgba(0,0,0,0.3);}
.hanging-container ul li a {color: #fff;text-decoration: none;display: block;padding: 10px;border-radius:6px 0 0 6px; }
.hanging-container ul li p {margin: 0;line-height: 16px; font-size: 14px;font-weight:400;margin: 5px 0 0 0;letter-spacing: 0.5px;text-shadow:0 1px 1px rgba(0,0,0,0.5);}
.hanging-container ul li img {width:40px;}

.privacy {color: #666e70;font-size: 14px;margin-top: 15px;}
.privacy label {font-weight: 600;}
.privacy .checkbox { margin:1px 0;line-height:20px;}
.privacy .checkbox label {font-weight: 400;}

@media screen and (max-width: 550px) {
    .media-object{ margin-top:0; }
    .navbar-default .navbar-header{
        margin-left: 0px;
    }
    .navbar-default .navbar-brand {
        padding-left: 16px;
        margin-top: 0px;
    }
    .banner-info{margin: 0 8%;}
    .banner-info h1{
        margin-top: 15px;
    }   
    .bg-color .graph-section .vcenter label {    
        color: white;    
        text-shadow: 1px 1px black;
    }
    .bg-color .graph-section .graph-container #map-container{
        height: 270px;margin-top: 10px;margin-right:0px;
    }
    .bg-color .graph-section .graph-container #chart-container{
        padding: 0px 30px 30px 30px;
        border-left: none;
        margin-top: -40px;
    }   
    .bg-color .graph-section .vcenter-button{
        margin-top: 48px;
        text-align: center;
        display: block;
    }
    #quote-carousel{bottom:0px;}
    #quote-carousel .carousel-indicators {
        bottom: -40px;
    }
    .quote-content{
        margin-bottom: 20px;
    }
    .quote-content .carousel .carousel-inner{
        width: 96%;
        position: relative;
        bottom: -17px;
        margin-left: 5%;
        margin-right: 2%;
        min-height:215px;
    }
    .quote-content .carousel .carousel-inner iframe {
        height:190px;
    }

    .quote-content .carousel:after{    
        left: 47%;
        top: 56%;
    }
    .bg-color .disclaimar{
        bottom: 8px;
        right: 8px;
        font-size: 11px;
    }

    .features .btn-lg.round{
        margin-top:10px;
    }
    .work-flow-container{height: 210px;}
    .work-flow-container .row{top: -235px;}
    .work-flow-container .row .work-flow-img{height: 182px;top: 250px;}
    .features .row.vdivide [class*='col-']:not(:last-child):after{background:transparent;}
    .partner-item img {
        width:150px;
        left: 50%;
        margin-left: -75px;
    }
    .contact-help{margin-top: 10px;}
    footer .container{text-align: center;}
    footer .container .row .privacy-policy{margin-top: 5px; text-align: center;padding-left:5px;padding-right:5px;}	
    footer .container .row .scl-btn-container{padding-left:5px;padding-right:5px;}
    footer div .social-buttons{float: none;margin-top: 10px;}

    .text-row {
        width: 85%;
    }
    .header-row {
        margin-bottom: 5px;
    }
    .event-text {    margin-top: 0px;
        padding: 0px 0 14px 0px;
        text-align: center;
        text-shadow: 0px 2px 0px #000; color:#fff;
    }
    .text-row .vcenter-button {
        margin:15px 0 0 0px;
        text-align: center;
    }

    .hanging-container ul li {margin-bottom: 8px;}
    .hanging-container ul li a {padding: 6px;}
    .hanging-container ul li img {width: 30px;}
    .hanging-container ul li p {line-height: 13px;font-size: 12px;}
    .list-inline>li {padding-right: 0;padding-left: 0;}

}

@media (min-width: 551px) and (max-width: 768px) { 
    .media-object{ margin-top:0; } 
    .navbar-default .navbar-brand {
        padding-left: 16px;
        margin-top: 0px;
    }	
    .banner-info{margin: 0 8%;margin-top: 90px;}
    .banner-info h1{
        margin-top: 15px;
    }
    .bg-color .graph-section .vcenter-button{
        margin-top: 52px;
        text-align: center;
        display: block;
    }
    .bg-color .graph-section .vcenter label {    
        color: white;    
        text-shadow: 1px 1px black;
    }
    .bg-color .graph-section .graph-container #map-container{
        height: 270px;margin-top: 45px;margin-right:0px;
    }
    .bg-color .graph-section .graph-container #chart-container{
        padding: 0px 30px 30px 30px;
        border-left: none;
        margin-top: 0px;
    }   
    .#quote-carousel{bottom: 0px;}
    #quote-carousel .carousel-indicators {
        bottom: -40px;
    }
    .quote-content{
        margin-bottom: 20px;
    }
    .quote-content .carousel .carousel-inner{
        width: 96%;
        position: relative;
        bottom: -20px;
        margin-left: 2%;
        margin-right: 2%;
        min-height:152px;
    }    
    .quote-content .carousel:after{    
        left: 47%;
        top: 49%;
    }
    .bg-color .disclaimar{
        bottom: 8px;
        right: 8px;
        font-size: 11px;
    }

    .features .btn-lg.round{
        margin-top:10px;
    }
    .work-flow-container{height:340px;}
    .work-flow-container .row{top: -235px;}
    .work-flow-container .row .work-flow-img{height:330px;top: 250px;}
    .features .row.vdivide [class*='col-']:not(:last-child):after{background:transparent;}
    .partner-item img {
        width:150px;
        left: 50%;
        margin-left: -75px;
    }
    .contact-help{margin-top: 10px;}
    footer .container{text-align: center;}
    footer .container .row .privacy-policy{margin-top: 5px; text-align: center;}
    footer div .social-buttons{float: none;margin-top: 10px;}

    #quote-carousel{
        bottom: 0px;
    }
    .text-row {
        width: 75%;
    }
    .event-text {
        padding: 16px 0 0 6px;
    }
    .text-row .vcenter-button {
        margin: 18px 0 0 0px;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .banner-info h1{
        margin-top: 15px;
    }
    .bg-color .graph-section .vcenter label {    
        color: white;    
        text-shadow: 1px 1px black;
    }
    .bg-color .graph-section .graph-container #map-container{
        height: 270px;margin-top: 35px;margin-right:20px;
    }
    .bg-color .graph-section .graph-container #chart-container{
        padding-right: 70px;
        padding-left: 70px;
        border-left: none;
        margin-top: -12px;
    }
    .bg-color .disclaimar{right: 50px;}
    #quote-carousel{margin-bottom: -175px;}
    .quote-content .carousel .carousel-inner{
        width: 96%;
        position: relative;
        bottom: -17px;
        margin-left: 2%;
        margin-right: 2%;
    }
    .quote-content .carousel:after{    
        left: 48%;
        top: 45%;
    }
    .work-flow-container{height: 365px;}
    .work-flow-container .row .work-flow-img{height: 600px;}
    footer div .social-buttons{float: none;margin-top: 12px;}
    footer {text-align: center;}
    footer .container .row .privacy-policy{margin-top: 5px; text-align: center;}
    .event-text {text-shadow: 0px 2px 0px #000; }
    #quote-carousel {margin-top: -17px;}
    #quote-carousel .carousel-indicators { bottom: -38px;}
    
}
@media (min-width: 992px) and (max-width: 1199px) {
    .banner-info h1{
        margin-top: 20px;
    }
    .bg-color .graph-section .vcenter-button{
        margin-top: 24px;
        margin-left: 0px;
        text-align: center;
        display: block;
    }
    .bg-color .graph-section .graph-container #map-container{
        margin-right: 20px;
    }
    .bg-color .graph-section .graph-container #chart-container{
        padding-right: 25px;
        padding-left: 50px;
    }
    .bg-color .disclaimar{right: 50px;}
    #quote-carousel{margin-bottom: -175px;background: rgba(43, 113, 133,0.5);}
    #quote-carousel .carousel-indicators {
        bottom: -50px;
    }
    .quote-content .carousel .carousel-inner{
        width: 96%;
        position: relative;
        bottom: -17px;
        margin-left: 2%;
        margin-right: 2%;
    }
    .work-flow-container{height: 460px;}
    .work-flow-container .row .work-flow-img{height: 700px;}
    footer div .social-buttons{float: right;}
    footer .container .row .privacy-policy{margin-top: 5px;}
    .text-row .vcenter-button {
        margin: 18px 0 0 0px;
    }

}
@media screen and (min-width: 1200px) {
    .banner-info h1{
        margin-top: 20px;
    }
    #quote-carousel{
        margin-bottom: -175px;
        bottom: 250px;
        
    }
    #quote-carousel .carousel-indicators {
        bottom: -50px;
    }
    .quote-content .carousel .carousel-inner .item:after{
        left: 48%;
    }	
    .work-flow-container{height: 530px;}
    .work-flow-container .row {top:-80px;}
    .quote-content .carousel .carousel-inner{
        width: 92%;
        margin-left: 4%;
    }
    .work-flow-container .row .work-flow-img{height: 700px;}
    footer div .social-buttons{float: right;}
    footer .container .row .privacy-policy{margin-top: 5px;}
}





@media (width: 1024px) {

    /* .text-row {width: 55%;} */
    #quote-carousel {margin-top: 0px;}
    .banner-info h1 {font-size: 30px;}
    .event-text {padding: 14px 0 0 0px;}
    .bg-color .graph-section .vcenter-button {margin-top: 42px;}



}