.ks-search-page .main-wrapper{margin-top:60px;}
.ks-margin-12{margin: 12px 0;}
a.dropdown-toggle{margin-top: -1px;}
.feature-box-intro{background-image: url("/images/services/pc-systems/corporate/cursor.png");background-size: contain;background-repeat: no-repeat;background-position-x: right -100px;background-position-y: bottom -100px;background-color: floralwhite;background-blend-mode: color-burn;}
.ks-fa-fix-pad-1{line-height: 42px;}
.ks-fix-pricing > div {padding: 1px;}
.pricing-table .pricing-table-head .pricing-head-price {font-size: 50px;}
.pricing-table .pricing-table-head .pricing-head-description {min-height: 100px;}
.ks-bigblock-info{font-size:15px;}
.ks-img-profit{border-radius: 25px;}
@media only screen and (max-width:768px) and (min-width:480px){.ks-extra-padding-1{padding-left:70px}}
@media only screen and (max-width:768px) {.ks-bigblock-1 div.row.eqme > div:last-child ul.grid-list > li{width:100%}}
@media only screen and (max-width:1350px) and (min-width :  992px){
    .ks-bigblock-1 div.row.eqme > div:first-child {width:35%;} 
    .ks-bigblock-1 div.row.eqme > div:last-child {width:65%;} 
    .ks-bigblock-1 div.row.eqme > div:last-child .feature-box-content i.icon {display:none;}
}
.fa-2x.ks-fix-pos-1::before {top: -25px;left: 15px;}
.fa-lg.ks-fix-pos-1::before {top: -2px;left: 2px;}
.fa-lg.ks-fix-pos-2::before {top: 0px;left: 2px;}
.fa-lg.ks-fix-pos-3::before {top: 1px;left: 2px;}

a.accordion-toggle{color: white !important;font-size: 16px;border-radius: 5px;}
.accordion .panel-title a{padding:15px;}
.ks-toggle-dev-tab-1 .panel-title a.accordion-toggle {background-color: #961C22 !important;}
.ks-toggle-dev-tab-2 .panel-title a.accordion-toggle {background-color: #C92128 !important;}
.ks-toggle-dev-tab-3 .panel-title a.accordion-toggle {background-color: #0573BA !important;}
.ks-toggle-dev-tab-4 .panel-title a.accordion-toggle {background-color: #136B36 !important;}
.ks-toggle-dev-tab-5 .panel-title a.accordion-toggle {background-color: #F7A31F !important;}
.ks-toggle-dev-tab-6 .panel-title a.accordion-toggle {background-color: #D15328 !important;}
.ks-toggle-dev-tab-1 a.accordion-toggle.collapsed {background-color: #AB494E !important;}
.ks-toggle-dev-tab-2 a.accordion-toggle.collapsed {background-color: #D44D53 !important;}
.ks-toggle-dev-tab-3 a.accordion-toggle.collapsed {background-color: #378FC8 !important;}
.ks-toggle-dev-tab-4 a.accordion-toggle.collapsed {background-color: #42895E !important;}
.ks-toggle-dev-tab-5 a.accordion-toggle.collapsed {background-color: #F9B54C !important;}
.ks-toggle-dev-tab-6 a.accordion-toggle.collapsed {background-color: #DA7553 !important;}
.ks-toggle-dev-tab-1 a.accordion-toggle.collapsed:hover {background-color: #961C22 !important;}
.ks-toggle-dev-tab-2 a.accordion-toggle.collapsed:hover {background-color: #C92128 !important;}
.ks-toggle-dev-tab-3 a.accordion-toggle.collapsed:hover {background-color: #0573BA !important;}
.ks-toggle-dev-tab-4 a.accordion-toggle.collapsed:hover {background-color: #136B36 !important;}
.ks-toggle-dev-tab-5 a.accordion-toggle.collapsed:hover {background-color: #F7A31F !important;}
.ks-toggle-dev-tab-6 a.accordion-toggle.collapsed:hover {background-color: #D15328 !important;}

.ks-bg-image-1{background-image: url("/images/services/software/development/software-development.png");background-repeat: space;background-size: auto 90%;background-position: center center;}
@media only screen and (max-width : 480px) {.ks-bg-image-1{background-image: url("/");}}
.ks-resp-md-height-1 {height: 0px;}
.ks-resp-md-height-2 {height: 50px;}
.ks-resp-md-height-3 {height: 20px;}
@media only screen and (max-width : 1200px) {.ks-resp-md-height-1 {height: 8px;}}
@media only screen and (max-width : 991px) {.ks-resp-md-height-1 {height: 20px;} .ks-resp-md-height-2 {height: 0;} .ks-resp-md-height-3 {height: 0;}}
.ks-border-1 {padding: 10px;margin-top: 10px;margin-bottom: 10px;border-radius: 10px;box-shadow: 1px 1px 3px 1px #fff;border: 1px solid #dddddd;background: linear-gradient(to bottom, rgba(184,225,252,0.9) 0%,rgba(169,210,243,0.9) 10%,rgba(144,186,228,0.9) 25%,rgba(144,188,234,0.9) 37%,rgba(144,191,240,0.9) 50%,rgba(107,168,229,0.9) 51%,rgba(162,218,245,0.9) 83%,rgba(189,243,253,0.9) 100%);}
.ks-border-1:hover {border: 1px solid white;background: linear-gradient(to bottom, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);}
@media only screen and (max-width : 991px) and (min-width : 767px){.ks-fix-height-in-box-1{min-height:94px;}}
@media only screen and (max-width : 480px) {.ks-border-1{min-height:70px;}}
/* ######## Tabs ######## */
.tab-content{border: 1px solid blue; border-top:0;}
.nav-tabs.tabs-alt > li.active > a      {margin:0;border:0px}
.nav-tabs.tabs-alt > li.active > a:focus{margin:0;border:0px}
.nav-tabs.tabs-alt > li.active > a:hover{margin:0;border:0px}
.nav-tabs.tabs-alt > li.active > a:after{background-color:transparent;}
.nav-tabs.tabs-alt > li > a             {margin:0;border:0px}
.nav-tabs.tabs-alt > li > a:focus       {margin:0;border:0px}
.nav-tabs.tabs-alt > li > a:hover       {margin:0;border:0px}
.nav-tabs.tabs-alt > li > a:after       {background-color:transparent;}

.nav-tabs.nav-justified > li        {border-radius: 10px 10px 0 0;border:1px solid #ccc;border-top: 6px solid red; border-bottom:1px solid blue;}
.nav-tabs.nav-justified > li.active {border-radius: 10px 10px 0 0;border:1px solid blue;border-top: 6px solid blue;border-bottom:0;}

/* ######## MISC ######## */
.ks-focus-span{padding: 5px;border-radius: 5px;background: orange;}
.ks-slider-title {font-size: 55px !important;text-shadow: 1px 1px 1px blue;} 
.btn{border-radius:5px;font-weight:600;}
@media only screen and (max-width : 480px) {.btn{padding: 24px;}}
.drawer-widget{color:white}
/* ######## Chevron Down Symbol Next to Menu Item with Megamenu ######## */
li.dropdown > a:after{content: '\f103';font-family:'FontAwesome';font-size: 16px;font-weight:bold;}
li.dropdown > a:hover:after{content: '\f102';font-family:'FontAwesome';font-size: 16px;}
li.dropdown > a > b.caret {display:none;}
/* ######## Panel Border Frame ######## */
.border-frame{border: dotted 1px #8c8c8c; padding:20px; background:rgba(255,255,255,0.9); border-radius:5px;}

/* ######## Copyright Color ######## */
.copyright{color:#8c8c8c;}

/* ######## Font Multiplier by 110% ######## */
.fm110{font-size:100%}

/* ######## Fix Padding in Wide Layout ######## */ 
.fix-wide-padd{padding-left:1%; padding-right:1%} 

/* ######## New bg-color-info ######## */
.bg-color-info {background-color: #afffff !important;}

/* ######## Menu Text Color After Scroll ######## */
.header-wrapper.header-main-scrolled .navbar-default .navbar-nav > li > a {color: #fff;}

/* ######## Enlarge and Center the toggle Title ######## */
.ks-design-toggle-1 .panel-title a {padding: 27px;font-weight: 600;text-align: center;font-size: 25px;color:white !important;}
.panel-body {padding-left: 0px;padding-right: 0px;}

/* ######## Remove Top in Content White Space ######## */
/*.vmiddle > .white-space.space-big {padding: 60px 0;}
.feature-box-intro > .white-space.space-big {padding: 60px 0;}
.white-space.space-big {padding:0px;}*/

/* ######## Centralizes and Justifies the div. Its a class ######## */


/* ######## Navigation Drop Down Menu ######## */ 
.dropdown-menu{background-color: rgba(0, 0, 70, 0.89) !important;;box-shadow: 0 0px 0 rgba(204, 204, 204, 0.4);padding: 15px 0; border-top: 2px solid #1EA050;border-bottom: 1px solid #1EA050;}
@media only screen and (max-width : 767px){.dropdown-menu{border-top: 2px solid #0f0;}}

/* ######## Navigation Menu Format ######## */
.navbar-default .navbar-nav > li > a {color: #ffffff;font-size: 16px;font-weight: 500;text-transform: none;}
@media only screen and (max-width : 767px) {.navbar-default .navbar-nav > li > a{text-align: center; letter-spacing: 2px; font-size: 120%;padding: 25px;}}

/* ######## Dropdown Menu Animation ######## */ 
.dropdown.gfx-mega-fw.open .dropdown-menu{animation-duration:1s;animation-name: fadeIn; background-color: transparent;}  

/* ###### Initialization for MegaMenu Headers And Items ###### */
/*.mega-menu-list > li > a{color: #fff;font-size: 16px;text-align: center;border-color: #00f;}*/

/* ###### Seperators for MegaMenu Categories And Items ###### */
@media only screen and (min-width : 767px) {.gfx-mega-content.container > div.row {display:flex;}}
.gfx-mega-content.container > div.row > ul {border-color: #1EA050;border-style: dotted;border-width: 0 1px 0 0px;} 
.gfx-mega-content.container > div.row > ul:last-child {border-color: #1EA050;border-style: dotted;border-width: 0;} 

/* ######## Header Background  & Padding  - another transparent value is 0.65 ######## */
.header-wrapper {background: rgba(0,0,70,0.89) !important;}
@media only screen and (max-width : 767px) { #gfx-collapse{background:transparent !important;} }
.mega-menu-list .title-header {margin-bottom: 0;padding: 0;} /* ######## Fix verical spacing in responsive mode ######## */
.header-main .container-fluid .main-navigation .row .col-md-12 {padding:0px 1px;}  

/* ###### MegaMenu Links ###### */ 
.mega-menu-list > li > a.ks-menu-link {position: relative;cursor:pointer;font-size: 16px;text-align: center;color:white;}
.mega-menu-list > li > a.ks-menu-link:hover{background:transparent;}
.mega-menu-list > li > a.ks-menu-link:focus{background:transparent;}
.mega-menu-list > li > a.ks-menu-link:before {content: "";position: absolute;width: 100%;height: 2px;bottom: 0;left: 0;background-color: #3C78C8  ;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s;}
.mega-menu-list > li > a.ks-menu-link:hover:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}
.mega-menu-list > li.active > a.ks-menu-link {background:transparent;}
.mega-menu-list > li.active > a.ks-menu-link:before {background-color: #C81E1E ;visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);} 

/* ###### MegaMenu Headers ###### */
.mega-menu-list > li > a.ks-menu-title {color:#26c6da !important;font-weight:600;cursor:default;text-align:center;padding: 12px 20px;}
.mega-menu-list > li > a.ks-menu-title:hover {color:#26c6da !important;background-color:transparent;}
.mega-menu-list > li > a.ks-menu-title:active {color:#26c6da !important;background-color:transparent;}
.mega-menu-list > li > a.ks-menu-title:focus {color:#26c6da !important;background-color:transparent;}
.mega-menu-list > li.active > a.ks-menu-title {color:#26c6da !important;background-color:transparent;}
@media only screen and (max-width : 767px) {.mega-menu-list > li > a.ks-menu-title {font-size:120%;}}

/* ###### MegaMenu Headers in Responsive Mode ###### */
@media only screen and (max-width : 767px) {ul.nav.navbar-nav.gfx-nav > li{border-width: 1px 0 0 0;border-style: solid;border-image: linear-gradient(to right, rgba(60,120,200,0) 0%,rgba(60,120,200,0.8) 16%,rgba(60,120,200,0.83) 20%,rgba(60,120,200,1) 40%,rgba(60,120,200,1) 50%,rgba(60,120,200,1) 60%,rgba(60,120,200,0.83) 80%,rgba(60,120,200,0.8) 84%,rgba(60,120,200,0) 100%) 100% 1;}}

/* ######## Format Responsive Menu Button ######## */ 
.nav-left .navbar-toggle {right: 20px;background-color: #3C78C8 ;color:white;}
.navbar-default .navbar-toggle:hover{background-color: #C81E1E;color:white;}

/* ######## Footer ######## */ 
.footer-top {padding:30px 0;}
@media only screen and (min-width : 768px) {.footer-top > .container > .row {display:flex;}}
.footer-top > .container > .row > div {border-color: #1EA050;border-style: dotted;border-width: 0 1px 0 0;padding:20px;} 
.footer-top > .container > .row > div:last-child {border-color: #1EA050;border-style: dotted;border-width: 0;} 
.footer-widget .footer-title{font-size:24px; font-weight:500; text-align:center}
.newsletter-footer {text-transform:none;color:#6b82db;}
#mod_qlform_178 .form-control {border-color: #6b82db;}
.footer-widget {color: #fff;}
@media only screen and (max-width : 767px) {
    .footer-top > .container > .row > div {border-width: 0 0 1px 0;padding:50px 30px;}
    .footer-widget{margin-bottom: 0;}
    .footer-top {padding:0 30px;}
}
/* ######## Title Overlay ######## */
.bg-overlay.bg-overlay-dark {background-color:#002;}
.bg-overlay.bg-overlay-dark-offline {background-color:#000046; opacity:0.5;}
/* ######## Body Default Size ######## */
body{font-size:16px;}

/* ######## Title Format ######## */
.ks-title{color: white;text-shadow: 2px 2px 2px blue;}
@media only screen and (max-width : 767px) {.ks-title{margin-top:25px;}}
/* ######## Breadcrumb Format ######## */
.breadcrumb{margin-top:50px; margin-bottom:0; background-color: rgba(255,255,255,0.9);box-shadow: 1px 1px 5px blue;}
.breadcrumb > .active {color:red;}
/* ######## GLOBAL COLORS ######## */
.alert-info {color: #000046;}
.ks-divider-bg-color > i {background-color:#E6E8F0; border-radius:50%}
.ks-divider-bg-color > hr {border-top: double 4px #000046;background: linear-gradient(to right, rgba(0,0,70,0) 0%,rgba(0,0,70,1) 50%,rgba(0,0,70,0) 100%);}

/* ########################################################################## */
/* ######################                             ####################### */
/* ######################   GENERIC TEMPLATE FIXES    ####################### */
/* ######################                             ####################### */
/* ########################################################################## */

/* ######## Colors ######## */
.ks-fg-logo-red{color: RGB(60, 120, 200);}
.ks-fg-logo-green{color: RGB(210, 30, 30);}
.ks-fg-logo-blue{color: RGB(30, 160, 80);}
.ks-fg-deep-blue{color: RGB(0, 0, 70);}
.ks-fg-main-blue{color: RGB(80, 128, 255);}

.ks-bg-logo-red{background-color: RGB(60, 120, 200);}
.ks-bg-logo-green{background-color: RGB(210, 30, 30);}
.ks-bg-logo-blue{background-color: RGB(30, 160, 80);}
.ks-bg-deep-blue{background-color: RGB(0, 0, 70);}
.ks-bg-main-blue{background-color: RGB(80, 128, 255);}

.ks-overlay-color-1 {background-color: #000044 !important;}
.ks-overlay-color-2 {background-color: #f4aa44 !important;}
.ks-overlay-communication{background-color: rgba(255, 250, 240, 0.5);}

.ks-txt-shadow-1{text-shadow: 1px 1px 0 white;}

.ks-btn-shadow-1{box-shadow: 0 0 5px white;}

/* ######## Headings Transform ######## */
.ks-quotemark-size{font-size:32px;}
.ks-quote-padding{padding:10px;}
.lead{font-size:1.1em; font-weight:500; line-height:2.0;}
h1 {font-size:42px; font-weight:500; line-height:1.0; text-transform: none !important;} /*Lock*/
h2 {font-size:28px; font-weight:300; line-height:1.0; text-transform: none !important;} /*Lock*/
h3 {font-size:24px; font-weight:300; line-height:1.0; text-transform: none !important;}
h4 {font-size:24px; font-weight:300; line-height:1.0; text-transform: none !important;}
h5 {font-size:22px; font-weight:500; line-height:1.0; text-transform: none !important;}
h6 {font-size:18px; font-weight:500; line-height:1.0; text-transform: none !important;} /*Lock*/
p  {font-size:16px; font-weight:300; line-height:1.5; text-transform: none !important;} /*Lock*/

/* ######## Centering ######## */
.ks-centered-div{display:flex;justify-content:center;align-items:center;}
.centerfy {text-align: justify; text-align-last: center; -moz-text-align-last: center; line-height:1.5;padding-left: 1%; padding-right: 1%;} 

/* ######## Fix Border on Focus in Safari ######## */
*:focus {outline: none;}
/* ######## Animation Durations ######## */
.ks-anim-dur1000{animation-duration: 1s;}
.ks-anim-dur1500{animation-duration: 1.5s;}
.ks-anim-dur2000{animation-duration: 2s;}
.ks-anim-dur2500{animation-duration: 2.5s;}
.ks-anim-dur3000{animation-duration: 3s;}
.ks-anim-dur3500{animation-duration: 3.5s;}
.ks-anim-dur4000{animation-duration: 4s;}
.ks-anim-dur4500{animation-duration: 4.5s;}
.ks-anim-dur5000{animation-duration: 5s;}
.ks-anim-dur5500{animation-duration: 5.5s;}
.ks-anim-dur6000{animation-duration: 6s;}
.ks-anim-dur6500{animation-duration: 6.5s;}
.ks-anim-dur7000{animation-duration: 7s;}
.ks-anim-dur7500{animation-duration: 7.5s;}

/* ######## Animation Delays ######## */
.ks-anim-del0200{animation-delay: 0.2s;}
.ks-anim-del0400{animation-delay: 0.4s;}
.ks-anim-del0500{animation-delay: 0.5s;}
.ks-anim-del0600{animation-delay: 0.6s;}
.ks-anim-del0800{animation-delay: 0.8s;}
.ks-anim-del1000{animation-delay: 1s;}
.ks-anim-del1200{animation-delay: 1.2s;}
.ks-anim-del1500{animation-delay: 1.5s;}
.ks-anim-del2000{animation-delay: 2s;}
.ks-anim-del2500{animation-delay: 2.5s;}
.ks-anim-del3000{animation-delay: 3s;}
.ks-anim-del3500{animation-delay: 3.5s;}
.ks-anim-del4000{animation-delay: 4s;}
.ks-anim-del4500{animation-delay: 4.5s;}
.ks-anim-del5000{animation-delay: 5s;}
.ks-anim-del5500{animation-delay: 5.5s;}
.ks-anim-del6000{animation-delay: 6s;}

@media only screen                          and (min-width : 1200px){.ks-resp-md-show{display:none;}.ks-resp-sm-show{display:none;}.ks-resp-xs-show{display:none;}.ks-resp-lg-show{display:initial;}}
@media only screen and (max-width : 1199px) and (min-width :  992px){.ks-resp-lg-show{display:none;}.ks-resp-sm-show{display:none;}.ks-resp-xs-show{display:none;}.ks-resp-md-show{display:initial;}}
@media only screen and (max-width :  991px) and (min-width :  768px){.ks-resp-lg-show{display:none;}.ks-resp-md-show{display:none;}.ks-resp-xs-show{display:none;}.ks-resp-sm-show{display:initial;}}
@media only screen and (max-width :  767px)                         {.ks-resp-lg-show{display:none;}.ks-resp-md-show{display:none;}.ks-resp-sm-show{display:none;}.ks-resp-xs-show{display:initial;}}

@media only screen and (max-width : 1199px) { /*Large Devices, Wide Screens*/ }
@media only screen and (max-width : 991px) { /*Medium Devices, Desktops*/ }
@media only screen and (max-width : 767px) { /*Small Devices, Tablets*/ }
@media only screen and (max-width : 479px) { /*Extra Small Devices, Phones*/ }
@media only screen and (max-width : 319px) { /*Custom, iPhone Retina*/ }