/**
* Template Name: Instant
* Template URL: https://templatemag.com/instant-bootstrap-personal-template/
* Author: TemplateMag.com
* License: https://templatemag.com/license/
*/

/* ==========================================================================
   Base Styles, Bootstrap Modifications & Fonts Import
   ========================================================================== */


	
::-moz-selection {
    background: #fedecf;
    color: #111;
    text-shadow: none;
}

::selection {
    background: #fedecf;
    color: #111;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

 hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #888;
    margin: 2em 0 .5em 0;
    padding: 1.5em 0 0 0;
}

.centered {
	text-align: center
}

.mt {
	margin-top: 70px;
}

.mt100 {
	margin-top: 100px;
}

.mt10 {
	margin-top: 10px;
}


.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}


.mt40 {
	margin-top: 40px;
}


.mt50 {
	margin-top: 50px;
}


.mt60 {
	margin-top: 60px;
}


.mb {
	margin-bottom: 70px;
}

.mb10 {
	margin-bottom: 10px;
}


.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb50 {
	margin-bottom: 50px;
}


.mr30 {margin-right: 30px;
}




/* ==========================================================================
   General styles
   ========================================================================== */

html{font-size: 1em;}

html, body{ width: auto!important; overflow-x: hidden!important;}

.hidden{display:hidden; margin: 0; padding: 0;}

.body {background-color: #F1F1F1!important;}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	background-color:  #FEFEFE;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
     height:100%;
	margin-top: 0;
	padding-top: 0;
	
 }




/*.bodyhome {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-size: 1em;
	line-height: 1.4em;
	background-color:  #fefefe;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
     height:100%;
}*/

h1, #pagetitlewrap h1 {
	font-size: 2.3em;
    font-family: 'Montserrat', sans-serif;
	color: #1b1b1b;      
    line-height: 1.3em;
	text-align: left;
	margin: 0;
	padding: 0;
	font-weight: 800;
}



#basewrap h1 {
	font-size: 2.3em;
    font-family: 'Montserrat', sans-serif;
	color: #fff;      
    line-height: 1.3em;
	text-align: left;
	margin: 0;
	padding: 0;
}


h2 {font-size: 1.9em;
	font-weight: 800;
    font-family: 'Montserrat', sans-serif;
	color: #1b1b1b;
	text-transform: none;
        line-height: 1.2em;
	text-align: left;
	margin: 0;
	padding: 0;
	letter-spacing: .01em;
}



h3 {font-size: 1.7em;	
	font-weight: 800;
    font-family: 'Montserrat', sans-serif;
	color: #1b1b1b;
    line-height: 1.4em;
	margin: 0;
	padding: 0;
}

#headerwrap h1 {
	font-weight: 800;
	font-size: 4em;
    font-family: 'Montserrat', sans-serif;
	  
    line-height: 1.2em;
	text-align: left;
	margin: 0;
	padding: 0;
}

#headerwrap h2
{color: #1b1b1b;
	font-size: 1.2em;
	  line-height: 1.3em;
text-align: left;
font-weight: 600;
	padding-top: 12px;
}

#headerwrap h3{font-size: 2.1em;
	font-family: 'Poppins', sans-serif;
color: #1b1b1b;
	line-height: 1.3em;
font-weight: 600;
text-align: left;
}



#headerwrap p
{color: #1b1b1b;
	font-size: 1.2em;
text-align: left;
font-weight: 500;
	padding-top: 12px;
	padding-bottom: 12px;
}



h4{font-size: 1.5em;
font-weight: 700;
    font-family: 'Poppins', sans-serif;
	line-height: 1.4em;
	color: #1b1b1b;
	margin: 0;
	padding: 0;
}

.casestudy th {text-transform: uppercase;
font-size: 1.2em;}



h5{font-size: 1.2em;
font-weight: 700;
	line-height: 1.3em;
	color: #1b1b1b;
	  font-family: 'Poppins', sans-serif;
	margin: 0;
	padding: 0;
}

#headerwrap h5 li, #headerwrap h4 {font-size: .95em;
font-weight: 500;
	line-height: 1.6em;
	color: #fff!important;
	  font-family: 'Poppins', sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
}

#headerwrap h5 {font-size: 1em;
font-weight: 600;
	text-align: left;
	line-height: 1.3em;
	color: #fff!important;
	 
}


h6{font-size: 1em;
font-weight: 700;
line-height: 1.3em;
font-family: 'Poppins', sans-serif;
 color: #1b1b1b;  
	margin: 0;
	padding: 0;
}

.versions{font-size: 1em;
font-weight: 600;
line-height: 1.4em;
font-family: 'Poppins', sans-serif;
 color: #1b1b1b;   
	margin-top: 10px;
	margin-bottom: 10px;
}


p {color: #1b1b1b;  
font-size: 1.1em;
line-height: 1.4em;
	font-weight: 400;
text-align: left;
  font-family: 'Poppins', sans-serif;
	padding-top: 8px;
}

.psmall {color: #1b1b1b;  
font-size: 1.95em;
line-height: 1.4em;
text-align: left;
  font-family: 'Poppins', sans-serif;
}

 p i {color: #1b1b1b;  
font-size: 1em;
line-height: 1.3em;
text-align: left;
  font-family: 'Poppins', sans-serif;
}

.left {text-align:left;}

.center{text-align:center;}

#headerwrap p a{color: #D14200; font-size: 1em; font-weight:700; 
text-decoration: none;
	font-family: 'Poppins', sans-serif;}

#headerwrap p a:hover{color: #777!important; font-size: 1em; font-weight:700; 
text-decoration: none;
	font-family: 'Poppins', sans-serif;}


p a{color: #D14200; font-size: 1em; font-weight:700; 
text-decoration: none;
	font-family: 'Poppins', sans-serif;}

p a:hover{color: #444!important; font-size: 1em; font-weight:700;
text-decoration: none;font-family: 'Poppins', sans-serif;}

.pblock {display: inline; text-align: left;}

.whitelink{color: #fff;font-weight: 400;
}

.leftlabel{ 
	font-size: 1.2em;
	text-align: left;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 20px;
margin-left: 0;
	padding: 0;
}

.specialties {background-color:#666673;}

.lightwhite {font-size: 1.5em;
font-weight: 400;
	text-align:left;
    font-family: 'Poppins', sans-serif;
	line-height: 1.4em;
	color: #fff;
	margin: 0;
	padding: 10px 0 0 0;
}


.colorwrapwhite{ 
margin: auto; background-color: #fff;
border-radius: 12px;}

.colorwraporange{ 
margin: auto; background-color: #f9ede8;
 border-radius: 12px;}



.navbar-brand {
	margin-top:0px;
	font-weight: 700!important;
	font-size: 1.6em!important;
    font-family: 'Montserrat', sans-serif;
		color: #fff!important;
		letter-spacing: -0.00em;
	 font-size: 1.4em!important;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
	color: #fff}

.navbar-default {
	padding: 5px 0 5px 0;
	border-color: transparent;
  background-color: #1b1b1b;
	opacity: .88;
    font-family: 'Poppins', sans-serif;
    font-size: 1em;}
/*-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.25);*/

/*a { font-family: 'Poppins', sans-serif;}
a:link {color: #D4380D; text-decoration: none; font-size: 1em; font-weight: 600;}
a:hover {color: #AB2804; text-decoration: none;font-size: 1em; font-weight: 600;}
a:visited {color: #AB2804; text-decoration: none;font-size: 1em; font-weight: 600;}

/*.avitar{float:left; margin-top: 13px;  width: 32px; margin-right: 14px;}*/





.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	/*color: #E56741;*/
	color: #FB5D16;
	background-color: transparent;
	font-weight: 600!important;
	/*border-bottom: 2px solid #E7506E;
	border-bottom-width: medium;
	border-spacing: 2px 5px;*/

	
}

.navbar-default .navbar-nav > li > a {
	color:  #fff;
	font-weight: 500!important;
	

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #ccc;
}

.navbar-default .navbar-toggle {
  border: none;
  border-color: #fff;
}

.navbar-default .navbar-toggle:hover {
  background: #ccc;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color:  #fff;
}



/* ==========================================================================
   Wrap Sections
   ========================================================================== */



/* secondary navbar*/


nav{position:absolute;
top: 100px;
color: red;}


.centered-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Optional: Add some basic styling for visibility */
    display: flex;
    justify-content: center;
    align-items: center;
    /* Add your desired dimensions or other styles */
}

   
       /* .fade-container {
            font-size: 3.5rem;
            color: #fff;
            text-align: left;
            font-family: Arial, sans-serif;
            height: 3rem;
            width: auto;
            min-width: 500px;
            position: relative;
            display: inline-block;
        }
        
        .fade-item {
            height: 4rem;
            display: flex;
            align-items: left;
         
            position: absolute;
            width: 100%;
            top: 0;
            opacity: 0;
            transition: opacity 0.8s ease-in-out;
			font-family: 'Poppins', sans-serif;
				font-weight: 700!important;

        }
        
        .fade-item.active {
            opacity: 1;
        }


/*homepage*/
#headerwrap {
background: url("https://www.tammygrossbauer.com/img/orangewhitesplit.jpg") no-repeat center;
	margin-top: 0px;
	padding-top: 320px;
	background-attachment: relative;
	background-position:  center center;
	height: 100vh;
	width: 100%;
	
	
	/*background: rgb(50,53,68); #293342
background: linear-gradient(340deg, rgba(50,53,68,1) 30%, rgba(33,38,51,1) 100%); #303543; #293342*/
	
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*homepage*/
#basewrap {
	/*background: 
url("https://www.tammygrossbauer.com/img/trigradient.jpg") no-repeat top right;*/
	margin-top: 0px;
	padding-top: 70px;
		background-position:  top right;

	padding-bottom: 30px;
	min-height: 600px;
	width: 100%;
	background-color: #222226;
	/*background: rgb(50,53,68); #293342
background: linear-gradient(340deg, rgba(50,53,68,1) 30%, rgba(33,38,51,1) 100%); #303543; #293342*/
	
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#pagetitlewrap{
	/*background: 
url("https://www.tammygrossbauer.com/img/trigradientsub.jpg") no-repeat top right;*/
	margin-top: 0px;
	padding-top: 60px;
	padding-bottom: 10px;
	min-height: 220px;
	width: 100%;
	
	/*background: rgb(50,53,68); #293342
background: linear-gradient(340deg, rgba(50,53,68,1) 30%, rgba(33,38,51,1) 100%); #303543; #293342*/
	
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#titlewrap {
	margin-top: 0px;
	padding-top: 60px;
	padding-bottom: 10px;
	min-height: 220px;
	width: 100%;

	/*background: rgb(50,53,68); #293342
background: linear-gradient(340deg, rgba(50,53,68,1) 30%, rgba(33,38,51,1) 100%); #303543; #293342*/
	
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.titlegraphic{ padding: 20px;}
.titlegraphic p {padding-left: 8px; padding-right: 8px;}
.icon{height: 100px;
width: 100px;}

th {font-size: 1.1em;
line-height: 1.4em;
font-weight:700;
text-align:left;
		padding-bottom: 10px;

}

td {text-align:left;
font-size: 1em;
line-height: 1.4em;
padding-left: 20px;
	padding-bottom: 10px;
font-weight:400;
	
}

li {padding-top: 4px;
text-align:left;
color: #111;
font-weight: 300;
font-size: 1em;
line-height: 1.5em;
font-family: 'Poppins', sans-serif;}


#aboutwrap li {list-style-type: none;
margin-left: -40px;
line-height: 1.8em;}


.imgborder {;
border: 1px solid #bbb;}

.fade-in {
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }
        .fade-in.visible {
            opacity: 1;
        }

img {
            max-width: 100%;
            height: auto;
            display: block;
            margin: 0 auto;
        }



#title{text-align: center;}

/* pills */

.pillblock{float:left;
padding-bottom: 20px;}


 /*#spotwrap h1, #tixwrap h1, #rhwrap h1 {color: #fff;}

#movewrap h1 {color: #1f1f1f; text-align:center;}




.thm{position: relative;
}



.category{
    	opacity: 0.9;
    font-size: 1em;
    color: #fff;
  top: 12px;
  left: 12px;
  z-index: 51;
     position: absolute; 
     -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
    padding-top: 8px;
    width: 41px;
    height: 41px;
    background-color: #ed5e06;
     margin: auto;
}
 
.categoryborder{
    	opacity: 0.9;
    font-size: 1.1em;
    color: #fff;
  top: 12px;
  left: 12px;
  z-index: 51;
     position: absolute; 
     -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
    padding-top: 7px;
    width: 41px;
    height: 41px;
    border: 1px solid #FDFDFD;
     margin: auto;
}*/
 

.tag{
   
	font-size: 1.2em;
	text-transform: uppercase;
font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight:600;
    text-align:center;
   max-width: 65px;
        padding: 3px;
    background-color: #ddd;
   margin-left: 10px;
	border-radius: 40px;
}

.taghome{
   
	font-size: .95em;
	text-transform: uppercase;
font-family: 'Poppins', sans-serif;
    color: #374151;
    font-weight:700;
    text-align:left;
    width: 2em;
        padding: 5px 3px 5px 0px;
    background-color: #2570d6;
    border: 1px solid #2570d6;
	}

.tag .fas {color: #D1D5DB;}
.taghome .fas {color: #374151;}



.fa {color: #D14200;}
.fa-solid {color: #D14200;}

/*.facolor {text-shadow:1px 1px 5px rgba(50,50,50,.35)}*/


.role {text-transform: uppercase; font-weight: 700;
font-size: 1em;letter-spacing: .3px; color:#111;}


/* Gallery */
.gallery {
	padding: 8px 16px 8px 24px;}
	

.thm {
padding: 4px;
/*filter: drop-shadow(1px 2px 2px #ccc);*/

}





/*.gallery img:hover, i:hover {
	opacity: .7;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	
}*/


/* Contact Form */


#contactwrap {
	/*background: url(../img/contact.jpg) no-repeat center top;*/
	margin-top: 0px;
	padding-top: 120px;
	/*text-align:center;
	background-attachment: relative;
	background-position: center center;*/
	min-height: 650px;
	width: 100%;
  /*background-size: 100%;
  background-size: cover;*/
}



#contactwrap h4 {
	font-size: 1.8em;
font-weight: 700;
	font-family: 'Poppins', sans-serif;
	line-height: 1.5em;
	color: #fff;
}



#contact h2 {
  font-size: 2.441em;
  margin-bottom: 30px;
}


.contact-form label {
   color: #999;
}

.contact-form input, .contact-form textarea {
  padding: 10px 12px;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  height: auto;
}

.contact-form .form-send {
  text-align: center;
}

.contact-form .form-send button  {
  background: #c30671;
  padding: 14px 40px;
  color:  #fefefe;
  transition: 0.4s;
  cursor: pointer;
  font-size: 16px;
  margin-top: 15px;
}

.contact-form .form-send button:hover {
  background: #C43759;
}

.contact-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 400;
  font-size: 13px;
}

.contact-form .loading {
  display: none;
  color: #555;
  background: #fff;
  text-align: center;
  padding: 15px;
  margin: 15px 0;
}

.contact-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}


#social {
	fontsize: 1em;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 0px;
	background-color: #222226;
	width: 100%;
}

#social i {
	color:  #fefefe;
padding-bottom: 10px;
}

#social h5{
font-weight: 700;
	line-height: 1.4em;
	color: #fefefe;
	text-align:center;
}

#social i:hover {
	color: #D1D5DB;
}

#social h4 {
font-weight: 600;
    font-family: 'Poppins', sans-serif;
	color:  #fefefe;}


#headerwrap i {
	font-size: 40px;
color: #EF3D0B !important;
padding-bottom: 10px;
}

#headerwrap i:hover {
	font-size: 40px;
color: #aaa !important;
padding-bottom: 10px;
}

.copyright {color:#fff;
font-size: .95em;
text-align:center;}

#footerwrap {
	
	padding-top: 30px;
	padding-bottom: 70px;
	background-color: #111;
}



#footerwrap p  {
	font-size: .95em;
	font-weight: 500;
	color:  #fefefe;
	line-height: 1.5;
	text-align:center;
	padding: 3px;
	margin: 0;
}



/* Style buttons */
.btn {
	-webkit-box-shadow: 2px 2px 15px 0px rgba(50,50,50,.35);
-moz-box-shadow: 2px 2px 15px 0px rgba(50,50,50,.35);
box-shadow: 2px 2px 5px 0px rgba(50,50,50,.35);
	background-color: #EB5715;
	font-size: 1.1em;
	font-family: 'Poppins', sans-serif;
	border-radius: 2px;
	text-align: center;
	color: #fff!important;
	font-weight: 600;
	padding: 10px 8px;
  cursor: pointer;
	text-decoration: none;
	margin: 0;
	width: 100%;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 4px;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: #d14b15;
	color: #fff;
	  cursor: pointer;
	text-decoration: none;
}


.btn:focus {
  background-color: #dd5313;
	/*border: 1px solid #FB923C;  /* outer stroke 
  outline: 1px solid #FB923C; /* inner stroke 
  outline-offset: -2px;  /* negative border width + outline width */
	color: #fff;
	  cursor: pointer;
	text-decoration: none;

}
.btn:hover, .btn:focus, .fa {
  cursor: pointer;
}

.btn .fa {color: #fff;
  cursor: pointer;
}

.img-responsive.mobile {
  display: none!important;
}


@-webkit-keyframes animate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

@keyframes animate-loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

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

.contact-form .error-message {
  display: none;
  color:  #fcfcfc;
  background: #ed3c0d;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin: 15px 0;
}

.contact-form .sent-message {
  display: none;
  color:  #fcfcfc;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin: 15px 0;
}


/* Tablets (portrait) ----------- */

@media (max-width: 768px) {
  #headerwrap {
    padding-top: 120px;
	  min-height: 600px;
	width: 100%;
  }
	.imageshrinktab {max-width: 70%; margin: auto;}

}

.lightwhite {font-size: 1.4em;
font-weight: 400;
	text-align:left;
    font-family: 'Poppins', sans-serif;
	line-height: 1.4em;
	color: #fff;
	margin: 0;
	padding: 10px 0 0 0;
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	
	
.imageshrink {max-width: 90%; margin: auto;}
	
	
.centered-div {
    position: absolute;
    top: 50%;
    left: 50%;
	width: 90%;
    transform: translate(-50%, -50%);
    /* Optional: Add some basic styling for visibility */
    display: flex;
    justify-content: center;
    align-items: center;
    /* Add your desired dimensions or other styles */
}

	
	#headerwrap {
	padding-top: 120px;
	text-align: left;
	min-height: 650px;
	width: 100%;
		
		 -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  }
	
	
	#headerwrap h1 {
	font-weight: 800;
	font-size: 2.5em;
    font-family: 'Montserrat', sans-serif;
	color: #1b1b1b;        
    line-height: 1.2em;
	text-align: left;
	margin: 0;
	padding-right: 15px;
}

#headerwrap h2
{color: #1b1b1b;
	font-size: 1.15em;
	  line-height: 1.3em;
text-align: left;
font-weight: 600;
	padding-top: 12px;
}
	
	#basewrap{ padding-top: 50px;}	
	
	.navbar-brand {color: #fff;}
	
	.imageshrinkmob {max-width: 90%; margin: auto;}

	.navbar-brand {
	font-weight: 700!important;
    font-family: 'Montserrat', sans-serif;
	color: #fff !important;
	font-size:  1.2em;
		letter-spacing: -0.01em;}

	#social {
	padding-left: 0;
	}



	}



/* Styles */