/* 
	Artcore Template
	http://www.templatemo.com/preview/templatemo_423_artcore
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, h8, h9, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, #footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline; font-family: "Times New Roman", serif;}
#container{}
#counter{text-indent:10px;}
div.indent3 { margin-left:10px; text-indent:-10px;line-height: 1.55;}
div.indent3 P { margin-TOP:5px; margin-bottom:5px;}
div.indent5 { margin-left:16px; text-indent:-16px;line-height: 1.55;}
div.indent5 P { margin-TOP:5px; margin-bottom:5px;}
div.indent8 { margin-left:26px; text-indent:-26px;line-height: 1.55;}
div.indent8 P { margin-TOP:5px; margin-bottom:5px;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
body {
    font-family: "Times New Roman", serif;
    font-size: 1.05em;
    line-height: 1.7;
    color: #2c2c2c;
    background-color: #efefef;
    text-rendering: optimizeLegibility;
}
a {color: #CC6633; text-decoration: none; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;}
a:hover {color: #666666;text-decoration: none;}
a:focus { outline: none;}

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
    font-family: "Times New Roman", serif;
    color: #9F9F9F;
}
ol,ul {list-style: none;}
img {border: 0; -ms-interpolation-mode: bicubic;}

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

.main-btn { color: white; border: 1px solid white; padding: 12px 20px; text-transform: uppercase; font-weight: 700; display: inline-block;}
.text-right { text-align: right;}
.text-left { text-align: left;}
.text-center { text-align: center;}

.date {font-size:25px;}

article,aside,details,figcaption,figure,#footer,header,hgroup,nav,section,img {display: inherit;}
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1;}

audio:not([controls]) { display: none;}

sub,sup {line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -.25em;}
sub {bottom: -.25em;}

.top-header .logo span, .section-header span, .team-member span, .project-infos span.project-subtitle, .post-masonry .blog-body span, .blog-info span.blog-meta, .comment-body span {font-size: .84em; color: #aaaaaa;}

hr { display: block; height: 1px;  border: 0;  border-top: 1px solid #e2e2e2;  margin: 40px 0;}

.site-header { position: relative; z-index: 8;}

/*--------------------color--------------------*/
.blue {color: #39F;	font-weight: normal;}
.maincolor {color: #C63;font-weight: normal;}
.intro {color: #000;}
.s-bullet {font-size:12px;}
.color1 {color: #ED9D00;}
.color2 {	color: #53B7BE;}
.color3 {	color: #000000;}
.color4 {	color: #429F61;}
.color5 {	color: #BF394F;}
.colorblack {color:#000;}
.colorblack a{color:#000;}
.colorblack a:hover{color:#CC6633;}
	
/*--------------------fontsize--------------------*/
#fontsize {/*	width: 150px;*/}
#fontsize a {height: 8px; width: 4px; color: #333; top:3px; position: relative; margin-right:0px;right:3px;}
#fontsize a.font_small{	font-size: 16px!important;}
#fontsize a.font_medium{font-size: 18px!important;}
#fontsize a.font_large{	font-size: 20px!important;}
#fontsize a.selected {height: 8px;width:4px;color: #F00;}
#FontSize {}
#FontSize>a {margin:0 3px;color:#000;}
#FontSize>a:hover, #FontSize>a.selected {text-decoration:underline;}
#content{}

/*--------------------blockquote--------------------*/
blockquote,q { quotes: none;}
blockquote:before,blockquote:after { content: ''; content: none;}
blockquote { margin: 36px; background-image: url(../images/quote.png); background-repeat: no-repeat; background-position: top left; padding-left: 40px; font-size: 1.2em; color: #aaaaaa; font-family: "Times New Roman", serif;}

/*--------------------pic float--------------------*/

.pic-right {float:right;display:inline-block;*display: block;zoom:1;clear:both; padding-left: 20px;}
.pic-left {float: left; padding-right: 20px; padding-left: 0px; *display: inline;zoom: 1;clear: both;}
.pic-left-icon {float: left; margin-right: 10px;display: block;zoom: 1;clear: right;}
.pic-left-icon1 { margin-right: 10px;display: block;zoom: 1;clear: right;}
.pic-left-icon2 { margin-right: 10px;display: block;zoom: 1;clear: right;}
.pic {text-align: center;}
.pic-L {text-align: left;}
.pic>div {display: inline-block;*display:inline;	zoom:1;padding:0px;}
.pic a {display:inline-block;}
.pic a img {}
.pic-icon {display:inline-block;zoom:1;clear:both;}
.pic span {display:none;font-size:0.82em;line-height:1.3em;margin:6px 3px 0;text-align:justify;color: #F66;}


/*--------------------footer--------------------*/
#footer{background-color: #FFFFFF;	bottom: 0;
	/* [disabled]box-shadow: 0 0px 3px #777777; */
	height: 30px; left: 0; position: fixed;
	width: 100%;z-index: 100000;font-size: 11px; padding-left: 20px;	padding-top: 5px;}
	#footer a { color: #999}
#footer:visited{
color: #888888;	font-size: 10px;left: 0%;margin: 10px 0 0 20px;position: fixed;text-decoration: line-through;top: 0;}

/*--------------------back-to-top--------------------*/
.back-to-top {text-indent: 5px;text-align: right;position: fixed;bottom: 4em;right: 0px;text-decoration: none;
	color: #FFFFFF;font-size: 15px;	padding: 1em;	display: none;	background-color: #CC6633;}
.back-to-top:hover {background-color: #CC6633;}



a.btn-left,.top-header .social-top ul li a, .main-header .menu-wrapper a.toggle-menu {
border: 1px solid #d5d5d5;width: 36px;height: 36px;	line-height: 36px;	text-align: center;	display: inline-block;	color: #2c2c2c;}
a.btn-left:hover, .top-header .social-top ul li a:hover, .main-header .menu-wrapper a.toggle-menu:hover { color: #2c2c2c;  border-color: #2c2c2c;}

.top-header .social-top .lang a {border: 1px solid #d5d5d5;width: 36px;height: 36px;	line-height: 36px;	text-align: center;	display: inline-block;	color: #2c2c2c;}

.top-header .social-top .lang a:hover {color: #2c2c2c;  border-color: #2c2c2c;}
  
.site-header { position: relative; z-index: 8;}

input.mainBtn { text-transform: uppercase; background: white; color: #2c2c2c; font-weight: 700; padding: 14px 17px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
input.mainBtn:hover { color: #13A74D; border-color: #13A74D;}






/*--------------------top header--------------------*/
.top-header { width: 100%;  overflow: hidden;  background-color: white;  alignment-adjust:central;}
.top-header a { color: #2c2c2c;}
.top-header .logo {	padding-top: 30px;padding-right: 50px;padding-bottom:30px;padding-left: 50px; text-align: center;}
.top-header .logo h1 {display: inline-block;font-size: 2em; text-transform: uppercase;  font-weight: 700;}
.top-header .logo h1 em { font-style: normal; color: #13A74D;}
.top-header .logo span { margin-left: 10px;}
.top-header .social-top {overflow: hidden; text-align: right;padding-top: 20px;	padding-right: 30px;	padding-bottom: 5px;	padding-left: 0px; line-height:1.7;}
.top-header .social-top ul li { display: inline;}

/*--------------------main header--------------------*/
.main-header {
    width: 100%;
    min-height: 20px;
    background-color: #9FA0A0;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
}
.main-header .main-header-left a { font-size: 20px;}
.main-header .menu-wrapper {position: relative;	z-index: 99;text-align: center;	margin-top: 0px;}
.main-header .menu-wrapper a.toggle-menu {display: none; background-color: #2c2c2c;color: white;	border-color: #2c2c2c; position: absolute;	right: 20px; overflow: hidden; left: 20px;}
.main-header .menu-wrapper a.toggle-menu:hover { color: white;}
.main-header .menu-wrapper ul li {	display: inline; margin-left: 18px;	position: relative;}
.main-header .menu-wrapper ul li:after {content: '|';color: #D6CBCC;margin-left: 20px;}
.main-header .menu-wrapper ul li:last-child:after {content: '';  display: none;}
.main-header .menu-wrapper ul li a {text-transform:none; font-weight: 500;	padding: 30px 0;color: #FFFFFF;}
.main-header .menu-wrapper ul li a:hover {color: #F7E6D7;}
.main-header .menu-wrapper ul li.active a {color: #CC6633;}


.main-header .menu-wrapper ul li ul { position: absolute; width: 250px; z-index: 9999; top: 35px;  left: 50%;  margin-left:-130px;  background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 15px 0 rgba(0, 0, 0, 0.19);}
.main-header .menu-wrapper ul li ul:before { content: ' ';  width: 0;  height: 0;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  border-bottom: 10px solid white;  position: absolute;  top: -5px;  margin-left: -10px;  left: 50%;}
.main-header .menu-wrapper ul li ul li { position: relative;  display: block;  text-align: left;  margin: 0;  border-bottom: 1px solid #efefef;}
.main-header .menu-wrapper ul li ul li:last-child {  border-bottom: 0;}
.main-header .menu-wrapper ul li ul li a { display: block;  padding: 10px;  color: #777777 !important;}
.main-header .menu-wrapper ul li ul li a:hover {color: #D06633 !important;}
.main-header .menu-wrapper ul li ul li:after {  display: none;}


.main-header .menu-wrapper ul li ul li ul { left: 100% !important; margin-left: 0px; top: 0;}
.main-header .menu-wrapper ul li ul li ul:before { display: none;}
.main-header .menu-wrapper {margin-top: 10 !important;}



/*--------------------responsive-menu--------------------*/
#responsive-menu {display: none; width: 100%; padding: 30px; overflow: hidden; background-color: #2c2c2c;}
#responsive-menu li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #FFF;}
#responsive-menu li:last-child { border-bottom: 0;  padding-bottom: 0;  margin-bottom: 0;}
#responsive-menu li a { font-size: 18px;  color: white;}
#responsive-menu li ul { margin-top: 12px; padding-top: 12px;  margin-left: 30px;  border-top: 1px solid #404040;}
#responsive-menu li ul li {  padding-bottom: 12px;  margin-bottom: 12px;  border-bottom: 1px solid #404040;}
#responsive-menu li ul li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}


div.panel p {margin-top: 10px; margin-bottom:10px;color:#FFF;text-indent:-10px; line-height:2;}
div.panel a {color:#fff;}
div.panel a:hover {color: #C63;text-decoration: none;}
div.accordion {background-color: #2c2c2c;padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #404040; cursor: pointer; width: 100%; text-align: left; font-size: 18px; color: white; transition: 0.4s;}

div.panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    width: 100%;}
	
.panel {
  max-height: 0px;
  transition: max-height 1s ease;
}

.active + .panel {
  max-height: 1000px;
  transition: max-height 1s ease;
}
    
 
div.single {background-color: #2c2c2c;padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #404040; width: 100%; text-align: left; font-size: 18px; color: white; transition: 0.4s;}
div.single a {color:#fff;}
div.single a:hover {color: #C63;text-decoration: none;}

div.accordion.active, button.accordion:hover {color:#FFF;}
div.accordion:after {color: #fff; font-weight: bold; float: right; margin-left: 5px;}

div.accordion2.active:after {color:#FFF}
div.panel { padding: 0 0 0 33px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;  margin-top: 10px; margin-bottom:10px;}

div.accordion2.active, button.accordion:hover {color:#FFF;}
div.accordion2:after {;color: #fff; font-weight: bold; float: right; margin-left: 5px;}

div.accordion2.active:after { color:#FFF}



/*--------------------search--------------------*/
#search-icon { font-size: 1em; float: left;  margin-right: 3px;}
#search-overlay { display: none; position: fixed; top: 0px; left: 0px;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.95);  color: #aaaaaa;  z-index: 1000;}
#search-overlay .close-search { color: white; font-size: 24px; float: right; margin: 30px; -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease; transition: all 250ms ease;}
#search-overlay .search-form-holder { position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -300px; width: 600px;
  height: 140px; text-align: center; overflow: hidden;}
#search-overlay .search-form-holder h2 { color: white; font-family: "Times New Roman", serif; font-size: 2.7em; font-weight: 300;
  margin-bottom: 30px;}
#search-overlay .search-form-holder input { border: 0; outline: 0; height: 50px; width: 100%;  text-align: center; font-size: 22px; color: white; background: none;}
#search-overlay .search-form-holder input:focus {
  -webkit-box-shadow: none !important;  -moz-box-shadow: none !important;  -ms-box-shadow: none !important;
 -o-box-shadow: none !important;  box-shadow: none !important;  outline: none !important;}
	
/*--------------------swiper-container--------------------*/
.swiper-container {overflow: hidden;width: 100%;height: 100%;position: absolute;top: 0;	z-index: 2;}
.swiper-wrapper { width: 100%;height: 100%;}
.swiper-slide { background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; 
position: relative; z-index: 8;}
.overlay-s { position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 9;}

/*--------------------slider--------------------*/
.slider-caption .inner-content {width: 60%;	margin-top: 0;	margin-right: auto;	margin-bottom: 0;margin-left: auto;}
.slider-caption a {}
.slider-caption a.main-btn:hover { background-color: rgba(255, 255, 255, 0.1);}
.slider-caption {top: 30%;}
.slider-caption .inner-content {width: 90%;}
.slider-caption h2 {font-size: 1.5em;line-height: 1.5em;}
.slider-caption p {font-size: 1em; line-height: 1.6em;}

/*--------------------pageloader--------------------*/
#pageloader { width: 100%; height: 100%;  position: fixed;  top: 0;  background-color: white;  z-index: 9999;}

.colored-border {border-color: #CC6633 !important;}

.loader-item { position: absolute; width: 44px; height: 44px; margin: -22px 0 0 -22px; top: 50%; left: 50%;
  text-align: center; background: white; border-left: 4px solid; border-right: 4px solid; border-top: 4px solid;
  border-bottom: 3px solid transparent !important;  border-radius: 22px;}
  
/*--------------------container-fluid--------------------*/
.container-fluid { padding: 0 !important;}
.content-wrapper { border-top: 1px solid white; background: #efefef; padding-bottom: 80px;}

/*--------------------section-header--------------------*/
.section {border-left-width: 1px;border-left-style: solid;border-left-color: #cdcdcd; padding-left:50px; padding-bottom:20px; padding-top:10px;}
.section-header {margin-top: 60px;margin-bottom: 30px;}
.section-header h2 { font-size: 24px; display: inline; text-transform: uppercase; font-weight: normal;}
.section-header span { margin-left: 10px;}

.section-right {padding-right:50px;}

/*--------------------box-content--------------------*/
.box-content { background: white; padding: 45px; overflow: hidden; text-indent:0px; }
.box-content-in { background: url("../images/introduction.jpg",); padding: 45px; overflow: hidden; text-indent:0px; }
/*--------------------intro-header--------------------*/
.intro-header {margin-bottom: 30px; margin-top:0px;}
.intro-header h1 {margin-bottom: 30px;font-size: 32px;font-weight: normal;}
.intro-header p {margin-top: 20px; padding: 0px;}

/*--------------------overlay-b--------------------*/
.overlay-b { opacity: 0;  visibility: hidden;
  overflow: hidden;  position: absolute;  width: 100%;  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;  bottom: 0;  left: 0;
}
.overlay-b .overlay-inner {  position: relative;  width: 100%;  height: 100%;}
.overlay-b .overlay-inner a {  position: absolute;  top: 50%;  left: 50%;  margin-left: -18px;  margin-top: -18px;
  border: 1px solid #d5d5d5;  width: 36px;  height: 36px;  display: block;  text-align: center;  line-height: 36px; color: #FFF;}
.overlay-b .overlay-inner a:hover {  color: #FFF;  border-color: #13A74D;}

h1.grid-heading {font-size:32px;  font-weight: normal;  text-transform: uppercase;  margin-bottom: 15px;}

/*--------------------service-item--------------------*/
.service-item { overflow: hidden; margin-bottom: 30px;}
.service-item.service-right .service-icon { float: left; text-align: left; margin-right: 30px;}
.service-item.service-right .service-content { text-align: left;}
.service-item.service-left .service-icon { float: right; text-align: right; margin-left: 30px;}
.service-item.service-left .service-content { text-align: right;}
.service-item .service-content { overflow: hidden;}
.service-item .service-content h4 { font-size: 18px; margin-bottom: 10px; font-weight: normal;}
.service-item .service-icon { 
margin-top: 15px; width: 80px; height: 80px; 
display: block; border-radius: 40px; border: 2px solid #d5d5d5; 
text-align: center; line-height: 80px; color: #2c2c2c; display: block; 
font-size: 1.89em;
	 -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}
  
.service-item .service-icon i {
  width: 80px;  height: 80px;  border: 2px solid #d5d5d5;
  border-radius: 40px;  text-align: center;  line-height: 80px;
  color: #2c2c2c;  display: block;  font-size: 1.89em;}
.service-item:hover .service-icon {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.service-item:hover .service-icon i {  color: #13A74D;  border-color: #13A74D;}


/*--------------------team-member--------------------*/

.team-member { margin-bottom: 40px; overflow: hidden;}
.team-member img { width: 100%; display: block;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  transition: opacity 200ms ease;}
.team-member h4.member-name { display: inline-block;  font-size: 18px;  font-weight: normal;  margin-bottom: 10px;}
.team-member span { margin-left: 10px;}
.team-member p { margin-bottom: 20px;}
.team-member ul.social-network li { display: inline; margin-right: 15px;}
.team-member ul.social-network li a { color: #2c2c2c;}
.team-member ul.social-network li a:hover { color: #13A74D;}
.our-staff { margin-top: 40px; padding-top: 60px; border-top: 1px solid white;}

.staff-member {margin-bottom: 30px;	width: 80%;	position: relative;	alignment-adjust:central;overflow: hidden;display: inline-block;}
.staff-member img {width: 80%;}
.staff-member .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  visibility: 0;
  padding: 25px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.staff-member .overlay .overlay-inner { position: relative; width: 100%; height: 100%;}
.staff-member .overlay .overlay-inner .social-network { position: absolute; top: 0; right: 0;}
.staff-member .overlay .overlay-inner .social-network li { display: inline; margin-left: 15px;}
.staff-member .overlay .overlay-inner .social-network li a { color: white;}
.staff-member .overlay .overlay-inner span { color: white; font-size: 1.3em; font-family: "Times New Roman", serif; position: absolute; bottom: 0; left: 0;}
.staff-member:hover .overlay { opacity: 1; visibility: visible;}

/*--------------------projects-holder--------------------*/
.projects-holder-3 .filter-categories { margin-bottom: 60px;}
.projects-holder-3 .filter-categories ul li { display: inline-block; margin-right: 10px;}
.project-item { overflow: hidden; margin-bottom: 40px;}
.project-item .project-detail h2 { font-size: 18px; font-weight: normal;  margin: 0 0 10px 0;  display: block;}
.project-item .project-detail h2 a { color: #2c2c2c;}
.project-item .project-detail h2 a:hover { color: #13A74D;}
.project-item:hover .overlay-b { opacity: 1;  visibility: visible;}

.filter-categories { text-align: left;}
.filter-categories ul li { margin-bottom: 10px;}
.filter-categories ul li span { cursor: pointer; background: white; display: inline-block; border-bottom: 1px solid #d5d5d5;
  padding: 8px 16px;}
.filter-categories ul li.active span { background: #13A74D; color: white; border-bottom: 1px solid #e97e0a;}

.projects-holder .mix {  display: none;}
div.load-more { text-align: center; display: block;}
div.load-more a.load-more {  font-family: "Times New Roman", serif;  text-transform: uppercase;  font-weight: 600;
  color: #2c2c2c;  background: white;  display: block;  padding: 14px 20px;  border-bottom: 1px solid #d5d5d5;}
div.load-more a.load-more:active {  border-bottom: 0;}

.project-thumb {  overflow: hidden;  position: relative;  -webkit-backface-visibility: hidden;  /* Chrome, Safari, Opera */
  backface-visibility: hidden;}
.project-thumb img {  width: 100%;}

.project-slider {  display: none;  position: relative;  z-index: 0;}
.slidesjs-previous { position: absolute;  top: 50%;  left: 40px;  margin-top: -20px;
  z-index: 99;  width: 40px;  height: 40px;  background: #2c2c2c;  color: white;  text-align: center;  line-height: 40px;}
.slidesjs-previous:hover {  color: white;}

.slidesjs-next { position: absolute;  top: 50%;  right: 40px;  margin-top: -20px;  z-index: 99;  width: 40px;  height: 40px;
  background: #2c2c2c;  color: white;  text-align: center;  line-height: 40px;}
.slidesjs-next:hover { color: white;}

.project-infos h2.project-title { font-size: 2em;  font-weight: normal;}
.project-infos span.project-subtitle { margin-top: 10px;  display: inline-block;}
.project-infos p {  margin: 30px 0;}
.project-infos ul.project-meta { border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; display: inline-block;
  padding: 12px 0;}
.project-infos ul.project-meta li { display: inline-block; margin-right: 50px; font-family: "Times New Roman", serif;}
.project-infos ul.project-meta li:last-child { margin-right: 0;}
.project-infos ul.project-meta li i { margin-right: 10px;}


/*--------------------blog-info--------------------*/
.post-masonry { margin-bottom: 30px;}
.post-masonry .blog-thumb { position: relative; overflow: hidden;}
.post-masonry .blog-thumb img { width: 100%;}
.post-masonry .blog-thumb:hover .overlay-b { opacity: 1; visibility: visible;}
.post-masonry .blog-body h3.post-title { font-size: 18px;  font-weight: normal;}
.post-masonry .blog-body h3.post-title a { color: #2c2c2c;}
.post-masonry .blog-body h3.post-title a:hover { color: #13A74D;}
.post-masonry .blog-body span { display: inline-block;  margin: 10px 0;}

.blog-image { overflow: hidden; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border: 1px solid #ccc;}
.blog-image img { width: 100%; height:auto;}
.blog-image-top { overflow: hidden;}
.blog-image-top img { width: 100%; height:auto;}
.blog-info h1.blog-title {font-weight: normal;}
.blog-info span.blog-meta { margin: 20px 0; display: block;}
.blog-info h1.blog-title {font-size: 2.5em;}
.blog-tags { margin-top: 30px;}
.blog-tags span { font-family: "Times New Roman", serif;}
.blog-tags a { display: inline-block; margin: 0 5px;}
.blog-tags a:after { content: ',';  color: #aaaaaa;}

.pagination { margin-top: 40px;}
.pagination ul li {  display: inline-block;  margin: 0 2px;}
.pagination ul li a {  background: white;  border-bottom: 1px solid #d5d5d5;  padding: 10px 12px;  color: #2c2c2c;}
.pagination ul li a:active { border-bottom: none;}
.pagination ul li a.active { background-color: #13A74D;  color: white; border-bottom: 1px solid #e97e0a;}

h2.comment-heading { font-size: 20px; text-transform: uppercase; font-weight: normal; margin: 30px 0;}

.comment { margin-bottom: 30px;}
.comment.last { margin-bottom: 0;}
.comment.last .comment-body { padding: 0;  border: 0;}


/*--------------------contact-form--------------------*/
.author-avatar { float: left; width: 80px; height: 80px; display: inline-block; margin-right: 25px; overflow: hidden;}
.author-avatar img { width: 100%;}

.comment-body { overflow: hidden; border-bottom: 1px solid #e2e2e2; padding-bottom: 30px;}
.comment-body h4 { font-weight: normal; font-size: 18px; display: inline-block; margin-right: 10px; margin-bottom: 10px;}
.nested-comment { margin-left: 90px; margin-top: 30px;}
.comment-form p { margin-bottom: 10px;  display: block;}
.comment-form label { min-width: 150px;  display: inline-block;}
.comment-form input { width: 30%;}
.comment-form textarea { max-width: 70%; width: 70%;  min-height: 120px;}
.comment-form input.mainBtn { margin-left: 152px;}

/*--------------------archive-box--------------------*/
.archive-box { padding-bottom: 40px; border-bottom: 1px solid #d5d5d5;}
.archive-box.last { padding-bottom: 0; border-bottom: 0;}
.archive-box h2.archive-heading { font-size: 24px; text-transform: uppercase; font-weight: normal; margin: 30px 0;}

ul.archive-list li { margin: 10px 0 10px 30px;}
ul.archive-list li h3 {  font-size: 20px;  font-weight: 300;  font-family: "Times New Roman", serif;}
ul.archive-list li h3 a { color: #777777;}
ul.archive-list li h3 a:hover {  color: #13A74D;}

/*--------------------error-page--------------------*/
.error-page h1 { font-size: 120px; color: #aaaaaa;}
.error-page span { font-size: 2em;  color: #aaaaaa;  margin-bottom: 40px;  display: block;}
.error-page p { padding-bottom: 30px; font-size: 1.2em;}

/*--------------------contact-form--------------------*/
.contact-form { overflow: hidden; padding-bottom: 40px;}
.contact-form h3.contact-title { font-size: 18px; font-weight: normal; margin: 30px 0;}
.contact-form-inner p {  margin-bottom: 10px;  display: block;}
.contact-form-inner label { min-width: 150px;  display: inline-block;}
.contact-form-inner input { width: 40%;}
.contact-form-inner textarea { max-width: 64%; width: 64%;  min-height: 120px;}
.contact-form-inner input.mainBtn { margin-left: 152px;}

/*--------------------map-canvas--------------------*/
.map-canvas {height: 425px;}

/*-------------------cover-content-------------------*/
/*.cover-content h1{background-color: #CC6633;width: 100%;	margin-left: -15px;	text-indent: 0px; padding-left: 10px; color: #FFF;}*/
.cover-content {border-left-width: 1px; border-left-style: solid; border-left-color: #cdcdcd;}
.cover-content .title{background-color: #CC6633; width: 100%; margin-left: 0px;	text-indent: 0px; padding-left: 10px; padding-top:2px; padding-bottom:2px; color: #FFF;}
.cover-content .title2{background-color: #CC6633; width: 100%; margin-left: 0px;	text-indent: 0px; padding-left: 10px; padding-top:2px; padding-bottom:2px; color: #FFF;}
div .cover-content .title2 a {color:#fff;}
div .cover-content .title2 a:hover {color: #666;text-decoration: none;}
.box-content .cover-content { padding-left:50px;text-indent:-14px}
.box-content {padding-left:80px;}

div.gallery { border: 1px solid #ccc; text-indent:0px;}
div.gallery:hover { border: 1px solid #777;}
div.gallery img { width: 100%; height: auto;}
div.desc { padding: 5px; text-align: center; line-height:1.2;}
* { box-sizing: border-box;}
.clearfix:after { content: "";display: table; clear: both;}



/*-----------------------------max-width: 768px---------------------------------*/


@media screen and (max-width: 768px) {
blockquote {padding-left: 30px;font-size: 1em;}
  
/*--------------------top header--------------------*/
.top-header .logo {	padding-top: 20px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;	text-align: center;}
.top-header .logo img {	height:50%; width:50%}
.top-header .logo span {display: none;}
.top-header .social-top {padding: 15px 0px 5px 0px;text-align: center;line-height:1.7; font-size:80%;}

.top-header .social-top .lang a {border: 1px solid #d5d5d5;width: 24px;height: 24px; 	line-height: 24px;	text-align: center;	display: inline-block;	color: #2c2c2c;}
.top-header .social-top .lang a:hover {color: #2c2c2c;  border-color: #2c2c2c;}

/*--------------------main-header--------------------*/
.main-header { padding: 8px; min-height: 50px; }
.main-header .menu-wrapper { margin-top: 0 !important; }

/*--------------------footer--------------------*/
#footer{height: 30px; left: 0; position: fixed;	width: 100%; z-index: 100000;	font-size: 9px; padding-right: 0px; padding-top: 5px; line-height:1.2;}
#footer:visited{color: #888888;	font-size: 9px;	left: 0%; margin: 5px 0 0 10px;	position: fixed;text-decoration: line-through;top: 0;}

/*--------------------search-overlay--------------------*/
#search-overlay .search-form-holder {width: 100%; top: 40%; padding: 20px; left: 0; margin: 0; }
#search-overlay .search-form-holder h2 {  font-size: 1.2em;  margin-bottom: 30px;}

/*--------------------swiper-container--------------------*/
.swiper-container {top: 175px;}
.swiper-container a.main-btn { display: none;}

/*--------------------slider--------------------*/
.slider-caption {position: absolute;overflow: scroll;z-index: 10;width: 100%;height:100%;top: 40%;color: white;left: -1px;}
.slider-caption h2 {color: white;text-transform: uppercase;	font-weight: 300;font-size: 2.4em;	margin-bottom: 20px;}
.slider-caption p { margin-bottom: 30px; font-size: 1.4em; font-weight: 300;}

/*--------------------section-header--------------------*/
.section-header span { display: block; margin-left: 0;}

/*--------------------service-item--------------------*/
  .service-item .service-icon { width: 60px; height: 60px; border-radius: 30px; line-height: 60px; font-size: 1.4em;}
  .service-item:hover .service-icon { -webkit-transform: rotate(0); -moz-transform: rotate(0);  -ms-transform: rotate(0);
 -o-transform: rotate(0); transform: rotate(0);}
  .service-item.service-right .service-icon {float: none; margin: 0 auto 40px auto;}
  .service-item.service-right .service-content {text-align: center;}
  .service-item.service-left .service-icon {float: none; margin: 0 auto 40px auto;}
  .service-item.service-left .service-content { text-align: center;}

/*--------------------projects-holder--------------------*/
  .projects-holder-2 .filter-categories { margin-bottom: 60px;}
  .projects-holder-2 .filter-categories ul li { display: inline-block; margin-right: 10px;}
  
  .project-infos h2.project-title {font-size: 1.6em;}
  .project-infos ul.project-meta li {margin-bottom: 10px;}
  .project-infos ul.project-meta li:last-child {margin-bottom: 0;}
  
/*--------------------blog-info--------------------*/
  .blog-info h1.blog-title {font-size: 2.5em;}
  .comment .nested-comment { margin-left: 30px;}
  .comment .nested-comment .author-avatar {display: none;}
  .comment .author-avatar { width: 50px; height: 50px; }
  .comment-form label { display: block;}
  .comment-form input { width: 100%;}
  .comment-form textarea {width: 100%;max-width: 100%; }
  .comment-form input.mainBtn { margin-left: 0;}
  
/*--------------------error-page--------------------*/
  .error-page h1 {font-size: 60px;}
  .error-page span {font-size: 1.4em;}
  
/*--------------------contact-form--------------------*/
.contact-form-inner {margin-bottom: 40px;}
  .contact-form-inner input {width: 100%;}
  .contact-form-inner textarea {max-width: 100%; width: 100%; display: block;}
  .contact-form-inner label { width: 100%; display: block;}
  .contact-form-inner input.mainBtn { margin-left: 0;}
  
.section {border-top-width: 0px; border-left-width: 0px; border-top-style: none; border-left-style: none; 
border-top-color: #cdcdcd;  padding-top:0px; padding-left:5px; padding-right:5px; margin-top:10px;}
.box-content { background: white; padding: 25px; overflow: hidden; text-indent:0px; }
.box-content .cover-content {padding-top:0px; padding-left:15px}

.intro-header img {margin-right: 0px; margin-left: 0px; padding: 0px; width:100%}

.intro-header .pic-icon {width:auto}

.intro-header h3 img {margin-right: 0px; margin-left: 0px; padding: 0px; width:auto}

.main-header .menu-wrapper a.toggle-menu {
	width: 36px;	height: 36px;	line-height: 36px;	text-align: center;
	display: compact;	color: #ffffff;
}
.section-right {padding-bottom:30px; padding-right:5px; padding-left:5px;}

.cover-content {border-bottom-width: 0px; border-left-width: 0px; border-bottom-style: none; border-left-style: none; 
border-bottom-color: #cdcdcd;}

/*--------------------pic float--------------------*/
.pic-right {float:right;display: inline-block;*display: block;zoom:1;clear: both; width:100%;}
.pic-left {float: left; margin-right: 0px;display: inline-block;zoom: 1;clear: both; width:100%}
.pic-left-icon {float: left; margin-right: 10px;display: block;zoom: 1;clear: right; width:80px;}
.pic-left-icon1 {margin-right: 10px;display: block;zoom: 1;clear: right; width:80px;}
.pic-left-icon2 {margin-right: 10px;display: block;zoom: 1;clear: right; width:200px;}
.pic {text-align: center;}
.pic>div {display: inline;*display:inline;	zoom:1;padding:1px;}
.pic a {display:inline-block;padding-left:0px;}
.pic a img {}
.pic span {display:none;font-size:0.82em;line-height:1.3em;margin:0;text-align:justify;color: #F66;}



}


/*---------------------------------------within: 768px - 991px -------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 991px) {
	
  .top-header .logo {padding: 30px 0px 20px 20px;text-align-display: block; }
  .top-header .logo span {display: block; margin-left: 0 !important;}
  .top-header .social-top {overflow: hidden; text-align: right;
  padding-top: 20px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px;}
  
  .main-header {padding: 8px;min-height: 50px;}
  .main-header .menu-wrapper {margin-top: 0 !important;}
  
  #search-overlay .search-form-holder {width: 748px;top: 40%;left: 0;margin: 0;}
  #search-overlay .search-form-holder h2 {font-size: 1.8em; margin-bottom: 30px;}
  
  .slider-caption .inner-content {	width: 70%;}
  .slider-caption h2 {font-size: 1.7em;}
  .slider-caption p {font-size: 1.2em;}
  
.intro-header {margin-top:0px;  margin-bottom: 30px;}
.intro-header h1 { font-size: 35px; font-weight: normal; margin-bottom: 30px;}
.intro-header p {margin-bottom: 30px; margin-top: 20px; padding: 0px;}

/*--------------------contact-form--------------------*/
  .contact-form-inner {margin-bottom: 40px;}
  .contact-form-inner input {width: 60%;}
  .contact-form-inner textarea {width: 60%; max-width: 60%;}
  
  .section {border-top-width: 1px; border-left-width: 0px; border-top-style: solid; border-left-style: none; border-top-color: #cdcdcd;  padding-top:30px; padding-left:0px;}

.main-header .menu-wrapper a.toggle-menu {width: 36px;height: 36px;	line-height: 36px;	text-align: center;	display: inline-block;	color: #ffffff;}

.box-content .cover-content {padding-top:0px; padding-left:15px;}


.section {border-top-width: 1px; border-left-width: 0px; border-top-style: solid; border-left-style: none; 
border-top-color: #cdcdcd;  padding-top:30px; padding-left:5px; padding-right:5px; margin-top:50px;}

.section-right {padding-bottom:30px; padding-right:5px; padding-left:5px;}

.cover-content {border-bottom-width: 0px; border-left-width: 0px; border-bottom-style: none; border-left-style: none; 
border-bottom-color: #cdcdcd;}
}