/* CSS crunched with Crunch - http://crunchapp.net/ */@import "../css/normalize.min.css";

@import "../css/ilightbox.css";

body{
    font-family:'Helvetica Neue','Roboto',Arial,sans-serif;
    padding-top:80px;
}
body.index-page{

}
html, button, input, select, textarea{
    font-family:'Helvetica Neue','Roboto',Arial,sans-serif;
}
.border-radius {
    border-radius: 3px;
}

.border-radius-top {
    border-radius: 3px 3px 0
0;
}

.border-radius-bottom {
    border-radius: 0 0 3px 3px;
}

.box-shadow-on-lightgrey-small {
    box-shadow: 0 1px 1px #b7b7b7;
}

.box-shadow-on-lightgrey-medium {
    box-shadow: 0 1px 3px #b7b7b7;
}

.box-shadow-on-darkgrey-small {
    box-shadow: 0 1px 1px #000000;
}

.box-shadow-on-darkgrey-medium {
    box-shadow: 0 1px 3px #000000;
}

.box-shadow-on-color-small {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.box-shadow-on-color-medium {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

html,button,input,select,textarea {
    color: #222;
}

body {
    font-size: 13px;
    line-height: 1.5;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px
solid #ffffff;
    margin: 1em 0;
    padding: 0;
}

.element.color hr {
    border-color: #1eaec8;
}

.element.darkgrey hr {
    border-color: #464646;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


body p {
    line-height: 1.5;
}

a {
    color: #1b9bb2;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:hover {
    color: #252525;
}

a,a:hover,a:active,a:visited {
    outline: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left: 0;
    padding-right: 0;
}
.element a {
    color: #1b9bb2;
}

.element a:hover {
    /*color: #000000;*/
}

.element.color a {
    /*color: #464646;*/
}

.element.color a:hover {
    /*color: #464646;*/
}

.element.darkgrey p a {
    color: #fff;
    font-weight: 700;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 100;
    line-height: 1.1;
}

.element.color h1{
    color:#fff;
    text-align: center;
    font-size: 35px;
}
h1 {
    font-size: 3.125em;
    margin: .6em 0 .5em 0;
}

h2 {
    font-size: 3.125em;
    margin-top:20px;
	margin-bottom:20px;
	text-align:center;
}

h3 {
    font-size: 2em;
    margin: 1em 0 .8em 0;
}

h4 {
    font-size: 1.6em;
    margin: 1em 0 .8em 0;
}

h5 {
    font-size: 1.15em;
    margin: 1em 0 .8em 0;
    text-transform: none;
    font-weight: bold;
}

h6 {
    font-size: 1em;
    margin: 1em 0 .8em 0;
    text-transform: none;
    font-weight: bold;
}

.btn,button,input[type="submit"] {
    border: 0;
    display: inline-block;
    font-size: 18px;
    width: auto;
    padding: 0 23px;
    line-height: 41px;
    background: #1b9bb2;
    text-align: center;
    color: #ffffff !important;
    border-radius: 4px;
}
.btn-blue{
    background-color: #199FC8;
}
.btn-orange{
    background-color: #EB7268;
}
.btn-orange:hover{
    background-color: #EB7268;
}
button {
    height: 40px;
    color: #ffffff !important;
}

a.btn.grey,button.grey {
    background-color: #5e5e5e;
    color: #ffffff !important;
}

a.btn.accent,button.accent {
    background-color: #ed6254;
    color: #ffffff !important;
}

a.btn.darkgrey,button.darkgrey {
    background-color: #252525;
    color: #ffffff !important;
}

a.btn.lightgrey,button.lightgrey {
    background-color: #dfdfdf;
    color: #252525;
    text-shadow: 0 1px 1px white;
}

a.btn:hover,button:hover {
    /*background-color: #178497;*/
}

a.btn:active,button:active {
    background-color: #178497;
    box-shadow: 0 1px 0 rgba(255, 255,
255, 0.30000000000000004),0 1px 2px rgba(0, 0, 0, 0.5) inset;
}

a.btn.grey:hover,button.grey:hover {
    background-color: #454545;
}

a.btn.grey:active,button.grey:active {
    background-color: #454545;
    box-shadow: 0 1px 0 rgba(255, 255, 255,
0.30000000000000004),0 1px 2px rgba(0, 0, 0, 0.5) inset;
}

a.btn.darkgrey:hover,button.darkgrey:hover {
    background-color: #0c0c0c;
}

a.btn.darkgrey:active,button.darkgrey:active {
    background-color: #0c0c0c;
    box-shadow: 0 1px 0 rgba(255, 255, 255,
0.30000000000000004),0 1px 2px rgba(0, 0, 0, 0.5) inset;
}

a.btn.lightgrey:hover,button.lightgrey:hover {
    background-color: #c6c6c6;
}

a.btn.lightgrey:active,button.lightgrey:active {
    background-color: #c6c6c6;
    box-shadow: 0 1px 0 rgba(255, 255, 255,
0.30000000000000004),0 1px 2px rgba(0, 0, 0, 0.5) inset;
}

a.btn.accent:hover,button.accent:hover,a.btn.accent:active,button.accent:active {
    background-color: #c95347;
}

a.btn-large,button.btn-large {
    padding: 12px 20px 12px 20px;
    font-size: 1.7em;
}

a.btn-small,button.btn-small {
    display: inline-block;
    font-size: 1.2em;
    color: #ffffff;
    text-transform: uppercase;
    width: auto;
    height: 15px;
    padding: 10px
15px;
    line-height: 1;
    background: #1b9bb2;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15),0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

a.btn-block {
    display: block;
}

a.btn i {
    vertical-align: top;
}
[class^="slicon-"]{
    background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.slicon-unlock-alt{
    background-position: -131px 0;
}
.slicon-mobile-phone{
    background-position: -275px 0;
}
#features [class^="slicon-"]{
    width: 120px;
    height:117px;
}

#features h3{
    text-transform: uppercase;
    font-size: 26px;
    font-weight:300;
}

.featured-fast h2{
    color: #ec7164;
}
.featured-indepentdent h2{
    color: #3E9AC4;
}
.featured-phone h2{
    color: #A46DB9;
}
.element.nav {
    margin: 0;
    padding: 0;
}

.element.last .inner {
    padding-bottom: 20px;
}

.element.slider.first
.inner {
    padding-bottom: 0;
    padding-top: 0;
}

.element.first .inner {
    /*padding-top: 50px;*/
}


.element.shortheight .inner {
    padding-bottom: 20px;
}

.element .inner {
    position: relative;
}
.element h1{
      font-size: 30px;;
	  color: #fff;
	  margin-top: 0px;
	  margin-bottom: 20px;
	  padding-bottom: 0;
	  text-transform: uppercase;
	  text-align: left;
	  font-weight: bold;
}
.element.withbgr {
    background-image: url(../img/withbgr.png);
    background-repeat: repeat-x;
    background-position: left bottom;
}

.element.withbgr .inner {
    padding-bottom: 40px;
}

body .element
.iconfont {
    font-family: Entypo;
    font-size: 103px;
    line-height: 10px;
}

.carousel,.vermenu,.twitter ul,.st-accordion ul,.tabs,.sort,.gallery,.normallightboxgallery,.nav,.mainnav ul,#sequence
ul,ul.halves,ul.thirds,ul.fourths,ul.fifths,ul.sixths {
    padding-left: 0;
}

.st-content ul {
    list-style: square;
    padding-left: 40px;
}

.navigation {
    position: fixed;
    width: 100%;
    height: 80px!important;
    background: #fff;
    z-index: 1030;
    top:0;
    border-bottom: 1px solid #2785ca;
    line-height: 80px;
    /*overflow: hidden;*/
}
.modal-content{
    border-radius: 2px;
}
.navcont {
}

#logo {
    display: inline-block;
    height:39px;
    vertical-align: middle;
}

.mainnav {
    font-size: 1.56em;
    text-transform: uppercase;
    position: relative;
    z-index: 42;
    width: 980px;
    margin: 0 auto;
}

.mainnav ul{
    margin:  0;
    text-align: right;
}

.mainnav ul li {
    list-style: none;
    display: inline-block;
}

.mainnav ul li a {
    color: #000;
    display: inline-block;
    padding: 0px 10px 0px 10px;
    font-size: 12px;
    text-transform: none;
}

.mainnav ul li a:hover {
    color: #dfdfdf;
}

.light .mainnav ul li
a {
    color: #252525;
}

.mainnav ul li a.selected {
    color: #1b9bb2;
}

.sticky,.alwayssticky .navcont {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #fff;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s
ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    width: 100%;
}

.sticky ul li a.selected {
    border-color: #1b9bb2;
    font-weight: bold;
}

.light .sticky {
    background: #dfdfdf;
    box-shadow: 0 1px 1px
#b7b7b7;
}

.light .sticky ul li a.selected {
    background: #1b9bb2;
    color: #ffffff;
}

.color {
    color: #1b9bb2 !important;
}

.accent {
    color: #ed6254 !important;
}

.darkgrey {
    color: #252525 !important;
}

.lightgrey {
    background: #FAFAFC;
    margin-top: 50px;
    padding-bottom: 50px;
}
div#pricing h3{
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
}
div#pricing h4{
    color: #EB7368;
}
#pricing ul{
    list-style: none;
    font-size: 16px;
    font-weight: 300;
    word-spacing: 4px;
    text-align: left;
}
.slicon-check{
    width: 16px;
    height:16px;
    background-position: -19px -141px;
    margin-right: 10px;
}
#pricing ul li{
    margin-bottom: 10px;
}
.white {
    color: #ffffff
!important;
}

.black {
    color: #000000 !important;
}

.dark {
    color: #585858 !important;
}

.colorbgr {
    background: #1b9bb2 !important;
}

.accentbgr {
    background: #ed6254 !important;
}

.accentbgr * {
    color: #9a4037 !important;
}

.darkgreybgr {
    background: #252525
!important;
}

.lightgreybgr {
    background: #dfdfdf !important;
}

.whitebgr {
    background: #ffffff !important;
}

.blackbgr {
    background: #000000 !important;
}

#sequence-theme ul.controls {
    position: absolute;
    color: white;
    width: 100%;
}

#sequence-theme ul.controls
li {
    position: absolute;
    width: 57px;
    height: 57px;
    top: 320px;
    text-indent: -9999em;
    cursor: pointer;
    z-index: 1000;
}

#sequence-theme ul.controls li.sequence-prev {
    left: -110px;
}

#sequence-theme ul.controls li.sequence-next {
    right: -110px;
}

html.ie9
#sequence-theme ul.controls li.sequence-prev,html.ie8 #sequence-theme ul.controls li.sequence-prev {
    left: 70px;
    top: 110px;
    z-index: 3000;
}

html.ie9 #sequence-theme ul.controls li.sequence-next,html.ie8 #sequence-theme ul.controls
li.sequence-next {
    left: 130px;
    right: auto;
    top: 110px;
    z-index: 3000;
}

.element #sequence-theme ul.controls li {
    background: url(../img/arrowmiddle_right.png) no-repeat 0 0;
}

.element #sequence-theme ul.controls
li.sequence-prev {
    background: url(../img/arrowmiddle_left.png) no-repeat 0 0;
}

.element.darkgrey #sequence-theme ul.controls li {
    background: url(../img/arrowdark_right.png) no-repeat 0 0;
}

.element.darkgrey #sequence-theme ul.controls
li.sequence-prev {
    background: url(../img/arrowdark_left.png) no-repeat 0 0;
}

#sequence-theme ul.controls li:hover {
    background-position: 0 -57px !important;
}

#sequence-theme ul.nav {
    position: absolute;
    z-index: 1000;
    top: 105px;
}

#sequence-theme ul.nav
li {
    width: 11px;
    height: 11px;
    float: left;
    margin-right: 6px;
}

#sequence-theme ul.nav li a {
    float: left;
    width: 11px;
    height: 11px;
    background: url(../img/sequencejsnav.png) no-repeat 0
0;
    text-indent: -9999em;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.element.lightgrey #sequence-theme ul.nav li a {
    background-image: url(../img/sequencejsnav_black.png);
}

#sequence-theme
ul.nav li.active a {
    background-position: 0 -11px;
}

#sequence-theme ul.nav.center {
    text-align: center;
    top: 85px;
    width: 100%;
}

#sequence-theme ul.nav.center li {
    float: none;
    display: inline-block;
}



.triangle i {
    font-size: 29px;
    margin-left: -13px;
}


p.note {
    text-transform: uppercase;
    font-size: 1.25em;
}

.subheading {
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 50px;
}

.socialtitle {
    margin-top: 45px;
    margin-bottom: 35px;
}

.socialtitle>* {
    margin-bottom: 0;
}

h1.main,h2.main,h3.main {
    margin: 45px 0 35px 0;
    font-size: 3.125em;
}


.element .sepclear {
    background: url(../img/sepclear_black.png)
repeat-x left bottom;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.element.darkgrey .sepclear,.element.color .sepclear {
    background-image: url(../img/sepclear.png);
}

.element.darkgrey .sep,.element.color .sep {
    background: url(../img/sep_light.png)
no-repeat left bottom;
}

h1.sep,h2.sep,h3.sep,h4.sep,h5.sep,h6.sep,.sep {
    padding-bottom: 30px;
}

.l,.r {
    float: left;
}

.about .item {
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}

.about .item
h4 {
    position: relative;
    color: #ffffff;
    background: #2f2f2f;
    font-size: 1.7em;
    padding: 9% 15px 8% 10%;
    margin: 0;
    line-height: 1;
    border-radius: 0 0 3px 3px;
}

.element.darkgrey .about .item h4 {
    background: #464646;
}

.about .item
span.handle {
    width: 18px;
    height: 18px;
    display: block;
    background: url(../img/about_arrow.png) no-repeat 5px 5px;
    background-color: #202020;
    box-shadow: 0 1px 3px black inset;
    position: absolute;
    right: 13px;
    top: 26px;
    cursor: pointer;
}

.about .item
span.handle:hover {
    background-color: #1b1b1b;
}

.about .item a.img {
    display: block;
    max-height: 210px;
    overflow: hidden;
}

.about .item a.img img {
    max-width: 100%;
}

.about .item .overlay {
    background: url(../img/blackbgr60.png) repeat 0
0;
    background: #252525;
    padding: 10% 12% 12% 12%;
    width: 78%;
    position: absolute;
    left: 0px;
    top: 210px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s
ease-in-out;
    transition: all 0.2s ease-in-out;
}

.about .item .overlay.color {
    background: #1b9bb2;
}

.about .item .overlay p {
    margin-top: 0;
    background: url(../img/sepwhite20.png) repeat-x left bottom;
    padding-bottom: 10px;
    color: #ffffff;
}

.about .item
.overlay.color .social a {
    background: #252525;
}

.about .item .overlay.color .social a:hover {
    background: #5e5e5e;
}

.box {
    background: rgba(255, 255, 255, 0.15000000000000002);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15),0 1px 0 rgba(255, 255, 255,
0.15) inset;
    border-radius: 3px;
}

.box {
    padding: 5% 7%;
}

.box p {
    margin-bottom: 13px;
}

.box h4,.item .box h2,.box h3,.box h1,.box h5,.box h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.box.withheader {
    padding: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.box.withheader header {
    background: #252525;
    padding: 5% 7%;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset;
    border-radius: 3px 3px 0 0;
}

.box.withheader
header>* {
    color: #ffffff;
    margin: 0;
}

.element.darkgrey .box.withheader header {
    background: #464646;
    padding: 5% 7%;
}

.box.withheader footer {
    background: #ffffff;
    padding: 5% 7%;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1px 1px #b7b7b7;
}

.element.darkgrey
.box.withheader footer {
    box-shadow: 0 1px 1px #000000;
}

.element.color .box.withheader footer {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.box.withheader footer * {
    color: #252525;
}

.box.message {
    padding: 15px 3% 10px 3%;
    margin-bottom: 40px;
}

.box.message h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.7em;
    line-height: 1.6em;
}

.box.message h2 {
    line-height: 1.6em;
    text-transform: none;
    font-size: 1.43em;
    font-weight: normal;
    margin: 0;
}

.box.message p {
    line-height: 1.4;
    margin: 0 0 3px 0;
}

.box.message p.narrow {
    float: left;
    width: 55%;
    font-size: 0.9em;
}

.box.message p.wide {
    float: left;
    width: 85%;
}

.box.message.darkgreybgr a {
    color: #dfdfdf;
}

.box.message.darkgreybgr
a:hover {
    color: #ffffff;
}

.box.message.accentbgr a {
    color: #77312a !important;
}

.box.message.accentbgr a:hover {
    color: #a6453b !important;
}

.carousel.phones .item {
    margin-top: 15px;
}

.carousel.phones .item a img {
    -webkit-transition: all 0.2s
ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.carousel.phones.nexus .item {
    background: url(../img/sequence/carousel-nexus.png)
no-repeat top center;
    height: 350px;
    width: 210px!important;
    padding: 66px 0 0 0;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s
ease-in-out;
    transition: all 0.2s ease-in-out;
}

.carousel.phones.nexus .item a {
    margin: 0 auto;
    overflow: hidden;
    height: 265px;
    width: 174px;
    display: block;
    padding-right: 2px;
}

.carousel.phones.iphone
.item {
    background: url(../img/sequence/carousel-iphone.png) no-repeat top center;
    height: 350px;
    width: 210px!important;
    padding: 66px 0 0 0;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s
ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.carousel.phones.iphone .item a {
    margin: 9px auto;
    overflow: hidden;
    height: 256px;
    width: 177px;
    display: block;
}

.carousel.phones
.item a:hover img {
    opacity: .7;
}

.carousel.phones .item a:active img {
    opacity: .5;
}

.carousel.phonelandscape .item {
    background: url(../img/sequence/flatiphone-landscape.png) no-repeat top center;
    width: 685px;
    padding: 29px 0;
    margin: 0;
}

.carousel.phonelandscape .item a {
    display: block;
    width: 486px;
    height: 270px;
    overflow: hidden;
    margin: 0 auto;
}

.social a {
    width: 26px;
    height: 26px;
    text-align: center;
    display: block;
    float: left;
    margin-right: 3%;
    margin-left: 3%;
    background: #1b9bb2;
}

.social
a:hover {
    background-color: #5e5e5e;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.element.lightgrey
.box {
    background: #d2d2d2;
    box-shadow: 0 1px 1px #b7b7b7;
}

.animation {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s
ease-in-out;
}

.noanimation {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.animation-opacity {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s
ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.gallery {
    list-style: none;
}

.gallery li {
    position: relative;
    height: 204px;
    text-align: center;
    overflow: hidden;
}

.gallery li a {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
}

.gallery li a img {
    border-radius: 3px;
    width: 100%;
    overflow: hidden;
}

.gallery li
span.hover {
    text-align: center;
    display: table;
    display: none\9;
    background: #1b9bb2;
    background: rgba(27, 155, 178, 0.9);
    width: 101%;
    height: 204px;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s
ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
}

.element.color .gallery li span.hover {
    background: #252525;
    background: rgba(37, 37, 37, 0.9);
}

.gallery
li:hover span.hover {
    display: table\9;
    opacity: 1;
}

.gallery li .hover .heading {
    font-size: 2.1875em;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    line-height: 1;
    padding: 0 30px;
    margin-bottom: 10px;
}

.gallery li
.hover .description {
    font-size: .45em;
    text-transform: none;
    display: block;
    vertical-align: middle;
    color: #e6e6e6;
    line-height: 1.2;
    padding: 0 30px;
    margin-top: 7px;
}

.gallery li:active
span.hover {
    background: #1b9bb2;
}

.ilightbox-holder.tardigrade .ilightbox-inner-toolbar .ilightbox-title {
    font-size: 2.4em;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 0 35px
0;
    line-height: 1;
}

.ilightbox-holder.tardigrade .ilightbox-container .ilightbox-caption {
    font-size: 1.1em;
    background: black;
    background: rgba(0, 0, 0, 0.7);
    padding: 15px 25px;
}

.ilightbox-toolbar.tardigrade a {
    background: #1b9bb2
url(../img/aclose.png) no-repeat center center;
}

.ilightbox-toolbar.tardigrade a.ilightbox-fullscreen {
    background-image: url(../img/afullscreen.png);
}

a.ilightbox-prev,a.ilightbox-next {
    display: block;
    width: 65px;
    height: 65px;
    background: #5e5e5e url(../img/aprev.png) no-repeat center center;
    position: fixed;
    z-index: 99999999;
    top: 0;
    left: 65px;
}

a.ilightbox-next {
    left: 130px;
    background-image: url(../img/anext.png);
}

.ilightbox-toolbar.tardigrade
a.ilightbox-close:hover,.ilightbox-toolbar.tardigrade a.ilightbox-fullscreen:hover {
    background-color: #147486;
}

a.ilightbox-prev:hover,a.ilightbox-next:hover {
    background-color: #1b9bb2;
}

.ilightbox-container .content {
    width: 100%;
}

.ilightbox-container .content img {
    max-width: 100%;
}

.ilightbox-container .content .entry {
    padding: 25px;
    background: white;
    float: left;
}

.ilightbox-container .content ul {
    margin-left: 45px;
}

.ilightbox-container .content ul li {
    line-height: 1.5;
}

.ilightbox-thumbnail.ilightbox-active>img {
    border-color: #1b9bb2 !important;
}

.box-expanding {
    overflow: hidden;
    /*box-shadow: 0 1px 1px #b7b7b7;*/
    border-radius: 3px;
    border: #d3d3d3 1px solid;
}

.element.color .box-expanding {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.element.darkgrey .box-expanding {
    box-shadow: 0 1px 1px #000000;
}

.box-expanding header {
    background: #ffffff;
    padding: 50px 25px 56px;
    box-shadow: 0 0 25px #919191;
    position: relative;
    z-index: 10;
    border-radius: 3px 3px 0 0;
}

.box-expanding header
.heading {
    margin-bottom: 25px;
}

.box-expanding header .heading img {
    display: inline-block;
    max-width: 60px;
    margin-right: 20px;
    vertical-align: middle;
    margin-left: 10px;
}

.box-expanding header .heading
h3 {
    display: inline-block;
    font-size: 2.1875em;
    line-height: 1;
    margin: 0;
    vertical-align: middle;
}

.box-expanding p {
    margin: 0;
}

.box-expanding .expanding {
    background: #ffffff url(../img/textures/texture-box-expanding.jpg) repeat 0 0;
    padding: 10px
0;
    position: relative;
    z-index: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 0
0 3px 3px;
}

.box-expanding header.hover {
    box-shadow: 0 0 35px #1b9bb2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s
ease-in-out;
}

.box-expanding .expanding .expandable {
    border-top: 1px solid #dfdfdf;
    padding: 15px 25px;
}

.box-expanding .expanding img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.box-expanding .expanding
h4 {
    display: inline-block;
    line-height: 1;
    margin: 0;
    vertical-align: middle;
}


.progress {
    width: 100%;
    height: 30px;
    background-color: #ffffff;
    box-shadow: 0 1px 1px #ababab;
    margin-top: 10px;
    font-size: 1.5em;
}

.element.darkgrey .progress {
    box-shadow: 0 1px 1px #121212;
}

.element.color .progress {
    box-shadow: 0 1px 1px #565656;
}

.progress div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 30px;
    width: 0;
    background-color: #1b9bb2;
}

.progress.color div {
    background-color: #1b9bb2;
}

.progress.accent
div {
    background-color: #ed6254;
}

.progress.darkgrey div {
    background-color: #252525;
}

.progress.grey div {
    background-color: #5e5e5e;
}

.progress.lightgrey div {
    background-color: #dfdfdf;
}

.st-accordion {
    width: 100%;
    min-width: 270px;
    margin: 30px auto 0;
}
.st-accordion .st-ul{
    margin-bottom: 0;
}
.st-accordion ul.st-ul>li {
    height: 73px;
    overflow: hidden;
}
.st-accordion h3{
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 300;
}

.st-accordion h3+div {
    height: 0px;
    padding: 0px;
    overflow: hidden;
    display: block!important;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s
ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.st-accordion .content {
    padding: 1px 0;
}

.st-accordion ul.st-ul li a.title {
    display: block;
    line-height: 1;
    margin: 0 0 7px 0;
    color: #000;
    padding: 7px;
    position: relative;
    border-radius: 2px;
    font-size: 16px;
    border: 1px solid #C5C5C5;
}

.st-accordion ul.st-ul li a.title span.heading {
    display: inline-block;
    vertical-align: middle;
    margin: 11px 0 11px 15px;
}

.st-accordion ul.st-ul li a.title span.description {
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
}

.st-accordion ul.st-ul li a.title
span.marker {
    display: block;
    float: right;
    width: 53px;
    height: 53px;
    background: url(../img/accordion_arrows.png) no-repeat center -114px;
    background-color: #252525;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s
ease;
    -o-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}


.st-accordion ul.st-ul li.st-open
a.title {
    background: #ffffff;
}

.element.darkgrey .st-accordion ul.st-ul li a.title {
    box-shadow: 0 1px 1px #000000;
}

.element.color .st-accordion ul.st-ul li a.title {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.element.darkgrey .st-accordion
ul.st-ul li a.title span {
    color: #464646;
}

.st-accordion ul.st-ul li.st-open a.title span.marker {
    background-color: #1b9bb2;
    background-position: center 18px;
}

.st-accordion .row .item {
    margin-top: 0;
    margin-bottom: 0;
}

.st-accordion
.st-content {
    margin-top: 35px;
    margin-bottom: 20px;
}
.st-content .item + .item{
    border-top: 1px solid #dfdfdf;
}
.element.lightgrey .st-accordion .st-content {
    color: #ffffff;
    color: #5e5e5e;
}

.diamonds .item {
    padding-top: 50px;
}

.diamonds
a.diamond {
    display: inline-block;
    width: 190px;
    height: 190px;
    overflow: hidden;
    border: 10px solid #ffffff;
    box-shadow: 1px 1px 2px
#ababab;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.element.darkgrey .diamonds a.diamond {
    box-shadow: 0 1px 3px #000000;
    border-radius: 3px;
}

.element.color .diamonds a.diamond {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

html.lt-ie9 body .element .diamonds a.diamond {
    margin: 0;
}

.diamonds a.diamond
img {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-left: -100px;
    margin-top: -100px;
}

.diamonds a.diamond:hover {
    border-color: #1b9bb2;
}

.element.color .diamonds a.diamond:hover {
    border-color: #1b9bb2;
}

.diamonds a.diamond span.hover {
    display: block;
    opacity: 0;
}

.diamonds a.diamond:hover
span.hover {
    opacity: 1;
    background: #1b9bb2;
    width: 155px;
    height: 155px;
    position: absolute;
    z-index: 15;
    margin: 17px 0 0 17px;
}

.diamonds a.diamond span.btn {
    display: block;
    font-size: 1.25em;
    text-transform: uppercase;
    color: white;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    padding: 10px
15px;
    line-height: 1;
    background: #168093;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 75px;
    height: 17px;
    text-align: center;
    box-shadow: 0 1px 1px #0e4e59 inset,0 1px 0px #4fcde4;
}

.diamonds {
    text-align: center;
}

.diamonds h2 {
    font-size: 3em;
    margin: 65px 0 0px 0;
    line-height: 1;
}

.st-accordion .diamonds a.more {
    background: none!important;
}

.row.squares .item {
    margin-bottom: 20px;
}

.squares .item
a {
    display: block;
    background: #efefef;
    padding: 30px 15px;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15),0 1px 0 rgba(255, 255, 255, 0.15) inset;
    border-radius: 3px;
}

.squares .item p {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.6em;
    line-height: 1.2;
    margin: 15px 0;
}

.element.darkgrey .squares .item a {
    background: #464646;
}

.element.color .squares .item a {
    background: #3daabe;
}

.squares .item
a:hover {
    background: #ffffff;
}

.element.darkgrey .squares .item a:hover {
    background: #1b9bb2;
}

.element.color .squares .item a:hover {
    background: #5fb9c9;
}

.element .squares.nobgr .item a {
    background: none;
    box-shadow: none;
}

.element.color
.squares.nobgr .item a:hover {
    background: #3daabe;
    box-shadow: 0 1px 2px #147486 inset;
}

.element.lightgrey .squares.nobgr .item a:hover {
    background: #d2d2d2;
    box-shadow: 0 1px 1px #b7b7b7 inset;
}

.element.lightgrey .squares a i {
    color: #464646;
}

.element.color .squares a i {
    color: #ffffff;
}

.element.darkgrey .squares a i {
    color: #ffffff;
}

ul.carousel {
    list-style: none;
    display: block;
}

ul.carousel li.item {
    float: left;
    margin-bottom: 5px;
}

ul.carousel.testimonials
li.item {
    width: 300px;
    margin-bottom: 5px;
}

ul.carousel.phones li.item {
    margin-left: 20px;
    margin-right: 20px;
}

.carouselwrapper {
    overflow: hidden;
}

.carouselcont {
    position: relative;
}

.item.testimonial .cont {
}
ul.testimonials{
    padding: 0;
    list-style: none;
}
.item.testimonial .cont img {
    height: auto;
}

.item.testimonial .cont .entry {
    margin: 0;
    text-align: left;
    padding:10px;
    color: #000;
}
.item.testimonial .cont .entry a{
    font-size: 14px;
}
.item.testimonial .cont
h4 {
    font-size: 1em;
    text-transform: none;
    line-height: 1.5;
    margin: 0 0 15px 0;
}

.item.testimonial .cont p.by {
    width: 100%;
    margin-bottom: 0;
}

.item.testimonial .cont p.by
a {
    display: block;
}

.carouselnav {
    text-indent: -9999em;
    display: block;
    width: 57px;
    height: 57px;
    background: url(../img/arrowlight_right.png) no-repeat 0
0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.carouselnav.prev {
    background: url(../img/arrowlight_left.png) no-repeat 0 0;
}

.element .carouselnav,.element.color
.carouselnav {
    background: url(../img/arrowmiddle_right.png) no-repeat 0 0;
}

.element .carouselnav.prev,.element.color .carouselnav.prev {
    background: url(../img/arrowmiddle_left.png) no-repeat 0 0;
}

.element .carouselnav:hover,.element
.carouselnav.prev:hover {
    background-position: 0 -57px;
}

.carouselcont .carouselnav.next {
    position: absolute;
    right: -85px;
    top: 35%;
}

.carouselcont .carouselnav.prev {
    position: absolute;
    left: -85px;
    top: 35%;
}

.carouselcont.webapp,.carouselcont#webapp {
    background: url(../img/webapptop.png) no-repeat 0 0;
    padding-top: 40px;
    margin-bottom: -85px;
    position: relative;
    bottom: 0;
}

.carouselcont.webapp .caroufredsel_wrapper {
    margin: 0!important;
}

.carouselcont.webapp li.item {
    margin: 0;
}

.carouselcont.webapp li.item img {
    width: 100%;
}

body .element p.note {
    color: #464646;
}

body .element.color p.note {
    color: #ffffff;
}

.news {
    list-style: none;
}

.news .item.news a {
    display: block;
    background: #ffffff;
    position: relative;
    box-shadow: 0 1px 1px #b7b7b7;
    border-radius: 3px;
}

.element.darkgrey .news .item.news a {
    box-shadow: 0 1px 1px #000000;
}

.element.color .news
.item.news a {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.news .item.news a img {
    border-radius: 3px 3px 0 0;
}

.news .item.news a span {
    display: block;
    color: #1b9bb2;
    font-size: 1.5625em;
    text-transform: uppercase;
    line-height: 1;
    padding: 13px 15px;
}

.news .item.news a
span.hover {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 15;
    top: 0;
    padding: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s
ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.news .item.news a:hover span.hover {
    opacity: 1;
    visibility: visible;
    background: #1b9bb2;
    width: 100%;
}

.news .item.news a
span.btn {
    display: block;
    opacity: 0;
    font-size: .85em;
    text-transform: uppercase;
    color: white;
    padding: 10px
15px;
    line-height: 1;
    background: #168093;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 17px;
    text-align: center;
    box-shadow: 0 1px 1px #0e4e59 inset,0 1px 0px #4fcde4;
}

.news .item.news a:hover
span.btn {
    opacity: 1;
}

.news .item.news img {
    width: 100%;
}

.map.map-large {
    width: 100%;
    height: 390px;
    padding: 0;
    margin: 0;
}

.prevtomap {
    position: relative;
    z-index: 10;
    box-shadow: 0px 1px 1px #a4a4a4;
}

.element.prevtomap .inner {
    padding-bottom: 30px;
}

.element form {
    -webkit-perspective: 500;
}

.element form input {
    /*display: inline-block;*/
    /*margin: 0 20px 20px 0;*/
    /*font-size: 1em;*/
    /*color: #464646;*/
    /*height: 26px;*/
    /*padding: 7px 2.5%;*/
    /*border: 0;*/
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
}
#support.element form input{
    border: none;
    background: #1E669A;
    text-align: center;
    color: #fff;
}
#support.element form textarea{
    border: none;
    background: #1E669A;
    margin-bottom: 10px;
    color: #fff;
}
#support.element form button{
    width: 100%;
}
.element
form input:focus,.element form textarea:focus {
    background: #f2f2f2;
}

.element form input.error,.element form textarea.error {
    background: #1b9bb2;
}

.element.color form input.error,.element.color form textarea.error {
    background: #252525;
}

.element
form textarea {
    border: 0;
    min-height: 140px;
    padding: 15px 2.5%;
    margin-bottom: 20px;
    color: #464646;
    outline: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s
ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
}

.element form .form-aligned-elements {
    width: 90%;
}

.element form .form-aligned-elements button,.element form
.form-aligned-elements p {
    display: inline-block;
}

.element label {
    margin-bottom: 10px;
    display: block;
}

::-webkit-input-placeholder {
    color: #464646;
}

:-moz-placeholder {
    color: #464646;
}

::-moz-placeholder {
    color: #464646;
}

:-ms-input-placeholder {
    color: #464646;
}

.element form .error::-webkit-input-placeholder {
    color: #ffffff;
}

.element form .error:-moz-placeholder {
    color: #ffffff;
}

.element form .error::-moz-placeholder {
    color: #ffffff;
}

.element form
.error:-ms-input-placeholder {
    color: #ffffff;
}

.element.lightgrey form input,.element.lightgrey form textarea {
    box-shadow: 0 1px 1px #b7b7b7;
}

.element.lightgrey form input:focus,.element.lightgrey form textarea:focus {
    box-shadow: 0 0 3px
#22c1de;
}

div.error {
    background: #1b9bb2;
    color: #ffffff;
    line-height: 1.3;
    padding: 10px 2.5%;
    min-width: 50%;
    display: none;
    margin-bottom: 20px;
    border-radius: 3px;
}

.element.color div.error {
    background: #252525;
}

@-webkit-keyframes
formelements {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    25% {
        -webkit-transform: rotateX(-15deg);
    }

    50% {
        -webkit-transform: rotateX(7deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

a.gototop {
    display: block;
    position: fixed;
}

.element
a.widget {
    background: #1b9bb2;
    display: block;
    padding: 14px 20px 13px 20px;
    color: #ffffff;
    font-size: 1.5625em;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 1;
}

.element
a.widget:hover {
    background: #178497;
    color: #ffffff;
}

a.widget img {
    vertical-align: text-top;
    margin-right: 10px;
}

.widget {
    margin-top: 25px;
}



.widget.withbgr .top {
    font-size: 26px;
    font-weight: 400;;
}
.faq-content {
    padding: 0 10px;
}
.widget.withbgr .bottom {

}
.social-area p{
    margin-top: 0;
}
#FAQ{
    padding-bottom: 50px;
}
.element.darkgrey .widget.withbgr {
    background: #202020;
}

.element.lightgrey .widget.withbgr {
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #252525;
}

.element.color
.widget.withbgr {
    background: #188ca0;
}

.widget h3 {
    font-size: 2.1875em;
}

.widget ul {
    list-style: none;
}

.element .widget ul li a {
    display: block;
    color: #ffffff;
}
.contact-section span {
    display: inline-block;
    width: 57px;
}
.contact-section{
    margin-bottom: 15px;
}
.contact-section p{
    margin:2px;
}
.element.lightgrey .widget ul li a {
    color: #252525;
    background: url(../img/bullet_black.png) no-repeat 0 8px;
    border-color: #ababab;
}

.element .widget ul li
a:hover {
    color: #fff;
}

.twitter img {
    display: inline-block;
    margin-right: 25px;
}

#twitter {
    min-height: 50px;
    margin: 35px 0 20px 0;
    display: inline-block;
    width: 60%;
}

#twitter ul {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0;
}

.element.darkgrey ul {
    color: #acacac;
}

.element.darkgrey #twitter ul li a {
    color: #ffffff;
}

#twitter ul li span {
    display: block;
}

a.social {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
   
    text-align: center;
    background: #5e5e5e;

    margin-left:5px;
    border-radius: 3px;
}

a.social img{
    width: 20px;
}
a.social.facebookbgr {
    background: #3B5998!important;
}

a.social.twitterbgr {
    background: #00aced!important;
}

a.social.tumblrbgr {
    background: #2c4762!important;
}

a.social.skypebgr {
    background: #0bbff2!important;
}

a.social.dribbblebgr {
    background: #ea4c89!important;
}

a.social.linkedinbgr {
    background: #4875B4!important;
}

a.social.vimeobgr {
    background: #1ab7ea!important;
}
.main-footer{
    border-top: 1px solid #8ABEE3;
    margin-top: 30px;
    padding-top: 10px;
}
.main-footer ul{
    padding-left: 0;
    float: left;
}
.main-footer > p{
    float: right;
}
.main-footer ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.main-footer ul li a{
    color: #fff;
}
a.social.small {
    width: 44px;
    height: 44px;
    line-height: 42px;
}

.lowerfooter {
    font-size: .8em;
}

.lowerfooter .l {
    float: left;
}

.lowerfooter .r {
    float: right;
}

.element.darkgrey .lowerfooter p {
    margin: 0;
    color: #acacac;
}

.element.darkgrey .lowerfooter
a {
    color: #ffffff;
}

.element .video {
    margin-bottom: 50px;
}

.borderbox {
    list-style: none;
}

.borderbox>a {
    display: block;
    border: 8px solid #ffffff;
    margin-bottom: 30px;
    position: relative;
    box-shadow: 0 1px 1px #b7b7b7;
    border-radius: 3px;
}

.borderbox>a:hover {
    border-color: #1b9bb2;
    top: -3px;
}

.element.color .borderbox>a:hover {
    border-color: #8dcdd9;
}

.element.darkgrey .borderbox>a {
    box-shadow: 0 1px 1px #000000;
}

.element.color .borderbox>a {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.element.darkgrey .borderbox>a:hover {
    border-color: #1b9bb2;
}

.borderbox>a img {
    max-width: 100%;
}

.borderbox img.icon {
    margin: 0 auto 25px auto;
    max-width: 100%;
}

.testimonialtabs .tabs {
    text-align: center;
}

.testimonialtabs .tabs
li {
    margin-right: 15px;
    margin-bottom: 25px;
}

.tabs {
    list-style: none;
    margin: 0;
}

.tabs li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.tabs li img {
    box-shadow: 0 1px 1px #b7b7b7;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s
ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.element.darkgrey .tabs li img {
    box-shadow: 0 1px 1px #000000;
}

.element.color .tabs li
img {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.tabs li span {
    display: block;
}

.tabs li span.heading {
    font-size: 1.25em;
    text-transform: uppercase;
    color: #5e5e5e;
    line-height: 1;
}

.element.color
.tabs li span.heading {
    color: #ffffff;
}

.element.darkgrey .tabs li span.heading {
    color: white;
}

.tabs li span.description {
    font-size: .8em;
}

.tabs li a {
    position: relative;
}

.testimonialtabs .tabs li
a {
    border-radius: 3px;
    display: block;
    width: 95px;
    height: 95px;
    overflow: hidden;
    border: 7px solid #ffffff;
}

.testimonialtabs .tabs li a:hover,.testimonialtabs .tabs li a.active {
    border-color: #1b9bb2;
}

.element.color .testimonialtabs .tabs li
a:hover,.element.color .testimonialtabs .tabs li a.active {
    top: -3px;
    border-color: #252525;
}

.testimonialtabs .tabcont p {
    font-size: 2.1875em;
    text-align: center;
    line-height: 1.3;
    color: #252525;
    margin: 0;
}

.testimonialtabs .tabs {
    margin-top: 50px;
}
.largetabs .tabs{
    border-bottom: 1px solid #dfdfdf;
}
.largetabs .tabs li a {
    text-transform: uppercase;
    font-size: 1.8em;
    display: block;
    padding: 10px 15px;
    border-radius: 3px 3px 0 0;
    color: #000;
    font-size: 16px;
    border: 1px solid transparent;
    margin-bottom: -1px;
}
.largetabs .tabs li a:hover{
    text-decoration: none;
}

.largetabs .tabs li.active a {
    background: #FFF;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
}

.element.color .largetabs .tabs li.active a {

}

.largetabs .tabcontents {
    /*background: #fafafa;*/
    padding: 10px 0px;
    /*box-shadow: 0 1px 1px #b7b7b7;*/
    border-radius: 0 0 3px 3px;
}

.element.color .largetabs .tabcontents {
    /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);*/
}

.element.darkgrey .largetabs .tabcontents {
    /*box-shadow: 0 1px 1px #000000;*/
}

.largetabs .tabcontents .tabcont * {
    color: #000;
    font-size: 13px;
}

.element.color .tabscontainer .tabcont p {
    color: #ffffff;
}

.element.darkgrey .tabscontainer .tabcont p {
    color: #ffffff;
}

p.inline {
    display: inline-block;
    line-height: 1.1;
    margin: 0 35px 0 0;
}

p.heading {
    text-transform: uppercase;
}

.element p.white,.element p.white a {
    color: #ffffff;
}

.element p.grey,.element p.grey a {
    color: #919191;
}

.element p.color,.element p.color a {
    color: #1b9bb2;
}

.element p.darkgrey,.element p.darkgrey a {
    color: #252525;
}

html {
    -webkit-font-smoothing: antialiased;
}

.tooltipster-default {
    background: #1b9bb2;
    color: #fff;
}

.tooltipster-default
.tooltipster-content {
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}

.tooltipster-base .tooltipster-content {
    overflow: hidden;
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.tooltipster-arrow span,.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}

.tooltipster-arrow-top
span,.tooltipster-arrow-top-right span,.tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -8px;
}

.tooltipster-arrow-top
.tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -8px;
}

.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-right span,.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px
solid;
    top: -8px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent
!important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -8px;
}

.tooltipster-arrow-top span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom
.tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tooltipster-arrow-top-left span,.tooltipster-arrow-bottom-left span {
    left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-left
.tooltipster-arrow-border {
    left: 5px;
}

.tooltipster-arrow-top-right span,.tooltipster-arrow-bottom-right span {
    right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,.tooltipster-arrow-bottom-right
.tooltipster-arrow-border {
    right: 5px;
}

.tooltipster-arrow-left span,.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -8px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}

.tooltipster-arrow-right span,.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -8px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}

.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0,
0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495,
1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495,
2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32,
1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32,
1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}

.tooltipster-content
a {
    color: #cccccc;
}

.tooltipster-content a:hover {
    color: #ffffff;
}

.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1,
1.1);
    transform: scale(1.1, 1.1);
}

.hotspotarea {
    position: relative;
}

.hotspotarea img {
    max-width: 100%;
}

.hotspot {
    position: absolute;
    width: 35px;
    height: 35px;
    background: #1b9bb2 url(../img/plus.png) no-repeat center center;
}

.hotspot:hover {
    background-color: #147486;
}

.globalpreloader {
    width: 100%;
    height: 100%;
    background: #252525 url(../img/loader.gif) no-repeat center center;
    position: fixed;
    z-index: 10000;
}

.divider {
    background: url(../img/sep_light.png) no-repeat center
bottom;
    height: 9px;
    width: 100%;
    margin-bottom: 40px;
}

.element.lightgrey .divider {
    background: url(../img/sep_dark.png) no-repeat center bottom;
}
.st-screenshots > a,.st-screenshots > a:hover{
    display: block;
    line-height: 1;
    color: #000;
    padding: 18px;
    position: relative;
    border-radius: 2px;
    font-size: 16px;
    border: 1px solid #C5C5C5;
    text-decoration: none;
}
#review .carousel-caption{
    position: static;
    color: #000;
    text-shadow: none;
    height: 225px;
}
#review .carousel-caption h4{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 17px;
}
#review .carousel-indicators{
    top:auto;
    bottom: 0;
}
.caption_content{
    height:127px;
}
.carousel-indicators li{
    background-color: #aaaaaa;
}
.carousel-indicators li.active{
    background-color: #000;
    width: 10px;
    height:10px;
    margin: 1px;
}
.review-by{
    color: #AEAEAE;
}
.review-by span{
    color: #000;
    font-weight: bold;
}
#support {
    background: #2786CB;
    color: #fff;
    font-weight: 400;
}
#support h1{
    color: #fff;
    margin-top: 0;
}
#support .description{
    margin-bottom: 10px;
}
.description h5{
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 5px;

}
.p_10{
    padding: 10px;
}
#support ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
#support :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
#support ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
#support :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}
/*Term & privacy*/
.header_2{
    background:#FAFAFC;
    position: fixed;
    top:0;
    height:80px;
    line-height: 80px;
    width: 100%;
    z-index: 90;
    border-bottom: 1px solid #2785ca;
}
.header_2 h1{
    margin:0;
    color:#AAAAAA;
    line-height: 80px;
    font-size: 30px;
    font-weight: 100;
    display: inline-block;
    vertical-align: middle;
}
.tab-term li{
    list-style: none;
    margin-right: 50px;
}
.tab-term li + li{
    border-top:1px solid #ccc;
}
.tab-term li a{
    color: #000;
    display: block;
    padding:5px 0;
}
.tab-term li.active a{
    font-weight: bold;
}
.termpage{
    padding-bottom: 50px;
}
.termpage h2{
    font-size: 18px;
    font-weight: bold;
    margin-top: 22px;
    color: #000;
}
.termpage h3{
    font-size: 13px;
    font-weight: bold;
    color: #000;
}
.person{
    margin-left: 150px;
    padding-top: 10px;
    min-height: 127px;
}
.person p{
    margin-top: 5px;
}
#team-profile h3{
    font-size: 16px;
    font-weight: normal;
}
#team-profile .clearfix{
    margin-bottom: 20px;
}
.termpage .tab-pane > div {
    padding: 5px 0;
}
div#company-info p {
    margin: 2px 0;
}
#company-info{
    font-size: 14px;
}
div#company-info span {
    display: inline-block;
    width: 95px;
}
.en-address,
.vn-address{
    position: relative;
    padding-left:36px;
    background: url(../img/flag-vn.jpg) no-repeat  2px 4px;
}
.en-address{
    background: url(../img/flag-en.jpg) no-repeat  2px 4px;
}
.section-address{
    margin-top: 50px;
}
.mainnav a:hover{
    text-decoration: none;
}
div#FAQ h5 {
    margin-top: 22px;
}
.st-content .item{
    padding-bottom: 20px;
}
.header_2 a{
    text-decoration: none;
}
@media  only screen and (min-width: 992px) {
    .input-name{
        padding-right: 2px;
        margin-bottom: 10px;
    }
    .input-email {
        padding-left: 2px;
        margin-bottom: 10px;
    }
    .mainnav ul{
        margin:  0;
        text-align: right;
        display: inline-block;
        float: right;
    }
    .widget.withbgr {
        margin-left: 50px;
        margin-top: 0;
    }
	.col-first-cus{
	
		height:180px;
	}
}
@media  only screen and (max-width: 991px){
    .input-name input,
    .input-email input{
        margin-bottom: 10px;
    }
   
    .mainnav ul li a{
        line-height: 50px;
        border-bottom: 1px solid #dfdfdf;
    }
    .widget.withbgr{
        margin-top: 20px;
    }
    #pricing ul{
        padding-left: 0;
        word-spacing: 0px;
    }
    #shownav {
        padding: 0px 25px;
        display: block;
        /*color: #ffffff;*/
        text-align: left;
        float: right;
        width: 46px;
        height: 46px;
        background: #2785CA;
        border-radius: 2px;
        margin-top: 16px;
        margin-right: 12px;
        padding: 10px;
    }
    a#shownav span {
        display: block;
        height: 4px;
        width: 100%;
        background: #fff;
        margin-bottom: 5px;
    }
	.ourService .item br{
		display:none;
	}
	
}
@media only screen and (max-width:480px) {
	
	#logo {
		/*display:none;*/
	}
	
    .hideonmobile,.about .item .overlay p,.about .item span.handle,.box img,.gallery li a span.hover,.st-accordion ul.st-ul li a.title span.description,.news .item.news a span.hover,.ilightbox-title,.twitter img {
        display: none!important;
    }

    .inner {
        padding: 0 20px;
    }

    #sequence-theme ul.controls li.sequence-prev {
        left: 25px;
        top: 85px;
    }

    #sequence-theme ul.controls li.sequence-next {
        right: 25px;
        top: 85px;
    }

    .row .item,.row>* {
        display: inline-block;
        margin-bottom: 20px;
    }

    .row.halves .item,.row.thirds .item {
        width: 100%;
    }

    .row .fourths .item {
        width: 45%;
        margin-left: 2%;
        margin-right: 2%;
        vertical-align: top;
    }

    .row.fifths .item {
        width: 45%;
        margin-left: 2%;
        margin-right: 2%;
        vertical-align: top;
    }

    .row.sixths .item {
        width: 45%;
        margin-left: 2%;
        margin-right: 2%;
        vertical-align: top;
    }

    .about .item .overlay {
        top: 0px;
        height: auto;
        display: none;
    }

    .box {
        text-align: center;
        padding: 5% 7%;
    }

    .displaytable>* {
        width: 95%;
    }

    .mainnav,#twitter {
        width: 100%;
    }

    .mainnav ul li {
        text-align: left;
		display: block;
    }

    .mainnav ul li.act {
        display: block;
    }

    .mainnav ul li a {
        display: block;
        float: none;
        padding-left: 40px;
    }

    #shownav {
        padding: 0px 25px;
        display: block;
        /*color: #ffffff;*/
        text-align: left;
        float: right;
        width: 46px;
        height: 46px;
        background: #2785CA;
        border-radius: 2px;
        margin-top: 16px;
        margin-right: 12px;
        padding: 10px;
    }
    a#shownav span {
        display: block;
        height: 4px;
        width: 100%;
        background: #fff;
        margin-bottom: 5px;
    }
    .mainnav ul{
        border-top: 1px solid #dfdfdf;
    }
    .navigation.light #shownav {
        color: #252525;
    }

    a.ilightbox-nav {
        left: auto;
    }

    a.ilightbox-prev {
        right: 65px;
    }

    a.ilightbox-next {
        right: 0;
    }

    .ilightbox-title {
        text-align: center;
    }

    .btn.fullwidth {
        display: inline-block;
        width: 100%;
        max-width: 300px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    #showsort {
        border-bottom: 1px solid #147486;
    }

    #showsort.opened {
        border-radius: 0;
        border-radius: 3px 3px 0 0;
    }

    #showsort:active {
        box-shadow: none;
    }

    #sortmenu {
        width: 100%;
        max-width: 300px;
        display: inline-block;
    }

    #sortmenu .sort {
        display: block;
        background: #1b9bb2;
        margin: 0;
        list-style: none;
        border-radius: 0 0 3px 3px;
        overflow: hidden;
    }

    #sortmenu .sort li a {
        color: #ffffff;
        text-transform: uppercase;
        font-size: 1.5625em;
        display: block;
        padding: 7px 7%;
        line-height: 1;
        border-bottom: 1px solid #147486;
    }

    #sortmenu .sort li.selected a {
        background-color: #116170;
    }

    .portfolio {
        text-align: center;
    }

    .carouselcont .carouselnav.prev {
        display: none!important;
    }

    .carouselcont .carouselnav.next {
        display: none!important;
    }

    .element#features .inner .hand {
        display: none;
    }

    .box-expanding header .heading,.box-expanding header p,.subheading p {
        text-align: center;
    }

    .box-expanding header .heading img,.subheading img {
        margin-bottom: 15px;
    }

    .floatleft,.floatright {
        display: block;
        margin: 0 0 10px 0;
    }

    ul.carousel {
        margin: 0 auto;
    }

    ul.carousel li.item {
        float: left;
    }

    ul.carousel.testimonials li.item {
        margin: 0 10px 5px 10px;
    }

    ul.carousel.news li.item {
        margin: 0 10px 5px 10px;
    }

    .item.testimonial .cont {
        text-align: center;
    }

    .item.testimonial .cont img {
        /*width: 70px;*/
        height: auto;
        float: none;
        margin-bottom: 15px;
    }

    .item.testimonial .cont .entry {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: auto;
    }

    .item.testimonial .cont h4 {
        font-size: 1.5em;
    }

    ul.carousel.phones li.item {
        margin-left: 30px;
        margin-right: 10px;
    }

    .carousel.phonelandscape .item,.carousel.phonelandscape .item a {
        margin: 0;
        background: none;
        width: 100%;
    }

    .carousel.phonelandscape .item a img {
        max-width: 100%;
    }

    .largetabs .tabs li a {
        border-radius: 0;
        font-size: 10px;
        text-transform: none;
    }

    .largetabs .tabs li:first-child a {
        border-radius: 3px 3px 0 0;
    }

    a.social {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }

    a.social img {
        width: 25px;
        height: 25px;
    }

    div.error {
        width: 86%;
        height: auto;
        padding: 4% 7%;
    }

    input,textarea,div.error {
        /*width: 90%!important;*/
        /*padding-left: 5%!important;*/
        /*padding-right: 5%!important;*/
    }

    .element .form .aligned-elements p {
        float: none;
        margin-top: 15px;
    }

    .element .diamonds .item,.largetabs .tabs li {
        /*width: 100%;*/
    }

    .centeronmobile {
        text-align: center!important;
    }
    .caption_text{
        max-height: 60px;
        overflow: hidden;
    }
}

@media only screen and (min-width:480px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before,.row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-left: 2.127659574468085%;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.48936170212765%;
        *width: 91.43617021276594%;
    }

    .row-fluid .span10 {
        width: 82.97872340425532%;
        *width: 82.92553191489361%;
    }

    .row-fluid .span9 {
        width: 74.46808510638297%;
        *width: 74.41489361702126%;
    }

    .row-fluid .span8 {
        width: 65.95744680851064%;
        *width: 65.90425531914893%;
    }

    .row-fluid .span7 {
        width: 57.44680851063829%;
        *width: 57.39361702127659%;
    }

    .row-fluid .span6 {
        width: 48.93617021276595%;
        *width: 48.88297872340425%;
    }

    .row-fluid .span5 {
        width: 40.42553191489362%;
        *width: 40.37234042553192%;
    }

    .row-fluid .span4 {
        width: 31.914893617021278%;
        *width: 31.861702127659576%;
    }

    .row-fluid .span2 {
        width: 14.893617021276595%;
        *width: 14.840425531914894%;
    }

    .row-fluid .span1 {
        width: 6.382978723404255%;
        *width: 6.329787234042553%;
    }

    .row-fluid .offset12 {
        margin-left: 104.25531914893617%;
        *margin-left: 104.14893617021275%;
    }

    .row-fluid .offset12:first-child {
        margin-left: 102.12765957446808%;
        *margin-left: 102.02127659574467%;
    }

    .row-fluid .offset11 {
        margin-left: 95.74468085106382%;
        *margin-left: 95.6382978723404%;
    }

    .row-fluid .offset11:first-child {
        margin-left: 93.61702127659574%;
        *margin-left: 93.51063829787232%;
    }

    .row-fluid .offset10 {
        margin-left: 87.23404255319149%;
        *margin-left: 87.12765957446807%;
    }

    .row-fluid .offset10:first-child {
        margin-left: 85.1063829787234%;
        *margin-left: 84.99999999999999%;
    }

    .row-fluid .offset9 {
        margin-left: 78.72340425531914%;
        *margin-left: 78.61702127659572%;
    }

    .row-fluid .offset9:first-child {
        margin-left: 76.59574468085106%;
        *margin-left: 76.48936170212764%;
    }

    .row-fluid .offset8 {
        margin-left: 70.2127659574468%;
        *margin-left: 70.10638297872339%;
    }

    .row-fluid .offset8:first-child {
        margin-left: 68.08510638297872%;
        *margin-left: 67.9787234042553%;
    }

    .row-fluid .offset7 {
        margin-left: 61.70212765957446%;
        *margin-left: 61.59574468085106%;
    }

    .row-fluid .offset7:first-child {
        margin-left: 59.574468085106375%;
        *margin-left: 59.46808510638297%;
    }

    .row-fluid .offset6 {
        margin-left: 53.191489361702125%;
        *margin-left: 53.085106382978715%;
    }

    .row-fluid .offset6:first-child {
        margin-left: 51.063829787234035%;
        *margin-left: 50.95744680851063%;
    }

    .row-fluid .offset5 {
        margin-left: 44.68085106382979%;
        *margin-left: 44.57446808510638%;
    }

    .row-fluid .offset5:first-child {
        margin-left: 42.5531914893617%;
        *margin-left: 42.4468085106383%;
    }

    .row-fluid .offset4 {
        margin-left: 36.170212765957444%;
        *margin-left: 36.06382978723405%;
    }

    .row-fluid .offset4:first-child {
        margin-left: 34.04255319148936%;
        *margin-left: 33.93617021276596%;
    }

    .row-fluid .offset3 {
        margin-left: 27.659574468085104%;
        *margin-left: 27.5531914893617%;
    }

    .row-fluid .offset3:first-child {
        margin-left: 25.53191489361702%;
        *margin-left: 25.425531914893618%;
    }

    .row-fluid .offset2 {
        margin-left: 19.148936170212764%;
        *margin-left: 19.04255319148936%;
    }

    .row-fluid .offset2:first-child {
        margin-left: 17.02127659574468%;
        *margin-left: 16.914893617021278%;
    }

    .row-fluid .offset1 {
        margin-left: 10.638297872340425%;
        *margin-left: 10.53191489361702%;
    }

    .row-fluid .offset1:first-child {
        margin-left: 8.51063829787234%;
        *margin-left: 8.404255319148938%;
    }

    [class*="span"].hide,.row-fluid [class*="span"].hide {
        display: none;
    }

    [class*="span"].pull-right,.row-fluid [class*="span"].pull-right {
        float: right;
    }
    .row{
        margin-left: 0;
        margin-right: 0;
    }

    .row .item,.row>* {
        float: left;
        margin-bottom: 2%;
    }

    .row .item.last,.row .item:last-child {
        margin-right: 0;
    }

    .row  .item {
        margin-bottom: 4%;
        vertical-align: top;
        margin: 12px 17px;
    }

    .row.halves .item {
        width: 40%;
    }
    #pricing  .row.halves{
        text-align: center;
    }
    #pricing  .row.halves .item{
        float: none;
        display: inline-block;
        margin: 0;
        margin-right: 25px;
    }
    .row.thirds .item {
        width: 29.334%;
    }

    .row.fourths .item {
        width: 21%;
    }

    .row.fifths .item {
        width: 16%;
    }

    .row.sixths .item {
        width: 12.66666666666667%;
    }

    .short {
        width: 15%;
    }

    .medium {
        width: 35%;
    }

    .large {
        width: 63%;
    }

    .giant {
        width: 90%;
    }

    input.fullwidth,textarea.fullwidth {
        width: 95%;
    }

    .floatleft {
        float: left;
    }

    .floatright {
        float: right;
    }

    .portfolio .sort {
        list-style: none;
        margin: 0 0 85px 0;
    }

    .portfolio .sort li {
        float: left;
        border-left: 0px solid #454545;
    }



    .navigation.light #shownav {
        color: #252525;
    }

    .element .sort li a {
        float: left;
        line-height: 1;
        display: block;
        width: auto;
        border-top: 0px solid transparent;
        font-size: 2.1875em;
        text-transform: uppercase;
        color: #5e5e5e;
    }

    .element .sort.simple li {
        border: none;
    }

    .element .sort.simple li a {
        padding: 45px 30px 0px 0;
        border: none;
    }

    .element.color .sort li a {
        color: #0e4e59;
    }

    .element.darkgrey .sort li a:hover {
        color: #ffffff;
    }

    .sort li.selected a {
        color: #1b9bb2;
        border-top-color: #1b9bb2;
    }

    .element.color .sort li.selected a {
        border-top-color: #252525;
    }

    .element.color .sort li.selected a,.element.color .sort li a:hover {
        color: #ffffff;
    }

    .element.lightgrey .sort li.selected a,.element.lightgrey .sort li a:hover {
        color: #1b9bb2;
    }
}

@media only screen and (min-width:480px) and (max-width:992px) {

    .hide-tablet,.about .item span.handle,.gallery li a span.hover,.getdirections i {
        display: none;
    }

    .carouselcont .carouselnav.prev {
        display: none!important;
    }

    .carouselcont .carouselnav.next {
        display: none!important;
    }

    #sequence-theme ul.controls li.sequence-prev {
        left: 25px;
        top: 85px;
    }

    #sequence-theme ul.controls li.sequence-next {
        right: 25px;
        top: 85px;
    }

    .inner {
        padding: 0 20px;
    }

    .mainnav {
        width: 100%;
    }

    .mainnav ul li {
        text-align: left;
		display:block;
    }

    .mainnav ul li.act {
        display: block;
    }

    .mainnav ul li a {
        display: block;
        float: none;
        padding-left: 40px;
        border: none;
    }

    .box {
        text-align: center;
        padding: 5% 7%;
    }

    .displaytable>* {
        width: 95%;
    }

    .element .diamonds .item {
        width: 46%;
    }

    .scalable {
        max-width: 90%;
    }

    a.ilightbox-nav {
        left: auto;
    }

    a.ilightbox-prev {
        right: 65px;
    }

    a.ilightbox-next {
        right: 0;
    }

    .ilightbox-title {
        text-align: center;
    }

    .carouselcont .carouselnav.prev {
        position: static;
        float: left;
        margin-bottom: 25px;
    }

    .carouselcont .carouselnav.next {
        position: static;
        float: right;
        margin-bottom: 25px;
    }

    ul.carousel.news li.item {
        margin: 0 15px 5px 15px;
    }

    ul.carousel.testimonials li.item {
        margin-right: 15px;
        margin-left: 15px;
    }

    .item.testimonial .cont {
        text-align: center;
    }

    .item.testimonial .cont img {
        /*width: 70px;*/
        margin-bottom: 15px;
        height: auto;
        float: none;
    }

    .item.testimonial .cont .entry {
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    div.error {
        width: 85%;
    }

    .tablet-right {
        text-align: right;
    }
}

@media only screen and (max-width:767px) {
    .st-screenshots > a span,
    .st-accordion ul.st-ul li a.title span.description {
        display: none;
    }
}

@media only screen and (min-width:768px) {
    .diamond a.diamond {
        width: 100px;
        height: 100px;
    }
}

@media only screen and (min-width:992px) {
    .displaytable {
        display: table!important;
    }

    .displaytable>* {
        display: table-cell !important;
        vertical-align: middle;
    }

    .about .item:hover .overlay {
        top: 0;
    }

    .inner {
        width: 950px;
        margin: 0 auto;
    }

    .gallery li {
        float: left;
    }

    ul.carousel.news li.item {
        margin: 0 20px 5px 20px;
    }

    ul.carousel.testimonials li.item {
        margin-right: 20px;
        margin-left: 20px;
    }

    .desktop-right {
        text-align: right;
    }

    .desktop-r {
        float: right;
    }

    .diamond a.diamond {
        width: 190px;
        height: 190px;
    }

    .diamonds.halves a.diamond {
        width: 270px;
        height: 270px;
    }

    .diamonds.halves a.diamond:hover span.hover {
        width: 235px;
        height: 235px;
    }

    .diamonds.fourths a.diamond {
        width: 150px;
        height: 150px;
    }

    .diamonds.fourths a.diamond:hover span.hover {
        width: 115px;
        height: 115px;
    }

    .diamonds.fifths a.diamond {
        width: 115px;
        height: 115px;
    }

    .diamonds.fifths a.diamond:hover span.hover {
        display: none;
    }

    .diamonds.sixths a.diamond {
        width: 90px;
        height: 90px;
        border-width: 8px;
    }

    .diamonds.sixths a.diamond:hover span.hover {
        display: none;
    }
}

.font-mini {
    font-size: 20px!important;
}

@media only screen and (min-width:800px) {
    .row-fluid .span3 {
        width: 23.404255319148934%;
        *width: 23.351063829787233%;
        margin-left: 2.127659574468085%;
        *margin-left: 2.074468085106383%;
    }
}

.font-small {
    font-size: 25px!important;
}

.font-normal {
    font-size: 30px!important;
}

.font-medium {
    font-size: 45px!important;
}

.font-medium-large {
    font-size: 55px!important;
}

.font-large {
    font-size: 65px!important;
}

.font-giant {
    font-size: 75px!important;
}

.font-heading {
    text-transform: uppercase;
}

.scalable {
    max-width: 100%;
}

.fadeout60 {
    opacity: .6;
}

.fadeout80 {
    opacity: .8;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mr60 {
    margin-right: 60px;
}

.mr70 {
    margin-right: 70px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.ml60 {
    margin-left: 60px;
}

.ml70 {
    margin-left: 70px;
}

.nomt {
    margin-top: 0;
}

.nomb {
    margin-bottom: 0;
}

.center {
    text-align: center;
}

.centerelement {
    margin-left: auto;
    margin-right: auto;
}

.right {
    text-align: right;
}

.none {
    display: none;
}

.narrow {
    width: 70%;
}

.block {
    display: block!important;
}

.inline {
    display: inline!important;
}

.inline-block {
    display: inline-block !important;
}

.absolute {
    position: absolute;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom
.container {
    width: 940px;
}

.sticker{
	position:absolute;
	right:0;
	bottom:0;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
        content: "";
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    } @    page {
        margin: 0.5cm;
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3;
    }

    h2,h3 {
        page-break-after: avoid;
    }
}

.pagination a {
display: inline-block;
width: 9px;
height: 9px;
background: #eee;
margin-right: 2px;
text-indent: -9999px;
border-radius: 50%;
margin:10px;
}
.pagination a.selected {
background: #888;
}
.ourService h3{
	font-size: 15px;
	font-weight: normal;
	color:#409BC4;
}
.thankyou_page{
	background: #f9f9f9;
	padding-top: 0;
}
.thanks_content{
	width: 700px;
	padding: 30px 20px;
	margin: 0 auto;
	border: 1px solid #dfdfdf;
	background: #fff;
}
.thanks_content h1{
	margin-top: 0;
	font-weight: normal;
	text-align:center;
	font-size: 2.5em;
}
.thanks_content .main_info{
	font-size:14px;
	text-align:center;
	margin-bottom:15px;
}
.thank_contact_info .info_left{
	float: left;
	width: 50%;
}
.moo_service,
.thank_contact_info {
	border-top: 1px solid #dfdfdf;
	margin-top: 45px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.info_left > div > span {
	display: inline-block;
	width: 53px;
}
.moo_service h3,
.thank_contact_info h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}
.more_info{
	width: 700px;
	padding: 10px 20px;
	margin: 10px auto;
	text-align: center;
	font-size: 12px;
	color: #B5B5B5;
}
.info_right a {
	color: #000;
}
.moo_service a {
	color: #000;
	font-size: 12px;
}
.moo_service h3{
	margin-bottom:5px;
}
.thankyou_page .header_2{
	background: none;
	border: none;
	position:static;
}
.thankyou_page .header_2 .inner{
	width: 700px;
}
.thankyou_page .header_2 .inner > div{
	float:right;
	font-size: 15px;
}
.moo_social{
	text-align:center;
	margin-bottom:10px;
}
.thankyou_page  a{
	color:#05a0c9;
}
.thanks_footer ul {
	list-style: none;
	text-align: center;
	border-top: 1px solid #ccc;
	width: 700px;
	margin: 0 auto;
}
.thanks_footer ul li {
	display: inline-block;
	margin: 20px 10px 5px;
}
.thanks_footer,
.thanks_footer ul li a{
	color: #B5B5B5;
	font-size: 12px;
	text-align:center;
}
.thanks_footer{
	margin-bottom:60px;
}
.moo_service{
	text-align:center;
}
#TetEvent .modal-body{
	font-size:16px;
	font-weight:400;
	padding: 60px;
}
body #sequence-theme{
	background:url(../img/screenshots/features_bg.png) no-repeat;
	  overflow: visible;
	  height: 342px;
	  background-size: cover;
	  margin-bottom: 115px;
	    box-sizing: border-box;
		padding-top: 50px;
}
body #sequence-theme .animate-in.slide3 .text{
	  float: left;
	  position: static;
	  width: 50%;
	  text-align: left;
}
body #sequence-theme .animate-in.slide3 .monitor{
	  float: right;
	  width: 50%;
	  position: static;
	  background-size: contain;
	  
}
body #sequence-theme .text p{
	  font-size: 16px;
}
body .slide-top{
	  width: 60%;
}
body .slide-top .btn{
	  width: 49%;
	  box-sizing: border-box;
	  float: left;
	  display: block;
}
body .slide-top .btn.buynow_btn{
	display: block;
	margin-top: 5px;
	  width: 100%;
}
[class^='fricon-']{
	display:inline-block;
	margin-right:10px;
	width:45px;
	height:45px;
	background-image:url(../img/icon-new-section.png);
	background-repeat:no-repeat;
	  vertical-align: middle;
}
.list-feature{
	margin-bottom:60px;
}
.list-feature div.item {
  margin-bottom: 15px;
  font-size: 16px;
}
.fricon-plugin{
	background-position:-5px 0;
}
.fricon-customhtml{
	background-position: -8px -56px;
}
.fricon-role{
	background-position: -8px -110px;
}
.fricon-cron{
	  background-position: -8px -165px;
}
.fricon-profile{
	  background-position: -67px 0px;
}
.fricon-menu{
	  background-position: -67px -50px;
}
.fricon-widget{
	background-position: -68px -105px;
}
.fricon-language{
	  background-position: -68px -165px;
}
.fricon-mail{
	  background-position: -125px 0px;
}
.fricon-page{
	  background-position: -125px -50px;
}
.fricon-layout{
	background-position: -125px -105px;
}
.fricon-signon{
	background-position: -126px -165px;
}
.fricon-https{
	  background-position: -183px 0px;
}
.fricon-customemail{
	background-position: -182px -51px;
}
.fricon-adminsetting{
	  background-position: -184px -105px;
}
.btn-blue{
	  background-color: #206FBF;
}
.btn-section{
	clear: both;
	text-align: center;
	  padding-top: 40px;
}
@media only screen and (max-width:800px) {
	body #sequence-theme .animate-in.slide3 .text{
		  width: 100%;
		    padding: 0 50px;
	}
}
@media only screen and (max-width:550px) {
	body .slide-top{
		width:100%;
	}
	body #sequence-theme{
		  height: auto;
		  padding-bottom: 50px;
		  margin-bottom: 0;
	}
}