/* CSS WRITEN BY KARDOS RUDOLF @ PSD-DESIGNER.NET */

/* BASIC STYLES */
* 		{ margin:0; padding:0; }
body 	{ background-color:#1d1d1d; }
.clr 	{ clear:both; } 
img 	{ border:none; }

/* LINK STYLE */
a:link 		{ color:#777; font-family: 'PT Sans', sans-serif; font-size:13px; }
a:visited 	{ color:#777; font-family: 'PT Sans', sans-serif; font-size:13px; }
a:hover 	{ text-decoration:none; }

/* WEB PART */ 
#fullpage 	 { overflow:hidden; width:100%; height:100%; overflow:auto; }
#content	 { position:absolute; z-index:1; height:auto; width:100%; background-color:#F5F5F5; min-height:100%; }
#top		 { width:100%; height:50px; background-color:#1e1e1e; }

/* SLIDE MENU */
#menu_post 					{ margin:auto; width:100%; height:auto; }
#menu 						{ position:absolute; z-index:2; width:200px; height:280px; margin:auto; top:-280px; background-image:url(img/menu_ribbon.png); background-repeat:no-repeat; }
#menu li:last-child 		{ border-bottom:none; }
#menu li:first-child 		{ border-top:none; }
#menu li 					{ text-transform:uppercase; text-decoration:none; font-size:16px; font-family: 'PT Sans Narrow', sans-serif; padding:15px 20px 15px 20px; list-style:none; color:#F1F1F1;
							  border-bottom:1px solid #000; border-top:1px solid #212121; text-align:center; width:159px; }
#menu li:hover	 			{ text-decoration:none; }

/* NAVIGATION IMG */
#button_nav_a { width:36px; height:22px; margin:14px 0px 0px 10px; border:none; background-image:url(img/nav.png); float:left; background-repeat:no-repeat; }
#button_nav_b { width:36px; height:22px; margin:14px 0px 0px 10px; border:none; background-image:url(img/nav.png); float:left; background-repeat:no-repeat; display:none; }
#button_nav_c { float:right; width:auto; height:30px; margin: -39px 20px 0px 0px; color:#F1F1F1; font-family: 'PT Sans Narrow', sans-serif; background-position:bottom; }

/* LOGO */
#logo { width:200px; height:50px; margin:auto; background-repeat:no-repeat; background-image:url(img/logo.png); }

/* POST - NEWS */
#post_content 			{ padding:10px; }
.post 					{ border:1px solid #dedede; background-color:#FFF; width:100%; min-height:200px; margin-top:20px; position:relative; }
.post p 				{ width:auto; height:auto; font-family: 'PT Sans', sans-serif; font-size:13px; line-height:18px; color:#333; margin:10px; position:relative; text-align: left; margin-bottom: 60px; }
.post img 				{ margin:10px 10px 0px 10px; float:left; border-bottom: 5px solid #A53539; }
.i_post 				{ width:100%; height:40px; background-color:#f9f9f9; border-top:1px solid #f2f2f2; position:absolute; bottom:0; }
.postedby 				{ float:left; font-family: 'PT Sans', sans-serif; font-size:12px; color:#F1F1F1; width:auto; height:auto; margin: 7px 0px 0px 10px; }
.postcomment 			{ float:right; font-family: 'PT Sans', sans-serif; font-size:12px; color:#F1F1F1; width:auto; height:auto; margin: 7px 10px 0px 0px; }
.postcomment a:link		{ text-decoration:none; color:#FFF; font-size:12px; text-transform:none; font-family: 'PT Sans', sans-serif; }
.postcomment a:hover	{ text-decoration:none; color:#FFF; font-size:12px; text-transform:none; font-family: 'PT Sans', sans-serif; }
.postcomment a:visited	{ text-decoration:none; color:#FFF; font-size:12px; text-transform:none; font-family: 'PT Sans', sans-serif; }
.i_post_class 			{ background-color:#A53539; padding:5px; }

/* HEADERS */
h1 { font-size: 26px; margin:auto; text-align:center; margin-top: 20px; text-transform:uppercase; }
h2 { font-size: 20px; margin:auto; text-align:center; margin-top: -10px; text-transform:uppercase; }
h3 { font-size: 28px; margin:auto; text-align:left; margin-top: 22px; text-transform:uppercase; }

/* SOCIAL ICONS */
#social 			{ color:#F1F1F1; text-transform:uppercase; text-decoration:none; font-size:20px; font-family: 'PT Sans Narrow', sans-serif; background-position:bottom;
		  			  background-repeat:no-repeat; float:right; width:auto; height:30px; margin: -39px 20px 0px 0px; }
#social_icons 		{ width:100%; height:40px; background-color:#2e2e2e; display:none; position:fixed; bottom:0; z-index:5; }
#s_icons_pos 		{ margin:auto; position:relative; text-align:center; }
#s_icons_pos a 		{ color:#2D2D2D; }
#s_icons_pos img	{ margin: 4px 2px 0px 2px; border:none; }

/* DECORATION IMAGE */
.decoration { background-image:url(img/decoration.png); background-repeat:no-repeat; background-position:center; width:100%; height:37px; margin: 10px 0px 10px 0px; }

/* TEXT - PARAGRAPH TO HOME PAGE */
.text_box { padding:10px; }
p 			{ width:100%; height:auto; font-family: 'PT Sans', sans-serif; font-size:13px; line-height:18px; color:#333; text-align:center; margin:auto; }

/* RESPONSIVE SLIDER */
.rslides 				{ position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li 			{ position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img			{ display: block; height: auto; float: left; width: 100%; border: 0; }

/* FOOTER */
#footer 		{ width:100%; height:auto; background:none; margin-top: 10px; margin-bottom: 10px; }
#footer_pos 	{ margin:auto; text-align:center; width:auto; height:auto; margin-bottom:10px; }
#desktop 		{ padding:7px; font-family: 'PT Sans Narrow', sans-serif; font-size:14px; color:#777; background-color:#FFF; border:1px solid #dedede; text-transform:uppercase; margin: 10px; float:right; }
#desktop a:link, a:visited	{ text-decoration:none; color:#777; font-family: 'PT Sans Narrow', sans-serif; font-size:14px; }
#fastmail		{ padding:7px; font-family: 'PT Sans Narrow', sans-serif; font-size:14px; color:#777; background-color:#FFF; border:1px solid #dedede; text-transform:uppercase; margin: 10px; float:left; }

/* CONTACT FORM STYLE */
#contact_pos 	{ margin:auto; margin: 0px 10px 0px 10px; width:auto;  }
label 			{ display:block; float:left; font-size:12px; width:auto; margin-bottom: 5px; color: #333333; font-family: 'Arimo', sans-serif; margin-top: 20px }
label.error 	{ display:block; float:none; font-size:12px; width:auto; color: #C30; margin-top: 5px; padding: 3px; font-family: 'Arimo', sans-serif; }
label.checked 	{ display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px; font-family: 'Arimo', sans-serif; }
em 				{ color: #F00; font-family: 'PT Sans', sans-serif; }
.success 		{ padding: 3px; color: #99cc00; font-family: 'PT Sans', sans-serif; }
.success p 		{ margin: 0px; font-family: 'PT Sans', sans-serif; font-size:12px; }
.cn 			{ width:100px; }

form#contactform input, form#contactform textarea 			  { background-color: #FFF; border:1px solid #DEDEDE; font-size:12px; color: #777777; font-family: 'PT Sans', sans-serif; height: 40px; text-align:center; width:100%; }
form#contactform textarea 									  { background-color: #FFF; border:1px solid #DEDEDE; font-size:12px; color: #777777; font-family: 'PT Sans', sans-serif; height: 100px; text-align:center;
																padding-top:10px; }
form#contactform input:focus, form#contactform textarea:focus { outline: none; font-family: 'PT Sans', sans-serif; }

#submitButton 		{ padding:7px; font-family: 'PT Sans Narrow', sans-serif; font-size:15px; color:#777; background-color:#FFF; border:1px solid #dedede; text-transform:uppercase; margin-top:10px; float:left; width:30%; }
#submitButton:hover { text-decoration:none; background-color:#A53539; color:#FFF; }

/* ABOUT ME IMGAGE */
#some_pos 	{ margin:auto; width:200px; }
#someone 	{ border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; margin-top:20px; }

/* OUR TEAM LIST */
#team 				{ width:100%; margin:0px 0px 10px 0px; }
td 					{ padding:10px 0px 10px 0px; font-family: 'PT Sans', sans-serif; font-size:13px; color:#333; border-bottom:1px solid #dedede; border-top:1px solid #FFF;
					  background-image: linear-gradient(bottom, rgb(240,240,240) 48%, rgb(252,252,252) 74%);
					  background-image: -o-linear-gradient(bottom, rgb(240,240,240) 48%, rgb(252,252,252) 74%);
				      background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 48%, rgb(252,252,252) 74%);
					  background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 48%, rgb(252,252,252) 74%);
					  background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 48%, rgb(252,252,252) 74%);
					  background-image: -webkit-gradient(
						linear,
						left bottom,
						left top,
						color-stop(0.48, rgb(240,240,240)),
						color-stop(0.74, rgb(252,252,252))
					); }

td img 				{ width:100px; height:150px; margin-left:10px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; }
tr:nth-child(even)	{ background: #F6F6F6; }
tr:nth-child(odd) 	{ background: #FFF; }
.td_img 			{ width: 120px; }
.name 				{ text-transform:uppercase; font-size:20px; }
.job				{ font-family: 'PT Sans', sans-serif; font-size:15px; color:#333; text-transform:uppercase; }
.iperson 			{ width:100%; height:auto; font-family: 'PT Sans', sans-serif; font-size:16px; line-height:18px; color:#666; text-align:left; margin-top:10px;  }

/* RATING STARS */
.star5 { background-image:url(img/star.png); background-repeat:repeat-x; width:100px; height:30px; margin: 5px 0px 0px 10px; }
.star4 { background-image:url(img/star.png); background-repeat:repeat-x; width:80px; height:30px; margin: 5px 0px 0px 10px; }
.star3 { background-image:url(img/star.png); background-repeat:repeat-x; width:60px; height:30px; margin: 5px 0px 0px 10px; }
.star2 { background-image:url(img/star.png); background-repeat:repeat-x; width:40px; height:30px; margin: 5px 0px 0px 10px; }
.star1 { background-image:url(img/star.png); background-repeat:repeat-x; width:20px; height:30px; margin: 5px 0px 0px 10px; }

/* SERVICES */
.service 		{ border:1px solid #dedede; background-color:#FFF; width:100%; margin-top:20px; position:relative; }
#serv_pos 		{ padding:10px; }
.serv_content 	{ width:100%; height:auto; clear:left; }

/* IMAGES */
#serv_web 		{ width:50px; height:50px; background-color:#A53539; float:left; background-image: url(img/icons/new_window.png); background-repeat:no-repeat; background-position:center; margin:10px; }
#serv_logo 		{ width:50px; height:50px; background-color:#A53539; float:left; background-image: url(img/icons/pen.png); background-repeat:no-repeat; background-position:center; margin:10px; }
#serv_photo 	{ width:50px; height:50px; background-color:#A53539; float:left; background-image: url(img/icons/image.png); background-repeat:no-repeat; background-position:center; margin:10px; }
#serv_draw 		{ width:50px; height:50px; background-color:#A53539; float:left; background-image: url(img/icons/pen2.png); background-repeat:no-repeat; background-position:center; margin:10px; }
#serv_market	{ width:50px; height:50px; background-color:#A53539; float:left; background-image: url(img/icons/layers.png); background-repeat:no-repeat; background-position:center; margin:10px; }
#serv_design	{ width:50px; height:50px; background-color:#A53539; float:left; background-image: url(img/icons/brush.png); background-repeat:no-repeat; background-position:center; margin:10px; }

.serv_content span { width:97%; height:auto; font-family: 'PT Sans', sans-serif; font-size:13px; line-height:18px; color:#333; text-align:left; padding:10px; position:relative; float:left; } 

/* PORTFOLIO GALLERY STYLE */
body.ps-active, body.ps-building, div.ps-active, div.ps-building { background: #000; overflow: hidden; }
body.ps-active *, div.ps-active * 								 { -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); display: none;}
body.ps-active *:focus, div.ps-active *:focus 					 { outline: 0; }
div.ps-document-overlay 										 { background: #000;}
div.ps-uilayer 													 { background: #000; cursor: pointer; }
div.ps-zoom-pan-rotate 											 { background: #000; }
div.ps-zoom-pan-rotate *										 { display: block; }
div.ps-carousel-item-loading 									 { background: url(lib/loader.gif) no-repeat center center; }
div.ps-carousel-item-error 										 { background: url(lib/error.gif) no-repeat center center; }
div.ps-caption { background: #000000; background: -moz-linear-gradient(top, #303130 0%, #000101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
			     border-bottom: 1px solid #42403f; color: #ffffff; font-size: 13px; font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif; text-align: center; }
div.ps-caption *  												 { display: block; }
div.ps-caption-bottom 											 { border-top: 1px solid #42403f; border-bottom: none; min-height: 44px; }
div.ps-caption-content { padding: 13px;	display: block; }
div.ps-toolbar { background: #000000; background: -moz-linear-gradient(top, #303130 0%, #000101 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
			  	 border-top: 1px solid #42403f;	color: #ffffff;	font-size: 13px; font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif; text-align: center; height: 44px; display: table; table-layout: fixed; }
div.ps-toolbar *												 { display: block; }
div.ps-toolbar-top 												 { border-bottom: 1px solid #42403f; border-top: none; }
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play { cursor: pointer; display: table-cell; }
div.ps-toolbar div div.ps-toolbar-content 						 { width: 44px; height: 44px; margin: 0 auto 0; background-image:url(lib/icons.png); background-repeat: no-repeat; }
div.ps-toolbar-close div.ps-toolbar-content 					 { background-position: 0 0; }
div.ps-toolbar-previous div.ps-toolbar-content 					 { background-position: -44px 0; }
div.ps-toolbar-previous-disabled div.ps-toolbar-content			 { background-position: -44px -44px; }
div.ps-toolbar-next div.ps-toolbar-content						 { background-position: -132px 0; }
div.ps-toolbar-next-disabled div.ps-toolbar-content				 { background-position: -132px -44px; }
div.ps-toolbar-play div.ps-toolbar-content 						 { background-position: -88px 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi){
div.ps-toolbar div div.ps-toolbar-content {	-moz-background-size: 176px 88px; -o-background-size: 176px 88px; -webkit-background-size: 176px 88px; background-size: 176px 88px;	background-image: url(lib/icons@2x.png); }}

.gallery 					{ list-style: none; padding: 0; margin: 0; }
.gallery:after 				{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li					{ float: left; width: 25%; }
.gallery li a 				{ display: block; }
.gallery li img 			{ display: block; width: 100%; height: auto; }
#PhotoSwipeTarget 			{ width: 100%; height: 200px; }
#Indicators 				{ text-align: center; margin-top: 20px; }
#Indicators span 			{ display: block; height: 10px; width: 10px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px;
				  			  -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
#Indicators span.current	{ background: #EEBF02; }

/*****************************************************************/
/************************TYPOGRAPHY OPTIONS***********************/
/*****************************************************************/

.tp    { width:100%; height:auto; }
.p_pos { padding:10px; }
.tp p  { font-family: 'PT Sans', sans-serif; font-size:13px; line-height:18px; color:#333; margin-bottom:20px; }
.tp h1 { margin:0px 0px 5px 10px; text-align:left; font-size:28px; }
.tp h2 { margin:0px 0px 5px 10px; text-align:left; font-size:25px; }
.tp h3 { margin:0px 0px 5px 10px; text-align:left; font-size:22px; }
.tp h4 { margin:0px 0px 5px 10px; text-align:left; font-size:18px; }
.tp h5 { margin:0px 0px 5px 10px; text-align:left; font-size:16px; }
.tp h6 { margin:0px 0px 5px 10px; text-align:left; font-size:12px;}

i { font-family: 'PT Sans', sans-serif; font-size:13px; line-height:18px; color:#444; }

.qttp { background-image:url(img/quote.png); background-repeat:no-repeat; width:30px; height:30px; float:left; }
.qbtp { background-image:url(img/quote.png); background-repeat:no-repeat; background-position:center -30px; width:30px; height:30px; float:right; }

.halfcolumn { float:left; height:auto; width:50%; text-align:center; }
.halfcolumn p { font-family: 'PT Sans', sans-serif; font-size:13px; line-height:18px; color:#333; margin-bottom:20px; padding:5px; }

.wnn_pos { padding:10px; margin-bottom:10px; }
.warning { width:100%; height:auto; color:#FFF; background-color:#BF3030; margin: 5px 0px 5px 0px; text-transform:uppercase; padding: 5px 0px 5px 0px; }
.notice  { width:100%; height:auto; color:#FFF; background-color:#FFD800; margin: 5px 0px 5px 0px; text-transform:uppercase; padding: 5px 0px 5px 0px; }
.note	 { width:100%; height:auto; color:#FFF; background-color:#93CF29; margin: 5px 0px 5px 0px; text-transform:uppercase; padding: 5px 0px 5px 0px; }
.wnn_txt { font-family: 'PT Sans', sans-serif; font-size:13px; }
.hidewnn { float:right; font-size:16px; font-family: 'PT Sans', sans-serif; color:#FFF; margin-right: 5px; }

.warning span, .notice span, .note span { margin-left:5px; }

/*****************************************************************/
/************************TYPOGRAPHY OPTIONS***********************/
/*****************************************************************/



.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
     -moz-transition: 0.6s ease-in-out left;
       -o-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}

.carousel-inner > .active {
  left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .next {
  left: 100%;
}

.carousel-inner > .prev {
  left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}

.carousel-inner > .active.left {
  left: -100%;
}

.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
     -moz-border-radius: 23px;
          border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.right {
  right: 15px;
  left: auto;
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}

.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  line-height: 20px;
  color: #ffffff;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}