/*!
 *  Font Awesome 4.3.0 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(//konsol.su/wp-content/themes/privado/fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0);src:url(//konsol.su/wp-content/themes/privado/fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(//konsol.su/wp-content/themes/privado/fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(//konsol.su/wp-content/themes/privado/fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(//konsol.su/wp-content/themes/privado/fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(//konsol.su/wp-content/themes/privado/fonts/font-awesome-4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.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:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.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-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-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-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-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,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-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-f:before,.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-navicon:before,.fa-reorder:before,.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-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc: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-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-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,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-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"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}/*
====================================================
* [Master Stylesheet]

  Theme Name : Privado 
  Version    :  1.0
  Author     :  Codetic
  Author URI :  http://themeforest.net/user/Codetic
====================================================

   TOC:
  =======

  1. Primary Styles
      a. Homepage Backgrounds
      b. Fun Facts Styles
      c. Footer Styles
      d. Navigation Menu Styles

  2. Preloader Styles

  3. Main Components

  4. Profile Section
      a. Services Styles
      a. Blog Styles

  5. Resume Section
      a. Skills Styles
      b. Recognition Styles

  6. Portfolio Section
      a. Testimonials Styles

  7. Contact Section
      a. Social and Map Styles

===================================================== */


/* -------------------------------- 
1. Primary style
-------------------------------- */

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

html {
  font-size:62.5%;
}

body {
  background:#101524;
  font-size:1.6rem;
  font-family:"PT Sans",sans-serif;
  color:#fff;
  overflow-x: hidden;
}

a {
  color:#F56A6A;
  text-decoration:none;
}


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


h1,h2,h3,h4,h5,h6 {
  font-family:"Merriweather",serif
}

h1 {
  font-size:2em;
  margin:.67em 0
}

h2 {
  font-size:1.5em;
  margin:.75em 0
}

h3 {
  font-size:1.17em;
  margin:.83em 0
}

h5 {
  font-size:.83em;
  margin:1.5em 0
}

h6 {
  font-size:.75em;
  margin:1.67em 0
}

ul li {
  list-style: none;
}

.btn {
  position:relative;
  overflow:hidden;
  display:inline-block;
  vertical-align:top;
  color:#34a1c4;
  text-decoration:none;
  font-weight:700;
  border:2px solid #34a1c4;
  padding:1em 5em;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s
}

.btn:hover {
  background:#34a1c4;
  color:#fff;
  padding:1em 5em
}

code, tt {
    background: none repeat scroll 0 0 #444;
    border: 1px solid #2b2d26;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    padding: 3px 5px;
}

#form-allowed-tags code {
  background: none repeat scroll 0 0 #b8b8b8;
  border: 1px solid #a8a8a8;
}

pre {
    background-color: #272822;
    background: -moz-repeating-linear-gradient(center top , #272822 0px, #272822 32px, #2b2d26 32px, #2b2d26 64px);
    border: 20px solid #272822;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    font-size: 15px;
    line-height: 32px;
    margin: 1.6em 0;
    overflow: auto;
    padding: 0 10px;
    white-space: pre-wrap;
    word-wrap: break-word;
    width: 100%;
}
pre code {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: inherit;
    padding: 0;
    white-space: pre-wrap;
}

table {
    background-color: transparent;
    box-sizing: border-box;
    margin: 1.6em 0;
    max-width: 100%;
    width: 100%;
}
table th, table td {
    border-top: 1px solid #efefef;
    font-size: 16px;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
table th {
    color: #000;
}
table caption + thead tr:first-child th, table caption + thead tr:first-child td, table colgroup + thead tr:first-child th, table colgroup + thead tr:first-child td, table thead:first-child tr:first-child th, table thead:first-child tr:first-child td {
    border-top: 0 none;
}
table tbody + tbody {
    border-top: 2px solid #efefef;
}
table table table {
    background-color: #fff;
}
table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
    background-color: #f6f6f6;
}

.menu-desc {
  opacity:0!important;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s
}

.single-page:hover .menu-desc {
  opacity:1!important
}

.page-title span {
  display:block
}

.page-title span i {
  background:none repeat scroll 0 0 rgba(255,255,255,0.1);
  border-radius:50%;
  box-shadow:0 0 0 30px transparent;
  display:inline-block;
  font-size:2.5em;
  padding:.5em;
  height:2em;
  line-height:1em;
  text-align:center;
  width:2em;
  margin:15px auto;
  display:block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.single-page:hover .page-title span i {
  box-shadow:0 0 0 0 rgba(255,255,255,0.1);
  -webkit-transition: box-shadow .4s ease-in-out;
  -moz-transition: box-shadow .4s ease-in-out;
  -o-transition: box-shadow .4s ease-in-out;
  -ms-transition: box-shadow .4s ease-in-out;
  transition: box-shadow .4s ease-in-out
}


/* ------------------------------------------------
/*  1.a. Home Page backgrounds 
/* ------------------------------------------------*/


/* never visible - this is used in jQuery to detect if the background image has been loaded  */

.page-container .single-page::before {
  content: 'desktop';
  display: none;
}
.page-container .single-page:first-of-type::before {
  content:'img/img-1-large.jpg';
}

.page-container .single-page:nth-of-type(2)::before {
  content:'img/img-2-large.jpg';
}

.page-container .single-page:nth-of-type(3)::before {
  content:'img/img-3-large.jpg';
}

.page-container .single-page:nth-of-type(4)::before {
  content:'img/img-4-large.jpg'
}


/* -------------------------------- 
    1.b. Fun Facts Styles
-------------------------------- */

.fun-facts {
  background-color: #28292e!important;
  overflow:hidden;
  padding:20px
}

.fun-facts ul {
  width:80%;
  display:block;
  margin:0 auto;
  padding: 0;
}

.fun-facts ul li {
  border-right: 2px solid #fff;
  color: #fff;
  display: inline-block;
  float: left;
  margin: 30px auto;
  padding: 5px 0;
  text-align: center;
  width: 20%;
}

.fun-facts ul li:last-child {
  border-right:2px transparent
}

.fun-facts h3 {
  font-family:"Merriweather",serif;
  font-size:40px;
  letter-spacing:1px;
  margin:10px;
  padding:5px
}

.fun-facts h3 i {
  font-size:40px
}

.fun-facts h5 {
  font-family:pt sans;
  font-size:13px;
  letter-spacing:1px;
  margin:5px;
  padding:10px;
  text-transform: uppercase
}


/* -------------------------------- 
    1.c. Footer Styles
-------------------------------- */

.footer {
  background:none repeat scroll 0 0 #ebebeb;
  display:block;
  min-height:60px;
  padding:20px 50px;
}

.footer a {
  color:#3f3f46;
  font-size:13px;
  font-weight:700;
  padding-right:40px;
  position:relative;
  text-decoration:none;
  text-transform: uppercase
}

.footer a:after {
  background: none repeat scroll 0 0 #3f3f46;
  content: "";
  height: 10px;
  margin: -5px 15px 0 0;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
}

.footer, .footer p {
  color:#b1b1b1;
  font-size:12px;
  font-weight:400;
}

.footer p {
  margin: 0;
}

/* ------------------------------------------- */
/* 1.d. Navigation Menu Styles           */ 
/* ------------------------------------------- */

/* Off canvas Navigation */

a.nav-expander {
  background: none repeat scroll 0 0 rgba(44, 47, 53, 0.6);
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: 400;
  height: 50px;
  margin-right: 0;
  position: absolute;
  right: 40px;
  text-decoration: none;
  text-transform: uppercase;
  top: 40px;
  width: 60px;
  z-index: 999;

  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;

}

a.nav-expander:hover {
  cursor: pointer;
}

a.nav-expander.fixed {
  position: fixed;
}

.nav-expanded a.nav-expander.fixed {
    right: 20em;
}


nav.primary-menu {
  background: #2C2F35;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -20em;
  font-size: 15px;
  top: 0;
  width: 20em;
  z-index: 2000;

  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;

}
.nav-expanded nav {
  right: 0;
}

body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}

.nav-header h2 {
  border-bottom: 3px solid #54585b;
  font-size: 18px;
  line-height: 1.5;
  margin: 20px;
  padding: 50px 20px 20px;
  text-align: center;
  text-transform: uppercase;
}

.main-menu {
  padding-top: 12px;
}

.main-menu {
  padding-left: 12px;
  padding-top: 12px;
}

.main-menu ul {
  padding-left: 0;
}

.main-menu li {
  border-bottom: 1px solid rgba(90, 90, 90, 0.2);
  font-size: 16px;
  font-weight: 700;
  margin: 0 20px;
  padding: 15px;
  text-transform: uppercase;
}

.main-menu li a {
  color: #898989;
  text-decoration: none;
}

.main-menu li a:hover {
  color: #C5C4BF;
  text-decoration: none;
}

ul.children, ul.sub-menu {
  margin-top: 5px;
}

ul.children li, ul.sub-menu li {
  border-bottom: 0 none;
  font-size: 15px;
  padding: 8px 4px;
}

.main-menu li.menu-item-has-children > a::after,
.main-menu li.page_item_has_children > a::after {
  content: "\f0d7";
  font-family: "FontAwesome";
  margin-left: 7px;
}


.menu-expander {
  position: relative;
}

.nav-expander {
  position: relative;
  display: block;
  width: 55px;
  height: 55px;
}
.nav-expander:after, .nav-expander:before {
  content: "";
}
.nav-expander span, .nav-expander::after, .nav-expander::before {
  backface-visibility: hidden;
  position: absolute;
  left: 15px;
  right: 15px;
  border-top: 3px solid #fff;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.nav-expander::before {
  top: 14px;
}
.nav-expander span {
  top: 24px;
}
.nav-expander::after {
  top: 34px;
}
.nav-expander.active::before, .nav-expander.active::after {
  top: 24px;
  backface-visibility: hidden;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.nav-expander.active::before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-expander.active span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.nav-expander.active::after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* ------------------------------------------- */
/* 2. Preloader CSS */ 
/* ------------------------------------------- */

#preloader{
  background-color:#101524; 
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:9999;  
}

.loader {
  background: url(//konsol.su/wp-content/themes/privado/img/svg-loaders/puff.svg) no-repeat scroll center center rgba(0, 0, 0, 0);
  height: 50px;
  width: 50px;
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);

}



/* -------------------------------- 
/*   3. Main Components 
-------------------------------- */

.page-container {
  height:100vh;
  width:100vw;
  position:relative;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch
}

.page-container::before {
/* never visible - this is used in jQuery to check the current MQ */
  content:'mobile';
  display:none
}

.page-container .single-page {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:25%;
  overflow:hidden;
  cursor:pointer;
  -webkit-transition: -webkit-transform .4s;
  -moz-transition: -moz-transform .4s;
  -ms-transition: -moz-transform .4s;
  -o-transition: -moz-transform .4s;
  transition: transform .4s;
/* on mobile -  move items outside the viewport */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.page-container .single-page::after {
/* background image */
  content:'';
  position:absolute;
  top:0;
  left:0;
  height:25vh;
  width:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  -webkit-transition: opacity 0.5s,height .4s;
  -moz-transition: opacity 0.5s,height .4s;
  -ms-transition: opacity 0.5s,height .4s;
  -o-transition: opacity 0.5s,height .4s;
  transition: opacity 0.5s,height .4s
}



.page-container .single-page:nth-of-type(2) {
  top:25vh
}


.page-container .single-page:nth-of-type(3) {
  top:50vh
}


.page-container .single-page:nth-of-type(4) {
  top:75vh
}

.page-container .single-page.is-loaded {
/* move items in the viewport when background images have been loaded */
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.page-container .single-page.is-full-width {
  /* selected item */
  top: 0;
  height: auto;
  z-index: 1;
  cursor: auto;
  -webkit-transition: z-index 0s 0s, top 0.4s 0s;
  -moz-transition: z-index 0s 0s, top 0.4s 0s;
  -ms-transition: z-index 0s 0s, top 0.4s 0s;
  -o-transition: z-index 0s 0s, top 0.4s 0s;
  transition: z-index 0s 0s, top 0.4s 0s;
}

.page-container .single-page.is-full-width::after {
  height:100vh;
}


.page-title {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 12.5vh;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}


.is-full-width .page-title {
  top: 50vh;
  -webkit-transition: opacity 0s, top 0.4s;
  -moz-transition: opacity 0s, top 0.4s;
  -ms-transition: opacity 0s, top 0.4s;
  -o-transition: opacity 0s, top 0.4s;
  transition: opacity 0s, top 0.4s;
}

.page-title > * {
  text-shadow:0 1px 4px rgba(0,0,0,0.2);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.page-title h2 {
  font-family: "PT Sans",sans-serif;
  font-size: 2.25em;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.5em;
  margin: 20px auto 5px;
  text-transform: uppercase;
}

.page-title p {
  font-size:1.4rem;
  font-family:"Merriweather",serif;
  font-style:italic;
  line-height:1.2;
  padding:.5em 2em;
  display:block;
  opacity:.6
}

.page-info {
  position:relative;
  z-index:1;
  clear:both;
  visibility:hidden;
  opacity:0;
  margin-top:100vh;
  cursor:auto;
  background-color:#fff;
  color:#3f538e;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -ms-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -o-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}

.is-full-width .page-info {
  visibility:visible;
  opacity:1
}

.page-container .page-close, .page-container .page-scroll {
  display:block;
  z-index:1;
  width:44px;
  height:44px;
/* image replacement */
  overflow:hidden;
  text-indent:100%;
  white-space:nowrap;
  visibility:hidden;
  -webkit-transition:  -webkit-transform 1s 0s, visibility 0s 1s;
  -moz-transition:  -moz-transform 1s 0s, visibility 0s 1s;
  -ms-transition:  -moz-transform 1s 0s, visibility 0s 1s;
  -o-transition:  -moz-transform 1s 0s, visibility 0s 1s;
  transition:  transform 1s 0s, visibility 0s 1s;
}

.page-container .page-close {
  position:fixed;
  top:30px;
  right:5%;
  background:url(//konsol.su/wp-content/themes/privado/img/icons/icon-close-mobile.svg) no-repeat center center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}

.page-container .page-scroll {
  position:absolute;
  bottom:30px;
  left:50%;
  -webkit-transform: translateX(-50%) scale(0);
  -moz-transform: translateX(-50%) scale(0);
  -ms-transform: translateX(-50%) scale(0);
  -o-transform: translateX(-50%) scale(0);
  transform: translateX(-50%) scale(0);
  background:url(//konsol.su/wp-content/themes/privado/img/icons/icon-arrow-mobile.svg) no-repeat center center
}

.project-is-open .page-close,.project-is-open .page-scroll {
  visibility:visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
  -ms-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
  -o-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
  transition: transform 0.4s 0s, visibility 0s 0s;
}

.project-is-open .page-scroll {
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1);
  -webkit-animation:cd-translate 1.2s .4s;
  -moz-animation:cd-translate 1.2s .4s;
  animation:cd-translate 1.2s .4s;
  -webkit-animation-iteration-count:2;
  -moz-animation-iteration-count:2;
  animation-iteration-count:2
}

.no-touch .project-is-open .page-close:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2)
}

.no-touch .project-is-open .page-scroll:hover {
  -webkit-transform: translateX(-50%) scale(1.2);
  -moz-transform: translateX(-50%) scale(1.2);
  -ms-transform: translateX(-50%) scale(1.2);
  -o-transform: translateX(-50%) scale(1.2);
  transform: translateX(-50%) scale(1.2)
}

@-webkit-keyframes cd-translate {
0% {
  -webkit-transform: translateX(-50%) scale(1)
}

50% {
  -webkit-transform: translateY(10px) translateX(-50%) scale(1)
}

100% {
  -webkit-transform: translateX(-50%) scale(1)
}
}

@-moz-keyframes cd-translate {
0% {
  -moz-transform: translateX(-50%) scale(1)
}

50% {
  -moz-transform: translateY(10px) translateX(-50%) scale(1)
}

100% {
  -moz-transform: translateX(-50%) scale(1)
}
}

@keyframes cd-translate {
0% {
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1)
}

50% {
  -webkit-transform: translateY(10px) translateX(-50%) scale(1);
  -moz-transform: translateY(10px) translateX(-50%) scale(1);
  -ms-transform: translateY(10px) translateX(-50%) scale(1);
  -o-transform: translateY(10px) translateX(-50%) scale(1);
  transform: translateY(10px) translateX(-50%) scale(1)
}

100% {
  -webkit-transform: translateX(-50%) scale(1);
  -moz-transform: translateX(-50%) scale(1);
  -ms-transform: translateX(-50%) scale(1);
  -o-transform: translateX(-50%) scale(1);
  transform: translateX(-50%) scale(1)
}
}


/* Screens Resolution : 768px+
--------------------------------------------------------------------- */

@media only screen and (min-width: 768px) {


.page-container .single-page {
  width:25vw;
  height:100%;
  opacity:0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: width 0s;
  -moz-transition: width 0s;
  transition: width 0s;
}

.page-container .single-page:nth-of-type(2) {
  top:0;
  left:25vw;
}

.page-container .single-page:nth-of-type(3) {
  top:0;
  left:50vw;
}

.page-container .single-page:nth-of-type(4) {
  top:0;
  left:75vw
}

.page-container .single-page::after {
  height:100vh;
  width:100%;
  opacity:0
}

.page-container .single-page.is-loaded {
/* show items when background images have been loaded */
  opacity:1
}

.page-container .single-page.is-loaded::after {
  opacity:1
}

.page-container .single-page.is-full-width {
/* selected item */
  left:0;
  width:100vw;
  -webkit-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
  -moz-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
  -ms-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
  -mo-transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
  transition: width 0.4s 0s, z-index 0s 0s, left 0.4s 0s;
}

.page-title {
  position:absolute;
  z-index:1;
  left:0;
  top:50vh;
  width:25vw;
  opacity:0;
  text-align:center;
  -webkit-transform: translateY(-50%) translateX(-20px);
  -moz-transform: translateY(-50%) translateX(-20px);
  -ms-transform: translateY(-50%) translateX(-20px);
  -o-transform: translateY(-50%) translateX(-20px);
  transform: translateY(-50%) translateX(-20px)
}

.page-title h2 {
  font-family: "PT Sans",sans-serif;
  font-size: 2.25em;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.5em;
  margin: 20px auto 5px;
  text-transform: uppercase;
}

.page-title p {
  font-size:1.4rem;
  font-family:"Merriweather",serif;
  font-style:italic;
  line-height:1.2;
  padding:.5em 2em;
  display:block;
  opacity:.6
}


.is-loaded .page-title {
  opacity:1;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.6s,opacity 0.6s,left .4s;
  -moz-transition: -moz-transform 0.6s,opacity 0.6s,left .4s;
  transition: transform 0.6s,opacity 0.6s,left .4s
}

.is-loaded.is-full-width .page-title {
  left:37.5vw;
  -webkit-transition: -webkit-transform 0.6s,opacity 0s,left .4s;
  -moz-transition: -moz-transform 0.6s,opacity 0s,left .4s;
  transition: transform 0.6s,opacity 0s,left .4s
}



} /* min-width:768 end */ 


/* ---------------------------------------------
/* 4. Profile Styles
/* --------------------------------------------- */

.about-me {
  background: none repeat scroll 0 0 #f2f2f2;
  padding: 0;
  position: relative;
}

.about-me .profile-image {
  min-height: 550px;
  padding: 40px 30px;
}
.pp-container {
  display: block;
  margin-bottom: 5px;
  padding: 10px;
  width: 150px;
}

.about-me .profile-image img {
  border: 5px solid #E8E8E8;
  border-radius: 100%;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  height: auto;
  margin: 15px auto;
  position: relative;
  width: 100%;
  z-index: 2;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}

.about-me .profile-image img:hover {
  box-shadow: 0 0 0 12px rgba(0, 0, 0, 0.1);
}


.about-me .profile-image h2 {
  color: #50626C;
  font-family:"PT Sans",sans-serif;
  font-size: 72px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 0.8em;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
  text-transform: uppercase;
}

.about-me .profile-image h2 span {
  display: block;
}


.about-me .profile-image h3 {
  color: #4c4c50;
  display: block;
  font-family: "Merriweather";
  font-size: 16px;
  line-height: 1.8em;
  margin-top: 10px;
  padding-top: 10px;
  position: relative;
  text-align: left;
}

.about-me .profile-image h3:before {
  background: none repeat scroll 0 0 #4c4c50;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 110px;
}

.about-me .bio {
  display:block;
  min-height:550px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

.about-me .bio-inner {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.65);
  height: 100%;
  left: 0;
  padding: 50px 30px;
  position: absolute;
  top: 0;
  width: 100%;
}


.about-me .bio h3 {
  color: #3f3f46;
  font-family: PT Sans;
  font-size: 20px;
  line-height: 28px;
  text-transform:  uppercase;
}


.about-me .bio, .about-me .bio p {
  color:#555;
  font-size:16px;
  letter-spacing:.5px;
  line-height:22px
}

.about-me .bio .buttons {
  margin:30px auto;
}

.hire-me.btn, .download-resume.btn {
  background: none repeat scroll 0 0 #50626C;
  border-color: #50626C;
  border-radius: 0;
  color: #ffffff;
  font-size: 13px;
  margin: 15px auto 5px;
  padding: 15px 50px;
  text-transform: uppercase;
}

.hire-me.btn:hover,.download-resume.btn:hover {
  background:#FFFFFF;
  text-transform: uppercase;
  color:#50626C;
  border-color:#50626C;
}

.hire-me.btn:after {
  content:'\f1d8';
  color: #50626C;
}

.download-resume.btn:after {
  content:'\f1c1';
  color: #50626C;
}


.project-url.btn:after {
  position:absolute;
  content:'\f18e';
  font-family:'FontAwesome';
  font-weight:400;
  right:-3em;
  -webkit-transition: .4s;
  transition: .4s;
  color:#fff
}

.project-url:hover .project-url.btn:after {
  right:2em
}



/* ----------------------------------------------------
/* 4.a. Services styles
/* ---------------------------------------------------- */

.services {
  background: none repeat scroll 0 0 #ff6f6f;
  padding: 35px 0 50px;
  position: relative;
}

.services .sec-divider {
  background:url(//konsol.su/wp-content/themes/privado/img/icons/services-icon.svg) no-repeat scroll center center rgba(0,0,0,0);
  display:block;
  height:52px;
  margin:30px auto 0;
  width:52px
}

.services .section-title {
  color: #fff;
  font-family: "Merriweather",serif;
  font-size: 24px;
  font-style: italic;
  margin: 5px auto;
  padding: 20px;
  position: relative;
  text-align: center;
}

.service-list {
  display: block;
  margin: 0 auto;
  padding: 10px 50px;
  position: relative;
}

.service-list .service {
  display:inline-block;
  text-align:center;
  margin:15px auto;
  padding: 0;
}

.service-list .service h3 {
  color:#fff;
  font-family:"PT Sans",sans-serif;
  font-size:16px;
  font-weight:700;
  margin:15px auto;
  text-align:center;
  text-transform: uppercase
}

.service-list .service p {
  color:#f9f9f9;
  font-family:PT Sans;
  font-size:14px;
  line-height:24px;
  padding:5px 10px
}

.service-list .service span i {
  background: none repeat scroll 0 0 #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.15);
  color: #ff6f6f;
  display: block;
  font-size: 36px;
  height: 60px;
  line-height: 60px;
  margin: 25px auto;
  text-align: center;
  width: 60px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.service-list .service span i:hover {
  box-shadow: 0 0 0 12px rgba(255, 255, 255, 0.15);
}


/* ----------------------------------------------------
/* 4.b. Blog Styles
/* ---------------------------------------------------- */

.recent-post {
  background: none repeat scroll 0 0 #f2f2f2;
  padding: 35px 0 70px;
  position: relative;
}

.recent-post .sec-divider {
  background:url(//konsol.su/wp-content/themes/privado/img/icons/blog-icon.svg) no-repeat scroll center center rgba(0,0,0,0);
  display:block;
  height:52px;
  margin:30px auto 0;
  width:52px
}

.recent-post .section-title {
  color: #3f3f46;
  font-family: "Merriweather",serif;
  font-size: 24px;
  font-style: italic;
  margin: 5px auto;
  padding: 20px;
  position: relative;
  text-align: center;
}

.recent-post-list {
  display: block;
  margin: 0 auto;
  padding: 10px 50px;
  position: relative;
}

.recent-post-item {
  margin: 15px auto 35px;
}

.recent-post-item:last-child {
  margin-bottom: 50px;
}

.recent-post-item figure {
  min-width: 100%!important;
  min-height: 320px;
}

.featured-image-container {
  background: #2F3238;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  opacity: .7;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.more-btn-container {
  margin: 20px auto;
}


figure.effect-ming:hover .featured-image-container {
  opacity: 0.4;
}


.recent-post-item h2 {
  font-family: "PT Sans",sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 24px;
  text-transform: uppercase;
}

.recent-post-item p {
  font-family: "Merriweather", serif;
  font-size: 12px;
}

.recent-post .btn-load-more {
  margin: 0 auto;
}

/* Blog Listing Page */

.blog-header {
  background-color: #28292e!important;
  height: 100vh;
  position: relative;
  width: 100%;
}

.paged .blog-header {
  height: 275px;
}

.paged .blog-header span,
.paged .blog-header .scroll-down {
  display: none;
}

.header-inner{
  background: rgba(0,0,0, .5);
  width: 100%;
  height: 100%;
  display: table;
}

.single-blog-header {
  background-color: #28292e!important;
  height: 500px;
  position: relative;
  width: 100%;
}

.single-page-header {
  background-color: #28292e!important;
  height: 275px;
  position: relative;
  width: 100%;
}

.blog-header h2{
  font-size: 24px;
}

.back-to-home {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #fff;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  left: 40px;
  opacity: 0.8;
  padding: 10px 30px;
  position: absolute;
  text-transform: uppercase;
  top: 40px;
  z-index: 99;
}

.back-to-home:hover {
  background: rgba(0,0,0, .2);
  padding: 10px 30px;
}

.back-to-home i {
  font-size: 14px;
  margin-right: 3px;
}

.blog-desc{
  display: block;
  font-family: "Merriweather",serif;
  font-size: 1.4rem;
  font-style: italic;
  line-height: 1.2;
  opacity: 0.6;
  padding: 0.5em 2em;
}

.back-button-container {
  width: 100%;
  max-width: 435px;
  display: block;
  margin: 20px auto;
}

.back-button-container .back-to-home {
  position: relative;
  float: left;
  display: inline-block;
  margin: 10px;
}

.header-content {
  display: table-cell;
  padding-bottom: 20px;
  text-align: center;
  vertical-align: middle;
}

.single-page-header .header-content {
  padding-bottom:  0;
}

.header-content h2 {
  font-family: "PT Sans",sans-serif;
  font-size: 3em;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.5em;
  margin: 20px auto 5px;
  text-transform: uppercase;
}

.single-blog-header .header-content h2, .single-page-header .header-content h2 {
  font-size: 2em;
  line-height: 1.5em;
  margin: 70px auto 5px;
}

.header-content p {
  display: block;
  font-family: "Merriweather",serif;
  font-size: 2rem;
  font-style: italic;
  line-height: 1.2;
  opacity: 0.9;
  padding: 0.5em 2em;
}

.single-blog-header .header-content p, .single-page-header .header-content p {
  font-size: 1.5rem;
}

.header-content span i {
  background:none repeat scroll 0 0 rgba(255,255,255,0.1);
  border-radius:50%;
  box-shadow:0 0 0 30px transparent;
  display:inline-block;
  font-size:2.5em;
  padding:.5em;
  height:2em;
  line-height:1em;
  text-align:center;
  width:2em;
  margin:15px auto;
  display:block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.blog-header:hover .header-content span i {
  box-shadow:0 0 0 0 rgba(255,255,255,0.1);
  -webkit-transition: box-shadow .4s ease-in-out;
  -moz-transition: box-shadow .4s ease-in-out;
  -o-transition: box-shadow .4s ease-in-out;
  -ms-transition: box-shadow .4s ease-in-out;
  transition: box-shadow .4s ease-in-out
}

.blog-container {
  background: none repeat scroll 0 0 #f2f2f2;
  display: block;
  position: static;
  width: 100%;
}

.page-template-blog .blog-container,
.archive .blog-container,
.search .blog-container,
.blog .blog-container {
  position: absolute;
}

.page-template-blog .footer,
.archive .footer,
.search .footer,
.blog .footer {
  background: none repeat scroll 0 0 #ebebeb;
  bottom: 0;
  display: block;
  min-height: 60px;
  padding: 20px 50px;
  position: absolute;
  width: 100%;
}

.anonymous {
  background: url(//konsol.su/wp-content/themes/privado/img/icons/anonymous.svg) no-repeat scroll center center / cover  rgba(0, 0, 0, 0);
  height: 100px;
  width: 100px;
  margin: 20px 0;
}

.error-image img {
  display: block;
  font-size: 72px;
  font-weight: bold;
  height: 150px;
  margin: 10px auto 40px;
}

.error-container {
  background: none repeat scroll 0 0 #101524;
  display: table;
  height: 100vh;
  overflow-x: hidden;
  width: 100%;
}

.error404 .anonymous {
  margin: 0 auto 20px;
  display: block;
}

.error-404{
  display: table-cell;
  vertical-align: middle;
}

.error-404 .page-content p {
  color: #c8c8c8;
}

.error-title {
  color: #fff;
  font-family: "PT Sans", sans-serif;
  font-size: 42px;
  font-weight: bold;
  text-transform: uppercase;
}

.search-title {
  font-size: 48px;
  color: #3f3f46;
}

.page-content, .page-content p {
  color: #797979;
  font-size: 18px;
}

.page-content .search-form {
  padding: 30px 0;
  max-width: 850px;
}

.error404 .page-content .search-form {
  margin: 10px auto;
  padding: 30px 20px;
  display: block;
  max-width: 850px;
}


.page-content .search-field, .page-content .search-field:focus {
  border: 1px solid #888 !important;
  height: 65px;
  padding-left: 30px !important;
  width: calc(100% - 132px);
}

.page-content .search-submit,
.page-content .search-submit:hover {
  font-size: 32px;
  height: 65px;
  width: 120px;
}

.blog-list-container {
  background: none repeat scroll 0 0 #f2f2f2;
  padding: 30px 50px 150px;
}

.blog-list-container article {
  padding: 50px 0 10px;
}

.single-blog-container {
  background: none repeat scroll 0 0 #f2f2f2;
  margin-top: 100px;
  padding: 50px 100px 100px;
}

.single-page-container {
  background: none repeat scroll 0 0 #f2f2f2;
  padding: 50px 100px;
}

.screen-reader-text {
  display: none;
}

.page-header {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  color: #343434;
  margin: 20px 0;
  padding-bottom: 10px;
}

.nav-previous, .nav-next {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #e9e9ea;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  position: fixed;
  text-overflow: ellipsis;
  text-transform: uppercase;
  top: calc(50% - 25px);
  white-space: nowrap;
  width: 250px;
  z-index: 999;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.nav-previous {
  left: -200px;
  padding-left: 10px;
}

.nav-previous a{
  padding-right: 50px;
  transition: all .3s;
  -webkit-transition: all .3s;
}

.nav-previous:after {
  background: #fff;
  color: #e9e9ea;
  content: "\f104";
  font-family: "FontAwesome";
  font-size: 36px;
  height: 60px;
  width: 50px;
  padding-left:20px; 
  position: absolute;
  right: 5px;
  top: 0;
}


.nav-next {
  right: -200px;
}

.nav-next a{
  padding-left: 50px;
  transition: all .3s;
  -webkit-transition: all .3s;
}


.nav-next:before {
  background: #fff;
  color: #e9e9ea;
  content: "\f105";
  font-family: "FontAwesome";
  font-size: 36px;
  height: 60px;
  width: 50px;
  padding-left: 15px;
  position: absolute;
  left: 0;
  top: 0;
}


.nav-previous:hover {
  left: 0;
}

.nav-next:hover {
  right: 0;
}

.comments-headline {
  color: #202021;
  font-family: "PT Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  margin: 50px auto;
  text-align: center;
  text-transform: uppercase;
}

.comments-container {
  padding: 0 100px 100px;
}

/* Pagination */

.pagination-container {
  margin: 20px auto;
}

.pagination > li {
  display: inline-block;
  margin-right: 5px;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f56a6a;
  color: white;
  outline: 0;
  text-decoration: none;
  -webkit-transition: all .1s linear;
  transition: all .1s linear;
}

.pagination > li > a:hover {
  background: #E65A50;
  border: 1px solid #E65A50;
  color: #fff;
}

.next, .prev {
  padding: 6px 20px !important;
}

.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
  background: #3f3f46;
  border-color: #3f3f46;
  color: #fff;
  cursor: default;
  z-index: 2;
}

/* Sidebar/Widget Style */

.widget-container {
  background: none repeat scroll 0 0 #f2f2f2;
  color: #000;
  padding: 50px 50px 100px;
}

.widget {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #797979;
  display: block;
  font-family: "PT Sans",sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.8em;
  margin: 20px auto;
  padding: 15px 20px;
  position: relative;
  text-align: left;
  word-wrap: break-word;
}

.widget a {
  color: #202021;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.widget a:hover {
  color: #f56a6a;
}

.widget-title {
  color: #202021;
  font-family: "PT Sans",sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.widget ul {
  padding-left: 20px;
}

.widget ul li{
  margin-bottom: 8px;
}

.widget  ul.children li {
  padding: 2px 4px;
}


.widget ul > li:before {
  content: "\f0da";
  font-family: "FontAwesome";
  padding-right: 10px;
}

.widget.widget_recent_entries ul > li:before {
  content: "\f044";
}

.widget.widget_recent_comments ul > li:before {
  content: "\f0e6";
}

.widget.widget_archive ul > li:before {
  content: "\f133";
}

.widget.widget_categories ul > li:before {
  content: "\f114";
}

.widget.widget_pages ul > li:before {
  content: "\f016";
}

.widget_tag_cloud .tagcloud a:before {
  content: "\f02b";
  font-family: "FontAwesome";
  padding-right: 5px;
  opacity: .8;
}

.widget li a {
  font-size: 16px;
}


.widget form {
  max-width: 100%;
}

.widget select{
  padding: 5px;
  width: 100%;
  height: 40px;
}

.widget select:focus {
  box-shadow: none;
}

.widget select option {
  padding: 5px;
  width: 100%;
}

.widget input, .widget select, .widget textarea {
  max-width: 100%;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
}



/* Text Widget */
.widget .textwidget {
  font-size: 14px;
  line-height: 28px;
  padding-bottom: 10px;
}

.widget .textwidget img {
  height: auto;
  margin-top: 10px;
  max-width: 100%;
}

.widget .textwidget .wp-caption img {
  margin-top: 0;
}


/* RSS widget*/

.widget.widget_rss .rssSummary {
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 10px;
}

.widget.widget_rss .rss-date {
  display: block;
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
  margin-bottom: 5px;
}

/* Tagcloud widget*/

.widget .tagcloud a {
  background: none repeat scroll 0 0 #ebebeb;
  color: #3f3f46;
  display: inline-block;
  font-size: 12px !important;
  line-height: 20px;
  margin: 3px;
  padding: 8px 15px;
  text-transform: uppercase;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.widget .tagcloud a:hover {
  background: #3f3f46;
  color: #fff;
}

/* Calendar Widget Style */

#wp-calendar {
  width:100%;
  font-size:12px;
  font-weight:300;
  border-collapse:separate;
  border-spacing:5px;
  margin-left:-2px;
}

#wp-calendar caption {
  color: #202021;
  font-family: "PT Sans",sans-serif;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}


#wp-calendar tbody td {
  margin-bottom:10px;
  text-align:center;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  border:1px solid #f4f4f4;
  padding:6px;
}

#wp-calendar tbody td:hover {
  border-color:#e2e2e2;
}

#wp-calendar tbody td.pad {
  border:0;
}

#wp-calendar tbody td#today {
  color:#47C2DC;
  border-color:#47C2DC;
}

#wp-calendar tfoot {
  display: none;
}

#wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next a {
  color:#888;
  font-size:12px;
  font-weight:400;
  position:relative;
  text-transform:uppercase;
  bottom:-9px;
  margin-bottom:1px;
}

#wp-calendar tfoot td#prev {
  text-align:left;
}

#wp-calendar tfoot td#next {
  text-align:right;
}

#wp-calendar thead th {
  font-size:13px;
  font-weight:400;
  color:#888;
  text-align:center;
  padding-bottom:10px;
}

#wp-calendar tbody td a,
#wp-calendar tfoot td#prev a:hover,
#wp-calendar tfoot td#next a:hover {
  color:#47C2DC;
}

/* Search widget */
.search-form {
  height: 50px;
  padding: 8px 0;
}

.search-field, .search-field:focus {
  background: none repeat scroll 0 0 #f1f1f1;
  border: medium none !important;
  box-shadow: none;
  float: left;
  height: 35px;
  margin-right: 10px;
  padding-left: 10px !important;
  width: calc(100% - 55px);
  border-radius: 0;
}

.search-submit {
  background-color: #F56A6A;
  border: 0 none !important;
  color: #fff !important;
  float: right;
  height: 33px;
  padding: 0;
  width: 42px;
  border-radius: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.search-submit:hover {
  background-color: #e65a50;
  border: 0 none !important;
  color: #fff !important;
  float: right;
  height: 33px;
  padding: 0;
  width: 42px;
}

/* Recent Post widget */

.latest-post .media {
  margin-bottom: 30px;
}

.latest-post .media-heading a {
  font-family: PT Sans,sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  text-decoration: none;
  text-transform: uppercase;
}

.media-body {
  font-size: 13px;
  line-height: 20px;
}

.latest-post img {
  height: 80px;
  width: 80px;
}


.scroll-down {
  background: url(//konsol.su/wp-content/themes/privado/img/icons/icon-arrow-desktop.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: 50px;
  display: block;
  height: 44px;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 44px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);

  -webkit-animation:cd-translate 1.2s .4s;
  -moz-animation:cd-translate 1.2s .4s;
  animation:cd-translate 1.2s .4s;
  -webkit-animation-iteration-count:5;
  -moz-animation-iteration-count:5;
  animation-iteration-count:5;
}

.recent-post-meta {
  background: none repeat scroll 0 0 #fff;
  color: #888;
  font-size: 13px;
  font-style: italic;
  margin: 0 auto;
  padding: 8px 8px 13px;
  text-align: center;
  width: 100%;
}

.recent-post-meta .tags a {
  color: #888;
  margin-left: 10px;
  position: relative;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.recent-post-meta .tags a:hover {
  color: #333;
}

.recent-post-meta time {
  margin-right: 20px;
}


.single-blog-meta {
  color: #bbbbbb;
  font-family: "Merriweather",serif;
  font-size: 13px;
  padding: 0;
  text-align: center;
}

.blog-list-container .single-blog-meta {
  text-align: left;
}

.meta-date i, .meta-comments i, .meta-cat i{
  color: #F54128;
  font-size: 20px;
}

.single-blog-meta .meta-date, .single-blog-meta .meta-comments, 
.single-blog-meta .meta-cat {
  border-bottom: 1px solid #e2e2e2;
  padding: 30px 0;
}

.single-blog-meta a {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.single-blog-meta .meta-date{
  border-right: 1px solid #e2e2e2;
}
.single-blog-meta .meta-comments {
  border-right: 1px solid #e2e2e2;
}


.single-blog-meta a {
  color: #bbb;
  text-decoration: none;
}

.single-blog-meta a:hover {
  color: #50626c;
}

.single-blog-meta time {
  margin-right: 20px;
}
.meta-date  time {
  margin-right: 0;
}

.blog-title {
  color: #202021;
  font-family: "PT Sans",sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
  margin: 10px auto;
  padding-bottom: 50px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  word-break: break-all;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.single-blog-header .blog-title, .single-page-header .blog-title {
  color: #fff;
  padding-bottom: 0;
  text-align: center;
}

.single-blog-header .blog-title:after, .single-page-header .blog-title:after{
  display: none;
}

.blog-title a {
  text-decoration: none;
  color: #202021;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.blog-title a:hover {
  color: #50626c;
}

.blog-title:after {
  background: none repeat scroll 0 0 #ebebeb;
  bottom: 20px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 80px;
}

.blog-author {
  display: block;
  margin: 10px auto;
  max-width: 350px;
  text-align: left;
}

.blog-author img {
  max-width: 64px!important;
}

.blog-author .media-heading {
  color: #fff;
  font-family: "PT Sans",sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
  text-transform: uppercase;
  text-align: center;
}

.blog-author h5 {
  margin: 10px auto;
}

.post-content {
  color: #4d4d4d;
  display: block;
  font-size: 18px;
  font-weight: 300;
  line-height: 2em;
  padding-bottom: 5px;
  position: relative;
  text-align: left;
}

.post-content a {
  -webkit-transition : all .3s;
  transition : all .3s;
}

.post-content figure, .post-content img {
  max-width: 100%;
  height: auto;
}

.post-content blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-style: italic;
}

.post-content blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

.post-content blockquote p {
  display: inline;
  font-size: 15px;
  font-family: "Merriweather", serif;
}

.post-content cite {
  font-style: italic;
}

.post-content ul li {
  list-style-type: square;
}

.post-content ul li ul li{
  list-style-type: disc;
}

.post-content ul li ul li ul li{
  list-style-type: circle;
}

.post-content ol li ol li{
  list-style-type: lower-latin;
}

.post-content ol li ol li ol li{
  list-style-type: lower-roman;
}

.btn-read-more {
  background: none repeat scroll 0 0 #f2f2f2;
  border: 1px solid #3f3f46;
  border-radius: 0;
  color: #3f3f46;
  font-size: 12px;
  letter-spacing: 2px;
  margin: 15px auto;
  padding: 10px 50px;
  text-transform: uppercase;
}

.btn-read-more:hover {
  background: #3f3f46;
  padding: 10px 50px;
  color: #fff;
  border: 1px solid #3f3f46;
  border-radius: 0;

}

.btn-read-more:after {
  content:"\f061";
  color: #fff;
}

.post-author {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #797979;
  margin: 30px auto;
  padding: 20px;
}

.author-avatar img {
  border-radius: 50%;
  margin: 10px auto;
  display: block;
  max-width: 96px;
  height: auto;
}

.post-author h4 {
  font-family: "PT Sans",sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin: 10px auto;
  text-transform: uppercase;
}

.post-author h4 a{
  color: #202021;
  transition: all .3s;
}

.post-author h4 a:hover{
  color: #50626c;
}

.post-author h5 {
  font-size: 14px;
  margin: 10px auto;
  text-transform: uppercase;
}
.post-author p {
  color: #202021;
}

.post-author span {
  font-size: 12px;
  font-style: italic;
  font-family: "Merriweather", serif;
}

.post-tags{
  display: inline-table;
  margin: 0 auto;
  text-align: center;
}

.post-tags ul{
  display: inline-block;
  margin: 15px auto;
}

.post-tags ul li{
  display: inline-block;
  list-style: none;
  padding: 0 30px 0 25px;
  position: relative;
  line-height: 50px;
}

.post-tags ul li::before {
  color: #b8b8b8;
  content: "\f10c";
  font-family: "FontAwesome";
  font-size: 8px;
  line-height: 50px;
  position: absolute;
  left: -5px;
  top: 0;
  width: 10px;
}

.post-tags ul li:first-child::before {
  display: none;
}


.post-tags ul li a {
  color: #f54128;
  font-family: "Merriweather";
  font-size: 13px;
  font-weight: lighter;
  text-transform: uppercase;
}

.social-share {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #949494;
  font-size: 14px;
  font-weight: 400;
  line-height: 72px;
  text-transform: uppercase;
  padding-bottom: 1px;
}

.social-share h5 {
  font-size: 14px;
  line-height: 100%;
  margin: 5px auto;
}

ul.social-share-links {
  float: right;
  margin-bottom: 20px;
}


ul.social-share-links li {
  float: left;
  height: 100%;
  line-height: 100%;
  padding: 0 15px;
}

ul.social-share-links li a {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

ul.social-share-links li a i {
  font-size: 24px;
}


.comments-area {
  background: rgba(255, 255, 255, 0.8);
  color: #797979;
  font-size: 17px;
  margin: 10px auto;
  padding: 50px;
}

.comments-area a {
  -webkit-transition: all .3s;
  transition: all .3s;
}

ol.comment-list li {
  list-style: none;
}

.comments-area .comments-title, .comments-area .comment-reply-title {
  font-family: "PT Sans",sans-serif;
  font-size: 24px;
  margin: 0 0 60px;
  text-align: center;
  text-transform: uppercase;
}

.comments-area footer {
    margin-top: 0;
    text-align: left;
}
.comment-respond .comment-reply-title {
    margin-top: 50px;
}
.comments-area .comment-list {
    padding-left: 0;
}
.comments-area .comment-list, .comments-area .comment-list .children {
    list-style-type: none;
}
.comments-area .comment-metadata {
    margin-bottom: 15px;
}
.comments-area .comment-metadata a {
    color: #8e8e8e;
    font-size: 13px;
}
.comments-area .comment-author img {
    float: left;
    height: 60px;
    margin-right: 20px;
    width: 60px;
}
.comments-area .comment-author a {
    color: #35353c;
    text-decoration: none;
}
.comments-area .comment-author .says {
    display: none;
}
.comments-area .comment-metadata {
    font-size: 12px;
}
.comments-area .comment-content {
    color: #323232;
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
}
.comment-body {
    border-top: 1px dashed #e8e8e8;
    padding-top: 30px;
}
.comments-area .comment-content, .comments-area .comment-awaiting-moderation, .comments-area .reply {
    padding-left: 80px;
}
.comments-area .comment-awaiting-moderation {
    font-size: 12px;
}
.comments-area .reply {
    margin-bottom: 20px;
}
.comments-area .reply .comment-reply-link {
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
}
.comments-area .reply .comment-reply-link:hover {
    color: #3c3c3c;
}
.comments-area .comment-respond {
    border-top: 1px dashed #e8e8e8;
    margin-bottom: 70px;
    outline: 0 none;
}
.comments-area .comment-form-comment label, .comments-area .comment-form-comment textarea {
    width: 100%;
}
.comments-area .comment-form-comment textarea, .comments-area .comment-respond .comment-form-author input, .comments-area .comment-respond .comment-form-email input, .comments-area .comment-respond .comment-form-url input {
    border: 1px solid #e8e8e8;
    box-shadow: none;
    color: #808086;
    font-size: 13px;
    font-weight: 300;
    outline: 0 none;
    padding: 8px 10px;
}
.comments-area .comment-respond .form-submit input {
    background: none repeat scroll 0 0 #3c3c3c;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-weight: 300;
    margin-top: 20px;
    outline: 0 none;
    padding: 12px 35px;
    text-decoration: none;
}
.comments-area .comment-respond .form-submit input, .comments-area .comment-respond .form-submit input:hover {
    transition: all 0.2s ease-out 0s;
}
.comments-area .comment-respond .comment-form-author label, .comments-area .comment-respond .comment-form-email label, .comments-area .comment-respond .comment-form-url label {
    width: 100px;
}
.comments-area .comment-notes {
    font-weight: 300;
    margin-bottom: 30px;
}
.comments-area .comment-form label {
    color: #323232;
    font-size: 13px;
}
.blog-post .media, .media-body {
    color: #a1a1a1;
    font-family: open sans;
    font-size: 13px;
}
.comments-area .blog-img-wide.blogdetails img {
    height: auto;
    padding: 20px;
    width: 100%;
}
.post-edit-link {
    font-size: 13px;
    font-weight: normal;
}

.page-footer {
  background: none repeat scroll 0 0 #ebebeb;
  bottom: 0;
  display: block;
  min-height: 60px;
  padding: 20px 50px;
  position: absolute;
  width: 100%;
}


/* ----------------------------------------------------
/* 5. Resume Styles
/* ---------------------------------------------------- */

.resume {
  background: none repeat scroll 0 0 #f2f2f2;
  overflow: hidden;
  padding: 35px 0 50px;
  position: relative;
}

.resume .sec-divider {
  background:url(//konsol.su/wp-content/themes/privado/img/icons/grad-cap.svg) no-repeat scroll center center rgba(0,0,0,0);
  display:block;
  height:52px;
  margin:40px auto 20px;
  width:52px
}

.resume .education ul, .resume .employment ul {
  margin: 0;
  padding: 0;
}

.resume .education {
  text-align:right;
  padding-right:50px
}

.resume .employment {
  text-align:left;
  position:relative;
  padding-left:50px
}

.resume .education h2,.resume .employment h2 {
  color:#3f3f46;
  font-size:18px;
  letter-spacing:1px;
  padding:36px 0;
  text-transform: uppercase
}

.education ul li {
  display:block;
  margin:20px 0
}

.employment ul li {
  display:block;
  margin:20px 0
}

.education ul li h3,.employment ul li h3 {
  color:#636368;
  font-family:"PT Sans",sans-serif;
  font-size:18px;
  font-weight:700;
  margin:5px 0;
  padding:5px 0;
  text-transform: uppercase
}

.education ul li h4,.employment ul li h4 {
  color:#3f3f46;
  font-family:"Merriweather",sans-serif;
  font-size:14px;
  padding:5px 0
}

.education ul li span,.employment ul li span {
  color:#0ed4c8;
  display:inline-block;
  margin:5px 0 10px;
  font-size:13px
}

.education ul li p,.employment ul li p {
  color:#838c95;
  font-size:14px;
  line-height:24px;
  padding:5px 0
}

.education ul li p {
  padding-left:150px
}

.employment ul li p {
  padding-right:150px
}

/* ------------------------------------------------
/*  5.a. Skills Styles
/* ------------------------------------------------*/

.skills {
  background: none repeat scroll 0 0 #0ed4c8;
  overflow: hidden;
  padding: 35px 0;
  position: relative;
}

.skills .sec-divider {
  background:url(//konsol.su/wp-content/themes/privado/img/icons/ninja.svg) no-repeat scroll center center rgba(0,0,0,0);
  display:block;
  height:52px;
  margin:30px auto 0;
  width:52px
}

.skills .section-title {
  color:#fff;
  font-family:"Merriweather",serif;
  font-size:24px;
  font-style:italic;
  margin:5px auto;
  padding:20px;
  text-align:center
}

.chart {
  display: block;
  margin: 20px auto;
  position: relative;
  text-align: center;
}

.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.skill-container .skill figcaption {
  font-family:"PT Sans",sans-serif;
  font-size:14px;
  font-weight:700;
  text-transform: uppercase
}

.skill-container {
  display:block;
  margin:30px auto;
}

.skill-container .skill {
  color: #fff;
  margin-bottom: 20px;
}

/* --------------------------------------------
/* 5.b. Recognition Styles
/* -------------------------------------------- */

.recognition {
  background:#f9f9f9;
  min-height:500px
}

.recognition .rec-inner {
  background:none repeat scroll 0 0 rgba(0,0,0,0.7);
  color:#fff;
  height:100%;
  left:0;
  padding:100px;
  position:absolute;
  top:0;
  width:100%
}

.recognition .rec-desc {
  background:url(//konsol.su/wp-content/themes/privado/img/bg-2.jpg) no-repeat scroll center center / cover rgba(0,0,0,0);
  min-height:500px;
  position:relative;
}

.recognition .rec-desc h2 {
  color:#fff;
  font-size:32px;
  font-weight:700;
  text-transform: uppercase
}

.recognition .rec-desc p {
  color:#fff;
  font-size:14px;
  line-height:20px
}

.recognition .rec-list {
  min-height: 500px;
  padding: 30px 30px 0;
}

.recognition .rec-list ul {
  margin: 0;
  padding: 0;
}

.recognition .rec-list ul li {
  height:100px;
  margin:5px 0
}

.recognition .rec-list ul li span {
  color:#0ed4c8;
  font-size:4em
}

.recognition .rec-list ul li h3 {
  color:#636368;
  font-family:"PT Sans",sans-serif;
  font-size:18px;
  font-weight:700;
  margin:8px 0;
  padding:5px;
  text-transform: uppercase
}

.recognition .rec-list ul li h4 {
  color:#838c95;
  font-family:"Merriweather",sans-serif;
  font-size:12px;
  margin:10px 0
}

.recognition .rec-list ul li h5 {
  color:#0ed4c8;
  font-family:"Merriweather",sans-serif;
  font-size:13px;
  margin:5px 0
}

/* ----------------------------------------------------
/* 6. Portfolio Styles
/* ---------------------------------------------------- */

.controls {
  padding:2%;
  margin:0 auto;
  text-align:center
}

button.filter {
  background: #f3f3f3;
  border:0 none;
  color:#777;
  cursor:pointer;
  display:inline-block;
  font-size:13px;
  font-weight:300;
  padding: 10px 20px;
  margin: 5px auto;
  text-transform: uppercase;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

button.filter.active {
  background :#3f3f46;
  color: #fff;

}

button.filter:focus {
  outline:0 none;
}

button.filter:hover {
  background: #404148;
  color:#fff;
}

button.filter + label {
  margin-left:1em
}

.btn-load-more {
  background: none repeat scroll 0 0 #fff;
  border: 2px solid #3f3f46;
  border-radius: 0;
  color: #3f3f46;
  display: block;
  letter-spacing: 2px;
  margin: 10px auto;
  text-transform: uppercase;
  width: 220px;
}

.btn-load-more:hover {
  background: #3f3f46;
  color: #fff;
  border: 2px solid #3f3f46;
  border-radius: 0;

}

.btn-load-more:after, .btn-read-more:after,
.hire-me:after, .download-resume:after {
  position:absolute;
  font-family:'FontAwesome';
  font-weight:400;
  right:-3em;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
  color:#fff
}

.btn:hover:after {
  right:2em
}



.btn-load-more:after {
  content:"\f021";
  color: #fff;
}

.recent-post .btn-load-more:after {
  content:"\f14c";
  color: #fff;
}

.portfolio-container {
  background: none repeat scroll 0 0 #f9f9f9;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  padding: 50px;
  width: 100%;
}

.portfolio-items {
  margin: 0 auto;
  padding: 0;
}

.portfolio-items .mix {
  height: auto;
  margin-bottom: 30px;
  max-height: 360px;
  position: relative;
  display: none;
}


.white-popup {
  background:none repeat scroll 0 0 #fff;
  color:#333;
  margin:0 auto;
  max-width:550px;
  padding-bottom:20px;
  position:relative;
  width:auto
}


.white-popup img {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 100%;
}

.project-title {
  color:#404148;
  font-size:18px;
  margin:35px 20px 10px;
  text-transform: uppercase
}

.project-desc {
  color: #777;
  font-size: 15px;
  letter-spacing: 0.5px;
  line-height: 20px;
  margin: 10px;
  padding: 15px;
}

.project-desc h1, .project-desc h2, .project-desc h3, 
.project-desc h4, .project-desc h5, .project-desc h6 {
  color: #404148;
  text-transform: uppercase;
}

.project-desc > h2 {
  font-size: 18px;
  margin: 30px 0 15px;
  text-transform: uppercase;
}


.project-url.btn {
  border-color:#3f3f46;
  color:#3f3f46;
  display:block;
  margin:30px auto 10px;
  max-width:225px;
  padding:10px;
  border-radius: 0;
  text-align:center;
  text-transform: uppercase
}

.project-url.btn:hover {
  background:#3f3f46;
  text-transform: uppercase;
  color:#fff;
  border-color:#3f3f46;
}


.mfp-close-btn-in .mfp-close {
  background: #3f3f46;
  color: #fff;
}



/* Common figure style */
 .fig-effects figure {
  position: relative;
  overflow: hidden;
  min-width: 320px;
  max-width: 480px;
  height: 360px;
  text-align: center;
  cursor: pointer;
}

 .fig-effects figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

 .fig-effects figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

 .fig-effects figure figcaption::before,
 .fig-effects figure figcaption::after {
  pointer-events: none;
}

 .fig-effects figure figcaption,
 .fig-effects figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */

 .fig-effects figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
 .fig-effects figure h2 span {
  font-weight: 800;
}

 .fig-effects figure h2,
 .fig-effects figure p {
  margin: 0;
}

.fig-effects figure p {
  font-size: 12px;
  letter-spacing: 0.5px;
}


/* Individual effects */


/*---------------*/
/***** Roxy *****/
/*---------------*/

figure.effect-roxy {
  background: -webkit-linear-gradient(45deg, #3f3f46 0%, #05abe0 100%);
  background: linear-gradient(45deg, #3f3f46 0%,#05abe0 100%);
  border: 10px solid #fff;
}

figure.effect-roxy img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50px,0,0);
  transform: translate3d(-50px,0,0);
}

figure.effect-roxy figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-20px,0,0);
  transform: translate3d(-20px,0,0);
}

figure.effect-roxy figcaption {
  padding: 1.5em;
  text-align: center;
}

figure.effect-roxy h2 {
  padding: 20% 0 10px 5px;
  font-size: 1em;
}

figure.effect-roxy p {
  padding-left: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
}

figure.effect-roxy:hover img {
  opacity: 0.4;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

figure.effect-roxy:hover figcaption::before,
figure.effect-roxy:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

figure.effect-roxy span {
  font-size: 14px;
}

/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-ming {
  background: -webkit-linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: linear-gradient(45deg, #3f3f46 0%, #05abe0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 5px solid #fff;
}

figure.effect-ming img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-ming figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.4,1.4,1);
  transform: scale3d(1.4,1.4,1);
}

figure.effect-ming h2 {
  margin: 20% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-ming p {
  padding: 1em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

figure.effect-ming:hover h2 {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

figure.effect-ming:hover figcaption {
  background-color: rgba(58,52,42,0);
}

figure.effect-ming:hover img {
  opacity: 0.4;
}


/* ----------------------------------------------------
/* 6.a. Testimonials Styles
/* ---------------------------------------------------- */

.testimonials {
  background: none repeat scroll 0 0 #f2f2f2;
  display: block !important;
  min-height: 200px;
  min-width: 100vw;
  overflow: hidden;
  padding: 50px 0;
  position: relative;
  width: 100%;
}

.over-div {
  background:none repeat scroll 0 0 rgba(0,0,0,0.04);
  bottom:0;
  position:absolute;
  right:0;
  top:0;
  width:50%
}

.testimonials .sec-divider {
  background:url(//konsol.su/wp-content/themes/privado/img/icons/smile.svg) no-repeat scroll center center rgba(0,0,0,0);
  display:block;
  height:50px;
  margin:40px auto 20px;
  width:50px
}

.testimonials .section-title {
  color: #3f3f46;
  font-family: "Merriweather",serif;
  font-size: 24px;
  font-style: italic;
  margin: 10px auto;
  padding: 10px;
  text-align: center;
}

.testimonials .text-container {
  padding-top:10px;
  padding-bottom:50px
}

.testimonials h1 {
  font:18px/24px Merriweather,sans-serif;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing:3px;
  color:#95a3a3;
  text-align:center;
  padding:50px 0 30px
}

.testimonials h1 span {
  display:block
}

.testimonials .header-col {
  padding-top:9px
}

/*  Blockquotes */
.testimonials blockquote {
  margin:0 0 30px;
  position:relative;
  border: none;
}

.testimonials blockquote:before {
  content:none
}

.testimonials blockquote p {
  color:#3f3f46;
  display:block;
  font-size:16px;
  font-style:italic;
  line-height:28px;
  margin:0 auto;
  max-width:800px;
  padding:0;
  text-align:center
}

.testimonials blockquote cite {
  display:block;
  font-size:12px;
  text-align:center;
  font-style:normal;
  line-height:18px;
  color:#3f3f46;
}

.testimonials blockquote cite:before {
  content:"\2014 \0020"
}


.testimonials blockquote p:before {
  color: #3f3f46;
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 20px;
  margin-left: -20px;
  margin-top: -5px;
  opacity: 0.4;
  position: absolute;
}


.testimonials blockquote p:after {
  color: #3f3f46;
  content: "\f10e";
  font-family: "FontAwesome";
  font-size: 20px;
  margin-left: 1px;
  margin-top: 5px;
  opacity: 0.4;
  position: absolute;
}


.testimonials blockquote cite a,.testimonials blockquote cite a:visited {
  color:#8B9798;
  border:none
}

.owl-theme .owl-controls .owl-page span {
  background:none repeat scroll 0 0 #3f3f46!important
}

.clients {
  display:block;
  width:100%;
  margin:0 auto
}

.clients ul li {
  float:left;
  display:inline-block;
  margin:10px
}


/* ----------------------------------------------------
/*  7. Contact Styles
/* ---------------------------------------------------- */

.contact {
  background: none repeat scroll 0 0 #f2f2f2;
  overflow: hidden;
  padding: 35px 0 0;
  position: relative;
}


.contact .sec-divider {
  background:url(//konsol.su/wp-content/themes/privado/img/icons/mail-icon.svg) no-repeat scroll center center rgba(0,0,0,0);
  display:block;
  height:50px;
  margin:40px auto 20px;
  width:50px
}

.contact .section-title {
  color: #3f3f46;
  font-family: "Merriweather",serif;
  font-size: 24px;
  font-style: italic;
  margin: 10px auto;
  padding: 20px;
  text-align: center;
}

.form-container {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
  margin-bottom: 70px;
  padding: 40px;
  position: relative;
}

.form-container input, .form-container textarea {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #d9d9da;
  color: #3f3f46;
  font-size: 14px;
  margin: 15px auto;
  padding: 20px;
  width: 100%;
}

.form-container input:focus,.form-container textarea:focus {
  background:#F4F4F4;
  outline: none;
}

.form-container textarea {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #d9d9da;
  color: #3f3f46;
  font-size: 16px;
  margin: 15px auto;
  padding: 20px;
  width: 100%;
}

.form-container input[type="submit"] {
  background:transparent;
  width:100%;
  margin:15px auto;
  padding:20px;
  border:1px solid #d9d9da;
  cursor:pointer;
  font-size:16px;
  text-transform: uppercase;
  font-weight:700
}

.form-container input[type="submit"]:hover {
  color:#3f3f46;
  border:1px solid #3f3f46
}


.form-container p {
  color:#3f4047;
  font-size:14px;
  font-family:"Merriweather",sans-serif
}

.wpcf7-form-control-wrap input:nth-child(even) {
  width: 46%;
}


#message-warning, div.wpcf7-validation-errors {
  background:#FF6F6F;
  border: none;
  display:none;
  font-size:16px;
  margin:5px auto;
  padding:20px;
  text-align:center;
  color:#fff
}

#message-success, div.wpcf7-mail-sent-ok {
  border: none;
  background:#6BD57E;
  color:#fff;
  display:none;
  font-size:16px;
  margin:5px auto;
  padding:20px;
  text-align:center
}

#message-warning i, #message-success i {
  margin-right:10px
}

#image-loader {
  display:none;
  position:relative
}

#image-loader img {
  display:block;
  margin:0 auto
}

div.wpcf7 img.ajax-loader {
  margin: 0 auto;
  display: block;
}

span.wpcf7-not-valid-tip {
  color: #ff6f6f;
  font-size: 13px;
}


.wpcf7-form > p:nth-child(2) {
  width: 48%; 
  float: left;
}

.wpcf7-form > p:nth-child(3) {
  width: 48%; 
  float: right;
}

::-webkit-input-placeholder {
  color:#3f4047;
  font-size:14px;
  font-family:"Merriweather",sans-serif
}

:-moz-placeholder {
/* Firefox 18- */
  color:#3f4047;
  font-size:14px;
  font-family:"Merriweather",sans-serif
}

::-moz-placeholder {
/* Firefox 19+ */
  color:#3f4047;
  font-size:14px;
  font-family:"Merriweather",sans-serif
}

:-ms-input-placeholder {
  color:#3f4047;
  font-size:14px;
  font-family:"Merriweather",sans-serif
}

/* -------------------------------- 
/* 7.a.  Social and Map Styles
----------------------------------- */
.social {
  width:100%;
  display:block;
  margin:0 auto
}

.address {
  background: none repeat scroll 0 0 #fe7c60;
  min-height: 400px;
  padding: 100px 0 0;
  position: relative;
}

.address:after {
  border-right:403px solid transparent;
  border-top:400px solid #F4775C;
  content:"";
  height:100%;
  position:absolute;
  right:-403px;
  top:0;
  width:1px;
  z-index:2
}


.location ul {
  display:block;
  width:100%;
  padding: 0;
}

.location ul li {
  border-right:1px solid #f3f3f3;
  display:inline-block;
  float:left;
  width:33.333%
}

.location ul li:last-child {
  border:none
}

.location img {
  display:block;
  margin:0 auto;
  opacity:.9;
  padding:5px;
  width:48px
}

.location h4 {
  color:#f3f3f3;
  font-family:"PT Sans",sans-serif;
  font-size:13px;
  font-weight:700;
  margin:5px auto;
  text-align:center;
  text-transform: uppercase
}

/* Social Profiles */
.social .social-profiles {
  display: block;
  margin: 0 auto;
  padding-top: 50px;
}

.social-profiles ul {
  width:100%;
  display:block;
  margin:0 auto
}

.social-profiles ul li {
  display:inline-block;
  float:left;
  margin-bottom:10px;
  margin-right:15px
}

.social-profiles ul li a i {
  background:none repeat scroll 0 0 #fff;
  border-radius:50%;
  box-shadow:0 0 0 20px transparent;
  color:#7c7c7c;
  font-size:24px;
  height:50px;
  line-height:50px;
  text-align:center;
  width:50px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.social-profiles ul li a i:hover {
  color:#FE7C60;
  box-shadow:0 0 0 0 rgba(255,255,255,0.3);
  -webkit-transition: box-shadow .4s ease-in-out;
  -moz-transition: box-shadow .4s ease-in-out;
  -o-transition: box-shadow .4s ease-in-out;
  -ms-transition: box-shadow .4s ease-in-out;
  transition: box-shadow .4s ease-in-out
}

/* google map */

.map-container {
  background: #F4775C;
  min-height: 400px;
  min-width: 50vw;
  padding: 0;
  position: relative;
}

#map {
  background:url(//konsol.su/wp-content/themes/privado/img/icons/map-marker.png) no-repeat center center;
  display:block;
  width:100%;
  height:400px;
  margin:0 auto
}

#map img {
  max-width:inherit!important
}/* ==================================================================

*   Privado Media Queries

TOC : 

1. screenwidth greater than 1400px (Large Screens)
2. screenwidth greater than 1024px (Medium Screen/Large Tablets)
3. screenwidth less than 1024px (Medium Screen/Large Tablets)
4. screenwidth less than 992px (Tablets)
4. screenwidth less than 960px (Mobile wide/Smaller Tablets)
5. screenwidth less than 768px (Mobile wide/Smaller Tablets)
6. screenwidth greater than 480px (Medium Screen Mobile)
7. screenwidth less than 480px (Small Screen Mobile)


/* ================================================================== */



/* Screens Resolution : 1600px+
-------------------------------------------------------------------------- */
@media only screen and (min-width: 1601px) {

  .recent-post{
    padding: 35px 150px 70px;
  }

  .media-body {
    font-size: 16px;
    line-height: 20px;
  }
}
/* Screens Resolution : 1400px+
-------------------------------------------------------------------------- */
@media only screen and (min-width: 1401px) {

  .about-me .bio-inner {
    padding: 70px 30px;
  }

  .about-me .profile-image h2 {
    font-size: 96px;
  }

  .about-me .profile-image h3 {
    font-size: 21px;
    line-height: 1.8em;
  }

  .portfolio-container {
    padding: 50px 200px;
  }

 .portfolio-items figure {
    max-width: none;
  }

.portfolio-items figure.effect-roxy h2 {
  font-size: 1.1em;
  padding: 22% 0 10px 5px;
}

  .portfolio-items figure p {
    font-size: 68.5%;
    letter-spacing: 1px;
  }

  .blog-title {
    font-size: 64px;
    line-height: 1em;
  }

  .sidebar-container {
    background: none repeat scroll 0 0 #f2f2f2;
    color: #000;
    padding: 75px 90px;
  }

  .blog-list-container {
    padding: 50px 50px 150px;
  }

  .single-blog-container {
    background: none repeat scroll 0 0 #f2f2f2;
    padding: 80px 150px 30px;
  }

  .comments-container {
    padding: 40px 150px;
  }

  .media-body {
    font-size: 14px;
    line-height: 20px;
  }

  .widget {
    padding: 30px 50px;
  }

  .widget li a {
    font-size: 17px;
    line-height: 32px;
  }

  .widget .textwidget {
    font-size: 16px;
    line-height: 32px;
  }

  .search-form {
    height: 70px;
    padding: 8px 0;
  }

  .search-field, .search-field:focus {
    height: 55px;
    width: calc(100% - 65px);
  }

  .search-submit {
    height: 54px;
    width: 54px;
  }
  .search-submit:hover {
    background-color: #e65a50;
    height: 54px;
    width: 54px;
  }

  .form-control::-moz-placeholder {
    font-size: 16px;
  }
}

/* Screens Resolution : Below 1366px+
-------------------------------------------------------------------------- */

@media only screen and (max-width: 1365px) {
  .recent-post-item figcaption p {
    display: none;
  }

  .recent-post-list {
    padding: 10px 0;
  }

  .post-navigation {
    max-width: 100%;
  }

.recent-post-item figure {
  min-height: 280px;
  min-width: 100% !important;
}

.main-menu li {
  font-size: 14px;
}
}


/* Screens Resolution : 1024px+
-------------------------------------------------------------------------- */

@media only screen and (min-width: 1024px) {

.page-container .page-close {
  background-image:url(//konsol.su/wp-content/themes/privado/img/icons/icon-close-desktop.svg);
}

.page-container .page-scroll {
  background-image:url(//konsol.su/wp-content/themes/privado/img/icons/icon-arrow-desktop.svg);
}

.page-container .single-page::after {
  background-attachment:fixed;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 0.8s,opacity .5s;
  -moz-transition: -moz-transform 0.8s,opacity .5s;
  transition: transform 0.8s,opacity .5s
}


.page-container .single-page.is-loaded::after {
  opacity:0.15;
}

.no-touch .page-container .single-page:hover::after,.page-container .single-page.is-full-width.is-loaded::after {
  opacity:1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
}

/* min-width: 1024px end*/


/* screenwidth less than 1024px
--------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

.page-title h2 {
  font-size: 1.25em;
}

.page-title p {
  font-size: 14px;
}

.about-me .profile-image {
  padding: 40px 20px;
}

.about-me .bio p {
  font-size: 14px;
}

.about-me .bio .buttons {
  margin: 10px auto;
}

.hire-me.btn, .download-resume.btn {
  padding: 15px;
  width: 175px;
  font-size: 12px;
}

.about-me .bio-inner {
  padding: 40px 20px;
  position: absolute;
}


.hire-me.btn:after, .download-resume.btn:after{
	content: "";
}

.education ul li p {
  padding-left: 50px;
}

.employment ul li p {
  padding-right: 50px;
}

.portfolio-container {
  padding: 50px 10px;
}

.social-profiles ul {
  width: 90%;
}

.sidebar-container {
  padding: 50px 20px;
}

.blog-list-container {
  padding: 30px 30px 100px;
}

.sidebar {
  padding: 15px 5px;
}

.blog-title a {
  font-size: 36px;
  line-height: 42px;
}

}


/* screenwidth less than 992px (Tablets)
--------------------------------------------------------------------- */
@media only screen and (max-width: 991px) {

.social-share h5 {
  margin: 5px auto 30px;
  text-align: center;
}

ul.social-share-links {
  display: block;
  float: none;
  margin: 0 auto 30px;
  max-width: 380px;
  padding-bottom: 30px;
}
.anonymous {
  margin: 20px auto;
  display: block;
}

.search-header {
  text-align: center;
}

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

.page-content .search-form {
  display: block;
  margin: 0 auto;
  padding: 30px 0;
  width: 80%;
}

}

/* screenwidth less than 960px (Mobile wide/Smaller Tablets)
--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

.about-me .profile-image h2 {
  font-size: 54px;
}

.about-me .profile-image h3 {
  font-size: 14px;
}

.about-me .bio {
  padding: 0;
}

.about-me .bio p {
  font-size: 13px;
}

.about-me .bio-inner {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.65);
  height: 100%;
  min-height: 560px;
  left: 0;
  padding: 40px 20px;
  position: relative;
  top: 0;
  width: 100%;
}

.hire-me.btn, .download-resume.btn {
  padding: 15px;
  width: 150px;
  font-size: 11px;
}

.header-content h2 {
  font-size: 2em;
  line-height: 1.2em;
  padding: 0 20px;
}

.header-content p {
  font-size: 1.5rem;
}

.service-list {
  width: 95%;
}

.fun-facts {
  padding: 10px;
}

.fun-facts ul {
  width: 100%;
}

.service-list ul li p {
  padding: 5px 15px;
}

.recent-post-item figure {
  min-height: 245px;
  min-width: 100% !important;
}

.recognition .rec-inner {
  padding: 100px 50px;
}

.skill-container {
  padding: 20px;
}

.recognition .rec-list {
  padding: 30px 10px;
}

.recognition .rec-list ul li span {
  margin-right: 10px;
}

.recognition .rec-list ul li h3 {
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0 0;
  padding: 5px;
}

.recognition .rec-list ul li h5 {
  margin: 0;
}

.portfolio-items figure img {
  opacity: 0.4;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.portfolio-items figure.effect-roxy p {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}


.testimonials blockquote p {
  max-width: 600px;
}


.project-url.btn {
  background:#3f3f46;
  text-transform: uppercase;
  color:#fff;
  border-color:#3f3f46
}

.project-url.btn:after {
  right: 30px;
}


.address {
  float: none;
  min-height: 250px;
  position: relative;
  width: 100%;
  overflow: hidden;
}


.address:after {
  border: none;
}

.map-container {
  float: none;
  height: 300px;
  min-height: 0;
  position: relative;
  width: 100%;
}


.location img {
  width: 40px;
}

.location h4 {
  font-size: 10px;
}

.social-profiles ul {
  width: 60%;
}

.map-container {
  min-width: 100vw;
}

.fun-facts h3 {
  font-size: 28px;
  margin: 5px;
  padding: 5px;
}

.fun-facts h3 i {
  font-size: 28px;
}

.fun-facts ul li {
  border-right: 1px solid #fff;
}

.fun-facts h5 {
  font-size: 12px;
}

.single-blog-container {
  padding: 50px 100px 20px;
}

.comments-container {
  padding: 40px 100px 100px;
}

.single-page-container {
  padding: 50px 100px 100px;
}

.blog-list-container {
  padding: 30px 80px 50px;
}

.sidebar-container {
  padding: 0 80px 80px;
}

.header-content {
  padding-bottom: 0;
}

.back-to-home {
  position: absolute;
  top: 40px;
  left: calc(50% - 85px);
  width: 170px;
}

.back-button-container {
  max-width: 400px;
  width: 100%;
}

.page-content .back-to-home {
  position: relative;
  left: auto;
}

.single-blog-header {
  height: 400px;
}
.single-blog-header .blog-title, .single-page-header .blog-title {
  font-size: 36px;
  line-height: 42px;
}

.single-page-header .blog-title {
  padding-top: 10px;
}

.post-tags ul {
  padding-left: 0;
}

.page-content .search-field, .page-content .search-field:focus {
  height: 60px;
  width: calc(100% - 92px);
}

.page-content .search-submit, .page-content .search-submit:hover {
  font-size: 24px;
  height: 60px;
  width: 80px;
}

}


/* Mobile wide/Smaller Tablets
---------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {

a.nav-expander {
  right: 10px;
  top: 20px;
  width: 55px;
  height: 50px;
}

.nav-expander span, .nav-expander::after, .nav-expander::before {
  left: 10px;
  right: 10px;
}

.nav-expander::before {
  top: 12px;
}
.nav-expander span {
  top: 22px;
}
.nav-expander::after {
  top: 32px;
}

.is-full-width .page-title {
  box-shadow: none;
}

.page-title span {
  display: none;
}

.page-title span i {
  font-size: 1.5em;
  box-shadow: 0 0 0 20px transparent;
}

.menu-desc {
	opacity: 1!important;
}

.page-title h2 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  line-height: 100;
  margin: auto;
}

.page-title p {
  display: none;
}

.is-full-width .page-title span {
  display: block;
}

.is-full-width .page-title h2 {
  background: none;
  line-height: 1.5em;
  margin: auto;
}

.is-full-width .page-title p {
  display: block;
}

.about-me {
  padding: 0;
}

.about-me .profile-image {
  width: 100%;
  padding: 20px;
  min-height: 200px;
}

.about-me .bio {
  width: 100%;
  min-height: 0;
  padding: 0;
}

.about-me .bio-inner {
  min-height: 0;
  padding: 40px 0;
}

.about-me .bio h3 {
  font-size: 16px;
  line-height: 20px;
  padding: 0 10px;
  text-align: left;
}

.about-me .bio p {
  font-size: 14px;
  padding: 0 10px;
}

.header-content h2 {
  font-size: 1.5em;
}

.header-content p {
  font-size: 1.2rem;
}

.services {
  padding: 20px 0 30px;
}

.services .sec-divider {
  margin: 10px auto 0;
}

.services .section-title {
  font-size: 24px;
  padding: 20px;
}

.service-list {
  width: 90%;
}

.service-list ul li {
  display: block;
  float: left;
  margin: 8px auto;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}

figure.effect-ming h2 {
  margin: 10% 0 10px;
}

.recent-post-item figure{
  width: 90%!important;
  min-width: 90%!important;
  margin: 0 auto;
  display: block;
}

.recent-post-meta {
  margin: 0 auto;
  width: 90%;
}

.fun-facts {
  padding: 5px;
}

.fun-facts ul li {
  border-right: 1px solid #fff;
}

.fun-facts h3 {
  font-size: 20px;
}
.fun-facts h3 i{
  font-size: 20px;
}

.fun-facts h5 {
  font-size: 10px;
  letter-spacing: 0;
  margin: 5px auto;
  padding: 2px 0;
}

.footer {
  padding: 20px 10px 20px 30px;
}

.resume {
  padding: 20px 0;
}

.resume .sec-divider {
  margin: 10px auto 0;
}

.resume .education h2, .resume .employment h2 {
  font-size: 16px;
  padding: 15px 0;
}

.education ul li h3, .employment ul li h3 {
  font-size: 14px;
}

.education ul li h4, .employment ul li h4 {
  font-size: 13px;
  padding: 0;
}

.resume .education {
  padding-left: 5px;
  padding-right: 20px;
}

.resume .employment {
  padding-left: 20px;
  padding-right: 5px;
}

.education ul li p {
  padding-left: 20px;
}

.employment ul li p {
  padding-right: 20px;
}

.skills {
  padding: 20px 0;
}

.skills .sec-divider {
  margin: 10px auto 0;
}

.skills .section-title {
  font-size: 24px;  
  padding: 20px;
}

.skill-container {
  margin: 10px auto;
}


.recognition .rec-desc {
  display: block;
  float: none;
  min-height: 0;
  width: 100%;
  padding: 0;
}

.recognition .rec-desc h2 {
  font-size: 24px;
}

.recognition .rec-list {
  display: block;
  float: none;
  margin-left: 50px;
  padding: 30px 5px;
  width: 100%;
}

.recognition .rec-inner {
  padding: 30px;
  position: relative;
}

.portfolio-items figure.effect-roxy figcaption {
  padding: 2em;
}


.testimonials {
  padding: 20px 0;
}

.testimonials .sec-divider {
  margin: 20px auto;
}

.testimonials .text-container {
  padding-bottom: 20px;
}

.testimonials .section-title {
  font-size: 24px;
  margin: 10px auto 20px;
  padding: 10px;
}

.testimonials blockquote p {
  font-size: 14px;
  max-width: 350px;
}

.white-popup {
  max-width: 95%;
}

.project-title {
  font-size: 16px;
}

.project-desc {
  font-size: 13px;
}

.contact {
  padding: 20px 0;
}

.contact .sec-divider {
  margin: 20px auto;
}

.contact .section-title {
  font-size: 24px;
  padding: 10px;
}

.form-container {
  margin: 30px auto;
  padding: 20px;
  width: 90%;
}

.address {
  padding: 60px 0;
}

.social .social-profiles ul {
  width: 100%;
}

.map-container {
  height: 220px;
}

.footer a {
  font-size: 11px;
  padding-right: 10px;
}

.footer span {
  font-size: 10px;
  margin-left: 5px;
}

.single-blog-container {
  padding: 50px 50px 20px;
}

.blog-list-container {
  padding: 20px 30px;
}

.sidebar-container {
  padding: 0 30px 80px;
}

.comments-container {
  padding: 40px 50px 50px;
}

.nav-links {
  display: none;
}

.blog-title {
  font-size: 36px;
  line-height: 42px;
}

.blog-title a {
  font-size: 32px;
  line-height: 36px;
}

.single-blog-header .blog-title, .single-page-header .blog-title {
  font-size: 32px;
  line-height: 36px;
}
.single-blog-header .blog-title {
  padding-top: 25px;
}

.single-page-header .blog-title {
  padding-top: 30px;
}

.blog-author {
  margin: 10px auto;
  max-width: 285px;
}

.author-avatar img {
  max-width: 50px!important;
}

.blog-author .media-heading {
  font-size: 14px;
}

.blog-author h5 {
  font-size: 10px;
  margin: 8px auto;
}

.single-blog-container {
  margin-top: 10px;
}

.single-page-container {
  padding: 50px 30px 100px;
}

ul.social-share-links {
  padding-left: 0;
}

.comments-area {
  padding: 50px 50px 20px;
}

.comments-headline {
  font-size: 24px;
}

.post-tags ul {
  display: block;
  margin: 0 auto;
}

.post-tags ul li {
  display: inline-block;
  line-height: 50px;
}

.post-tags ul li:before {
  line-height: 50px;
}

.page-content .search-form {
  width: 90%;
}

.search-title {
  font-size: 32px;
}

.page-content, .page-content p {
  font-size: 16px;
}

.error-header {
  margin-top: -100px;
}

.error-image img{
  height: 100px;
  margin: 10px auto 30px;
}

.error-title {
  font-size: 32px;
  line-height: 42px;
}

.page-content p {
  padding: 5px 20px;
}

.wpcf7-form > p:nth-child(2) {
  width: 100%; 
  float:none;
}

.wpcf7-form > p:nth-child(3) {
  width: 100%; 
  float: none;
}

}


/* Medium Screen Mobile
  -------------------------------------------------------------------------- */

@media only screen and (max-width: 479px) {

.about-me .profile-image {
  padding: 20px;
  width: 100%;
}

.about-me .bio h3 {
  margin-top: 5px;
}

.hire-me.btn, .download-resume.btn {
  font-size: 12px;
  padding: 15px;
  width: 100%;
}

.service-list .service {  
  margin: 10px auto;
}


.service-list .service p {
  padding: 5px;
}

.fun-facts ul li {
  border-right: 1px solid #fff;
  float: left;
  margin: 20px auto;
}

.fun-facts h3 i, .fun-facts h3 i {
  font-size: 18px;
  line-height: 18px;
}

.fun-facts h5 {
  font-size: 8px;
  letter-spacing: 0;
}

.resume .education h2, .resume .employment h2 {
  font-size: 13px;
}

.education ul li h3, .employment ul li h3 {
  font-size: 12px;
}

.education ul li h4, .employment ul li h4 {
  font-size: 12px;
  line-height: 12px;
  margin: 0;
}

.education ul li p {
  padding-left: 5px;
}

.employment ul li p {
  padding-right: 5px;
}

.education ul li span, .employment ul li span {
  font-size: 12px;
}

.education ul li p, .employment ul li p {
  font-size: 13px;
  line-height: 22px;
}

.skill-container .skill {
  margin-bottom: 5px;
}

.chart, .chart canvas {
  height: 150px!important;
  width: 150px!important;
}

.skill-container .skill figcaption {
  font-size: 10px;
  text-align: center;
  line-height: 150px;
}

.recognition .rec-list {
  margin-left: 15px;
}

.testimonials blockquote p {
  font-size: 13px;
  max-width: 300px;
}

.testimonials blockquote p:before {
  font-size: 16px;
}

.testimonials blockquote p:after {
  font-size: 16px;
  margin-left: 3px;
}

.testimonials blockquote cite {
  font-weight: bold;
}

.form-container input {
  width: 100%;
  display: block;
  float: none;
  padding: 15px;
  margin: 10px auto;
}

.form-container textarea, .form-container button {
  padding: 15px;
  margin: 10px auto;
}

.social .social-profiles ul {
  width: 100%;
  padding: 0;
}

.social-profiles ul li a i {
  font-size: 18px;
  height: 36px;
  line-height: 36px;
  width: 36px;
}

.address {
  min-height: 240px;
  padding: 45px 0;
}

.map-container {
  height: 200px;
}

.blog-title, .blog-title a {
  font-size: 28px;
  line-height: 36px;
}

.blog-list-container {
  padding: 20px;
}

.blog-list-container article {
  padding: 30px 0 10px;
}

.sidebar-container {
  padding: 0 20px 80px;
}

.single-blog-header .blog-title, .single-page-header .blog-title {
  font-size: 28px;
  line-height: 36px;
}

.single-blog-container {
  padding: 30px 20px 10px;
}

.single-page-container {
  padding: 30px 20px 100px;
}

.post-author {
  padding: 5px 20px 20px;
  text-align: center;
}

.single-blog-container .author-avatar img {
  float: none;
  display: block;
  margin: 10px auto;
}

.author-avatar a {
  display: block;
  float: none !important;
  margin: 0 auto;
  padding: 0 !important;
}

.post-author h5 {
  font-size: 12px;
}

.avatar-container {
  float: none;
  display: block;
  margin: 0 auto;
  width: 100%;
}

ul.social-share-links li {
  padding: 0 8px;
}

.comments-container {
  padding: 20px;
}

.comments-area {
  padding: 50px 20px 10px;
}

.post-tags ul li {
  display: inline-block;
  float: left;
  line-height: 40px;
  overflow: hidden;
  padding-right: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%;
}

.post-tags ul li:before {
  line-height: 42px;
  left: 3px;
}
.post-tags ul li:first-child::before {
  display: block;
}

.page-content .search-form {
  width: 100%;
}

.widget-container {
  padding: 50px 20px 100px;
}

.back-button-container {
  max-width: 80%;
  width: 80%;
}

.page-content .back-to-home {
  width: 100%;
  margin: 10px auto;
}

.error-header {
  margin-top: 30px;
}

.error-title {
  font-size: 24px;
  line-height: 32px;
}

.page-content, .page-content p {
  font-size: 14px;
}

.error-404 {
  padding-bottom: 60px;
}

.error404 .page-content .search-form {
  padding: 20px;
}

.page-content .search-submit, .page-content .search-submit:hover {
  font-size: 16px;
  height: 42px;
  width: 48px;
}

.page-content .search-field, .page-content .search-field:focus {
  height: 42px;
  width: calc(100% - 60px);
}


}


/* Small Screen Mobile
  -------------------------------------------------------------------------- */

@media only screen and (max-width: 320px) {

nav.primary-menu {
  width: 250px;
  right: -250px;
}

.nav-expanded a.nav-expander.fixed {
    right: 250px;
}

.nav-expanded nav {
  right: 0;
}

.main-menu li {
  margin: 0 auto;
  padding: 15px;
}

.nav-header h2 {
  padding: 10px 20px;
}

.pp-container {
  width: 160px;
}

.about-me .bio h3 {
  font-size: 16px;
  line-height: 24px;
}

.about-me .bio p {
  font-size: 13px;
  padding: 0 5px;
}

.service-list ul li {
  margin: 3px auto;
}

.service-list ul li p {
  font-size: 13px;
  line-height: 20px;
}

.fun-facts h3 {
  font-size: 18px;
  line-height: 18px;
}

.fun-facts h5 {
  font-size: 7px;
  line-height: 7px;
}

.footer a {
  font-size: 10px;
}

.resume .education h2, .resume .employment h2 {
  font-size: 11px;
}

.education ul li h3, .employment ul li h3 {
  font-size: 15px;
  line-height: 18px;
}

.education ul li h4, .employment ul li h4 {
  font-size: 11px;
}

.education ul li p {
  padding-left: 10px;
}

.employment ul li p {
  padding-right: 10px;
}

.recognition .rec-list {
  margin-left: 5px;
}

.recognition .rec-list ul li h3 {
  font-size: 12px;
  line-height: 18px;
}

.recognition .rec-list ul li h5 {
  font-size: 12px;
}

.recognition .rec-list ul li h4 {
  font-size: 11px;
}

.recognition .rec-list ul li span {
  font-size: 70px;
}

.skill-container .skill {
  padding: 0;
}


.portfolio-items figure {
  max-height: 360px;
  max-width: 300px;
  min-width: 270px;
}


.testimonials blockquote {
  margin: 0 0 20px;
}

.testimonials blockquote p {
  font-size: 12px;
  line-height: 24px;
  max-width: 270px;
}

.testimonials blockquote p:before {
  font-size: 14px;
  margin-left: -16px;
}

.testimonials blockquote p:after {
  font-size: 14px;
  margin-left: 3px;
}

.location img {
  width: 36px;
}

.location h4 {
  font-size: 9px;
}

.social .social-profiles ul {
  margin: 0;
  padding: 0;
  width: 100%;
  min-width: 310px;
}


.map-container {
  height: 180px;
}

.comments-headline {
  font-size: 18px;
}

.social-share h5 {
  font-size: 13px;
}

ul.social-share-links li {
  padding: 0 5px;
}

.comments-area .comments-title, .comments-area .comment-reply-title {
  font-size: 18px;
}

.error-header {
  margin-top: 20px;
}

.error-title {
  font-size: 17px;
  line-height: 24px;
}

.page-content, .page-content p {
  font-size: 13px;
}


.back-button-container {
  margin: 5px auto;
}

}


/* only for webkit  browsers */
/* to resolve flickering issue on chrome/safari for fixed background attachment */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .page-container .single-page::after {
    background-attachment: inherit;
  }
}
/* Body Background Color */

body {
	background: #101524;
}

/* Preloader Styles */

#preloader{
  background-color:#101524; 
}

.loader {
  background: url(http://konsol.su/wp-content/themes/privado/img/svg-loaders/puff.svg) no-repeat scroll center center / cover rgba(0, 0, 0, 0);
}


/* Page Background images */

.page-container .single-page:first-of-type::after {
  background-image: url(http://konsol.su/wp-content/uploads/2016/06/fon31-e1453197862110.jpg);
}

.page-container .single-page:nth-of-type(2)::after {
  background-image: url(http://konsol.su/wp-content/uploads/2016/06/DSCF74301-e1453197999499-1024x628.jpg);
}

.page-container .single-page:nth-of-type(3)::after {
  background-image: url(http://konsol.su/wp-content/uploads/2016/06/DSC01145-e1453199349156.jpg);
}

.page-container .single-page:nth-of-type(4)::after{
  background-image: url(http://konsol.su/wp-content/uploads/2016/06/DSCF72704-e1453199561939.jpg);
}

/* Page overlay colors */ 

.single-page:nth-child(1) {
  background-color: #191D21;
}

.single-page:nth-child(2) {
  background-color: #1F2628;
}

.single-page:nth-child(3) {
  background-color:  #273336;
}

.single-page:nth-child(4) {
  background-color: #273a3f;
}


/* Theme Custom CSS */ 


                    .location h4, .portfolio-items figure.effect-roxy h2 {
    text-transform: none !important;
}
#huge_it_gallery .huge_it_big_li, #huge_it_gallery li img {
    width: auto !important;
}
section #huge_it_gallery li .infoLayer ul li h2 {
    font-size: 11px !important;  line-height: 11px !important;
}
section #huge_it_gallery li .infoLayer ul li h2 {
    font-size: 9px !important;
    color: #020202 !important;
    text-transform: none !important;
}
.portfolio-items figure.effect-roxy h2 {
    text-transform: none !important;
    font-family: arial !important;
}