/* basic measures */

html{
	overflow-x:hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    background: #fff;
	overflow-x:hidden;
}

/*  */

h1, h2, h3, h4{
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	line-height:120%;
	color:#1ba1e2;
}
h1{
	font-size:44px;
	margin-bottom:40px;
	font-weight: 500;
}
h2{
	font-size: 32px;
	margin: 30px 0 30px 0;
	color: #a6ce39;
	font-weight: 600;
	display: block;
}
h3{
	font-size:24px;
	margin:30px 0 20px 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
h4{
	font-size:20px;
	margin-bottom:20px;
	font-weight: 600;
}
.mb-0{
	margin-bottom: 0 !important;
}

/*  */

p{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 170%;
	color: #444;
	margin-bottom: 20px;
	display:inline-block;
	width:100%;
}

a{
	color:#1ba1e2;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.hide{
  display: none !important;
}
.img-fuild, .img-responsive{
  max-width: 100%;
}
.img-responsive-force {
	max-width: 100% !important;
}
.visible-md {
	display: none !important;
}


/*  forms  */
.form{
	display:block;
	padding:20px 0 0 0;
}
.form .form-errors{
	display:block;
	color:red;
	width:100%;
}

.form .row-form{
	display: inline-block;
	width: 45%;
	margin:0 0 15px 0;
}

.form.contact-us .row-form {
	width:100%;
}

.form.contact-us {
    display:inline-block;
    width:100%;
}

#stlivechat0 a.ChatButtonSVG {
    height:22px;
    width:225px;
    position:relative;
    top:8px;
    display:inline-block;
    margin-left: 10px;
}

#stlivechat0 a.ChatButtonSVG img {
    max-width:22px;
    max-height:22px;
}

#stlivechat0 a.chat-online:after {
    content:"Online - Chat with us";
    position:relative;
    top:-7px;
    margin-left:5px;
}

#stlivechat0 a.chat-offline:after {
    content:"Offline - Leave a message";
    position:relative;
    top:-6px;
    margin-left:5px;
    color:#7C7C7C;
}

.form .row-form label, .form .row-form input{
	vertical-align:middle;
	display:inline-block;;
}
.form .row-form label {
  min-width: 200px;
  vertical-align:top;
}
.form .row-form input, .form .row-form select, .form .row-form textarea {
  border: 1px solid #ddd;
  padding: 10px;
  color: #666;
  width:250px;
	border-radius: 4px;
}

.form .row-form.submit{
	display:block;
	margin:20px 0 0 0;
}
.form .row-form.submit input[type="submit"]{
}
/* end */

/* buttons */


.add2cart-button input[type="submit"], .cart-controls input[type="submit"] {
	color:#fff;
	background:#a6ce39;
	text-transform:uppercase;
	text-decoration:none;
	padding:5px 25px;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	border: none;
}
.add2cart-button input[type="submit"]:hover, .cart-controls input[type="submit"]:hover{
	background:#1ba1e2;
	text-decoration:none;
	cursor: pointer;
	pointer: hand;
}
/*end*/

/* sticky header */
.container_fixed {
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;}

/* sticky header end */

div.cont {
    z-index: 1;
    width: 100%;
    background: #fff;
	padding:150px 0 100px 0;
}
div.cont h1{
	border-bottom: 1px solid #1ba1e2;
	padding-bottom: 25px;

}

div.cont.Home {
	padding: 112px 0 0 0;
}

header {
    z-index: 5;
	position:fixed;
}

.container ul, .column ul{
	margin: 0 0 25px 0;
}
.container ol, .column ol{
	list-style-type: decimal;
	margin: 0 0 25px 0;
}
/*
.container ul li:before, .column ul li:before{
font-family: FontAwesome;
  content: "\f04d";
  color: #1BA1E2;
  padding: 0 15px 0 20px;
  font-size: 7px;
  display: inline-block;
  vertical-align: middle;
}*/

.container .contact-us ul li {
	display:inline-block;
	width:100%;
}

.container ul li, .column ul li, .container ol li, .column ol li{
	padding: 0 0 0 0px;
	list-style-position: inside ;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 170%;
	color: #444;
	margin: 0 0 5px 30px;
	padding: 0 0 0 20px;
}
.container ul li, .column ul li {
	background: url("../images/bullet.png") no-repeat top left transparent;
}
.container ol li, .column ol li{
	  margin: 0 0 0 15px;
}
.main-logo {
    float: left;
    position: absolute;
}

.main-logo a {
    display: block;
    margin: 15px 0;
    text-decoration: none;
}
.main-logo a.padded {
    margin: 38px 0;
}

/* Top Navigation */

.top-nav {
    float: right;
    margin: 25px 0 0 0;
}

.top-nav-link {
    float: left;
    border-top: 1px solid #ebebeb;
    border-right: 0 solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
}

.top-nav-link:last-child {
    border: 1px solid #ebebeb;
}

.top-nav-link a, .main-nav-mobile .contact-us-tablet {
    display: table-cell;
    height: 36px;
    padding: 0 25px;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    color: #a2a2a2;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
}

.main-logo .contact-us-mobile {
	display:none;
}

.main-nav-mobile .contact-us-tablet a {
	color: #a2a2a2;
}

.top-nav-link .contactus, .main-nav-mobile .contact-us-tablet {
    padding-left: 55px;
    background: url("../images/contactus.png") no-repeat scroll 15px center #fff;
}

.main-nav-mobile .contact-us-tablet {
	color:#a2a2a2;
	display:none;
}

.top-nav-link .contactus:hover .main-nav-mobile .contact-us-tablet:hover {
	color:#fff;
	background: url("../images/contactus-hover.png") no-repeat scroll 15px center #1ba1e2;
}

.top-nav-link .partnerships {
    padding-left: 55px;
    text-decoration: none;
    color: #a6ce39;
    background: url("../images/partnerships.png") no-repeat scroll 15px center #fff;
}
.top-nav-link .partnerships:hover{
	color:#fff;
	background: url("../images/partnerships-hover.png") no-repeat scroll 15px center #a6ce39;
}

.top-nav-link .support.login {
	padding-left: 55px;
    text-decoration: none;
    background: url("../images/support.png") no-repeat scroll 15px center #fff;
}

.top-nav-link .support.login:hover {
	color:#fff;
	background: url("../images/support-hover.png") no-repeat scroll 15px center #a6ce39;
}

.top-nav-link .login:hover{
		background: #a6ce39;
		color:#fff;
	}

.top-nav-link.top-search input[type="text"] {
    display: inline-block;
    width: 200px;
    height: 36px;
    border: 0;
    color: #999;
}

.top-nav-link.top-search>span {
    display: inline-block;
}

.top-nav-link.top-search input[type="image"] {
	display: inline-block;
	width: 40px;
	height: 30px;
	overflow: hidden;
	vertical-align: bottom;
	background: url("../images/search.png") no-repeat scroll 10px 0 #fff !important;
	border: 0 !important;
	box-shadow: 0 0 0px rgba(0,0,0,0);
	padding: 30px 0 0 0;
	margin: 0;
}

/* Main Navigation */
.main-nav-mobile{
	display:none;
}
.main-nav {
    float: right;
    clear: both;
}

header .pb-menu {
    display: block;
    margin: 15px 0 0px 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
header .pb-menu > li:before{
	display:none;
}
header .pb-menu > li {
    list-style-type: none;
    vertical-align: top;
	display:inline-block;
	position:relative;
	padding: 0;
	background:none;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 2px !important;
}

.main-nav-mobile li.haschild > a:after {
    content: "\f107";
    font-family:fontawesome;
    font-size:1.2em;
    margin-left:0.5em;
}

header .pb-menu li a {
	display: block;
	padding: 6px 10px;
	margin:0 0 10px 0;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 16px;
	font-weight: bold;
	color: #173560;
	font-family: 'Open Sans', sans-serif;
	z-index:999;
	line-height: 30px;
}

/* Subnavigation */
header .pb-menu li ul{
	margin: -2px 0 0 0;
    padding: 0px 0 0 0;
	display:none;
    position: absolute;
    top: 48px;
    left: 0;
    /*width: 100px;*/
	background:none;
}
header .pb-menu li:hover ul{
	display:block;
}
header .pb-menu li ul li:before{
	display:none;
}
header .pb-menu-sub{
	background: #1ba1e2 !important;
	border-radius: 4px;

}
header .pb-menu li ul li{
	list-style-type: none;
    display: block;
	padding:0;
	margin:0;
	position:relative;
}
header .pb-menu li ul li a{
  text-decoration: none;
  margin:0;
  color: #fff;
  padding: 15px 30px 15px 20px;
  display: block;
  width: 300px;
  text-align: left;
  line-height: 150%;
  border-radius: 0px;
}
header .pb-menu li ul li a:hover, header .pb-menu li ul li.selected a:hover{
	background-color: #1992CD !important;
}

/* start: menu with logos */
.menu-with-logos .pegboard a, .menu-with-logos .silicone a, .menu-with-logos .optimise a, .menu-with-logos .cloudhost a, .menu-with-logos .jisti a{
    /* background-color: #1ba1e2; */
    background-repeat: no-repeat;
    background-origin: padding-box;
    background-position: 15px center;
    color: transparent;
    background-size: 40%;
    line-height: 200%;
		position: relative;
}

 .menu-with-logos.selected .pb-menu-sub-link {
	background: #1ba1e2 !important;
  color: transparent !important;
  background-repeat: no-repeat !important;
  background-origin: padding-box !important;
  background-position: 25px 12px !important;
  background-size: 40% !important;
}
.menu-with-logos .pb-menu-sub-link:hover, .menu-with-logos.selected .pb-menu-sub-link:hover {
	background-color: #1992CD !important;
}


.menu-with-logos .pb-menu-sub-item a, .menu-with-logos.selected .pb-menu-sub-item a:hover{
    /* background-color: #1ba1e2; */
    background-repeat: no-repeat !important;
    background-origin: padding-box !important;
    background-position: 25px 12px !important;
    color: transparent !important;
    background-size: 40% !important;
}
.menu-with-logos.selected .pegboard a:hover, .menu-with-logos.selected .silicone a:hover, .menu-with-logos.selected .optimise a:hover, .menu-with-logos.selected .cloudhost a:hover, .menu-with-logos.selected .jisti a:hover{
    /* background-color: #1ba1e2; */
    background-repeat: no-repeat !important;
    background-origin: padding-box !important;
    background-position: 25px 12px !important;
    color: transparent !important;
    background-size: 40% !important;
}

.menu-with-logos .pegboard a, .menu-with-logos .pegboard a:hover,
.menu-with-logos.selected .pegboard a, .menu-with-logos.selected .pegboard a:hover {
  background-image: url("../images/2019/v5/pegboard7-menu-logo-nopadd.png") !important;
    background-size: 45% !important;
}
.menu-with-logos .pegboard a::after{
	content: "Connected Websites for Digital Marketers";
    color: white;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 35px;
    bottom: 3px;
    right: 0;
    text-align: left;
}
.menu-with-logos .silicone a, .menu-with-logos .silicone a:hover,
.menu-with-logos.selected .silicone a, .menu-with-logos.selected .silicone a:hover {
  background-image: url("../images/2019/v5/silicone-menu-logo-nopadd.png") !important;
  background-size: 38% !important;
}
.menu-with-logos .silicone a::after{
	content: "Harmonious Core Systems Intergation";
    color: white;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 35px;
    bottom: 3px;
    right: 0;
    text-align: left;
}
.menu-with-logos .optimise a, .menu-with-logos .optimise a:hover,
.menu-with-logos.selected .optimise a, .menu-with-logos.selected .optimise a:hover {
  background-image: url("../images/2019/v5/optimise-menu-logo-nopadd.png") !important;
  background-size: 41% !important;
}
.menu-with-logos .optimise a::after{
	content: "Targeted Marketing and SEO";
    color: white;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 35px;
    bottom: 3px;
    right: 0;
    text-align: left;
}
.menu-with-logos .cloudhost a, .menu-with-logos .cloudhost a:hover,
.menu-with-logos.selected .cloudhost a, .menu-with-logos.selected .cloudhost a:hover {
  background-image: url("../images/2019/v5/cloudhost-menu-logo-nopadd.png") !important;
  background-size: 44% !important;
}
.menu-with-logos .cloudhost a::after{
	content: "Business Hosting Solutions";
    color: white;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 35px;
    bottom: 3px;
    right: 0;
    text-align: left;
}
.menu-with-logos .jisti a, .menu-with-logos .jisti a:hover,
.menu-with-logos.selected .jisti a, .menu-with-logos.selected .jisti a:hover {
    background-image: url("../images/2019/v4/jisti-white-logo.png") !important;
    background-position: 35px 8px !important;
}
.menu-with-logos .jisti a::after{
	content: "Sole Practitioner Software";
    color: white;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 35px;
    bottom: 3px;
    right: 0;
    text-align: left;
}
.menu-with-logos .jisti a, .menu-with-logos.selected .jisti .pb-menu-sub-link,
.menu-with-logos .jisti a:hover, .menu-with-logos.selected .jisti a:hover{
    background-size: 18% !important;
    /* background-position: 52px center !important; */
}
header  .pb-menu li.menu-with-logos ul li a:last-child{
	padding-bottom:25px;
}

/* end: menu with logos */


/* end */

/* Sub Subnavigation */
header .pb-menu li ul li ul{
  margin: -2px 0 0 0;
  padding: 0px 0 0 0;
  display: none;
  position: absolute;
  top: 2px;
  width: 100px;
  background: none;
  left: 302px;
}
header .pb-menu li:hover ul li ul{
	display:none;
}
header .pb-menu li ul li:hover ul{
	display:block;
}
header .pb-menu li ul li ul li a{
	background:#1992CD;
}

header .pb-menu li ul li ul li.mobile-mode a{
	background:#1ba1e2;
}

header .pb-menu li ul li ul li.mobile-mode a:hover{
    background:#1992CD;
}

/* end */

header .pb-menu .pb-menu-item a,
header .pb-menu a {
	border: 1px solid transparent;
	transition: ease all 0.2s;
	border-radius: 4px;
}


header .pb-menu .pb-menu-item.active a,
header .pb-menu .pb-menu-item.selected > a,
header .pb-menu a:hover {
    color: #fff;
    background: #1ba1e2;
    cursor: pointer;
	border: 1px solid #2296cd;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

header .pb-menu .pb-menu-item.active a:hover,
header .pb-menu .pb-menu-item.selected > a:hover {
	background: #2296cd;
}
header .pb-menu .pb-menu-item.call-to-action-button a {
	background: #a6ce39;
	color: #fff;
	border: 1px solid #93bb28;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

header .pb-menu .pb-menu-item.call-to-action-button a:hover {
	background: #86aa25;
	border-color: transparent;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

header .pb-menu .pb-menu-sub-item a{
	border-bottom: 1px solid #2296cd;
}

header .pb-menu .pb-menu-sub-item a:hover {
    border-radius: 0px;
	border-bottom: 1px solid #2296cd;
	box-shadow: none;
}


header .pb-menu .pb-menu-sub-item:first-child a:hover {
	 border-top-left-radius: 4px;
	 border-top-right-radius: 4px;
}

header .pb-menu .pb-menu-sub-item:last-child  a{
	 border-bottom: 0px;
}

header .pb-menu .pb-menu-sub-item:last-child a:hover {
   	 border-bottom-left-radius: 4px;
	 border-bottom-right-radius: 4px;
	 border-bottom: 0px;
}

header .pb-menu-item.active:after {
    content: " ";
    display: block;
    position: relative;
    top: 20px;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #1ba1e2;
    border-left: 15px solid transparent;
}

/* MegaMenu */
header .pb-menu li:hover ul.pb-menu-sub.pb-menu-mega{
	display:block;
}
ul.pb-menu-sub.pb-menu-mega {
  position: fixed;
  width: 100%;
  top: 126px;
  z-index:9999;
}
.megamenu-content {
    background: #173560;
}
.megamenu-content ul{
	display:block !important;
	width:100%;
}
.megamenu-content ul.MM-item-row {
    display: table !important;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
	left:0;
}
li.pb-menu-sub-item.pb-menu-mega-template{
	display:block;
	width:100%;
	height:100%;
	left:0;
}
.megamenu-content ul.MM-item-row li {
    display: table-cell;
    height: 403px;
}
.megamenu-content ul.MM-item-row li a {
    display: block;
    position: relative;
    height: 100%;
	width:100%;
    padding: 0;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
    line-height: 120%;
    color: #fff;
	padding-bottom:0 !important;
	z-index:9999;
}

.megamenu-content ul.MM-item-row li a div.mm-image {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    transition: 0.3s all ease;
}

.megamenu-content ul.MM-item-row li a:hover div.mm-image {
    opacity: 0.1;
}

.megamenu-content ul.MM-item-row li a div.mm-link {
    z-index: 1;
    position: absolute;
    width: inherit;
    width: 100%;
    height: 100%;
    padding: 135px 35px 0;
}

.megamenu-content ul.MM-item-row li a div.mm-link .PegboardSIL,
.megamenu-content ul.MM-item-row li a div.mm-link .PegboardODP,
.megamenu-content ul.MM-item-row li a div.mm-link .pegboard-silicone {
	font-size:0;
	position:relative;
}
.megamenu-content ul.MM-item-row li a div.mm-link .PegboardSIL:before,
.megamenu-content ul.MM-item-row li a div.mm-link .pegboard-silicone:before{
	background: url("../images/corporate/SIL-horizontal-white.png") no-repeat top left transparent;
	display: block;
	width: 315px;
	height: 115px;
	content: " ";
	background-size: 315px;
}


.megamenu-content ul.MM-item-row li a div.mm-link .PegboardODP:before{
	background: url("../images/corporate/ODP-vertical-dark-2.png") no-repeat top left transparent;
	display: block;
	width: 315px;
	height: 135px;
	content: " ";
	background-size: 205px;
	position: absolute;
	top: -20px;
}

.megamenu-content ul.MM-item-row li a div.mm-link span.button {
    display: block;
    clear: both;
    position: absolute;
    bottom: 0;
    margin: 0 0 35px -120%;
    padding: 15px 25px;
    border: 1px solid #ffffff;
    text-align: left;
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.megamenu-content ul.MM-item-row li a:hover div.mm-link span.button {
    margin: 0 0 35px 0;
}

.megamenu-content ul.MM-item-row li a:hover div.mm-link span.button i {
    padding-left: 5px;
}

/* Header styles */

header div.container_fixed {
    width: 100%;
    overflow: visible;
    box-shadow: 0 0 16px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0px 13px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0px 13px rgba(0,0,0,0.2);
	box-shadow: 0 0px 13px rgba(0,0,0,0.2);
	position:relative;
}

header div.container_fixed .container{
	padding:0 10px;
	height: 111px;
}

header div.peek_header a.partners_area {
    float: left;
    width: 200px;
    height: 36px;
    padding: 7px 0 0 53px;
    border-right: 1px solid #dddddd;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
}

header div.peek_header a.partners_area:hover {
    text-decoration: none;
}

header div.peek_header div.lang {
    float: left;
    width: 117px;
    height: 36px;
    background: none repeat scroll 0 0 #fff;
}

header div.peek_header div.lang div.style_select {
    width: 100px;
    overflow: hidden;
    background: url("../images/dropdown.png") no-repeat scroll 85px center #fff;
}

header div.peek_header div.lang select {
    width: 125px;
    height: 36px;
    padding-left: 36px;
    border: 0 none;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #c2c2c2;
    background: url("../images/ukflag.png") no-repeat scroll 20px center rgba(0,0,0,0);
}

header div.peek_header div.lang select option {
    padding: 5px 0 5px 10px;
}

header div.m_header {
    position: initial;
    padding-top: 20px;
}

header div.n_header {
}

header div.right_peek_header {
    float: right;
}

header div.wrapper_peek_header {
    border-bottom: 1px solid #ddd;
}

header div.n_header nav {
    float: right; /*position: initial*/
    padding-top: 7px;
    background: #fff;
}

header div.n_header nav ul {
    list-style: none;
}

header div.n_header nav ul li {
    float: left;
    position: relative;
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 35px;
    transition: all 0.4s;
}

header div.n_header nav ul li:hover {
    color: #fff;
    background: #1ba1e2;
}

header div.n_header nav ul li:last-child {
    margin-right: 0;
}

header div.n_header nav ul li a {
    padding: 5px 10px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #173560;
}

header div.n_header nav ul li a:hover {
    color: #fff;
}

header div.n_header nav ul li ul li {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
    color: #fff;
    background: #1ba1e2;
    transition: none;
}

header div.n_header nav ul li ul li a {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #fff;
}

header div.n_header nav ul li ul li:hover {
    background: #173560;
}

/*  header on scrolll down  */
header div.container_fixed .top-nav{
	margin:10px 0 0 0;
	transition:ease all 0.6s;
}
header div.container_fixed .pb-menu{
	margin:32px 0 0 0;
	transition:ease all 0.6s;
}
header div.container_fixed ul.pb-menu-sub.pb-menu-mega{
	top:109px;
	transition:ease all 0.6s;
}
header div.container_fixed .main-logo a img {

	transition:ease all 0.6s;
}

header .top-nav-link {
	position:relative;
}

header .top-nav-link ul.pb-menu-sub {
	display:none;
	z-index:999;
	min-width:220px;
}

header .top-nav-link ul li a {
	color:#FFFFFF;
	padding:0em;
	padding: 5px 25px;
	width:100%;
	display:inline-block;
	height:auto;
}

header .top-nav-link ul li a:hover {
	background: #1992CD;
}
header .top-nav-link ul li:before{
	display:none;
}
header .top-nav-link ul li {
	list-style-type:none;
	padding-left:0em;
	margin:0em;
	background:none;
}

header .top-nav-link:hover ul.pb-menu-sub {
	display:block;
	position:absolute;
	left:0px;
	background:#1ba1e2;
}

/* design for header ends here */

/* menu starts here */

a.pb-menu-link:hover {
    color: #fff;
}

.pushtop {
    top: 66px !important;
}

/* menu ends here */

/* design for tab section starts here */
section#tab{
	padding: 50px 0 50px 0;
}

section#tab .tab-content{
	display:block;
	margin:0 10px;
	background:#1aa1e1;
	padding:25px;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	font-size:16px;
	text-decoration:none;
	min-height:375px;
}

section#tab .products-pegboard7 .tab-content {
	min-height: 400px;
	margin-bottom: 20px;
}

section#tab .products-pegboard7 .tab-content .image {
	text-align: center;
}

section#tab .products-pegboard7 .tab-content .image img {
	max-height: 150px;
}

section#tab .products-pegboard7 .tab-content .button-container {
	text-align: center;
}

section#tab .products-pegboard7 .tab-content .button-container a {
	line-height: 44px;
    display: inline-block;
}

section#tab .products-pegboard7 .tab-content h3 {
	text-align: center;
}

section#tab .products-pegboard7 .tab-content:first-child, section#tab .products-pegboard7 .tab-content:last-child {
	margin-bottom: 20px;
}

section#tab .products-SIL .tab-content {
    padding: 25px 25px 0;
    min-height: 510px;
}

section#tab .products-cloud .tab-content {
	padding: 25px 25px 0;
    min-height: 400px;
}

section#tab .tab-button-container {
    display: block;
    text-align: center;
    margin-top: 40px;
}

section#tab .tab-button-container > a {
    margin-right: 40px;
}

section#tab .tab-button-container > a:last-child {
    margin-right: 0;
}

.partnering section#tab .tab-content {
	min-height:initial;
}

.partnering section#tab .tab-content a {
	height:auto;
}

#tab .container{
	max-width: 1400px;
}

section#tab .tab-content h2{
	margin-top:0;
}
section#tab .tab-content p{
	min-height: 160px;
	line-height: 140%;
	font-size: 16px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	margin:0 0 30px 0;
	display:block;
}
section#tab .tab-content:last-child{
	margin:0 0 0 20px;
}

section#tab .tab-content:first-child{
	/* margin:0 20px 0 0; */
}

section#tab .tab-content h1, section#tab .tab-content h2, section#tab .tab-content h3 {
	color:#fff;
	font-size: 21px;
	font-weight: bold;
}
section#tab .tab-content p > a{
	margin:20px 0 0 0;
}
section#tab .tab-content .tab-button {
	display: table;
	margin: auto;
}
section#tab .tab-content a{
    color:#fff;
	background:#a6ce39;
	text-transform:uppercase;
	text-decoration:none;
	padding:0px 10px;
	font-size:14px;
	line-height:110%;
	font-family: 'Open Sans', sans-serif;
	display:table-cell;
	margin:0px 0 0 0;
	height:45px;
	vertical-align:middle;
	text-align:center;
	border-radius: 4px;
	transition: ease all 0.4s;
	border: 1px solid #93bb28;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
section#tab .tab-content a:hover {
	background: #86aa25;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}


section#tab.products .tab-content p {
  min-height: unset;
}
section#tab.products .tab-content p.pcontent {
  min-height: 160px;
}
section#tab .container-extended .tab-content p.plogo {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 55px !important;
  text-align: center;
  margin-bottom: 30px !important;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
section#tab .container-extended .tab-content h2.ptitle {
  min-height: 50px !important;
}
section#tab .container-extended .tab-content p.plogo img {
  max-height: 50px;
  margin-top: auto;
}
.pegboard7-footer {
	background-size: contain !important;
}
/* design for tab section ends here */

/* design for banner section starts here */

section#banner {
    max-height: 625px;
    overflow: hidden;
}
#banner .slider-wrapper{
	max-height: 625px;
	background: #fff;
	position: relative;
}

section#banner img {
    height: initial;
}

div.findout {
	position: relative;
	width: 90%;
	max-width: 1180px;
	display: block;
	text-align: left;
	top: -85px;
	margin: 0 auto;
}

/* Placing find out more on banner */

div.findout a.find {
	padding: 10px 30px;
	border: 2px solid;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	position: inherit;
	margin: 0 0 0 15px;
}
div.findout a.find:hover {
	background:#1aa1e1;
}

/* design for banner section ends here */

/* design for Featured Resources section starts here */
#featured-resources{
	margin: 0 auto;
	text-align: center;
	margin-bottom: 50px;
	display: block;
	padding: 30px 50px;
}
.carousel-slideshow{
	height:330px;
}
.cycle-carousel-wrap{
}
.carousel-slideshow .case-study-img-container{
  max-width: 500px;
  margin: 0 20px;
  position: relative;
  height: 300px;
}
.carousel-slideshow .case-study-img-container img{
	height: 300px;
	width: 500px;
}
.carousel-slideshow .case-study-img-container .hover-case-study{
  position: absolute;
  top: 0;
  display: table;
  width: 100%;
  max-width: 500px;
  height: inherit;
  vertical-align: middle;
  box-shadow: 0 0px 13px rgba(0,0,0,0.2);
}
.carousel-slideshow .case-study-img-container .hover-case-study a{
  display: table-cell;
background: rgb(00, 00, 00); /* Fallback */
   background: rgba(00, 00, 00, 0.7);
  vertical-align: middle;
  font-size: 24px;
  color:#fff;
  opacity:0;
  text-decoration:none;
  transition: ease all 0.3s;
}
.carousel-slideshow .case-study-img-container:hover .hover-case-study a{
	opacity:1;
}
#featured-resources .center{
  display: block;
  margin: 0;
  padding: 0;
  position:relative;
}
#featured-resources .center a{
	position:absolute;
	top: 150px;
	color:#1ba1e2;
	font-size:2em;
}
#featured-resources .center #carousel-prev{
	left:-25px;
}
#featured-resources .center #carousel-next{
	right:-27px;
}

#featured-resources h1 {
	color: #444;
	width: 50%;
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 25px;
    margin: 0px auto 40px auto;

	}


/* Featured Resources section ends here */

/* design for check or clients section starts here */

#testimonials {
    padding: 60px 0;
    color: #fff;
    background: url("../images/bg-testimonials.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#testimonials .container .column{
	width:100%;
	display:block;
	text-align:center;
}
#testimonials h1 {
    padding-bottom: 0px;
    text-align: center;
    font-size: 40px;
    /*font-weight: 100;*/
    color: #fff;
	width: 60%;
	border-bottom: 1px solid #fff;
    padding-bottom: 25px;
    margin: 0px auto 40px auto;
}

#testimonials .testimonial-box{
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  text-decoration: none;
  transition:ease all 0.3s;
}
#testimonials .testimonial-box:hover{
	background: rgba(00, 00, 00, 0.5);
}
#testimonials .testimonial-image{
	display:block;
	/* box-shadow: 0 0px 13px rgba(0,0,0,0.2); */
}
#testimonials .testimonial-description{
  display: block;
  color: #fff;
  font-size: 1em;
  line-height: 150%;
  padding-top: 11px;
}

.testimonial-listing{

}
.testimonial-listing .testimonial-container{
  display: block;
  border-bottom: 1px solid #eee;
  padding: 40px 0;
}
.testimonial-listing .testimonial-container .quote{
  padding: 0;
  line-height: 180%;
  display: table-cell;
}
.testimonial-listing .testimonial-container .quote-before{
	color: #ddd;
	display: table-cell;
	padding: 0 10px 0 0;
	vertical-align:top;
}
.testimonial-listing .testimonial-container .quote-after{
	color: #ddd;
	display: table-cell;
	padding: 0 0 0 10px;
	vertical-align:bottom;
}
.testimonial-listing .testimonial-container .quote-client{
	text-align: left;
	font-size: 18px;
	display: block;
	padding: 20px 0 0 30px;
	clear: both;
	font-weight: bold;
}

/* design for check or clients section ends here */

/* design for brand section starts here */

#brands{
    padding: 70px 0;
	background:#fff;
}
#brands .container{
	text-align:center;
}
#brands .container .column {
	width:100%;
	text-align:center;
}
#brands h1 {

    color: #444;
	text-align: center;
    width: 70%;
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 25px;
    margin: 0px auto 40px auto;

}
#brands .container .column a {
	display:inline-block;
	padding:20px;
	vertical-align:middle;
	border-radius: 4px;
}

#brands .container .column a:hover {
	background: #fcfbfb;
	border-radius: 4px;
}


#brands .container .column a img {
	border:0;
	max-height:100px;
	width: auto;
}

.container-extended{
  max-width: 1700px;
}
.container-extended .tab-content{
  background: transparent !important;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  box-shadow: 0 0px 13px rgba(0,0,0,0.2);

}

section#tab h1 {

    color: #444;
	text-align: center;
    width: 50%;
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 25px;
    margin: 0px auto 40px auto;

}

section#tab .container-extended .tab-content h1, section#tab .container-extended .tab-content h2, section#tab .container-extended .tab-content h3{
    color:#a6ce39;
}
section#tab .container-extended .tab-content p{
    color:#444;
}

/* design for brand section ends here */

/* design for events section starts here */
section#events .footer-col-cont:first-child{
	margin-right:40px;
}
section#events .footer-col-cont{
	display:block;
	margin:0 20px;
}
section#events .footer-col-cont:last-child{
	margin-left:40px;
}
section#events {
    padding: 50px 0 40px;
    background: #f6f6f6;
}

section#events div {
    font-size: 14px;
    color: #444;
		position: relative;
}

section#events div h2 {
    margin: 0;
    /*font-weight: 100;*/
    color: #444;
	display:block;
	border-bottom:1px solid #c2c2c2;
	line-height:200%;
	margin-bottom:30px;

}

section#events div h2 a{
	color:inherit;
}
section#events div h2 a:hover {
	text-decoration:underline;
}

section#events .single_event .summary {
	font-size:14px;
	margin-top:1em;
}

div.single_event {
}

div.single_event h3{
	line-height:100%;
	margin-bottom:10px;
	margin-top: 15px;
}

div.single_event h3 a {
  font-size: 14px;
  line-height: 100%;
  color: #1ba1e2;
  font-family: 'Open Sans', sans-serif;
}

div.date i{
	font-size: 18px;
	color: #666;
}
div.date time {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	margin-left: 10px;
}

div.date p {
    padding-left: 35px;
    /*font-weight: 100;*/
    background: url("../images/calendar.png") no-repeat scroll 0 center rgba(0,0,0,0);
}

div.place {
	margin-top:15px;
}

div.place p.marker i{
  font-size: 24px;
  color: #777;
  width: 30px;
  display: inline-block;
  padding-left: 2px;
}

div.place p.marker {
   font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:10px;
	color: #444;
}

div.place p.address {
	padding-left: 30px;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  line-height: 15px;
  margin-bottom: 10px;
  color: #444;
}

.event-page .internal-content img {
	padding:10px;
}

.event-page div.date i {
	color: #115CB2;
}

.event-page div.place p.marker i {
	color: #DF3E3E;
}

.event-page div.date time {
	font-size:18px;
}

.event-page .form {
	margin-bottom:2em;
}

.event-page div.place p.marker, .event-page div.place p.address {
	font-size:18px;
	color:#666;
	margin-bottom:0em;
}

.event-page div.place {
	margin-top:0em;
}

.event-page .internal-content h2 {
	margin-bottom:0.5em;
}

.event-page .location {
	margin-bottom: 2em;
	border-bottom: 1px solid #D0D0D0;
	padding-bottom: 1em;
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #D0D0D0;
	background: #F0F0F0;
	padding: 1em 1.5em;
}
/* design for events section ends here */

/* design for corporate section starts here */

section#corporate {
    padding: 40px 0 50px 0;
    text-align: center;
}

section#corporate img {
    padding: 0 25px;
}

/* design for corporate section ends here */

/* design for top footer starts here */

#top_footer {
    padding-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
    color: #fff;
    background: #444444;
}

#top_footer .container {
    padding-bottom: 10px;
	margin-bottom:30px;
    /*border-bottom: 1px solid #091d3b;*/
}

#top_footer .container:last-child{
	padding-bottom: 0px;
	margin-bottom:0px;

}

#top_footer .container h2 {
    margin-top: 0;
	color:#fff;
	display: block;
	border-bottom: 1px solid #c2c2c2;
    line-height: 200%;
    margin-bottom: 15px;
	width: 460px;
	max-width: 100%;
}

#top_footer .container h4 {
	color:#fff;
}

#top_footer .container p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 150%;
	/*font-weight: 100;*/
	color:#fff;
}

#top_footer .container ul{
}
#top_footer .container ul li{
	list-style: none;
	padding: 0;
	margin: 0;
	background:none;
}
#top_footer .container ul li:before{
	display:none;
}
#top_footer .container ul li a{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#fff;
	display:block;
	margin:0;
}

#top_footer .container.social-footer a{
	display:inline-block;
	margin:0 15px 30px 0;
}

#top_footer .three-columns {
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	padding-top: 20px;
}

.tweet-box{
position: relative;
  border-top: 1px solid #c2c2c2;
  margin: 25px 0 0 0;
}

.bird_wrapper {
	display:block;
}

.bird_wrapper .bird {
	position: absolute;
	top: 24px;
	left: 0px;
}
.bird_wrapper .tweet {
	display: block;
	padding: 25px 0px 0px 00px;
	font-size:14px;
	max-height: 440px;
	overflow: auto;
}
.bird_wrapper .tweet p{
	margin-bottom:0;
	font-size:14px;
}
.bird_wrapper .tweet p.rem{
	display:block;
	text-align:right;
	margin-bottom:10px;
	font-style:italic;
}

#twitter_update_list{
  display: block;
  position: relative;
}

.tweet #twitter_update_list .invisible{
	display:none;
}

.tweet #twitter_update_list #tw_content{
	display: block;
	overflow: hidden;
}
.tweet #twitter_update_list #tw_content .twt_time{
	text-align: right;
	font-style: italic;
	display: block;
	padding: 10px 10px 10px 0;
}
.tweet #twitter_update_list #tw_content .twt_content{
	line-height: 170%;
	white-space: normal;
}

.twitter-overlay{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
}

/* design for top footer ends here */

/* design for main footer starts here */

#main_footer {
    padding-top: 10px;
    background: #444444;
}

#main_footer  .container{
	padding:10px 0 20px 0;
}

#main_footer .left {
}

#main_footer .left {
    font-size: 14px;
    color: #FFFFFF;
	line-height: 16px;
}

#main_footer .right {
}

#main_footer .right ul {
    float: right;
    list-style: none;
	margin:0;
}
#main_footer .right ul li:before{
	display:none;
}
#main_footer .right ul li {
    float: left;
    margin-right: 40px;
	background:none;
}

#main_footer .right ul li:last-child {
    margin-right: 0;
}

#main_footer .right a {
    text-decoration: none;
    font-size: 14px;
    color: #FFFFFF;
}

#main_footer .right a:hover {
    text-decoration: underline;
}

/* design for main footer ends here */

#nav-bar {
    transition: all 0.5s ease 0s;
}

header .logo {
    width: 80%;
    padding-top: 10px;
    transition: all 0.5s ease 0s;
}

header .headerSmall#nav-bar {
}

header .headerSmall img.logo {
    width: 58%;
    transition: all 0.5s ease 0s;
}

header .headerSmall div.n_header nav {
    padding-top: 0 !important;
    transition: all 0.5s ease 0s;
}

header .headerSmall div.n_header nav ul li {
    padding-bottom: 20px;
}

header .headerSmall div.n_header nav ul li ul li {
    padding-bottom: 0;
}

header .headerSmall div.m_header {
    padding-top: 10px;
}

/* Slider Styles default */

/* pager */

.home-banner-pager{
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0px;
}
.home-banner-pager span{
	color: #fff;
	font-size: 4em;
	margin: 0 5px;
	line-height: 0;
	cursor: pointer;
}
.home-banner-pager span.cycle-pager-active{
	color: #1aa1e1;
}

/* End pager styles */

.cycle-slideshow.main-slider img {
    width: auto;
}

.product-slider .cycle-slideshow img {
    padding: 1.5em 0;
}

.cycle-slideshow .cycle-overlay {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}

.cycle-slideshow .cycle-overlay.custom {
    z-index: 99999;
    position: absolute;
    top: 10%;
    width: 100%;
	display:block;
}
.cycle-slideshow .cycle-overlay.custom .caption{
	width:90%;
	max-width:1180px;
	position:relative;
	margin:0 auto;
	display:block;

	min-height:300px;
}

.cycle-slideshow .cycle-overlay.custom .caption a{
  padding: 10px 30px;
  text-decoration: none;
  font-size: 16px;
	font-weight: bold;
  color: #fff;
  cursor: pointer;
  position: initial;
  margin: 0;
  display: initial;
}
/* .cycle-slideshow .cycle-overlay.custom .caption a:hover {
	  background: #1aa1e1;
} */
.cycle-slideshow .caption h1 {
    font-size: 2em;
    /*font-weight: 100;*/
    line-height: 1.2em;
}

.cycle-slideshow .caption h1,
.cycle-slideshow .caption h2 {
    text-shadow: 0 0 30px #000000;
    line-height: 1.4em;
    color: white;
}

.cycle-slideshow .slider-action {
    z-index: 999;
    position: absolute;
    bottom: 5em;
    width: 100%;
    text-align: center;
	font-family: 'Open Sans', sans-serif;
}

.cycle-slideshow .caption h2 {
    padding: 1em;
    text-transform: inherit;
    font-family: 'Open Sans',sans-serif;
    font-size: 1em;
}

div.cycle-overlay .caption span {
	z-index: 8;
	position: absolute;
	/*
	top: 10%;
	*/
	left: 0;
	box-sizing: border-box;
	width: 45%;
	padding: 5px 10px;
	overflow: hidden;
	text-align: center;
	font-size: 34px;
	line-height:130%;
	/*font-weight: 100;*/
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}

div.cycle-overlay .caption span p {
	text-align: center;
	font-size: 20px;
	line-height:130%;
	/*font-weight: 100;*/
	/* color: #fff; */
	font-family: 'Open Sans', sans-serif;

	transition: visibility 0.5s, opacity 0.5s linear;
}
div.cycle-overlay .caption .banner-logo {
		margin-bottom: 35px;
		padding-top: 60px;
}
div.cycle-overlay .caption .banner-text {
	max-width: 80%;
	margin-bottom: 35px;
}

div.cycle-overlay .caption span img{
	max-width: 85%;
	height:inherit !important;
}

.main-slider {
	z-index: 0;
	max-height: 625px;
	max-width: 1800px;
	margin: 0 auto;
}

.mobile_nav_scroll {
    top: -38px;
}

/* page content starts here */

.problems-solved-table {
    display: block;
	margin-bottom: 20px;
	text-align: left; 
}

.problems-solved-table .problems-solved-item {
    display: inline-block;
    margin-right: 15px;
	margin-bottom: 10px;
    width: 48%;
}

.problems-solved-table .problems-solved-item:last-child {
    margin-right: 0;
}

.problems-solved-table .problems-solved-item img,
.problems-solved-table .problems-solved-item p {
    display: inline;
    vertical-align: middle;
}

.problems-solved-table .problems-solved-item img {
    max-height: 25px;
    margin-right: 6px;
}

.problems-solved-table .problems-solved-item p {
	font-size: 18px;
    font-weight: 600;
}

/* ADV Pager */
table.pbAdvPager{
  display: block;
  padding: 50px 0 0 0;
  clear: both;
  width: 100%;
}
table.pbAdvPager tr{
}
table.pbAdvPager tr td{
display: inline-block;
  margin: 0px;
  padding:0px;
}
table.pbAdvPager tr td.PagerPrevPageCell span, table.pbAdvPager tr td.PagerPrevPageCell a{
  color: #1BA1E2;
}
table.pbAdvPager tr td.PagerNextPageCell span, table.pbAdvPager tr td.PagerNextPageCell a{
  color: #1BA1E2;
}
table.pbAdvPager tr td span, table.pbAdvPager tr td a{
	padding:5px 10px;
	display:block;
}
table.pbAdvPager tr td span:hover, table.pbAdvPager tr td a:hover{
	border:1px solid #1BA1E2;
	text-decoration:none;
}
/* End Adv Pager */


/* design section for banner starts here */

section#content_banner {
	margin:-38px 0 40px 0;
	max-height:415px;
	display:block;
	position:relative;
}

section#content_banner div.content_banner_container {
    width: 100%;
	max-width: 100%;
    padding: 0;
	display:block;
	position:relative;
}

section#content_banner div.content_banner_container img {
    width: 100%;
}

.content_banner_wrap {
    position: relative;
    text-align: center;
}

.content_banner_wrap .content_banner_wrap-image{
  position: relative;
  display: block;
  max-height: 290px;
  overflow: hidden;
}
.content_banner_wrap .content_banner_wrap-content{
  position: absolute;
  display: block;
  top: 40%;
  width: 100%;
  max-height: 350px;
  font-size: 28px;
  color: #fff;
}
.content_banner_wrap .content_banner_wrap-content p{
  width: 100%;
  max-width: 1200px;
  padding:0;
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  color: #fff;
  margin: 0 auto;
  text-align:left;
}

.two-columns>.column {
	overflow:hidden;
}

.col-content {
	display: table-cell;
	height: 480px;
	vertical-align: middle;
	padding-top:40px;
	padding-bottom:30px;
}
.col-content h2{
	margin-top:20px;
}
.col-content-full-width{
	height: auto;
	padding:30px 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 150%;
	color: #666;
}

.col-content-full-width.video-top{
	padding:60px 0;
}

.col-content-img {
	width:inherit;
	text-align:center;
	display: block;
	width: 100%;
	height: auto;
}
.col-content-img img{
	min-width:300px;
	max-width:585px;
	height: initial;
}

.container.product-banner{
	width:100%;
	max-width:1400px;
	min-height:630px;
	margin: 0 auto;
	top: -40px;
}

/* .container.product-banner .main-banner-button{
	padding:100px 20px 20px 20px;
	color:#000;
	font-size:18px;
	max-width:360px;
}

.container.product-banner .main-banner-button img{
	max-width:100%;
	height:auto;
}

.container.product-banner .main-banner-button h1{
	color:#444;
	margin:0;
	line-height:100%;
}
.container.product-banner .main-banner-button h2{
	color:#a6ce39;
	font-size:140px;
	margin:0;
	line-height:100%;
}
.container.product-banner .main-banner-button a{
} */

.container.product-banner .main-banner-button {
    position: absolute;
    left: 0;
    box-sizing: border-box;
    width: 50%;
    overflow: hidden;
    text-align: center;
    font-size: 34px;
    line-height: 130%;
    /* font-weight: 100; */
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    padding: 10%;
}
.container.product-banner .main-banner-button .banner-logo{
	margin-bottom: 35px;
}
.container.product-banner .main-banner-button .banner-text{
	margin-bottom: 35px;
	font-size: 20px;
	line-height: 130%;
}
.container.product-banner .main-banner-button .banner-logo img{
	max-width: 100%;
}

.tours-demos-top-banner{
	top: -36px;
	position: relative;
}

.product-pg-list{
}
.product-pg-list ul{
	width:100%;
	display:block;
	display: table;
	margin-bottom: 50px;
}
.product-pg-list ul li:before{
	display:none;
}
.product-pg-list ul li {
	display:inline-block;
	float:left;
	vertical-align:top;
	width:33.3%;
	min-width:245px;
	max-width:390px;
	min-height:480px;
	padding:15px 30px;
	margin:0 0 15px 0;
	background:none;
}
.product-pg-list ul li:hover{
	background:#f2f2f2;
}
.product-pg-list ul li .image{
	display: block;
	height: 175px;
	width: 280px;
	overflow: hidden;
    margin: 0 auto;
}
.product-pg-list ul li .image img{
	height: 100%;
	width: initial;
}
.product-pg-list ul li .content{
	display: block;
	height: 290px;
	overflow: hidden;
}
.product-pg-list ul li .content h3{
	margin: 20px 0;
    text-align: center;
}
.product-pg-list ul li .content p{
	font-size:16px;
}
.product-pg-list ul li .button-container {
    width: 100%;
    display: block;
    text-align: center;
}
.product-pg-list ul li .green-button{
	margin-top:15px;
    font-weight: bold;
}

.container .quote{
	font-style: italic;
	color: #666;
	padding: 0 30px;
	display: block;
}

.listing{
	display: block;
	margin: 50px 0;
	clear: both;
	float: left;
	width:100%;
}

.listing ul li:before{
	display:none;
}
.listing ul li{
	display:block;
	width:100%;
	padding:15px;
	margin:0 0 15px 0;
	background:none;
}
.listing ul li:hover{
}
.listing .image{
display: inline-block;
  vertical-align: top;
  padding-right: 0;
  width: 24%;
}
.listing img.image {
  width: 90%;
  height: inherit;
}
.listing .content{
  display: inline-block;
  vertical-align: top;
  width: 75%;
}
.listing .content h3{
	margin-top:0;
}

.second-image {
    margin-top: 50px;
}

/* Modules Listing */

.listing.modules-list ul li{
	border-bottom:1px solid #e7e7e7;
}
.listing.modules-list ul li:last-child{
	border-bottom:none;
}

.modules-list .content{
	max-width:100%;
	width:100%;
}
.modules-list .content h3{
	margin-top:0;
}

.modules-list .content p{
	max-width:100%;
}

.modules-list .content > p{
	display:inline-block;
	max-width:70%;
}


.modules-list .green-button{
	float:right;
	display:inline-block;
	cursor:pointer;
}

.module-content-dropdown{
  display: none;
  padding: 0px;
}
.module-main-content{
	font-size:18px;
	display:block;
	background:#ededed;
	padding:30px;
}
.module-main-content h3, .module-features-list h3 {
  margin-top: 0px;
  font-size: 20px;
  color: #A6CE39;
}
.module-features-list{
	font-size:18px;
	display:block;
	background:#f6f6f6;
	padding:30px;
}
.module-main-content ul, .module-features-list ul{

}
.module-main-content ul li, .module-features-list ul li{
  padding: 15px 0;
  font-size: 18px;
  border-top: 1px solid #C5C5C5 !important;
  margin: 0;
  color:#1BA1E2;
}
.module-main-content ul li:hover, .module-features-list ul li:hover{
	background:transparent;
}
.module-main-content ul li:last-child, .module-features-list{
	border-bottom: 1px solid #C5C5C5 !important;
}

/* END Modules Listing */

/* Search Listing */
.search-results ul{

}
.search-results ul li{
	margin:0;
	border-bottom:1px solid #e7e7e7;
}
.search-results .content{
	max-width:100%;
	display:block;
}
.search-results .content h3{
	font-size:22px;
	margin-bottom:10px;
}
.search-results .content p{
	display:inline-block;
	max-width:70%;
	margin-bottom:20px;
}
.search-results .green-button{
	float:right;
	display:inline-block;
}
/* END Search Listing */

.internal-sidebar{
	float:left;
	display:inline-block;
	vertical-align:top;
	width:240px;
	margin:40px 100px 40px 0;
	position:relative;
}
.internal-sidebar h3 a{
	text-decoration:none;
	color:inherit;
}
.internal-sidebar h3 a:hover{
	text-decoration:underline;
}
.internal-sidebar ul{
}
.internal-sidebar ul li:before{
	display:none;
}
.internal-sidebar ul li{
	list-style: none;
	margin: 0;
	padding: 0;
	max-width:240px;
	background:none;
}

.internal-sidebar ul li a{
	display: block;
	color: #1ba1e2;
	text-decoration: none;
	margin-bottom: 15px;
	line-height: 150%;
	max-width:240px;
}
.internal-sidebar ul li a:hover{
	text-decoration:underline;
}

.fixed-sidebar{
	position:relative;
	display:block;
}
.fixed-sidebar-top{
	position:fixed;
	margin-top:-350px;
}

.news-items-sidebar{
  border-bottom: 1px dashed #ccc;
  padding-bottom: 20px;
}
.news-items-sidebar-view-all{

}

.internal-content{
	float:left;
	display:inline-block;
	vertical-align:top;
	width:70%;
	position:relative;
}
.internal-content img{
	max-width:100%;
}

.internal-content-image{
	float:right;
	padding:0 20px 20px 0;
}

.internal-content.category{
}
.internal-content.category .listing .content{
	width:63%;
}

.article-date{
	display: inline;
	padding-right: 10px;
	color: #999;
}
.article-date:after {
	content: "|";
	padding-left: 10px;
}

.video-banner{
	width:100%;
}
.video-banner .video-holder{
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
}
.video-banner .video-content{
	display:inline-block;
	vertical-align:top;
	max-width:50%;
}
.video-top, .video-top h3, .video-top p, .video-top h1{
	color:#fff;
}

#video{
}
#video .video-wrap{
	padding: 60px;
	color: #fff;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
#video .video-wrap .video-description{
	display: table-cell;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	height: 400px;
}

#video .video-wrap .video-description p{
	color:#fff;
}

.Map{
	width:100%;
	display:block;
	margin:30px 0 0 0;
}
.Map iframe{
	width:100% !important;
}

.partner-types{
	display:block;
}
.partner-types .column {

}
.partner-types .column:first-child {
	width:68%;
	padding-right:2%;
}
.partner-types .column:first-child .col-content{
	padding-top:0;
}
.partner-types .column:last-child {
	width:30%;
	background:#EBEBEB;
}
.partner-types .column:last-child input[type="submit"]{
	border:0;
	cursor:pointer;
}

.partner-types .column:last-child .errors ul{

}
.partner-types .column:last-child .errors ul li{
  padding: 0;
  margin: 0 0 0 25px;
  color: red;
}

.partner-types .column:last-child h4{
	margin-top:30px;
}
.partner-types .column .col-content{
	vertical-align: top;
}
.partner-types .column .col-content .ent-partner-list{
	display:block;
	width:100%;
	margin-top: 50px;
}
.partner-types .column .col-content .ent-partner-list-back-top{
	text-align: right;
	display: block;
	margin: 25px 0;
	border-top: 1px solid #ddd;
	padding: 25px 0;
}

.partner-types .column .col-content .ent-partner-item{
	display:inline-block;
	width:32.5%;
	vertical-align:top;
	margin:0 0 25px 0;
}
.partner-types .column .col-content .ent-partner-item .partner-logo{
  display: inline-block;
  vertical-align: top;
  width: 40%;
  text-align: right;
  margin: 0 0 0 5%;
}
.partner-types .column .col-content .ent-partner-item .partner-logo img{
  height: initial;
  max-height: 40px;
  max-width: 100%;
}
.partner-types .column .col-content .ent-partner-item .partner-details{
  display: inline-block;
  vertical-align: top;
  width: 50%;
  line-height: 125%;
  color:#666;
  font-size:14px;
}
.partner-types .column .col-content .ent-partner-item .partner-details h3{
	font-size:14px;
	margin: 0 0 7px 0;
}
.partner-types .column .col-content .ent-partner-item .partner-details .partner-type {
  display: block;
  margin: 0 0 7px 0;
  color:#000;
  font-size:14px;
  word-wrap: break-word;
}

.partner-types .column ul.formFields{
	list-style: none;
}
.partner-types .column ul.formFields li:before{
	display:none;
}
.partner-types .column ul.formFields li{
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	background:none;
}
.partner-types .column ul.formFields li > div > span{
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #666;
}
.partner-types .column ul.formFields li input, .partner-types .column ul.formFields li select, .partner-types .column ul.formFields li textarea{
	display:block;
	width: 100%;
	border: 1px solid #ddd;
	padding: 10px;
	color: #666;
}


.rtUL.rtLines li:before{
	display:none;
}

.riSingle.RadInput>input{
    width:100%;
}

/*cart start*/

.pbPromoCode{
    width: 74%;
    float: left;
}
.pbPromoCode > div{
    float: right;
    text-align: left;
}
.pbPromoCode > div > ul > li > span{
    float: right;
    text-align: left;
}
.pbPromoCode > div > ul > li > .riSingle.RadInput{
    width: 200px;
    margin-left: 10%;
}
.pbPromoCode * input[type="submit"]{
    float: right;
}
#ctl02_page_template_pbAdvCart1_ctl06_pbCheckoutProceed1_btnProceed{
    margin-top: 80px;
}

.checkout-payment-details{
    width:100% !important;
    text-align: right;
}

/*cart end*/


.checkout-details .row-form {
	line-height:1.5em;
}

.checkout-details .form-label {
	font-family: 'Open Sans', sans-serif;
	margin-right:1em;
	width:80px;
	display:inline-block;
}

.col-content-full-width .two-column {
	width:45%;
	float:left;
	margin-bottom:3em;
}

.col-content-full-width.contact-us-page .two-column {
    margin-bottom:1em;
}



/* design section for banner ends here */


/* Add new video styles home page */

.main-slider .desc > a {
	background: url("../images/play-default.png");
}

.main-slider .desc > a:hover {
	background: url("../images/play-hover.png");
}

div.cycle-overlay .caption span.desc {
	right:0%;
	left:auto;
	height:100%;
	width:50%;
	text-align:center;
}


/*
.cycle-slideshow .cycle-overlay.custom .caption span.desc > a{
	width:100%;
	height:100%;
	display:inline-block;
	background-repeat:no-repeat;
	border:none;
	background-position:center;
	position:relative;
	top:20%;
}
*/

.cycle-slideshow .cycle-overlay.custom .caption span.desc > a{
	width:80px;
	height:80px;
	position:absolute;
	background-repeat:no-repeat;
	border:none;
	top:20%;
	left:10%;
}

.cycle-slideshow .cycle-overlay.custom .caption span.desc > a:hover{
	background: url('../images/play-hover.png');
}

/* End new video styles home page */

#tagLine {
    margin-top:1em;
	margin-bottom:1em;
}

#tagLine .container {
    text-align:center;
}

#tagLine a {
    color:#757575;
    font-size:26px;
}

#tagLine a:hover {
    text-decoration:none;
    color: #a6ce39;
}

#tagLine a:hover i.fa {
    color: #a6ce39;
}

#tagLine i.fa {
    color: #26A0DA;
    font-size: 2em;
    margin-right: 0.2em;
    display: inline-block;
    margin-bottom:0em;
    position:relative;
    top:11px;
}

/* page content ends here */


/* Header fix 2016 */

.megamenu-content ul.MM-item-row > .mobile-mode {
    display:none !important;
}


/* End Header fix 2016 */

/* Slider */


 .over-lay{
	margin-top: -46px;
    margin-left: -46px;
    position: absolute;
    left: 48%;
    top: 50%;
    background-image: url('/site/DefaultSite/skins/pegboard/images/play-button-hover.png');
    height: 92px;
    width: 92px;
    text-align: center;
    z-index: 1000;
    opacity: 0.6;
   }
   .over-lay:hover{
	opacity: 0.9;
   }

   .title-text{
   margin-top: -360px;
   position: absolute;
   width: 25%;
   padding: 5px 10px;
   overflow: hidden;
   text-align: left;
   font-size: 28px;
   line-height: 130%;
   /*font-weight: 100;*/
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   left: 11%;
   }

   .title-text a{
   padding: 10px 30px;
   border: 2px solid;
   text-decoration: none;
   font-size: 18px;
   color: #fff;
   cursor: pointer;
   position: initial;
   margin: 0;
   display: initial;
   }
   .bxslider li{
   margin-left:0px !important;
   width: 100% !important;
   margin-left: -20px !important;
   }
   .bx-viewport {
    height: 400px !important;
}

img.slider-img {
    height: 371px !important;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
}
.mt-20{
margin-top:-20px;
}

/** Default Form Styles**/
.default-form{
	width: 75%;

}

.default-form ul.formFields{
	list-style: none;
}
.default-form ul.formFields li:before{
	display:none;
}
.default-form ul.formFields li{
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	display: block;
	background:none;
}
.default-form ul.formFields li > div > span{
	display:block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #666;
}
.default-form ul.formFields li input, .default-form ul.formFields li select, .default-form ul.formFields li textarea{
	display:block;
	width: 50%;
	border: 1px solid #ddd;
	padding: 10px;
	color: #666;
}
.default-form ul.formFields li textarea {
	width: 75%
}

.default-form .form-errors li {
    color: red !important;
    display: block;
    width: 100%;
}
.default-form .form-errors ul:before {
	content: "Form Errors";
	font-weight: bold;


}
/* Videos Styling */
.video-frame-container {
	padding: 15px;
	padding-bottom: 30px;
}
.video-frame-container .video-frame {
	width: 100%;
	height: 200px;
}
.video-frame-container .video-frame.video-frame-item {
	height: 600px;
}
/* End Videos Styling */