@import url('myriad-pro/style.css');

body {margin:0px; background-color:#FFF; color:#000; font-family: 'Myriad Pro Regular'; font-size:16px; font-weight: normal; line-height:20px;}
form{ margin:0px; padding:0px;}
img{border-style:none;}
h1,h2,h3,h4,p,ul,ol{ margin:0px; padding:0px; padding-bottom:10px;}
p {color:#636f81;}
h1{ font-size:24px; line-height:30px;line-height:normal;font-weight:normal;color:#666666;}
h2{ font-size:18px; line-height:24px;color:#333333; line-height:normal;font-weight:normal;}
h3{ font-size:14px; line-height:18px; color:#000;line-height:normal;font-weight:normal;}
ul,ol{ padding-left:25px;}
a {color:#088cce;}
a:hover{ color:#0975ab;}
header {background: #0088cc;}
img {max-width:100%; vertical-align: bottom;}
.main-menu {
    float: left;
    margin: 0 0 -8px 0;
}
.main-menu ul {
    margin: 0;
    padding: 0;
}
.main-menu > ul > li {
    list-style: none;
    float: left;
    position: relative;
    margin: 40px 0 0;
}
.main-menu > ul > li > a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding: 8px 35px;
    float: left;
    border:thin solid #0088cc;
    text-transform:uppercase;
}
.main-menu > ul > li:hover > a {
    border:thin solid #fff;
}
ul.sub  {background-color: #333333;width:151px;display:none;position:absolute;z-index:1000;top:100%;border-top: 15px solid #0088CC;}
ul.sub li {text-align:center;display:block;float:left; width: 100%;}
ul.sub li a { display: block;  width: 100%; padding: 10px 20px; color: #FFFFFF; text-decoration: none; text-align: left; text-transform: uppercase; }
ul.sub li a:hover {background-color:#616161;}
.arrow_box {
	background: #333333;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #333333;
	border-width: 10px;
	margin-left: -60px;
}
.main-menu > ul > li:hover > ul.sub {display:block;}
header .icons {
    margin-top: 50px;
}
header i.fa {margin:0 5px;font-size:17px;color: #fff;}
header i.fa-chevron-down {margin:0}
.header-logo img {margin:0 auto;}
footer {background-color:#2e3138;margin-top:50px;}
footer p {color: #fff;}
.footer_social i.fa {color: #fff;margin:50px 5px 5px;}
.footer-menu ul {
    padding: 0;
    margin: 25px 0 0 0;
    width: 100%;
}
.footer-menu ul li {
    list-style: none;
}
.footer-menu ul li a {
    color: #fff;
    text-decoration: none;
    margin: 0 0 8px 0;
}
.footer-menu ul li a:hover {
    text-decoration: underline;
}
.footer .subscribe a {
    display: inline-block;
    color: #FFFFFF;
    background-color: #0088cc;
    border-radius: 5px;
    padding: 5px 20px;
    text-transform: uppercase;
    text-decoration: none;
    margin: 10px 0;
}
.copyright{ background-color: #000;text-transform:uppercase;clear:both; width:100%;float:left; font-size:14px; line-height:14px; }
.titlediv{background-color:#000; color:#FFF; float:left; font-size:18px; line-height:24px; width:100%; padding:3%;}
.menudiv{width:100%; float:left;}
.searchdiv{float:right; width:200px;}

.mobileMenuDiv .zMenuBarDiv {width:100% !important; border-top:1px solid #999;}
.mobileMenuButton {display:none;}
.mobileMenuDiv {display:block;}

@media only screen and ( max-width: 1362px ) {
    .main-menu > ul > li {
        margin-top: 20px;
    }
    .main-menu > ul > li > a {
        padding: 8px 20px;
    }
    header .icons {
        margin-top: 30px;
    }
    header .header-logo {
        width: 100px;
    }
}

@media only screen and (max-width: 992px) {
	.main-menu ul li a {font-size:18px;display: inline-block;color: #fff;padding: 8px 35px;margin: 0 0 0 3px;}
	.icons {text-align:center !important;}
	header {background: #0088cc;max-height:none;}
	.z-mobileMenuDiv {display: block;background-color: #0088cc !important;}
	header a:hover {color: #ccc !important;}
    footer { text-align: center; }
    .footer .footer-logo,
    .footer .subscribe,
    .footer .footer_social,
    .footer .footer-menu {
        width: 100%;
    }
    .footer .subscribe table.table-list {
        margin: 0 auto;
    }
    .copyright { text-align: center; }
	.wrapper{width:100%; }
	.mobileMenuDiv .zMenuBarDiv li { float:left; clear:both; width:100% !important;}
	.mobileMenuButton, .mobileMenuDiv .zMenuBarDiv a.trigger{ display:block; width:100% !important; padding:5% !important; padding-top:7px !important; padding-bottom:7px !important; float:left !important; clear:both !important; margin:0px !important;}
	.mobileMenuButton{ background-color:#0088CC; color:#FFF !important; padding-top:10px !important; padding-bottom:10px !important;}
	.mobileMenuDiv .zMenuBarDiv li ul { display:none !important;}

	.mobileMenuButton {display:block;}
	.mobileMenuDiv {display:none;}
}
@media only screen and (max-width: 767px) {
	.z-mobileMenuButton {background-color: #0088cc;border-top:thin solid #fff}
	header {background: #0088cc;max-height:none;}
    header .header-logo {
        margin: 0 auto;
    }
	header i.fa {margin:0 5px 0 5px;}
    .z-mobileMenuDiv {
        z-index: 100;
    }
	.left_block{clear:both; display:block;max-width:100%;width:100%; border-right:none;}
	.cont_block{width:100%;display:block;}
	.cont_area{display:block;}
	.z-center-children, .z-center-children > div, .z-center-children > a {
        vertical-align: top;
        font-size: 13px;
    }
    .footer .footer-logo, .footer .footer-menu {width:100%;text-align:center;}
    .table-list {
        padding: 0px;
        margin: 0 auto;
    }
}