@font-face{
    font-family:'FontAwesome';
    src:url('../fonts/font-awesome/fontawesome-webfont.eot');
    src:url('../fonts/font-awesome/fontawesome-webfont2.eot') format('embedded-opentype'),url('../fonts/font-awesome/fontawesome-webfont.woff2') format('woff2'),url('../fonts/font-awesome/fontawesome-webfont.woff') format('woff'),url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
  font-style: normal;
}

img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Cairo';
    line-height: normal
}
html, body {
    height: 100%;
}
/*...........default...........*/

a {
    outline: none;
    text-decoration: none;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.note {
    font-size: 12px;
    margin-bottom: 25px;
}
.left {
    float: left
}
.right {
    float: right
}
.txt-center {
    text-align: center;
}
.swithch {
    float: right !important;
}
.mrg-top-0 {
    margin-top: 0px !important;
}
.mrg-bttm-0 {
    margin-bottom: 0px !important;
}
hr {
    width: 75px;
    height: 5px;
    background: #dfeaf0;
    border: none;
    float: left;
    margin-bottom: 50px;
}
.clear-fix {
    clear: both;
}
h1 {
    font-size: 40px;
    text-transform: uppercase;
    color: #051d49;
    margin-bottom: 25px;
    padding: 0;
    clear: both;
    margin: 0;
}
h5 {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
h6 {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.mob-visible {
    display: none;
}
.mob-hide {
    display: block;
}
input:focus, textarea:focus, select:focus {
    outline: none;
}
.common-form input[type="submit"] {
    width: inherit;
    padding: 10px 55px;
    outline: none;
    border-radius: 50px;
    background: #00a999;
    text-transform: uppercase;
    font-size: 18px;
    border: none;
    color: #fff;
    margin-bottom: 0;
    clear: both;
    float: left;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    font-weight: 500;
}
.common-form input[type="submit"]:hover {
    background: rgba(5,29,73,0.95);
    transition: all ease-in-out 0.5s;
}
.common-form input {
    margin-bottom: 15px;
    border-bottom: 1px solid #C3C3C3;
    padding: 10px 0px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 16px;
    width: 100%;
    font-family: 'Cairo';
    background: none;
}
.common-form select {
    margin-bottom: 15px;
    border-bottom: 1px solid #C3C3C3;
    padding: 10px 0px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 16px;
    width: 100%;
    font-family: 'Cairo';
    background: none;
}
.common-form textarea {
    height: 75px;
    margin-bottom: 15px;
    border-bottom: 1px solid #C3C3C3;
    padding: 10px 0px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 16px;
    width: 100%;
    resize: none;
    font-family: 'Cairo';
    background: none;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0 !important;
    line-height: 22px !important;
    text-align: left !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
    float: left !important;
    margin-top: 15px !important;
}
div.wpcf7-mail-sent-ok {
    color: #398f14 !important;
    border: 0 !important;
    line-height: 22px !important;
    text-align: left !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
    float: left !important;
    margin-top: 15px !important;
}
.h-form div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 0 !important;
    line-height: 22px !important;
    text-align: left !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
    float: left !important;
    margin-top: 15px !important;
    color: #fff !important;
}
.h-form div.wpcf7-mail-sent-ok {
    color: #fff !important;
    border: 0 !important;
    line-height: 22px !important;
    text-align: left !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
    float: left !important;
    margin-top: 15px !important;
}
.h-form .common-form textarea, .h-form .common-form select, .h-form .common-form input {
    border-color: #fff;
    color: #fff;
    margin-bottom: 25px;
}
.h-form .common-form select option {
    color: #000;
}
.h-form .common-form textarea {
    height: 45px;
}
.h-form .common-form input[type="submit"] {
    background: #fff;
    color: #00a999 !important;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
    font-weight: 500;
    float:left;
    width:auto;
}
.h-form .common-form input[type="submit"]:hover {
    background: #00a999;
    color: #fff !important;
    transition: all ease-in-out 0.5s;
}
 .h-form .common-form input::-webkit-input-placeholder {
 color: #fff;
}
 .h-form .common-form input:-moz-placeholder {
 color: #fff;
}
 .h-form .common-form input::-moz-placeholder {
 color: #fff;
}
 .h-form .common-form input:-ms-input-placeholder {
 color: #fff;
}
 .h-form .common-form textarea::-webkit-input-placeholder {
 color: #fff;
}
 .h-form .common-form textarea:-moz-placeholder {
 color: #fff;
}
 .h-form .common-form textarea::-moz-placeholder {
 color: #fff;
}
 .h-form .common-form textarea:-ms-input-placeholder {
 color: #fff;
}

.cool-link {
    display: inline-block;
    text-decoration: none;
    color: #00a999;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari 3-8 */
    transform: rotate(270deg);
    
    
    font-weight: 700;
    
    
}
.cool-link::after {
    content: '';
    display: block;
    width: 120px;
    height: 2px;
    background: #00a999;
    transition: width .3s;
    right: 50px;
    position: absolute;
    top: 16px;
}
.cool-link.line::after {
    width: 0px;
    transition: width 1.5s;
}

.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  position: fixed;
    left: 15px;
    top: 70%;
    z-index: 10;
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

.sjb-page {

    margin-top: 170px !important;
}


.row:before, .row:after {
    display: table;
    content: " ";
    clear: both;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}
.embed-responsive-16by9 {
    padding-bottom: 51.5%;
}
.embed-responsive-4by3 {
    padding-bottom: 75%;
}
img {
    vertical-align: middle;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-rounded {
    border-radius: 6px;
}
.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.img-circle {
    border-radius: 50%;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
.container {
    width: 100%;
}
}

@media (min-width: 992px) {
.container {
    width: 100%;
    padding-left: 35px;
    padding-right: 35px;
}
}

@media (min-width: 1300px) {
.container {
    width: 1300px;
}
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.66666667%;
}
.col-xs-10 {
    width: 83.33333333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.66666667%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.66666667%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.66666667%;
}
.col-xs-1 {
    width: 8.33333333%;
}
.col-xs-pull-12 {
    right: 100%;
}
.col-xs-pull-11 {
    right: 91.66666667%;
}
.col-xs-pull-10 {
    right: 83.33333333%;
}
.col-xs-pull-9 {
    right: 75%;
}
.col-xs-pull-8 {
    right: 66.66666667%;
}
.col-xs-pull-7 {
    right: 58.33333333%;
}
.col-xs-pull-6 {
    right: 50%;
}
.col-xs-pull-5 {
    right: 41.66666667%;
}
.col-xs-pull-4 {
    right: 33.33333333%;
}
.col-xs-pull-3 {
    right: 25%;
}
.col-xs-pull-2 {
    right: 16.66666667%;
}
.col-xs-pull-1 {
    right: 8.33333333%;
}
.col-xs-pull-0 {
    right: auto;
}
.col-xs-push-12 {
    left: 100%;
}
.col-xs-push-11 {
    left: 91.66666667%;
}
.col-xs-push-10 {
    left: 83.33333333%;
}
.col-xs-push-9 {
    left: 75%;
}
.col-xs-push-8 {
    left: 66.66666667%;
}
.col-xs-push-7 {
    left: 58.33333333%;
}
.col-xs-push-6 {
    left: 50%;
}
.col-xs-push-5 {
    left: 41.66666667%;
}
.col-xs-push-4 {
    left: 33.33333333%;
}
.col-xs-push-3 {
    left: 25%;
}
.col-xs-push-2 {
    left: 16.66666667%;
}
.col-xs-push-1 {
    left: 8.33333333%;
}
.col-xs-push-0 {
    left: auto;
}
.col-xs-offset-12 {
    margin-left: 100%;
}
.col-xs-offset-11 {
    margin-left: 91.66666667%;
}
.col-xs-offset-10 {
    margin-left: 83.33333333%;
}
.col-xs-offset-9 {
    margin-left: 75%;
}
.col-xs-offset-8 {
    margin-left: 66.66666667%;
}
.col-xs-offset-7 {
    margin-left: 58.33333333%;
}
.col-xs-offset-6 {
    margin-left: 50%;
}
.col-xs-offset-5 {
    margin-left: 41.66666667%;
}
.col-xs-offset-4 {
    margin-left: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
.col-xs-offset-2 {
    margin-left: 16.66666667%;
}
.col-xs-offset-1 {
    margin-left: 8.33333333%;
}
.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
.col-sm-12 {
    width: 100%;
}
.col-sm-11 {
    width: 91.66666667%;
}
.col-sm-10 {
    width: 83.33333333%;
}
.col-sm-9 {
    width: 75%;
}
.col-sm-8 {
    width: 66.66666667%;
}
.col-sm-7 {
    width: 58.33333333%;
}
.col-sm-6 {
    width: 50%;
}
.col-sm-5 {
    width: 41.66666667%;
}
.col-sm-4 {
    width: 33.33333333%;
}
.col-sm-3 {
    width: 25%;
}
.col-sm-2 {
    width: 16.66666667%;
}
.col-sm-1 {
    width: 8.33333333%;
}
.col-sm-pull-12 {
    right: 100%;
}
.col-sm-pull-11 {
    right: 91.66666667%;
}
.col-sm-pull-10 {
    right: 83.33333333%;
}
.col-sm-pull-9 {
    right: 75%;
}
.col-sm-pull-8 {
    right: 66.66666667%;
}
.col-sm-pull-7 {
    right: 58.33333333%;
}
.col-sm-pull-6 {
    right: 50%;
}
.col-sm-pull-5 {
    right: 41.66666667%;
}
.col-sm-pull-4 {
    right: 33.33333333%;
}
.col-sm-pull-3 {
    right: 25%;
}
.col-sm-pull-2 {
    right: 16.66666667%;
}
.col-sm-pull-1 {
    right: 8.33333333%;
}
.col-sm-pull-0 {
    right: auto;
}
.col-sm-push-12 {
    left: 100%;
}
.col-sm-push-11 {
    left: 91.66666667%;
}
.col-sm-push-10 {
    left: 83.33333333%;
}
.col-sm-push-9 {
    left: 75%;
}
.col-sm-push-8 {
    left: 66.66666667%;
}
.col-sm-push-7 {
    left: 58.33333333%;
}
.col-sm-push-6 {
    left: 50%;
}
.col-sm-push-5 {
    left: 41.66666667%;
}
.col-sm-push-4 {
    left: 33.33333333%;
}
.col-sm-push-3 {
    left: 25%;
}
.col-sm-push-2 {
    left: 16.66666667%;
}
.col-sm-push-1 {
    left: 8.33333333%;
}
.col-sm-push-0 {
    left: auto;
}
.col-sm-offset-12 {
    margin-left: 100%;
}
.col-sm-offset-11 {
    margin-left: 91.66666667%;
}
.col-sm-offset-10 {
    margin-left: 83.33333333%;
}
.col-sm-offset-9 {
    margin-left: 75%;
}
.col-sm-offset-8 {
    margin-left: 66.66666667%;
}
.col-sm-offset-7 {
    margin-left: 58.33333333%;
}
.col-sm-offset-6 {
    margin-left: 50%;
}
.col-sm-offset-5 {
    margin-left: 41.66666667%;
}
.col-sm-offset-4 {
    margin-left: 33.33333333%;
}
.col-sm-offset-3 {
    margin-left: 25%;
}
.col-sm-offset-2 {
    margin-left: 16.66666667%;
}
.col-sm-offset-1 {
    margin-left: 8.33333333%;
}
.col-sm-offset-0 {
    margin-left: 0%;
}
}

@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-12 {
    width: 100%;
}
.col-md-11 {
    width: 91.66666667%;
}
.col-md-10 {
    width: 83.33333333%;
}
.col-md-9 {
    width: 75%;
}
.col-md-8 {
    width: 66.66666667%;
}
.col-md-7 {
    width: 58.33333333%;
}
.col-md-6 {
    width: 50%;
}
.col-md-5 {
    width: 41.66666667%;
}
.col-md-4 {
    width: 33.33333333%;
}
.col-md-3 {
    width: 25%;
}
.col-md-2 {
    width: 16.66666667%;
}
.col-md-1 {
    width: 8.33333333%;
}
.col-md-pull-12 {
    right: 100%;
}
.col-md-pull-11 {
    right: 91.66666667%;
}
.col-md-pull-10 {
    right: 83.33333333%;
}
.col-md-pull-9 {
    right: 75%;
}
.col-md-pull-8 {
    right: 66.66666667%;
}
.col-md-pull-7 {
    right: 58.33333333%;
}
.col-md-pull-6 {
    right: 50%;
}
.col-md-pull-5 {
    right: 41.66666667%;
}
.col-md-pull-4 {
    right: 33.33333333%;
}
.col-md-pull-3 {
    right: 25%;
}
.col-md-pull-2 {
    right: 16.66666667%;
}
.col-md-pull-1 {
    right: 8.33333333%;
}
.col-md-pull-0 {
    right: auto;
}
.col-md-push-12 {
    left: 100%;
}
.col-md-push-11 {
    left: 91.66666667%;
}
.col-md-push-10 {
    left: 83.33333333%;
}
.col-md-push-9 {
    left: 75%;
}
.col-md-push-8 {
    left: 66.66666667%;
}
.col-md-push-7 {
    left: 58.33333333%;
}
.col-md-push-6 {
    left: 50%;
}
.col-md-push-5 {
    left: 41.66666667%;
}
.col-md-push-4 {
    left: 33.33333333%;
}
.col-md-push-3 {
    left: 25%;
}
.col-md-push-2 {
    left: 16.66666667%;
}
.col-md-push-1 {
    left: 8.33333333%;
}
.col-md-push-0 {
    left: auto;
}
.col-md-offset-12 {
    margin-left: 100%;
}
.col-md-offset-11 {
    margin-left: 91.66666667%;
}
.col-md-offset-10 {
    margin-left: 83.33333333%;
}
.col-md-offset-9 {
    margin-left: 75%;
}
.col-md-offset-8 {
    margin-left: 66.66666667%;
}
.col-md-offset-7 {
    margin-left: 58.33333333%;
}
.col-md-offset-6 {
    margin-left: 50%;
}
.col-md-offset-5 {
    margin-left: 41.66666667%;
}
.col-md-offset-4 {
    margin-left: 33.33333333%;
}
.col-md-offset-3 {
    margin-left: 25%;
}
.col-md-offset-2 {
    margin-left: 16.66666667%;
}
.col-md-offset-1 {
    margin-left: 8.33333333%;
}
.col-md-offset-0 {
    margin-left: 0%;
}
}

@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}
.col-lg-12 {
    width: 100%;
}
.col-lg-11 {
    width: 91.66666667%;
}
.col-lg-10 {
    width: 83.33333333%;
}
.col-lg-9 {
    width: 75%;
}
.col-lg-8 {
    width: 66.66666667%;
}
.col-lg-7 {
    width: 58.33333333%;
}
.col-lg-6 {
    width: 50%;
}
.col-lg-5 {
    width: 41.66666667%;
}
.col-lg-4 {
    width: 33.33333333%;
}
.col-lg-3 {
    width: 25%;
}
.col-lg-2 {
    width: 16.66666667%;
}
.col-lg-1 {
    width: 8.33333333%;
}
.col-lg-pull-12 {
    right: 100%;
}
.col-lg-pull-11 {
    right: 91.66666667%;
}
.col-lg-pull-10 {
    right: 83.33333333%;
}
.col-lg-pull-9 {
    right: 75%;
}
.col-lg-pull-8 {
    right: 66.66666667%;
}
.col-lg-pull-7 {
    right: 58.33333333%;
}
.col-lg-pull-6 {
    right: 50%;
}
.col-lg-pull-5 {
    right: 41.66666667%;
}
.col-lg-pull-4 {
    right: 33.33333333%;
}
.col-lg-pull-3 {
    right: 25%;
}
.col-lg-pull-2 {
    right: 16.66666667%;
}
.col-lg-pull-1 {
    right: 8.33333333%;
}
.col-lg-pull-0 {
    right: auto;
}
.col-lg-push-12 {
    left: 100%;
}
.col-lg-push-11 {
    left: 91.66666667%;
}
.col-lg-push-10 {
    left: 83.33333333%;
}
.col-lg-push-9 {
    left: 75%;
}
.col-lg-push-8 {
    left: 66.66666667%;
}
.col-lg-push-7 {
    left: 58.33333333%;
}
.col-lg-push-6 {
    left: 50%;
}
.col-lg-push-5 {
    left: 41.66666667%;
}
.col-lg-push-4 {
    left: 33.33333333%;
}
.col-lg-push-3 {
    left: 25%;
}
.col-lg-push-2 {
    left: 16.66666667%;
}
.col-lg-push-1 {
    left: 8.33333333%;
}
.col-lg-push-0 {
    left: auto;
}
.col-lg-offset-12 {
    margin-left: 100%;
}
.col-lg-offset-11 {
    margin-left: 91.66666667%;
}
.col-lg-offset-10 {
    margin-left: 83.33333333%;
}
.col-lg-offset-9 {
    margin-left: 75%;
}
.col-lg-offset-8 {
    margin-left: 66.66666667%;
}
.col-lg-offset-7 {
    margin-left: 58.33333333%;
}
.col-lg-offset-6 {
    margin-left: 50%;
}
.col-lg-offset-5 {
    margin-left: 41.66666667%;
}
.col-lg-offset-4 {
    margin-left: 33.33333333%;
}
.col-lg-offset-3 {
    margin-left: 25%;
}
.col-lg-offset-2 {
    margin-left: 16.66666667%;
}
.col-lg-offset-1 {
    margin-left: 8.33333333%;
}
.col-lg-offset-0 {
    margin-left: 0%;
}
}
/*Header Section*/



.header-sec {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    margin: 0;
    padding: 0px 0;
    border-bottom: 1px solid #00a69647;
    /*background: -moz-linear-gradient(left, #e8edf2 30%, #ffffffed 30%); 
    background: -webkit-linear-gradient(left, #e8edf2 30%, #ffffffed 30%); 
    background: linear-gradient(to right, #e8edf2 30%, #ffffffed 30%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8edf2', endColorstr='#ffffff', GradientType=1 ); 
    box-shadow: 0px 0px 50px #EFEFEF;*/

    background: #e8edf2; /* Old browsers */
    background: -moz-linear-gradient(left, #e8edf2 0%, #e8edf2 30%, #ffffff 30%, #ffffff 30%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e8edf2 0%,#e8edf2 30%,#ffffff 30%,#ffffff 30%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e8edf2 0%,#e8edf2 30%,#ffffff 30%,#ffffff 30%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8edf2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.ABT-logo {
    width: 100%;
    margin: 0;
    padding: 0;
    background: url(../themes/abt/images/logo-skwe.png) right top no-repeat;
    /*padding: 54px 0px 54px;*/
    padding: 12px 0;
    float: left;
}
.ABT-logo img{ max-width: 150px; }
.footer-logo{ max-width: 160px; }

.header-sec.shrink{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8edf2+36,ffffff+36 */
    background: #e8edf2; /* Old browsers */
    background: -moz-linear-gradient(left, #e8edf2 20%, #ffffff 20%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e8edf2 20%, #ffffff 20%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e8edf2 20%, #ffffff 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8edf2', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 */ }

.header-sec.shrink .altayer-logo {
    padding: 24px 0px;
}
.header-sec.shrink .header-menu-t {
    display: none;
}

.header-sec.shrink .top-menu{
    margin:30px 0 0 0;
    }
    
.top-menu {
    margin: 20px 0 0 0; 
    padding: 0;
    float: right; 
    position: absolute;
    width: 100%;
    max-width: 1222px;
    bottom: 20px;
}

.main-menu{ position:relative; float:left; width:100%;}
/*  a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.fancybox.desk-none{ display:none !important;}*/
.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    padding: 0px 13px !important;
}   

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_only{ padding: 3px !important; }

.ubermenu-nav {
    text-align: inherit;
    float: right !important;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
    right: 0px !important;
    font-weight: bold !important;

}

.ubermenu-skin-black-white-2 .ubermenu-submenu.ubermenu-submenu-drop{
    top: 44px !important;
    border:0 !important;
    }
    
.ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-target {
    font-size: 20px !important;
    padding: 15px 30px !important;
    font-weight: 700 !important;
}   

.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group {
    padding: 25px !important;
}

.ubermenu .ubermenu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.09) !important;
}

.ubermenu .ubermenu-item:last-child{ border-bottom: 0 !important}
.ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-target:hover{ color:#00a999 !important}


.ubermenu.ubermenu-main .ubermenu-tab-content-panel{ padding:40px 0px 40px 30px;}
.ubermenu.ubermenu-main .ubermenu-tab-content-panel li a{ font-size:20px; margin: 5px 0; padding:0 !important}  
.ubermenu.ubermenu-main .ubermenu-tab-content-panel li{ /*width:370px;*/ width: 31.4%; border-bottom:1px dotted #CFCFCF !important; margin-bottom:10px !important; margin-right:10px !important;}


.ubermenu.ubermenu-main .ubermenu-tab-content-panel .ubermenu-item-has-children{ border-bottom:1px solid #999 !important; margin-bottom:15px !important; }
.ubermenu.ubermenu-main .ubermenu-tab-content-panel .ubermenu-item-has-children:last-child{ border-bottom:0 !important;}
    
    
/*.top-menu ul.ubermenu-nav li  a{
    font-weight:700 !important;
    color:#051d49 !important;
    text-transform:uppercase !important;
    font-size:16px !important;
    text-decoration:none !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    }
    
.top-menu ul.ubermenu-nav li  a:hover{
    color:rgb(0, 138, 128) !important;
    }   
    
.top-menu ul{
    margin: 0;
    padding: 0;
    float: right !important;
    background:none !important;
    }   
    
.top-menu ul li {
    margin: 0 0px 0 35px !important;
    padding: 0 !important;
    list-style: none !important;
    float: left !important;
    background:none !important;
}   


    
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{ width:250px !important; background:#fff !important;}     
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { padding:15px !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li{ width:100% !important; margin-bottom:5px !important; margin:0 !important; padding:0 !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li a{ text-transform:uppercase !important; line-height:25px !important; font-size:14px !important;}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{ font-size: 0 !important;
    background: url(images/arrow-down.png) 0 -7px no-repeat !important;
    width: 14px;
    height: 15px;
    margin-top: 17px;}*/


.header-menu {
    margin: 0;
    padding: 0;
}
.header-menu-t {
    margin: 10px 0 0 0;
    padding: 0;
    position:relative;
    z-index:102;
}

.header-menu-t ul {
    margin: 0;
    padding: 0;
    float: right;
}
.header-menu-t ul li {
    margin: 0 8px 0 0;
    padding: 0;
    list-style: none;
    float: left;
}
.facebook {
    width: 32px;
    height: 32px;
    background: url(../themes/abt/images/social-media.png);
    background-position: 113px 70px;
    display: block;
    transition: all 0.3s ease-out;
}
.facebook:hover {
    background-position: 113px 31px;
    transition: all 0.3s ease-out;
}
.twitter {
    width: 32px;
    height: 32px;
    background: url(../themes/abt/images/social-media.png);
    background-position: 184px 70px;
    display: block;
    transition: all 0.3s ease-out;
}
.twitter:hover {
    background-position: 184px 31px;
    transition: all 0.3s ease-out;
}
.linkedin {
    width: 32px;
    height: 32px;
    background: url(../themes/abt/images/social-media.png);
    background-position: 258px 70px;
    display: block;
    transition: all 0.3s ease-out;
}
.linkedin:hover {
    background-position: 258px 31px;
    transition: all 0.3s ease-out;
}
.header-search {
    width: 250px;
}
.sb-search {
    position: relative;
    margin-top: 0px;
    width: 0%;
    margin-right: 15px;
    min-width: 35px;
    height: 35px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 35px;
    border: none;
    outline: none;
    background: #F7F7F7;
    width: 100%;
    margin: 0;
    z-index: 10;
    padding: 5px 27px 5px 45px;
    font-family: inherit;
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #00a999;
}
 .sb-search-input::-webkit-input-placeholder {
 color: #00a999;
}
 .sb-search-input:-moz-placeholder {
 color: #00a999;
}
 .sb-search-input::-moz-placeholder {
 color: #00a999;
}
 .sb-search-input:-ms-input-placeholder {
 color: #00a999;
}
.sb-icon-search, .sb-search-submit {
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}
.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}
.sb-icon-search {
    color: #fff;
    z-index: 90;
    font-size: 22px;
    background: url(../themes/abt/images/search.png) 5px no-repeat;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
/* Open state */
.sb-search.sb-search-open {
    width: 100%;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
    background: url(../themes/abt/images/search.png) 5px no-repeat;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
    z-index: 90;
}
.login-dropdown {
    position: relative;
    margin: 0 auto;
    padding: 0 20px 0 0;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #bbb;
    margin-left: 20px;
}
.login-dropdown:after { /* Little arrow */
    content: "";
    width: 10px;
    height: 7px;
    position: absolute;
    top: 44%;
    right: 0px;
    background: url(../themes/abt/images/arrow-down.png) right bottom no-repeat;
}
.login-dropdown .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    padding: 0;
    width: 150px;
    /* Styles */
    background: #fff;
    border-radius: 0px;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /* Hiding */
    max-height: 0;
    overflow: hidden;
}
.login-dropdown .dropdown li {
    padding: 0 10px;
    float: none;
    border-bottom: 1px solid #e6e8ea;
    margin: 0;
}
.login-dropdown .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 2px 0;
    transition: all 0.3s ease-out;
    font-size: 13px;
}
.login-dropdown .dropdown li:last-of-type a {
    border: none;
}
.login-dropdown .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}
/* Hover state */

.login-dropdown .dropdown li:hover a {
    color: #00a999;
}
/* Active state */

.login-dropdown.active-1 {
    box-shadow: none;
    border-bottom: none;
}
/*.login-dropdown.active-1:after {
    background: url(../themes/abt/images/arrow-down.png) right top no-repeat;
}*/
.login-dropdown:hover .dropdown {
    box-shadow: 0px 2px 5px #EDEDED;
    max-height: 400px;
    top: 40px;
    z-index:101;
    
}
.h-banner {
    margin: 0;
    padding: 0;
    border-bottom: 4px solid #6F6F6F;
}
.h-banner .banner-content {
    max-width: 1280px;
    width: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 42%;
}
.h-banner .banner-content h2 {
    font-size: 60px;
    color: #051d49;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 60px;
}
.h-banner .banner-content h2 span {
    font-weight: 700;
}
.play-button {
    font-size: 21px !important;
    text-transform: uppercase;
    color: #00a999;
    margin: 20px 0 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: bottom;
}
.play-button svg {
    width: 45px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    height: 7vw;
    max-height: 80px;
    stroke: #fff;
    stroke-width: 15;
    fill: none;
}
.round {
    stroke-dasharray: 0, 0, 2900;
}
.play-button svg:hover .round {
    animation: round 3s;
}
.play-button:hover .round {
    animation: round 3s;
}
@keyframes round {
0% {
stroke-dasharray:    0, 500, 2900
}
100% {
stroke-dasharray:2900, 500, 2900;
}
}
.h-banner .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -150px;
    text-align: left;
    position: absolute;
    max-width: 1280px;
    width: 100%;
    transform: translateX(-50%);
    left: 50%;
}
.h-banner .owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
    margin: 0 5px;
    background: #A2A2A2;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 0px;
}
.h-banner .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #00a999;
}
.owl-dot:focus {
    outline: none;
}
/*.floating-scroll {
    
    transform:rotate(90deg);
    
}*/

.floating-scroll.dis-none {
    display: none;
}
.banner-blue-sec {
    border-radius: 10px;
    background: rgba(5,29,73,0.95);
    padding: 32px;
    /* display: inline; */
    margin-top: -240px;
    position: relative;
    z-index: 10;
    max-width: 70%;
    width: 100%;
    float: right;
    margin-right: 60px;
}
.banner-blue-sec:after {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: rgba(0,172,156,0.91);
    padding: 25px;
    width: 50px;
    height: 50px;
    content: "";
    position: absolute;
    right: -60px;
    float: right;
    top: 0;
    height: 100%;
}
.banner-blue-sec .icon {
    width: 100px;
    height: 100px;
    float: left;
    border-radius: 50%;
    background: -moz-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6-9 */
}
.banner-blue-sec .icon img {
    width: auto !important;
    margin: auto;
    padding-top: 12px;
}
.banner-blue-sec .icon-text {
    border-left: 1px solid rgba(255,255,255,0.50);
    padding: 0 0 0 15px;
    margin-top: 27px;
    float: left;
    margin-left: -10px;
    width: 68%;
}
.banner-blue-sec .icon-text .copy {
    padding: 0 0 0 15px;
    color: #fff;
    font-size: 18px;
    float: left;
    line-height: 22px;
    margin-left: -10px;
}
.banner-blue-sec .icon-text .value {
    font-size: 40px;
    color: #00a999;
    display: block;
    font-weight: 700;
    line-height: 50px;
}
.orange-button {
    border-radius: 10px;
    padding: 10px 80px 10px 50px;
    color: #fff;
    background: #00a999 url(../themes/abt/images/arrow-white-right.png) 85% center no-repeat;
    text-transform: uppercase;
    margin-top: 50px;
    float: left;
    margin-left: -50px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    transition: all 0.5s ease-in-out;
}
.orange-button:hover {
    background-position: 90% center;
    transition: all 0.5s ease-in-out;
}
.h-fold-two {
    margin: 0;
    padding: 50px 0 50px 0;
    background: #efeef1;
}

.h-fold-two .white-box-block { min-height:520px; padding:20px 0 0 0}

.white-box-block {
    background: #fff;
    margin: 0 0px;
    padding: 20px 0;
    transform: scale(0.95);
    transition: all 0.5s ease-in-out;
    min-height: 580px;
    border: 1px solid #f8f8f8;
}
.white-box-block h3 {
    text-transform: uppercase;
    color: #00a999;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 15px;
    line-height: 27px;
    padding: 0;
    transform: scale(0.8);
    transition: all 0.5s ease-in-out;
}
.white-box-block p {
    padding: 25px;
    line-height: 24px;
    font-size: 18px;
    color: #051d49;
    text-align: justify;
}
.white-box-block:hover {
    transform: scale(1.02);
    box-shadow: 5px 5px 25px #D5D5D5;
    transition: all 0.5s ease-in-out;
}
.white-box-block:hover h3 {
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}
.h-fold-two .owl-stage-outer {
    padding: 0px;
}
.h-fold-two .item {
    margin: 15px;
}
.h-fold-two .owl-dots {
    display: none
}
.h-fold-two .owl-nav {
    width: 100%;
}
.h-fold-two .owl-next:focus, .h-fold-two .owl-prev:focus {
    outline: none
}
.h-fold-two .owl-next {
    background: url(../themes/abt/images/owl-blue-arrows.png) right top no-repeat !important;
    width: 20px;
    height: 30px;
    position: absolute;
    right: -20px;
    bottom: 50%;
}
.h-fold-two .owl-prev {
    background: url(../themes/abt/images/owl-blue-arrows.png) left top no-repeat !important;
    width: 20px;
    height: 30px;
    position: absolute;
    left: -20px;
    bottom: 50%;
}
.h-milestone {
    background: url(../themes/abt/images/milestone-bg.png) left top no-repeat;
    background-size: cover;
    padding: 200px 0 100px;
    margin-top: -200px;
    position: relative;
}
.h-milestone h2 {
    font-size: 40px;
    text-transform: uppercase;
    color: #051d49;
    margin-bottom: 25px;
    padding: 0;
    text-align: center;
}
.history {
    margin: auto;
    padding: 0;
    clear: both;
    max-width: 1300px;
}
#timeline {
    clear: both;
    overflow: hidden;
    margin: 50px auto 0;
    position: relative;
    background: url(../themes/abt/images/thin-line-gray.png) 100% 86.5% repeat-x;
}
.timeline-wrap {
    position: absolute;
    bottom: 74px;
    width: 100%;
}
#dates {
    width: 1200px;
    padding: 0;
    margin: 55px 0 0 0;
    overflow: hidden;
}
#dates li {
    list-style: none;
    float: left;
    width: 180px;
    height: 100px;
    font-size: 24px;
    text-align: center;
}
#dates a {
    padding-bottom: 0px;
    padding-top: 57px;
    color: #000;
    font-size: 17px;
    text-decoration: none;
    outline: none;
    background: url(../themes/abt/images/dot-history.png) 50% 18px no-repeat;
    display: block;
    width: 230px;
    font-weight: 700;
}
#dates .selected {
    font-size: 25px;
    background: url(../themes/abt/images/dot-history-act.png) 50% 0px no-repeat;
}
#issues {
    overflow: hidden;
    padding: 0;
    width: 1300px;
    margin: auto;
}
#issues li {
    list-style: none;
    float: left;
    width: 1300px;
    padding: 0 0px;
    position: relative;
}
#issues li.selected img {
}
#issues li img {
    float: left;
    margin: 10px 30px 10px 50px;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    zoom: 1;
}
#grad_left, #grad_right {
    width: 100px;
    height: 350px;
    position: absolute;
    top: 0;
}
#grad_left {
    left: 0;
}
#grad_right {
    right: 0;
}
.loading_loader{
    margin-top: 15px;
}
.h-milestone .next, .h-milestone .prev {
    position: absolute;
    top: 0;
    top: 40%;
    width: 18px;
    height: 25px;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    transform: translateY(-50%);
}
.timeline-wrap .next {
    top: 0px;
    background: url(../themes/abt/images/round-arrow-next.png) no-repeat;
    height: 27px;
    width: 27px;
    right: 0px;
    top: 4px;
    z-index: 10;
}
.timeline-wrap .prev {
    top: 0px;
    background: url(../themes/abt/images/round-arrow-prev.png) no-repeat;
    height: 27px;
    width: 27px;
    left: 0;
    top: 4px;
    z-index: 10;
}
.next {
    right: 0px;
    background-image: url(../themes/abt/images/arrow-next.png);
}
.prev {
    left: 0px;
    background-image: url(../themes/abt/images/arrow-prev.png);
}
.next.disabled, .prev.disabled {
    opacity: 1;
}
.next.enabled, .prev.enabled {
    opacity: 1;
}
.timeline-image {
    margin: 0px 0px 0px 60px;
    padding: 32px 16px 14px 31px;
    float: left;
    background: url(../themes/abt/images/timelie-image-bg.png) no-repeat;
    background-size: contain;
}
.timeline-image img {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
.timeline-content {
    margin: 0px 75px 100px 50px;
    padding: 0;
    text-align: left;
    width: 350px;
}
.timeline-content h2 {
    font-size: 48px;
    color: #00a999;
font-family: 'Cairo';
    margin: 0 0 15px 0;
    padding: 0;
    text-align: left;
    font-weight: 600;
}
.timeline-content h3 {
    font-size: 24px;
    color: #84a11e;
font-family: 'Cairo';
    margin: 0 0 15px 0;
    padding: 0;
}
.timeline-content p {
    font-size: 14px;
    color: #666;
    line-height: normal;
font-family: 'Cairo';
}
.h-form {
    margin: 0;
    padding: 100px 0;
    background: url(../themes/abt/images/contact-bg.png) left top no-repeat;
    background-size: cover;
}
.h-form h3 {
    font-size: 48px;
    color: #fff;
    margin: 0 0 15px 0;
    padding: 50px 0 0 0;
    text-align: left;
    font-weight: 600;
    line-height: 60px;
}
.footer {
    margin: 0;
    padding: 50px 0;
    background: #eeeef0;
    position: relative;
}
.font-10 {
    font-size: 14px;
}
.footer .links a {
    font-size: 15px;
    text-transform: uppercase;
    color: #051d49;
    margin-left: 30px;
    display: inline-block;
    float: right;
    font-weight: 700;
}
.footer .links .socialwrap li a{
    margin-left: 0px;
}

.header-menu-t ul {
    margin: 0;
    padding: 0;
    float: right;
}
.footer ul {
    margin: 0 0px 0 0;
    padding: 0;
    float: right;
    position: relative;
}
.footer ul li {
    margin: 15px 0px 0 8px;
    padding: 0;
    list-style: none;
    float: left;
}
.back-to-top {

    position: absolute;
    top: -29px;
    right: 60px;
    display: none;
}
.back-to-top.visible-b-t{
    position: fixed;
    top: auto;
    bottom: 50px;
    right: 60px;
    display: block;
    z-index: 999;
}


.floating-form-button {
    position: fixed;
    transform: translateY(-50%);
    top: 50%;
    right: 50px;
    border-radius: 50%;
    background: #fb1901 url(../themes/abt/images/get-in-touch.png) no-repeat center center;
    box-shadow: 0px 15px 25px #1919194d;
    z-index: 101;
    transition: all ease-in-out 0.5s;
    width: 70px;
    height: 70px;
}
.floating-form-button:hover {
    transition: all ease-in-out 0.5s;
    background: #071f4a url(../themes/abt/images/get-in-touch.png) no-repeat center center;
}
.floating-form-close {
    position: fixed;
    transform: translateY(-50%);
    top: 50%;
    right: 50px;
    border-radius: 50%;
    background: #fb1901 url(../themes/abt/images/close.png) no-repeat center center;
    box-shadow: 0px 15px 25px #1919194d;
    z-index: 101;
    transition: all ease-in-out 0.5s;
    width: 70px;
    height: 70px;
    display: none;
}
.floating-form {
    position: fixed;
    transform: translateY(-50%);
    top: 50%;
    right: 80px;
    background: #fff;
    padding: 40px 60px 40px 60px;
    z-index: -10;
    width: 400px;
    opacity: 0;
    transition: all .5s ease-in-out;
    height: 640px;
    overflow: auto;
}
.floating-form.enable {
    opacity: 1;
    z-index: 100;
    transition: all .5s ease-in-out;
}
.floating-form h3 {
    font-size: 24px;
    color: #00a999;
    text-align: left;
    line-height: 28px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.sjb-page .sjb-filters {
    margin: 0 !important;
    background-color: #071f4a;
}
.sjb-page .list-data {
    margin-top: 0 !important
}
.sjb-page .sjb-filters .btn-search {
    font-family: none !important;
    font-size: 0px !important;
    height: 40px;
    margin-bottom: 35px;
    padding: 0;
    width: 100%;
    border-radius: 25px !important;
    background: #00a999 url(../themes/abt/images/search-icon.png) center center no-repeat!important;
}
.sjb-page .sjb-filters .btn-search:hover {
    background-color: #fb1901 !important;
}
.sjb-page .list-data .job-info h4 {
    color: #071f4a !important;
    font-weight: 700 !important;
}
.sjb-page .list-data .job-type, .sjb-page .list-data .job-location, .sjb-page .list-data .job-date {
    color: #686868 !important
}
.sjb-page .btn-primary {
    background: #afafaf url(../themes/abt/images/arrow-white-right.png) 90% center no-repeat !important;
    padding: 5px 25px !important;
    background-size: 5px !important;
}
.sjb-page .btn-primary:hover {
    background-color: #071f4a !important
}


.pop-up-form {
    padding: 30px;
    background: #fff;
}
.pop-up-form h3 {
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 25px;
    padding: 0;
}
.pop-up-form input[type="submit"] {
    border-radius: 3px;
    padding: 10px 40px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    background: #faa51c;
    display:table; width:auto; margin:0 auto;
    transition: all .3s ease;
}
.pop-up-form input[type="submit"]:hover{ background: #1d2f5f ;
    color: #faa51c;}
    
.pop-up-form input[type="button"] {
    border-radius: 3px;
    padding: 10px 40px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    background: #faa51c;
    display:table; width:auto; margin:0 auto;
    transition: all .3s ease;
}
.pop-up-form input[type="button"]:hover{ background: #1d2f5f ;
    color: #faa51c;}    
    
    
    
.pop-up-form input:focus, .common-form textarea:focus {
    outline: none;
}
.pop-up-form input {
    margin-bottom: 15px;
    border: none;
    padding: 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 400;
    background: #eee;
    margin-top: 0px;
}
.pop-up-form textarea {
    height: 75px;
    margin-bottom: 15px;
    border: none;
    padding: 10px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    font-size: 14px;
    width: 100%;
    text-transform:uppercase;
    resize: none;
    font-weight:400;
    background: #eee;
    margin-top: 0px;
}
.pop-up-form div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    float: none;
}

.pop-up-form input[type="checkbox"] {
    float: left;
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: 2px;
    margin-bottom: 0px;
}
.pop-up-form label{
    font-weight: 500;
    font-size: 13px;
    vertical-align: middle;
}
.pop-up-form span.wpcf7-list-item-label{
    margin: 0px;
    display: flex;
}
.pop-up-form span.wpcf7-list-item{
    margin: 0px;
}




.fancybox-close {
    top: -32px;
    right: 0px;
    z-index: 9999;
    background-color: transparent !important;
    background-position: right center;
}


.fancybox-lock .fancybox-overlay:hover{
    cursor: url('../themes/abt/images/close.png'), auto;  
}
.fancybox-wrap:hover{
    cursor: auto;
}

.pop-up-form label{ width:100% !important; }

/*Robin Styles*/


/*Common styles*/


ul{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
img{
    max-width: 100%;
}
.pad-80{
    padding-top: 80px;
    padding-bottom: 80px;
}
.bottom-pad-0{
    padding-bottom: 0 !important;
}
.pad-50{
    padding-top: 50px;
    padding-bottom: 50px;
}
.pad-0{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
h2{
    font-size: 40px;
    text-transform: uppercase;
    color: #051d49;
    margin-bottom: 25px;
    padding: 0;
    clear: both;
    margin: 0;
}
p{
    margin-top: 0px;
    margin-bottom: 10px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}
a,button{
    transition: all .3s ease;
}

input:focus, textarea:focus, select:focus, button:focus{
    outline: none;
}

.master-button{
    background-color: #00a999 !important;
    color: #fff !important;
    padding: 15px 45px !important;
    border-radius: 25px;
    border: none !important;
    width: auto !important;
    font-size: 16px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    margin-top: 25px !important;
    cursor: pointer;
    transition: all .3s ease;
}
.master-button:hover{
    background-color: #a74f14 !important;
}

.gray-button {
    border-radius: 3px;
    padding: 12px 40px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    font-size: 15px;
    line-height: 18px;
    background: #808080 url(../themes/abt/images/right-arrow-white.png) no-repeat right 20px center;
}
.gray-button:hover{
    background-color: #faa51c !important;
    background-position: right 5px center !important;
}

.orange-small-button {
    background-color: #00a999;
    padding: 14px 32px;
    border-radius: 25px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 22px;
    display: table;
    margin: 30px auto 0px;
    font-size: 18px;
}
.orange-small-button:hover{
    background-color: #cc641e;
}

.page-title{
    /*text-align: center;*/
}

.page-title ul.listings-blk li{
    color:#051d49;
}


.page-title h2{
    line-height: 45px;
    margin-bottom: 20px;
}
.page-title h4{
    line-height: 35px;
    font-size: 30px;
    font-family: 'Cairo';
    font-weight: 500;
    color: #051d49;
    margin: 0;
    margin-top: 25px;
}
.page-title p{
    font-size: 18px;
    color: #051d49;
    line-height: 25px;
    text-align: justify;
}


/*Common styles*/




.inner-banner {
    margin-top: 125px;
    position: relative;
}
.inner-banner .banner-img {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 215px;
}
.breadcrumb {
    background-color: rgba(5, 29, 72, 0.5);
    padding: 15px 0px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    font-size: 14px;
}
.breadcrumb li {
    display: inline-block;
    margin-right: 10px;
    background: url(../themes/abt/images/breadcrumb-arrow.png) no-repeat right center;
    padding-right: 20px;
}
.breadcrumb li:last-child {
    background: none;
}
.breadcrumb li:last-child a {
    pointer-events: none;
    cursor: auto;
}
.breadcrumb a {
    color: #fff;
    font-size: 14px;
}
.breadcrumb a:hover {
    color: #00a999;
}
.inner-banner h1 {
    position: absolute;
    transform: translateY(-50%);
    top: 60%;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0px 15px;
    color: #fff;
}
.skew-about-block h2 {
    line-height: 45px;
    margin-top: 70px;
    text-align: right;
    padding-right: 70px;
}
.values-block {
    background: url(../themes/abt/images/about-skew-bg.png) center center no-repeat;
    /*background-position: 100%;*/
}
.value-title {
    width: 29%;
    display: inline-block;
    padding-right: 30px;
}
.value-title h2 {
    color: #fff;
    line-height: 45px;
    text-align: right;
}
.value-list {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 240px;
    margin-top: 240px;
    border-left: solid 1px rgba(255, 255, 255, 0.15);
}
.value-list li {
    width: 50%;
    float: left;
    text-align: center;
    margin: 15px 0px;
}
.value-list li p {
    color: #fff;
    font-size: 24px;
    line-height: 27px;
    margin-top: 15px;
}
.box-about-block {
    max-width: 400px;
    width: 100%;
    background-color: rgb(0, 138, 128);
    color: #fff;
    padding: 75px 25px 40px;
    line-height: 25px;
    position: absolute;
    top: 0;
    box-shadow: 0px 1px 10px -1px rgba(128, 128, 128, 0.65);
    margin-left: 70px;
    font-size: 17px;
}
.gray-skew {
    width: 100%;
    height: 480px;
    position: absolute;
    z-index: -9;
    top: -250px;
    background: #f4f4f4;
    padding: 200px 0;
    -webkit-transform: skew(0deg, 10deg);
    -moz-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg);
}
.about-second-fold {
    padding: 0px 0px 60px;
    position: relative;
    margin-top: -90px;
}
.about-second-fold p {
    line-height: 27px;
    font-size: 18px;
    color: #051d49;
}
.about-second-fold h2 {
    margin-bottom: 20px;
}
.about-second-fold .highlight-block {
    background: #009688 ;
    background-size: cover;
    padding: 50px;
    text-align: center;
    color: #fff;
    font-size: 30px;
    line-height: 37px;
    font-weight: 600;
    margin: 20px 0px;
}
.vision-block {
    padding: 130px 0px;
    width: 100%;
    position: relative;
    background: #0e336a url(../themes/abt/images/vision-bg.jpg) no-repeat center;
    background-size: cover;
    text-align: right;
    color: #fff;
}
.vision-content {
    margin-left: 120px;
    background: url(../themes/abt/images/square.png) no-repeat right bottom;
    padding: 0px 25px 25px 0px;
}
.vision-content h2 {
    color: #fff;
    margin-bottom: 10px;
}
.vision-content p {
    font-size: 24px;
    line-height: 35px;
    margin: 0px 0px 10px;
}
.mission-block {
    text-align: center;
    background: #fff url(../themes/abt/images/mission-bg.png) no-repeat left bottom;
    background-size:cover;
}
.mission-block .owl-carousel img {
    width: auto !important;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
}
.mission-block .mission-slider {
    margin-top: 50px;
}
.mission-block .mission-slider p {
    font-size: 22px;
    color: #051d49;
    line-height: 27px;
    font-weight: 600;
}
.mission-block .mission-slider .item {
    padding: 10px 30px;
    border-right: solid 1px #eeeef0;
    margin-right: -5px;
}
.mission-block .mission-slider .owl-item:last-child .item {
    border: none;
}
.mission-slider .owl-prev {
    background: url(../themes/abt/images/owl-left.png) no-repeat center !important;
    width: 25px;
    height: 25px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -15px;
}
.mission-slider .owl-next {
    background: url(../themes/abt/images/owl-right.png) no-repeat center !important;
    width: 25px;
    height: 25px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -15px
}
.owl-prev:focus, .owl-next:focus {
    outline: none !important;
}
.contact-sec {
    padding: 50px 0px;
    position: relative;
}
.contact-sec .gray-skew {
    top: 80px;
}
.contact-form-sec input, .contact-form-sec textarea, .contact-form-sec select {
    width: 100%;
    display: block;
    padding: 15px 15px;
    background-color: #fff;
    border: solid 1px #bbb;
    font-size: 16px;
    color: #333;
    margin-top: 5px;
    margin-bottom: 5px;
}
.contact-form-sec textarea {
    height: 100px;
    resize: none;
}
.contact-form-sec select {
    background: #fff url(../themes/abt/images/select-arrow.png) no-repeat right 15px center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.contact-form-sec select::-ms-expand {
 display: none;
}
.contact-form-sec p, .contact-address-sec p {
    font-size: 18px;
    color: #051d49;
    line-height: 25px;
    margin-bottom: 30px;
}
.contact-form-sec .form-field label {
    margin-top: 20px;
    display: block;
    color: #000101;
    font-size: 17px;
}
.address-list {
    margin-bottom: 25px;
}
.address-list .address-icon {
    width: 40px;
    height: 40px;
    background-color: #00a999;
    border-radius: 50%;
    text-align: center;
    padding: 5px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}
.orange-icon .address-icon {
    background-color: #00a999 !important;
}
.address-list .address-detail {
    display: inline-block;
    line-height: 25px;
    font-size: 16px;
    color: #666666;
    vertical-align: middle;
}
.address-list .address-detail a {
    color: #666;
    white-space: nowrap;
}
.address-list .address-detail a:hover {
    color: #00a999;
}
.address-list .address-detail strong {
    display: block;
    text-transform: uppercase;
}


.contact-address-sec .col-sm-6:nth-child(even) .address-icon{ background:#00a999;}
.loading_blog_loader{ margin-top:25px;}

.map-sec {
    background: url(../themes/abt/images/square.png) no-repeat right bottom;
    padding: 0px 15px 15px 0px;
    margin-top: 30px;
}
.career-search-form {
    background: #071f4a;
    padding: 40px 80px;
}
.career-list-table {
    margin-top: 40px;
}
.career-search-form input, .career-search-form select {
    width: 100%;
    padding: 15px 25px;
    border: solid 1px #faa51c;
    margin-top: 22px;
    font-size: 18px;
}
.career-search-form select {
    background-image: url(../themes/abt/images/career-select-down.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.career-search-form select::-ms-expand {
 display: none;
}
.career-search-form .search-button {
    background-color: #00a999;
    padding: 10px;
    width: 100%;
    border: solid 1px #00a999;
    margin-top: 25px;
    border-radius: 7px;
    cursor: pointer;
}
.career-search-form .search-button:hover {
    background-color: #cc641e;
}
.career-list-table .listing-title {
    padding: 40px 15px;
    background-color: #f7f7f7;
    color: #1d2f5f;
    line-height: normal;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    border-bottom: solid 1px #d2d2d2;
}
.opening-list {
    padding: 35px 40px;
    border-bottom: solid 1px #d2d2d2;
    background-color: #fff;
}
.opening-list:nth-child(even) {
    background-color: #fbfbfb;
}
.opening-list h4 {
    color: #1d2f5f;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}
.opening-list p {
    color: #666666;
    line-height: 25px;
    font-size: 15px;
}
.post-details {
    width: 100%;
    text-align: right;
    margin-top: -30px;
    margin-bottom: 20px;
}
.post-details span {
    white-space: nowrap;
    margin-right: 15px;
    color: #666666;
    font-size: 12px;
    text-transform: uppercase;
}
.post-details span img {
    margin-right: 7px;
    margin-top: -3px;
}
.opening-list .gray-button {
    padding: 10px 30px;
    background-color: #afafaf;
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    background-position: right 10px center
}
.opening-list .gray-button:hover {
    background-color: #faa51c;
    background-position: right 5px center
}
.pagination-sec {
    width: 100%;
    margin: 35px 0px;
}
.pagination-sec ul {
    display: table;
    margin: 0 auto;
}
.pagination-sec ul li {
    display: inline-block;
}
.pagination-sec ul li a {
    color: #828282;
    width: 33px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-align: center;
    border: solid 1px #e5e5e5;
    border-right: none;
    display: inline-block;
}
.pagination-sec ul li:last-child a {
    border-right: solid 1px #e5e5e5;
    border-radius: 0px 3px 3px 0px;
}
.pagination-sec ul li:first-child a {
    border-radius: 3px 0px 0px 3px;
}
.pagination-sec ul li a.active {
    background-color: #838383;
    color: #fff;
}
.inner-main-sec {
    position: relative;
}
.inner-main-sec .gray-skew {
    top: 180px;
}
.product-list-wrap {
    margin-top: 50px;
}
.white-box-block img {
    width: 100%;
}
.white-box-block .product-desc {
    padding: 25px;
    min-height: 230px;
}
.product-list-wrap .white-box-block .product-desc p {
    padding: 0;
     min-height: 130px;
}
.product-block {
    background: #fff;
    box-shadow: 2px 2px 16px 5px rgb(0 122 119 / 75%);
    margin-bottom: 70px;
    margin-left: 10px;
}
.product-block:last-child {
/*    margin-bottom: 0px;*/
}
.product-block .product-left-image img {
    width: 100%;
}
.product-block .product-right-content {
    padding: 25px 25px;
    position: relative;
    background: #007875;
    min-height: 390px;
}
.product-block .product-right-content p {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 25px;
}
.product-block .product-right-content .appli p{
    margin-bottom: 8px;
}
.product-block .product-right-content .appli span{
    margin-bottom: 10px;
    color: #fff;
    font-size: 22px;
    font-weight:bold;
    display: block;
}
ul.roudn-bullet-list, ul.roudn-bullet-list-blak {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.roudn-bullet-list li {
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    background: url(../themes/abt/images/round-bullet.png) left 4px no-repeat;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    line-height: 24px;
}
ul.roudn-bullet-list-blak li {
    margin: 0 0 15px;
    padding: 0 0 0 35px;
    background: url(../themes/abt/images/round-bullet.png) left 4px no-repeat;
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}
ul.listings-blk{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.listings-blk li{
    list-style: inside;
    text-align: left;
}
.product-detail-list {
    margin-top: 70px;
}
.three-block-wrap {
    margin: 40px 0px;
}
.lighting-cat{
    /*margin-bottom: 35px;*/
    min-height: 320px;  
}
.lighting-cat .item-middle {
    color: #2a72ba;
    padding: 10px 0 0 0;
    text-align: center;
    font-size: 
}
.lighting-cat .item-middle h5 {
    color: #2a72ba;
    line-height: 24px;
    padding: 0;
    margin: 0;
    font-size:18px;
    font-weight: 700;
}
.three-block-item {
    padding: 0px;
    position: relative;
    margin: 0 3%;
}
.three-block-item::after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.45);
}
.three-block-item .item-middle {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    text-align: center;
    left: 0;
    right: 0;
    z-index: 9;
    color: #fff;
    padding: 0px 15px;
}
.three-block-item .item-middle p {
    line-height: 22px;
    font-size: 18px;
    text-align: justify;
    }
.three-block-item h4 {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    line-height: 30px;
    margin: 0;
}
.three-block-item img {
    width: 100%;
}
.service-list {
    margin-top: 50px;
    margin-bottom: 50px;
}
.service-list img {
    /*width: 130px !important;*/
    margin: 0 auto;
    display: block;
}
.service-item {
    text-align: center;
}
.service-item h3 {
    line-height: 28px;
}
.service-item p {
    font-size: 17px;
    color: #051d49;
    line-height: 23px;
    font-weight: 600;
    margin: 20px 0px;
    text-align: justify;
}
.owl-carousel.service-slider .service-item {
    padding: 0px 10px;
}
.service-slider .owl-prev {
    background: url(../themes/abt/images/owl-left.png) no-repeat center !important;
    width: 25px;
    height: 25px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -15px;
}
.service-slider .owl-next {
    background: url(../themes/abt/images/owl-right.png) no-repeat center !important;
    width: 25px;
    height: 25px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: -15px
}
.service-slider.owl-theme .owl-nav {
    margin: 0px;
}
.media-list {
    min-height: 660px;
}
.media-list:nth-child(2) .media-image {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.media-list:nth-child(2) .media-content-block {
    position: absolute;
    top: 0;
    width: 100%;
}
.media-image {
    height: 330px;
    overflow: hidden;
    box-shadow: 0px 7px 15px -1px rgba(173, 173, 173, 0.65);
}
.media-image img {
    width: 100%;
}
.media-content-block {
    height: 330px;
    position: relative;
    background-color: transparent;
}
.media-content-block h3 {
    text-transform: uppercase;
    line-height: 28px;
    font-size: 24px;
    margin: 0;
    margin-bottom: 15px;
    color: #051d49;
}
.media-content-block h3::after {
    content: "";
    width: 60px;
    height: 5px;
    background-color: #00a999;
    display: block;
    margin: 20px auto 0px;
}
.media-content-block p {
    font-size: 18px;
    color: #051d49;
    line-height: 24px;
    margin-bottom: 20px;
    text-align: justify;
}
.media-content-block .middle {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    text-align: center;
    left: 0;
    right: 0;
    padding: 15px 30px;
}
.media-content-block .gray-button {
    background-image: none !important;
    letter-spacing: 1px;
    padding: 13px 30px;
    border-radius: 25px;
    display: table;
    margin: 0 auto;

}
.load-more-blue {
    letter-spacing: 1px;
    padding: 8px 30px;
    border-radius: 25px;
    display: table;
    margin: 35px auto;
    background-color: #061f4b;
    color: #fff;
    cursor: pointer;
}
.load-more-blue:hover {
    background-color: #808080;
    }
.load-more {
    text-align: center;
    margin: 40px auto 0px;
    display: table;
    font-size: 16px;
    color: #808080;
    font-family: 'Cairo';
}
.load-more:hover {
    color: #00a999;
}
.our-clients .clients-carousel .owl-nav{
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: inherit;
}
.our-clients .owl-carousel .owl-nav button.owl-prev{
    display: block;
    width: 20px;
    height: 30px;
    margin-left: -30px;
    float: left;
    background:url(../themes/abt/images/arrw-left.png) center no-repeat ;
    }
.our-clients .owl-carousel .owl-nav button.owl-next{
    display: block;
    width: 20px;
    height: 30px;
    margin-right: -30px;
    float: right;
    background:url(../themes/abt/images/arrw-right.png) center no-repeat ;
    }
.media-detail-wrap {
    text-align: center;
}
.media-detail-wrap h2 {
    line-height: 40px;
    margin: 25px 0px;
}
.media-detail-wrap p {
    line-height: 28px;
    font-size: 18px;
    text-align: justify;
}
.media-detail-wrap h3 {
    color: #ed1c24;
    font-size: 30px;
    margin-bottom: 60px;
    }

.loadmore{

    display: table;
    margin: auto;
    margin-top: 50px;
    background: no-repeat;
    color: #000;
}
    
    

.brands-wrap .brands-item{
    margin: 10px 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.brands-wrap .brands-item img{
    border: solid 1px #eeeef0; 
}



.project-completed  {
    margin: 0;
    padding: 0 0 50px;
    /*float: left;*/
    
    }

.project-completed h2{ margin-bottom:15px; text-align:center; font-size:32px;}  
    
.project-block{ position:relative;} 
.project-block:hover .orange-overlay{ display:block}     
    
.orange-overlay{ display:none; margin:0; overflow: auto; padding:15px 2%; text-align:center; position:absolute; z-index:1; background:rgba(240,127,0,0.85); top:0; width:100%; height:100%; }
.orange-overlay h3{ font-size:22px; text-transform:uppercase; color:#fff; line-height: 25px;}   
.orange-overlay p{ font-size:16px; color:#fff; line-height: 20px; text-align: justify;} 



.our-clients{
    margin:25px 0 0 0;
    padding:25px 0;
    background:url(../themes/abt/images/client-bg.jpg) left top no-repeat;
    background-size:cover;
    }

.our-clients h2{ color:#051051; text-align:center; font-size:32px; margin-bottom: 20px; text-transform: capitalize; }   
.our-clients .item{ box-shadow: 0 0px 15px #949494;}

@media (max-width: 2200px) {
.banner-blue-sec {
    max-width: 50%;
}
.h-banner .banner-content h2 {
    font-size: 60px;
    color: #051d49;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 60px;
    text-transform: none;
}
.play-button svg {
    width: 65px;
}
.value-list {
    margin-bottom: 202px;
    margin-top: 310px;
}
.gray-skew {
    top: -160px;
}
}

@media (max-width: 1400px) {
.gray-skew {
    top: -230px;
}
.value-list {
    margin-bottom: 230px;
    margin-top: 250px;
}
.banner-blue-sec {
    max-width: 70%;
}
.h-banner .banner-content h2 {
    font-size: 40px;
    color: #051d49;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 45px;
}
.play-button svg {
    width: 45px;
}
.play-button {
    font-size: 26px
}
}

@media (max-width: 1280px) {
.play-button {
    font-size: 21px;
}
.history {
    margin: auto;
    padding: 0;
    clear: both;
    max-width: 1000px;
}
#timeline {
    width: 900px;
    background: url(../themes/abt/images/thin-line-gray.png) 100% 84.5% repeat-x;
}
#dates {
    width: 900px;
}
#issues {
    width: 900px;
}
#issues li {
    width: 900px;
}
.timeline-image {
    margin: 0 0px;
}
.timeline-content {
    position: inherit;
    left: 0;
    right: 0;
    width: auto;
    top: 0;
    margin: 0;
}
#dates .selected {
    background-position: 50% 7px;
}
}

@media (max-width: 1199px) {
.altayer-logo img {
    width: 70%;
}
.top-menu ul li a {
    font-size: 14px !important;
}   
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
    right: 2px !important;
    font-weight: bold !important;
}
        
    
.value-list {
    margin-top: 130px;
}
.service-list img {
    width: 90px !important;
}
.media-content-block h3 {
    line-height: 23px;
    font-size: 20px;
}
.media-content-block h3::after {
    margin: 10px auto 0px;
}
.media-content-block p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 10px;
}
.media-content-block .gray-button {
    padding: 10px 20px;
    font-size: 13px;
}

}

@media (min-width: 769px) {
.owl-carousel.service-slider {
    display: block;
}

.owl-carousel.service-slider .item {
    /*width: 25%;*/
    width: 33%;
    float: left;
    margin-top: 10px;
    /*border-right: solid 1px #eeeef0;*/
}
.owl-carousel.service-slider .item:nth-child(4) {
    border-right: none;
}
.owl-carousel.service-slider .item:nth-child(8) {
    border-right: none;
}
.owl-carousel.service-slider .item:nth-child(12) {
    border-right: none;
}
.owl-carousel.service-slider .service-item {
    border-top: solid 1px #eeeef0;
    width: 96%;
    margin: 0px 45%;
    min-height: 325px;
}
.owl-carousel.service-slider .item:nth-child(1) .service-item {
    border-top: none;
}
.owl-carousel.service-slider .item:nth-child(2) .service-item {
    border-top: none;
}
.owl-carousel.service-slider .item:nth-child(3) .service-item {
    border-top: none;
}
.owl-carousel.service-slider .item:nth-child(4) .service-item {
    border-top: none;
}
.service-list {
    overflow: hidden;
}
}

@media (max-width: 1024px) {
    .altayer-logo{
        width: 94%;
    }

.top-menu ul li a {
    font-size: 14px !important;
}   


.media-image {
    height: 275px;
}
.media-content-block {
    height: 275px;
}
.media-list {
    min-height: 550px;
}
.media-content-block h3 {
    line-height: 22px;
    font-size: 16px;
}
.media-content-block p {
    font-size: 15px;
    line-height: 20px;
}
.skew-about-block h2 {
    padding-right: 0;
}
h2 {
    font-size: 28px;
    /*line-height: 34px !important;*/
}
.about-second-fold .highlight-block {
    padding: 30px;
    font-size: 24px;
    line-height: 28px;
}
.box-about-block {
    max-width: 380px;
    margin-left: 0;
}
.values-block {
    background-size: cover;
    height: 575px;
}
.value-list li p {
    font-size: 18px;
    line-height: 20px;
}
.value-list li img {
    width: 55px;
}
.value-list {
    margin-top: 170px;
}
.mission-block .mission-slider p {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    font-weight: 500;
}
.mission-block .mission-slider .item {
    padding: 10px 10px;
}
.about-second-fold h2 {
    margin-top: -50px;
}
.about-second-fold p {
    line-height: 25px;
    font-size: 16px;
}
.vision-content p {
    font-size: 20px;
    line-height: 28px;
}
.vision-block {
    padding: 70px 0px;
}
.pad-80 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.inner-banner h1 {
    font-size: 30px;
}
.contact-form-sec p, .contact-address-sec p {
    font-size: 16px;
    line-height: 22px;
}
.footer .links a {
    margin-left: 18px;
}
.altayer-logo img {
    width: 70%;
}
.next, .prev {
    top: 30%;
    display: none;
}
.timeline-wrap .next, .timeline-wrap .prev {
    display: block;
}
.orange-button {
    margin-top: 10px;
}
.banner-blue-sec {
    margin-top: -170px;
}
.h-banner .banner-content {
    padding: 0 35px;
}
.h-banner .banner-content h2 {
    font-size: 43px;
    line-height: 43px;
}
.h-banner .owl-theme .owl-nav.disabled + .owl-dots {
    padding: 0 35px;
}
.banner-blue-sec .owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
    margin: 0 5px;
    background: #fff;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 0px;
}
.banner-blue-sec .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #00a999;
}
.h-fold-two {
    padding: 100px 0 50px 0;
}
.career-search-form {
    padding: 20px 40px 40px;
}
.page-title h4 {
    line-height: 24px;
    font-size: 22px;
    margin-top: 15px;
}
.three-block-item h4 {
    font-size: 20px;
    line-height: 24px;
}
.owl-carousel.service-slider .item {
    width: 33.33333%;
}


.owl-carousel.service-slider .item:nth-child(3) {
    border-right: none;
}
.owl-carousel.service-slider .item:nth-child(6) {
    border-right: none;
}
.owl-carousel.service-slider .item:nth-child(9) {
    border-right: none;
}
.owl-carousel.service-slider .item:nth-child(12) {
    border-right: none;
}
.owl-carousel.service-slider .item:nth-child(4) .service-item {
    border-top: solid 1px #eeeef0;
}
.service-list {
    margin-top: 30px;
}
.owl-carousel.service-slider .service-item {
    min-height: 290px;
}
}

@media (max-width: 1023px) {

/*a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.fancybox.desk-none{ display:block !important;}  */
    
.history {
    margin: auto;
    padding: 0;
    clear: both;
    max-width: 800px;
}
#timeline {
    width: 700px;
    background: url(../themes/abt/images/thin-line-gray.png) 100% 85.6% repeat-x;
}
#dates {
    width: 700px;
}
#issues {
    width: 700px;
}
#issues li {
    width: 700px;
}
.timeline-image {
    margin: 0 0px;
}
.timeline-content {
    text-align: left;
    padding: 0 15px;
    margin: 0px 0 0 0;
}
.timeline-content h2 {
    text-align: left;
}
.next, .prev {
    top: 65%;
}
}

@media (max-width: 991px) {
    
    
    
#responsive-menu-container{ width:320px !important; background:#051d49 !important; padding:30px !important;}    
#responsive-menu-search-box{ display:none !important;}
#responsive-menu-container #responsive-menu-wrapper{ background:none !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a{ background:none !important; border:0 !important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{background:none !important; border:0 !important;}
#responsive-menu-container li.responsive-menu-item{    border-bottom: 1px solid #616f88;}   
button#responsive-menu-button {
    width: 31px !important;
    height: 31px !important;
    position: fixed;
    top: 0px;
    right: 2% !important;
    background: none !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link{ font-size:16px !important}  

.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after{     background-color: #bfbfbf !important;}
.responsive-menu-inner::after {
    bottom: -8px !important;
    width: 16px !important;
    right: 0 !important;
}

.is-active .responsive-menu-box .responsive-menu-inner::after {
    bottom: inherit !important;
    width: inherit !important;
    right: inherit;
}
    
.sb-icon-search, .sb-search-submit, .sb-search-input {
    top: -5px;
}
.facebook {
    width: 24px;
    height: 24px;
    background-position: 148px 69px !important;
    background-size: 74px;
}
.twitter {
    width: 24px;
    height: 24px;
    background-position: 195px 69px !important;
    background-size: 74px;
}
.linkedin {
    width: 24px;
    height: 24px;
    background-position: 171px 69px !important;
    background-size: 74px;
}
.header-menu-t ul {
    margin: 0 60px 0 0;
}
li.header-search {
    position: absolute;
    right: 8px;
    width: inherit;
}
.sb-search.sb-search-open{
    width: 183px;
}
.sb-search-input {
    background: #fff;
    padding: 5px 27px 5px 15px;
    right: 0
}
.header-menu-t {
    margin: 19px 0 0 0;
}
.sb-search {
    overflow: visible
}   
.inner-banner {
    margin-top: 106px;
}   
.header-sec {
    background: #fff;
}   

.altayer-logo {
    background: none;
    padding: 15px 0;
}

.login {
    display: none;
}   
    
.top-menu{ display:none}
    
.box-about-block {
    position: relative;
    max-width: inherit;
    padding: 35px;
}
.skew-about-block h2 {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px;
}
.values-block {
    background-size: cover;
    height: auto;
    margin-top: -250px;
    padding-top: 125px;
        padding-bottom: 90px;
}
.value-list {
    margin-bottom: 140px;
}
.about-second-fold {
    margin-top: 20px;
}
.about-second-fold h2 {
    margin-top: 0;
    margin-bottom: 10px;
}
.about-second-fold {
    padding-bottom: 30px;
}
.pad-80 {
    padding-top: 40px;
    padding-bottom: 40px;
}
.contact-address-sec {
    margin-top: 25px;
}
.footer img {
    margin: auto;
}
.h-banner {
    padding-top: 140px;
}
.banner-blue-sec {
    max-width: 52%;
}
.header-search {
    width: 210px;
}
#timeline {
    background: url(../themes/abt/images/thin-line-gray.png) 100% 90% repeat-x;
}
.timeline-content {
    margin: 20px 0 0 0;
}
.footer {
    text-align: center;
}
.footer .links a {
    float: none;
}
.footer ul {
    float: none;
    margin: auto;
    display: table;
}
.h-banner .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -70px;
}
.career-search-form .search-button {
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
}
.white-box-block .product-desc {
    min-height: 205px;
}
.mCustomScrollBox {
    height: inherit !important;
}
.product-block .product-right-content {
    min-height: inherit;
    padding: 20px 20px;
}
}
@media only screen and (device-width: 812px) {
.floating-form {
        height: 440px;;
}

}

@media (max-width: 768px) {
        .project-block{
        text-align: center;
    }
    .project-block img{
        width: 100%;
    }
    .our-clients .owl-carousel .owl-nav button.owl-prev{
        margin-left: 0;
    }
    .our-clients .owl-carousel .owl-nav button.owl-next{
        margin-right: 0;
    }
    .mainmenu-active{
        color:#00a999 !important;
    }
    .submenu-active{
        color:#00a999 !important;
    }
    .h-banner {
    padding-top: 60px;
}
    
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a{    height: auto !important;
    line-height: 20px !important;
    border-bottom: 1px solid #212121;
    color: #ffffff;
    background-color: #212121;
    padding: 8px 15px;
}   
    
.media-list {
    min-height: inherit;
    width: 100% !important;
    float: none !important;
}
.media-image {
    height: inherit;
}
.media-list:nth-child(2) .media-image {
    position: inherit;
}
.media-list:nth-child(2) .media-content-block {
    position: inherit;
}
.media-content-block {
    height: inherit;
}
.media-content-block .middle {
    position: inherit;
    transform: inherit;
    top: inherit;
    padding: 40px 20px;
}
.media-list:last-child .media-content-block .middle {
    padding-bottom: 0px;
}
.owl-carousel.service-slider .item {
    width: 100%;
}
.service-item {
    min-height: inherit !important;
}
.owl-carousel.service-slider .service-item {
    padding-bottom: 0px;
}
.service-list {
    margin-top: 10px;
}
}
@media only screen and (device-width: 767px) {
#dates .selected {
    background-position: 50% 18px;
}
.orange-overlay p {
    text-align: left;
}
}

@media (max-width: 767px) {
    
    .lighting-cat{
    margin-bottom: 25px;
    min-height: inherit;
    text-align: center;
    }
.sjb-page {

    margin-top: 60px !important;
}


.pop-up-form h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px; 
    padding: 0;
}
.pop-up-form td{ width:100%; display:block; float:left; margin-bottom:0; padding:0;}    
    
.brands-wrap .brands-item{
        width: 50%;
        float: left;
    }
    
    
.media-content-block h3 {
    font-size: 18px;
}
.load-more {
    margin: 20px auto 0px;
}
.media-detail-wrap h2 {
    margin: 15px 0px;
}
.media-detail-wrap p {
    line-height: 25px;
    font-size: 15px;
}
.inner-banner {
    margin-top: 90px;
}
.breadcrumb {
    padding: 7px 0px;
}
.breadcrumb a {
    font-size: 13px;
}
.box-about-block {
    line-height: 23px;
    font-size: 15px;
}
.value-title {
    width: 100%;
    padding-right: 0px;
}
.value-list li p {
    font-size: 16px;
}
.value-title h2 {
    text-align: center;
}
.value-title h2 br {
    display: none;
}
.value-list {
    width: 100%;
    border-left: none;
    margin-top: 20px;
    margin-bottom: 80px;
}
.vision-content {
    margin-left: 0;
    background: none;
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.vision-block {
    padding: 40px 0px;
}
.values-block {
    padding-top: 285px;
}
.about-second-fold h2 {
    text-align: left;
}
.about-second-fold .gray-skew {
    display: none;
}
h2 {
    font-size: 20px;
    /*line-height: 24px !important;*/
}
.inner-banner h1 {
    font-size: 25px;
}
.mission-block {
    background: none;
}
.mission-block .mission-slider {
    margin-top: 15px;
}
.about-second-fold .highlight-block {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
}
.vision-content p {
    font-size: 16px;
    line-height: 22px;
}
.mission-block .owl-carousel img {
    width: 100px !important;
}
.mission-block .mission-slider .item {
    padding: 10px 20px;
}
.mission-block .mission-slider .owl-nav {
    margin-top: 0px;
}
.master-button {
    font-size: 14px !important;
}
.contact-sec .gray-skew {
    top: 230px;
}
.contact-sec {
    padding: 30px 0px;
}
.contact-form-sec p, .contact-address-sec p {
    text-align: center;
}
.map-sec {
    margin-top: 10px;
}
.map-sec iframe {
    height: 160px !important;
}
.contact-sec .master-button {
    margin: 0 auto;
}
.floating-form {
    height: 400px;
    overflow: auto;
}
.floating-form-close {
    position: fixed;
    transform: translateY(-50%);
    top: 50%;
    right: 10px;
    border-radius: 50%;
    background: #fb1901 url(../themes/abt/images/close.png) no-repeat center center;
    box-shadow: none;
    z-index: 101;
    transition: all ease-in-out 0.1s;
    width: 50px;
    height: 50px;
    display: none;
}
.floating-form {
    position: fixed;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    background: #fff;
    padding: 13px 70px 13px 13px;
    z-index: -10;
    width: 100%;
    opacity: 0;
    transition: all .5s ease-in-out;
}
.floating-form-button {
    position: fixed;
    transform: translateY(-50%);
    top: 50%;
    right: 10px;
    border-radius: 50%;
    background: #fb1901 url(../themes/abt/images/get-in-touch.png) no-repeat center center;
    box-shadow: none;
    z-index: 101;
    transition: all ease-in-out 0.1s;
    width: 50px;
    height: 50px;
}
.h-form {
    padding: 50px 0;
}
.h-form h3 {
    font-size: 30px;
    line-height: 33px;
}
ul#menu-footer-menu{ display: none; }
.footer {
    margin: 0;
    padding: 10px 0 20px;
}
.footer ul {
    margin-top: -25px;
}
.footer img {
    margin: auto;
/*    display: none;*/
}
h1 {
    font-size: 24px;
    text-transform: uppercase;
    color: #051d49;
    margin-bottom: 0px;
    line-height: 26px;
}
.h-milestone h2 {
    font-size: 24px;
}
.h-milestone {
    background-image: none;
    background-color: #f8f8f8;
    background-size: cover;
    padding: 130px 0 100px;
}
.h-fold-two {
    padding: 157px 0 50px 0;
}
.mob-visible {
    display: block;
}
.mob-hide {
    display: none;
}
.banner-blue-sec .owl-theme .owl-dots .owl-dot span {
    width: 19px;
    height: 3px;
    margin: 0 2px;
    display: block;
}
.orange-button {
    border-radius: 0;
    padding: 0;
    color: rgba(237,125,49,0.91);
    background: none;
    text-transform: uppercase;
    margin-top: 0px;
    float: none;
    margin-left: 0px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    position: relative;
    top: 0px;
}
.orange-button:hover {
    background: none;
}
.banner-blue-sec .owl-theme .owl-nav.disabled + .owl-dots {
}
.banner-blue-sec .icon-text span {
    font-size: 32px;
    float: left
}
.banner-blue-sec .icon-text .value {
    line-height: 31px;
    font-size: 31px;
}
.banner-blue-sec .icon-text .copy {
    width: 75%;
}
.banner-blue-sec .icon-text {
    font-size: 14px;
    line-height: 18px;
    margin-left: -10px;
    width: 75%;
}
.floating-scroll {
    display: none;
}
.h-banner .banner-content {
    top: 45%;
}
.h-banner .banner-content h2 {
    font-size: 23px;
    line-height: 23px;
}
.banner-blue-sec {
    padding: 10px;
}
.play-button svg {
    width: 26px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 2px;
}
.play-button {
    font-size: 13px;
    margin: 7px 0 0 0;
}
.h-banner .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: -36px;
}
.banner-blue-sec .icon {
    width: 80px;
    height: 80px;
}
.banner-blue-sec .icon img {
    width: auto !important;
    margin: auto;
    padding-top: 5px;
}
.banner-blue-sec:after {
    padding: 0;
    width: 18px;
    right: -30px;
}
.banner-blue-sec {
    margin-right: 30px;
}
.banner-blue-sec {
    margin-top: 10px;
}

.banner-blue-sec {
    width: 92%;
    max-width: 92%;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
    float: left;
}



.login {
    display: none
}
.altayer-logo {
    background: none;
    padding: 15px 0;
}
.header-sec {
    background: #fff;
}
.altayer-logo img {
    width: 100%;
    margin-left:-15px;
}
.history {
    padding: 0;
    clear: both;
    max-width: 650px;
}
#timeline {
    width: 600px;
    background: url(../themes/abt/images/thin-line-gray.png) 100% 90.5% repeat-x;
}
#dates {
    width: 600px;
}
#issues {
    width: 600px;
}
#issues li {
    width: 600px;
}
.timeline-image {
    margin: 0 100px;
}
.timeline-content {
    position: inherit;
    text-align: center;
    left: 0;
    right: 0;
    width: auto;
    top: 0;
    margin: 15px 0 0 0;
}
.timeline-content h2 {
    font-size: 36px;
    text-align: center;
}
.timeline-content h3 {
    font-size: 18px;
}
.next {
    right: 0;
}
.prev {
    left: 0;
}
.history-outer {
    padding: 25px 0
}
.career-search-form {
    padding: 10px 20px 30px;
}
.career-list-table .listing-title {
    padding: 10px 15px;
    font-size: 22px;
}
.page-title p {
    font-size: 16px;
    line-height: 22px;
}
.pad-50 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.career-list-table {
    margin-top: 15px;
}
.post-details {
    text-align: left;
    margin-top: 0;
}
.post-details span {
    display: block;
    margin: 5px 0px;
}
.white-box-block {
    border: solid 1px #eee;
}
.page-title h4 {
    line-height: 20px;
    font-size: 18px;
}
.product-list-wrap {
    margin-top: 15px;
}
.orange-small-button {
    padding: 12px 32px;
    font-size: 15px;
    margin-top: 20px;
}
.white-box-block .product-desc {
    min-height: auto;
    height:auto;
}
.product-block .product-right-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
}
ul.roudn-bullet-list li {
    padding: 0 0 0 30px;
    font-size: 14px;
    line-height: 21px;
}
.product-block {
    margin-bottom: 30px;
}
.product-detail-list {
    margin-top: 10px;
}
.three-block-item {
    height: 150px;
    overflow: hidden;
    margin-bottom: 5px;
}
.three-block-wrap {
    margin: 20px 0px;
}
}


@media (max-width: 640px) {
    .floating-form {
    height: 330px;
    overflow: auto;
}
.lighting-cat .item-middle h5 {
    line-height: 18px;
    font-size: 15px;
}

button#responsive-menu-button {

    right: 3% !important;

}   
    
.banner-blue-sec .icon-text .value {
    line-height: 25px;
    font-size: 25px;
}
.banner-blue-sec .icon-text .copy {
    font-size: 14px;
    line-height: 18px;
}
.banner-blue-sec .icon img {
    width: 45px !important;
}
.banner-blue-sec .icon {
    width: 60px;
    height: 60px;
}
.banner-blue-sec .icon-text {
    margin-top: 11px;
}
.history {
    padding: 0;
    clear: both;
    max-width: 300px;
}
#timeline {
    width: 280px;
    margin: 0px auto 0;
    background: url(../themes/abt/images/thin-line-gray.png) 100% 86.5% repeat-x !important;
}
.timeline-image {
    margin: 0;
}
#dates {
    width: 280px;
}
#issues {
    width: 280px;
}
#issues li {
    width: 280px;
}
.timeline-content {
    margin: 25px 0 0 0;
}
.timeline-content h2 {
    font-size: 36px;
    text-align: center;
}
.timeline-content h3 {
    font-size: 18px;
}
#timeline {
    background: url(../themes/abt/images/thin-line-gray.png) 100% 89% repeat-x;
}
}
@media (max-width: 480px) {
.floating-form {
    height: 300px;
}
}
@media (max-width: 420px) {
#dates .selected {
    background-position: 50% 0px;
}
}

.empty-state { width: 750px; margin: 40px auto; background: #ffffff; box-shadow: 1px 2px 10px #e1e3ec; border-radius: 4px; }
.empty-state__content { padding: 48px; display: flex; align-items: center; flex-direction: column; }
.empty-state__content .empty-state__icon { width: 200px; height: 200px; display: flex; align-items: center; border-radius: 200px; justify-content: center; background-color: #f7fafc; box-shadow: 0px 2px 1px #e1e3ec; }
.empty-state__content .empty-state__icon img { width: 170px; }
.empty-state__content .empty-state__message { color: #38a169; font-size: 1.5rem; font-weight: 500; margin-top: 0.85rem; }
.empty-state__content .empty-state__help { color: #a2a5b9; font-size: 0.875rem; }
.credit { color: #A2A5B9; font-size: 0.75rem; text-align: center; }
.credit a { color: #444; }
.d-flex{ display: flex !important; flex-wrap: wrap; }
.justify-content-center{ justify-content: center; }
.d-none{ display: none !important; }


.ubermenu-sub-indicators .ubermenu-column-full .ubermenu-has-submenu-drop>.ubermenu-target:after{ content: unset !important; }
.ubermenu-sub-indicators .ubermenu-column-full .ubermenu-has-submenu-drop>.ubermenu-target span{ position: relative; }
.ubermenu-sub-indicators .ubermenu-column-full .ubermenu-has-submenu-drop>.ubermenu-target span:after{ position: absolute; right: -20px; top: 50%; margin-top: -6px; content: "\f107"; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; color: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group.ubermenu-column-full > .ubermenu-tab > .ubermenu-target{ font-size: 1rem !important; }
.ubermenu-sub-indicators .ubermenu-column-full .ubermenu-has-submenu-drop>.ubermenu-target:after{ right: 20px !important; }
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -6px;
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;}:where(.is-layout-flex){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}


.ubermenu.ubermenu-main { background:none; border:none; box-shadow:none; }
.ubermenu.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { border:none; box-shadow:none; }
.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar, .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width { left:0; }
.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop { margin-top:0; }
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { font-size:16px; color:#051d49; }
.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { color:#00a999; background-color:#ffffff; background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff)); background:-webkit-linear-gradient(top,#ffffff,#ffffff); background:-moz-linear-gradient(top,#ffffff,#ffffff); background:-ms-linear-gradient(top,#ffffff,#ffffff); background:-o-linear-gradient(top,#ffffff,#ffffff); background:linear-gradient(top,#ffffff,#ffffff); }
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { color:#00a999; background-color:#ffffff; background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff)); background:-webkit-linear-gradient(top,#ffffff,#ffffff); background:-moz-linear-gradient(top,#ffffff,#ffffff); background:-ms-linear-gradient(top,#ffffff,#ffffff); background:-o-linear-gradient(top,#ffffff,#ffffff); background:linear-gradient(top,#ffffff,#ffffff); }
.ubermenu-main .ubermenu-item.ubermenu-item-level-0 > .ubermenu-highlight { color:#00a999; background-color:#ffffff; background:-webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff)); background:-webkit-linear-gradient(top,#ffffff,#ffffff); background:-moz-linear-gradient(top,#ffffff,#ffffff); background:-ms-linear-gradient(top,#ffffff,#ffffff); background:-o-linear-gradient(top,#ffffff,#ffffff); background:linear-gradient(top,#ffffff,#ffffff); }
.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop { color:#1e73be; }
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target { font-size:18px; }
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { color:#333333; }
.ubermenu-main .ubermenu-nav .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { font-weight:bold; }
.ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target { border:none; }
.ubermenu-main .ubermenu-submenu-type-stack { padding-top:0; }
.ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover, .ubermenu.ubermenu-main .ubermenu-item-normal.ubermenu-active > .ubermenu-target { color:#00a999; }
.ubermenu-main .ubermenu-submenu-type-flyout > .ubermenu-item-normal > .ubermenu-target { padding-top:25px; padding-bottom:25px; }
.ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group > .ubermenu-tab > .ubermenu-target { font-size:20px; }
.ubermenu.ubermenu-main .ubermenu-tabs .ubermenu-tabs-group { background-color:#051d49; }
.ubermenu.ubermenu-main .ubermenu-tab > .ubermenu-target { color:#ffffff; }
.ubermenu.ubermenu-main .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target { color:#ffffff; }
.ubermenu-main .ubermenu-submenu .ubermenu-tab.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-submenu .ubermenu-tab.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-submenu .ubermenu-tab.ubermenu-current-menu-ancestor > .ubermenu-target { color:#00a999; background-color:#051d49; }
.ubermenu.ubermenu-main .ubermenu-tab.ubermenu-active > .ubermenu-target { background-color:#051d49; }
.ubermenu.ubermenu-main .ubermenu-tab-content-panel { background-color:#ffffff; }
.ubermenu-main .ubermenu-target:hover > .ubermenu-target-description, .ubermenu-main .ubermenu-active > .ubermenu-target > .ubermenu-target-description, .ubermenu-main .ubermenu-submenu .ubermenu-target:hover > .ubermenu-target-description, .ubermenu-main .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-description { color:#00a999; }




.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}

button#responsive-menu-button,
#responsive-menu-container {
    display: none;
    -webkit-text-size-adjust: 100%;
}

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

    #responsive-menu-container {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 99998;
        padding-bottom: 5px;
        margin-bottom: -5px;
        outline: 1px solid transparent;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #responsive-menu-container .responsive-menu-search-box {
        width: 100%;
        padding: 0 2%;
        border-radius: 2px;
        height: 50px;
        -webkit-appearance: none;
    }

    #responsive-menu-container.push-left,
    #responsive-menu-container.slide-left {
        transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
    }

    .responsive-menu-open #responsive-menu-container.push-left,
    .responsive-menu-open #responsive-menu-container.slide-left {
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
    }

    #responsive-menu-container.push-top,
    #responsive-menu-container.slide-top {
        transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
    }

    .responsive-menu-open #responsive-menu-container.push-top,
    .responsive-menu-open #responsive-menu-container.slide-top {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
    }

    #responsive-menu-container.push-right,
    #responsive-menu-container.slide-right {
        transform: translateX(100%);
        -ms-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
    }

    .responsive-menu-open #responsive-menu-container.push-right,
    .responsive-menu-open #responsive-menu-container.slide-right {
        transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
    }

    #responsive-menu-container.push-bottom,
    #responsive-menu-container.slide-bottom {
        transform: translateY(100%);
        -ms-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
    }

    .responsive-menu-open #responsive-menu-container.push-bottom,
    .responsive-menu-open #responsive-menu-container.slide-bottom {
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
    }

    #responsive-menu-container,
    #responsive-menu-container:before,
    #responsive-menu-container:after,
    #responsive-menu-container *,
    #responsive-menu-container *:before,
    #responsive-menu-container *:after {
         box-sizing: border-box;
         margin: 0;
         padding: 0;
    }

    #responsive-menu-container #responsive-menu-search-box,
    #responsive-menu-container #responsive-menu-additional-content,
    #responsive-menu-container #responsive-menu-title {
        padding: 25px 5%;
    }

    #responsive-menu-container #responsive-menu,
    #responsive-menu-container #responsive-menu ul {
        width: 100%;
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu {
        display: none;
    }

    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open {
         display: block;
    }

    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link {
        padding-left:10%;
    }

    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 a.responsive-menu-item-link {
        padding-left:15%;
    }

    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-3 a.responsive-menu-item-link {
        padding-left:20%;
    }

    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-4 a.responsive-menu-item-link {
        padding-left:25%;
    }

    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-5 a.responsive-menu-item-link {
        padding-left:30%;
    }

    #responsive-menu-container li.responsive-menu-item {
        width: 100%;
        list-style: none;
    }

    #responsive-menu-container li.responsive-menu-item a {
        width: 100%;
        display: block;
        text-decoration: none;
        padding: 05%;
        position: relative;
    }

    #responsive-menu-container li.responsive-menu-item a .fa {
        margin-right: 15px;
    }

    #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow {
        position: absolute;
        top: 0;
        bottom: 0;
        text-align: center;
        overflow: hidden;
    }

    #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow  .fa {
        margin-right: 0;
    }

    button#responsive-menu-button .responsive-menu-button-icon-inactive {
        display: none;
    }

    button#responsive-menu-button {
        z-index: 99999;
        display: none;
        overflow: hidden;
        outline: none;
    }

    button#responsive-menu-button img {
        max-width: 100%;
    }

    .responsive-menu-label {
        display: inline-block;
        font-weight: 600;
        margin: 0 5px;
        vertical-align: middle;
    }

    .responsive-menu-label .responsive-menu-button-text-open {
        display: none;
    }

    .responsive-menu-accessible {
        display: inline-block;
    }

    .responsive-menu-accessible .responsive-menu-box {
        display: inline-block;
        vertical-align: middle;
    }

    .responsive-menu-label.responsive-menu-label-top,
    .responsive-menu-label.responsive-menu-label-bottom
    {
        display: block;
        margin: 0 auto;
    }

    button#responsive-menu-button {
        padding: 0 0;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
    }

    .responsive-menu-box {
        width:25px;
        height:19px;
        display: inline-block;
        position: relative;
    }

    .responsive-menu-inner {
        display: block;
        top: 50%;
        margin-top:-1.5px;
    }

    .responsive-menu-inner,
    .responsive-menu-inner::before,
    .responsive-menu-inner::after {
         width:25px;
         height:3px;
         background-color:#ffffff;
         border-radius: 4px;
         position: absolute;
         transition-property: transform;
         transition-duration: 0.15s;
         transition-timing-function: ease;
    }

    .responsive-menu-open .responsive-menu-inner,
    .responsive-menu-open .responsive-menu-inner::before,
    .responsive-menu-open .responsive-menu-inner::after {
        background-color:#ffffff;
    }

    button#responsive-menu-button:hover .responsive-menu-inner,
    button#responsive-menu-button:hover .responsive-menu-inner::before,
    button#responsive-menu-button:hover .responsive-menu-inner::after,
    button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner,
    button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::before,
    button#responsive-menu-button:hover .responsive-menu-open .responsive-menu-inner::after,
    button#responsive-menu-button:focus .responsive-menu-inner,
    button#responsive-menu-button:focus .responsive-menu-inner::before,
    button#responsive-menu-button:focus .responsive-menu-inner::after,
    button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner,
    button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::before,
    button#responsive-menu-button:focus .responsive-menu-open .responsive-menu-inner::after {
        background-color:#ffffff;
    }

    .responsive-menu-inner::before,
    .responsive-menu-inner::after {
         content: "";
         display: block;
    }

    .responsive-menu-inner::before {
         top:-8px;
    }

    .responsive-menu-inner::after {
         bottom:-8px;
    }.responsive-menu-boring .responsive-menu-inner,
.responsive-menu-boring .responsive-menu-inner::before,
.responsive-menu-boring .responsive-menu-inner::after {
    transition-property: none;
}

.responsive-menu-boring.is-active .responsive-menu-inner {
    transform: rotate(45deg);
}

.responsive-menu-boring.is-active .responsive-menu-inner::before {
    top: 0;
    opacity: 0;
}

.responsive-menu-boring.is-active .responsive-menu-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
}
    button#responsive-menu-button {
        width:55px;
        height:55px;
        position:fixed;
        top:15px;right:5%;            background:#000000    }        .responsive-menu-open button#responsive-menu-button {
            background:#000000
        }        .responsive-menu-open button#responsive-menu-button:hover,
        .responsive-menu-open button#responsive-menu-button:focus,
        button#responsive-menu-button:hover,
        button#responsive-menu-button:focus {
            background:#000000
        }
    button#responsive-menu-button .responsive-menu-box {
        color:#ffffff;
    }

    .responsive-menu-open button#responsive-menu-button .responsive-menu-box {
        color:#ffffff;
    }

    .responsive-menu-label {
        color:#ffffff;
        font-size:14px;
        line-height:13px;    }

    button#responsive-menu-button {
        display: inline-block;
        transition: transform0.5s, background-color0.5s;
    }
    #responsive-menu-container {
        width:75%;left: 0;
        transition: transform0.5s;
        text-align:left;            background:#212121;    }

    #responsive-menu-container #responsive-menu-wrapper {
        background:#212121;
    }

    #responsive-menu-container #responsive-menu-additional-content {
        color:#ffffff;
    }

    #responsive-menu-container .responsive-menu-search-box {
        background:#ffffff;
        border: 2px solid#dadada;
        color:#333333;
    }

    #responsive-menu-container .responsive-menu-search-box:-ms-input-placeholder {
        color:#c7c7cd;
    }

    #responsive-menu-container .responsive-menu-search-box::-webkit-input-placeholder {
        color:#c7c7cd;
    }

    #responsive-menu-container .responsive-menu-search-box:-moz-placeholder {
        color:#c7c7cd;
        opacity: 1;
    }

    #responsive-menu-container .responsive-menu-search-box::-moz-placeholder {
        color:#c7c7cd;
        opacity: 1;
    }

    #responsive-menu-container .responsive-menu-item-link,
    #responsive-menu-container #responsive-menu-title,
    #responsive-menu-container .responsive-menu-subarrow {
        transition: background-color0.5s, border-color0.5s, color0.5s;
    }

    #responsive-menu-container #responsive-menu-title {
        background-color:#212121;
        color:#ffffff;
        font-size:13px;
        text-align:left;
    }

    #responsive-menu-container #responsive-menu-title a {
        color:#ffffff;
        font-size:13px;
        text-decoration: none;
    }

    #responsive-menu-container #responsive-menu-title a:hover {
        color:#ffffff;
    }

    #responsive-menu-container #responsive-menu-title:hover {
        background-color:#212121;
        color:#ffffff;
    }

    #responsive-menu-container #responsive-menu-title:hover a {
        color:#ffffff;
    }

    #responsive-menu-container #responsive-menu-title #responsive-menu-title-image {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        margin-bottom: 15px;
    }

    #responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {        max-width: 100%;
    }

    #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
        border-top:1px solid#212121;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
        font-size:13px;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a {
        line-height:40px;
        border-bottom:1px solid#212121;
        color:#ffffff;
        background-color:#212121;            height:40px;    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
        color:#ffffff;
        background-color:#3f3f3f;
        border-color:#212121;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow {
        color:#ffffff;
        border-color:#3f3f3f;
        background-color:#3f3f3f;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active {
        color:#ffffff;
        border-color:#3f3f3f;
        background-color:#3f3f3f;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {right: 0;
        height:39px;
        line-height:39px;
        width:40px;
        color:#ffffff;
        border-left:1px solid#212121;
        background-color:#212121;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active {
        color:#ffffff;
        border-color:#212121;
        background-color:#212121;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover {
        color:#ffffff;
        border-color:#3f3f3f;
        background-color:#3f3f3f;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover {
        color:#ffffff;
        border-color:#3f3f3f;
        background-color:#3f3f3f;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link {
        background-color:#212121;
        color:#ffffff;
        border-color:#212121;
    }

    #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover {
        background-color:#3f3f3f;
        color:#ffffff;
        border-color:#212121;
    }        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {            font-size:13px;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {                height:40px;            line-height:40px;
            border-bottom:1px solid#212121;
            color:#ffffff;
            background-color:#212121;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover {
            color:#ffffff;
            background-color:#3f3f3f;
            border-color:#212121;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow {
            color:;
            border-color:#3f3f3f;
            background-color:#3f3f3f;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover .responsive-menu-subarrow.responsive-menu-subarrow-active {
            color:#ffffff;
            border-color:#3f3f3f;
            background-color:#3f3f3f;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow {right: 0;
            height:39px;
            line-height:39px;
            width:40px;
            color:#ffffff;
            border-left:1px solid#212121;
            background-color:#212121;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active {
            color:#ffffff;
            border-color:#3f3f3f;
            background-color:#3f3f3f;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow.responsive-menu-subarrow-active:hover {
            color:#ffffff;
            border-color:#3f3f3f;
            background-color:#3f3f3f;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow:hover {
            color:;
            border-color:#3f3f3f;
            background-color:#3f3f3f;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link {
            background-color:#3f3f3f;
            color:#ffffff;
            border-color:#212121;
        }

        #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link:hover {
            background-color:#3f3f3f;
            color:#ffffff;
            border-color:#212121;
        }}



.cusproducts {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .cusproducts > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
    .projects { overflow: hidden; height: 100%; background: #fff; border: 1px solid #ececec; border-radius: 5px; -webkit-box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 16%); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 16%); /*margin: 20px 0px;*/ margin-bottom: 10px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
    .projects-img { width: 100%; height: auto; }
    .projects-img img { width: 100%; height: 250px; }
    .projects-text { text-align: center; padding: 20px 30px; line-height: 1.5; }
    .projects-text h4 { color: #111; font-size: 1.1rem; font-weight: 500; margin-top: 0; margin-bottom: 3px; -webkit-transition-duration: .6s; transition-duration: .6s; }
    .projects-text span { color: #022461; font-size: 15px; font-weight: 500; letter-spacing: 2px; }
    .projects-text p { color: #999; font-size: 14px; font-weight: 400; line-height: 170%; margin-top: 20px; }
    
    /*Single Info*/
    .project-single-info { display: inline-block; border: 1px solid #ececec; display: block; width: 100%; padding: 0px 10px; }
    .project-single-info ul li { color: #000; font-size: 0.8rem; font-weight: 500; border-bottom: 1px solid #ececec; padding: 5px 0px; }
    .project-single-info ul li span { display: inline-block; color: #111; font-size: 0.8rem; font-weight: 600; margin-right: 10px; width: 100px; max-width: 100%; vertical-align: top; }
    .project-single-info ul li div{ display: inline-block; width: calc(100% - 115px); }
    h4.project-info { color: #111; font-size: 22px; font-weight: 500; margin-bottom: 25px; margin-top: 0px; }
    h4.project-info:after { content: " "; display: block; background: #022461; width: 70px; height: 2px; margin-top: 8px; }
    .project-single-text { margin: 30px 0px; }
    .project-single-text p { color: #999; font-size: 15px; font-weight: 400; line-height: 1.8; margin: 15px 0px; }
    .project-single-text ul li i { color: #022461; font-weight: 500; font-size: 15px; padding-right: 10px; }
    /*Single Info*/
    
    @media only screen and (max-width: 767px)
    {
        .cusproducts > [class*='col-']{ width: 100%; }
    }

.footer .links a:hover {
    color: #00a999;
}

.alert-msg {
    font-size: 1.125rem;
    font-weight: 600;
    padding: 2px 12px;
}
.alert-msg:after{
    content: "X";
    float: right;
    cursor: pointer;
}

.text-red{
    color: #fff !important;
    background-color: #FF9770 !important
}

.text-green{
    color: #fff !important;
    background-color: #78C091 !important
}


.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 15px;
    color: #16192c;
    background-color: #f8f8f8;
    border-radius: 10px;
    border-bottom: 1px solid #eceef3;
    position: relative;
}

.card-header:before {
    content: '';
    position: absolute;
    background-color: #e37e37;
    width: 5px;
    height: 100%;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    border-radius: 10px;
}

.card-header h5 {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
}

.card-body {
    display: flex;
    flex-wrap: wrap;
}

.cata-menu {
    display: flex;
    margin: 0px;
    min-width: 100px;
    margin-bottom: 10px;
    width: calc((100%/3));
    padding: 0 5px;
}

.cata-menu .services-one__content {
    background: #007875;
    width: 100%;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.cata-menu .services-one__content:after {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #e7edf2;
    right: 12px;
    top: -7px;
    transform: rotate(140deg);
}

.cata-menu .services-one__content a {
    color: #fff;
    font-weight: 700;
}

@media only screen and (max-width: 992px) {
    .cata-menu .services-one__content a {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 750px) {
    .cata-menu {
        width: calc((100%/2));
    }
}

@media only screen and (max-width: 490px) {
    .cata-menu {
        width: calc((100%/1));
    }
    .owl-carousel{
    padding: 0 25px;
        
    }
}


.fa-chevron-left:before {
    content: "\f053";
    font-size: 50px;
    color: #007a77;
    position: absolute;
    margin: 0 -50px;
    margin-top: -400px;
}

.fa-chevron-right:before {
    content: "\f054";
    font-size: 50px;
    color: #007a77;
    position: absolute;
    margin: 0 20px;
    margin-top: -400px;
}
.owl-prev {
    float: left;
}

.owl-next {
    float: right;
}

.owl-centered {
  .owl-wrapper {
    display: table !important;
  }
  .owl-item {
    display: table-cell;
    float: none;
    vertical-align: middle;
    div {
      text-align: center;
      padding: 0 5px;
    }
  }
}

.product-left-image {
    display: flex;
    justify-content: center;
    align-content: center;
   background: #fff;
}
 .product-left-image  img{
        width: auto !important;
        height: 350px !important;
        max-height: 350px ;
        padding: 40px 10px;
    }

ul.roudn-bullet-list li.insider {
    background: none;
    padding-left: 50px;
}
h3.brand-subtitle{
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    color: #007a77;
    margin-left: -35px;
}

.cert-logos {
    display: flex;
    gap: 20px;
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding-top: 20px;
}

.cert-logos img {
    display: inline-block !important;
}

@media (max-width: 767px) {
    .cert-logos {
        display: flex;
        flex-direction: column-reverse;
       
    }
   .cert-logos img {
    display: table-row; !important;
    }
}


/*loader css */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
}

#loader-9 {
  width: 100%;
  height: 100%;
  z-index: 2;
  position: fixed;
}

#loader-9 #loader img {
  margin-top: 15%;
  transform: scale(0.5);
  -webkit-animation: appear 2s linear forwards alternate, rotate 0.8s 1.5s linear forwards infinite alternate;
  -moz-animation: appear 2s linear forwards alternate, rotate 0.8s 1.5s linear forwards infinite alternate;
  -o-animation: appear 2s linear forwards alternate, rotate 0.8s 1.5s linear forwards infinite alternate;
  animation: appear 2s linear forwards alternate, rotate 0.8s 1.5s linear forwards infinite alternate;
}

@-webkit-keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes rotate {
  from {
    transform: scale(0.5) rotateY(0deg)
  }
  to {
    transform: scale(0.5) rotateY(360deg);
    -moz-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
    -webkit-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
    -o-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
  }
}

@-moz-keyframes rotate {
  from {
    transform: scale(0.5) rotateY(0deg)
  }
  to {
    transform: scale(0.5) rotateY(360deg);
    -moz-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
    -webkit-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
    -o-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
  }
}

@-o-keyframes rotate {
  from {
    transform: scale(0.5) rotateY(0deg)
  }
  to {
    transform: scale(0.5) rotateY(360deg);
    -moz-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
    -webkit-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
    -o-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
  }
}

@keyframes rotate {
  from {
    transform: scale(0.5) rotateY(0deg)
  }
  to {
    transform: scale(0.5) rotateY(360deg);
    -moz-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
    -webkit-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
    -o-filter: drop-shadow(0px 0px 8px rgba(10, 231, 255, 0.8));
  }
}

.loader-text h3{
    color: #00a999;
    line-height: 45px;
    margin: -45px;
}

.preloader.slideout {
  animation-duration: 2s;
  animation-name: slideout;
}

@keyframes slideout {
  from {
    translate: 0 0;
    scale: 100% 1;
  }

  to {
    translate:  0 -250vw;
    scale: 200% 1;
  }
}

.abt-message p {
    font-size: 18px;
}

/*loader css */