@charset "utf-8";
/* CSS Document */
header{position:relative;}
.logo{position:absolute; z-index:1; padding:10px 0; width:auto; height: 100%;}.logo img{ height:100%; width:auto;}
.main-menu-header .navbar-default{background-color:transparent; border:none;}
.main-menu-header .navbar{border:none;margin-bottom:0px;min-height: 50px; border-radius:0px !important;}
.navbar{border-radius:0px !important;}
.main-menu-header{padding:0 }
.main-menu-header ul li a{ font-size:17px;font-weight:400; text-transform:uppercase;font-family:Calibri; padding:32px 14px; }
.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; }
.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:#ccc }
.main-menu-header ul.dropdown-menu li.hosting-menu a:hover p.hosting-menu-icon{ color:#474a56 }
.main-menu-header .container-menu {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; */	width: 250px;	height: auto;	max-height: 100%;	max-width: 100%;	}
}
@media (max-width:767px){
.nav .nav-divider{display:none;}
.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 }
.main-menu-header .navbar-toggle{margin-top:15px; margin-bottom:15px; margin-right:0px;}
#single-menu .main-menu-header ul li a{color:#FFF !important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#FFF !important;}
.main-menu-header ul#single-menu li ul.sub-menu{background-color:transparent;color:#fff;}
.main-menu-header ul#single-menu li ul.sub-menu a{color:#fff;}
.navbar .nav{border:none;}

}
@media (min-width:768px) and (max-width:992px){
.logo { padding:20px 0;}
.main-menu-header ul li a{padding:32px 10px !important; font-size:14px !important;}
.main-menu-header .container-menu{width:100%;}
#nav #bs-example-navbar-collapse-1 .dropdown-menu{background-color:transparent; float:none; position:inherit; color:#FFF}
#nav #bs-example-navbar-collapse-1 .dropdown-menu > li > a{color:#FFFFFF}
#nav #bs-example-navbar-collapse-1 .nav .nav-divider{display:none;}
.navbar .nav li.dropdown .dropdown-toggle .caret, .navbar .nav li.dropdown.open .caret{ border-bottom-color: #FFF !important;border-top-color: #FFF !important;}
}
@media (min-width:993px) and (max-width:1199px){
.main-menu-header .container-menu{width:100%;}
}
@media (min-width:768px) and (max-width:800px){
.logo { width:20% !important;}
.logo.left img { width:100%;}
.logo { padding:17px 0;}
.main-menu-header ul li a{padding:32px 3px !important; font-size:14px !important;}
}
@media (min-width:801px) and (max-width:900px){
.logo { width:20% !important;}
.logo.left img { width:100%;}
.logo { padding:20px 0;}
.main-menu-header ul li a{padding:32px 5px !important; font-size:14px !important;}	
}
@media (min-width:901px) and (max-width:991px){
.logo { width:20% !important;}
.logo.left img { width:100%;}
}
.boxed{width:94%; margin:0 auto; background:url(../images/pattern.jpg) repeat; display:list-item !important; list-style:none;}