body {
	color: #FFF;
	position: relative;
	background-color: transparent;
	/*max-width: 100%;
	overflow-x: hidden;*/
}

p {
	font-weight: normal
}

.content-text {
	font-weight: normal;
	padding-bottom:18px;
	line-height:26px;
	font-size: 16px;
}

.content-text-spacer {
padding-bottom:10px;
line-height:20px;
}

a {
	color:#e3cdcd
	
}

 .desk-logo {
	 z-index:3; 
	}   
 
 
.gall-link {
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
	
	}
	
.gall-link:hover {
  filter: alpha(opacity=50);
  opacity: 0.5;
	
	}

@media screen and (max-width: 800px) {
.gall-link {
	opacity: 1;
	position: relative;
}
.gall-link:hover {
	opacity: 1;
	}
}


.fancy-link-header {
	color: #000;
	opacity: .8;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	position: relative;
}
.fancy-link-header:hover {
	color: #fff;
	opacity: 1;
	transition: opacity 0.55s ease-out;
	-moz-transition: opacity 0.55s ease-out;
	-webkit-transition: opacity 1.55s ease-out;
	-o-transition: opacity 0.55s ease-out;
	text-decoration: none;
}

.fancy-link-icon {
	color: #fff;
	opacity: .5;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	position: relative;
}
.fancy-link-icon:hover {
	color: #fff;
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	text-decoration: none;
}


.fancy-link-footer {
	color: #fff;
	opacity: .5;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	position: relative;
	
	
}
.fancy-link-footer:hover {
	color: #fff;
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	text-decoration: none;
}
.fancy-link-footer:after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	display: block;
	margin-top: 2px;
	right: 0;
	background: #fff;
	transition: width .2s ease;
	-webkit-transition: width .2s ease;
}
.fancy-link-footer:hover:after {
	width: 100%;
	left: 0;
	background: #fff;
}


.fancy-link {
	color: #fff;
	opacity: 1;
	position: relative;
	/*border-bottom: solid;
    border-bottom-color: #000;
	border-bottom-width: 3px;*/
	
	
}
.fancy-link:hover {
	color: #fff;
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	text-decoration: none;
}
.fancy-link:after {
	content: '';
	position: absolute;
	width: 0;
	height: 4px;
	display: block;
	margin-top: 2px;
	right: 0;
	background: #fff;
	transition: width .2s ease;
	-webkit-transition: width .2s ease;
}
.fancy-link:hover:after {
	width: 100%;
	left: 0;
	background: #fff;
}
.port-link {
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
.port-link:hover {
	opacity: 0.5;/*background: url('images/gall1thumb-overv2.png') no-repeat top center;
	 position:inherit;*/
}



@media (min-width: 992px) {
    a {
        -webkit-transition: background 1s, border 1s;
        transition: background 1s, border 1s;
    }
    
    a.show {
        top: -70px;    
    }
}


 @media (min-width: 1024px) {
a {
	-webkit-transition: background 1s, border 1s;
	transition: background 1s, border 1s;
}
a.show {
	display: block; position: relative; top: -94px; visibility: hidden;
	
}
}
img {
	max-width: 100%;
}

/** Logos **/



#mobile-logo-container h1 {
	font-size: 96px;
	color: #FFF;
}
 @media screen and (max-width: 1000px) {
.homevid {
	display: none;
	}
}

@media screen and (min-width: 500px) {
.cont-footer {
	display: none;
	}
}


 @media (max-width: 400px) {
#mobile-logo-container h1 {
	font-size: 48px;

}
#mobile-logo-container {
	font-size: 24px;
}
}
 @media (max-width: 480px) and (min-width: 401px) {
#mobile-logo-container h1 {
	font-size: 64px;
}
#mobile-logo-container {
	font-size: 24px;
}
}
 @media (max-width: 640px) and (min-width: 481px) {
#mobile-logo-container h1 {
	font-size: 72px;
}
#mobile-logo-container {
	font-size: 32px;
}
}
 @media (max-width: 767px) and (min-width: 641px) {
#mobile-logo-container h1 {
	font-size: 80px;
}
#mobile-logo-container {
	font-size: 36px;
}
}
#desktop-logo-container {
	font-family: 'Rancho', cursive;
	min-width: 60%
	
}
#desktop-logo-container h1 {
	font-size: 112px;
}
#desktop-logo-container h2 {
	font-size: 42px;
	color: #f8f1ab;
}
.column-in-center {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
}
/** Navigation **/

#menu:not( .mm-menu ) {
	display: none;
}
.mm-listview > li:not(.mm-divider)::after {
	left: 0;
}
#navmenu-placeholder {
	height: 90px;
	width: 100%;
	/*border-bottom: 4px solid #000;*/
}
#navmenu-container {
	height: 94px;
	width: 100%;
	z-index: 3000;
	position: fixed;
	top: 0;
	left: 0;
	background-color:transparent;
}
.mm-menu, .mm-panels, .mm-panels > .mm-panel {
	margin: 0;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 2;
}


.imageContainer img {
    vertical-align: bottom;
	}


 @media (max-width: 991px) {
.img-mob {
	max-width:148px
}
}

 @media (max-width: 991px) {
.img-mobo {
	max-width:138px
}
}


 @media (max-width: 991px) {
#navmenu-container {
	background: #fff;
	border-bottom: 4px solid #000;
}
}
#mobile-navmenu h2 {
	margin-top: 10px;
}
#mobile-navmenu a {
	color: #000;
}
#mobile-navmenu a:hover {
	color: #000;
}
 @media (max-width: 991px) {
#navmenu-placeholder {
	height: 55px;
}
#navmenu-container {
	height: 55px;
}
#desktop-navmenu {
	padding-top: 15px;
}
}

@media (max-width: 800px) {
.footdivide {
	min-height:540px;
	min-width:30px;
	
	}
}


@media (max-width: 400px) {
.to-top {
	margin-top:-2px;
	}
}


#contup {
	position: fixed;
	z-index: 1000;
	text-align:right;
	margin-top:12px
	/*display: none;*/
}


#to-top {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 9;
	opacity: 1;
	height: 70px;
	padding-right:8px;
	padding-top:10px;
	display: none;
}
#to-top:hover {
	opacity: 1;
}

#cssmenu {
	background: #fff;
	margin: 0px 0 0 0;
	width: auto;
	padding: 0;
	line-height: 1;
	display: block;
	position: relative;
	font-family: "Montserrat", sans-serif;
	font-size: 12pt;
	font-weight:bold;
	border-bottom: 4px solid #000;
	background-image: url('media/images/new-images/menu-section-tiled-bg.png');
    background-position: center;
	
}

#cssmenu ul li ul li a {
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
	color: #000;
	letter-spacing: 0;
	display: block;
	width: 250px;
	padding: 11px 10px 11px 10px;
}


#cssmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
#cssmenu ul:after, #cssmenu:after {
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
#cssmenu ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
#cssmenu ul li a {
	text-decoration: none;
	display: block;
	margin: 0;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#cssmenu ul li ul {
	position: absolute;
	left: -9999px;
	top: auto;
}
#cssmenu ul li ul li {
	max-height: 0;
	position: absolute;
	-webkit-transition: max-height 0.4s ease-out;
	-moz-transition: max-height 0.4s ease-out;
	-ms-transition: max-height 0.4s ease-out;
	-o-transition: max-height 0.4s ease-out;
	transition: max-height 0.4s ease-out;
	background: #000;
}
#cssmenu ul li ul li.has-sub:after {
	display: block;
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	border-radius: 5px;
	background: #000000;
	z-index: 1;
	top: 13px;
	right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:after {
	right: auto;
	left: 15px;
}
#cssmenu ul li ul li.has-sub:before {
	display: block;
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-left-color: #ffffff;
	z-index: 2;
	top: 15px;
	right: 15px;
}
#cssmenu.align-right ul li ul li.has-sub:before {
	right: auto;
	left: 15px;
	border-left-color: transparent;
	border-right-color: #ffffff;
}

#cssmenu ul li ul li:hover > a, #cssmenu ul li ul li.active > a {
	color: #000;
}
#cssmenu ul li ul li:hover:after, #cssmenu ul li ul li.active:after {
	background: #000;
}
#cssmenu ul li ul li:hover > ul {
	left: 100%;
	top: 0;
}
#cssmenu ul li ul li:hover > ul > li {
	max-height: 72px;
	position: relative;
}
#cssmenu > ul > li {
	float: left;
}
#cssmenu.align-center > ul > li {
	float: none;
	display: inline-block;
}
#cssmenu.align-center > ul {
	text-align: center;
}
#cssmenu.align-center ul ul {
	text-align: left;
}
#cssmenu.align-right > ul {
	float: right;
}
#cssmenu.align-right > ul > li:hover > ul {
	left: auto;
	right: 0;
}
#cssmenu.align-right ul ul li:hover > ul {
	right: 100%;
	left: auto;
}
#cssmenu.align-right ul ul li a {
	text-align: right;
}
#cssmenu > ul > li:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	bottom: 0;
	z-index: 0;
	-webkit-transition: height .2s;
	-moz-transition: height .2s;
	-ms-transition: height .2s;
	-o-transition: height .2s;
	transition: height .2s;
}
#cssmenu > ul > li.has-sub > a {
	padding-right: 40px;
}
#cssmenu > ul > li.has-sub > a:after {
	display: block;
	content: "";
	background: #ffffff;
	height: 12px;
	width: 12px;
	position: absolute;
	border-radius: 13px;
	right: 14px;
	top: 16px;
}
#cssmenu > ul > li.has-sub > a:before {
	display: block;
	content: "";
	border: 4px solid transparent;
	border-top-color: #000;
	z-index: 2;
	height: 0;
	width: 0;
	position: absolute;
	right: 16px;
	top: 21px;
}
#cssmenu > ul > li > a {
	color: #000;
	padding: 15px 10px;
	z-index: 2;
	position: relative;
}
#cssmenu > ul > li:hover:after, #cssmenu > ul > li.active:after {
	height: 100%;
}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {
	color: #FFF;
}
#cssmenu > ul > li:hover > a:after, #cssmenu > ul > li.active > a:after {
	background: #000000;
}
#cssmenu > ul > li:hover > a:before, #cssmenu > ul > li.active > a:before {
	border-top-color: #ffffff;
}
#cssmenu > ul > li:hover > ul {
	left: 0;
}
#cssmenu > ul > li:hover > ul > li {
	max-height: 72px;
	position: relative;
}
#cssmenu #menu-button {
	display: none;
}
#cssmenu > ul > li > a {
	display: block;
}
#cssmenu > ul > li {
	width: auto;
}
#cssmenu > ul > li > ul {
	width: 250px;
	display: block;
}
#cssmenu > ul > li > ul > li {
	width: 250px;
	display: block;
}
 @media (max-width: 1199px) {
#cssmenu {
	font-size: 13px;
	font-weight: bold;
}
#cssmenu > ul > li.has-sub > a {
	padding-right: 30px;
}
#cssmenu > ul > li > a {
	padding: 15px 6px;
}
}
/** Sections **/
.icons {
	font-size: 18px;
	font-weight:bold;
	text-align:center;
		}
	
 
.gallimg {
	z-index:3;
	max-width:210px;
	}

.iconsimg {
	z-index:3;
	width:174px;
	padding-right:10px
}

.iconsimg a {
	z-index:3;
	width:174px;
	
}



.icons:hover {
	color:#fff;
	font-weight:bold;
	
}

h1, .h1 {
	font-size: 46px;
}

h2.section-title {
	font-weight: bold;
	padding-bottom:18px
}

h1.section-title {
	padding-bottom:18px
}


.section {
	padding-top: 40px;
	padding-bottom: 30px;/*text-overflow: ellipsis;*/
		
}
.section h3 {
	margin-bottom: 20px;
}
.section h4 {
	margin-bottom: 15px;
	font-size: 16px;
}
.menu-width {
	margin-left: -60px;
	
}

#footer-container {
	background: #000;
	color: #FFF;
	background-image: url('images/new-images/footer-section-tiled-bg.png');
	background-position: center;
	}

#offers-container, #discount-container, #chart-container, #cssmenu > ul > li.offers-menu:after, #cssmenu ul li.offers-menu ul li:hover {
	background: #000;
	color: #FFF;
	}
#discount-container, #chart-container, #choice-container {
	text-align: center;
}
#discount-container, #chart-container {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 150%;
}
#examples-container, #cssmenu > ul > li.examples-menu:after, #cssmenu ul li.examples-menu ul li:hover {
	background: #000;
}
#app-container, #cssmenu > ul > li.app-menu:after, #cssmenu ul li.app-menu ul li:hover {
	background: #de8100;
}
.testimonial {
	background: #FFF;
	color: #000;
	border: 3px solid #CCC;
	border-radius: 6px;
	padding: 20px;
	margin: 10px 0;
}

.excontainer {
  position: relative;
}

.eximage {
  width: 252px;
}

 @media (max-width: 500px) {
.eximage {
	width: 152px;
	}
}

.excontainer:hover .eximage {
  opacity: 1;
}

.excontainer:hover .middle {
  opacity: 1;
}

.centerban {
  margin-left: 6px;
  margin-right: auto;
  width: 100%;
  text-align:center;
  font-size: 35pt;
  margin-top:20px
  
  }
  
  .centerbantext {
  margin-left: auto;
  margin-top:30px;
  margin-right: auto;
  text-align:center;
  width: 100%;
  }
  
  .headermail {
  margin-right: 146px;
  }    

.top-banner {
  color:#fff;
  font-size:16px;
  height:176px;
  z-index:40000;
  position:relative; 
  background-color:#000; 
  background-image: url('images/new-images/top-header-section-tiled-bg.png');
  background-position: center;
  margin-top:74px;
  border-bottom: 4px solid #fff; 
 }
 
 @media (max-width:1024px ) and (min-width:1024px ) {
.top-banner {
	margin-top:120px;
	}
}
 
  @media (max-width: 1200px) {
.top-banner-icons {
	display:none
	}
}

@media (max-width: 1100px) {
.top-banner-hide-text {
	display:none
	}
}

@media (max-width: 1080px) {
.top-banner-hide-phone {
	display:none
	}
}


#choice-container {
	/*background: url('images/desktop-web-and-seo-header.jpg') no-repeat bottom center;*/
	position: relative;
	background-color: #000;
	margin-top: 248px;
	margin-bottom: 100px;
	width: 100% !important;
	min-height: 100% !important;
	z-index: 3;
	max-width: 100%;
	overflow: hidden;
	border-bottom: 4px solid #000;
	margin-bottom: 20px;
	}

#videoBG {
	padding: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	}

#videoBG:before {
    content: '';
    padding: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
    background: rgba(0,0,0,0.0);
	z-index: 2;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	
} 

.webd {
	color: #6699cc;
	font-size: 16px;
	opacity: .5;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	position: relative;
}
.webd:hover {
	color: #6699cc;
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	text-decoration: none;
}
.webd:after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	display: block;
	margin-top: 2px;
	right: 0;
	background: #6699cc;
	transition: width .2s ease;
	-webkit-transition: width .2s ease;
}
.webd:hover:after {
	width: 100%;
	left: 0;
	background: #6699cc;
}
.seo {
	color: #339933;
	font-size: 16px;
	opacity: .5;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	position: relative;
}
.seo:hover {
	color: #339933;
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	text-decoration: none;
}
.seo:after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	display: block;
	margin-top: 2px;
	right: 0;
	background: #339933;
	transition: width .2s ease;
	-webkit-transition: width .2s ease;
}
.seo:hover:after {
	width: 100%;
	left: 0;
	background: #339933;
}
.ss {
	color: #633f99;
	font-size: 16px;
	opacity: .5;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	position: relative;
}
.ss:hover {
	color: #633f99;
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	text-decoration: none;
}
.ss:after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	display: block;
	margin-top: 2px;
	right: 0;
	background: #633f99;
	transition: width .2s ease;
	-webkit-transition: width .2s ease;
}
.ss:hover:after {
	width: 100%;
	left: 0;
	background: #633f99;
}
.appd {
	color: #cc9900;
	font-size: 16px;
	opacity: .5;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	position: relative;
}
.appd:hover {
	color: #cc9900;
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	text-decoration: none;
}
.appd:after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	display: block;
	margin-top: 2px;
	right: 0;
	background: #cc9900;
	transition: width .2s ease;
	-webkit-transition: width .2s ease;
}
.appd:hover:after {
	width: 100%;
	left: 0;
	background: #cc9900;
}
.lh {
	color: #9f3985;
	font-size: 16px;
	opacity: .5;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	position: relative;
}
.lh:hover {
	color: #9f3985;
	opacity: 1;
	transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	text-decoration: none;
}
.lh:after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	display: block;
	margin-top: 2px;
	right: 0;
	background: #9f3985;
	transition: width .2s ease;
	-webkit-transition: width .2s ease;
}
.lh:hover:after {
	width: 100%;
	left: 0;
	background: #9f3985;
}
img#choice-header {
	max-width: 100%;
}
 @media (max-width: 991px) {
#choice-container {
	/*background: url('images/desktop-web-and-seo-header.jpg') repeat top center;*/
	min-height: 0;
	margin: 0;
	padding: 0 0;
	margin-top: 40px;
	}
}

.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
	z-index:2
}


a#lms-overview, a#lms-overview2, a#seo-link, a#web-design-link4 , a#web-design-link1, a#web-design-link2, a#web-design-link3 {
	display: block;
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 auto;
	z-index:999999
}
a#web-design-link {
	width: 171px;
	}
a#web-design-link1 {
	width: 171px;
	}
a#web-design-link2 {
	width: 171px;
	}
a#web-design-link3 {
	width: 171px;
	}
	
a#seo-link {
	width: 171px;
	background-image: url('images/seo1b.png');
}
a#lms-overview {
	width: 385px;
	background-image: url('images/lms-small2.png');
}
a#lms-overview2 {
	width: 285px;
	background-image: url('images/lms-small4.png');
}
a#lms-overview img, a#lms-overview2 img, a#web-design-link img, a#seo-link img {
	opacity: 1;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
/*a#lms-overview:hover img,
a#lms-overview2:hover img,
a#web-design-link:hover img,
a#seo-link:hover img {
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}*/

/*#discount-container a, #chart-container a, #choice-container a {
	color: #FFF;
}*/

 @media (max-width: 800px) {
#discount-container a, #chart-container a, #choice-container a {
	color: #FFF;
}

}
#discount-container a, #chart-container a {
	padding: 10px;
	display: inline-block;
	border: 3px solid transparent;
	border-radius: 6px;
}
 @media (min-width: 992px) {
#discount-container a:hover,  #chart-container a:hover {
	background: #000;
	border-color: #FFF;
	
}
}
 @media (max-width: 991px) {
#discount-container a {
	line-height: 135%;
}
}
#discount-container h3, #chart-container h3 {
	font-weight: bold;
}
#contact-container {
	background-color: #888;
}
#aboutme-container, #cssmenu > ul > li.aboutme-menu:after, #cssmenu ul li.aboutme-menu ul li:hover {
	background-color: #2bad3d;
}

#crmservices-container, #cssmenu > ul > li.crmservices-menu:after, #cssmenu ul li.crmservices-menu ul li:hover {
	background: #653e99;
	color: #000;
}

#app-container, #cssmenu > ul > li.apps-menu:after, #cssmenu ul li.apps-menu ul li:hover {
	background: #de8100;
}

#white-menu, #cssmenu > ul > li.white-menu:after, #cssmenu ul li.white-menu ul li:hover {
	background: #c42126;
}
#design-container, #cssmenu > ul > li.design-menu:after, #cssmenu ul li.design-menu ul li:hover {
	background: #518bca;
}
#optimisation-container, #cssmenu > ul > li.optimisation-menu:after, #cssmenu ul li.optimisation-menu ul li:hover {
	background: #9f3985;
}
#crm-container, #cssmenu > ul > li.crm-menu:after, #cssmenu ul li.crm-menu ul li:hover {
	background: #633f99;
}

#refer-container, #cssmenu > ul > li.refer-menu:after, #cssmenu ul li.refer-menu ul li:hover {
	background: #2bad3d;
}
#contact-container, #cssmenu > ul > li.contact-menu:after, #cssmenu ul li.contact-menu ul li:hover {
	background: #c42126;
}

/*@media all and (min-width:992px)*/


#kis-container {
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
	color: #000;
	border-bottom: 4px solid #000;
	position:relative;
	padding-top:80px;
	padding-bottom:40px;
	background-image: url('images/new-images/about-section-tiled-bg.png');
	background-position: center;
	}
	
#design-containerpp {
	padding-left: 0;
	padding-right: 0;
	padding-top: 100px;
	padding-bottom:40px;
	border-top: 4px solid #000;
	position:relative;
	color: #000;
	}
	
	#design-containerpp {
	background: #fff;
	}

 
.kis-rightimage {
	position: absolute; 
	bottom: 0; 
	left:54%; 	
}

 @media (max-width: 767px) {
.kis-rightimage {
	position: relative; 
	bottom: 0; 
	top: 0px; 
	left:0; 
	/*max-width:300px;*/
	margin-bottom:-150px;
	}
}

 @media only screen and (max-width: 1000px) and (min-width: 600px) {
.kis-rightimage {
	display:none
	}
}


#design-container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 80px;
	padding-bottom:40px;
	border-top: 4px solid #000;
	position:relative;
	margin-top:-22px;
	background-image: url('images/new-images/web-section-tiled-bg.png');
	background-position: center;
}


.design-rightimage {
	position: absolute; 
	bottom: 0; 
	left:54%; 
	}
	
@media (min-width: 900px) {
#mobile-image {
	display:none
	}
}

@media (max-width: 800px) {
#desk-image {
	display:none
	}
}	
	
	

 @media (max-width: 500px) {
.design-rightimage {
	position: relative; 
	bottom: 0; 
	top: 0px; 
	left:0; 
	/*max-width:300px;*/
	margin-bottom:-20px;
	}
}

 @media only screen and (max-width: 1000px) and (min-width: 600px) {
.design-rightimage {
	display:none
	}
}


#aboutme-container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	border-top: 4px solid #000;
	position:relative;
	margin-top:-22px;
	background-image: url('images/new-images/seo-tiled-bg.png');
	background-position: center; 
}



.aboutme-rightimage {
	position: absolute; 
	bottom: 0; 
	left:54%; 
	}

 @media (max-width: 500px) {
.aboutme-rightimage {
	position: relative; 
	bottom: 0; 
	top: 0px; 
	left:0; 
	/*max-width:300px;*/
	margin-bottom:-20px;
	}
}

 @media only screen and (max-width: 1000px) and (min-width: 600px) {
.aboutme-rightimage {
	display:none
	}
}

#allservices-container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	border-top: 4px solid #000;
	position: relative;
	margin-top: -22px;
	background-image: url('images/new-images/all-services-section-tiled-bg.png')!important;
	background-position: center !important;
}


#app-container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	border-top: 4px solid #000;
	position:relative;
	margin-top:-32px;
	background-image: url('images/new-images/apps-section-tiled-bg.png');
	background-position: center;
}

.app-rightimage {
	position: absolute; 
	bottom: 0; 
	left:54%; 
	}

 @media (max-width: 500px) {
.app-rightimage {
	position: relative; 
	bottom: 0; 
	top: 0px; 
	left:0; 
	/*max-width:300px;*/
	margin-bottom:-20px;
	}
}

 @media only screen and (max-width: 1000px) and (min-width: 600px) {
.app-rightimage {
	display:none
	}
}


#optimisation-container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	border-top: 4px solid #000;
	position:relative;
	margin-top:-22px;
	background-image: url('images/new-images/hunter-section-tiled-bg.png');
	background-position: center;
}

.optimisation-rightimage {
	position: absolute; 
	bottom: 0; 
	left:54%; 
	}

@media (max-width: 500px) {
.optimisation-rightimage {
	position: relative; 
	bottom: 0; 
	top: 0px; 
	left:0; 
	/*max-width:300px;*/
	margin-bottom:-20px;
	}
}

 @media only screen and (max-width: 1000px) and (min-width: 600px) {
.optimisation-rightimage {
	display:none
	}
}


#crm-container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	border-top: 4px solid #000;
	position:relative;
	margin-top:-22px;
	background-image: url('images/new-images/crm-section-tiled-bg.png');
	background-position: center;
}


.crm-rightimage {
	position: absolute; 
	bottom: 0; 
	left:54%; 
	}
	
@media (max-width: 500px) {
.crm-rightimage {
	position: relative; 
	bottom: 0; 
	top: 0px; 
	left:0; 
	/*max-width:300px;*/
	margin-bottom:-20px;
	
	}
}

 @media only screen and (max-width: 1000px) and (min-width: 600px) {
.crm-rightimage {
	display:none
	}
}	
	

#examples-container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	position:relative;
	margin-top:-22px;
	background-image: url('images/new-images/gallery-section-tiled-bg.png');
	background-position: center;
	}

#contact-container {
	padding-left: 0;
	padding-right: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	position:relative;
	margin-top:-22px;
	background-image: url('images/new-images/contact-section-tiled-bg.png');
	background-position: center;
}

 @media (max-width: 767px) {
#kis-container {
	background-color: #fff
}

}
 @media (max-width: 991px) {
#kis-container {
	padding-bottom: 150px;
}
}
p.highlighted {
	border-left: solid 3px #FFBB04;
	padding-left: 10px;
}
/** Cost **/

#seo-cost, #design-cost {
	display: block;
	height: 100%;
	width: 100%;
	border: 4px #BBB solid;
	border-radius: 6px;
	margin: 20px 0;
	padding: 10px 20px;
	background-color: #FFF;
	color: #000;
}

/** Example Gallery **/

#example-gallery a {
    display: block;
    height: auto;
    width: 100%;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#example-gallery a img {
    display: block;
    height: auto;
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}

@media (min-width: 991px) {
    #example-gallery a:hover img {
        opacity: 0;
        -webkit-transition: opacity 1s;
        transition: opacity 1s;
    }
}

a#example1 {
    background-image: url('images/new-images/gallery1-thumbnail-hover.png');
}

a#example2 {
    background-image: url('images/new-images/gallery2-thumbnail-hover.png');
}

a#example3 {
    background-image: url('images/new-images/gallery3-thumbnail-hover.png');
}

a#example4 {
    background-image: url('images/new-images/gallery4-thumbnail-hover.png');
}

a#example5 {
    background-image: url('images/new-images/gallery5-thumbnail-hover.png');
}

a#example6 {
    background-image: url('images/new-images/gallery6-thumbnail-hover.png');
}

a#example7 {
    background-image: url('images/new-images/gallery7-thumbnail-hover.png');
}

a#example8 {
    background-image: url('images/new-images/gallery8-thumbnail-hover.png');
}


/** Forms **/


:focus::-webkit-input-placeholder {
color: transparent;
}
:focus::-moz-placeholder {
color: transparent;
}
:focus:-ms-input-placeholder {
color: transparent;
}
#contact-form-success {
	display: none;
}
#contact-form-container .has-error input.valid, #contact-form-container .has-error textarea.valid, #contact-form-container input.valid, #contact-form-container textarea.valid {
	background: #d3fbfe;
}
#contact-form-container .has-error input, #contact-form-container .has-error textarea {
	background: #FF9999;
}

.cc-window.cc-floating {
	border: solid #000000;
	border-width:4px;
	z-index:10;
}

@media (max-width: 500px) {
.mob-section-links {
	font-size:16px
	
}

}

@media (max-width: 500px) {
.cc-window.cc-floating {
	margin-bottom:80px;
	z-index:10;
}

}

@media (min-width: 1200px) {
.content-padding {
	padding-left:66px;
}
}

@media (min-width: 1200px) {
.footer-icons {
	margin-left:-22px;
}

.footer-icons-next {
	margin-left:-30px;
}

}

@media (max-width: 600px) {
.footer-icons-mob {
	margin-left:-22px;
}

}

div.fadehover {
	position: relative;
	}

	
/** Hamburger menu **/


.nav-icon {
  margin: 0.9em;
  width: 30px;
  font-weight:800
  }

.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {
  background-color: #000;
  border-radius: 1px;
  content: '';
  display: block;
  height: 4px;
  margin: 5px 0;
  transition: all .2s ease-in-out;
}
.nav-icon:hover:before {
  transform: translateY(9px) rotate(135deg);
}

.nav-icon:hover:after {
  transform: translateY(-9px) rotate(-135deg);
}

.nav-icon:hover div {
  transform: scale(0);
}

/** Screen Widths:

.. <= 400px
.. <= 480px
.. <= 640px
XS <= 767px
SM <= 991px
MD <= 1199px
LG    ++

**/