/*
Theme Name: Cosine CRM
Description: Description
Version: 1.0.0
Text Domain: 2pi Software
Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

*{margin:0;padding:0;border:none} *,*:before,*:after {box-sizing: inherit;}
html {font-family:'Ubuntu', sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;-webkit-font-smoothing:subpixel-antialiased;box-sizing: border-box;}
body {margin:0;background:#2D9DD1 url(images/bkg.jpg) center center no-repeat;height:100%;background-size:cover;}

/*LAYOUT*/
#page {width:100%;min-height:100%;margin:0 auto -125px;text-align:center;}
#crm-logo {width:325px;height:100px;position:relative;background:url(images/cosine-crm-logo.png) center center no-repeat;left:18%;top:25px;z-index:10;}
#colophon {width:100%;height:75px;background:#000;position:fixed;bottom:0;}

#crm-home {width:100%;height:70%;position:absolute;display:block;z-index:1;margin-top:300px;text-align:center;}
#crm-content {display:flex;justify-content:center;width:65%;min-height:500px;margin:120px auto;text-align:left;padding-bottom:100px;}
#primary {display:inline-block;width:75%;min-height:500px;position:relative;padding:0px;vertical-align:top;}
#primary-full {display:inline-block;width:100%;min-height:500px;background:#fff;position:relative;padding:0px;vertical-align:top;}
#primary-sell {display:inline-block;width:60%;min-height:500px;background:#fff;position:relative;padding:0px;vertical-align:top;}
#secondary {display:inline-block;width:25%;min-height:500px;min-width:150px;background:#ffd800;position:relative;vertical-align:top;color:#fff !important;overflow:hidden;}
#secondary-sell {display:inline-block;width:40%;min-height:500px;min-width:150px;position:relative;vertical-align:top;overflow:hidden;}
#crm-footer {width:100%; height:100px;text-align:center;}
#crm-footer-shadow {width:1400px;height:10px;margin:0 0 auto;background:url (images/shadow.png) center center no-repeat;}
footer {z-index:200;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}
.page-content, .entry-content, .entry-summary {margin: 1.5em 0 0;text-align:center;}
.page-header {padding:0.8em;font-size:0.8em !important;}
.entry-footer {background:#f6f6f6;padding:0.8em;font-size:0.8em;}
#template-link {width:200px;height:auto;display:inline-block;background:rgba(255,255,255,0.3);border-radius:5px;padding:0.7em;text-align:center;min-height:120px;vertical-align:top;margin: 0 0.3em;}
#template-link:hover {background:rgba(255,255,255,0.7);color:#000;}
#template-link img {display:block;width:auto;height:auto;margin:auto;}
#template-link a {font-size:0.8em;line-height:0.5em !important;color:#000;}

/*NAVIGATION*/
nav {height:40px;font-family:'Ubuntu', sans-serif;font-size:14px;font-weight:300;position:fixed;width:100%;z-index:1000;text-transform:UPPERCASE;border-top:1px solid #fff;}
nav ul {margin:0;padding:0;display:inline-table;position:relative;}
nav ul:after {content: ""; clear: both; display: block;}
nav ul a:hover {color:#fff !important;}
nav ul li li a {color:#fff;}
nav ul ul a:hover {color:#444 !important;}
nav ul li li a:visited {color:#fff;}
nav li {display: block;float:left;line-height:40px;height:40px;position:relative;}
nav li a, nav li a:visited {display: block;line-height:39px;padding:0 15px;color:#444;}
nav .current-menu-item a, nav .current_page_item a {color:#fff !important;background:#0081d6;}
nav ul ul {display:none;box-shadow:0 2px 4px rgba(0,0,0,0.3);margin-left:0px;}
nav ul ul li {float:none;position:relative;width:175px;font-size:12px;text-transform:Capitalize;text-align:left;border-top:1px solid #3dd3ff;border-bottom:1px solid #1aacd7;}
nav ul li:hover > ul {display:block;position:absolute;top:39px;background:#14c0f3;}
nav ul li:hover > a {color:#fff;background:#14c0f3;}
nav ul ul li a:hover {background:#f3d114;border-top:1px solid #dfbd02;}
nav ul li a:hover {-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color, background-color;transition-property: color, background-color;}
nav ul ul li ul {left:150px;top:0;}
.nav-trigger {display:none;}

/*TYPOGRAPHY*/
body, button, input, select, textarea {color: #fff;font-family: 'Ubuntu', sans-serif;font-size: 14px;font-size: 1rem;line-height: 1.5;}
h1,h2,h3,h4,h5,h6 {clear: both;text-align:left;}
h1 {font-family: 'Ubuntu', sans-serif;font-weight:400;font-size:40px;line-height:50px;}
h2 {font-family: 'Ubuntu', sans-serif;font-weight:300;font-size:20px;line-height:40px;}
h3 {font-family: 'Ubuntu', sans-serif;font-weight:400;font-size:40px;line-height:40px;}
p {font-family: 'Ubuntu', sans-serif;font-weight:300;font-size:14px;line-height:21px;color:#fff;margin-bottom: 1.5em;text-align:left;}
.entry-title {display:none;/*font-weight:300 !important;line-height:40px !important;color:#000 !important;*/}
b, strong {font-weight: 700;}
dfn {font-style: italic;} small {font-size: 80%;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;}
dfn,cite,em,i {font-style: italic;}
blockquote {margin: 0 1.5em;}
big {font-size: 125%;}

/*LINKS*/
a {text-decoration:none !important;background-color: transparent;color:#0081d6;}
a:active, a:hover a:focus {outline: 0;}
a:visited {color:#14c0f3;}

/*IMAGES*/
.wp-post-image {width:100%;height:200px;position:relative;display:block;top:0px;-webkit-mask-image:url(images/mask.png);mask-type:alpha;object-fit: cover;}
.ep-mask {-webkit-mask-image:url(images/mask.png);mask-type:alpha;}
img {border: 0;height: auto;max-width: 100%;}

/*COLOURS*/
.light-blue {background:#14c0f3;color:#fff !important;}
.blue {background:#0081d6;color:#fff !important;}
.blue:hover {background:#72ca24;}
.white {color:#fff;}
.grey {color:#ccc;}

/*POSITIONING*/
.floatL {float:left;}
.floatR {float:right;}
.pullT {margin-top: -15px;margin-bottom: 35px;}
.footerLogos {position:relative; right:30px; top:9px;padding-right:20px;}
.footer-copy {font-size:10px;color:#ccc;line-height:75px;text-transform:UPPERCASE;font-family: 'Ubuntu', sans-serif;letter-spacing:1px;float:left;margin-left:50px;}
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

/*UTILITY*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content: "";display: table;table-layout: fixed;}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {clear: both;}

/*FORMS*/
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;background:#0081d6 !important;color:#fff !important;border:0;text-transform:UPPERCASE;padding:0.8em !important;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {background:#000 !important;}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {color: #777;padding:0.8em !important;background:#efefef;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {color: #111;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {overflow: auto;width: 100%;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
select {overflow: hidden;background:#0081d6 url(images/down-arrow-32-white.png) no-repeat right 50%;padding:0.8em !important;font-size: 16px;border:0;border-radius:0;-webkit-appearance: none;-moz-appearance: none;color:#fff;margin-top:10px;cursor:pointer;}
select:focus {background:#000;}

/*UL STYLES*/
.check li {background:url(images/check.png) no-repeat 0px 16px;padding: 12px 0px 0px 22px;vertical-align: middle;text-indent:0px; font-weight:normal;list-style:none;font-family:inherit;font-size:inherit;}
.circleCheck li {background:url(images/circle-check.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:normal;list-style:none;font-family:inherit;font-size:inherit;}
.plus li {background:url(images/plus.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:bold;list-style:none;font-family:inherit;font-size:inherit;}
.x li {background:url(images/x.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:bold;list-style:none;font-family:inherit;font-size:inherit;}
.arrow li {background:url(images/arrow.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:bold;list-style:none;font-family:inherit;font-size:inherit;}
ul,ol {margin: 0 0 1.5em 3em;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}

/*EFFECTS*/
.fade2 {opacity:0.6;filter:alpha(opacity=0.6);transition: opacity .30s ease-in-out;-webkit-transition:.20s ease-in-out;-moz-transition:.20s ease-in-out;-o-transition:.20s ease-in-out;} .fade2:hover {opacity:1;filter:alpha(opacity=100);}
.textShadow {text-shadow: 0 2px 1px rgba(13,90,145,0.5);}

/*PLUGIN OVERRIDES*/
.md-content button.md-close {display: block !important;font-size: 0.8em !important;font-family:'Ubuntu', sans-serif !important;font-weight:400;color:#1fa3ce !important;background:#fff !important;right: 0;width: 50px;position: absolute;top: 0;border:0 !important;}
.huge_it_slideshow_image_wrap_1 {background: transparent !important;border-width: 0px;}
/* Fade */
.hvr-fade {-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color, background-color;transition-property: color, background-color;}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {background-color: #000;color: white;}
/* Bubble Top */
.hvr-bubble-top {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;}
.hvr-bubble-top:before {pointer-events: none;position: absolute;z-index: -1;content: '';border-style: solid;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;left: calc(50% - 10px);top: 0;border-width: 0 10px 10px 10px;border-color: transparent transparent #e1e1e1 transparent;}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
/* Bubble Bottom */
.hvr-bubble-bottom {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;}
.hvr-bubble-bottom:before {pointer-events: none;position: absolute;z-index: -1;content: '';border-style: solid;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;left: calc(50% - 10px);bottom: 0;border-width: 10px 10px 0 10px;border-color: #0d5a91 transparent transparent transparent;}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {-webkit-transform: translateY(10px);transform: translateY(10px);}
/* Sweep To Right */
.hvr-sweep-to-right {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #0c4a77;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {color: white;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
/*Calculated forms*/
#fbuilder h1 {font-size:20px;line-height:20px;}
#fbuilder {font-family: 'Ubuntu', sans-serif !important;font-weight:300;font-size:14px;line-height:21px;}
.price input[type="text"] {background:none;border:0 !important;font-size: 3em;font-weight:700;color: #fff;}
.pbSubmit {background:#0081d6 !important;color:#fff !important;border:0;text-transform:UPPERCASE;padding:0.8em !important;}
.pbSubmit:hover {background:#000 !important;}
#fbuilder .side_by_side label {padding-right: 20px;}
#fbuilder div.cpefb_error {border:0 !important;padding:0.8em !important;background:#f00 !important;color:#fff !important;}
#fbuilder div.cpefb_error:after {background:none !important;}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
abbr[title] {border-bottom: 1px dotted;}
mark {background: #ff0;color: #000;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
legend {border: 0;padding: 0;}
optgroup {font-weight: bold;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code,kbd,tt,var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
mark,ins {background: #fff9c0;text-decoration: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
table {margin: 0 0 1.5em;width: 100%;}
.sticky {display: block;}
.hentry {margin: 0 0 1.5em;}
.byline, .updated:not(.published) {display: none;}
.single .byline, .group-blog .byline {display: inline;}
.page-links {clear: both;margin: 0 0 1.5em;}
.blog .format-aside .entry-title, .archive .format-aside .entry-title {display: none;}
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

/*Menus*/
.main-navigation {clear: both;display: block;float: left;width: 100%;}
.main-navigation ul {display: none;list-style: none;margin: 0;padding-left: 0;}
.main-navigation li {float: left;position: relative;}
.main-navigation a {display: block;text-decoration: none;}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 1.5em;left: -999em;z-index: 99999;}
.main-navigation ul ul ul {left: -999em;top: 0;}
.main-navigation ul ul a {width: 200px;}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto;}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {left: 100%;}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {display: block;}
@media screen and (min-width: 37.5em) {
.menu-toggle {display: none;}
.main-navigation ul {display: block;}
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em;overflow: hidden;}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left;width: 50%;}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right;text-align: right;width: 50%;}

/*Accessibility*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */}
#content[tabindex="-1"]:focus {outline: 0;}

/*Infinite scroll*/
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none;}
.infinity-end.neverending .site-footer {display: block;}

/*Media*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}
embed, iframe, object {max-width: 100%;}

/*Captions*/
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

/*Galleries*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}

/*RESPONSIVE CODE*/
@media only screen and (min-width: 100px) and (max-width: 1100px) {

#page {margin:0 0 100px;}
#ep-slider {display:none;}
#message {display:block;width:90%;height:auto;position:relative;top:0px;text-align:justify;margin:auto;}
#ep-home {margin-top:40px;position:relative;}
#tile-1, #tile-3, #tile-4 {display:inline-block;width:45%;margin:5px;}
#tile-1-header {display:none;}
#logo {margin:0px auto;left:0;top:25px;z-index:1;}
#ep-content {display:block;width:100%;margin:50px auto;padding-bottom:100px;}
#primary {width:95%;display:block;float:none;margin:auto;text-align:justify;}
#secondary {width:95%;display:block;float:none;margin:auto;min-height:100px;}
#primary-sell {width:95%;display:block;float:none;margin:auto;text-align:justify;}
#secondary-sell {width:95%;display:block;float:none;margin:auto;min-height:100px;}
nav {position:absolute;height:240px;width:150px;z-index:1000;border-bottom:none;top:0;left:-150px;text-align:right;}
nav ul {display:block;}
nav li {display: block;width:150px;}
nav ul ul {margin-left:150px;}
nav ul ul li {width:175px;}
nav ul li:hover > ul {top:0px;}
nav ul ul li ul {left:150px;top:0;}
.nav-trigger {position: absolute;clip: rect(0, 0, 0, 0);z-index:9999;}
label[for="nav-trigger"] {position: fixed;top:0px;left:0px;z-index: 2;width: 39px;height: 39px;cursor: pointer;background:#1270b2;background-image: url(images/menu.png);background-size: contain;}
.nav-trigger:checked + label {left: 150px;}
.nav-trigger:checked ~ nav {left:150px;}
.nav-trigger + label, nav {transition: left 0.2s;}
.footer-copy {margin:0 0 auto;float:none;text-align:center;}
p {font-size:1em;line-height:1.25em;}
h1,h2,h3,h4,h5,h6 {font-size:1.25em;line-height:2em;}

}

/*I HATE YOU INTERNET EXPLORER*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#tile-3 {max-height:300px;height:auto;}
#tile-3 img {height:auto;width:auto;top:50%;left:50%;transform: translate(-50%, -0%);}
#tile-4 {max-height:200px;height:auto;}
#tile-4 img {height:auto;width:auto;top:50%;left:50%;transform: translate(-50%, -0%);}
img {width:auto !important;max-width:none !important;}
}