/****************************************************************************
    *-*-*-*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%;		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/ARIALBD.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/ARIAL.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('fonts/ARIAL.TTF');
    font-weight: normal;
    font-style: normal;
}


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

body { background: #fff; }

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

h2 { font: 22px '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: #a41444; margin-bottom: 25px;}
h3 a { color: #a41444;}

h4 { font: 16px '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: 13px/24px 'ralewayregular', sans-serif; color: #777574; margin-bottom: 12px; text-align:justify}
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: #fff  no-repeat center top; min-height: 152px; }

.logo { line-height: 114px;}
.logo a img { padding-right: 10px; margin-right: -13px; 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: #4A4949; 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: #A41444;}
.nav ul { width: 100%; float: left; }
.nav ul li { font: 15px/38px 'ralewayregular', sans-serif; color: #ade0c3; float:left; border-right: 1px solid #a35a71; position: relative; }
.nav ul li:last-child { border-right: 0px; }
.nav ul li a { color: #fff; padding: 10px 24px 10px; -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: #4A4949; 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: #A41444 url("images/resposive-errow.png") 90% center no-repeat; padding: 20px 24px; display: block; font: 15px 'ralewayregular', sans-serif; color: #fff; }
.responsive_nav a:hover { background: #4A4949 url("images/resposive-errow.png") 90% center no-repeat; }

.res-nav { display: none; font: 15px/58px 'ralewayregular', sans-serif; color: #fff; background: #A41444; }
.res-nav a { display: block; color: #fff; 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: #4A4949; 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: 60px;}
.title_bar h2 { display: inline-block; font-size: 24px; 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: 200px; }
.slides .detail h1 { color: #4A4949; background: url("images/heading-bg.png") left bottom no-repeat; padding-bottom: 50px; margin-bottom: 50px; font: 48px 'ralewaybold', sans-serif; }
.slides .detail h3 {color: #4A4949; margin-bottom: 50px; font: 48px 'ralewaylight', sans-serif;}
.slides .detail p { color: #4A4949; 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: none; 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: 0px; 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: 90px; }
.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: 370px; } 
@media (max-width: 768px) {
  .trust {
    width: auto;
  }
}
.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 img { max-width: 100%;  display: block;
    margin-left: auto;
    margin-right: auto }/*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%; }

.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 *-*-*-*
****************************************************************************/

.atorneys .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%; margin-bottom: 30px;}

.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: 40px; }
.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: #A41444; 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;}
.adress .top p.linkedin {background: url("images/linkedin.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: 35px;}
.terms div { margin-bottom: 30px; }
.terms p {font: 13px 'ralewayregular', sans-serif; color: #777574; line-height: 23px;}
.terms h6 { font: 14px 'ralewaybold', sans-serif; color: #777574; margin-bottom: 10px;}


/****************************************************************************
    *-*-*-* 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: 60px 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: #4A4949;padding-top: 30px; }

footer .widget { margin-bottom: 0px; }
footer .widget h4 { color:#c7c7c7; background:url("images/footer-headng.png") left bottom no-repeat; padding-bottom: 10px; margin-bottom: 25px; }
footer .widget p { color:#ffffff; margin-bottom: 26px; }
footer .widget li { border-bottom: 1px solid #656565; padding-bottom: 10px; margin-bottom: 10px; color: #ffffff; font: 13px 'ralewayregular', sans-serif; }
footer .widget li a { color: #ffffff; -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: #ffffff; }
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: 0px solid #4A4949; }
footer .footer-bottom p{ color:#808080 ; font-size: 13px; line-height: 70px;}
footer .footer-bottom p a { margin-left: 30px; color:#808080 ; font:13px 'ralewayregular', sans-serif}
footer .footer-bottom p a:hover { color: #fff; }
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;
}


.span3 {
    width: 270px !important;
}