body{ border-top:8px solid #da2128; font-family: 'open_sansregular'; background:url(../images/body-bg.png);}

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

}

.preloader-wrap{position: absolute; left:-9999px; top:-9999px; width:1%; height:1%;}
.preloader-wrap img{ width:1%; height:1%;}

#wrapper-full-width{ width:100%;}
.wrapper{ max-width:100%; margin:10px auto 10px auto;}

.header{ position:relative;}
.logo-wrap{ position:fixed; left:31px; top:30px;}
.login-wrap{ position:fixed; right:32px; top:22px;}

.login-wrap{ margin:10px 0 0 0; }
.login-wrap h3{}
.login-wrap h3 a{ font-size:20px; color:#da2128; background:url(../images/login-ng.png) no-repeat left top; padding:10px 0 0 30px; display:block;}
.login-wrap h3 a:hover{ color:#231F20;}

.wrapper-content{ max-width:100%;text-align:center; margin:0 auto;}
.wrapper-content h1{ color:#000; font-size:56px; padding:5px 0 5px 0;}
.wrapper-content h1 span{ color:#da2128;}
.wrapper-content p{ font-size:16px; color:#000; padding:10px 0;}
.button-wrap{ padding:5px 0 5px 0;}
.button-wrap a{font-size:20px; border:0px; padding:10px 11px; cursor:pointer; display:inline-block;}
.button-business{ background:#da2128; color:#FFF; margin:0 20px 0 0; }
.button-agency{ background:#231f20; color:#FFF;}
.button-business:hover{ background:#63981F;}
.button-agency:hover{ background:#63981F; }
.wrapper-content h2{ font-size:28px; color:#000;font-weight:bold;}
.wrapper-content h2 a{ cursor:pointer; color:#000;}
.wrapper-content h2 a:hover{ color:#333;}

.footer{ /*margin:-15px 0 0 0;*//* position:fixed; background:#e4e4e4;*/ width:100%; bottom:0px; position:fixed; background:#000;}
.footer-left-para p{ color:#a7a7a7; font-size:14px; margin:12px 0 15px 30px;}
.footer-right-nav ul{ margin:12px 30px 15px 0;}
.footer-right-nav ul li{ float:left; font-size:14px; padding:0 10px 0 0}
.footer-right-nav ul li a{ color:#fff;}
.footer-right-nav ul li a:hover{ color:#da2128;}

/* tab icon */

.icon-popup-wrap{ padding:0 0 50px 0; }
.tab-icon-wrap{max-width:100%; margin:0 auto; }

.icon-tab , .icon-tab-res{ border:1px solid #da2128; width:194px; height:64px; margin:0 1px 0 0; display:inline-block;cursor:pointer;}
.icon-tab-res a{ color:#000; display:block;}
.icon-tab-res.active a{color:#FFF;}
.icon-tab-res:hover a{color:#FFF;}
.icon-tab:hover{background:#da2128; color:#FFF;}
.icon-tab.active{background:#da2128; color:#FFF;}
.icon-tab span{padding:15px 0 0 5px; display:block;}
.icon-tab h3{text-align:left;font-size:18px; line-height:31px; padding:0 0 0 48px; height:37px;}
 
.capture-icon-tab h3{  background:url(../images/capture-icon.png) no-repeat;}
.capture-icon-tab:hover h3{ background-position:0 -39px; }
.capture-icon-tab h3.active{background-position:0 -39px;}



.convert-icon-tab h3{ background:url(../images/convert-icon.png) no-repeat;}
.convert-icon-tab:hover h3{ background-position:0 -37px; }
.convert-icon-tab h3.active{background-position:0 -37px;}



.manage-icon-tab h3{ background:url(../images/manage-icon.png) no-repeat;}
.manage-icon-tab:hover h3{ background-position:0 -37px ;}
.manage-icon-tab h3.active{background-position:0 -37px ;}



.measure-icon-tab h3{ background:url(../images/measure-icon.png) no-repeat;}
.measure-icon-tab:hover h3{ background-position:0 -36px ;}
.measure-icon-tab h3.active{background-position:0 -36px ;}


.learn-more-icon-tab h3{background:url(../images/learn-more-icon.png) no-repeat; background-position:0 -1px; }
.learn-more-icon-tab:hover h3{ background-position:0 -39px ;}
.learn-more-icon-tab h3.active{background-position:0 -39px ;}

.learn-more-icon-tab{background:url(../images/learn-more-icon.png) no-repeat; background-position:0 -1px; }
.learn-more-icon-tab:hover{ background-position:0 -39px ;}
.active.learn-more-icon-tab{background-position:0 -39px ;}


.learn-more-active-div , .learn-more-icon-tab{background:#da2128;color:#FFF; }
.learn-more-active-h3 , .learn-more-icon-tab h3{background-position:0 -39px !important ;}
.learn-more-active-div:hover , .learn-more-icon-tab:hover{background:#63981F;color:#FFF; }




.toogle-wrap{ max-width:1000px; position:relative; margin:30px 0 0 0; display:none;}
.inner-toogle-wrap{border:1px solid #d5d5d5; padding:50px 80px 50px 80px;}
.inner-toogle-wrap h2{ font-size:25px; color:#de1f25; padding:0 0 20px 0}
.toogle-top-icon{ position:absolute; top:-11px; }

.toogle-capture-wrap .toogle-top-icon{left:0px;}
.toogle-convert-wrap .toogle-top-icon{ left:200px;}
.toogle-manage-wrap .toogle-top-icon{ left:402px}
.toogle-measure-wrap .toogle-top-icon{ left:606px;}
.toogle-learn-more-wrap .toogle-top-icon{ left:806px;}















.left-conent-wrap{ float:left; width:300px;}
.right-content-wrap{ float:left; margin:-48px 0 0 0; }
.full-content-wrap{}
.full-content-wrap p{ font-size:15px; line-height:23px;}

.leran-more-left-wrap{ float:left; width:480px;}
.leran-more-right-wrap{ float:right;}
.leran-more-left-wrap ul{}
.leran-more-left-wrap ul li{ background: url(../images/listing-bg.jpg) no-repeat scroll left 4px; line-height:19px; padding:0 0 10px 25px; font-size:15px;}

.left-conent-wrap ul{}
.left-conent-wrap ul li{ background:url(../images/listing-bg.jpg) no-repeat left center; padding:0 0 0 25px; margin:0 0 17px 0; display:block; font-size:15px;}

.toogle-manage-wrap .left-conent-wrap{ width:390px;}
.toogle-measure-wrap .left-conent-wrap{width:420px;}

.all-toggle-wrap{ display:block; clear:both;max-width:1000px; margin:0 auto;}
.icon-text-wrap{ display:block; clear:both; width:100%; text-align:center;}
.none-iphone .icon-tab{ display:none;}

.block-iphone{ display:none;}


/* Wobble Horizontal */

@-webkit-keyframes wobble-horizontal {
  16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); }
  33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); }
  49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); }
  66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); }
  83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes wobble-horizontal {
  16.65% { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 
  33.3% { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 
  49.95% { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } 
  66.6% { -webkit-transform: translateX(-2px); -ms-transform: translateX(-2px); transform: translateX(-2px); } 
  83.25% { -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); } 
  100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 
  } 


/* sequence-wrap */

.sequence-wrap{ max-width:600px; height:395px; position:relative; margin:-52px auto 0 auto;}

/*@-webkit-keyframes shake {
0%, 100% {-webkit-transform:translateX(0);transform:translateX(0)}
10%, 50%, 90% {-webkit-transform:translateX(-10px);transform:translateX(-10px)}
25%, 75% {-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes shake {
0%, 100% {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
10%,50%, 90% {-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
25%, 90% {-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}*/




@-webkit-keyframes spin {from {-webkit-transform: scale(0, 0);}to {-webkit-transform: scale(1, 1);}}
@-moz-keyframes spin {from {-moz-transform: scale(0, 0);}to {-moz-transform: scale(1, 1);}}
@-o-keyframes spin {from {-moz-transform: scale(0, 0);}to {-moz-transform: scale(1, 1);}}
@keyframes spin {from {transform: scale(0, 0);}to {transform: scale(1, 1);}}
/*@keyframes spin {from { transform: scale(0, 0);}to {transform: scale(1, 1);}}
*/
.sequence-icon-tv{ position:absolute; left:186px; z-index:-1; bottom:0px;}

.sequence-icon-green-phone{position:absolute; top:290px; left:130px;}
.sequence-icon-panel{position:absolute; top:226px; left:120px; }
.sequence-icon-book{position:absolute; top:248px; left:43px;}
.sequence-icon-add{position:absolute; top:223px; left:148px;}
.sequence-icon-music{position:absolute; top:181px; left:61px;}
.sequence-icon-com{position:absolute; top:162px; left:111px;}
.sequence-icon-rss{position:absolute; top:115px; left:31px;}
.sequence-icon-message{position:absolute; top:150px; left:166px;}
.sequence-icon-comtap{position:absolute; top:221px; left:78px;}
.sequence-con-coment-yellow{position:absolute; top:171px; left:220px; z-index:1;}
.sequence-icon-clock{position:absolute; top:75px; left:173px;}
.sequence-icon-comment{position:absolute; top:125px; left:234px;}
.sequence-icon-commentman{position:absolute; top:73px; left:235px;}
.sequence-icon-graph{position:absolute; top:90px; left:287px; z-index:2;}
.sequence-icon-graphtop{position:absolute; top:148px; left:300px; z-index:2;}
.sequence-icon-iphone{position:absolute; top:122px; left:337px;}
.sequence-icon-searchmen{position:absolute; top:144px; left:357px; z-index:1;}
.sequence-icon-quot{position:absolute; top:95px; left:90px; z-index:2;}
.sequence-icon-search{position:absolute; top:173px; left:1px; z-index:2;}
.sequence-icon-red-com{position:absolute; top:95px; left:376px;}
.sequence-icon-glob{position:absolute; top:141px; left:406px;}
.sequence-icon-gtalk{position:absolute; top:80px; left:434px;}
.sequence-icon-doller-com{position:absolute; top:189px; left:506px;}
.sequence-icon-music-blue{position:absolute; top:250px; left:420px;}
.sequence-icon-yellow-com{position:absolute; top:290px; left:401px;}
.sequence-icon-man-chain{position:absolute; top:252px; left:470px;}
.sequence-icon-graph-red{position:absolute; top:80px; left:283px; z-index:-1;}
.sequence-graph-circle{position:absolute; top:233px; left:224px;}
.sequence-graph-chart{position:absolute; top:228px; left:293px;}

.sequence-icon-green-phone,.sequence-icon-panel,.sequence-icon-book,.sequence-icon-add,.sequence-icon-music,.sequence-icon-com,.sequence-icon-rss,.sequence-icon-message,.sequence-icon-comtap,.sequence-con-coment-yellow,.sequence-icon-clock,.sequence-icon-comment,.sequence-icon-commentman,.sequence-icon-graph,.sequence-icon-graphtop,.sequence-icon-iphone,.sequence-icon-searchmen,.sequence-icon-quot,.sequence-icon-search,.sequence-icon-red-com,.sequence-icon-glob,.sequence-icon-gtalk,.sequence-icon-doller-com,.sequence-icon-music-blue,.sequence-icon-yellow-com,.sequence-icon-man-chain{-webkit-animation-name: spin;-webkit-animation-duration: 1s;-moz-animation-name: spin;-moz-animation-duration: 1s;-o-animation-name: spin;-o-animation-duration: 1s;-ms-animation-name: spin;-ms-animation-duration: 1s;animation-name: spin;animation-duration: 1s;}

.sequence-icon-green-phone:hover,.sequence-icon-panel:hover,.sequence-icon-book:hover,.sequence-icon-add:hover,.sequence-icon-music:hover,.sequence-icon-com:hover,.sequence-icon-rss:hover,.sequence-icon-message:hover,.sequence-icon-comtap:hover,.sequence-con-coment-yellow:hover,.sequence-icon-clock:hover,.sequence-icon-comment:hover,.sequence-icon-commentman:hover,.sequence-icon-graph:hover,.sequence-icon-graphtop:hover,.sequence-icon-iphone:hover,.sequence-icon-searchmen:hover,.sequence-icon-quot:hover,.sequence-icon-search:hover,.sequence-icon-red-com:hover,.sequence-icon-glob:hover,.sequence-icon-gtalk:hover,.sequence-icon-doller-com:hover,.sequence-icon-music-blue:hover,.sequence-icon-yellow-com:hover,.sequence-icon-man-chain:hover{-webkit-animation-name: wobble-horizontal;animation-name: wobble-horizontal; animation-delay:0s;-webkit-animation-delay:0s;}

.sequence-graph-circle{animation-name: graph-circle;-webkit-animation-name: graph-circle;-moz-animation-name: graph-circle;-o-animation-name: graph-circle;animation-duration: 1s;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;}

@keyframes graph-circle {from {transform: rotate(60deg); opacity:0;filter: alpha(opacity=0);} to {transform:rotate(360deg); opacity:1;filter:alpha(opacity=100);}}
@-webkit-keyframes graph-circle {from {-webkit-transform: rotate(60deg); opacity:0;filter: alpha(opacity=0);} to {-webkit-transform:rotate(360deg); opacity:1;filter: alpha(opacity=100);}}
@-moz-keyframes graph-circle {from {-moz-transform: rotate(60deg); opacity:0;filter: alpha(opacity=0);} to {-moz-transform:rotate(360deg); opacity:1;filter: alpha(opacity=100);}}
@-o-keyframes graph-circle {from {-o-transform: rotate(60deg); opacity:0;filter: alpha(opacity=0);} to {-o-transform:rotate(360deg); opacity:1;filter: alpha(opacity=100);}}

.sequence-graph-chart{animation-name:animation_scale; animation-duration:1.5s; animation-timing-function:ease; animation-delay:0s; animation-iteration-count:1; animation-direction:alternate; animation-play-state:running; animation-fill-mode: forwards; transform-origin: center bottom;

-webkit-animation-name:animation_scale; -webkit-animation-duration:1.5s; -webkit-animation-timing-function:ease; -webkit-animation-delay:0s; -webkit-animation-iteration-count:1; -webkit-animation-direction:alternate; -webkit-animation-play-state:running; -webkit-animation-fill-mode: forwards; transform-origin: center bottom;

-moz-animation-name:animation_scale; -moz-animation-duration:1.5s; -moz-animation-timing-function:ease; -moz-animation-delay:0s; -moz-animation-iteration-count:1; -moz-animation-direction:alternate; -moz-animation-play-state:running; -moz-animation-fill-mode: forwards; -moz-transform-origin: center bottom;

-o-animation-name:animation_scale; -o-animation-duration:1.5s; -o-animation-timing-function:ease; -o-animation-delay:0s; -o-animation-iteration-count:1; -o-animation-direction:alternate; -o-animation-play-state:running; -o-animation-fill-mode: forwards; -o-transform-origin: center bottom;

}

@keyframes animation_scale {
0%   {transform:  scaleY(0.1);}
100% {transform: scaleY(1.0);}
}
@-webkit-keyframes animation_scale {
0%   {-webkit-transform:  scaleY(0.1);}
100% {-webkit-transform: scaleY(1.0);}
}
@-moz-keyframes animation_scale {
0%   {-moz-transform:  scaleY(0.1);}
100% {-moz-transform: scaleY(1.0);}
}
@-o-keyframes animation_scale {
0%   {-o-transform:  scaleY(0.1);}
100% {-o-transform: scaleY(1.0);}
}
/*.sequence-graph-chart{ 
-webkit-animation-name: graph-chart;-moz-animation-name: graph-chart;-o-animation-name: graph-chart;-ms-animation-name: graph-chart;animation-name: graph-chart;
-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;-ms-animation-duration: 1s;animation-duration: 1s;

 }

@keyframes graph-chart {
from { width:0px; height:0px;} to { width:100px; height:100px;}
}
*/

/*.sequence-graph-circle {-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;}
.sequence-graph-circle:hover{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg); }
*/

/*img{-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width:50%; height:50%}


img:hover{opacity:0}
*/


@media all and (max-width:2200px){

}
@media all and (max-width:1600px){
.wrapper{ margin-top:10px; margin-bottom:10px;}

}
@media all and (max-width:1420px){

}

@media all and (max-width:1024px){
.sequence-wrap{ height: 365px;max-width: 590px;}

.sequence-icon-tv{ width:207px; top: ; left:;}
.sequence-icon-green-phone{  width:50px; top:277px; left:135px;}
.sequence-icon-panel{  width:79px; top:; left:119px; top:215px;}
.sequence-icon-book{  width:40px;left:51px;top: 250px;}
.sequence-icon-add{  width:auto; top:; left:;}
.sequence-icon-music{  width:43px;   left:60px; top: 183px;}
.sequence-icon-com{  width:60px; left: 128px; top:166px}
.sequence-icon-rss{  width:47px; left: 47px; top: 125px;}
.sequence-icon-message{ width:45px; left: 169px;top: 134px;}
.sequence-icon-comtap{ width:39px;left:77px; top:219px;}
.sequence-con-coment-yellow{  width:36px;  left: 216px;top: 153px;}
.sequence-icon-clock{  width:auto; top:; left:;}
.sequence-icon-comment{  width:55px; left: 229px; top: 110px;}
.sequence-icon-commentman{  width:41px;  top: 64px;}
.sequence-icon-graph{  width:46px;  left: 279px; top: 83px;}
.sequence-icon-graphtop{  width:47px; left: 301px; top: 136px;}
.sequence-icon-iphone{  width:24px;  left: 334px; top: 108px;}
.sequence-icon-searchmen{ width:52px; left: 353px; top: 125px; z-index: 1;}
.sequence-icon-quot{  width:43px;    left:106px; top:97px;}
.sequence-icon-search{ width:46px; left:13px; top: 182px;}
.sequence-icon-red-com{ width:45px;  left: 372px; top: 73px;}
.sequence-icon-glob{  width:38px; left: 400px; top: 124px;}
.sequence-icon-gtalk{  width:49px;    left: 427px; top: 69px;}
.sequence-icon-doller-com{ width:43px;   left: 482px; top: 194px;}
.sequence-icon-music-blue{  width:30px;left: 394px; top: 241px;}
.sequence-icon-yellow-com{ width:66px;    left: 391px; top: 271px;}
.sequence-icon-man-chain{  width:39px;  left: 459px;top: 244px;}
.sequence-icon-graph-red{  width:355px; top:34px; left:252px;}
.sequence-graph-circle{ top:213px; left:217px; width:28px;}
.sequence-graph-chart { left: 284px; top: 207px; width: 32px;}

}


@media all and (max-width:999px){

.icon-tab span{ padding:12px 0 0 5px;}
.tab-icon-wrap{ max-width:745px;}
.icon-tab{ height:56px; width:143px; font-size:14px; float:left; margin:0 5px 0 0;}
.icon-tab h3{ font-size:14px;}
.sequence-wrap{ margin-top:0px;}
}
@media all and (max-width:900px){
	
	
	
.header{ padding:15px 10px 0 10px;}
.wrapper{ max-width:none; padding:0 10px; text-align:center;}
.wrapper-content{ max-width:none;}
.main-wrapper-img{ max-width:70%;}
.footer{ max-width:100%; padding:10px 10px;}
.footer-left-para p{ margin:0px;}
.footer-left-para{ float:none; text-align:center; padding:10px 0;}
.footer-right-nav{ float:none;}
.footer-right-nav ul{ text-align:center; margin:0px;}
.footer-right-nav ul li{ float:none; text-align:center; display:inline-block;}

.inner-toogle-wrap{ padding:30px;}
.left-conent-wrap,.right-content-wrap{ margin:0px; padding:0px; width:100% !important;}
.right-content-wrap{ text-align:center; padding:20px 0 0 0;}
.left-conent-wrap ul li{ margin-right:20px; float:left;}
.tab-icon-wrap{ margin-bottom:20px;}

.footer{ position:inherit; width:auto; }
.icon-popup-wrap{ padding-bottom:0px;}
.logo-wrap{ position:inherit;}
.login-wrap{ position:inherit;}
.header{ position:inherit;}

.leran-more-left-wrap{ float:none; width:100%;}
.leran-more-right-wrap{ float:none; width:100%; text-align:center;}

.toogle-capture-wrap .toogle-top-icon{left:0px;}
.toogle-convert-wrap .toogle-top-icon{ left:150px;}
.toogle-manage-wrap .toogle-top-icon{ left:300px}
.toogle-measure-wrap .toogle-top-icon{ left:450px;}
.toogle-learn-more-wrap .toogle-top-icon{ left:600px;}

.sequence-wrap{ margin-top:20px;}

}
@media all and (max-width:767px){
.logo-wrap, .login-wrap{ max-width:100%; text-align:center; float:none;}
.login-wrap h3{ width:53px; margin:0 auto;}
.main-wrapper-img{ max-width:100%;}	
.wrapper h1{ font-size:30px; padding:10px 0;}
.wrapper-content p{ font-size:13px; line-height:13px;}
.button-wrap{ padding:10px 0;}
.button-wrap a{ margin:0px; width:100%; padding-right:0px; padding-left:0px;} 	
.button-business{ margin-bottom:10px !important;}
.wrapper-content h2{ font-size:18px; line-height:22px;}
.footer{ margin:20px 0 0 0;}
.footer-left-para{ padding:0 0 20px 0;}
.footer-right-nav ul li{ padding-bottom:5px;}
.sequence-wrap{ max-width:none; width:100%;height:264px;}

.sequence-wrap{ width:337px;}

.sequence-icon-tv{ width:162px; left:90px; top:123px;}
.sequence-icon-green-phone{ width:45px; top:183px; left:46px;}
.sequence-icon-panel{ width:47px;  left:52px; top:143px;}
.sequence-icon-book{ width:34px;  left:-1px; top:167px;}
.sequence-icon-add{ width:18px;  left:86px; top:145px;}
.sequence-icon-music{ width:35px;  left:11px; top:115px;}
.sequence-icon-com{ width:50px;  left:42px; top:99px;}
.sequence-icon-rss{ width:39px;  left:-2px; top:65px;}
.sequence-icon-message{width:31px;  left:77px; top:83px;}
.sequence-icon-comtap{ width:25px; height:25px;  left:25px; top:145px;}
.sequence-con-coment-yellow{ width:32px;  left:113px; top:95px;}
.sequence-icon-clock{ width:32px;  left:102px; top:48px;}
.sequence-icon-comment{ width:41px;  left:131px; top:67px;}
.sequence-icon-commentman{ width:30px;  left:128px; top:34px;}
.sequence-icon-graph{ width:34px;  left:163px; top:41px;}
.sequence-icon-graphtop{ width:31px;  left:176px; top:86px;}
.sequence-icon-iphone{ width:;  left:197px; top:60px;}
.sequence-icon-searchmen{ width:37px;  left:210px; top:81px;}
.sequence-icon-quot{ width:29px;  left:54px; top:45px;}
.sequence-icon-search{ width:30px;  left:-22px; top:110px;}
.sequence-icon-red-com{ width:34px;  left:227px; top:45px;}
.sequence-icon-glob{ width:30px;  left:244px; top:78px;}
.sequence-icon-gtalk{ width:37px;  left:270px; top:39px;}
.sequence-icon-doller-com{ width:39px;  left:319px; top:121px;}
.sequence-icon-music-blue{ width:28px;  left:255px; top:170px;}
.sequence-icon-yellow-com{ width:53px;  left:247px; top:192px;}
.sequence-icon-man-chain{ width:36px;  left:299px; top:167px;}
.sequence-icon-graph-red{ width:250px;  left:142px; top:-21px;}
.sequence-graph-circle { left: 115px; top: 143px; width: 22px; }
.sequence-graph-chart { left: 167px; top: 138px; width: 26px; }

.none-iphone{ display:none;}.block-iphone { display:block;}
.responsive-tab{ display:block; margin:0 0 10px 0 !important; float:none;}
.icon-text-wrap{ display:none;}
.icon-popup-wrap{ padding:10px;}
.inner-toogle-wrap h2{ font-size:24px;}
.left-conent-wrap ul li , .full-content-wrap p{ font-size:13px;clear:both;}
.toogle-wrap{ margin:30px 0 20px 0;}
.inner-toogle-wrap{ position:relative; margin:30px 0; }
.toogle-wrap-res{ display:none;}


.icon-tab-res:hover{background-color:#e11f27; color:#FFF;}
.icon-tab-res.active{background-color:#e11f27;color:#FFF;}

.capture-icon-tab{  background:url(../images/capture-icon-res.png) no-repeat;}
.capture-icon-tab:hover{ background-position:4px -55px!important;}
.capture-icon-tab.active{background-position:4px -55px !important;}


.convert-icon-tab { background:url(../images/convert-icon-res.png) no-repeat;}
.convert-icon-tab:hover{ background-position:4px -55px!important; }
.convert-icon-tab.active {background-position:4px -55px!important;}


.manage-icon-tab{ background:url(../images/manage-icon-res.png) no-repeat;}
.manage-icon-tab:hover{ background-position:4px -55px !important;}
.manage-icon-tab.active {background-position:4px -55px!important ;}


.measure-icon-tab{ background:url(../images/measure-icon-res.png) no-repeat;}
.measure-icon-tab:hover{ background-position:4px -55px !important;}
.measure-icon-tab.active {background-position:4px -55px !important;}


/*.learn-more-active-div , .learn-more-icon-tab{background:#e11f27;color:#FFF; }
.learn-more-active-h3 , .learn-more-icon-tab a{background-position:4px -55px !important ;}
.learn-more-active-div:hover , .learn-more-icon-tab:hover{background:#63981F;color:#FFF; }
*/

.icon-tab-res{text-align:left;font-size:18px; width:auto; padding:20px 0 20px 50px; height:auto; background-position: 4px 10px !important; color:#000;}

.learn-more-icon-tab{background-position:4px -55px !important ;background:url(../images/learn-more-icon-res.png) no-repeat #E11F27; color:#FFF;}
.learn-more-icon-tab:hover{background-position:4px -55px !important ;background:url(../images/learn-more-icon-res.png) no-repeat #63981F; }


.leran-more-left-wrap ul li{ font-size:13px;}


.toogle-capture-wrap .toogle-top-icon{left:0px;}
.toogle-convert-wrap .toogle-top-icon{ left:0px;}
.toogle-manage-wrap .toogle-top-icon{ left:0px}
.toogle-measure-wrap .toogle-top-icon{ left:0px;}
.toogle-learn-more-wrap .toogle-top-icon{ left:0px;}

}

@media all and (max-width:479px){
.sequence-wrap{ width:210px; height: 160px;}


.sequence-icon-tv{ width:88px; left:62px; top:84px; }
.sequence-icon-green-phone{ width:24px; top:116px; left:36px;}
.sequence-icon-panel{ width:35px;  left:33px; top:88px; }
.sequence-icon-book{ width:22px;  left:9px; top:110px;}
.sequence-icon-add{ width:12px;  left:59px; top:88px;}
.sequence-icon-music{ width:20px;  left:; top:73px;}
.sequence-icon-com{ width:30px;  left:30px; top:60px;}
.sequence-icon-rss{ width:25px;  left:-1px; top:38px;}
.sequence-icon-message{width:20px; left: 55px;top: 61px;}
.sequence-icon-comtap{ width:18px; left:14px; top:91px; height:auto;}
.sequence-con-coment-yellow{ width:19px;left: 78px;top: 66px;}
.sequence-icon-clock{ width:22px;  left:67px; top:28px;}
.sequence-icon-comment{ width:25px;left: 88px;top: 50px;}
.sequence-icon-commentman{ width:20px;left: 89px;top: 26px;}
.sequence-icon-graph{ width:22px; left: 112px;top: 22px;}
.sequence-icon-graphtop{ width:21px;left: 110px;top: 64px;}
.sequence-icon-iphone{  left: 122px;top: 46px; width: 14px;}
.sequence-icon-searchmen{ width:25px;left: 131px;top: 56px;}
.sequence-icon-quot{ width:18px;  left: 42px;top:30px;}
.sequence-icon-search{ width:21px;left:-10px;top:71px;}
.sequence-icon-red-com{ width:22px;left: 141px; top: 32px;}
.sequence-icon-glob{ width:19px; left: 152px; top: 54px;}
.sequence-icon-gtalk{ width:28px; left: 163px;top: 26px;}
.sequence-icon-doller-com{ width:24px; left: 192px;top:79px;}
.sequence-icon-music-blue{ width:20px;  left: 162px;top: 101px; }
.sequence-icon-yellow-com{ width:35px; left: 149px;top: 118px;}
.sequence-icon-man-chain{ width:18px;  left: 184px;top: 109px;}
.sequence-icon-graph-red{ width:130px;  left:95px; top:29px;}
.sequence-graph-circle {left: 76px;top: 93px;width: 14px;}
.sequence-graph-chart {left: 105px;top: 91px;width: 14px;}
}


@media (min-width: 1920px) and (min-height: 1080px) {
 .hd-responsive{ position:absolute; width:100%; top:50%; margin:-315px 0 0 0;}
}