<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {margin:0; padding:0; font-family: 'Open Sans', sans-serif, arial;}

/*SITE WIDTH*/
.content-width {width:1280px; margin:0 auto;}
.u1280 .content-width, .u960 .content-width, .u770 .content-width, .u480 .content-width {width:96%;}

/*HEADER*/
header {margin:0 auto;}
.u960 header {background-size: 1600px!important; background-position: top!important;}
.u770 header {background-size: 1600px!important; background-position: top!important;}
.u480 header {padding-bottom: 60px; background-size: 1265px!important; background-position: top!important;}
header .logo {float:left; width: 300px; margin: 10px 0;}
.u960 header .logo {width:250px;}
.u770 header .logo {width:200px;}
.u480 header .logo {width:150px;}

/*BACKGROUND*/
/*WOOD#bg {background:url(/images/bg.jpg) no-repeat top center; background-size:100% 100%; position:fixed; width: 100%; height:100%; z-index: -1;}*/
#bg {background:url(/images/bg-grey.jpg) no-repeat top center #606060; background-size: 100% 100%; position:fixed; width: 100%; height:100%; z-index: -1;}

/*HERO*/
#hero {overflow: hidden; width: 100%; height: 490px; padding-top:20px;}
#hero-pages {overflow: hidden; width: 100%; padding-top:20px;}
#hero img, #hero-pages img {width:100%;}
#hero ul.images {position:relative; width:100%;}
#hero ul.images li {position:absolute; width:100%;}
.zig-zag-bottom {position: relative; padding: 0; background: #606060;}
.zig-zag-bottom::after {background: linear-gradient(-45deg, #606060 6px, transparent 0), linear-gradient(45deg, #606060 6px, transparent 0); background-position: left bottom; background-repeat: repeat-x; background-size: 12px 12px; content: " "; display: block; position: absolute; bottom: 0; left: 0px; width: 100%; height: 13px;}

/*NAV*/
#nav {float:right; text-align:center;}
.u3000 #nav {display:block!important;}
#nav li {display:inline-block; font-weight: 500; font-size: 15px; text-transform: uppercase; margin: 0; text-shadow: 0 0 10px #666666;}
#nav li a:hover {background:#a5c02a;}
#nav li a {color:#FFFFFF; text-decoration:none; padding: 50px 18px; display: block; transition: background-color 0.5s ease; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.triggers {text-align: center; margin: 2px 0;}
.triggers li {background:#cccccc; width:12px; height:12px; margin:0 3px; font-size:0px; cursor:pointer; border-radius:100%; color:#cccccc; display:inline-block;}
.triggers li.active {background:#d46d27; color:#d46d27;}

/*MOBILE ICON*/
#mob-nav {display:none; top: 10px; right: 10px; position: fixed; z-index: 9; background: rgba(165, 192, 42, 0.5); padding: 2%; border-radius: 100%;}
.u770 #mob-nav, .u480 #mob-nav {display:block;}
.mob-icon{background:transparent; display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 35px; height: 35px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; box-shadow: none; border-radius: 0; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s;}
.mob-icon:focus {outline: none;}
.mob-icon span {display: block; position: absolute; top: 15px; left: 0; right: 0; height: 4px; background: #fbfbfb; border-radius: 5px;}
.mob-icon span::before, .mob-icon span::after {position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: #fbfbfb; content: ""; border-radius: 5px;}
.mob-icon span::before {top: -10px;}
.mob-icon span::after {bottom: -10px;}
.mob-icon span {-webkit-transition: background 0s 0.3s; transition: background 0s 0.3s;}
.mob-icon span::before, .mob-icon span::after {-webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;}
.mob-icon span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
.mob-icon span::after {-webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform;}
.mob-icon.is-active span {  background: none;}
.mob-icon.is-active span::before {  top: 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);     transform: rotate(45deg);}
.mob-icon.is-active span::after { bottom: 0;  -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.mob-icon.is-active span::before, .mob-icon.is-active span::after {-webkit-transition-delay: 0s, 0.3s;          transition-delay: 0s, 0.3s;}

/*MOB NAV*/
.u770 #nav, .u480 #nav {display: none; padding: 40px 0; width: 100%; left:0; background: #a5c02a; z-index:8; position:fixed;}

.u770 #mob-nav, .u480 #mob-nav {display:block;}
#mob-nav #mob-logo {width:125px; margin:0 auto; display:inline-block;}
#mob-nav #mob-toggle {float:right; clear:right; width:25px; margin: 3% 4%; cursor:pointer;}
.u480 #nav, .u770 #nav {list-style-type:none; display:none; clear:both; background: #a5c02a;}
.u480 #nav li, .u770 #nav li {position: relative; display:block; float:none; border-right:none; border-bottom: solid 1px #cccccc; margin: 0;}
.u480 #nav li:first-of-type, .u770 #nav li:first-of-type {border-top: solid 1px #cccccc;}
.u480 #nav li a, .u770 #nav li a {padding:10px 0; font-size:20px; color:#ffffff; font-weight:300; font-family: 'Roboto', sans-serif; text-decoration:none; display:block; text-shadow: none;}
.u480 #nav li a:hover, .u770 #nav li a:hover {color:#cccccc;}
.u480 #nav li ul, .u770 #nav li ul {margin:0; background:#EFEFEF; list-style-type:none;}
.u480 #nav li ul li a, .u770 #nav li ul li a {color:#666666;}
.u480 #nav li ul li a img, .u770 #nav li ul li a img {margin: 0 -35px 0 5px; width: 30px;}
.u480 #nav #nav_drop, .u770 #nav #nav_drop {left: 0; top: 0; padding: 0;}
.u480 #nav  #nav_drop span, .u770 #nav #nav_drop span {position: absolute; right: 0; top: 0; color: #CCCCCC;}
.u480 .drop span, .u770 .drop span {color: #ffffff; font-size: 22px; font-weight: 600; height: 100%; width: 50px; position: absolute; right: 0; z-index: 9; background: no-repeat center #3a2313; background-size: 16px!important; -webkit-transition: all 0.3s; transition: all 0.3s;}
.u480 .drop span.active, .u770 .drop span.active {background: no-repeat center #9c8679;}
.u480 .drop ul, .u770 .drop ul {display:none; opacity: 1; visibility: visible; position: inherit;}
.u480 #nav li ul, .u770 #nav li ul {background: #ffffff;}
.u480 #nav li:hover ul, .u770 #nav li:hover ul {background: #ffffff;}
.u480 #nav li:hover ul li a, .u770 #nav li:hover ul li a {color:#414237;}
.u480 #nav li ul li a, .u770 #nav li ul li a {padding: 18px 0; text-align: center; display:block; font-size:18px; color:#333333; text-decoration:none; border:none; width: 100%;}
.u480 #nav li:hover ul li a, .u770 #nav li:hover ul li a {padding: 18px 0; text-align: center; display:block; font-size:18px; color:#333333; text-decoration:none; border:none; width: 100%;}
.u480 #nav li:hover, .u770 #nav li:hover {background: inherit;}
.u480 #nav_drop, .u480 li#nav_drop:hover, .u770 li#nav_drop, .u770 li#nav_drop:hover {background:none;}

/*H1*/
#h1 {background:#30b38b; padding:40px 0; text-align:center;}
.u770 #h1 {padding:30px 0;}
.u480 #h1 {padding:30px 0;}
#h1::after {content:''; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #30b38b; position: absolute; margin-top: 30px; margin-left:-15px; left:50%;}
.u770 #h1::after {margin-top:20px;}
.u480 #h1::after {margin-top:20px;}
h1 {color:#FFFFFF; font-size:50px; font-weight:600; text-shadow: 0 0 10px #210501;}
.u960 h1 {font-size:28px;}
.u770 h1 {font-size:28px;}
.u480 h1 {font-size:21px;}

/*COLS*/
.col4 {clear:both;} .col {width:21%; float:left; padding: 2%;}
.u770 .col, .u480 .col {width:46%; float:left; padding: 2%;} .col img {width:100%; box-shadow: 0 0 10px #210501; margin: 2% 0;} .col h3 {font-size: 16px; color: #cccccc; text-shadow: 0 0 10px #210501;} .col h2 {color:#a5c02a; font-weight:300; font-size:36px; text-transform: uppercase; text-shadow: 0 0 10px #210501;} .col h2 a {color:#a5c02a; text-decoration:none;}
.u960 .col h2 {font-size:25px;}
.u770 .col h2 {font-size:26px;}
.u480 .col h2 {font-size:23px;} .col p {color:#cccccc; font-size:14px;}
.u960 .col p {font-size:12px;}
.u770 .col p {font-size:13px;}
.u480 .col p {font-size:10px;}

.break {border-top:solid 1px #717171; clear:both; margin:1% 0;}

/*PROJECTS*/
#projects {clear:both; margin-bottom: 70px;}
#projects .project {width:28%; float:left; padding: 2%;}
#projects .project:nth-of-type(3n+1){clear:left;}
.u770 #projects .project:nth-of-type(3n+1), .u480 #projects .project:nth-of-type(3n+1){clear:initial;}
.u770 #projects .project:nth-of-type(2n+1), .u480 #projects .project:nth-of-type(2n+1){clear:left!important;}
.u770 #projects .project, .u480 #projects .project {width:46%; float:left; padding: 2%;}
#projects .project img {width:100%; box-shadow: 0 0 10px #210501; margin: 2% 0;}
#projects .project h3 {font-size: 16px; color: #cccccc; text-shadow: 0 0 10px #210501; padding: 0;}
#projects .project h2 {color:#a5c02a; font-weight:300; font-size:36px; text-transform: uppercase; text-shadow: 0 0 10px #210501;}
#projects .project h2 a {color:#a5c02a; text-decoration:none;}
.u960 #projects .project h2 {font-size:25px;}
.u770 #projects .project h2 {font-size:26px;}
.u480 #projects .project h2 {font-size:23px;}
#projects .project p {color:#cccccc; font-size:14px; line-height: inherit;}
.u960 #projects .project p {font-size:12px;}
.u770 #projects .project p {font-size:13px;}
.u480 #projects .project p {font-size:10px;}

/*PROJECT PAGE*/
.project-page {width:70%; margin: 30px auto 0 auto;}
.project-page img {width:100%; margin: 1% 0; float: left;}
.project-page a:nth-of-type(2) img {width:49%; margin: 1% 1% 1% 0;}
.project-page a:nth-of-type(3) img {width:49%; margin: 1% 0 1% 1%;}
.project-prev {float: left; margin:40px 0 80px 0; width:40%; position: relative; overflow: hidden; height:200px; background: #000000;}
.project-next {float: right; margin:40px 0 80px 0; width:40%; position: relative; overflow: hidden; height:200px; background: #000000;}
.u960 .project-next, .u960 .project-prev {height:150px;}
.u770 .project-next, .u770 .project-prev {height:130px;}
.u480 .project-next, .u480 .project-prev {height:105px;}
.project-prev img, .project-next img {width: 100%; display: block; opacity: 0.2; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.project-prev:hover img, .project-next:hover img {opacity: 0.7;}
.content .project-prev p, .content .project-next p {position: absolute; top:0; width: 100%; text-shadow: 0 0 10px #210501; text-align: center; color: #ffffff; font-weight: 600; margin: 70px 0 0 0; padding:0;}
.u960 .content .project-prev p, .u960 .content .project-next p {margin: 60px 0 0 0;}
.u770 .content .project-prev p, .u770 .content .project-next p {margin: 40px 0 0 0; line-height: 17px;}
.u480 .content .project-prev p, .u480 .content .project-next p {margin: 30px 0 0 0; line-height: 16px;}
.project-prev p a, .project-next p a {color: #ffffff; font-size: 20px; display:block; border-bottom: none!important;}
.u960 .project-prev p a, .u960 .project-next p a {font-size: 13px;}
.u770 .project-prev p a, .u770 .project-next p a {font-size: 13px;}
.u480 .project-prev p a, .u480 .project-next p a {font-size: 12px;}
.project-prev p a:hover, .project-next p a:hover {color: #ffffff;}
.project-prev p a strong, .project-next p a strong {color: #a5c02a; text-shadow: 0 0 1px #000000;}

/*CONTACT*/
#contact {width:80%; margin:0 10%; text-align: center;}
.u480 #contact, .u770 #contact {width:100%; margin: 0;}
#contact label {font-size:18px; display: block; text-align: left; float: left; width:46%; margin: 1% 2%; color: #a5c02a; font-weight: 600; text-shadow: 0 0 10px #000;}
.u770 #contact label {font-size:14px;}
.u480 #contact label {font-size:12px;}
#contact label input[type=text], #contact label textarea {width:92%; opacity: 0.9; border: none; outline: none; padding: 3% 4%; font-size: 16px; color: #333333;}
.u480 #contact label input[type=text], .u480 #contact label textarea {font-size: 13px;}
.u770 #contact label input[type=text], .u770 #contact label textarea {font-size: 14px;}
#contact label.double {width:96%; margin: 1% 2%;}
#contact input[type=submit] {border: none; outline: none; display: inline-block;}

/*BTN*/
.btn {font-size:18px; display: inline-block; padding: 2% 6%; margin:3% 0; background:#a5c02a; color:#ffffff!important; text-shadow: 0 0 10px #666666; text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.btn:hover {opacity: 0.8;}
.u960 .btn {font-size:18px;}
.u770 .btn {font-size:16px;}
.u480 .btn {font-size:14px;}

/*CONTENT BLOCKS*/
.content {width:100%; text-align: center;}
.content.left {text-align: left;}
.content .container {margin:2% 0;}
.u480 .content .container {margin: 25px 5%; width: 90%;}
.content h2 {color:#a5c02a; font-size:36px; padding:10px 0; text-shadow: 0 0 10px #210501;}
.u960 .content h2 {font-size:26px;}
.u770 .content h2 {font-size:24px;}
.u480 .content h2 {font-size:18px;}
.content h3 {color:#a5c02a; font-size:26px; padding:10px 0;}
.u960 .content h3 {font-size:24px;}
.u770 .content h3 {font-size:22px;}
.u480 .content h3 {font-size:17px;}
.content p {color:#ffffff; font-size:18px; padding:10px 0; line-height:26px;}
.u960 .content p {font-size:16px;}
.u770 .content p {font-size:15px;}
.u480 .content p {font-size:14px; line-height:22px;}
.content ol {margin: 0 30px;}
.content ol li {color: #333333; font-size: 18px; margin: 20px 0; font-weight: 600;}
.u960 .content ol li {font-size:16px;}
.u770 .content ol li {font-size:15px;}
.u480 .content ol li {font-size:14px;}
.content ul li {list-style: none; color: #ffffff; font-size: 18px; margin: 30px 0; font-weight: 600;}
.u960 .content ul li {font-size:20px;}
.u770 .content ul li {font-size:15px;}
.u480 .content ul li {font-size:14px;}
.content ul li::before {content: ''; display: inline-block; height: 40px; width: 40px; margin: 0 16px -10px 0;     background: url(/images/tick.png) no-repeat; background-size: 100%;}
.u960 .content ul li::before {height: 50px; float:left; width: 20px; background: url(/images/tick.png) no-repeat; background-size: 100%;}
.u770 .content ul li::before {height: 50px; float:left; width: 20px; background: url(/images/tick.png) no-repeat; background-size: 100%;}
.u480 .content ul li::before {height: 50px; float:left; width: 15px; background: url(/images/tick.png) no-repeat; background-size: 100%; margin: 0 10px -10px 0;}
.content a {color:#fbfbfb; text-decoration:none;}
.content p a, .content h3 a {border-bottom: dashed 2px;}
.content a:hover {color:#fcfcfc;}
.content .feature-img {float: right; width: 30%; margin: 1% 0 3% 3%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}

.blue-block {background:#0a58aa; width:100%;}
.blue-block .container {margin:30px 10%; display:inline-block; width:80%;}
.u480 .blue-block .container {margin: 25px 5%; width: 90%;}
.blue-block h2 {color:#FFFFFF; font-size:30px; padding:10px 0;}
.u960 .blue-block h2 {font-size:26px;}
.u770 .blue-block h2 {font-size:24px;}
.u480 .blue-block h2 {font-size:18px;}
.blue-block h3 {color:#FFFFFF; font-size:26px; padding:10px 0;}
.u960 .blue-block h3 {font-size:24px;}
.u770 .blue-block h3 {font-size:22px;}
.u480 .blue-block h3 {font-size:17px;}
.blue-block p {color:#FFFFFF; font-size:18px; padding:10px 0; line-height:26px;}
.u960 .blue-block p {font-size:16px;}
.u770 .blue-block p {font-size:15px;}
.u480 .blue-block p {font-size:14px; line-height:22px;}
.blue-block a {color:#FFFFFF;}
.blue-block a:hover {color:#d6d6d6;}
.blue-block ol {margin: 0 30px;}
.blue-block ol li {color: #FFFFFF; font-size: 24px; margin: 30px 0; font-weight: 600;}
.u960 .blue-block ol li {font-size:20px;}
.u770 .blue-block ol li {font-size:20px;}
.u480 .blue-block ol li {font-size:16px;}
.blue-block ul li {list-style: none; color: #FFFFFF; font-size: 24px; margin: 30px 0; font-weight: 600;}
.u960 .blue-block ul li {font-size:20px;}
.u770 .blue-block ul li {font-size:20px;}
.u480 .blue-block ul li {font-size:16px;}
.blue-block ul li::before {content: ''; display: inline-block; height: 40px; width: 40px; margin: 0 16px -10px 0;     background: url(/images/tick.png) no-repeat; background-size: 100%;}
.u960 .blue-block ul li::before {height: 50px; float:left; width: 30px; background: url(/images/tick.png) no-repeat; background-size: 100%;}
.u770 .blue-block ul li::before {height: 50px; float:left; width: 30px; background: url(/images/tick.png) no-repeat; background-size: 100%;}
.u480 .blue-block ul li::before {height: 50px; float:left; width: 19px; background: url(/images/tick.png) no-repeat; background-size: 100%; margin: 0 10px -10px 0;}
.blue-block::after {content:''; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #0a58aa; position: absolute; left:50%; margin-top: -12px; margin-left:-15px;}

.lightblue-block {background:#7396be; width:100%;}
.lightblue-block .container {margin:40px 10%; display:inline-block; width:80%;}
.u480 .lightblue-block .container {margin: 25px 5%; width: 90%;}
.lightblue-block h2 {color:#FFFFFF; font-size:30px; padding:10px 0;}
.u960 .lightblue-block h2 {font-size:26px;}
.u770 .lightblue-block h2 {font-size:24px;}
.u480 .lightblue-block h2 {font-size:18px;}
.lightblue-block h3 {color:#FFFFFF; font-size:26px; padding:10px 0;}
.u960 .lightblue-block h3 {font-size:24px;}
.u770 .lightblue-block h3 {font-size:22px;}
.u480 .lightblue-block h3 {font-size:17px;}
.lightblue-block p {color:#FFFFFF; font-size:18px; padding:10px 0; line-height:26px;}
.u960 .lightblue-block p {font-size:16px;}
.u770 .lightblue-block p {font-size:15px;}
.u480 .lightblue-block p {font-size:14px; line-height:22px;}
.lightblue-block ol {margin: 0 30px;}
.lightblue-block ol li {color: #FFFFFF; font-size: 24px; margin: 30px 0; font-weight: 600;}
.u960 .lightblue-block ol li {font-size:20px;}
.u770 .lightblue-block ol li {font-size:20px;}
.u480 .lightblue-block ol li {font-size:16px;}
.lightblue-block ul li {list-style: none; color: #FFFFFF; font-size: 24px; margin: 30px 0; font-weight: 600;}
.u960 .lightblue-block ul li {font-size:20px;}
.u770 .lightblue-block ul li {font-size:20px;}
.u480 .lightblue-block ul li {font-size:16px;}
.lightblue-block ul li::before {content: ''; display: inline-block; height: 40px; width: 40px; margin: 0 16px -10px 0;     background: url(/images/tick.png) no-repeat; background-size: 100%;}
.u960 .lightblue-block ul li::before {height: 50px; float:left; width: 30px; background: url(/images/tick.png) no-repeat; background-size: 100%;}
.u770 .lightblue-block ul li::before {height: 50px; float:left; width: 30px; background: url(/images/tick.png) no-repeat; background-size: 100%;}
.u480 .lightblue-block ul li::before {height: 50px; float:left; width: 19px; background: url(/images/tick.png) no-repeat; background-size: 100%; margin: 0 10px -10px 0;}
.lightblue-block a {color:#FFFFFF;}
.lightblue-block a:hover {color:#d6d6d6;}
.lightblue-block::after {content:''; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #7396be; position: absolute; left:50%; margin-top: -12px; margin-left:-15px;}

.news-post {width:100%;}
.news-post .content-width {padding: 40px 0;}
.news-post img {float:left; width: 27%; margin: 20px 2% 20px 0;}
.news-post .right {width:70%; float:right;}
.news-post h2 {font-size:30px; padding:10px 0;}
.u960 .news-post h2 {font-size:24px;}
.u770 .news-post h2 {font-size:22px;}
.u480 .news-post h2 {font-size:18px; padding-bottom: 0;}
.news-post .date {font-size:14px;}
.u480 .news-post .date {font-size: 11px; background-size: 18px; padding: 10px 0 10px 28px;}
.news-post p {font-size:18px; padding:0 0 10px 0;}
.u960 .news-post p {font-size:16px;}
.u770 .news-post p {font-size:15px;}
.u480 .news-post p {font-size:14px;}
.news-post .btn {display:block; float:right; color:#FFFFFF; text-decoration:none; background:#e29009; padding:10px 30px; text-align:center; font-weight:600; font-size:18px; transition: background-color 0.5s ease;}
.u960 .news-post .btn {font-size:16px;}
.u770 .news-post .btn {font-size:15px;}
.u480 .news-post .btn {font-size:14px;}
.news-post .btn:hover {background:#C07407;}
.blue-news {background:#0a58aa;}
.blue-news h2 {color:#FFFFFF;}
.blue-news p {color:#FFFFFF;}
.blue-news .date {background: url(/images/date-white.png) no-repeat center left; padding-left: 30px; background-size: 23px;}
.blue-news::after {content:''; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #0a58aa; position: absolute; left:50%; margin-top: -12px; margin-left:-15px;}
.white-news {background:#FFFFFF;}
.white-news h2 {color:#0a58aa;}
.white-news p {color:#333333;}
.white-news .date {background: url(/images/date-grey.png) no-repeat center left; padding-left: 30px; background-size: 23px;}
.white-news::after {content:''; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #FFFFFF; position: absolute; left:50%; margin-top: -12px;  margin-left:-15px;}
.lightblue-news {background:#7396be;}
.lightblue-news h2 {color:#ffffff;}
.lightblue-news p {color:#ffffff;}
.lightblue-news .date {background: url(/images/date-white.png) no-repeat center left; padding-left: 30px; background-size: 23px;}
.lightblue-news::after {content:''; width:0; height:0; border-left:30px solid transparent; border-right:30px solid transparent; border-top:30px solid #7396be; position: absolute; left:50%; margin-top: -12px; margin-left:-15px;}

.pagination .next {margin: 50px 0; display:block; float:right; color:#FFFFFF; text-decoration:none; background:#7396be; padding:10px 30px; text-align:center; font-weight:600; font-size:18px; transition: background-color 0.5s ease;}
.u960 .pagination .next  {font-size:16px;}
.u770 .pagination .next  {font-size:15px;}
.u480 .pagination .next {font-size:14px;}
.pagination .next:hover {background:#4570AA;}

.pagination .prev {margin: 50px 0; display:block; float:left; color:#FFFFFF; text-decoration:none; background:#b7b7b7; padding:10px 30px; text-align:center; font-weight:600; font-size:18px; transition: background-color 0.5s ease;}
.u960 .pagination .prev  {font-size:16px;}
.u770 .pagination .prev  {font-size:15px;}
.u480 .pagination .prev {font-size:14px;}
.pagination .prev:hover {background:#9a9a9a;}

/*TESTIMONIALS*/
.testimonial {background: #a5c02a; margin: 4% 0; float:left; width: 67%; padding: 1% 6%; text-align: justify; position: relative;}
.u480 .testimonial {padding: 1% 10%;}
.testimonial.right {float:right;}
.testimonial p {font-style: italic; text-shadow: 0 0 5px #5a6914;}
.testimonial p span {float: right; font-weight: 600;}
.testimonial::after {content:' '; position:absolute; left:8%; width: 0; height: 0; border-style: solid; border-width: 0 60px 40px 0; border-color: transparent #a5c02a transparent transparent;}
.u480 .testimonial::after {content:' '; border-width: 0 30px 20px 0;}
.testimonial.right::after {content:' '; position:absolute; right:8%; left: inherit; width: 0; height: 0; border-style: solid; border-width: 0 0 40px 60px; border-color: transparent transparent transparent #a5c02a;}
.u480 .testimonial.right::after {content:' '; border-width: 0 0 20px 30px;}
.testimonial .q1 {font-size:125px; line-height: 125px; font-family:initial; position:absolute; color:#ffffff; top:1%; left:1%; opacity: 0.5;}
.u960 .testimonial .q1 {font-size:85px; line-height: 85px;}
.u770 .testimonial .q1 {font-size:60px; line-height: 60px;}
.u480 .testimonial .q1 {font-size:40px; line-height: 40px;}
.testimonial .q2 {font-size:125px; line-height: 125px; font-family:initial; position:absolute; color:#ffffff; bottom:1%; right:1%; opacity: 0.5;}
.u960 .testimonial .q2 {font-size:85px; line-height: 85px;}
.u770 .testimonial .q2 {font-size:60px; line-height: 60px;}
.u480 .testimonial .q2 {font-size:40px; line-height: 40px;}

/*SERVICES*/
h3.services span {background: #a5c02a; width: 42px; height: 42px; font-size: 29px; margin: 0 10px 0 0; float: left; border-radius: 100%; text-align: center; color: #ffffff;}
h3.services a {color: #ffffff;}
h3.services a:hover {color: #bababa;}
h3.services {padding: 20px 0;}


/*NEWS PAGE*/
#news-post-body img {width:48.4%; float:right; margin:-2% 0 2% 2%;}
#news-post-body  .date {background: url(/images/date-grey.png) no-repeat center left; padding-left: 30px; background-size: 23px; font-size:14px; margin:2% 0 0 0;}
.u960 #news-post-body  .date {font-size:13px;}
.u770 #news-post-body  .date {font-size:12px;}
.u480 #news-post-body  .date {font-size: 11px; background-size: 20px; padding-left: 28px;}
#news-post-body p {font-size:18px; color:#333333; padding:10px 0;}
.u960 #news-post-body p {font-size:16px;}
.u770 #news-post-body p {font-size:15px;}
.u480 #news-post-body p {font-size:14px;}
#news-post-body a {color:#0374C5; text-decoration:none; transition: background-color 0.5s ease;}
#news-post-body a:hover {color:#1B34A8;}
#news-post-body .back {display:block; float:left; color:#FFFFFF; text-decoration:none; background:#b7b7b7; padding:10px 30px; text-align:center; font-weight:600; font-size:18px; margin:3% 0 2% 0; transition: background-color 0.5s ease;}
.u960 #news-post-body .back {font-size:16px;}
.u770 #news-post-body .back {font-size:15px;}
.u480 #news-post-body .back {font-size:14px;}
#news-post-body .back:hover {background:#9a9a9a; color:#FFFFFF;}
#news-post-body .next {display:block; float:right; color:#FFFFFF; text-decoration:none; background:#7396be; padding:10px 30px; text-align:center; font-weight:600; font-size:18px; margin:3% 0 2% 0; transition: background-color 0.5s ease;}
.u960 #news-post-body .next {font-size:16px;}
.u770 #news-post-body .next {font-size:15px;}
.u480 #news-post-body .next {font-size:14px;}
#news-post-body .next:hover {background:#526c8a; color:#FFFFFF;}

/*CONTENT ELEMENTS*/
.strat-logos img {float:left; width:27%; margin:2% 3%;}
.u480 .strat-logos img {width:44%;}
.u480 .strat-logos {width: 115%; margin-left: -8%;}

/*FOOTER*/
footer {width:100%; background:#a5c02a; margin-top:90px; padding:0; position:relative;}
footer .zig {position: relative; padding: 0; background: #606060;}
footer .zig:before { background: linear-gradient(-45deg, #a5c02a 6px, transparent 0), linear-gradient(45deg, #a5c02a 6px, transparent 0); background-position: bottom; background-repeat: repeat-x; background-size: 8px 8px; content: " "; display: block; position: absolute; top: -16px; left: 0px; width: 100%; height: 16px;}
footer .content {padding:4% 0;}
footer .footer img {float: left; width: 15%;}
.u960 footer .footer img {width: 21%;}
.u770 footer .footer img {width: 25%;}
.u480 footer .footer img {width: 40%;}
footer .footer h3 {text-align: right;}
footer .footer h3 a {color:#ffffff;}
footer .footer h3 a:hover {color:#fafafa; cursor: pointer;}
footer .footer p {clear:both; font-size: 14px; color:#ffffff; text-align: center}
.u480 footer .footer p {font-size: 11px;}
footer .footer .link {color:#ffffff; font-size:14px; border-bottom: solid 2px #999999;}
.u480 footer .footer .link {font-size:11px;}

/*CLEARFIX*/
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*DOCUMENT*/
.documents a {float:left; clear:left; margin:10px 0; font-size:20px; text-decoration:none;}
.documents a img {margin-bottom:-5px;}</pre></body></html>