
*{
	
}


html {
    scroll-behavior: smooth;
    /*position: relative;*/ /* added to fix tippy positioning */
}



body{
	background-color: #fff;
	margin:0;
	padding:0;
	font-family: 'Montserrat', sans-serif;
}

img{
	border: none;
}




/* 
======================================= 

=======================================
*/


h1{
	font-size: 20px;
	font-weight: 300;
	color:#000;
	text-align: center;
}

.wrapper{
	width:100%;
	text-align: center;
	background-image: url("/images/background_pattern.png");
	background-position: left top; 
	background-repeat: repeat-x;
}



.header-wrapper{
	width:100%;
	text-align: center;
	background-color: #53b477;
}











/* 
======================================= 
scroll to top
=======================================
*/

.scrollToTop {
    width: 35px;
    height: 35px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background:url('../images/back_to_top.png') no-repeat 0px 0px;
}

.scrollToTop:hover {
    text-decoration: none;
}



/* 
======================================= 
spinner
=======================================
*/

.spinner {
   position: relative;
   left: 0px;
   top: 0px;
   height:30px;
   width:30px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:2px solid rgba(45, 72, 122, .10);
   border-right:2px solid rgba(45, 72, 122, .10);
   border-bottom:2px solid rgba(45, 72, 122, .10);
   border-top:2px solid rgba(45, 72, 122, .8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}




