body {
	/*
	background: #fff url(../images/bg-catie.jpg) no-repeat center top fixed;
	*/
	background: #f0f0f0;
	background-size: 			110% auto;
	background-origin: 			cover;
	-webkit-background-size: 	110% auto;
	-o-background-size: 		110% auto;
	-moz-background-size: 		110% auto;

    font-family: 'Mulish', Arial, "Helvetica Neue", Helvetica, sans-serif;
}	

@media (max-width: 991px) {
	html, body{
        background: #fff;
		background-size: 			auto 110%;
		background-origin: 			cover ;
		-webkit-background-size: 	auto 110%;
		-o-background-size: 		auto 110%;
		-moz-background-size: 		auto 110%;
	}
}
#home {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}


.d-flex {
    display: flex;
}

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

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row;
    }
}

.qrqr {
    max-width: 132px;
    margin: 20px
}
.bg-photo {
    background: #fff url('../images/placeholder-800x600.jpg') no-repeat center;
    background-size: cover;
    min-height: 450px;
}

.square, .btn {
    border-radius: 0px!important;
}

/* -- color classes -- */
.coralbg {
    background-color: #FA396F;
} 

.coral {
    color: #FA396f;
}

.turqbg {
    background-color: #fff;
    /* background-color: #0af; */
    /* background-color: #00b0ea; */
    /* background-color: #000; */
    text-align: center;
}

.turq {
    color: #46D8D2;
    color: #ddd;
}

.white {
    /* color: #fff!important; */
}

hr {
	margin:6px 0;
	border-color: #2cf;
	border-color: #5bc4f1;
	border-color: #d7d7d7;
}

h3.smmt {
	font-size:30px;
	font-weight: 600;
}
h4.smmt {
	margin-top:0;
	margin-bottom:16px
}
h4 {
	font-size: 16px;
	line-height: 23px;
}
.gi-4 {
	line-height:64px;
	font-size:32px;
	line-height:48px;
	font-size:24px;
}
.phoning {
	margin-bottom:10px;
}
.phoning h4{
	line-height:22px;
}



#topnav {
    margin: 1rem 0 2rem;
}
#topnav a:not(.brand) {
	/* background: #f1f2f3; */
	/* background: #cabb95; */
	/* background: #ebe5d7; */
	/* background: #e5e5e5; */
	background: #dbc2a5;
	background: #f1f2f3;
	font-family: var(--font03);
	color: #111;
	font-size: .85rem;
	font-size: 15px;
	font-weight: 400;
	padding: 13px 15px;
	margin: 0 0.125rem;
	display: inline-flex;
	align-items: center;
	transition: all 0.45s ease-in-out;
}
#topnav a.lkrs svg {
	width: 16px;
	height: 16px;
}
#topnav a:not(.brand):hover {
	background: #c1c2c3;
	background: #e7e8e9;
    color: #111;
	background: #f1f2f3;
	background: #dbc2a5;
}



.row.rowhite {
    background: #fff;
    text-align:center;
    margin:0;
    margin-top:16px;
}
.rowhite img {
    margin: 0 auto;
	margin-top:6px;
	margin-bottom:6px;
}
a[href^=tel]{
    color:#fff;
    text-decoration:none;
}
a.btn-link {
    color: #000;
    padding:0;
    text-decoration:none;
}
a.btn-link:hover,
a.btn-link:focus {
    color:#eee;
    text-decoration:none;
}


/* -- The "User's Menu Container" specific elements. Custom container for the snippet -- */
.btn-warning {
    color: #fff;
    background-color: #f08700;
    border-color: #e27f00;
    background-color: #000;
    border-color: #000;
    margin: 20px 0;
}
.btn-warning:hover {
    background-color: #333;
    border-color: #333;
}

div.user-menu-container {
  z-index: 10;
  /*
  background-color: #fff;
  */
  margin-top: 20px;
  
}

div.user-menu-container .btn-lg {
    padding: 0px 12px;
}

div.user-menu-container .btn-block {
    padding: 16px 12px;
	font-weight:400;
}

div.user-menu-container h4 {
    font-weight: 300;
    color: #000000;
    color: #6d6d6d;
}

div.user-menu-container a, div.user-menu-container .btn  {
    transition: 1s ease;
}

div.user-menu-container .thumbnail {
   width:100%;
   min-height:200px;
   border: 0px!important;
   padding: 0px;
   border-radius: 0;
   border: 0px!important;
}

/* -- Vertical Button Group -- */
div.user-menu-container .btn-group-vertical {
    display: block;
}

div.user-menu-container .btn-group-vertical>a {
    padding: 20px 25px;
    background-color: #46D8D2;
    color: white;
    border-color: #fff;
}

div.btn-group-vertical>a:hover {
    color: white;
    border-color: white;
}

div.btn-group-vertical>a.active {
    background: #FA396F;
    box-shadow: none;
    color: white;
}
/* -- Individual button styles of vertical btn group -- */
div.user-menu-btns {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

div.user-menu-btns div.btn-group-vertical>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #46D8D2;
}
/* -- The main tab & content styling of the vertical buttons info-- */
div.user-menu-content {
    color: #323232;
}

ul.user-menu-list {
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0;
    padding: 10px;
    border: 1px solid #eee;
}
ul.user-menu-list>li {
    padding-bottom: 8px;
    text-align: center;
}

div.user-menu div.user-menu-content:not(.active){
  display: none;
}

/* -- The btn stylings for the btn icons -- */
.btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.btn-labeled {padding-top: 0;padding-bottom: 0;}

/* -- Custom classes for the snippet, won't effect any existing bootstrap classes of your site, but can be reused. -- */

.user-pad {
    padding: 0px 25px;
}

.no-pad {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.user-details {
    /*
	background: #eee;
	*/
    min-height: 333px;
}

.user-image {
  /*
  max-height:500px;
  */
  overflow:hidden;
}

.overview h3 {
    font-weight: 300;
    font-size: 19px;
    margin-top: 15px;
    margin: 16px 0 0 0;
}

.overview h4 {
    font-weight: bold!important;
    font-size: 40px;
    font-size: 28px;
	color:#aaa !important;
    margin: 6px 0 16px 0;
}

.view {
    position:relative;
    overflow:hidden;
    margin-top: 10px;
}

.view p {
    margin-top: 20px;
    margin-bottom: 0;
}
 
.caption {
    position:absolute;
    top:0;
    right:0;
    background: rgba(70, 216, 210, 0.44);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

.caption a {
    padding-right: 10px;
    color: #fff;
}

.btn {
    font-size: 16px;;
}
.info {
    display: block;
    padding: 10px;
    background: #eee;
    text-transform: uppercase;
    font-weight: 300;
    text-align: right;
}

.info p, .stats p {
    margin-bottom: 0;
}

.stats {
    display: block;
    padding: 10px;
    color: white;
}

.share-links {
    border: 1px solid #eee;
    padding: 15px;
    margin-top: 15px;
}

.square, .btn {
    border-radius: 0px!important;
}

/* -- media query for user profile image -- */
@media (max-width: 767px) {
	div.user-menu-container {
	  margin-top: 0px;
	}
    .user-image {
        max-height: 400px;
	}
	div.user-menu-container .btn-block {
		font-size:14px;
	}	
	.row.rowhite {
		margin:0;
		padding:0;
	}
	.rowhite img {
	}
}