@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i&subset=latin-ext');

/*

font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;

*/

* {

	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	text-rendering: geometricPrecision;

}

html {

	width:100%;
	height:100%;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
    background-color:rgba(33,33,33,1.0);
    color:rgba(38,38,38,1.0);

}

body {

	width:100%;
	height:100%;
	margin:0px auto;

}

h1 {font-weight:700;text-align:left;margin:0;padding:0;}
h2 {font-weight:normal;text-align:left;margin:0;padding:0;}
.h2_center {text-align:center;}
h3 {font-weight:400;font-size:22px;}
h4 {font-weight:500;font-size:16px;}
.clrBth {clear:both;}
.boldText {font-weight:700;}
.upperCaseText {text-transform:uppercase;}
.centerText {text-align:center;}
input, button, submit { border:none; }
.space15 {width:100%;height:15px;}
.redColor {color:rgba(192,57,43,1.0);}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.content {

    width:1200px;
    min-height:100px;
    margin:0px auto;
    position:relative;

}

.header {

    width:100%;
    height:100%;
    position:relative;
    background-image:url('./files/elements/home_header.jpg');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;

}

.menu_container .logoText {

    width:398px;
    min-height:60px;
    display:table;
    position:absolute;
    top:37px;
    left:134px;

}

.menu_container .logoText .verticalAlign {

    display:table-cell;
    vertical-align:middle;
    text-align:center;

}

.menu_container .logoText .logo_firstLine {

    font-size:30px;
    font-weight:700;
    color:rgba(255,255,255,1.0);

}

.menu_container .logoText .logo_secondLine {

    font-size:24px;
    font-weight:400;
    color:rgba(255,255,255,0.58);

}

.menu_container .menu {

    min-width:100px;
    height:60px;
    position:absolute;
    top:37px;
    right:105px;

}

.menu_container .menu table {

    width:100px;
    height:100%;
    border-collapse:collapse;

}

.menu_container .menu table tr td {

    font-size:20px;
    font-weight:700;
    color:white;
    padding-left:10px;
    padding-right:10px;

}

.menu_container .menu table tr td a {

    color:white;
    text-decoration:none;
    border-bottom:3px solid rgba(255,255,255,0);
    -webkit-transition: border-bottom 0.5s;
    transition: border-bottom 0.5s;
    padding-bottom:8px;

}

.menu_container .menu table tr td a:hover {

    color:white;
    text-decoration:none;
    border-bottom:3px solid rgba(203,167,121,1.0);
    -webkit-transition: border-bottom 0.5s;
    transition: border-bottom 0.5s;
    padding-bottom:8px;

}

.menu_container .menu table tr td a:visited {

    color:white;
    text-decoration:none;

}

.header .headerContent {

    width:528px;
    min-height:160px;
    position:absolute;
    bottom:97px;
    left:93px;

}

.header .headerContent h1 {

    font-size:40px;
    font-weight:700;
    color:white;
    margin-bottom:30px;

}

.header .headerContent .aboveh1 {

    width:651px;
    font-size:25px;
    font-weight:500;
    color:rgba(255,255,255,0.77);

}

.header .header_buttons {

    width:528px;
    height:47px;
    margin-top:39px;

}

.header .header_buttons .header_button {

    border:none;
    background-color:transparent;
    width:229px;
    height:47px;
    border:2px solid rgba(255,255,255,1.0);
    font-size:20px;
    font-weight:500;
    color:white;
    text-transform:uppercase;
    float:left;
    margin-right:26px;
    cursor:pointer;

}

.header .header_buttons .header_button:hover {

    background-color:white;
    color:black;

}

.h_separator_h1 {

    width:92px;
    height:4px;
    margin:0px auto;
    background-color:rgba(241,196,15,1.0);

}

.h_separator_h2 {

    width:144px;
    height:4px;
    margin:0px auto;
    background-color:rgba(52,152,219,1.0);

}

.footer {

    width:100%;
    height:68px;
    display:table;

}

.footer .verticalAlign {

    display:table-cell;
    vertical-align:middle;
    text-align:center;
    color:rgba(255,255,255,0.75);
    font-size:13px;

}

@media screen and (max-width:1230px) {

    .menu_container .logoText {
    
        left:50px;

    }
    
    .menu_container .menu {

        min-width:100px;
        height:60px;
        position:absolute;
        top:37px;
        right:50px;

    }

}

@media screen and (max-width:1220px) {

    .content {

        width:100%;
        min-height:100px;
        margin:0px auto;
        padding-left:20px;
        padding-right:20px;
        position:relative;

    }

}

@media screen and (max-width:1100px) {

    .menu_container {

        width:100%;
        min-height:10px;

    }
    
    .menu_container .logoText {

        width:100%;
        height:99px;
        display:table;
        position:absolute;
        top:0;
        left:0;
        position:relative;
        background-color:rgba(38,38,38,1.0);

    }
    
    .menu_container .logoText .logo_firstLine {

        font-size:22px;
        font-weight:700;
        color:rgba(255,255,255,1.0);

    }

    .menu_container .logoText .logo_secondLine {

        font-size:15px;
        font-weight:400;
        color:rgba(255,255,255,0.58);

    }
    
    .menu_container .menu {

        width:100%;
        height:47px;
        position:absolute;
        top:99px;
        right:0px;
        -webkit-overflow-scrolling: touch;
        overflow:scroll;
        background-color:rgba(38,38,38,0.63);

    }
    
    .menu_container .menu::-webkit-scrollbar { 
        display: none;
    }
    
    .menu_container .menu table {

        width:100%;
        height:100%;
        border-collapse:collapse;

    }
    
    .header .headerContent {

        width:calc(100% - 37px);
        min-height:160px;
        position:absolute;
        bottom:40px;
        left:37px;

    }

    .header .headerContent .aboveh1 {

        width:100%;
        font-size:17px;
        font-weight:500;
        color:rgba(255,255,255,0.77);

    }
    
    .header .headerContent h1 {

        font-size:20px;
        font-weight:700;
        color:white;

    }

    .header .header_buttons {

        width:229px;
        height:107px;
        margin-top:22px;

    }

    .header .header_buttons .header_button {

        border:none;
        background-color:transparent;
        width:229px;
        height:47px;
        border:2px solid rgba(255,255,255,1.0);
        font-size:20px;
        font-weight:500;
        color:white;
        text-transform:uppercase;
        float:left;
        margin-right:0px;
        margin-bottom:13px;
        cursor:pointer;

    }

    .header .header_buttons .header_button:hover {

        background-color:white;
        color:black;

    }

}