/* --------------

Template name: Olive Zaitun
Author: del-code
Version: 1.0

-------------- */

/*------------------------------------------------------------------
[Table of contents]

1. Font import
2. Normalize
3. Burger menu / .menu
   3.1 hide inputs / .menu-checkbox
   3.2 hide navigation icon for sublabels / .menu .menu label.menu-toggle
   3.3 fade in checked menu / .menu-checkbox:checked
4. Header
   4.1 header background / #header-bg
   4.2 header text / #header-txt
5. Slider
   5.1 header typhography / .v-center h2
   5.2 banner / .sect-banner
   5.3 banner bg / .sect-banner:after
   5.4 Fade ins
   5.5 Fade out for slider
   5.6 Keyframes Slider - Sm
   5.7 Keyframes Slider - Lg
6. Content / #main
   6.1 sub content / .sub-content
   6.2 slogan / .slogan
   6.3 product description / .product-desc
   6.4 section divider / .section-divider-black
7. About us / .team-info-container
8. Contact / #contact
9. Footer
   9.1 footer links / .footer-links
   9.2 footer widget / .footer-widget
   9.3 footer social icons / .social-icons
10. Go to Top / .gototop

------------------------------------------------------------------*/

/* =======================================================
* 	Font import
* ======================================================= */

@import url('https://fonts.googleapis.com/css?family=Lato:light,normal|Open+Sans:normal|Playfair+Display');

/* =======================================================
* 	Normalize
* ======================================================= */

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

h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dd, small {
  margin: 0;
  padding: 0; 
}

/* =======================================================
* 	Burger menu
* ======================================================= */

.menu {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 240px;
  height: 100%;
  transform: translate3d(-240px, 0, 0);
  transition: transform 0.35s;
  z-index: 9;
}

.menu label.menu-toggle {
  position: absolute;
  right: -60px;
  width: 60px;
  height: 60px;
  line-height: 0px;
  display: block;
  padding: 0;
  text-indent: -9999px;
  background: #fff url(icons/menu-alt-512.png) 50% 50%/25px 25px no-repeat;
}

.menu ul li > label {
  background: url(icons/icon-arrow-right-b-128.png) 95% 50%/16px 16px no-repeat;
}

.menu ul li a, .menu ul li label {
  display: block;
  text-align: center;
  padding: 0 20px;
  line-height: 60px;
  text-decoration: none;
  color: #000;
}

.menu ul li a:hover, .menu ul li label:hover {
  color: #666;
}

/*-- hide inputs --*/
.menu-checkbox {
  display: none;
}

/*-- hide navigation icon for sublabels --*/
.menu .menu label.menu-toggle {
  background: none;
}

/*-- fade in checked menu --*/
.menu-checkbox:checked + .menu {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

/* =======================================================
* 	Header
* ======================================================= */

header{
	position: relative;
	text-align: center;
    color: #000;
	height: 95vh;
	background-repeat: no-repeat;
    background-position: left center;
    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#header.child-page{
	height: 50vh;
}

/*-- header background --*/
#header-bg{
	height: 100%;
	background-color: rgba(255, 255, 255, .5);	
}

/*-- header text --*/
#header-txt{
	position: relative;
	height: 61%;
	width: 100%;
}

#header-txt h3 {
    font-family: 'Open Sans';
    font-size: 3em;
    text-align: right;
    padding: 15px 5% 15px 0;
    line-height: 0;
    color: #fff;
}

#header-cover-horizontal{
	position: absolute;
	width: 80%;
	padding: 20px 0;
	bottom: 0;
	left: 50%;
	right: 50%;
	border-radius: 80px 0 0 0;
	background-color: rgba(0, 0, 0, .5);
	
	-webkit-transform: translateX( -50% );
	-moz-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	-o-transform: translateX( -50% );
	transform: translateX( -50% );
}

#header-cover-vertical{
	position: absolute;
	height: 120%;
	left: 13%;
	padding: 20px 15px 0 15px;
	border-radius: 0 0 80px 0px;
	background-color: rgba(255, 255, 255, .5);
}

/* =======================================================
* 	Slider
* ======================================================= */

/*-- header typhography --*/
.v-center h2 {
  font-size: 6em;
  color: rgba(255, 255, 255, 0.9);
  font-family: 'Playfair Display', serif;;
  font-weight: 700;
  line-height: 1.2; 
}
  
  @media (min-width: 58em) {
    .v-center h2 {
      font-size: calc(6em + 70%); } }


/*-- banner --*/
.sect-banner
{
  display: table;
  width: 100%;
  height: 95vh;
  margin: 0 auto;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}

.sect-banner.child-page{  height: 50vh; }

/*-- banner bg --*/
.sect-banner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0; 
}
		
.sect-banner .v-center {
    position: relative;
    z-index: 2; 
}
  
.sect-banner .v-center {
	display: table-cell;
    vertical-align: middle;
	z-index: 4;
    padding: 0 5%; 
}
	
.sect-banner .v-center h2 {
	letter-spacing: 8px;
    -webkit-animation: fade-in ease-in-out 2s 0.5s both;
    -moz-animation: fade-in ease-in-out 2s 0.5s both;
    animation: fade-in ease-in-out 2s 0.5s both; 
}
	  
.sect-banner .v-center p {
    font-size: 2.5em;
    -webkit-animation: fade-in ease-in-out 2s 1s both;
    -moz-animation: fade-in ease-in-out 2s 1s both;
    animation: fade-in ease-in-out 2s 1s both; 
}
	
.sect-banner ul.kf-slider li {
    height: 100% !important;
    width: 100%;
    position: absolute;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 0;
    opacity: 0;
    -webkit-animation: fade-out 9s infinite both;
    -moz-animation: fade-out 9s infinite both;
    animation: fade-out 9s infinite both;
    background-image: url(/images/image1.jpg); 
}
	
@media (min-width: 58em) {
      .sect-banner ul.kf-slider li {
        background-image: url(/images/image1.jpg); } }
		
.sect-banner ul.kf-slider li:nth-child(2) {
    background-image: url(/images/image2.jpg);
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    animation-delay: 3s; 
}
	
@media (min-width: 58em) {
    .sect-banner ul.kf-slider li:nth-child(2) {
    background-image: url(/images/image2.jpg); } }
		
.sect-banner ul.kf-slider li:nth-child(3) {
    background-image: url(/images/image3.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    animation-delay: 6s; 
}
	
@media (min-width: 58em) {
    .sect-banner ul.kf-slider li:nth-child(3) {
    background-image: url(/images/image3.jpg); } }
		
.sect-banner .banner-bg {
    height: 100% !important;
    width: 100%;
    position: absolute;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 0;
    background-image: url(/images/image1.jpg);
    -webkit-animation: slider-sm ease-in-out 30s both infinite;
    -moz-animation: slider-sm ease-in-out 30s both infinite;
    animation: slider-sm ease-in-out 30s both infinite; 
}

@media (min-width: 58em) {
  .sect-banner .banner-bg {
	background-image: url(/images/image1.jpg);
	-webkit-animation: slider-lg ease-in-out 30s both infinite;
	-moz-animation: slider-lg ease-in-out 30s both infinite;
	animation: slider-lg ease-in-out 30s both infinite; } }

/*-- Fade ins --*/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*-- Fade out for slider --*/
@-webkit-keyframes fade-out {
  33% {
    opacity: 1; }
  66% {
    opacity: 0; } }
@-moz-keyframes fade-out {
  33% {
    opacity: 1; }
  66% {
    opacity: 0; } }
@keyframes fade-out {
  33% {
    opacity: 1; }
  66% {
    opacity: 0; } }

/*-- Keyframes Slider - Sm --*/
@-webkit-keyframes slider-sm {
  0% {
    background-image: url(/images/image1.jpg); }
  33% {
    background-image: url(/images/image2.jpg); }
  66% {
    background-image: url(/images/image3.jpg); }
  100% {
    background-image: url(/images/image1.jpg); } }
@-moz-keyframes slider-sm {
  0% {
    background-image: url(/images/image1.jpg); }
  33% {
    background-image: url(/images/image2.jpg); }
  66% {
    background-image: url(/images/image3.jpg); }
  100% {
    background-image: url(/images/image1.jpg); } }
@keyframes slider-sm {
  0% {
    background-image: url(/images/image1.jpg); }
  33% {
    background-image: url(/images/image2.jpg); }
  66% {
    background-image: url(/images/image3.jpg); }
  100% {
    background-image: url(/images/image1.jpg); } }

/*-- Keyframes Slider - Lg --*/
@-webkit-keyframes slider-lg {
  0% {
    background-image: url(/images/image1.jpg); }
  33% {
    background-image: url(/images/image2.jpg); }
  66% {
    background-image: url(/images/image3.jpg); }
  100% {
    background-image: url(/images/image1.jpg); } }
@-moz-keyframes slider-lg {
  0% {
    background-image: url(/images/image1.jpg); }
  33% {
    background-image: url(/images/image2.jpg); }
  66% {
    background-image: url(/images/image3.jpg); }
  100% {
    background-image: url(/images/image1.jpg); } }
@keyframes slider-lg {
  0% {
    background-image: url(/images/image1.jpg); }
  33% {
    background-image: url(/images/image2.jpg); }
  66% {
    background-image: url(/images/image3.jpg); }
  100% {
    background-image: url(/images/image1.jpg); } }


/* =======================================================
* 	Content
* ======================================================= */

#main{
	overflow: hidden;
}

#content{
	position: relative;
	z-index: 1;
	border-top: 15px solid #ffdf32;
}

/*-- sub content --*/
.sub-content{
	padding: 60px 0;
}

.sub-content.list{
	padding: 40px 0 80px 0;
}

.sub-content-story{
	padding: 60px 0 100px 0;
}

/*-- slogan --*/

.slogan,
.slogan-white,
.slogan-black,
.our-team
{
	font-family: 'Playfair Display';
	font-size: 3em;
	line-height: 150%;
	text-align: center;
}

.slogan{ 
	color: #586067;
	padding: 80px 0 0px 0;	
}

.slogan-white{ 
	color: #fff; 
	padding-bottom: 50px;
}

.slogan-black{ 
	color: #586067; 
	padding-top: 60px;
	padding-bottom: 15px;
}

.slogan-black.service{
	padding-top: 30px;
}

.our-team{
	color: #586067; 
	padding: 50px 0;
}

.slogan-child{
	font-family: 'Lato';
	font-size: 1.5em;
	color: #939393;
	text-align: center;
	padding: 5px 0 8px 0;
}

.line-slogan{
	margin: auto;
	width: 160px;
}

.line-slogan img{
	opacity: 0.3;
}

/*-- product description --*/

.product-desc,
.blog-desc
{
	padding: 35px;
	text-align: center;
}

.product-desc-wrap{
	position: relative;
	top: 50%;
	padding: 0 12%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.product-desc h2,
.blog-desc h2
{
	font-family: 'Playfair Display';
	text-align: center;
	color: #586067;
	padding-bottom: 15px;
}

.product-desc h2{ font-size: 2em; }

.product-price,
.product-name,
.related-product
{
	font-family: 'Lato';
	font-weight: bold;
	color: #586067;
}

.related-product{
	padding-left: 15px;
	padding-bottom: 15px;
}

.blog-desc h2{ 
	font-size: 24px; 
	font-weight: bold;
}

.blog-text{
	padding-top: 50px;
	padding-bottom: 50px;
}

.blog-text p,
.author p
{
	font-family: 'Lato';
    font-size: 1.1em;
    color: #858b90;
}

.author{
	background-color: #f9f7f2;
	padding:20px;
}

.author h5{
	color: #586067;
	padding-bottom: 5px;
}

.author p{
	margin-bottom: 10px;
}

#author-name{
	color: #cca500;
}

#search-container{
	width: 100%; 
	padding: 15px 15px; 
	text-align:right;
}

#search-wrap{
	display: inline-block;
}

#search-wrap button{
	background-color: #fff;
	border: none;
}

#search-wrap input{
	height: 32px;
	border: 1px solid #e0dfde;
}

.product-desc p,
.product-info, 
.blog-desc p
{
    font-family: 'Lato';
    font-size: 1.1em;
	color: #858b90;
	line-height: 1.6;
}

.product-desc p{  
	padding-bottom: 20px;
	text-align: center;
}

.product-info p{
	padding: 20px 0;
	margin: 0;
}

.product-info ul{
	padding: 0 18px;
}

.blog-desc p{  
	padding-bottom: 5px; 
	text-align: center;
}

.line{
	height: 1px;
	width: 60px;
	background-color: #d3d3d3;
	margin: auto;
}

.product-wrap{
	position: relative;
	margin: 15px;
	padding: 15px;
	border: 2px solid #f6f6f8;
	text-align: center;
}

.product-wrap.newest{
	border: 2px solid #ffdf32;
}

.product-link i{
	opacity: 0;
	position: absolute;
	top: 40%;
	left: 44%;
	background-color: #ffdf32;
	color: #6a6f73;
	padding: 5px;
	
	transform: scale(0, 0);
	-webkit-transform:scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.product-link:hover > i{
	opacity: 1;
	
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
}

.cart-btn{
	margin-top: 2em;
    background-color: #f3f1ed;
    border-color: #f3f1ed;
    color: #6a6f73;
}

.cart-btn.detail{
	padding: 15px 20px;
}

.product-img{
	width: 350px;
	height: 350px;
	
	background-repeat: no-repeat;
    background-position: center;
    
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#paging{
	padding: 15px 0;
}

#paging a{
	color: #8a6d3b;
}

.box{
	border: 2px solid #ffdf32;
	margin: 0 15px;
}

.box p{
	font-family: 'Lato';
	font-size: 1.1em;
	text-align: center;
	color: #858b90;	
    line-height: 1.6;
	padding: 40px 20px ;
}

.box-header{
	font-family: 'Playfair Display';
	font-size: 2em;
	color: #586067;
	text-align: center;
	line-height: 2;
	background-color: #ffdf32;
}

/*-- kitchen icon --*/

.kitchen-icon,
.contact-icon
{
	padding: 5px;
}

.kitchen-icon .text-center,
.contact-icon .text-center
{
	padding: 15px 10px;
	background-color: #fafafa;
}

.kitchen-icon h4,
.contact-icon h4
{
	font-family: 'Lato';
	padding-top: 20px;
}

.kitchen-icon p,
.contact-icon p
{
	font-family: 'Open Sans';
}

.round-link{
	display: inline-block;
	border-radius: 50%;
	padding: 20px;
	width: 85px;
	height: 85px;
	background-color: #efede9;
}

.round-link:hover{
	background-color: #ffe34c;
}

.service-wrap{
	position: relative;
}

#service-img-container{
	padding-left: 15px;
	padding-right: 15px;
}

.service-img-wrap{
	position: absolute;
}

#service-img{
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 350px;
	margin-top: 80px;	
}

.service-container{
	padding-bottom: 30px;
}

.service-desc{
	display: inline-block;
	overflow: hidden;
	padding-left: 6.4em;
	padding-right: 15px;
}

.service-desc h4{
	font-family: 'Playfair Display';
	font-weight: bold;
	color: #586067;
}

.service-desc p{
	font-family: 'Lato';
	font-size: 1.1em;
	color: #858b90;
	line-height: 1.6;
	padding-top: 10px;
	word-wrap: break-word;
}

.line-service{
	/*margin-left: 15px;*/
	width: 25%;
	height: 1px;
	background-color: #d7d5d1;
}

.product-container{
	border: 2px solid #ffdf32;
}

.round-img{
	width: 100%;
	height: 100%;
}

/*-- section divider --*/
.section-divider-black{
	background-color: rgba(0,0,0,.6);
}

.section-divider-black p{
	color: #fff;
}

.section-divider-white{
	background-color: #f9f7f2;
}

.section-divider-yellow{
	background-color: #ffe34c; 
	padding-top: 2em; 
	padding-bottom: 3em;
}

.section-divider-yellow h2{
	color: #663300; 
	padding-bottom: 40px;
}

.section-divider-grey{
	background-color: #fafafa;
}

.section-divider-img{
	position: relative;
	background-size: cover;
	background-position: center;
	padding: 8.3% 0;
}

.section-divider-img.contact{	
	padding: 3.2% 0;
}

.section-divider-img:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.section-divider-img h1{
	position: relative;
	font-family: 'Playfair Display';
	font-size: 4em;
	color: rgba( 255, 255, 255, 0.8);
	text-align: center;
	width: 75%;
	margin: auto;
	line-height: 1.3;
	letter-spacing: 3px;
	z-index: 1;	
}

.large-divider{
	background-size:cover; 
	background-position: center bottom; 
	background-repeat:no-repeat;
	/*padding: 4em 0 10em 0;*/ 
	padding: 0 0 5em 0; 
}

.read-more{
	margin-top: 2em;
	background-color: #e1ddd3;
	border-color: #e1ddd3;
	color: #000;
}

.read-more:hover,
.cart-btn:hover
{
	background-color: #efede9;
	border-color: #efede9;
	color: #858b90;
}

.product-divider{
	background-size: cover; 
	margin-top: 50px;
}

.product-divider-layer{
	background-color: rgba(0,0,0,.6);
}

.team-divider{
	background-size: cover; 
	margin-top: 100px;
	background-color: rgba(0,0,0,.6);
}

/* =======================================================
* 	About us
* ======================================================= */

.team-info-container{
	position: relative;
	width: 100%;
	padding: 0 30px;
	
	-webkit-transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	-o-transform:translateY(-30%);
	transform: translateY(-30%);
}

.team-info{
	width: 100%;
	height: 100%;
	padding: 20px 15px;
	background-color: #fff;
	border-bottom: 2px solid #ffe34c;
	text-align: center;
	
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.18);
}

.team-info h3{
	font-family: 'Lato';
	color: #6b737b;
	font-size: 1.4em;
    font-weight: bold;
	padding-bottom: 10px;
}

.team-socials.social-icons a{
	color: #7e7e7e;
	padding: 0px 10px;	
}

/* =======================================================
* 	Contact
* ======================================================= */

#contact{
	position: relative;
}

.round-div
{
	width: 120px;
    height: 120px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #ffe34c;
	padding: 35px;
	margin: auto;
}

.contact-icon i{
	color: #fff;
}

.contact-icon p{
	line-height: 1.7;
}

.contact-icon a{
	color: #292b2c;
}

.phone,
.mail
{
	background-color: #7f8386;
}

#round-left,
#round-right
{
	position: absolute;
	width: 50%;
	height: 40px;
	bottom: 0;
	border-top: 2px solid #7b6418;
}

#round-left{
	border-radius: 0 80px 0 0;
}

#round-right{
	left: 50%;
	border-radius: 80px 0 0 0;
}

label{
	font-family: 'Lato';
	color: #4e4a41;
}

.btn-mail{
	color: #fff;
	background-color: rgba( 0, 0, 0, .6);
}

.btn-mail:hover{
	background-color: #4E4A41;
}

/* =======================================================
* 	Footer
* ======================================================= */

footer{
	padding: 7em 0 7em 0;
	min-height: 120px;
	background-color: #3d4348;
}

.footer-label img{ padding-right: 10px; }

footer .title-text1,
footer .title-text2
{
	padding-bottom: 0;
	color: #ffcf00;
}

footer .title-text1{
	font-size: 2.2em;
}

footer .title-text2{
	font-size: 2.2em;
}

#footer-leaf{
	position: absolute;
	left: 160px;
	top: -40px;
	width: 90px;
	height: 90px;
}

/*-- footer links --*/

.footer-links {
	padding: 0;
	margin: 0;
}

.footer-links li {
	padding: 5px 0;
	margin: 0;
	list-style: none;
}

.footer-links li a {
	font-family: 'Lato';
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
}

.footer-links li a:hover {
	text-decoration: underline;
}

/*-- footer widget --*/

.footer-widget {
	position: relative;
	padding-bottom: 50px;
}

.footer-widget p {
	font-family: 'Lato';
    font-size: 1.1em;
	color: #fff;
}

#del-code{
	color: #ffcf00;
}

.footer-link-container
{
	padding-bottom: 50px;
}

.footer-link-container p,
.footer-social-container p
{
	font-family: 'Lato';
    font-size: 1.55em;
	color: #ffcf00;	
	padding-top: 10px;
}

.footer-social-container{
	padding-bottom: 20px;
}

.footer-label{
	margin-top: 2.5em;
}

.footer-label div{
	padding-left: 0;
	padding-right: 20px;
}

#subscribe{
	margin-top: 8.2em;
	background-color: #ffcf00;
    border-color: #ffcf00;
	color: #586067;
}

#subscribe:hover{
	background-color: #ffe34c;
    border-color: #ffe34c;
}

#copyright{
	text-align: center;
	color: #fff;
	padding: 2em 0;
	margin: 0;
	background-color: #42494e;
}

.block {
  display: block;
  color: #fff;
}

.block  a{
	color: #fff;
}

/*-- footer social icons --*/
	
.social-icons {
	margin: 0;
	padding: 0;
}

.social-icons li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.social-icons a {
	color: #fff;
	display: inline-block;
	padding-top: 5px;
	padding-right: 15px;
}

.social-icons a :hover{
	color: #ffcf00;
}

.social-icons i {
	font-size: 20px;
}

/* =======================================================
* 	Go to Top
* ======================================================= */

.gototop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}

.gototop.active {
	opacity: 1;
	visibility: visible;
}

.gototop a {
	width: 50px;
	height: 50px;
	display: table;
	background-color: #42494e;
	color: #fff;
	text-align: center;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.gototop a i {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

.gototop a:hover, .gototop a:active, .gototop a:focus {
	text-decoration: none;
	outline: none;
}