.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}
html {
    font-family: sans-serif;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     overflow-x: hidden;
}
 * {
    -webkit-tap-highlight-color: transparent;
     -webkit-tap-highlight-color: transparent;
}
 body {
    font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
     font-size: 18px;
     color: #656565;
     margin: 0;
    
}
 article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
    display: block;
}
 audio,canvas,progress,video {
    display: inline-block;
     vertical-align: baseline;
}
 audio:not([controls]) {
    display: none;
     height: 0;
}
 [hidden],template {
    display: none;
}
 a {
    background-color: transparent;
}
 a:active,a:focus,a:hover {
    outline: 0 none;
}
 abbr[title] {
    border-bottom: 1px dotted;
}
 b,strong {
    font-weight: 700;
}
 dfn {
    font-style: italic;
}
 h1 {
    font-size: 2em;
     margin: .67em 0;
}
 mark {
    background: #ff0 none repeat scroll 0 0;
     color: #000;
}
 small {
    font-size: 80%;
}
 sub,sup {
    font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
}
 sup {
    top: -.5em;
}
 sub {
    bottom: -.25em;
}
 img {
    border: 0 none;
}
 svg:not(:root) {
    overflow: hidden;
}
 figure {
    margin: 1em 40px;
}
 hr {
    box-sizing: content-box;
     height: 0;
}
 pre {
    overflow: auto;
}
 code,kbd,pre,samp {
    font-family: monospace,monospace;
     font-size: 1em;
}
 button,input,optgroup,select,textarea {
    color: inherit;
     font: inherit;
     margin: 0;
}
 button {
    overflow: visible;
}
 button,select {
    text-transform: none;
}
 button,html input[type=button],input[type=reset],input[type=submit] {
    cursor: pointer;
}
 button[disabled],html input[disabled] {
    cursor: default;
}
 button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0 none;
     padding: 0;
}
 input {
    line-height: normal;
}
 input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
     padding: 0;
}
 fieldset {
    border: 1px solid silver;
     margin: 0 2px;
     padding: .35em .625em .75em;
}
 legend {
    border: 0 none;
     padding: 0;
}
 textarea {
    overflow: auto;
}
 optgroup {
    font-weight: 700;
}
 table {
    border-collapse: collapse;
     border-spacing: 0;
}
 td,th {
    padding: 0;
}
 body,button,input,optgroup,select,textarea {
    color: #656565;
     font-size: 18px;
     line-height: 1.5;
}
 h1,h2,h3,h4,h5,h6 {
    clear: both;
     color: #272727;
     font-size: 40px;
}
 h2 {
    font-size: 32px;
     margin: 0;
}
 h3 {
    font-size: 22px;
     margin: 0;
}
 p {
    margin-bottom: 1.5em;
}
 cite,dfn,em,i {
    font-style: italic;
}
 blockquote {
    margin: 0 1.5em;
}
 address {
    margin: 0 0 1.5em;
}
 pre {
    background: #eee none repeat scroll 0 0;
     font-family: "Courier 10 Pitch",Courier,monospace;
     font-size: .9375rem;
     line-height: 1.6;
     margin-bottom: 1.6em;
     max-width: 100%;
     overflow: auto;
     padding: 1.6em;
}
 code,kbd,tt,var {
    font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
     font-size: .9375rem;
}
 abbr,acronym {
    border-bottom: 1px dotted #666;
     cursor: help;
}
 ins,mark {
    background: #fff9c0 none repeat scroll 0 0;
     text-decoration: none;
}
 big {
    font-size: 125%;
}
 html {
    box-sizing: border-box;
}
 * {
    box-sizing: border-box;
}
 body {
    background: #fff none repeat scroll 0 0;
}
 blockquote::after,blockquote::before,q::after,q::before {
    content: "";
}
 blockquote,q {
    quotes: """";
}
 hr {
    background-color: #ccc;
     border: 0 none;
     height: 1px;
     margin-bottom: 1.5em;
}
 ol,ul {
    margin: 0 0 1.5em;
}
 ul {
    list-style: outside none disc;
}
 li {
    padding: 0 0 5px;
}
 ol {
    list-style: outside none decimal;
}
 li>ol,li>ul {
    margin-bottom: 0;
     margin-left: 1.5em;
}
 dt {
    font-weight: 700;
}
 dd {
    margin: 0 1.5em 1.5em;
}
 img {
    height: auto;
     max-width: 100%;
}
 figure {
    margin: 1em 0;
}
 table {
    margin: 0 0 1.5em;
     width: 100%;
}
 button,input[type=button],input[type=reset],input[type=submit] {
    font-weight: 500;
     font-size: 16px;
     background-color: #005BAF;
     border: 1px solid #005BAF;
     border-radius: 0;
     padding: 10px 35px;
     text-align: center;
     min-width: 100px;
     color: #fff;
     display: inline-block;
     transition: ease-in-out .5s all;
     text-transform: uppercase;
     -webkit-appearance: none;
	 
}
 button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
    background-color: #000;
     border-color: #000;
}
 input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    border: 1px solid #6e6e6e;
     border-radius: 3px;
     color: #2a2a2a;
     font-size: 16px;
     padding: 8px 10px;
     font-weight: 400;
}
 select {
    border: 1px solid #6e6e6e;
     -webkit-appearance: none;
}
 input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {
    color: #111;
}
 textarea {
    width: 100%;
}
 ::-webkit-input-placeholder {
    color: #9a9a9a;
}
 :-ms-input-placeholder {
    color: #9a9a9a;
}
 ::placeholder {
    color: #9a9a9a;
}
 a {
    color: #005bbb;
     text-decoration: none;
     transition: all .3s ease 0s;
}
 a:visited {
    transition: all .3s ease 0s;
}
 a:active,a:focus,a:hover {
    outline: medium none;
}
 a:focus {
    outline: medium none;
}
 a:active,a:hover {
    outline: 0 none;
}
 .site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation {
    margin: 0 0 1.5em;
     overflow: hidden;
}
 .comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous {
    float: left;
     width: 50%;
}
 .comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next {
    float: right;
     text-align: right;
     width: 50%;
}
 .alignleft {
    display: inline;
     float: left;
     margin-right: 1.5em;
}
 .alignright {
    display: inline;
     float: right;
     margin-left: 1.5em;
}
 .aligncenter {
    clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .clear::after,.clear::before,.comment-content::after,.comment-content::before,.entry-content::after,.entry-content::before,.site-content::after,.site-content::before,.site-footer::after,.site-footer::before,.site-header::after,.site-header::before {
    content: "";
     display: table;
     table-layout: fixed;
}
 .clear::after,.comment-content::after,.entry-content::after,.site-content::after,.site-footer::after,.site-header::after {
    clear: both;
}
 .widget {
    margin: 0 0 30px;
}
 .widget select {
    max-width: 100%;
}
 .sticky {
    display: block;
}
 .hentry {
    margin: 0 0 1.5em;
}
 .updated:not(.published) {
    display: none;
}
 .entry-content,.entry-summary,.page-content {
    margin: 1.5em 0 0;
}
 .inline-block {
    display: inline-block;
}
 embed,iframe,object {
    max-width: 100%;
}
 .clearnone {
    clear: none;
}
 .fl {
    float: left;
}
 @font-face {
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
}
 .container {
    margin: 0 auto;
     padding: 0 5%;
     position: relative;
}
 .boxspacer {
    display: block;
     height: 20px;
}
 .boxspacer10 {
    display: block;
     height: 10px;
}
 .text-right {
    text-align: right;
}
 .text-justify {
    text-align: justify;
}
 .textlink {
    color: #81b84d;
     font-size: 13px;
     text-decoration: none;
}
 .textlink:hover {
    color: #000;
}
 .visible-sm {
    display: none!important;
}
 #primary.content-area {
    float: left;
     margin: 0 5% 0 0;
     width: 70%;
}
 body.page-template-full-width #primary.content-area {
    float: left;
     margin: 0;
     width: 100%;
}
 aside#secondary {
    float: left;
     padding: 50px 0 0;
     width: 25%;
}
 .widget {
    background-color: #efeef0;
     border: 1px double #e2e2e2;
     margin: 0 0 30px;
     padding: 20px;
}
 h2.widget-title {
    color: #30458a;
     display: block;
     font-weight: 600;
     line-height: 26px;
     position: relative;
     margin-top: 0;
}
 .search-form .search-field {
    margin: 0 0 10px;
     width: 100%;
}
 .fixed-header {
    position: fixed!important;
     top: 0!important;
     left: 0;
     right: 0;
     background-color: #fff;
     z-index: 9999;
     animation: 1s .1s fadeInDown both;
}
 .fixed-header .logoImg img {
    display: block;
     max-height: 63px;
}
 .fixed-header .logoImg {
    padding: 5px 0;
}
 body.fixed {
    padding-top: 100px;
}
 #masthead {
    position: absolute;
     right: 0;
     left: 0;
     top: 0;
     z-index: 99;
     background-color: #fff;
     box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}
 #masthead.fixed-header {
    box-shadow: 6px 3px 14px rgba(0,0,0,.21);
     background-color: #fff;
}
 .topSocialIcons {
    display: inline-block;
     float: right;
     padding: 0;
     display: flex;
}
 .topSocialIcons a {
    font-size: 20px;
     margin-left: 10px;
}
 .fixed-header a.btnOnlinePortfolio {
    display: none;
}
 .fixed-header .topSocialIcons {
    padding-top: 10px;
}
 #masthead.innerheader {
    position: relative;
}
/* #masthead:after {
    position: absolute;
     background: url(../images/bg-header.png) 0 0 repeat-x;
     content: "";
     display: block;
     width: 100%;
     height: 16px;
     bottom: -16px;
}*/
 .logoImg {
    float: left;
     padding:25px 0;
     position: relative;
     z-index: 10;
}
 .logoImg img {
    display: block;
     float: none;
     margin: auto;
}
 .topMenu {
    position: relative;
     z-index: 9999;
     padding: 43px 0 0 0;
     display: inline-block;
     margin: 0;
     float: right;
}
 .fixed-header .topMenu {
    margin-top: 10px;
     padding: 0 2% 0 0;
}
 .getquotebtn{
    float:right;
     margin: 0 0 0 30px;
}
 .fw200{
    width:200px !important;
}
 .fh56{
    height:56px !important;
}
 .uppercase{
    text-transform:uppercase
}
 .button-grd-line {
    width: 145px;
     height: 50px;
     display: inline-block;
     vertical-align: middle;
     text-align: center;
     border-radius: 8px;
     position: relative;
     border: 0;
     outline: none;
     overflow: hidden 
}
 .button-grd-line:before {
    content: "";
     /*background: linear-gradient(to right, #cf72e8 0, #5857f9 100%);*/
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     border-radius: 8px 
}
 .button-grd-line:after {
    content: "";
     /*background: transparent url(../images/button-white-layer.png) repeat-x 0 80%;*/
     background-color: #005BAF;
     color: #ffffff;
     display: block;
     position: absolute;
     left: 1px;
     top: 1px;
     width: calc(100% - 2px);
     height: calc(100% - 2px);
     border-radius: 7px;
     transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out 
}
 .button-grd-line span {
    position: absolute;
     left: 0;
     width: 100%;
     text-align: center;
     top: 50%;
     z-index: 9;
     /*background: linear-gradient(to right, #cf72e8 0, #5857f9 100%);*/
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out 
}
 .button-grd-line em {
    position: absolute;
     left: 0;
     width: 100%;
     text-align: center;
     top: 130%;
     z-index: 9;
     color: var(--myClrLight);
     font-style: normal;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     transition: all .5s ease-in-out;
     -webkit-transition: all .5s ease-in-out;
     color:#fff;
}
 .button-grd-line:hover span {
    top: -120% 
}
 .button-grd-line:hover em {
    top: 50% 
}
 .button-grd-line:hover:after {
   background-color: #00000;
    background-position: 100% 180% 
}
 .homeSlider {
    position: relative;
 
}
 .homeSlider .caption-wrap {
    top:40%;
     text-align: left;
     background-color: transparent!important;
     opacity: 1!important;
     color: #fff;
     position: absolute;
     left: 5%;
     max-width: 1180px;
     margin: 0 0 0 5%;
     font-size: 20px;
}
 .homeSlider .caption-wrap .line1 {
    font-size: 55px;
     line-height:75px;
     color: #ffffff;
     font-weight: 600;
     margin: 0 0 20px 0;
}
 .homeSlider .caption-wrap p {
    color: #ffffff;
     font-size: 24px;
     line-height: 32px;
     font-weight: 400;
     margin: 0;
}
 .homeSlider .owl-item.active .caption-wrap .line1 {
    animation: 1s .1s fadeInDown both;
}
 .homeSlider .owl-item.active .caption-wrap p {
    animation: 1s .3s fadeInUp both;
}
 .homeSlider .owl-item.active .caption-wrap .btn-group {
    animation: 1s .6s fadeInUp both;
}
 .homeSlider .caption-wrap .btn-group {
    margin-top: 30px;
}
 .homeSlider .owl-item .caption-wrap .btn-default {
    font-weight: 500;
     padding: 15px 25px;
     background-color: #005BAF;
     border-color: #005BAF;
   
}
 .homeSlider .owl-item .caption-wrap .btn-default:hover {
    background-color: #000;
     border-color: #000;
}
 .homeSlider .owl-item.active .caption-wrap .btn-default {
    animation: 1s .5s fadeInUp both;
}
 .bg-slider-btm {
    position: absolute;
     left: 0;
     right: 0;
     width: 100%;
     height: 169px;
     bottom: -20px;
     background: url(../images/bg-slider-btm.png) center bottom no-repeat;
     background-size: 100%;
     z-index: 2;
}
 .homeSlider .owl-dots {
    position: absolute;
     left: 0;
     right: 0;
     bottom: 40px;
}
 .homeSlider .owl-theme .owl-dots .owl-dot.active span {
    background-color: #fff;
}
 .homeSlider .owl-theme .owl-nav {
    margin: 0;
     border: none!important;
}
 .homeSlider .owl-carousel .owl-nav button.owl-next,.homeSlider .owl-carousel .owl-nav button.owl-prev {
    width: 50px;
     position: absolute;
     top: 55%;
     padding: 0;
     height: 50px;
     border-radius: 5px;
     background-color: rgba(0,0,0,.2);
     color: #fff;
     border: 1px solid transparent;
}
 .homeSlider .owl-carousel .owl-nav button.owl-next:hover,.homeSlider .owl-carousel .owl-nav button.owl-prev:hover {
    background-color: #222;
     color: #fff;
}
 .homeSlider .owl-carousel .owl-nav button.owl-next {
    right: 3%;
}
 .homeSlider .owl-carousel .owl-nav button.owl-prev {
    left: 3%;
}
 #pre-div {
    background-color: #f6f6f6;
     bottom: 0;
     height: 100%;
     width: 100%;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 999;
}
 #loader {
    background-image: url(../images/ajax-loader.gif);
     background-position: center center;
     background-repeat: no-repeat;
     height: 149px;
     left: 50%;
     margin: -75px 0 0 -109px;
     position: absolute;
     top: 50%;
     width: 218px;
}
 .text-justify {
    text-align: justify;
}
 .owlpics {
    display: block;
     text-align: center;
}
 .owlpics h3 {
    font-size: 18px;
     color: #212121;
     font-weight: 600;
     margin: 0;
     padding: 10px;
}
 .owlpics .imgbox,.owlpics img {
    transition: all .3s ease 0s;
}
 .owlpics .imgbox span {
    display: none;
     position: absolute;
     left: 0;
     right: 0;
     top: 60%;
     color: #fff;
     font-weight: 700;
     z-index: 1;
     transition: all .3s ease 0s;
}
 .owlpics:hover .imgbox {
    background-color: #000;
}
 .owlpics:hover img {
    opacity: .4;
}
 .owlpics:hover .imgbox span {
    display: block;
}
 
 .fullrow {
    padding: 60px 0;
     position: relative;
     clear: both;
}
 .site-footer {
    padding: 60px 0 0;
     background:#0F1D35 url(../images/bg-footer.png) center center no-repeat ;
	 background-size:cover;
     color: #aaa;
     font-size: 16px;
     font-weight: 300;
     position: relative;
}
 .footerLogo {
    padding-right: 25px;
     margin:0 0 40px;
}
 .footerLogo hr {
    width: 60px;
     background-color: #fff;
     height: 2px;
     margin: 30px auto 0;
}
 .footerSocial {
    clear: both;
   
}
 .copyrightNew{
    color:#fff;
}
 .footerSocial a {
    width: 38px;
     height: 38px;
     line-height: 38px;
     font-size: 20px;
     border-radius: 50%;
     display: inline-block;
     margin: 0 10px 0 0;
     text-align: center;
     color: #fff !important;
	 border:1px solid #fff;
}
 .footerSocial a:hover {
    background-color: #3686CB;
     color: #fff;
}
 .footerTitle {
    margin: 0 0 20px;
     font-size: 24px;
text-transform:uppercase;
font-weight:600;	 
     color: #369EFF;
     padding: 0 0 10px;
}
 .site-footer ul {
    list-style: none;
     margin: 0;
     padding: 0;
}
 .site-footer li {
    margin: 0;
     padding: 0 0 10px;
}
 .site-footer .menu li {
    padding: 0 0 9px 18px;
     position: relative;
}
 .site-footer .menu li:before {
    content: "\f105";
     font: normal normal normal 14px/1 FontAwesome;
     position: absolute;
     left: 0;
     top: 3px;
     color: #fff;
}
 .disclaimer {
    color: #000;
     border-top: 4px solid #e67817;
     text-align: justify;
     padding: 20px 0 0;
     margin-top: 15px;
}
 .disclaimer a {
    text-decoration: underline;
}
 .text-orange {
    color: #fc771e;
}
 .site-footer .col-31 {
    width: 28%;
     margin-right: 7%;
}
 .site-footer .col-32 {
    width: 32%;
     margin-right: 2%;
}
 .site-footer .col-33 {
    width: 31%;
}
 .site-footer .col-41 {
    width: 22%;
     margin-right: 2%;
}
 .site-footer .col-42 {
    width: 18%;
     margin-right: 2%;
}
 .site-footer .col-43 {
    width: 22%;
     margin-right: 2%;
}
 .site-footer .col-44 {
    width: 24%;
}
 .footerFlex {
    display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
}
.footerFlex .col{flex:1}
 .bottomForm .input-field {
    margin-bottom: 15px;
}
 .bottomForm .input-field input,.bottomForm .input-field textarea {
    background-color: #1c111a;
     border: 1px solid #3b313d;
     width: 100%;
     border-radius: 0;
     color: #999b9f;
}
 .bottomForm button,.bottomForm input[type=button],.bottomForm input[type=reset],.bottomForm input[type=submit] {
    background-color: #753335;
     border: 1px solid #100f16;
     border-radius: 0;
}
 .inquiryPage.bottomForm .input-field input,.inquiryPage.bottomForm .input-field textarea {
    background-color: #f6f6f6;
     border: 1px solid #ccc;
     width: 100%;
     border-radius: 0;
     color: #999b9f;
}
 .sisCompany{
    display:flex;
     align-items:center;
}
 .sisCompany .cname{
    margin-left:20px;
}
 .site-footer a {
    color: #fff;
}
 .site-footer a:hover {
    color: #fff;
}
 .site-footer .box {
    margin-bottom: 25px;
     min-height: 37px;
}
 .site-footer .box .fa {
    color: #fff;
    
     text-align: center;
     line-height: 32px;
     font-size: 18px;
     
}
.site-footer .box .fa.fa-map-marker{font-size:24px}
 .site-footer .boxColumn {
    margin: 0 0 0 30px;
	color:#fff;
     padding-top: 4px;
}
 .site-footer .boxColumn a:hover,.site-footer li a:hover {
    color: #fff;
     text-decoration: underline;
}
 .site-footer .unittitle {
    color: #0187c5;
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 12px;
}
 .site-footer .copyRight .container {
    padding-top: 25px;
}
 .site-footer .copyRight {
    text-align: center;
     font-size: 14px;
     padding: 0 0 25px;
     margin: 20px 0 0;
     color: #9f9f9f;
     
}
 .site-footer .copyRight a {
    color: #9f9f9f;
     text-decoration: underline;
}
 .site-footer .copyRight a:hover {
    color: #fff;
}
 .site-footer .copyRight p {
    margin: 0;
}
 .site-footer .copyRight .left {
    float: left;
}
 .site-footer .copyRight .right {
    float: right;
     text-align: right;
}
 .site-footer .copyRight:after {
    content: "";
     display: block;
     clear: both;
}
 #back-to-top {
    position: fixed;
     bottom: 50px;
     right: 20px;
     z-index: 9999;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 36px;
     background:#005bbb;
     color: #fff;
     cursor: pointer;
     border: 0;
     border-radius: 40px;
     text-decoration: none;
     transition: opacity .2s ease-out;
     opacity: 0;
     font-size: 24px;
}
 #back-to-top.show {
    opacity: 1;
}
 #menubtn {
    height: 40px;
     border-radius: 5px;
     line-height: 38px;
     display: inline-block;
     margin-left: 12px;
     padding: 0 15px;
     cursor: pointer;
     border: 1px solid #000;
     margin-top: 21px;
     background-color: #000;
     color: #fff;
}
 .fixed-header #menubtn {
    margin-top: 15px;
}
 #menubtn span {
    padding-left: 5px;
}
 .col21 {
    width: 48%;
     display: inline-block;
     margin: 0 2% 0 0;
     float: left;
}
 .col22 {
    width: 48%;
     display: inline-block;
     margin: 0 0 0 2%;
}
 .col-21 {
    width: 48%;
     display: inline-block;
     margin: 0 3% 0 0;
     float: right;
}
 .col-22 {
    width: 48%;
     display: inline-block;
     margin: 0;
     float: left;
}
 .col-31 {
    width: 31.66%;
     display: inline-block;
     margin: 0 2.5% 0 0;
     float: left;
}
 .col-32 {
    width: 31.66%;
     display: inline-block;
     margin: 0 2.5% 0 0;
     float: left;
}
 .col-33 {
    width: 31.66%;
     display: inline-block;
     margin: 0;
     float: left;
}
 .col-41 {
    width: 23.12%;
     display: inline-block;
     margin: 0 2.5% 30px 0;
     float: left;
}
 .col-42 {
    width: 23.12%;
     display: inline-block;
     margin: 0 2.5% 30px 0;
     float: left;
}
 .col-43 {
    width: 23.12%;
     display: inline-block;
     margin: 0 2.5% 30px 0;
     float: left;
}
 .col-44 {
    width: 23.12%;
     display: inline-block;
     margin: 0;
     float: left;
}
 .box {
    margin-bottom: 30px;
}
 .box .fa {
    color: #acacac;
     float: left;
     font-size: 22px;
     padding: 2px 0 0;
}
 .box .fa-mobile {
    font-size: 36px;
     margin-left: 3px;
     margin-top: -7px;
}
 .box .fa-envelope-o {
    font-size: 20px;
     margin-top: 1px;
}
 .boxColumn {
    margin: 0 0 0 30px;
}
 .boxColumn a {
    text-decoration: none;
}
 .boxColumn a:hover {
    color: #000;
}
 .entry-content a:hover {
    color: #000;
}
 .brdimg {
    border: 1px solid #083d5f;
}
 .col21 iframe,.col22 iframe {
    border-top: 1px solid #ccc!important;
     border-bottom: 1px solid #ccc!important;
}
 .col21 iframe {
    border-right: 1px solid #ccc!important;
}
 .btn-default {
    font-weight: 400;
     font-size: 18px;
     background-color: #005BAF;
     border: 1px solid #005BAF;
     border-radius: 10px;
     padding: 15px 35px;
     text-align: center;
     min-width: 100px;
     color: #fff;
     display: inline-block;
}
 .btn-default:hover {
    background-color: #000;
     border-color: #000;
}
 .btn-default.btn-o {
    background-color: transparent;
     border-color: #acacac;
     color: #3a3a3a;
}
 .btn-default.btn-o:hover {
    background-color: #000;
     border-color: #000;
     color: #fff;
}
 .btn-lg {
    font-size: 18px;
     padding: 8px 30px;
}
 .btn-black {
    border-color: #2a2a2a!important;
     background-color: #2a2a2a!important;
}
 .btn-white {
    border-color: #fff;
     background-color: #fff;
     color: #008dd2;
}
 .btn-white:hover {
    color: #fff;
}
 .btn-orange {
    background-color: #13277a;
     border-color: #13277a;
}
 .btn-default i {
    display: inline-block;
     padding-left: 10px;
}
 .linktxt {
    color: #000;
     font-size: 20px;
     text-transform: uppercase;
     border-bottom: 2px solid #ccc;
     padding: 0 0 5px;
}
 .linktxt:hover {
    color: #008dd2;
     border-bottom: 2px solid #008dd2;
}
 #masthead.innerpage.fixed-header {
    background-color: #fff;
}
 .col-8 {
    width: 66.66666667%;
     float: left;
}
 .col-4 {
    width: 33.33333333%;
     float: left;
}
 .smallLine {
    margin-top: 0;
     position: relative;
     font-size: 16px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 3px;
     color: rgba(255,255,255,.85);
}
 .breadcrumbs {
    font-size: 14px;
     font-weight: 400;
     text-decoration: none;
     text-align: center;
     margin: 20px 0 0;
     color: #ddd;
}
 .breadcrumbs a {
    color: #fff;
}
 .breadcrumbs a:hover {
    color: #f58025;
}
 .breadcrumb li a:before {
    position: absolute;
     right: 0;
     bottom: 0;
     width: 0;
     height: 1px;
     content: "";
     transition: all .25s cubic-bezier(.645,.045,.355,1);
     background-color: #1292ee;
}
 .breadcrumb li a:hover:before {
    left: 0;
     width: 100%;
}
 .breadcrumbs span.fa-hand-o-right {
    margin: 0 10px;
}
 .fw900 {
    font-weight: 900;
}
 .pageTitle {
    background-position: center center;
     background-repeat: no-repeat;
     text-align: left;
     padding: 300px 0 130px;
     color: #fff;
     background-color: #f6f6f6;
     background-image: linear-gradient(to right, rgba(21, 24, 27, 1) 0%, rgba(15, 29, 55, 0.15) 100%),url(../images/bg-page-title.jpg);
     position: relative;
     z-index: 9;
     background-size: cover;
}
 .pageTitle.bg-about:after {
    opacity: .2;
}
 .bg-about2 {
    background: url(../images/bg-title-about2.jpg) center center no-repeat;
}
 .bg-about3 {
    background: url(../images/bg-title-about3.jpg) center center no-repeat;
}
 .bg-services {
    background: url(../images/bg-title-services.jpg) center center no-repeat;
}
 .bg-service1 {
    background: url(../images/bg-title-service1.jpg) center center no-repeat;
}
 .pageTitle:after {
    opacity: .7;
}
 .pageTitle:after {
    content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     position: absolute;
     background-color: #030f27;
}
 .pageTitle h1 {
    margin: 0; font-weight:300;
     padding: 0;
     font-size: 55px;
     line-height: 65px;
     color: #fff;
     
}
 @media only screen and (min-width:1901px) {
    .pageTitle {
        background-size: cover;
    }
}
 .radiusleftimg {
    border-radius: 0 60px 0 60px;
     box-shadow: 2px 5px 10px rgba(0,0,0,.5);
}
 .radiusrightimg {
    border-radius: 60px 0 60px 0;
     box-shadow: 2px 5px 10px rgba(0,0,0,.5);
}
 .bg-f6f6f6 {
    background-color: #f6f6f6;
}
 .bg-e4e4e4 {
    background-color: #e4e4e4;
}
 #breadcrumb {
    list-style: none;
     margin: 10px 0 0;
     padding: 0;
}
 #breadcrumb li {
    display: inline-block;
     font-size: 16px;
}
 #breadcrumb li:not(:last-child):after {
    content: "/";
     display: inline-block;
     margin: 0 10px;
}
 #breadcrumb a {
    color: #fff;
}
 .site-content {
    padding: 30px 0;
}
 .site-content p {
    line-height: 30px;
}
 .img-border {
    border: 1px solid #fff;
     border-radius: 20px;
     box-shadow: 0 0 0 5px rgba(0,0,0,.1);
}
 .col31 {
    width: 33%;
     float: left;
}
 .col32 {
    width: 33%;
     float: left;
     padding-right: 40px;
}
 .col33 {
    width: 33%;
     float: left;
}
 #frm_contact label {
    font-size: 14px;
     margin-bottom: 6px;
     display: inline-block;
}
 #frm_contact input {
    border: 1px solid #ccc;
     width: 90%;
     padding: 9px;
     font-size: 16px;
}
 #frm_contact select {
    border: 1px solid #ccc;
     width: 90%;
     padding: 9px;
     font-size: 16px;
}
 #frm_contact textarea {
    border: 1px solid #ccc;
     width: 90%;
     font-size: 16px;
     padding: 9px;
}
 #frm_contact .form-group {
    margin: 0 0 10px;
}
 #period-addon {
    line-height: 40px;
}
 .mapwrap .col21,.mapwrap .col22 {
    width: 50%;
     margin: 0;
}
 .wrap404 {
    text-align: center;
     padding: 240px 0 50px;
}
 .wrap404 i {
    font-size: 120px;
}
 .wrap404 h2 {
    font-size: 60px;
     font-weight: 500;
     margin: 0;
}
 .wrap404 h4 {
    font-size: 30px;
     font-weight: 300;
     margin: 0;
     color: #ccc;
}
 .wrap404 p {
    font-size: 20px;
}
 .well {
    transform: scale(.8);
     box-shadow: 0 0 10px rgba(0,0,0,.3);
     padding: 20px;
     margin: 10px;
     background-color: #e3e3e3;
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.3);
     box-shadow: inset 0 1px 1px rgba(0,0,0,.3);
     display: none;
     max-width: 320px;
     min-width: 300px;
     min-height: 300px;
     color: #000;
}
 .popup_visible .well {
    transform: scale(1);
}
 .well .closeicon {
    position: absolute;
     right: 1px;
     top: 1px;
     cursor: pointer;
     padding: 6px;
     color: #fff;
     background: #000;
}
 .well .form-group {
    margin-bottom: 15px;
}
 .well input.form-control {
    width: 100%;
}
 .well select {
    width: 100%;
     padding: 7px 10px;
}
 .well label {
    display: block;
     font-size: 12px;
     margin: 0 0 5px;
     font-weight: 700;
}
 .well .head2 {
    font-family: Montserrat,sans-serif;
     font-weight: 800;
     text-transform: uppercase;
     margin: 0 0 20px;
     border-bottom: 1px solid #000;
     padding-bottom: 10px;
}
 .w1200 {
    max-width:1200px!important;
     margin: 0 auto;
}
 .w980 {
    max-width: 980px!important;
     margin: 0 auto;
}
 .w900 {
    max-width: 900px!important;
     margin: 0 auto;
}
 .w800 {
    max-width: 800px!important;
     margin: 0 auto;
}
 .w660 {
    max-width: 660px!important;
     margin: 0 auto;
}
 .w600 {
    max-width: 600px!important;
     margin: 0 auto;
}
 .w250 {
    max-width: 250px!important;
     margin: 0 auto;
}
 .w200 {
    max-width: 200px!important;
     margin: 0 auto;
}
 .w150 {
    max-width: 150px!important;
     margin: 0 auto;
}
 .w100 {
    max-width: 100px!important;
     margin: 0 auto;
}
 .minw100 {
    min-width: 100px;
}
 .minw240 {
    min-width: 240px;
}
 .field-row {
    margin-bottom: 30px;
}
 .formWrap {
    margin: 0 auto;
}
 .formWrap label {
    display: block;
     font-weight: 400;
}
 .formWrap input[type=email],.formWrap input[type=number],.formWrap input[type=tel],.formWrap input[type=text] {
    width: 100%;
     border-radius: 0;
}
 .formWrap select {
    width: 100%;
     border-color: #6e6e6e;
     border-radius: 0;
     color: #2a2a2a;
     font-size: 16px;
     font-weight: 400;
     padding: 9px 7px;
}
 .formWrap .col21,.formWrap .col22,.formWrap .colfull {
    margin-bottom: 12px;
}
 .formWrap .col-31,.formWrap .col-32,.formWrap .col-33 {
    margin-bottom: 15px;
}
 .formWrap textarea {
    height: 147px;
     border-radius: 0;
     color: #000;
}
 .formWrap input[type=submit] {
    width: auto;
     -webkit-appearance: none;
}
 .captchaflex{
    display:flex;
}
 .captchaflex > div{
    margin-right:15px;
}
 .captchaflex .font16{
    font-size:16px;
}
 .captchaflex a{
    color:#3690d1;
}
 table.pkg {
    background-color: #fff;
     font-size: 18px;
     border-top: 1px solid #c2c2c2;
     border-left: 1px solid #c2c2c2;
}
 table.pkg td {
    padding: 10px;
     border-bottom: 1px solid #c2c2c2;
     border-right: 1px solid #c2c2c2;
     color: #1a1a1a;
}
 table.pkg td:first-child {
    background-color: #f1f1f1;
}
 .anchorspan {
    position: absolute;
     top: -100px;
}
 .showMobile {
    display: none;
}
 .showMobile a {
    display: inline-block;
     background-color: #f2f2f2;
     float: left;
     text-align: center;
     color: #000;
     padding: 2px 0;
     width: 25%;
     text-transform: uppercase;
}
 .addBorder {
    border-left: 1px solid rgba(0,0,0,.2);
}
 .yeardiv {
    width: 50px!important;
     float: left;
     text-align: center;
     margin-right: 10px;
}
 .mr20 {
    margin-right: 20px!important;
}
 .mt28 {
    margin-top: 28px!important;
}
 .mt50 {
    margin-top: 50px!important;
}
 .mt40 {
    margin-top: 40px!important;
}
 .mt30 {
    margin-top: 30px!important;
}
 .mt20 {
    margin-top: 20px!important;
}
 .mt10 {
    margin-top: 10px!important;
}
 .showMobile a:hover {
    background-color: #000;
     color: #fff;
}
 #menubtn {
    display: none;
}
 .text-center {
    text-align: center;
}
 .font20 {
    font-size: 20px;
}
 .formWrap input[type=submit].btn-tracking {
    width: 70%;
     padding: 4px 0;
     vertical-align: top;
     margin: 0;
}
 .alert {
    padding: 15px;
     margin-bottom: 20px;
     border: 1px solid transparent;
     border-radius: 4px;
}
 .alert-success {
    color: #3c763d;
     background-color: #dff0d8;
     border-color: #d6e9c6;
}
 .alert-info {
    color: #31708f;
     background-color: #d9edf7;
     border-color: #bce8f1;
}
 .alert-warning {
    color: #8a6d3b;
     background-color: #fcf8e3;
     border-color: #faebcc;
}
 .alert-danger {
    color: #a94442;
     background-color: #f2dede;
     border-color: #ebccd1;
}
 .table {
    border-left: 1px solid #ccc;
     border-top: 1px solid #ccc;
     font-size: 15px;
     color: #000;
}
 .table th {
    text-align: center;
     padding: 10px;
     color: #fff;
     font-size: 20px;
     border-right: 1px solid #ed5526;
     border-bottom: 1px solid #ccc;
     background-color: #ed5526;
}
 .table td {
    padding: 12px 20px;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     background-color: #fff;
}
 .font22 {font-size: 22px;}
 .font28 {
    font-size: 28px;
     line-height: 36px;
}
 .mulilight {
    font-weight: 300!important;
}
 .mt0 {
    margin-top: 0!important;
}
 .mb0 {
    margin-bottom: 0!important;
}
 .mt20 {
    margin-top: 20px;
}
 .mb10 {
    margin-bottom: 10px;
}
 .mb20 {
    margin-bottom: 20px;
}
 .m0 {
    margin: 0;
}
 .vtop {
    vertical-align: top;
}
 .title-light {
    font-weight: 300;
     color: #272727;
     font-size: 24px;
}
 .pb20 {
    padding-bottom: 20px;
}
 .text-white {
    color: #fff;
}
 .eq-row {
    display: flex;
     position: relative;
}
 .eq-row .column {
    flex: 50%;
}
 .p40 {
    padding: 40px;
}
 .showOnlyDesktop {
    display: block;
}
 .showiPad {
    display: none;
}
 .topbar {
    color: #fff;
     font-size: 16px;
     background-color: #3B4C7D;
}
 .topbar .container {
    margin: 0 5%;
     padding: 0;
}
 .topbar:after {
    content: "";
     display: block;
     clear: both;
}
 .topbar .topLeft {
    text-align: left;
     float: left;
     padding: 10px 35px 10px 10px;
     position: relative;
     min-height: 42px;
}
 .topbar .topLeft .addre {
    display: inline-block;
     margin-right: 30px;
}
 .topbar .topLeft .addre i {
    font-size: 22px;
     display: inline-block;
     margin-right: 5px;
}
 .topbar .topLeft .mail {
    display: inline-block;
}
 .topbar .topLeft .mail i {
    font-size: 20px;
     display: inline-block;
     margin-right: 5px;
}
 .topbar .topLeft a {
    color: #444;
}
 .topbar .topLeft a:hover {
    color: #005BAF;
}
 .topbar .topRight {
    float: right;
     display: flex;
     padding: 8px 0 8px 0;
     position: relative;
}
 .topbar .topRight i {
    font-size: 22px;
     display: inline-block;
     margin-right: 5px;
    top: 2px;
     position: relative;
}
 .topbar .topRight .topSocialIcons i {
   
     margin-right: 0;
    top: inherit;
}
 .topbar .topRight a:hover {
    color: #ffffff ;
}
 .topbar .topRight a {
    color: #ffffff;
}
 .topbar .topRight .call {
    margin-right: 30px;
     line-height: 34px;
}
 .topbar .topRight .email {
    margin-right: 30px;
}
 .fixed-header .topbar {
    display: none;
}
 .leftText {
    float: left;
     padding: 8px 0;
}
 .topsocial {
    float: right;
     font-size: 14px;
}
 .topsocial a {
    color: #fff;
     margin: 0;
     display: inline-block;
     line-height: 37px;
     padding: 0 10px;
}
 .topsocial a:hover {
    color: #fff;
     background-color: #000;
}
 .iconLeft {
    float: left;
     width: 60px;
     margin: 7px 0 0 0;
}
 .iconLeft .fa {
    font-size: 45px;
}
 .servConRight {
    display: table;
     margin-left: -65px;
}
 .introContent.nobg {
    background-image: none;
}
 .introContent {
    padding: 90px 0 140px;
     background: #fff;
     position: relative;
     min-height: 80vh;
}
 .introContent .container {
    z-index: 10;
     position: relative;
}
 .border-img {
    box-shadow: 1px 0 54px rgba(0,0,0,.22);
}
 .introContent .col-21 {
    width: 46%;
}
 .introContent .col-22 {
    width: 50%;
}
 .homeIntro .titletxt {
    margin-top: 50px;
}
 .titletxt {
    font-size: 48px;
     color: #2a2a2a;
     font-weight: 900;
     line-height: 52px;
}
 .titletxt small {
    font-size: 22px;
     color: #3e4095;
     font-weight: 400;
     line-height: 24px;
     display: block;
     margin-bottom: 10px;
}
 .img-box-behind {
    display: block;
     position: relative;
}
 .img-box-behind img {
    position: relative;
     z-index: 5;
     padding: 40px 0 0 40px;
}
 .img-box-behind:after {
    content: "";
     display: block;
     width: 90%;
     height: 90%;
     background-color: #f1f0ef;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 4;
}
 .introContent p {
    text-align: justify;
}
 .wow {
    visibility: hidden;
}
 .img-block {
    display: block;
}
 .desktop-p40 {
    padding: 40px;
}
 .tb {
    display: table;
     width: 100%;
     height: 100%;
     vertical-align: middle;
}
 .tbs {
    display: table-cell;
     height: 100%;
     vertical-align: middle;
}
 .gallerylist {
    list-style: none;
     margin: 0;
     padding: 0;
}
 .gallerylist:after {
    content: "";
     display: block;
     clear: both;
}
 .gallerylist li {
    margin: 0;
     padding: 0;
     width: 20%;
     float: left;
}
 .gallerylist li a {
    margin: 1px;
     position: relative;
     display: block;
     overflow: hidden;
}
 .gallerylist li a img {
    display: block;
}
 .gallerylist li a img[alt] {
    font-size: 12px;
}
 .gallerylist li .caption {
    position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(59,89,151,.8);
     text-align: center;
     visibility: hidden;
     height: 0;
     transition: all ease-in-out .2s;
     color: #fff;
     font-size: 22px;
}
 .gallerylist li a:hover .caption {
    visibility: visible;
     height: 100%;
     left: 0;
     top: 0;
}
 .owl-carousel .owl-nav {
    background-color: transparent;
}
 .owl-theme .owl-nav[class*=owl-]:hover {
    background-color: transparent;
}
 .owl-carousel .owl-nav button.owl-prev {
    background-color: #2a2a2a;
     color: #fff;
}
 .owl-carousel .owl-nav button.owl-next {
    background-color: #2a2a2a;
     color: #fff;
}
 .carouselBox {
    text-align: center;
     position: relative;
}
 .carouselBox .pic {
    display: block;
     overflow: hidden;
     border-radius: 50%;
     position: relative;
}
 .carouselBox .content {
    position: relative;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 10px 15px;
     z-index: 1;
     -moz-transition: .4s;
     -webkit-transition: .4s;
     -ms-transition: .4s;
     -o-transition: .4s;
     transition: .4s;
}
 .carouselBox .content .title {
    font-size: 20px;
     margin: 0;
     color: #fff;
     font-weight: 600;
     -moz-transition: .4s;
     -webkit-transition: .4s;
     -ms-transition: .4s;
     -o-transition: .4s;
     transition: .4s;
}
 .carouselBox:hover .content .title {
    color: #fff;
}
 .carouselBox .overlay {
    position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to top,rgba(0,0,0,.9) 20%,rgba(255,164,100,.3) 80%);
     -moz-transition: .4s;
     -webkit-transition: .4s;
     -ms-transition: .4s;
     -o-transition: .4s;
     transition: .4s;
     opacity: 0;
     visibility: hidden;
}
 .carouselBox:hover .overlay {
    opacity: 1;
     visibility: visible;
}
 .carouselBox .overlay img {
    width: 49px;
     height: 49px;
     margin: auto;
     left: 0;
     right: 0;
     top: 0;
     opacity: 0;
     visibility: hidden;
     position: absolute;
     transition: all ease-in-out .2s;
}
 .carouselBox:hover .overlay img {
    opacity: 1;
     visibility: visible;
     top: 50%;
     margin-top: -20px;
}
 
 .missionVisionRow {
    clear: both;
     background-color: #dbdde5;
     text-align: center;
}
 .missionVisionRow:after {
    content: "";
     display: block;
     clear: both;
}
 .missionVisionRow .missionCol {
    width: 33.33%;
     float: left;
     padding: 50px;
}
 .missionVisionRow .visionCol {
    width: 33.33%;
     float: left;
     padding: 50px;
     background-color: #eee;
     min-height: 472px;
}
 .missionVisionRow .goalCol {
    width: 33.33%;
     float: right;
     padding: 50px;
}
 .missionVisionRow .icon {
    width: 150px;
     height: 150px;
     margin: 0 auto;
     display: block;
     background-position: center center;
     background-repeat: no-repeat;
     background-color: #eee;
     border-radius: 50%;
     margin-bottom: 20px;
}
 .missionVisionRow .icon-mission {
    background-image: url(../images/icon-mission.png);
}
 .missionVisionRow .icon-vision {
    background-image: url(../images/icon-vision.png);
     background-color: #fff;
}
 .missionVisionRow .icon-goal {
    background-image: url(../images/icon-goal.png);
}
 .missionVisionRow h2 {
    font-size: 28px;
     color: #2e3e9e;
     font-weight: 400;
     font-family: 'Titillium Web',sans-serif;
}
 .missionVisionRow p {
    font-size: 16px;
     color: #000;
     line-height: 24px;
}
#owl-homeProducts.owl-carousel .owl-stage{display:flex}
#owl-homeProducts.owl-carousel .owl-item{border:1px solid #ccc; text-align:center}
#owl-homeProducts.owl-carousel .owl-item h3{margin:15px;}
#owl-homeProducts.owl-carousel .owl-item p{margin:15px; color:#4E4E4E}
#owl-homeProducts.owl-carousel img{transition:all ease-in-out 0.5s}
#owl-homeProducts.owl-carousel .imgbox{overflow:hidden; width:100%;height:404px;}
#owl-homeProducts.owl-carousel a:hover img{transform:scale(1.1);}
#owl-homeProducts.owl-carousel a:hover h3{color:#005bbb}


 .homeClients {
    padding: 20px 0 60px;
     text-align: center;
}
 .homeClients h2 {
    font-size: 26px;
     color: #222;
     margin-bottom: 20px;
}
 .clientLogos {
    display: block;
     clear: both;
     text-align: center;
}
 .clientLogos:after {
    content: "";
     display: block;
     clear: both;
}
 .clientlogobox {
    width: calc(16.66% - 15px);
     height: 170px;
     text-align: center;
     position: relative;
     margin: 15px 15px 0 0;
     float: left;
     background-color: #fff;
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
     -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
     box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
     display: table;
     transition: all ease-in-out .5s;
     border-radius: 5px;
}
 .clientlogobox:hover {
    box-shadow: 0 8px 16px rgba(25,56,138,.24);
}
 .clientlogobox span {
    display: table-cell;
     vertical-align: middle;
     padding: 10px;
}
 .clientlogobox img {
    vertical-align: middle;
     max-height: 130px;
     max-width: 100%;
     margin: auto;
     width: auto!important;
}
 .clientdFlex {
    display: flex;
     text-align: left;
     margin-bottom: 40px;
}
 .clientdFlex .clientLeft {
    min-width: 300px;
     margin-right: 20px;
}
 .clientdFlex .clientLeft span {
    color: #f58025;
     font-size: 16px;
     font-weight: 500;
}
 .clientdFlex .clientLeft .txtbtm {
    color: #222;
     font-size: 30px;
     font-weight: 600;
}
 #owl-homeclients.owl-theme .owl-nav[class*=owl-] {
    background-color: transparent;
     margin: 20px 0 0 0;
}
 #owl-homeclients.owl-carousel .owl-nav button.owl-next,#owl-homeclients.owl-carousel .owl-nav button.owl-prev {
    background-color: #cbcbcb;
     color: #222;
}
 .clientBox img {
    border: 1px solid #ccc;
     border-radius: 10px;
}
 .clientBox {
    padding: 1px;
}
 .bottomCTA {
    background-color: #0187c5;
     color: #fff;
     font-family: 'Titillium Web',sans-serif;
     font-size: 30px;
     font-weight: 400;
     padding: 25px 0 0 0;
}
 .bottomCTA span {
    font-weight: 700;
     white-space: nowrap;
}
 .bottomCTA .colLeft {
    width: 26%;
     float: left;
     background-color: #00092d;
     padding: 0 0 10px 20px;
}
 .bottomCTA .colRight {
    width: 74%;
     float: right;
     padding: 0 0 10px 100px;
     position: relative;
}
 .bottomCTA .colRight:before {
    content: "";
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     border-bottom: 60px solid #00092d;
     border-right: 60px solid transparent;
}
 .bottomCTA a {
    color: #fff;
}
 .bottomCTA a:hover {
    padding-left: 2px;
     color: #000;
}
 .serviceBoxes {
    padding: 30px 0 0;
}
 .serviceBoxes:after {
    content: "";
     display: block;
     clear: both;
}
 .serviceBoxes .carouselBox {
    width: 14.6%;
     float: left;
     margin: 0 1% 20px;
}
 .serviceBoxes .carouselBox .pic {
    border-radius: 12px;
}
 .serviceBoxes .carouselBox .content .title {
    color: #000;
}
 .serviceBoxes .carouselBox .content {
    padding: 0;
}
 .clientPage .clientlogobox {
    width: 23%;
     margin: 0 1% 2%;
     border: 1px solid #ccc;
}
 .homeGetinTouch {
    padding: 140px 0 180px;
     background: url(../images/bg-getintouch.jpg) center top no-repeat;
     text-align: center;
     color: #fff;
     background-size: cover;
     z-index: 9;
     position: relative;
}
 .homeGetinTouch h2 {
    font-size: 50px;
     font-weight: 800;
     text-transform: uppercase;
     color: #fff;
     text-shadow: 4px 2px 5px rgba(0,0,0,.25);
}
 .homeGetinTouch p {
    font-size: 22px;
     font-weight: 400;
}
 .homeForm {
    clear: both;
     background-color: #f8f8f8;
     padding: 0 0 100px;
}
 .btn-fontaw {
    font-family: FontAwesome,sans-serif;
}
 .formBox {
    max-width: 750px;
     margin: -80px auto 0;
     background-color: #fff;
     padding: 40px;
     box-shadow: 10px 0 30px rgba(0,0,0,.18);
     position: relative;
     z-index: 10;
}
 .formBox .formBtn {
    text-align: center;
}
 .counter-name-wrap {
    width: 45%;
     padding-right: 5%;
     display: inline-block;
     margin-bottom: 40px;
}
 .counter-name-wrap .counter {
    font-weight: 600;
     font-size: 50px;
     color: #333;
     display: inline-block;
     line-height: 70px;
}
 .counter-name-wrap .plus {
    font-weight: 600;
     font-size: 50px;
     color: #333;
     display: inline-block;
     line-height: 50px;
}
 .counter-name-wrap small {
    font-weight: 600;
     font-size: 20px;
     color: #333;
     text-transform: uppercase;
}
 .counter-name-wrap .counter-name {
    font-size: 18px;
     color: #fff;
     line-height: normal;
     clear: both;
     display: inline-block;
     padding: 5px 15px;
     background: #e5007d;
     background: -moz-linear-gradient(-45deg,#e5007d 0,#e5007d 44%,#5d002c 100%);
     background: -webkit-gradient(left top,right bottom,color-stop(0,#e5007d),color-stop(44%,#e5007d),color-stop(100%,#5d002c));
     background: -webkit-linear-gradient(-45deg,#e5007d 0,#e5007d 44%,#5d002c 100%);
     background: -o-linear-gradient(-45deg,#e5007d 0,#e5007d 44%,#5d002c 100%);
     background: -ms-linear-gradient(-45deg,#e5007d 0,#e5007d 44%,#5d002c 100%);
     background: linear-gradient(135deg,#e5007d 0,#e5007d 44%,#5d002c 100%);
}
 .bigtext {
    font-size: 26px;
     font-weight: 400;
     color: #2a2a2a;
     margin: 0 0 0 49px;
}
 .bigtext .fa {
    top: 7px;
}
 .col4 {
    width: 40%;
     float: left;
     padding-left: 10%;
}
 .col8 {
    width: 60%;
     float: left;
}
 .vtop {
    vertical-align: top;
}
 .font26 {
    font-size: 26px;
}
 .pl0 {
    padding-left: 0;
}
 .flex {
    display: flex;
}
 .flex .profilePic {
    width: 20%;
}
 .profileText {
    width: 80%;
     padding: 0 0 0 30px;
}
 .mobile-reverse .profileText {
    padding: 0 30px 0 0;
}
 .error {
    color: red;
     font-size: 12px;
}
 .about_left_img {
    position: relative;
     z-index: 2;
     display: inline-block;
     margin: auto;
}
 .about_left_img::after {
    position: absolute;
     content: "";
     height: 300px;
     width: 300px;
     background: url(../images/dotted_bg.png) no-repeat;
     left: -15%;
     bottom: -16%;
     z-index: -1;
}
 .aboutpageIntro .col-21 {
    width: 50%;
}
 .aboutpageIntro .col-22 {
    width: 45%;
     vertical-align: top;
}
 .aboutpageIntro h2 {
    font-weight: 600;
     font-size: 24px;
     line-height: 34px;
}
 .aboutpageIntro h3 {
    font-size: 18px;
     line-height: 30px;
}
 .aboutpageIntro h2 span {
    font-weight: 700;
}
 .fl {
    float: left;
}
 .z5 {
    position: relative;
     z-index: 5;
}
 .z10 {
    position: relative;
     z-index: 10;
}
 .visionBox {
    border: 1px solid #dadada;
     border-radius: 15px;
     padding: 15px 15px 20px;
     border-left-width: 6px;
     display: flex;
}
 .visionBox .ico {
    padding: 0 20px;
     min-width: 120px;
}
 .visionBox h2 {
    font-weight: 500;
     margin: 0 0 5px;
}
 .visionBox p {
    margin: 0;
}
 .fw300 {
    font-weight: 300;
}
 .boxshadow {
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
}
 .businessDetails img {
    border: 1px solid #ccc;
     border-radius: 20px;
}
 .detailedBox {
    border: 1px solid #dadada;
     border-radius: 20px;
     overflow: hidden;
     margin-top: 20px;
}
 .detailedBox .bRow {
    border-bottom: 1px solid #ccc;
     display: flex;
     flex-direction: row;
     background-color: rgba(0,0,0,.1);
     padding: 10px 15px;
}
 .detailedBox .bRow:nth-child(2n+1) {
    background-color: #f6f6f6;
}
 .detailedBox .bRow .col1 {
    min-width: 190px;
     text-align: left;
}
 .detailedBox.w50per .bRow .col1 {
    width: 50%;
}
 .detailedBox.w50per .bRow .col2 {
    width: 50%;
}
 .pageWrap {
    background-color: #fff;
     position: relative;
     z-index: 10;
}
 .cardwrap {
    display: flex;
     flex-direction: row;
     margin: 20px 0;
}
 .singleCard {
    display: flex;
     border: 1px solid #dadada;
     border-radius: 20px;
     justify-content: space-between;
     margin: 0 15px;
     width: 50%;
     padding: 20px;
     align-items: center;
}
 .singleCard .cardimg {
    max-width: 300px;
}
 .singleCard .cardContent h3 {
    margin: 0 0 20px;
     font-weight: 700;
     font-size: 22px;
}
 .productBox {
    display: flex;
     align-items: center;
     margin-bottom: 60px;
}
 .productBox .productContent {
    width: 40%;
     z-index: 5;
}
 .productBox .productContent>div {
    padding: 40px;
     background-color: #f6f6f6;
     margin: 0 0 0 -80px;
     box-shadow: 8px 10px 20px rgba(0,0,0,.1);
}
 .productBox .productContent h3 {
    margin: 0;
     font-size: 32px;
}
 .productBox .productImg {
    width: 60%;
}
 .productBox.reverse {
    flex-direction: row-reverse;
}
 .productBox.reverse .productContent>div {
    margin: 0 -80px 0 0;
}
 .contactFlex {
    display: flex;
}
 .contact__page__info {
    padding: 20px;
     color: #222;
     margin-right: 30px;
}
 .contact__page__info .boxColumn a {
    color: #222;
}
 .contact__page__info .boxColumn a:hover {
    color: #222;
     text-decoration: underline;
}
 .contact__page__info .box .fa {
    color: #222;
}
 .contact__info__heading h2 {
    font-size: 22px;
     letter-spacing: -1px;
     line-height: 45px;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 23px;
     color: #222;
}
 .contact__info__heading p {
    font-size: 16px;
     line-height: 26px;
     font-weight: 400;
     color: #fff;
}
 .single__contact__location {
    position: relative;
     padding: 30px 0 0 100px;
}
 .single__contact__location h6 {
    font-size: 16px;
     line-height: 26px;
     margin: 0;
     font-weight: 500;
}
 .single__contact__location__icon {
    height: 50px;
     width: 50px;
     text-align: center;
     line-height: 50px;
     position: absolute;
     left: 20px;
     top: 50%;
     margin-top: -25px;
}
 .single__contact__location__icon__bg {
    position: relative;
     z-index: 2;
}
 .single__contact__location__icon__bg:after {
    position: absolute;
     content: "";
     height: 70px;
     width: 35px;
     background: #bfdf70;
     border-radius: 50%;
     transform: rotate(-45deg);
     z-index: -1;
     left: 0;
     top: 0;
}
 .contactRight {
    background-color: #fff;
     flex: 0 0 40%;
}
 .contactLeft {
    flex: 0 0 30%;
     background: #f6f6f6;
}
 .mapBox {
    background-color: #fff;
     border-radius: 10px;
     flex: 0 0 30%;
}
 .mapBox img {
    transition: all ease-in-out .5s;
}
 .mapBox a:hover img {
    transform: scale(1.05);
}
 .mapBox iframe {
    border: 1px solid #ccc;
     display: block;
}
 .bgForm {
    padding: 0 60px;
}
 .form_heading h2 {
    font-size: 24px;
     letter-spacing: -1px;
     line-height: 45px;
     color: #000;
     font-weight: 700;
     text-transform: capitalize;
     margin-bottom: 10px;
}
 .form_heading {
    margin-bottom: 30px;
}
 .form_heading p {
    font-size: 16px;
     line-height: 26px;
     color: #555;
     font-weight: 400;
}
 .formWrap label {
    color: #555;
}
 .display-block {
    display: block;
}
 .masonry {
    margin: 0;
     display: flex;
     width: 100%;
}
 .masonry--h {
    flex-flow: row wrap;
}
 .masonry--h {
    margin-left: -8px;
     counter-reset: brick;
}
 .masonry-brick {
    overflow: hidden;
     border-radius: 5px;
     margin: 0 0 8px 8px;
     background-color: #333;
     color: #fff;
     position: relative;
}
 .masonry-brick:after {
    position: absolute;
     top: 50%;
     left: 50%;
     z-index: 5000;
     transform: translate(-50%,-50%);
     counter-increment: brick;
     content: "\f00e";
     transition: font-size .25s,opacity .25s ease-in-out;
     font-weight: 700;
     opacity: 0;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: 1.25em;
}
 .masonry-brick:hover:after {
    font-size: 2.25em;
     opacity: 1;
}
 .masonry-brick--h {
    flex: auto;
     height: 250px;
     min-width: 150px;
}
 .logoImg img.dark {
    display: none;
}
 .loader {
    position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: #fff;
}
 .loaderImg{
    width:110px;
     height:110px;
     position:absolute;
     left:calc(50% - 55px);
     top:calc(50% - 55px);
    background: #fff url(../images/logo2.png) 50% 50% no-repeat;
    -webkit-animation: rotation 2s infinite linear;
}
 @-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
     to {
        -webkit-transform: rotate(359deg);
    }
}
 .w480 {
    max-width: 480px;
}
 .ml10 {
    margin-left: 10px;
}
 .bg-f6f6f6 {
    background-color: #f6f6f6;
}
 .fancybox-button {
    min-width: inherit;
}
 #owl-homeclients.owl-theme .owl-nav {
    width: auto;
     border: none;
     margin-top: 0;
}
 #owl-homeclients.owl-carousel .owl-nav button.owl-next,#owl-homeclients.owl-carousel .owl-nav button.owl-prev {
    line-height: 30px;
     padding: 0 20px!important;
}
 .homeAbout {
    padding: 80px 0 80px;
    background:#fff url(../images/bg-home-about.jpg) 0 0 no-repeat;
     background-size: cover;
}
 .homeAbout .col-21 {
    width:48%;
    margin-left:4%; margin-right:0;
}
 .homeAbout .col-22 {
    width: 48%;
}
 #owl-aboutpage.owl-carousel .owl-item img {
    border-radius: 60px 0 0 0;
}
 .homeAbout.is-inner .col-21{
    width: 60%;
     margin-right:0;
}
 .homeAbout.is-inner .col-22{
    width:36%;
    /*margin-left:0;*/
}
 .homeAbout.is-inner .skill-tag{
    left:-75px;
     right:inherit;
}
 .homeAbout .smallTitle {
    color:#005BAF;
     font-size:20px;
}
 .homeAbout h1,.homeAbout .head1 {
    
     font-weight: 600;
     color: #15181B;
     font-size: 40px;
     line-height: 46px;
     margin: 10px 0 30px 0;
}
 .homeAbout h1 span,.homeAbout .head1 span{
    display:block; color:#005BAF;
}
 .homeAbout .title-large {
    font-weight: 900;
     color: #222;
     font-size: 36px;
     line-height: 40px;
     margin: 0 0 20px 0;
}
 .homeAbout p {
    text-align: justify;
     line-height: 28px;
}
 .homeAbout .skill-tag {
    position: absolute;
     content: '';
     right: -75px;
     top: 50%;
     width: 150px;
     height: 150px;
     transform: translateY(-50%);
     border: 5px solid #ffffff;
     font-size:20px;
     padding: 46px 20px;
     line-height: 24px;
     border-radius: 100%;
     text-align: center;
     background: #043d72;
     color: #ffffff;
     font-weight:400;
}
 .homeAbout .skill-tag span {
    font-size: 30px;
     font-weight: 600;
}
 .product-blocks {
    display: flex;
     justify-content: center;
}
 .product-blocks .sblock {
    margin: 0 15px 25px;
     text-align: center;
     border-radius: 10px;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
}
 .product-blocks .sblock.col4 {
    width: calc(25% - 30px);
}
 .product-blocks .sblock h3 {
    font-weight: 400;
}
 .product-blocks .sblock img {
    border-radius: 10px;
     border: 1px solid #e2e2e2;
}
 .titlewithtape {
    background: url(../images/bg-tape.jpg) 50% bottom no-repeat;
     text-align: center;
     padding-bottom: 55px;
     background-size: 270px;
     margin-bottom: 40px;
     color: #673638;
}
 .about-dark {
    background-color: rgba(255,255,255,.75);
     padding: 20px;
     border-radius: 10px;
     margin-right: 45%;
}
 .serviceBoxesInner {
    display: flex;
     flex-wrap: wrap;
}
 .service-box {
    background: #343434;
     overflow: hidden;
     border: 1px solid #eee;
     border-radius: 10px;
     box-shadow: 0 10px 20px 0 rgba(50,50,50,.12);
     margin: 15px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
     display: block;
     flex: 0 0 calc(25% - 30px);
}
 .service-box:hover {
    box-shadow: 0 10px 20px 0 rgba(50,50,50,.42);
     background-color: #131313;
}
 .service-inner-box {
    padding: 0 20px 0 20px;
     display: flex;
}
 .service-icon-box {
    float: left;
     padding-top: 5px;
     margin-right: 20px;
     margin-top: 20px;
}
 .service-icon-box img {
    max-width: 82px;
}
 .service-box .readmore {
    color: #fff;
     padding: 6px 15px;
     border-radius: 5px;
     border: 1px solid #f6f6f6;
     display: inline-block;
}
 .service-box:hover .readmore {
    background-color: #000;
}
 .service-content-box {
    float: left;
}
 .service-box .imgH {
    overflow: hidden;
     margin-bottom: 20px;
}
 .service-box .imgH img {
    width: 100%;
     transform: scale(1);
     transition: all ease-in-out .5s;
     display: block;
}
 .service-box:hover .imgH img {
    transform: scale(1.1);
}
 .service-box h3 {
    color: #fff;
     font-size: 18px;
     font-weight: 500;
     margin: 15px 0 0;
}
 .service-box:hover h3 {
    color: #008dd2;
}
 .service-box p {
    color: #cacaca;
     font-size: 15px;
     font-weight: 400;
     margin-top: 0;
}
 .service-box i {
    color: #f58025;
     font-size: 53px;
     -webkit-transition-duration: .3s;
     transition-duration: .3s;
}
 .primary-list {
    padding-left: 0;
}
 .primary-list li {
    list-style-type: none;
     margin-top: 5px;
     position: relative;
     padding-left: 20px;
}
 .primary-list li i {
    color: #f58025;
     padding-right: 10px;
     font-size: 13px;
     position: absolute;
     top: 5px;
     left: 0;
}
 .dflex-col {
    display: flex;
     flex-wrap: wrap;
}
 .counter-box {
    position: relative;
     text-align: center;
     flex: 0 0 calc(33.33% - 30px);
     margin: 15px;
}
 .counter-box h3 {
    display: inline-block;
     font-size: 45px;
     font-weight: 600;
     color: #111;
}
 .counter-box h3:after {
    content: '+';
}
 .counter-box p {
    font-size: 16px;
     font-weight: 500;
     color: #fff;
     line-height: 1.7;
     margin: 10px 0 0;
}
 
 .dflex-white-box {
    display: flex;
     flex-wrap: wrap;
}
 .white-box {
    flex: 0 0 calc(20% - 30px);
     margin: 15px;
     background-color: #fff;
     border-radius: 5px;
     padding: 15px;
     text-align: center;
}
 .white-box h2 {
    color: #111;
     font-size: 20px;
     font-weight: 500;
     margin: 10px 0 0;
}
 .white-box h2:after {
    content: '';
     display: block;
     background: #f58025;
     height: 3px;
     width: 70px;
     margin: 10px auto;
}
 .bg-white {
    background: #f6f6f6!important;
}
 .bg-fff {
    background: #fff!important;
}
 .img-bordered {
    display: block;
     border-radius: 40px 0 0 0;
     margin: auto;
}
 .border {
    border: 1px solid #ccc;
}
 .pageSwitch {
    position: relative;
     text-align: center;
     display: flex;
     flex-wrap: wrap;
     max-width: 600px;
     margin: auto;
}
 .pageSwitch .showSingle {
    border: 1px solid #ccc;
     padding: 10px 15px;
     color: #222;
     border-radius: 5px;
     display: inline-block;
     flex: 0 0 calc(50% - 20px);
     margin: 10px;
     cursor: pointer;
}
 .pageSwitch .showSingle.active {
    background-color: #f58025;
     border-color: #f58025;
     color: #fff;
}
 .accordion .accordion-item {
    margin-bottom: 10px;
}
 .accordion .accordion-item button[aria-expanded=true] {
    border-color: #f58025;
     background-color: #f6f6f6;
}
 .accordion button {
    position: relative;
     display: block;
     text-align: left;
     width: 100%;
     padding: 10px 0;
     color: #222;
     font-size: 20px;
     font-weight: 400;
     border: 1px solid #ccc;
     background: #fff;
     outline: 0;
     border-radius: 0;
}
 .accordion button:focus,.accordion button:hover {
    cursor: pointer;
     color: #f58025;
}
 .accordion button:focus::after,.accordion button:hover::after {
    cursor: pointer;
     color: #f58025;
     border: 1px solid #f58025;
}
 .accordion button .accordion-title {
    padding: 0 19px 0 15px;
     text-transform: none;
     display: block;
}
 .accordion button .icon {
    display: inline-block;
     position: absolute;
     top: 15px;
     right: 10px;
     width: 22px;
     height: 22px;
     border: 1px solid;
     border-radius: 22px;
}
 .accordion button .icon::before {
    display: block;
     position: absolute;
     content: "";
     top: 9px;
     left: 5px;
     width: 10px;
     height: 2px;
     background: currentColor;
}
 .accordion button .icon::after {
    display: block;
     position: absolute;
     content: "";
     top: 5px;
     left: 9px;
     width: 2px;
     height: 10px;
     background: currentColor;
}
 .accordion button[aria-expanded=true] {
    color: #f58025;
}
 .accordion button[aria-expanded=true] .icon::after {
    width: 0;
}
 .accordion button[aria-expanded=true]+.accordion-content {
    opacity: 1;
     max-height: 19em;
     transition: all .2s linear;
     will-change: opacity,max-height;
}
 .accordion .accordion-content {
    opacity: 0;
     max-height: 0;
     overflow: hidden;
     transition: opacity .2s linear,max-height .2s linear;
     will-change: opacity,max-height;
}
 .accordion .accordion-content p {
    margin: 2em 0;
}
 .primary-list.two-col {
    display: flex;
     margin: 10px 0 10px;
     flex-wrap: wrap;
}
 .primary-list.two-col li {
    margin: 0 1px 2px 0;
     flex: 0 0 calc(50% - 10px);
}
 .primary-list.three-col {
    display: flex;
     margin: 10px 0 10px;
     flex-wrap: wrap;
}
 .primary-list.three-col li {
    margin: 0 10px 2px 0;
     flex: 0 0 calc(33.33% - 10px);
}
 .image-box {
    position: relative;
     z-index: 1;
     display: inline-block;
     float: right;
}
 .image-box .image-item {
    position: relative;
     overflow: hidden;
}
 .image-box .image-item>img {
    /*border-radius: 0 80px 0 0;*/
     display: block!important;
}
 .homeTestimonial {
    padding: 60px 0;
     background: #f7f7f7 url(../images/bg-home-testimonial.jpg) 0 0 no-repeat;
}
 .homeTestimonial h2 {
    font-weight: 900;
     color: #222;
     margin-bottom: 30px;
}
 .testimonial-item {
    display: flex;
     border-radius: 10px;
     padding: 30px;
     background-color: #fff;
     margin-bottom: 20px;
     box-shadow: 0 0 5px rgba(0,0,0,.1);
}
 .testimonial-item .test-author {
    margin-right: 20px;
     text-align: center;
}
 .testimonial-item .test-author .testimonial-figure {
    margin-bottom: 14px;
}
 .testimonial-item .test-author .testimonial-figure img {
    width: 130px;
     height: 130px;
     border-radius: 50%;
     border: 1px solid #ccc;
}
 .testimonial-item .test-author .rating {
    display: flex;
     justify-content: center;
     align-items: center;
     list-style: none;
     margin: 0;
     padding: 0;
}
 .testimonial-item .test-author .rating li {
    display: inline-block;
}
 .testimonial-item .test-author ul.rating li.star-rate i {
    color: #ffb300;
     display: inline-block;
     margin-right: 3px;
     font-size: 22px;
     line-height: 1;
}
 .testimonial-item .testimonial-content {
    margin-top: 5px;
     flex: 1;
}
 .testimonial-item .testimonial-content p {
    margin-bottom: 10px;
     margin-top: 0;
     font-size: 18px;
     color: #222;
}
 .testimonial-item .testimonial-content .test-footer {
    display: flex;
     justify-content: space-between;
     align-items: center;
}
 .testimonial-item .testimonial-content .test-footer .author-info {
    align-items: center;
}
 .testimonial-item .testimonial-content .test-footer .author-info .testimonial-title {
    margin-bottom: 3px;
     font-size: 22px;
     margin: 0 0 5px;
     padding: 0;
     line-height: 28px;
     color: #222;
     margin-top: 7px;
}
 .testimonial-item .testimonial-content .test-footer .item-icon {
    color: #d3d3d3;
     font-size: 30px;
}
 .bottomCta {
    background-color: #008dd2;
     padding: 40px 0;
     color: #fff;
     font-size: 30px;
     font-weight: 900;
}
 .bottomCta .flexRows {
    display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
}
 .bottomCta .flexRows>div {
    margin: 15px;
     text-align: center;
}
 .bottomCta .flexRows .txt4 a {
    color: #fff!important;
}
 .bottomCta .flexRows .txt4 i {
    display: inline-block;
     margin-right: 5px;
}
 .interLinks {
    list-style: none;
     margin: 0;
     padding: 0;
}
 .interLinks li {
    list-style: none;
     margin: 0 0 5px;
     position: relative;
}
 .interLinks li a {
    padding: 6px 0 9px 45px;
     position: relative;
     border: 1px solid #ccc;
     border-radius: 5px;
     display: block;
     color: #222;
}
 .interLinks li a:before {
    content: "";
     width: 24px;
     height: 24px;
     background: url(../images/icon-arrow.png) 0 0 no-repeat;
     background-size: auto;
     padding: 0;
     margin-left: 0;
     display: inline-block;
     position: absolute;
     left: 12px;
     top: 11px;
     background-size: 18px;
}
 .interLinks li a:hover {
    background-color: #000;
     color: #fff;
}
 .w500 {
    max-width: 500px;
}
 .box-shadow {
    box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
     z-index: 1;
     position: relative;
}
 ul.style1 {
    padding: 0;
     margin: 0 0 15px 0;
     list-style-type: none;
}
 ul.style1 li {
    padding: 0 0 9px 31px;
     position: relative;
     margin: 0;
}
 ul.style1 li:before {
    content: "";
     width: 24px;
     height: 24px;
     background: url(../images/icon-arrow.png) 0 0 no-repeat;
     padding: 0;
     margin-left: 0;
     display: inline-block;
     position: absolute;
     left: 0;
     top: 6px;
     background-size: 18px;
}
 .style1.values li:before{
    position:relative;
     top:8px;
     margin-right:5px;
}
 .style1.values li {
    padding: 0 0 2px 0;
}
 .highlight {
    color: #000;
     font-size: 20px;
}
 .highlight a {
    color: #008dd2;
     text-decoration: underline;
}
 .cBoxFlex {
    display: flex;
     margin: 0 -15px;
}
 .cBoxFlex .cbox {
    background-color: #ccc;
     padding: 20px;
     text-align: center;
     flex: 0 0 calc(33.33%-30px);
     margin: 15px;
     border-radius: 10px;
     color: #fff;
}
 .cBoxFlex .cbox.one {
    background-color: #c0504d;
}
 .cBoxFlex .cbox.two {
    background-color: #9bbb59;
}
 .cBoxFlex .cbox.three {
    background-color: #8064a2;
}
 #masthead.fixed-header .burger-container{
    margin-top:10px;
}
 .burger-container {
    display:none;
     float:right;
     margin-top:14px;
     position: relative;
     height: 50px;
     width: 50px;
     cursor: pointer;
     transform: rotate(0deg);
     transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
}
 .burger-container #burger {
    width: 28px;
     height: 10px;
     position: relative;
     display: block;
     margin: -5px auto 0;
     top: 50%;
}
 .burger-container #burger .bar {
    width: 100%;
     height:2px;
     display: block;
     position: relative;
     background: #000;
     transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition-delay: 0s;
}
 .burger-container #burger .bar.topBar {
    transform: translateY(0px) rotate(0deg);
}
 .burger-container #burger .bar.btmBar {
    transform: translateY(6px) rotate(0deg);
}
 .burgerMenu{
     background-color:#fff
}
 .site-header.menu-opened .burgerMenu{
}
 .site-header .burgerMenu ul.menu{
    padding-top:30px;
}
 .site-header ul.menu {
    position: relative;
     display: block;
     padding: 0px 30px 0;
     text-align:center;
     list-style: none;
}
 .site-header ul.menu li.menu-item {
    margin-top: 5px;
     transform: scale(1.15) translateY(-30px);
     opacity: 0;
     transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
 .site-header ul.menu li.menu-item:nth-child(1) {
    transition-delay: 0.49s;
}
 .site-header ul.menu li.menu-item:nth-child(2) {
    transition-delay: 0.42s;
}
 .site-header ul.menu li.menu-item:nth-child(3) {
    transition-delay: 0.35s;
}
 .site-header ul.menu li.menu-item:nth-child(4) {
    transition-delay: 0.28s;
}
 .site-header ul.menu li.menu-item:nth-child(5) {
    transition-delay: 0.21s;
}
 .site-header ul.menu li.menu-item:nth-child(6) {
    transition-delay: 0.14s;
}
 .site-header ul.menu li.menu-item:nth-child(7) {
    transition-delay: 0.07s;
}
 .burgerSocial{
    margin-top: 10px;
     padding-bottom:30px;
     transform: scale(1.15) translateY(-30px);
     opacity: 0;
     transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
 .burgerSocial{
    transition-delay: 0.07s;
     text-align:center;
     font-size:26px;
}
 .burgerSocial a{
    margin:0 15px;
}
 .site-header.menu-opened .burgerSocial {
    transition-delay: 0.69s;
    transform: scale(1) translateY(0px);
     opacity: 1;
}
 .burgerMenu{
    display:none
}
 .menuQuoteBtn {
    text-align: center;
     margin: 0 0 30px;
     transform: scale(1.15) translateY(-30px);
     opacity: 0;
     transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
 .site-header.menu-opened .menuQuoteBtn {
    transition-delay: 0.69s;
    transform: scale(1) translateY(0px);
     opacity: 1;
}
 .site-header ul.menu li.menu-item a {
    display: block;
     position: relative;
     color: #000;
     text-decoration: none;
     font-size: 22px;
     line-height: 2;
     font-weight: 200;
     width: 100%;
}
 #masthead.site-header.menu-opened{
    height:100vh;
     position:absolute;
     overflow-y:auto;
     background-color: #fff;
     transition: all 0.3s ease-in, background 0.5s ease-in;
     transition-delay: 0.25s;
}
 .site-header.menu-opened .burger-container {
    transform: rotate(90deg);
}
 .site-header.menu-opened .burger-container #burger .bar {
    transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
     transition-delay: 0.2s;
}
 .site-header.menu-opened .burger-container #burger .bar.topBar {
    transform: translateY(4px) rotate(45deg);
}
 .site-header.menu-opened .burger-container #burger .bar.btmBar {
    transform: translateY(2px) rotate(-45deg);
}
 .site-header.menu-opened ul.menu li.menu-item {
    transform: scale(1) translateY(0px);
     opacity: 1;
}
 .site-header.menu-opened ul.menu li.menu-item:nth-child(1) {
    transition-delay: 0.27s;
}
 .site-header.menu-opened ul.menu li.menu-item:nth-child(2) {
    transition-delay: 0.34s;
}
 .site-header.menu-opened ul.menu li.menu-item:nth-child(3) {
    transition-delay: 0.41s;
}
 .site-header.menu-opened ul.menu li.menu-item:nth-child(4) {
    transition-delay: 0.48s;
}
 .site-header.menu-opened ul.menu li.menu-item:nth-child(5) {
    transition-delay: 0.55s;
}
 .site-header.menu-opened ul.menu li.menu-item:nth-child(6) {
    transition-delay: 0.62s;
}
 .site-header.menu-opened ul.menu li.menu-item:nth-child(7) {
    transition-delay: 0.69s;
}
/**/
 .homevisionMission{
    padding:60px 0;
     background-color:#f6f6f6;
     position:relative;
     
}
 .homevisionMission h2{
    font-size:42px;
     color:#272727;
     margin-bottom:15px
}
 .homevisionMission .colFlex{
    display:flex;
    margin:0 -15px;
}
 .homevisionMission .colFlex .vmBox{
    flex:0 0 calc(33.33% - 30px);
	margin:15px;
}
 .homevisionMission .colFlex .vmBox h3{
    margin:15px 0;
     color:#474747;
}
 .homevisionMission .colFlex .vmBox p{
    margin:15px 0;
}
 .homevisionMission:before{
   /* position: absolute;
     background: url(../images/bg-stript-yellow.png) 0 0 repeat-x;
     content: "";
     display: block;
     width: 100%;
     height: 16px;
     top: -16px;
     z-index: 999;*/
}
 .homeParallax{
    position:relative;
     min-height:370px;
     background-attachment:fixed;
     background-size:cover;
}
 .flex-list{
    display:flex;
     flex-wrap:wrap;
     max-width:800px
}
 .flex-list li{
    flex:0 0 50%;
}
 .homeProducts{
    padding:50px 0;
    
     position:relative;
}

.title2{font-size:40px; color:#1E1E1E; font-weight:600;margin:0 0 20px}
.title2 span{color:#005BAF;} 
 
 .homeCallback{
    padding:80px 0;
     background:url(../images/bg-form.jpg) 0 0 no-repeat;
	 background-size:cover; color:#fff;
}
 .homeCallback h2{
    color:#fff;
     font-size:34px; font-weight:300; margin-bottom:30px;
}
.homeCallback h2 strong{font-weight:600}
.homeCallback .formWrap input[type=email], .homeCallback .formWrap input[type=number], .homeCallback .formWrap input[type=tel], .homeCallback .formWrap input[type=text],.homeCallback .formWrap textarea{background-color:#09162A; border-color:rgba(255,255,255,0.4); color:#fff}

.homeCallback .formBtn button{}

 .contactflex{
    display:flex;
}
 .contactflex .divLeft{
    flex:0 0 50%;
     padding:40px;
}
 .contactflex .divLeft h2{
    font-family: "extrabold";
     font-weight: 400;
    color: #043d72;
}
 .contactflex .divRight{
    flex:0 0 50%;
}
 .contBoxes{
    padding:80px 0;
}
 .contBoxes .contBoxFlex{
    display:flex;
     flex-wrap:wrap;
}
 .contBoxes .contBoxFlex .contact-box{
    flex:0 0 calc(33.33% - 30px);
    padding: 35px 35px 35px 35px;
     background-color: #ebebeb;
     margin:15px
}
 .contact-box .contact-icon img {
    width: 64px;
     height: 64px;
     max-width: unset;
     margin-bottom: 20px;
}
 .content-text .title {
    font-size: 20px;
     font-weight: 600;
     line-height: 38px;
     margin: 0 0 10px;
}
 .contact-box .content-text .services-txt {
    margin: 0;
     color: #444444;
     font-weight: 500;
}
 .applicationFlex{
    display:flex;
     flex-wrap:wrap;
     margin:30px 0 0
}
 .applicationFlex .appliBox{
    padding:15px;
     flex:0 0 25%;
     text-align:center;
}
 .applicationFlex .appliBox img{
    display:block;
     border-radius:30px 0 0 0
}
 .applicationFlex .appliBox p{
    text-align:center;
}
 .qualityBig{
    margin-bottom:20px;
     font-size:24px;
}
 .mb20{
    margin-bottom:20px !important;
}

.social-icon {
    width: 40px;
    height: 40px;
    border: 1px solid #fff; /* White border */
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff; /* White icon color */
    border-radius: 50%; /* Optional: make icon background circular */
    align-items: center;
 }
 .social-icon:hover{background-color:#000}
   .quote-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #005bbb;
  color: #fff;
  padding: 17px 30px;
  border-radius: 8px;
  text-decoration: none;

  font-size: 18px;
  transition: background-color 0.3s ease;
}
.quote-button i{margin-left:5px;}
.quote-button:hover {
  background-color: #000000; 
  color: white;
}


.machinery-carousel .item {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    /*border: 1px solid black;*/
}
.machinery-carousel img {
    max-height: 250px;
    object-fit: contain;
    width: auto;
    margin: 0 auto;
}


.homeCounter {
    background: linear-gradient(to left, #000000, #042B50);
    position: relative;
    padding: 60px 0;
}
.homeCounter .counter_bg{
  
   position: absolute;

  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.2;
  background-size: cover;}
.homeCounter h2{font-size:26px; font-weight:300; color:#fff; margin:0 0 50px;}
  .dflex-col {
    display: flex
;
    flex-wrap: wrap;
        justify-content: center;
}
.counter-box {
    position: relative;
    flex: 0 0 calc(25% - 30px);
    margin: 15px;

    align-items: center;
    }
    .counter-box .cbicon img {
    width: 80px;
    height: 80px;
    /*background: #fff;
    border-radius: 40px;
    margin: 0 15px 0 0;
    display: flex*/
;
    align-items: center;
    justify-content: center;
}

.counter-box .cbtxt {
    flex: 1;
}
.counter-box h3 {
    display: inline-block;
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    margin: 0;
}


.brand-item {
    background: #fff;
    border: 1px solid #C5BAB9;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
	display:flex;
	min-height:200px;
	align-items:center;
	justify-content:center;
	
}

.brand-item img {
    max-height:160px;
	width:auto !important;  
    margin: 0 auto;
	max-width:100%;
}


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

 @media only screen and (min-width:1025px) {
    .homeSlider {
        min-height: 800px;
    }
     #owl-homeslider {
        height:100vh;
         min-height: 800px;
    }
     #owl-homeslider.owl-carousel .owl-item img {
        height:100vh;
         min-height: 800px;
    }
}
 @media only screen and (max-width:1600px) {
	 #owl-homeProducts.owl-carousel .imgbox{    height: 324px;}
    .logoImg img {
        max-height: 80px;
    }
     .topMenu {
        padding: 30px 0 0 0;
    }
     #cssmenu>ul>li {
        margin: 0 19px;
    }
}
 @media only screen and (max-width:1400px) {
    .topSocialIcons a {
        width: 34px;
         height: 34px;
         line-height: 34px;
         font-size: 18px;
    }
     .container {
        padding: 0 15px;
    }
     .topbar .container {
        margin: 0 15px;
    }
     #cssmenu>ul>li>a {
        font-size: 20px;
    }
     .fixed-header .topSocialIcons {
        padding-top: 13px;
    }
}
 @media only screen and (max-width:1299px) {
	 .brand-item{min-height:190px}
        #owl-homeProducts.owl-carousel .imgbox {
        height: 294px;
    }
	.logoImg img {
        max-height: 60px;
    }
    
     .fixed-header .topSocialIcons {
        padding-top: 13px;
    }
     .homeIntro .titletxt {
        margin-top: 0;
    }
     .topbar .topLeft {
        line-height: 22px;
    }
}
 @media only screen and (max-width:1279px) {
    .white-box {
        flex: 0 0 calc(33.33% - 30px);
    }
     .service-box {
        flex: 0 0 calc(33.33% - 30px);
    }
     #cssmenu>ul>li {
        margin: 0 10px;
    }
     .topSocialIcons a {
        margin-left: 4px;
    }
     .col4 {
        padding-left: 0;
    }
     .counter-name-wrap .counter {
        font-size: 40px;
    }
     .counter-name-wrap .plus {
        font-size: 40px;
    }
}
 @media only screen and (max-width:1180px) {
    .getquotebtn .button-grd-line{
        height:44px;
        font-size: 16px;
    }
     .getquotebtn .button-grd-line.fw200 {
        width: 170px !important;
    }
     .getquotebtn {
        margin: 0 0 0 20px;
    }
     .homeSlider {
        padding-top: 160px;
    }
     #cssmenu>ul>li>a {
        font-size: 16px;
    }
     .hasSub:after {
        font: normal normal normal 16px/1 FontAwesome;
    }
}
 @media only screen and (max-width:1024px) {
    .sisCompany{
        flex-direction:column;
         align-items:inherit
    }
     .sisCompany img{
        max-width:100px;
    }
     .sisCompany .cname {
        margin-left: 0;
    }
     .service-box {
        flex: 0 0 calc(50% - 30px);
    }
     .contactLeft .primary-list.two-col li {
        flex: 0 0 100%;
    }
     .clientlogobox {
        width: calc(25% - 15px);
    }
     .pageTitle {
        background-position: 0;
    }
     .homeAbout h1,.homeAbout .head1 {
        font-size: 32px;
    }
     .titletxt {
        font-size: 38px;
         line-height: 42px;
    }
     .showOnlyDesktop {
        display: none;
    }
     .showiPad {
        display: block;
    }
     .site-footer .container {
        padding: 0 15px;
    }
     .site-footer .copyRight .container {
        padding: 25px 15px 0;
    }
}
 @media only screen and (max-width:1023px) {
    .contBoxes .contBoxFlex .contact-box{
        padding:20px;
    }
     .pageTitle {
        padding: 210px 0 130px;
    }
    
     .homeCallback .col-21{
        width:60%
    }
     .homeParallax {
        min-height: 210px;
    }
     .homeAbout {
        padding: 40px 0 40px;
    }
     .homeAbout h1,.homeAbout .head1 {
        font-size: 24px;
        line-height: 26px;
    }
     .burger-container{
        display:inline-block;
    }
     .burgerMenu{
        display:block
    }
     .logoImg img {
        max-height: 50px;
    }
	.fixed-header .logoImg img{max-height: 50px;}
     .logoImg {
        padding: 12px 0 ;
    }
     #masthead:after{
        display:none
    }
     #cssmenu ul{
        display:none;
    }
     .getquotebtn{
        display:none;
    }
     .topbar {
        display:none;
    }
     .homeSlider {
        padding-top:75px;
    }
     #masthead {
        height:75px;
        overflow: hidden;
    }
     .counter-box {
        flex: 0 0 calc(50% - 30px);
    }
     .product-blocks {
        flex-wrap: wrap;
    }
     .product-blocks .sblock {
        width: calc(33.33% - 30px);
    }
     .col4 {
        width: 100%;
         padding-left: 0;
    }
     .col8 {
        width: 100%;
         margin-top: 20px;
    }
}
 @media only screen and (max-width:980px) {
    .wrap404 {
        padding: 40px;
    }
     #owl-homeslider {
        height: 60vw;
         min-height: inherit;
    }
     #owl-homeslider.owl-carousel .owl-item img {
        height: 60vw;
         width: 100%;
         min-height: inherit;
    }
     .homeSlider .caption-wrap {
        font-size: 2vw;
    }
     .homeSlider .caption-wrap .btn {
        width: auto;
         padding: 1.5vw 2vw;
         font-size: 2vw;
         height: auto;
         line-height: normal;
    }
}
 @media only screen and (max-width:979px) {
    .contBoxes .contBoxFlex{
        flex-direction:column
    }
     .contBoxes {
        padding: 20px 0;
    }
     .cBoxFlex {
        flex-direction: column;
    }
     .logoImg {
        padding: 12px 0 12px 15px;
    }
     .site-footer .col-31 {
        width: 100%;
         margin: 0 0 20px;
    }
     .site-footer .col-32 {
        width: 100%;
         margin: 0 0 20px;
    }
     .site-footer .col-33 {
        width: 100%;
         margin: 0;
    }
     .site-footer {
        padding: 30px 0 0;
    }
     .topbar {
        display: none;
    }
     .hide-tablet {
        display: none;
    }
     .inquiryform {
        margin: 25px 0;
    }
     .contactFlex {
        flex-direction: column;
         align-items: inherit;
    }
     .contact__page__info {
        padding: 10px 15px 15px;
         margin: 0;
    }
     .bgForm {
        padding: 20px 0 30px;
    }
     .form_heading h2 {
        font-size: 28px;
    }
     .contact__info__heading p {
        margin-bottom: 0;
    }
     .fullrow {
        padding: 40px 0;
    }
     .topSocialIcons a {
        font-size: 14px;
    }
     .topSocialIcons {
        padding: 22px 15px 0 0;
    }
     .fixed-header .topSocialIcons {
        padding-top: 21px;
    }
     .topMenu {
        padding-top: 0;
         padding-bottom: 0;
    }
     #masthead .container {
        padding: 0;
    }
     .leftText {
        padding: 0 15px;
    }
     .topsocial {
        display: none;
    }
     .topMenu {
        float: left;
         width: 100%;
    }
     #cssmenu #menu-button {
        display: none;
    }
     #cssmenu>ul {
        clear: both;
    }
     .topEnquiryBtn {
        display: none;
    }
     #cssmenu>ul>li {
        padding: 0;
         margin: 0;
    }
     #cssmenu>ul>li:first-child {
        padding: 0;
    }
     .fixed-header .logoImg {
        padding: 10px 0 10px 15px;
    }
     #menubtn {
        display: inline-block;
         float: right;
         margin-right: 15px;
    }
     #menubtn i {
        display: none;
    }
     .topMenu #cssmenu {
        padding: 0;
    }
     .site-header .container {
        padding: 0 15px;
    }
     .topMenu {
        margin: 0;
    }
     .fixed-header .topMenu {
        margin-top: 0;
    }
     .pageTitle {
        margin-top: 0;
    }
     .container {
        padding: 0 15px;
    }
}
 @media only screen and (max-width:800px) {
    .footerFlex .col {
		flex: 0 0 calc(50%);    margin-bottom: 20px;
	}
	
	.applicationFlex .appliBox{
        flex:0 0 50%;
    }
     .homeAbout .title-large {
        font-size: 26px;
         line-height: 34px;
         margin: 20px 0 20px 0;
    }
     .homeAbout .title-large br {
        display: none!important;
    }
     .pageTitle {
        background-size: cover;
    }
     .pageTitle.bg-services::after {
        opacity: .3;
    }
     .white-box {
        flex: 0 0 calc(50% - 30px);
    }
     .primary-list.three-col {
        flex-wrap: wrap;
    }
     .primary-list.three-col li {
        margin: 0 10px 10px 0;
         flex: 0 0 calc(50% - 10px);
    }
     .productGrid .probox {
        width: calc(33.33% - 30px);
    }
     .homeSlider .caption-wrap {
        top: 28%;
         left: 8%;
    }
     .homeSlider .owl-item .caption-wrap .btn-default {
        font-size:3vw;
         padding: 1vw 3vw;
    }
     .homeSlider .owl-item .caption-wrap .button-grd-line.fw200{
        width: 120px !important;
    }
     .homeSlider .owl-item .caption-wrap .button-grd-line.fh56{
        height: 40px !important;
    }
     aside#secondary {
        padding: 40px 0 0;
         width: 30%;
    }
     #primary.content-area {
        width: 65%;
    }
     .site-footer .copyRight .col21,.site-footer .copyRight .col22 {
        text-align: center;
         width: 100%;
         margin: 0;
         padding: 0;
    }
     .site-footer .col-41 {
        width: 48%;
         margin: 0;
         padding: 0;
    }
     .site-footer .col-42 {
        width: 43%;
         float: right;
    }
     .site-footer .col-43 {
        width: 48%;
         margin: 20px 0 0 0;
         clear: left;
    }
     .site-footer .col-44 {
        width: 44%;
         margin: 0;
         float: right;
    }
     .col21.footerLeft {
        width: 100%;
    }
     .col22.footerRight {
        width: 100%;
         margin-left: 0;
    }
     .footerMenu {
        float: none;
         text-align: center;
    }
     .footerSocial {
        float: none;
         text-align: left;
         margin: 20px 0 0;
    }
     .site-footer .copyRight .right {
        text-align: center;
         padding: 0;
         float: none;
    }
     .site-footer .copyRight .left {
        float: none;
         padding: 0;
    }
     .site-footer .copyRight {
        margin-top: 30px;
    }
     .sideLinks {
        display: none;
    }
     .site-footer {
        background-size: cover;
    }
     .gallerylist li {
        width: 25%;
    }
     .introContent {
        padding: 20px 0 10px;
    }
}
 @media only screen and (max-width:767px) {
    .contBoxes .contBoxFlex .contact-box {
        margin: 10px 0px;
    }
     .contactflex .divLeft {
        padding: 30px 20px;
    }
     .contactflex .divRight {
        min-height: 260px;
    }
     .contactflex .divRight iframe{
        min-height: 260px;
         display:block
    }
     .contactflex {
        flex-direction:column 
    }
     .homeAbout.is-inner .col-22,.homeAbout.is-inner .col-21 {
        width: 100%;
    }
     .homeCallback .col-21 {
        width: 100%;
    }
     .flex-list li {
        flex: 0 0 100%;
    }
     .homeAbout .skill-tag{
        right: 0;
        top: inherit;
    }
     .homeAbout h1 span,.homeAbout .head1 span {
        display: inline;
    }
     .homeSlider .caption-wrap {
        left: 0;
    }
     .restable {
        overflow-x: auto;
    }
     .homeSlider .owl-theme .owl-nav {
        display: none;
    }
     .eq-row {
        display: block;
    }
     .eq-row .column {
        flex: inherit;
         width: 100%;
    }
     .bgImgcol {
        height: 350px;
         width: 100%;
    }
     .p40 {
        padding: 30px!important;
    }
     .contentLeft {
        width: 100%;
    }
     .sidebarRight {
        width: 100%;
         margin: 30px 0 0;
    }
     .site-footer {
        position: static;
    }
     .pageWrap {
        margin-bottom: 0;
    }
}
 @media only screen and (max-width:640px) {
    .homevisionMission .colFlex {
        margin:40px 0 0;
        flex-direction: column;
    }
     .homevisionMission {
        padding: 30px 0
    }
     .homevisionMission h2 {
        font-size: 28px;
    }
     .homevisionMission .imgIcon img {
        max-width:90px;
    }
     .homevisionMission .colFlex .vmBox p {
        margin: 0;
    }
}
 @media only screen and (max-width:620px) {
    .white-box {
        flex: 100%;
         margin: 10px 0;
    }
     .service-box {
        flex: 100%;
         margin: 10px 0;
    }
     .counter-box h3 {
        font-size: 34px;
    }
     .counter-box {
        margin: 10px;
         flex: 0 0 calc(50% - 20px);
    }
     .showMobile {
        display: block;
    }
     .topSocialIcons {
        display: none;
    }
}
 @media only screen and (max-width:600px) {
	 .counter-box {flex: 0 0 calc(50% - 30px);}
	 
	 #owl-homeProducts.owl-carousel .imgbox{height:auto;}
	 .title2 {
	 font-size: 28px;}
    .homeCallback {
        padding: 30px 0;
    }
     .homeAbout .image-box{
        margin-top:40px;
         margin-bottom:20px;
    }
     .homeProducts h3 {
        font-size: 26px;
    }
     .sm-mb0 {
        margin-bottom: 0!important;
    }
     .bottomCta {
        font-size: 26px;
         font-weight: 700;
         padding: 10px 0;
    }
     .bottomCta .btn-default {
        border-radius: 5px;
    }
     .bottomCta .flexRows .txt2 {
        margin: 15px 0;
    }
     .homeAbout h1,.homeAbout .head1 {
        font-size: 26px;
         margin: 0 0 10px;
         line-height: 32px;
    }
     .homeAbout .col-22 {
        width: 100%;
    }
     .homeAbout .col-21 {
        width: 100%;
         margin: 0;
         float: left;
    }
     .homeAbout {
        padding:20px 0;
    }
     #primary.content-area {
        width: 100%;
         margin: 0;
    }
     aside#secondary {
        padding: 40px 0 0;
         width: 100%;
    }
     .alignleft,.alignright {
        max-width: 220px;
    }
     .titleWithborder,.titleWithoutborder {
        font-size: 22px;
         margin-bottom: 20px;
    }
     .col-21,.col21 {
        width: 100%;
         display: block;
         margin: 0 0 30px;
         float: none;
    }
     .col-22,.col22 {
        width: 100%;
         display: block;
         margin: 0;
    }
     .col-31,.col31 {
        width: 100%;
         float: left;
         margin: 0 0 30px;
    }
     .col-32,.col32 {
        width: 100%;
         float: left;
         margin: 0 0 30px;
    }
     .col-33,.col33 {
        width: 100%;
         float: left;
    }
     .col-41,.col-42,.col-43,.col-44 {
        width: 100%;
         margin: 0 0 10px;
    }
     .aboutpageIntro .col-21,.aboutpageIntro .col-22 {
        width: 100%;
         margin: 0;
    }
     input#address {
        width: 100%;
    }
     .mapwrap .col21,.mapwrap .col22 {
        width: 100%;
    }
     .introContent .col-22 {
        width: 100%!important;
    }
     .introContent .col-21 {
        width: 100%!important;
         clear: both;
    }
     .img-box-behind img {
        padding: 20px 0 0 20px;
    }
}
 @media only screen and (max-width:599px) {
    .accordion button {
        font-size: 16px;
    }
     .accordion button .icon {
        top: 11px;
    }
     .primary-list.three-col li {
        margin: 0 0 1px 0;
         flex: 0 0 100%;
    }
     .clientlogobox {
        width: calc(50% - 15px);
    }
     #masthead::after {
        display: none;
    }
     .desktop-p40 {
        padding: 20px 15px;
    }
     .col-8 {
        width: 100%;
    }
     .col-4 {
        width: 100%;
    }
     .pageTitle {
        padding: 160px 0 100px;
         background-size: cover!important;
     
    }
     .bg-slider-btm {
        height: 50px;
         bottom: 0;
    }
     .homeSlider .caption-wrap .btn-group {
        margin-top: 15px;
    }
}
 @media only screen and (max-width:567px) {
	 .brand-item{min-height:130px;}
    .clientdFlex {
        flex-direction: column;
    }
     .homeClients {
        padding: 20px 0 20px;
    }
     .m-block {
        display: block!important;
    }
     .m-block.mr20 {
        margin-right: 0!important;
         margin-bottom: 10px;
    }
     .tab_content {
        padding: 15px;
    }
     .footerSocial a {
        margin: 0 5px 0 0;
    }
     .contactGoogleMap iframe {
        height: 200px;
    }
}
 @media only screen and (max-width:479px) {
    .homeAbout .smallTitle{
        margin-top:30px;
    }
     .homeAbout.is-inner .smallTitle{
        margin-top:0px;
    }
     .homeProducts .pro-flex {
        padding: 25px;
    }
     .homeProducts {
        padding: 30px 0;
    }
     .col-55 div {
        display: inline-block;
         max-width: 50%;
         float: left;
         padding: 0 15px;
    }
     .col-55 div:last-child {
        padding-top: 10px;
    }
     .footerLogo {
        text-align:left;
       margin-bottom:20px;
    }
     .footerSocial {
        margin: 5px 0 15px;
    }
     .counter-box {
        margin: 10px 0;
         flex: 100%;
    }
     #menubtn {
        padding: 0 10px;
         margin-left: 0;
    }
     #menubtn span {
        display: none;
    }
     #menubtn i {
        display: inline-block;
    }
     .logoImg {
        padding-right: 0;
    }
     .product-blocks {
        margin: 0 -20px;
    }
     .product-blocks .sblock {
        width: calc(50% - 30px);
         margin: 0 10px 24px;
    }
     .aboutpageIntro h3 {
        font-size: 18px;
    }
     .homeSlider .caption-wrap .line1 {
        margin: 0 0 10px 0;
    }
     .about-dark {
        margin-left: 0;
         margin-right: 0;
    }
     .about-dark .font20 {
        font-size: 16px;
         text-align: justify;
    }
     .pdflink {
        font-size: 16px;
    }
     .pageTitle h1 {
        font-size: 40px;
         line-height: 44px;
    }
     .hide-mobile {
        display: none;
    }
     .formBox {
        padding: 15px;
    }
     .formWrap .col21,.formWrap .col22,.formWrap .colfull {
        margin-bottom: 15px;
    }
     .homeForm {
        padding: 0 0 40px;
    }
     #owl-homeclients .owl-stage-outer {
        padding-bottom: 20px;
    }
     .footerTitle {
        font-size: 20px;
    }
     .gallerylist li {
        width: 50%;
    }
     .alignleft,.alignright {
        max-width: inherit;
         width: 100%;
         float: none;
         margin: 0;
    }
     .entry-summary,.page-content {
        margin: 0;
    }
     aside#secondary {
        padding: 0;
    }
     .owl-carousel .imgbox img {
        max-height: inherit;
    }
     .introContent {
        padding: 25px 0 10px;
    }
     .topbar {
        font-size: 11px;
         padding: 3px;
    }
     .introContent {
        padding: 15px 0 20px;
    }
     .introContent h1 {
        font-size: 21px;
    }
     .homeSlider .caption-wrap {
        top: 21%;
        font-size: 3.5vw;
    }
     .homeSlider .caption-wrap .line1 {
        font-size: 4vw;
         line-height: 6vw;
    }
     .homeSlider .caption-wrap p {
        font-size: 3vw;
         line-height: 4vw;
    }
     .homeSlider .owl-item .caption-wrap .button-grd-line.fh56 {
        height: 32px !important;
    }
     .homeSlider .owl-item .caption-wrap .button-grd-line.fw200 {
        width: 100px !important;
    }
     .homeSlider .caption-wrap .btn-default {
        padding: 1.5vw 4vw!important;
         font-size: 2vw;
    }
     .titletxt {
        font-size: 24px;
         line-height: 26px;
    }
     .titletxt small {
        font-size: 18px;
         line-height: 18px;
    }
     .site-footer .copyRight {
        font-size: 12px;
         padding-bottom: 15px;
    }
     .site-footer {
        padding-top: 20px;
    }
     .site-footer .container {
        margin: 0;
    }
     .site-footer .copyRight .container {
        padding: 15px 55px 0 15px;
    }
     .site-footer .footerSocial {
        padding: 0;
    }
     .site-footer .col-41 {
        margin: 0;
         padding: 0;
    }
     .site-footer .col-41 .footerLogo {
        margin: 0;
         display: none;
    }
     .site-footer .col-42 {
        padding-left: 0;
         margin: 0;
    }
     .site-footer .col-43 {
        width: 100%;
         margin: 20px 0 0 0;
    }
     .site-footer .col-44 {
        width: 100%;
         margin: 20px 0 30px 0;
         text-align:left;
    }
     .sisCompany {
        flex-direction: inherit;
         align-items:center;
    }
     .sisCompany .cname {
        margin-left: 20px;
    }
     .site-footer .footerTitle {
        margin-bottom: 0;
    }
     .site-footer .copyRight {
        margin: 0;
    }
     #back-to-top {
        bottom: 18px;
    }
     .fullrow {
        padding: 30px 0;
    }
     .smp0{
        padding:0 !important;
    }
     .hide-sm {
        display: none;
    }
     h2 {
        font-size: 22px;
    }
     h3 {
        font-size: 20px;
    }
     .font26 {
        font-size: 20px;
    }
     .fixed-header .topbar {
        display: none;
    }
     .homeSlider .owl-dots {
        bottom: 20px;
    }
     .flex {
        flex-direction: column;
    }
     .mobile-reverse.flex {
        flex-direction: column-reverse;
    }
     .testimonial-item {
        flex-direction: column;
         padding: 20px;
         text-align: justify;
    }
     .testimonial-item .test-author .testimonial-figure img {
        margin: auto;
    }
     .homeTestimonial {
        padding: 30px 0;
    }
}
 @media only screen and (max-width:420px) {
	 .footerFlex .col {
	 flex: 0 0 calc(100%);}
    .applicationFlex .appliBox{
        flex:0 0 100%;
         padding:0
    }
     .clientlogobox {
        height: 90px;
    }
     .pageSwitch .showSingle {
        flex: 1;
        margin: 4px;
        font-size: 14px;
    }
     .clientdFlex {
        margin-bottom: 20px;
    }
     .homeClients {
        padding: 20px 0 0;
    }
     .pageTitle h1 {
        font-size: 28px;
         line-height: 22px;
    }
     a.isphone {
        display: block;
    }
}
 @media only screen and (max-width:413px) {
    .site-footer .col-41,.site-footer .col-42 {
         width: 100%;
    }
     .copyrightNew {
        font-size: 14px;
         text-align:left
    }
}
 @media only screen and (max-width:390px) {
    .logoImg img {
        max-height: 50px;
    }
     .fixed-header .logoImg img {
        max-height: 50px;
    }
}
 @media only screen and (max-width:359px) {
    .logoImg img {
        max-height: 45px;
    }
     .fixed-header .logoImg img {
        max-height: 45px;
    }
     #menubtn {
        margin-top: 16px;
    }
     .contact__info__heading h2 {
        font-size: 26px;
    }
     .form_heading h2 {
        font-size: 24px;
    }
     .single__contact__location h6 {
        font-size: 14px;
         line-height: normal;
    }
     .single__contact__location {
        padding: 30px 0 0 85px;
    }
}
 @media only screen and (max-width:340px) {
    .contactLeft {
        margin: 0 -15px;
    }
     .service-icon-box {
        display: none;
    }
}


.why-choose p{color: #656565;}


.why-choose .counter-box {
    border: 1px solid #ccc;
    background: #fff;    
    border-radius: 10px;
    padding: 30px;
}

.why-choose .counter-box .font22 {   
    font-weight: 600;color: #272727;
}




.faq-content {
   width: 100%;
   margin-left: auto;
}

.faq-title {
   font-size: 36px;
   color: #333;
   margin-bottom: 30px;
   text-align: center;
   font-weight: 300;
   letter-spacing: 1px;
}

.faq-item {
   margin-bottom: 15px;
   border-radius: 10px;
   overflow: hidden;
   background: white;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
   transition: all 0.3s ease;
}

.faq-question {
   background: #fff;
   color: #555;
   padding: 12px 20px;
   cursor: pointer;
   font-size: 18px;
   font-weight: 600;
   display: flex;
   justify-content: space-between;
   align-items: center;
   transition: all 0.3s ease;
}

.faq-question:hover {
   background: #fff;
}

.faq-question.active {
   background: #434343;
   color: #fff;
   border-radius: 10px;
}

.faq-icon {
   font-size: 20px;
   transition: transform 0.3s ease;
}

.faq-question.active .faq-icon {
   transform: rotate(180deg);
}

.faq-answer {
   padding: 0 20px;
   background: white;
   color: #555;
   line-height: 1.6;
   max-height: 0;
   overflow: hidden;
   transition: all 0.3s ease;
}

.faq-answer.active {
   padding: 20px;
   max-height: 200px;
}

.faq-answer p {
   margin: 0;
   font-size: 16px;
   font-weight: 400;
   color: #3F3F3F;
}