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



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;

}




.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: 4em;

  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(4em + 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/banner.jpg); 

}

	

@media (min-width: 58em) {

      .sect-banner ul.kf-slider li {

        background-image: url(../images/banner.jpg); } }

		

.sect-banner ul.kf-slider li:nth-child(2) {

    background-image: url(../images/banner1.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/banner1.jpg); } }

		

.sect-banner ul.kf-slider li:nth-child(3) {

    background-image: url(../images/banner2.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/banner2.jpg); } }

		

.sect-banner ul.kf-slider li:nth-child(4) {

    background-image: url(../images/banner2.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/banner2.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/banner2.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 ul.kf-slider li:nth-child(3) {

    background-image: url(../images/banner2.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/banner2.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 ul.kf-slider li:nth-child(4) {

    background-image: url(../images/banner3.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/banner3.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/banner.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/banner.jpg); }

  33% {

    background-image: url(../images/banner.jpg); }

  66% {

    background-image: url(../images/banner.jpg); }

  100% {

    background-image: url(../images/banner.jpg); } }

@-moz-keyframes slider-sm {

  0% {

    background-image: url(../images/banner1.jpg); }

  33% {

    background-image: url(../images/banner1.jpg); }

  66% {

    background-image: url(../images/banner1.jpg); }

  100% {

    background-image: url(../images/banner1.jpg); } }

@keyframes slider-sm {

  0% {

    background-image: url(../images/banner2.jpg); }

  33% {

    background-image: url(../images/banner2.jpg); }

  66% {

    background-image: url(../images/banner2.jpg); }

  100% {

    background-image: url(../images/banner2.jpg); } }

@keyframes slider-sm {

  0% {

    background-image: url(../images/banner3.jpg); }

  33% {

    background-image: url(../images/banner3.jpg); }

  66% {

    background-image: url(../images/banner3.jpg); }

  100% {

    background-image: url(../images/banner3.jpg); } }



/*-- Keyframes Slider - Lg --*/

@-webkit-keyframes slider-lg {

  0% {

    background-image: url(../images/banner.jpg); }

  33% {

    background-image: url(../images/banner.jpg); }

  66% {

    background-image: url(../images/banner.jpg); }

  100% {

    background-image: url(../images/banner.jpg); } }

@-moz-keyframes slider-lg {

  0% {

    background-image: url(../images/banner1.jpg); }

  33% {

    background-image: url(../images/banner1.jpg); }

  66% {

    background-image: url(../images/banner1.jpg); }

  100% {

    background-image: url(../images/banner1.jpg); } }

@keyframes slider-lg {

  0% {

    background-image: url(../images/banner2.jpg); }

  33% {

    background-image: url(../images/banner2.jpg); }

  66% {

    background-image: url(../images/banner2.jpg); }

  100% {

    background-image: url(../images/banner2.jpg); } }


@keyframes slider-lg {

  0% {

    background-image: url(../images/banner3.jpg); }

  33% {

    background-image: url(../images/banner3.jpg); }

  66% {

    background-image: url(../images/banner3.jpg); }

  100% {

    background-image: url(../images/banner3.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: 1px solid #ffee00;

	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: 25px 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;

}

.more{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:right;
	float:right;
}
.more a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:right;
}
.more a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#F00!important;
	text-align:right;
	padding:5px;
}
.pr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	text-align:center;
	padding-top:5px;
	padding-bottom:px;
}