
::-moz-selection {
    background: #5FB228;
/*    color: #FFF;*/
    color: #555;
    text-shadow:none;
}
::-webkit-selection {
    background: #5FB228;
/*    color: #FFF;*/
    color: #555;
    text-shadow:none;    
}
::selection {
    background: #5FB228;
/*    color: #FFF;*/
    color: #555;
    text-shadow:none;    
}

.clearfix {
    *zoom:1
}
.clearfix:before,.clearfix:after {
    display:table;
    content:"";
    line-height:0
}
.clearfix:after {
    clear:both
}
/*.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
}*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display:block
}
audio,canvas,video {
    display:inline-block;
    *display:inline;
    *zoom:1
}
audio:not([controls]) {
    display:none
}
html {
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
a:focus, button:focus {
    outline:none;
}
a:hover, a:active, button:hover, button:active {
    outline:0
}
sub,sup {
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sup {
    top:-0.5em
}
sub {
    bottom:-0.25em
}
img {
    max-width:100%;
    width:auto\9;
    height:auto;
    vertical-align:middle;
    border:0;
    -ms-interpolation-mode:bicubic
}
#map_canvas img,.google-maps img {
    max-width:none
}
button,input,select,textarea {
    margin:0;
    font-size:100%;
    vertical-align:middle;
    font-family: 'Open Sans', Arial, sans-serif;
}
select::-ms-expand {
    display: none;
}
select {
    border-radius: 0 !important;
    /*-webkit-appearance:none;*/ /* for Mac OS: Chrome */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 0 !important;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 0 !important;  /* Firefox 1-3.6 */     
    border-radius: 0 !important;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
select:focus {    
    outline: none !important;
/*    border-color: transparent !important;*/
    border-color: #78cd41 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;        
}

button,input {
    *overflow:visible;
    line-height:normal
}
button::-moz-focus-inner,input::-moz-focus-inner {
    padding:0;
    border:0
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer
}
select,input[type="radio"],input[type="checkbox"] {
    cursor:pointer
}
input[type="search"] {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance:none
}
textarea {
    overflow:auto;
    vertical-align:top
}
@media print {
    * {
        text-shadow:none !important;
        color:#000 !important;
        background:transparent !important;
        box-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
    }
}
html,body {
    height: 100%;
}
.wrap {
    min-height: 100%;
}
.empty {
    height: 400px;
}
body {
    margin:0;
/*    font-family:'Open Sans light',"Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family:'Open Sans Normal',"Helvetica Neue",Helvetica,Arial,sans-serif; /* Open Sans Normal = Open Sans Regular */
    font-size: 16px;
    line-height: 26px;
    color: #666;
    background-color: #fff;
    font-weight: 300;
    -webkit-text-size-adjust: none;	
}
a {
    color: #2980b9;
    text-decoration: none;    
}
a:hover {
    /*    color:#1b557a;
        text-decoration:underline*/
}
.inner-page {
    padding-top: 80px;
}
/*.entry-content p {
    text-align: justify;
}
.entry-content a {
    color: #7BE526;
    text-decoration: underline;
}*/
.img-rounded {
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
.img-polaroid {
    padding:4px;
    background-color:#fff;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
    box-shadow:0 1px 3px rgba(0,0,0,0.1)
}
.img-circle {
    -webkit-border-radius:500px;
    -moz-border-radius:500px;
    border-radius:500px
}
.row {
    margin-left:-20px;
    *zoom:1
}
.row:before,.row:after {
    display:table;
    content:"";
    line-height:0
}
.row:after {
    clear:both
}
[class*="span"] {
    float:left;
    min-height:1px;
    margin-left:20px
}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
    width:940px
}
.right-col, .left-col{
    display: block;
    /*    vertical-align: top;
        display: inline-block;
        width: 48%;*/
}
p + .left-col, p + .left-col + .right-col {
    margin-top: -10px;
}

.table {
    display: table;
    width: 100%;
    max-width: 100%;
    height: 100%;    
    table-layout: fixed;    
}
.row {
    display: table-row;     
}
.cell {
    display: table-cell;
    width: 100%;
}
.vertical-align-middle {
    vertical-align: middle;
}

/*.right-col{
    padding-left: 20px;
}*/

/* =====================================================================
   The Overview Section
   ================================================================== */  
.overview {
    background: #fff;
    color: #666;
/*    padding-top: 28px !important;*/
    border-top: none;
}
.overview h2 {
    color: #555;    
}
.overview h3 {
    color: #555;
}

.overview .section-subhead {
    color: #666;
}

/*.overview h3 {
    margin-bottom: 5px;
}*/

/*.overview h2{
    margin: 0 0 10px 0px;
}*/

/*.overview .span6{
    width:100% !important;
}*/

.overview ul {
    margin: 10px 0 10px 20px;
}
.overview li {
    list-style: none;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
}
.overview li:before {
    position: absolute;
    display: inline-block;
    left: -20px;
    top: 10px;
    vertical-align: text-bottom;
    width: 6px;
    height: 6px;
    content: "";
    background: url(../images/list/point-green.png) 0 0 no-repeat;
    background-size: 100% auto !important;
}
.overview strong {
    color: #555;
    height: 25px;
    display: inline-block;
    margin-right: 5px;
}

/*.overview .installer-item {
      top: 30px;
      position:relative;
}*/
.overview .image-container {
    margin-top: 22px;
    margin-left: auto;
    margin-right: auto;
}
.overview .image-item {
/*    width: 325px;
    height: 265px;*/    
    display: block;
/*    margin: 0 auto;*/
    text-align: center;
}
.overview .image-item img {
/*    position: relative;*/
    width: 100%;
    height: auto;
}

/* =====================================================================
   The Overview Section
   ================================================================== */  






.span12 {
    width:940px
}
.span11 {
    width:860px
}
.span10 {
    width:780px
}
.span9 {
    width:700px
}
.span8 {
    width:620px
}
.span7 {
    width:540px
}
.span6 {
    width:460px
}
.span5 {
    width:380px
}
.span4 {
    width:300px
}
.span3 {
    width:220px}
.span2 {
    width:140px
}
.span1 {
    width:60px
}
.offset12 {
    margin-left:980px
}
.offset11 {
    margin-left:900px
}
.offset10 {
    margin-left:820px
}
.offset9 {
    margin-left:740px
}
.offset8 {
    margin-left:660px
}
.offset7 {
    margin-left:580px
}
.offset6 {
    margin-left:500px
}
.offset5 {
    margin-left:420px
}
.offset4 {
    margin-left:340px
}
.offset3 {
    margin-left:260px
}
.offset2 {
    margin-left:180px
}
.offset1 {
    margin-left:100px
}
.row-fluid {
    max-width: 97%;
    *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: 40px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
    margin-left:2.12766%;
    *margin-left:2.07447%;
    border-radius: 0px;
}
.row-fluid [class*="span"]:first-child {
    margin-left:0
}
.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left:2.12766%
}
.row-fluid .span12 {
    width:100%;
    *width:99.94681%
}
.row-fluid .offset12 {
    margin-left:104.25532%;
    *margin-left:104.14894%
}
.row-fluid .offset12:first-child {
    margin-left:102.12766%;
    *margin-left:102.02128%
}
.row-fluid .span11 {
    width:91.48936%;
    *width:91.43617%
}
.row-fluid .offset11 {
    margin-left:95.74468%;
    *margin-left:95.6383%
}
.row-fluid .offset11:first-child {
    margin-left:93.61702%;
    *margin-left:93.51064%
}
.row-fluid .span10 {
    width:82.97872%;
    *width:82.92553%
}
.row-fluid .offset10 {
    margin-left:87.23404%;
    *margin-left:87.12766%
}
.row-fluid .offset10:first-child {
    margin-left:85.10638%;
    *margin-left:85.0%
}
.row-fluid .span9 {
    width:74.46809%;
    *width:74.41489%
}
.row-fluid .offset9 {
    margin-left:78.7234%;
    *margin-left:78.61702%
}
.row-fluid .offset9:first-child {
    margin-left:76.59574%;
    *margin-left:76.48936%
}
.row-fluid .span8 {
    width:65.95745%;
    *width:65.90426%
}
.row-fluid .offset8 {
    margin-left:70.21277%;
    *margin-left:70.10638%
}
.row-fluid .offset8:first-child {
    margin-left:68.08511%;
    *margin-left:67.97872%
}
.row-fluid .span7 {
    width:57.44681%;
    *width:57.39362%
}
.row-fluid .offset7 {
    margin-left:61.70213%;
    *margin-left:61.59574%
}
.row-fluid .offset7:first-child {
    margin-left:59.57447%;
    *margin-left:59.46809%
}
.row-fluid .span6 {
    width:48.93617%;
    *width:48.88298%
}
.row-fluid .offset6 {
    margin-left:53.19149%;
    *margin-left:53.08511%
}
.row-fluid .offset6:first-child {
    margin-left:51.06383%;
    *margin-left:50.95745%
}
.row-fluid .span5 {
    width:40.42553%;
    *width:40.37234%
}
.row-fluid .offset5 {
    margin-left:44.68085%;
    *margin-left:44.57447%
}
.row-fluid .offset5:first-child {
    margin-left:42.55319%;
    *margin-left:42.44681%
}
.row-fluid .span4 {
    width:31.91489%;
    *width:31.8617%
}
.row-fluid .offset4 {
    margin-left:36.17021%;
    *margin-left:36.06383%
}
.row-fluid .offset4:first-child {
    margin-left:34.04255%;
    *margin-left:33.93617%
}
.row-fluid .span3 {
    width:23.40426%;
    *width:23.35106%
}
.row-fluid .offset3 {
    margin-left:27.65957%;
    *margin-left:27.55319%
}
.row-fluid .offset3:first-child {
    margin-left:25.53191%;
    *margin-left:25.42553%
}
.row-fluid .span2 {
    width:14.89362%;
    *width:14.84043%
}
.row-fluid .offset2 {
    margin-left:19.14894%;
    *margin-left:19.04255%
}
.row-fluid .offset2:first-child {
    margin-left:17.02128%;
    *margin-left:16.91489%
}
.row-fluid .span1 {
    width:6.38298%;
    *width:6.32979%
}
.row-fluid .offset1 {
    margin-left:10.6383%;
    *margin-left:10.53191%
}
.row-fluid .offset1:first-child {
    margin-left:8.51064%;
    *margin-left:8.40426%
}
.no-margin-bottom {
    margin-bottom: 0 !important;
}
p {
    margin:0 0 10px;
}
h2 + p {
    margin-top: 18px;
}
/*.lead {
    margin-bottom:20px;
    font-size:21px;
    font-weight:200;
    line-height:30px
}*/
small {
    font-size:85%
}
strong {
    font-weight:bold;
}
em {
    font-style:italic
}
cite {
    font-style:normal
}

/*a.text-success:hover,a.text-success:focus {
    color:#356635
}*/
.text-left {
    text-align:left
}
.text-right {
    text-align:right
}
.text-center {
    text-align:center
}
.nowrap {
    white-space: nowrap;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;    
}
/*h1,h2,h3,h4,h5,h6 {
    margin: 20px 0;
    font-family: 'Open Sans';
    font-weight: normal;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
}*/
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-weight:normal;
    line-height:1;
    color:#999
}
h1,h2,h3 {
    line-height: 42px;
}
h1 {
    font-size:38.5px;
}
h2 {
    font-size: 41px;
    font-weight: 300;
    margin: 0;
}
h2 .title-addition {
    font-size: 30px; 
    font-style:italic;
    float:right;
}
h3 {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    font-weight: 300;
}
h4 {
    font-size:14px;
}
h5 {
    font-size:11.9px;
}
h6 {
    font-size:11.9px;
}
h1 small {
    font-size:24.5px;
}
h2 small {
    font-size:17.5px;
}
h3 small {
    font-size:14px;
};
h4 small {
    font-size:14px;
}
/*.top-subtitle {
    font-size: 25px; 
    padding: 0;
    margin: 0 0 20px;
}
.top-subtitle.text-right {
    text-align: right;
}*/

/*.page-header {
    padding-bottom:9px;
    margin:20px 0 30px;
    border-bottom:1px solid #eee
}*/
ul,ol {
    padding:0;
    margin: 0 0 10px 20px;}
ul ul,ul ol,ol ol,ol ul {
    margin-bottom:0
}
li {
    line-height: 26px
}
ul.unstyled,ol.unstyled {
    margin-left:0;
    list-style:none
}
ul.inline,ol.inline {
    margin-left:0;
    list-style:none
}
ul.inline>li,ol.inline>li {
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding-left:5px;
    padding-right:5px
}
ul.inline>li:last-child {
    padding-right:0
}
dl {
    margin-bottom:20px
}
dt,dd {
    line-height:20px
}
dt {
    font-weight:bold
}
dd {
    margin-left:10px
}

hr {
    margin: 53px 0 20px;
    border:0;
/*    border-bottom: 1px solid #44474B;*/
    border-bottom: 1px solid #47494c;
    
}

/*address {
    display:block;
    margin-bottom:20px;
    font-style:normal;
    line-height:20px
}*/
code,pre {
    padding:0 3px 2px;
    font-size:12px;
    color:#333;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
code {
    padding:2px 4px;
    color:#d14;
    background-color:#f7f7f9;
    border:1px solid #e1e1e8;
    white-space:nowrap
}
pre {
    display:block;
    padding:9.5px;
    margin:0 0 10px;
    font-size:13px;
    line-height:20px;
    word-break:break-all;
    word-wrap:break-word;
    white-space:pre;
    white-space:pre-wrap;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,0.15);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
pre.prettyprint {
    margin-bottom:20px
}
pre code {
    padding:0;
    color:inherit;
    white-space:pre;
    white-space:pre-wrap;
    background-color:transparent;
    border:0
}
.pre-scrollable {
    max-height:340px;
    overflow-y:scroll
}
form {}
fieldset {
    padding:0;
    margin:0;
    border:0
}
/*legend {
    display:block;
    width:100%;
    padding:0;
    margin-bottom:20px;
    font-size:21px;
    line-height:40px;
    color:#333;
    border:0;
    border-bottom:1px solid #e5e5e5
}
legend small {
    font-size:15px;
    color:#999
}*/
label,input,button,select,textarea {
    font-size: 16px;
    font-weight: normal;
    line-height: 26px
}
input,button,select,textarea {
}
label {
    display:block;
    margin-bottom:3px
}
select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
    display:inline-block;
    height:20px;
    padding:4px 6px;
    margin-bottom:10px;
    font-size:14px;
    line-height:20px;
    color:#555;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    vertical-align:middle
}
input,textarea,.uneditable-input {
    width:206px
}
textarea {
    height:auto
}
textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
    background-color:#fff;
/*    border:1px solid #ccc;*/
    border:1px solid transparent;
/*    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);*/
    -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;
    -moz-transition:border linear 0.2s,box-shadow linear 0.2s;
    -o-transition:border linear 0.2s,box-shadow linear 0.2s;
    transition:border linear 0.2s,box-shadow linear 0.2s
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
/*    border-color:rgba(102,153,52,0.6);*/
    border-color: #78cd41;
    outline: 0;
/*    outline:thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 5px rgba(102,153,52,0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 5px rgba(102,153,52,0.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 5px rgba(102,153,52,0.4)*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input[type="radio"],input[type="checkbox"] {
    margin:4px 0 0;
    *margin-top:0;
    margin-top:1px \9;
    line-height:normal
}
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {
    width:auto
}
select,input[type="file"] {
    height:30px;
    *margin-top:4px;
    line-height:30px
}
select {
    width:220px;
/*    border:1px solid #ccc;*/
    border: 1px solid transparent;
    background-color:#fff
}

input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"] {
    float:none;
    margin-left:0
}
.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"] {
    display:inline-block
}
input,textarea,.uneditable-input {
    margin-left:0
}
.controls-row [class*="span"]+[class*="span"] {
    margin-left:20px
}
input.span12,textarea.span12,.uneditable-input.span12 {
    width:926px
}
input.span11,textarea.span11,.uneditable-input.span11 {
    width:846px
}
input.span10,textarea.span10,.uneditable-input.span10 {
    width:766px
}
input.span9,textarea.span9,.uneditable-input.span9 {
    width:686px
}
input.span8,textarea.span8,.uneditable-input.span8 {
    width:606px
}
input.span7,textarea.span7,.uneditable-input.span7 {
    width:526px
}
input.span6,textarea.span6,.uneditable-input.span6 {
    width:446px
}
input.span5,textarea.span5,.uneditable-input.span5 {
    width:366px
}
input.span4,textarea.span4,.uneditable-input.span4 {
    width:286px
}
input.span3,textarea.span3,.uneditable-input.span3 {
    width:206px
}
input.span2,textarea.span2,.uneditable-input.span2 {
    width:126px
}
input.span1,textarea.span1,.uneditable-input.span1 {
    width:46px
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.collapse {
    height:0;
    overflow:hidden;
    -webkit-transition:height 0.35s ease;
    -moz-transition:height 0.35s ease;
    -o-transition:height 0.35s ease;
    transition:height 0.35s ease;
    position: relative;
}
.collapse.in {
    height:auto
}
/*.close {
    float:right;
    font-size:20px;
    font-weight:bold;
    line-height:20px;
    color:#000;
    text-shadow:0 1px 0 #fff;
    opacity:0.2;
    filter:alpha(opacity=20)
}
.close:hover {
    color:#000;
    text-decoration:none;
    cursor:pointer;
    opacity:0.4;
    filter:alpha(opacity=40)
}
button.close {
    padding:0;
    cursor:pointer;
    background:transparent;
    border:0;
    -webkit-appearance:none
}*/
.btn {
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:4px 12px;
    margin-bottom:0;
    font-size:14px;
    line-height:20px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    color:#333;
    background-color:#f5f5f5;
    border:none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    *margin-left:.3em;
}
.btn:hover {
    color:#333;
    background-color: #009cff;
    *background-color:#d9d9d9
}
.btn:active,.btn.active {
    background-color:#ccc \9
}
.btn:first-child {
    *margin-left:0
}
.btn:hover {
    color:#333;

}
.btn:focus {
    outline:none;
    background: inherit;
}
.btn.active,.btn:active {
    background-image:none;
    outline:0;
    /* -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05); */
    -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    /* box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05) */}
.btn.disabled,.btn[disabled] {
    cursor:default;
    background-image:none;
    opacity:0.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}

.btn-block+.btn-block {
    margin-top:5px
}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
    width:100%
}
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active {
    color:rgba(255,255,255,0.75)
}
.btn-primary {
    color: #fff;
    background-color: #66bd2d;
    width: 130px;
}
.btn-default {
/*    background-color:#eee;*/
    background-color: #FFF;
    border:none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    webkit-tap-highlight-color:red;
}
.btn-default:hover {
    background-color: #66bd2d;
}
.btn-default:active, .btn-default:focus  {
    /*    background-color: #6BCF28 !important;*/
    background-color: #66bd2d;
}
.btn-primary:hover {
    color: #fff;
    background-color: #66bd2d;
}
.btn-primary:active, .btn-primary:focus  {
    background-color: #66bd2d !important;
    /*    background-color: #5FB228;*/
}


button.btn,input[type="submit"].btn {
    *padding-top:3px;
    *padding-bottom:3px
}
button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner {
    padding:0;
    border:0
}

.nav {
    margin-left:0;
    margin-bottom:20px;
    list-style:none
}
.nav>li>a {
    display:block
}
.nav>li>a:hover {
    text-decoration:none;
    background-color:#eee
}
.navbar {
    overflow:visible;
    margin-bottom:20px;
    *position:relative;
    *z-index:2
}
.navbar-inner {
    min-height: 64px;
    padding-left:20px;
    padding-right:20px;
    background: #fff;
    *zoom:1;
}
.navbar-inner:before,.navbar-inner:after {
    display:table;
    content:"";
    line-height:0
}
.navbar-inner:after {
    clear:both
}
.nav-collapse.collapse {
    height:auto;
    overflow:visible
}
.navbar .btn,.navbar .btn-group {
    margin-top: 24px;
}
.navbar-fixed-top,.navbar-fixed-bottom {
    position:fixed;
    right:0;
    left:0;
    z-index:1030;
    margin-bottom:0
}
.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner {
    border-width:0 0 1px
}
.navbar-fixed-bottom .navbar-inner {
    border-width:1px 0 0
}
.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner {
    padding-left:0;
    padding-right:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
/*.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
    width:940px
}*/
.navbar-fixed-top {
    top:0;
    border-bottom: 1px solid #F5F5F5;
}

.navbar .nav {
    position:relative;
    display:block;
    bottom:0;
    right:0;
/*    margin: 0 -25px 0 0;*/
    margin: 0;
    float: right;
    padding: 0;
    height: 100%;
}
.navbar .nav.pull-right {
    float:right;
    margin-right:0
}
.navbar .nav>li {
    float:left;
    display: block;
}
.navbar .nav>li>a {
    float:none;
    /*    padding: 0 25px;*/
    padding: 0 17px;
    color:#777;
    text-decoration:none;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top:8px
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 9px 10px 8px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    background-color: #5FB228;;
    top: 0;
}
.navbar .btn-navbar:hover {
    color: #fff;
    background-color: #6BCF28;
}
.ios-device .navbar .btn-navbar:hover {
    background-color: #6BCF28 !important;
}

.navbar .btn-navbar .icon-bar {
    display:block;
    width:18px;
    height:2px;
    background-color:#f5f5f5;
}
.btn-navbar .icon-bar+.icon-bar {
    margin-top:3px
}
/*
.media,.media-body {
    overflow:hidden;
    *overflow:visible;
    zoom:1
}
.media,.media .media {
    margin-top:15px
}
.media:first-child {
    margin-top:0
}
.media-object {
    display:block
}
.media-heading {
    margin:0 0 5px
}
.media>.pull-left {
    margin-right:10px
}
.media>.pull-right {
    margin-left:10px
}
.media-list {
    margin-left:0;
    list-style:none
}
.label,.badge {
    display:inline-block;
    padding:2px 4px;
    font-size:11.844px;
    font-weight:bold;
    line-height:14px;
    color:#fff;
    vertical-align:baseline;
    white-space:nowrap;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25);
    background-color:#999
}
.label {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px
}
.badge {
    padding-left:9px;
    padding-right:9px;
    -webkit-border-radius:9px;
    -moz-border-radius:9px;
    border-radius:9px
}
.label:empty,.badge:empty {
    display:none
}
a.label:hover,a.label:focus,a.badge:hover,a.badge:focus {
    color:#fff;
    text-decoration:none;
    cursor:pointer
}
.label-important,.badge-important {
    background-color:#b94a48
}
.label-important[href],.badge-important[href] {
    background-color:#953b39
}
.label-warning,.badge-warning {
    background-color:#f89406
}
.label-warning[href],.badge-warning[href] {
    background-color:#c67605
}
.label-success,.badge-success {
    background-color:#468847
}
.label-success[href],.badge-success[href] {
    background-color:#356635
}
.label-info,.badge-info {
    background-color:#3a87ad
}
.label-info[href],.badge-info[href] {
    background-color:#2d6987
}
.label-inverse,.badge-inverse {
    background-color:#333
}
.label-inverse[href],.badge-inverse[href] {
    background-color:#1a1a1a
}
.btn .label,.btn .badge {
    position:relative;
    top:-1px
}
.btn-mini .label,.btn-mini .badge {
    top:0
}*/
/*
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position:40px 0
    }
    to {
        background-position:0 0
    }
}
@-moz-keyframes progress-bar-stripes {
    from {
        background-position:40px 0
    }
    to {
        background-position:0 0
    }
}
@-ms-keyframes progress-bar-stripes {
    from {
        background-position:40px 0
    }
    to {
        background-position:0 0
    }
}
@-o-keyframes progress-bar-stripes {
    from {
        background-position:0 0
    }
    to {
        background-position:40px 0
    }
}
@keyframes progress-bar-stripes {
    from {
        background-position:40px 0
    }
    to {
        background-position:0 0
    }
}
.progress {
    overflow:hidden;
    height:20px;
    margin-bottom:20px;
    background-color:#f6f6f6;
    background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#f6f6f6',GradientType=0);
    -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px
}
.progress .bar {
    width:0%;
    height:100%;
    color:#fff;
    float:left;
    font-size:12px;
    text-align:center;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25);
    background-color:#0e90d2;
    background-image:-moz-linear-gradient(top,#149bdf,#0480be);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
    background-image:-webkit-linear-gradient(top,#149bdf,#0480be);
    background-image:-o-linear-gradient(top,#149bdf,#0480be);
    background-image:linear-gradient(to bottom,#149bdf,#0480be);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1498da',endColorstr='#047db9',GradientType=0);
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:width 0.6s ease;
    -moz-transition:width 0.6s ease;
    -o-transition:width 0.6s ease;
    transition:width 0.6s ease
}
.progress .bar+.bar {
    -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow:inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)
}
.progress-striped .bar {
    background-color:#55a5d9;
    background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    -webkit-background-size:40px 40px;
    -moz-background-size:40px 40px;
    -o-background-size:40px 40px;
    background-size:40px 40px
}
.progress.active .bar {
    -webkit-animation:progress-bar-stripes 2s linear infinite;
    -moz-animation:progress-bar-stripes 2s linear infinite;
    -ms-animation:progress-bar-stripes 2s linear infinite;
    -o-animation:progress-bar-stripes 2s linear infinite;
    animation:progress-bar-stripes 2s linear infinite
}
.progress-danger .bar,.progress .bar-danger {
    background-color:#de514c;
    background-image:-moz-linear-gradient(top,#ee5f5b,#c43c35);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
    background-image:-webkit-linear-gradient(top,#ee5f5b,#c43c35);
    background-image:-o-linear-gradient(top,#ee5f5b,#c43c35);
    background-image:linear-gradient(to bottom,#ee5f5b,#c43c35);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5a56',endColorstr='#c03b34',GradientType=0)
}
.progress-danger.progress-striped .bar,.progress-striped .bar-danger {
    background-color:#ee5f5b;
    background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}
.progress-success .bar,.progress .bar-success {
    background-color:#5db95d;
    background-image:-moz-linear-gradient(top,#62c462,#57a957);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
    background-image:-webkit-linear-gradient(top,#62c462,#57a957);
    background-image:-o-linear-gradient(top,#62c462,#57a957);
    background-image:linear-gradient(to bottom,#62c462,#57a957);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ec35e',endColorstr='#55a655',GradientType=0)
}
.progress-success.progress-striped .bar,.progress-striped .bar-success {
    background-color:#62c462;
    background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}
.progress-info .bar,.progress .bar-info {
    background-color:#4cb2d0;
    background-image:-moz-linear-gradient(top,#5bc0de,#339bb9);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
    background-image:-webkit-linear-gradient(top,#5bc0de,#339bb9);
    background-image:-o-linear-gradient(top,#5bc0de,#339bb9);
    background-image:linear-gradient(to bottom,#5bc0de,#339bb9);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#57bedd',endColorstr='#3298b5',GradientType=0)
}
.progress-info.progress-striped .bar,.progress-striped .bar-info {
    background-color:#5bc0de;
    background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}
.progress-warning .bar,.progress .bar-warning {
    background-color:#f9a834;
    background-image:-moz-linear-gradient(top,#fbb450,#f89406);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
    background-image:-webkit-linear-gradient(top,#fbb450,#f89406);
    background-image:-o-linear-gradient(top,#fbb450,#f89406);
    background-image:linear-gradient(to bottom,#fbb450,#f89406);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb24b',endColorstr='#f39106',GradientType=0)
}
.progress-warning.progress-striped .bar,.progress-striped .bar-warning {
    background-color:#fbb450;
    background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}*/

.pull-right {
    float:right
}
.pull-left {
    float:left
}
.hide {
    display:none
}
.show {
    display:block
}
.invisible {
    visibility:hidden
}
.affix {
    position:fixed
}
.clearfix {
    *zoom:1
}
.clearfix:before,.clearfix:after {
    display:table;
    content:"";
    line-height:0
}
.clearfix:after {
    clear:both
}
/*.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
}*/
@-ms-viewport {
    width:device-width;
}
/*
.hidden {
    display:none;
    visibility:hidden
}
.visible-phone {
    display:none !important
}
.visible-tablet {
    display:none !important
}
.hidden-desktop {
    display:none !important
}
.visible-desktop {
    display:inherit !important
}*/

/*************************/

body {
    background-color:#fff;
}
a {
    color: #16a9e9;}
h1,h2,h3,h4,h5 {
    color:#fafafa;
    position: relative;
}

/*h2 i {
    position: absolute;
    bottom: -10px;*/
    /*left: -84px;*/
   /* width: 64px;
    height: 64px;
}*/
.section-subhead {
    line-height: 26px;
    color: #fff;
    font-weight: 300;
}
/*.section-subhead.text-with-shadow {
    text-shadow: 0 1px 7px rgba(0,0,0,.7);
}*/

.row-fluid {
    *zoom:1;
    /* width: 96%; */
    width: 990px;
    margin:25px auto 10px;
    position:relative;
}

/*.fixed-image {
        background-attachment: fixed;
        -webkit-background-clip: border-box;
        -moz-background-clip: border-box;
        background-clip: border-box;
        background-color: #000;
        background-origin: padding-box;
        background-repeat: no-repeat;
        background-position: top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        position: relative;
        z-index: 50;
        overflow:visible !important;
}	*/

.navbar .row-fluid {
    margin: 0 auto 0;
    overflow:visible;
    position: relative;
/*    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;*/
}


/* =====================================================================
   The Home Section
   ================================================================== */  
.home {
    background-color:#fff;    
    margin: 78px 0 0 0;
    border-top: none;
}



/* Carousel */

.home .carousel-caption {
/*    bottom: 46%;    
    left: 19%;*/

    left: 0;
    top: 60px;
    position: absolute;    
    margin-left: 128px;
    width: 490px;
    padding-top: 20px;
    padding-bottom: 32px;
    color: #fff;
    z-index: 10;
    text-align: center;
    background: rgba(255,255,255,0.93);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    
    
    /*    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 32px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);*/
}

.home .carousel-caption h1 {
    color: #555;
/*    font-size: 36px;*/
    font-size: 33px;
    font-weight: normal;
    text-shadow: none;
    padding: 0 40px 0 40px;
    margin-top: 5px;
    text-align: left;
}
.home .carousel-caption h2 {
/*    font-size: 18px;*/
    font-size: 16px;
    line-height: 1.3;
    color: #555;
    text-shadow: none;
    padding-left: 40px;
    padding-right: 40px;
    text-align: left;
    margin-top: -4px;
    margin-bottom: 20px;
    font-family:'Open Sans Normal',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.home .btn {   
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0 0;
    padding: 9px 22px 8px;
    clear: both;
    color: #FFF !important;
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;
    text-decoration: none;
    background-color: #66bd2d;
    background-clip: border-box;
}


.home .carousel-caption strong {
    font-weight: bold;
}

.home .carousel-caption a {
    color: #fed136;
    text-decoration: none;
}

/*.home .carousel-caption button {
    border: none;
    background-color: #fed136;
    color: #fff;
    width: 220px;
    height: 50px;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 40px;
    font-weight: bold;
}*/
/*.home .carousel-indicators {
    bottom: 50px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}*/
.home .carousel-control .icon-control {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 5;
    display: inline-block;
    font-size: 50px;
    color: white;    
    /*    font: normal normal normal 14px/1 FontAwesome;    */
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform:translate(0, 0);
    margin-left: -9px;
}

.icon-control.direction-prev:before {
    content:"\f104"
}
.icon-control.direction-next:before {
    content:"\f105"
}

/*.home .carousel-control .fa-angle-left {
    left: 50%;
}

.home .carousel-control .fa-angle-right {
    right: 50%;
}*/
.carousel-inner > .item {
    /*    height: 600px;*/
    /*    height: 670px;*/
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{
    width:100%;
}
/*#tubular-player{
    position:static !important;
}*/

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left;
/*    -webkit-transition: 26s ease-in-out left;
    transition: 26s ease-in-out left;*/
    height: 100%;
    overflow: hidden;
    
    padding-left: 100%;
    box-sizing: content-box;
        width: 100%;
}
.carousel-inner > .item .img-container {
    height: 100%;
    margin-left: -50%;
    display: inline-block;
/*    position: absolute;*/
}
.carousel-inner > .item img {
    width: auto;
    max-width: none;
    height: 100%;
    margin-left: -50%;
}
/*.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
    position: absolute;    
}*/

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
    z-index: 10;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
    z-index: 10;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #ffffff;
/*    text-align: center;*/
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.carousel-control.left {
    right: auto;
    left: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
    color: #ffffff;
    text-decoration: none;
    outline: none;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif;
}


/*.carousel-control .icon-prev:before {
    content: '\2039';
}

.carousel-control .icon-next:before {
    content: '\203a';
}*/

.carousel-indicators {
    width: 60%;    
    bottom: 19px;
    left: 49.3%;
    position: absolute;    
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -30%;    
    padding: 0;                
    text-align: center;
    list-style: none;
    z-index: 15;
}
.carousel-indicators li {
    background-image: url(../images/slider/banner-point.png);
    background-size: contain;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    width: 16px;
    height: 16px;
    /*margin: 1px;*/
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;    
    border: none;
}
.carousel-indicators li.active {    
    background-image: url(../images/slider/banner-point-active.png);    
}

.carousel-inner > .item > .container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
}
.carousel-inner > .item > .container .row-fluid {
    margin: 0 auto;
    position: relative;
    height: 100%;
/*    background-color: grey;*/  /*test */
}


.carousel-caption {
/*    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 32px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);*/
}

.carousel-caption .btn {
    text-shadow: none;
    border: none;
    border-radius: 0;
    font-family: 'Open Sans', Arial, sans-serif;    
    font-weight: normal;
}
.carousel-caption .btn:hover {
    background-color: #6BCF28;
}
/*.carousel-caption h1 sup {
    font-size: 11px;
    top: -1.65em;
}*/
/* Carousel */

/* =====================================================================
   The Home Section
   ================================================================== */  


/*----- Media Queries -----*/

@media screen and (max-width: 1100px) {
    /*    .home .carousel-caption h1 {
                font-size: 4em;
        }*/
    .home .carousel-caption {
/*        bottom: 20%;*/
    }
    .carousel-indicators {
        display: none;
    }
    .home .carousel-caption button {
        width: 180px;
        height: 40px;
        font-size: 18px;
        margin-top: 30px;
    }
}
@media screen and (min-width: 980px) {
    .right-col, .left-col{
        vertical-align: top;
        display: inline-block;
        width: 48%;
    }
    .right-col{
        padding-left: 20px;
    }
    .carousel-caption .btn{
        float: right;
        margin-right: 35px;
        /*        position: relative;
                display: block;
                left: 72%;
                width: 20%;*/
    }
    .home .carousel-inner {
/*        height: 670px;*/
        height: 640px;
    }       
    .home .carousel-caption {
/*        right: 46%;*/
    }
    .installer .image-container, .updater .image-container, .metrics .image-container, .what-to-expect .image-container {
        width: 310px;
    }
}
@media screen and (max-width: 979px) {
    .home .carousel-caption {
        background: rgba(255,255,255,0.87);
    }
    .overview .image-container, .installer .image-container, .updater .image-container, .metrics .image-container, .what-to-expect .image-container {
        width: 70%;
    }
    .what-to-expect .image-item img {     
        width:70% !important;
    }
}
@media screen and (max-width: 414px) { /* Apple iPhone 6 Plus, orientation portrait */
    .overview .image-container, .installer .image-container, .updater .image-container, .metrics .image-container, .what-to-expect .image-container {
        width: 100%;
    }
}
@media screen and (max-width: 979px) {
    .home .carousel-caption h1 {
/*        font-size: 40px;*/
        font-size: 36px;
    }
    .home .carousel-caption h2 {
/*        font-size: 19px !important;*/
/*        font-size: 18px !important;*/
    }
    .carousel-caption .btn {
        font-size: 14px;
        height: 31px;
        width: 121px;
        line-height: 14px;
        font-weight: normal;
    }
}
/*@media screen and (min-width: 865px) and (max-width: 979px) {
    .home .carousel-inner .item:nth-child(3) img {
        margin-top: 4%;
    }    
}
@media screen and (min-width: 1300px) {
    .home .carousel-inner .item:nth-child(3) img {
        margin-top: 5%;
    }    
}
@media screen and (min-width: 1650px) {
    .home .carousel-inner .item:nth-child(3) img {
        margin-top: 8%;
    }
}

@media screen and (min-width: 685px) and (max-width: 979px) {
    .home .carousel-inner .item:nth-child(4) img {
        margin-top: -6%;
    }    
}
@media screen and (min-width: 1150px) {
    .home .carousel-inner .item:nth-child(4) img {
        margin-top: -4%;
    }    
}
@media screen and (min-width: 1400px) {
    .home .carousel-inner .item:nth-child(4) img {
        margin-top: -8%;
    }    
}
@media screen and (min-width: 1650px) {
    .home .carousel-inner .item:nth-child(4) img {
        margin-top: -13%;
    }
}*/
@media screen and (max-width: 480px) {
    .date-on-page {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
    }
}
@media screen and (orientation: landscape) and (max-height: 375px) { /* Apple iPhone 6 */

    .mobile-device .home .carousel-caption h1 {
        font-size: 33px;
        line-height: 33px;        
    }   
}
@media screen and (orientation: landscape) and (max-height: 320px) { /* Apple iPhone 4, 5 */
    .mobile-device .carousel-caption {
        padding-bottom: 20px;
    }
    .mobile-device .home .carousel-caption h1 {
        font-size: 21px !important;
        line-height: 21px !important;
        padding: 0 20px 0 20px;
    }

    .mobile-device .home .carousel-caption h2 {
        font-size: 16px !important;
        padding: 0 20px 0 20px;
    }
}




@media screen and (max-width: 643px) {
    .home .carousel-caption h1 {
/*        font-size: 32px;
        line-height: 32px;*/
        font-size: 31px;
        line-height: 31px;
    }
}
@media screen and (max-width: 505px) {
    .home .carousel-caption h1 {
        font-size: 25px;
        line-height: 25px;
    }
    .carousel-control {
        width: 8%;
    }
    .home .carousel-caption {
        left: 33px;
        right: 33px;
        top: 30px;
        margin-left: 0;
        width: auto;
        padding-bottom: 24px;
    }
}
@media screen and (max-width: 432px) {
    .home .carousel-caption h1 {
        font-size: 21px;
        line-height: 25px;
    }
}


@media screen and (max-width: 979px) {

    .home .carousel-inner {
        height: 445px;
    }
}
@media screen and (min-width: 506px) and (max-width: 699px) {
    .carousel-control {
        width: 10%;
    }
    .home .carousel-caption {
        left: 58px;
        right: 58px;
        top: 30px;
        margin-left: 0;
        width: auto;
    }
}
@media screen and (min-width: 700px) and (max-width: 767px) {
    .home .carousel-caption {
        left: 100px;
        right: 100px;
        top: 30px;
        margin-left: 0;
        width: auto;
    }
}
@media screen and (max-width: 767px) {

    .home .carousel-inner {
/*        height: 395px;*/
        height: 400px;
    }

    /*    .home .carousel-caption h1 {
                font-size: 3em;
        }*/
    .home .carousel-caption {
/*        bottom: 5%;*/
    }
    
    
    .home .carousel-caption button {
        width: 150px;
        height: 34px;
        font-size: 16px;
        margin-top: 20px;
    }
}
@media screen and (orientation: landscape) and (max-height: 472px) { /* 395px + 78px */    
    .mobile-device .home .carousel-inner {
        height: calc(100vh - 77px - 0px); /* viewport height - $(".navbar-fixed-top").height() - 0px ( small  border )*/
        /*-webkit-transition: height ease 0.5s;
        -moz-transition: height ease 0.5s;
        -o-transition: height ease 0.5s;
        transition: height ease 0.5s;*/
    }
    .mobile-device .home .carousel-caption {
        top: 10px;
    }
/*    .carousel-inner > .item > img {
        width: 100% !important;
        height: auto !important;
    }*/
    
}
@media screen and (min-width: 768px) {
    .carousel-control .glyphicons-chevron-left,
    .carousel-control .glyphicons-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px;
    }
    .carousel-caption {
/*        right: 20%;
        left: 20%;*/
        padding-bottom: 30px;
    }
    
        
    .footer .first {        
        margin-top: -6px !important;
    }
/*    .carousel-indicators {
        bottom: 20px;
    }*/
/*    .what-to-expect .image-item {
        margin-top: 17% !important;
    }*/
} 

@media screen and (max-width: 593px) {
    .carousel-inner > .item > img {
        width: auto;
        height: 100%;
        max-width: none;
    }
}
@media screen and (min-width: 361px) and (max-width: 399px) {

    .home .carousel-caption h1 {
        font-size: 25px;
        line-height: 25px;
        padding: 0 25px 0 25px;
    }

    .home .carousel-caption h2 {
        font-size: 17px !important;
        padding: 0 25px 0 25px;
    }
}
@media screen and (max-width: 360px) {
    .home .carousel-caption h1 {
        /*        font-size: 25px;*/
        font-size: 25px;
        line-height: 25px;
        padding: 0 25px 0 25px;
    }
    .home .carousel-caption h2 {
        font-size: 16px !important;
        padding: 0 25px 0 25px;
    }
}
@media screen and (max-width: 840px) {
    .contact nav {
        float: none;
        clear: both;
    }
    .pull-right li:first-child {
        padding-left: 0; 
    }
    .contact .copyright {
        padding-bottom: 2px !important;
    }
    .footer .bottom-section .span12 {
        margin-bottom: 19px; 
    }
}


/* Carousel */



/* =====================================================================
   The Photobox Gallery Section
   ================================================================== */  
.thumbnails-container .thumbnails {
    position: absolute;
    top: 4px;
    /*left: -90px;*/
}
.system .thumbnails-container .thumbnails {    
    left: -90px;
}
.installer .thumbnails-container .thumbnails {    
    right: -90px;
}

#system-gallery {

}
#installers-gallery {

}

.thumbnails-container .thumbnails .gallery {
    float: inherit;
    width: auto;
    margin: 0;
}
.thumbnails-container .thumbnails .gallery li {
    float: none;
    margin-top: 15px;
}

/* =====================================================================
   The Photobox Gallery Section
   ================================================================== */  

/*
.home-logo {
    display: block;
    margin: 200px auto 0;
}

.home .video-container {
    width:560px;
    margin: 40px auto;
}

h2 sup {
    font-size: 12px;
    top: -1.65em;
}
p sup {
    font-size: 8px;
    top: -0.8em;
}*/




/* =====================================================================
   The Custom Installers Section
   ================================================================== */  
.installer {
    background-color: #009AE2;
    color: #FFF;
/*    padding: 0 0 20px;*/
    border-top: none;
    position: relative;
}
.installer h2 {
    color: #FFF;
}
.installer .metrics-img {
    margin: 0;
}
.installer .read-more-box {
    height: 35px;
    position: relative;
}
.installer .read-more, .installer .read-less {
    margin: 7px 0 10px;
    position: absolute;
    top:25px;
    left: 0;
}

.installer .read-less {
    display: none;
}

.installer .btn .arrow-right {
    font-size: 13px;
    margin: 0 0 0 3px;
    font-family: Arial, Helvetica, sans-serif;

}

.installer .btn .arrow-left {
    font-size: 13px;
    margin: 0 5px 0 0;
    font-family: Arial, Helvetica, sans-serif;
}

.installer p {
    /*padding-right: 20px;*/
}

.installer p, .installer h3 {
    /*text-align: justify;*/
/*    margin: 0 0 5px 0;*/
}

.installer h3 {
    color: #3d8900;
    margin: 2px 0 5px 0;
}



.installer .row-fluid .span6{
    position: relative;
}

.installer .span6.installer-more {
    display: none;
    position: absolute;
    left: 49%;
    top: 0;
    background: #006d9e;
}

.installer-right-section ul {
    height: 590px;
    list-style-type: none;
    background: url(../images/about-icons.png) 0 0 no-repeat;
    /*	margin: 48px 0 0;*/
    margin: 0;
}
.installer-right-section ul li {
    padding: 0 0 0 127px;
    text-transform: uppercase;
    font-size: 18px;
    text-align: left;
    word-spacing: 3px;
    font-weight: 300;
    height: 100px;
    line-height: 90px;
}
/*
.installer-landing-section ul {
        height: 300px;
        list-style-type: none;
        margin: 15px 0 0;
}
.installer-landing-section ul li {
        display: table;
        padding: 0 0 0 110px;
        text-transform: uppercase;
        font-size: 18px;
        text-align: left;
        word-spacing: 3px;
        font-weight: 300;
        height: 85px;
        margin-bottom: 15px;
        line-height: 23px;
        position:	relative;
}
.installer-landing-section ul li span {
    display: table-cell;
    vertical-align:middle;
 }

.installer-landing-1 ul {
        background: url(../images/about-icons-small-1.png) 0 0 no-repeat;
}
.installer-landing-2 ul {
        background: url(../images/about-icons-small-2.png) 0 0 no-repeat;
}*/

.installer::-moz-selection, .installer *::-moz-selection {
    background-color: #FFF;
/*    color: #118B9B;*/
    color: #555;
    text-shadow:none;
}
.installer::-webkit-selection, .installer *::-webkit-selection {
    background-color: #FFF;
/*    color: #118B9B;*/
    color: #555;
    text-shadow:none;    
}
.installer::selection, .installer *::selection {
    background-color: #FFF;
/*    color: #118B9B;*/
    color: #555;
    text-shadow:none;    
}

/*.installer-image-item{
    width: 325px;
    height: 265px;
    display: block;
    margin: 0 auto;
}*/
li{
    margin-top: 15px;
}

/*.installer .image-item {
    top: 90px;
    position: relative;
}*/

.installer .image-container {
    margin-top: 20px;
/*    width: 310px;*/
    margin-left: auto;
    margin-right: auto;
}
.installer .image-item {
    display: block;
    text-align: center;
}
.installer .image-item:not(:first-child) {
    margin-top: 22px;
}
.installer .image-item img {
 /*    position: relative;*/
    width: 100%;
    height: auto;
}

.installer ul {
    margin: 10px 0 10px 20px;
}
.installer li {
    list-style: none;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
}
.installer li:before {
    position: absolute;
    display: inline-block;
    left: -20px;
    top: 10px;
    vertical-align: text-bottom;
    width: 6px;
    height: 6px;
    content: "";
    background: url(../images/list/point-white.png) 0 0 no-repeat;
    background-size: 100% auto !important;
}
.installer strong {
    height: 25px;
    display: inline-block;
    margin-right: 5px;
}


/* =====================================================================
   The Custom Installers Section
   ================================================================== */  


/* =====================================================================
   The Reliable Updater Section
   ================================================================== */  
.updater {
    background: #fff;
    color: #666;
/*    padding: 0 0 20px;*/
    border-top: none;
}

.updater h2 {
    color: #555;
}
.updater .section-subhead {
    color: #666;
}

.updater img {
    /*    margin:0;
        width: 140px;*/
}

.updater .text-box {
    background-color: rgba(0,0,0,.6);
    border: solid 1px #333;
    height: 140px;
    position: relative;
}
.updater .span3.text-box h3, .updater .span3.text-box p {
    width:98%;
    max-width:203px;
}
.updater .span5.text-box h3, .updater .span5.text-box p {
    width:98%;
    max-width:360px;
}

.updater .text-box h3 {
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    width:95%;
    margin: 7px auto 0px;
}

.updater .text-box p {
    font-size: 13px;
    width:95%;
    margin: 2px auto 0;
    line-height: 18px;
    font-weight: 300;
}

.swiper-clients p, .swiper-clients h3 {
    width: 90%;
    margin:0 auto 10px;
}
.updater p {
/*    margin-bottom: 0px;*/
}
/*.updater .installer-item{
    top: 22px;
    position: relative;
}*/
.updater .image-container {
    margin-top: 21px;
/*    width: 310px;*/
    margin-left: auto;
    margin-right: auto;
}
.updater .image-item {
    display: block;
    text-align: center;
}
.updater .image-item:not(:first-child) {
    margin-top: 24px;
}
.updater .image-item img {
 /*    position: relative;*/
    width: 100%;
    height: auto;
}



.updater strong {
    color: #555;
    height: 25px;
    display: inline-block;
    margin-right: 5px;
}

.updater ul {
    margin: 10px 0 10px 20px;
}
.updater li {
    list-style: none;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
}
.updater li:before {
    position: absolute;
    display: inline-block;
    left: -20px;
    top: 10px;
    vertical-align: text-bottom;
    width: 6px;
    height: 6px;
    content: "";
    background: url(../images/list/point-green.png) 0 0 no-repeat;
    background-size: 100% auto !important;
}


/* =====================================================================
   The Reliable Updater Section
   ================================================================== */  



/*.landing h2 {
        margin-top: 0;
}*/

/* =====================================================================
   The Analytics & Management Section
   ================================================================== */  
.metrics {
    background-color: #66bd2d;
    color: #FFF;
    padding: 0 0 15px;
    border-top: none;
}
.metrics .metrics-img {
    margin: 0;
}
.metrics p {
/*    text-align: justify;*/
    /*	color:#006d9e;*/
}	

.metrics h2, .metrics h3  {
    color: #FFF;
}

.metrics h3  {
    /*	color: #00384F;*/
    margin: 2px 0 5px 0;
}

/*.metrics-img {
    width: 279px;
    height: 344px;
    display: block;
    margin:0 auto;
}*/

.metrics::-moz-selection, .metrics *::-moz-selection {
    background-color: #FFF;
/*    color: #5AA926;*/
    color: #555;
    text-shadow:none;
}
.metrics::-webkit-selection, .metrics *::-webkit-selection {
    background-color: #FFF;
/*    color: #5AA926;*/
    color: #555;
    text-shadow:none;    
}
.metrics::selection, .metrics *::selection {
    background-color: #FFF;
/*    color: #5AA926;*/
    color: #555;
    text-shadow:none;    
}

.metrics ul {
    margin: 10px 0 10px 20px;
}
.metrics li {
    list-style: none;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
}
.metrics li:before {
    position: absolute;
    display: inline-block;
    left: -20px;
    top: 10px;
    vertical-align: text-bottom;
    width: 6px;
    height: 6px;
    content: "";
    background: url(../images/list/point-white.png) 0 0 no-repeat;
    background-size: 100% auto !important;
}
.metrics strong {
    height: 25px;
    display: inline-block;
    margin-right: 5px;
}


.metrics .image-container {
    margin-top: 21px;
/*    width: 310px;*/
    margin-left: auto;
    margin-right: auto;
}
.metrics .image-item {
/*    width: 325px;
    height: 265px;*/    
    display: block;
/*    margin: 0 auto;*/
    text-align: center;
}
.metrics .image-item:not(:first-child) {
    margin-top: 9px;
}
.metrics .image-item img {
    /*    position: relative;*/
    width: 100%;
    height: auto;
}

/* =====================================================================
   The Analytics & Management Section
   ================================================================== */  



/* =====================================================================
  The What To Expect Section
  ================================================================== */  
.what-to-expect {
    background: #FFF;
    color: #666;
    padding: 0 0 15px;
}
.what-to-expect h2 {
    color: #555;
}

.what-to-expect .image-container {
    margin-top: 26px;
/*    width: 310px;*/
    margin-left: auto;
    margin-right: auto;
}
.what-to-expect .image-item {
/*    width: 325px;
    height: 265px;*/    
    display: block;
/*    margin: 0 auto;*/
    text-align: center;
}
.what-to-expect .image-item img {    
 /*    position: relative;*/
    width: 100%;
    height: auto;
}
.what-to-expect strong{
    color: #555;
    height: 25px;
    display: inline-block;
    margin-right: 5px;
}


.what-to-expect ul {
    margin: 10px 0 10px 20px;
}
.what-to-expect li {
    list-style: none;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    margin-top: 16px;
}
.what-to-expect li:before {
    position: absolute;
    display: inline-block;
    left: -20px;
    top: 10px;
    vertical-align: text-bottom;
    width: 6px;
    height: 6px;
    content: "";
    background: url(../images/list/point-green.png) 0 0 no-repeat;
    background-size: 100% auto !important;
}


/* =====================================================================
   The What To Expect Section
   ================================================================== */  



/* =====================================================================
   The Contact Us Section
   ================================================================== */  
.contact-us {
    background: #323438;
    color: #ffffff;
    padding: 0 0 30px;
}
.contact-us h2 {
    color: #fff;
}
.contact-form-container {
    margin-top: 13px;
}
.contact-form-container label {
    margin-top: 3px;
    margin-bottom: 6px;
}
/*.contact-us .contact-form-container .row-fluid {
    width: 1108px;
    max-width: 97%;
    margin: 0 auto 0;
    overflow: visible;
    position: relative;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}*/

.contact-us .input-wrapper {
    position: relative;
}

.contact-us .clear-icon {
    position: absolute;
    top: 8px;
    right: 6px;
    color:#222;
    display:none;
    cursor:pointer;
    text-align: center;
    width: 30px;
    font-size: 18px;
    background: #fff;
}

.contact-us input.clear-icon-padding {
    padding-right: 30px;
}

.contact-us-intro {
    margin:0 0 20px;
}
.contact-us input, .contact-us textarea {
    color:#000;
    text-shadow:none;
}
.contact-us .field-error, .contact-us .field-error.g-recaptcha > div {
/*    border: solid 2px #ff8686;*/
    border: solid 1px #ff8686;
}
.contact-us label, .contact-us input[type=file], .contact-us p, .contact-us div {
}

.contact-us textarea {
    height: 160px
}

.contact-us input[type="file"] {
    line-height: 21px;
    font-size: 13px;
    color: #fff;
}
.contact-us input[type="file"]:focus {
    outline: none;
}

.contact-us .btn {
    color: #fff;
    margin: 0 6px 0 0;
    font-size: 16px;
    height: 36px;
    width: 120px;
    /*float: left;*/
    border-radius: 0;
}
.contact-us .btn:hover, .contact-us .btn:focus, .contact-us .btn:active {
    background-color: #78cd41;
    color:#fff;
}
    
.reset-btn {
/*    background-color: #78cd41;*/
/*    color: #fff;*/
    background-color: #eee;
    color: #555555 !important;
}

.reset-btn:hover, .reset-btn:focus {
    background-color: #78cd41;
    color:#fff !important;
}
 
.contact-us .submit-btn {
    min-width: 110px;
    color:#fff;


}

.contact-us .file-footnote {
    font-size: 14px;
    margin: -5px 0 15px 3px;
    vertical-align: middle;
/*    color: #E0E0E1;*/
    color: #FFF;
}
p.file-footnote{
    display: inline-block;
}

.contact-us #attachment{
    position:absolute;
    visibility: hidden;
}

.contact-us #attachment-button {
    width: 102px;
    height: 30px;
    margin-bottom: 20px;
/*    border-color: #28a6d7;*/
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
/*    color: #818181;*/
    color: #555555;
    font-size: 14px;
}

#attachment-button:hover, #attachment-button:focus{
/*    background-color: #fff;*/
    background-color: #78cd41;
    color: white;
}
.contact-us form input, .contact-us form select {
    height: 40px;
}
.contact-us form select {
    background-color: #FFF;
    background-image: url(../images/arrows/arrow-select.png);
    background-repeat: no-repeat;
    background-position: 96.5% 17px;
    background-size: 7px 5px;
    
}

.g-recaptcha-container {
    margin-bottom: 20px;
}
.g-recaptcha {
    border: none !important;
}
.g-recaptcha > div {
    box-sizing: border-box;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}
/* =====================================================================
   The Contact Us Section
   ================================================================== */  






/*
.swiper-clients {
    width:100%;
    overflow: hidden;
}

.swiper-clients .swiper-wrapper {
}

.clients-item {
    margin:0 0 20px;
    width:100%;
    background-color: #000;
    background-color: rgba(0,0,0,.6);
}
*/





/*
.inquiry {
        padding: 0px 0 0px;
}

.inquiry .input-wrapper {
        position: relative;
}

.inquiry .clear-icon {
        position: absolute;
        top:4px;
        right:3px;
        color:#222;
        display:none;
        cursor:pointer;
        text-align: center;
        width: 30px;
        font-size: 18px;
        background: #fff;
}

.inquiry input.clear-icon-padding {
        padding-right: 30px;
}

.inquiry-intro {
        margin:0 0 20px;
}
.inquiry input, .inquiry textarea {
        color:#000;
        text-shadow:none;
}
.inquiry .field-error {
        border: solid 2px #ff8686;
}
.inquiry label, .inquiry input[type=file], .inquiry p, .inquiry div {
}

.inquiry textarea {
        height: 150px
}

.inquiry input[type="file"] {
        line-height: 21px;
        font-size: 13px;
        color: #fff;
}

.inquiry .btn {
        color:#000;
        margin:0 7px 0 0;
        font-size: 14px;
        height: 31px;
        width: 121px;
        float: left;
}

.reset-btn:hover {
        color:#fff;
}
.reset-btn:focus {
        color:#000;
}
.inquiry-btn  {

        height: 31px;
}
.inquiry .submit-btn {
        min-width: 110px;
        color:#fff;

}

.inquiry .file-footnote {
        font-size: 13px;
        margin:0 0 15px;
}*/
/*
.careers {
    background-image:url(../images/section-careers-bg.jpg);
    color:#000;
    padding: 0 0 45px;
}
.careers .white-block {
    -webkit-border-radius: 0 2px 2px 2px;
    -moz-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    border: solid 1px #fff;
    border-top: 2px solid #ebebeb;
    overflow: hidden;
}
.careers a {
    text-decoration: underline;
    text-shadow: none;
}
.careers .tabs .span4, .careers .tabs .span1 {
    margin-left: 0;
    /* width: 50%; */
    /*float: left;
}
.closed .tabs {
    border-bottom: 2px solid #ebebeb;
}
.careers .tabs a {
    background: #ffc90e;
    text-align: center;
    height: 35px;
    position: relative;
    font-weight: 500;
    font-weight: 500;
    color: #fff;
    top:2px;
    line-height: 37px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: inset 2px -2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: inset 2px -2px 3px rgba(0,0,0,.1);
    box-shadow: inset 2px -2px 3px rgba(0,0,0,.1);

    overflow: hidden;
}
.careers .tabs a:not(.active):hover {
    background: #FDBF22;
}
.careers .tabs a.active {
    height: 37px;
    top:0px;
    background: #f5f5f5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #111;
}
.careers .tabs .careers-hide {
    height: 29px;
    width: 29px;
    top:0px;
    float: right;
    background-image: url(../images/i-careers-hide.png);
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
}
.careers .tabs .careers-hide:hover {
    background-color: #FDBF22;
}
.careers .tabs .careers-hide:focus, .careers .tabs .careers-hide:active  {
    background-color: #f5f5f5;
}
.careers .tabs .careers-hide.active {
    background-image: url(../images/i-careers-show.png);
}
.careers .career-tab {
    height: 0px;
    overflow: hidden;
}
.careers .career-tab.active {
    height: auto;
}
.careers > .row-fluid > .span3 {
    width: 25%;
}

.careers > .row-fluid > .span9 {
    width:72%;
}

.careers p, .careers li  {
    width: 95%;
}
.careers .tabs-box {
    margin: 0 auto;
}
.skip-careers {
    display: none;
}
.swiper-careers, .empty-careers {
    height: auto;
    overflow: hidden;
}
.empty-careers p {
    font-size: 19px;
    margin: 260px auto 0;
}
.swiper-careers .swiper-content {
    width: 100%;
    margin: 25px auto 25px;
}
.swiper-careers .scroll-slide {
}
.swiper-careers .span6 {
    width: 47%;
}

.clients-pagination {
    text-align: center;
    width: 100%;
}
.clients-pagination .swiper-pagination-switch {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 2px;
    background: #ccc;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 6px;
    cursor: pointer;
}
.clients-pagination .swiper-active-switch {
    background: #25a8de;
}


.careers-pagination {
    float: left;
    font-size: 14px;

    width: 100%;
    margin-top: 20px;
}
.careers-pagination a {
    text-decoration: none;

}
.careers-pagination button {
    display: block;
    width: 87%;
    height: 35px;
    margin: 0 auto 1px;
    padding: 0;

    background: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}*/
/*.careers-pagination a:first-child button {
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
}
.careers-pagination a:last-child button {
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
}*/
/*.careers-pagination .active button {
    background: #00c0ff;
    border: none;
    height: 35px;
    color:#fff;
}

.contact-page {
    background-color: #006d9e;
    color:#fff;
}*/

.contact {
/*    background-color: #2E3135;*/
    background-color: #323438;
    margin-top: -6px;
    color:#fff;
    overflow: hidden;    
    clear: both;
}
.first * {
    white-space: nowrap;
}
.contact .terms-policy ul {
    margin-bottom: 0;
    margin-top: -4px;
}

/*
.footer.contact .row-fluid {
    width: 1108px;
    max-width: 97%;
    margin: 0 auto 0;
    overflow: visible;
    position: relative;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}*/
/*.contact.sticky-footer {
        margin-top: -400px;
        padding-top: 15px;
}
.contact form .row-fluid {
        margin-top: 0;
}*/
.contact a {
/*    color: #66bd2d;*/
    color: #78cd41;
    text-decoration: underline;
}
.contact a:hover {
    color: #78cd41;
    text-decoration: none;
}
.contact p, .contact dtext, .contact a {
}
.contact h3 {
    line-height: 1.8;
    font-size: 22px;
/*    font-weight: 400;*/
    font-weight: 300;
    margin-bottom: 0;
    color: #FFF;
}
.contact h1,.contact h2,.contact h3,.contact h4,.contact h5 {
    color:#fff;
}
/*.contact .infoaddress i {
    color:#fff;
}*/
.contact .addressline {
    display: block;
    *zoom: 1;
/*    height: 25px;*/
    line-height: 26px;
    margin-bottom: -10px;
    margin-top: -4px;
}
/*.contact .addressline .dicon {
    display:block;
    width:24px;
    float:left;
    text-align:center;
    margin-right: 9px;
}*/
.contact .addressline .dtext {
    display: block;
    color: #FFF;
    font-style: normal;
}
/*.contact .control-group {
    margin-bottom:3px
}*/

.contact .copyright {
    font-size: 13px;
    line-height: 18px;
/*    padding: 0 0 1px;*/
    padding-bottom: 12px;
    color: #666666;
    
}
/*.contact .copyright sup {
    font-size: 7px;
    top: -0.55em;    
}*/
.contact .view-map {
    font-size: 16px;
/*    color: #66bd2d;    */
    color: #78cd41;
}
.contact .view-map:hover {
    color: #78cd41;
}
.contact ul {
    font-size: 13px;
}


/*.landing-form .submit-btn, .landing-form .reset-btn {
        margin-top: 10px;
}*/
/*
.contact .skype {
    background: url(../images/skype-24.png) 0 3px no-repeat;
    width:24px;
    height:24px;
    display: block;
}
.contact .addressline.mail-block {
    margin-bottom: 7px;
}
.contact .mail {
    background: url(../images/mail-24.png) 0 3px no-repeat;
    width:24px;
    height:24px;
    display: block;
}*/

.contact .ios-view-map {
    display: none;
} 
.ios-device .contact .view-map {
    display: none;
} 
.ios-device .contact .view-map.ios-view-map {
    display: inline;
} 

.contact .dtext {
    margin-bottom: 10px;
}
.contact .dtext .contacts {
    color: #FFF;
    font-style: normal;
    text-decoration: underline;
}
.contact .dtext .contacts:hover {    
    text-decoration: none;
    color: #FFF;
}
/*.contact .error-message {
        float: left;
        line-height: 30px;
        margin: 0 0 0 7px;
        color: #FFAA5C;
        font-weight: 400;
}*/
.msg-container {
    display: inline-block;
    position: relative;
}
.contact-us .error-message {
    display: inline-block;
    position: relative;
    top: 2px;
    /*    float: left;*/
    line-height: 26px;
    margin: 0;
/*    margin: 3px 0 0 7px;*/
/*    color: #FFAA5C;*/
    color: #ff8686;
    font-weight: 400;
}

/*.contact .inquiry-btn i {
    background: url(../images/icon-arrow-down.png) 100% -2px no-repeat;
    width: 8px;
    height: 8px;
    display: inline-block;
}
.contact .inquiry-btn i.icon-drop-up {
    background: url(../images/icon-arrow-up.png) 100% -2px no-repeat;
}*/

/*.logo-404 {
    display: block;
    margin: 0 0 0 62%;
    width: 150px;
}*/
.page-404-content {
    /*height: calc(100vh - 78px - 273px);*/ /* 78px( $(".navbar-fixed-top").height() ) - 273px($(".contact.footer").height()) ) */
/*    padding: 0 !important;*/
    /*margin-top: 78px !important;*/ /* 78px( $(".navbar-fixed-top").height() ) */
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.title-404 {
    font-size: 47px;
    font-weight: 300;
/*    margin: 130px auto 160px;
    width: 500px;
    max-width: 90%;*/
}
.title-404 h2 {
    font-size: 47px;
    font-weight: 300;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
}

.text-page {
    margin-top: 57px;
}
.text-page h2 {
    /*	color:#00384F;*/
    padding-bottom: 10px;
}
.text-page h3 {
    /*	color:#00384F;*/
}
.text-page p {
    /*	color:#006d9e;*/
}
.text-page * {
    color: #595959;
}
.date-on-page {
    position: absolute;
    font-size: 15px;
    color:#333;
    top: 9px;
    right: 0;
}
.form-sent-info {
/*    margin: 3px 0 0 7px;*/
/*    display: block;*/
    display: inline-block;
    position: relative;
    top: 2px;
/*    float: left;*/
}/*
.us-flag, .uk-flag, .ua-flag {
    width:27px;
    height: 24px;
    display: block;
    margin-right: 7px;
}

.us-flag {
    background: url(../images/flag-us.png) 0 4px no-repeat;
}
.uk-flag {
    background: url(../images/flag-uk.png) 0 4px no-repeat;
}
.ua-flag {
    background: url(../images/flag-ua.png) 0 4px no-repeat;
}*/
.contact .bottom-section {
    margin-top: 0;
    margin-bottom: 1px;
}

/*.subsmessage {
    display:none
}
.moreinfo i {
    color:#2980b9;
    text-shadow:#fff 0 1px 0
}

.community {
    display:block;
    overflow:hidden;
    height:26px;
    line-height:26px;
    font-size:24px;
    margin-top:10px
}
.progress {
    display:none
}
.msgbox {
    display:none
}*/
input,textarea,button {
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
/*#progress-bar {
    background-color:rgba(41,128,185,0.55)
}
.control-group label {
    font-weight:400
}*/
textarea {
    resize:vertical
}
.wrap {
    overflow:hidden;
    *zoom:1;
}
.wrapcover {
    overflow:hidden;
    *zoom:1;
    padding-top: 28px;
    clear: both;
    padding-bottom: 41px;
}
.wrapcover a {
/*    color: #7BE526;*/
    color: #78cd41;
    text-decoration: underline;
}
.wrapcover a:hover {
    color: #78cd41;
    text-decoration: none;
}
/*
.wrapcover *::-moz-selection {
    background: #FFF;
    color: #5AA926;
    text-shadow:none;
}
.wrapcover *::-webkit-selection {
    background: #FFF;
    color: #5AA926;
    text-shadow:none;    
}
.wrapcover *::selection {
    background: #FFF;
    color: #5AA926;
    text-shadow:none;    
}*/
.wrapcover.text-page {
    padding-bottom: 40px;
}
.page-404 .header {
    height: 78px; /* hardcoded height */
}
.header {
    border-bottom: none;
}
.header .center {
    margin:auto;
    float:none !important;
}


header li {
    margin: 0px;
}

.header .navbar ul li a {
    color: #555;
    margin: 0;
    outline:none;
    outline-offset:0;
    font-size: 16px;
    height: 77px;
    line-height: 78px;
    text-transform: uppercase;
}
/*.header .navbar ul li a .ampersand {
    float: initial;  
    display: initial;
    margin: 0;
    font-size: 14px;
}*/


.header .navbar ul li a:hover, .header .navbar-text ul li a:hover .header .navbar ul li a.active:hover{
    /*background: #eee;*/
    /*color: #669934;*/
    background: #78cd41 !important;/* #00BE03; rgba(102, 189, 45, 1); */
    color: white;
    display: block;

}

.header .navbar ul li a.active {
    background: #66bd2d;
    color: white;
}
.text-page + .footer .first {
    margin-top: 35px !important;
    padding: 0;
}

/*.header .mainnav a span, .header .mainnav-text a span {
    width:7px;
    height: 7px;
    display: block;
    margin: 7px 9px 0 0;
    float: left;
}
.footer-nav {

}*/
.footer-nav li {
    float: left;
    margin-right: 20px;
}
.footer-nav li a {
    text-decoration: none;
    text-decoration: none;
}
/*.logo-footer {
    display: block;
    max-width: 294px;
    margin-top: 13px;
}*/

.footer > .row-fluid{
    margin-top: 0;
}

.footer li {
    margin-top: 0;
}

/*
.i-system {
    background: url(../images/i-process.png) 100% 100% no-repeat;
    right: -84px;       
}
.i-installer {
    background: url(../images/i-process.png) 100% 100% no-repeat;
    left: -84px;
}
.i-updater {
    background: url(../images/i-process.png) 100% 100% no-repeat;
    right: -84px;
}
.i-metrics {
    background: url(../images/i-process.png) 100% 100% no-repeat;
    left: -84px;
}
.i-what-to-expect {
    background: url(../images/i-process.png) 100% 100% no-repeat;
    right: -84px;
}
.i-contact {
    background: url(../images/i-contact.png) 100% 100% no-repeat;
    left: -84px;
}
*/

.header-logo {
    float: left;
    border:none;
    display: block;
    width: 205px;
    height: 65px;
/*    margin: 7px 0 5px 18px;*/
    margin: 7px 0 5px -62px;
    background: url(../images/logo-header.png) 0 0 no-repeat;        
    background-size: contain;
}

.close-mobile-menu {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: none;
    top:0;
    left: 0;
    z-index: 1000;
}

.move-top {
    background: url(../images/up-arrow.png) 0 0 no-repeat;
    width: 26px;
    height: 26px;
    position: fixed;
    bottom:7px;
    right: 10px;
    z-index: 1000;
}
.social-icons {
/*    white-space: nowrap;*/
}
.social-icons a {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 4px 9px 0 0;
}
.social-icons a:last-child {
    margin-right: 0;
}
.google-plus-icon {
    background: url(../images/i-google-plus.png) 0 0 no-repeat;
}
.ln-icon {
    background: url(../images/i-ln.png) 0 0 no-repeat;
}
.fb-icon {
    background: url(../images/i-fb.png) 0 0 no-repeat;
}
.tw-icon {
    background: url(../images/i-tw.png) 0 0 no-repeat;
}
.social-icons a:hover {
    background-position: 0 100%;
}

header .row-fluid, .row-wide.row-fluid  {
/*    width: 1108px;*/
    max-width: 97%;
}

.row-full-width.row-fluid  {
    max-width: 100%;
}

/*    Video section     */
/*
.row-fluid .content-block {
    min-height: 540px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.table-row.hero > #hero {
    text-align: center;
    vertical-align: middle;
}*/
/*hero*/
/*
.hero-bg .editorial {
    min-height: 530px;
}
.hero-bg .editorial-container {
    height: 530px;
    line-height: 530px;
}
.hero-bg.dark .editorial-container {
    height: 25.71428571428571em;/* 360px/14 */
    /*line-height: 25.71428571428571em;*//* 360px/14 */
/*}*/
/*.hero-bg img {
    vertical-align: bottom;
}*/

/* ----- panel ------ */
/*.editorial {
    min-height: 37.85714285714286em;
}
.editorial-container {
    height: 37.85714285714286em;
    line-height: 37.85714285714286em;
}*/
/* COMMON styles */
/* Special style for marketing to add more space on the grid */
/*.four-panel .span3 {
    padding-right: 2%;
}
.hero-bg, .editorial {
    min-width: 71.71428571428571em;
}
#fixed-top {
    height: 100%;
    width: 100%;
    display: table;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}*/
/* Fix firefox incorrectly layering header */
/*#fixed-top > header > div {
    z-index: 1;
}
#fixed-top > .table-row {
    display: table-row;
}
#fixed-top .filler {
    height: 100%;
}
#fixed-top > .table-row > * {
    display: table-cell;
    vertical-align: bottom;
}
#fixed-top .filler {
    height: 100%;
}
#fixed-top > .table-row.hero > div {
    text-align: center;
    vertical-align: middle;
    height: 500px;
}
html[data-device-type="dedicated"] .hero.dark {
    background-color: transparent;
}
.dark {
    background-color: #333;
    color: #fff;
}

.novideo-bg {
    display: none;
    background-position: center top;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    height: 400%\9;
    z-index: -1;
    opacity: 0.9;
}
.no-backgroundsize .novideo-bg { 
    top: -280px\9;
}
.novideo-bg.show {
    display: block;
}
.hero-video-still .novideo-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/mktg/wright/videos/home-signup.jpg");
}
html[data-device-type="mobile"] .novideo-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/mktg/wright/home/city_bg_mobile.jpg");
}
.hero0-video-still .novideo-bg,
html[data-device-type="mobile"] .hero0-video-still .novideo-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/mktg/wright/videos/pay-on-ebay.jpg");
}
.hero1-video-still .novideo-bg,
html[data-device-type="mobile"] .hero1-video-still .novideo-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/mktg/wright/videos/get-paid-on-your-website.jpg");
}
.hero2-video-still .novideo-bg,
html[data-device-type="mobile"] .hero2-video-still .novideo-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/mktg/wright/videos/email-invoice.jpg");
}
.hero3-video-still .novideo-bg,
html[data-device-type="mobile"] .hero3-video-still .novideo-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/mktg/wright/videos/pay-on-websites.jpg");
}
.hero4-video-still .novideo-bg,
html[data-device-type="mobile"] .hero5-video-still .novideo-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/mktg/wright/videos/pay-on-the-go.jpg");
}
.hero5-video-still .novideo-bg,
html[data-device-type="mobile"] .hero6-video-still .novideo-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/mktg/wright/videos/send-money.jpg");
}
.hero6-video-still .novideo-bg,
html[data-device-type="mobile"] .hero7-video-still .novideo-bg {
    background-image: url("https://www.paypalobjects.com/webstatic/mktg/wright/videos/request-money.jpg");
}
#hero.video-loaded > .novideo-bg {
    display: none;
}
*/
/*/resources/css/moving.background.css*/
/*.moving-background-container {
    background-color: #000;
}
.moving-background {
    position: relative;
    overflow: hidden;
    z-index: 0;

    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}*/
/*.moving-background.video-loaded {
  background-image: none !important;
}*/
/*
.moving-background video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
    opacity: 0.5;

    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.moving-background.playing video {
    opacity: 0.9;
}
.moving-background .mb-button {
    display: block;
    position: absolute;
    right: 100px;
    bottom: 100px;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 22px;
    color: #fff;
    text-indent: -999em;
}*/
/*@-moz-document url-prefix() {*/
    /* FF doesn't correct calculate position inside a table cell */
    /*.moving-background video {
        top: 72px;
    }
    .moving-background .mb-button {
        bottom: 150px;
    }
}*/
/*
.moving-background .mb-button.pause {
}
.moving-background .mb-button.play:after {
    content: '';
    position: absolute;
    top: 11px;
    left: 12px;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-width: 7px 14px;
    border-left-color: #fff;
    overflow: hidden;
}
.moving-background .mb-button.pause:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 13px;
    width: 4px;
    height: 14px;
    border: 3px solid #fff;
    border-top: none;
    border-bottom: none;
}
.moving-background.playing .mb-button.play {
}
.moving-background.playing .mb-button.pause {
}

.moving-background.playing .mb-button.pause {
}
.moving-background .mb-button.pause {
}
.moving-background .mb-button {
    display: block;
    position: absolute;
    right: 100px;
    bottom: 100px;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 22px;
    color: #fff;
    text-indent: -999em;
}*/
@media screen and (max-width: 460px) {
    .file-footnote {
        margin-top: -12px !important;
        margin-bottom: 12px !important;
    }
}
@media screen and (max-width: 1140px) {
    /*.overview li:before, .updater li:before, .what-to-expect li:before{
        margin-left: -20px;
        padding-right: 8px;
        vertical-align: baseline;
        content: url(../images/point-green.png);
    }*/

    /*.installer li:before, .metrics li:before{
        margin-left: -20px;
        padding-right: 8px;
        vertical-align: baseline;
        content: url(../images/point-white.png);
    }*/
/*    .header-logo {
        margin-left: 0;
    }*/
}

@media screen and (min-width: 980px) and (max-width: 1010px) {
    .navbar .nav > li > a {
        padding: 0 13px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1070px) {
    .navbar .nav > li > a {
        padding: 0 12px;
    }
}
@media screen and (max-width: 1070px) {
    .header-logo {
        margin-left: 0;
    }
}
@media screen and (min-width: 1071px) and (max-width: 1140px) {
    .header-logo {
/*        margin-left: -26px;*/
    }
}
@media screen and (min-width: 1024px) and (max-width: 1140px) {
    .row-fluid {
        padding: 0 36px;
        box-sizing: border-box;
    }	
    .row-fluid.row-full-width {
        padding: 0 0;
    }	
/*
    h2 i {
        bottom: 0px;        
        width: 44px;
        height: 44px;
        background-size: 44px 44px !important;
    }
    
    .i-system, .i-updater, .i-what-to-expect {         
        right: -18px;
    }        
    .i-installer, .i-metrics, .i-contact {            
        left: -18px;
    }*/


    .social-icons a {
        margin-right: 1px;
        width: 41px;
        height: 41px;
        background-size: 100% 200%;
        margin-right: 7px;
    }	
    .logo-footer img {
        width: 203px;
    }

}


@media screen and (min-width: 768px) and (max-width: 979px) {
    .row {
        *zoom:1
    }
    .row:before,.row:after {
        display:table;
        content:"";
        line-height:0
    }
    .row:after {
        clear:both
    }
    [class*="span"] {
        float:left;
        min-height:1px;
        margin-left:20px
    }
    .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
        width:724px
    }
    .span12 {
        width:724px
    }
    .span11 {
        width:662px
    }
    .span10 {
        width:600px
    }
    .span9 {
        width:538px
    }
    .span8 {
        width:476px
    }
    .span7 {
        width:414px
    }
    .span6 {
        width:352px
    }
    .span5 {
        width:290px
    }
    .span4 {
        width:228px
    }
    .span3 {
        width:166px
    }
    .span2 {
        width:104px
    }
    .span1 {
        width:42px
    }
    .offset12 {
        margin-left:764px
    }
    .offset11 {
        margin-left:702px
    }
    .offset10 {
        margin-left:640px
    }
    .offset9 {
        margin-left:578px
    }
    .offset8 {
        margin-left:516px
    }
    .offset7 {
        margin-left:454px
    }
    .offset6 {
        margin-left:392px
    }
    .offset5 {
        margin-left:330px
    }
    .offset4 {
        margin-left:268px
    }
    .offset3 {
        margin-left:206px
    }
    .offset2 {
        margin-left:144px
    }
    .offset1 {
        margin-left:82px
    }
    .row-fluid {
        *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;
        margin-left:2.76243%;
        *margin-left:2.70924%
    }
    .row-fluid [class*="span"]:first-child {
        margin-left:0
    }
    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-left:2.76243%
    }
    .row-fluid .span12 {
        width:100%;
        *width:99.94681%
    }
    .row-fluid .offset12 {
        margin-left:105.52486%;
        *margin-left:105.41848%
    }
    .row-fluid .offset12:first-child {
        margin-left:102.76243%;
        *margin-left:102.65605%
    }
    .row-fluid .span11 {
        width:91.43646%;
        *width:91.38327%
    }
    .row-fluid .offset11 {
        margin-left:96.96133%;
        *margin-left:96.85494%
    }
    .row-fluid .offset11:first-child {
        margin-left:94.1989%;
        *margin-left:94.09251%
    }
    .row-fluid .span10 {
        width:82.87293%;
        *width:82.81974%
    }
    .row-fluid .offset10 {
        margin-left:88.39779%;
        *margin-left:88.29141%
    }
    .row-fluid .offset10:first-child {
        margin-left:85.63536%;
        *margin-left:85.52898%
    }
    .row-fluid .span9 {
        width:74.30939%;
        *width:74.2562%
    }
    .row-fluid .offset9 {
        margin-left:79.83425%;
        *margin-left:79.72787%
    }
    .row-fluid .offset9:first-child {
        margin-left:77.07182%;
        *margin-left:76.96544%
    }
    .row-fluid .span8 {
        width:65.74586%;
        *width:65.69266%
    }
    .row-fluid .offset8 {
        margin-left:71.27072%;
        *margin-left:71.16434%
    }
    .row-fluid .offset8:first-child {
        margin-left:68.50829%;
        *margin-left:68.4019%
    }
    .row-fluid .span7 {
        width:57.18232%;
        *width:57.12913%
    }
    .row-fluid .offset7 {
        margin-left:62.70718%;
        *margin-left:62.6008%
    }
    .row-fluid .offset7:first-child {
        margin-left:59.94475%;
        *margin-left:59.83837%
    }
    .row-fluid .span6 {
        width:48.61878%;
        *width:48.56559%
    }
    .row-fluid .offset6 {
        margin-left:54.14365%;
        *margin-left:54.03726%
    }
    .row-fluid .offset6:first-child {
        margin-left:51.38122%;
        *margin-left:51.27483%
    }
    .row-fluid .span5 {
        width:40.05525%;
        *width:40.00206%
    }
    .row-fluid .offset5 {
        margin-left:45.58011%;
        *margin-left:45.47373%
    }
    .row-fluid .offset5:first-child {
        margin-left:42.81768%;
        *margin-left:42.7113%
    }
    .row-fluid .span4 {
        width:31.49171%;
        *width:31.43852%
    }
    .row-fluid .offset4 {
        margin-left:37.01657%;
        *margin-left:36.91019%
    }
    .row-fluid .offset4:first-child {
        margin-left:34.25414%;
        *margin-left:34.14776%
    }
    .row-fluid .span3 {
        width:22.92818%;
        *width:22.87499%
    }
    .row-fluid .offset3 {
        margin-left:28.45304%;
        *margin-left:28.34666%
    }
    .row-fluid .offset3:first-child {
        margin-left:25.69061%;
        *margin-left:25.58422%
    }
    .row-fluid .span2 {
        width:14.36464%;
        *width:14.31145%
    }
    .row-fluid .offset2 {
        margin-left:19.8895%;
        *margin-left:19.78312%
    }
    .row-fluid .offset2:first-child {
        margin-left:17.12707%;
        *margin-left:17.02069%
    }
    .row-fluid .span1 {
        width:5.8011%;
        *width:5.74791%
    }
    .row-fluid .offset1 {
        margin-left:11.32597%;
        *margin-left:11.21958%
    }
    .row-fluid .offset1:first-child {
        margin-left:8.56354%;
        *margin-left:8.45715%
    }
    input,textarea,.uneditable-input {
        margin-left:0
    }
    .controls-row [class*="span"]+[class*="span"] {
        margin-left:20px
    }
    input.span12,textarea.span12,.uneditable-input.span12 {
        width:710px
    }
    input.span11,textarea.span11,.uneditable-input.span11 {
        width:648px
    }
    input.span10,textarea.span10,.uneditable-input.span10 {
        width:586px
    }
    input.span9,textarea.span9,.uneditable-input.span9 {
        width:524px
    }
    input.span8,textarea.span8,.uneditable-input.span8 {
        width:462px
    }
    input.span7,textarea.span7,.uneditable-input.span7 {
        width:400px
    }
    input.span6,textarea.span6,.uneditable-input.span6 {
        width:338px
    }
    input.span5,textarea.span5,.uneditable-input.span5 {
        width:276px
    }
    input.span4,textarea.span4,.uneditable-input.span4 {
        width:214px
    }
    input.span3,textarea.span3,.uneditable-input.span3 {
        width:152px
    }
    input.span2,textarea.span2,.uneditable-input.span2 {
        width:90px
    }
    input.span1,textarea.span1,.uneditable-input.span1 {
        width:28px
    }
/*
    .careers > .row-fluid > .span3 {
        width: 100% !important;
    }
    .careers-pagination a {
        float: left !important;
        min-width: 0;
        margin: 0 1% 0 !important;

    }
    .clients .text-box {
        width:80%;
        min-height: 115px;
    }
    .careers-pagination .active button {
    }*/
    .social-icons {
        text-align: left;
        margin-left: 0;

    }	
    .social-icons a {
        width: 34px;
        height: 34px;
        background-size: 34px 68px;
        margin-right: 7px;
    }
    .social-icons a:hover {
        background-position: 0 -34px;
    }
    /*.logo-footer {
        max-width: 194px;
    }*/


}

@media screen and (max-width: 767px) {
    .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top {
    }

    [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"] {
        float:none;
        display:block;
        width:100%;
        margin-left:0;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .span12,.row-fluid .span12 {
        width:100%;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    .row-fluid [class*="offset"]:first-child {
        margin-left:0
    }
/*    .contact nav {
        float: none;
        clear:both;
    }*/
    .contact li:first-child {
        padding-left: 0;
    }
    /*.contact.landing li:first-child {
            padding-left: 110px;
    }
    .landing h2, .landing .top-subtitle {
            text-align: left;
    }*/

    .form-sent-info {
        display: none;
    }
    .installer-right-section ul li {
        font-size: 17px !important;
        word-spacing: 0 !important;
    }
    .installer .span6.installer-more {
        position: static !important;
        left: 0 !important;
    }
    /*.swiper-careers {
        margin-left: auto !important;

        margin-right: auto !important;
        width: 97% !important;
    }

    .careers > .row-fluid > .span3 {
        width: 100%;
    }
    .careers-pagination .active button {
    }*/
    .footer > .row-fluid{
        margin-top: 20px;
    }
/*    .contact .copyright {
        padding-bottom: 2px;
    }*/
    .footer > .row-fluid > div{
        clear: both;
        margin-bottom: 27px;
    }
    .footer .social-icons {
        margin-bottom: 19px !important;
    }
    .footer .bottom-section .span12 {
        margin-bottom: 19px;
    }
    .footer > .row-fluid > div:after {
        content:" ";
        clear: both;
    }    
/*    .footer .first {
        margin-bottom: 0;
        margin-top: 35px;
    }*/
    .home-logo {
        margin-top: 150px;

        max-width: 90%;
    }	
    .logo-footer {
        max-width: 214px;
    }

    .media-table {
        display: table;
    }
    .media-table-footer-group {
        display: table-footer-group !important;
    }
    .metrics-img {
        margin-left: auto !important;
        margin-right: auto !important;
    }

}

@media screen and (max-width: 979px) {
    .installer .installer-item {
        top: 20px;
        position: relative;
    }

    .what-to-expect .installer-item{
        top: -10px;
    }
    .row-fluid {
        max-width: 97%;
    }        
    .navbar .btn-navbar {
        display: block;
    }
    .navbar ul {
        *zoom:1;
        margin-top:15px
    }
    .header .navbar ul li a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        margin: 0;
        outline: none;
        outline-offset: 0;
        height: 35px;
        padding: 11px 0 0 14px;
        line-height: 25px;
    }	
    /*
    .date-on-page {
        position: relative;
    }

    .clients .text-box h3, .clients .text-box p {
        max-width: 95% !important;
        width:95% !important;
    }	
    .clients .text-box {
        height: auto;
        padding: 4px 0 10px;
    }	*/

    .updater-content .row-fluid {
        margin: 0 auto;
    }

    .updater-content .span2  {
        clear:left;
        margin-left: 0 !important;
        margin-top: 30px;
    }

    .updater-content .text-box  {
        margin-top: 30px;
    }

    .updater-content .row-fluid:before, .updater-content .row-fluid:after {
        content: none;
    }
    /*
    .swiper-clients {
        width:100%;
    }

    .swiper-clients img {
        float: left;
        margin: 0 10px 0 0;
    }
    .swiper-clients img.bubble {
        float: left;
        margin: 0 10px 10px 0;
    }
    .swiper-clients p, .swiper-clients h3  {
        width: 95%;
    }

    .careers .white-block {
        width: 100% !important;
    }
    h3 i {
        display: none;
    }	
    .careers .white-block {
        margin: 0 auto 10px;
    }*/
    /*.skip-careers {
        display: block;
        position: fixed;
        top: 8px;
        right: 10px;
        width: 88px;
        height: 27px;
        line-height: 26px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: rgba(255,255,255,.82);
        border: solid 1px #fff;	
        z-index: 2000;
        text-align: center;
        text-decoration: none !important;
    }*/

    /*.installer .read-more, .installer .read-less {
        bottom:0;
        right:0;
    }
    .installer-right-section ul {
        margin: 29px 0 0 0;
    }
    .installer .read-less {
    }
    .swiper-careers {
    }
    .careers .tabs .span4 {
        margin-left: 0;*/
        /*width: 50%;*/
        /*float: left;
    }*/
    h2 {
/*        font-size: 40px;*/
        font-size: 41px;
    }	
    h2 .title-addition {
        font-size: 21px;
        line-height: 50px;
    }
    .installer .read-more-box {
        height: 70px;
    }

    .nav-collapse {
        -webkit-transform:translate3d(0,0,0)
    }
    input[type="checkbox"],input[type="radio"] {
        border:1px solid #ccc
    }

    .navbar-fixed-top {
        margin-bottom:20px
    }

    .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner {
    }

    .nav-collapse {
        clear:both;
    }
    .nav-collapse .nav {
        float:none;
        margin: 9px 0 0;
    }
    .nav-collapse .nav>li {
        float:none;
    }
    .nav-collapse .nav>li>a {
        margin-bottom:2px
    }
    .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a {
        padding:9px 15px;
        color:#777;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px
    }

    .nav-collapse,.nav-collapse.collapse {
        overflow:hidden;
        height:0;
    }
    .navbar .btn-navbar {
        display:block;
    }
    .navbar-static .navbar-inner {
        padding-left:10px;
        padding-right:10px
    }
    /*
    .footer-logo {
        width: 70px !important;
        height: 68px !important;
        margin-right: 15px !important;
    }
    .footer-text {
        float: left;
        margin-left: 80px !important;
        min-height: 80px !important;
    }*/
    /*h2 i {
    }
    .careers-hide {
        display: none;
    }
    .careers-pagination {
        float: none;
        display: block;
        clear:both;
        margin: 0 0 20px;
    }
    .careers-pagination a {
        float: none;
        width: 100%;
        margin:5px auto;
        padding: 0;
    }

    .careers-pagination button {
        width: 97%;
    }
    .careers-pagination button {*/
        /* width: 100% !important; */
    /*}*/

    /*.installer-right-section ul li {
        padding: 0 0 0 98px !important;
        font-size: 17px !important;
        word-spacing: 0 !important;
    }*/
    .footer .first {
        margin-bottom: 0;
        margin-top: 35px !important;
    }
    .wrapcover.contact-us{
        padding-bottom: 0px;
    }
        
    p + .left-col, p + .left-col + .right-col {
        margin-top: 0;
    }
    .left-col {
        margin-bottom: 15px;
    }
    .left-col + .right-col .image-container {
        margin-bottom: 17px;
    }
    
    .overview .image-container {
        margin-top: 26px;
    }
    .installer .image-container {
        margin-top: 26px;
    }
    .installer .image-item:not(:first-child) {
        margin-top: 33px;
    }
    .updater .image-container {
        margin-top: 26px;
    }
    .updater .image-item:not(:first-child) {
        margin-top: 33px;
    }
    .updater ul {
        margin-top: 23px;
    }
    .metrics .image-container {
        margin-top: 26px;
    }
    .metrics .image-item:not(:first-child) {
        margin-top: 33px;
    }
    .what-to-expect ul {
        margin-top: 23px;
    }

    .contact-form-container {
        margin-top: 16px;
    }
    
}
@media screen and (max-width: 1023px) {
    .row-fluid {
    }
    /*        .header-logo {
                margin-left: 0;
            }*/
    /*h2 i {
        display: none;
    }*/
}

@media screen and (max-height: 362px) {
    .mobile-device  .header .navbar ul li a {    
        height: 30px;
        padding: 9px 0 0 14px;
        line-height: 25px;
        font-size: 15px;
    }	
}
@media screen and (min-width: 361px) and (max-width: 390px) {            
    .wrapcover h2 {
        font-size: 36px;
        margin-bottom: -3px;
    }
/*    h2 sup {
        font-size: 10px;
        top: -1.9em;
    }*/
}
@media screen and (max-width: 360px) {    
    .wrapcover h2 {
        font-size: 33px;
        margin-bottom: -4px;
    }
/*    h2 sup {
        font-size: 9px;
        top: -1.9em;
    }*/

}


@media print {
    .visible-print {
        display:inherit !important
    }
    .hidden-print {
        display:none !important
    }
}




/* =====================================================================
   Styles for Retina
   ================================================================== */

@media screen and (-Webkit-min-device-pixel-ratio: 2),
screen and (min--moz-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2),
screen and (min-device-pixel-ratio: 2) {

    .move-top {
        background-image: url(../images/up-arrow@2x.png);
        background-size: 26px 26px;
        bottom: 27px;
    }
    .installer-right-section ul {
        background-image: url(../images/about-icons@2x.png);
        background-size: 90px 588px;
    }

    .header-logo {
        background-image: url(../images/logo-header@2x.png);
        /*background-size: 205px 65px;*/
    }
/*    .careers-pagination .active button {
    }*/
    .contact .skype {
        background-image: url(../images/skype-24@2x.png);
        background-size: 24px 24px;
    }
    .contact .mail {
        background-image: url(../images/mail-24@2x.png);
        background-size: 24px 24px;
    }
    .contact .us-flag {
        background-image: url(../images/flag-us@2x.png);
        background-size: 27px 16px;
    }
    .contact .uk-flag {
        background-image: url(../images/flag-uk@2x.png);
        background-size: 27px 16px;
    }
    .contact .ua-flag {
        background-image: url(../images/flag-ua@2x.png);
        background-size: 27px 16px;
    }
    
    /*.careers .tabs .careers-hide {
        background-image: url(../images/i-careers-hide@2x.png);
        background-size: 100% 100%;
    }
    .careers .tabs .careers-hide.active {
        background-image: url(../images/i-careers-show@2x.png);
    }
    .careers .tabs .careers-hide:hover {
        background-color: #FDBF22;
    }*/
    .google-plus-icon {
        background-image: url(../images/i-google-plus@2x.png);
        background-size: 45px 90px;
    }
    .ln-icon {
        background-image: url(../images/i-ln@2x.png);
        background-size: 45px 90px;
    }
    .fb-icon {
        background-image: url(../images/i-fb@2x.png);
        background-size: 45px 90px;
    }
    .tw-icon {
        background-image: url(../images/i-tw@2x.png);
        background-size: 45px 90px;
    }
    .contact .inquiry-btn i.icon-drop-down {
        background-image: url(../images/icon-arrow-down@2x.png);
        background-size: 8px 8px;
    }
    .contact .inquiry-btn i.icon-drop-up {
        background-image: url(../images/icon-arrow-up@2x.png) !important;
        background-size: 8px 8px;
    }
    .contact .copyright sup {
        font-size: 6px;
        top: -0.9em;
    }
    
    .overview li:before, .updater li:before, .what-to-expect li:before  {    
        background: url(../images/list/point-green@2x.png) 0 0 no-repeat;
    }
    .carousel-indicators li {
        background-image: url(../images/slider/banner-point@2x.png);
    }
    .carousel-indicators li.active {
        background-image: url(../images/slider/banner-point-active@2x.png);
    }
    .contact-us form select {    
        background-image: url(../images/arrows/arrow-select@2x.png);
    }
    
}

/* =====================================================================
   Fix Styles
   ================================================================== */

/* =====================================================================
   Fix footer
   ================================================================== */
.company-details {
    width: 940px;    
    margin: 15px auto 0;    
    position: relative;
    max-width: 97%;
    /*z-index: 2147483647;*/
    z-index: 100;
}

.tel-column {
    width: 40.42553%;
    min-height: 30px;
    box-sizing: border-box;    
    margin-left: 2.12766%;    
    float: left;
}

.social-column {
    width: 23.40426%;    
    min-height: 30px;
    box-sizing: border-box;    
    margin-left: 2.12766%;
    float: left;    
}

.address-column {
    margin-left: 0;
    width: 31.91489%;
    display: block;
    min-height: 30px;
    box-sizing: border-box;  
    float: left;    
}

.company-details .cell {
    min-height: 109px;
    margin-top: 13px;
}

.company-details .cell .logo-footer {
    margin-top: 26px;
}

@media screen and (max-width: 767px) {
    .installer-image-item{
        width: 305px;
    }
    .company-details {
        display: table;
    }    
    .address-column, .social-column, .tel-column {
        float: none;
        width: 100%;        
    }
    .address-column {
        display: table-footer-group;
    }    
    .social-column {
        display: table-row-group;
    }    
    .tel-column {
        display: table-header-group;
    }
    .company-details .cell {
        margin: 13px auto 10px;
        min-height: 0;
    }                        
}

@media screen and (max-width: 979px){
    .company-details .cell {
        max-width: 98%;
    }
}

/* =====================================================================
   Fix careers tabs
   ================================================================== */
/*@media screen and (max-width: 979px) {    
    .careers .tabs {
        margin-left: 2px;
    }
    .careers .tabs .span4 {  
        width: 33.33%; 
    }
}

.careers .tabs a {
    padding: 0px 15px 0px 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.careers-pagination a button {
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
@media screen and (max-width: 979px){
    .careers-pagination {
        margin-top: 20px;
    }    
}*/

/* =====================================================================
   Fix Styles
   ================================================================== */  

.disabled_field {
    background-color: #E2E2E2 !important;
}

.spinner img{
/*    width: 70px;*/
    width: auto;
    height: 31px;
/*    float: left;*/
    display: none;
    margin-right: 6px;
}

/*.landing .spinner img{
    margin-top: 10px;
}*/

/*@media screen and (max-width: 340px) {
    .spinner img{
        width: 50px;
        height: 21px;  
        margin-top: 5px;
    }
}*/
@media screen and (max-width: 380px) {
    .spinner img{
        width: auto;
        height: 21px;  
/*        margin-top: 5px;*/
    }
}



/* =====================================================================
   Landing pages
   ================================================================== */  
/*
.landing-page {
    background-color: white;
    padding-bottom: 65px;
}
.landing-page .landing-content {
    margin-top: 40px;
}
.landing-page + .footer {
    padding-top: 0;
}

.landing-form-col {
    height: 100%;
    min-height: 100% !important;
    right: 0;
}
.landing-form-col .inquiry {
    height: 100%;
    display: inline-block;
}
.landing-page + .footer hr {
    margin: 0 0 30px;
}
.landing-page + .footer .bottom-section hr {
    margin: 30px 0 30px 0;
}

.landing-page *, .landing-page h1, .landing-page h2, .landing-page h3 {
    color: #00384f;
}
.landing-page h2 {
    font-size: 31px;
    line-height: 42px;
    font-weight: 300;
}
.landing-page h3 {
    font-size: 18px;
    font-weight: 300;
}
.landing-page p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

.landing-form {
    background-color: #006d9e;    
    height: 100%;
    min-height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -15px;
    padding-top: 15px;  
    padding-bottom: 15px;    
}
.landing-form table {
    height: 100%;
}
.landing-form table .textarea-container {
    height: 100%;
    vertical-align: top;
}
.landing-page .top-subtitle {
    font-size: 24px;
}

.landing-form .top-subtitle.icon-inside {
    position: relative;
    padding-left: 48px;
}
.landing-form .i-contact {
    background-size: contain;
}
.landing-form .top-subtitle .i-contact {
    top: -3px;
    left: 0;
    width: 32px;  
    height: 32px;    
    position: absolute;        
}

.landing-form label[for="name"] {
    margin-top: 15px;
}

.landing-form .error-message {
    color: #ffaa5c !important;
    float: none;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
}
.landing-form .form-sent-info {    
    float: none;
    margin: 3px 0 4px 0;
}

.landing-form *{
    color: white !important;
}
.landing-form input[type="text"], .landing-form input[type="email"], .landing-form input[type="tel"], .landing-form textarea {
    color: black !important;
}
.landing-form .submit-btn {
    background-color: #FFD851;
    color: #00384f !important;    
}

.landing-form .submit-btn:hover, .landing-form .submit-btn:active, .landing-form .submit-btn:focus {
    background-color: #ffc90e !important;
}
.landing-h1 {
    font-size: 42px;
    font-weight: 300;
}
.under-submit-message {
    clear: both;
    font-weight: 600;
    padding-top: 6px;
}

.landing-list-proposal {
    font-size: 15px !important;
    font-weight: 300;
}
.landing-list-proposal li {
    list-style-type: circle;
    padding: 0 !important;
    color: #006d9e !important;
}
.landing-list-proposal li * {
    color: #006D9E !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
}

#landing_form textarea {
    height: 100%;
    min-height: 60px;
    resize: vertical;
}

.landing-page .installer-landing-section ul {
    margin-top: 13px;
}

.table-cell {
    display: table-cell !important;
    float: none !important;
    vertical-align: top;
}
.table-cell .row-fluid.row-full-width {
    width: auto;
}

@media screen and (max-width: 767px) {             
    .table-cell {
        display: initial !important;
        float: left !important;        
    }
    .landing-form-col {
        margin-top: 17px;
    }
    .landing-form {
        margin-top: 0;
    }    
}
*/
/* =====================================================================
   Landing pages
   ================================================================== */