// main: ga-fabricfarm.less

.about-us {
    hr {margin:10px 0 30px 0;}
    .thumbnail {padding:0;}
    .thumbnail .caption {margin:0; padding:10px; border-top:1px solid @box-border;}
    h3.certificate-tit {text-align:center; margin: 0 0; padding:0; font-size:13px; font-weight:400; line-height:150%;}
    .img-copmpany-main img {width:100%; height:auto; display: block;}
    .img-copmpany-main div {margin-bottom: 20px;}
    .margin-top-10 {padding-top:10px;}
    .margin-bot-10 {padding-bottom:10px;}

    #parallax-world-of-ugg h2 {font-family:'Oswald', sans-serif; font-size:54px; letter-spacing:10px; text-align:center; color:white; font-weight:400;  z-index:10; opacity:.9;}
    #parallax-world-of-ugg h3 {font-family:'Oswald', sans-serif; font-size:14px; line-height:0; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:black;}
    #parallax-world-of-ugg .parallax-sub p {font-weight:400; font-size:14px; line-height:24px;}
    .first-character {font-weight:400; float: left; font-size: 54px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px;}
    #parallax-world-of-ugg .parallax-sub p {
        font-size:14px; text-align:center; color:white;
    }
    #parallax-world-of-ugg .parallax-sub p.sub {
        font-size:16px; text-align:center; color:white; font-weight: bold;
    }

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

    #parallax-world-of-ugg .title {background: white; padding: 60px; margin:0 auto; text-align:center;}
    #parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px;}

    #parallax-world-of-ugg .block {background: white; margin:0 auto; text-align:justify;}
    #parallax-world-of-ugg .designer-btn {text-align: center;}
    #parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}
    #parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}

    #parallax-world-of-ugg .parallax-one {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background:url('/static/fabricfarm/assets/images/company/company01.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(/static/fabricfarm/assets/images/company/company02.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(/static/fabricfarm/assets/images/company/company03.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 .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}
    /* 디자이너회원프로세스 */
    .designer-process {
        margin: 50px 0;
        .f1-steps {
            overflow: hidden;
            position: relative;
            text-align: center;
            margin: 0 auto;
        }
        .f1-step { 
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        .f1-step-icon {
            display: inline-block; 
            margin-top: 4px; 
            background: @99;
            color: #fff; 
            line-height: 50px;
            -moz-border-radius: 50%; 
            -webkit-border-radius: 50%; 
            border-radius: 50%;
        }
        .f1-step.divi {
            color: #cbcbcb;
        }
        .f1-step p { 
            color: #ccc;
            text-align: center;
            color: @font-color-base;
            font-size: 13px;
            line-height: 120%;
            margin-top: 10px;
        }
    }
}

/* Media Queries */
@media (max-width: 767px) {
    .about-us {
        #parallax-world-of-ugg .block {padding: 30px 0;}
        #parallax-world-of-ugg h2 {font-size:24px;}
        #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:100px; padding-bottom:100px;}
        .designer-process {
            .f1-step { 
                width: 25%;
                padding: 0 0;
            }
            .f1-step-icon {
                width: 50px; 
                height: 50px; 
                font-size: 24px;
            }
            .f1-step.divi {
                width: 4%;
                font-size: 24px;
            }
        }
    }
}
@media (min-width: 768px) {
    .about-us {
        #parallax-world-of-ugg .block {padding: 40px; width:620px;}
    }
    .designer-process {
        .f1-step { 
            width: 15%;
            padding: 0 5px;
        }
        .f1-step-icon {
            width: 50px; 
            height: 50px; 
            font-size: 24px;
        }
        .f1-step.divi {
            width: 4%;
            font-size: 24px;
        }
    }
}
@media (min-width: 992px) {
    .about-us {
        #parallax-world-of-ugg .block {padding: 60px; width:820px;}
        .designer-process {
            .f1-step { 
                width: 15%;
                padding: 0 5px;
            }
            .f1-step-icon {
                width: 50px; 
                height: 50px; 
                font-size: 24px;
            }
            .f1-step.divi {
                width: 4%;
                font-size: 24px;
            }
        }
    }
}