/*
Author: Pixelart Inc.
Author URI: http://www.pixelartinc.com/

------------------------------------------------------------------
[Table of contents]
------------------------------------------------------------------

1. CSS Reset
2. Fonts
3. Basic Styles
4. Header
    a. Logo
    b. Navigation
    c. Social Icons
    d. Title Bar
5. Cycle Slider
6. Flex Slider
7. Home Contents
    a. Testimonials
    b. Services
    c. Attorneys
    d. Client Logos
	e. Attorneys Carousal
8. Attorneys Page & Attorneys Detail
9. About Page
10. Blog Detail
	a. Title
	b. Meta
	c. Detail
	d. Pagination
11. Blog Comments
	a. COmments List
	b. Comments Form
12. Sidebar
	a. Search Form
	b. Recent Posts
	c. Recent Comments
	d. Menu List
	e. Tag Cloud
	f. Calendar
13. Right Sidebar
14. Contact Page
	a. Contact Form
	c. Address
15. 404 Page
16. Gallery
17. Terms & Condition
18. Services Details
19. Footer
	a. Widget
	b. Social Icons
	c. Footer Bottom
20. Isotope (Required for Portfolio Filtration)


/****************************************************************************
    *-*-*-*CSS RESET*-*-*-*
****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }



/****************************************************************************
    *-*-*-*FONTS*-*-*-*
****************************************************************************/
@font-face {
    font-family: 'ralewaybold';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/raleway-bold-webfont.woff') format('woff'),
    url('fonts/raleway-bold-webfont.ttf') format('truetype'),
    url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/raleway-light-webfont.woff') format('woff'),
    url('fonts/raleway-light-webfont.ttf') format('truetype'),
    url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/raleway-regular-webfont.woff') format('woff'),
    url('fonts/raleway-regular-webfont.ttf') format('truetype'),
    url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/****************************************************************************
    *-*-*-*BASIC STYLES*-*-*-*
****************************************************************************/

body { background: #fff; }

a { color: #259c58; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

h2 { font: 30px 'ralewaybold', sans-serif; color: #322c2b; background: url("images/heading-bg2.png") left bottom no-repeat; padding-bottom: 18px; margin-bottom: 25px; }
h2 a { color: #322c2b; }

h3 { font: 21px 'ralewaybold', sans-serif; color: #322c2b;}
h3 a { color: #322c2b;}

h4 { font: 18px 'ralewaybold', sans-serif; }

h5 { font: 36px 'ralewaylight', sans-serif; margin-bottom: 30px; color: #7c7776; }
.first h5 { font: 30px 'ralewaylight', sans-serif; margin-bottom: 20px; }

h6 { font-size: 10px; }

p { font: 14px/24px 'ralewayregular', sans-serif; color: #322c2b; margin-bottom: 25px; }
p strong { font-family: 'ralewaybold'; }
p em { font-style: italic; }

::-moz-selection { background: #9d9391; color: #fff; text-shadow: none; }
::selection { background: #9d9391; color: #fff; text-shadow: none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; clear: both; }

img { max-width: 100%; }


/****************************************************************************
    *-*-*-*Header*-*-*-*
****************************************************************************/

header { background: #322c2b url("images/header-bg.png") no-repeat center top; min-height: 173px; }

.logo { line-height: 114px;}
.logo a img { border-right: 1px solid #5b5251; padding-right: 10px; margin-right: 10px; vertical-align: middle; }
.logo a span { color: #5b5251; font: 12px 'ralewayregular', sans-serif; vertical-align: middle;  }
.logo h2 { padding: 0px; margin: 0px; background: none; line-height: 114px; }
.logo h2 a { color: #fff; border-right: 1px solid #5b5251; padding-right: 10px; margin-right: 10px; vertical-align: middle; }
.logo h2 span { color: #5b5251; font: 12px 'ralewayregular', sans-serif; vertical-align: middle;  }

.phone { text-align: right; }
.phone p { font:24px 'ralewaybold', sans-serif;margin-top: 47px;  margin-right: 6px; color: #ece6e6; margin-bottom: 0; }
.phone p strong { vertical-align: middle; background: url("images/phone.png") left center no-repeat; display: inline-block; padding-left: 40px; }

.nav { margin-bottom: 0px; }
.nav, .sub-menu { background: #259c58;}
.nav ul { width: 75%; float: left; }
.nav ul li { font: 15px/58px 'ralewayregular', sans-serif; color: #ade0c3; float:left; border-right: 1px solid #30a763; position: relative; }
.nav ul li:last-child { border-right: 0px; }
.nav ul li a { color: #ade0c3; padding: 20px 24px 20px; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.nav ul li a:hover, .nav ul li.active > a { background: #20844b; color: #ffffff;}
.nav ul li .sub-menu { width: 200px; position: absolute; top: 58px; z-index: 9999; opacity: 0.8; display: none; }
.nav > ul > li > .sub-menu { left: 0px; }
.nav > ul > li > .sub-menu .sub-menu { left: 200px; top: 0px; }
.nav ul li .sub-menu li {border: 0px; display: block; width: 100%;}
.nav ul li .sub-menu li a{ display: block; padding: 0px; width: 90%; padding-left: 20px;}

.responsive_nav { display: none; }
.responsive_nav a { background: #259c58 url("images/resposive-errow.png") 90% center no-repeat; padding: 20px 24px; display: block; font: 15px 'ralewayregular', sans-serif; color: #ade0c3; }
.responsive_nav a:hover { background: #20844b url("images/resposive-errow.png") 90% center no-repeat; }

.res-nav { display: none; font: 15px/58px 'ralewayregular', sans-serif; color: #ade0c3; background: #259c58; }
.res-nav a { display: block; color: #ade0c3; padding: 0px 24px; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.res-nav a:hover { background: #20844b; color: #ffffff; }

.widget li .sub-menu { width: auto; position: static; display: block; background: none;padding-top: 10px; margin-left: 20px; }
.widget li .sub-menu li:last-child { margin-bottom: 0px; border: 0px; }

.social_icon {width: 25%; float: right; text-align: right; }

.social_icon a { display: inline-block;padding: 19px 14px;border-right: 1px solid #30a763; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.social_icon a:last-child {border: 0px;}
.social_icon a span { width: 19px; height: 18px; display: inline-block; vertical-align: middle; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.social_icon a:not(.icon):hover span {background-position: 0 -19px !important;}
.social_icon a.fb span {background: url("images/fb.png") no-repeat;background-position: 0 0px;}
.social_icon a.tw span {background: url("images/twet.png") no-repeat;background-position: 0 0px;}
.social_icon a.rss span {background: url("images/rss.png") no-repeat;background-position: 0 0px;}
.social_icon a.in span {background: url("images/in.png") no-repeat;background-position: 0 0px;}
.social_icon a.icon span { background-repeat: no-repeat; background-position: center center; background-size: cover; }

.title_bar  {margin-bottom: 72px;}
.title_bar h2 { display: inline-block; font-size: 36px; padding-top: 36px; margin-bottom: 36px; background: url("images/heading-bg.png") left bottom no-repeat; }


/****************************************************************************
    *-*-*-* CYCLE SLIDER *-*-*-*
****************************************************************************/

.wraper {background: #eeecec;}
.wrapr_two {background:#322c2b url("images/bg2.png") no-repeat;}

.wrapr_two .slides .detail h1 {color: #ffffff;}
.wrapr_two .slides .detail h3 {color: #888180;}
.wrapr_two .slides .detail p {color: #6c6564;}

.slider-wrap {position: relative; height: 740px;}
.slide-wrap { height: 740px; }
.slider-wrap > a { position: absolute; top: 50%; margin-top: -25px; width: 48px; z-index: 999999; height: 49px; display: block;-webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.slider-wrap > a.left { background: url("images/left3.png") no-repeat; left: 0px; background-position: 0 0; }
.slider-wrap > a.right {  background: url("images/right3.png") no-repeat; right: 0px; background-position: 0 0; }
.slider-wrap > a:hover { background-position: 0 -49px !important; }
.slides {width: 100%;}

.slides .detail { padding-top: 140px; }
.slides .detail h1 { color: #322c2b; background: url("images/heading-bg.png") left bottom no-repeat; padding-bottom: 15px; margin-bottom: 30px; font: 36px 'ralewaybold', sans-serif; }
.slides .detail h3 {color: #322c2b; margin-bottom: 50px; font: 36px 'ralewaylight', sans-serif;}
.slides .detail p { color: #322c2b; margin-bottom: 50px; font: 18px 'ralewayregular', sans-serif; line-height: 30px;  }

.slides figure { height: 650px; width: 100%; text-align: right; }


/****************************************************************************
    *-*-*-* FLEX SLIDER *-*-*-*
****************************************************************************/

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

.flexslider-wrap { height: auto; }
.flex-caption { background: #3f3938; padding: 30px; width: 400px; position: absolute; bottom: 80px; }
.flex-caption h1 { color: #ffffff; margin: 0 0 20px 0; font: bold 24px "ralewayregular"; }
.flex-caption p { color: #8f8887; margin: 0; }
.flexslider { position: relative; }
.flex-control-nav { display: none; }
.flex-direction-nav { position: absolute; bottom: 50%; margin-bottom: -25px; right: -48px; }
.flex-direction-nav li { display: inline-block; font-size: 0; margin: 0 -1px; }
.flex-direction-nav .flex-prev { display: block; background: url("images/left3.png") no-repeat !important;  background-position: 0 0 !important; width: 49px; height: 50px; transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s; }
.flex-direction-nav .flex-next { display: block; background: url("images/right3.png") no-repeat !important; background-position: 0 0 !important; width: 49px; height: 50px; transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s; }
.flex-direction-nav .flex-prev:hover { background-position: 0 -49px !important;  }
.flex-direction-nav .flex-next:hover { background-position: 0 -49px !important;  }


/****************************************************************************
    *-*-*-* HOME CONTENT *-*-*-*
****************************************************************************/

.home_content { padding-top: 96px; background: none; }

.clnt_sys {margin-bottom: 100px;}
.clnt_sys figure { width: 101px; height: 99px; float: left;  margin-bottom: 20px;}
.clnt_sys figure a {width: 100% ; height: 100% ; display: block; overflow: hidden; }
.clnt_sys figure img { width: 100%; height: 100%; transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;  }
.clnt_sys figure a:hover img {transform: scale(1.3, 1.3);-ms-transform: scale(1.3, 1.3);-moz-transform: scale(1.3, 1.3);-webkit-transform: scale(1.3, 1.3);}
.clnt_sys p { width: 78%; float: right; font-size: 20px; color: #77706f; line-height: 27px;  margin-bottom: 20px;  }
.clnt_sys h2 {background: url("images/heading-bg2.png") left bottom no-repeat; margin-bottom: 10px; color: #322c2b;}
.clnt_sys span  {color: #259c58; font: 15px 'ralewaybold', sans-serif;}

.service-wrap { padding-bottom: 40px; }
.service-wrap .butn { margin-left: 0px; }
.service-wrap .first { min-height: 400px; }
.service-wrap p a  { color: #259c58; display: block; }
.service-wrap p, .service h3 { margin-bottom: 20px; }

.service-two .first { text-align: center; min-height: inherit; margin-bottom: 60px; }
.service-two .first h2 { font-size: 48px; background-position: center bottom !important; margin-bottom: 10px; }
.service-two .service { background: #f5f3f3; margin-bottom: 30px; }
.service-two .service figure { margin-top: 30px; }
.service-two .service p { padding: 0 40px; }

.service { text-align: center; margin-bottom: 10px; }
.service figure { text-align: center; width: 100%; display: inline-block; margin-bottom: 30px; }
.service figure a { width: 100%; height: 100%; overflow: hidden; text-align: center; }
.service figure img { max-width: 100%; }
.service h3 a { font-size: 21px; }

.trust-wrap h2 { margin-bottom: 48px; }
.trust-wrap { background:#f5f3f3; padding-top: 86px; padding-bottom: 44px; margin-bottom: 110px; }
.trust-wrap.trust_content { margin-bottom: 0px; }
.trust-wrap .butn { margin-left: 0; }
.trust { margin-bottom: 30px; width: 270px; }
.jcarousel-item.trust { margin-left: 14px; margin-right: 14px; }
.trust figure { width: 100%; /*height: 191px;*/ margin-bottom: 38px; }
.trust figure a { width: 100% ; height: 100% ; display: block; overflow: hidden; }
.trust figure a:hover img { transform: scale(1.3, 1.3);-ms-transform: scale(1.3, 1.3);-moz-transform: scale(1.3, 1.3);-webkit-transform: scale(1.3, 1.3); }
.trust figure img { max-width: 100%; /*width: 100%; height: 100%;*/ transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s; }
.trust h3 { margin-bottom: 25px; }

.client-wrap { margin-bottom: 119px; }
.client-wrap h2 { font: 30px 'ralewaybold', sans-serif !important; color: #322c2b !important; /*background: url("images/heading-bg2.png") left bottom no-repeat !important;*/ padding-bottom: 18px !important; margin-bottom: 25px !important; }
.client-wrap .first {margin-bottom: 30px;}
.client-wrap .client {margin-bottom: 30px;margin-top: 17px;}
.client ul { border: 1px solid #e5e3e3; border-bottom: 0px; }
.client ul li { margin: 0px !important; padding: 0px !important; background: none !important; display: inline-block; width: 216px; float: left; border-right: 1px solid #e5e3e3; border-bottom: 1px solid #e5e3e3; text-align: center;}
.client ul li:nth-child(4n) { border-right: 0px; }
.client ul li a { margin: 21px 0px; display: block;}
.client ul li img { max-width: 100%; }



.client2 ul li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: inline-block;
    
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: 216px;
}

.brands-carousel {border-bottom: 0;border-top: 0;text-align: center;;}
.brands-carousel .jcarousel-clip-horizontal {overflow: hidden;height: auto;width: 100%; z-index: 10;}
.brands-carousel .jcarousel-next:hover, .brands-carousel .jcarousel-prev:hover { opacity: 0.7;}
.brands-carousel .jcarousel-next, .brands-carousel .jcarousel-prev { width: 12px; height: 23px; position: absolute; top: -75px; cursor: pointer;text-indent: -999em;z-index: 9999;}
.brands-carousel .jcarousel-prev {right: 50px; background: url("images/left-arrow.png") no-repeat center 0px;}
.brands-carousel .jcarousel-next {right: 26px;background: url("images/right-arrow.png") no-repeat center 0px;}
.brands-carousel ul.brands-carousel-list {list-style: none;}
.brands-carousel ul.brands-carousel-list li {height: auto;text-align: left;}
.brands-carousel ul.brands-carousel-list li a {width: 100%; height: 100%; display: block;}


/****************************************************************************
    *-*-*-* ATTORNEYS *-*-*-*
****************************************************************************/

.socios .trust{ margin-bottom: 48px;}

.atorney_detail .figure { float: right; margin-bottom: 30px; margin-left: 30px; }
.atorney_detail p {font-size: 14px; line-height: 24px; margin-bottom: 30px;}
.atorney_img a{ display: block; width: 100%; height: 100%; margin: 0 0 30px;}
.atorney_img img { max-width: 100%; }

.inquire ul { margin-bottom: 40px; }
.inquire ul li { font: 14px/26px 'ralewayregular', sans-serif; background: url("images/green_errow.png") left 12px no-repeat; padding-left: 20px; margin: 4px 0px; }
.inquire .box { text-align: center; background: #eeecec; padding: 27px 0px;  margin-bottom: 40px; }
.inquire .box p { font-size: 14px; color: #877e7d; margin-bottom: 18px; }
.inquire .box p:last-child { margin: 0px; }
.inquire .box .butn { border-radius: 4px; padding: 12px 62px; font: 24px 'ralewaybold', sans-serif; background: #322c2b; }

.atorney_books { margin-bottom: 90px; }
.atorney_books h2 { font-size: 22px; margin-top: 35px; margin-bottom: 33px; }
.atorney_books .books { width: 105px; height: 133px; float: left; margin-right: 58px; }
.atorney_books .books:last-child { margin-right: 0px; }
.atorney_books .books a { display: block; }
.atorney_books .books a img { width: 100%; height: 100%; }

.video { margin-bottom: 90px; position: relative; }
.video iframe  { width: 100%; height: 245px; display: block; line-height: 0; }
.video .vid-icon { width: 115px; height: 115px; position: absolute; background: #259c59 url(images/vid-icon.png) center center no-repeat; bottom: 0; right: 0; }


/****************************************************************************
    *-*-*-* ABOUT *-*-*-*
****************************************************************************/

.about_desc {margin-bottom: 90px;}
.about_desc p { font: 15px 'ralewaylight', sans-serif; line-height: 30px; color: #322c2b;}

.tag_line { margin-bottom: 40px; margin-top: 60px; }
.tag_line ul li { font: 18px 'ralewayregular', sans-serif; background: url("images/green_errow.png") left 12px no-repeat; padding-left: 20px; line-height: 30px; margin-left: 20px; padding-bottom: 12px; color: #322c2b; margin-bottom:12px; border-bottom: 1px solid #cccaca;}

.feature_list { margin-bottom: 30px; }
.feature_list h2 { margin-bottom: 55px !important; font: 30px 'ralewaybold', sans-serif !important; background: url("images/heading-bg2.png") left bottom no-repeat !important; padding-bottom: 18px !important; }
.featur { margin-bottom: 50px; }
.featur figure { width: 100px; height: 86px; display: inline-block; }
.featur a:hover img {border-radius: 25%;}
.featur figure a { display: block;}
.featur figure img{ width:  100%; height: 100%; }
.featur p{ font-size: 14px; color: #877e7d; width: 67%; float: right;  }


/****************************************************************************
    *-*-*-* BLOG SINGLE *-*-*-*
****************************************************************************/

.single .date { font: 16px 'ralewaybold', sans-serif; background: #259c58; text-align: center; padding: 16px 13px 19px; display: inline-block; color: #c8fbde; float: left; margin-right: 21px; margin-bottom: 35px;}
.single .date span { font: 25px 'ralewaybold', sans-serif; margin-bottom: 3px; display: block; text-align: center; color: #c8fbde; }
.single .title { float: left;  }

.single .title h2 { margin-bottom: 15px; font: 24px 'ralewaybold', sans-serif; color: #322c2b; }
.single .title h2 a{ font: 24px 'ralewaybold', sans-serif; color: #322c2b;}

.post { margin-bottom: 40px; margin-top: 22px; }
.post figure { margin-bottom: 35px; display: inline-block; line-height: 0px; float: left; max-width: 100%; }
.post figure.small { margin-right: 30px; }
.post figure img { max-width: 100%; }
.post .meta p {color: #322c2b; font: 15px 'ralewayregular', sans-serif; }
.post .meta p a { color: #322c2b; }
.post .meta p a strong { font-weight: bold; color: #259c58; }

.page .post-detail { margin-bottom: 60px; }

.post-detail h1, .post-detail h2, .post-detail h3,
.post-detail h4, .post-detail h5, .post-detail h6 { font-family: 'ralewayregular', sans-serif; margin-bottom: 15px; color: #322c2b; }
.post-detail h1 { font-size: 36px; }
.post-detail h2 { font-size: 30px; background: none; font-weight: normal; padding: 0px; text-align: left; }
.post-detail h3 { font-size: 26px; }
.post-detail h4 { font-size: 24px; }
.post-detail h5 { font-size: 20px; }
.post-detail h6 { font-size: 18px; }

.post-detail p { margin: 0 0 30px; }

.post-detail ul, .post-detail ol { margin-bottom: 40px; }
.post-detail ul > li { font: 14px 'ralewayregular', sans-serif; color: #322c2b;  margin-bottom: 25px; background: url("images/green_errow.png") no-repeat left 4px ; padding-left: 20px; }
.post-detail ul ul { margin-top: 25px; }
.post-detail ol li { font: 14px 'ralewayregular', sans-serif; color: #322c2b;  margin-bottom: 25px; list-style: decimal; margin-left: 20px; }

.post-detail pre { padding: 20px; margin-bottom: 25px; }
.post-detail code { padding: 5px; }

.post-detail blockquote { margin-bottom: 40px; background: #eeecec; border-left: 5px solid #56a778; padding: 15px; }
.post-detail blockquote p { font: italic 13px/25px 'ralewayregular', sans-serif; color: #322c2b; }
.post-detail blockquote p:last-child { margin: 0px !important; }

.post-detail form {margin-bottom: 40px;}
.post-detail form br { display: none; }
.post-detail input[type="text"]{ max-width: 31%; background: #eeecec; float: left; margin-right: 20px; font:14px 'ralewayregular', sans-serif; border: 0px !important; border-radius: 0px; height: 24px;}
.post-detail .last {margin-right: 0px !important;}
.post-detail textarea { width: 98.6%; background: #eeecec; font:14px 'ralewayregular', sans-serif; border: 0px !important; border-radius: 0px; height: 70px; resize: none;}
.post-detail input[type="submit"]{ border: 0px !important; font: 12px 'ralewayregular', sans-serif; padding: 12px 40px; margin-left: 0px; }

.post-detail p small { color: #858585; font:14px 'ralewayregular', sans-serif; }

.post.no-found form { position: relative; width: 50% }
.post.no-found form input[type="text"] { box-shadow: none; background: #eeecec; font: 15px 'ralewaybold', sans-serif; border: 0px; width: 87%; height: 32px; padding-right: 42px; border-radius: 0px; }
.post.no-found form input[type="submit"] { width: 21px; border: 0px; height: 22px; display: block; position: absolute; top: 50%; margin-top: -15px; background: url("images/serch.png") no-repeat; right: 16px;}

.post-detail table { width: 100%; text-align: left; margin-bottom: 30px; }
.post-detail table th,
.post-detail table td { width: 24%; border-right: 1px solid #cbc9c9;font: 16px 'ralewayregular', sans-serif; color: #322c2b;border-bottom: 1px solid #cbc9c9; height: 30px; line-height: 30px; padding-left: 1%; }
.post-detail table th { font-family: 'ralewaybold', sans-serif; }
.post-detail table tr th:last-child,
.post-detail table tr td:last-child { border-right: 0px; }
.post-detail table tr:last-child th,
.post-detail table tr:last-child td { border-bottom: 0px; }
.post-detail table.border { border: 1px solid #cbc9c9; }
.post-detail table.border th { background: #56a778; color: #fff; }

.pagination { text-align: right; margin: 0 0 130px; }
.pagination p { font: 15px 'ralewaybold', sans-serif; color: #7d7d7d; }
.pagination a { font: 15px 'ralewaybold', sans-serif; color: #7d7d7d; border-bottom: 2px solid #ffffff; margin: 0 9px; display: inline-block; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out; }
.pagination a:hover,
.pagination a.active { border-bottom: 2px solid #259c58; color: #322c2b; }


/****************************************************************************
    *-*-*-* COMMENTS *-*-*-*
****************************************************************************/

.comments h2 { font-size: 24px; margin-bottom: 35px; }
.comments ul li,
.comments ul li > div { margin-bottom: 30px; }
.comments ul li figure { width:71px; height:71px; float:left; margin-right:20px; }
.comments ul li .comnt_detail { width:88%; float:right; }
.comments ul li .comnt_detail span { margin-right: 16px; margin-bottom:16px; display: inline-block; }
.comments ul li .comnt_detail .meta { border-bottom: 1px solid #eeecec; margin-bottom: 8px ;}
.comments ul li .comnt_detail .meta p { margin-bottom: 8px ; color: #7b7777;}
.comments ul li .comnt_detail .comment-reply-link { color: #259c58; font-size: 14px; font-family: 'ralewaybold', sans-serif; }
.comments ul li .comnt_detail p { font-size: 14px; font-family: 'ralewayregular', sans-serif; line-height: 24px; color: #7b7777; margin-bottom: 20px; }
.comments > ul > li:last-child { margin-bottom: 125px; }

.comments .children { margin-left: 86px; }
.comments .children .comnt_detail{ width: 86%; }

.comment_form h2 { font-size: 24px; margin-bottom: 35px; }
.comment_form, #respond { margin-bottom: 130px; }
.comment_form, #respond { width: 90%; }
.comment_form input[type="text"], #respond input[type="text"]{ margin-bottom: 20px; box-shadow: none; width: 95%; background: #eeecec; font: 15px 'ralewaybold', sans-serif; border: 0px !important; border-radius: 0px; height: 32px; color: #878787; padding-left: 15px; padding-right: 15px; }
.comment_form textarea, #respond textarea { margin-bottom: 20px; box-shadow: none; width: 95%; background: #eeecec; font: 15px 'ralewaybold', sans-serif; border: 0px !important; border-radius: 0px; height: 170px; resize: none; color: #878787; padding: 15px; }
.comment_form input[type="submit"], #respond input[type="submit"]{ border: 0px !important; font: 15px 'ralewaybold', sans-serif; padding: 12px 60px; float: right; color: #fff; background: #259c58; }


/****************************************************************************
    *-*-*-* SIDBAR *-*-*-*
****************************************************************************/
.sidebar .widget {margin-bottom: 50px;}

.sidebar .widget form { position: relative; }
.sidebar .widget form input[type="text"] { box-shadow: none; background: #eeecec; font: 15px 'ralewaybold', sans-serif; border: 0px; width: 85%; height: 32px; padding-right: 42px; border-radius: 0px; padding-left: 15px; }
.sidebar .widget form input[type="submit"] { width: 21px; border: 0px; height: 22px; display: block; position: absolute; top: 50%; margin-top: -15px; background: url("images/serch.png") no-repeat; right: 16px;}

.sidebar .widget .recent-post li {border-bottom: 1px solid #eeecec; padding-bottom: 20px; margin-bottom: 20px;background: none; padding-left: 0px; width: 100%; float: none;  margin-right: 0px; }
.sidebar .widget .recent-post li:last-child { border: 0px; }
.sidebar .widget .recent-post li > a { display: block; float: left; width: 70px; height: 70px;}
.sidebar .widget .recent-post li > a img{ width: 100%; height: 100%;}
.sidebar .widget .recent-post div { float: right; width: 283px; }
.sidebar .widget .recent-post div h5{margin-bottom: 10px; color: #322c2b ; font-size: 14px; font-weight: bold;}
.sidebar .widget .recent-post div h5 a{ color: #322c2b ; font-size: 14px; font-weight: bold; }
.sidebar .widget .recent-post div p {font-size: 14px; margin-bottom: 0px; font-family: 'ralewayregular', sans-serif; color: #afafaf;}

.sidebar .widget .recentcomments { width: 100%; float: none; }
.sidebar .widget .recentcomments a { color: # }

.sidebar .widget ul { overflow: hidden; }
.sidebar .widget ul li { width: 40%; float: left; margin-right: 15px; border-bottom: 1px solid #eeecec; margin-bottom: 20px; font: 15px 'ralewayregular', sans-serif; background: url("images/green_errow.png") left 5px no-repeat;  padding-left: 20px; padding-bottom: 5px; }
.sidebar .widget ul li a { color: #322c2b; }
.sidebar .widget ul li a:hover { color: #259c58; }
.sidebar .widget ul li:nth-child(2n) { margin-right: 0; }

.sidebar .widget li.page_item { width: 100%; float: none; margin-right: 0px; border: none; }
.sidebar .widget li.page_item ul.children { margin-top: 25px; }
.sidebar .widget li.page_item ul.children li:last-child { border: none; margin: 0; padding-bottom: 0; }

.sidebar .widget li.menu-item { width: 100%; float: none; margin-right: 0px; border: none; }
.sidebar .widget li.menu-item ul.children { margin-top: 25px; }
.sidebar .widget li.menu-item ul.sub-menu li:last-child { border: none; margin: 0; padding-bottom: 0; }

.sidebar .widget li.recentcomments a { font-weight: bold; }

.sidebar .widget .tagcloud a { margin: 0px 20px 15px 0px; font: 15px 'ralewaybold', sans-serif; font-size: 15px !important; color: #afafaf; border-bottom: 2px solid #afafaf; padding-bottom: 3px; display: inline-block; }
.sidebar .widget .tagcloud a:hover { color: #7ab794; border-bottom: 2px solid #259c58; }

#wp-calendar { width: 100%; }
#wp-calendar caption { margin-bottom: 10px; font-weight: bold; }
#wp-calendar thead { background: #259c58; text-align: center; margin-bottom: 6px; display: block; line-height: 25px; }
#wp-calendar td { text-align: center; width: 14%; display: inline-block; vertical-align: middle; }
#wp-calendar td#today a { border-bottom: 2px solid #259c58; }
#wp-calendar th { width: 52px; color: #fff; display: inline-block; vertical-align: middle; }


/****************************************************************************
    *-*-*-* RIGHT SIDEBAR *-*-*-*
****************************************************************************/
.main_content {margin-bottom: 150px;}
.main_content p {font: 14px 'ralewayregular', sans-serif; color: #322c2b; line-height: 32px; margin-bottom: 50px;}
.main_content ul {margin-bottom: 50px;}
.main_content ul li { font: 14px 'ralewayregular', sans-serif; color: #322c2b;  margin-bottom: 25px; background: url("images/green_errow.png") no-repeat left center ; padding-left: 20px; }


/****************************************************************************
    *-*-*-* CONTACT *-*-*-*
****************************************************************************/

.contact_page p.contact-text { margin-bottom: 30px; font: 14px 'ralewayregular', sans-serif; color:#322c2b ; line-height: 22px;}
.contact_page .map { margin-bottom: 46px;}

.contact_form {margin-bottom: 50px;}
.contact_form fieldset{width: 48%; float: left; margin-right: 3%;}
.contact_form fieldset.last { margin-right: 0px; }
.contact_form input[type="text"],
.contact_form input[type="email"] { margin-bottom: 27px; width: 97%; background: #f5f3f3; font: 14px 'ralewayregular', sans-serif; border-color: #e2e0e0; border-radius: 0px; height:30px; box-shadow: none;}
.contact_form textarea { margin-bottom: 27px; width: 96%; background: #f5f3f3; font:14px 'ralewayregular', sans-serif;  border-color: #e2e0e0; padding: 10px 10px; border-radius: 0px; box-shadow: none; height: 230px; resize: none;}
.contact_form input[type="submit"]{ border: 0px !important; font:20px 'ralewayregular', sans-serif; padding: 9px 60px; margin: 0px; background: #259c58; color: #fff; }
label.error { display: none !important; }
input.error,
textarea.error { border-color: #e9322d !important; }
#loading { margin: 0px 0px 0px 20px; display: inline-block; visibility: hidden; vertical-align: middle; }
#success { display: none; margin: 25px 0 0; padding: 10px 15px; font-weight: bold; }

.adress h2 {margin-bottom: 43px;}
.adress .top {margin-bottom: 57px;}
.adress .top p {font: 14px 'ralewayregular', sans-serif; color: #322c2b; padding-bottom: 13px; margin-bottom: 10px; border-bottom: 1px solid #e2e0e0; padding-left: 31px; vertical-align: middle;}
.adress .top p.adrs {background: url("images/adrs.png") no-repeat left 0px;}
.adress .top p.mail {background: url("images/mail.png") no-repeat left 0px;}
.adress .top p.call {background: url("images/cal.png") no-repeat left 0px;}


/****************************************************************************
    *-*-*-* ERROR *-*-*-*
****************************************************************************/

.error_page { text-align: center; min-height: 900px; padding-top: 70px;}
.error_page .hex:before { content: " "; width: 0; height: 0; border-bottom: 130px solid #259c58; border-left: 222px solid transparent; border-right: 222px solid transparent; position: absolute; top: -130px; left: 0; }
.error_page .hex { margin: 30px auto 0; width: 444px; height: 260px; background-color: #259c58; position: relative; margin-bottom: 175px; }
.error_page .hex:after { content: ""; width: 0; position: absolute; bottom: -130px; border-top: 130px solid #259c58; border-left: 222px solid transparent; border-right: 222px solid transparent; left: 0; }
.error_page .hex strong { font: 200px/140px 'ralewaybold', sans-serif; color: #ffffff; padding-top: 30px; padding-bottom: 30px; display: inline-block; border-bottom: 2px solid #ffffff; margin-bottom: 20px; }
.error_page .hex span { display: block; font: 22px 'ralewaybold', sans-serif; color: #ffffff; }
.error_page a { font: 24px 'ralewaybold', sans-serif; color: #259c58; }


/****************************************************************************
    *-*-*-* GALLERY *-*-*-*
****************************************************************************/

.portfolio-nav { margin-bottom: 60px;}
.portfolio-nav ul { margin-bottom: 15px; border-bottom: 1px solid #eeecec; display: block; }
.portfolio-nav li { float: left; margin-bottom: -1px; list-style-type: none; }
.portfolio-nav li a { padding: 0 9px 10px; display: inline-block; border-bottom: 1px solid #eeecec; font: 16px 'ralewaybold', sans-serif; color: #d1d1d1;
    -webkit-transition:all 0.6s ease-in-out 0s;
    -moz-transition:all 0.6s ease-in-out 0s;
    -o-transition:all 0.6s ease-in-out 0s;
}
.portfolio-nav li a:hover { color: #322c2b; border-color: #259c58; }
.portfolio-nav li .selected { color: #322c2b; border-color: #259c58; }

#project-container  { margin-bottom: 80px; width: 100%; }
.portfolio { text-align: center; margin-bottom: 30px; }
.portfolio.post { text-align: left; }
.portfolio > a { display: block; overflow: hidden; line-height: 0px; }
.portfolio > a img { opacity: 1;
    transition: all linear 0.15s;
    -ms-transition: all linear 0.15s;
    -moz-transition: all linear 0.15s;
    -webkit-transition: all linear 0.15s;
    -o-transition: all linear 0.15s;
}
.portfolio > a:hover img { opacity: 0.8; }
.portfolio .overlay { /*position: absolute; bottom: 0px; left: 0px;*/ background: #eeecec; padding: 15px 0px; width: 100%; text-align: center; }
.portfolio .overlay h6 { font: 25px 'ralewayregular', sans-serif; color: #322c2b; margin-bottom: 2px; }
.portfolio .overlay a { color: #259c58; font: 14px 'ralewayregular', sans-serif; }


/****************************************************************************
    *-*-*-* TERMS *-*-*-*
****************************************************************************/

.terms {margin-bottom: 150px;}
.terms div { margin-bottom: 30px; }
.terms p {font: 14px 'ralewayregular', sans-serif; color: #777574; line-height: 32px;}
.terms h6 { font: 14px 'ralewaybold', sans-serif; color: #777574; margin-bottom: 30px;}


/****************************************************************************
    *-*-*-* SERVICES DETAIL *-*-*-*
****************************************************************************/

.service_detail .top, .service_detail .second , .service_detail .thrd {margin-bottom: 60px;}
.service_detail .top .two p{ color: #9d9391; font:14px 'ralewayregular', sans-serif; line-height: 24px; }

.service_detail .top .one h2 { font-size: 30px; margin: 15px auto 15px; }
.service_detail .top .one p { color: #9d9391; font: 14px 'ralewaybold', sans-serif; line-height: 24px;  }
.service_detail .top figure { margin-bottom: 25px; text-align: center; width: 71px; float: left; }
.service_detail .top figure img { max-width: 100%; }
.service_detail .top .one > div { float: right; width: 70%; }
.service_detail .top .span8 p { margin-top: 20px; }

.servc_detail_wrap { padding: 40px 0px 0px 0px; background: #f5f3f3; text-align: center; }
.servc_detail_wrap h2 { display: inline-block; background-position: bottom center; margin-bottom: 60px; }
.servc_detail_wrap .service { margin-bottom: 30px; }


/****************************************************************************
    *-*-*-* FOOTER *-*-*-*
****************************************************************************/

footer { background: #202020;padding-top: 79px; }

footer .widget { margin-bottom: 100px; }
footer .widget h4 { color:#c7c7c7; background:url("images/footer-headng.png") left bottom no-repeat; padding-bottom: 10px; margin-bottom: 38px; }
footer .widget p { color:#606060; margin-bottom: 30px; }
footer .widget li { border-bottom: 1px solid #323232; padding-bottom: 10px; margin-bottom: 10px; color: #616161; font: 14px 'ralewayregular', sans-serif; }
footer .widget li a { color: #616161; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
footer .widget li a:hover { color: #999999; }
footer .widget li span,
footer .widget p a { color: #999999; }
footer .widget .menu li { width: 45%; float: left; margin-right: 10%; }
footer .widget .menu li:nth-child(2n) { margin-right: 0px; }
footer .widget .get_touch li:last-child { border-bottom: 0px; }

.social a { width: 30px; height: 30px; display: inline-block; margin-left: 4px; background-position: 0 0; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.social a:hover { background-position: 0 -30px !important; }
.social a.fb { background: url("images/fbk.png") no-repeat;background-position: 0 0px; }
.social a.tw { background: url("images/twtr.png") no-repeat;background-position: 0 0px; }
.social a.rs { background: url("images/rs.png") no-repeat;background-position: 0 0px; }
.social a.in { background: url("images/in2.png") no-repeat;background-position: 0 0px; }
.social a.vn { background: url("images/ver.png") no-repeat;background-position: 0 0px; }
.social a.gp { background: url("images/gp.png") no-repeat;background-position: 0 0px; }

footer .footer-bottom { border-top: 1px solid #323232; }
footer .footer-bottom p{ color:#606060 ; font-size: 14px; line-height: 70px;}
footer .footer-bottom p a { margin-left: 30px; color:#606060 ; font:14px 'ralewayregular', sans-serif}
footer .footer-bottom p a:hover { color: #999999; }
footer .footer-bottom .right{ text-align: right;}
footer .footer-bottom p a:first-child { margin: 0; }


/****************************************************************************
    *-*-*-* ISOTOPE *-*-*-*
****************************************************************************/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-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;
    -o-transition-property:         top, left, opacity;
    transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}