@font-face {
font-family: 'heading';
src: url('../fonts/FRAMDCN.eot'); /* IE9 Compat Modes */
src: url('../fonts/FRAMDCN.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../fonts/FRAMDCN.woff') format('woff'), /* Modern Browsers */
   url('../fonts/FRAMDCN.ttf')  format('truetype'), /* Safari, Android, iOS */
   url('../fonts/FRAMDCN.svg#FRAMDCN') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'arialn';
src: url('../fonts/ARIALN.eot'); /* IE9 Compat Modes */
src: url('../fonts/ARIALN.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../fonts/ARIALN.woff') format('woff'), /* Modern Browsers */
   url('../fonts/ARIALN.ttf')  format('truetype'), /* Safari, Android, iOS */
   url('../fonts/ARIALN.svg#ARIALN') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'calibri';
src: url('../fonts/calibri.eot'); /* IE9 Compat Modes */
src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('../fonts/calibri.woff') format('woff'), /* Modern Browsers */
   url('../fonts/calibri.ttf')  format('truetype'), /* Safari, Android, iOS */
   url('../fonts/calibri.svg#calibri') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'SegoeWPBold';
src: url('../font/SegoeWP-Bold.eot'); /* IE9 Compat Modes */
src: url('../font/SegoeWP-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../font/SegoeWP-Bold.woff') format('woff'), /* Modern Browsers */
	 url('../font/SegoeWP-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('../font/SegoeWP-Bold.svg#SegoeWPBold') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'segeoWPLight';
src: url('../font/segeo-wp-light-webfont.eot'); /* IE9 Compat Modes */
src: url('../font/segeo-wp-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../font/segeo-wp-light-webfont.woff') format('woff'), /* Modern Browsers */
	 url('../font/segeo-wp-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('../font/segeo-wp-light-webfont.svg#segeoWPLight') format('svg'); /* Legacy iOS */
}

body{  margin:0; padding:0; font-family:'calibri',Calibri; font-size:13px;  color:#000000; font-weight:normal;   background:#f9f9f9; height:100%; background:#FFF; }
ul,li{ list-style:none; margin:0; padding:0; }
p, h3, h2, h1, h4, h5{ margin:0; padding:0; }
img{ border:none;}
a{ text-decoration: none;}
*{ outline:none;}
.clearFloat{ display:block !important; 
    float: none !important;
    clear: both !important;
    border: 0 !important;
    background: transparent none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important; 
}

input[type="text"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
   font-family:'calibri',Calibri, Arial; font-size:13px;  color:#a6a6a6; font-style:italic; 
}
input[type="text"]:-moz-placeholder, textarea::-moz-placeholder { /* Firefox 18- */
   font-family:'calibri',Calibri, Arial; font-size:13px;  color:#a6a6a6;  font-style:italic; 
}
input[type="text"]::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */
   font-family:'calibri',Calibri, Arial; font-size:13px;  color:#a6a6a6;  font-style:italic; 
}
input[type="text"]:-ms-input-placeholder, textarea::-ms-input-placeholder {  
  font-family:'calibri',Calibri, Arial; font-size:13px;  color:#a6a6a6;  font-style:italic; 
}
div.mainContainer {padding:0px; position: relative; }
div.innerContainerResize{ margin:0 auto; width: 1024px; position:relative;}

header{position: fixed; top:0; left:0; width:100%; background: url(../images/line.png) repeat-x center 30px;  z-index: 5; }
div.headerBg {
background: #f2f2f2;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 60px;
z-index: 5;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
header  .innerContainerResize{ margin-top:10px;}
header  .logo{  float:left;}
div.tagLine {
font-family:'arialn', Calibri, Arial;
width: 180px;
text-align: center;
margin: 0 auto;
font-size: 20px;
font-weight: lighter;
line-height: 42px;
color: #FFFCFC; 
color: #B8B8B8;

}
div.tagLine.active {
/*color: #B8B8B8;*/
}
div.tagLine samp{ font-family: inherit;}
div.tagLine span {  color:#32afe1; }
nav{ float:right; padding-top:3px;}

nav > ul{float:right; position: relative;}
nav > ul > li{float:left; margin-left: 19px;}
nav > ul > li > a{ display:block; position:relative; background: #f2f2f2;}

div.toolTip {
position: absolute;
color: #fff;
background: #324b64;
font-size: 13px;
padding:6px 10px 6px;
line-height: 18px;
width: 70px;
left: -31px;
text-align: center;
display: none;
bottom: -39px;
height: 18px;
}

div.toolTip > img.tooltip{ position:absolute; top:-8px; left:39px;}

nav > ul > li img.icon{ border:1px solid #000100; display: block; opacity: 0.4;}

div.Popup{ position:absolute; right:0; top:0; width:200px; background:#324b64; border: 1px solid #324b64;
border-bottom: none; display:none; z-index: 4;}
div.Popup img.active{ position:absolute; right:0; top:0; cursor:pointer;}
div.Popup > ul{ right:0; top:0; }
div.Popup > ul > li{ right:0; top:0;}
div.Popup > ul > li > a{ color:#324b64; background:#FFFFFF; display:block; border-bottom:1px solid #324b64; padding:0 10px; line-height:29px; }
div.Popup > ul > li > a:hover{ background: #e9e9e9; }
div.Popup > ul > li.active > a{ color:#FFFFFF; background:#324b64;}

div.Popup > ul > li span.heading { color:#FFFFFF; background:#324b64; display:block; border-bottom:1px solid #324b64; padding:0 10px; line-height:29px; font-size: 16px; }

nav > ul > li > div.Popup.active{ display:block;}
nav > ul > li > div.Popup.active > ul > li{ display:none;}
nav > ul > li > div.Popup.active > ul > li:first-child{ display:block;}

div.Popup.Popup2{width: 200px;}
div.Popup.Popup2 > ul > li > input[type="text"],div.Popup.Popup2 > ul > li > textarea{ 
padding: 6px 5%;
margin: 0;
border: none;
outline: none;
width: 90%;
border-bottom: 1px solid #bfbfbf;
font-size: 13px;
 }
div.Popup.Popup2 > ul > li > textarea{ resize:none; height:94px;  font-family: Calibri, Arial ;  font-size:15px;  font-weight:normal; display:block;  }

div.Popup.Popup2 > ul > li > div.tools { background:#f2f2f2; padding:5px 10px;  border-bottom:1px solid #324b64; }
div.Popup.Popup2 > ul > li > div.tools .sendBtn{ 
font-size: 13px;
color: #FFFFFF;
background: #2dafe6;
float: left;
border: none;
padding: 3px 10px;
margin-right: 5px; cursor:pointer;
}
div.Popup.Popup2 > ul > li > div.tools .sendBtn.centerAlign{display: block;
margin: 0 auto;
float: none;}
div.Popup.Popup2 > ul > li > div.tools .tools{ margin-top:5px;}

ul.srareIcons{ padding:8px 8px 0 8px; margin-bottom:1px; background:#FFFFFF; color:#FFFFFF;}
ul.srareIcons li{ background: #324b64;
float: left;
width: 47.5%;
margin-right: 5%;
margin-bottom: 8px;}
ul.srareIcons li:nth-child(2n){ margin-right:0; }
ul.srareIcons li:last-child{ clear:both; float:none; height:0px; line-height:0px; overflow:hidden; margin-right: 0;
margin-bottom: 0px; }

ul.srareIcons li button{  background: #324b64; display:block; width:100%; padding-left:30px; line-height:30px; border:none; color:#FFFFFF; cursor:pointer; text-align:left;  background-repeat:no-repeat; background-position:0px 0px; margin: 0;}
ul.srareIcons li button.facebook{ background-image:url(../images/icon-facebook.png); }
ul.srareIcons li button.twitter{ background-image:url(../images/icon-twitter.png); }
ul.srareIcons li button.share{ background-image:url(../images/icon-gPlush.png); }
ul.srareIcons li button.LinkedIn{ background-image: url(../images/icon-LinkedIn.png); }

ul.check li.checkbox div {
float: left;
width: 17px;
height: 16px;
background: url(../images/checkbox.png) no-repeat 0px 0px;
margin-right: 12px;
cursor: pointer;
}


.body > div.innerContainerResize {margin: 0 auto;  min-height: 400px; position:relative;}

.rightFunctions {
right: 14px;
top: 250px;
position: fixed;
width: 0;
z-index: 6;
}
.rightFunctions  ul{ position: absolute; width: 0px; right:0px;}
.rightFunctions  li{ position: relative; display:block; width:0px; height:32px; clear:both;}
.rightFunctions li div.rectangle{width: 154px;
height: 16px;
line-height: 16px;
background: #324b64;
padding: 8px;
color: #FFFFFF;
left: -170px;
position: absolute; display:none;}
.rightFunctions li span.rectangle {width: 10px;
height: 10px;
background: #FFFFFF;
border: 1px solid #9E9898;
position: absolute;
top: 8px;
right: 7px;
cursor: pointer;
opacity: .5;
border-radius: 10px;}
.rightFunctions li:last-child{ margin-top:10px;}
.rightFunctions li:last-child div.rectangle { background: url(../images/tooltip-SDK.png) no-repeat center right; word-spacing: -1px; background-position: -14px -2px;}
.rightFunctions li:last-child{ background:none;}
.rightFunctions li:last-child span.rectangle {
border:none;
width: 20px;
height: 20px;
padding: 0px;
right: 1px;
top: 0px;
background: url(../images/tooltip-SDK2.png) no-repeat 0px 0px;
background-size: 20px 20px; border-radius: 30px;
}
.rightFunctions li:last-child:hover span.rectangle { background: url(../images/tooltip-SDK2.png) no-repeat 0px 0px;
background-size: 20px 20px; border:none;}

.rightFunctions li span.rectangle:hover,.rightFunctions li span.rectangle.active { 
background: none repeat scroll 0 0 #89898A;
border: 1px solid #383737;
opacity: .5;
 }

ul#FormDownloadSDK > li {
width: 100%;
height: 29px;
}

.body > div.innerContainerResize h1{ color:#595959; font-size:18px; line-height:18px; margin-bottom:4px;}
.body > div.innerContainerResize p.h1{ color:#a6a6a6; margin-bottom: 10px;}
.body > div.innerContainerResize p.h1 span.icon{ float:left; width:11px; height:16px; background:url(../images/icon01.png); margin-right: 8px;}
.body > div.innerContainerResize p.h1 span.iconEdit{ display:block; float:left; width:20px; height:16px; background:url(../images/iconEdit.png); margin-left: 5px;}
.body > div.innerContainerResize p.h1 span.leftSideSpan{ float:left; display:block;}



/*page BG*/
.page{  min-height:667px; position: relative;}
.page2{ position: relative; padding-bottom: 40px;}
.page3{ position: relative; padding-bottom: 60px; text-align: center; }
.page4{ position: relative; }
/*#PARTNERS > .pageBG { height:601px; min-height: 601px;}
#MARKETERS > .pageBG { height:603px; min-height: 603px;}*/


.pageBG{ position:absolute; top:0; left:0; z-index:2; min-height:667px;}
/*.pageBG:first-child{top:-80px;}*/
.pageBG > img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; display:none; background-size:100% auto;}
.pageBG > img.bg1{ background:url(../images/bg_home.jpg) no-repeat center top 55px; height: 92%;}
.pageBG > img.bg2{ background:url(../images/bg_home2.jpg) no-repeat center top 55px; height: 92%;}
.pageBG > img.bg3{ background:url(../images/bg_home3.jpg) no-repeat center top 55px; height: 92%;}
.pageBG > img.bg4{ background: url(../images/bg_partners.jpg) no-repeat center top -14px; background-size: 100% auto; height:92%;}
.pageBG > img.bg5{ background:url(../images/bg_marketers.jpg) no-repeat center top; height: 92%; }

.pageBG > img:first-child{ display:block;}


/*common footer code*/
footer {  position: absolute; bottom: 0px !important; left:0; width:100%; z-index: 3; }
footer > .footer > .innerContainerResize > .inner{ }
footer > .footer > .innerContainerResize > .inner ul.footerNav{  }
footer > .footer > .innerContainerResize > .inner ul.footerNav li{ float:left; line-height:24px; color:#265691; font-size:13px; position:relative;  }
.share{ margin-top:2px; margin-left:5px;}
footer > .footer > .innerContainerResize > .inner ul.footerNav li:first-child{ margin-right:15px; }
footer > .footer > .innerContainerResize > .inner ul.footerNav li.spacer{ width:30px; text-align:center;}
footer > .footer > .innerContainerResize > .inner ul.footerNav li a{  color:#265691;  }
footer > .footer > .innerContainerResize > .inner ul.footerNav li a:hover{ text-decoration:underline; }
div.footerBg{/*background:#f9f9f9;*/ position:fixed; bottom:0; left:0; width:100%; height:36px; z-index: 1;}




/* --------------------------Home Page code-----------------------------------*/
#HOME .view {
position: absolute;
top: 237px;
left: 553px;
width: 100px;
height: 62px;
z-index: 3;
}
ul.slider {
z-index: 3;
position: absolute;
top: 145px;
width: 100%;
}
ul.slider > li{}
ul.slider > li > h1.heading{ color: #326496;
font-size: 28px; line-height:28px;
letter-spacing: 0px;
font-family:'heading',Helvetica,sans-serif; 
margin-bottom: 8px; 
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.54);
}
ul.slider > li > h1.headingNew {
color: #326496;
line-height: 50px;
font-family: 'SegoeWPBold',Helvetica,sans-serif;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.54);
text-transform: capitalize;
display: block;
font-size: 44px;
font-weight: lighter;
letter-spacing: -2px;
margin-bottom: 5px;
}
ul.slider > li > h1.headingNew span {
display: block;
font-weight: bold;
margin-bottom: 5px;
font-size: 24px;
line-height: 27px;
letter-spacing: normal;
margin-bottom: 26px;
text-transform: lowercase;
}
ul.slider > li > h1.headingNew span img{
float: left;
margin-right: 20px;
margin-top: -3px;
width: 178px;
border-right: 1px solid #5799d3;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 4px;
}
ul.slider > li > p.normal{ 
color: #324b64;
font-size: 22px;
line-height: 29px;
text-transform: uppercase;
letter-spacing: 0px;
font-family: 'arialn', Arial, Helvetica, sans-serif;
margin-bottom: 10px;
word-spacing: 8px;
 }
ul.slider > li > ul.list{}
ul.slider > li > ul.list > li{ 
float: left;
color: #324b64;
font-size: 18px;
line-height: 28px;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: 500;
font-family: 'arialn', Arial, Helvetica, sans-serif;
background: url(../images/li-bg.png) no-repeat right center;
padding-right: 16px;
margin-right: 15px;
margin-bottom: 8px; 
 }
ul.slider > li > ul.list > li:last-child{ background:none; }
ul.slider > li > p.small {
font-family: 'heading',Helvetica,sans-serif;
font-size: 30px;
line-height: 38px;
letter-spacing: 0px;
margin-top: 0px;
word-spacing: 5px;
text-transform: none;
width: 70%;
margin-bottom: 0px;
color: #326496;}
ul.slider > li > ul.button > li{ 
float: left;
margin-right: 25px;
margin-top: 6px;
 }
ul.slider > li > ul.button > li > a {
font-family: 'SegoeWPBold',Helvetica,sans-serif;
webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-shadow: rgba(0,0,0,0.3) 0 1px 0;
-webkit-box-shadow: #0487BB 0 2px 0;
-moz-box-shadow: #2b8d30 0 2px 0;
box-shadow: #0487BB 0 2px 0;
-webkit-transition: background 150ms,color 150ms,box-shadow 150ms;
-moz-transition: background 150ms,color 150ms,box-shadow 150ms;
-o-transition: background 150ms,color 150ms,box-shadow 150ms;
transition: background 150ms,color 150ms,box-shadow 150ms;
background-color: #07acee;
display: inline-block;
font-size: 18px;
line-height: 1;
color: white;
text-align: center;
margin: 10px 0;
clear: both;
white-space: nowrap;
float: left;
padding: 20px 40px 20px 40px;
font-size: 24px;
}
ul.slider > li > ul.button > li > a:hover,ul.slider > li > ul.button > li > a:focus {background-color: #069DDA; }
.whiteBG2 {
background: rgba(242, 242, 242, 0.75);
display: block;
height: 180px;
position: absolute;
width: 100%;
top: 488px;
z-index: 3;
}
ul.slider > li > ul.button > li.login > a {width: 85px;}

ul.slider > li > ul.button > li > a > span.text {float: left;}
ul.slider > li > ul.button > li > a > span.icon {
width: 20px;
height: 20px;
display: block;
float: left;
margin-left: 10px;
margin-top: 0px;
background: url(../images/buttonThum1.png) no-repeat;
}
ul.slider > li > ul.button > li:nth-child(2) > a > span.icon { background:url(../images/buttonThum2.png)  no-repeat;
}
ul.slider > li > ul.button > li:nth-child(2) > a {background: #326496;}
ul.slider > li > ul.button > li:nth-child(2) > a > span { margin-top:-2px;}

ul.animation {position: absolute; top: 112px; width: 100%; z-index: 3; }
ul.animation > li{ left: 2px;  position: absolute; top: 375px; width: 100%;}
ul.animation > li .animationBox{}
ul.animation > li .animationBox .left{float: left;
width: 100px;
height: 99px;
margin-top: 33px;
margin-right: 10px;
position: relative;
display: none;}
ul.animation  li .animationBox .left .div{ position:absolute; top:0px; left:0px; display:none; /*Hide code*/}
ul.animation  li .animationBox .left .div.div1{}

ul.animation li .animationBox .right {
float: left;
width: 100%;
position: relative;
color: #265691;
}
ul.animation  li .animationBox .right > ul > li{ line-height: normal;
display: none; /*Hide code*/
clear: none;}
ul.animation  li .animationBox .right > ul > li:last-child{ margin-bottom:0px; }
ul.animation  li .animationBox .right > ul > li > span.icon{ float:left; margin-right:10px;}
ul.animation  li .animationBox .right > ul > li > span.text{ line-height: 22px; display: block; margin-right: 26px; float: left;}
ul.animation > li > .animationBox > .right > ul{
position: inherit;
top: auto;
vertical-align: middle;
display: block;}

ul.animation li .animationBox .right > ul > li { float:none;}

/* --------------------------Home Page code-----------------------------------*/

ul.TECHNOLOGYlist { display:block;  margin:0 auto; }
ul.TECHNOLOGYlist > li { float:left; width:259px;}
ul.TECHNOLOGYlist > li:last-child { width:247px;}
ul.TECHNOLOGYlist > li > h3 {width:247px; height:58px; background:url(../images/li-heading.png) no-repeat; text-align:center; color:#FFFFFF; line-height: 63px;
font-family: 'segeoWPLight',Helvetica,sans-serif; font-size:20px;font-weight: lighter;
text-transform: uppercase;
text-shadow: 1px 1px 0px #324b64; margin: 0 auto;}

ul.TECHNOLOGYlist > li > div.body {width:247px; height:321px; background:url(../images/li-body.png) no-repeat; font-family: 'segeoWPLight',Helvetica,sans-serif; font-size:20px;font-weight: lighter;
text-transform: uppercase; margin: 0 auto;}

ul.technology{margin-left: 25px; padding-top: 28px;}
ul.technology > li{ line-height:56px; text-transform:uppercase; font-size:14px; color:#324b64; margin-bottom: 24px;}
ul.technology > li > span{ float:left; display:block; width:56px; height:56px; margin-right: 33px;}

ul.Contexts{margin-left: 8px; padding-top: 22px; width: 216px;  }
ul.Contexts > li{ position:relative; text-align:center;  height: 80px; }
ul.Contexts > li.mid{text-align: center;
vertical-align: middle;
display: table-cell;
width: 216px; height:70px; }
ul.Contexts > li.mid button{color: #324b64;
background: #c5c3c3;
display: inline-block;
border: none;
padding: 4px 10px;
border-radius: 13px; cursor:pointer;}
ul.Contexts > li.mid ul.value{font-size: 12px;
color: #324b64;
line-height: normal;
display: inline-block; display:none; width: 192px;
margin: 0 auto;}
ul.Contexts > li.mid ul.value li{ display:none;}



ul.Contexts > li > div.contextsBox{width: 108px; height: 80px; float: left; height: 80px; cursor:pointer;}
ul.Contexts > li > div.contextsBox > .icon{ display:block;width: 108px; height: 59px; background-repeat: no-repeat; background-position:0px 0px;}
ul.Contexts > li > div.contextsBox > .icon.icon01{ background-image:url(../images/contextsPic01.png);}
ul.Contexts > li > div.contextsBox > .icon.icon02{ background-image:url(../images/contextsPic02.png);}
ul.Contexts > li > div.contextsBox > .icon.icon03{ background-image:url(../images/contextsPic03.png);}
ul.Contexts > li > div.contextsBox > .icon.icon04{ background-image:url(../images/contextsPic04.png);}
ul.Contexts > li > div.contextsBox > .text{ font-size:14px; color:#324b64; line-height:21px; text-align:center; }

ul.Contexts > li > div.contextsBox.active .icon{ background-position:0px -59px;}
ul.Contexts > li > div.contextsBox.active .text{ color:#a09e9e;}

ul.platform{margin-left: 25px; padding-top: 28px; width: 180px;}
ul.platform > li{ text-align:center;  text-transform:uppercase; font-size:14px; color:#324b64; margin-bottom: 6px; line-height:normal;}


ul.products{margin-left: 23px; padding-top: 56px;}
ul.products > li{ height:56px;  text-transform:uppercase; font-size:14px; color:#324b64; margin-bottom: 24px;}
ul.products > li > span.icon{ float:left; display:block; width:56px; height:56px; margin-right: 20px;}
ul.products > li > span.text{display: inline-block;
padding-top: 12px;
line-height: 18px;
width: 120px;
}

#TECHNOLOGY h2 {
font-family: 'SegoeWPBold',Helvetica,sans-serif;
color: #326496;
font-size: 36px;
margin-bottom: 10px;
text-align: center;
width: 100%;
line-height: 36px;
}
#TECHNOLOGY h2 span.blockHeading{ display:block;}
#TECHNOLOGY p.normal {
font-family: 'heading',Helvetica,sans-serif;
color: #324b64;
font-size: 29px;
line-height: 29px;
letter-spacing: 0px;
margin-top: 0px;
word-spacing: 5px;
text-transform: none; text-align:center;
}

#TECHNOLOGY p.view img{ display:block; margin:0 auto 2px;}
#TECHNOLOGY div.block {}
#TECHNOLOGY .img{ cursor: pointer;
width: 100%;
height: 112px;
margin: 0 auto;
position: absolute;
top: 0px;
left: 1px;
}
.setBottomPadding{ padding-bottom:10px;}
#TECHNOLOGY .img.img1{ background:url(../images/technology3.png) no-repeat center  -112px;}
#TECHNOLOGY .img.img1.active{ background:url(../images/technology3.png) no-repeat center  0px;}

#TECHNOLOGY .img.img2{ background:url(../images/technology4.png) no-repeat center  -112px; }
#TECHNOLOGY .img.img2.active{ background-position: center  0px;}

#TECHNOLOGY  div.set{ position:relative; height: 122px; width:115px; margin:0 auto;}

#TECHNOLOGY .img.img3{ background:url(../images/technology5.png) no-repeat center  -112px;}
#TECHNOLOGY .img.img3.active{ background-position: center  0px;}

#TECHNOLOGY .img.img4{ background:url(../images/technology6.png) no-repeat center  -112px;}
#TECHNOLOGY .img.img4.active{ background-position: center  0px;}


/*--------------------------Marketing-------------------------------*/
#MARKETERS h2 {
font-family: 'SegoeWPBold',Helvetica,sans-serif;
color: #326496;
font-size: 36px;
margin-bottom: 4px;
/* padding-top: 36px; */
text-align: left;
position: absolute;
z-index: 2;
top: 100px;
word-spacing: 6px;
}
#MARKETERS p.normal {
font-family: 'heading',Helvetica,sans-serif;
color: #324b64;
font-size: 29px;
line-height: 29px;
text-align: center;
position: absolute;
z-index: 2;
top: 140px;
word-spacing: 5px;
}
#MARKETERS .listThum{position: absolute;
z-index: 2;
top: 183px;
left: -5px;}
#MARKETERS .listThum li{float: left;
margin-right: 0px;
display: block;
text-align: center;
width: 96px;
position:relative;}
#MARKETERS .listThum li >img{ display:block; width:100%; height:auto; cursor: pointer;}
#MARKETERS .listThum li p{ text-align: center; font-family: 'arialn', Arial, Helvetica, sans-serif;
position: absolute;
font-size: 18px;
width: 100%;
top: 39px;
left: 0px; cursor: pointer;}
.ContextsLink{ display: block;
position: absolute;
top: 286px;
z-index: 2; cursor:pointer; color:#000066;}
.ContextsLink img{ display: block;
float: left;
width: 12px;
height: auto;
margin-top: 2px;
margin-right: 6px;}
#MARKETERS ul.toolTips{ position:absolute; top: 287px; left:10px; width: 358px; z-index: 2;}
#MARKETERS ul.toolTips li{  text-align:center; display:none;}
#MARKETERS ul.toolTips li span.toolTip {
text-align: center;
font-size: 14px;
line-height: 11px;
word-spacing: 3px;
}
#MARKETERS ul.toolTips li:nth-child(1) span.toolTip {
color: #275791;
}
#MARKETERS ul.toolTips li:nth-child(2) span.toolTip {
color: #46b9be;
}
#MARKETERS ul.toolTips li:nth-child(3) span.toolTip {
color: #6e8e2f;
}
#MARKETERS ul.toolTips li:nth-child(4) span.toolTip {
color: #563b77;
}

#MARKETERS .listThum li:nth-child(1) p{ color:#275791;}
#MARKETERS .listThum li:nth-child(2) p{ color:#46b9be;}
#MARKETERS .listThum li:nth-child(3) p{ color:#6e8e2f;}
#MARKETERS .listThum li:nth-child(4) p{ color:#563b77;}

#MARKETERS ul.list {
color: #324b64;
text-align: center;
position: absolute;
z-index: 2;
top: 330px;
font-size: 18px;
width: 100%;
}
#MARKETERS ul.list li{ display: block;
line-height: 36px;
text-align: left;
margin-bottom: 12px;
font-family: 'segeoWPLight', Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: lighter;}
#MARKETERS ul.list li:last-child{}
#MARKETERS ul.list li span.icon {display: block;
width: 42px;
height: 36px;
background: url(../images/marketing1.png) no-repeat;
float: left;
margin-right: 10px;
margin-left: 0px;}
#MARKETERS ul.list li span.icon2{ background:url(../images/marketing2.png) no-repeat; }
#MARKETERS ul.list li span.icon3{ background:url(../images/marketing3.png) no-repeat; }
#MARKETERS ul.list li span.noIcon{ background:none;}
#MARKETERS ul.list li a{
background: #32afe1;
padding: 6px 10px 5px 6px;
color: #FFFFFF;
line-height: 18px;
font-size: 16px;
text-align: center;
display: block;
/* width: 164px; */
float: right;
/* margin-top: -25px; */
font-family: 'SegoeWPBold',Helvetica,sans-serif;
webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-shadow: rgba(0,0,0,0.3) 0 1px 0;
-webkit-box-shadow: #0487BB 0 2px 0;
-moz-box-shadow: #2b8d30 0 2px 0;
box-shadow: #0487BB 0 2px 0;
-webkit-transition: background 150ms,color 150ms,box-shadow 150ms;
-moz-transition: background 150ms,color 150ms,box-shadow 150ms;
-o-transition: background 150ms,color 150ms,box-shadow 150ms;
transition: background 150ms,color 150ms,box-shadow 150ms;
background-color: #07acee;
display: inline-block;
/* font-size: 18px; */
line-height: 1;
color: white;
text-align: center;
/* margin: 10px 0; */
clear: both;
white-space: nowrap;
float: left;
padding: 20px 40px 20px 40px;
font-size: 24px;
margin-top: 5px;
}
#MARKETERS ul.list li a span.text {
float: left;
}
#MARKETERS ul.list li a span.icon {
width: 20px;
height: 20px;
display: block;
float: left;
margin-top: 0px;
background: url(../images/buttonThum1.png) no-repeat;
margin-right: 0px;
margin-left: 10px;
}
/*----------------------------------*/
#DEVELOPERS h2 {
font-family: 'SegoeWPBold',Helvetica,sans-serif;
color: #326496;
font-size: 36px;
margin-bottom: 4px;
text-align: center;
width: 100%;
}
#DEVELOPERS p.normal {
font-family: 'heading',Helvetica,sans-serif;
color: #324b64;
font-size: 29px;
line-height: 29px;
text-align: center;
width: 100%;
}
#DEVELOPERS div.block { background: #FFFFFF;
position: absolute;
top: 88px;
padding: 35px 0 35px 0;}
#DEVELOPERS div.block img{ display:block; margin:0 auto;}

#DEVELOPERS div.link {
position: absolute;
width: 100%;
bottom: 8px;
overflow: auto;
border: solid 1px #ddd;
background: #f7f7f7;
}
#DEVELOPERS div.link button.copyCode {
position: absolute;
right: 0px;
top: 0px;
background: #07acee;
border: none;
color: #ffffff;
padding: 4px 10px;
cursor: pointer;
}
#DEVELOPERS div.link pre {
padding: 0px 0px; padding:10px;
color: #828;
line-height: 15px;
font-size: 13px;
text-align: left;
display: block;
margin: 0 auto;
}
#DEVELOPERS div.link pre span.value{ color: #800;}
.devList{ width: auto; display: inline-block; text-align: center; margin-top: 52px;}
.devList > li{float: left;
width: 28.3%;
padding: 0 2%;}
.devList > li:nth-child(2){ border:1px solid #bfbfbf; border-top:none; border-bottom:none; min-height: 306px;}
.devList > li:nth-child(3){ padding:0 0 0 2%; position:relative;}
.devList > li:nth-child(3) > img{ height:305px; width:auto;}
.devList > li:nth-child(3) > a{position: absolute;
z-index: 2;
bottom: 17px;
left: 36%;
background: #0499d3;
color: #ffffff;
display: block;
padding: 10px 20px;
border-radius: 6px;
font-size: 16px;
font-weight: normal;
line-height: 16px;
background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));
background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #28a4c9;


  }
.devList > li:nth-child(3) > a:hover,.devList > li:nth-child(3) > a:focus{
background-image: -webkit-linear-gradient(top,#2aabd2 0,#0499d3 100%);
background-image: -o-linear-gradient(top,#2aabd2 0,#0499d3 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#2aabd2),to(#0499d3));
background-image: linear-gradient(to bottom,#2aabd2 0,#0499d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #28a4c9;
  }
 .devList > li > h3 {
 font-family: 'arialn', Arial, Helvetica, sans-serif;
text-align: center;
font-weight: 200;
font-size: 22px;
line-height: 26px;
color: #326496; margin-bottom: 12px;
}


 .devList > li > img { width:100%; height: auto; display:block;}
  .devList > li > p { color: #326496; text-align:justify;}
    .devList > li > ul { }
	  .devList > li > ul > li{ margin-left: 20px;
list-style-type: disc;
list-style-position: outside;
color: #326496;
line-height: normal; margin-top: 10px; text-align: left;}

/*------------------Partners-----------*/
#PARTNERS .box {
position: absolute;
width: 520px;
right: 0px;
top: 225px;
z-index: 2;
}
#PARTNERS .box h2{color: #326496;
font-family: 'SegoeWPBold',Helvetica,sans-serif;
font-size: 32px;
line-height: 36px;
margin-bottom: 4px;
padding-top: 0px;
text-align: left;
position: relative;
z-index: auto;
top: auto;
word-spacing: 0px; }
#PARTNERS ul.list {

}
#PARTNERS ul.list > li {
float: left;
color: #324b64;
font-size: 14px;
line-height: 28px;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: 500;
font-family: 'SegoeWPLight', Arial, Helvetica, sans-serif;
background: url(../images/li-bg.png) no-repeat right center;
padding-right: 19px;
margin-right: 8px;
margin-bottom: 8px;
}
#PARTNERS ul.list > li:last-child {padding-right: 0px; margin-right:0px; background: none;}
#PARTNERS   p.normal {margin-top: 20px;
font-size: 17px;
line-height: 22px;
text-align: justify;
font-family: 'SegoeWPLight', Arial, Helvetica, sans-serif;
color: #324b64;}
#PARTNERS .link{ font-family: 'SegoeWPBold',Helvetica,sans-serif;
webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
text-shadow: rgba(0,0,0,0.3) 0 1px 0;
-webkit-box-shadow: #0487BB 0 2px 0;
-moz-box-shadow: #2b8d30 0 2px 0;
box-shadow: #0487BB 0 2px 0;
-webkit-transition: background 150ms,color 150ms,box-shadow 150ms;
-moz-transition: background 150ms,color 150ms,box-shadow 150ms;
-o-transition: background 150ms,color 150ms,box-shadow 150ms;
transition: background 150ms,color 150ms,box-shadow 150ms;
background-color: #07acee;
display: inline-block;
font-size: 18px;
line-height: 1;
color: white;
text-align: center;
margin: 10px 0;
clear: both;
white-space: nowrap;
float: left;
padding: 20px 40px 20px 40px;
font-size: 24px;
margin-top: 34px;}
#PARTNERS .link span.icon{display: inline-block; float:left;  margin-left: 10px; background:url(../images/partbner_Button_Icon.png) no-repeat; width:19px; height:20px;}
#PARTNERS .link span.text{ float:left;}
 
 /*---------------voices------------------*/
 #VOICES{}
 #VOICES > h2 {
color: #326496;
margin-bottom: 0px;
padding-top: 4px;
text-align: left;
padding-left: 222px;
z-index: 3;
font-family: 'SegoeWPBold',Helvetica,sans-serif;
font-size: 33px;
line-height: 33px;
}
#VOICES > p.normal {
text-align: left;
padding-left: 225px;
z-index: 3;
position: absolute;
width: auto;
margin-top: 112px;
font-family: 'heading',Helvetica,sans-serif;
color: #324b64;
font-size: 29px;
line-height: 29px;
}
#VOICES > div.block2 {padding-top: 35px;
padding-bottom: 54px;}
#VOICES > div.block > img{ display:block; margin:0 auto; }

.whiteBG{ background:#FFFFFF;}

#VOICES .VOICEScontent{  width: auto;
display: block;
margin: 0 auto;
position: relative;
min-height: 226px;}
ul.VOICES{ width:100%; margin:0 auto; color:#326496; }
ul.VOICES > li{ display:block; position: relative; top: auto; left: auto; clear:both; margin-bottom: 20px;}
ul.VOICES > li:first-child{ display:block; }
ul.VOICES > li > div > div.left{float: left;
width: 160px;
border-right: 1px solid #bfbfbf;
margin-right: 65px;
padding-right: 65px; margin-bottom: 0px;}
ul.VOICES > li > div > div.left img{
width: 57%; height:auto; display:block; margin:0 auto;
}

ul.VOICES > li > div > div.left p{ 
text-align: center;
font-size: 14px;
padding-top: 2px;
line-height: 16px;}
ul.VOICES > li > div > div.left p strong{ display: block;
font-size: 14px;
margin-bottom: 0px;}
ul.VOICES > li > div > div.right {padding-right: 0px;}
ul.VOICES > li > div > div.right p {
min-height: 65px;
word-spacing: 5px;
padding-top: 0px;
line-height: normal;
font-size: 20px;
text-align: left;
}
ul.VOICES > li:nth-child(2) > div > div.right p {
word-spacing: 12px;
}
ul.VOICES > li:nth-child(3) > div > div.right p {
word-spacing: 18px;
}

ul.VOICES > li > div > div.right > ul { }
ul.VOICES > li > div > div.right > ul > li{ float:left; width: auto; margin-top: 0px;}
ul.VOICES > li > div > div.right > ul > li ul.company{}
ul.VOICES > li > div > div.right > ul > li ul.company > li{ float: left;  padding-right: 20px;}
ul.VOICES > li > div > div.right > ul > li ul.company > li:first-child{ border-right:1px solid #bfbfbf; width: 70px; }
ul.VOICES > li > div > div.right > ul > li ul.company > li:first-child > img{ width: auto; height:47px; display:block; }
ul.VOICES > li > div > div.right > ul > li ul.company > li:last-child{
font-size: 24px;
line-height: 47px;
margin-left: 20px;
}


/*last page footer code*/
#footerFirst{ display:block;}
#footerLast{ display:block;}
.pageFooter {  position: absolute; bottom: 0; left:0; width:100%; z-index: 4; background: #e5e5e5; padding-top:0px; padding-bottom:0px;}
.pageFooter > .footer > .innerContainerResize > .inner{ }

.pageFooter > .footer > .innerContainerResize > .inner ul.footerNav{ height:50px; display:block; margin:0 auto;   }
.pageFooter > .footer > .innerContainerResize > .inner ul.footerNav li{float: left;}
.pageFooter > .footer > .innerContainerResize > .inner ul.footerNav li:last-child{ border-right: none;
width: auto;
text-align: center;
line-height: 50px;
color: #7f7f7f;
font-size: 14px;
display: block;
float: none;
}

.pageFooter > .footer > .innerContainerResize > .inner ul.footerNav li a{ 
color: #7f7f7f;
width: 92px;
padding: 0; 
display:block; 
text-align:center; 
line-height:50px;  color: #7f7f7f;font-size: 14px; border-left:1px solid #fff; 
}

.pageFooter > .footer > .innerContainerResize > .inner ul.footerNav li:nth-child(8) a{ 
 border-right:1px solid #fff; 
}
.pageFooter > .footer > .innerContainerResize > .inner ul.footerNav li a:hover,.pageFooter > .footer > .innerContainerResize > .inner ul.footerNav li a.active{ text-decoration:none; background:#FFFFFF; }

.videoIcon {
position: absolute;
right: -70px;
top: -11px; cursor:pointer; display:none;
}

.popupBG{position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7); 
z-index:5; 
display:none;
}
.popupBox{ z-index:5; width: 100%;
height: 100%; display:none; position:fixed; background:#e2e8db; }
.popupBox video{ width: auto;
height: 100%; display:block; margin:0 auto;}
.popupBox .close{ 
position: absolute; 
cursor:pointer;
right: 12px;
top: 46px;
}
.buttonBottom {
position: absolute;
bottom: 8%;
width: 70px;
height: 45px;
background: rgba(255, 255, 255, 0.69) url(../images/bottomArrow.png) no-repeat;
z-index:4;
left: 48%;
border: 1px solid rgba(120, 120, 120, 0.16); border-bottom:none;
cursor: pointer;
}
.headerFixed{ height:60px; opacity:1; z-index: 5; position:fixed; top: 0px; width:100%; display:block; }
.headerFixed > .headerBg{ position: absolute; opacity: 1;}
.headerFixed > header{ position:absolute;}