.top-header{

background : #747474;


}
.top-header ul li{border-right: 1px solid #d9ac21;height: 27px;}
.top-header ul li:first-child{border-left: 1px solid #d9ac21}
.top-header ul li a{margin-left:10px}
.top-header ul li>a, .top-header span{font-family: 'Open Sans', sans-serif; font-weight:bold;font-size: 11px;color: #fff;margin-right: 10px; line-height:27px; display:inline-block}
.top-header a:hover{}
.top-header .login{background:#a9861a; margin-bottom:0; font-size:11px !important}
#logo{font-family: 'Open Sans', sans-serif; font-size: 38px;color:#222; margin-top:10px; display:block}

.tagline{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color:rgb(125,125,125);
	margin-bottom:0;
	color:#7f7f7f;
}

/*PAGE TITLE PART */
.banner{
    background-image: url('../images/bg/page-title.html');
    height: 85px;
    padding-top:25px;
    width: 100%;
}

.page_title{
    font-family: 'Open Sans', sans-serif; font-weight:bold;
    font-size: 22px;
    color: rgb(89,89,89);
    margin-left: 25px;
}

.banner>.button{
    background: #f2c025;
    border:none;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #fff;
}


/* HOME CONTENT*/
.services{
    background: #f2c025;
    height: 150px;
    text-align: center;
    padding-top:20px;
}
.services img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    margin-bottom: 20px;
    
}
.services span{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color:#fff;
    margin-top: 20px;
    
}
.service_learn_more{
    border:1px solid;
    border-color: rgb(236,236,236);
    text-align: center;
    height: 50px;
    padding-top: 18px;
}
.service_learn_more a{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color:rgb(116,116,116);
}
.module{
    height: 55px;
    background: rgb(102,102,102);
    margin: 15px 0;
}
.module_title{
    margin-left: -25px;
    padding-top: 15px;
    font-family: 'Open Sans', sans-serif; font-weight:bold;
    font-size: 15px;
    color:#fff;
}
.module_img{
    background: #f2c025;
    width: 100%;
    height: 55px;
    margin: 0 -10px 0 -18px;
    padding: 15px;
}
.module_arrow{
    position: absolute;
    top: 20px;
    right: 20px;
    width: 0; 
    height: 0; 
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent; 
    border-left:10px solid blue; 
    border-left-color: #f2c025;
}
.promo{
    background: #f5f5f5;
    padding: 25px 15px;
    border: 1px solid;
    border-color: #eaeaea;
    margin: 15px 0;
}
.promo span{
    font-size: 20px;
    color: #000;  
	display:inline-block;
	line-height:40px
}
.promo a.button{background: #f2c025;
    font-size: 13px;
    color: #fff;
}
a.button.shadow-button{margin-bottom:0}
.promo a.button:hover{
    background:rgb(169,134,26); 
}
.module_content .row{
    margin-bottom: 20px;

}
.mod_con_text{
    margin-left: 15px;
}
.mod_con_text h5{
	font-weight:bold;
    font-size: 15px;
    color: #000;
	margin:0;
}
.mod_con_text p{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: rgb(116,116,116);
    margin: 0;
}
.mod_con_text a{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: rgb(144,144,144);
    text-decoration: underline;
    font-style: italic;
}
.module_content .row.collapse{
    margin-bottom: 1px;
    margin-left: 1px;
}
#testimonial_slide li{width:352px; max-width:100%;}
.testimonial-content{
    background: rgb(241,241,241);
    border:1px solid;
    border-color: rgb(212,212,212);
    font-family: Georgia;
    font-size: 16px; 
    color:rgb(109,109,109);
    font-style: italic;
    padding: 20px;
    position: relative;
    margin-bottom: 15px;
}
.testimonial-content:after, .testimonial-content:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.testimonial-content:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: rgb(241,241,241);
    border-width: 10px;
    margin-left: 1px;
    
}
.testimonial-content:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: rgb(212,212,212);
    border-width: 11px;
    
}


.module_content cite{
    font-family: Georgia;
    font-size: 17px;
    color: rgb(72,72,72);
    font-style: italic;
}
.test_author{
    font-family: Georgia;
    font-size: 11px;
    color: #f2c025;
    font-style: italic;
}

/* BLOG CONTENT*/

.content_wrapper{ margin-top:25px;}
.post_img{margin-bottom:10px; position:relative;}
.mod_con_img{position:relative}
.post_text{font-size: 13px; color: #8d8d8d;margin-top: 0px;}
.button:hover{background: #a9861a}
.post{padding-bottom: 45px; border-bottom: 1px solid #f0f0f0; margin-bottom: 15px;}
.post h3, .post h2{color:#00000c; font-size:22px;}
.meta {position:absolute; left:0px; bottom:0px; list-style:none; margin-bottom:1px}
.meta li {background:url('../images/meta_bg.png') no-repeat; width:110px; height:37px; display:inline-block; padding:0px 10px; line-height:37px; color:#fff; font-family: 'Open Sans', sans-serif; font-size:11px}

.post.col1-alternative h2 {margin:0 0 0.4em 0}
.post.col1-alternative {padding-bottom:0px; margin-bottom:20px}
.post.col1-alternative .meta {margin-bottom:2px}
.post.col-2{padding-bottom:10px; margin-bottom:25px}
.post.col-2 .post_img{margin-bottom:0}
.post.col-2 h2 {margin:10px 0 0 0}
.post.col-2 .post_text{margin-top:10px}
.post a.button {font-style:italic}

.pagination-wrapper{margin-bottom:40px}
.pagination li.current a{background: #f2c025;}
.pagination li{}
.pagination li>a{font-family: 'Open Sans', sans-serif;font-size: 13px;color: #fff; padding:4px 10px; background: #74777b}
.pagination li.current a:hover, .pagination li a:hover{background: #f2c025}

/*SIDEBAR AND WIDGETS*/

.widgets{border: 1px solid #dfdfdf;margin-bottom: 15px;}
.widgets > h3{font-size: 17px;color:#fff;background: #74777b;padding-left: 20px;height: 50px;line-height:50px;margin:0;text-transform:uppercase;}
.wid_content{padding: 20px;}
.widgets ul.categories {list-style:none; margin-bottom:0}
.widgets ul.categories li{background:url('../images/list1.png') no-repeat left; padding-left:20px; line-height:26px; color:#000}
.widgets ul.categories a{font-family: 'Open Sans', sans-serif;font-size: 13px;color: #000; }
.widgets ul.categories a:hover{color:#9d9d9d}
.widgets ul.categories span{font-family: 'Open Sans', sans-serif; color:#9d9d9d; margin-left:4px}
.widgets.side-widgets{border:none}
.side-nav li, .section-container section .title a, .section-container .section .title a, .section-container.auto section .title a, .section-container.auto .section .title a {font-size:1em}

#tags{
    list-style: none;
    margin-bottom: 70px;
}

#tags li{
    float: left;
    margin: 2px;
    background: #f2c025;
    border-radius:5px;
}
#tags li a{
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #fff;
    margin: 5px;
}
#tags li:hover{background:#a9861a}
.widgets a.user, .widgets p.wid_date{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color:#f2c025;
}


/*-----------Flickr widget-----------*/
.thumbs { margin: 0px; padding: 0px; overflow: hidden; }
.thumbs li { list-style: none; float: left;}
.thumbs li a { }
.thumbs li img { display: block; }
.thumbs li a img { border: none;width:66px;height:66px;margin:6px;}
.thumbs li a img:hover{border:#f2c025 6px inset; }


/* FOOTER */

.footer_wrapper{
    background: #2e2e2e url('../images/footer_shadow.png') no-repeat top center;
    padding-top: 30px;
}

h4.footer-title{font-size: 18px;color:#f2c025; background: #2e2e2e url('../images/footer_title_border.png') no-repeat bottom; padding-bottom:10px}
.footer_part_content{font-size: 13px;color:#c0c0c0;margin-top: 10px;}
.footer_part_content input[type="text"], .footer_part_content textarea{
    background: #292929;
	border: solid 1px #232323; 
	color:#bbb;
	
}
.footer_part_content input[type="text"] {height:32px}
.footer_part_content textarea{height:80px}
.footer_part_content input[type="text"]:hover, .footer_part_content textarea:hover{ background: #232323;}
.footer_part_content a.postfix{
    background: #f2c025;
    font-size: 11px;
    color:#fff;
    border:1px solid;
    border-color: rgb(36,36,36);
}

.footer_bottom .right{float:right !important; text-align:right}
#footer-contact-form div.small-6.columns:first-child {padding-right:0.6em; padding-left:1.250em} 
#footer-contact-form div.small-6.columns {padding-left:0.6em} 

.footer_part_content span.foot_about{
    font-size: 13px;
    color: rgb(115,115,115);

}
.footer_part_content a.foot_about{
    font-size: 13px;
    color: #fff;
    text-decoration: #fff; 
}
.footer_part_content img{
    margin-bottom: 5px;
}
.footer_part_content a.button{
    margin-top: 15px;
}
.footer_wrapper>.row{
   background:url('../images/footer_bottom_sep.png') repeat-x bottom center;
    margin-bottom: 20px;
}
.footer_bottom p{
    font-size: 11px;
    color:rgb(115,115,115);
}

/* CONTACT*/
.contact_title{
    font-family: 'Open Sans', sans-serif; font-weight:bold;
    font-size: 21px;
    color:#f2c025;
    margin-top: 20px;
}
.contact_text{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: rgb(141,141,141);
}
.contact_form{
    margin-top: 20px;
}
.contact_form input[type="text"], .contact_form textarea{
    height: 50px;
    background: #f9f9f9;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color:#333;
}
.contact_form textArea{
    height: 135px;
}
.contact_form div.small-4.columns, .contact_form div.large-4.columns{padding-left:0}
.contact_form div.small-4.columns:first-child, .contact_form div.large-4.columns:first-child{padding-left:1.250em}
.contact_form input.button{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color:#fff;
	padding: 1.4em 1.7em;
    font-weight: normal;
    margin-top: 15px;
    border-radius: 5px;
}
.contact_info{
    margin-top: 15px;
    font-family: Arial;
    font-size: 13px;
    color: rgb(27,27,27);
}
.success{color:green; font-weight:bold}
.error{color:red; font-weight:bold}
.contact_info a{
    color: rgb(27,27,27);
    text-decoration: underline;
}
.contact_info img{
    margin-bottom: 5px;
}
#map_canvas{width:100%; height:450px;}

/*PORTFOLIO*/
.filter{border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;padding: 20px 0;margin-bottom: 20px;}
.filter li {display:inline-block; margin-left:20px}
.filter li:first-child{margin-left:0}
.filter li.active a, .filter li:hover a{background:#f2c025; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.filter li a {font-family:'Open Sans', serif; color:#747474; font-size:14px; text-transform:uppercase; padding:4px 10px; font-weight:bold}

.portfolio-content, .filter{list-style:none}

.portfolio-content li {margin-bottom:20px}

/*SINGLE POST*/

.comment_count{
    margin-bottom: 10px;
    margin-top: 30px;
	font-weight:bold;
}
.post.single-post{padding-bottom:10px}
/*COMMENTS*/
.color{
    color: #f2c025;
}
.comment_list{
    list-style: none;
    overflow: hidden;
    margin: 0;
    
}
.com_item:first-child{
    
    margin-top: 0;
    padding-top: 0;
}
.com_item{
    padding-top: 25px;
    float: left;
    width: 100%;
}
.com_main{
    border-bottom: 1px solid;
    border-bottom-color: rgb(240,240,240);
    padding-bottom: 0;
    margin: 0;
    height: 110px;
}
.avatar{
    width: 80px;
	height:80px;
    border:5px solid;
    border-color: #f2c025;
    border-radius: 5px;
    position: relative;
    float: left;
    margin-right: 15px;
}
.avatar img{
    width: 70px;
    height: 70px;

}
.com_content{
    float: left;
}
.user_name>a{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; 
    color: rgb(60,60,60)
}
.com_date{
    font-family: 'Open Sans', sans-serif;
    font-size: 11px; 
    color: rgb(184,184,184)
}

 p.com_text{
    font-family: 'Open Sans', sans-serif;
    font-size: 13px; 
    color: rgb(134,134,134)
}
.com_reply{
    width: 100%;
    float: left;
    margin-top: -5px;;
}
.com_reply a.button{
    background: rgb(134,134,134);
    font-family: 'Open Sans', sans-serif;
    font-size: 11px; 
    color: #fff;
    border-radius: 5px;
}
.com_item .com_child{
    list-style: none;
    float: left;
    position: relative;
    margin: 0;
    padding: 25px 0 0 75px;
    width: 100%;
    
}
.com_item .com_child .com_item{
    position: relative;
    
}

/*PROJECTS*/
.proj_image{
    
}
.proj_image img{
    width: 770px;
}
.proj_view a.button{
    background: #f2c025;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #fff;
}
.proj_view a.button:hover{
    background: rgb(169,134,26);
}

/*MAIN SLIDER*/

/*IMAGE CAROUSEL*/
.work_slide{
	position: relative;
}
#work_slide{
    list-style: none;	max-width:100% !Important;
}
.caroufredsel_wrapper{max-width:100% !Important;}
#work_slide li{
    float: left;
	margin-left:10px;
	margin-right:10px;
}
#work_slide.related-projects li{margin-left:10px; margin-right:10px}
#work_slide.related-projects li:first-child{margin-left:0px}

#work_slide li img {
	display: block;
	float: left;
	height:100%;
	width:262px;	
}

a.prev, a.next {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: -58px;
	color: rgb(184,184,184);
	background: rgb(118,118,118);
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 25px;
	line-height:18px;
}
a.prev {
    right: 44px;
    background-position: 0 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
a.next{
    right:10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

a.prev.disabled, a.next.disabled {
    cursor: default;
}

a.prev span, a.next span {
    display: none;
}
.clearfix {
	float: none;
	clear: both;
}
.testimonial-block a.prev, .testimonial-block  a.next{top:38px}
.testimonial-block a.prev{right:60px}
.testimonial-block a.next{right:26px}
.popular-posts article{margin-bottom:20px !important}

.featured-block{
	width:100%;
	height: 255px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	background:#f2c025;
}

.featured-block > a{
    text-align: left;
    width: 100%;
    height: 100%;
    display: block;
    color: #333;
    position: relative;
}
.fblock-icon{
    font-size: 53px;
    color: #fff;
    line-height: 150px;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    top: -20px;
	text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	padding-right:0; 
	display:block;
}
.fblock-content{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 50%;
    top: 50%;
}
.fblock-main{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color:#fff;
    text-align: center;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.fblock-sub{
    text-align:center;
    font-size: 14px;
	background:#fff;
	color:#747474;
	border:solid 1px #e8e8e8;
	border-top:none;
    line-height: 48px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.featured-block:hover{
   background:#fff;
}
.featured-block:hover .fblock-icon{
	font-size:70px;
    color: #f2c025;
    -webkit-animation: moveFromLeft 400ms ease;
    -moz-animation: moveFromLeft 400ms ease;
    -ms-animation: moveFromLeft 400ms ease;
}
.featured-block:hover .fblock-main{
	color:#f2c025;
    -webkit-animation: moveFromRight 300ms ease;
    -moz-animation: moveFromRight 300ms ease;
    -ms-animation: moveFromRight 300ms ease;
}
.featured-block:hover .fblock-sub{
	border-color:#f2c025;
	background:#f2c025;
	color:#fff;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeft{from {-webkit-transform: translateX(-100%);}to {-webkit-transform: translateX(0%);}}
@-moz-keyframes moveFromLeft{from {-moz-transform: translateX(-100%);}to {-moz-transform: translateX(0%);}}
@-ms-keyframes moveFromLeft{from {-ms-transform: translateX(-100%);}to {-ms-transform: translateX(0%);}}
@-webkit-keyframes moveFromRight {from {-webkit-transform: translateX(100%);}to {-webkit-transform: translateX(0%);}}
@-moz-keyframes moveFromRight { from {-moz-transform: translateX(100%);}to {-moz-transform: translateX(0%);}}
@-ms-keyframes moveFromRight {from { -ms-transform: translateX(100%);}to {-ms-transform: translateX(0%);}}
@-webkit-keyframes moveFromBottom {from { -webkit-transform: translateY(100%);} to {-webkit-transform: translateY(0%);}}
@-moz-keyframes moveFromBottom {from { -moz-transform: translateY(100%);}to {-moz-transform: translateY(0%);}}
@-ms-keyframes moveFromBottom {from {-ms-transform: translateY(100%);}to {-ms-transform: translateY(0%);}}

.title-block{background:#666666; margin:25px 0px 15px 0px}

.title-block .icon-container{float:left; background:#f2c025; width:63px; height:55px; text-align:center;  padding-right:0px !Important}
.title-block .icon {font-size:30px; color:#fff; line-height:55px;  display:block; padding-right:0px !Important}
.arrow-right {width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #f2c025; float:left; margin:18px 0 0 -4px}
.title-block h3{ color:#fff; float:left; margin:0px 0 0 10px !important; font-size:15px; font-weight:bold; text-transform:uppercase; line-height:55px; padding:0}
/******************************************************************/

.social-icons li {display:inline-block; margin-left:6px; width:32px; height:32px; background:#585858; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center;}
.social-icons li:hover{background:#f2c025}
.social-icons i {font-size:20px; color:#2e2e2e; padding:6px 6px 4px 4px} 

.about-info li {list-style:none; line-height:30px; }
.about-info li span, .about-info li a {color:#737373; font-size:13px; }
.about-info li:hover a, .about-info li:hover span{color:#fff}
.about-info li a:hover {text-decoration:underline}
.about-info i {font-size:16px; color:#737373; }

.contact_info .about-info li:hover a, .contact_info .about-info li:hover span{color:#000}
.contact_info .about-info li span, .contact_info .about-info li a{font-weight:bold; color:#444}
.main-content-top{background:url(../images/page-title.png) no-repeat center; min-height:84px; padding-top:10px}
.main-content-top h2{padding-left:1.250em; text-transform:uppercase; color:#fff; font-weight:bold; font-size:22px; line-height:44px}
@media only screen and (max-width: 48em) {
	.featured-block{margin-bottom:20px}
}