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

body {
	font-family: Arial, sans-serif;
	line-height: 20px; 
	font-size: 12px;
	min-width: 960px;
}

article, aside, details, footer, header, menu, nav, section { display: block; }

input, textarea, select { font-family: Arial, sans-serif; font-size:11px; }

a img { border:0; }

a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

.left, .alignleft { float: left; display:inline; }
.right, .alignright { float: right; display:inline; }

.cl { clear: both; display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }


html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; }
.footer, .footer-push { height: 250px; }


.shell { width: 960px; margin: 0 auto; }

/* header */
#header { height: 231px; }
#header .shell { position: relative; z-index: 10; }

#logo { font-size: 0; line-height: 0; width: 139px; position: absolute; top: 0;  }
#logo a { display: block; height: 136px; text-indent: -4000px; }

#header nav { float: right; color: #464646; font-weight: bold; padding-top: 25px; position: relative; z-index: 1000; }
#header nav ul { list-style: none; list-style-position: outside; font-size: 14px; }
#header nav ul li { float: left; position: relative; }
#header nav a { color: #464646; float: left; padding: 0 0 9px 0; margin: 0 3px; }
#header nav a em { padding-left: 15px; background-position: right 4px; background-repeat: no-repeat; position: absolute; top: 10px; right: 0; width: 9px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; }
#header nav a:hover,
#header nav li.active a { text-decoration: none; background: url(images/nav-active.png) repeat-x 0 bottom; color: #808285; }
#header nav a span { float: left; padding: 9px 13px 0px 13px; }
#header nav li.active a span { background: url(images/nav-active.png) repeat-x 0 0; }

#header nav ul li:hover > ul { display: block; }
#header nav ul li > ul { position: absolute;  font-size: 12px; font-weight: bold; top: 34px; left: 4px; display: none; width: 200px; background-color: #fff; box-shadow: 1px 1px 3px 1px #ccc; -moz-box-shadow: 1px 1px 3px 1px #ccc; -webkit-box-shadow: 1px 1px 3px 1px #ccc; -o-box-shadow: 1px 1px 3px 1px #ccc;  }
.ie #header nav ul li > ul { border: 1px solid #ccc;  }
#header nav ul li.last > ul { left: -70px; }
#header nav ul li ul li { float: none; display: block; }
#header nav ul li ul li a { display: block; margin: 0; float: none; color: #545960; padding-bottom: 5px; }
#header nav ul li ul li a span em { position: relative; top: 0; left: 0px; float: left; background: url(images/ico-plus-grey.png) no-repeat 0 3px; }
#header nav ul li ul li a span { float: none; display: block; padding-left: 15px; padding-top: 5px; }

#header nav ul li ul li a:hover,
#header nav ul li ul li:hover > a { color: #545960; background: url(images/dd-hover.png) repeat-x 0 bottom; background-color: #ededed; }
#header nav ul li ul li a:hover span em,
#header nav ul li ul li:hover > a span em { background-position: 0 3px; background-repeat: no-repeat; }
#header nav ul li ul li a:hover span,
#header nav ul li ul li:hover > a span { background: url(images/dd-hover.png) repeat-x 0 0; background-color: #ededed; }

#header nav ul li > ul > li > ul { display: none; }
#header nav ul li > ul > li:hover > ul { display: block; left: 200px; top: 0px; }


#header .intro-message { float: right; clear: both; text-align: right; padding: 47px 114px 10px 96px; }
#header .intro-message h2 { font-size: 30px; font-weight: normal; line-height: 30px; letter-spacing: -1px; }
#header .intro-message h2 span { display: block; position: relative; margin-top: -6px; }
/* end of header */

/* container */ 
.container h1 { font-size: 24px; line-height: 30px; font-weight: normal; }
.container h2 { font-size: 22px; line-height: 30px; font-weight: normal; }
.container h3 { font-size: 20px; line-height: 30px; font-weight: normal; }
.container h4 { font-size: 18px; line-height: 30px; font-weight: normal; }
.container h5 { font-size: 16px; line-height: 30px; font-weight: normal; }
.container h6 { font-size: 14px; line-height: 30px; font-weight: normal; }

.container h3.title-big-border { padding-bottom: 11px !important; margin-bottom: 13px; font-weight: bold;  }
.container h3.title-border { padding-bottom: 11px !important; margin-bottom: 13px; font-weight: bold;  }
.container p { padding-bottom: 20px; }
.container p a { text-decoration: underline; }
.container p a.more { float: left; }
.container p a:hover { text-decoration: none; }
.container ul { list-style: none; list-style-position: outside; padding-bottom: 6px; }
.container ul li {padding-left: 0;}
.container ol { list-style-position: inside; padding-bottom: 6px;  }

.container .tabs { position: relative; margin-left: -5px; }
.container .tabs a {text-align: center;float: left;font-size: 16px;font-weight: bold;height: 31px;padding: 29px 26px 0 0;line-height: 14px;margin: 0;min-width: 112px;position: relative;text-shadow: 1px 1px 1px rgba(0,0,0, 0.9);}
.container .tabs a.active {  text-align: center; float: left; font-size: 16px; font-weight: bold; height: 31px; padding: 29px 0 0 0; line-height: 14px; margin: 0 15px; min-width: 112px; position: relative; }
.container .tabs a.active span { height:  60px; width: 15px; position: absolute; top: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.container .tabs a.active span.l { left: -15px; }
.container .tabs a.active span.r { right: -15px; background-position: right 0; }
.container .tabs a:hover { text-decoration: none; }
.container blockquote { font-style: italic; padding-left: 15px; }
.container blockquote p { padding-bottom: 5px; }
/* end of container */

.page-title { position: relative; margin-left: -5px;  }
.page-title h5 { text-align: center; float: left; font-size: 16px; font-weight: bold; height: 31px; padding: 29px 0 0 0; line-height: 14px; margin: 0 15px; min-width: 112px; position: relative; }
.page-title h5 span { height:  60px; width: 15px; position: absolute; top: 0; font-size: 0; line-height: 0; text-indent: -4000px; }
.page-title h5 span.l { left: -15px; }
.page-title h5 span.r { right: -15px; background-position: right 0; }
.page-title h5 { color: #7b909d; text-shadow: 1px 1px 1px rgba(0,0,0, 0.9); }

/* main */
.main { border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; background-position: 0 0; background-repeat: repeat-x; }
.main { padding: 20px 20px 8px 20px; }
.main h3.title { font-weight: bold; padding-bottom: 13px; }
.main h6.custom { padding-bottom: 6px; }
/* end of main */

.header-block h1 {  font-weight: bold; line-height: 24px; }
.header-block h3 { line-height: 20px; }
.style-block { padding-bottom: 11px; }

/* table */
.table table { padding-top: 10px; padding-bottom: 10px; width: 100%; border-spacing: 0; }
.table table th { padding: 5px 0; border-left: 1px solid transparent; font-weight:  normal; }
.table table td { padding: 3px 43px; border-left: 1px solid transparent; border-bottom: 1px solid transparent; }
.table table td.tc { text-align: center; }
.table table td.fcell { padding: 6px 26px 5px 24px; }
/* end of table */

/* footer */
.footer {background-color:#24292F !important;height:50px;}
.footer h5 { font-size: 15px; padding-bottom: 15px; }
.footer h5 a:hover { text-decoration: none; }

.footer-cols { padding-bottom: 20px; position: relative; }
.footer-cols .col { float: left; width: 195px; padding-top: 13px; padding-right: 20px; padding-left: 21px; min-height: 174px; background-position: right 0; background-repeat: no-repeat;  }
.footer-cols section.col:last-of-type { padding-right: 0; background: transparent; }

.footer-cols a:hover { text-decoration: none; }
.footer-cols address { font-style: normal; font-size: 11px; line-height: 17px; }
.footer-cols address a { font-style: normal; }
.footer-cols address a:hover { text-decoration: underline; }
.footer-cols ul { list-style: none; list-style-position: outside; line-height: 17px; font-size: 11px; }
.footer-cols .col:first-of-type { padding-left: 38px; width: 200px; }
.footer-cols ul.services li { background-position: 6px 3px; background-repeat: no-repeat; padding-left: 22px; padding-bottom: 5px; }
.footer-cols .links-col ul { font-size: 12px; padding-left: 4px; line-height: 20px;  }

.socials li a { background-position: 0 0; background-repeat: no-repeat; }
.socials li a { background-position: 0 0; background-repeat: no-repeat; }
.socials ul { padding: 14px 0 0 5px; }
.socials ul li { float: left; padding: 0 11px 10px 0px; background: transparent  !important; }
.socials li a { float: left; width: 31px; height: 30px; font-size: 0; line-height: 0; text-indent: -4000px; background-position: 0 0; }
.socials li a:hover { opacity: 0.6;
-moz-opacity: 0.6;
filter:alpha(opacity=60); }
.socials li a.twitter { background-position: 0px 0; }
.socials li a.facebook { background-position: -42px 0; }
.socials li a.blog { background-position: -83px 0; }
.socials li a.dribble { background-position: -126px 0; }
.socials li a.feed { background-position: 0px bottom; }
.socials li a.google-plus { background-position: -42px bottom; }
.socials li a.apple { background-position: -83px bottom; }
.socials li a.skype { background-position: -126px bottom; }

.footer-bottom { background-position: center 0 !important; padding: 12px 0 11px 0; }
.footer-bottom {  }
.footer-bottom .shell { padding: 0 35px 0 3px; width: 922px; }
.footer-bottom p.copy { float: right; }
.footer-bottom p.copy a { color: #52555a; }
.footer-nav { float: left; }
.footer-nav a { margin: 0 10px 0 5px; }
.footer-nav a:hover { text-decoration: none; }
/* end of footer */

.right-sidebar .sidebar { float: right; }
.right-sidebar .content { float: left; }

.left-sidebar .sidebar { float: left; }
.left-sidebar .content { float: right; }
.left-sidebar .page-title { margin-left: 295px; }

/* content */
.content { width: 620px; padding: 20px 20px 20px 20px; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; }
.content .tabs-cnt { padding-top: 10px; padding-bottom: 47px; padding-left: 10px; }
.content header h3 { font-weight: bold; padding-bottom: 8px; }
.content header h3 em { font-style: normal; }

.content .tabs-cnt header { padding-bottom: 35px; }
.content .tabs-cnt header h3 { line-height: 24px; }
.content .tabs-cnt .header-cnt { height: 100%; overflow: hidden; }
.content .tabs-cnt header img { margin-right: 20px; }
.content h5.title { line-height: 20px; font-size: 15px; padding-bottom: 12px; padding-top: 10px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; }

.content .tabs-cnt .tab-cols { position: relative; }
.content .tabs-cnt .tab-cols h3 { line-height: 20px; padding-bottom: 22px; }
.content .tabs-cnt .tab-cols h3 span { display: block; }
.content .tabs-cnt .tab-cols .col { width: 276px; float: left; }
.content .tabs-cnt .tab-cols .col + .col { float: right; }

.content .tabs-cnt .team-members { position: relative; margin-right: -58px; width: 668px; padding-bottom: 20px; height: 100%;  }
.content .tabs-cnt .team-members li { background: transparent; width: 102px; float: left; padding-left: 0; padding-right: 65px;  }
.content .tabs-cnt .team-members li a img { display: block; margin-bottom: 10px; }
.content .tabs-cnt .team-members li h6 { line-height: 18px; font-weight: bold; }
.content .tabs-cnt .team-members li p { padding-bottom: 14px; line-height: 18px;   }

.content .tabs-cnt blockquote { width: 271px; float: left; padding-left: 13px; border-left: 3px solid transparent; }
.content .tabs-cnt blockquote p { padding-bottom: 5px; }
.content .tabs-cnt .text-cnt { width: 257px; float: right; padding-right: 28px; }
.content .tabs-cnt .text-cnt p { padding-bottom: 16px; }

.content .tabs-cnt .color-article { padding-bottom: 5px; }
.content .tabs-cnt .color-article h3 { padding-bottom: 10px; line-height: 24px; }
.content .tabs-cnt .color-article p { padding-bottom: 10px; }
.content .tabs-cnt .color-article img { margin: 4px 43px 0 60px;  }
/* end of content */

/* sidebar */
.sidebar {  width: 280px; background-position: 0 0; background-repeat: repeat-x; padding-top: 12px; }

.sidebar .widget { padding-bottom: 12px; }
.sidebar h5.widgettitle { background-position: 0 bottom; background-repeat: no-repeat;  font-weight: bold; text-shadow: -1px -1px 1px rgba(0,0,0,1); padding-left: 18px; padding-bottom: 6px; margin-bottom: 10px; } 
.sidebar h5.no-border { background: transparent !important;  margin-bottom: 0px; }
.sidebar .widget-cnt { padding: 0 14px; }
.sidebar ul { padding-left: 6px; line-height: 22px; }
.sidebar ul li a { color: #ccc; }
.sidebar a.btn-request { background-repeat: no-repeat; background-position: 0 0;  width: 251px; height: 52px; text-align: center; line-height: 52px; font-size: 16px; font-weight: bold; text-shadow: -1px -1px 1px rgba(0,0,0,1); text-transform: uppercase; display: block; margin-top: 10px; }
.sidebar a.btn-request:hover { background-position: 0 bottom; text-decoration: none; }
/* end of sidebar */

/* contact page */
.content .entry { padding-bottom: 40px; padding-top: 27px; }
.content .entry iframe { margin-right: 25px; }
.content .entry p { padding-top: 6px; }
.content .entry ul { list-style: none; list-style-position: outside; }
.content .entry ul li { background: transparent; }
.content .entry ul li span { padding-right: 19px; float: left; width: 38px; }

.content .form-contact  { padding-left: 30px; margin-right: -30px; position: relative; }
.row {  display: block; margin-bottom: 10px; }
.form-contact label { float: left; width: 146px; padding-right: 25px; text-align: right; line-height: 30px;  }
.form-contact input.field { width: 272px; height: 14px; padding: 7px; border: 1px solid transparent; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.form-contact textarea.textarea-field { width: 402px; height: 172px; padding: 7px; border: 1px solid transparent; resize: none; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.form-contact input.submit-btn { margin-top: 6px; margin-right: 21px; width: 189px; height: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; background: url(images/submit-btn.png) no-repeat 0 0; float: right;  border: 0; cursor: pointer; padding-bottom: 10px; }
.content .form-contact .row input.submit-btn { color: #fff; }
.content .form-contact .row input.submit-btn:hover { color: #ccc; } 
/* end of contact page */

/* error page */
.error-holder { padding: 155px 0 185px; }
.error-page { position: relative; width: 197px; height: 113px; background: no-repeat 0 0; margin: 0 auto; }
.error-page p { text-shadow: 1px 1px 0px rgba(255,255,255, 0.6); padding-bottom: 0; font-size: 14px; }

.bubble { border-top: 1px solid transparent; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 4px; -o-border-radius: 5px; padding: 7px 16px 6px 16px; position: absolute; }

.top-bubble { bottom: 174px; background-position: 0 0; background-repeat: no-repeat; white-space: nowrap }
.top-bubble span.arr { position: absolute; bottom: -17px; left: 50%; margin-left: -15px; width: 30px; height: 17px; }

.bottom-bubble { top: 187px; background-position: 0 0; background-repeat: no-repeat;  }
.bottom-bubble span.arr { position: absolute; top: -16px; left: 50%; margin-left: -15px; width: 30px; height: 16px; }

.error-page .tl { left: -257px; }
.error-page .tc { left: 62px; }
.error-page .tr { right: -248px; }
.error-page .bl { left: -177px; }
.error-page .br { right: -127px; }
/* end of error page */

/* three columns page */
.columns .col { width: 290px; float: left; }
.columns .col + .col { padding-left: 22px; }
.columns .col h3.col-title { font-weight: bold; background-position: center bottom; background-repeat: no-repeat; padding-bottom: 11px; margin-bottom: 13px; padding-left: 10px;  }
.columns .col-inner { padding: 0 9px 0 10px; }
/* end of three columns page */

/* sitemap */
.content ul { padding-bottom: 0; }
.content ul li { line-height: 22px; }
.content ul li ul { padding-left: 8px; }
.content ul li ul li ul { padding-left: 0px; }
.content ul li ul li { background: transparent; line-height: 22px; }
.content ul li ul li a { text-decoration: underline; }
.content ul li ul li a:hover { text-decoration: none; }
/* end of sitemap */

/* services page */
.services header { padding-bottom: 30px; }
.services article { padding-bottom: 11px; }
.services article .img-holder { width: 243px; height: 114px; position: relative; padding: 0px 0px 34px 0px; margin-right: 29px; }
.services article .img-holder span.shadow { background: url(images/article-shadow.png) no-repeat 0 0; position: absolute; bottom: 8px; left: 0; width: 245px; height: 49px; z-index: 1; }
.services article .img-holder img { width: 243px; height: 114px; border: 1px solid transparent; z-index: 3; position: relative;  }
.services article .img-holder a.small-btn { position: absolute; bottom: 12px; left: 18px; z-index: 8;}
.services article h4 { line-height: 22px; padding-bottom: 13px; font-weight: bold; }
.services article .article-cnt { height: 100%; overflow: hidden; }
/* end of services page */

/* small-btn */
.container { padding-bottom: 70px; }
.container a.small-btn { width: 110px; height: 35px; padding: 0 60px 5px 40px; text-align: center;  line-height: 35px; background: url(images/small-btn.png) no-repeat 0 0; display: block; font-size: 14px; color: #fefefe; font-weight: bold; text-shadow:  2px 2px 1px rgba(0,0,0,1); }
.container a.small-btn:hover { text-decoration: none; color: #ccc; }
/* small-btn */

/* gallery-classic page */
.gallery-classic { position: relative; margin-right: -24px; width: 944px; padding-top: 25px; height: 100%; }
.gallery-classic ul li { background: transparent;  width: 168px; height: 126px; padding-left: 0 !important; position: relative; float: left; margin-right: 20px; margin-bottom: 20px; }
.gallery-classic ul li a img { width: 158px; height: 116px; display: block; z-index: 5; border: 5px solid #525d6d; position: relative; z-index: 4; }
.gallery-classic ul li span.shadow { background: url(images/gallery-classic-shadow.png) no-repeat 0 0; position: absolute; bottom: -8px; left: -8px; width: 184px; height: 12px; z-index: 2; font-size: 0; line-height: 0; text-indent: -4000px; }
.gallery-classic ul li a em { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -moz-transition-property: opacity; -moz-transition-duration: 0.4s; -webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; -o-transition-property: opacity; -o-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 6; }
.gallery-classic ul li a:hover em { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); }
.gallery-classic ul li a span { background-position: 0 0; background-repeat: no-repeat;   width: 44px; height: 44px; position: absolute; top: 41px; left: 62px; z-index: 8; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -moz-transition-property: opacity; -moz-transition-duration: 0.4s; -webkit-transition-property: opacity; -webkit-transition-duration: 0.4s; -o-transition-property: opacity; -o-transition-duration: 0.4s; transition-property: opacity; transition-duration: 0.4s; }
.gallery-classic ul li a:hover span { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); }
/* end of gallery-classic page */

/* gallery-project page */
.gallery-project { position: relative; margin-right: -20px; width: 940px;  }
.gallery-project ul li { background: transparent  !important; width: 292px; padding: 0 !important; position: relative; float: left; margin-right: 20px; margin-bottom: 18px; }
.gallery-project ul li a img { width: 272px; height: 199px; border: 10px solid transparent; display: block; position: relative; z-index: 6; }
.gallery-project ul li a:hover img { border-color: transparent; }
.gallery-project ul li span.shadow { background: url(images/gallery-project-shadow.png) no-repeat 0 0; position: absolute; top: 192px; left: -10px; width: 313px; height: 44px; z-index: 2; }
.gallery-project ul li a.small-btn { position: absolute; top: 193px; left: 43px; z-index: 10; }
.gallery-project .gallery-project-cnt { padding-top: 20px; padding-left: 8px;  }
.gallery-project .gallery-project-cnt h4 { font-weight: bold; padding-bottom: 5px; }
.gallery-project .gallery-project-cnt p { line-height: 18px; }
/* end of gallery-project page */

/* popup */
.popup { width: 330px; padding: 11px 0 8px 0; background-repeat: repeat-x; background-position: 0 0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; background-color: #404650; }
.popup .form-contact { padding: 0 20px; }
.popup h3 { text-shadow: 1px 1px 1px rgba(0,0,0,0.8); padding: 0 10px 17px 18px; background-repeat: no-repeat;  background-position: center bottom; margin-bottom: 10px; font-size: 16px; }
.popup input.field { height: 15px; font-size: 12px;  padding: 4px 7px 4px 7px;  width: 274px; margin-bottom: 10px; border: 1px solid transparent;  }

.popup input.login-btn { position: relative; float: right; position: relative; margin-right: -10px; height: 40px; width: 106px; margin-top: 7px; padding-bottom: 9px; line-height: 40px; text-align: center; border: 0; cursor: pointer; background: url(images/login-btn.png) no-repeat 0 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); font-size: 14px; font-weight: bold; }
.popup input.login-btn:hover { color: #ccc; }

.popup label { float: left  !important; width: auto; line-height: 14px; position: relative; padding-left: 21px; padding-top: 16px; }
.popup input.check { position: absolute; top: 16px; left: 0;  width: 14px; height: 14px; }

.popup { display: none; }
#colorbox .popup { display: block; }
/* end of popup */

/* ********************************************************************** */
.projects article { background-position: 0 bottom ; background-repeat: no-repeat; margin-bottom: 22px; }
.projects article h3 { font-weight: bold; padding-bottom: 12px; }
.projects article .cnt { padding-top: 30px; padding-left: 10px; }

.projects .caroufredsel_wrapper { border: 10px solid transparent; position: relative; z-index: 5; }
.projects .slider-holder { position: relative; }
.projects .slider-holder img { float: left; width: 600px; height: 329px; }
.projects .slider-holder a.zoom { background-position: 0 0; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; top: 0; left: 0; z-index: 19; }
.projects .slider-holder a.arr { position: absolute; top: 159px; background-position: 0 0; background-repeat: no-repeat;  width: 18px; height: 34px; z-index: 10; font-size: 0; line-height: 0; text-indent: -4000px; }
.projects .slider-holder a.prev { left: 4px; }
.projects .slider-holder a.next { background-position: 0 bottom  !important; right: 4px; }
.projects .slider-holder .slider { position: relative; z-index: 5; }
.projects .slider-holder a.small-btn { position: absolute; bottom: -23px; left: 50%; z-index: 30; margin-left: -105px;  }
.projects .slider-holder span.slider-shadow { background: url(images/slider-shadow.png) no-repeat 0 0; width: 632px; height: 9px; position: absolute; bottom: -5px; left: -8px; z-index: 2; }

.projects .slider-holder2 { position: relative; }
.projects .slider-holder2 img { float: left; width: 600px; height: 329px; }
.projects .slider-holder2 a.zoom { background-position: 0 0; background-repeat: no-repeat; width: 30px; height: 30px; position: absolute; top: 0; left: 0; z-index: 19; }
.projects .slider-holder2 a.arr { position: absolute; top: 159px; background-position: 0 0; background-repeat: no-repeat;  width: 18px; height: 34px; z-index: 10; font-size: 0; line-height: 0; text-indent: -4000px; }
.projects .slider-holder2 a.prev { left: 4px; }
.projects .slider-holder2 a.next { background-position: 0 bottom  !important; right: 4px; }
.projects .slider-holder2 .slider { position: relative; z-index: 5; }
.projects .slider-holder2 a.small-btn { position: absolute; bottom: -23px; left: 50%; z-index: 30; margin-left: -105px;  }
.projects .slider-holder2 span.slider-shadow { background: url(images/slider-shadow.png) no-repeat 0 0; width: 632px; height: 9px; position: absolute; bottom: -5px; left: -8px; z-index: 2; }


.pagination { width: 280px; margin: 0 auto; position: relative; }
.pagination ul { position: relative; z-index: 100; }
.pagination ul li { font-size: 12px; float: left; padding-right: 1px; background: transparent; padding-left: 0; }
.pagination ul li a { float: left; background-repeat: repeat-x; background-position:0 0; padding: 0 2px; height: 20px; min-width: 16px; text-align: center; border: 1px solid transparent; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; }
.pagination ul li a:hover,
.pagination ul li.active a { text-decoration: none; background-repeat: repeat-x; background-position: 0 0; }

/* end of projects page */

/* project full */
.project-full { padding-top: 6px;  }
.project-full article { background: transparent !important; }
.project-full .slider-holder { width: 918px; height: 517px; margin: 0 auto 4px auto; }
.project-full .big-slider img { float: left; width: 897px; height: 497px;  }
.project-full .slider-holder .control-nav { position: absolute; bottom: -25px; left: 394px; z-index: 20; }
.project-full .slider-holder .control-nav a { background-repeat: no-repeat; background-position:0 0; width: 21px; height: 21px; float: left; font-size: 0; line-height: 0; text-indent: -4000px; position: relative; }
.project-full .slider-holder .control-nav a.selected { background-position: 0 bottom; }
.project-full .slider-holder .control-nav a img { height: 62px; width: 83px; position: absolute; top: 34px; left: 50%; margin-left: -41px; padding: 2px; box-shadow: 0px 0px 7px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.8); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.8); display: none; }
.project-full .slider-holder .control-nav a:before { content: ""; position: absolute; top: 24px; left: 1px; font-size: 0; line-height: 0; text-indent: -4000px; display: block; z-index: 99; border-style: solid; border-width: 0 10px 10px; display: none; }
.project-full .slider-holder .control-nav a:hover img { display: block; }
.project-full .slider-holder .control-nav a:hover:before { display: block; }
.project-full .slider-holder a.arr { top: 224px; }
.project-full .slider-holder span.big-slider-shadow { background-position: 0 0; background-repeat: no-repeat; width: 652px; margin-left: -326px; height: 34px; position: absolute; bottom: -33px; left: 50%; z-index: 2; }
.project-full  a.small-btn { margin: 25px 0 0 -14px; position: relative; }
/* end of project full */

/* blog-single page */
.container h4.title-border { background-position: 0 bottom; background-repeat: no-repeat; padding-bottom: 10px; margin-bottom: 7px;  }
.post h4 { font-weight: bold; text-shadow: 1px 1px 1px rgba(0,0,0,0.7); }
.post p.meta-top { padding-bottom: 10px; float: left; }
.post p.meta-top a.ico { float: left; text-decoration: none; padding-left: 18px; text-shadow: -1px -1px 0px rgba(0,0,0,0.6); margin-right: 10px; }
.post p.meta-top a.date-ico { background-position: 0 2px; background-repeat: no-repeat; }
.post p.meta-top a.user-ico { background-position: 0 2px; background-repeat: no-repeat; } 
.post p.meta-top a.comments-ico { background-position: 0 2px; background-repeat: no-repeat; }

.post .img-holder { width: 618px; height: 348px; padding-bottom: 11px;  }
.post .img-holder img { width: 598px; height: 328px; border: 10px solid transparent; }
.post .meta-bottom p { font-size: 11px; }
.post .meta-bottom p span { padding-right: 4px; }
.post .meta-bottom p a { text-decoration: none; }

.container h6.title { text-shadow: -1px -1px 0px rgba(0,0,0,0.4); font-weight: bold; padding-bottom: 10px; }
.container h6.title-border { background-position: 0 bottom; background-repeat: no-repeat; margin-bottom: 7px; }
.comments-section { background-position: 0 bottom; background-repeat: no-repeat; padding-bottom: 10px; margin-bottom: 7px; padding-left: 27px; }
.comments-section .comments-section { background: transparent; padding: 0 0 0 0px; }
.comments-section .comments-cnt { height: 100%; overflow: hidden; }
.comments-section .user { float: left; padding-right: 35px; }
.comments-section .user h6 { padding-left: 16px; background-position: 0 10px; background-repeat: no-repeat;  }
.comments-section .user h6 a:hover { text-decoration: none; }
.comments-section .user p { text-shadow: 1px -1px 0px rgba(0,0,0,0.4); }
.comments-section .user p a { text-decoration: none; }

.comment-form .row { display: block; margin-bottom: 8px; }
.comment-form label { width: 182px; float: left; text-align: right; padding-right: 15px; font-size: 11px; line-height: 28px; }
.comment-form input.field { border: 1px solid transparent; width: 336px; height: 16px; padding: 6px; font-size: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.comment-form textarea.textarea-field { border: 1px solid transparent; width: 403px; height: 189px; padding: 6px; resize: none; font-size: 12px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.comment-form input.submit-btn { margin-top: 6px; display: block; margin-left: 185px; width: 189px; height: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; background: url(images/submit-btn.png) no-repeat 0 0;  border: 0; cursor: pointer; padding-bottom: 10px; }
.comment-form input.submit-btn:hover { color: #ccc; }

.sidebar .popular-posts ul { padding-left: 0;  }
.sidebar .popular-posts ul li { background-position: center bottom; background-repeat: no-repeat; margin-bottom:10px; padding-bottom:9px; padding-right: 18px;  }
.sidebar .popular-posts ul li a img { width: 58px; height: 58px; margin-right: 18px; border: 1px solid transparent; }
.sidebar .popular-posts ul li .popular-posts-cnt { height: 100%; overflow: hidden; }
.sidebar .popular-posts ul li .popular-posts-cnt p { line-height: 18px; padding-bottom: 0; padding-bottom: 6px; }
.sidebar .popular-posts ul li .popular-posts-cnt small { font-size: 11px; text-transform: uppercase; text-shadow:  0px -1px 0px rgba(0,0,0,0.6); }

.sidebar .categories ul  { padding-left: 0; }
.sidebar .categories ul li { background-position: 0 bottom; background-repeat: no-repeat; padding-left: 20px; padding-bottom: 8px; margin-bottom: 10px; line-height: 18px; padding-right: 18px; }
.sidebar .popular-tags a { text-decoration: underline; }
.sidebar .popular-tags a:hover { text-decoration: none; }
.sidebar .popular-tags a.btn-request { text-decoration: none; }
.sidebar address { font-style: normal; }
/* end of blog-single page */

/* blog page */
.content .pagination-post { width: 330px; position: relative; padding-top: 60px; height: 100%;  }
.content .pagination-post ul { position: relative; z-index: 9; }
.content .pagination-post a { color: #7b8ba4; }
.content .pagination-post a.prev span { background-position: 12px 6px; background-repeat: no-repeat; width: 20px; height: 16px; float: left; padding: 0 10px; }
.content .pagination-post a.next span { background-position: 12px 6px; background-repeat: no-repeat; width: 20px; height: 16px; float: left; padding: 0 10px; }
.content .pagination-post li a { background-repeat: repeat-x; background-position: 0 0; } 
.content .pagination-post li a:hover,
.content .pagination-post li.active a { background-repeat: repeat-x !important; background-position: 0 0; }
.pagination span.shadow { background: url(images/pagination-shadow.png) no-repeat center 0; width: 650px; height: 34px; position: absolute; bottom: 10px; margin-left: -325px;  left: 50%; z-index: 2; }
/* end of blog page */

/* under-construction page */
.under-construction { width: 514px; margin: 0 auto; text-align: center; }
.under-construction span.designs { width: 209px; height: 25px; margin: 0 auto; display: block; background-position:0 45px; padding-top: 45px; background-repeat: no-repeat;  padding-bottom: 31px; }

.under-construction span.under-const { width: 513px; height: 31px; margin: 0 auto; display: block; background-position: 0 55px; background-repeat: no-repeat; padding-top: 55px; padding-bottom: 32px; }

.under-construction h2 { text-shadow: 1px -1px 0px rgba(0,0,0,0.4); padding-bottom: 25px; letter-spacing: 1px;}
.under-construction h3 { text-shadow: 1px -1px 0px rgba(0,0,0,0.4); font-weight: bold; padding-bottom: 24px; }
.under-construction  li a { background-position: 0 0; background-repeat: no-repeat; }
.under-construction .socials ul li { padding: 0 0px 0 12px; background: transparent !important; }
.under-construction .socials { width: 350px; margin: 0 auto;  }
/* end of under-construction page */


/* home page */
.home-page #header { height: 558px; background-position: center bottom; background-repeat: repeat-x; z-index: 100; position: relative; }

.home-page .home-slider-holder { width: 950px; height: 350px; padding-left: 10px; background: url(images/home-slider.png) no-repeat 0 0; top: 50px; position: relative; clear: both; }
.home-page .home-slider-holder span.shadow { background: url(images/home-slider-shadow.png) no-repeat 0 0; position: absolute; bottom: -63px; left: 0; width: 952px; height: 63px; font-size: 0; line-height: 0; text-indent: -4000px; }

.home-page .home-slider-holder a.btn { background: url(images/home-slider-arr.png) no-repeat 0 0; width: 68px; height: 65px; position: absolute; top: 144px; font-size: 0; line-height: 0; text-indent: -4000px; z-index: 100; }
.home-page .home-slider-holder a.prev { left: -7px; }
.home-page .home-slider-holder a.next { background-position: 0 bottom; right: -7px; }

.home-page .home-slider-holder .home-slider { position: relative; margin: 0 auto; }
.home-page .home-slider ul li { width: 983px; position: relative; float: left; }
.home-page .home-slider-holder .home-slider img.slide-img { position: absolute; top: 5px; right: 83px; z-index: 20; }
.home-page .home-slider ul { list-style: none; list-style-position: outside; }
.home-page .home-slider .slide-cnt { width: 305px; text-align: right; padding-left: 117px; padding-top: 120px; position: relative; z-index: 40; height: 100%;  }
.home-page .home-slider .slide-cnt h2 { font-size: 38px; font-weight: bold; line-height: 40px; letter-spacing: -2px; padding-bottom: 12px;  }
.home-page .home-slider .slide-cnt p {  font-size: 14px; }
.home-page .home-slider .slide-cnt a.slider-btn { width: 157px; height: 55px; margin-top: 32px; position: relative; margin-left: 48px; padding: 16px 83px 20px 53px; color: #ebebeb; font-weight: bold; font-size: 18px; text-shadow: rgba(0,0,0,0.5) 1px 1px 2px; text-align: center; display: block; background: url(images/slider-btn.png) no-repeat 0 0; }
.home-page .home-slider .slide-cnt a.slider-btn:hover { text-decoration: none; color: #ccc; }


.home-page article { background-repeat: repeat-x; background-position: 0 0; position: relative; padding-top: 18px; }
.home-page article h6.title { text-shadow: none; line-height: 20px; }

.home-page .article-cnt { height: 100%; overflow: hidden; }
.home-page article .about { padding: 0 38px; }
.home-page article .about img.alignleft { margin-right: 50px; }

.home-page article .slider-tab-holder { padding-left: 20px;  width: 869px; margin: 0 auto; position: relative; }
.home-page article .slider-tab-holder a.btn { position: absolute; top: 66px; width: 16px; height: 26px; display: block; background-position: 0 0; background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -4000px; }
.home-page article .slider-tab-holder a.prev { left: -25px; }
.home-page article .slider-tab-holder a.next { right: -25px; background-position: 0 bottom; }

.home-page article.gallery ul li { background: transparent; width: 245px; position: relative; float: left; padding-bottom: 0px; padding-left: 0; margin: 0 25px; }

.home-page article h5 { line-height: 17px; font-weight: bold; }
.home-page article.gallery h5 { padding-bottom: 3px; font-weight: normal; }
.home-page article.gallery ul li small { display: block; line-height: 17px; font-size: 11px; padding-bottom: 13px; }
.home-page article.gallery ul li .img-holder { width: 243px; height: 114px; border: 1px solid transparent; position: relative; }
.home-page article.gallery ul li .img-holder img { width: 243px; height: 114px; position: relative; z-index: 4; }
.home-page article.gallery ul li .img-holder span.shadow { background-position: 0 0; background-repeat: no-repeat;  position: absolute; bottom: -20px; left: 0; width: 245px; height: 49px; z-index: 1; }
.home-page article.gallery ul li a.small-btn { position: absolute; bottom: -20px; left: 50%; margin-left: -105px; z-index: 10; }

.home-page article.news ul li { background: transparent; width: 265px; float: left; margin: 0 13px; padding-left: 0; }

.home-page article.news ul li h5 { height: 20px; padding-bottom: 2px; }
.home-page article.news ul li p.date { padding-bottom: 6px; }
.home-page article.news ul li p { padding-bottom: 13px; line-height: 16px; }
.home-page article.news ul li p a { text-decoration: none; }

.home-page article.news ul li p a:hover { text-decoration: underline; }
.home-page article.news ul li .img-holder { position: relative; }
.home-page article.news ul li img { border: 2px solid transparent; width: 261px; height: 61px; }
.home-page article.news ul li .img-holder span.shadow { background-position: 0 0; background-repeat: no-repeat; width: 293px; height: 32px; position: absolute; bottom: -9px; left: -15px; font-size: 0; line-height: 0; text-indent: -4000px; }


.home-page article.blog-tab ul li { background: transparent; width: 252px; float: left; margin: 0 20px; padding-left: 0;  }

.home-page article.blog-tab ul li h5 { font-weight: normal; line-height: 22px; padding-bottom: 12px; }
.home-page article.blog-tab ul li p.meta { padding-bottom: 12px; }
.home-page article.blog-tab ul li p.meta a { text-decoration: none; }

.home-page article.blog-tab ul li .blog-tab-cnt { height: 100%; overflow: hidden; }
.home-page article.blog-tab ul li .img-holder { width: 45px; height: 45px; padding: 2px; border: 1px solid transparent; margin-right: 15px; }
.home-page article.blog-tab ul li .img-holder img { width: 45px; height: 45px; }

.home-page .tab { padding: 0 14px; }
.home-page .tab span.border-left { background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; left: 0; width: 15px; height: 205px; }
.home-page .tab span.border-right { background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; right: 0; width: 15px; height: 205px; }
.home-page .tabs a strong { position: relative; top: -10px; display: block; font-weight: bold; }
.home-page .tabs a em.ico { background-position: 0 0; background-repeat: no-repeat; width: 24px; height: 24px; display: inline-block; margin-right: 6px; position: relative; top: 5px;  }
.home-page .tabs a em.info-ico { background-position: 0 0; }
.home-page .tabs a em.gallery-ico { background-position: -25px 0; }
.home-page .tabs a em.news-ico { background-position: -49px 0; }
.home-page .tabs a em.blog-ico { background-position: -72px 0; }


.home-page .tabs a { margin-right: 90px; }
.home-page .tabs a.active { margin-right: 90px; }

.home-style1-slider-holder { height: 470px; width: 100%;  position: relative; top: 25px; z-index: 3; }
.home-style1-slider ul { list-style: none; list-style-position: outside; position: relative; margin: 0 auto;  }
.home-style1-slider ul li { position: relative; float: left; height: 100%;  }

.home-style1-slider img.slide-img { position: absolute; top: 5px; right: 0px; z-index: 20; }
.home-style1-slider .slide-cnt { width: 365px; text-align: right; padding-left: 100px; padding-top: 195px; position: relative; height: 100%; z-index: 40; }
.home-style1-slider .slide-cnt h2 { color: #e3e3e3; font-size: 38px; font-weight: bold; line-height: 40px; letter-spacing: -2px; padding-bottom: 12px; }
.home-style1-slider .slide-cnt h2 span { color: #00aef0; }
.home-page .slide-cnt h2 span.green { color: #97b822 !important; }
.home-page .slide-cnt h2 span.dark-blue { color: #7b52ab !important; }
.home-page .slide-cnt h2 span.orange { color: #00aef0 !important; }
.home-style1-slider .slide-cnt h2 span.orange { color: #df6408 !important; }
.home-style1-slider .slide-cnt p { color: #bcbcbc; font-size: 14px; background: url(images/big-slider-border.png) no-repeat right bottom; padding-bottom: 10px;  }



.home-style1-slider .slide-cnt a.slider-btn { width: 157px; height: 55px; margin-top: 32px; position: relative; margin-left: 100px; padding: 16px 83px 20px 53px; color: #ebebeb; font-weight: bold; font-size: 18px; text-shadow: rgba(0,0,0,0.5) 1px 1px 2px; text-align: center; display: block; background: url(images/slider-btn.png) no-repeat 0 0; }
.home-style1-slider .slide-cnt a.slider-btn:hover { text-decoration: none; color: #ccc; }

.home-style1-slider-holder { overflow: hidden }
.home-style1-slider-holder a.btn { background: url(images/home-style1-slider-arr.png) no-repeat 0 0; width: 34px; height: 34px; position: absolute; top: 196px; font-size: 0; line-height: 0; text-indent: -4000px; z-index: 300; }
.home-style1-slider-holder a.prev { left: 50%; margin-left: -586px; }
.home-style1-slider-holder a.next { background-position: 0 bottom; right: 50%; margin-right: -591px; }

.home-style1-slider-holder .pagination { position: absolute; top: 89px; left: 50%; z-index: 100; margin-left: -80px; }
.home-style1-slider-holder .pagination a { background: url(images/home-slider-control-nav.png) no-repeat 0 0; width: 13px; height: 13px; font-size: 0; line-height: 0; text-indent: -4000px; float: left; margin-right: 4px; }
.home-style1-slider-holder .pagination a.selected { background-position: 0 bottom; }
/* end of home page */


/* COLORBOX */
.popup a.close-btn { background: url(images/close.png) no-repeat 0 0; width: 17px; height: 17px; position: absolute; top: 15px; right: 18px; font-size: 0; line-height: 0; text-indent: -4000px; }
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; }
#cboxMiddleLeft, #cboxBottomLeft{clear:left; }
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; background: #ffffff;  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; padding:  10px; margin: 14px; }
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:url(images/overlay.png) repeat 0 0; }
#colorbox{}
    #cboxTopLeft{width:0; height:0; }
    #cboxTopRight{width:0; height:0;  }
    #cboxBottomLeft{width:0; height:0; }
    #cboxBottomRight{width:0; height:0; }
    #cboxMiddleLeft{width:0; }
    #cboxMiddleRight{width:0; }
    #cboxTopCenter{height:0; }
    #cboxBottomCenter{height:0; }
    #cboxContent{background: transparent; overflow:hidden;}
        .cboxIframe{background:transparent;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom: 12px; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom: 10px; right: 0; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{ background: #ffffff url(images/dark-close.png) no-repeat center center; width: 26px; height: 26px; position: absolute; top: 0; right: 0; font-size: 0; line-height: 0; text-indent: -4000px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; display: none  !important; }
        #colorbox.img-view #cboxClose { display: block  !important; }
/*  END COLORBOX */

.LV_validation_message { display: none  !important; }
input.LV_invalid_field, textarea.LV_invalid_field { border: 1px solid #9e0000 !important; }

p.result { display: none; }

.tabs__content {
  display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
  display: block; /* по умолчанию показываем нужный блок */
}