/*!
Theme Name: RenderedSource
Theme URI: http://underscores.me/
Author: renderedsource
Author URI: http://renderedsource.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: renderedsource
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

RenderedSource is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

#analysisForm p {
    margin-bottom: 0;
}


#analysisForm {
  padding-top: 48px;
  padding-bottom: 59px; }
  #analysisForm .row-splitter {
    height: 21px; }
  #analysisForm label {
    color: #959799;
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 3px;
    font-family: 'Muli', sans-serif;
    font-weight: 500; }
  #analysisForm .form-group {
    margin-bottom: 1px; }
  #analysisForm .form-control {
    height: 35px; }
  #analysisForm .glyphicon {
    color: #69a6e2;
    top: 21px; }
  #analysisForm .btn-warning {
    padding: 13px 108px;
    margin-top: 39px; }
  #analysisForm textarea {
    min-height: 90px;
    padding: 8px 9px;
    font-weight: 500;
    font-size: 12px; }
  #analysisForm .file-upload .form-group {
    border: 1px dashed #ced0d2;
    border-radius: 6px;
    padding: 4px 15px 7px 9px; }
  #analysisForm .file-upload label {
    font-size: 12px;
    margin-bottom: 16px;
    padding-left: 5px; }
  #analysisForm .file-upload .spec {
    color: #44525b;
    margin-right: 4px; }
  #analysisForm .file-upload .add-attachment-text {
    color: #cbd0d5; }
  #analysisForm .file-upload .btn {
    padding: 0;
    margin: 2px; }
  #analysisForm .file-upload .btn-file {
    color: #959799;
    font-size: 11px;
    border-radius: 100px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
    position: relative;
    padding: 9px 18px; }
    #analysisForm .file-upload .btn-file .file-name {
      font-family: 'Muli', sans-serif;
      font-weight: 500;
      text-transform: none; }
    #analysisForm .file-upload .btn-file .mi-close {
      font-size: 9px;
      background-color: #67d338;
      color: #ffffff;
      padding: 1px;
      border-radius: 8px;
      position: absolute;
      top: 0;
      right: -3px; }
    #analysisForm .file-upload .btn-file:hover .mi-close {
      background-color: #ff6d4a; }
  #analysisForm .file-upload .attach-icon {
    margin-left: 4px; }
    #analysisForm .file-upload .attach-icon .mi-attach_file {
      padding: 8px;
      background-color: #f2f8ff;
      border-radius: 18px;
      color: #5893db;
      font-size: 20px; }
  @media (min-width: 1200px) {
    #analysisForm .file-upload {
      margin-top: 22px; } }
  @media (min-width: 1200px) {
    #analysisForm .right-form, #analysisForm .left-form {
      padding-right: 21px;
      padding-left: 21px; }
    #analysisForm .col-lg-half-left {
      padding-left: 7px; }
    #analysisForm .col-lg-half-right {
      padding-right: 7px; } }
  #analysisForm .right-form .form-group {
    margin-bottom: 4px; }

#mapSection {
  background: url(images/analysis-map-bg.png) no-repeat, #69a6e2;
  padding-bottom: 0;
  padding-top: 0;
  height: 361px; }
  #mapSection .container {
    margin-right: 0; }
  #mapSection .address {
    padding: 75px 15px 50px 36px;
    background-color: #69a6e2;
    /*margin-left: 66.6667%;*/ }
    #mapSection .address .title,  #mapSection .address {
		    font-size: 12px;
		    color: #ffffff;
    margin: 0;
    line-height: 25px;
      font-weight: 600;
      font-family: 'Muli', sans-serif; }
    #mapSection .address h4 {
      font-weight: 900;
      font-family: 'Muli', sans-serif;
      letter-spacing: 0.43px;
      margin-bottom: 15px; }
    #mapSection .address p {
      color: #ffffff;
      margin: 0;
      line-height: 25px;
      padding-left: 3px; }
    #mapSection .address table td {
      vertical-align: top;
      padding: 0 0 0 2px; }
    #mapSection .address table tr:nth-child(1) td {
      padding-bottom: 25px; }
    @media (min-width: 1610px) {
      #mapSection .address {
        margin-left: 1200px; } }
    @media (max-width: 1610px) {
      #mapSection .address {
        margin-left: 67.3%; } }
    @media (max-width: 992px) {
      #mapSection .address {
        margin-left: 58.3333%; } }
    @media (max-width: 768px) {
      #mapSection .address {
        margin-left: 0; } }
  #mapSection .material-icons, #mapSection .fa {
    color: #ffffff;
    font-size: 15px;
    padding-top: 4px;
    margin-left: -2px; }


#terms {
  padding: 61px 0;
  padding-top: 57px;
  padding-bottom: 58px; }
  #terms h1 {
    letter-spacing: 0.61px;
    line-height: 50px;
    color: #242526; }
  #terms h3 {
    margin-top: 0;
    color: #354049;
    margin-bottom: 17px; }
  #terms p {
    color: #747474;
    letter-spacing: 0.45px;
    line-height: 17px;
    font-size: 10px; }
  #terms .mb2 {
    margin-bottom: 2px; }
  #terms .mt19 {
    margin-top: 19px; }
  #terms .mt17 {
    margin-top: 17px; }
  #terms ul li {
    font-size: 10px;
    font-family: 'Muli', sans-serif;
    font-weight: 500;
    color: #747474;
    letter-spacing: 0.45px; }
  #terms .scrollspy-menu {
    background-color: #f2f8ff;
    padding: 10px 7px;
    width: 194px; }
    #terms .scrollspy-menu ul {
      margin-bottom: 0px; }
      #terms .scrollspy-menu ul li {
        line-height: 17px;
        margin-left: 2px;
        padding: 4px 0; }
        #terms .scrollspy-menu ul li.active a {
          background: none;
          color: #5893db; }
      #terms .scrollspy-menu ul a {
        color: #44525b;
        font-size: 10px;
        letter-spacing: 0.5px;
        font-weight: 600;
        font-family: 'Muli', sans-serif;
        padding: 0; }
  #terms .contact-table {
    font-family: 'Muli', sans-serif;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-left: 28px;
    margin-top: 1px; }
    #terms .contact-table tr {
      vertical-align: top; }
      #terms .contact-table tr td {
        font-size: 10px;
        padding-top: 3px; }
        #terms .contact-table tr td .multiline {
          line-height: 16px; }
    #terms .contact-table .col1 {
      width: 54px;
      text-align: right; }
    #terms .contact-table .col2 {
      text-align: left; }
    #terms .contact-table b {
      font-size: 10px;
      letter-spacing: 0.8px; }
  #terms .scrollspy-menu ul {
	      margin-left: 0;
    margin-bottom: 0px;
    padding-top: 5px;
    padding-bottom: 7px;
    padding-left: 10px; }
    #terms .scrollspy-menu ul li {
      margin-left: 2px;
      padding-top: 0;
      padding-bottom: 10.8px; }
    #terms .scrollspy-menu ul a {
      padding: 0;
      line-height: 14px; }
  #terms a {
    color: #5893db; }
  #terms p {
    font-size: 10px;
    margin-bottom: 0; }
    #terms p b {
      letter-spacing: 0.7px;
      word-spacing: -0.2px; }
  #terms h3 {
    letter-spacing: -0.86px;
    word-spacing: 1px;
    margin-top: 16px;
    margin-bottom: 18px;
    font-family: AvenirMedium; }
  #terms h3:first-child {
    padding-top: 5px;
    margin-top: 0; }
  #terms .contact-table {
    margin-top: -2px;
    margin-bottom: 18px; }
  #terms  #section5 {
    padding-top: 0;
    padding-bottom: 0;
}


.affix {
    top: 40px;
}


#devices  a.lsow-tab-label {
	   background-image: url(images/arrow.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
} 

#designServices {
  overflow: hidden;
  padding: 0; }
  @media (min-width: 768px) {
    #designServices {
      padding: 68px 0 48px; } }
  #designServices .circle .l-title {
    font-size: 21px;
    padding-top: 60px;
    padding-bottom: 50px; }
  #designServices .l-mobile.circle {
    background-position: center -200px;
    background-size: 600px; }
  @media (min-width: 768px) {
	  #designServices   #rw2 {
		      margin-top: -60px;
	  }
	   #designServices   #rw3 {
		      margin-top:-10px;
	  }
	   	   #designServices   #rw4 {
		      margin-top:-60px;
	  }
	   
	  
    #designServices .container {
      width:740px; } }
  #designServices .first-row {
    padding-bottom: 5px !important; }
  #designServices h2 {
    color: #44525b;
    letter-spacing: 0.75px;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 19px;
    font-family: RobotoMedium; }
  #designServices p {
    color: #989898;
    line-height: 18px; }
  #designServices .circle {
    background-image: url("images/circles.png");
    background-position-x: center;
    background-repeat: no-repeat; }
  #designServices .col-lg-4 {
    padding: 0; }
  @media (min-width: 768px) {
   #designServices .mobile-design {
    width: 236PX;
    margin: auto;
    margin-top: 3px;
} }
  @media (min-width: 768px) {
    #designServices .experience-design {
      padding-left: 0px;
      padding-right: 16px; } }
  @media (min-width: 768px) {
    #designServices .web-interface-design {
      padding-right: 0px;
      padding-left: 16px; } }
  #designServices .design-services {
    padding-left: 4px; }
    #designServices .design-services h2 {
      font-size: 21px;
      line-height: 29px;
      font-weight: 600;
      font-family: 'Muli', sans-serif; }
    @media (min-width: 768px) {
      #designServices .design-services {
        margin-top: -35px; } }
  @media (min-width: 768px) {
    #designServices .website-design {
      margin-top: 2px;
      padding-right: 35px; } }
  @media (min-width: 768px) {
    #designServices .corporate-edentity {
      margin-top: 2px;
      padding-left: 35px; } }
  @media (min-width: 768px) {
    #designServices .usability {
      margin-top: -48px; } }
  #designServices .aim-text {
    color: #ffffff; }
  #designServices .tools-icon.icon-mobile {
    background-position: -110px -660px; }
  #designServices .tools-icon.icon-usability {
    background-position: -220px -660px; }
  #designServices .tools-icon.icon-experience-design {
    background-position: 0 -660px; }
  #designServices .tools-icon.icon-web-interface {
    background-position: 0 -770px; }
  #designServices .tools-icon.icon-design {
    background-position: -110px -770px; }
  #designServices .tools-icon.icon-corporate-identity {
    background-position: -220px -770px; }

#implPrinciples {
  position: relative;
  padding-top: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 8px; }
  @media (min-width: 768px) {
    #implPrinciples {
      padding-top: 0; } }
  #implPrinciples .pensils-parent {
    overflow: hidden;
    width: 100%; }
    @media (min-width: 768px) {
      #implPrinciples .pensils-parent {
        height: 620px;
        position: absolute; } }
    #implPrinciples .pensils-parent .pensils {
      position: absolute;
      height: 50px;
      width: 100%;
      margin-top: 656px;
      z-index: -1;
      background-size: contain;
      background-repeat: no-repeat; }
      @media (min-width: 768px) {
        #implPrinciples .pensils-parent .pensils {
          background-image: url(images/pensils.png);
          left: 30.5%;
          width: 504px; } }
      @media (min-width: 768px) {
        #implPrinciples .pensils-parent .pensils {
          margin-top: 472px;
          left: 47%; } }
  #implPrinciples .background {
    background-image: url("images/impl-principal-bg.png");
    background-size: 100% 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1; }
    @media (min-width: 768px) {
      #implPrinciples .background {
        margin-top: -79px;
        height: 568px; } }
  @media (min-width: 768px) {
	  #uiux {  padding-top: 79px;}
    #implPrinciples {
    
      height: 620px; } }
  #implPrinciples h1 {
    letter-spacing: 0.6px;
    padding: 20px 0;
    font-size: 21px; }
    @media (min-width: 768px) {
      #implPrinciples h1 {
        margin-bottom: 45px;
        margin-right: -8px;
        line-height: 41px; } }
  #implPrinciples .ipad {
    z-index: 100;
    width: 100%; }
    @media screen and (max-width: 767px) {
      #implPrinciples .ipad {
        color: #fff; } }
    @media (min-width: 768px) {
		
	  #implPrinciples #PNC
		{    background-repeat: no-repeat;
    background-image: url(https://wp91.renderedsource.com/wp-content/themes/renderedsource/images/pensils.png);
       background-position: center bottom;
		 }
      #implPrinciples .ipad {
        width: 619px;
        height: 408px;
        background-image: url(images/apple-ipad-landscape.png);
        padding: 20px 35px 20px 60px; } }
    #implPrinciples .ipad h2 {
      letter-spacing: 0.61px;
      line-height: 21px;
      margin-top: 25px;
      margin-bottom: 25px;
      font-weight: 600;
      font-family: 'Muli', sans-serif; }
      @media (min-width: 768px) {
        #implPrinciples .ipad h2 {
          padding-left: 10px;
          color: #44525b; } }
    #implPrinciples .ipad p {
      letter-spacing: 0.5px;
      line-height: 16px;
      margin-bottom: 16px;
      text-align: center; }
      @media (min-width: 768px) {
        #implPrinciples .ipad p {
          text-align: left;
          padding-left: 39px;
          padding-right: 47px; } }
    #implPrinciples .ipad ul {
      padding: 0; }
      @media (min-width: 768px) {
        #implPrinciples .ipad ul {
          margin-left: 16px; } }
      #implPrinciples .ipad ul li {
        padding-left: 9px;
        font-size: 12px;
        line-height: 16px; }
    #implPrinciples .ipad ul, #implPrinciples .ipad li {
      letter-spacing: 0.5px;
      text-align: justify;
      padding-right: 30px; }
  #implPrinciples .ipad-shadow {
    display: none; }
    @media (min-width: 768px) {
      #implPrinciples .ipad-shadow {
        display: block;
        width: 608px;
        height: 10px;
        background-image: url(images/apple-ipad-landscape-shadow.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: -2px; } }

#devices {
  padding-top: 0;
  padding-bottom: 14px;
  min-height: 426px;
  overflow: hidden;
  position: relative; }
  @media (min-width: 768px) {
    #devices {
      padding-top: 83px; } }
  #devices h2 {
    background-color: #ff6d4a;
    margin: 0; }
    @media (min-width: 768px) {
      #devices h2 {
        padding: 20px 17px; } }
  #devices p {
    background-color: #f26240; }
    @media (min-width: 768px) {
      #devices p {
        padding: 20px 17px; } }
  #devices .mi-arrow {
    background-color: #f26240;
    float: right;
    margin-right: -17px; }
  @media (min-width: 768px) {
    #devices .devices-container {
      margin-left: auto;
      margin-right: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  @media (max-width: 848px) {
    #devices .devices-container {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  #devices .background-container {
    position: relative;
    z-index: 1;
    margin-top: 32px; }
  #devices .background {
    position: relative;
    width: 100%;
    height: 170px;
    margin-left: 0;
    background: url(images/devices1.png);
    background-repeat: no-repeat; }
    @media (min-width: 768px) {
      #devices .background {
        width: 570px;
        height: 311px; } }
    @media screen and (max-width: 767px) {
      #devices .background {
        background-size: contain; } }
    #devices .background.one {
      background-image: url(images/devices1.png); }
    #devices .background.two {
      background-image: url(images/devices2.png); }
    #devices .background.three {
      background-image: url(images/devices3.png); }
    #devices .background.four {
      background-image: url(images/devices4.png); }
  #devices #accordion {
    position: relative;
    z-index: 2;
    width: 372px; }
    @media (max-width: 991px) {
      #devices #accordion {
        width: 288px;
        min-width: 288px; } }
    #devices #accordion .panel {
      background-color: #ff6d4a;
      margin-top: 0;
      border: none;
      border-radius: 0; }
      #devices #accordion .panel .panel-heading {
        background-color: #ff6d4a;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0; }
      #devices #accordion .panel .panel-body {
        border: none;
        background-color: #f26240;
        color: #ffffff;
        font-size: 12px;
        padding: 10px 19px;
        line-height: 19px; }
    #devices #accordion .panel-title {
      color: #ffffff;
      background-color: #ff6d4a;
      margin: 0;
      padding: 13.5px 6px;
      padding-right: 50px;
      display: inline-block;
      background-image: url(images/arrow.png);
      background-repeat: no-repeat;
      background-position-y: center;
      background-position-x: right;
      width: 100%;
      font-size: 21px;
      letter-spacing: 0.7px; }
      #devices #accordion .panel-title.collapsed {
        background-image: none; }

#section5 {
  padding: 30px 0; }
  @media (min-width: 768px) {
    #section5 {
      padding-top: 100px; } }
  #section5 .container {
    margin-top: 0px;
    margin-bottom: 0px; }
  #section5 h1 {
    color: #44525b; }
    @media (min-width: 768px) {
      #section5 h1 {
        font-size: 44px;
        letter-spacing: 0.54px;
        line-height: 41px;
        margin-bottom: 21px; } }
  #section5 h4 {
    color: #44525b;
    letter-spacing: 0.5px; }
    #section5 h4.heading-description {
      max-width: 832px;
      margin-left: auto;
      margin-right: auto;
      word-spacing: -0.5px;
      letter-spacing: 0.35px;
      line-height: 16px; }
  #section5 h2 {
    color: #44525b;
    letter-spacing: 0.75px;
    font-family: RobotoMedium; }
  #section5 .text-muted {
    color: #989898;
    font-size: 12px;
    line-height: 19px;
    font-weight: 500;
    padding-top: 2px; }

@media (min-width: 992px){
#section5 .service-box {
    margin: 10px auto 0;
	}}


  #section5 .icons {
    width: 100%;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center; }
    #section5 .icons.search-icon {
      background-image: url(images/search.png); }
    #section5 .icons.view_module-icon {
      background-image: url(images/view_module.png); }
    #section5 .icons.desktop_mac-icon {
      background-image: url(images/desktop_mac.png); }
    #section5 .icons.check-icon {
      background-image: url(images/check.png); }



#weaving {
    padding-top: 72px;
    padding-bottom: 99px;
    position: relative;
    overflow: hidden;
}

#weaving .section-heading {
    padding-bottom: 40px;
}

#weaving .icon-check {
    font-size: 12px;
    height: 18px;
    display: inline-block;
}

#weaving .section-heading {
    letter-spacing: 0.5px;
}

#weaving .section-heading, #weaving h3, #weaving h4 {
    color: #44525b;
}

#weaving .sub-title {
    color: #5f697d;
}

#weaving .line {
    background-color: rgba(236, 239, 243, 0.54);
    height: 5px;
}

#weaving .rescue-row {
    margin-bottom: 20px;
}

#weaving .panel {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    border-radius: 9px;
    border: none;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#weaving .panel.panel-body {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0.3px;
}

#weaving .panel.panel-body span {
    padding-left: 12px;
    height: 18px;
    display: inline-block;
}

#weaving .panel.panel-body span.line2 {
    padding-left: 24px;
}

#weaving .panel.panel-body span.line-training {
    margin-left: -8px;
    padding-left: 0;
}

#weaving .panel.panel-default {
    background-color: #a5adbb;
}

#weaving .panel.panel-primary {
    background-color: #69a6e2;
}

#weaving .panel.panel-danger {
    background-color: #ff6d4a;
}

@media (min-width: 992px) {
    #weaving .panel {
        margin-bottom: 0;
    }
}

#weaving .panel.panel-core-security span {
    padding-left: 8px;
}

#weaving .panel.panel-core-security span.line-training {
    margin-left: -12px;
}

#weaving .row1 {
    margin-top: 48px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    #weaving .row1 {
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    #weaving .row1 {
        margin-bottom: 118px;
    }
}

#weaving .row1 .panel {
    min-height: 87px;
}

#weaving .row2 .panel {
    min-height: 112px;
}

#weaving .center, #weaving #securityTesting .panel .panel-body, #securityTesting .panel #weaving .panel-body, #weaving #securityTesting .col1, #securityTesting #weaving .col1, #weaving #securityTesting .col1 .block1, #securityTesting .col1 #weaving .block1, #weaving #securityTesting .col2, #securityTesting #weaving .col2, #weaving #securityTesting .col3, #securityTesting #weaving .col3, #weaving #securityTesting .col4, #securityTesting #weaving .col4 {
    display: inline-block;
    text-align: left;
}

#weaving .center2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#weaving .navigation-row {
    background: url("/images/central-line-security.png") no-repeat;
    position: absolute;
    height: 148px;
    width: 943px;
    margin-top: -131px;
    margin-left: 102px;
}

#weaving .navigation-row .l-block2 {
    padding-top: 27px;
    margin-left: -10px;
}

#weaving .navigation-row .title {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}

#weaving .navigation-row .title.title-1 {
    width: 119px;
}

#weaving .navigation-row .title.title-2 {
    width: 165px;
}

#weaving .navigation-row .title.title-3 {
    width: 113px;
}

#weaving .navigation-row .title.title-4 {
    width: 156px;
}

#weaving .navigation-row .title.title-5 {
    width: 155px;
}

#weaving .navigation-row .title.title-6 {
    width: 135px;
}

#weaving .block1 .n1 {
    margin-right: 10px;
}

#weaving .block1 .n1 .connection-line {
    right: 52px;
    top: 0;
}

#weaving .block2 .n1 .connection-line {
    right: 25px;
}

#weaving .block2 .n2 {
    margin-right: 20px;
}

#weaving .block2 .n2 .connection-line {
    right: 59px;
    top: 0;
}

#weaving .block3 .n1 .connection-line {
    right: 42px;
}

#weaving .block3 .n2 {
    margin-right: 56px;
}

#weaving .block3 .n2 .connection-line {
    right: 29px;
    top: 0;
}

#weaving .third-block .circle-next {
    margin-right: 72px;
}

#weaving .third-block .circle-last {
    margin-right: 17px;
}

#weaving .third-block .connection-line {
    height: 30px;
    right: 152px;
    top: -20px;
}

#weaving .l-mobile {
    height: 220px;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    position: relative;
    padding-top: 10px;
}

#weaving .l-mobile:before {
    display: block;
    position: absolute;
    top: 100px;
    height: 3px;
    background: #69a6e2;
    content: '';
    width: 1600px;
    z-index: 2;
}

#weaving .l-mobile .panel {
    display: inline-block;
    height: 180px;
    width: 200px;
    margin-right: 30px;
    vertical-align: top;
    position: relative;
    z-index: 3;
}

#weaving .l-mobile .panel h3 {
    font-size: 21px;
    color: #fff;
    text-align: center;
    margin-top: 0;
    padding-bottom: 15px;
}

#weaving .l-mobile .panel-core-security h3 {
    padding-bottom: 15px;
}

#weaving .l-mobile .panel-core-security .l-inner {
    padding-left: 27px;
    padding-top: 5px;
}

#weaving .l-mobile .panel-core-security .line-training {
    margin-left: 20px !important;
}

#weaving .l-more {
    text-align: right;
    font-size: 16px;
    color: #44515b;
    padding-left: 10px;
    font-weight: bold;
}

#weaving .l-more i {
    vertical-align: top;
}

@media (min-width: 768px) {
    #weaving .l-more {
        display: none;
    }
}

#weaving .l-tablet {
    display: none;
}

@media (min-width: 768px) {
    #weaving .l-tablet {
        display: block;
    }
}

@media (min-width: 1360px) {
    #weaving .l-tablet {
        display: none;
    }
}

#weaving .l-tablet .container__inner {
    width: 600px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url("/images/lines-tablet.png") no-repeat top center;
}

#weaving .l-tablet .container__inner .l-block1, #weaving .l-tablet .container__inner .l-block3 {
    width: 195px;
}

#weaving .l-tablet .container__inner .l-block1 .panel, #weaving .l-tablet .container__inner .l-block3 .panel {
    height: 106px;
    margin-bottom: 38px;
    font-size: 12px;
}

#weaving .l-tablet .container__inner .l-block1 .panel span, #weaving .l-tablet .container__inner .l-block3 .panel span {
    font-size: 12px;
}

#weaving .l-tablet .container__inner .l-block1 .panel-body {
    padding-right: 0;
}

#weaving .l-tablet .container__inner .l-block2 {
    height: 100%;
    width: 210px;
}

#weaving .l-tablet .container__inner .l-block2 .title {
    font-size: 16px;
    color: #44515b;
    text-align: center;
}

#weaving .l-tablet .container__inner .l-block2 .title.title-1 {
    margin-top: -24px;
    height: 85px;
}

#weaving .l-tablet .container__inner .l-block2 .title.title-2 {
    height: 78px;
}

#weaving .l-tablet .container__inner .l-block2 .title.title-3 {
    height: 70px;
}

#weaving .l-tablet .container__inner .l-block2 .title.title-4 {
    height: 77px;
}

#weaving .l-tablet .container__inner .l-block2 .title.title-5 {
    height: 68px;
}

#weaving .l-tablet .container__inner .l-block2 .title.title-6 {
    height: 82px;
}

@media (min-width: 1360px) {
    #weaving .l-desktop {
        display: block;
    }
}





.l-appearance img {
  max-width: 100%; }

.l-appearance h1 {
  color: #44515b !important; }

.l-appearance p {
  padding: 10px 0;
  max-width: 900px;
  margin: 0 auto; }



#implementation .l-qa-technology .navigation-row {
    left: 160px;
    margin-top: -63px;
    width: 727px;
    height: 105px;
    top: 50%;
}
@media (min-width: 920px) {
#implementation .marg50 {
	
	margin-top:85px;
}
}

#implementation .panel {
	min-height:220px;
}

#implementation .panel.panel-default .tex,
#implementation .panel.panel-primary .tex,
#implementation .panel.panel-danger .tex,

#implementation  .panel-body p
{
    font-size: 14px;
	    margin-bottom: 0;
}


#implementation .material-icons {
	margin-right:5px;
}

#implementation div.divider {
	height:16px;
	max-height:16px; 
	min-height:16px;
} 


@media (max-width:600px){
#implementation .panel {
	    max-width: 450px;
    margin: auto;
    padding: 10px 20px !important;
}
}	
	
 @media (max-width:849px) { 
	 
	 
	 
	 
	 .l-qa-technology h2 {
		 
		     margin-top: 5px;
    margin-bottom: 5px;
	 }
	 
	 #implementation .panel .tex {
		 padding-bottom:10px !important;
		     
	 }
	 
	 
	 .l-qa-technology {
    padding: 0 10px;
}
	 
#implementation .panel {
      padding: 5px !important;
    margin: 0 0px;
	    min-height: 235px;
	 }}

 @media (max-width:600px) { 
	  .navigation-row {
		    display: none !important;
	  }
}
  @media (min-width: 1020px) { 
	  .navigation-row {
		    display: flex;
	  }
}

#implementation {
  padding-top: 74px;
  padding-bottom: 50px; }
  #implementation .section-heading, #implementation h3, #implementation h4 {
    color: #44525b; }
  #implementation h3 {
    letter-spacing: 0.5px;
    line-height: 22px;
    font-size: 14px; }
    @media (min-width: 1024px) {
      #implementation h3 {
        font-size: 16px; } }
  #implementation h4 {
    letter-spacing: 0.7px; }
  #implementation .material-icons {
    font-size: 12px; }
  #implementation .sub-title {
    color: #5f697d; }
  #implementation .line {
    background-color: rgba(236, 239, 243, 0.54);
    height: 5px; }
  #implementation .rescue-row {
    margin-bottom: 15px;
    margin-top: 35px; }
  #implementation .circle {
    display: inline-block;
    text-align: center; }
    #implementation .circle .material-icons {
      font-size: 10px;
      color: #ffffff;
      font-weight: 500; }
    #implementation .circle.circle-start {
      background: radial-gradient(17.5px, rgba(68, 81, 91, 0.27) 0, rgba(68, 81, 91, 0.27) 17.5px, transparent 18.5px), radial-gradient(12.5px, #a5adbb 0, #a5adbb 12.5px, transparent 13.5px);
      height: 35px;
      width: 35px;
      line-height: 35px; }
    #implementation .circle.circle-next {
      width: 17px;
      height: 17px;
      background-color: #69a6e2;
      border-radius: 8.5px;
      line-height: 17px; }
    #implementation .circle.circle-last {
      background: radial-gradient(17.5px, rgba(255, 109, 74, 0.27) 0, rgba(255, 109, 74, 0.27) 17.5px, transparent 18.5px), radial-gradient(12.5px, #ff6d4a 0, #ff6d4a 12.5px, transparent 13.5px);
      height: 35px;
      width: 35px;
      line-height: 35px; }
  #implementation .panel {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    border-radius: 9px;
    border: none;
    color: #ffffff; }
    #implementation .panel .panel-body {
      padding: 20px 10px 28px 10px; }
      #implementation .panel .panel-body h2 {
        margin-top: 15px;
        letter-spacing: 0.75px; }
    #implementation .panel.panel-default {
      background-color: #a5adbb; }
    #implementation .panel.panel-primary {
      background-color: #69a6e2; }
    #implementation .panel.panel-danger {
      background-color: #ff6d4a; }
  #implementation .navigation-row {
    margin-bottom: 12px;
    background: url("images/central-line-qa.png") no-repeat center; }
    #implementation .navigation-row .connection-line {
      border-left: 1px dashed rgba(165, 173, 187, 0.5);
      height: 25px;
      position: absolute;
      width: 1px; }
  #implementation .second-row .panel-body {
    min-height: 150px;
    padding-bottom: 0;
    padding-top: 0; }
    @media (min-width: 1024px) {
      #implementation .second-row .panel-body {
        padding: 20px 10px 28px 10px !important; } }
    #implementation .second-row .panel-body h2 {
      margin-top: 33px;
      margin-bottom: 14px; }
      @media (min-width: 1024px) {
        #implementation .second-row .panel-body h2 {
          font-weight: bold; } }
  #implementation .regression-row h4 {
    margin-top: 5px;
    letter-spacing: 0.7px; }
  #implementation .first-block .connection-line {
    right: 50px;
    bottom: -15px; }
  #implementation .first-block .circle-next {
    margin-right: 26px; }
  #implementation .first-block .circle-start {
    margin-right: 80px; }
  #implementation .second-block .circle-first {
    margin-right: 80px; }
  #implementation .second-block .circle-second {
    margin-right: 25px; }
  #implementation .second-block .connection-line {
    height: 40px; }
    #implementation .second-block .connection-line.line-first {
      right: 150px;
      top: -20px; }
    #implementation .second-block .connection-line.line-second {
      right: 47px;
      bottom: -40px; }
  #implementation .third-block .circle-next {
    margin-right: 72px; }
  #implementation .third-block .circle-last {
    margin-right: 17px; }
  #implementation .third-block .connection-line {
    height: 30px;
    right: 152px;
    top: -20px; }

.l-qa-technology {
  position: relative;

  max-width: 1040px; }
  .l-qa-technology.l-mobile {
    display: block; }
    .l-qa-technology.l-mobile .l-more {
      text-align: right;
      font-size: 16px;
      color: #44515b;
      padding-left: 10px;
      font-weight: bold; }
    .l-qa-technology.l-mobile .container {
      height: 250px;
      overflow-x: scroll;
      white-space: nowrap;
      position: relative;
      padding-top: 10px; }
      .l-qa-technology.l-mobile .container:before {
        display: block;
        position: absolute;
        top: 100px;
        height: 3px;
        background: #69a6e2;
        content: '';
        width: 1400px;
        z-index: 2; }
      .l-qa-technology.l-mobile .container .panel-body {
        white-space: normal; }
      .l-qa-technology.l-mobile .container .panel {
        display: inline-block;
        height: 200px;
        width: 220px;
        margin-right: 30px;
        vertical-align: top;
        position: relative;
        z-index: 3; }
        .l-qa-technology.l-mobile .container .panel h2 {
          font-size: 16px;
          font-weight: bold;
          margin-top: 0 !important;
          padding-bottom: 0; }
      .l-qa-technology.l-mobile .container .no-padding h2 {
        padding-bottom: 0 !important; }
    @media (min-width: 768px) {
      .l-qa-technology.l-mobile {
        display: none; } }
  .l-qa-technology.l-tablet {
    display: none; }
    @media (min-width: 768px) {
      .l-qa-technology.l-tablet {
        display: block; } }
    @media (min-width: 1024px) {
      .l-qa-technology.l-tablet {
        display: none; } }
    .l-qa-technology.l-tablet .col-sm-4 {
      padding: 0; }
      .l-qa-technology.l-tablet .col-sm-4.l-first-block .panel {
        float: right;
        width: 100%; }
      .l-qa-technology.l-tablet .col-sm-4 .panel {
        max-width: 220px; }
        .l-qa-technology.l-tablet .col-sm-4 .panel .panel-body {
          padding-left: 20px; }
        .l-qa-technology.l-tablet .col-sm-4 .panel h2 {
          margin-top: 0 !important;
          text-align: center;
          font-size: 20px; }
    .l-qa-technology.l-tablet .l-line-tablet-qa {
      height: 497px;
      background: url("images/frontend.png") no-repeat; }
  @media (min-width: 1024px) {
    .l-qa-technology {
      display: block; } }
  .l-qa-technology .navigation-row {
    display: block;
    position: absolute;
    top: 50%;
    width: 750px;
    height: 160px;
    z-index: 111;
    left: 154px;
    margin-top: -100px;
    background-size: cover !important; }
    @media (min-width: 1024px) {
      .l-qa-technology .navigation-row {
        left: 160px;
        margin-top: -110px;
        width: 727px;
        height: 164px;
        top: 50%; } }
  @media screen and (max-width: 1280px) {
    .l-qa-technology .second-row .panel-body .col-lg-6 {
      padding-right: 0 !important;
      padding-left: 10px; }
      .l-qa-technology .second-row .panel-body .col-lg-6:last-child {
        padding-left: 0; } }
  @media (min-width: 1024px) {
    .l-qa-technology .second-row {
      margin-top: 115px; } }
  @media (min-width: 1024px) {
    .l-qa-technology .panel-body > div {
      padding-left: 35px; }
    .l-qa-technology .panel-body h2 {
      text-align: center; 
	  margin-left:-35px;} }

.l-consistency {
  background: #69a6e2;
  color: #fff !important; }
  .l-consistency img {
    width: 100%; }
  .l-consistency p {
    padding: 10px 0;
    max-width: 900px;
    margin: 0 auto; }


#stage {
  padding-top: 18px;
  padding-bottom: 83px; }
  #stage .page-title {
    max-width: 832px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    padding-bottom: 17px;
    line-height: 22px; }
    @media (max-width: 991px) {
      #stage .page-title {
        margin-bottom: 0;
        padding-bottom: 0; } }
  #stage h2 {
    color: #44525b;
    letter-spacing: 0.75px;
    margin-top: 2px;
    line-height: 24px;
    margin-bottom: 10px;
    font-family: RobotoMedium; }
  #stage h3 {
    color: #44525b;
    letter-spacing: 0.5px; }
  #stage p {
    color: #989898;
    line-height: 19px;
    margin-bottom: 18px;
    margin-left: 0;
    margin-right: 0; }
  #stage .service-box {
    max-width: 263px;
    background-color: #ffffff;
    padding: 25px 18px;
    min-height: 334px;
    height: 380px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); }
    @media (min-width: 1360px) {
      #stage .service-box {
        box-shadow: none;
        height: 334px; }
        #stage .service-box:hover {
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #stage .service-box {
        margin-bottom: 50px; } }
  #stage .tools-icon.icon-statistic {
    background-position: -110px 0; }
  #stage .tools-icon.icon-enterprise {
    background-position: -220px 0; }
#fundamentals .oval .sow-icon {
    padding-top: 25px;
}

@media (min-width: 992px) {
#fundamentals .service-box.cent_sr {
    border-right: 1px solid rgba(246, 249, 252, 0.36);
    border-left: 1px solid rgba(246, 249, 252, 0.36);
	    min-height: 300px;
}}



#fundamentals {
  background-color: #69a6e2;
  padding-top: 54px;
  padding-bottom: 96px; }
  #fundamentals h1 {
    letter-spacing: 0.5px;
    line-height: 41px; }
  #fundamentals p {
    color: #ffffff;
    letter-spacing: 0.5px;
    line-height: 19px;
    margin-bottom: 25px; }
  #fundamentals .btn-default {
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  #fundamentals .material-icons {
    font-size: 40px; }
    #fundamentals .material-icons.mi-alarm {
      color: #d9ed70; }
    #fundamentals .material-icons.mi-brightness_auto {
      color: #d4b4de; }
    #fundamentals .material-icons.mi-pan_tool {
      color: #abd6ba; }
  #fundamentals .service-box {
    margin-top: 40px;
    width: 100%;
    height: 291px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (min-width: 1360px) {
      #fundamentals .service-box {
        width: 362px; } }
    #fundamentals .service-box h1 {
      font-family: 'Muli', sans-serif;
      font-weight: 500;
      margin-top: 12px; }
    #fundamentals .service-box .btn-container {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      padding-bottom: 10px; }
  #fundamentals .line-col {
    margin-top: 40px;
    height: 291px; }
    #fundamentals .line-col .line {
      height: 291px;
      margin-right: -13px;
      border-right: 1px solid rgba(246, 249, 252, 0.36); }
      @media (max-width: 1199px) {
        #fundamentals .line-col .line {
          margin-right: 13px; } }


#weaving #mtop116 { 
margin-top: 116px;
}


#weaving {
  padding-top: 72px;
  padding-bottom: 99px;
  position: relative;
  overflow: hidden; }
  #weaving .section-heading {
    padding-bottom: 40px; }
  #weaving .icon-check {
	  margin-right:5px;
    font-size: 12px;
    height: 18px;
    display: inline-block; }
  #weaving .section-heading {
    letter-spacing: 0.5px; }
  #weaving .section-heading, #weaving h3, #weaving h4 {
    color: #44525b; }
  #weaving .sub-title {
    color: #5f697d; }
  #weaving .line {
    background-color: rgba(236, 239, 243, 0.54);
    height: 5px; }
  #weaving .rescue-row {
    margin-bottom: 20px; }
  #weaving .panel {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    border-radius: 9px;
    border: none;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #weaving .panel .panel-body {
      padding-top: 13px;
      padding-bottom: 13px;
      font-size: 13px;
      line-height: 19px;
      letter-spacing: 0.3px; }
      #weaving .panel .panel-body span {
        padding-left: 12px;
        height: 18px;
        display: inline-block; }
        #weaving .panel .panel-body span.line2 {
          padding-left: 24px; }
        #weaving .panel .panel-body span.line-training {
          margin-left: -8px;
          padding-left: 0; }
    #weaving .panel.panel-default {
      background-color: #a5adbb; }
    #weaving .panel.panel-primary {
      background-color: #69a6e2; }
    #weaving .panel.panel-danger {
      background-color: #ff6d4a; }
    @media (min-width: 992px) {
      #weaving .panel {
        margin-bottom: 0; 
		    min-height: 112px;} }
    #weaving .panel.panel-core-security span {
      padding-left: 8px; }
    #weaving .panel.panel-core-security span.line-training {
      margin-left: -12px; }
  #weaving .row1 {
    margin-top: 48px; }
    @media (min-width: 992px) and (max-width: 1200px) {
      #weaving .row1 {
        margin-bottom: 20px; } }
    @media (min-width: 1200px) {
      #weaving .row1 {
        margin-bottom: 118px; } }
    #weaving .row1 .panel {
      min-height: 87px; }
  #weaving .row2 .panel {
    min-height: 112px; }
  #weaving .center, #weaving #securityTesting .panel .panel-body, #securityTesting .panel #weaving .panel-body, #weaving #securityTesting .col1, #securityTesting #weaving .col1, #weaving #securityTesting .col1 .block1, #securityTesting .col1 #weaving .block1, #weaving #securityTesting .col2, #securityTesting #weaving .col2, #weaving #securityTesting .col3, #securityTesting #weaving .col3, #weaving #securityTesting .col4, #securityTesting #weaving .col4 {
    display: inline-block;
    text-align: left; }
  #weaving .center2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #weaving .navigation-row {
    background: url("images/central-line-security.png") no-repeat;
    position: absolute;
    height: 148px;
    width: 943px;
    margin-top: -30px;
    margin-left: 102px; }
    #weaving .navigation-row .l-block2 {
      padding-top: 27px;
      margin-left: -10px; }
    #weaving .navigation-row .title {
      display: inline-block;
      font-size: 16px;
      font-weight: bold; }
      #weaving .navigation-row .title.title-1 {
        width: 119px; }
      #weaving .navigation-row .title.title-2 {
        width: 165px; }
      #weaving .navigation-row .title.title-3 {
        width: 113px; }
      #weaving .navigation-row .title.title-4 {
        width: 156px; }
      #weaving .navigation-row .title.title-5 {
        width: 155px; }
      #weaving .navigation-row .title.title-6 {
        width: 135px; }
  #weaving .block1 .n1 {
    margin-right: 10px; }
    #weaving .block1 .n1 .connection-line {
      right: 52px;
      top: 0; }
  #weaving .block2 .n1 .connection-line {
    right: 25px; }
  #weaving .block2 .n2 {
    margin-right: 20px; }
    #weaving .block2 .n2 .connection-line {
      right: 59px;
      top: 0; }
  #weaving .block3 .n1 .connection-line {
    right: 42px; }
  #weaving .block3 .n2 {
    margin-right: 56px; }
    #weaving .block3 .n2 .connection-line {
      right: 29px;
      top: 0; }
  #weaving .third-block .circle-next {
    margin-right: 72px; }
  #weaving .third-block .circle-last {
    margin-right: 17px; }
  #weaving .third-block .connection-line {
    height: 30px;
    right: 152px;
    top: -20px; }
  #weaving .l-mobile {
    height: 220px;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    position: relative;
    padding-top: 10px; }
    #weaving .l-mobile:before {
      display: block;
      position: absolute;
      top: 100px;
      height: 3px;
      background: #69a6e2;
      content: '';
      width: 1600px;
      z-index: 2; }
    #weaving .l-mobile .panel {
      display: inline-block;
      height: 180px;
      width: 200px;
      margin-right: 30px;
      vertical-align: top;
      position: relative;
      z-index: 3; }
      #weaving .l-mobile .panel h3 {
        font-size: 21px;
        color: #fff;
        text-align: center;
        margin-top: 0;
        padding-bottom: 15px; }
    #weaving .l-mobile .panel-core-security h3 {
      padding-bottom: 15px; }
    #weaving .l-mobile .panel-core-security .l-inner {
      padding-left: 27px;
      padding-top: 5px; }
    #weaving .l-mobile .panel-core-security .line-training {
      margin-left: 20px !important; }
  #weaving .l-more {
    text-align: right;
    font-size: 16px;
    color: #44515b;
    padding-left: 10px;
    font-weight: bold; }
    #weaving .l-more i {
      vertical-align: top; }
    @media (min-width: 768px) {
      #weaving .l-more {
        display: none; } }
  #weaving .l-tablet {
    display: none; }
    @media (min-width: 768px) {
      #weaving .l-tablet {
        display: block; } }
    @media (min-width: 1360px) {
      #weaving .l-tablet {
        display: none; } }
    #weaving .l-tablet .container__inner {
      width: 600px;
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background: url("images/lines-tablet.png") no-repeat top center; }
      #weaving .l-tablet .container__inner .l-block1, #weaving .l-tablet .container__inner .l-block3 {
        width: 195px; }
        #weaving .l-tablet .container__inner .l-block1 .panel, #weaving .l-tablet .container__inner .l-block3 .panel {
          height: 106px;
          margin-bottom: 38px;
          font-size: 12px; }
          #weaving .l-tablet .container__inner .l-block1 .panel span, #weaving .l-tablet .container__inner .l-block3 .panel span {
            font-size: 12px; }
      #weaving .l-tablet .container__inner .l-block1 .panel-body {
        padding-right: 0; }
      #weaving .l-tablet .container__inner .l-block2 {
        height: 100%;
        width: 210px; }
        #weaving .l-tablet .container__inner .l-block2 .title {
          font-size: 16px;
          color: #44515b;
          text-align: center; }
          #weaving .l-tablet .container__inner .l-block2 .title.title-1 {
            margin-top: -24px;
            height: 85px; }
          #weaving .l-tablet .container__inner .l-block2 .title.title-2 {
            height: 78px; }
          #weaving .l-tablet .container__inner .l-block2 .title.title-3 {
            height: 70px; }
          #weaving .l-tablet .container__inner .l-block2 .title.title-4 {
            height: 77px; }
          #weaving .l-tablet .container__inner .l-block2 .title.title-5 {
            height: 68px; }
          #weaving .l-tablet .container__inner .l-block2 .title.title-6 {
            height: 82px; }

    @media (min-width: 1360px) {
      #weaving .l-desktop {
        display: block; } }

#securityTesting {
	min-height:870px;
  background-color: #44515b;
  padding-top: 86px;
  padding-bottom: 1px;
  /* .col1, .col4 {
       @media (min-width: 992px) and (max-width: 1199px) {
           padding: 0;
       }
   }*/ }
  #securityTesting .col-half-padding {
    padding-right: 9px;
    padding-left: 9px; }
  #securityTesting h1, #securityTesting h2, #securityTesting h3, #securityTesting p {
    color: #ffffff; }
  #securityTesting h1 {
    text-align: center;
    letter-spacing: 0.5px; }
  #securityTesting h3 {
    line-height: 22px;
    max-width: 866px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 21px;
    text-align: center;
    letter-spacing: 0.5px; }
  #securityTesting .mi-network {
    color: #69a6e2;
    padding-left: 2px;
    padding-right: 5px;
    font-size: 1.6em; }
  #securityTesting .mi-cloud {
    color: #ff6d4a;
    padding-left: 2px;
    padding-right: 5px;
    font-size: 1.6em; }
  #securityTesting .material-icons {
    font-size: 20px; }
    #securityTesting .material-icons.mi-storage {
		   padding-right: 5px;
      color: #ffc12e; }
    #securityTesting .material-icons.mi-api {
		   padding-right: 5px;
      color: #7fd7d1; }
  #securityTesting .center, #securityTesting .panel .panel-body, #securityTesting .col1, #securityTesting .col1 .block1, #securityTesting .col2, #securityTesting .col3, #securityTesting .col4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #securityTesting .panel {
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    z-index: 3; }
    #securityTesting .panel .panel-body {
      min-height: 144px;
      min-width: 153px; }
    @media (min-width: 768px) {
      #securityTesting .panel.align-left {
        margin-right: auto; }
      #securityTesting .panel.align-right {
        margin-left: auto; } }
  @media (min-width: 768px) {
    #securityTesting .col1 {
      padding-right: 38px; } }
  #securityTesting .col1 h2 {
    color: #44525b; }
  #securityTesting .col1 .panel {
    width: 186px; }
  #securityTesting .col1 .panel-body {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media (min-width: 768px) {
      #securityTesting .col1 .panel-body {
        -webkit-box-pack: initial;
            -ms-flex-pack: initial;
                justify-content: initial;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  #securityTesting  .block1 {
    background: #ffffff;
    padding: 24px;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto; }
    #securityTesting .col1 .block1 h2 {
      margin: 0;
      font-size: 16px;
      line-height: 18px;
      text-align: center; }
    @media (min-width: 1360px) {
      #securityTesting  .block1 h2 {
        margin: 0;
        font-size: 21px;
        line-height: 29px;
        text-align: center; } }
    @media (min-width: 768px) {
      #securityTesting  .block1 {
        -ms-flex-item-align: stretch;
            -ms-grid-row-align: stretch;
            align-self: stretch;
        padding: 0 24px;
        padding-bottom: 5px !important; } }
  #securityTesting  .block2 {
    /*@media (min-width: 992px) {
          float: left;
      }*/ }
  #securityTesting .arrow-right {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ffffff; }
  #securityTesting .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ffffff; }
  #securityTesting .col2, #securityTesting .col3 {
    color: #ffffff; }
    #securityTesting .col2 .panel-body, #securityTesting .col3 .panel-body {
      background-color: #344149;
      box-shadow: 0 2px 23px rgba(0, 0, 0, 0.09); }
    #securityTesting  .text-list, #securityTesting  .text-list {
		    LINE-HEIGHT: 2.5;
      font-size: 12px;
      letter-spacing: 0.3px;
      font-weight: 900;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%; }
      @media (min-width: 1360px) {
        #securityTesting .col2 .text-list, #securityTesting .col3 .text-list {
          font-size: 12px;
          letter-spacing: 0.7px;
          font-weight: 900; } }
      #securityTesting .col2 .text-list i, #securityTesting .col3 .text-list i {
        margin-right: 6px; }
    #securityTesting  .block1, #securityTesting  .block1 {
      width: 100%;
      padding-left: 8px;
      height: 96px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
		-ms-flex-pack: justify;}
  #securityTesting .col2 .panel-body {
    padding-left: 5px;
    padding-right: 5px; }
  #securityTesting .col3 {
    /*margin-left: 4.1667%;*/ }
    #securityTesting .col3 .block1 {
      padding-left: 4px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  @media (min-width: 768px) {
    #securityTesting .col4 {
      padding-left: 43px; } }
  #securityTesting .panel-body {
    text-align: center;
    background: #ffffff;
    min-width: 165px; }
  #securityTesting  h2 {
    color: #44525b;
    margin-bottom: 26px;
    letter-spacing: 0.7px;
    font-size: 16px;
    line-height: 18px; }
    @media (min-width: 1360px) {
      #securityTesting h2 {
        font-size: 21px;
        letter-spacing: 0.7px;
        line-height: 29px; } }
  #securityTesting .container.main {
    position: relative; }
    @media (min-width: 768px) {
      #securityTesting .container.main {
        margin-top: 78px;
        margin-bottom: 123px; } }
  @media screen and (max-width: 767px) {
    #securityTesting .circle {
      position: absolute;
      width: 256px;
      height: 468px;
      border: 1px dashed #ccc;
      background: rgba(78, 93, 104, 0.64);
      border-radius: 7px;
      left: 50%;
      margin-left: -128px;
      top: 90px; }
      #securityTesting .circle .dot-text {
        position: absolute;
        color: #ffffff;
        font-size: 12px;
        letter-spacing: 0.3px;
        font-weight: bold;
        width: 80px;
        word-break: normal;
        /*.dot {
            display: inline-block;
            font-size: 1.5rem;
            text-align: center;
            padding-left: 10px;
            padding-right: 10px;
        }*/ }
        #securityTesting .circle .dot-text .text {
          display: inline-block;
          text-align: center; }
        #securityTesting .circle .dot-text.dt4 {
          left: -27px;
          top: 40px;
          word-break: break-all;
          width: 65px; }
        #securityTesting .circle .dot-text.dt2 {
          top: 130px;
          left: -29px;
          word-break: break-all;
          width: 70px; }
        #securityTesting .circle .dot-text.dt1 {
          left: -35px;
          top: 206px; }
        #securityTesting .circle .dot-text.dt3 {
          left: -35px;
          top: 323px; }
        #securityTesting .circle .dot-text.dt5 {
          top: 390px;
          left: -35px; }
        #securityTesting .circle .dot-text.dt10 {
          right: -28px;
          top: 216px;
          word-break: break-all;
          width: 70px; }
        #securityTesting .circle .dot-text.dt9 {
          right: -35px;
          top: 126px; }
        #securityTesting .circle .dot-text.dt8 {
          right: -35px;
          bottom: 100px; }
        #securityTesting .circle .dot-text.dt7 {
          right: -35px;
          top: 27px; }
        #securityTesting .circle .dot-text.dt6 {
          right: -35px;
          bottom: 40px; } }
  @media (min-width: 768px) {
    #securityTesting .circle {
      width: 392px;
      height: 402px;
      /*border: 1px dashed #ffffff;
      background-color: rgba(#4e5d67, 0.64);*/
      background: url("images/securite-testing-circle.png") no-repeat center;
      background-size: 99%;
      z-index: 2;
      position: absolute;
      top: 0;
      border-radius: 196px;
      left: 50%;
      margin-left: -196px; } }
  #securityTesting .row-text {
    margin-top: 20px;
    margin-bottom: 20px; }
  #securityTesting .main-row {
    margin: 30px auto;
    position: relative; }
    @media (min-width: 768px) {
      #securityTesting .main-row {
        width: 650px;
        margin: 129px auto 125px; } }
    @media (min-width: 1360px) {
      #securityTesting .main-row {
        width: auto; } }
    #securityTesting .main-row:before {
      content: '';
      width: 100%;
      top: 50%;
      left: 0;
      height: 10px;
      background: #ccc;
      position: absolute;
      margin-top: -15px;
      z-index: 111;
      display: none; }
      @media (min-width: 768px) {
        #securityTesting .main-row:before {
          display: block; } }
      @media (min-width: 1360px) {
        #securityTesting .main-row:before {
          display: none; } }
    #securityTesting .main-row div {
      position: relative;
      z-index: 1112; }
  @media (min-width: 768px) {
    #securityTesting .dot-text {
      position: absolute;
      color: #ffffff;
      font-size: 13px;
      letter-spacing: 0.3px;
      /*.dot {
          display: inline-block;
          font-size: 1.5rem;
          text-align: center;
          padding-left: 10px;
          padding-right: 10px;
      }*/ }
      #securityTesting .dot-text .text {
        display: inline-block; }
      #securityTesting .dot-text.dt1 {
        left: 125px;
        top: -33px; }
        #securityTesting .dot-text.dt1 .dot {
          display: block; }
        #securityTesting .dot-text.dt1 .text {
          display: block; }
      #securityTesting .dot-text.dt2 {
        left: -47px;
        top: 16px; }
      #securityTesting .dot-text.dt3 {
        left: 314px;
        top: 18px;
        width: 150px; }
      #securityTesting .dot-text.dt4 {
        top: 67px;
        left: -105px; }
      #securityTesting .dot-text.dt5 {
        top: 66px;
        left: 366px;
        width: 160px; }
      #securityTesting .dot-text.dt10 {
        left: 130px;
        bottom: -29px; }
        #securityTesting .dot-text.dt10 .dot {
          display: block; }
        #securityTesting .dot-text.dt10 .text {
          display: block; }
      #securityTesting .dot-text.dt9 {
        left: 316px;
        bottom: 23px;
        width: 189px; }
      #securityTesting .dot-text.dt8 {
        left: -60px;
        bottom: 23px; }
      #securityTesting .dot-text.dt7 {
        bottom: 68px;
        left: 364px;
        width: 170px; }
      #securityTesting .dot-text.dt6 {
        left: -76px;
        bottom: 69px; } }

#compliant {
  padding-top: 94px;
  padding-bottom: 96px; }
  #compliant h2 {
    color: #44525b;
    margin-bottom: 12px;
    margin-top: 16px;
    letter-spacing: 0.5px; }
  #compliant .oval {
    position: relative;
    width: 105px;
    height: 105px; }
  #compliant .tools-icon {
    display: inline-block;
    background: url(/images/compliant-icons.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    #compliant .tools-icon.icon-owasp {
      width: 59px;
      height: 58px; }
    #compliant .tools-icon.icon-pci {
      background-position: -71px -10px;
      width: 61px;
      height: 40px; }
    #compliant .tools-icon.icon-hipaa {
      background-position: -140px 0;
      width: 70px;
      height: 62px; }
  #compliant .section-heading {
    color: #44525b;
    letter-spacing: 0.5px;
    margin-bottom: 19px; }
  #compliant h3.section-heading {
    font-size: 20px;
    line-height: 22px;
    max-width: 866px;
    margin-left: auto;
    margin-right: auto; }
  #compliant .service-box {
	      max-width: 270px;
    margin-top: 11px; }
    #compliant .service-box p {
      margin: 0 0; }
  #compliant .text-muted {
    line-height: 19px; }



#incident {
  background-color: #f6f9fc;
  padding-top: 74px;
  padding-bottom: 39px; }
  #incident h1 {
    color: #44525b;
    letter-spacing: 0.61px;
    text-align: center; }
  #incident h2 {
    color: #44525b;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    margin-bottom: 9px; }
  #incident h3 {
    color: #44525b;
    letter-spacing: 0.67px;
    text-align: center;
    margin-top: 16px;
    line-height: 19px;
    max-width: 710px;
    margin-left: auto;
    margin-right: auto; }
  #incident p {
    max-width: 165px;
    line-height: 19px; }
  #incident .shield {
    margin-top: 39px; }
    @media (min-width: 768px) {
      #incident .shield {
        background: url(images/incident-bg.png) no-repeat center top;
        background-position-x: calc(50% + 11px); } }
  #incident .r1 {
    margin-top: 31px;
    margin-bottom: 10px; }
  #incident .r2 {
    margin-top: 38px; }
  #incident .r3 h2 {
    margin-top: 0; }
  @media (min-width: 768px) {
    #incident .block-left {
      padding-right: 122px; } }
  @media (min-width: 992px) {
    #incident .block-left {
      padding-right: 103px; } }
  @media (min-width: 1200px) {
    #incident .block-left {
      padding-right: 68px;
	  padding-left:15px;} }
  @media (min-width: 768px) and (max-width: 991px) {
    #incident .block-right {
      padding-left: 84px; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #incident .block-right {
      padding-left: 46px; } }
  #incident .align-left {
    margin-right: auto; }
  #incident .align-right {
    margin-left: auto; }
  #incident .align-center {
    margin-right: auto;
    margin-left: auto; }
  @media (max-width: 767px) {
    #incident h2, #incident p {
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
    #incident .r1, #incident .r2 {
      margin-bottom: 0;
      margin-top: 0; }
    #incident .r3 h2 {
      margin-top: 20px; } }


div#vulnerability {
    width: 184px;
    background-color: #fff;
    height: 144px;
    margin-left: auto;
    text-align: center;
    align-self: stretch;
    padding: 0 24px;
    padding-bottom: 5px !important;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



div#penetration {
    width: 184px;
    background-color: #fff;
    height: 144px;
    margin-right: auto;
	margin-left:35px;
    text-align: center;
    align-self: stretch;
    padding: 0 24px;
    padding-bottom: 5px !important;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}





#independent p, 
.col-lg-6.col-md-6.col-sm-6.text-left{
	    font-size: 14px;
    margin-bottom: 0em;
}
#independent h2{
    margin-top: 15PX;
    margin-bottom: 10px;
}

#independent .aq_hg {
	min-height:142px;
}
#independent  hr {
		    max-width: 84%;
}

#independent #hr2 hr {
	    margin-left: 8%;
		    max-width: 89%;
}



.l-qa-technology {
  position: relative;
}
  .l-qa-technology.l-mobile {
    display: block; }
    .l-qa-technology.l-mobile .l-more {
      text-align: right;
      font-size: 16px;
      color: #44515b;
      padding-left: 10px;
      font-weight: bold; }
    .l-qa-technology.l-mobile .container {
      height: 220px;
      overflow-x: scroll;
      white-space: nowrap;
      position: relative;
      padding-top: 10px; }
      .l-qa-technology.l-mobile .container:before {
        display: block;
        position: absolute;
        top: 100px;
        height: 3px;
        background: #69a6e2;
        content: '';
        width: 1400px;
        z-index: 2; }
      .l-qa-technology.l-mobile .container .panel {
        display: inline-block;
        height: 180px;
        width: 210px;
        margin-right: 30px;
        vertical-align: top;
        position: relative;
        z-index: 3; }
        .l-qa-technology.l-mobile .container .panel h2 {
          font-size: 16px;
          font-weight: bold;
          margin-top: 0 !important;
          padding-bottom: 30px; }
      .l-qa-technology.l-mobile .container .no-padding h2 {
        padding-bottom: 0 !important; }
    @media (min-width: 768px) {
      .l-qa-technology.l-mobile {
        display: none; } }
  .l-qa-technology.l-tablet {
    display: none; }
    @media (min-width: 768px) {
      .l-qa-technology.l-tablet {
        display: block; } }
    @media (min-width: 1024px) {
      .l-qa-technology.l-tablet {
        display: none; } }
    .l-qa-technology.l-tablet .col-sm-4 {
      padding: 0; }
      .l-qa-technology.l-tablet .col-sm-4.l-first-block .panel {
        float: right; }
      .l-qa-technology.l-tablet .col-sm-4 .panel {
        max-width: 200px; }
        .l-qa-technology.l-tablet .col-sm-4 .panel .panel-body {
          padding-left: 20px; }
        .l-qa-technology.l-tablet .col-sm-4 .panel h2 {
          margin-top: 0 !important;
          text-align: center;
          font-size: 20px; }
    .l-qa-technology.l-tablet .l-line-tablet-qa {
      height: 497px;
      background: url("images/lines-tablet-qa.png") no-repeat; }
  @media (min-width: 1024px) {
    .l-qa-technology {
      display: block; } }
  .l-qa-technology .navigation-row {
    display: block;
    position: absolute;
    top: 50%;
    width: 660px;
    height: 110px;
    z-index: 111;
    left: 154px;
    margin-top: -80px;
    background-size: cover !important; }
    @media (min-width: 1360px) {
      .l-qa-technology .navigation-row {
      left: 227px;
    margin-top: -76px;
    width: 727px;
    height: 105px;
    top: 50%;} }
  @media screen and (max-width: 1280px) {
    .l-qa-technology .second-row .panel-body .col-lg-6 {
      padding-right: 0 !important;
      padding-left: 10px; }
      .l-qa-technology .second-row .panel-body .col-lg-6:last-child {
        padding-left: 0; } }
  @media (min-width: 1024px) {
    .l-qa-technology .second-row {
      margin-top: 55px; } }



#independent {
  padding-top: 54px;
  padding-bottom: 80px; }
  #independent .section-heading, #independent h3, #independent h4 {
    color: #44525b; }
  #independent h3 {
    letter-spacing: 0.5px;
    line-height: 22px;
    font-size: 14px; }
    @media (min-width: 1024px) {
      #independent h3 {
        font-size: 16px; } }
  #independent h4 {
    letter-spacing: 0.7px; }
  #independent .material-icons {
    font-size: 12px; }
  #independent .sub-title {
    color: #5f697d; }
  #independent .line {
    background-color: rgba(236, 239, 243, 0.54);
    height: 5px; }
  #independent .rescue-row {
    margin-bottom: 15px;
    margin-top: 35px; }
  #independent .circle {
    display: inline-block;
    text-align: center; }
    #independent .circle .material-icons {
      font-size: 10px;
      color: #ffffff;
      font-weight: 500; }
    #independent .circle.circle-start {
      background: radial-gradient(17.5px, rgba(68, 81, 91, 0.27) 0, rgba(68, 81, 91, 0.27) 17.5px, transparent 18.5px), radial-gradient(12.5px, #a5adbb 0, #a5adbb 12.5px, transparent 13.5px);
      height: 35px;
      width: 35px;
      line-height: 35px; }
    #independent .circle.circle-next {
      width: 17px;
      height: 17px;
      background-color: #69a6e2;
      border-radius: 8.5px;
      line-height: 17px; }
    #independent .circle.circle-last {
      background: radial-gradient(17.5px, rgba(255, 109, 74, 0.27) 0, rgba(255, 109, 74, 0.27) 17.5px, transparent 18.5px), radial-gradient(12.5px, #ff6d4a 0, #ff6d4a 12.5px, transparent 13.5px);
      height: 35px;
      width: 35px;
      line-height: 35px; }
  #independent .panel {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    border-radius: 9px;
    border: none;
    color: #ffffff; }
    #independent .panel .panel-body {
      padding: 20px 10px 28px 10px; }
      #independent .panel .panel-body h2 {
        margin-top: 15px;
        letter-spacing: 0.75px; }
    #independent .panel.panel-default {
      background-color: #a5adbb; }
    #independent .panel.panel-primary {
      background-color: #69a6e2; }
    #independent .panel.panel-danger {
      background-color: #ff6d4a; }
  #independent .navigation-row {
    margin-bottom: 12px;
    background: url("images/central-line-qa.png") no-repeat center; }
    #independent .navigation-row .connection-line {
      border-left: 1px dashed rgba(165, 173, 187, 0.5);
      height: 25px;
      position: absolute;
      width: 1px; }
  #independent .second-row .panel-body {
    min-height: 150px;
    padding-bottom: 0;
    padding-top: 0; }
    #independent .second-row .panel-body h2 {
      margin-top: 33px;
      margin-bottom: 14px; }
  #independent .regression-row h4 {
    margin-top: 5px;
    letter-spacing: 0.7px; }
  #independent .first-block .connection-line {
    right: 50px;
    bottom: -15px; }
  #independent .first-block .circle-next {
    margin-right: 26px; }
  #independent .first-block .circle-start {
    margin-right: 80px; }
  #independent .second-block .circle-first {
    margin-right: 80px; }
  #independent .second-block .circle-second {
    margin-right: 25px; }
  #independent .second-block .connection-line {
    height: 40px; }
    #independent .second-block .connection-line.line-first {
      right: 150px;
      top: -20px; }
    #independent .second-block .connection-line.line-second {
      right: 47px;
      bottom: -40px; }
  #independent .third-block .circle-next {
    margin-right: 72px; }
  #independent .third-block .circle-last {
    margin-right: 17px; }
  #independent .third-block .connection-line {
    height: 30px;
    right: 152px;
    top: -20px; }




#covering {
  background-color: #44515b;
  padding-top: 60px;
  padding-bottom: 82px; }
  #covering .service-box {
    margin-top: 39px; }
    #covering .service-box h1 {
      margin-bottom: 17px; }
  #covering .tools-icon {
    background: url(images/covering-icons.png);
    display: inline-block;
    height: 59px;
    width: 79px; }
    #covering .tools-icon.icon-mobile {
      background-position: 0;
      width: 33px; }
    #covering .tools-icon.icon-web {
      background-position: -40px 0;
      width: 70px; }
    #covering .tools-icon.icon-desktop {
      background-position: -111px 0;
      width: 95px; }
  #covering .material-icons {
    font-size: 12px;
    margin-right: 5px; }
  #covering p {
    color: #ffffff;
    letter-spacing: 0.5px;
    line-height: 19px; }
    @media (min-width: 1360px) {
      #covering p {
        margin: 0 25px; } }
  #covering .ul-icons {
    text-align: left;
    display: inline-block; }
  #covering .border-left {
    border-left: 1px solid rgba(246, 249, 252, 0.09); }




#cto {
  padding-top: 25px;
  padding-bottom: 95px; }
  #cto h2 {
    color: #44525b;
    letter-spacing: 0.75px;
    line-height: 24px;
    margin-top: 3px; }
  #cto h3 {
	      margin: auto;
    color: #44525b;
    letter-spacing: 0.5px;
    line-height: 22px;
    margin-bottom: 6px;
    max-width: 825px; }
  #cto p {
    color: #989898;
    line-height: 19px;
    margin: 0 18px 18px 18px; }
  #cto .service-box {
    background-color: #ffffff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    padding: 25px 0; }
    @media (min-width: 768px) {
      #cto .service-box {
        min-height: 400px;
        max-width: 263px;
        padding: 25px 0 0 0; } }
    @media (min-width: 1360px) {
      #cto .service-box {
        box-shadow: none; }
        #cto .service-box:hover {
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); } }
  #cto .tools-icon.rs-icon-rocket {
    background-position: 0 -550px; }
  #cto .tools-icon.icon-statistic {
    background-position: -110px -550px; }
  #cto .tools-icon.icon-enterprise {
    background-position: -220px -550px; }






#lifeCycle {
  padding-top: 80px;
  padding-bottom: 79px;
  background-color: #44515b; }
  @media screen and (max-width: 780px) {
    #lifeCycle {
      text-align: center; }
      #lifeCycle .section-heading {
        font-size: 41px; }
      #lifeCycle .text-right, #lifeCycle .text-left {
        text-align: center !important; }
      #lifeCycle .col-sm-3 {
        padding-bottom: 30px; } }
  #lifeCycle h1, #lifeCycle h2, #lifeCycle h3, #lifeCycle p {
    color: #ffffff; }
  #lifeCycle h3 {
    letter-spacing: 0.5px;
    line-height: 22px;
    margin-top: 16px; }
  #lifeCycle h2 {
    margin-top: 0;
    padding-top: 8px;
    margin-bottom: 6px;
    letter-spacing: 0.75px;
    line-height: 29px;
    white-space: nowrap;
    overflow: hidden; }
    #lifeCycle h2.bottom {
      margin-bottom: 11px; }
  #lifeCycle p {
    line-height: 19px; }
  #lifeCycle .eye {
    background: url(images/eye-mobile.png) no-repeat top;
    padding-top: 160px; }
    @media (min-width: 780px) {
      #lifeCycle .eye {
        background: url(images/eye.png) no-repeat center;
        margin-top: 24px;
        height: 392px;
        padding-top: 0; } }
    @media (min-width: 780px) {
      #lifeCycle .eye .spacer {
        padding-top: 84px; } }
    #lifeCycle .eye .testing {
      padding-top: 22px; }
  @media (max-width: 780px) {
    #lifeCycle .text-right {
      text-align: left; } }




#whyIntegrate .oval .sow-icon {
    padding-top: 24px;
}

#whyIntegrate {
  padding-top: 5px;
  padding-bottom: 33px; }
  #whyIntegrate h1 {
    margin-bottom: 13px; }
  #whyIntegrate h2 {
    color: #44525b;
    letter-spacing: 0.75px;
    line-height: 29px;
    margin-top: 10px; }
  #whyIntegrate .text-muted {
    line-height: 19px; }
  #whyIntegrate .material-icons {
    font-size: 45px; }
    #whyIntegrate .material-icons.mi-library_books {
      color: #e7995e; }
    #whyIntegrate .material-icons.mi-gps_fixed {
      color: #8dc2f6; }
    #whyIntegrate .material-icons.mi-build {
      color: #f67573; }
    #whyIntegrate .material-icons.mi-forward {
      color: #82cd83; }
  #whyIntegrate .section-heading {
    font-size: 41px;
    max-width: 560px;
    color: #44525b;
    display: inline-block; }





#section5 {
  padding-top: 30px;
  padding-bottom: 82px; }
  #section5 h1 {
    color: #44525b;
    font-size: 44px;
    letter-spacing: 0.54px;
    line-height: 41px; }
  #section5 h4 {
    color: #44525b;
    letter-spacing: 0.5px; }
  #section5 h2 {
    color: #44525b;
    letter-spacing: 0.75px;
    line-height: 24px;
    margin-top: 8px; }
  #section5 .text-muted {
    color: #989898;
    font-size: 12px;
    line-height: 19px;
    font-weight: 500; }
  #section5 .material-icons {
    font-size: 70px;
    color: #fc553a; }






  @media (min-width: 768px) {
#blend .material-icons {
    font-size: 50px;
}
	  
	  body #blend .sub-header {
	      font-weight: 600;
	}	  
	  
	  
	  #blend .container {
		  max-width:1070px;
		  margin:auto;
	  }

	  .bicon_1 {
    margin: 14px 15px 0 0;
}
	  #blend ul {
    display: inline;
    margin-left: 20px;
    -webkit-padding-start: 0px;
		      margin: 0 auto;
		      margin-top: 9px;
		      height: 20px;
}
	  body #blend .sub-header {
		      height: 20px;
		      display: flex;
	  } 
	  #blend .blend_col {
    display: inline-flex;
}
	  #blend ul li {
    padding-left: 22px;
    font-size: 12px;
    line-height: 19px;
		      margin-left:15px;
}
}






#appDev {
  background-color: #44515b;
  position: relative;
  padding-top: 26px;
  padding-bottom: 46px; }
  #appDev .container {
    text-align: center;
    max-width: 360px;
    margin: 0 auto;
    position: relative;
    z-index: 112; }
    @media (min-width: 1024px) {
      #appDev .container {
        max-width: 100%;
        text-align: left; } }
    #appDev .container .web-app {
      padding-bottom: 50px; }
      @media (min-width: 1024px) {
        #appDev .container .web-app {
          padding-bottom: 0; } }
  @media screen and (max-width: 1023px) {
    #appDev {
      text-align: center; } }
  #appDev h1 {
    letter-spacing: 0.61px;
    font-family: 'Muli', sans-serif;
    font-weight: 500;
    line-height: 41px;
    margin-bottom: 16px; }
  #appDev p {
    color: #a5adba;
    letter-spacing: 0.5px;
    margin-bottom: 16px; }

 @media (min-width:768px) and (max-width: 1079px) {
    #appDev .web-app, #appDev .mobile-app {
      padding-left: 30px; } }
  @media (min-width: 1080px) {
    #appDev .web-app, #appDev .mobile-app {
      padding-left: 80px; } }
  #appDev .text-muted {
    line-height: 19px;
    letter-spacing: 0.5px; }
  #appDev .btn-default {
    color: #ffffff;
    width: 165px;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 22px;
    border-radius: 100px;
    border-width: 3px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.69);
    background-color: rgba(255, 255, 255, 0.46); }
    #appDev .btn-default:hover {
      background: transparent;
      border: 3px solid rgba(255, 255, 255, 0.31); }
  #appDev .apple {
    position: absolute;
    top: 25px;
    width: 100%; }
    @media (min-width: 768px) {
      #appDev .apple .mac {
        background: url(/images/macbook-half.png) no-repeat;
        width: 320px;
        height: 431px;
        margin-top: 80px; } }
    @media (min-width: 1024px) {
      #appDev .apple .mac {
        margin-top: 0; } }
    @media (min-width: 768px) {
      #appDev .apple .iphone {
        background: url(/images/iphone-half.png) no-repeat;
        width: 201px;
        height: 441px;
        margin-top: 80px; } }
    @media (min-width: 1024px) {
      #appDev .apple .iphone {
        margin-top: 0; } }

#clientFocus {
  padding-top: 85px;
  padding-bottom: 54px; }
  #clientFocus h1 {
    color: #44525b;
    letter-spacing: 0.54px; }
  #clientFocus h3 {
    color: #44525b;
    letter-spacing: 0.5px; }
  #clientFocus h2 {
    color: #44525b;
    letter-spacing: 0.75px;
    line-height: 29px;
    margin-bottom: 8px; }
  #clientFocus ul {
    padding-left: 21px;
    text-align: left;
    line-height: 19px;
    font-size: 12px; }
    #clientFocus ul li {
      padding-left: 13px; }
  #clientFocus .service-box {
    margin-top: 33px; }
    #clientFocus .service-box .oval {
      width: 103px;
      height: 103px;
      border-radius: 103px; }
      #clientFocus .service-box .oval i {
        line-height: 103px; }
  #clientFocus .material-icons {
    font-size: 45px; }
    #clientFocus .material-icons.mi-assistant {
      color: #e7995e; }
    #clientFocus .material-icons.mi-insert_chart {
      color: #8dc2f6; }
    #clientFocus .material-icons.mi-home {
      color: #f67573; }









@media (max-width:767px) {
#deliverables_tabs  .vertical .soua-tabs {
	display: block;
 
    padding: 5px;
    width: 100%;
}

	div#deliverables .section-heading {
		        font-size: 25px;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: 'Muli', sans-serif;
	}
	div#deliverables	.container, div#deliverables .vertical, #deliverables_tabs .vertical .soua-tabs {
		padding:0;
	}
	
	div#deliverables {
    background-color: #6292c5;
}
	
	
	.tab_content h2 {
    color: #44525b;
		}
	body#page-top, button, input, select, optgroup, textarea {
		    font-size: 14px;
	}

#deliverables_tabs .so-widget-tabs .soua-tab ul.soua-tabs.active a
	{
		    color: #ffffff;
    background-color: #ff6d4a;
		    font-size: 16px;
	}
	#deliverables_tabs .so-widget-tabs ul.soua-tabs.active li.current a {
		   background-color:#f26340;
	}


}


@media (min-width: 768px)  and (max-width:900px) {
#deliverables_tabs .so-widget-tabs .vertical {
    width:760px;
}
	
	#deliverables {
    padding-top:0px;
}
	
	div#deliverables_tabs {
    HEIGHT: 637PX;
}
	
	div#deliverables_tabs {
    margin-left: 0px;
}

	#deliverables_tabs .so-widget-tabs .vertical .soua-tabs 
	{
		    display: block;
		    min-width: 570px;
    margin:0 0 10px 0;
		    position: relative;
	}
	
	
	
}


 @media (min-width:768px)  and (max-width:995px)  {
div#deliverables_tabs {
    margin-left: -130px;
}

	#deliverables_tabs  .container {
    width: 99%;
}

}
	 
	 

  @media (min-width:768px) {
	  
	  
	  
	#deliverables_tabs  .container {
    width: 966px;
}
	  
#deliverables_tabs .so-widget-tabs .vertical
{
	    width: 988px;
}

#deliverables_tabs .so-widget-tabs .vertical .soua-tabs li {
	min-height:50px;
}

#deliverables_tabs .tab_content h2 {
color: #44525b;
    letter-spacing: 0.61px;
    font-weight: 600;
    font-family: 'Muli', sans-serif;
    letter-spacing: 0.6px;
    padding-right: 56px;
    line-height: 21px;
    padding-bottom: 15px;
    margin-top: 0;
}

#deliverables_tabs .tab_content  ul {
    padding-left: 15px;
    margin-left: 5px;
    margin-bottom: 12px;
}

 #deliverables_tabs .tab_content  ul li {
    padding-left: 10px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.5px;
}


#deliverables_tabs .so-widget-tabs  ul.soua-tabs.active li.current a {
	background-image: url(images/arrow.png);
	    opacity:1;
}

#deliverables_tabs .so-widget-tabs  .soua-tab  ul.soua-tabs.active a {
	
	    opacity: 0.5;
	color: #ffffff;
    background-color: #ff6d4a;
    margin: 0;
    padding: 14px 10px  14px 25px;
    display: inline-block;
        text-align: left;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    text-decoration: none;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.7px;
    font-weight: 600;
    font-family: 'Muli', sans-serif;
	}

#deliverables_tabs .so-widget-tabs .vertical .tab_content .tabs_item {
	overflow-y: auto;
    max-height: 365px;
	    font-size: 12px;
}

#deliverables_tabs .so-widget-tabs .vertical .soua-tabs {
	
	    background-color: #ff6d4a;
    display: table-cell;
    min-width: 239px;
	width: 239px;
    vertical-align: top;
    position: absolute;
    overflow: hidden;
    margin: 86px 0 0 0;
	left:70px;

    z-index: 999;
    padding: 0;
    
}

#deliverables_tabs .so-widget-tabs .vertical .tab_content {
	    padding: 40px 110px 80px 130px;
    background: url(images/apple-macbook-air-13-.png) no-repeat;
    height: 491px;
    float: right;
    width: 798px;
    position: relative;
    display: table-cell;
    vertical-align: top;
   
}
div#deliverables_tabs {
    HEIGHT: 407PX;
}

#deliverables {
  background: url("images/deliverables-bg.png") no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-bottom: 0;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 35px; }
	  
}  
	  
  @media (min-width: 768px) {
    #deliverables {
      margin-top: 60px;
      padding-top: 69px;
      margin-bottom: 90px; } }
  #deliverables .deliverables-inner {
    position: relative; }
    @media (min-width: 768px) {
      #deliverables .deliverables-inner {
        bottom: -70px; } }
  @media (max-width: 1199px) {
    #deliverables {
      margin-top: 22px; } }
  @media (max-width: 991px) {
    #deliverables {
      margin-top: 70px; } }
  #deliverables .section-heading {
    font-size: 22px;
    margin-bottom: 23px;
    letter-spacing: 0.7px; }
    @media (min-width: 768px) {
      #deliverables .section-heading {
		      margin-top: 50px;
        font-size: 44px;
        margin-bottom:30px; } }
  #deliverables .mi-arrow {
    background-color: #f26240;
    float: right;
    margin-right: -17px; }
  #deliverables .deliverables-container {
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: hidden;
    position: relative; }
    @media (max-width: 767px) {
      #deliverables .deliverables-container {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        display: none; } }
    #deliverables .deliverables-container.l-mobile {
      display: block; }
      @media (min-width: 768px) {
        #deliverables .deliverables-container.l-mobile {
          display: none; } }
      #deliverables .deliverables-container.l-mobile #accordion1 {
        background: #ff6d4a;
        margin-bottom: 0;
        text-align: center; }
        #deliverables .deliverables-container.l-mobile #accordion1 .panel.panel-default {
          display: inline-block;
          background: transparent;
          border-radius: 0;
          border: none;
          margin-top: 0; }
          #deliverables .deliverables-container.l-mobile #accordion1 .panel.panel-default .panel-heading {
            background: transparent;
            color: #ffffff;
            font-size: 16px;
            font-weight: normal;
            padding: 0;
            text-decoration: none; }
            #deliverables .deliverables-container.l-mobile #accordion1 .panel.panel-default .panel-heading panel-title {
              padding: 10px 14px;
              display: block;
              background: #f26340; }
            #deliverables .deliverables-container.l-mobile #accordion1 .panel.panel-default .panel-heading a.collapsed {
              color: rgba(255, 255, 255, 0.5) !important;
              background: #ff6d4a; }
            #deliverables .deliverables-container.l-mobile #accordion1 .panel.panel-default .panel-heading a {
              padding: 10px 14px;
              display: block;
              background: #f26340; }
              #deliverables .deliverables-container.l-mobile #accordion1 .panel.panel-default .panel-heading a:hover, #deliverables .deliverables-container.l-mobile #accordion1 .panel.panel-default .panel-heading a:focus {
                text-decoration: none;
                color: #fff; }
      #deliverables .deliverables-container.l-mobile #bodyContentMobile .panel {
        margin-bottom: 0;
        border: 0;
        border-radius: 0; }
        #deliverables .deliverables-container.l-mobile #bodyContentMobile .panel h2 {
          color: #44525b; }
      @media (min-width: 768px) {
        #deliverables .deliverables-container.l-mobile #bodyContentMobile .panel-collapse.collapse {
          height: 500px !important; } }
  #deliverables #accordion {
    margin-top: 86px;
    min-width: 239px;
    margin-right: -130px;
    z-index: 10; }
    #deliverables #accordion h2 {
      background-color: #ff6d4a;
      margin: 0;
      padding: 20px 17px; }
    #deliverables #accordion .panel {
      background-color: #ff6d4a;
      margin-top: 0;
      border: none;
      border-radius: 0;
      line-height: 21px; }
      #deliverables #accordion .panel .panel-heading {
        background-color: #ff6d4a;
        padding: 0;
        padding-left: 15px; }
      #deliverables #accordion .panel .panel-body {
        border: none;
        background-color: #f26240;
        color: #ffffff; }
    #deliverables #accordion :first-child.panel {
      padding-top: 18px; }
    #deliverables #accordion :last-child.panel {
      padding-bottom: 18px; }
    #deliverables #accordion .panel-title {
      color: #ffffff;
      background-color: #ff6d4a;
      margin: 0;
      padding: 14.5px 10px;
      display: inline-block;
      background-image: url(images/arrow.png);
      background-repeat: no-repeat;
      background-position-y: center;
      background-position-x: right;
      text-decoration: none;
      width: 100%;
      font-size: 16px;
      letter-spacing: 0.7px;
      font-weight: 600;
      font-family: 'Muli', sans-serif; }
      #deliverables #accordion .panel-title:hover {
        color: #ffffff; }
      #deliverables #accordion .panel-title.collapsed {
        background-image: none;
        opacity: 0.5; }
  @media (min-width: 768px) {
    #deliverables .mac-row {
      height: 491px;
      max-width: 798px;
      }
      #deliverables .mac-row .background-container {
        position: absolute;
        z-index: 1; }
        #deliverables .mac-row .background-container .background {
          background: url(images/apple-macbook-air-13-.png) no-repeat;
          height: 491px;
          width: 798px;
          position: relative; }
      #deliverables .mac-row #bodyContent {
        padding-top: 34px;
        padding-right: 108px;
        padding-left: 140px;
        position: relative;
        z-index: 2; }
        #deliverables .mac-row #bodyContent h2 {
          color: #44525b;
          letter-spacing: 0.61px;
          font-weight: 600;
          font-family: 'Muli', sans-serif;
          letter-spacing: 0.6px;
          padding-right: 56px;
          line-height: 21px;
          padding-bottom: 24px;
          margin-top: 15px; }
        #deliverables .mac-row #bodyContent .panel {
          margin-bottom: 0;
          border-radius: 0;
          background-color: transparent;
          border: none; }
          #deliverables .mac-row #bodyContent .panel .panel-body {
            overflow-y: auto;
            max-height: 384px; } }
    @media (min-width: 768px) and (max-width: 767px) {
      #deliverables .mac-row #bodyContent {
        padding-right: 0; } }
  @media (min-width: 768px) {
      #deliverables .mac-row .panel {
        box-shadow: none; }
        #deliverables .mac-row .panel ul {
          padding-left: 15px;
          margin-left: 5px;
          margin-bottom: 12px; }
          #deliverables .mac-row .panel ul li {
            padding-left: 10px;
            font-size: 12px;
            line-height: 16px;
            letter-spacing: 0.5px; }
        #deliverables .mac-row .panel p {
          padding-left: 8px;
          line-height: 16px;
          padding-bottom: 6px;
          letter-spacing: 0.5px; } }
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  

  #ba .ba-row {
    padding-bottom: 60px; }
  #ba .page-title {
    max-width: 798px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    padding-bottom: 33px;
    line-height: 22px; }
    @media (max-width: 991px) {
      #ba .page-title {
        margin-bottom: 0;
        padding-bottom: 0; } }
  #ba h2 {
    color: #44525b;
    letter-spacing: 0.75px; }
  #ba h3 {
    color: #44525b;
    letter-spacing: 0.5px; }
  #ba p {
    color: #989898;
    line-height: 19px;
    margin-bottom: 18px; }
  #ba .service-box {
    max-width: 263px;
    min-height: 345px;
    background-color: #ffffff;
    border: 1px solid #a6a8a9;
    padding: 20px 23px 10px 16px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    /*@media (min-width: 768px) {
            min-height: 402px;
        }*/ }
    @media (min-width: 1360px) {
      #ba .service-box {
        box-shadow: none; }
        #ba .service-box:hover {
          box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
          border: 1px solid transparent; } }
    @media (min-width: 1200px) {
      #ba .service-box {
        margin-top: 0;
        margin-bottom: 0; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #ba .service-box {
        margin-bottom: 50px; } }
    #ba .service-box h2 {
      margin-top: 0px;
      line-height: 28px;
      margin-bottom: 13px;
      font-family: RobotoMedium; }
    #ba .service-box ul {
      text-align: left;
      padding-left: 20px;
      margin-left: 5px; }
      #ba .service-box ul li {
        padding-left:5px;
        font-size: 12px;
        line-height: 19px; }
  #ba .tools-icon.rs-icon-target {
    background-position: 0 -220px; }
  #ba .tools-icon.rs-icon-settings {
    background-position: -110px -220px; }
  #ba .tools-icon.rs-icon-document {
    background-position: -220px -220px; }
  #ba .tools-icon.rs-icon-chat {
    background-position: 0 -330px; }
  #ba .tools-icon.rs-icon-archive {
    background-position: -110px -330px; }
  #ba .tools-icon.rs-icon-cup {
    background-position: -220px -330px; }
  #ba .panel {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    border-radius: 9px;
    border: none;
    color: #ffffff; }
    #ba .panel.panel-default {
      background-color: #a5adbb; }
    #ba .panel.panel-primary {
      background-color: #69a6e2; }
    #ba .panel.panel-danger {
      background-color: #ff6d4a; }
  #ba .navigation-row {
    background: url("images/deliverables-cicles.png") no-repeat center;
    position: relative;
    height: 87px;
    /*.connection-line {
            border-left: 1px dashed rgba(#a5adbb, 0.5);
            height: 25px;
            width: 1px;
        }*/ }
    @media (max-width: 1199px) {
      #ba .navigation-row {
        display: none; } }


#numbers {
  background-color: #f6f9fc;
  padding-top: 0;
  padding-bottom: 13px; }
  #numbers h1 {
    letter-spacing: 3.05px;
    color: #a6a8a9;
    display: inline-block;
    margin-bottom: 4px;
    font-family: AvenirHeavy;
    font-size: 40px !important; }
  #numbers .first-element h1 {
    padding-top: 30px !important;
    line-height: 1; }
    @media screen and (min-width: 505px) {
      #numbers .first-element h1 {
        padding-top: 0 !important; } }
  #numbers .first-element .percent {
    top: 23px !important; }
  #numbers h5 {
    color: #a6a8a9;
    margin-top: 0;
    letter-spacing: 0.31px;
    line-height: 14px;
    font-weight: 800; }
  #numbers h2 {
    color: #a6a8a9;
    display: inline-block;
    position: relative;
    top: -12px; }
  #numbers .sli-icons,
  #numbers .fa,
  #numbers .material-icons {
    color: #959799;
    font-size: 24px;
    font-weight: 400;
    left: -4px;
    position: relative;
    top: -8px; }
  #numbers .sli-icons {
    font-size: 20px;
    top: -10px; }
  #numbers .service-box {
    margin: 10px auto 0; }
    #numbers .service-box > div {
      position: relative; }
    #numbers .service-box .percent {
      font-size: 22px;
      position: absolute;
      top: 4px;
      color: #a6a8a9; }
  @media (min-width: 1360px) {
    #numbers .separator {
      position: absolute;
      right: 0;
      top: 22px;
      width: 2px;
      height: 38px;
      border: 1px solid rgba(166, 168, 169, 0.56); } }

#cto {
  background-color: #fff; }
  #cto .section-heading {
    margin-bottom: 0; }
  #cto h1 {
    color: #242526;
    letter-spacing: 0.61px;
    line-height: 50px;
    font-weight: 700; }
    @media (min-width: 768px) {
      #cto h1 {
        margin-bottom: 31px; } }
  #cto h2 {
    margin-top: 4px;
    margin-bottom: 13px;
    color: #44525b;
    letter-spacing: 0.75px; }
  #cto p {
    color: #989898;
    line-height: 19px;
    margin-bottom: 18px; }
  #cto .service-box {
    max-width: 263px;
    padding: 25px 9px; }
    #cto .service-box:hover {
      background-color: #ffffff;
      box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
      transition: all 0.5s; }
  #cto .tools-icon.rs-icon-rocket {
    background-position: 0 -440px; }
  #cto .tools-icon.icon-statistic {
    background-position: 110px -440px; }
  #cto .tools-icon.icon-enterprise {
    background-position: 220px -440px; }

#lifecycle {
  padding-top: 73px;
  padding-bottom: 108px;
  background-color: #69a6e2; }
  #lifecycle h1 {
    letter-spacing: 0.61px;
    line-height: 41px; }
  #lifecycle h3 {
    padding-top: 13px;
    margin-bottom: 32px;
    letter-spacing: 0.57px;
    font-size: 20px; }
    @media (min-width: 1360px) {
      #lifecycle h3 {
        font-size: 35px; } }
  #lifecycle p {
    line-height: 19px;
    color: #ffffff; }
  #lifecycle .service-box h2 {
    margin-top: 10px;
    letter-spacing: 0.75px;
    line-height: 29px; }
  #lifecycle .r2 .service-box {
    margin-top: 63px; }
  #lifecycle .material-icons {
    font-size: 40px; }
    #lifecycle .material-icons.mi-library_books {
      color: #e7995e; }
    #lifecycle .material-icons.mi-gps_fixed {
      color: #8dc2f6; }
    #lifecycle .material-icons.mi-build {
      color: #f67573; }
    #lifecycle .material-icons.mi-forward {
      color: #82cd83; }
    #lifecycle .material-icons.mi-lock {
      color: #e5d17b; }
    #lifecycle .material-icons.mi-explore {
      color: #e98d8d; }
    #lifecycle .material-icons.mi-settings {
      color: #b491c8; }
    #lifecycle .material-icons.mi-people {
      color: #7fd7d1; }


#contactForm label {
    color: #959799;
    font-weight: 500;
    font-size: 10px;
    font-family: 'Muli', sans-serif;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 5px;
}

#contactForm {
    padding: 64px 0 71px 0;
}

@media (min-width: 1200px) {
	.header-content-inner {
    padding-top: 40px;
}

#contactForm .col-input-right {
    padding-right: 27.5px;
}
	#contactForm .col-input-left {
    padding-left: 27.5px;
}
}
#services {
  padding-top: 0;
  padding-bottom: 25px; }
  @media (min-width: 768px) {
	  #services .service-box {
	 max-width: 280px;
	  }
    #services {
      padding-top: 46px;
      padding-bottom: 99px; } }
  #services h3 {
    margin-bottom: 9px;
    font-size: 16px; }
  #services h2 {
    color: #44525b;
    line-height: 28px;
    margin-bottom: 15px;
    letter-spacing: 0.6px; }
  #services .material-icons {
    font-size: 45px; }
    #services .material-icons.mi-library_books {
      color: #e7995e; }
    #services .material-icons.mi-gps_fixed {
      color: #8dc2f6; }
    #services .material-icons.mi-build {
      color: #f67573; }
  #services .section-heading {
    max-width: 600px;
    color: #44525b;
    display: inline-block;
    letter-spacing: 0.44px; }
  #services .service-box {
	 
	  padding: 0 9px;
   
	      text-align: center;
    margin: 12px auto 0; }
    @media (max-width: 992px) {
      #services .service-box {
		  
        margin: 12px auto 0; } }
    #services .service-box p {
      margin: 0;
      line-height: 19px; }
  #services .oval {
    width: 105px;
    height: 105px;
    border-radius: 105px; }
    #services .oval i {
      line-height: 105px; }
  #services .paddinf-half > div {
    padding-right: 7px !important;
    padding-left: 7px !important; }

#billing {
  background-color: #69a6e2;
  padding: 10px 0 60px; }
  @media (min-width: 1360px) {
    #billing {
      padding: 103px 0 125px; } }
  #billing p {
    color: #ffffff;
    letter-spacing: 0.5px;
    line-height: 19px;
    margin-bottom:18px; }
  #billing .btn-default {
    letter-spacing: 0.5px;
    text-transform: uppercase; }
  #billing .btn {
    font-weight: normal; }
  #billing .border-right {
    border-right: 1px solid rgba(246, 249, 252, 0.36); }
  @media (max-width: 992px) {
    #billing .border-right1 {
      border-right: none; } }
  @media (max-width: 1200px) {
    #billing .border-right2 {
      border-right: none; } }








#map {
  background-position: right -38px !important;
  background-image: url(images/map-phone.png);
  background-repeat: no-repeat;
  background-size: auto !important;
  padding: 24px 0 35px 0; }
  #map h1 {
    letter-spacing: 0.61px;
    line-height: 30px;
    color: #242526;
    font-size: 24px;
    padding-right: 30px; }
  #map p {
    color: #747474;
    letter-spacing: 0.5px;
    line-height: 19px;
    padding-top: 3px; }
  @media screen and (min-width: 768px) {
    #map {
      background-position: right top !important;
      padding: 50px 0;
      background-image: url(images/map-ipad.png);
      background-size: cover !important;
      background-repeat: no-repeat; }
      #map h1 {
        font-size: 44px;
        line-height: 50px; }
      #map p {
        width: 340px; } }
  @media screen and (min-width: 1024px) {
    #map {
      padding: 105px 0 50px 0;
      background-image: url(images/map-bg.png);
      background-size: contain !important;
      height: 434px; }
      #map p {
        width: 100%; } }



#vendor {
  background-size: 100% 100%;
  background-position: left top;
  background-image: url(images/vendor-bg.png);
  min-height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  color: #ffffff;
  padding-top: 75px; 

}
  #vendor:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: rgba(67, 111, 170, 0.7); }
  #vendor .mi-stars {
    font-size: 120px; }
  #vendor h1 {
    letter-spacing: 0.61px;
    line-height: 41px;
    padding-top: 23px;
    font-family: 'Muli', sans-serif;
    font-weight: 500; }
    #vendor h1 .vendor {
      font-weight: 600;
      font-family: 'Muli', sans-serif; }
  #vendor p {
    letter-spacing: 0.5px;
    line-height: 19px;
    margin: 20px 0 23px 0;
    padding-left: 20px;
    padding-right: 20px; }
  #vendor .btn-default {
    border-radius: 35px;
    padding: 17px 41px;
    border: 3px solid #ffffff;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.46); }
    #vendor .btn-default:hover {
      background: none; }

#strengths {
  padding-top: 30px;
  padding-bottom: 57px; }
  #strengths .container {
    margin-top: 30px;
    margin-bottom: 30px; }
  #strengths h1 {
    color: #44525b;
    letter-spacing: 0.54px; }
  #strengths h3 {
    color: #44525b;
    letter-spacing: 0.5px;
    margin-top: 22px; }
  #strengths h2 {
    color: #44525b;
    letter-spacing: 0.75px;
    margin-top: 3px;
    margin-bottom: 17px; }
  #strengths .text-muted {
    color: #989898;
    font-size: 12px;
    line-height: 19px;
    font-weight: 500; }
  #strengths .material-icons {
    font-size: 70px;
    color: #fc553a; }







	 .lsow-service {
	     max-width: 400px;
	     width: 280px;
	     min-height: 270px;
	     padding: 25px 20px;
	     height: 270px;
	     margin: 20px auto 0;
	 }

	 #ourservices {
	   padding-top: 54px;
	   padding-bottom: 0;
	   background-color: #69a6e2; }
	   #ourservices h1 {
		
	     letter-spacing: 0.54px;
	     line-height: 41px;
	     margin-bottom: 17px; }
	   #ourservices h3 {
	     letter-spacing: 0.5px; }
	     #ourservices h3.section-heading {
	       max-width: 866px;
	       line-height: 22px;
	       margin-right: auto;
	       margin-left: auto; }
	   #ourservices p {
	     line-height: 19px;
	     color: #ffffff;
	     letter-spacing: 0.5px;
	     margin-left: auto;
	     margin-right: auto; }
	     @media (min-width: 768px) {
	       #ourservices p {
	         width: 309px; } }
	   #ourservices .c1 h3 {
	     padding-top: 6px;
	     line-height: 22px; }
	   #ourservices .c2 {
	     margin-top: 23px;
	     /*.second-row {
	         .service-box {
	             margin-top: 45px;
	         }

	         h2 {
	             margin-top: 14px;
	             margin-bottom: 11px;
	         }
	     }*/ }
	     #ourservices .c2 h2 {
	       margin-top: 27px;
	       letter-spacing: 0.75px;
	       line-height: 29px;
	       margin-bottom: 21px; }
	     #ourservices .c2 .service-box {
	       height: 359px;
	       min-height: 359px;
	       max-height: 359px;
	       margin: 0 auto; }
	     #ourservices .c2 .cell1 .service-box {
	       padding-top: 25px; }
	     #ourservices .c2 .cell1 h2 {
	       /*margin-bottom: 20px;*/ }
	     #ourservices .c2 .cell2 .service-box {
	       padding-top: 25px; }
	     #ourservices .c2 .cell2 h2 {
	       /*margin-bottom: 20px;*/ }
	     @media (min-width: 1200px) {
	       #ourservices .c2 .cell3 .service-box {
	         padding-top: 25px; } }
	     #ourservices .c2 .cell3 h2 {
	       margin-top: 14px;
	       margin-bottom: 5px;
	       max-width: 362px;
	       margin-right: auto;
	       margin-left: auto; }
	   #ourservices .fa {
	     font-size: 40px; }
	     #ourservices .fa.fa-download {
	       color: #bae3a0; }
	     #ourservices .fa.fa-users {
	       color: #b4d7de; }
	     #ourservices .fa.fa-road {
	       color: #f8b99f; }
	     #ourservices .fa.fa-shield {
	       color: #e4bbea; }
	     #ourservices .fa.fa-bar-chart {
	       color: #c4b2e8; }
	     #ourservices .fa.fa-desktop {
	       color: #e3e594; }

	 #thirdparty {
	   padding-top: 56px;
	   padding-bottom: 55px; }
	   #thirdparty h1 {
	     color: #44525b;
	     letter-spacing: 0.54px;
	     padding-bottom: 40px; }
	   #thirdparty h2 {
	     color: #44525b;
	     letter-spacing: 0.75px; }
	   #thirdparty .c1 h1 {
	     margin-bottom: 1px; }
	   #thirdparty .c2 h2 {
	     margin-top: 15px;
	     margin-bottom: 12px;
	     line-height: 24px;
	     font-family: RobotoMedium; }
	   #thirdparty .fa {
	     color: #ff6d4a;
	     font-size: 70px; }
	   #thirdparty .material-icons {
	     color: #ff6d4a;
	     font-size: 70px; }
	   #thirdparty .rs-icon-timer {
	     display: block; }
	   #thirdparty ul {
	     padding-left: 30px;
	     margin-left: auto;
	     margin-right: auto; }
	     @media (min-width: 768px) {
	       #thirdparty ul {
	         max-width: 222px; } }
	     #thirdparty ul li {
	       font-size: 14px;
	       line-height: 19px;
	       padding-left: 10px; }
	       @media (min-width: 768px) {
	         #thirdparty ul li {
	           font-size: 12px; } }
	     @media (min-width: 768px) {
	       #thirdparty ul.ul2 {
	         max-width: 188px; } }
	     @media (min-width: 768px) {
	       #thirdparty ul.ul3 {
	         max-width: 222px; } }
	     @media (min-width: 768px) {
	       #thirdparty ul.ul4 {
	         max-width: 188px; } }

	 #supportLevels {
	   padding-top: 60px;
	   padding-bottom: 107px;
	   background-color: #44515b; }
	   #supportLevels h1 {
	     letter-spacing: 0.54px; }
	   #supportLevels h3 {
	     letter-spacing: 0.5px; }
	   #supportLevels .c1 h3 {
	     margin-top: 15px; }
	   #supportLevels .level {
	     font-size: 150px;
	     line-height: 150px;
	     letter-spacing: 2.56px;
	     color: #747e91;
	     font-weight: 600;
	     font-family: 'Muli', sans-serif;
	     display: -webkit-box;
	     display: -ms-flexbox;
	     display: flex;
	     position: relative;
	     z-index: 9; }
	     @media (min-width: 1024px) {

				 .menu-main-container li {
					width: auto;
				}

	       #supportLevels .level {
	         padding-left: 29px; } }
	     @media (min-width: 1024px) {
	       #supportLevels .level.level3 {
	         padding-left: 20px; } }
	     #supportLevels .level .level-text {
	       font-size: 44px;
	       line-height: 150px;
	       letter-spacing: 2.56px;
	       position: absolute;
	       left: 100px; }
	       @media (min-width: 1024px) {
	         #supportLevels .level .level-text {
	           left: 130px; } }
	       #supportLevels .level .level-text.l1 {
	         margin-top: -2px;
	         margin-left: -24px; }
	       #supportLevels .level .level-text.l2 {
	         margin-top: -2px;
	         margin-left: -3px; }
	       #supportLevels .level .level-text.l3 {
	         margin-top: -2px;
	         margin-left: -3px; }
	   #supportLevels .levels {
	     margin-top: 15px; }
	   #supportLevels .col-content {
	     margin-left: auto;
	     margin-right: auto; }
	     @media (min-width: 1024px) {
	       #supportLevels .col-content {
	         max-width: 261px;
	         min-width: 261px; } }
	   #supportLevels .service-box {
	     margin: 0;
	     padding: 20px 0;
	     font-size: 14px;
	     line-height: 19px;
	     position: relative;
	     z-index: 10; }
	     @media (min-width: 768px) {
	       #supportLevels .service-box {
	         font-size: 12px; } }
	     #supportLevels .service-box ul {
	       margin-bottom: 0;
	       text-align: left;
	       width: 100%; }
	       @media (min-width: 768px) {
	         #supportLevels .service-box ul {
	           padding-left: 27px;
	           max-width: 240px;
	           width: 240px; } }
	       #supportLevels .service-box ul li {
	         padding-left: 10px;
	         color: #ffffff; }
	     #supportLevels .service-box.l1 {
	       box-shadow: 0 2px 23px rgba(0, 0, 0, 0.09);
	       background-color: #727d90;
	       padding-top: 20px;
	       margin-top: -27px;
	       padding-bottom: 23px; }
	     #supportLevels .service-box.l2 {
	       box-shadow: 0 2px 23px rgba(0, 0, 0, 0.09);
	       background-color: #ff6d4a;
	       padding-top: 16px;
	       margin-top: -42px;
	       padding-bottom: 23px; }
	       #supportLevels .service-box.l2 ul {
	         width: 100%; }
	         @media (min-width: 768px) {
	           #supportLevels .service-box.l2 ul {
	             max-width: 215px;
	             width: 215px;
	             padding-left: 45px; } }
	     #supportLevels .service-box.l3 {
	       box-shadow: 0 2px 23px rgba(0, 0, 0, 0.09);
	       background-color: #69a6e2;
	       padding-top: 19px;
	       margin-top: -57px;
	       padding-bottom: 16px; }
	       #supportLevels .service-box.l3 ul {
	         padding-left: 35px; }

	 #cooperation {
	   background-color: #f6f9fc;
	   padding: 20px 0; }
	   @media (min-width: 768px) {
	     #cooperation {
	       padding-top: 73px;
	       padding-bottom: 92px; } }
	   #cooperation h1 {
	     color: #44525b;
	     letter-spacing: 0.61px; }
	   #cooperation h2 {
	     color: #44525b;
	     letter-spacing: 0.75px; }
	   #cooperation h3 {
	     color: #44525b;
	     letter-spacing: 0.67px; }
	   #cooperation .c1 h3 {
	     margin-top: 16px;
	     line-height: 19px; }
	   #cooperation .col-content {
	     max-width: 280px;
	     width: 100%;
	     letter-spacing: 0.2px; }
	     @media (min-width: 1024px) {
	       #cooperation .col-content {
	         max-width: 280px;
	         min-width: 280px; } }
	     #cooperation .col-content p {
	       line-height: 19px;
	       margin-bottom: 6px; }
	     #cooperation .col-content.left-col {
	       margin-left: auto;
	       margin-right: 109px;
	       margin-top: 13px;
	       padding-right: 48px; }
	       @media (max-width: 991px) {
	         #cooperation .col-content.left-col {
	           margin-left: auto;
	           margin-right: auto;
	           margin-top: 13px;
	           padding: 0; } }
	     #cooperation .col-content.right-col {
	       margin-right: auto;
	       margin-left: 152px;
	       margin-top: 23px;
	       padding-left: 16px; }
	       #cooperation .col-content.right-col p {
	         margin-bottom: 19px; }
	       @media (max-width: 991px) {
	         #cooperation .col-content.right-col {
	           margin-left: auto;
	           margin-right: auto;
	           margin-top: 13px;
	           padding: 0; } }
	   #cooperation .material-icons {
	     font-size: 12px; }
	   #cooperation .ul-icons {
	     text-align: left;
	     display: inline-block; }
	     #cooperation .ul-icons .icon-check {
	       padding-right: 4px; }
	     #cooperation .ul-icons > span {
	       line-height: 14px;
	       font-size: 14px;
	       display: inline-block;
	       margin-bottom: 16px; }
	       @media (min-width: 768px) {
	         #cooperation .ul-icons > span {
	           font-size: 12px; } }
	   @media (min-width: 768px) {
	     #cooperation .shield {
	       min-height: 296px;
	       background: url(images/clock@2x.png) no-repeat center top;
	       background-size: 25%;
	       margin-top: 30px; } }
	   #cooperation .r1 {
	     margin-top: 20px;
	     margin-bottom: 10px; }
	   #cooperation .r2 {
	     margin-top: 50px; }
	   #cooperation .r3 h2 {
	     margin-top: 0; }

	 #bridge {
	   padding: 10px 0;
	   height: 535px; }
	   @media (min-width: 768px) {
	     #bridge {
	       background: url("images/bridge-bg.png") no-repeat scroll left top; } }
	   #bridge h1 {
	     color: #44525b;
	     letter-spacing: 0.61px;
	     font-family: 'Muli', sans-serif;
	     font-weight: 500;
	     margin-top: 0;
	     margin-bottom: 14px;
	     padding-top: 30px; }
	     @media (min-width: 768px) {
	       #bridge h1 {
	         padding-top: 0;
	         line-height: 45px; } }
	   #bridge p {
	     color: #44525b;
	     letter-spacing: 0.5px;
	     line-height: 19px;
	     display: inline-block;
	     max-width: 655px; }
	   #bridge .ul-icons {
	     text-align: left;
	     display: inline-block;
	     font-size: 14px;
	     padding-bottom: 15px;
	     padding-top: 3px;
	     padding-left: 4px; }
	     @media (min-width: 768px) {
	       #bridge .ul-icons {
	         font-size: 12px; } }
	     #bridge .ul-icons i {
	       padding-right: 12px; }
	     #bridge .ul-icons .material-icons {
	       font-size: 12px;
	       margin-right: 15px; }
	     #bridge .ul-icons > span {
	       line-height: 22px;
	       letter-spacing: 0.5px; }

				 .tools-icon {
				   width: 100px;
				   height: 100px;
				   display: inline-block;
				   background: url(images/icons-100x100.png); }

				 .bg-primary {
				   padding: 183px 0 132px 0;
				   background-size: cover; }
				   .bg-primary .parallax-background {
				     background-image: url("images/maintenance-bg.png"); }
				   .bg-primary h1 {
				     letter-spacing: 0.13px;
				     line-height: 57px; }

				 #challenges {
				   padding-top: 48px;
				   padding-bottom: 81px; }
				   #challenges h1 {
				     color: #242526;
				     letter-spacing: 0.61px;
				     line-height: 50px; }
				   #challenges h2 {
				     color: #44525b;
				     letter-spacing: 0.75px; }
						 .lsow-heading.lsow-style3.lsow-aligncenter {
    max-width: 800px;
}
				   #challenges h3 {
				     color: #44525b;
				     letter-spacing: 0.5px; }
				   #challenges p {
				     color: #989898;
				     line-height: 19px; }
				   #challenges .c2 {
				     margin-top: 9px; }
				   #challenges .service-box {
				     margin-top: 29px;
				     background-color: #ffffff;
				     padding: 25px 20px 20px 20px;
				     min-height: 270px;
				     height: 270px;
				     box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
				     max-height: 270px; }
				     @media (min-width: 1360px) {
				       #challenges .service-box {
				         box-shadow: none; }
				         #challenges .service-box:hover {
				           box-shadow: 0 0 12px rgba(0, 0, 0, 0.15); } }
				     #challenges .service-box h2 {
				       margin-top: 2px;
				       margin-bottom: 15px;
				       letter-spacing: 0.6px;
				       font-family: RobotoMedium; }
				     #challenges .service-box p {
				       margin: 0; }
				   #challenges .tools-icon.icon-business {
				     background-position: 0 -110px; }
				   #challenges .tools-icon.icon-expertise {
				     background-position: -110px -110px; }
				   #challenges .tools-icon.icon-functionality {
				     background-position: -220px -110px; }






/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	
	margin: 0.5em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}



#ourservices {
    padding-top: 54px;
    padding-bottom: 0;
    background-color: #69a6e2;
}
#ourservices h1 {
    letter-spacing: 0.54px;
    line-height: 41px;
    margin-bottom: 17px;
}

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




footer.site-footer {
    background: url(/images/rs-logo-footer-1x.png) no-repeat scroll 104px 0%, #1b3141;
    padding-bottom: 0;
    padding-top: 38px;
    float: left;
    width: 100%;
}


#contact hr {
    background-color: rgba(93, 93, 93, 0.4) !important;
}



.btn-big,  .btn-grey-border {
    color: #ffffff;
    font-family: 'Muli', sans-serif;
    font-weight: 500;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.34);
    border: solid 3px rgba(255, 255, 255, 0.46);
    padding: 9px;

}

div#content .btn-big {
	color: #ffffff;
}

.widget.widget_nav_menu ul li a {
    font-family: 'Muli', sans-serif;
		    letter-spacing: 0;
}

@media (max-width: 1020px) {
	.menu-main-container li {
		width: 100%;
}
}

@media (max-width: 768px) {

ul#primary-menu {

}
a.btn.btn-warning.navbar-btn.m-free-analysis {
    display: grid;
}
div#bs-example-navbar-collapse-1 {
    padding: 10px 35px 10px 10px;
}


button.navbar-toggle.l-burger-menu.menu-toggle {
    font-size: 24px;
    color: #fff;
    font-weight: 100;
    font-family: 'Muli', sans-serif;
}

.menu-main-container ul li:hover > ul, .menu-main-container ul li.focus > ul.sub-menu {
    position: relative;
    width: auto;
		    z-index: 999999;
    background-color: #222222ad;
}


li.dropdown.open .dropdown:hover .dropdown-menu {
     display: block;
}

li.dropdown.open .dropdown:hover .dropdown-menu {
     display: block;
}


}






/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;

	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {

}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.top-bar {

		  width: 100%;
}



ul#primary-menu
{
	padding-top: 0;
	float: left;
	margin: 0;
	padding-left: 0;
  list-style: none;
	font-weight: 700;
font-family: 'Muli', sans-serif;

	}
	ul#primary-menu:before {
		display: table;
content: " ";
	}
	@media (min-width: 768px) {

	.menu .nav-menu > li {
	    float: left;
	}}


	.nav > li {
	    position: relative;
	    display: block;

	}

	@media screen and (min-width: 768px) {
.menu .nav-menu > li > a, .navbar-default .nav > li > a:focus {
    color: white;
}}
.menu .nav-menu > li > a, .navbar-default .nav > li > a:focus {
    text-transform: uppercase;
    font-size: 12px;
    color: white;
    padding-bottom: 5px;
    padding-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: 0.7px;
}


@media (min-width: 768px) {

	.menu-main-container li.current-menu-item:after
	 {


	 }
 .nav-menu > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}}
.nav-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}
.menu  > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
		text-transform: uppercase;
    font-size: 12px;
    color: white;
		letter-spacing: 0.7px;
		    line-height: 20px;

}

.menu  > li > a:hover {    color: #69a6e2 !important;}



#primary-menu {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.menu-main-container ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.menu-main-container ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.menu-main-container ul ul ul {
	left: -999em;
	top: 0;
}

.menu-main-container ul ul li:hover > ul,
.menu-main-container ul ul li.focus > ul {
	left: 100%;
}

.menu-main-container ul ul a {
	width: 200px;
}

.menu-main-container ul li:hover > ul, .menu-main-container ul li.focus > ul {
    display: block;
    position: absolute;
    width: auto;
    background-color: #222222;
    padding: 14px 24px;
    left: auto;
    float: left;
    min-width: 160px;
    top: 100%;
    border: 1px solid rgba(0, 0, 0, .15);
    margin: -5px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    left: 0;
    z-index: 1000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    font-weight: 700;
    font-family: 'Muli', sans-serif;
}

.menu-main-container ul.sub-menu li a {
	color: #fff;
letter-spacing: 0.5px;
font-size: 14px;
display: inline-block;
font-weight: normal;
    line-height: 40px;
padding: 0 !important;
}


.menu-main-container > ul#primary-menu > li.current-menu-item:after {
    content: "";
    height: 4px;
    width: calc(100% - 30px);
    padding-right: 15px;
    vertical-align: top;
    margin-right: 15px;
    margin-left: 15px;

    margin-top: -6px;
    display: inline-block;
    background-color: #69a6e2;
}


.menu-main-container ul.sub-menu li a:hover {

	text-decoration: underline;
}

ul#primary-menu > li.menu-item-has-children > a:after {
    font-family: FontAwesome;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    content: "\f107";
    line-height: 1;
    position: absolute;
		color: #fff !important;
    margin-left: 6px;
    margin-top: 4px;
}


.widget_nav_menu ul.menu {
    padding: 0;
    margin: 0;
		    list-style: none;
}
.widget_nav_menu ul.menu > li > a  {
    padding: 0;
		    text-transform: none;
				    letter-spacing: 0.3px;
}


.menu-main-container > ul.sub-menu > li {
    line-height: 40px;
}

.menu-main-container li {

	float: left;
	position: relative;
}

.menu-main-container a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.menu-main-container.toggled ul {
	display: block;
}

@media screen and (min-width: 1020px) {
	.menu-toggle {
		display: none;
	}
	.menu-main-container ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

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

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}