/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

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

html {
    font-size: 1em;
    line-height: 1.4;
}

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

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

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

audio,
canvas,
img,
video {
    vertical-align: middle;
}

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

textarea {
    resize: vertical;
}

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

pre {
    border-radius: 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*!
*  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.0.3');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;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.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-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);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;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-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-gear:before,.fa-cog: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-rotate-right:before,.fa-repeat: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-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-warning:before,.fa-exclamation-triangle: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{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-gears:before,.fa-cogs: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:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.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-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars: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-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard: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-reply-all:before{content:"\f122"}.fa-mail-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-unlink:before,.fa-chain-broken: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-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw: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{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-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}

@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto-thin-webfont.eot');
    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_serifitalic';
    src: url('fonts/droidserif-italic-webfont.eot');
    src: url('fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droidserif-italic-webfont.woff') format('woff'),
         url('fonts/droidserif-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection {
    background: #242424;
    color: #f9f8f8;
    text-shadow: none;
}

::selection {
    background: #242424;
    color: #f9f8f8;
    text-shadow: none;
}

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

body {
    font-family: 'roboto', sans-serif;
    color: #666571;
    background: #E5E4E4;
    -webkit-font-smoothing:antialiased;
}
body.welcome {
    padding-top: 65px;
}

.container-fluid {
    padding: 0;
}

a {
    color: #85b7e3;
}
a:hover,
a:focus {
    color: #666571;
}


/*----- extra normalize -------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
label,
legend,
th,
.item-title,
.widget-title {
    cursor: default;
}
a h1,
a h2,
a h3,
a h4,
a h5,
a h6,
a .item-title,
a .widget-title {
    cursor: pointer;
}

a {
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
a:hover {
    text-decoration: underline;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}
a.item,
a.item:hover,
a.item:focus,
a.item-link,
a.item-link:hover,
a.item-link:focus {
    text-decoration: none;
}


/*----- UI -------------------------------------------------------------*/

.widget {
    position: relative;
}

.widget:before,
.widget:after,
.widget-header:before,
.widget-header:after,
.widget-content:before,
.widget-content:after {
  display: table;
  content: " ";
}
.widget:after,
.widget-header:after,
.widget-content:after {
  clear: both;
}

.loading {
    background-image: url(img/ajax-loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.display-table {
    display: table;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
    vertical-align: middle;
}
.table-cell.text-top {
    vertical-align: top;
}
.item .display-table {
    margin: 0;
    width: 100%;
}

.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}

.btn {
    padding: 8px 20px;
    text-align: center;
    line-height: 1;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s ease-in;
}
.btn:hover {
    transition: all 0.15s ease-in;
}
.btn.btn-default {
    border: 2px solid #666571;
    color: #666571;
    background-color: transparent;
}
.btn.btn-default:hover {
    background-color: #666571;
    color: #e5e4e4;
}
.btn.btn-default.thin {
    border-width: 1px;
}
.btn.btn-default.white {
    border-color: #f9f8f8;
    background-color: transparent;
    color: #f9f8f8;
}
.btn.btn-default.white:hover {
    background-color: #f9f8f8;
    color: #85b7e3;
}
.btn.btn-default.red {
    border-color: #f0654e;
    background-color: transparent;
    color: #f0654e;
}
.btn.btn-default.red:hover {
    background-color: #f0654e;
    color: #f9f8f8;
}
.btn.btn-default.golden {
    border-color: #85b7e3;
    background-color: transparent;
    color: #85b7e3;
}
.btn.btn-default.golden:hover {
    background-color: #85b7e3;
    color: #f9f8f8;
}

.btn.square {
    border-radius: 0;
}

.btn-primary, .btn-primary:active, .btn-primary:focus {
    background: #85b7e3;
    border: 1px solid #85b7e3;
    font-family: 'roboto',sans-serif;
    color: #fff;
}

.btn-primary:hover {
    background: #fff;
    border: 1px solid #85b7e3;
    color: #85b7e3;
}

.btn-secondary {
    color: #f9f8f8;
    background-color: #f2664f;
    border: 0;
    font-weight: bold;
    text-transform: none;
    font-family: 'roboto',sans-serif;
}
.btn-secondary:hover {
    color: #f9f8f8;
}
a.btn-secondary:hover,
button.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    color: #f2664f;
    background-color: #e5e4e4;
}
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    background-image: none;
}
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
a.btn-secondary.disabled:hover,
a.btn-secondary[disabled]:hover,
fieldset[disabled] a.btn-secondary:hover,
button.btn-secondary.disabled:hover,
button.btn-secondary[disabled]:hover,
fieldset[disabled] button.btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
    opacity: 0.5;
}
.btn-secondary .fa {
    vertical-align: middle;
    margin-right: 0.25em;
}

.btn-sm {
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    padding: 5px 20px;
}
.btn-md {
    font-size: 16px;
    padding: 12px 25px;
    min-width: 150px;
}
.btn-md.square {
    padding: 12px;
    width: 47px;
    height: 47px;
    min-width: 0;
}
.btn-md.square.thin {
    padding: 15px;
}
.btn-md.square .fa {
    font-size: 16px;
    padding-left: 0;
    line-height: 22px;
}
.btn-md .fa {
    padding-left: 7px;
}

.btn-lg {
    font-size: 21px;
    padding: 12px 25px;
}
.btn-xlg {
    font-size: 18px;
    font-weight: normal;
    text-transform: none;
    padding: 20px 40px;
    min-width: 460px;
}
.btn-xlg .fa {
    padding-left: 10px;
}
.btn-lg.square {
    padding: 18px;
    width: 65px;
    height: 65px;
    line-height: 28px;
}
.btn-lg.square .fa {
    font-size: 28px;
}

.btn-xlg.square {
    padding: 25px;
    width: 80px;
    height: 80px;
    line-height: 25px;
    min-width: 0;
}
.btn-xlg.square .fa {
    padding-left: 0;
    line-height: 25px;
    font-size: 52px;
}

.btn.btn-control {
    background: #666571;
    color: #fff;
}
.btn.btn-control .fa {
    font-size: 20px;
    line-height: 26px;
}

.btn-secondary.btn-sm {
    border-radius: 13px;
}
.btn-secondary.btn-md {
    border-radius: 20px;
}
.btn-secondary.btn-lg {
    font-size: 21px;
    padding: 10px 25px;
    border-radius: 20px;
    font-family: 'robotothin', sans-serif;
}
.btn-secondary.btn-x-lg {
    border-radius: 28px;
}

.text-lg {
    font-size: 40px;
}
.text-success {
    color: #4ba34d;
}
.text-info {
    color: #0e76bc;
}
.text-danger {
    color: #f0654e;
}


.bg-success-solid {     background-color: #4ba34d; } .bg-danger-solid {
background-color: #ca3231; } .bg-info-solid {     background-color: #006db8; }
.bg-warning-solid {     background-color: #eb9b38; } .bg-notice-solid {
background-color: #55a6e2; }

/* http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid */
.fixed-fluid-layout .fluid-column {
    display: block;
    float: left;
    width: 100%;
}
.fixed-fluid-layout.fixed-left .fluid-inner {
    margin-left: 200px;
}
.fixed-fluid-layout.fixed-left .fixed-column {
    display: block;
    float: left;
    width: 200px;
    margin-left: -100%;
}

.row {
    margin-left: 0;
    margin-right: 0;
}
.col-xxs-1,
.col-xs-1 .col-sm-1,
.col-md-1,
.col-lg-1,
.col-xlg-1,
.col-xxs-2,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xlg-2,
.col-xxs-3,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xlg-3,
.col-xxs-4,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xlg-4,
.col-xxs-5,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xlg-5,
.col-xxs-6,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xlg-6,
.col-xxs-7,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xlg-7,
.col-xxs-8,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xlg-8,
.col-xxs-9,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xlg-9,
.col-xxs-10,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xlg-10,
.col-xxs-11,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xlg-11,
.col-xxs-12,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xlg-12 {
    padding-left: 0;
    padding-right: 0;
}

.js-show-onscroll .widget-content,
.js-show-sequentially {
    visibility: hidden;
}

.js-trigger-viewed .arrow-down {
    position: absolute;
    left: 50%;
    top: 100px;
    margin: 0 0 0 -50px;
    width: 100px;
    text-align: center;
    line-height: 1;
    font-size: 35px;
    color: #85b7e3;
    visibility: visible;
    cursor: default;
}


/*----- icons ------------------------------------------------------------*/

.ico-wrap {
    position: relative;
    display: block;
}
.ico {
    display: block;
    background: url(img/icons-white.png) left top no-repeat;
    width: 40px;
    height: 40px;
    position: relative;
}
.ico-wrap .ico, button .ico {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}
.button .ico-wrap, button .ico-wrap {
    display: block;
    float: left;
    height: 1em;
    margin-right: 13px;
    position: relative;
    vertical-align: middle;
    width: 1em;
    line-height: 1em;
}

.dummy-icon {
    visibility: hidden !important;
}
.dummy-icon .ico {
    height: 0 !important;
}

.ico.big {
    background-image: url(img/icons-big.png);
    width: 180px;
    height: 180px;
}
.ico-wrap .ico.big, button .ico.big {
    margin: -90px 0 0 -90px;
}

.ico.big.chat {
    background-position: left top; 
}
.ico.big.brain {
    background-position: left -180px; 
}
.ico.big.code {
    background-position: left -360px; 
}

.ico.tech {
    background-image: url(img/tech-icons-grey.png);
    width: 80px;
    height: 80px;
}
.ico-wrap .ico.tech, button .ico.tech {
    margin: -40px 0 0 -40px;
}

@media only screen and (min-width: 768px) {
    .ico-wrap:hover .ico.tech,
    a:hover .ico.tech,
    button:hover .ico.tech,
    .dummy-icon .ico.tech {
        background-image: url(img/tech-icons.png);
    }
}


.ico.tech.sass {
    background-position: left 0;
}
.ico.tech.laravel {
    background-position: left -80px;
}
.ico.tech.html5 {
    background-position: left -160px;
}
.ico.tech.css3 {
    background-position: left -240px;
}
.ico.tech.javascript {
    background-position: left -320px;
}
.ico.tech.mysql {
    background-position: left -400px;
}
.ico.tech.wordpress {
    background-position: left -480px;
}
.ico.tech.php {
    background-position: left -560px;
}


/*----- grayscale ------------------------------------------------------------*/

img.grayscale  {
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

}
img.grayscale.disabled,
.item:hover img.grayscale,
.col:hover img.grayscale {
     filter: none;
    -webkit-filter: grayscale(0);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}


/*----- slider ------------------------------------------------------------*/

.slider {
    position: relative;
}
.slider .slides {
    position: relative;
    overflow: hidden;
}
.slider.roller .slides {
    margin: 0 auto;
}
.slider .item {
    display: block;
    float: left;
    position: relative;
}
.slider-inner {
    overflow: hidden;
}
.slider.fader .item, .slider.fader-with-dots .item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slider.fader .slider-inner {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slider.fader .slides, .slider.fader-with-dots .slides {
    height: 100%;
    position: absolute;
    width: 100%;
    display: none;
}
.slider-dots {
    display: block;
    left: 0;
    position: absolute;
    text-align: center;
    top: 20px;
    width: 100%;
    z-index: 20;
}
.slider-dots .dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #fff;
    cursor: pointer;
    margin: 1px 5px;
    border: 2px solid #fff;
}
.slider-dots .dot:hover, .slider-dots .dot.active {
    background: #b3d235;
}

a.slider-control {
    display: block;
    top: 50%;
    margin: -20px 0 0 0;
    line-height: auto;
    position: absolute;
    z-index: 200;
    width: 80px;
    height: 40px;
}
a.slider-control.left {
    left: 0;
}
a.slider-control.right {
    right: 0;
    background-position: left -40px;
}
a.slider-control:hover {
    opacity: 0.5;
}
a.slider-control.responsive {
    margin-top: 0;
    top: 295px;
}
a.slider-control.responsive.left {
    left: 50px;
}
a.slider-control.responsive.right {
    right: 50px;
}

.slider-control .ico {
    display: block;
    width: 35px;
    height: 67px;
    background: url(img/control-icons.png) left top no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -33px 0 0 -17px;
}
.slider-control.left .ico {
    background-position: 0 0;
}
.slider-control.left:hover .ico {
    background-position: 0 -67px;
}
.slider-control.right .ico {
    background-position: -35px 0;
}
.slider-control.right:hover .ico {
    background-position: -35px -67px;
}

.slider.fade-sides .slider-inner:before,
.slider.fade-sides .slider-inner:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 100%;
    z-index: 15;
    top: 0;
}
.slider.fade-sides .slider-inner:before {
    left: 0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}
.slider.fade-sides .slider-inner:after {
    right: 0;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
}


/*----- standard form ------------------------------------------------------*/

.standard-form .form-group {
    margin: 0;
    position: relative;
}
.standard-form input,
.standard-form textarea,
.standard-form button {
    background: #e5e4e4;
    border: 0;
    color: #666;
    margin: 0;
    padding: 10px;
    line-height: 1.25;
    height: auto;
}
.standard-form .form-group input::moz-placeholder,
.standard-form .form-group input::ms-input-placeholder,
.standard-form .form-group input::webkit-input-placeholder,
.standard-form .form-group textarea::moz-placeholder,
.standard-form .form-group textarea::ms-input-placeholder,
.standard-form .form-group textarea::webkit-input-placeholder {
    color: #999;
}


.form-control {
    border-radius: 0;
}
.form-control,
.form-control:focus {
    -webkit-box-shadow: none;
          box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.input-group-addon {
  padding: 2px 15px;
  min-width: 60px;
  font-size: 32px;
  font-weight: normal;
  line-height: 30px;
  color: #fff;
  background: none;
  border: 2px solid #fff;
  border-radius: 0;
  cursor: default;
}
.input-lg {
    border-radius: 0;
    font-size: 13px;
    height: 42px;
    line-height: 1.33;
    padding: 10px 16px;
}
.form-group .help-block {
    margin: 0;
}
.form-group.error .help-block {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border: 2px solid #EF654E;
    color: #EF654E;
    display: block;
    height: 100%;
    left: 0;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;
    cursor: default;
}
.form-group.text.success input {
    padding-right: 40px;
}
.form-group.text.success:after {
    content: "";
    font-size: 1em;
    font-family: 'fontawesome';
    line-height: 1;
    color: #83cf32;
    position: absolute;
    right: 1em;
    top: 50%;
    margin-top: -0.5em;
}


/*----- tooltip ------------------------------------------------------*/

.tooltipsy {
    background: none repeat scroll 0 0 #85b7e3;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    min-width: 120px;
    padding: 7px 15px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.2);
    position: relative;
}
.tooltipsy:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #85b7e3 transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    z-index: 10;
}


/*----- popup ------------------------------------------------------*/

#popup-bg {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 25;
    left: 0;
    top: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); /*rgba(102, 101, 113, 0.75)*/
}


.placeholder-wrap {
    position: relative;
    display: block;
    background: none repeat scroll 0 0 #e5e4e4;
}
.placeholder-wrap .placeholder {
    z-index: 1;
}
.placeholder-wrap input,
.placeholder-wrap textarea {
    background: transparent;
    position: relative;
    z-index: 10;
}


/*---------------------------------------------------------------------------
    Layout
---------------------------------------------------------------------------*/

/*----- top -------------------------------------------------------------*/

.top-nav {
    background: none repeat scroll 0 0 #19232b;
    color: #fff;
    border-bottom: 5px solid #85b7e3;
    height: 70px;
    max-height: 70px;
    min-height: 70px;
}
body {
    padding-top: 70px;
}

.top-nav .navbar {
    height: 65px;
}
.top-nav .navbar-brand {
    float: left;
    display: block;
    padding: 0;
    height: 65px;
    line-height: auto;
}

.top-nav .navbar-brand .hover-face,
.top-nav .navbar-brand .front-face {
    display: block;
    font-size: 18px;
    line-height: 1;
    width: 240px;
    height: 65px;
    text-align: center;
    border-right: 1px solid #3e454b;
    background: none repeat scroll 0 0 #19232b;
    margin: -1px 0 0;
}
.top-nav .navbar-brand .front-face {
    padding: 24px;
}
.top-nav .navbar-brand .hover-face {
    display: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.top-nav .main-nav > li > a {
    display: block;
    position: relative;
    padding: 0;
    height: 65px;
}
a.flip-flop:focus {
    outline: none;
    border: 0;
}
.top-nav .main-nav > li > a.current-item,
.top-nav .main-nav > li > a.current-item:hover {
    background: transparent;
}
.top-nav .main-nav .front-face,
.top-nav .main-nav .hover-face {
    line-height: 15px;
    font-size: 15px;
    color: #fff;
    display: block;
    padding: 27px 45px 25px;
    text-transform: lowercase;
    border-left: 0;
    border-right: 1px solid #ebebeb;
    border-bottom: 0;
    background: none repeat scroll 0 0 #19232b;
}
.top-nav .main-nav a.current-item .front-face,
.top-nav .main-nav a.current-item:hover .hover-face {
    border-bottom: 0;
    margin: 0;
}
.top-nav .main-nav > li:first-child a .front-face,
.top-nav .main-nav > li:first-child a .hover-face {
    border-left: 1px solid #3e454b;
}
html.no-csstransforms3d .top-nav .front-face,
html.no-csstransforms3d .top-nav .hover-face,
html[data-useragent*='MSIE 10.0'].no-csstransforms3d .top-nav .front-face,
html[data-useragent*='MSIE 10.0'].no-csstransforms3d .top-nav .hover-face {
    margin: -1px 0 0;
}
html.no-csstransforms3d .top-nav .main-nav > li > a .front-face,
html[data-useragent*='MSIE 10.0'] .top-nav .main-nav > li > a .front-face {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
html.no-csstransforms3d .top-nav .main-nav > li > a:hover .front-face,
html[data-useragent*='MSIE 10.0'] .top-nav .main-nav > li > a:hover .front-face {
    background-color: #f2f2f2;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.top-nav .main-nav > li > a.current-item .front-face,
.top-nav .main-nav > li > a.current-item:hover .front-face,
html.no-csstransforms3d .top-nav .main-nav > li > a.current-item:hover .front-face,
html[data-useragent*='MSIE 10.0'] .top-nav .main-nav > li > a.current-item:hover .front-face {
    background-color: #85b7e3;
    color: #f9f8f8;
    position: relative;
    z-index: 22;
    padding-bottom: 23px;
}
.top-nav .main-nav .hover-face {
    display: none;
    background-color: #19232b;
    color: #fff;
    font-family: 'fontawesome';
    font-size: 18px;
    text-align: center;
}

html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop-wrap {
    -webkit-perspective: 1500px;
    -moz-perspective: 1500px;
    perspective: 1500px;
}
html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: 0.25s ease-in;
    -moz-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
    background: transparent;
    margin: -3px 1px 0;
}
html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop:hover {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    z-index: 22;
}
html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop .front-face {
    -webkit-transform: translateZ(33px);
    -moz-transform: translateZ(33px);
    transform: translateZ(33px);
    border-top: 1px solid #aaa;
}
html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop .hover-face {
    display: block;
    /*box-shadow: inset 0 0 .25em hsla(0,0%,0%,.1),
                inset 0 0 1.5em hsla(0,0%,0%,.15);*/
    padding: 28px 0 24px;
    -webkit-transform: rotateX(90deg) translateZ(100px);
    -moz-transform: rotateX(90deg) translateZ(100px);
    transform: rotateX(90deg) translateZ(100px);
}
html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop .front-face,
html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop .hover-face
{
    margin: -4px 0 0;
}

html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .top-nav .navbar-brand .hover-face {
    display: block;
    padding: 12px 0 10px;
    border-bottom: 0;
}

#logo-top .front-face img {
    margin-top: -4px;
}

#logo-top .hover-face img {
    margin-top: 4px;
}

.top-nav .navbar-toggle {
    border: 0;
    border-radius: 0;
    float: left;
    margin: 0;
    padding: 17px 17px 18px;
}
.top-nav .navbar-toggle .icon-bar {
    background-color: #666571;
    width: 27px;
    height: 4px;
    border-radius: 1px;
}
.top-nav .navbar-toggle:focus,
.top-nav .navbar-toggle.out {
    background-color: #85b7e3;
}
.top-nav .navbar-toggle:hover .icon-bar {
    background-color: #666571;
}
.top-nav .navbar-toggle:focus .icon-bar,
.top-nav .navbar-toggle.out .icon-bar {
    background-color: #fff;
}

.top-nav .navbar-toggle.collapsed {
    background: transparent;
}
.top-nav .navbar-toggle.collapsed .icon-bar {
    background-color: #666571;
}

.nav.lang-nav {
    margin: 0 20px;
}
.nav.social-nav {
    margin-right: 15px;
}
.nav.lang-nav li a,
.nav.social-nav li a {
    display: block;
    font-size: 12px;
    line-height: 15px;
    margin: 15px 0;
    padding: 10px 0;
    text-align: center;
    width: 30px;
    color: #85b7e3;
    opacity: 0.8;
}
.nav.social-nav li a {
    color: #85b7e3;
}
.nav.lang-nav li a:hover,
.nav.lang-nav li a.current-item:hover,
.nav.social-nav li a:hover {
    background-color: transparent;
    color: #fff;
    opacity: 1;
}
.nav.social-nav li a .fa {
    font-size: 16px;
}
.nav.lang-nav li a.current-item {
    font-weight: bold;
    opacity: 1;
}

#top-brief {
    margin: 17px 15px 0 0;
}

/*----- main -----------------------------------------------------------*/

.main-content {
    min-height: 300px;
}


/*----- footer -----------------------------------------------------------*/

.footer-contacts {
    height: 430px;
    background: #fff;
    border-top: 5px solid #85b7e3;
}
.footer-contacts .info .part {
    display: inline-block;
    margin-right: 1em;
}
.footer-contacts .info .part:last-child {
    margin-right: 0;
}
.footer-contacts .info .fa {
    font-size: 18px;
    cursor: default;
}
.footer-contacts .logo-wrap {
    padding: 0 15px;
}

.footer-contacts,
.footer-contacts a {
    color: #666571;
    font-size: 16px;
}
.footer-contacts .textblock-centered a:hover {
    color: #85b7e3;
}
.footer-contacts .widget-title {
    padding: 20px 0;
    margin: 20px 0;
}
.footer-contacts .info {
    padding: 22px 30px;
    margin: 20px 0 50px;
    border: 1px solid #b2b2b8;
    border-left: 0;
    border-right: 0;
}
.footer-contacts .btn-control {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    z-index: 20;
}
.footer-contacts .btn-control:hover {
    background: #85b7e3;
}

/*---------------------------------------------------------------------------
    Components
---------------------------------------------------------------------------*/

/*----- common -----------------------------------------------------------*/

.widget .layer-noise {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 12;
    background: url(img/navy-noise.gif) center center repeat;
    opacity: 0.7;
}
.widget .layer-noise.gray {
    opacity: 0.45;
}
.widget.js-noise > .widget-content {
    z-index: 20;
    position: relative;
    height: 100%;
}

.widget.textblock-centered {
    margin: 40px auto 0;
    text-align: center;
    max-width: 630px;
    z-index: 20;
    padding: 0 25px;
}
.widget.textblock-centered .widget-title {
    border-bottom: 1px solid #f9f8f8;
    border-top: 1px solid #f9f8f8;
    font-family: 'robotothin',sans-serif;
    letter-spacing: -0.05em;
    font-weight: normal;
    font-size: 50px;
    line-height: 1;
    padding: 15px 0;
}

.widget.article-wrap {
    background: #e5e4e4;
}
.widget.article-wrap article {
    max-width: 935px;
    margin: 0 auto;
    padding: 0 0 85px;
}
.widget.article-wrap article header {
    border-bottom: 1px solid #bebebe;
    padding: 85px 30px 45px;
    margin: 0 -30px 65px -30px;
}
.widget.article-wrap .description {
    margin-bottom: 65px;
}
.widget.article-wrap p {
    font-family: 'robotolight', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    margin: 1em 0 2em;
    text-align: center;
}

.widget.brief-teaser {
    height: 356px;
    width: 100%;
    background: #f2664f url(img/widget-brief-bg.jpg) center top no-repeat;
    color: #e5e4e4;
    text-align: center;
}
.widget.brief-teaser header {
    margin: 75px 0 45px;
}
.widget.brief-teaser .widget-title {
    font-family: 'robotothin',sans-serif;
    font-size: 57px;
    font-weight: normal;
    line-height: 1;
    letter-spacing: -0.05em;
    margin: 0 0 15px;
}
.widget.brief-teaser header p {
    font-size: 16px;
    line-height: 1.15;
    margin: 0 0 15px
}

.widget.with-triangle-before:before,
.widget.with-triangle-after:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #e5e4e4 transparent transparent transparent;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -15px;
    z-index: 10;
}
.widget.with-triangle-before-golden:before {
    border-color: #85b7e3 transparent transparent transparent;
}
.widget.with-triangle-before-white:before {
    border-color: #fff transparent transparent transparent;
}
.widget.with-triangle-before-up:before,
.widget.with-triangle-after-up:after {
    border-width: 0 13px 15px;
    top: -15px;
    border-color: transparent transparent #E5E4E4 transparent;
}
.widget.with-triangle-before-white.widget.with-triangle-before-up:before {
    border-color: transparent transparent #fff transparent;
}

.widget.with-triangle-after:after {
    bottom: -15px;
    top: auto;
}
.widget.with-triangle-after-up:after {
    bottom: 0;
    border-color: transparent transparent #E5E4E4 transparent;
}
.widget.with-triangle-after.with-triangle-after-white:after {
    border-color: #fff transparent transparent transparent;
}
.widget.with-triangle-after-up.with-triangle-after-white:after {
    border-color: transparent transparent #fff transparent;
}

.page-title {
    font-family: 'droid_serifitalic',serif;
    font-size: 42px;
    font-weight: normal;
    line-height: 1;
}

.js-with-preloader .widget-content {
    visibility: hidden;
}
.js-with-preloader.loading .widget-content {
    visibility: hidden;
}

#site-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 21;
    background: #e5e4e4;
}

.widget.loading {
    background-image: none;
}

#site-loader .loading,
.widget.loading:after {
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #fafafa;
    color: #5c778b;
    z-index: 120;
    background: #fff url(img/ajax-loader.gif) center center no-repeat;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    visibility: visible;
    overflow: hidden;
}
.widget.loading:after {
    content: "";
}


.js-fit-screen {
    overflow: hidden;

}
.js-fit-screen .screen-bg {
    position: absolute;
    z-index: 1;
}

.js-image-container {
    width: 100%;
}

.js-image-container .project-image,
.js-fit-screen .screen-bg,
.js-full-bleed {
    display: none;
}

.error-404 {
    text-align: center;
    padding: 20px 20px 0 20px;
}
.error-404 .page-title {
    margin-top: 60px;
}
.error-404 p {
    font-family: 'robotolight',sans-serif;
    font-size: 21px;
    margin: 30px 0 45px;
}
.error-404 .monster-wrap {
    margin-bottom: 0;
}
.error-404 .monster-wrap img {
    max-width: 100%;
}


/*----- welcome -----------------------------------------------------------*/

.widget.welcome-screen {
    height: 520px;
}
.widget.welcome-screen .widget.textblock-centered {
    max-width: 690px;
    width: auto;
    top: 60px;
    padding: 0 25px;
}
.widget.welcome-screen .widget-title {
    color: #f9f8f8;
    font-size: 3em;
    padding: 30px 0;
}
.widget.welcome-screen ul.offer {
    margin: 0 -110px;
    padding: 0;
    list-style: none;
}
.widget.welcome-screen ul.offer li {
    display: inline-block;
    margin: 0 0 25px;
}
.widget.welcome-screen .offer .btn.btn-secondary {
    background-color: transparent;
    color: #707070;
}
.widget.welcome-screen .offer .btn.btn-secondary:hover {
    background-color: #f2664f;
    color: #f9f8f8;
}
.widget.welcome-screen .lead {
    font-size: 1.5em;
    font-family: 'droid_serifitalic', serif;
    color: #fff;
    cursor: default;
    margin-top: 3em;
}
.widget.welcome-screen .lead .author {
    display: block;
    font-size: 0.5em;
    font-family: 'robotolight', sans-serif;
}

.animated-code {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    padding: 1em;
    z-index: 2;
    font-family: 'courier new',sans-serif;
    opacity: 0.25;
    line-height: 1;
    overflow: hidden;
    cursor: default;
    font-size: 14px;
}
.animated-code .inner {
    position: relative;
    height: auto;
    top: 0;
    left: 0;
}
.animated-code .cursor {
    background: #333;
    color: #333;
    margin: 0 0.25em;
}

.widget.portfolio-navbar {
    height: 40px;
    padding: 0 10px 0 45px;
    background-color: #5b768b;
    color: #f9f8f8;
    overflow: hidden;
}
.widget.portfolio-navbar .breadcrumbs {
    display: block;
    float: left;
    margin-top: 4px;
}
.widget.portfolio-navbar .breadcrumbs ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}
.widget.portfolio-navbar .breadcrumbs li {
    display: inline-block;
}
.widget.portfolio-navbar .breadcrumbs a {
    color: #f9f8f8;
    font-size: 16px;
    text-transform: lowercase;
}
.widget.portfolio-navbar .breadcrumbs a:hover {
    text-decoration: none;
}
.widget.portfolio-navbar .breadcrumbs li a:after {
    color: #a1bcd1;
    content: "/";
    margin-left: 3px;
    cursor: default;
}
.widget.portfolio-navbar .breadcrumbs li:first-child a {
    color: #a1bcd1;
}
.widget.portfolio-navbar .breadcrumbs li:last-child a:after {
    content: "";
    display: none;
}
.widget.portfolio-navbar .breadcrumbs .go-back {
    line-height: 28px;
    margin: 0 30px 0 -15px;
    padding: 7px 15px;
}
.widget.portfolio-navbar .breadcrumbs .go-back .fa {
    font-size: 38px;
    line-height: 16px;
    vertical-align: middle;
}
.widget.portfolio-navbar .categories {
    float: right;
    margin-left: 30px;
}
.widget.portfolio-navbar .categories ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 37px;
    cursor: default;
}
.widget.portfolio-navbar .categories li {
    display: inline-block;
}
.widget.portfolio-navbar .categories a {
    color: #F9F8F8;
    font-size: 12px;
    background-color: transparent; 
}
.widget.portfolio-navbar .categories a.current-item {
    background-color: #FFF;
    color: #5b768b;
}
.widget.portfolio-navbar .categories a:hover {
    background-color: #f2664f;
    color: #F9F8F8;
}

.widget.portfolio-list {
    background: #666571;
    min-height: 100%;
}
.widget.portfolio-list .item {
    background: #2c2b3a;
    overflow: hidden;
}
.widget.portfolio-list .item-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}
.widget.portfolio-list .item-shadow {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
    background: #2c2b3a;
    opacity: 0.55;
}
.widget.portfolio-list .item-content {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.widget.portfolio-list .item-title {
    background: none repeat scroll 0 0 #E5E4E4;
    color: #666571;
    float: left;
    font-family: 'droid_serifitalic',serif;
    font-size: 21px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 15px 25px;
}
.widget.portfolio-list .item-img {
    width: 100%;
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}
.widget.portfolio-list .item:hover .item-img {
    transform:scale(1.15); -webkit-transform:scale(1.15); 
    -moz-transform:scale(1.15); -o-transform:scale(1.15);
}
.widget.portfolio-list .item-buttons {
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 256px;
    height: 65px;
    margin: -33px 0 0 -128px;
    text-align: center;
    opacity: 0;
    cursor: default;
}
.widget.portfolio-list .item-buttons.count-1 {
    width: 64px;
    margin-left: -32px;
    z-index: 9;
}
.widget.portfolio-list .item-buttons.count-1 .btn {
    margin: 0;
}
.widget.portfolio-list .item-buttons .btn {
    margin: 0 7px;
    background: #85b7e3;
    color: #fff;
}
.widget.portfolio-list .item-buttons .fa {
    font-size: 21px;
    line-height: 25px;
}


/*----- about -------------------------------------------------------------*/

.about-page {
    text-align: center;
}

.about-page section {
    padding: 0 0 4em;
}
.widget.about-hello {
    background: #85b7e3;
    border-bottom: 10px solid #e5e4e4;
}
.widget.about-hello .widget-content {
    color: #e5e4e4;
    padding: 0 25px 150px;
    z-index: 10;
}
.about-page .section-title {
    font-family: 'droid_serifitalic', serif;
    font-size: 42px;
    font-weight: normal;
    border-bottom: 1px solid #c5c4c7;
    padding: 0 20px 20px;
    margin: 2em 0 1em;
    line-height: 1.15;
    letter-spacing: 0.005em;
    display: inline-block;
    min-width: 15em;
}
.widget.about-hello .section-title {
    border-color: #f9f8f8;
    color: #E5E4E4;
    position: relative;
    z-index: 10;
    font-size: 1.7em;
    margin: 2.25em 0 1.5em;
    padding: 0 0.65em 0.65em;
}
.widget.about-hello p {
    font-size: 2.2em;
    font-family: 'robotothin', sans-serif;
    line-height: 1.15;
    letter-spacing: -0.05em;
    max-width: 16em;
    margin: 0.5em auto 0;
    position: relative;
    z-index: 10;
}
.widget.about-hello strong {
    font-family: 'roboto', sans-serif;
}

.widget.about-hello .animated-code {
    color: #8d5f0b;
    opacity: 0.2;
    text-align: left;
}

html.csstransforms .widget.about-screen .widget.company-data .item-number.infinity .inner {
    display: none;
}
html.csstransforms .widget.about-screen .widget.company-data .item-number.infinity:after {
    content: "8";
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-family: 'robotothin', sans-serif;
    font-size: 106px;
}

.widget.team-screen {
    padding: 0 0 50px;
}
.widget.team-screen header {
    margin-bottom: 2em;
}
.widget.team-screen p {
    font-size: 21px;
    font-family: 'robotolight', sans-serif;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 1em;
}

.team-list {
    max-width: 1000px;
    margin: 0 auto;
}
.team-list .name {
    display: block;
    font-size: 18px;
}
.team-list .occupation {
    display: block;
    font-style: italic;
    font-size: 13px;
}
.team-list .info {
    margin: 1.5em 0 3em;
}

.work-list {
    max-width: 1100px;
    margin: 0 auto;
}
.widget.work-screen {
    background: #666571;
    color: #e5e4e4;
    padding: 0 0 150px;
}
.work-list .header .ico-wrap {
    height: 180px;
    width: 180px;
    margin: 0 auto;
}
.work-list .header .title {
    font-size: 28px;
    font-family: 'droid_serifitalic', serif;
}

.work-list .content {
    font-family: 'robotolight', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    max-width: 320px;
    margin: 0 auto;
}
.widget.work-screen .arrow-down {
    color: #fff;
}

.widget.clients-screen {
    background: #fff;
}
.widget.clients-logos {
    max-width: 1000px;
    margin: 0 auto;
}

.widget.clients-logos .clients-item {
    display: block;
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
}

.widget.clients-logos .clients-item img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}


.widget.testimonials-screen {
    background: #e6e6e6;
}
.widget.testimonials-screen .widget-content {
    margin: 0 auto;
    max-width: 990px;
}

.widget.testimonials-screen .slider {
    padding: 50px 0 100px;
}
.widget.testimonials-slider .slider-inner {
    position: relative;
    height: auto;
}
.widget.testimonials-slider .slider-inner:before {
    left: 0;
    background: -moz-linear-gradient(left,  rgba(230,230,230,1) 0%, rgba(230,230,230,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(230,230,230,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(230,230,230,1) 0%,rgba(230,230,230,0) 100%); /* W3C */
}
.widget.testimonials-slider .slider-inner:after {
    right: 0;
    background: -moz-linear-gradient(left,  rgba(230,230,230,0) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,0)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(230,230,230,0) 0%,rgba(230,230,230,1) 100%); /* W3C */
}
.widget.testimonials-slider .item {
    width: 990px;
    height: auto;
    text-align: center;
}
.widget.testimonials-slider .item-content {
    position: relative;
    padding: 55px 80px 70px 190px;
    display: inline-block;
    text-align: left;
}
.widget.testimonials-slider .item-content:before {
    display: block;
    content: "";
    width: 149px;
    height: 137px;
    background: url(img/testimonial-ico.png) left top no-repeat;
    position: absolute;
    left: 1px;
    top: 7px;
    z-index: 12;
    line-height: 1;
    cursor: default;
}
.widget.testimonials-slider q {
    color: #999999;
    display: inline-block;
    letter-spacing: -0.025em;
    line-height: 1.25;
    max-width: 505px;
    position: relative;
    font-family: 'droid_serifitalic', serif;
    font-size: 18px;
}
.widget.testimonials-slider .author {
    font-family: 'droid_serifitalic', serif;
    font-size: 18px;
    margin: 15px 0 0;
    color: #333;
}
.widget.testimonials-slider q:after,
.widget.testimonials-slider q:before {
    font-family: 'fontawesome';
    font-size: 72px;
    color: #cbcbcb;
    position: absolute;
    font-style: normal;
    cursor: default;
    line-height: 0.9;
}
.widget.testimonials-slider q:after {
    content: "";
    bottom: -70px;
    right: -110px;
    z-index: 10;
}
.widget.testimonials-slider q:before {
    content: "";
    top: -55px;
    left: -80px;
    z-index: 10;
}
.widget.testimonials-slider .slider-control .fa {
    color: #CBCBCB;
    font-size: 120px;
    line-height: 1;
}
.widget.testimonials-slider .slider-control {
    height: 120px;
    margin-top: -100px;
    color: #e6e6e6;
    opacity: 0.5;
}
.widget.testimonials-slider .slider-control.right {
    right: -80px;
}
.widget.testimonials-slider .slider-control.left {
    left: -80px;
}
.widget.testimonials-slider .slider-control:hover {
    opacity: 1;
}

.widget.testimonials-slider .slider-dots {
    bottom: 0;
    top: auto;
}
.widget.testimonials-slider .dot {
    background: #cbcbcb;
    width: 5px;
    height: 8px;
    border: 0;
    border-radius: 0;
    margin: 0 10px;
    cursor: default;
}
.widget.testimonials-slider .dot-wrap.active .dot {
    background: #85b7e3;
    border-color: #85b7e3;
}



/*----- potfolio -------------------------------------------------------------*/

.widget.portfolio-more .items-wrap {
    width: 100%;
}
.widget.portfolio-more .item {
    width: 425px;
    height: 240px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.widget.portfolio-more .item:last-child {
    border-right-color: #526a7d;
}
.widget.portfolio-more .item .inner {
    position: relative;   
    width: 425px;
    height: 240px;
}
.widget.portfolio-more header.item {
    background: none repeat scroll 0 0 #F2664F;
    width: auto;
}
.widget.portfolio-more header.item .inner {
    width: auto;
}
.widget.portfolio-more header.item .item-title {
    color: #E5E4E4;
    font-family: 'robotolight',sans-serif;
    font-size: 24px;
    margin: 100px 0 0;
    text-transform: lowercase;
    text-align: center;
}
.widget.portfolio-more .item-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


/*----- project --------------------------------------------------------------*/

.widget.portfolio-project {
    width: 100%;
    overflow: hidden;
}
.widget.portfolio-project article header .btn {
    margin: 0 3px;
}
.widget.portfolio-project article header h1 {
    font-family: 'droid_serifitalic',serif;
    font-size: 32px;
    font-weight: normal;
    line-height: 1.15;
    margin: 0;
    padding: 7px 0 0;
}

.widget.portfolio-project .widget.article-wrap {
    box-shadow: 0 -20px 20px rgba(0, 0, 0, 0.25);
}

.widget.portfolio-project .project-image {
    max-width: 100%;
    width: 100%;
}

.screen-control {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FAFAFA;
    color: #666571;
    position: fixed;
    z-index: 120;
}
.screen-control:hover {
    background: #85b7e3;
    border-color: #85b7e3;
    color: #fff;
}
.js-expandable-control .secondary {
    display: none;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    font-size: 16px;
    font-family: 'droid_serifitalic', serif;
}
.screen-control.left .secondary {
    padding-left: 10px;
}
.screen-control.right .secondary {
    padding-right: 10px;
}
.screen-control.quit .secondary {
    line-height: 35px;
    padding-left: 15px;
}

.screen-control .fa {
    font-size: 40px;
}
.screen-control.left,
.screen-control.right {
    top: 50%;
    margin-top: -24px;
    padding: 18px 27px;
}
.screen-control.left {
    left: 0;
}
.screen-control.right {
    right: 0;
}
.screen-control.quit {
    top: 105px;
    right: 30px;
    font-family: 'robotothin', sans-serif;
    padding: 20px;
}
.screen-control.quit .fa {
    font-size: 56px;
    line-height: 33px;
}

.js-expandable-control.btn-md .secondary {
    padding-left: 12px;
    position: relative;
    top: -4px;
}

.widget.portfolio-project article .title-wrap {
    position: relative;
}
.widget.portfolio-project article header .categories {
    color: #707070;
    font-size: 12px;
    position: absolute;
    top: 0;
}
.widget.portfolio-project .category-link:hover {
    background-color: #fff;
}
.widget.portfolio-project .leading p {
    font-family: 'robotolight', sans-serif;
    font-size: 30px;
    line-height: 1.25;
    color: #5b768b;
    margin: 0 0 40px;
}

.widget.portfolio-project .images {
    display: block;
    position: relative;
}
.widget.portfolio-project .images-inner {
    display: block;
    position: relative;
    width: 1900px;
    margin-left: -950px;
    left: 50%;
    top: 0;
    text-align: center;
}
.widget.portfolio-project .images .item {
    position: relative;
}

.widget.portfolio-project .technologies {
    text-align: center;
}
.widget.portfolio-project .technologies .item {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 10px;
}
.widget.portfolio-project .technologies .item-img {
    height: 80px;
    width: 80px;
}


/*----- offer -------------------------------------------------------------*/

.widget.offer-subpage {
    height: 808px;
    text-align: center;
    color: #FFFFFF;
}
.widget.offer-subpage .widget-menu {
    margin: 6.25em 0 4.5em;
}
.widget.offer-subpage .widget-menu a {
    display: inline-block;
    margin: 10px;
    font-size: 1em;
}
.widget.offer-subpage .widget-menu a.current-item,
.widget.offer-subpage .widget-menu a.current-item:hover {
    background: #85b7e3;
    border-color: #85b7e3;
    color: #fff;
}
.widget.offer-subpage .widget-title {
    border-bottom: 1px solid #F9F8F8;
    font-family: 'droid_serifitalic',serif;
    font-size: 2.5em;
    font-weight: normal;
    margin: 1em auto;
    max-width: 600px;
    padding-bottom: 0.5em;
}

.widget.offer-subpage .screen-control.left,
.widget.offer-subpage .screen-control.right {
    top: 50%;
    margin-top: ;
}

.widget.offer-subpage .description {
    margin: 0 auto;
    max-width: 800px;
    margin-bottom: 3em;
    min-height: 10em;
}
.widget.offer-subpage .description p {
    font-family: 'robotolight',sans-serif;
    font-size: 1.4em;
    margin: 0 0 1em;
}
.widget.offer-subpage .teaser {
    width: 100%;
    margin-bottom: 5em;
}
.widget.offer-subpage .teaser-down {
    margin: 35px 0;
}
.widget.offer-subpage .teaser-down .fa {
    font-size: 21px;
}
.widget.offer-subpage p {
    margin: 0 0 1em;
    font-size: 1.1em;
    font-family: 'robotolight',sans-serif;
}

body.offer .widget.brief-teaser .arrow-down {
    top: -22%;
    color: #fff;
    display: block !important;
}


/*----- contact -----------------------------------------------------------*/

.widget.contact-page {

}
.widget.contact-page .widget.contact-info {
    background: #f9f8f8;
    position: absolute;
    bottom: 75px;
    width: 990px;
    left: 50%;
    margin-left: -495px;
    padding: 30px 40px;
    z-index: 10;
}
.widget.contact-page .widget.contact-info:after {
    display: block;
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 10px;
    background: rgba(0, 0, 0, 0.25);
}

.widget.contact-info .part-inline {
    margin-right: 15px;
}
.widget.contact-info .part-inline:last-child {
    margin-right: 0;
}

.part-inline {
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .xs-block {
        display: block;
    }
}

.widget.contact-page .page-header {
    float: left;
}
.widget.contact-page .contact-form {
    float: right;
}
.widget.contact-page .page-header {
    width: 290px;
}
.widget.contact-page .page-title {
    margin: 0 0 20px;
}
.widget.contact-page .page-header .details {
    font-size: 16px;
}
.widget.contact-page .page-header a {
    text-decoration: none;
    color: #666;
}
.widget.contact-page .page-header a:hover {
    text-decoration: underline;
    color: #85b7e3;
}

.widget.contact-form .form-group.text {
    margin-bottom: 8px;
}
.widget.contact-form .form-group.text input {
    width: 260px;
}
.widget.contact-form .form-group.textarea textarea {
    width: 310px;
    height: 175px;
}
.widget.contact-form .submit-button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
    padding-right: 0;
}
.widget.contact-form .submit-button:hover {
    color: #85b7e3;
}
.widget.contact-form .submit-button .fa {
    font-size: 16px;
    margin-left: 5px;
}
.widget.contact-form .messages {
    float: left;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    width: 400px;
}
.widget.contact-form .messages .fa {
    font-weight: normal;
}
.widget.contact-form .form-group {
    margin: 0 5px 5px 0;
}
.widget.contact-page #contact-map {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.widget.contact-page.js-fit-inactive #contact-map {
    display: block;
    height: 250px;
    position: relative;
    width: 100%;
}
.widget.contact-page.js-fit-inactive .page-header {
    float: none;
    width: 100%;
    text-align: center;
}
.widget.contact-page.js-fit-inactive .widget.contact-info {
    bottom: auto;
    height: auto;
    left: 0;
    margin-left: 0;
    position: relative;
    width: 100%;
    z-index: 12;
    padding: 50px 40px;
}
.widget.contact-page.js-fit-inactive {
    background: none;
}
.widget.contact-page.js-fit-inactive .contact-form {
    float: none;
}
.widget.contact-page.js-fit-inactive .messages {
    float: none;
    width: auto;
}
.widget.contact-page.js-fit-inactive .contact-form fieldset {
    float: none;
    width: 100%;
}
.widget.contact-page.js-fit-inactive .form-group {
    margin-right: 0;
}
.widget.contact-page.js-fit-inactive .form-group.text input {
    width: 100%;
}
.widget.contact-page.js-fit-inactive .form-group.textarea textarea {
    width: 100%;
}
.widget.contact-page.js-fit-inactive .page-header .details {
    margin-bottom: 2em;
}


/*----- brief -----------------------------------------------------------*/

.brief-page-wrap {
    background: #e5e4e4;
    text-align: center;
}

.widget.brief-page {
    background: #f9f8f8;
    margin: 50px auto;
    border-bottom: 10px solid #acabab;
    padding: 0 30px;
    z-index: 20;
}
.widget.brief-page .page-title {
    margin: 1.5em 0 1em;
}
.widget.brief-page p {
    margin: 0 0 2em;
    font-family: 'robotolight',sans-serif;
    font-size: 18px;
}
.widget.brief-page .messages {
    margin: 2em 0;
    font-size: 17px;
}
.widget.brief-page .message {
    border-width: 2px;
    border-style: solid;
    padding: 15px;
    text-align: center;
}
.widget.brief-page .message.text-danger {
    border-color: #EF654E;
}
.widget.brief-page .message.text-success {
    border-color: #4ba34d;
}

.brief-form {
    text-align: left;
}
.brief-form .form-group {
    margin-bottom: 40px;
}
.brief-form label {
    color: #85b7e3;
    display: block;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
}
.brief-form .col-xs-12 {
    padding: 0 10px;
}
.brief-form .form-group textarea {
    min-height: 120px;
    width: 100%;
}

.brief-form .additional-info p {
    font-size: 12px;
    line-height: 1.15;
}
.form-group.textarea + .additional-info {
    display: block;
    margin: -30px 15px 0;
    height: 40px;
}
.brief-form .additional-info p {
    margin: 0;
}
.brief-form .additional-info em {
    color: #85b7e3;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
}
.brief-form .form-group.submit .btn {
    font-size: 12px;
    font-weight: bold;
    min-width: 220px;
    text-transform: uppercase;
    padding: 15px;
}



/* ==========================================================================
   Media Queries
   ========================================================================== */

/*----- Desktopy duże -----*/
@media only screen and (min-width: 1200px) {
    .container {
        width: 990px;
    }
}

/*----- Desktopy małe -----*/
@media only screen and (max-width: 1199px) {
    .widget.testimonials-slider .slider-control.right {
        right: 0;
    }
    .widget.testimonials-slider .slider-control.left {
        left: 0;
    }
}

/*-----Tablety -----*/
@media only screen and (max-width: 1000px) {
    .widget.welcome-screen ul.offer {
        margin-left: 0;
        margin-right: 0;
    }

    .js-trigger-viewed .arrow-down {
        font-size: 25px;
    }

    .widget.portfolio-more .item:nth-child(n+3)
    {
        display: none;
    }

    .widget.offer-subpage .widget-menu a {
        margin: 5px;
        padding: 10px;
        width: 220px;
    }

    .widget.testimonials-screen .slider {
        padding-left: 30px;
        padding-right: 30px;
    }
    .widget.testimonials-slider .slider-control {
        margin-top: -120px;
    }
    .widget.testimonials-slider .slider-control.right {
        right: 0;
    }
    .widget.testimonials-slider .slider-control.left {
        left: 0;
    }
    .widget.testimonials-slider .slider-control .fa {
        font-size: 52px;
        line-height: 30px;
    }

    .slider-control .ico {
        width: 20px;
        height: 38px;
        background-size: auto 76px;
        margin: -19px 0 0 -10px;
    }
    .slider-control.left .ico {
        background-position: 0 0;
    }
    .slider-control.left:hover .ico {
        background-position: 0 -38px;
    }
    .slider-control.right .ico {
        background-position: -20px 0;
    }
    .slider-control.right:hover .ico {
        background-position: -20px -38px;
    }


    .widget.testimonials-slider .item-content {
        padding: 15px 70px 70px 70px;
    }
    .widget.testimonials-slider .item-content:before {
        background: none;
    }
    .widget.testimonials-slider q:before {
        left: -60px;
        top: -14px;
    }
    .widget.testimonials-slider q:after,
    .widget.testimonials-slider q:before {
        font-size: 50px;
    }
    .widget.testimonials-slider q:after {
        right: -90px
    }

    .widget.contact-page #contact-map {
        display: block;
        height: 250px;
        position: relative;
        width: 100%;
    }
    .widget.contact-page .page-header {
        float: none;
        width: 100%;
        text-align: center;
    }
    .widget.contact-page .widget.contact-info {
        bottom: auto;
        height: auto;
        left: 0;
        margin-left: 0;
        position: relative;
        width: 100%;
        z-index: 12;
        padding: 50px 40px;
    }
    .widget.contact-page {
        background: none;
    }
    .widget.contact-page .contact-form {
        float: none;
    }
    .widget.contact-form .messages {
        float: none;
        width: auto;
    }
    .widget.contact-page .contact-form fieldset {
        float: none;
        width: 100%;
    }
    .widget.contact-form .form-group {
        margin-right: 0;
    }
    .widget.contact-form .form-group.text input {
        width: 100%;
    }
    .widget.contact-form .form-group.textarea textarea {
        width: 100%;
    }
    .widget.contact-page .page-header .details {
        margin-bottom: 2em;
    }

    .widget.offer-subpage .widget-menu {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .widget.offer-subpage .widget-menu a {
        font-size: 1.2em;
    }
}

/*----- Komórki -----*/
@media only screen and (max-width: 767px) {
    .screen-control {
        display: none;
    }

    .widget.article-wrap article {
        padding: 15px;
    }
    .js-full-bleed {
        max-width: 100%;
    }
    .js-fit-screen .screen-bg {
        max-width: none;
    }
    .widget.offer-subpage .widget-menu {
        margin: 3em auto 0;
        max-width: 500px;
    }

    .widget.offer-subpage .widget-title,
    .widget.offer-subpage .description {
        margin-left: auto;
        margin-right: auto;
    }

    .widget.brief-page {
        margin: 0;
    }
    .widget.brief-page .page-title {
        margin: 30px 0 1em;
    }
    .brief-form .form-group.submit {
        text-align: center;
    }
    .brief-form .form-group.submit .btn {
        display: inline-block;
    }
    .widget.brief-page .brief-form .additional-info {
        margin-bottom: 2em;
    }

    .about-page section.widget {
        padding: 0 15px 4em;
    }
    
    .widget.clients-logos .clients-item {
        padding: 10px;
        width: 100%;
        height: 130px;
        line-height: 130px;
    }

    .col img,
    .widget.clients-logos .col img,
    .js-center img {
        max-width: 100%;
    }

    .about-page .section-title {
        min-width: 0;
    }

    .widget.offer-subpage .widget-menu a {
        font-size: 14px;
    }

    .widget.testimonials-screen .slider {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0;
        padding-top: 10px;
    }
    .widget.testimonials-slider .slider-inner,
    .widget.testimonials-slider .slider .item {
        height: auto;
    }
    .widget.testimonials-screen .slider-control.left,
    .widget.testimonials-screen .slider-control.right {
        width: 50px;
    }
    .widget.testimonials-screen .slider-control.left {
        left: -15px;
    }
    .widget.testimonials-screen .slider-control.right {
        right: -15px;
    }

    .widget.article-wrap article header {
        padding-top: 25px;
        padding-bottom: 40px;
        text-align: center;
        margin-bottom: 25px;
    }
    .widget.portfolio-project article .title-wrap {
        float: none !important;
        margin-bottom: 2em;
    }
    .widget.portfolio-project article .project-links {
        float: none !important;
    }
    .widget.portfolio-project article header h1 {
        font-size: 28px;
    }
    .widget.article-wrap p {
        font-size: 16px;
    }

    .widget.portfolio-project .technologies {
        margin: 0 auto;
        max-width: 350px;
    }

    .widget.article-wrap article header,
    .widget.portfolio-project .description,
    .widget.portfolio-project .technologies {
        margin-bottom: 40px;
    }

    .about-page .section-title {
        font-size: 28px;
    }

    .widget.offer-subpage .widget-content {
        padding: 0 25px;
    }
    .widget.offer-subpage .widget-title {
        font-size: 2.5em;
        line-height: 1.15;
        margin: 1.5em auto 1em;
        padding-bottom: 1.5em;
    }
    .widget.offer-subpage .description p {
        font-size: 1.4em;
    }

    .widget.team-screen p {
        font-size: 16px;
    }

    .team-list .col img {
        padding: 10px;
    }

    .slider.fade-sides .slider-inner:before,
    .slider.fade-sides .slider-inner:after {
        width: 30px;
    }
    .widget.testimonials-slider .item-content {
        padding: 30px;
    }
    .widget.testimonials-slider q,
    .widget.testimonials-slider .author {
        font-size: 16px;
    }
    .widget.testimonials-slider q:after,
    .widget.testimonials-slider q:before {
        font-size: 30px;
    }
    .widget.testimonials-slider q:before {
        left: 0;
        top: -30px;
    }
    .widget.testimonials-slider q:after {
        right: 0;
        bottom: -30px;
    }
    .widget.testimonials-slider .author {
        margin-top: 30px;
    }
}

/* Top menu */
@media only screen and (max-width: 1120px) {
    .top-nav .main-nav > li > a {
        height: 45px;
    }
    .top-nav .main-nav .front-face,
    .top-nav .main-nav .hover-face {
        font-size: 12px;
        padding: 22px 35px 18px;
    }
    .top-nav .main-nav .hover-face .fa {
        font-size: 16px;
    }

    .top-nav .navbar-brand {
        height: 55px;
    }
    .top-nav .navbar-brand .hover-face,
    .top-nav .navbar-brand .front-face {
        height: 55px;
    }
    .top-nav .navbar-brand .front-face {
        padding: 20px;
    }
    html.csstransforms3d:not([data-useragent*="MSIE 10.0"]) .top-nav .navbar-brand .hover-face {
        padding: 7px 0 10px;
    }
    html.csstransforms3d:not([data-useragent*="MSIE 10.0"]) .flip-flop .front-face {
        -webkit-transform: translateZ(28px);
        -moz-transform: translateZ(28px);
        transform: translateZ(28px);
    }
    html.csstransforms3d:not([data-useragent*="MSIE 10.0"]) .flip-flop .hover-face {
        padding: 35px 0 17px;
    }

    .top-nav {
        height: 60px;
        min-height: 60px;
    }
    body {
        padding-top: 60px;
    }

    .nav.lang-nav li a,
    .nav.social-nav li a {
        margin: 10px 0; 
    }

    #top-brief {
        margin-top: 12px;
    }
}
@media only screen and (max-width: 1000px) {
    .top-nav .main-nav .front-face,
    .top-nav .main-nav .hover-face {
        padding: 20px 25px;
    }
}
@media only screen and (max-width: 920px) {
    .top-nav .main-nav .front-face,
    .top-nav .main-nav .hover-face {
        padding: 22px 15px 18px;
    }
}
@media only screen and (max-width: 920px) {
    #top-brief {
        display: none;
    }
}
@media only screen and (max-width: 800px) {
    .top-nav .main-nav .front-face,
    .top-nav .main-nav .hover-face {
        padding: 20px 13px;
    }
}
@media only screen and (max-width: 767px) {
    .top-nav {
        min-height: 0;
    }
    .top-nav .main-nav > li > a {
        height: auto;
    }
    html.csstransforms3d:not([data-useragent*="MSIE 10.0"]) .top-nav .navbar-brand .hover-face {
        padding: 7px 0 10px;
    }
    html.csstransforms3d:not([data-useragent*="MSIE 10.0"]) .flip-flop .front-face,
    html.csstransforms3d:not([data-useragent*="MSIE 10.0"]) .flip-flop .hover-face {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        border: 0;
    }
    html.csstransforms3d:not([data-useragent*="MSIE 10.0"]) .flip-flop .hover-face {
        padding: 35px 0 17px;
    }
    html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop {
        margin: 0;
    }
    html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop:hover {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        z-index: 22;
    }
    html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop .front-face,
    html.csstransforms3d:not([data-useragent*='MSIE 10.0']) .flip-flop .hover-face
    {
        margin: 0;
    }
    .top-nav .navbar-brand .hover-face,
    .top-nav .navbar-brand .front-face {
        width: 190px;
        padding: 16px;
    }
    .navbar-header .flip-flop .hover-face {
        display: none !important;
    }

    .top-nav .main-nav .front-face,
    .top-nav .main-nav .hover-face {
        font-size: 16px;
        font-family: 'robotolight', sans-serif;
        color: #666571;
        padding: 20px 20px 20px 13px;
    }
    .top-nav .main-nav .flip-flop:hover .front-face,
    .top-nav .main-nav .flip-flop:hover .hover-face {
        color: #85b7e3;
    }

    .top-nav .nav.navbar-nav.main-nav .flip-flop {
        display: block;
        width: 100%;
    }
    .top-nav .nav.navbar-nav.main-nav .hover-face {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        border: 0 none;
        display: block;
        left: 0;
        padding: 20px 25px;
        position: absolute;
        top: 0;
        width: 50px;
    }
    .top-nav .nav.navbar-nav.main-nav .front-face {
        margin-left: 50px;
        border: 0;
    }

    .top-nav .nav.navbar-nav.main-nav .current-item {
        background: #85b7e3;
    }
    .top-nav .nav.navbar-nav.main-nav .current-item .front-face,
    .top-nav .nav.navbar-nav.main-nav .current-item .hover-face {
        background: none;
        color: #f9f8f8;
    }

    .navbar-nav {
        margin: 0;
    }

    .top-nav .navbar-collapse {
        background: none repeat scroll 0 0 #F9F8F8;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 65px;
        min-width: 50%;
        border-top: 1px solid #ba872a;
    }

    .footer-contacts .info .part {
        display: block;
        margin-right: 0;
        margin-bottom: 1em;
    }
    .footer-contacts .logo-wrap {
        margin-top: 4em;
    }

    .top-nav-left li {
        border-bottom: 1px solid #e5e4e4;
    }
    .top-nav-right ul,
    .top-nav-right li {
        display: inline-block;
    }
    .top-nav-right .social-nav {
        float: right;
    }
    .nav.lang-nav {
        margin: 0 15px;
    }
}

@media only screen and (max-width: 550px) {
    .top-nav .navbar-collapse {
        min-width: 70%;
    }
}

@media only screen and (max-width: 767px) and (max-height: 450px) {
    .top-nav .navbar-collapse {
        width: 100%;
    }
    .top-nav .navbar-collapse .navbar-left li {
        float: left;
        width: 33%;
        border: 0;
    }
    .top-nav .navbar-collapse .main-nav .front-face,
    .top-nav .navbar-collapse .main-nav .hover-face {
        font-size: 14px;
        padding: 17px 3px;
    }
    .top-nav .navbar-collapse .nav.navbar-nav.main-nav .hover-face {
        padding-right: 0;
        padding-left: 10px;
    }
    .navbar-right.top-nav-right {
        border-top: 1px solid #e5e4e4;
        margin-top: 5px;
    }
    .nav.lang-nav li a, .nav.social-nav li a {
        margin: 5px 0;
    }
}

/* Portfolio */
@media only screen and (max-width: 2000px) {
    .widget.portfolio-more .item:nth-child(n+6)
    {
        display: none;
    }
}
@media only screen and (max-width: 1800px) {
    .widget.portfolio-more .item:nth-child(n+5)
    {
        display: none;
    }
}
@media only screen and (max-width: 1500px) {
    .widget.portfolio-more .item:nth-child(n+4)
    {
        display: none;
    }
}

/* Noise */
 @media only screen and (min-width: 768px) {   
    .widget .layer-noise.gray {
        background-image: url(img/grey-noise.gif);
    }
}
@media only screen and (max-width: 767px) {
    .widget .layer-noise.gray {
        background-image: url(img/grey-noise-m.gif);
    }
}


/*----- Print -----*/

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/*----- bootstrap grid xxs -------------------------------------------------------------*/

@media only screen and (max-width: 700px) {
    .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
      float: left;
      position: relative;
      min-height: 1px;
    }
    .col-xxs-12 {
      width: 100%;
    }
    .col-xxs-11 {
      width: 91.66666667%;
    }
    .col-xxs-10 {
      width: 83.33333333%;
    }
    .col-xxs-9 {
      width: 75%;
    }
    .col-xxs-8 {
      width: 66.66666667%;
    }
    .col-xxs-7 {
      width: 58.33333333%;
    }
    .col-xxs-6 {
      width: 50%;
    }
    .col-xxs-5 {
      width: 41.66666667%;
    }
    .col-xxs-4 {
      width: 33.33333333%;
    }
    .col-xxs-3 {
      width: 25%;
    }
    .col-xxs-2 {
      width: 16.66666667%;
    }
    .col-xxs-1 {
      width: 8.33333333%;
    }
    .col-xxs-1 {
      width: 8.33333333%;
    }
    .col-xxs-pull-12 {
      right: 100%;
    }
    .col-xxs-pull-11 {
      right: 91.66666667%;
    }
    .col-xxs-pull-10 {
      right: 83.33333333%;
    }
    .col-xxs-pull-9 {
      right: 75%;
    }
    .col-xxs-pull-8 {
      right: 66.66666667%;
    }
    .col-xxs-pull-7 {
      right: 58.33333333%;
    }
    .col-xxs-pull-6 {
      right: 50%;
    }
    .col-xxs-pull-5 {
      right: 41.66666667%;
    }
    .col-xxs-pull-4 {
      right: 33.33333333%;
    }
    .col-xxs-pull-3 {
      right: 25%;
    }
    .col-xxs-pull-2 {
      right: 16.66666667%;
    }
    .col-xxs-pull-1 {
      right: 8.33333333%;
    }
    .col-xxs-pull-0 {
      right: 0%;
    }
    .col-xxs-push-12 {
      left: 100%;
    }
    .col-xxs-push-11 {
      left: 91.66666667%;
    }
    .col-xxs-push-10 {
      left: 83.33333333%;
    }
    .col-xxs-push-9 {
      left: 75%;
    }
    .col-xxs-push-8 {
      left: 66.66666667%;
    }
    .col-xxs-push-7 {
      left: 58.33333333%;
    }
    .col-xxs-push-6 {
      left: 50%;
    }
    .col-xxs-push-5 {
      left: 41.66666667%;
    }
    .col-xxs-push-4 {
      left: 33.33333333%;
    }
    .col-xxs-push-3 {
      left: 25%;
    }
    .col-xxs-push-2 {
      left: 16.66666667%;
    }
    .col-xxs-push-1 {
      left: 8.33333333%;
    }
    .col-xxs-push-0 {
      left: 0%;
    }
    .col-xxs-offset-12 {
      margin-left: 100%;
    }
    .col-xxs-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-xxs-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-xxs-offset-9 {
      margin-left: 75%;
    }
    .col-xxs-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-xxs-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-xxs-offset-6 {
      margin-left: 50%;
    }
    .col-xxs-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-xxs-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-xxs-offset-3 {
      margin-left: 25%;
    }
    .col-xxs-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-xxs-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-xxs-offset-0 {
      margin-left: 0%;
    }
}

/*----- bootstrap grid xlg -------------------------------------------------------------*/

@media only screen and (min-width: 1800px) {
    .col-xlg-1, .col-xlg-2, .col-xlg-3, .col-xlg-4, .col-xlg-5, .col-xlg-6, .col-xlg-7, .col-xlg-8, .col-xlg-9, .col-xlg-10, .col-xlg-11, .col-xlg-12 {
      float: left;
      position: relative;
      min-height: 1px;
    }
    .col-xlg-12 {
      width: 100%;
    }
    .col-xlg-11 {
      width: 91.66666667%;
    }
    .col-xlg-10 {
      width: 83.33333333%;
    }
    .col-xlg-9 {
      width: 75%;
    }
    .col-xlg-8 {
      width: 66.66666667%;
    }
    .col-xlg-7 {
      width: 58.33333333%;
    }
    .col-xlg-6 {
      width: 50%;
    }
    .col-xlg-5 {
      width: 41.66666667%;
    }
    .col-xlg-4 {
      width: 33.33333333%;
    }
    .col-xlg-3 {
      width: 25%;
    }
    .col-xlg-2 {
      width: 16.66666667%;
    }
    .col-xlg-1 {
      width: 8.33333333%;
    }
    .col-xlg-1 {
      width: 8.33333333%;
    }
    .col-xlg-pull-12 {
      right: 100%;
    }
    .col-xlg-pull-11 {
      right: 91.66666667%;
    }
    .col-xlg-pull-10 {
      right: 83.33333333%;
    }
    .col-xlg-pull-9 {
      right: 75%;
    }
    .col-xlg-pull-8 {
      right: 66.66666667%;
    }
    .col-xlg-pull-7 {
      right: 58.33333333%;
    }
    .col-xlg-pull-6 {
      right: 50%;
    }
    .col-xlg-pull-5 {
      right: 41.66666667%;
    }
    .col-xlg-pull-4 {
      right: 33.33333333%;
    }
    .col-xlg-pull-3 {
      right: 25%;
    }
    .col-xlg-pull-2 {
      right: 16.66666667%;
    }
    .col-xlg-pull-1 {
      right: 8.33333333%;
    }
    .col-xlg-pull-0 {
      right: 0%;
    }
    .col-xlg-push-12 {
      left: 100%;
    }
    .col-xlg-push-11 {
      left: 91.66666667%;
    }
    .col-xlg-push-10 {
      left: 83.33333333%;
    }
    .col-xlg-push-9 {
      left: 75%;
    }
    .col-xlg-push-8 {
      left: 66.66666667%;
    }
    .col-xlg-push-7 {
      left: 58.33333333%;
    }
    .col-xlg-push-6 {
      left: 50%;
    }
    .col-xlg-push-5 {
      left: 41.66666667%;
    }
    .col-xlg-push-4 {
      left: 33.33333333%;
    }
    .col-xlg-push-3 {
      left: 25%;
    }
    .col-xlg-push-2 {
      left: 16.66666667%;
    }
    .col-xlg-push-1 {
      left: 8.33333333%;
    }
    .col-xlg-push-0 {
      left: 0%;
    }
    .col-xlg-offset-12 {
      margin-left: 100%;
    }
    .col-xlg-offset-11 {
      margin-left: 91.66666667%;
    }
    .col-xlg-offset-10 {
      margin-left: 83.33333333%;
    }
    .col-xlg-offset-9 {
      margin-left: 75%;
    }
    .col-xlg-offset-8 {
      margin-left: 66.66666667%;
    }
    .col-xlg-offset-7 {
      margin-left: 58.33333333%;
    }
    .col-xlg-offset-6 {
      margin-left: 50%;
    }
    .col-xlg-offset-5 {
      margin-left: 41.66666667%;
    }
    .col-xlg-offset-4 {
      margin-left: 33.33333333%;
    }
    .col-xlg-offset-3 {
      margin-left: 25%;
    }
    .col-xlg-offset-2 {
      margin-left: 16.66666667%;
    }
    .col-xlg-offset-1 {
      margin-left: 8.33333333%;
    }
    .col-xlg-offset-0 {
      margin-left: 0%;
    }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

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

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

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

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

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

.invisible {
    visibility: hidden;
}

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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

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

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

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

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

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

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

    thead {
        display: table-header-group;
    }

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

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

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

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