@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
@import url("//fonts.googleapis.com/css?family=Roboto:400,500,700");
#velarochat {
    position: relative;
    visibility:hidden !important;
}
#velarochat.expanded {
    visibility:visible !important;
}
.contact-us .chat strong:before {
 content: url("/UserFiles/Servers/Server_49290296/File/img/contact us/chat.png");
 display: inline-block;
 vertical-align: middle;
 padding: 0 .5em 0 0;
}
.contact-us .chat strong {
 font-size: 1.5em !important;
 color: #333333;
 padding: 0;
 vertical-align: middle;
}
/* created with SASS */
/* get a copy of .scss files from "backup sass files" folder under file administration */
html {
 text-align: left;
}
html .inside-padding {
 margin: 0 auto;
 max-width: 1100px;
 padding: 2em 1em;
}
@media screen and (max-width: 1000px) {
 html .inside-padding {
     padding: 1em;
 }
}
span, p, menu {
 margin: 0;
 font-family: "Lato";
 font-weight: 400;
}
select {
 border-radius: 0 !important;
}
ul, ol {
 margin: 0;
 padding: 0;
 list-style: none;
}
div {
 font-family: "Lato";
}
h1, h2 {
 margin: 0;
 font-family: "Roboto Condensed";
 font-weight: 600;
}
h3, h4, h5, h6 {
 margin: 0;
 font-family: "Lato";
 font-weight: 600;
}
span.portlet-title {
 color: #ffffff !important;
}
table[id*=tblFields] p, table[id*=tblFields] span, td.reEditorModesCell span {
 font-size: 13px !important;
}
a {
 display: inline-block;
 margin: 0;
 font-family: "Lato";
 color: #357e88;
 text-decoration: none;
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
a:hover, a:focus {
 font-family: "Lato";
 text-decoration: none;
 color: #582D82;
 cursor: pointer;
}
html.portletEditMode .ptl_page {
 max-width: 1500px;
 padding: 2em;
 margin: 0 auto;
}
html.portletEditMode .ptl_page .tbl {
 width: 100%;
}
#RSSLink {
 display: none;
}
#skip a {
 position: absolute;
 left: -10000px;
 top: auto;
 width: 1px;
 height: 1px;
 overflow: hidden;
}
#menu .admin {
 float: right;
 margin-top: .6em;
 margin-right: 1em;
}
#menu .admin a, #menu .admin span {
 font-family: "Lato";
 font-size: 1.3em;
 font-weight: 400;
 color: #333333;
 text-transform: uppercase;
}
@media screen and (max-width: 730px) {
 .ptl_col_1_2, .ptl_col_1_3, .ptl_col_2_2, .ptl_col_2_3 {
     width: auto;
     float: none;
 }
}
header.sticky {
 background: #ffffff;
 position: fixed;
 z-index: 99999;
 top: 0;
 width: 100%;
}
header.sticky .inside-padding {
 padding: 0 1em;
}
header.sticky .inside-padding .container #logo img {
 height: 61px;
}
header.sticky .inside-padding .container .float-right .links {
 display: none;
}
header.sticky .inside-padding .container .float-right #menu li.magic-line {
 top: 74px !important;
}
header.sticky .inside-padding .container .float-right #menu .west {
 margin-top: -.5em;
}
header {
 position: relative;
 z-index: 3000;
 border-bottom: 0.5em solid #2c343d;
}
header .inside-padding {
 padding: 0 1em;
}
header .inside-padding .container > .float-left {
 display: inline-block;
 width: 29%;
 text-align: left;
}
header .inside-padding .container > .float-left #logo img {
 margin-top: 1em;
 -webkit-transition: height 0.3s;
 -moz-transition: height 0.3s;
 -ms-transition: height 0.3s;
 transition: height 0.3s;
}
header .inside-padding .container > .float-left #logo .west-mobile {
 display: none;
}
header .inside-padding .container > .float-right {
 display: inline-block;
 float: right;
 width: 70%;
}
header .inside-padding .container > .float-right .links {
 text-align: right;
}
header .inside-padding .container > .float-right .links a, header .inside-padding .container > .float-right .links #phone {
 display: inline-block;
 color: #333333;
 font-weight: 600;
 padding: 0 1em;
}
header .inside-padding .container > .float-right .links a.contact-us {
 margin: 0 6.5em 0 1em;
 padding: .7em 1em;
 background: #582D82;
 color: #ffffff;
 text-transform: uppercase;
 font-weight: 400;
}
header .inside-padding .container > .float-right .west {
 float: right;
 margin-top: -1.5em;
 -webkit-transition: margin 0.3s;
 -moz-transition: margin 0.3s;
 -ms-transition: margin 0.3s;
 transition: margin 0.3s;
}
@media screen and (max-width: 950px) {
 header, header.sticky {
     border-bottom-color: rgba(51, 51, 51, 0.85);
     position: relative !important;
 }
 header .inside-padding, header.sticky .inside-padding {
     padding: 0 1em 1em;
 }
 header .inside-padding .container .float-left #logo img, header.sticky .inside-padding .container .float-left #logo img {
     height: 81px;
     margin-top: 2em !important;
 }
 header .inside-padding .container .float-right .links, header.sticky .inside-padding .container .float-right .links {
     display: block;
 }
 header .inside-padding .container .float-right .links a.contact-us, header.sticky .inside-padding .container .float-right .links a.contact-us {
     margin: .5em 0 1em;
 }
}
@media screen and (max-width: 680px) {
 header .inside-padding, header.sticky .inside-padding {
     padding: 1em;
 }
 header .inside-padding .container .float-left, header.sticky .inside-padding .container .float-left {
     width: auto;
     display: block;
     float: none;
     text-align: center;
     top: 2.5em;
     margin-bottom: 3em;
     position: relative;
 }
 header .inside-padding .container .float-left #logo img, header.sticky .inside-padding .container .float-left #logo img {
     width: 255px;
     height: 71px;
     margin-bottom: -1em;
 }
 header .inside-padding .container .float-left #logo .west-mobile, header.sticky .inside-padding .container .float-left #logo .west-mobile {
     display: inline-block;
 }
 header .inside-padding .container .float-left #logo .west-mobile img, header.sticky .inside-padding .container .float-left #logo .west-mobile img {
     margin-top: 0;
     margin-bottom: 0;
     width: 69px;
     height: 51px;
 }
 header .inside-padding .container .float-right, header.sticky .inside-padding .container .float-right {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     float: none;
     width: auto;
     display: block;
 }
 header .inside-padding .container .float-right .links, header.sticky .inside-padding .container .float-right .links {
     text-align: center;
 }
 header .inside-padding .container .float-right #menu, header.sticky .inside-padding .container .float-right #menu {
     display: none;
 }
}
@-webkit-keyframes moveclouds {
 0% {
     margin-left: 1000px;
 }
 100% {
     margin-left: -1000px;
 }
}
@-moz-keyframes moveclouds {
 0% {
     margin-left: 1000px;
 }
 100% {
     margin-left: -1000px;
 }
}
@-o-keyframes moveclouds {
 0% {
     margin-left: 1000px;
 }
 100% {
     margin-left: -1000px;
 }
}
@keyframes shake-left {
 from, to {
     transform: translate3d(0px, 0, 0);
 }
 10%, 30%, 50%, 70%, 90% {
     transform: translate3d(-10px, 0, 0);
 }
 20%, 40%, 60%, 80% {
     transform: translate3d(10px, 0, 0);
 }
}
.shake-left {
 animation-name: shake-left;
}
@keyframes shake-right {
 from, to {
     transform: translate3d(0px, 0, 0);
 }
 10%, 30%, 50%, 70%, 90% {
     transform: translate3d(10px, 0, 0);
 }
 20%, 40%, 60%, 80% {
     transform: translate3d(-10px, 0, 0);
 }
}
.shake-right {
 animation-name: shake-right;
}
@keyframes jump-top {
 from, to {
     transform: translate3d(0, 0px, 0);
 }
 10%, 30%, 50%, 70%, 90% {
     transform: translate3d(0, -10px, 0);
 }
 20%, 40%, 60%, 80% {
     transform: translate3d(0, 10px, 0);
 }
}
.jump-top {
 animation-name: shake-left;
}
.slick-prev, .slick-next {
 display: inline-block !important;
 height: 35px;
 width: 35px;
 line-height: 0px;
 font-size: 0px;
 cursor: pointer;
 background: transparent;
 color: #582D82;
 top: 50%;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 transform: translate(0, -50%);
 padding: 0;
 border: none;
 outline: none;
 -webkit-transition: background 0.3s, opacity 0.3s;
 -moz-transition: background 0.3s, opacity 0.3s;
 -ms-transition: background 0.3s, opacity 0.3s;
 transition: background 0.3s, opacity 0.3s;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
 outline: none;
 background: transparent;
 color: #e1171d;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
 opacity: 0.75;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
 opacity: 0.25;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
 opacity: 1;
}
.slick-prev:before, .slick-next:before {
 position: relative;
 bottom: 0;
 font-family: "FontAwesome";
 font-size: 30px;
 line-height: 1;
 padding: 0 10px;
 background: transparent;
 opacity: 1;
 border: none;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
 left: 0px;
}
[dir="rtl"] .slick-prev {
 left: auto;
}
.slick-prev:before {
 content: "";
}
[dir="rtl"] .slick-prev:before {
 content: "";
}
.slick-next {
 right: 0px;
}
[dir="rtl"] .slick-next {
 left: -32px;
 right: auto;
}
.slick-next:before {
 content: "";
}
[dir="rtl"] .slick-next:before {
 content: "";
}
/* Dots */
.slick-dotted.slick-slider {
 margin-bottom: 30px;
}
.slick-dots {
 bottom: -25px;
 list-style: none;
 display: block;
 text-align: center;
 padding: 0;
 margin: 0;
 width: 100%;
}
.slick-dots li {
 position: relative;
 display: inline-block;
 height: 20px;
 width: 20px;
 margin: 0;
 padding: 0;
 cursor: pointer;
}
.slick-dots li button {
 border: 0;
 background: transparent;
 display: block;
 height: 20px;
 width: 20px;
 outline: none;
 line-height: 0px;
 font-size: 0px;
 color: #333333 !important;
 padding: 5px;
 cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
 outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
 opacity: 0.75;
}
.slick-dots li button:before {
 position: absolute;
 top: 0;
 left: 0;
 content: "•";
 width: 20px;
 height: 20px;
 font-family: "FontAwesome";
 font-size: 40px;
 line-height: 20px;
 text-align: center;
 color: #333333;
 opacity: 0.25;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
 color: #333333;
 opacity: 1;
}
.press, #page.subpage #news-content.portfolio a.read-more, #page.subpage #news-section.portfolio a.read-more, #page.subpage #news-summary a.read-more, #statement .btn, #featured-projects .see-all-container .see-all, #news-summary.portfolio nav .dots ul li:not(.slick-active) button, #news-summary.portfolio nav .dots ul.more-than-six li:not(.slick-active) button, #news-summary.blog nav .dots ul li:not(.slick-active) button, #news-summary.blog nav .dots ul.more-than-six li:not(.slick-active) button, #ao_alignment_container input[value="Submit"], .form div[id*=aoform] .ao-row .ao-column .ao-column-inner .ao-block-wrapper .ao-submit-block button, #resources .container .item .content .read-more, .error404-page .error404 a.btn-round {
 border-bottom: 1px solid transparent;
 border-right: 1px solid transparent;
}
.press:hover, #page.subpage #news-content.portfolio a.read-more:hover, #page.subpage #news-section.portfolio a.read-more:hover, #page.subpage #news-summary a.read-more:hover, #statement .btn:hover, #featured-projects .see-all-container .see-all:hover, #news-summary.portfolio nav .dots ul li:not(.slick-active) button:hover, #news-summary.blog nav .dots ul li:not(.slick-active) button:hover, #ao_alignment_container input[value="Submit"]:hover, .form div[id*=aoform] .ao-row .ao-column .ao-column-inner .ao-block-wrapper .ao-submit-block button:hover, #resources .container .item .content .read-more:hover, .error404-page .error404 a.btn-round:hover, .press:focus, #page.subpage #news-content.portfolio a.read-more:focus, #page.subpage #news-section.portfolio a.read-more:focus, #page.subpage #news-summary a.read-more:focus, #statement .btn:focus, #featured-projects .see-all-container .see-all:focus, #news-summary.portfolio nav .dots ul li:not(.slick-active) button:focus, #news-summary.blog nav .dots ul li:not(.slick-active) button:focus, #ao_alignment_container input[value="Submit"]:focus, .form div[id*=aoform] .ao-row .ao-column .ao-column-inner .ao-block-wrapper .ao-submit-block button:focus, #resources .container .item .content .read-more:focus, .error404-page .error404 a.btn-round:focus {
 border-bottom: 1px solid rgba(51, 51, 51, 0.5);
 border-right: 1px solid rgba(51, 51, 51, 0.5);
 background: #5E6668;
 box-shadow: 4px 4px 0px rgba(51, 51, 51, 0.8);
}
#homepage-top {
 background-image: url("/UserFiles/Servers/Server_49290296/File/img/homepage backgrounds/top-home-bg.png");
 background-color: #c2dee4;
 background-repeat: repeat;
}
#homepage-top .layers {
 position: relative;
 z-index: 2;
}
#homepage-top .layers .city {
 background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/city.png") no-repeat;
 display: block;
 position: absolute;
 width: 100%;
 left: 0;
 right: 0;
 top: 20px;
 margin: 0 auto;
}
@media screen and (max-width: 650px) {
 #homepage-top .layers .city {
     left: -60%;
     right: -50%;
 }
}
#homepage-top .layers .city.obj-1 {
 background-position: -191px -292px;
 width: 1276px;
 height: 512px;
}
#homepage-top .layers .object {
 background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/top-homepage-layers.png") no-repeat;
 display: block;
 position: absolute;
}
@media screen and (max-width: 650px) {
 #homepage-top .layers .object {
     display: none;
 }
}
#homepage-top .layers .object.obj-1 {
 background-position: -22px -28px;
 width: 358px;
 height: 167px;
 left: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
}
#homepage-top .layers .object.obj-1.move {
 top: 350px;
 left: -5px;
}
#homepage-top .layers .object.obj-2 {
 background-position: -22px -227px;
 width: 467px;
 height: 98px;
 left: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
#homepage-top .layers .object.obj-2.move {
 top: 470px;
 left: 90px;
}
#homepage-top .layers .object.obj-3 {
 background-position: -10px -371px;
 width: 493px;
 height: 40px;
 left: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
#homepage-top .layers .object.obj-3.move {
 top: 550px;
 left: 195px;
}
#homepage-top .layers .object.obj-4 {
 background-position: -544px -20px;
 width: 357px;
 height: 166px;
 right: -1000px;
 -webkit-transition: all 0.35s;
 -moz-transition: all 0.35s;
 -ms-transition: all 0.35s;
 transition: all 0.35s;
}
#homepage-top .layers .object.obj-4.move {
 top: 370px;
 right: 0px;
}
#homepage-top .layers .object.obj-5 {
 background-position: -523px -187px;
 width: 437px;
 height: 154px;
 right: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
 z-index: 2;
}
#homepage-top .layers .object.obj-5.move {
 top: 455px;
 right: -150px;
}
#homepage-top .layers .object.obj-6 {
 background-position: -521px -364px;
 width: 468px;
 height: 99px;
 right: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
}
#homepage-top .layers .object.obj-6.move {
 top: 460px;
 right: -10px;
}
#homepage-top .layers .object.obj-7 {
 background-position: -485px -532px;
 width: 493px;
 height: 40px;
 right: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
#homepage-top .layers .object.obj-7.move {
 top: 550px;
 right: 0px;
}
#subpage-top {
 background-color: #c2dee4;
 overflow: hidden;
}
#subpage-top .inside-padding {
 padding: 2.5em 1em;
}
#subpage-top .inside-padding h2.pageTitle {
 position: relative;
 z-index: 10;
 color: #2c343d;
 font-size: 4.1em;
 text-shadow: 1px 2px 0px #ffffff;
 text-align: center;
}
@media screen and (max-width: 650px) {
 #subpage-top .inside-padding h2.pageTitle {
     font-size: 3.6em;
 }
}
#subpage-top .layers {
 position: relative;
 z-index: 2;
}
#subpage-top .layers .city {
 background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/city.png") no-repeat;
 display: block;
 position: absolute;
 width: 100%;
 left: 0;
 right: 0;
 bottom: -50px;
 margin: 0 auto;
}
#subpage-top .layers .city.obj-1 {
 background-position: -191px -292px;
 width: 1276px;
 height: 512px;
}
#subpage-top .layers .object {
 background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/top-homepage-layers.png") no-repeat;
 display: block;
 position: absolute;
}
@media screen and (max-width: 650px) {
 #subpage-top .layers .object {
     display: none;
 }
}
#subpage-top .layers .object.obj-2 {
 background-position: -22px -227px;
 width: 467px;
 height: 98px;
 left: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
#subpage-top .layers .object.obj-2.move {
 bottom: 15px;
 left: -130px;
}
@media screen and (max-width: 950px) {
 #subpage-top .layers .object.obj-2.move {
     left: -300px;
 }
}
#subpage-top .layers .object.obj-3 {
 background-position: -10px -371px;
 width: 493px;
 height: 40px;
 left: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
#subpage-top .layers .object.obj-3.move {
 bottom: -5px;
 left: -15px;
}
@media screen and (max-width: 950px) {
 #subpage-top .layers .object.obj-3.move {
     left: -200px;
 }
}
#subpage-top .layers .object.obj-5 {
 background-position: -523px -187px;
 width: 437px;
 height: 154px;
 right: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
 z-index: 2;
}
#subpage-top .layers .object.obj-5.move {
 bottom: -30px;
 right: -150px;
}
@media screen and (max-width: 950px) {
 #subpage-top .layers .object.obj-5.move {
     right: -300px;
 }
}
#subpage-top .layers .object.obj-6 {
 background-position: -521px -364px;
 width: 468px;
 height: 99px;
 right: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
}
#subpage-top .layers .object.obj-6.move {
 bottom: 25px;
 right: -10px;
}
@media screen and (max-width: 950px) {
 #subpage-top .layers .object.obj-6.move {
     right: -200px;
 }
}
#subpage-top .layers .object.obj-7 {
 background-position: -485px -532px;
 width: 493px;
 height: 40px;
 right: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
#subpage-top .layers .object.obj-7.move {
 bottom: -5px;
 right: 0px;
}
@media screen and (max-width: 950px) {
 #subpage-top .layers .object.obj-7.move {
     right: -200px;
 }
}
#page.subpage #breadcrumbs {
 text-align: left;
}
#page.subpage #breadcrumbs div {
 font-family: "Lato";
 font-weight: 600;
 font-size: 1.3em;
 color: #582D82;
}
#page.subpage #breadcrumbs a {
 font-weight: 600;
 font-size: inherit;
 color: #333333;
}
#page.subpage .ptl_page {
 text-align: left;
}
#page.subpage .ptl_page ul, #page.subpage .ptl_page ol {
 list-style: disc;
}
#page.subpage p, #page.subpage menu, #page.subpage span, #page.subpage a {
 font-family: "Lato";
 font-weight: 400;
 font-size: inherit;
}
#page.subpage ul, #page.subpage ol {
 font-family: "Lato";
 font-weight: 400;
 font-size: 1.3em;
 margin-left: 2em;
}
#page.subpage ul li, #page.subpage ol li {
 padding: .3em 0 .3em .5em;
}
#page.subpage strong {
 font-family: "Lato";
 font-weight: 600;
}
#page.subpage strong a {
 font-weight: inherit;
}
#page.subpage p {
 margin: 1em 0;
 font-size: 1.3em;
 font-family: "Lato";
}
#page.subpage .inner-news-content .title {
 font-family: "Lato";
 font-size: 2.5em;
 color: #217883;
 padding: .5em 0;
}
@media screen and (max-width: 770px) {
 #page.subpage .inner-news-content .title {
     font-size: 1.8em;
 }
}
#page.subpage #news_content_body p {
 margin: 0;
 font-size: 1.3em;
 font-family: "Lato";
 font-weight: 400;
 line-height: 1.5em;
}
@media screen and (max-width: 770px) {
 #page.subpage #news_content_body p {
     font-size: 1.3em;
 }
}
#page.subpage #news_content_body a {
 display: inline;
}
#page.subpage .inner-news-content .summary {
 margin: 0;
 font-size: 1.5em;
 font-family: "Lato";
 font-weight: 300;
 line-height: 1.5em;
}
@media screen and (max-width: 770px) {
 #page.subpage .inner-news-content .summary {
     font-size: 1.3em;
 }
}
#page.subpage #news-content.portfolio a.read-more, #page.subpage #news-section.portfolio a.read-more, #page.subpage #news-summary a.read-more {
 background: #582D82;
 padding: .7em 1em;
 margin: 1em;
 color: #ffffff;
 font-weight: 400;
 font-size: 1.3em;
 text-transform: uppercase;
 box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
}
#page.subpage #news_content_title {
 font-family: "Lato";
 font-size: 3.6em;
 font-weight: 300;
 color: #666666;
 padding: .3em 0;
}
@media screen and (max-width: 770px) {
 #page.subpage #news_content_title {
     font-size: 2.5em;
 }
}
#page.subpage #news_content_date {
 display: none;
}
#page.subpage #news-summary .row .image img {
 box-shadow: 0 0 2em rgba(51, 51, 51, 0.2);
 margin: 1em;
 width: 90%;
}
#page.subpage #news_content_body #featured_image {
 max-width: 400px;
 padding: 0;
 margin: 0 2em 1em 1em;
 box-shadow: 0 0 2em rgba(51, 51, 51, 0.2);
}
@media screen and (max-width: 970px) {
 #page.subpage #news_content_body #featured_image {
     max-width: 300px;
 }
}
@media screen and (max-width: 770px) {
 #page.subpage #news_content_body #featured_image {
     max-width: 200px;
 }
}
#page.subpage h1 {
 font-size: 5.3em;
}
#page.subpage h2 {
 font-size: 4.1em;
 text-shadow: 1px 2px 0px #ffffff;
 color: #2c343d;
}
#page.subpage h2 > span {
 font-size: inherit !important;
}
@media screen and (max-width: 770px) {
 #page.subpage h2 {
     font-size: 2.8em;
 }
}
#page.subpage h3 {
 font-size: 4.1em;
 font-weight: 300;
 color: #666666;
 padding: .3em 0;
}
#page.subpage h3 > span {
 font-size: inherit !important;
}
@media screen and (max-width: 770px) {
 #page.subpage h3 {
     font-size: 2.5em;
 }
}
#page.subpage h4 {
 font-family: "Lato";
 font-size: 2.5em;
 color: #217883;
 padding: .5em 0;
}
#page.subpage h4 > span {
 font-size: inherit !important;
}
@media screen and (max-width: 770px) {
 #page.subpage h4 {
     font-size: 1.5em;
 }
}
#page.subpage h5 {
 font-size: 2em;
}
#page.subpage h6 {
 font-size: 1.5em;
}
#page.subpage:not(.lms) #breadcrumbs {
    /* padding-bottom: 2em;
    */
}
.contact-us {
 margin: 1.5em 0 0 5em;
 padding: 5% 10%;
 background: #f2f2f2;
 -webkit-transition: margin 0.3s;
 -moz-transition: margin 0.3s;
 -ms-transition: margin 0.3s;
 transition: margin 0.3s;
}
@media screen and (max-width: 950px) {
 .contact-us {
     margin: 5.5em 0 0 2em;
 }
}
@media screen and (max-width: 730px) {
 .contact-us {
     margin: 0;
 }
}
.contact-us .email strong {
 display: block;
 position: relative;
}
.contact-us .email strong:before {
 content: url("/UserFiles/Servers/Server_49290296/File/img/contact us/email.png");
 display: inline-block;
 vertical-align: middle;
}
.contact-us .email strong a {
 font-size: 1.5em !important;
 color: #333333;
 padding: 0 .5em;
 vertical-align: middle;
}
@media screen and (max-width: 500px) {
 .contact-us .email strong a {
     font-size: 1.3em !important;
 }
}
.contact-us .phone strong {
 display: block;
 position: relative;
}
.contact-us .phone strong:before {
 content: url("/UserFiles/Servers/Server_49290296/File/img/contact us/phone.png");
 display: inline-block;
 vertical-align: middle;
}
.contact-us .phone strong a {
 font-size: 1.5em !important;
 color: #333333;
 padding: 0 .5em;
 vertical-align: middle;
}
.contact-us h3, .contact-us h4, .contact-us h5, .contact-us h6 {
 padding: 1em 0 0;
}
@media screen and (max-width: 770px) {
 #page.lms .bottom-bg {
     padding-bottom: 2em !important;
 }
}
#quick-links.lms {
 position: relative;
 background: #2c343d;
 box-shadow: 0 0 1em rgba(51, 51, 51, 0.5);
 top: 0;
 -webkit-transition: top 0.3s;
 -moz-transition: top 0.3s;
 -ms-transition: top 0.3s;
 transition: top 0.3s;
}
#quick-links.lms .inside-padding {
 padding: 0;
}
#quick-links.lms .inside-padding #menu-center ul {
 display: table;
 margin: 0;
 width: 100%;
}
@media screen and (max-width: 770px) {
 #quick-links.lms .inside-padding #menu-center ul {
     display: block;
 }
}
#quick-links.lms .inside-padding #menu-center ul li {
 display: table-cell;
 width: 20%;
 height: 5em;
 vertical-align: top;
 padding: 0;
}
@media screen and (max-width: 770px) {
 #quick-links.lms .inside-padding #menu-center ul li {
     display: block;
     height: auto;
     width: auto;
 }
}
#quick-links.lms .inside-padding #menu-center ul li a {
 display: block;
 height: 100%;
 position: relative;
 padding: 1em 1em 1.5em;
 text-align: center;
 position: relative;
}
@media screen and (max-width: 770px) {
 #quick-links.lms .inside-padding #menu-center ul li a {
     height: auto;
     padding: .5em 1em 1em;
 }
}
#quick-links.lms .inside-padding #menu-center ul li a:after {
 content: "";
 display: block;
 opacity: 0;
 position: absolute;
 width: 100%;
 height: 2em;
 background: transparent;
 bottom: 0;
 left: 0;
 right: 0;
 border-bottom-left-radius: 45%;
 border-bottom-right-radius: 45%;
 box-shadow: 0 0.8em 2em rgba(51, 51, 51, 0.2);
 -webkit-transition: bottom 0.4s, opacity 0.5s, background 0.5s;
 -moz-transition: bottom 0.4s, opacity 0.5s, background 0.5s;
 -ms-transition: bottom 0.4s, opacity 0.5s, background 0.5s;
 transition: bottom 0.4s, opacity 0.5s, background 0.5s;
}
@media screen and (max-width: 770px) {
 #quick-links.lms .inside-padding #menu-center ul li a:after {
     display: none;
 }
}
#quick-links.lms .inside-padding #menu-center ul li a.active {
 background: #357e88;
}
#quick-links.lms .inside-padding #menu-center ul li a.active:after {
 bottom: -1.5em;
 opacity: 1;
 background: #357e88;
}
#quick-links.lms .inside-padding #menu-center ul li a img {
 width: 3em;
 height: 3em;
}
#quick-links.lms .inside-padding #menu-center ul li a .caption {
 font-family: "Lato";
 font-weight: 300;
 font-size: 1em;
 color: #ffffff;
 padding-top: .5em;
}
#quick-links.lms .inside-padding #menu-center ul #magic-line {
 position: absolute;
 bottom: -2px;
 left: 0;
 width: 100px;
 height: 2px;
 background: #fe4902;
}
#quick-links.lms.sticky {
 position: fixed;
 z-index: 1000;
 top: 6em;
 width: 100%;
}
@media screen and (max-width: 950px) {
 #quick-links.lms.sticky {
     position: relative !important;
     top: 0 !important;
 }
}
.lms-content.has-image .content .float-left {
 min-height: 45em;
}
@media screen and (max-width: 770px) {
 .lms-content.has-image .content .float-left {
     min-height: auto;
     float: none;
     width: auto;
 }
}
.lms-content.has-image .content .float-right {
 width: 50%;
}
@media screen and (max-width: 770px) {
 .lms-content.has-image .content .float-right {
     float: none;
     width: auto;
 }
}
.lms-content.has-image .content .float-right .image {
 display: table;
 width: 100%;
 min-height: 45em;
}
@media screen and (max-width: 770px) {
 .lms-content.has-image .content .float-right .image {
     min-height: auto;
     display: block;
     width: auto;
 }
}
.lms-content .content {
 position: relative;
 margin: 2em 0;
 /* part 1 */
 /* part 2 */
 /* part 4 */
 /* part 5 */
}
.lms-content .content p, .lms-content .content ul, .lms-content .content h4 {
 position: relative;
 z-index: 10;
}
.lms-content .content .float-left {
 width: 45%;
}
@media screen and (max-width: 770px) {
 .lms-content .content .float-left {
     float: none;
     width: auto;
 }
}
.lms-content .content .float-right {
 width: 45%;
}
@media screen and (max-width: 770px) {
 .lms-content .content .float-right {
     width: auto;
     float: none;
 }
}
.lms-content .content .float-right .image {
 min-height: 35em;
}
@media screen and (max-width: 770px) {
 .lms-content .content .float-right .image {
     min-height: auto;
 }
}
.lms-content .content .lms-object {
 background: url("/UserFiles/Servers/Server_49290296/File/img/learning management systems/objects-lms.png") no-repeat;
 display: block;
 position: absolute;
}
@media screen and (max-width: 770px) {
 .lms-content .content .lms-object {
     display: none;
 }
}
.lms-content .content .lms-object.obj-1-1 {
 background-position: -240px -334px;
 width: 596px;
 height: 278px;
 right: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
}
.lms-content .content .lms-object.obj-1-1.move {
 top: 200px;
 right: 0px;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-1-1.move {
     right: -150px;
 }
}
@media screen and (max-width: 770px) {
 .lms-content .content .lms-object.obj-1-1.move {
     display: none;
 }
}
.lms-content .content .lms-object.obj-1-2 {
 background-position: -398px -669px;
 width: 242px;
 height: 510px;
 right: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
.lms-content .content .lms-object.obj-1-2.move {
 bottom: 0px;
 right: 0px;
}
.lms-content .content .lms-object.obj-1-3 {
 background-position: -48px -674px;
 width: 145px;
 height: 219px;
 right: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
.lms-content .content .lms-object.obj-1-3.move {
 bottom: 0px;
 right: 300px;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-1-3.move {
     right: 250px;
 }
}
.lms-content .content .lms-object.obj-1-4 {
 background-position: -90px -575px;
 width: 58px;
 height: 84px;
 right: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
.lms-content .content .lms-object.obj-1-4.move {
 bottom: 230px;
 right: 345px;
 -webkit-animation: jump-top 8s linear infinite;
 -ms-animation: jump-top 8s linear infinite;
 -o-animation: jump-top 8s linear infinite;
 animation: jump-top 8s linear infinite;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-1-4.move {
     right: 295px;
 }
}
.lms-content .content .lms-object.obj-2-1 {
 background-position: -905px -718px;
 width: 342px;
 height: 189px;
 left: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
}
.lms-content .content .lms-object.obj-2-1.move {
 bottom: 150px;
 left: -100px;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-2-1.move {
     bottom: 50px;
 }
}
.lms-content .content .lms-object.obj-2-2 {
 background-position: -1094px -414px;
 width: 415px;
 height: 215px;
 left: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
.lms-content .content .lms-object.obj-2-2.move {
 bottom: 60px;
 left: 70px;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-2-2.move {
     bottom: 0px;
 }
}
.lms-content .content .lms-object.obj-2-3 {
 background-position: -1387px -804px;
 width: 163px;
 height: 241px;
 left: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
.lms-content .content .lms-object.obj-2-3.move {
 bottom: -70px;
 left: 300px;
}
.lms-content .content .lms-object.obj-2-4 {
 background-position: -1418px -652px;
 width: 97px;
 height: 138px;
 left: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
.lms-content .content .lms-object.obj-2-4.move {
 bottom: 190px;
 left: 325px;
 -webkit-animation: jump-top 7s linear infinite;
 -ms-animation: jump-top 7s linear infinite;
 -o-animation: jump-top 7s linear infinite;
 animation: jump-top 7s linear infinite;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-2-4.move {
     display: none;
 }
}
.lms-content .content .lms-object.obj-4-1 {
 background-position: -905px -718px;
 width: 342px;
 height: 189px;
 right: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
}
.lms-content .content .lms-object.obj-4-1.move {
 top: 0px;
 right: 40px;
}
.lms-content .content .lms-object.obj-4-2 {
 background-position: -2180px -392px;
 width: 236px;
 height: 199px;
 right: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
.lms-content .content .lms-object.obj-4-2.move {
 top: 20px;
 right: 0px;
}
.lms-content .content .lms-object.obj-4-3 {
 background-position: -2063px -653px;
 width: 280px;
 height: 115px;
 right: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
.lms-content .content .lms-object.obj-4-3.move {
 top: 170px;
 right: 50px;
}
.lms-content .content .lms-object.obj-4-4 {
 background-position: -1733px -652px;
 width: 264px;
 height: 272px;
 right: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
.lms-content .content .lms-object.obj-4-4.move {
 bottom: -60px;
 right: 300px;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-4-4.move {
     right: 130px;
 }
}
.lms-content .content .lms-object.obj-4-5 {
 background-position: -1809px -538px;
 width: 63px;
 height: 92px;
 right: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
.lms-content .content .lms-object.obj-4-5.move {
 bottom: 230px;
 right: 445px;
 -webkit-animation: jump-top 8s linear infinite;
 -ms-animation: jump-top 8s linear infinite;
 -o-animation: jump-top 8s linear infinite;
 animation: jump-top 8s linear infinite;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-4-5.move {
     right: 275px;
 }
}
.lms-content .content .lms-object.obj-4-6 {
 background-position: -1916px -508px;
 width: 73px;
 height: 106px;
 right: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
.lms-content .content .lms-object.obj-4-6.move {
 bottom: 240px;
 right: 345px;
 -webkit-animation: jump-top 8s linear infinite;
 -ms-animation: jump-top 8s linear infinite;
 -o-animation: jump-top 8s linear infinite;
 animation: jump-top 8s linear infinite;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-4-6.move {
     right: 165px;
 }
}
.lms-content .content .lms-object.obj-5-1 {
 background-position: -730px -1311px;
 width: 86px;
 height: 195px;
 left: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
}
.lms-content .content .lms-object.obj-5-1.move {
 bottom: 310px;
 left: 286px;
 -webkit-animation: jump-top 9s ease infinite;
 -ms-animation: jump-top 9s ease infinite;
 -o-animation: jump-top 9s ease infinite;
 animation: jump-top 9s ease infinite;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-5-1.move {
     bottom: 205px;
     left: 236px;
 }
}
.lms-content .content .lms-object.obj-5-2 {
 background-position: -55px -1343px;
 width: 670px;
 height: 566px;
 left: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
}
.lms-content .content .lms-object.obj-5-2.move {
 bottom: -50px;
 left: -200px;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-5-2.move {
     bottom: -155px;
     left: -250px;
 }
}
.lms-content .content .lms-object.obj-5-3 {
 background-position: -893px -1642px;
 width: 252px;
 height: 113px;
 right: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
.lms-content .content .lms-object.obj-5-3.move {
 bottom: 0px;
 right: 50px;
}
@media screen and (max-width: 950px) {
 .lms-content .content .lms-object.obj-5-3.move {
     bottom: -20px;
 }
}
#page.subpage.lms .molecules {
 position: relative;
 text-align: center;
}
#page.subpage.lms .molecules img {
 width: 100%;
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .molecules img {
     display: none;
 }
}
#page.subpage.lms .molecules .absolute-container {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .molecules .absolute-container {
     position: static;
 }
}
#page.subpage.lms .molecules .absolute-container ul {
 margin: 0 !important;
 list-style: none !important;
 position: relative;
 display: table;
 width: 100%;
 height: 100%;
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .molecules .absolute-container ul {
     display: block;
     height: auto;
 }
}
#page.subpage.lms .molecules .absolute-container ul li {
 display: table-cell;
 width: 16%;
    /* outline: 1px dotted $black;
    */
    position: relative;
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .molecules .absolute-container ul li {
     display: block;
     width: auto;
     line-height: 1.5em;
     margin: .5em 0;
     padding: .5em;
 }
}
#page.subpage.lms .molecules .absolute-container ul li .caption {
 font-family: "Lato";
 font-weight: 600;
 font-size: 1em;
 -webkit-transition: font-size 0.3s;
 -moz-transition: font-size 0.3s;
 -ms-transition: font-size 0.3s;
 transition: font-size 0.3s;
}
@media screen and (max-width: 870px) and (min-width: 770px) {
 #page.subpage.lms .molecules .absolute-container ul li .caption {
     font-size: 0.8em;
 }
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .molecules .absolute-container ul li .caption {
     color: #ffffff;
     background: rgba(51, 51, 51, 0.3);
     text-align: left;
     padding: .5em;
 }
}
@media screen and (min-width: 770px) {
 #page.subpage.lms .molecules .absolute-container ul li {
     background-color: transparent !important;
 }
 #page.subpage.lms .molecules .absolute-container ul li.left.top {
     top: 15%;
     left: -2%;
 }
 #page.subpage.lms .molecules .absolute-container ul li.left.bottom {
     top: 38%;
     left: 4%;
 }
 #page.subpage.lms .molecules .absolute-container ul li.center {
     top: 5%;
     left: 4%;
 }
 #page.subpage.lms .molecules .absolute-container ul li.right.bottom {
     top: 52%;
     left: 4%;
 }
 #page.subpage.lms .molecules .absolute-container ul li.right.top {
     top: 6%;
     left: -1%;
 }
}
#page.subpage.lms .pie-chart {
 position: relative;
 text-align: center;
}
#page.subpage.lms .pie-chart img {
 width: 100%;
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .pie-chart img {
     display: none;
 }
}
#page.subpage.lms .pie-chart .absolute-container {
 position: absolute;
 top: 0;
 bottom: 0;
 left: -5em;
 right: -2em;
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .pie-chart .absolute-container {
     position: static;
 }
}
#page.subpage.lms .pie-chart .absolute-container ul {
 margin: 0 !important;
 list-style: none !important;
 position: relative;
 width: 100%;
 height: 100%;
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .pie-chart .absolute-container ul {
     display: block;
     height: auto;
 }
}
#page.subpage.lms .pie-chart .absolute-container ul li {
 display: inline-block;
 padding: 0;
 width: 19%;
    /* outline: 1px dotted $black;
    */
    position: relative;
    padding: 0;
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .pie-chart .absolute-container ul li {
     display: block;
     width: auto;
     line-height: 1.5em;
     margin: .5em 0;
     padding: .5em;
 }
}
#page.subpage.lms .pie-chart .absolute-container ul li .caption {
 font-family: "Lato";
 font-weight: 600;
 font-size: 1em;
 -webkit-transition: font-size 0.3s;
 -moz-transition: font-size 0.3s;
 -ms-transition: font-size 0.3s;
 transition: font-size 0.3s;
}
@media screen and (max-width: 900px) and (min-width: 770px) {
 #page.subpage.lms .pie-chart .absolute-container ul li .caption {
     font-size: 0.8em;
 }
}
@media screen and (max-width: 770px) {
 #page.subpage.lms .pie-chart .absolute-container ul li .caption {
     color: #ffffff;
     background: rgba(51, 51, 51, 0.3);
     text-align: left;
     padding: .5em;
 }
}
@media screen and (min-width: 770px) {
 #page.subpage.lms .pie-chart .absolute-container ul li {
     background-color: transparent !important;
 }
 #page.subpage.lms .pie-chart .absolute-container ul li.left.top {
     top: 60%;
     left: 3%;
 }
 #page.subpage.lms .pie-chart .absolute-container ul li.left.bottom {
     top: 10%;
     left: -8%;
 }
 #page.subpage.lms .pie-chart .absolute-container ul li.center {
     top: 85%;
     left: 2%;
 }
 #page.subpage.lms .pie-chart .absolute-container ul li.right.bottom {
     top: 9%;
     left: 10%;
 }
 #page.subpage.lms .pie-chart .absolute-container ul li.right.top {
     top: 70%;
     left: -4%;
 }
}
@-webkit-keyframes moveclouds {
 0% {
     margin-left: 1000px;
 }
 100% {
     margin-left: -1000px;
 }
}
@-moz-keyframes moveclouds {
 0% {
     margin-left: 1000px;
 }
 100% {
     margin-left: -1000px;
 }
}
@-o-keyframes moveclouds {
 0% {
     margin-left: 1000px;
 }
 100% {
     margin-left: -1000px;
 }
}
.clouds {
 background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/clouds.png") no-repeat;
 display: block;
 position: absolute;
}
.clouds.obj-1 {
 background-position: -66px -271px;
 width: 250px;
 height: 77px;
 top: 310px;
 left: 0px;
}
@media screen and (min-width: 650px) {
 .clouds.obj-1 {
     -webkit-animation: moveclouds 35s linear infinite;
     -moz-animation: moveclouds 35s linear infinite;
     -o-animation: moveclouds 35s linear infinite;
 }
}
.clouds.obj-2 {
 background-position: -326px -346px;
 width: 147px;
 height: 55px;
 top: 380px;
 left: 400px;
}
@media screen and (min-width: 650px) {
 .clouds.obj-2 {
     -webkit-animation: moveclouds 40s linear infinite;
     -moz-animation: moveclouds 40s linear infinite;
     -o-animation: moveclouds 40s linear infinite;
 }
}
.clouds.obj-3 {
 background-position: -719px -284px;
 width: 249px;
 height: 77px;
 top: 20px;
 left: 200px;
}
@media screen and (min-width: 650px) {
 .clouds.obj-3 {
     left: 700px;
     -webkit-animation: moveclouds 30s linear infinite;
     -moz-animation: moveclouds 30s linear infinite;
     -o-animation: moveclouds 30s linear infinite;
 }
}
.clouds.obj-4 {
 background-position: -560px -369px;
 width: 234px;
 height: 88px;
 top: 140px;
 left: 950px;
}
@media screen and (min-width: 650px) {
 .clouds.obj-4 {
     top: 340px;
     -webkit-animation: moveclouds 40s linear infinite;
     -moz-animation: moveclouds 40s linear infinite;
     -o-animation: moveclouds 40s linear infinite;
 }
}
/** COMMON STYLES **/
.float-left {
 float: left;
}
.float-right {
 float: right;
}
.clear, .clearfix {
 clear: both;
}
.container {
 width: 100%;
 margin: 0 auto;
 position: relative;
}
.none {
 display: none;
}
.row {
 clear: both;
 margin-bottom: 30px;
}
.half {
 width: 49%;
 float: left;
}
.one-third {
 width: 30%;
 float: left;
 margin: 0 2%;
}
.two-third {
 width: 63%;
 float: left;
}
.one-third.first {
 margin-left: 0;
}
.one-third.last {
 margin-right: 0;
}
.float-right.half, .float-right.two-third, .float-right.one-third {
 float: right;
}
.mt10 {
 margin-top: 32px;
}
.mr15 {
 margin-right: 15px;
}
.mt20 {
 margin-top: 20px;
}
.mt40 {
 margin-top: 40px;
}
.mt30 {
 margin-top: 30px;
}
.mr30 {
 margin-right: 30px;
}
.mb15 {
 margin-bottom: 15px;
}
.mb30 {
 margin-bottom: 30px;
}
.p20 {
 padding: 20px;
}
ul.list-bullet {
 list-style: disc outside;
}
ul.list-bullet li {
 margin-left: 20px;
}
.relative {
 position: relative;
 width: 100%;
 height: 100%;
}
/* Magic Line */
li.magic-line {
 z-index: -1;
 height: 7px !important;
 top: 109px !important;
}
@media screen and (max-width: 1100px) {
 li.magic-line {
     top: 100px !important;
 }
}
@media not all and (min-resolution: 0.001dpcm) {
 @supports (-webkit-appearance: none) {
     li.magic-line {
         height: 6px !important;
         top: 108px !important;
     }
 }
}
/* Menu starts */
#menu {
 clear: both;
 float: right;
 margin-top: 1.5em;
 z-index: 2;
 width: 100%;
}
#menu .icon {
 background: url(/UserFiles/Servers/Server_49290296/File/img/menu/sprite-icons-s.png) no-repeat;
 display: inline-block;
}
#menu ul.menu {
 display: inline-block;
 float: right;
 text-align: left;
 position: static !important;
}
#menu ul li {
 float: left;
 margin: 0 3px;
}
#menu ul.menu > li.parent > a {
 line-height: 3em;
 margin-top: -1em;
}
#menu ul li .parent {
 color: #333333;
 text-transform: uppercase;
 font-size: 1.2em;
 font-weight: 400;
 letter-spacing: .04em;
 padding: .7em 1em;
 -webkit-transition: font-size 0.3s;
 -moz-transition: font-size 0.3s;
 -ms-transition: font-size 0.3s;
 transition: font-size 0.3s;
}
@media screen and (max-width: 1100px) {
 #menu ul li .parent {
     font-size: 1.1em;
 }
}
@media screen and (max-width: 1040px) {
 #menu ul li .parent {
     font-size: 1em;
 }
}
.msie #menu ul li .parent {
 padding-bottom: 22px;
}
#menu ul li .parent.active {
 position: relative;
 color: #4CB6C5;
}
#menu ul li .parent.active:after {
 content: ' ';
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 10px 10px 0;
 border-color: #1b2026 transparent transparent;
 left: 42%;
 bottom: -5px;
 position: absolute;
}
#header.menu-top #menu ul li .parent.active:after {
 bottom: -8px;
}
#header.menu-top .west {
 display: none;
}
#menu ul li#iwant .parent {
 color: #BFC2C4;
}
#menu ul li#iwant .parent:hover, #menu ul li#iwant:hover .parent {
 color: #2C343D;
}
#menu ul li#iwant .parent:hover .arrow-down-s, #menu ul li#iwant:hover .parent .arrow-down-s {
 border-top: 7px solid #2C343D;
 border-left: 4px solid transparent;
 border-right: 4px solid transparent;
 display: inline-block;
}
#menu ul li#iwant .parent .bg-black {
 padding: 4px 3px 3px;
 margin: 0 5px 0 0;
 display: inline-block;
}
#menu ul li#iwant .parent:hover .bg-black, #menu ul li#iwant:hover .parent .bg-black {
 background: #4CB6C5;
}
/** Mega menu starts **/
#menu .sub-menu, #responsive-menu .sub-menu, #menu li#homepage {
 display: none;
}
#menu .sub-menu {
 box-shadow: 0 0 2em rgba(51, 51, 51, 0.2);
 border-top: .5em solid transparent;
 background: #ffffff;
 background: transparent;
 position: absolute;
 width: 100%;
 right: 0;
    /* top: 117px;
    */
    z-index: 99;
}
@media screen and (max-width: 1100px) {
 #menu .sub-menu {
        /* top: 115px;
        */
    }
}
#menu .sub-menu-container {
 height: 98.5%;
 background: #ffffff;
 border-bottom: 0.5em solid rgba(53, 126, 136, 0.1);
}
#menu li#portfolio .sub-menu, #menu li#resources-page .sub-menu {
 border-bottom: 0.5em solid #2c343d;
}
.touch #menu .sub-menu {
 overflow: hidden;
 overflow: auto !important;
}
#menu .sub-menu .bg-lt-grey {
 width: 60%;
}
#menu .sub-menu .bg-white {
 width: 38%;
 height: 100% !important;
 background: rgba(53, 126, 136, 0.05);
 border-left: 0.5em solid rgba(53, 126, 136, 0.05);
}
#menu .sub-menu p {
 line-height: 17px;
}
#menu .sub-menu h3 {
 margin-bottom: 10px;
}
#menu .sub-menu .bg-white h3, #menu .sub-menu .bg-red h3 {
 margin-bottom: 15px;
}
#menu .sub-menu .row {
 margin-bottom: 20px;
}
#menu .sub-menu .half {
 width: 46%;
}
#menu .sub-menu ul li {
 margin: 0;
 padding: 10px 10px 10px 20px;
 float: none;
 line-height: normal;
}
#menu .sub-menu ul li a, #menu .sub-menu ul li a:hover {
 text-transform: none;
 background: none;
 padding: 0 0 0 18px;
 letter-spacing: 0;
 display: block;
}
#menu .sub-menu .bg-white ul li:hover, #menu .sub-menu .bg-red ul li:hover {
 background: #F3F3F1;
}
#menu .sub-menu ul li .title, #menu .sub-menu ul li a .title {
 font-size: 17px;
 font-weight: 700;
 line-height: 18px;
 position: relative;
}
#menu .sub-menu ul li a .title {
 color: #357e88;
 -webkit-transition: color 0.3s;
 -moz-transition: color 0.3s;
 -ms-transition: color 0.3s;
 transition: color 0.3s;
}
#menu .sub-menu ul li a:hover, #menu .sub-menu ul li a:hover .title {
 color: #582D82;
}
#menu .sub-menu ul li a .desc {
 color: #2C343D;
 display: block;
 font-size: 13px;
 font-weight: 400;
 line-height: 14px;
 margin: 5px 0;
 left: -28px;
 position: relative;
}
#menu .sub-menu ul li a .more {
 color: #582D82;
 font-size: 12px;
 font-style: italic;
 font-weight: 700;
 left: -28px;
 position: relative;
 -webkit-transition: color 0.3s;
 -moz-transition: color 0.3s;
 -ms-transition: color 0.3s;
 transition: color 0.3s;
}
#menu .sub-menu ul li a:hover .more {
 color: #d8161c;
}
#menu .sub-menu ul li a .more .icon.arrow {
 background-position: -120px -82px;
 display: inline-block;
 height: 7px;
 left: 0;
 position: relative;
 top: 0;
 width: 7px;
}
#menu .sub-menu ul li a .icon {
 position: absolute;
 left: -25px;
 top: 2px;
 display: block;
 opacity: .8;
}
#menu .sub-menu ul ul.list-arrow {
 margin-top: 7px;
 margin-left: 17px;
}
#menu .sub-menu ul ul.list-arrow li {
 background: url(/UserFiles/Servers/Server_49290296/File/img/menu/icon-arrow-blue.png) no-repeat 0 9px;
 margin: 0 0 5px 3px;
 padding: 0 0 0 8px;
}
#menu .sub-menu ul ul.list-arrow li a {
 color: #2C343D;
 font-size: 14.5px;
 line-height: 18px;
 font-weight: 500;
 opacity: .8;
 padding: 2px;
}
#menu .sub-menu ul ul.list-arrow li a:hover {
 opacity: 1;
 color: #E03634;
}
#menu .sub-menu ul li a .icon.cursor {
 background-position: 0 -79px;
 height: 19px;
 width: 13px;
 left: -21px;
}
#menu .sub-menu ul li a .icon.mobile {
 background-position: -13px -79px;
 height: 19px;
 width: 12px;
 left: -21px;
}
#menu .sub-menu ul li a .icon.citizen {
 background-position: -25px -79px;
 height: 16px;
 width: 21px;
}
#menu .sub-menu ul li a .icon.tools {
 background-position: -37px -618px;
 height: 19px;
 width: 19px;
}
#menu .sub-menu ul li a .icon.brush {
 background-position: -46px -79px;
 height: 23px;
 width: 15px;
 top: -1px;
 left: -20px;
}
#menu .sub-menu ul li a .icon.search {
 background-position: -61px -79px;
 height: 20px;
 width: 21px;
}
#menu .sub-menu ul li a .icon.cloud {
 background-position: -82px -79px;
 height: 15px;
 width: 21px;
 top: 0;
}
#menu .sub-menu ul li a .icon.hosting {
 background-position: -43px -102px;
 height: 13px;
 width: 20px;
}
#menu .sub-menu ul li a .icon.code {
 background-position: -82px -94px;
 height: 13px;
 width: 23px;
 left: -27px;
}
#menu .sub-menu ul li a .icon.talk {
 background-position: -63px -99px;
 height: 15px;
 width: 16px;
 left: -23px;
}
#menu .sub-menu ul li a .icon.headphone {
 background-position: -25px -95px;
 height: 19px;
 width: 19px;
}
#menu .sub-menu ul li a .icon.content {
 background-position: 0 -98px;
 height: 15px;
 width: 16px;
 left: -23px;
}
#menu .sub-menu ul li a .icon.solution {
 background-position: -105px -82px;
 height: 19px;
 width: 15px;
 top: 0;
 left: -22px;
}
#menu .sub-menu ul li a .icon.pencil {
 background-position: 0 -113px;
 height: 20px;
 width: 21px;
 top: 0;
}
#menu .sub-menu ul li a .icon.history {
 background-position: -99px -107px;
 height: 23px;
 width: 19px;
 top: -1px;
 left: -24px;
}
#menu .sub-menu ul li a .icon.gov {
 background-position: -80px -107px;
 height: 20px;
 width: 20px;
 top: 0;
}
#menu .sub-menu ul li a .icon.eye {
 background-position: -21px -114px;
 height: 14px;
 width: 22px;
 left: -27px;
}
#menu .sub-menu ul li a .icon.team {
 background-position: -43px -115px;
 height: 17px;
 width: 23px;
 left: -27px;
}
#menu .sub-menu ul li a .icon.value {
 background-position: -26px -689px;
 height: 19px;
 width: 16px;
 top: -1px;
}
#menu .sub-menu ul.big-icon {
 margin-top: 30px;
}
#menu #resources-page .sub-menu ul.big-icon li {
 width: 21%;
 margin: 0 2% 5%;
}
#menu .sub-menu ul.big-icon li {
 float: left;
 width: 46%;
 margin: 0 4% 4% 0;
 padding: 0;
}
#menu .sub-menu ul.big-icon li:hover {
 background: none;
}
#menu .sub-menu ul.big-icon li a {
 position: relative;
 background: #4cb6c5;
 display: block;
 text-align: center;
 padding: 25px 20px 10px;
 height: 125px;
}
#menu .sub-menu ul.big-icon.bottom li a {
 height: 150px;
}
#menu .sub-menu ul.big-icon li a:hover {
 background: #3dabbb;
}
#menu .sub-menu ul.big-icon li a .icon {
 width: 71px;
 height: 67px;
 background: url(/UserFiles/Servers/Server_49290296/File/img/menu/sprite-icons-s.png) no-repeat 0 0;
 display: block;
 position: relative;
 left: 0;
 top: 0;
 margin: 0 auto 10px;
 opacity: .8;
 -webkit-transition: opacity 0.3s;
 -moz-transition: opacity 0.3s;
 -ms-transition: opacity 0.3s;
 transition: opacity 0.3s;
}
#menu #resources-page .sub-menu ul.big-icon li a .text {
 bottom: 30px;
}
#menu .sub-menu ul.big-icon li a .text {
 font-size: 18px;
 font-weight: 700 !important;
 line-height: 20px;
 color: #28414E;
 position: absolute;
 width: 70%;
 margin-left: -35%;
 left: 50%;
 bottom: 15px;
 text-align: center;
 -webkit-transition: opacity 0.3s;
 -moz-transition: opacity 0.3s;
 -ms-transition: opacity 0.3s;
 transition: opacity 0.3s;
}
#menu .sub-menu ul.big-icon a:hover .icon, #menu .sub-menu ul.big-icon li a:hover .text {
 opacity: 1;
}
#menu .sub-menu a.btn-round {
 padding: 13px 7% 10px;
 font-size: 13.5px;
 color: #ffffff;
 margin: 0 15px;
 display: inline-block;
}
#menu .sub-menu a.btn-round.bg-blue {
 background-color: #582D82;
 border-bottom: #d8161c 3px solid;
}
#menu .sub-menu a.btn-round.bg-blue:hover {
 background-color: #d8161c;
}
#menu .sub-menu a.btn-round.bg-dark {
 background-color: #414d5b;
 border-bottom: #333333 3px solid;
}
#menu .sub-menu a.btn-round.bg-dark:hover {
 background-color: #333333;
}
#menu .sub-menu ul.big-icon .icon.cms {
 background-position: -60px -315px;
 height: 65px;
 left: 5px;
}
#menu .sub-menu ul.big-icon .icon.responsive {
 background-position: -58px -193px;
 height: 63px;
}
#menu .sub-menu ul.big-icon .icon.citizen {
 background-position: 0 -366px;
 width: 62px;
 top: 10px;
 height: 49px;
}
#menu .sub-menu ul.big-icon .icon.integration {
 background-position: 0 -299px;
 height: 63px;
 width: 60px;
}
#menu .sub-menu ul.big-icon .icon.quote {
 background-position: 0 -134px;
 height: 59px;
 width: 60px;
}
#menu .sub-menu ul.big-icon .icon.contact {
 background-position: 0 -193px;
 height: 58px;
 width: 58px;
}
#menu .sub-menu ul.big-icon .icon.download {
 background-position: 0 -251px;
 height: 48px;
 width: 60px;
 margin-top: 6px;
}
#menu .sub-menu ul.big-icon .icon.sites {
 background-position: -60px -256px;
 height: 59px;
 width: 62px;
}
#menu .sub-menu a.btn-round, #menu #services .sub-menu .clear, #layerslider-testimonial, #layerslider-testimonial .ls-container, #layerslider-testimonial-sidebar, #layerslider-testimonial-sidebar .ls-container, #layerslider-testimonial .ls-inner, #layerslider-testimonial-sidebar .ls-inner, #layerslider-testimonial .testimonial, #layerslider-testimonial-sidebar .testimonial {
 position: relative;
}
#menu #why .sub-menu .bg-lt-grey {
 width: 70%;
}
#menu #why .sub-menu .bg-white, #menu #why .sub-menu .bg-red {
 width: 28%;
}
#menu #why .sub-menu .bg-white .p20 {
 padding-bottom: 50px;
}
#menu #why .sub-menu .bg-white a.btn-round, #menu #why .sub-menu .bg-red a.btn-round {
 display: block;
 margin: 0 15px 20px;
 text-align: center;
}
#menu #why .sub-menu .half {
 width: 49%;
}
#layerslider-testimonial, #layerslider-testimonial .ls-container, #layerslider-testimonial .ls-inner, #layerslider-testimonial .ls-layer, #layerslider-testimonial-sidebar, #layerslider-testimonial-sidebar .ls-container, #layerslider-testimonial-sidebar .ls-inner, #layerslider-testimonial-sidebar .ls-layer {
 width: 100% !important;
}
#layerslider-testimonial, #layerslider-testimonial .ls-container, #layerslider-testimonial-sidebar, #layerslider-testimonial-sidebar .ls-container {
 height: 235px;
}
#menu #portfolio .float-left.bg-lg-grey img {
 margin-top: 2em;
}
#portfolio #layerslider-testimonial, #portfolio #layerslider-testimonial .ls-container, #portfolio #layerslider-testimonial-sidebar, #portfolio #layerslider-testimonial-sidebar .ls-container {
 height: 340px;
 text-align: center;
}
#layerslider-testimonial .ls-inner, #layerslider-testimonial-sidebar .ls-inner {
 overflow: hidden;
 height: 100%;
}
#layerslider-testimonial .ls-layer, #layerslider-testimonial-sidebar .ls-layer {
 position: absolute;
 height: 100%;
 display: none;
}
#layerslider-testimonial .ls-active, #layerslider-testimonial .ls-animating, #layerslider-testimonial-sidebar .ls-active, #layerslider-testimonial-sidebar .ls-animating {
 display: block !important;
}
#portfolio #layerslider-testimonial .testimonial, #portfolio #layerslider-testimonial-sidebar .testimonial {
 background: transparent;
 padding: 0;
 margin: 2em 0;
 float: none;
 width: 100%;
 -moz-border-radius: 0px;
 /* Firefox */
 -webkit-border-radius: 0px;
 /* Safari and Chrome */
 border-radius: 0px;
 /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
#layerslider-testimonial .testimonial, #layerslider-testimonial-sidebar .testimonial {
 background: #c2dee4;
 float: right;
 padding: 5% 5% 7%;
 width: 75%;
 z-index: 1;
 -moz-border-radius: 10px;
 /* Firefox */
 -webkit-border-radius: 10px;
 /* Safari and Chrome */
 border-radius: 10px;
 /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
#portfolio #layerslider-testimonial .testimonial:after, #portfolio #layerslider-testimonial-sidebar .testimonial:after {
 display: none;
}
#layerslider-testimonial .testimonial:after, #layerslider-testimonial-sidebar .testimonial:after {
 content: ' ';
 width: 0;
 height: 0;
 border-style: inset;
 border-width: 25px 35px 0 0;
 border-color: #c2dee4 transparent transparent transparent;
 background: transparent;
 left: 40px;
 bottom: -25px;
 position: absolute;
}
.msie #layerslider-testimonial .testimonial:after, .msie #layerslider-testimonial-sidebar .testimonial:after {
 border-style: solid;
}
#layerslider-testimonial .vallejo .testimonial:after, #layerslider-testimonial-sidebar .vallejo .testimonial:after {
 left: 100px;
}
#layerslider-testimonial .tacoma .testimonial:after, #layerslider-testimonial-sidebar .tacoma .testimonial:after {
 left: 70px;
}
#layerslider-testimonial .testimonial p, #layerslider-testimonial-sidebar .testimonial p {
 font-size: 13.5px;
 font-weight: 600;
 line-height: 16px;
 color: #2c343d;
}
#layerslider-testimonial .author, #layerslider-testimonial .ls-bottom-nav-wrapper, #layerslider-testimonial-sidebar .author, #layerslider-testimonial-sidebar .ls-bottom-nav-wrapper {
 position: absolute;
}
#layerslider-testimonial .author, #layerslider-testimonial-sidebar .author {
 left: 0;
 bottom: 0;
 width: 60%;
}
#layerslider-testimonial .ls-bottom-nav-wrapper, #layerslider-testimonial-sidebar .ls-bottom-nav-wrapper {
 right: 1%;
 bottom: 15%;
 z-index: 2;
}
#layerslider-testimonial .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a, #layerslider-testimonial-sidebar .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a {
 background: #6B7E85;
 -moz-border-radius: 50%;
 /* Firefox */
 -webkit-border-radius: 50%;
 /* Safari and Chrome */
 border-radius: 50%;
 /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
 display: block;
 cursor: pointer;
 float: left;
 margin: 0 3px 0 0;
 width: 8px;
 height: 8px;
 border: 2px solid #fff;
 padding: 0;
}
#layerslider-testimonial .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a:hover, #layerslider-testimonial-sidebar .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a:hover {
 background: #E03634;
}
#layerslider-testimonial .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active, #layerslider-testimonial .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active:hover, #layerslider-testimonial-sidebar .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active, #layerslider-testimonial-sidebar .ls-bottom-nav-wrapper .ls-bottom-slidebuttons a.ls-nav-active:hover {
 background: #fff;
 border: 2px solid #357e88;
}
#menu #portfolio .sub-menu .float-left {
 width: 50%;
}
#menu #portfolio .sub-menu .float-right {
 width: 45%;
}
#menu #portfolio .sub-menu a.red, #menu #resources-page .sub-menu a.red {
 padding: 0;
 color: #DF4C49;
 text-transform: none;
 font-size: 13px;
 font-weight: 600;
 font-style: italic;
 letter-spacing: 0;
 margin-top: 5px;
 display: inline-block;
}
#menu #portfolio .sub-menu a.red:hover, #menu #resources-page .sub-menu a.red:hover {
 text-decoration: underline;
}
#menu #portfolio .sub-menu a.red .icon, #menu #resources-page .sub-menu a.red .icon {
 background-position: -120px -82px;
 display: inline-block;
 height: 7px;
 left: 0;
 position: relative;
 top: 0;
 width: 7px;
}
#menu #portfolio .sub-menu a.btn-round, #menu #iwant .sub-menu a.btn-round {
 margin-top: 20px;
 padding: 13px 30px 10px;
}
#menu #portfolio .sub-menu ul li {
 float: left;
 margin: 0 3% 0 0;
 padding: 0;
 width: 30%;
}
#menu #portfolio .sub-menu ul li:hover {
 background: none;
}
#menu #portfolio .sub-menu ul li a {
 text-align: center;
 padding: 0;
}
#menu #portfolio .sub-menu ul li a .text {
 color: #357e88;
 display: inline-block;
 font-size: 18px;
 margin: 0 0 10px;
}
#menu #portfolio .sub-menu ul li a:hover .text {
 color: #DF4C49;
}
#menu #portfolio .sub-menu ul li a .image {
 background: #000;
 display: block;
}
#menu #portfolio .sub-menu ul li a .image img {
 opacity: .7;
}
#menu #portfolio .sub-menu ul li a:hover .image img {
 opacity: 1;
}
#menu #portfolio .sub-menu ul li .coming-soon {
 display: block;
 margin-top: 29px;
}
#menu .sub-menu .btn-row {
 background: #414d5b;
 bottom: 0;
 color: #ffffff;
 display: block;
 font-size: 13.5px;
 left: 0;
 padding: 10px 0;
 position: absolute;
 text-align: center;
 text-transform: uppercase;
 width: 100%;
}
#menu .sub-menu .btn-row .icon.arrow {
 background: url(/UserFiles/Servers/Server_49290296/File/img/menu/icon-arrow-white.png) no-repeat;
 height: 11px;
 margin-left: 5px;
 position: relative;
 top: 3.3px;
 width: 10px;
}
#menu .sub-menu .btn-row:hover {
 background: #21272e;
 color: #ffffff;
}
#menu #portfolio .float-right .p20 {
 padding: 40px 20px 20px;
}
/** Mega menu ends **/
/** Responsive Menu starts **/
#responsive-menu {
 display: none;
 background: #ffffff;
}
#responsive-menu ul.level1 {
 padding: 1em;
 text-align: left;
}
#responsive-menu ul.level1 li.level1 {
 position: relative;
}
#responsive-menu ul.level1 li.level1 > a:not(.trl) {
 display: block;
 padding: .5em 0;
 color: #333333;
 font-family: "Lato";
 font-size: 1.5em;
 font-weight: 400;
 text-transform: uppercase;
 border-bottom: 1px solid #f7f7f7;
}
#responsive-menu ul.level1 li.level1 a.trl {
 position: absolute;
 right: 0;
 top: .3em;
 padding: .9em 1em .9em 3em;
}
#responsive-menu ul.level1 li.level1 a.trl .dropdown {
 position: relative;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 12px 9px 0;
 border-color: #333333 transparent transparent;
 opacity: .8;
 background: none;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
}
#responsive-menu ul.level1 li.level1 a.trl.open {
 background: #f7f7f7;
}
#responsive-menu ul.level1 li.level1 a.trl.open .dropdown {
 opacity: 1;
 -webkit-transform: rotate(-180deg);
 -ms-transform: rotate(-180deg);
 -o-transform: rotate(-180deg);
 transform: rotate(-180deg);
}
#responsive-menu ul.level1 li.level1 ul.level2 {
 display: none;
}
#responsive-menu ul.level1 li.level1 ul.level2 li.level2 {
 margin: .3em 0;
}
#responsive-menu ul.level1 li.level1 ul.level2 li.level2 > a {
 display: block;
 padding: .5em 1em;
 background: #f7f7f7;
 color: #333333;
 font-family: "Lato";
 font-size: 1.3em;
 font-weight: 400;
}
/** Responsive Menu ends **/
@media screen and (max-width: 950px) {
 #menu ul.menu, #divMenuOffset, .fixed_menu_page_control {
     display: none;
 }
 #responsive-menu {
     display: block;
     margin-bottom: -1px;
 }
 #responsive-menu .responsive-container {
     display: none;
 }
 #btn-menu {
     display: block;
 }
 #btn-menu .navicon-button {
     display: block;
     background: #333333;
     text-align: right;
     padding: 0 1em;
 }
 #btn-menu .navicon-button div.title {
     float: left;
     font-family: "Lato";
     font-weight: 600;
     font-size: 1.3em;
     text-transform: uppercase;
     color: #ffffff;
     line-height: 3em;
     top: .15em;
     position: relative;
 }
 #btn-menu .navicon-button div.x {
     position: relative;
     display: inline-block;
     width: 2.5em;
     height: 2em;
     margin-top: 1.1em;
 }
 #btn-menu .navicon-button span {
     display: block;
     position: absolute;
     height: 4px;
     width: 50%;
     background: #ffffff;
     opacity: 1;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
 }
 #btn-menu .navicon-button span:nth-child(even) {
     left: 50%;
     border-radius: 0;
 }
 #btn-menu .navicon-button span:nth-child(odd) {
     left: 0px;
     border-radius: 0;
 }
 #btn-menu .navicon-button span:nth-child(1), #btn-menu .navicon-button span:nth-child(2) {
     top: 0px;
 }
 #btn-menu .navicon-button span:nth-child(3), #btn-menu .navicon-button span:nth-child(4) {
     top: 10px;
 }
 #btn-menu .navicon-button span:nth-child(5), #btn-menu .navicon-button span:nth-child(6) {
     top: 20px;
 }
 #btn-menu .navicon-button.open span:nth-child(1), #btn-menu .navicon-button.open span:nth-child(6) {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 #btn-menu .navicon-button.open span:nth-child(2), #btn-menu .navicon-button.open span:nth-child(5) {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 #btn-menu .navicon-button.open span:nth-child(1) {
     left: 5px;
     top: 7px;
 }
 #btn-menu .navicon-button.open span:nth-child(2) {
     left: calc(50% - 5px);
     top: 7px;
 }
 #btn-menu .navicon-button.open span:nth-child(3) {
     left: -50%;
     opacity: 0;
 }
 #btn-menu .navicon-button.open span:nth-child(4) {
     left: 100%;
     opacity: 0;
 }
 #btn-menu .navicon-button.open span:nth-child(5) {
     left: 5px;
     top: 14px;
 }
 #btn-menu .navicon-button.open span:nth-child(6) {
     left: calc(50% - 5px);
     top: 14px;
 }
}
#statement {
 padding: 10em 0 0;
 text-align: center;
 position: relative;
 z-index: 10;
}
@media screen and (max-width: 850px) {
 #statement {
     padding: 5em 0 0;
 }
}
@media screen and (max-width: 650px) {
 #statement {
     padding: 1em 0 0;
 }
}
#statement h2 {
 color: #2c343d;
 font-size: 4em;
 text-shadow: 1px 2px 0px #ffffff;
}
@media screen and (max-width: 650px) {
 #statement h2 {
     font-size: 3.6em;
 }
}
#statement p {
 font-weight: 400;
 font-size: 1.9em;
 color: #333333;
 margin: .5em 0;
}
#statement .btn {
 background: #582D82;
 padding: .7em 1em;
 margin: 1em;
 color: #ffffff;
 font-weight: 400;
 font-size: 1.3em;
 text-transform: uppercase;
 box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
}
#services {
 position: relative;
 z-index: 10;
}
#services > .inside-padding {
 padding: 0 1em 2em;
}
@media screen and (max-width: 850px) {
 #services > .inside-padding {
     padding: 1em;
 }
}
#services > .inside-padding p {
 color: #333333;
 font-weight: 300;
 font-size: 2.5em;
 margin: 1em 0;
 padding: 0 2em;
 -webkit-transition: padding 0.3s, font-size 0.3s;
 -moz-transition: padding 0.3s, font-size 0.3s;
 -ms-transition: padding 0.3s, font-size 0.3s;
 transition: padding 0.3s, font-size 0.3s;
}
@media screen and (max-width: 1100px) {
 #services > .inside-padding p {
     padding: 0;
 }
}
@media screen and (max-width: 850px) {
 #services > .inside-padding p {
     font-size: 1.9em;
 }
}
@media screen and (max-width: 850px) {
 #services > .inside-padding p:before {
     content: "";
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 11;
     box-shadow: inset 0 11px 25px -5px rgba(51, 51, 51, 0.1);
 }
}
@media screen and (max-width: 850px) {
 #services > .inside-padding {
     background: #fafafa;
     position: relative;
 }
}
@media screen and (max-width: 850px) {
 #services .inside-padding:first-child {
     padding: 0;
 }
}
#services .container {
 display: table;
 width: 100%;
 box-shadow: 0 0 2em rgba(51, 51, 51, 0.2);
}
@media screen and (max-width: 850px) {
 #services .container {
     display: none;
 }
}
#services .container ul {
 display: table-cell;
 width: 35%;
}
#services .container li {
 border: none !important;
 border-radius: 0 !important;
}
#services .container li .tab {
 display: block;
 padding: 3.5em;
 -webkit-transition: padding 0.3s, border-left 0.3s;
 -moz-transition: padding 0.3s, border-left 0.3s;
 -ms-transition: padding 0.3s, border-left 0.3s;
 transition: padding 0.3s, border-left 0.3s;
}
@media screen and (max-width: 1000px) {
 #services .container li .tab {
     padding: 3em 2em;
 }
}
@media screen and (max-width: 900px) {
 #services .container li .tab {
     padding: 2.85em 1.5em;
 }
}
#services .container li .tab .title {
 float: left;
 font-family: "Lato";
 font-weight: 300;
 font-size: 1.5em;
 line-height: 2.4em;
 color: #ffffff;
}
#services .container li .tab img {
 float: right;
}
#services .container li .green {
 background: #58b947;
}
#services .container li .green.active {
 background: #ffffff;
 border-left: 10px solid #58b947;
}
#services .container li .green:hover, #services .container li .green:focus {
 border-left: 10px solid #4fa740;
}
#services .container li .green .title {
 color: #333333;
}
#services .container li .red {
 background: #582D82;
}
#services .container li .red:hover, #services .container li .red:focus {
 border-left: 10px solid #d8161c;
}
#services .container li .red.active {
 background: #ffffff;
 border-left: 10px solid #582D82;
}
#services .container li .red.active .title {
 color: #333333;
}
#services .container li .blue {
 background: #217883;
}
#services .container li .blue:hover, #services .container li .blue:focus {
 border-left: 10px solid #1c656f;
}
#services .container li .blue.active {
 background: #ffffff;
 border-left: 10px solid #217883;
}
#services .container li .blue.active .title {
 color: #333333;
}
#services .container li .yellow {
 background: #f6b620;
}
#services .container li .yellow:hover, #services .container li .yellow:focus {
 border-left: 10px solid #f3ad0a;
}
#services .container li .yellow.active {
 background: #ffffff;
 border-left: 10px solid #f6b620;
}
#services .container li .yellow .title {
 color: #333333;
}
#services .container .window.active {
 display: table-cell;
}
#services .container .window.active .window-container {
 opacity: 1;
}
#services .container .window {
 position: relative;
 display: none;
 border: none !important;
 border-radius: 0 !important;
 background: #ffffff;
 vertical-align: top;
}
#services .container .window .window-container {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 opacity: 0;
}
#services .container .window .window-container .image {
 max-height: 35em;
 width: 100%;
 position: relative;
 overflow: hidden;
 -webkit-transition: max-height 0.3s;
 -moz-transition: max-height 0.3s;
 -ms-transition: max-height 0.3s;
 transition: max-height 0.3s;
}
@media screen and (max-width: 1100px) {
 #services .container .window .window-container .image {
     max-height: 26em;
 }
}
#services .container .window .window-container .content {
 text-align: left;
 padding: 1.9em;
}
#services .container .window .window-container .content .float-left {
 width: 80%;
 -webkit-transition: width 0.3s;
 -moz-transition: width 0.3s;
 -ms-transition: width 0.3s;
 transition: width 0.3s;
}
@media screen and (max-width: 900px) {
 #services .container .window .window-container .content .float-left {
     width: 70%;
 }
}
#services .container .window .window-container .content .float-left .title {
 color: #357e88;
 font-weight: 600;
 font-size: 1.5em;
 margin-bottom: .5em;
}
#services .container .window .window-container .content .float-left .summary {
 font-size: 1.3em;
 font-weight: 300;
}
#services .container .window .window-container .content .float-right:before {
 display: block;
 width: 6em;
 height: 6em;
}
#services .container .window .image:before {
 content: url("/UserFiles/Servers/Server_49290296/File/img/services background images/creative design.svg");
 display: block;
}
@media screen and (max-width: 1100px) {
 #services .container .window .image:before {
        /* position: absolute;
         top: 0;
         bottom: 0;
         left: -20%;
         right: 0;
         */
     }
 }
 #services .container #window_1 .float-right:before {
     content: url("/UserFiles/Servers/Server_49290296/File/img/services icons/design-window.svg");
 }
 #services .container #window_2 .float-right:before {
     content: url("/UserFiles/Servers/Server_49290296/File/img/services icons/easy-cms-window.svg");
 }
 #services .container #window_3 .float-right:before {
     content: url("/UserFiles/Servers/Server_49290296/File/img/services icons/personalized-window.svg");
 }
 #services .container #window_4 .float-right:before {
     content: url("/UserFiles/Servers/Server_49290296/File/img/services icons/data-window.svg");
 }
 #services .container.mobile {
     display: none;
     min-width: auto;
     margin: 0;
 }
 @media screen and (max-width: 850px) {
     #services .container.mobile {
         display: block;
     }
 }
 #services .container.mobile ul {
     display: block;
     width: auto;
 }
 #services .container.mobile ul li a {
     padding: 2.3em;
 }
 #services .container.mobile ul li .window .window-container {
     position: static;
     display: block;
     opacity: 1;
 }
 #services .container.mobile ul li .window .window-container .content .float-left {
     float: none;
     width: auto;
 }
 #services .container.mobile ul li .window .window-container .content .float-right {
     display: none;
 }
 #services .container.mobile ul li .window.active {
     display: block;
 }
 .ui-widget, .ui-widget-content, .ui-widget-content a {
     border: none !important;
 }
/*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors;
Licensed MIT */
/* Layout helpers ----------------------------------*/
.ui-helper-hidden {
 display: none;
}
.ui-helper-hidden-accessible {
 border: 0;
 clip: rect(0 0 0 0);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
 width: 1px;
}
.ui-helper-reset {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 line-height: 1.3;
 text-decoration: none;
 font-size: 100%;
 list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
 content: "";
 display: table;
 border-collapse: collapse;
}
.ui-helper-clearfix:after {
 clear: both;
}
.ui-helper-zfix {
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 position: absolute;
 opacity: 0;
 filter: Alpha(Opacity=0);
 /* support: IE8 */
}
.ui-front {
 z-index: 100;
}
/* Interaction Cues ----------------------------------*/
.ui-state-disabled {
 cursor: default !important;
 pointer-events: none;
}
#homepage-middle {
 background-color: #c2dee4;
 box-shadow: 0 -0.5em 2em rgba(51, 51, 51, 0.1);
 position: relative;
 z-index: 2;
}
#homepage-middle .layers {
 box-shadow: 0 0.5em 2em rgba(51, 51, 51, 0.3);
 position: relative;
 z-index: 2;
}
#homepage-middle .layers .city {
 background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/grass.png") no-repeat;
 display: block;
 position: absolute;
 width: 100%;
 left: 0;
 right: 0;
 bottom: 0;
 margin: 0 auto;
 z-index: 2;
 -webkit-transition: left 0.5s ease;
 -moz-transition: left 0.5s ease;
 -ms-transition: left 0.5s ease;
 transition: left 0.5s ease;
}
@media screen and (min-width: 1400px) {
 #homepage-middle .layers .city {
     left: 10%;
 }
}
#homepage-middle .layers .city.obj-1 {
 background-position: -102px -115px;
 width: 1765px;
 height: 323px;
}
#homepage-middle .layers .object {
 background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/middle-homepage-layers.png") no-repeat;
 display: block;
 position: absolute;
}
#homepage-middle .layers .object.obj-1 {
 background-position: -46px -133px;
 width: 85px;
 height: 141px;
 left: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
 z-index: 1;
}
#homepage-middle .layers .object.obj-1.move {
 bottom: 0;
 left: -5px;
}
#homepage-middle .layers .object.obj-2 {
 background-position: -385px -62px;
 width: 160px;
 height: 349px;
 left: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
 z-index: 1;
}
#homepage-middle .layers .object.obj-2.move {
 bottom: 0;
 left: 100px;
}
#homepage-middle .layers .object.obj-3 {
 background-position: -182px -57px;
 width: 134px;
 height: 244px;
 left: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
 z-index: 1;
}
#homepage-middle .layers .object.obj-3.move {
 bottom: 0;
 left: 50px;
}
#homepage-middle .layers .object.obj-4 {
 background-position: -806px -123px;
 width: 127px;
 height: 114px;
 right: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
 z-index: 3;
}
#homepage-middle .layers .object.obj-4.move {
 bottom: 0;
 right: 325px;
}
#homepage-middle .layers .object.obj-5 {
 background-position: -641px -97px;
 width: 108px;
 height: 85px;
 right: -1000px;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 transition: all 0.4s;
 z-index: 3;
}
#homepage-middle .layers .object.obj-5.move {
 bottom: 0;
 right: 450px;
}
#homepage-middle .layers .object.obj-6 {
 background-position: -640px -208px;
 width: 96px;
 height: 79px;
 right: -1000px;
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -ms-transition: all 0.3s;
 transition: all 0.3s;
 z-index: 3;
}
#homepage-middle .layers .object.obj-6.move {
 bottom: 0;
 right: 260px;
}
#homepage-middle .layers .object.obj-7 {
 background-position: -739px -314px;
 width: 187px;
 height: 231px;
 right: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
 z-index: 2;
}
#homepage-middle .layers .object.obj-7.move {
 bottom: 10px;
 right: 50px;
}
@media screen and (min-width: 1800px) {
 #homepage-middle .layers .object.obj-7.move {
     right: 150px;
 }
}
#homepage-middle .layers .object.obj-8 {
 background-position: -682px -326px;
 width: 36px;
 height: 69px;
 right: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
 z-index: 2;
}
#homepage-middle .layers .object.obj-8.move {
 bottom: 200px;
 right: 35px;
 -webkit-animation: shake-right 6s linear infinite;
 -ms-animation: shake-right 6s linear infinite;
 -o-animation: shake-right 6s linear infinite;
 animation: shake-right 6s linear infinite;
}
@media screen and (min-width: 1800px) {
 #homepage-middle .layers .object.obj-8.move {
     right: 140px;
 }
}
#homepage-middle .layers .object.obj-9 {
 background-position: -605px -325px;
 width: 36px;
 height: 69px;
 right: -1000px;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -ms-transition: all 0.5s;
 transition: all 0.5s;
 z-index: 2;
}
#homepage-middle .layers .object.obj-9.move {
 bottom: 200px;
 right: 135px;
 -webkit-animation: shake-left 6s linear infinite;
 -ms-animation: shake-left 6s linear infinite;
 -o-animation: shake-left 6s linear infinite;
 animation: shake-left 6s linear infinite;
}
@media screen and (min-width: 1800px) {
 #homepage-middle .layers .object.obj-9.move {
     right: 230px;
 }
}
@media screen and (max-width: 930px) {
 #homepage-middle .layers .object.obj-4, #homepage-middle .layers .object.obj-5, #homepage-middle .layers .object.obj-6, #homepage-middle .layers .object.obj-7, #homepage-middle .layers .object.obj-8, #homepage-middle .layers .object.obj-9 {
     display: none;
 }
}
#featured-projects h3 {
 font-size: 2.5em;
 font-family: "Lato";
 font-weight: 300;
 color: #333333;
 padding: 1em 0;
 position: relative;
 z-index: 4;
}
#featured-projects .dots {
 position: absolute;
 top: 21em;
 z-index: 6;
 left: 3.7em;
 -webkit-transition: top 0.3s;
 -moz-transition: top 0.3s;
 -ms-transition: top 0.3s;
 transition: top 0.3s;
}
@media screen and (max-width: 990px) {
 #featured-projects .dots {
     top: 25.5em;
 }
}
@media screen and (max-width: 930px) {
 #featured-projects .dots {
     top: 18em;
 }
}
@media screen and (max-width: 520px) {
 #featured-projects .dots {
     top: 20em;
 }
}
@media screen and (max-width: 480px) {
 #featured-projects .dots {
     top: 21em;
 }
}
@media screen and (max-width: 420px) {
 #featured-projects .dots {
     top: 23em;
 }
}
@media screen and (max-width: 360px) {
 #featured-projects .dots {
     top: 24.5em;
 }
}
@media screen and (max-width: 330px) {
 #featured-projects .dots {
     top: 26em;
 }
}
#featured-projects .see-all-container {
 display: block;
 text-align: center;
 width: 35%;
 padding: 0 2em;
 margin: 0 1em;
 -webkit-transition: margin 0.3s, padding 0.3s;
 -moz-transition: margin 0.3s, padding 0.3s;
 -ms-transition: margin 0.3s, padding 0.3s;
 transition: margin 0.3s, padding 0.3s;
}
@media screen and (max-width: 930px) {
 #featured-projects .see-all-container {
     width: auto;
     display: inline-block;
     margin: 0;
     padding: 0 1em;
 }
}
@media screen and (max-width: 830px) {
 #featured-projects .see-all-container {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     display: block;
     z-index: 10;
 }
}
#featured-projects .see-all-container .see-all {
 background: #582D82;
 padding: .7em 3em;
 margin: 1em;
 color: #ffffff;
 font-weight: 400;
 font-size: 1.3em;
 text-transform: uppercase;
 box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
}
@media screen and (max-width: 830px) {
 #featured-projects .see-all-container .see-all {
     padding: .8em 4em;
 }
}
#featured-projects .container {
 z-index: 4;
 text-align: left;
}
#featured-projects .container .item {
 display: block;
 margin: 1em;
 position: relative;
 height: 45em;
}
@media screen and (max-width: 930px) {
 #featured-projects .container .item {
     height: auto;
 }
}
@media screen and (max-width: 830px) {
 #featured-projects .container .item {
     text-align: center;
 }
}
@media screen and (max-width: 630px) {
 #featured-projects .container .item {
     margin: 1em 0;
 }
}
@media screen and (max-width: 530px) {
 #featured-projects .container .item {
     padding: 0 0 3em;
 }
}
#featured-projects .container .item .content {
 display: inline-block;
 width: 26em;
 height: 20em;
 text-align: right;
 background: #ffffff;
 box-shadow: 0 0 2em rgba(51, 51, 51, 0.2);
 position: relative;
 z-index: 5;
 padding: 1em 2em;
 margin: 1em 1em .5em;
 overflow: hidden;
}
@media screen and (max-width: 990px) {
 #featured-projects .container .item .content {
     width: 20em;
     height: 25em;
 }
}
@media screen and (max-width: 930px) {
 #featured-projects .container .item .content {
     width: auto;
     height: 17em;
 }
}
@media screen and (max-width: 830px) {
 #featured-projects .container .item .content {
     margin: 1em 1em 1.5em;
     height: 20em;
 }
}
@media screen and (max-width: 630px) {
 #featured-projects .container .item .content {
     margin: 1em 2em 1.5em;
 }
}
@media screen and (max-width: 520px) {
 #featured-projects .container .item .content {
     padding: 1em 2em 7em;
     height: 16em;
 }
}
@media screen and (max-width: 480px) {
 #featured-projects .container .item .content {
     height: 18em;
 }
}
@media screen and (max-width: 420px) {
 #featured-projects .container .item .content {
     height: 20em;
 }
}
@media screen and (max-width: 360px) {
 #featured-projects .container .item .content {
     height: 23em;
 }
}
#featured-projects .container .item .content:before {
 content: url("/UserFiles/Servers/Server_49290296/File/img/featured projects/quote.svg");
 display: inline-block;
 width: 4em;
 height: 4em;
 position: relative;
 z-index: 5;
 top: .5em;
}
@media screen and (max-width: 400px) {
 #featured-projects .container .item .content:before {
     width: 2.5em;
     height: 2.5em;
 }
}
#featured-projects .container .item .content .title {
 text-align: left;
 color: #357e88;
 font-family: "Lato";
 font-weight: 600;
 font-size: 1.5em;
 margin: 0;
 padding: .5em 0;
}
#featured-projects .container .item .content .summary {
 text-align: left;
 font-family: "Lato";
 font-weight: 300;
 font-size: 1.3em;
 color: #333333;
}
#featured-projects .container .item .mac {
 position: absolute;
 z-index: 6;
 right: .5em;
 top: -.5em;
 overflow: hidden;
 -webkit-transition: float 0.3s, margin 0.3s, right 0.3s;
 -moz-transition: float 0.3s, margin 0.3s, right 0.3s;
 -ms-transition: float 0.3s, margin 0.3s, right 0.3s;
 transition: float 0.3s, margin 0.3s, right 0.3s;
    /* &:before {
         content: url("/UserFiles/Servers/Server_49290296/File/img/featured projects/shadow-desktop.svg");
         */
     }
     @media screen and (max-width: 930px) {
         #featured-projects .container .item .mac {
             position: relative;
             float: right;
             margin-top: -4em;
             right: 1.5em;
         }
     }
     @media screen and (max-width: 830px) {
         #featured-projects .container .item .mac {
             float: none;
             margin: -3.5em auto 0;
             display: inline-block;
             right: 0;
         }
     }
     @media screen and (max-width: 630px) {
         #featured-projects .container .item .mac {
             width: 100%;
         }
     }
     #featured-projects .container .item .mac img.mac-image {
         overflow: hidden;
         display: inline-block;
         width: 50em;
         min-height: 42em;
         position: relative;
         z-index: 5;
         -webkit-transition: width 0.3s;
         -moz-transition: width 0.3s;
         -ms-transition: width 0.3s;
         transition: width 0.3s;
     }
     @media screen and (max-width: 1120px) {
         #featured-projects .container .item .mac img.mac-image {
             width: 45em;
             min-height: 38em;
         }
     }
     @media screen and (max-width: 1050px) {
         #featured-projects .container .item .mac img.mac-image {
             width: 40em;
             min-height: 32em;
         }
     }
     @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1050px) {
         #featured-projects .container .item .mac img.mac-image {
             width: 38em;
         }
     }
     @media screen and (max-width: 630px) {
         #featured-projects .container .item .mac img.mac-image {
             width: 100%;
             min-height: 20em;
         }
     }
     #featured-projects .container .item .mac .image-container {
         position: absolute;
         top: 1em;
         bottom: 12em;
         left: .8em;
         right: 1em;
         overflow: hidden;
         background-color: black;
         border-radius: 10px;
     }
     @media screen and (max-width: 1050px) {
         #featured-projects .container .item .mac .image-container {
             bottom: 10em;
         }
     }
     @media screen and (max-width: 520px) {
         #featured-projects .container .item .mac .image-container {
             top: 1em;
             bottom: 6em;
         }
     }
     @media screen and (max-width: 480px) {
         #featured-projects .container .item .mac .image-container {
             top: .8em;
         }
     }
     @media screen and (max-width: 450px) {
         #featured-projects .container .item .mac .image-container {
             top: .7em;
         }
     }
     @media screen and (max-width: 360px) {
         #featured-projects .container .item .mac .image-container {
             top: .4em;
             left: .2em;
             background-color: transparent;
         }
     }
     #featured-projects .container .item .mac .image-container .image {
         position: absolute;
         top: 1.7em;
         bottom: 0;
         left: 1.7em;
         right: 0;
         z-index: 3;
         background-repeat: no-repeat;
        /* background-size: cover;
        */
    }
    @media screen and (max-width: 1120px) {
     #featured-projects .container .item .mac .image-container .image {
         background-size: cover;
         top: 1.4em;
         left: 1.5em;
         right: 1.4em;
     }
 }
 @media screen and (max-width: 1050px) {
     #featured-projects .container .item .mac .image-container .image {
         left: 1em;
         top: 1.1em;
         right: 1em;
     }
 }
 @media screen and (max-width: 500px) {
     #featured-projects .container .item .mac .image-container .image {
         left: .6em;
         right: 0;
         top: .7em;
     }
 }
 #homepage-bottom {
     background-color: #ffffff;
     position: relative;
     z-index: 1;
 }
 @media screen and (max-width: 850px) {
     #homepage-bottom .inside-padding {
         position: relative;
     }
 }
 #homepage-bottom .layers {
     position: relative;
     background-color: #582D82;
 }
 @media screen and (max-width: 850px) {
     #homepage-bottom .layers {
         position: relative;
         margin-top: -10em;
         z-index: 4;
     }
 }
 #homepage-bottom .layers .object {
     background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/homepage-bottom-layers.png") repeat;
     height: 50em;
     opacity: .1;
     padding-top: 10em;
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
 }
 @media screen and (max-width: 850px) {
     #homepage-bottom .layers .object {
         padding-top: 5em;
     }
 }
 #homepage-bottom .layers .form {
     position: relative;
     z-index: 3;
     margin: 0 auto;
     max-width: 1200px;
     padding: 9em 0 4em;
     -webkit-transition: padding 0.3s;
     -moz-transition: padding 0.3s;
     -ms-transition: padding 0.3s;
     transition: padding 0.3s;
 }
 @media screen and (max-width: 950px) and (min-width: 850px) {
     #homepage-bottom .layers .form {
         padding: 12em 0 4em;
     }
 }
 #homepage-bottom .layers .form h3 {
     font-family: "Lato";
     font-size: 2.5em !important;
     font-weight: 600 !important;
     color: #ffffff !important;
     padding-bottom: .5em;
 }
 #homepage-bottom .layers .form iframe {
     display: block;
     margin: 0 auto;
 }
 @media screen and (max-width: 850px) {
     #homepage-bottom .layers .form iframe {
         width: 90%;
         height: 280px;
     }
 }
 #homepage-bottom.admin .object {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     height: auto;
 }
 #homepage-bottom.admin .inside-padding {
     position: relative;
     z-index: 10;
 }
 @media screen and (max-width: 850px) {
     #homepage-bottom.admin .layers {
         margin-top: 0;
     }
 }
 #subpage-bottom {
     background-color: #ffffff;
     position: relative;
     z-index: 1;
 }
 #subpage-bottom .layers {
     position: relative;
     background-color: #582D82;
     min-height: 30em;
 }
 #subpage-bottom .layers .object {
     background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/homepage-bottom-layers.png") repeat;
     opacity: .1;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
 }
 #subpage-bottom .layers .form {
     position: relative;
     z-index: 12;
     margin: 0 auto;
     max-width: 1200px;
 }
 #subpage-bottom .layers .form h3 {
     font-family: "Lato";
     font-size: 2.5em !important;
     font-weight: 600 !important;
     color: #ffffff !important;
 }
 #news-summary.portfolio .slick-slide > div {
     margin: 1em;
 }
 #news-summary.portfolio .row .image {
     display: block;
     height: 30em;
     background-size: cover;
     background-position: left top;
     margin: 0 1em;
 }
 @media screen and (max-width: 500px) {
     #news-summary.portfolio .row .image {
         height: 20em;
     }
 }
 #news-summary.portfolio .row h4 {
     font-size: 1.8em;
     margin: .5em;
 }
 #news-summary.portfolio .row .content {
     padding: .5em 0;
 }
 #news-summary.portfolio .row .content .inner-news-content {
     display: table;
     border-spacing: 1em 0;
     width: 100%;
 }
 #news-summary.portfolio .row .content .inner-news-content a {
     display: table-cell;
     width: 50%;
     text-align: center;
 }
 #news-summary.portfolio .row .content .inner-news-content a.read-more.view-site {
     background: #357e88 !important;
 }
 #news-summary.portfolio .row .content .inner-news-content a.read-more.view-site:hover, #news-summary.portfolio .row .content .inner-news-content a.read-more.view-site:focus {
     background: #5E6668 !important;
 }
 #news-summary.portfolio nav {
     text-align: center;
 }
 #news-summary.portfolio nav .arrows {
     position: relative;
     display: inline-block;
 }
 #news-summary.portfolio nav .dots {
     display: inline-block;
     position: relative;
     top: -1.5em;
 }
 #news-summary.portfolio nav .dots ul {
     margin: 0;
 }
 #news-summary.portfolio nav .dots ul li {
     display: inline-block;
     padding: 0;
     width: 40px;
     height: 30px;
     margin: 0 .5em;
 }
 #news-summary.portfolio nav .dots ul li button {
     font-size: 1em;
     font-family: "Lato";
     color: #ffffff !important;
     background: #357e88;
     width: 40px;
     height: 30px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
 }
 #news-summary.portfolio nav .dots ul li button:before, #news-summary.portfolio nav .dots ul li button:after {
     content: none;
 }
 #news-summary.portfolio nav .dots ul li.slick-active {
     display: inline-block;
 }
 #news-summary.portfolio nav .dots ul li.slick-active button {
     background: #ffffff;
     color: #357e88 !important;
 }
 #news-summary.portfolio nav .dots ul li:not(.slick-active) button {
     box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
 }
 #news-summary.portfolio nav .dots ul.more-than-six {
     margin: 0;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li {
     display: none;
     padding: 0;
     width: 40px;
     height: 30px;
     margin: 0 .5em;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li.prev {
     display: inline-block !important;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li:last-child, #news-summary.portfolio nav .dots ul.more-than-six li:first-child {
     display: inline-block;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li:nth-last-child(1), #news-summary.portfolio nav .dots ul.more-than-six li:nth-last-child(2), #news-summary.portfolio nav .dots ul.more-than-six li:nth-last-child(3) {
     display: none;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li button {
     font-size: 1em;
     font-family: "Lato";
     color: #ffffff !important;
     background: #357e88;
     width: 40px;
     height: 30px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li button:before, #news-summary.portfolio nav .dots ul.more-than-six li button:after {
     content: none;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li:not(.slick-active) button {
     box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
 }
 #news-summary.portfolio nav .dots ul.more-than-six li.slick-active {
     display: inline-block;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li.slick-active button {
     background: #ffffff;
     color: #357e88 !important;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li.slick-active + li + li + li + li, #news-summary.portfolio nav .dots ul.more-than-six li.slick-active + li + li + li, #news-summary.portfolio nav .dots ul.more-than-six li.slick-active + li + li, #news-summary.portfolio nav .dots ul.more-than-six li.slick-active + li {
     display: inline-block;
 }
 #news-summary.portfolio nav .dots ul.more-than-six li.slick-active ~ li:nth-last-child(1), #news-summary.portfolio nav .dots ul.more-than-six li.slick-active ~ li:nth-last-child(2), #news-summary.portfolio nav .dots ul.more-than-six li.slick-active ~ li:nth-last-child(3) {
     display: inline-block;
 }
 #news-content.portfolio > .inside-padding {
     padding: 0 1em 2em;
 }
 #news-content.portfolio h3 {
     font-size: 3.7em;
 }
 @media screen and (max-width: 500px) {
     #news-content.portfolio h3 {
         font-size: 2.5em;
     }
 }
 @media screen and (max-width: 430px) {
     #news-content.portfolio .content > .float-right {
         float: none;
         text-align: center;
     }
 }
 #news-content.portfolio .content a.read-more.view-site {
     margin: 1em 0 !important;
     padding: .7em 4em !important;
     text-align: center;
     background: #357e88 !important;
 }
 #news-content.portfolio .content a.read-more.view-site:hover, #news-content.portfolio .content a.read-more.view-site:focus {
     background: #5E6668 !important;
 }
 @media screen and (max-width: 550px) {
     #news-content.portfolio .content a.read-more.view-site {
         padding: .7em 2em !important;
     }
 }
 #news-content.portfolio #news_content_body {
     position: relative;
 }
 #news-content.portfolio #news_content_body .background {
     position: relative;
     top: 6em;
     z-index: -1;
     opacity: .3;
     -webkit-transition: top 0.3s;
     -moz-transition: top 0.3s;
     -ms-transition: top 0.3s;
     transition: top 0.3s;
 }
 @media screen and (max-width: 1100px) {
     #news-content.portfolio #news_content_body .background {
         top: 3em;
     }
 }
 #news-content.portfolio #news_content_body .inside-padding .mac {
     position: relative;
     z-index: 5;
     overflow: hidden;
     padding: 0 7em;
     -webkit-transition: float 0.3s, margin 0.3s, right 0.3s, padding 0.3s;
     -moz-transition: float 0.3s, margin 0.3s, right 0.3s, padding 0.3s;
     -ms-transition: float 0.3s, margin 0.3s, right 0.3s, padding 0.3s;
     transition: float 0.3s, margin 0.3s, right 0.3s, padding 0.3s;
 }
 @media screen and (max-width: 760px) {
     #news-content.portfolio #news_content_body .inside-padding .mac {
         padding: 0 4em;
     }
 }
 @media screen and (max-width: 450px) {
     #news-content.portfolio #news_content_body .inside-padding .mac {
         padding: 0 2em;
     }
 }
 #news-content.portfolio #news_content_body .inside-padding .mac .inside {
     position: relative;
     overflow: hidden;
 }
 #news-content.portfolio #news_content_body .inside-padding .mac .inside:before {
     content: url("/UserFiles/Servers/Server_49290296/File/img/portfolio/mac-top.svg");
     display: inline-block;
     width: 100%;
        /* min-height: 45em;
        */
        z-index: 5;
        position: relative;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -ms-transition: width 0.3s;
        transition: width 0.3s;
    }
    #news-content.portfolio #news_content_body .inside-padding .mac #featured_image {
     position: absolute;
     top: 1em;
     top: 7%;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 3;
     max-width: 97%;
     border-radius: 10px;
     background-repeat: no-repeat;
     background-size: cover;
 }
 @media screen and (max-width: 550px) {
     #news-content.portfolio #news_content_body .inside-padding .mac #featured_image {
         left: -2%;
     }
 }
 #news-content.portfolio #news_content_body .inside-padding .mac-bottom {
     position: relative;
     min-height: 3em;
 }
 #news-content.portfolio #news_content_body .inside-padding .mac-bottom:after {
     content: url("/UserFiles/Servers/Server_49290296/File/img/portfolio/mac-bottom.svg");
     display: inline-block;
     width: 100%;
     min-height: 3em;
     z-index: 5;
     position: absolute;
     left: 0;
     right: 0;
     top: -1em;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     -ms-transition: width 0.3s;
     transition: width 0.3s;
 }
 @media screen and (max-width: 760px) {
     #news-content.portfolio #news_content_body .inside-padding .mac-bottom:after {
         top: -.5em;
     }
 }
 #news-content.portfolio #news_content_body .inside-padding .body {
     background: rgba(255, 255, 255, 0.8);
     padding: 1em;
 }
 #news-content.portfolio.new .content.black {
     background-color: #2c343d;
     border-top: 0.6em solid rgba(51, 51, 51, 0.5);
 }
 #news-content.portfolio.new .content.black .float-left, #news-content.portfolio.new .content.black .float-right {
     color: #ffffff;
 }
 #news-content.portfolio.new .content.black .float-left h3, #news-content.portfolio.new .content.black .float-right h3 {
     font-weight: 700;
     color: #ffffff;
 }
 #news-content.portfolio.new .content.black .float-left p, #news-content.portfolio.new .content.black .float-right p {
     font-weight: 300;
     letter-spacing: 0.01em;
 }
 #news-content.portfolio.new .content.black .float-left strong, #news-content.portfolio.new .content.black .float-right strong {
     font-weight: 400;
 }
 #news-content.portfolio.new .content.black .float-left a.read-more, #news-content.portfolio.new .content.black .float-right a.read-more {
     background: #582D82 !important;
 }
 #news-content.portfolio.new .content.black .float-left a.read-more:hover, #news-content.portfolio.new .content.black .float-left a.read-more:focus, #news-content.portfolio.new .content.black .float-right a.read-more:hover, #news-content.portfolio.new .content.black .float-right a.read-more:focus {
     background: #5E6668 !important;
 }
 #news-content.portfolio.new .content.black .float-left .mac:before, #news-content.portfolio.new .content.black .float-right .mac:before {
     content: url("/UserFiles/Servers/Server_49290296/File/img/portfolio/window.svg");
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     #news-content.portfolio.new .content.black .float-left .mac:before, #news-content.portfolio.new .content.black .float-right .mac:before {
         min-height: 20em;
     }
 }
 #news-content.portfolio.new .content {
     overflow: hidden;
     background-color: #f6f6f6;
     border-top: 0.6em solid rgba(51, 51, 51, 0.05);
 }
 #news-content.portfolio.new .content > .inside-padding {
     padding: 2em 1em 0;
     display: table;
     width: 100%;
 }
 #news-content.portfolio.new h3 {
     font-weight: 700;
     color: #5E6668;
     width: 95%;
 }
 @media screen and (max-width: 1100px) {
     #news-content.portfolio.new h3 {
         font-size: 3em;
     }
 }
 #news-content.portfolio.new .float-left, #news-content.portfolio.new .float-right {
     width: 49%;
     display: table-cell;
     float: none;
 }
 @media screen and (max-width: 700px) {
     #news-content.portfolio.new .float-left, #news-content.portfolio.new .float-right {
         width: auto !important;
         display: block;
         float: none;
     }
 }
 #news-content.portfolio.new .float-left {
     padding-right: 2%;
     padding-bottom: 2em;
 }
 @media screen and (max-width: 950px) {
     #news-content.portfolio.new .float-left {
         width: 39%;
     }
 }
 #news-content.portfolio.new .float-left > p {
     padding-right: 1em;
 }
 #news-content.portfolio.new .float-right {
     vertical-align: bottom;
 }
 @media screen and (max-width: 950px) {
     #news-content.portfolio.new .float-right {
         width: 59%;
     }
 }
 #news-content.portfolio.new .mac {
     position: relative;
     overflow: hidden;
     box-shadow: 0 0 2em rgba(51, 51, 51, 0.2);
     opacity: 0;
     bottom: -800px;
     -webkit-transition: opacity 0.2s, bottom 0.5s;
     -moz-transition: opacity 0.2s, bottom 0.5s;
     -ms-transition: opacity 0.2s, bottom 0.5s;
     transition: opacity 0.2s, bottom 0.5s;
 }
 @media screen and (max-width: 700px) {
     #news-content.portfolio.new .mac {
         margin: 0 2em 0 0;
     }
 }
 #news-content.portfolio.new .mac.move {
     opacity: 1;
     bottom: 0;
 }
 #news-content.portfolio.new .mac:before {
     content: url("/UserFiles/Servers/Server_49290296/File/img/portfolio/window-black.svg");
     display: block;
     width: 100%;
     z-index: 5;
     position: relative;
     -webkit-transition: width 0.3s, height 0.3s;
     -moz-transition: width 0.3s, height 0.3s;
     -ms-transition: width 0.3s, height 0.3s;
     transition: width 0.3s, height 0.3s;
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     #news-content.portfolio.new .mac:before {
         min-height: 20em;
     }
 }
 @media screen and (min-width: 1100px) {
     #news-content.portfolio.new .mac:before {
         height: 30em;
     }
 }
 #news-content.portfolio.new .mac #featured_image {
     position: absolute;
     top: 1.9em;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     z-index: 6;
 }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     #news-content.portfolio.new .mac #featured_image {
         top: 0 !important;
     }
 }
 @media screen and (max-width: 1100px) {
     #news-content.portfolio.new .mac #featured_image {
         top: 8.3%;
     }
 }
 .quote p > span {
     font-weight: 600 !important;
     font-size: 1.5em !important;
     color: #217883 !important;
 }
 @media screen and (max-width: 500px) {
     .quote p > span {
         font-size: 1em !important;
     }
 }
 .quote div > p > strong {
     font-size: 1.6em;
 }
 @media screen and (max-width: 500px) {
     .quote div > p > strong {
         font-size: 1.3em;
     }
 }
 #page.subpage.blog:not(.news-content) #news-summary.side {
     display: none;
 }
 #page.subpage.blog:not(.news-content) .inside-padding .form {
     display: none;
 }
 #page.subpage.blog:not(.news-content) > .inside-padding {
     max-width: 100%;
     padding: 0;
 }
 #page.subpage.blog:not(.news-content) > .inside-padding > .ptl_col_1_3 {
     display: none;
 }
 #page.subpage.blog:not(.news-content) > .inside-padding > .ptl_col_2_3 {
     width: 100%;
     float: none;
 }
 #page.subpage.blog:not(.news-content) > .inside-padding > #breadcrumbs {
     margin: 0 auto;
     max-width: 1100px;
     padding-bottom: 1.5em;
 }
 #page.subpage.blog.news-content > .inside-padding {
     max-width: 1100px;
     padding: 2em 1em;
 }
 @media screen and (max-width: 960px) and (min-width: 731px) {
     #page.subpage.blog.news-content > .inside-padding > .ptl_col_2_3 {
         width: 56%;
     }
 }
 @media screen and (max-width: 960px) and (min-width: 731px) {
     #page.subpage.blog.news-content > .inside-padding > .ptl_col_1_3 {
         width: 43%;
     }
 }
 #page.subpage.blog.news-content > .inside-padding .form {
     text-align: left;
     background: #f0f0f0;
     margin-left: 7%;
     padding: 2em 1.5em;
     -webkit-transition: padding 0.3s;
     -moz-transition: padding 0.3s;
     -ms-transition: padding 0.3s;
     transition: padding 0.3s;
 }
 @media screen and (min-width: 1100px) {
     #page.subpage.blog.news-content > .inside-padding .form {
         margin-left: 15%;
     }
 }
 @media screen and (max-width: 730px) {
     #page.subpage.blog.news-content > .inside-padding .form {
         margin-left: 0;
     }
 }
 #page.subpage.blog.news-content > .inside-padding .form h3 {
     font-size: 1.9em;
     font-weight: 600;
     color: #333333;
     margin-bottom: .5em;
 }
 #page.subpage.blog.news-content > .inside-padding .form .ao_tbl_container td, #page.subpage.blog.news-content > .inside-padding .form .ao_tbl_container tr {
     padding: 0 !important;
 }
 #page.subpage.blog.news-content > .inside-padding .form .ao_tbl_container .formField label {
     font-family: "Lato";
     font-weight: 400;
 }
 #page.subpage.blog.news-content > .inside-padding .form .ao_tbl_container .formField input {
     margin-left: 0;
 }
 #page.subpage.blog.news-content > .inside-padding .form .ao_tbl_container .formField input[value="Submit"] {
     width: 100%;
     margin: 0;
 }
 #page.subpage.blog.news-content #news-summary.side {
     text-align: left;
     padding-left: 7%;
     -webkit-transition: padding 0.3s;
     -moz-transition: padding 0.3s;
     -ms-transition: padding 0.3s;
     transition: padding 0.3s;
 }
 @media screen and (min-width: 1100px) {
     #page.subpage.blog.news-content #news-summary.side {
         padding-left: 15%;
     }
 }
 @media screen and (max-width: 730px) {
     #page.subpage.blog.news-content #news-summary.side {
         padding-left: 0;
     }
 }
 #page.subpage.blog.news-content #news-summary.side ul.container {
     width: auto;
     list-style: disc;
 }
 #page.subpage.blog.news-content #news-summary.side ul.container h4 {
     font-size: 1.9em;
 }
 #page.subpage.blog.news-content #news-summary.side ul.container li.row {
     margin: 0;
 }
 #page.subpage.blog.news-content #news-summary.side ul.container li.row a {
     display: block;
     color: #333333;
 }
 #page.subpage.blog.news-content #news-summary.side > a {
     margin: 1em .5em;
 }
 #page.subpage.blog.news-content #news-summary.side > a:hover, #page.subpage.blog.news-content #news-summary.side > a:focus {
     text-decoration: underline;
 }
 #page.subpage.blog.news-content #news-summary.side > a .more {
     color: #582D82;
     font-size: 12px;
     font-style: italic;
     font-weight: 700;
     position: relative;
     -webkit-transition: color 0.3s;
     -moz-transition: color 0.3s;
     -ms-transition: color 0.3s;
     transition: color 0.3s;
 }
 #page.subpage.blog.news-content #news-summary.side > a .more .icon.arrow {
     background: url(/UserFiles/Servers/Server_49290296/File/img/menu/icon-arrow-red.png) no-repeat;
     display: inline-block;
     height: 7px;
     left: 0;
     position: relative;
     top: 1.3px;
     width: 7px;
     margin-left: 5px;
 }
 #news-summary.blog .slick-slide:first-child .row:first-child {
     display: block !important;
 }
 #news-summary.blog .slick-slide:first-child .row:first-child > .inside-padding {
     max-width: 100%;
     padding: 10em 0 0;
 }
 @media screen and (max-width: 650px) {
     #news-summary.blog .slick-slide:first-child .row:first-child > .inside-padding {
         padding: 0;
     }
 }
 @media screen and (max-width: 500px) {
     #news-summary.blog .slick-slide:first-child .row:first-child > .inside-padding {
         padding: 1em;
     }
 }
 #news-summary.blog .slick-slide:first-child .row:first-child > .inside-padding .image {
     float: none;
     width: 100%;
     height: auto;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 0;
 }
 @media screen and (max-width: 650px) {
     #news-summary.blog .slick-slide:first-child .row:first-child > .inside-padding .image {
         position: relative;
         height: 15em;
     }
 }
 #news-summary.blog .slick-slide:first-child .row:first-child > .inside-padding .content-first-row {
     max-width: 1100px;
     margin: 0 auto;
     position: relative;
     z-index: 1;
 }
 #news-summary.blog .slick-slide:first-child .row:first-child > .inside-padding .content {
     background: #ffffff;
     padding: 2.5%;
     width: 44%;
     -webkit-transition: width 0.3s, background 0.3s;
     -moz-transition: width 0.3s, background 0.3s;
     -ms-transition: width 0.3s, background 0.3s;
     transition: width 0.3s, background 0.3s;
 }
 @media screen and (max-width: 840px) {
     #news-summary.blog .slick-slide:first-child .row:first-child > .inside-padding .content {
         width: auto;
         background: rgba(255, 255, 255, 0.95);
     }
 }
 @media screen and (max-width: 500px) {
     #news-summary.blog .slick-slide:first-child .row:first-child > .inside-padding .content {
         padding: 0;
     }
 }
 #news-summary.blog .row {
     position: relative;
     padding: 0;
     margin: 0;
 }
 #news-summary.blog .row:nth-child(2n+2) {
     background: #f6f6f6;
 }
 #news-summary.blog .row .image {
     float: left;
     width: 50%;
     height: 25em;
     background-size: cover;
     background-position: center top;
     margin: 0;
     -webkit-transition: height 0.3s;
     -moz-transition: height 0.3s;
     -ms-transition: height 0.3s;
     transition: height 0.3s;
 }
 @media screen and (max-width: 920px) {
     #news-summary.blog .row .image {
         height: 20em;
     }
 }
 @media screen and (max-width: 840px) {
     #news-summary.blog .row .image {
         height: 15em;
         margin-right: 1em;
         margin-bottom: 1em;
     }
 }
 @media screen and (max-width: 500px) {
     #news-summary.blog .row .image {
         margin-right: 0;
         width: auto;
         float: none;
     }
 }
 #news-summary.blog .row .content {
     float: right;
     width: 46.5%;
 }
 @media screen and (max-width: 840px) {
     #news-summary.blog .row .content {
         float: none;
         width: auto;
     }
 }
 #news-summary.blog .row .content h4 {
     font-size: 1.8em;
     margin: 0;
 }
 #news-summary.blog .row .content .summary {
     font-family: "Lato";
     font-weight: 400;
     font-size: 1.3em;
     line-height: 1.5em;
     color: #333333;
 }
 @media screen and (max-width: 840px) and (min-width: 501px) {
     #news-summary.blog .row .content .inner-news-content {
         margin: 0 auto;
         text-align: center;
     }
 }
 #news-summary.blog .row .content .inner-news-content a {
     background: #357e88 !important;
     padding: .7em 3em !important;
     margin: 2em 0 0 0 !important;
 }
 @media screen and (max-width: 500px) {
     #news-summary.blog .row .content .inner-news-content a {
         margin: 1em 0 !important;
     }
 }
 #news-summary.blog .row .content .inner-news-content a:hover, #news-summary.blog .row .content .inner-news-content a:focus {
     background: #5E6668 !important;
 }
 #news-summary.blog nav {
     text-align: center;
 }
 #news-summary.blog nav .arrows {
     position: relative;
     display: inline-block;
 }
 @media screen and (max-width: 650px) {
     #news-summary.blog nav .arrows {
         margin-top: 2em;
     }
 }
 #news-summary.blog nav .dots {
     display: inline-block;
     position: relative;
     top: -1.5em;
 }
 #news-summary.blog nav .dots ul {
     margin: 0;
 }
 #news-summary.blog nav .dots ul li {
     display: inline-block;
     padding: 0;
     width: 40px;
     height: 30px;
     margin: 0 .5em;
 }
 #news-summary.blog nav .dots ul li button {
     font-size: 1em;
     font-family: "Lato";
     color: #ffffff !important;
     background: #357e88;
     width: 40px;
     height: 30px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
 }
 #news-summary.blog nav .dots ul li button:before, #news-summary.blog nav .dots ul li button:after {
     content: none;
 }
 #news-summary.blog nav .dots ul li.slick-active {
     display: inline-block;
 }
 #news-summary.blog nav .dots ul li.slick-active button {
     background: #ffffff;
     color: #357e88 !important;
 }
 #news-summary.blog nav .dots ul li:not(.slick-active) button {
     box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
 }
 #news-summary.blog nav .dots ul.more-than-six {
     margin: 0;
 }
 #news-summary.blog nav .dots ul.more-than-six li {
     display: none;
     padding: 0;
     width: 40px;
     height: 30px;
     margin: 0 .5em;
 }
 #news-summary.blog nav .dots ul.more-than-six li.prev {
     display: inline-block !important;
 }
 #news-summary.blog nav .dots ul.more-than-six li:last-child, #news-summary.blog nav .dots ul.more-than-six li:first-child {
     display: inline-block;
 }
 #news-summary.blog nav .dots ul.more-than-six li:nth-last-child(1), #news-summary.blog nav .dots ul.more-than-six li:nth-last-child(2), #news-summary.blog nav .dots ul.more-than-six li:nth-last-child(3) {
     display: none;
 }
 #news-summary.blog nav .dots ul.more-than-six li button {
     font-size: 1em;
     font-family: "Lato";
     color: #ffffff !important;
     background: #357e88;
     width: 40px;
     height: 30px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
 }
 #news-summary.blog nav .dots ul.more-than-six li button:before, #news-summary.blog nav .dots ul.more-than-six li button:after {
     content: none;
 }
 #news-summary.blog nav .dots ul.more-than-six li:not(.slick-active) button {
     box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
 }
 #news-summary.blog nav .dots ul.more-than-six li.slick-active {
     display: inline-block;
 }
 #news-summary.blog nav .dots ul.more-than-six li.slick-active button {
     background: #ffffff;
     color: #357e88 !important;
 }
 #news-summary.blog nav .dots ul.more-than-six li.slick-active + li + li + li + li, #news-summary.blog nav .dots ul.more-than-six li.slick-active + li + li + li, #news-summary.blog nav .dots ul.more-than-six li.slick-active + li + li, #news-summary.blog nav .dots ul.more-than-six li.slick-active + li {
     display: inline-block;
 }
 #news-summary.blog nav .dots ul.more-than-six li.slick-active ~ li:nth-last-child(1), #news-summary.blog nav .dots ul.more-than-six li.slick-active ~ li:nth-last-child(2), #news-summary.blog nav .dots ul.more-than-six li.slick-active ~ li:nth-last-child(3) {
     display: inline-block;
 }
 #ao_alignment_container input[value="Submit"] {
     background: #357e88;
     padding: .7em 5em .4em;
     margin: 1em;
     color: #ffffff;
     font-weight: 400;
     font-size: 1.5em;
     text-transform: uppercase;
     box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
     border-color: transparent;
     -webkit-appearance: none;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
 }
 .form {
     padding: 4em 1em;
 }
 .form h3 {
     font-size: 1.5em !important;
     font-weight: 600 !important;
     color: #333333 !important;
 }
 .form div[id*=aoform] {
     width: 65%;
     margin: 0 auto;
     padding: .5em 0;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     -ms-transition: width 0.3s;
     transition: width 0.3s;
 }
 @media screen and (max-width: 950px) {
     .form div[id*=aoform] {
         width: 80%;
     }
 }
 @media screen and (max-width: 850px) {
     .form div[id*=aoform] {
         width: 100%;
     }
 }
 .form div[id*=aoform] .ao-row {
     display: block;
 }
 .form div[id*=aoform] .ao-row #column-c1513790599402 {
     width: 100%;
     display: block;
 }
 .form div[id*=aoform] .ao-row .ao-column {
     display: inline-block;
     width: 48%;
 }
 .form div[id*=aoform] .ao-row .ao-column .ao-column-inner {
     padding: 0;
 }
 .form div[id*=aoform] .ao-row .ao-column .ao-column-inner .ao-block-wrapper .ao-form-label {
     display: none;
     color: #ffffff;
     font-family: "Lato";
     font-size: 1.3em;
 }
 .form div[id*=aoform] .ao-row .ao-column .ao-column-inner .ao-block-wrapper input {
     display: block;
     width: 100%;
     font-family: "Lato";
     font-size: 1.1em;
     font-weight: 400;
     color: #666666;
     padding: 0.7em;
 }
 .form div[id*=aoform] .ao-row .ao-column .ao-column-inner .ao-block-wrapper select {
     display: block;
     width: 100%;
     -webkit-appearance: textfield;
     -moz-appearance: textfield;
     font-family: "Lato";
     font-size: 1.1em;
     font-weight: 400;
     color: #666666;
     padding: 0.7em;
 }
 @media only screen and (max-device-width: 750px) {
     .form div[id*=aoform] .ao-row .ao-column .ao-column-inner .ao-block-wrapper select {
         -webkit-appearance: menulist;
         -moz-appearance: menulist;
         height: 40px;
         border-radius: 5px;
     }
 }
 .form div[id*=aoform] .ao-row .ao-column .ao-column-inner .ao-block-wrapper span.ao-form-error-message {
     display: none;
 }
 .form div[id*=aoform] .ao-row .ao-column .ao-column-inner .ao-block-wrapper .ao-submit-block button {
     cursor: pointer;
     box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     transition: all 0.3s;
 }
 #resources {
     position: relative;
     height: 45em;
     z-index: 4;
     background: #ffffff;
 }
 @media screen and (max-width: 850px) {
     #resources {
         position: static;
         height: auto;
     }
 }
 #resources h3 {
     font-size: 2.5em;
     font-family: "Lato";
     font-weight: 300;
     color: #333333;
     padding: 1em 0 0;
     position: relative;
     z-index: 4;
 }
 #resources p {
     font-weight: 300;
     font-size: 1.5em;
     color: #333333;
     margin: 1em 0;
 }
 #resources .container {
     border-spacing: 1em 1em;
     margin: 1.5em 0;
 }
 @media screen and (max-width: 850px) {
     #resources .container {
         position: relative;
         z-index: 5;
     }
 }
 #resources .container .item {
     position: relative;
     display: table-cell;
     width: 28%;
     margin: 5%;
     background: #ffffff;
     box-shadow: 0 0 2em rgba(51, 51, 51, 0.2);
 }
 @media screen and (max-width: 850px) {
     #resources .container .item {
         display: block;
         width: auto;
     }
 }
 #resources .container .item .top .image {
     height: 15em;
     width: 100%;
     background-size: cover;
     background-position: center;
 }
 #resources .container .item .content {
     padding: 2em;
     margin-bottom: 5em;
 }
 @media screen and (max-width: 850px) {
     #resources .container .item .content {
         margin: 0;
         padding: 2em 2em 1em;
     }
 }
 #resources .container .item .content .title {
     text-align: left;
     color: #357e88;
     font-family: "Lato";
     font-weight: 600;
     font-size: 1.5em;
     margin: 0;
     padding: .5em 0;
 }
 #resources .container .item .content .summary {
     text-align: left;
     font-family: "Lato";
     font-weight: 300;
     font-size: 1.3em;
     color: #333333;
 }
 #resources .container .item .content .read-more {
     position: absolute;
     bottom: .5em;
     left: 15%;
     right: 15%;
     text-align: center;
     background: #357e88;
     padding: .3em 3em;
     margin: 1em;
     color: #ffffff;
     font-weight: 400;
     font-size: 1.3em;
     text-transform: uppercase;
     box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
 }
 @media screen and (max-width: 850px) {
     #resources .container .item .content .read-more {
         position: static;
         margin: 1.5em 0 1em;
     }
 }
 footer {
     background: #2c343d;
 }
 footer .inside-padding .container .float-left {
     text-align: left;
     @transition (float .3s, min-width .3s);
 }
 @media screen and (max-width: 750px) {
     footer .inside-padding .container .float-left {
         display: none;
     }
 }
 footer .inside-padding .container .float-left #logo img {
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     -ms-transition: width 0.3s;
     transition: width 0.3s;
 }
 @media screen and (max-width: 950px) {
     footer .inside-padding .container .float-left #logo img {
         width: 231px;
         height: 71px;
     }
 }
 footer .inside-padding .container .float-left a, footer .inside-padding .container .float-left #phone {
     display: inline-block;
     color: #ffffff;
     font-weight: 600;
     padding: .5em 0;
 }
 footer .inside-padding .container .float-left a:hover {
     text-decoration: underline;
 }
 footer .inside-padding .container .float-left .credits {
     display: inline-block;
     padding: .5em 0;
     text-align: left;
 }
 @media screen and (max-width: 950px) {
     footer .inside-padding .container .float-left .credits {
         width: 95%;
     }
 }
 footer .inside-padding .container .float-left .credits span {
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     color: #FFF;
     font-family: "Lato";
     font-size: 0.97em;
     font-weight: 300;
 }
 footer .inside-padding .container .float-center {
     display: inline-block;
 }
 @media screen and (max-width: 750px) {
     footer .inside-padding .container .float-center {
         display: block;
         text-align: center;
     }
 }
 @media screen and (max-width: 750px) {
     footer .inside-padding .container .float-center .center {
         display: inline-block;
     }
 }
 footer .inside-padding .container .float-center h3 {
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     font-size: 1.7em;
     font-family: "Lato";
     font-weight: 300;
     color: #ffffff;
     padding-left: .7em;
     text-align: left;
 }
 footer .inside-padding .container .float-right {
     min-width: 25%;
 }
 @media screen and (max-width: 750px) {
     footer .inside-padding .container .float-right {
         float: none;
         width: 100%;
     }
 }
 footer .inside-padding .container .float-right .left {
     display: none;
     text-align: left;
     @transition (float .3s, width .3s);
 }
 @media screen and (max-width: 750px) {
     footer .inside-padding .container .float-right .left {
         display: inline-block;
     }
 }
 @media screen and (max-width: 550px) {
     footer .inside-padding .container .float-right .left {
         width: 45%;
     }
 }
 @media screen and (max-width: 400px) {
     footer .inside-padding .container .float-right .left {
         float: left;
     }
 }
 footer .inside-padding .container .float-right .left #logo {
     top: -.5em;
     position: relative;
 }
 footer .inside-padding .container .float-right .left #logo img {
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     -ms-transition: width 0.3s;
     transition: width 0.3s;
 }
 @media screen and (max-width: 950px) {
     footer .inside-padding .container .float-right .left #logo img {
         width: 231px;
         height: 71px;
     }
 }
 @media screen and (max-width: 550px) {
     footer .inside-padding .container .float-right .left #logo img {
         width: 201px;
     }
 }
 @media screen and (max-width: 400px) {
     footer .inside-padding .container .float-right .left #logo img {
         width: 181px;
     }
 }
 footer .inside-padding .container .float-right .left a, footer .inside-padding .container .float-right .left #phone {
     display: block;
     color: #ffffff;
     font-weight: 600;
     padding: .5em 0;
 }
 footer .inside-padding .container .float-right .left .credits {
     display: inline-block;
     padding: .5em 0;
     text-align: left;
 }
 @media screen and (max-width: 950px) {
     footer .inside-padding .container .float-right .left .credits {
         width: 95%;
     }
 }
 footer .inside-padding .container .float-right .left .credits span {
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     color: #A6A9AD;
     font-family: "Lato";
     font-size: 0.97em;
     font-weight: 300;
 }
 footer .inside-padding .container .float-right .right {
     display: inline-block;
     -webkit-transition: float 0.3s;
     -moz-transition: float 0.3s;
     -ms-transition: float 0.3s;
     transition: float 0.3s;
 }
 @media screen and (max-width: 400px) {
     footer .inside-padding .container .float-right .right {
         float: right;
     }
 }
 footer .inside-padding .container .float-right .social {
     margin-top: 1em;
     text-align: right;
 }
 footer .inside-padding .container .float-right .social ul li {
     display: inline-block;
 }
 footer .inside-padding .container .float-right .social ul li a {
     margin: .3em;
     opacity: .7;
 }
 footer .inside-padding .container .float-right .social ul li a:hover, footer .inside-padding .container .float-right .social ul li a:focus {
     opacity: 1;
 }
 footer .inside-padding .container .float-right .west {
     width: 100%;
     float: none;
     text-align: right;
 }
 @media screen and (max-width: 400px) {
     footer .inside-padding .container .float-right .west img {
         width: 90px;
     }
 }
 #scrollUp {
     background: url("/UserFiles/Servers/Server_49290296/File/img/homepage layers/trans-white-50.png") repeat;
     -moz-border-radius: 50% !important;
     /* Firefox */
     -webkit-border-radius: 50% !important;
     /* Safari and Chrome */
     border-radius: 50% !important;
     /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
     padding: 10px;
     position: fixed;
     right: 2%;
     bottom: 4%;
     z-index: 99;
     cursor: pointer;
     opacity: .85;
     display: none;
 }
 @media screen and (max-width: 750px) {
     #scrollUp {
         display: none !important;
     }
 }
    /* #scrollUp {
        display: none !important;
    }
    */
    #scrollUp .icon-holder {
     background: #333333;
     border: 2px solid #333333;
     -moz-border-radius: 50% !important;
     /* Firefox */
     -webkit-border-radius: 50% !important;
     /* Safari and Chrome */
     border-radius: 50% !important;
     /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
     position: relative;
     width: 65px;
     height: 65px;
 }
 #scrollUp .icon {
     background: url(/UserFiles/Servers/Server_49290296/File/img/menu/sprite-icons-s.png) no-repeat;
     width: 37px;
     height: 37px;
     background-position: 0 -415px;
     position: relative;
     left: 14px;
     top: 11px;
 }
 #scrollUp .text, #scrollUp:hover .icon {
     opacity: 0;
 }
 #scrollUp .text, #scrollUp:hover .icon {
     display: none;
     -webkit-transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
     -ms-transition: opacity 0.3s;
     transition: opacity 0.3s;
 }
 #scrollUp .icon, #scrollUp:hover .text, #scrollUp:hover {
     opacity: 1;
     display: block;
 }
 #scrollUp:hover .icon-holder {
     background: #333333;
 }
 #scrollUp:hover .text {
     color: #ffffff;
     display: inline-block;
     text-align: center;
     font-size: 13.5px;
     font-weight: 700;
     line-height: 16px;
     text-transform: uppercase;
     position: relative;
     top: 19px;
 }
 /* 404 pages */
 .error404-page {
     background: transparent !important;
     max-width: 900px !important;
     border-left: 5.5em solid rgba(255, 255, 255, 0.1);
     border-right: 5.5em solid rgba(255, 255, 255, 0.1);
     padding: 0 !important;
     height: 80%;
     overflow: hidden;
 }
 @media screen and (max-width: 900px) {
     .error404-page {
         border: 0;
     }
 }
 .error404-page .container-404 {
     height: 100%;
     background: url("/UserFiles/Servers/Server_49290296/File/img/menu/bg-white-l.jpg") repeat-x top #989998 !important;
 }
 .error404-page .row .ptl_portlet_vertical {
     margin: 0;
 }
 .error404-page .error404 {
     background: url("/UserFiles/Servers/Server_49290296/File/img/menu/bg-gradient5.jpg") repeat-x top #A4CFD8;
 }
 .error404-page .error404 .row {
     margin: 0 auto;
     width: 96%;
     padding-top: 2em;
     text-align: left;
 }
 .error404-page .error404 .image {
     display: block;
     height: 386px;
     overflow: hidden;
     position: relative;
     width: 100%;
     margin-top: 30px;
 }
 .error404-page .error404 .image img {
     bottom: -1px;
     left: 50%;
     margin-left: -482px;
     max-width: none;
     position: absolute;
     width: 964px;
 }
 .error404-page .error404 a.btn-round {
     display: block !important;
     margin: 30px auto 0 !important;
     max-width: 200px;
     padding: .7em 2em;
     text-align: center;
     width: auto;
     background: #357e88;
     color: #ffffff !important;
     overflow-wrap: break-word;
     box-shadow: 2px 2px 0px rgba(51, 51, 51, 0.8);
 }
 ul.big-icon {
     margin-top: 30px;
     margin-left: -1% !important;
     list-style: none !important;
 }
 ul.big-icon li {
     float: left;
     width: 31%;
     margin: 1%;
     padding: 0 !important;
 }
 @media screen and (max-width: 500px) {
     ul.big-icon li {
         width: 100%;
     }
 }
 ul.big-icon li:hover {
     background: none;
 }
 ul.big-icon li a {
     position: relative;
     background: #3dabbb;
     display: block;
     text-align: center;
     padding: 25px 20px 10px;
     height: 125px;
 }
 ul.big-icon.bottom {
     margin-top: 0;
 }
 ul.big-icon li a:hover {
     background: #3dabbb;
 }
 ul.big-icon li a .icon {
     width: 71px;
     height: 67px;
     background: url(/UserFiles/Servers/Server_49290296/File/img/menu/sprite-icons-s.png) no-repeat 0 0;
     display: block;
     position: relative;
     left: 0;
     top: 0;
     margin: 0 auto 10px;
     opacity: .7;
     -webkit-transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
     -ms-transition: opacity 0.3s;
     transition: opacity 0.3s;
 }
 ul.big-icon li a .text {
     font-size: 18px !important;
     font-weight: 700 !important;
     line-height: 20px;
     color: #333333;
     opacity: 1;
     position: absolute;
     width: 70%;
     margin-left: -35%;
     left: 50%;
     bottom: 15px;
     text-align: center;
     -webkit-transition: opacity 0.3s;
     -moz-transition: opacity 0.3s;
     -ms-transition: opacity 0.3s;
     transition: opacity 0.3s;
 }
 ul.big-icon a:hover .icon, ul.big-icon li a:hover .text {
     opacity: 1;
 }
 ul.big-icon .icon.cms {
     background-position: -60px -315px;
     height: 65px;
     left: 5px;
 }
 ul.big-icon .icon.responsive {
     background-position: -58px -193px;
     height: 63px;
 }
 ul.big-icon .icon.citizen {
     background-position: 0 -366px;
     width: 62px;
     top: 10px;
     height: 49px;
 }
 ul.big-icon .icon.integration {
     background-position: 0 -299px;
     height: 63px;
     width: 60px;
 }
 ul.big-icon .icon.quote {
     background-position: 0 -134px;
     height: 59px;
     width: 60px;
 }
 ul.big-icon .icon.contact {
     background-position: 0 -193px;
     height: 58px;
     width: 58px;
 }
 ul.big-icon .icon.download {
     background-position: 0 -251px;
     height: 48px;
     width: 60px;
     margin-top: 6px;
 }
 ul.big-icon .icon.sites {
     background-position: -60px -256px;
     height: 59px;
     width: 62px;
 }
 /*# sourceMappingURL=civiclive.css.map */
 /* Addition for Privacy Link */
 footer .inside-padding .container .float-left .privacy a {
     font-size: 0.875em;
     font-weight: 100;
 }
 footer .inside-padding .container .float-left .privacy a:hover, footer .inside-padding .container .float-left .privacy a:focus {
     text-decoration: underline;
 }
 footer .privacy {
     padding: 10px;
     background: #20252b;
     text-align: center;
     color: #ddd;
     font-size: 12px;
     font-weight: 300;
 }
 footer .privacy a {
     color: #ddd;
     font-weight: 600;
     font-size: 12px;
     text-decoration: underline;
 }
 /* Intrado Logo */
 header .inside-padding .container > .float-right .west a img {
     height: 100%;
 }
 header .inside-padding .container > .float-right .west {
     display: flex;
     align-items: center;
 }
 header .inside-padding .container > .float-right .west a {
     padding: 23px 0;
     height: 26px;
 }
 footer .inside-padding .container .float-right .west a {
     display: block;
 }
 footer .inside-padding .container .float-right .west a img {
     width: 150px;
     height: 55px;
 }
 header.sticky .inside-padding .container > .float-right .west a {
     padding: 8px 0;
 }
 header .inside-padding .container .float-left #logo .west-mobile img {
     height: 37px;
     margin-bottom: 15px;
 }
 /* magic line */
 li.magic-line {
     background: #00B5E2 !important;
 }
 
ul.big-icon {
    text-align: center;
}

ul.big-icon li {
    float: none;
    display: inline-block;
}