@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary, time, mark, audio, video 
{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}


body{background:#fff url(../images/body-gradient.png) repeat-x top left;}


body, button, input, select, textarea {color:#000 !important;}
.video-stream.html5-main-video{ top:0px !important;}
.html5-video-content{ top:0 !important;}
a{ text-decoration:none; outline:none;}
a:focus{ outline:none;}
a:hover{ color:#bf1e2e !important;}
.main-container{ clear:both; position:absolute; width:100%; height:100%;}
body.page-child .main-container{ height:auto;}
.inner-wrapper{ margin:auto; max-width:860px; position:relative;}
div:after{ display:block; clear:both; content:'';}
.header{ background:#000000; height:58px; width:100%; position:fixed; z-index:999;}
.header .logo{ float:left; margin-top:12px;}
h1{font-family:'HelveticaNeueW01-77BdCn_692722';color:#fff; font-size:60px; text-transform:uppercase;line-height:62px;margin-bottom:15px;}
.header .menu{ float:right;}
.header .menu ul li{ list-style:none; display:inline;}
.header .menu ul li a{color:#fff; text-transform:uppercase;font-family:'HelveticaNeueW01-77BdCn_692722'; font-size:18px; padding:0 6px; letter-spacing: -0.2px;
                      word-spacing: -0.4px; float:left; line-height:58px;}
.header .menu ul li a:hover{color:#bf1e2e; background:url(../images/menu-hover-active.png) no-repeat center bottom;}
.header .menu ul li a.active{color:#bf1e2e; background:url(../images/menu-hover-active.png) no-repeat center bottom;}
.header .mega-drop{ position:absolute; width:100%; height:40px; background:#fff; left:0; top:58px; display:none;}
.header .mega-drop li a{ color:#000 !important; line-height:40px !important;}
.header .mega-drop li a:hover{ color:#bf1e2e !important; background:none !important;}
.aboutus:hover .mega-drop{ display:block !important;}
/*--- home page style ---*/
.home-bg{ position:absolute; height:100%; width:100%;}
#front-page-body .home-bg{ position:fixed; }
.home-bg .video-img{ width:100%; height:100%; position:absolute;}
.home-bg-layer{ position:absolute; height:100%; width:100%; background:rgba(0, 0, 0, .40); overflow: hidden;}
.page-center{ height:100%; width:100%; text-align:center; display:table; position:relative; z-index:1;}
.home-body .page-center .cell{ display:table-cell; height:100%; width:100%; vertical-align:middle;}
.page-center .cell{ display:block; height:auto; width:100%; vertical-align:middle;margin-top:150px;}
.page-center .cell img{ height:auto;}
.home-icon-bgrow{ margin:50px auto 0 auto;max-width:800px;}
.cols-four{width:200px;float:left;}
.table{ display:table; margin:auto;}
.icon-redbg{ background:#bf1e2e; border-radius:100%; height:100px; width:100px; margin:auto; display:table-cell; vertical-align:middle;}
.icon-title{ width:100%; text-align:center; color:#fff; text-transform:uppercase; font-size:19px; padding:10px 0; min-height:40px;
             font-family: 'HelveticaNeueW01-77BdCn_692722';}

/*-------- style for aboutus page ---------*/
.about-bg-layer{ position:absolute; height:100%; width:100%;}
.about-inner-wrapper{ max-width:860px; color:#fff; margin:auto; text-align:left; padding-left:80px; box-sizing:border-box; padding-right:80px;font-family:'HelveticaNeueW01-55Roma';}
.about-inner-wrapper p{ font-size:22px; font-family:'HelveticaNeueW01-55Roma';letter-spacing:-0.5px; line-height:28px;}
.about-inner-wrapper a{font-family:'HelveticaNeueW01-55Roma';}
.cols-four-small{width:150px;float:left; margin-bottom:5px;}
.about-iconbg{width:860px; padding:0 80px 0 80px; box-sizing:border-box; max-width:inherit;}
.about-iconbg .cols-four-small:first-child{ margin-left:-25px;}
.whatwe-do-icon-row .cols-four-small:first-child{ margin-left:0;}

/*-------- style for aboutus page ---------*/
.light-box-bg{ position:absolute; height:100%; width:100%;z-index:99999; /*background:rgba(0, 0, 0, .5); */}
.light-box-inner{ position:absolute; width:700px; background:#fff; height:92%;padding:35px; box-sizing:border-box;
}
.light-box-inner-one{ height:600px !important;}
.light-box-inner h1{ font-size:60px; color:#bf1e2e;}
.light-box-inner .close{ position:absolute; right:-10px; top:-10px;}
.light-box-bg .scrollbar{ width:100%; height:340px;}
.light-box-bg .row{ padding:10px 30px 10px 0;}
.light-box-bg .row strong{ text-transform:uppercase;}
.light-box-bg .row:first-child{ padding-top:0;}
.contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
/*-------- style for custom scroll bar ---------*/
.scrollbar{ position:relative;}
.scrollbar__container {height: 100%;width: 100%;overflow: hidden;}
.scrollbar__track {position: absolute;right: 0;top: 0;height: 100%; cursor:pointer;}
.scrollbar__handle {width: 100%;min-height: 10px;position: absolute;top: 0;}
.scrollbar {padding-right: 15px;}
.scrollbar__track {width: 14px;}
.scrollbar__handle {background-color:#999999;}
.scrollbar:hover .scrollbar__handle {opacity: 1;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;
                                     -ms-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;}
.scrollbar .scrollbar__handle:hover,  .scrollbar_state_move .scrollbar__handle {opacity: 1;}
.scrollbar__track {background-color: #f1f1f1;}
.scrollbar_mode_mobile .scrollbar__container {overflow-y: auto;-webkit-overflow-scrolling: touch;}
/*-------- close style for custom scroll bar ---------*/
.middle-section{ width:100%; background:#fff; min-height:574px; padding-top:58px; background:#000000;}
.map-bg{ width:100%; height:auto;position:relative;}
.map-bg img{ float:left; width:100%;}

.about-connect-form{ width:100%;background:#fff; top:148px; min-height: 600px;padding:35px 0;}
.about-connect-form .left{ float:left; width:50%;padding:0 10px 0 0; box-sizing:border-box;}
.about-connect-form .right{ float:left; width:50%; padding:0 0 0 50px; box-sizing:border-box;}
.about-connect-form input[type="text"], .about-connect-form input[type="email"], .about-connect-form input[type="file"]{ width:100%; height:48px; border:none; margin-bottom:10px; font-size:18px; color:#999999; border-radius:2px; box-sizing:border-box; font-family:'HelveticaNeueW01-55Roma';}
.about-connect-form textarea{ width:100%; height:150px; background-color:#e6e7e8; border:none; font-family: 'HelveticaNeueW01-55Roma';
                              font-size:18px; color:#999999; border-radius:2px; resize:none; padding-left:80px !important; box-sizing:border-box; padding-top:10px; vertical-align: bottom;}
.about-connect-form .contact-name{ background:url(../images/name-icon.png) no-repeat; background-position:19px 13px;}
.about-connect-form .contact-email{background:url(../images/email-icon.png) no-repeat; background-position:19px 13px;}
.about-connect-form .contact-resume{background:url(../images/resume-icon.png) no-repeat; background-position:19px 13px;}
/*.about-connect-form .contact-textarea{background:url(../images/message-icon.png) no-repeat #e6e7e8; background-position:19px 13px;}*/
.about-connect-form input[type="text"].contact-captcha{float: right;width: 80%; padding: 20px;}
.about-connect-form .contact-captchaimg {margin-top: 14px;}

.map-bg p { display: none; }
/*------- style for input type file ---------*/
/*.custom-file-upload-hidden { display: none;visibility: hidden; position: absolute; left: -9999px;}
.custom-file-upload {display: block;width: auto;font-size: 16px;
                     //border: 1px solid #ccc;label { display: block;margin-bottom: 5px;}
}
.file-upload-wrapper {position: relative;}
.file-upload-input {width: $file-upload-size;color: #fff;font-size: 16px;padding: 11px 17px;order: none;background-color: $file-upload-color; 
                    @include transition(all 0.2s ease-in); float: left;  IE 9 Fix  &:hover, &:focus { background-color: darken($file-upload-color, 5);outline: none;}
}
.file-upload-button { position:absolute !important; left:0; background:transparent !important; top:0; cursor: pointer;display: inline-block;color: #999999;
                      font-size: 16px;text-transform: uppercase;padding: 13px 20px;border: none; width:100%; text-align:left; padding-left:80px; height:48px;
                      margin-left: -1px;background-color: darken($file-upload-color, 10);float: left;  IE 9 Fix  @include transition(all 0.2s ease-in);
                      &:hover {background-color: darken($file-upload-color, 20);}
}*/
/*------- style for input type file ---------*/

.submit{ width:140px; height:50px; background:#999999; border:none; outline:none; border-radius:2px; color:#fff; font-size:18px; cursor:pointer;
         float:right;}
.submit-popup{ float:left !important;}
.submit:hover{ background:#e6e7e8; color:#7f7f7f;}
.address{ width:100%; font-size:18px; margin-bottom:20px; font-family: 'HelveticaNeueW01-55Roma'; font-size:16px;}
.address span{ width:100%; float:left;font-family: 'HelveticaNeueW01-77BdCn_692722'; font-size:18px;}
.social-media{ width:100%; float:left; margin-top:15px;}
.social-media li{list-style:none; display:inline;}
.social-media li a{ width:35px; height:35px; float:left; margin-right:14px;}
.social-icon{ background:url(../images/social-icon.png) no-repeat;}
.social-media .facebook{ background-position:0 0;}
.social-media .facebook:hover{ background-position:0 -37px;}
.social-media .twitter{ background-position:-98px 0;}
.social-media .twitter:hover{ background-position:-98px -37px;}
.social-media .linkedin{ background-position:-49px 0;}
.social-media .linkedin:hover{ background-position:-49px -37px;}

/*------ style about history page ----------*/
.history-top-bg{ background:url(../images/about-history-top.jpg) no-repeat center top; width:100%; height:940px;}
.history-inner{ max-width:860px; margin:auto; padding:135px 80px 100px 80px; box-sizing:border-box; font-family: 'HelveticaNeueW01-55Roma';}
.history-inner p{ color:#fff; padding-bottom:25px; font-size:22px; line-height:28px;}
.page-down-arrow{ width:100%; text-align:center; padding-top:20px;}
/*.histort-section-2{ background:#82829e url(../images/history-img2.png) no-repeat center top; width:100%; height:300px;}*/
.histort-section-3{width:100%; height:500px;}
.histort-section-3 .inner{ float:left; width:550px; padding-top:75px;}
.histort-section-3 p{ font-size:22px; color:#fff;font-family: 'HelveticaNeueW01-55Roma';}
.text-right{ text-align:right;}
.histort-section-4{ background:#fff; padding:35px 0;}
.histort-section-4 p{ padding:10px 0; color:#000000;font-family: 'HelveticaNeueW01-55Roma'; line-height:28px;}
.name{ font-weight:bold;}

.histort-section-5{ background:#83829e url(../images/history-img5.png) no-repeat center top; width:100%; height:500px;}
.histort-section-5 .inner{ float:right; width:550px; padding-top:75px;}
.histort-section-5 p{ font-size:22px; color:#fff;font-family: 'HelveticaNeueW01-55Roma'; line-height:28px;}
/*------ close about history page ----------*/

/*------ style about management page ----------*/
.height-750{ height:750px !important;}
.management-page{ height:700px !important;}
.management-section2, .career-quote-section{background-color:#bf1e2e; padding:50px 0;clear:both;}
.management-section2 .inner, .career-quote-section .inner{ margin:auto; max-width:860px; padding:0 8px; box-sizing:border-box; font-family: 'HelveticaNeueW01-85Heav';}
.management-section2 .inner, .career-quote-section .inner{ font-size:36px; color:#fff;}
.management-section2 .user-name, .career-quote-section .user-name{ font-size:24px; color:#fff;}
.management-section2 .inner p, .career-quote-section .inner p{ font-size:24px; text-align:right;font-family:'HelveticaNeueW01-55Roma';}
.management-team-bg{ background:#0C6; min-height:400px; background:#fff; padding:70px 0;}
.team-rwo{ width:100%; clear:both;}
.teambg{ float:left; width:220px; height:auto; margin-right:100px; margin-top:30px;}
.team-rwo .teambg:nth-child(3n+0){margin-right:0;}


.teambg .profile-img{ float:left; width:100%; height:244px;}
.teambg .profile-img img{ float:left;}
.team-member-name{ width:100%; font-size:24px; color:#000;font-family: 'HelveticaNeueW01-77BdCn_692722'; text-transform:uppercase;}
.group-name{ font-size:14px; font-family: 'HelveticaNeueW01-55Roma';}
.team-social{ margin-top:5px;}
.team-social ul li{ float:left; list-style:none; display:inline;}
.team-social ul li a{ float:left; margin-right:12px;}
.team-social .social{ background:url(../images/team-social.jpg) no-repeat; height:30px; width:38px;}
.team-social .message{ background-position:0 0;}
.team-social .message:hover{ background-position:0px -31px;}
.team-social .linkedin{ background-position:-50px 0;}
.team-social .linkedin:hover{ background-position:-50px -31px;}
/*------ close about management page ----------*/

/*------ careere page ----------*/
.careere-middle{ background:#fff !important;}
.careerepage-bg{ background:url(../images/careere-page-bg.jpg) no-repeat center top; min-height:700px; padding:75px 0;}
.careerepage-bg h2{ text-transform:uppercase; font-size:24px;font-family: 'HelveticaNeueW01-77BdCn_692722';}
.careerepage-bg ul{ margin-left:16px;}
.careerepage-bg p{ padding:12px 0; font-family: 'HelveticaNeueW01-55Roma';}
.careere-listing p{ font-weight:bold;}
.careere-listing{ margin-bottom:10px;}
.careerepage-bg a{font-family: 'HelveticaNeueW01-77BdCn_692722'; text-transform:uppercase; font-size:18px; color:#000;}
.popup-form{ position:relative; height:auto; width:auto; top:0; padding-top:10px;}
.careere-blogbg{ height:auto;max-width:1024px; margin:auto;}
.careere-blogbg .common-blog{width:49.8%; background-color:white; min-height:400px; float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.careere-blogbg .one{ background:url(../images/careereblock-one.jpg) no-repeat;}
.careere-blogbg .two{ background:url(../images/careereblock-two.jpg) no-repeat;}
.careere-blogbg .three{ background:url(../images/careereblock-three.jpg) no-repeat;}
.careere-blogbg .four{ background:url(../images/careereblock-four.jpg) no-repeat;}
.careere-blogbg .leftdiv{ float:left; max-width:480px;box-sizing:border-box; padding:50px; width:100%;}
.careere-blogbg .rightdiv{ float:right; max-width:480px; box-sizing:border-box; padding:50px; width:100%;}
.careere-blogbg h3{ font-size:24px;font-family: 'HelveticaNeueW01-77BdCn_692722'; text-transform:uppercase; line-height:22px; margin-bottom:10px;}
.careere-blogbg p{ font-size:16px;font-family:'HelveticaNeueW01-55Roma';margin-top:15px;}
.careere-blogbg p a{font-family: 'HelveticaNeueW01-77BdCn_692722'; text-transform:uppercase; color:#000; padding-top:20px; float:left;}
.careere-blogbg .whitep{ font-size:24px; color:#fff;}
.careere-blogbg .four .leftdiv{ padding-top:160px;}
.careere-blogbg .four h1, .careere-blogbg .four p{ text-align:center;}
.marcket-icon-row{ padding:0 66px !important;}
.careere-listing ul li{font-family:'HelveticaNeueW01-55Roma';line-height:22px;}
.careerepage-bg ul li{font-family:'HelveticaNeueW01-55Roma';line-height:22px;}
/*------ close careere page ----------*/

/*------ style for market page ----------*/
.markeet-blogbg{ height:auto;max-width:1024px; margin:auto;}
.markeet-blogbg .common-blog{width:49.8%; background:#FFF; min-height:580px; float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.markeet-blogbg .common-blog:nth-child(2n), .careere-blogbg .common-blog:nth-child(2n) {border-right:1px solid #ccc;}
.markeet-blogbg .one{ background:url(../images/dealerscope.jpg) no-repeat;}
.markeet-blogbg .two{ background:url(../images/cewe.jpg) no-repeat;}
.markeet-blogbg .three{ background:url(../images/techonologyintegrator.jpg) no-repeat;}
.markeet-blogbg .four{ background:url(../images/futurevision.jpg) no-repeat;}
.markeet-blogbg .five{ background:url(../images/tellnetwork.jpg) no-repeat;}
.markeet-blogbg .six{ background:url(../images/contact-bgone.jpg) no-repeat;}
.markeet-blogbg .six .leftdiv{ padding-top:150px; width:100%; max-width:inherit; text-align:center; padding-bottom:110px;}
.markeet-blogbg .six .leftdiv p{ color:#fff; font-size:24px;}
.markeet-blogbg .leftdiv{ float:left; max-width:480px;box-sizing:border-box; padding:55px 50px 50px 50px; width:100%;}
.markeet-blogbg .rightdiv{ float:right; max-width:480px; box-sizing:border-box; padding:55px 50px 50px 50px; width:100%;}
.markeet-blogbg img{ margin-bottom:15px; max-width:100%;}
.markeet-blogbg p{ font-size:16px; font-family:'HelveticaNeueW01-55Roma';}
.markeet-blogbg p a{font-family: 'HelveticaNeueW01-77BdCn_692722'; text-transform:uppercase; color:#000; padding-top:20px; float:left; margin-right:18px; font-size:18px;}
.markeet-blogbg .event{font-family: 'HelveticaNeueW01-77BdCn_692722'; font-size:18px; margin-bottom:16px;}
/*------ style for market page ----------*/
/*.whatwe-do-icon-row{ padding:0 !important;}*/
.whatwe-do-icon-row .cols-four-small{ width:115px !important;/*min-height: 200px;*/}
.market-consumelecbg{ background:url(../images/market-consumelecbg.jpg) no-repeat center top;}


/*------ style for napco_whatwedo_video page ----------*/
.whatwedo_video_bg{height:auto;max-width:1024px; margin:auto; background:#fff;}
.whatwedo_video_bg .productrow{ width:100%; background:#fff; min-height:291px; float:left;}
.whatwedo_video_bg .cols{ width:50%; box-sizing:border-box; float:left; position:relative;}
.productbox-detail{ padding:50px 50px 0; /*height:291px;*/ position:relative; min-height:291px;}
.whatwedo_video_bg img{ float:left; max-width:100%;}
.whatwedo_video_bg h3 {font-family: "HelveticaNeueW01-77BdCn_692722";font-size: 24px;margin-bottom: 4px; text-transform:uppercase;}
.whatwedo_video_bg p{ font-size:16px;font-family:'HelveticaNeueW01-55Roma';}
.whatwedo_video_bg p a, .link-icon a {color: #000;float: left;font-family: "HelveticaNeueW01-77BdCn_692722";font-size: 18px;margin-right: 18px;padding-top: 20px;
                                      text-transform: uppercase;}
.link-icon a {float:none !important;}
.indiarrow{ background:url(../images/indi-arrow.png) no-repeat; width:28px; height:46px; position:absolute; left:-27px; top:50px;}

.whatwedo_video_bg .productrow:nth-child(odd) .productbox-detail{ padding-right:90px;}
.whatwedo_video_bg .productrow:nth-child(even) .productbox-detail{ padding-left:90px;}
.whatwedo_video_bg .productrow:nth-child(even) .productbox-detail .indiarrow{ right:-27px; left:inherit; background:url(../images/indi-arrow-right.png) no-repeat; z-index:1;}
.img-product-bdr:before{ border: 30px solid #bf1e2e;box-sizing: border-box;content: "";display: block;height: 100%;position: absolute;width: 100%;}
/*------ close style for napco_whatwedo_video page ----------*/

/*------------- style for client section -------------*/
.client-row{ height:auto; background:#fff; width:100%;}
.shedow-bg{background:url(../images/shedow.png) repeat-x; position:absolute; width:100%; height:20px; bottom:-20px;}
.client-heading{ background:#066; color:#fff; text-align:center; font-size:24px; color:#fff;font-family: "HelveticaNeueW01-77BdCn_692722"; padding:7px 0; text-transform:uppercase;
                 background: #ffffff; /* Old browsers */
                 background: -moz-linear-gradient(left,  #ffffff 0%, #bf1e2e 35%, #bf1e2e 65%, #ffffff 100%); /* FF3.6+ */
                 background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(35%,#bf1e2e), color-stop(65%,#bf1e2e), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
                 background: -webkit-linear-gradient(left,  #ffffff 0%,#bf1e2e 35%,#bf1e2e 65%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
                 background: -o-linear-gradient(left,  #ffffff 0%,#bf1e2e 35%,#bf1e2e 65%,#ffffff 100%); /* Opera 11.10+ */
                 background: -ms-linear-gradient(left,  #ffffff 0%,#bf1e2e 35%,#bf1e2e 65%,#ffffff 100%); /* IE10+ */
                 background: linear-gradient(to right,  #ffffff 0%,#bf1e2e 35%,#bf1e2e 65%,#ffffff 100%); /* W3C */
                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
                 position:relative;
}
#Default.contentHolder p{font-family:'HelveticaNeueW01-55Roma';}
.client-row .inner-wrapper span{ padding:14px 10px; margin-right:40px; float:left;}
/*------------- close style for client section -------*/


/*--- common footer style ---*/
.footer{ width:100%; background:#bf1e2e; color:#fff; padding:15px 0;  z-index:1; bottom:0; font-size:12px; color:#fff; font-family:'HelveticaNeueW01-55Roma';}
.footer a{ color:#fff; text-decoration:none;}
.footer .left{ float:left; letter-spacing:-.2px;}
.footer .right{ float:right; font-size:18px;}
.footer .right a{ background:url(../images/brand-arrow.png) no-repeat right center; padding-right:40px;}
.footer a:hover{ color:#CCC !important}

li.current-menu-item ul.sub-menu, .current-menu-parent ul.sub-menu{transition:visibility 0s linear 0.5s,opacity 0.5s linear;}
.menu-item:hover ul.sub-menu{ z-index:999;}
li.current-menu-item ul.sub-menu, .current-menu-parent ul.sub-menu {display: block;visibility: visible !important; opacity:1;
                                                                    -webkit-box-shadow: 0px 1px 3px 0px rgba(211, 211, 211, 0.2);
                                                                    -moz-box-shadow:    0px 1px 3px 0px rgba(211, 211, 211, 0.2);
                                                                    box-shadow:         0px 1px 3px 0px rgba(211, 211, 211, 0.2);}
.common-blog.full{width:100% !important;background-size: 100% !important;background: url("images/contact-bgone-full.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important; height:580px;}
.wpcf7-not-valid-tip{ margin-top:-5px; margin-bottom:5px;}
.common-blog.full .leftdiv{ max-width:inherit; width:100% !important;}

#job-resume-file{ padding-left:10px !important; height:auto; border:none; box-shadow:none;}
::-ms-browse{ border:none; outline:0;background-position-x:left; position:absolute; left:0; top:200px;}
::-ms-value{border:none; outline:0;}
#popup-content{font-family:'HelveticaNeueW01-55Roma';}
.read-more-text{ color:#c81c2f;}
.read-more-text:hover{ color:#d92539 !important;}
.map-bg img{ margin-top:44px; height:46px;}

img.desaturate {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
  filter: gray;
  -webkit-filter: grayscale(100%);
  -webkit-transition: all .6s ease;
  -webkit-backface-visibility: hidden;
}
img.desaturate:hover { filter: none;-webkit-filter: grayscale(0%);}
svg image {transition: all .6s ease;}
svg image:hover {opacity: 0;}

/*-------------- style for new marketing psd on 02/12/2014 -----------------*/
.product-heading-bg{ background:#bf1e2e; padding-top:25px;}
.product-heading-bg h1{ font-size:36px; line-height:26px;}
.product-step-row{ width:100%; background:#fff;}
.product-step-row .content-bg-step{ padding-top:35px; padding-bottom:90px;}
.content-bg-step p{ padding-bottom:20px; width:100%; clear:both;font-family:'HelveticaNeueW01-55Roma';}
.product-step-row .content-bg-step ul{ width:40%; float:left; margin-bottom:20px; margin-left:15px;}
.product-step-row .content-bg-step ul li{ line-height:24px;font-family:'HelveticaNeueW01-55Roma';}
.whatwedo_video_bg .fix-anchor a{ width:180px; padding-top:15px;}
.contact-full-width{ height:235px; width:100%;}
.contact-full-width p{ font-size:23px; color:#fff;font-family:'HelveticaNeueW01-55Roma';}
.contact-full-width .inner-wrapper{ position:relative; height:100%; overflow:hidden;}
.contact-full-width .inner-wrapper .table{ height:100%; width:100%}
.contact-full-width .inner-wrapper .table .cell{ height:100%; display:table-cell; vertical-align:middle; text-align:center;}
.height100{ height:100%; position:absolute; width:100%;}
.market-blast-page{ padding-top:100px;background: none repeat scroll 0 0 #fff;
                    height: auto;
                    margin: auto;
                    max-width: 1024px;}
.market-blast-page h3{ margin-bottom:26px; line-height:24px;font-family: "HelveticaNeueW01-77BdCn_692722";
                       font-size: 24px;
                       margin-bottom: 40px;
                       text-transform: capitalize;
                       padding: 0 20% 0 20%;
                       text-align:center;}
.eblast-listion{ width:320px; float:left;font-family:'HelveticaNeueW01-55Roma';margin-right:10%;}
.eblast-listion h4{font-family: 'HelveticaNeueW01-77BdCn_692722'; font-size:17px; text-transform:uppercase; padding-bottom:5px;}
.product-step-row .eblast-listion ul{ width:100% !important;}
.whatwedo_video_bg .eblast-listion a{ font-size:16px; color:#bf1e2e; text-transform:inherit; font-family:'HelveticaNeueW01-55Roma'; margin:0; padding:0;}
.inner-page-four-cols{ float:left; width:100%; clear:both; padding-top:25px;}
.inner-page-four-cols .icon-redbg{ text-align:center;}
.inner-page-four-cols .icon-redbg img{ float:none;}
.inner-page-four-cols .icon-title{ color:#000 !important;}
.market-stem-row{ background:#333333;}
.more-marketing{ background:#010101; padding:10px 0;}
.more-marketing a{ text-transform:uppercase; font-size:18px; color:#fff;font-family: 'HelveticaNeueW01-77BdCn_692722'; background: url("images/brand-arrow.png") no-repeat right center; padding-right:40px;}
.market-stem-row .content-bg-step{ padding-bottom:35px !important; color:#fff; padding-top:0px;}
.market-stem-row .steps-row h4{font-family: 'HelveticaNeueW01-77BdCn_692722'; font-size:17px; color:#fff; padding-top:20px;}
.market-stem-row .steps-row p{ padding-bottom:0; display:inline; padding-right:22px;padding-left:22px; border-right:solid 1px #fff; line-height:30px;}
.market-stem-row .steps-row ul{ padding:3px 0; float:left; width:100%; list-style:none; margin:0;}
.market-stem-row .steps-row ul li{display:inline;padding-right:20px; border-right:solid 1px #fff; margin-right:20px; float:left; line-height:13px; margin-top:5px; margin-bottom:5px;}
.market-stem-row .steps-row ul li a{ color:#fff;}
.market-stem-row .steps-row ul li:first-child{ padding-left:0;}
.market-stem-row .steps-row ul li:last-child{ border-right:0;}
ul.sub-menu .current-menu-item > a {background:url(../images/menu-arrow-black.png) no-repeat center bottom;}

#footer-brand-data {float:left; width:100%; clear:both; font-family:'HelveticaNeueW01-55Roma'; color:#fff; background:#8f0407; position:relative;}
.inner-brand-data {padding:30px 0;}
.inner-brand-data:after {display:block; content:''; clear:both;}
.inner-brand-data ul {margin:0; padding:0; float:left;}
.inner-brand-data li {display:block; list-style:none; margin-bottom:5px; margin:0 0 10px; float:left; position:relative; width:100%; margin-bottom:5px;}
.inner-brand-data li, .inner-brand-data li a {font-size:15px; color:#fff; line-height:15px; font-weight:bold;}
.inner-brand-data li a {float:left; margin-right:10px; width:215px;display:flex; align-items: center; position:absolute;}
.inner-brand-data .right-brand li a{ width:auto !important; display:block; width:auto !important; margin-top:10px !important; position:relative;}
.inner-brand-data li .right-brand li {float:left; margin:0; width:150px; min-height:44px; margin:0 0 10px; border:none;}
.inner-brand-data li .right-brand li, .inner-brand-data li .right-brand li a {font-weight:normal; padding-top:0;}
.inner-brand-data .right-brand {float:right; width:612px; position:relative; padding:10px 10px 0 10px; background:#a0070a;}
.inner-brand-data .right-brand:before {position:absolute; top:50%; left:-10px; background:url(../images/arro-foot.png) no-repeat; width:10px; height:20px; display:block; content:''; margin-top:-10px;}
.upper-arrow{background: url(../images/brand-arrow-up.png) no-repeat right center !important;}
.bx-wrapper .bx-prev{ left:-150px !important;}
.bx-wrapper .bx-next{ right:-150px !important;}
div.wpcf7-mail-sent-ng{ border:none !important; color:#ff0000 !important;}
.mapp-canvas{ margin-top:395px !important;}
.table-products{ display:table; width:100%;}
.table-products .common-blog{ display:table-cell; vertical-align:top; min-height:inherit; float:inherit;}
.wrapper-1180{ max-width:1180px !important;}
.single-service-label{ font-family:'HelveticaNeueW01-55Roma'; font-weight:600; text-transform:uppercase;margin:10px 0 10px 0;}
.wpcf7-validation-errors{ border:none !important; color:#FF0000;}
div.wpcf7-response-output{ margin-left:0 !important; margin-right:0px !important;}
ul.footer-brand-listing li a.market-brand-left{ height:100%;}
.link-icon{list-style-image: url(../images/arrow.png);}
.testimonial-container {font-family:'HelveticaNeueW01-85Heav';font-size:18px;color:#fff;background-color:#bf1e2e;padding:50px; line-height:1.2em;margin-bottom:0px;width: auto; clear: both;}
.testimonial {margin-bottom:24px;font-weight:normal;text-align:left;font-family:'HelveticaNeueW01-55Roma';}
.cta {text-align:right;margin-top:24px;color:white;text-decoration:underline;}
a.cta-link, a.cta-link:hover {color:white !important;font-family:'HelveticaNeueW01-55Roma';}
.pushdown-40 {	margin-bottom: 40px; }

.common-blog.fullwidth {
  width: 100%;
  position: relative;
  margin-top: 50px;
  padding-top: 35px;
  border: none;
}

.common-blog.fullwidth p {
  padding-bottom: 20px;
  width: 100%;
  clear: both;
  font-family: 'HelveticaNeueW01-55Roma';
}


.ford-quote {background: url("../images/ford_quote.png") repeat-x scroll left top #fff}



.histort-section-4 {max-width: 1180px; margin: 0 auto; }

.histort-section-4 .inner-wrapper {max-width: 700px;}

.history-top-bg {height: 620px;}
p.attribution { font-size: 16px; color: #000; line-height: 44px;font-family: 'HelveticaNeueW01-77BdCn_692722';}
.ford-quote .inner-wrapper {margin: 51px 93px 0 465px;}
.ford-quote {min-height: 430px; }
.middle-section { background: rgb(0,0,3);
                  background: linear-gradient(180deg, rgba(0,0,3,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%, rgba(0,212,255,1) 100%);}


.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
  margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
  margin: 7px 14px 7px 0;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
  margin: 7px 0 7px 24px;
}

.wp-caption.alignright {
  margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
  margin-top: 7px;
  margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 17px;
  width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
  margin-bottom: 17px;
}

.wp-caption {
  margin-bottom: 24px;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
}

.wp-caption {
  color: #767676;
}

.wp-caption-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  margin: 9px 0;
}

div.wp-caption .wp-caption-text {
  padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
  padding-left: 10px;
  padding-right: 0;
}

.wp-smiley {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Assistive text */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  line-height: normal;
  padding: 15px 23px 14px;
  position: absolute;
  left: 5px;
  top: 5px;
  text-decoration: none;
  text-transform: none;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}

.hide {
  display: none;
}

/* Clearing floats */

.footer-sidebar:before,
.footer-sidebar:after,
.hentry:before,
.hentry:after,
.gallery:before,
.gallery:after,
.slider-direction-nav:before,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:after,
.search-box:before,
.search-box:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
  content: "";
  display: table;
}

.footer-sidebar:after,
.hentry:after,
.gallery:after,
.slider-direction-nav:after,
.contributor-info:after,
.search-box:after,
[class*="content"]:after,
[class*="site"]:after {
  clear: both;
}

/* Genericons */

.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.menu-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.widget_napcosite_ephemera .widget-title:before {
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font: normal 16px/1 Genericons;
  text-decoration: inherit;
  vertical-align: text-bottom;
}

/* Separators */

.site-content span + .entry-date:before,
.full-size-link:before,
.parent-post-link:before,
span + .byline:before,
span + .comments-link:before,
span + .edit-link:before,
.widget_napcosite_ephemera .entry-title:after {
  content: "\0020\007c\0020";
}

.render-bullets ul li {
  list-style: disc;
  margin-bottom: 10px;
}

.render-bullets ul li ul li {
  list-style: circle;
}


/*--- Additional Design for Video player on 19/11/2014  ---*/

.home-body{position: static !important;}
#wrapper_mbYTP_bgndVideo_home{ position: absolute; z-index:1 !important;}
.footer{position:relative; z-index:9;}
.home-bg-layer{z-index:9;}
.page-center{z-index:9;}
.title-caps {text-transform: uppercase;}
.mapp-layout {margin:0px !important;}
.map-bg  #mapp0_layout {width:99.9% !important;}
button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
  background-color:#999999;
  border: medium none !important;
  border-radius: 2px !important;
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 18px !important;
  height: 50px;
  outline: medium none;
  width: 140px;
  /*  padding : 0px !important;*/
  text-transform: none;
}


.red-border {
  border:1px solid #F00 !important;
}
.green-border {
  border: 1px solid #0F3 !important;
}
#view-core-values {cursor: pointer;}
#full-content {cursor: pointer; color:#24890d;width: 20%;}
.bwWrapper {
  position:relative;
  display:block;
}
/*design for menu starts from here*/
.nav > ul > li {display: inline-block;padding: 0 5px 0 5px;z-index: 100; text-transform:uppercase; color:#fff;
                color: #fff;font-family: "HelveticaNeueW01-77BdCn_692722"; font-size: 18px;letter-spacing: -0.5px;line-height: 1em;}

.nav > ul > li:hover{ background:url(../images/menu-arrow.png) no-repeat bottom center;}
.current-menu-item > a, .current-menu-parent > a{background:url(../images/menu-arrow.png) no-repeat bottom center; color:#bf1e2e !important;}

.nav > ul > li a{ color:#fff; line-height:58px; float:left;font-family:'HelveticaNeueW01-77BdCn_692722';}
.nav > ul > li > ul {position: absolute;right: 0; top: 100%;padding: 0 1000em; width:auto !important;
                     margin: 0 -1000em;z-index: 101;visibility: hidden;opacity: 0;background:#fff;}
.nav > ul > li:hover > ul {visibility: visible;opacity: 1;}
.nav > ul > li > ul > li {padding: 3px 0;padding:0 8px;float: left}
.nav > ul > li > ul > li a{ font-size:16px; color:#000; line-height:44px;font-family:'HelveticaNeueW01-77BdCn_692722';}
.marke-serve li{ float:left;}
.about-listion li, .what-we-do li{ float:right !important;}
/*design for menu ends from here*/
.container{float:right; height:58px;}

.light-box-data-bg{ position:absolute; height:550px; width:100%;z-index:99999; background:rgba(0, 0, 0, .5);}
.title-detail a {
  font-family:'HelveticaNeueW01-77BdCn_692722';
  font-size: 24px;
  line-height: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color:#000000;
}
#fancybox-wrap div {box-sizing: border-box !important;}
#fancybox-content {min-height:545px !important;}
.wpcf7-response-output {font-family: 'HelveticaNeueW01-55Roma';}
.bx-wrapper {margin:0px !important;}
.bx-wrapper .bx-viewport {box-shadow:none !important;}

#flip {cursor:pointer;}
#capital-case {text-transform: uppercase;}
#scroll-brands {cursor:pointer;background:url(../images/brand-arrow.png) no-repeat right center; padding-right:40px;}
#footer-brand-data {display:none;}
.hide-sub-menu {display:none !important;}
li.current-menu-item ul.sub-menu, .current-menu-parent ul.sub-menu{ text-align:right; width:100%}
.nav > ul > li > ul{ text-align:right; width:100%;}
.careerepage-bg .inner-wrapper h2{ font-size:60px; color:#bf1e2e;}
.careerepage-bg .inner-wrapper .row h2{color:#000000;text-transform: uppercase;font-size: 24px;font-family: 'HelveticaNeueW01-77BdCn_692722';}
blockquote{margin: 0 15% !important;background-color: #efefef;color: #555555 !important;padding: 15px !important;font-weight: bold !important;line-height: 24px !important;text-align: center;}
.clear{clear:both;}

.nav-container {
  display: none;
}


#inner-wrap {
  position: absolute;
  height: 100%;
}

body#all-classes {
  position: absolute;
}

body, #outer-wrap {
  height: 100%;
}

#outer-wrap {
  overflow: visible !important;
}

/*.main-container {
  position: relative;
}*/

#front-page-body #nav {
  display: none;
}

iframe {
  max-width: none;
}

.block, .nav-container, #mobile-menu-logo {
  display: none;
}

body.home-body {
  background-color: #000;
}

.inner-wrapper {
  padding: 0 10px;
}

.inner-brand-data {
  margin: 10px auto;
}

.member-wrap .member-name {
  font-weight: bold;
}

.modal-video-close-btn::before, .modal-video-close-btn::after  {
  background: #000 !important;
}

.modal-video-close-btn:hover {
  background: #D13238 !important;
}

.modal-video h1 {
  font-size: 45px;
  line-height: 40px;
  margin-bottom: 10px;
  font-weight: bold;
}

.video-contact, .modal-video-body, .napco-video-style, .hero-header h1, .modal-video p, .inner-wrapper-video h2{
  font-family: "Gotham A", "Gotham B";
}

p strong, p b {
  font-weight: bold;
}

.video-contact h2 {
  font-weight: 400;
  font-size: 3em;
}

.nothing, .video-label, .modal-video h1 {
  font-family: "Gotham Cond A", "Gotham Cond B";
}

.modal-video-body iframe {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.modal-video-inner{
  vertical-align: top !important;
}

.modal-video-body {
  max-width: 800px !important;
  width: 55% !important;
  margin-top: 45px !important;

}

.modal-video-body p {
  margin-bottom: 10px;
  font-size: 15px;
}

.hidden {
  display: none;
}


.fve-video-wrapper.fve-image-embed {
  margin: 60px 0;
}

.meta-box {
  width: 100%;

}

.blurb {
  width: 48%;
  float: left;
  margin-right: 4%;
}

.credits {
  width: 48%;
  float: right;
}

.blurb > .clients {
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.page-template-connectus-page-video .middle-section {
  background: #fff;
}


.video-label {
  position: absolute;
  bottom: 5%;
  left: 4%;
  z-index: 980;
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 11px;
  font-size: 1.5em;
  font-weight: bold;
}

.featured .video-label {
  font-size: 2em;

}

.watch-cta {

  position: absolute;
  bottom: 5%;
  left: 4%;
  color: #fff;
  background-color: #D13238;
  padding: 7px 10px;
  text-transform: uppercase;
  font-weight: bold;

}


.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

/*  COLUMN SETUP  */
.col {
  display: block;
  float:left;
  /*margin: 1% 0 1% 4%;*/
  background-color: green;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.hero-header {
  /*background-image: url(http://ctlab.media/wp-content/uploads/sites/3/2016/10/DS_brands_bground.png);*/
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  /*height: 400px;*/
  height: auto;
  padding: 5px;
}


.hero-header h1 {
  text-align: center;
  padding-top: 100px;
  font-size: 4em;
}

.hero-header div{
  width: 800px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  font-size: 1.2em;
  margin-bottom: 20px;

}

.inner-wrapper-video {
  margin: 0 auto;
  width: 1500px;
  position: relative;

}

.inner-wrapper-video h2 {
  font-size: 4em;
  text-align: center;
  margin: 40px;
  text-transform: uppercase;

}

.meta-box {
  margin-top: 59%;
  position: absolute;
}

.meta-box h1 {
  color: #000;
}

.video-thumb img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.video-thumb.featured {
  float: left;
  width: 66%;
  /*width: 900px;
  margin-right: 30px;*/

}

.video-thumb.second-row {
  clear: left;
}

.video-thumb {
  width: 30%;
  margin-bottom: 5%;
}

.video-thumb.featured {
  width: 65.5%;
  margin-right: 3%;
}

.video-thumb.secondary-row {
  width: 22.5%;
  margin-right: 3%;
}

.more-notes .video-thumb.secondary-row {
  width: 31%;
}


.video-thumb {
  /*width: 423px;*/
  float: left;
  margin-bottom: 3%;
  position: relative;
}

.video-thumb.secondary-row {
  /*width: 315px;
  margin-right: 30px;*/
}

.video-thumb.secondary-row.last {
  margin-right: 0px;
}

.note-box img, .note-box h3, .note-box p {
  float: left;
  clear: none;

}

.note-box img {
  margin-right: 20px;
}

.note-box a, .more-notes h3 {
  color: #000;
}

.note-box h3  {
  font-size: 2em;
  margin-bottom: 20px; 
  width: 100%;
}

.more-notes h3 {
  font-size: 1em;
}


.note-box {
  width: auto;
  margin-bottom: 9%;
}

.note-box-text {

  float: left;
  width: 27%;

}

.recent-highlights {
  margin-bottom: 50px;
}

.single-videodiary iframe {
  width: 600px;
  height: 350px;
  margin: 25px auto;
  display: block;
}

.single-videodiary .main-container {
  background-color: #fff;
}

.single-videodiary img.size-video-notes-archive {
  width: 100%;
  margin-bottom: 50px;
}

.single-videodiary h1 {
  font-size: 2em;
  color: #000;
  text-align: center;
  text-transform: none;
}

.video-blog-inner, .container-box {
  margin: 1% 13%;
  font-size: 20px;
  margin-bottom: 50px;
}

.video-blog-inner p {

  width: 100%;
}

body.single-videodiary {
  background: none;
}

.video-contact-ribbon {
  background-color: #eeeeee;
  height: 150px;
  margin-bottom: 50px;

}

.video-contact-ribbon .inside {
  padding: 0 13%;
  margin: 0 auto;
}

.team-social .video-social {
  background: url(../images/social-icon.png) no-repeat;
  height: 35px;
  width: 35px;

}

.team-social a {
  background-color: #000;
  border-radius: 150px;
  height: 250px;
  width: 250px;
}

.video-social.facebook {
  background-position: 0px 0px;
}

.video-social.insta {
  background: url(../images/insta.png) no-repeat;
  height: 35px;
  width: 35px;
}

.video-social.linkedin, .video-social.linkedin:hover {
  background-position: -49px 0px;
}

.video-social.twitter {
  background-position: -98px 0px;
}


.video-contact {
  margin-top: 50px;
  float: left;
}

.video-social {
  margin-top: 25px;
}

.video-social {

  float: right;

}


.container-box div {
  /*margin: 0 auto;
  width: 1010px;*/

  display: inline-block;
  display: -moz-inline-box;
  *display: inline; /* For IE7 */
  zoom: 1; /* Trigger hasLayout */
  width: 30%;
  text-align: left;
  float: left;
  padding: 1.5%;
}

.more-notes img {
  margin-bottom: 20px;
  width: 100%;
}

.note-box img {
  width: 70%;
  height: auto;
}

.single-videodiary h1 {
  margin-bottom: 25px;
}

.hero-header div.hero-header-buttons {
  width: 340px;
  margin: 0 auto 2%;
}

.hero-header {
  text-align: center;
}

.hero-header div.hero-header-buttons.video {
  width: 900px;
  margin-top: 60px;
  margin-bottom: 80px;
}

.napco-research-style h2, .napco-research-style a, .napco-research-style p {
  font-family: "Gotham A", "Gotham B";
}

.napco-research-style a {
  color: #000;
}

.napco-research-style .report-item img.client-image {
  margin: 5px 0 5px;
  border: 2px solid #ddd;

}

.infographic img {
  width: 100%;

}

.napco-research-style img.heading {
  margin: 100px 0 20px;
}

div.hero-header-buttons.video .cta-button{
  margin-right: 20px;
}

div.hero-header-buttons.video .cta-button.last{
  margin-right: 0px;
}

.section.group.flex, .inner-wrapper-research {
  margin: 0 auto;
  width: 1080px;
  /*  min-height: 640px;*/
  text-align: center;
}

.profile-img.circle img {
  border-radius: 50%;
  height: 205px;
  width: 205px;
  border: 5px solid #fff;
  -webkit-box-shadow: 1px 6px 4px -2px rgba(227,209,227,1);
  -moz-box-shadow: 1px 6px 4px -2px rgba(227,209,227,1);
  box-shadow: 1px 6px 4px -2px rgba(227,209,227,1);
}

.profile-img.circle {
  height: 225px;
  float: none;
  width: 224px;
  margin: 0 auto;
}

.inner-wrapper-research h3 {
  font-family: "Gotham Cond A", "Gotham Cond B";
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
}

.inner-wrapper-research hr, .modal hr {
  border: 1px solid #000;
}

.modal hr {
  margin: 20px 0;
}

.modal-profile .group-name {
  font-size: 16px;
  display: block;
}

.napco-research-style .team-rwo {
  margin-bottom: 80px;
}

.light-box-inner.fullscreen {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.modal.fullscreen .teambg {
  margin: 25px auto 0;
  float: none;
  text-align: center;
  width: 300px;
}

.section.group.flex {
  display: flex;
  flex-wrap: wrap;
}

.report-item {
  flex: 1 0 21%; 
  text-transform: uppercase;
}

.inner-wrapper-research h2 {
  font-size: 62px;
  text-align: center;
  margin: 90px 0 20px 0;
  text-transform: uppercase;
  font-family: "Gotham A", "Gotham B";
}

.inner-wrapper-research .section-head h2 {
  font-size: 24px;
  margin: 5px;
}

.inner-wrapper-research .section-head {
  background: #D13238;
  color: #fff;
  display: inline-block;
  margin-top: 50px;
}

a.market-box {
  background-color: #DA2337;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
  border: medium none !important;
  border-radius: 2px !important;
  cursor: pointer;
  padding: 13px 10px !important;
  outline: medium none;
  width: 179px;
  height: 80px;
  text-align: center;
  margin: 10px;
  display: table-cell;
  vertical-align: middle;
}

.section.group.flex .row {
  display: inline-flex;
}

.inner-wrapper-research .flex ul li {
  display: inline-block;
  margin: 10px;
}

.inner-wrapper-research .flex ul li a{
  font-size: 31px;
  font-family: "Gotham Cond A", "Gotham Cond B";
  font-style: normal;
  font-weight: 400;
}

.inner-wrapper-research .flex ul li a:hover {
  background-color: #000;
  color: #fff;
}

.napco-research-style .hero-header-buttons {
  font-size: 20px;
}

.report-item a {
  font-size: 18px;
  font-family: "Gotham Cond A", "Gotham Cond B";
  font-style: normal;
  width: 190px;
  display: inline-block;
  text-align: left;
}

.clients ul {
  margin-top: 20px;
}

.clients ul li img {
  max-width: 140px;
  vertical-align: middle;
  margin: 0px;
}

.clients ul li img.round {
  max-width: 110px;

}

.clients ul li {
  display: inline-block;
  width: 18%;
}


.napco-research-style .hero-header > div p {
  margin-bottom: 20px;
  font-size: .7em;
}

.approach-block {
  border: 1px solid #D13238;
}


.hero-header-buttons .cta-button, .video-contact-ribbon .cta-button, a.video-contact {
  float: left;
  background-color: #DA2337;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
  border: medium none !important;
  border-radius: 2px !important;
  cursor: pointer;
  padding: 13px 10px !important;
  outline: medium none;
  width: 140px;
  text-align: center;

}

.video-contact-ribbon .cta-button {
  margin-top: 50px;
}

.hero-header-buttons .first {
  margin-right: 20px;
}

.clients {
  text-align: center;
  margin: 30px;
}

.client-image {
  width: 100px;
  margin: 20px;
}


.inner-wrapper-video {
  width: 1500px;
  margin: 0 auto;
}

.member-wrap {
  float: left;
  margin: 10px 15px 10px;
  position: relative;
  width: 260px;
  text-align: center;
  margin-bottom: 20px;

}

.member a {
  color: #000;
}

.content .inner img {
  max-width: 600px;
}

.circular-image img {
  border: 5px solid #ffffff;
  border-radius: 150px;
  height: 200px;
  width: 200px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.50);
  -moz-box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.50);
  box-shadow: 0px 2px 12px -3px rgba(0,0,0,0.50);

}

.about-connect-form.video-contact > .inner-wrapper {
  max-width: 1300px;
}

.about-connect-form.video-contact .left {
  padding: 0 8% 0;
}

.about-connect-form.video-contact .right {
  padding: 0;
}

.about-connect-form.video-contact {
  top: 0;
  position: relative;
  padding: 80px 0;
  width: 100%;
}

.about-connect-form ul {
  list-style: none;
}

.inner-wrapper h2 {
  text-align: center;
  font-size: 2.5em;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-weight: 400;
}

.wpcf7-form-control {
  width: 100%;
}

.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
  margin-top: 5px;
  font-family: initial;
  font-size: inherit;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  padding: 5px 10px;
}

.napco-research-style .gform_wrapper textarea.medium, .gform_wrapper .gform_footer {
  width: 99%;
}

.napco-research-style {
  font-size: 1.5em;
}

.napco-research-style .cta-button {
  background-color: #DA2337;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
  border: medium none !important;
  border-radius: 2px !important;
  cursor: pointer;
  padding: 8px 10px !important;
  outline: medium none;
  font-size: 1.2em;
  width: 144px;
  display: inline-block;
  text-align: center;
}

.napco-gf-privacy {
  margin-bottom: 10px;
}

.gform_wrapper {
  min-height: 478px;
}

.modal.fullscreen p {
  font-size: .8em;
  margin-bottom: 10px;
}
.cta-button.download-button {
  width: auto;
  font-weight: 900;
  margin-bottom: 25px;
  font-size: 1.35em;
}

.report-inner h1 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 25px;
}

.report-inner p {
  font-size: .8em;
  margin-bottom: 15px;
}

.report-inner ul {
  list-style-type: disc;
  margin: 20px;
}

.report-inner ul li {
  list-style: disc;
  font-size: .8em;
  margin-bottom: 10px;
}

.report-inner > div {
  padding: 0 0 30px 0;
}

div.cta-button-holder > .cta-button {
  margin: 66px 0 200px;
  width: 150px;
}

.modal div.cta-button-holder > .cta-button {
  margin: 40px 0 20px;
}

/*
.napco-research-style .cta-button.market-box {
  margin: 10px 3px;
  height: 40px;
  font-family: "Gotham Cond A", "Gotham Cond B";
font-style: normal;
font-weight: 500;
}

.napco-research-style .flex ul {
  height: 100%;
}

.napco-research-style .flex ul li {
  display: flex;
  justify-content: center;
   align-self: center;    <---- REMOVE 
  align-items: center;    <---- NEW    
  width: 100%;
  height: 20%; 
}*/

.trailbox {
  border: 1px solid #707070;
  background: #F2F2F2;
  padding-bottom: 20px;
  padding: 60px;
  margin: 20px;
}

.inner-wrapper-research .trailbox .flex ul li {
  display: list-item;
  font-family: "Gotham A", "Gotham B";
  margin-bottom: 5px;
}

.trailbox .flex {
  display: flex;
}

.trailbox ul {
  text-align: left;
  list-style: none;
  width: 100%;
  margin-top: 10px;
  /*   max-width: 800px;
    margin-right: auto;
    margin-left: auto;*/
}

.trailbox ul li {
  list-style: disc;

  /* width: auto; */
  /* display: initial; */
}

.solution img{
  margin: 0;
  float: left;
}

ul li:nth-child(even) .solution img {
  float: right;
}

.solution-text h2 {
  margin: 0 0 20px;
  text-align: left;
  font-family: "Gotham Cond A", "Gotham Cond B";
  font-weight: 500;
  font-size: 1.75em;
  line-height: 1;
}

.inner-wrapper-research ul li:last-child div.solution {
  border-bottom: none;
}

.solution-text {
  float: right;
  width: 870px;
  text-align: left;
}

.solution-text p {
  font-size: .75em;
  margin-bottom: 20px;
}

img.client-image {
  width: 100%;
}

ul li:nth-child(even) .solution-text {
  float: none;
}

.solution {
  border-bottom: 1px solid #000;
  padding: 40px 0;
}

.trailbox ul ul {
  list-style: none;
}

.trailbox ul ul.two-rows {
  list-style: none;
  width: 50%;
  float: left;
  margin-top: 10px;
}

.trailbox ul ul li:before {
  content: "+";
  margin-right: 4px;
  color: #D13238;
  font-weight: bold;
}
.trailbox ul ul li {
  list-style: none;
  font-size: .9em;
}

.arrow-down {
  margin: 40px 0 50px;
}

.box {
  margin-bottom: 75px;
  padding: 20px;
  max-width: 900px;
  margin: 0 auto 40px;
}

.trailbox .label {
  width: 20%;
  margin: -78px auto 25px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 5px 10px;
  background: #D13238;
  font-family: "Gotham A", "Gotham B";
}

.report-inner {
  width: 1000px;
  margin: 100px auto 0;
  min-height: 800px;
}

.report-inner img {
  float: left;
  margin-right: 40px;
  width: 400px;
  height: 518px;
  border: 2px solid #ddd;
}

.report-inner h1 {
  color: #000;
}

.report-inner div{
  overflow: hidden;
}




@media handheld, only screen and (max-width: 1496px) {
  .inner-wrapper-video {
    max-width: 1500px;
    width: auto;
    margin-left: 1%;
  }

}

@media handheld, only screen and (max-width: 1300px) {
  .member-wrap {
    width: 190px;
  }

  .member-wrap img {
    height: 160px;
    width: 160px;
  }
}

@media handheld, only screen and (max-width: 1300px) {
  .section.group.flex, .inner-wrapper-research {
    width: auto;
    max-width: 1070px;
    margin: 0 auto;
  }

  .solution {
    width: 950px;
    margin: 0 auto;
  }

  .solution img {
    margin: 0 20px 0 20px;
    float: left;
  }

  .solution-text {
    float: left;
    text-align: left;
    width: 725px;
  }

}




@media handheld, only screen and (max-width: 1024px) {

  .video-contact-ribbon .inside {
    width: auto;
  }

  button.video-contact {
    margin-left: 20px;
  }

  .hero-header div.hero-header-buttons, .hero-header div.hero-header-buttons.video {
    width: auto;
    margin: 50px 20px;
    display: flex;
  }

  .trailbox .label {
    width: 180px;
  }




}



@media handheld, only screen and (max-width: 950px) {
  .solution {
    width: auto;
    padding: 30px;
  }

  .solution-text {
    float: none;
    width: auto;
    text-align: center;
  }

  ul li:nth-child(even) .solution img, .solution img {
    float: none;
  }

  ul li:nth-child(even) .solution  {
    float: left;
  }

  .solution-text h2 {
    font-size: 50px;
    text-align: center;
  }

  .inner-wrapper-research .flex ul li a {
    font-size: 25px;
  }
}

@media handheld, only screen and (max-width: 850px) {

  body#all-classes.napco-service-research {
    font-size: 13px;
  }

  .hero-header div.hero-header-buttons, .hero-header div.hero-header-buttons.video {
    width: 300px;
    margin: 0 auto 20px;
    display: block;
  }

  .napco-research-style .cta-button {
    width: 100%;
    margin-bottom: 10px;
  }

  div.cta-button-holder > .cta-button {
    margin-bottom:200px;
  }

  .napco-research-style .box {
    margin-left: 10px;
    margin-right: 10px;
  }


}

@media handheld, only screen and (max-width: 800px) {

  .single-videodiary iframe {
    width: 100%;
    height: 100%;
  }

  .video-contact-ribbon .inside {
    width: auto;
  }

  .member-wrap {
    float: none;
    margin: 0 auto;
  }

  .note-box img, .note-box h3 {
    margin: 2% 0;
  }

  .note-box img, .note-box h3, .note-box p {
    float: none;
  }

  .note-box img, .note-box-text, .video-thumb.featured {
    width: 97%;
    margin: 0 1.5%;

  }

  .video-thumb.secondary-row {

    width: 47.5%;
    margin-right: 0;

  }

  .inner-wrapper-video {
    margin-left: 0;
  }

  .video-thumb {
    width: 47.5%;
    margin-left: 1.5%
  }

  .video-thumb.featured {
    /*width: 100%;*/
    margin-right: 0;
    margin-bottom: 2%;
  }

  .hero-header div {
    width: auto;
    padding: 5px;
  }

  .about-inner-wrapper {
    width: 700px;
    padding: 10px;
  }

  .home-icon-bgrow {
    max-width: 750px;
  }

  .cols-four {
    width: 185px;
  }

  .management-section2, .career-quote-section {
    padding: 10px;
  }

  .header .inner-wrapper {
    padding: 0 10px;
  }

  .inner-wrapper {
    padding: 10px;
  }

  .about-iconbg {
    width: 742px;
  }

  .history-inner {
    padding: 30px;	
  }

  .histort-section-2 {
    height: 100px !important;	
  }

  .page-template-history-page .inner {
    width: auto;	
  }

  .management-team-bg .teambg { 
    width: 220px;
    margin-right: 25px;
  }

  .markeet-blogbg .leftdiv, .markeet-blogbg .rightdiv, .careere-blogbg, .careere-blogbg .common-blog, .about-inner-wrapper, .careere-blogbg .rightdiv, .whatwedo_video_bg .cols {
    max-width: 100%;	
    width: 100%;

  }

  .about-connect-form input[type="submit"] {
    margin-top: 20px;
  }

  .middle-section {
    padding-top: 0;
  }

  .whatwe-do-icon-row .cols-four-small {
    width: 50% !important;	
  }

  .inner-brand-data .right-brand {
    width: auto;	
  }

  div#mobile-menu-logo {
    position: absolute;
    top: 15px;
    left: 15px;
  }

  h1 {
    font-size: 55px;
  }

  .header .logo {
    margin-top: 0;
  }
  .about-inner-wrapper {
    width: auto;
    padding: 20px;
  }

  .page-center {
    display: block;
  }

  .about-iconbg {
    width: 100px;
  }

  .cols-four-small {
    margin-left: 0;
    height: 200px;
  }

  .header {
    position: relative;
  }

  .nav {
    display: none;
  }

  .page-center .cell {
    margin-top: 0;
    padding-bottom: 30px;
  }

  .cols-four {
    display: inline;
  }

  .home-body .page-center .cell, .ta-ble-products, .common-blog {
    display: block;
    width: auto;
  }

  .home-icon-bgrow {
    width: 600px;
  }

  #outer-wrap {
    /*    overflow: hidden !important;*/
    height: auto;
    float: none;
  }

  .nav-container {
    float: left;
    z-index: 1000;
    width: 40px;
  }

  .block.nav-container {
    padding-top: 10px;
  }

  .about-iconbg .cols-four-small:first-child {
    margin: 0;
  }

  .whatwedo_video_bg .productbox img {
    width: 100%;
  }

  #front-page-body .cols-four {
    width: 149px;
    height: 200px;
  }

  .main-container {

  }

  body#all-classes {
    position: relative;
    background-image: none;
    background-color: #333333;    
  }

  body#all-classes.napco-service-research {
    background-color: #fff;
  }

  body#front-page-body {
    padding-top: 70px;
  }

  .footer br {
    display: block;
    margin: 10px 0;
    line-height:22px;
  }

  body, #outer-wrap {
    height: auto;
  }

  /*  .main-container {
      height: auto;
    }*/

  .page-center {
    min-height: 700px;
  }

  .block {
    display: block;
  }

  .mobile-nav > ul > li a{ color:#fff; background: none !important; text-transform: uppercase; font-family:'HelveticaNeueW01-77BdCn_692722';}

  li.current-menu-item ul.sub-menu, .current-menu-parent ul.sub-menu {
    text-align: left;
  }

  .playerBox {
    display: none;
  }

  #scroll-brands {
    margin-top: 20px;
  }

  .page-center .cell .logo img {
    width: 70%;
  }

  .height-750 {
    height: auto !important;
  }

  .table-products .common-blog {
    display: block;
    width: 100%;
    background-size: cover !important;
  }

  .inner-brand-data li .right-brand li {
    width: 100%;
    min-height: 34px;
  }

  li.current-menu-item ul.sub-menu, .current-menu-parent ul.sub-menu {
    box-shadow: none;	
  }

  .page-down-arrow {
    padding-top: 40px;	
  }

  .market-consumelecbg {
    background-repeat: round !important;	
  }

  .histort-section-5 {
    background-position: 0 !important; 
  }

  .history-top-bg {
    height: auto;	
  }

  .histort-section-3 {
    background-position: right !important;
  }

  .management-team-bg .inner-wrapper {
    width: 239px;
    margin: 0 auto;
  }

  .team-rwo .teambg:nth-child(3n+0)  {
    margin-right: 100px;	
  }

  .header .logo {
    margin-top: 15px;
  }

  .whatwedo_video_bg .productrow:nth-child(even) .productbox-detail {
    padding-left: 50px;
  }

  .histort-section-3 .inner, .histort-section-5 .inner {
    display: none;
  }

  #fancybox-wrap, #fancybox-outer, #fancybox-content, .light-box-inner {
    width: 280px !important;
    max-width: 280px;
  }

  div#open-job-form {
    width: 230px!important;
  }

  #fancybox-outer .light-box-inner, #fancybox-outer .inner-wrapper {
    padding: 0 !important;	
  }

  .about-connect-form .left, .about-connect-form .right {
    float: none;
    width: auto;
    margin-bottom: 20px;
    padding: 0;
  }

  .about-connect-form {
    top: 0px;	
  }

  .map-bg {
    height: 54px;
  }

  .map-bg img {
    margin-top: 0px;
    height: 50px;
  }

  .single-napco_service .home-icon-bgrow {
    margin: 0 auto;	
  }

  .single-napco_service .page-down-arrow {
    padding-top: 12px;
  }

  .product-step-row .content-bg-step ul {
    width: 100%;
  }

  .service-background {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }

  .about-connect-form {
    position: relative;
  }

  .common-blog.six {
    background-position: 44% !important;
  }

  .custom-select select {
    height: 40px;
    width: 100%;
  }

  .custom-select {
    float: none;
    margin-bottom: 15px;
  }

  .about-connect-form input[type="text"].contact-captcha {
    float: left;
  }

  .about-connect-form input[type="submit"] {
    float: none;
    margin-top: 0;
  }

  .product-step-row .content-bg-step ul li {
    line-height: 36px;
  }

  .product-step-row .content-bg-step ul li.link-icon a {
    display: block;
  }

  .page-template-connectus-page .about-connect-form {
    top: 0;
  }

  .gform_wrapper {
    max-width: none;
    padding: 10px;
  }

  .trailbox ul ul.two-rows {
    width: 100%;

  }

  .trailbox ul ul.two-rows {
    margin-top: 10px;
  }

  .trailbox ul ul.two-rows.second {
    margin-top: 0;
  }

  .box {
    margin-bottom: 40px;
  }

  .section.group.flex .row {
    display: inline-grid;
  }


  .section.group.flex ul {
    width: 450px;
    margin: 0 auto;
  }

}

.napco-research-style p.report-market {
  font-style: italic;
  font-family: "Gotham Cond A", "Gotham Cond B";
  margin-bottom: 10px;
  text-align: left;
  color: #D13238;
  text-transform: capitalize;
}


@media only screen and (max-width: 641px) {

  .gform_wrapper .chosen-container-single .chosen-single div b {
    position: relative;
    top: 10px !important;
  }

  .about-connect-form .gform_wrapper .chosen-single span {
    padding: 0 !important;
  }

  .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] {
    width: 140px;
    margin: 0px !important;

  }
}


@media handheld, only screen and (max-width: 600px) {

  .video-blog-inner, .container-box {
    margin: 1% 5%;
  }

  .video-contact-ribbon .video-social {
    display: none;
  }

  .modal-video-body p {
    font-size: 9px;
  }

}

@media handheld, only screen and (max-width: 522px) {

  body {
    font-size: 15px;
  }

  .container-box div {
    padding: 0;
    margin-bottom: 50px;
  }

  .video-thumb, .video-thumb.secondary-row, .video-thumb.featured, .container-box div {
    width: 100%;
    margin-left: 0;
  }

  .product-step-row .content-bg-step ul.associated-services {
    margin-bottom: 0px;
  }

  .cols-four-small {
    width: 100%;
  }

  .history-top-bg {
    background-size: auto 100% !important;
  }

  .whatwe-do-icon-row .cols-four-small {
    width: 100% !important;	
  }

  .home-icon-bgrow.about-iconbg {
    width: 100%;	

  }

  .home-icon-bgrow {
    width: 298px;
  }

  .productbox-detail {
    margin-bottom: 5px;
  }

  .product-step-row .content-bg-step ul li {
    margin-right: 10px;
  }

  .market-stem-row .steps-row ul li {
    border-right: none;
    line-height: 18px;
    width: 100%;
  }

  .market-blast-page h3 {
    padding: 0 10% 0 10%;
  }

  .napco-research-style img.heading {
    width: 90%;
    margin: 40px 0 20px;
  }

}


@media handheld, only screen and (max-width: 324px) { 

  .video-blog-inner {	
    margin-bottom: 50px;	
  }

  .hero-header-buttons button.cta-button {
    float: none;
    margin-right: 0;
    width: 200px;
    margin-bottom: 20px;
  }

  .inner-wrapper-video h2 {
    font-size: 2em;
  }

  .note-box {
    margin-bottom: 12%;
  }

  button.video-contact {

    margin-left: 10px;

  }
}