@font-face { font-family: 'font-awesome'; src: url('fonts/font-awesome/fontawesome-webfont5e1f.eot?v=2'); src: url('fonts/font-awesome/fontawesome-webfont3380.eot?v=2&#iefix') format('embedded-opentype'), url('fonts/font-awesome/fontawesome-webfont5e1f.woff?v=2') format('woff'), url('css/fonts/font-awesome/fontawesome-webfont5e1f.ttf?v=2') format('truetype'), url('fonts/font-awesome/fontawesome-webfont.svg#svgFontName&v=2') format('svg'); font-weight: normal; font-style: normal }



@media screen and (-webkit-min-device-pixel-ratio:0) {

@font-face { font-family: 'font-awesome'; src: url('fonts/font-awesome/fontawesome-webfontc76b.svg?v=2&#svgFontName') format('svg') }

}









a:hover,.pseudo-link:hover{text-decoration:underline}img{max-width:100%;width:auto\9;height:auto;-moz-border-radius:2px;border-radius:2px;border:none}.ie8 img{width:auto}img.svg{width:100%;height:100%}.rwd{width:95%;max-width:972px;overflow:hidden;margin:0 auto;clear:both;position:relative}.ie8 .rwd,.ie7 .rwd{width:972px}.new-col-structure .rwd,.footer .rwd{max-width:1199px}.ie8 .new-col-structure .rwd,.ie7 .new-col-structure .rwd{width:1199px}#header{margin:0}#header .header-inner{max-width:1199px;margin:0 auto;padding-top:.9375em;padding-bottom:.9375em;overflow:hidden}#header .logo{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:21.666666666666668%;max-width:170px}#header .better-way-logo{float:left;margin-right:-100%;margin-left:76.66666666666667%;width:21.666666666666668%;max-width:120px}#header #header-contacts{padding-top:2.5em;float:left;margin-right:-100%;margin-left:26.666666666666668%;width:71.66666666666667%;text-align:right;color:#666}#header #header-contacts div{display:inline-block;padding:0 0 0 30px}#header .text{color:#9aa5aa}#header #header-contacts .icon{color:#9aa5aa;font-size:1.3125em}#header #header-contacts div.phone .icon:before{content:'\f095'}#header #header-contacts div.email .icon:before{content:'\f0e0'}#header #header-contacts div#snapengage .icon:before{content:'\f086'}#header #header-contacts div.text .icon:before{content:'\f10b';font-size:1.1428571428571428em}#header #header-contacts div .icon span{display:none}#header #header-contacts div.email{padding-bottom:0}#header #header-contacts div.contact-item:first-child{padding-left:0}#header #header-contacts #snapengage{display:none}#header #header-contacts.show-snapengage #snapengage{display:inline-block}#header #header-contacts div a{font-size:1.3125em}@media screen and (min-width:800px){#header #header-contacts div a{-webkit-font-smoothing:antialiased}}#header #header-contacts div.region-choice{font-size:.6875em;font-weight:bold;display:block;width:auto !important;padding-bottom:2.727272727272727em}#header #header-contacts .header-contacts-br{display:none}#header #header-contacts #countrySelector{position:relative;top:-2px}@media screen and (max-width:1200px){#header #header-contacts{padding-top:1.5625em}#header #header-contacts .header-contacts-br{display:block}#header #header-contacts .header-contacts-inner div{width:18em;margin-right:-4px;padding:0 0 .4375em 0}.header-contacts-inner div:last-child{margin-right:0}#header #header-contacts div.region-choice{padding-bottom:1.8181818181818181em}}@media screen and (max-width:850px){#header #header-contacts,#header #header-contacts.show-snapengage{padding-top:0}#header #header-contacts div{display:block}#header #header-contacts .header-contacts-inner div{width:auto;padding:0}#header .logo{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:21.666666666666668%}#header #header-contacts{float:left;margin-right:-100%;margin-left:26.666666666666668%;width:71.66666666666667%}#header #header-contacts div a{font-size:1em}#header #header-contacts .header-contacts-br{display:none}#header #header-contacts div.region-choice{padding-bottom:.9090909090909091em}}@media screen and (max-width:600px){#header #header-contacts{font-size:.875em}}@media screen and (max-width:700px){.home-anim,#anim{display:none !important}}.awesome:before{font-family:"font-awesome";padding-right:.25em;line-height:1em;-webkit-font-smoothing:antialiased}#main-menu{background:#00b0f7;clear:both;position:relative;z-index:102;color:#fff;-webkit-font-smoothing:antialiased;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);box-shadow:0 2px 2px rgba(0,0,0,0.1)}#main-menu .inner{max-width:1199px;margin:0 auto}#main-menu ul{margin:0;padding:0;list-style-type:none;display:inline-block}#main-menu ul.account-menu{float:right;margin-left:-100%}.legacy #main-menu ul.account-menu{margin-left:0}#main-menu>.inner>ul>li{display:inline-block}.legacy #main-menu>.inner>ul>li{float:left}#main-menu li a,#menu-spacer{display:block;padding:1.5625em .9375em}#main-menu a,#main-menu a:hover{color:#fff;text-decoration:none;cursor:pointer}#main-menu .submenu{position:absolute;left:0;z-index:100;width:100%;padding-bottom:1.875em;background:#00a3e6;display:none;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.1);box-shadow:0 2px 2px rgba(0,0,0,0.1)}.computer #main-menu li:hover .submenu,.computer #main-menu ul.account-menu li.submenu-open:hover .submenu,#main-menu li.submenu-open .submenu{display:block}.computer #main-menu ul.account-menu li:hover .submenu{display:none}#main-menu h4{font-family:'myriad-pro',Helvetica,Arial,sans-serif;font-weight:600;text-align:left;font-size:1.3125em;color:#fff;margin-top:1.1904761904761905em;padding-bottom:.38095238095238093em;margin-bottom:0}#main-menu li ul{display:table;width:100%;border-top:solid 1px rgba(255,255,255,0.2);padding-top:.9375em}#main-menu li li,#main-menu li li b{-moz-border-radius:4px;border-radius:4px}#main-menu li li:hover{background:#3cc3f9}#main-menu li li a{padding:.25em;padding-left:.75em;text-indent:-0.5em}#main-menu li li a:before{width:.5em;content:"\2022\a0"}#main-menu .four-menu>div{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:21.666666666666668%}#main-menu .four-menu>.one{clear:left}#main-menu .four-menu>.two{margin-left:26.666666666666668%}#main-menu .four-menu>.three{margin-left:51.66666666666667%}#main-menu .four-menu>.four{margin-left:76.66666666666667%}#main-menu .three-menu-centered>div{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:30%}#main-menu .three-menu-centered>.one{clear:left}#main-menu .three-menu-centered>.two{margin-left:35%}#main-menu .three-menu-centered>.three{margin-left:68.33333333333333%}#main-menu .two-menu-centered>div{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:30%}#main-menu .two-menu-centered>.one{margin-left:18.333333333333332%;clear:left}#main-menu .two-menu-centered>.two{margin-left:51.66666666666667%}#main-menu .one-menu-centered>div{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:30%}#main-menu .one-menu-centered>.one{margin-left:35%;clear:left}@media screen and (max-width:960px){#main-menu .four-menu>div,#main-menu .two-menu-centered>div{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:46.666666666666664%}#main-menu .two-menu-centered>.one{margin-left:1.6666666666666667%}#main-menu .four-menu>.two,#main-menu .two-menu-centered>.two{margin-left:51.66666666666667%}#main-menu .four-menu>.three{margin-left:1.6666666666666667%;clear:left}#main-menu .four-menu>.four{margin-left:51.66666666666667%}}#main-menu .two-menu>div{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:46.666666666666664%}#main-menu .two-menu>.one{clear:left}#main-menu .two-menu>.two{margin-left:51.66666666666667%}@media screen and (max-width:700px){#main-menu .four-menu>div,#main-menu .three-menu-centered>div,#main-menu .two-menu-centered>div,#main-menu .two-menu>div{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:96.66666666666667%;margin-left:1.6666666666666667% !important;clear:left}}.legacy #main-menu .four-menu>div,.legacy #main-menu .three-menu-centered>div,.legacy #main-menu .two-menu-centered>div,.legacy #main-menu .two-menu>div{width:220px !important;clear:none;margin-left:0 !important;margin-right:0 !important;padding:0 10px}.legacy #main-menu .two-menu>div{width:460px !important}#main-menu .submenu .inner div{text-align:left}#main-menu b{display:block;background:#26bcf8;font-weight:normal}#main-menu .submenu b{background:#00b0f7}.computer #main-menu>.inner>ul>li:hover,.computer #main-menu>.inner>ul>li:hover>b,#main-menu .submenu-open,#main-menu .submenu-open>b{background:#00a3e6}.computer #main-menu .submenu li:hover,.computer #main-menu .submenu li:hover b{background:#0093ce}#main-menu .submenu-toggle,#main-menu .submenu h4:after{display:inline-block;line-height:1em;font-family:"font-awesome";-webkit-font-smoothing:antialiased;color:#99dffc;font-weight:bold;padding:0 .625em 0 .3125em;margin:0 -0.9375em 0 0}#main-menu .submenu-toggle:before{content:'\f107'}.no-js #main-menu li:hover .submenu-toggle:before,#main-menu li.submenu-open .submenu-toggle:before{content:'\f106'}#main-menu .login-button{background:#0091cb}#main-menu #main-menu-button>span:before,#main-menu #search-button:before{font-family:"font-awesome";-webkit-font-smoothing:antialiased;content:'\f002';line-height:1em}#main-menu #main-menu-button span span,#main-menu #search-button span{display:none}.legacy #main-menu #search-button span{display:block}.legacy #main-menu #search-button i{display:none}#main-menu #main-menu-button{cursor:pointer}#main-menu #main-menu-button>span{display:block;padding:1.5625em .9375em;-webkit-transition:.1s linear;-moz-transition:.1s linear;-o-transition:.1s linear;transition:.1s linear}#main-menu #main-menu-button>span:before{content:'\f0c9'}#main-menu #main-menu-button.opened{background:#00a3e6}#main-menu #main-menu-button.opened>span{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg) translateY(2px);-ms-transform:rotate(90deg) translateY(2px);transform:rotate(90deg)}@media screen and (min-width:700px){#main-menu #main-menu-button{display:none}}.ie8 #main-menu>.inner>ul>li#main-menu-button{display:none}#js-width-checker{display:none}@media screen and (max-width:1023px){#main-menu .inner{text-align:center}#the-menu{text-align:left}#main-menu ul{width:100%}#main-menu ul.account-menu{display:block;float:none;margin-left:0;background:#009ddd}}@media screen and (max-width:700px){#js-width-checker{width:1px}#main-menu ul.account-menu{background:#00b0f7}#main-menu-button{display:block}#main-menu ul#the-menu{background:#00a3e6;position:absolute;left:0;display:none}#main-menu>.inner>ul#the-menu>li{display:block}#main-menu b{background:#00a9ed}#main-menu .submenu b{background:#26a3d5;-moz-border-radius:0;border-radius:0}.computer #main-menu>.inner>ul#the-menu>li:hover,.computer #main-menu>.inner>ul#the-menu>li:hover>b,#main-menu>.inner>ul#the-menu li.submenu-open,#main-menu>.inner>ul#the-menu li.submenu-open>b{background:#009ad8}#main-menu #the-menu li a{padding:.9375em .9375em}#main-menu .submenu h4{font-size:1em;padding:.625em .9375em;margin-top:0;cursor:pointer}#main-menu .submenu h4.h4-open,#main-menu .submenu h4.h4-open+ul{background:#0091cb}#main-menu .submenu h4:after{content:'\f107'}#main-menu .submenu h4.h4-open:after{content:'\f106'}#main-menu .submenu ul{padding-top:0}#main-menu #the-menu .submenu li a{padding:.625em .9375em}#main-menu #the-menu .submenu{position:static;overflow:hidden;background:#009ad8}#main-menu #the-menu .submenu li:hover,#main-menu #the-menu .submenu li:hover>b{background:#0091cb}#main-menu ul.account-menu{border-bottom:none}#main-menu .submenu ul{display:none}}@media screen and (min-width:700px){#main-menu ul#the-menu,#main-menu .submenu ul{display:block !important}}.computer #main-menu.sticky,.tablet #main-menu.sticky{position:fixed;top:0;width:100%}#main-menu+#menu-spacer{display:none;clear:both}.computer #main-menu.sticky+#menu-spacer,.tablet #main-menu.sticky+#menu-spacer{display:block}body .menu-new{display:inline-block;vertical-align:middle;width:2em;height:2em;margin:-1em 0 -1em .25em;text-indent:0}body .submenu a:hover .menu-new{width:2.5em;height:2.5em}body .menu-new img{margin:0}.modz-svg body .menu-new{background:url(img/menu-icon-new.svg) no-repeat left top;background-size:contain}.modz-svg body .menu-new img{visibility:hidden}#small-logo{float:left;margin-left:.9375em;margin-right:-100%;width:61px;height:74px;position:relative;overflow:hidden}@media screen and (max-width:1100px){#small-logo{margin-right:.9375em}}@media screen and (max-width:1023px){#small-logo{margin-right:-10%}}#small-logo img{position:absolute;left:0;top:100%}#main-menu .menu-videos{clear:both;padding-top:1.875em}#main-menu a.menu-video{background:#00b0f7;padding:.625em;position:relative;cursor:pointer;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#main-menu a.menu-video:hover{background:#0093ce}#main-menu .menu-video .menu-video-img{width:100%}#main-menu a.menu-video:hover .menu-video-img{opacity:.8}#main-menu .menu-video .menu-video-title{padding:0 2.5em 0 .625em}#main-menu .menu-video .menu-video-play{font-size:1.875em;width:1em;height:1em;position:absolute;right:.3333333333333333em;top:50%;margin-top:-0.5em}#main-menu .menu-video .menu-video-play:before{font-family:"font-awesome";-webkit-font-smoothing:antialiased;content:"\f01d";color:rgba(255,255,255,0.5)}#main-menu a.menu-video:hover .menu-video-play:before{color:rgba(255,255,255,0.8)}.modz-flexbox #main-menu .menu-videos,.modz-flexbox #main-menu .menu-video{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.modz-flexbox #main-menu .menu-video{-webkit-box-align:center;-webkit-flex-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;margin-left:1.6666666666666667%;margin-right:1.6666666666666667%}.modz-flexbox #main-menu .menu-video .menu-video-img{width:45%}.modz-flexbox #main-menu .menu-video .menu-video-title{width:55%;align-items:center}.modz-flexbox #main-menu .three-videos .menu-video{width:30%}.modz-flexbox #main-menu .four-videos .menu-video{width:21.666666666666668%}.modz-no-flexbox #main-menu .three-videos>a{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:30%}.modz-no-flexbox #main-menu .three-videos>.one{clear:left}.modz-no-flexbox #main-menu .three-videos>.two{margin-left:35%}.modz-no-flexbox #main-menu .three-videos>.three{margin-left:68.33333333333333%}.modz-no-flexbox #main-menu .four-videos>a{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:21.666666666666668%}.modz-no-flexbox #main-menu .four-videos>.one{clear:left}.modz-no-flexbox #main-menu .four-videos>.two{margin-left:26.666666666666668%}.modz-no-flexbox #main-menu .four-videos>.three{margin-left:51.66666666666667%}.modz-no-flexbox #main-menu .four-videos>.four{margin-left:76.66666666666667%}.modz-no-flexbox #main-menu .menu-video{display:table}.modz-no-flexbox #main-menu .menu-video img{width:100%}.ie8 #main-menu .menu-video img,.legacy #main-menu .menu-video img{width:40%}.modz-no-flexbox #main-menu .menu-video .menu-video-title{display:table-cell;width:62%;vertical-align:middle}@media screen and (max-width:1100px){#main-menu .four-videos{font-size:.875em;line-height:1.5em}}@media screen and (max-width:1024px){#main-menu .three-videos{font-size:.875em;line-height:1.5em}}@media screen and (max-width:1000px){#main-menu .menu-videos .menu-video{display:block;text-align:center}#main-menu .menu-video .menu-video-img img{max-width:145px}#main-menu .menu-videos .menu-video .menu-video-title{display:block;width:auto;padding:0;margin:.7142857142857143em 0}#main-menu .menu-videos .menu-video .menu-video-play{position:static}}@media screen and (max-width:700px){#main-menu .menu-video{display:none !important}}.ie8 #main-menu .menu-videos .menu-video{display:block;text-align:center;padding:.625em 0}.ie8 #main-menu .menu-video .menu-video-img{max-width:145px}.ie8 #main-menu .menu-videos .menu-video .menu-video-title{display:block;width:auto;padding:0;margin:.625em}.ie8 #main-menu .menu-videos .menu-video .menu-video-play{position:static}#main-menu .search .submenu .inner{text-align:right}@media screen and (max-width:1023px){#main-menu .search .submenu .inner{text-align:center}}.search-form{float:left;margin-right:-100%;margin-left:1.6666666666666667%;width:96.66666666666667%;background:transparent;padding:1.875em 0 0 0;display:inline-block;margin-bottom:0}.full-block .search-form{text-align:center;float:none;padding-bottom:1.875em}.search-form label{float:none;width:auto;font-size:1.3125em}#main-menu .search-form label{color:#fff}.search-form label.search-form-button-label{display:none}.search-form .search-text{margin:0 1em;background:#f0f3f4;width:15em}#main-menu .search-form .search-text{background:#00b0f7;color:#fff}.search-form .search-text.placeholder{color:#9da4a7;font-style:italic}#main-menu .search-form .search-text.placeholder{color:#b3e7fd}#main-menu .search-form .search-button{background:#fff;color:#006a94}@media screen and (max-width:600px){.search-form label{margin-top:-5px;padding:0 0 .5em 0}.search-form .search-text{margin-left:0;width:10em}}@media screen and (max-width:300px){.search-form .search-text{display:block;margin-left:auto;margin-right:auto;margin:0 auto .5em auto}}.search-form .search-suggest{clear:both;width:15em;position:absolute;left:0;text-align:left}.search-form .search-suggest ul{margin:0;padding:0 !important;font-size:.875em;background:#f0f3f4;border-top:none !important;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;z-index:99 !important;list-style-type:none}#main-menu .search-form .search-suggest ul{background:#00b0f7}.search-form .search-suggest li:last-child{-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.search-form .search-suggest a{display:block;padding:.7142857142857143em;text-decoration:none;color:#555;cursor:pointer}.search-form .search-suggest a:hover{background:#e9edee}.search-form .search-suggest li:last-child a:hover{-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}#main-menu .search-form .search-suggest a{text-indent:0;color:#fff}#main-menu .search-form .search-suggest a:hover{background:#0093ce}.search-form .search-suggest a:before{display:none}.search-min-height{min-height:10em}.menu img.new{width:15%;position:absolute;right:0;top:0}.new-mobile-fallback{display:none}@media screen and (max-width:600px){.menu img.new{display:none}.menu img.new-mobile-fallback{display:block;width:25%;position:static;float:right}}#header a[href^="http"]:after,.rwd a[href^="http"]:after{font-family:"font-awesome";-webkit-font-smoothing:antialiased;content:"\f08e";font-size:.75em;padding-left:.5em;position:relative;top:-0.5em}



















































.box.active-temp.wide.tall.active {

    background: rgba(0,0,0,0.2);



}



/*form, .form-box {

    background: #e2e7e9 none repeat scroll 0 0;

    border-radius: 12px;

    color: #444;

    margin-bottom: 1.5em;

    padding: 1.25em;

}*/



.grid-container { position: relative; overflow: hidden; padding: 30px 0;	/* 50px */ }

.grid-container h1,  .grid-container h2 { /*		font-size: 3em;*/	/* 48px */

color: #fff; }

.grid { margin-bottom: 0; overflow: hidden; position: relative; color: #fff; /* 50px */ }

/* This is to fix some rounding glitches in IE when the grid is animated. */

.grid-fix { width: 100.4%; }

.grid-loader { background: #006a94 url(../img/ajax-loader.gif) no-repeat center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }

.no-js .grid-loader { display: none; }

.grid .box {

    background: transparent;

    box-shadow: none !important;

    color: #fff;

    cursor: pointer;

    float: left;

    margin: 1.5%;

    outline: medium none;

    position: relative;

    text-align: center;

    width: 22%;

    transition: background ease .3s;

    /* Remove this if we're not using hover. */ }

.grid .box.active { cursor: auto; }

/* Fallback height if we've got no JS. */

.no-js .grid .box { min-height: 150px; height: 150px; }



.grid .box:hover {

    box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;

    background: rgba(0, 0, 0, 0.2);

}



.grid .box.active-temp, /* Purely to remove the border-box as early as possible in the animation process. */  .grid .box.active:hover { box-shadow: none !important; }

.grid .box.filler { background: #00709c; box-shadow: 0 2px 0 #005f85, 0 -1px 0 #147aa3 !important; cursor: auto; }

.grid .box .grid-button { display: block; width: 100%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; text-decoration: none; font-family: 'myriad-pro', Helvetica, Arial, sans-serif; font-weight: 600; font-size: 0.875em;	/* 14px */ line-height: 1.25em; position: relative;

    top: 50%;

    transform: translateY(-50%);}

/* Hidden from IE8 and below. */

.modern .grid .box .grid-button { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.ie8.modern .grid .box .grid-button { position: static; }

/*



####  ######   #######  ##    ##  ######  

 ##  ##    ## ##     ## ###   ## ##    ## 

 ##  ##       ##     ## ####  ## ##       

 ##  ##       ##     ## ## ## ##  ######  

 ##  ##       ##     ## ##  ####       ## 

 ##  ##    ## ##     ## ##   ### ##    ## 

####  ######   #######  ##    ##  ######



*/



.grid-icon { font-family: "font-awesome"; -webkit-font-smoothing: antialiased; font-size: 1.14286em;	/* 16px */ display: block; text-align: center; margin-bottom: 20px;	/* 5px */  }

.grid-icon span { margin: 0 0.1em; }

.grid-icon span:before { position: relative; line-height: 1em; }

/* Adjust for icons in content. */

h3 .grid-icon { font-size: 0.66667em;	/* 16px */ position: relative; top: 0.5em; }

/* Send text messages online. */

.send-text-messages-online .grid-icon .i1:before { content: "\f109"; font-size: 2.25em;	/* 36px */ top: -0.15em; }

.send-text-messages-online .grid-icon .i2:before { content: "\f061"; font-size: 1.125em;	/* 18px */ top: -0.65em; }

.send-text-messages-online .grid-icon .i3:before { content: "\f10b"; font-size: 3.375em;	/* 54px */ }

/* Receive Text Messages Online. */

.receive-text-messages-online .grid-icon .i1:before { content: "\f10b"; font-size: 3.375em;	/* 54px */ }

.receive-text-messages-online .grid-icon .i2:before { content: "\f061"; font-size: 1.125em;	/* 18px */ top: -0.65em; }

.receive-text-messages-online .grid-icon .i3:before { content: "\f109"; font-size: 2.25em;	/* 36px */ top: -0.15em; }

/* Receive Replies To Texts Online. */

.receive-replies-to-texts-online .grid-icon .i1:before { content: "\f10b"; font-size: 3.375em;	/* 54px */ }

.receive-replies-to-texts-online .grid-icon .two-arrows { margin: 0 0.5em 0 0.7em; }

.receive-replies-to-texts-online .grid-icon .i2:before { content: "\f061"; font-size: 1.125em;	/* 18px */ top: -0.65em; }

.receive-replies-to-texts-online .grid-icon .i4:before { content: "\f060"; font-size: 1.125em;	/* 18px */ top: -0.65em;/*margin-left: -2em;*/

}

.receive-replies-to-texts-online .grid-icon .i3:before { content: "\f109"; font-size: 2.25em;	/* 36px */ top: -0.15em; }

/* Free Mobile App to Send & Receive Texts. */

.free-mobile-app .grid-icon .i1:before { content: "\f179"; font-size: 2.125em;	/* 34px */ }

.free-mobile-app .grid-icon .i2:before { content: "\f004"; font-size: 1em;	/* 16px */ top: -0.4em; }

.free-mobile-app .grid-icon .i3:before { content: "\f17b"; font-size: 2.625em;	/* 42px */ }

/* Vouchers & Ticketing. */

.vouchers-and-ticketing .grid-icon .i1:before { content: "\f145"; font-size: 2.625em;	/* 42px */ }

/* Attach Files To Texts - Say Goodbye To Letters. */

.attach-files .grid-icon .i1:before { content: "\f15b"; font-size: 2.375em;	/* 38px */ }

/* Attach Forms & Surveys To Texts. */

.attach-forms .grid-icon .i1:before { content: "\f046"; font-size: 2.5em;	/* 40px */ }

/* Create FREE Mobile Web Pages. */

.mobile-web-pages .grid-icon .i1:before { content: "\f009"; font-size: 2.375em;	/* 38px */ }

/* Email To SMS Text Gateway. */

.email-sms-gateway .grid-icon .i1:before { content: "\f0e0"; font-size: 1.75em;	/* 28px */ top: -0.3em; }

.email-sms-gateway .grid-icon .i2:before { content: "\f061"; font-size: 1.125em;	/* 18px */ top: -0.65em; }

.email-sms-gateway .grid-icon .i3:before { content: "\f10b"; font-size: 3.375em;	/* 54px */ }

/* Simple SMS API Code For Developers. */

.api .grid-icon .i1:before { content: "\f085"; font-size: 2.375em;	/* 38px */ }

/* Send MMS Multimedia Picture & Audio Messages. */

.send-mms .grid-icon .i1:before { content: "\f10b"; font-size: 3.375em;	/* 54px */ }

.send-mms .grid-icon .i2:before { content: "\f061"; font-size: 1.125em;	/* 18px */ top: -0.65em; }

.send-mms .grid-icon .i3:before { content: "\f03e"; font-size: 1.75em;	/* 28px */ top: -0.3em; }

/* Receive MMS Picture & Audio Messages. */

.receive-mms .grid-icon .i1:before { content: "\f03e"; font-size: 1.75em;	/* 28px */ top: -0.3em; }

.receive-mms .grid-icon .i2:before { content: "\f061"; font-size: 1.125em;	/* 18px */ top: -0.65em; }

.receive-mms .grid-icon .i3:before { content: "\f10b"; font-size: 3.375em;	/* 54px */ }

/*



 ######   #######  ##    ## ######## ######## ##    ## ######## 

##    ## ##     ## ###   ##    ##    ##       ###   ##    ##    

##       ##     ## ####  ##    ##    ##       ####  ##    ##    

##       ##     ## ## ## ##    ##    ######   ## ## ##    ##    

##       ##     ## ##  ####    ##    ##       ##  ####    ##    

##    ## ##     ## ##   ###    ##    ##       ##   ###    ##    

 ######   #######  ##    ##    ##    ######## ##    ##    ##    



*/



.modern .the-content { display: none; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.4em; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.ie8.modern .the-content { position: static; }

.grid .box.active .grid-button { display: none; }

.the-content h3 a,  .the-content h4 { color: #fff !important;

    display: block; line-height:1  }

.the-content h3 a:hover {

    color: #FFF;}

/*.the-content .form-box,*/

		/*#compositionBox {*/

			/*color: #000;*/

		/*}*/



h3 a:hover { text-decoration: none !important; color: #00b0f7 !important; }

.form-box,  #compositionBox { background: #004865; color: #fff; -moz-border-radius: 2px; border-radius: 2px; border: none; }

#compositionBox { padding: 15px 0 0 0; }

#speed-test-mobile-number { margin-bottom: 10px;/*				padding: 12px 5px 13px 5px;

				-moz-box-shadow: 0px 2px 0px #006a94;

				-webkit-box-shadow: 0px 2px 0px #006a94;

				box-shadow: 0px 2px 0px #006a94;*/

}

/*			@-moz-document url-prefix() {

				#speed-test-mobile-number {

					padding: 12px 5px 12px 5px;

				}

			}*/



.full-block .the-content img { display: block; margin-left: auto; margin-right: auto; }

.watcher { width: 4px; display: none; }

#compositionBox2 { background: #004865; color: #fff; -moz-border-radius: 2px; border-radius: 2px; text-align: left; position: relative; padding: 15px; }

#compositionCounter2 { position: absolute; bottom: 0; right: 0; padding: 0px 10px 0px 0px; font-size: 0.8em; }

#where:before { content: ' to the left'; }



@media screen and (max-width: 1024px) {

.grid .box { width: 30%; margin: 1.5%; }

.watcher { width: 3px; }

}



@media screen and (max-width: 600px) {

#where:before { content: ' above'; }

.grid { width: 100%; }

.grid .box { width: 97%; margin: 1.5%; }

.grid .box .grid-button { position: static; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); }

.watcher { width: 1px; }

}

img.new { width: 25%; position: absolute; right: 10px; top: 10px; margin: 0; }



@media screen and (max-width: 600px) {

img.new { width: auto; max-height: 4em; }

}

.active img.new, .wide img.new { width: 15%; }





#sectionBox .secLink.selected, .api-menu .button.active, .button.button_blue, .search-form .search-button {

    background: #00b0f7 none repeat scroll 0 0;

    color: #fff;

}

.button {

    background: #e2e7e9 none repeat scroll 0 0;

    border: medium none;

    border-radius: 4px;

    color: #444;

    cursor: pointer;

    display: inline-block;

    font-size: 1em;

    line-height: 1.5em;

    margin-bottom: 1em;

    margin-top: 1em;

    padding: 0.8125em 1.25em 0.9375em;

    text-align: center;

    text-decoration: none;

}#speed-test-mobile-number {

    margin-bottom: 10px;

}

/*input[type="text"], input[type="tel"], input[type="email"], textarea {

    background: #fff none repeat scroll 0 0;

    border: medium none;

    border-radius: 4px;

    color: #555;

    display: inline-block;

    font-family: "myriad-pro",Helvetica,Arial,sans-serif;

    font-size: 1em;

    margin-bottom: 1em;

    margin-top: 1em;

    padding: 0.9375em 0.625em 1.0625em;

    text-decoration: none;

}*/

.button.button_orange {

    background: #f76c10 none repeat scroll 0 0;

    color: #fff;

}h3 {

    font-size: 1.875em;

    line-height: 1.4em;

}

.the-content {

    display: none;

    padding: 30px;

    position: relative;

    top: 50%;

    transform: translateY(-50%);

}