@font-face {
    font-family: 'gotham';
    src:  url('../fonts/Gotham/GothamBook.ttf') format('truetype');
    font-weight: normal;
    font-style:normal;
}

@font-face {
    font-family: 'gotham-light';
    src:  url('../fonts/Gotham/GOTHAMNARROW-LIGHT_1.OTF') format('truetype');
    font-weight: normal;
    font-style:normal;
}

@font-face {
    font-family: 'gotham-bold';
    src:  url('../fonts/Gotham/GOTHAM-BOLD.TTF') format('truetype');
    font-weight: normal;
    font-style:normal;
}

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color: #0E3A65;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:5px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color: #008DC7;
    /*rgba(160, 77, 152, 0.7);*/
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}
body{
   font-family: 'gotham-light';
}


.header_wrapper{
      background: #0e3a65;
      margin-bottom: 30px;
}


.logo {
    padding: 15px 0px;
    width: 100%;
    text-align: center;
}
.search {
    margin-top: 25px;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
}

.nav>li>a {
    padding: 10px 8px;
}

.navbar{
    margin-bottom: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}


.text_search {
    border: none;
    width: 80%;
    padding: 10px;
    font-style: italic;
    outline-color: #006f9c;
    height: 42px;
    outline-color: #fff;
}

.search_button {
    height: 37px!important;
    background-color: #00acf3!important;
    border: none;
    width: 38px!important;
    background-image: url('../img/btn.png')!important;
    background-repeat: no-repeat!important;
    background-position: top left!important;

}


.text_search {
    width: 69%!important;
    background: #fff!important;
    border-radius: 0px!important;
    height: 37px!important;
}



.search_button:hover{
     background-color: #03719e;
}




.menu {
    text-align: right;
    float: right;
    width:75;
    margin-top: 35px;
    color: #fff;
    font-size: 22px;
}

.menu ul{
  padding-left: 0px;
  list-style: none;
}

.menu ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.menu .glyphicon {
    top: 3px;

}

.sidebar_search h3 {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
}

.sidebar_search {
    background: #0e3a65;
    padding: 15px;
    text-align: center;
    margin-bottom: 30px;
}

.searchformfront {
    margin-top: 18px;
}


.sidebar_search p{
    color: #fff;
}


.sidebar_search h4 {
    color: #fff;
    margin-bottom: 5px;
}

.sidebar_search h4 span{
  text-transform: uppercase;
}
.sidebar_search select{
    width: 80%;
    padding: 5px;
  }




.sidebar_search select {
    background-color: white;
    border: thin solid #008dc7;

    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}


  /* arrows */

select.classic {
    background-image: linear-gradient(45deg, transparent 50%, #0e3a65 50%), linear-gradient(135deg, #0e3a65 50%, transparent 50%), linear-gradient(to right, #008dc7, #008dc7);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.8em 2.5em;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    height: 37px;
}




select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.8em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

.sidebar_search input {
    width: 40%;
    background: #74bf43;
    border: none;
    color: #000;
    height: 37px;

    border-radius: 0px;
    MARGIN-LEFT: -3PX;
    MARGIN-TOP: -1PX;
}



.sidebar_search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.sidebar_search input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.sidebar_search input:-ms-input-placeholder { /* IE 10+ */
 color: #000;
}
.sidebar_search input:-moz-placeholder { /* Firefox 18- */
  color: #000;
}



.sidebar_search input:hover{
    background: #45841c;
}


.pad0{
    padding: 0;
}
.padright0{
 padding-right: 0px;
}

.categories h1{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color:#767676;
}


.cat {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 25px 15px;
    text-align: center;
    margin-bottom: 30px;
}


.cat img{
    margin-bottom: 10px;
}

.cat h3{
height: 57px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;

}


.cat:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,207cca+32,1e5799+100 */
background: rgb(125,185,232); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(125,185,232,1) 0%, rgba(32,124,202,1) 32%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 32%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(125,185,232,1) 0%,rgba(32,124,202,1) 32%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

}

.cat:hover a{
    color:#fff;
}


.cat h3 {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 18px;
}

.cat h3 a{
text-decoration: none;
color: #7d7d7d;
}

.categories{
        padding: 30px 0px;
    float: left;
    width: 100%;
}

.banner{
        margin-bottom: 30px;
}


.list {
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-top: 2px solid #0e3a65;
    padding: 15px;
    background-image: url('/img/green.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 200px;
    margin-bottom: 30px;
}

.list h2 {
    margin: 0px 0px 15px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #0e3a65;
    font-weight: bold;
    width: 60%;
    float: left;
}


.list h2 a{
   color: #0e3a65;
   text-decoration: none;
}

.title_list {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.logo_list {
    width: 85px;
    float: right;
    margin-bottom: 10px;
}

div.icon {
    width: 18px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
}
.sort {
    padding: 10px;
    margin: 0px 15px;
    background: #b4c1d0;
    margin-bottom: 30px;
}

.sort span{
    color:#fff;
}

.sort select {
    color: #333;
    padding: 3px;
    width: 18%;
    margin-left: 1%;
}

.det {
    position: absolute;
    bottom: 32px;
    right: 43px;
    color: #0e3a65;
    font-weight: bold;
}

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

span.web_address{
    width:100%;
float: left;
margin-bottom: 15px;

}


.footer_wrapper {
    padding: 30px 0px 10px 0px;
    background: url('../img/footer_bg.jpg');
    background-position: top center;
    background-repeat: no-repeat;
}

.f_column h3 {
    font-size: 18px;
    color: #fff;
    margin: 0px;
}

.f_column h4 {
    color: #3ba925;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.f_column p {
    color: #8a8a8a;
    font-size: 12px;
}


.f_column a{
    color: #fff;
    text-decoration: none;
}

.f_column ul {
    list-style: none;
    padding-left: 20px;
}
.f_column ul li a {
    color: #fff;
    font-size: 12px;
}

.f_column span{
    color:#fff;
}


.copyright_wrapper {
    background-color: #000000;
    padding: 20px 0px;
}

.copyright_left ul {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.copyright_left ul li:first-child {
    margin-left: 0px;
}
.copyright_left ul li {
    display: inline-block;
    margin: 0px 5px;
}

.copyright_right p {
    text-align: right;
    margin-bottom: 0px;
    font-size: 12px;
    margin-top: 10px;
    color: #767676;
}

.copyright_right p a {
    color: #767676;
}

.page_inner h1{
    margin-top: 0px;
}

.single_view{
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-top: 2px solid #0e3a65;
    padding: 15px;
}

.single_view {
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-top: 2px solid #0e3a65;
    padding: 15px;
    margin-bottom: 30px;
}

.single_view ul li {
    margin-left: 40px;
    font-weight: bold;
    margin-bottom: 5px;
}

.single_view h1 {
    color: #555555;
    font-size: 26px;
    margin-top: 0px;
    width: 72%;
    display: inline;
}

.single_address ul{
    padding-left: 0px;
    list-style: none;
}

.logo_single{
    float: right;
    width: 28%;
    text-align: right;
}

.logo_single img{
    display: inline-block;
}




.single_address span img{
    position: absolute;
}





span.list_phone {
    border-bottom: 1px solid #d1d1d1;
    display: inherit;
    padding: 10px 0px;
}

span.list_phone img {
    margin-right: 20px;
}

a.site{
    color:#008dc7;
}

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

a.list_email {
    margin-left: 0px;
}

.list_description {
    padding-top: 15px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.other_categories span {
    font-weight: bold;
    margin-bottom: 11px;
    width: 100%;
    display: inherit;
}

.other_categories ul{
    border:none;
    padding-left:0;
    list-style: none;
}

.other_categories ul li{
    margin-left: 0px;
}

.other_categories ul li:before {
    content: "• ";
    color: #74bf43;
    padding-right: 3px;
}


.other_categories ul li a{
    color: #0e3a65;
    text-decoration: none;
}


.baner_single{
    margin-bottom: 30px;
}


.related_companies h3{
    margin-top: 0px;
}

 .search_results{
    margin-bottom: 30px;
}

.search_results h3{
    margin-top: 0px;
}

.categories_child h3 {
    font-size: 20px;
    text-transform: uppercase;
    color: #0e3a65;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}
.categories_child{
    border: 1px solid #b4c1d0;
    padding: 15px;
    margin-bottom: 30px;
}


.categories_child h5 a {
    color: #0e3a65;
    text-decoration: none;
    font-weight: bold;
}


.categories_child h5{
  text-align: left;
}

.categories_child h5:before {
    content: "• ";
    color: #74bf43;
    padding-right: 3px;
}



.related_companies .col-lg-6:nth-child(2n+2) {

padding-left: 0px;
}

.related_companies .col-lg-6:nth-child(1) {

padding-right: 0px;
}

.search_wrapper h1{
margin-top: 0px;
}

.cat a.hoverimage{
    width: 50px;
    height: 50px;
    display: inherit;
    overflow: hidden;
     display: inline-block;
}


/*a.hoverimage img:hover{
    margin-top: -50px;
}*/

.cat:hover a.hoverimage img{
    margin-top: -50px;
}

.related_companies{
    float: left;
    width: 100%;
}


.other_categories{
    margin-top: 30px;
}


.category_list h1 {
    margin-top: 10px;
}

.carousel-indicators {
    bottom: 0px;
}


.contact_wrapper h2{
    margin-top: 0px;
}


.contact_wrapper .form-horizontal .control-label{
    text-align: left;
}

h5.info{
    background: #0e3a65;
    padding: 10px;
    color: #fff;
}

.email{
   background: #0e3a65;
    padding: 10px;
    color: #fff;
    font-weight: 100;
    font-family: 'gotham-light';
}

.search .navbar-nav {
    float: right;
    margin: 0;
}

.search .navbar-default{
    background: none;
    border:none;
}


.search .navbar-default .navbar-nav>li>a{
    color:#fff;
    text-transform: uppercase;
        padding: 0px;
}

.search .navbar-default .navbar-nav>li>a:hover{
  color:#74bf43;
}

.search .navbar-default .navbar-nav>li{
        padding: 10px 12px;
}


.search .navbar-default .navbar-nav>li:last-child{
    padding-right: 0px;
}


.search .navbar-collapse{
    padding: 0px;
}

.search .navbar-toggle {
    margin-top: 2px;
}


.carousel-control.right, .carousel-control.left{
    background: none;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -40px;
}


.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -40px;
}




.slider_category .carousel-control .glyphicon-chevron-left, .slider_category .carousel-control .glyphicon-chevron-right, .slider_category .carousel-control .icon-next, .slider_category .carousel-control .icon-prev {
    margin-top: -30px!important;
}


 @media only screen and (max-width : 992px) { /*************************************/


.text_search {
    border: none;

    width: 89%;
    padding: 10px;
    font-style: italic;
    outline-color: #006f9c;
}


.footer_wrapper {
  background: none;
    background-color: #16599d;
}




} /********************************************************************************/



 @media only screen and (max-width : 768px) { /*************************************/
.footer-logo{
    width: 70%;
    margin-bottom: 20px;
}

.search .navbar-default .navbar-nav>li:last-child{
    padding-right: 12px;
}


.change_order{
    display: flex;
    flex-direction:column;
}

.order_banners{
    order:2;
}


.order_single{
  order:1;
}

.related_companies .col-lg-6{
    padding-left: 0px!important;
    padding-right: 0px!important;
}



.logo img{
    display: inline-block;
}

.logo{
    padding-bottom: 0px;
}


.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -20px;
}


.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -20px;
}

.search {
    margin-top: 10px;
}


.rates_price_img{
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.rates_price_img img{

}





} /********************************************************************************/


 @media only screen and (max-width : 480px) { /*************************************/


.search .navbar-nav {
    float: left;
}


.search .navbar-default .navbar-nav>li {
    padding: 10px 12px 10px 0px;
        text-align: left;
}


} /********************************************************************************/