@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);


/* Typography */
/**************************/
#parallax-world-of-ugg h1 {font-size: 24px;font-weight: 400;color: white;padding: 10px 0;margin: 0;}
#parallax-world-of-ugg h2 {font-size: 4.1rem;letter-spacing: -5px;text-align: center;color: black;font-weight: 400;}
.products-feature{position: absolute;left: 201px;z-index: 2;bottom: -35%;}
.products-feature img{width: 42vw;}
.more-link{text-align: right;margin: 10px;}
.more-link a{padding: 3px 15px;background-color: #ff6600;border-radius: 18px;text-align: right;}
.more-link a:hover{background-color:white;}

/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {background-image: url(../images/level-1.jpg);width: auto;margin: 0 auto;text-align: justify;background-repeat: no-repeat;background-size: cover;position: relative;height: 24vw;}

/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-one {padding: 0 0 30px 0;position: relative;width: 100%;background-image: url(../images/level-2-1-1.jpg); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: top center;}
#parallax-world-of-ugg .parallax-two {overflow: hidden;position: relative;width: 100%; background-image: url(../images/level-2.jpg); background-attachment: fixed; background-size: cover;background-repeat: no-repeat; background-position: center center; height: 11vw;}
#parallax-world-of-ugg .parallax-three {padding:0 0 45px 0; overflow: hidden; position: relative; background-image: url(../images/orange.jpg); background-repeat: no-repeat; background-position: center top; margin: 0 0 0 0; text-align: center;}
.orange-text{margin: 50px 5px 30px 5px;}
.orange-text p{padding: 25px 10px;color: black;font-size: 1.5rem; letter-spacing: 0px; font-weight: 600;}
.position-img-box{position: relative;}
.products-banner-img{position: absolute;z-index: 2;right: 138px;transform: translateY(-70%);}
.since{position: absolute; left: 244px; z-index: 3; bottom: 100%;}
.since img{width: 13vw;}
.products-banner-img img{ width: 28vw;}
.about-box{width: 43%; font-size: 0.9em; padding: 35px 27px; margin: auto 220px; line-height: 24px; color: white;}

/*all product-img-black-changes*/
.pro-list01{display: flex; flex-wrap:wrap;text-align: center;}
.pro-list01 li {width:calc(100%/3); position: relative;}
.pro-list01 span{bottom: 81px;position: absolute;z-index: 2;width: 72%;color: white;font-size: 2.7em;font-weight: 900;font-style: italic;letter-spacing: -4px;text-shadow: 4px 3px 4px #0006;left: 14%;}
.pro-list01 li:nth-child(6) span{bottom: 95px;}
.pro-list01 .pto img {display: block;}
.pro-list01 a .pto img.black { position:absolute; top:0; left:0; opacity:0; transition:all .5s; }
.pro-list01 a:hover .pto img.black { opacity:1; }

/*news*/
.news-box{background: url(../images/level-3.jpg); margin: 0 auto; line-height: 180%; font-size: 0.9em; text-align: center; padding: 80px 0; background-attachment: fixed;}
.news-text{ font-size: 3em; border-bottom: 1px solid; display: inline-block; padding: 0 36%; line-height: 185%; color: white;}
.news-article{padding-top: 2%;margin: 0 auto;text-align: left;max-width: 70%;width: 60%; padding-bottom: 2%;}
.news-article ul li a {display: flex;}
.content-text{text-align:left;}
.date{width: 28%; margin: 0 20px 0 0;}
.content-text{width: 80%;}



@media only screen and (max-width: 1024px){

.about-box{padding: 10px; margin: 0 auto; width: 82%; text-align: left;}
.since{left: 71px;}
#parallax-world-of-ugg .block{ height: 45vw; background-position: bottom;}
#parallax-world-of-ugg .parallax-one{background-size: initial; padding-bottom: 0;}
#parallax-world-of-ugg .parallax-two{background-position: 10% bottom; height: 15vw;}
#parallax-world-of-ugg .parallax-three {padding-bottom: 0;}
.products-feature{left: 120px; bottom: -23%;}
.products-feature img{ width: 70vw;}
#parallax-world-of-ugg h2{font-size: 2.5rem; letter-spacing: -2px; font-weight: 700;}
.orange-text p{ font-weight: normal; font-size: 1rem;}
.pro-list01 span{ bottom: 30px; font-size: 2.1rem; letter-spacing: -2px;}
h1{padding-bottom: 35px; font-size:1.6em;}
.banner .owl-carousel .owl-item img{ max-width: none; height: 45vw; position: relative; width: auto; transform: translateX(-3%);}
.item { overflow: hidden;}
.news-box>.news-article { width: 76%;padding-bottom: 2%;}
.news-text{padding:0 36%; }
.products-banner-img{position: absolute;z-index: 2;right: 133px;transform: translateY(-87%);}

} 

@media only screen and (max-width: 999px){

.products-feature{position: absolute; margin: 0 auto; text-align: center; left: 116px; bottom: -25%;}
.pro-list01 li{width: calc(100%/2);}   
.news-box > .news-article {width: 70%; max-width: 100%; padding-bottom: 2%;}
.news-text{padding:0 36%; }

}


@media screen and (max-width: 959px) and (min-width: 768px) {

#parallax-world-of-ugg .block {padding: 40px;}
  
}

@media only screen and (max-width: 836px){

.search{display: flex;justify-content: center;}
.news-box{ padding: 10px 0; width: auto;}
.news-text{ display: block; text-align: center; padding: 0; border-bottom:none;}
.news-article ul li a {display: block;text-align: center;}
.date { margin: 0 auto; width: auto;background-color: #ff6600;color: white;font-weight: 600;box-shadow: 1px -4px 5px .1px rgba(34, 22, 100, 0.26);}
.news-box > .news-article {width: 100%;max-width: 100%;}
.content-text {width: auto;text-align: center;padding: 10px 25px;}

}

@media only screen and (max-width: 380px){

.about-box{text-align: center; padding: 10px; margin: 0 auto; width: 100%;}
.porducts-banner-img{position: static; z-index: 2; transform:inherit;}
.more-link{text-align: center; padding: 20px;}
#parallax-world-of-ugg .block{  width:auto; height: 65vw; background-position: top;}
.products-feature{position: absolute; margin: 0 auto; text-align: center; left: 14px; bottom: -39%;}
.products-feature img{width: 94vw;}
.products-banner-img{position: static; transform: inherit; margin: 0 auto;}
.products-banner-img img{width: 55vw; padding: 15px;}
.since{position: static;}
.since img {width: 31vw;}
#parallax-world-of-ugg .parallax-one{background-size: initial;}
#parallax-world-of-ugg .parallax-two{ height: 34vw;  background-position: bottom right;}
.orange-text{margin: 25px 5px 25px 5px;}
.orange-text p {font-weight: normal; padding: 25px 10px 0px 10px;}
.pro-list01 li{width: calc(100%/1);}   

}