@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body [class*="rt-grid"] {
    display: inline;
    float: left;
    position: relative;
    margin: 0
}

.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus { position: absolute; }

.astroid-mobilemenu-container, .astroid-mobilemenu-inner{
  height:100%!important;
}

#mainbottom .header-edit h2{
  color:#333;
}

.astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus.menu_open{
      background: #2ba4d9;
}

div#mobile-mn {
    display: none;
}
section#footer h4 {
    color: black !important;
    font-size: 22px !important;
    font-weight: 600;
  }
.uk-scope canvas, .uk-scope img, .uk-scope svg, .uk-scope video

 {

    object-fit: contain;
}
span.nav-title .fas.fa-chevron-down.nav-item-caret {
    color: #ffffff;
}
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
}
.itemid-163 section#extension i {
    font-size: 50px;
    color: #ffc654;
}
section#footer i {
    color: #25a3dd;
}
section#footer a {
    color: #231f20;
}
a.uk-button{
  text-transform: capitalize !important;
}
.slideshow-grid .uk-card.uk-card-default.uk-card-hover.uk-transition-toggle.uk-scrollspy-inview:hover {
    background: #ffc847;
}
.slideshow-grid .uk-card.uk-card-default.uk-card-hover.uk-transition-toggle.uk-scrollspy-inview:hover i, .slideshow-grid .uk-card.uk-card-default.uk-card-hover.uk-transition-toggle.uk-scrollspy-inview:hover h3 {
    color: white !important;
}
/* canvas {
    width: 100% !important;
    max-width: 1200px !important;
  
}

canvas {
    min-height: 500px !important;
} */
.mobile-menu-vis{
  visibility:visible !important;
}
.uk-scope .banner h2, .uk-scope .banner h1, .uk-scope .banner h3, .banner h1, .banner h2, .banner h3 {
    color: black !important;
    margin-bottom: 0 !important;
}
 .uk-scope .banner h3, .banner h3 {
    color: black !important;
    margin-bottom: 0 !important;
    margin-top: 12px !important;
}
.banner h1 {
    display: inline-block;
}
.megamenu-container.nav-submenu-container {
    padding: 0;
    padding: 4px 4px;
    background: #1d81ad;
    border-radius: 2px;
    border: 0px solid #ffc847;
    border-top: 4px solid #ffc847;
}
.itemid-155 section#fullwidth .container {
    max-width: 100% !important;
    padding: 0;
}
label#submit-lbl {
    display: none;
}
.main-icon a {
    text-transform: capitalize;
}
header.joomla-dialog-header h3 {
    color: white !important;
}
section.joomla-dialog-body {
    padding: 20px;
}
header.joomla-dialog-header {
    background: #2993c2;
    color: white;
    padding: 10px 20px;
}
.buttons-holder {
    float: right;
    position: absolute;
    right: 10px;
    top: 15px;
}
dialog {
    max-width: 60vw !important;
    border: 0px;
    padding: 0;
}
.button-mod a:before {
    content: "\f073";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #ffc847;
}

.button-mod a {
    position: relative;
}
.resume-form {
    text-transform: capitalize;
  }
.is_ajaxsearch .form-inline input
 {
    padding: 8px 18px;
    border: 1px solid #cecece;
    border-radius: 4px;
    margin-left: 10px;
    color: #2a3467;
    height: 50px;
    background: #eee !important;
    background: #eee !important;
    border: 1px solid #fff !important;
    color: #000 !important;
}

.search-mod, .button-mod {
    flex-basis: 50%;
}.button-mod {
    text-align: right;
}.ajaxsearch_274 {
    width: 100% !important;
}
div#header-btn .resume-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
div#ac-657ca0fdf6d31066243568 {
    padding: 0;
}
@media (min-width: 960px) {
    .container,  .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
       --bs-gutter-x: 20px !important;
    }
}
.astroid-framework .astroid-nav > li > .as-menu-item, .astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item {
    line-height: 50px !important;
    /* height: 37px; */
    padding-top: 3px;
    padding-bottom: 3px;
}
h3 , .uk-scope h3{
    font-size: 20px !important;
  font-weight:700 !important;
    line-height: 130%;
  color:#333 !important;
}

.slideshow-grid.hidden-phone .uk-card-body svg {
    font-size: 53px;
    color: #ffc847;
    height: 50px;
    width: 50px;
}
.main-icon svg {
    color: #ffc847;
    font-size: 50px;
}

svg.svg-inline--fa.fa-arrow-right {
    color: #ffc654;
}
h3.uk-h3.uk-margin-remove-top {
    font-size: 21px;
    font-weight: 600;
}
.itemid-157 section#mainbottom {
    padding: 60px 0;
    background-image: url(/images/pattern-pentagon-fade.png);
    background-color: #ffc847 !important;
}
.contact-form.col-md-12 input, .com_contactenhanced-fields.contact-fields.row input , textarea{
    background-image: none !important;
    border-radius: 7px;
    height: 67px;
    border-bottom: 1px solid #2ba4d9;
}
h3 {
    font-size: 130%;
    line-height: 130%;
}
.itemid-159 section#extension {
    padding: 33px 0 67px;
    background-image: url(/images/pattern-pentagon-fade.png);
    background-color: #ffc847 !important;
}
div#awt-61bae20c0d2cf499628496 svg.svg-inline--fa.fa-quote-left {
    color: #ffc847;
    /* padding-right: 10px; */
    margin-right: 10px;
}
.astroid-nav .nav-item-parent .nav-title>.nav-item-caret {
    right: 5px;
    position: absolute;
    top: 50%;
    font-size: 75%;
    width: 10px;
    height: 19px;
    line-height: 20px;
    text-align: center;
    margin-top: -10px;
}
section#hs-1529472563843 svg {
    color: #29a4d9;
}
#astroid-backtotop {
    background: rgb(255 198 84);
    padding: 18px;
    color: white;
}
section#copyright a {
    color: white;
}
section#footer svg {
    font-size: 11px !important;
    color: #25a3dd;
    margin-right: 6px;
}
section#bottom {
    padding: 20px 0;
}
.heading-box h2 {
    color: white !important;
}
.heading-box {
    background: #2ba4d9;
    padding: 117px 14px;
    margin-top: 14px;
    border-radius: 3px;
    color: white;
}
.box-styling .uk-card.uk-card-primary {
    background-color: #fafafa;
    color: #444;
    background: white;
    border: 0px solid #f0f0f0;
    box-shadow: 0px 30px 50px 0px rgba(0, 46, 91, 0.3);
    border-radius: 3px;
    padding: 21px;
}
  .box-styling .uk-card-body {
        padding: 0;
    }
.box-styling h3.uk-h3.uk-margin-remove-top {
    font-size: 16px;
    padding-top: 40px;
    padding-bottom: 31px;
}
.box-styling h3.uk-h3.uk-margin-remove-top {
    font-size: 16px !important;
    padding-top: 40px;
    padding-bottom: 30px;
    font-weight: 500 !important;
}
.itemid-125  div#extension .rt-grid-2 {
    width: 300px;
}
.itemid-125 div#extension .rt-grid-8 {
    width: 820px;
}

.itemid-125  .uk-scope blockquote.test-banner, blockquote.test-banner {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 1.5;
    font-style: normal;
    color: #fffbfb;
    width: 100%;
}

 .itemid-163 section#extension , .itemid-125 section#extension {
    background: #fff;
    padding: 95px 0;
    border-bottom: 6px solid #fec654;
    box-shadow: 1px 1px 2px #6b7175;
}

.uk-scope .uk-link, .uk-scope a {
  color: #2ba4d9;
    text-decoration: none;
    cursor: pointer;
}

.uk-scope a:hover {
    text-decoration: none;
}
a {
    color: #2ba4d9;
}
section#extension .uk-panel svg {
    font-size: 50px;
    color: #ffc847;
    width: 70px;
    height: 70px;
}
.astroid-nav .nav-link:hover, .astroid-nav .nav-link:focus, .megamenu-container li.nav-item-submenu>a:hover {
  
    color: white !important;
}
div#ca-1529739248826 .uk-card.uk-card-primary.uk-scrollspy-inview {
    padding: 20px;
    background: #fafafa;
    color: #444;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}
.rt-container {
    width: 1200px;
    margin: 0 auto
}

.rt-grid-1 {
    width: 100px
}

.rt-grid-2 {
    width: 200px
}

.rt-grid-3 {
    width: 300px
}

.rt-grid-4 {
    width: 400px
}

.rt-grid-5 {
    width: 500px
}

.rt-grid-6 {
    width: 600px
}

.rt-grid-7 {
    width: 700px
}

.rt-grid-8 {
    width: 800px
}

.rt-grid-9 {
    width: 900px
}

.rt-grid-10 {
    width: 1000px
}

.rt-grid-11 {
    width: 1100px
}

.rt-grid-12 {
    width: 1200px
}

.rt-push-1 {
    left: 100px
}

.rt-push-2 {
    left: 200px
}

.rt-push-3 {
    left: 300px
}

.rt-push-4 {
    left: 400px
}

.rt-push-5 {
    left: 500px
}

.rt-push-6 {
    left: 600px
}

.rt-push-7 {
    left: 700px
}

.rt-push-8 {
    left: 800px
}

.rt-push-9 {
    left: 900px
}

.rt-push-10 {
    left: 1000px
}

.rt-push-11 {
    left: 1100px
}

.rt-pull-1 {
    left: -100px
}

.rt-pull-2 {
    left: -200px
}

.rt-pull-3 {
    left: -300px
}

.rt-pull-4 {
    left: -400px
}

.rt-pull-5 {
    left: -500px
}

.rt-pull-6 {
    left: -600px
}

.rt-pull-7 {
    left: -700px
}

.rt-pull-8 {
    left: -800px
}

.rt-pull-9 {
    left: -900px
}

.rt-pull-10 {
    left: -1000px
}

.rt-pull-11 {
    left: -1100px
}

.rt-prefix-1 {
    padding-left: 100px
}

.rt-prefix-2 {
    padding-left: 200px
}

.rt-prefix-3 {
    padding-left: 300px
}

.rt-prefix-4 {
    padding-left: 400px
}

.rt-prefix-5 {
    padding-left: 500px
}

.rt-prefix-6 {
    padding-left: 600px
}

.rt-prefix-7 {
    padding-left: 700px
}

.rt-prefix-8 {
    padding-left: 800px
}

.rt-prefix-9 {
    padding-left: 900px
}

.rt-prefix-10 {
    padding-left: 1000px
}

.rt-prefix-11 {
    padding-left: 1100px
}

@media only screen and (min-width: 960px) and (max-width:1199px) {
  div#contact-banner {
    padding: 62px;
    width: 100%;
    margin-left: 0;
}
    .container {
        width:960px
    }.itemid-125 div#extension .rt-grid-8 {
    width: 730px;
}
  .itemid-125 div#extension .rt-grid-2 {
    width: 230px;
}

  .astroid-framework .astroid-nav > li > .as-menu-item, .astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item {
    line-height: 50px !important;
    /* height: 37px; */
    padding-top: 3px;
    padding-bottom: 3px;
    padding: 3px 8px;
    font-size: 16px;
}
    .rt-grid-1 {
        width: 80px
    }

    .rt-grid-2 {
        width: 160px
    }

    .rt-grid-3 {
        width: 240px
    }

    .rt-grid-4 {
        width: 320px
    }

    .rt-grid-5 {
        width: 400px
    }

    .rt-grid-6 {
        width: 480px
    }

    .rt-grid-7 {
        width: 560px
    }

    .rt-grid-8 {
        width: 640px
    }

    .rt-grid-9 {
        width: 720px
    }

    .rt-grid-10 {
        width: 800px
    }

    .rt-grid-11 {
        width: 880px
    }

    .rt-grid-12 {
        width: 960px
    }

    .rt-push-1 {
        left: 80px
    }

    .rt-push-2 {
        left: 160px
    }

    .rt-push-3 {
        left: 240px
    }

    .rt-push-4 {
        left: 320px
    }

    .rt-push-5 {
        left: 400px
    }

    .rt-push-6 {
        left: 480px
    }

    .rt-push-7 {
        left: 560px
    }

    .rt-push-8 {
        left: 640px
    }

    .rt-push-9 {
        left: 720px
    }

    .rt-push-10 {
        left: 800px
    }

    .rt-push-11 {
        left: 880px
    }

    .rt-pull-1 {
        left: -80px
    }

    .rt-pull-2 {
        left: -160px
    }

    .rt-pull-3 {
        left: -240px
    }

    .rt-pull-4 {
        left: -320px
    }

    .rt-pull-5 {
        left: -400px
    }

    .rt-pull-6 {
        left: -480px
    }

    .rt-pull-7 {
        left: -560px
    }

    .rt-pull-8 {
        left: -640px
    }

    .rt-pull-9 {
        left: -720px
    }

    .rt-pull-10 {
        left: -800px
    }

    .rt-pull-11 {
        left: -880px
    }

    .rt-prefix-1 {
        padding-left: 80px
    }

    .rt-prefix-2 {
        padding-left: 160px
    }

    .rt-prefix-3 {
        padding-left: 240px
    }

    .rt-prefix-4 {
        padding-left: 320px
    }

    .rt-prefix-5 {
        padding-left: 400px
    }

    .rt-prefix-6 {
        padding-left: 480px
    }

    .rt-prefix-7 {
        padding-left: 560px
    }

    .rt-prefix-8 {
        padding-left: 640px
    }

    .rt-prefix-9 {
        padding-left: 720px
    }

    .rt-prefix-10 {
        padding-left: 800px
    }

    .rt-prefix-11 {
        padding-left: 880px
    }
}

@media only screen and (min-width: 768px) and (max-width:959px) {
    .container {
        width:768px
    }
.burger-menu-button .box {
        width: 52px;
        height: 40px;
        display: inline-block;
        position: relative;
        background: #25a3dd;
        padding: 10px !important;
        border-radius: 5px;
        color: wheat;
    }
    .rt-grid-1 {
        width: 64px
    }

    .rt-grid-2 {
        width: 128px
    }

    .rt-grid-3 {
        width: 192px
    }

    .rt-grid-4 {
        width: 256px
    }

    .rt-grid-5 {
        width: 320px
    }

    .rt-grid-6 {
        width: 384px
    }

    .rt-grid-7 {
        width: 448px
    }

    .rt-grid-8 {
        width: 512px
    }

    .rt-grid-9 {
        width: 576px
    }

    .rt-grid-10 {
        width: 640px
    }

    .rt-grid-11 {
        width: 704px
    }

    .rt-grid-12 {
        width: 768px
    }

    .rt-push-1 {
        left: 64px
    }

    .rt-push-2 {
        left: 128px
    }

    .rt-push-3 {
        left: 192px
    }

    .rt-push-4 {
        left: 256px
    }

    .rt-push-5 {
        left: 320px
    }

    .rt-push-6 {
        left: 384px
    }

    .rt-push-7 {
        left: 448px
    }

    .rt-push-8 {
        left: 512px
    }

    .rt-push-9 {
        left: 576px
    }

    .rt-push-10 {
        left: 640px
    }

    .rt-push-11 {
        left: 704px
    }

    .rt-pull-1 {
        left: -64px
    }

    .rt-pull-2 {
        left: -128px
    }
  .rt-grid-8
 .rt-grid-2,  {
    width: 100%;
}
    .rt-pull-3 {
        left: -192px
    }

    .rt-pull-4 {
        left: -256px
    }

    .rt-pull-5 {
        left: -320px
    }

    .rt-pull-6 {
        left: -384px
    }

    .rt-pull-7 {
        left: -448px
    }

    .rt-pull-8 {
        left: -512px
    }

    .rt-pull-9 {
        left: -576px
    }

    .rt-pull-10 {
        left: -640px
    }

    .rt-pull-11 {
        left: -704px
    }

    .rt-prefix-1 {
        padding-left: 64px
    }

    .rt-prefix-2 {
        padding-left: 128px;
    }

    .rt-prefix-3 {
        padding-left: 192px;
    }

    .rt-prefix-4 {
        padding-left: 256px;
    }

    .rt-prefix-5 {
        padding-left: 320px;
    }

    .rt-prefix-6 {
        padding-left: 384px;
    }

    .rt-prefix-7 {
        padding-left: 448px;
    }

    .rt-prefix-8 {
        padding-left: 512px;
    }

    .rt-prefix-9 {
        padding-left: 576px;
    }

    .rt-prefix-10 {
        padding-left: 640px;
    }

    .rt-prefix-11 {
        padding-left: 704px;
    }
}

@media only screen and (min-width: 481px) and (max-width:767px) {
    body {
        -webkit-tap-highlight-color:transparent;
    }
.burger-menu-button .button {
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
}
    .container {
        width: 480px;
    }

      .container [class*="rt-grid"] {
        /* display: block; */
        /* float: none; */
        position: relative;
        width: 100%;
        max-width: 100%;
    }

    .rt-container [class*="rt-push"],[class*="rt-pull"] {
        left: auto;
    }

    .rt-container [class*="rt-prefix"] {
        padding-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    body {
        -webkit-tap-highlight-color:transparent;
    }

    .container {
        width: 95%;
    }

    .container [class*="rt-grid"] {
        display: block;
        float: none;
        position: relative;
        width: 100%;
      max-width:100%;
    }

    .container [class*="rt-push"],[class*="rt-pull"] {
        left: auto;
    }

    .container [class*="rt-prefix"] {
        padding-left: 0;
    }
}



section#showcase {
	background: #2ba4d9;
}section#footer {
    border-top-right-radius: 37% 476px;
    border-top: 6px solid #2ba4d9;
    box-shadow: inset 0px 6px 0px 0px #ffc847;
    padding: 27px;
    background-color: #f9f9f9;
    background-image: url(/images/footer-pattern.png);
}

.itemid-166 section#mainbottom, .itemid-168 section#mainbottom, .itemid-162 section#mainbottom {
    padding: 5px 0 50px;
    background-image: url(/images/pattern-pentagon-fade.png);
    background-color: #ffc847 !important;
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0.075) !important;
      padding: 44px 0 56px;
  color: #231f20;
}
.rt-grid-10.header-edit{
  color: #231f20;
}
figure.right.item-image {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
section#footer h4 {
    color: black;
    font-size: 22px;
}
section#copyright {
    background: #2ba4d9;
    color: white;
    padding-top: 15px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: inherit;
    color: #616262;
    text-rendering: optimizelegibility;
  }
.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-3xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {
    color: #333 !important;
}
.main-icon i {
    color: #ffc847;
    font-size: 66px;
}



.menu-home #extension .rt-grid-2 {
    padding: 0 40px;
}
.rt-grid-2 {
    width: 200px;
}
body [class*="rt-grid"] {
    display: inline;
    float: left;
    position: relative;
    margin: 0;
}
.banner h3 {
  
  color:#585858 !important;
}
.rt-grid-9 {
    width: 900px;
}

.rt-grid-10.header-edit {
    float: left;
}
.rt-grid-2 {
    float: right;
    margin-top: 20px;
  }
.itemid-125 section#fullwidth {
    padding: 100px 0;
    background-image: url(/images/home-testimonial-banner.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
.itemid-125 section#mainbottom,  section#rt-mainbottom, .menu-outsourcing-your-sales-process section#rt-mainbottom, .menu-the-localrep-answer section#rt-mainbottom {
    padding: 5px 0 50px;
    background-image: url(/images/pattern-pentagon-fade.png);
    background-color: #ffc847 !important;
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0.075) !important;
}
section#expandedbottom {
    padding: 20px 0 44px;
    background: #eeee;
    border-top: 6px solid #fec654;
    box-shadow: -1px -1px 1px #9e9d9d;
    background: #eeee;
}

header#astroid-header .py-3 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.resume-form {
    /* color: #f5f5f5 !important; */
    box-sizing: border-box !important;
    /* background: #29a4d9 !important; */
    line-height: 35px !important;
    min-height: 35px !important;
    border: 0px !important;
    border-radius: 4px !important;
    font-size: 1em !important;
    font-weight: 600 !important;
    /* padding: 8px 20px !important; */
    float: right;
    width: auto;
    display: inline-block;
    margin-top: 10px;
}
section#m-657ca0fdf6d31079040505 {
    background: #2ba4d9;
}
.moduletable {
    margin: 0;
    padding: 0;
}
.mod-breadcrumbs {
	border: 0;
	padding-top: 12px !important;
	margin-bottom: 4px;
	font-size: 15px;
}
.astroid-stacked-divided-menu.as-megamenu-section.d-none.d-lg-block.py-2 {
    display: none !important;
}


.slideshow-grid .uk-card.uk-card-default.uk-card-hover.uk-transition-toggle.uk-scrollspy-inview {
    background: #ebefefe6;
    border: 0px solid #ffe09600;
    padding: 0;
    border-top-right-radius: -7% 417px;
    border-bottom: 3px solid #2ba4d9;
}
.mod-breadcrumbs li,
.mod-breadcrumbs li a {
	color: white;
}
.mod-breadcrumbs li a:hover {
	color: #ffc847 !important;
}
.breadcrumb-item+.breadcrumb-item::before {
	color: #fff;
}
.mod-breadcrumbs__item.breadcrumb-item.active {
	color: white;
}
.container-fluid {
  	--bs-gutter-x: 0;
}
.border-bottom {
	border-bottom: 0 !important;
}
.history-alias section#mainbottom, .about-us-alias section#mainbottom, .our-team-alias section#extension {
	padding: 53px 0 66px;
	background-image: url(/images/pattern-pentagon-fade.png);
	background-color: #ffc847 !important;
}
.about-us-alias section#fullwidth {
	background-image: linear-gradient(-140deg,#0000007a,#2ba4d9a6,#2ba4d9ba,#000000a1),url(/images/banners/Testimonial-Banner.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 95px 0;
}
.slideshow-grid {
	width: 100%;
	position: absolute;
	margin: -225px 0 0;
}

.btn-primary, .btn-default {
	color: #f5f5f5 !important;
	box-sizing: border-box !important;
	background: #2ba4d9 !important;
	border: 0px solid rgba(0,0,0,.1) !important;
	border-radius: 4px !important;
	text-shadow: none !important;
}


body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px !important;
    line-height: 24px;
}
body {
    overflow-x: hidden;
}

.none {
    margin: 0 !important;
    padding: 0 !important;
}

h1 {
    margin-bottom: 15px;
}
h1, h2, h3, h5, h6 {
    font-family: 'Sunflower', sans-serif !important;
}
h1 {
    font-size: 42px;
    font-weight: 600 !important;
    color: #231f20 !important;
}
h2 {
    font-size: 35px;
    font-weight: 600 !important;
}
.team-grid h3.uk-panel-title {
    color: #231f20;
}
h3.uk-h2 {
    font-size: 27px;
    /* font-weight: 600; */
    color: black;
    font-weight: 400;
}
h2.header-edit {
    color: white;
    padding: 0px 0px 32px;
}
h3.heading-font {
    padding: 5px 0;/* color: #231f20; */
}
h3.uk-panel-title {
    font-size: 27px;
    font-weight: 400;
    color: #ffffff;
}
.info-image h1 {
    color: #2ba4d9;
}
.service-grid h2 {
    color: #2ba4d9;
}
.service-grid {
    padding-bottom: 44px;
}

.about-home-img {
    margin-left: -14px;
}

a {
    color: #2ba4d9;
}
a:hover {
    color:#ffc847 !important;
}

i.fal {
    font-size: 67px;
    color: #ffc847;
}

.banner-client, .contact-banner, .about-banner {
    width: 55%;
    padding: 43px;
    margin-left: 9%;
    color: black;
    background: rgba(235, 235, 235, 0.83);
    border-radius: 56px;
    border-top: 0px solid #ffc847;
    box-shadow: inset 0px 5px 0px 0px #ffc847;
}
.header-font .fas {
    font-size: 21px;
}
.header-font a {
    font-size: 16px;
}

#header-btn a:hover {
    background: #eeeeee !important;
    color:#2ba4d9 !important;
}
a#header-call {
    font-size: 24px !important;
    color: black;
}
a#header-btn:hover {
    background: #dadada !important;
    color: #231f20 !important;
}
div#head-contact {
    margin-top: 14px !important;
    margin-left: -45px !important;
}
div#head-contact a {
    font-size: 18px;
    padding: 0px;
}
.header-font .fal, .header-font .fab, .header-font .fas {
    font-size: 18px;
    color: #2ba4d9;
   padding: 5px;
}
.header-font {
    display: inline-flex;
}
.header-font {
    float: right;
    margin: 13px 56px;
}
.slideshow-grid .uk-panel.uk-panel-box {
    background: #ebefefe6;
    border: 0px solid #ffe09600;
    padding: 44px;
    border-top-right-radius: -7% 417px;
    border-bottom: 3px solid #2ba4d9;
}
.slideshow-grid .uk-panel:hover i {
    color: white;
}
.slideshow-grid .uk-panel:hover {
    background: #ffc8478a;
}
.about-banner h2, .diff-banner h2 {
    font-size: 70px !important;/* margin-left: 29px; */
}

.box-styling h3.uk-panel-title {
    font-size: 16px;
    padding-top: 40px;
    padding-bottom: 31px;
}
.team-grid i.fal {
    font-size: 18px;
    color: #231f20;
}
.color-change {
    float: right;
}
.color-change, .color-change a {
    color: #333 !important;
}
.color-change a:hover {
    color: #fcc94d !important;
}


.footer-logotext {
    font-size: 13px;
    width: 100%;
    margin-top: 0px !important;
    margin-left: -26px;
}
ul.inlineb li {
    line-height: 34px;
}

ul.inlineb {
    display: inline-table;
     padding: 0px 0px; 
    list-style: none;
    margin: 0;
}
ul.inlineb.sec-list {
    margin-left: 19px;
}
.slideshow-grid .uk-panel:hover {
    background: #ffc847;
    color: white;
}
.far, .fas {
    color: #ffc847;
}

.menu-home .slideshow-grid .far, .menu-home .slideshow-grid .fas {
    font-size: 65px;
    font-weight: 600;
}
.about-padding  .uk-inline-clip.uk-transition-toggle {
    box-shadow: -30px -30px 0 #ffc847, 0 0 100px rgba(0, 0, 0, 0.4);
    margin-top: 38px;
}
.about-padding h3 {
    color: #2ba4d9;
    width: 70%;
    margin: 34px 0px 0px 86px;
}
.panel-hover h3 {
    font-size: 21px;
    color: black !important;
}
.slideshow-grid {
    width: 100%;
    position: absolute;
    margin: -225px 0 0;
}

.chemical-height {
    height: 157px;
}
.banner-font {
    width: 73%;
    margin-left: 0%;
    background: rgba(235, 235, 235, 0.83);
    padding: 79px;
    border-radius: 31px;
    border-top-left-radius: 17px solid #ffc847;
    margin-top: -229px;
    border-top: 6px solid #ffc847;
    box-shadow: 0px -6px #2ba4d9
}
a.canvasjs-chart-credit {
    display: none;
}
.uk-accordion-content {
    padding: 22px 20px 44px;
}
h2.test-font {
    text-align: center;
}
.banner-font h3 {
    color: #585858 !important;
    font-weight: 600 !important;
}
.position-form .resume-form select#category {
    width: 95%;
}
.position-form .resume-form select {
    width: 95%;
}

div#why-banner {
    padding: 55px;
    margin-left: -46%;
    width: 100%;
}
div#history-banner {
    padding: 43px;
    width: 58%;
    margin-left: -9%;
}
div#service-banner {
    padding: 45px;
    width: 100%;
    margin-left: -78%;
}
div#test-banner {
    padding: 62px;
    width: 100%;
    margin-left: -76%;
}
div#terr-banner {
    padding: 29px;
    width: 63%;
    margin-left: 9%;
}
div#career-banner {
    padding: 49px;
    width: 50%;
    margin-left: -2%;
}
div#crm-banner {
    padding: 59px;
    width: 68%;
    margin-left: -11%;
}
div#contact-banner {
    padding: 62px;
    width: 100%;
    margin-left: -122%;
}
div#team-banner {
    width: 100%;
    padding: 36px 29px;
    margin-left: -86%;
}
.banner {
    color: black;
    background: rgba(235, 235, 235, 0.83);
    border-radius: 35px 57px;
    border-top: 0px solid #ffc847;
    box-shadow: inset 0px 5px 0px 0px #ffc847;
}
h2.test-font {
    color: white;
}
.crm-font {
    padding: 27px 0px;
}

.uk-accordion.uk-text-left {
    display: block !important;
}

.ce-cf-container .inputbox.required {
    background-image: none !important;
    border-radius: 7px;
    height: 67px;
    border-bottom: 1px solid #2ba4d9;
}
.banner-font h3 {
    font-size: 21px;
}
.banner-font h2 {
    font-size: 76px;
    color: #2ba4d9 !important;
}
.banner-font {
    color: #585858;
}

.slideshow-grid .uk-panel:hover {
    background: #ffc847;
}


.menu-block {
    border-bottom: none;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background-color: #d1f0fc !important;
    background-image: linear-gradient(to bottom, #d1f0fc, #d1f0fc);
}
.dropdown .menu-item-bg {
    color: #ffffff;
    background: #1d81ad;
    font-size: 15px !important;
}

.menu-item-bg {
    border-radius: 0px !important;
}
.dropdown .menu-item-bg {
    border-radius: 4px !important;
    /* border: 1px solid; */
    padding: 6px 6px;
}


i.fal.fa-calendar-check {
    font-size: 17px;
    font-weight: 600;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background: #eeeeee !important;
    color: #2ba4d9 !important;
}
.uk-button, .button {
       color: #333 !important;
    box-sizing: border-box !important;
    background: #ffc847 !important;
    line-height: 35px !important;
    min-height: 35px !important;
    border: 0px !important;
    border-radius: 4px !important;
    font-size: 1em !important;
    font-weight: 600 !important;
  padding:8px 20px !important;
}
.btn {
    padding: 14px 30px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 3px;
    font-weight: 600;
}
a.uk-button:hover, a.uk-button.blue-btn:hover {
    background: #dadada !important;
    color: #2ba4d9 !important;
}
a.uk-button.blue-btn {
    background: #2ba4d9 !important;
    border: 0px !important;
  color: white !important;
}
a.uk-button {
    padding: 5px 19px;
    border: 0px !important;
    font-weight: 600 !important;
}
.btn-primary, .btn-default {
    color: #f5f5f5 !important;
    box-sizing: border-box !important;
    background: #2ba4d9 !important;
    border: 0px solid rgba(0,0,0,.1)!important;
    border-radius: 4px !important;
    text-shadow: none !important;
}
.uk-button:focus, .uk-button:hover, .button:focus, .button:hover {
    background: #eeeeee !important;
    color:#2ba4d9 !important;
}
.menu-home #rt-maintop .uk-grid>* {
    padding-left: 0;
}
.title, .blog-featured h1, .button, .readon, button.validate, .pagenav li a, #member-profile a, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, .roksearch_results a.clr, .rokajaxsearch .inputbox, .item-title, .notice, .message, .success, .info, .error, .warning, dt, .table th, th.title, legend, fieldset dd, li.author, li.date, li.comments, .showHere, .highlight, .word_input, .word_label, .search_legend, .result_title, .pagenavcounter, .counter, .tip-title, .system-unpublished, .button, .readon, button.validate, a.readmore, p.readmore a, #member-profile a, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, .pagenav a, .roksearch_results a.clr {
    font-weight: 400;
}
.uk-accordion-title {
    padding: 24px 58px !important;
    background: #eee !important;
    border-radius: 155px 14px;
    border-left: 6px solid #ffc847;
    border-bottom: 0px solid #ffc847;
    margin-bottom: 28px !important;
    font-size: 22px !important;
    box-shadow: inset -6px 0px #2ba4d9;
}


select#s1 {
    padding: 16px;
    border-radius: 7px;
    border-bottom: 1px solid #2ba4d9;
    width: 55%;
}
/*contact form*/
.progress.progress-success.progress-striped {
    width: 95%;
}
.resume-form .uk-grid>* {
    padding-left: 0px !important;
}
.resume-form .row-fluid.row {
    margin: 0px !important;
}
.resume-form select {
    width: 253px;
}
.resume-form select#category {
    width: 522px;
}
.box-styling .uk-panel-box-primary {
    background-color: #fafafa;
    color: #444;
    background: white;
    border: 0px solid #f0f0f0;
    /* padding: 1px; */
    box-shadow: 0px 30px 50px 0px rgba(0,46,91,0.3);
    border-radius: 3px;
    padding: 21px;
}
input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
 border-color: #2ba4d9;
 -webkit-box-shadow: 0 0 6px #f8b9b7;
 -moz-box-shadow: 0 0 6px #f8b9b7;
 box-shadow: none;
 border-radius: 0px;
 color: #231f20;
}
.resume-form .ce-cf-container {
    padding: 8px;
}
.ce-cf-container button {
    padding: 6px 18px;
}
.ce-contact-email-copy-container, #ceForm4 .ce-contact-email-copy-container, #ceForm6 .ce-contact-email-copy-container {
    padding: 0;
}
input, textarea, .uneditable-input {
    width: 95%;
}
.row-fluid [class*="span"] {
    margin-left: 0;
}
.menu-home div#ce-cf-container-32 {
    padding: 21px 0px;
}

.iziModal-header.iziModal-noSubtitle {
    background: rgb(43, 164, 217) !important;
}
.component-body {
    background: white !important;
}
#ceForm4 .ce-cf-container, #ceForm6 .ce-cf-container, #ceForm7 .ce-cf-container {
    padding: 10px 0;
}
#ceForm4 .ce-cf-container.col-sm-6, #ceForm6 .ce-cf-container.col-sm-6, #ceForm7 .ce-cf-container.col-sm-6 {
    width: 48.6% !important;
}
#ceForm4 .ce-cf-container.col-sm-12, #ceForm6 .ce-cf-container.col-sm-12, #ceForm7 .ce-cf-container.col-sm-12 {
    width: 100% !important;
}
/* end of contact form*/


.icons i.fas {
    border: 5px solid #ffc847;
}
blockquote {
    background: #80796800;
    border-radius: 5px;
    border: 2px solid #ffc847;
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    color: white;
    padding: 70px 0;
    box-shadow: 0px 0px 13px #565656;
}
div#about-banner {
    width: 100%;
    padding: 42px;
     margin-left: -77%;
}
.home-test {
    float: none !important;
}
.team-grid .uk-panel {
    box-shadow: 0px 0px 13px #58585826;
    padding: 30px;
    border-radius: 5px;
  background:white;
}
blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff0;
    z-index: -1;
    -webkit-border-radius: 58px;
    -moz-border-radius: 58px;
    border-radius: 40px;
}
img {
    border-radius: 5px !important;
}
.img-absolute {
    position: absolute;
    margin-left: -25%;
    margin-top: 18%;
      width: 47%;
}
blockquote p {
    margin-bottom: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 29px;
}
blockquote small {
    color: #ffc847;
}
.test-banner i.fas.fa-quote-left {
    font-size: 21px;
    margin-left: -103%;
}

.history h3.uk-panel-title {
    color: #231f20;
}
.border-rad .uk-panel.uk-panel.uk-panel-box.uk-panel-box-primary.uk-padding-remove.uk-overflow-hidden {
    border-radius: 8px;
}
.crm-grid .uk-margin.uk-text-center {
    text-align: left !important;
}

th, tr, td {
    border: 1px solid #231f20;
    padding: 0px;
}

.team-hover .uk-overlay-background {
    background: rgba(35, 31, 32, 0.81) !important;
}

ul.breadcrumb {
    padding: 12px 0 0px;
    background-color: #2ba4d900;
    margin: 0 0 15px 20px;
}
ul.breadcrumb li {
    display: inline;
    font-size: 14px;
    text-shadow: none;
}
.heading-box {
    background: #2ba4d9;
    padding: 117px 14px;
    margin-top: 14px;
    border-radius: 3px;
    color: white;
}
ul.breadcrumb li a {
    color: white;
}
ul.breadcrumb li a:hover {
    color: #ffc847;
}
.breadcrumb .active {
    color: #fff;
}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: white;
    content: "/\00a0";
}
.breadcrumb .divider {
    padding: 0;
    color: #ffffff;
}
.breadcrumb .divider img {
    display: none;
}


@media (max-width: 480px) {
ul.inlineb.sec-list {
    margin-left: 8px;
}
}

@media (min-width: 481px) and (max-width: 767px) {
}

@media (max-width: 767px) {
      .astroid-framework h1, .astroid-framework .h1 {
        font-size: 1.6rem;
        line-height: 1.2em;
    }
  .itemid-125 div#extension .rt-grid-2 {
    width: 100% !important;
}
  dialog {
    max-width: 90vw !important;
    border: 0px;
    padding: 0;
}
  
  .itemid-125 section#fullwidth {
    padding: 100px 0;
    background-image: url(/images/home-testimonial-banner.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0;
}
  .rt-container {
    width: 100%;
    margin: 0 auto;
}
  .chemical-height {
    height: auto;
}
    .heading-box {
        padding: 13px 32px;
        margin-top: 0;
        width: 100%;
        margin-left: 0;
    }
 
body.layout-mode-responsive h2 {
    font-size: 138%;
    line-height: 148%;
}
body.layout-mode-responsive h1 {
    font-size: 170%;
    line-height: 35px;
      padding: 0 5px;
}
a.uk-button {
    padding: 3px 9px;
}
.banner-font {
    width: 100%;
    padding: 27px 41px;
    border-radius: 23px;
    margin-top: 0;
}
  h1 {
    font-size: 31px;
    font-weight: 600 !important;
    color: #231f20 !important;
}
blockquote {
    width: 72%;
    font-size: 18px;
    padding: 42px 22px;
}

div#about-banner {
    padding: 57px;
    margin-left: -72%;
    width: 86%;
}
blockquote p {
    font-size: 18px;
}
.cd-timeline-img.cd-picture img {
    width: 24%;
}
.cd-timeline-content {
    margin-left: 57px;
    margin-right: -9px;
    padding: 15px;
}

.footer-logotext {
    margin-left: 0;
}

.header-img img {
   width: 80%;
   float:right;
}
div#head-contact {
    margin-top: 0;
    margin-left: 0;
    margin-right: 80px;
}
.resume-form select#category {
    width: 96%;
}
select#s1 {
    width: 100%;
}

body.layout-mode-responsive select {
    width: 96%;
}
.uk-accordion-title {
    font-size: 18px !important;
    padding: 21px !important;
    border-radius: 23px 14px;
}
.banner-client, .contact-banner, .about-banner {
    width: 74%;
    padding: 26px;
    margin-left: 5%;
    border-radius: 26px;
}


.dropdown .menu-item-bg {
    background: #2ba4d9;
}

 
  .box-styling h3.uk-panel-title {
    padding-top: 0;
    padding-bottom: 0;
}
  .box-styling .uk-panel-box-primary {
    padding: 40px;
}
 
}

@media (min-width: 768px) and (max-width: 959px) {

  .chemical-height {
    height: 300px;
}
body.layout-mode-responsive .gf-menu.l1 > li.parent > .item .menu-item-bg {
    padding: 6px 5px;
}
.menu-item-bg {
    padding: 6px 6px;
}

div#head-contact {
    margin-right: 25px;
    margin-left: -196px !important;
}
#header-btn a {
    margin-right: -90%;
    margin-top: 78px;
}

.slideshow-grid {
    width: 100%;
    position: relative;
    margin: 0;
}
  .slideshow-grid .uk-panel.uk-panel-box {
    padding: 10px;
}
body.layout-mode-responsive h3 {
    font-size: 100%;
    line-height:21px;
}
  .itemid-125 div#extension .rt-grid-2 {
    width: 100%;
}

a.uk-button {
    padding: 0 10px;
    font-size: 15px !important;
}
.footer-logotext {
    width: 67%;
    margin-left: 3px;
}
.banner-font {
  width: 100%;
    padding: 25px;
    border-radius: 0;
    margin-top: 0;
    font-size: 15px;
    border-top: 0px solid #ffc847;
    box-shadow: 0px 0px 0px 0px #2ba4d9;
    margin-left: -27px;
    background: #edf0f073;
}
  a#header-call{
    font-size:18px !important;
 }
.banner-font h2 {
    font-size: 30px !important;
}
div#about-banner, div#why-banner, div#history-banner, div#service-banner, div#test-banner, div#terr-banner, div#career-banner, div#crm-banner, div#crm-banner,  div#contact-banner {
    margin-left: 0px;
}

.cd-timeline-img.cd-picture img {
    width: 33%;
}
.cd-timeline-content {
    margin-left: 74px;
    margin-right: -3px;
    padding: 18px;
}
blockquote {
   margin: 20px 40px;
    width: 80%;
    padding: 40px 45px;
}

.resume-form select#category {
    width: 95.5%;
}
.resume-form select {
    width: 95%;
}
  .burger-menu-button.header-mobilemenu-trigger .inner, .burger-menu-button.header-mobilemenu-trigger .inner:before, .burger-menu-button.header-mobilemenu-trigger .inner:after {
    background-color: rgb(255 255 255) !important;
}
    .heading-box {
        padding: 27px 35px;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
  button.button {
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
}



.img-absolute img {
    display:none
}
  .menu-about-us div#rt-fullwidth {
    padding: 50px 0;
}

  
}

@media (min-width: 960px) and (max-width: 1199px) {

  .menu-item-bg {
    padding: 5px 5px;
}
    ul.inlineb.sec-list {
    margin-left: 1px;
}
.menu-item-bg {
    padding: 5px 5px;
}
    div#head-contact {
    margin-left: -118px !important;
}
 
    .slideshow-grid {
    position: relative;
    margin: 0;
}
    .slideshow-grid .uk-panel.uk-panel-box {
    padding: 28px;
}
    .banner-font {
        width: 90%;
        padding: 46px 24px;
        margin: 0;
    }
  .banner-font h2 {
    font-size: 42px;
    color: #2ba4d9 !important;
}
    .img-absolute {
    margin-left: -3%;
    margin-top: 37%;
    width: 31%;
}
    blockquote {
    width: 90%;
    padding: 55px 13px;
}
}

/* (1440x900) WXGA+ Display */
@media (min-width: 1200px) and (max-width: 1440px) {
.slideshow-grid {
    position: relative;
    margin: 0;
}
  .banner-font h2 {
    font-size: 52px;
}
  .banner-font {
    width: 60%;
    padding: 54px;
    margin-top: 0;
}
  .img-absolute {
    margin-left: 0%;
    margin-top: 33%;
    width: 24%;
}

}

/* HiDPI Laptop Display */
@media (min-width: 1281px) and (max-width: 1440px) {
  div#test-banner {
    padding: 42px;
    width: 100%;
    margin-left: -84%;
}
  div#crm-banner{   
  padding: 40px;
    width: 70%;
  }
.slideshow-grid {
    position: relative;
    margin: 0;
}
.img-absolute {
    margin-left: -9%;
    margin-top: 25%;
    width: 29%;
}
.banner-font {
    width: 54%;
    margin-left: 0%;
    padding: 38px;
    margin-top: -6px;
}
.slideshow-grid .uk-panel.uk-panel-box {
    font-size: 15px;
}
.banner-font h2 {
    font-size: 54px;
}
ul.breadcrumb {
    margin-left: 0%;
}
blockquote {
  width:65%;
    padding: 70px 96px;
}

}

/* MDDPI Laptop Display */
@media (min-width: 1201px) and (max-width: 1280px) {
  blockquote {
    width: 84%;
    padding: 70px 27px;
}div#rt-header {
    padding: 0px;
}.banner-font h2 {
    font-size: 48px;
}ul.breadcrumb {
    margin-left: 4%;
}.slideshow-grid {
    position: relative;
    margin: 0;
}.slideshow-grid .uk-panel.uk-panel-box {
    padding: 55px 0;
  }.banner-font {
    width: 40%;
    padding: 30px 46px;
    margin-top: -10px;
}
    .img-absolute {
        margin-left: -1%;
        margin-top: 29%;
        width: 23%;
    }
.box-styling .uk-panel-box-primary {
    box-shadow: 0px 16px 20px 0px rgba(0,46,91,0.3);
}
    blockquote {
    width: 82%;
    padding: 64px 7px;
}
}

/* (1680x1050) WXGA+ Display */
@media (min-width: 1441px) and (max-width: 1680px) and (orientation: landscape) {
.slideshow-grid {
    width: 100%;
    position: relative;
    margin: 0;
}
.banner-font {
    margin-top: 0;
}
  .img-absolute {
    margin-left: -9%;
    margin-top: 26%;
    width: 30%;
}
}

/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

.slideshow-grid {
    position: relative;
    margin: 0;
}
.slideshow-grid .uk-panel.uk-panel-box {
    padding: 90px 0;
}
.banner-font h2 {
    font-size: 38px !important;
}
    .banner-font {
        width: 90%;
        padding: 32px;
        border-radius: 35px;
        margin-top: 0;
        border-top: 2px solid #ffc847;
        box-shadow: 0px -2px 0px 0px #2ba4d9;
    }
.cd-timeline-img.cd-picture img {
    width: 45%;
}
.cd-timeline-content {
    margin-left: 106px;
    margin-right: -11px;
    padding: 16px;
}


blockquote {
    width: 85%;
}

ul.inlineb.sec-list {
    margin-left: 1px;
}

div#head-contact {
    margin-left: -100px !important;
}
ul.breadcrumb {
    margin-left: 3.5%;
}
.resume-form select {
    width: 97%;
}
.resume-form select#category {
    width: 96%;
}
.menu-home #rt-extension .rt-grid-2 {
    padding: 0 25px;
}
div#about-banner, div#why-banner, div#history-banner, div#service-banner, div#test-banner, div#terr-banner, div#career-banner, div#crm-banner, div#crm-banner {
    margin-left: 0px;
}
  .img-absolute {
    margin-left: -4%;
    margin-top: 38%;
    width: 27%;
}
  .menu-item-bg {
    padding: 5px 10px;
}
  div#head-contact a {
    font-size: 16px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
 
    ul.inlineb.sec-list {
    margin-left: 1px;
}
.menu-item-bg {
    padding: 5px 5px;
}
    div#head-contact {
    margin-left: -118px !important;
}
  
    .slideshow-grid {
    position: relative;
    margin: 0;
}
    .slideshow-grid .uk-panel.uk-panel-box {
    padding: 28px;
}
    .banner-font {
    width: 56%;
    padding: 46px 24px;
      margin:0;
}
    .menu-home #rt-extension .rt-grid-2 {
    padding: 0 20px;
}
    .img-absolute {
    margin-left: -3%;
    margin-top: 37%;
    width: 31%;
}
    blockquote {
    width: 90%;
    padding: 55px 13px;
}
   div#why-banner {
    padding: 32px;
    margin-left: -36%;
    width: 85%;
}
    div#about-banner {
    margin-left: 0;
}
    div#service-banner {
    margin-left: -43%;
}
    div#history-banner {
    margin-left: 0;
}
    div#career-banner {
    padding: 29px;
    margin-left: 0;
}
    div#crm-banner {
    padding: 36px;
    margin-left: 0;
}
    div#contact-banner {
    padding: 40px;
    margin-left: 0;
}
}
@media (min-width: 1201px) and (max-width: 1280px) {
    .banner-font {
        width: 50%;
        padding: 30px 46px;
        margin-top: -10px;
    }
  }

@media (max-width: 767px) {
  .uk-scope .uk-padding {
    padding: 0;
}
  
section#mainbottom {
    padding: 5px 0 50px;
    background-image: url(/images/pattern-pentagon-fade.png);
    background-color: #ffc847 !important;
    color: #fff !important;
    border-color: rgba(0, 0, 0, 0.075) !important;
}
  .footer-a-position.moduletable img {
    width: 199px !important;
}
  section#footer {
    border-top-right-radius: 0 !important;
}
  .astroid-logo > .astroid-logo-mobile {
    max-height: 75px;
}
  .burger-menu-button.header-mobilemenu-trigger .inner, .burger-menu-button.header-mobilemenu-trigger .inner:before, .burger-menu-button.header-mobilemenu-trigger .inner:after {
    background-color: rgb(255 255 255) !important;
}
  .burger-menu-button .box {
    width: 52px;
    height: 40px;
    display: inline-block;
    position: relative;
    background: #25a3dd;
    padding: 10px !important;
    border-radius: 5px;
    color: wheat;
}
  .banner-font h2 {
    font-size: 34px !important;
    color: #2ba4d9 !important;
}
     .hidden-phone {
        display: none !important;
    }
  }
@media (max-width:1220px){
  .rt-container {
    width: 100%;
    margin: 0 auto;
}
}
@media (min-width:1500px){
header#astroid-header .py-3 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding: 18px 0 !important;
}
  }
@media (min-width:1681px){
.img-absolute {

    margin-left: -19%;
    margin-top: 20%;
    width: 39%;
}
  }
@media (min-width: 1200px) and (max-width: 1440px) {
section#footer a {
        font-size: 14px;
    }
}

@media (max-width:960px){
    .burger-menu-button.header-mobilemenu-trigger .inner, .burger-menu-button.header-mobilemenu-trigger .inner:before, .burger-menu-button.header-mobilemenu-trigger .inner:after {
    background-color: rgb(255 255 255) !important;
}
    .heading-box {
        padding: 27px 35px;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }
  button.button {
    background: white !important;
    margin: 0 !important;
    padding: 0 !important;
}
    div#astroid-mobilemenu {
        background: #2ba4d9;
        width: 300px !important;
    }
.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active>a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active>a+.menu-indicator {
    color: #ffc847;
}
  .astroid-framework .astroid-nav > li > .as-menu-item, .astroid-framework .astroid-sidebar-menu > li > .nav-item-inner > .as-menu-item, .astroid-framework .astroid-mobile-menu > .nav-item > .as-menu-item {
    font-weight: 500;
    text-transform: none;
    font-size: 18px;
    line-height: 1.7em;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
  astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a {
    color: white;
}
  span.nav-title-text {
    color: white;
    font-size: 18px;
}
  .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus {

 
    background-color: #25a3dd;
}
  a.as-menu-item.nav-link.item-link-component.item-level-2 {
    background: #2ba4d9 !important;
}
  .astroid-mobilemenu-container .astroid-mobilemenu-inner ul li.menu-item.menu-go-back {
    margin-top: 0;
    border-top: 0;
}
  span.menu-indicator-back {
    background: #2ba4d9 !important;
}
  div#mobile-mn {
    display: block !important;
}
  #mobile-mn a#header-call {
    font-size: 24px !important;
    color: black !important;
}
  div#mobile-mn {
    margin: auto;
    text-align: center;
    margin-right: 40px;
}
  .min-w-30 {
    min-width: 0 !important;
}

.burger-menu-button .inner, .burger-menu-button .inner::before, .burger-menu-button .inner::after {
	width: 33px;
	height: 2px;
}
}