.top-head-logo {
	position: relative;
    display: block;
    width: 1200px;
    overflow: visible;
    padding: 0;
    margin: -6px auto 0 auto;
    border: solid 0px #ccc;
}

.nav-head {padding: 6px 0 0 9px;} /* see org in styles.css */

.navbar a {
  float: left;
  font-size: 16px;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.nav-head a {
    float: left;
    font-size: 15px;
    color: #666;
    text-align: center;
    padding: 14px 16px 10px;
    cursor: pointer;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: #646464;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0 5px 0 0; /* Important for vertical align on mobile phones */
 
}
.dropdown .dropbtn:hover {
  color: #e69506;
}
.solobtn:hover  {
  color: #e69506!important;
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #f5f5f5;
}

/* Dropdown content (hidden by default) */
.dropdown-content { /*  Integrations */
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 290px;
  border-radius: 8px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  opacity: 0;
  transition: opacity 4s; /* Use "ease-in" timing function */
  padding: 1px;
}
.dropdown-content1 { /*  services*/
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 295px;
  border-radius: 8px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  opacity: 0;
  transition: opacity 4s; /* Use "ease-in" timing function */
  padding: 1px;
}


.dropdown-content2 { /* main Features */
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 405px;
  border-radius: 8px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
 padding: 1px;
}
.dropdown-content3 { /* Services   */
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 250px;
  border-radius: 8px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  opacity: 0;
  transition: opacity 4s; 
  padding: 1px;
}
.dropdown-content4 { /* Support */
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 750px;
  border-radius: 8px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding: 1px;
}
.dropdown-content5 { /* About us */
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 200px;
  border-radius: 8px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding: 1px;
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  background: #f5f5f5;
  padding: 16px;
  color: #36567a;
}

/* 
.dropdown-content5:hover > a:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999999;
}
*/


/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
    width: 750px;
	color: #e69506;
    margin: 0 auto;
	opacity: 1;
}

.dropdown:hover .dropdown-content1 {
  display: block;
    width: 750px;
	color: #6aa6d2;
    margin: 0 auto;
	opacity: 1;
}

.dropdown:hover .dropdown-content2 {
  display: block;
    width: 535px;
    margin: 0 auto;
}

.dropdown:hover .dropdown-content3 {
    display: block;
	width: 524px;
    margin: 0 auto;
}
.dropdown:hover .dropdown-content4 {
    display: block;
	width: 235px;
    margin: 0 auto;
}
.dropdown:hover .dropdown-content5 {
    display: block;
	width: 235px;
    margin: 0 auto;
}
  
.dropdown-content h2 {color: #36567a;}

/* Create three equal columns that floats next to each other */
.column  {
  float: left;
  width: 32%;
  padding: 5px;
  margin-right: 8px;
  height: 180px;
}

.column1  { /* integrations */
  float: left;
  width: 32%;
  padding: 5px;
  margin-right: 8px;
  height: 220px;
}
.column2 {
  float: left;
  width: 46%;
  padding: 5px;
  margin-right: 8px;
  height: 230px;
}
.column3 {
   float: left;
  width: 45%;
  padding: 5px;
  margin-right: 8px;
  height: 260px;
}
.column4 {
   float: left;
  width: 96%;
  padding: 5px;
  margin-right: 8px;
  height: 177px;
}
.column5 {
   float: left;
  width: 96%;
  padding: 5px;
  margin-right: 8px;
  height: 234px;
}

/* Style links inside the columns */
.column a {
  float: none;
  color: #646464;
  padding: 15px;
  text-decoration: none!important;
  font-size: 16px;
  display: block;
  text-align: left;
  border-bottom: solid 1px #f5f5f5;
}
.column1 a {
  float: none;
  color: #646464;
  padding: 15px;
  text-decoration: none!important;
  font-size: 16px;
  display: block;
  text-align: left;
  border-bottom: solid 1px #f5f5f5;
}
.column2 a {
  float: none;
  color: #646464;
  padding: 15px;
  text-decoration: none!important;
  font-size: 16px;
  display: block;
  text-align: left;
  border-bottom: solid 1px #f5f5f5;
}
.column3 a {
   float: none;
  color: #646464;
  padding: 15px;
  text-decoration: none!important;
  font-size: 16px;
  display: block;
  text-align: left;
  border-bottom: solid 1px #f5f5f5;
}
.column4 a {
   float: none;
  color: #646464;
  padding: 15px;
  text-decoration: none!important;
  font-size: 16px;
  display: block;
  text-align: left;
  border-bottom: solid 1px #f5f5f5;
}
.column5 a {
   float: none;
  color: #646464;
  padding: 16px;
  text-decoration: none!important;
  font-size: 15px;
  display: block;
  text-align: left;
  border: solid 0px teal;
  border-bottom: solid 1px #f5f5f5;
}

.column a:last-child  {border-bottom: solid 0px #f5f5f5;}
.column1 a:last-child  {border-bottom: solid 0px #f5f5f5;}
.column2 a:last-child  {border-bottom: solid 0px #f5f5f5;}
.column3 a:last-child  {border-bottom: solid 0px #f5f5f5;}
.column4 a:last-child  {border-bottom: solid 0px #f5f5f5;}
.column5 a:last-child  {border-bottom: solid 0px #f5f5f5;}


.column img {margin-bottom: -5px; margin-right: 8px; width: 20px;}
.column1 img {margin-bottom: -5px; margin-right: 8px; width: 20px;}
.column2 img {margin-bottom: -5px; margin-right: 8px; width: 20px;}
.column3 img {margin-bottom: -5px; margin-right: 8px; width: 20px;}
.column4 img {margin-bottom: -5px; margin-right: 8px; width: 20px;}
.column5 img {margin-bottom: -5px; margin-right: 8px; width: 20px;}
/* 
.column a::before {
  content: "» ";
  color: #e69506;
}
.column2 a::before {
  content: "» ";
  color: #e69506;
}
*/

/* Add a background color on hover */
.column a:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
}
.column1 a:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
}
.column2 a:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
}
.column3 a:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
}
.column4 a:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
}
.column5 a:hover {
  background-color: #f5f5f5;
  border-radius: 8px;
}

.row-sub {
	display: block; 
	padding: 10px 0 10px 10px; 
	text-transform: uppercase;
	color: #1a1a1a;
	font-size: 14px; 
	font-weight: normal; 
	border-radius: 0 0 10px 10px;
	border-radius: 0;
	background: #c9dfef;
	background: #ddeaf5;
	}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* Mobile */

@media (max-width:768px) {
	.top-bar {display: none;}
	.top-head {display: none;}
	.top-wrap {margin: 0;}
	
	.top-head-logo {
		display: block;
		width: 100%;
		padding: 14px 0 0 0;
		margin: 0;
		overflow: hidden;
	}
	.logo {border: solid 0px gold; margin-top: 8px;}

    .top-login-menu {
        margin: 10px 12px 14px 0;
        padding: 6px;
        display: inline-block;
        float: right;
        border: solid 1px #ccc;
        border-radius: 5px;
    }
	
.mobile-menu {color: #fff; padding: 2px 0 0 0; margin-top: 3px; font-size: 12px; font-weight: 400;}

.ico-phone {display: block; float: left; width: 15px; width: 15px; margin: 0;}
.ico-phone svg {width: 100%;}
button .callnow {display: block; float: left; width: 120px;  border: solid 0px cyan; padding: 8px 0 0 0;}

.ico-hamb {display: block; float: left; width: 18px; width: 18px;}
.ico-hamb svg {width: 100%;}

}

/* -- iPad styles --- */
@media screen and (min-width: 670px) and (max-width: 1106px) {

	.top-head-logo {width: 99%;}	
	.nav-head {width: 690px !important;}

	.dropdown .dropbtn
	{
    padding: 14px 10px;
    margin: 0 5px 0 0;
	}
	
	.dropdown-content { /*  Integrations */
		left: 190px;
	}
	.dropdown-content1 { /*  services*/
		left: 195px;
	}
	.dropdown-content2 { /* main Features */
		left: 305px;
	}
	.dropdown-content3 { /* Services   */
		left: 150px;
	}
	.dropdown-content4 { /* Support */
		left: 650px;
	}
	.dropdown-content5 { /* About us */
		left: 100px;
	}