@charset "utf-8";
/* CSS Document */

@font-face{
	font-family:"font saya";
	src:url(" ../font/aliens and cows_trial.ttf") format("truetype");
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

 /* div that surrounds Cloud Zoom image and content slider. */
            #surround {
                width:100%;
                min-width: 256px;
                max-width: 480px;
            }
            
            /* Image expands to width of surround */
            img.cloudzoom {
                width:100%;
            }
            
            /* CSS for slider - will expand to width of surround */
            #slider1 {
                margin-left:20px;
                margin-right:20px;
                height:119px;
                border-top:1px solid #aaa;
                border-bottom:1px solid #aaa;
                position:relative;
            }

/*custo style for breadcrumb*/

.breadcrumb-item.active {
  color: #6c757d;
	font-style: italic;
}

.breadcrumb-item a{
	color: #292929;
}

.sidemenu{
		margin:0px;
		padding: 0px 0px 0px 10px;
		list-style-type:none;
	
	}

.sidemenu li a{
	color: dimgray;
	text-decoration: none;
	padding: 15px 15px 25px;
	display: block;
	border-bottom:dotted 1px #ccc;
	background-image: url(../images/bullete-1.png);
	background-repeat: no-repeat;
	background-position: 0px 23px;
	}


.sidemenu li a:hover{
	color:#000;
	background-image: url(../images/bullete-2.png);
}

.sidemenu li a.activemenu{
	color:#000;
	background-image: url(../images/bullete-2.png);
}


.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color:white;
  height: 600px;
  color: black;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color:white;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color:black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: white;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color:black;
  color:white;
}

.info-description{
	text-align:center;
	font-style: italic;
	font-size: 16px;
	color: #E0DCDD;
}

.form-style{
	border:solid 3px #CCC;
	width:300px;
	padding:10px;
	border-radius:5px;
}

.showlg{
	display: none;
}

@media(min-width:992px)
{
	.showlg{
		display: block;
	}
}
.header{
	width:100%;
	padding:5px 0px;
	background: #fff;
}


.column{
	text-align:center;
	font-size: 14px;
	background-color: aliceblue;
}

.bg-black{
	background-color: black;
	text-align: center;
	color: white;
}

.fixtop{
	position:fixed;
	top:0px;
	z-index:100;
	padding:0px;
	border-bottom:solid 1px #CCCCCC;
}

.to-top{
	width:50px;
	height:50px;
	background-image:url(../images/back-to-top.png);
	position:fixed;
	bottom:15px;
	right:15px;
	display:none;
	cursor:pointer;
}

.top-medsos{
	background-color: #e3e1e1;
	padding:0px 0px;
}

.medsos-icon-top a{
	font-size:15px;
	color: #555353;
}

.cart{
	text-align:right;
	float: right;
}

.cart a{
	font-size:14px;
	color: #555353;
}

span {
  	content: "\2672";
}

.nav .akhir{
	border-right:none;
	border-radius:0px;
}

.logo{
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px;
}

.logo-contact{
	text-align: center;
	padding-top: 50px;
}

.text-logo{
	text-align: center;
	margin-top: 5px;
}

.palmbaybali{
	text-align: center;
	color: black;
	margin-bottom: 20px;
	margin-top: 0px;
}

.Menu{
	text-align: center;
	background-color: white;
	font-size: 12px;
	margin-bottom: 5px;
	max-width:100%;
}

.text-foto{
	position:absolute;
	font-style: italic;
	width:110%;
	height: 250px;
	left:25%;
	bottom:110px;
	font-size: 14px;
	color:#262525;
}

.sold-out{
	background-color:ghostwhite;
	position:inherit;
	text-align:justify;
	font-size: 18px;
	color:#262525;
}

.sold-out-1{
	background-color:dimgrey;
	position:inherit;
	text-align:justify;
	font-size: 18px;
	color:white;
}

.nav .nav-link
{
	color:#000;
	border-right:1px solid #CCC;
	border-radius:0px;
}

.nav .akhir{
	border-right:none;
	border-radius:0px;
}


.Slideshow{
	text-align: center;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 0px;
}

.border-info{
	border:solid 2px #94c022!important;
	min-height:100px;
	text-align: center;
}

.pad-text{
	padding-left:20px;
	padding-right:20px;
	padding-top:60px;
	padding-bottom:20px;
}

.feature-text{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

.teahead{
	text-align: justify;
	font-size:28px;
	font-weight:normal;
	color:#000000;
}

.text-ctr {
  margin: auto;
  width: 50%;
  border: 5px solid #757373;
  padding: 10px;
}

.fin-code{
	text-align: justify;
	font-size:36px;
	font-weight:700;
	color:#000000;
}

.teatext{
	text-align:justify;
	font-size:14px;
	color:black;
}

.fintext8px{
	text-align: center;
	font-size:8px;
	color:black;
}

.fintext9px{
	text-align: center;
	font-size:9px;
	color:black;
}

.fintext10px{
	text-align: center;
	font-size:10px;
	color:black;
}

.fintext11px{
	text-align: center;
	font-size:11px;
	color:black;
}

.fintext12px{
	text-align: center;
	font-size:12px;
	color:black;
}


.teabot{
	text-align: center;
	font-size:16px;
	color:#757273;
}

.teabot-left{
	text-align: center;
	font-size:16px;
	color:#eeebeb;
}

.storytext{
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	font-size:14px;
	color:#757273;
}

.fins-description{
	text-align:center;
	font-size:14px;
	font-style:italic;
	padding:0px 100px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 30px;
	color: darkgrey;
}

.slide-description{
	text-align:center;
	font-size:14px;
	font-style:italic;
	padding:0px 20px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 30px;
	color: darkgrey;
}

.slide-description1{
	text-align:center;
	font-size:16px;
	font-style:italic;
	padding:80px 20px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 30px;
	color: darkgrey;
}

.fins-title{
	text-align:center;
	font-size:14px;
	font-style:italic;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 30px;
	color: darkgrey;
}

.fins-subtittle{
	text-align:center;
	font-size:14px;
	font-style:italic;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 20px;
	color: darkgrey;
}


.price-info{
	display:block;
	background-color:#ECEBEB;
	text-align:center;
	font-size: 14px;
	margin-top:5px;
	margin-bottom:10px;
}

.fin-info{
	display:block;
	background-color:#ECEBEB;
	text-align:center;
	font-size: 12px;
	margin-bottom:10px;
}


.teatext{
	font-size:14px;
	text-align:center;
	color:#000000 ;
}

.price-text-white{
	font-size:14px;
	text-align: center;
	color: white;
}

.top-info{
	background: #E4E0E0;
	font-size:12px;
	text-align: center;
	color: black;
}

.gallery{
	margin: 10px 50px;
}

.gallery img{
	transition: 1s;
	padding: 0px;
	width: 200px;
}

.gallery img:hover{
	transform: scale(1.1);
}

.price-info-white{
	display:block;
	text-align:center;
	background-color: #B0AEAE; 
	color: black;
	font-size: 14px;
	margin-top:5px;
	margin-bottom:10px;
}

.button{
	font-size: 14px;
	color:#F8F6F6;
}


.btn-warna{
  color: #fff;
	font-size: 14px;
  background-color: #7D7A7A;
  border-color: #CCC;
}

.banner-title{
	text-align:center;
	font-size:18px;
	font-style:italic;
	padding:0px 100px;
	font-style: italic;
	margin-top: 10px;
	color: darkgrey;
}


.line-gradient{
	border:0px;
	display:block;
	width:100%;
	height:1px;
	background: linear-gradient(to right, #FFF,#CCC, #FFF); 
	margin-top:5px;
}

.line-product{
	border:0px;
	display:block;
	width:100%;
	height:1.5px;
	background: linear-gradient(to right, #FFF,#504f4f, #FFF); 
	margin-top:5px;
	margin-bottom:5px;
}

.line-product2{
	border:0px;
	display:block;
	width:100%;
	height:1.5px;
	background: linear-gradient(to right, #FFF,#504f4f, #FFF);
}

.img-resposive{
	max-width: 100%;
	
}

.plr-10{
	padding-left: 10px;
	padding-right: 10px;
}

.plr-15{
	padding-left: 15px;
	padding-right: 15px;
}
.row-15px{
	margin-left: -15px;
	margin-right: -15px;
}

.row-20px{
	margin-top: 20px
}

.background{
	background: #000000;
	margin-bottom: 150px;
	margin-top: 15px;
}

.row-grip{
	margin-bottom: 100px;
	margin-top: 20px;
	background: ffffff;
}

.judul{
	height:auto;
	margin-top:50px;
}

.border-info{
	margin-left: 20px;
	border:solid 2px #454444!important;
	max-height: 344px;
}

.mt-40{
	margin-top:40px;
}

.mt-100{
	margin-top: 100px;
	margin-bottom: 50px;
}

.mt-150-down{
	margin-top: 100px;
}

.mt-200-down{
	margin-top: 200px;
}

.mt-300-down{
	margin-top: 300px;
}

.mt-400-down{
	margin-top: 400px;
}

.mt-20{
	padding-right: 20px;
	padding-left: 20px;	
}

.pd-200-down{
	padding-bottom: 200px;
}

.pd-100-down{
	padding-bottom: 100px;
}

.pd-100-top{
	padding-top: 100px;
}


.pd-200-top{
	padding-top: 200px;
}

.judultext{
	font-weight:bold;
	font-size:20px;
	color:#999;
}

.judultext2{
	font-weight:lighter;
	font-size:20px;
	color:#999;
}

.frontgrip{
	text-align: center;
}

.company-tittle{
	text-align:center;
	font-size:18px;
	padding:0px 100px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #2E2D2D;
}
.ambassador-tittle{
	text-align:center;
	font-size:18px;
	font-style: italic;
	padding:0px 100px;
	color: #2E2D2D;
}

.Features{
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}

.Features1{
	text-align: center;
}

.Features-3{
	text-align: center;
	margin-left: 20px;
	margin-right: 20px
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}

.frame-black{
	text-align:center;
	padding-bottom: 100px;
	padding-top: 100px;
	border-style: double;
}

.frame-fin{
	text-align:center;
	margin-bottom: 20px;
}

.black-transparant{
	text-align:center;
	padding-bottom: 30px;
	padding-top: 70px;
	background:#FFFFFF;
}

.black-bg{
	text-align:center;
	padding-bottom: 70px;
	padding-top: 70px;
	background: #000000;
}

.black-bg-fin{
	text-align:center;
	padding-bottom: 25px;
	padding-top: 25px;
	background: #000000;
}

.grey-bg{
	text-align:center;
	padding-bottom: 70px;
	padding-top: 70px;
	background: #D7D6D6;
}

.pink-bg{
	text-align:center;
	padding-bottom: 70px;
	padding-top: 70px;
	background:#EDE5E5;
}

.bag{
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
	padding-bottom: 50px;
}


.margin{
	padding-right: 60px;
	padding-left: 60px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.grip{
	text-align: center;
	margin-top: 100px;
	margin-bottom: 40px;
	padding-left: 50px;
	padding-right: 50px;
}

.fin{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.grip-title{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:16px;
	color:#030303;
}

.grip-description{
	text-align: left;
	font: oblique;
	font-size:16px;
	color: #272626;
}

.price-info{
	display:block;
	text-align:center;
	font-size: 14px;
	margin-top:5px;
	margin-bottom:10px;
}

.price-info-2{
	display:grid;
	text-align:center;
	font-size: 12px;
	margin-top:5px;
	margin-bottom:10px;
}

.price-info-sale{
	display:block;
	text-align:center;
	color: #F80509;
	font-size: 14px;
	margin-top:5px;
	margin-bottom:10px;
}

.teatext{
	text-align: center;
	font-size:16px;
	text-align: center;
	font-weight: 400;
}

.button{
	font-size: 14px;
	color:#F8F6F6;
}


.btn-warna{
  color: #fff;
	font-size: 14px;
  background-color: #7D7A7A;
  border-color: #CCC;
}


.Features img{
	/*border-radius:50%;*/
	/*border:solid 5px #f3f1f1;*/
	/*box-shadow:1px 1px 2px #999999;*/
}

.boardbag{
	margin-top: 100px;
	text-align: center;
	padding-right: 250px;
	padding-left: 200px;
	
}

.Products{
	text-align: center;
	font-size: 24px;
	color:#252424;
	margin-top: 90px;
	margin-bottom: 50px;
	margin-right: 0px;
	margin-left: 0px;
	text-outline:#000;
	
}

.features-product{
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.Features1{
	text-align: center;
	margin-bottom: 70px;
	padding-right: 20px;
	padding-left: 20px;
}

.Features2{
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
}

.gallery{
	padding: 50px;
}

.best-seller{
	text-align: center;
	color:black;
}

.banner-title{
	text-align:center;
	font-size:18px;
	font-style:italic;
	padding:0px 100px;
	font-style: italic;
	margin-top: 50px;
	margin-bottom: 20px;
	color: darkgrey;
}

.banner-title2{
	text-align:center;
	font-size:20px;
	font-weight: 500;
	padding:0px 100px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #020202;
}

.brand-title{
	text-align:center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size:20px;
	font-weight: 500;
	padding:0px 100px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #4c3f17;
}

.brand-title-1{
	text-align:center;
	font-family:allura;
	font-size:20px;
	font-weight: 400;
	padding:0px 100px;
	margin-top: 14px;
	margin-bottom: 10px;
	color: #4c3f17;
}

.brand-title-detail{
	text-align:left;
	font-family:allura;
	font-size:20px;
	font-weight: 500;
	padding-bottom: 20px;
	margin-top: 20px;
	color: #020202;
}

.brand-title2{
	text-align:center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-size:15px;
	font-weight: 500;
	padding:0px 100px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #020202;
}

.brand-title3{
	text-align:center;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	font-size:30px;
	font-weight: 500;
	padding:0px 100px;
	margin-top: 20px;
	margin-bottom: 10px;
	color:#FFFFFF;
}

.brand-title4{
	text-align:center;
	font-family:allura;
	font-size:20px;
	font-weight: 500;
	padding:0px 100px;
	margin-top: 20px;
	margin-bottom: 20px;
	color:white;
}

.brand-description{
	text-align:center;
	font-family:"allura", Verdana, "sans-serif";
	font-size:18px;
	font-weight: 300;
	padding:0px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #4c3f17;
}

.brand-description2{
	text-align:center;
	font-family:allura;
	font-size:15px;
	font-weight: 50;
	padding:0px 100px;
	margin-top: 14px;
	margin-bottom: 10px;
	color: #020202;
}

.feat-description1{
	text-align:center;
	font-family: allura;
	font-size:18px;
	font-weight: 100;
	padding:50px 50px;
	color: #020202;
}

.feat-description2{
	text-align:inherit;
	font-family: allura;
	font-size:20px;
	font-weight: 100;
	padding:50px 50px;
	color: #020202;
}

.text-lightgrey{
	text-align:left;
	font-family: "bebas-neue";
	font-size:10px;
	font-weight: 300;
	padding:0px 20px;
	margin-bottom: 10px;
	color: #eeebeb;
}

.intro-1{
	text-align:inherit;
	font-family: allura;
	font-size:24px;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #4c3f17;
}

.story-tittle{
	text-align:inherit;
	font-family: "bebas-neue";
	font-size:20px;
	font-weight: 500;
	background:#E0DFDF;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #020202;
}

.line-gradient{
	border:0px;
	display:block;
	width:100%;
	height:1px;
	background: linear-gradient(to right, #FFF,#CCC, #FFF); 
	margin-top:5px;
	margin-bottom:0px;
}

.line-product{
	border:0px;
	display:block;
	width:50%;
	height:1.5px;
	background: linear-gradient(to right, #FFF,#504f4f, #FFF);
	margin-bottom:20px;
}

.mb-30{
	text-align: center;
	margin-bottom:100px;
	margin-top: 100px;

}

.mb-10{
	text-align: center;
	margin-bottom:10px;
	margin-top: 30px;

}


.mb-50{
	margin-bottom: 50px;
}

.footer{
	font-size:12px;
	font-style:normal;
}

.bg-footer{
	background:#a9872f;
	
}


.Contact-us{
	text-align: center;
	
}

.Shop{
	text-align: center;	
}

.Contact{
	text-align:center;
	
}

.Follow-Us{
	text-align: center;
	
}


.Country{
	
}
.medsos-icon{
	padding-bottom: 25px;
	text-align: center;
	padding-top: 20px;
	
}

.medsos-icon a{
	text-align: center;
	font-size:25px;
	color:#2A2929;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 50px, 50px;
}

.medsos-icon-white{
	padding-bottom: 25px;
	text-align: center;
	padding-top: 20px;
	
}

.medsos-icon-white a{
	text-align: center;
	font-size:25px;
	color:#f7f6f6;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 50px, 50px;
}

.medsos-icon-grey{
	padding-bottom: 10px;
	text-align: right;
	padding-top: 15px;
	
}

.medsos-icon-grey a{
	text-align: right;
	font-size:10px;
	color:#eeebeb;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 50px, 50px;
}

.medsos-icon-grey-left{
	padding-bottom: 15px;
	text-align: left;
	padding-top: 20px;
	
}

.medsos-icon-grey-left a{
	text-align: center;
	font-size:16px;
	color:#eeebeb;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 50px, 50px;
}


.payment-icon{
	float:right;
	text-align: right;
}

.payment-icon a{
	font-size:20px;
	color:#FFF;
}


.nav .akhir{
	border-right:none;
	border-radius:0px;
}

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}


/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #a08e59;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #a08e59;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}



/* CHECKOUT MENU */


.col-25 {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
}

.col-50 {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
}

.col-75 {
  -ms-flex: 75%; /* IE10 */
  flex: 75%;
}

.col-25,
.col-50,
.col-75 {
  padding: 0 16px;
}

.container {
  background-color: #f2f2f2;
  padding: 5px 20px 15px 20px;
  border: 1px solid lightgrey;
  border-radius: 3px;
}

input[type=text] {
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

label {
  margin-bottom: 10px;
  display: block;
}

.icon-container {
  margin-bottom: 20px;
  padding: 7px 0;
  font-size: 24px;
}

.btn {
  background-color:dimgrey;
  color: white;
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}

.btn:hover {
  background-color:black;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}

span.price {
  float: right;
  color: grey;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */
@media (max-width: 800px) {
  .row {
    flex-direction: column-reverse;
  }
  .col-25 {
    margin-bottom: 20px;
  }
}




@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@media(min-width:768px)
{
	.logo{
	text-align:center;
	}
	
	.pad-menu{
	padding-top:50px;
}
	
	.left-align-menu{
		 -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}


	.right-align-menu{
		 -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
	
}

@media(max-width:576px)
{
	.row-10{
	margin-left:-25px;
	margin-right:-25px;

	}
}

@media(min-width:768px)
{
	.logo{
	text-align:center;	
}

	.medsos{
	text-align:right;	
}

}