body {
    font-family: 'Open Sans', sans-serif;
    color: #888;
}
a, a:visited {
    color: #7d5e57;
}
a:hover, a:focus {
    color: #888;
}
h2 {
    color: #5d5d5d;
}

.nav-item a, .nav-item a:visited {
    color: #7d5e57;
    font-size: 94%;
}
.nav-item a:hover, .nav-item a:focus {
	outline: 0;
	background: #e7e0de;
}

.navbar-brand img {
    width: 190px;
}
.box_warning {
	color: #666;
	padding: 15px 8px 0px 8px;
	margin: 0;
	border: 1px solid #D66;
	background: #FEE;
	font-size: 90%;
}
.box_warning h4:before {
    content: url(assets/img/icon_warning.png);
    margin-right: 10px;
}

/*-------------------------------------*/
/* Banner Slider (Swiper) */
.swiper-container {
  padding: 10px;
  margin-inline: auto;
  max-width: 990px;
  position: relative;
}
.swiper {
  max-width: 990px;
  max-height: 510px;
  border: 5px solid #FFF;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 11px 0px, rgba(0, 0, 0, 0.05) 0px -5px 11px 0px;
}
.swiper-slide img {
  width: 100%;
  height: auto;
}
/* arrow position */
.swiper-button-prev {
  color: #888;
  left: -30px;
}
.swiper-button-next {
  color: #888;
  right: -30px;
}
/* pagenation position */
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -25px;
}
/* pagenation size and colors */
.swiper-pagination-bullet {
  background-color: #888;
  height: 11px;
  width: 11px;
}
/*-------------------------------------*/

/* facebook timeline */
.fbtl {
	position: relative;
	overflow: hidden;
	height: 490px;
}
.fbtl img {
	padding: 3% 10%;
}
.fbd {
	border-bottom: 2px solid #F4BC86;
	background: #fbf6e4;
}
.fbh {
	border-bottom: 2px solid #6F95ED;
	background: #e4e8fa;
}
.fbs {
	border-bottom: 2px solid #909090;
	background: #ececec;
}

.work_d {
    border-bottom: 2px solid #F4BC86;
    background: #fbf6e4;
}
.work_h {
    border-bottom: 2px solid #6F95ED;
    background: #e4e8fa;
}
.work_s {
    border-bottom: 2px solid #909090;
    background: #ececec;
}


/* Previous Web Stores */

.service_d {
	margin-top: 15px;
	padding: 15px 15px 20px 15px;
	border-bottom: 2px solid #F4BC86;
	background: #fbf6e4;
	position: relative;
	color: #fff;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-weight: 900;
}
.service_d p, .service_s p, .service_h p {
	display: inline;
}
.service_d p span {
	font-size: 14px;
	position: absolute;
	display: inline-block;
	right: -35px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	text-align: center;
	text-transform: uppercase;
	top: 2px;
	background: #d93131;
	width: 100px;
	padding: 3px 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.service_h {
	margin-top: 15px;
	padding: 15px 15px 20px 15px;
	border-bottom: 2px solid #6F95ED;
	background: #e4e8fa;
	position: relative;
	color: #fff;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-weight: 900;
}
.service_h p span {
	font-size: 14px;
	position: absolute;
	display: inline-block;
	right: -35px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	text-align: center;
	text-transform: uppercase;
	top: 2px;
	background: #d93131;
	width: 100px;
	padding: 3px 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.service_s {
	margin-top: 15px;
	padding: 15px 15px 20px 15px;
	border-bottom: 2px solid #909090;
	background: #ececec;
	position: relative;
	color: #fff;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-weight: 900;
}
.service_s p span {
	font-size: 14px;
	position: absolute;
	display: inline-block;
	right: -35px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	text-align: center;
	text-transform: uppercase;
	top: 2px;
	background: #d93131;
	width: 100px;
	padding: 3px 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.service_d:hover {
	background-color: #F4BC86;
	border-radius: 10px;
	transition: background-color 0.2s, border-radius 0.2s;
}
.service_h:hover {
	background-color: #6F95ED;
	border-radius: 10px;
	transition: background-color 0.2s, border-radius 0.2s;
}
.service_s:hover {
	background-color: #909090;
	border-radius: 10px;
	transition: background-color 0.2s, border-radius 0.2s;
}
.service_d h4, .service_h h4, .service_s h4 {
	font-family: 'Droid Sans', sans-serif;
	margin-top: 13px;
}
.service_d a, .service_h a, .service_s a {
	text-decoration: none;
}
/**/

.brands {

}
.brands h4 {
	padding: .6em .5em;
}

.footer-links {
    background: #ccc7c1;
    color: #505050;
}
.footer-links ul li {
    font-size: 94%;
    line-height: 160%;
}
.footer-links a, .footer-links a:visited {
    text-decoration: none;
    color: #5e4f45;
}
.footer-links a:hover, .footer-links a:focus {
    text-decoration: underline;
    color: #5e4f45;
}
footer {
    color: #fcfcfc;
    background: #595857;
    font-size: 88%;
}
footer .copyright_text p {
    color: #CCC;
}
footer a, footer a:visited {
    color: #c5b1b1;
}


@media (min-width: 768px) {
  .navbar-brand img {
	width: 240px;
  }
}

@media (min-width: 1100px) {
  .box_warning {
	margin: 0 16%;
  }
  .brands {
	min-height: 200px;
  }
}