/* =================================================================================

    Project Information

    Theme Name: CMDS Online Theme Child
    Theme URI: http://www.cmdsonline.com
    Description: Custom WordPress theme framework for CMDS clients.
    Version: 5.1.3
    Author: CMDS Online
    Author URI: http://www.cmdsonline.com
    Template: cmds_theme

================================================================================= */

/******************** FONT LIST **********************/

/************ BOOTSTRAP CUSTOMIZATIONS ************/

@media (min-width:995px){ .container { width: 949px; } }
@media (min-width:1200px){ .container { width: 1110px; } }

/*********** CMDS Helper Classes *************/

.navbar-nav>li { float:none; }
.nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after { content:normal !important; }
.absolute { position:absolute; }
.relative { position:relative; }
.pull-none { float:none !important; }
.vertical-align { display: table-cell; vertical-align: middle; }
.no-side-padding { padding-left:0px !important; padding-right:0px !important; }
.no-right-padding { padding-right:0px !important; }
.no-left-padding { padding-left:0px !important; }
.no-top-padding { padding-top:0px !important; }
.no-bottom-padding { padding-bottom:0px !important; }
.no-padding { padding:0px; }

.padding-bottom-5 { padding-bottom:5px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-15 { padding-bottom:15px; }
.padding-bottom-20 { padding-bottom:20px; }
.padding-bottom-25 { padding-bottom:25px; }
.padding-bottom-30 { padding-bottom:30px; }
.padding-bottom-35 { padding-bottom:35px; }
.padding-bottom-40 { padding-bottom:40px; }
.padding-bottom-45 { padding-bottom:45px; }

.padding-top-5 { padding-top:5px; }
.padding-top-10 { padding-top:10px; }
.padding-top-15 { padding-top:15px; }
.padding-top-20 { padding-top:20px; }
.padding-top-25 { padding-top:25px; }
.padding-top-30 { padding-top:30px; }
.padding-top-35 { padding-top:35px; }
.padding-top-40 { padding-top:40px; }
.padding-top-45 { padding-top:45px; }

.margin-bottom-5 { margin-bottom:5px; }
.margin-bottom-10 { margin-bottom:10px; }
.margin-bottom-15 { margin-bottom:15px; }
.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-25 { margin-bottom:25px; }
.margin-bottom-30 { margin-bottom:30px; }
.margin-bottom-35 { margin-bottom:35px; }
.margin-bottom-40 { margin-bottom:40px; }
.margin-bottom-45 { margin-bottom:45px; }

.margin-top-5 { margin-top:5px; }
.margin-top-10 { margin-top:10px; }
.margin-top-15 { margin-top:15px; }
.margin-top-20 { margin-top:20px; }
.margin-top-25 { margin-top:25px; }
.margin-top-30 { margin-top:30px; }
.margin-top-35 { margin-top:35px; }
.margin-top-40 { margin-top:40px; }
.margin-top-45 { margin-top:45px; }

.no-side-margin { margin-left:0px !important; margin-right:0px !important; }
.no-right-margin { margin-right:0px !important; }
.no-left-margin { margin-left:0px !important; }
.no-top-margin { margin-top:0px !important; }
.no-bottom-margin { margin-bottom:0px !important; }
.no-margin { margin:0px; }
.email-confirm { display:none !important; border: 0 !important; opacity: 0 !important; font-size: 0 !important; outline: none !important; }

.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flex-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; align-items:center; -ms-flex-align: center; -webkit-justify-content: center; justify-content:center; }
.flex-center > * { -ms-flex: 0 1 auto; }
.flex-justify-between {justify-content: space-between;}

.order-1{-ms-flex-order:1; order:1}
.order-2{-ms-flex-order:2; order:2}

@media (min-width:768px){
    .flex-desktop { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
    .order-sm-1{-ms-flex-order:1;order:1}
    .order-sm-2{-ms-flex-order:2;order:2}
}

.animated {visibility: visible !important;}

.error-field-line { border-bottom: 2px solid red !important; }

.nowrap {white-space: nowrap;}

/*********** CMDS General Tag Styles *************/

* { /*box-sizing:border-box;*/ /*transition: all 0.25s;*/ }

/*html{ scroll-behavior: smooth;}*/
body { font-family:'Lato', arial, sans-serif; height: 100%; }
p { }
a { color:#1e4263; text-decoration:none; -moz-transition: color 0.25s, background 0.25s, border 0.25s; -webkit-transition: color 0.25s, background 0.25s, border 0.25s; transition: color 0.25s, background 0.25s, border 0.25s; outline: none; }
a:visited { color:#26abe0; text-decoration:underline; }
a:hover, a:active, a:focus { color:#26abe0; cursor:pointer; outline: none; }
ul { padding-bottom:0px; margin-bottom:5px; padding-left:0px; margin-top:5px; }
ul li { padding-bottom:9px; padding-left:16px; list-style:none; }
h1 { font-size:36px; color:#1d2121; margin:0px 0px 10px 0px; padding:0px; line-height:1; }
h2 { font-size:32px; color:#1d2121; margin:0px 0px 0px 0px; padding:0px; line-height:1; }
h3 { font-size:24px; color:#1d2121; margin:0px 0px 0px 0px; padding:0px; line-height:1; }
h4 { line-height:21px; }
h5 { font-size: 16px; }
h6 { }
.regular { font-weight:400 !important; }
sup { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.7em; }
h2 sup { font-size: 0.6em; top: -0.6em; }
.wp-pagenavi { padding-top: 15px; padding-bottom:25px; text-align:center; font-size:17px; }
.wp-pagenavi .pages { display:none;  }
.wp-pagenavi a, .wp-pagenavi span { border:0px; margin:0px; }

.button { display:inline-block; margin-top:20px; color:#26abe0; font-size:14px; padding:12px 30px; border:1px solid rgba(38,171,224,0.4) !important; background:transparent; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.hero-header .button { font-size:12px; }
.button:hover, .button:active { border:1px solid #26abe0 !important; text-decoration:none; }
.button.white { border:1px solid rgba(255,255,255,0.5) !important; color:#fff !important; font-weight:600; }
.button.white:hover, .button.white:active, .button.white:focus { border:1px solid #fff !important; text-decoration:none; }
.button.green { border:1px solid rgba(107,243,80,0.5) !important; color:#6bf350 !important; font-weight:400; }
.button.green:hover, .button.green:active { border:1px solid #6bf350 !important; text-decoration:none; }
.button-fill { display: inline-block; margin-top: 20px; background:#26ace2; color: #fff; font-size: 14px; font-weight:700; padding: 12px 30px; line-height:1; }
.button-fill:hover, .button-fill:active, .button-fill:focus { color:#fff; background:#1983ad; text-decoration:none; }
.button-fill:visited { color:#fff; text-decoration:none; }

.button:hover, .button:active, .button.white:hover, .button.white:active { text-decoration:none !important; color:#fff !important; }
.button:hover, .button:active, .button.white:hover, .button.white:active { background:#26ace2; border:1px solid #26ace2 !important; color:#fff; }
.button:hover > i, .button:active > i, , .button.white:hover > i, .button.white:active > i { color:#fff !important; }

.blue { color:#26ace2 !important; }
.dark-gray { color:#17213a !important; }

.close { opacity:1; }
.close-button { height: 20px; width: 20px; position: relative; box-sizing: border-box; line-height: 20px; display: inline-block; }
.close-button::before, .close-button::after {
    transform: rotate(-45deg);
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -10px;
    display: block;
    height: 1px;
    width: 20px;
    background-color: #fff;
    transition: all 0.25s ease-out;
}
.close-button::after {
    transform: rotate(45deg);
}
.close-button:hover::before, .close-button:hover::after {
    transform: rotate(0deg);
}

.sumome-share-client-wrapper { margin:25px 0 !important; }

.scroll-link { color:#26ace2 !important; }
.quick-links { font-size:14px; margin-bottom:25px; padding-left:5px; padding-bottom:15px; border-bottom:1px solid #f1f1f1; /*border:1px solid #f1f1f1; padding:25px 15px 10px 15px;*/ }
.quick-links h3 { margin:0 0 15px 0 !important; padding-left:15px; }
.quick-links a { display:block; line-height:1.25 !important; margin-bottom:15px; position:relative; }
.quick-links a .fa { position:absolute; top:3px; left:-20px; }
table.pro-con { margin:30px 0; }
table.pro-con, table.pro-con td { border-collapse: collapse; }
table.pro-con th { padding:10px 15px; background:#17213a; color:#fff; text-align:center; border:1px solid #fff; }
table.pro-con td { border: 1px solid #eee; padding:10px 15px; font-size:18px; line-height:1.5; }
table.pro-con tr:nth-child(2n) { background:#f1f1f1; }

/******* LOADER ******/
.loader,.loader:before,.loader:after {border-radius: 50%;width: 1.5em;height: 1.5em;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: load7 1.8s infinite ease-in-out;animation: load7 1.8s infinite ease-in-out;}
.loader {color: rgba(58,63,64,0.90);;font-size: 10px;margin: 50px auto;position: relative;text-indent: -9999em;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
.loader:before,.loader:after {content: '';position: absolute;top: 0;}
.loader:before {left: -2.5em;-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.loader:after {left: 2.5em;}
@-webkit-keyframes load7 {0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em;}40% {box-shadow: 0 2.5em 0 0;}}
@keyframes load7 {0%,80%,100% {box-shadow: 0 2.5em 0 -1.3em;}40% {box-shadow: 0 2.5em 0 0;}}

/******* Header ******/
header.absolute { position: absolute; z-index: 80; width: 100%; padding-top:65px; top:0; }
#header-top { padding:0px 60px; }
#logo-home { width:148px; display: inline-block; vertical-align: middle;}
.inc { display:inline-block; width:130px; margin-left:20px; padding-left: 20px; border-left: 1px solid #2EACE0; margin-top:9px; display: inline-block; vertical-align: middle; }
.inc img {width: 100%; height: auto;}
.grow { display:inline-block; border:1px solid #ffffff; font-size:12px; color:#ffffff !important; margin:0 70px; }
.grow:hover { text-decoration:none; border: 1px solid #126a8e !important; background: #126a8e; }
.grow .fa { font-size:15px; color:#26ace2; }
#menu-toggle { position:relative; top:3px; }
.contact-mobile { display:none; border:1px solid #ffffff; font-size:12px; padding:10px; color:#ffffff !important; margin:0 20px; }
.contact-mobile:hover, .contact-mobile:visited, .contact-mobile:active { text-decoration:none !important; }
.contact-mobile:hover, .contact-mobile:active { background:#26ace2; border:1px solid #26ace2; }
.contact-mobile:hover > i, .contact-mobile:active > i { color:#fff !important; }

header.bar { padding-top: 0px; background:#17213a; padding:16px 0; z-index:81; width: 100%; position: relative; top: 0; left: 0; right: 0;
-webkit-box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.75);
box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.75);
-moz-transition: top .2s ease-in-out;
-webkit-transition: top .2s ease-in-out;
transition: all .2s ease-in-out;
}

header.bar.fixed {position: fixed !important;}
header.bar.nav-up {top: -100px;}

.top-cta { background:#26ace2; padding:8px 0; position: fixed; z-index: 82; width: 100%; top: 0; left: 0; right: 0; -moz-transition: padding .25s ease-in-out; -webkit-transition: padding .25s ease-in-out; transition: padding .25s ease-in-out; }
.top-cta * {-moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.top-cta h3 { color:#ffffff; font-size:20px; text-transform:uppercase; display:inline-block; margin-right:50px; font-weight:normal; }
.top-cta form, .landing-page-analyzer form { display:inline-block; }
.top-cta form input, .landing-page-analyzer form input { height:36px; border:0; border-radius:0; box-shadow: none; }
.top-cta form input[type="text"], .landing-page-analyzer form input[type="text"]{ font-size:12px; color:#000; padding:8px 15px; width:300px; float:left; border: 1px solid #fff; }
.top-cta form input[type="submit"] { font-size:14px; font-weight:bold; color:#fff; padding:8px 10px; width:150px; background:#26ace2; border:1px solid #7fceee; }
.top-cta form input[type="submit"]:focus, .landing-page-analyzer form input[type="submit"]:focus {outline: 0 !important;}
.top-cta form input[type="submit"]:hover {border-color: #fff;}

.analyzer-landing-container { width:50%; margin:0px auto !important; }
.landing-page-analyzer form input[type="submit"] { font-size:14px; font-weight:bold; color:#fff; padding:8px 10px; width:150px; background:#26ace2; border:1px solid #26ace2; }
.landing-page-analyzer form input[type="submit"]:hover { border-color: #26ace2; background:#5dcc36; border:1px solid #5dcc36; }

.top-cta + header.bar { margin-top: 52px; }

.top-cta.small {padding: 5px 0;}
.top-cta.small h3 {font-size: 12px;}
.top-cta.small form input[type="text"] {display: none;}
.top-cta.small form input[type="submit"] {font-size:12px; padding: 5px; width: 100px; height: auto;}

.top-cta.small + header.bar { margin-top: 38px; }

/** PLACEHOLDER INPUTS **/
form input, form textarea { border-radius:0; outline: none; -webkit-appearance: none; -moz-appearance: none; }
form input::-webkit-input-placeholder { color: #BFBFBF; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; }
form input::-moz-placeholder { color: #BFBFBF; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;  }
form input:-ms-input-placeholder { color: #BFBFBF; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;  }
form input:-moz-placeholder { color: #BFBFBF; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out;  }
form textarea::-webkit-input-placeholder {color: #BFBFBF;}
form textarea::-moz-placeholder  {color: #BFBFBF;}
form textarea:-ms-input-placeholder {color: #BFBFBF;}
form textarea:-moz-placeholder {color: #BFBFBF;}
form input:focus, form textarea:focus {outline: 0 !important;}
form input:focus::-webkit-input-placeholder, form textarea:focus::-webkit-input-placeholder {color: #000;}
form input:focus::-moz-placeholder, form textarea:focus::-moz-placeholder {color: #000;}
form input:focus:-ms-input-placeholder, form textarea:focus:-ms-input-placeholder {color: #000;}
form input:focus:-moz-placeholder, form textarea:focus:-moz-placeholder {color: #000;}

form#whitepaper-form input:focus::-webkit-input-placeholder, form#popup-form input:focus::-webkit-input-placeholder {color: #BFBFBF;}
form#whitepaper-form input:focus::-moz-placeholder, form#popup-form input:focus::-moz-placeholder {color: #BFBFBF;}
form#whitepaper-form input:focus:-ms--input-placeholder, form#popup-form input:focus:-ms--input-placeholder {color: #BFBFBF;}
form#whitepaper-form input:focus:-moz-placeholder, form#popup-form input:focus:-moz-placeholder {color: #BFBFBF;}

form#grow-business-form input::-webkit-input-placeholder, form#grow-business-form input:focus::-webkit-input-placeholder {color: #7a8588; }
form#grow-business-form input::-moz-placeholder, form#grow-business-form input:focus::-moz-placeholder {color: #7a8588; }
form#grow-business-form input:-ms--input-placeholder, form#grow-business-form input:focus:-ms--input-placeholder {color: #7a8588; }
form#grow-business-form input:-moz-placeholder, form#grow-business-form input:focus:-moz-placeholder {color: #7a8588; }



/** sticky header **/
#stickyheader { background:rgba(58,63,64,0.98); position:relative; z-index:25; -webkit-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.08); box-shadow: 0px 0px 28px 0px rgba(0,0,0,0.08); display:none; }
#stickyheader-sticky-wrapper.sticky-wrapper {  z-index:10; height:0px !important; }
#stickyheader-sticky-wrapper.sticky-wrapper.is-sticky { }

/** nav icon **/
.menu-toggle { position:relative; top:3px; padding:10px 0; }
#nav-icon3{ width: 18px; height: 13px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; display:inline-block; }
#nav-icon3 span{ display: block; position: absolute; height: 1px; width: 100%; background: #26ace2; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon3 span:nth-child(1) { top: 0px; transition: .25s ease-in-out; }
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 5px; }
#nav-icon3 span:nth-child(4) { top: 10px; transition: .25s ease-in-out; }
#nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
#nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

.menu-toggle:hover #nav-icon3 span:nth-child(1) { top: 5px; transition: .25s ease-in-out; }
.menu-toggle:hover #nav-icon3 span:nth-child(4) { top: 5px; transition: .25s ease-in-out; }
.menu-toggle:hover #nav-icon3 span:nth-child(3) { top: 5px; transform:rotate(-90deg); }


/******* Newsletter Modal ********/

#newsletter .modal-content { border-radius:0px; margin-top:100px; }
#newsletter .close { color:#fff; position:absolute; right:0; top:-25px; opacity:1; z-index: 1; }
#newsletter .modal-content { box-shadow:none !important; }
#newsletter .modal-content h3 { font-size:50px; color:#000000; font-family: 'Lato', sans-serif; font-weight: normal; text-transform: uppercase; margin-bottom: 10px;}
#newsletter .modal-content .blue-text{ color:#31ade0; }
#newsletter .modal-content p { font-size:24px; font-family: 'Lato', Arial, sans-serif; color:#000; font-weight: lighter;}
#newsletter .modal-content .disclaimer { font-size:14px;}
#newsletter .modal-content input { width:80%; margin-bottom:10px; font-family: 'Lato', sans-serif; font-size:20px; padding: 20px; background: #3B3F40; color: #fff; box-shadow: none; border: 0; float: left; height: 64px;}
#newsletter .modal-content input[type="submit"] { text-transform:uppercase; font-family: 'Lato', sans-serif; width:20%; margin-right:0px; font-weight: bold; border:0px; float: left; background: #2EACE0; padding: 19px; height: 64px;}
.modal-backdrop { opacity:0.8 !important; }
#newsletter .modal-content input[type="submit"]:hover {background: #2088B3;}
#newsletter .modal-content input::-webkit-input-placeholder { color: #9c9c9c !important; opacity:1 !important; }
#newsletter .modal-content input:-moz-placeholder { color: #9c9c9c !important; opacity:1 !important; }
#newsletter .modal-content input::-moz-placeholder { color: #9c9c9c !important; opacity:1 !important;  }
#newsletter .modal-content input:-ms-input-placeholder { color: #9c9c9c !important; opacity:1 !important; }

#newsletter .env-flap {
    position: relative;
    display: inline-block;
    height: 0;
    width: 100%;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    padding-bottom: 22%;
    background-clip: content-box;
    overflow: hidden;
    box-sizing: content-box;
}
#newsletter .env-flap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 34%;
    width: 54%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-19.8deg) skewX(50deg);
    -ms-transform: rotate(-19.8deg) skewX(50deg);
    transform: rotate(-19.8deg) skewX(50deg);
    background: #31ade0;
    box-shadow: 0 0 55px 0 rgba(0,0,0,0.3);
}

#newsletter .env-flap img {position: relative; z-index: 1; margin: 15px auto;}
#newsletter .fa-lock {color: #4dcd47;}
#newsletter .internal-newsletter {width: 100%; padding: 0 45px; margin: 0 0 40px;}
#newsletter-form {margin-bottom: 30px;}

@media ( max-width: 992px ) {
    #newsletter .env-flap {padding-bottom: 25%;}
    #newsletter .env-flap img {width: 75px;}
    #newsletter .modal-content input,  #newsletter .modal-content input[type="submit"] {float: none; margin-left: auto; margin-right: auto; text-align: center;}
}

@media ( max-width: 600px ) {
    #newsletter .env-flap img {width: 50px;}
    #newsletter .modal-content input {width: 100%;}
    #newsletter .modal-content input[type="submit"] {width: 50%;}
    #newsletter .modal-content h3 {font-size: 40px;}
}

@media ( max-width: 450px ) {
    #newsletter .env-flap {padding-bottom: 28%;}
    #newsletter .env-flap img {width: 30px;}
    #newsletter .modal-content h3 {font-size: 24px;}
    #newsletter .modal-content p {font-size: 16px;}
    #newsletter .modal-content input { height:auto; font-size:16px; }
    #newsletter .modal-content input[type="submit"] { height:auto; padding:15px; }
}

/******* Newsletter In Page ********/

/**** Homepage ****/
#hp-slides { position:relative; overflow:hidden; background: #000; height:100vh;
-webkit-box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.75);
box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.75);
}
#hp-slides .slides { margin:0; overflow: hidden; display: none; padding-left: 0; }
#hp-slides .slides .slide { position:relative; padding:0; height:100vh; background-attachment:fixed !important; }
#hp-slides .slides .slide img { width:100%; height:auto; }
#hp-slides .slides .slide .slide-content { position:absolute; bottom:20%; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); }
#hp-slides .slides .slide .slide-content h2 { font-size:120px; font-weight:700; color:#fff; text-transform:uppercase; line-height:1; margin-bottom:5px; }
#hp-slides .slides .slide .slide-content h3 { font-size:32px; font-weight:300; color:#fff; line-height:1; margin-bottom:5px; }
#hp-slides .slides .slide .slide-content a { display:inline-block; margin-top:20px; color:#fff; font-size:12px; padding:8px 30px; border:1px solid #fff !important; }
#hp-slides .slides .slide .slide-content a:hover { color:#26ace2; border:1px solid #26abe0 !important; text-decoration:none; }
#hp-slides .slides .slide .slide-content .blue { color:#26ace2;}

#hp-slides .flex-direction-nav { display:none; }
#hp-slides .flex-control-nav { position:absolute; }

.home-slider-overlay {position:absolute;background:#000;opacity:0.4;top:0px;width:100%;height:100%;z-index:0;}

.scrollmore { position:absolute; z-index:3; bottom:0px; left:3.75%; height:250px;width:1px; }
.scrollmore:after { content: ''; position:absolute; display:block; bottom:0px; left:0px; width:1px; height:33%; background:#26ace2; transform-origin: top; transform: scaleY(0); animation: animatemore 4s infinite ease-in-out; animation-delay: 2s; }

@keyframes animatemore
{
 0%
 {
    transform: translateY(0) scaleY(0);
    transform-origin: top;
    top:33.3%;
    bottom:auto;
 }
 15%
 {
    transform: translateY(0) scaleY(1);
    transform-origin: top;
    top:33.3%;
    bottom:auto;
 }
 17%
 {
    transform: translateY(0) scaleY(1);
    transform-origin: bottom;
    top:auto;
    bottom:33.3%;
 }
 30%
 {
    transform: translateY(0) scaleY(0);
    transform-origin: bottom;
    top:auto;
    bottom:33.3%;
 }
 100%
 {
    transform: translateY(0) scaleY(0);
    transform-origin: bottom;
    top:auto;
    bottom:33.3%;
 }
}

@media (max-width:768px) {
.scrollmore {  left:90% !important; }
}

.circle { position:absolute; z-index: 2; bottom:-220px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); width:320px; height: 320px; border-radius: 100%;padding: 0; user-select: none; cursor: pointer; overflow: hidden; }
.circle-prev, .circle-next { position: relative; width: 50%; float: left; height: 100%; opacity: 0.8; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; cursor: pointer; }
.circle i {font-size: 20px; color: rgba(255,255,255,0.3); position: absolute; top: 22%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: color .2s ease-in-out; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.circle-prev {border-right: 1px solid #fff; border-radius: 0 0 62% 0;}
.circle-next {border-left: 1px solid #fff; border-radius: 0 62% 0 0;}
.circle-prev i { left: 55%;}
.circle-next i { right: 55%;}
.circle-prev:hover, .circle-next:hover {opacity: 1;}
.circle-prev:hover i, .circle-next:hover i { color: rgba(255,255,255,0.8); }
.circle-border {position:absolute; z-index: 3; bottom:-220px; left:50%; width:320px; height: 320px; border-radius: 100%;padding: 0; user-select: none;pointer-events: none;-moz-transform: translateX(-50%) rotate(-125deg);-webkit-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg);-moz-transition: transform 1s ease-in-out;-webkit-transition: transform 1s ease-in-out;transition: transform 1s ease-in-out;}
.circle-border:after {content: '';position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;border-radius: 100%;border: 2px solid #26ace2;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-moz-transform: rotate(8deg);-webkit-transform: rotate(8deg);transform: rotate(8deg);}
.circle-border li {width: 10px;height: 10px;border-radius: 100%;background: #26ace2; padding: 0;margin: 0;-moz-transition: all 0.25s; -webkit-transition: all 0.25s;transition: all 0.25s;display: inline-block;cursor: pointer;position: absolute;z-index: 3;}
.circle-border li.active {background: #fff;}
.circle-border li:nth-of-type(1){top: 61px;left: 8%;}
.circle-border li:nth-of-type(2){ top: 14px;left: 25%;}
.circle-border li:nth-of-type(3){top: -4px;left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%);}
.circle-border li:nth-of-type(4){ top: 14px;right: 25%;}
.circle-border li:nth-of-type(5){top: 61px; right: 8%;}

/*
.flex-control-nav-circle {position: absolute;z-index: 2;padding: 0;margin: 0;width: 320px;left: 50%;-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);bottom: 100px;text-align: center;height: 0;user-select: none;}
.flex-control-nav-circle li {width: 9px;height: 9px;border-radius: 100%;background: #26ace2;padding: 0;margin: 0;-moz-transition: all 0.25s;-webkit-transition: all 0.25s;transition: all 0.25s;display: inline-block;cursor: pointer;position: relative;line-height: 1;vertical-align: middle;opacity: 0;}
.flex-control-nav-circle li:hover {background: #2a6275;}
.flex-control-nav-circle li.flex-active {background: #fff; opacity: 1;}
.flex-control-nav-circle.slides-5 li {margin: 59px 26px 0;}
.flex-control-nav-circle.slides-5 li:nth-of-type(2) {top: -48px;left: -4px;}
.flex-control-nav-circle.slides-5 li:nth-of-type(3) {top: -63px;}
.flex-control-nav-circle.slides-5 li:nth-of-type(4) {top: -48px;right: -4px;}
*/

/* mindshare */
#mindshare-container {padding-bottom:0px;height:95vh;top: 50%;position:relative;}
#mindshare-inner { position:absolute; top: 50%; left:50%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.clip-text { font-size: 220px; font-weight: 900; line-height: 1; position: relative; display: inline-block; /* padding-top:100px; */ padding-bottom:50px; text-align: center; color: #0b1121;  background: -webkit-linear-gradient(transparent, transparent), url('images/mindshare-clip-image.jpg') repeat; background-size: 105%; background-position: -15% 50%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.clip-text:before, .clip-text:after { position: absolute; content: ''; }
.clip-text:before { z-index: -2; top: 0; right: 0; bottom: 0; left: 0; /*background-image: inherit;*/ }
.clip-text:after { position: absolute; z-index: -1; top: .125em; right: .125em; bottom: .125em; left: .125em; background-color: #fff; }
/*.clip-text_one { background-image: url('images/mindshare-clip-image.jpg'); background-size: 105%; background-position: -15% 50%; }*/
.clip-text_one:after { content:''; display:block; width:100%; height:18px; background:#f5df43; left:0; top:auto; bottom:35px; }

.capture { font-size:24px; text-transform:uppercase; position:absolute; -webkit-text-fill-color: #3f3e3a; font-weight:400; left:295px; top:30px; }
.capture strong { font-weight:900; }
.mindshare-text p { font-size:24px; font-weight:300; color:#17213a; text-align:center; width:100%; max-width:830px; margin:0 auto; }

.toanimate {height: 100%; width: 100%; z-index: 1; position: relative; visibility: hidden;}
.toanimate .section-content {z-index: 1;}
.toanimate.animated {-webkit-animation-fill-mode: none !important; animation-fill-mode: none !important; }

.hp-section { min-height:0;  height:90vh; position:relative; overflow:hidden; webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; position: relative; background-attachment: fixed;}
.hp-section .section-content { max-width:670px; min-height:450px; background:#ffffff; padding:55px; position:relative; opacity:0.9; }
.hp-section .section-content h2 { font-size:24px; font-weight:400; color:#1d2121; line-height:1; margin-bottom:10px; }
.hp-section .section-content h3 { font-size:32px; font-weight:300; color:#1d2121; margin-bottom:25px; line-height:1.25; }
.hp-section .section-content p { font-size:20px; font-weight:300; color:#8f9293; }
.hp-section .section-content.left { position:absolute; left:0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.hp-section .section-content.right { position:absolute; right:0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hp-section .section-content.left:after { content:''; display:block; position:absolute; top:0; right:-200px; width: 0; height: 0; border-style: solid; border-width: 225px 0 225px 200px; border-color: transparent transparent transparent #ffffff; }
.hp-section .section-content.right:after { content:''; display:block; position:absolute; top:0; left:-200px; width: 0; height: 0; border-style: solid; border-width: 225px 200px 225px 0;  border-color: transparent #ffffff transparent transparent; }

.pt { position:absolute; font-weight:900; font-size:243px; text-transform:uppercase; line-height: 0.7; color:#000000; opacity:0.25; z-index: 1; bottom: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); display: block; webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -moz-transition: none !important; -webkit-transition: none !important; transition: none !important; }
.pt.left { left:0; }
.pt.right { right:0; }

.home-logos { padding:80px 0; }
.home-logos h3 { margin-bottom:35px; }
.home-logos ul { display: flex; justify-content: space-between; }
.home-logos ul li { padding:0; display:flex; align-items:center; float:left; height:75px;  }
.home-logos ul li img { display:block; margin:0 auto; width:95%; }

.blog-section { background:#0b1121; padding:60px 0; overflow-x: hidden; position: relative; z-index: 1;}
.blog-section ul { padding:0; }
.blog-section ul li { list-style:none; }
.blog-section h3 { color:#fff; margin-bottom:50px; }
.blog-carousel { position:relative; }
.blog-carousel .slide { min-height:650px; }
.blog-carousel .slide a { display:block; }
.blog-carousel .slide:nth-child(even) { background: #f1f1f1; }
.blog-carousel .slide:nth-child(odd) { background: #fafafa; }
.blog-carousel .slide .feat-img { height:250px; background:#ccc; }
.blog-carousel .slide .date { display:inline-block; margin-top:30px; margin-bottom:20px; font-size:24px; font-weight:700; color:#26ace2; text-transform:uppercase; margin-left:10px; }
.blog-carousel .slide h4 { font-size:28px; font-weight:300; line-height:32px; /*margin-bottom:15px;*/ margin-top:0; }
.blog-carousel .slide .title-height { margin-bottom:15px; }
.blog-carousel .slide p.excerpt { font-size:16px; line-height:22px; font-weight:300; padding-bottom:40px; border-bottom:2px solid #26ace2; color:#8f9293; }
.blog-carousel .slide p.categories { font-size:16px; color:#8f9293; text-transform:uppercase; font-weight:300; }
.blog-carousel .slide p.categories a { display:inline; color:#2cade2; }
.blog-carousel .slide .arrow { display:inline-block; background:url('images/cmds-arrow-blog.png') no-repeat center #17213a; height:34px; width:34px; border-radius:50%; position:relative; top:7px; }

.blog-carousel .slide:hover { background:#17213a !important; }
.blog-carousel .slide:hover a { text-decoration:none; }
.blog-carousel .slide:hover h4 { color:#fff; }
.blog-carousel .slide:hover p.excerpt, .blog-carousel .slide:hover p.categories { color:#fff; }
.blog-carousel .slide:hover .arrow { background:url('images/cmds-arrow-blog.png') no-repeat center #ffffff; }

.blog-carousel .flex-direction-nav li a { position:absolute; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:0px; text-decoration:none !important; }
.blog-carousel .flex-direction-nav .flex-prev { left:-100px; }
.blog-carousel .flex-direction-nav .flex-prev:before { font-family: FontAwesome; content: "\f053"; font-size:45px; color:#fff; opacity:0.3; }
.blog-carousel .flex-direction-nav .flex-next { right:-100px; }
.blog-carousel .flex-direction-nav .flex-next:before { font-family: FontAwesome; content: "\f054"; font-size:45px; color:#fff; opacity:0.3; }
.blog-carousel .flex-control-nav { display:none; }
.blog-carousel .flex-direction-nav .flex-prev:hover:before, .blog-carousel .flex-direction-nav .flex-next:hover:before { opacity:1; text-decoration:none; }

.sumome-share-client-wrapper { margin:15px 0px !important; }
.breadcrumbs.single { margin-bottom:15px !important; }

/**** Interior Content ****/
header.bar + #interior-content { margin-top: 90px; }
#blog-ajax-hold {margin-top: 134px;}
#blog-ajax-hold #interior-content {margin-top: 0;}
#blog-ajax-hold .page-content {margin-top: 0;}

/**** Page Content ****/
.page-content { margin-top:50px; font-size: 20px; line-height: 32px; font-weight: 300; color: #8f9293; }
.page-content h1 { font-size: 42px; line-height: 48px; color: #26ace2; margin-bottom:30px; }
.page-content h2 { margin-bottom:15px; }
.page-content h3 { font-weight: 300; margin: 15px 0; }

ul { padding-left:1.5em; }
ul li { list-style:disc; }

.hero-header { height:100vh; min-height:800px; background:#0b1121; position:relative; overflow:hidden; }
.hero-header:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; z-index: 2; background: linear-gradient(0deg, rgba(11,17,33,1) 10%, rgba(11,17,33,0) 100%); }
.hero-header video { position:fixed; /*height:100%;*/ width:auto; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:1; }
.hero-header .hero-content { position:absolute; z-index:3; bottom: 25%; padding-left: 60px; padding-right: 30px;}
.hero-header .hero-content h1 { font-size:14px; color:#fff; text-transform: uppercase; border-bottom: 1px solid #26ace2; padding-bottom: 15px; display: inline-block;}
.hero-header .hero-content h2, .hero-header .hero-content h1.home-heading { font-size: 130px; font-weight: 700; color: #fff; text-transform: uppercase; line-height: 1; margin-bottom: 5px; border-bottom:0px; }
.hero-header .hero-content h2.longer-title, .hero-header .hero-content h1.home-heading.longer-title {font-size: 110px;}
.hero-header .hero-content h1.home-heading { padding-bottom:0px; }
.hero-header .hero-content h3 { font-size: 32px; font-weight: 300; color: #fff; line-height: 1; margin-bottom: 5px; }
.hero-header .hero-content a {  }

.intro-section { padding:150px 0; }
.intro-section h3 { font-size:52px; line-height:1; font-weight:300; color:#2ca9d9; }
.intro-section p { font-size:24px; line-height:32px; color:#0b1121; font-weight:300; }

section {background: #fff; z-index: 1; position: relative;}

.cta { padding:150px 0; position:relative; }
.cta .container { position:relative; z-index:2; }
.cta h3 { font-size:52px; text-transform: uppercase; font-weight:300; color:#2ca9d9; margin-bottom:25px; }
.cta p { font-size:24px; line-height:32px; color:#fff; font-weight:300; }
.cta .cta-overlay { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.75; background:#0b1121;

/*
background: rgba(58,63,64,0.8);
background: -moz-linear-gradient(left, rgba(58,63,64,0.8) 0%, rgba(58,63,64,0.9) 50%, rgba(58,63,64,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(58,63,64,0.8)), color-stop(50%, rgba(58,63,64,0.9)), color-stop(100%, rgba(58,63,64,1)));
background: -webkit-linear-gradient(left, rgba(58,63,64,0.8) 0%, rgba(58,63,64,0.9) 50%, rgba(58,63,64,1) 100%);
background: -o-linear-gradient(left, rgba(58,63,64,0.8) 0%, rgba(58,63,64,0.9) 50%, rgba(58,63,64,1) 100%);
background: -ms-linear-gradient(left, rgba(58,63,64,0.8) 0%, rgba(58,63,64,0.9) 50%, rgba(58,63,64,1) 100%);
background: linear-gradient(to right, rgba(58,63,64,0.8) 0%, rgba(58,63,64,0.9) 50%, rgba(58,63,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b1121', endColorstr='#0b1121', GradientType=1 );
*/

}

.featured-project { position:relative; height:95vh; min-height:600px; background:#ccc; }
.featured-project .container { position:absolute; left:50%; top:60%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:2; }
.featured-project h1 { text-transform:uppercase; font-size:14px; font-weight:300; color:#fff; }
.featured-project h2 { text-transform:uppercase; font-size:60px; font-weight:600; color:#fff; display:inline-block; padding-bottom:10px; border-bottom: 5px solid #26ace2; margin-bottom:10px; }
.featured-project h3 { font-size:32px; line-height:1.25; font-weight:300; color:#fff; }
.featured-project .button { margin-top:25px; }
.project { margin-bottom:50px; visibility: hidden;}
/*.project:nth-child(even) { margin-top:50px; }*/
.project-container { padding:0 15px; }
.project-container h2 { font-weight:400; font-size:24px; margin:20px 0 5px 0; color:#2ca9d9; }
.project-container h2 a { color:#2ca9d9 !important; }
.project-container p { font-weight:300; font-size:20px; color:#8f9293; line-height:1.5; }
.proj-img { position:relative; background-size:cover !important; padding: 37% 0; }

.project-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(58,63,64,0.8); opacity:0; transition:0.25s; }
.proj-img:hover .project-overlay { opacity:1; transition:0.25s;  }

#portfolio-filters { background:#17213a; padding:30px 0; }
#portfolio-filters h3 { text-transform:uppercase; font-size:20px; font-weight:600; color:#ffffff; margin:0; }
#portfolio-filters .blog-filter span.filter-text {padding-top: 5px;}
#portfolio-filters .blog-filter .bootstrap-select { margin-left: 20px !important;}
#portfolio-filters .blog-filter .bootstrap-select button {color: #fff !important; font-size: 30px;}
#portfolio-filters .blog-filter .bootstrap-select .filter-option {font-size: 20px; font-weight: 300 !important;}
#portfolio-filters .view-all {vertical-align: middle; margin-left: 20px; margin-top: 0; margin-bottom: 10px; cursor: pointer;}
#portfolio-filters .container {max-width: 100%;}

/*@media (min-width: 995px){ #portfolio-filters .container {width: 1149px; padding-left: 115px;} #portfolio-filters h3 {font-size: 18px;} }*/
@media (min-width: 1300px){ #portfolio-filters .container {width: 1400px; padding-left: 160px;} #portfolio-filters h3 {font-size: 20px;} }

.portfolio-header { position:relative; background:#21668e; height:90vh; min-height:850px; padding-top:200px; margin-bottom:260px; }
.portfolio-header .overlay { position:absolute; height:100%; width:100%; top:0; background:#21668e; opacity:0.45; z-index:1; left: 0; }
.portfolio-header .container { position:relative; z-index:2; }
.portfolio-header h1, .like-h1 { font-size:60px; color:#fff; text-transform: uppercase; font-weight:600 !important; margin-bottom:35px; }
.portfolio-header .type, .like-type { font-size:30px !important; color:#fff; text-transform: uppercase; font-weight:300 !important; margin-bottom:5px; }
.portfolio-header .type a { color:#fff; }

.browser { width:100%; height:664px; position:relative; background:url(images/browser-frame.jpg) no-repeat; background-size:contain; overflow:hidden;
-webkit-box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.5); box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.5);
}
.browser-internal {margin-top:70px; overflow: hidden; height: 100%; background:#ffffff; }
.browser .screenshot { position:relative; top: 0; }

.project-intro { width:75%; margin:0 auto; }
.project-intro h2 { font-size:52px; font-weight:300; color:#26ace2; margin-bottom:25px; }
.project-intro p { font-size:24px; line-height:32px; font-weight:300; color:#0b1121; }

/*.project-mobile { position:relative; width:828px; height:838px; background:url(images/project-phone.png) no-repeat; background-size:contain; margin-left:35px; }
.project-mobile .ss { position:absolute; }
.project-mobile .ss img { width:100%; height:auto; }
.project-mobile .ss.one { top:71px; left:54px; width:295px; height:545px; }
.project-mobile .ss.two { top:75px; left:180px; width:344px; height:545px; }
.project-mobile .ss.three { top:75px; left:330px; width:344px; height:545px; }*/

.iphonex { position:relative; width:500px; height:737px; background:url(images/iphonex.png) no-repeat; background-size:cover; /*margin-left:35px;*/ margin-left:15%; }
.iphonex .ss { position:absolute; }
.iphonex .ss img { width:100%; height:auto; }
.iphonex .ss.one { top:16px; left:18px; width:223px; height:629px; }
.iphonex .ss.two { top:80px; left:130px; width:221px; height:530px; }
.iphonex .ss.three { top:65px; left:270px; width:255px; height:551px; }

.project-description {  }
.design-content { max-width:455px; }
.project-description h2 { color: #0b1121; font-weight: 300; }
.project-description h3 { font-size:52px; color:#26ace2; font-weight:300; margin:30px 0; }
.project-description p { font-size:18px; line-height:26px; font-weight:300; color:#0b1121; }

.project-description ul { padding-left:25px; }
.project-description ul li { font-size:18px; line-height:26px; font-weight:300; color:#0b1121; padding-bottom: 8px; list-style: none; position: relative; padding-left:0; }
.project-description ul li:before { font-family: FontAwesome; content: '\f14a'; color: #26ace2; position: absolute; left: -25px; }

#callout-3 .project-description {padding-top:350px; padding-bottom:50px;}

.project-icon { font-size:36px !important; color:#0b1121; }
.details { padding:0; margin-top:30px; }
.details li { text-transform: uppercase; text-align:center; float:left; padding:0; list-style:none; margin-right:35px; }
.details .big { font-size:42px; font-weight:600; color:#26ace2; }
.details .small { font-size:14px; font-weight:300; color:#26ace2; }


.project-icons p {font-size: 20px; text-transform: uppercase; font-weight: 700; margin-bottom: 15px;}
.project-icons p .fa {font-size: 26px; min-width: 30px;}

.branding-img { margin:50px 0; }
/*.service-social { min-height:700px; }*/
.social-screenshots { position:relative; height: 575px; margin:50px 0; }
.social-screenshots .screenshot-1 { position:absolute; right:0; height:100%; width:auto; z-index:2; border:6px solid #dcdde1; }
.social-screenshots .screenshot-2 { position:absolute; height:75%; width:auto; top: 12%; left:50px; z-index:1; border:6px solid #dcdde1; }

.project-testimonials { margin:100px auto 0;  }
.project-testimonials > div { max-width:750px; margin:0 auto; }
.project-testimonials h3 { font-size:36px; font-weight:300; color:#26ace2; margin-bottom:20px; }
.project-testimonials p { font-size:20px; line-height:32px; font-weight:300; margin-bottom:30px; }
/*.project-testimonials .title-company { display:block;font-size:16px;line-height:1.25; }*/
.view-more { font-size:17px; margin:0 auto; }
.title-company { display:block;font-size:16px;line-height:1.25; }

.feat-service:before { content:''; display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.35; top:0; left:0; z-index:1;  }
.feat-service-parent {  transition: 0.15s all ease; -webkit-transition: 0.15s all ease; -ms-transition: 0.15s all ease; }
.feat-service-parent:hover {  }
.service-hover-state { transition: 0.15s all ease; -webkit-transition: 0.15s all ease; -ms-transition: 0.25s all ease; opacity:0; display:none; background:#0b1121; position:absolute; width:100%; height:100%; padding:10%; color:#fff; z-index:3; }
.service-hover-state h3 { /*text-transform:uppercase;*/ color:#fff; font-size:42px; line-height:1; }
.service-hover-state h3 br { display:none; }
.feat-service-parent:hover > .service-hover-state { opacity:0.9; display:flex; align-items:center;  }

.service-hover-state:hover { box-shadow: inset 0 0 0 20px #ffffff; transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -ms-transition: 0.25s all ease; }

.feat-service { width:100%; height:400px; background:#ccc; text-align:center; }
.feat-service:hover { text-decoration:none; }
.feat-service h2 { font-size:30px; color:#fff; font-weight:300; }

.full-image { /*height:618px;*/ padding-bottom: 45%; max-height:618px; float:left; background-attachment:fixed; }
.full-image.one { width:65%; }
.full-image.two { width:35%; }

.quote {color: #26ace2; font-size: 43px; font-weight: 300; line-height: 1.2; text-indent: -17px;}

.partner-logo { margin:20px 0; }

#agency-testimonials { padding:115px 0; overflow: hidden; position: relative; z-index: 1;}
#agency-testimonials .container { position:relative; z-index:2; }
#agency-testimonials h2 { font-size:42px; line-height:1.1; color:#2ca9d9; margin-bottom:40px; font-weight:300; }
#agency-testimonials p { font-size:20px; line-height:32px; font-weight:500; color:#0b1121; margin-bottom:30px; }
#agency-testimonials p.title { font-size:20px; /*text-transform: uppercase;*/ font-weight:300; color:#0b1121; margin:0; margin-top:10px; }
#agency-testimonials .headshot { height:70px; width:70px; border-radius:50%; margin:0 auto; }
#agency-testimonials .test-container { padding:0 75px; }
#agency-testimonials .slides, #agency-testimonials .slides li { padding:0; }
#agency-testimonials .flex-direction-nav { display:none; }
#agency-testimonials .flex-control-paging { padding:0; text-align:center; margin-top:20px; position:relative; z-index:2; }
#agency-testimonials .flex-control-paging li { list-style:none; display:inline-block; margin:0 8px; }
#agency-testimonials .flex-control-paging li a { display:block; height:12px; width:12px; border-radius:50%; background:#c2c3c3; font-size:0px; }
#agency-testimonials .flex-control-paging li a.flex-active { background:#2ca9d9; }
#agency-testimonials .pt { position:absolute; left: 0; bottom: 0; opacity:0.06; }

.logo-section { padding-top:80px; padding-bottom:30px; }
.logo-section h3 { font-size:38px; color:#0b1121; font-weight:300; margin-bottom:40px; }

.google-map iframe {width: 100%;height: 350px; }
input[type="text"], input[type="email"], textarea, #gdpr-form select {-moz-transition: border .2s ease-in-out; -webkit-transition: border .2s ease-in-out; transition: border .2s ease-in-out;}
input[type="text"], input[type="email"], #gdpr-form select { height: 42px; border: 0; display: inline-block; padding: 10px 15px; font-size: 12px; line-height:1; color: #000; border:1px solid #ccc;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
input[type="text"]:-webkit-autofill,
input[type="email"]:-webkit-autofill{
    height: 42px; border: 0; display: inline-block; padding: 10px 15px; font-size: 12px; color: #000; border:1px solid #ccc;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
textarea { display: inline-block; padding: 10px 15px; font-size: 12px; line-height:1.25; color: #000; border:1px solid #ccc; }
input[type="submit"], button[type="submit"] { display:block; width:auto; margin:0 auto; padding: 5px 50px; min-width:150px; -webkit-appearance: none; appearance: none; border-radius: 0; }
#footer-form, #contact-form, #analyze-form {margin-bottom: 50px;}
#footer-form input[type="text"]:focus, #footer-form textarea:focus, #contact-form input[type="text"]:focus, #contact-form textarea:focus, #gdpr-form input[type="text"]:focus, #gdpr-form input[type="email"]:focus, #gdpr-form textarea:focus, #analyze-forminput[type="text"]:focus, #analyze-form textarea:focus, #inline-form input[type="text"]:focus, #gdpr-form select:focus {border: 1px solid #000; }
#footer-form input[type="text"], #footer-form textarea, #contact-form input[type="text"], #contact-form textarea, #gdpr-form input[type="text"], #gdpr-form input[type="email"], #gdpr-form textarea, #analyze-form input[type="text"], #analyze-form textarea, #inline-form input[type="text"], #gdpr-form select { width: 100%; margin-bottom:10px; }
#footer-form button[type="submit"], #contact-form button[type="submit"], #gdpr-form button[type="submit"], #analyze-form button[type="submit"], #inline-form button[type="submit"] { margin:30px auto; border:0; background:#2EACE0; color:#fff; padding-top: 10px; padding-bottom: 10px; }
#footer-form button[type="submit"]:hover, #contact-form button[type="submit"]:hover, #gdpr-form button[type="submit"]:hover, #analyze-form button[type="submit"]:hover, #inline-form button[type="submit"]:hover { background:#2088B3; }
.g-recaptcha { display:block; width:305px; margin:10px auto; }
#contact-form .blog-filter, #analyze-form .blog-filter { margin:30px 0; }
#analyze-form input[type="checkbox"] {-webkit-appearance: checkbox; -moz-appearance: checkbox;}
#analyze-form input[type="checkbox"] + label {font-weight: 300 !important; font-size: 12px !important; text-transform: uppercase;}
.career-message {margin-bottom: 100px; }
.career-message h2 { font-weight:300; line-height:1.25; }

/* Careers */
.each-job-listing {display: block; margin-bottom: 8px;}
.link-status {text-transform: uppercase; border: 2px solid; display: inline-block; font-size: 10px; padding: 5px 10px; font-weight: 800; margin-left: 7px; margin-top: 3px; margin-bottom: 3px;  line-height: 1;}
.link-status-yes {color: #4b8230; border-color: #80dd53; background: #c0edaf;}
.link-status-maybe {color: #192238; border-color: #192238;}
.link-status-no {color: #99abb5; border-color: #99abb5;}
.parent-pageid-45573 .link-status { font-size: 14px; padding: 8px 12px; font-weight: 800; margin-left: 0; margin-top: 0; margin-bottom: 15px;  line-height: 1;}
/* End Careers */

.analyzer-url {text-transform: none !important;}

h3.employee-name { margin:15px 0px 5px 0px; }

.gray-block {background: #0b1121; color: #fff; padding: 60px 0;}
.gray-block h3 { margin: 0 0 15px; color: #fff;}
.gray-block a {color: #fff !important; }


.consent-lable {font-size: 14px !important; margin: 0 !important; font-weight: normal !important; display: inline-block !important; vertical-align: middle; cursor: pointer; width: 90% !important; line-height: 1.2 !important;}
.consent_confirm { -webkit-appearance: checkbox; appearance: checkbox; display: inline-block !important; vertical-align: middle; cursor: pointer; margin: 0 !important; width: auto !important;}


/**** Blog Styles ****/

.blog-header { position:relative; min-height:470px; background:#0b1121; padding-top:220px; padding-bottom:150px; margin-bottom:75px; -webkit-box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.75); margin-top: 52px; background-attachment: fixed !important;
-moz-box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.75); box-shadow: 0px 10px 50px -10px rgba(0,0,0,0.75); }
.blog-header .container { position:relative;z-index:2; }
.blog-header h1 { color:#fff; margin-bottom:15px; line-height:1.3; }
.feat { font-size:16px !important; text-transform: uppercase; font-weight:300; margin-bottom:10px; }
/*#blog-ajax-hold {margin-top: 172px;}*/
.blog-header h2 { color:#fff; font-size:32px; font-weight:300; }
.blog-container { padding:0 40px; }
.blog-filter { font-size:24px; font-weight:300; color:#3b3f40; text-transform:uppercase; margin-bottom:80px; }
.blog-filter .bootstrap-select { margin-left:15px; border-bottom: 1px solid #898F94; margin-bottom:10px; }
.blog-filter .bootstrap-select .filter-option { font-size:24px; font-weight:400; }
.blog-filter .bootstrap-select:hover + .filter-text {opacity: 0.6;}
.blog-filter span {display: inline-block;vertical-align: middle;}
.blog-filter span.filter-text {float: left;opacity: 1;transition: opacity .2s ease-in-out;}
.blog-filter .bootstrap-select { width: auto !important; float: right; margin-left:15px !important; }
.blog-filter .bootstrap-select button {font-size: 24px;font-weight: 300;color: #3b3f40;text-transform: uppercase;line-height: 1;outline: 0 !important;border: 0;margin: 0 0 0 5px !important;padding: 0;display: inline-block;vertical-align: middle;border-bottom: 2px solid #2EACE0;border-radius: 0;-webkit-appearance: none;appearance: none;background: none !important;box-shadow: none !important; padding-top: 5px; padding-bottom: 0;}
.blog-filter .bootstrap-select .dropdown-toggle:active,.blog-filter .bootstrap-select .dropdown-toggle:focus {outline: 0 !important;box-shadow: none;border-color: #2EACE0 !important;}
.blog-filter .bootstrap-select button:hover {border-color: #2EACE0 !important;}
.blog-filter .bootstrap-select ul li {list-style: none !important;padding-left: 0 !important;}
.blog-filter .bootstrap-select ul li a {padding-left: 5px !important;}
.blog-filter .dropdown-menu {border-radius: 0; z-index: 20;}
.blog-filter .bs-caret { margin: 0 15px; }
.blog-filter .bootstrap-select.btn-group .dropdown-toggle .caret { top:25%; color:#2EACE0; border-top: 8px dashed; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom:0; }
.bootstrap-select.open .caret { transform:rotate(180deg); }

.row-flex {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.blog-preview { margin-bottom:20px; visibility: hidden; }
.blog-preview article { height: 100%;  }
.blog-preview:nth-child(2n) article { background: #f1f1f1; }
.blog-preview:nth-child(2n+1) article { background: #fafafa; }
.blog-preview a:hover { text-decoration:none !important; }
.blog-preview .feat-img { height: 250px; background: #ccc; }
.blog-preview .blog-preview-content { padding: 0px 50px 25px 50px; margin-top:30px; }
.blog-preview .title-height { margin-bottom:15px; }
.blog-preview h4 { font-size:28px; line-height:32px; color:#1d2121; font-weight:300; }
.blog-preview .excerpt { font-size: 16px; line-height: 22px; font-weight: 300; color: #8f9293; }
.blog-preview .categories { font-size: 12px; color: #8f9293; text-transform: uppercase; font-weight: 300; padding-top:10px; border-top: 2px solid #26ace2; margin-top:20px; }
.blog-preview .categories a { display: inline; color: #2cade2; }

.blog-preview:hover article { background:#17213a; }
.blog-preview:hover h4, .blog-preview:hover .excerpt { color:#ffffff; }

.share-icons { font-size:28px; }
.twitter-share { color:#20b5dd; }
.facebook-share { color:#3b7ed5; }
.linkedin-share { color:#2391ae; }
.google-share { color:#cc5959; }
.email-share { color:#bfb58e; }
.twitter-share:hover { color:#31d3ff; }
.facebook-share:hover { color:#4897ff; }
.linkedin-share:hover { color:#2bafd2; }
.google-share:hover { color:#f05f5f; }
.email-share:hover { color:#dacc9a; }

.entry-header { position:relative; padding:0; }
.entry-header h1 { font-size:42px; line-height:48px; color:#26ace2; margin-bottom:10px; }
.blog-date { display:inline-block; background:#26ace2; padding:10px 25px; text-align:center; margin-bottom:35px; position:relative; z-index:2; font-weight:400; }
.blog-date span { color:#fff; display:block; font-size:14px; text-transform:uppercase; line-height:1; }
.blog-date span.d { font-size:36px; }
.entry-summary { font-size:20px; line-height:32px; font-weight:300; color:#17213a; }
.entry-summary h2 { font-size:28px; line-height:36px; font-weight:300; margin:30px 0; }
.entry-summary h3 { font-weight:300; line-height:1.25; margin:15px 0; }
.blog-feat-img { margin-bottom:40px; }
.tags { font-size:14px; color:#8f9293; font-weight:300 !important; border-bottom:1px solid #c2c2c2; padding-bottom:20px; margin-top:30px; margin-bottom:30px; line-height:20px; }

.share-icons { padding-left:0px; margin-left:0px; }
.share-icons li { display: inline-block; list-style:none; padding-right:5px; padding-left:0px; margin:0px; }

.tags a { font-size:14px; color:#2cade2; line-height:20px; }

.single .page-content article .entry-summary img{max-width: 100%; height: auto;}

.wp-sidebar { width:100%; margin-top:117px; }

.traffic-sidebar { width:100%; background:#17213a; text-align:center; padding:25px 50px; margin-top:20px; }
.traffic-sidebar img { margin-bottom:10px; }
.traffic-sidebar h3 { color:#fff; font-size:28px; line-height:32px; font-weight:normal; margin-bottom:15px; }
.traffic-sidebar p { color:#fff; font-size:16px; line-height:22px; font-weight:300; }
.traffic-sidebar form input { height:42px; border:0; display:inline-block; }
.traffic-sidebar form input[type="text"] { padding:10px 15px; font-size:12px; color:#000; width:100%; }
.traffic-sidebar form input[type="submit"] { margin-top:10px !important; }

#footer-cta { /* padding-top: 90px; */ position: static;}
#contact-info + #footer-cta {padding-top: 0;}
#contact-info h3 { font-weight:300; }
#contact-info p { font-weight:300; font-size:16px; }
.footer-cta { padding:90px 0; position:static; }
.footer-cta .container { position:relative; z-index:2; }
.footer-cta h3 { color:#fff; font-size:32px; font-weight:600; margin-bottom:10px; }
.footer-cta p { color:#fff; font-size:20px; font-weight:300; margin-bottom:10px; }

/**** Footer Content ****/
footer { padding:80px 0; background: #fff; position: relative; z-index: 1;}
#logo-footer { width:142px; float: left; }
.footer-menu { margin: 15px 0; text-align:right; }
.footer-menu li { display:inline-block; padding:0; }
.footer-menu li a { font-size:14px; color:#2dafe3; font-weight:300; text-transform:uppercase; padding:0 20px; }

.social-footer { margin-left:40px; display: inline-block; padding:0; margin-top:8px; font-size:24px; }
.social-footer li { display:inline-block; padding:0px 6px; }
.social-footer li a { display:block; font-size:24px; color:#2dafe3; text-decoration:none !important; }
.social-footer li a i { display:block; font-size:24px; color:#2dafe3; text-decoration:none !important; }
.social-footer li a.facebook { color:#2dafe3; }
.social-footer li a.twitter { color:#2dafe3; }
.social-footer li a.instagram { color:#2dafe3; }
.social-footer li a.linkedin { color:#2dafe3; }

.social-footer li a.facebook i:hover { color:#3b7ed5 !important; }
.social-footer li a.twitter i:hover { color:#4bd5fa !important; }
.social-footer li a.instagram i:hover { color:#d964b7 !important; }
.social-footer li a.linkedin i:hover { color:#2391ae !important; }

.footer-bottom { margin-top:40px; }
.footer-bottom p { margin:0; padding:0; font-size:14px; font-weight:300; color:#3a3f41; }
.footer-bottom p a { color:#26ace2; }
.footer-copy { float:left; }
.contact { float:right; }
.contact a:hover { text-decoration:none; }

/* Breadcrumbs */
.breadcrumbs { font-size:16px; line-height:24px; color:#2cade2; font-weight:300; margin-bottom:25px; line-height:24px; }
.breadcrumbs a { color:#2cade2; }
.breadcrumbs a:hover { }

/********* Search Bar ********/

#search-bar { display:table; height:45px; margin-top:4px; }
#search-bar input { background:#fff; color:#000; font-size:16px; padding:2px 9px 2px 9px; height:23px;}
#search-bar .search-icon { position: absolute; z-index: 6; top: 3px; right: 7px; }
.search_field { display: table-cell; vertical-align:middle; }
.search_field input { padding: 0; }
.search_field button { width: 23px; height: 20px; }
#search-bar input::-webkit-input-placeholder { color: #666; }
#search-bar input:-moz-placeholder { color: #666; }
#search-bar input::-moz-placeholder { color: #666; }
#search-bar input:-ms-input-placeholder { color: #666; }


/******* Cookie Bar *****/
.cc-btn {padding: 5px 15px !important; line-height: 1 !important;}
.cc-window.cc-banner {padding-top: 9px !important; padding-bottom: 9px !important; font-size: 14px !important;}

@media screen and (max-width: 768px) {
    .cc-window.cc-banner, .cc-window.cc-floating {padding-top: 10px !important; padding-bottom: 10px !important; font-size: 13px !important; line-height: 1.2 !important;}
    .cc-window.cc-banner .cc-message {margin-bottom: 0 !important;}
    .cc-btn {padding: 5px 15px !important; font-size: 14px !important;}
}


/******* Main Navigation *****/

#navigation { display:inline-block; }
#navigation .nav li { display:inline-block; padding:0; }
#navigation .nav li a { text-decoration:none !important; color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; padding:10px 20px; }
.nav > li > a:focus, .nav > li > a:hover { background-color:transparent; }
#navigation .sub-menu { display:none; }

#navigation:hover .nav li a { opacity:0.6; transition: 0.5s; }
#navigation:hover .nav li a:hover { opacity:1; transition: 0.5s; }

.body-container { transition: 0.5s; }
.body-container.nav-open { /* transform: translateX(-50%); */ transition: 0.5s; }
.sidenav { height: 100%; width: 100%; position: fixed; z-index: 99; top: 0; right: -100%; transition: 0.5s; overflow:auto; }
.sidenav.open { width:100%; height:100%; right:0; }
.sidenav .nav-left { width:50%; height:100%; float:left; background:#17213a; }
.sidenav .nav-right { width:50%; height:100%; float:right; background:#0b1121; padding:0 100px; }
.nav-article { height:100%; }
.nav-article .nav-article-img { height:60%; }
.nav-article .nav-article-content { height:40%; padding:0 60px; background:#17213a; }
.nav-article .nav-article-content h2 { font-size:20px; text-transform: uppercase; color:#2ca9d9; margin-bottom:10px; }
.nav-article .nav-article-content h3 { font-size:42px; line-height:1; color:#fff; font-weight:300; margin-bottom:10px; }
#big-nav { margin:0 0 50px 0; position:relative; width:42%; }
#big-nav ul { padding:0; margin:0; }
#big-nav ul li { padding:0; position:inherit; }
#big-nav ul li a { font-size:28px; color:#fff; font-weight:300; padding:10px 0; }
#big-nav ul li a:hover { color:#2ca9d9; }
.sidenav a:hover { text-decoration:none; color: rgba(255,255,255,.75); }

#big-nav .sub-menu { display:none; }
#big-nav ul li.menu-item-has-children:hover .sub-menu { display:block; }
#big-nav .sub-menu { position:absolute; left:100%; top:0; width:100%; height:100%; border-left:1px solid #2ca9d9; padding-left:25%; }
#big-nav .sub-menu li { position: relative; list-style:none; padding-left:10px; }
#big-nav .sub-menu li a { font-size:12px; display:inline-block; padding:6px 0; position:relative; }
#big-nav .sub-menu li a .fa { position:absolute; left:-20px; top:8px; }

.sidenav .closebtn { position: absolute; top: 45px; right: 45px; opacity:1; }
/*.sidenav .closebtn:hover { color:#fff; text-decoration: none; opacity:1; }*/
.phone a, .email a { font-size:28px; color:#fff; font-weight:300; }
.addresses { font-size:12px; color:#fff; margin:25px 0; }
.addresses td { padding:5px 0; }
.addresses td a { color:#fff; }
.addresses td a:hover { text-decoration:none; }
.name { font-weight:600; width:110px; }
.social { margin:0; }
.social a { font-size:20px; color:#fff; margin-right:10px; }

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}


/* Grow Your Business Form Popup */
#grow-form { position: fixed; overflow: scroll; top: 0; background:url('images/grow-business-bg.jpg'); background-size:cover; text-align: left; display: block; -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; transition: background 500ms ease; z-index: 999999999; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 0; width: 100%; z-index: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; color:#000; }
.grow-show #grow-form { height: 100%; z-index: 9999; padding:200px 0;}
/*.hide-inquire #grow-form { background: transparent;  width: 100%; z-index: 1;  }*/
/*#body-nav div { height:100%; }*/
#body-nav>.container { width:100%; }
#body-nav .close { top:30px; font-size:20px; right:30px; position:fixed; cursor:pointer; z-index:100000 !important; color:#fff; background:none !important; }

#grow-form .grow-container { width:900px; margin:0 auto; }
#grow-form .grow-container h2 { font-size:26px; font-weight:400; text-transform: uppercase; /*color:#2ca9d9;*/ color:#fff; margin-bottom:5px; }
#grow-form .grow-container p { font-size:16px; font-weight:400; color:#fff; margin-bottom:35px; }
#grow-business-form label { font-size:42px; font-weight:300; color:#fff; display:block; width:100%; }
#grow-business-form input { display:block; width:100%; border:0; background:transparent; border-bottom:2px solid #fff; margin-bottom:20px; }
#grow-business-form input[type="submit"] {  }
/*#grow-business-form .button { margin-top:25px; }*/
/*#grow-form .close-button { position:absolute; top:45px; right:45px; } */
#grow-form .close { position:absolute; top:50px; right:50px; }


/* Dictionary */
.dictionary-top { text-align:center; }
.dictionary-top .page-content { margin-top:75px !important; margin-bottom:75px !important; }
.dictionary-terms { padding:0; margin:0; }
.dictionary-terms li { list-style:none; }
.dictionary-terms li:nth-child(2n+1) { background:#f7f7f7; }
.dictionary-terms li:hover { background:#f1f1f1; }
.dictionary-term { padding:40px 0; }
.dictionary-term h3 { font-size: 36px; font-weight: 300; margin-bottom: 15px; }
.dictionary-term p { font-size: 18px; line-height: 1.5; font-weight: 300; color: #8f9293; margin-bottom:15px; }
.dictionary-term a { text-transform:uppercase; font-size:16px; }


/* New Service Page */
.hero-header.service-hero {   }
.hero-header.service-hero .hero-content { text-align:center; bottom:auto; top:225px; }
.hero-header.service-hero .hero-content h1 { font-size: 70px; font-weight: 400; color: #fff; text-transform: uppercase; line-height: 1; margin-bottom: 5px; border-bottom: 0; }
.hero-header.service-hero .hero-content h2 { font-size: 22px; font-weight: 300; color: #fff; line-height: 1.25; margin-bottom: 5px; text-transform:none; }

.logo-group { padding:10px 0; }
.logo-group .content { max-width:1250px; margin:0 auto;  }
.logo-group h3 { width:34%; float:left; padding:30px 0; text-transform:uppercase; font-size:20px; font-weight:900; color:#000; /*margin-right:30px;*/ }
.logo-group .logos { width:66%; float:left; }
.logo-group img { /*margin:0 20px;*/ margin: 0 2%; width: 19%; }

.page-section { padding:60px 0; }
.page-section.top {
    padding:80px 0 380px 0;
    background: rgba(44,67,101,1);
    background: -moz-linear-gradient(45deg, rgba(44,67,101,1) 0%, rgba(29,50,83,1) 50%, rgba(13,33,64,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(44,67,101,1)), color-stop(50%, rgba(29,50,83,1)), color-stop(100%, rgba(13,33,64,1)));
    background: -webkit-linear-gradient(45deg, rgba(44,67,101,1) 0%, rgba(29,50,83,1) 50%, rgba(13,33,64,1) 100%);
    background: -o-linear-gradient(45deg, rgba(44,67,101,1) 0%, rgba(29,50,83,1) 50%, rgba(13,33,64,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(44,67,101,1) 0%, rgba(29,50,83,1) 50%, rgba(13,33,64,1) 100%);
    background: linear-gradient(45deg, rgba(44,67,101,1) 0%, rgba(29,50,83,1) 50%, rgba(13,33,64,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c4365', endColorstr='#0d2140', GradientType=1 );
  }
/*.page-section .container { max-width:560px;  }*/
.page-section h2 { font-size:42px; text-transform:uppercase; margin-bottom:15px; color:#42b5e3; }
.page-section h3 { font-size:28px; font-weight:700; margin-bottom:15px; color:#000 !important; }
.page-section p { font-size:18px; line-height:28px; font-weight:300; }

.page-section.top h2 { color:#fff; }
.page-section.top h3 { color:#42b5e3 !important; }
.page-section.top p { color:#fff; }

.btn-orange {
    display: inline-block;
    padding:15px;
    min-width:210px;
    color:#3f2c12 !important;
    font-size:20px;
    font-weight:600;
    margin-top:15px;
    background: rgb(225,197,67);
    background: -moz-linear-gradient(top, rgba(225,197,67,1) 0%, rgba(226,155,63,1) 100%);
    background: -webkit-linear-gradient(top, rgba(225,197,67,1) 0%,rgba(226,155,63,1) 100%);
    background: linear-gradient(to bottom, rgba(225,197,67,1) 0%,rgba(226,155,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1c543', endColorstr='#e29b3f',GradientType=0 );
 }
 .btn-orange.inquire-now { color:#3f2c12 !important; }

.web-slider .slick-slide { margin:0 50px; text-align: center; }
.web-slider .slick-slide:focus {outline: 0 !important;}
.web-slider .slick-slide img { max-height: 540px; max-width: 960px; width: 86% !important; }
.web-slider { position:relative; }
.web-slider .slick-list { position:relative; z-index:5;  }
.monitor-container { position:relative; /*min-height:950px;*/ padding-bottom:25%; margin-top:-275px; }
.monitor { text-align: center; position: absolute;  width:60% !important; top: -4.69%; left:50%; transform: translateX(-50%);  }
.monitor img { max-width:100%; }
.slick-slide img { margin:0 auto; }

.cta-analyzer { min-height:579px; padding:200px 0 130px 0; }
.cta-analyzer h2 { font-size:50px; color:#fff; font-weight:600; margin-bottom:15px; }
.cta-analyzer p { font-size:20px; font-weight:300; color:#42b5e3; margin-bottom:15px; }
.cta-analyzer .website-analyer { max-width:610px; margin:0 auto; }
.cta-analyzer .website-analyer input { height:53px; font-size:20px; }
.cta-analyzer .website-analyer input[type="text"] { width:66%; float:left; }
.cta-analyzer .website-analyer input[type="submit"] { width:34%; border:none; }

.bottom-cta { min-height:570px; padding:150px 0 200px 0; }
.bottom-cta h2 { font-size:50px; color:#fff; font-weight:600; margin-bottom:15px; }
.bottom-cta p { font-size:20px; font-weight:300; color:#fff; }

.blue-bar-thin { background:#42b5e3; padding:10px 0; font-size:26px; color:#fff; }

.process-slider-section { position:relative; background-image: url('images/process-bg-overlay.png'); background-position: 0 50%; background-color:#000; padding:150px 0 175px 0; }
/*.process-slider-section:after { content:''; display:block; background-image: url('images/process-bg-overlay.png'); position:absolute; top:50%; transform:translateY(-50%); left:0; }*/
.process-slider-section h2 { font-size:28px; color:#fff; font-weight:300; margin-bottom:45px; }
.process-slider-section h3 { font-size:68px; color:#fff; font-weight:600; margin-bottom:20px; }
.process-slider-section p { font-size:18px; line-height:28px; color:#fff; font-weight:300; margin-bottom:25px; }
.process-icon { display:inline-block; margin-right:15px; }
.process-slider { border-bottom:1px solid #26ace2; position:relative; }
.process-slider .slick-arrow { position:absolute; top:50%; transform:translateY(-50%); font-size:28px; color:#42b5e3; }
.process-slider .slick-arrow.next { right:-75px; }
.process-slider .slick-arrow.prev { left:-75px; }
.process-slider .slick-arrow:hover { color:#fff; }
.process-slider-nav { margin-top:45px; }
.process-slider-nav .slick-slide { display:inline-block; width:47px !important; height:43px; text-align:center; background:#e2c443; font-size:30px; color:#3f2c12; margin-right:15px; }
.process-slider-nav .slick-slide.slick-current { background:#42b5e3; color:#fff; }
.video-cta-link { display: inline-block; position:absolute; left: -15%; margin-top: 50px; }

.service-accordions { padding:50px 0; }
.service-accordions h2 { color: #000000; font-size: 42px; font-weight: 300; font-family: "lato", arial, sans-serif; margin-top: 0px; margin-bottom: 20px; }
.service-accordions p { font-size: 18px !important; color: #4d4d4d; line-height: 28px; }
.service-accordions .panel-group { width:90%; margin:0 auto; margin-top:35px; }
.service-accordions .panel-heading { padding:15px; position:relative; }
.service-accordions .panel-default > .panel-heading { background:#22abe3; color:#fff; padding:0px; text-align:left; }
.service-accordions .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { display:block; padding:15px; }
.service-accordions .panel-title { font-size:21px; font-weight:bold; position:relative; }
.service-accordions .panel-default > .panel-heading:hover, .panel-heading.active { background: #1c94c5; }
.service-accordions .panel-title > a:hover, .panel-title > a:focus { text-decoration:none; color:#fff; }
.service-accordions .panel-body { text-align:left; }
.service-accordions .panel-body p { font-size:16px; margin-bottom:15px; }
.service-accordions .panel-body h3 { margin:10px 0; }

.service-accordions .plus { position:absolute; right:0px; top:2px; font-size:30px; padding:5px; margin-right:0px; width:45px; }
.service-accordions .plus .glyphicon-minus { right:2px; }
.service-accordions .plus .glyphicon-plus { right:0px; }

@media (min-width:1800px) {
    .process-slider-section { background-position: -65% 50% !important; }
}

@media (min-width:1650px) {
    .process-slider-section { background-position: -25% 50%; }
}

@media (min-width:1500px) {
    .monitor { width:59% !important; }
}

@media (max-width:1300px) {
    .logo-group .content { width:100%; padding:0 15px;  }
    .process-slider-section { background-position: 15% 50%; }
    .monitor { width:58% !important; }
}

@media (min-width:1200px){
  .page-template-page-service-new .container{ width: 1110px; }
}

@media (max-width:1200px) {
    .monitor { width:57.5% !important; }
    .process-slider .slick-arrow.prev { left:-50px; }
    .process-slider .slick-arrow.next { right:-50px; }
}
@media (max-width:1100px) {
    .monitor { width:57% !important; }
}

@media (max-width: 991px) {
    .monitor { width:56.5% !important; }
    .blue-bar-thin { font-size:20px; line-height: 1.25; }
    .cta-analyzer h2, .bottom-cta h2 { font-size: 40px; }
    .logo-group { padding:25px 0;  }
    .logo-group h3 { width:100%; float:none; text-align:center; padding:0; margin-bottom:15px; }
    .logo-group .logos { width:100%; float:none; }
    .process-slider-section { background-position: 50% 50%; }
    .process-slider-section h3 { font-size:50px; }
    .process-slider .slick-arrow { top:-55px;  }
    .process-slider .slick-arrow.prev { left:auto; right:15%;  }
    .process-slider .slick-arrow.next { right:0; }
    .service-accordions h2 { font-size:36px; }
    .video-cta-link { position:relative; left: auto; margin-top: 0px; margin-bottom:50px; display:block; text-align:center; }
    #callout-3 .project-description {padding-top: 300px;}
}

@media (max-width: 900px) {
    .monitor { width:55% !important; }
}

@media (max-width:768px) {
    .hero-header.service-hero .hero-content h1 { font-size: 50px; }
    .hero-header.service-hero .hero-content h2 { font-size: 18px; }
    .page-section.top { padding: 80px 0 200px 0; }
    .page-section h2 { font-size:32px; }
    .page-section h3 { font-size:24px; }
    .page-section p { font-size:16px; line-height:26px; }
    .monitor-container { margin-top: -100px; }
    .monitor { width:94%; }
    .cta-analyzer h2, .bottom-cta h2 { font-size: 32px; }
    .process-slider-section h3 { font-size:36px; }
    .monitor { top: -5%; width:81% !important; }
    .process-slider-section { padding: 80px 0 100px 0; }
    .process-slider-nav .slick-slide { width:37px !important; height:33px; font-size: 22px; margin-right: 10px; }
    .cta-analyzer { min-height:auto; padding: 170px 0 100px 0; }
    .bottom-cta { min-height:auto; padding: 75px 0 150px 0; }
    .service-accordions .panel-title { font-size:18px; }

    #callout-3 .project-description {padding-top: 250px;}
}

@media (max-width:650px) {
    .monitor { width:79% !important; }
    #callout-3 .project-description {padding-top: 200px;}
}

@media (max-width:600px) {
    .cta-analyzer .website-analyer input[type="text"] { width:100%; float:none; }
    .cta-analyzer .website-analyer input[type="submit"] { width:75%; margin:0 auto; margin-top:10px;}
    .monitor { width:78% !important; }
}

@media (max-width:500px) {
    .monitor { width:75% !important; }
}

@media (max-width:480px) {
    .hero-header.service-hero .hero-content h1 { font-size: 32px; }
    .hero-header.service-hero .hero-content h2 { font-size: 16px; }
    .monitor { width:74% !important; }
    .service-accordions h2 { font-size:34px; }
    .process-slider-nav .slick-slide { width:32px !important; height:32px; font-size: 18px; padding:2px; margin-right: 8px; }
}

@media (max-width:400px) {
    .monitor { width:70% !important; }
}

@media (max-width:360px) {
    .monitor { width:68% !important; }
}

@media (max-height:750px) {
    .hero-header.service-hero { background-position:top !important; min-height:600px !important; }
    .hero-header.service-hero .hero-content { top:155px;  }
}

@media (min-width:768px) and (max-height:750px) {
    .hero-header.service-hero .hero-content h1 { font-size:55px; padding-bottom:5px; }
}


/********* Video Popup Overlay ***********/

.overlay { width: 100%; height: 100vh; /* 50% opacity black */ background: rgba(0,0,0,1); /* Stays locked on scroll */ position: fixed; /* On top of the rest*/ z-index: 2; /* Hidden */ opacity: 0; /* No interference */ left: -100%; /* CSS3 Transition */ transition: opacity .5s; -webkit-transition: opacity .5s; z-index:99; }
.video-container { width: 90%; /* Centering */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index:100; }
.close-video { width: 20px; fill: white; position: absolute; right: 0px; /* Bring above video */ top: -30px; opacity:1; z-index:105; }
.close-video:hover { /* 50% opacity white */ fill: rgba(255,255,255,1); cursor: pointer; }
.close { opacity:1; }
.show { opacity: 1; z-index:99; }

/***** VIDEO MODAL PROPERTIES *****/

#videoModal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background:transparent;
    border:none;
    outline:none;
}
#videoModal .modal-dialog {
    width:76%;
}
#videoModal .modal-content iframe {
    border:none;
    padding:0;
    margin:0;
}
#videoModal .close {
    font-size: 40px;
    color:#ffffff;
    position:absolute;
    right:10px;
    top:-28px;
    /* margin:30px -43px -20px 100px; */
}

/***** VIDEO MODAL MEDIA QUERIES *****/

 @media (max-width:992px) {
    #videoModal .modal-dialog {
    width:90%;
    margin-top:10%;
    }
 }
 @media (max-width:768px) {
    #videoModal .modal-dialog {
    width:90%;
    margin-top:10%;
    }
 }
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
    #videoModal .modal-dialog {
    width:97%;
    margin-top:5%;
    }
}

 @media (max-width:430px) {
    #videoModal .modal-dialog {
    width:90%;
    margin-top:45%;
    }
 }
 @media only screen and (max-width: 641px) {
    /***** MODAL PROPERTIES *****/
    #videoModal .modal-body {
        height:100px;
        padding:0;
        margin: 0;
    }
    #videoModal .modal-content {
        padding:0;
        margin: 0;
    }
    #videoModal .modal-dialog {
        position: relative;
        width: auto;
    }
    #videoModal .close {
        top:-40px;
    }
}

/*********** INLINE FORMS *************/
#inline-form {
    overflow: hidden;

/*    background-color: #5f9c1f;*/
/*    background-blend-mode: color-burn;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    color: #fff;
    margin: 20px 0;
    padding: 0;
}
#inline-form .title-container {
    padding: 30px;
    margin: 0;
    margin-left: -15px;
    margin-right: 15px;
    background: #273047;
    background: -moz-linear-gradient(left, #273047 0%, #31403f 100%);
    background: -webkit-linear-gradient(left, #273047 0%, #31403f 100%);
    background: linear-gradient(to right, #273047 0%, #31403f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#273047", endColorstr="#31403f", GradientType=1);
    -webkit-transform: skew(-5deg);
    -moz-transform: skew(-5deg);
    transform: skew(-5deg);
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-shadow: 0px 0px 50px 0px rgba(49, 64, 63, .5);
}

#inline-form .title-container .inner {
    -webkit-transform: skew(5deg);
    -moz-transform: skew(5deg);
    transform: skew(5deg);
}

#inline-form h4 {
    color: #31ade0;
    font-size: 25px;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
}

#inline-form h4 .keyword {
    display: block;
    line-height: 1.1;
    color: #ffffff;
    /* font-size: 45px; */
    font-size: 34px;
    font-weight: 900;
    text-transform: uppercase;
}


#inline-form .title-container p {
    margin-bottom: 0;
    color: #80d22b;
    font-size: 22px;
}


#inline-form .rest-form {
    padding: 30px;
}

#inline-form .website-contacts-msg {
    display: block;
    margin: 0px 0 10px 0;
    font-weight: 300;
    line-height: 1.25;
    font-size: 32px;
}

#inline-form .website-contacts-success-msg {
    color: #00CC00;
}

#inline-form  .website-contacts-failed-msg {
    color: #FF3300;
}

#inline-form .error-msg {
    color: white !important;
    display: none;
    font-size: 16px !important;
    margin-bottom: 2px;
    text-align: left;
}

#inline-form  .error-bot {
    border-bottom: 1px solid red !important;
}

#inline-form  .error-field {
    border: 1px solid red !important
}

#inline-form input[type="text"],
#inline-form textarea {
    color: #3d5634;
    text-transform: uppercase;
    border: 1px solid #000;
    font-weight: 400;
    margin-bottom: 15px;
}

#inline-form input:focus,
#inline-form textarea:focus {
    border: 1px solid #26ace2 !important;
    outline: 1px solid #26ace2 !important;
    font-weight: 700;
    color: #3d5634;
}

#inline-form input[type="text"]::-webkit-input-placeholder {
    color: #3d5634;
}

#inline-form input[type="text"]::-moz-placeholder {
    color: #3d5634;
}

#inline-form input[type="text"]:-ms-input-placeholder {
    color: #3d5634;
}

#inline-form input[type="text"]:-moz-placeholder {
    color: #3d5634;
}

#inline-form button[type="submit"] {
    float: right;
    margin-right: 0;
    margin-top: 3px;
    font-weight: bold;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 17px 30px;
    margin: 0 auto !important;
    background-color: transparent!important;
/*
    background: #d28913;
    background: -moz-linear-gradient(top, #d28913 0%, #c04e00 100%);
    background: -webkit-linear-gradient(top, #d28913 0%, #c04e00 100%);
    background: linear-gradient(to bottom, #d28913 0%, #c04e00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d28913", endColorstr="#c04e00", GradientType=0);
*/
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#inline-form button[type="submit"].orange-btn:hover,
#inline-form button[type="submit"].orange-btn:focus {
    text-decoration: underline !important;
    background-color: transparent;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#inline-form .grecaptcha-badge {
    display: none !important;
}

#inline-form button[type="submit"] {
    margin-top: 10px;
    margin-bottom: 6px;
}

#inline-form .invisible-captcha-terms {
    float: left;
    line-height: 1;
    text-align: left;
    margin-top: 3px;
}

#inline-form .invisible-captcha-terms span {
    color: #fff;
    font-size: 10px;
    display: block;
}

#inline-form .invisible-captcha-terms a:first-of-type {
    margin-right: 5px;
}

#inline-form .invisible-captcha-terms a {
    color: #fff;
    font-size: 8px;
    float: left;
    margin-top: 3px;
}

@media screen and (max-width: 768px) {
    #inline-form {
        background-size: 100% 75%;
        background-position: left bottom;
    }

    #inline-form fieldset {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #inline-form .title-container {
        margin-left: 0;
        margin-right: 0;
        margin-top: -5px;
/*        margin-bottom: -10px;*/
        -webkit-transform: skew(0deg, -1deg);
        -moz-transform: skew(0deg, -1deg);
        transform: skew(0deg, -1deg);
    }

    #inline-form .title-container .inner {
        -webkit-transform: skew(0deg, 1deg);
        -moz-transform: skew(0deg, 1deg);
        transform: skew(0deg, 1deg);
    }

}

@media screen and (max-width: 600px) {
    #inline-form h4 {
        font-size: 25px;
    }
}

#inline-form input[type="text"] {
    border: 0;
    padding: 10px;
}


/*********** RESPONSIVE IFRAMES *************/
.flex-video {
    position: relative;
    padding-top: 0px;
    padding-bottom: 100%; /* Fix for Google Maps on contact page */
    /* padding-bottom: 67.5%; */
    height: 0;
    margin-bottom: 0px;
    overflow: hidden;
}
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}


/*********** Image posts *************/

img.alignleft, .wp-caption.alignleft { float: left; margin: 12px 24px 12px 0; }
img.alignright, .wp-caption.alignright { float: right; margin: 12px 0 12px 24px; }
img.aligncenter, .wp-caption.aligncenter { display: block; clear: both; margin-top: 12px; margin-bottom: 12px; margin-left: auto !important; margin-right: auto !important; }

/*********** EXTRA MEDIA QUERIES *************/


@media screen and (max-aspect-ratio: 1920/1080) {
  .hero-header video {
    height: 100%;
  }
}
@media screen and (min-aspect-ratio: 1920/1080) {
  .hero-header video {
    width: 100%;
  }
}

@media (max-width:1300px) {

    .grow {margin: 0 40px;}

/*    .project-description { max-width:none; padding-right:50px; }*/
    /*.project-mobile { width:480px; height:485px; margin:0 auto; }
    .project-mobile .ss.one { top:42px; left:32px; width:170px; height:auto; }
    .project-mobile .ss.two { top:55px; left:103px; width:195px; height:auto; }
    .project-mobile .ss.three { top:75px; left:184px; width:190px; height:auto; }*/

}

@media (max-width:1200px) {
    .grow { margin:0 30px; }
    #navigation .nav li a {padding: 10px 15px;}
    .clip-text { font-size: 175px; }
    .capture { font-size: 18px; left: 235px; /*top: 125px;*/ }
    .blog-carousel .slide .date { font-size:21px; }
    .browser { width:100%; height:567px; }
    .portfolio-header { height:85vh; min-height:805px; margin-bottom: 200px; }

    .iphonex { width:450px; height:625px; }
    .iphonex .ss.one { top:15px; left:16px; width:184px; height:auto; }
    .iphonex .ss.two { top:40px; left:75px; width:210px; height:auto; }
    .iphonex .ss.three { top:40px; left:210px; width:230px; height:auto; }

    .social-screenshots .screenshot-1 { width:85%; height:auto; }
    .social-screenshots .screenshot-2 { left:auto; top:8%; }

    .hero-header .hero-content h2.longer-title, .hero-header .hero-content h1.home-heading.longer-title {font-size: 90px;}

}

@media (max-width: 1100px) {
    #navigation { display:none; }
}

@media (max-width:991px) {

    header.absolute { padding-top:50px; }
    .header-right { margin-top:5px; }
    #hp-slides .slides .slide .slide-content h2 { font-size:80px; }
    .hero-header .hero-content h2, .hero-header .hero-content h1.home-heading { font-size:80px; }
    .hero-header .hero-content h2.longer-title, .hero-header .hero-content h1.home-heading.longer-title { font-size:70px; }
    .clip-text { font-size: 145px; }
    .capture { font-size: 18px; left:185px; top: 20px; }
    .mindshare-text p { font-size:21px; }
    .pt { font-size:150px; }
    .home-logos ul { display: block; justify-content: normal; padding:0; }
    .home-logos ul li { /*width:33%;*/ width:50%; height:100px; }
    .home-logos ul li img { width:auto; max-width: 75%; }
    .footer-left { text-align:center; }
    #logo-footer { margin:0 auto; float:none; position:relative; left:-5px; }
    .social-footer { margin-left:0; margin-top:25px; }
    .footer-menu { margin: 40px 0 20px 0; text-align:center; }
    .footer-bottom p { text-align:center; }
    .footer-copy { float:none; }
    .contact { float:none; margin-top:10px !important; }
    .footer-bottom .links { display:block; margin-top:10px; }
    .top-cta h3 { margin-bottom: 10px; margin-right: 0; }
    .top-cta form input[type="text"], .landing-page-analyzer form input[type="text"]{ width:250px; float:left; }
    .top-cta form input[type="submit"], .landing-page-analyzer form input[type="submit"]{ width:100px; }
    .sidenav .nav-left { width:100%; height:30%; float:left; background:#000; }
    .sidenav .nav-right { width:100%; height:70%; float:left; padding:25px; }
    .nav-article .nav-article-img { width:50%; height:100%; float:left; }
    .nav-article .nav-article-content { width:50%; height:100%; float:left; padding: 50px 25px; }
    .nav-article .nav-article-content h2 { font-size:14px; }
    .nav-article .nav-article-content h3 { font-size: 26px; }
    #big-nav { margin: 25px 0; }
    #big-nav ul li a { font-size: 20px; }
    .phone a, .email a { font-size:20px; }
    .intro-section { padding:100px 0; }
    .intro-section h3 { font-size:42px; line-height:1; }
    .intro-section p { font-size:18px; line-height:24px; }
    .browser { width:100%; height:448px; }
    .portfolio-header { height:70vh; min-height:665px; margin-bottom: 250px; }
    .portfolio-header .type, .like-type { font-size:25px !important; }
    .portfolio-header h1, .like-h1 { font-size:45px; }
    .project-description { text-align:center; margin:0 auto; }
    .project-description h3 { font-size: 40px; }
    .email-img { margin-top: 40px; }
    .project-intro { width:85%; }
    .design-content { max-width:450px; padding-right:0; }

/*    .full-image { height:380px; }*/
    .full-image.one { width:50%; }
    .full-image.two { width:50%; }

    #grow-form .grow-container { width:90%; margin:0 auto; }
    #grow-business-form label { font-size:32px; }

    .service-hover-state h3 { font-size:32px; }

    /*.project-mobile { width:480px; height:485px; margin:0 auto; }
    .project-mobile .ss.one { top:42px; left:32px; width:170px; height:auto; }
    .project-mobile .ss.two { top:55px; left:103px; width:195px; height:auto; }
    .project-mobile .ss.three { top:75px; left:184px; width:190px; height:auto; }*/

    .iphonex { margin:0 auto; }

    .social-screenshots { width:90%; margin:50px auto; }
    .social-screenshots .screenshot-1 { width:auto; height:100%; }
    .social-screenshots .screenshot-2 { left:auto; top:12%; }

    .wp-sidebar {margin-top: 20px;}
    .top-cta + header.bar {margin-top: 86px;}
    #blog-ajax-hold { margin-top: 176px; }

    .panel-body {background: none !important;}

    #sidebar-right {margin-bottom: 20px;}
}

@media (max-width:991px), (max-height:700px){
    .sidenav .nav-left { display:none; }
    .sidenav .nav-right { float:none; height:100%; width: 100%; }
    #mySidenav.sidenav { padding-top: 0; }
}

@media (min-width:980px) {}

/* bootsrap sm */
@media (max-width:979px) {}

@media (max-width:910px) {
    .blog-filter span.filter-text { float:none; margin-bottom:10px; }
}

@media (min-width:769px) and (max-width:980px) {}

@media (min-width:769px) {}

@media (min-width:768px) and (max-width: 992px) {
    .text-center-sm {text-align: center;}
}

@media (max-width:768px){

    .text-center-xs {text-align: center;}

/*    .flex-center { display:block !important; }*/

    header { padding-top:50px; }
    #header-top { padding:0 15px !important; }
    #logo-home { width: 130px; }
    .inc { margin-top:4px; margin-left:25px; display:none; }
    .header-right { margin-top: 0; }
    #hp-slides,
    #hp-slides .slides .slide { min-height:800px; background-attachment:scroll !important; }
    #hp-slides .slides .slide .slide-content { width:80%; bottom:25%; }
    #hp-slides .slides .slide .slide-content h2 { font-size:50px; }
    .hero-header { background-attachment: scroll !important; }
    .hero-header .hero-content { width:100%; padding-left:25px; padding-right:25px; bottom: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
    .hero-header .hero-content h2, .hero-header .hero-content h1.home-heading { font-size:50px; }
    .hero-header .hero-content h2.longer-title, .hero-header .hero-content h1.home-heading.longer-title { font-size:50px; }
    .hp-section .pt {display: none;}
    .clip-text { font-size: 100px; }
    .capture { position:relative; top: auto; left:auto; }
    .mindshare-text p { font-size:18px; line-height:1.5; }
    .hp-section { background-position: center !important; background-attachment: scroll !important; }
    .hp-section .section-content { background:rgba(255,255,255,0.75); max-width:none; width:90%; min-height: auto; padding: 35px; border-top: 5px solid #26ace2; }
    .hp-section .section-content h3 { font-size:23px; margin-bottom:10px; }
    .hp-section .section-content.left::after { content:none; }
    .hp-section .section-content.right::after { content:none; }
    .hp-section .section-content p { font-size:18px; }
    .pt { font-size:100px; }
    .home-logos ul li { width:49%; }
    .blog-carousel { position: relative; width: 95%; margin: 0 auto; }
    .blog-carousel .slide .feat-img { height:200px; }
    .blog-carousel .slide h4 { font-size:23px; line-height:1.25; }
    #logo-footer { float: none; }
    .social {  }
    .footer-menu { display:none; }
    .footer-bottom { margin-top:25px; }
    .footer-copy, .contact { float:none !important; text-align:center; }
    .top-cta h3 { display:block; margin-right:0; margin-bottom:10px; }
    .top-cta form input[type="text"], .landing-page-analyzer form input[type="text"] { width:250px; float:left; }
    .top-cta form input[type="submit"], .landing-page-analyzer form input[type="submit"]{ width:100px; }
    .analyzer-landing-container { width:90%; margin:0px auto !important; }
    .blog-header { background-attachment: scroll !important; }
    .blog-header .container { width:90%; }
    .blog-filter { font-size:20px; line-height:1.25; }
    .blog-filter .bootstrap-select .filter-option { font-size:20px; }
    .blog-container { padding: 0 15px; }
    .blog-preview .blog-preview-content { padding:0 30px; }
    .related-posts .blog-preview .blog-preview-content { padding:20px 30px; margin-top:0px; }
    .blog-preview .title-height ,.blog-preview .exc-height { height:auto !important; min-height:auto !important; }
    .entry-header h1 { font-size:32px; line-height:38px; }
    .sidenav .nav-left { display:none; }
    .sidenav .nav-right { width:100%; height:100%; padding:25px; }
    #big-nav { margin-top:0px; width:100%; }
    #big-nav ul li.menu-item-has-children:hover .sub-menu { display:none; }
    #big-nav ul li.menu-item-has-children { position:relative; }
    #big-nav ul li.menu-item-has-children .menu-arrow { position:absolute; top:0; right:0; padding: 10px; }
    #big-nav ul li.menu-item-has-children .menu-arrow:after { content: "\f078"; font-family: FontAwesome; font-size: 18px; color:#fff; }
    #big-nav ul li.menu-item-has-children.expanded .menu-arrow { transform:rotate(180deg); }
    #big-nav ul li.menu-item-has-children.expanded .sub-menu { display:block; }
    #big-nav .sub-menu { position:relative; left:0; top:0; width:100%; height:auto; border-left:1px solid #2ca9d9; padding-left:25px; }
    .addresses td { display:block; }
    .name { font-weight:600; width:110px; padding:0; }
    .intro-section h3 { margin-bottom:20px; }
    .project-intro h2 { font-size:45px; }
    .project-intro p { font-size:20px; }
    .partner-logo { margin:10px 0; }
    #agency-testimonials .test-container { padding:0; }
    #agency-testimonials h2 { font-size:42px; margin-bottom:25px; }
    #agency-testimonials p { font-size:18px; line-height:30px; }
    #agency-testimonials .pt { display:none; }
    .cta { background-attachment:initial !important; background-position:center !important; }
    .cta h3 { font-size:40px; }
    .cta p { font-size:18px; line-height:30px; }
    .logo-section h3 { font-size:30px; }
    .partner-logo img { max-width:100%; }
    .culture-header { background-attachment:scroll !important; }
    .full-image { /*height:300px;*/ padding-bottom: 55%; background-position:center !important; }
    .full-image.one { width:100%; }
    .full-image.two { width:100%; }
    .footer-cta { padding:75px 0; /* background-position:right !important;*/ background-attachment:scroll !important; }
    .project { margin-bottom:30px; }
    .project:nth-child(2n) { margin-top: 0px; }
    .project-container { padding:0; }
    .project-container p { font-size:18px; }
    .featured-project h2 { font-size:40px; }
    .featured-project h3 { font-size:24px; }
    .featured-project .container { width:100%; }
    .featured-project { background-attachment:scroll !important; }
    .portfolio-header { background-attachment:scroll !important; /*margin-bottom:200px;*/ margin-bottom: 35%; }
    .portfolio-header h1, .like-h1 { padding-left:15px; padding-right:15px; font-size:36px; }
    .portfolio-header .type, .like-type { font-size:18px !important; }
    #portfolio-filters {text-align: center;}
    #portfolio-filters .blog-filter .bootstrap-select {margin-left: 0 !important;}
    #portfolio-filters .blog-filter .bootstrap-select:nth-of-type(2) {margin-left: 15px !important;}
/*
    .social-screenshots { height:auto; text-align:center; }
    .social-screenshots .screenshot-1 { height:auto; position:relative; text-align:center; }
    .social-screenshots .screenshot-2 { height:auto; position:relative; left:0px; margin-top:15px; text-align:center; }
*/

    .social-screenshots { height:auto; padding-bottom:85%; }
    .social-screenshots .screenshot-1 { width:80%; height:auto; }
    .social-screenshots .screenshot-2 { width:60%; height:auto; }

    .browser { position:relative; bottom:0px;  }
    .browser.project-mobile-header { bottom:0px; }
    .browser.project-mobile-header .browser-internal { bottom:0px; height:400px; overflow:hidden; }
    .project-description { margin:0 auto; }
    .project-description h3 { font-size: 32px; }
    #contact-info { background-attachment:scroll !important; }

}

@media (max-width:768px), (max-height:800px){
    .sidenav .nav-right { display:block !important; padding-top:75px; padding-bottom:75px; overflow:auto; }
    .sidenav .nav-right > div { width:80%; margin:0 auto; }
    .social { margin-bottom:75px; }
    /* .top-cta + header.bar,
    .blog-header {margin-top: 112px;} */
    .top-cta + header.bar,
    .blog-header {margin-top: 0px;}
    .blog-header h1 {font-size: 25px;}
}

/* bootsrap xs */
@media (max-width:767px){

    .layout-3-bg {background: none !important;}
/*    .project-description ul li:before {content: none;}*/

    /****** Hide Analyzer CTA sticky banner on blog ******/
    .top-cta { display:none !important; }
    .blog-header { margin-top:0px !important; }

    .share-icons {font-size: 35px;}
    .share-icons li {padding-right: 15px;}

    .tags a {font-size: 16px; line-height: 1.4; padding: 5px;}
    .single .entry-summary .tags a {padding-left: 0; padding-right: 0;}
    .tags a:first-of-type {padding-left: 0;}

}

@media (max-width:680px) {
    #mindshare-container { min-height:750px; }
}

@media (max-width:550px){
    .browser { height:300px; }
    .browser.project-mobile-header > .browser-internal { bottom:0px; height:300px; overflow:hidden; }
    .clip-text { font-size: 75px; }
    .clip-text_one::after { height: 10px; }
    .portfolio-header { margin-bottom: 25%; height:auto; min-height:600px; }
    .social-screenshots .screenshot-2 { top:8%; }
    #mindshare-container { min-height:700px; }

}

@media (max-width:480px) {
    header { padding-top:35px; }
    .menu-toggle { padding:10px; }
    #hp-slides .slides .slide .slide-content h2 { font-size:30px; }
    #hp-slides .slides .slide .slide-content h3 { font-size:24px; }
    .hero-header .hero-content h2, .hero-header .hero-content h1.home-heading { font-size:36px; }
    .hero-header .hero-content h2.longer-title, .hero-header .hero-content h1.home-heading.longer-title { font-size:36px; }
    .hero-header .hero-content h3 { font-size:24px; }
    .grow { display:none; }
    .contact-mobile { display:inline-block; }
    .pt { font-size:80px; }
    /* .top-cta h3 { display:block; margin-right:0; margin-bottom:7px; font-size:16px; }
    .top-cta { padding:10px 0; }
    .top-cta form input, .landing-page-analyzer form input { height:30px; }
    .top-cta form input[type="text"], .landing-page-analyzer form input[type="text"]{ width:175px; float:left; }
    .top-cta form input[type="submit"], .landing-page-analyzer form input[type="submit"]{ min-width: auto; width:100px; font-size:12px; padding:5px 10px; }
    .top-cta + header.bar,
    .blog-header {margin-top: 73px;} */

    .details li { float:none; width:100%; margin:25px 0; }
    .iphonex { width:315px; height:500px; }
    .iphonex .ss.one { top:13px; left:14px; width:150px; height:auto; }
    .iphonex .ss.two { top:35px; left:55px; width:170px; height:auto; }
    .iphonex .ss.three { top:30px; left:135px; width:195px; height:auto; }
    .social-screenshots .screenshot-2 { top:6%; }
    #portfolio-filters .blog-filter .bootstrap-select:nth-of-type(2) {margin-left: 0 !important;}
    .project-intro h2 { font-size:34px; }
    .project-description { margin:0 auto; }
    .project-intro p { font-size:18px; line-height: 1.75; }
    .blog-filter .filter-text { display:block; }
    .blog-filter .bootstrap-select { margin-bottom:13px; }
    .browser.project-mobile-header > .browser-internal { bottom:0px; height:auto; overflow:visible; }
    .portfolio-header h1, .like-h1 { font-size:34px; }
}

@media (max-width:400px){

    .clip-text { font-size: 60px; }
    .contact-mobile { margin:0px 0px; }

}

@media (max-width:380px) { }

@media screen and (min-width:0) {}

@media (min-width:1200px) and (max-height:800px){
    #hp-slides { min-height:800px; }
    #hp-slides .slides .slide { min-height:800px; }
    #hp-slides .slides .slide .slide-content h2 { font-size: 90px; }
    #hp-slides .slides .slide .slide-content h3 { font-size:24px; }
    .hero-header .hero-content h2, .hero-header .hero-content h1.home-heading { font-size: 110px; }
    .hero-header .hero-content h2.longer-title, .hero-header .hero-content h1.home-heading.longer-title { font-size: 110px; }
    .hero-header .hero-content h3 { font-size:24px; }
    .nav-article .nav-article-content h2 { font-size:16px; }
    .nav-article .nav-article-content h3 { font-size:28px; line-height:1.1; }
    #big-nav ul li a { font-size:24px; padding:8px 0; }
    .phone a, .email a { font-size:24px; }
}

@media (max-width:768px) and (max-height:800px){
    #hp-slides,
    #hp-slides .slides .slide { min-height:600px; }
    .hp-section { min-height: 625px; }
}

@media (max-width:767px) and (max-height:800px){
    #hp-slides,
    #hp-slides .slides .slide { min-height:0px; }
    .hero-header { min-height:0px !important; }
}

@media only screen and (max-width:768px) and (orientation: landscape) {

    .social-screenshots .screenshot-1 { height:auto; }
    .social-screenshots .screenshot-2 { height:auto; }
    #mySidenav.sidenav { padding-top:0px; }
    .hero-header { min-height:500px !important; }

}

/* iPad specific (portrait) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {}

/* iPad specific (landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .hero-header { background-attachment: scroll !important; }
    .blog-header { background-attachment: scroll !important; }
    .featured-project { background-attachment:scroll !important; }
    .portfolio-header { background-attachment:scroll !important; }
    .culture-header { background-attachment:scroll !important; }
    .footer-cta { background-attachment:scroll !important; }
}

/* iPad 1 & 2 specific */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { }

/* iPhone 6 specific*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) { }

/* iphone 5 specific */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) { }

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) { }

/*********** IE 10 ***********/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .img-responsive { max-width:100% !important; height: auto !important; width: auto !important; } }
/********* END IE 10 ********/


.highlighted-item {color: #fff; background: #57a6ce; clear: left; padding: 4px 10px; margin-bottom: 5px; float: left;}