/* =0. Fonts
--------------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url('/fonts/fontello.eot?17640388');
  src: url('/fonts/fontello.eot?17640388#iefix') format('embedded-opentype'),
       url('/fonts/fontello.woff?17640388') format('woff'),
       url('/fonts/fontello.ttf?17640388') format('truetype'),
       url('/fonts/fontello.svg?17640388#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 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('/fonts/fontello.svg?17640388#fontello') format('svg');
  }
}
*/
/* End Fonts
--------------------------------------------------------------------------------------------------------*/

body { font-size: 16px; font-family: 'Lora', Georgia, "Times New Roman", Times, serif; color:#000; background: #54a0d5 url(/_img/bg.jpg) repeat-x fixed; height:100% }
strong { font-weight:600; color:#000; }
em { font-style:italic; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; color:#000; }
.hentry h1, h2, h3, h4, h5 { line-height:1.3; color:#000; display:block; position:relative; padding-bottom:13px;  }
h2 a, h3 a, h4 a, h5 a {color:#000; }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color:#666 }
p.small { color:#000;}
p a { color:#000; border-bottom:1px solid #000; }
p a:hover { color:#666; border-bottom:1px solid #666; }
a p { color:#000; }
blockquote { padding:0px 0px 2px 25px; font-size:16px; font-style:italic; width:initial;}

h1#logo a { display:block; background:url(/_img/logoHeader.png) center no-repeat; background-size:220px 52px; width:220px; /*try to keep it below 52px*/ height:52px; text-indent:-9999px; }

#preloader { background:#54a0d5 url(/_img/bg.jpg) repeat-x fixed;  }

#background-color { background: #54a0d5 url(/_img/bg.jpg) repeat-x fixed; height:100%; width:100%; position:fixed; z-index:1; -webkit-overflow-scrolling: touch; top:0; left:0 }
#content { }

#menu-button .centralizer .cursor { display:block; height:auto; cursor:pointer; color: #99cc00;}
.nav-bar { background-color:#99cc00; border-radius:1px; display:block; width:16px; height:2px; margin:0px auto 2px; }
#main-nav { background-color:#99cc00; position: absolute; top: 0; right: 0; padding: 34px 44px 20px 44px; width: 200px; }

.ct-part { padding:22px 0px 0px 0px; border-top:1px solid #666; height: auto; margin-top:9px; }
.ft-part { padding:24px 0px 31px 0px; border-top:1px solid #666; height: auto; margin-top:11px; }
.element .social-list > li > i { font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-transform:none; color:#666; padding-right:2px; font-weight:400; letter-spacing:0 }
.element .social-list > li > a { color: #666; position: relative; top: 1px; }

.social-list > li > a.facebook:before { content: '\e801'; }
.social-list > li > a.twitter:before { content: '\e802'; }
.social-list > li > a.printer:before { content: '\e800'; }

.col3-3 { height:auto; }

.col2-3.grey, .col3-3.grey, .col4-3.grey { padding:45px 50px 32px 50px; background:#ccc;}
.col1-3.grey { padding:30px 35px 17px 35px; width:300px; background:#ccc; }
.col1-3.grey-bottom { padding:30px 35px; background:#ccc; z-index:33; }
.col2-3.grey-bottom { padding:45px 50px 32px 50px; background:#ccc; }

/* White. Column Grid
--------------------------------------------------------------------------------------------------------*/
.col1-3.white { padding:30px 35px 17px 35px; width:300px; background:#fff; color:#000;}
.col2-3.white, .col3-3.white, .col4-3.white { padding:45px 50px 32px 50px; background:#fff; color:#000;}
.col1-3.white-bottom { padding:30px 35px; background:#fff; z-index:33; color:#000; }
.col2-3.white-bottom { padding:45px 50px 32px 50px; background:#fff; color:#000; }
.col3-3.white-bottom { padding:45px 50px 32px 50px; background:#fff; color:#000; }
.col4-3.white-bottom { padding:45px 50px 32px 50px; background:#fff; color:#000; }
/* =End White Column Grid
--------------------------------------------------------------------------------------------------------*/

/*  Green Column Grid
--------------------------------------------------------------------------------------------------------*/
.col1-3.green { padding:30px 35px 17px 35px; width:300px; background:#99cc00; color:#000;}
.col2-3.green, .col3-3.green, .col4-3.green { padding:75px 90px 74px 80px; background:#99cc00; color:#000;}
.col1-3.green-bottom { padding:30px 35px; background:#99cc00; z-index:33; color:#000; }
.col2-3.green-bottom { padding:45px 50px 32px 50px; background:#99cc00; color:#000; }
/* =End White Column Grid
--------------------------------------------------------------------------------------------------------*/

/* Blue Column Grid
--------------------------------------------------------------------------------------------------------*/
.col1-3.blue { padding:30px 35px 17px 35px; width:300px; background:#1ac3ca; color:#000;}
/* =End White Column Grid
--------------------------------------------------------------------------------------------------------*/

/* Orange Column Grid
--------------------------------------------------------------------------------------------------------*/
.col1-3.orange { padding:30px 35px 17px 35px; width:300px; background:#ff8900; color:#000;}
/* =End White Column Grid
--------------------------------------------------------------------------------------------------------*/

/* Yellow Column Grid
--------------------------------------------------------------------------------------------------------*/
.col1-3.yellow { padding:30px 35px 17px 35px; width:300px; background:#F2F215; color:#000;}
/* =End White Column Grid
--------------------------------------------------------------------------------------------------------*/


/* =13. Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list, .hentry ul { list-style: circle; line-height:1.5; padding:0px 0px 13px 30px; text-align:left !important; font-size: 16px; font-family: 'Lora', Georgia, "Times New Roman", Times, serif; }
ol { list-style: decimal; line-height:1.5; padding:0px 0px 13px 30px; font-size: 16px; font-family: 'Lora', Georgia, "Times New Roman", Times, serif; }
.child ul.unordered-list, .child .hentry ul, .child ol { padding:10px 30px 0 50px; }
ul.unordered-list li a, .hentry ul li a, ol li a { color:#000; text-decoration:none; border-bottom:1px solid #000; }
ul.unordered-list li a:hover, .hentry ul li a:hover, ol li a:hover { color:#666; text-decoration:none; border-bottom:1px solid #666; }
.col2-3 ul.unordered-list { font-size:16px; line-height:1.5; padding:0px 0px 13px 30px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/

/* =12. Footer
--------------------------------------------------------------------------------------------------------*/
#footer { min-height:91px; margin:0px; padding:28px 45px; width:100%; z-index:55; position:relative; webkit-transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); }
footer { z-index:1000 !important; }
footer p, footer p a { color:#000; line-height:32px; font-family:'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-style:italic; font-size:13px; padding:0; border:0; text-decoration:none }
footer p a:hover { color:#666; }
span.padding { padding:0 3px; }
footer .social-list { float:left; margin-left:20px; background:#e9e9e9; padding-left:15px; }
footer .social-list li a { text-decoration: none; color: #8E8E8E; line-height:32px; }
/* End Footer
--------------------------------------------------------------------------------------------------------*/

/* Form
--------------------------------------------------------------------------------------------------------*/
#message { margin: ; padding: 0px; z-index:200; height:auto; color:#F00;}
.form-part > textarea, .form-part > input:not([type="submit"]):not([type="image"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
 border-bottom:1px solid #666;
}
.lt-ie9 .form-part textarea, .lt-ie9 .form-part input { border-bottom:1px solid #666; }
.changeloc { padding: 0; margin-top:9px; }
.changeloc > textarea, .changeloc > input:not([type="submit"]):not([type="image"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
 display: block;
 width: 100%;
 padding: 25px 0px;
 font-size: 16px;
 border-bottom:1px solid #666;
 text-align: left;
 font-style: normal;
}
.changeloc .send-btn { border: none 0px transparent; background:#242423; padding:12px 22px; height: 40px; font-family: 'Montserrat','Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 11px; display: block; width: auto; float: right; margin: 17px 25px 0px 0px; cursor: pointer; text-transform:uppercase; line-height:12px; letter-spacing:2px; color:#fff; border:0 none; border-radius:50px; }
.changeloc .send-btn:hover {background:#1d1d1d }
.changeloc input {background:#ccc;}