@charset "utf-8";
/* CSS Document */

* {
    box-sizing: border-box !important;
}

body {
    background: url("../img/background.jpg") no-repeat ;
    color: #000;
    /*font-family: Helvetica,Tahoma,Arial;*/
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 auto;
}



em {
    font-style:italic;	
}
strong {
    font-weight:bold;
}

h1, h2, h3 {	
    font-weight:bold;
    
    
}
h1 {
    font-size:1.7em;
    margin-bottom:0.5em;
    color:#333333;
}
h2 {
    font-size:1.3em;
    margin-bottom:0.3em;
    color:#333333;
}
h3 {
    font-size:1.1em;
    margin-bottom:0.2em;
    font-style:italic;
}
h4 {    
    font-weight:bold;
}

p {
    margin-bottom:1em;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
b {
    font-weight: bold;
}

hr {
    height: 1px;
    border: none;
    border-top:1px solid rgb(200,200,200);
}

.row {
    margin: 0 auto;
    position: relative;
   /**/max-width: 1170px;
}

@media screen and (max-width: 1200px) {
.row {
    margin: 0 2%;
}
}

img {
    max-width: 100%;
    height: auto;
}

/*  HEADER BEGIN===========================================================*/
.a_head, .search {
    background: none repeat scroll 0 0 #1d1e20;
}

.search {
    margin-top: 5px;
}

#search_advance_button {
    background: url('../img/close_s.png');
    height: 16px;
    margin-left: 20px;
    margin-top: 14px;
    width: 16px;
}
/* Social Media Icons */
.social_head {
    height: 32px;
    right: 0;
}

a.socialIcons {
    display: block;
    float: right;
    margin-right: 5px; /* Increase the number to increase the space between the icons */
    height: 32px;
    width: 32px;
}

a.linkedin:hover {
    background: #0073B2;
}

a.twitter:hover {
    background: #00ABDC;
}

a.facebook:hover {
    background: #325C94;
}

a.googleplus:hover {
    background: #D9031F;
}

.logo {
    background: url("../img/logo.png");
    width: 267px;
    height: 90px;
}

.header-ad {
    margin: 10px auto;
    border: none;  
    text-align: right;
}

.search a {
    background: #FF0000;
    color: #fff;
    font-size: 16px; 
    font-weight: bold;
    text-decoration: none;   
    padding: 5px 20px;
}

.search a:hover {
    background: #FF9933;
}

.search input {
    color: #000;
    font-size: 16px; 
}

.search span {
    color: #fff;
    font-size: 16px; 
    padding: 0.5%;
}

.search form {
	margin: 0;
	padding: 0;
	border: 0;
}


/*  HEADER END===========================================================*/



/*  MENU BEGIN===========================================================*/
#menu {
    background: none repeat scroll 0 0 #666;    
}

#menu ul ul {
    display: none;
    position: absolute;
    top: 100%;
}

#menu ul {
    display: inline-table;
    position: relative;
    font-family: Helvetica,Tahoma,Arial;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

#menu li {
    float: left;
    text-align: center;
    border-right: 1px solid #2b2b2b;
}

#menu ul li a.menu-home {
    padding: 20px;
    background: #FF0000;
}

#menu ul li a.language-current {
    padding: 18px;
}

#menu ul li a.language {
    padding: 10px 5px;
}

#menu ul li a.language img {
    padding-left: 10px;
    float: left;
}

#menu ul li a.language span {
    padding-left: 6px;
}

#menu li a {
    color: #fff;
    display: block;    
    padding: 16px 20px;
/*    background: #666;*/
    background: #666;
    transition: all 0.2s ease-in-out 0s;    
}
#menu ul ul li a {
    padding: 5px 10px;
    border: 1px solid #2b2b2b;
    border-right: none;
    border-bottom: none;
}

#menu ul ul {
/*    width: 240px;*/
    width:100%;
    z-index: 9999;
    left:0px;
    
}

#menu ul ul ul {
    position: absolute;
    top: 0;
/*    left: 100%;*/
    display: none;
    width:100%;
    left:0px;
}

#menu ul ul li{
/*    float: none;*/
    float: left;
    width: 280px;
    
    position: relative;
    //border-top: 1px solid #2b2b2b;
    text-align: left;
}

#menu li a:hover {
    background: #FF0000;
    text-decoration: none;
}

#menu ul li:hover > ul {
    display: block;
    transition: all 0.5s ease-in-out 0s;
}
#menu ul ul li:hover > ul {
    display: none;
    transition: all 0.5s ease-in-out 0s;
}
/*  MENU END===========================================================*/

/*FORM */
form {
    margin:1em;
    border:1px solid rgb(200,200,200);
    padding: 1em;
}
form input, form select, textarea {
    margin-bottom: 10px;    
    border:1px solid rgb(200,200,200);
    padding: 10px;
}
form input[type="text"], form input[type="password"], textarea {
    width: 90%;
}
form input[type="text"]:focus, form input[type="password"]:focus,textarea:focus {
    border:1px solid rgb(200,150,0);
}
form input[type="submit"],form input[type="button"],form input[type="reset"] {
    background-color: rgb(255,200,0);
    cursor:pointer;
    padding: 0.3em 1em;
}
form input[type="checkbox"] {
    margin-bottom: 1em;
}
form input[type="submit"]:hover,form input[type="button"]:hover, form input[type="reset"]:hover {
    background-color: rgb(255,0,0);
    color: rgb(255,255,255);
}

a.button, div.button {
    background-color: rgb(255,200,0);
    cursor:pointer;
    padding: 0.3em 1em;
}
a.button:hover, div.button:hover  {
    background-color: rgb(255,0,0);
    color: rgb(255,255,255);
}

/*  CONTENT BEGIN===========================================================*/
.col-left {
    text-align: -moz-left;
    text-align: left;
}

/*.col-center {
    text-align: -moz-center;
    text-align: center;
}*/

#google_map {
    margin-top: 5px;
}

#Frame-map {
    width: 100%;
}

.content #Frame-map, .company-media #Frame-map {
    width: 270px;
}

.content .new-companies span, .content .proposed-companies span, 
.content .categories span{
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight:bold;
    padding: 10px 20px;
}

.content .proposed-companies span {
    background-color: #FF0000;
}

.content .new-companies span, .content .categories span {
    background-color: #FF9933;    
}

.proposed-companies, .my-company .company-media {
    padding-left: 2%;
    padding-right: 2%;
}

@media screen and (max-width: 800px) {
.proposed-companies, .my-company .company-media {
    padding-left: 0px;
    padding-right: 0px;
}    
}

.company-media .company-photo img {
    width: 270px;
}

.company-content {
    width: auto;
    border-bottom: 1px solid rgb(200,200,200);
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.company-name, .company-shortdescription, .more,
.company-adress, .company-phones {
    color: #000;
}

.company-name {
/*    border-top: 1px solid rgb(200,200,200);*/
}

.company-shortdescription {
/*    border-bottom: 1px solid rgb(200,200,200);*/
    margin-bottom: 1em;
    font-size: 1em;
    
}

.click {
    color: #FF9933;
    cursor: pointer;
}

.companies .company-name a, .contact-content a:hover, 
.breadcrumbs, .more a, .contact-content a, .breadcrumbs:hover {
    text-decoration: none;
}

.message {
    margin-bottom: 5px;
    padding-left: 5px;
}

.more a:hover, .contact-content a:hover, 
.breadcrumbs {
    color: #FF0000;    
}

.more a, .contact-content a, .breadcrumbs:hover {
    font-weight: bold;
}

.contact-content {
    width:90%;
}

.my-company .contact-data span {
    /*display: inline;*/
    color: #000;
    font-family: Helvetica,Tahoma,Arial;
}

.contact-content form {
    margin: 0;
}

.my-company .contact-data p {
    margin: 0;
}

.company-description {
    color: #000;
}

.my-company {
    padding-right: 10px;
}

.my-company h2, h3{
    color:#000;
    font-style: normal;
}

.my-company span p {
    margin-bottom: 0;
   /* */font-weight: normal;
}

.my-image {
    background: url("../img/main_image.jpg") no-repeat ;
    width: 270px;
    height: 249px;
}

.my-company-address {
    background-color: #33CCFF;
    width: 270px;
    height: 270px;
    text-align: -moz-center;
    text-align: center;
}

.my-company-address p {
    margin: 0;
}

.my-company-address-content {
    padding-top: 40px;
}

#carousel {
    position: relative;
    left: 10px;
}

.carousel ul li img {
    margin: 5Px;
    width: 125px;
    height: 125px;
}

.page-navigation {
    margin: 0 auto;
}

/* NAV CATEGORIES BEGIN*/
ul.menu {
	margin: 0 auto;
	display: block;
	/*width: 200px;
	background: #269CCB;
	box-shadow: 0 0 4px #888888;
	border: 1px solid #cccccc;*/
	list-style: none;
}
ul.menu  > li, ul.active  > li {
	border-bottom: 1px solid #ccc;
        padding-left: 20px;
}
ul.menu > li > a {
	position: relative;
	display: block;
	line-height: 34px;
	color: #000;
	font-size: 14px;
	padding-left: 10px;
        padding-right: 20%;
	text-decoration: none;
}
ul.active > li:last-child,
ul.menu > li:last-child {
	border-bottom: none;
}
ul.menu li a:hover {
	/*background: #2391bd;*/
}
ul.active, ul.submenu {
	list-style: none;
	/*background: #F6F6F1;*/
}
ul.active > li, ul.submenu > li {
	position: relative;
	border-bottom: 1px solid #ccc;
}
ul.active > li > a, ul.submenu > li > a {
	position: relative;
	display: block;
	line-height: 30px;
	color: #000;
	font-size: 13px;
	padding-left: 10px;
        padding-right: 20%;
	text-decoration: none;
}
ul.active > li > a:hover {
	/*background: #E9E9E9;*/
}
#nav ul.menu li a span, #nav-subcat ul.menu li a span{
    color: #000;
    font-size: 12px;
    padding: 0;
    margin-top: 0;
    position: absolute;
    width: 16px;
    height: 16px;
}
#nav ul.menu li a span.count-comp, #nav-subcat  ul.menu li a span.count-comp{
    right: 35px;
    top: 1%;
    font-weight: bold;
    background: none;
}
#nav ul li ul, #nav-subcat ul li ul{
    display: none;
}

#nav div.arrow, #nav-subcat div.arrow{
    background: url("../img/add.png") no-repeat top center;
    position: relative;
    width:16px; 
    height:16px;
    top: 10px;
    left: -18px;
    cursor: pointer; 
    float: left;
}

/* NAV CATEGORIES BEGIN*/
span.all-categories {
    cursor: pointer;
}




/*  CONTENT END===========================================================*/

/*  FOOTER BEGIN===========================================================*/
#footer {
    background: none repeat scroll 0 0 #5F5F5F;
    margin-top: 20px;
}

.footer {
    padding-top: 30px;
    padding-bottom: 40px;
}

.footer  li a {
    color: #fff;
    font-weight:bold;
    transition: all 0.2s ease 0s;
}

.footer  li a:hover {
    color: #e84a4a;
    text-decoration: none;
}

/*  FOOTER END===========================================================*/

/*  PAGE NAVIGATION BEGIN===========================================================*/
.page-navigation ul li {
    background-color: #e84a4a;
    color: #fff;
    float: left;
    margin-left: 5px; 
    font-weight: bold;
    font-size: 16px;
    display: block;
}

.page-navigation ul .current_page, .page-navigation ul .blank_link {
    padding: 5px 10px;
}

.page-navigation  a {
    padding: 5px 10px;
    text-decoration: none; 
    display: block;
}

.page-navigation span {
    display: block;
}

.page-navigation span a {
    color: #fff;
}

.page-navigation ul .current_page, .page-navigation li:hover {
    background-color: #000; 
}

.page-navigation ul li.page_link {
    cursor: pointer;
}
/*  PAGE NAVIGATION END===========================================================*/
.col-pad-1 {
    padding: 1%;
}

.col-mg-1 {
    margin: 1%;
}

.col-mg-tp-bt-1 {
    margin-top: 1%;
    margin-bottom: 1%;
}

.col-mg-tp-bt-2 {
    margin-top: 2%;
    margin-bottom: 2%;
}

.col-mg-tp-bt-3 {
    margin-top: 3%;
    margin-bottom: 3%;
}

.col-mg-tp-bt-5 {
    margin-top: 5%;
    margin-bottom: 5%;
}

.col-mg-tp-1 {
    margin-top: 1%;
}

.col-mg-lf-rt-1 {
    margin-left: 1%;
    margin-right: 1%;
}

.col-mg-lf-rt-2 {
    margin-left: 2%;
    margin-right: 2%;
}


#select-menu {
    width: 100%;
    padding: 0.5em 2%;
    font-size: 1.5em;
}

.events-dates, .offers-dates {
    font-weight: bold;
    font-size: 16px;
}

.search-btn {
    margin-top: 10px; 
    background-color:#FF9933 !important; 
    color:#FFFFFF; 
    padding:2px 10px; 
    border:0px; 
    cursor:pointer;
    border-radius: 5px;
}

.search-btn:hover {
    background-color:#FF0000 !important;
    color:#000;
}

#endsoon {
    color: #e84a4a;
    font-weight: bold;
    font-size: 24px;
    text-decoration: none;
}

form#search input[type="text"] {
    border-radius:3px;
    border:none;
    background-color: rgb(240,240,240);
}

.offers-content, .events-content {
    padding-bottom: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid rgb(200,200,200);
}.register {    color: #0654BA;}


.headcell {
    font-weight: bold;
    background-color: rgb(220,220,220);
    border:none;
    margin:1px;
}
.inputcell {
    border:none;
    margin:1px;
    background-color: rgb(240,240,240);
}

.filebrowser {
    position:fixed; 
    width:78%; 
    display:none; 
    top:10vh; 
    left:10%; 
    max-height:80vh; 
    overflow:auto; 
    padding: 10px 1%;
    background-color: #fff;
    border: 5px solid rgb(200,200,200);
}

.close-filebrowser {
    padding: 10px 0px;
    color: red;
    text-align: right;
    cursor: pointer;
    border-bottom: 1px solid rgb(200,200,200);
}

.upload-file {
    padding: 10px 0px;
    color: blue;
    text-align: center;
    cursor: pointer;
    border-top: 1px solid rgb(200,200,200);
}

.select-file {
    background-color: rgb(200,200,250);
    padding: 5px 10px;
    margin:10px 0px;
    cursor:pointer;
}

.file {
    padding: 10px;
    border-top: 1px solid rgb(200,200,200);
}






ul.side-menu li {
    padding: 10px;
    /* border-bottom:1px solid #fff; */
    font-size:18px;
    cursor: pointer;
}
ul.side-menu li:hover,
ul.side-menu li.active {
    background-color: #000;
    color:#fff;
}

ul.side-menu li:hover img,
ul.side-menu li.active img {
    filter: grayscale(100%) brightness(0) sepia(100%) hue-rotate(0deg) saturate(0) invert(100%);
}