*,:after,:before,a{
    margin:0;
    padding:0}
body,ul.portfolio-items{
    -webkit-font-smoothing:antialiased}
.clear,.section{
    overflow:hidden}
body,p{
    line-height:1.75em}
a,a>*,p a{
    text-decoration:none}
body,h1,h2,h3,h4,h5,h6{
    font-family:Roboto,sans-serif}
.affix,.loader{
    position:fixed}
#header,.single-image{
    -webkit-backface-visibility:hidden;
    -ms-backface-visibility:hidden}
a,button,input,select,textarea{
    vertical-align:baseline}
img,textarea{
    max-width:100%}
#contacts .section-title h3,.button,.content-title,.entry-title,.header-text h3,.navigation ul ul li a,.navigation>ul>li>a,.section-title h1,.section-title h3,.section-title h4,.simple-pricing-table .description,.simple-pricing-table .title,.team-title,.video-title{
    text-transform:uppercase}
.button,.single-image,.slides-pagination a,button,label{
    cursor:pointer}
.comment,nav ol,nav ul,ul{
    list-style:none}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:0 0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box}
ol{
    list-style-position:inside}
a{
    font-size:100%;
    outline:0;
    background:0 0}
a,a>*{
    color:#5b5e60}
a:hover,p a{
    color:#00c2a9}
.not-ie a{
    -webkit-transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out;
    transition:background-color .2s ease,border .2s ease,color .2s ease,opacity .2s ease-in-out}
img{
    border:0;
    height:auto;
    -ms-interpolation-mode:bicubic}
.clear,.clearfix:after{
    display:block;
    height:0;
    visibility:hidden;
    clear:both}
body{
    background-color:#fff;
    color:#777;
    font-weight:300;
    font-size:15px;
    -webkit-text-size-adjust:100%}
.highlight,::selection{
    background-color:#00c2a9;
    text-shadow:none;
    color:#fff}
.clear{
    width:0}
.clearfix:after{
    content:"."}
.loader,.team-plus-icon .curtain{
    top:0;
    left:0;
    width:100%;
    height:100%}
.align-center{
    text-align:center}
.align-left{
    text-align:left}
.align-right{
    text-align:right}
.button,.ie8 blockquote.type-1:before,.team-plus-icon .curtain,button{
    text-align:center}
.alignleft{
    float:left}
.alignright{
    float:right}
img.alignleft{
    margin-right:20px}
img.alignright{
    margin-left:20px}
.hide{
    display:none}
.show{
    display:block}
.invisible{
    visibility:hidden}
p{
    margin:0 0 1.5em;
    padding:0}
p a:hover{
    text-decoration:underline}
.button,button{
    text-decoration:none;
    outline:0}
h1,h2,h3,h4,h5,h6{
    margin-bottom:15px;
    color:#5b5e60;
    line-height:1.3em;
    font-weight:400}
h1{
    font-size:36px}
h2{
    font-size:24px}
h3{
    font-size:20px}
h4{
    font-size:18px}
h5{
    font-size:16px}
h6{
    font-size:14px}
::-moz-selection{
    background-color:#00c2a9;
    color:#fff;
    text-shadow:none}
.highlight{
    padding:0 3px}
blockquote{
    color:#aeaeae}
li blockquote{
    font-size:24px}
blockquote p{
    margin-bottom:.7em}
blockquote.quote-text p{
    margin-bottom:0}
blockquote.type-1{
    font-size:22px}
blockquote.type-1:before{
    display:block;
    margin-bottom:15px;
    content:"\e86c";
    font-size:36px;
    font-family:fontello}
blockquote.type-1 p{
    line-height:1.6em}
blockquote.type-2{
    padding-left:20px;
    border-left:5px solid #ebebeb;
    font-size:18px;
    font-style:italic}
.dropcap::first-letter{
    display:block;
    float:left;
    margin:10px 15px 0 0;
    font-weight:700;
    font-size:48px}
.loader{
    z-index:200;
    background:#fff}
.single-image{
    position:relative;
    display:block;
    margin:0;
    font-size:0;
    backface-visibility:hidden}
.image-extra .single-image{
    display:inline-block;
    margin:20px 5px 0}
.touch .image-extra .single-image{
    pointer-events:none}
.touch .touched .single-image{
    pointer-events:auto}
.single-image img{
    display:block}
.team-plus-icon .curtain{
    position:absolute;
    z-index:5;
    display:block;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .3s ease-in;
    transition:all .3s ease-in}
.team-plus-icon .curtain:after{
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    margin:-30px 0 0 -30px;
    width:60px;
    height:60px;
    color:#fff;
    text-align:center;
    font-family:fontello;
    line-height:60px;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .3s ease-in;
    transition:all .3s ease-in;
    background-color:#00c2a9;
    background-color:rgba(0,194,169,.8);
    font-size:38px;
    content:'\e9a1'}
#logo,#navigation,#tagline,.button,.contact-form iframe,.header-in:after,button,label{
    display:inline-block}
.team-plus-icon:hover .curtain{
    visibility:visible;
    opacity:1}
.not-ie .open .team-plus-icon .curtain:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)}
.divider{
    margin-top:70px;
    margin-bottom:70px;
    height:1px;
    background-color:#ececec}
button,input[type=button],input[type=reset],input[type=submit]{
    cursor:pointer;
    -webkit-appearance:button}
button::-moz-focus-inner,input::-moz-focus-inner{
    padding:0;
    border:0}
button,input,select,textarea{
    margin:0;
    border:none;
    font-size:100%;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
button{
    margin-bottom:15px;
    padding:6px 13px;
    background-color:transparent;
    color:#fff;
    font:11px/1.5 Arial}
input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color],input[type=text],input[type=password],select,textarea{
    display:inline-block;
    padding:16px 10px;
    width:100%;
    outline:0;
    border-width:1px;
    border-style:solid;
    border-color:#dcdcdc;
    border-color:rgba(0,0,0,.135);
    background-color:rgba(255,255,255,1);
    color:#999;
    font-size:12px;
    font-family:Roboto,sans-serif;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-appearance:none;
    appearance:none}
.parallax input[type=datetime],.parallax input[type=datetime-local],.parallax input[type=date],.parallax input[type=month],.parallax input[type=time],.parallax input[type=week],.parallax input[type=number],.parallax input[type=email],.parallax input[type=url],.parallax input[type=search],.parallax input[type=tel],.parallax input[type=color],.parallax input[type=text],.parallax input[type=password],.parallax select,.parallax textarea{
    border-color:#bbb;
    border-color:rgba(207,207,207,.33);
    color:#bbb}
input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{
    border-color:#00c2a9}
.parallax input[type=datetime]:focus,.parallax input[type=datetime-local]:focus,.parallax input[type=date]:focus,.parallax input[type=month]:focus,.parallax input[type=time]:focus,.parallax input[type=week]:focus,.parallax input[type=number]:focus,.parallax input[type=email]:focus,.parallax input[type=url]:focus,.parallax input[type=search]:focus,.parallax input[type=tel]:focus,.parallax input[type=color]:focus,.parallax input[type=text]:focus,.parallax input[type=password]:focus,.parallax select:focus,.parallax textarea:focus{
    -webkit-box-shadow:0 0 10px 1px rgba(0,194,169,.7);
    box-shadow:0 0 10px 1px rgba(0,194,169,.7)}
textarea{
    resize:both;
    min-height:180px;
    min-width:100%}
input[type=radio],input[type=checkbox]{
    margin:4px 0 0;
    line-height:normal}
input[type=radio],input[type=checkbox],input[type=image],input[type=button],input[type=reset],input[type=submit]{
    width:auto}
.wrong-data{
    border-color:#fe5214}
input[type=checkbox]{
    -webkit-appearance:checkbox}
input[type=radio]{
    -webkit-appearance:radio}
Chrome,Safari input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#999}
Firefox input:-moz-placeholder,textarea:-moz-placeholder{
    color:#999}
.comments-form{
    margin-bottom:30px}
.input-block{
    margin-bottom:10px}
.contact-form .submit i{
    font-size:30px}
.contact-form iframe{
    vertical-align:middle}
.contact-form input.verify{
    vertical-align:top;
    width:80px}
.captcha-frame{
    margin:0;
    border:none}
.comments-form input:required:valid,.comments-form textarea:required:valid,.contact-form input:required:valid,.contact-form textarea:required:valid{
    border-color:#00c2a9}
.comments-form input:focus:invalid,.comments-form textarea:focus:invalid,.contact-form input:focus:invalid,.contact-form textarea:focus:invalid{
    border-color:#e27152}
.parallax .comments-form input:required:valid,.parallax .comments-form textarea:required:valid,.parallax .contact-form input:required:valid,.parallax .contact-form textarea:required:valid{
    -webkit-box-shadow:0 0 10px 1px rgba(0,194,169,.7);
    box-shadow:0 0 10px 1px rgba(0,194,169,.7)}
.parallax .comments-form input:focus:invalid,.parallax .comments-form textarea:focus:invalid,.parallax .contact-form input:focus:invalid,.parallax .contact-form textarea:focus:invalid{
    -webkit-box-shadow:0 0 10px 1px rgba(226,113,82,.7);
    box-shadow:0 0 10px 1px rgba(226,113,82,.7)}
.button{
    margin-bottom:15px;
    padding:6px 20px;
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    background-color:transparent;
    color:#fff;
    vertical-align:baseline;
    font-weight:400;
    font-size:14px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
.button.default:hover,.button.turquoise{
    background-color:#00c2a9}
.button.middle{
    padding:10px 24px;
    font-size:17px}
.button.large{
    padding:15px 30px;
    font-size:20px}
.button.default{
    border-color:#cfcfcf;
    color:#00c2a9}
.button.default:hover{
    border-color:transparent;
    color:#fff}
.button.submit{
    margin-bottom:20px;
    padding:2px 20px;
    width:100%}
.button.turquoise:hover{
    border-color:#cfcfcf;
    background-color:#fff;
    color:#00c2a9}
.parallax .button.turquoise:hover{
    border-color:transparent}
#header{
    position:fixed;
    top:0;
    left:0;
    z-index:99;
    width:100%;
    background-color:#fff;
    line-height:0;
    backface-visibility:hidden;
    -webkit-transition:background-color .25s ease,height .25s ease;
    transition:background-color .25s ease,height .25s ease}
#header.header-shrink,.home #header{
    border-bottom-width:0}
#header.transparent{
    background:rgba(0,0,0,.35)}
#header.header-shrink{
    background-color:#25537b}
.header-in{
    margin:0 auto;
    width:90%;
    text-align:justify}
.not-ie .header-in{
    font:0/0 a}
@media screen and (min-width:0\0){
    .not-ie .header-in{
        font-size:15px;
        transition:height .25s ease}
}.ie8 .header-shrink .header-in{
    font-size:15px}
.header-in:after{
    width:100%;
    vertical-align:top;
    content:""}
#logo,#navigation,#tagline{
    vertical-align:middle}
#logo{
    margin-bottom:0;
    font-family:Roboto,Helvetica,sans-serif;
    width:36%;
    margin-top:10px;
    -webkit-transition:font-size .25s ease;
    transition:font-size .25s ease}
#logo a{
    float:left;
    width:30%;
    margin:10px 0}
#logo #tagline{
    float:right;
    width:65%;
    text-align:left;
    margin-top:0}
#logo #tagline span{
    margin-top:5px;
    vertical-align:middle;
    font-size:16px;
    color:rgba(255,255,255,.5);
    line-height:120%}
.header-shrink #logo a,.transparent #logo a{
    color:#fff}
.header-shrink #logo{
    font-size:28px;
    padding:10px 0}
.header-shrink #logo #tagline span{
    font-size:16px}
@media only screen and (max-width:480px){
    .responsive-nav-button{
        float:right;
        margin-top:5%}
}@media screen and (min-width:1601px){
    #logo{
        width:40%}
    #logo a{
        width:22%}
    #logo #tagline{
        float:right;
        margin-top:20px;
        text-align:left;
        width:75%}
}@media only screen and (max-width:2600px){
    #header{
        position:relative}
    .mini-cart-a{
        background-color:#f8f8f8;
        border:1px solid #25537b;
        border-radius:6px;
        color:#777!important;
        height:auto;
        padding:0 0 10px;
        position:fixed;
        right:10px;
        top:100px;
        width:300px;
        z-index:9}
}@media screen and (min-width:1401px) and (max-width:1600px){
    #logo,#logo a{
        width:30%}
    #logo{
        margin-top:0}
    #logo #tagline{
        float:right;
        margin-top:8px;
        text-align:left;
        width:60%}
    .shopping-cart-preview{
        width:5%}
}@media screen and (min-width:1201px) and (max-width:1400px){
    #logo{
        width:36%;
        margin-top:0}
    #logo a{
        width:40%}
    #logo #tagline{
        float:right;
        margin-top:10px;
        text-align:left;
        width:55%}
}@media screen and (min-width:993px) and (max-width:1200px){
    #logo{
        width:15%}
    #logo a{
        width:100%}
}@media screen and (min-width:768px) and (max-width:992px){
    #logo{
        width:90%}
    #logo a{
        width:20%}
    #logo #tagline{
        width:75%;
        margin-top:16px}
}@media screen and (min-width:479px) and (max-width:767px){
    .header-in{
        padding:10px 0}
    #logo{
        width:90%}
    #logo a{
        width:20%}
    #logo #tagline{
        width:75%}
    #content{
        padding-top:40px}
    .section{
        padding:100px 0}
}@media only screen and (max-width:479px){
    .header-in{
        padding:10px 0}
    #logo{
        width:36%}
    #logo a{
        width:100%}
    #logo #tagline{
        display:none;
        width:0}
    #content{
        padding-top:40px}
    .section{
        padding:100px 0}
}.header-shrink .navigation{
    border-bottom-width:0}
.navigation>ul>li{
    position:relative;
    display:block;
    float:left}
.navigation>ul>li>a{
    display:block;
    margin:0;
    padding:35px 20px 41px;
    color:#5b5e60;
    font-size:14px;
    line-height:1em;
    -webkit-transition:padding .25s ease,color .1s linear,background-color .25s ease-out;
    transition:padding .25s ease,color .1s linear,background-color .25s ease-out}
.navigation>ul>.downarrowclass>a:after{
    margin-left:6px;
    color:#5b5e60;
    font-size:12px;
    font-family:fontello;
    content:'\e8ba';
    line-height:1em}
.header-shrink .navigation>ul>li>a{
    background:0 0!important}
.transparent .navigation>ul>li>a,.transparent .navigation>ul>li>a:after{
    color:#fff}
@media only screen and (min-width:1201px) and (max-width:1400px){
    .navigation>ul>li>a{
        padding:35px 12px 41px}
}@media only screen and (min-width:993px) and (max-width:1200px){
    .navigation>ul>li>a{
        padding:35px 15px 41px}
}@media only screen and (min-width:1025px){
    .transparent .navigation>ul>li>a{
        padding:90px 12px 35px}
    .transparent .navigation>ul>li.downarrowclass>a{
        padding:90px 15px 35px 20px}
}@media only screen and (min-width:993px){
    .header-shrink .navigation>ul>li>a{
        padding-top:15px!important;
        padding-bottom:21px!important;
        color:#fff}
    .header-shrink .navigation>ul>li>a:after{
        color:#fff}
}@media only screen and (max-width:1024px){
    #services,#slides{
        display:none}
    #header.transparent{
        background:#25537b}
}.no-touch .full-bg-image,.no-touch .fullscreen-image{
    background-attachment:fixed;
    background-size:cover}
.navigation a{
    font-weight:300;
    font-family:Roboto,sans-serif}
.navigation>ul>li.search-nav-item>a>em{
    color:#fff!important}
#search-wrap{
    width:100%;
    margin:0;
    z-index:1;
    background-color:#fff;
    border-bottom:solid 1px #d2d2d2}
form#search-form{
    margin:0;
    padding:20px}
input.search-field{
    font:300 125%/100% Roboto,sans-serif;
    float:left;
    width:90%!important;
    font-size:175%!important;
    line-height:1;
    color:#999!important;
    border:none!important;
    padding:15px 0!important;
    border-radius:0!important}
input.search-button[type=submit]{
    font-family:FontAwesome}
input.search-button{
    background-color:#FFF;
    border-color:#D2D2D2;
    border-radius:1.5em;
    border-style:solid;
    border-width:1px;
    color:#D2D2D2;
    display:block;
    float:right;
    font-size:150%;
    margin:0;
    padding:20px;
    -webkit-transition:color .25s ease,height .25s ease;
    transition:color .25s ease,height .25s ease}
input.search-button:hover{
    background-color:#D2D2D2;
    color:#FFF}
form#search-form .clear{
    clear:both}
.navigation>ul>.current-menu-ancestor>a,.navigation>ul>.current-menu-item>a,.navigation>ul>.current-menu-parent>a,.navigation>ul>.current_page_ancestor>a,.navigation>ul>.current_page_item>a,.navigation>ul>.current_page_parent>a,.navigation>ul>li:hover>a{
    background-color:#00c2a9;
    color:#fff}
.navigation>ul>.current-menu-ancestor>a:after,.navigation>ul>.current-menu-item>a:after,.navigation>ul>.current-menu-parent>a:after,.navigation>ul>.current_page_ancestor>a:after,.navigation>ul>.current_page_item>a:after,.navigation>ul>.current_page_parent>a:after,.navigation>ul>li:hover>a:after{
    color:#fff}
.transparent .navigation>ul>.current-menu-ancestor>a,.transparent .navigation>ul>.current-menu-item>a,.transparent .navigation>ul>.current-menu-parent>a,.transparent .navigation>ul>.current_page_ancestor>a,.transparent .navigation>ul>.current_page_item>a,.transparent .navigation>ul>.current_page_parent>a,.transparent .navigation>ul>li:hover>a{
    background-color:#00c2a9;
    background-color:rgba(0,194,169,.7)}
.header-shrink .navigation>ul>.current-menu-ancestor>a,.header-shrink .navigation>ul>.current-menu-item>a,.header-shrink .navigation>ul>.current-menu-parent>a,.header-shrink .navigation>ul>.current_page_ancestor>a,.header-shrink .navigation>ul>.current_page_item>a,.header-shrink .navigation>ul>.current_page_parent>a,.header-shrink .navigation>ul>li:hover>a{
    background-color:#fff;
    color:#00c2a9}
.header-shrink .navigation>ul>.current-menu-ancestor>a:after,.header-shrink .navigation>ul>.current-menu-item>a:after,.header-shrink .navigation>ul>.current-menu-parent>a:after,.header-shrink .navigation>ul>.current_page_ancestor>a:after,.header-shrink .navigation>ul>.current_page_item>a:after,.header-shrink .navigation>ul>.current_page_parent>a:after,.header-shrink .navigation>ul>li:hover>a:after{
    color:#00c2a9}
.navigation ul ul{
    position:absolute;
    display:none;
    padding:10px 0;
    width:170px;
    background-color:#000;
    background-color:rgba(0,0,0,.9);
    z-index:9999!important}
.navigation ul ul li{
    position:relative}
.navigation ul ul li a{
    display:block;
    padding:7px 20px;
    color:#fff;
    font-size:11px;
    line-height:1.5em;
    text-align:left}
.counter,.counter-box,.header-text,.image-control-nav,.image-slider-nav a,.pagenavi .page-numbers,.portfolio-filter,.responsive-nav-button,.simple-pricing-table .column,.slides-pagination,.team-nav a,.tweet .tweet_text:before,.tweet .tweets,.tweets-control-nav,ul.clients-items{
    text-align:center}
.navigation ul ul .rightarrowclass>a:after{
    margin-left:15px;
    color:#fff;
    font-size:12px;
    font-family:fontello;
    content:'\e8b8';
    line-height:1em}
.navigation ul ul .current-menu-ancestor>a,.navigation ul ul .current-menu-item>a,.navigation ul ul .current-menu-parent>a,.navigation ul ul .current_page_ancestor>a,.navigation ul ul .current_page_item>a,.navigation ul ul .current_page_parent>a,.navigation ul ul a:hover{
    color:#00c2a9}
@media only screen and (min-width:993px){
    .navigation ul ul ul{
        top:0;
        left:170px;
        margin-top:-10px}
}.responsive-nav-button{
    display:none;
    width:40px;
    height:40px;
    background-color:#00c2a9;
    font-weight:400;
    font-style:normal;
    font-size:21px;
    font-family:fontello;
    line-height:40px;
    vertical-align:middle;
    -webkit-border-radius:6px;
    border-radius:6px}
.responsive-nav-button:after{
    content:"\ed38";
    color:#fff}
@media only screen and (min-width:1200px){
    .keydown{
        position:absolute;
        bottom:100px;
        left:50%;
        z-index:10;
        margin-left:-66px;
        width:132px;
        font-size:0;
        text-align:center;
        -webkit-transition:opacity .35s ease;
        transition:opacity .35s ease;
        -webkit-animation:fadeOutKeydown .35s ease 10s both;
        animation:fadeOutKeydown .35s ease 10s both}
    .ie8 .keydown{
        display:none}
    .keydown li{
        display:inline-block;
        margin:2px;
        width:40px;
        height:40px;
        border:1px solid #cfcfcf;
        background-color:transparent;
        vertical-align:top;
        -webkit-transition:all .25s ease;
        transition:all .25s ease;
        -webkit-border-radius:6px;
        border-radius:6px}
    .keydown li.left{
        -webkit-animation:actionKey 1s ease 4s both;
        animation:actionKey 1s ease 4s both}
    .keydown li.right{
        -webkit-animation:actionKey 1s ease 4.5s both;
        animation:actionKey 1s ease 4.5s both}
    .keydown li.up{
        display:block;
        margin:2px auto;
        -webkit-animation:actionKey 1s ease 5s both;
        animation:actionKey 1s ease 5s both}
    .keydown li.down{
        -webkit-animation:actionKey 1s ease 5.5s both;
        animation:actionKey 1s ease 5.5s both}
    .keydown li:before{
        color:#fff;
        font-size:18px;
        font-family:fontello;
        line-height:40px}
    .keydown .left:before{
        content:'\ea07'}
    .keydown .right:before{
        content:'\ea08'}
    .keydown .up:before{
        content:'\ea09'}
    .keydown .down:before{
        content:'\ea06'}
}#slides,.header-text{
    position:relative}
@-webkit-keyframes actionKey{
    0%,100%{
        background-color:transparent;
        -webkit-box-shadow:0 0 0 transparent}
    50%{
        border-color:transparent;
        background-color:#00c2a9;
        -webkit-box-shadow:0 0 8px rgba(0,194,169,.5)}
}@keyframes actionKey{
    0%,100%{
        background-color:transparent;
        box-shadow:0 0 0 transparent}
    50%{
        border-color:transparent;
        background-color:#00c2a9;
        box-shadow:0 0 8px rgba(0,194,169,.5)}
}@-webkit-keyframes fadeOutKeydown{
    to{
        opacity:0}
}@keyframes fadeOutKeydown{
    to{
        opacity:0}
}.fullscreen-image{
    width:100%;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat}
.header-text-entry{
    display:table;
    width:100%;
    height:100%}
.header-text{
    z-index:2;
    display:table-cell;
    margin:auto;
    vertical-align:middle}
.header-text h1,.header-text h2,.header-text h3,.header-text h4,.header-text h5,.header-text h6{
    color:#fff;
    font-weight:300;
    line-height:1em;
    z-index:2}
.header-text h3{
    margin-bottom:0;
    font-size:80px;
    font-family:'Julius Sans One',sans-serif;
    text-shadow:0 0 5px rgba(0,0,0,.75)}
.slides-pagination{
    position:absolute;
    bottom:10px;
    width:100%;
    z-index:5;
    font-size:0}
.slides-pagination a{
    display:inline-block;
    margin:2px 7px;
    width:7px;
    height:7px;
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    background-color:#fff;
    vertical-align:middle;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .25s linear;
    transition:all .25s linear}
.slides-pagination .current{
    margin:0 7px;
    width:11px;
    height:11px;
    border-color:#fff;
    background-color:transparent;
    cursor:default}
#wrapper,.page,.section{
    width:100%}
.slides-navigation a{
    position:absolute;
    top:50%;
    z-index:1000;
    margin-top:-20px;
    opacity:0;
    font-size:0;
    -webkit-transition:opacity .25s ease;
    transition:opacity .25s ease}
#slides:hover .slides-navigation a,.touch .slides-navigation a{
    opacity:1}
.ie8 .slides-navigation a{
    visibility:hidden}
.ie8 #slides:hover .slides-navigation a{
    visibility:visible}
.slides-navigation .prev{
    left:35px}
.slides-navigation .next{
    right:35px}
.slides-navigation a:after{
    color:#fff;
    vertical-align:middle;
    text-decoration:inherit;
    font-weight:400;
    font-style:normal;
    font-size:48px;
    line-height:59px;
    font-family:fontello;
    cursor:pointer}
.slides-navigation a:hover:after{
    color:#00c2a9}
.slides-navigation .prev:after{
    content:"\ea07"}
.slides-navigation .next:after{
    content:"\ea08"}
#content{
    padding-top:40px}
.sbr #main{
    float:left}
.sbl #main{
    float:right}
.section{
    position:relative;
    z-index:2;
    padding:100px 0;
    background-color:#fff}
.padding-top-off{
    padding-top:0}
.padding-bottom-off{
    padding-bottom:0}
.padding-off{
    padding:0}
.padding-top-half-off{
    padding-top:50px}
.border{
    border-bottom:1px solid #ececec}
.section-title{
    position:relative;
    margin-bottom:70px;
    padding-bottom:15px}
.section-title:after{
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-7%;
    width:14%;
    height:2px;
    background-color:#ececec;
    content:""}
.full-bg-image,.parallax-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background-repeat:repeat}
.section-title h1,.section-title h3{
    margin-bottom:20px;
    color:#00c2a9;
    font-weight:100;
    /*font-size:60px;*/
	font-size:45px;
    line-height:1.1em}
#contacts .section-title h3,.section-title h4{
    font-weight:300}
#contacts .section-title h3{
    color:#777;
    font-size:250%!important;
    font-weight:100}
.parallax .section-title:after{
    background-color:#cfcfcf;
    background-color:rgba(207,207,207,.4)}
.parallax .section-title h2{
    color:#fff}
.slogan{
    margin-bottom:80px}
.slogan h1{
    color:#25537B;
    font-size:54px;
    font-weight:300;
    text-transform:uppercase}
.slogan h3{
    font-size:54px;
    font-weight:100}
.slogan h3 span{
    color:#00C2A9;
    font-weight:400}
.slogan h4{
    color:#aeaeae;
    font-weight:300}
.content-title{
    margin-bottom:25px;
    font-weight:300}
.parallax{
    z-index:0;
    background-color:transparent}
.parallax-overlay{
    z-index:0;
    margin:0 auto;
    min-height:100%;
    background-image:url(/images/parallax/overlay-pattern.png)}
#slides .parallax-overlay{
    z-index:1}
.bg-turquoise-color{
    background-color:#00c2a9}
.bg-dark-color{
    background-color:#000}
.bg-gray-color{
    background-color:#f8f8f8}
.full-bg-image{
    z-index:-1;
    height:100%;
    background-position:50% 50%}
.bg-turquoise-color .full-bg-image{
    opacity:.07;
    filter:alpha(opacity=7)}
.bg-dark-color .full-bg-image{
    opacity:.6;
    filter:alpha(opacity=60)}
.mb-wrapper,.mb-wrapper iframe{
    top:0;
    left:0;
    opacity:1;
    overflow:hidden}
.parallax-bg-1 .full-bg-image{
    background-image:url(/images/parallax/parallax-1.jpg)}
.parallax-bg-2 .full-bg-image{
    background-image:url(/images/parallax/parallax-2.jpg)}
.parallax-bg-3 .full-bg-image{
    background-image:url(/images/parallax/parallax-3.jpg)}
.parallax-bg-4 .full-bg-image{
    background-image:url(/images/parallax/parallax-4.jpg)}
.mobile-video-image .full-bg-image{
    display:none;
    background-image:url(../images/temp/mobile-video-image.jpg)}
.touch .mobile-video-image .full-bg-image{
    display:block}
.mbYTP_wrapper{
    z-index:-2!important}
.mb-wrapper{
    position:fixed;
    z-index:-99;
    min-width:100%;
    min-height:100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:opacity .2s;
    transition:opacity .2s}
.mb-wrapper iframe{
    position:absolute;
    z-index:-2;
    width:120%;
    height:120%;
    margin-top:-10%;
    margin-left:-10%}
.video-full-container{
    display:table;
    width:100%}
.video-full-entry{
    display:inline-block;
    padding:70px 0;
    width:100%}
.video-full-container>.video-full-entry{
    position:relative;
    display:table-cell;
    margin:auto;
    padding:115px 0 70px;
    vertical-align:middle}
.video-title{
    margin-bottom:50px;
    font-size:80px;
    font-family:'Julius Sans One',sans-serif}
.parallax .video-title{
    color:#fff}
.video-full-entry .button{
    margin:0 22px 15px}
.team-member{
    position:relative;
    overflow:hidden;
    font-size:0}
.team-contents{
    width:50000px}
.team-member article{
    overflow:hidden;
    float:left;
    display:block;
    margin:0 20px;
    vertical-align:top;
    -webkit-transition:width .35s ease;
    transition:width .35s ease}
.contents{
    width:250px;
    overflow:hidden}
.team-info{
    float:left;
    width:250px}
.team-image{
    margin-bottom:10px;
    min-height:1px}
.team-group{
    padding:25px 20px;
    border:1px solid #e0e0e0;
    background-color:#fcfcfc;
    -webkit-transition:all .3s ease-in;
    transition:all .3s ease-in}
.open .team-group,.team-member article:hover .team-group{
    border-color:transparent;
    background-color:#00c2a9}
.team-title{
    margin-bottom:3px;
    font-size:24px;
    font-family:'Roboto Condensed',sans-serif}
.team-position{
    margin-bottom:5px;
    color:#aeaeae;
    font-size:16px}
.team-position,.team-title{
    -webkit-transition:color .3s ease-in;
    transition:color .3s ease-in}
.open .team-position,.open .team-title,.team-member article:hover .team-position,.team-member article:hover .team-title{
    color:#fff}
.team-content{
    margin-left:260px;
    border:1px solid #e0e0e0;
    background-color:#fcfcfc;
    font-size:15px}
.team-entry{
    padding:20px 25px;
    width:400px}
.team-nav a{
    position:absolute;
    top:50%;
    z-index:10;
    display:block;
    overflow:hidden;
    margin-top:-35px;
    width:35px;
    height:70px;
    border:1px solid #dcdcdc;
    background-color:#fff;
    background-color:rgba(255,255,255,.75);
    font-size:0;
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
.team-nav .prev{
    left:30px}
.team-nav .next{
    right:30px}
.team-nav a:hover{
    border-color:transparent;
    background-color:#00c2a9}
.team-nav a:before{
    display:block;
    color:#00c2a9;
    font-size:30px;
    font-family:fontello;
    line-height:68px;
    -webkit-transition:color .25s ease;
    transition:color .25s ease}
.counter .count,.counter .details{
    font-family:'Roboto Condensed',sans-serif}
.team-nav .prev:before{
    content:'\e8b7'}
.team-nav .next:before{
    content:'\e8b8'}
.team-nav a:hover:before{
    color:#fff}
.counter{
    display:inline-block;
    margin:0 20px;
    width:150px;
    font-size:0}
.counter .count{
    margin-bottom:20px;
    height:150px;
    border:1px solid #c8c8c8;
    display:block;
    background-color:rgba(255,255,255,.1);
    color:#00c2a9;
    font-weight:300;
    font-size:70px;
    line-height:145px;
    -webkit-border-radius:6px;
    border-radius:6px}
.counter .details{
    color:#777}
.parallax .counter .details,.parallax .tweet .tweets li{
    color:#fff}
.sidebar-tweet .tweets li:before,.tweet .tweet_text:before{
    font-family:fontello;
    content:'\e980'}
.tweet .tweets li{
    font-weight:300}
.ie8 .tweet .tweets li{
    background-color:transparent!important}
.sidebar-tweet .tweets li{
    position:relative;
    margin-bottom:15px;
    padding-left:45px}
.sidebar-tweet .tweets li:before{
    position:absolute;
    top:5px;
    left:0;
    color:#1fc3ff;
    font-size:30px}
.tweet .tweets .tweet_text{
    position:relative;
    margin-bottom:25px;
    padding:0 10% 40px;
    line-height:1.75em;
    font-size:24px;
    text-align:center}
.tweet .tweet_text:before{
    display:block;
    margin-bottom:30px;
    font-size:50px}
.tweet .tweets .tweet_text:after{
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-6%;
    width:12%;
    height:1px;
    background-color:#ececec;
    content:''}
.parallax .tweet .tweets .tweet_text:after{
    background-color:#fff;
    background-color:rgba(255,255,255,.35)}
.tweet .tweet_time{
    font-size:16px}
.tweets a{
    color:#00c2a9}
.sidebar-tweet .tweet_time a{
    color:#aeaeae}
.simple-pricing-table .column:hover .cost,.simple-pricing-table .column:hover .title,.simple-pricing-table .featured .cost,.simple-pricing-table .featured .title{
    color:#fff}
.tweets-control-nav{
    padding:10px 0 0}
.tweets-control-nav a{
    position:relative;
    display:inline-block;
    margin:0 3px;
    width:9px;
    height:9px;
    cursor:pointer;
    background-color:#ececec;
    font-size:0;
    -webkit-transition:background-color .25s linear;
    transition:background-color .25s linear;
    -webkit-border-radius:50%;
    border-radius:50%}
.tweets-control-nav .activeSlide{
    background-color:#777}
.parallax .tweets-control-nav a{
    background-color:#ececec;
    background-color:rgba(255,255,255,.5)}
.parallax .tweets-control-nav .activeSlide{
    background-color:#fff}
ul.clients-items{
    font-size:0}
ul.clients-items li{
    display:inline-block;
    padding:0 2%;
    vertical-align:middle}
.simple-pricing-table{
    font-size:0}
.simple-pricing-table *{
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
.simple-pricing-table .column{
    position:relative;
    display:inline-block;
    margin-left:-1px;
    margin-top:-1px;
    width:25%;
    border:1px solid #cfcfcf;
    background-color:#fff;
    -webkit-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-border-radius:6px;
    border-radius:6px}
#back-top,ul.portfolio-items{
    -webkit-backface-visibility:hidden}
.simple-pricing-table.col-2 .column{
    width:50%}
.simple-pricing-table.col-3 .column{
    width:33.33333333333333%}
.simple-pricing-table.col-4 .column{
    width:25%}
.simple-pricing-table .column:hover,.simple-pricing-table .featured{
    z-index:11;
    border-color:transparent;
    background-color:#00c2a9;
    -webkit-transform:scale(1.05);
    transform:scale(1.05)}
.simple-pricing-table .title{
    margin:0;
    padding:27px 5px;
    font-weight:300}
.simple-pricing-table .price{
    padding:28px 0 15px;
    border-top:1px solid #e7e7e7;
    background-color:#f7f7f7;
    border-bottom:1px solid #e7e7e7}
.simple-pricing-table .column:hover .price,.simple-pricing-table .featured .price{
    border-color:#5fd9c9;
    background-color:#1ac8b2}
.simple-pricing-table .cost{
    margin:0;
    font-weight:300;
    font-size:44px;
    line-height:.7em}
.simple-pricing-table .description{
    color:#a8a8a8;
    font-weight:300;
    font-size:11px}
.simple-pricing-table .column:hover .description,.simple-pricing-table .featured .description{
    color:#fff}
.simple-pricing-table .features{
    padding:0 25px}
.simple-pricing-table .features li{
    position:relative;
    padding:9px 20px;
    border-top:1px solid #ebebeb;
    font-weight:300;
    font-size:15px}
.simple-pricing-table .features li:first-child{
    border:none}
.simple-pricing-table .column:hover .features li,.simple-pricing-table .featured .features li{
    border-top-color:#4dd4c3;
    color:#fff}
.simple-pricing-table .footer{
    padding:30px 0;
    border-top:1px solid #e9e9e9;
    background-color:#fcfcfc;
    -webkit-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px}
.simple-pricing-table .column:hover .footer,.simple-pricing-table .featured .footer{
    border-top-color:#5fd9c9;
    background-color:#1ac8b2}
.simple-pricing-table .button{
    margin:0}
.simple-pricing-table .column:hover .button,.simple-pricing-table .featured .button{
    border-color:transparent;
    background-color:#fff;
    color:#00c2a9}
.entry{
    margin-bottom:60px}
.main-entry{
    padding-bottom:60px;
    border-bottom:1px solid #ececec}
.entry.single{
    margin-bottom:0;
    border-bottom-width:0}
.entry-image{
    margin-bottom:20px;
    min-height:1px}
.main-entry .entry-image{
    margin-bottom:40px}
.entry-meta,.entry-title{
    margin-bottom:10px;
    line-height:1em}
.entry-meta span{
    color:#aeaeae;
    font-size:16px;
    font-family:'Roboto Condensed',sans-serif}
.entry-meta span:after{
    padding:0 4px 0 8px;
    content:"|"}
.entry-meta span:last-child:after{
    padding:0;
    content:""}
.entry-title{
    font-weight:300}
h6.entry-title{
    line-height:1.7em}
.main-entry .entry-title{
    margin-bottom:23px;
    font-size:42px;
    text-transform:none}
.tags a,.tags a:before{
    color:#aeaeae;
    font-size:14px}
#comments h3,#respond h3,#sidebar .widget-title,.comment .comment-author a,.extra-title,.logo-in-footer a,.widget_tag_cloud .tagcloud a{
    text-transform:uppercase}
.entry .button{
    margin-bottom:0}
.tags{
    display:block;
    margin-top:30px}
.tags a{
    display:inline-block;
    margin-right:7px;
    font-family:'Roboto Condensed'}
.single-post-nav a:after,.tags a:before{
    font-family:fontello}
.tags a:before{
    margin-right:5px;
    vertical-align:middle;
    content:'\e85a'}
.single-post-nav{
    margin-bottom:50px;
    padding:33px 0;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec}
.single-post-nav a{
    position:relative;
    color:#5b5e60;
    font-weight:400;
    font-size:18px}
.single-post-nav .prev{
    float:left;
    padding-left:45px}
.single-post-nav .next{
    float:right;
    padding-right:45px}
.single-post-nav a:after{
    position:absolute;
    color:#aeaeae;
    font-size:36px}
.single-post-nav .prev:after{
    left:0;
    content:"\ea07"}
.single-post-nav .next:after{
    right:0;
    content:"\ea08"}
.single-post-nav a:hover,.single-post-nav a:hover:after{
    color:#00c2a9;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
.image-slider{
    position:relative;
    overflow:hidden}
.image-slider>ul>li{
    display:none}
.image-slider>ul>li:first-child{
    display:block}
.image-slider img{
    display:block;
    max-height:429px;
    height:100%;
    margin:0 auto;}
.image-slider-nav{
    position:absolute;
    z-index:50;
    left:0;
    top:50%;
    margin-top:-35px;
    width:100%}
.image-slider-nav a{
    position:absolute;
    display:block;
    width:35px;
    height:70px;
    font:0/0 a;
    cursor:pointer;
    border:1px solid #e6e6e6;
    border:1px solid rgba(0,0,0,.08);
    background-color:#fff;
    background-color:rgba(255,255,255,.5);
    -webkit-border-radius:3px;
    border-radius:3px;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
.image-slider-nav .prevBtn{
    left:-60px}
.image-slider:hover .image-slider-nav .prevBtn,.touch .image-slider .prevBtn{
    left:50px}
.image-slider-nav .nextBtn{
    right:-60px}
.image-slider:hover .image-slider-nav .nextBtn,.touch .image-slider .nextBtn{
    right:50px}
.image-slider-nav a:hover{
    border-color:transparent;
    background-color:#00c2a9}
.image-slider-nav a:after{
    color:#00c2a9;
    font-size:30px;
    font-family:fontello;
    line-height:68px;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
.image-slider-nav .prevBtn:after{
    content:'\e8b7'}
.image-slider-nav .nextBtn:after{
    content:'\e8b8'}
.image-slider-nav a:hover:after{
    color:#fff}
.image-control-nav{
    position:absolute;
    left:0;
    bottom:5px;
    z-index:50;
    width:100%;
    font-size:0}
.image-control-nav a{
    display:inline-block;
    margin:2px 7px;
    width:8px;
    height:8px;
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    background-color:#fff;
    cursor:pointer;
    vertical-align:middle;
    -webkit-border-radius:50%;
    border-radius:50%}
.image-control-nav .activeSlide{
    margin:0 7px;
    width:11px;
    height:11px;
    border-color:#fff;
    background-color:transparent;
    cursor:default}
.pagenavi{
    margin-bottom:25px;
    font-size:0}
.pagenavi .page-numbers{
    display:inline-block;
    margin-right:5px;
    width:35px;
    height:35px;
    border:1px solid #cfcfcf;
    color:#00c2a9;
    font-size:14px;
    line-height:33px;
    -webkit-border-radius:6px;
    border-radius:6px}
.pagenavi .current,.pagenavi .page-numbers:hover{
    border-color:transparent;
    background-color:#00c2a9;
    color:#fff}
#comments{
    margin-bottom:50px}
#comments h3{
    font-weight:300}
.comment{
    padding-top:30px;
    border-bottom:1px solid #ebebeb}
.comment .gravatar{
    float:left;
    margin-right:20px}
.comment-body{
    display:table}
.comment .comment-author h6{
    margin-bottom:0}
.comment .comment-author a{
    color:#00c2a9;
    font-weight:400}
.comment .comment-date{
    margin-bottom:10px;
    line-height:1}
.comment .comment-date a{
    color:#aeaeae;
    font-size:12px;
    font-family:'Roboto Condensed',sans-serif}
.comment .children{
    margin:0;
    padding-left:80px}
.children .comment{
    padding-top:30px;
    border-bottom-width:0;
    border-top:1px solid #ebebeb}
#respond h3{
    margin-bottom:25px;
    font-weight:300}
#respond input[type=email],#respond input[type=url],#respond input[type=text]{
    width:55%}
#respond textarea{
    width:80%;
    min-width:80%}
.portfolio-filter{
    margin-bottom:45px;
    font-size:0;
    width:100%}
.portfolio-filter li{
    position:relative;
    display:inline-block;
    margin:0 0 5px;
    padding:6px 34px;
    border-color:#cfcfcf;
    border-style:solid;
    border-width:1px 0 1px 1px;
    font-size:14px;
    cursor:pointer;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
.ie8 .portfolio-filter li{
    border-width:1px 1px 1px 0}
.ie8 .portfolio-filter li:first-child{
    border-left-width:1px}
.portfolio-filter li:first-child{
    -webkit-border-radius:6px 0 0 6px;
    border-radius:6px 0 0 6px}
.portfolio-filter li:last-child{
    border-right-width:1px;
    -webkit-border-radius:0 6px 6px 0;
    border-radius:0 6px 6px 0}
.portfolio-filter li:hover{
    background-color:#f6f6f6}
.portfolio-filter li.active{
    border-color:#00c2a9;
    background-color:#00c2a9;
    color:#fff}
.portfolio-filter li.active+li{
    border-left-color:#00c2a9}
ul.portfolio-items{
    font-size:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none}
ul.portfolio-items li{
    position:relative;
    display:inline-block;
    padding:0 1px 1px 0;
    width:20%;
    max-width:20%;
    vertical-align:top;
    font-size:0;
    text-align:left}
.extra-content,.inner-extra{
    width:100%;
    height:100%;
    vertical-align:middle}
ul.portfolio-items .mix{
    display:none}
.work-item img,ul.portfolio-items img{
    display:block}
.work-item{
    position:relative;
    overflow:hidden}
.productSmall .work-item:hover img{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:-webkit-transform .25s ease-in-out;
    transition:transform .25s ease-in-out}
#product-description-wrapper .work-item:hover img{
    -webkit-transform:scale(1);
    transform:scale(1)}
.image-extra{
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    overflow:hidden;
    width:100%;
    height:100%;
    text-align:center;
    opacity:0;
    filter:alpha(opacity=0);
    background-color:rgba(0,194,169,.1);
    -webkit-transition:opacity .25s ease,background-color .45s ease;
    transition:opacity .25s ease,background-color .45s ease}
.ie8 .image-extra{
    visibility:hidden}
.work-item.touched .image-extra,.work-item:hover .image-extra{
    background-color:#00c2a9;
    background-color:rgba(0,194,169,.8);
    opacity:1;
    filter:alpha(opacity=80)}
.ie8 .work-item:hover .image-extra{
    visibility:visible}
.extra-content{
    display:table;
    overflow:hidden;
    text-align:center}
.inner-extra{
    display:table-cell;
    margin:0;
    padding:0 10px}
.link-icon .curtain,.plus-icon .curtain{
    display:inline-block;
    width:50px;
    height:50px;
    border:1px solid #fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .5s cubic-bezier(.175,.885,.32,1);
    -webkit-transition:all .5s cubic-bezier(.175,.885,.32,1.275);
    -moz-transition:all .5s cubic-bezier(.175,.885,.32,1.275);
    -ms-transition:all .5s cubic-bezier(.175,.885,.32,1.275);
    -o-transition:all .5s cubic-bezier(.175,.885,.32,1.275);
    transition:all .5s cubic-bezier(.175,.885,.32,1.275)}
.single-image.link-icon .curtain{
    -webkit-transform:translateX(-300%);
    transform:translateX(-300%)}
.single-image.plus-icon .curtain{
    -webkit-transform:translateX(300%);
    transform:translateX(300%)}
.work-item:hover .link-icon .curtain,.work-item:hover .plus-icon .curtain{
    -webkit-transform:translateX(0);
    transform:translateX(0)}
.link-icon .curtain:hover,.plus-icon .curtain:hover{
    border-color:transparent;
    background-color:#fff;
    background-color:rgba(255,255,255,.9)}
.link-icon .curtain:after,.plus-icon .curtain:after{
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:100%;
    height:100%;
    color:#fff;
    text-align:center;
    font-size:20px;
    font-family:fontello;
    line-height:50px;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-transition:color .25s ease-in-out;
    transition:color .25s ease-in-out}
.plus-icon .curtain:after{
    content:'\e9a1';
    font-size:28px}
.link-icon .curtain:after{
    content:'\e84f'}
.link-icon .curtain:hover:after,.plus-icon .curtain:hover:after{
    color:#00c2a9}
.extra-title{
    margin-bottom:6px;
    color:#fff;
    font-family:'Roboto Condensed',sans-serif}
.extra-category{
    margin-bottom:0;
    color:#fff;
    font-weight:300}
.project-single-entry .image-slider{
    margin-bottom:40px}
.project-page-header{
    position:relative;
    margin-bottom:55px}
.project-page-header .project-title{
    padding-right:115px;
    color:#5b5e60;
    font-weight:100;
    font-size:60px;
    text-transform:uppercase}
.project-nav{
    position:absolute;
    top:50%;
    right:0;
    margin-top:-15px;
    font:0/0 a}
.project-nav li{
    display:inline-block;
    margin-left:20px;
    vertical-align:top}
.project-nav li a{
    display:block;
    font:0/0 a;
    cursor:pointer;
    z-index:10}
.project-nav li a:after{
    display:block;
    color:#aeaeae;
    font-size:36px;
    font-family:fontello;
    text-align:center;
    line-height:35px;
    content:""}
.project-nav .prev:after{
    content:"\ea07"}
.project-nav .next:after{
    content:"\ea08"}
.project-nav .all-projects:after{
    content:"\eac0";
    font-size:30px}
.project-nav li a:hover:after{
    color:#00c2a9}
.project-meta{
    margin-bottom:25px}
.project-meta li{
    margin-bottom:15px}
.project-meta-title{
    color:#00c2a9;
    font-weight:400;
    font-size:16px;
    font-family:'Roboto Condensed',sans-serif;
    line-height:1em}
#searchform .submit-search:before,.acc-trigger:after,li .quote-text:before{
    font-family:fontello}
.project-meta .project-meta-date{
    color:#aeaeae;
    font-size:16px;
    line-height:1em}
.project-similar{
    font-size:0}
.project-similar li{
    display:inline-block;
    width:20%;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    vertical-align:top}
.row .project-similar li{
    width:33.33333333333333%}
.sbr #sidebar{
    float:right}
.sbl #sidebar{
    float:left}
#sidebar .widget{
    margin-bottom:60px}
#sidebar .widget-title{
    margin-bottom:25px;
    font-weight:300;
    font-size:20px}
.widget .sub-menu{
    padding-top:5px}
.widget_archive ul li,.widget_categories ul li,.widget_downloads ul li,.widget_links ul li,.widget_meta ul li,.widget_pages ul li,.widget_recent_entries ul li{
    padding:8px 0;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#e6e6e6;
    list-style:none}
.widget_archive ul li:first-child,.widget_categories ul li:first-child,.widget_downloads ul li:first-child,.widget_links ul li:first-child,.widget_meta ul li:first-child,.widget_pages ul li:first-child,.widget_recent_entries ul li:first-child{
    border-top-width:0}
.widget_recent_posts .entry{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px solid #e6e6e6}
.widget_recent_posts .entry:after{
    clear:both;
    display:block;
    visibility:hidden;
    height:0;
    content:""}
.widget_recent_posts .entry:last-child{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom-width:0}
.widget_recent_posts .entry-image{
    float:left;
    margin-right:20px;
    margin-bottom:0}
.widget_recent_posts .post-holder{
    display:table}
.widget_tag_cloud .tagcloud{
    font-size:0}
.widget_tag_cloud .tagcloud a{
    display:inline-block;
    margin-right:5px;
    margin-bottom:5px;
    padding:3px 18px;
    border:1px solid #cfcfcf;
    color:#00c2a9;
    font-weight:400;
    font-size:13px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
.widget_tag_cloud .tagcloud a:hover{
    border-color:transparent;
    background-color:#00c2a9;
    color:#fff}
#searchform{
    position:relative}
#searchform input[type=text]{
    padding-right:60px;
    font-style:italic;
    font-size:15px}
#searchform .submit-search{
    position:absolute;
    top:0;
    right:0;
    padding:0;
    width:55px;
    height:100%;
    border-left:1px solid #dcdcdc;
    text-align:center}
#searchform .submit-search:before{
    display:block;
    color:#5b5e60;
    text-align:center;
    font-size:20px;
    line-height:55px;
    content:'\e800';
    -webkit-transition:color .25s ease;
    transition:color .25s ease}
#searchform input[type=text]:focus+.submit-search{
    border-left-color:#00c2a9}
#searchform input[type=text]:focus+.submit-search:before{
    color:#00c2a9}
#footer{
    position:relative;
    z-index:1;
    color:#a0a0a0}
.page-template #footer{
    background-color:#fafafa}
#footer .section{
    position:static;
    background-color:rgba(0,0,0,.7)}
.ie8 #footer .section{
    background-image:url(../images/overlay-ie-footer.png);
    background-repeat:repeat}
#footer h4 a,#footer p{
    color:#fff}
#footer .widget{
    margin-bottom:25px}
.logo-in-footer{
    padding:68px 0;
    border-top:1px solid #2c2a2e;
    border-top:1px solid rgba(207,207,207,.12);
    background-color:rgba(0,0,0,.8)}
.ie8 .logo-in-footer{
    background-image:url(../images/overlay-ie-logo-footer.png);
    background-repeat:repeat}
.logo-in-footer h1{
    margin-bottom:0;
    font-size:200%;
    font-family:'Julius Sans One',sans-serif}
.logo-in-footer a{
    color:#252525;
    color:rgba(255,255,255,1)}
.bottom-footer{
    padding:37px 0;
    border-width:1px;
    border-style:solid;
    border-color:#2c2a2e;
    border-color:rgba(207,207,207,.12);
    background-color:rgba(0,0,0,.95);
    color:#4b4b4c}
.ie8 .page-template .bottom-footer,.page-template .bottom-footer{
    border-color:#ececec;
    background-color:#fafafa;
    color:#777}
.ie8 .bottom-footer{
    background-image:url(../images/overlay-ie-bottom-footer.png);
    background-repeat:repeat}
.ie8 .page-template .bottom-footer{
    background-image:none}
.copyright{
    font-size:12px}
.developed{
    font-size:11px}
.copyright a,.developed a{
    color:#00c2a9}
ul.social-icons{
    font-size:0}
#footer ul.social-icons{
    margin-top:55px}
ul.social-icons li{
    display:inline-block;
    margin-right:5px;
    margin-bottom:5px;
    vertical-align:top}
ul.social-icons li a{
    position:relative;
    display:block;
    width:40px;
    height:40px;
    border:1px solid #cfcfcf;
    border:1px solid rgba(207,207,207,.33);
    font:0/0 a;
    cursor:pointer;
    text-align:center;
    -webkit-transition:all .25s ease;
    transition:all .25s ease;
    -webkit-border-radius:3px;
    border-radius:3px}
ul.social-icons li a:hover{
    border-color:transparent}
ul.social-icons .twitter a:hover{
    background-color:#47c0d8}
ul.social-icons .facebook a:hover{
    background-color:#49699f}
ul.social-icons .linkedin a:hover{
    background-color:#2c7cb7}
ul.social-icons .pinterest a:hover{
    background-color:#c21c21}
ul.social-icons .rss a:hover{
    background-color:#fe9900}
ul.social-icons .gplus a:hover{
    background-color:#c33d19}
ul.social-icons .flickr a:hover{
    background-color:#e82c88}
ul.social-icons .instagram a:hover{
    background-color:#517fa3}
ul.social-icons .dropbox a:hover{
    background-color:#5da3e8}
ul.social-icons .youtube a:hover{
    background-color:#b72d24}
ul.social-icons .blogger a:hover{
    background-color:#f38f33}
ul.social-icons .evernote a:hover{
    background-color:#73b122}
ul.social-icons .dribbble a:hover{
    background-color:#e65992}
ul.social-icons .behance a:hover{
    background-color:#18a3fe}
ul.social-icons .lastfm a:hover{
    background-color:#be0607}
ul.social-icons .skype a:hover{
    background-color:#24b0e4}
ul.social-icons .vimeo a:hover{
    background-color:#568799}
ul.social-icons .forrst a:hover{
    background-color:#628267}
ul.social-icons .digg a:hover{
    background-color:#2882c6}
ul.social-icons .appstore a:hover{
    background-color:#606060}
ul.social-icons .wordpress a:hover{
    background-color:#33759d}
ul.social-icons .stumbleupon a:hover{
    background-color:#eb4924}
ul.social-icons .deviantart a:hover{
    background-color:#5f7162}
ul.social-icons .github a:hover{
    background-color:#7292a2}
ul.social-icons .mail a:hover{
    background-color:#65a413}
ul.social-icons li em,ul.social-icons li i{
    display:block;
    color:#a0a0a0;
    font-size:20px;
    line-height:40px}
ul.social-icons a:hover i{
    color:#fff}
.percent,.progressbar-title{
    color:#aeaeae;
    font-size:16px}
.progress-bar{
    position:relative;
    margin-bottom:18px}
.progressbar-title{
    margin-bottom:3px}
.percent{
    position:absolute;
    top:-5px;
    right:0;
    display:block;
    line-height:35px}
.bar-outer{
    position:relative;
    width:100%;
    height:12px;
    border:1px solid #cfcfcf;
    -webkit-border-radius:5px;
    border-radius:5px}
.bar{
    position:absolute;
    top:-1px;
    left:0;
    z-index:2;
    width:0;
    height:12px;
    background-color:#00c2a9;
    -webkit-border-radius:5px;
    border-radius:5px}
.acc-box{
    margin-bottom:20px}
.acc-trigger{
    position:relative;
    display:block;
    margin-bottom:5px;
    padding:10px 55px 10px 20px;
    border:1px solid #cfcfcf;
    cursor:pointer;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
.acc-trigger:hover{
    background-color:#f6f6f6}
.acc-trigger.active{
    border-color:transparent;
    background-color:#00c2a9}
.acc-trigger:after{
    position:absolute;
    top:0;
    right:0;
    display:block;
    width:48px;
    height:100%;
    border-left:1px solid #cfcfcf;
    color:#5b5e60;
    text-align:center;
    font-size:24px;
    line-height:47px;
    content:'\e9a1'}
.quote-image,.quotes,li .quote-text{
    position:relative}
.acc-trigger.active:after{
    border-color:#fff;
    border-color:rgba(255,255,255,.3);
    color:#fff;
    content:'\e9a4'}
.acc-trigger a{
    color:#777;
    font-size:14px;
    font-weight:300}
.acc-trigger.active a,.parallax .quote-text{
    color:#fff}
.acc-trigger.active+.acc-container p{
    margin:0 0 10px}
.acc-container{
    padding:15px 0;
    display:none}
.quotes{
    margin-bottom:25px}
.quotes li{
    display:none}
.quotes li:first-child{
    display:block}
.ie8 .quotes li{
    background-color:transparent!important}
li .quote-text{
    padding:10px 10% 0}
li .quote-text:before{
    display:block;
    margin-bottom:35px;
    content:"\e86c";
    font-size:50px}
.quote-image:after,.quote-image:before{
    content:''}
.ie8 .align-center .quote-text:before{
    text-align:center}
.quote-image{
    display:inline-block;
    margin:10px 0}
.quote-image:after,.quote-image:before{
    position:absolute;
    top:50%;
    width:130%;
    height:1px;
    background-color:#dcdcdc;
    background-color:rgba(270,270,270,.5)}
.quote-image:before{
    left:-150%}
.quote-image:after{
    right:-150%}
.quote-image img{
    overflow:hidden;
    -webkit-border-radius:50%;
    border-radius:50%}
.quote-author{
    color:#00c2a9;
    font-size:16px}
.parallax .quote-author{
    color:#fff;
    font-size:16px}
.quote-author:after,.quote-author:before{
    content:" - "}
.quotes-control-nav{
    padding:10px 0 0;
    text-align:center}
.quotes-control-nav a{
    position:relative;
    display:inline-block;
    margin:0 3px;
    width:9px;
    height:9px;
    cursor:pointer;
    font-size:0;
    background-color:#aeaeae;
    -webkit-transition:background-color .25s linear;
    transition:background-color .25s linear;
    -webkit-border-radius:50%;
    border-radius:50%}
#back-top,.tabs-nav li a{
    -webkit-transition:all .25s ease}
.quotes-control-nav .activeSlide{
    background-color:#777}
.parallax .quotes-control-nav a{
    background-color:#ececec;
    background-color:rgba(255,255,255,.5)}
.parallax .quotes-control-nav .activeSlide{
    background-color:#fff}
.tabs-nav{
    margin-bottom:10px;
    height:48px;
    border:1px solid #cfcfcf;
    font-size:0;
    -webkit-border-radius:6px;
    border-radius:6px}
.tabs-nav li{
    position:relative;
    display:inline-block;
    top:-1px;
    left:-1px;
    border-right:1px solid #cfcfcf}
.tabs-nav .active{
    border-color:transparent}
.tabs-nav li a{
    position:relative;
    display:block;
    padding:10px 35px;
    height:48px;
    border-top:1px solid #cfcfcf;
    border-bottom:1px solid #cfcfcf;
    cursor:pointer;
    color:#777;
    font-size:14px;
    transition:all .25s ease}
.tabs-nav li:first-child a{
    border-left:1px solid #cfcfcf;
    -webkit-border-radius:6px 0 0 6px;
    border-radius:6px 0 0 6px}
.tabs-nav a:hover{
    border-color:#cfcfcf;
    background-color:#f6f6f6}
.tabs-nav .active a{
    background-color:#00c2a9;
    color:#fff}
.tabs-container{
    overflow:hidden}
.tab-content{
    display:none;
    padding:10px 0}
.tab-content:first-child{
    display:block}
.error,.info,.notice,.success{
    position:relative;
    margin-bottom:10px;
    padding:11px 15px 11px 50px;
    display:block;
    color:#777!important;
    -webkit-border-radius:6px;
    border-radius:6px}
#product-description-wrapper ul,ul.list{
    margin-bottom:20px}
.error{
    background-color:#fac9cf}
.success{
    background-color:#e0f2cd}
.info{
    background-color:#c6e7f4}
.notice{
    background-color:#feefc5}
.error:before,.info:before,.notice:before,.success:before{
    position:absolute;
    top:50%;
    left:20px;
    margin-top:-13px;
    font-size:18px;
    font-family:fontello}
.error:before{
    color:#ce717c;
    content:'\ee83'}
.success:before{
    color:#8aaa67;
    content:'\ee80'}
.info:before{
    color:#66aac4;
    content:'\ece2'}
.notice:before{
    color:#c8a749;
    content:'\ecf1'}
.alert-close{
    position:absolute;
    top:50%;
    right:20px;
    margin-top:-9px;
    line-height:1}
#product-description-wrapper ul li:before,ul.circle-list li:before{
    line-height:23px;
    font-family:fontello;
    text-align:center}
.alert-close:before{
    font-size:18px;
    font-family:fontello;
    content:"\e83e"}
.error .alert-close{
    color:#ce717c}
.success .alert-close{
    color:#8aaa67}
.info .alert-close{
    color:#66aac4}
.notice .alert-close{
    color:#dec47b}
#product-description-wrapper ol li,#product-description-wrapper ul li,ol.list li,ul.list li{
    margin-bottom:4px}
ul.list li{
    position:relative;
    padding-left:30px}
ul.list li:before{
    position:absolute;
    left:0;
    top:0;
    font-size:16px;
    font-family:fontello}
ul.list li.type-1:before{
    content:'\ed4d';
    font-size:13px}
ul.list li.type-2:before{
    content:'\eb43'}
ul.list li.type-3:before{
    content:'\e8c0'}
ul.list li.type-4:before{
    content:'\ec84'}
ul.list li.type-5:before{
    content:'\e8b2'}
ul.circle-list li{
    position:relative;
    margin-left:45px;
    padding:9px 0;
    border-top:1px solid #e6e6e6}
ul.circle-list li:first-child{
    border-top:none}
ul.circle-list li:before{
    position:absolute;
    top:50%;
    left:-45px;
    margin-top:-12px;
    width:25px;
    height:25px;
    border-width:1px;
    border-style:solid;
    border-color:#e3e3e3;
    color:#777;
    content:'\e8b8';
    -webkit-transition:color .25s ease .01s,border-color .25s ease .01s;
    transition:color .25s ease .01s,border-color .25s ease .01s;
    -webkit-border-radius:50%;
    border-radius:50%}
#product-description-wrapper ul li:before,ul.circle-list li:after{
    -webkit-border-radius:50%;
    position:absolute;
    top:50%;
    left:-45px;
    margin-top:-12px;
    width:25px;
    height:25px}
ul.circle-list li:after{
    background-color:#00C2A9;
    content:"";
    opacity:0;
    -webkit-transition:transform .3s ease,opacity .25s ease;
    transition:transform .3s ease,opacity .25s ease;
    -webkit-transform:scale(0);
    transform:scale(0);
    border-radius:50%}
.ie8 ul.circle-list li:after{
    visibility:hidden}
ul.circle-list li:hover:before{
    z-index:5;
    border-color:transparent;
    color:#fff}
ul.circle-list li:hover:after{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)}
.ie8 ul.circle-list li:hover:after{
    visibility:visible}
#product-description-wrapper ul li{
    font-size:100%;
    position:relative;
    margin-left:45px;
    padding:9px 0;
    border-top:1px solid #e6e6e6}
#product-description-wrapper ul li:before{
    font-size:16px}
#product-description-wrapper ul li.type-1:before{
    content:'\ed4d';
    font-size:13px}
#product-description-wrapper ul li.type-2:before{
    content:'\eb43'}
#product-description-wrapper ul li.type-3:before{
    content:'\e8c0'}
#product-description-wrapper ul li.type-4:before{
    content:'\ec84'}
#product-description-wrapper ul li.type-5:before{
    content:'\e8b2'}
#product-description-wrapper ul li:first-child{
    border-top:none}
#product-description-wrapper ul li:before{
    border-width:1px;
    border-style:solid;
    border-color:#e3e3e3;
    color:#777;
    content:'\e8b8';
    -webkit-transition:color .25s ease .01s,border-color .25s ease .01s;
    transition:color .25s ease .01s,border-color .25s ease .01s;
    border-radius:50%}
#product-description-wrapper ul li:after{
    position:absolute;
    top:50%;
    left:-45px;
    margin-top:-12px;
    width:25px;
    height:25px;
    background-color:#00C2A9;
    content:"";
    opacity:0;
    -webkit-transition:transform .3s ease,opacity .25s ease;
    transition:transform .3s ease,opacity .25s ease;
    -webkit-transform:scale(0);
    transform:scale(0);
    -webkit-border-radius:50%;
    border-radius:50%}
#product-description-wrapper .ie8 ul li:after{
    visibility:hidden}
#product-description-wrapper ul li:hover:before{
    z-index:5;
    border-color:transparent;
    color:#fff}
#product-description-wrapper ul li:hover:after{
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1)}
#product-description-wrapper .ie8 ul li:hover:after{
    visibility:visible}
.google_map{
    position:relative;
    width:100%;
    height:500px}
.google_map:after,.google_map:before{
    position:absolute;
    z-index:5;
    left:0;
    width:100%;
    height:0;
    content:'';
    -webkit-box-shadow:0 0 5px 2px rgba(0,0,0,.2);
    box-shadow:0 0 5px 2px rgba(0,0,0,.2)}
.google_map:after{
    top:0}
.google_map:before{
    bottom:0;
    -webkit-box-shadow:0 0 5px 2px rgba(0,0,0,.4);
    box-shadow:0 0 5px 2px rgba(0,0,0,.4)}
.google_map img{
    max-width:none}
#back-top{
    position:fixed;
    right:40px;
    bottom:40px;
    z-index:999;
    display:none;
    width:50px;
    height:50px;
    border:1px solid #e6e6e6;
    background-color:#fff;
    background-color:rgba(255,255,255,.25);
    text-align:center;
    backface-visibility:hidden;
    transition:all .25s ease;
    -webkit-border-radius:50%;
    border-radius:50%}
#back-top:after{
    width:40px;
    height:40px;
    text-align:center;
    color:#e1e1e1;
    font-size:20px;
    font-family:fontello;
    content:"\ed4e";
    line-height:48px;
    -webkit-transition:all .25s ease;
    transition:all .25s ease}
#back-top:hover{
    border-color:transparent;
    background-color:#00c2a9}
#back-top:hover:after{
    color:#fff}
#about a.button{
    border-color:#fff!important;
    color:#fff!important;
    margin:0 auto!important}
#equipChoice h3,#equipChoice h4{
    width:100%;
    text-align:center;
    color:#fff;
    font-size:60px;
    font-weight:100;
    line-height:1.1em;
    margin-bottom:20px;
    text-transform:uppercase}
#equipChoice h4,.product-list-item h2 a{
    font-weight:300;
    text-transform:uppercase}
#equipChoice h4{
    font-size:24px}
.product-list-item{
    margin:0!important;
    padding:0!important}
.product-list-item h2 a{
    color:#25537B!important;
    font-size:100%!important;
    line-height:120%!important;
    margin-bottom:0!important}
.product-list-item h2 a:hover{
    color:#00C2A9!important}
.product-list-item h2{
    margin-bottom:0!important;
    margin-top:30px!important}
.product-list-item a.button{
    width:100%!important;
    float:right}
.product-list-item .button-wrap{
    padding-top:40px;
    padding-right:0!important}
.product-list-item .divider{
    clear:both;
    margin:0!important;
    padding:0!important}
.product-list-item .col-sm-3:first-child{
    padding-left:0!important;
    padding-right:0!important}
.product-list-item .col-sm-6{
    padding-left:40px!important;
    padding-right:0!important}
.product-list-item .product-desc{
    height:80px;
    overflow-y:hidden}
.product-list-item .product-desc p,.product-list-item .product-desc p span,.product-list-item .product-desc span{
    color:#777!important;
    font-family:Roboto,sans-serif!important;
    font-size:15px!important;
    font-weight:300!important}
.product-list-item .list-image-height{
    height:180px;
    overflow-y:hidden}
.product-list-item .list-image-height img{
    max-height:100%;
    margin:auto}
.product-list-item .button.large{
    font-size:16px!important;
    line-height:1.2em}
.product-list-item span.addtocart input.productSubmitInput{
    border-color:transparent;
    border-radius:6px;
    border-style:solid;
    border-width:1px;
    box-shadow:none!important;
    cursor:pointer;
    display:inline-block;
    font-size:16px;
    font-weight:400;
    margin-bottom:15px;
    outline:0;
    padding:15px 30px;
    text-align:center;
    text-decoration:none;
    text-shadow:none!important;
    text-transform:uppercase;
    transition:all .25s ease 0s;
    vertical-align:baseline;
    width:100%;
    white-space:normal;
    line-height:1.2em;
    background:#00c2a9!important;}
.product-list-item span.addtocart input.productSubmitInput:hover {
	text-decoration:none;color:#fff; background:#00b19a!important;
}
#breadcrumbsWrap #cartWrap .shoppingCart a.cartSummaryLink:hover,#breadcrumbsWrap #trail a:hover{
    text-decoration:underline}
#breadcrumbsWrap,#breadcrumbsWrap #trail a{
    font:400 100%/100% Roboto,sans-serif}

.NewProduct{
    position:relative}
img.newtag{
    display:none}
.NewProduct img.newtag{
    display:block;
    position:absolute;
    right:0;
    top:0}
@media only screen and (max-width:768px){
    #product-list-buttons,#product-list-desc,#product-list-image{
        width:100%!important;
        display:block!important}
}.margin-bottom-50{
    margin-bottom:50px!important}
#breadcrumbsWrap{
    margin:0 auto 30px!important;
    width:96%;
    background-color:#f8f8f8;
    padding:15px 2%;
    color:#777;
    display:block}
#breadcrumbsWrap #trail a{
    color:#00c2a9!important;
    margin:0;
    font-size:15px}
#breadcrumbsWrap #trail span:after{
    font-family:FontAwesome,sans-serif;
    font-size:100%;
    content:"\f105";
    color:#777;
    margin:0 5px}
#breadcrumbsWrap #cartWrap{
    font:400 100%/100% Roboto,sans-serif;
    color:#777;
    margin-top:12px}
@media (min-width:768px){
    #breadcrumbsWrap #trail{
        width:65%;
        float:left}
    #breadcrumbsWrap #cartWrap{
        width:30%;
        float:right;
        margin-top:0}
}#breadcrumbsWrap #cartWrap .shoppingCart{
    float:left;
    width:80%;
    text-align:center}
#breadcrumbsWrap #cartWrap .shoppingCart .cartSummaryItem{
    color:#777}
#breadcrumbsWrap #cartWrap .shoppingCart a.cartSummaryLink{
    color:#00c2a9}
#breadcrumbsWrap #cartWrap .shoppingCart a.cartSummaryLink:after{
    font-family:FontAwesome,sans-serif;
    font-size:100%;
    content:"\f07a";
    color:#00c2a9;
    margin:0 5px}
#breadcrumbsWrap #cartWrap a.printBtn{
    text-align:center;
    float:right;
    width:20%;
    display:inline-block}
@media (max-width:767px){
    #breadcrumbsWrap #cartWrap a.printBtn{
        display:none}
}#breadcrumbsWrap #cartWrap a.printBtn:after{
    font-family:FontAwesome,sans-serif;
    font-size:100%;
    content:"\f02f";
    margin-left:10px}
article.entry .entry-image .related-thumbnail{
    width:90px;
    height:80px;
    overflow-y:hidden}
article.entry .entry-image .related-thumbnail img{
    width:100%!important}
article.entry{
    padding:15px 0;
    border-bottom:solid 1px #e5e5e5!important;
    margin:0}
.entry-body,.entry-body p{
    padding:0;
    font-family:Roboto,sans-serif!important;
    color:#777!important;
    font-size:15px!important;
    font-weight:300!important}
.entry-body{
    margin:0 0 1.5em!important}
.entry-body p{
    margin:0 0 1em!important}
.entry-body span{
    font-family:Roboto,sans-serif!important;
    color:#777!important;
    font-weight:300!important;
    font-size:15px!important}
h3.product-large-title{
    color:#25537B;
    width:60%;
    margin:10px 20% 30px;
    line-height:120%;
    text-transform:uppercase;
    font-weight:300!important;
    font-size:300%!important}
h6.entry-title a{
    color:#25537B;
    font-weight:600;
    line-height:120%!important}
h6.entry-title a:hover{
    color:#00c2a9}
#category-title .section-title{
    margin-bottom:35px!important}
.widget_downloads ul li a{
    font-family:Roboto,sans-serif;
    font-weight:300;
    line-height:1.75em;
    font-size:15px!important;
    color:#777!important}
.widget_downloads ul li a:before{
    font-family:FontAwesome,sans-serif;
    content:"\f1c1";
    font-size:100%!important;
    margin-right:10px;
    color:#da1f1f}
.widget_downloads .widget-title{
    font-weight:500!important;
    margin-bottom:20px!important}
.widget_action_buttons{
    margin-bottom:20px!important}
.widget_action_buttons ul li{
    width:47.5%;
    float:left;
    margin-left:5%}
.product-code,.widget_action_buttons ul li a{
    width:100%;
    border:1px solid #CFCFCF;
    text-align:center!important;
    font-size:13px;
    font-weight:400;
    padding:15px 18px;
    transition:all .25s ease 0s;
    text-transform:uppercase}
.widget_action_buttons ul li:nth-child(2n+1){
    margin-left:0!important}
.widget_action_buttons ul li a{
    border-radius:6px;
    color:#00C2A9;
    display:inline-block;
    margin-bottom:10px;
    margin-right:5px}
.widget_action_buttons ul li a:hover{
    border-color:transparent;
    background-color:#00c2a9;
    color:#fff}
.product-code{
    border-radius:6px;
    background-color:#f8f8f8;
    margin:20px 0;
    color:#777!important}
.product-code span{
    font-weight:600!important}
#product-large{
    font-size:100%!important}
#product-large ul.circle-list li,#sidebar .quantity{
    font-size:15px!important}
.owl-container{
    width:650px}
@media only screen and (max-width:770px){
    #sidebar{
        display:block;
        margin-top:30px}
}@media (max-width:770px) and (min-width:1024px){
    #sidebar .add-to-cart,#sidebar .quantity{
        display:block;
        width:100%;
        margin-top:20px}
}#sidebar .quantity{
    width:45%;
    float:left;
    text-align:left;
    font-family:Roboto,sans-serif;
    font-weight:300;
    line-height:1.75em;
    color:#777!important}
#sidebar .quantity span{
    width:50%;
    float:left;
    padding-top:15px;
    text-align:center}
#sidebar .quantity input.productTextInput{
    width:45%;
    float:right;
    border:1px solid #CFCFCF;
    text-align:center!important;
    border-radius:6px;
    padding:13px 0;
    margin-right:0!important;
    font-size:15px!important}
#sidebar .add-to-cart{
    float:right;
    width:47.5%!important}
#sidebar .add-to-cart input.productSubmitInput{
    width:100%;
    text-shadow:none!important;
    display:inline-block;
    margin-bottom:0;
    outline:0;
    border-width:1px;
    border-style:solid;
    border-color:transparent;
    background:#00c2a9!important;
    vertical-align:baseline;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:400;
    cursor:pointer;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-transition:all .25s ease;
    transition:all .25s ease;
    padding:15px 0;
    font-size:16px;
    color:#fff;
    box-shadow:none!important}
#product-list,#search-wrap{
    display:none}
#warranty-relative{
    position:relative!important}
#warranty-relative .warranty{
    position:absolute!important;
    left:20px;
    top:-61px;
    height:122px;
    width:122px;
    z-index:9999;
    background:url(/images-parallax/5_year_warranty.png) no-repeat}
.active{
    background-color:#00c2a9}
@media (max-width:1024px){
    #product-list{
        display:block;
        overflow:visible}
    #product-list .section{
        padding-top:160px}
}@media (max-width:768px){
    #product-list .section{
        padding-top:100px}
}.form-group{
    position:static!important}
.productLarge .productItem a[href*=literature]:before,.productLarge .productItem a[href*=LiteratureRetrieve]:before{
    font-family:FontAwesome,sans-serif;
    content:"\f1c1";
    font-size:100%!important;
    margin-right:10px;
    color:#da1f1f}
.productLarge .productItem a[href*=Video][href*=literature]:before{
    font-family:FontAwesome,sans-serif;
    content:"\f16a";
    font-size:100%!important;
    margin-right:10px;
    color:#da1f1f}
.mini-cart-a>.items .wrap div.row>*{
    display:table-cell;
    margin:0;
    padding:5px 2px!important;
    text-align:left;
    vertical-align:top}
.mini-car-a>.items .wrap div.remove .productitemcell{
    display:table-cell}
.mini-car-a>.items .wrap div.remove .productitemcell a{
    vertical-align:middle!important}
.mini-car-a>.items .wrap div.remove .productitemcell a em.fa{
    color:red!important}
#imageContainer{
    overflow:hidden}
.category-link img{
    height:100%}
.category-link a{
    font-family:Roboto,sans-serif;
    font-weight:500;
    font-size:16px}
.category-link .text-link{
    background-color:#00c2a9;
    display:table;
    height:65px;
    width:100%;
    margin-bottom:50px}
.category-link .text-link a{
    display:table-cell;
    padding:10px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    background-color:#00c2a9;
    color:#fff;
    text-align:center;
    vertical-align:middle}
.category-link .text-link a:hover{
    background-color:#00b79f}
@media (min-width:992px){
    .category-link.col-md-4 .image-links{
        height:180px;
        overflow:hidden}
    .category-link.col-md-3 .image-links{
        height:130px;
        overflow:hidden}
}@media (min-width:1200px){
    .category-link.col-md-4 .image-links{
        height:230px;
        overflow:hidden}
    .category-link.col-md-3 .image-links{
        height:165px;
        overflow:hidden}
}.category-link .image-links{
    background-color:#fff;
    text-align:center}
.category-link .image-links img{
    opacity:1;
    -webkit-transition:all .5s ease;
    -moz-transition:all .5s ease;
    transition:all .5s ease}
.category-link .image-links img:hover{
    opacity:.8}

.p-t-30 {padding-top:30px;}