@charset "UTF-8";

/* css/grid.css */
@media screen and (min-width: 740px) {
.container {width: 98%;}
.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-half,.grid-full {width: 96.969696969697%;margin: 0 1.315151515152%;float:left;}
.grid-half {width: 46.969696969697%;margin: 0 1.515151515152%;}
}

@media screen and (min-width: 759px) {
  .grid-1     { width: 13.636363636364%; }
  .grid-2     { width: 30.30303030303%; }
  .grid-3,
  .grid-half  { width: 46.969696969697%; }
  .grid-4     { width: 63.636363636364%; }
  .grid-5     { width: 80.30303030303%; }
  .grid-6,
  .grid-full  { width: 96.969696969697%; }
}

/* css/normalize.css */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:none;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;text-decoration:none;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0}
blockquote:before,blockquote:after,q:before,q:after{content:""}
*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }								  
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
:focus { outline: 0;}
table { border-collapse: collapse; border-spacing: 0;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
a{text-decoration:none; position:relative; color:#000;}
audio,video,canvas {max-width: 100%;}

/* css/font-awesome.min.css */
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;font-display:swap}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}

/* css/style.css */
/* ====================
--------------------------------------------------------------
	++++General Styles++++
	++++Typography++++
	++++Content Styles++++
	++++Intro++++
	++++Navigation++++
	++++About++++
	++++Resume++++
	++++Portfolio++++
	++++Services++++
	++++Contacts++++
	++++Footer++++
	++++CSS Animation++++
	++++Media++++
*/

/* ====================
General Style
--------------------------------------------------------------*/

html{
	overflow-x:hidden !important;
	height:100%;
}
body{
	margin: 0;
	padding: 0;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #666;
	background:#fff;
	height:100%;
	text-align:center;
	-webkit-backface-visibility:hidden
}
@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
.clear{clear:both;float:none;}
/* ====================
Typography
--------------------------------------------------------------*/
h1 {
	font-size: clamp(2rem, 5vw, 4.46666666667em);
	text-transform: uppercase;
	letter-spacing: 0.20em;
	font-weight: 400;
	line-height: 1.17em;	
}
h2 {
	font-size: 2.2em;
	letter-spacing: 0.10em;
	font-weight: bold;
	text-transform:uppercase;
}
h3 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.20em;
	font-weight: 200;
}
h4 {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 200;	
}
h5 {
	font-size: 0.8em;
	font-weight: 200;
}
h6 {
	font-size: 0.6em;
	text-transform: uppercase;
	font-weight: 200;
}
h1.animtext{
	margin-top:35%;
	position:relative;
	color:#fff;
}
h3.animtext{
	margin-top:20px;
}
.color-white{
	color:#fff !important;
}

/* ====================
Content Styles
--------------------------------------------------------------*/

#main{
	opacity:1;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#wrapper{ 
	position: relative;
	z-index:2;
	float:left;
	width:100%;
}
.container{
	max-width: 1200px;
	width:92%;
	margin:0px auto;
	position: relative;
	zoom:1;
	z-index:2;
}
.anim{
	top:0;
	opacity:1;
}
.container p {
	font-size:0.9em;
}
.content , .sections{
	float:left;
	width:100%;
	position:relative;
}
.sections {
	padding:90px 0;
}
.background-white{
	float:left;
	width:100%;
	background:#fff;
}
.respimg{
	width:100%;
	height:auto
}
.content-holder{
	height:100%; 
	margin-left:17%;
	vertical-align:top; 
	position: absolute; 
	left:0; 
	top:0; 
	right:0;
	z-index:2;
	height:100%;
}
.content-separator{
	margin:10px auto 20px;
	max-width:250px;
	position:relative;
}
.content-separator i {
	color:#ccc;
	background:#fff;
	width:50px;
	height:50px;
	position:relative;
	z-index:2;
	border-radius:100%;
	border-bottom:4px solid #ccc;
	line-height:50px;
}
.content-separator span {
	width:100%;
	height:1px;
	position:absolute;
	top:50%;
	left:0;
	background:#fff;
}
.gray-separator span {
	background:#ccc;
}
/* =====
page preload
--------------------*/

#jpreOverlay {
	background: #fff;
}
#jpreLoader{
	position:relative;
	z-index:1;
}
#jpreBar {
	position:fixed;
	width:50%;
	height:100%  ;
	top:0;
	left: 50%;
}
#jprePercentage {
    font-size: 18px;
	position:fixed;
	top:50%;
	left:10%
}
/* ====================
intro
--------------------------------------------------------------*/

#intro{
	width: 100%;
	height: 100%;
	position: relative;
	float:left;
	left: 0;
	top: 0;
	background: #fff;
	z-index:3;
	-webkit-transform: translate3d(0,0,0);	
}
#intro:before, #intro:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 25px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 35px 20px #000;
	-moz-box-shadow: 0 35px 20px #000;
	box-shadow: 0 35px 20px #000;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
	opacity:0.2;
}
#intro:after{
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
	right: 10px;
	left: auto;
}
.nav-holder{
	position:absolute;
	top:0;
	left:0;
	width:50%;
	height:100%;
}
.nav-border{
	position:absolute;
	top:5%;
	left:5%;
	width:90%;
	height:90%;
	border:1px solid #fff;
	z-index:1;
}
.nav-button{
	display:none;
}
.link-holder{
	margin-top:35%;
	position:relative;
	z-index:2;
}
.link-holder ul {
	max-width:200px;
	margin:0 auto;
}
.link-holder ul li {
	width:100%;
	float:left;
	margin-bottom:8px;
}
.link-holder ul li a {
	border:1px solid #fff;
	width:100%;
	float:left;
	padding:6px;
	display:block;
	color:#fff;
}
.link-holder ul li a:hover{
	background:#fff;
}
.text-ticker-holder{
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
	background-color:#474D5D;
	background-image:url(../images/bg.jpg);
	background-image:image-set(url(../images/bg-1920.webp) type("image/webp"), url(../images/bg.jpg) type("image/jpeg"));
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	background-attachment: scroll;
}
.start-holder{
	width:50px;
	height:50px;
	margin:120px auto;
	position:relative;
}
.start{
	color:#fff;
	display:block;
	font-size:24px;
}
.start i {
	line-height:50px;
}
.start-decor{
	position:absolute;
	width:50px;
	height:5px;
	z-index:-1;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-2px;
}
.start-decor:after{
	top:2px;
	left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	opacity:0.3;
}
.start-decor:before{
	bottom:3px;
	left:50%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	opacity:0.3;
}
.start-decor:after {
	border-width:30px;
	margin-left:-30px;
}
.start-decor:before {
	border-width:30px;
	margin-left:-30px;
}
.overlay{
	background:#393D40;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	opacity:0.8;
}
.fade{
	opacity:1;
}
/* ====================
Sidebar
--------------------------------------------------------------*/

.left-sidebar{
	position:fixed;
	top:0;
	left:0;
	width:17%;
	height:100%;
	z-index:3;
	background:#474D5D;
	-webkit-transform: translate3d(0,0,0);	
}
.desktop-screen-navigation{
	position:relative;
	top:40%;
}
.logo{
	position:absolute;
	top:10%;
	left:0;
	width:100%;
	display:block;
}
.desktop-screen-navigation ul li{
	width:100%;
	float:left;
	margin-bottom:4px;
	position:relative;
	border-right:4px solid #474D5D;
	border-left:4px solid #474D5D;
}
.desktop-screen-navigation ul li a {
	color:#fff;
	font-weight:400;
	display:block;
	padding:8px;
}
.desktop-screen-navigation ul li.current:before {
	bottom: 0;
	left: 100%;
	margin-left:-38px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.desktop-screen-navigation ul li.current , .desktop-screen-navigation ul li:hover {
	background:#fff;
}
.desktop-screen-navigation ul li.current:before {
	border-right-color: #474D5D;
	border-width: 19px;
	margin-right:0;
}
.desktop-screen-navigation ul li.current:after {
	bottom: 10px;
	left: 100%;
	margin-left:-20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.desktop-screen-navigation ul li.current:after {
	border-right-color: #fff;
	border-width: 10px;
	margin-right:0;
}
.nav-top{
	position:absolute;
	bottom:10px;
	left:50%;
	width:50px;
	height:50px;
	z-index:4;
	margin-left:-25px;
	color:#fff;	
}
.nav-top span{
	position:absolute;
	top:5px;
	left:10px;
	width:30px;
	height:30px;
	-webkit-transform:rotate(45deg); 
	-moz-transform:rotate(45deg) ; 
	-o-transform: rotate(45deg) ;
	-ms-transform:rotate(45deg);
	z-index:-1;
}
.nav-top:hover span{
	-webkit-transform:rotate(-405deg); 
	-moz-transform:rotate(-405deg) ; 
	-o-transform: rotate(-405deg) ;
	-ms-transform:rotate(-405deg);
}
/* ====================
About
--------------------------------------------------------------*/
#about{
	background:#fff;
	z-index:2;
	-webkit-transform: translate3d(0,0,0);	
}
#about p {
	text-align:left;
	margin-bottom:20px;
}
#about h3 {
	text-align:left;
	margin-bottom:20px;
}
#about h3.margin{
	font-weight:bold;
	color:#666;
}
#about h4.margin {
	margin-bottom:20px;
}
.photo-holder{
	position: relative;
	max-width:350px;
	margin:0 auto;
}
.photo-holder img{
	-webkit-border-radius: 10px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 10px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 10px;
	border-bottom-left-radius: 0;
}
.photo-holder:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 10px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:350px;
	-webkit-box-shadow: 0 15px 10px #000;
	-moz-box-shadow: 0 15px 10px #000;
	box-shadow: 0 15px 10px #000;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	opacity:0.5;
}  
.button{
	padding:10px 30px;
	color:#fff;
	border-radius:6px;
	float:left;
	border-bottom:4px solid #ccc;
	position:relative;
}
.button:before{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 12px;
	right: 10px;
	width: 50%;
	top: 30%;
	max-width:120px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}

/* ====================
Skills
--------------------------------------------------------------*/

.show-skills{
	position:absolute;
	top:0;
	left:50%;
	width:50px;
	height:50px;
	z-index:4;
	margin-left:-25px;
	cursor:pointer;
}
.show-skills i {
	color:#fff;
	position:absolute;
	top:20px;
	left:25px;
	z-index:5;
}
.show-skills  span{
	width: 150px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	left: 50%;
	margin-left: -64px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	font-family: 'Istok Web', sans-serif;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom:4px solid #ccc;
	border-right:4px solid #ccc;
	text-indent: 0px;
	position: absolute;
	bottom: 62px;
	opacity: 0;
	visibility: visible;
	pointer-events: none;
	-webkit-transform: translate(35px) rotate(25deg) scale(1.5);
	-moz-transform: translate(35px) rotate(25deg) scale(1.5);
	-o-transform: translate(35px) rotate(25deg) scale(1.5);
	-ms-transform: translate(35px) rotate(25deg) scale(1.5);
	transform: translate(35px) rotate(25deg) scale(1.5);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:6;
}
.show-skills span:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	margin-top:2px;
	pointer-events: none;
}
.show-skills span:after {
	border-top-color: #ccc;
	border-width: 10px;
	margin-left: -10px;
	margin-top:4px;
}
.show-skills:hover span{
	visibility:visible;
	opacity:1;
	-webkit-transform: translate(0px) rotate(0deg) scale(1);
	-moz-transform: translate(0px) rotate(0deg) scale(1);
	-o-transform: translate(0px) rotate(0deg) scale(1);
	-ms-transform: translate(0px) rotate(0deg) scale(1);
	transform: translate(0px) rotate(0deg) scale(1);
}
.show-skills:after{
	top:38px;
	left:50%;
	border: solid transparent;
	content: " ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
}
.show-skills:before{
	bottom:12px;
	left:50%;
	border:solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.show-skills-holder{
	width:100%;
	position:absolute;
	height:37px;
	background:url(../images/banner-mask-down.png) no-repeat top center;
	bottom:-37px;
	left:-12px;
	z-index:3;
}
.decor-fix{
	position:absolute;
	top:0;
	right:-12px;
	width:12px;
	height:37px;
	background:#fff;
}
.piechart-holder {
	margin-top:50px;
	display:none;
}
.piechart-holder p {
	text-align:center !important;
	font-size:0.7em;
}
.piechart-holder h4{
	text-transform:uppercase;
	font-weight:400;
	font-size:20px;
}
.chart {
	position: relative;
	display: inline-block;
	width: 152px;
	height: 152px;
	margin-bottom: 26px;
	text-align: center;
}
.chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.percent {
	display: inline-block;
	font-size:21px;
	color:#474d5d;
	line-height: 152px;
	z-index: 2;
}
.percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: .8em;
}
.angular {
	margin-top: 100px;
}
.angular .chart {
	margin-top: 0;
}
.right{
	float:right !important
}

/* ====================
Facts
--------------------------------------------------------------*/

#facts, #credentials{
	overflow:hidden;
	position:relative;
	z-index:0;
	-webkit-transform: translate3d(0,0,0);	
}
#facts h2, #credentials h2 {
	margin-bottom:80px;
}
.parallax-facts{
	background-color:#474D5D;
	background-image:url(../images/bg.jpg);
	background-image:image-set(url(../images/bg-1920.webp) type("image/webp"), url(../images/bg.jpg) type("image/jpeg"));
	background-size: cover;
	background-position: center  ;
	background-attachment:fixed;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-12;
}
#facts .content, #credentials .content{
	padding:50px 0;
}
#facts ul, #credentials ul, #facts .facts-summary {
	margin:0 auto;
	max-width:800px;
}
#facts ul li, #credentials ul li {
	display:inline-block;	
	position:relative;
	width:32%; 
}
.milestone-counter{
	float:left;
	width:100%;
}
#facts ul li h6, #credentials ul li h6 {
	font-size:13px;
	color:#fff;
	padding:12px;
	clear:both;
	max-width:200px;
	margin:-10px auto 0;
	position:relative;
	display:block;
	font-weight:bold;
}
#facts ul li h6 span, #credentials ul li h6 span {
	width:60px;
	height:1px;
	position:absolute;
	top:-1px;
	left:50%;
	margin-left:-30px;
	background:#fff;
	opacity:0.5
}
.num{
	position:relative;
	z-index:-1;
	font-size:56px;
	font-weight:bold;
	font-family: 'Istok Web', sans-serif;
	text-shadow: 0px 18px 2px rgba(41, 41, 41, .3);
}
.conter-decor{
	position:absolute;
	width:50px;
	height:4px;
	z-index:-1;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-2px;
}
.conter-decor:after{
	top: 2px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	opacity:0.3;
}
.conter-decor:before{
	bottom: 2px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	opacity:0.3;
}
.conter-decor:after {
	border-width: 90px;
	margin-left: -90px;
}
.conter-decor:before {
	border-width: 90px;
	margin-left: -90px;
}
.rotade{
	position:absolute;
	background:#fff;
	z-index:-1;
	width:1px;
	height:50px;
	opacity:0.5;
}
.rot-top-left{
	top:-50px;
	left:-90%;
}
.rot-top-right{
	top:50px;
	right:100%;
}
.rot-bottom-left{
	bottom:-50px;
	right:-90%;
}
.rot-bottom-right{
	bottom:50px;
	left:100%;
}
.rot-top-left, .rot-bottom-left{
	-webkit-transform: rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:  rotate(45deg);
	-ms-transform:  rotate(45deg);
	transform:  rotate(45deg);
}
.rot-bottom-right, .rot-top-right {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

/* ====================
Resume
--------------------------------------------------------------*/

#resume{
	position:relative;
	z-index:4;
	padding:0;
	-webkit-transform: translate3d(0,0,0);	
}
.background-color{
	float:left;
	width:100%;
	position:relative;
	z-index:2;
	padding:90px 0;
}
.resumeshadow{
	position:absolute;
	width:100%;
	height:123px;
	left:0;
	bottom:0;
	z-index:-1;
}
.resumeshadow:before, .resumeshadow:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 20px;
	left: 10px;
	width: 50%;
	top: 40%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 35px 20px #000;
	-moz-box-shadow: 0 35px 20px #000;
	box-shadow: 0 35px 20px #000;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
	opacity:0.2;
}
.resumeshadow:after{
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
	right: 10px;
	left: auto;
}
#resume div.grid-full{
	position:relative;
}
.place-holder{
	margin-bottom:40px;
}
#resume .container {
	max-width:900px;
}
#resume  a.button{
	background:#fff;
	margin-top:50px;
}
.resume-line{
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	left:9.836363636364%;
	background:#fff;
}
.resume-date {
	width:120px;
	height:120px;
	background:#fff;
	float:left;
	margin-top:20px;
	border-radius:100%;
	position:relative;
	border-bottom:4px solid #ccc;
}
.resume-date h4 {
	margin-top:40px;
}
.resume-date span {
	margin-top:6px;
	font-size:0.8em;
	color:#585F73;
}
.resume-info {
	text-align:left;
	padding:18px;
	background:#fff;
	border-radius:8px;
	border-bottom:6px solid #ccc;
	border-left:1px solid #ccc;
	position:relative;
}
.resume-info h3{
	font-weight:800;
	text-transform:none;
	color:#666;
	margin-bottom:6px;
}
.resume-info h4{
	font-weight:600;
}
.resume-info p {
	font-size:0.8em;
	margin-top:10px;
}
.resume-info:after{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.resume-info:after {
	border-right-color: #ccc;
	border-width: 15px;
	margin-top: -15px;
}
.resume-info:before{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 70%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

/* ====================
Work
--------------------------------------------------------------*/

#work{
	padding:0;
	z-index:2;
	-webkit-transform: translate3d(0,0,0);	
}
#work div.background-white{
	padding:90px 0;
}
#work .container{
	overflow:hidden;
}
.workshadow{
	position:absolute;
	width:100%;
	height:123px;
	left:0;
	bottom:0;
	z-index:-1;
}
.workshadow:before{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 70%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	opacity:0.5;
}
#folio_container{
	position:relative;
	z-index:3;
	float:left;
	width:100%;
	height:100%;
}
#folio_container .mix { 
	opacity: 1;
	display: inline-block;
}
#folio_container .mix[hidden] { display:none !important; }
#options{
	width:100%;
	text-align:center;
	position:relative;
	z-index:12;
	padding:10px 0;
	margin-top:30px;
	margin-bottom:30px;
}
#options ul {
	position:relative;
	margin:10px auto 10px;
	max-width:350px;
	border-radius:6px;
	padding:8px 0;
	border-bottom:4px solid #ccc;
}
#options ul:before{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 8px;
	left: 10px;
	width: 50%;
	top: 70%;
	max-width:200px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#options li{
	display:inline-block;
	margin-bottom:5px;
    color: #fff;
    font-size: 15px;
	text-transform: none;
	padding:6px 10px;
	cursor:pointer;
	font-weight:700;	
	position:relative;
}
#options li.actcat, #options li:hover{
	color:#666;
}
.box {
	display:inline-block;
	position:relative;
	z-index:1;
	margin:1.315151515152%;	
}
.box  a{
	float:left;
	position:relative;
	width:100%;
	height:100%;
	display:block;
}
.folio-img-holder{
	position:relative;
	width:100%;
	float:left;
}
.folio-img-holder img{
	position:relative;
	z-index:1;
}
.folio-overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
	background:#474D5D;
	overflow:hidden;
	-moz-box-shadow: -10px -10px 0 1px rgba(255,255,255,0.6);
	-webkit-box-shadow: -10px -10px 0 1px rgba(255,255,255,0.6);
	box-shadow: -10px -10px 0 1px rgba(255,255,255,0.6);
}
.folio-overlay h3{
	margin-top:30%;
	color:#fff;
	font-weight:600;
	text-transform:none;
}
.folio-button{
	color:#fff;
	margin:10% auto;
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:4px;
	font-size:24px;
	-webkit-transform: scale(0) rotate(360deg); 
	-moz-transform: scale(0) rotate(360deg) ; 
	-o-transform: scale(0) rotate(360deg) ;
	-ms-transform: scale(0) rotate(360deg);
		-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 300ms linear;
    transition: all 500ms linear;
}
.white-popup-block{
	max-width:900px;
	margin: 50px auto;
	padding:0 0 90px;
}
.white-popup-block div.content{
	background:#fff;
	padding-bottom:90px;
}
.slider-content{
	position:relative;
	float:left;
	width:100%;
}
.white-popup-block div.content h2, .white-popup-block div.content h1.project-title{
	font-size:1.5em;
	font-weight:500;
	text-transform:none;
	text-align:center;
}
.white-popup-block div.content h4{
	text-align:center;
	font-size:0.8em;
	margin-top:20px;
	font-weight:600;
	margin-bottom:50px;
}
.white-popup-block div.content p {
	padding:10px;
	text-align:center;
	margin-top:-30px;
}
.white-popup-block a.lanch-button{
	padding:10px 30px;
	color:#fff;
	border-radius:6px;
	border-bottom:4px solid #ccc;
	position:absolute;
	bottom:-60px;
	left:50%;
	margin-left:-80px;
}
.white-popup-block a.lanch-button:hover{
	color:#666;
}
.white-popup-block a.lanch-button:before{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 12px;
	right: 10px;
	width: 50%;
	top: 30%;
	max-width:120px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
}
.separator{
	width:75px;
	height:1px;
	margin:0 auto 10px;
}
/* ====================
Services
--------------------------------------------------------------*/

#services{
	background:#eee;
	z-index:1;
	-webkit-transform: translate3d(0,0,0);	
}
#services .content{
	padding:50px 0;
}
.icon-holder{
	width:150px;
	height:150px;
	border-radius:100%;
	background:#fff;
	margin:0 auto;
	border-bottom:6px solid #ccc;
}
.icon-holder i {
	font-size:54px;
	line-height:150px;
}
.services-box-info{
	position:relative;
	margin:40px auto;
	background:#fff;
	border-radius:10px;
	padding:8px;
	width:80%;
	border-bottom:6px solid #ccc;
}
.services-decor {
	width:2px;
	height:30px;
	background:#fff;
	top:-36px;
	left:50%;
	position:absolute;
}
.services-box-info h4 {
	margin:30px 0;
	font-weight:800;
}
.services-box-info p{
	font-size:0.8em;
	text-align:justify;
	max-width:250px;
	margin:10px auto; 
}
.services-box-info h5{
	font-size:0.9em;
}
.services-box-info li {
	width:100%;
	padding:6px;
	font-size:0.8em;
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
}
.price{
	width:80%;
	margin:20px auto;
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
	padding:20px 0;
	position:relative;
	border-radius:4px;
}
.services-box{
	position:relative;
}
.services-box:before, .services-box:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 30px;
	left: 59px;
	width: 50%;
	top: 40%;
	max-width:200px;
	background: #ccc;
	border:1px dashed #fff;
	-webkit-box-shadow: 0 35px 20px #000;
	-moz-box-shadow: 0 35px 20px #000;
	box-shadow: 0 35px 20px #000;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
	opacity:0.2;
}
.services-box:after{
	-webkit-transform: rotate(8deg);
	-moz-transform: rotate(8deg);
	-o-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
	right: 59px;
	left: auto;
}
#services-carusel .item {
	max-width:350px;
	margin:0 auto;
}
/* ====================
Order
--------------------------------------------------------------*/

#order{
	padding:0;
	position:relative;
	z-index:2;
	-webkit-transform: translate3d(0,0,0);	
}
#order div.content{
	padding:60px 0;
	position:relative;
	z-index:2;
} 
#order a.button{
	float:none;
	margin:0 auto;
	background:#fff;
	padding:20px 40px;
}
#order a.button:hover, .button:hover , #resume a.button:hover{
	color:#666;
}

/* ====================
testimonials
--------------------------------------------------------------*/

#testimonials{
	padding:90px 0 0;
	z-index:1 ;
}
.parallax-testimonials{
	background-color:#474D5D;
	background-image:url(../images/bg.jpg);
	background-image:image-set(url(../images/bg-1920.webp) type("image/webp"), url(../images/bg.jpg) type("image/jpeg"));
	background-attachment:scroll;
	background-size: cover;
	background-position:center;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-12;
}
#testimonials .content{
	position:relative;
	z-index:2;
}
#testimonials-slider{
	width:100%;
	position:relative;
	z-index:2;
	color:#fff;
	padding:10px 0;
}
#testimonials-slider p {
	font-size:20px;
	font-family: "Times New Roman", Times, serif; font-style: italic;
	padding:8px;
	margin-top:30px;
	color:#fff;
	max-width:800px;
	margin:0 auto;
}
.testimonials-shadow{
	position:absolute;
	width:100%;
	height:80px;
	left:0;
	bottom:-80px;
	z-index:0;
}
.user-photo{
	width:200px;
	height:200px;
	border-radius:100%;
	margin:10px auto;
	background:#fff;
	position:relative;
	border:8px solid #fff;
}
.user-photo img{
	border-radius:100%;
}
.client-name{
	max-width:350px;
	margin:40px auto;
	padding:8px 4px;
	border-radius:6px;
	background:#fff;
	border-bottom:6px solid #ccc;
	position:relative;
}
.client-line{
	position:absolute;
	width:1px;
	height:25px;
	top:-25px;
	left:50%;
	background:#fff;
	display:block;
}
.circle{
	position:absolute;
	width:9px;
	height:9px;
	background:#fff;
	border-radius:100%;
	top:0;
	left:-4px;
	display:block;
}
/*
 ====================
Map
--------------------------------------------------------------*/

#mapbox{
	position:relative ;
	width:100%;
	height:350px;
	overflow:hidden;
	margin-top:80px;
	z-index:0;
}
#map_canvas { 
	height: 100%; 
	position:absolute;
	top:0;
	left:0; 
	width:100%;
}
#map_canvas iframe {
	border:0;
	display:block;
	height:100%;
	width:100%;
}

/* ====================
Contacts
--------------------------------------------------------------*/

#contacts{
	padding:0;
	background:#585F73;
}
#contacts div.content{
	padding:50px 0;
	position:relative;
	z-index:3;
}
#contacts h2 {
	margin-bottom:30px;
}
.contact-details{
	margin:50px  auto ;
}
.contact-details h3 {
	float:left;
	padding:0 10px 10px 0;
	color:#fff;
}
.contact-form{
	margin:0 auto;
	max-width:800px;
}
.contact-form p {
	color:#fff;
	max-width:600px;
	text-align:right;
	font-size:0.8em;
	float: right;
	margin-bottom:30px;
}
.contact-details ul {
	float:left;
	margin-top:40px;
}
.contact-details ul li {
	float:left;
	width:100%;
	margin-bottom:20px;
}
.contact-details ul li i {
	width:50px;
	height:50px;
	font-size:24px;
	background:#fff;
	border-radius:100%;
	line-height:50px;
	border-bottom:4px solid #ccc;
	float:left;
}
.contact-details ul li span{
	background:#fff;
	padding:8px;
	font-size:0.8em;
	margin-top:6px;
	margin-left:20px;
	border-radius:6px;
	border-bottom:4px solid #ccc;
	float:left;
	display:block;
}
/* ======
Contact form
------------*/

#contact_form{
	width: 100%;
	font-size: 11px;
	color: #666666;
	margin:50px auto;
}
#contact_form label input{
	display: block;
}
#contact_form input{
	border:2px solid #fff;
	border-bottom:4px solid #ccc;
	outline: none;
	padding: 10px;
	float:left;
	width:49%;
	height: 45px;
	background: none;
	-webkit-appearance: none;
	font-size: 1.2em;
	font-weight:300;
	margin-bottom:20px;
	border-radius:8px;
	color:#fff;
	-webkit-font-smoothing: antialiased;
}
::-webkit-input-placeholder { 
    color: #fff; text-overflow: ellipsis; 
	text-transform: uppercase;
}
:-moz-placeholder { 
    color: #fff !important; text-overflow: ellipsis; 
	text-transform: uppercase;
}
::-moz-placeholder { 
    color: #fff !important; text-overflow: ellipsis; 
	text-transform: uppercase;
} 
:-ms-input-placeholder { 
    color: #fff !important; text-overflow: ellipsis;
	text-transform: uppercase; 
}
.right{
	float:right !important
}
#contact_form textarea{
	background: none;
	border:2px solid #fff;
	border-bottom:4px solid #ccc;
	color: #fff;
	height:200px;
	width: 100%;
	resize: vertical;
	outline:none;
	margin-top:8px;
	padding:10px;
	border-radius:8px;
	-webkit-appearance: none;
	font-family: 'Open Sans', sans-serif;
}
#contact_form textarea:focus, #contact_form input:focus {
	color:#fff;
	text-transform: none;
	-webkit-transition: background 0.33s linear;
	-moz-transition: background 0.33s linear;
	-o-transition: background 0.33s linear;
	transition: background 0.33s linear;
}
.submit_btn {
	border: none;
	margin-top:20px;
	padding: 10px 25px 10px 25px;
	color: #fff;
	width:150px;
	float:left;
	cursor:pointer;
	border-radius:8px;
	border-bottom:6px solid #ccc;
}
.submit_btn:hover{
	background:#fff;
}
.success, .error{
	padding: 10px;
	font-size:16px;
	color:#fff;
	width:100%;
	position:relative;
	border-radius:4px;
}
.error{		
	color:#F54A4B;
}

/* ====================
Footer
--------------------------------------------------------------*/

#footer {
	padding:0;
}
#footer .content{
	padding:5px 0 30px;
}
#footer .content:after{
	top: 0;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#footer .content:after {
	border-top-color: #585F73;
	border-width: 50px;
	margin-left: -50px;
}
#footer p {
	font-size:14px;
	color:#fff;
}
.social-list{
	width:100%;
	margin-top:80px;
	padding-bottom:20px;
}
.social-list ul {
	position:relative;
	z-index:3;
}
.social-list ul li {
	margin-left:4px;
	display:inline-block;	
}
.social-list ul li a{
	float:left;
	border-bottom:4px solid #ccc;
	background:#fff;
	width:50px;
	height:50px;
	border-radius:100%;
	font-size:18px;
}
.social-list ul li i{
	line-height:50px;
}
.social-list ul li a:hover{
	color:#ccc;
}
.to-top{
	width:50px;
	height:50px;
	line-height:50px;
	margin:-18px auto;
	font-size:34px;
	display:block;
	color:#fff;
}
.to-top i {
	cursor:pointer;
}

/* ====================
Blog - single
--------------------------------------------------------------*/

#blog { 
	margin-top:100px;
	-webkit-transform: translate3d(0,0,0);	
}
.bs:after{
	border-top-color: #fff !important;}
/*-- Post Styles --*/

#single-media {
	margin-bottom:-20px;
	cursor:move;
}
.post { 
	position:relative;
	text-align:left;
	margin-top:50px;
	padding:0px 0px 70px 0;
	border-bottom:1px solid #ccc;
}
.post-media{
	position:relative;
}
.post-media a{
	float:left;
	position:relative;
	width:100%;
	height:100%;
	text-align:center !important;
	display:block;
	overflow:hidden;
	margin-bottom:20px;
}
.post-media a img{
	position:relative;
	float:left;
	z-index:1;
}
.post-media a img:hover{
	opacity:0.5;
}
.post-meta {
	padding: 10px 0;
	font-family: 'Istok Web', sans-serif;
}
.post-meta ul {
	float:left;
	margin-top:10px;
}
.post-meta li {
	display:inline-block;
	margin-right:10px;
}
.post-meta li h6, .post-meta li a {
	text-transform:none !important;
	font-size:13px;
}
.post-title h3 {
	margin-top:10px;
}
.post-title h3 a{
	padding-top: 10px;
	text-transform: none;
	letter-spacing: normal;
	font-size:2.2em !important;
	font-family: 'Istok Web', sans-serif;
	color:#666;
}
.post-body a {
	float:right;
	margin-top:30px;
	color:#fff;
}
.post-body {
	margin-top:10px;
}
/*-- Sidebar styles --*/

.widget {
	text-align: left;
	margin: 50px auto;
}
.widget h4{
	margin-bottom:10px;
}
.searh-holder{
	border:1px solid #ccc;
	border-bottom:6px solid #ccc;
	border-radius:4px;
	position:relative;
	height: 46px;
	overflow:hidden;
}
.search {
	border: none;
	float: left;
	outline: none;
	padding: 0px 0px 0px 10px;
	width: 100%;
	height: 40px;
	background: #fff;
	color: #666;
	-webkit-appearance: none;
}
.search-submit {
	border: none;
	outline: none;
	cursor: pointer;
	position:absolute;
	background:#fff;
	top:0;
	right:0;
	width: 18%;
	height: 40px;
}
.search-submit:hover i {
	opacity:0.5;
}
.cat-item, .recentcomments {
	font-size: 0.8666666666667em;
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.cat-item a, .recentcomments a { 
	color: #060606!important; 
	font-weight: 400; 
}
.post-body a , .tagcloud a {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 5px 10px;
	position:relative;
	border-bottom:4px solid #ccc;
	color:#fff;
	border-radius:4px;
}
.tagcloud a:hover , .post-body a:hover{
	color:#666;
}
.widget-archive a, .widget-recent-entries a {
	color: #060606!important; 
	font-weight: 400;
	font-size: 0.8666666666667em;
	display: block;
	padding-bottom: 8px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e9e9e9;
}

/*--- FLICKR  ---*/

.thumbs li { list-style: none; float: left; margin: 5px; padding: 1px; margin:1.515151515152%; background: #ccc; width: 30.30303030303%; overflow:hidden;}
.thumbs li:hover{opacity:0.5; border-radius:100%;}
.thumbs li:hover img{ border-radius:100%;}
.thumbs li img {  width:100%; height:auto }
.thumbs li a img { border: none;}

/*--- Pagination ---*/

.pagination {
    text-align:center;
	vertical-align: middle;
	margin-top: 55px;	
    font-size: 14px;
	margin-bottom:30px;
}
.pagination a {
    color: #999;
    display:inline-block;
	font-weight:300;		
    height: 40px;
    line-height: 40px;
    width: 40px;
    border: 1px solid #ccc;
	border-radius:4px;
}
.pagination a.current-page, .pagination a:hover {
    color:#fff;
}
.pagination  span.pagination-num{
	display: inline-block;
    padding:9px 15px;
	color:#666;
	font-size:12px !important;
	text-transform:uppercase;
}
.prevposts-link{
	margin-right:8px;
}
.nextposts-link{
	margin-left:8px;
}
.share-options {
	overflow:hidden;
	padding-top: 20px;
}
.share-options ul{
	float:left;
}
.share-options ul li {
	display:inline-block;
	margin-right:2px;
	padding:8px;
}
.share-options ul li a {
	margin:-14px  0 0 0;
	padding:0 ;
	font-size:16px ;
	color:#666 ;
}
.share-options h6 {
	float:left;
	margin-right:20px;
	margin-top:10px;
	font-size:13px;
	text-transform:none;
}
/*-- Comments --*/

#comments{ 
	text-align:left; 
	padding-top: 50px;
}
#comments-title{
	margin-left: 70px; 
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px; 
	margin-bottom: 5px;
	font-size:15px;
}
.comment{ 
	float: left;
	padding:10px 0; 
}
.comment-body{ 
	position: relative; 
	margin-left: 70px; 
	padding-top: 30px; 
}
.comment-author{ 
	position: absolute; 
	top: 30px; 
	left: -70px;
	height:100%;
	border-right:1px solid #ccc;
	padding-right:6px;
}
.comment .children{ 
	margin-left: 70px; 
}
.fn{
	display: block; 
	margin-bottom: 10px;
}
.comment-meta, .comment-meta a{
	font-size:11px;
	margin-bottom:10px;
}
#respond{
	margin-left:70px;
	margin-top:50px;
}
#reply-title{
	padding-bottom:30px;
	margin-bottom:5px;
	font-size:12px;
}
.comment-reply-form{ 
	border-top: 1px solid #ccc; 
}
.comment-notes{ 
	margin-top: 10px; color: #a4a4a3; 
}
.control-group label, .control-group .controls{ 
	display: inline-block; 
}
.control-group label{ 
	margin-left: 10px; 
	font-weight: 200;
}
.control-group .controls input { 
	margin-top: 15px;
	border: none;
	outline: none;
	height: 35px;
	background: #fff;
	padding-left: 15px;
	color: #a4a4a3;
	text-decoration: none;
	border: 1px solid #ccc;
}
.control-group .controls textarea {
	margin-top: 15px;
	border: none;
	outline: none;
	height: 180px;
	max-width:600px;
	background: #fff;
	padding-left: 15px;
	padding-top: 15px;
	color: #666;
	resize: vertical;
	text-decoration: none;
	border: 1px solid #ccc;
}
.controls button {
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	cursor: pointer;
	margin-top: 15px;
	font-size: 0.8em;
	text-transform: uppercase;
	font-family: inherit;
	padding: 10px 20px;
	color: #fff;
	margin-bottom:20px;
	border-bottom:4px solid #ccc;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom:20px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ====================
Color styles
--------------------------------------------------------------*/

::selection {
	background: #2B7F81;
	color:#fff;
}
::-moz-selection {
	background:#2B7F81;
	color:#fff;
}
#jprePercentage, h3.animtext, .margin , .link-holder ul li a:hover, .num , #resume  a.button , .resume-date h4 ,.resume-info h4 , .icon-holder i , .services-box-info h5 , #order a.button , .client-name , .contact-details ul li i , .contact-details ul li span , .submit_btn:hover , .social-list ul li a , .folio-overlay h5 , .desktop-screen-navigation ul li.current a , .desktop-screen-navigation ul li:hover a,.search-submit i , .bs .to-top i{
	color: #2B7F81;
}
#jpreBar, .nav-holder , .desktop-screen-navigation ul li , .button , .show-skills  span , .background-color, #options ul , .box  a, .box  a div.folio-name , .white-popup-block a.lanch-button , .separator , .price ,#order div.content, .testimonials-shadow , #contact_form textarea:focus, #contact_form input:focus , .submit_btn , #footer .content , .folio-button , .nav-top span, .tagcloud a, .pagination a.current-page, .pagination a:hover , .post-body a , .button {
	background:#2B7F81;
}
.start-decor:after {
	border-top-color:#2B7F81;
}
.start-decor:before {
	border-bottom-color:#2B7F81;
}
.show-skills:after {
	border-top-color:#2B7F81;
	border-width: 28px;
	margin-left: -18px;
}
.show-skills:before {
	border-bottom-color:#2B7F81;
	border-width:28px;
	margin-left:-18px;
}
.conter-decor:after {
	border-top-color: #2B7F81;
}
.conter-decor:before {
	border-bottom-color: #2B7F81;
}
.contact-details h3 {
	border-bottom:2px solid #2B7F81;
}
.user-photo{
	border-left:8px solid #2B7F81;
}
#services-carusel .owl-next , #project-slider .owl-next , #testimonials .owl-next{background:#2B7F81 url(../images/sr.png) no-repeat center;}
#services-carusel .owl-prev ,#project-slider .owl-prev , #testimonials .owl-prev {background:#2B7F81 url(../images/sl.png) no-repeat center;}


/* ====================
CSS animation
--------------------------------------------------------------*/

.img-rotade{
	-webkit-animation: spinAround 12s linear infinite;
	-moz-animation: spinAround 12s linear infinite;
	animation: spinAround 12s linear infinite;
}
@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform:scale(5.0) rotate(-60deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: scale(5.0) rotate(-60deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: scale(5.0) rotate(-60deg);
	}
}
.transition{
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}
.transition2{
	-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.but-rotade{
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.start-rotade{
	-webkit-transform: scale(0.8) rotate(360deg); 
	-moz-transform: scale(0.8) rotate(360deg) ; 
	-o-transform: scale(0.8) rotate(360deg) ;
	-ms-transform: scale(0.8) rotate(360deg);
}
.scale-big{
	-webkit-transform: scale(1) rotate(3600deg); 
	-moz-transform: scale(1) rotate(3600deg) ; 
	-o-transform: scale(1) rotate(3600deg) ;
	-ms-transform: scale(1) rotate(3600deg);
}
.scale-small{
	-webkit-transform: scale(0) rotate(3600deg); 
	-moz-transform: scale(0) rotate(3600deg) ; 
	-o-transform: scale(0) rotate(3600deg) ;
	-ms-transform: scale(0) rotate(3600deg);
}
/* ====================
Media 
--------------------------------------------------------------*/

@media only screen and  (max-width: 1200px) {
.left-sidebar{
	width:250px;
}	
.content-holder{
	margin-left:250px;
}
#about .grid-half {
	width:100%;
}
.photo-holder{
	margin-bottom:60px;
}
.resume-info{
	margin-left:30px;
}
.contact-details h3 {
	display:none;
}
.contact-details ul {
	float:none;
	margin:0 auto;
}
.contact-details ul li {
	float:left;
	width:100%;
	margin-bottom:20px;
}
.contact-details  ul li i {
	float:none;
	width:50px !important;
	height:50px !important;
	margin:0 auto;
}
.contact-details ul li span{
	width:100%;
	margin-top:20px;
	margin-left:0;
}
.folio-overlay h3{
	margin-top:10%;
}
}
/* ====================
Tablet / netbooks 
--------------------------------------------------------------*/
@media only screen and  (max-width: 959px) {
.left-sidebar{
	display:none;
}	
.content-holder{
	margin-left:0;
}	
.nav-holder{
	position:fixed;
	width:100%;
	height:50px;
	z-index:100;
	top:0;
	left:0;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-box-shadow: 0 0 10px -2px #000;
	-webkit-box-shadow: 0 0 10px -2px #000;
	box-shadow: 0 0 10px -2px #000;
}
.nav-button{
	width:46px;
	height:36px;
	position:absolute;
	top:8px;
	left:50%;
	margin-left:-23px;
	cursor:pointer;
	padding:4px;
	display:block;
}
.nav-button span{
	width:100%;
	height:4px;
	float:left;
	margin-bottom:6px;
	background:#fff;
}
.text-ticker-holder{
	width:100%;
}
.nav-border{
	display:none;
}
.link-holder{
	margin-top:0;
	background:#2B7F81;
	display:none;
	position:absolute;
	top:50px;
	left:0;
	width:100%;
}
.link-holder ul {
	width:100%;
}
.link-holder ul li {
	width:100%;
	float:left;
	margin-bottom:8px;
}
.link-holder ul li a {
	border: none;
}
.link-holder ul li.cur a{
	background:#fff;
	color:#2B7F81;
}
.resume-line{
	display:none;
}
#facts ul li, #credentials ul li {
	width:100%;
	margin-bottom:90px;
}
#facts ul li:last-child, #credentials ul li:last-child{
	margin-bottom:10px;
}
.box {
	width: 46.969696969697%;
}
.folio-overlay h3{
	margin-top:30%;
}
}

/* ====================
Tablet 
--------------------------------------------------------------*/

@media only screen and  (max-width: 740px) {
	
.resume-info{
	margin-top:30px;
	margin-left:0;
	border-top:1px solid #ccc;
}		
.resume-info:after{
	right: 100%;
	margin-right:-73px;
	top: -16px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.resume-info:after {
	border-bottom-color: #ccc;
	border-width: 15px;
	margin-top: -15px;
}
#facts, #credentials, #testimonials{
	background-attachment: scroll;
}
#testimonials-slider p {
	font-size:14px;
}
}

/* ====================
Smartphone / small tablet 
--------------------------------------------------------------*/

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

.box {
	width: 96.969696969697%;
}
#contact_form input{
	width:100%;
}
#project-slider .owl-next ,#project-slider .owl-prev {display:none}
#respond{
	margin-left:0;
}
}
/* ====================
Retina 
--------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.container p , .margin{
	font-size:1.1em;
	font-weight:400;	
}
#testimonials-slider p {
	font-size:18px;
}
}

/* Progressive enhancement: prestazioni, accessibilità e interazioni native. */
html { scroll-behavior:smooth; }
.sections { scroll-margin-top:60px; }
.piechart-holder.is-open { display:block; }
.visually-hidden {
	position:absolute !important;
	width:1px !important;
	height:1px !important;
	padding:0 !important;
	margin:-1px !important;
	overflow:hidden !important;
	clip:rect(0, 0, 0, 0) !important;
	white-space:nowrap !important;
	border:0 !important;
}
.form-honeypot { display:none !important; }
.nav-button {
	border:0;
	background:transparent;
	font:inherit;
}
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [role="button"]:focus-visible {
	outline:3px solid #fff;
	outline-offset:3px;
}
#options [role="button"]:focus-visible { outline-color:#474D5D; }
.contact-details a { color:#666; }
.contact-form .contact-privacy {
	color:#fff;
	float:none;
	max-width:none;
	text-align:left;
	margin:8px 0 0;
}
.submit_btn[disabled] { cursor:wait; opacity:.65; }
.folio-img-holder img { aspect-ratio:4 / 3; object-fit:cover; }
.folio-overlay { transition:opacity .25s ease, transform .25s ease; }
.folio-button { transition:transform .25s ease; }
@media (hover:hover) {
	.box:hover .folio-overlay, .box:focus-within .folio-overlay { opacity:.9; }
	.box:hover .folio-button, .box:focus-within .folio-button { transform:scale(1) rotate(0); }
}
#services-carusel {
	display:flex;
	gap:24px;
	overflow-x:auto;
	scroll-behavior:smooth;
	scroll-snap-type:x mandatory;
	scrollbar-width:thin;
	padding:4px 2px 18px;
}
#services-carusel > .item {
	box-sizing:border-box;
	flex:0 0 calc(33.333% - 16px);
	max-width:none;
	scroll-snap-align:start;
}
.native-carousel-controls { display:flex; justify-content:center; gap:12px; margin-top:10px; }
.native-carousel-controls button, .project-dialog-close {
	background:#2B7F81;
	border:0;
	border-bottom:4px solid #ccc;
	border-radius:6px;
	color:#fff;
	cursor:pointer;
	font-size:1.25rem;
	min-height:44px;
	min-width:48px;
}
.project-dialog {
	background:transparent;
	border:0;
	max-height:90vh;
	max-width:960px;
	padding:0;
	width:min(92vw, 960px);
}
.project-dialog::backdrop { background:rgba(22, 25, 30, .78); }
.project-dialog-inner { background:#fff; max-height:90vh; overflow:auto; position:relative; }
.project-dialog-close { position:sticky; float:right; right:12px; top:12px; z-index:5; }
.project-dialog-loading { padding:48px; }
@media (max-width:1200px) {
	#services-carusel > .item { flex-basis:calc(50% - 12px); }
}
@media (max-width:768px) {
	.text-ticker-holder, .parallax-facts, .parallax-testimonials {
		background-image:url(../images/bg.jpg);
		background-image:image-set(url(../images/bg-960.webp) type("image/webp"), url(../images/bg.jpg) type("image/jpeg"));
	}
	#services-carusel > .item { flex-basis:100%; }
}
@media (max-width:959px) {
	.link-holder.is-open { display:block; }
}
@media (prefers-reduced-motion:reduce) {
	html { scroll-behavior:auto; }
	*, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}