@charset "utf-8";
/* CSS Document */
.container{ width:1200px; display:inline-block; margin-top:30px;}
#mycarousel li{ padding-left:0; list-style-type:none}
.container h2{ background:#eee; padding:10px; margin-bottom:0}
.container h2 span{ display:inline-block}
.portfolio_zoom, .portfolio_link { opacity:0; width:36px; height:36px; position:absolute; top:62%; margin:-18px 0 0 0; background-repeat:no-repeat; background-position:0 0; z-index:9999; transform:scale(0); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}
/*.portfolio_link { background-image:url(http://www.template-guide.com/preview/5072/img/link.png); left:36%;}
.portfolio_zoom { background-image:url(http://www.template-guide.com/preview/5072/img/zoom.png); right:36%;}
.portfolio_zoom a, .portfolio_link a { display:block; width:36px; height:36px; text-indent:-9999px;}
.hover_img:hover .portfolio_zoom, .hover_img:hover .portfolio_link, .hover_img:hover .item_description { opacity:1; transform:scale(1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}*/
/* ______________________ LATEST_PROJECTS _______________________ */
.hover_img { position:relative; width:100%;}
.inset_shadow { position:absolute; z-index:10; left:0; right:0; top:0; bottom:0; box-shadow:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}
.inset_shadow:hover {box-shadow: 0 0 0 200px rgba(223, 130, 12, 0.7) inset;}
.recent_text { padding:65px 0 0 0; text-align:center; background-position: center center; z-index:9999;}
.recent_text p { opacity:0; text-transform:uppercase; font-family:'Oswald', sans-serif; font-weight:600; padding: 10px 0; margin:0; font-size: 18px; line-height: 22px; color: #fff; transform:scale(0); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}
.recent_text p a{ display: inline-block; border:2px solid #fff;  text-align:center; color:#fff; padding:3px 10px; margin:10px}
.recent_block:hover .recent_text p { opacity:1; transform:scale(1); transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s;}
/* ___________________ Skin.css ______________________ */
.jcarousel-skin-tango .jcarousel-direction-rtl {direction: rtl;}
.jcarousel-skin-tango .jcarousel-container-horizontal {  width: 700px;padding: 3px 0 0 0; margin:0 auto;}
.news_block .jcarousel-skin-tango .jcarousel-container-horizontal { width: 700px; padding: 3px 0 0 0; margin:0;}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width: 700px;}
.jcarousel-skin-tango .jcarousel-item { width: 220px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {	margin-left: 0; margin-right: 20px;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 0; margin-right: 0;}
.carousel_block .jcarousel-skin-tango .jcarousel-item img{ width:100%; height:225px;}

@media (min-width: 1200px) {
	.carousel_block  .jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {width:1200px !important;}
	.carousel_block .jcarousel-skin-tango .jcarousel-item { width: 295px !important;}/*270px*/
	.carousel_block .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 5px !important;}/*30px*/
	.news_block   .jcarousel-clip-horizontal {width:740px !important;}
	.news_block .jcarousel-skin-tango .jcarousel-item { width: 740px !important;}
	.news_block .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 30px !important;}
}
/*768*/
@media only screen and (min-width: 650px) and (max-width: 979px) {
	.container{  width:100%;}
	.carousel_block .jcarousel-skin-tango .jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {width:565px !important;}
	.carousel_block .jcarousel-skin-tango .jcarousel-item { width: 270px !important;}
	.carousel_block .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 20px !important;}
	.news_block .jcarousel-clip-horizontal {width:610 !important;	}/*710px*/
	.news_block .jcarousel-item { width: 710px !important;margin-bottom:40px;}
	.news_block .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 20px !important;}
	.recent_projects {float:none !important;}
}

@media only screen and (min-width: 980px) and (max-width: 1200px) {
	.container{ width:100%; margin:0 auto;}
	.carousel_block .jcarousel-skin-tango .jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {width:100% !important;}
	.carousel_block .jcarousel-skin-tango .jcarousel-item { width: 220px !important;}
	.carousel_block .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 20px !important;}
	.news_block .jcarousel-skin-tango .jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {width:940px !important;}
	.jcarousel-skin-tango .jcarousel-clip-horizontal{ margin:0 auto}
	.news_block .jcarousel-skin-tango .jcarousel-item { width: 940px !important;margin-bottom:40px;	}
	.news_block .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 20px !important;}
	.recent_projects {float:none !important;}
	.recent_text{ padding-top:10px;}
}
/*  #Mobile (Portrait - 320, Landscape - 480)
================================================== */
@media (max-width: 767px) {
	
	/**/
	
	/*
	h2.title { font-size:20px !important;}
	.news_block .jcarousel-skin-tango .jcarousel-container-horizontal {margin:0 auto;}*/
}
@media (max-width: 650px) {
	.container{  width:100%;}
	.jcarousel-skin-tango .jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {width:247px !important;}
	.jcarousel-skin-tango .jcarousel-item { width: 247px !important;margin-bottom:30px;	}
	.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 0px !important;}
	.jcarousel-skin-tango .jcarousel-next-horizontal{right:-40px !important;}
	.jcarousel-skin-tango .jcarousel-prev-horizontal{ right:-15px !important;}
	
}
@media (max-width: 373px) {
	/*.jcarousel-skin-tango .jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal {width:210px !important;}
	.jcarousel-skin-tango .jcarousel-item { width: 210px !important;}
	.jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 0px !important;}
	h2.title { font-size:20px !important;}*/
	.jcarousel-skin-tango .jcarousel-next-horizontal{right:0px !important;}
	.jcarousel-skin-tango .jcarousel-prev-horizontal{ right:30px !important;}
}

/**  Horizontal Buttons  **/
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: -37px; right:10px; width: 24px; height: 26px; cursor: pointer; background: transparent url(../images/carousel_arrows.png) no-repeat -30px 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { right:29px;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -30px -30px;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -30px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -30px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: -37px; right:36px; width: 24px; height: 26px; cursor: pointer; background: transparent url(../images/carousel_arrows.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {right:0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {background-position: 0 -30px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: 0 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0;}