/*!
 * Start Bootstrap - Business Casual Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

@font-face {
    font-family: 'Metric Light';
    src: url(../fonts/Metric-Light.eot);
    src: url(../fonts/Metric-Light.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Metric Regular';
    src: url(../fonts/Metric-Regular.eot);
    src: url(../fonts/Metric-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Metric Medium';
    src: url(../fonts/Metric-Medium.eot);
    src: url(../fonts/Metric-Medium.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Metric Semibold';
    src: url(../fonts/Metric-Semibold.eot);
    src: url(../fonts/Metric-Semibold.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Simple Light';
    src: url(../fonts/lineto-simple-pro-light.eot);
    src: url(../fonts/lineto-simple-pro-light.woff) format('woff'), url(../fonts/lineto-simple-pro-light.ttf) format('truetype');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Simple Regular';
    src: url(../fonts/lineto-simple-pro-regular.eot);
    src: url(../fonts/lineto-simple-pro-regular.woff) format('woff'), url(../fonts/lineto-simple-pro-regular.ttf) format('truetype');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Simple Bold';
    src: url(../fonts/lineto-simple-pro-bold.eot);
    src: url(../fonts/lineto-simple-pro-bold.woff) format('woff'), url(../fonts/lineto-simple-pro-bold.ttf) format('truetype');
    font-style: normal;
    font-weight: 400
}

/*new */

h1 {
    color: #000;
    font-family: 'Metric Semibold', Arial, sans-serif;
    font-style: normal;
    font-size: 45px;
    line-height:45px;
    font-weight: bold;
    text-align: left;
    padding-top: 10px;
    margin:inherit;
    padding-bottom: 10px;
    padding-left:10px
}

.greentext {
    color: #00B388;
    display: inline;
}

h1.white {
    color: #fff;
    margin-top: 160px;
    text-align: center;
}

h2 {
    font-family: 'Metric Semibold', sans-serif;
    font-weight: normal;
    font-size: 25px;
    line-height: 26px;
    margin-top: 20px;
    text-align: left;
    margin-bottom:inherit;
    padding-left:10px

}

h2.white {
    text-align: center;
    color:#fff;
}
h3{
    font-family: 'Metric Semibold', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    margin-top: 20px;
    text-align: left;
    margin-bottom: inherit;
    padding-left:10px
    }
h3.thin {
    font-family: 'Metric Thin', sans-serif;
}

h3.inline {
    display: inline;
        }

h4 {
    font-family: 'Metric Semibold', Arial, sans-serif;
    color: #FFF;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: .5em;
    text-align: left;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: inherit;
    margin-top: 5px;

}

p{
    line-height: 22px;
    margin-top: 0;
    margin-bottom: inherit;
    color: #000;
    font-size: 14px;
    text-align: left;
    font-family: 'Metric Light', sans-serif;
    margin-right: 5px;
    padding-top:5px;
    padding-left:10px
}

.img-responsive.storage {
    margin-top:20px;
    width:40px;
}

.container.image {
    background-image: url("../img/itsupport.jpg");
    height:300px;
}

.container.image.rok {
    background-image: url("../img/rok.jpg");
    height: 300px;
}

.icon-arrow-circle-right::before {
    content: "\f130";
}

.btn.btn-primary.green {
    background: rgba(0, 179, 136, .6);
    color: #FFF;
    border-color: #00B388;
    outline: #00B388 solid 4px;
    outline-offset: -2px;
    font-size: 12px;
    text-transform: uppercase;
    margin-top:20px;
    margin-bottom:5px;
    margin-left:10px
}

.btn.btn-primary.green:hover {
    background: #ffffff;
    color: #00B388;
    border-color: #00B388;
    outline: #00B388 solid 4px;
    outline-offset: -2px;
    font-size: 12px;
    text-transform: uppercase;
    margin-top:20px;
    margin-bottom:5px;
}

a:focus {outline: 0;}
a:active {outline: 0;}

@media (max-width:580px) {
    div.col-xs-12 {
        padding:inherit !important;
        height: inherit !important;
    }
}

img.img-responsive.icon {
    max-width:inherit;
}

.table>tbody>tr>td {
    border-top: inherit;
}

div#navbar.navbar-collapse.collapse {
    font-family: 'LatoWebLight', sans-serif;
    font-weight: normal;
    background: #425563;
    outline: 0;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    padding-bottom: 0;
    z-index: 100;
    font-size: 12px;

}

td.no-margin {
    margin: inherit !important;
    padding: inherit !important;
    vertical-align: inherit !important;
}

.navbar-collapse.collapse.in {
    position: relative;
}

div.navbar-header {
    min-height:80px;
    background: #425563;
    z-index: 1;
    position: relative
}

div.container-fluid {
    background: #425563;
}

div.col-xs-4.margin {
    margin: 0 0 5px;
}

nav.navbar.navbar-default {
    height:80px;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-right: 5px;
    }
}

.navbar-brand>img {
    height:50px;
    margin-top: 10px;
}

a.navbar-brand {
    padding: 5px 15px;
    margin-left: inherit !important;
}

.nav-tabs>li>a {
    color: #393939;
    font-weight: 600;
}

    /*end new */
    .navbar-default {
    border-color: #e6e6e6;
    background-color: #fff;
    border-radius: inherit;
    border: inherit;
}
    .navbar-collapse {background-color:#e6e6e6;
}

    .navbar{
    margin-bottom:inherit;
}

    .navbar-default .navbar-nav > li > a {
    line-height: 1.7em;
    color: #C6C9CA;
}
    .navbar-default .navbar-nav > li > a:hover {
    line-height: 1.7em;
    color: #ffffff;
}

    .nav.navbar-nav.navbar-left.nav-pills {
    margin-top: 30px;
}


@media (min-width:1200px) {
    .container {
        width: 970px
    }
}

@media (max-width:768px) {
    .navbar-brand > img {
    margin-left: 20px;
}
}

.col-sm-12{
    position: inherit;
}

i.fa.fa-arrow-circle-right {
    color:#00B388;
    font-size:20px;
    margin-right:10px;
    margin-left:10px;
}

.fa.fa-square {
    color: #d7ddd0;
    font-size: 8px;
    transform: inherit;
    margin-right: 10px;
    padding-top:30px;
    margin-left:10px;
}

a{
    color: #5a5a5a;
    text-decoration: none;
}

a:focus, a:hover {
    color: #5a5a5a;
    text-decoration: none;
}

.icon-arrow-bottom::before, .icon-arrow-circle-right::before, .icon-arrow-left::before, .icon-arrow-link-right::before, .icon-arrow-pointer-left::before, .icon-arrow-right::before, .icon-arrow-top::before, .icon-camera_icon::before, .icon-download::before, .icon-downloader-embed-code::before, .icon-link-external::before, .icon-nav-close-menu::before, .icon-nav-contact::before, .icon-nav-contrast::before, .icon-nav-glass-search::before, .icon-nav-glass-zoom-in::before, .icon-nav-lang::before, .icon-nav-login::before, .icon-nav-menu-mobile::before, .icon-play-btn-black::before, .icon-play-btn::before, .icon-plus-sign::before, .icon-print-btn::before, .icon-questionmark-circle-close::before, .icon-quote-circle-open::before, .icon-search-advanced::before, .icon-share-global::before, .icon-social-askfm::before, .icon-social-facebook::before, .icon-social-googleplus::before, .icon-social-gree::before, .icon-social-instagram::before, .icon-social-linkedin::before, .icon-social-mail::before, .icon-social-mixi::before, .icon-social-qzone::before, .icon-social-reddit::before, .icon-social-renren::before, .icon-social-tencentwrbo::before, .icon-social-twitter::before, .icon-social-weibo::before, .icon-social-youtube::before, .icon-toggle-circle-close::before, .icon-toggle-circle-open::before, .icon-video_icon::before, [data-icon]::before {
    display:inline-block;
    font-family:hpe-glyphicons;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    line-height:1;
    text-decoration:inherit;
    text-rendering:optimizeLegibility;
    text-transform:none;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
}

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
}


@media (min-width:560px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
    .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

/* modal */
.modal-body {
    height: 600px;
    overflow: auto;
}


.modal-backdrop {
    background-color: #fff;
}

.modal-backdrop.fade.in
{
    opacity: .8;
}