/*====================================================================================
GENERAL STYLES
=====================================================================================*/

body, html {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    
    text-align: center;
    
    image-rendering: optimizequality;
    vertical-align: top;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}


* {
    margin: 0;
    padding: 0;
}

a {
    background: transparent;
    text-decoration: none;
    color: inherit;
    outline: 0;
}


/*----------------------- REMOVES OUTLINE FROM FOCUS AREAS -------------------------*/

*:focus {
    outline: 0;
}


/*----------------------- REMOVES IMAGE LINKS DOTTED OUTLINE -----------------------*/

img {
    border: 0px none;
}


/*------------------- REMOVES LINKS DOTTED OUTLINE IN FIREFOX ----------------------*/

input::-moz-focus-inner { 
  border: 0px none; 
}


/*------------------- REMOVES IE SCROLL BAR FROM FORM TEXT AREA ----------------------*/

textarea { overflow: auto; }


/*------------------- REMOVES BLUE HIGHLIGHT OVER IMG WHEN CLICKED ----------------------*/

img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}


/*====================================================================================
FONTS
=====================================================================================*/






@font-face {

    font-family: 'martinsdesign-header';

    src: url('fonts/brandon-grotesque-black-58a8a3e824392-webfont.woff2') format('woff2'),

         url('fonts/brandon-grotesque-black-58a8a3e824392-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;


}




@font-face {

    font-family: 'martinsdesign-subheader';

    src: url('fonts/museo_cyrl_500-webfont.woff2') format('woff2'),
         url('fonts/museo_cyrl_500-webfont.woff') format('woff');
         font-style: normal;
         font-weight: 500;
}



/*=========================================================================================
CONTACT
==========================================================================================*/

.logo-01 {
    padding: 60px 0 180px 0;
}
@media only screen and (max-width: 600px) {
    .logo-01 {
        width: 150px;
        height: 140px;
        padding: 60px 0 100px 0;
    }
}

h1 {
    font-family: "martinsdesign-header", arial, sans-serif;
    color: #9ea0a3;
    font-size: 70px;
    line-height: 1;  
    padding: 0 20px 0 20px;
    margin: 0 auto;
    max-width: 1040px;
}
@media only screen and (max-width: 900px) {
    h1 {
        font-size: 60px;
    }
}
@media only screen and (max-width: 600px) {
    h1 {
        font-size: 50px;
    }
}
h2 {
    color: #75777a;
    font-family: "martinsdesign-subheader", georgia, serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.2;
    padding: 10px 20px 0 20px;
    max-width: 1200px;
    margin: 0 auto;
}
@media only screen and (max-width: 900px) {
    h2 {
        font-size: 30px;
    }
}


h3 {
    color: #75777a;
    font-family: "martinsdesign-subheader", georgia, serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.2;
    padding: 0 20px 0 20px;
    max-width: 1200px;
    margin: 0 auto;
}
@media only screen and (max-width: 900px) {
    h3 {
        font-size: 30px;
    }
}

.big-icons-animation {
    padding: 200px 20px 10px 20px;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    max-width: 1200px;
}
@media only screen and (max-width: 600px) {
    .big-icons-animation {
        padding: 100px 20px 0 20px;
    }
}


/*==================== FORM =====================*/

.contact-form-container {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    padding: 230px 20px 120px 20px;
    box-sizing: border-box;
}
@media only screen and (max-width: 600px) {
    .contact-form-container {
        padding: 120px 20px 120px 20px;
    }
}

.type1 {
    font-family: "martinsdesign-header", arial, sans-serif;
    color: #9ea0a3;
    font-size: 70px;
    line-height: 1;
    margin: 0 auto;
    padding: 0;
}
@media only screen and (max-width: 900px) {
    .type1 {
        font-size: 60px;
    }
}
@media only screen and (max-width: 600px) {
    .type1 {
        font-size: 50px;
    }
}
.type2 {
    color: #75777a;
    font-family: "martinsdesign-subheader", georgia, serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.2;
    margin: 0 auto;
    padding: 5px 0 25px 0;
}
@media only screen and (max-width: 900px) {
    .type2 {
        font-size: 30px;
    }
}
input, textarea, select, button {
    width : 100%;
    margin: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box; /* For all Gecko based browsers */
    box-sizing: border-box;
}


.input-area {
    padding: 0 0 25px 0; 
     
    margin: 0;
}

input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:none;
}
input:focus {
    box-shadow:none;
    box-shadow:inset 0 0 4px 0 #c9c9c9;
   -moz-box-shadow:inset 0 0 4px 0 #c9c9c9;
   -wevkit-box-shadow:inset 0 0 4px 0 #c9c9c9;
}

.cont-float-left {
    float: left;
    width: 48%;
}
.cont-float-right {
    float: right;
    width: 48%;
}

textarea {
    width: 100%;
    height: 200px;
}
textarea:required {
    box-shadow:none;
}
textarea:invalid {
    box-shadow:none;
}
textarea:focus {
    box-shadow:none;
    box-shadow:inset 0 0 4px 0 #c9c9c9;
   -moz-box-shadow:inset 0 0 4px 0 #c9c9c9;
   -wevkit-box-shadow:inset 0 0 4px 0 #c9c9c9;
}

.button-style1 {
    cursor:pointer;
    border: 0 none;
    box-sizing: border-box; 
    padding: 10px 0 5px 0;
    color: #fff; 
    font-family: "martinsdesign-subheader", georgia, serif;
    font-weight: 500;
    font-size:26px;
    line-height: 2.5;
    background-color: #9ea0a3;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

.button-style1:hover {
    background-color: #4f5052;
}

.form-text {
    font-family: Arial; 
    font-size: 20px;  
    color: #898989; 
    background: #f5f5f5; 
    border: 0px; 
    padding: 20px 20px;

}

.form-text2 {
    font-family: Arial; 
    font-size: 20px; 
    color: #898989; 
    background: #f5f5f5; 
    border: 0px; 
    padding: 20px 20px;
}

.logo01 {
    padding: 100px 0 100px 0;
}