/*
* main.css
*/

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

/* Override UGG site */
#main {width: 100%; padding:0;}
.content-asset p {margin:0 auto;}
.breadcrumb {display:none;}

/* Helpers */
/**************************/
.margin-top-10 {padding-top:10px;}
.margin-bot-10 {padding-bottom:10px;}

/* Typography */
/**************************/
h1 {font-family:'Oswald', sans-serif; font-size:24px; font-weight:400; text-transform: uppercase; color:black; padding:0; margin:0;}
h1h {font-family:'Oswald', sans-serif; font-size:46px; font-weight:200; text-transform: uppercase; color:black; padding:0; margin:0;}
h2 {font-family:'Oswald', sans-serif; font-size:70px; letter-spacing:10px; text-align:center; color:white; font-weight:400; text-transform:uppercase; z-index:10; opacity:.8;}
h3 {font-family:'Oswald', sans-serif; font-size:14px; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:black;}
p {font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:24px;}
p1 {font-family:'Source Sans Pro', sans-serif; font-weight:bold; font-size:30px; line-height:34px; color:black; word-spacing: -1px;}
.first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif;}

.sc {color: #3b8595;}
.ny {color: #3d3c3a;}
.atw {color: #c48660;}

/* Section - Title */
/**************************/
.title {background: white; padding: 60px; margin:0 auto; text-align:center;}
.title h1 {font-size:35px; letter-spacing:8px;}

/* Section - Block */
/**************************/
.block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}
.block-gray {background: #f2f2f2;padding: 60px;}
.section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}

/* Section - Parallax */
/**************************/
.parallax-one {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url("http://cldata.io/bg1.jpg"); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}
#parallax-world-of-ugg .parallax-two {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(http://cldata.io/bg2.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}
#parallax-world-of-ugg .parallax-three {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(http://cldata.io/bg3.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}

/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}
c { text-align:center; }

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
    #parallax-world-of-ugg .block {padding: 40px; width:620px;}
    input {
    width:60%
}
}
@media screen and (max-width: 767px) {
    #parallax-world-of-ugg .block {padding: 30px; width:420px;}
    #parallax-world-of-ugg h2 {font-size:30px;}
    #parallax-world-of-ugg .block {padding: 30px;}
    #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:100px; padding-bottom:100px;}
     input {
    width:60%
}}
@media screen and (max-width: 479px) {
    #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}
     input {
    width:60%
}}


::-webkit-input-placeholder {
    color: white;
}

:-moz-placeholder { /* Firefox 18- */
    color: white;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: white;
}

:-ms-input-placeholder {
    color: white;
}

.res {
    background: white;
    height: 800px;
    width:30%;
}

.con{
    padding:30px;
    font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:24px;
}

input {
    background-color:transparent;
    border:4px solid white;
    display:inline-block;
    cursor:pointer;
    color:white;
    font-family:Arial;
    font-size:17px;
    padding:16px 31px;
    text-decoration:none;
     width:60%;
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(0,0,0,0.75); /* dim the background */
    text-align: center;
}

.loading t{
    background-color:transparent;
    border:4px solid white;
    display:inline-block;
    cursor:pointer;
    color:white;
    font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:24px;
    font-size:17px;
    padding:16px 31px;
    text-decoration:none;
    width:150px;
    text-align: center;
    margin-top: 300px;
}

.submit {
	   
    border:none;
    display:inline-block;
    cursor:pointer;
    width:500px;
	
	
	width:42px;
	
}

// DESKTOP
@media (min-width: 1001px){ 

	input {
   
}}