#menu, img {
    -webkit-user-select: none;
    -ms-user-select: none
}

.breadcrumb::after, .clear, .timeline > li:after {
    clear: both
}

.fa, .fa-stack, .form-control {
    display: inline-block
}

.preloader, .sections {
    overflow: hidden !important
}

#header nav, h2, h4 {
    text-transform: uppercase
}

.btn, .fa-fw, .fa-li {
    text-align: center
}

body, html {
    background-color: #fff;
    font-size: 16px;
    color: #5a5a5a;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    font-weight: 300;
    width: 100%;
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%
}

.background-color-white, .form-control {
    background-color: #fff
}

.loaded {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    margin: -20px 0 0 -20px
}

.fa.fa-pull-left, .fa.pull-left {
    margin-right: .3em
}

img {
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    max-width: 100%
}

a, a:active, a:focus, a:hover {
    text-decoration: none;
    outline: 0
}

    a, a span, button {
        -webkit-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

.btn:active, .btn:focus {
    outline: inherit
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#header nav, #header nav a[href="#menu"]:before, h1, h2, h3, h4 {
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa.fa-pull-right, .fa.pull-right {
    margin-left: .3em
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right, .pull-right {
    float: right
}

.pull-left {
    float: left
}

h1, h2, h3, h4, h5 {
    margin: 0;
    font-weight: 300
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    transform: scale(1,-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-cog:before, .fa-gear:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\f0dc"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\f150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\f151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\f152"
}

.fa-eur:before, .fa-euro:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\f156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\f157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\f158"
}

.fa-krw:before, .fa-won:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-slack:before {
    content: "\f198"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\f19c"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\f19d"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-pied-piper:before {
    content: "\f1a7"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-spoon:before {
    content: "\f1b1"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-file-pdf-o:before {
    content: "\f1c1"
}

.fa-file-word-o:before {
    content: "\f1c2"
}

.fa-file-excel-o:before {
    content: "\f1c3"
}

.fa-file-powerpoint-o:before {
    content: "\f1c4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\f1c5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\f1c6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\f1c7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}

.fa-file-code-o:before {
    content: "\f1c9"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\f1cd"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}

.fa-empire:before, .fa-ge:before {
    content: "\f1d1"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\f1d4"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\f1d8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\f1d9"
}

.fa-history:before {
    content: "\f1da"
}

.fa-circle-thin:before {
    content: "\f1db"
}

.fa-header:before {
    content: "\f1dc"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-sliders:before {
    content: "\f1de"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\f1e3"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-newspaper-o:before {
    content: "\f1ea"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bell-slash-o:before {
    content: "\f1f7"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-eyedropper:before {
    content: "\f1fb"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-area-chart:before {
    content: "\f1fe"
}

.fa-pie-chart:before {
    content: "\f200"
}

.fa-line-chart:before {
    content: "\f201"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bus:before {
    content: "\f207"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-cc:before {
    content: "\f20a"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\f20b"
}

.fa-meanpath:before {
    content: "\f20c"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-venus:before {
    content: "\f221"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-server:before {
    content: "\f233"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\f236"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-train:before {
    content: "\f238"
}

.fa-subway:before {
    content: "\f239"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\f23b"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-battery-4:before, .fa-battery-full:before {
    content: "\f240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\f242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\f244"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-sticky-note-o:before {
    content: "\f24a"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-hourglass-o:before {
    content: "\f250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\f251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\f255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\f256"
}

.fa-hand-scissors-o:before {
    content: "\f257"
}

.fa-hand-lizard-o:before {
    content: "\f258"
}

.fa-hand-spock-o:before {
    content: "\f259"
}

.fa-hand-pointer-o:before {
    content: "\f25a"
}

.fa-hand-peace-o:before {
    content: "\f25b"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-safari:before {
    content: "\f267"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-television:before, .fa-tv:before {
    content: "\f26c"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-500px:before {
    content: "\f26e"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-calendar-plus-o:before {
    content: "\f271"
}

.fa-calendar-minus-o:before {
    content: "\f272"
}

.fa-calendar-times-o:before {
    content: "\f273"
}

.fa-calendar-check-o:before {
    content: "\f274"
}

.fa-industry:before {
    content: "\f275"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-map-o:before {
    content: "\f278"
}

.fa-map:before {
    content: "\f279"
}

.fa-commenting:before {
    content: "\f27a"
}

.fa-commenting-o:before {
    content: "\f27b"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-vimeo:before {
    content: "\f27d"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-fonticons:before {
    content: "\f280"
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.uneditable-input, 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], textarea {
    outline: 0
}

.form-control {
    height: 38px;
    padding: 10px 2px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-image: none;
    border: 0 solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-bottom: 2px solid #ddd;
    max-width: 100%;
    min-width: 100%
}

h4, h5, p {
    line-height: 2rem
}

.form-control:focus {
    border-color: #bcefeb;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075),0 0 0 rgba(102,175,233,.6);
    box-shadow: inset 0 0 0 rgba(0,0,0,.075),0 0 0 rgba(102,175,233,.6)
}

h1 {
    font-size: 5.143rem;
    line-height: 5.5rem;
    color: #fff;
    letter-spacing: .4rem
}

h2 {
    font-size: 2.571rem;
    line-height: 3rem
}

h3 {
    font-size: 1.714rem;
    line-height: 2.5rem;
    color: #5a5a5a
}

h4 {
    font-size: 1.286rem;
    margin-bottom: 1rem
}

p {
    margin: 0 0 15px
}

    p:last-child {
        margin-bottom: 0
    }

.home-wrap h2, .home-wrap h3, .home-wrap h4, .home-wrap h5, .home-wrap p, .textwhite {
    color: #fff
}

.coloricon i, .colorstext {
    color: #5e9a28
}

.colorsbg {
    background: #5e9a28;
    color: #fff
}

.lightbg {
    background-color: #f9f9f9
}

.transition {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}

.outofsectiontext {
    margin-top: 40px
}

.sections {
    padding-top: 35px;
    padding-bottom: 105px
}

    .sections.footer {
        padding-bottom: 80px
    }

section .subtitle h5 {
    margin-top: 10px;
    font-size: 1.3rem
}

.parallax-section {
    max-width: 100%;
    color: #fff
}

section .title-half h2 {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 300;
    margin-bottom: 1.4rem
}

section .subtitle-half h5 {
    font-weight: 100;
    font-size: 17px
}

ul {
    margin: 0;
    /*list-style: none*/
}

.heading {
    margin-bottom: 4rem
}

.overlay {
    background-color: rgba(41,39,34,.75);
    width: 100%;
    height: 100%
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important
}

.fluid-blocks-col {
    padding: 70px 40px 0 80px
}

.fluid-blocks-col-right {
    padding: 70px 80px 0 40px
}

.separator {
    width: 10px;
    height: 10px;
    margin: 20px auto;
    background: #279fda;
    position: relative;
    display: inline-block;
    border-radius: 50%
}

    .separator:after, .separator:before {
        position: absolute;
        bottom: 4px;
        height: 1px;
        width: 80px;
        content: "";
        background: #eee;
        display: inline-block
    }

    .separator:after {
        left: 5%;
        margin-left: 20px
    }

    .separator:before {
        right: 5%;
        margin-right: 20px
    }

.separator2 {
    height: 4px;
    width: 40px;
    margin: 10px 0;
    background: #eee;
    position: relative
}

.separator3 {
    height: 2px;
    width: 40px;
    margin: 20px auto;
    background: #888
}

.separator4 {
    height: 2px;
    width: 30px;
    margin: 20px 0;
    background: #f38181
}

.divider {
    height: 1px;
    background: #eee;
    width: 100%;
    overflow: hidden
}

.width_100, .width_100 > li, .width_100 > li > a {
    width: 100% !important
}

.btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.focus, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    /*background-color: #e74c3c;
    border-color: #e74c3c*/
}

.btn {
    display: inline-block;
    min-width: 150px;
    color: #fff;
    letter-spacing: 1px;
    margin: 20px 0 0;
    padding: .8rem 3rem;
    transition: all .6s;
    border-radius: 2px
}

.btn-default, .btn-lg {
    padding: 1.125rem 3rem
}

.btn:hover {
    box-shadow: 0 2px 2px 1px rgba(221,221,221,.6);
    color: #fff
}

.btn-default {
    background: 0 0;
    border: 1px solid #fff
}

    .btn-default:hover {
        background: #e74c3c;
        border: 1px solid #e74c3c
    }

.btn-lg {
    background: #279fda
}

.btn-md {
    background: #797979;
    padding: 1rem 2rem;
    border: 1px solid transparent
}

.margin-top-20 {
    margin-top: 20px
}

.margin-bottom-20 {
    margin-bottom: 20px;
    padding-left: 0
}

.margin-left-right {
    margin-left: 5px;
    margin-right: 5px
}

.margin-top-40 {
    margin-top: 40px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-top-60 {
    margin-top: 60px
}

.margin-80, .margin-top-80 {
    margin-top: 80px
}

.margin-80 {
    margin-bottom: 80px
}

.margin-bottom-60 {
    margin-bottom: 60px
}

.margin-bottom-80 {
    margin-bottom: 80px
}

.m_t_10 {
    margin-right: 10px
}

.padding-top-20 {
    padding-top: 1.33rem
}

.padding-bottom-20 {
    padding-bottom: 1.33rem
}

.padding-top-40 {
    padding-top: 2.66rem
}

.padding-bottom-40 {
    padding-bottom: 2.66rem
}

.padding-top-60 {
    padding-top: 5rem
}

.padding-bottom-60 {
    padding-bottom: 5rem
}

.padding-top-90 {
    padding-top: 6.429rem
}

.padding-bottom-90 {
    padding-bottom: 6.429rem
}

.padding-bottom-0 {
    padding-bottom: 0
}

.p_l_r {
    padding-left: 5.714rem;
    padding-right: 5.714rem
}

.padding-twenty {
    padding: 10px 0
}

.padding-fourty {
    padding: 20px 0
}

.padding-sixty {
    padding: 30px 0
}

.padding-eighty {
    padding: 40px 0
}

h1 span {
    color: #5e9a28;
    font-weight: 400
}

input::-webkit-input-placeholder {
    color: #ddd
}

input::-moz-placeholder {
    color: #ddd
}

input::-ms-input-placeholder {
    color: #ddd
}

.menu-scroll {
    background: url(/images/texture.png) #4f5050;
    opacity: .95;
    padding-top: 0;
    padding-bottom: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    height: 75px
}

.scrooldown, .scrooldown2 {
    position: absolute;
    left: 48.5%
}

.main_menu_bg {
    margin-top: 0;
    z-index: 999
}

.width_100 > li > a {
    border-bottom: 1px solid #f8f8f8
}

@media (max-width:991px) and (min-width:768px) {
    .navbar-collapse.collapse.in {
        margin-top: 0;
        background-color: #fff;
        overflow-y: scroll !important
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        margin-left: 20px
    }
}

.main_menu_bg .navbar-default {
    background-color: transparent;
    border-color: transparent;
    transition: all .6s;
    margin: 15px auto
}

    .main_menu_bg .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #e74c3c;
        border-bottom: 1px solid #e74c3c;
        background: 0 0
    }

.main_menu_bg .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: .875rem;
    color: #000
}

.navbar-brand {
    padding: 0 15px
}

    .navbar-brand > img:hover {
        -webkit-animation: spin 3s linear infinite;
        -moz-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite
    }

@-moz-keyframes spin {
    50% {
        -moz-transform: rotateY(90deg)
    }
}

@-webkit-keyframes spin {
    50% {
        -webkit-transform: rotateY(90deg)
    }
}

@keyframes spin {
    50% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
}

#energetyka:after, #kwadrat:hover, #monitoring:after {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

#kwadrat:hover {
    -ms-transform-origin: 20% 40%;
    -webkit-transform-origin: 20% 40%;
    transform: rotate(45deg);
    transform-origin: 20% 40%
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #f5c239;
    border-bottom: 1px solid #f5c239
}

.dropdown-menu {
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-top: 0 solid rgba(0,0,0,.15);
    border-bottom: 1px solid rgba(0,0,0,.15);
    border-left: 1px solid rgba(0,0,0,.15);
    border-right: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,.175);
    box-shadow: 0 0 0
}

#menu, #menu .close, .scrooldown, .scrooldown2 {
    text-align: center
}

.scrooldown {
    bottom: -2%;
    width: 40px;
    height: 40px;
    line-height: 48px;
    background: #f4f5f9;
    border-radius: 50%;
    z-index: 9
}

.main_home_slider i, .scrooldown2 {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.scrooldown a i {
    font-size: 1.5rem;
    color: #e74c3c
}

.scrooldown2 {
    bottom: 60px;
    z-index: 9;
    color: #000;
    background: #716a65;
    float: right;
    transition: all .6s;
    right: 0
}

    .scrooldown2 a i {
        color: #000
    }

    .scrooldown2:hover > a i {
        color: #fff
    }

    .scrooldown2:hover {
        background: #279fda
    }

.arroww {
    bottom: 20px;
    left: 50%;
    margin-left: -20px
}

.bouncee {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce
}

.animatedd {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px)
    }
}

@-moz-keyframes bounce {
    0%,100%,20%,50%,80% {
        -moz-transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px)
    }
}

@-o-keyframes bounce {
    0%,100%,20%,50%,80% {
        -o-transform: translateY(0)
    }

    40% {
        -o-transform: translateY(-30px)
    }

    60% {
        -o-transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.culmn {
    width: 100%;
    overflow: hidden
}

.head_title {
    margin-bottom: 30px
}

    .head_title h3 {
        color: #413d4b
    }

    .head_title .subtitle {
        margin-top: 30px
    }

.home {
    background: url(../images/homebg.jpg) center center no-repeat;
    background-size: cover
}

.home_skew_border {
    position: relative
}

    .home_skew_border:after, .home_skew_border:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-bottom: 86px solid #fff;
        bottom: 0
    }

    .home_skew_border:after {
        left: 0;
        border-right: 680px solid transparent
    }

    .home_skew_border:before {
        right: 0;
        border-left: 680px solid transparent
    }

.main_home {
    padding-top: 40px;
    padding-bottom: 70px;
    display: block;
}

    .main_home h1 {
        color: #fff;
        margin-bottom: 20px
    }

    .main_home p {
        color: #fff;
        max-width: 60%;
        margin: 0 auto;
        padding-bottom: 30px;
        font-size: 1.125rem
    }

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color: #fff;
    outline: 0;
    background: #e74c3c
}

.slick-arrow {
    background: #ddd;
    color: #000
}

.main_home_slider i {
    color: #fff;
    background: #e74c3c
}

    .main_home_slider i.nextprevleft, .main_home_slider i.nextprevright {
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #000;
        background: #716a65;
        z-index: 100;
        top: 400px;
        transition: all .6s;
        position: absolute
    }

    .main_home_slider i.nextprevleft {
        float: left;
        left: 0
    }

    .main_home_slider i.nextprevright {
        float: right;
        right: 0
    }

#header nav a[href="#menu"], #kontakt, #skills {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.main_home_slider i.nextprevleft:hover, .main_home_slider i.nextprevright:hover {
    color: #fff;
    background: #279fda
}

body.is-menu-visible #page-wrapper {
    -moz-filter: blur(1.5px);
    -webkit-filter: blur(1.5px);
    -ms-filter: blur(1.5px);
    filter: blur(1.5px)
}

body.is-menu-visible #menu {
    -moz-pointer-events: auto;
    -webkit-pointer-events: auto;
    -ms-pointer-events: auto;
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}

    body.is-menu-visible #menu .inner {
        background: url(/images/texture.png) #fff;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

#header nav {
    font-size: .8em;
    font-weight: 700;
    height: 3em;
    letter-spacing: .1em;
    line-height: 3em;
    position: absolute;
    right: .7em;
    top: .7em
}

    #header nav a {
        border: 0;
        display: inline-block;
        padding: 0 1em;
        color: #fff
    }

        #header nav a:before {
            float: right;
            margin-left: .75em
        }

        #header nav a[href="#menu"] {
            text-decoration: none;
            transition: all .4s ease-in-out;
            border-radius: 0;
            border: 1px solid #fff;
            padding: 0 1.35em
        }

            #header nav a[href="#menu"]:before {
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                font-style: normal;
                font-weight: 400;
                text-transform: none !important
            }

            #header nav a[href="#menu"]:hover {
                background-color: rgba(255,255,255,.025)
            }

            #header nav a[href="#menu"]:active {
                background-color: rgba(255,255,255,.075)
            }

#page-wrapper {
    -moz-transition: -moz-filter .25s ease;
    -webkit-transition: -webkit-filter .25s ease;
    -ms-transition: -ms-filter .25s ease;
    transition: filter .25s ease
}

.dashed-line {
    border-top: 1px dashed #a8a8a8
}

#menu {
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -moz-pointer-events: none;
    -webkit-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none;
    -moz-transition: opacity .35s ease,visibility .35s;
    -webkit-transition: opacity .35s ease,visibility .35s;
    -ms-transition: opacity .35s ease,visibility .35s;
    transition: opacity .35s ease,visibility .35s;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: rgba(41,42,42,.8);
    cursor: default;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 999
}

.podmenu-show {
    display: block
}

#podlista, #podlista1 {
    display: none
}

#menu .inner {
    padding: 2.5em 1.5em .5em;
    -moz-transform: translateY(.5em);
    -webkit-transform: translateY(.5em);
    -ms-transform: translateY(.5em);
    transform: translateY(.5em);
    -moz-transition: opacity .35s ease,-moz-transform .35s ease;
    -webkit-transition: opacity .35s ease,-webkit-transform .35s ease;
    -ms-transition: opacity .35s ease,-ms-transform .35s ease;
    transition: opacity .35s ease,transform .35s ease;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border-radius: 0;
    display: block;
    max-width: 100%;
    opacity: 0;
    position: initial;
    width: 20em
}

#menu .close, .main_clogo, .main_pricing_area, .single_img, .single_img img {
    overflow: hidden
}

#menu h2 {
    color: #333;
    border-bottom: solid 2px #333;
    padding-bottom: 1em
}

#menu .close {
    background-image: url(../images/close.svg);
    background-position: 75% 25%;
    background-repeat: no-repeat;
    background-size: 2em 2em;
    border: 0;
    content: '';
    display: block;
    height: 4em;
    position: absolute;
    right: 0;
    top: 0;
    width: 4em
}

#menu .links li a, #menu .links2 li a {
    border-radius: 0;
    display: block;
    letter-spacing: .1em;
    color: #333;
    text-transform: uppercase;
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif
}

#menu .links {
    list-style: none;
    margin-bottom: 1.5em;
    padding: 0
}

    #menu .links li {
        padding: 0
    }

        #menu .links li a {
            font-size: 14px;
            font-weight: 200;
            line-height: 1.85em;
            padding: .75em 0;
            border-bottom: solid 2px rgba(39,159,218,0)
        }

            #menu .links li a:hover, #menu .links2 li a:hover {
                border-bottom: solid 2px #279fda
            }

            #menu .links li a.active, #menu .links li.active a {
                font-weight: 700
            }

#menu .links2 {
    list-style: none;
    padding: 0
}

    #menu .links2 li {
        padding: 0
    }

        #menu .links2 li a {
            font-size: 10px;
            font-weight: 200
        }

            #menu .links2 li a.active {
                font-weight: 700
            }

.link_color_gray {
    color: #797979
}

.cd-breadcrumb, .cd-multi-steps {
    width: 90%;
    max-width: 768px;
    padding: .5em 1em;
    margin-bottom: 0
}

    .cd-breadcrumb:after, .cd-multi-steps:after {
        content: "";
        display: table;
        clear: both
    }

    .cd-breadcrumb li, .cd-multi-steps li {
        display: inline-block;
        float: left;
        margin: .5em 0
    }

        .cd-breadcrumb li::after, .cd-multi-steps li::after {
            display: inline-block;
            content: '\00bb';
            margin: 0 .6em;
            color: #959fa5;
            vertical-align: text-bottom
        }

        .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
            display: none
        }

        .cd-breadcrumb li > *, .cd-multi-steps li > * {
            display: inline-block;
            font-size: 1.1rem;
            color: #2c3f4c
        }

        .cd-breadcrumb li.current > *, .cd-multi-steps li.current > *, .no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
            color: #279fda
        }

    .cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
        content: '';
        height: 16px;
        width: 16px;
        background: url(../img/cd-custom-separator.svg) center center no-repeat;
        vertical-align: middle
    }

.head_title h2 {
    border-left: 6px solid #279fda;
    padding-left: 30px;
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 2.571rem;
    line-height: 3rem;
    text-transform: uppercase
}

@media only screen and (max-width:768px) {
    .head_title h2 {
        font-size: 1.4rem;
        font-weight: bolder
    }
}

.timeline {
    list-style: none;
    padding: 0;
    position: relative
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: "";
        width: 2px;
        background-color: #279fda;
        left: 40px;
        margin-left: -1.5px
    }

    .timeline > li {
        margin-bottom: 50px;
        position: relative;
        min-height: 50px
    }

        .timeline .timeline-body > p, .timeline .timeline-body > ul, .timeline > li:last-child {
            margin-bottom: 0
        }

        .timeline > li:after, .timeline > li:before {
            content: " ";
            display: table
        }

        .timeline > li .timeline-panel {
            width: 100%;
            float: right;
            padding: 0 20px 0 100px;
            position: relative;
            text-align: left
        }

            .timeline > li .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto
            }

            .timeline > li .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto
            }

        .timeline > li .timeline-image {
            left: 0;
            margin-left: 0;
            width: 80px;
            height: 80px;
            position: absolute;
            z-index: 100;
            background-color: #279fda;
            color: #fff;
            border-radius: 100%;
            border: 3px solid #279fda;
            text-align: center
        }

            .timeline > li .timeline-image h4 {
                font-size: 10px;
                margin-top: 12px;
                line-height: 14px
            }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
            text-align: left;
            padding: 0 20px 0 100px
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto
            }

    .timeline .timeline-heading h4 {
        margin-top: 0;
        color: inherit
    }

        .timeline .timeline-heading h4.subheading {
            text-transform: none
        }

@media (min-width:768px) {
    .timeline:before {
        left: 50%
    }

    .timeline > li {
        margin-bottom: 100px;
        min-height: 100px
    }

        .timeline > li .timeline-panel {
            width: 41%;
            float: left;
            padding: 0 20px 20px 30px;
            text-align: right
        }

        .timeline > li .timeline-image {
            width: 100px;
            height: 100px;
            left: 50%;
            margin-left: -50px
        }

            .timeline > li .timeline-image h4 {
                font-size: 13px;
                margin-top: 16px;
                line-height: 18px
            }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
            text-align: left;
            padding: 0 30px 20px 20px
        }
}

@media (min-width:992px) {
    .timeline > li .timeline-panel, .timeline > li.timeline-inverted > .timeline-panel {
        padding: 0 20px 20px
    }

    .timeline > li {
        min-height: 150px
    }

        .timeline > li .timeline-image {
            width: 150px;
            height: 150px;
            margin-left: -75px
        }

            .timeline > li .timeline-image h4 {
                font-size: 18px;
                margin-top: 30px;
                line-height: 26px
            }
}

@media (min-width:1200px) {
    .timeline > li {
        min-height: 170px
    }

        .timeline > li .timeline-panel {
            padding: 0 20px 20px 100px
        }

        .timeline > li .timeline-image {
            width: 170px;
            height: 170px;
            margin-left: -85px
        }

            .timeline > li .timeline-image h4 {
                margin-top: 40px
            }

        .timeline > li.timeline-inverted > .timeline-panel {
            padding: 0 100px 20px 20px
        }
}

#RandD:after, #energetyka:after, #monitoring:after, #uslugi_it:after {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    bottom: -50px;
    left: 50%;
    margin-left: -50px;
    z-index: 1;
    display: block
}

.one-item > .contact_info_content i {
    opacity: .8
}

.one-item :hover {
    background-color: #fff
}

    .one-item :hover i {
        -webkit-transform: rotate(0) scale(1.4);
        transform: rotate(10deg) scale(1.4);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: 1;
        background: 0 0
    }

.one-item img {
    max-height: 80px;
}

.one-item :hover img {
    -webkit-transform: rotate(0) scale(1.4);
    transform: rotate(10deg) scale(1.4);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1;
    background: 0 0
}

#info4, #kontakt, #skills, #uslugi_it {
    background-size: auto,cover;
    background-attachment: fixed;
    background-position: center,center;
    background-repeat: no-repeat;
    color: #fff
}

.progress-bar {
    background-color: #279fda
}

.skills p {
    font-size: 18px
}

#kontakt, #skills {
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to top,rgba(53,55,67,.71),rgba(46,49,65,1)),url(../images/homebg.jpg);
    padding: 10em 0 4.75em
}

#RandD, #info, #info4, #uslugi_it {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

#info4, #uslugi_it {
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to top,rgba(53,55,67,.71),rgba(46,49,65,1)),url(../images/pobrane.jpg);
    position: relative;
    text-align: center
}

#RandD, #info {
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to top,rgba(53,55,67,.71),rgba(46,49,65,1)),url(../images/randd.png);
    background-size: auto,cover;
    background-attachment: fixed;
    background-position: center,center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    text-align: center
}

#energetyka, #info2, #info3, #monitoring {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    color: #fff;
    position: relative;
    text-align: center;
    background-size: auto,cover;
    background-attachment: fixed;
    background-position: center,center;
    background-repeat: no-repeat
}

#info2, #monitoring {
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to top,rgba(53,55,67,.71),rgba(46,49,65,1)),url(../images/222.jpg)
}

#energetyka, #info3 {
    transition: all .4s ease-in-out;
    background-image: linear-gradient(to top,rgba(53,55,67,.71),rgba(46,49,65,1)),url(../images/linia_energetyczna.png)
}

    #energetyka:after, #monitoring:after {
        background-color: #f7f7f7;
        transform: rotate(45deg)
    }

#dzialalnosc, .btn-secondary.disabled, .btn-secondary:disabled, .card {
    background-color: #fff
}

#RandD:after, #uslugi_it:after {
    background-color: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#history {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-image: url(../images/bg.png);
    background-size: auto,cover;
    background-attachment: fixed;
    background-position: center,center;
    background-repeat: no-repeat;
    padding: 10em 0 4.75em
}

.card-subtitle {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.1;
    padding: 5px;
    -webkit-margin-before: 1.33em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin-top: 0px;
    padding-top: 0px;
    overflow: hidden;
    height: 65px;
    color: #5a5a5a;
}

.card-text {
    height: 44px
}

.card-list, .h-100 {
    height: 100% !important
}

.sb-preview {
    margin-bottom: 30px;
    display: block
}

.card, .card-list {
    display: flex;
    position: relative
}

.text-center {
    text-align: center !important
}

.sb-preview .card {
    background: #fff
}

.card {
    flex-direction: column;
    border: 1px solid #c3c3c3;
    border-radius: 1rem
}

.btn-secondary:focus, .btn-secondary:hover {
    border-bottom: solid 1px #fff
}

.card-list {
    flex-direction: column
}

.h-100 {
    box-shadow: 0 0 5px #cecece
}

.sb-preview .card .sb-preview-img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-filter: grayscale(20%);
    filter: grayscale(20%)
}

    .sb-preview .card .sb-preview-img:hover {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .9;
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

.card-img-top {
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px)
}

.img-fluid {
    width: 50%;
    height: auto
}

.img-fluid2 {
    width: 90%;
    height: auto
}

.sb-preview .card .card-footer .btn {
    font-size: 16px;
    width: 100%
}

.btn-secondary {
    color: #292b2c;
    margin: 0 0 20px
}

    .btn-secondary:hover {
        color: #fff
    }

    .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
        color: #292b2c;
        background-color: #e6e6e6;
        background-image: none;
        border-color: #adadad
    }

@media (min-width:576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0;
            flex-direction: column
        }

            .card-deck .card:not(:first-child) {
                margin-left: 15px
            }

            .card-deck .card:not(:last-child) {
                margin-right: 15px
            }

    .card-group {
        display: flex;
        flex-flow: row wrap
    }

        .card-group .card {
            flex: 1 0 0
        }

            .card-group .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group .card:first-child {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0
            }

                .card-group .card:first-child .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group .card:last-child {
                border-bottom-left-radius: 0;
                border-top-left-radius: 0
            }

                .card-group .card:last-child .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group .card:last-child .card-img-bottom {
                    border-bottom-left-radius: 0
                }

            .card-group .card:not(:first-child):not(:last-child), .card-group .card:not(:first-child):not(:last-child) .card-img-bottom, .card-group .card:not(:first-child):not(:last-child) .card-img-top {
                border-radius: 0
            }

    .card-columns {
        column-count: 3;
        column-gap: 1.25rem
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
            margin-bottom: .75rem
        }
}

.breadcrumb {
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem
}

    .breadcrumb::after {
        display: block;
        content: ""
    }

.sb-preview .card .card-footer {
    background: 0 0;
    border: 0;
    border-radius: 1rem
}

.btn-secondary {
    border-bottom: 3px solid #ccc
}

.btn {
    font-size: 14px;
    border: 0;
    text-transform: uppercase;
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700
}

.szkolenia_img img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    opacity: .8
}

.szkolenia_img:hover img {
    -webkit-transform: rotate(0) scale(1.2);
    transform: rotate(0) scale(1.2);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1
}

.strengths_icon:hover {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s
}

@-webkit-keyframes flash {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

.outer-div {
    height: 150px
}

.inner {
    position: relative;
    top: 40%;
    transform: translateY(-45%)
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.text_justify {
    text-align: justify
}

.img_center img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.lab_icon img {
    max-width: 80%;
    display: block;
    margin: 40px auto
}

.panel-group .panel {
    border-radius: 0 !important
}

.panel-default {
    margin-bottom: 10px !important
}

.software_img img {
    align-items: flex-end;
    height: auto
}

.software_small_img img {
    height: 200px
}

.buttons .btn {
    width: 100%
}

.single_img {
    height: auto;
    width: 100%;
    position: relative;
    margin: 10px
}

    .single_img img {
        position: relative;
        width: auto;
        min-height: 100%
    }

.modal-body, .modal-footer {
    min-height: 40px
}

.single_img:hover .grid_item_ooverlay {
    opacity: 1
}

.grid_item_ooverlay {
    transform: scale(1.3);
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    background: rgba(39,159,218,.55);
    opacity: 0;
    color: #fff;
    padding: 20px;
    transition: .6s;
    z-index: 99
}

.main_service .single_service_img, .single_portfolio, .svg-wrapper, .text {
    position: relative
}

.grid_item_ooverlay a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    background: 0 0
}

.grid_item_ooverlay a:hover i {
    color: #e74c3c;
    background: #fff
}

.svg-wrapper {
    height: 60px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    width: 320px
}

.shape {
    fill: transparent;
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    stroke-width: 8px;
    stroke: #279fda
}

.text {
    color: #fff;
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    letter-spacing: 8px;
    line-height: 32px;
    top: -48px
}

@keyframes draw {
    0% {
        stroke-dasharray: 140 540;
        stroke-dashoffset: -474;
        stroke-width: 8px
    }

    100% {
        stroke-dasharray: 760;
        stroke-dashoffset: 0;
        stroke-width: 2px
    }
}

.svg-wrapper:hover .shape {
    -webkit-animation: .5s draw linear forwards;
    animation: .5s draw linear forwards
}

.faqHeader {
    font-size: 27px;
    margin: 20px
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e113";
    float: right;
    color: #279fda
}

.contact_text, .main_service .single_service.single_service_text .single_service_right_text p, .main_testimonial .single_testimonial .single_test_author h4 span, .pricing_head .pricing_price .m_t, .pricing_head .pricing_price .p_r, .single_pricing ul li, button.btn-md {
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\e114";
    color: #454444
}

.main_feature .single_feature:hover .single_feature_icon {
    border-color: #e74c3c;
    transform: rotate(45deg)
}

    .main_feature .single_feature:hover .single_feature_icon i {
        transform: rotate(-45deg)
    }

.main_feature .single_feature:hover h4 {
    color: #e74c3c
}

.main_feature .single_feature .single_feature_icon {
    border: 1px solid #ddd;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 20px auto;
    transition: all .6s
}

.main_feature .single_feature i {
    margin-bottom: 30px;
    color: #e74c3c;
    transition: all .6s
}

.main_feature .single_feature h4 {
    transition: all .6s
}

.main_history .single_history_content .head_title h2 {
    border-left: 6px solid #279fda;
    padding-left: 30px
}

.main_service .head_title {
    padding: 100px 0 40px;
    margin-bottom: 0
}

    .main_service .head_title h2 {
        margin-right: 12%;
        border-right: 6px solid #e74c3c;
        color: #fff;
        padding-right: 5%
    }

.main_service .single_service_img {
    height: 676px
}

    .main_service .single_service_img img {
        width: 100%;
        height: 100%
    }

.main_service .single_service.single_service_text {
    margin-right: 0;
    background: #202020
}

    .main_service .single_service.single_service_text .single_service_icon i {
        background: #f4f5f9;
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        color: #e74c3c;
        position: relative;
        z-index: 9;
        border: 5px solid rgba(0,0,0,.2);
        border-radius: 50%;
        font-size: 1.875rem
    }

    .main_service .single_service.single_service_text .single_service_right_text {
        width: 96%
    }

        .main_service .single_service.single_service_text .single_service_right_text h4 {
            color: #e74c3c
        }

        .main_service .single_service.single_service_text .single_service_right_text p {
            color: #999
        }

.btn-md.active, .btn-md:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.125);
    box-shadow: inset 0 0 0 rgba(0,0,0,.125)
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, button.btn-md:focus {
    outline: 0;
    color: #279fda
}

button.btn-md {
    text-align: center;
    color: #444;
    letter-spacing: 1px;
    margin: 0;
    font-size: .8125rem;
    border-radius: 0;
    background-color: transparent;
    transition: .5s;
    border: 0 solid #279fda
}

    button.btn-md:hover {
        background-color: transparent;
        color: #279fda;
        text-decoration: none;
        border: 0 solid #f4720a
    }

.portfolio .toolbar {
    margin-bottom: 50px
}

.fa-ul {
    text-align: left
}

#portfoliowork {
    padding-left: 20px;
    padding-right: 20px;
    margin: 1rem 0;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-width: 33.333333333333%;
    -moz-column-width: 33.333333333333%;
    column-width: 33.333333333333%
}

.tile {
    display: none
}

.test {
    margin-left: 10px;
    margin-right: 10px;
    column-width: inherit;
    display: block !important
}

.scale-anm {
    margin: 0 0 10px;
    width: 100%
}

.tile img {
    height: auto;
    display: inline-block;
    width: 100px
}

.single_portfolio:hover .grid_item_overlay {
    opacity: 1
}

.grid_item_overlay {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    background: rgba(231,76,60,.6);
    color: #fff;
    padding: 35% 20px 20px;
    opacity: 0;
    transition: .6s;
    z-index: 99
}

.pricing_head, .single_study_right_img {
    position: relative
}

.g_overlay_1 {
    padding-top: 16%
}

.g_overlay_2 {
    padding-top: 85%
}

.grid_item_overlay a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    background: 0 0
}

.grid_item_overlay a:hover i {
    color: #e74c3c;
    background: #fff
}

.logo_element {
    padding: .3rem;
    animation-name: szerokosc;
    animation-duration: 10s;
    animation-iteration-count: infinite
}

    .logo_element:hover {
        padding: .1rem
    }

@keyframes szerokosc {
    0% {
        transform: rotate(0);
        padding: .3em
    }

    5% {
        transform: rotate(0);
        padding: 2rem
    }

    10% {
        transform: rotate(360deg);
        padding: 2rem
    }

    100%,15% {
        transform: rotate(360deg);
        padding: .3rem
    }
}

@-webkit-keyframes szerokosc {
    0% {
        transform: rotate(0);
        padding: .3em
    }

    5% {
        transform: rotate(0);
        padding: 2rem
    }

    10% {
        transform: rotate(360deg);
        padding: 2rem
    }

    100%,15% {
        transform: rotate(360deg);
        padding: .3rem
    }
}

.main_study_area {
    display: block
}

.slick-active {
    outline: 0
}

.single_study_text {
    background: #fff;
    right: -15%;
    top: 85px;
    width: 100%;
    z-index: 9;
    padding: 10% 20%
}

    .single_study_text .s_study_icon {
        background: #279fda;
        width: 60px;
        height: 60px;
        line-height: 60px;
        color: #fff;
        transform: rotate(45deg);
        margin: 30px auto
    }

        .single_study_text .s_study_icon i {
            transform: rotate(-45deg)
        }

.counter {
    background: url(../images/counterbg.jpg) top center no-repeat;
    background-size: cover
}

    .counter .main_counter_area {
        padding: 80px 20px
    }

.main_counter_area .single_counter h2 {
    color: #fff;
    font-size: 2.8125rem
}

.main_counter_area .single_counter i {
    color: #fff;
    font-size: 1.875rem;
    display: inline-block;
    border: 1px solid #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    margin-bottom: 30px;
    margin-top: 20px
}

.main_counter_area .single_counter h4 {
    color: #fff;
    font-size: .8125rem;
    text-transform: lowercase
}

.single_pricing {
    text-align: center;
    margin-top: 20px;
    transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out
}

    .single_pricing:hover {
        box-shadow: 0 1px 10px 1px #ccc
    }

.pricing_business .pricing_head {
    background: #279fda;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

    .pricing_business .pricing_head .p_r {
        color: #e74c3c
    }

    .pricing_business .pricing_head h3 {
        color: #fff
    }

.pricing_business .btn-md {
    background: #279fda
}

.pricing_head {
    padding: 30px 0;
    background: #fff;
    height: 180px;
    border: 1px solid rgba(0,0,0,.125);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom: 1px solid #279fda
}

    .pricing_head .pricing_price, .pricing_head .pricing_price_img {
        background: #fff;
        position: absolute;
        left: 30%;
        bottom: -30%;
        margin: 0 auto;
        border-radius: 50%;
        box-shadow: 0 0 0 10px rgba(244,245,249,.3)
    }

    .pricing_head h3 {
        text-transform: uppercase;
        color: #444;
        font-size: 20px
    }

.main_trial h2, .main_trial h4 {
    text-transform: none
}

.pricing_head .pricing_price {
    width: 150px;
    height: 150px;
    padding: 30px 0
}

.pricing_head .pricing_price_img {
    width: 100px;
    height: 100px;
    padding: 0
}

.pricing_head .pricing_price .p_r {
    font-weight: 700;
    font-size: 2.822rem
}

.pricing_head .pricing_price .m_t {
    font-weight: 400;
    font-size: .941rem
}

.pricing_body {
    padding: 60px 0 30px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.single_pricing ul li {
    height: 45px;
    font-size: 14px
}

.single_pricing a {
    margin-top: 30px
}

.main_team_area {
    background: url(../images/teambg.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
    height: 650px
}

    .main_team_area:before {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
        background: url(../images/teambg2.png) bottom center no-repeat
    }

.main_team ul li:nth-child(1), .main_team ul li:nth-child(2), .main_team ul li:nth-child(3), .main_team ul li:nth-child(4), .main_team ul li:nth-child(5) {
    width: 15%;
    display: inline-block;
    float: left;
    margin-left: 3%;
    position: absolute
}

.main_team ul li {
    text-align: center
}

    .main_team ul li:nth-child(1) {
        left: 1%;
        top: 96%
    }

    .main_team ul li:nth-child(2) {
        left: 19%;
        top: 85%
    }

    .main_team ul li:nth-child(3) {
        left: 37%;
        top: 87%
    }

    .main_team ul li:nth-child(4) {
        left: 55%;
        top: 97%
    }

    .main_team ul li:nth-child(5) {
        left: 73%;
        top: 94%
    }

    .main_team ul li .single_team_img img {
        width: 100px;
        margin: 0 auto;
        border-radius: 50%;
        box-shadow: 0 0 0 3px rgba(0,0,0,.125)
    }

li:hover .single_team_img img {
    transform: scale(1.08)
}

li:hover .single_team_text {
    opacity: 1
}

li .single_team_text {
    padding: 10px 20px;
    width: 100%;
    opacity: 0;
    transition: all .6s;
    text-align: center;
    display: block;
    height: 80px
}

.main_cclogo a, .main_clogo a {
    height: 100px;
    width: 100%;
    line-height: 100px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,.25);
    display: inline-block
}

li .single_team_text h4 {
    margin-bottom: 0;
    display: inline-block;
    text-transform: none;
    color: #279fda
}

li .single_team_text p {
    color: #797979
}

.testimonial {
    background: url(../images/testbg.jpg) center center no-repeat;
    background-size: cover
}

.main_testimonial {
    color: #fff
}

    .main_testimonial .single_testimonial i {
        color: #fff;
        margin-bottom: 30px;
        font-size: 2rem;
        padding: 2px
    }

    .main_testimonial .single_testimonial p {
        color: #fff;
        letter-spacing: .03rem
    }

    .main_testimonial .single_testimonial .single_test_author {
        margin-bottom: 40px;
        display: inline-block
    }

        .main_testimonial .single_testimonial .single_test_author h4 {
            color: #fff;
            margin-bottom: 0;
            font-size: 1rem
        }

        .main_testimonial .single_testimonial .single_test_author p {
            color: #fff
        }

    .main_testimonial .owl-theme .owl-dots .owl-dot span {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        transform: rotate(0)
    }

.clogo {
    background: #f4f5f9
}

.main_clogo a {
    overflow: visible;
    background: #fff;
    margin-bottom: 30px
}

.clogo_title {
    border-left: 6px solid #279fda;
    padding-left: 30px
}

.cclogo {
    background: #f4f5f9
}

.main_cclogo {
    overflow: hidden
}

    .main_cclogo a {
        overflow: visible;
        background: #fff;
        margin-bottom: 60px
    }

        .main_cclogo a:hover {
            background: #279fda;
            transform: rotate(5deg);
            transform: scale(1.1,1.1)
        }

.blog {
    background: #f4f5f9
}

.single_blog_area {
    margin: 10px
}

.main_blog_content .single_blog_area .single_blog_text {
    background: #e74e3e;
    padding: 70px 30px 70px 50px;
    position: relative;
    height: 417px;
    overflow-y: auto;
    overflow-x: hidden
}

    .main_blog_content .single_blog_area .single_blog_text.s_b_left:after, .main_blog_content .single_blog_area .single_blog_text.s_b_right:after {
        position: absolute;
        top: 45%;
        content: "";
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent
    }

    .main_blog_content .single_blog_area .single_blog_text > scroll {
        color: #fff
    }

    .main_blog_content .single_blog_area .single_blog_text.s_b_left:after {
        left: -8%;
        border-right: 30px solid #e74e3e
    }

    .main_blog_content .single_blog_area .single_blog_text.s_b_right:after {
        right: -8%;
        z-index: 9;
        border-left: 30px solid #e74e3e
    }

    .main_blog_content .single_blog_area .single_blog_text a.read_more {
        color: #fff
    }

.main_blog_content .single_blog_area .single_blog_img {
    width: 100%;
    height: 417px;
    display: inline-block
}

    .main_blog_content .single_blog_area .single_blog_img img {
        height: 100%;
        display: block;
        overflow: hidden;
        min-width: 100%
    }

.contact_text {
    text-align: center;
    color: #777;
    font-weight: 600;
    margin-bottom: 19px
}

.contact_info_content h4, .main_trial h2 {
    font-weight: 400;
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif
}

.contact_hr {
    display: block;
    border-style: inset;
    border-width: 1px;
    margin: .5em auto 1em
}

.map {
    width: 100%;
    height: 500px
}

.map-wrap {
    position: relative
}

.map_canvas {
    width: 100%;
    height: 400px;
    margin-bottom: 30px
}

.map-container iframe {
    width: 100%;
    display: block;
    pointer-events: none;
    position: relative;
    padding-left: 10px;
    padding-right: 10px
}

    .map-container iframe.clicked {
        pointer-events: auto
    }

.contact {
    background: #f4f5f9
}

.contact_info_content, .single_contant_left {
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0,0,0,.01);
    overflow: hidden
}

.contact_info_content {
    margin-bottom: 40px;
    height: 100%;
    padding-top: 30px
}

    .contact_info_content h3 {
        color: #279fda;
        font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 1.2rem;
        margin-bottom: 19px;
        margin-left: 5px;
        margin-right: 5px
    }

    .contact_info_content h4 {
        color: #777;
        font-size: 1rem;
        margin: 0;
        padding: 0
    }

.single_contact_info {
    margin-bottom: 15px;
    overflow: hidden
}

.kratka {
    background: url(/images/texture.png) #fff
}

.background_color_none {
    background-color: unset
}

.index-part-3 {
    padding-top: 50px;
    padding-bottom: 60px
}

.why-div {
    margin-bottom: 35px
}

.hr-mid {
    width: 6%;
    margin-left: auto;
    margin-right: auto
}

.sub-text {
    padding-right: 25%;
    padding-left: 25%;
    padding-bottom: 3%
}

.hr-short {
    width: 5%;
    margin-left: 0
}

.round-img {
    display: table;
    width: 250px;
    height: 250px;
    border-radius: 100%;
    padding: 8px;
    border-color: #fff;
    background-color: #fff
}

.line-full {
    margin-top: 50px;
    margin-bottom: 50px
}

#two {
    background-color: #aaaaab;
    color: #fff
}

.two-features {
    padding: 50px 0
}

.section-details {
    padding-top: 70px;
    padding-bottom: 60px
}

#three {
    background-color: #242d44;
    color: #fff
}

.main_trial_area {
    background: url(../images/trailbg.jpg) top center no-repeat;
    overflow: hidden;
    background-size: cover;
    color: #fff
}

.main_trial h2 span {
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700
}

.main_trial h4 {
    font-family: "Segoe UI",SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400
}

.footer {
    background: #4f5050
}

.main_footer {
    overflow: hidden;
    padding: 20px 0
}

    .main_footer .flowus a i {
        color: #fff;
        font-size: 1rem;
        padding: 5px;
        border-radius: 0;
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 18px;
        margin-top: 10px
    }

        .main_footer .flowus a i:hover {
            color: #279fda
        }

.copyright_text {
    text-align: right
}

    .copyright_text p {
        color: #fff;
        line-height: 25px;
        max-width: 100%;
        padding-top: 15px
    }

        .copyright_text p i {
            padding: 0 10px;
            color: red
        }

        .copyright_text p a {
            padding: 0 10px;
            color: #e74c3c
        }

.scrollup {
    width: 30px;
    height: 30px;
    opacity: .3;
    position: fixed;
    bottom: 20px;
    right: 25px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    z-index: 1000;
    transition: opacity .5s,background-color .5s;
    -moz-transition: opacity .5s,background-color .5s;
    -webkit-transition: opacity .5s,background-color .5s
}

    .scrollup:hover {
        background: #279fda;
        opacity: 1
    }

    .scrollup i {
        font-size: 13px;
        position: absolute;
        opacity: 1;
        color: #fff;
        left: 50%;
        top: 50%;
        margin-top: -7px;
        margin-left: -6px;
        text-decoration: none
    }

.menu-tiles {
    color: #5a5a5a
}

    .menu-tiles:hover h4 {
        font-weight: bolder;
        color: #5a5a5a
    }

.client-logo {
    padding-left: 10px;
    padding-right: 10px;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.competence, .welcome {
    width: 90%;
    color: #fff
}

.competence {
    font-family: source_sans_proregular;
    margin: auto;
    font-size: 16px;
    font-size: 2.75vw;
    line-height: 2.5rem
}

.welcome {
    font-family: open_sansbold;
    /*margin: 0 auto 20px;*/
    font-size: 16px;
    font-size: 7vw;
    letter-spacing: .4rem
}

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.close {
    color: #5a5a5a;
    float: right;
    font-size: 28px;
    font-weight: 700
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer
    }

.modal-footer, .modal-header {
    padding: 2px 16px;
    color: #5a5a5a;
    background: url(/images/texture.png)
}

.modal-body {
    padding: 2px 16px
}

.more-a {
    color: #fff
}

.set-lang:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.proces-img {
    width: 22%;
    float: left
}

.proces-arrow {
    width: 4%;
    float: left;
    padding-top: 5vw
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.proces-arrow > img {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 35px
}

.proces-img:hover > img {
    transform: scale(1.02)
}

@media only screen and (max-width:768px) {
    .proces-img {
        width: 100%;
        float: left;
        clear: left;
        padding-left: 5px;
        padding-right: 5px
    }

    .proces-arrow {
        width: 100%;
        text-align: center;
        clear: left;
        padding-bottom: 20px
    }

    .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .proces-arrow > img {
        position: relative;
        width: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

table.software {
    font-family: "Times New Roman",Times,serif;
    border: 1px solid #FFF;
    height: 200px;
    text-align: center;
    border-collapse: collapse;
    table-layout: fixed
}

    table.software td, table.software th {
        border: 1px solid #FFF;
        padding: 3px 2px
    }

    table.software tbody td {
        font-size: 13px;
        overflow: hidden;
        white-space: nowrap;
        text-align: left
    }

    table.software tbody tr {
        height: 1em
    }

    table.software tr:nth-child(even) {
        background: #deeaf1
    }

    table.software thead {
        background: #279FDA;
        border-bottom: 5px solid #FFF
    }

        table.software thead th {
            font-size: 17px;
            font-weight: 700;
            color: #FFF;
            text-align: center;
            border-left: 2px solid #FFF;
            overflow: hidden
        }

            table.software thead th:first-child {
                border-left: none
            }

    table.software tfoot {
        font-size: 14px;
        font-weight: 700;
        color: #333;
        background: #D0E4F5;
        border-top: 3px solid #444
    }

        table.software tfoot td {
            font-size: 14px
        }

@media (max-width:767px) {
    .lang-small-screen {
        display: block !important
    }

    .lang-big-screen {
        display: none !important
    }
}

@media (min-width:768px) {
    .lang-small-screen {
        display: none !important
    }

    .lang-big-screen {
        display: block !important
    }
}

.pomiary > img {
    max-height: 300px
}

/*.software-information > ul li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.8em;
    font-size: 12px
}*/

div.folded:before, div.folded:after {
    bottom: 26px;
    /*box-shadow: 0 28px 8px rgba(0,0,0,0.5);*/
    content: "";
    height: 28px;
    position: absolute;
    width: 48%;
    z-index: -1;
}

div.folded h5 {
    border-width: 1px 1px 2px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5);
    margin: 0;
    padding: 0px 30px;
    position: absolute;
    right: -14px;
    top: 5px;
    background-color: wheat;
    color: red;
}

    div.folded h5:after {
        border-width: 7px;
        border-style: solid;
        border-color: #5a5a5a transparent transparent #5a5a5a;
        bottom: -15px;
        content: "";
        position: absolute;
        right: -1px;
    }

@media only screen and (max-width:767px) {
    .baner {
        text-align: center;
        color: #fff;
        font-size: 18px;
        line-height: 18px;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .baner {
        text-align: center;
        color: #fff;
        font-size: 50px;
    }
}

@media only screen and (min-width:1024px) {
    .baner {
        text-align: center;
        color: #fff;
        font-size: 50px;
        line-height: 110px
    }
}

@media only screen and (max-width:767px) {
    .card-block > h4 {
        font-size: 1.286rem;
        font-weight: 500;
        line-height: 1.1;
        padding: 5px;
        -webkit-margin-before: 1.33em;
        -webkit-margin-after: 1.33em;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .card-block > h4 {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.1;
        padding: 5px;
        -webkit-margin-before: 1.33em;
        -webkit-margin-after: 1.33em;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0
    }
}

@media only screen and (min-width:1024px) {
    .card-block > h4 {
        font-size: 1.286rem;
        font-weight: 500;
        line-height: 1.1;
        padding: 5px;
        -webkit-margin-before: 1.33em;
        -webkit-margin-after: 1.33em;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0
    }
}

.btn-help {
    min-width: 40px !important;
    margin: 0px !important;
    padding: 6px 12px !important;
}

textarea, input {
    padding: 10px;
    font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

#myInput {
    background-image: url('../images/Search-Find.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}

#searchInput {
    background-image: url('../images/Search-Find.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}

#treeContent {
    /*width: 40%;
    float: left;*/
    /*color: #333;
    background-color: #f5f5f5;
    border-right: 1px solid #ddd;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;*/
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}

#helpItemsContent {
    /*width: 60%;
    float: left;*/
    min-height: 20px;
}

#helpTree li a {
    cursor: pointer;
    color: #454444;
}

#helpTree li {
    margin-top: 10px;
    margin-bottom: 10px;
}

#helpTree {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#treeContentList ul {
    padding-left: 15px;
}

#treeContentList i {
    margin-left: 5px;
}

#treeContentList {
    padding-left: 10px;
}

.question {
    min-height: 45px;
}

.itemPath {
    margin-bottom: -5px;
    font-size: 14px;
}

#imageWidth {
    width: 60px;
    height: 20px;
    margin-left: 5px;
}

#imageCheckbox {
    margin-right: 5px;
}

.helpTags {
    margin: 2px;
    margin-top: 10px;
}

.sb-preview-img img {
    padding-top: 20px;
}

.projects {
    margin-left: 20px;
    margin-right: 20px;
}

.project-item {
    margin: 20px;
}

    .project-item h2 {
        font-size: 1.571rem;
        line-height: 2rem;
    }

    .project-item p {
        font-size: 18px;
    }

.projects .project-item .btn-primary {
    background-color: #279fda;
}

a.shop-text-white,
a.shop-text-white:link,
a.shop-text-white :visited,
a.shop-text-white :hover,
a.shop-text-white :active {
    color: white;
    font-weight: bold;
}

a.shop-text-dark,
a.shop-text-dark:link,
a.shop-text-dark :visited,
a.shop-text-dark :hover,
a.shop-text-dark :active {
    color: #5a5a5a;
    font-weight: bold;
}

iframe .view-cap, .view-container-border{
    background-color: white;
}

.calendarLegenItem {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

    .calendarLegenItem p {
        line-height: 16px;
        font-size: 16px;
    }

.calendarLegendColor {
    min-width: 25px;
    min-height: 15px;
    max-width: 25px;
    max-height: 15px;
    margin-right: 10px;
    border-radius: 5px;
}

.popper,
.tooltip {
    position: absolute;
    z-index: 9999;
    background: #2C3E50;
    color: black;
    /*width: 150px;*/
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
    opacity: 1 !important;
}

.style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}

.tooltip-inner {
    background-color: #0000;
    white-space: pre-wrap;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
    border-color: #2C3E50;
}

.style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
}

.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

    .popper[x-placement^="top"] .popper__arrow,
    .tooltip[x-placement^="top"] .tooltip-arrow {
        border-width: 5px 5px 0 5px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        bottom: -5px;
        left: calc(50% - 5px);
        margin-top: 0;
        margin-bottom: 0;
    }

.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

    .tooltip[x-placement^="bottom"] .tooltip-arrow,
    .popper[x-placement^="bottom"] .popper__arrow {
        border-width: 0 5px 5px 5px;
        border-left-color: transparent;
        border-right-color: transparent;
        border-top-color: transparent;
        top: -5px;
        left: calc(50% - 5px);
        margin-top: 0;
        margin-bottom: 0;
    }

.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
    margin-left: 5px;
}

    .popper[x-placement^="right"] .popper__arrow,
    .tooltip[x-placement^="right"] .tooltip-arrow {
        border-width: 5px 5px 5px 0;
        border-left-color: transparent;
        border-top-color: transparent;
        border-bottom-color: transparent;
        left: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0;
    }

.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
    margin-right: 5px;
}

    .popper[x-placement^="left"] .popper__arrow,
    .tooltip[x-placement^="left"] .tooltip-arrow {
        border-width: 5px 0 5px 5px;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        right: -5px;
        top: calc(50% - 5px);
        margin-left: 0;
        margin-right: 0;
    }

.kontakt-email {
    text-transform: none;
    margin-bottom: 15px !important;
}