/**
 * Theme Name: NoWiresNoWorries
 * Author: ZURB.Foundation
 * Author URI: http://foundation.zurb.com/
 * Version: 2.1
**/


/* -----------------------------------------
   WordPress Core Classes
----------------------------------------- */
.alignnone {margin: 0 1em 1em 0;}
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption.alignnone {margin: 0 1em 1em 0;}
.wp-caption.alignleft {float:left; margin:0 1em 1em 0}
.wp-caption.alignright {float:right; margin:0 0 1em 1em}

/* -----------------------------------------
   General fixes
----------------------------------------- */
#wpadminbar {
    opacity: 0.3;
    transition: 0.2s opacity linear;
    -webkit-transform: translateZ(0);
}
#wpadminbar:hover, 
#wpadminbar:focus{ opacity: 1; }
body {-webkit-font-smoothing: antialiased;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}
input[type=button] {	
    -webkit-appearance: none;
    -moz-appearance:none;
}

/* Placeholder Styling */
::-webkit-input-placeholder { color: #d1d1d1; }
::-moz-placeholder { color: #d1d1d1; }
::-o-placeholder { color: #d1d1d1; }
:-ms-input-placeholder { color: #d1d1d1; }
input:-moz-placeholder { color: #d1d1d1; }

/* Input Styling */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea { /* STYLES GO THERE */ }
embed, iframe, object { max-width: 100%; }

/* -----------------------------------------
   Typography
----------------------------------------- */
a:focus {outline:none;}
p:empty {display: none;}
body,h1,h2,h3,h4,h5,h6,p,a {font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* -----------------------------------------
    Clearfix
----------------------------------------- */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block; 
    height: 0; 
    overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ------------------------------------
    Slider
------------------------------------- */
#home-slider .slider_caption {
   position: absolute;
   top:	40%;
   padding: 0 20px;
   width: 100%;
   text-align: center;
}
#home-slider .slider_caption p,
#home-slider .slider_caption h3 {
   color: #fff;
   text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
#home-slider .slider_caption p { margin-top: 50px; }


body {
    -webkit-font-smoothing: antialiased !important;
    font-family: 'Open Sans', sans-serif;
    color: #161616;
}
.row {
    max-width: 980px;
    /*min-width: 320px;*/
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (max-width: 60.063em ) {
    header .row{
        padding-left: 0;
        padding-right: 0;
    }
    .row {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.row [class*="column"] + [class*="column"]:last-child {
    float: left;
}

/* Main Menu */

@media only screen and (max-width: 60em ) {
    .logo {
        text-align: center;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 60.063em ) {
    header {
        -webkit-box-shadow: 0 0 12px 0 #666666;
        -moz-box-shadow: 0 0 12px 0 #666666;
        box-shadow: 0 0 12px 0 #666666;
        position: relative;
        z-index: 3;
    }

    .logo {
        float: left;
    }

    .top-bar {
        float: right;
        height: auto;
        line-height: 1;
    }

    .top-bar-section {
        padding-top: 50px;
    }

    .top-bar-section li:not(.has-form) a:not(.button) {
        font: 700 14px/1 'Open Sans', sans-serif;
        text-transform: uppercase;
        color: #161616;
        padding: 0 0 10px;
        position: relative;
    }

    .top-bar .top-bar-section .menu > .has-dropdown > a {
        padding: 0 0 10px !important;
    }

    .top-bar .top-bar-section .menu > li > a:after {
        content: '';
        display: block !important;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        height: 3px;
        background-color: #EAEAEA;
        border: none;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transition: top .3s, visibility .3s, opacity .3s;
        -moz-transition: top .3s, visibility .3s, opacity .3s;
        -ms-transition: top .3s, visibility .3s, opacity .3s;
        -o-transition: top .3s, visibility .3s, opacity .3s;
        transition: top .3s, visibility .3s, opacity .3s;
    }

    .top-bar .top-bar-section .menu > li:not(.has-form) > a:not(.button):hover {
        color: #161616;
        background-color: transparent;
    }

    .top-bar .top-bar-section .menu > li:not(.has-form) > a:not(.button):hover:after {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }

    .top-bar .top-bar-section .menu > li.current_page_item > a:not(.button) {
        color: #161616;
        background-color: transparent;
    }

    .top-bar .top-bar-section .menu > li:hover:not(.has-form) > a {
        background-color: transparent;
        color: #161616;
    }

    .top-bar .top-bar-section .menu > li {
        padding-bottom: 43px;
    }

    .top-bar-section .menu > li + li {
        margin-left: 40px;
    }

    /* Responsive menu */

    .dropdown-toggle {
        display: none !important;
    }

    /* Dropdown menu */

    .top-bar .top-bar-section .has-dropdown {
        /*position: static;*/
    }

    .top-bar .top-bar-section .menu > li > .dropdown.col2 {
        width: 435px;
    }
    .top-bar .top-bar-section .menu > li > .dropdown.right-offset{
        right: -35px;
        left: auto;
    }
	.top-bar .top-bar-section .menu > li > .dropdown a:not([href]){
	cursor:default;
}
    .no-js .top-bar-section .menu > li:hover > .dropdown {
        visibility: visible;
        opacity: 1;

    }

    .top-bar .top-bar-section .has-dropdown > a {
        padding-right: 20px !important;
    }

    .top-bar .top-bar-section .menu > li > .dropdown {
        top: 100%;
        left: -35px;
        min-width: 0;
        background-color: #fff;
        visibility: hidden;
        opacity: 0;
        display: none;
        clip: auto;
        -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
        -webkit-transition: visibility .3s, opacity .3s;
        -moz-transition: visibility .3s, opacity .3s;
        -ms-transition: visibility .3s, opacity .3s;
        -o-transition: visibility .3s, opacity .3s;
        transition: visibility .3s, opacity .3s;
        padding: 0 15px 15px 0;
        border-top: 2px solid #1E469A;
    }
    .top-bar .top-bar-section li .dropdown a {
        text-transform: none;

    }

    .top-bar .top-bar-section .menu > li > .dropdown > li.menu-item {
        width: 100%;
        /*float: left;*/
        padding: 0 0 0 15px;
    }

    .top-bar .top-bar-section .menu > li > .dropdown.col2 > li.menu-item {
        width: 50%;
    }

    .top-bar-section .menu > li > .dropdown li[class*="menu-item"]:not(.has-form):not(.active) > a:not(.button) {
        display: block;
        font: 700 12px/1 'Open Sans', sans-serif;
        color: #161616;
        background-color: transparent;
        padding: 10px 20px;
        border-bottom: 1px solid #EAEAEA;
    }
    .top-bar-section .menu > li > .dropdown li:last-child li[class*="menu-item"]:not(.has-dropdown):not(.has-form):not(.active):last-child > a:not(.button),
    .top-bar-section .menu > li > .dropdown > li > .dropdown > li[class*="menu-item"]:not(.has-dropdown):not(.has-form):not(.active):last-child > a:not(.button){
        border-bottom: none;
    }
    
    #menu-item-1803 > a:not(.button){
        border-bottom: none;
    }
    
    .top-bar .top-bar-section .menu .dropdown li .dropdown {
        position: static !important;
        width: auto;
    }

    .top-bar .top-bar-section .menu .dropdown li .dropdown li {
        width: auto;
        float: none;
    }

    .top-bar .top-bar-section .menu .dropdown .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: #9d9d9d;
        text-transform: none;
    }

    .top-bar .top-bar-section .menu .dropdown .dropdown li:not(.has-form):not(.active):hover > a[href*="/"]:not(.button) {
        color: #0B4CA0;
    }

    .top-bar .top-bar-section .menu .dropdown li .dropdown li .dropdown li a:not(.button) {
        padding-left: 35px;
    }

    .top-bar .top-bar-section .menu .dropdown li .dropdown li .dropdown li a:not(.button):before {
        content: '-';
        padding-right: 3px;
    }
}

@media only screen and (max-width: 60em ) {
    .top-bar .top-bar-section .dropdown {
        position: static !important;
        clip: auto;
        width: 100%;
        height: 0;
        left: 0;
        top: 100%;
        -webkit-transition: height .3s;
        -moz-transition: height .3s;
        -ms-transition: height .3s;
        -o-transition: height .3s;
        transition: height .3s;
    }

    .top-bar-section ul li:hover:not(.has-form) > a {
        background-color: #333;
    }

    .top-bar.expanded .top-bar-section li a {
        border-top: 1px solid #555555;
    }
    .top-bar-section .dropdown li a{
        padding: 8px 15px 8px 30px;
    }
    .top-bar-section .dropdown .dropdown li a{
        padding: 8px 15px 8px 45px;
    }
    .top-bar.expanded .top-bar-section li a:hover {
        background-color: #444444;
    }

    .top-bar.expanded .top-bar-section .has-dropdown > .dropdown {
        position: static !important;
    }

    .top-bar.expanded .top-bar-section .has-dropdown > a {
        position: relative;
    }

    .top-bar.expanded .top-bar-section .has-dropdown > a:after {
        display: none;
    }

    .has-dropdown {
        position: relative !important;
    }

    .dropdown-toggle {
        display: block;
        position: absolute;
        width: 50px;
        right: 0;
        top: 0;
        bottom: 0;
        color: #fff;
        z-index: 100;
        text-align: center;

    }

    .dropdown-toggle:before {
        font-size: 13px;
        line-height: 1;
        height: 13px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .top-bar.expanded .top-bar-section .moved > .dropdown-toggle:before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

/* Slider */

.ls-wp-fullwidth-container {
    height: 520px;
    z-index: 1;
}

/*@media only screen and (max-width: 40em) {*/
/*.ls-wp-fullwidth-container{*/
/*background-color: #aac6e3 !important;*/
/*text-align: center !important;*/

/*}*/
/*.ls-wp-fullwidth-container .ls-slide{*/
/*padding: 30px 10px !important;*/
/*-webkit-box-sizing: border-box !important;*/
/*-moz-box-sizing: border-box !important;*/
/*box-sizing: border-box !important;*/

/*}*/

/*.ls-wp-fullwidth-container .ls-slide *{*/
/*position: static !important;*/
/*-webkit-transform:  none !important;*/
/*-moz-transform:  none !important;*/
/*-ms-transform:  none !important;*/
/*-o-transform:  none !important;*/
/*transform:  none !important;*/
/*-webkit-transition: none !important;*/
/*-moz-transition: none !important;*/
/*-ms-transition: none !important;*/
/*-o-transition: none !important;*/
/*transition: none !important;*/
/*display: block !important;*/
/*width: 100% !important;*/
/*height: auto !important;*/
/*text-align: center !important;*/
/*-webkit-box-sizing: border-box !important;*/
/*-moz-box-sizing: border-box !important;*/
/*box-sizing: border-box !important;*/
/*line-height: 1.5 !important;*/

/*}*/
/*.ls-wp-fullwidth-container .ls-slide h1{*/
/*font-size: 18px !important;*/
/*}*/
/*.ls-wp-fullwidth-container .ls-slide h1{*/
/*font-size: 17px !important;*/
/*}*/
/*.ls-wp-fullwidth-container .ls-slide h1{*/
/*font-size: 16px !important;*/
/*}*/
/*.ls-wp-fullwidth-container .ls-slide h1{*/
/*font-size: 15px !important;*/
/*}*/
/*.ls-wp-fullwidth-container .ls-slide h1{*/
/*font-size: 14px !important;*/
/*}*/
/*.ls-wp-fullwidth-container .ls-slide h1{*/
/*font-size: 13px !important;*/
/*}*/
/*.ls-wp-fullwidth-container .ls-slide p{*/
/*font-size: 12px !important;*/
/*}*/
/*.ls-wp-fullwidth-container .ls-slide a, .ls-wp-fullwidth-container .ls-slide a *{*/
/*display: inline-block !important;*/
/*width: auto !important;*/
/*margin-top: 20px !important;*/
/*}*/
/*.ls-wp-fullwidth-container .ls-slide img,.ls-wp-fullwidth-container .ls-slide div{*/
/*display: none !important;*/
/*}*/
/*}*/

/* Home Page */

.features {
    padding-top: 55px;
    text-align: center;
    padding-bottom: 35px;
}

.features .columns {
    padding-left: 10px;
    padding-right: 10px;
}

.feature-icon {
    display: block;

    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #cccccc;
    font-size: 40px;
    color: #ffffff;
    line-height: 100px;
    margin: 0 auto 25px;
    position: relative;
    z-index: 2;
}
.feature-icon:hover{
    color: #FFFFFF;
}
.feature-icon-border {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    border-width: 2px;
    border-style: solid;
    background-color: transparent;
    width: 100%;
    height: 100%;
    -webkit-transition: transform .2s cubic-bezier(0.390, 0.995, 0.510, 1.600);
    -moz-transition: transform .2s cubic-bezier(0.390, 0.995, 0.510, 1.600);
    -ms-transition: transform .2s cubic-bezier(0.390, 0.995, 0.510, 1.600);
    -o-transition: transform .2s cubic-bezier(0.390, 0.995, 0.510, 1.600);
    transition: transform .2s cubic-bezier(0.390, 0.995, 0.510, 1.600);
}

.feature-icon:hover .feature-icon-border {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.feature-title {
    font: 700 20px/1 'Open Sans', sans-serif;
    margin-bottom: 15px;
}
.feature-title a{
    color: inherit;
}

.feature-description {
    font-size: 14px;
    color: #777;
}

.subscribe-form {
    /*min-width: 320px;*/
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: #3574B7;
    background: -moz-linear-gradient(left, #202e83, #49b5e7);
    background: -webkit-linear-gradient(left, #202e83, #49b5e7);
    background: -o-linear-gradient(left, #202e83, #49b5e7);
    background: -ms-linear-gradient(left, #202e83, #49b5e7);
    background: linear-gradient(left, #202e83, #49b5e7);
}

@media only screen and (max-width: 40em) {
    .subscribe-form .section-text {
        text-align: center;
    }
}
@media only screen and (max-width: 767px){
    .subscribe-form .form, .subscribe-form .section-text{
        width: 100%;
    }
    .subscribe-form .form {
        margin-top: 20px;
    }
    .subscribe-form{
        text-align: center;
    }
}
@media only screen and (max-width: 320px){
    .subscribe-form .form .gform_body, .subscribe-form .form .gform_footer{
        width: 100%;
    }
    .subscribe-form .form .gform_wrapper .gform_footer{
        margin-top: 10px;
    }
}
.call-to-subscribe {
    margin: 0;
    color: #ffffff;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: -0.05em;
}

.subscribe-form p {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
}

.form .gform_wrapper .gform_body{
    float: left;
    clear: none;
}
.form .gform_wrapper .gform_footer{
    float: right;
    clear: none;

}

.form .gform_body {
    width: 68%;
}

.form .gform_footer {
    width: 25%;
    min-width: 54px;
}

.form .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100%;
}

.form .gform_wrapper .gform_footer {
    padding: 0;
    margin: 0;
}

.form .gform_wrapper .top_label .gfield_label {
    display: none;
}

.form .gform_wrapper {
    max-width: 100%;
    width: auto;
    margin: 0;
}

.form .wpcf7-form span {
    font-size: 0;
}

.form .gform_wrapper .top_label input[type="email"] {
    width: 100%;
    height: 35px;
    font: 400 italic 13px/35px 'Open Sans', sans-serif;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 15px 0 0;
    padding: 0 10px;
}

.form .gform_wrapper input[type="email"]::-webkit-input-placeholder {
    font: 400 italic 13px/33px 'Open Sans', sans-serif;
    color: #ffffff;
}

.form .gform_wrapper input[type="email"]::-moz-placeholder {
    font: 400 italic 13px/33px 'Open Sans', sans-serif;
    color: #ffffff;
}

/* Firefox 19+ */
.form .gform_wrapper input[type="email"]:-moz-placeholder {
    font: 400 italic 13px/33px 'Open Sans', sans-serif;
    color: #ffffff;
}

/* Firefox 18- */
.form .gform_wrapper input[type="email"]:-ms-input-placeholder {
    font: 400 italic 13px/33px 'Open Sans', sans-serif;
    color: #ffffff;
}

.form .gform_wrapper .gform_footer .gform_button {
    width: 100%;
    padding: 0 2px;
    margin: 0;
    font: 700 14px/35px 'Open Sans', sans-serif;
    background-color: #CF3E42;
    background: -moz-linear-gradient(top, #F26164, #AA1B1C);
    background: -webkit-linear-gradient(top, #F26164, #AA1B1C);
    background: -o-linear-gradient(top, #F26164, #AA1B1C);
    background: -ms-linear-gradient(top, #F26164, #AA1B1C);
    background: linear-gradient(top, #F26164, #AA1B1C);
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.gform_button {
    width: 25%;
    padding: 0 2px;
    margin: 0;
    font: 700 14px/35px 'Open Sans', sans-serif;
    background-color: #CF3E42;
    background: -moz-linear-gradient(top, #F26164, #AA1B1C);
    background: -webkit-linear-gradient(top, #F26164, #AA1B1C);
    background: -o-linear-gradient(top, #F26164, #AA1B1C);
    background: -ms-linear-gradient(top, #F26164, #AA1B1C);
    background: linear-gradient(top, #F26164, #AA1B1C);
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	color:white !important;
}
.gform_button:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ff6669, #d51c1d) repeat scroll 0 0;	
}

.form .gform_wrapper .gform_footer .gform_button:hover {
    background-color: #ff4448;
    background: -moz-linear-gradient(top, #ff6669, #d51c1d);
    background: -webkit-linear-gradient(top, #ff6669, #d51c1d);
    background: -o-linear-gradient(top, #ff6669, #d51c1d);
    background: -ms-linear-gradient(top, #ff6669, #d51c1d);
    background: linear-gradient(top, #ff6669, #d51c1d);
}

@media only screen and (max-width: 40em) {

}

/* Single page (Products) */

.title-parallax {
    padding-top: 65px;
    padding-bottom: 65px;
    /*-webkit-background-size: cover;*/
    /*background-size: cover;*/
    background-color: #aac6e3;
    /*background-attachment: fixed;*/
    /*background-position:0 100px;*/
    position: relative;
    overflow: hidden;
    /*background-image: url(http://nowiresnoworries.com/wp-content/themes/nowiresnoworries/images/blurred_bg.jpg);*/
    background-position: 50% -100px;
}

.parallax-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    min-width: 100%;
    max-width: none;
    display: none;
}

.title-parallax div {
    position: relative;
    z-index: 2;
}

.page-title {
    font: 400 48px/1 'Open Sans', sans-serif;
    color: #fff;
    margin: 0;
}

.nw-page-content .row {
    padding-bottom: 40px;
}
.nw-page-content .video-section .row{
    padding-bottom: 0;
}
.nw-page-content {
    padding-top: 83px;
    border-bottom: 6px solid #336db2;
}
.single-product .nw-page-content{
    border-bottom: none;

}
.video-container, .fancybox-content{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}

.video-container iframe,
.video-container object,
.video-container embed,
.fancybox-content iframe,
.fancybox-content object,
.fancybox-content embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.nw-page-content .gform_wrapper .top_label input.medium, .nw-page-content .gform_wrapper .top_label select.medium, .nw-page-content .gform_wrapper .top_label textarea.textarea {
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.nw-page-content input, .nw-page-content textarea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nw-page-content input:focus, .nw-page-content textarea:focus {
    -webkit-box-shadow: 0 0 5px 0 #acc0c9;
    -moz-box-shadow: 0 0 5px 0 #acc0c9;
    box-shadow: 0 0 5px 0 #acc0c9;
    border-color: #acc0c9;
}

.nw-page-content .gform_wrapper .gform_heading h3.gform_title {
    color: #4b4c4d;
    font-size: 27px;
    width: 100%;
    margin: 0;
}

.nw-page-content .gform_wrapper {
    margin: 0;
    max-width: 100%;
}

.nw-page-content .gform_wrapper .top_label .gfield_label {
    font: 400 14px/1 'Open Sans', sans-serif;
    color: #000;
    text-transform: uppercase;
}

.nw-page-content .gform_wrapper .gfield_required {
    color: #b4b4b4;
    text-transform: lowercase;
}

.nw-page-content .gform_wrapper .gform_footer input[type=submit] {
    font-size: 14px;
    color: #FFF;
    padding: 12px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #555556;
}

.nw-page-content .gform_wrapper .gform_footer input[type=submit]:hover {
    background-color: #acc0c9;
}

.th {
    border: none;
    box-shadow: none;
    margin-bottom: 20px;
}

article[class*="post-"] * {
    color: #777;
}

article[class*="post-"] h1 {
    margin: 0 0 14px;
    font: 700 34px/1 'Open Sans', sans-serif;
}

article[class*="post-"] h2 {
    margin: 0 0 14px;
    font: 700 27px/1 'Open Sans', sans-serif;
}

article[class*="post-"] h3 {
    margin: 0 0 14px;
    font: 700 24px/1 'Open Sans', sans-serif;
}

article[class*="post-"] h4 {
    margin: 0 0 14px;
    font: 700 21px/1 'Open Sans', sans-serif;
}

article[class*="post-"] h5 {
    margin: 0 0 14px;
    font: 700 18px/1 'Open Sans', sans-serif;
}

article[class*="post-"] h6 {
    margin: 0 0 14px;
    font: 700 16px/1 'Open Sans', sans-serif;
}

article[class*="post-"] a {
    color: #336DB2;
}

article[class*="post-"] a:hover {
    text-decoration: underline;
}

article[class*="post-"] p{
    margin: 0 0 15px;
    font: 400 14px/1.5 'Open Sans', sans-serif;
    color: #777;
}
article[class*="post-"] li{
    font: 400 14px/1.5 'Open Sans', sans-serif;
    margin-bottom: 10px;
}

article[class*="post-"] blockquote {
    padding: 0 0 0 25px;
    border-left: 5px solid #ebebeb;
    margin-top: 30px;
}

article[class*="post-"] blockquote p {
    font: 400 italic 16px 'Open Sans', sans-serif;
    color: #0f4d9d;
}

/*Single Use Cases*/

.nw-use-cases{
    padding-top: 50px;
    /*padding-bottom: 90px;*/
    /*border-bottom: 6px solid #336db2;*/
}
.nw-use-cases p{
    font: 400 16px/1.6 'Open Sans', sans-serif;
    margin-bottom: 20px;
}
.nw-use-cases .customer-quote{
    padding: 0;
    margin: 0 0 15px;
    border: none;
}
.nw-use-cases .customer-quote p{
    font: 600 27px/1.3 'Open Sans', sans-serif;
    color: #4b4c4d;
}
.nw-use-cases .quote-author{
    font: 600 22px/1.3 'Open Sans', sans-serif;
    color: #cccccc;
    margin-bottom: 15px;
}
.nw-use-cases .value-statement{
    font: 600 20px/1.3 'Open Sans', sans-serif;
    color: #4b4c4d;
    padding-top: 25px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ebebeb;
}
.nw-use-cases .progress-bars{
    padding-top: 50px;
    padding-bottom: 65px;
    border-bottom: 1px solid #ebebeb;
}
.nw-use-cases .bar-field{
    background-color: #e2e2e2;
    height: 35px;
    position: relative;
    width: 100%;
    margin-bottom: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.nw-use-cases .bar-fill{
    height: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 0;
    -webkit-transition: width .7s ease-in-out;
    -moz-transition: width .7s ease-in-out;
    -ms-transition: width .7s ease-in-out;
    -o-transition: width .7s ease-in-out;
    transition: width .7s ease-in-out;
}
.nw-use-cases .bar-title, .nw-use-cases .bar-percent{
    position: absolute;
    font: 800 14px/35px 'Open Sans', sans-serif;
    color: #FFFFFF;
    top: 0;
}
.nw-use-cases .bar-title{
    left: 10px;
}
.nw-use-cases .bar-percent{
    right: 10px;
}
.nw-use-cases .additional-links{
    /*padding-top: 50px;*/
    /*border-top: 1px solid #ebebeb;*/
}
.nw-use-cases .additional-links .additional-link{
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
}
.nw-use-cases .additional-links .additional-link a{
    font: 600 20px/40px 'Open Sans', sans-serif;
    color: #4b4c4d;
}
.nw-use-cases .additional-links .additional-link + .additional-link{
    border-top: 1px solid #ebebeb;
}
.nw-use-cases .additional-links .additional-link a:hover{
    text-decoration: none;
    color: #0066cc;
}
.nw-use-cases .additional-links .additional-link .fa{
    float: left;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #cccccc;
    margin-right: 20px;
}
.nw-use-cases .video-section, .nw-page-content .video-section{
    padding-top: 50px;
    padding-bottom: 75px;
    margin-bottom: 40px;
    background-color: #cccccc;
}
.modal-window{
    border: 5px solid #FFFFFF;
}
@media only screen and (max-width:60em){

    .modal-window {
        padding-bottom: 50.625% !important;
        padding-top: 30px !important;
        height: 0 !important;
        width: 90% !important;
    }

    .modal-window iframe,
    .modal-window object,
    .modal-window embed{
        position: absolute  !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
}
@media only screen and (max-width:40em){
    .nw-use-cases .video-section{
        text-align: center;
    }
}
.nw-use-cases .parallax, .nw-page-content .parallax{
    background-position: 50% -100px;
    /*background-position: 0 0;*/
}
.nw-use-cases .video-section-text, .nw-page-content .video-section-text{
    margin-top: 45px;
    font: 600 22px/1.3 'Open Sans', sans-serif;
    color: #FFFFFF;
}
/*.nw-use-cases .video-section-text{*/
    /*margin-top: 0;*/
/*}*/
.nw-use-cases .video-title, .nw-page-content .video-title{
    color: #FFFFFF;
    font-style: italic;
}
.nw-use-cases .customer-section{
    text-align: center;
    padding-top: 80px;
    padding-bottom: 50px;
    border-bottom: 1px solid #cccccc;
}

.nw-use-cases .learn-message{
    font: 600 27px/1.3 'Open Sans', sans-serif;
    color: #4b4c4d;
    margin-bottom: 55px;
}
.nw-use-cases .customer-section ul li{
    list-style: none;
    font: 200 20px/1.3 'Open Sans', sans-serif;
    color: #4b4c4d;
    margin-bottom: 25px;
}
.nw-use-cases .customer-section ul li .fa{
    margin-right: 20px;
}
/* Post Archive */

.nw-archive {
    padding-top: 83px;
    padding-bottom: 25px;
    border-bottom: 6px solid #336db2;
}

.nw-archive article[class*='post-'] {
    background-color: rgba(255, 255, 255, .2);
}

.products-portfolio {
    display: block;
    width: 170px;
    height: 250px;
    margin: 0 auto 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: relative;
}

.products-portfolio .portfolio-title {
    position: absolute;
    display: block;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-weight: 700;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 14px;
}

.products-portfolio img {
    width: auto;
    max-width: none;
    height: 100%;
    position: absolute;
    left: -50%;
    top: 0;
    /*-webkit-border-radius: 10px;*/
    /*-moz-border-radius: 10px;*/
    /*border-radius: 10px;*/
}

.products-portfolio .back, .products-portfolio .front {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: transform .7s ease-in-out;
    -moz-transition: transform .7s ease-in-out;
    -ms-transition: transform .7s ease-in-out;
    -o-transition: transform .7s ease-in-out;
    transition: transform .7s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.products-portfolio .back {
    -webkit-transform: perspective(600px) rotateY(180deg);
    -moz-transform: perspective(600px) rotateY(180deg);
    -ms-transform: perspective(600px) rotateY(180deg);
    -o-transform: perspective(600px) rotateY(180deg);
    transform: perspective(600px) rotateY(180deg);
}

.products-portfolio .front {
    opacity: .7;
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    -o-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.products-portfolio:hover .back {
    -webkit-transform: perspective(600px) rotateY(0deg);
    -moz-transform: perspective(600px) rotateY(0deg);
    -ms-transform: perspective(600px) rotateY(0deg);
    -o-transform: perspective(600px) rotateY(0deg);
    transform: perspective(600px) rotateY(0deg);
}

.products-portfolio:hover .front {
    -webkit-transform: perspective(600px) rotateY(-180deg);
    -moz-transform: perspective(600px) rotateY(-180deg);
    -ms-transform: perspective(600px) rotateY(-180deg);
    -o-transform: perspective(600px) rotateY(-180deg);
    transform: perspective(600px) rotateY(-180deg);
}

/* Sidebar */

.sidebar {
    color: #777;
    font: 400 14px/1.5 'Open Sans', sans-serif;
}
.sidebar .widget a{
    color: #336db2;

}
.widget {
    padding-top: 37px;
    padding-bottom: 32px;
    border-top: 2px solid #ececec;
}

.form .widget {
    padding: 0;
    border: none;
}

.widget-title {
    font: 700 16px/1 'Open Sans', sans-serif;
    color: #4b4c4d;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.widget_categories ul {
    margin: 0;
}

.widget_categories ul li.cat-item {
    list-style: none;
    border-bottom: 1px solid #EAEAEA;
}

.widget_categories ul li.cat-item a {
    font: 700 12px/1.5 'Open Sans', sans-serif;
    color: #9d9d9d;
    display: block;
    padding: 10px 0;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -ms-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.widget_categories ul li.cat-item a:hover {
    color: #0B4CA0;
}

.widget_categories ul li.cat-item a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #252525;
    font-size: 15px;
    margin-right: 15px;
}

/* Footer */

@media only screen and (max-width: 40em){
    .contact-info{
        text-align: center;
    }
    .contact-info .socials a{
        float: none;
        display: inline-block;
        margin-right: 0;
    }
}

.socials a {
    display: block;
    background-color: #555556;
    width: 34px;
    height: 34px;
    float: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 34px;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -ms-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
}

.socials a {
    margin-right: 3px;
    margin-top: 3px;
}

.ba-social-icon.linkedin:hover {
    background-color: #0177B5;
}

.ba-social-icon.facebook:hover {
    background-color: #3B5998;
}

.ba-social-icon.google-plus:hover {
    background-color: #DF4B38;
}

.ba-social-icon.instagram:hover {
    background-color: #68513F;
}

.ba-social-icon.pinterest:hover {
    background-color: #B93936;
}

.ba-social-icon.rss:hover {
    background-color: #FAA21B;
}

.ba-social-icon.skype:hover {
    background-color: #02B4EB;
}

.ba-social-icon.tumblr:hover {
    background-color: #304E6C;
}

.ba-social-icon.twitter:hover {
    background-color: #01B5F2;
}

.ba-social-icon.vk:hover {
    background-color: #4C75A3;
}

.ba-social-icon.youtube:hover {
    background-color: #D02020;
}

.contact-info {
    padding-top: 55px;
    padding-bottom: 40px;
    /*border-bottom: 1px solid rgba(0, 0, 0, .2);*/
}

.footer-block-caption {
    text-transform: uppercase;
    font: 400 16px/1 'Open Sans', sans-serif;
    color: #9e9e9e;
    margin-bottom: 22px;
    margin-top: 0;
}

.contacts p {
    font: 400 14px/22px 'Open Sans', sans-serif;
    color: #9e9e9e;
    margin-bottom: 0;
}

.contacts a[href*="mailto"] {
    color: #336db2;
}

.contacts a[href*="mailto"]:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 40em) {
    .contacts {
        margin-top: 20px;
    }
}

.bottom-section {
    padding-bottom: 40px;
    position: relative;
    font-size: 0;
}

.bottom-section .columns {
    padding-top: 22px;
}

.bottom-section .columns:after {
    content: ' ';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, .2);
}

.footer-menu {
    float: left;
}

.footer-menu .inline-list {
    margin-bottom: 0;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}

.footer-menu li {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.footer-menu .inline-list > li {
    margin-left: 20px;
    display: inline-block;
    float: none;
    font-size: 12px;
    line-height: 1;
}

.footer-menu a {
    font: 700 12px/1 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding-bottom: 5px;
    color: #9e9e9e;
    position: relative;
}

.footer-menu a:after {
    content: '';
    display: block !important;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 3px;
    background-color: #EAEAEA;
    border: none;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transition: top .3s, visibility .3s, opacity .3s;
    -moz-transition: top .3s, visibility .3s, opacity .3s;
    -ms-transition: top .3s, visibility .3s, opacity .3s;
    -o-transition: top .3s, visibility .3s, opacity .3s;
    transition: top .3s, visibility .3s, opacity .3s;
}

.footer-menu a:hover:after {
    visibility: visible;
    opacity: 1;
    top: 100%;
}
.footer-menu li.menu-feedback a:before{
    content: '';
    width: 9px;
    height: 9px;
    background-image: url('/wp-content/themes/nowiresnoworries/images/oo_icon.gif');
    float: left;
    position: relative;
    top: 1px;
    margin-right: 5px;
}
@media only screen and (max-width: 40em) {
    footer .copyright{
        float: none;
        text-align: center;
    }
}
.copyright {
    float: right;
}

.copyright p {
    margin-bottom: 0;
    font: 400 12px/1.5 'Open Sans', sans-serif;
    color: #525252;
}

.copyright a {
    color: #525252;
}

.copyright a:hover {
    text-decoration: underline;
    color: #007fc5;
}

.back-to-top {
    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 999;
    bottom: 40px;
    right: 40px;
    display: none;
    color: #fff;
    text-align: center;
    background-color: #0C8CDD;
    -webkit-transition: color .2s ease, background-color .2s ease;
    -moz-transition: color .2s ease, background-color .2s ease;
    -ms-transition: color .2s ease, background-color .2s ease;
    -o-transition: color .2s ease, background-color .2s ease;
    transition: color .2s ease, background-color .2s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
@media only screen and (max-width: 40em){
    .back-to-top{
        width: 25px;
        height: 25px;
        bottom: 25px;
        right: 25px;
    }
    span.back-to-top i:before {
        font-size: 16px;
        line-height: 25px;
    }
}
.back-to-top i:before {
    font-size: 22px;
    line-height: 40px;
}

.back-to-top:hover {
    color: #fff;
    background-color: #555555;
}
.post-usecasetitle p:first-child {
    font-size: 16px;
}