.destit{
	font-weight: bold;
}
.SliderShape{
	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
    box-shadow: inset 2px -10px 14px 0px #101010, inset 0 15px 14px -7px #101010;
    height: 400px;
    z-index: -1;
    background-position: center center;
    background-size: 100% auto;
	background-repeat: no-repeat;
}
.ShapePen{
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    height: 300px;
    z-index: -1;
    background-position: center center;
    background-size: 100% auto;
	background-repeat: no-repeat;
}
.ShapePenSma{
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    height: 250px;
    z-index: -1;
    background-position: center center;
    background-size: 100% auto;
	background-repeat: no-repeat;
}
.ShapeSer{
	-webkit-clip-path: circle(50% at 50% 50%);
    clip-path: circle(50% at 50% 50%);
    height: 212px;
    z-index: -1;
    background-position: center center;
    background-size: 100% auto;
	background-repeat: no-repeat;
}
.add{
    height: 40px;
    line-height: 40px;
    background: #FFF;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    text-align: center;
    width: 100%;
}
#additem{
	background-color: #000;
	color: #FFF;
	margin-top: 20px;
}
.wish{
    background-color: #FFF;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #DDD;
}
.wish.full {
    background-color: black;
	color: #FFF;
}
.wish.hid{
	display: none;
}
.wish.vis{
	display: block;
}
.add:hover{
	font-size: 20px;
}
.pricespe{
	color: #000;
	margin-bottom: 20px;
}
#numite {
    padding: 10px;
}

.box {
  background-color: #191919;
  padding: 20px; /* Added a percentage value for top/bottom padding to keep the wrapper inside of the parent */
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  transform: skewY(-3deg);
	box-shadow: 0 15px 14px -7px #101010;
}
.box > .wrapper {
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  transform: skewY(3deg);
}
.box-inv {
    background-color: #191919;
    height: 100px;
	margin-bottom: -50px;
    -webkit-transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    transform: skewY(3deg);
    box-shadow: 2px -10px 14px 0px #101010;
}
.box-inv > .wrapper-inv {
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  transform: skewY(-3deg);
}
.cont-img{
	margin-top: -45px;
    margin-bottom: -30px;
}
.cont-img img{
    height: 300px;
    width: 100%;
}
.wratit{
	margin: 50px 20px 0 20px;
}
.wraowl, .wraite{
	position: relative;
	padding: 0px 60px 45px 60px;
}
.wraite .itedes {
    text-align: center;
    font-size: 18px;
}
 .wraite .item .itedes{
	height: 40px;
    display: block;
}
.wraite .owl-item .item{
	float: none;
    width: auto;
}
.wraite .sho{
	clear: both;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.wrabig{
	background-color: #f4f4f4;
	padding: 65px 70px;
	display: flex;
	clear: both;
}
.wrabig .bon:first-child .item-des{
	top: auto;
    bottom: 30px;
    left: 30px;
}
.wrabig .bon:nth-child(2) .item-des{
	top: 60px;
	left: 30px;
    text-align: center;
}
.wrabig .bon:nth-child(3) .item-des{
	top: 50%;
	left: 30px;
    transform: translateY(-50%);
    text-align: center;
}
.wrabig .bon:nth-child(4) .item-des{
	bottom: 30px;
	left: 30px;
    text-align: center;
}
.slides{
    text-align: center;
	color: #FFF;
}
.slides h2{
	color: #FFF;
}
.slides .butbig{
	background-color: #000;
	color: #fff;
	font-family: 'Oswald';
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 18px 40px;
	line-height: 1;
	text-transform: uppercase;
}
.slides h2 {
	font-size: 40px;
    margin-bottom: 10px;
}
.slides p {
    margin-bottom: 25px;
    font-size: 14px;
}
.button{
    color: #fff;
    background-color: #050203;
    border-color: #050203 #050203 #000;
    display: inline-block;
    font-family: Oswald;
    font-size: 12px;
    line-height: 1.3333;
    margin-top: 26px;
    padding: 16px 28px;
    letter-spacing: 2.4px;
    position: relative;
    z-index: 1;
	cursor: pointer;
}
.item .wraimg{
	position: relative;
}
.item:hover .wraimg:after {
    opacity: 1;
    visibility: visible;
}
.item .wraimg:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(27,27,23,.15);
    transition: all .3s;
    opacity: 0;
    visibility: hidden;
}
.item-descri{
	width: 100%;
    text-align: center;
    height: 60px;
}
.item-des {
    position: absolute;
}
.item-des p{
	font-size: 14px;
    margin: 0;
    line-height: 1.6;
	color: #777;
}
.uploader a, .uploader li{
    color: #DDD;
}
.item-descri h3{
	font-size: 15px;
    font-weight: 700;
    letter-spacing: -.005em;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.title{
	font-family: Oswald;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -0.3px;
    text-transform: none;
	color: #313131;
	display: table;
	clear: both;
	margin: 0 auto;
}
.subtitle{
	font-size: 20px;
    line-height: 50px;
    margin-bottom: 20px;
	display: table;
	margin: 0 auto;
}
.tit{
	font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
}
.extlab{
	font-size: 18px;
    line-height: 50px;
}
.filter .title{
	font-size: 22px;
}
#results{
	display: flex;
    /* float: right; */
    width: calc(100% - 312px);
}
#results #wraite{
	width: 100%;
	margin-left: 30px;
}
.item {
    margin: 10px;
    border-radius: 10px;
	position: relative;
}
.item-descri-big{
    width: 50%;
    margin: 50px auto;
}
.item-descri-short{
    width: 400px;
    text-align: center;
    margin: 0 auto;
}
.biglab{
    font-size: 2em;	
}
.item-title{
	font-size: 1.5em;
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.item-subtit{
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 10px;
}
.ite-tit {
    font-size: 1.3em;
    text-align: center;
    line-height: 50px;
}
.ite-tit.big{
	font-size: 2.5em;
    text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}
.item-more a {
    color: #fff;
    margin: 0 auto;
    display: block;
    text-align: center;
    background-color: #191919;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
    color: #FFF;
}
.item-img img{
	height: 400px;
}
.item-img video {
    height: 400px;
    object-fit: contain;
    width: 100%;
}
.conite{
    position: relative;
	margin: 50px 20px 0 20px;
}
.con img{
	max-height: 650px;
}
.con-sez-2{
	filter: drop-shadow(0px -9px 4px #101010);
}
.con-sez-2 .sez-2{
    width: 100%;
    background-color: #191919;
    margin: 0px;
    -webkit-clip-path: polygon(0 0, 100% 24%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 24%, 100% 100%, 0% 100%);
}
.profile img{
	width: 200px;
    height: 200px;
	background-color: #FFF;
}
.con .con-pen, .con .con-des{
	float: left;
	width: 50%;
    position: relative;
}
.item-title.big{
	font-size: 2.5em;
    text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}
.con-col {
    padding: 110px;
    background: #FFF;
	color: #000;
    margin: -30px 0;
}
.res {
    float: left;
    width: calc(25% - 40px);
    margin: 20px;
}
#map{
	width: 400px;
    margin: 20px auto 40px auto;
}
.chk-lay{
	margin: 0 20px;
}
.des-lar{
    padding: 10px;
    width: calc(50% - 20px);
    float: right;
}
.des-lar .filter{
	width: 100%;
	display: inline-block;
}
.abs-sha {
	width: calc(50% - 20px);
    float: left;
    padding: 10px;
	position: relative;
}
.abs-sha .C-Item{
	margin: 0px;
}
.abs-sha .anctop{
	position: sticky;
    top: 0px;
}
.upper{
	text-transform: uppercase;
}
.conpag{
    width: 400px;
	margin: 20px auto 40px auto;
}
.conpag .labfor {
    width: 40px;
    display: inline-flex;
}
.conpag .labfortex {
    width: 100%;
    text-align: left;
    display: block;
    margin: 10px 0 5px 0;
}
.conpag input[type="text"]{
	width: 100%;
	background: transparent;
    border: 0px;
    border-bottom: 1px solid #000;
	color: #000;
	height: 30px;
    margin: 20px 0;
}
.conpag textarea {
	width: 100%;
	height: 100px;
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #000;
	color: #000;
}
.cledis{
    clear: both;
    width: 400px;
    margin: 0px auto;
	padding-top: 40px;
}
.cle{
	clear: both;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
/* Footer Light */
.footer-light {
  background-color: #ffffff;
}
.footer-light .footer--copyright {
  color: #999999;
  border-top: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.bigger{
    font-size: 1.3em;
    line-height: 1.3em;
}
.wrapper.martop{
	margin-top: 20px;
}
.profile{
    margin: 20px 20px 40px 20px;
}
.profile .wraupl{
    background: transparent;
	position: absolute;
    bottom: 0px;
}
.profile .wraupl .plupload_filelist.plupload_filelist_footer.ui-widget-header{
	background: transparent;
}
 .profile .wraupl table tr:nth-child(odd) td{
	border: transparent;
}
.profile .wraupl #uploader_dropbox {
    display: none;
}
.profile .circle{
	float: left;
}
.wrasec{
	clear: both;
}
.profile .detail{
	float: left;
    height: 200px;
    position: relative;
}
#log-out{
    margin-left: 30px;
    line-height: 30px;
	cursor: pointer;
}
.wralog{
    margin-top: 10px;
}
.protit{
    width: Calc(50% - 2px);
    float: left;
    padding: 10px 0;
    margin: 50px 0px;
    border-left: 1px solid;
}
.protit .sma{
	font-size: 15px;
}
.wrasec .protit:first-child, .wrasec .protit:nth-child(3){
	border: 0px;
}
.confirm{
    margin: 40px 0;	
}
.maremp{
	margin: 100px;
	text-align: center;
}
.wrainpreg .biglab, .wrainpcha .biglab{
	margin-bottom: 10px;
}
.wrainp input[type="text"], .wrainp input[type="password"]{
    width: 400px;
    height: 40px;
    margin: 0 20px 20px 20px;
	padding: 10px;
	background: transparent;
    border: 0px;
    border-bottom: 1px solid #FFF;
    -webkit-box-shadow: 0px 6px 7px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 6px 7px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	color: #000;
}
.wrainpreg form, .wrainpcha form{
    text-align: right;
}
.wrainpreg input[type="text"], .wrainpreg input[type="password"], .wrainpcha input[type="text"], .wrainpcha input[type="password"] {
    height: 20px;
    padding: 10px 10px 0 10px !important;
	width: 100%;
	padding: 10px;
	background: transparent;
    border: 0px;
    border-bottom: 1px solid #FFF;
    -webkit-box-shadow: 0px 6px 7px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 6px 7px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
	color: #000;
}
.wrainpreg .wralabinp.pad, .wrainpcha .wralabinp.pad{
	padding-top: 20px;
}
.wrainpreg .wralabinp, .wrainpcha .wralabinp{
    clear: both;
    width: 400px;
    margin: 0px auto;
	display: flex;
}
.wrainpreg input[type="submit"], .wrainpcha input[type="submit"]{
    margin: 30px auto 20px auto;
    display: block;
}
.wralabinp.blo{
	display: block;
}
.wrainpreg .wralabinp .lab, .wrainpcha .wralabinp .lab{
	float: left;
    text-align: right;
	width: 210px;
    height: 40px;
    line-height: 40px;
}
.privacy{
	color:#39C;
}
.owl-theme .owl-controls .owl-buttons div{
    border-radius: 50%;
	background: #fff;
	width: 20px;
    height: 20px;
}
.owl-carousel.owl-theme .owl-controls{
	margin-top: 0px;
}
.owl-carousel.owl-theme .owl-controls .owl-page span{
	width: 4px;
	height: 4px;
}
.owl-carousel .owl-next {
    position: absolute;
    top: 50%;
    right: 20px;
	transform: translateY(-50%);
}
.owl-carousel .owl-prev {
    position: absolute;
    top: 50%;
    left: 20px;
	transform: translateY(-50%);
}
.owl-carousel .owl-next::after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
    content: "";
}
.owl-carousel .owl-prev::before{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 2px;
    margin-right: 0px;
    content: "";
}
.copyright .dislef{
    display: inline-flex;
}
.viemob{
	display: none;
}
.mobile .wrilog{
	height: 60px;
    line-height: 60px;
	font-family: Dancing Script;
}




/*Ecommerce*/
.home .hamburger .hamburger-inner, .home .hamburger .hamburger-inner:after, .home .hamburger .hamburger-inner:before{
	background-color: #FFF;
}
.home .icowis a, .home .icosho a, .home .menu li, .home .brand-logo a, .home .notsho.wis, .home .notsho.car, .home .mentit #icosea{
	color: #FFF;
}
.bon .item-des h2, .bon .item-des p{
	color: #FFF;
}
.wratitoth{
	margin: 50px 20px 0 20px;
}
.itecom{
    width: 60%;
    margin: 0 auto;
    padding: 25px 0;
    border-bottom: 1px solid #e3e3e3;
}
.wradet .itecom:first-child{
	padding-top: 0px;
}
.wradet .itecom:last-child{
	border-bottom: 0px;
}
.itecom .datins{
	float: right;
	font-size: 12px;
}
.itecom img {
    width: 60px;
    float: left;
	margin: 0px 10px 5px 0px;
}
.itecom .com{
	clear: both;
	text-align: justify;
}
.wraoth{
    display: flow-root;
	margin: 0px 20px 70px 20px;
}
.wradet{
	padding: 0 70px 20px 70px;
}
.wraoth .item{
	width: calc(25% - 20px);
    float: left;
}
#revsta i{
    font-size: 18px;
	color: #000;
	cursor: pointer;
}
#wracol .C-Col{
	width: 30px;
	height: 30px;
	margin: 0 5px;
	cursor: pointer;
}
#wracol .colflo {
    float: left;
}
#wrasiz .C-Siz {
    border: 1px solid #FFF;
    padding: 10px;
    margin: 0 5px;
	cursor: pointer;
	text-align: center;
}
#wrapri{
	clear: both;
}
#C-GenPri{
	font-size: 25px;
}
#itequa{
	padding: 10px;
}
.sumord{
    width: calc(65% - 30px);
    float: left;
    padding: 0 15px;	
}
.suminfo{
    width: calc(35% - 30px);
    float: right;
    padding: 0 15px;	
	color: #000;
	margin-bottom: 20px;
}
.suminfo a{
	color: #000;
}
.sumtot{
	padding: 10px 20px;
    background-color: #fff;
	border-radius: 3px 3px 0px 0px;
	text-align: left;
}
.sumtot .padbot{
	border-bottom: 1px solid #BBB;
	padding-bottom: 25px;
}
.sumtot .padtop{
	padding-top: 1px;
    padding-bottom: 20px;
}
.sumtot .sped{
	padding-top: 8px;
}
.bill{
	border-radius: 0px 0px 3px 3px;
    border-top: 1px dashed white;
    padding: 20px;
    background-color: #BBB;
}
.suminfo .infospe{
    padding: 20px;
	margin-bottom: 30px;
    background-color: #fff;
	text-align: left;
}
.sumord .ord{
	border: 1px solid #666;
    clear: both;
    display: flex;
    padding: 5px;
    border-bottom: 0px;
    position: relative;
}
.sumord .ord:last-child {
    border: 1px solid #666;
}
.sumord .ord .wraimg{
	float: left;
}
.sumord .ord .wraimg img {
    width: 400px;
    max-height: 200px;
}
.sumord .ord .wradetcar{
    margin-left: 20px;
}
.sumord .ord .wradetcar div {
    margin: 14px 0;
    text-align: left;
}
.sumord .ord .wradetcar div span{
    background-color: #7a4444;
    width: 25px;
    height: 25px;
	margin: -7px 36px 0 0;
    float: right;
}
.sumord .ord .bonus{
    float: right;
    background-color: #E91E63;
    padding: 20px;
}
.sumord .ord .delite{
	cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 10px;
}
.bill .tot{
	text-align: right;
}
#spegra{
	position: fixed;
    top: 0px;
    width: 100%;
	padding: 5px 0;
    background-color: #000;
    z-index: 1;
	color: #FFF;
    text-align: center;
	height: 20px;
    line-height: 20px;
}
#spegra span{
	display: inline-block;
}
.modinf .datind {
    width: calc(50% - 40px);
    float: left;
    margin: 40px 20px;
	text-align: left;
}
.modinf .dim{
    width: Calc(50% - 10px);
    height: 30px;
    line-height: 30px;
    margin: 0 1px;
}
.modinf .dim.right {
    text-align: right;
}
.modinf .wrapbut{
	width: 300px;
    display: flex;
}
.modinf .dim.rig {
    text-align: right;
}
.modinf form {
    clear: both;
}
.modinf form input[type="submit"]{
	margin-top: 20px;
}
.wrapage{
	clear: both;
}
.wrapage .page{
    display: inline-block;
    margin: 20px 0;
    position: relative;
}
.wrapage .page .svg-arr{
	height: 16px;
    width: 14px;
    fill: #fff;
    position: relative;
    top: 2px;
}
.wrapage .page .labpag{
	padding: 0 20px;
}
.wrapage .page .labpag {
    padding: 0 20px;
    top: 15px;
    position: relative;
}

.wrabut{
    text-align: center;
    margin-bottom: 40px;
}
.wrabut a{
	border: 1px solid #FFF;
    display: inline-block;
    padding: 10px;
    margin-right: 20px;
}
.conord .itecon{
	width: 200px;
    margin: 20px;
    float: left;
}
.conord .itecon .row{
	width: calc(100% - 10px);
    display: inline-block;
}
.conord .itecon .row .lef{
	float: left;
}
.conord .itecon .row .rig{
	float: right;
}
.conord img{
	margin-bottom: 10px;
}
.conord .det{
    text-align: left;
    display: block;
    width: 250px;
    margin: 0 auto;
}
.conord .datins{
    text-align: right;
	font-size: 14px;
}
.ces{
	padding: 10px 0;
    margin: 50px 0px;
}
.wrasea{
	display: inline-block;
    position: relative;
}
.wrasea input[type="text"]{
	margin: 0;
}
.wrasea .imgsea{
	position: absolute;
    right: 0;
    top: 15px;
}
.wraiteimg{
	position: relative;
}
.wraiteimg img, .wraiteimg video{
	height: 150px;
	object-fit: cover;
}
.wraiteimg a.fixdis{
	display: flex;
}
#wraite .item .itedes{
	height: 40px;
    display: block;
}
.wraiteimg .itehea{
    position: absolute;
    right: 10px;
    top: 0px;
	font-size: 20px;
	display: none;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	color: #FFF;
}
.wraiteimg .itehea.vis{
	display: block;
}
.wraiteimg .itehea.hid{
	display: none;
}
#subsea{
	display: none;
}
.view-card .wraite{
	position: relative;
    width: calc(25% - 20px);
    float: left;
    margin: 10px;
}
.view-card .wraite .wraimg{
    object-fit: contain;
    height: 200px;
}
.view-card .wraite .addwis{
    position: absolute;
    right: 10px;
    bottom: 10px;
	cursor: pointer;
}
.view-card .wraite .delwis{
    position: absolute;
    right: 40px;
    bottom: 10px;
	cursor: pointer;
}
.SliderShapePen{
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	height: 400px;
    background-size: contain;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.profile .circle{
	float: right;
    width: 250px;
    height: 250px;
	display: block;
}
.profile .circle img {
    height: 100%;
    width: 100%;
    object-fit: contain;
	cursor: pointer;
}
.circle{
    filter: drop-shadow(0px 10px 5px rgba(0,0,0,0.5));
}
.circle img{
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}
.profile .intro .uplmin{
	display: none;
}
.profile .intro{
	position: relative;
    display: inline-block;
    width: 100%;
	margin-bottom: 80px;
}
.profile .wralog{
	float: right;
}
.profile #log-out{
	cursor: pointer;
}
.profile .lincen{
	width: 100%;
	margin: 40px 0;
}
.profile .plupload_header, .profile .plupload_file_status, .profile .plupload_file_size, .profile .plupload_filelist_header{
    display: none;
}
.timshi{
	line-height: 30px;
}
#com{
	width: 100%;
    height: 150px;
}
.cen{
	display: block;
	text-align: center;
}
footer .lab, footer .info h5{
	font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    color: #222329;
    font-family: Oswald;
    letter-spacing: 0.075em;
}
.fitt{
	height: 128px;
}
.order{
	text-align: right;
    margin-right: 30px;
}
.order .tit{
    margin-right: 20px;
    cursor: pointer;
    line-height: 1.5rem;
    font-family: Helvetica Now,Helvetica,Arial,sans-serif;
    color: #4e4c4b;
	font-size: 14px;
	display: inline;
}
.order .tit.sel{
	border-bottom: 3px solid #000;
}
.des-lar .filter .title{
	font-size: 16px;
	margin: 25px 0 10px 0;
}
.des-lar .filter .par.sel{
	border: 1px solid #000;
}

/*Swiper Slider*/
.mySwiper-thumbnail {
	height: 200px;
}
.swiper-slide img{
	height: 100%;
}
.mySwiper .swiper-slide img {
	max-height: 500px;
	object-fit: cover;
}
 .autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}
/*Image progress in swiper slider*/
.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;f
  stroke: var(--swiper-theme-color);
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
.mySwiper-thumbnail img {
    width: 100%;
    height: 180px;
	object-fit: cover;
}
.mySwiper-thumbnail video{
    object-fit: contain;
    height: 174px;
    width: 100%;
}
.mySwiper-thumbnail .C-Cont-Img {
    height: 174px;
	overflow: hidden;
	padding: 0;
}
#idite{
	display:none;
}
.wracat{
	display: inline-block;
	margin: 50px 0 0 20px;
	padding-left: 10px;
}
.marbot{
	margin-bottom: 20px;
}
.attval{
    padding: 5px 0;
	clear: both;
    display: flex;
}
.attval .destit{
    float: left;
    margin-right: 10px;
}
.attval .wracol{
	width: 50px;
    height: 20px;
    float: left;
    margin-right: 10px;
}
.desval{
	margin-right: 10px;
}
.desktop .brand-logo {
    float: left;
    margin-left: 100px;
    margin-top: -5px;
    position: relative;
    width: 95px;
}
.desktop .brand-logo img, footer .brand-logo img {
    width: 130px;
}
.wrainp{
	margin: 50px auto 150px auto;
    display: table;
	text-align: center;
}
.titpag{
	font-size: 2em;
	text-align: center;
    margin-bottom: 50px;
}
.msg {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.wrabon{
	width: 100%;
}
.wrabon .bon {
    position: relative;
}
.bon img{
	height: 630px;
}
.bon video{
	height: 630px;
	object-fit: contain;
}
#shosub{
	display: none;
}
#shoico{
	margin-right: 20px;
    line-height: 30px;
	cursor: pointer;
}
#day, #mon, #yea, #lan{
    padding: 9px 0;
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #FFF;
    -webkit-box-shadow: 0px 6px 7px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    box-shadow: 0px 6px 7px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
#day{
	width: 20%;
}
#mon{
	width: 46%;
}
#yea{
	width: 30%;
}
#lan{
    width: 100%;
}
.wrainpreg .wralabinp .inp, .wrainpcha .wralabinp .inp{
	float: right;
    width: 280px;
    margin-left: 20px;
	display: flex;
}
.desktop .logo img{
    max-height: 100px;
	max-width: 200px;
    object-fit: contain;
}
.logo .written{
	font-family: 'Yanone Kaffeesatz';
	font-size: 2.5em;
	font-weight: bold;
	padding: 8px 0;
	text-align: center;
	line-height: 30px;
}
#getlan {
    cursor: pointer;
    text-align: center;
    width: 100%;
}
@keyframes fade-in-out {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}
.C-Itemet{
	bottom: 0px;
    position: absolute;
    right: 30px;
}
.C-Itemet .wrainpreg{
	margin: 0px;
}
.wradetite{
	position: relative;
	display: inline-block;
	width: 100%;
}
.descom{
    width: 800px;
    margin: 0 auto;
    text-align: center;
}
.wrapro{
	margin: 0 auto;
    float: none;
}
.cat img {
    max-width: 460px;
}




/*Gadget - Contactanos sin compromiso*/
.clip-text {
	font-size: 2em;
	font-weight: bold;
	position: relative;
	display: inline-block;
	margin: .25em;
	padding: .5em .75em;
	text-align: center;
	color: #191919;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	-ms-background-clip: text;
	-ms-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
.clip-text::before, .clip-text::after {
	position: absolute;
	content: '';
}
.clip-text::before {
	z-index: -2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: inherit;
	background-size: contain;
	-webkit-animation:anim 3s infinite ease-in;
	-moz-animation:anim 3s infinite ease-in;
	-ms-animation:anim 3s infinite ease-in;
	animation:anim 3s infinite ease-in;
}
.clip-text::after {
	position: absolute;
	z-index: -1;
	top: .125em;
	right: .125em;
	bottom: .125em;
	left: .125em;
	background-color: #191919;
}
.clip-text_one {
	background-image:url(../images/template/wallpaper.jpg);
	background-size: contain;
	-webkit-animation:anim 3s infinite linear;
	-moz-animation:anim 3s infinite ease-in;
	-ms-animation:anim 3s infinite ease-in;
	animation:anim 3s infinite ease-in;
	width: 250px;
}
#wracoo {
    position: fixed;
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    padding: 15px 28px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.98), rgba(254, 242, 242, 0.98));
    border-radius: 20px;
    border: 1px solid rgba(209, 213, 219, 1);
    box-shadow: 0 0px 10px rgba(15, 23, 42, 0.18);
    color: #111827;
    font-size: 0.9rem;
    white-space: nowrap;
    z-index: 9999;
}
#coobuts {
    display: inline-flex;
}
#cooacc {
    background: linear-gradient(135deg, #EC4899, #A855F7);
    color: #fff;
    padding: 10px 22px;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
    white-space: nowrap;
}



@-webkit-keyframes anim
{0%{background-position: top;}50%{background-position: bottom;}100%{background-position: top;}}
@-moz-keyframes anim
{0%{background-position: top;}50%{background-position: bottom;}100%{background-position: top;}}
@-ms-keyframes anim
{0%{background-position: top;}50%{background-position: bottom;}100%{background-position: top;}}
@keyframes anim
{0%{background-position: top;}50%{background-position: bottom;}100%{background-position: top;}}

/*Custom Cms's style*/
.contmentit .mentit{
    font-family: sans-serif;
    font-size: 12px;
}
.home .contmentit .mentit a, .home .contmentit .mentit i{
	color: #fff;
}
.home .contmentit .logo a{
	color: #fff;
}
.coddes {
    border-bottom: 1px solid #FFF;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
    height: 40px;
    text-align: center;
    width: 150px;
    -webkit-text-fill-color: #000 !important;
	border: 0px;
    background-color: transparent;
    border-radius: 0;
    height: 30px;
}
.emp {
    width: 100%;
    text-align: center;
}
.item .itequa{
	float: right;
}



@media (max-width: 1200px){
	.mySwiper-thumbnail {
		height: 150px;
	}
	.mySwiper .swiper-slide img{
		height: 800px;
	}
		.wracat{
		padding: 0 20px;
		margin: 100px 0 0 0;
	}
	.wraowl, .wraite{
		padding: 0px;
	}
		.abs-sha{
		width: 100%;
		position: relative;
		top: 0;
		transform: unset;
		padding: 0px;
	}
	.des-lar{
		width: 100%;
		padding: 0;
		margin: 50px 0;
        float: none;
        display: inline-block;
	}
	.mySwiper-thumbnail {
		height: 200px;
	}
	.wrabig{
		padding: 65px 0;
	}
	.bon .item-des h2{
		font-size: 16px;
	}
	.bon .item-des p{
		font-size: 12px;
	}
	.bon img{
		height: auto;
	}
	.subtitle {
		font-size: 17px;
	}
}
@media (max-width: 1024px){
	.title::after {
		width: 50px;
		right: -60px;
	}
	.title::before {
		width: 50px;
		left: -60px;
	}
	.sumord .ord .wraimg img{
		width: 100%;
		height: auto;
	}
	.sumord{
		width: calc(100% - 30px);
	}
	.suminfo{
		width: calc(100% - 30px);
		margin: 20px 0;
	}
	.view-card .wraite{
		width: calc(33.33% - 20px);
	}
	.res {
		width: calc(33.33% - 40px);
	}
	.sumord .ord{
		border: 0px;
		display: inline-block;
		width: 100%;
	}
	.sumord .ord:last-child{
		border: 0px;
	}
	.C-Itemet{
	    width: calc(100% - 40px);
		margin: 50px 20px 50px 20px;
		position: relative;
        right: 0px;
	}
	.descom{
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	.fee.circle img{
		width: calc(100% - 40px);
		margin: 0 20px;
	}
}
@media (max-width: 862px){
	/*Ecommerce*/
	.brand-logo {
		text-align: center;
		line-height: 60px;
	}
	.profile .wralog{
		float: none;
		width: 100%;
		margin: 80px 0 20px 0;
		position: relative;
		display: flex;
	}
	.profile .wralog .conlog{
	    position: unset;
		top: 0;
		transform: none;
		float: left;
		line-height: 14px;
		width: 100%;
	}
	.profile .circle{
		float: none;
		margin: 0 auto;
	}
	.profile #log-out{
		margin: 20px;
		position: absolute;
		right: 0px;
	}
	.profile .intro .uplmin{
		display: block;
	}
	.mySwiper-thumbnail {
		height: 100px;
	}
	.modinf .datind {
		width: calc(100% - 40px);
	}
}
@media (max-width: 768px){
	.view-card .wraite{
		width: calc(50% - 20px);
	}
	.res {
		width: calc(50% - 40px);
	}
	footer{
		padding: 0px;
	}
	footer .copyright, footer .logo{
		margin: 70px 0;
	}
	.conite{
		display: block;
	}
	.fldset{
		width: calc(100% - 20px);
	}
	.wrabig{
		padding: 0;
	}
	.wrabig .mar{
		margin: 0;
	}
	.mySwiper .swiper-slide img{
		height: 450px;
	}
	.sec-pan .antws{
		width: 100%;
		margin: 0;
	}
}
@media (max-width: 600px){
	.clip-text {
		font-size: 50px;
		margin: 0em;
		padding: 0em 0em;
	}
	.viemob{
		display: block;
		text-align: center;
		padding: 10px;
	}
	.viemob img{
		width: 130px;
		margin: 10px auto;
	}
	footer .copyright .viemob a{
		color: #fff;
		margin-left: 0px;
	}
	.mySwiper-thumbnail {
		height: 150px;
	}
	.sec-pan .wri {
		width: calc(100% - 50px);
		margin: 0 auto;
	}
	.sec-pan .insdes #coddis{
		width: calc(100% - 50px);
		margin: 0 auto;		
	}
}
@media (max-width: 480px){
	footer .info{
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	.wrainp input[type="text"], .wrainp input[type="password"], .wrainp textarea {
		width: calc(100% - 40px);
		padding-left: 0px;
		padding-right: 0px;
		border-radius: 0px;
	}
	.view-card .wraite{
		width: calc(100% - 20px);
	}
	.res {
		width: calc(100% - 40px);
	}

	.item-descri-big{
		width: calc(100% - 40px);
		margin: 50px 20px;
	}
	header .SliderShape{
		clip-path: unset;
		box-shadow: unset;
	}
	.conpag{
		width: calc(100% - 40px);
		margin: 20px 20px 40px 20px;
	}
	.mySwiper-thumbnail {
		height: 100px;
	}
	.sec-pan .antws{
		width: 100%;
	}
	.sec-pan .insdes.ins{
		width: 100%
	}
}
@media (max-width: 320px){

}

@font-face {
  font-family: Oswald;
  src: url(/root/font/oswald/Oswald-Regular.ttf);
}
@font-face {
  font-family: Open Sans;
  src: url(/root/font/Open_Sans/static/OpenSans-Bold.ttf);
}
@font-face {
  font-family: Yanone Kaffeesatz;
  src: url(/root/font/Yanone_Kaffeesatz/static/YanoneKaffeesatz-Bold.ttf);
}
@font-face {
  font-family: Dancing Script;
  src: url(/root/font/Dancing_Script/static/DancingScript-Regular.ttf);
}