@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[Table of contents]
0. Fonts
1. Clearfix
2. Preloader
3. Typography
4. Headings
5. Main Nav
6. Main Content
7. Column Grid
8. Content Elements
10. Image Hover
11. Footer
12. Lists
13. Google Maps
14. Blog
15. Services
-------------------------------------------------------------------*/


/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,900');
@font-face { font-family: 'fontello'; src: url('../fonts/fontello1b1b1b1b.eot?3837060'); src: url('../fonts/fontello1b1b1b1b.eot?3837060#iefix') format('embedded-opentype'), url('../fonts/fontello1b1b1b1b.woff?3837060') format('woff'), url('../fonts/fontello1b1b1b1b.ttf?3837060') format('truetype'), url('../fonts/fontello1b1b1b1b.svg?3837060#fontello') format('svg'); font-weight: normal; font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windows. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?43886684#fontello') format('svg');
  }
}
*/
/* End Fonts
--------------------------------------------------------------------------------------------------------*/


/* =1. Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }/* ----- clear fix for floats ----- */
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }/* hides clearfix from IE-mac */
.clearfix { display: block; }/* end hide from IE-mac */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin: 0 auto; display: inline-block; }
.alignnone { clear: both; font-size: 0; line-height: 0; margin: 0; padding: 0; border: 0; height: 0; width: 0; }
.centered { text-align: center; }
.hidden { display: none; visibility: hidden; }
/* Preventing font-rendering switches during CSS transitions inside Flexslider for Safari and Chrome under MacOSX */
*, *:before, *:after { -webkit-font-smoothing: antialiased; }
.flexslider { -webkit-transform: translateZ(0px); }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =2. Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #f5f5f5; z-index: 9999; }
#status { z-index: 28; position: absolute; color: #555 !important; top: 50%; height: 220px; width: 100%; margin-top: -115px; }
/* horizontal centering */
.parent { width: 230px; margin: 0px auto; position: relative; height: 220px; z-index: 11 }
.child { text-align: center; }
/* vertical centering */
.parent { display: table }
.child { display: table-cell; vertical-align: middle; padding: 0; }
.child span { text-transform: uppercase; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =3. Typography
--------------------------------------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; -webkit-font-smoothing: antialiased; height: 100%; -webkit-text-size-adjust: 100%; }
body { font-size: 16px; font-family: 'Lato', sans-serif; color: #555; background: #f5f5f5; }
strong { font-weight: 600; }
a, a > * { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
p { line-height: 1.5; padding: 0 0px 13px 0px; }
a { text-decoration: none; }
p a { color: #555; text-decoration: none; border-bottom: 1px solid #555; }
p a:hover { color: #2b2b2b; border-bottom: 1px solid #2b2b2b; }
a p { color: #555; }
p.small, span.small { font-size: 11px; text-transform: uppercase; font-weight: 600; font-family: 'Lato', sans-serif; color: #555; letter-spacing: 2px; padding: 0 0 5px 0; line-height: 1.9 }
a p.small { color: #2b2b2b }
p.small a { color: #3d9991; text-decoration: none; padding-bottom: 2px; position: relative }
p.small a:after { border-bottom: 1px solid #3d9991; position: absolute; content: ""; right: 0; top: 100%; left: 0; margin-right: 2px; }
p.tiny { font-size: 12px; font-family: 'Lato', sans-serif; letter-spacing: 0.5px; line-height: 1; color: #555 !important; }
p.above-h2 { padding: 0px 0 13px 0 }
.centered p.small { padding-left: 2px; }
.text-alignleft { text-align: left !important }
#preloader p.small { color: #555 !important; padding: 0 !important }
code { font: 13px 'Lato', sans-serif; font-style: normal; line-height: 1.5; display: block; }
pre { padding: 13px 40px 0 40px; }
span.arrow { font: 20px 'Lato', sans-serif; float: right; padding-bottom: 13px; padding-right: 15px; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; margin-top: -4px; display: inline-block; opacity: 0 }
.back-button span.arrow { opacity: 1 !important }
a span.arrow { color: #555; }
a:hover span.arrow { padding-right: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; opacity: 1 }
blockquote { color: #2b2b2b; font-size: 24px; font-style: italic; width: auto; padding-right: 40px; color: #555 }
.col3-3.centered blockquote { padding: 5px 175px 10px 175px; color: #2b2b2b }
.col2-3 blockquote { padding: 5px 145px 10px 145px !important; }
.hentry blockquote:before { content: "“"; float: left; display: block; margin-left: -64px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 96px; margin-top: -6px; font-weight: 400 }
blockquote p { font-family: 'Lato', sans-serif; }
blockquote p.small { font-style: normal; color: #777; letter-spacing: 0; font-weight: 400; text-transform: none; font-size: 12px; padding-top: 3px; }
em { font-style: italic; font-family: 'Lato', sans-serif; color: #777; }
code { font: 13px 'Lato', sans-serif; font-style: normal; line-height: 1.5; display: block; padding-top: 4px; }
pre { padding: 0 30px 25px 30px; border: 1px dotted #3e3e3e; margin-top: 10px; margin-bottom: 10px; display: inline-block }
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =4. Headings
--------------------------------------------------------------------------------------------------------*/
h1#logo { display: block; position: relative; margin: 0 auto; }
h1#logo a { display: inline-block; background: url(../images/logo.svg) center no-repeat; background-size: 200px 47px; width: 200px; height: 47px; text-indent: -9999px; }
.tagline { font-family: 'Lato', sans-serif; font-size: 26px; font-weight: 600; margin: 0px auto; position: relative; line-height: 1.5; color: #2b2b2b; padding: 3px 0 0 0; text-transform: uppercase }
.hentry h1, h2, h3, h4, h5 { line-height: 1.3; color: #2b2b2b; display: block; position: relative; padding-bottom: 13px;/* padding-right:20px*/ }
.hentry .centered h1, .centered h2, .centered h3, .centered h4, .centered h5, .hentry .alignright h1, .alignright h2, .alignright h3, .alignright h4, .alignright h5 { padding-right: 0 }
h2 { font-size: 48px; font-weight: 300; line-height: 60px; letter-spacing: -2px; margin-top: -5px; padding-bottom: 20px; }
h2 strong { font-weight: 700; letter-spacing: -1px; }
h3 { font-size: 24px; font-weight: 400; line-height: 31px; }
h4 { font-size: 20px; font-weight: 400; line-height: 27px; }
h5 { font-size: 18px; font-weight: 400; }
.blog-post h2 { font-size: 36px; line-height: 50px }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =5. Main Nav
--------------------------------------------------------------------------------------------------------*/
#menu-button { font-size: 13px; font-family: 'Lato', sans-serif; text-transform: uppercase; display: none; height: auto; position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 101 }
#menu-button .cursor { display: block; height: auto; cursor: pointer; background-color: rgba(255, 255, 255, 1); padding: 16px 16px 14px 16px; }
#nav-button { display: inline-block; width: 16px; margin: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.nav-bar { background-color: #555; border-radius: 1px; display: block; width: 16px; height: 2px; margin: 0px auto 2px; }
#main-nav { background-color: #fff; position: relative; padding: 44px 44px 20px 44px; width: 100%; }
#main-nav a { text-decoration: none; color: #9e9e9e; font-size: 13px; font-family: 'Lato', sans-serif; letter-spacing: 2px; padding-left: 2px; position: relative; white-space: nowrap; }
#main-nav > ul a { text-transform: uppercase; }
#main-nav > ul .active > a, #main-nav > ul a.active, #main-nav > .additional-links .active > a, #main-nav > .additional-links a.active, #main-nav li a:hover, #options li a.current, #options li a.selected { color: #000000; font-weight: 500; }
.lt-ie10 #main-nav li a.active:after { border: 0 }
#main-nav > ul li { padding: 7px 0; }
#main-nav > ul > li > .sub-nav { padding: 9px 0 3px 0px; }
#main-nav > ul > li > .sub-nav > li { padding: 4px 0px; }
#main-nav > ul > li > .sub-nav > li:last-child { padding-bottom: 0px; }
#main-nav > ul > li > .sub-nav > li > a { font-size: 12px; letter-spacing: 0; text-transform: none; font-weight: 400; margin: 0 }
#bottom-header { position: absolute; bottom:10px; width: 100%; text-align: center; }
#bottom-header p.small { padding-top: 15px; color: #6d6e71; line-height: 1.9; font-size: 13px; text-transform: none; letter-spacing: normal; font-weight: normal; }
.social-links { padding: 20px 10px 0 10px; min-width: 180px; border-bottom: 1px solid #d8d8d8; display: inline-block; margin: 0 10px; width: 90%; }
.social-list { padding-bottom: 20px; }
.social-list > li > a:before { content: ""; font-family: fontello; font-size: 18px; font-weight: 400; color: #ffffff; }
.social-list li a:before { padding: 3px; margin: 0 1px 0 1px; }
.social-list li { margin: 0 2px; display: inline-block; }
.element .social-list { margin-left: -2px; }
.element .social-list > li > a:before, .blog-author-description .social-list > li > a:before { font-size: 16px; display: block; margin-top: -2px; }
.social-list > li > i { color: #555; font-size: 13px; font-family: 'Lato', sans-serif; padding-right: 4px; }
header .social-list > li > a:before { font-size: 14px; margin: 0; }
.social-list > li > a { position: relative; top: 1px; color: #ffffff; background-color: #676767; width: 32px; height: 32px; border-radius: 100%; overflow: hidden; display: inline-block; padding-top: 7px; }
.social-list > li > a.facebook:before { content: '\e800'; }
.social-list > li > a.linkedin:before { content: '\e80e'; }
.social-list > li > a.email:before { content: '\e811'; }
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/


/* =6. Main Content
--------------------------------------------------------------------------------------------------------*/
#content { width: 100%; z-index: 55; }
.container { padding: 0px; width: 1170px; position: relative; margin: 0 auto; padding-top: 20px; }
.with-margin #container { margin: 25px 35px; }
#background-color { display: none }
.oldie #background-color { display: none }
#header { background: #f5f5f5; }
.pushed-left #content, .pushed-left #header, .pushed-left #footer, .pushed-left #background-color { -webkit-transform: translate3d(260px, 0px, 0px); transform: translate3d(260px, 0px, 0px); }
.pushed-left-alt #content, .pushed-left-alt #header, .pushed-left-alt #footer, .pushed-left-alt #background-color, .no-csstransforms3d .pushed-left #content, .no-csstransforms3d .pushed-left #header, .no-csstransforms3d .pushed-left #footer { -webkit-transform: translateX(260px); -ms-transform: translateX(260px); transform: translateX(260px); }
#content, #header, #footer, .logo-wrapper, #background-color { -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; transition: transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s; }
header { position: fixed; top: 0; left: 0; width: 260px; z-index: 101; height: 100%; background: #fff; padding-top:20px; text-align: center; }
#content { position: relative; padding-left: 260px; z-index: 100 }
.blog-overview .container { padding-top: 65px; }
.gallery .container { padding-top: 40px }
#white-background { background: #fff; width: 260px; position: fixed; height: 100%; z-index: 98; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =7. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col3-3 { width: 1150px; height: auto; margin: 10px; float: left; position: relative }
.col1-3 { width: 370px; height: auto; margin: 10px; float: left; position: relative; }
.col2-3 { width: 760px; height: auto; margin: 10px; float: left; position: relative; }
.row{margin-left:-10px;margin-right:-10px;}
.row:before, .row:after{content:'';clear:both;display:blcok;}
.col6 { width:calc(50% - 20px); height: auto; margin: 10px; float: left; position: relative; }
.column-count2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 45px; -moz-column-gap: 45px; column-gap: 45px; }
.element .col1-3, .element .col2-3, .element .col3-3, .col3-3 .col2-3 { margin: 0; float: none }
.thumbs { width: 33.333333%; float: left; position: relative; margin: 0; height: auto; }
.with-margin .thumbs { padding: 5px; }
.borderline { border-top: 1px dotted #d8d8d8; height: 1px; width: 100%; display: inline-block; position: relative; margin: 20px 0 0 0; }
.divider { background: #555; height: 1px; width: 20px; display: inline-block; top: -3px; position: relative; margin: 0 6px 0 5px; }
.bottom-background { background: #fff; padding: 40px 45px 20px 45px; position: relative; margin-top: -40px; }
.blog-overview .bottom-background { padding-bottom: 37px; }
.bottom-background:after { background: #fff; top: -10px; content: ""; height: 24px; left: 47px; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 24px; }
.bottom-background.centered:after { left: 50%; margin-left: -12px; }
.boxed { border-top: 1px dotted #888; border-bottom: 1px dotted #888; padding: 40px 0 20px 0; margin: 30px 0 40px 0 !important; }
.bottom { position: absolute; bottom: 40px; }
/* =End Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =8. Content Elements
--------------------------------------------------------------------------------------------------------*/
.overflow, .element { overflow: hidden; }
.relative { position: relative }
.break { display: block; position: relative; height: 40px; width: 100%; }
.medium-break { display: block; position: relative; height: 30px; width: 100%; }
.small-break { display: block; position: relative; height: 20px; width: 100%; }
.tiny-break { display: block; position: relative; height: 10px; width: 100%; }
.blog-overview .element.blog-teaser:nth-child(2) { margin-top: 46px; }
.blog-overview .element.blog-teaser:nth-child(3) { margin-top: -34px; }
pagination-wrapper { display: block; width: 100%; padding: 0px 0px 0px 12px; top: -5px; position: relative }
.pagination { display: block; float: right; }
.pagination > li { display: block; float: left; margin-left: 10px; border: 1px solid #D8D8D8; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.pagination > li.active { border: 1px solid #b7b7b7; float: left }
.pagination > li:hover { border: 1px solid #b7b7b7; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
.pagination > li > a { display: block; text-align: center; padding: 7px; width: 27px; height: 28px; color: #D8D8D8; font-size: 14px; font-weight: bold; font-family: "Lato", "Open Sans", Arial, Helvetica, "Helvetica Neue", sans-serif; }
.pagination > li.active > a, .pagination > li:hover > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active { color: #666666; }
/* =End Content Elements
--------------------------------------------------------------------------------------------------------*/



/* =10. Image Hover
--------------------------------------------------------------------------------------------------------*/
.images { display: block; position: relative; }
.images img { width: 100%; display: block; max-width: 100% !important; z-index: 9 }
img { box-shadow: #fff 0 0 0 }
.images.round img { border: 0 none; border-radius: 50%; }
.image-container { padding: 20px 0 40px 0; overflow: hidden }
.blog-overview .image-container { margin: 0px 0 25px 0; padding: 0 }
.videos { width: 800px; height: 450px }
.sliphoveritemTitle { font-size: 11px !important; text-transform: uppercase; font-weight: 700; font-family: 'Lato', sans-serif; letter-spacing: 2px; line-height: 1.5; display: block; text-decoration: none !important; }
.sliphoveritemTitle span { display: block; font-size: 20px; font-weight: 700; line-height: 1.5; font-family: 'Lato', sans-serif; text-transform: none; letter-spacing: 0; position: absolute; bottom: -3px; width: 150px; }
.sliphoveritemTitle i { display: block; font: 30px 'Lato', sans-serif; right: -3px; font-style: normal !important; position: absolute; line-height: 1.5; bottom: -5px; text-decoration: none !important; }
.sliphoveritemTitle div { position: relative; padding-left: 5px; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =11. Footer
--------------------------------------------------------------------------------------------------------*/
footer { margin: 55px 10px 30px 10px; padding: 28px 0; border-top: 1px dotted #d8d8d8; width: 1150px; position: relative; text-align: center; }
footer a h5 { padding-bottom: 2px; color: #999; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer p { font-size: 14px; }
footer .alignleft .small, footer .alignright .small { font-size: 14px; font-style: italic; letter-spacing: 0; font-weight: 400; text-transform: none }
footer a .small, footer .small { color: #999; font-size: 10px; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer a:hover .small, footer a:hover h5 { color: #2b2b2b; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
footer a:hover .small { color: #555 }
footer .alignright { text-align: right; max-width: 50%; width: 50%; white-space: nowrap }
footer .alignleft { text-align: left; max-width: 50%; width: 50%; white-space: nowrap }
.blog-overview footer .alignright, .blog-overview footer .alignleft { white-space: normal }
footer .aligncenter { top: -48px; position: relative }
.arrow-left, .arrow-right { display: inline-block; font: 30px 'Lato', sans-serif; font-style: normal !important; line-height: 1; text-decoration: none !important; float: left; padding-top: 4px; width: 45px; color: #999 }
.arrow-right { float: right }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =13. Googlemaps
--------------------------------------------------------------------------------------------------------*/
#map { width: 100%; height: 395px; margin: 0; border: 0 }
#map:before, #map:after { background: none; content: ''; left: 0; position: absolute; top: 0; width: 100%; }
#map:after { bottom: 0; top: auto; }
/* End Googlemaps
--------------------------------------------------------------------------------------------------------*/



/* =15. Services
--------------------------------------------------------------------------------------------------------*/
.service_box { display: block; text-align: center; margin-top: 14px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 55; position: relative }
.service_item { display: inline-block; padding: 12px 22px; position: relative; cursor: help; text-align: center; min-width: 152px; margin-bottom: 16px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.icon_box { display: inline-block; height: 48px; width: 48px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.service_name { padding: 0; margin: 13px 0 0 0; }
.service_details { display: none; position: absolute; bottom: 138px; left: 50%; margin-left: -50%; background-color: #fff; padding: 31px 45px 27px 50px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.service_details:after { background: #fff; bottom: -10px; content: ""; height: 24px; left: 50%; position: absolute; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 24px; margin-left: -12px; }
.service_item.hover > .service_details, .service_item.open > .service_details { display: block; }
.service_details > li { text-align: left; white-space: nowrap; font-size: 14px; line-height: 1.5; list-style: circle; margin-bottom: 5px; position: relative; }
/* =End Services
--------------------------------------------------------------------------------------------------------*/
#content h2 { font-size: 28px; color: #ffffff; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding: 50px 0 0 10px; }
/*HEADER*/
.downloadsection { text-align: center; font-size: 13px; color: #9e9e9e; margin-top: 10%; }
.downloadsection a { font-size: 13px; color: #9e9e9e; text-transform: uppercase; line-height: 22px; letter-spacing: 1px; }
.downloadsection img { text-align: center; display: block; margin: 15px auto; }
.downloadsection b { text-align: center; display: block; font-weight: normal; color: #000000; }
.pelfizz { margin: 12px 10px 0 10px; border-top: 1px solid #d8d8d8; padding-top:10px; }
.pelfizz span {display:inline-block;vertical-align:middle;color: #6d6e71; font-size: 13px; margin-top: 8px;margin-right:8px; }
.pelfizz a {display:inline-block;vertical-align:middle;}
.projectdetail { display: none; }
.visible .projectdetail { display: block; }
/*ABOUT*/
#content { background: url(../images/about_bg.png) no-repeat right center; min-height: 120vh; background-size: cover; }
.about { background: #ffcb05; padding: 35px; width: 47% !important; margin: 15px 15px 0 0; }
.about p { font-size: 16px; color: #0a0b0c; }
.aboutsection .lightbg p { margin-top: 20px; color: #ffffff; }
.lightbg { background: #ca001a !important; color: #ffffff; }
.whitebg { background-color: #ffffff; }
.about.whitebg { width: 95.7% !important; }
/*.about_img { float: left; }*/
.about.whitebg .next-to-icon { margin-left:0px; }
.about.whitebg p{ padding-bottom:0px; }
.icons { position: relative; height: 103px; width: 103px; margin-bottom: 16px; margin-top: 5px; }
.icon-holder { position: relative; float: left; height: 103px; width: 103px; margin-top: 5px; }
.next-to-icon { margin-left: 140px; }
.abouticon1 { background: url(../images/icon1.png) no-repeat center; background-size: 103px 103px; }
.abouticon2 { background: url(../images/icon2.png) no-repeat center; background-size: 103px 103px; }
/*SERVICES*/
.service_header { background-color: #ffcb05; padding: 50px 30px; display: block; border-bottom: 1px solid #0a0b0c; position: relative; }
.service .service_header h2 { font-size: 18px !important; color: #0a0b0c !important; text-transform: uppercase; margin: 0; padding: 0 !important; line-height: 100%; }
.lightbg.service_header h2 { color: #ffffff !important; }
.service .service_header span img { position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; }
.service { background-color: #ffffff; line-height: 28px; min-height: 592px; color: #0a0b0c; }
.service ul { width: 100%; padding: 22px 45px; }
.service ul li { list-style: disc; font-size: 16px; color: #0a0b0c; }
.service h3 { list-style: disc; font-size: 16px; color: #0a0b0c; padding: 0 30px; font-weight: 700; }
.service p { list-style: disc; font-size: 16px; color: #0a0b0c; padding: 0 30px; }
.bluetitle{background:#2776d3;padding:10px 15px;font-size:20px;color:#ffffff;}
/*CONTACT*/
.contact { background: #f6f6f6 !important; }
.contact p { color: #ffffff; font-size: 16px; color: #0a0b0c; }
.contact h2 { padding-left: 0 !important; }
.contactbrand { color: #0a0b0c !important; font-size: 30px !important; font-weight: 700;padding-top:20px; }
.contactbrand span { color: #e20118; }
.creativediv p, .creativediv a{display:inline-block;vertical-align:middle;}
.creativediv a{max-width:40%;margin-left:10px;text-decoration:none;}
.creativediv a img{max-width:50%;}
/* Form style */
input, textarea, select { font: 16px 'Lato', sans-serif; ; color: #555; border: 0; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; float: none; display: block; margin: 0px; -webkit-appearance: none; background: none }
textarea { resize: none; }
#message { margin: 0; padding: 0px; z-index: 200; height: auto; }
.error_message, #success_page { display: block; height: auto; color: #d31800; font-style: italic; font-family: 'Lato', sans-serif; font-size: 12px; padding: 26px 60px 0px 0px; line-height: 1.5 }
#success_page { color: #2b2b2b !important; padding: 18px 20px 0 0px }
.loader { display: none; }
/* Form Element Styling */
.contact > .elem-content { background: #fff !important }
.form-part { padding: 0; margin-top: 5px; padding-bottom: 26px; }
.form-part > textarea, .form-part > select, .form-part > input:not([type="submit"]):not([type="image"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) { display: block; width: 100%; padding: 17px 18px; margin-bottom: 10px; border: 0; text-align: left; font-style: normal; font-size: 16px; line-height: 20px; background: #e9e9e9; text-align: left; font-style: normal; }
.form-part > textarea { height: 174px; resize: none; }
.form-part > .input-wrapper { position: relative; }
.form-part .send-btn { border: none 0px transparent; background: url(../images/bg-mail.png) no-repeat scroll top right transparent; background-size: 48px 48px; padding: 19px 60px 16px 4px; height: 48px; font-family: 'Lato', sans-serif; font-size: 15px; display: block; width: auto; float: right; margin: 19px 29px 0px 0px; cursor: pointer; line-height: 12px; font-style: italic; color: #0a0b0c; }
.send-btn:after{content:'';clear:both;}