/*
* Design Award 2021 css
*/

/********************** General Class *********************/
    .design-award-2021 p{
        font-size:15px;
    }
    .cda_2020_button{
        text-transform: uppercase;
        padding: 9px 27px;
        border: 4px solid;
        font-weight: 500;
        float:left;
    }
    /*.cda_2020_button_grey{*/
    /*    color: #897574 !important;*/
    /*    border-color:#897574;*/
      
    /*}*/
    .cda_2020_button_dark_grey{
        color: #414042 !important;
        border-color:#414042;
    }
    .cda_2020_button_light_brown{
        color: #B8AC9C !important;
        border-color:#B8AC9C;
    }
    .pink-border{
        border:4px solid #f4c5be;
    }
    .light_brown_bold_text{
        color: #B8AC9C !important;
        font-weight: 900;
    }
    .margin-top-full{
        margin-top: 36px;
    }
    .margin-bottom-full{
        margin-bottom: 36px;
    }
    .hidden_desktop{
        display: none;
    }
    @media (max-width: 992px){
        .float_tablet_right{
            float:right;   
        }
        .container{
            padding-left: 36px;
            padding-right: 36px;
        }
        .hidden_desktop{
            display: block;
        }
        .mobile_image{
            width: 100%;
        }
    }
/********************** End General Class *********************/

/********************** Banner *********************/
    .design-award-2021 #banner{
        background-color: #B8AC9C;
        background-size: contain;
        background-repeat: no-repeat;
        background-position:right;
        padding:90px 0px 50px 50px;
    }
    #banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6, #banner span, #banner li, #banner a, #banner p{
        color: #414042;
        text-align:left;
    }
    #banner p strong{ 
        color: #414042;
    }
    #banner .side_image{
        position: absolute;
        right: 0;
        top: 0;
        float: left;
    }
    #banner .logo{
        float: left;
    }
    #banner .cda_2020_button{
        margin-top:10px;
    }
    @media screen and (max-width: 994px){
        #banner .cda2020-text-tablet p:first-of-type{
            padding-top:10px;
        }
    }
    
    #banner .col-md-7{
        padding-right: 40px;
        padding-left:30px;
    }
    @media (max-width: 992px){
        .design-award-2021 #banner{
            background-image: none !important; 
            padding-top: 0px;
        }
        #banner .cda2020-text-tablet{
            clear:both;
        }
        #banner .container{
            padding-left:0;
        }
        #banner .col-md-7,
        #banner .cda2020-text-tablet{
            padding-left:0;
            padding-right:0;
        }
        #banner .col-md-7{
            margin-left:-20px;
        }
    }
/********************** End of Banner *********************/
    .banner-image img{
        width:100%;
    }

/********************** First Row ************************/
    #first_row h1, #first_row h2, #first_row h3, #first_row h4, #first_row h5, #first_row h6, #first_row span, #first_row li, #first_row a, #first_row p{
        color: #897574;
        text-align:left;
    }
    #first_row{
        background-color: #E6E7E8;
        background-size: contain;
        background-repeat: no-repeat;
        padding-top: 0px;
    }
    #first_row .background_image_div{
        background-color: #fff;
        background-size: cover;
        background-repeat: no-repeat;
        min-height: 600px;
    }
    #first_row .text-content{
        margin-top: 2%;
        margin-left: 5%;
        z-index: 1;
        max-width:1000px;
        padding-top:50px;
    }
    #first_row p{
        color:#58595b;
        text-align:justify;
    }
    #first_row .left_image{
        position: absolute;
        left: 0;
        top: 0;
    }
    #first_row .container{
        padding-bottom: 36px; 
    }
     #first_row .container_fluid{
        margin-left: 72px;
        margin-right: 72px;
    }
   @media screen and (min-width: 975px) and (max-width: 985px){
        #first_row .wrapper{
            height: 1470px !important;
        }
    } 
    /* @media screen and (min-width: 1200px) and (max-width: 1272px){*/
    /*    #first_row .text-content{*/
    /*        width: 64%;*/
    /*    }*/
    /*    #first_row  .text-content-spacer{*/
    /*        width:17%;*/
    /*    }*/
    /*} */
    @media (max-width: 992px){
        #first_row{
            background-image: none !important; 
            padding-top: 0px;
        }
        #first_row .background_image_div{
            background-image: none !important; 
            min-height: auto;
        }
        
        #first_row .container_fluid{
            margin-left: 18px; 
            margin-right: 18px;
        } 
        #first_row .text-content {
            margin-left: 54px;
            margin-right: 54px;
        }
        #first_row .text-content .margin-top-full{
            margin-bottom:40px !important;
        }
    }
    @media (max-width:1440px){
        #first_row .text-content .margin-top-full{
            margin-bottom:40px !important;
        }
    }
    @media (min-width: 1865px){
         #first_row .wrapper{
             margin-top: 1.5%;
         }
    }
   
/******************* End of First Row ******************/

/******************* Second Row ***********************/
    #second_row h1, #second_row h2, #second_row h3, #second_row h4, #second_row h5, #second_row h6, #second_row span, #second_row li, #second_row a, #second_row p{
        color: #897574;
        text-align:left;
    }
    #second_row{
        background-image: url('https://casf.com.au/wp-content/uploads/2020/02/How_to_enter_pattern.jpg');
        background-size: contain;
        background-repeat: repeat;
        background-attachment: fixed;
        background-color: #B8AC9C;
        padding-top: 0px;
        padding-bottom: 0px;
        border-top:10px solid #414042;
        border-bottom:10px solid #414042;
    }
    .design-award-2021 #second_row .container{
        background-color: #EEEBE7;
        width: 70% !important;
        max-width:1000px;
    }
    #second_row .title h2{
        text-align: left;
        font-size: 40px;
        color:#414042;
    }
    #second_row p{
        color: #414042;
    }
    #second_row .side_text_top h2{
        color: #B8AC9C !important;
        font-weight: 900;
        font-size: 54px;
        margin-top:0px;
        line-height: 1;
    }
    
    #second_row .side_text_top h3{
        color: #B8AC9C !important;
        margin-bottom:0px;
        line-height: 1;
    }
    
    #second_row .side_text_bottom h2{
        color: #4e4b4c !important;
        font-weight: 200;
        font-size: 36px;
        line-height: 1;
        margin-top:0 !important;
    }
    #second_row .side_text_bottom h3{
        margin-top:35px;
        color: #4e4b4c !important;
        font-weight: 300;
        margin-bottom:0;
    }
    #second_row .side_text_bottom h3{
        text-align:center;
        font-size: 24px;
    }
    @media (max-width: 570px){
        #second_row .side_text_top h2{
            font-size: 40px;
        }
    }
    @media (max-width: 470px){
        #second_row .side_text_top h2{
            font-size: 27px;
        }
        #second_row .side_text_top h3{
            font-size: 12px;
        }
        #second_row .side_text_bottom h2{
            font-size:25px;
        }
        #second_row .side_text_bottom h3{
            font-size:16px;
        }
    }
    
    @media (min-width: 768px){
        #second_row .side_text_bottom h2{
            font-size: 30px;
        }
        #second_row .side_text_top h2{
            font-size: 36px;
        }
        #second_row .side_text_bottom h3{
            font-size: 18px;
        }
        #second_row .side_text_top h3{
            font-size: 16px;
        }
    }
    @media (min-width: 830px){
        #second_row .side_text_bottom h2{
            font-size: 38px;
        }
        #second_row .side_text_top h2{
            font-size: 45px;
        }
        #second_row .side_text_bottom h3{
            font-size: 20px;
        }
        #second_row .side_text_top h3{
            font-size: 19px;
        }
    }
    @media (min-width: 1110px){
        #second_row .side_text_bottom h2{
            color: #4e4b4c !important;
            font-weight: 200;
            font-size: 50px;
            line-height: 1;
        }
        
        #second_row .side_text_top h2{
            color: #B8AC9C !important;
            font-weight: 900;
            font-size: 55px;
            margin-top:0px;
            line-height: 1;
        }
        #second_row .side_text_bottom h3{
            color: #4e4b4c !important;
            font-weight: 300;
            line-height: 1;
            font-size: 28px;
        }
        #second_row .side_text_top h3{
            color: #B8AC9C !important;
            margin-bottom:0px;
            line-height: 1;
            font-size: 23px;
        }
    }
    /*#second_row .side_text_bottom h3{*/
    /*    color: #4e4b4c !important;*/
    /*    font-weight: 300;*/
    /*    line-height: 1;*/
    /*    font-size:26px;*/
    /*}*/
    
    
    #second_row .side_image{
        margin-top: 9px;
        margin-bottom: 9px;
    }
    #second_row .side_image_first{
        margin-top: 27px;
    }
    #second_row .side_image_second{
        margin-bottom: 9px;
    }
    #second_row #cta{
        margin-top: 36px;
        margin-bottom: 36px;
    }
    /*#second_row sup{*/
    /*    vertical-align: top;*/
    /*    line-height: 3;*/
    /*    font-size: 30%;*/
    /*}*/
    #second_row .enter-menu{
        padding-left:0;
        padding-right:0;
        margin-left:0;
        margin-right:0;
    }
    #second_row .enter-menu a{
        width:100%;
        text-align:center;
    }
    #second_row .float_tablet_right .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #second_row .float_tablet_right .col-sm-12 .side_text_top{
        padding-bottom: 36px;    
    }
     #second_row .float_tablet_right .col-sm-12 h2{
        margin-bottom: 0px;
    }
    #second_row .float_tablet_right .col-sm-12 h3{
        margin-top: 0px;
    }
    #second_row .float_tablet_right .col-sm-12 .side_text_top h3{
       font-size: 30px;
    }
    @media (max-width: 992px){
        #second_row .side_text_top h2, #second_row .side_text_top h3, #second_row .side_text_bottom h2 {
            text-align: left;
        }
        
        #second_row .float_tablet_right .col-sm-12{
            padding-left: 0px;
            padding-right: 0px;
        }
        #second_row .float_tablet_right .col-sm-12{
            padding-left: 0px;
            padding-right: 0px;
        }
        #second_row .side_image{
            margin-top: 0px;
        }
         #second_row .float_tablet_right .col-sm-12 .side_text_top h2{
            font-size: 28px; 
        } #second_row .float_tablet_right .col-sm-12 .side_text_top h3{
           font-size: 19px;
        }
    }
    @media (max-width: 559px){
        #second_row .side_text_bottom h3{
            text-align:left;
            font-size: 19px;
            margin-top: 9px;
            margin-bottom: 9px;
        }
    }
    @media (min-width: 768px) and (max-width:1160px){
        #second_row .cda_2020_button{
            padding:9px 10px;
            font-size:13px;
        }
    }
    /*@media (max-width: 1200px){*/
    /*    #second_row .enter-menu a{*/
    /*        padding: 9px 18px;*/
    /*    }*/
    /*}*/
    /*@media (max-width: 900px){*/
    /*    #second_row .side_text_top h2{*/
    /*        font-size:40px;*/
    /*    }*/
    /*}*/
    /*@media (max-width:450px){*/
    /*    #second_row .side_text_top h2{*/
    /*        font-size: 30px;*/
    /*    }*/
    /*}*/
    /*@media (max-width: 992px){*/
    /*    .container {*/
    /*        width: 70% !important;*/
    /*    }*/
    /*}*/
    
    
/******************* End of Second Row ***************/

/****************** Third Row ***********************/
    #third_row{
        background-color: #fff;
    }
    #third_row .margin-top-full{
        margin-top:150px;
        margin-bottom:50px;
    }
    #third_row .margin-top-full img{
        max-width:80%;
    }
    #third_row .form_header h2{
        color: #414042;
        font-size: 80px;
        text-transform: uppercase;
    }
    #third_row .form_text p{
        color: #414042;
        font-weight: 400;
        font-size:20px;
        margin-bottom:0;
    }
    #third_row .form_text .line{
        padding-left:0;
        margin-bottom:0 !important;
    }
    #third_row .contact_details_header h2{
        color: #414042;
        font-size: 80px;
        text-transform: uppercase;
        /*font-weight: 400;*/
    }
    #third_row .contact_details_text p, #third_row .contact_details_text a{
        color: #414042;
        font-weight: 400;
        font-size: 15px;
    }
     #third_row .contact_details_text.margin-bottom-full{
         margin-bottom:120px;
     }
     #third_row .label_image_type{
         padding-left:10px;
     }
/***************** End of Third Row ****************/

/**************** Fourth Row ***********************/
    #fourth_row{
        background-color: #000;
        padding: 0px;
    }
    #fourth_row .box_1,
    #fourth_row .box_2{
        padding-left:10px;
    }
    #fourth_row .box_1 a,
    #fourth_row .box_2 a{
        margin-top:12px;
    }
/**************** End of Fourth Row ****************/

    #footer {
        padding-top:20px;
    }

/***************** Contact Form ******************/
/* Contract Form */
    .tile .tile-inner {
        background-color: transparent;
    }
    .tile .tile-inner h1{
        text-shadow: 0px 0px 7px #000000;
    }
    .wpcf7 .clearfix:nth-child(17n){
        padding-left: 0px;
    }
    div.wpcf7{padding: 0px;}
    div.wpcf7 .col-md-6{padding-left: 0px;}
    div.wpcf7 label {/*display:none;*/}
    .wpcf7-form .clearfix:after{clear:none;}
    .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 select, div.wpcf7 textarea{width: 100% !important;}
    
    div.wpcf7 label{color: #000;}
    /*div.wpcf7 label .requiredAsterix{color: red;}*/
    div.wpcf7 .wpcf7-form{color: #000;}
    /*.label_project_name{display:none !important;}*/
    /*.label_category{display:none !important;}*/
    /*.label_designer_name{display:none !important;}*/
    /*.label_designer_company{display:none !important;}*/
    /*.label_contact_phone{display:none !important;}*/
    /*.label_contact_email{display:none !important;}*/
    .label_fabricator{display:none !important;}
    .label_builder{display:none !important;}
    .label_photographer{display:none !important;}
    .label_colours_corian{display:none !important;}
    .label_corian_application{display:none !important;}
    .label_project_overview{float: left; width: 100% !important;}
    .label_why_corian{float:left; width: 100% !important;}
    .label_anything_special{float:left; width: 100% !important;}
    .label_learning{float:left; width: 100% !important;}
    .comments_on_completed_project{float:left; width: 100% !important;}
    .label_comments{float:left; width: 100% !important;}
    .label_4_images{float: left;}
    
    .label_image_1{float:left;}
    .label_image_2{float:left;}
    .label_image_3{float:left;}
    .label_image_4{float:left;}
    /*
    .wpcf7 .clearfix:nth-child(17n) {
     padding-left: 15px !important;
     padding-right: 15px !important;
    }
    .wpcf7 .clearfix:nth-child(18n) {
     padding-left: 15px !important;
     padding-right: 15px !important;
     
    }
    .wpcf7 .clearfix:nth-child(19n) {
     padding-left: 15px !important;
     padding-right: 15px !important;
     margin-bottom: 2%;
    }
    .wpcf7 .clearfix:nth-child(20n) {
     width: 100%;
    }
    .wpcf7 .clearfix:nth-child(20n) input {
     width: 48% !important;
    }
    .wpcf7 .clearfix:nth-child(33n) {
     width:100%;
     text-align:center;
     margin-left: 0%;
    }
    */
    .wpcf7 .clearfix:nth-child(17n) {
    
    }
    .wpcf7 .clearfix:nth-child(18n) {
        width: 48%;
        margin-right: 2%;
     
    }
    .wpcf7 .clearfix:nth-child(19n) {
      width: 49% !important;
     margin-bottom: 2%;
    }
    .wpcf7 .clearfix:nth-child(20n) {
     width: 100%;
    }
    .wpcf7 .clearfix:nth-child(20n) input {
     width: 48% !important;
    }
    .wpcf7 .clearfix:nth-child(33n) {
     width:100%;
     text-align:center;
     margin-left: 0%;
    }
    @media (max-width: 992px){
        .wpcf7 .clearfix:nth-child(18n) {
            width: 100%;
            margin-right: 2%;
        }
        .wpcf7 .clearfix:nth-child(19n) {
            width: 100% !important;
            margin-right: 2%;
        }
        .wpcf7 .clearfix:nth-child(20n) {
            width: 100%;
        }
        .wpcf7 .clearfix:nth-child(20n) input {
            width: 100% !important;
        }
        form div.col-md-6{
            clear:both !important;
            /*float:none;*/
        }
        form .label_image_type{
            margin-bottom:15px;
        } 
    }
    .wpcf7 .clearfix:nth-child(25n) {margin-left: 0%; width:100%;}
    .wpcf7 .clearfix:nth-child(27n) {margin-left: 0%; width:60%;}
    .wpcf7 .clearfix:nth-child(28n) {margin-left: 0%; width:60%;}
    .wpcf7 .clearfix:nth-child(29n) {margin-left: 0%; width:60%;}
    .wpcf7 .clearfix:nth-child(30n) {margin-left: 0%; width:60%;}
    
    .invalid .clearfix:nth-child(5n){clear:both;}
    .wpcf7-response-output{clear:both; color: #f00; text-align:center;}
    div.wpcf7 input[type="file"]{color: #000;}
    div.wpcf7 input[type="submit"] {
        border: 2px solid #414042;
        float: left;
        margin: auto;
        background: transparent;
        cursor: pointer;
        float: left;
        text-shadow: none;
        color:#414042;
        text-transform:uppercase;
        font-size: 1.5em;
        padding:20px 25px;
    }
    div.wpcf7 textarea {
        padding: 25px 5px 5px 5px;
        resize: none;
    }
    #project_name{float:left;}
    #category_select_id{float:right;}
    #designer_name{float: left;}
    #designer_company{float:right;}
    #contact_phone{float: left;}
    #contact_email{float:right;}
    #fabricator{float: left;}
    #joiner_builder{float:right;}
    #photographer{float: left;}
    #colours_selected{float:right;}
    #corian_application{float: left;}
    
    #project_overview{float: left; height: 70px;}
    #why_corian{float:right; height: 70px;}
    #anything_unique_or_special{float:left; height: 70px;}
    #any_learnings{float:right; height: 70px;}
    #comments_on_completed_project{float:left; height: 70px;}
    
    #design1{float:left;}
    #design2{float:left;}
    #design3{float:left;}
    #design4{float:left;}
    
    form .col-md-6 label{
        display:inline;
    }
    form .col-md-6 label>span{
        position: absolute;
        padding-left: 5px;
        top:5px;
        left:0;
    }
    form .col-md-6 label>span span{
        color: red;
    }
    form .col-md-6>span input,
    form .col-md-6>span select{
        position: relative;
        background: none !important;
    }
    form .col-md-6>span input:focus,
    form .col-md-6>span select:focus{
        background: white !important;
    }
    
    form .label_image_1{
        height:16px;
        line-height:1px !important;
    }
    form .label_image_1>span{
        padding-left:0 !important;
        padding-bottom:5px;
        left:unset !important;
    }
    .line{margin-top: 1%; margin-bottom: 1%; width: 100%;}
    
    
    .wpcf7-form input[type=text]{float:none; padding: .6em .2em;  background: #fff; border: 1px solid #989394;}
    .wpcf7-form input[type=email]{float:none;padding: .6em .2em; background: #fff; border: 1px solid #989394;}
    .wpcf7-form input[type=tel]{float:none;padding: .6em .2em;  background: #fff; border: 1px solid #989394;}
    .wpcf7-form select{float:none;padding: .6em .2em;  background: #fff; border: 1px solid #989394; border-radius: 0;-webkit-appearance: none;}
    .wpcf7-form textarea{float:none;padding: .6em .2em; background: #fff; border: 1px solid #989394;}
    ::-webkit-input-placeholder { color:    #000;}
    :-moz-placeholder { color:#000; opacity:  1;}
    ::-moz-placeholder { color:#000; opacity:  1;}
    :-ms-input-placeholder {color:#000;}
    ::-ms-input-placeholder { color:    #000;}
    ::placeholder {  color:#000;}
    
    
    .box-border{border: 2px solid #fff;padding: 10px 30px 45px 30px;}
    .list_1{width: 5% !important;}
    .list_2{width: 20% !important;}
    .list_3{width: 20% !important;}
    .list_4{width: 20% !important;}
    .list_5{width: 5% !important;}
    .small_image_2{width:20%;}
    .small_image_3{width:20%;}
    .small_image_4{width:20%;}
    
    .border_box_in_content{border: 2px solid #fff;padding: 10px 30px 45px 30px;}
    .border_box_in_content_qualify{border: 2px solid #fff;padding: 10px 30px 45px 30px;}
    .curve_image{max-width: 63%; margin-top:-7%;}
    
    .bracket_left{width: 5%; padding-left:0; padding-right: 30px;}
    .bracket_right{width: 5%; padding-left:30px; padding-right: 0px;}
    .bracket_content{width: 30%; margin-top:3%;}
    .icon_header{color:#fff; font-size: 16px; margin-bottom: -3%;}
    .icon_header p{color:#fff; font-size: 16px !important;}
    .tile-content h1{font-family: 'Helvetica Neue','Open Sans',Helvetica,Arial,sans-serif;}
    .border-title{border: 1px solid #fff;}
    div.wpcf7 span.wpcf7-not-valid-tip {margin-bottom: 15px;}
    
    div.wpcf7-validation-errors{border:none; text-align:left; padding: 2% 1%;}
    .tile.tile-medium {
        height: 200px;
        outline: 4px solid #B8AC9C;
        outline-offset: -20px;
    }
    .tile .tile-inner h1 {
        font-size: 30px;
        font-weight:400;
    }
    
    .padding_bottom{padding-bottom: 45px;}
    @media screen and (min-width: 992px){
        .wpcf7 .clearfix:nth-child(17n) {
            clear:inherit;
        }
        .wpcf7 .clearfix:nth-child(19n) {
            clear:inherit;
        }
    }
    @media screen and (min-width: 770px) and (max-width: 992px) {
        .wpcf7 .clearfix:nth-child(27n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(28n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(29n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(30n) {margin-left: 0%;}
        div.wpcf7 input[type="submit"]{margin-top:3%;}
        .wpcf7 .clearfix:nth-child(20n) input{width: 100% !important;}
    }
    @media screen and (min-width: 769px) and (max-width: 1366px) {
        .wpcf7 .clearfix:nth-child(33n) {
            margin-left: 0%;
        }
        .box_1 .tile .tile-inner .tile-content{border:none;}
        .box_2 .tile .tile-inner .tile-content{border:none;}
        .bracket_left{width: 0%; padding-left:0; padding-right: 0px;}
        .bracket_right{width: 0%; padding-left:0px; padding-right: 0px;}
        .bracket_content{width: 33.33333%;}
        div.wpcf7 input[type="submit"]{margin-top:2%;}
        
    }
    @media screen and (min-width: 560px) and (max-width: 768px) {
        .bracket_left{width: 0%; padding-left:0; padding-right: 0px;}
        .bracket_right{width: 0%; padding-left:0px; padding-right: 0px;}
        .bracket_content{width: 100%;}
        .wpcf7 .clearfix:nth-child(18n) {padding-left: 0px; padding-right:0px;}
        .wpcf7 .clearfix:nth-child(19n) {padding-left: 0px; padding-right:0px;}
        .wpcf7 .clearfix:nth-child(20n) input {width: 100% !important; }
        .wpcf7 .clearfix:nth-child(27n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(28n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(29n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(30n) {margin-left: 0%;}
        .box_1 .tile .tile-inner .tile-content{border:none;}
        .box_2 .tile .tile-inner .tile-content{border:none;}
        .wpcf7 .clearfix:nth-child(33n) {
            margin-left: 0%;
        }
        div.wpcf7 input[type="submit"]{margin-top:3%;}
        .tile.tile-medium {
            height: 4px solid #B8AC9C;
            outline-offset: -10px;
        }
    }
    @media screen and (min-width: 321px) and (max-width: 559px) {
        .bracket_left{display:none;}
        .bracket_right{display:none;}
        .bracket_content{width: 100%;}
        #design_award_logo{max-width: 100%;}
        #home-logo{margin-top: 0px !important}
        .wpcf7 .clearfix:nth-child(27n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(28n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(29n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(30n) {margin-left: 0%;}
        .box_1 .tile .tile-inner .tile-content{border:none;}
        .box_2 .tile .tile-inner .tile-content{border:none;}
        .wpcf7 .clearfix:nth-child(20n) input {
            width: 100% !important;
        }
        section .learn-btnn {
            padding: 10px 3%;
            font-size: 13px;
        }
        #enter-bttn {
            padding: 10px 3%;
            font-size: 13px;
        }
        div.wpcf7 input[type="submit"] {
            font-size: 13px;
        }
        .wpcf7 .clearfix:nth-child(33n) {
            margin-left: 0%;
        }
        .tile.tile-medium {
            height: 335px;
            outline: 4px solid #B8AC9C;
            outline-offset: -10px;
        }
        
    }
    @media screen and (max-width: 320px) {
       .wpcf7 .clearfix:nth-child(20n) input {
            width: 100% !important;
        }
        .wpcf7 .clearfix:nth-child(27n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(28n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(29n) {margin-left: 0%;}
        .wpcf7 .clearfix:nth-child(30n) {margin-left: 0%;}
        div.wpcf7 input[type="submit"] {
            font-size: 13px;
        }
        .wpcf7 .clearfix:nth-child(33n) {
            margin-left: 0%;
        }
        
    }
/***************** End of Contact Form ***********/


/*****************************     2022 design award         ********************************/
html {
  scroll-behavior: smooth;
}
#second_row{
    border-bottom:15px solid #66A5BB;
    border-top:none;
}
.design-award-2022 .cda_2020_button{
    text-align: center !important;
    font-weight:500 !important;
}

/*****************************     banner         ********************************/
@media (min-width:1500px){
    .design-award-2022 .container.wide{
        width: 90% !important;
    }
}

.design-award-2022 p,
.design-award-2022 div.wpcf7 input,
.design-award-2022 div.wpcf7 label,
.design-award-2022 div{
    font-size:18px;
    font-weight: 400;
}
.design-award-2022 #banner{
    background-size:cover;
    padding:150px 0 150px 0;
} 
.design-award-2022 #banner > .text-center > .container{
    padding:0;
}
.design-award-2022 #banner .col-md-7 {
    padding-left: 0px;
}

.design-award-2022 #banner p,
.design-award-2022 #banner a{
    color:#fff;
    font-weight:400;
}

.design-award-2022 #banner p strong,
.design-award-2022 #first_row p strong{
    color:#66A5BB;
    font-size:24px;
    font-weight: 700;
}

.design-award-2022 #banner a{
   /* color:#fff;
    font-weight:700;
    font-size:24px;*/
    padding:12px 50px;
}

.design-award-2022 .cda_2020_button{
    border-color:#66A5BB;
    background:#66A5BB;
    color:#fff !important;
    font-weight:700;
    font-size:24px;
    display: inline-block;
    /*padding:12px 50px;*/
}

@media only screen and (max-width:780px){
    .design-award-2022 #banner > .text-center > .container{
        padding:0 15px;
    }
}

/*****************************     first row         ********************************/
#first_row .text-content{
    padding-top:80px;
    padding-bottom:100px;
}
#first_row p {
    color: #414042;
    text-align: left;
}
#first_row .background_image_div{
    padding-left:0;
}

.design-award-2022 #first_row .main-content{
    display: flex;
}

.design-award-2022 #first_row p strong{
    margin-top: 35px;
    display: inline-block;
}

/*****************************     second row         ********************************/
.design-award-2022 #second_row .container{
    background-color: #d7d9dd;
    max-width:none;
}

.design-award-2022 #second_row h2{
    text-align: center;
    font-size:55px;
    font-weight: 400;
    margin-top:60px;
    /*color:#66A5BB;*/
}

.design-award-2022 #second_row h2 span{
    color:#66A5BB;
    font-weight: 900;
}

.design-award-2022 #second_row .text-content{
    width: 80%;
    margin:auto;
    margin-top:50px;
    padding-bottom: 50px;
}

.design-award-2022 #second_row .text-content strong{
    color:#000;
}

#second_row a{
    color:#414042;
    text-decoration: underline;
}
#second_row .enter-menu{
    width:100%;
    text-align: center;
    margin-top:40px;
    margin-bottom:50px;
}
#second_row a.cda_2020_button{
    text-decoration: none;
    float:none;
    width:auto;

}

#second_row .images > div{
    padding:0 3px;
}

/*****************************     third row         ********************************/
.design-award-2022 #third_row .top_image{   
    padding:50px 0;
}

.design-award-2022 #third_row h2{   
    font-weight: 400;
    padding-top:100px;
}

.design-award-2022 div.wpcf7 label{
    font-size:18px;
    line-height:normal;
    font-weight: 400;
}
.design-award-2022 div.wpcf7 .top label,
.design-award-2022 div.wpcf7 input, 
.design-award-2022 div.wpcf7 select, 
.design-award-2022 div.wpcf7 textarea{
    font-size:18px;
    line-height:normal;
    font-weight: 300;
}

.design-award-2022 #third_row .cf-left{   
    clear:left;
}

.label_image_1{
    transform:translateY(5px);
}

#third_row .contact_details_text p, #third_row .contact_details_text a {
    font-weight: 400;
    font-size: 18px;
}
#third_row .contact_details_text a {
    text-decoration: underline;
    color:#66A5BB;
}

.design-award-2022 #third_row #SubmitDesign{
    margin-top:100px;
    margin-bottom:50px;
    font-size:36px;
    border:4px solid #414042;
}

.design-award-2022 .tile.tile-medium {
    height: 280px;
    outline: 4px solid #66A5BB;
    outline-offset: -20px;
}

@media only screen and (max-width:768px){
    .design-award-2022 #third_row #SubmitDesign{
        margin-top:50px;
        margin-bottom:20px;
        font-size:22px;
    }

    #third_row h2{
        line-height: 1.2;
        padding-top:20px;
    }

    #third_row .contact_details_header h2{
        font-size:40px;
    }
}

@media only screen and (max-width:500px){
    .label_image_1{
        transform:translateY(0px);
    }
    div.wpcf7 input[type="file"]{
        width:100%;
    }
}

/*****************************     Middle Banner         ********************************/
.design-award-2022 #middle_banner{
    border-top:15px solid #66A5BB;
    background:url('https://s3-ap-southeast-2.amazonaws.com/casfawsbucket/casf/wp-content/uploads/2022/02/24155020/corian-design-awards-2022-win-a-trip-dan-nang-vietnam-prize.jpg');
    padding-bottom:100px;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.design-award-2022 #middle_banner .middle_banner_container{
    background:rgb(78,87,104,.9);
    margin:auto;
    margin-top:70px;
    padding-top:40px;
    padding-bottom:20px;
    text-align:center;
}

@media (min-width: 768px){
    .design-award-2022 #middle_banner .middle_banner_container {
        width: 650px;
    }  
}

@media (min-width: 992px){
    .design-award-2022 #middle_banner .middle_banner_container {
        width: 870px;
    }
}

@media (min-width: 1200px){
    .design-award-2022 #middle_banner .middle_banner_container {
        width: 1070px;
    }
}

.design-award-2022 #middle_banner h2{
    
}
.design-award-2022 #middle_banner h2 span{
    color:#fff;
    font-weight:700;
    display: block;
    line-height:0.9;
    text-align: center;
}

.design-award-2022 #middle_banner h2 span:nth-child(1){
    color:#66A5BB;
    font-size:45px;
}
.design-award-2022 #middle_banner h2 span:nth-child(2){
    font-size:80px;
}
.design-award-2022 #middle_banner h2 span:nth-child(3){
    font-size:58px;
}
.design-award-2022 #middle_banner h2 span:nth-child(4){
    font-size:68px;
}

.design-award-2022 #middle_banner h3{
    text-align: center;
    color:#66A5BB;
    font-size:25px;
}

.design-award-2022 #middle_banner .two-column{
    width: 70%;
    margin: auto;
    display: flex;
}
.design-award-2022 #middle_banner .two-column > div{
    text-align: center;
    position: relative;
    padding:0 40px 50px 40px;
}

.design-award-2022 #middle_banner .two-column p{
    font-size:20px;
    font-weight: 700;
    line-height: 1.2;
}

.design-award-2022 #middle_banner .two-column .bracket-left,
.design-award-2022 #middle_banner .two-column .bracket-right{
    position:absolute;
    top:0;
    height:100%;
}
.design-award-2022 #middle_banner .two-column .bracket-left{
    left:0;
}
.design-award-2022 #middle_banner .two-column .bracket-right{
    right:0;
}
.design-award-2022 #middle_banner .cda_2020_button{
    float:none;
}
.design-award-2022 #middle_banner .text{
    width:70%;
    margin: auto;
}
.design-award-2022 #middle_banner .text .overall{
    font-size:18px;
}
.design-award-2022 #middle_banner .text .tc{
    font-size:16px;
    margin-bottom:30px;
    display: inline-block;
}
@media only screen and (max-width:600px){
    .design-award-2022 #middle_banner .two-column{
        width: 100%;
    }
    .design-award-2022 #middle_banner .two-column > div{
        padding:0 15px 50px 15px;
    }
}
