/*
Theme Name: Foggs
Theme URI: http://www.Networking2000.biz
Author: the Wamt team
Author URI: http://www.Networking2000.biz
*/
@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/myriadpro-regular_0-webfont.eot');
    src: url('fonts/myriadpro-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-regular_0-webfont.woff') format('woff'),
         url('fonts/myriadpro-regular_0-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-regular_0-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MyriadProBold';
    src: url('fonts/myriadpro-bold_0-webfont.eot');
    src: url('fonts/myriadpro-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriadpro-bold_0-webfont.woff') format('woff'),
         url('fonts/myriadpro-bold_0-webfont.ttf') format('truetype'),
         url('fonts/myriadpro-bold_0-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_sansregular';
    src: url('fonts/droidsans-webfont.eot');
    src: url('fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droidsans-webfont.woff') format('woff'),
         url('fonts/droidsans-webfont.ttf') format('truetype'),
         url('fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{ 
	margin:0 auto;
	padding:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:#FFF;
	
}
#wrapper{ width:960px; margin:0 auto; max-width: 100%;}
.clr{ clear:both;}
#header{ margin-top:30px;}
.logo{ margin:0px; float:left;}
.rightsite{ float:right; text-align:center;}
.rightsite h1{ margin:0px; color:#f48b47; font-weight:normal; font-size:28px; font-family:"Times New Roman", Times, serif; font-style:italic;}
.rightsite h1 span{ color:#000;}
.rightsite a{ font-size:17px; font-family: 'MyriadProBold'; line-height:32px; font-style:normal; color:#000; text-decoration:none;}
.menu-top-menu-container{ margin-top:32px;}
.menu-top-menu-container ul{ list-style:none; margin:0px; padding:0px; width:100%; height:67px; background:url(images/menubar.png) #e2e2e2 repeat-x; overflow:hidden; border:solid 1px #e8e8e8;} 
.menu-top-menu-container li{ float:left;}
.menu-top-menu-container li a{ display:table-cell; border-right:1px solid #fff; font-size:15px; vertical-align: middle; text-align:center; width: 159px; height:66px;color:#000; text-decoration:none; font-family: 'MyriadProRegular';}
.menu-top-menu-container li a em{ display:block; font-size:11px; font-style:normal;}
.menu-top-menu-container li:hover a{ background:#000; color:#FFF; border-bottom:solid #fe8f48 3px; height:65px;}
.last{ border-right:none !important;}
.menu li .first{ background:#000; color:#FFF; border-bottom:solid #fe8f48 3px; height:65px;}
.current_page_item{ background:#000; color:#FFF !important; border-bottom:solid #fe8f48 3px; height:65px;}
.current_page_item span{color:#fff;}
.last{ border-right:none !important;}
.first{}
#content{ padding-top:26px;}
.rightbox{ margin-bottom:22px;}
.rightbox > .textwidget{  padding:15px 15px; overflow:hidden;border:solid 1px #eeeeee; }
.innerbox , {  padding:15px 15px; overflow:hidden;border:solid 1px #eeeeee; }
.innerbox p ,{ color:#949393; font-size:15px; margin:5px 0px; font-family: 'MyriadProRegular'; }
.innerbox span{ text-align:center; display:block;}
.innerbox a ,.textwidget a{ display:block; float:left; padding:0px 13px;}
.img{ float:left; margin-right:6px;}
.icon{ text-align:right !important; float:right;}
.icon a{ display:block; padding:0px;}
#leftcol{ float:left; width:628px;margin-top:26px;}
#leftcol h2{ font-family: 'droid_sansregular'; color:#fe8f48; margin-bottom:10px; line-height:30px; font-size:24px;}
#leftcol h3{    font-size: 18px;    line-height: 25px;    margin-bottom: 10px; }
#leftcol p{ color:#666; font-size:15px; line-height:22px;}
#rightcol{ float:right; width:313px; margin-top:26px;}
#leftcol ul{ margin:0 0 10px 0px; padding:0px; list-style:none;}
#leftcol li{ background:url(images/icon.png) no-repeat left; padding-left:24px; line-height:23px;}
#leftcol a {color:#2174BC; text-decoration:none;}
#leftcol a:hover {text-decoration:underline;}

.rightbox h1{ background:#000; padding:0px 18px; font-family: 'MyriadProRegular'; font-weight:normal; border-bottom:solid #fe8f48 3px; margin:0px; color:#FFF; line-height:45px; font-size:19px;}
.rightbox{ /**/}
#footer{}
#footer address{ text-align:center; margin-top:20px;}
/*************/
.mainimg{ float:left; width:771px;}
#headerbanner{ margin-top:14px;}
#rightbannerimg{  float:right; }
#rightbannerimg ul{ margin:0px; padding:0px; list-style:none;}
#rightbannerimg li{ margin-bottom:11px;}
.text_field{border: 1px solid #CCCCCC;
    margin-top: 10px;
    padding: 5px;}
	
.wpcf7-form-control.wpcf7-submit {
    background: none repeat scroll 0 0 #F48B47;
    border-radius: 19px 19px 19px 19px;
    padding: 5px 20px; cursor:pointer;
}
.wpcf7-validation-errors ,  .wpcf7-mail-sent-ng , .wpcf7-mail-sent-ok {text-align:center;}
.res-nav{display: none;}
    .menu-top-menu-container{
        display: block;
    }
@media only screen and (max-width: 768px) {
    
    .menu .menu-item {
        float: none;
        height: auto;
    }
    h1.logo {
        margin-left: 20px;
    }
    
    div#text-6 {
        margin-right: 20px;
    }
    .menu-top-menu-container ul {
        float: none;
        background-image: none !important;
        height: auto;
    }
    
    .menu-top-menu-container li a {
        border-right: 0px;
        width: 100%;
        padding: 10px 20px;
        height: auto;
        text-align: left;
        display: block;
    }
    .menu-top-menu-container li:hover a{
        height: auto !important;
    }
    div#gallery {
        width: 100%;
        height: auto;
    }
    
    div#gallery img {
        width: 100%;
    }
    #content {
        padding: 26px 20px;
    }
    div#leftcol {
        float: none;
        width: 100%;
    }
    div#rightcol {
        float: none;
        width: 100%;
    }
    .textwidget span {
        display: inline-block;
    }
    #text-2 .textwidget {
        text-align: center;
    }
    #headerbanner {
        margin-top: 14px;
        display: flex;
    }
    .scroller img {
        width: 100% !important;
        height: 80px !important;
        border: none !important;
    }
    .scroller {
        width: 100%;
    }
    .res-nav {
        background: #000;
        padding: 10px 12px;
        overflow: hidden;
        margin-top: 20px;
    }
    
    .res-nav-inn span {
        background: #fff;
        height: 5px;
        display: block;
    }
    .res-nav-inn {
        display: flex;
        flex-direction: column;
        gap: 3px;
        width: 22px;
        float: right;
    }
    .menu-top-menu-container {
        margin-top:0px;
    }
    .res-nav{ display: block;}
    .menu-top-menu-container{
        display: none;
    }
    .menu-show{ display: block !important;}
}
@media only screen and (max-width: 500px) {
    #text-6{ margin-right: 0px !important;}
    .logo{ margin-left: 0px !important;}
    .rightsite h1{ font-size: 20px;}
    h1.logo {
        float: none;
        text-align: center;
        margin-bottom: 20px;
    }
    h1.logo a {
        display: inline-block;
    }
    .rightsite {
        text-align: center;
    }
    .rightsite {
        width: 290px;
        margin: 0 auto;
        float: none;
    }
}