/*-------------------------------
IMONDA Studio - css general file.
-------------------------------*/

/*@import url("ui.totop.css");*/
@import url("css/fontawesome-all.css");      

/* =============================================================================
   CSS RESET
============================================================================= */

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption,center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img {line-height: 0; vertical-align: middle;}
ol, ul {list-style: none;}
li {display: list-item;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
sub, sup, small {font-size: 75%;}
sub,sup {line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
a{list-style: none; text-decoration: none;}
a:active{outline: none;}
a:focus{ outline: none;}
:focus {outline: 0;}

/* `Clear Floated Elements
----------------------------------------------------------------------------- */
.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before, .clearfix:after, .container_12:before, .container_12:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after, .container_12:after {clear: both;}

html, body {height: 100%;}
body{
    font-family: 'Work Sans', sans-serif;
    font-size:14px;
    line-height:24px;
    color: #232323;
    background: #fff;
}

a{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:hover{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
::selection {background:#c5c5c5; /* Safari */}
::-moz-selection {background:#c5c5c5; /* Firefox */}

a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
color: inherit;}
/* ============================================================================ 
    WRAPPERS
============================================================================ */
.wrapper {min-height:100%;height:auto !important;height:100%;margin:0 auto -90px;}
footer, .push {height:90px;}


/* ============================================================================
    HOME PAGE
============================================================================ */    
#top-wrapper {width:100%;padding:0 0 55px 0;background: #fff;}
#main-wrapper {width:100%;min-height:568px;background: #f7f7f7 url('../img/back.jpg') no-repeat top center;}

.top-content {width:100%;margin:0px auto;text-align:center;}
.logo-wrap {padding:50px 0 0 0;}
.logo {width:142px;height:110px;background: url('../img/logo.png') no-repeat center;margin:0px auto;}
.topslogan1 {width:580px;margin:0px auto;padding:30px 0 0 0;font-size:12px;line-height:16px;color:#232323;letter-spacing: 2px;}
.topslogan2 {padding:45px 0 0 0;font-size:21px;line-height:24px;color:#5fa3e2;text-transform:uppercase;letter-spacing: 2px;}
.liner {width:35px;height:1px;background:#000;float:right;margin:0 0 4px 0;}
.linel {width:35px;height:1px;background:#000;margin:7px 0 0 0;}

.main-content {width:850px;margin:0 auto;}
.title {font-size:14px;text-transform:uppercase;letter-spacing: 1px;}
.title-line {width:35px;height:1px;background:#000;margin:4px 0 0 0;}
.free-button {font-size:18px;color:#5b8ab5;text-transform:uppercase;padding:45px 0 0 0;letter-spacing: 1px;}

.content-layer {padding:80px 0 0 0;}
.main-left {width:427px;float:left;}
.main-right {width:310px;float:right;padding:170px 0 0 0;}

.txt-left {padding:12px 0 0;font-size:14px;line-height:24px;color:#232323;font-weight:400;letter-spacing: 1px;}
.txt-right {padding:12px 0 0 0;font-size:14px;line-height:18px;color:#232323;font-weight:400;letter-spacing: 2px;}

.txtup {text-transform:uppercase;}
.greycol {color:#818181;}

.lighblue {color:#5fa3e2;}

/* ============================================================================
    FOOTER
============================================================================ */
#footer-wrapper {width: 100%;min-height:90px;}
.footer-main {width:340px;margin:35px auto 0 auto;}
.footer-logo {width:58px;height:26px;background: url('../img/logo-mob.png') no-repeat left top;float:left;}
.copy {font-size:10px;letter-spacing: 1px;padding:10px 0 0 0;letter-spacing: 2px;float:left;}

a.button-link {color:#5fa3e2;outline:none;text-decoration:none;}
a.button-link:hover {color:#5fa3e2;outline:none;text-decoration:underline;}

a.email-link {color:#5fa3e2;outline:none;text-decoration:none;letter-spacing: normal;}
a.email-link:hover {color:#5fa3e2;outline:none;text-decoration:underline;letter-spacing: normal;}