body {
	--primary-color:  #d28774;//#ef6e2e; //#8752cc;
	--secondary-color: #fff3e6;// #a175d1;
	--theme-color: white;
	--replace-orange: hue-rotate(-5deg) brightness(0.8);
	
	background-color:#fff;
	margin:0;
	padding:0;
	font-family: 'lato', sans-serif;
}
p {line-height:1.5em; font-size: 18px;}
/* f5f5ff - light white, b4d200 - green, 3ca050 - dark green,88589e,5fc2fa,fac013,4ea861 */
/* #ffd1b8 */
/*h4,p {text-align:justify;}*/
p {text-align:justify;}
h4 {text-align: center;}
h4,p,span,div {color:#787882}
h1 {color:#333;font-size:38px;font-family: 'Montserrat', sans-serif}
h2,h3 {color:#333;font-family: 'Montserrat', sans-serif;padding-bottom:20px;}
h2::before {
	position:absolute;
	background-image: linear-gradient(to right, var(--primary-color) , rgba(255,255,255,0));
    content: '';
    height: 4px;
    line-height: 24px;
    margin: 38px 0 0 0 ;
    text-align: center;
    width: 230px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h3::before {
	position:absolute;
	background-image: linear-gradient(to right, var(--primary-color) , rgba(255,255,255,0));
    content: '';
    height: 2px;
    line-height: 14px;
    margin: 28px 0 0 0 ;
    text-align: center;
    width: 130px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
h4{color:#666;font-family: 'Montserrat', sans-serif;}
a {text-decoration:none;color:rgba(0,0,0,0.75);border:0px solid transparent;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;}
input ,textarea,select{background-color:#fff;color:#333;border:1px solid #5e3f00;padding:15px 15px;margin:5px;}
select  {vertical-align:top;height:48px}
section {padding-top:40px;padding-bottom:40px;}
nav {width:100%;position:fixed;margin:0;padding:0;left:0;background-color:rgba(255,255,255,0.3)}
nav.scrolled {background-color:#fff;color:#333;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);}


.page-wrapper{width:900px;margin:0 auto}
.content-wrapper{margin:0 5% }
.footer-wrapper{ margin: 0 7% }
.head-line {padding:20px 0;}
.head-line h1{margin:0;}
#top-logo{width:120px; margin-top:13px}
@media only screen and (max-width : 1000px){#top-logo{width: 75px; margin-top: -7px}}
.top-menu {display:inline-block;vertical-align:middle;padding:0;opacity:1;list-style-type: none;margin:0;float:right;}
.top-menu li{display:inline-block;vertical-align:top;text-align:center;margin:10px 10px}
.top-menu li a{color:#5e3f00;font-size:14px;display:block;padding:5px}
.top-menu li.active a{color:#9696a0}
.top-menu li:hover {color:var(--primary-color);border-bottom:2px solid var(--primary-color)}
.top-menu li a:hover {color:var(--primary-color);}
#menu-ham{float:right;display:none;}
nav.scrolled a {color:#333;}
nav.scrolled li:hover {border-bottom:2px solid #999;}
@media only screen and (min-width : 1441px){
	.top-menu li{margin:0 24px}
	.top-menu li a{font-size:16px;}
}
@media only screen and (max-width : 1000px){
	#menu-ham{float:right;display:inline-block;margin:30px 40px}
	.top-menu {margin-top:0px;display:none;position:absolute;width:100%;left:0;z-index:9999}
	.top-menu li{display:block;margin:0 24px;padding:10px 0;background-color:#fff;}
	.top-menu li a{color:#333;display:block;font-size:16px;background-color:#fff;height:30px;}
}


.title-1{
	color:#fff;
    text-transform: uppercase;
    font-size: 46px;
    padding-top: 4%;
    margin-bottom: 0px;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);
    border-left: 50px solid var(--primary-color);
    padding-left: 15px;
    padding-top: 0px;
}

.title-2{
    letter-spacing: 0.5px;
    font-weight: 400;
    max-width: 90%;
    margin: auto;
    font-size: 18.8px;
    color: #FFFFFF;
    line-height: normal;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
}
.title-3 {
    letter-spacing: 0.2px;
    color: #555;
    font-weight: 700;
    margin: 40px auto 0px auto;
    font-size: 32px;
    line-height: 38px;

    /*max-width: 80%;*/
}
.title-3-light {
    letter-spacing: 0.2px;
    color: #ffffff;
    font-weight: 700;
    margin: 40px auto 0 auto;
    font-size: 32px;
    line-height: 38px;
    max-width: 80%;
}
.title-4{
    letter-spacing: 0.2px;
    color: #555;
    font-weight: 700;
    line-height: 30px;
    font-size: 22px;

}

.text-1 {
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    padding: 2% 4.3%;
    color: #FFFFFF;
	line-height: 1.6;
}

.button-1 {
    background-color: rgba(39, 39, 45, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 0.25rem;
    color: #FFFFFF;
    display: block;
    padding: 0.75rem 1.25rem;
    margin: 2rem auto 0;
    max-width: 22rem;
}
.button-1:hover{
    background-color: rgba(255, 255, 255, 0.8);
    color: #222222;
}


.button-2{
    background-color: rgba(39, 39, 45, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 0.25rem;
    color: #FFFFFF;

    padding: 0.75rem 1.25rem;
    margin: 2rem auto 0;
    max-width: 22rem;
}
.button-2:hover{
    background-color: rgba(255, 255, 255, 0.8);
    color: #222222;
}


.button-3{
    background-color: #dfd9c2;//rgba(139, 139, 145, 0.3);
    border: 1px solid #de9e3c;//rgba(0, 0, 0, 0.8);
    border-radius: 1.25rem;
    color: #000;

    padding: 0.75rem 1.25rem;
    margin: 2rem auto 0;
    max-width: 22rem;
}
.button-3:hover{
    background-color: #5e3f00 ;//rgba(50, 50, 50, 0.8);
    color: #fff;
}
.button-4{
    background-color: rgba(255, 121, 77, 0.1);
    border: 1px solid rgba(255, 121, 77, 0.8);
    border-radius: 0.25rem;
    color: #333;

    padding: 0.75rem 1.25rem;
    margin: 2rem auto 0;
    max-width: 22rem;
}
.button-4:hover{
    background-color: rgba(50, 50, 50, 0.8);
    color: #FFF;
}
.box-1-transparent {
    background: rgba(39, 39, 45, 0.9);
    color: rgba(17, 0, 10, 0.8);

    bottom: 0;
    left: 0;
    right: 0;
    transition: padding 0.3s linear;
}

.box-1-transparent {
    background: rgba(39, 39, 45, 0.9);
    color: rgba(17, 0, 10, 1);
    padding: 15px 0 18px 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: padding 0.3s linear;
}

.home-icon-box{
	padding:25px;
	text-align:center;
	vertical-align:top;
}


.home-services-section .home-icon-box p:nth-of-type(1){min-height: 53px;}
.home-services-section .home-icon-box p:nth-of-type(2){min-height: 120px;}
.services-section .home-icon-box{padding: 60px 60px;}

.workflow.vertical{

    margin: auto;
    /* max-width: 550px; */
	list-style-type: none;

}
.workflow.vertical>li{
	background: none;
    border: none;
    border-left: 4px solid var(--secondary-color);
    box-sizing: border-box;
    border-radius: 0;
    counter-increment: step-counter;
    padding: 0 0 10px 60px;
    text-align: left;
}
.workflow.vertical>li::before {
    border-radius: 50%;
    background-color: var(--primary-color);
    color: #555;
    content: counter(step-counter);
    float: left;
    height: 60px;
    line-height: 44px;
    margin: -22px 30px 0 -92px;
    text-align: center;
    width: 60px;
    border: 8px solid var(--secondary-color);
    color: #FFFFFF;
    font-size: 28px;
    font-family: 'Montserrat', sans-serif;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.workflow.vertical>li:last-child {
    border-left: 3px solid transparent;
    padding-bottom: 0;
}

.image-container {
  position: relative;
  display: inline-block;
}

.image-container::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: var(--primary-color);
  pointer-events: none;
}

.image-filter {
	filter: var(--replace-orange);
}

.img-rounded {
	width:100px;
	height:100px;
	border-radius:50%;
	border:2px solid rgba(0,0,0,0.2);
}

.q-icon{
	padding:0 10px 0 0;
	vertical-align:top;
}
.home-logo-container{
    /*height: 845px;*/
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f9e7ad;
}
.contacts-p{
    display: inline-block;
    margin: 0px;
    vertical-align: top;
    padding-top: 5px;
    padding-left: 10px;
}
.fgc-p{
/* ffd1b8 */
	color:var(--primary-color);
}
.bold-text{
    font-weight: bold;
    color: white;
}
.content-list li{
    font-size: 18px;
    list-style:none;
    line-height: 1.5em
}
.content-list li::before{
    content: "";
    display: inline-block;
    /*background-image: url('../img/list-bullet.png');*/
    background-color: var(--primary-color);
    border: 2px solid #f9e7ad;
    box-sizing: border-box;
    margin:7px 10px 0px 0px;
    height:12px;
    width: 12px;
}
blockquote{
    margin: 20px 30px;
    padding: 25px;
    background: rgba(255, 121, 77, 0.1);
    border: 1px solid #FFD9CD;
    box-sizing: border-box;
    /*min-height: 420px;*/
    /*position: relative;*/
}
.about-quote{
    background: rgba(255, 255, 255, 1);
    border: none;
}
.blockquote-text{
    font-family: 'Gelasio', serif;
    font-style: italic;
    font-size: 1.15em;
    line-height: 1.5;
    margin: 0;
}
.blockquote-text:not(:last-child){
    margin-bottom: 1em;
}
.blockquote-text-credit{
    font-weight: bold;
    font-style: normal;
    text-align: right;
    vertical-align: text-bottom;
    right: 25px;
    bottom: 20px;
}
.blockquote-quoted::before{
    content: "\201c";
    font-size: 100px;
    color: var(--primary-color);
    display: block;
    margin-bottom: -40px;
    margin-top: -20px;
}

.home-blockquote{
	background-color: rgba(255, 255, 255, 0);
}

.home-blockquote::before{
	text-align: left;
}


.home-blockquote .blockquote-text{
	color: #fff;
}

.home-services-section .home-icon-box p:nth-of-type(1){
	text-align: center;
}
/*
.home-services-section .home-icon-box p:nth-of-type(2){
	text-align: center;
}*/

.content-list li{
    display: flex;
    padding: 5px 0 5px 0;
}
.content-list li p{
    margin: 0;
    width: 100%;
}

.reference-box-container-style-1{
	background-color:#ccc;
	display: flex;
    /*position: absolute;
    top:0;
    left:0;*/
}

.reference-box-credentials-style-1 {
	overflow:hidden;
	position:relative;
	background-color:gray;
	padding:40px;
}

.reference-box-credentials-mask-style-1 {
	transform:rotate(-35deg);
	left:100px;
	top:40px;
	border:12px solid var(--primary-color);
	width:170%;
	height:160%;
	position:absolute;
	background-color:#ccc;
}

.reference-box-text-style-1 {
	padding:0 20px 0 20px;
}
.reference-box-credentials-style-1 .cred-container h2,
.reference-box-credentials-style-1 .cred-container h3{
    position: relative;
}
.reference-box-credentials-style-1 .cred-container h2:before,
.reference-box-credentials-style-1 .cred-container h3:before{
    margin: 0;
    bottom: 10px;
}

.reference-box-container-style-2{
	display: flex;
}

.reference-box-container-style-2 {
	background-color: #fff;
}

.reference-box-credentials-style-2 {
	overflow:hidden;
	position:relative;
	background-color:gray;
	padding:40px;
}

.reference-box-credentials-style-2 h2 {
	font-size:34px;
	margin: 0;
}

.reference-box-credentials-mask-style-2 {
	transform:rotate(-35deg);
	left:60px;
	top:40px;
	border:18px solid red;
	width: 145%;
	height: 160%;
	position:absolute;
	background-color:white;
}

.reference-box-text-style-2 {
	padding:0 20px 0 20px;
}

.reference-box-credentials-style-2 h3 {
	position:absolute;
	bottom:30px;
	right:80px;
}

.reference-box-credentials-style-2 h2:before {
	margin: 55px 0 0 0;
}

.reference-box-credentials-style-2 h2:before,
.reference-box-credentials-style-2 h3:before{
	background-image: linear-gradient(to right, red , rgba(255,255,255,0));
}

.reference-box-container-style-3{
    display: flex;
    position: absolute;
    top:0;
    left:0;
    background-color: #fff;
    /*width: 100%;*/
}
.flex-list-item{
    position: absolute;
    top:0;
    left:0;
}

.reference-box-credentials-style-3 {
    overflow:hidden;
    position:relative;
    background-color:gray;
    padding:40px;
}
.reference-box-credentials-style-3 .cred-container{
    width: 45%;
    margin-left: auto;
}

.reference-box-credentials-mask-style-3 {
    transform:rotate(35deg);
    /*left:-597px;*/
    right: 100px;
    top:40px;
    border:12px solid var(--primary-color);
    width:170%;
    height:170%;
    position:absolute;
    background-color:#fff;
}

.reference-box-text-style-3 {
    padding:0 20px 0 20px;
}

.reference-box-credentials-style-3 .cred-container h2,
.reference-box-credentials-style-3 .cred-container h3{
    position: relative;
}
.reference-box-credentials-style-3 .cred-container h2:before,
.reference-box-credentials-style-3 .cred-container h3:before{
    margin: 0;
    bottom: 10px;
}
.carousel-container{
    position: relative; 
    width: 100%; 
    height: 300px;
}
.animation-init{
    opacity:0;
}
.fade.animation-init{
    opacity:0;
}
.fade{
    opacity: 1;
    transition: all 0.6s linear;
    /*animation: fadeIn 2s;*/
}
.slideUp.animation-init{
    opacity:0;
    margin-top: 350px;
}
.slideUp{
    opacity: 1;
    margin-top: 20px;
    transition: all 0.6s linear;
    /*animation: fadeIn 2s;*/
}
.slideSide.animation-init{
    opacity:0;
    left: -2000px;
    right: 2000px;
}
.slideSide{
    opacity: 1;
    left: 0px;
    right: 0px;
    transition: all 0.6s linear;
    /*animation: fadeIn 2s;*/
}
.sectionTemplate1,
.sectionTemplate2,
.sectionTemplate3,
.sectionTemplate4{
    overflow: auto;
}
.sectionTemplate2 img{
    padding:0 20px 20px 0;
}
.sectionTemplate3 img:nth-child(1){
    padding:0 20px 20px 0;
}
.sectionTemplate3 img:nth-child(2){
    padding:0 0 20px 20px;
}
.sectionTemplate4 img{
    padding:0 0 20px 20px;
}
.underlined-heading{
    background-color: #fff !important;
}
.underlined-heading:before{
    position: absolute;
    background-image: linear-gradient(to right, var(--primary-color) , rgba(255,255,255,0));
    content: '';
    height: 4px;
    line-height: 24px;
    margin: 45px 0 0 0;
    text-align: center;
    width: 230px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media only screen and (max-width: 1398px) {
    .reference-box-credentials-style-3 .cred-container{
        width: 30%;
    }
    .reference-box-credentials-style-3 .cred-container h2:before{
        width: 130px;
    }
    .reference-box-credentials-mask-style-1,
    .reference-box-credentials-mask-style-3{
        top: 120px;
    }
}

@media only screen and (max-width: 1100px) {
    .reference-box-credentials-mask-style-1{
        transform:rotate(-30deg);
        top: 220px;
        left: 25px;
    }
    .reference-box-credentials-mask-style-3{
        transform:rotate(30deg);
        top: 220px;
        right: 25px;
    }
    .reference-box-credentials-style-3 .cred-container{
        width: 45%;
    }
}
@media only screen and (max-width: 900px) {
    .reference-box-credentials-style-1 .cred-container{
        width: 80%;
    }
    .reference-box-credentials-style-1 .cred-container h2:before{
        width: 130px;
    }
}
@media only screen and (max-width: 886px) {
    .reference-box-credentials-mask-style-1{
        top: 300px;
        left: 100px;
        width: 225%;
    }
    .reference-box-credentials-style-1 .cred-container{
        width: 95%;
    }
    .reference-box-credentials-mask-style-3{
        top: 300px;
        right: 100px;
        width: 225%;
    }
    .reference-box-credentials-style-3 .cred-container{
        width: 95%;
    }
}

@media only screen and (max-width: 793px) {
    .reference-box-credentials-style-3 .cred-container{
        width: 60%%;
    }
}
@media only screen and (max-width: 665px) {
    .reference-box-container-style-1{
        display: block;
    }
    .reference-box-credentials-style-1 .cred-container{
        width: 55%;
    }
    .reference-box-credentials-mask-style-1{
        top: 100px;
        left: -50px;
    }
    .reference-box-container-style-3{
        display: block;
    }
    .reference-box-credentials-style-3 .cred-container{
        width: 35%;
    }
    .reference-box-credentials-mask-style-3{
        top: 100px;
        right: 0px;
    }
}
@media only screen and (max-width: 550px) {
    .reference-box-credentials-mask-style-1{
        display: none;
    }
    .reference-box-credentials-style-1 .cred-container{
        width: 100%;
    }
    .reference-box-credentials-mask-style-3{
        display: none;
    }
    .reference-box-credentials-style-3 .cred-container{
        width: 100%;
    }
}

/*@media only screen and (max-width: 1300px) {
	.reference-box-credentials-style-2 h2{
		margin-top: 0;
	}
	.reference-box-credentials-style-2 h3{
		bottom: 10px;
	}
}


@media only screen and (max-width: 1148px) {
	.reference-box-credentials-style-2	h3 {
	}
	.reference-box-credentials-mask-style-2{
		width: 160%;
	}
}

@media only screen and (max-width: 1076px) {
	.reference-box-credentials-mask-style-1{
		top: 80px;
		left: 70px;
	}
	.reference-box-credentials-style-1 h2{
		margin-top: 0;
	}
}

@media only screen and (max-width: 1027px) {
	.reference-box-credentials-style-1	h2::before {
		width: 150px;
	}
	.reference-box-credentials-style-2 h2{
		font-size: 28px;
	}
	.reference-box-credentials-mask-style-2{
		width: 180%;
	}
}

@media only screen and (max-width: 950px) {
	.reference-box-credentials-mask-style-1{
		top: 135px;
	}
	.reference-box-credentials-mask-style-2{
		top: 200px;
    left: -30px;
	}
}

@media only screen and (max-width: 768px) {
	.reference-box-container-style-1{
		display: block;
	}
	.reference-box-credentials-mask-style-1{
		transform: rotate(-25deg);
		top: 55px;
	}
	.reference-box-credentials-style-1 h2{
		margin-top: 0;
	}
	.reference-box-credentials-style-1 h2::before {
    margin: 32px 0 0 0;
    width: 190px;
	}
	.reference-box-credentials-style-1 h3::before {
	    margin: 28px 0 0 0;
	}
	.reference-box-container-style-2{
		display: block;
	}
	.reference-box-credentials-mask-style-2{
		transform: rotate(-45deg);
		top: -90px;
    height: 250%;
    left: -45px;
	}
	.reference-box-credentials-style-2 h2{
		margin: -15px 0 0 -15px;
		font-size: 26px;
		width: 30%;
	}
	.reference-box-credentials-style-2 h3{
		margin: 0 -40px 0 0;
		width: 15%;
    text-align: right;
	}
	.reference-box-credentials-style-2 h2::before {
		margin: 70px 0 0 0;
		width: 120px;
	}
	.reference-box-credentials-style-2 h3::before {
		margin: 75px 0 0 -40px;
		width: 100px;
	}
}

@media only screen and (max-width: 700px) {
	.reference-box-credentials-style-2 h3{
		width: 20%;
	}
}

@media only screen and (max-width: 550px) {
	.reference-box-credentials-mask-style-1{
		left: 130px;
	}
	.reference-box-credentials-mask-style-2{
			left: 90px;
	}
	.reference-box-credentials-style-2 h3{
		width: 26%;
	}
}

@media only screen and (max-width: 450px) {
	.reference-box-credentials-mask-style-1{
		display: none;
	}
}*/


footer{
    background: rgba(39, 39, 45, 0.9);
    color: rgba(17, 0, 10, 1);
    padding: 15px 0 18px 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: padding 0.3s linear;
}

footer span {color:#c8c8d2;display:block;font-size:12px;}
footer a {color:#c4c4d4;text-decoration:none;display:block;line-height:40px}
footer a:hover {color:#eee;text-decoration:none;}
footer .links a{margin-bottom:20px;}
footer input ,footer textarea{color:#c4c4d4;border:1px solid #c4c4d4;adding:5px 15px;margin:5px;}

::-webkit-input-placeholder {color:#777;}


.product {
	position:relative;display:table-cell;text-align:center;
	width:300px;
	/*height:300px;*/
	margin-right:5px;border:1px solid transparent;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.product:hover {border:1px solid #e5e5e5;}

.product .photo {width:100%;height:200px;text-align:center;}
.product .photo img {max-width:100%;max-height:100%;padding:10%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:padding 0.3s;}
.product:hover .photo img {padding:7%;}

.product .title {display:block;text-transform:uppercase;color:#777;font-size:14px;line-height:30px;text-align:center;max-height:40px;overflow:hidden;color:#333;}
.product .price {display:block;letter-spacing:-1px;text-align:center;color:#888;text-transform:uppercase;text-decoration:line-through;font-size:25px;line-height:30px;}
.product .price small {font-size:50%;margin-left:3px;}
.product .price.happiness {text-decoration:none;font-size:36px;color:#000;}



.category-title:before {
    background: none repeat scroll 0 0 #e5e5e5;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;margin-top:-1px;
    width: 100%;
    z-index: 0;
}
.category-title {
    position: relative;
    text-align: center;
    /*margin-left: 10px;
    margin-right: 10px;*/
    display: block;
    box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.category-title h1 {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    color: #333333;
    font-size: 24px;letter-spacing:-1px;
    font-weight: 300;
    line-height: 24px;letter-spacing:-2px;
    text-transform: uppercase;
}

.carousel .slider-container {position:relative;cursor:-moz-grab;}
.carousel .slider-arrow-left {left:100%;top:-47px;
	margin-left:-84px;
    background-color:#f2f2f2;
   	color: #333;
   	font-size:36px;
    width:37px;height: 37px;line-height:32px;
    text-align: center;
    outline:10px solid #fff;
	position:absolute;
}
.carousel .slider-arrow-left:hover {background-color:#69594d;color: #fff;}
.carousel .slider-arrow-right {left:100%;top:-47px;
	margin-left:-37px;
    background-color:#f2f2f2;
   	color: #333;
   	font-size:36px;
    width:37px;height: 37px;line-height:32px;
    text-align: center;
    outline:10px solid #fff;
	position:absolute;
}
.carousel .slider-arrow-right:hover {background-color:#69594d;color: #fff;}
.carousel .slider-dots-container {display:block;margin-top:20px}

.slider-dot {border:2px solid black;margin:10px;padding:3px 5px;font-size:3px}
.slider-dot.current {border:2px solid #d28774;background-color:#dfd9c2;}
.item-slider-container {overflow:auto;}