/* Defult CSS */
html,
body {
    min-height: 100%;
}

img {
    max-width: 100%;
}

a, a:hover {
	color: #00bfc9;
}

.d-table {
    display: table;
    width: 100%;
    height: 100%;
}

.d-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.search-group-primary {
	max-width: 430px;
	width: 100%;
}

.search-group-primary input {
	border-radius: 0;
	border: 1px solid #999999;
	width: calc(100% - 154px) !important;
}

.search-group-primary input:focus {
	box-shadow: none;
	border-color: #00bfc9;
}

.search-group-primary input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	font-weight: 300;
  	color: #75758b;
  	opacity: 1;
}
.search-group-primary input::-moz-placeholder { /* Firefox 19+ */
  	font-weight: 300;
  	color: #75758b;
  	opacity: 1;
}
.search-group-primary input:-ms-input-placeholder { /* IE 10+ */
  	font-weight: 300;
  	color: #75758b;
  	opacity: 1;
}
.search-group-primary input:-moz-placeholder { /* Firefox 18- */
  	font-weight: 300;
  	color: #75758b;
  	opacity: 1;
}

.search-group-primary button {
	background: #3a3a3c;
	color: #ffffff;
	letter-spacing: 2px;
	border-radius: 0;
	border-top: 3px solid #00bfc9;
	padding: 5px 20px;
	overflow: hidden;
  	position: relative;
}

.search-group-primary button:hover {
	color: #3a3a3c;
	border-top: 3px solid #00bfc9;
}

.search-group-primary button:focus {
	box-shadow: none;
}

.search-group-primary button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #00bfc9;
}

.search-group-primary button:hover:after,
.search-group-primary button:active:after,
.search-group-primary button:focus:after {
	height: 100%;
}

.search-group-secondary {
	width: 100%;
}

.search-group-secondary input {
	border-radius: 0;
	border: 1px solid #999999;
	width: calc(100% - 140px) !important;
	height: 50px;
}

.search-group-secondary input:focus {
	box-shadow: none;
	border-color: #00bfc9;
}

.search-group-secondary input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	font-weight: 300;
  	color: #75758b;
  	opacity: 1;
}
.search-group-secondary input::-moz-placeholder { /* Firefox 19+ */
  	font-weight: 300;
  	color: #75758b;
  	opacity: 1;
}
.search-group-secondary input:-ms-input-placeholder { /* IE 10+ */
  	font-weight: 300;
  	color: #75758b;
  	opacity: 1;
}
.search-group-secondary input:-moz-placeholder { /* Firefox 18- */
  	font-weight: 300;
  	color: #75758b;
  	opacity: 1;
}

.search-group-secondary button {
	background: #00bfc9;
	color: #ffffff;
	letter-spacing: 2px;
	border-radius: 0;
	padding: 5px 20px;
	overflow: hidden;
  	position: relative;
  	border: 0;
  	height: 50px;
}

.search-group-secondary button:hover {
	background-color: #00bfc9;
}

.search-group-secondary button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #02969e;
}

.search-group-secondary button:hover:after,
.search-group-secondary button:active:after,
.search-group-secondary button:focus:after {
	height: 100%;
}

.search-group-secondary button:focus {
	box-shadow: none;
}

.form-primary {
	background: rgba(255,255,255,0.9);
	padding: 30px 35px;
	width: 100%;
	border-top: 2px solid #00bfc9;
	box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.3);
}

.form-primary h2 {
	text-align: center;
	margin-bottom: 15px;
}

.form-primary label {
	margin-bottom: 2px;
}

.form-primary .form-group {
	margin-bottom: 10px;
}

.form-primary .form-control, .form-primary select {
	height: 40px;
	border-radius: 0;
	font-weight: 300;
}

.form-primary .form-control:focus, .form-primary select:focus {
	box-shadow: none;
	border-color: #00bfc9;
}

.form-primary .name-group .name-title {
	width: 82px;
}

/*.form-primary .name-group .first-name, .form-primary .name-group .last-name {
	width: calc(50% - 41px);
}*/

.form-primary .name-group .first-name {
	width: 275px;
}

.form-primary .name-group .last-name {
	width: 326px;
}

.form-primary .button-primary {
	width: 100%;
	display: block;
	padding: 8px 25px;
}
input.get_quote_section {
    background: #3a3a3c;
    color: #ffffff;
    letter-spacing: 2px;
    border-radius: 0;
    border: none;
    border-top: 3px solid #00bfc9;
    overflow: hidden;
    position: relative;
    z-index: 2;
    font-weight: 500;
    margin: 20px auto 10px;
    display: block;
    padding: 10px 25px;
}
input.get_quote_section:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: #00bfc9;
}
input.get_quote_section:hover {
    color: #3a3a3c;
    border-top: 3px solid #00bfc9;
}

.form-secondary {
	background: rgba(255,255,255,0.9);
	padding: 20px 15px;
	overflow-y: auto;
	width: 100%;
	border-top: 1px solid #00bfc9;
	box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.3);
}

.form-secondary label {
	margin-bottom: 2px;
}

.form-secondary .form-group {
	margin-bottom: 10px;
}

.form-secondary .form-control, .form-secondary select {
	height: 35px;
	border-radius: 0;
	font-weight: 300;
	font-size: 14px;
}

.form-secondary select.trCity {
    display: none;
}

.form-secondary .form-control:focus, .form-secondary select:focus {
	box-shadow: none;
	border-color: #bea85c;
}

.form-secondary .name-group .name-title {
	width: 78px;
}

.form-secondary .name-group .first-name, .form-secondary .name-group .last-name {
	width: calc(50% - 39px);
}

.form-secondary .button-primary {
	margin: 20px auto 10px;
	display: block;
	padding: 10px 25px;
}

.form-control{
    font-weight: 300;
}

.map-box {
	width: 100%;
	margin-bottom: 30px;
	position: relative;
}

.map-box #map {
    float: left;
    width: 100%;
    height: 650px;
    border: 2px solid #eee;
}

.map-box .image-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	color: #fff;
	padding: 20px 15px;
}

.map-box .image-title p {
	font-size: 18px;
	margin-bottom: 0;
}

.map-box.office-map #map{
    float:none    ;
    height:450px;
}

.accordion-primary .acc {
	margin-left: -15px;
	margin-right: -15px;
}

.accordion-primary.accordion-small .acc {
	margin-left: -5px;
	margin-right: -5px;
}

.accordion-primary .office-item {
	width: 50%;
	margin-bottom: 25px;
	padding: 0 15px;
}

.accordion-primary.accordion-full .office-item {
	width: 100%;
}

.accordion-primary.accordion-small .office-item {
	padding: 0 5px;
}

.accordion-primary .office-item .header {
	padding: 10px 15px;
	border: 1px solid #ddd;
	border-top: 3px solid #00bfc9;
	cursor: pointer;
	position: relative;
}

.accordion-primary.accordion-small .office-item .header h3 {
	font-size: 20px;
}

.accordion-primary .office-item .header i {
	font-size: 30px;
	position: absolute;
	top: 50%;
	right: 15px;
	height: 12px;
	line-height: 10px;
	margin-top: -6px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	color: #999999;
}

.accordion-primary .office-item .header.active i {
	transform: rotate(-180deg);
}

.accordion-primary .office-item .body {
	display: none;
	padding: 15px;
	border: 1px solid #ddd;
	border-top: 0;
}

.accordion-primary .office-item .body ul {
	list-style: none;
	margin: 0;
	padding: 0;
	columns: 2;
}

.accordion-primary.country-list .office-item .body ul {
    columns: 3;
}

.accordion-primary .office-item .body ul li {
    display: block;
    overflow: hidden;
}

.accordion-primary .office-item .body ul li.link a{
    color:#00bfc9;   
}

.accordion-primary .office-item .body ul li a{
    color:#212529;   
}

.accordion-primary .office-item .body ul li a:hover{
    color:#00bfc9;   
}

#office-items section.office-item {
    border: 1px solid rgba(0,0,0,.1);
    overflow: hidden;
    margin:25px 0;
}
/*-----------------------------------------------------------------------------*/
.office-top-left {
    overflow:hidden;
    width:100%;
    margin-bottom:10px;
}

.office-desc {
    float: left;
    width: 51%;
    margin:15px 2% 0; 
    min-height:395px;
    position:relative
}

.office-desc a.office-link {
    color: #3a3a3c;
    font-size: 20pt;
    display:block;
    margin-bottom:10px;
}

.office-desc a.office-link:hover {
    color: #00bfc9; 
    text-decoration: none;  
}

.office-image {
    float: left; 
    width: 45%; 
    min-height:400px;
    background-size: cover !important; 
    -webkit-background-size: cover !important; 
    -moz-background-size: cover !important; 
    -o-background-size: cover !important;
}

.office-image .office-link {
    height:350px;
    display:flex
}

.office-image a.map-link {
    background:url(/assets/img/map/mapiconsmall.png) no-repeat left top;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 41px;  
    margin: 10px; 
    padding: 3px 0; 
    text-align: center; 
    width: 25px;
}

.office-item .form{
    background-color:#00bfc9;
    color:#fff;
    width:100%;
    padding:0;
    overflow: hidden;
}

.office-item .form div{    
    width:100%;
    float:left;    
}

.office-item .form .schedule, .office-item .form .quote, .office-item .form .shortlist {
    background-color: #00bfc9;
    border: 0 none;
    color: #e6fdfe; 
    cursor: pointer;
    font-size: 13.5pt; 
    margin: 10px 0; 
    padding: 3px 27px;
    border-right:1px solid #4cc8ce;
}

.office-item .form .schedule{
    border-right:none
}

#office-items .office-types{
    float:left;     
    margin:0;
}

#office-items .office-types span{
    float:left;
    width:100%;
    font-size:18px;
    line-height:24px;
}

.office-types span small{
    font-size:11px;
}

.pagination{
    display: inline;        
}

.pagination a {
    color: #fff;
    background-color: #3a3a3c;
    padding: 1px 7px;
    margin: 0 1px;
}
/*-------------------------------------------------------------*/

.carousel{
    width:100%
}

.carousel-item{
    width:100%;
    height:650px;
    background-repeat: no-repeat;
    background-size: cover;    
}

.carousel-caption {    
    right: 0;
    bottom: 0;
    left: 0;    
    width: 100%;
    background: rgba(0,0,0,.5);
}

.dark-tooltip + .tooltip > .tooltip-inner {
    background-color: #3a3a3c; 
    color: #FFFFFF; 
    border: 1px solid #6d6d6d; 
    padding: 10px;    
  }
/*-------------------------------------------------------------*/
.about-gallery .image-left {
	width: 60%;
	height: 415px;
	background: #eee;
	background-position: center;
	background-size: cover;
	position: relative;
}

.about-gallery a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about-gallery .images-right {
	width: calc(40% - 15px);
	margin-left: 15px;
}

.about-gallery .images-right .image-right-top {
	margin-bottom: 15px;
	height: 200px;
	background: #eee;
	background-position: center;
	background-size: cover;
	position: relative;
}

.about-gallery .images-right .image-right-bottom {
	height: 200px;
	background: #eee;
	background-position: center;
	background-size: cover;
	position: relative;
}


/* Page Header Section */
#page-header-section {
	background: #3a3a3c;
	border-top: 3px solid #6d6d6d;
	padding: 15px 0 8px;
	color: #ffffff;
}

#page-header-section .breadcrumb {
	background-color: transparent !important;
	padding: 0;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 14px;
}

#page-header-section .breadcrumb a {
	color: #b8b6b6;
}

#page-header-section .breadcrumb .breadcrumb-item.active {
	color: #b8b6b6;
}

#page-header-section .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	content: ">";
	color: #b8b6b6;
}


.main-contents {
	width: calc(100% - 320px);
}

.sidebar {
	width: 300px;
	margin-left: 20px;
}

.sidebar .sidebar-list ul{
    list-style: none;
    margin:0;
    padding:0;
}

.sidebar .sidebar-list ul li a{
    color:#212529
}

.sidebar .sidebar-list ul li a:hover{
    color:#00bfc9
}


/* Typograpgy */
body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

h1 {
	font-size: 35px;
	font-weight: 300;
}

h2 {
	font-size: 30px;
	font-weight: 300;
}

h3 {
	font-size: 25px;
	font-weight: 300;
}

.button-primary {
	background: #3a3a3c;
	color: #ffffff;
	letter-spacing: 2px;
	border-radius: 0;
  	border: none;
	border-top: 3px solid #00bfc9;
	padding: 5px 20px;
	overflow: hidden;
  	position: relative;
  	z-index: 2;
  	font-weight: 500;
}

.button-primary:hover {
	color: #3a3a3c;
	border-top: 3px solid #00bfc9;
}

.button-primary:focus {
	box-shadow: none;
}

.button-primary:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #00bfc9;
}

.button-primary:hover:after,
.button-primary:active:after,
.button-primary:focus:after {
	height: 100%;
}


/* Header */
header {
	padding: 10px 0 20px;
}

header .top-right {
	text-align: right;
}

header .top-right .phone p {
	font-size: 30px;
	margin-bottom: 5px;
}

header .top-right .phone span {
	color: #00bfc9;
	font-weight: 500;
}

header .top-right .phone a {
	color: #3e3e3e;
	font-weight: 400;
}


/* Video Section */
#video-section {
	background: #ddd;
}

#video-section video {
	display: block;
	max-width: 100%;
    width: 100%;
}


/* CTA Section */
#cta-section {
	background: #3a3a3c;
	color: #ffffff;
	padding: 15px 0;
}

#cta-section p {
	font-size: 25px;
	margin-bottom: 5px;
}

#cta-section h2 {
	font-size: 35px;
}


/* About Section */
#about-section {
	padding: 50px 0;
}

#about-section .form-primary {
	margin-top: 50px;
}


/* Office Sectio */
#office-section {
	margin-bottom: 25px;
}

#office-section h2 {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#office-section h2 a {
    color:#212529
}
#office-section h2 a:hover{
    color:#00bfc9
}
/* Footer */
footer {
	background: #3a3a3c;
	border-top: 3px solid #6d6d6d;
	padding: 30px 0 20px;
	color: #ffffff;
	font-size: 14px;
}

footer .footer-right {
	text-align: right;
}

footer p {
	margin-bottom: 0;
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul li {
	display: inline-block;
	margin-right: 10px;
}

footer ul li:last-child {
	margin-right: 0;
}

footer ul li a {
	padding: 5px;
	display: inline-block;
	color: #fff;
}

footer ul li a:hover {	
	color: #fff;
}


/* Top Picks Section */
#top-picks-section {
	margin-bottom: 50px;
}

#top-picks-section h2 {
	margin-bottom: 15px;
}

#top-picks-section .top-picks {
	margin-left: -5px;
	margin-right: -5px;
}

#top-picks-section .top-picks-item {
	width: 33.3333%;
	padding: 0 5px;
}

#top-picks-section .top-picks-item.top-picks-md{
   width: 50%; 
}

#top-picks-section .top-picks-item .image-box-wrpr {
	overflow: hidden;
	width: 100%;
	height: 200px;
	position: relative;
	margin-bottom: 15px;
}

#top-picks-section .top-picks-item .image-box {
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	-webkit-transition: 0.3s;
   -moz-transition: 0.3s;
    -ms-transition: 0.3s;
     -o-transition: 0.3s;
        transition: 0.3s;
}

#top-picks-section .top-picks-item:hover .image-box {
	transform: scale(1.2);
}

#top-picks-section .top-picks-item .image-tag {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	color: #fff;
	width: 100%;
	padding: 5px 15px;
	font-size: 14px;
}

#top-picks-section .top-picks-item h3 {
	font-size: 20px;
	margin-bottom: 5px;
}

#top-picks-section .top-picks-item p {
	text-align: justify;
}


/* Office Info Section */
#office-info-section {
	margin-bottom: 30px;
}

#office-info-section p span {
	font-size: 22px;
}


/* Office About Section */
#office-about-section {
	margin-bottom: 30px;
}


/* CTA Buttons Section */
#cta-buttons-section {
	margin-bottom: 30px;
}

#cta-buttons-section form{
    width: 100%;   
}

#cta-buttons-section .cta-buttons {
	margin-left: -5px;
	margin-right: -5px;
}

#cta-buttons-section .cta-button {
	width: 33.3333%;
	padding: 0 5px;
    float: left;
}

#cta-buttons-section button {
	border: 1px solid #ddd;
	border-top: 3px solid #00bfc9;
	padding: 10px 15px;
	width: 100%;
	display: block;
	text-align: center;
	color: #333333;
	position: relative;
    background-color: #fff;
}

#cta-buttons-section button:hover {
    color: #ffffff;
    text-decoration: none;
	border: 1px solid #00bfc9;    
    border-top: 3px solid #00bfc9;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    background: #00bfc9;
}

#cta-buttons-section button:hover:after {
    height: 100%;
}

section.office-item .CTA-AccForms{
    display:none;
}

#cta-buttons-section .CTA-AccForms{
    display:none;
}

/* Office Services Section */
#office-services-section {
	margin-bottom: 30px;
}

#office-services-section .list-title {
	font-size: 18px;
}

#office-services-section .list-items {
	font-size: 14px;
}

#office-services-section .list-items a {
	color: #424242;
	display: block;
	text-decoration: underline;
	-webkit-transition: 0.3s;
   -moz-transition: 0.3s;
    -ms-transition: 0.3s;
     -o-transition: 0.3s;
        transition: 0.3s;
}

#office-services-section .list-items a:hover {
	color: #00bfc9;
}

#office-services-section .row {
	margin-bottom: 15px;
}


/* Map Location Section */
#map-location-section {
	margin-bottom: 30px;
}

/* Basket */

.basket a i{
    color:#ff5c5c ;
    font-size: 13px;
    margin-right: 10px;
}
/* ... Locale Dropdown --*/
.bootstrap-select > .dropdown-toggle {
    background-image: url(/assets/img/logo/20.png);
    background-position: center left 5px;
    background-repeat: no-repeat;
    padding-left: 30px;
}

#page-header-section h1{
    
    font-size: 32px;
}
a.tel-link{
    color:#212529;
}
.notice-banner{
	background-color: #00bfc9;
	color:#fff;
	text-align: center;
	padding:12px 0;
	font-size: 1.3rem;
}
.sidebar-n-banner{
	margin: 0 -15px;
    background: #00bfc9;
    color: #fff;
    text-align: center;
    padding: 10px 15px;
    font-size: .95rem;
}
.fullwidth{width: 100% !important;}

.h2Header2Discount {
    color: #FFF;
    background-color: rgba(0,191,201, 0.8);
    font-size: 24px;
    padding: 15px;
    margin-top: -59px;
    position: relative;
    clear: left;
    margin-bottom: 15px;
    width: 100%;
}