:root { /********************************************************/ --white: #ffffff !important; --info: #5BE8C0 !important; --extralight: #F4F4F4 !important; --light: #cccccc !important; --dark: #343a40 !important; --black: #000000 !important; --extradark: #121212 !important; --muted: #6c757d !important; --primary: #1155cc !important /*2997ff*/; --primary-hover: #1976D2 !important; --primary-border: #1976D2 !important; --golden: #e5c616; --maroon:#b71c1c !important; /********************************************************/ --bg-seagreen: #01676d; --bg-purple: #93004D; --bg-lime: #827717; --bg-brown: #B14D01; --bg-maroon: #B71C1C; --bg-navyblue: #1a0942; --bg-parrot: #41C300; --bg-orange: #F9AA33; --bg-yellow: #FFD600; --bg-bluegrey: #344955; /********************************************************/ } /************************** BACKGROUNDS *****************************************************/ .bg{padding:60px 0; position:relative; overflow:hidden;} .bg-large, .bg-large .diagonal-hero-bg{height:400px;} .bg-small, .bg-small .diagonal-hero-bg{height:100px;} .bg-white{background:var(--white) !important;} .bg-black{background:var(--black) !important;} .bg-muted{background:var(--muted) !important;} .bg-extralight{background:var(--extralight) !important;} .bg-light{background:var(--light) !important;} .bg-dark{background:var(--dark) !important;} .bg-extradark{background:var(--extradark) !important;} .bg-black{background:var(--black) !important;} .bg-info{background:var(--info) !important;} .bg-primary{background:var(--primary);} .bg-maroon{background:var(--bg-maroon);} .bg-navyblue{background:var(--bg-navyblue);} .bg-parrot{background:var(--bg-parrot);} .bg-orange{background:var(--bg-orange);} .bg-yellow{background:var(--bg-yellow);} .bg-bluegrey{background:var(--bg-bluegrey);} .bg-brown{background:var(--bg-brown);} .bg-lime{background:var(--bg-lime);} .bg-purple{background:var(--bg-purple);} .bg-seagreen{background:var(--bg-seagreen);} .bg-light1{background:#e1f5fe;} .bg-light2{background:#e8eaf6;} .bg-light3{background:#e0f2f1;} .bg-light4{background:#f1f8e9;} .bg-light5{background:#efebe9;} /************************** FONT COLOR *****************************************************/ .color-white{color:var(--white) !important;} .color-info{color:var(--info);} .color-primary{color:var(--primary);} .color-extralight{color:var(--light) !important;} .color-light{color:var(--light) !important;} .color-dark{color:var(--dark);} .color-black{color:var(--black);} .color-muted{color:var(--muted);} .color-bluegrey{color:var(--bg-bluegrey);} .color-maroon{color:var(--bg-maroon);} .color-golden{color:var(--golden);} /************************** SPACING: MARGIN AND PADDING *************************************/ /* margin 0 */ .m0 {margin: 0 !important;} .ml0 {margin-left: 0 !important;} .mr0 {margin-right: 0 !important;} .mt0 {margin-top: 0 !important;} .mb0 {margin-bottom: 0;} .mx0 {margin-left: 0 !important; margin-right: 0 !important;} .my0 {margin-top: 0 !important; margin-bottom: 0 !important;} /* margin 0.25rem */ .m1 {margin: 0.25rem;} .ml1 {margin-left: 0.25rem;} .mr1 {margin-right: 0.25rem;} .mt1 {margin-top: 0.25rem;} .mb1 {margin-bottom: 0.25rem;} .mx1 {margin-left: 0.25rem;margin-right: 0.25rem;} .my1 {margin-top: 0.25rem;margin-bottom: 0.25rem;} /* margin 0.5rem */ .m2 {margin: 0.5rem;} .ml2 {margin-left: 0.5rem !important;} .mr2 {margin-right: 0.5rem !important;} .mt2 {margin-top: 0.5rem;} .mb2 {margin-bottom: 0.5rem;} .mx2 {margin-left: 0.5rem;margin-right: 0.5rem;} .my2 {margin-top: 0.5rem;margin-bottom: 0.5rem;} /* margin 0.75rem */ .m3 {margin: 0.75rem;} .ml3 {margin-left: 0.75rem;} .mr3 {margin-right: 0.75rem;} .mt3 {margin-top: 0.75rem;} .mb3 {margin-bottom: 0.75rem;} .mx3 {margin-left: 0.75rem;margin-right: 0.75rem;} .my3 {margin-top: 0.75rem;margin-bottom: 0.75rem;} /* margin 1rem */ .m4 {margin: 1rem;} .ml4 {margin-left: 1rem !important;} .mr4 {margin-right: 1rem;} .mt4 {margin-top: 1rem;} .mb4 {margin-bottom: 1rem !important;} .mx4 {margin-left: 1rem;margin-right: 1rem;} .my4 {margin-top: 1rem;margin-bottom: 1rem;} /* margin 1.25rem */ .m5 {margin: 1.25rem;} .ml5 {margin-left: 1.25rem;} .mr5 {margin-right: 1.25rem;} .mt5 {margin-top: 1.25rem;} .mb5 {margin-bottom: 1.25rem;} .mx5 {margin-left: 1.25rem;margin-right: 1.25rem;} .my5 {margin-top: 1.25rem;margin-bottom: 1.25rem;} /* margin 1.5rem */ .m6 {margin: 1.5rem;} .ml6 {margin-left: 1.5rem;} .mr6 {margin-right: 1.5rem;} .mt6 {margin-top: 1.5rem;} .mb6 {margin-bottom: 1.5rem;} .mx6 {margin-left: 1.5rem;margin-right: 1.5rem;} .my6 {margin-top: 1.5rem;margin-bottom: 1.5rem;} /* margin 1.75rem */ .m7 {margin: 1.75rem;} .ml7 {margin-left: 1.75rem;} .mr7 {margin-right: 1.75rem;} .mt7 {margin-top: 1.75rem;} .mb7 {margin-bottom: 1.75rem;} .mx7 {margin-left: 1.75rem;margin-right: 1.75rem;} .my7 {margin-top: 1.75rem;margin-bottom: 1.75rem;} /* margin 2rem */ .m8 {margin: 2rem;} .ml8 {margin-left: 2rem;} .mr8 {margin-right: 2rem !important;} .mt8 {margin-top: 2rem !important;} .mb8 {margin-bottom: 2rem !important;} .mx8 {margin-left: 2rem;margin-right: 2rem;} .my8 {margin-top: 2rem;margin-bottom: 2rem;} /* margin 2.25rem */ .m9 {margin: 2.25rem;} .ml9 {margin-left: 2.25rem;} .mr9 {margin-right: 2.25rem;} .mt9 {margin-top: 2.25rem;} .mb9 {margin-bottom: 2.25rem;} .mx9 {margin-left: 2.25rem;margin-right: 2.25rem;} .my9 {margin-top: 2.25rem;margin-bottom: 2.25rem;} /* margin 2.5rem */ .m10 {margin: 2.5rem;} .ml10 {margin-left: 2.5rem;} .mr10 {margin-right: 2.5rem;} .mt10 {margin-top: 2.5rem;} .mb10 {margin-bottom: 2.5rem !important;} .mx10 {margin-left: 2.5rem;margin-right: 2.5rem;} .my10 {margin-top: 2.5rem;margin-bottom: 2.5rem;} /* margin 2.75rem */ .m11 {margin: 2.75rem;} .ml11 {margin-left: 2.75rem;} .mr11 {margin-right: 2.75rem;} .mt11 {margin-top: 2.75rem;} .mb11 {margin-bottom: 2.75rem;} .mx11 {margin-left: 2.75rem;margin-right: 2.75rem;} .my11 {margin-top: 2.75rem;margin-bottom: 2.75rem;} /* margin 3rem */ .m12 {margin: 3rem;} .ml12 {margin-left: 3rem;} .mr12 {margin-right: 3rem;} .mt12 {margin-top: 3rem !important;} .mb12 {margin-bottom: 3rem !important;} .mx12 {margin-left: 3rem;margin-right: 3rem;} .my12 {margin-top: 3rem !important;margin-bottom: 3rem !important;} /* padding 0 */ .p0 {padding: 0 !important;} .pl0 {padding-left: 0 !important;} .pr0 {padding-right: 0;} .pt0 {padding-top: 0;} .pb0 {padding-bottom: 0;} .px0 {padding-left: 0 !important; padding-right: 0 !important;} .py0 {padding-top: 0 !important; padding-bottom: 0 !important;} /* padding 0.25rem */ .p1 {padding: 0.25rem !important;} .pl1 {padding-left: 0.25rem;} .pr1 {padding-right: 0.25rem;} .pt1 {padding-top: 0.25rem;} .pb1 {padding-bottom: 0.25rem;} .px1 {padding-left: 0.25rem !important;padding-right: 0.25rem !important;} .py1 {padding-top: 0.25rem;padding-bottom: 0.25rem;} /* padding 0.5rem */ .p2 {padding: 0.5rem !important;} .pl2 {padding-left: 0.5rem !important;} .pr2 {padding-right: 0.5rem !important;} .pt2 {padding-top: 0.5rem !important;} .pb2 {padding-bottom: 0.5rem !important;} .px2 {padding-left: 0.5rem !important;padding-right: 0.5rem !important;} .py2 {padding-top: 0.5rem;padding-bottom: 0.5rem;} /* padding 0.75rem */ .p3 {padding: 0.75rem !important;} .pl3 {padding-left: 0.75rem !important;} .pr3 {padding-right: 0.75rem !important;} .pt3 {padding-top: 0.75rem !important;} .pb3 {padding-bottom: 0.75rem !important;} .px3 {padding-left: 0.75rem !important;padding-right: 0.75rem !important;} .py3 {padding-top: 0.75rem;padding-bottom: 0.75rem;} /* padding 1rem */ .p4 {padding: 1rem !important;} .pl4 {padding-left: 1rem !important;} .pr4 {padding-right: 1rem;} .pt4 {padding-top: 1rem;} .pb4 {padding-bottom: 1rem;} .px4 {padding-left: 1rem !important;padding-right: 1rem !important;} .py4 {padding-top: 1rem;padding-bottom: 1rem;} /* padding 1.25rem */ .p5 {padding: 1.25rem !important;} .pl5 {padding-left: 1.25rem;} .pr5 {padding-right: 1.25rem;} .pt5 {padding-top: 1.25rem;} .pb5 {padding-bottom: 1.25rem;} .px5 {padding-left: 1.25rem;padding-right: 1.25rem;} .py5 {padding-top: 1.25rem;padding-bottom: 1.25rem;} /* padding 1.5rem */ .p6 {padding: 1.5rem !important;} .pl6 {padding-left: 1.5rem !important;} .pr6 {padding-right: 1.5rem;} .pt6 {padding-top: 1.5rem;} .pb6 {padding-bottom: 1.5rem;} .px6 {padding-left: 1.5rem !important;padding-right: 1.5rem !important;} .py6 {padding-top: 1.5rem;padding-bottom: 1.5rem;} /* padding 1.75rem */ .p7 {padding: 1.75rem !important;} .pl7 {padding-left: 1.75rem;} .pr7 {padding-right: 1.75rem;} .pt7 {padding-top: 1.75rem;} .pb7 {padding-bottom: 1.75rem;} .px7 {padding-left: 1.75rem;padding-right: 1.75rem;} .py7 {padding-top: 1.75rem;padding-bottom: 1.75rem;} /* padding 2rem */ .p8 {padding: 2rem !important;} .pl8 {padding-left: 2rem !important;} .pr8 {padding-right: 2rem !important;} .pt8 {padding-top: 2rem !important;} .pb8 {padding-bottom: 2rem !important;} .px8 {padding-left: 2rem !important;padding-right: 2rem !important;} .py8 {padding-top: 2rem !important;padding-bottom: 2rem !important;} /* padding 2.25rem */ .p9 {padding: 2.25rem;} .pl9 {padding-left: 2.25rem;} .pr9 {padding-right: 2.25rem;} .pt9 {padding-top: 2.25rem;} .pb9 {padding-bottom: 2.25rem;} .px9 {padding-left: 2.25rem;padding-right: 2.25rem;} .py9 {padding-top: 2.25rem;padding-bottom: 2.25rem;} /* padding 2.5rem */ .p10 {padding: 2.5rem;} .pl10 {padding-left: 2.5rem !important;} .pr10 {padding-right: 2.5rem;} .pt10 {padding-top: 2.5rem;} .pb10 {padding-bottom: 2.5rem;} .px10 {padding-left: 2.5rem !important;padding-right: 2.5rem !important;} .py10 {padding-top: 2.5rem !important;padding-bottom: 2.5rem !important;} /* padding 2.75rem */ .p11 {padding: 2.75rem;} .pl11 {padding-left: 2.75rem;} .pr11 {padding-right: 2.75rem;} .pt11 {padding-top: 2.75rem;} .pb11 {padding-bottom: 2.75rem;} .px11 {padding-left: 2.75rem;padding-right: 2.75rem;} .py11 {padding-top: 2.75rem;padding-bottom: 2.75rem;} /* padding 3rem */ .p12 {padding: 3rem;} .pl12 {padding-left: 3rem;} .pr12 {padding-right: 3rem;} .pt12 {padding-top: 3rem;} .pb12 {padding-bottom: 3rem;} .px12 {padding-left: 3rem !important;padding-right: 3rem !important;} .py12 {padding-top: 3rem !important;padding-bottom: 3rem !important;} /************************** BORDER ***********************************************************/ .bdr0{border-width:0px !important;} .bdr1{border-width:1px !important;} .bdr2{border-width:2px !important;} .bdr3{border-width:3px !important;} .bdr4{border-width:4px !important;} .bdr5{border-width:5px !important;} .bdr10{border-width:10px !important;} .border-all {border: 1px solid #dee2e6 !important;} .border-top {border-top: 1px solid #dee2e6 !important;} .border-bottom {border-bottom: 1px solid #dee2e6 !important;} .border-left {border-left: 1px solid #dee2e6 !important;} .border-right {border-right: 1px solid #dee2e6 !important;} .br0{border-radius:0px !important;} .br3{border-radius:3px;} .br4{border-radius:4px;} .br5{border-radius:5px;} .br8{border-radius:8px;} .br10{border-radius:10px;} .br50{border-radius:50%;} /********************************************************************************************/ .d-inline{display: inline-block !important;} .d-block {display: block !important;} .bold{font-weight: bold;} .underline{text-decoration: underline;} /********************************************************************************************/ /* CSS Document */ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-16 { width: 25%; float: left; } @media (min-width: 768px) { .col-sm-16 { width: 25%; float: left; } } @media (min-width: 992px) { .col-md-16 { width: 25%; float: left; } } @media (min-width: 1200px) { .col-lg-16 { width: 25%; float: left; } } body{font-family: 'Ubuntu', sans-serif; /*padding-top: 60px;*/ font-weight:400; color:#929292; scroll-behavior:smooth;} a:hover,a:focus{text-decoration:none; outline:none;} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #ffffff !important; color:#b71c1c !important;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a.active {background-color: #f7f7f7; color: #b71c1c;text-decoration: none;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Ubuntu', sans-serif;} h1{font-weight:300 !Important; font-size:38px} .banner h1{font-size:48px !Important; color:#ffffff !Important; font-weight:100 !important; margin-bottom:0; line-height:60px !important;} .banner h1 span{font-size:48px !Important; color:#b71c1c !Important; font-weight:900 !important;} .banner h2{color:#eeeeee !important; font-size:24px; line-height:36px; margin-top:0; padding:30px 20px 5px 5px; font-weight:100;} .arrow{background:url('../images/connecting_arrow.png') no-repeat center top; position:relative; left:48%; width:100px; height:100px; top:-50px;} .clrorange{color:#b71c1c;} .clrblue{color:#568ED5;} .hdivider{background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); border: 0 none; height: 1px; margin-bottom: 0; padding-bottom: 0;} #sec2 h1,#sec4 h1{font-size:32px; margin-bottom:10px; color:#333;} #sec4 h1{margin-top:10px !Important;} p{font-weight:300 !Important; font-size:20px !Important; line-height:30px !Important; margin-bottom:25px;} #sec2 p,#sec4 p,#sec6 p{font-size:18px !Important; line-height:30px !Important; color:#666;} p.boldtext,span.boldtext{font-weight:400 !Important; color:#333;} #sec6 h1{margin-bottom:20px; color:#333;} .grey{ background:#e6e5e5;} .white{ background:#fff;} img.img-responsive{display:inline-block;} .lightbg { background:rgba(255,255,255,0.7); padding:10px 20px;} .darkbg { background:rgba(0,0,0,0.7); padding-left:20px; padding-bottom:9px; } #slide21 .darkbg {display:inline-block; margin-top:60px; /*background:rgba(255, 255, 255, 0.9);*/ width:100%; padding:10px;} .banner#slide2 .darkbg {display:inline-block; padding-right:20px; margin-top:180px;} .navbar{margin-bottom:0; height:70px; border-radius:0; top:-4px;} .navbar-collapse{padding-right:0;} /*ul.navbar-nav{float:right;}*/ .navbar ul.external {position: absolute;right: 10px;top: 0px; margin-right: 0px;} .navbar-default{/*background:#000000;*/background:transparent; border:none;position:absolute; width:100%; border:none; z-index:999;} .navbar-brand{padding:20px 60px 20px 20px;} .navbar-nav > li > a{padding-bottom:25px; padding-top:25px; font-size:13px; color:#191919; font-weight:700; text-transform:uppercase;} .navbar-default .navbar-nav > li > a{color:#ffffff; margin:15px 20px 0 0; padding:10px;} .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active {color:#b71c1c;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#5e5e5e; background:#f8f8f8; padding-top:21px; border-top:4px solid #f8f8f8;} .navbar-default .navbar-nav > .active > a:hover{color:#3372B7;} .saffron-btn{display:block; right:0; top:0; z-index:1034} .saffron-btn a{display:inline-block;padding:0 25px; line-height:60px;font-size:13px; background:#b71c1c; color:#ffffff !important; font-weight:700; text-transform:uppercase;} .saffron-btn a.white-link{background:none;color:#666 !important;} .saffron-btn a:hover{background:#F7F7F7; color:#b71c1c !important;} .navbar ul.external .dropdown ul.dropdown-menu{right:0 !important; left:-175px; width: 260px; display: block;} .navbar ul.external .dropdown ul.dropdown-menu li ul{padding-left:15px !important;} .navbar ul.external .dropdown ul.dropdown-menu li ul li a{background:#ffffff; color: #333333 !important; line-height: 16px !important;} .navbar ul.external .dropdown ul.dropdown-menu li ul li a:hover, .navbar ul.external .dropdown ul.dropdown-menu li ul li a:focus{background:#f7f7f7; display: inline-block; color: #b71c1c !important;} .navbar ul.external .dropdown ul.dropdown-menu li ul li a.submit-btn{display:inline-block; padding:5px 30px; background:#b71c1c; color:#ffffff !important; font-size:13px; text-align:center; line-height:28px !important;border: solid 2px #b71c1c; font-weight:700;} .navbar ul.external .dropdown ul.dropdown-menu li ul li a.submit-btn:hover{display:inline-block; padding:5px 30px; background:#f7f7f7; color:#b71c1c !important; font-size:13px; text-align:center; line-height:28px;border: solid 2px #b71c1c; font-weight:700;} .navbar ul.external .dropdown ul.dropdown-menu li ul li a.btn-link{display:inline-block; color: var(--dark); padding:5px 30px; font-size:13px; text-align:center; line-height:28px !important;border: solid 2px #dddddd; font-weight:700;} .navbar ul.external .dropdown ul.dropdown-menu li ul li a.btn-link:hover{color: var(--maroon);border: solid 2px #b71c1c;} @media (max-width: 1024px){ .navbar-default .navbar-nav > li > a{margin:15px 0 0 0;} } .banner{overflow:hidden; padding-top:4px; position:relative;} .banner#slide1{background:url(../images/banner_bg1.jpg) no-repeat center center;} .banner#slide12{background:url(../images/banner_bg12.jpg) no-repeat center center;} .banner#slide2{background:url(../images/banner_bg2.jpg) no-repeat center center;} /*.banner#slide22{background:url(../images/banner_bg22.jpg) no-repeat center center;}*/ #whytq{ background:#f7f7f7;} #whytq h1{margin:30px 0 50px 0; color:#333333; font-weight:300;} .banner#slide3{background:#ffffff; height:100%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } /*.banner#slide4{background:url(../images/banner_bg23.jpg) no-repeat center center;}*/ .banner#slide3 h1{margin-top:0px; color:#666666;} .banner#slide3 h1 span{font-weight:300;} .banner#slide3 h3{margin:20px 0; color:#737373 !important; font-size:16px !IMPORTANT; border-bottom: 1px double #aaaaaa; padding-bottom:15px; font-weight:300 !important;line-height:24px !IMPORTANT;} .banner#slide3 h3 span{margin:20px; color:#000000; font-size:24px !IMPORTANT; font-weight:500 !important;line-height:36px !IMPORTANT;} .banner#slide3 ul{margin:20px 0 20px 0px; line-height:24px !IMPORTANT; color:#737373; font-size:13px !IMPORTANT; font-weight:300 !important;} .banner#slide3 .rbdr{border-right: solid 1px #e6e6e6; margin-top:30px; margin-bottom:30px; border-bottom: solid 1px #ffffff; border-left: solid 1px #ffffff; border-top: solid 1px #ffffff;} .banner#slide3 .rbdr:last-child { border-right:1px solid #ffffff; } /*.banner#slide3 .bdr{border: solid 3px #ffffff; margin-top:30px; margin-bottom:30px;}*/ .banner#slide3 .bdr:hover{border: solid 1px #666666;} .banner#slideapps{background:url(../images/banner_apps.jpg) no-repeat center center;} .banner#slideapps h2{color: #ffffff !important; font-size: 24px; font-weight:400 !important; margin:100px 0 20px 0;} .banner#slideapps ul li{font-size:18px; font-weight:400 !important; color:#ffffff !important; line-height:36px;} /****************************** Retailers, Publishers & developers page *****************************/ .banner#retailers1{background:url(../images/banner_bg1.jpg) no-repeat center center;} .banner#publishers1{background:url(../images/banner_bg12.jpg) no-repeat center center;} /****************************************************************************************************/ #banner #presl,#banner #nxtsl{display:block; width:50px; height:50px; margin-top:-25px; top:50%; position:absolute;} #banner #presl{left:10px; background:url(../images/prev.png) no-repeat; z-index:4;} #banner #nxtsl{right:10px; background:url(../images/next.png) no-repeat; z-index:5;} #banner ul#ban-scroller,#banner ul#ban-scroller li{margin:0; padding:0; list-style:none;} #banner ul#ban-scroller li{width:100%; float:left;} .banner h1{color:#ffffff; font-weight:300; text-transform:none;} .banner h1 span{color:#b71c1c;} .banner p{font-weight:300; color:#ccc; font-size:24px; line-height:30px; margin-bottom:25px;} a.getstarted-btn,span.getstarted-btn{display:inline-block; background:none; border:2px solid #b71c1c !important; color:#b71c1c !important; font-size:20px; line-height:36px;font-weight:300; padding:5px 30px; } .banner a.getstarted-btn span.arrow{display:inline-block; background:#b71c1c; padding:0 15px;} a.getstarted-btn:hover,span.getstarted-btn:hover{background:#b71c1c !important; border:2px solid #b71c1c !important; color:#FFFFFF !important; cursor:pointer;} .btn-large{padding:10px 60px !important; font-size:30px !important;} .banner a.getstarted-btn:hover span.arrow{background:#3371b6;} .dotnav{height:10px; width:75px; bottom:10px; position:absolute; left:50%; margin-left:-37px;} .dotnav a{display:inline-block; margin-right:15px; width:15px; height:15px;border-radius:15px;-moz-border-radius:15px; -webkit-border-radius:15px; background:rgba(255,255,255,0.9);} .dotnav a.active{background:rgba(155,155,155,0.9);} .dotnav a:last-child{margin:0;} .playPauseLink{ height: 22px; left: 50%; margin-left:52px; width: 14px; bottom:3px; position:absolute; font-size:0px; } .pause { background: url("../images/bt-pause.png") top left no-repeat !important;} .play{ background: url("../images/bt-play.png") top left no-repeat;} #vid-nav,#vid-nav1{position:absolute; z-index:6; width:26%; right:0; top:5%;} #vid-nav a,#vid-nav1 a{display:block; text-align:center; margin-bottom:4px !important; background:#fff; color:#b9b9b9; font-size:15px; line-height:30px;} #vid-nav a:hover,#vid-nav a.active,#vid-nav1 a.active{background:#b9b9b9; color:#fff;} @media screen and (max-width: 400px) { .banner h1{font-size:32px; margin:10px 0 20px;} #vid-nav,#vid-nav1{display:none;} .second-content .show-bubbletip{font-size:15px;margin: 0 20px 20px 0;} .num p {padding:9px 0px !important;} #slide2.banner .darkbg{margin-top:30px;} #slide3 .row{margin:0;} #slide3 .col-md-12.text-center, #slide3 .container{padding:0;} .banner p{font-size:18px !important; line-height:30px!important; display:none;} div#about div#team span.bio{width:200px;} #slide3.banner .bdr:hover{border:3px solid #f4f4f4;} #po1 img,#po2 img,#po3 img,#po4 img,#po5 img,#po6 img,#po7 img,#po8 img,#po9 img{margin-top:20px;margin-bottom:20px;} .darkbg {padding:10px 0 20px; margin-bottom:15px;} .navbar-default .navbar-toggle{border:none; margin-top:18px;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;} .navbar-default .navbar-toggle:hover .navbar-default .navbar-toggle .icon-bar,.navbar-default .navbar-toggle:focus .navbar-default .navbar-toggle .icon-bar{background-color:#333;} .banner{text-align:center;} } @media screen and (min-width: 401px) and (max-width: 767px) { .banner p{display:none;} .banner h1{font-size:32px; margin:10px 0;} .second-content .show-bubbletip{font-size:15px;margin: 0 20px 20px 0;} .num p { padding:9px 0px !important;} } @media (min-width: 768px) and (max-width: 991px) { .navbar-nav > li > a{padding-left:10px;padding-right:10px; } .banner h1{font-size:33px; line-height:40px; margin:60px 0 0;} .banner p{font-size:18px; line-height:20px;} .banner#slide4 .col-xs-7{padding-top:17px;} #ban3-img{margin-top:0px;} .banner{height:420px;} a.getstarted-btn{padding:0 10px;} .banner a.getstarted-btn span.arrow{margin-left:10px;} #use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;} #use-cases .row{margin-left:-2px; margin-right:-2px;} #use-cases{min-height:620px;} .second-content .show-bubbletip{font-size:15px;margin: 0 20px 12px 0;} } @media (min-width: 992px) and (max-width: 1199px) { .banner h1{font-size:32px; line-height:50px; margin:90px 0 0;} #sec2 img,#sec4 img {margin-top:70px;} #slide2.banner .darkbg h1{margin:0;} .banner p{font-size:24px; line-height:30px;} #ban3-img{margin-top:0px;} .banner{height:555px;} .banner#slide4 .col-xs-7{padding-top:26px;} a.getstarted-btn{padding:5px 30px;} .banner a.getstarted-btn span.arrow{margin-left:20px;} #use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;} #use-cases .row{margin-left:-2px; margin-right:-2px;} .second-content .show-bubbletip{font-size:17px;margin: 0 20px 30px 0;} } @media (min-width: 1200px) { .banner h1{font-size:38px; line-height:61px; margin:90px 0 0;} .banner h1 span{color:#b71c1c;font-size:38px; font-weight:400;} #slide3 h1{font-size:26px; line-height:50px;} .banner#slide2 h1{margin:10px 0 10px;} .banner#slide4 h1{margin:150px 0 0;} .banner p{font-size:20px; line-height:30px;} #ban3-img{margin-top:30px;} .banner{height:658px;} a.getstarted-btn,span.getstarted-btn{padding:0 20px;} .banner a.getstarted-btn span.arrow{margin-left:20px;} #use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;} #use-cases{min-height:930px;} #use-cases .row{margin-left:-2px; margin-right:-2px;} .second-content .show-bubbletip{font-size:18px;margin: 0 20px 30px 0;} } .region.brand-dev-cta{padding:60px 0;background-color:#F7F7F7;}.region.brand-dev-cta:before{content:'';position:absolute;top:0;left:0;z-index:0;width:50%;height:100%;background-color:#fff} .region.brand-dev-cta.hover{padding:60px 0;background-color:#F7F7F7;}.region.brand-dev-cta.hover:before{content:'';position:absolute;top:0;left:0;z-index:0;width:50%;height:100%;background-color:#ddd} #sec6 h1 span{font-size:100px; padding:20px 0; color:#b71c1c;} #firstpage{padding-top:30px; padding-bottom:20px;} #firstpage .container{opacity:0;} #firstpage h3{font-size:22px; color:#5d5d5d; font-weight:500; line-height:52px; margin-bottom:30px; border-bottom:1px solid #D8D9D9;} #firstpage p{font-size:13px; color:#737373; line-height:24px;} #use-cases{background:url(../images/use-cases-bg.jpg); border-top:1px solid #e2e3e6;border-bottom:1px solid #e2e3e6; padding-top:20px; } #use-cases h1{ text-align:center; font-size:35px; color:#6e6e6e; text-transform:uppercase; background:url(../images/use-cases-title-bg.jpg) no-repeat center bottom; font-weight:400; line-height:45px; margin-bottom:50px;} #use-cases img.img-responsive{width:100%;} #use-cases .vpad{height:4px;} #use-cases img.img-responsive{width:100%;} #use-cases .animate{margin:0 auto;} #features{padding-top:0px; height:85px; overflow:hidden; transition: height 1.5s ease 0s; padding-bottom:50px; background:#fff;} #features .container{overflow:hidden;} #firstpage h1{ text-align:center; font-size:35px; color:#6e6e6e; text-transform:uppercase; background:url(../images/features-title-bg.jpg) no-repeat center bottom; font-weight:400; line-height:45px; margin-bottom:50px;} #features .col-sm-4{ background:url(../images/features-devider.jpg) no-repeat top right; min-height:220px; padding-bottom:20px; } #features .col-sm-4.no-border{background:none;} .box-bor{min-height:220px;} #features .col-sm-4 hr{margin:0; padding:0; border:none; background:none; border-bottom:1px solid #d8d9d9;} #features .col-sm-4 h3{font-size:22px; color:#5d5d5d;} #features .col-sm-4 p{color:#737373; font-size:13px; line-height:24px;} #firstpage .more-btn,#features .more-btn{ display:inline-block; line-height:50px; padding-left:25px; padding-right:25px; background:#a0a0a0; text-transform:uppercase; color:#ffffff; font-size:17px; font-weight:700; margin-top:40px; } #showfeatures img { transition: all 0.8s ease 0s; margin-top:12px;} #showfeatures.openfe img{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); -o-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);} #showfeatures .more-text{display:inline-block; background:#c9c9c9; color:#fff; font-size:20px; line-height:38px; padding:0 20px;} #showfeatures .more-text:hover{background:#3371b6;} #firstpage .more-btn:hover,#features .more-btn:hover{text-decoration:none; background:#3372B7;} #sdkforall{padding-top:20px; padding-bottom:20px; background:url(../images/1sdk-bg2.jpg) repeat;} #sdkforall .container{overflow:hidden;} #sdkforall .container .animate { margin: 0 auto; } #sdkforall h1{ text-align:center; font-size:26px; color:#ffffff; text-transform:none; font-weight:300; line-height:50px; margin-bottom:60px;} #sdkforall h1 span{color:#b71c1c; font-size:38px;font-weight:400!Important;} #sdkforall h2{font-size:38px; font-weight:400; margin-bottom: 6px; color:#fff; line-height:40px; text-align:center;} #sdkforall p{color:#fff; margin:0 0 30px; font-weight:400!Important; font-size:20px!Important;text-transform:none !important;} .submit-btn{display:inline-block; padding:5px 30px; background:#b71c1c; color:#ffffff; font-size:20px; text-align:center; line-height:38px;border: solid 2px #b71c1c; font-weight:300;} .submit-btn:hover{text-decoration:none; color:#b71c1c; background:none; border: solid 2px #b71c1c; cursor:pointer;} .getstarted-btn{display:inline-block; padding:5px 30px; background:#FFFFFF; color:#b71c1c; font-size:20px; text-align:center; line-height:38px;border: solid 2px #b71c1c; font-weight:300;} .getstarted-btn:hover{text-decoration:none; color:#FFFFFF; background:#b71c1c; border: solid 2px #b71c1c; cursor:pointer;} .simple-btn{display:inline-block; padding:5px 30px; background:#FFFFFF; color:#b71c1c; font-size:20px; text-align:center; line-height:38px;border: solid 1px #FFFFFF;font-weight:300;} .simple-btn:hover{text-decoration:none; color:#FFFFFF; background:#b71c1c; border: solid 1px #b71c1c; cursor:pointer;} #sdkforall h1 span.white{color:#fff;} #sdkforall h1 span.saffron{color:#b71c1c;} #newslatter-signup{background:url(../images/signup-bg.jpg); padding-top:40px; padding-bottom:40px;} #newslatter-signup h1{font-size:31px; color:#ffffff; font-weight:600; margin:0; line-height:40px;} #newslatter-signup h1 span.saffron{color:#b71c1c;} #newslatter-signup input{width:100%; border:1px solid #3cb7e4; background:#fff; padding:8px; color:#b6b6b6; font-size:16px;} #newslatter-signup .submit-btn{display:block; background:#c9c9c9; color:#ffffff; font-size:20px; font-weight:600; text-transform:uppercase; line-height:38px; text-align:center; } #newslatter-signup .submit-btn:hover{text-decoration:none; background:#b71c1c;} #footer{background:#121212; padding-top:25px; padding-bottom:45px; font-size:14px; line-height:40px; color:#909090;} #footer ul li{line-height:26px;} #footer ul li.header{line-height:60px; font-size:20px; color:#f7f7f7; font-weight:300;} #footer a{color:#909090; font-size:14px; color:#909090; cursor:pointer;} #footer a:hover,#footer a.active{color:#b71c1c;} #footer a.getstarted-btn{font-size:14px !important; color:#b71c1c !important;} #footer a.getstarted-btn:hover{font-size:14px !important; color:#FFFFFF !important;} #footer .copyright{font-size: 14px; padding-top: 5px; color:#999999;} #footer .disclaimer{font-size: 14px; padding-top: 5px; color:#666666;} /*********************************************** Cookie panel **************************************************/ .acceptpanel{position:fixed; left:1%; bottom:5%; width:700px; z-index:999999; box-shadow: rgba(0,0,0, 0.3) 0 3px 15px;} .acceptpanel .alert{margin:0;} .acceptpanel p{font-size:13px !important; line-height:26px !important; font-weight:100; margin:0; text-align:left; color: #ffffff;} .alert-inverse {color: #ffffff; background:rgba(0,0,0,0.7); border:solid 1px rgba(0,0,0,0.7);} .alert-inverse hr {border-top-color: #000000;} .alert-inverse .btn-inverse {color: #000000;} @media screen and (max-width: 400px) { .acceptpanel{left:2%; width:96%;} } @media (min-width: 412px) and (max-width: 767px) { .acceptpanel{left:2%; width:96%;} } /***************************************************************************************************************/ .advthead{background:#FDFDFD; padding:20px 0;} .advthead .jcarousel-skin-tango .jcarousel-container {margin:0 auto;} .advthead .jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;} .advthead .jcarousel-skin-tango .jcarousel-container-horizontal {padding: 20px 50px 20px 51px; margin:0 auto;} .advthead .jcarousel-skin-tango .jcarousel-clip {overflow: hidden;} .advthead .jcarousel-skin-tango .jcarousel-clip-horizontal {width:100%; height: 130px; } .advthead .jcarousel-skin-tango .jcarousel-item {width: 211px;height: 130px;} .advthead .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0;} .advthead .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;} .advthead .jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;} .advthead .jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff;color: #000;} /*** Horizontal Buttons*/ .advthead .jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 65px;right: -5px;width: 50px;height: 50px;cursor: pointer;background: transparent url(../images/next-horizontal.png) no-repeat 0 0;} .advthead .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 5px;right: auto;background-image: url(../images/prev-horizontal.png);} .advthead .jcarousel-skin-tango .jcarousel-next-horizontal:hover,.advthead .jcarousel-skin-tango .jcarousel-next-horizontal:focus {background-position: -50px 0;} .advthead .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.advthead .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus {cursor: default;background-position: 0 0;} .advthead .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 65px;left: -5px;width: 50px;height: 50px;cursor: pointer;background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;} .advthead .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto;right: 5px;background-image: url(../images/next-horizontal.png);} .advthead .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .advthead .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {background-position:-50px 0;} .advthead .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.advthead .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.advthead .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus {cursor: default;background-position: 0px 0;} .grid-block { position: relative; width: 100%; height:100%; overflow:hidden; } .caption { position: absolute; left: 0; cursor:pointer; width: 100%; height: 100%; background: url(../images/trans-black-20.png); } .caption:hover {background: url(../images/trans-black-50.png);} .dis-table{width: 100%; height: 100%; display:table;} .dis-table .dis-cell { display: table-cell; text-align: center; vertical-align: middle; } .caption h3, .caption p { color: #fff; } .caption:hover h3, .caption:hover p { color: #fff; } .caption h3 { margin: 0px 20px 10px; font-size:32px; font-weight:700; line-height:25px; } .caption p { margin: 0 20px 15px; font-size:13px; line-height:20px; } .caption a.learn-more { padding: 5px 10px; background: #08c; color: #fff; border-radius: 2px; -moz-border-radius: 2px; font-weight: 600; text-decoration: none; } .caption a.learn-more:hover { background: #fff; color: #08c; } #howcan{padding-top:25px; overflow:hidden;} #howcan h1{ text-align:center; font-size:35px; color:#6e6e6e; background:url(../images/features-title-bg.jpg) no-repeat center bottom; font-weight:400; line-height:45px;} .business-benefits {margin:0; padding:0; list-style:none;} .second-content .show-bubbletip{display:block; text-align:center; background:#b9b9b9; color:#fff; line-height:40px; } .second-content .show-bubbletip:hover{background:#3371b6;} .second-panel .ipad {position:relative; top:0;} #contact,#contenthome{background:#F9F9F9;} #contact{padding:70px 0;} #contact .warning { background-color: #B60000; font-size:12px !important; color: #FFFFFF; line-height: 23px; padding: 10px; width: 600px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:15px; } #contact .success { background-color: #32A030; font-size:12px !important; color: #FFFFFF; line-height: 23px; padding: 10px; width: 600px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:15px; } #contact label { display:block; font-size:14px; margin:0 0 10px 0px; color:#313131; } #contact input[type=text], #contact input[type=password], #contact txtField, #contact textarea, #contact cjComboBox { border:1px solid #E0E0E0/*#F7F9FA*/; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset; -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset; box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset; margin:3px 0 12px; padding:8px 6px; width:295px; display:block; } #contact select{ border:1px solid #F7F9FA; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset; -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset; box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset; margin:3px 0 12px; padding:8px 6px; width:267px; display:block; } #contact input[type=text]:focus, #contact input[type=password]:focus, #contact txtField:focus, #contact textarea:focus, #contact cjComboBox:focus { border:1px solid #8cc0d3; -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset; -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset; box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset; color:#333; } #contact cjComboBox { width:294px; } #contact cjComboBox.small { padding:3px 2px 3px 6px; width:100px; border-width:3px !important; } #contact txtField.small { padding:3px 6px; width:200px; } #contact .extralink{ color:#016990; } .blue-btn { text-align:center; text-shadow:none; background-color:#b21b36; background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d82545), color-stop(100%, #b21b36)); background-image:-webkit-linear-gradient(#d82545, #b21b36); background-image:-moz-linear-gradient(#d82545, #b21b36); background-image:-o-linear-gradient(#d82545, #b21b36); background-image:linear-gradient(#d82545, #b21b36); -webkit-box-shadow:rgba(255, 255, 255, 0.25) -1px 1px 0 inset; -moz-box-shadow:rgba(255, 255, 255, 0.25) -1px 1px 0 inset; box-shadow:rgba(255, 255, 255, 0.25) -1px 1px 0 inset; display:inline-block; color: #FFFFFF !important; text-transform:uppercase; cursor: pointer; font-size: 14px; line-height:30px; height:30px; padding: 0px 12px; -webkit-font-smoothing: subpixel-antialiased; -webkit-transition:all 0.12s; -moz-transition:all 0.12s; -o-transition:all 0.12s; transition:all 0.12s; font-weight:600; } .blue-btn:hover { text-decoration:none; } #contenthome h1{font-size:35px; text-align:center; background:url(../images/use-cases-title-bg.jpg) no-repeat center bottom; font-weight:300; line-height:45px; margin-bottom:20px;} #contenthome p{font-size:13px; color:#737373; line-height:24px;} #contactban{height:300px; background:url(../images/contact-img.jpg) no-repeat;} .offices{ height: 300px; margin-top: 0px; color: #656565; } .offices h2{ font-size: 36px; } /* line 328, ../sass/style.scss */ .offices a, .offices p, .lifestyle-body .offices a, .lifestyle-body .offices p, .resources-body .offices a, .resources-body .offices p, .contact-body .offices a, .contact-body .offices p, .about-body .offices a, .about-body .offices p { color: #656565; } /* line 331, ../sass/style.scss */ .offices .weather, .lifestyle-body .offices .weather, .resources-body .offices .weather, .contact-body .offices .weather, .about-body .offices .weather { margin-top: 36px; } /* line 334, ../sass/style.scss */ .offices .weather .temperature, .offices .weather .timestamp, .lifestyle-body .offices .weather .temperature, .lifestyle-body .offices .weather .timestamp, .resources-body .offices .weather .temperature, .resources-body .offices .weather .timestamp, .contact-body .offices .weather .temperature, .contact-body .offices .weather .timestamp, .about-body .offices .weather .temperature, .about-body .offices .weather .timestamp { font-size: 30px; margin-right: 24px; float: left; line-height: 16px; } /* line 340, ../sass/style.scss */ .offices .weather .temperature, .lifestyle-body .offices .weather .temperature, .resources-body .offices .weather .temperature, .contact-body .offices .weather .temperature, .about-body .offices .weather .temperature { margin-top: 6px; } /* line 343, ../sass/style.scss */ .offices .weather .weather-condition, .lifestyle-body .offices .weather .weather-condition, .resources-body .offices .weather .weather-condition, .contact-body .offices .weather .weather-condition, .about-body .offices .weather .weather-condition { text-transform: uppercase; font-size: 13px; } /* line 347, ../sass/style.scss */ .offices .weather .ap, .lifestyle-body .offices .weather .ap, .resources-body .offices .weather .ap, .contact-body .offices .weather .ap, .about-body .offices .weather .ap { font-size: 13px; vertical-align: text-top; margin-left: -4px; } .offices .icon-mail{ padding: 0 0 0 25px; background: url("../images/offices/icon-offices-email-blue.png") no-repeat center left; } /* line 364, ../sass/style.scss */ .offices .icon-phone{ padding: 0 0 0 25px; background: url("../images/offices/icon-offices-phone-blue.png") no-repeat center left; } /* line 354, ../sass/style.scss */ .offices.offices-yellow, .lifestyle-body .offices.offices-yellow, .resources-body .offices.offices-yellow, .contact-body .offices.offices-yellow, .about-body .offices.offices-yellow { background-color: #3371B6; color: #fff; } /* line 357, ../sass/style.scss */ .offices.offices-yellow a, .offices.offices-yellow p, .lifestyle-body .offices.offices-yellow a, .lifestyle-body .offices.offices-yellow p, .resources-body .offices.offices-yellow a, .resources-body .offices.offices-yellow p, .contact-body .offices.offices-yellow a, .contact-body .offices.offices-yellow p, .about-body .offices.offices-yellow a, .about-body .offices.offices-yellow p { color: #fff; } /* line 360, ../sass/style.scss */ .offices.offices-yellow .icon-mail, .lifestyle-body .offices.offices-yellow .icon-mail, .resources-body .offices.offices-yellow .icon-mail, .contact-body .offices.offices-yellow .icon-mail, .about-body .offices.offices-yellow .icon-mail { padding: 0 0 0 25px; background: url("../images/offices/icon-offices-email-white.png") no-repeat center left; } /* line 364, ../sass/style.scss */ .offices.offices-yellow .icon-phone, .lifestyle-body .offices.offices-yellow .icon-phone, .resources-body .offices.offices-yellow .icon-phone, .contact-body .offices.offices-yellow .icon-phone, .about-body .offices.offices-yellow .icon-phone { padding: 0 0 0 25px; background: url("../images/offices/icon-offices-phone-white.png") no-repeat center left; } /* line 410, ../sass/style.scss */ .offices .office-container { height: 300px; } /* line 413, ../sass/style.scss */ .offices .office-container .row .office-text, .lifestyle-body .offices .office-container .row .office-text{ padding-top: 10px; left: -100px; } /* line 420, ../sass/style.scss */ .map-container { position: absolute; right: 0px; height: 300px; overflow:hidden; } /* line 424, ../sass/style.scss */ .map-container iframe { height: 280px; margin:10px 0; } /************************************************************************************/ .numbered-circle { position: relative; left: -3%; background: none; border-radius: 1.8em; -moz-border-radius: 1.8em; -webkit-border-radius: 1.8em; color: #FFF; border:1px solid #fff; display: inline-block; font-size: 200%; font-weight: bold; line-height: 1.8em; margin-right: 3px; text-align: center; width: 1.9em; float:left; } .num { position: relative; margin: 3% 0 11% 0; background: none; padding-top:2px !important; /* border-radius: top-left top-right bottom-right bottom-left -webkit-border-radius: 28px 8px 8px 28px; -moz-border-radius: 28px 8px 8px 28px; border-radius: 28px 8px 8px 28px; border:1px solid #fff;*/ } .num p { line-height:28px!important; color:#fff!important; padding:0px 0px !important; line-height:45px!Important; text-align:left; margin:0;text-transform:none !important;} a.blocklink{display:block;} #sdkforall .scal-ico, #sdkforall .built-ico{display:inline-block; width:315px; height:95px; padding:0 0 0 87px; background:url(../images/scal-ico.png) no-repeat center left; text-align:left;} #sdkforall .built-ico{background:url(../images/built-ico.png) no-repeat center left;} #sdkforall .scal-ico p,#sdkforall .built-ico p{margin:18px 0 0;} #sdkforall .scal-ico p span,#sdkforall .built-ico p span{font-size:15px !Important; display:block; font-weight:300; text-transform:none; color:#eaeaea!Important;} .updatingtext1{color:#b71c1c;} .updatingtext{font-weight:400;} .typed-cursor{ opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes blink{ 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /*======================================DARK SHADES======================================*/ /*----------DARK NAVYBLUE----------------*/ .alert-navyblue {background-color: #2C3E4F; color: #FFFFFF; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .alert-navyblue h4 {color: #FFFFFF !important;} .alert-navyblue a,.alert-navyblue a:hover,.alert-navyblue a h1,.alert-navyblue a h1:hover{color: #FFFFFF !important; display:block;} .alert-navyblue:hover {background-color: #1F303F;} /*----------PURPLE----------------*/ .alert-darkpurple {background-color: #8C4F9F; color: #FFFFFF; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .alert-darkpurple h4 {color: #FFFFFF !important;} .alert-darkpurple a,.alert-darkpurple a:hover,.alert-darkpurple a h1,.alert-darkpurple a h1:hover{color: #FFFFFF !important; display:block;} .alert-darkpurple:hover {background-color: #7A3E8F;} /*----------DARK BLUE----------------*/ .alert-darkblue {background-color: #3681AF; color: #FFFFFF; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .alert-darkblue h4 {color: #FFFFFF !important;} .alert-darkblue a,.alert-darkblue a:hover,.alert-darkblue a h1,.alert-darkblue a h1:hover{color: #FFFFFF !important; display:block;} .alert-darkblue:hover {background-color: #31759F;} /*----------MAROON----------------*/ .alert-maroon {background-color: #8F2B23; color: #FFFFFF; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .alert-maroon h4 {color: #FFFFFF !important;} .alert-maroon a,.alert-maroon a:hover,.alert-maroon a h1,.alert-maroon a h1:hover{color: #FFFFFF !important; display:block;} .alert-maroon:hover {background-color: #7F1F17;} /*----------DARK PARROT----------------*/ .alert-darkparrot {background-color: #4CAF6A; color: #FFFFFF; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .alert-darkparrot h4 {color: #FFFFFF !important;} .alert-darkparrot a,.alert-darkparrot a:hover,.alert-darkparrot a h1,.alert-darkparrot a h1:hover{color: #FFFFFF !important; display:block;} .alert-darkparrot:hover {background-color: #459F60;} /*----------DARK YELLOW----------------*/ .alert-darkyellow {background-color: #EFC63B; color: #FFFFFF; padding: 10px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .alert-darkyellow h4 {color: #FFFFFF !important;} .alert-darkyellow a,.alert-darkyellow a:hover,.alert-darkyellow a h1,.alert-darkyellow a h1:hover{color: #FFFFFF !important; display:block;} .alert-darkyellow:hover {background-color: #DFB629;} /************************************************************************************************************/ .feature-block{margin-bottom: 2.25rem; padding:0; border:solid 1px #666666;} .feature-block .feature-image{padding:2em 0 1em 0} .feature-block .feature-image h4{color:#fff !important; text-transform:none; font-size:30px; line-height:60px;} .feature-block .feature-desc{height:20em; padding:30px 0;} .feature-block .feature-desc p{color:#333333/*#EFEFEF;*/; text-align:center; /* padding-left:40px;*/ } .bg-darkblue .feature-image{background:#31759F;} .bg-darkblue{background:#4792BF;} .bg-darkmaroon .feature-image{background:#7F1F17;} .bg-darkmaroon{background:#9F3931;} .bg-navyblue .feature-image{background:#1F303F;} .bg-navyblue{background:#3B4E5F;} .bg-darkgrey .feature-image{background:#666666;} .bg-darkgrey{background:#ffffff;} .bg-purple {background-color: #885491;} .bg-parrot {background-color: #0C9D4D;} .bg-blue {background-color: #008D97;} .bg-grey {background-color: #585858;} .bg-lightgrey{background-color:#f4f4f4;} .bg-whitedesign{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWOYveWSMQMUILPxC8AlMASwgdlbLhkDABEREqE1hrOEAAAAAElFTkSuQmCC) #ffffff repeat;} .bg-whitedesign:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWOYveWSMQNRAKdKANCSBKk36wTkAAAAAElFTkSuQmCC) #333333 repeat;} .bg-blue1{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWOYveWSMQMUILPxC8AlMASwgdlbLhkDABEREqE1hrOEAAAAAElFTkSuQmCC) #B9CDE5 repeat;} .bg-blue2{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWOYveWSMQMUILPxC8AlMASwgdlbLhkDABEREqE1hrOEAAAAAElFTkSuQmCC) #CBDAEC repeat;} .bg-blue3{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQImWOYveWSMQMUILPxC8AlMASwgdlbLhkDABEREqE1hrOEAAAAAElFTkSuQmCC) #C3D0DF repeat;} .bg-blue1:hover,.bg-blue2:hover,.bg-blue3:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWOYveWSMQNRAKdKANCSBKk36wTkAAAAAElFTkSuQmCC) #31759F repeat;} /*****************************************************ABOUTUS********************************************************/ .bubbletip { border: 0 none; border-collapse: collapse; margin: 0; padding: 0; position: absolute; z-index: 50; } .bubbletip, .bubbletip table, .bubbletip tr { background-color: transparent !important; } .bubbletip td { padding: 0; } .bubbletip td.bt-topleft { background: url("../images/bubbletip.png") no-repeat scroll 0 0 transparent; height: 33px; margin: 0; padding: 0; width: 33px; } .bubbletip td.bt-top { background: url("../images/bubbletip-T-B.png") repeat-x scroll 0 0 transparent; height: 33px; margin: 0; padding: 0; } .bubbletip .bt-top { margin-bottom: 0; } .bubbletip td.bt-topright { background: url("../images/bubbletip.png") no-repeat scroll -73px 0 transparent; height: 33px; margin: 0; padding: 0; width: 33px; } .bubbletip td.bt-left-tail div.bt-left-tail { background: url("../images/bubbletip.png") no-repeat scroll 0 -33px transparent; height: 40px; margin: 0; padding: 0; width: 33px; } .bubbletip td.bt-left-tail div.bt-left, .bubbletip td.bt-left { background: url("../images/bubbletip-L-R.png") repeat-y scroll 0 0 transparent; margin: 0; padding: 0; width: 33px; } .bubbletip td.bt-right-tail div.bt-right, .bubbletip td.bt-right { background: url("../images/bubbletip-L-R.png") repeat-y scroll -33px 0 transparent; margin: 0; padding: 0; width: 33px; } .bubbletip td.bt-right-tail div.bt-right-tail { background: url("../images/bubbletip.png") no-repeat scroll -73px -33px transparent; height: 40px; margin: 0; padding: 0; width: 33px; } .bubbletip td.bt-bottomleft { background: url("../images/bubbletip.png") no-repeat scroll 0 -73px transparent; height: 33px; margin: 0; padding: 0; width: 33px; } .bubbletip td.bt-bottom { background: url("../images/bubbletip-T-B.png") repeat-x scroll 0 -33px transparent; height: 33px; margin: 0; padding: 0; } .bubbletip td.bt-bottomright { background: url("../images/bubbletip.png") no-repeat scroll -73px -73px transparent; height: 33px; margin: 0; padding: 0; width: 33px; } .bubbletip table.bt-top th { background: url("../images/bubbletip-T-B.png") repeat-x scroll 0 0 transparent; margin: 0; padding: 0; width: 50%; } .bubbletip table.bt-bottom th { background: url("../images/bubbletip-T-B.png") repeat-x scroll 0 -33px transparent; border: 0 none; margin: 0; padding: 0; width: 50%; } .bubbletip table.bt-top td div { background: url("../images/bubbletip.png") no-repeat scroll -33px 0 transparent; height: 33px; margin: 0; padding: 0; width: 40px; } .bubbletip table.bt-bottom td div { background: url("../images/bubbletip.png") no-repeat scroll -33px -73px transparent; height: 33px; margin: 0; padding: 0; width: 40px; } .bubbletip td.bt-content { background-color: #fff; color: #72a7ed; font-size: 14px; line-height: 20px; vertical-align: middle; } .bubbletip table.bt-top, .bubbletip table.bt-bottom { border: 0 none; width: 100%; } .bubbletip .tip { color: #72a7ed; display: none; } div#about img { border: 0 none; max-width: 100%; vertical-align: sub; } div#about div.title { margin: 0 60px; padding: 54px 0; } div#about div.title h1 { color: #222; font-size: 31px; font-weight: 600; margin: 6px 0; } div#about div.title p { color: #aaa; font-size: 20px; line-height: 22px; margin-bottom: 6px; } div#about div#team .thumbnailbdr { border: 1px solid #eeeeee; padding: 5px; } div#about div#team a { display: inline-block; margin: 0px 20px 20px 20px; position: relative; text-align: center; text-decoration: none; z-index: 10; } div#about div#team span.frame { background: none repeat scroll 0 0 #333; box-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 2px 5px rgba(0, 0, 0, 0.85); height: 98%; left: 0; pointer-events: none; position: absolute; top: 0; z-index: -1; } div#about div#team span.shadow { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.75); content: ""; display: block; height: 98%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 200ms ease 0s, transform 0s ease 0s; } div#about div#team img { margin-bottom: 4px; position: relative; z-index: 20; } div#about div#team strong { } div#about div#team span.bio { background-color: #f8f8f8; background-image: -moz-linear-gradient(center top , #ffffff, #dedede); border: 1px solid #cccccc; border-radius: 4px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.75); color: #313131; display: none; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: normal; line-height: 16px; margin-top: -10px; opacity: 0; pointer-events: none; position: absolute; text-align: left; width: 400px; z-index: 100; } div#about div#team span.bio span.inner { display: block; padding: 18px 20px; } div#about div#team span.bio em { color: #313131; display: block; font-size: 18px; font-weight: 600; margin-bottom: 10px; } div#about div#team span.bio h4 { color: #313131; display: block; font-size: 14px; font-weight: 600; margin-bottom: 10px; } div#about div#team span.bio span.arrow { background: url("../images/popover_arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: -16px; display: block; height: 16px; left: 50%; margin-left: -11px; position: absolute; width: 22px; } div#about div#team a:hover, div#about div#team a.force-hover { } div#about div#team a:hover span.shadow, div#about div#team a.force-hover span.shadow { opacity: 1; } div#about div#team a:hover span.bio, div#about div#team a.force-hover span.bio { display: block; opacity: 1; } div#about div#team a.faded img { opacity: 0.5; } div#about div#team a.slide_in { opacity: 1; } /*******************************************************************************************************************/ .icon-smartphone{background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat scroll 0px -55px rgba(0, 0, 0, 0); display: inline-block; height: 55px; line-height: 55px; vertical-align: text-top; width: 55px; } .icon-tablet{background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat scroll -55px -55px rgba(0, 0, 0, 0); display: inline-block; height: 55px; line-height: 55px; vertical-align: text-top; width: 55px; } .icon-ad-rectangular {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -200px 0} .icon-ad-rectangular:hover,.icon-ad-rectangular.active {background-position: -200px -100px} .icon-ad-square {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -300px 0} .icon-ad-square:hover,.icon-ad-square.active {background-position: -300px -100px} .icon-ad-fullscreen {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -400px 0} .icon-ad-fullscreen:hover,.icon-ad-fullscreen.active {background-position: -400px -100px} .icon-ad-fullwidth {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -500px 0} .icon-ad-fullwidth:hover,.icon-ad-fullwidth.active {background-position: -500px -100px} .icon-ad-custom {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -600px 0} .icon-ad-custom:hover,.icon-ad-custom.active {background-position: -600px -100px} .icon-ad-combo {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -800px 0} .icon-ad-combo:hover,.icon-ad-combo.active {background-position: -800px -100px} .icon-ad-ftb-small {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -1500px 0px;} .icon-ad-ftb-small:hover,.icon-ad-ftb-small.active {background-position: -1500px -100px;} .icon-ad-ftb-big {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -1600px 0px;} .icon-ad-ftb-big:hover,.icon-ad-ftb-big.active {background-position: -1600px -100px;} .icon-ad-pu {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -900px 0} .icon-ad-pu:hover,.icon-ad-pu.active {background-position: -900px -100px} .icon-ad-hp {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -1000px 0} .icon-ad-hp:hover,.icon-ad-hp.active {background-position: -1000px -100px} .icon-ad-mr {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -1100px 0} .icon-ad-mr:hover,.icon-ad-mr.active {background-position: -1100px -100px} .icon-ad-lb {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -1200px 0} .icon-ad-lb:hover,.icon-ad-lb.active {background-position: -1200px -100px} .icon-ad-bn {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -1300px 0} .icon-ad-bn:hover,.icon-ad-bn.active {background-position: -1300px -100px} .icon-ad-ss {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top;background: url("https://opinionads.com/images/icon_adsizes.png") no-repeat;background-position: -1400px 0} .icon-ad-ss:hover,.icon-ad-ss.active {background-position: -1400px -100px} .icon-fb{background: url("https://opinionads.com/images/f-connect.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0); display: inline-block; height: 36px; line-height: 36px; width: 36px;vertical-align: text-top;} .icon-fb:hover{background: url("https://opinionads.com/images/f-connect.png") no-repeat scroll 0px -36px rgba(0, 0, 0, 0);} .icon-in{background: url("https://opinionads.com/images/linkedin-connect.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0); display: inline-block; height: 36px; line-height: 36px; width: 36px;vertical-align: text-top;} .icon-in:hover{background: url("https://opinionads.com/images/linkedin-connect.png") no-repeat scroll 0px -36px rgba(0, 0, 0, 0);} .icon-twitter{background: url("https://opinionads.com/images/twitter-connect.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0); display: inline-block; height: 36px; line-height: 36px; width: 36px;vertical-align: text-top;} .icon-twitter:hover{background: url("https://opinionads.com/images/twitter-connect.png") no-repeat scroll 0px -36px rgba(0, 0, 0, 0);} [class^="icon-text-small-"],[class*=" icon-text-small-"] {display: inline-block;width: 75px;height: 75px;line-height: 75px;vertical-align: text-top;background :url(../images/tq_icons_text_small.png) no-repeat 0px 0px;} .icon-text-small-qacampaign{background-position: 0px 0px;} .icon-text-small-qacampaign:hover,.icon-text-small-qacampaign.active{background-position: 0px -75px;} .icon-text-small-displaycampaign{background-position: -75px 0px;} .icon-text-small-displaycampaign:hover,.icon-text-small-displaycampaign.active{background-position: -75px -75px;} .icon-text-small-textcampaign{background-position: -150px 0px;} .icon-text-small-textcampaign:hover,.icon-text-small-textcampaign.active{background-position: -150px -75px;} .icon-text-small-deals{background-position: -225px 0px;} .icon-text-small-deals:hover,.icon-text-small-deals.active{background-position: -225px -75px;} .icon-text-small-notification{background-position: -300px 0px;} .icon-text-small-notification:hover,.icon-text-small-notification.active{background-position: -300px -75px;} .icon-text-small-decisiontree{background-position: -375px 0px;} .icon-text-small-decisiontree:hover,.icon-text-small-decisiontree.active{background-position: -375px -75px;} .icon-text-small-themes{background-position: -450px 0px;} .icon-text-small-themes:hover,.icon-text-small-themes.active{background-position: -450px -75px;} .icon-text-small-sov{background-position: -525px 0px;} .icon-text-small-sov:hover,.icon-text-small-sov.active{background-position: -525px -75px;} .icon-text-small-supportwall{background-position: -600px 0px;} .icon-text-small-supportwall:hover,.icon-text-small-supportwall.active{background-position: -600px -75px;} .icon-text-small-newsalerts{background-position: -675px 0px;} .icon-text-small-newsalerts:hover,.icon-text-small-newsalerts.active{background-position: -675px -75px;} .icon-text-small-brands{background-position: -150px -150px;} .icon-text-small-brands:hover,.icon-text-small-brands.active{background-position: -150px -225px;} .icon-text-small-apps{background-position: -225px -150px;} .icon-text-small-apps:hover,.icon-text-small-apps.active{background-position: -225px -225px;} .icon-text-small-adunits{background-position: -300px -150px;} .icon-text-small-adunits:hover,.icon-text-small-adunits.active{background-position: -300px -225px;} .icon-text-small-segments{background-position: -375px -150px;} .icon-text-small-segments:hover,.icon-text-small-segments.active{background-position: -375px -225px;} .icon-text-small-properties{background-position: -675px 0px;} .icon-text-small-properties:hover,.icon-text-small-properties.active{background-position: -675px -75px;} .icon-text-small-optimize{background-position: -675px 0px;} .icon-text-small-optimize:hover,.icon-text-small-optimize.active{background-position: -675px -75px;} .icon-text-small-communicate{background-position: -675px 0px;} .icon-text-small-communicate:hover,.icon-text-small-communicate.active{background-position: -675px -75px;} .icon-text-small-analytics{background-position: -75px -150px;} .icon-text-small-analytics:hover,.icon-text-small-analytics.active{background-position: -75px -225px;} .icon-text-small-products{background-position: -450px -150px;} .icon-text-small-products:hover,.icon-text-small-products.active{background-position: -450px -225px;} .icon-text-small-qabannercombo{background-position: -525px -150px;} .icon-text-small-qabannercombo:hover,.icon-text-small-qabannercombo.active{background-position: -525px -225px;} .icon-text-small-cfa{background-position: -600px -150px;} .icon-text-small-cfa:hover,.icon-text-small-cfa.active{background-position: -600px -225px;} .icon-text-small-designstudio{background-position: -675px -150px;} .icon-text-small-designstudio:hover,.icon-text-small-designstudio.active{background-position: -675px -225px;} .icon-text-small-targeting{background-position: -750px -150px;} .icon-text-small-targeting:hover,.icon-text-small-targeting.active{background-position: -750px -225px;} div.circle{background:#558ed5;width: 150px; height: 150px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color:#ffffff;text-align: center;position: relative;} div.circle h2{font-size:26px; font-weight:700; color:#ffffff !important; padding:40px 0 0 0; margin:30px 0 0px 0 !important; line-height:40px !important;} div.circle h3{font-size:16px; font-weight:400; color:#ffffff; padding:0; margin:0 !important; line-height:30px !important;} #demobar{ background:#585858; padding:30px 0 0 0;} #demobar h1{font-size:26px !important; color:#ffffff !important; font-weight:500; line-height:80px !important;margin-top:0;} #demobar p{ line-height:80px !important;} @media screen and (max-width: 400px) { .banner {text-align:center; height:380px;} .banner h1{font-size:25px;} .secflipboard .darkbg{margin-top:10px;} #benefits h1{font-size:28px;} #slide2.banner {text-align:center; height:710px;} .navbar-brand{margin-left:10px;} #slide3 ul{ text-align:center !important;} .region.brand-dev-cta.hover{background:none; padding:0;} .region.brand-dev-cta:before,.region.brand-dev-cta.hover:before{background:none; width:100%;} .region.brand-dev-cta .mrmhover{background:#fff; padding-top:40px; padding-bottom:40px;} .region.brand-dev-cta .addsolhover{padding-top:40px; padding-bottom:40px;} .region.brand-dev-cta.hover .mrmhover{background:#ccc;} .region.brand-dev-cta{padding:0;} .second-content .show-bubbletip{font-size:15px;margin: 0 20px 20px 0;} #sdkforall p {font-size:18px !important;} .num p { padding:0px !important; line-height:32px !important;} .numbered-circle {font-size: 130%;} #demobar h1{ margin-bottom:0px;} div#about div#team span.bio{width:200px;} .detail-box .desc{text-align:center;} .feature-block .feature-desc{ height: 24em; padding:30px 10px;} #analytics a.getstarted-btn{margin-top:30px;} .navbar-default .navbar-nav .dropdown-menu > li > a{color:#777;} .navbar-default .navbar-nav .dropdown-menu > li > a:hover{color:#777;color:#b71c1c;} .dropdown-menu > li > a{padding:3px;} .navbar-nav > li > a{padding:5px 15px;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a.active{background:none; color:#b71c1c;} .navbar-nav > li.visible-xs{text-align:center;} .navbar-nav > li.visible-xs > a{display:inline-block; color:#ffffff !important; margin:30px 20px 80px 0 !important; float:left;} .navbar-nav > li.saffron-btn.visible-xs > a{display:inline-block; background:#b71c1c; border:1px solid #b71c1c !important; color:#ffffff !important; margin:30px 0 80px 20px;} #footer .links{text-align:center;} #footer ul{text-align:center;} #footer .copyright{padding-bottom: 20px; display:block;} } @media screen and (min-width: 401px) and (max-width: 764px) { .banner#slide4{background:url(../images/banner_bg1iphone.gif) no-repeat center center #000000; background-size:100%;} .navbar-brand{margin-left:10px;} .banner p{display:none;} #slide3 ul{ text-align:center !important;} .banner {text-align:center;} #slide2.banner .darkbg{margin-top:30px;} #vid-nav,#vid-nav1{display:none;} .second-content .show-bubbletip{font-size:15px;margin: 0 20px 20px 0;} #sdkforall p {font-size:18px !important;} .num p { padding:0px !important; line-height:32px !important;} .numbered-circle {font-size: 130%;} .region.brand-dev-cta.hover{background:none; padding:0;} .region.brand-dev-cta:before,.region.brand-dev-cta.hover:before{background:none; width:100%;} .region.brand-dev-cta .mrmhover{background:#fff; padding-top:40px; padding-bottom:40px;} .region.brand-dev-cta .addsolhover{padding-top:40px; padding-bottom:40px;} .region.brand-dev-cta.hover .mrmhover{background:#ccc;} .region.brand-dev-cta{padding:0;} #slide2.banner .darkbg h1{margin:0;} #demobar h1{ margin-bottom:0px;} .detail-box .desc{text-align:center;} .feature-block .feature-desc{ padding:30px 10px;} /******************************* Use cases **************************/ .hero .carousel-indicators .col-sm-3, .hero .carousel-indicators .col-sm-4 {width: 10px;} .hero .carousel-indicators {bottom: 250px;} /* no change from bootstrap code */.hero .carousel-indicators li {background-color: #000 \9;background-color: rgba(0, 0, 0, 0);border: 1px solid #fff;border-radius: 10px;cursor: pointer;display: inline-block;height: 10px;margin: 1px;padding: 0;text-indent: -999px;width: 10px;} .hero .carousel-indicators .active {background-color: #fff;height: 12px;margin: 0;width: 12px;} .hero .carousel-indicators li .caption {display: none;} .hero .carousel-inner .item {height: 600px;} .hero .carousel-inner .item .carousel-card {background-position: 50% 0;height: 400px;width: 100%;} .hero .carousel-caption {bottom: 0px;} /******************************* Use cases **************************/ #footer .links{text-align:center;} #footer ul{text-align:center;} #footer .copyright{padding-bottom: 20px; display:block;} } @media (min-width: 765px) and (max-width: 991px) { .saffron-btn a{padding: 0 5px;} .navbar-nav > li > a{padding: 25px 5px;font-size: 12px;} .navbar-brand{ padding: 20px 5px 20px 0;} .banner#slide4{background:url(../images/banner_bg1ipadv.gif) no-repeat right center #000000;} #slide1.banner h1{margin:30px 0 0} #slide4.banner h1{margin:30px 0 0} .navbar-brand{margin-left:10px;} .banner h1{font-size:33px; line-height:40px; margin:60px 0 0;} .navbar-nav > li > a{padding: 25px 5px;font-size: 12px;} .navbar-brand{ padding: 20px 5px 20px 0;} .saffron-btn a{padding: 0 5px;} #slide2.banner .darkbg h1{margin-top:0px;} .banner p{font-size:18px; line-height:20px;} .banner#slide1 .col-xs-7{padding-top:17px;} .banner#slide4 .col-xs-7{padding-top:17px;} #slide2.banner .darkbg{margin-top:70px;} #ban3-img{margin-top:0px;} .banner{height:420px;} a.getstarted-btn{padding:5px 30px;} .banner a.getstarted-btn span.arrow{margin-left:10px;} #use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;} #use-cases .row{margin-left:-2px; margin-right:-2px;} #use-cases{min-height:620px;} .second-content .show-bubbletip{font-size:15px;margin: 0 20px 12px 0;} #demobar h1{ margin-bottom:0px;} #po1 .lightbg h1{margin:43px 0 44px;} .saffron-btn a{padding:0 15px;} .detail-box .desc{text-align:center;} .feature-block .feature-desc{ height: 26em; padding:30px 10px;} #ux a.getstarted-btn{margin-top:30px;} #analytics a.getstarted-btn{margin-top:60px;} .banner#slide3 .rbdr{height:400px;} .hero .carousel-indicators li .caption {font-size: 17px;} #footer ul li.header{font-size:17px;} } @media (min-width: 992px) and (max-width: 1199px) { .banner#slide4{background:url(../images/banner_bg1_ipadh.gif) no-repeat right center #000000;} .feature-block .feature-desc{height: 23em; padding:30px 10px;} #targeting .bg-darkgrey .getstarted-btn{margin-top:0px;} #analytics .bg-darkgrey .getstarted-btn{margin-top:30px;} #slide1.banner h1{margin:120px 0 0} #slide4.banner h1{margin:120px 0 0} .banner#slide3 .rbdr{height:400px;} } @media (min-width: 1200px) { .banner h1{font-size:38px; line-height:61px; margin:90px 0 0;} .banner h1 span{color:#b71c1c; font-size:38px;} #slide3 h1{font-size:26px; line-height:50px;} .banner#slide1 h1{margin:10px 0 0 0;} .banner#slide4 h1{margin:150px 0 0;} .banner#slide2 h1{margin:10px 0 10px;} .banner#slide22 h1{margin:30px 0 10px;} .banner#slideapps h1{margin:50px 0;} .banner p{font-size:20px; line-height:30px;} #ban3-img{margin-top:30px;} .banner{height:658px;} a.getstarted-btn,span.getstarted-btn{padding:5px 30px;} .banner a.getstarted-btn span.arrow{margin-left:20px;} #use-cases .col-sm-1,#use-cases .col-sm-2,#use-cases .col-sm-3,#use-cases .col-sm-4,#use-cases .col-sm-5,#use-cases .col-sm-6,#use-cases .col-sm-7,#use-cases .col-sm-8,#use-cases .col-sm-9,#use-cases .col-sm-10,#use-cases .col-sm-11{padding-left:2px; padding-right:2px;} #use-cases{min-height:930px;} #use-cases .row{margin-left:-2px; margin-right:-2px;} .second-content .show-bubbletip{font-size:18px;margin: 0 20px 30px 0;} } .dropdown:hover .dropdown-menu {display: block;} .title-bg{background:#F7F7F7; padding:1px; height:66px;} .title-bg h1{font-size:28px !Important;} /******************* drop down menu with 2 & 3 column ********************/ .dropdown-menu {min-width: 200px; padding:10px;} .dropdown-menu.columns-2 {min-width: 450px;} .dropdown-menu.columns-3 {min-width: 675px;} .dropdown-menu.columns-2 li ul.multi-column-dropdown{width:49%; float:left !important;} .dropdown-menu.columns-3 li ul{width:33%; float:left !important;} .dropdown-menu li a {padding: 5px;font-weight: 300;} .external .dropdown-menu li a{padding: 5px 0;} .multi-column-dropdown {list-style: none; padding-left:0px;} .multi-column-dropdown li a {display: block;clear: both;line-height: 1.428571429;color: #333;white-space: normal;} .multi-column-dropdown li a:hover,.multi-column-dropdown li a.active {text-decoration: none;color: #b71C1C; background-color: #f5f5f5;} @media (max-width: 767px) { .dropdown-menu.multi-column {min-width: 240px !important;overflow-x: hidden; margin:0; padding:0 15px; z-index:999999;} .multi-column-dropdown li a {color: #ffffff; white-space: normal;} .multi-column-dropdown li a:hover,.multi-column-dropdown li a.active {text-decoration: none;color: #b71c1c; background:none;} .dropdown-menu{list-style:none;} .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff;} .navbar ul.external{position:static;} .navbar-collapse.in{background:#333;} } @media (min-width: 992px) and (max-width: 1199px) { .dropdown-menu.columns-3 {min-width: 575px; margin-left:-50px;} } @media (min-width: 765px) and (max-width: 991px) { .dropdown-menu.columns-3 {min-width: 575px; margin-left:-200px;} } /***************************************************************************/ .carousel-control.left,.carousel-control.right{ background:none;} [class^="uicon-"],[class*="uicon-"] {display: inline-block;width: 100px;height: 100px;line-height: 100px;vertical-align: text-top; background :url(../images/icon_usecases.png) no-repeat 0px 0px;} .uicon-media{background-position: 0px 0px;} .uicon-media:hover,.uicon-media.active{background-position: 0px -100px;} .uicon-retail{background-position: -100px 0px;} .uicon-retail:hover,.uicon-retail.active{background-position: -100px -100px;} .uicon-publisher{background-position: -200px 0px;} .uicon-publisher:hover,.uicon-publisher.active{background-position: -200px -100px;} .vdivider{border-right:solid 1px #ffffff;} .vdivider-blk{border-right:solid 1px #cccccc;} /********************SDK icons***************************************/ [class^="icon-sdk-"],[class*="icon-sdk-"] {display: inline-block;width: 50px;height:50px;line-height: 50px;vertical-align: text-top;background :url(../images/sdk.png) no-repeat 0px 0px;} [class^="icon-sdk-"]:hover,[class*="icon-sdk-"]:hover{cursor:pointer;} .icon-sdk-ios{background-position: 0px 0px;} .icon-sdk-ios:hover,.icon-sdk-ios.active{background-position: 0px -50px;} .icon-sdk-android{background-position: -50px 0px;} .icon-sdk-android:hover,.icon-sdk-android.active{background-position: -50px -50px;} .icon-sdk-js{background-position: -100px 0px;} .icon-sdk-js:hover,.icon-sdk-js.active{background-position: -100px -50px;} /***************************************Use cases **************************************************/ .hero.container-fluid {padding: 0;} .hero.container-fluid h1.title{font-size:38px !Important; line-height:56px!Important; margin-top:0 !Important; margin-bottom:30px;color:#333 !Important; text-align:center; padding-top:20px;} .hero.container-fluid h1.title span{color:#b71c1c;font-weight:300 !important;font-size:38px !Important; } .hero .item {margin:0px 0 50px 0;} .hero .message {background: #fdfdfd;color: #333; } .hero .message:hover {color: #fff;} .hero .message:active {color: #fff;opacity: 1;} .hero a,p{text-shadow:none;} .hero p{color:#666666; font-size:18px; font-weight:400; margin-bottom:0;} .hero h1.message,.hero h1.message:hover {background: none;color: #313131;text-shadow:none;} .hero ul {color:#ffffff !important; position: relative; margin: 20px 0; padding: 10px; background-color: #f4f4f4; border-radius: 5px; overflow: hidden; font-size: 21px; font-weight: bold;} .hero ul:last-child { margin-bottom: 0; } .hero ul:before, .hero ul:after { display: block; position: absolute; width: 20px; height: 20px; top: 0; right: 0; content: ""; } .hero ul:before { border-top: solid 10px #fff; border-right: solid 10px #fff; border-left: solid 10px transparent; border-bottom: solid 10px transparent; } .hero ul:after { border-bottom: solid 10px #EEEEEE; border-left: solid 10px #EEEEEE; border-right: solid 10px transparent; border-top: solid 10px transparent; border-radius: 0 0 0 5px; box-shadow: -1px 1px 5px #212835;} .hero ul li{color: #333333 !important;font-size: 18px !important;line-height: 26px !important;padding:5px 3px; text-shadow:none; list-style-type:none; font-weight:300 !important;} .hero ul li span{font-weight:400;} .hero ul li small{color: #666666 !important; font-size: 14px !important;line-height: 18px !important;} .hero h4{font-weight:600 !important; text-decoration:underline; padding-bottom:5px; list-style-type:none; color: #666 !important;font-size: 16px !important;text-shadow:none; padding-top:10px; } .hero .carousel-indicators {bottom: -10px;left: 0;margin-left: 0;width: 100%;} .hero .carousel-indicators li {border: none;border-radius: inherit;cursor: pointer;display: inline-block;height: 80px;margin: 0px;opacity: .9;text-indent: 0;border-top:solid 1px #d8d8d8; border-bottom:solid 1px #d8d8d8; border-right:solid 1px #d8d8d8; line-height:80px;} .hero .carousel-indicators li:last-child { border-right:none;} .hero .carousel-indicators .col-sm-4 {width: 33.33333333333333%;} .hero .carousel-indicators .col-sm-3 {width: 25%;} .hero .carousel-indicators .col-sm-2 {width: 16.66666666666667%;} .hero .carousel-indicators .active {height: 80px;opacity: 1;} .hero .carousel-indicators li .caption {font-size: 14px;font-weight: 300; width: 100%; background:#FFFFFF!important;color: #666666;} .hero .carousel-indicators li .caption:hover,.hero .carousel-indicators li.active .caption{ font-weight:600; color:#333333;position: absolute; background:#f7f7f7!important; opacity:1;} .hero .carousel-inner .item {height: 430px;} .hero .carousel-inner .item .carousel-card {height: 500px;width: 100%;} .hero .carousel-caption {bottom: 100px; width:100%; position:static;} .hero .carousel-caption h1 {font-size: 26px; color:#333333; font-weight:500 !important; margin:0 0 20px 0;} .hero .carousel-caption p{color:#666666; font-size:18px !important; font-weight:400; margin-bottom:0;} /***************************************************************************************************/ /************************************* Home page - Floating image **********************************/ #slide21{background:url(images/banner_bg2.jpg) no-repeat center center; height:658px; background-size: cover;} #slide21 h1{font-size:38px !important; color:#FFFFFF !important; font-weight:300 !important; padding:0 !important; margin:0 !important;} #slide21 h1 span{font-size:38px !important; color:#B71C1C !important; font-weight:300 !important; padding:0 !important; margin:0 !important;} #slide21 div.img {position: absolute;right: 25%; top: 50%;margin-top: 0px; width: 700px;height: 600px;background-position: bottom center;background-repeat: no-repeat} @media screen and (max-width: 479px) {#slide21 div.img {display: block;position: relative;top: auto;right: auto;left: 50%;margin-top: 0;margin-left: -312px} } #slide21 div.img .floaty.blue {background: #B71C1C;} #slide21 div.img .floaty.grey {background: #546E7A;} #slide21 div.img .floaty {position: absolute;-webkit-animation: relay-hover 10s ease-in-out infinite alternate;-moz-animation: relay-hover 10s ease-in-out infinite alternate;-o-animation: relay-hover 10s ease-in-out infinite alternate;-ms-animation: relay-hover 10s ease-in-out infinite alternate;animation: relay-hover 10s ease-in-out infinite alternate;opacity: .9;-ms-filter: "alpha(opacity=90)";-webkit-filter: alpha(opacity=90);-moz-filter: alpha(opacity=90);-ms-filter: alpha(opacity=90);-o-filter: alpha(opacity=90);filter: alpha(opacity=90)} #slide21 div.img .floaty.large {width: 100px;height: 100px;-webkit-border-radius: 10px;border-radius: 10px} #slide21 div.img .floaty.icon {background-image: url("images/icons.png");/*-webkit-box-shadow: 0 3px 10px rgba(126, 30, 55, 0.2); box-shadow: 0 3px 10px rgba(126, 30, 55, 0.2);*/-ms-filter: none;-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;filter: none} #slide21 div.img .floaty1 {left: 0px; top: 284px;-webkit-animation-delay: -8s;-moz-animation-delay: -8s;-o-animation-delay: -8s;-ms-animation-delay: -8s;animation-delay: -8s;background-position: -0px -0px;} #slide21 div.img .floaty2 {left: 430px; top: 140px;-webkit-animation-delay: -1s;-moz-animation-delay: -1s;-o-animation-delay: -1s;-ms-animation-delay: -1s;animation-delay: -1s;background-position: -100px 0px;} #slide21 div.img .floaty3 {left: 155px;top: 248px;-webkit-animation-delay: 0px;-moz-animation-delay: 0;-o-animation-delay: 0;-ms-animation-delay: 0;animation-delay: 0;background-position: -200px 0px;} #slide21 div.img .floaty4 {left: 90px;top: 130px;-webkit-animation-delay: -5s;-moz-animation-delay: -5s;-o-animation-delay: -5s;-ms-animation-delay: -5s;animation-delay: -5s;background-position: -0px -100px} #slide21 div.img .floaty5 {left: 285px;top: 170px;-webkit-animation-delay: -9s;-moz-animation-delay: -9s;-o-animation-delay: -9s;-ms-animation-delay: -9s;animation-delay: -9s;background-position: -100px -100px} #slide21 div.img .floaty6 {left: 300px;top: 270px;-webkit-animation-delay: -3s;-moz-animation-delay: -3s;-o-animation-delay: -3s;-ms-animation-delay: -3s;animation-delay: -3s;background-position: -200px -100px} #slide21 div.img .floaty7 {left: 460px;top: 260px;-webkit-animation-delay: -8s;-moz-animation-delay: -8s;-o-animation-delay: -8s;-ms-animation-delay: -8s;animation-delay: -8s;background-position: -0px -200px} #slide21 div.img .floaty8 {left: 165px; top: 364px;-webkit-animation-delay: -7s;-moz-animation-delay: -7s;-o-animation-delay: -7s;-ms-animation-delay: -7s;animation-delay: -7s;background-position: -100px -200px} #slide21 div.img .floaty9 {left: 410px;top: 390px;-webkit-animation-delay: -6s;-moz-animation-delay: -6s;-o-animation-delay: -6s;-ms-animation-delay: -6s;animation-delay: -6s;background-position: -200px -200px} @-moz-keyframes relay-hover {0 {-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)} 100% {-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-o-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px)} } @-webkit-keyframes relay-hover {0 {-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)} 100% {-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-o-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px)} } @-o-keyframes relay-hover {0 {-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)} 100% {-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-o-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px)} } @-ms-keyframes relay-hover {0 {-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)} 100% {-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-o-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px)} } @keyframes relay-hover {0 {-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-o-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px)} 100% {-webkit-transform: translateY(5px);-moz-transform: translateY(5px);-o-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px)} } /******************************************** Home page- Bubble ************************************/ .site-nav {height: 75px; left: 0; position: absolute; right: 0; top: 0; z-index: 1100; } .site-nav { background-color: transparent; border-radius: 0; margin-bottom: 0; } .b1 {-webkit-animation: sideWays 5s ease-in-out infinite alternate; -moz-animation: sideWays 5s ease-in-out infinite alternate; -o-animation: sideWays 5s ease-in-out infinite alternate; bottom:-190px !important; left:110px;} .b2 {-webkit-animation: sideWays 6s ease-in-out infinite alternate; -moz-animation: sideWays 6s ease-in-out infinite alternate; -o-animation: sideWays 6s ease-in-out infinite alternate; bottom:-175px !important; left:380px; } @-webkit-keyframes sideWays { 0% { margin-left:4px; } 25% { margin-left:5px; } 50% { margin-left:5px; } 75% { margin-left:6px; } } @-moz-keyframes sideWays { 0% { margin-left:4px; } 25% { margin-left:5px; } 50% { margin-left:5px; } 75% { margin-left:6px; } } @-o-keyframes sideWays { 0% { margin-left:4px; } 25% { margin-left:5px; } 50% { margin-left:5px; } 75% { margin-left:6px; } } /******************************************** Home page - tag cloud ********************************/ #section4.whitebg{padding:30px 0 80px 0!important; margin-bottom:0;} #section4 h1{font-size:38px !important; color:#FFFFFF !important; font-weight:300 !important; padding:0 !important; margin:60px 0 20px 0 !important;} #section4 h1 span{font-size:38px !important; color:#B71C1C !important; font-weight:300 !important; padding:0 !important; margin:0 !important;} #section4 p{font-size:20px; line-height:24px; font-weight:100 !important; color:#313131;} #section4 p span.bg{ background:#546e7a; color:#ffffff; padding:2px 6px;} #section4 ul {margin:10px 0 30px 0; list-style:disc; padding-left:25px;} #section4 ul li{ font-size:18px; line-height:30px; font-weight:100 !important; color:#000000; } /***************************************************************************************************/ /***************************************************************************************************/ .social-btn{display:block; position:fixed; right:0; top:-4px; z-index:1034; padding-right:20px;} .social-btn a{display:inline-block; line-height:40px;font-size:13px; text-transform:uppercase;} #developers-banner1 {/*background:url(../images/bg6.png); */ border-top:1px solid #e2e3e6;border-bottom:1px solid #e2e3e6; height:660px; } #developers-banner1 h1{color: #b71c1c;background: url("../images/use-cases-title-bg.jpg") no-repeat scroll center 60px transparent;line-height: 62px !important; margin: 20px 0 0px 0; font-size:38px; font-weight:600 !important;text-shadow:none;} #developers-banner1 h2{color:#333333; font-weight:600; font-size:26px; margin: 0 0 40px 0;/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); */ text-shadow:none;} #developers-banner1 h2 span{font-weight:bold; font-size:34px; line-height:36px;} #developers-banner1 .vpad{height:4px;} #developers-banner1 .animate{margin:0 auto;} @media (min-width: 768px) and (max-width: 991px) { #developers-banner1{min-height:620px;} } [class^="icon-usecase-"],[class*="icon-usecase-"] {display: inline-block;width: 128px;height: 128px;line-height: 128px;vertical-align: text-top;background :url(../images/icon-usecases.png) no-repeat 0px 0px;} .icon-usecase-publishers{background-position: 0px 0px;} .icon-usecase-publishers:hover,.icon-usecase-publishers.active{background-position: 0px -128px;} .icon-usecase-developers{background-position: -128px 0px;} .icon-usecase-developers:hover,.icon-usecase-developers.active{background-position: -128px -128px;} .icon-usecase-retailers{background-position: -256px 0px;} .icon-usecase-retailers:hover,.icon-usecase-retailers.active{background-position: -256px -128px;} /****************************************ABOUT US*************************************************/ #about .item {height: 520px; background: #ffffff; padding-top:1px; border-bottom:solid 1px #dddddd;} #about .item h3{color: #313131;font-size: 18px;font-weight: 600;margin:20px 0 10px 0; text-align:center;} #about .item h4{color:#333333; text-align:center; font-size: 14px; margin-bottom: 30px;} #about .item div.photo{background:#DDDDDD; text-align:center; cursor:pointer; margin:10px;} #about .item div.bio{margin:0 20px;} #about .item a {text-decoration: none; } #about .item p{ font-size:13px !important; line-height:22px !important; color:#666666; text-align:justify;font-weight: normal; font-weight: 200; } #about .item .desc{position: relative; } @media screen and (max-width: 400px) { #about .item {height: 570px;} } @media (min-width: 768px) and (max-width: 991px) { #about .item {height: 600px;} } .form-control:-moz-placeholder {color: #cccccc;} .form-control::-moz-placeholder {color: #cccccc;} .form-control:-ms-input-placeholder {color: #cccccc;} .form-control::-webkit-input-placeholder {color: #cccccc;} /****************************************************************************************************/ .badge1{background: rgba(0,0,0, 0.6) none repeat scroll 0 0; border-radius: 50%; bottom: -110px; color: #fff; font-size: 16px; font-weight: 200; height: 315px; padding: 60px 40px 0 40px; position: absolute; right: 210px; text-align: center; width: 315px;} .badge1:hover,.badge1:focus,.badge1:active{background: rgba(0,0,0, 0.8) none repeat scroll 0 0; color:#FFFFFF; cursor:pointer;} .badge1 img{width: 60%; margin-top: 20px;} .badge2{ background: rgba(183, 28, 28, 0.6) none repeat scroll 0 0; border-radius: 50%; bottom: -90px; color: #fff; font-size: 16px; font-weight: 200; height: 300px; padding: 40px 40px 0 40px; position: absolute; right: -80px; text-align: center; width: 300px;} .badge2:hover,.badge2:focus,.badge2:active{background: rgba(183, 28, 28, 0.9) none repeat scroll 0 0; color:#FFFFFF; cursor:pointer;} .badge2 img{width: 40%; margin-top: 20px;} .border-box-red{border: 1px solid #b71c1c; color: #b71c1c !important; font-size: 14px !important; font-weight: 500 !important; margin: 5px 10px 0px 0px; padding-bottom: 10px; text-align: center; } .border-box-red h6{font-size:40px !important; color:#b71c1c !important; font-weight:300 !important; padding:0 !important; margin:0 !important; line-height:36px; margin:15px 0 !important; font-weight:600 !important;} .border-box-red h6 span{font-size:38px !important; color:#FFFFFF !important; font-weight:300 !important; padding:0 !important; margin:0 !important;font-weight:600 !important;} .red-bg {background: #b71c1c; color: #ffffff !important;} .white-bg {background: #FFFFFF none repeat scroll 0 0; color: #333333 !important;} .black-bg {background: #000000 none repeat scroll 0 0; color: #ffffff !important;} .pink-bg{background: url(../images/36.png) no-repeat bottom center #121212; height: 430px; color: #000000; } hr{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ddd -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; border-width: 1px 0 0; margin-bottom: 0px; margin-top: 0px;} .form-control{ background-color: #fff; border: 1px solid #ccc; border-radius: 0px !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 44px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; vertical-align: middle;} .form-control:-moz-placeholder {color: #cccccc; opacity: 1;} .form-control::-moz-placeholder {color: #cccccc; opacity: 1;} .form-control::-webkit-input-placeholder {color: #cccccc; opacity: 1;} .form-control::-ms-input-placeholder {color: #cccccc; opacity: 1;} /***************************** CLIENTS LOGO SECTION ******************************************************************/ .cients-review{background:#000000; text-align:center;} .cients-review h2{font-size:14px; line-height:24px; font-weight:100; color:#ffffff; padding:10px 0 !important; margin:0; font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; } .cients-review h2 sup{font-family:'Source Sans Pro', sans-serif; font-size:38px; color:#dddddd; top:8px; right:5px; display:inline;} .cients-review h2 span{font-size:16px; line-height:24px; font-weight:600; color:#ffffff; text-align:right; text-transform:uppercase;} .cients-review h2 span::before{content:'\2014 \00A0'; padding:0 5px 0 20px;} .vertical .carousel-inner {height: 100%;} .carousel.vertical .item {-webkit-transition: 0.6s ease-in-out top;-moz-transition: 0.6s ease-in-out top;-ms-transition: 0.6s ease-in-out top;-o-transition: 0.6s ease-in-out top;transition: 0.6s ease-in-out top;} .carousel.vertical .active {top: 0;} .carousel.vertical .next {top: 100%;} .carousel.vertical .prev {top: -100%;} .carousel.vertical .next.left,.carousel.vertical .prev.right {top: 0;} .carousel.vertical .active.left {top: -100%;} .carousel.vertical .active.right {top: 100%;} .carousel.vertical .item {left: 0;} /*********************************************************************************************************************/ /*************************************************************************************************************/ #slide-tools{margin-bottom:0px; overflow:hidden;} .all-tools{padding:20px 0 30px 0;} .all-tools .tool-group {border-left: solid 2px #dddddd;} .all-tools .tool-group:first-child{border:none;} .all-tools ul {clear: both; list-style: outside none none; margin: 0px; padding-left:0; padding:15px;} .all-tools .tool-icons div{margin:0 0px; display:inline-block; width:12%;} .all-tools a{cursor:pointer; color:#000000; font-size: 14px;} .all-tools a:hover{cursor:pointer; color:#b71c1c; cursor:default; } .all-tools a h5{font-size: 20px; color:#333333; font-weight: 300; line-height: 30px; margin-bottom:25px; } .all-tools a:hover h5{color:#999999; } hr.style18 { border: 0; height:2px; margin:10px 0 30px 0; position:relative; background: -moz-linear-gradient(left, rgba(153,153,153,0) 0%, rgba(153,153,153,0) 10%, rgba(153,153,153,0.65) 50%, rgba(153,153,153,0) 90%, rgba(153,153,153,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,0)), color-stop(10%,rgba(153,153,153,0)), color-stop(50%,rgba(153,153,153,0.65)), color-stop(90%,rgba(153,153,153,0)), color-stop(100%,rgba(153,153,153,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(153,153,153,0) 0%,rgba(153,153,153,0) 10%,rgba(153,153,153,0.65) 50%,rgba(153,153,153,0) 90%,rgba(153,153,153,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(153,153,153,0) 0%,rgba(153,153,153,0) 10%,rgba(153,153,153,0.65) 50%,rgba(153,153,153,0) 90%,rgba(153,153,153,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(153,153,153,0) 0%,rgba(153,153,153,0) 10%,rgba(153,153,153,0.65) 50%,rgba(153,153,153,0) 90%,rgba(153,153,153,0) 100%); /* IE10+ */ background: linear-gradient(left, rgba(153,153,153,0) 0%,rgba(153,153,153,0) 10%,rgba(153,153,153,0.65) 50%,rgba(153,153,153,0) 90%,rgba(153,153,153,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } hr.style18:before { content: ""; display: block; border-top: solid 1px #f9f9f9; width: 100%; height: 4px; position: absolute; top: 50%; z-index: 1; } /************************************************* tools icons ****************************************************/ .tool-icons .icon{display:block;background-repeat:no-repeat;height:50px;width:50px;background-image: url("../images/moments-icons-small.png"); margin:0 auto; } .tool-icons .reward.red .icon {background-position: -0px -100px;} .tool-icons .reward.red .icon:hover,.tool-icons .reward.red a:hover .icon{background-position: -0px -0px;} .tool-icons .drop-off.red .icon {background-position: -50px -100px;} .tool-icons .drop-off.red .icon:hover, .tool-icons .drop-off.red a:hover .icon {background-position: -50px -0px;} .tool-icons .checkout.red .icon {background-position: -100px -100px;} .tool-icons .checkout.red .icon:hover, .tool-icons .checkout.red a:hover .icon {background-position: -100px -0px;} .tool-icons .question.red .icon {background-position: -150px -100px;} .tool-icons .question.red .icon:hover, .tool-icons .question.red a:hover .icon {background-position: -150px -0px;} .tool-icons .pause.red .icon {background-position: -200px -100px;} .tool-icons .pause.red .icon:hover, .tool-icons .pause.red a:hover .icon {background-position: -200px -0px;} .tool-icons .location.red .icon {background-position: -250px -100px;} .tool-icons .location.red .icon:hover, .tool-icons .location.red a:hover .icon {background-position: -250px -0px;} .tool-icons .discovery.red .icon {background-position: -300px -100px;} .tool-icons .discovery.red .icon:hover, .tool-icons .discovery.red a:hover .icon {background-position: -300px -0px;} .tool-icons .time.red .icon {background-position: -350px -100px;} .tool-icons .time.red .icon:hover, .tool-icons .time.red a:hover .icon {background-position: -350px -0px;} .tool-icons .support.red .icon {background-position: -0px -150px;} .tool-icons .support.red .icon:hover, .tool-icons .support.red a:hover .icon {background-position: -0px -50px;} .tool-icons .unlock-article.red .icon {background-position: -50px -150px;} .tool-icons .unlock-article.red .icon:hover, .tool-icons .unlock-article.red a:hover .icon {background-position: -50px -50px;} .tool-icons .end-of-article.red .icon {background-position: -100px -150px;} .tool-icons .end-of-article.red .icon:hover, .tool-icons .end-of-article.red a:hover .icon {background-position: -100px -50px;} /*****************************************************************************************************************/ .secfeatures p{font-size:18px !Important; line-height:28px!Important; color: #666666 !important; font-weight:100 !important; padding:0 40px;} .secfeatures a:hover .feature-block{cursor:pointer; outline: 5px solid #b71c1c; outline-offset: -10px;} .secfeatures a .feature-block img{-webkit-filter: grayscale(100%); filter: grayscale(100%);} .secfeatures a:hover .feature-block img{-webkit-filter: grayscale(0%); filter: grayscale(0%);} .secfeatures .feature-block h2{font-size: 20px;color: #313131;line-height: 30px;font-weight: 600;} .secfeatures .feature-block{margin-bottom:0; border:none; background:#ffffff; } .secfeatures .feature-block:hover{cursor:default;} .secfeatures .feature-block .feature-desc {height: 12em; padding:0;} .secfeatures .feature-block .feature-desc p{color: #737373;font-size: 14px !important;font-weight: 300 !important;line-height: 28px !important; margin:0; padding:5px 0px;} .bg-lightgrey {background-color: #f4f4f4;} .bg-transparent{background:transparent !important;} /*************************************************** experience *****************************************************/ .whitebg,.redbg,.greybg{padding:40px 0;} .greybg{background:#f4f4f4;overflow-x:hidden;} .redbg{background:#546e7a; overflow-x:hidden;} .scale10{transform: scale(0.1);} .scale25{transform: scale(0.25);} .scale50{transform: scale(0.5);} .scale75{transform: scale(0.75);} /*-------------------------------------------------------------------------------------------------*/ .experience .thumbnail{ min-height:120px; margin:0 0 50px 0; border-color:#999999; text-align:center; display:block; } .experience .thumbnail:hover{ background:#fbfbfb; cursor:pointer; box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.3); border:solid 1px #333333; } .experience a .title{font-size:16px !important; color:#999999 !important; line-height:28px !important; padding-top:25px !important; padding-bottom:0px !important; display:inline-block; font-weight:100 !important; text-transform:uppercase; text-align:center !important;} .experience a .subtitle{font-size:20px !important; color:#000000; line-height:30px !important; padding:5px; font-weight:300 !important; text-transform:none; text-align:center !important; } .experience a small{display:inline-block; font-size:13px !important; color:#428bca; line-height:18px !important; padding:15px 0 !important; font-weight:300 !important; text-transform:none; text-align:center !important; } .experience .thumbnail:hover small span{padding-left: 3px !important;} .experience hr.style18{margin:70px 0;} /*-------------------------------------------------------------------------------------------------*/ .experience{overflow:hidden; padding-left:30px;} .experience h2{font-size: 22px; color: #000000; font-weight: 400; line-height: 42px; margin: 0px 0 10px 0;} .experience .feature-block{border:none; background:#f7f7f7; height:auto; border:solid 3px #DDDDDD; width:33.33%; display:inline-block; margin:-2px -3px; } .experience .feature-block:hover, .experience .feature-block.active{cursor:default; background:#ffffff;} .experience .feature-block .feature-image {padding: 2em 0 1em 0; text-align:center;} .experience .feature-block h3{color: #666666 !important;font-size: 16px !important;font-weight: 500 !important;line-height: 20px !important; padding:5px 0 0 0px; margin:10px 0 0 0;} .experience .feature-block a{color: #666666; text-decoration: none; font-size:18px; } .experience .feature-block a:hover:not(.active), .experience .feature-block:hover a:not(.active){cursor:pointer; color: #000000 !important;} .experience .feature-block:hover h3, .experience .feature-block.active h3{color: #B71C1C !important; cursor:pointer;} .experience .left-menu{margin-top:20px;} #preview {background-image: url("../images/iphone6plus.png"); background-repeat: no-repeat; height: 755px; width: 370px; margin: 110px auto 50px auto; position: relative; } .experience .ad{ position: absolute; bottom: 90px; left: 23px; overflow: scroll !important;} .experience .ad,.experience .ad body{overflow: hidden !important;} .slider { overflow-y: hidden; max-height: 500px; /* approximate max height */ -webkit-transition: all 300ms cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 300ms cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */ -webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */ } /********************************************************************************************************************/ #footer{height:auto; padding:30px 0; text-align:center; line-height:24px;} .img-border{border: 1px solid #999999; margin: 10px 0 0px 0; display:inline;} .img-shadow{box-shadow: 2px 2px 2px #666666;margin: 10px 0 0px 0;} .btn-link{font-size:16px; font-weight:100; line-height:36px;} @media screen and (max-width: 767px) { a.submit-btn, a.getstarted-btn{padding:3px 15px;} } @media (min-width: 768px) and (max-width: 991px) { a.submit-btn, a.getstarted-btn{padding:3px 15px;} } /********************************************************************************************************************/ /******************************* CSS MORPHEXT ***********************************************************************/ /********************************************************************************************************************/ .morphext > span { display: none; } .morphext > .animated { display: inline-block; } /********************************************************************************************************************/ #sitemap.whitebg{padding:30px 0 10px 0} #sitemap h1{font-size:38px!Important;line-height:61px!Important;margin-top:0!Important;margin-bottom:30px;text-transform:none} #sitemap h1 span{color:#b71c1c} #sitemap h2{margin-top:0;font-weight:300!important;font-size:32px!important;margin-bottom:20px} #sitemap ul li{font-size:18px;color:#666;line-height:28px;font-weight:100;margin-bottom:10px;padding:0 0 0 10px;list-style-type:"\025B8"} #sitemap ul li.second-level{list-style-type:"\025B8"!important} #sitemap ul li a{font-size:18px;color:#428bca;line-height:40px;font-weight:400;cursor:pointer;display:block;padding-bottom:10x} #sitemap ul li a:focus,#sitemap ul li a:hover{color:#000} #sitemap ul li a.sublink{font-size:18px;color:#428bca;line-height:26px;font-weight:100;cursor:pointer;display:block;padding-bottom:0!important} #sitemap ol{padding-left:8%;margin:10px 0} #sitemap ol li{font-size:18px;line-height:28px!important;font-weight:100;list-style-type:decimal;margin:0} #back-top { position:fixed; bottom:30px; right:30px } #back-top a { width:70px; display:block; text-align:center; font:11px/100% Arial,Helvetica,sans-serif; text-transform:uppercase; text-decoration:none; color:#bbb; -webkit-transition:1s; -moz-transition:1s; transition:1s } #back-top a:hover { color:#000 } #back-top span { width:40px; height:40px; display:block; margin-bottom:7px; background:#ddd url(../images/up-arrow.png) no-repeat center center; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; -webkit-transition:1s; -moz-transition:1s; transition:1s; margin-left:15px } #back-top a:hover span { background-color:#777 } .clients-review{background:#f4f4f4; width:90%; text-align:center; padding:30px 0; margin:50px auto;} .clients-review h1{font-size:28px !important; line-height:48px !important; font-weight:100 !important; color:#000000 !important; padding:10px 0 !important; margin:0; font-family:'Poppins', sans-serif;} .clients-review h1 span{font-size:28px !important; line-height:48px !important; font-weight:400 !important; color:#000000 !important; padding:10px 0 !important; margin:0; font-family:'Poppins', sans-serif;} .clients-review h2{font-size:14px; line-height:24px; font-weight:100; color:#ffffff; padding:10px 0 !important; margin:0; font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif; } .clients-review h2 sup{font-family:'Source Sans Pro', sans-serif; font-size:38px; color:#dddddd; top:8px; right:5px; display:inline;} .clients-review h2 span{font-size:16px; line-height:24px; font-weight:600; color:#ffffff; text-align:right; text-transform:uppercase;} .clients-review h2 span::before{content:'\2014 \00A0'; padding:0 5px 0 20px;} /*****************************************************************************************************************/ #comparison{overflow-x: hidden;} #comparison h1{text-align:center;font-size: 30px;font-weight: 300; line-height:36px;} .ads .vs {margin:40px 0; padding: 5px 0px; font-size: 38px; font-weight: 300; color: #000000; width:100%; text-align:center; background-color: #cccccc; background: -webkit-gradient(radial, center center, 0, center center, 460, from(#cccccc), to(#ffffff)); background: -webkit-radial-gradient(circle, #cccccc, #ffffff); background: -moz-radial-gradient(circle, #cccccc, #ffffff); background: -ms-radial-gradient(circle, #cccccc, #ffffff); } .ads .ads-info ul {width: 100%; padding:20px 0 40px 0; margin-left:20%;} .ads .ads-info ul li {font-size:18px !important; line-height:26px; font-weight:100 !important; color:#000000; padding:0; width:100%; text-align:center; list-style: none; display:inline-flex;} .ads .ads-info ul li::before{content: "\021D2"; color: #000000; padding-right: 10px;} .ads .ads-info .click-rate{font-size:14px; text-transform:uppercase;} .boring-circle {background:#ffffff; position:relative; display:inline-block; width:150px; height:150px; padding:11% 0; border-radius:50%; color:#000000; font-size: 36px; text-align:center; border:solid 5px #cccccc; line-height:30px;} .oa-circle {background:#ffffff; position:relative; display:inline-block; width:150px; height:150px; padding:11% 0; border-radius:50%; color:#000000; font-size: 36px; text-align:center; border:solid 5px #b71c1c; line-height:30px;} .black-phone img, .red-phone img{width: 281px;} @media (min-width: 992px) { #comparison{position: relative;z-index: 10;top: 0;left: 0;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;-ms-transition: all .2s ease-out;transition: all .2s ease-out;overflow-x: hidden;padding:80px 0;} .sec{max-width:1200px; float:none; margin: 0 auto; position: relative; text-align:center; clear:both;} .ads{margin:60px 0;} .ads .ads-info h2{font-size:22px !important; line-height:36px; font-weight:400 !important; color:#000000;} .black-phone,.red-phone {float: left;-webkit-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;transition: all 1.5s ease-out} .ads .vs {background:none; float: left; padding: 220px 0px 0 0; font-size: 38px; font-weight: 300; color: #000000; width:8%;} .ads-info {width: 270px; float: left; margin:20px 0 0 0} .ads .adsLeft, .ads .adsRight{float:left; width:46%;} .ads .adsLeft .ads-info{float:left; text-align:center;} .ads .adsRight .ads-info{float:right; text-align:center;} .ads .ads-info ul {float: left; width:90%; padding:40px 8px 40px 30px; margin-left:10%;} .ads .ads-info ul li {float: left; font-size:18px !important; line-height:26px; font-weight:100 !important; color:#000000; padding:0 0 10px 0; width:100%; text-align:left; list-style: none; display:inline-flex;} .ads .ads-info ul li::before{content: "\021D2"; font-weight:bold; color: #000000; padding-right: 10px;} .ads .ads-info .click-rate{font-size:14px; text-transform:uppercase;} .boring-circle {background:#ffffff; position:relative; display:inline-block; width:150px; height:150px; padding:15% 0; border-radius:50%; color:#000000; font-size: 36px; text-align:center; border:solid 5px #cccccc; line-height:30px;} .oa-circle {background:#ffffff; position:relative; display:inline-block; width:150px; height:150px; padding:15% 0; border-radius:50%; color:#000000; font-size: 36px; text-align:center; border:solid 5px #b71c1c; line-height:30px;} } .tag{font-size: 13px; line-height:18px; font-weight:100; background-color: #ffffff; color: #000000; padding: 10px 12px 11px 12px; border:solid 1px #cccccc; display:inline-block; margin:0 5px 18px 5px;} .grey-scale{filter: grayscale(1) brightness(1);} /************************************************* tools icons ****************************************************/ [class^="icon-industry-"],[class*="icon-industry-"]{display:block;background-repeat:no-repeat;height:96px;width:96px;background-image: url("../images/icons-industries.png"); margin:0 auto; } .icon-industry-educate {background-position: -0px -0px;} .icon-industry-livevote {background-position: -96px -0px;} .icon-industry-agenda {background-position: -192px -0px;} .icon-industry-choice {background-position: -288px -0px;} .icon-industry-weblink {background-position: -384px -0px;} .icon-industry-engage {background-position: -480px -0px;} .icon-industry-promote {background-position: -0px -96px;} .icon-industry-generatedata {background-position: -96px -96px;} .icon-industry-whitegloveservice {background-position: -192px -96px;} .zoom{transition:2s;-moz-transition: 2s;-webkit-transition: 2s;-o-transition:2s;animation: zoom-anim 2s ease-in-out;-moz-animation: zoom-anim 2s ease-in-out;-webkit-animation: zoom-anim 2s ease-in-out;-o-animation: zoom-anim 2s ease-in-out;} @keyframes zoom-anim {from {color:#b71c1c; font-weight:600;} to {transform: color:#000000; font-weight:100;}} @-moz-keyframes zoom-anim {from {color:#b71c1c; font-weight:600;} to {color:#000000; font-weight:100;}} @-webkit-keyframes zoom-anim {from {color:#b71c1c; font-weight:600;} to {color:#000000; font-weight:100;}} @-o-keyframes zoom-anim {from {color:#b71c1c; font-weight:600;} to {color:#000000; font-weight:100;}} #white-glove{background:url('../images/poster-wgs.png') no-repeat center center #b71c1c; height:650px; background-size: cover;} #white-glove h1, #white-glove h1 span{color:#ffffff;} #white-glove .secfeatures .feature-block h2{color:#ffffff !important;} #white-glove2{background:url('../images/poster-wgs.png') no-repeat center center #f4f4f4; height:650px; background-size: cover;} [class^="icon-wgs-"],[class*="icon-wgs-"]{display:block;background-repeat:no-repeat;height:80px;width:80px;background-image: url("../images/icon-wgs.png"); margin:0 auto;} .icon-wgs-24hour, .icon-wgs-24hour.black {background-position: -0px -0px;} .icon-wgs-data, .icon-wgs-data.black {background-position: -80px -0px;} .icon-wgs-adtag, .icon-wgs-adtag.black {background-position: -160px -0px;} .icon-wgs-pricing, .icon-wgs-pricing.black {background-position: -240px -0px;} .icon-wgs-reporting, .icon-wgs-reporting.black {background-position: -320px -0px;} .icon-wgs-24hour.darkgrey {background-position: -0px -80px;} .icon-wgs-data.darkgrey {background-position: -80px -80px;} .icon-wgs-adtag.darkgrey {background-position: -160px -80px;} .icon-wgs-pricing.darkgrey {background-position: -240px -80px;} .icon-wgs-reporting.darkgrey {background-position: -320px -80px;} .icon-wgs-24hour.white {background-position: -0px -160px;} .icon-wgs-data.white {background-position: -80px -160px;} .icon-wgs-adtag.white {background-position: -160px -160px;} .icon-wgs-pricing.white {background-position: -240px -160px;} .icon-wgs-reporting.white {background-position: -320px -160px;} .icon-wgs-24hour.pink {background-position: -0px -240px;} .icon-wgs-data.pink {background-position: -80px -240px;} .icon-wgs-adtag.pink {background-position: -160px -240px;} .icon-wgs-pricing.pink {background-position: -240px -240px;} .icon-wgs-reporting.pink {background-position: -320px -240px;} .icon-wgs-24hour.red {background-position: -0px -320px;} .icon-wgs-data.red {background-position: -80px -320px;} .icon-wgs-adtag.red {background-position: -160px -320px;} .icon-wgs-pricing.red {background-position: -240px -320px;} .icon-wgs-reporting.red {background-position: -320px -320px;} /***********************************************************************************************************************************/ #adformats h1{font-size:26px; line-height:44px; margin:30px 0 10px 0 !important; color:#333333;} #adformats h1 span{color:#b71c1c;font-size:36px; line-height:44px; text-transform:none;} #adformats h2{font-size: 22px; color: #000000; font-weight: 400; line-height: 42px; margin: 20px 0; text-align:center;} #adformats p{font-size:20px !important; font-weight:100; color:#000000;} #adformats ul{list-style-type:none; margin:30px 0; padding-left:60px; text-align:left;} #adformats ul li{font-size: 18px; line-height: 28px; color: #333333; font-weight: 100; padding: 0 5px;} #adformats ul li::before{content:"\021D2"; font-weight:600 !important; margin-right:10px;} #adformats img{box-shadow: 0px 0px 8px #333333; width:90%;} /************************************************* industry icons ****************************************************/ #industry-examples a{color:#000000; display:block; width:70%; margin:0 auto; text-align:center;} #industry-examples a:hover, #industry-examples a:focus, #industry-examples a i:hover h2, #industry-examples a:hover i, #industry-examples a:hover h2{color:#b71c1c !important; cursor:pointer; display:block; filter: none; -webkit-filter: grayscale(0);} #industry-examples .secfeatures .feature-block{transition: background-color 0.25s ease-out;} #industry-examples .secfeatures a:hover .feature-block{outline:solid 0px #f7ddc3; outline-offset:-2px; background:/*#FFF8DC*/transparent; box-shadow: 0 8px 3px -5px transparent;} #industry-examples .secfeatures .feature-block,#industry-examples .secfeatures .feature-block .feature-image{background:transparent;} [class^="ico-industry-"],[class*="ico-industry-"]{display:block; background-repeat:no-repeat; height:100px; width:100px; background-image: url("../images/icons-industry.png"); margin:0 auto; filter: grayscale(100%); transition: all 0.1s ease-in-out 0s;} [class^="ico-industry-"]:hover,[class*="ico-industry-"]:hover{filter: grayscale(0%); transform: translateY(-5px);} .ico-industry-advocacy.black {background-position: -0px -0px;} .ico-industry-advocacy.red {background-position: -0px -100px;} .ico-industry-automotive.black {background-position: -100px -0px;} .ico-industry-automotive.red {background-position: -100px -100px;} .ico-industry-travel.black {background-position: -200px -0px;} .ico-industry-travel.red {background-position: -200px -100px;} .ico-industry-media.black {background-position: -300px -0px;} .ico-industry-media.red {background-position: -300px -100px;} .ico-industry-telecom.black {background-position: -400px -0px;} .ico-industry-telecom.red {background-position: -400px -100px;} .ico-industry-ecomm.black {background-position: -0px -200px;} .ico-industry-ecomm.red {background-position: -0px -300px;} .ico-industry-marketresearch.black {background-position: -100px -200px;} .ico-industry-marketresearch.red {background-position: -100px -300px;} .ico-industry-overview.black {background-position: -200px -200px;} .ico-industry-overview.red {background-position: -200px -300px;} .ico-industry-howtosell.black {background-position: -300px -200px;} .ico-industry-howtosell.red {background-position: -300px -300px;} .ico-industry-analytics.black {background-position: -400px -200px;} .ico-industry-analytics.red {background-position: -400px -300px;} /**********************************************************************************************************************/ #solutions .carousel-inner {margin: 0px auto 0 auto; width: 100%; padding: 0px 0 0 0; min-height: 780px; overflow:hidden; } #solutions .carousel-indicators{position:relative; top:0; padding:10px 0; text-align:center; bottom: -10px; left: 0; width: 100%; margin: 50px auto 50px auto;} #solutions .carousel-indicators .box{border: solid 1px #999999; width: 50%; padding: 15px 20px; cursor:pointer; font-size:20px; font-weight:400; color:#333333;} #solutions .carousel-indicators .box:hover{background:#f7f7f7;} #solutions .carousel-indicators .box.active{height: auto; width:50%; color: #ffffff !important; border: solid 1px #121212; background: #121212;} #solutions .carousel-indicators .box.active::after {content: ""; position: absolute; left: 44%; top: 52px; width: 0; height: 0; border-left: 30px solid transparent;border-top: 20px solid #121212; border-right: 30px solid transparent;} #solutions .carousel-control{width:0%; color:#666666;} #solutions .carousel-control:hover{color:#000000;} #solutions .carousel-control.left{left:0%;} #solutions .carousel-control.right{right:0%;} @media screen and (max-width: 400px) { #solutions .carousel-indicators .box{font-size:12px;font-weight:400;} #solutions .carousel-indicators .box.active::after{top:60px; left:23%;} } @media (min-width: 412px) and (max-width: 767px) { #solutions .carousel-indicators .box{font-size:12px;font-weight:400;} #solutions .carousel-indicators .box.active::after{top:60px; left:23%;} } @media (min-width: 768px) and (max-width: 991px) { } /**************************************** PRICING *********************************************************************/ #pricing_table{ background: tranparent;margin: 20px 0 0 0;} /*PRICE COLOR CODE START*/ #pricing_table .generic_content{ background-color: #fff; border:solid 1px #cccccc;} #pricing_table .generic_content .generic_head_price{ background-color: #f6f6f6; } #pricing_table .generic_content .generic_head_price .generic_head_content .head_bg{ border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4; } #pricing_table .generic_content .generic_head_price .generic_head_content .head span{ color: #525252; } #pricing_table .generic_content .generic_head_price .generic_price_tag .price .sign{ color: #414141; } #pricing_table .generic_content .generic_head_price .generic_price_tag .price .currency{ color: #414141; } #pricing_table .generic_content .generic_head_price .generic_price_tag .price .cent{ color: #414141; } #pricing_table .generic_content .generic_head_price .generic_price_tag .month{ color: #414141; } #pricing_table .generic_content .generic_head_price .generic_price_tag .blank{display:block; height:10px; margin:0; padding:0;} #pricing_table .generic_content .generic_feature_list ul li{color: #333333; font-weight:100;} #pricing_table .generic_content .generic_feature_list ul li span{ color: #000000; font-weight:400;} #pricing_table .generic_content .generic_feature_list ul li:hover{ background-color: #E4E4E4; border-left: 5px solid #b71c1c; } #pricing_table .generic_content .generic_price_btn a{ border: 1px solid #b71c1c; color: #b71c1c; } #pricing_table .generic_content.active .generic_head_price .generic_head_content .head_bg, #pricing_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{ border-color: #b71c1c rgba(183, 28, 28, 0) rgba(183, 28, 28, 0) #b71c1c; color: #fff; cursor:pointer; } #pricing_table .generic_content:hover .generic_head_price .generic_head_content .head span, #pricing_table .generic_content.active .generic_head_price .generic_head_content .head span{ color: #fff; } #pricing_table .generic_content:hover .generic_price_btn a, #pricing_table .generic_content.active .generic_price_btn a{ background-color: #b71c1c; color: #ffffff !important; } .row .table{ padding: 28px 0; } /*PRICE BODY CODE START*/ #pricing_table .generic_content{ overflow: hidden; position: relative; text-align: center; } #pricing_table .generic_content .generic_head_price { margin: 0 0 10px 0;} #pricing_table .generic_content .generic_head_price .generic_head_content{ margin: 0 0 40px 0; } #pricing_table .generic_content .generic_head_price .generic_head_content .head_bg{ border-style: solid; border-width: 70px 15px 40px 450px;/*90px 1411px 23px 399px;*/ position: absolute; } #pricing_table .generic_content .generic_head_price .generic_head_content .head{ padding-top: 20px; position: relative; z-index: 1; } #pricing_table .generic_content .generic_head_price .generic_head_content .head span{font-size: 18px; font-weight: 400; letter-spacing: 1px; margin: 0; padding: 0; text-transform: uppercase; } #pricing_table .generic_content .generic_head_price .generic_price_tag{ padding: 0 0 20px; } #pricing_table .generic_content .generic_head_price .generic_price_tag .price{ display: block; } #pricing_table .generic_content .generic_head_price .generic_price_tag .price .sign{ display: inline-block; font-size: 28px; font-weight: 400; vertical-align: middle; } #pricing_table .generic_content .generic_head_price .generic_price_tag .price .currency{ font-size: 60px; font-weight: 300; letter-spacing: -2px; line-height: 60px; padding: 0; vertical-align: middle; } #pricing_table .generic_content .generic_head_price .generic_price_tag .price .cent{ display: inline-block; font-size: 24px; font-weight: 400; vertical-align: bottom; } #pricing_table .generic_content .generic_head_price .generic_price_tag .month{ font-size: 18px; font-weight: 400; letter-spacing: 1px; vertical-align: bottom; } #pricing_table .generic_content .generic_head_price .generic_price_tag .discount{ font-size: 14px; font-weight: 400; vertical-align: bottom; color:#990000;} #pricing_table .generic_content .learnmore{font-size: 14px; font-weight: 400; vertical-align: bottom; padding:20px 10px;} #pricing_table .generic_content .generic_feature_list ul{ list-style: none; padding: 0px; margin:0; text-align:left;} #pricing_table .generic_content .generic_feature_list ul li{ font-size: 18px; min-height:52px; padding: 8px 50px; transition: all 0.3s ease-in-out 0s; } #pricing_table .generic_content .generic_feature_list ul li:hover{ 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; -webkit-transition: all 0.3s ease-in-out 0s; } #pricing_table .generic_content .generic_feature_list ul li.blank, #pricing_table .generic_content .generic_feature_list ul li.blank:hover{transition:none !important; background:none; border:none;} #pricing_table .generic_content .generic_feature_list ul li .fa{padding: 0 10px;} #pricing_table .generic_content .generic_price_btn{margin:20px 0 30px 0;} #pricing_table .generic_content .generic_price_btn a{} #pricing_table .generic_content, #pricing_table .generic_content:hover, #pricing_table .generic_content .generic_head_price .generic_head_content .head_bg, #pricing_table .generic_content:hover .generic_head_price .generic_head_content .head_bg, #pricing_table .generic_content .generic_head_price .generic_head_content .head h2, #pricing_table .generic_content:hover .generic_head_price .generic_head_content .head h2, #pricing_table .generic_content .price, #pricing_table .generic_content:hover .price, #pricing_table .generic_content .generic_price_btn a, #pricing_table .generic_content:hover .generic_price_btn a{ 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; -webkit-transition: all 0.3s ease-in-out 0s; } #pricing_table .generic_content .blank{height:20px; margin:0; padding:0;} @media (max-width: 320px) { } @media (max-width: 767px) { #pricing_table .generic_content{ margin-bottom:75px; } } @media (min-width: 768px) and (max-width: 991px) { #pricing_table .col-md-3{ float:left; width:50%; } #pricing_table .col-md-4{ float:left; width:50%; } #pricing_table .generic_content{ margin-bottom:75px; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 1200px) { } #pricing_table_home{ font-family: 'Raleway', sans-serif; } .text-center h1, .text-center h1 a{ color: #7885CB; font-size: 30px; font-weight: 300; text-decoration: none; } .demo-pic{ margin: 0 auto; } .demo-pic:hover{ opacity: 0.7; } #pricing_table_home ul{ margin: 0 auto; padding: 0; list-style: none; display: table; } #pricing_table_home li{ float: left; } #pricing_table_home li + li{ margin-left: 10px; padding-bottom: 10px; } #pricing_table_home li a{ display: block; width: 50px; height: 50px; font-size: 0px; } #pricing_table_home .blue{ background: #3498DB; transition: all 0.3s ease-in-out 0s; } #pricing_table_home .emerald{ background: #b71c1c; transition: all 0.3s ease-in-out 0s; } #pricing_table_home .grey{ background: #7F8C8D; transition: all 0.3s ease-in-out 0s; } #pricing_table_home .midnight{ background: #34495E; transition: all 0.3s ease-in-out 0s; } #pricing_table_home .orange{ background: #E67E22; transition: all 0.3s ease-in-out 0s; } #pricing_table_home .purple{ background: #9B59B6; transition: all 0.3s ease-in-out 0s; } #pricing_table_home .red{ background: #E74C3C; transition:all 0.3s ease-in-out 0s; } #pricing_table_home .turquoise{ background: #1ABC9C; transition: all 0.3s ease-in-out 0s; } #pricing_table_home .blue:hover, #pricing_table_home .emerald:hover, #pricing_table_home .grey:hover, #pricing_table_home .midnight:hover, #pricing_table_home .orange:hover, #pricing_table_home .purple:hover, #pricing_table_home .red:hover, #pricing_table_home .turquoise:hover{ border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; transition: all 0.3s ease-in-out 0s; } #pricing_table_home .divider{ border-bottom: 1px solid #ddd; margin-bottom: 20px; padding: 20px; } #pricing_table_home .divider span{ width: 100%; display: table; height: 2px; background: #ddd; margin: 50px auto; line-height: 2px; } #pricing_table_home .itemname{ text-align: center; font-size: 50px ; padding: 50px 0 20px ; border-bottom: 1px solid #ddd; margin-bottom: 40px; text-decoration: none; font-weight: 300; } #pricing_table_home .itemnametext{ text-align: center; font-size: 20px; padding-top: 5px; text-transform: uppercase; display: inline-block; } #pricing_table_home .footer{ padding:40px 0; } .price-heading{ text-align: center; } .price-heading h1{ color: #666; margin: 0; padding: 0 0 50px 0; } .demo-button { background-color: #333333; color: #ffffff; display: table; font-size: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 50px; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium ; padding: 10px; text-align: center; text-transform: uppercase; } .bottom_btn{ background-color: #333333; color: #ffffff; display: table; font-size: 28px; margin: 60px auto 20px; padding: 10px 25px; text-align: center; text-transform: uppercase; } .demo-button:hover{ background-color: #666; color: #FFF; text-decoration:none; } .bottom_btn:hover{ background-color: #666; color: #FFF; text-decoration:none; } #pricing_table table.border{border: solid 1px #dddddd;} #pricing_table table.table-hover tr:hover td{background:#eeeeee;} #pricing_table table tr td{background:#ffffff; border:none; border-bottom:solid 1px #dddddd; padding:10px; color:#333333; font-weight:500;} #pricing_table table tr:last-child td{border:none;} /**************************************** icons **************************************************/ /**************************************** medium *************************************************/ [class^="icon-pricing-"],[class*="icon-pricing-"]{display:inline-block; background-repeat:no-repeat; height:60px; width:60px; background-image: url("../images/icons-pricing.png"); margin:0 auto; vertical-align:middle;} .icon-pricing-wgs, .icon-pricing-wgs.black, .icon-pricing-wgs.red:hover {background-position: -0px -0px;} .icon-pricing-wgs:hover, .icon-pricing-wgs.black:hover, .icon-pricing-wgs.red {background-position: -0px -60px;} .icon-pricing-ss, .icon-pricing-ss.black, .icon-pricing-ss.red:hover {background-position: -60px -0px;} .icon-pricing-ss:hover, .icon-pricing-ss.black:hover, .icon-pricing-ss.red {background-position: -60px -60px;} .icon-pricing-reporting, .icon-pricing-reporting.black, .icon-pricing-reporting.red:hover {background-position: -120px -0px;} .icon-pricing-reporting:hover, .icon-pricing-reporting.black:hover, .icon-pricing-reporting.red {background-position: -120px -60px;} .icon-pricing-creative, .icon-pricing-creative.black, .icon-pricing-creative.red:hover {background-position: -180px -0px;} .icon-pricing-creative:hover, .icon-pricing-creative.black:hover, .icon-pricing-creative.red {background-position: -180px -60px;} /**************************************** small **************************************************/ [class^="icon-pricing-small-"],[class*="icon-pricing-small-"]{display:inline-block; background-repeat:no-repeat; height:30px; width:30px; background-image: url("../images/icons-pricing-small.png"); margin:0 auto; vertical-align:middle;} .icon-pricing-small-wgs, .icon-pricing-small-wgs.black, .icon-pricing-small-wgs.red:hover {background-position: -0px -0px;} .icon-pricing-small-wgs:hover, .icon-pricing-small-wgs.black:hover, .icon-pricing-small-wgs.red {background-position: -0px -30px;} .icon-pricing-small-ss, .icon-pricing-small-ss.black, .icon-pricing-small-ss.red:hover {background-position: -30px -0px;} .icon-pricing-small-ss:hover, .icon-pricing-small-ss.black:hover, .icon-pricing-small-ss.red {background-position: -30px -30px;} .icon-pricing-small-reporting, .icon-pricing-small-reporting.black, .icon-pricing-small-reporting.red:hover {background-position: -60px -0px;} .icon-pricing-small-reporting:hover, .icon-pricing-small-reporting.black:hover, .icon-pricing-small-reporting.red {background-position: -60px -30px;} .icon-pricing-small-creative, .icon-pricing-small-creative.black, .icon-pricing-small-creative.red:hover {background-position: -90px -0px;} .icon-pricing-small-creative:hover, .icon-pricing-small-creative.black:hover, .icon-pricing-small-creative.red {background-position: -90px -30px;} /*************************************************************************************************/ /************************** icons enterprise ****************************************************/ [class^="icon-enterprise-"],[class*="icon-enterprise-"]{display:block;background-repeat:no-repeat;height:96px;width:96px;background-image: url("../images/icons-enterprise.png"); margin:0 auto; } .icon-enterprise-wgs {background-position: -0px -0px;} .icon-enterprise-ad-formats {background-position: -96px -0px;} .icon-enterprise-ecosystem {background-position: -192px -0px;} .icon-enterprise-target-audience {background-position: -288px -0px;} .icon-enterprise-target-geography {background-position: -384px -0px;} .icon-enterprise-target-users {background-position: -480px -0px;} .icon-enterprise-pixel-tracking {background-position: -576px -0px;} .icon-enterprise-reporting {background-position: -0px -96px;} .icon-enterprise-dmp {background-position: -96px -96px;} .icon-enterprise-optimization {background-position: -192px -96px;} .icon-enterprise-multi-users {background-position: -288px -96px;} .experience-arrow{background:url(../images/experience-arrow-sm.png) 0 0 no-repeat; width:150px; height:120px; position:absolute; bottom:-26%; left:15%;} @media (max-width: 768px){ .experience-arrow{background:url(../images/experience-arrow-sm.png) 0 0 no-repeat; width:150px; height:120px; position:absolute; bottom:-13%; left:21%;} } @media (min-width: 1900px){ .experience-arrow{background:url(../images/experience-arrow-lg.png) 0 0 no-repeat; width:150px; height:120px; position:absolute; bottom:65%; left:-10%;} } /***************************** Support Icons *******************************************************/ [class^="icon-support-"],[class*="icon-support-"] {display:inline-block; width:80px; height:80px; line-height:80px; vertical-align:text-top; background:url(../images/support-icons.png) no-repeat 0px 0px;} [class^="icon-support-"]:hover,[class*="icon-support-"]:hover,#developer-feature-carousel .feature-block:hover [class^="icon-support-"],#developer-feature-carousel .feature-block:hover [class*="icon-support-"] {-webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(1000%)} .icon-support-addfunds{background-position: 0px 0px;} .icon-support-registerbrand{background-position: -80px 0px;} .icon-support-createcampaign{background-position: -160px 0px;} .icon-support-getadtag{background-position: -240px 0px;} .icon-support-enhancedbannerad{background-position: 0px -80px;} .icon-support-researchad{background-position: -80px -80px;} .icon-support-showresult{background-position: -160px -80px;} /**************************************************************************************/ [class^="cticon-"],[class*="cticon-"]{display:block;width:200px;height:200px;line-height:100px;vertical-align:text-top;background:url(../images/icons_campaigns_type.png) no-repeat 0 0;margin:auto} .cticon-question{background-position:0 0;opacity:1} .cticon-question:hover,.cticon-question.active{opacity:1} .cticon-banner{background-position:-200px 0;opacity:1} .cticon-banner:hover,.cticon-banner.active{opacity:1} .cticon-text{background-position:-400px 0;opacity:1} .cticon-text:hover,.cticon-text.active{opacity:1} .cticon-combo{background-position:-600px 0;opacity:1} .cticon-combo:hover,.cticon-combo.active{opacity:1} .cticon-dt{background-position:-800px 0;opacity:1} .cticon-dt:hover,.cticon-dt.active{opacity:1} .cticon-mr1{background-position:-1000px 0;opacity:1} .cticon-mr1:hover,.cticon-mr1.active{opacity:1} .cticon-mr22{background-position:-1200px 0;opacity:1} .cticon-mr22:hover,.cticon-mr22.active{opacity:1} .cticon-mr23{background-position:-1400px 0;opacity:1} .cticon-mr23:hover,.cticon-mr23.active{opacity:1} .cticon-mr32{background-position:-1600px 0;opacity:1} .cticon-mr32:hover,.cticon-mr32.active{opacity:1} .cticon-mr33{background-position:0 -200px;opacity:1} .cticon-mr33:hover,.cticon-mr33.active{opacity:1} .cticon-hp1{background-position:-200px -200px;opacity:1} .cticon-hp1:hover,.cticon-hp1.active{opacity:1} .cticon-hp2{background-position:-400px -200px;opacity:1} .cticon-hp2:hover,.cticon-hp2.active{opacity:1} .cticon-pu1{background-position:-600px -200px;opacity:1} .cticon-pu1:hover,.cticon-pu1.active{opacity:1} .cticon-pu2{background-position:-800px -200px;opacity:1} .cticon-pu2:hover,.cticon-pu2.active{opacity:1} .cticon-pu3{background-position:-1000px -200px;opacity:1} .cticon-pu3:hover,.cticon-pu3.active{opacity:1} .cticon-lb1{background-position:-1200px -200px;opacity:1} .cticon-lb1:hover,.cticon-lb1.active{opacity:1} .cticon-lb2{background-position:-1400px -200px;opacity:1} .cticon-lb2:hover,.cticon-lb2.active{opacity:1} .cticon-bn1{background-position:-1600px -200px;opacity:1} .cticon-bn1:hover,.cticon-bn1.active{opacity:1} .cticon-bn2{background-position:0 -400px;opacity:1} .cticon-bn2:hover,.cticon-bn2.active{opacity:1} .cticon-ss1{background-position:-200px -400px;opacity:1} .cticon-ss1:hover,.cticon-ss1.active{opacity:1} .cticon-ss2{background-position:-400px -400px;opacity:1} .cticon-ss2:hover,.cticon-ss2.active{opacity:1} .cticon-ss3{background-position:-600px -400px;opacity:1} .cticon-ss3:hover,.cticon-ss3.active{opacity:1} .cticon-ftmbl{background-position:-800px -400px;opacity:1} .cticon-ftmbl:hover,.cticon-ftmbl.active{opacity:1} .cticon-ftmr{background-position:-1000px -400px;opacity:1} .cticon-ftmr:hover,.cticon-ftmr.active{opacity:1} .cticon-free-res{background-position:-1200px -400px;opacity:1} .cticon-free-res:hover,.cticon-free-res.active{opacity:1} .cticon-blank{background-position:-1400px -400px;opacity:1} .cticon-blank:hover,.cticon-blank.active{opacity:1} .gdpr{font-size:14px; font-weight:400; line-height:18px; color:#929292;} .subbar{background:#121212; color:#FFFFFF; font-size:18px; line-height:24px; padding:10px; text-align:center; overflow:hidden;} .contactbox{background:#FFF8DC; border:solid 1px #f7ddc3; padding:20px 20px 30px 20px; text-align:center; margin-top:230px;} iframe.if{border:none; width:400px; margin:13px 10px; height:40px;} iframe.xsif{border:none; width:365px; margin:5px 5px 0 5px; height:40px;} /****************************** SUBSCRIBE MODAL POPUP CSS ***************************************************************/ #slidebox {width: 500px;height: 160px;padding: 10px 10px 10px 20px;background-color: #ffffff;border: 3px solid #dddddd;position: fixed;bottom: 30px;left: -530px;-moz-box-shadow: -2px 0px 5px #aaa;-webkit-box-shadow: -2px 0px 5px #aaa;box-shadow: -2px 0px 5px #aaa;z-index: 990;} #slidebox p {font-size: 12px !important;text-transform: uppercase;color: #555555 !important;line-height: 18px !important;} #slidebox h2 {color: #b71c1c;font-size: 28px !important;margin: 10px 20px 10px 0px;} #slidebox a.close {background: transparent url(https://opinionads.com/images/close.gif) no-repeat top left;width: 13px;height: 13px;position: absolute;cursor: pointer;top: 5px;right: 5px;} #slidebox a.close:hover {background-position: 0px -13px;} #slidebox .submit-btn {padding: 0px 20px;} #slidebox .submit-btn:hover {background-color: #ffffff;} #slidebox .form-group {width: 60%;display: inline-block;position: relative;} #slidebox input[type=email] {font-size: 18px;width: 100%;height: 42px !important;padding: 5px 15px !important;position: relative !important;bottom: 4px !important;} @media (max-width: 411px) { #slidebox {width: 360px;height: 190px;} #slidebox .form-group {bottom: -3px;} } @media (min-width: 412px) and (max-width: 767px) { #slidebox {width: 400px;height: 190px;} #slidebox .form-group {width: 70%;bottom: -3px;} } .bg-oavector { position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }