/*------------------------------------ Desktop CSS ---------------------------------------------*/
    #int-num { display:none; color: #b0113c; font-size:15px; }
    #int-num-mob { display:none;}
    #int-num-mob-uk { display:none; }
    .wsmobileheader{display:none;}
    .overlapblackbg{ display:none; }
    .bigmegamenu{ position:relative; }
    .wsmenu{
    /*  color:#fff;*/
      font-size:13px;
      padding:0px;
      width:100%;
      -webkit-border-radius:2px 2px 2px 2px;
      -moz-border-radius:2px 2px 2px 2px;
      border-radius:2px 2px 2px 2px;}

    .wsmenu-list{
      text-align:left;
      margin:0 auto 0 auto;
      width:100%;
      display: table;
      padding:0px;}

    .wsmenu-list > li{
      text-align:center;
      display: table-cell;}

    .wsmenu-list li:first-child a{
      -webkit-border-radius:2px 2px 2px 2px;
      -moz-border-radius:2px 2px 2px 2px;
      border-radius:2px 2px 2px 2px;
      font-weight: 300;
      }

    .wsmenu-list li:last-child a{
      -webkit-border-radius:2px 2px 2px 2px;
      -moz-border-radius:2px 2px 2px 2px;
      border-radius:2px 2px 2px 2px;
      border-right:0px solid;
      }

    .wsmenu-list > li > a .fa{
      display: inline-block;
      font-size:14px;
      line-height:inherit;
      margin-right:4px; }

    .wsmenu-list li ul li a .fa.fa-angle-double-right{ font-size:12px; margin: 0 3px 0 -4px;}

    .wsmenu-list li a .arrow:after {
        border-left: 4px solid rgba(0, 0, 0, 0);
        border-right: 4px solid rgba(0, 0, 0, 0);
        border-top: 4px solid #b3b3b3;
        content: "";
        float: right;
        height: 0;
        margin: 0 0 0 9px;
        position: absolute;
        text-align: right;
        top: 22px;
        width: 0;}

    .wsmenu-list > li > a{
      display:block;
      color: #8C8888;
      /*padding:0px 14px; */
      line-height:48px;
      text-decoration:none;
      position:relative;
      font-size: 1.2em;}

    .wsmenu-list li a:hover .arrow:after{ border-top-color:#b3b3b3}
    .wsmenu-list li a.active .arrow:after{ border-top-color:#b3b3b3}
    .wsmenu-list li:hover>a .arrow:after{ border-top-color:#b3b3b3}

    .megamenu iframe{width:100%; margin-top:10px; min-height:200px; }
    .megamenu video{ width:100%; margin-top:10px;  min-height:200px;}

    /*For megamenu desktop */
    .wsmenu-list li:hover .megamenu{opacity:1;}
    .megamenu{
      width:100%;
      left:0px;
      position:absolute;
      top:48px;
      color:#000;
      z-index:100000;
      margin:0px;
      text-align:left;
      padding:14px;
      padding-bottom: 20px;
      font-size:15px;
      border:solid 1px #eeeeee;
      background-color:#f5f5f5;
      opacity: 0;
      -o-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
      -moz-transform-origin: 0% 0%;
      -webkit-transform-origin: 0% 0%;
      -o-transition: -o-transform 0.3s, opacity 0.3s;
      -ms-transition: -ms-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;}

    .megamenu .title{
    /*  border-bottom:1px solid #CCC;*/
      font-size:14px;
      padding:9px 5px 9px 0px;
      font-size:1.5em;
      color:#00458C;
      margin-bottom:7px;
      text-align:left;
      height:39px;
      font-weight: 300;
      }

    .link-list li{
      display:block;
      text-align:center;

      text-align:left;}

    .link-list li a{
      line-height:18px;
      border-right:none;
      text-align:left;
      padding:6px 0px;
    /*  background:#fff !important;*/
      background-image:none !important;
      color: #7D7B7B !important;
      border-right: 0 none !important;
      display:block;
      border-right:1px solid #e7e7e7;
    /*  background-color:#fff;*/
      color:#424242;}

    .link-list .fa{font-size:11px;}

    .megacollink{width:23%; float:left; margin:0% 1%;}
    .megacollink li{
      display:block;
      text-align:center;
      white-space:nowrap;
      text-align:left;}
    .megacollink li a{
      line-height:18px;
      border-right:none;
      text-align:left;
      padding:8px 0px;
      background:#fff !important;
      background-image:none !important;
      color: #666666 !important;
      border-right: 0 none !important;
      display:block;
      border-right:1px solid #e7e7e7;
      background-color:#fff;
      color:#424242;}
    .megacollink .fa{font-size:11px;}

    .megacolimage{width:31.33%; float:left; margin:0% 1%;}
    .typographydiv{width:100%; margin:0% 0%;}
    .typographylinks{width:25%; float:left; margin:0% 0%;}
    .mainmapdiv{ width:100%; display:block; margin:0% 0%; }

    .wsmenu-list .ad-style{width:28%; float:right;}
    .wsmenu-list .ad-style a{border:none !important; padding:0px !important; margin:0px !important; line-height:normal !important; background-image:none !important;}
    .mobile-sub .megamenu .ad-style a:hover{ background-color:transparent !important; }
    .wsmenu-list .megamenu  li:hover>a{background:transparent !important;}
    .wsmenu-list .megamenu  li a:hover{background:transparent !important; text-decoration:underline;}
    .wsmenu-list .megamenu li .fa {  margin-right:5px;    text-align: center;    width: 18px;}
    .mrgtop{ margin-top:15px; }
    .show-grid div{padding-bottom: 10px; padding-top: 10px; background-color:#dbdbdb; border: 1px solid #e7e7e7; color:#6a6a6a; margin:2px 0px;}


    /*For halfmenu */
    .halfmenu{
      width:40%;
      right:auto !important;
      left:auto !important;}

    .halfmenu .megacollink{
      width:48%;
      float:left;
      margin:0% 1%;}
    /*For halfmenu */


    /*Form for desktop */
    .halfdiv{
      width:35%;
      right:0px !important;
      left:auto;}

    .menu_form{width:100%; display:block;}
    .menu_form input[type="text"]{
      width:100%;
      border:1px solid #e2e2e2;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
      border-radius:4px;
      color:#000;
      font-size:13px;
      padding:8px 5px;
      margin-bottom:8px;
      }
    .menu_form textarea{
      width:100%;
      border:1px solid #e2e2e2;
      border-radius:5px;
      color:#000;
      font-size:13px;
      padding:8px 5px;
      margin-bottom:8px;
      min-height:122px;}

    .menu_form input[type="submit"]{width:25%; display:block; height:28px; float:right;  border:solid 1px #ccc; margin-right:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
    .menu_form input[type="button"] {width:25%; display:block; height:28px; float:right; border:solid 1px #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

    .megamenu .left.carousel-control{ padding-top:20%; }
    .megamenu .right.carousel-control{ padding-top:20%; }
    .carousel-inner .item img{ width:100%; }
    .megamenu .carousel-caption{
      bottom:0px;
      background-color:rgba(0,0,0,0.7);
        font-size: 13px;
        height: 31px;
        left: 0;
        padding: 7px 0;
        right: 0;
        width: 100%;}

    /*Animation*/
    .wsmenu-list li > .wsmenu-submenu{
      transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform: rotateX(-75deg);
      -o-transform: rotateX(-75deg);
      -moz-transform: rotateX(-75deg);
      -webkit-transform: rotateX(-75deg);
      visibility:hidden;
        }

    .wsmenu-list li:hover > .wsmenu-submenu{
      transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -webkit-transform: rotateX(0deg);
        opacity: 1;
      visibility:visible;
      }

    .wsmenu-submenu li > .wsmenu-submenu-sub{
      transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform: rotateX(-75deg);
      -o-transform: rotateX(-75deg);
      -moz-transform: rotateX(-75deg);
      -webkit-transform: rotateX(-75deg);
      visibility:hidden;
      }

    .wsmenu-submenu li:hover > .wsmenu-submenu-sub{
      transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -webkit-transform: rotateX(0deg);
        opacity: 1;
      visibility:visible;
      }

    .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{
      transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform: rotateX(-75deg);
      -o-transform: rotateX(-75deg);
      -moz-transform: rotateX(-75deg);
      -webkit-transform: rotateX(-75deg);
      visibility:hidden;
      }

    .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{
      transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -webkit-transform: rotateX(0deg);
        opacity: 1;
      visibility:visible;
      }


    .wsmenu-list li > .megamenu{
      transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -webkit-transform-style: preserve-3d;
      transform: rotateX(-75deg);
      -o-transform: rotateX(-75deg);
      -moz-transform: rotateX(-75deg);
      -webkit-transform: rotateX(-75deg);
      visibility:hidden;
      }

    .wsmenu-list li:hover > .megamenu{
      transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -webkit-transform: rotateX(0deg);
        opacity: 1;
      visibility:visible;
      }


    /* Submenu CSS */
    .wsmenu-submenu{
      position:absolute;
      top: 48px;
      z-index:1000;
      margin:0px;
      padding:2px;
      border:solid 1px #eeeeee;
      background-color:#fff;
      opacity: 0;
      -o-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
      -moz-transform-origin: 0% 0%;
      -webkit-transform-origin: 0% 0%;
      -o-transition: -o-transform 0.3s, opacity 0.3s;
      -ms-transition: -ms-transform 0.3s, opacity 0.3s;
      -moz-transition: -moz-transform 0.3s, opacity 0.3s;
      -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;}

    .wsmenu-submenu li a {
      background:#fff !important;
      background-image:none !important;
      color: #666666 !important;
      border-right: 0 none !important;
      text-align:left;
      display:block;
      line-height:22px;
      padding:6px 12px;
      text-transform:none;
      font-size:13px;
      letter-spacing:normal;
      border-right:0px solid;}

    .wsmenu-submenu li{position:relative; margin:0px; padding:0px;}

    .wsmenuexpandermain{display:none;}

    .wsmenu-list li:hover .wsmenu-submenu{display:block;}

    .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub{min-width:220px; position:absolute; left:90%; top:0; margin:0px; padding:0px;
      opacity: 0;
      -o-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
      -moz-transform-origin: 0% 0%;
      -webkit-transform-origin: 0% 0%;
      -o-transition: -o-transform 0.4s, opacity 0.4s;
      -ms-transition: -ms-transform 0.4s, opacity 0.4s;
      -moz-transition: -moz-transform 0.4s, opacity 0.4s;
      -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;}

    .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{opacity:1; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
    .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub{display:block;}
    .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub{
      min-width:220px; position:absolute; left:90%; top:0; margin:0px; padding:0px;
      opacity: 0;
      -o-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
      -moz-transform-origin: 0% 0%;
      -webkit-transform-origin: 0% 0%;
      -o-transition: -o-transform 0.4s, opacity 0.4s;
      -ms-transition: -ms-transform 0.4s, opacity 0.4s;
      -moz-transition: -moz-transform 0.4s, opacity 0.4s;
      -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;}

    .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{opacity:1; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
    .wsmenu-submenu li{position:relative; padding:0px; margin:0px; display:block;}
    .wsmenu-click{display:none;}
    .wsmenu-click02{display:none;}

    /* Default Theme */
    .wsmenu-list li > a { color: #00458c; }
    .wsmenu-list li:hover>a{/*background-color:rgba(0,0,0,0.08) !important;*/ color:#b21741; text-decoration:none;}
    .wsmenu-list > li > a:hover {/*background-color:rgba(0,0,0,0.08) !important; */ text-decoration:none;}
    .wsmenu-list > li > a.active{/*background-color:rgba(0,0,0,0.08) !important;*/ text-decoration:none; }
    .wsmenu-submenu > li > a:hover {/*background-color:rgba(0,0,0,0.08) !important; */border-radius:0px!important; text-decoration:none;  text-decoration:none;}

    /* Service menu theme */
    .wsmenu-list li > a { color: #00458c; }
    .wsmenu-list li:hover>a{text-decoration:none;}
    .wsmenu-list li.qr:hover>a{background-color: #d46933 !important; color:#ffffff; text-decoration:none;}
    .wsmenu-list li.ta:hover>a{background-color: #b68854 !important; color:#ffffff; text-decoration:none;}
    .wsmenu-list li.br:hover>a{background-color: #13718B !important; color:#ffffff; text-decoration:none;}
    .wsmenu-list li.ip:hover>a{background-color: #02B9B5 !important; color:#ffffff; text-decoration:none;}
    .wsmenu-list li.ir:hover>a{background-color: #F89F5D !important; color:#ffffff; text-decoration:none;}
    .wsmenu-list li.pr:hover>a{background-color: #5E7849 !important; color:#ffffff; text-decoration:none;}
    .wsmenu-list li.va:hover>a{background-color: #DF6D55 !important; color:#ffffff; text-decoration:none;}
    .wsmenu-list li.pps:hover>a{background-color: #fab913 !important; color:#ffffff; text-decoration:none;}
    .wsmenu-list > li > a:hover {text-decoration:none;}
    .wsmenu-submenu > li > a:hover { border-radius:0px!important; text-decoration:none; }

    .typography-text { padding:0px 0px; font-size:15px;}
    .typography-text p{ text-align:justify; line-height:24px; color:#656565;}
    .typography-text ul li{ display:block; padding:2px 0px; line-height:22px;}
    .typography-text ul li a{color:#656565;}
    .hometext{display:none;}
    .wsmenu-submenu .fa{ margin-right:7px;}

    .ttmenu__subheadline{
      font-size: 20px;
    }

    @media only screen and (min-width:780px) and (max-width:1064px) {
    .wsmenu-list > li > a > .fa { display:none !important;}
    .hometext{ display:block !important;}
    .wsmenu{ width:100%; font-size:13px !important; position:relative;}
    .bigmegamenu{ position:static !important; }
    .wsmenu-list li a { white-space:nowrap !important; padding-left:4px !important; padding-right:10px !important;}
    .megacollink {width:48%; margin:1% 1%;}
    .typographylinks{width:48%; margin:1% 1%;}


    }

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

      .wsmenu__list__item a {
        color: #7A7D80 !important;
      }

      .menu_form input[type="text"] {
        padding: 0;
        ::-webkit-input-placeholder { color:#f00; font-size: 8px; }
        ::-moz-placeholder { color:#f00; font-size: 8px; } /* firefox 19+ */
        :-ms-input-placeholder { color:#f00;  font-size: 8px;} /* ie */
        input:-moz-placeholder { color:#f00;  font-size: 8px;}
      }

      .menu_form input[type="submit"] {
        width: 100% !important;
        margin-right: 0;
      }

    }

    /* Custom Styles */

    /* MENU TABBED */

    .nav-pills {
        margin-top: 6px;
    }
    .nav-pills > li {
      float: none;
      margin-top:0;
      cursor: pointer;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .nav-pills > li > a {
      border-radius: 0;
      cursor: pointer !important;
      border:0 !important;
      position: relative;
      font-weight: bold !important;
      text-transform: uppercase !important;
      margin-right: 0;
    }
    .nav-pills > li > a:after{
        content: "\f105";
        color:#1a1a1a;
        font-family: 'FontAwesome';
        display:block;
        right:10px;
        width:0;
        position:absolute;
        height:0;
        top:13px;
        margin-top:0;
        margin-right:10px;
    }

    .wsmenu .nav-pills > li:hover > a:after {
      color: #FFFBFB;
    }

    .tabbed-pill.active:hover > a {
      color: #fff !important;
      text-decoration: none !important;

    }

    .tabbed-pill.active:hover {
      background-color: #034883 !important;
    }

    .tab-content p  {
      color: #756060;
    }

    .wsmenu .btn-primary {
      background-color: transparent;
      color: grey;
      border-color: grey;
      display: inline-block;
      margin-top: 10px;
    }

    .wsmenu-submenu--right {
      left:170px;
      width: 100%;
    }

    /* Typography */

    .wsmenu__list__item {
      border-bottom: 1px dotted #C1BEBE;
      padding: 0.5em 0;
    }
    }
    .wsmenu__list__item a {
      font-weight: 300;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 30px 0px 30px 10px !important;
        font-size: 14px !important;
    }
    @media only screen and (min-width: 781px) {

    .wsmenu-list li:hover > .wsmenu-submenu{display:block !important;}
    .wsmenu-submenu li:hover > .wsmenu-submenu-sub{display:block !important;}
    .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{display:block !important;}
    .wsmenu-list li:hover > .megamenu{display:block !important;}

    }


    /*------------------------------------ Mobile CSS ---------------------------------------------*/
    @media only screen and (max-width: 780px) {
    .wsoffcanvasopener .wsmenu {
      right:0px;
      -webkit-transition:all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      }


    .wsmobileheader{
      display:block !important;
      position:relative;
      top:0;
      right:0;
      left:0;
      -webkit-transition:all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;

      }


    .wsmenu-list > li:hover>a{background-color:rgba(0,0,0,0.08) !important; text-decoration:none;}
    .hometext{ display:inline-block !important; }
    .megacollink {width:96% !important; margin:0% 2% !important; }
    .megacolimage{width:90% !important; margin:0% 5% !important;}
    .typographylinks{width:98% !important; margin:0% 1% !important;}
    .typographydiv{width:86% !important; margin:0% 7% !important;}
    .mainmapdiv{width:90% !important; margin:0% 5% !important; }

    .overlapblackbg{
      left:0;
      z-index:102;
      width:100%;
      height:100%;
      position:fixed;
      top:0;
      display:none;
      background-color:rgba(0, 0, 0, 0.45);
      cursor:pointer;}

    .wsoffcanvasopener .overlapblackbg{display:block !important;}

    /* Default Theme */
    .wsmenu-submenu > li:hover>a{ background-color:#7b7b7b; color:#666666;}
    .wsmenu > .wsmenu-list > li > a.active{color: #666666; background-color:rgba(0,0,0,0.08);}
    .wsmenu > .wsmenu-list > li > a:hover{ color: #666666; background-color:rgba(0,0,0,0.08);}

    .wsmenu-list li:hover .wsmenu-submenu{display:none ;}
    .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub{display:none;}
    .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub{display:none; list-style:none; padding:2px; border:solid 1px #eeeeee; background-color:#fff;}
    .wsmenu-list li:first-child a{-webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px;}
    .wsmenu-list li:last-child a{-webkit-border-radius:0px 4px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; border-right:0px solid;}

    .innerpnd{ padding:0px !important; }
    .typography-text { padding:10px 0px; }

    .wsmenucontainer{
      overflow: hidden;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      min-height:800px;
      -webkit-transition:all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;}



    /* Mobile click to drop arrow */
    .wsmenu-click {
      height:43px;
      position:absolute;
      top:0;
      right:0;
      display:block;
      cursor:pointer;
      width:100%;
      }

    .wsmenu-click i{
      display:block;
      height:23px;
      width:25px;
      margin-top:11px;
      margin-right:8px;
      background-size:25px;
      font-size:21px;
      color:rgba(0,0,0,0.25);
      float:right;
      }


    .wsmenu-click02 {
      height:43px;
      position:absolute;
      top:0;
      right:0;
      display:block;
      cursor:pointer;
      width:100%;
      }

    .wsmenu-click02 i{
      display:block;
      height:23px;
      width:25px;
      margin-top:11px;
      margin-right:8px;
      background-size:25px;
      font-size:21px;
      color:rgba(0,0,0,0.25);
      float:right;
      }

    .ws-activearrow > i{transform: rotate(180deg);}

    .wsmenu-rotate{
      -webkit-transform:rotate(180deg);
      -moz-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
      -o-transform:rotate(180deg);
      transform:rotate(180deg);}

    /*2nd UL Style*/
    .wsmenu-submenu-sub{
      width:100% !important;
      position:static !important;
      left:100% !important;
      top:0 !important;
      display:none;
      margin:0px !important;
      padding:0px !important;
      border:solid 0px !important;
      transform:none !important;
      opacity:1 !important;
      visibility:visible !important;
      }

    .wsmenu-submenu-sub li{
      margin:0px 0px 0px 0px !important;
      padding:0px;
      position:relative;}

    .wsmenu-submenu-sub a{
      display:block;
      padding:10px 25px 10px 25px;
      border-bottom:solid 1px #ccc;
      font-weight:normal;}

    .wsmenu-submenu-sub li a.active{color:#000 !important;}

    .wsmenu-submenu-sub li:hover>a{ background-color:#333333 !important; /*color:#fff;*/}

    .wsmenu-list > li > a .fa{margin-right:6px;}

    .wsmenu-submenu-sub-sub{
      width:100% !important;
      position:static !important;
      left:100% !important;
      top:0 !important;
      display:none;
      margin:0px !important;
      padding:0px !important;
      border:solid 0px !important;
      transform:none !important;
      opacity:1 !important;
      visibility:visible !important;
      }

    .wsmenu-submenu-sub-sub li{
      margin:0px 0px 0px 0px !important;}

    .wsmenu-submenu-sub-sub a{
      display:block;
      color:#000;
      padding:10px 25px;
      background:#000 !important;
      border-bottom:solid 1px #ccc;
      font-weight:normal;}

    .wsmenu-submenu-sub-sub li a.active{ color:#000 !important;}
    .wsmenu-submenu-sub-sub li:hover>a{ background-color:#606060 !important; /*color:#fff;*/}
    .wsmenu{position: relative;}

    .wsmenu .wsmenu-list{
      height:100%;
      overflow-y:auto;
      display:block !important;}

    .wsmenu .wsmenu-list > li{
      width:100%;
      display:block;
      float:none;
      border-right:none;
      background-color:transparent;
      position:relative;
      white-space:inherit;}

    .wsmenu > .wsmenu-list > li > a{
      padding:9px 32px 9px 17px;
      font-size:14px;
      text-align:left;
      border-right:solid 0px;
      background-color:transparent;
      color:#666666;
      line-height:25px;
      border-bottom:1px solid;
      border-bottom-color:rgba(0,0,0,0.13);
      position:static;
      }

    .wsmenu > .wsmenu-list > li > a > .fa{font-size: 16px; color:#bfbfbf;}
    .wsmenu .wsmenu-list li a .arrow:after{ display:none !important; }
    .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right{ font-size:12px !important; color:#8E8E8E; }

    .mobile-sub .wsmenu-submenu{
      transform:none !important;
      opacity:1 !important;
      display:none;
      position:relative !important;
      top:0px;
      background-color:#fff ;
      border:solid 1px #ccc;
      padding:0px;
      visibility:visible !important;
      }

    .mobile-sub .wsmenu-submenu li a{
      line-height:20px;
      height:36px;
      background-color:#e7e7e7 !important;
      font-size:13px !important;
      padding:8px 0px 8px 18px;
      color:#8E8E8E;}

    .mobile-sub .wsmenu-submenu li a:hover{ background-color:#e7e7e7  !important; color:#666666; text-decoration:underline; }
    .mobile-sub .wsmenu-submenu li:hover>a{ background-color:#e7e7e7 !important; color:#666666; }
    .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a{line-height:20px; height:36px; background-color:#e7e7e7 !important; border-bottom:none; padding-left:28px;}
    .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a{line-height:20px; height:36px; background-color:#e7e7e7 !important; border-bottom:none !important; padding-left:38px; color:#8e8e8e;}



    .wsmenu-list .megamenu{
      background-color:#e7e7e7;
      color:#666666;
      display:none;
      position:relative !important;
      top:0px;
      padding:0px;
      border:solid 0px;
      transform:none !important;
      opacity:1 !important;
      visibility:visible !important;
      }

    .wsmenu-list li:hover .megamenu{display:none; position:relative !important; top:0px; }
    .megamenu .title{ color:#666666; font-size:15px !important; padding:10px 8px 10px 0px;}
    .halfdiv .title{ padding-left:15px;}
    .megamenu > ul{
      width:100% !important;
      margin:0px;
      padding:0px;
      font-size:13px !important;}

    .megamenu > ul > li > a{
      padding:9px 14px !important;
      line-height:normal !important;
      font-size:13px !important;
      background-color:#e7e7e7 !important;
      color:#666666;}

    .megamenu > ul > li > a:hover{background-color:#000000 !important;}

    .ad-style{ width:100% !important;}

    .megamenu ul li.title{
      line-height:26px;
      color:#01468D;
      margin:0px;
      font-size:1.4em;
      padding:7px 13px !important;
      border-bottom:1px solid #ccc;
      background-color:transparent !important;}

    .halfdiv{ width:100%; display:block;}
    .halfmenu{width:100%; display:block;}

    .menu_form{ padding:10px 10px 63px 10px; background-color: #e7e7e7;}

    .menu_form input[type="button"]{ width:46%; }
    .menu_form input[type="submit"]{ width:46%; }
    .menu_form textarea{min-height:100px;}

    .wsmenu {
      width:240px;
      right:-240px;
      height: 100%;
      position: fixed;
      top: 0;
      margin: 0;
      background-color: #fff;
      border-radius:0px;
      z-index:103;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      border:none !important;
      background-color:#fff !important;
      }

    /*.wsoffcanvasopener .wsmenu {
      width:240px;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      }

    .wsmenu.menuclose{
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      }*/



    /* Navigation arrow Animation */
    .animated-arrow{
      position:fixed;
      right:0; top:0; z-index:102;
      -webkit-transition:all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      }

    .callusicon{
      color: #0B4D92;
        font-size: 25px;
        height: 25px;
        position: fixed;
        left: 15px;
        top: 10px;
        transition: all 0.4s ease-in-out 0s;
        width: 25px;
        z-index:102;
        border-radius: 50%;
      -webkit-transition:all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      }

    .callusicon:focus, callusicon:hover {
        color: #4CE063 !important;
    }

    .wsoffcanvasopener .callusicon{ display:none !important; }

    .smallogo{
      width:100%;
      display:block;
      text-align:center;
      padding-top:15px !important;
      position:fixed;
      z-index:101;
      width:100%;
      height:52px;
      background: #FFFFFF;
      /*background: -moz-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(50%, #1c1c1c), color-stop(100%, #262626));
      background: -webkit-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
      background: -o-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
      background: -ms-linear-gradient(top, #262626 0, #1c1c1c 50%, #262626 100%);
      background: linear-gradient(to bottom, #262626 0, #1c1c1c 50%, #262626 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626', endColorstr='#262626', GradientType=0);*/
      box-shadow: 0 1px 4px rgba(0,0,0,.5);
      -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
    }

    .wsoffcanvasopener .animated-arrow{
      right:240px;
      }


    .animated-arrow{
      cursor:pointer;
      padding:13px 35px 16px 0px;
      margin:10px 5px 0 0px;}

    .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {
      cursor: pointer;
      height:3px;
      width:23px;
      background: #c9c9c9;
      position: absolute;
      display: block;
      content: '';}

    .animated-arrow span:before{
      top: -7px;}

    .animated-arrow span:after {
      bottom: -7px;}

    .animated-arrow span, .animated-arrow span:before, .animated-arrow span:after{
      transition: all 500ms ease-in-out;}

    .wsoffcanvasopener .animated-arrow span{
      background-color: transparent;}

    .wsoffcanvasopener .animated-arrow span:before, .animated-arrow.active span:after{
      top:7px;}

    .wsoffcanvasopener .animated-arrow span:before {
      transform: rotate(45deg);
      -moz-transform:  rotate(45deg);
      -ms-transform:  rotate(45deg);
      -o-transform:  rotate(45deg);
      -webkit-transform:  rotate(45deg);
      bottom:0px;
      }

    .wsoffcanvasopener .animated-arrow span:after {
      transform: rotate(-45deg);
      -moz-transform:  rotate(-45deg);
      -ms-transform:  rotate(-45deg);
      -o-transform:  rotate(-45deg);
      -webkit-transform:  rotate(-45deg);
      }


    /*Animation None */
    .wsmenu-list li > .wsmenu-submenu{
      transform:none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform:none !important;
      transform: none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      visibility:visible !important;
      }

    .wsmenu-list li:hover > .wsmenu-submenu{
      transform:none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform:none !important;
      transform: none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      visibility:visible !important;
      }

    .wsmenu-submenu li > .wsmenu-submenu-sub{
      transform:none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform:none !important;
      transform: none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      visibility:visible !important;
      }

    .wsmenu-submenu li:hover > .wsmenu-submenu-sub{
      transform:none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform:none !important;
      transform: none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      visibility:visible !important;
      opacity:1  !important;
      }

    .wsmenu-submenu-sub li > .wsmenu-submenu-sub-sub{
      transform:none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform:none !important;
      transform: none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      visibility:visible !important;
      opacity:1  !important;
      }

    .wsmenu-submenu-sub li:hover > .wsmenu-submenu-sub-sub{
      transform:none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform:none !important;
      transform: none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      visibility:visible !important;
      opacity:1  !important;
      }


    .wsmenu-list li > .megamenu{
      transform:none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform:none !important;
      transform: none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      visibility:visible !important;
      opacity:1  !important;
      }

    .wsmenu-list li:hover > .megamenu{
      transform:none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform:none !important;
      transform: none !important;
      -o-transform:none !important;
      -moz-transform: none !important;
      -webkit-transform: none !important;
      visibility:visible !important;
      opacity:1  !important;
      }



    }

     /* make menu sticky on desktop only */
      @media only screen and (min-width : 768px) {
        .header {
          position: fixed;
          left: 0;
          top: 0px;
          width: 100%;
          z-index: 11;
          background: white;
          box-shadow: 0 1px 8px #E2DADA;
        }

      }

    .logo {
            margin-top: 10px;
        }
        ul.dropdown-menu li a {
            text-align : left;
        }
        .nav-top li:hover>a {
            color:#B3223c !important;
        }
        .nav-start li:hover>a {
            background-color: #cccccc !important; color:#ffffff  !important; text-decoration:none;
        }
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
            width: 230px;
        }

  .tokenfield .token-input{
       background: #fff !important;
}



    .svc-masthead {
        position: relative;
        color: white;
        background: url(assets/images/energy/Cover2.jpg) no-repeat center center;
        background-size: cover;
        min-height: 400px;
        overflow: hidden;
        margin-top: 50px;
        background-attachment: inherit !important;
      }

      .svc-masthead .overlay{
        position: absolute;
        width: 100%;
        height: 100%;
        background: #00438a61;
      }


      .svc-masthead__content {
        position: absolute;
        top: 30%;
        left: 0;
        right: 0;
        margin: auto;

      }

      .svc-masthead__headline {
        font-size: 3.5em;
        line-height: 57px;
        border-bottom: 1px solid white;
        padding-bottom: 15px;
        text-shadow: 1px 2px 6px #040404;
        position: static;
        margin: 0 auto;
        margin-bottom: 15px;
        font-weight: 300;
        max-width: 50%;
      }

      .svc-masthead__btn {
        border-radius: 5px;
        padding: 5px 58px;
        font-size: 16px;
        text-decoration: none;
        margin: 20px;
        color: #fff;
        position: relative;
        display: inline-block;
        text-shadow: 1px 5px 3px #BC2D5B;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        background-color: #BC2D54;
        box-shadow: 0px 5px 0px 0px #831D39;
        border: none;
      }

      .svc-masthead__btn:hover {
        background-color: #D53661;
        color: white;
      }

      .svc-masthead__btn:active {
         transform: translate(0px, 5px);
        -webkit-transform: translate(0px, 5px);
        box-shadow: 0px 1px 0px 0px;
      }

      .svc-masthead__breadcrumb {
        margin-bottom: 15px;
      }

      .svc-masthead__breadcrumb__item {
        margin-bottom: 10px;
      }



      .svc-masthead__breadcrumb__item > h1 > a {
        font-size: 0.42em;
        color: #00458D;
        position: static;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        background: #D9D6D6;
        padding: 4px 35px;
      }

      .svc-masthead__breadcrumb__item > a:hover {
        text-decoration: none;
      }

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

        .svc-masthead__headline {
          font-size: 2.8em;
          max-width: 98%;
        }

        .svc-masthead__breadcrumb__item > a {
          padding: 2px 2px;
          font-size: 12px;
        }

        .svc-masthead__btn {
          padding: 3px 30px;
          font-size: 14px;
        }
      }

    .box-grid {
        padding: 0px 0;
        padding-bottom: 40px;
              background-color: #E2F0FB;
          }


      .box-grid--inner {
        padding: 10px 20px;
        text-align: left;
      }

      .box-grid__col-headline__wrapper {
      }

     .box-grid__col-headline {
        color: #00458C;
            color: #20738E;
            text-transform: uppercase;
        font-size: 1.1em;
        padding: 10px;
        margin-bottom: 0;
        font-weight: 500;
        letter-spacing: 0.08em;
        text-align: left;
      }

      .box-grid__col-list__item {
        margin-bottom: 0.7em;
        margin-left: -0.8em;
        font-size: 1.0em;
        color: #2d7da8;
        border-bottom: 1px dotted #CED4D8;
        padding-bottom: 12px;
      }

      .box-grid__col-list__item > a {
        font-size: 0.98em;
        color: #2d7da8;
      }

      .img-center {
        display: block;
        margin-left: auto;
        margin-right: auto;
      }
     .box-grid__col-headline > a {
        color: #20738E;
      }

    .ztabs {
        padding: 60px 0;
        /*background: url('/assets/images/patterns/swirl_pattern.jpg');*/
          }

      .ztabs__headline {
        font-size: 2em;
        color: #e55b2b;
        letter-spacing: 0.05em;
      }

      .ztab__list__item__head {
        font-size: 1.40em;
        line-height: 1.6em;
        color: #474A4C;
        margin-bottom: 0.5em;
        border-bottom: 1px dashed #C2CDD5;
        padding-bottom: 0.5em;
        color: #A0ABB2;
      }



      .ztab__subllist > li {
        margin-left: 1em;
        list-style: disc;
        line-height: 2.2em;
        font-size: 1.2em;
        color: #878788;
      }
      .ztab__list__item--content {
        color: #8B8D8F;
        padding-left: 20px;
      }

    .cs-list, .cs-list--intro {
        padding: 20px 0;
              background-color: #f6f6f6;;
          }



      .cs-list__item {
        position: relative;
        border: 1px solid #3CA7D7;
        padding: 12px 20px;

      }

      .cs-list__title {
        color: #3CA7D7;
        font-size: 1.3em;
        font-weight: 300;
      }

      .cs-list__excerpt {
        color: #1C7197;
      }

      .case-studies__link {
        position: absolute;
        right: 39%;
        background: #3CA6D8;
        padding: 0 35px;
        color: white;
      }

    .cs-modal__block {
      padding: 20px 0;
    }

    .cs-modal__headmast--headline {
        text-align: center;
        text-transform: uppercase;
        font-size: 3em;
        max-width: 80%;
        margin: 0 auto;
        color: #00436f;
    }

    .cs-modal__blok--headline {
        color: #EE4A00;
    }

    .cs-modal_sol--bk {
      background: #F3F3F3;
      padding: 20px 0;
    }

    .cs-modal__sol--headline {
      text-align: center;
    }


    .full-screen-nav,
    .full-screen-nav *,
    .full-screen-nav *:focus{
      box-sizing: border-box;
      z-index: 10000;
      outline: none;
      -webkit-tap-highlight-color: transparent;
    }
    .full-screen-nav{
      position: fixed;
      width: 100%;
      height: 100%;
      padding: 50px;
      top: 0;
      left: 0;
      display: none;
      background-color: #e3e3e3;
    }

    /* CONTENT WRAPPER
    =========================================*/
    .full-screen-nav-content{
      width: 100%;
      height: 100%;
      padding: 10px;
      position: relative;
      color: #f0f0f0;
      display: block;
      overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* CLOSE BUTTON
    =========================================*/
    .full-screen-nav-close {
      width: 32px;
      height: 32px;
      display: block;
      position: fixed;
      right: 12px;
      top: 12px;
      cursor: pointer;
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
    }
    .full-screen-nav-close:hover {
      -webkit-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
    }
    .full-screen-nav-close:before,
    .full-screen-nav-close:after {
      position: absolute;
      left: 15px;
      content: ' ';
      height: 33px;
      width: 2px;
      background-color: #fff;
    }
    .full-screen-nav-close:before {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .full-screen-nav-close:after {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    /* NORMAL MENU
    =========================================*/
    .full-screen-nav-menu{
      width: 400px;
      margin: 0 0 0 -200px;
      padding: 0;
      left: 50%;
      position: absolute;
      list-style: none;
      text-align: center;
    }
    @media (max-width: 768px){
      .full-screen-nav-menu{
        width: 100%;
        margin: 0;
        left: auto;
        position: relative;
      }
    }
    .full-screen-nav-menu li a{
      padding: 5px;
      display: block;
      font-size: 40px;
      text-decoration: none;
      color: #999;
      font-weight: 300;
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
    }
    @media (max-width: 480px){
      .full-screen-nav-menu li a{
        font-size: 26px;
      }
    }
    .full-screen-nav-menu:hover li a{
      opacity: 0.7;
    }
    .full-screen-nav-menu li:hover a{
      color: #fff;
      opacity: 1 !important;
      background-color: #333;
    }

    /* MENU OF LISTS
    =========================================*/
    .full-screen-nav-lists{
      width: 100%;
      text-align: center;
      display: table;
    }
    .full-screen-nav-list{
      margin: 0;
      padding: 0 10px 0 0;
      display: table-cell;
      list-style: none;
      text-align: center;
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
    }
    .full-screen-nav-list:last-of-type{
      padding: 0;
    }
    @media (max-width: 768px){
      .full-screen-nav-list{
        width: 100%;
        display: block;
        margin-bottom: 30px;
      }
    }
    .full-screen-nav-list li{
      width: 100%;
    }
    .full-screen-nav-list li a{
      width: 100%;
      padding: 5px 0 5px 0;
      display: block;
      font-size: 14px;
      text-decoration: none;
      text-transform: uppercase;
      color: #999;
      -webkit-transition: background .2s linear, opacity .2s linear;
      transition: background .2s linear, opacity .2s linear;
    }
    .full-screen-nav-list:hover li:not(.full-screen-nav-list-header) a{
      opacity: 0.7;
    }
    .full-screen-nav-list li:hover a{
      color: #fff;
      opacity: 1 !important;
      background-color: #333;
    }
    .full-screen-nav-list li.full-screen-nav-list-header a{
      padding: 5px 0 10px 0;
      color: #ccc;
      font-size: 16px;
      font-weight: 700;
      background-color: transparent;
    }

    /* MENU OF BOXES
    =========================================*/
    .full-screen-nav-boxes{
      margin: 0;
      padding: 0;
      list-style: none;
      text-align: center;
      display: -webkit-flex;
        display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      justify-content: center;
    }
    .full-screen-nav-boxes li{
      display: inline-block;
      text-align: center;
    }
    .full-screen-nav-boxes li a{
      width: 160px;
      height: 160px;
      margin: 10px;
      display: inline-block;
      font-size: 14px;
      color: #999;
      text-decoration: none;
      line-height: 60px;
      background-color: rgba(51, 51, 51, 0.8);
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
    }
    .full-screen-nav-boxes li a i{
      width: 100%;
      margin: 30px 0 0;
      text-align: center;
      font-size: 60px;
      float: left;
    }
    .full-screen-nav-boxes:hover a{
      opacity: 0.7;
    }
    .full-screen-nav-boxes li:hover a{
      opacity: 1;
      color: #fff;
    }

    /* MENU OF CIRCLES
    =========================================*/
    .full-screen-nav-circles{
      margin: 0;
      padding: 0;
      list-style: none;
      text-align: center;
      display: -webkit-flex;
        display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      justify-content: center;
    }
    .full-screen-nav-circles li{
      display: inline-block;
      text-align: center;
    }
    .full-screen-nav-circles li a{
      width: 160px;
      height: 160px;
      margin: 10px;
      display: inline-block;
      font-size: 14px;
      color: #999;
      text-decoration: none;
      line-height: 60px;
      border-radius: 50%;
      background-color: rgba(51, 51, 51, 0.8);
      -webkit-transition: all .2s linear;
      transition: all .2s linear;
    }
    .full-screen-nav-circles li a i{
      width: 100%;
      margin: 30px 0 0;
      text-align: center;
      font-size: 60px;
      float: left;
    }
    .full-screen-nav-circles:hover a{
      opacity: 0.7;
    }
    .full-screen-nav-circles li:hover a{
      opacity: 1;
      color: #fff;
    }

    /* MENU OF GENERAL CONTENT
    =========================================*/
    .full-screen-nav-general{
      text-align: center;
    }

    /* ANIMATIONS
    =========================================*/
    .zoom{
      animation-name: zoom-in;
      animation-duration: .3s;
      animation-iteration-count: 1;
      animation-timing-function: ease;
      animation-fill-mode: forwards;

      -webkit-animation-name: zoom-in;
      -webkit-animation-duration: .3s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-timing-function: ease;
      -webkit-animation-fill-mode: forwards;

      -moz-animation-name: zoom-in;
      -moz-animation-duration: .3s;
      -moz-animation-iteration-count: 1;
      -moz-animation-timing-function: ease;
      -moz-animation-fill-mode: forwards;
    }
    @keyframes zoom-in{
      from{
        -webkit-transform: scale(0.6,0.6);
        transform: scale(0.6,0.6);
      }
      to{
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
      }
    }
    @-webkit-keyframes zoom-in{
      from{
        -webkit-transform: scale(0.6,0.6);
        transform: scale(0.6,0.6);
      }
      to{
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
      }
    }

    .slide{
      animation-name: slide;
      animation-duration: .3s;
      animation-iteration-count: 1;
      animation-timing-function: ease;
      animation-fill-mode: forwards;

      -webkit-animation-name: slide;
      -webkit-animation-duration: .3s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-timing-function: ease;
      -webkit-animation-fill-mode: forwards;

      -moz-animation-name: slide;
      -moz-animation-duration: .3s;
      -moz-animation-iteration-count: 1;
      -moz-animation-timing-function: ease;
      -moz-animation-fill-mode: forwards;
    }
    @keyframes slide{
      from{
        left: -200px;
      }
      to{
        left: 0;
      }
    }
    @-webkit-keyframes slide{
      from{
        left: -200px;
      }
      to{
        left: 0;
      }
    }

    /*.dropdown{
      animation-name: dropdown;
      animation-duration: .3s;
      animation-iteration-count: 1;
      animation-timing-function: ease;
      animation-fill-mode: forwards;

      -webkit-animation-name: dropdown;
      -webkit-animation-duration: .3s;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-timing-function: ease;
      -webkit-animation-fill-mode: forwards;

      -moz-animation-name: dropdown;
      -moz-animation-duration: .3s;
      -moz-animation-iteration-count: 1;
      -moz-animation-timing-function: ease;
      -moz-animation-fill-mode: forwards;
    }*/
    @keyframes dropdown{
      from{
        top: -200px;
      }
      to{
        top: 0;
      }
    }
    @-webkit-keyframes dropdown{
      from{
        top: -200px;
      }
      to{
        top: 0;
      }
    }

    .cs-modal-title {
      color: #ffffff;
      font-size: 1em;
      text-transform: uppercase;
    }

    .full-screen-nav.cs-modal {
      background-color: white;
      opacity: 1.0;
    }

    .cs-modal .full-screen-nav-close:before, .cs-modal .full-screen-nav-close:after {
      background-color: #252121;
    }

    .cs-modal {
      font-weight: 300;
      background-color: white;
    }

    .cs-modal__headmast--headline {
      font-size: 2em;
      font-weight: 300;
    }

    .cs-modal__blok--headline {
      font-weight: 300;
    }

    .cs-modal__blok--content, .cs-modal__sol {
      color: grey;
    }

    .cs-modal__sol--headline {
      font-weight: 300;
    }

    .cs-modal__img {
      padding-top: 30px;
    }

    .cs-modal-title {
      color: #ffffff;
      font-size: 1em;
      text-transform: uppercase;
    }

    .full-screen-nav.cs-modal {
      background-color: white;
      opacity: 1.0;
    }

    .cs-modal .full-screen-nav-close:before, .cs-modal .full-screen-nav-close:after {
      background-color: #252121;
    }

    .cs-modal {
      font-weight: 300;
      background-color: white;
    }

    .cs-modal__headmast--headline {
      font-size: 2em;
      font-weight: 300;
    }

    .cs-modal__blok--headline {
      font-weight: 300;
    }

    .cs-modal__blok--content, .cs-modal__sol {
      color: grey;
    }

    .cs-modal__sol--headline {
      font-weight: 300;
    }

    .cs-modal__img {
      padding-top: 30px;
    }

    .full-cta-a {
      background: url(https://www.aranca.com/assets/uploads/cta-banner/br-cta-banner.jpg) no-repeat center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height: 276px;
      position: relative;
      overflow-x: hidden;
    }



    .full-cta-a__content {
      position: absolute;
      top: 60px;
      left: 0;
      right: 0;
      margin: auto;
    }

    .full-cta-a__headline {
      color: white;
      font-size: 2.5em;
      font-weight: 300;
      letter-spacing: 0.05em;
      max-width: 80%;
      margin: 0 auto;
      margin-bottom: 20px;
    }

    .full-cta-a__body {
      border: 2px solid white;
      padding: 10px;
      text-transform: uppercase;
    }

    .full-cta-a__body > a {
      color: white;
    }

    .call-to-action {
      background-color: #3498db;
      background-image: -webkit-linear-gradient(#4aa3df 0%, #258cd1 100%);
      background-image: -moz-linear-gradient(#4aa3df 0%, #258cd1 100%);
      background-image: -o-linear-gradient(#4aa3df 0%, #258cd1 100%);
      background-image: linear-gradient(#4aa3df 0%, #258cd1 100%);
      -webkit-border-radius: 4px;
      -webkit-background-clip: padding-box;
      -moz-border-radius: 4px;
      -moz-background-clip: padding;
      border-radius: 4px;
      background-clip: padding-box;
      padding: 10px 60px;
      border: none;
      box-shadow: 1px 2px 6px #256498;
      color: white;
      text-transform: uppercase;
      font-size: 1.3em;
      letter-spacing: 0.06em;
      font-weight: 500;
    }

    @media only screen and (max-width : 480px) {
      .full-cta-a__headline {
        font-size: 1.5em;
        line-height: 1.25em;
      }
    }

    .kc-content {
        padding: 30px 0;
        overflow-x: hidden;
      }

      .kc-content__headline {
        font-size: 2.3em;
        color: #00436f;
        font-weight: 300;
        line-height: normal;
        padding-top: 15px;
      }

      .kc-content__border {
        width: 15%;
        border: 1px solid #034883;
      }

      .kc-content__type-item {
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.04em;
        font-size: 1.3em;
      }

      .kc-content__list {

      }

      .kc-content__list__item {
        margin-bottom: 60px;
      }

      .kc-item-number {
        font-size: 21px;
        line-height: 1;
        color: #999;
        float: left;
        font-weight: 300;
        border: 2px solid #E1E1E1;
        color: #00436f;
        border-radius: 50%;
        padding: 11px;
        height: 50px;
        width: 50px;
        text-align: center;
        margin-left: -77px;
        -webkit-animation-duration: 0.4s;
        animation-duration: 0.4s;
        /*margin-top: -10px;*/
      }

      .kc-content__excerpt {
        font-style: italic;
        font-size: 1.2em;
        color: #7F7B7B;
        line-height: 1.5em;
      }

      @media only screen and (max-width : 480px) {
        .z-tabs.mobile.underlined> .z-container > .z-content > .z-content-inner {
          padding: 0 20px;
        }
      }

    .footer {
        /*background: #00436f;*/
        background: #012954;
        color: white;
        padding: 40px 0 25px !important;
        overflow-x: hidden;
      }
      .footer__copy {
        background: #000000;
        color: white;
        padding-top: 5px;
        overflow-x: hidden;
      }

      .footer__headline {
        font-size: 1.18em;
        padding-bottom: 1em !important;
        border-bottom: 1px solid white;
        line-height: 0px;
      }

      .footer__nav__item > a {
        color: white;
      }
.attr-nav {
    float: right;
    display: inline-block;
    margin-left: 32px;
    margin-right: -15px;
    z-index: 9;
}

.attr-nav > ul {
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
    display: inline-block;
}

.attr-nav > ul > li {
    float: left;
    display: block;
}

.attr-nav > ul > li > a {
    color: #6f6f6f;
    display: block;
    padding: 28px 15px;
    position: relative;
}

nav.navbar.bootsnav {
    box-shadow: 0 3px 3px 0 rgb(111 111 111 / 19%);
    height: 6vw;
}

nav.navbar.bootsnav ul.nav > li:last-child > a:after {
    content: "";
}

.navbar-header{
  margin-left: 4.3px !important;
}

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



  /*  .footer::before{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: '';
      background: #012851;
      background-image: url(https://www.aranca.com/assets/images/newcareer/footer-map.png);
      background-size: contain;
    }*/

    .footer__headline {
     font-size: 1.18em;
     padding-bottom: 30px !important;
     border-bottom: 1px solid white;
     position: relative;
    /* font-weight: 600;
     letter-spacing: 0.2px;
     margin-bottom: 20px;*/
     margin-right: 30px;
     margin-bottom: 0px;
          }

    .footer__headline1{
        margin-right: 0px;
    }

        /*   .footer__headline::before{
                    content: "";
                    position: absolute;
                    background: #b62851;
                    height: 3px;
                    width: 15px;
                    left: 0;
                    transition: all 0.4s ease;
                    z-index: 1;
                    bottom: -1px;
           }*/

          /*   .footer__headline::after{
                    position: absolute;
                    content: "";
                    background: #b62851;
                    height: 3px;
                    transition: all 0.4s ease;
                    width: 50px;
                    right: 0;
                    left: 25px;
                    bottom: -1px;
                    margin-left: 0;
                    z-index: 0;
           }
*/
  /*   .footer__headline:hover::before{
          width: 50px;
        left: 0;
     }

     .footer__headline:hover::after{
         width: 15px;
        left: 60px;
     }
*/
    .footer__nav{
        padding-right: 25px;
    }

    .footer__nav__item{
      padding:0px 0;
      position: relative;
      line-height: 1.42857143;
    }  
    /*
    .footer__nav__item::before{
        content: "\f101";
        position: absolute;
        left: 0;
        top: 0;
        font-size: 14px;
        color: #fff;
        font-family: "fontawesome";
    }     
    */
    .footer__nav__item > a {
        color: white;
        color: #ececec;
        font-size: 13px;
        position: relative;
        transition: all 0.3s ease-out 0s;
       /* padding-left: 28px;*/
    }

    /*.footer__nav__item > a::before {
        position: absolute;
        content: "\f101";
        font-weight: 900;
        font-family: "fontawesome";
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 13px;

    }
    */
 /*   .footer__nav__item > a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 1px;
        background: #b62851;
        transform-origin: right top;
        transform: scale(0, 1);
        transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);

    }*/

    /*.footer__nav__item::before {
      font-family: "Font Awesome 5 Free";
      content: "\f00c";
      display: inline-block;
      padding-right: 3px;
      vertical-align: middle;
      font-weight: 900;
    }
    */
    .footer__nav__item > a:hover::after {
        transform-origin: left top;
        transform: scale(1, 1);
        color: #b62851;
    }

    .footer__nav__item > a:hover{
      /*color: #b62851;*/
    }

    .footer__copy {
        background: #000000;
       /* background: #214162;*/
        color: white;
        padding-top: 5px;
        overflow-x: hidden;
        position: relative;
        /*margin-top: -60px;*/
        padding-bottom: 0px;
       /* width: 98%;*/
         /*left: 1%; */
        /*border-radius: 5px;*/
    }

    .footer__copy p{
        margin-bottom: 0px;
    }


.col-sm-2a {
    width: 20% !important;
    float: left;
}

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



.ca_vfaprodpersimghldr1 img{
  width: 100%;
  height: 160px;
  background-size: cover;
}
.ca_sectpadd {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.jobnow {
    z-index: 9999 !important;
}

.jobnow a {
    position: fixed;
    bottom: 60px;
    right: 0px;
    background-color: #b62851;
    border-color: #b62851;
    font-size: 25px;
    z-index: 1;
    border-top-left-radius: 10%;
    border-bottom-left-radius: 10%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
}

.ca_talktoexpfltrbtnhldr .ca_talktoexpfltrlb {
    text-transform: uppercase;
    font-size: 11px;
    display: block;
    font-weight: 600;
}

.jobnow a:hover {
    color: #fff;
    background-color: #022d51 !important;
    border-color: #ffffffad !important;
}

.jobnow.ca_talktoexpfltrbtnhldr a.ca_talktoexpfltrbtn {
    border-radius: 3px;
    padding: 5px 5px;
}

.talk-modal .fade:not(.show) {
     opacity: 1; 
     background: #00000075;
}

.talk-modal .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.talk-modal .modal.fade .modal-dialog{
    -webkit-transition: -webkit-transform 0.3s ease-out !important;
    -moz-transition: -moz-transform 0.3s ease-out !important;
    -o-transition: -o-transform 0.3s ease-out !important;
    transition: transform 0.3s ease-out !important;
}

.talk-modal  .modal-dialog {
    width: 600px !important;
    margin: 30px auto !important;

}

.talk-modal  .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.talk-modal  .modal-header {
    background-color: #1c4586;
    color: #ffffff;
    padding: 4px 11px;
    border-bottom: 1px solid #e5e5e5;
}
.hs-form-field {
    margin-bottom: 10px;
}

.talk-modal .modal .close {
    color: #fff;
    opacity: 1;
    float: right;
    border: none;
    background: transparent;
    font-size: 23px;
    font-weight: 600;
    /* padding-top: 2px; */
    margin-top: 0px;
}

.talk-modal .modal-title{
    color: #fff;
    font-size: 17px;
    /*padding-top: 14px;*/
    font-weight: 600;
}

.talk-modal .form-control{
    padding: 2px 7px;
    color: #565656;
    border: var(--bs-border-width) solid #acacac;
}

.talk-modal .my-submit {
    color: #FFFFFF;
    background-color: #1C4586;
    border: 1px solid #130269;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.hm-global {
    padding: 5px 0 0px;
   /* margin-top: 70px;*/
    padding-left: 15px;
}

.hm-global p {
    color: #565656;
    /* padding-top: 35px; */
    font-size: 15px;
    padding: 0px 0 18px;
    margin: 0;
}

.hm-global h1 {
    font-size: 22px !important;
    color:#00458c !important;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
}

.newlogin {
    padding: 10px 0 11px 15px;
    /*background-color: #f5f8fb;*/
    /*margin-bottom: 20px;*/
}

.newlogin2 {
    display: flex;
    /*align-items: center;
    justify-content: center;*/
}

.newlogin1 {
    padding: 0 20px;
    position: relative;
}

.newlogin1:first-child{
    padding: 0 15px 0 0;
}

.newlogin1 a {
    /*background: #eaeaea;*/
    padding: 2px 0px;
    /* box-shadow: 0 6px 8px 0 rgba(41, 41, 58, 0.17) !important; */
    /* color: #fff !important; */
    text-transform: capitalize;
    font-weight: 500;
    /*border-radius: 4px;*/
    font-size: 15px;
    border-bottom: 1px solid;
   transition: all 0.3s ease-out 0s;
   color: #034883;
}


.newlogin1::after {
    position: absolute;
    content: "";
    border-right: 2px solid #01458A;
    top: 5px;
    right: -1px;
    width: 5px;
    height: 15px;
}

.newlogin1:last-child::after {
    border-right: 0px solid #BEBEBE;
}

.alternet b{
    padding-top: 50%;
    display: block;
    font-size: 17px;
    color: #00458c !important;
}

.Scriptcontent{
    display: flex;
    padding: 25px 25px 5px;
}

.svg-item {
    width: 25%;
    font-size: 16px;
    margin: 0 auto;
    animation: donutfade 1s;
    text-align: center;
}

.svg-item input{
    width: 17px;
    height: 17px;
}

.svg-check{
    width: 22px;
    height: 21px;
    background-color: #238eb5;
    text-align: center !important;
    margin: 0 auto;
    padding: 2px;
}

.svg-check1{
    width: 22px;
    height: 21px;
    background-color: #f8b872;
    text-align: center !important;
    margin: 0 auto;
    padding: 2px;
}

.svg-check2{
    width: 22px;
    height: 21px;
    background-color: #e98c74;
    text-align: center !important;
    margin: 0 auto;
    padding: 2px;
}

.svg-check3{
    width: 22px;
    height: 21px;
    background-color: #67c2c8;
    text-align: center !important;
    margin: 0 auto;
    padding: 2px;
}

@keyframes donutfade {
  /* this applies to the whole svg item wrapper */
    0% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .svg-item {
        width: 25%;
    }
}

.donut-ring {
    stroke: #e9e9e9;
}

.donut-segment {
    transform-origin: center;
    stroke: #FF6200;
}

.donut-segment-2 {
    stroke: #238eb5;
    animation: donut1 3s;
}

.donut-segment-3 {
    stroke: #f8b872;
    animation: donut2 3s;
}

.donut-segment-4 {
    stroke:#e98c74;
    animation: donut3 3s;
}

.donut-segment-5 {
    stroke:#67c2c8;
    animation: donut4 3s;
}

.segment-1{fill:#ccc;}
.segment-2{fill:aqua;}
.segment-3{fill:#d9e021;}
.segment-4{fill:#ed1e79;}
.segment-4{fill:#ed1e79;}
.donut-percent {
    animation: donutfadelong 1s;
}

@keyframes donutfadelong {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes donut1 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 19, 81;
    }
}

@keyframes donut2 {
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 73, 27;
    }
}

@keyframes donut3{
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 5, 95;
    }
}

@keyframes donut4{
    0% {
        stroke-dasharray: 0, 100;
    }
    100% {
        stroke-dasharray: 3, 97;
    }
}

.donut-text {
    font-family: Arial, Helvetica, sans-serif;
    fill: #FF6200;
}
.donut-text-1 {
    fill: #238eb5;
}
.donut-text-2 {
    fill: #f8b872;
}
.donut-text-3 {
    fill: #e98c74;
}

.donut-text-4 {
    fill: #67c2c8;
}

.donut-label {
    font-size: 0.28em;
    font-weight: 700;
    line-height: 1;
    fill: #000;
    transform: translateY(0.25em);
}

.donut-percent {
    font-size: 0.4em;
    line-height: 1;
    transform: translateY(0.5em);
    font-weight: bold;
}

.donut-data {
    font-size: 0.13em;
    line-height: 1;
    transform: translateY(0.5em);
    text-align: center;
    text-anchor: middle;
    color:#595959;
    fill: #666;
    animation: donutfadelong 1s;
    font-weight: 600;
}

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

.section-title .title-text{
    color: #313131;
    text-align: center;
    font-size: 22px;
    font-weight: 550;
    text-transform: capitalize;
    margin-bottom: 7px;
    font-size: 1.9vw;
    padding: 1.1vw 2vw;
    margin: 1.9vw 0;
}

.section-title .bar {
    height: 4px;
    width: 85px;
    background: -webkit-linear-gradient(to right top, #e66288, #ca5e7d, #cd5779, #ae1944, #ce3b66);
    background: linear-gradient(to right top, #e66288, #ca5e7d, #cd5779, #ae1944, #ce3b66);
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    margin: auto;
}

.section-title .bar::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #ffffff;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.flati-icon img{
    width: 50px;
    position: relative;
}

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(85px)
    }
}
@keyframes MOVE-BG {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(85px)
    }
} 

.features{
    padding: 0px 0 25px;
        padding-bottom: 4vw;
}

/*.features h3{
    color:#01458A;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 34px;
    text-align: center;
    padding-bottom: 10px;
}*/

.insights {
  padding: 50px 0;
}

.features-left {
  position: relative;

}

.insborder {
  border: 1px solid #01458A33;
    position: relative;
    margin-bottom:25px;
    background: #fff;
    border-radius: 42px;
    padding: 25px 25px;
    background: #fff;
    margin-top: 10px;
    border: 1px solid #b4e1faf2;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 8%);
    margin: 1vw 0 2vw;
    padding: 2vw;
}

.insborder .col-md-8{
  padding-left: 0px;
}

.inleft img {
  width: 100%;
  object-fit: cover;
}

.inright strong {
    font-size: 20px;
    color: #012954;
    font-weight: 600;
    padding-bottom: 10px;
    display: block;
    text-transform: uppercase;
        font-size: 1.6vw;
    padding-bottom: 0.5vw;
}

.inright p{
    margin: 0 0 10px;
    font-size: 15px;
    color: #585858 !important;
    font-size: 1.2vw;
    line-height: 1.5;
}

.inright span{
    color: #B62851;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 0px;
    display: block;
    font-size: 0.8vw;
}

.inright a{
   color: #fff !important;
    background: #B62851;
    padding: 7px 10px;
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-top: 5px;
    display: inline-block;
    padding: 0.5vw;
    font-size: 1vw;
    margin-top: 0.2vw;
}

.inleft{
    background: #01458A;
    padding:20px;
    /*margin-left: 15px;*/
    padding: 1.5vw;
}

.in-left{
    margin-left: 30px;
    margin-left: 2.4vw;
}

.ca_vfaprodperstitle {
    font-size: 18px;
    color: #fff !important;
    line-height: 26px;
}

.ca_vfaprodperstitlehldr{
    /*box-shadow: 0 1px 3px 1px rgba(41, 41, 58, 0.17);*/
    padding: 10px 5px;
   /* height: 80px;*/
  /*  background: #fff;*/
  color: #fff;
}

.ca_clienttestprofsect{
    padding-bottom: 12vw;
}

.ca_bg-grayy{
  background: url(../images/callbg.jpg) center center no-repeat;
  background-size: cover;
  padding: 10px 0 15px;
  border-radius: 35px;
  padding: 1.3vw 4vw 1.3vw;
  position: relative;
  border-radius: 3vw;
}

.ca_bg-grayy::before{
  position: absolute;
  background: #f1f1f1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  opacity: 0.97;
  border-radius: 35px;
}


.ca_bg-grayy h2{
    color: #FFFFFF;
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 5px;
    margin-top: 0px;
   font-size: 1.8vw;
   padding-bottom: 1vw;
   position: relative;
    color: #333;
    text-align: center;
}

.ca_bg-grayy h3{
    color: #040635c4;
    font-size: 24px;
    line-height: 19px;
    letter-spacing: 0.5px;
    font-weight: 700;
    padding-bottom: 10px;
    margin-top: 0px;
    font-size: 1.4vw;
    padding-bottom: 1vw;
    position: relative;
    text-align: center;
}

.ca_bg-grayy p{
    color:#585858;
    font-size: 15px;
    padding-bottom: 1vw;
    /* margin-top: 0px; */
    font-size: 1.2vw;
  font-size: 1vw;
  position: relative;
  text-align: center;
}

/*.ca_bg-grayy a{
  font-size: 1vw;
  position: relative;
  color: #034883;
}*/

/*.hm-sche1 a{
  color: #333 !important;
    padding: 11px 30px;
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 600;
    background: linear-gradient(180deg, #bfbfbf, #bfbfbf);
    width: 147px !important;
    margin: 0 auto;
    display: block !important;
    width: 13vw !important;
    font-size: 1.2vw;
    padding: 1vw;
    text-decoration: none !important;
    position: relative;
    box-shadow: rgb(145 143 143 / 10%) 0px 4px 9px;
    float: right;
}*/

.ca_bg-grayy a{
  color: #333 !important;
    padding: 11px 30px;
    border-radius: 4px;
    text-transform: capitalize;
    font-weight: 600;
    background: linear-gradient(180deg, #bfbfbf, #bfbfbf);
    width: 147px !important;
    margin: 0 auto;
    display: block !important;
    width: 13vw !important;
    font-size: 1.2vw;
    padding: 1vw;
    text-decoration: none !important;
    position: relative;
    box-shadow: rgb(145 143 143 / 10%) 0px 4px 9px;
    text-align: center;
}

/*.hm-sche {
    display: flex;
    align-items: center;
}*/

/*.ca_sectpadd {
    width: 58vw;
}
*/
/*.hm-sche1 {
    width: 20vw;
    text-align: center;
    float: right;
}*/

.ca_vfaprodpersimghldr1 img{
    width: 100%;
    height: 160px;
    background-size: cover;
}

.hm-faq {
    padding: 40px 0;
    /*margin-top: 145px;*/
    background-color: #f1f7fac4 !important;
    margin-bottom: 50px;
}

.justify-content-center {
    justify-content: center;
    align-items: center;
    display: flex;
}

.ca_vfaprodpersimghldr {
    width: 97%;
    border-radius: 5px;
    border: 3px solid #f2f2f2;
    box-shadow: 0 1px 3px 1px rgba(41, 41, 58, 0.17);
    /*height: 205px;*/
   /* min-height: 150px;*/
   width: 21vw;
}

.carousel-inner .item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    height: 16vw;
}

.ca_vfaprodperstitlehldr {
    /* box-shadow: 0 1px 3px 1px rgba(41, 41, 58, 0.17); */
    padding: 10px 5px;
    /* height: 80px; */
    /* background: #fff; */
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    height: 100px;
    font-size: 16px;
    background: #fff;
    margin: -19px 7px 0;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 3px 12px 0px rgb(174 175 177 / 35%);
    margin-bottom: 15px;
    width: 20vw;
    margin: -1vw 0.5vw 2vw;
    font-size: 1.2vw;
    padding: 1vw;
    height: 8vw;
}

.ca_vfaprodperstitle {
    font-size: 16px;
    color: #595959 !important;
    line-height: 17px;
    font-size: 1.2vw;
}

.hm-faq1 {
    padding: 40px 0;
    /*margin-top: 145px;*/
    /*background-color: #f1f7fac4 !important;*/
    margin-bottom: 10px;
}

.justify-content-center {
    justify-content: center;
    align-items: center;
    display: flex;
}

   .cardd{
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0,0,0,.110);
        border-radius: .25rem;
        /*margin: 20px 10px 24px 0;*/
        padding: 10px 10px 20px;
        text-align: center;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
    border-radius: 25px;
    }

    .cardd img{
    width: 65px;
    margin: 10px auto 15px;
    display: block;
    opacity: 0.8;
    }

    .cardd  h5{
    color: #012954;
    display: inline-block;
    font-size: 18px;
    padding-bottom: 0px;
    padding-top: 5px;
    font-weight: 700;
   }
.cardd .btn-primary {
    color: #fff;
    background-color: #b62851;
     border-color:  #b62851;
}

.cardt{
    margin: 0 15px;
}

.form-group{
    margin-bottom: 10px;
}

.form-group .form-control{
    height: 35px;
}

.hmtable table{
    border: 1px solid #ccc;
    table-layout: fixed;
    margin-top: 2%;
    margin-bottom: 0px !important;
}

.hmtable .table{
     margin-bottom: 10px !important;
}

.hmtable table tbody tr td, .hmtable table tbody tr th{
    border: 1px solid #ccc;
    padding: 5px 8px;
    color: #595959;
}

.hmtable table tbody tr th{
  font-size: 13px;
}



.hmtable table thead tr th{
    background-color:#edecec;
    padding: 3px 8px;
    border: 1px solid #ccc;
        color: #595959;
}

.hmtable table .progress{
    border-radius: 0px;
    background: transparent;
    width: 87%;
    float: left;
    padding-left: 4px;
    font-size: 10px;
}

.hmtable .progress-total{
   font-size: 9px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    padding-top: 5%;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    color: #595959;
    width: 13%;
}

.hmtable table td.dealall{
     background-color: #edecec;
}

.header{
    height: 80px ;
    position: inherit;
    box-shadow: 0 0px 0px #E2DADA;
    height: 6vw !important;
}

.nav.navbar.bootsnav{
    height: 80px
    min-height:80px;
    height:6vw !important;
    min-height: 6vw !important;
}

nav.navbar.bootsnav ul.nav> li> a {
    padding: 30px 0px 30px 10px;
    font-size: 14px;
    font-size: 1.1vw !important;
    padding: 2.4vw 0 2.4vw 0.8vw !important;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
    font-size: 1.1vw !important;
}

.navbar-brand > img {
    display: block;
    width: 100%;
    width: 14.5vw;
}

.navbar-brand{
  padding: 1.2vw 0.7vw !important;
}


.testimonials {
  position: relative;
     padding-top: 1vw;
    padding-bottom: 3vw;
}
 
#customers-testimonials .item-details {
  padding: 20px 10px;
  text-align: left;
  background: #fff;
  border-radius: 10px;  
  position: relative;
  border: 1px solid #C7C7C7;
  border-radius: 4px;
  position: relative;
  padding: 1.9vw 1vw;
}
 
#customers-testimonials .item-details:hover{
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.09);
}
 
#customers-testimonials .item-details h5 {
  margin: 0 0 15px;
  font-size: 18px;
  line-height: 18px;
}
#customers-testimonials .item-details h5 span {
  color: red;
  float: right;
  padding-right: 20px;
}
#customers-testimonials .item-details p {
    font-size: 15px;
    line-height: 24px;
    position: relative;
    letter-spacing: 0.1px;
    margin-bottom: 5px;
    font-size: 1.2vw;
    line-height: 1.5;
    color: #585858;
    height: 26vw;
}
 
#customers-testimonials .item-details:before{
    content: "\201C";
    position: absolute;
    top: -11px;
    left: 7px;
    font-size: 25px;
    color: #fff;
    background: #000;
    border-radius: 100%;
    padding: 5px 6px;
    width: 20px;
    height: 20px;
    line-height: 25px;
}
 
#customers-testimonials .profile img {
    width: 87px;
    height:87px;
    border-radius: 100%;
    box-shadow: 0 5px 8px 0 rgb(29 29 30 / 15%);
    padding: 2px;
   width: 7vw;
    height: 7vw;
    padding: 0.1vw;
}
 
#customers-testimonials .profile-info a{
  color: #05386e;
}
 
#customers-testimonials .item {
  text-align: center;
  margin-bottom: 35px;
  margin-bottom: 3vw;
}
 
#customers-testimonials .item img{
     width: 100%;
    height: 200px;
    object-fit: cover;
    height: 16vw;
}
 
.owl-carousel .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
 
.owl-carousel .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}
 
.owl-carousel {
  position: relative;
}
 
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
   width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  position: absolute;
  top: 77%;
  font-size: 20px;
  color: #fff;
  border: 1px solid #ddd;
  text-align: center;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #7da2fd80, #00accc);
  background-image: linear-gradient(90deg, #00206e, #00accc);
}
 
.owl-carousel .owl-prev {
  left: 46%;
}
 
.owl-carousel .owl-next {
  right:  46%;
}
 
.owl-stage-outer {
    padding-left: 2px;
    padding-top: 30px;
}
 
    #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
        background: #00458c;
        transform: translate3d(0px, -50%, 0px) scale(0.7);
    }
#customers-testimonials.owl-carousel .owl-dots{
  display: inline-block;
  width: 100%;
  text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
  display: inline-block;
}
    #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
        background: #858080;
        display: inline-block;
        height: 25px;
        margin: 0 0px 5px;
        transform: translate3d(0px, -50%, 0px) scale(0.3);
        transform-origin: 50% 50% 0;
        transition: all 250ms ease-out 0s;
        width: 16px;
    }

.new-text{
  margin-bottom: 1.5vw;
}


.new-text h4{
   line-height: 1.8;
    width: 85vw;
    margin-left: 0;
    margin-right: auto;
    font-size: 18px;
    color: #585858;
    text-align: justify;
    font-size: 1.1vw;
    margin-bottom: 2vw;
    margin-top: 0;
}


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

@media only screen and (min-width: 320px) and (max-width: 768px) {


.header-style-two, .header-top-two.style-two{
    display: none;
}

.svcmash h1{
    font-size: 15px;
}

.svcmash h5{
    font-size: 11px;
    margin-top: 0px;
    display: none;
}

.svcmash{
    margin-top: -11%;
}



.mhide{
    display: none;
}

.mobilemargintop {
        margin-top: 2px;
    }

.align-items-strech{
    padding-bottom: 10px;
}

.search{
    padding-bottom: 0px !important;
}

.aiirheading2 h3{
    font-size: 19px !important;
}

.fs-7 {
    color: black;
    font-size: 1.3rem !important;
}

.allocate, .allocate1{
    width: 100%;
}

.content-wrapper{
   margin: 13% auto 0; 
}

.content-wrapper h1{
  font-size: 18px;
    line-height: 1.4;
}

.tagline{
      line-height: 1.3;
    margin: 5px 0;
    font-size: 16px;
   margin-bottom: 13px;
}

.description{
      line-height: 1.7;
      width: 100%;
      font-size: 14px;
      text-align: initial;

}

.d-flex {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
}

.loginnew a.active {
    font-size: 14px;
}

.loginnew h2{
  margin-bottom: 10px;
}

.loginnew h2 a{
  padding: 10px 6px;
  font-size: 14px;
  text-underline-offset: 6px;
}

.loginnew h2 a i{
  text-underline-offset: 6px;
}

.container{
  width: 98% !important;
}

#Tool1 p, .form-control{
  font-size: 14px !important;
}

.collg4, .collg5, .collkey{
  width: 100%;
}
.collg5 span, .collkey1 a{
  font-size: 14px !important;
}

.collkey span{
  font-size: 16px !important;
}

.aiir_v3_searchbox{
  height: 25px;
  font-size: 11px;
}

.tokenfield .token-input{
  font-size: 11px;
}

.newgreensearchbutton{
  height: 30px;
}

.reset-btn{
  float: left;
  height: auto;
  margin-top: 6px;
  margin-left: 10px;
}

.reset-btn i{
  font-size: 19px;
}

.aiir_search_outline{
  padding: 10px 15px;
}

.aiirSessionTitle{
  font-size: 16px;
  padding: 11px;
}

.Aiir_chart_div_1{
  margin-top: 10px;
}

.aiir_icon img{
  width: 30px !important;
}

.aiirheading2{
  height: 117px;
}


.table2 td{
  font-size: 12px;
  padding: 2px 6px;
}

.lastcelltd input[type="checkbox"], .aiir_fileterselectall{
  width: 15px;
    height: 15px;
}

.aiirMODtitle, .aiirblue{
  font-size: 14px;
}

#s33SORT::after, #drchartSORT::after{
  height: 30px;
}

.ca_bg-grayy h2{
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 0px;
}

.ca_bg-grayy h3{
  font-size: 19px;
}

.ca_bg-grayy a{
      padding: 11px 30px;
      width: 165px !important;
      font-size: 14px;
}
.ca_bg-grayy p, .faq__accordian-heading h3::before, .faq__accordian-heading h3.active::before{
        font-size: 14px;
    }

.hm-temrs p a, .hm-temrs p {
  font-size: 11px !important;
}

.col-sm-2a {
    width: 100% !important;
}

.footer__headline{
    margin-bottom: 6px;
    font-weight: 700;
    padding-bottom: 16px !important;
}

.faq__accordian-heading h3{
  font-size: 14px;
  padding: 25px 5px 0px 25px;
  line-height: 1.5;
}
.faq__accordion-content p{
      font-size: 14px;
      line-height: 1.8;
      text-align: initial;
}

.faq__accordion-content ul li{
  font-size: 14px;
}

.ca_vfaprodpersimghldr{
    width: 97%;
}
#customers-testimonials .item img{
  height: 200px;
}
.ca_vfaprodperstitlehldr{
  width: 92%;
  height: auto;
  margin: -19px 7px 25px;
  font-size: 15px;
}

#customers-testimonials .item img {
    width: 100%;
    height: 200px;
  }

.ca_vfaprodperstitle{
  font-size: 15px;
}

.talk-modal .modal-dialog {
    width: 95% !important;
     margin: 30px auto !important; 
}

.form-container .form-control{
  padding: 11px !important;
  font-size: 13px !important;
}

.capttest{
  flex-direction: column;
}

.capttest1, .capttest2{
  width: 80%;
}

.faq__accordian-main-wrapper{
  margin-bottom: 8%;
}

.align-items-strech .col-lg-12, .align-items-strech .col-lg-10{
  margin-left: 0px !important;
}


.pvalue {
    width: 100%;
    margin-right: 1%;
    margin-top: 2vw;
}

#chart1_1 .apexcharts-legend {
    top: 40px !important;
}

.textcolor{
  font-size: 14px !important;
  color: #2a3547 !important;
  font-weight: 550 !important;
}

.hm-legend ul {
    margin-left: 7%;
    padding-bottom: 20px;
  }

.c4headeraiir .col-lg-2, .aiirBorder .col-lg-2{
  font-size: 14px;
  padding: 6px;
}

.aiirfortd td, .aiirjustvalue, .aiir_boxvertical label, .aiirverticallabel{
  font-size: 13px;
}

.Checkparent{
  height: 30px;
  padding: 6px 5px 8px;
}

.aiirselectindustryck{
  height: 20px;
    width: 20px;
}

.Checkbox-parent{
    padding: 5px 5px;
    height: 26px;
    padding-right: 10px;
    font-size: 14px;
}
.aiirselectindustryck:checked:after{
  font-size: 18px;
}

.aiir_boxindust, .aiir_boxdealyear, .aiir_boxdealsize, .aiir_boxvertical, .aiir_boxindustC4{
    margin-top: 0px;
    width: 91% !important;
}

.aiir_boxdealyearC4{
  width: 91% !important;
  margin-left:0 !important;
}

.closediv{
      padding: 3px;
}

.deallabel1{
      height: 30px;
          padding: 6px 5px 8px;
}

.deallabel{
  padding: 5px 7px;
    height: 26px;
}

.verticalcheckclass input[type=checkbox]{
  width: 20px;
    height: 20px;
}

.table2 tr > td:nth-child(2){
  width: 115px;
}

#a_trtr td:nth-child(1){
 width: 125px;
}
     
}

@media  screen and (min-width: 2256px) {
  .container {
        width: 90% !important;
        max-width: 90% !important;
    }
  
  .pull-right {
    float: right !important;
    margin-right: 0px;
}

.attr-nav {
    margin-right: 17px;
}

.svcmash{
  margin-top: -13% !important;
}

.barr1{
    width: 70px !important;
    left: -56px !important;
    margin-top: -2% !important;
}

.svc-masthead1{
      margin-bottom: -7%  !important;
}

.newlogin hr{
      width: 29% !important;
}

.allocate1 img{
  width: 33% !important;
}

}