/*******************************************************************************************************************
*  BASE                                                                                                            
*******************************************************************************************************************/
html{background:#f2f2f2;}
body{color:#727272; font:normal 14px "Helvetice Neue",Arial,Tahoma,Verdana; position: relative; min-height: 100vh; box-sizing: border-box;}
p{line-height:1.7em; /*margin-bottom:15px;*/}
p strong{color:#424242;}
address{font-style:normal; padding-bottom:15px;}

/*******************************************************************************************************************
*  LINKS                                                                                                           
*******************************************************************************************************************/
a{outline:0;}
a:hover{color:#000; text-decoration:underline;}
a, a:link, a:focus{color:#2aacd2;}

/*******************************************************************************************************************
*  H1 - H4                                                                                                         
*******************************************************************************************************************/
h1, h2, h3, h4{line-height:1.2em; margin-bottom:15px; font-weight:bold;}
h1{font-size:3.0em; color:#fff; font-weight:normal;}
h1 strong{font-weight:bold;}
h2{font-size:1.1em; color:#737373; margin-bottom:30px; border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
h3, h4{font-size:1.4em; color:#424242; text-shadow:1px 1px 1px #fff; margin-bottom:10px;}
h4{font-size:1.6em;}

/*******************************************************************************************************************
*  HEADER                                                                                                          
*******************************************************************************************************************/
header{height:84px; line-height:84px; background:#1a1a1a; position:relative; z-index:100;}
header a#logo{font-size:1.2em; font-weight:bold; display:block; position:absolute; top:0; left:20px; color:#fff; text-transform:uppercase; text-decoration:none;}
header a#logo:hover{text-decoration:none; color:#f7f7f7;}
header #nav{position:absolute; top:0; right:0;}
header #nav > strong{display:none;}
header #nav > ul > li{float:left; background:url("/files/00002/img/nav-sep.png") no-repeat 0 50%; position:relative;}
header #nav > ul > li.parent > a{background:url("/files/00002/img/nav-more.png") no-repeat 20px 50%; padding-left:40px;}
header #nav > ul > li > ul{display:none; min-width:100%; position:absolute; top:62px; left:20px; line-height:normal; white-space:nowrap;}
header #nav > ul > li > ul > li{margin-bottom:1px;}
header #nav > ul > li > ul > li > a{color:#c3c3c3; text-decoration:none; padding:10px 20px; display:block; background:url("/files/00002/img/subnav-bg.png");}
header #nav > ul > li > ul > li > a:hover{background:#000; color:#fff; text-decoration:none;}
header #nav > ul > li:first-child{background:none;}
header #nav > ul > li > a{float:left; color:#a2a2a2; display:block; height:84px; text-transform:uppercase; text-decoration:none; font-weight:bold; padding:0 20px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header #nav > ul > li.active > a{cursor:pointer; text-decoration:none;}
header #nav > ul > li > a:hover{color:#fff; text-decoration:none;}

#intro{border-bottom:1px solid #fff; position:relative; z-index:90;}
#intro .inner{padding:55px 0;}
#intro p{color:#fff; margin-bottom:20px; /*padding-right:20%;*/ font-size: 14px; }
#intro .button{text-shadow:-1px -1px 0 #ff6d00; text-transform:none; border:0; font-size:13px; background-color:#ff9a01; border-radius:5px; color:#fff; display:inline-block; padding:15px 40px; text-decoration:none; box-shadow:0 2px 2px #2596b7;  border-top:1px solid #ffe702; background:-moz-linear-gradient(top, #ffc101 0%, #ff9a01); background:-webkit-gradient(linear, left top, left bottom, from(#ffc101), to(#ff9a01));}
#intro .button:hover{background:-moz-linear-gradient(top, #ff9a01 0%, #ffc101); background:-webkit-gradient(linear, left top, left bottom, from(#ff9a01), to(#ffc101));}
#intro .button span{color:#b1b1b1; font-weight:100;}

#intro {background:#229dc9 url("/files/00002/img/intro-repeat.png") repeat-x; border-top:1px solid #3fd9ea;}
#intro .inner {background:url("/files/00002/img/intro-middle.png") no-repeat 50% 0;}
#intro .button {box-shadow:0 2px 2px #2596b7;}
#intro .wrap {text-align: center;word-break: break-word;}
#intro .emblem {margin: 0 auto 20px; width: 120px;}
#intro .emblem img {max-width: 100%; width: auto; height: auto;}

@media screen and (min-width: 900px) {
	#intro .wrap {display: flex; align-items: center; text-align: left;}
	#intro .emblem {margin-left: 0; margin-right: 40px; width: 160px; flex-shrink: 0;}
}



/*******************************************************************************************************************
*  MAIN PAGE                                                                                                         
*******************************************************************************************************************/
#main_services {/*font-size: 0;*/}
#main_services .item {margin: 15px auto;/* display: flex; *//* align-items: center; */}
#main_services .item .body {padding: 35px 15px 35px;box-sizing: border-box;background-repeat: no-repeat;background-position: 15px 35px;border-radius: 5px;text-align: left;background-color: #f5f5f5;margin: 0 auto;max-width: 600px;font-size: 0.875rem;height: 100%;display: flex;align-items: center;}
#main_services .item .body:hover {background-color: #fff; box-shadow: 0 1px 20px -5px #222; }
#main_services .item .body img {display: block;/* margin-bottom: 5px; */max-width: 100%;margin: auto;}
#main_services .item .body a:hover,
#main_services .item .body a {color: inherit; text-decoration: none; }

#main_services .item .emblem {flex-shrink: 0;margin-right: 20px;display: flex;align-items: center;width: 48px;}
#main_services .item h3 {margin: 0 auto 0;}
@media screen and (min-width: 900px) {
	#main_services .clearFix {display: flex;flex-wrap:  wrap;}
	#main_services .item {padding: 0 5px;width: 50%;vertical-align: top;float: left;}
}	
		
/*******************************************************************************************************************
*  CONTENT                                                                                                         
*******************************************************************************************************************/
#content{padding:40px 0 50px;text-shadow: 1px 1px 1px #fff;font-size: 16px;color: #555;flex-grow: 1;}
.cols{margin-bottom:30px;}
.cols li{max-width:32%; float:left; background:url("/files/00002/img/cite.png") no-repeat;}
.cols li p{padding-left:45px;}
.cols li.middle{margin:0 2%;}
form{margin:45px 0 0; background:#eee; border:1px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
form fieldset{padding:10px 40px 20px; color:#737373;}
form .text{border:1px solid #d6d6d6; background:#fff; width:350px; padding:8px; font-size:12px; margin:0 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
form .text:hover{border-color:#aeaeae;}

#content ul,
#content ol {padding-left: 3em; margin-bottom: 2em; line-height: 1.5em;}
#content ul {list-style-type: square; }
#content ol {list-style-type: decimal; }

#content hr {display: block; margin: 2em auto 2em; border: 0; height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}


#content table {/* border-collapse: collapse; */ border-spacing: 1px; border: solid 2px #aaa; }
	#content table tr:nth-child(odd) td {background-color: #f8f8f8; }
	
	#content .table-heading tr:nth-child(1) td {font-weight: bold; background-color: #d4e4e8; padding: 8px 4px; }
	#content .table-sum tr:last-child td {background-color: #d4e4e8; padding: 8px 4px;}
	
	#content table td {border: solid 1px #ccc; padding: 4px 4px; }
	
	



#portfolio {overflow: hidden; clear: both; }
	#portfolio .item {background-color: #ccc; overflow: hidden; clear: both; padding: 15px 0; }
	#portfolio .item .preview {float: left; width: 50%; padding: 30px; }
	#portfolio .item .content {float: right; width: 50%; padding: 30px; }
	
	@media (max-width: 768px) {
		#portfolio .item .preview {width: 100%; }
		#portfolio .item .content {width: 100%; }
	
	}
	
	#portfolio .item h2 {font-size: 24px; font-weight: 700; }
	#portfolio .item p {margin-bottom: 30px; }
	#portfolio .item img {max-width: 100%; transition: transform 8s ease-in-out; }
		#portfolio .item img:hover {transform: scale(1.1); }


	#portfolio .item:nth-child(even) {background-color: #f9f9f9; }
	#portfolio .item:nth-child(even) .preview {float: right; width: }
	#portfolio .item:nth-child(even) .content {float: left; text-align: right; }






#intro .breadcrumbs {position: absolute; bottom: 5px; text-align: left; color: #fff; line-height: 24px; height: 24px; width: 100%; font-size: 13px; opacity: 0.5; transition: opacity 1s ease; }
#intro .breadcrumbs:hover {opacity: 1; }

	#intro .breadcrumbs a {color: inherit; text-decoration: none; }
	#intro .breadcrumbs a:hover {text-decoration: underline; }






/*******************************************************************************************************************
*  TWITTER                                                                                                          
*******************************************************************************************************************/
#twitter{background:#fff; border-top:1px solid #e5e5e5;}
#twitter .wrap{padding-top:20px; padding-bottom:5px; position:relative;}
#twitter p{padding-left:80px;}
#twitter .icon{display:block; position:absolute; top:-20px; left:20px; width:56px; height:61px; background:url("/files/00002/img/twitter.png") no-repeat;}

/*******************************************************************************************************************
*  FOOTER                                                                                                          
*******************************************************************************************************************/
footer{padding:30px 0;background:#1a1a1a;font-size:14px;color:#777;/* position: absolute; */left: 0;right: 0;bottom: 0;}
footer p{line-height:1.9em;}
footer a, footer a:link, footer a:focus{color:#999; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
footer a:hover{color:#fff;}
footer .socialIcons{padding-top:7px;}
footer .socialIcons a{display:inline-block; width:29px; height:29px; margin:0 10px 0 0; text-indent:-9999px;}
footer .socialIcons a:last-child{margin-right:0;}
footer .socialIcons a.rss{background:url("/files/00002/img/small-rss.png") no-repeat;}
footer .socialIcons a.facebook{background:url("/files/00002/img/small-facebook.png") no-repeat;}
footer .socialIcons a.twitter{background:url("/files/00002/img/small-twitter.png") no-repeat;}

/*******************************************************************************************************************
*  OTHER STYLES                                                                                                    
*******************************************************************************************************************/
.wrap{margin:0 auto; position:relative; max-width:1340px; padding:0 20px;}
.col{width:48%; position:relative; margin-bottom:20px;}
.col h3, .col p{padding-left:60px;}
.col .icon{position:absolute; top:0; left:0; padding:0;}
.buttonCentered{text-align:center; margin-bottom:30px;}
.button, .button:link, .button:focus{cursor:pointer; position:relative; margin-top:10px; display:inline-block; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; color:#787b7c; padding:8px 20px; background:-moz-linear-gradient(top, #fff 0%, #f1f1f1); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1)); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #cacaca; text-shadow:0 0 0;}
.button:hover{text-decoration:none; background:-moz-linear-gradient(top, #424242 0%, #000); background:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#000)); color:#fff; border-color:#000;}
.button.iconLeft{padding-left:45px;}
.button.iconRight{padding-right:45px;}
.button i{display:inline-block; position:absolute; top:50%; margin-top:-9px; width:16px; height:16px; background-repeat:no-repeat; background-position:50% 50%;}
.button.iconLeft i{left:20px;}
.button.iconRight i{right:20px;}
.button i.more{background-image:url("/files/00002/img/more.png");}
.button i.email{background-image:url("/files/00002/img/mail.png"); margin-top:-8px;}

/*******************************************************************************************************************
*  Responsive design                                                                                                    
*******************************************************************************************************************/
@media (max-width: 975px) {
	.wrap{max-width:auto;margin:0;}
	.cols li{max-width:30%;}
	.cols li.middle{margin:0 5%;}
	form fieldset{padding:15px;}
	form label{display:block; margin-bottom:10px;}
	form .text{margin:0; width:100%; padding-left:0; padding-right:0; text-indent:8px;}
	form .button{float:right;}
}

@media (max-width: 750px) { 
	header nav li a{font-size:11px; padding:0 10px;}
	.col, .cols li{width:100%; max-width:100%; float:none; margin:0 0 30px !important;}
	.cols li{max-width:100%;}
	.cols li.middle{margin:0;}
}

@media (max-width: 580px) { 
	body {padding-top: 50px;}
	header{height:50px;line-height:50px;display: block;position: fixed;top: 0;left: 0;right: 0;}
	#intro .inner{padding:30px 0;}
	#intro p{padding-right:0 !important;}
	h1{font-size: 2.2em;}
	header a#logo{left:20px;}
	header #nav{right:20px;}
	header #nav > strong{display:block; float:right; cursor:pointer;}
	header #nav > strong:hover{color:#fff;}
	header #nav > ul{display:none;position: fixed;left: 0;top: 50px;right:0;max-height: calc(100vh - 80px);line-height:normal;white-space:nowrap;background: #000;overflow-y: auto;}
	header #nav > ul > li, header #nav > ul > li > ul > li{float:none; margin-bottom:1px; position:relative; background:none !important;}
	header #nav > ul > li > ul{margin-top:1px;position:relative !important;display:block !important;top:0 !important;width: auto !important;left: 0;white-space: normal;padding-left: 20px;}
	header #nav > ul > li > a, header #nav > ul > li.parent > a{color:#c3c3c3;text-decoration:none;padding:10px 20px !important;height:auto;float:none !important;width:100%;display:block;background:url("/files/00002/img/subnav-bg.png");-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;-o-transition:all 0s ease-in-out;-ms-transition:all 0s ease-in-out;transition:all 0s ease-in-out;white-space: normal;max-width: 100%;}
	header #nav > ul > li > a:hover{background:#000; color:#fff; text-decoration:none;}
	header #nav > ul > li > ul > li > a{background:url("/files/00002/img/subnav-bg.png");}
	footer p.floatLeft, footer p.floatRight{display:block; width:100%; float:none; margin-bottom:20px;}
	footer p:last-child{margin-bottom:0;}
	.buttonCentered{position:relative; top:-15px;}
}

/* iPhone4 */
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
	html{width:100%;}
}

/* reset*/

*{margin:0; padding:0; box-sizing: border-box; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object{border:0;}
ul, ol{list-style-type:none;}
hr{display:none;}
small{font-size:0.9em;}
.clear{clear:both; display:block; height:0; line-height:0; font-size:0; width:100%;}


.noScreen{display:none !important;}
.hidden{display:none;}
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
.bold{font-weight:bold !important;}
.small{font-size:0.9em !important;}
.large{font-size:1.1em !important;}
.italic{font-style:italic !important;}
.block{display:block !important;}
.inlineBlock{display:inline-block !important;}
.inline{display:inline !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.alignJustify{text-align:justify !important;}
.verticalTop{vertical-align:top !important;}
.verticalBtm{vertical-align:bottom !important;}
.relative{position:relative !important;}
.absolute{position:absolute !important;}
.left{left:0 !important;}
.bottom{bottom:0 !important;}
.noBorder{border:0 !important;}
img.floatLeft{margin-right:15px !important; margin-bottom:10px;}
img.floatRight{margin-left:15px !important; margin-bottom:10px;}



.gallery {overflow: hidden;clear: both;}
.gallery > .item {display: inline-block; margin: 5px; position: relative; overflow: hidden; vertical-align: middle; }
.gallery > .item img {transition: transform 1s 0.5s ease; }
.gallery > .item:hover img {transform: scale(1.05); }
.gallery > .item > span {opacity: 0;position: absolute;bottom: 0;left: 0;right: 0;height: 22px;line-height: 22px;background: rgb(26 26 26);color: #fff;font-size: 14px;overflow: hidden;text-align: center;transition: opacity 0.3s ease-in;text-shadow: none;}
.gallery > .item:hover > span {opacity: 1; }



.lng_select {float: right; }
.lng_select a {text-decoration: none; opacity: 0.5; margin: 0 2px; }
.lng_select a:hover {opacity: 1; }
.lng_select img {height: 18px; width: auto; }


/* GoogleTranslate hack */
body {top: 0 !important;display: flex;flex-flow: column;}
#google_translate_element,
.skiptranslate,
.goog-te-banner-frame {display: none !important;}