/*
:Author: Yashveer Kumar
:Contact: yashveerkumar12@gmail.com
*/

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

:hover, :focus, :active {
	outline: 0;
}

input[type="radio"] { 
	vertical-align: text-bottom;
}

input[type="checkbox"] {
	vertical-align: bottom;
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

img {
	border-style:none;
}

strong, b {
	font-weight: bold;
}

em, dfn {
	font-style: italic;
}

[hidden] {
	display: none;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}

sub {
	bottom: -4px;
}

sup {
	top: -8px;
}

code, kbd, pre, samp {
	font-family: monospace, Arial, sans-serif, serif;
	font-size: 16px;
}

button, input, select, textarea {
	font: inherit;
	margin: 0;
}

[type=button], [type=reset], [type=submit], button {
	cursor: pointer;
}

[disabled] {
	cursor: default;
}

/* /Reset */


/* Global */

body {
	background:#000 url(../images/body-bg.jpg) center 0 no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333333;
	min-width:960px;
}

#main {
	font-family: 'Raleway', sans-serif;
	word-wrap:break-word;
}

.wrapper {
	width:960px;
	margin:auto;
}

/* /Global */

/* General */

a {
	text-decoration:none;
	cursor:pointer;
	color:#62b3bb;
}

a.hover-underline:hover {
	text-decoration:underline;
}

::selection {
	color:#ffffff;
	background-color:#62b3bb;
}

::-moz-selection {
   color:#ffffff;
   background-color:#62b3bb;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.float-none {
	float:none;
}

.clearfix:before, .clearfix:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden; 
}
  
.clearfix:after { 
	clear: both; 
}
  
.clearfix { 
	zoom: 1; 
}

.text-left {
	text-align:left;
}

.text-center {
	text-align:center;
}

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

.img-responsive { 
	max-width:100%;
	height:auto;
}

.dis-none {
	display: none;
}

.visible-phone {
	display:none;
}

.visible-tablet {
	display:none;
}

.visible-desktop {
	display:inherit;
}

.hidden-phone {
	display:inherit;
}

.hidden-tablet {
	display:inherit;
}

.hidden-desktop {
	display:none;
}

noscript h1 {
	font-size:20px;
	padding:50px;
	font-weight:bold;
	color:#666666;
	line-height:30px;
}

noscript #main {
	display:none;
}

noscript body {
	background-color:#FFF;
}

/* /General */

/* Header */

#header {
	background-color:#fff;
	padding-bottom:23px;
}

#header h1 {
	text-align:center;
	padding:14px 0;
}

#header h1 a {
	display:inline-block;
}

#header .main-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	text-align:center;
}

#header .main-nav li {
	display:inline-block;
	padding:0 7px;
	position:relative;
}

#header .main-nav li a {
	font-weight:bold;
    display: inline-block;
    color: #101f2b;
    padding: 5px 10px;
    text-decoration: none;
    transition: all 0.5s;
    font-size: 13px;
    text-transform: uppercase;
}

#header .main-nav li a:hover {
	background-color: #62b3bb;
	color: #fff;
}

#header .main-nav li a.selected {
	background-color: #62b3bb;
	color: #fff;
}

#header .main-nav li.icon {
	display: none;
}

#header .main-nav li.icon a {
	font-family:Arial, sans-serif, serif;
	font-size:20px;
}

#header .main-nav li.phone a {
	font-size:18px;
	background-color:#62b3bb;
	padding:4px 0 0 0;
	width:25px;
	height:21px;
	border-radius:13px;
	color: #fff;
}

#header .main-nav li.phone a:hover {
	background-color:#069bbd;
}

#header .main-nav li ul {
	position:absolute;
	top:30px;
	left:0;
	z-index: 2000;
	width:200px;
	text-align:left;
	background-color:#101f2b;
	display:none;
}

#header .main-nav li ul li {
	display:block;
	padding:0;
}

#header .main-nav li ul li a {
	font-weight:bold;
    display: block;
    padding: 10px 15px;
	font-size:12px;
	color: #fff;
}

#header .main-nav li ul li a:hover {
	background-color:#62b3bb;
}

#header .main-nav li ul li a.selected {
	background-color: #62b3bb;
}

#header .main-nav li ul.show {
	display:block;
}

#header .main-nav li a.drop-selected {
	background-color: #62b3bb;
}

/* /Header */


/* Contents */

#contents {
	min-height:500px;
	color:#FFF;
}

/* Homepage */

#contents .box1 {
	text-align:center;
	background-color: #fff;
	position: relative;
}

#contents .box1 h2 {
	font-size:40px;
	font-weight:bold;
	line-height:55px;
	text-shadow:1px 1px 2px #1b1b1b;
	padding-bottom:15px;
}

#contents .box1 .know-more {
	padding-bottom:30px;
}

#contents .box1 .know-more a {
	padding:14px 10px 10px;
	font-size:18px;
	color:#2dabb7;
	font-weight:600;
	display:inline-block;
	transition: all 1s;
	background-color:#FFF;
}

#contents .flexslider {
	border: none;
	overflow: hidden;
	border-radius:0;
	margin: 0;
}

#contents .banner-content {
	width: 100%;
	position: absolute;
	z-index: 50;
	bottom: 60px;
}

#contents .portfolio-categories {
	padding-bottom:60px;
	color:#bbbbbb;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}

#contents .portfolio-categories a {
	color:#bbbbbb;
	transition: all 1s;
}

#contents .portfolio-categories a:hover {
	color:#62b3bb;
}

#contents .portfolio-categories li {
	float:left;
	width:300px;
	color:#bbbbbb;
	padding-left:30px;
}

#contents .portfolio-categories li:first-child {
	padding-left:0;
}

#contents .portfolio-categories li figure a.thumbnail, #contents .portfolio-categories li figure a.thumbnail img {
	display:block;
}

#contents .portfolio-categories li figcaption {
	padding-top:14px;
}

#contents .box2 {
	background:transparent url(../images/box2-bg.jpg) center 0 no-repeat;
	background-size:cover;
	color:#e5e5e5;
	font-size:16px;
	line-height:30px;
	padding:100px 0;
}

#contents .box2 h3 {
	font-size:28px;
	line-height:36px;
	font-weight:bold;
	padding:10px 0;
    text-align: center;
}

#contents .box2 p {
	padding:10px 0;
}

#contents .box2 ul {
	margin-left:17px;
}

#contents .box2 ul li {
	list-style-type:disc;
}

#contents .box2 ul ul li {
	list-style-type:circle;
}

#contents .box3 {
	background-color: #dcdcdc;
	text-align:center;
	color:#212121;
	font-size:16px;
	line-height:30px;
	padding:60px 0;
}

#contents .box3 h3 {
	font-size:28px;
	line-height:36px;
	font-weight:bold;
	padding:10px 0;
}

#contents .box3 p {
	padding:10px 0;
}

#contents .box3 a {
	color:#000;
}

#contents .box3 a:hover {
	text-decoration:underline;
}

#contents .quick-contact {
	width: 236px;
	position: absolute;
	top: 50px;
	right: 50px;
	z-index: 100;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.7);
	padding:14px 15px 15px;
}

#contents .quick-contact .notify {
	position: absolute;
	width: 185px;
	top: 10px;
	line-height: 21px;
}

#contents .quick-contact h3 {
	font-size:14px;
	color:#d0d1cb;
	font-weight:bold;
	padding:0 0 12px;
	line-height: 20px;
	text-align: left;
}

#contents .quick-contact form {
	 font-family:Verdana, Arial, Tahoma, sans-serif;
	 font-size:13px;
	 line-height:20px;
}

#contents .quick-contact form p {
	 margin-bottom: 8px;
}

#contents .quick-contact input[type="text"] {	
	background-color:#FFF;
	border: none;
    padding: 8px;
	color:#4a4a4a;
	font-size:12px;
	font-family:Arial, serif, sans-serif;
	font-weight: bold;
	line-height:18px;
	width:220px;
	display: block;
}

#contents .quick-contact textarea {
	background-color:#FFF;
	border: none;
    padding: 8px;
	color:#4a4a4a;
	font-size:12px;
	font-family:Arial, serif, sans-serif;
	font-weight: bold;
	line-height:18px;
	width:220px;
	height:90px;
}

#contents .quick-contact input[type="submit"], 
#contents .quick-contact button.g-recaptcha {
	background-color:#62b3bb;
	border:none;
	padding: 8px 0;
	width: 236px;
	font-family:Arial, serif, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFF;
	line-height:21px;
	cursor: pointer;
	transition: all 0.5s;
	text-transform:uppercase;
}

#contents .quick-contact input[type="submit"]:hover, 
#contents .quick-contact button.g-recaptcha:hover {
	background-color:#069bbd;
}

.vimeo-responsive {
	width: 640px;
	height:360px;
}

/* /Homepage */

/* Inner Pages */

#contents .inner-page {
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.8);
	font-size:16px;
	line-height:30px;
	margin:35px 0;
	padding:20px 30px 30px;
}

#contents .inner-page h2 {
	font-size:28px;
	line-height:36px;
	font-weight:bold;
	padding:10px 0 20px;
	border-bottom:1px dashed #FFFFFF;
	margin-bottom:20px;
}

#contents .inner-page h3 {
	font-size:22px;
	line-height:30px;
	font-weight:bold;
	padding:10px 0;
}

#contents .inner-page h4 {
	font-size:20px;
	line-height:27px;
	font-weight:bold;
	padding:10px 0;
}

#contents .inner-page p {
	padding:10px 0;
}

#contents .inner-page ul {
	padding:0 0 10px;
	margin-left:17px;
}

#contents .inner-page ul li {
	list-style-type:circle;
	padding-bottom:3px;
}

#contents .inner-page a:hover {
	text-decoration:underline;
}

#contents .inner-page .testimonials {
	padding-top:30px;
}

#contents .inner-page .testimonials > ul {
	margin:0;
	padding:0;
}

#contents .inner-page .testimonials > ul li {
	list-style-type:none;
	padding:0 0 50px;
}

#contents .inner-page .testimonials .thumbnail {
	float:left;
	width:300px;
	height:300px;
	margin:7px 20px 20px 0;
}

#contents .inner-page .testimonials h3 {
	padding:0;
}

#contents .inner-page .testimonials p {
	padding:5px 0;
}

#contents .inner-page .contact-us h3 {
	padding-bottom:0;
}

#contents .inner-page .contact-us a {
	color:#FFF;
}

#contents .inner-page .contact-us .notify a.close {
	color:#000000;
}

#contents .inner-page .contact-us .notify a.close:hover {
	text-decoration: none;
}

#contents .address1 {
	float: left;
	width: 450px;
	margin-right: 50px;
}

#contents .address2 {
	float: left;
	width: 400px;
}

#contents .contact-form {
	width:450px;
	padding: 20px 0;
	float: left;
}

#contents .contact-form form {
	 font-family:Verdana, Arial, Tahoma, sans-serif;
	 font-size:13px;
	 line-height:20px;
}

#contents .contact-form input[type="text"] {	
	background-color:#FFF;
	border: none;
    padding: 15px;
	color:#069bbd;
	font-size:14px;
	font-family:Arial, serif, sans-serif;
	font-weight: bold;
	line-height:21px;
	width:410px;
}

#contents .contact-form input[type="text"]::-webkit-input-placeholder {
	color:#62b3bb;
}

#contents .contact-form textarea {
	background-color:#FFF;
	border: none;
    padding: 15px;
	color:#069bbd;
	font-size:14px;
	font-family:Arial, serif, sans-serif;
	font-weight: bold;
	line-height:21px;
	width:410px;
	height:150px;
}

#contents .contact-form textarea::-webkit-input-placeholder {
	color:#62b3bb;
}

#contents .contact-form input[type="submit"], 
#contents .contact-form button.g-recaptcha {
	background-color:#62b3bb;
	border:none;
	padding: 12px 35px;
	font-family:Arial, serif, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#FFF;
	line-height:21px;
	cursor: pointer;
	transition: all 0.5s;
	text-transform:uppercase;
}

#contents .contact-form input[type="submit"]:hover, 
#contents .contact-form button.g-recaptcha:hover {
	background-color:#069bbd;
}

#contents .google-map {
	padding: 20px 0;
	float:right;
}

#contents .google-map .map-frame {
	padding:20px 0 10px;
}

#contents .portfolio-items {
	padding:20px 0;
	color:#fff;
	font-size:15px;
	line-height:21px;
}

#contents .portfolio-items ul {
	margin:0;
	padding:0 0 15px;
}

#contents .portfolio-items ul li {
	list-style-type:none;
	float:left;
	width:290px;
	color:#bbbbbb;
	padding:0 0 0 15px;
	position:relative;
}

#contents .portfolio-items ul li:first-child {
	padding-left:0;
}

#contents .portfolio-items a {
	border:5px solid #62b3bb;
	display:block;
	color:#fff;
	transition: all 1s;
}

#contents .portfolio-items img {
	display:block;
	width:280px;
	height:280px;
}

#contents .portfolio-items figcaption {
	text-align:right;
	background-color:#62b3bb;
	padding:10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 1s;
}

#contents .portfolio-items a:hover {
	text-decoration:none;
	border:5px solid #069bbd;
}

#contents .portfolio-items a:hover figcaption {
	background-color:#069bbd;
}

#contents .portfolio-item-full {
	padding:6px 0 20px;
}

#contents .portfolio-item-full .item-photos {
	float:left;
	width:205px;
	padding-top:14px;
}

#contents .portfolio-item-full .item-photos a, #contents .portfolio-item-full .item-photos a img {
	float:left;
}

#contents .portfolio-item-full .item-photos a {
	border:2px solid #62b3bb;
	margin-bottom:5px;
	margin-right:5px;
	transition: all 1s;
}

#contents .portfolio-item-full .item-photos a img {
	width:59px;
	height:59px;
}

#contents .portfolio-item-full .item-photos a.primary img {
	width:196px;
	height:196px;
}

#contents .portfolio-item-full .item-photos a:hover {
	border-color:#069bbd;
}

#contents .portfolio-item-full .item-detail {
	width:660px;
	float:right;
}

#map {
	width:100%;
	height:600px;
	margin-top:30px;
	display: block;
	color: #000;
	font-family:Arial, sans-serif, serif;
	font-size:14px;
}

#map .map-content {
	width: 220px;
}

#map .map-content h5 {
	font-size: 16px;
	margin:0;
	padding-bottom:10px;
	font-weight:normal;
	line-height:22px;
}

#map .map-content p {
	margin:0;
	padding:0 0 10px;
}

#map .map-content img {
	width: 220px;
	max-width:100%;
	height:auto;
	display:block;
}

#map .map-content a {
	color: #000;
}

#map .map-content a:hover {
	color:#62b3bb;
	text-decoration:underline;
}

/* /Inner Pages */

/* notify */

#contents .notify {
  padding: 8px 35px 8px 14px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #c09853;
  font-size: 14px;
}

#contents .notify p {
	margin:0;
	padding:4px 0;
}

#contents .notify-heading {
  color: inherit;
}

#contents .notify .close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 18px;
}

#contents .notify .close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}

#contents .notify-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}

#contents .notify-danger,
#contents .notify-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}

#contents .notify-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}

#contents .notify-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

#contents .notify-block > p,
#contents .notify-block > ul {
  margin-bottom: 0;
}

#contents .notify-block p + p {
  margin-top: 5px;
}

/* /notify */


/* /Contents */


/* Footer */

#footer {
	background-color:#f3f0e8;
	padding:40px 0;
	font-size:16px;
	color:#595959;
	text-align:center;
}

#footer a {
	color:#595959;
	transition: all 1s;
}

#footer a:hover {
	color:#000;
}

/* /Footer */


/* Common */

.w500 {
	width:500px;
}

.color-red {
	color:#e51918;
}

.color-blue {
	color:#4186af;
}

.color-green {
	color:#7ca81f;
}

.pt-10 {
	padding-top: 10px;
}

.pt-20 {
	padding-top: 20px;
}

.pb-15 {
	padding-bottom: 15px;
}

/* /Common */

/* Custom */


/* /Custom */


/* Mobile */

@media only screen 
and (min-width : 0px) 
and (max-width : 749px) {
	
body {
	min-width: 320px;
	max-width: 749px;
}

.visible-phone {
	display:inherit;
}

.visible-tablet {
	display:none;
}

.visible-desktop {
	display:none;
}

.hidden-phone {
	display:none;
}

.hidden-tablet {
	display:inherit;
}

.hidden-desktop {
	display:inherit;
}

.wrapper {
	width: 94%;
}

#header {
	padding:10px 0;
}

#header h1 {
	text-align:left;
	padding:0;
	width:180px;
	float:left;
}

#header h1 a {
	display:block;
}

#header .main-nav {
	float:right;
	margin-top:8px;
}

#header .main-nav li {
	display: none;
	background-color: #1f1e1e;
	padding:0;
}

#header .main-nav li.icon {
	display:block;
	background-color:transparent;
}

#header .main-nav.responsive {
	position: relative;
}

#header .main-nav.responsive ul {
	position: absolute;
	right: 0;
	top: 0;
	z-index:1000;
	text-align:right;
}

#header .main-nav.responsive li {
    display: block;
}

#header .main-nav.responsive li a {
    display: block;
    text-align: left;
	padding: 12px 15px;
    color: #fff;
}

#header .main-nav.responsive li.icon a {
	text-align:right;
	display:inline-block;
	padding: 5px 10px;
    color: #101f2b;
}
    
#header .main-nav.responsive li.icon a:hover {
    color: #fff;
}

#header .main-nav.responsive li.phone {
	display:none;
}

#header .main-nav.responsive ul ul {
	top:38px;
	left:-85px;
}

#contents .inner-page {
	padding:15px;
}

#contents .box1 {
	padding-top:0;
}

#contents .box1 h2 {
	font-size:20px;
	line-height:30px;
}

#contents .box1 h2 br {
	display:none;
}
    
#contents .banner-content {
	bottom: 0;
}
    
#contents .box1 .know-more {
	padding-bottom:10px;
}
    
#contents .box1 .know-more a {
	padding:6px;
	font-size:12px;
}

#contents .portfolio-categories {
	padding-bottom:40px;
}

#contents .portfolio-categories li {
	float:none;
	width:100%;
	max-width:300px;
	padding-left:0;
	padding-bottom:30px;
	margin:auto;
}

#contents .box2 {
	padding:50px 0;
}

#contents .box2 .w500 {
	width:100%;
}

#contents .box2 h3 {
	font-size:20px;
	line-height:30px;
}

#contents .box3 {
	padding:50px 0;
}

#contents .box3 h3 {
	font-size:20px;
	line-height:30px;
}

#contents .inner-page .testimonials .thumbnail {
	float:none;
	max-width:100%;
	height:auto;
	margin:10px 0 5px;
}

#contents .address1 {
	float: none;
	width: auto;
	margin-right: 0;
}

#contents .address2 {
	float: none;
	width: auto;
}

#contents .contact-form {
	width:auto;
	float: none;
}

#contents .contact-form input[type="text"], #contents .contact-form textarea {	
	width:205px;
}

#contents .google-map {
	float:none;
}

#contents .portfolio-items ul {
	padding:0;
}

#contents .portfolio-items ul li {
	float:none;
	padding:0;
	margin:0 auto 15px;
	width:240px;
}

#contents .portfolio-items img {
	width:230px;
	height:230px;
}

#contents .portfolio-item-full .item-photos {
	float:none;
	width:205px;
	margin:auto;
}

#contents .portfolio-item-full .item-detail {
	width:auto;
	float:none;
	padding-top:15px;
}

#contents .google-map iframe {
	width:100%;
	max-width:400px;
	height:400px;
}

.vimeo-responsive {
	max-width: 100%;
	width: 426px;
	height:240px;
}

#footer {
	padding:20px 0;
	font-size:14px;
	line-height:21px;
}
	
}

/* /Mobile */

/* Tablet */

@media only screen 
and (min-width : 750px) 
and (max-width : 959px) {
	
body {
	min-width: 750px;
}

.visible-phone {
	display:none;
}

.visible-tablet {
	display:inherit;
}

.visible-desktop {
	display:none;
}

.hidden-phone {
	display:inherit;
}

.hidden-tablet {
	display:none;
}

.hidden-desktop {
	display:inherit;
}

.wrapper {
	width: 750px;
}

#contents .portfolio-categories {
	font-size:15px;
}

#contents .portfolio-categories li {
	width:243px;
	padding-left:10px;
}

#contents .address1 {
	width: 40%;
}

#contents .address2 {
	width: 40%;
}

#contents .contact-form {
	float: none;
}

#contents .google-map {
	float:none;
}

#contents .portfolio-items ul {
	padding:0;
}

#contents .portfolio-items ul li {
	float:none;
	padding:0;
	margin:0 auto 15px;
}

#contents .portfolio-item-full .item-detail {
	width:460px;
}

}

/* /Tablet */


/*Grizzly */
h1 {
  font-size: 48px;
  line-height: 1.2;
}

h2 {
  font-size: 36px;
  line-height: 1.3;
}

h3 {
  font-size: 28px;
  line-height: 1.3;
}

h4 {
  font-size: 22px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}


@media (max-width: 768px) {
  h1 { font-size: 36px; }
  h2 { font-size: 30px; }
  h3 { font-size: 24px; }
}


@media (max-width: 480px) {
  h1 { font-size: 28px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; }
}
img.header-img-grizzly {
    max-height: 470px;
}


.text-image-section {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 60px 0;
}

.text-image-content,
.text-image-image {
  flex: 1;
}

.text-image-image img {
  width: 100%;
  height: auto;
  display: block;
}
.tp-link {
  font-weight: bold!important;
  text-decoration: underline!important;
  color: #378086!important;
  transition: color 0.2s ease!important;
}

.tp-link:hover {
  color: #000000!important; 
}

.usp-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 32px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}

.usp-item {
  flex: 1;
  text-align: center;
  font-size: clamp(18px, 2.2vw, 22px); 
  font-weight: 500;
}

.usp-item::before {
  content: "✓";
  color: #2ecc71;
  font-weight: bold;
  margin-right: 10px;
  font-size: 1.2em; 
}


@media (max-width: 600px) {
  .usp-section {
    flex-direction: column;
    gap: 16px;
  }

  .usp-item {
    font-size: 18px;
  }
}


@media (max-width: 600px) {
  .usp-section {
    flex-direction: column;
    align-items: center;
  }

  .usp-item {
    width: 100%;
  }
}


.expert-contact-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  align-items: start;
}

.expert-video {
  text-align: center;
}

.expert-video .vimeo-responsive {
  width: 100%;
  max-width: 560px;
  height: 315px;
}

.expert-contact-grid .contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
  max-width: none;
}

.expert-contact-grid .contact-card p {
  margin: 0 0 6px;
  padding: 0 !important;
  line-height: 1.4 !important;
}

@media (max-width: 800px) {
  .expert-contact-grid {
    grid-template-columns: 1fr;
  }
}

.map-frame-grizzly iframe {
    width: 100vw;
    height: 320px;
    margin-bottom: -70px;
}
.grizzly-btn a {
    display: inline-block;
    background-color: #2DABB7;
    color: #fff;
    padding: 12px 24px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.grizzly-btn a:hover {
    background-color: #24949e; 
    color: #fff;
}
.grizzly-cta {
    display: block;
    font-size: 28px;     
    font-weight: 700;
    margin-top: 30px;     
    margin-bottom: 10px;
}
.header-img-grizzly {
    width: 100%;
    filter: brightness(0.5);
}
@media (max-width: 1024px) {
    .text-image-section {
        flex-direction: column;
    }

    .text-image-content {
        order: 1;
    }

    .text-image-image {
        order: 2;
    }
}
@media (max-width: 1500px) {
    .quick-contact.visible-desktop {
        display: none;
    }
}