@font-face {font-family: "Ciutadella";
  src: url("/seo-theme-01/fonts/9eba9fd211ec90d8f4f10ee7de98cee9.eot"); 
  src: url("/seo-theme-01/fonts/9eba9fd211ec90d8f4f10ee7de98cee9.eot?#iefix") format("embedded-opentype"),
  url("/seo-theme-01/fonts/9eba9fd211ec90d8f4f10ee7de98cee9.woff2") format("woff2"), 
  url("/seo-theme-01/fonts/9eba9fd211ec90d8f4f10ee7de98cee9.woff") format("woff"), 
  url("/seo-theme-01/fonts/9eba9fd211ec90d8f4f10ee7de98cee9.ttf") format("truetype"), 
  url("/seo-theme-01/fonts/9eba9fd211ec90d8f4f10ee7de98cee9.svg#Ciutadella W04 Reg") format("svg"); 
}
@font-face {font-family: "Ciutadella-lt";
  src: url("/seo-theme-01/fonts/0d0e90eb107486ca06f62c39a3c15f4e.eot"); 
  src: url("/seo-theme-01/fonts/0d0e90eb107486ca06f62c39a3c15f4e.eot?#iefix") format("embedded-opentype"), 
  url("/seo-theme-01/fonts/0d0e90eb107486ca06f62c39a3c15f4e.woff2") format("woff2"), 
  url("/seo-theme-01/fonts/0d0e90eb107486ca06f62c39a3c15f4e.woff") format("woff"), 
  url("/seo-theme-01/fonts/0d0e90eb107486ca06f62c39a3c15f4e.ttf") format("truetype"),
  url("/seo-theme-01/fonts/0d0e90eb107486ca06f62c39a3c15f4e.svg#Ciutadella W04 Lt") format("svg");
}

*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/*
==========INSPECTOR PROFILES CAROUSEL==========
*/
#quotes ul li,
.sf-menu,
.sf-menu *,
ul.carousel-post,
ul.grid-item,
ul.list-item,
ul.small-menu-inline,
ul.small-post,
ul.unstyle {
    list-style: none
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    opacity: .5;
    filter: alpha(opacity=50)
}

.carousel-control.left {
    background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    top:0%;
    left: 0%;
    margin-left:3%;
    z-index: 10;
    color: #fff;
    text-align: left;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
    width:100%
    height:100%
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width:768px) {
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.scroll-post{position:relative;z-index:15;margin:10px 0 0;}
.jcarousel-container{}
.scroll-post .section-title h2 span{padding:0 50px;}
.scroll-post .section-title h2 span.inverse{padding:0;}
.jcarousel-container .jcarousel-prev, .jcarousel-container .jcarousel-next{float:left;width:31px;height:31px;text-indent:-9999px;background:transparent url(img/jcarousel-nav.png) no-repeat;position:absolute;z-index:12;top:-90px;cursor:pointer;}
.jcarousel-container .jcarousel-prev{background-position:0px 0px;left:36.7%;}
.jcarousel-container .jcarousel-next{background-position:-32px 0px;right:36.7%;}
.jcarousel-clip{overflow:hidden;}
.jcarousel-container .jcarousel-prev:hover{background-position:0px -31px;}
.jcarousel-container .jcarousel-next:hover{background-position:-32px -31px;}
.jcarousel-container .jcarousel-prev[disabled="disabled"], .jcarousel-container .jcarousel-next[disabled="disabled"]{opacity:0.50;-moz-opacity:0.50;filter:alpha(opacity=70);}
.scroll-post li{margin-right:30px;float:left;}
.carousel-post li.post-item{width:263px;background:#FFF;padding:0;}
.three-column li.post-item{width:360px;}
.jcarousel-control-container{height:35px;}
.jcarousel-control{float:right;padding:11px 20px;}
.jcarousel-control a{float:left;width:14px;height:13px;margin-left:2px;text-indent:-9999px;background:transparent url(img/bullets.png) no-repeat -16px center;}
.jcarousel-control a.current{background-position:0px 0px;}
ul.carousel-post{list-style:none;padding:0;margin:0;}

.jcarousel-container .jcarousel-next,
.jcarousel-container .jcarousel-prev {
    float: left;
    width: 31px;
    height: 31px;
    text-indent: -9999px;
    background: url(img/jcarousel-nav.png) no-repeat;
    position: absolute;
    z-index: 12;
    top: -90px;
    cursor: pointer
}

.jcarousel-container .jcarousel-prev {
    background-position: 0 0;
    left: 36.7%
}

.jcarousel-container .jcarousel-next {
    background-position: -32px 0;
    right: 36.7%
}

.jcarousel-clip {
    overflow: hidden
}

.jcarousel-container .jcarousel-prev:hover {
    background-position: 0 -31px
}

.jcarousel-container .jcarousel-next:hover {
    background-position: -32px -31px
}

.jcarousel-container .jcarousel-next[disabled=disabled],
.jcarousel-container .jcarousel-prev[disabled=disabled] {
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=70)
}

.jcarousel-control-container {
    height: 35px
}

.jcarousel-control {
    float: right;
    padding: 11px 20px
}

.jcarousel-control a {
    float: left;
    width: 14px;
    height: 13px;
    margin-left: 2px;
    text-indent: -9999px;
    background: url(img/bullets.png) -16px center no-repeat
}

.jcarousel-control a.current {
    background-position: 0 0
}

.image img {
    width: 100%!important;
    : margin-bottom: 10px
}

.text-bold {
    font-weight: bold;
}

ul.carousel-post li .product-item .details h4 a {
    color: #3C4852;
}

ul.carousel-post li .product-item .details h4 a:hover {
    text-decoration:none;
    color: #428bca;
}

ul.carousel-post li .product-item .details a{
    text-decoration:none;
}

.product-item .large-price {
    position: relative;
    float: left;
    font-size: 18px;
    line-height: 20px;
    padding: 7px 7px 6px;
    width: 60%;
    border-right: 1px solid #DEE2E4;

}

.product-item .large-price a {
    text-decoration:none;
}

.large-price {
    position: absolute;
    right: 0;
    color: #5991C6;
    font-size: 26px;
    font-weight: 600;
}

.product-item .bottom a.link{
    color: #3C4852;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    position: relative;
    top: 2px;
}

.bottom{
    border-top: 1px solid #DEE2E4;
}

.product-item .bottom a.link:hover{
    text-decoration:none;
    color: #428bca;
}

.product-item {
   position:relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.product-item:hover, .product-item:focus, .product-item:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
   z-index:99;
   overflow:visible !important;

}
/*
==========END INSPECTOR PROFILES CAROUSEL==========
*/


/* HEADER */
body {
   font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #ffffff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
}
.header{
    color: black;
}
.h-logo {
    width: 100%;
    transform: translateY(25%);
    padding-left: 15px;
}
@media(max-width:980px){
  .h-logo {
padding-bottom:55px;
  }
.footer-img{
    width: 100%;
    height: auto;
}
}
#header h3{
    font-size: 13px;    
}
#header p{
    font-size: 12px;
line-height: 16px;
}






/* COLORS */
.black{
    color:#000; 
}
.white{
    color:#fff; 
}
.blue{
    color:#153f74; 
}
.navy{
    color:#002655;
}
.grey{
    color:#666;
}
.blue-bg{
    background-color:#e0eaf5;
}
.navy-bg{
    background-color:#002655;
}
.dark-green{
color:#153f74;
}





/*NAV BAR*/
.navbar-default {
    background-color: #e0eaf5;
    border-color: #e7e7e7;
}
.navbar {
   border-radius: 0px !important;
}
.navbar {
    position: relative;
    z-index: 1000;
    min-height: 50px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.navbar-nav li:hover {
color: #fff; background:#002655;
 }
.navbar-nav li a {
color: inherit !important;
}
#bs-example-navbar-collapse-1 ul{
font-weight: bold;
color:#002655;
}
.navbar-nav > li > a {
padding-top:11px ; 
padding-bottom:5px ;}
.navbar {min-height:42px;}

.navbar-default .navbar-nav > li > a {
height: 42px;
}
.navbar-default{
background: linear-gradient(#e0eaf5 ,#99b4d2);
}
.navbar-collapse ul li{
    background-repeat: no-repeat;
    text-align: left;
    display: block;
    line-height: 33px;
}
.nav-dividers
{border-right: 1px solid #fff;}



#bs-example-navbar-collapse-1 > ul > li > ul > li:hover{
    text-align: left !important;
}

.dropdown-menu li{
    width: inherit;
    padding-top:5px;

}
.dropdown-menu li:hover{
width: inherit !important;
 text-align: left !important;
}
.dropdown-menu li a:hover{
background-color: inherit;
color:inherit;
}

.navbar-default .navbar-toggle {
    border-color: #002655;
    tabindex: 1;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #002655;
    transition: all 0.3s;
}
#menu-toggle{
     font-size:20px;
}

.navbar-default .navbar-toggle:focus .icon-bar:nth-of-type(2){
    transform: rotate(45deg) translate(5px, 5px);
    height:3px;
  pointer-events: none;
}

.navbar-default .navbar-toggle:focus .icon-bar:nth-of-type(3){
    width:0px;
  pointer-events: none;
}

.navbar-default .navbar-toggle:focus .icon-bar:nth-of-type(4){
    transform: rotate(-45deg) translate(5px, -4px);
    height:3px;
  pointer-events: none;
}

/*BANNER*/
#banner h2{
text-align:center;
    margin-top: 0px;
padding: 10px 0px 10px 0px;
font-size:20px;
}
.banner-img {
    width: 100%;
    height: auto;
}
#banner-inside h1 {
    text-align: left;
    margin-top: 0px;
    padding: 10px 0px 10px 0px;
    font-size: 24px;
    margin-bottom: 0px;
}



/*INSPECTIONS-HOME*/
#inspections h3{
text-align:center;
margin-top:10px;
}
.marg{
margin: 40px 60px 40px 60px;
}
.text{
    text-align: justify;
    color: black;
    padding:20px;
}



/*FOOTER*/
.footer-text{
    text-align: center;
}



/*BOOKING-SEARCH*/
.search-heading h1{
color:#002655;
font-family: "Ciutadella";
padding-top: 14px;
}
.gray-bg{
background-color:  #f0f0f0;}
.search-row{
background-color:  #fafafa;
border-bottom:1px #cccccc solid;
padding: 40px 15px 40px 15px;
margin-left: -15px;
margin-right: -15px;
    background-color:#e0eaf5;
}
.search-row .md-search{
margin: 0px 0px 0px 0px;
}
.sticky .logo img {
 width: 200px;
 margin-left: 50px;
}
.modal .fade .booking{
z-index: 1000000;
}
.search-input{

    border: 1px solid #ccc;
    padding:9px;
    font-size:16px;
    font-weight:500px;
    -webkit-transition: background 0.2s, border-color 0.2s;
    transition: background 0.2s, border-color 0.2s;
width:100%;
background: #ffffff  url('/images/location.png') no-repeat scroll 5px 7px ;
background-size: 22px;
    text-align: center;
}
#ins_price,#start-date{
background-image:none;
}
.search-input-indicator{
background: #ffffff  url('/images/giphy.gif') no-repeat scroll -23px -21px;
background-size: 80px 80px;
}
.seo-btn {
    background: #002655;
    color: #ffffff;
    font-weight: 300;
    border: 2px solid #fffff;
    padding: 7px;
}
features.css:374
.btn {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
   white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
 border-radius: 0px !important;???
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.search-heading {
    margin-top: -85px;
    z-index: 999;
    background-color: #e0eaf5;
padding:0px;
width: inherit;
}

/* SELECTFX */
/* Default custom select styles */
div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    background: #fff;
    z-index: 99;
    width: 100%;
    max-width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#555;
    font-family: "Ciutadella";
}
div.cs-select:focus {
    outline: none; /* For better accessibility add a style for this in your skin */
}
.cs-select select {
    display: none;
}
.cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 9px;
}
/* Placeholder and selected option */
.cs-select > span {
    padding-right: 3em;
}
.cs-select > span::after,
.cs-select .cs-selected span::after {
    speak: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cs-select > span::after {
    content: '\25BE';
    right: 1em;
}
.cs-select .cs-selected span::after {
    content: '\2713';
    margin-left: 1em;
}
.cs-select.cs-active > span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
div.cs-active {
    z-index: 200;
}
/* Options */
.cs-select .cs-options {
    position: absolute;
    max-height:250px;
    overflow: scroll;
    overflow-x:hidden;
    width: 100%;
    background: #fff;
    visibility: hidden;
}

.cs-select .cs-options::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.6);
	background-color: rgba(0,0,0,0);
}

.cs-select .cs-options::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.cs-select .cs-options::-webkit-scrollbar-thumb
{
	background-color: #FFF;
	background-image: -webkit-linear-gradient(90deg,
	                                          rgba(0, 38, 85, 1) 0%,
											  rgba(0, 38, 85, 1) 25%,
											  transparent 100%,
											  rgba(0, 38, 85, 1) 75%,
											  transparent)
}

.cs-select.cs-active .cs-options {
    visibility: visible;
}
.cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;

}
.cs-select ul span {
    padding: 1em;
}
.cs-select ul li.cs-focus span {
    background-color: #ddd;
}
/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
    padding-left: 1em;
}
.cs-select li.cs-optgroup > span {
    cursor: default;
}
/*  BORDER  */
@font-face {
    font-family: 'icomoon';
    src:url('../assets/vendor/fonts/icomoon/icomoon.eot?-rdnm34');
    src:url('../assets/vendor/fonts/icomoon/icomoon.eot?#iefix-rdnm34') format('embedded-opentype'),
        url('../assets/vendor/fonts/icomoon/icomoon.woff?-rdnm34') format('woff'),
        url('../assets/vendor/fonts/icomoon/icomoon.ttf?-rdnm34') format('truetype'),
        url('../assets/vendor/fonts/icomoon/icomoon.svg?-rdnm34#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
div.cs-skin-border {
    font-size: 16px;
    font-weight: 500;
    max-width: 100%;
}
@media screen and (max-width: 30em) {
    div.cs-skin-border { font-size: 1em; }
}
.cs-skin-border > span {
    border: 1px solid #ccc;
    -webkit-transition: background 0.2s, border-color 0.2s;
    transition: background 0.2s, border-color 0.2s;
}
.cs-skin-border > span::after,
.cs-skin-border .cs-selected span::after {
    font-family: 'icomoon';
    content: '\e000';
}
.cs-skin-border ul span::after {
    content: '';
    opacity: 0;
}
.cs-skin-border .cs-selected span::after {
    content: '\e00e';
    color: #555;
    font-size: 1.5em;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cs-skin-border.cs-active > span {
    background: #fff;
    border-color: #fff;
    color: #555;
}
.cs-skin-border .cs-options {
    color: #01579b;
    //font-size: 0.75em;
    opacity: 0;
    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
    transition: opacity 0.2s, visibility 0s 0.2s;
}
.cs-skin-border.cs-active .cs-options {
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cs-skin-border ul span {
    padding: 1em 2em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
    background: #f5f3ec;
}
.border-content {
    border-style: solid;
    border-color: #002655;
    border-width: 1px;
}

#quote .seo-btn {
    /*background-color: rgba(0,38,85,0.7);*/
    background: -webkit-linear-gradient(left top, #002655, silver); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #002655, silver); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #002655, silver); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #002655, silver); /* Standard syntax (must be last) */

    color: #ffffff;
    font-weight: 600;
    padding: 20px;
    position: absolute;
    right: 40% !important;
    top: 80% !important;
}

/*
=====================BOOTSTRAP HERO SLIDER=====================
*/

#carouselIndicators .carousel-inner img {
  -webkit-animation: zoomin 6s linear 1;
  animation: zoomin 6s linear 1;
}

@-webkit-keyframes zoomin {
  0% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  100% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}
@keyframes zoomin {
  0% { -webkit-transform: scale(1.3); transform: scale(1.3); }
  100% { -webkit-transform: scale(1.0); transform: scale(1.0); }
}

@-webkit-keyframes fadeoutdown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}
@keyframes fadeoutdown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}

.ism-zoom-pan {
  -webkit-animation: zoompan 20.0s linear 1;
  animation: zoompan 20.0s linear 1;
}
@-webkit-keyframes zoompan {
  0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
  50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); }
  100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
}
@keyframes zoompan {
  0% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
  50% { -webkit-transform: translate(-5%, -5%) scale(1.3); transform: translate(-5%, -5%) scale(1.3); }
  100% { -webkit-transform: translate(0, 0) scale(1.0); transform: translate(0, 0) scale(1.0); }
}

#carouselIndicators .carousel-control-prev {
    background-image: url(/showImage?image=456);
    border-radius: 0 32px 32px 0; left: 0;
    left: 0;
    background-size: 16px 16px;
}

#carouselIndicators .carousel-control-next {
    background-image: url(/showImage?image=456);
    border-radius: 32px 0 0 32px; right: 0;
    right: 0;
    background-size: 16px 16px;
}

.carousel-control-prev {opacity: 0}
.slide:hover .carousel-control-prev {opacity: 1}
.carousel-control-next {opacity: 0}
.slide:hover .carousel-control-next {opacity: 1}

/* CAPTIONS ANIMATION */
.carousel-caption h3:first-child {
  animation-delay: 0s;
}

.carousel-caption h3:nth-child(2) {
  animation-delay: 0.5s;
}

.carousel-caption .button {
  animation-delay: 0s;
}

.animated {animation-duration: 2s;animation-fill-mode: both;}

.animated.infinite {animation-iteration-count: infinite;}

.animated.hinge {animation-duration: 2s;}

.slideInDown {animation-name: slideInDown;}
@-webkit-keyframes slideInDown {
  0% { -webkit-transform: translate(0px, -1200px); transform: translate(0, -1200px);opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1;}
}
@keyframes slideInDown {
  0% { -webkit-transform: translate(0px, -1200px); transform: translate(0, -1200px); opacity: 0;}
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0);opacity: 1; }
}

.slideInLeft {animation-name: slideInLeft;}
@-webkit-keyframes slideInLeft {
  0% { -webkit-transform: translate(1200px, 0); transform: translate(1200px, 0); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes slideInLeft {
  0% { -webkit-transform: translate(1200px, 0); transform: translate(1200px, 0); }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}

.slideInRight {animation-name: slideInRight;}
@-webkit-keyframes slideInRight {
  0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0);opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1;}
}
@keyframes slideInRight {
  0% { -webkit-transform: translate(-1200px, 0); transform: translate(-1200px, 0); opacity: 0;}
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1;}
}

.slideInUp {animation-name: slideInUp;}
@-webkit-keyframes slideInUp {
  0% { -webkit-transform: translate(0px, 1200px); transform: translate(0, 1200px); }
  20% { opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
}
@keyframes slideInUp {
  0% { -webkit-transform: translate(0px, 1200px); transform: translate(0, 1200px); }
  20% { opacity: 0; }
  100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
}

.slideOutDown {animation-name: slideOutDown;}
@keyframes slideOutDown {
  from {transform: translate3d(0, 0, 0);}
  to {visibility: hidden;transform: translate3d(0, 100%, 0);}
}

.slideOutLeft {animation-name: slideOutLeft;}
@keyframes slideOutLeft {
  from {transform: translate3d(0, 0, 0);}
  to {visibility: hidden;transform: translate3d(-100%, 0, 0);}
}

.slideOutRight {animation-name: slideOutRight;}
@keyframes slideOutRight {
  from {transform: translate3d(0, 0, 0);}
  to {visibility: hidden;transform: translate3d(100%, 0, 0);}
}

.slideOutUp {animation-name: slideOutUp;}
@keyframes slideOutUp {
  from {transform: translate3d(0, 0, 0);}
  to {visibility: hidden;transform: translate3d(0, -100%, 0);}
}

/* ORIGINAL POSITION */
#carouselIndicators .carousel-caption {
    font-family: "Ciutadella" ;
}

#carouselIndicators .main-header {
    font-size: 50px ;
    line-height: 56px;
    padding: 20px 0px;
}

#carouselIndicators .carousel-caption .sub-header{
    background: rgba(255, 255, 255, 0.9); color: rgb(0, 51, 114); padding: 10px; border-radius: 15px; font-size: 30px; font-weight: 600; line-height: 1.2; top: 30%; left: 0px; font-family: Raleway,Helvetica,sans-serif;
}

#carouselIndicators .carousel-caption .main-header, #carouselIndicators .carousel-caption .sub-header {
    position:absolute;
    left: 0;
    min-width: 50px;
    display: inline-block!important;
    z-index: 50;
    white-space: nowrap;
}

#carouselIndicators .carousel-caption .caption {
     width: 450px; background: none; font-size: 22px; font-weight: 700; bottom: 40%; position:absolute; color: #FFF; font-family: Raleway,Helvetica,sans-serif;}

#carouselIndicators .carousel-caption .stroke {
    -webkit-text-stroke: 1px #003372;
}

#carouselIndicators .carousel-caption .button {
    position:absolute;
    bottom: 30%;
    font-family: Raleway,Helvetica,sans-serif;
    font-size:16px;
    background: -webkit-linear-gradient(left top, #002655, silver);
    background: -o-linear-gradient(bottom right, #002655, silver);
    background: -moz-linear-gradient(bottom right, #002655, silver);
    background: linear-gradient(to bottom right, #002655, silver);
}
/*
=====================END BOOTSTRAP SLIDER=====================
*/

/*
====================MEDIA SCREEN RESPONSIVE====================
*/

@media only screen and (min-width:1201px) {
     .btn-font{
               font-size:14px;
     }
      #quote .btn-block {
               width:20%;
    }
     .ls-hidden{
               display:none;
     }
    .cs-select .cs-options {
               font-size:13px;
}

}

@media only screen and (min-width:990px) and (max-width:1200px){
     #quote .seo-btn {
               right: 40% !important;
               top: 75% !important;
     }
     #quote .btn-block {
               width:21%;
    }
     .btn-font{
                font-size:12px ;
     }
     .ls-hidden{
               display:none;
     }
     .cs-select .cs-options {
               font-size:11.8px;
}

.carousel-caption .sub-header {
    white-space: normal !important;
    font-size:25px !important;
    top: 28% !important;
}
#carouselIndicators .main-header{
        line-height: 0px !important;
}
#carouselIndicators .caption{
        bottom:32% !important;
}
#carouselIndicators .button{
       bottom:21% !important;
}

/*---------------RAQ Form------------------*/
     .cs-select .cs-placeholder{
          font-size: 13.8px;
}
     .search-input{
          font-size: 12px;
          text-indent:0px;
}
 .text-404 h2{
    font-size: 2.8vw;
}
}

@media only screen and (min-width:769px) and (max-width:989px){
     #quote .seo-btn {
               right: 40% !important;
               top: 75% !important;
               padding:10px;
     }
     #quote .btn-block {
               width:21%;
    }
     .btn-font{
                font-size:10px ;
     }
#carouselIndicators .sub-header {
    white-space: normal !important;
    font-size:20px !important;
    top: 35% !important;
}
#carouselIndicators .main-header{
        font-size:35px !important;
        line-height: 6px !important;
}
#carouselIndicators .caption{
        bottom:20% !important;
}
#carouselIndicators .button{
       bottom:8% !important;
}
 .text-404 h2{
    font-size: 3.1vw !important;
}
}

/*
--------------------iPhone 6/7 PLUS LANDSCAPE--------------------
*/
@media only screen and (min-width:616px) and (max-width:768px){
     #quote .seo-btn {
               right: 37% !important;
               top: 80% !important;
               padding:10px;
     }
     #quote .btn-block {
               width:180px;
    }
     .btn-font{
                font-size:10px ;
     }
.section-title h2{
      font-size: 20px !important;
}
.dropdown-menu{		
   float: none;			
   width: 100% !important;
   margin-top: 0;			
   background-color: transparent;			
   border: 0;			
   box-shadow: none;
}
.navbar-collapse ul li{
    background-repeat: no-repeat;
    text-align: center;
    display: block;
    line-height: 33px;
}
#bs-example-navbar-collapse-1 > ul > li > ul > li:hover{
    text-align: center !important;
}
 .text-404 h2{
    font-size: 2.9vw !important;
}
.hit-the-floor{
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15) !important;
}

.table-grid table {
     font-size: 14px;
}
}

@media only screen and (min-width:561px) and (max-width:615px){
     #quote .seo-btn {
               right: 33% !important;
               top: 80% !important;
               padding:7px;
     }
     #quote .btn-block {
               width:160px;
    }
     .btn-font{
                font-size:8px ;
     }
.section-title h2{
      font-size: 20px !important;
}
.dropdown-menu{		
   float: none;			
   width: 100% !important;
   margin-top: 0;			
   background-color: transparent;			
   border: 0;			
   box-shadow: none;
}
.navbar-collapse ul li{
    background-repeat: no-repeat;
    text-align: center;
    display: block;
    line-height: 33px;
}
#bs-example-navbar-collapse-1 > ul > li > ul > li:hover{
    text-align: center !important;
}
 .text-404 h2{
    font-size: 2.9vw !important;
}
.hit-the-floor{
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15) !important;
}

.table-grid table {
     font-size: 14px;
}
}

/*
--------------------iPhone 6/7 LANDSCAPE--------------------
*/
@media only screen and (min-width:467px) and (max-width:560px){
     #quote .seo-btn {
               right: 36% !important;
               top: 80% !important;
               padding:7px;
     }
     #quote .btn-block {
               width:160px;
    }
     .btn-font{
                font-size:8px ;
     }
.section-title h2{
      font-size: 20px !important;
}
.dropdown-menu{		
   float: none;			
   width: 100% !important;
   margin-top: 0;			
   background-color: transparent;			
   border: 0;			
   box-shadow: none;
}
.navbar-collapse ul li{
    background-repeat: no-repeat;
    text-align: center;
    display: block;
    line-height: 33px;
}
#bs-example-navbar-collapse-1 > ul > li > ul > li:hover{
    text-align: center !important;
}
 .text-404 h2{
    font-size: 2.9vw !important;
}
.hit-the-floor{
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15) !important;
}

.table-grid table {
     font-size: 14px;
}

#slideout_inner {
  width:250px !important;
  padding:5px !important;
}
#slideout img{
  width:40px !important;
}
.accordion h3 {
  font-size: 14 !important;
}
.accordion h4 {
  font-size: 10 !important;
}
.accordion p {
  font-size: 8 !important;
}
}

@media only screen and (min-width:377px) and (max-width:466px){
     #quote .seo-btn {
               right: 32% !important;
               top: 72% !important;
               padding:7px;
     }
     #quote .btn-block {
               width:160px;
    }
     .btn-font{
                font-size:10px ;
     }
.section-title h2{
      font-size: 20px !important;
}
     #search-location.search-input{
               text-indent:20px;
               font-size:14px;
     }
.dropdown-menu{		
   float: none;			
   width: 100% !important;
   margin-top: 0;			
   background-color: transparent;			
   border: 0;			
   box-shadow: none;
}
.navbar-collapse ul li{
    background-repeat: no-repeat;
    text-align: center;
    display: block;
    line-height: 33px;
}
#bs-example-navbar-collapse-1 > ul > li > ul > li:hover{
    text-align: center !important;
}
 .text-404 h2{
    font-size: 2.9vw !important;
}
.hit-the-floor{
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15) !important;
}

.table-grid table {
     font-size: 14px;
}
.table-grid tr{
     width: 50%;
}

#slideout_inner {
  width:250px !important;
  padding:5px !important;
}
#slideout img{
  width:40px !important;
}
.accordion h3 {
  font-size: 14 !important;
}
.accordion h4 {
  font-size: 10 !important;
}
.accordion p {
  font-size: 8 !important;
}
}

/*
--------------------iPhone 6/7 PORTRAIT--------------------
*/
@media only screen and (min-width:341px) and (max-width:376px){
     #quote .seo-btn {
               right: 30% !important;
               top: 70% !important;
               padding:7px;
     }
     #quote .btn-block {
               width:160px;
    }
     .btn-font{
                font-size:10px ;
     }
     #search-location.search-input{
               text-indent:20px;
               font-size:13px;
     }
.section-title h2{
      font-size: 20px !important;
}
.dropdown-menu{		
   float: none;			
   width: 100% !important;
   margin-top: 0;			
   background-color: transparent;			
   border: 0;			
   box-shadow: none;
}
.navbar-collapse ul li{
    background-repeat: no-repeat;
    text-align: center;
    display: block;
    line-height: 33px;
}
#bs-example-navbar-collapse-1 > ul > li > ul > li:hover{
    text-align: center !important;
}
 .text-404 h2{
    font-size: 2.9vw !important;
}
.hit-the-floor{
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15) !important;
}

.table-grid table {
     font-size: 12px;
}
.table-grid tr{
     width: 50%;
}

#slideout_inner {
  width:250px !important;
  padding:5px !important;
}
#slideout img{
  width:40px !important;
}
.accordion h3 {
  font-size: 14 !important;
}
.accordion h4 {
  font-size: 10 !important;
}
.accordion p {
  font-size: 8 !important;
}
}

/*
--------------------iPhone 4/5 PORTRAIT--------------------
*/
@media only screen and (min-width:319px) and (max-width:340px){
     #quote .seo-btn {
               right: 27% !important;
               top: 70% !important;
               padding:7px;
     }
     #quote .btn-block {
               width:150px;
    -webkit-box-shadow: 0px 4px 0px rgba(0,38,85,1), 0px 9px 25px rgba(0,0,0,.7) !important;
    -moz-box-shadow: 0px 4px 0px rgba(0,38,85,1), 0px 9px 25px rgba(0,0,0,.7) !important;
    box-shadow: 0px 4px 0px rgba(0,38,85,1), 0px 9px 25px rgba(0,0,0,.7) !important;
    }
     .btn-font{
                font-size:8px ;
     }
.section-title h2{
      font-size: 20px !important;
}
     #search-location.search-input{
               text-indent:20px;
               font-size:12px;
     }
.dropdown-menu{		
   float: none;			
   width: 100% !important;
   margin-top: 0;			
   background-color: transparent;			
   border: 0;			
   box-shadow: none;
}
.navbar-collapse ul li{
    background-repeat: no-repeat;
    text-align: center;
    display: block;
    line-height: 33px;
}
#bs-example-navbar-collapse-1 > ul > li > ul > li:hover{
    text-align: center !important;
}

 .text-404 h2{
    font-size: 2.9vw !important;
}
.hit-the-floor{
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15) !important;
}

.table-grid table {
     font-size: 10px;
}
.table-grid tr{
     width: 50%;
}

#slideout_inner {
  width:250px !important;
  padding:5px !important;
  overflow-y: scroll;
}
#slideout img{
  width:40px !important;
}
.accordion h3 {
  font-size: 14 !important;
}
.accordion h4 {
  font-size: 10 !important;
}
.accordion p {
  font-size: 8 !important;
}
}

/*
====================END MEDIA SCREEN RESPONSIVE====================
*/

#quote .btn-block {
    display: block;
    margin: 0 auto;

-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(0,38,85,1), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 9px 0px rgba(0,38,85,1), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 9px 0px rgba(0,38,85,1), 0px 9px 25px rgba(0,0,0,.7);

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.padding-0{
padding:0px;
}

.bg-lighter-blue{
background-color: #eff1f2;
margin-top:-10px;
}
.bold{
font-weight:bold
}


#sidebar .navbar-collapse ul li {
    background-repeat: no-repeat;
    text-align: left;
    width: 100%;
    display: block;
}
.sidebar-navbar-collapse{
padding: 0px;
}
.sidebar-nav{
width: 90%;
}
.z-index-5 {
z-index: 5;
}

}

#sidebar .navbar-nav > li > a  .navbar {
height:25px;
}
#sidebar .navbar-default .navbar-nav > li > a {
height: 25px;
}
#sidebar .navbar-nav > li > a {
    padding-top: 3px;
    padding-bottom: 5px;
}

/*WIZARD*/
.wizard {
    margin: 50px;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
    
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}


.inspect-title{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%; 
float:left;
position: relative;
  height: 100%;
padding: 0px;
}
.title-bg{
  background-position: 100% 0;
background-image:url("/showImage?image=115 ");
}

#banner-inside{
    padding-left:26px;
}

.seo-btn:hover {
    background-color: #fff;
    border: 2px solid #002655;
    color: #002655;
}

.content-title {
    background-color: #002655;
    display: inline-block;
    height: 42px;
    color: white;
    width: 100%;
    padding-left: 15px;
    margin-top: 0px;
    display: flex;
    align-items: center;
}

div.col-xs-12.col-sm-3.padding-0{
z-index:5;
}



/*-- Breadcrumb --*/
.myBreadcrumb {
    display: inline-block;
    box-shadow: 0px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    border-radius: 0px;
}
.myBreadcrumb > * {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 36px;
    color: black;
    /*need more margin on the left of links to accomodate the numbers*/
    padding: 0 10px 0 30px;
    background: #e0eaf5;
    position: relative;
    transition: all 0.5s;
}
.myBreadcrumb > * div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}
.myBreadcrumb > *:first-child {
    padding-left: 10px;
    border-radius: 0px; /*to match with the parent's radius*/
}
.myBreadcrumb >*:first-child i {
    vertical-align: sub;
}
.myBreadcrumb > *:last-child {
    border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
    padding-right: 20px;
    padding-right: 8px;
}
/*hover/active styles*/
.myBreadcrumb a.active, .myBreadcrumb a:hover{
    background: #676767;
    color: white;
}
.myBreadcrumb a.active:after, .myBreadcrumb a:hover:after {
    background: #676767;
        color: white;
}

/*adding the arrows for the myBreadcrumbs using rotated pseudo elements*/
.myBreadcrumb > *:after {
    content: '';
    position: absolute;
    top: 0; 
    right: -18px; /*half of square's length*/
    /*same dimension as the line-height of .myBreadcrumb a */
    width: 36px; 
    height: 36px;
    /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
    length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
    if diagonal required = 1; length = 1/1.414 = 0.707*/
    transform: scale(0.707) rotate(45deg);
    -ms-transform:scale(0.707) rotate(45deg);
    -webkit-transform:scale(0.707) rotate(45deg);
    
    /*we need to prevent the arrows from getting buried under the next link*/
    z-index: 1;
    /*background same as links but the gradient will be rotated to compensate with the transform applied*/
    background: #e0eaf5;
    /*stylish arrow design using box shadow*/
    box-shadow: 
        2px -2px 0 2px rgba(0, 0, 0, 0.4), 
        3px -3px 0 2px rgba(255, 255, 255, 0.1);
    /*
        5px - for rounded arrows and 
        50px - to prevent hover glitches on the border created using shadows*/
    border-radius: 0 5px 0 50px;
    transition: all 0.5s;
}
/*we dont need an arrow after the last link*/
.myBreadcrumb > *:last-child:after {
    content: none;
}
/*we will use the :before element to show numbers*/
.myBreadcrumb > *:before {
    /*some styles now*/
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 8px 0;
    position: absolute;
    top: 0;
    left: 30px;
    background: #e0eaf5;
    background: linear-gradient(#444, #222);
    font-weight: bold;
    box-shadow: 0 0 0 1px #ccc;
}

.breadcrumb-col{
height: 36px;
}

@media (min-width: 320px) and (max-width: 1199px){
  .caret{
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000000;
    position: relative;

  }
  .dropdown.open .caret{
    border-top: none;
    border-bottom: 10px solid #ffffff;
  }
  .navbar-default .navbar-nav > li.dropdown > a{
    display: inline-block;
    padding-right: 15px;
  }
  .navbar-nav li.dropdown:hover > a{
    background: #002655;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
    .myBreadcrumb > * div {
        max-width: 100px;
    }
    #sidebar{
        width:100%;
    }
    #sidebar .navbar-collapse ul li{
        padding-left:20px;
    }
    #quote{
        position: relative;
    }
    #banner-inside{
        padding: 0 10px;
    }
    .content-title{
        height: auto;
        padding: 10px 10px;
    }
    #inspections h3{
        height:auto !important;
    }
    .border-content a{
        word-wrap: break-word;      
    }
    .border-content{
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 3px;
        margin-right: 3px;  
    }
    .text-center{
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar-collapse ul li:after{
        content:"";
    }

  .dropdown-menu, .navbar-nav .open .dropdown-menu{
    position: relative;

    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    display: none;
  }
  .dropdown.open .dropdown-menu{
    display: block;
  }
  .caret:after{
    content:'';
    position:absolute;
    top: -26px;
    bottom: -15px;
    left: -21px;
    right: -340px;
  }
  .navbar-collapse ul li{
    overflow: hidden;
  }
  #bs-example-navbar-collapse-1 ul.dropdown-menu {
    color: #ffffff; 
  }
  li.nav-dividers {
    border-bottom: 1px solid #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    text-align: center;

  }     
}

@media (min-width: 768px) and (max-width: 1199px) {
    #sidebar .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  #sidebar .navbar-collapse ul li{
    padding-left:0px;
    }
 #sidebar  .sidebar-nav .navbar ul {
    float: none;
    display: block;
  }
 #sidebar  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  #sidebar  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  #sidebar .navbar-default .navbar-nav > li > a{
     height:auto;
  }
    .myBreadcrumb > * div {
        max-width: 175px;
    }

    #quote{
        position: relative;
    }
    .content-title{
        height:42px;
        line-height:20px;
    }
  .caret:after{
    content: '';
    position: absolute;
    top: -26px;
    bottom: -15px;
    left: -22px;
    right: -23px;
  }
  .border-content{
    padding-left: 15px;
    padding-right: 15px; 
}
}

@media(min-width :1200px){
  .caret{
    display: none !important;
  }
  .dropdown.open .caret{
    display:none !important;
  }
  .navbar-default .navbar-nav > li.dropdown > a{
    padding-right: 15px;
  }



    .border-content{
    padding-left: 15px;
    padding-right: 15px; 
}
}

@media( min-width :769px ) {
.hidden-sm-up{
display:none;
}
}
@media( max-width :768px ) {
.hidden-sm-down{
display:none;
}
.slider-1 , .seo-btn-group{
display: none;
}
#home .main-wrapper {
    margin-top:50px;
}
.search-heading{
     margin-top:-35px;
}
.jack-sm-down-15px{
height: 15px;
}
.btn-login{
display: block;
width: 100%;
text-align:center;
}
}

@media( max-width :544px ) {
#home .main-wrapper {
    margin-top:0px;
}
.section-title {
width:100%
}
}

.carousel {
    margin: 0 -15px 0px -15px;
}


@media(min-width:380px) and (max-width: 991px) {
   .form-group{
          width:100%;
          margin:auto;
            }
    }
body > div:nth-child(1) > div:nth-child(5) > div > div > div.col-xs-12.col-sm-9.padding-0 > div > div > div > div > form > div > div:nth-child(4) > div > div{
     padding-top:15px;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,38,85,1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;

  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {

  -webkit-transform: scale(1.1);
  transform: scale(1.1);

position:relative;
    -webkit-box-shadow: 0px 0px 0px rgba(0,38,85,1), 0px 30px 60px rgba(0,0,0,.7) !important;
    -moz-box-shadow: 0px 0px 0px rgba(0,38,85,1), 0px 30px 60px rgba(0,0,0,.7)!important;
    box-shadow: 0px 0px 0px rgba(0,38,85,1), 0px 30px 60px rgba(0,0,0,.7)!important;
}


/*Carousel Inspector*/
.suburb .carousel-post li.post-item {
    background: #FFF;
width: 84%;
    padding: 0;
}
.suburb .jcarousel-container .jcarousel-prev,  .suburb .jcarousel-container .jcarousel-next {
top:500px;
}
.suburb .carousel-post-container .scroll-post{
height:540px;
}

.scroll-post{
    position: relative;
    z-index: 15;
    margin: 10px 0 0;
}

.suburb .scroll-post li {
    float: left;
    margin-right: 0px;
}
.suburb .carousel-post li.post-item {
    background: #FFF;
width: 84%;
    padding: 0;
}
.suburb .carousel-post-container .scroll-post{
height:540px;
}
.carousel-post li.post-item{
    margin-bottom: 25px;
}
.suburb .scroll-post li {
    float: left;
    margin-right: 0px;
}

/*Inspectors'-Profiles-Slider*/

.section-title h2{
    text-align: center;
    font-size: 30px;
    line-height: 0px;
    padding-top:10px;
    margin-bottom:-20px;
}
.container {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}
#seo-box-01 .title h1, h2, h3, h4, h5 {
font-family: "Ciutadella";
}
.section-title {
    position: relative;
    border-bottom: 0px;
    max-width: 500px;
    margin: 0 auto;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
.product-item {
    text-align: center;
    background: #F0F0F0;
    border: 1px solid #DEE2E4;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-bottom: 30px;
    overflow: hidden;
}
.product-item .details{
height: 100px;
}

/*INSPECTOR IMAGE HOVER*/
[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: inline-block;
  margin: 0px;
  max-width: 100%;
  background-color: black;
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: rgba (150,50,170,0.5);
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;

}
[class^='imghvr-'] figcaption h1,
[class*=' imghvr-'] figcaption h1,
[class^='imghvr-'] figcaption h2,
[class*=' imghvr-'] figcaption h2,
[class^='imghvr-'] figcaption h3,
[class*=' imghvr-'] figcaption h3,
[class^='imghvr-'] figcaption h4,
[class*=' imghvr-'] figcaption h4,
[class^='imghvr-'] figcaption h5,
[class*=' imghvr-'] figcaption h5,
[class^='imghvr-'] figcaption h6,
[class*=' imghvr-'] figcaption h6 {
  color: #ffffff;
}

[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

/* imghvr-fade-*
   ----------------------------- */
[class^='imghvr-fade'] figcaption,
[class*=' imghvr-fade'] figcaption {
  opacity: 0;
}
[class^='imghvr-fade']:hover > img,
[class*=' imghvr-fade']:hover > img {
  opacity: 0.5;
}
[class^='imghvr-fade']:hover figcaption,
[class*=' imghvr-fade']:hover figcaption {
  opacity: 1;
}
[class^='imghvr-fade']:hover > img,
[class*=' imghvr-fade']:hover > img,
[class^='imghvr-fade']:hover figcaption,
[class*=' imghvr-fade']:hover figcaption {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
/* imghvr-fade
   ----------------------------- */

/*IMAGE SHADOW*/
.out-shadow{
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:  rgba(0,38,85,1);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/*INSPECTOR IMAGE HOVER*/
.snip1543 {
  background-color: #fff;
  color: #ffffff;
  display: block;
  max-width: 370px;
  min-width: 230px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  margin: auto;
}

.snip1543 *,
.snip1543 *:before,
.snip1543 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543 img {
  backface-visibility: hidden;
  vertical-align: top;
    width: 100%;
}

.snip1543:before,
.snip1543:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';

      background: -webkit-linear-gradient(left top, #002655, silver); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #002655, silver); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #002655, silver); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #002655, silver); /* Standard syntax (must be last) */

  opacity: 0.5;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.snip1543:before {
  -webkit-transform: skew(-30deg) translateX(80%);
  transform: skew(-30deg) translateX(80%);
}

.snip1543:after {
  -webkit-transform: skew(30deg) translateX(80%);
  transform: skew(30deg) translateX(80%);
}

.snip1543 figcaption {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  bottom: 0;
  padding: 25px 40% 25px 20px;
}

.snip1543 figcaption:before,
.snip1543 figcaption:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  content: '';
  opacity: 0.5;
  z-index: -1;
}

.snip1543 figcaption:before {
  -webkit-transform: skew(-30deg) translateX(90%);
  transform: skew(-30deg) translateX(90%);
}

.snip1543 figcaption:after {
  -webkit-transform: skew(30deg) translateX(90%);
  transform: skew(30deg) translateX(90%);
}

.snip1543 h3,
.snip1543 p {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
}

.snip1543 h3 {
  font-family: 'Teko', sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}

.snip1543 p {
  font-size: 0.9em;
}

.snip1543:hover h3,
.snip1543.hover h3,
.snip1543:hover p,
.snip1543.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 0.9;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.snip1543:hover:before,
.snip1543.hover:before {
  -webkit-transform: skew(-30deg) translateX(-20%);
  transform: skew(30deg) translateX(-20%);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.snip1543:hover:after,
.snip1543.hover:after {
  -webkit-transform: skew(-30deg) translateX(-10%);
  transform: skew(-30deg) translateX(-10%);
}

.snip1543:hover figcaption:before,
.snip1543.hover figcaption:before {
  -webkit-transform: skew(30deg) translateX(-40%);
  transform: skew(30deg) translateX(-40%);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.snip1543:hover figcaption:after,
.snip1543.hover figcaption:after {
  -webkit-transform: skew(-30deg) translateX(-30%);
  transform: skew(-30deg) translateX(-30%);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}


/*
=====================INSPECTOR CAROUSEL=====================
*/

pre {
  border:1px solid #000;
  overflow-x:auto;
  background: #222;
  color: #fff;
  text-shadow: none;
}

.wrapper {
    max-width: 620px;
    padding: 0 20px 40px 20px;
    margin: auto;
}

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
z-index:1000;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev:hover {
    text-decoration:none;
    color:blue !important;
    background: rgba(255,255,255,0.5);
}

.jcarousel-control-next:hover {
    text-decoration:none;
    color:blue !important;
    background: rgba(255,255,255,0.5);
}

.jcarousel-control-prev:focus {
    text-decoration:none;
    color:white;
}

.jcarousel-control-next:focus {
    text-decoration:none;
    color:white;
}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
    overflow: hidden;
    height: 20px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}

/*
=====================END INSPECTOR CAROUSEL=====================
*/
.nav-level2{
margin: 0 auto;
border: 0px !important;
}

/*
=====================SEAL LOGO=====================
*/

.seal {
    position: absolute;
    display: inline-block;
    z-index: 999999;
    bottom: 10px;
    right: 10px;
}
.seal img{
    width: 300px;
}

/*
=====================PRICING TABLE=====================
*/
.table-responsive h3{
    margin:0;
}
.table-responsive td{
    vertical-align: bottom !important;
}
/*
=======================================================
*/
/*
=====================404 PAGE=====================
*/
.hit-the-floor {
color:white;
font-size: 15vw;
font-weight: bold;
font-family: Helvetica;
text-shadow: 0 5px 0 #ccc, 0 6px 0 #c9c9c9, 0 7px 0 #bbb, 0 8px 0 #b9b9b9, 0 9px 0 #aaa, 0 10px 1px rgba(0,0,0,.1), 0 0 0px rgba(0,0,0,.1), 0 20px 10px rgba(0,0,0,.3), 0 20px 10px rgba(0,0,0,.2), 0 30px 30px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 30px 30px rgba(0,0,0,.15);
}

.hit-the-floor {
  text-align: center;
}
 .text-404 h2{
    font-size: 2.2vw;
}
 .link-underline{
    text-decoration: none;
}
/*
===================================================
*/

/*
=====================SUBURB LIST=====================
*/
.list-wrapper {
    width: 90%;
    margin: 0 auto
}

.list-wrapper h1 {
    color: #555;
    text-align: center;
    text-shadow: rgba(0, 0, 0, .15) 0 0 1px;
    letter-spacing: 2px
}

#conutries {
    width: 80%;
    background: white
}

.alphabet {
    margin: 0 0 10px;
    overflow: hidden
}

.alphabet a,
#countries-table #tr {
    transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out
}

.alphabet a {
    width: 29px;
    float: left;
    color: #333;
    cursor: pointer;
    height: 29px;
    border: 1px solid #CCC;
    display: block;
    padding: 3px;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    border-right: none;
    text-decoration: none;
    background-color: #F1F1F1;
}

.alphabet a.first {
    border-radius: 3px 0 0 3px
}

.alphabet a.last {
    border-right: 1px solid silver;
    border-radius: 0 3px 3px 0
}

.alphabet a:hover,
.alphabet a.active {
    background: #FBF8E9;
    font-weight: 700
}

.table-grid table.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.table-grid table {
    border-spacing: 0;
    width: 100%;
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 18px;
    color: Black;
}

.table-grid thead th.col22 {
    width: 100%;
}

.table-grid thead th.blue {
    border-bottom: 2px solid #1FA2E1;
}

.table-grid table.bordered th {
    border-top: none;
}

.table-grid table.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.table-grid thead th {
}

.bordered td, .bordered th {
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    padding: 10px;
    text-align: left;
}

.table-grid tr{
     width: 33.33%;
     float:left;
     padding-right: 0px;
}

.table-grid a{
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     overflow: hidden;
}
.table-grid a:before {
     content: "";
     position: absolute;
     z-index: -1;
     left: 0;
     right: 100%;
     bottom: 0;
     background: #2098d1;
     height: 2px;
     -webkit-transition-property: right;
     transition-property: right;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
.table-grid a:hover:before, .table-grid a:focus:before, .table-grid a:active:before {
     right: 0;
}

/*
=====================END SUBURB LIST=====================
*/

/*
=====================BOOTSTRAP FADE CAROUSEL=====================
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/*
=====================FAQ SLIDE ON HOVER=====================
*/
.slideout-container{
  width:60px;
  position: fixed;
  bottom: 0%;
  right:0px;
    z-index:999999;
}
#slideout {
  position: relative;
  right: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#slideout img{
  width:60px;
  transition: 0.5s;
  position:relative;
    -webkit-animation: hvr-icon-bob 1s infinite; /* Safari 4.0 - 8.0 */
    animation: hvr-icon-bob 1s infinite;
}
#slideout_inner {
  position: fixed;
  background-color: #e0eaf5;
  width:350px;
  padding-bottom:10px;
  bottom: 0%;
  right: -400px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  padding:10px;
  border: 4px solid;
  border-right:0px;
-moz-border-image: -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
  -webkit-border-image: -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
  border-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%);
  border-image-slice: 1;
  transition-delay: 1s;
}

.slideout-container:hover #slideout{
  right: 400px;
}

.slideout-container:hover img {
  opacity:0;
}
.slideout-container:hover #slideout_inner {
  right: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

/* Transitions */
.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content {
    max-height: 500px;
    transition: max-height 0.5s ease-in;
}

.accordion-item-content,
.accordion:hover .accordion-item-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out;
}

.accordion {
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

.accordion .accordion-item {
  border-bottom: 0px solid #666;
  color: black;
}

.accordion h1 {
  margin: 0;
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/*
=====================ANIMATION ON SCROLL=====================
*/
.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.slow{
     -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower{
     -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest{
     -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

/* Added by Andy Vu */
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}

.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}
.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(400px); 
    transform: translateY(400px);
}
.fadeInUp.go { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

/****************
* bounceInRight *
****************/
@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(400px); 
    } 
    60% { 
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(400px); 
    } 
    60% { 
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
        transform: translateX(0); 
    } 
} 
.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}

/******************
* Bounce in left *
*******************/
@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    60% { 
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    60% { 
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
        transform: translateX(0); 
    } 
} 
.bounceInLeft.go { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}

/*
=====================END ANIMATION ON SCROLL=====================
*/

.search-form{
      z-index:999;
}

span.hidden{
     display: none;
}






/*CLIENTS-ROW*/
@media (max-width: 991px){
.client-h {
    height: 60px;
}
}
@media (min-width: 992px) {
.client-h {
    height: 70px;
}
}
@media (min-width: 1200px){
.client-h {
    height: 60px;
}
}

@media (max-width: 991px){
.client-p {
    height: 100px;
}
}
@media (min-width: 992px) {
.client-p {
    height: 180px;
}
}
@media (min-width: 1200px){
.client-p {
    height: 150px;
}
}
.icon-box {
    background-color: #666;
    vertical-align: baseline;
    border-radius: 5px;
    padding: 10px 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.hvr-float-shadow {
    width: 100%;
    background-image: -webkit-linear-gradient(top, #f4f1ee, #fff);
    background-image: linear-gradient(top, #f4f1ee, #fff);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 4px 1px 1px white, inset 0px -3px 1px 1px rgba(204,198,197,.5);
    transition: .3s ease-in-out;   
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    max-width: none;
}
.icon-box a.seo-btn {
    padding: 6px 16px 6px 28px;
    margin-bottom: 15px;
    font-weight: bold;
}
.icon-box h5 {
    font-weight: 600;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #555;
}
.icon-box p {
    margin-bottom:15px;
    letter-spacing: 0px;
    color: #fff;
    padding: 5px 5px;
    font-family: Ciutadella;
}