@charset "UTF-8";html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {    margin: 0;    padding: 0;    border: 0;    font-size: 100%;    font: inherit;    vertical-align: baseline;    -webkit-font-smoothing: antialiased;    -moz-font-smoothing: antialiased;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {    display: block;}.pointer{    cursor:pointer;}body {    line-height: 1;}ol, ul {    list-style: none;}blockquote, q {    quotes: none;}blockquote:before, blockquote:after,q:before, q:after {    content: '';    content: none;}table {    border-collapse: collapse;    border-spacing: 0;}a {    text-decoration: none;}ul, li {    list-style: none;}@font-face {	font-family: 'bebas';	src: url('../fonts/BebasNeue.otf') format('truetype');	font-weight: normal;	font-style: normal;	text-rendering: optimizeLegibility;}@font-face {	font-family: 'LatoWebLight';	src: url('../fonts/Lato-Light.ttf') format('truetype');	font-style: normal;	font-weight: 300;	text-rendering: optimizeLegibility;}@font-face {	font-family: 'LatoWeb';	src: url('../fonts/Lato-Regular.ttf') format('truetype');	font-style: normal;	font-weight: 400;	text-rendering: optimizeLegibility;}@font-face {	font-family: 'LatoWebSemiBold';	src: url('../fonts/Lato-Semibold.ttf') format('truetype');	font-style: normal;	font-weight:500;	text-rendering: optimizeLegibility;}body {    font-family: 'LatoWeb', helvetica, arial, sans-serif;}.full-width {    overflow: hidden;;    width: 100%;}.wrapper {    max-width: 1280px;    margin: 0px auto;    height: auto;    overflow: auto;}h2 {    font: 40px 'bebas';    text-align: center;    padding: 85px 0 25px;    margin-bottom: 22px;    position: relative;    width: 100%;    color: #03455b;}h2.dark, h3.dark {    color:#fff;}h2:after {    background: url(../Images/hr-line.png) no-repeat;    background-size: 100px;    content: '';    position: absolute;    left: 50%;    bottom: 0;    margin-left: -52px;    height: 2px;    width: 100px;}h3 {    font: 30px 'bebas';    text-align: left;    padding: 55px 0 15px;    margin-bottom: 20px;    position: relative;    width: 100%;    color: #03455b;}h3:after {    background: url(../Images/hr-line.png) no-repeat;    background-size: 100px;    content: '';    position: absolute;    left: 0%;    bottom: 0;    margin-left: 0px;    height: 2px;    width: 100px;}P {    line-height: 30px;}.sprite {    background: url(../Images/bb-sprite.png) no-repeat;    background-size: 400px;}div.pp_default .pp_social {    display: none !important;}.guide {    height: 950px!important;    overflow: hidden;    background-color: #fff;}.dodont {    height: 915px !important;    background-color: #f0f0f0;}.hof {    height: 300px!important;    background-color: #f0f0f0;}.hof .fp-tableCell {    height: 300px!important;}.headerWrapper {    background: #ffffff;    height: 40px;    position: fixed;    top: 0;    width: 100%;    z-index: 9999;    -webkit-box-shadow: 0px 2px 5px 0px rgba(189,189,189,.3);    -moz-box-shadow: 0px 2px 5px 0px rgba(189,189,189,.3);    box-shadow: 0px 2px 5px 0px rgba(189,189,189,.3);}.headerWrapper.fixColor {    background: #ffffff;}.headerWrapper .wrapper {    max-width: 1150px;}header {    max-width: 1280px;    width: 100%;}.logo {    background: url(../Images/bb-sprite.png) no-repeat;    background-position: 0px 0px;    float: left;    height: 23px;    margin: 9px 0 8px;    width: 155px;    background-size:250px;}nav {    float: right;}nav ul li {    display: inline-block;    float: left;    margin-top: 0px;}nav a {    color: #000;    display: inline-block;    font: 14px 'LatoWeb';    padding: 12px 10px;    margin: 0 5px;    text-transform: uppercase;}nav a:hover, nav li.active a{    color: #1693d8;}nav.more {    box-sizing: border-box;    left: 0;    position: absolute;    top: 0;    width: 100%}nav.more ul {    display: none;    border-bottom: 4px solid #2f414c;    float: right;    top: 12px;    overflow: hidden;    position: relative;    width: 100%;}nav.more ul li {    background-color: #49b40e;    border: 1px solid #399506;    box-sizing: border-box;    display: block;    float: left;    margin: 0;    width: 50%;}nav.more ul li.homeLink {    display: none;}.moreBtn {    background-color: #49b40e;    cursor: pointer;    display: none !important;    float: right;    height: 25px;    margin: 18px 10px 0 0;    position: relative;    text-align: center;    width: 25px;    z-index: 1000;}nav.more .moreBtn {    display: block;}.moreBtn i {    position: absolute;    border: 2px solid #fff;    top: 65%;    left: 25%;    right: 25%;}.moreBtn:before,.moreBtn:after {    position: absolute;    border: 2px solid #fff;    top: 27%;    left: 25%;    right: 25%;    content: '';}.moreBtn:after {    top: 45%;}.banner {    background: #b5e3ea;    overflow: hidden;    padding-top: 0 !important;}.banner .fp-tableCell {    height: 100% !important;}.banner .full-width {    height: 100%;    position: relative;    overflow: hidden;    width: 100%;    display: flex;    flex-direction: column;    flex: 1;    align-items:;    vertical-align:;}.banner .full-width .buildings {    background: url(../Images/bb_banner_bg.png) repeat-x bottom left;    background-size: auto 94%;    bottom: 0;    right: 0;    position: absolute;    height: 150px;    width: 3000px;}.banner .wrapper {    top: 200px;    height: 60%;    position: absolute;    margin: auto;    overflow: visible;    width: 1150px;    left: 50%;    margin-left: -582px;}.slide {    text-align: left;    overflow: visible;    height: 100%;    width: 100%;}.losImage, .losImage img {    position: absolute;    height: 50%;    right: 0px;}.losImage {    bottom: -50px;    height: 100%;}.slideContent {    width: 670px;    float: left;    margin-top: 85px;    padding-left: 5em;    position: relative;    z-index: 9;}.slideContent > span,.slideContent > em {    color: #CDCBCB;    font-family: 'LatoWebLight', sans-serif;}.slideContent > em {    text-align: left;    font-size: 22px;    display: inline-block;    width: 100%;    padding-left: 8px;}.slideContent > p {    color: #03455b;    font-size: 45px;    line-height: 50px;    font-family: 'bebas'}.slideContent > p.priority {    color: #06243e;    font-size: 46px;    line-height: 62px;    margin-top: 15px;}.slideContent > span {    font-size: 30px;    text-align: right;}.slideContent > span.encourage {    color: #03455b;    font: normal 22px 'LatoWeb';    letter-spacing: 1px;    padding: 16px 10 6px 0px ;}.slideContent > .buttonBox {    margin-top: 40px;}.slideContent > .buttonBox span {    color: #03455b;    font: 17px 'LatoWebLight', sans-serif;    display: inline-block;    text-align: left;    padding-bottom: 15px;    width: 100%;}.slideContent > .buttonBox .regBtn {    background-color: #f36853;    display: block;    cursor: pointer;    float: left;    overflow: hidden;    width: 210px;    height: 53px;}.slideContent > .buttonBox .regBtn {    color: #fff;    box-sizing: border-box;    padding-right: 18px;    font: 30px/53px 'LatoWebLight', sans-serif;    text-align: right;}.slideContent > .buttonBox .regBtn strong {    float: left;    display: block;    position: relative;    font: 20px 'LatoWebSemiBold', sans-serif;    background-color: #1693d8;    text-transform: uppercase;    padding: 12px 8px 14px 15px;    color:#fff;    -webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -ms-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease;}.slideContent > .buttonBox .regBtn strong:after {    content: '';    width: 0px;    height: 0px;    position: absolute;    right: -24px;    top: 0;    border-style: solid;    -webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -ms-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease;    border-width: 27.5px 0 27.5px 25px;    border-color: transparent transparent transparent #f36853;}.slideContent > .buttonBox .regBtn:hover strong {    color: #999;    background-color: #000;}.slideContent > .buttonBox .regBtn:hover strong:after {    border-color: transparent transparent transparent #000;}.guide ul {    font-size: 16px;    display: block;    text-align: left;    margin: 0 auto;    max-width: 860px;    color: #03455b;    padding: 0px 30px;}.guide h3 {    width: 890px;    margin-left: auto;    margin-right: auto;    }.guide ul li {    list-style: circle;    line-height: 25px;}.guide .full-width {    height: 358px;    margin-top: 100px;    background-color: #fff;}.guide .wrapper {    max-width: 100%;    position: relative;    overflow: visible;}.guide .guideContent {    margin: 0 auto;    width: 734px;}.guide .guideContent > div {    float: left;    color: #03455b;    text-align: center;    width: 33%;    margin-top: 70px;}.guide .guideContent > div i {    background-position: 0 -624px;    display: inline-block;    width: 46px;    height: 79px;}.guide .guideContent > div.config i {    background-position: 0 -78px;    height: 82px;    margin-bottom: -2px;    width: 74px;}.guide .guideContent > div.how i {    background-position: 0 -543px;    width: 73px;}.guide .guideContent > div p {    max-width: 195px;    padding-top: 20px;}.dodont .wrapper {    margin: 0 auto 30px;    width: 900px;}.dodontContent ul {    font-size: 16px;    display: block;    text-align: left;    margin: 0 auto;    max-width: 860px;    color: #03455b;    padding: 0px 30px;}.dodontContent ul li {    list-style: circle;    line-height: 25px;}.dodontContent .dodontList {    float: left;}.register {    height: 600px !important;}.formFrame {    margin: 0 auto;    width: 600px;}.formFrame iframe {    width: 600px;}.hof .fullWidth:first-child {    background-attachment: fixed;    background-image: url('../Images/hof-bg.jpg');    background-size: 100% auto;    background-repeat: no-repeat;    background-size: cover;    background-position: center center;    color: #fff;    text-align: center;    }.hof .fullWidth:nth-child(2) {    background-color: #212121;    color: #fff;    text-align: center;    padding-bottom: 50px;}.hof p {    margin: 0 auto 50px;    width: 800px;}.hof a {    color: #394b61;    display: inline-block;    margin: 5px 0 10px;    clear: left;}.hof a:hover {    color: #fff;}.hof .btn {    background-color: #5dd91a;    cursor: pointer;    color: #000;    display: block;    padding: 10px 20px;    width: 120px;    margin: 0 auto 30px;}.hof .btn:hover {    color: #000;    background-color: #fff;}.hof ul.hof-ul {    width:900px;    max-width: 100%;    margin: 0 auto;    overflow: hidden;    text-align: center;}.hof ul.hof-ul li {    list-style: none;        width:160px;    padding: 10px 10px;    display: inline-block;}.hof ul.hof-ul .hof-image img {    width:100px;    height:100px;    border-radius: 50%;    border:3px solid #fff;    margin-bottom: 20px;}.hof ul .hof-name,.hof ul .hof-link {    text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;    width:160px;    height: 20px;}.footer p {    text-align: center;}footer  {    background-color: #212121;    color: #fff;    height: 300px;    overflow: hidden;    width: 100%;}footer ul {    margin: 40px auto;    max-width: 850px;    overflow: hidden;    padding: 0 3%;}footer ul li {    border-left: 1px solid #ccc;    display: inline;    line-height: 0;    padding: 0 12px;}footer li:first-child {    border-left: medium none;}footer ul li a {    color:#fff;}.socialLinks {    margin: 20px auto 20px;    width: 209px;}.socialLinks > a {    background-position: 0 -768px;    display: inline-block;    opacity: 0.6;    height: 28px;    margin: 0 5px;    width: 28px;}.socialLinks > a:hover {    opacity: 1;}.socialLinks > a.si1 {    background-position: 0px -68px;}.socialLinks > a.si2 {    background-position: -57px -68px;}.socialLinks > a.si3 {    background-position: -116px -68px;}.footer-zohologo a.zlogo {    background-position: 1px 1px;    background-size: 350px auto;    height: 30px;    width: 80px;}.slideContent > em,.slideContent > p.at-zoho {    opacity: 0;    -moz-transform: translateX(-40px);    -webkit-transform: translateX(-40px);    -o-transform: translateX(-40px);    -ms-transform: translateX(-40px);    transform: translateX(-40px);    -webkit-transition: all .5s ease;    -moz-transition: all .5s ease;    -ms-transition: all .5s ease;    -o-transition: all .5s ease;    transition: all .5s ease;}.slideContent > p.priority {    opacity: 0;    -moz-transform: translateX(40px);    -webkit-transform: translateX(40px);    -o-transform: translateX(40px);    -ms-transform: translateX(40px);    transform: translateX(40px);    -webkit-transition: .5s ease .3s;    -moz-transition: .5s ease .3s;    -ms-transition: .5s ease .3s;    -o-transition: .5s ease .3s;    transition: .5s ease .3s;}.slideContent > .encourage,.slideContent > .buttonBox span,.slideContent > .buttonBox .regBtn {    opacity: 0;    -moz-transform: translateY(40px);    -webkit-transform: translateY(40px);    -o-transform: translateY(40px);    -ms-transform: translateY(40px);    transform: translateY(40px);    -webkit-transition: .5s ease .6s;    -moz-transition: .5s ease .6s;    -ms-transition: .5s ease .6s;    -o-transition: .5s ease .6s;    transition: .5s ease .6s;}.slideContent > .buttonBox span {    -webkit-transition: .5s ease .8s;    -moz-transition: .5s ease .8s;    -ms-transition: .5s ease .8s;    -o-transition: .5s ease .8s;    transition: .5s ease .8s;}.slideContent > .buttonBox .regBtn {    -webkit-transition: .5s ease .9s;    -moz-transition: .5s ease .9s;    -ms-transition: .5s ease .9s;    -o-transition: .5s ease .9s;    transition: .5s ease .9s;}.animate .slideContent > em,.animate .slideContent > p,.animate .slideContent > .monitor,.animate .slideContent > p.priority,.animate .slideContent > .encourage,.animate .slideContent > .buttonBox span,.animate .slideContent > .buttonBox .regBtn {    opacity: 1;    -moz-transform: translateX(0);    -webkit-transform: translateX(0);    -o-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);}.dodontContent ul li:hover i {}.ease {    -webkit-transition: .5s ease;    -moz-transition: .5s ease;    -ms-transition: .5s ease;    -o-transition: .5s ease;    transition: .5s ease;}.ease1 {    -webkit-transition: .5s ease .2s;    -moz-transition: .5s ease .2s;    -ms-transition: .5s ease .2s;    -o-transition: .5s ease .2s;    transition: .5s ease .2s;}.ease2 {    -webkit-transition: .5s ease .5s;    -moz-transition: .5s ease .5s;    -ms-transition: .5s ease .5s;    -o-transition: .5s ease .5s;    transition: .5s ease .5s;}.ease3 {    -webkit-transition: .5s ease .7s;    -moz-transition: .5s ease .7s;    -ms-transition: .5s ease .7s;    -o-transition: .5s ease .7s;    transition: .5s ease .7s;}.ease4 {    -webkit-transition: .5s ease .9s;    -moz-transition: .5s ease .9s;    -ms-transition: .5s ease .9s;    -o-transition: .5s ease .9s;    transition: .5s ease .9s;}.ease5 {    -webkit-transition: .5s ease 1.1s;    -moz-transition: .5s ease 1.1s;    -ms-transition: .5s ease 1.1s;    -o-transition: .5s ease 1.1s;    transition: .5s ease 1.1s;}.ease6 {    -webkit-transition: .5s ease 1.3s;    -moz-transition: .5s ease 1.3s;    -ms-transition: .5s ease 1.3s;    -o-transition: .5s ease 1.3s;    transition: .5s ease 1.3s;}.ease7 {    -webkit-transition: .5s ease 1.5s;    -moz-transition: .5s ease 1.5s;    -ms-transition: .5s ease 1.5s;    -o-transition: .5s ease 1.5s;    transition: .5s ease 1.5s;}.ease8 {    -webkit-transition: .5s ease 1.7s;    -moz-transition: .5s ease 1.7s;    -ms-transition: .5s ease 1.7s;    -o-transition: .5s ease 1.7s;    transition: .5s ease 1.7s;}.ease9 {    -webkit-transition: .5s ease 1.9s;    -moz-transition: .5s ease 1.9s;    -ms-transition: .5s ease 1.9s;    -o-transition: .5s ease 1.9s;    transition: .5s ease 1.9s;}.ease10 {    -webkit-transition: .5s ease 2.1s;    -moz-transition: .5s ease 2.1s;    -ms-transition: .5s ease 2.1s;    -o-transition: .5s ease 2.1s;    transition: .5s ease 2.1s;}.ease11 {    -webkit-transition: .5s ease 2.3s;    -moz-transition: .5s ease 2.3s;    -ms-transition: .5s ease 2.3s;    -o-transition: .5s ease 2.3s;    transition: .5s ease 2.3s;}.ease12 {    -webkit-transition: .5s ease 2.5s;    -moz-transition: .5s ease 2.5s;    -ms-transition: .5s ease 2.5s;    -o-transition: .5s ease 2.5s;    transition: .5s ease 2.5s;}.ease13 {    -webkit-transition: .5s ease 2.7s;    -moz-transition: .5s ease 2.7s;    -ms-transition: .5s ease 2.7s;    -o-transition: .5s ease 2.7s;    transition: .5s ease 2.7s;}.ease14 {    -webkit-transition: .5s ease 2.9s;    -moz-transition: .5s ease 2.9s;    -ms-transition: .5s ease 2.9s;    -o-transition: .5s ease 2.9s;    transition: .5s ease 2.9s;}.ease15 {    -webkit-transition: .5s ease 3.1s;    -moz-transition: .5s ease 3.1s;    -ms-transition: .5s ease 3.1s;    -o-transition: .5s ease 3.1s;    transition: .5s ease 3.1s;}.ease16 {    -webkit-transition: .5s ease 3.3s;    -moz-transition: .5s ease 3.3s;    -ms-transition: .5s ease 3.3s;    -o-transition: .5s ease 3.3s;    transition: .5s ease 3.3s;}.ease17 {    -webkit-transition: .5s ease 3.5s;    -moz-transition: .5s ease 3.5s;    -ms-transition: .5s ease 3.5s;    -o-transition: .5s ease 3.5s;    transition: .5s ease 3.5s;}.ease18 {    -webkit-transition: .5s ease 3.7s;    -moz-transition: .5s ease 3.7s;    -ms-transition: .5s ease 3.7s;    -o-transition: .5s ease 3.7s;    transition: .5s ease 3.7s;}.ease19 {    -webkit-transition: .5s ease 3.9s;    -moz-transition: .5s ease 3.9s;    -ms-transition: .5s ease 3.9s;    -o-transition: .5s ease 3.9s;    transition: .5s ease 3.9s;}.ease20 {    -webkit-transition: .5s ease 4.1s;    -moz-transition: .5s ease 4.1s;    -ms-transition: .5s ease 4.1s;    -o-transition: .5s ease 4.1s;    transition: .5s ease 4.1s;}.ease21 {    -webkit-transition: .5s ease 4.3s;    -moz-transition: .5s ease 4.3s;    -ms-transition: .5s ease 4.3s;    -o-transition: .5s ease 4.3s;    transition: .5s ease 4.3s;}.ease22 {    -webkit-transition: .5s ease 4.5s;    -moz-transition: .5s ease 4.5s;    -ms-transition: .5s ease 4.5s;    -o-transition: .5s ease 4.5s;    transition: .5s ease 4.5s;}.dodont i {    -webkit-transition: 0s ease .2s;    -moz-transition: 0s ease .2s;    -ms-transition: 0s ease .2s;    -o-transition: 0s ease .2s;    transition: 0s ease .2s;}.loadDown, .loadUp, .loadLeft, .loadRight, .trans, .loadZoom {    filter: alpha(opacity=0);    opacity: 0;}.loadDown {    -moz-transform: translateY(10px);    -webkit-transform: translateY(10px);    -o-transform: translateY(10px);    -ms-transform: translateY(10px);    transform: translateY(10px);}.loadUp {    -moz-transform: translateY(-10px);    -webkit-transform: translateY(-10px);    -o-transform: translateY(-10px);    -ms-transform: translateY(-10px);    transform: translateY(-10px);}.loadRight {    -moz-transform: translateX(10px);    -webkit-transform: translateX(10px);    -o-transform: translateX(10px);    -ms-transform: translateX(10px);    transform: translateX(10px);}.loadLeft {    -moz-transform: translateX(-10px);    -webkit-transform: translateX(-10px);    -o-transform: translateX(-10px);    -ms-transform: translateX(-10px);    transform: translateX(-10px);}.loadZoom {    -moz-transform: scale(.8);    -webkit-transform: scale(.8);    -o-transform: scale(.8);    -ms-transform: scale(.8);    transform: scale(.8);}.moveEffect {    filter: alpha(opacity=100);    opacity: 1;    -moz-transform: translate(0) scale(1);    -webkit-transform: translate(0) scale(1);    -o-transform: translate(0) scale(1);    -ms-transform: translate(0) scale(1);    transform: translate(0) scale(1);}.buildings {    -webkit-animation: buildingMove 200s linear forwards;    -moz-animation:    buildingMove 200s linear forwards;    -o-animation:      buildingMove 200s linear forwards;    animation:         buildingMove 200s linear forwards;}@-webkit-keyframes buildingMove {    0%   { -webkit-transform: translateX(0); }    100% { -webkit-transform: translateX(1000px); }}@-moz-keyframes buildingMove {    0%   { -moz-transform: translateX(0); }    100% { -moz-transform: translateX(1000px); }}@-o-keyframes buildingMove {    0%   { -o-transform: translateX(0); }    100% { -o-transform: translateX(1000px); }}@keyframes buildingMove {    0%   { transform: translateX(0); }    100% { transform: translateX(1000px); }}.losImage img {    -webkit-animation: losMove 100s ease forwards;    -moz-animation:    losMove 100s ease forwards;    -o-animation:      losMove 100s ease forwards;    animation:         losMove 100s ease forwards;}@-webkit-keyframes losMove {    0%   { -webkit-transform: scale(1); }    50% { -webkit-transform: scale(1.2); }    100% { -webkit-transform: scale(1); }}@-moz-keyframes losMove {    0%   { -moz-transform: scale(1); }    50% { -moz-transform: scale(1.2); }    100% { -moz-transform: scale(1); }}@-o-keyframes losMove {    0%   { -o-transform: scale(1); }    50% { -o-transform: scale(1.2); }    100% { -o-transform: scale(1); }}@keyframes losMove {    0%   { transform: scale(1); }    50% { transform: scale(1.2); }    100% { transform: scale(1); }}.ie8 .loadDown, .ie8 .loadUp, .ie8 .loadLeft,.ie8 .loadRight, .ie8 .trans, .ie8 .loadZoom {    filter: alpha(opacity=100) !important;    opacity: 1;}@media only screen and (max-width : 1180px) {        .headerWrapper .wrapper{        max-width: 95%;        margin: 0 auto;    }    .banner .wrapper {        max-width: 950px;        margin-left: -475px;        top: 175px;    }}@media only screen and (max-width : 900px) {}@media only screen and (max-width : 850px) {    .dodont .wrapper {        max-width: 100%;        width: 100%;    }    .dodontContent ul {        background-position: 30px 0;    }    .dodontContent ul li {        position: relative;    }    .dodontContent ul li i {        left: 24px;        top: 3px;        position: absolute;    }    .dodontContent ul li span {        box-sizing: border-box;        margin-left: 50px;        width: 100%;        color:#0fcdac;    }    .dodontContent ul li p {        box-sizing: border-box;        margin: 5px 0 0 50px;        width: 90%;    }}@media only screen and (max-width : 800px) {    div#banner div.arrow{        display: none;    }        .section,    .section .fp-tableCell {        height: auto !important;        min-height: 0 !important;        padding: 0px 15px;    }    .ease, .ease1, .ease2, .ease3, .ease4, .ease5, .ease6 {        filter: alpha(opacity=1);        opacity: 1;        transform: scale(1) translate(0);    }    h2 {        font-size: 30px;        padding: 30px 0px 15px;        margin-bottom: 22px;    }    .headerWrapper {        position: static;    }        .banner .wrapper {        height: auto;        position: static;        overflow: hidden;        padding: 30px 0;        margin: 0;        max-width: 100%;        width: 100%;    }    .banner .full-width .buildings, .losImage {        display: none;    }    .slideContent {        overflow: hidden;        text-align: center;        margin-top: 0;        width: 100%;        padding-left: 0em;    }    .slideContent > em,    .slideContent > p,    .slideContent > span,    .slideContent > .buttonBox span {        display: block;        text-align: center;        padding: 0 !important;        width: 100%;    }    .slideContent > em {        font-size: 20px;    }    .slideContent > p.at-zoho {        font-size: 90px;        line-height: 95px;    }    .slideContent > p.priority {        font-size: 150px;        line-height: 150px;        margin-top: 0;    }    .slideContent > .buttonBox span {        margin-bottom: 10px;    }    .slideContent > .buttonBox a {        float: none !important;        text-align: right;        margin: 0 auto;    }        .guide p {        margin: 0px auto;        width: 90%;        font-size: 14px;    }    .guide .full-width {        height: auto;    }    .guide .wrapper {        overflow: hidden;        padding-bottom: 100px;        position: relative;    }    .guide .guideContent {        width: 100%;    }    .guide .guideContent > div {        margin: 30px 0;        width: 37%;    }    .guide .guideContent > div.knowledge,    .guide .guideContent > div.config {        width: 31%;    }    .guide .guideContent > div p {        font: 14px 'LatoWebLight';        max-width: 90%;        width: 100%;    }        .hof .fullWidth {        background-size: auto 100%;    }    .hof p {        font: 16px "LatoWebLight";        width: 90%;    }    .hof .btn {        margin-bottom: 0;    }    .hof .fullWidth {        margin-bottom: 20px;    }        .footer .locaBox {        width: 100%;    }    .footer .locaBox p {        width: 100%;        margin-bottom: 18px;    }}@media only screen and (max-width : 550px) {    .slideContent > em {        font-size: 15px;    }    .slideContent > p.at-zoho {        font-size: 60px;        line-height: 60px;    }    .slideContent > span.encourage {        font-size: 18px;    }    .slideContent > p.priority {        font-size: 120px;        line-height: 120px;    }}@media only screen and (max-width : 480px) {    .banner span.encourage {        text-align: center;        margin: 0px auto;        width: 240px;    }    .banner span.encourage strong {        display: none;    }    .guide .guideContent {        overflow: hidden;        padding: 30px 0 0;    }    .guide .guideContent > div.knowledge,    .guide .guideContent > div.config,    .guide .guideContent > div.how {        display: block;        float: none;        margin: 0 auto 35px;        width: 90%;    }    .guide .guideContent > div p {        padding-top: 5px;        max-width: 100%;        width: 100%;    }        .dodontContent ul {        background-position: 20px 0;    }    .dodontContent ul li i {        left: 14px;    }    .dodontContent ul li span,    .dodontContent ul li p {        margin-left: 40px;    }        .footer p {        font-size: 12px;    }}.loginBtn {	background-color: #f36853;	color: #fff;	cursor: pointer;	display: block;	float: left;	overflow: hidden;	text-align: center;	width: 50px;}.loginBtn:hover{    color:#fff;}select.sel-model{    border:none;}div#banner div.arrow:before {    content: "";            position: absolute;    bottom: -5px;    height: 0px;    left: 50%;    margin-left: -40px;        border: solid 40px transparent;    border-top: solid 25px;    border-top-color: inherit;}div#banner div.arrow:after {    content: "";            position: absolute;    bottom: 0px;    height: 0px;    left: 50%;    margin-left: -40px;        border: solid 40px transparent;    border-top: solid 20px #b5e3ea;}div.arrow {    cursor: pointer;    border-color: #b2b2b2;    position: absolute;    left: 50%;    bottom: 0px;    width: 80px;    margin-left: -40px;    height: 60px;    transition: all linear .3s;}.arrow:hover {    border-color: black;}.footer a {    color: white;}.imp-note{    color:#E3522F;    font-style:italic;    font-size: 13px;    line-height: 21px;}.hof-years .hof-year > a {    padding: 10px;    font-size: 1.1em;    margin: 0px;    display: inline-block;    width: 100px;    background: rgba(128, 128, 128, 0.1);}.hof-years .hof-year.active {    border-bottom: solid 3px #6f7982;}.hof-years {    margin: 10px;}.empty-hof {    padding: 50px;    font-size: 1.2em;    font-weight: bolder;    color: #f1f1f1;}.hof-years .hof-year {    display: inline-block;    max-width: 100%;    padding: 0px;    margin: 5px;}div.arrow:hover {    transform: translateY(10px);    padding-top: 10px;}.imp-note{	color:#E3522F;	font-style:italic;	font-size:12px;	line-height: 21px;}.losImage > div{	background-image: url(../Images/bb_banner.png);    height: 270px;    width: 245px;    background-size: 100%;    background-repeat: no-repeat;}