/*

html, body { height: 100%; }
#aspnetForm { height: 100%; }
#form1 { height: 100%; }
body { margin: 0px auto; font-family: "Open Sans", Sans-Serif; font-size: 18px; font-weight:100; color: #555; text-align: center; text-align: left; background-color: #fafafa; }
#wrap { min-height: 100%; margin-bottom: -60px; }
#wrap:after { display: block; }
#main { overflow: hidden; padding-bottom: 60px; }
.page { width: 900px; margin: 0px auto; }

#header { display: block; clear: both; width: 100%; height: 90px; color: #eee; padding: 0px; background-color: #f7f7f7; margin: 0px; }
#logo_div { display: block; float: left; padding-left: 20px; margin-top: 0px; margin-right: 20px; height:60px;  }
#logo_div a { color: #333; text-decoration: none; }
#logo1 { height: 85px; width: 238px; float:left; }

#mobile_logo_div { display: none; float: left; }
#logo2 { height: 40px; width: 132px; float:left; }

#company_name_div { width: 500px; font-size:38px; font-family:'Andada'; float:left; margin-top:20px; }
#company_name_div a { color:#333; }
#mobile_menu_button_div { display: none; }
#menu_div { float: right; margin: 5px; }

.Menu2Panel { clear: both; width: 100%; }
#tele_div { float: right; font-size: 24px; font-weight: bold; text-align: right; line-height: 1.4em; color: #0050dd; margin-top: 25px; padding-right: 10px; }
#menu { display: block; width: 100%; margin: 0px auto; background-color: #efefef; }
#mobile-menu { width: 100%; background-color: #222; }

.sms { background-color: #efefef; font-family: Sans-Serif; width: 100%; text-align:right; }
.smis a { color: #555; display: block; padding: 3px 0px; font-weight: bold; text-align: center; }
.sss a { color: #222; }
.shs a { background-color: #0050dd; color: #fff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.1) !important; }

.sms td { padding:2px; }

.dms { ssbackground-color: #c5b47e; }
.dmis a { color: #000; display: block; padding: 7px 20px; font-weight: bold; background-color: #c5b47e; }
.dhs a { background-color: #000; color: #fff; }
.dss a { color: #fff; }

.dms { padding:10px; background-color:Transparent !important; }
.dms > table { box-shadow:0px 0px 15px #777; }

#menu-top { height:5px; -moz-box-shadow: 0px -1px 3px #ccc; -webkit-box-shadow: 0px -1px 3px #ccc; box-shadow: 0px -1px 3px #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#cccccc'); }
#menu { -moz-box-shadow: 3px 3px 4px #bbb; -webkit-box-shadow: 3px 3px 4px #bbb; box-shadow: 3px 3px 4px #bbb; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#cccccc'); }
#menu { z-index:200; }
#header-image { -moz-box-shadow: 6px 6px 8px #ccc; -webkit-box-shadow: 6px 6px 8px #ccc; box-shadow: 6px 6px 8px #ccc; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#cccccc'); }

.sms2 { width: 100%; font-size: 24px; }
.smis2 { color: #fff; padding: 0px; }
.smis2 a { padding: 10px 20px; display: block; }
.shs2 a { background-color: #33333f; }
.sss2 { background-color: #888; color: #fff; }
.sss2 a { color: #fff; }

#content { vertical-align: top; text-align: center; line-height: 1.8em; color:#446677;  }
#content a { color: #777; font-weight: bolder; }
#content a:hover { color: #000; }
#content li { list-style-type:square ; list-style-position:outside ; margin-left:30px; }

#content_div { padding: 20px; box-sizing: border-box; overflow: hidden; display: block; width: 100%; }

#img_div { float: left; background-color: Aqua; display: table-cell; }
#text_div { float: left; background-color: Blue; display: table-cell; }

.tbl { display: table; }
.tr { display: table-row; }
.td { display: table-cell; vertical-align: top; padding: 10px; box-sizing: border-box; }

h1 { font-size: 34px; line-height: 1.5em; font-family: 'Cabin'; color:#444; }
h2 { font-size: 28px; line-height: 1.5em; font-family: 'Cabin'; color:#0050dd; }
h3 { font-size: 20px; font-weight:bold;}
h6 { font-size: 19px; color:#aa4444; font-weight:bold; }

a img { border: none; }
.td a img { border: 1px solid #000; }

#footer { color: #fff; height: 60px; background-color: #86a7b8; clear: both; font-size: 13px; padding: 15px; text-align: left; }
#footer a { color: #fff; }
#footer a:hover { color: #fff; }
#footer { z-moz-box-shadow: 0px -3px 4px #aaa; z-webkit-box-shadow: 0px -3px 4px #aaa; box-shadow: 0px -3px 4px #aaa; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc'); }

#copyright { color: #ccc; display: block; text-align: right; font-size: 10px; padding-right: 10px; }
#copyright a { color: #ccc; }

.VerificationTextBox { padding: 10px; font-size: 24px; width: 100px; }
.TextBox { padding: 10px; font-size: 16px; width: 400px; }
zz.InputButton { padding: 10px; font-size: 16px; width: 160px; cursor: pointer; }

.sms2 td { padding:0px !important; }

.slider .indicators .indicator-item.active { background-color: #ddaa00; }
.materialboxed { width:100%; }
.col { text-align:left; }

.ContactSubmitButton { padding-top:6px; }
.ContactSubmitButton { background-color:#009900; }
.ContactSubmitButton:hover { background-color:#00bb00; }

.slider .indicators .indicator-item.active { background-color:#777 !important; }



@media screen and (max-width: 899px) {
    #main { background-image: none; }
    #wrapper { width: 100%; }
    .page { width: 100%; }
    #header { display: block; height: 40px; color: #eee; background-image: none; background-color: #fafafa; padding: 0px; }
    #header { box-shadow: 3px 3px 4px #ccc; }
    #logo_div { font-size:36px;  }
    #logo1 { display:none; }

    #mobile_logo_div { display: block; float: left; padding-left: 0px; margin-top: 0px; margin-right: 10px; height:53px;  }
    #mobile_logo_div a { color: #333; text-decoration: none; }

    #company_name_div { width: 220px; font-size:24px; margin-top:20px; }
    #mobile_menu_button_div { display: block; float: left; position: relative; top: 5px; }
    #tele_div { width: 270px; margin-top: 3px; }
    #menu { display: none; }

    .TextBox { padding: 10px; font-size: 24px; width: 300px; }
    .InputButton { padding: 10px; font-size: 16px; width: 160px; cursor: pointer; }
}

@media screen and (max-width: 799px) {
    .TextBox { padding: 10px; font-size: 24px; width: 200px; }
    .InputButton { padding: 10px; font-size: 24px; width: 200px; cursor: pointer; }
    #logo_div { font-size:24px; padding-top:10px;  }
}

@media screen and (max-width: 699px) {
    .TextBox { padding: 10px; font-size: 24px; width: 180px; }
    .InputButton { padding: 10px; font-size: 24px; width: 200px; cursor: pointer; }
    #wrap { margin-bottom: -70px; }
    #main { padding-bottom: 70px; }
    #footer { height: 70px; }
}

@media screen and (max-width: 599px) {
    #logo1 { display: none; }
    #tele_div { display: none; }
    .tbl { display: block; }
    .tr { display: block; }
    .portfolio .tr { border-bottom: 2px solid #555; margin-bottom: 25px; }
    .td { display: block; vertical-align: top; padding: 10px; box-sizing: border-box; }

    .TextBox { padding: 10px; font-size: 24px; width: 300px; }
    .InputButton { padding: 10px; font-size: 20px; width: 240px; cursor: pointer; }

    #wrap { margin-bottom: -90px; }
    #main { padding-bottom: 90px; }
    #footer { height: 90px; }
}

@media screen and (max-width: 399px) {
    #header { height: 40px; }
    #logo_div { font-size:16px; padding-top:5px;  }
    #logo1 { display: none; }
    z#logo2 { height: 25px; width: 200px; position: relative; top: 0px; }
    #company_name_div { width: 200px; font-size:20px; margin-top:10px; }
    z#mobile_menu_button_div { display: block; float: left; position: relative; top: 10px; right:10px; }
    #footer { font-size: 16px; }

    .td a img { width: 100%; height: auto; }
    .td img { width: 100%; height: auto; }

    .TextBox { padding: 10px; font-size: 24px; width: 250px; }
    .InputButton { padding: 10px; font-size: 24px; width: 250px; cursor: pointer; }
    
    #wrap { margin-bottom: -110px; }
    #main { padding-bottom: 110px; }
    #footer { height: 110px; }
}
*/