/* Table of Content ================================================== #Font-Face #Site Styles #Media Queries */ /* #Font-Face ================================================== */ @import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic); /* #Site Styles ================================================== */ /* ### general ### */ * { margin: 0px; padding: 0px; } html, body { height: 100%; font-family: 'Lato', sans-serif; font-size: 12px; color: #000; } input, select, textarea { font-family: 'Lato', sans-serif; font-size: 12px; color: #000; } body { background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } img { border: 0px; display: block; } ul, li { list-style: none; } :focus { outline: none; } a { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } input[type='submit'] { -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; } /* ### global classes ### */ .clear { clear: both; height: 0; } .center { margin: 0 auto; max-width: 1020px; position: relative; } .wpcf7-not-valid-tip { display: none !important; } .wpcf7-not-valid { border-color: red !important; } .wpcf7-form-control-wrap { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wpcf7-response-output { margin: 20px 0px 0px 0px !important; padding: 10px !important; font-size: 13px !important; color: #fff !important; border: 1px solid #3f6b45 !important; background: #3f6b45 !important; -webkit-border-radius: 5px; border-radius: 5px; } .delen { padding: 20px 0px; overflow: hidden; width: 100%; } .delen em { margin-right: 10px; float: left; height: 32px; line-height: 32px; font-size: 13px; font-style: normal; color: #3f6b45; } .delen div.addthis_toolbox { float: left; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### main container ### */ #mainCntr { width: 100%; } /* ### header container ### */ #headerCntr { position: relative; width: 100%; z-index: 100; } #headerCntr .logo { margin: 15px; float: left; } #headerCntr .top { overflow: hidden; } #headerCntr .bot { border-top: 1px solid #e1e8e1; border-bottom: 1px solid #968578; background: #f9fbfd; padding: 10px 0; overflow: hidden; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 2px rgba(0,0,0,0.2); } #headerCntr .right { float: right; } #headerCntr .social { position: absolute; top: 50px; right: 10px; } #headerCntr .social span { float: left; font-size: 12px; padding: 7px 10px 0 0; color: #fff; } #headerCntr .social ul { float: right; } #headerCntr .social li { float: left; margin-left: 5px; } /* ### menu box ### */ .menuBox { float: left; } .menuBox ul { list-style: none; } .menuBox li { float: left; margin-right: 7px; } .menuBox li a { display: block; padding: 0 12px; line-height: 34px; background: #7fd5eb; color: #fff; font-size: 13px; text-decoration: none; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .menuBox li a:hover, .menuBox li.current-page-ancestor a, .menuBox li.current-menu-item a { background: #52b9d3; } .menuBox li#menu-item-35 a { background: #d6e2b5; } .menuBox li#menu-item-35 a:hover, .menuBox li#menu-item-35.current-page-ancestor a, .menuBox li#menu-item-35.current-menu-item a { background: #b5cb77; } .menuBox li#menu-item-36 a { background: #bfdcc3; } .menuBox li#menu-item-36 a:hover, .menuBox li#menu-item-36.current-page-ancestor a, .menuBox li#menu-item-36.current-menu-item a { background: #a5d5ab; } .navDropdown { display: none; } .mobileMenuTrigger { display: none; } /* ### link box ### */ .linkBox { float: left; } .linkBox ul { list-style: none; } .linkBox li { float: left; padding: 10px 12px; font-size: 13px; } .linkBox li a { color: #3f6b45; text-decoration: none; } .linkBox li#menu-item-288 a { padding-right: 20px; background: url(../images/icon1.png) no-repeat right; } /* ### search box ### */ .searchBox { float: right; width: 463px; } .searchBox fieldset { float: left; border: 1px solid #c7d4c6; -webkit-border-radius: 5px; border-radius: 5px; } .searchBox input.field { float: left; width: 120px; padding: 0 10px; height: 30px; line-height: 30px; font-size: 13px; color: #707070; border: none; background: none; } .searchBox input.button { float: left; width: 12px; height: 12px; background: url(../images/icon2.png) no-repeat; border: none; cursor: pointer; margin: 10px 10px 0 0; } .searchBox .divider { float: left; margin: 0 10px; } .searchBox a.news { float: left; padding: 0 12px; height: 30px; line-height: 33px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; } .searchBox a.news:hover { background: #26452b; } .searchBox a.opleiding { float: left; padding: 0 12px; height: 30px; line-height: 33px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; margin-right: 10px; } .searchBox a.opleiding:hover { background: #26452b; } .searchBox ::-webkit-input-placeholder { color: #707070; } .searchBox :-moz-placeholder { color: #707070; } .searchBox ::-moz-placeholder { color: #707070; } .searchBox :-ms-input-placeholder { color: #707070; } /* ### nav box ### */ .navBox { float: left; padding: 5px 0 0 10px; } .navBox ul { list-style: none; } .navBox li { float: left; font-size: 16px; font-weight: bold; padding-right: 30px; } .navBox li a { color: #3f6b45; text-decoration: none; } .navBox li a:hover, .navBox li.current-menu-item > a { color: #000; } /* ### banner container ### */ #bannerCntr { width: 100%; height: 377px; overflow: hidden; position: relative; } #bannerCntr li { width: 100%; height: 377px; overflow: hidden; background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } #bannerCntr a.prev { display: none; position: absolute; top: 50%; left: 10px; margin-top: -17px; z-index: 100; width: 23px; height: 35px; background: url(../images/prev.png) no-repeat; } #bannerCntr a.next { display: none; position: absolute; top: 50%; right: 10px; margin-top: -17px; z-index: 100; width: 23px; height: 35px; background: url(../images/next.png) no-repeat; } #bannerCntr .center { position: absolute; top: 41%; margin-top: -90px; left: 50%; margin-left: -510px; z-index: 100; width: 1020px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bannerCntr:hover a.prev, #bannerCntr:hover a.next { display: block; } #bannerCntr .text { width: 320px; padding: 30px; background: url(../images/bg1.png) repeat; -webkit-border-radius: 5px; border-radius: 5px; } #bannerCntr .text h3 { color: #313932; font-size: 25px; padding-bottom: 10px; } #bannerCntr .text p { color: #3f6b45; font-size: 16px; line-height: 26px; } #bannerCntr .nav-pager { position: absolute; bottom: 35px; left: 50%; margin-left: -510px; z-index: 100; text-align: center; width: 1020px; } #bannerCntr .nav-pager span { margin: 0px 2px; cursor: pointer; text-indent: -9999px; display: inline-block; width: 10px; height: 11px; background: url(../images/paging.png) no-repeat; -webkit-transition: none; -o-transition: none; transition: none; } #bannerCntr .nav-pager span:hover, #bannerCntr .nav-pager span.cycle-pager-active { background-position: 0 -11px; } #bannerCntr a.search { text-align: center; margin-top: 10px; display: block; padding: 0 12px; height: 30px; line-height: 33px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; } #bannerCntr a.search:hover { background: #26452b; } /* ### np container ### */ #npCntr { background: #3f6b45; padding: 10px 0 25px; overflow: hidden; } #npCntr p { color: #d7e4d9; font-size: 12px; } #npCntr p a { margin: 0 2px; color: #d7e4d9; text-decoration: none; } /* ### content container ### */ #contentCntr { width: 100%; position: relative; z-index: 100; margin: -28px 0; } #contentCntr.sub { margin-top: -15px; } #contentCntr .center { position: relative; border-top: 6px solid #e1e8e1; background: #fff; padding: 25px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; } #contentCntr .shadow1 { position: absolute; top: 0; left: -12px; } #contentCntr .shadow2 { position: absolute; top: 0; right: -12px; } /* ### service container ### */ #serviceCntr { width: 100%; overflow: hidden; padding-bottom: 30px; } #serviceCntr ul { list-style: none; } #serviceCntr li { float: left; width: 31.5%; margin-right: 2.75%; } #serviceCntr li:nth-child(3n) { margin-right: 0; } #serviceCntr li a { display: block; padding: 28px 0; text-align: center; width: 100%; color: #fff; text-decoration: none; background: #00abd7; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 0px #0092b8; box-shadow: 0px 3px 0px #0092b8; } #serviceCntr li a:hover { background: #0092b8; } #serviceCntr li span.icon { text-align: center; display: block; margin-bottom: 10px; } #serviceCntr li span.icon img { display: inline; } #serviceCntr strong { text-align: center; font-size: 22px; } #serviceCntr li.para a { background: #adc66b; -webkit-box-shadow: 0px 3px 0px #84a038; box-shadow: 0px 3px 0px #84a038; } #serviceCntr li.para a:hover { background: #84a038; } #serviceCntr li.chiro a { background: #80b988; -webkit-box-shadow: 0px 3px 0px #53945c; box-shadow: 0px 3px 0px #53945c; } #serviceCntr li.chiro a:hover { background: #53945c; } /* ### details container ### */ #detailsCntr { width: 100%; overflow: hidden; padding-bottom: 30px; } #detailsCntr .block { position: relative; float: left; width: 31.5%; margin-right: 2.75%; padding: 28px 20px; color: #fff; text-decoration: none; background: #00abd7; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 0px #0092b8; box-shadow: 0px 3px 0px #0092b8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #detailsCntr .block img { max-width: 100%; height: auto; } #detailsCntr .block div.holder { min-height: 175px;} #detailsCntr p { font-size: 14px; line-height: 22px; } #detailsCntr .block:last-child { margin-right: 0; } #detailsCntr h3 { font-size: 18px; margin-bottom: 10px; } #detailsCntr .points { min-height: 140px; } #detailsCntr ul { list-style: none; } #detailsCntr li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; font-size: 14px; line-height: 33px; color: #fff; padding: 2px 0; } #detailsCntr li a { color: #fff; text-decoration: none; } #detailsCntr li span { float: left; margin-right: 8px; width: 33px; height: 33px; background: url(../images/bg4.png) no-repeat; font-size: 18px; color: #00abd7; text-align: center; line-height: 33px; } #detailsCntr a.button { margin-top: 15px; display: block; text-align: center; padding: 0 12px; height: 30px; line-height: 30px; color: #00abd7; text-decoration: none; background: #fff; font-size: 16px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #0092b8; box-shadow: 0px 2px 0px #0092b8; } #detailsCntr a.button:hover { background: #0092b8; color: #fff; } #detailsCntr small { font-size: 11px; color: #7ee0f9; display: block; } #detailsCntr .slider { width: 100%; min-height: 220px; } #detailsCntr .slider p { font-size: 14px; color: #fff; line-height: 22px; } #detailsCntr .slider p a { color: #c0f2ff; text-decoration:underline; } #detailsCntr .slider p a:hover { color: #FFFFFF; text-decoration:underline; } #detailsCntr .nav { position: absolute; bottom: 10px; right: 10px; z-index: 100; } #detailsCntr .nav span { cursor: pointer; text-indent: -9999px; margin-left: 3px; display: inline-block; width: 10px; height: 11px; background: url(../images/paging1.png) no-repeat; -webkit-transition: none; -o-transition: none; transition: none; } #detailsCntr .nav span:hover, #detailsCntr .nav span.cycle-pager-active { background-position: 0 -11px; } #detailsCntr fieldset { border: none; } #detailsCntr textarea { width: 100%; padding: 10px; background: #e8e8e8; height: 122px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; } #detailsCntr input.button { width: 100%; margin-top: 25px; display: block; height: 30px; color: #84A038; cursor: pointer; border: none; background: #fff; font-size: 16px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #84a038; box-shadow: 0px 2px 0px #84a038; } #detailsCntr input.button:hover { background: #84a038; color: #fff; } /* ### find container ### */ #findCntr { width: 100%; } #findCntr div.content h1 { color: #3f6b45; font-size: 25px; margin-bottom: 15px; } #findCntr div.content p { font-size: 14px; color: #322929; margin-bottom: 20px; } #findCntr fieldset { border: none; padding-bottom: 20px; overflow: hidden; } #findCntr div.field-holder { float: left; margin-right: 10px; width: 175px; max-width: 50%; } #findCntr div.field-holder label { display: block; height: 25px; font-size: 14px; font-weight: bold; color: #3f6b45; } #findCntr div.field-holder input.field, #findCntr div.field-holder em, #findCntr div.field-holder select { margin-right: 0px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #findCntr input.field { float: left; width: 100px; padding: 0 15px; height: 30px; line-height: 30px; border: 1px solid #c7d4c6; background: #f9fbfd; font-size: 13px; color: #707070; margin-right: 10px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); } #findCntr input::-webkit-input-placeholder { color: #707070; } #findCntr input:-moz-placeholder { color: #707070; } #findCntr input::-moz-placeholder { color: #707070; } #findCntr input:-ms-input-placeholder { color: #707070; } #findCntr em { float: left; font-style: normal; margin-right: 10px; height: 31px; position: relative; } #findCntr select { width: 115px; height: 31px; color: #707070; font-size: 13px; border: 1px solid #c7d4c6; line-height: 31px; padding: 0 35px 0 10px; background: url(../images/arrow2.png) no-repeat right; -webkit-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; } #findCntr input.button.submit { margin-top: 25px; } #findCntr input.button { float: left; padding: 0 12px; height: 30px; line-height: 30px; color: #fff; cursor: pointer; border: none; background: #3f6b45; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; } #findCntr input.button:hover { background: #26452b; } #findCntr div.google-map { width: 100%; height: 290px; border: 1px solid #c7d4c6; overflow: hidden; margin-bottom: 30px; -webkit-border-radius: 5px; border-radius: 5px; } #findCntr div.window { height: 120px; font-size: 14px; line-height: 20px; color: #322929; } #findCntr div.window h3 { line-height: 20px; color: #322929 !important; font-size: 14px; } #findCntr h2 { font-size: 20px; color: #3f6b45; padding-bottom: 25px; } #findCntr table { width: 100%; border-collapse: collapse; border-spacing: 0; } #findCntr table.normal td { border: none; padding: 10px; color: #322929; vertical-align: top; border-top: 1px dotted #c7d4c6; } #findCntr address { line-height: 22px; font-style: normal; color: #322929; font-size: 14px; } #findCntr address a { color: #3f6b45; text-decoration: none; } #findCntr table.normal td:last-child { text-align: right; } #findCntr table.normal thead td { color: #3f6b45; border: none; } #findCntr .dataMobile { display: none; } #findCntr div.window a { text-decoration: none; color: #00abd7; } #findCntr div.window a:hover { text-decoration: underline; } #findCntr a.tel-link { color: #322929 !important; } /* ### left container ### */ #leftCntr { float: left; width: 65.75%; } #contentCntr.sub #leftCntr{ float: left; width: 25%; } /* ### news box ### */ .newsBox { border: 1px solid #dae6da; padding: 20px 15px; margin-bottom: 35px; -webkit-border-radius: 5px; border-radius: 5px; } .newsBox h2 { font-size: 19px; color: #3f6b45; margin-bottom: 20px; } .newsBox h2 a { float: right; font-size: 15px; color: #3f6b45; text-decoration: none; font-weight: normal; margin-top: 5px; } .newsBox ul { list-style: none; } .newsBox li { overflow: hidden; text-align: left; margin-bottom: 10px; } .newsBox li a { background: url(../images/arrow1.png) no-repeat left; padding-left: 30px; display: block; text-decoration: none; font-size: 14px; color: #322929; } .newsBox li a span { float: right; color: #888181; font-size: 13px; } /* ### about box ### */ .aboutBox { border: 1px solid #dae6da; padding: 20px 15px; background-repeat: no-repeat; background-position: right top; -webkit-border-radius: 5px; border-radius: 5px; } .aboutBox div.content h1 { font-size: 24px; color: #3f6b45; line-height: 31px; margin-bottom: 20px; } .aboutBox div.content strong { color: #dab6b6; font-size: 18px; font-style: italic; display: block; margin-bottom: 20px; font-weight: normal; } .aboutBox div.content p { font-size: 14px; line-height: 22px; margin-bottom: 20px; } .aboutBox a.link { color: #3f6b45; font-size: 14px; text-decoration: none; padding-left: 25px; background: url(../images/arrow1.png) no-repeat left; } /* ### widget_nav_menu ### */ #leftCntr .widget_nav_menu { border: 1px solid #dae6da; padding: 20px 15px 5px; margin-bottom: 25px; -webkit-border-radius: 5px; border-radius: 5px; } #leftCntr .widget_nav_menu h3 { font-size: 18px; color: #3f6b45; margin-bottom: 10px; } #leftCntr .widget_nav_menu ul { list-style: none; } #leftCntr .widget_nav_menu li { padding: 10px 0; border-top: 1px dotted #c7d4c6; font-size: 14px; } #leftCntr .widget_nav_menu li a { color: #322929; text-decoration: none; display: block; background: url(../images/arrow3.png) no-repeat right; } #leftCntr .widget_nav_menu li a:hover, #leftCntr .widget_nav_menu li.current-menu-item > a, #leftCntr .widget_nav_menu li.current-menu-parent > a { color: #3f6b45; background: url(../images/arrow4.png) no-repeat right; } #leftCntr .widget_nav_menu li ul { padding-left: 10px; display: none; } #leftCntr .widget_nav_menu li ul li { border: 0; padding: 5px 0; } #leftCntr .widget_nav_menu li ul li a { color: #9b9b9b; } #leftCntr .widget_nav_menu li.current-menu-item ul, #leftCntr .widget_nav_menu li.current-menu-parent ul { display: block; } /* ### news box ### */ .newsBox { border: 1px solid #dae6da; padding: 20px 15px; margin-bottom: 25px; -webkit-border-radius: 5px; border-radius: 5px; } .newsBox h3 { font-size: 18px; color: #3f6b45; margin-bottom: 10px; } .newsBox fieldset { border: none; } .newsBox p { overflow: hidden; padding-bottom: 10px; } .newsBox input.field { width: 100%; padding: 0 15px; height: 30px; line-height: 30px; border: 1px solid #c7d4c6; background: #f9fbfd; font-size: 13px; color: #707070; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .newsBox input.field.email { float: left; width: 54%; } .newsBox input.button { margin-left: 10px; float: left; padding: 0 12px; height: 28px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; cursor: pointer; border: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; } .newsBox input.button:hover { background: #26452b; } .newsBox input::-webkit-input-placeholder { color: #707070; } .newsBox input:-moz-placeholder { color: #707070; } .newsBox input::-moz-placeholder { color: #707070; } .newsBox input:-ms-input-placeholder { color: #707070; } /* ### interesting box ### */ .interestingBox { border: 1px solid #dae6da; padding: 20px 15px; margin-top: 35px; -webkit-border-radius: 5px; border-radius: 5px; } .interestingBox h2 { font-size: 24px; color: #3F6B45; margin-bottom: 15px; } .interestingBox h2 a { float: right; margin-top: 10px; padding-left: 20px; background: url(../images/arrow6.png) no-repeat left; color: #3F6B45; text-decoration: none; font-size: 14px; font-weight: normal; } .interestingBox ul { list-style: none; } .interestingBox li { overflow: hidden; font-size: 14px; line-height: 22px; } .interestingBox li a { float: right; color: #80b988; text-decoration: none; } .interestingBox li a:hover { text-decoration: underline; } /* ### right container ### */ #rightCntr { float: right; width: 31.5%; } #contentCntr.sub #rightCntr { width: 70%; } /* ### look box ### */ .lookBox { border: 1px solid #dae6da; height: 135px; padding: 15px 20px; margin-bottom: 24px; background: url(../images/map.png) no-repeat right 0; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-size: cover; background-size: cover; } .lookBox h3 { font-size: 17px; color: #3f6b45; margin-bottom: 10px; line-height: 22px; } .lookBox p { font-size: 14px; padding-bottom: 10px; } .lookBox a.button { display: block; text-align: center; padding: 0 12px; height: 30px; line-height: 33px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; } .lookBox a.button:hover { background: #26452b; } /* ### top box ### */ .topBox { border: 1px solid #dae6da; padding: 20px; margin-bottom: 25px; -webkit-border-radius: 5px; border-radius: 5px; } .topBox h3 { font-size: 19px; color: #3f6b45; margin-bottom: 10px; line-height: 22px; } .topBox ul { list-style: none; } .topBox li { overflow: hidden; margin-bottom: 10px; font-size: 14px; color: #322929; line-height: 33px; } .topBox li a { color: #322929; text-decoration: none; } .topBox li span { float: left; margin-right: 8px; width: 33px; height: 33px; background: url(../images/bg3.png) no-repeat; font-size: 18px; color: #a2bca2; text-align: center; line-height: 33px; } .topBox a.button { display: block; text-align: center; padding: 0 12px; height: 30px; line-height: 30px; color: #3f6b45; text-decoration: none; background: #e1e8e1; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #b6c5b6; box-shadow: 0px 2px 0px #b6c5b6; } .topBox a.button:hover { background: #b6c5b6; } .topBox p { padding-bottom:10px; } /* ### tweet box ### */ .tweetBox { border: 1px solid #dae6da; padding: 20px; -webkit-border-radius: 5px; border-radius: 5px; } .tweetBox h3 { font-size: 19px; color: #3f6b45; margin-bottom: 10px; line-height: 22px; overflow: hidden; } .tweetBox h3 img { float: right; } .tweetBox p { font-size: 14px; color: #322929; line-height: 22px; } .tweetBox p a { color: #98ab98; text-decoration: none; } /* ### video box ### */ .videoBox { border: 1px solid #dae6da; padding: 20px; -webkit-border-radius: 5px; border-radius: 5px; } .videoBox h3 { font-size: 19px; color: #00abd7; margin-bottom: 10px; line-height: 22px; } .videoBox .video { width: 100%; margin-bottom: 20px; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; } .videoBox .video img { width: 100%; } .videoBox a.link { color: #322929; font-size: 14px; text-decoration: none; } /* ### text box ### */ .textBox { width: 100%; } .textBox .photo { width: 100%; margin-bottom: 30px; } .textBox .photo img { width: 100%; border: 1px solid #dae6da; -webkit-border-radius: 5px; border-radius: 5px; } .textBox div.content h1, .textBox div.content.news h2 { font-size: 25px; line-height: 34px; font-weight: bold; color: #3f6b45; margin-bottom: 20px; } .textBox div.content h1 a, .textBox div.content.news h2 a { color: #3f6b45; text-decoration: none; } .textBox div.content p { font-size: 14px; line-height: 22px; margin-bottom: 20px; } .textBox div.content p.highlighted { font-size: 16px; line-height: 24px; } .textBox div.content img.thumb { border: 1px solid #dae6da; -webkit-border-radius: 5px; border-radius: 5px; } .textBox div.content h2 { font-size: 19px; font-weight: bold; color: #3f6b45; margin-bottom: 10px; } .textBox div.content h3 { font-size: 16px; font-weight: bold; color: #3f6b45; margin-bottom: 10px; } .textBox div.content p a { color: #3f6b45; text-decoration: none; } .textBox div.content p a:hover { text-decoration: underline; } .textBox div.content p a.buttontext { float: left; padding: 0 20px; margin-bottom: 30px; height: 30px; line-height: 33px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b;} .textBox div.content ul { margin-bottom: 20px; } .textBox div.content li { font-size: 14px; line-height: 22px; } .textBox div.content li span { color: #322929; } .textBox div.content blockquote { margin: 0px; text-align: center; font-size: 18px; color: #919191; display: block; padding-top: 10px; padding-bottom: 27px; } .textBox div.content blockquote p { font-size: 18px; color: #919191; margin: 0px; padding: 0px; } .textBox .news { padding-bottom: 60px; overflow: hidden; } .textBox span.date { display: block; font-size: 13px; color: #787878; margin-bottom: 15px; } .textBox span.date span { padding-left: 30px; } .textBox span.date small { font-size: 13px; color: #3f6b45; } .textBox a.button { float: left; padding: 0 20px; height: 30px; line-height: 33px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; } .textBox a.button:hover { background: #26452b; } .textBox .faq { padding-bottom: 30px; } .textBox .faq h4 { color: #322929; font-size: 19px; padding-bottom: 15px; } .textBox .faq ul { list-style: none; } .textBox .faq li { list-style-type: none; padding-left: 15px; margin-bottom: 5px; background: url(../images/arrow8.png) no-repeat 0 9px; } .textBox .faq li a.head { display: block; text-decoration: none; font-size: 16px; color: #3f6b45; font-weight: bold; } .textBox .faq li a.head.active { color: #3f6b45; } .textBox .faq li div.content { padding: 10px 0; display: none; } .textBox .faq li div.content p { color: #322929; } /* ### paging box ### */ .pagingBox { overflow: hidden; padding-bottom: 30px; } .pagingBox ul { list-style: none; } .pagingBox li { float: left; margin-right: 8px; } .pagingBox li a { color: #fff; border: 1px solid #3f6b45; display: block; padding: 0 8px; line-height: 26px; color: #3f6b45; text-decoration: none; font-size: 13px; -webkit-border-radius: 4px; border-radius: 4px;} .pagingBox li a:hover, .pagingBox li.active a { background: #3f6b45; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; } .pagingBox div.prev a { float: left; font-size: 14px; color: #3f6b45; text-decoration: none; padding-left: 20px; background: url(../images/arrow7.png) no-repeat left; } .pagingBox div.next a { float: right; font-size: 14px; color: #3f6b45; text-decoration: none; padding-right: 20px; background: url(../images/arrow1.png) no-repeat right; } /* ### extranet box ### */ .extranetBox { margin-bottom: 25px; border: 1px solid #dae6da; padding: 20px; -webkit-border-radius: 5px; border-radius: 5px; } .extranetBox h3 { font-size: 19px; color: #3f6b45; margin-bottom: 10px; line-height: 22px; overflow: hidden; } .extranetBox p { font-size: 14px; line-height: 22px; } .extranetBox a.button { margin-top: 10px; display: block; text-align: center; padding: 0 12px; height: 30px; line-height: 33px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; } .extranetBox a.button:hover { background: #26452b; } /* ### seminars box ### */ .seminarsBox { margin-bottom: 25px; border: 1px solid #dae6da; padding: 20px; -webkit-border-radius: 5px; border-radius: 5px; } .seminarsBox h3 { font-size: 19px; color: #3f6b45; margin-bottom: 10px; line-height: 22px; overflow: hidden; } .seminarsBox a.button { margin-top: 10px; display: block; text-align: center; padding: 0 12px; height: 30px; line-height: 33px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; } .seminarsBox a.button:hover { background: #26452b; } .seminarsBox ul { padding: 10px 0px; list-style: none; } .seminarsBox li { padding-left: 20px; font-size: 13px; margin-bottom: 10px; color: #666; background: url(../images/arrow1.png) no-repeat left 2px; } .seminarsBox li strong { padding-bottom: 3px; display: block; font-size: 14px; font-weight: normal; color: #000; } .seminarsBox li a { color: #3f6b45; text-decoration: none; } .seminarsBox li a:hover { text-decoration: underline; } /* ### word container ### */ #wordCntr { width: 100%; overflow: hidden; } #wordCntr h1 { color: #3f6b45; font-size: 25px; padding-bottom: 20px; } #wordCntr p { color: #322929; font-size: 14px; line-height: 22px; margin-bottom: 15px; } #wordCntr ul { margin-bottom: 20px; } #wordCntr li { font-size: 14px; line-height: 22px; list-style-type: disc; margin: 0 1.5em 0.2em 1.5em;} #wordCntr li span { color: #322929; } #wordCntr .title { overflow: hidden; padding-bottom: 20px; } #wordCntr .holder { float: left; width: 60%; } #wordCntr .holder .left { width: 100%; } #wordCntr .left { float: left; width: 60%; border: 1px solid #dae6da; padding: 20px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wordCntr .right { float: right; width: 37%; border: 1px solid #dae6da; padding: 20px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wordCntr fieldset { border: none; } #wordCntr h2 { font-size: 18px; color: #3f6b45; padding-bottom: 15px; } #wordCntr h3 { font-size: 16px; color: #3f6b45; padding-bottom: 10px; } #wordCntr p.little-space { margin-bottom: 10px; } #wordCntr p.no-space { margin-bottom: 0px; } #wordCntr span.text-label { color: #666; } #wordCntr fieldset p { font-size: 13px; overflow: hidden; padding-bottom: 10px; } #wordCntr input.wpcf7-text { width: 50%; padding: 0 15px; height: 30px; line-height: 30px; border: 1px solid #c7d4c6; background: #f9fbfd; font-size: 13px; color: #707070; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wordCntr span.wpcf7-list-item { padding-left: 2px; margin: 0px 0px 5px; display: block; float: none; clear: both; } #wordCntr span.wpcf7-list-item input { margin-right: 5px; } #wordCntr label { color: #3f6b45; font-weight: bold; } #wordCntr textarea { width: 100%; padding: 15px; height: 130px; border: 1px solid #c7d4c6; background: #f9fbfd; font-size: 13px; color: #707070; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wordCntr input.wpcf7-submit { float: right; padding: 0 12px; height: 28px; color: #fff; text-decoration: none; background: #3f6b45; font-size: 14px; cursor: pointer; border: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 0px #26452b; box-shadow: 0px 2px 0px #26452b; } #wordCntr input.wpcf7-submit:hover { background: #26452b; } #wordCntr address, #wordCntr div.address p { margin-bottom: 15px; font-size: 14px; line-height: 22px; font-style: normal; } #wordCntr div.address p:last-child { margin-bottom: 0px; } #wordCntr address a, #wordCntr div.address p a { text-decoration: none; color: #3f6b45; } #wordCntr .google-map { width: 100%; height: 295px; border: 1px solid #dae6da; overflow: hidden; margin-bottom: 30px; -webkit-border-radius: 5px; border-radius: 5px; } #wordCntr .social { float: right; } #wordCntr .social span { float: left; font-size: 12px; padding: 7px 10px 0 0; color: #3f6b45; } #wordCntr .social ul { float: right; } #wordCntr .social li { float: left; margin-left: 5px; } /* ### news container ### */ #newsCntr { width: 100%; overflow: hidden; } #newsCntr h1 { font-size: 25px; color: #3f6b45; padding-bottom: 20px; } #newsCntr .newsBox p { float: left; width: auto; } #newsCntr .newsBox input.field { float: left; max-width: 100%; width: 250px; margin-right: 10px; } #newsCntr .newsBox input.button { float: left; margin-left: 0; } #newsCntr h2 { color: #322929; font-size: 19px; padding-bottom: 10px; } #newsCntr p { font-size: 14px; padding-bottom: 20px; } #newsCntr ul { list-style: none; } #newsCntr li { padding-left: 15px; background: url(../images/arrow3.png) no-repeat left 7px; } #newsCntr h3 { color: #3f6b45; font-size: 16px; padding-bottom: 10px; } #newsCntr h3 a { color: #3f6b45; text-decoration: none; } #newsCntr li p { overflow: hidden; } #newsCntr li p a { color: #3f6b45; float: right; text-decoration: none; } #newsCntr ul.thumbs li { padding-left: 0px; background: none; overflow: hidden; width: 100%; } #newsCntr ul.thumbs li img { margin-right: 15px; float: left; width: 50px; -webkit-border-radius: 5px; border-radius: 5px; } /* ### footer container ### */ #footerCntr { overflow: hidden; width: 100%; background: #3f6b45; margin-top: -40px; float: left; padding: 100px 0 40px; } #footerCntr .top { overflow: hidden; border-bottom: 1px solid #577f5d; padding: 0 10px; padding-bottom: 20px; margin: 0 15px; } #footerCntr .block { float: left; width: 25%; } #footerCntr .block h3 { color: #c7d4c6; font-size: 20px; padding-bottom: 15px; } #footerCntr .block ul { list-style: none; } #footerCntr .block li { margin-bottom: 6px; font-size: 14px; } #footerCntr .block li a { color: #fff; text-decoration: none; } #footerCntr .block address { font-style: normal; color: #fff; font-size: 14px; line-height: 26px; } #footerCntr .block address a { color: #c7d4c6; text-decoration: none; } #footerCntr .bot { overflow: hidden; padding: 20px 10px; margin: 0 15px; } #footerCntr .bot p { float: left; color: #fff; font-size: 12px; padding-top: 5px; } #footerCntr .bot p a { color: #c7d4c6; text-decoration: none; } #footerCntr .social { float: right; } #footerCntr .social span { float: left; font-size: 12px; padding: 7px 10px 0 0; color: #fff; } #footerCntr .social ul { float: right; } #footerCntr .social li { float: left; margin-left: 5px; } @media only screen and (max-width: 1120px) { #bannerCntr div.center { padding: 0px 40px; } } @media only screen and (max-width: 1019px) { #headerCntr .right { float: none; } .menuBox { float: right; } .linkBox { float: right; } #bannerCntr .center { left: 0; margin-left: 0; width: 100%; } #bannerCntr .text { margin-left: 50px; } #contentCntr { margin: 0 0 20px; } #contentCntr .center { padding: 15px 10px; -webkit-border-radius: 0; border-radius: 0; } .lookBox h3 { font-size: 17px; } .lookBox p { font-size: 13px; padding-bottom: 10px; } .lookBox a.button { padding: 5px; height: auto; line-height: 18px; } #serviceCntr { padding-bottom: 17px; } .newsBox { margin-bottom: 17px; } .lookBox { margin-bottom: 17px; } .topBox { margin-bottom: 17px; } #footerCntr { padding: 40px 0; margin-top: 0; } #footerCntr .block h3 { font-size: 18px; } #detailsCntr h3 { font-size: 15px; } #detailsCntr a.button { font-size: 15px; } #detailsCntr small { margin-bottom: 5px; } #detailsCntr .slider p { font-size: 13px; } #detailsCntr .slider { min-height: 218px; } .aboutBox h1 { padding-bottom: 10px; } .navBox li { padding-right: 12px; font-size: 15px; } .newsBox input.field.email { float: none; width: 100%; margin-bottom: 10px; } .newsBox input.button { margin-left: 0; } #newsCntr .newsBox input.field { width: 175px; } } @media only screen and (max-width: 920px) { .lookBox { padding: 20px; height: auto; background-position: right bottom; } } @media only screen and (max-width: 719px) { #headerCntr { height: auto; } #headerCntr .logo { float: none; width: 100%; text-align: center; margin: 15px 0; } #headerCntr .logo img { display: inline; } #headerCntr .right { float: none; width: 100%; overflow: hidden; padding: 10px 0px; margin: 0px; } .menuBox { float: left; } .linkBox { float: right; } .linkBox li { padding: 10px 5px; } .menuBox li a { font-size: 12px; padding: 0 5px; } .menuBox li a { -webkit-border-radius: 5px; border-radius: 5px; } #headerCntr .bot { text-align: center; } #headerCntr .bot .searchBox { display: inline-block; float: none; } #bannerCntr .text { margin: 0 auto; } #serviceCntr li { float: none; width: 100%; margin: 0 0 15px 0; } #leftCntr { float: none; width: 100%; } #rightCntr { float: none; width: 100%; } #rightCntr.mobile-space { padding-bottom: 15px; } #footerCntr .block { padding-bottom: 30px; float: left; width: 50%; } #footerCntr .block:nth-child(2n+1) { clear: both; } #footerCntr .holder { overflow: hidden; width: 100%; } #footerCntr .bot p { float: none; width: 100%; margin-bottom: 10px; } #footerCntr .social { float: left; width: 100%; } #footerCntr .social ul { float: left; } .menuBox li { margin: 0 0 0 7px; } .navBox { float: none; width: 100%; text-align: center; padding-bottom: 15px; overflow: hidden; } .navBox li { float: none; display: inline-block; } #bannerCntr .nav-pager { bottom: 18px; } #detailsCntr .block { float: none; width: 100%; margin-right: 0; margin-bottom: 15px; } .videoBox { margin-top: 15px; } #npCntr .center { padding: 0 10px; } #findCntr td address br { display: none; } #contentCntr.sub #leftCntr { float: none; width: 100%; } #contentCntr.sub #rightCntr { float: none; width: 100%; } .interestingBox { margin-bottom: 30px; } .interestingBox li a { float: none; display: block; } #wordCntr .left { float: none; width: 100%; margin-bottom: 20px; } #wordCntr .right { float: none; width: 100%; } #wordCntr .holder { float: none; width: 100%; } } @media only screen and (max-width: 550px) { #headerCntr .social { display: none; } } @media only screen and (max-width: 479px) { .center { padding: 0 10px; } #headerCntr .logo { margin-top: 30px; } #headerCntr .logo img { width: 100%; } #headerCntr .right { display: none; } .navDropdown { position: absolute; top: 0; right: 10px; z-index: 100; display: block; border: 1px solid #e3e9e2; background: url(../images/icon4.png) no-repeat right; width: 105px; height: 32px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .navDropdown .inner { position: relative; } .navDropdown a.selected { color: #3f6b45; display: block; line-height: 32px; padding: 0 10px; text-decoration: none; } .navDropdown ul { display: none; list-style: none; background: #fff; border: 1px solid #e3e9e2; position: absolute; left: -1px; top: 30px; width: 105px; border-top: 0; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .navDropdown li a { display: block; padding: 5px 10px; text-decoration: none; color: #3f6b45; } .navDropdown .inner:hover ul { display: block; } .searchBox .divider { margin: 0 10px; } #headerCntr .bot .searchBox { float: right; width: 80%; } .searchBox input.field { width: 125px; } .mobileMenuTrigger { float: left; display: block; margin-top: 2px; } #bannerCntr { display: none !important; } #bannerCntr, #bannerCntr li { height: auto; } #bannerCntr .center { position: static; margin-top: 0; padding: 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bannerCntr .nav-pager { display: none; } #bannerCntr .text { width: auto; padding: 10px; margin: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dae6da; } #bannerCntr .text h3 { font-size: 18px; } #contentCntr .center { border: none; } #serviceCntr li { overflow: hidden; } #serviceCntr li a { padding: 10px 20px; overflow: hidden; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #serviceCntr li span.icon { float: right; margin-bottom: 0; } #serviceCntr li span.icon img { width: 65px; } #serviceCntr strong { float: left; font-size: 18px; margin-top: 23px; } #newsCntr .newsBox p { float: none; width: 100%; } #newsCntr .newsBox input.field { width: 60%; } .newsBox li a { background-position: 0 5px; padding-left: 20px; } .newsBox li a span { float: none; display: block; } .aboutBox { margin-bottom: 15px; background: none !important; } .aboutBox h1 { font-size: 18px; line-height: 20px; } .newsBox h2 { font-size: 18px; } .newsBox h2 a { margin-top: 3px; } .topBox h3 { font-size: 18px; } .tweetBox h3 { font-size: 18px; } .navBox { display: none; } #findCntr input.field { width: 57px; } #findCntr table.normal { display: none; } #findCntr .dataMobile { width: 100%; display: block; } #findCntr .dataMobile block { padding: 20px 0; } #findCntr .dataMobile h3 { overflow: hidden; border-bottom: 1px dotted #c7d4c6; margin-bottom: 10px; padding-bottom: 10px; color: #3f6b45; font-size: 14px; } #findCntr .dataMobile h3 a { float: right; color: #3f6b45; text-decoration: none; font-weight: normal; } #findCntr .dataMobile address { font-size: 14px; color: #322929; line-height: 22px; padding-bottom: 20px; } #findCntr .dataMobile h4 { font-size: 14px; color: #3f6b45; padding-bottom: 5px; } #findCntr .dataMobile address a { color: #3f6b45; text-decoration: none; } #wordCntr input.wpcf7-text { width: 100%; } .textBox h2 { font-size: 20px; } } @media only screen and (max-width: 400px) { #headerCntr .bot .searchBox { width: auto; } #headerCntr .bot .searchBox img.divider { display: none; } #headerCntr .bot .searchBox a.news { display: none; } }