@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../font/bebasneue.eot');
    src: url('../font/bebasneue.eot') format('embedded-opentype'),
         url('../font/bebasneue.woff') format('woff'),
         url('../font/bebasneue.ttf') format('truetype'),
         url('../font/bebasneue.svg#BebasNeueRegular') format('svg');
}
@font-face {
    font-family: 'Nexa';
    src: url('../font/Nexa/NexaFreeLightwebfont.eot');
    src: url('../font/Nexa/NexaFreeLightwebfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Nexa/NexaFreeLightwebfont.woff') format('woff'),
         url('../font/Nexa/NexaFreeLightwebfont.ttf') format('truetype'),
         url('../font/Nexa/NexaFreeLightwebfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_boldregular';
    src: url('../font/nexa_bold.eot');
    src: url('../font/nexa_bold.eot?#iefix') format('embedded-opentype'),
         url('../font/nexa_bold.woff') format('woff'),
         url('../font/nexa_bold.ttf') format('truetype'),
         url('../font/nexa_bold.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
  overflow-x:hidden;
}
.overFlowb{overflow-x:hidden}
.overFlowh{overflow:hidden;}  

/* Website background color and default font styles */
body {
  background: #fff;
  color: #333333;
  font-family:"Century Gothic", 'Nexa' , verdana, Arial, sans-serif;
  font-weight:300;
   -webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}


a {text-decoration:none; }
a:hover, a:focus { }

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background:#000; ;
  text-shadow: none;
}
::selection {
  color: #fff;
  background:#000;
  text-shadow: none;
}


.left{float:left;}
.right{float:right;}
img{max-width:100%; height:auto;}
/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
/*p {font-size:14px;color:#000;font-family:Arial, Helvetica, sans-serif;margin:0 0 20px;} */
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#41b6ab;}

h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}


/***********Table DIV************/

.table{display:table; width:100%;}
.table-row{display:table-row;}
.table-cell{display:table-cell;}

/**********Table DIV Close***********/





/*======================================================================================
ZAPon Slide Starts
============================================================*/


.boxedcontainer		{	max-width:100%; margin:auto; /*padding:0px 30px;*/ font-family: 'BebasNeueRegular';}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}


/*======================================================================================
ZAPon Slide ends

============================================================*/





.slideone{text-align:center; color:#8c8c8c; /*background:url(../images/phone1.png) left top no-repeat;*/}
.slideone h1{font-size:1.5em;/**/}
.slideone span{display:inline-block; background:#ed3713; padding:0 8px; color:#fff; font-size:0.7em; margin-bottom:0px;}
.slideone span.blk{color:#000; background:none; font-size:0.9em; padding:0; /*line-height:2em; */ margin:0;}
.slideone span.blk i{font-style:normal; font-size:0.8em; padding:0; color:#8c8c8c; }
.slideone .indent{left:-99999px; position:absolute;}


.callForError1 {padding:5px; color:Red; text-align:right;}
/*Side Panel*/

.sidePanel{position:fixed; top:30%; width:600px; padding:10px; right:-600px; background:#424242; z-index:9999; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; display:none; color:#fff;}
.sidePanel td{padding:4px;}
.sidePanel textarea{height:116px;}
.sidePanel .callForError{padding:5px; color:Red; text-align:center; margin-top:-20px;}
.sidePanel input[type="radio"]{margin:0; float:none;}
                         
.sidePanel{}
.sidePanel .closeCntctPop{position:absolute; left:-39px; top:28px; cursor:pointer;}
.contactPop table tr td {
    padding: 7px 0;
}
.sidePanel h3{color:#fff; font-family: 'Nexa'; font-weight:bold; padding:0 0 10px; font-size:25px; text-align:center;}
.sidePanel h3.mail{background:url(../images/mailUs.png) left 7px no-repeat;}
.sidePanel input[type="text"], textarea.contact{background:#fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;  /* Firefox, other Gecko */ box-sizing: border-box; width:100%; border:1px solid #CCCCCC; padding:5px;  font-family: 'Nexa'; font-size:16px; color:#666666; resize:none;}
.sidePanel input[type="submit"] {
    background:#ef3715;
    border:none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 1.1em;
	 font-weight:bold;
    padding: 8px 20px;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	 font-family: 'Nexa'
}
.sidePanel input[type="text"], textarea.contact {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0;
    width: 100%;
	 font-family: 'Nexa';
	  margin: 0 0 5px;
}


/*Side Panel*/



/*========================================================mETRO====================================================================*/

.metroSet{width:889px; margin:10px auto; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.metroSet .columnLeft{float:left; width:254px;}
.metroSet .smallBox{width:117px; height:117px; margin:5px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; overflow:hidden;}
.metroSet .mediumBox{width:244px; height:117px; margin:5px; float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  position:relative; overflow:hidden;}
.metroSet .bigBox{width:244px; height:244px; margin:5px; float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  position:relative; overflow:hidden;}
.metroSet .columnmid{float:left; width:381px;}
.metroSet img{width:100%; height:auto;}
.metroSet .slideDown{width:100%; top:-100%; height:100%; position:absolute; background:#2c2c2c;}
.metroSet h2{text-align:center; font-size:18px!important; top:40%; width:100%; position:absolute; padding:10px; border-bottom:none!important;}
.metroSet i{display:block; padding:10px 0; text-align:center; font-style:normal; position:absolute; bottom:0; width:100%; font-size:12px;}
.metroSet a.link{position:absolute; right:10px; bottom:10px; font-size:12px;}
.metroSet a{display:block; text-decoration:none; color:#fff; font-size:14px; padding:10px;}
.metroSet a:hover{text-decoration:underline;}
/*.metroSet .smallBox:hover, .mediumBox:hover, .bigBox:hover{outline:1px solid #333;}*/

.metroSet .slideUp{width:100%; text-align:center; position:absolute; background:url(../images/blkSheet.png); bottom:-100%; padding:8px 0;}


.metroSet .goldSil{background-image:url(../images/gold-silver-coins-bars.png); background-repeat:no-repeat; background-position:center 7px; background-color:#ea584b;}
.metroSet .camera{background-image:url(../images/cameras.png); background-repeat:no-repeat; background-position:center 7px; background-color:#30a8b6;}
.metroSet .giftVoucher{background-image:url(../images/gift-voucher.png); background-repeat:no-repeat; background-position:center 7px; background-color:#f9a639;}
.metroSet .mobilRechrge{background-image:url(../images/mobile-rechargers.png); background-repeat:no-repeat; background-position:center 7px; background-color:#8ba43c;}
.metroSet .watchesBags{background-image:url(../images/watches-bags-accessories.png); background-repeat:no-repeat; background-position:center 7px; background-color:#2dab98;}
.metroSet .apprelJew{background-image:url(../images/apparels-jewellery.png); background-repeat:no-repeat; background-position:center 7px; background-color:#dd3766;}
.metroSet .electronics{background-image:url(../images/electronics.png); background-repeat:no-repeat; background-position:center 7px; background-color:#4f63de;}
.metroSet .homeApplia{background-image:url(../images/home-appliances.png); background-repeat:no-repeat; background-position:center 7px; background-color:#a23eab;}

/*========================================================\mETRO====================================================================*/

/*Header*/
.comeFromLeft, .comeFromRight, .comesFromBot{visibility:hidden}
.modal-header {
    border-bottom: none;
    min-height: 20px;
    padding: 15px;
}
.modal-content{-webkit-border-radius:0px; -moz-border-radius:0px;border-radius:0px; background:rgba(0,0,0,0.7)}
.modal-body{padding-bottom:45px; min-height:300px;}
.close{opacity:1; -webkit-opacity:1; -moz-opacity:1;}
.hello-bar{background:rgba(0,0,0,0.9);padding-top:10px;position:fixed;width:100%; z-index:9999; top:0;}
.hello-bar .logo{display:inline-block; float:left; width:15%;}
.hello-bar .logo img{max-width:100%; height:auto;}
.hello-bar p{color:#b4b4b4; float:right; display:inline-block;}
.hello-bar p a{border-left:1px solid #666;display:inline-block;padding-left:15px;margin-left:15px;color:#b4b4b4; padding-right:0px; outline:none;}
.hello-bar .logo a{border-left:none; padding-left:0; margin-left:0; color:#b4b4b4; padding-right:0; outline:none; display:block;}


.homeNav{visibility:hidden; margin-top:0px;}


#header{background:url(../images/header-bg.jpg) no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; /*height:100%;*/ padding:70px 0; /*min-height:804px;*/}


#header .padding-top{padding-top:100px;}
#header .top-colums{}
#header .top-colums-links{overflow:hidden; width:60%; float:right;}
/*#header .top-colums .logo-cont{margin:0 5px 5px 0; background:rgba(0,0,0,0.7); padding-top:80px; height:374px; text-align:center; font-family:'Nexa'}*/
#header .top-colums-links h1.heading{font-size: 46px; margin-bottom: 50px; width: 508px; font-family:'Nexa';}
#header .top-colums-links .video-cont{background:rgba(0,0,0,0.1); text-align:center; font-size:36px; color:#fff; margin:0 5px 5px 0; height:166px; font-family:'BebasNeueRegular'; cursor:pointer; width:337px; float:left;}
#header .top-colums-links .video-cont .live-tile{height:166px;}
#header .top-colums-links .video-cont img{margin-top:40px;}
/*#header .top-colums .logo-cont h1{position:relative;}
#header .top-colums .logo-cont h1 a{background:url(../images/greetzap-plus-logo.png) left top no-repeat; width:210px;height:0px;padding-top:38px;overflow:hidden;display:inline-block; }
#header .top-colums .logo-cont h1:after{position:absolute; content:" "; width:40%; left:50%; margin-left:-20%; height:1px; background:#a7a7a7; bottom:-27px;}
#header .top-colums .logo-cont h1.engage{margin-top:50px; color:#fff; font-size:35px; position:inherit}
#header .top-colums .logo-cont h1.engage:after{position:absolute; content:" "; width:0%; left:500%; margin-left:0%; height:0px; background:none; bottom:0px;}
#header .top-colums .logo-cont h1.engage span{display:inline-block; padding-top:20px; font-size:30px; color:#a7a7a7;}
#header .top-colums .logo-cont h2{margin-top:50px; color:#fff; font-size:35px;}
#header .top-colums .logo-cont h2 span{display:inline-block; padding-top:20px; font-size:30px; color:#a7a7a7;}*/
#header .top-colums-links .small-box{width:166px; height:166px; text-align:center; /*padding-top:60px;*/ color:#fff; float:left; margin:0 5px 5px 0px; font-size:2.5em;  font-family: 'BebasNeueRegular';}
#header .top-colums-links .small-box h1{margin:0; padding:0;}
#header .top-colums-links .small-box a{text-decoration:none; height:231px; padding-top:38%; margin-top:-38%; display:block;}
.tile-title{padding-top:0;}
#header .top-colums-links .overview{background:rgba(223, 124, 17, 0.9);}
#header .top-colums-links .product{background:rgba(195, 120, 22, 0.9);}
#header .top-colums-links .services{background:rgba(243, 189, 11, 0.9);}
#header .top-colums-links .media{background:rgba(140, 96, 12, 0.9);}
#header .top-colums-links .plan{background:rgba(205, 158, 10, 0.9);}
#header .top-colums-links .case-study{background:rgba(241, 94, 5, 0.9);}
#header .top-colums-links .maring-left{margin-left:171px; }
#header .top-colums-links .no-margin-top{margin-top:0!important;}
#header .top-colums-links .clear-left{clear:left;}
#header .top-colums-links .width-auto{width:337px; }

#navbarCont{background:#fff; width:100%; top:0; z-index:999; border-bottom:1px solid #ccc;}
.navbar{-webkit-border-radius:1px; -moz-border-radius:1px;border-radius:1px; background:#1b1b1b; margin-bottom:0;}
.tab-nav .navbar-default{background-color:#fff; border:none;}
.tab-nav{}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background:none;}
.dropdown-menu{font-size:15px; padding:0;}
.dropdown-menu > li > a{padding:10px 20px;}
/*.navbar-nav li.current > a{color:#ef3715!important;}*/
.dropdown-menu > li > a:hover{background:#ef3715; color:#fff;}
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
		 

/*===================================================================
Text Container
=====================================================================*/	
.text-container{padding:0px 0; font-size:15px; text-align:center; color:#6f6f6f; font-weight:normal;  font-family:"Century Gothic", 'Nexa' , verdana, Arial, sans-serif; }
.colorWhite{color:#fff;}
.text-container h2{text-align:center; color:#a4a4a4; margin:0px 0; text-transform:uppercase; font-family: 'BebasNeueRegular'; font-weight:500; font-size:45px;}
.text-container h3{font-size:30px; margin:40px 0; font-family: 'Nexa';}
.text-container h3 span{color:#ed3713;}

		


.tab-nav .navbar-default {
    background-color:none;
    border-color: none;
}

.tab-nav .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
.tab-nav .navbar-nav{float:right;}
.tab-nav .navbar-nav > ul  > li{display:inline-block;}
.tab-nav .navbar-nav > li > a{/*font-family:'Nexa';*/font-size:1.1em;font-weight:500;color:#EF3715;text-transform:capitalize;text-decoration:none;line-height:30px; display:block; outline:none; padding:15px;}
.tab-nav .navbar-nav > li:last-child > a{padding-right:0;}
.tab-nav .navbar-nav > li:hover > a{color:#ed3713;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#ed3713;}

#rewarding{padding:40px 0; text-align:center; background:url(../images/image_about.jpg)  no-repeat center top fixed;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; height:100%;}
#rewarding .colmn{background:red;}
#rewarding h3{font-size:30px; margin:20px 0; color:#fff; position:relative;}
#rewarding h3 i{font-style: normal; left: -60px; position: absolute; width: 100%; font-size: 38px; top: 38px}
#rewarding h3.heading{font-size:40px; margin:0;}
#rewarding .colmnGrid{}
#rewarding .colmnGrid .box{width:184px; height:184px; display: table; font-size:14px; padding:20px; background:rgba(0,0,0,0.8); float:right; color:#c2c2c2; margin:5px; position:relative; overflow:hidden; -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
#rewarding .colmnGrid .clear-right{clear:right;}
#rewarding .colmnGrid .margin-one{margin-right:199px;}
#rewarding .colmnGrid .margin-two{margin-right:392px;}
#rewarding .colmnGrid .box span{vertical-align:middle; display:table-cell;}
#rewarding .colmnGrid .img-hvr{text-align:center; background:#ed3713; position:absolute; left:0; top:0; width:100%; height:100%; display:none; }
#rewarding .colmnGrid .img-hvr img{max-width:100%; height:auto; margin-top:20%;}

	


/*Products*/
.zapColm{position:relative; padding:0; overflow:hidden;}
.zapColm img{width:100%; height:auto;}
.zapColm > a > h2{position:absolute; padding:8px; background:#ed3713; /*left:15px; */top:10px; color:#fff; font-size:35px; width:227px; z-index:9;}
.zapColm > a > .hover{position:absolute; width:100%; height:100%; background:#000; color:#fff; left:0; top:0; -webkit-opacity:1; -moz-opacity:1; opacity:1; webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s;}
.zapColm > a > .leftSlide{left:-100%;}
.zapColm > a > .rightSlide{left:100%;}
.zapColm > a > .hover > h2{position:static; text-align:center; padding:15px 0; font-size:35px;}
.zapColm > a > .hover > h2 span{font-size:25px; display:block; padding-top:60px;}
.zapColm > a > .hover .more{position:absolute; bottom:8px; right:8px; font-size:35px;}
.zapColm > a > .hover a{text-decoration:none; color:#fff; display:block; width:100%;}
.zapColm:hover .hover{ -webkit-opacity:1; -moz-opacity:1; opacity:1; }
/*Products*/



/*Login*/
.errmsguser, .errmsgpass, .errmsgsubmit, .errmsgemail, .errmsgquery, .errmsgnuymber{ font-size:11px; color:Red; text-align:center; padding:0; display:none; margin-top:-15px; padding:15px 0;}
.sidePanel .errmsguser, .sidePanel .errmsgpass, .sidePanel .errmsgsubmit, .sidePanel .errmsgemail, .sidePanel .errmsgquery, .sidePanel .errmsgnuymber{ color:#fff; text-align:center; padding:0; display:none; margin-top:0; padding:0;}
div.login .canc{float:right; font-size:10px; color:#fff; background:#ed3713; padding:1px 4px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; cursor:pointer;}
div.login .canc:hover{background:#9a2739;}
div.login{position:fixed; width:305px; padding:13px 20px 20px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#565656; right:0; border:1px solid #e6e6e6; top:-180%; z-index:99999; -webkit-box-shadow: -3px 4px 5px 0px rgba(50, 50, 50, 0.61);
-moz-box-shadow:    -3px 4px 5px 0px rgba(50, 50, 50, 0.61);
box-shadow:         -3px 4px 5px 0px rgba(50, 50, 50, 0.61);}
div.login h5{color:#ed3713; text-align:center; padding:0 0 15px; font-size:14px; clear:both;}
div.login input{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	}
div.login input{padding:8px 8px 8px 30px; background:#f1f1f1; border:1px solid #dddddd; color:#333;  -moz-box-shadow:none; -webkit-box-shadow:none;  box-shadow:none;
-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;  font-size:13px; margin-bottom:19px;}
div.login input[type="text"]{background:#f1f1f1 url(../images/userIco.png) 10px 11px no-repeat;   width:100%;}
div.login input[type="password"]{background:#f1f1f1 url(../images/passIco.png) 10px 8px no-repeat;  width:100%;}
div.login input[type="submit"]{-webkit-border-radius: 8px; -moz-border-radius: 8px;
border-radius: 8px; padding:8px; color:#fff; text-align:center; border:none; text-shadow: 1px 2px 1px #666666; background:#ed3713;  font-size:17px;  width:100%;  margin-top:13px; font-weight:bold;}
div.login input[type="checkbox"]{background:none; margin:2px 5px 0 0; float:left;  margin-bottom:0;}
div.login a{text-decoration:none; color:#ed3713;  padding:0; display:inline;}
div.login a:hover{text-decoration:underline;}
div.login .h2Cont {
   border-bottom: 1px solid #B7B6B6;
    height: 8px;
    position: relative;
	text-align:center;
}
div.login .h2Cont h6 {
    background: none repeat scroll 0 0 #fff;
    font-size: 14px;
	display:inline-block;
    margin-top: -20px;
    text-align: center;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
div.login .h2Cont h6 {  margin-top: -13px; }
}

/*Login*/

/*Number dont lie*/   

#ndontL{padding:40px 0; text-align:center; background:url(../images/numberBg.jpg)  no-repeat center top fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; min-height:533px;}
#ndontL h2{color:#fff;}
#ndontL .numbDnt{padding:30px 10px 10px; text-align:center; font-weight:bold; font-size:1.8em; color:#fff; text-align:center; font-family: 'nexa'; line-height:38px;}
#ndontL .numbDnt i{font-style:normal;}
#ndontL .numbDnt img{max-width:100%; height:auto; margin-bottom:0px; }
#ndontL .numbDnt span{font-size:0.5em; font-family:'nexa'; display:inline-block; margin-top:20px;}


/*/Number dont lie*/   

/*Testimonial Cont*/   

#testimonial{padding:40px 0; text-align:center; background:url(../images/testimonialBg.jpg) no-repeat fixed 50% 50%; background-size:cover; min-height:550px;}
#testimonial h2{color:#7e7e7e; font-size:25px;}
#testimonial.numbDnt{padding:30px 10px 10px; text-align:center; font-weight:bold; font-size:2em; color:#ed3713; text-align:center; font-family: 'BebasNeueRegular'; line-height:38px;}
#testimonial.numbDnt img{max-width:100%; height:auto; margin-bottom:40px;}
#testimonial .numbDnt span{color:#fff; font-size:24px; font-family:'nexa';}

#testimonial ul{margin:0; padding:20px 0!important;}
#testimonial ul#feed li{ padding:16px 8px!important; color:#b0b0b0; font-size:14px; border-bottom:#3d3d3d solid 1px; list-style:none; text-align:left;}
#testimonial ul#feed li span{display:block; text-align:right; font-size:16px; font-weight:bold; padding:5px 0 0;}

#testimonial ul#case{text-align:center;}
#testimonial ul#case li{list-style:none; display:inline-block; outline:3px solid #d4d4d4; margin:10px; vertical-align:middle; font-size:45px; background:#4c4c4c; color:#fff; width:127px; height:127px; background:#4c4c4c; overflow:hidden;}
#testimonial ul#case li a{display:block; text-decoration:none;  width:127px; height:127px; vertical-align:middle; color:#fff;}
#testimonial ul#case li:nth-child(odd){clear:left;}
#testimonial ul#case li.link{padding-top:0px;}
#testimonial ul#case li a:hover{text-decoration:none;}
#testimonial ul#case li img{width:100%; height:auto;}


/*/Testimonial Cont*/   


/*Contact Cont*/   

#contact{padding:40px 15px; text-align:center; background:#fff; text-align:left;}
#contact h3{text-align:left;}
#contact .cont{padding:40px 15px; color:#6F6F6F;}
#contact .cont span img{max-width:100%; height:auto; margin-right:15px;}
#contact .cont h3{margin-bottom:20px; font-size:18px; font-weight:bold; color:#5a5a5a;   font-family:'nexa';}
#contact input[type="text"], textarea{width:100%; font-family:'nexa'; color:#333; padding:5px; border:1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#contact button{background:#bebebe; font-size:18px; color:#fff; border:none; -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.75);}
#contact input[type="submit"]{background:#bebebe; font-size:18px; color:#fff; border:none; -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.75);}
#contact input[type="radio"]{margin:8px 0; }
#contact .radio label{padding:5px 10px;}
#contact .radio{margin:0;}
#contact textarea{height:126px;}

/*/Contact Cont*/ 





/*Number dont lie*/   

#loyalty{padding:0px 0; text-align:center; background:url(../images/loyaltyBg.jpg) no-repeat fixed 50% 50%; background-size:cover;}
#loyalty h2{color:#fff;}
#loyalty h3{color:#fff; margin:0; padding:0;}
#loyalty h2.white{color:#fff;}
#loyalty .numbDnt{padding:30px 10px 10px; text-align:center; font-weight:bold; font-size:2em; color:#ed3713; text-align:center; font-family: 'BebasNeueRegular'; line-height:38px;}
#loyalty .numbDnt i{font-style:normal;}
#loyalty .numbDnt img{max-width:100%; height:auto; margin-bottom:40px; }
#loyalty .numbDnt span{color:#fff; font-size:24px; font-family:'nexa';}


/*/Number dont lie*/  




/*Case study*/   

#caseStudyTop{padding:0px 0; text-align:center; background:url(../images/loyaltyBg.jpg) no-repeat fixed 50% 50%; background-size:cover; min-height:500px;}
#caseStudyTop h1{color:#fff; font-family: 'BebasNeueRegular';
    font-size: 45px;
    font-weight: 500;
    margin: 40px 0;
    text-align: center;
    text-transform: uppercase;}
#caseStudyTop h2.white{color:#fff;}

.caseStudy{background:#f1f1f1;}
.caseStudy ul{text-align:center; margin:0;  padding:20px 0;}
.caseStudy ul li{display:inline-block; margin:10px; color:#fff; background:#383838; text-transform:uppercase; border:#f1f1f1 solid 3px; outline:2px solid #383838; padding:10px; min-width:100px; cursor:pointer; list-style:none; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
.caseStudy ul li:hover{background:#C44324;}
.caseStudy ul li.active{background:#C44324;}


.caseThumbs{}
.caseThumbs ul{text-align:center; margin:0; padding:20px 0;}
.caseThumbs ul li{display:inline-block; margin:10px; color:#9b9b9b; cursor:pointer; list-style:none; position:relative; width:316px; height:188px; border:#d4d4d4 solid 1px;}
.caseThumbs ul li > img{width:100%; height:auto;}
.caseThumbs ul li div.plus{width:100%; background:rgba(0,0,0,0.8); height:100%; position:absolute; font-size:30px; visibility:hidden; -webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s; -webkit-opacity:0; -moz-opacity:0; opacity:0;}
.caseThumbs ul li div.plus > img{max-width:100%; height:auto; position:absolute; top:50%; left:50%;  margin-left:-100%; margin-top:-15px; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;}
.caseThumbs ul li:hover div.plus{visibility:visible; 
-webkit-opacity:1;
  -moz-opacity:1;
  opacity:1;}
.caseThumbs ul li:hover div.plus > img{margin-left:-15px;}
  
  
.contents{display:none;}
.slidePanel{ background: #fff; position: fixed; width: 100%; height:100%; top:0; right:-100%; text-align:center; z-index:99999; color:#5b5b5b;}
.slidePanel .showContent{overflow-y: scroll; height: 85%;}
.slidePanel .clmns{height:100%;}
.slidePanel .clmns span{font-size:45px;}
.slidePanel .clmns .contt{padding:25px; text-align:left;}
.slidePanel .RightCont{background:#ededed; }
.slidePanel .clmns .conttTwo{padding:25px; text-align:center;}
.slidePanel .clmns .dmark{position:relative;}
.slidePanel .clmns p{font-size:18px;}
.slidePanel .clmns .dmark:after{ background:#dcdada; bottom: 0;  content: " "; height: 1px; left: 50%; margin-left: -45%; position: absolute; width: 90%;}
.slidePanel .clmns h3{font-family:'BebasNeueRegular'; font-size:30px; padding:0 0 15px; margin:0; color:#ed3713;}
.slidePanel .clmns a{display:inline-block; padding:8px 10px; background:#727272; color:#fff; text-decoration:none; -webkit-transition: all 1s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.slidePanel .clmns a:hover{background:#ed3713;}

.slidePanel .buttons {
    background-color: rgba(26, 26, 26, 0.75);
    height: 104px;
    top: 0;
    width: 100%;
    z-index: 2;
	color:#000;
}
.slidePanel .buttons button[type="button"] {width:46px; height:46px; background:url(../images/cbp-sprite.png); background-repeat:no-repeat; margin:28px 5px; border:none; text-indent:-9999px; padding:0;}
.slidePanel .buttons button.clsSldNxt{background-position:-47px -94px;}
.slidePanel .buttons button.clsSldPnl{background-position:-92px -94px;}
.slidePanel .buttons button.clsSldPre{background-position:0px -94px;}
.slidePanel .buttons button.clsSldNxt:hover{background-position:-47px -140px;}
.slidePanel .buttons button.clsSldPnl:hover{background-position:-92px -140px;}
.slidePanel .buttons button.clsSldPre:hover{background-position:-0px -140px;}


/*/Case study*/  


/*Demo Strip*/
#demoStrip{background:#1b1b1b; background-size:cover; padding:25px 0;}
#demoStrip a {
    background: none repeat scroll 0 0 #777777;
    color: #fff;
    display: inline-block;
    font-size: 27px;
    margin: 0 0 0 15px;
    padding: 10px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
#demoStrip a:hover{background:#ed3713}
#demoStrip h3 {
    color: #fff;
    display: inline-block;
    font-size: 34px;
    font-weight: normal;
    margin-top: 10px;
}
/**\Demo stript ends*/




/*How it works*/   

#howit{padding:0px 0; text-align:center; background:url(../images/how-it-works-bg.jpg) no-repeat fixed 50% 50%; background-size:cover;}
#howit h1{color:#a6a6a6;}
#howit .numbDnt{padding:30px 10px 10px; text-align:center; font-weight:bold; font-size:2em; color:#ed3713; text-align:center; font-family: 'BebasNeueRegular'; line-height:38px;}
#howit .numbDnt i{font-style:normal;}
#howit .numbDnt img{max-width:100%; height:auto; margin-bottom:40px; }
#howit .numbDnt span{color:#fff; font-size:24px; font-family:'nexa';}


/*/How it works*/  







/*Footer*/
#footer{padding:20px 0px; text-align:center; background:#000000; text-align:left; border-top:5px solid #ed3713; color:#b0b0b0;}
#footer h2{font-size:18px; font-family:'nexa'; font-weight:bold; border-bottom:#505050 solid 1px; padding:0 0 10px; }
#footer .left{float:left;}
#footer span{overflow:auto; padding:5px 10px; display:inline-block; line-height:25px;}
#footer ul{margin:0; padding:0;}
#footer ul li{list-style:none; margin:0; padding:0; color:#e8e8e8;}
#footer ul li a{display:block; padding:4px 0; text-decoration:none; color:#b0b0b0; text-transform:capitalize;}
#footer ul li a:hover{text-decoration:underline;}
#footer a{color:#e8e8e8;}
#footer .dmark{border-top:1px solid #b0b0b0; margin-top:15px; padding: 20px 0 0;}
span.space{overflow:auto; padding:0px 10px; display:inline-block; line-height:25px;}

/*/Footer*/

/*============================================================================

Feature page starts
=============================================================================*/

#feature{background:url(../images/featureBg.png) no-repeat fixed center top;background-size:cover; min-height:500px; padding:70px 0; position:relative;}
.smallImg img{width:40%; height:auto;}
.posAbso{position:absolute; width:100%; z-index:99; top:-44px;}
.posAbsoT{width:100%; z-index:99;}
.posAbsoCont{position:absolute; z-index:99; width:100%;}
.posAbsoTop{width:100%; z-index:99;}
.botPos{bottom:-89px;  }
.featurenav{background:rgba(0,0,0,0.7); display:none;}
#feature .featurenav{background:none; display:block;}
#feature .featurenav a{color:#323232; text-transform:capitalize;}
.featurenav ul{margin:0; text-align:right; font-family:'Nexa'; padding:10px 30px;}
.featurenav ul li{list-style:none; display:inline-block; margin:0 0 0 6px; }
.featurenav ul li a{display:block; text-decoration:none; color:#323232; text-align:center; width: 110px; font-size: 13px;  outline:none; text-transform:capitalize;}
.featurenav ul li a span{background-position:center top; background-repeat:no-repeat; display:block; margin-bottom:8px; height:68px;  -webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;}
.featurenav ul li a:hover span{background-position:center -68px;}
.featurenav ul li.active a span{background-position:center -68px;}
.featurenav ul li a span.dashboard-analytics{background-image:url(../images/dashboard-analytics.png);}
.featurenav ul li a span.marketing-support{background-image:url(../images/marketing-support.png);}
.featurenav ul li a span.system-integration{background-image:url(../images/system-integration.png);}
.featurenav ul li a span.omni-channel-engagement{background-image:url(../images/omni-channel-engagement.png);}
.featurenav ul li a span.campaign-management{background-image:url(../images/campaign-management.png);}
.featurenav ul li a span.loyalty-engine{background-image:url(../images/loyalty-engine.png);}

.featurenavTop ul{text-align:center;}




.featurenav ul li a span.overview-zap-rewardz{background-image:url(../images/overview-zap-rewardz.png);}
.featurenav ul li a span.rewards{background-image:url(../images/rewards.png);}
.featurenav ul li a span.loyalty-zaprewardz{background-image:url(../images/loyalty-zaprewardz.png);}
.featurenav ul li a span.how-it-works{background-image:url(../images/how-it-works.png);}
.featurenav ul li a span.cloud-analytics{background-image:url(../images/cloud-analytics.png);}
.featurenav ul li a span.mobile-couponing{background-image:url(../images/mobile-couponing.png);}





/*************Top NAvigation****************/


.featurenavTop{background:#fff; display:none;}
.featurenavTop ul{text-align:center;}




.featurenavTop ul{margin:0; text-align:right; font-family:'Nexa'; padding:10px 30px;}
.featurenavTop ul li{list-style:none; display:inline-block; margin:0 0 0 6px; }
.featurenavTop ul li a{display:block; text-decoration:none; color:#fff; text-align:center; width: 60px; font-size: 13px;  outline:none; text-transform:capitalize;}
.featurenavTop ul li a span{background-position:center top; background-repeat:no-repeat; display:block; margin-bottom:0px; height:48px;  -webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;}
.featurenavTop ul li a:hover span{background-position:center -48px;}
.featurenavTop ul li.active a span{background-position:center -48px;}
.featurenavTop ul li a span.dashboard-analytics{background-image:url(../images/dashboard-analytics-small.png);}
.featurenavTop ul li a span.marketing-support{background-image:url(../images/marketing-support-small.png);}
.featurenavTop ul li a span.system-integration{background-image:url(../images/system-integration-small.png);}
.featurenavTop ul li a span.omni-channel-engagement{background-image:url(../images/omni-channel-engagement-small.png);}
.featurenavTop ul li a span.campaign-management{background-image:url(../images/campaign-management-small.png);}
.featurenavTop ul li a span.loyalty-engine{background-image:url(../images/loyalty-engine-small.png);}
.featurenavTop ul li a span.overview-zap-rewardz{background-image:url(../images/overview-zap-rewardz-small.png);}
.featurenavTop ul li a span.rewards{background-image:url(../images/rewards-small.png);}
.featurenavTop ul li a span.loyalty-zaprewardz{background-image:url(../images/loyalty-zaprewardz-small.png);}
.featurenavTop ul li a span.how-it-works{background-image:url(../images/how-it-works-small.png);}
.featurenavTop ul li a span.cloud-analytics{background-image:url(../images/cloud-analytics-small.png);}
.featurenavTop ul li a span.mobile-couponing{background-image:url(../images/mobile-couponing-small.png);}




/*************\Top NAvigation****************/




#feature h1{position:absolute; width:100%; top:117px; font-size:40px; color:#fff; text-align:center; font-family:'Nexa'; padding:0 15px;}
#feature h1 span{display:inline-block; font-family:'BebasNeueRegular'; padding:10px 15px 5px 15px; background:#fa8a07; -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px; text-transform:capitalize; float:right; margin-right: 310px; margin-top: 80px;}
#feature h1 span.img{padding:2px; margin-right:200px;}
#feature h1 span.imgnoBg{padding:2px; background:none;}
.innerColumn{padding:0 15px; font-size:15px; text-align:center; color:#6f6f6f; ; border-bottom:#cfcfcf solid 1px;}
.noBrdr{border:none;}
.innerColumn h2{color:#a4a4a4; padding:0 0 30px; text-transform:uppercase; font-family: 'BebasNeueRegular'; font-weight:500; font-size:45px; border-bottom:#ef3715 solid 1px;}
.innerColumn h2.noBrdr{border:none; padding:0px 0 0;}
.noBrdr{border:none;}
.innerColumn h3{font-size:30px; margin:40px 0;color:#6f6f6f; font-family: 'Nexa'}
.innerColumn h3 span{ color:#ef3715;}
.innerColumn h3{}
.innerColumn .textleft{text-align:left;}
.innerColumn .textright{text-align:right;}
.innerColumn .textright h1{text-align:right;}
.innerColumn .left{float:left; padding-top:100px;}
.innerColumn .right{float:right; padding-top:100px;}
.innerColumn .noPadding{padding:0;}
.innerColumn .PadTop{padding-top:50px;}
.innerColumn .content{overflow:auto; padding:0 15px}
.innerColumn ul{margin:0; padding:0;}
.innerColumn ul li{text-align:left; list-style:disc; margin:0 15px}
.innerColumn .right > ul li{text-align:right;}
.padTopBot{padding-top:30px; padding-bottom:30px }

.quotecont{padding:15px 0; background:#f2f2f2;    color:#5b5b5b; font-size:17px; color:#8a8a8a; text-align:right; font-style: italic;}
.quotecont h3{font-size:25px; color:#6f6f6f; /*font-style:italic;*/ ; text-align:center; margin-bottom:20px;}



/*============================================================================

Feature page ends
=============================================================================*/


.brands {
    background: none;
    position: fixed;
    width:40px;
    left:0;
    top: 30%;
    z-index: 9999;
}

/*============================================================================

zapOn page ends
=============================================================================*/

#zapon{/*background:url(../images/image_about.jpg) no-repeat fixed center top;background-size:cover; min-height:500px;*/ position:relative; margin:99px 0 0; height:402px; overflow:hidden;}

.headingCont{position:relative;}
.headingCont .headings{text-align:center; width:436px;  right: 90px;  bottom: 70px;  z-index: 99; position:absolute; color:#fff;}
.headingCont .headings span{font-family: 'nexa_boldregular'; display:inline-block; padding-top:8px;}



.icons{position:relative; width:100%;}
.icons .cont{position:absolute; width:100%;}


#zapon h1{position:absolute; width:100%; top:117px; font-size:40px; color:#fff; text-align:center; font-family:'Nexa'}
#zapon h1 span{display:inline-block; font-family:'BebasNeueRegular'; padding:10px 15px 5px 15px; background:#fa8a07; -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px; text-transform:capitalize; float:right; margin-right: 260px; margin-top: 110px;}
#zapon h1 span.img{padding:2px;}
#zapon h1 span.imgnoBg{padding:2px; background:none;}


#zapon .featurenav{background:none; display:block;}
#zapon .featurenav a{color:#323232; text-transform:capitalize;}




#loyalty-zapon{background:url(../images/how-it-works-bg.jpg) no-repeat fixed center top;background-size:cover; min-height:500px; padding:0px 0; position:relative;}
#loyalty-zapon .quotecont{background:none;}


#howit-zapon{background:url(../images/how-it-works-zap-on-bg.jpg) no-repeat fixed center top;background-size:cover; min-height:500px; padding:0px 0; position:relative;}
#howit-zapon h2{color:#fff;}

.paddTopBot{padding-top:10px; padding-bottom:10px;}

/*============================================================================

zapOn page ends
=============================================================================*/

/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */



@media (max-width: 1199px){
/*#header .top-colums-links .maring-left{margin-left:0px;}
#header .top-colums-links .clear-left{clear:none;}
#header .top-colums-links .width-auto{overflow:visible;width:auto;min-width:184px;}*/
#header .top-colums-links h1.heading{width:100%;}
#header .top-colums-links .video-cont{width:166px;}
#header .top-colums-links .maring-left{margin-left:0;}
#header .top-colums-links .clear-left{clear:none;}
#header .top-colums-links{width:50%;}
.part1 {margin-left: 164px;}
.part2{margin:0 0 0 180px;}
.part3{margin-left: 310px; top: -58px;}
.part4{ margin-left: -5px; margin-top: -115px;}
.part5{margin-left: 8px; margin-top: -115px;}
.part6{margin-left: -473px; margin-top: 58px;}





}
@media (max-width: 1024px){
	#header .top-colums-links{width:60%;}
	#header .top-colums-links .width-auto{width:508px;}

@media (max-width: 992px) {
/*#header .top-colums{width:100%;}
#header .top-colums-links .small-box{width:49%;margin:0 1% 1% 0;}*/
.part1 {margin-left: 56px;}
.part2{margin:0 0 0 145px;}
.part3{margin-left: 206px; top: -58px;}
.part4{ margin-left: 55px; margin-top: -115px;}
.part5{margin-left: 144px; margin-top: -115px;}
.part6{margin-left: -263px; margin-top: 58px;}
.mar-left170{margin:0;}
#header{background:url(../images/header-bg-768.jpg) no-repeat fixed center top; /*height:100%;*/ padding:70px 0; /*min-height:804px;*/}
#header .top-colums-links .width-auto{width:337px;}
#header .top-colums-links{width:50%;}
#rewarding .colmnGrid .box{width:165px; height:165px;}
#rewarding .colmnGrid .margin-one{margin-right:180px;}
#rewarding .colmnGrid .margin-two{margin-right:355px;}

#rewarding .colmnGrid .img-hvr img{margin-top:10%;}


#rewarding h3 i{position:static; font-style:normal;}
#zapon {
    height: 337px;}
	
	
.headingCont .headings{bottom: 60px; right:0; }
.zapColm > a > .hover > h2 span{padding-top:20px;}

}	
@media (max-width: 768px){
	#header .top-colums-links{width:50%;}
	#header .top-colums-links .width-auto{width:337px;}
	
	
	
	
	#rewarding .colmnGrid .clear-right{clear:none;}
#rewarding .colmnGrid .margin-one{margin-right:5px;}
#rewarding .colmnGrid .margin-two{margin-right:5px;}
#rewarding .colmnGrid .box{float:left; width:230px; height:230px;}


#rewarding .colmnGrid .img-hvr img{margin-top:20%;}
	
	#zapon {
    height: 394px;}
	
	}
@media (max-width: 800px){
	#header .top-colums-links{width:50%;}
	#header .top-colums-links .width-auto{width:337px;}
	.headingCont .headings {bottom: 40px; right: 0;}
	#zapon {
    height: 275px;}
	}	


/* Landscape tablet and smaller devices
   ========================================================================== */

@media (max-width: 640px) 
{
    
    .brands {
    width:25px;
}
	
#header .top-colums-links .overview{display:none;}
#header .top-colums-links .product{display:none;}
#header .top-colums-links .services{display:none;}
#header .top-colums-links .media{display:none;}
#header .top-colums-links .plan{display:none;}
#header .top-colums-links .case-study{display:none;}
#header .top-colums-links .video-cont{width:100%; background:rgba(0,0,0,0.8); margin-top:250px;}

#rewarding .colmnGrid .box{float:none; width:98%; height:auto; margin:1%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

#rewarding .colmnGrid .margin-one{margin:1%;}
#rewarding .colmnGrid .margin-two{margin:1%;}

.zapColm{position:relative; padding:0 15px;}

.zapColm .hover a > h2 span{padding-top:0%; font-size:18px;}	
.zapColm .hover{width:inherit; margin:0 15px;}
.zapColm > h2{left:15px;}

#zapon {
    height: 220px; margin-top:89px;}	
	
	
	
	
.hello-bar .logo{width:35%;}
.hello-bar p a{padding-right:15px;}

.part1 {margin-left: 75px;}
.part2{margin: 0 0 0 68px; top: 98px;}
.part3{margin-left: 67px;  top: 195px;}
.part4{margin-left: 75px; margin-top: 292px;}
.part5{margin-left: 67px; margin-top: 101px;}
.part6{margin-left: 67px; margin-top: 99px;}
.mar-left170{margin:0;}
.portfolio-outer {padding: 50px 0px 85px;}
#rewarding h2{color:#42372a;}



.tab-nav .navbar-nav{float:left;}
/*.container-fluid{margin-left:auto; margin-right:auto; padding-left:0px!important;    padding-right:0px!important;}
..navbar-collapse{padding-left:0px!important; padding-right:0px!important;}*/
#header .top-colums-links{width:100%;}
#header .top-colums-links h1.heading{font-size:30px;}

#header{background:url(../images/mobile-header-bg.jpg) no-repeat fixed center top;padding:70px 0;}
#header .top-colums-links .video-cont{margin-top:143px;}
#header .top-colums-links h1.heading{font-size:27px;}

.headingCont .headings{width: 146px; bottom: 0; right: 22px;}
.headingCont .headings img{width:50%; height:auto;}
.headingCont .headings h1{font-size:14px;}

.zapColm > a > .hover{width:inherit;}
.zapColm > a > .hover > h2{margin:0;}
.zapColm > a > .hover > h2 span{padding-top:0px;}
#feature h1{font-size:31px;}


}

/* Landscape phones and smaller devices
   ========================================================================== */

@media (max-width: 480px) {

	.caseStudy ul li{display:block;}
	.caseThumbs ul li{width:80%; height:auto;}
	.caseThumbs ul li div > img{margin-top:30px;}
	#feature h1{width:auto;}
	#feature h1 span{margin-right:0px;
    margin-top:50px; display:block; float:inherit;}
	
#zapon h1 span.img{padding:2px; display:block; text-align:center; margin-top:50px; margin-right:0; float:inherit;}
#zapon h1 span.imgnoBg{padding:2px; background:none; display:block; text-align:center; margin-top:50px; margin-right:0; float:inherit;}
.hello-bar p a.log{display:inline-block; clear:both; padding-right:2px; border-left:none;}
		 }
@media (max-width: 360px) {

	.caseStudy ul li{display:block;}
	.caseThumbs ul li{width:80%; height:auto;}
	.caseThumbs ul li div > img{margin-top:13px;}
	#header .top-colums-links .video-cont{margin-top:212px;}
	
#zapon {height: 124px;}
#header .top-colums-links h1.heading{margin-top:0; font-size:33px;}	
		 }
@media (max-width: 320px) {
	
	#header .top-colums-links .video-cont{margin-top:144px;}
	
#header .top-colums-links h1.heading{margin-top:0; font-size:29px;}	
	
#zapon {
    height: 110px;}
	
	.headingCont .headings {
    bottom: -5px;}	
	}