@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */







   
    .registerform form{
        width: 80%;
        height: auto;
        display: block;
        float: left;
        clear: none;
        margin-left: 10%;
        margin-top: 3vh;
    }



    .registerform p{
        margin-top: 2em;
        font-family: 'Montserrat', sans-serif;
           color:  #2d2d2d;
        font-size:1em;
    }



     .registerform input[type=text], .registerform input[type=email], .registerform input[type=tel]{
            width: 100%;
            height: 3em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid .5px #2d2d2d;
            margin: .5em 0;
            background-color: transparent;
            color:  #2d2d2d;
            font-size:1em;
        }



   .registerform input[type=number] {
        width: 38%;
        height: 2.5em;
        padding: 5% 5%;
        transition: all .4s;
        font-family: 'Montserrat', sans-serif;
        border: solid .5px #2d2d2d;
        margin: .5em 0;
        background-color: transparent;
        color:  #2d2d2d;
        font-size: 1em;
        float: left;
        clear: none;
        display: block;
    }


    
    .registerform input:focus{
        border: solid inset 2px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .registerform input:active{
        border: solid .5px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .registerform input::placeholder{
        font-size: .8em;
        opacity: .7;
        color: #2d2d2d;
        letter-spacing: .2px;
        position: absolute;
        top: 40%;
        left: 5%;
        transition: all .4s;
    }
    
    
    .registerform input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }


    


    .registerform select{
            width: 100%;
            height: 4em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid .5px #2d2d2d;
            margin: .5em 0;
            background-color: transparent;
            color:  #2d2d2d;
             font-size: 1em;
       cursor: pointer;
        }



    .registerform select option {
         color: #2d2d2d;
        font-size: 1.1em;
        cursor: pointer;
        transition: all .4s;
        }


    
    .registerform textarea{
        width: 100%;
        height: 20vh;
        padding: 1em 1.5em 1em 1em;
        transition: all .4s;
        font-family: 'Montserrat', sans-serif;
        border: solid 1px #2d2d2d;
        margin: .5em 0;
        background-color: transparent;
        color: #2d2d2d;
    }
    
    
    
    .registerform textarea::placeholder{
       font-size: .85em;
        opacity: .7;
        color: #2d2d2d;
        letter-spacing: .2px;
        position: absolute;
        top: 10%;
        left: 5%;
        transition: all .4s;
    }
    
    
    .registerform  textarea:focus::placeholder{
        top: 5%;
        font-size: .5em;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    .contactform p{
        margin-top: 2em;
        font-family: 'Montserrat', sans-serif;
           color:  #2d2d2d;
        font-size:1em;
    }



     .contactform input[type=text], .contactform input[type=email], .contactform input[type=tel]{
            width: 100%;
            height: 3em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid .5px #2d2d2d;
            margin: .5em 0;
            background-color: transparent;
            color:  #2d2d2d;
            font-size:1em;
        }



   .contactform input[type=number] {
        width: 38%;
        height: 2.5em;
        padding: 5% 5%;
        transition: all .4s;
        font-family: 'Montserrat', sans-serif;
        border: solid .5px #2d2d2d;
        margin: .5em 0;
        background-color: transparent;
        color:  #2d2d2d;
        font-size: 1em;
        float: left;
        clear: none;
        display: block;
    }


    
    .contactform input:focus{
        border: solid inset 2px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .contactform input:active{
        border: solid .5px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .contactform input::placeholder{
        font-size: .8em;
        opacity: .7;
        color: #2d2d2d;
        letter-spacing: .2px;
        position: absolute;
        top: 40%;
        left: 5%;
        transition: all .4s;
    }
    
    
    .contactform input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }


    .contactform textarea{
    width: 100%;
    height: 15vh;
    padding: 1em 1.5em 1em 1em;
    transition: all .4s;
    font-family: 'Montserrat', sans-serif;
    border: solid .5px #2d2d2d;
    margin: 0.5em 0;
    background-color: transparent;
    color: #2d2d2d;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .mc-inner select{
            width: auto;
            height: 4em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid 0px #2d2d2d;
            margin: .5em 0;
            background-color: transparent;
            color:  #cd9670;
             font-size: .8em;
           cursor: pointer;
            float: right;
            clear: none;
            background-color: white;
        border-radius: 2em;
        text-transform: uppercase;
        font-weight: 700;
        }
    
    select:active{
        outline: 0;
        border:0;
    }



    .mc-inner select option {
         color: #2d2d2d;
        font-size: 1.1em;
        cursor: pointer;
        transition: all .4s;
        line-height: 1.5em;
        margin: 1em 0;
        }



    .select:after {
        margin-right: 2em;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .loginform p{
        margin-top: 2em;
        font-family: 'Montserrat', sans-serif;
           color:  #2d2d2d;
        font-size:1em;
    }

    .loginform hr{
        clear: both;
    }

     .loginform input[type=text], .loginform input[type=email], .loginform input[type=tel], .loginform input[type=password]{
            width:100%;
            height: 2em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid .5px #2d2d2d;
            margin: .5em 0;
            background-color: #fff;
            color:  #2d2d2d;
            font-size:1em;
        }
    
    .loginform input[type=file]{
        float: left;
        clear: both;
        display: inline-block;
        font-size: 1em;
        cursor: pointer;
        font-family: 'Montserrat', sans-serif;
        padding: 1em 5%;
        font-weight: 700;
        margin: .5em 0;
        transform-origin: center;
        transition: all .2s;
        background-color: #cd9670;
        border:2px solid #cd9670;
        color: #fff;
        width: 100%;
        height: auto;
        cursor: pointer;
    }
    
    
    .loginform input[type=file]::-webkit-file-upload-button{
        background-color: white;
        border: 0;
        height: 2em;
        border-radius: 1em;
        padding: auto 1em;
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }



   .loginform input[type=number] {
        width: 38%;
        height: 2.5em;
        padding: 5% 5%;
        transition: all .4s;
        font-family: 'Montserrat', sans-serif;
        border: solid .5px #2d2d2d;
        margin: .5em 0;
        background-color: transparent;
        color:  #2d2d2d;
        font-size: 1em;
        float: left;
        clear: none;
        display: block;
    }


    
    .loginform input:focus{
        border: solid inset 2px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .loginform input:active{
        border: solid .5px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .loginform input::placeholder{
        font-size: .8em;
        opacity: .7;
        color: #2d2d2d;
        letter-spacing: .2px;
        position: absolute;
        top: 40%;
        left: 5%;
        transition: all .4s;
    }
    
    
    .loginform input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }


    .loginform textarea{
    width: 100%;
    height: 15vh;
    padding: 1em 1.5em 1em 1em;
    transition: all .4s;
    font-family: 'Montserrat', sans-serif;
    border: solid .5px #2d2d2d;
    margin: 0.5em 0;
    background-color: transparent;
    color: #fff;
    }
    
    
    
    .loginform button{
        margin-top: 5vh;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
























}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
    

    
    
    
    
    
    
    
    
    
    
    
    
}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

    
    
    
    
   
    .registerform form{
        width: 80%;
        height: auto;
        display: block;
        float: left;
        clear: none;
        margin-left: 10%;
        margin-top: 3vh;
    }



    .registerform p{
        margin-top: 2em;
        font-family: 'Montserrat', sans-serif;
           color:  #2d2d2d;
        font-size:1em;
    }



     .registerform input[type=text], .registerform input[type=email], .registerform input[type=tel]{
            width: 100%;
            height: 3em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid .5px #2d2d2d;
            margin: .5em 0;
            background-color: transparent;
            color:  #2d2d2d;
            font-size:1em;
        }



   .registerform input[type=number] {
        width: 38%;
        height: 2.5em;
        padding: 5% 5%;
        transition: all .4s;
        font-family: 'Montserrat', sans-serif;
        border: solid .5px #2d2d2d;
        margin: .5em 0;
        background-color: transparent;
        color:  #2d2d2d;
        font-size: 1em;
        float: left;
        clear: none;
        display: block;
    }


    
    .registerform input:focus{
        border: solid inset 2px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .registerform input:active{
        border: solid .5px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .registerform input::placeholder{
        font-size: .8em;
        opacity: .7;
        color: #2d2d2d;
        letter-spacing: .2px;
        position: absolute;
        top: 40%;
        left: 5%;
        transition: all .4s;
    }
    
    
    .registerform input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }


    


    .registerform select{
            width: 100%;
            height: 4em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid .5px #2d2d2d;
            margin: .5em 0;
            background-color: transparent;
            color:  #2d2d2d;
             font-size: 1em;
       cursor: pointer;
        }



    .registerform select option {
         color: #2d2d2d;
        font-size: 1.1em;
        cursor: pointer;
        transition: all .4s;
        }


    
    .registerform textarea{
        width: 100%;
        height: 20vh;
        padding: 1em 1.5em 1em 1em;
        transition: all .4s;
        font-family: 'Montserrat', sans-serif;
        border: solid 1px #2d2d2d;
        margin: .5em 0;
        background-color: transparent;
        color: #2d2d2d;
    }
    
    
    
    .registerform textarea::placeholder{
       font-size: .85em;
        opacity: .7;
        color: #2d2d2d;
        letter-spacing: .2px;
        position: absolute;
        top: 10%;
        left: 5%;
        transition: all .4s;
    }
    
    
    .registerform  textarea:focus::placeholder{
        top: 5%;
        font-size: .5em;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    .contactform p{
        margin-top: 2em;
        font-family: 'Montserrat', sans-serif;
           color:  #2d2d2d;
        font-size:1em;
    }



     .contactform input[type=text], .contactform input[type=email], .contactform input[type=tel]{
            width: 100%;
            height: 3em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid .5px #2d2d2d;
            margin: .5em 0;
            background-color: transparent;
            color:  #2d2d2d;
            font-size:1em;
        }



   .contactform input[type=number] {
        width: 38%;
        height: 2.5em;
        padding: 5% 5%;
        transition: all .4s;
        font-family: 'Montserrat', sans-serif;
        border: solid .5px #2d2d2d;
        margin: .5em 0;
        background-color: transparent;
        color:  #2d2d2d;
        font-size: 1em;
        float: left;
        clear: none;
        display: block;
    }


    
    .contactform input:focus{
        border: solid inset 2px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .contactform input:active{
        border: solid .5px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .contactform input::placeholder{
        font-size: .8em;
        opacity: .7;
        color: #2d2d2d;
        letter-spacing: .2px;
        position: absolute;
        top: 40%;
        left: 5%;
        transition: all .4s;
    }
    
    
    .contactform input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }


    .contactform textarea{
    width: 100%;
    height: 15vh;
    padding: 1em 1.5em 1em 1em;
    transition: all .4s;
    font-family: 'Montserrat', sans-serif;
    border: solid .5px #2d2d2d;
    margin: 0.5em 0;
    background-color: transparent;
    color: #2d2d2d;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .mc-inner select{
            width: 15vw;
            height: 4em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid 0px #2d2d2d;
            margin: .5em 0;
            background-color: transparent;
            color:  #cd9670;
             font-size: 1em;
           cursor: pointer;
            float: right;
            clear: none;
            background-color: white;
        border-radius: 2em;
        text-transform: uppercase;
        font-weight: 700;
        }
    
    select:active{
        outline: 0;
        border:0;
    }



    .mc-inner select option {
         color: #2d2d2d;
        font-size: 1.1em;
        cursor: pointer;
        transition: all .4s;
        line-height: 1.5em;
        margin: 1em 0;
        }



    .select:after {
        margin-right: 2em;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .loginform p{
        margin-top: 2em;
        font-family: 'Montserrat', sans-serif;
           color:  #2d2d2d;
        font-size:1em;
    }

    .loginform hr{
        clear: both;
    }

     .loginform input[type=text], .loginform input[type=email], .loginform input[type=tel], .loginform input[type=password]{
            width:90%;
            height: 2em;
            padding: 1em 1.5em 1em 1em;
            transition: all .4s;
            font-family: 'Montserrat', sans-serif;
            border: solid .5px #2d2d2d;
            margin: .5em 0;
            background-color: #fff;
            color:  #2d2d2d;
            font-size:1em;
        }
    
    .loginform input[type=file]{
        float: left;
        clear: both;
        display: inline-block;
        font-size: 1em;
        cursor: pointer;
        font-family: 'Montserrat', sans-serif;
        padding: 1em 5%;
        font-weight: 700;
        margin: .5em 0;
        transform-origin: center;
        transition: all .2s;
        background-color: #cd9670;
        border:2px solid #cd9670;
        color: #fff;
        width: 90%;
        height: auto;
        cursor: pointer;
    }
    
    
    .loginform input[type=file]::-webkit-file-upload-button{
        background-color: white;
        border: 0;
        height: 2em;
        border-radius: 1em;
        padding: auto 1em;
        font-family: 'Montserrat', sans-serif;
        cursor: pointer;
    }



   .loginform input[type=number] {
        width: 38%;
        height: 2.5em;
        padding: 5% 5%;
        transition: all .4s;
        font-family: 'Montserrat', sans-serif;
        border: solid .5px #2d2d2d;
        margin: .5em 0;
        background-color: transparent;
        color:  #2d2d2d;
        font-size: 1em;
        float: left;
        clear: none;
        display: block;
    }


    
    .loginform input:focus{
        border: solid inset 2px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .loginform input:active{
        border: solid .5px #2d2d2d;
        outline: 0;
        background-color: transparent;
    }
    
    
    .loginform input::placeholder{
        font-size: .8em;
        opacity: .7;
        color: #2d2d2d;
        letter-spacing: .2px;
        position: absolute;
        top: 40%;
        left: 5%;
        transition: all .4s;
    }
    
    
    .loginform input:focus::placeholder{
        top: 15%;
        font-size: .5em;
    }


    .loginform textarea{
    width: 100%;
    height: 15vh;
    padding: 1em 1.5em 1em 1em;
    transition: all .4s;
    font-family: 'Montserrat', sans-serif;
    border: solid .5px #2d2d2d;
    margin: 0.5em 0;
    background-color: transparent;
    color: #fff;
    }
    
    
    
    .loginform button{
        margin-top: 5vh;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
	
	
}