/*

	Author: Pixelart Inc.

	Author URI: http://www.pixelartinc.com/

*/



button{

border:0;

}



.algemeen_left{

width: 47%;

float:left;

margin-right: 5%;

}



.algemeen_right{

width: 47%;

float:left;

}



.algemeen_video{

width: 47%;

float:left;

}



#algemeen_bottom {

height: 100%;

float: left;

width: 100%;

margin-top: 76px;

}



#algemeen_bottom p{

margin: 0 0 10px;

}



.tp-caption a:hover{

color: #000!important;

}



.post-detail input[type="submit"]{color:#fff;}



/****************************************************************************

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; }

.welc ul {padding-left: 17px; list-style: circle!important;}

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; font: 14px'ralewayregular', sans-serif; }



a { color: #259c58; text-decoration: none; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }



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

h1 a { color: #322c2b; }



h2 { font: 20px 'ralewaybold', sans-serif; color: #322c2b; padding-bottom: 18px; margin-bottom: 25px; padding-left: 8%; padding-right: 11%; }

h2 a { color: #322c2b; text-decoration:underline;}



h3 { font: 16px 'raleway', sans-serif; color: #322c2b;padding-left: 4%; padding-right: 11%;}

h3 a { color: #322c2b;}



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



h5 { font: 12px '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;padding-left: 8%; padding-right: 11%;}

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: #D1D1D1; min-height: 173px; }

.footer-bottom p{margin-bottom:0px;}

.logo { line-height: 114px;}

.logo a img { border-right: 1px solid #5b5251; padding-right: 10px; margin-right: 10px; vertical-align: middle; }

.logo a span { font-weight: bold!important;color: #20315d; font: 15px '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;  }

.nav ul li a {color:#fff!important;}

.nav ul li, .social_icon a{ border: none !important;}

.phone { text-align: right; }

.phone p { font:24px  sans-serif;margin-top: 9px;  margin-right: 6px; color: grey; margin-bottom: 0; }

.phone p strong { vertical-align: middle; background: url("../images/phone.png") left center no-repeat; display: inline-block; padding-left: 40px; }



header .nav { box-sizing: border-box; margin: 0 30px; width: 97.5%;}

.nav, .sub-menu { background: #259c58;}

.nav ul { width: 102%; float: left; }

.nav ul li { font: 15px/58px 'ralewayregular', sans-serif; color: #ade0c3; float:left; border: none; 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: 374px; position: absolute; top: 58px; z-index: 9999; opacity: 1.0; 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{ background:#20315d;display: block; padding: 0px; width: 95%; padding-left: 20px;}

.nav ul li .sub-menu li.active > a{ background:#5473d6;}



.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{display:none;}

.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.tw{padding:20px 14px;}

.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; }





/****************************************************************************

    *-*-*-* HOME 3*-*-*-*

****************************************************************************/

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



.wrapr_three .nav, .wrapr_three .sub-menu { background: #d9370b; }



.wrapr_three .responsive_nav > ul > li > ul > li > a {border-bottom:1px solid #e94c22;}

.wrapr_three .responsive_nav > ul > li > ul {position: absolute;background-color: #d9370b;}



.wrapr_three .nav ul li { border-right: 1px solid #e94c22; }

.wrapr_three .nav ul li a { color: #ffb7a3;}

.wrapr_three .nav ul li a:hover { background: #cb330a; color: #ffffff;}

.wrapr_three .social_icon a { border-right: 1px solid #e94c22;}



.wrapr_three .social_icon a.fb span {background: url("../images/fb3.png") no-repeat;background-position: 0 0px;}

.wrapr_three .social_icon a.tw span {background: url("../images/twet3.png") no-repeat;background-position: 0 0px;}

.wrapr_three .social_icon a.rss span {background: url("../images/rss3.png") no-repeat;background-position: 0 0px;}

.wrapr_three .social_icon a.in span {background: url("../images/in4.png") no-repeat;background-position: 0 0px;}



.wrapr_three .slides .detail h1 {color: #ffffff;}

.wrapr_three .slides .detail h3 {color: #888180;}

.wrapr_three .slides .detail p {color: #6c6564;}



.services_scnd h2 { display: inline-block; background-position: center bottom;}

.services_scnd .first p {margin-bottom: 48px;}

.services_scnd .first {background: none !important;}

.services_scnd .service {background: #f5f3f3 url("../images/heading-bg2.png") center top no-repeat; margin-bottom: 50px;}

.services_scnd .service figure {margin-top: 30px;}



.clnt_sys {margin-bottom: 100px;}

.clnt_sys figure { width: 101px; height: 99px; float: left;  margin-bottom: 20px;}

.clnt_sys figure img { width: 100%; height: 100%;   }

.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-bg3.png") left bottom no-repeat; margin-bottom: 10px; color: #322c2b;}

.clnt_sys span {color: #904f23; font: 15px 'ralewaybold', sans-serif;}





/****************************************************************************

    *-*-*-*HOME4*-*-*-*

****************************************************************************/

.wrapr_four {background: url("../images/bg3.png") no-repeat;}



.wrapr_four header {background: none;}

.wrapr_four .nav, .wrapr_four .sub-menu { background: #4f3625; }

.wrapr_four .phone p strong {background: url("../images/phone2.png") left center no-repeat; color: #4f3625;}



.wrapr_four .responsive_nav > ul > li > ul > li > a {border-bottom:1px solid #5c412f;}

.wrapr_four .responsive_nav > ul > li > ul {position: absolute;background-color: #4f3625;}



.wrapr_four .nav ul li { border-right: 1px solid #5c412f; }

.wrapr_four .nav ul li a { color: #a58c7c;}

.wrapr_four .nav ul li a:hover { background: #fe4e00; color: #ffffff;}

.wrapr_four .social_icon a { border-right: 1px solid #5c412f;}



.wrapr_four .social_icon a.fb span {background: url("../images/fb2.png") no-repeat;background-position: 0 0px;}

.wrapr_four .social_icon a.tw span {background: url("../images/twet2.png") no-repeat;background-position: 0 0px;}

.wrapr_four .social_icon a.rss span {background: url("../images/rss2.png") no-repeat;background-position: 0 0px;}

.wrapr_four .social_icon a.in span {background: url("../images/in3.png") no-repeat;background-position: 0 0px;}



.wrapr_four .slides .detail h1 {color: #4f3625; background: url("../images/header-bg3.png") left bottom no-repeat;}

.wrapr_four .slides .detail h3 {color: #4f3625;}

.wrapr_four .slides .detail p {color: #4f3625;}



.wrapr_four .slider-wrap > a.left { background: url("../images/left2.png") no-repeat; left: 0px; background-position: 0 0;  }

.wrapr_four .slider-wrap > a.right {  background: url("../images/right2.png") no-repeat; right: 0px; background-position: 0 0; }



.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-bg3.png") left bottom no-repeat; margin-bottom: 10px; color: #322c2b;}

.clnt_sys span  {color: #904f23; font: 15px 'ralewaybold', sans-serif;}





/****************************************************************************

    *-*-*-* 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 {  margin-bottom: 90px; position: relative;}

.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:hover { background-position: 0 -49px !important; }

.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; }



.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%; }

.slides figure img { height: 100%; width: 100%; }



.flexslider {height:574px;position: relative; width: 102%; }

.flexslider .slides { width: 100%;height:574px;}

.flexslider .slides a { width: 95.6%;display: block;height:100%;}

.flexslider .slides a img { width: 100%;height:100%;}





/****************************************************************************

    *-*-*-* CONTENT *-*-*-*

****************************************************************************/

.service-wrap { padding-bottom: 0px; }

.service-wrap .butn { margin-left: 0px; }

.service-wrap .first {margin-bottom: 47px; margin-top:290px;min-height: 400px; background: #f5f3f4;padding: 17px;}



.service-two .first { text-align: center; min-height: inherit; margin-bottom: 60px; }

.service-two .first h2 { font-size: 48px; background-position: center bottom; 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 { width: 30%;text-align: left;margin-bottom: 47px;background: #f5f3f4;padding: 17px;}

.service figure { text-align: center;width: 17%;display: inline-block;margin-bottom: 30px;float: left;margin-right: 24px;}

/*.service:hover a {*/

    /*-webkit-transform: rotate(360deg);*/

    /*-moz-transform: rotate(360deg);*/

    /*-o-transform: rotate(360deg);*/

    /*-ms-transform: rotate(360deg);*/

/*}*/

.service figure a { width: 100%; height: 100%; overflow: hidden; text-align: center;

    -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;

    display: block;

}

.service figure img { max-width: 100%; }



.service-wrap p a  { color: #259c58; display: block; }

.service-wrap p, .service h3 { margin-bottom: 40px;height: 52px;margin-top: 28px; }

.service h3 a { font-size: 21px; }



.trust-wrap h2 { margin-bottom: 48px; }

.trust-wrap { background: #f5f3f3;padding-top: 47px;padding-bottom: 47px;margin-bottom: 0px; }

.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; max-width: 24.85%; /*height: 105px;*/ 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%; }





/****************************************************************************

    *-*-*-* ATTORNEYS *-*-*-*

****************************************************************************/

.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; }



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

/*.atorneys { padding-bottom:450px; }*/



.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 figure {width: 100%; height: 468px;}

.atorney_img figure a{ display: block; width: 100%; height: 100%;}

.atorney_img figure img{width: 100%; height: 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 { display:none;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 a:hover {*/

    /*-webkit-transform: rotate(360deg);*/

    /*-moz-transform: rotate(360deg);*/

    /*-o-transform: rotate(360deg);*/

    /*-ms-transform: rotate(360deg);*/

/*}*/

.featur figure a {-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;  display: block;}

.featur figure img{ width:  100%; height: 100%; }

.featur p{ font-size: 14px; color: #877e7d; width: 67%; float: right;  }





/****************************************************************************

    *-*-*-* SINGLE *-*-*-*

****************************************************************************/

.single .date { display:none;}

.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: #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 20px; }



.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: block; }

.post-detail input[type="text"]{ max-width: 100%; background: #eeecec;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: 470px; background: #eeecec; font:14px 'ralewayregular', sans-serif; border: 0px !important; border-radius: 0px; height: 122px; 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; }



.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: 98%; background: #eeecec; font: 15px 'ralewaybold', sans-serif; border: 0px !important; border-radius: 0px; height: 24px; color: #878787; }

.comment_form textarea, #respond textarea { margin-bottom: 20px; box-shadow: none; width: 98%; background: #eeecec; font: 15px 'ralewaybold', sans-serif; border: 0px !important; border-radius: 0px; height: 170px; resize: none; color: #878787; }

.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; }



.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; }





/****************************************************************************

    *-*-*-* SIDBAR *-*-*-*

****************************************************************************/

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



.sidebar .widget form { position: relative; }

.sidebar .widget form input[type="text"] {background: #fff none repeat scroll 0 0; border: 0 none;border-radius: 0;box-shadow: none;font: 15px "ralewaybold",sans-serif;height: 32px;left: 36%;padding-right: 42px;position: relative;width: 72%;}

.sidebar .widget form input[type="submit"] { background: rgba(0, 0, 0, 0) url("../images/serch.png") no-repeat scroll 0 0; border: 0 none;display: block;  height: 22px;margin-top: -15px;position: absolute;right: -64px;top: 50%;width: 21px;}

.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; }





/****************************************************************************

    *-*-*-* Search Form *-*-*-*

****************************************************************************/

.no-found form { position: relative; }

.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; }

.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;}





/****************************************************************************

    *-*-*-* CONTACT *-*-*-*

****************************************************************************/

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

.contact_page .map { float:left;width: 45%; margin-right:40px; margin-left: 34px !important; margin-bottom: 46px;}

.foto_contact{width: 40%;float:left;}

.foto_contact img{max-width: 600px;max-height:350px;}

#map-canvas{height:350px!important;}



.sub_form {margin-bottom: 50px;}

.sub_form fieldset{width: 48%; float: left; margin-right: 3%;}

.sub_form fieldset.last { margin-right: 0px; }

.sub_form input[type="text"]{ margin-bottom: 27px; width: 97%; background: #f5f3f3; font: 14px 'ralewayregular', sans-serif; border-color: #e2e0e0; border-radius: 0px; height:30px; box-shadow: none;}

.sub_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;}

.sub_form input[type="submit"]{ -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background:#20315d!important;color:#fff;border: 0px !important; font:20px 'ralewayregular', sans-serif; padding: 9px 60px; margin: 0px; }

.sub_form input[type="submit"]:hover{background:#5473d6!important; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}



.ct_left{width: 225px; float: left; margin-right: 3%;}

.ct_right { margin-right: 0px; }



.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"]{ 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"]{ -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; background:#96c346!important;color:#fff;border: 0px !important; font:20px 'ralewayregular', sans-serif; padding: 9px 60px; margin: 0px; }

.contact_form input[type="submit"]:hover{-webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}

.span.wpcf7-not-valid-tip { font: 14px 'ralewayregular', sans-serif; }



.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; }





/****************************************************************************

    *-*-*-* 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; }





/****************************************************************************

    *-*-*-* 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; }



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



#gallery-1 .gallery-item{float:none!important;width:auto!important;margin-top:0px!important;text-align:left!important;}



/****************************************************************************

    *-*-*-* 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: 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; }





/****************************************************************************

    *-*-*-* SHORTCODES *-*-*-*

****************************************************************************/

.typo_title { font: 16px 'ralewaybold', sans-serif !important; border-bottom: 1px solid #eeecec; color:  #322c2b; margin-bottom: 32px !important; padding-bottom: 10px; }

.demo_buttons { margin-bottom: 30px; }

.demo_buttons .butn { 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:#868686; 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: #868686; -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: 100%; 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; }





/****************************************************************************

    *-*-*-* CAROUSEL *-*-*-*

****************************************************************************/

.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;}

/*.brands-carousel ul.brands-carousel-list li a img { width: 100%; height: 100%; }*/





/******************************

   Isotope CSS3 transitions

******************************/

.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;

}





/********************************************************

    *-*-*-* CAROUSEL *-*-*-*

*********************************************************/

.wrap { position: relative; margin-left: 0px; }



#wrapper { width: 470px; float: right; margin: 0px 40px; }



#carousel-wrapper { padding-bottom: 10px; position: relative; }



#carousel { position: relative; }



#carousel-wrapper .caroufredsel_wrapper { height: 178px !important; }



#carousel > span { height: 311px !important; }

#carousel > span img {  width: 100%; }



.wrap .next { display: block; width: 55px; height: 108px; top: 139px; position: absolute; right: -16px; background: url("../images/next.png") no-repeat; }



.wrap .prev { display: block; width: 55px; height: 108px; top: 139px; position: absolute; left: -16px; background: url("../images/prev.png") no-repeat; }



#thumbs-wrapper { width: 100%; margin-bottom: 30px; position: relative; }



#thumbs { overflow: hidden; width: 300px; height: 300px; width: 300px; height: 300px; }



#carousel span, #carousel img, #thumbs a, #thumbs img { display: block; float: left; }



#carousel span, #carousel a, #thumbs span { position: relative; }



#thumbs img { border: none; width: 100%; position: absolute; top: 0; left: 0; }



#carousel img { border: none; position: absolute; top: 0; left: 0; }



#carousel img.glare, img.glare { width: 102%; height: auto; }





#thumbs-wrapper .caroufredsel_wrapper { margin: 0px !important; height: 70px !important; }



#thumbs a { position: relative; }



#thumbs { width: 100% !important; height: 377px !important; }



#thumbs a { margin-bottom: 10px !important; float: left; width:78px !important; height: 44px !important; border: 5px solid #ffffff; margin: 0 2px; overflow: hidden; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -ms-transition: border-color .5s; transition: border-color .5s; }



#thumbs a:hover, #thumbs a.selected { border-color: #259c58; }



#thumbs a img { height: 100%; }



#prev { display: block; width: 25px; height: 60px; position: absolute; top: 5px;  display: block !important;  background: url("../images/single-prev.png") no-repeat; background-size: 100% 100%; }



#next { display: block; width: 25px; height: 60px; position: absolute; top: 5px; right: 18px; display: block !important;  background: url("../images/single-next.png") no-repeat;  background-size: 100% 100%;}



#prev { background-position: 0 0; left: 10px; }





#prev.disabled, #next.disabled { display: block !important; }



#donate-spacer { height: 100%; }



#donate { border-top: 1px solid #999; width: 750px; padding: 50px 75px; margin: 0 auto; overflow: hidden; }



#donate p, #donate form { margin: 0; float: left; }



#donate p { width: 650px; }



#donate form { width: 100px; }



#rev_slider_3_1_wrapper .tp-leftarrow.default{ 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;  background: url("../images/left3.png") no-repeat; background-position: 0 0; width: 49px; height: 50px; }

#rev_slider_3_1_wrapper .tp-rightarrow.default { background: url("../images/right3.png") no-repeat; background-position: 0 0;  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;margin-top: -25px !important; }

#rev_slider_3_1_wrapper .tp-leftarrow:hover { background-position: 0 -49px;  }

#rev_slider_3_1_wrapper .tp-rightarrow:hover  { background-position: 0 -49px;  }



/*.tp-leftarrow.default{ 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;  background: url("../images/left3.png") no-repeat !important;  background-position: 0 0 !important; width: 49px; height: 50px; left: 0px !important;; }*/

/*.tp-rightarrow.default{  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; right: 0px !important;; }*/

/*.tp-leftarrow:hover { background-position: 0 -49px !important;  }*/

/*.tp-rightarrow:hover  {   background-position: 0 -49px !important;  }*/



.welc{

	    font: 14px/24px "ralewayregular",sans-serif;

}





#schild{

height: 244px;

margin-left: 47px;

position: absolute;

color: #fff;

width: 304px;

background: url(https://julicher-meijer.nl/wp-content/uploads/2014/11/vlak.jpg) no-repeat;

}



#schild .recht{

color:#fff;

text-align:center;

font: 21px 'ralewaybold', sans-serif;

margin-top:30px;

}



#schild .recht a{

color:#fff;

font: 15px 'ralewayregular', sans-serif;

margin-top:21px;

}



#schild .tele{

color:#20315d;

text-align:center;

font-size:21px;

margin-top:84px;

}



#schild .tele img{

margin-right:10px;

}

@media screen and (max-width:1280px){

.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {

  width: 1240px;

}



.content .container {

    width: 1140px;

}

}

@media screen and (max-width:1200px){

#schild{

margin-left: 20px;

width: 251px;

}

}





@media screen and (max-width:940px){

#schild{

margin-left: 0px;

width: 250px;

}

}



.home_content .service-wrap .welc p{

	margin-bottom:0px;

}



.welc .service{ position:relative;}

.welc .span3.service button {

    bottom: 15px;

    left: 18px;

    position: absolute;

}



.row.service-wrap .welc:nth-child(4) .span3.service > a:last-child{

    bottom: 15px;

    left: 18px;

    position: absolute;

}



p.ser_btxt{ margin-top:15px;}

.ser_grt_bel{font: 15px 'ralewayregular',sans-serif; padding: 7px; margin-top: 162px; width: 120px; background: #20315d none repeat scroll 0% 0%;}

.btn_ser_inf{font: 15px 'ralewayregular', sans-serif; color: #fff; padding: 7px; margin-left: 0px; margin-top: 20px; width: 282px; background: #20315d;}

.ser_area_tb{ }

.law_big_scr{

	float:left;

	margin-left:45px;

	width:900px;

}

.law_ser_box_td{

	width:425px;

	background-color:#f5f3f4;

	position:relative;

	padding:20px;

	box-sizing: border-box;

	

}

.law_ser_box_td_blank{

	width:50px;

}

.law_ser_box_tr_blank{

	height:46px;

}

.law_ser_box_btn_bel{

	position:absolute;

	font: 15px 'ralewayregular', sans-serif;

	color: #fff; 

	padding: 7px; 

	border: 0; 

	width: 120px; 

	background: #20315d;

	bottom:15px;

	left:15px;

	

}

.law_ser_box_btn{

	position:absolute;

	font: 15px 'ralewayregular', sans-serif;

	color: #fff; 

	padding: 7px; 

	border: 0; 

	width: 97px; 

	background: #20315d;

	bottom:15px;

	left:15px;

	

}

.law_ser_box_btn_form{

	position:absolute;

	font: 15px 'ralewayregular', sans-serif;

	color: #fff; 

	padding: 7px; 

	border: 0; 

	width: 282px; 

	background: #20315d;

	bottom:15px;

	left:15px;

	

}

.ser_area_tb figure {

    display: inline-block;

    float: left;

    margin-bottom: 30px;

    margin-right: 24px;

    text-align: center;

    width: 17%;

}

.ser_area_tb h3 {

    height: 52px;

    margin-bottom: 40px;

    margin-top: 28px;

}

.ser_area_tb p {

    height: inherit;

    margin-bottom: 10px;

    

}

.ser_area_tb ul {

    list-style: outside none circle !important;

}

.law_ser_box_td .less_a {

	float:left;

    margin-top: 10px;

}

.serv_mobile{display:none;}

.pop_box_cls p{ height:auto; }

.serv_mobile p{ height:auto;}

.single-services .law_ser_box_btn{ display:none;}







.columns *,

.columns *:before,

.columns *:after,

.schild *,

.schild *:before,

.schild *:after,

.two-columns *,

.two-columns *:before,

.two-columns *:after {

	box-sizing: border-box;

}

.columns {

	display: flex;

	flex-flow: row wrap;

	margin: 0 0 23px;

}

.columns .article {

	width: calc(33.333% - 20px);

	margin: 0 10px 30px;

	padding: 25px 24px 40px;

	position: relative;

	background: #f5f3f4;

	font-size: 18px;

	line-height: 30px;

	color: #606060;

}

.columns h2 {

	font: 30px/1 "ralewayregular", Arial, sans-serif;

	padding: 0 0 24px;

	margin: 0 0 29px;

	color: #20315d;

	position: relative;

}

.columns h2:after {

	width: 75px;

	height: 1px;

	content: "";

	position: absolute;

	bottom: 0;

	left: -5px;

	background: #20315d;

}

.columns p {

	padding: 0;

	margin: 0 0 30px;

	font: inherit;

}

.columns ul {

	margin: 0 0 30px;

	padding: 0;

	list-style: none;

	font: inherit;

	color: inherit;

}

.columns ul li {

	padding: 0 0 0 17px;

	position: relative;

}

.columns ul li:before {

	width: 8px;

	height: 8px;

	content: "";

	position: absolute;

	top: 10px;

	left: 0;

	border: 2px solid #20315d;

	border-radius: 100%;

}

.columns .btn {

	min-width: 263px;

	max-width: 80%;

	padding: 5px 15px !important;

	font-size: 18px;

	line-height: 23px;

	color: #fff;

	background: #20315d;

	position: absolute;

	bottom: 18px;

	left: 50%;

	transform: translateX(-50%);

	box-shadow: none;

	border: none;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	border-radius: 0;

}

.columns .btn:hover {

	background: #12224c;

}

.schild {

	display: flex;

	flex-flow: row wrap;

	margin: 0 0 50px;

	font: 30px/40px "ralewaybold", Arial, sans-serif;

}

.schild .recht,

.schild .tele {

	font: inherit;

	color: #fff;

	padding: 20px 49px;

	margin: 0 10px 30px;

}

.schild .recht {

	width: calc(66.666% - 20px);

	background: #20315d;

}

.schild .recht a {

	display: inline-block;

	vertical-align: middle;

	color: #fff;

	font: 18px/30px "ralewayregular", Arial, sans-serif;

	margin: 0 0 0 30px;

}

.schild .recht a:hover { opacity: 0.9;}

.schild .tele {

	width: calc(33.333% - 20px);

	background: #3b3b3b;

}

.schild .tele strong{

	display: inline-block;

	vertical-align: middle;

	margin: 0 20px 0 0;

	font: 18px/30px "ralewayregular", Arial, sans-serif;

}

.schild .tele br,

.schild .tele img {

	display: none;

}

.schild .tele a { color: #fff;}

.schild .tele a:hover { opacity: 0.5;}

.two-columns {

	display: flex;

	flex-flow: row wrap;

	margin: 0 0 60px;

}

#content {

	width:66.666%;

	padding: 0 10px 30px;

	font-size: 18px;

	line-height: 30px;

	color: #606060;

}

#content:only-child {

	width: calc(100% - 20px);

}

#content h2 {

	font: 30px/1 "ralewayregular", Arial, sans-serif;

	padding: 0 0 24px;

	margin: 0 0 29px;

	color: #20315d;

	position: relative;

}

#content h2:after {

	width: 75px;

	height: 1px;

	content: "";

	position: absolute;

	bottom: 0;

	left: -5px;

	background: #20315d;

}

#content p {

	color: inherit;

	font: inherit;

	padding: 0;

	margin: 0 0 30px;

}

#content h3 {

	font-size: 18px;

	line-height: 30px;

	padding: 0;

	margin: 0 0 30px;

}

#content .lists {

	display: flex;

	flex-flow: row wrap;

	margin: 0 -10px;

}

#content .lists ul {

	width: 33.333%;

	list-style: none;

	margin: 0;

	padding: 0 10px 30px;

	font: inherit;

	color: inherit;

}

#content .lists ul:first-child {

	width: 66.666%;

}

#content .lists ul li {

	padding: 0 0 0 17px;

	position: relative;

}

#content .lists ul li:before {

	width: 8px;

	height: 8px;

	content: "";

	position: absolute;

	top: 10px;

	left: 0;

	border: 2px solid #20315d;

	border-radius: 100%;

}

#sidebar {

	width: 33.333%;

	padding: 0 10px 0 35px;

}

.widget {

	margin: 0 0 30px;

	font: 18px/30px "ralewayregular", Arial, sans-serif;

}

.widget h3 {

	font: 30px/1 "ralewayregular", Arial, sans-serif;

	padding: 0 0 24px;

	margin: 0 0 29px;

	color: #20315d;

	position: relative;

}

.widget h3:after {

	width: 75px;

	height: 1px;

	content: "";

	position: absolute;

	bottom: 0;

	left: -5px;

	background: #20315d;

}

.widget p {

	color: inherit;

	font: inherit;

	padding: 0;

	margin: 0 0 30px;

}

.columns .widget ul {

	list-style: none;

	margin: 0 0 30px;

	padding: 0;

	font: inherit;

	color: inherit;

}

.columns .widget ul li {

	padding: 0 0 0 17px;

	position: relative;

}

.columns .widget ul li:before {

	width: 8px;

	height: 8px;

	content: "";

	position: absolute;

	top: 10px;

	left: 0;

	border: 2px solid #20315d;

	border-radius: 100%;

}

.widget a {

	display: inline-block;

	vertical-align: top;

	color: #20315d;

	font-family: "ralewaybold", Arial, sans-serif;

}

.widget a:hover { opacity: 0.8;}

.widget a.more:after {

	content: " >>";

}



@media screen and (max-width: 1200px){

	.columns { margin: 0 0 20px;}

	.columns .article {

		margin: 0 10px 30px;

		padding: 20px 20px 40px;

		font-size: 16px;

		line-height: 24px;

	}

	.columns h2 {

		font-size: 23px;

		padding: 0 0 20px;

		margin: 0 0 20px;

	}

	.columns h2:after { left: 0;}

	.columns p { margin: 0 0 20px;}

	.columns ul { margin: 0 0 20px;}

	.columns ul li { padding: 0 0 0 14px;}

	.columns ul li:before {

		width: 6px;

		height: 6px;

		top: 8px;

	}

	.columns .btn {

		font-size: 16px;

		bottom: 15px;

	}

	.schild {

		margin: 0 0 20px;

		font-size: 23px;

		line-height: 30px;

	}

	.schild .recht,

	.schild .tele {

		padding: 15px 25px;

		margin: 0 10px 20px;

	}

	.schild .recht a {

		font-size: 16px;

		line-height: 24px;

		margin: 0 0 0 20px;

	}

	.schild .tele strong{

		margin: 0 10px 0 0;

		font-size: 16px;

		line-height: 24px;

	}

	.two-columns {

		margin: 0 0 30px;

	}

	#content {

		font-size: 16px;

		line-height: 24px;

	}

	#content h2 {

		font-size: 23px;

		padding: 0 0 20px;

		margin: 0 0 20px;

	}

	#content h2:after { left: 0;}

	#content p { margin: 0 0 20px;}

	#content h3 {

		font-size: 16px;

		line-height: 24px;

		margin: 0 0 20px;

	}

	#content .lists ul { padding: 0 10px 20px;}

	#content .lists ul li { padding: 0 0 0 14px;}

	#content .lists ul li:before {

		width: 6px;

		height: 6px;

		top: 8px;

	}

	#sidebar {

		padding: 0 10px;

	}

	.widget {

		font-size: 16px;

		line-height: 24px;

	}

	.widget h3 {

		font-size: 23px;

		padding: 0 0 20px;

		margin: 0 0 20px;

	}

	.widget h3:after {

		left: 0;

	}

	.widget p {

		margin: 0 0 20px;

	}

	.columns .widget ul {

		margin: 0 0 20px;

	}

	.columns .widget ul li {

		padding: 0 0 0 14px;

	}

	.columns .widget ul li:before {

		width: 6px;

		height: 6px;

		top: 8px;

	}

}

@media screen and (max-width: 948px){

	.columns { margin: 0 -10px 20px;}

	.columns .article { width: calc(50% - 20px);}

	.schild {

		margin: 0 -10px 20px;

		font-size: 20px;

		line-height: 25px;

	}

	.schild .recht,

	.schild .tele { padding: 15px;}

	.schild .recht a {

		font-size: 15px;

		line-height: 20px;

	}

	.schild .tele strong{

		font-size: 15px;

		line-height: 20px;

	}

	.two-columns { display: block;}

	#content {

		width: auto;

		padding: 0 0 10px;

		margin: 0 0 20px;

		border-bottom: 1px solid #606060;

	}

	#sidebar {

		width: auto;

		padding: 0;

	}

}

@media screen and (max-width: 767px){

	.columns { margin: 0 ;}

	.columns .article {

		width: 100%;

		margin: 0 0 20px;

		padding: 15px 15px 50px;

		font-size: 14px;

		line-height: 22px;

	}

	.columns h2 {

		font-size: 20px;

		padding: 0 0 10px;

		margin: 0 0 10px;

	}

	.columns h2:after {

		left: 50%;

		transform: translateX(-50%);

	}

	.columns p { margin: 0 0 10px;}

	.columns ul { margin: 0 0 10px;}

	.columns ul li { padding: 0 0 0 12px;}

	.columns ul li:before {

		top: 7px;

		border-width: 1px;

	}

	.columns .btn {

		max-width: 90%;

		font-size: 15px;

		bottom: 15px 10px;

	}

	.schild {

		display: block;

		margin: 0;

		padding: 0 0 10px;

		text-align: center;

	}

	.schild .recht,

	.schild .tele {

		width: auto;

		padding: 15px;

		margin: 0 0 10px;

	}

	.schild .recht a { margin: 0 10px;}

	.two-columns { display: block;}

	#content {

		font-size: 14px;

		line-height: 22px;

	}

	#content h2 {

		font-size: 20px;

		padding: 0 0 10px;

		margin: 0 0 10px;

	}

	#content h2:after {

		left: 50%;

		transform: translateX(-50%);

	}

	#content p { margin: 0 0 10px;}

	#content h3 { margin: 0 0 10px;}

	#content .lists {

		display: block;

		margin: 0;

	}

	#content .lists ul {

		width: auto !important;

		padding: 0;

	}

	#content .lists ul li { padding: 0 0 0 12px;}

	#content .lists ul li:before {

		top: 7px;

		border-width: 1px;

	}

	.widget {

		font-size: 14px;

		line-height: 22px;

	}

	.widget h3 {

		text-align: center;

		font-size: 20px;

		padding: 0 0 10px;

		margin: 0 0 10px;

	}

	.widget h3:after {

		left: 50%;

		transform: translateX(-50%);

	}

	.widget p { margin: 0 0 10px;}

	.columns .widget ul { margin: 0 0 10px;}

	.columns .widget ul li { padding: 0 0 0 12px;}

	.columns .widget ul li:before {

		top: 7px;

		border-width: 1px;

	}

}