body,html {height:100vt; width:100%; clear:both; padding:0; margin:0;}

.clear {clear:both;}
.txtcenter {text-align:center;}
.txtleft {text-align:left;}
.txtright {text-align:right;}
.img-responsive2 {  max-width: 100%;  height: auto}
.float-left {float:left; overflow:hidden;}
.float-right {float:right; overflow:hidden;}

.float-right2 {float:right;}

.img-responsive2 { max-width: 70%;  height: auto;}

.wrapper {width:100%; height:100%; float:left; background: #d7f4fe; }
.FH-left { width:50%; height:100%; xmin-height:750px; padding:130px 9%; float:left; background:#fff;  color:#000;
}
.FH-left h1 {font-size:1.5vw; font-weight:300; text-transform:uppercase; text-align:center; padding:0; margin:0 0 30px 0;}
.FH-left .profile-area {width:100%; float:left; padding:0 0 20px 0; text-align:center;}
.FH-left .profile-img {width:213px; height:213px; border-radius:200px; border:5px solid #63c7e2;}

.FH-left h2 {font-size:23px; font-weight:100; text-align:center; padding:0; margin:0 0 12px 0; line-height: 33px;}
.FH-left h2 span {font-weight:700;}
.FH-left h3 {font-size:18px; font-weight:100; text-align:center; padding:0; margin:0 0 30px 0; line-height: 25px;}
.date-time-location {width:100%; float:left; margin:0 0 0 0;}
.date {width: 25%; float:left; border-right:1px solid #545054; text-align:center; font-size:15px; }
.date p , .time p  {font-weight:100;} 
.date p span, .time p span {font-weight:700;} 
.date img { clear:both; margin:0 0 10px 0; }
.time {width: 30%; float:left; border-right:1px solid #545054; text-align:center;}
.time img { clear:both; margin:0 0 10px 0; }

.location {width:45%; padding:16px 20px 0 20px; float:left;}
.lo-left { float:left;width: 40px; }
.lo-right { float:left;width: 80%; font-size: 13px;font-weight: 100; }
.lo-right span { font-weight:700;}

.button-area {width:100%; float:left; padding:25px 0 40px 0; text-align:center;}
.button-area input[type="button"] { padding:13px 40px; background:#e30016; border:0; border-radius:8px; text-transform:uppercase;}
.button-area input[type="button"]:hover { background:#fc192f}
.counter {width:100%; float:left: padding:20px 0; text-align:center; margin-bottom:30px;}


/* padding:130px 9%;*/ 

.FH-right { width:50%; height:100%; xmin-height:750px; float:left; background:#d7f4fe;}
.FH-right h2 { font-size:1.5vw; font-weight:100;  text-align:center;  text-transform:uppercase; padding:0 0 10px 0; margin:0 0 17px 0; line-height: 25px;}
.FH-right h2 span { font-weight:700;}
.FH-right h3 { font-size:1.5vw; font-weight:100;  text-align:center;  text-transform:uppercase; padding:0; margin:0 0 20px 0; line-height: 40px;}
.FH-right h3 span { font-weight:700;}
.blue { color:#0276a3;}

.desktop { width:100%; float:left; margin-bottom:20px; text-align:center;}

.button-top {width:100%; float:left; text-align:right; position:absolute; padding:10px 20px;}
.btn { padding:10px 30px; color:#fff; background:#e30016; border:0; border-radius:6px; text-transform:uppercase; font-size:14px;}
.btn:hover { background:#fc192f; color:#fff;}


/* new added */
.itr {width:100%; float:left; padding:0 1% 20px 1%; background:#fff; text-align:center; }
.itr-left {width:100%; float:left;}
.itr-left h5 {font-size:28px;line-height:33px; font-weight:300;}
.itr-semibold {font-weight:400; }
.itr-bold {font-weight:700;  }
.itr-bold-red {font-weight:700; color:#cc141c; }
.pad-bot {padding-bottom:17px;}
.pad-top {padding-top:30px;}
.itr-right {width:100%; float:left;}


.fintoo {width:100%; float:left; padding:10% 9% 20px 9%; text-align:center; }
.fintoo-left {width:100%; float:left;}

.fintoo-right h5 {font-size:28px;line-height:33px; font-weight:300;}
.fintoo-right h5 span {font-weight:600; }
.fintoo-right h6 {font-weight:300; font-size:15px;}

.fintoo-right {width:100%; float:left; padding-left:10px;}

.btn-it { padding:10px 30px; color:#fff; background:#05a8e7; border:0; border-radius:6px; text-transform:uppercase; font-size:18px;transition: all 0.3s ease;}
.btn-it:hover { background:#029dd9; color:#fff;}

@media (max-width:1600px) {
  .FH-left {padding: 5% 4%;}
  .img-responsive2 { max-width: 80%;  height: auto}
  .FH-left {padding-top:6%; xmin-height:700px; }
}

@media (max-width:1400px) {
  .FH-left {padding: 5% 4%;}
  .FH-right h2 {font-size: 2.2vw; line-height: 25px;}
  .FH-left h1 {font-size: 2.2vw;}
.FH-left {padding-top:7%; xmin-height:700px }

}

@media (max-width:1200px) {
  .FH-left {padding: 5% 4%;}
  .btn { font-size:12px;}
  .FH-left h1 {font-size: 2.5vw;}
.FH-left {padding-top:5%; }
.itr-left h5,.fintoo-right h5 {font-size: 2.5vw;}

.fintoo-right {padding-left: 10px;}
.fintoo-right h5 {}
.pad-top {padding-top: 0px;}

}


@media (max-width: 991px) {
  .FH-left {padding: 5% 6%;}
  .xFH-right {padding: 5% 6%;}
  .FH-left h1 {font-size: 3.5vw;}
.FH-left{padding-top:5%; }
.itr-left h5 {font-size:2.5vw;}
.itr { padding-top:23%;}
.fintoo-right {padding-top:20%; }
}

@media (max-width: 786px) {
.FH-left {width:100%;}
.button-top {width:100%; float:left; text-align:center; position:relative; padding:25px; background: #001e29;}
.FH-right h2 {font-size: 3.8vw; line-height: 25px;}
.FH-left h1 {font-size:3.7vw; }
.FH-left h1 {font-size:5.7vw;}
.FH-left {padding-top:10%;}
.FH-left h2 {font-size: 26px; line-height: 34px;}
.FH-right h3 { font-size:3.5vw; line-height: 25px;}
.FH-left h2 {font-size:3.5vw; line-height: 40px;}
.FH-right {width:100%;}
.itr { padding:0 9%}
.itr-left, .itr-right, .fintoo-left, .fintoo-right {width:100%; }
.FH-left h1 {font-size:4.5vw;}
.itr-left h5 {font-size:3.5vw;}
.fintoo-right h5 {font-size:3.5vw;}
.fintoo-right {padding-top: 0;}
.FH-left, .FH-right {height:auto;}
}


@media  (max-width: 480px) {
.button-top {padding:25px 20px 0 20px	; background: #001e29;}
.btn {width:100%; text-align:center; margin:auto; margin-bottom:20px;}  
.FH-right h2 {font-size: 6.8vw; line-height: 25px;}
.FH-left{height: auto; min-height:auto; padding-bottom:30px;}
.FH-left h1 {font-size: 7.5vw;}
.FH-left h2 {font-size:5.1vw; line-height: 40px;}

.itr-left h5 {font-size:6.5vw;}
.fintoo-right h5 {font-size:6.5vw;}

}


/* pop up */
.wrapper2 {width:60%; float:left; }
.FH-left-pop { width:100%; padding:2%; float:left; background-image:url(../images/fh-left-bg.jpg); background-repeat:no-repeat; background-position:0 0; color:#fff;}
.FH-left-pop h1 {font-size:50px; font-weight:700; text-transform:uppercase; text-align:center; padding:0; margin:0 0 30px 0;}
.FH-left-pop .profile-area2 {width:100%; float:left; padding:0 0 20px 0; text-align:center;}
.FH-left-pop .profile-img2 {width:213px; height:213px; border-radius:200px; border:5px solid #63c7e2;}

.FH-left-pop h2 {font-size:30px; font-weight:100; text-align:center; padding:0; margin:0 0 12px 0; line-height: 40px;}
.FH-left-pop h2 span {font-weight:700;}
.FH-left-pop h3 {font-size:18px; font-weight:100; text-align:center; padding:0; margin:30px 0 30px 0; line-height: 25px;}
.date-time-location2 {width:100%; float:left; margin:0 0 0 0; padding:20px 0 0 0;}
.date2 {width: 50%; float:left; border-right:1px solid #545054; text-align:center; font-size:15px; }
.date2 p , .time2 p  {font-weight:100;} 
.date2 p span, .time2 p span {font-weight:700;} 
.date2 img { clear:both; margin:0 0 10px 0; }
.time2 {width:50%; float:left; border-right:0; text-align:center;}
.time2 img { clear:both; margin:0 0 10px 0; }

.location2 {width:100%; padding:40px 20px 0 14%; float:left;}
.lo-left2 { float:left;width: 40px; }
.lo-right2 { float:left;width: 80%; font-size: 13px;font-weight: 100; }
.lo-right2 span { font-weight:700;}

.button-area2 {width:100%; float:left; padding:25px 0 10px 0; text-align:center;}
.button-area2 input[type="button"] { padding:13px 40px; background:#e30016; border:0; border-radius:8px; text-transform:uppercase;}
.button-area2 input[type="button"]:hover { background:#fc192f}
.FH-pop-left {width: 50%; float:left;}
.FH-pop-right {width: 50%; float:left;}

.action {
    xwidth: 100px;
    background: #05a9e8;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0;
    cursor: pointer;
    padding: 10px 35px;
    margin: 10px 5px;
}

.action:hover, .healthcheck .actionn:focus {
    xbox-shadow: 0 0 0 2px white, 0 0 0 3px #00bff3;
    background-color: #04a2df;
    transition: all 0.3s ease-in-out;
    color: #fff;
    box-shadow: 0px 5px 12px -1px #ccc;
}



@media (max-width:1600px) {

}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}



@media (max-width: 991px) {

}


@media (max-width: 786px) {
.wrapper2 {width:100%;}
.FH-left-pop { width:100%; padding:5%;}
.FH-pop-left,  .FH-pop-right {  width: 100%; float: left;}
}


@media  (max-width: 480px) {

}



/*End Wizard*/


@brand-color: #b20000;
#tcb-testimonial-carousel {
    a{
        color: @brand-color;
    }
    .text-brand{
        color: @brand-color;
    }
    margin-top: 30px;
    .carousel-indicators .active {
        background: @brand-color;
    }
    .no-margin{
        margin: 0;
    }
    .carousel-indicators li {
        border: 1px solid #ccc;
    }
    .carousel-control {
        color: @brand-color;
        width: 5%;
    }
    .carousel-control:hover,
    .carousel-control:focus {
        color: @brand-color;
    }
    .carousel-control.left,
    .carousel-control.right {
        background-image: none;
    }
    .item{
        padding: 15px 40px;
        background: #f8f8f8;
    }
    .media-object {
        margin: auto;
    }
    @media screen and (max-width: 768px) {
        .media-object {
            margin-bottom: 15px;
        }
    }
}