body {

    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif !important;



}







/*-----------SCROLL BAR-------------------*/

::-webkit-scrollbar {

    width: 6px;

}



/* Track */

::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    -webkit-border-radius: 10px;

    border-radius: 10px;

}



/* Handle */

::-webkit-scrollbar-thumb {

    -webkit-border-radius: 10px;

    border-radius: 10px;

    background: rgba(237,239,239,0.8);

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);

}

::-webkit-scrollbar-thumb:window-inactive {

    background: rgba(237,239,239,0.4);

}





.carousel-indicators {

    position: relative;

    left: -7px;

    z-index: 5000 !important;

    margin: 0;

    list-style: none;

}



.carousel-indicators li {

    display: block;

    width: 10px;

    height: 10px;

    margin-left: 5px;

    background: url("../img/dotts.png") no-repeat 0 0;

}

.carousel-indicators .active {

    background-position: 0 -10px;

}

.clear2 {

    clear: both;

}

.clear3 {

    clear: both;

}



.container {

    margin-top: 20px;

}



.navbar-inner {

    border: none !important;

    background-image: none !important;

    background-color: #ffffff !important;

}



.navbar .nav > li > a {

    color: #9c9c9c !important;

    text-transform: uppercase !important;

    font-size: 14px !important;

}



.navbar .nav > li > a:focus,

.navbar .nav > li > a:hover {

    color: #004185 !important;

}



.navbar .nav > .active > a,

.navbar .nav > .active > a:hover,

.navbar .nav > .active > a:focus {

    color: #114e8d !important;

    text-decoration: none;

    background-color: transparent !important;

}





.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    box-shadow: none !important;

}

.graycolor {

     background-color: #eaedec;

     min-height: 518px !important;

 }

.graycolorb {

    background-color: #eaedec;

}



.grayb {

    background-color: #eaedec;

}



.topmargin {

    margin-top: 0px !important;

}



/*---------------------------CONTENT AREA-------------------------------------*/





.paddingb1 {

    padding-bottom: 81px;

    padding-top: 29px;

}



.widthproducts {

    width: 220px !important;

}

.widthproducts2 {

    width: 194px !important;

}





.innerscroll {

    padding-top: 25px;

    padding-left: 30px;

    padding-right: 13px;

    padding-bottom: 19px;

}



.innerscroll2 {

    width: 385px;

    height: 425px;

    position: relative;

    top: 55px;

    left: 38px;

}



.innerscroll3 {

    width: 385px;

    height: 425px;

    position: relative;

    top: 25px;

    left: 38px;

}



.innerscroll p {

    font-size: 13px;

    text-align: left;

    line-height: 18px;

    padding-right: 20px;

}

.innerscroll2 p {

    font-size: 13px;

    text-align: left;

    padding-right: 15px;

}

.innerscroll3 p {

    font-size: 13px;

    text-align: left;

    padding-right: 15px;

}



.innerscroll h3 {

     font-size: 15px;

     color: #050505;

     line-height: 20px !important;

     text-transform: uppercase;

 }



.innerscroll2 h3 {

    font-size: 15px;

    color: #050505;

    line-height: 20px !important;

    text-transform: uppercase;

}



.innerscroll3 h3 {

    font-size: 15px;

    color: #050505;

    line-height: 20px !important;

    text-transform: uppercase;

}



.inner-padding {

    padding-left: 35px;

    padding-right: 35px;

    padding-top: 25px;

    padding-bottom: 25px;

}



.inner-padding2 {

    padding-left: 50px;

    padding-right: 50px;

    padding-top: 25px;

    padding-bottom: 25px;

}



.inner-padding p {

    font-size: 13px;

    text-align: left;

}



.para {

    font-size: 15px !important;

    text-align: left;

    margin-top: 50px;

    line-height: 22px !important;

}



.inner-padding h3 {

    font-size: 15px;

    color: #050505;

    line-height: 20px !important;

    text-transform: uppercase;

}



.inner-padding2 h3 {

    font-size: 15px;

    color: #050505;

    line-height: 20px !important;

    text-transform: uppercase;

}



.activetitle {

    font-size: 14px !important;

    color: #434343 !important;

    text-transform: uppercase;

    text-decoration: none;

}



.activetitle2 {

    font-size: 14px;

    color: #434343;

    text-transform: uppercase;

    text-decoration: none;

    line-height: 126px;

}





.titlecontent {

    font-size: 18px;

    color: #949494;

    text-transform: uppercase;

    text-decoration: none;

}



.arrow-content-blue {

    margin-top: -5px;

}



.inner-padding a {

    text-decoration: none;

}

.paddingleft2 {

    margin-left: 24px;

    text-align: left !important;

}



.concept2 {

    margin-left: 10px;

}





.get-directions {

      margin-top: 50px !important;

}

.phone2 {

    color: #434343;

}



.widthspan {

    width: 270px;

    text-align: left;

    float: left;

}



.widthspan p {

    font-size: 13px;

    text-align: left;

}



.row-fluid .span3 {

    width: 30% !important;

}

.imgheight {

    height: 484px;

}



.heighttablet {

    height: 341px !important;

}



.drop1 {

    left: 60px !important;

    width: 300px;

    height: 60px;

}



.drop2 {

    left: 169px !important;

    width: 300px;

    height: 60px;

}



.navbar  .nav > li > .dropdown-menu:before {

    left: 401px !important;

}



.navbar  .nav > li > .dropdown-menu:after {

    left: 402px !important;

}



/*-------------------------NEW NAVG------------------------------------*/



#mainContainer {

    padding-bottom: 0px !important;

}



#megaMenu #primaryNavigation {

    border-bottom: .1em solid #c8c7c7 !important;

}



#megaMenu #primaryNavigation li {

    font-size: 18px !important;

    text-transform: uppercase !important;

    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif !important;

    color: #9e9e9e;

}



#megaMenu {

    padding-bottom: 0px !important;

}



#megaMenu .megaMenuOverlay .section_selector {

    border-bottom: 4px solid #004185 !important;

}



#megaMenu #primaryNavigation ul.menu_container {

    margin-left: 25%;

}



/*--------------------------NAVG LI TOP------------------------*/

.navbar .nav {

    top: 10px !important;

}



@media (min-width: 1200px) {

    .row-fluid .span5 {

        width: 42.17094% !important;

    }

}





.row-fluid .span5 {

    height: 484px !important;

}



.row-fluid .span5 .newheight {

    height: 464px !important;

}



.scrolling {

    overflow-x: hidden;

    overflow-y: scroll;

    height: 430px;

}