body a {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
@font-face {
   font-family: 'GreatVibes-Regular';
   src: url(../fonts/GreatVibes-Regular.ttf)format('truetype');
}
a:hover{
 text-decoration:none;
}

ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
.top_banner {
    position: relative;
}
.logo  a{
	display:block;
}
.logo h1 a {
      color: #fff;
    font-size: 6em;
    font-weight: 400;
    font-family: 'Abril Fatface', cursive;
}
.logo {
       position: absolute;
    z-index: 999;
    left: 43%;
    top: 30%;
}
.logo h1 a:hover{
 text-decoration:none;
}
.logo span {
    color: #5DD28F;
}
    .sm-nav:nth-child(2) {
      background: #7AAAC4;
    }

    .sm-menu .sm-nav:nth-child(2) .nav-inner > a{
      font-size: 11px;
      margin-bottom: 5px;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
/*--nav-*/

/*--responsive--*/
@media (max-width:1440px){
	.menu {
		position: absolute;
		z-index: 999;
		left: 37%;
		top: -10%;
	}
	h3.title,h2.title {
      font-size: 3em;
	}
	
}
@media (max-width:1366px){
	
}
@media (max-width:1280px){


}
@media (max-width:1024px){
	.menu {
		position: absolute;
		z-index: 9999;
		left: 32%;
		top: -15%;
	}
	.logo h1 a {
		font-size: 5.5em;
	}
	.logo {
		position: absolute;
		z-index: 999;
		left: 43%;
		top: 26%;
	}
	.socialCircle-center.open {
		top: -36px!important;
		left: -36px!important;
		line-height:72px!important;
	}
}
@media (max-width:991px){
}
@media (max-width:800px){
	.menu {
		position: absolute;
		z-index: 9999;
		left: 25%;
		top: -15%;
	}
	.logo {
		position: absolute;
		left: 36%;
		top: 26%;
	}
	.slide-content p {
		color: white;
		font-size: 30px;
	}
	.sleekslider .slide-content {
		z-index: 50;
		position: absolute;
		bottom: 41%;
		left: 27%;
		padding: 0 20px;
	}
}
@media (max-width:736px){
	.logo {
		position: absolute;
		left: 42%;
		top: 29%;
	}
}
@media (max-width:667px){
	.logo h1 a {
		font-size: 4.5em;
	}
	.menu {
		position: absolute;
		z-index: 9999;
		left: 19%;
		top: -9%;
	}
	.socialCircle-center {
		width: 120px;
		height: 120px;
		background: url('../images/dots-menu.png') no-repeat;
		margin: 50%;
		font-size: 60px;
		cursor: pointer;
		background-size: 100%;
		top: 0px!important;
		left: -60px!important;
		line-height: 100px!important;
	}
	.socialCircle-item{
		top:27px !important;
	}

	.socialCircle-center.open {
		top: 0px!important;
		left: -50px!important;
		line-height: 100px!important;
	}

	.logo {
		position: absolute;
		left: 36%;
		top: 30%;
	}
}
@media (max-width:640px){
	.logo {
		position: absolute;
		left: 36%;
		top: 37%;
	}
	.menu {
		position: absolute;
		z-index: 9999;
		left: 19%;
		top: -27%;
	}
}
@media (max-width:568px){
	.socialCircle-container {
		position: relative;
		width: 300px;
		height: 300px;
		margin: 0 auto;
	}
	.menu {
		position: absolute;
		z-index: 9999;
		left: 19%;
		top: -32%;
	}
	.logo {
		position: absolute;
		left: 36%;
		top: 16%;
	}
	.logo h1 a {
		font-size: 4em;
	}
}
@media (max-width:480px){
	.menu {
		position: absolute;
		z-index: 9999;
		left: 19%;
		top: -12%;
	}
	.logo {
		position: absolute;
		left: 43%;
		top: 28%;
	}
	.slide-content p {
		font-size: 20px;
		padding: 7px 10px;
	}
	.logo h1 a {
		font-size: 4em;
	}
	.menu {
		position: absolute;
		z-index: 9999;
		left: 32%;
		top: -7%;
	}
	.socialCircle-item {
		width: 42px;
		height: 42px;
		position: absolute;
		background: #79bccf;
		margin: 50%;
		text-align: center;
		color: #ffffff;
		font-size: 0px;
	}
	.socialCircle-item a i {
		font-size: 18px;
		padding-top: 8px;
	}
	.socialCircle-item a i:hover {
     font-size: 18px;
	}
	.socialCircle-center.open {
		top: -40px!important;
		left: -50px!important;
		line-height: 100px!important;
	}
}
@media (max-width:414px){
	.menu {
		position: absolute;
		z-index: 9999;
		left: 32%;
		top: -7%;
	}
	.socialCircle-container {
		position: relative;
		width: 100px;
		height: 100px;
		margin: 0 auto;
	}
	.logo {
		position: absolute;
		left: 31%;
		top: 19%;
	}
	.socialCircle-center {
		width: 100px;
		height: 100px;
		background: url('../images/dots-menu.png') no-repeat;
		margin: 50%;
		font-size: 60px;
		cursor: pointer;
		background-size: 100%;
	}
	.menu {
		position: absolute;
		z-index: 9999;
		left: 27%;
		top: -9%;
	}
}
@media (max-width:375px){
	.socialCircle-container {
		position: relative;
		width: 100px;
		height: 100px;
		margin: 0 auto;
	}
	.menu {
		position: absolute;
		z-index: 9999;
		left: 21%;
		top: -12%;
	}
	.socialCircle-center {
		width: 100px;
		height: 100px;
		background: url('../images/dots-menu.png') no-repeat;
		margin: 50%;
		font-size: 60px;
		cursor: pointer;
		background-size: 100%;
		top: -40px!important;
		left: -60px!important;
		line-height: 50px!important;
	}
	
	.logo h1 a {
		font-size: 3.5em;
	}
	.socialCircle-center.open {
		top: -40px!important;
		left: -60px!important;
		line-height: 50px!important;
	}
	.socialCircle-item {
    width: 32px;
    height: 32px;
	}
	.socialCircle-item a i {
		font-size: 13px;
		padding-top: 6px;
	}
	.socialCircle-item a i:hover {
		font-size: 13px;
	}
	
}
@media (max-width:320px){
	.menu {
		position: absolute;
		z-index: 9999;
		left: 32%;
		top: -3%;
	}
	.logo {
		position: absolute;
		left: 27%;
		    top: 25%;
	}
	.socialCircle-center {
		width: 100px;
		height: 100px;
		background: url('../images/dots-menu.png') no-repeat;
		margin: 50%;
		font-size: 60px;
		cursor: pointer;
		background-size: 100%;
	}
	.logo h1 a {
		font-size: 3.5em;
	}

    .socialCircle-round {
    position: relative;
    width: 99px;
    height: 77px;
    margin: 0 auto;
	}
	
}