@charset "utf-8";
/* CSS Document */
.container{ width:100%; display:inline-block; margin:50px 0 100px 0; font-family:GothamRoundedBold; text-align:center}
.container h1{ margin-bottom:50px;}
#mycarousel li{ padding-left:0; list-style-type:none; width:20%; float:left; margin:0 10px;}
.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%;}
.hover_img i{position: absolute; top: 0px; left: 0;  background: red;  color: #fff; font-style: normal; padding: 0 5px;  font-size: 12px;}
.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(102,51,0,0.8) inset;}
.recent_text { padding:65px 0 0 0; text-align:center; background-position: center center; z-index:9999;}
.recent_text p { opacity:0; padding:10px 5px; margin:0; font-size: 18px; line-height: 24px; 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:3px solid #663300;  text-align:center; color:#663300; background:#f9f9f9; padding:7px; margin:10px; border-radius:50% 50%; font-size:30px; text-decoration:none; width: 22px; height: 22px;}
.recent_text p a:hover{border-color:#fff; background:#663300; color:#fff}
.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: 100%;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: 100%;}
.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{ text-align:center}
.carousel_block .jcarousel-skin-tango .jcarousel-item img{ height:225px; display:inline-block}


/*@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;}
	.carousel_block .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: 5px !important;}
	.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;	}
	.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;}*/
	.container{ margin: 25px 0}
	.carousel_block .jcarousel-skin-tango .jcarousel-item img{height: 150px;}
}
@media (max-width: 480px) {
	.container{  width:100%;}
	.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: 175px !important;}
	.carousel_block .jcarousel-skin-tango .jcarousel-item-horizontal { margin:0px !important;}
	.carousel_block .jcarousel-skin-tango .jcarousel-item img{ width:80%}
	.recent_text{ padding-top:10px;}
	.recent_text p{ font-size:14px;}
	.recent_text p a{ padding:5px; font-size:24px;}
}
@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;}