@import url(https://fonts.googleapis.com/css?family=Dosis:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);

/* ------------------ BASE STYLES ------------------ */
.c1 { color: #f09714 !important; }

html, body { height: 100%; width: 100%; }

body { font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 300; color: #333; line-height: 1.6; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: "Oswald", sans-serif; font-weight: 300; color: #646464; margin-top: 0; }
h2 { margin-bottom: 1em; }
/* ------------------ GENERAL STYLES ------------------ */
a:hover, a:focus, button:hover, button:focus { outline: none; }

ul, ol { list-style: none; }

.clr { clear: both; }

.mb70 { margin-bottom: 70px !important; }
.pt50 { margin-top: 50px; }
.pad5 { padding: 0; border-bottom: solid 5px transparent; border-right: solid 5px transparent; }
.weiss { color: #fff !important; }
/*@font-face { font-family: "brankic"; src: url('../fonts/brankic.eot'); src: url('../fonts/brankic.eot?#iefix') format('eot'), url('../fonts/brankic.svg') format('svg'), url('../fonts/brankic.ttf') format('truetype'), url('../fonts/brankic.woff') format('woff'); }*/

.galery img { width: 100%;  }
.galover { position: absolute; top:0; left:0; width: 100%; height: 100%; background: url(../img/backg-black-50.png); cursor: pointer; text-align: center; padding-top: 120px; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;  }
.galover:hover { background: url(../img/backg-black-5.png); -webkit-transition: background ease-out 0.5s; -moz-transition: background ease-out 0.5s; -o-transition: background ease-out 0.5s; transition: background ease-out 0.5s;  }
.galover .weiss { text-transform: uppercase; font-size: 1.25em; }
.galover:hover .weiss, .galover:hover .btn-primary { display: none; }

/* --------------------- */
/* BUTTONS
/* --------------------- */
.btn { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition-property: border-color; -moz-transition-property: border-color; -o-transition-property: border-color; transition-property: border-color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; }

.btn-lg { border-width: 2px; }

.btn-sm { border-width: 3px; }

.btn-xs { border-width: 2px; }

.btn-info { background-color: #00aeef; border-color: #00aeef; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { background-color: #00aeef; border-color: #009bd5; }

.btn-primary { background-color: transparent; border-color: #ffae3f; color: #ffae3f; float: left; margin-top: 20px; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #fafafa; border-color: #000; color: #000; opacity: 0.5; }

.btn-primary.disabled, .btn-primary[disabled] { background-color: transparent; border-color: #ffae3f; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active { background-color: #ffc472; border-color: #ffae3f; }
.galover .btn-primary { margin: 20px auto 0; float: inherit; }
.btn-weiss { border-color: #fff; color: #fff;  }

.main-content { margin-top: 80px; }
.emotional { height: 50%; }
.emotional img { min-width: 100% }


.bgtext { text-align: center; }
.bgtext h2 { margin-top: 8%; }
.bgtext .btn-primary { float: inherit;}
/* --------------------- */
/* LINKS
/* --------------------- */
a { color: #ffae3f; }
a:hover, a:focus { color: #ffc472; text-decoration: none; }

/* --------------------- */
/* SECTION
/* --------------------- */
.section { background-color: #fafafa; padding: 0; }
.section.darker { background-color: whitesmoke; }
.section.most-dark { background-color: #4d4d4d; color: #fafafa; }
.section.works { background-color: #d5d5d5; margin-top: 78px; }

.section-heading { margin-bottom: 50px; }
.section-heading h2, .section-heading p, .galery_detail h2, .galery_detail h1 { font-family: "Oswald", sans-serif; font-weight: 300; }
.section-heading h2, .galery_detail h2, .galery_detail h1 { font-size: 4.2em; color: #fff; text-align: center; text-transform: uppercase; }
.section-heading p { font-size: 1.5em; color: #c2c2c2; }
.section-heading hr { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 100px; border-top: 1px solid #acacac; }
.section-heading.h2-work { text-align: left; }
.section-heading.h2-work h2 { font-size: 3.4em; margin-top: 70px; }

.section-content h3 { color: #c2c2c2; }
.galery_detail { margin: 40px 0; column-width: auto; -webkit-column-width: auto; -moz-column-width: auto; column-count: 2; column-gap: 50px; -webkit-column-count: 2; -webkit-column-gap: 50px; -moz-column-count: 2; -moz-column-gap: 50px; column-rule: outset; -moz-column-rule: outset; -webkit-column-rule: outset; column-rule-width: thin; -moz-column-rule-width: thin; -webkit-column-rule-width: thin; -webkit-column-rule-color: #777777; -moz-column-rule-color: #777777; column-rule-color: #777777; column-fill: auto; }

@media screen and (max-width: 767px) {
	.galery_detail { column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; }
	.galover .weiss { text-transform: uppercase; }
	.galover { padding-top: 90px; }
	.main-content { margin-top: 60px; }
	.emotional img {width: 100%;}
}


.list-inline a { color: #333; text-transform: uppercase; font-size: 0.8em; }
.list-inline li { margin-right: 20px; }

/* --------------------- */
/* TOOLTIP
/* --------------------- */
.tooltip-inner { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow, .tooltip.right .tooltip-arrow, .tooltip.left .tooltip-arrow, .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

/* --------------------- */
/* 3rd PARTY STYLES
/* --------------------- */
.parallax { background-attachment: fixed !important; background-size: cover !important; }
@media screen and (max-width: 1024px) { .parallax { background-attachment: scroll !important; background-position: initial !important; background-repeat: no-repeat !important; } }

.wow { visibility: hidden; }

body #jpreLoader { left: 0 !important; width: 100%; height: 1px; }
body #jprePercentage { height: auto; top: -80px; font-size: 48px; font-weight: normal; text-shadow: none; color: #777777; font-family: "Dosis"; }
body #jpreOverlay { background-color: #fafafa; }
body #jpreBar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: none; background-color: #777777; }

/* --------------------- */
/* SKILLS
/* --------------------- */
.skills .skill-name { display: block; font-size: 1.5em; line-height: 1.5em; color: #333; font-weight: 300; font-family: "Oswald", sans-serif; text-align: left; height: 80px; text-transform: uppercase; }
.skills p { text-align: left;  }
@media screen and (max-width: 1200px) { .skills .skill-name { font-size: 1em; } }
@media screen and (max-width: 991px) { .skills .skill-name { font-size: 1.5em; } .skills .col-md-3 { border-bottom: #e2e2e2 solid 1px; padding: 24px 0; } }


.chart { position: relative; width: 100px; height: 100px; margin-bottom: 10px; }
.chart canvas { position: absolute; top: 0; left: 0; }
.chart .percent { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; line-height: 100px; z-index: 2; font-family: "Oswald", sans-serif; font-size: 2.2em; color: #ffae3f; }
.chart .percent:after { margin-left: 0.1em; }

/* --------------------- */
/* NEWS
/* --------------------- */
.eachNews-block { display: block; padding: 15px 0; border-bottom: 2px solid #fff; }
.eachNews-block h3, .eachNews-block p { color: #fff; }
.eachNews-block h3 { font-size: 1.5em; margin-bottom: 5px; }

#imgSOAS { position: fixed; z-index: 99; top: 78px; width: 100%; height: 44px; background: url(../img/backg-black-70.png); padding-top: 4px; text-align: right;  }
#imgSOAS img { margin-right: 30px; }
@media screen and (max-width: 1200px) { #imgSOAS {} .section.works { margin-top: 48px; } }
@media screen and (max-width: 998px) { #imgSOAS { top:62px; } }
@media screen and (max-width: 767px) { #imgSOAS { position: fixed; bottom: 0; top:inherit; } }

/* --------------------- */
/* GALLERY SLIDESHOW
/* --------------------- */
.prj-detail-gal-wrapper { position: relative; }
.prj-detail-gal-wrapper .map-gallery-nav { display: block; background: url("../img/imgArrow-2.png") no-repeat; width: 25px; height: 81px; position: absolute; z-index: 10; margin-top: -70px; top: 50%; }
.prj-detail-gal-wrapper .map-gallery-nav a { display: block; text-indent: -9999px; width: 25px; height: 81px; }
.prj-detail-gal-wrapper .map-gallery-nav#map-gallery-next { background-position: -37px 0; right: -25px; }
@media screen and (max-width: 767px) { .prj-detail-gal-wrapper .map-gallery-nav#map-gallery-next { right: 5px; } }
.prj-detail-gal-wrapper .map-gallery-nav#map-gallery-prev { background-position: 0 -1px; left: -25px; }
@media screen and (max-width: 767px) { .prj-detail-gal-wrapper .map-gallery-nav#map-gallery-prev { left: -5px; } }

.map-gallery { display: block; list-style: none; }
.map-gallery li { display: inline-block; }
.map-gallery li a { display: block; }

.gmap-text-overlay { color: white; font-family: "Lucida Grande", "Arial", sans-serif; font-size: 12px; text-align: center; width: 12px; white-space: nowrap; }

.section-news .row { position: relative; z-index: 1; /*max-width: 800px;*/ }
.section-news h2 { margin-bottom: 30px !important; }

.news-nav { position: absolute; z-index: 10; background-color: #fff; background: url("../img/imgArrow-2.png") no-repeat; width: 25px; height: 81px; margin-top: -40px; top: 50%; }
.news-nav a { display: block; text-indent: -9999px; width: 25px; height: 81px; }
.news-nav#news-nav-next { background-position: -37px 0; right: -25px; }
@media screen and (max-width: 767px) { .news-nav#news-nav-next { right: 5px; } }
.news-nav#news-nav-prev { background-position: 0 -1px; left: -25px; }
@media screen and (max-width: 767px) { .news-nav#news-nav-prev { left: -5px; } }

/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized

	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License

*/
* { margin: 0; padding: 0; }

body { background: #111; height: 100%; }

img { border: none; }

/*!
 *  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; }


body { display: none; }

#jpreOverlay { background-color: #000000; }

#jpreSlide { font-size: 22px; font-weight: bold; color: #ccc; text-align: center; width: 50%; height: 30%; }

#jpreLoader { width: 300px; height: 25px; box-shadow: 0 0 7px 3px #fff; -moz-box-shadow: 0 0 7px 3px #fff; -webkit-box-shadow: 0 0 7px 3px #fff; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }

#jpreBar { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; background-size: 30px 30px; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; -o-background-size: 30px 30px; box-shadow: 0 5px 5px rgba(255, 255, 255, 0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset; -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, 0.6) inset, 0 -5px 7px rgba(0, 0, 0, 0.4) inset; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#33000000', GradientType=0 ); background-color: #E07300; background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0.2)), color-stop(25%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0.2)), color-stop(75%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); animation: progress 2s linear infinite; -moz-animation: progress 2s linear infinite; -webkit-animation: progress 2s linear infinite; -ms-animation: progress 2s linear infinite; -o-animation: progress 2s linear infinite; }

#jprePercentage { color: #ccc; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: bold; text-align: center; text-shadow: 1px 1px 1px #333; top: -100%; }

#jpreButton { padding: 3px 10px; cursor: pointer; font-weight: bold; line-height: 1.5; text-align: center; width: 100px; margin: 0 auto; color: #fff; text-shadow: -1px -1px 0 #01293F; border: 1px solid #2EACEA; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; background-color: #23a6ed; background-image: -moz-linear-gradient(top, #23a6ed 0%, #1275aa 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23a6ed), color-stop(100%, #1275aa)); background-image: -webkit-linear-gradient(top, #23a6ed 0%, #1275aa 100%); background-image: -o-linear-gradient(top, #23a6ed 0%, #1275aa 100%); background-image: -ms-linear-gradient(top, #23a6ed 0%, #1275aa 100%); background-image: linear-gradient(to bottom, #23a6ed 0%, #1275aa 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23a6ed', endColorstr='#1275aa',GradientType=0 ); }

@-webkit-keyframes progress { from { background-position: 0 0; }
  to { background-position: -60px -60px; } }

@-moz-keyframes progress { from { background-position: 0 0; }
  to { background-position: -60px -60px; } }

@-ms-keyframes progress { from { background-position: 0 0; }
  to { background-position: -60px -60px; } }

@-o-keyframes progress { from { background-position: 0 0; }
  to { background-position: -60px -60px; } }

@keyframes progress { from { background-position: 0 0; }
  to { background-position: -60px -60px; } }



.google-map { margin-bottom: 0; position: relative; z-index: 1; margin-top: 0; }
.google-map #map-canvas { min-height: 950px; height: 100%; }

#map-slideshow { position: absolute; z-index: 100; left: 90px; top: 110px; width: 360px; background-color: rgba(255, 255, 255, 0.85); height: 80%; overflow: hidden; }
#map-slideshow h2 { font-family: "Oswald", sans-serif; margin: 0; font-size: 2em; line-height: 1.2em; margin-bottom: 20px; }
#map-slideshow p { font-size: 0.9em; line-height: 1.25em; }
#map-slideshow .map-content { padding: 0 25px 25px; }
#map-slideshow .map-searchbox { max-width: 360px; width: 100%; }
.we_hl { position: absolute;   z-index: 10000;   bottom: 0px; font-size: 30px; font-weight: 300; font-family: Oswald; left: 45%; }
@media screen and (max-width: 992px) { #map-slideshow .map-searchbox { max-width: 330px; } }
#map-slideshow .map-searchbox #map-select2-input { width: 100%; }
#map-slideshow .map-searchbox .map-input { margin: 15px; }
#map-slideshow .map-searchbox .map-input.visible { display: block; visibility: visible; }
#map-slideshow .map-searchbox input.map-select2-input { display: none; visibility: hidden; background-color: #fff; border: 1px solid #cdcdcd; height: 40px; line-height: 40px; margin-top: -1px; padding: 0 10px; width: 100%; font-size: 13px; }

.map-navigation { display: block; margin-bottom: 10px; }
.map-navigation .map-nav-circle { margin: 0; list-style: none; }
.map-navigation li { float: left; display: block; margin: 0 3px; }
.map-navigation li a { display: block; text-indent: -9999px; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #dadada; }
.map-navigation li a:hover { background-color: #acacac; }
.map-navigation li.flex-active-slide a { background-color: #acacac; }

.map-flexslider { display: block; }
.map-flexslider .map-slideS { list-style: none; }

.sample-box { display: none; background-color: #fff; width: 50px; text-align: center; height: 50px; line-height: 50px; border: 1px solid #000; }
.sample-box.visible { display: block; }

.map-tooltip-content { min-width: 100px; max-width: 200px; min-height: 40px; max-height: 200px; }

.map-input .select2-container { display: none; visibility: hidden; }
.map-input .select2-container.visible { display: block; visibility: visible; }

.map-toolbar a.btnMap-nav { float: right; display: block; margin: 5px 5px 0 0; text-indent: -9999px; width: 39px; height: 40px; background: url("../img/imgMap.png"); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.map-toolbar a.btnMap-nav#btnMap-next { background-position: -85px 0; }
.map-toolbar a.btnMap-nav#btnMap-prev { background-position: -43px 0; }
.map-toolbar a.btnMap-nav#btnMap-search { background-position: -126px 0; }
.map-toolbar a.btnMap-nav#btnMap-pin { background-position: 0 0; }
.map-toolbar a.btnMap-nav:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* ------------------ TWITTER STREAM ------------------ */
.twitter-stream { text-align: center; padding: 40px 0; background-color: #00aeef; }
@media screen and (max-width: 480px) { .twitter-stream { padding: 25px 0; } }
.twitter-stream .twitter-icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 50px; height: 50px; margin-bottom: 20px; background-color: #00a6e7; }
.twitter-stream .twitter-icon i { font-size: 30px; line-height: 50px; color: #36c3ff; }
.twitter-stream #tweet ul { list-style-type: none; }
.twitter-stream #tweet ul li { color: #fff; }
.twitter-stream #tweet ul li a { text-decoration: underline; color: #fff; text-overflow: ellipsis; }
.twitter-stream #tweet ul li a span { word-wrap: break-word; }
.twitter-stream #tweet ul li a:hover { text-decoration: none; }
.twitter-stream #tweet ul li .timePosted { font-size: 0.8em; }

/* ------------------ FOOTER ------------------ */
#footer { padding-top: 20px; padding-bottom: 10px; border-top: 1px solid #eee; }

.back-to-top { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 9999; }
@media screen and (max-width: 992px) { .back-to-top { display: none !important; } }
.back-to-top a { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; display: block; width: 25px; height: 25px; color: #fff; text-align: center; background-color: #FFAE43; }
.back-to-top a:hover { background-color: rgba(0, 0, 0, 0.5); }

.copyright { font-size: 0.8em; line-height: 36px; }
@media screen and (max-width: 480px) { .copyright { width: 100%; text-align: center; } }

@media screen and (max-width: 480px) { .social-icon { width: 100%; text-align: center; } }
.social-icon li { margin: 0 5px; }
.social-icon li a { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; display: block; width: 36px; height: 36px; font-size: 14px; line-height: 33px; text-align: center; color: #8a8a8a; border: 2px solid #8a8a8a; }
.social-icon li a:hover { background-color: #8a8a8a; color: #fafafa; }

.modal-backdrop { background: #ededed; }
.modal-backdrop.in { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.modal.modalFilter .modal-dialog { width: 100%; margin: 0px; }
.modal.modalFilter .modalClose { position: absolute; z-index: 10; left: 10px; top: 10px; background: none; border: none; width: 31px; height: 31px; font-weight: bold; }
.modal.modalFilter .modal-content { background-color: #ededed; box-shadow: none; border: none; }

.modal-prj-content h3 { font-size: 32px; }

.modal-prj-img { position: relative; z-index: 1; padding-left: 120px; }
.modal-prj-img img.modal-img-spl { position: absolute; left: 5px; top: 5px; z-index: 10; }

.modal-content-wrapper { margin: 0 auto; padding-top: 100px; position: relative; z-index: 1; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.project-fake-popup { display: none; position: fixed; z-index: 50; width: 100%; height: 100%; background-color: #e3e3e3; left: 0; top: 78px; right: 0; bottom: 0; overflow-x: auto; overflow-y: scroll; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.project-fake-popup.visible { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.project-fake-popup.visible .modal-content-wrapper { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.project-fake-popup.block { display: block; }

.modal-backdrop-2 { display: none; background-color: #000000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1040; }

.project-fake-close { position: absolute; z-index: 10; left: 20px; top: 60px; background: none; border: none; width: 31px; height: 31px; font-weight: bold; background: none; border: none; }

@media screen and (max-width: 992px) { .project-fake-popup { top: 100px; } }
@media screen and (max-width: 767px) { .project-fake-popup { top: 40px; } }
/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/
.select2-container { margin: 0; position: relative; display: inline-block; /* inline-block for ie7 */ zoom: 1; *display: inline; vertical-align: middle; }

.select2-container, .select2-drop, .select2-search, .select2-search input { /* Force border-box so that % widths fit the parent container without overlap because of margin/padding. More Info : http://www.quirksmode.org/css/box.html
*/ -webkit-box-sizing: border-box; /* webkit */ -moz-box-sizing: border-box; /* firefox */ box-sizing: border-box; /* css3 */ }

.select2-container .select2-choice { display: block; height: 40px; padding: 0 0 0 8px; overflow: hidden; position: relative; border: 1px solid #aaa; white-space: nowrap; line-height: 36px; color: #444; text-decoration: none; top: -1px; background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%); }

html[dir="rtl"] .select2-container .select2-choice { padding: 0 8px 0 0; }

.select2-container.select2-drop-above .select2-choice { border-bottom-color: #aaa; border-radius: 0 0 4px 4px; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white)); background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%); background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%); }

.select2-container.select2-allowclear .select2-choice .select2-chosen { margin-right: 42px; }
.select2-container .select2-choice > .select2-chosen { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: none; width: auto; }

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen { margin-left: 26px; margin-right: 0; }

.select2-container .select2-choice abbr { display: none; width: 12px; height: 12px; position: absolute; right: 24px; top: 8px; font-size: 1px; text-decoration: none; border: 0; background: url("../img/select2.png") right top no-repeat; cursor: pointer; outline: 0; }
.select2-container.select2-allowclear .select2-choice abbr { display: inline-block; }
.select2-container .select2-choice abbr:hover { background-position: right -11px; cursor: pointer; }
.select2-drop-mask { border: 0; margin: 0; padding: 0; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 9998; /* styles required for IE to work */ background-color: #fff; filter: alpha(opacity=0); }
.select2-drop { width: 100%; margin-top: -1px; position: absolute; z-index: 9999; top: 100%; background: #fff; color: #000; border: 1px solid #aaa; border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
.select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #aaa; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }
.select2-drop-active { border: 1px solid #5897fb; border-top: none; }
.select2-drop.select2-drop-above.select2-drop-active { border-top: 1px solid #5897fb; }
.select2-drop-auto-width { border-top: 1px solid #aaa; width: auto; }
.select2-drop-auto-width .select2-search { padding-top: 4px; }
.select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; border-left: 1px solid #aaa; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%); background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(to top, #cccccc 0%, #eeeeee 60%); }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow { left: 0; right: auto; border-left: none; border-right: 1px solid #aaa; }

.select2-container .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; background: url("../img/select2.png") no-repeat 0 4px; }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b { background-position: 2px 1px; }

.select2-search { display: inline-block; width: 100%; min-height: 26px; margin: 0; padding-left: 4px; padding-right: 4px; position: relative; z-index: 10000; white-space: nowrap; }

.select2-search input { width: 100%; height: auto !important; min-height: 26px; padding: 4px 20px 4px 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: white url("../img/select2.png") no-repeat 100% -22px; background: url("../img/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url("../img/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; }

html[dir="rtl"] .select2-search input { padding: 4px 5px 4px 20px; background: white url("../img/select2.png") no-repeat -37px -22px; background: url("../img/select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url("../img/select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2.png") no-repeat -37px -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; }

.select2-drop.select2-drop-above .select2-search input { margin-top: 4px; }

.select2-search input.select2-active { background: white url("../img/select2-spinner.gif") no-repeat 100%; background: url("../img/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url("../img/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url("../img/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; }

.select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-dropdown-open .select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #eee; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%); }

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices { border: 1px solid #5897fb; border-top-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eeeeee)); background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%); background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none; filter: none; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow { border-right: none; }

.select2-dropdown-open .select2-choice .select2-arrow b { background-position: -18px 1px; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b { background-position: -16px 1px; }

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

/* results */
.select2-results { max-height: 200px; padding: 0 0 0 4px; margin: 4px 4px 4px 0; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html[dir="rtl"] .select2-results { padding: 0 4px 0 0; margin: 4px 0 4px 4px; }
.select2-results ul.select2-result-sub { margin: 0; padding-left: 0; }
.select2-results li { list-style: none; display: list-item; background-image: none; }
.select2-results li.select2-result-with-children > .select2-result-label { font-weight: bold; }
.select2-results .select2-result-label { padding: 3px 7px 4px; margin: 0; cursor: pointer; min-height: 1em; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-results-dept-1 .select2-result-label { padding-left: 20px; }
.select2-results-dept-2 .select2-result-label { padding-left: 40px; }
.select2-results-dept-3 .select2-result-label { padding-left: 60px; }
.select2-results-dept-4 .select2-result-label { padding-left: 80px; }
.select2-results-dept-5 .select2-result-label { padding-left: 100px; }
.select2-results-dept-6 .select2-result-label { padding-left: 110px; }
.select2-results-dept-7 .select2-result-label { padding-left: 120px; }
.select2-results .select2-highlighted { background: #3875d7; color: #fff; }
.select2-results li em { background: #feffde; font-style: normal; }
.select2-results .select2-highlighted em { background: transparent; }
.select2-results .select2-highlighted ul { background: #fff; color: #000; }
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit { background: #f4f4f4; display: list-item; padding-left: 5px; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted { color: #666; background: #f4f4f4; display: list-item; cursor: default; }
.select2-results .select2-disabled { background: #f4f4f4; display: list-item; cursor: default; }
.select2-results .select2-selected { display: none; }
.select2-more-results.select2-active { background: #f4f4f4 url("../img/select2-spinner.gif") no-repeat 100%; }
.select2-results .select2-ajax-error { background: rgba(255, 50, 50, 0.2); }
.select2-more-results { background: #f4f4f4; display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow { background-color: #f4f4f4; background-image: none; border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr { display: none; }

/* multiselect */
.select2-container-multi .select2-choices { height: auto !important; height: 1%; margin: 0; padding: 0 5px 0 0; position: relative; border: 1px solid #aaa; cursor: text; overflow: hidden; background-color: #fff; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, white)); background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 15%); background-image: -moz-linear-gradient(top, #eeeeee 1%, white 15%); background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%); }

html[dir="rtl"] .select2-container-multi .select2-choices { padding: 0 0 0 5px; }

.select2-locked { padding: 3px 5px 3px 5px !important; }
.select2-container-multi .select2-choices { min-height: 26px; }
.select2-container-multi.select2-container-active .select2-choices { border: 1px solid #5897fb; outline: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.select2-container-multi .select2-choices li { float: left; list-style: none; }

html[dir="rtl"] .select2-container-multi .select2-choices li { float: right; }

.select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap; }
.select2-container-multi .select2-choices .select2-search-field input { padding: 5px; margin: 1px 0; font-family: sans-serif; font-size: 100%; color: #666; outline: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background: transparent !important; }
.select2-container-multi .select2-choices .select2-search-field input.select2-active { background: white url("../img/select2-spinner.gif") no-repeat 100% !important; }
.select2-default { color: #999 !important; }
.select2-container-multi .select2-choices .select2-search-choice { padding: 3px 5px 3px 18px; margin: 3px 0 3px 5px; position: relative; line-height: 13px; color: #333; cursor: default; border: 1px solid #aaaaaa; border-radius: 3px; -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); background-clip: padding-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); }

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 5px 3px 0; padding: 3px 18px 3px 5px; }
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen { cursor: default; }
.select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; }
.select2-search-choice-close { display: block; width: 12px; height: 13px; position: absolute; right: 3px; top: 4px; font-size: 1px; outline: none; background: url("../img/select2.png") right top no-repeat; }
html[dir="rtl"] .select2-search-choice-close { right: auto; left: 3px; }
.select2-container-multi .select2-search-choice-close { left: 3px; }
html[dir="rtl"] .select2-container-multi .select2-search-choice-close { left: auto; right: 2px; }
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -11px; }
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -11px; }
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { padding: 3px 5px 3px 5px; border: 1px solid #ddd; background-image: none; background-color: #f4f4f4; }
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; background: none; }
/* end multiselect */
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: underline; }
.select2-offscreen, .select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important; }
.select2-display-none { display: none; }
.select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; overflow: scroll; }

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b { background-image: url("../img/select2x2.png") !important; background-repeat: no-repeat !important; background-size: 60px 40px !important; }
  .select2-search input { background-position: 100% -21px !important; } }
/** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; }


@media screen and (max-width: 767px) { .prj-detail-gal-wrapper { padding: 0 40px; } .container { padding: 0 10%; } .section-heading h2, .galery_detail h2, .galery_detail h1 { font-size: 2.2em; } .btn-primary { float: inherit; }  #services .container { padding: 20px !important; } #footer { padding-bottom: 60px; } }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #ffae3f; }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../img/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url("../img/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) { .fancybox-prev span, .fancybox-next span { visibility: visible; } }
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: landscape) { .fancybox-prev span, .fancybox-next span { visibility: visible; } }
@media screen and (min-device-width: 767px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 2) { .fancybox-prev span, .fancybox-next span { visibility: visible; } }

.select2-results .select2-result-label { font-size: 0.8em; }

@media screen and (max-width: 800px) {
	.project-fake-close { left: 90%; top: 40px; }
	.modal-img-spl { display: none; }
	.modal-prj-img { padding-left: 10px; }
	.modal-content-wrapper { padding-top: 40px; }
}
@media screen and (max-width: 767px) {
	#map-slideshow {
	  left: 0px;
	  top: 20px;
	  width: 80%;
	  height: 300px;
	  overflow: auto;
	}
	#map-slideshow h2 { font-size: 1em; line-height: 1.2em; margin-bottom: 20px; }
	#map-slideshow p { font-size: 0.75em;  line-height: 1.25em; }

	.project-fake-close { left: 85%; top: 70px; position: fixed; }

	.we_hl { bottom: 40px; font-size: 16px; left: 25px; }
	.flex-direction-nav { display: none; }

	.project-fake-close { left: 85%; top: 70px; position: fixed; }
	.prj-detail-gal-wrapper .map-gallery-nav { top: 35%; }
	.modal-prj-content h3 { font-size: 22px; }
	.modal-prj-content p { font-size: 0.8em; }
	.about { min-height: inherit; }
	.about-content { padding: 0px 0 110px 0; }
	.project-fake-close { left: 85%; top: 100px; position: fixed; }
 }

/* ------------------ WORKS ------------------ */
/* ----------------------------- */
/* RECOMMENDED ISOTOPE STYLES
/* Has been ported into SASS
/* ---------------------------- */
/* Isotope Filtering */
.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }

.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope .no-transition.isotope-item, .isotope.no-transition .isotope-item, .isotope .no-transition.isotope-item .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/* --------------------- */
/* WORKS GRID
/* --------------------- */
#works { padding-bottom: 0; background-color: #d5d5d5; }

.work-item-filters { text-align: center; margin-bottom: 0; }
.work-item-filters li { padding: 0; margin-left: -2px; margin-right: -2px; list-style: none; text-align: right; }
@media screen and (max-width: 992px) { .work-item-filters li { text-align: center; display: inline-block; } }
.work-item-filters li:first-child { margin-left: 0; }
.work-item-filters li a { display: block; padding: 5px 0; color: #131313; }
@media screen and (max-width: 992px) { .work-item-filters li a { padding: 5px 10px; } }
.work-item-filters li a:hover, .work-item-filters li a.active { text-decoration: none; outline: none; color: #f09714; }

.work-item-wrapper { overflow: hidden; }

.work-item-list { margin-bottom: 0; width: 101%; }
.work-item-list li { padding: 0; float: left; overflow: hidden; position: relative; }
.work-item-list li img { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; max-width: 100%; width: 100%; }
.work-item-list li:hover img { -webkit-transform: scale(1.3, 1.3); -moz-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); -o-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.work-item-list a { color: #000; font-size: 13px; }
.work-item-list a:hover { color: #f09714; }
.work-item-list.list-col-7 li { width: 14.20%; padding: 0 12px; }
@media screen and (max-width: 992px) { .work-item-list.list-col-7 li { width: 20%; } }
@media screen and (max-width: 767px) { .work-item-list.list-col-7 li { width: 25%; } }
@media screen and (max-width: 480px) { .work-item-list.list-col-7 li { width: 50%; } }
.work-item-list.list-col-5 li { width: 19.95%; }
.work-item-list.list-col-4 li { width: 24.90%; }
.work-item-list.list-col-3 li { width: 33.32%; }
.work-item-list.list-col-2 li { width: 49.90%; }
@media screen and (max-width: 548px) { .work-item-list.list-col-2 li, .work-item-list.list-col-3 li, .work-item-list.list-col-4 li, .work-item-list.list-col-5 li { width: 100%; } }
@media screen and (min-width: 548px) and (max-width: 1024px) { .work-item-list.list-col-2 li, .work-item-list.list-col-3 li, .work-item-list.list-col-4 li, .work-item-list.list-col-5 li { width: 49.90%; } }
.work-item-list .image-overlay { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 174, 239, 0.9); }
.work-item-list .image-overlay:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
@media screen and (max-width: 1024px) { .work-item-list .image-overlay { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; top: initial; bottom: 0; height: 30%; } }
.work-item-list .image-overlay a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (max-width: 1024px) { .work-item-list .image-overlay a:not(.mfp-iframe) { pointer-events: none; cursor: default; } }
.work-item-list .work-item-info { position: absolute; left: 0; bottom: 50%; margin-bottom: -2.5em; width: 100%; text-align: center; color: #fff; }
.work-item-list .work-item-info i { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); opacity: 0.2; font-size: 96px; position: absolute; left: 50%; margin-left: -48px; top: 50%; margin-top: -48px; }
@media screen and (max-width: 1024px) { .work-item-list .work-item-info i { display: none; } }
.work-item-list .work-item-info h3 { color: #fff; }
@media screen and (min-width: 548px) and (max-width: 1024px) { .work-item-list .work-item-info h3 { font-size: 1.3em; line-height: 8px; }
  .work-item-list .work-item-info p { font-size: 0.8em; } }