@charset "utf-8";
/* CSS Document */
header{position:relative;}
.logo{position:absolute; z-index:1; padding:10px 0 }
.main-menu-header{padding:0 }
.main-menu-header ul li a{ font-size:20px;font-weight:400; text-transform:uppercase;font-family:Calibri; padding:32px 20px !important; }
.main-menu-header ul li a b.caret{margin-top:-3px; margin-left:6px;}
.main-menu-header ul li a:hover{ background:0 0;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color:#000 !important; }
.grid-demo{ padding:10px 30px }
.grid-demo [class*=col-]{ margin-top:5px; margin-bottom:5px; font-size:1em; text-align:center; line-height:2; background-color:#e5e1ea; border:1px solid #d1d1d1 }
.yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav { position:static }
.yamm .container { position:relative }
.yamm .dropdown-menu { left:auto }
.yamm .yamm-content { padding:20px 30px }
.main-menu-header ul.dropdown-menu li.hosting-menu a p.center {text-align:center; color:#696969; font-size:14px; margin-bottom:15px; padding:0 15px; font-weight:400; text-transform:none; }
.main-menu-header ul.dropdown-menu li.hosting-menu a{ display:block; padding:0px !important; }
.main-menu-header ul.dropdown-menu li.hosting-menu a h3{font-family:"Century Gothic";font-size:18px; color:#232323;text-align:center;text-decoration:none;padding:15px 0 0;margin:0;font-weight:700;text-transform:capitalize;}
.main-menu-header ul.dropdown-menu li.hosting-menu a:hover, .main-menu-header ul.dropdown-menu li.hosting-menu a:hover h3, .main-menu-header ul.dropdown-menu li.hosting-menu a:hover h4 { text-decoration:none; color:#000; }
.main-menu-header ul.dropdown-menu { top:83px }
.main-menu-header ul.dropdown-menu li.hosting-menu a p.hosting-menu-icon{ text-align:center; margin:13px auto; float:none; font-size:76px; line-height:76px; color:#474a56 }
.main-menu-header ul.dropdown-menu li.hosting-menu a:hover p.hosting-menu-icon{ color:#ccc }
.main-menu-header .container-menu {width:1220px; padding:0 15px;}
.main-menu-header .col-menu-12{float:left;width:100%;}
.main-menu-header .col-menu-2{float:left;width:16.66666667%; }
.main-menu-header .col-menu-3{float:left; width:25%;}
.main-menu-header .col-menu-4{float:left;width:33.33333333%}
.main-menu-header .col-menu-6{float:left; width:50%;}
.main-menu-header ul.dropdown-menu li.hosting-menu .border-left {border-left:1px solid #DDD }
.main-menu-header ul#single-menu{right:auto; padding:0px;}
.main-menu-header ul#single-menu li{position:relative;}
.main-menu-header ul#single-menu li a{padding:10px !important; text-transform:none;}
.main-menu-header ul#single-menu li a:hover{background:#333; color:#FFF !important;}
.main-menu-header ul#single-menu li:hover ul.sub-menu{display:block;}
.main-menu-header ul#single-menu li ul.sub-menu{position:absolute; top:0;left:100%;z-index:1000;display:none;float:left;min-width:160px;padding:0;margin:0px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:0px solid rgba(0, 0, 0, .15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);box-shadow:0 6px 12px rgba(0, 0, 0, .175); border-radius:0px 3px 3px 0px;}
.main-menu-header ul#single-menu ul.sub-menu li a{padding:10px !important; text-transform:none; float:left; width:100%;}
.main-menu-header ul#single-menu ul.sub-menu li a:hover{background:#333; color:#FFF !important; text-decoration:none;}
@media (max-width:479px){
.main-menu-header ul.dropdown-menu li.hosting-menu a p.hosting-menu-icon{display:none;}
.logo img{width:180px;}
}
@media (max-width:767px){
.main-menu-header ul li a{padding:10px !important;}
.main-menu-header .container-menu{width:100%;}
.main-menu-header ul#single-menu li ul.sub-menu{left:0px; position:relative; min-width:100%;}
.main-menu-header .col-menu-2, .main-menu-header .col-menu-3, .main-menu-header .col-menu-4, .main-menu-header .col-menu-6{width:100%;}
.main-menu-header ul.dropdown-menu li.hosting-menu .border-left {border-left:0px solid #DDD;border-top:1px solid #DDD }
.navbar-toggle{margin-top:25px; margin-bottom:10px;}
}
@media (min-width:768px) and (max-width:992px){
.main-menu-header ul li a{padding:32px 6px !important; font-size:14px;}
.main-menu-header .container-menu{width:100%;}
}
@media (min-width:993px) and (max-width:1199px){
.main-menu-header .container-menu{width:100%;}
}