/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

 body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #000;
}
.uk-container {
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px auto
}

.tm-footer .uk-container {
	padding-bottom: 60px !important; 
	padding-top: 40px;
	 padding-left: 0;
}
.social {
	padding-bottom: 20px
}
.uk-container-nav {
	/*max-width: 1430px;
	padding: 0px 25px*/
	padding: 0px 25px 0px 25px !important;
}
.tm-navbar-fixed .tm-toolbar, .tm-navbar-fixed .tm-navbar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
	/*border-bottom:1px solid #636466;*/
	background: rgba( 0, 0, 0, .0)
}
.tm-navbar-fixed.landingpage .tm-toolbar, .tm-navbar-fixed.landingpage .tm-navbar {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9;
	/*border-bottom:1px solid #636466;*/
	background: rgba( 0, 0, 0, .0)
}
.tm-navbar-fixed .tm-navbar.tm-navbar-small {
	background: #fdfcfc;
	border-bottom: 10px solid #f3f1f1;
}
.tm-navbar-fixed.landingpage .tm-navbar.tm-navbar-small {
	background: transparent;
	border-bottom: 0px solid #f3f1f1;
}
.tm-navbar .tm-navbar-center {
	position: relative;
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 17px 17px 17px 0px;
}
.tm-nav-logo {
	position: absolute;
	top: 50%;
	/*left: 17px;*/
	width: 172px;
	height: 45px;
	margin-top: -23.5px;
	text-align: center;
}
.tm-nav-bread {
	position: absolute;
	top: 50%;
	left: 187px;
	width: 172px;
	height: 45px;
	margin-top: -23.5px;
	text-align: center;
}
/*.tm-logo img {
	width: 172px;
	height: 45px;
	background: url(../images/c360-logo.png) 50% 100% no-repeat;
}
.tm-navbar-small .tm-logo img {
	width: 172px;
	height: 45px;
	background: url(../images/c360-logo.png) 50% 0% no-repeat;
}
.tm-logo img.manthanlogo, .tm-navbar-small .tm-logo img.manthanlogo {
	width: 168px;
	height: 81px;
	background: none;
	margin-top: 4px;
}*/
.tm-navbar .tm-navbar-center .tm-nav .tm-nav-wrapper {
	display: inline-block;
	padding-right: 10px;
}
.tm-navbar .tm-navbar-center .tm-nav {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.tm-navbar .tm-navbar-center .tm-nav {
	text-align: right;
}
.uk-navbar-nav {
	margin: 0;
	padding: 3px 0 0 0px;
	float: left;
}
.tm-navbar .uk-navbar-nav > li > a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-shadow: none;
	font-size: 14px;
	    color: #292020;
	height: 31px;
	line-height: 31px;
}
.tm-navbar-small .uk-navbar-nav > li > a {
	color: #292020
}
.uk-navbar-nav > li > a:active, .uk-navbar-nav > li > a:hover, .uk-navbar-nav > li > a:focus {
	background: transparent;
	border-left-color: rgba(0, 0, 0, 0.0);
	border-right-color: rgba(0, 0, 0, 0.0);
	border-top-color: rgba(0, 0, 0, 0.0);	
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.uk-navbar-nav > li > a:active span, .uk-navbar-nav > li > a:hover span, .uk-navbar-nav > li > a:focus span {border-bottom:2px solid #e3322b;}
.tm-navbar .uk-navbar-nav > li > a [class*='uk-icon-'] {
	line-height: 31px;
}
.tm-navbar .uk-navbar-nav > li.uk-share:last-child {
	margin-left: 8px;
}
.tm-navbar .uk-navbar-nav > li.uk-share > a {
	border: 1px solid #fff;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 0px;
	width: 30px;
	text-align: left;
	padding-left: 6px;
	font-size:15px;
}
.tm-navbar-small .uk-navbar-nav > li.uk-share > a {
	border: 1px solid #292020;
}
.tm-navbar .uk-navbar-nav > li.uk-share.uk-login > a {
	border: 1px solid #fff;
	color: #e3322b;
	background: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px 30px;
	width: auto;
	text-transform:uppercase;
}
.tm-navbar-small .uk-navbar-nav > li.uk-share.uk-login > a {
	border: 1px solid #e3322b;
	color: #e3322b;
	background: #fff;
}

/** bread **/
.uk-navbar-bread {
	width: 400px;
	margin: 0;
	padding: 0;
	list-style: circle;
	float: left;
	padding-left: 40px;
	color: #fff
}
.uk-navbar-bread > li {
	float: left;
	position: relative;
	line-height: 50px;
	padding-left: 10px;
	padding-right: 40px;
}
.uk-navbar-bread > li.nc > a {
	color: #fff
}
.tm-navbar-small .uk-navbar-bread, .tm-navbar-small .uk-navbar-bread > li.nc > a {
	color: #292020
}
/*.tm-navbar .tm-navbar-center{ min-height:40px;}
.tm-navbar-small .uk-navbar-nav > li > a{ display:block}*/
.tm-navbar {
	background: #ececec;
	padding:17px 17px 17px 0;
}
.uk-height-viewport {
	height: calc(100vh - 250px);
	min-height: 600px;
}
.tm-fullscreen-container {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.tm-fullscreen-container .tm-fullscreen {
	height: 100%;
	width: 100%;
	padding: 0;
	background:#8D8D8D url(../images/omni-presence.jpg) 50% 50% no-repeat;
	background-size: cover;
	position: absolute;
	/*top: 75px;*/
	bottom: 0;
}
.tm-fullscreen-container .tm-fullscreen.fs2 {

	height: 100%;
	width: 100%;
	padding: 0;
	background:#8D8D8D url(../images/omni-presence2.jpg) 50% 50% no-repeat;
	background-size: cover;
	position: absolute;
	/*top: 75px;*/
	bottom: 0;

}
.tm-fullscreen-container .tm-fullscreen.fs3 {

	background:#ff6600 url(../images/omni-presence3.jpg) 50% 50% no-repeat;
	background-size: cover;

}
.caption {
	position: absolute;
	bottom: 25%;
	line-height: normal;
	width: 100%;
	/*font-family: "HelveticaNeueW01-45Ligh";*/
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #fff;
}
.caption h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-shadow: none;
	font-size: 44px;
	color: #fff;
	background: url(../images/underline.png) 50% 100% no-repeat;
	padding-bottom: 20px;
}
.caption .uk-button-primary {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 50px;
	font-size: 12px;
	margin-top:25px;
}
#overview {
	background: #191515
}
.about {
	background:#fff url(../images/about-bg.png) 50% 50% no-repeat;
	background-size: cover;
	
}
.scoll-about img {
	background: url(../images/scroll-to-about-h.png) 50% 100% no-repeat
}
.scoll-about:hover img {
	background: url(../images/scroll-to-about-h.png) 50% 0% no-repeat
}
.scoll-top img {
	background: url(../images/scroll-to-top.png) 50% 0% no-repeat
}
.scoll-top:hover img {
	background: url(../images/scroll-to-top.png) 50% 100% no-repeat
}
.overview360 {
	background: url(../images/360overview-bg.jpg) 50% 50% no-repeat;
	background-size: cover;
}
#solution {
/*background: url(../images/solution-bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	color: #fff*/
}
#solution p {
/*font-size: 15px;*/
}
#solution .uk-panel {
/*border-radius: 5px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	padding: 30px*/
}
#solution .uk-panel h3 {
/*font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-shadow: none;
	font-size: 24px;
	line-height: normal;
	color: #fff;*/
}
#solution .uk-panel p {
/*font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;*/
}
#solution .uk-panel:hover {
/*border-radius: 5px;
	border: 2px solid rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.05);*/
}
#solution .uk-panel:hover > .uk-button {
/*background: rgba(241, 241, 241, 0.1);
	border: 1px solid #fff;
	color: #fff;*/
}
.light-bg {
}
#platform, .secondarybg {
	background: #e9e4e3
}
#platform { background:#fff;}
#platform .uk-panel, #solution .uk-panel {
	border-radius: 5px;
	border: 2px solid rgba(221, 216, 215, 1);
	padding: 30px
}
#platform .uk-panel h3, #solution .uk-panel h3, h3.blocktitle {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-shadow: none;
	font-size: 24px;
	line-height: normal;
	color: #000000;
}
#platform .uk-panel p, #solution .uk-panel p {
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000*/
}
#platform .uk-panel:hover, #solution .uk-panel:hover {
	border-radius: 5px;
	border: 2px solid rgba(221, 216, 215, 1);
	background: rgba(221, 216, 215, 1);
}
#platform .uk-panel:hover > .uk-button, #solution .uk-panel:hover > .uk-button {
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #000000;
	color: #000000;
}
#customers {
	background: #191515
}
.sprouts .uk-overlay-area {
	background: url(../images/sprouts-bg.png) 50% 50% no-repeat;
	background-size: cover;
}
.mydin .uk-overlay-area {
	background: url(../images/mydin-bg.png) 50% 50% no-repeat;
	background-size: cover;
}
.loves .uk-overlay-area {
	background: url(../images/loves-bg.png) 50% 50% no-repeat;
	background-size: cover;
}
.uk-overlay-area-content {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	text-align: center;
	font-style: italic;
	line-height: normal
}
#newsletter {
	background: url(../images/subscribe-bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	color: #fff
}
#switch-0n {
	background: url(../images/switch-onbg.jpg) 50% 50% no-repeat;
	background-size: cover;
	color: #fff
}
#footer {
	background: #191515;
	color: #fff;
}
.tm-footer h3.uk-h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-shadow: none;
	font-size: 14px;
	line-height: normal;
	color: #fff;
	margin-bottom: 10px;
	border-bottom:1px dotted #7a7979;
	padding-bottom:15px;
}
.tm-footer ul {
	padding-left: 0px;
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 30px
}
.tm-footer ul li a, .tm-footer p {
	color: #fff;
	font-weight: 300;
	font-size: 12px;
}
.tm-footer p.boiler {
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
	color: #7a7979;
}
.tm-footer p.boiler a{
	color: #7a7979;
	text-decoration:underline;
}

.tm-footer p.copy {
	color: /*#666666*/ #7a7979;
	font-size: 12px;
}
.tm-footer hr {
	border-top: 1px dotted #7a7979
}
.sct {
	position: absolute;
}
.sct a {
	line-height: 40px;
	height: 80px;
	border: 1px solid #fff;
	margin-top: -60px;
	margin-left: -120px;
}
.sct a i.uk-icon-angle-up:before {
	font-size: 30px;
}
.about-blogs {
	background: url(../images/blogs-bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	color: #fff
}
.bloglist-margin {
	margin-top: 0px /*30px*/;
	background: #f6f4f3
}
.bloglist-margin:last-child {
/*margin-bottom: 30px;*/
}
.blog-category { text-transform:uppercase}
.bloglist-margin .uk-container {
	padding-top: 0px;
	padding-bottom: 0px;
}
.bloglist-margin .uk-panel-box {
	padding: 60px 35px 48px 35px;
	background: transparent;
	color: #000000;
	border: 0px solid #f5f3f1;
	border-radius: 5px;
}
.about {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-shadow: none;
	font-size: 24px;
	line-height: normal;
	color: #231f20
}
h2.section-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-shadow: none;
	font-size: 44px;
	line-height: normal;
	color: #fff;
	background: url(../images/underline.png) 50% 100% no-repeat;
	padding-bottom: 5px;
}
h3.section-title {  
   color: #FFF !important;
  font-weight: normal!important;
  font-family: 'Roboto1' !important;
    margin-top: 5px;
  }
  
.light-bg h2.section-title {
	color: #231f20;
	background: url(../images/underline-light.png) 50% 100% no-repeat;
}
.uk-text-left h2.section-title {
	background: url(../images/underline.png) 0% 100% no-repeat;
}
.light-bg .uk-text-left h2.section-title {
	background: url(../images/underline-light.png) 0% 100% no-repeat;
}
p.lead {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-shadow: none;
	font-size: 24px;
	line-height: normal;
	color: #fff;
	margin-top: 24px
}
.light-bg p.lead, #solution p.lead {
	color: #231f20;
}
/** margin and paddings **/
.mtb50 {
	margin: 50px 0px 50px 0px
}
.mt100 img { margin-top:100px;}
.mt40 {
	margin-top: 40px;
}
.sectionpadding-top {
	padding-top: 100px
}
.sectionpadding-bottom {
	padding-bottom: 100px
}
.sectionpadding-top80 {
	padding-top: 80px
}
.sectionpadding-bottom80 {
	padding-bottom: 80px
}
.sectionpadding-top50 {
	padding-top: 50px
}
.sectionpadding-bottom50 {
	padding-bottom: 50px
}
p:last-child {
	margin-bottom: 0px
}
.sectionpadding {
	float: left;
    height: 200px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}
.lpsectionpadding {
	padding-top: 160px;
	padding-bottom: 160px
}
/** buttons **/
.uk-button {
	background: transparent;
	text-shadow: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #fff;
	font-weight: bold;
	color: #fff;
	padding: 5px 20px;
	font-size: 12px;

}
.copy > a {
    color: #7a7979;
    text-decoration: underline !important;
}
.tm-footer .uk-button{
	border: 1px solid #fff;
    height: 80px;
    line-height: 40px;
    margin-left: 0px;
    margin-top: 15px;
	position:absolute;
	right:0;
	display: inline-block;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: uppercase;
	border-radius: 5px;
    box-sizing: border-box;
	top:0;
}
.uk-button-dark {
	color: #000000;
	border: 1px solid #000000;
}
.uk-button:hover, .uk-button:focus, .uk-button:active {
	background: rgba(241, 241, 241, 0.1);
	border: 1px solid #fff;
	color: #fff;
}
.uk-button-dark:hover, .uk-button-dark:focus, .uk-button-dark:active {
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #000000;
	color: #000000;
}
.uk-button-secondary {
	background: transparent;
	text-shadow: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: 1px solid #fff;
	font-weight: bold;
	color: #fff;
	padding: 5px 40px;
}
.uk-button-secondary:hover, .uk-button-secondary:focus, .uk-button-secondary:active {
	background: rgba(241, 241, 241, 0.1);
	border: 1px solid #fff;
	color: #fff;
}
.uk-button-primary:hover, .uk-button-primary:focus, .uk-button-primary, .uk-button-primary:active {
	background-color: #e3322b;
	color: #ffffff;
	border: 0px;
}
h4 {
	color: #32373a;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-shadow: none;
	font-size: 18px;
	line-height: normal;
}
/** form **/
.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
	height: 40px;
}
/** innerpages **/
.innerhead.soln {
	background: #191515 url(../images/solution-header.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.page-intro p {
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-shadow: none;
	font-size: 18px;
	line-height: normal;
}

strong {
	
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	
}
/*** landing Pag **/
.landingpage.mastering-customer-personalization .lpbg {
	background: url(../images/mastering-form-bg.jpg)50% 50% no-repeat;
	background-size: cover;
}
.uk-form-panel {
	background: rgba(227, 50, 43, 0.6);
	border: 0px;
	color: #fff;
	padding: 40px 35px
}
.uk-form-panel .uk-panel-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	text-shadow: none;
	font-size: 28px;
	line-height: normal;
	color: #fff
}
.uk-form-stacked .uk-form-label {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal
}
.uk-form-stacked .uk-form-label span {
	font-size: 12px;
}
.uk-form-stacked .uk-form-label span.large {
	font-size: 20px;
}
.uk-form input, .uk-form select, .uk-form textarea {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.uk-form .uk-button {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding:9px 20px;
	font-size:12px;
}
.inner  .uk-form .uk-button {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	padding:5px 20px;
	font-size:12px;
}
/** zero grid for blog **/
.bloglist-margin .uk-grid:not(.uk-grid-preserve) > * {
	padding-left: 0px
}
/** infographic **/
#know-your-customer {
	background: #231616;
	color: #fff
}
h2.section-title span.steps, .gtp-text {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	text-transform: uppercase;
	color: #e9e4e3
}
#personlise {
	background: #2e1817
}
#engage {
	background: #371918
}
.fontmedum {
	font-weight: 400
}
/** scroll spry **/


.tm-dotnav-vertical {
	right: 36px;
}
.tm-dotnav-vertical {
	position: fixed;
	z-index: 10;
	top: 50%;
	right: 30px;
	margin: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.uk-dotnav {
	padding: 0;
	list-style: none;
	font-size: 0.001px;
	text-align: center;
}
.uk-dotnav > li > a {
	display: inline-block;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(102, 92, 92, 1);
	vertical-align: top;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.uk-dotnav > li > a:hover, .uk-dotnav > li > a:focus {
	background: rgba(102, 92, 92,  0.4);
	outline: none;
}
.uk-dotnav > li.uk-active > a {
	background: rgba(50, 50, 50, 0.0);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	border: 1px solid #fff;
}
.circle-content {
	position: absolute;
	z-index: 1;
	top: 0px;
	width: 100%;
	height: 100%
}
#know-your-customer .uk-panel, #personlise .uk-panel, #engage .uk-panel {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	/*border:1px solid #352929;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #fff
}
#know-your-customer .uk-panel h3, #personlise .uk-panel h3, #engage .uk-panel h3 {
	color: #9e4845;
	font-size: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: normal
}
#personlise .uk-panel h3, #engage .uk-panel h3 {
	color: #fff
}
.negmargin {
	margin-top: -13% !important;
	margin-bottom: -13%
}
.negmargintop {
	margin-top: -13% !important;
	margin-bottom: 40px
}
.gtp-text {
	margin-top: 20px
}
/** slide Show **/
.uk-slidenav {
	width: 52px;
	height: 52px;
	line-height: 52px;
}
.uk-slidenav-position .uk-slidenav { display:block;}
.uk-slidenav-position { cursor:pointer}
.uk-slidenav-position .uk-slidenav-previous {
	background: url(../images/slide-show-nav.png) 0px 0px no-repeat;
	color: rgba(255, 255, 255, 0);
	left: 0px;
}
.uk-slidenav-position .uk-slidenav-next {
	background: url(../images/slide-show-nav.png) 100% 0px no-repeat;
	color: rgba(255, 255, 255, 0);
	right:0px
}
.uk-slidenav-position .uk-slidenav-previous:hover {
	background: url(../images/slide-show-nav.png) 0px 100% no-repeat;
	color: rgba(255, 255, 255, 0)
	
}
.uk-slidenav-position .uk-slidenav-next:hover {
	background: url(../images/slide-show-nav.png) 100% 100% no-repeat;
	color: rgba(255, 255, 255, 0)
}

.uk-container-fullwidth {
width: 100% !important;
max-width:initial;
padding: 0px;
}
.uk-container-fullwidth .uk-grid:not(.uk-grid-preserve) > * { padding-left:0px;}
#solution .uk-panel, #platform .uk-panel {  border-radius: 0px;  border: 1px solid rgba(221, 216, 215, 1); border-left:0px; padding-bottom:100px;}
#solution .uk-panel:hover, #platform .uk-panel:hover {
	border-radius: 0px;
	
	background: rgba(227, 50, 43, 1);
	border: 1px solid rgba(227, 50, 43, 1);
	border-left:0px;
}
#solution .norightborder, #platform .norightborder{border-right:0px;}
#solution .uk-panel:hover > .uk-button, #platform .uk-panel:hover > .uk-button{
	background: #e3322b;
	border: 1px solid #fff;
	color: #FFF;
}
#solution .uk-panel:hover > h3, #solution .uk-panel:hover > p,
#platform .uk-panel:hover > h3, #platform .uk-panel:hover > p { color:#fff;}

#solution .uk-panel.drive-engagement img{ background:url(../images/solutions-icon.png) -138px 0px no-repeat}
#solution .uk-panel.drive-engagement:hover img{ background:url(../images/solutions-icon.png) -138px 100% no-repeat}
#solution .uk-panel.expand-share-of-wallet img{ background:url(../images/solutions-icon.png) -46px 0% no-repeat}
#solution .uk-panel.expand-share-of-wallet:hover img{ background:url(../images/solutions-icon.png) -46px 100% no-repeat}
#solution .uk-panel.increase-basket-size img{ background:url(../images/solutions-icon.png) -92px 0% no-repeat}
#solution .uk-panel.increase-basket-size:hover img{ background:url(../images/solutions-icon.png) -92px 100% no-repeat}
#solution .uk-panel.reduce-churn img{ background:url(../images/solutions-icon.png) 0px 0% no-repeat}
#solution .uk-panel.reduce-churn:hover img{ background:url(../images/solutions-icon.png) 0px 100% no-repeat}
#platform .uk-panel.services img{ background:url(../images/platform-icon.png) -129px 100% no-repeat}
#platform .uk-panel.services:hover img{ background:url(../images/platform-icon.png) -129px 0px no-repeat}
#platform .uk-panel.analytics-views img{ background:url(../images/platform-icon.png) -86px 100% no-repeat}
#platform .uk-panel.analytics-views:hover img{ background:url(../images/platform-icon.png) -86px 00% no-repeat}
#platform .uk-panel.targeting-and-personalization img{ background:url(../images/platform-icon.png) 0px 100% no-repeat}
#platform .uk-panel.targeting-and-personalization:hover img{ background:url(../images/platform-icon.png) 0px 0% no-repeat}
#platform .uk-panel.algorithms img{ background:url(../images/platform-icon.png) -43px 100% no-repeat}
#platform .uk-panel.algorithms:hover img{ background:url(../images/platform-icon.png) -43px 0% no-repeat}

/** home alisw**/
.uk-slideshow.uk-cover,
.uk-slideshow.uk-cover > li.uk-cover{ height:100%}
.landingpage p, .landingpage h2, .landingpage li, .partner-head{ color:#fff}


/****** Social Dropdwon ***/
.social-dropdown { width:30px; padding:0px; background: rgba(0, 0, 0, .3); border:0px;}
.uk-nav-dropdown.social-dropdown > li > a { color:#fff;}
.social-dropdown .uk-nav { margin:0px;}
.social-dropdown .uk-nav [class*='uk-icon-'] { margin-left:-5px; color:#fff;}

.social-dropdown .uk-nav-dropdown > li > a:hover, .social-dropdown .uk-nav-dropdown  > li > a:focus { background: rgba(0, 0, 0, .2);}
.data-uk-grid-margin { margin-top:30px}

/*** responsive css below this line **/
 @media (max-width: 959px) {
}


/* Desktop and bigger */
@media (min-width: 960px) {
}
/* Desktop and Small laptops */
@media (min-width: 961px) and (max-width: 1366px) {

}
/* Only tablets portrait */
@media (min-width: 768px) and (max-width: 959px) {
}
/* Phone landscape and smaller */
@media (max-width: 767px) {
	.uk-navbar-center { max-width:172px}
}
}
/* Only large screens */
@media (min-width: 768px) {
}
/* Only phones */

@media (max-width: 768px) {
	.uk-navbar-center { max-width:172px}
}
/** phones in landscape **/
@media (max-width: 768px) and (orientation : landscape) {

}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {

}
/** full screen images **/
 @media (max-width: 1024px) and (orientation : landscape) {
.
}
@media(max-width: 768px) and (orientation : portrait) {
.uk-navbar-center { max-width:172px} 
	
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {
	
}
@media (max-width: 768px) and (orientation : landscape) {
	
}
 @media (max-width: 640px) and (orientation : landscape) {
	 .uk-navbar-center { max-width:172px} 
	 
}
@media (max-width: 360px) and (orientation : portrait) {

}
}








.uk-navbar-nav.uk-hidden-small {
	float:left;
    padding: 3px 0 0 51px !important;
}


/*04-02-2015*/
#newsletter {
  background: url(../images/subscribe-bg.jpg) 50% 50%/cover no-repeat;
  color: #fff;
}

#formID1 input{ width:95%; margin-bottom:15px; padding:5px; border:none; border-radius:5px; font-family: Roboto, sans-serif;   font-weight: 300;}
#formID1 textarea{ width:95%; margin-bottom:10px; padding:5px; border:none; border-radius:5px; font-family: Roboto, sans-serif;   font-weight: 300;}
#formID1 input#submit_btn{width:50%; border:1px solid; position:relative;padding: 0;  height: auto;   background: none;  color: #FFFFFF;
  padding: 5px 10px; cursor:pointer;   line-height: 28px;
  min-height: 30px;}
#formID1 .formError{padding:0px 45px 0px 10px;}
#formID1 input#submit_btn:hover{background: rgba(241,241,241,.1);
  border: 1px solid #fff;
  color: #fff;}
  .widget_categories select.postform{
  	width: 100%;
    padding: 10px;
    margin-top: 15px;
    border-radius: 5px;
    font-weight: bold;
  
  }
  .uk-panel-header{    margin-top: -45px; padding:0;}