.cssload-container{
	 display:    none;
         position:   fixed;
        z-index:    1000;
        top:        0;
        left:       0;
        height:     100%;
        width:      100%;
         background: rgba( 255, 255, 255, .4 );
}
	
.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(204,204,204);
	border-left-color: rgb(0,0,0);
	border-radius: 974px;
		-o-border-radius: 974px;
		-ms-border-radius: 974px;
		-webkit-border-radius: 974px;
		-moz-border-radius: 974px;
}

.cssload-whirlpool {
	margin: -24px 0 0 -24px;
	height: 49px;
	width: 49px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -22px 0 0 -22px;
	height: 43px;
	width: 43px;
	animation: cssload-rotate 1150ms linear infinite;
		-o-animation: cssload-rotate 1150ms linear infinite;
		-ms-animation: cssload-rotate 1150ms linear infinite;
		-webkit-animation: cssload-rotate 1150ms linear infinite;
		-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -28px 0 0 -28px;
	height: 55px;
	width: 55px;
	animation: cssload-rotate 2300ms linear infinite;
		-o-animation: cssload-rotate 2300ms linear infinite;
		-ms-animation: cssload-rotate 2300ms linear infinite;
		-webkit-animation: cssload-rotate 2300ms linear infinite;
		-moz-animation: cssload-rotate 2300ms linear infinite;
}



@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}

.grey-bg{background-color:#eceef4;}
body{color:#808184;}
.border-right{border-right:1px solid #eaeaea;}
.pad10{padding:10px;}
.margin-top{margin-top:-180px;}
.navbar-default {
    background-color: #fff;
    border-color: #fff;

}
.black-bg{background-color:#2b2c2d;}
.padtop60{padding-top:60px;padding-bottom:15px;}
.text-style{background-color:#393b3c;border:none;padding:25px;}
.email-style{background-color:#393b3c;border-radius:3px;float: right; width:210px;}
.padtop10{padding-top:10px;}

.btn-default1 {
    background-color: #494c4d;
    border-color:none !important;
    color:#808184;
    border-radius:12px !important;
    margin:7px;
}
.map-image{
    background-image: url("../images/map-large.png"); 
    background-repeat:no-repeat;
    background-position:center;
    background-size: 100% 100%;
    min-height:150px;
}
/*.map-image img {
    max-width: 100%;
    height: 50%;
}*/
.navbar-default .navbar-nav>.active>a{color: #000;
    background-color: #e7e7e7;}
    .navbar-default .navbar-nav>li>a {
    color: #000 !important;
}
.hasnopad{padding:0px !important;}
.navbar{margin-bottom: 0px !important;}
.desc-box{min-height:175px;}
.bg-grey{background-color:#efefef;}
 .col-xs-5t,
.col-sm-5t,
.col-md-5t,
.col-lg-5t {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5t {
    width: 20%;
    float: left;
}
@media (max-width: 768px) {
 .btn-default1 {
    font-size:55%;
    padding-top:10px;padding-bottom:10px;
}   
   
}

@media (min-width: 768px) {
    .col-sm-5t {
        width: 20%;
        float: left;
    }
}
footer li{float:right;margin:0px 0px 0px 18px;}
footer li:hover{color:white;}
small {
    font-size: 75%;
}
@media (min-width: 992px) {
    .col-md-5t {
        width: 20%;
        float: left;
    }
  .all{width:13%}
}

@media (min-width: 1200px) {
    .col-lg-5t {
        width: 20%;
        float: left;
    }
    .padtop250{padding-top:250px;}
    .container {
    padding-right: 100px !important;
    padding-left: 100px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
}
.btn-default {
    color: #333;
    background-color: transparent;
    border-color: #ccc;
}
.btn-default.act{background-color:#fff !important;color: #333;border-color: #ccc;}
.item-box{background-color:white; border-radius:4px;padding:5px;margin-bottom:10px;}
.img-box{text-align:center;
     background-color:#efefef;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height:200px;
    min-height:200px;
}
.img-box1{text-align:center;background-color:#efefef;display: block;
    margin-left: auto;
    margin-right: auto;
min-height:200px;}
    
.row {
    margin-right: 0px;
    margin-left: 0px;
}
img {
    display: block;
    margin: 0 auto;
}
 .fa-style.fa-phone{color:red !important;}
 .grey-bg{background-color:#eceef4;}
body{color:#808184;}
.border-right{border-right:1px solid #eaeaea;}
.pad10{padding:10px;}

.navbar-default {
    background-color: #fff;
    border-color: #fff;

}
.navbar-default .navbar-nav>.active>a{color: #000;
    background-color: #e7e7e7;}
    .navbar-default .navbar-nav>li>a {
    color: #000 !important;
}
 .col-xs-5t,
.col-sm-5t,
.col-md-5t,
.col-lg-5t {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5t {
    width: 20%;
    float: left;
}
@media (max-width: 768px) {
    .img-box1{min-height:100px;}
    .margin-top{margin-top:-70px !important;}
  .wraptocenter img {   margin: 0px 15px 0px 15px !important;display: block !important;}
}

@media (min-width: 768px) {
    .col-sm-5t {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5t {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5t {
        width: 20%;
        float: left;
    }
    .padtop250{padding-top:250px;}
    .container {
    padding-right: 100px !important;
    padding-left: 100px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
}
.btn-default {
    color: #333;
    background-color: transparent;
    border-color: #ccc;
}
.btn-default.act{background-color:#fff !important;color: #333;border-color: #ccc;}
.item-box{background-color:white; border-radius:4px;padding:5px;margin-bottom:10px;}

    /*scrol to top*/

.scrollToTop {
    background: #f9f9f9 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 60px;   
    display: none;
    font-size: 25px;
    height: 55px;
    line-height: 50px;
    position: fixed;
    right: 50px;
    text-align: center;
    text-decoration: none;
    width: 55px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; 
    z-index: 999;
}
.scrollToTop:hover,
.scrollToTop:focus{  
  color: #fff;
  text-decoration: none;
  outline: none;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
img {
    display: block;
    margin: 0 auto;
}
.navbar {
    
    margin-bottom: 0px !important;
    
}
.fa-style .fa:hover{color:#0156a8 !important;font-size:30px;}
@media(min-width:991px) {
    .padtop50{padding-top:107px !important;}
    }
};
.text-blue{color:#0156a8}
@media(min-width:991px) {
    .padtop50{padding-top:50px;}
    .pad-right{padding-right:50px;padding-left:0px;}
    }
.grey-bg{background-color:#eceef4;}
body{color:#808184;}
.border-right1{border-right:1px solid #eaeaea;}

.navbar-default {
    background-color: #fff;
    border-color: #fff;

}
.navbar-default .navbar-nav>li>a {
    color: #777;text-decoration:none;font-weight:600;
    border-bottom: 2px solid #fff;
}
.navbar-default .navbar-nav>li>a:hover {color:#0156a8 !important;border-bottom:2px solid #0156a8;
    text-decoration:none;font-weight:600;
}
.pad20{padding:20px;}
footer {
    margin: 20px 0px 0px 0px;
}
.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

.text-right{text-align: right !important;}



.contact-style{background-color:white; padding:5px;border-radius:5px;}
/*Tool tip*/
.w {
  -webkit-transform: translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.w .tooltip {
  background: white;

  font-size:48%;
  bottom: 100%;
  color: black;
  display: block;
  left: 0px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 5px;
  pointer-events: none;
  position: absolute;
  width:100%;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
.w .tooltips {
  background: white;

  font-size:50%;
  bottom: 100%;
  color: black;
  display: block;
  left: 0px;
  margin-bottom: 15px;
  opacity: 0;
  padding: 5px;
  pointer-events: none;
  position: absolute;
  width:210%;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.w .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}  

/* CSS Triangles - see Trevor's post */
.w .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid #eaeaea 10px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}
  
.w:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
     -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
          transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .w .tooltip {
  display: none;
}

.lte8 .w:hover .tooltip {
  display: block;
}
/*Tool Tip*/
.pad25{padding:25px;}

.wraptocenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 200px;
  height: 200px;
  background-color: #999;
}

.wraptocenter * {
  vertical-align: middle;
}