/*Style Listed For Tracker-brokerage*/


/*Base Structure*/
.site_wrapper {width: 100%;  margin: 0 auto 0 auto;}
.container_full {width: 100%; float: left; margin: auto auto auto auto; }




body{  letter-spacing: 1px; font-family: 'Lato', sans-serif; }




/*----------------------------*/
/*section-header*/
/*----------------------------*/


#section-header{padding:0; width: 100%; float: left; position:fixed; z-index: 999;}
#section-header .header-pattern-1{ background-color: #fff;    width: 100%;    border: solid 1px #e3e2e2;
    float: left;
    padding-bottom:0;}
#section-header .header-pattern-1 .header-top{background-color: #0b2641; padding: 7px 0;}
#section-header .header-pattern-1 .header-top a{color:#fff;}
#section-header .header-pattern-1 .header-top a:hover{text-decoration: none;}
#section-header .header-pattern-1 ul{margin-bottom: 0;}
#section-header .header-pattern-1 ul li {display:inline; margin: 0; }
#section-header .header-pattern-1 li{display:inline; padding: 0 7px 0 0; margin:0 2px;}
#section-header .social-list-links{float: right;}
#section-header .container-box{padding:15px;    width: 100%;
    float: left;}
#section-header .container-box .stylish-input-group .input-group-addon{
    background: #dcdbdb !important;
    border-radius: 0;
}
#section-header .container-box .input-group {
    margin-top: 15px;
    position: relative;
    display: table;
    border-collapse: separate;
    width: 36%;
    float:right;
}
#section-header .container-box .stylish-input-group .form-control{ border-right:0; box-shadow:0 0 0; border-color:#ccc; }

#section-header .container-box  .button-area-full{ margin-top: 15px; width: 100%; float: left; background-color:transparent;
text-align: center;}
#section-header .container-box .stylish-input-group button{ border:0;  background:transparent;  }
#section-header .container-box .btn{ border-radius: 0;    border-color: transparent;
    font-size: 16px;}
/*#section-header .panel .middle-content{*/
    /*!*width: 58%;*!*/
    /*!*float: none; *!*/
    /*!*margin: 0 auto;*!*/
    /*background: #000;}*/
#section-header .navbar-nav{
    float: none;
    margin: 0 auto;
    display: table;
    table-layout: fixed;
}
#section-header input{border-radius: 0;}
#section-header select{border-radius: 0;}
#section-header .panel{border-radius: 0;    box-shadow:0 9px 14px rgba(0, 0, 0, 0.42);  width: 100%;  float: left;
background-color: #ffffff;}
#section-header .panel .btn{margin-top: 6px;}
#section-header .panel  .navbar-nav>li>a {font-style: italic;  font-weight: 600;  padding-top: 15px; padding-bottom: 15px;
font-size: 22px;color: #535353;}




#section-header .navbar .dropdown-menu a{color: #337abf;  border-bottom: solid 1px #dad8d8; display: block; padding: 10px 20px;
clear: both;  font-weight: 600;  line-height: 1.42857143;  white-space: nowrap; font-style: italic;}

#section-header .navbar .dropdown-menu{padding: 0;}
#section-header .navbar .dropdown-menu li:hover{background-color: #dcdbdb;}

#section-header .list-group-item:last-child{border-radius: 0;}
#section-header .login-panel-box{max-width: 100%;padding:10px; min-width: 275px;}
#section-header .login-footer{background-color:#0d2d4d; float:left; width: 100% }
#section-header .login-footer p{padding: 5px; font-size: 12px;}
#section-header .login-footer .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]
{margin-left: 0;}

.panel {
    margin-bottom: 0;}
@media (max-width:991px) {
    #section-header input {
        margin:10px 0;
    }
    #section-header select {
        margin:10px 0;
    }

}
@media (max-width:991px){   #section-header {position: relative !important;}}

    @media screen and (min-width: 320px) and (max-width: 500px){#section-header .container-box .input-group {    width: 100%;
margin: 15px 0;}
#section-header input {margin: 0;  }
#section-header .container-box .button-area-full {width: 100%; float: left; background-color: transparent; text-align: left;  }
#section-header .panel .middle-content {  width: 100%; float: none;  margin: 0 auto;  background-color: transparent;
border-top: solid 1px #dad1d1; }}


@media screen and (min-width: 500px) and (max-width: 767px){#section-header .container-box .input-group {width: 49%; margin: 15px 0;}
#section-header input {margin: 0; }
#section-header .container-box .button-area-full { width: 49%; float: left; background-color: transparent; margin: 15px 0;
text-align: left; }
#section-header .panel .middle-content { width: 100%; float: none; margin: 0 auto; background-color: transparent;
border-top: solid 1px #dad1d1;}}

/*@media screen and (min-width: 768px) and (max-width: 991px){#section-header .panel .middle-content { width: 84%;}*/
/*#section-header .container-box .input-group {width: 50%; margin: 15px 0;}*/
#section-header input {margin: 0; }
#section-header .container-box .button-area-full { width: 49%; float: left; background-color: transparent; margin: 15px 0;
text-align: left; }

/*@media screen and (min-width: 992px) and (max-width: 1199px){#section-header .panel .middle-content {width: 64%;}}*/





/*----------------------------*/
/*section-banner*/
/*----------------------------*/

#section-banner{padding:0; width: 100%; float: left; background: url("../images/bg-image.jpg"); background-size: cover;}

#section-banner  .carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: 50px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#section-banner  .carousel-control.right {    border-color: transparent;background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    right: 15px;
    left: auto;
}
#section-banner  .carousel-control.left {    border-color: transparent;background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);}
#section-banner  .carousel-control{ background-color: transparent;}
#section-banner  .carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75);
}
#section-banner  .carousel-caption  h3 {
    font-size: 27px;
    line-height: 30px;
    margin-bottom: 10px;
    font-style: normal;
    color: #fff;
}
#section-banner  .carousel-caption p {
    margin-bottom: 33px;
}

@media screen and (max-width: 767px){
    #section-banner    .carousel-caption p {
        font-size: 10px;
    }
    #section-banner      .carousel-caption {
        background: rgba(0, 0, 0, 0.55);
    }
    #section-banner    .carousel-control {
        top: 20%;
    }
}

@media screen and (max-width: 767px){
#section-banner .carousel-caption h3 {
    font-size: 16px;}
    #section-banner .carousel-caption p {
        margin-bottom: 7px;
    }}

/*----------------------------*/
/*section-middle*/
/*----------------------------*/

#section-middle{padding:0; width: 100%; float: left; position: relative;}

#section-middle  .content-area-full{padding:0; width: 100%; float: left; background-color:#e9e9e9;  margin: 0;
border-top: solid 10px #e52405;;}

#section-middle  .content-area-full  .left-area-full{padding:10px; width: 100%; float: left; margin: 40px 0;}
/*#section-middle  .content-area-full  .left-area-full .left-content-left-area{ padding:0; width: 100%; float: left;*/
/*position: relative; border-bottom: solid 1px #000; margin-bottom: 20px;}*/
#section-middle  .content-area-full  .left-area-full h1{font-style: italic;  font-weight: 600; padding-top: 15px;
font-size: 22px;}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c4c4c4;
}

.br-right{ border-right: solid 1px #c4c4c4}


#section-middle  .content-area-full  .left-area-full .btn-primary{color: #fff; background-color: #000;
border-color: #000;  border-radius: 0; padding: 8px 25px;  margin: 20px 0; transition: all 0.5s ease;}

#section-middle  .content-area-full  .left-area-full .btn-primary:hover{color: #fff; background-color:#e52405;
border-color:#e52405;  border-radius: 0; padding: 8px 25px;  margin: 20px 0;}
#section-middle  .content-area-full  .left-area-full  .carousel-indicators {bottom: -14px;}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #000;
}
.carousel-indicators li{    border: 1px solid #000;}

#section-middle  .content-area-full  .right-area-full{padding:10px; width: 100%; float: left; margin: 40px 0;
    text-align:center;    border-left: solid 2px #c0c0c0;}
#section-middle  .content-area-full  .right-area-full ul{  padding: 10px;  display: inline-block;    text-align: center;
    width: 100%;
    float: left;
}
#section-middle  .content-area-full  .right-area-full ul  li:first-child{background-color:#222121; color: #fff;
padding: 10px;}

#section-middle  .content-area-full  .right-area-full ul  li{background-color:#363636;
    padding: 10px;}

#section-middle  .content-area-full  .right-area-full ul  li img{ width: 100%;}

#section-middle  .content-area-full  .right-area-full ul  li a{ color: #fff;}







/*----------------------------*/
/*section-footer*/
/*----------------------------*/


#footer-area {width: 100%; float:left; padding:15px; text-align:center; background-color:#4e0415;}
#footer-area p{color:#5aa6f4; margin-bottom: 10px;}
#footer-area p a{color:#fff;}
#footer-area p a:hover{color:#5aa6f4;}
#footer-area li{display:inline; padding:5px; color:#fff;}
#footer-area li a{color:#fff;}
#footer-area li a:hover{color:#b4dcfd;}
#footer-area i{vertical-align:middle; margin-right:5px; font-size:18px; color:#5aa6f4;}


/*----------------------------*/
/*customer-page*/
/*----------------------------*/

#section-banner {
    width:100%;
    float: left;
}



#section-banner .banner-image{
    width:100%;
    float: left;
}

#section-banner .banner-image img{ width: 100%;}

#section-middle .content-area-full .left-area-full .form-control{
    border-radius: 0;
    box-shadow: none;
}

#section-middle .content-area-full .left-area-full .form-control:focus {
    border-color: #cccccc;
}
#section-middle .content-area-full .left-area-full label{
    font-family: 'Open Sans', sans-serif;
    color: #323232;
}

#section-middle .content-area-full .left-area-full h3{
    padding:10px 0;
}

#section-middle .content-area-full .left-area-full h3 {
    font-style: italic;
    font-weight: 600;
    padding-top: 15px;
    font-size: 22px;
}
#section-middle  .content-area-full  .left-area-full .btn-default{
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    padding: 8px 25px;
    margin: 20px 0;
    transition: all 0.5s ease;
}

#section-middle  .content-area-full  .left-area-full .btn-default:hover{
    color: #fff;
    background-color:#e52405;
    border-color:#e52405;
    border-radius: 0;
    padding: 8px 25px;
    margin: 20px 0;
}

#section-middle  .content-area-full  .left-area-full h2{
     font-style: italic;
     font-weight: 600;
     padding-top: 15px;
     font-size: 35px;
 }




.pr{
    padding-right:0;
}

@media(max-width: 991px) {
    .pl{
        padding-left: 0;
    }
}



/*----------------------------*/
/*carrier-page*/
/*----------------------------*/



#section-middle  .content-area-full  .carrier-content-full{padding:10px; width: 100%; float: left; margin: 40px 0;}

#section-middle  .content-area-full  .carrier-content-full h2{font-style: italic; font-weight: 600; padding-top: 15px;
font-size: 35px; text-transform:capitalize;}

#section-middle  .content-area-full  .carrier-content-full h1{font-weight: 600; padding-top: 0; font-size: 21px;
color: #d9534f;}

#section-middle  .content-area-full  .carrier-content-full .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    padding: 8px 25px;
    margin: 20px 0;
    transition: all 0.5s ease;
}
#section-middle  .content-area-full  .carrier-content-full  .btn-primary:hover {
    color: #fff;
    background-color: #e52405;
    border-color: #e52405;
    border-radius: 0;
    padding: 8px 25px;
    margin: 20px 0;
}


/*----------------------------*/
/*About-us-page*/
/*----------------------------*/



#section-middle  .content-area-full  .About-us-page{padding:10px; width: 100%; float: left; margin: 40px 0;}

#section-middle  .content-area-full  .About-us-page h2{font-style: italic; font-weight: 600; padding-top: 15px;
    font-size: 35px; text-transform:capitalize;}

#section-middle  .content-area-full  .About-us-page h1{font-weight: 600; padding-top: 0; font-size: 21px;
    color: #d9534f;}



/*----------------------------*/
/*contact-us-page*/
/*----------------------------*/



#section-middle  .content-area-full  .contact-us-page{padding:10px; width: 100%; float: left; margin: 40px 0;}

#section-middle  .content-area-full  .contact-us-page h2{font-style: italic; font-weight: 600; padding-top: 15px;
    font-size: 35px; text-transform:capitalize;}

#section-middle  .content-area-full  .contact-us-page h1{font-weight: 600; padding-top: 0; font-size: 21px;
    color: #d9534f;}

#section-middle  .content-area-full  .contact-us-page  .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    padding: 8px 25px;
    margin: 20px 0;
    transition: all 0.5s ease;
}
#section-middle  .content-area-full  .contact-us-page   .btn-primary:hover {
    color: #fff;
    background-color: #e52405;
    border-color: #e52405;
    border-radius: 0;
    padding: 8px 25px;
    margin: 20px 0;
}

















.sticky {    position: fixed !important;
     width: 100%;
     z-index: 9999;
     top: 0;

     background-color: #fff !important;}



@media(max-width: 767px){

    #section-header .navbar-nav {

        width: 100%;
    }}