body{
	font-family: 'Titillium Web';
	background: #f2f1f1;	
}
a{
	text-decoration: none;
	color: #e1472f;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	-ms-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}
a:hover{
	text-decoration: none;
	color: #F90;
}

blockquote {
    font-family: Georgia;
    font-weight: 600;
    font-size: 11px;
    color: #868686;
    background: #FFF;
    padding: 30px;
    border: none;
}
blockquote::before{
    content: '“';
    display: inline-block;
    font-family: 'Titillium Web';
    margin-left:-20px;
    font-size: 40px;
}
blockquote::after{
    content: '”';
    float:right;
    margin-top: 10px;
    display: inline-block;
    font-family: 'Titillium Web';
    font-size: 40px;
}


/*Select*/
::selection, ::-moz-selection { color: #fff; } 
::selection, ::-moz-selection { background-color: #e4b955; } 

/*
*	Isotope
*/

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*
*	Bootstrap Focus
*/

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	font-family: 'Titillium Web';
	font-size: 12px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(232, 232, 232, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(232, 232, 232, 0.075), 0 0 8px rgba(141, 141, 141, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(232, 232, 232, 0.075), 0 0 8px rgba(141, 141, 141, 0.6);
          box-shadow: inset 0 1px 1px rgba(232, 232, 232, 0.075), 0 0 8px rgba(141, 141, 141, 0.6);
}

/*
*	Tooltip
*/
.tooltip-inner{
	background-color: #e4b955;
	color: #000;
	font-weight: bold;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #e4b955;
}

.wrap{
	float: left;
	width: 100%;
	background: #f2f1f1;
	border-top: #f8cc66 2px solid;
}
header{
	float: left;
	width: 100%;
	min-height: 91px;
	background: #f2f1f1 url(images/Header-Under.jpg) left bottom repeat-x;
}
.logo img{
	border-top: #7a7c7d 2px solid;
	margin: -2px 0px 0px 0px;
	padding-top: 28px;
}
/*
*	Main Menu
*/

ul.main-menu{
	float: right;
	list-style-type: none;
	margin:0;
	padding: 0;
}
ul.main-menu > li{
	position: relative;
	float: left;
	padding: 25px 20px 24px 20px;
	text-align: center;
}
ul.main-menu > li > a{
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	color: #7b7a7a;
}
ul.main-menu > li.active{
	background: #f8cc66;
}
ul.main-menu > li:hover{
	background: #f8cc66;
	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
ul.main-menu > li.active > a{
	color:#000;
}
ul.main-menu > li:hover > a{
	color:#000;
}


ul.main-menu > li span{
	display: block;
	color: #6f6e6e;
	text-transform: lowercase;
}


.sub-menu{
	display: none;
	position: absolute;
	top: 91px !important;
	left: 0;
	z-index: 9999;
	width: 165px;
	background: #f8cc66;
	margin: 0;
	padding:0;
	list-style-type: none;
	-webkit-box-shadow: 0px 1px 1px rgba(204, 167, 81, 0.75);
	-moz-box-shadow:    0px 1px 1px rgba(204, 167, 81, 0.75);
	box-shadow:         0px 1px 1px rgba(204, 167, 81, 0.75);
	border: rgba(1,2,2, 0.12) 1px solid;	
}
.sub-menu li{
	position: relative;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border-bottom: rgba(104, 102, 98, 0.24) 1px solid;
}
.sub-menu li:last-child{
	border: none;
}
.sub-menu li a{
	display: block;
	font-size: 12px;
	text-align: left;
	padding: 10px 20px;
	color: #7d6b37;
}
.sub-menu li a:hover{
	background: #fbd478;
	color: #262626;
}
.sub-menu li.active a{
	background: #fbd478;
	color: #262626;
}

.sub-menu li ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 165px;
	z-index: 9999;
	background: #f8cc66;
	padding: 0;
	margin: 0 !important;
	list-style-type: none;
	-webkit-box-shadow: 0px 1px 1px rgba(204, 167, 81, 0.75);
	-moz-box-shadow:    0px 1px 1px rgba(204, 167, 81, 0.75);
	box-shadow:         0px 1px 1px rgba(204, 167, 81, 0.75);
	border: rgba(1,2,2, 0.12) 1px solid;
}
.no-rgba .sub-menu li ul{
	background: #f8cc66;
}

.selectnav{
	display: none;
}

/*
*	Revolution Slider
*/


.rev_slider img{
	max-width:none !important;
	max-width:none !important;
	-moz-transition: none 0 !important;
	-webkit-transition: none 0 !important;
	-o-transition: none 0 !important;
	transition: none 0 !important;
	margin:0px !important;
	padding:0px !important;
	border-width:0px !important;
	border:none;	
}

.rev_slider .no-slides-text{
	font-weight:bold;
	text-align:center;
	padding-top:80px;
}

.rev_slider ul{
	margin:0px;
	padding:0px;
	list-style: none !important;
	list-style-type: none !important;
}



.rev_slider >ul >li{
	list-style:none;
	position:absolute;
	visibility:hidden;
	margin:0px;
	padding:0px;
	overflow-x: visible;
	overflow-y: visible;
	list-style-type: none !important;
	background-image:none !important;
}

.rev_slider .tp-caption,
.rev_slider .caption, {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; 	position:absolute; visibility: hidden;

}

/*
*	Slider
*/
.fullwidthbanner-container{
   width:100% !important;
   padding:0;
   max-height:480px !important;
   overflow:hidden;
   position: relative;
   background: #f8cc66;
}
.border-slider{
	float: left;
	width: 100%;
	height: 2px;
	background: url(images/uSlider-border.png) repeat-x;
}
.bottom-slider{
	float: left;
	width: 100%;
	min-height: 94px;
	background: url(images/uSlider-bg.png) repeat;
	border-bottom: #e4e4e4 1px solid;
}

/*
*	Slider Banner
*/

.banner{
	white-space:normal;
	width: 400px;
	padding: 30px;
	background: #f4cf74;
}
.banner .open{
	width: 50px;
	height: 35px;
	font-family: 'Titillium Web';
	font-size: 50px;
	text-align: center;
	background: #F4CF74;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	margin-top: -45px;
	margin-left: 400px;
	padding: 9px 0px 5px 0px;
	color: #CBA64C;
}
.banner .description{
	margin-top: -20px;
}
.banner h1{
	font-family: 'Titillium Web';
	font-weight: 700;
	font-size: 41px;
	text-transform: uppercase;
	color: #545252;
	line-height: 50px;
	margin: 10px 0px 0px 0px;
	-webkit-font-smoothing
}
.banner h1 span{
	font-weight: normal;
	color: #545252;
}
.banner h1bold{
	font-family: 'Titillium Web';
	font-weight: 700;
	font-size: 41px;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 50px;
	margin: 10px 0px 0px 0px;
	-webkit-font-smoothing
}
.banner p{
	font-family: Georgia;
	font-style: italic;
	margin: 0px;
	color: #545252;
}

/*
*	Banner Testimonials
*/
.banner-testimonials .testimonials{
	min-height: 78px;
}
.banner-testimonials .testimonials h2{
	font-family: 'Titillium Web';
	font-size: 18px;
	font-weight: normal;
	color: #292929; 
	text-align: center;
	line-height: 24px;
	padding: 5px 0 0;
	margin: 15px 0px 0px;
}
.banner-testimonials .testimonials p{
	font-family: 'Titillium Web';
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	color: #696969;
}

/*
*	Section
*/
section{
	float: left;
	width: 100%;
}
/*
*	Quote
*/
.quote{
	width: 100%;
	min-height: 100px;
	background: url(images/quotebg.png) top center no-repeat;
	padding-top: 30px;
}
.quote-content{
	background: #eeeded;
	width: 100%;
	min-height: 82px;
}
.quote-content ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	background: #eeeded;
}
.quote-content ul li{
	float: left;
	width: 234px;
	height: 82px;
	border-right:#e6e5e5 1px solid;
	background: #eeeded;
}
.quote-content ul li:hover{
	height: 80px;
	background-color: #f8cc66;
	-webkit-box-shadow: inset 0 4px rgba(4,4,4,.09);
	-moz-box-shadow: inset 0 4px rgba(4,4,4,.09);
	box-shadow: inset 0 4px rgba(4,4,4,.09);
	border-top: #636668 2px solid;

	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.quote-content ul li:last-child{
	border-right: #000 0px solid;
}
.quote-content ul li div.icon_circle{
	float: left;
	width: 50px;
	height: 50px;
	background-color: #747474;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 25px;
	margin: 15px 20px;
}
.quote-content ul li:hover div.icon_circle{
	width: 40px;
	height: 40px;
	background-color: #404040;
	-webkit-box-shadow: inset 0 3px 16px rgba(4,4,4,.75);
	-moz-box-shadow: inset 0 3px 16px rgba(4,4,4,.75);
	box-shadow: inset 0 3px 16px rgba(4,4,4,.75);
	border: solid 5px rgba(207,169,80,.14);
	border-radius: 28px;

}
/*
*	Icons
*/
.web{
	background-image: url(images/icons/icon_1.png);
}
.icon_circle.print{
	background-image: url(images/icons/icon_2.png);
}
.icon_circle.responsive{
	background-image: url(images/icons/icon_3.png);
}
.icon_circle.gallery{
	background-image: url(images/icons/icon_4.png);
}
.quote-content ul li div.title a{
	display: block;
	font-size: 15px;
	line-height: 10px;
	color: #797979;
	padding-top: 35px;
}
.quote-content ul li:hover div.title a{
	color: #514e4e;
}
/*
*	Divider Title
*/
h4.divider-title{
	font-family: 'Titillium Web';
	font-weight: 600; 
	font-size: 17px;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	line-height: 13px;
	color: #404040;
	padding-bottom: 10px;
	margin-top: 40px;
	margin-bottom: 15px;
	background: url(images/divider-border.png) left bottom repeat-x;
}

/*
*	Box Poject
*/
.box-slider{
	position: relative;
}
.box-slider .flex-direction-nav{
	position: absolute;
	top: -45px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.box-slider .flex-direction-nav li{
	float: left;
	margin-left: 5px;
}
.box-slider .flex-direction-nav li a{
	display: block;
	width: 30px;
	height: 27px;
	background: #dddddd;
	text-indent: -9999em;
	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.box-slider .flex-direction-nav li a.flex-prev{
	text-indent: -9999em;
	background: #ddd url(images/prev-carosel.png) center center no-repeat;
}
.box-slider .flex-direction-nav li a.flex-prev:hover{
	background-color: #e3b855;
}
.box-slider .flex-direction-nav li a.flex-next{
	text-indent: -9999em;
	background: #ddd url(images/next-carosel.png) center center no-repeat;
}
.box-slider .flex-direction-nav li a.flex-next:hover{
	background-color: #e3b855;
}

.boxs-project{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.box-project{
	float: left;
	width: 216px;
	margin-right: 19px;
	background: #FFF;
	padding-top: 6px;
	border-top: #767879 2px solid;
}
.box-project:hover{
	border-top: #e4b955 2px solid;
}

.box-project .images{
	border: #a1a1a1 1px solid;
	height: 120px;
	overflow: hidden;
	background: #636363;
}

.box-project .content{
	padding: 0px 15px 15px;
}
.box-project .content h4 a{
	font-size: 18px;
	color: #262626;
}
.box-project .content p{
	font-family: Tahoma;
	font-size: 12px;
	color: #3e3e3e;
}
.contact-form .more,
.about-circle-box .about-content a.more,
.box-project .content a.more{
	display: block;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	margin-top: 15px;
	padding: 10px 30px 10px 10px;
	background: #767879 url(images/box-href.png) 97% center no-repeat;
	color: #FFF;

	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;

}
.contact-form .more{
	background-position: 95%;
	width: auto;
	padding-top: 8px;
	padding-right: 40px;
	border: #5c5c5b 1px solid;
}
.contact-form .more:hover{
	background-color: #646463;
}

.about-circle-box:hover .about-content a.more,
.box-project:hover .content a.more{
	background-color: #e4b955;
}

/*
*	Circle Project
*/
.circles-project{
	margin-top: 50px;
	margin-bottom: 20px;
	padding-top: 2px;
	background: url(images/circles-boxbg.png) top left repeat-x;
}
.circle-project{
	background: url(images/circle-box.png) 11px top no-repeat;
	min-height: 130px;
}
.circle-project .pluscircle{
	float: left;
	font-family: Tahoma;
	font-size: 22px;
	background: #767879;
	width: 44px;
	height: 32px;
	text-align: center;
	color: #FFF;
	padding-top: 12px;
	border-radius: 27px;
	margin-top: 25px;
	margin-right: 15px;
	border: #E9E8E9 5px solid;

	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;

}
.circle-project:hover .pluscircle{
	background: #e4b955;
	color: #4c4c4c;
}
.circle-project .content{
	margin-left: 70px;
	margin-top: 25px;
}
.circle-project .content h4{
	font-family: 'Titillium Web';
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
	text-transform: uppercase;
	color: #515151;
	padding: 0;
	margin: 0; 
}
.circle-project .content h4 a{
	font-family: 'Titillium Web';
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
	text-transform: uppercase;
	color: #515151;
}
.circle-project .content p{
	font-family: Tahoma;
	font-size: 12px;
	line-height: 22px;
}

/*
*	Top Footer
*/
.top-footer{
	float: left;
	width: 100%;
	min-height: 100px;
	background: #e4b955;
	margin-top: 20px;
}
.content-footer{
	float: left;
	width: 100%;
	padding: 20px 0px 40px;
	background: url(images/footer-content.png);
	-webkit-box-shadow: inset 0 0 0 2px rgba(255,255,255,.15);
	-moz-box-shadow: inset 0 0 0 2px rgba(255,255,255,.15);
	box-shadow: inset 0 0 0 2px rgba(255,255,255,.15);
}
.bottom-footer{
	float: left;
	width: 100%;
	min-height: 56px;
	background: #e4b955;
}

/*
*	Our Clients
*/
.our-client ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 30px;
}

.our-client ul li a{
	display: block;
	padding-bottom: 10px;
	line-height: 0;
}

ul.widget-item > li{
	margin-top: 20px;
	border-right: rgba(240, 237, 230, 0.12) 1px solid;
	padding-right: 20px;
}
ul.widget-item > li:last-child{
	padding: 0;
	border: 0;
}
ul.widget-item h4.widget_title,
ul.widget-item h4.widget-title{
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 0;
	color: #f8cc66;
}
ul.widget-item li.textwidget p{
	font-family: Tahoma;
	font-size: 12px;
	color: #d7d7d7;
	padding-bottom: 25px;
	background: url(images/textborder.png) bottom left repeat-x;
}
ul.widget-item li.textwidget a.footerlogo{
	display: block;
	margin-bottom: 15px;
}
/*
*	Social Icons
*/
ul.socialicons{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.socialicons li{
	display: inline-block;
	margin-right: 6px;
}
ul.socialicons li a{
	display: block;
	width: 21px;
	height: 15px;
	text-indent: -9999px;
}
/*Twitter*/
ul.socialicons li a.twitter{
	background: url('images/socialicons/twitterIcon.png') center center no-repeat;
}
ul.socialicons li a.twitter:hover{
	background: url('images/socialicons/yellow/twitterIcon_hover.png') center center no-repeat;
}

/*Facebook*/
ul.socialicons li a.facebook{
	background: url('images/socialicons/facebookIcon.png') center center no-repeat;
}
ul.socialicons li a.facebook:hover{
	background: url('images/socialicons/yellow/facebookIcon_hover.png') center center no-repeat;
}
/*Digg*/
ul.socialicons li a.digg{
	background: url('images/socialicons/diggIcon.png') center center no-repeat;
}
ul.socialicons li a.digg:hover{
	background: url('images/socialicons/yellow/diggIcon_hover.png') center center no-repeat;
}
/*Vimeo*/
ul.socialicons li a.vimeo{
	background: url('images/socialicons/vimeoIcon.png') center center no-repeat;
}
ul.socialicons li a.vimeo:hover{
	background: url('images/socialicons/yellow/vimeoIcon_hover.png') center center no-repeat;
}
/*Youtube*/
ul.socialicons li a.youtube{
	background: url('images/socialicons/youtubeIcon.png') center center no-repeat;
}
ul.socialicons li a.youtube:hover{
	background: url('images/socialicons/yellow/youtubeIcon_hover.png') center center no-repeat;
}
/*Skype*/
ul.socialicons li a.skype{
	background: url('images/socialicons/skypeIcon.png') center center no-repeat;
}
ul.socialicons li a.skype:hover{
	background: url('images/socialicons/yellow/skypeIcon_hover.png') center center no-repeat;
}

/*
*	Latest Tweets
*/
.latest-tweets ul{
	padding: 0;
	margin: 30px 0px 0px;
	list-style-type: none;
}
.latest-tweets ul li{
	min-height: 25px;
	font-family: Tahoma;
	font-size: 12px;
	margin-bottom: 15px;
	padding-left: 30px;
	background: url(images/socialicons/twitterIcon.png) left 10px no-repeat;
	color: #d7d7d7;
}
.latest-tweets ul li a{
	font-family: Tahoma;
	font-size: 12px;
	color: #d7d7d7;
}
.latest-tweets ul li a:hover{
	color: #FFF;
}

/*
*	Flickr
*/
.latest-flickr{
	margin-top: 30px;
}
.latest-flickr ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.latest-flickr ul li{ 
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 5px;
}
.latest-flickr ul li:nth-child(3n+3){
	margin-right: 0px;
}
.latest-flickr ul li a{
	display: block;
	width: 59px;
	height: 53px;
	border: #333 1px solid;
}
.latest-flickr ul li a img{ 
	width: 59px;
	height: 53px;
}
/*
*	Contact Widgets
*/
.contact-widget ul{
	margin: 30px 0 0;
	padding: 0;
	list-style-type: none;
}
.contact-widget ul li{
	/*font-family: 'Myriad Pro';*/
	font-size: 13px;
	color: #d7d7d7;
	padding-left: 25px;
	min-height: 20px;
	margin-bottom: 5px;
}

.contact-widget ul li.contact-address{
	background: url(images/contact/home_icon.png) top left no-repeat;
}
.contact-widget ul li.contact-phone{
	background: url(images/contact/phone_icon.png) top left no-repeat;
}
.contact-widget ul li.contact-email{
	background: url(images/contact/mail_icon.png) 0px 5px no-repeat;
}

/*
*	Copyrights
*/
.copyrights{
	font-size: 13px;
	padding-top: 20px;
	color: #504f4f;
}


/*########	About Page Styles   #########*/

.banner-content{
	float: left;
	width: 100%;
	height: 200px;
	background: #e4b955 url(images/banner-bg.png) center center no-repeat;
}
.page-navigation{
	float: left;
	display: block;
	width: 38px;
	height: 35px;
	margin-right: 7px;
	margin-top: 30px;
	text-indent: -99999px;
	-webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}
.page-navigation.prev-page{
	background: #dadada url(images/prev.png) center 9px no-repeat;
}
.page-navigation.prev-page:hover{
	background-color: #e4b955; 
	background-position: center -20px;
}
.page-navigation.next-page{
	background: #dadada url(images/next.png) center 9px no-repeat;
}
.page-navigation.next-page:hover{
	background-color: #e4b955; 
	background-position: center -20px;
}
/*
*	Page Content
*/
.page-content{
	padding: 30px 0;
}
.page-title{
	font-size: 25px;
	line-height: 49px;
	text-align: right;
	text-transform: uppercase;
	padding-top: 25px;
}
/*
*	About Box
*/
.about-box{
	position: relative;
	background: url(images/aboutpattern.png);
	min-height: 200px;
	border-top: #616467 2px solid;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(242, 241, 241, 1);
	box-shadow: inset 0px 1px 0px 0px rgba(242, 241, 241, 1);
	padding: 30px 17px;
	margin: 20px 0 40px;

	  -webkit-transition: all 1200ms ease;/* WebKit */
       -moz-transition: all 1200ms ease;/* Firefox */
         -o-transition: all 1200ms ease;/* Opera */
            transition: all 1200ms ease;/* Standard */ 
}
.about-box:hover{
	background: #FFF;
	border-top: #e4b955 2px solid;
}
.about-box h4{
	font-size: 18px;
	font-weight: bold;
	line-height: 17px;
	margin: 20px 0 5px;
	color: #989898;
}
.about-box:hover h4{
	color: #6d6868;
}
.about-box span{
	font-family: Georgia;
	font-size: 16px;
	font-style: italic;
	color: #aeaeae;
}
.about-box:hover span{
	color:#737272;
}
.cloud{
	display: block;
	width: 180px;
	height: 187px;
	background: url(images/cloud.png) center center no-repeat;
}
.about-box:hover .cloud{
	background: url(images/cloud-hover.png) center center no-repeat;
}
.cloud .cloud-icon{
	display: block;
	width: 100%;
	height: 100%;
}

.cloud .cloud-icon.home{
	background: transparent url(images/about-icon/home-icon.png) center center no-repeat;
}
.about-box:hover .cloud .cloud-icon.home{
	background: transparent url(images/about-icon/home-icon-hover.png) center center no-repeat;
}

.cloud .cloud-icon.layout{
	background: transparent url(images/about-icon/layout-icon.png) center center no-repeat;
}
.about-box:hover .cloud .cloud-icon.layout{
	background: transparent url(images/about-icon/layout-icon-hover.png) center center no-repeat;
}

.cloud .cloud-icon.anonce{
	background: transparent url(images/about-icon/anonce-icon.png) center center no-repeat;
}
.about-box:hover .cloud .cloud-icon.anonce{
	background: transparent url(images/about-icon/anonce-icon-hover.png) center center no-repeat;
}

.cloud .cloud-icon.certification{
	background: transparent url(images/about-icon/certification-icon.png) center center no-repeat;
}
.about-box:hover .cloud .cloud-icon.certification{
	background: transparent url(images/about-icon/certification-icon-hover.png) center center no-repeat;
}
.about-circle-box .shadow-box,
.about-box .shadow-box{
	width: 97%;
	height: 16px;
	background: url(images/shadow-box.png) no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -15px;
	left: 5px;
}
.about-box .shadow-box .box-tringle{
	/*display: none;*/
	background: url(images/box-tringle.png) center top no-repeat;
	width: 100%;
	height: 31px;
	opacity: 0;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.about-box:hover .shadow-box .box-tringle{
	/*display: block;*/
	opacity: 1;
}
/*
*	Page Quote
*/
.quote-content.page-quote{
	border: #ccccc9 1px solid;
	border-top-width: 2px;
	border-top-color: #d7b15a;
}
.quote-content .filtered-nav{
	margin: 25px 15px 0px 15px;
}
.quote-content .filtered-nav a{
	position: relative;
	display: inline-block;
	background: #4a4843;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFF;
	padding: 7px 15px;
	margin: 0px 0px 15px;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.quote-content .filtered-nav a:hover{
	background: #e4b955;
}

.quote-content .filtered-nav a.active{
	background: #e4b955;
}
.quote-content .filtered-nav a.active::after{
	content: ' ';
	height: 0;
	position: absolute;

	top: 100%;
	left: 50%;
	margin-left: -10px;
	width: 0;

	border: 10px solid transparent;
	border-top-color: #e4b955;
}

/*
*	About Circle Box
*/
.about-circle-box {
	position: relative;
	background: url(images/aboutpattern.png);
	min-height: 300px;
	margin-top: 90px;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.about-circle-box:hover{
	background: #FFF;
}
.about-circle-box .about-top-mask{
	display: block;
	position: relative;
	top: -73px;
	width: 178px;
	height: 73px;
	margin: 0px auto 0px auto;
	background: url(images/about-mask-circle-top.png) no-repeat;
}
.about-circle-box:hover .about-top-mask{
	background: url(images/about-mask-circle-top-hover.png) no-repeat;
}
.about-circle-box .about-mask{
	display: block;
	position: relative;
	top: -135px;
	overflow: hidden;
	width: 170px;
	height: 170px;
	border-radius: 100%;
	margin: 0px auto 0px auto;
	border: #eae9e9 4px solid;
	background: #f2f2f2 url(images/box-avatar.png) center center no-repeat;
	behavior: url(js/PIE.htc);
}
.about-circle-box:hover .about-mask{
	background: #f8d176 url(images/box-avatar-hover.png) center center no-repeat;
}
.about-circle-box .about-content{
	width: 177px;
	margin: -125px auto 0px;
}
.about-circle-box .about-content h4{
	font-size: 16px;
	text-transform: uppercase;
	line-height: 17px;
	color: rgba(65,65,65, 0.66);
	margin: 0px;
}
.about-circle-box:hover .about-content h4{
	color: #414141;
}
.about-circle-box .about-content span{
	display: block;
	font-family: Georgia;
	font-size: 12px;
	font-style: italic;
	line-height: 25px;
	color: #aeaeae;
}
.about-circle-box:hover .about-content span{
	color: #858585;
}
.about-circle-box .about-content p{
	font-family: Tahoma;
	font-style: 11px;
	color: #777777;
	margin-top: 5px;
}
.about-circle-box .about-content a.more{
	margin-top: 30px;
	margin-bottom: 32px;
}

/*
*	Contact Page
*/
.left-contact{
	float: left;
	width: 50%;
}
.right-contact{
	float: left;
	width: 50%;
}
.contact-form{
	background: #e4b955;
	padding:40px;
	border-top:#696763 4px solid;
}
.contact-form label.title{
	font-family: Tahoma;
	font-size: 12px;
	color: #FFF;
	margin-top: 18px;
}
.contact-form label.title:first-child{
	margin-top: 0px;
}
.contact-form input{
	width: 96%;
	height: 36px;
	border: #e8e8e8 1px solid;
}
.contact-form textarea{
	width: 96%;
	height: 140px;
	border: #e8e8e8 1px solid;
}
.message{
	float: right;
	margin-top: -40px;
	font-weight: bold;
	font-style: italic;
	padding: 10px;
}

h3.contact-title{
	font-size: 20px;
	font-weight: 600;
	color: #595752;
}
.we-do{
	background: #FFF;
	padding: 40px;
}
.we-do .wallpaper{
	height: 185px;
	overflow: hidden;
	border: #e4b955 4px solid;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.we-do .wallpaper:hover{
	border-color: #e8e8e8;
}
.contact-info{
	padding: 40px;
	background: rgba(103, 102, 100, 0.11);
	min-height: 234px;	
}
.contact-info p{
	color: #363636;
}
ul.contact-info-details{
	margin: 20px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
ul.contact-info-details li{
	padding-left: 30px;
	margin-bottom: 7px;
	color: #363636;
} 
ul.contact-info-details li.phone{
	background: url(images/phone.png) left 3px no-repeat;
}
ul.contact-info-details li.mail{
	background: url(images/mail.png) left 3px no-repeat;
}

.map{
	float: left;
	width: 100%;
	height: 385px;
	background: #eeeeee;
	margin-top: 40px;
	-webkit-box-shadow: 3px 4px 15px rgba(0,0,0,.15);
	-moz-box-shadow: 3px 4px 15px rgba(0,0,0,.15);
	box-shadow: 3px 4px 15px rgba(0,0,0,.15);
}
.contact-box{
	position: relative;
}
.contact-box .shadow-box{
	display: block;
	position: absolute;
	content: "";
	bottom: -24px;
	width: 100%;
	height: 24px;
	background: url(images/contact-box-bottom.png) top center no-repeat;
	background-size: 100%;
}

/*
*	Portfolio pages
*/

.column-one .filter-item{
	width: 100%;
	height: 378px;
}
.column-one .filter-item .image{
	height: 270px;
}
.column-one .filter-item .image a img{
	min-height: 270px;
	max-height: 350px;
}
.column-one .filter-item .content h3{
	font-size: 18px;
	margin: 0;
	line-height: 30px;
}
.column-one .filter-item .content h3bold{
	font-size: 18px;
	margin: 0;
	line-height: 30px;
}
.column-one .filter-item .content p{
	font-size: 13px;
}

.column-three .filter-item{
	width: 30.8%;
	height: 420px;
}
.column-three .filter-item .image{
	height: 250px;
}
.column-three .filter-item .image a img{
	min-height: 250px;
}

.column-four .filter-item{
	width: 22.8%;
	height: 300px;
}
.column-four .filter-item .image{
	height: 150px;
}
.column-four .filter-item .image a img{
	min-height: 150px;
}
.column-four .filter-item .content h3{
	line-height: 24px;
	font-size: 15px;
}
.column-four .filter-item .content h3bold{
	line-height: 24px;
	font-size: 15px;
}
.column-four .filter-item .content p{
	font-size: 12px;
}

.filter-item{
	float: left;
	background: #FFF;
	width: 47.8%;
	height: 570px;
	/*margin-bottom: 45px;*/
	/*margin-right: 19px;*/
	margin: 0px 10px 40px;
	border-top: #636669 4px solid;
	-moz-box-shadow:    1px 1px 1px 1px #ccc;
  	-webkit-box-shadow: 1px 1px 1px 1px #ccc;
  	box-shadow:         1px 1px 1px 1px #ccc;
  	overflow: hidden;
}

.filter-item:hover{
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	background-color: #f8cc66;
}
.filter-item .image{
	margin-top: 20px;
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.filter-item .image a{
	display: block;
}
.filter-item .image a img{
	width: 100%;
	min-height: 400px;
	-webkit-filter:blur(0px);
	filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px); 
	-ms-filter: blur(0px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
	filter:none;
}
.filter-item:hover .image a img{
	-webkit-filter:blur(2px);
	filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px); 
	-ms-filter: blur(3px); 
	filter: url(css/blur.svg#blur);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	zoom: 1;
}
.filter-item .content{
	padding: 15px;
}
.column-three .filter-item .content h3{
	font-size: 18px;
	margin: 4px 0;
}
.column-three .filter-item .content h3bold{
	font-size: 18px;
	margin: 4px 0;
}
.filter-item .content h3{
	font-size: 25px;
	font-weight: 300;
	text-transform: uppercase;
	color: #515151;
	margin-top: 0px;
}
.filter-item .content h3bold{
	font-size: 25px;
	font-weight: 300;
	text-transform: uppercase;
	color: #515151;
	margin-top: 0px;
}
.filter-item:hover .content h3{
	color: #2d2c2c;
}
.filter-item:hover .content h3bold{
	color: #2d2c2c;
}
.column-three .filter-item .content p{
	font-size: 12px;
}
.filter-item .content p{
	font-family: Tahoma;
	font-size: 16px;
	color: #767676;
}
.filter-item:hover .content p{
	color: #2d2c2c;
}
.filter-item .hover-effect{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.filter-item:hover .hover-effect{
	display: block;
}

@keyframes "silde_to_top" {
 0% {
    top: 20%;
   	z-index: 1000000;
   	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   	filter: alpha(opacity=50);
   	opacity: 0.5;
 }
 100% {
    top: 45%;
 }

}

@-moz-keyframes silde_to_top {
 0% {
   top: 20%;
   z-index: 1000000;
   filter: alpha(opacity=50);
   opacity: 0.5;
 }
 100% {
   top: 45%;
 }

}

@-webkit-keyframes "silde_to_top" {
 0% {
   top: 20%;
   z-index: 1000000;
   filter: alpha(opacity=50);
   opacity: 0.5;
 }
 100% {
   top: 45%;
 }

}

@-ms-keyframes "silde_to_top" {
 0% {
   top: 20%;
   z-index: 1000000;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   opacity: 0.5;
 }
 100% {
   top: 45%;
 }

}

@-o-keyframes "silde_to_top" {
 0% {
   top: 20%;
   z-index: 1000000;
   filter: alpha(opacity=50);
   opacity: 0.5;
 }
 100% {
   top: 45%;
 }

}
.column-three .filter-item .hover-effect a{
	width: 48px;
	height: 48px;
	border-width: 2px;
}
.column-four .filter-item .hover-effect a{
	width: 35px;
	height: 35px;
	border-width: 2px;
}
.filter-item .hover-effect a{
	width: 72px;
	height: 72px;
	position: relative;
	top: 0;
	left: 0;
	text-indent: -9999em;
	background: #404040;
	border-radius: 100%;
	border: rgba(207, 169, 80, 0.24) 4px solid;

    -webkit-animation-name: silde_to_top;
-moz-animation-name: silde_to_top;
-ms-animation-name: silde_to_top;
-o-animation-name: silde_to_top;
animation-name: silde_to_top;

    -webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-moz-animation-timing-function: ease;
-ms-animation-timing-function: ease;
-o-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1;

    -webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-moz-animation-delay: 0;
-ms-animation-delay: 0;
-o-animation-delay: 0;
animation-delay: 0;
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-ms-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;

}
.column-three .filter-item .hover-effect a.zoom{
	background-image: url(images/portfolio-zoom-medium.png); 
	margin-left: -48px;
	margin-top: -68px;
}

.column-four .filter-item .hover-effect a.zoom{
	background-image: url(images/portfolio-zoom-smal.png); 
	margin-left: -35px;
	margin-top: -55px;
}


.filter-item .hover-effect a.zoom{
	top: 47%;
	left: 47%;
	margin-left: -82px;
	margin-top: -72px;
	background: #404040 url(images/portfolio-zoom.png) center center no-repeat;
}
.column-three .filter-item .hover-effect a.link{
	background-image: url(images/portfolio-link-medium.png);
	margin-left: 20px;
	margin-top: -53px;
}
.column-four .filter-item .hover-effect a.link{
	background-image: url(images/portfolio-link-smal.png);
	margin-left: 15px;
	margin-top: -40px;
}
.filter-item .hover-effect a.link{
	top: 47%;
	left: 47%;
	margin-left: 30px;
	margin-top: -82px;
	background: #404040 url(images/portfolio-link.png) center center no-repeat;

}

/*
*	Pagination
*/
.paginations{
	background: url(images/divider-border.png) left top repeat-x;
	padding: 15px 0px;
}
.paginations ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.paginations ul li{
	display: inline-block;
	width: 38px;
	height: 35px;
	background: #dadada;

	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;

	-moz-box-shadow:    1px 1px 0px 1px #ccc;
  	-webkit-box-shadow: 1px 1px 0px 1px #ccc;
  	box-shadow:         1px 1px 0px 1px #ccc;
  	margin-right: 10px;
}
.paginations ul li.prev{
	margin-left: 0px;
	margin-right: 20px;
}
.paginations ul li.prev a{
	background: url(images/prev.png) center 8px no-repeat;
	text-indent: -99999em;
}
.paginations ul li:hover{
	background: #f8cc66;
}
.paginations ul li.prev:hover a{
	background: url(images/prev.png) center -20px no-repeat;
}
.paginations ul li.next{
	margin-left: 10px;
}
.paginations ul li.next a{
	background: url(images/next.png) center 8px no-repeat;
	text-indent: -99999em;
}
.paginations ul li.next:hover a{
	background: url(images/next.png) center -20px no-repeat;
}
.paginations ul li a{
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #7e8081;
	padding-top: 8px;
	text-align: center;
}
.paginations ul li:hover a{
	color: #FFF;
}
.paginations ul li.active{
	background-color: #f8cc66;
	height: 27px;
	font-size: 18px;
	font-weight: 600;
	padding-top: 8px;
	text-align: center;
	color: #FFF;
}
/*
*	Blog & Sidebar
*/
.blog-container{
	margin: 20px 0px;
}
.sidebar{
	/*background: #f7f6f6;*/
}
.sidebar .sidebar-content{
	margin: 0 0 0 25px;	
}
.sidebar ul{
	margin: 0;
/*	padding: 0 0 0 25px;
*/	list-style-type: none;
}
.sidebar ul ul{
	padding: 0;
}
.sidebar h4.widget-title,
.sidebar h4.widget_title{
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 39px;
	color: #414141;
}
li.widget_search form{
	margin: 0px;
}
.sidebar li.widget_search form .searchbox{
	height: 33px;
	padding: 5px;
	margin: 0;
	background: #505050;
}
.sidebar .searchbox input[type="text"]{
	float: left;
	width: 80%;
	padding: 0;
	height: 30px;
	margin: 0;
	border-radius: 0;
}
.sidebar .searchbox input[type="submit"]{
	width: 19%;
	margin: 0;
	padding: 0;
	background: #505050 url(images/search.png) center center no-repeat;
	border: 0;
	height: 32px;
}
/*
*	List Categories Widgets
*/
.list-categories{
	overflow: hidden;
}
.list-categories li{
	width: 100%;
	min-height: 30px;
	padding-left: 20px;
	background: url(images/category-list.png) 5px center no-repeat;
	border-top: #ced8df 1px dotted;

	-webkit-transition: background-color 600ms ease-in-out;
    -moz-transition: background-color 600ms ease-in-out;
    -o-transition: background-color 600ms ease-in-out;
    -ms-transition: background-color 600ms ease-in-out;
    transition: background-color 600ms ease-in-out;
}
.list-categories li:hover{
	background-color: #505050;
	background-image: url(images/category-list-hover.png);
	border-top: #fff 1px dotted;
}
.list-categories li:first-child{
	border: none;
}
.list-categories li:hover a{
	color: #FFF;
}
.list-categories li a{
	display: block;
	font-size: 13px;
	padding: 5px 0;
	color: #868686;
}

/*
*	Dropdown list widget
*/
.dropdown-list{
	overflow: hidden;
}
.dropdown-list li{
	width: 100%;
	min-height: 30px;
	padding-left: 25px;
	background: url(images/dropdown_widget.png) 5px center no-repeat;
	border-top: #ced8df 1px dotted;

	-webkit-transition: background-color 600ms ease-in-out;
    -moz-transition: background-color 600ms ease-in-out;
    -o-transition: background-color 600ms ease-in-out;
    -ms-transition: background-color 600ms ease-in-out;
    transition: background-color 600ms ease-in-out;
}
.dropdown-list li.active{
	background:#505050 url(images/dropdown_widget_hover.png) 4px 15px no-repeat;
}
.dropdown-list li.active a{
	color: #FFF;
}

.dropdown-list li:first-child{
	border: none;
}

.dropdown-list li a{
	display: block;
	font-size: 13px;
	padding: 5px 0;
	color: #868686;
}
.dropdown-list li .dropdown-cotent{
	display: none;
	font-family: Tahoma;
	font-size: 12px;
	color: #939393;
	background-color: #f2f1f1;
	margin-left: -25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.dropdown-list li.active .dropdown-cotent{
	display: block;
}
/*
*	Flickr in Sidebar
*/
.sidebar .latest-flickr{
	margin: 0;
}
.sidebar .latest-flickr ul li {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
}
/*
* Left Posts
*/
.post-box .image {
    position: relative;
    width: 100%;
    height: 285px;
    margin-top: 10px;
    overflow: hidden;
}
.post-box .image .hover {
	display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(51,51,51, 0.4);

    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.post-box .image:hover .hover{
	display: block;
} 
.no-rgba .post-box .hover{
	background: none;
}
.post-box .hover a {
    position: absolute;
    top: 49%;
    left: 49%;
    margin-top: -35px;
    margin-left: -35px;
    width: 70px;
    height: 70px;
    background: #e1b652 url(images/post-hover.png) center center no-repeat;
    border-radius: 100%;
    behavior: url(js/PIE.htc);
}

.post-box {
    background: #FFF;
    /*padding: 10px 0 0;*/
    margin-bottom: 30px;
    border-top: #686662 4px solid;
    -moz-box-shadow: 1px 1px 1px 1px #ccc;     
    -webkit-box-shadow: 1px 1px 1px 1px #ccc;     
    box-shadow:	1px 1px 1px 1px #ccc;

    -moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.post-box:hover{
	border-color: #f8cc68;
}
.post-box .content{
    overflow: hidden;
    width: 100%;
    height: 120px;
}
.post-box .content .desc {
    padding: 0px 10px 0 20px;
}
.post-box .content .left{
    float:left;
    width:80%;

}
.post-box .content .left h4 {
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    color: #4d4d4d;
    margin:10px 0 5px;
    padding:0;
    line-height:32px          
}
.post-box .content .left p{
    font-family: Tahoma;
    font-size: 11px;
    color:#4d4d4d;
}
.post-box .content .right{
    float: right;
	background: #e2e2e2;
	width: 15%;
	height: 85%;
	padding: 10px;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.post-box:hover .content .right{
	background-color: #f8cc66;
}
.post-box .content .right span {
    display: block;
    text-align: center;
    margin: 0px;
    font-size: 11px;
    font-style: italic;
    font-family: Georgia;
    color: #292929;
}
.post-box .content .right a.more{
	display: block;
	color: #FFF;
	padding: 10px 15px;
	margin-left: -10px;
	margin-right: -11px;
	margin-top: 10px;
	background: #505050 url(images/box-href.png) 90% center no-repeat;
	-moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.post-box:hover .content .right a.more{
	background-color: #d3af5a;
}

/*
*	Portfolio item
*/
.pitem-navigation .left-nav{
	padding: 23px;
}
.pitem-navigation .left-nav a {
    display: inline-block;
    background: #606060;
    font-size: 13px;
    text-transform: uppercase;
    color: #fffefe;
    line-height: 15px;
    -moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.pitem-navigation .left-nav a.prev{
	background: #606060 url(images/micro-prev.png) 10px no-repeat;
	padding: 10px 15px 10px 25px;
}
.pitem-navigation .left-nav a.next{
	background: #606060 url(images/micro-next.png) 86% 10px no-repeat;
	padding: 10px 25px 10px 15px;
}
.pitem-navigation .left-nav a:hover{
	background-color: #e4b955;
}
.pitem-navigation .right-nav {
    padding: 23px;
    text-align: right;
}
.pitem-navigation .right-nav .projects{
    font-size: 14px;
    color:#606060;
    line-height: 0px;
}
.pitem-navigation .right-nav .projects span{
	margin: 15px 5px;
	display: inline-block;
}
.pitem-navigation .right-nav .projects a{
  display: inline-block;
  background: #606060 url(images/item-projects.png) center center no-repeat;
  width:33px;
  height:33px;

  -moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.pitem-navigation .right-nav .projects a:hover{
    background-color:#e4b955;
}


/* Browser Resets */

.portfolio-slider .slides,
.portfolio-slider .flex-control-nav,
.portfolio-slider .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.portfolio-slider {margin: 0; padding: 0;}
.portfolio-slider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.portfolio-slider .slides img {width: 100%; display: block;}
.portfolio-slider .flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.portfolio-slider .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .portfolio-slider .slides {display: block;} 
* html .portfolio-slider .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .portfolio-slider .slides > li:first-child {display: block;}

/*####################################################################*/

.item-left {
    width: 100%;
    height: 480px;
    background: #FFF;
    overflow: hidden;
    border-top: #636669 2px solid;
    -moz-box-shadow:    1px 1px 1px 1px #ccc;
  	-webkit-box-shadow: 1px 1px 1px 1px #ccc;
  	box-shadow:         1px 1px 1px 1px #ccc;
}
.item-left .image {
    margin-top: 15px;
    width: 100%;
    height: 350px;
    overflow: hidden;
    position: relative;
}

.portfolio-slider .flex-direction-nav a {
    position: absolute;
    top: 50%;
    opacity: 0; 
    display:block;
    width: 38px;
    height: 35px;
    text-indent: -9999em;
    background: #d2d2d2;
    margin-top: -13px;
    z-index: 10;
    cursor: pointer;
    -moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.portfolio-slider .flex-direction-nav {
    height: 0;

}
.portfolio-slider:hover .flex-next, .portfolio-slider:hover .flex-prev{opacity: 1;}
.portfolio-slider a.flex-prev {
    left: 15px;
    background: #d2d2d2 url(images/prev.png) center 9px no-repeat;
}
.portfolio-slider a.flex-prev:hover {

    background: #e4b955 url(images/prev.png) center -19px no-repeat;
}
.portfolio-slider a.flex-next {
    right: 15px;
    background: #d2d2d2 url(images/next.png) center 9px no-repeat;
}
.portfolio-slider a.flex-next:hover {

    background: #e4b955 url(images/next.png) center -19px no-repeat;
}

.item-left .content h1 {
    color: #515151;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 30px;
    margin: 0;
    padding: 0;
}
.item-left .content p {
    color: #767676;
    font-size: 12px;
    font-family: Tahoma;
    width: 250px;
}
.item-left .content {
    padding: 25px 15px;
}

.item-right {
    padding-left: 45px;
}

.item-right h4 {
    font-size: 17px;
    color: #3a3a3a;
    margin: 30px 0 10px;
    line-height: 36px;
}
.item-right h4:first-child{
    margin-top: 0px;
}
.item-right p {
    color: #959393;
    font-family: Tahoma;
    font-size: 12px;
}
.item-right .tick-list {
    list-style-type: none;
    margin: 0 0 25px;
}
.item-right .tick-list li {
    padding-left: 20px;
    background: url(images/yellow-tick.png) 0px no-repeat;
    color: #959393;
    font-size: 12px;
    font-family: Tahoma;
}
.item-right a.launch-item {
    display: inline-block;
    padding: 10px 15px;
    color: #FFF;
    background: #e4b955;
    font-size: 13px;
    font-weight: 600;
}

/*
*	Single Page
*/
.single-page .post-box .right{
	padding-top: 20px;
}
.single-page .post-box .share {
    display: block;
    background: #f8cc68;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 15px;
    height: 45px;
}
.single-page .share ul{
	padding: 0;
	margin: 0 0 0 9px;
	list-style-type: none;
}
.single-page p{
	font-family: Tahoma;
	font-size: 11px;
	color: #868686;
}
a.tags-title{
	background: #e4b955 !important;
}
.post-box:hover .content .right{
	background: #e2e2e2;
}

.share ul li{
    display: inline-block;
    margin-left: 3px;
}
.share ul li a{
    display: block;
    width: 26px;
    height: 26px;
    margin-top: 10px;

    -moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

.share ul li a.twitter {
    background: url(images/socialicons/twitter-single.png) center top no-repeat;
}
.share ul li a.twitter:hover{
    background-position: center -27px;
}
.share ul li a.facebook{
    background: url(images/socialicons/facebook-single.png) center top no-repeat;
}
.share ul li a.facebook:hover{
    background-position: center -26px;
}
.share ul li a.google{
    background: url(images/socialicons/google-single.png) center top no-repeat;
}
.share ul li a.google:hover{
    background-position: center -26px;
}
/*
*	Single Page title
*/

.single-title {
    margin-top: 40px;
    margin-bottom: 20px;
    background: url(images/divider-border.png) bottom  repeat-x;    
}
.single-title:first-child{
	margin-top: 20px;
}
.single-title h4 {
    font-size: 17px;
    font-weight: bold;
    color: #989898;
    margin: 0;
    line-height: 17px;
    padding: 15px 0px;
}


/*
*	Comments Count
*/
.comments ul {
    margin: 10px 0px;
    padding: 0;
    list-style-type: none;
}
.comments ul li .comment-desc{
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px;
}
.comments li .image {
    float: left;
    width: 96px;
    margin-right: 20px;

    -webkit-box-shadow: 1px 1px rgba(8,8,8,.47);
	-moz-box-shadow: 1px 1px rgba(8,8,8,.47);
	box-shadow: 1px 1px rgba(8,8,8,.47);
	border: solid 3px #fff;
}
.comments .writed {
    font-family: Tahoma;
    font-size: 12px;
    display: block;
    color: #868686;
}
.comments .content p {
    font-family: Tahoma;
    font-size: 12px;
    color: #a3a3a3;
    margin-top: 5px;
    color:;
}
.comments .content .reply {
	width: 100%;
	text-align: right;
}
.leave-comment input[type='submit'],
.comments .content a {
    font-family: Tahoma;
    font-size: 12px;
    color: #FFF;
    background: #767879;
    padding: 2px 20px;
    display: inline-block;
    border-right: #e0b654 3px solid;
}

.comments ul li ul {
	margin-left: 40px;
}

/*
*	Leave Comment
*/

.leave-comment label {
    font-family: Tahoma;
    font-size: 11px;
    color: #959393;
    line-height: 13px;
}
.leave-comment input {
    border-radius: 0;
    width: 100%;
    margin-bottom: 15px;
}
.leave-comment textarea {
    border-radius: 0;
    width: 100%;
    height: 150px;
}
.leave-comment .submit-button{
	text-align: right;
	padding: 10px 0;
}
.leave-comment input[type="submit"]{
	display: inline-block;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	width: auto;
}

/*
*	Elements
*/
.buttons{
	font-family: Tahoma;
    font-size: 12px;
    color: #FFF;
    background: #767879;
    padding: 2px 20px;
    margin: 5px;
    display: inline-block;
    border-right: #e0b654 3px solid;
    text-transform: uppercase;

    -moz-transition: all 600ms ease-in-out;
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}

.buttons:hover {
    color:#FFF;
    background-color: #e0b654;
    border-color:#767879;
}
.buttons.medium {
    padding: 10px 18px;
    font-size: 14px;
}
/*
*	Orange
*/
.buttons.orange{
	background: #767879;
	border-color: #e1472f;
}
.buttons.orange:hover{
	background-color: #e1472f;
	border-color:#767879;
}

/*
*	Red
*/
.buttons.red{
	background: #767879;
	border-color: #e13034;
}
.buttons.red:hover{
	background-color: #e13034;
	border-color:#767879;
}

/*
*	Blue
*/

.buttons.blue{
	background: #767879;
	border-color: #30a4e1;
}
.buttons.blue:hover{
	background-color: #30a4e1;
	border-color:#767879;
}

/*
*	Purple
*/

.buttons.purple{
	background: #767879;
	border-color: #ca30e1;
}
.buttons.purple:hover{
	background-color: #ca30e1;
	border-color:#767879;
}


/*
*	Tabs
*/
.block-tabs .tabs {height:35px; margin-bottom:-1px; overflow:hidden; position:relative; z-index:10;}
.block-tabs .tabs li {float:left; display:block; border-right:1px solid #ededed;  font-size:12px; color:#888888;background: #f4f4f4;}
.block-tabs .tabs li:hover{background: #FFF;}
.block-tabs .tabs li a {height:33px; line-height:33px; padding:0px 30px; display:block;  border-top:1px solid #ededed; border-bottom:1px solid #ededed;  font-size:12px; color:#868686; font-weight:normal;}
.block-tabs .tabs li a:hover { text-decoration:none; font-weight:bold;}
.block-tabs .tabs li a.current {font-weight:bold;height:34px; line-height:31px; background:none #ffffff; border-top:3px solid #e4b955; border-bottom:1px solid #ffffff; color:#404040;}
.block-tabs .tab_content {padding-top:21px; display:none; background-color:#ffffff; border-top:1px solid #ededed;}
.block-tabs .tab_content{
    padding: 20px 15px 10px;
}
.block-tabs .tab_content p {padding-bottom:0px; color:#797979;}
.block-tabs .tabs ul {
    margin: 0;
    padding: 0;
}
.block-tabs::after {
    content: ' ';
    display: block;
    height:0;
    border-bottom:8px solid #ececec;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
}

/*
*	Line Div
*/
.linediv {
    width: 100%;
    height: 3px;
    background: url(images/linediv.jpg) center center repeat-x;
    margin: 30px 0;
    clear: both;
}
.error-text {
    color: #e4b955;
}
.error-black-wrapp {
    background: #000;
    color: #FFF;
    padding: 0 5px;
}
.error-theme-wrapp {
    background: #e4b955;
    color: #FFF;
    padding: 0 5px;
}

.alignleft-img {
    float: left;
    padding: 4px;
    background: #FFF;
    margin: 0px 20px 20px 0;
}
.alignright-img {
    float: right;
    padding: 4px;
    background: #FFF;
    margin: 0px 0 20px 20px;
}

/*
*	Blog Video
*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top: 10px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}