/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.4
Developer:          Giles-Parscale Inc
Email Address:      info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website:     http://
Last Modifier:      Brad Parscale - Giles-Parscale Inc
Last Modified:      04.01.2012

*/

/* Table of Contents
-----------------------------------------------------------------------------

    1. Clean Base
    2. Base Typography
    3. Helper Classes
    4. Images
    5. Links
    6. Forms
    7. Tables
    8. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}

blockquote, q {font-family: Montserrat, sans-serif; font-size: 24px; color: #4f4f4f; font-weight: 600; margin: 25px;line-height: 33px; text-align: center;}
br {height: 0;}
ul, ol, dl {list-style: none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #000; font-family: "georgia","verdana","helvetica","arial",serif;}

/* Create the Default Paragraphs */
p {font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 400; color: #4f4f4f; line-height: 20px;}

/* Specific Header Settings */
h1 {font-family: Montserrat, sans-serif; font-size: 25px; font-weight: 900; color: rgb(61, 56, 52); text-transform: uppercase; letter-spacing: .75px;}
h2 {font-family: Montserrat, sans-serif; font-size: 20px; font-weight: 900; color: rgb(61, 56, 52);}
h3 {font-family: Montserrat, sans-serif; font-size: 17px; font-weight: 900; color: rgb(61, 56, 52); text-transform: uppercase; letter-spacing: .75px; line-height: 22px;}
h4 {font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 600; color: rgb(61, 56, 52); line-height: 22px;}
h5 {font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 600; color: rgb(61, 56, 52); line-height: 20px;}
h6 {font-family: Montserrat, sans-serif; font-size: 12px; font-weight: 600;}

/* Other Typo */
strong {font-weight: bold;}
hr {border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: none;}
li {color: #4f4f4f; font-family: Montserrat, sans-serif; font-size: 13px; font-weight: 400;}

/* Google Fonts

*/

/* Google Web Font Smoothing */
html, body, a, h1, h2, h3, h4, h5, h6 {text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale !important;}



/* 3. Helper Classes
-----------------------------------------------------------------------------*/

.left {float:left;}
.right {float: right;}
.absolute {position: absolute;}
.relative {position: relative;}
.hide {display:none;}
.show {display: block;}
.full-width {width:100%; min-width: 960px;}
.container {width: 960px; margin: auto;}
/*Gives you full height of container and all child elements*/
.auto-height:after{clear: both; content: ""; display: block;}
.columns {-webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2; /* Firefox */column-count: 2;-webkit-column-gap: 20px; /* Chrome, Safari, Opera */-moz-column-gap: 60px; /* Firefox */column-gap: 60px;}
.main-overlay {text-align: center; position:fixed; display:none; background-color: rgba(0, 0, 0, 0.8); top: 0; left: 0; bottom: 0; right: 0; z-index: 110;}
.overlay {position:fixed; display:none; background-color: #464646; opacity: .9; top: 0; left: 0; bottom: 0; right: 0; z-index: 2;}
.divider {border-top: 1px solid #a8aaaa; width: 65px; margin: auto;}
.active {color: rgb(233, 114, 0);}


/* 4. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 5. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: rgb(233, 114, 0); text-decoration: none;}
a:hover {color: rgb(233, 114, 0); text-decoration: none; border-bottom: 3px solid #fff}
a:active {outline: none;}
a:focus {outline: none;}

/* 6. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 7. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* 8. Framework
------------------------------------------------------------------------------*/

/* Page Layout */
html, body {height: 100%; font-size: 13px; font-family: "verdana","helvetica",sans-serif;}

/* Wrapper */
#wrapper {min-height: 100%; height: auto !important; margin:0 auto -88px; min-width: 960px;}

/* Header */
#header {background-color: rgb(61, 56, 52); height: 80px; z-index: 110; position:fixed; top: 0px;}
#header .container {width: 960px;}
#header .logo {height: 80px;}
#header .logo img {margin-top: 5px;}
#header .logo a:hover {border-bottom: none; font-style: normal;}


/* Navigation */
.navbar {height: 80px; width: 640px;}
.navbar .top {top: 10px; right: 0px;}
.navbar .top ul li {display: inline; margin-left: 23px;}
.navbar .top ul li a {font-size: 11px; color: #fff; font-family: Montserrat, sans-serif; letter-spacing: .075em; font-weight: 700;}
.navbar .top ul li a:hover {border-bottom: none; color: rgb(233, 114, 0);}
.navbar .top ul li a.active {color: rgb(233, 114, 0);}
.navbar .bottom {bottom: 15px; right: 0px; z-index: 1;}
.navbar .bottom ul li {display: inline; margin-left: 40px; text-transform: uppercase;}
.navbar .bottom ul li a {font-size: 14px; color: #fff; font-family: Montserrat, sans-serif; padding-bottom: 12px; letter-spacing: .075em; font-weight: 700;}

.navbar .bottom ul li a.active {border-bottom: 3px solid #fff;}
.navbar .bottom ul li .dropdown {padding-bottom: 10px; display: block; position: absolute; width: 240px; bottom: -143px; background-color: #fff; margin-left: 40px; -webkit-box-shadow: 0px 8px 13px -4px rgba(0,0,0,0.63); -moz-box-shadow: 0px 8px 13px -4px rgba(0,0,0,0.63); box-shadow: 0px 8px 13px -4px rgba(0,0,0,0.63); padding-top: 1px;}
.navbar .bottom ul li .dropdown ul li {margin-left: 0px; padding: 7px 0px 7px 15px; display: list-item;}
.navbar .bottom ul li .dropdown ul li a {color: rgb(233, 114, 0); font-weight: bold;}
.navbar .bottom ul li .dropdown ul li:first-child {margin-top: 15px;}
.navbar .bottom ul li .dropdown ul li:last-child {margin-bottom: 15px;}
.navbar .bottom ul li .dropdown ul li:hover {background-color: rgb(61, 56, 52);}
.navbar .bottom ul li .dropdown ul li:hover a {color: #fff;}
.navbar .bottom ul li .support-dd.dropdown {bottom: -153px; left: -40px;}
.navbar .bottom ul li .about-dd.dropdown {left: -198px; bottom: -185px;}


.product-dd.dropdown {-webkit-box-shadow: 0px 8px 13px -4px rgba(0,0,0,0.63); -moz-box-shadow: 0px 8px 13px -4px rgba(0,0,0,0.63); box-shadow: 0px 8px 13px -4px rgba(0,0,0,0.63); position: absolute; width: 100%; background-color: #fff; bottom: -170px; height: 170px;}
.product-dd.dropdown .container {width: 90%; margin: auto; text-align: center; margin-top: 25px;}
.product-dd.dropdown .container ul li {display: inline-block; margin: 0px 20px; width: 117px; height: 150px; overflow: hidden;}
.product-dd.dropdown .container ul li .top {margin-top: 5px;}
.product-dd.dropdown .container ul li .top img {height: 50px;}
.product-dd.dropdown .container ul li .bottom {font-size: 14px; font-family: Montserrat, sans-serif; font-weight: 700; margin-top: 10px; width: 110px; text-transform: uppercase;}
.product-dd.dropdown .container ul li .divider {border-bottom: 3px solid #fff; width: 100px; margin: auto; margin-top: 10px; border-top: none;}
.product-dd.dropdown .container ul li:hover .divider {border-bottom: 3px solid rgb(61, 56, 52); width: 100px; margin: auto; margin-top: 10px; border-top: none;}

.second-navbar {width: 100%; height: 60px; position: fixed; background-image: url("/content/site/about_sidebar_bkg_repeater.jpg"); top:80px; text-align: center; -webkit-box-shadow: 0px 8px 13px -4px rgba(0,0,0,0.63); -moz-box-shadow: 0px 8px 13px -4px rgba(0,0,0,0.63); box-shadow: 0px 8px 13px -4px rgba(0,0,0,0.63); z-index: 5;}
.second-navbar ul {width: 70px; min-width: 960px; margin: auto; margin-top: 20px;}
.second-navbar ul li {display: inline; margin: 20px;}
.second-navbar.blog-bar ul li:first-child {position: absolute; left: 20px; bottom: -20px; font-style: italic;}
.second-navbar ul li a {font-weight: 700; font-family: Montserrat, sans-serif; font-size: 14px; text-transform: uppercase; padding-bottom: 18px;}
.second-navbar ul li a:hover {border-bottom: 3px solid rgb(61, 56, 52);}
.second-navbar .active {border-bottom: 3px solid rgb(61, 56, 52);}
ul#nav_categories li:nth-child(2) {margin-left: -100px;}


/* Banner */
#header {background-color: rgba(61, 56, 52, 0.9); height: 80px; z-index: 110; position:fixed; top: 0px;}
#banner .cycle-pager {text-align: center; position: absolute; width: 100%; bottom: 0; z-index: 150; margin-bottom: 15px;}
#banner .cycle-pager span {font-size: 27px; color: #fff; opacity: .5;letter-spacing: 6px;cursor: pointer;}
#banner .cycle-pager span.cycle-pager-active {opacity: 1;}
#vid {position: absolute; left: 50%; top: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: -1;}

#banner {height: 625px; overflow: hidden;}
#banner .banner-image {height: 625px; background-repeat: no-repeat; background-position: center; background-size: cover;}
#banner .banner-image img {top: 0px;}
#banner .arrow {width: 100%; position: absolute; bottom: 20px; text-align: center;}
#banner .container {height: 625px; position: absolute; width: 100%; background-color: rgba(61, 56, 52, 0.5);}
#banner .container .content-container {width: 460px; text-align: center; margin: auto; margin-top: 240px;}
#banner .container .content-container h3 {color: #fff; font-weight: bold;}
#banner .container .content-container h1 {font-size: 33px; padding-bottom: 15px; border-bottom: 2px solid #fff; color: #fff;}
#banner .container .content-container h4 {font-size: 18px; color: #fff; margin: 15px 0px 20px 0px; font-weight: bold; font-family: Montserrat, sans-serif; padding-bottom: 14px;}
#banner .container .content-container a {color: #fff; border: 2px solid white; padding: 10px 55px; text-transform: uppercase; font-weight: bold;}
#banner .container .content-container a:hover {background-color: #fff; color: #4f4f4f;}
#banner .container .content-container img {position: absolute; bottom: -45px; left: 195px;}
.double-banner {width: 100%;}
.double-banner img {width: 50%; float: left; padding-top: 140px;}

/* Home */
#home-body {z-index: 7;}
#home-body .container {min-width: 900px;}
#home-body .white .container {width: 960px;}
#home-body .container .image-container.relative.left {width: 188px; height: 188px; margin-right: 35px;}
#home-body .container .left .content p {width: 600px; margin-top: 35px;}
#home-body .container .right {margin-top: 45px; float: left; margin-left: 70px;}
.home-products-content { text-align: center;}
.home-products-content .divider {margin-bottom: 30px;}
.home-products-content .title {padding-top: 45px; margin-bottom: 15px; font-size: 24px;}
.home-products-content .callout-container {width: 960px; margin: auto; padding-bottom: 50px;}
.home-products-content .content-container {margin: auto; margin-top: 50px; width: 250px;}
.home-products-content .callouts {width: 310px; height: 380px; background-color: rgba(255, 255, 255, 0.6); margin: 0px 0px 10px 10px;}
.home-products-content .callouts h3 {color: rgb(233, 114, 0); margin: 25px 0px 20px 0px;}
.home-products-content .callouts:hover {background-color: rgb(61, 56, 52);}
.home-products-content .callouts:hover h3 {color: #fff;}
.home-products-content .callouts:hover p {color: #fff;}
.home-products-content .callouts:hover .blue {display:none;}
.home-products-content .callouts:hover .white {display: inline; background-color: rgb(61, 56, 52);}
.home-case-study {height: 350px; background-repeat: no-repeat; background-size: cover;}
.home-case-study .buttons {font-weight: bold; border: 2px solid #fff; background-color: rgba(255, 255, 255, 0); color: #fff; margin-right: 10px;}
.home-case-study .buttons:hover {border: 2px solid #fff; color: #4f4f4f; margin-right: 10px; background-color: #fff;}
.home-case-study h1 {color: #fff; font-weight: 900; padding-top: 45px;}
.home-case-study h3 {color: #fff; margin: 30px 0px 15px 0px;}
.home-case-study p {color: #fff; width: 530px; margin: auto; font-weight: bold; margin-bottom: 30px;}
.home-case-study .divider {margin-top: 15px;}
.home-case-study .container {text-align: center;}
.home-blog {height: 700px; background-color: #e5e5e5; text-align: center; padding-bottom: 20px;}
.home-blog h1 {padding-top: 45px; margin-bottom: 15px;}
.home-blog .divider {margin-bottom: 30px;}
.home-blog .callout-container {width: 960px; margin: auto;}
.home-blog .callout-container .callouts {width: 310px; height: 540px; background-color: #fff; margin-right: 10px;}
.home-blog .callout-container .callouts img {margin-top: 30px; width: 212px;}
.home-blog .callout-container .callouts .buttons {position: absolute; bottom: 60px; width: 87px; left: 55px;}
.home-blog .callout-container .callouts .callout-content {width: 265px; margin: auto;}
.home-blog .callout-container .callouts .callout-content h3 {margin-top: 30px;}
.home-blog .callout-container .callouts .callout-content p {margin-top: 20px;}
.home-blog .callout-container .callouts .adjust-img {overflow: hidden; display: block; width:212px; height: 250px; margin: 0 auto;}
.home-partners {height: 515px;}
.home-partners .left {width:50%;}
.home-partners .left .content-container {width: 400px; height: 250px; margin: auto; margin-top: 45px; margin-right: 80px; padding-left: 10px;}
.home-partners .left .content-container h1 {margin-bottom: 15px; font-weight: 900;}
.home-partners .left .content-container .divider {margin: 2px; margin-bottom: 30px;}
.home-partners .left .content-container p {margin-bottom: 30px;}
.home-partners .left .content-container .buttons {padding: 10px 34px; margin-right: 10px; text-transform: uppercase;}
.home-partners .img-container {width: 50%; height: 515px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.home-newsletter {width: 100%; height: 290px; background-image: url(/content/site/newsletter_bkg.jpg); background-size: cover;}
.home-newsletter .container {width: 80%; margin: auto; padding-top: 45px; text-align: center;}
.home-newsletter .container h1 {margin-bottom: 15px; color: #fff;}
.home-newsletter .container .divider {margin-bottom: 30px;}
.home-newsletter .container h4 {font-weight: bold; margin-bottom: 30px; color: #fff; letter-spacing: .075em;}
.home-newsletter .container .email-signup {width: 270px; height: 40px; border: 1px solid #fff; margin: auto;}
.home-newsletter .container .email-signup input:first-child {float: left; color: #fff; padding: 10px; font-weight: bold; font-size: 14px;}
.home-newsletter .container .email-signup input:last-child {width: 40px; float: right; height: 40px; z-index: 2;}


/* About */
.about .container {text-align: center;}
.about .container h1 {margin-top: 45px; margin-bottom: 15px;}
.about .container h2 {padding-top: 30px; width: 95%; margin: auto; margin-bottom: 40px;}
.about .container .body p:first-child {margin-top: 0px;}
.about .container .body p {margin: 20px 10px; text-align: left;}
.about .container .body h2 {text-align: left;}
.about .quad-banner {width: 100%; margin-top: 50px;}
.about .container .body ul {list-style: disc; text-align: left; margin-left: 15px; padding-left: 10px;}
.about .container .body ul li {margin: 10px 0px;}
.about .quad-banner img {width: 25%; float: left; max-height: 250px;}
.about-column-height {min-height: 550px;}
.about h4{text-align: left;}

/* Contact */
.contact-info .content {padding-top: 115px; margin-bottom: 30px;}
.contact-info .content .divider {margin-bottom: 30px;}
.contact-info .content h1 {margin-bottom: 15px; text-align: center;}
.contact-info .content .container {background-color: #fff; width: 960px;}
.contact-info .content .container .left {width: 50%;}
.contact-info .content .container h2 {margin-bottom: 10px;}
.contact-info .content .container p {color: rgb(61, 56, 52); margin-bottom: 20px; width: 80%;}
.contact-info .content .container .address {margin-bottom: 20px;}
.contact-info .content .container .address p {margin-bottom: 5px; color: #464646;}
.contact-info .content .container .phone {margin-bottom: 20px;}
.contact-info .content .container .phone p {margin-bottom: 5px; color: #464646;}
.contact-info .content .container .email {margin-bottom: 20px;}
.contact-info .content .container .email p {margin-bottom: 5px; color: #464646;}
.contact-info .content .container .email p a {color: #464646;}
.contact-info .content .container .email p a:hover {color: rgb(233, 114, 0);}
.contact-info .content .container .right {width: 50%;}
.contact-info .content .container .right img {-webkit-box-shadow: 0px 17px 39px 1px rgba(0,0,0,0.35); -moz-box-shadow: 0px 17px 39px 1px rgba(0,0,0,0.35); box-shadow: 0px 17px 39px 1px rgba(0,0,0,0.35); position: absolute; top: 20px;}
.contact-info .bottom {background-color: #e5e5e5;}
.contact-info .bottom .container {background-color: transparent; width: 80%; margin: auto; padding-top: 75px; padding-bottom: 30px; margin-bottom: -30px;}
.contact-info .bottom .container p {margin-top: 10px; color: #464646;}
.contact-info .bottom .container.contact-form {width: 940px;}

/* Form */
.dform_container .dform_container input.text {background-color: #fff; padding: 21px 6px; width: 444px; border: 2px solid #ABABAB;}
.dftop_label .dform_label {font-weight: 600; color: #464646; font-family: Montserrat; font-size: 14px;}
.dform_textarea .dform_container textarea {width: 892px; background-color: #fff; padding: 20px 16px; border: 2px solid #ababab;}
.dform_element.submit_button {text-align: center; margin-top: 25px; margin-bottom: 20px;}
.dform_element.processing_button {text-align: center;margin-top: 25px;margin-bottom: 20px;}
input.submit {border: 0px;cursor: pointer;background-color: aliceblue;padding: 10px 77px;text-transform: uppercase;font-weight: 700;color: #006699;font-family: Montserrat, sans-serif;font-size: 14px;}
input.process {padding: 10px 77px; text-transform: uppercase; font-weight: 700; font-family: Montserrat, sans-serif; font-size: 14px;}

/* Partners */
.container.partners {margin-top: 175px; margin-bottom: 30px;}
.partners .content {max-width: 960px; margin: auto;}
.partners h1 {margin-top: 100px; text-align: center; padding-bottom: 10px;}
.partners .divider {text-align: center; margin-bottom: 30px;}
.partners .left {width: 50%; margin-bottom: 30px;}
.partners .left h4 {color: #464646;}
.partners .left p:first-child {color: rgb(61, 56, 52);}
.partners .left p:first-child a {color: #E97200;}
.partners .left p:first-child a:hover {color: rgb(233, 114, 0); text-decoration: underline;}
.partners .left a {color: #E97200;}
.partners .left a:hover {text-decoration: underline;}
.partners .left ul {margin-bottom: 30px; margin-top: -25px;}
.partners .left li {list-style: disc; margin: 10px 15px;}
.partners .left p {width: 460px;}
.partners .left a.buttons {color: rgb(233, 114, 0); text-transform: uppercase; padding: 10px 38%;}
.partners .left a.buttons:hover {color: #ffff;}
.partners .right {width: 50%; text-align: right; margin-bottom: 50px;}
.partners.details .left {text-transform: none;}
.partners.details .left h4 {margin-top: 30px;}
.partners.details .left ul {margin-bottom: 30px; margin-top: 0px;}
.partners .left a.buttons {text-decoration: none;}

/* Support */
.support {margin-top: 175px; margin-bottom: 30px;}
.support h1 {text-align: center; margin-bottom: 15px;}
.support .divider {margin-bottom: 30px;}
.support .left {width: 50%;}
.support .left p:first-child {color: rgb(61, 56, 52); font-size: 16px;}
.support .left p:first-child a {color: rgb(61, 56, 52); font-size: 16px;}
.support .left p:first-child a:hover {color: rgb(233, 114, 0);}
.support .left ul {margin-bottom: 30px;}
.support .left li {list-style: disc;margin: 10px 15px;}
.support .left p {width: 460px;}
.support .left p:last-child {margin-bottom: 30px;}
.support .left a {color: rgb(233, 114, 0);}
.support .left a:hover {text-decoration: underline;}
.support .left a.buttons {color: rgb(233, 114, 0);margin-bottom: 20px; text-transform: uppercase; padding: 10px 38%; text-decoration: none;}
.support .left a.buttons:hover {color: #fff;}
.support .left h3 {margin-bottom: 10px;}
.support .right {width: 50%; text-align: right; margin-bottom: 50px;}

/* Careers */
.careers .double-banner img {padding-top: 80px;}
.careers .top {width: 100%; margin-top: 80px;}
.careers .top div {width: 50%;}
.careers .top .left p {font-size:14px; line-height: 20px; margin: 14px 45px;}
.careers .top .left h2 {margin-left: 45px; margin-top: 45px;}
.careers .top .right {height: 480px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.careers .bottom {width: 100%;}
.careers .bottom div {width: 50%;}
.careers .bottom .right p {margin: 14px 45px;}
.careers .bottom .right h2 {margin-left: 45px; margin-top: 45px;}
.careers .bottom .left {height: 480px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.careers .left a {color: #464646;}
.careers .left a:hover {color: rgb(233, 114, 0);}
.careers .right a {color: #464646;}
.careers .right a:hover {color: rgb(233, 114, 0);}
.careers .right ul li {list-style: disc; margin: 0 0 0 60px; line-height: 18px;}
.job-opportunities {width: 100%; background-color: #e5e5e5;}
.job-opportunities .container {padding-top: 45px; padding-bottom: 60px; width: 968px;}
.job-opportunities .container h2 {margin-bottom: 30px; margin-left: 5px;}
.job-opportunities .container a .job {width: 466px; height: 56px; border: 2px solid #c0c0c0; margin: 5px; background-color: #fff; color: #4f4f4f; text-align: center;}
.job-opportunities .container a .job:hover {background-color: rgb(61, 56, 52); border: 2px solid rgb(61, 56, 52); color: #fff;}
.job-opportunities .container a .job h4 {color: #4f4f4f; margin-top: 8px; text-transform: uppercase; letter-spacing: .075em;}
.job-opportunities .container a .job:hover h4 {color: #fff;}
.job-opportunities .container a .job ul li {font-style: italic; padding: 0px 5px; border-right: 1px solid #c0c0c0; display: inline;}
.job-opportunities .container a .job:hover ul li {color: #fff;}
.job-opportunities .container a .job ul li:last-child {border-right: none;}

/* Careers Details */
.job-detail.content .container .left p {color: #464646;}
.job-detail.content .container .left {min-height: 350px;}
.job-detail.content .bottom .container {width: 960px;}
.job-detail.content ul li {list-style: disc; margin: 15px 20px;}
.job-detail form#new_submission {padding-bottom: 30px; margin-bottom: -30px;}
.job-detail .dform {margin: auto; width: 960px;}
.job-detail .dform .dftop_label .dform_label {font-weight: 600; font-size: 15px;}
.job-detail .dform .dform_container {margin-right: -10px;}
.job-detail .bottom:last-child h2 {width: 960px; margin: auto; padding-top: 35px; margin-bottom: 10px;}
.job-detail .bottom:last-child p {width: 960px; margin: auto;}
.job-detail .image-container {width: 450px; height: 380px;}
.job-detail .image-container img {width: 100%;}
.container.auto-height.qualifications {margin-top: 70px; margin-bottom: 45px;}


/* Case Study */
.casestudy-body {background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; padding-top: 185px; padding-bottom: 15px;}
.casestudy-body .container {width: 960px; margin: auto; padding-bottom: 125px;}
.casestudy-body .container h1 {color: #fff; margin-bottom: 15px;}
.casestudy-body .container .divider {margin-bottom: 30px;}
.casestudy-body .container #load-more {position: absolute; width: 500px; bottom: 50px; left: 170px; border: 2px solid #fff; background-color: transparent; color: #fff;}
.casestudy-body .container #load-more:hover {background-color: #fff; color: #4f4f4f;}
.casestudy-body .container .case {float: left; width: 462px; height: 202px; background-color: transparent; color: #fff; border: 2px solid #fff; margin: 5px;}
.casestudy-body .container .case:hover {background-color: #fff; color: transparent;}
.casestudy-body .container .case:hover .inner-container h5 {color: #4f4f4f;}
.casestudy-body .container .case:hover .inner-container h3 {color: #4f4f4f;}
.casestudy-body .container .case:hover .inner-container p {color: #4f4f4f;}
.casestudy-body .container .case .inner-container {margin: 30px;}
.casestudy-body .container .case .inner-container h5 {color: #fff; font-weight: 700;}
.casestudy-body .container .case .inner-container h3 {color: #fff; margin-bottom: 10px;}
.casestudy-body .container .case .inner-container p {color: #fff;}

/* Case Study Details */
.details h1 {width:55%; margin-left:auto; margin-right:auto;text-align: center; padding-top: 45px; margin-bottom: 15px;}
.details .divider {margin: auto; margin-bottom: 30px;}
.details .details.casestudy-body {padding-top: 45px;}
.details .details.casestudy-body .container {padding-bottom: 50px;}
.details .case-details {width: 960px; margin: auto; padding-bottom: 1px;}
.details .case-details .top h5 {margin-left: 10px;}
.details .case-details .top p {margin-left: 10px;}
.details .case-details .top blockquote {margin-top: 0px;}
.details .case-details .columns p {margin: 5px 0px 5px 10px; font-weight: 600px; letter-spacing: .5px;}
.details .case-details .columns p:first-child {color: rgb(61, 56, 52); font-size: 16px;}
.details .case-details .bottom a:first-child {height: 60px;}
.details .case-details .bottom .buttons {padding: 20px 5px 0px 5px; width: 446px; height: 36px; text-align: center; margin: 5px; margin-bottom: 45px;}
.details .case-details .bottom .buttons:hover {border: 2px solid rgb(61, 56, 52); padding: 20px 5px 0px 5px;}
.details .featured-products {background-color: #e5e5e5;}
.details .featured-products h1 {margin-top: 0px;}
.details .featured-products .container {text-align: center; padding-top: 45px;}
.details .featured-products .container .callouts {overflow: hidden; width: 122px; height: 120px; float: left; background-color: #fff; padding: 14px; margin: 0px 5px;}
.details .featured-products .container .callouts:hover {background-color: rgb(61, 56, 52);}
.details .featured-products .container .callouts h3 {font-size: 14px; font-weight: 700; color: rgb(233, 114, 0); margin-top: 5px;}
.details .featured-products .container .callouts:hover h3 {color: #fff;}
.details .featured-products .container .callouts img {width: 50px;}
.details .featured-products .callout-container {width: 480px; margin: auto; padding-bottom: 50px; height: 100px; overflow: hidden;}
.details .social-links {width: 108px; margin: auto;}
.details .social-links .footer-social {margin: 0px 3px; width: 30px; height: 30px; overflow: hidden;}
.details .social-links .footer-social img {position: absolute; top: 1px;}
.details .social-links .footer-social img:hover {top: -29px;}

/* Blog - landing */
.blog-container {padding-top: 175px; text-align: center; background-color: #e5e5e5; padding-bottom: 45px;}
.blog-container h1 {margin-bottom: 15px;}
.blog-container .divider {margin-bottom: 30px; width: 85px;}
.blog-container .callout-container {width: 960px; margin: auto;}
.blog-container .callout-container .callouts {width: 310px; height: 540px; margin: 5px; background-color: #fff;}
.blog-container .callout-container .callouts img {padding-top: 30px; padding-bottom: 20px;}
.blog-container .callout-container .callouts .buttons {position: absolute; width: 100px; bottom: 40px; left: 50px;}
.blog-container .callout-container .callouts .callout-content {width: 80%; margin: auto; margin-bottom: 25px; position: relative;}
.blog-container .callout-container .callouts .callout-content h3 {margin-bottom: 20px;}
/*.blog-container .callout-container .callouts .callout-content p {font-weight: 600;}*/
.blog-container #load-more {width: 516px; margin: 60px auto 0px auto; background-color: transparent;}
.blog-container #load-more:hover {border: 2px solid rgb(61, 56, 52); background-color: rgb(61, 56, 52);}

/* Blog - details */
.blog.details .blog-container {padding-top: 1px;}
.blog.details .news-details .top {width: 960px; margin: 10px auto 45px auto;}
.blog.details .news-details .top .columns {height: 425px;}
.blog.details .news-details .top .columns p {margin: 10px auto;}
/*.blog.details .news-details .top .columns p:first-child {font-size: 16px; color: rgb(61, 56, 52);}*/

/* Product */
.product .double-banner {margin-top: -60px;}
.product .container {width: 960px;}
.product h1 {text-align: center; padding-top: 45px; margin-bottom: 15px;}
.product .divider {padding-bottom: 30px;}
.product .top .left {width: 60%;}
.product .top .left p {margin: 20px auto;}
/*.product .top .left p:first-child {color: rgb(61, 56, 52); font-size: 16px;}*/
.product .top .right {width: 30%;}
.product .top .right ul {width: 230px; float: right;}
.product .top .right ul li {width: 230px; font-size: 14px; position: relative; margin: 55px auto; text-transform: uppercase; color: rgb(233, 114, 0);}
.product .top .right ul li:hover {color: rgb(189, 182, 174);}
.product .top .right ul li div {width: 80px; height: 45px; position: absolute; left: -85px; top: -15px; text-align: center;}
.product .top .right ul li img {height: 45px;}
.product .top .right ul a:hover li {color: rgb(61, 56, 52);}
.product .top .right .active {color: rgb(61, 56, 52);}
.product .bottom {width: 960px; margin-bottom: 40px;}
.product .bottom .buttons {margin-bottom: 3px; padding: 20px 124px; width: 218px; height: 16px; text-align: center; margin: 5px;}
.product .bottom .buttons:hover {border: 2px solid rgb(61, 56, 52); margin-bottom: 0px; padding: 20px 124px;}
.product .gallery {margin-top: 40px;}
.product .gallery h2 {margin-bottom: 10px;}
.product .gallery .gallery-image {width: 230px; height: 205px; float: left; margin: 5px; margin-bottom: 45px;}
.product .gallery .gallery-image img {width: 100%; height: 100%;}
.product .product-partner {padding-bottom: 100px;}
.product .product-partner p {margin-top: 15px; margin-bottom: 30px;}
.product-partner .buttons {width: 120px; height: 17px; float: left; padding: 12px 40px; margin-right: 10px;}
.product-partner .buttons:hover {width: 120px; height: 17px; padding: 12px 40px; border: 2px solid rgb(61, 56, 52);}
.product .casestudy-body {padding-top: 1px; background-image: url(/content/site);}
.product .casestudy-body .container {padding-bottom: 35px;}
.product .blog-container {padding-top: 1px;}
.product .services {width: 100%; height: 442px;}
.product .services .left {width: 53%;}
.product .services .left .content {right: 90px; width: 400px; position: absolute;}
.product .services .left .content h1 {text-align: left;}
.product .services .left .content .divider {margin-left: 1px;}
.product .services .left .content .buttons {position: absolute; bottom: -45px;}
.product .services .right {width: 47%; background-position: center; background-size: cover; height: 442px;}
.product .white .container .top .left ul {list-style: disc; margin-bottom: 20px;}
.product .white .container .top .left ul li {margin-left: 25px;}


/* 404 */
.not-found.auto-height {width: 80%; margin: auto; padding: 50px;}
.not-found.auto-height p {margin: 5px 0px;}
.not-found.auto-height ul {list-style: disc; margin: 5px 30px;}
.not-found.auto-height ul li {margin: 5px 0px;}

/* Buttons */
.buttons {font-weight: bold; color: rgb(233, 114, 0); border: 2px solid rgb(233, 114, 0); background-color: #fff; padding: 10px 55px; text-transform: uppercase;}
.buttons:hover {color: #fff; border: 2px solid rgb(61, 56, 52); background-color: rgb(61, 56, 52); padding: 10px 55px; text-transform: uppercase;}

/* Gallery */
.gallery h2 {text-align: left; margin-top: 45px; margin-bottom: 10px;}
.gallery .gallery-image {float: left; margin: 0px 3px; margin-bottom: 50px; width: 230px; height: 205px;}
.gallery .gallery-image img {width: 230px; height: 205px;}
.gallery .gallery-image:hover .overlay {display: inline; position: absolute; background-color: rgba(61, 56, 52, 0.8);}
.main-overlay .container {width: 940px;}
.main-overlay .over-image {width: 710px; height: 630px; margin-top: 150px;}
.main-overlay img.close {position: absolute; top: -45px; left: 450px;}
.main-overlay img.previous {position: absolute; left: 50px; top: 400px;}
.main-overlay img.next {position: absolute; right: 50px; top: 400px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}


/* FancySelect */
.fancy-select {margin-right: 10px; position: absolute; width: 270px; height: 40px; float: left; font-weight: 400; text-transform: none; font-size: 14px; color: #4f4f4f; font-family: 'Montserrat', sans-serif;  bottom: 44px; right: -35px; text-align: left;}
.fancy-select.disabled {opacity: 0.5;}
.fancy-select div.trigger {width: 258px; height: 21px; background-color: #e5e5e5; color: #4f4f4f; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 600; margin-top: 55px; margin-bottom: -25px; border: none; cursor: pointer; padding: 9px 0 8px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; transition: all 240ms ease-out; -webkit-transition: all 240ms ease-out; -moz-transition: all 240ms ease-out; -ms-transition: all 240ms ease-out; -o-transition: all 240ms ease-out;}
.fancy-select div.trigger:after {text-align: left; content: url(/content/site/blog_archive_arrow.png); display: block; position: absolute; width: 6px; height: 3px; top: 10px; right: 27px;}
.fancy-select div.trigger.open {background: #fff; color: #989898;}
.fancy-select div.trigger.open:after {-ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); top: 18px; right: 17px;}
.fancy-select ul.options {list-style: none; margin: 0; position: absolute; top: 34px; left: 0; visibility: hidden; opacity: 0; z-index: 50; max-height: 200px; background: #F9F9F8; width: 268px; transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;}
.fancy-select ul.options.open {min-width: 250px; border: none; visibility: visible; top: 94px; opacity: 1; transition: opacity 300ms ease-out, top 300ms ease-out; -webkit-transition: opacity 300ms ease-out, top 300ms ease-out; -moz-transition: opacity 300ms ease-out, top 300ms ease-out; -ms-transition: opacity 300ms ease-out, top 300ms ease-out; -o-transition: opacity 300ms ease-out, top 300ms ease-out;}
.fancy-select ul.options.overflowing {top: auto; bottom: 40px; transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;}
.fancy-select ul.options.overflowing.open {top: auto; bottom: 50px; transition: opacity 300ms ease-out, bottom 300ms ease-out; -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out; -moz-transition: opacity 300ms ease-out, bottom 300ms ease-out; -ms-transition: opacity 300ms ease-out, bottom 300ms ease-out; -o-transition: opacity 300ms ease-out, bottom 300ms ease-out;}
.fancy-select ul.options li {width: 287px; padding: 8px 12px; color: #989898; cursor: pointer; white-space: nowrap; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out;}
.fancy-select ul.options li.selected {background: #B0976E; color: #fff;}
.fancy-select ul.options li.hover {color: #fff; background: rgb(23, 133, 204);}



/* Owl Carousel */
.caro {width: 825px; height: 630px; margin: auto; margin-top: 135px; overflow: hidden;}
.owl-carousel .owl-item img {width: 710px; height: 630px;}
.owl-prev {position: absolute; left: -45px;text-indent: -9999px; background-image: url(/content/site/gallery_arrow.png); width: 18px; height: 30px;}
.owl-next {position: absolute; right: 70px; text-indent: -9999px; background-image: url(/content/site/gallery_arrow.png); width: 18px; height: 30px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.owl-controls.clickable {position: absolute; width: 100%; height: 30px; top: 300px; left: 60px;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); left: 20px;}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{ float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.owl-item {width: 475px;}

/* Footer Push */
#push {height: 88px;}

/* Footer */
#footer {width: 100%; height: 88px; background: #fff; background-color: rgb(61, 56, 52); min-width: 960px;}
#footer .footer-container {width: 950px; margin: auto;}
#footer .footer-container p {float: left; margin-top: 40px; font-size: 12px; color: #fff;}
#footer .footer-container .footer-social {float: right; margin-top: 27px; margin-right: 15px; width: 34px; height: 34px; overflow: hidden;}
#footer .footer-container .footer-social img {position: absolute; bottom: -34px;}
#footer .footer-container .footer-social:hover img {position: absolute; bottom: 0px;}


/* Other */
.blog-bar ul li:nth-child(2) {margin-left: -115px;}
.blog-bar ul {min-width: 870px;}
.blog-bar .fancy-select ul.options li {position: relative; display: list-item; padding: 10px; margin: 0px; width: 250px; font-style: normal; left: 0px; bottom: 0px; background-color: #e5e5e5; color: #4f4f4f;}
.blog-bar .fancy-select ul.options li:hover {color: #4f4f4f; background-color: #fff;}
.dd-container {width: 640px; margin: auto; height: 60px; margin-top: -45px;}
.dd-container .fancy-select {margin: 0px 25px; position: relative; width: 270px; height: 40px; float: left; font-weight: 400; text-transform: none; font-size: 14px; color: #4f4f4f; font-family: 'Montserrat', sans-serif; bottom: 0; right: 0; text-align: left;}
.dd-container .fancy-select ul.options li {position: relative; display: list-item; padding: 10px; margin: 0px; width: 250px; font-style: normal; left: 0px; bottom: 0px; background-color: #e5e5e5; color: #4f4f4f;}
.dd-container .fancy-select ul.options li:hover {color: #4f4f4f; background-color: #fff;}
.dd-container .category-dd {width: 258px; height: 30px; margin-top: 55px; background-color: #fff; padding-top: 8px; text-align: left; padding-left: 10px; position: relative; float:left;}
.dd-container .category-dd p {font-size: 14px; font-family: Montserrat, sans-serif;}
.dd-container .category-dd p img {float: right; margin-right: 25px; margin-top: 5px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg);}
.dd-container .submenu {width: 258px; padding-left: 10px; margin-left: -10px; background-color: #e5e5e5; margin-top: -13px; list-style: none;}
.dd-container .submenu ul {min-width: 268px;}
.dd-container .submenu ul li {color: #4f4f4f; text-transform: none; display: list-item; padding: 10px; margin: 0px; width: 248px; font-style: normal;}
.dd-container .submenu ul li:hover {color: #4f4f4f; background-color: #fff; text-transform: none; display: list-item; border-bottom: none; margin-left: -10px; padding-left: 20px; width: 238px;}
.dd-container .category-dd.grey {background-color: #e5e5e5;}
.dd-container .category-dd p img.rotate {-ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg);}

/* Added Css 6/9 */
.circle {width: 188px; height: 188px; margin-right: 35px;}
.circle .circle-image {position: absolute; top: -60px; z-index: 100;}
.circle .circle-shadow {position: absolute; bottom: 25px; width: 188px;}
.parallax {display: inline; background-color: transparent; opacity: 1; z-index: -1; background-position: center; background-size: cover;  position: fixed; top: 0; bottom: 0; left: 0; right: 0;}
.white {background-color: #fff;}
.email-signup.relative img {position: absolute; right: 0px;}
#footer .footer-container p a:hover {border: none;}
.container.partners.details h1 {padding-top: 0px; margin-bottom: 0px;}
.details .featured-products {height: 300px;}
.details .featured-products .container {padding-top: 0px;}
.product .casestudy-body {height: 350px; margin-bottom: -15px;}
.product .divider {padding-bottom: 0px;}
.casestudy-body .container .case {margin-top: 5px;}
.navbar .bottom ul li .dropdown.hide {display: none;}
.product-overlay {position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2;}
.about hr.horizontalrule {margin: 50px 0px;}


.navbar .bottom ul li .support-dd.dropdown {bottom: -121px;}

.play{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none;}

/* Mozilla Specific CSS */
@-moz-document url-prefix() {
    .navbar .bottom ul li .support-dd.dropdown {bottom: -119px;}
    .navbar .bottom ul li .about-dd.dropdown {bottom: -184px;}
    .product .bottom .buttons {padding: 20px 116px; width: 233px;}
    .product .white .container {margin-top: -45px;}
    .about .double-banner img {padding-top: 96px;}
    .main-overlay {top: 0px;}
}



@media \0screen\,screen\9 {
    #banner .banner-image{ background-image:  url(http://www.ctpc.com/images/uploads/banner.jpg); }
    .product-dd.dropdown .container ul li{ float: left;}
    #home-body .container .left{ width: 700px;}
    #home-body .container .right{ float: right; margin-left: 0;}
    #home-body .container .left .content p{ width: auto;}
    .home-partners .img-container{ width: 49%;}
    .home-partners .left .content-container .buttons{ float: left;}
    #home-body .white .container .right a.buttons{ float: right;}
    #banner .container .content-container a{ width: 83px; margin: 0 auto; display: block;}
    .product .gallery{ clear: both; overflow: hidden;}
    .double-banner img{ width: 49.5%;}
    .navbar .bottom ul li .support-dd.dropdown{ bottom: -88px;}
    .navbar .bottom ul li .about-dd.dropdown{ bottom: -154px;}
}

/*==== Responsive css updates ====*/
/* mobile menu css*/
input[type="file"]{ -webkit-appearance: none; appearance: none; border-radius: 0; -webkit-border-radius: 0;}
.mobile-nav{display: none;}
.case-mob-filter,.blog-mob-filter{display: none}
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}
input.submit{bottom: 0px;}
.dform_container input.text,.dform_textarea .dform_container textarea{border-radius: 0; -webkit-border-radius: 0}
.blog.details .news-details .top .columns{height: auto}
input[type="file"],input.submit{-webkit-appearance:none; -webkit-text-size-adjust:none; -webkit-border-radius: 0;}
.product .white .container{margin: 0 auto}

.owl-controls,.owl-controls.clickable {height: 30px;left: 60px; position: absolute; top: 300px; width: 100%;}