@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
/*font-family: 'Ubuntu', sans-serif;*/
body {
    font-family: 'Ubuntu', sans-serif;
    color: #43474d;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.top-logo .container-nav, .container-header .grid-child, .mod-languages, .container-header, .fixed-header, .navbar-brand img, .fixed-header .navbar-brand img, .fixed-header .grid-child, .container-header, .fixed-header .top-logo .container-nav, .top-logo .container-nav, .top-logo .container-nav li a, .top-logo .container-nav li.active>a, .carousel-caption a:hover, .container-section-a li, .container-section-c li, .container-section-a li:hover, p.readmore a:after, p.readmore a:hover:after, .container-section-c li:hover, .djslider-default img.dj-image, .container-section-b li, .container-section-b li:hover, .entry-description a, nav.pagenavigation .btn-secondary span.icon-chevron-left, nav.pagenavigation .btn-secondary span.icon-chevron-right, .container-section-b .items-list-services .services-content p, .container-section-b .items-list-services .services-content h5, .blog .blog-items .page-header, .container-section-a a, .btn-primary, .container-search, .container-search:hover {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
}

.mark, mark {
    background-color: #006cff;
    padding: 0.2em;
    color: #fff;
}
.filter-branch .control-group {
    margin: 1em 2% 1em 0;
    display: inline-grid;
    width: 31.333%;
}
.table thead th {
  width: 33.333%;
}
/* Start preloader */

#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../images/preloader.jpg) center center repeat fixed;
  z-index: 10000;
}
.preloader-fountainTextG #fountainTextG_4 {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}
.preloader-fountainTextG {
  width: 170px;
    height: 50px;
    margin: -25px 0 0 -80px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.preloader-fountainTextG .fountainTextG {
  color: rgb(0,0,0);
  font-family: Arial;
  font-size: 40px;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  float: left;
  animation-name: bounce_fountainTextG;
  -o-animation-name: bounce_fountainTextG;
  -ms-animation-name: bounce_fountainTextG;
  -webkit-animation-name: bounce_fountainTextG;
  -moz-animation-name: bounce_fountainTextG;
  animation-duration: 2.09s;
  -o-animation-duration: 2.09s;
  -ms-animation-duration: 2.09s;
  -webkit-animation-duration: 2.09s;
  -moz-animation-duration: 2.09s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(.5);
  -o-transform: scale(.5);
  -ms-transform: scale(.5);
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
}
.preloader-fountainTextG #fountainTextG_1 {
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}
.preloader-fountainTextG #fountainTextG_2 {
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}
.preloader-fountainTextG #fountainTextG_3 {
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}
.preloader-fountainTextG #fountainTextG_4 {
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}
.preloader-fountainTextG #fountainTextG_5 {
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}
.preloader-fountainTextG #fountainTextG_6 {
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}
.preloader-fountainTextG #fountainTextG_7 {
  animation-delay: 1.64s;
  -o-animation-delay: 1.64s;
  -ms-animation-delay: 1.64s;
  -webkit-animation-delay: 1.64s;
  -moz-animation-delay: 1.64s;
}
@keyframes bounce_fountainTextG {
0% {
transform:scale(1);
color:rgb(0,0,0);
}
100% {
transform:scale(.5);
color:rgb(255,255,255);
}
}
@-o-keyframes bounce_fountainTextG {
0% {
-o-transform:scale(1);
color:rgb(0,0,0);
}
100% {
-o-transform:scale(.5);
color:rgb(255,255,255);
}
}
@-ms-keyframes bounce_fountainTextG {
0% {
-ms-transform:scale(1);
color:rgb(0,0,0);
}
100% {
-ms-transform:scale(.5);
color:rgb(255,255,255);
}
}
@-webkit-keyframes bounce_fountainTextG {
0% {
-webkit-transform:scale(1);
color:rgb(0,0,0);
}
100% {
-webkit-transform:scale(.5);
color:rgb(255,255,255);
}
}
@-moz-keyframes bounce_fountainTextG {
0% {
-moz-transform:scale(1);
color:rgb(0,0,0);
}
100% {
-moz-transform:scale(.5);
color:rgb(255,255,255);
}
}
/* End preloader */

/* ------------------------------------
    Start Animation Part
---------------------------------------*/
/*Pulse Border Animation*/
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.move-y {
  animation: move-y 2s alternate infinite;
  -webkit-animation: move-y 2s alternate infinite;
}
@keyframes move-y {
  0% {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
  }
}
.dance3 {
  -webkit-animation: dance3 8s alternate infinite;
}
@keyframes dance3 {
  0% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.dance {
  -webkit-animation: dance 2s alternate infinite;
}
@keyframes dance {
  0% {
    -webkit-transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.dance2 {
  -webkit-animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: translate3d(15px, -15px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -15px, 15px);
  }
}
.watermark-animate {
  -webkit-animation: watermark-animate 8s infinite;
  animation: watermark-animate 8s infinite;
  animation-direction: alternate-reverse;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@keyframes watermark-animate {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
.body-banner {
  position: relative;
}
.body-banner .container {
  position: relative;
  z-index: 1;
}
.body-banner .line-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  margin: auto;
  width: calc(100%);
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
  max-width: 1240px;
}
.body-banner .line-inner .line {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: calc(50%);
  background: #fff;
  z-index: 1;
}
.body-banner .line-inner .line:after {
  content: "";
  display: block;
  position: absolute;
  height: 80px;
  width: 3px;
  top: -20%;
  left: -1px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 39%, #1273eb 130%, #1273eb 59%);
  background-color: rgba(0, 0, 0, 0);
  -webkit-animation: rain-line 13s 0s linear infinite;
  animation: rain-line 13s 0s linear infinite;
  animation-delay: 0s;
}
.body-banner .line-inner .line:nth-child(1) {
  left: 2px !important;
}
.body-banner .line-inner .line:nth-child(1):after {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.body-banner .line-inner .line:nth-child(3) {
  left: unset !important;
  right: 2px;
}
.body-banner .line-inner .line:nth-child(3):after {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.body-banner .line-inner.style2 .line {
  background: rgba(255, 255, 255, 0.1);
}
.body-banner .line-inner.style2 .line:after {
  background-color: #fff;
}
.body-banner .line-inner.orange-dark .line {
  background: rgba(0, 0, 0, 0.1);
}
.body-banner .line-inner.orange-dark .line:after {
  background-image: linear-gradient(220deg, #4192ff 0%, #003987 79%);
}
@keyframes rain-line {
  0% {
    top: -20%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes rain-line {
  0% {
    top: -20%;
  }
  100% {
    top: 100%;
  }
}
.up-down {
  animation: up-down 3s alternate infinite;
  -webkit-animation: up-down 3s alternate infinite;
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
    -webkit-transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(30px);
    -webkit-transform: translateY(0);
  }
  50% {
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
  }
  100% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}
.horizontal {
  animation-name: horizontal;
  animation-duration: 12s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.horizontal.new-style {
  animation-duration: 15s;
}
@keyframes horizontal {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}
.vertical {
  animation-name: vertical;
  animation-duration: 12s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.vertical.new-style {
  animation-duration: 15s;
}
@keyframes vertical {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}
.rotated-style {
  animation: rotated-style 5s linear infinite;
}
@keyframes rotated-style {
  0% {
    -webkit-transform: translate(0) rotate(0);
    transform: translate(0) rotate(0);
  }
  25% {
    transform: translate(-10px, 10px) rotate(10deg);
  }
  50% {
    transform: translate(5px, -5px) rotate(25deg);
  }
  75% {
    transform: translate(15px, -5px) rotate(15deg);
  }
  100% {
    transform: translate(0) rotate(0);
  }
}
.fadeinup {
  animation-duration: 2s;
  animation-name: fadeInUp;
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeinup2 {
  animation-duration: 3s;
  animation-name: fadeInUp;
}
@keyframes fadeinup2 {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  00% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-duration: 2s;
  animation-name: fadeInRight;
}
@keyframes  {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
/* ------------------------------------
    End Animation
---------------------------------------*/
.container-search {
  position: absolute;
  top: 14px;
  right: -70px;
  transform: translate(0%,0);
  background: #141d38;
  height: 48px;
  border-radius: 40px;
  padding: 7px;
}
.fixed-header .container-search {
  top: 5px;
}
.container-search button {
    color: white;
    float: right;
    width: 34px;
    height: 34px;
    border-radius: 50% !important;
    background: #006cff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s;
    text-indent: 34px;
    overflow: hidden;
}
.container-search .form-control {
    border: none !important;
    background: none !important;
    outline: none !important;
    padding: 0;
    color: white;
    font-size: 12px;
    transition: 0.4s;
    line-height: 40px;
    width: 0px;
    position: relative;
    top: -2px;
}
.container-search .icon-white {
    color: #fff;
    position: relative;
    left: 26px;
}
.container-search:hover .form-control {
    width: 240px;
    padding: 0 6px;
}

.container-search:hover button {
  background: #a51f18;
}
nav.pagenavigation {
    border-top: 1px solid #e6e6e6;
    padding: 20px 0;
    margin-top: 50px;
}
nav.pagenavigation .btn-secondary {
    background: none;
    border: none !important;
    padding: 0;
    color: #000;
    box-shadow: none !important;
}
nav.pagenavigation .btn-secondary span.icon-chevron-left, nav.pagenavigation .btn-secondary span.icon-chevron-right {
    background-color: #006cff;
    border-color: #ced4da;
    color: #fff;
    padding: 30px 16px;
    margin-right: 10px;
}
nav.pagenavigation .btn-secondary span.icon-chevron-right {
    margin: 0 0 0 10px;
}
nav.pagenavigation .btn-secondary:hover span.icon-chevron-left {
    margin-right: 20px;
}
nav.pagenavigation .btn-secondary:hover span.icon-chevron-right {
    margin: 0 0 0 20px;
}
.div-style-left {
    width: 40%;
    float: left;
}
.div-style-right {
    width: 60%;
    float: right;
    line-height: 34px;
    font-size: 18px;
}
img.full-width, img.side {
    width: 100%;
    margin: 30px 0;
    border-radius: 10px;
    box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.18);
}
.data-portfolio {
    background: #EEF3F7;
    padding: 40px 0;
    position: relative;
    top: -110px;
    left: 5%;
    width: 90%;
    margin: 0;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px rgba(148.5, 148.5, 148.5, 0.34);
}
.data-portfolio ul {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    clear: both;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    list-style: none;
}
.data-portfolio ul li {
    padding: 0 40px !important;
    background: none !important;
    font-size: inherit !important;
}
.data-portfolio ul li:nth-child(2) {
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}
.data-portfolio ul li:nth-child(3) {
    border-right: 1px solid #c7c7c7;
}
.data-portfolio strong {
    color: #6c6a72 !important;
    font-weight: 400 !important;
}
.data-portfolio p {
    color: #000 !important;
    margin: 0 !important;
    font-weight: 600;
}
#contact-form input::-webkit-input-placeholder {
font-weight: normal;
}
#contact-form input::-moz-placeholder {
font-weight: normal;
} /* FF 4-18 */
#contact-form input::-moz-placeholder {
font-weight: normal;
} /* FF 19+ */
#contact-form input::-ms-input-placeholder {
font-weight: normal;
} /* IE 10+ */
 input:focus::-webkit-input-placeholder {
color:transparent;
}
 input:focus:-moz-placeholder {
color:transparent;
} /* FF 4-18 */
 input:focus::-moz-placeholder {
color:transparent;
} /* FF 19+ */
 input:focus:-ms-input-placeholder {
color:transparent;
} /* IE 10+ */
 textarea:focus::-webkit-input-placeholder {
color:transparent;
}
 textarea:focus:-moz-placeholder {
color:transparent;
} /* FF 4-18 */
 textarea:focus::-moz-placeholder {
color:transparent;
} /* FF 19+ */
 textarea:focus:-ms-input-placeholder {
color:transparent;
}
/* IE 10+ */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Ubuntu', sans-serif;
}
p {
    margin: 0 0 10px;
    line-height: 32px;
    color: #4e5164;
}
p strong {
    color: #006cff;
    font-weight: inherit;
}
 @keyframes fadein {
 from {
 opacity:0;
}
to {
    opacity: 1;
}
}
 @-moz-keyframes fadein { /* Firefox */
 from {
 opacity:0;
}
to {
    opacity: 1;
}
}
 @-webkit-keyframes fadein { /* Safari and Chrome */
 from {
 opacity:0;
}
to {
    opacity: 1;
}
}
 @-o-keyframes fadein { /* Opera */
 from {
 opacity:0;
}
to {
    opacity: 1;
}
}

/* Start Style Coding Custom */
.top-info .grid-child {
    padding: 0;
}
.container-header nav, .container-header .container-search {
    margin: 0;
}
body.itemid-109 .body-main_content, .container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before,  .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before,  body.itemid-109 #mod-custom122, .mod-breadcrumbs__wrapper .float-start,  body.itemid-109 .mod-breadcrumbs__wrapper, p.readmore span,  .container-section-a, .container-section-b, .container-section-c, .container-section-d,  body.itemid-110 #mod-custom122, body.itemid-110 .mod-breadcrumbs__wrapper, body.itemid-110 .main_content, body.itemid-109 .breadcrumbs, body.itemid-110 .breadcrumbs {
    display: none;
}
body.itemid-109 .container-section-a, body.itemid-109 .container-section-b, body.itemid-109 .container-section-c, body.itemid-109 .container-section-d, body.itemid-110 .container-section-a, body.itemid-110 .container-section-b, body.itemid-110 .container-section-c, body.itemid-110 .container-section-d {
    display: block;
}
/* End Style Coding Custom */

/* Start Style Header  */
.top-info .grid-child {
    position: relative;
}
.top-info {
    display: block;
    background: #141d38;
    padding: 0;
    height: 50px;
    overflow: hidden;
}
.top-info em {
    padding-right: 8px;
    font-size: 14px;
}
.top-info #mod-custom115 {
    text-align: right;
}
.top-info ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.top-info li {
    list-style: none;
    color: #fff;
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
    border-left: 1px solid #636b85;
    padding: 0 0px;
    float: left;
}
.top-info li.envelope {
    border-right: 1px solid #636b85;
}
#mod-custom114 li {
    padding: 0 18px;
}
.top-info #mod-custom115 li a {
    display: inline-block;
    width: 30px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 8px;
    /* display: block; */
}
#mod-custom115 li a em {
    font-size: 18px;
    padding: 0;
}
.top-info #mod-custom115 ul li.facebook a:hover, .footer .footer-1 ul li.facebook a:hover {
    color: #1778f2;
}
.top-info #mod-custom115 ul li.youtube a:hover, .footer .footer-1 ul li.youtube a:hover {
    color: #fe0000;
}
.top-info #mod-custom115 ul li.twitter a:hover, .footer .footer-1 ul li.twitter a:hover {
    color: #1DA1F2;
}
.top-info #mod-custom115 ul li.instagram a:hover, .footer .footer-1 ul li.instagram a:hover {
    color: #DD7ADD;
}
.mod-languages {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 0px;
    border-left: 1px solid #636b85;
}
.mod-languages ul {
    display: inline-block;
    width: 50px;
    float: right;
}
.mod-languages ul li {
    border: none;
}
.mod-languages a {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}
.mod-languages a:after {
    font-family: 'FontAwesome';
    content: "\f0d7";
    position: absolute;
    top: 1px;
    right: 7px;
    width: 6px;
    height: 6px;
}
.mod-languages a:hover {
    color: #006cff;
}
.container-header {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0px 12px rgb(0 0 0 / 18%);
    z-index: 100;
    background: #fff;
}
.fixed-header {
    top: -50px;
}
.fixed-header .navbar-brand img {
    height: 50px;
}
.fixed-header .grid-child {
    padding: 0;
}
.fixed-header .top-logo .container-nav {
    padding: 10px 0;
}
.top-logo ul {
    margin: 20px 0 0 0;
}
.top-logo ul li strong {
    font-weight: 400;
    font-size: 14px;
    color: #000;
}
.top-logo ul li.info {
    background: url(../images/phone_icon.png) 0 10px no-repeat
}
.top-logo ul li.add {
    background: url(../images/location_icon.png) 0 8px no-repeat
}
.top-logo ul li.times {
    background: url(../images/time_icon.png) 0 8px no-repeat
}
.navbar-brand img {
    height: 70px;
    width: auto;
}
/* Start menu  */
.metismenu.mod-menu .metismenu-item {
    padding: 0;
}
.top-logo .container-nav {
    padding: 20px 0;
    position: relative;
}
.top-logo .container-nav li a {
    position: relative;
    display: block;
    padding: 8px 16px;
    color: #43474d;
    font-size: 16px;
    text-transform: capitalize;
    border-radius: 4px;
    margin-left: 2px;
    border-bottom: 3px solid transparent;
}
.container-header .mod-menu li {
    padding: 0;
    margin: 0 !important;
    position: relative;
    display: inline-block;
}
.top-logo .container-nav li.active>a, .top-logo .container-nav li:hover>a {
    text-decoration: none;
    color: #fff;
    border-bottom: 3px solid #003d90;
    background: #006cff;
}
.top-logo .container-nav li.active>a:after, .top-logo .container-nav li:hover>a:after {
    position: absolute;
    content: "";
    bottom: -6px;
    left: 50%;
    margin-left: -8px;
    width: 18px;
    height: 10px;
    background: url(../images/nav-icon-active.png) center center no-repeat;
}
.top-logo .container-nav ul li ul {
    background: #fff;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border: none;
    min-width: 220px;
    display: block !important;
    opacity: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: opacity 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.5s 0.1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform-origin: 0;
    transform-origin: 0 0;
}
.top-logo .container-nav ul li:hover>ul {
    display: block;
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    border-radius: 0;
}
.top-logo .container-nav ul li ul ul {
    top: 0;
    left: 220px;
}
.top-logo .container-nav ul li ul ul:before {
    background: none;
}
.top-logo .container-nav ul li ul li {
    list-style: none;
    float: none;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    display: block;
}
.top-logo .container-nav ul li ul li a {
    display: block;
    background: none;
    text-decoration: none;
    padding: 10px 10px;
    font-size: 14px;
    position: relative;
}
.top-logo .container-nav ul li ul li a:hover:after, .top-logo .container-nav ul li ul li.active > a:after {
    position: absolute;
    content: "//";
    left: 0;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
}
.top-logo .container-nav ul li ul li a:hover, .top-logo .container-nav ul li ul li.active > a {
    color: #006cff !important;
    padding-left: 15px;
    background: none;
    border-bottom: 3px solid transparent;
    transform: translateX(10px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* End Style menu */

/*start banner pages*/
.body-banner {
    margin-top: 146px;
    border-bottom: 3px solid #006cff;
}
#mod-custom122 {
    height: 300px;
    overflow: hidden;
    border-bottom: 4px solid #006cff;
}
.main_content {
    padding: 30px 15px;
}
.main_content .com-content-article, .grid-child.container-component.main_content .com-contact.contact {
    position: relative;
}
.main_content .com-content-article .page-header, .com-contact h1 {
    color: #fff;
    position: absolute;
    top: -260px;
    left: 00;
    width: 50%;
    padding-bottom: 0;
    margin: 0;
    border-bottom: none;
    display: block;
    text-transform: uppercase;
}
.main_content .com-content-article .page-header h1, .com-contact h1 {
    margin: 0;
    padding: 0;
    background: none;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    text-align: left;
}
.com-contact h3 {
    margin: 0 auto 20px;
    display: block;
    width: 100%;
    text-align: center !important;
    font-weight: 600;
    font-size: 26px;
}
.com-contact legend {
    display: none;
}
.mod-breadcrumbs__wrapper {
}
.breadcrumb-item a, .breadcrumb-item+.breadcrumb-item:before {
    color: #fff;
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #006cff;
}
/*end banner pages*/
.main_content main {
    margin: -60px 0 0 0 !important;
}
.main_content .com-content-article p {
    margin: 0 0 10px;
    line-height: 32px;
    color: #4e5164;
}
.main_content .com-content-article h2 {
    margin: 0 0 20px;
    background: #f8f8f8;
    border-left: 6px solid #e0dbdb;
    padding: 30px 20px;
    border-radius: 10px;
    font-size: 22px;
}
.main_content .com-content-article h3 {
    display: block;
    color: #006cff;
    padding: 10px !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px !important;
    border-left: 4px solid #006cff;
}
.main_content .com-content-article p strong {
    color: #006cff;
    font-weight: inherit;
}
.main_content .com-content-article ul {
    list-style: none;
    margin-bottom: 10px;
    padding: 0 0 0 15px;
}
.main_content .com-content-article ul li {
    font-size: 14px;
    line-height: 24px;
    background: url(../images/arrow-btn-02.png) 0px 10px no-repeat;
    padding-left: 20px;
}
.main_content .com-content-article ol li a {
    display: inline-block;
    padding: 4px 0;
    text-decoration: none;
}
/*Start Style Slider Home*/
.carousel-control-next, .carousel-control-prev {
    width: 50px;
    height: 50px;
    color: #dfdfdf;
    border-radius: 50%;
    top: auto;
    bottom: 20%;
    opacity: 1;
    margin-top: -25px;
    background: none;
    border: 1px solid #dfdfdf;
}
.carousel-control-next:hover, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-prev:focus {
    border-color: #006cff;
    color: #006cff;
}
.carousel-control-next:focus, .carousel-control-prev:focus {
    border-color: #dfdfdf;
    color: #dfdfdf;
}
div#carouselHeaderCaptions:hover .carousel-control-next, div#carouselHeaderCaptions:hover .carousel-control-prev {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(1000px);
    -webkit-transform-style: preserve-3d;
}
.carousel-control-prev {
    right: 5%;
    bottom: 29% !important;
    top: auto;
    left: auto;
}
.carousel-control-next {
    right: 5% !important;
    left: auto;
}
.carousel-control-prev-icon {
    background: url(../images/prev-icon-slider.png) center center no-repeat;
}
.carousel-control-next-icon {
    background: url(../images/next-icon-slider.png) center center no-repeat;
}
.carousel-caption {
    top: 20%;
    color: #fff;
    right: 7%;
    padding: 0;
    position: absolute;
    left: auto;
    text-align: left;
    width: 550px;
    height: 250px;
}
.carousel-caption h1 {
    text-transform: capitalize;
    display: block;
    font-size: 30px;
    font-weight: 500;
    color: #43474d;
    margin-bottom: 30px;
}
.carousel-caption p {
    font-size: 18px !important;
    color: #43474d;
    line-height: 34px !important;
    margin-bottom: 30px;
}
.carousel-caption a, div#mod-custom116 a, .data-portfolio li a {
    color: #fff !important;
    background: #006cff !important;
    line-height: 66px;
    font-size: 18px !important;
    text-decoration: none;
    width: 220px;
    height: 66px;
    font-weight: 400;
    padding: 0px 0 0px 29px !important;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: inherit !important;
    position: relative;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    vertical-align: middle;
    border: none;
    border-radius: 6px;
}
.data-portfolio li a {
    font-size: 16px !important;
}
.carousel-caption a:after, div#mod-custom116 a:after, .data-portfolio li a:after {
    content: "";
    top: 27px;
    right: 10%;
    background: url(../images/arrow-btn.png) 0 0 no-repeat;
    width: 20px;
    height: 16px;
    position: absolute;
    visibility: visible;
    z-index: 1;
}
.carousel-caption a:before, div#mod-custom116 a:before, .data-portfolio li a:before {
    content: "";
    position: absolute;
    left: 70%;
    top: 0;
    width: 2px;
    height: 100%;
    background: url(../images/pattern-but.jpg) 0 0 repeat;
}
.carousel-caption a:hover, div#mod-custom116 a:hover, .data-portfolio li a:hover {
    opacity: 0.7;
}
.container-banner {
    margin-bottom: 0;
}
/*End Style slier home*/
dl.article-info.text-muted, .main_content .com-content-article em {
    margin: 0;
    background: #f8f8f8;
    border-left: 6px solid #e0dbdb;
    padding: 15px 30px;
    border-radius: 10px;
}
.main_content .com-content-article em {
  display: block;
  padding: 30px;
}
.article-info dd {
    display: inline-block;
    margin-right: 20px;
    color: #000;
}
.article-info dt {
    font-weight: inherit;
    font-size: 20px;
    margin-bottom: 15px;
    color: #000;
}
.article-info dd span {
    color: #c5bdbd;
}
.container-section-a {
    background: url(../images/bg-01.jpg) bottom center no-repeat;
    padding: 60px 0 30px;
    overflow: hidden;
}
.container-section-a .container-nav #npost155, .container-section-a .container-nav #npost157 {
    position: relative;
    overflow: hidden;
    width: 1320px;
}
.container-section-a li {
    background: #fff;
    padding: 15px;
    position: relative;
}
.container-section-a li:hover {
    margin-top: -5px;
}
.container-section-a .mod-articlesnews-horizontal, .container-section-c .mod-articlesnews-horizontal {
    display: flex;
}
.container-section-a li img.side {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 0 15px 0;
    border: none;
    border-radius: 0;
}
.container-section-a li h4 a, .blog h2 a {
    display: inline-block;
    color: #232230;
    font-size: 20px;
    text-transform: capitalize;
    padding: 0;
    margin-bottom: 10px;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    position: relative;
}

.container-section-a li p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #4e5164;
    line-height: 24px;
}
.container-section-a img.side {
    width: 70%;
    height: auto;
    float: right;
    margin: 0 -20% 0 100px;
    border-radius: 0;
    box-shadow: none;
}
.container-section-a h6, .container-section-b h6, .container-section-c h6, .container-section-d h6 {
    display: block;
    color: #006cff;
    font-size: 18px;
    margin: 0 0 26px;
}
.container-section-a h5, .container-section-b h5, .container-section-c h5, .container-section-d h5 {
    display: block;
    color: #43474d;
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 60px;
    position: relative;
    margin-bottom: 20px;
    line-height: 45px;
    text-transform: uppercase;
}
.container-section-a a, #contact-form .control-group .btn-primary {
    text-decoration: none;
    color: #fff;
    border-bottom: 3px solid #003d90 !important;
    background: #006cff;
    padding: 14px 26px;
    border-radius: 4px;
    text-transform: capitalize;
    margin-top: 10px;
    display: inline-block;
    border: none;
}
#contact-form .control-group .btn-primary {
  margin-top: 0;
}
.container-section-a a:hover, #contact-form .control-group .btn-primary:hover {
  opacity: 0.7;
}
.container-section-b, .container-section-c, .container-section-d, .container-section-e {
    padding: 80px 0;
}
.container-section-b h6 {
    text-align: left;
    margin-bottom: 15px;
    padding: 0;
}
.container-section-b {
    background: #f6f7f9;
    position: relative;
    padding-bottom: 180px;
}
.container-section-b .list-services {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    clear: both;
    padding-top: 20px;
    margin-left: -25px;
    margin-right: -25px;
}
.container-section-b .items-list-services {
    background: #fff;
    position: relative;
    margin: 25px;
    text-align: center;
    overflow: hidden;
    padding: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 19px -6px rgba(0,0,0,0.2);
}
.container-section-b .items-list-services .services-content {
    position: relative;
}
.container-section-b .items-list-services .services-content img {
    width: 60px;
    height: auto;
}
.container-section-b .items-list-services .services-content h2 a {
    font-size: 20px;
    font-weight: 600;
    line-height: inherit;
    margin: 10px 0 0;
    color: #43474d;
    text-decoration: none;
    display: inline-block;
}
.container-section-b .items-list-services .services-content p {
    margin-bottom: 0;
}
.container-section-b .items-list-services:before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.container-section-b .items-list-services.services-one:before {
    background: url(../../../../../images/hosting.jpg) center center no-repeat;
}
.container-section-b .items-list-services.services-tow:before {
    background: url(../../../../../images/web-solution.jpg) center center no-repeat;
}
.container-section-b .items-list-services.services-three:before {
    background: url(../../../../../images/go-whats.jpg) center center no-repeat;
}
.container-section-b .items-list-services:hover:before {
    width: 100%;
    opacity: 1;
}
.container-section-b .items-list-services:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -15px;
    right: -15px;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #006cff;
}
.container-section-b .items-list-services:hover:after {
    opacity: 1;
    width: 30px;
    height: 30px;
}
.container-section-b .items-list-services:hover .services-content p, .container-section-b .items-list-services:hover .services-content h2 a {
    color: #fff;
}
div#mod-custom116 {
    background: url(../images/banner-contact.jpg) center center no-repeat;
    position: absolute;
    bottom: -141px;
    padding: 80px 30px;
    left: 50%;
    width: 1320px;
    margin-left: -660px;
}
div#mod-custom116 h6 {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 20px;
}
div#mod-custom116 h5 {
    font-size: 50px;
    color: #fff;
    font-weight: 600;
}
div#mod-custom116 a {
    position: absolute;
    top: 50%;
    right: 70px;
    margin-top: -33px;
}
.container-section-c {
    background: #fff;
    padding-top: 230px;
    overflow: hidden;
}
.container-section-c .grid-child {
    margin: 0;
}
.container-section-c h5 {
}
.container-section-c .entry-meta a:hover {
    color: #fff;
}
.container-section-c li:hover {
    margin-top: -5px;
}
.container-section-c li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background-color: #1e3c77;
    transition: 0.3s;
}
.container-section-c li:hover:before {
    height: 100%;
}
.container-section-c .entry-description a:after {
    display: none;
}
.container-section-c .entry-content {
    overflow: hidden;
    margin: 0 40px;
}
.container-section-c .blog-entry-image {
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}
.container-section-c .blog-entry:hover .entry-content, .container-section-c .blog-entry:focus .entry-content, .container-section-c .blog-entry:active .entry-content {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.container-section-c .readmore i {
    position: absolute;
    bottom: 49px;
    left: 46px;
    color: #006afb;
    font-size: 18px;
}
.container-section-c .blog-entry:hover .entry-description a, .container-section-c .blog-entry:focus .entry-description a, .container-section-c .blog-entry:active .entry-description a {
    background: #006afb;
}
.container-section-c .blog-entry:hover .entry-content i, .container-section-c .blog-entry:focus .entry-content i, .container-section-c .blog-entry:active .entry-content i {
    color: #fff;
}
.container-section-d {
    background: url(../images/bg-maps.jpg) bottom center no-repeat;
    overflow: hidden;
    padding: 0 0 40px;
}
.container-section-d .nspost_sett {
    background: #fff;
    padding: 30px 0;
    box-shadow: 3px 3px 13px 0 rgba(0,0,0,.1);
    position: relative;
}
.container-section-d .nspost_sett:after {
    width: 100%;
    height: 100%;
    content: "";
    background: #f8f8f8;
    position: absolute;
    left: 30px;
    bottom: -20px;
    width: calc(100% - 55px);
    height: 100%;
    z-index: -1;
    box-shadow: 3px 3px 13px 0 rgba(0,0,0,.1);
}
.container-section-d .blog-entry img {
    width: 100px !important;
    height: 100% !important;
    border-radius: 50%;
    margin: 0 auto;
    border: 3px solid #006cff;
}
.container-section-d a {
    color: #006cff !important;
}
.container-section-d .blog-entry .entry-content {
    background: none;
    text-align: center;
    border: none !important;
    box-shadow: none !important;
    position: inherit !important;
    top: inherit;
}
.container-section-d .blog-entry .entry-content p {
    line-height: 32px;
    font-size: 15px;
}
.container-section-d .owl-nav {
    display: none;
}
.container-section-e {
    background: #f8f8f8;
    overflow: hidden;
}
.footer, [dir=rtl] .footer {
    background: url(../images/footer-bg.png) center center no-repeat #F5F6F9;
    background-size: cover;
    margin: 0;
    padding-top: 60px;
}
.footer .grid-child {
    padding: 0;
    align-items: flex-start;
}
.footer .card {
    background: none;
    border: none;
    width: 100%;
}
.footer .card-header {
    background: none;
    border: none;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
}
.footer .card p {
    line-height: 30px;
    color: #000;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
}
.footer strong {
    color: #006cff;
    font-weight: 600;
}
.footer p a {
    display: inline-block;
    color: #006cff;
    font-weight: 400;
    text-decoration: none;
}
.footer .footer-1 ul {
    padding: 0;
    margin: 20px 0 0 0;
}
.footer .footer-1 ul li {
    list-style: none;
    display: inline-block;
}
.footer .footer-1 ul li a {
    display: inline-block;
    width: 44px;
    height: 44px;
    color: #000;
    background: #fff;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    margin: 0 4px;
    font-size: 20px;
}
.footer .footer-2 li {
    display: block;
    border: 0;
    position: relative;
    padding: 0;
}
.footer .footer-2 li a {
    color: #000;
    font-weight: 400;
    border-right: none;
    padding: 0;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    text-decoration: none;
    line-height: 30px;
}
.footer .footer-2 li a:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    position: absolute;
    top: 10px;
    left: 0;
    font-weight: 300;
    display: none;
}
.footer .footer-2 li a:hover, .footer .footer-2 li.active a {
    color: #006cff;
}
.footer .footer-3 ul {
    padding: 0;
}
.footer .footer-3 ul li {
    list-style: none;
    padding-left: 44px;
    margin-bottom: 6px;
    width: 100%;
    color: #000;
    line-height: 40px;
    font-size: 14px;
}
ul.contact-info li.mobile, ul.contact-info li.phone, ul.contact-info li.whats, ul.contact-info li.email, ul.contact-info li.fax {
}
ul.contact-info li.add {
    background: url(../images/contact_info.png) 0 0 no-repeat !important;
    line-height: 28px;
}
ul.contact-info li.fax {
    background: url(../images/contact_info.png) 0 -326px no-repeat !important;
}
ul.contact-info li.mobile {
    background: url(../images/contact_info.png) 0 -83px no-repeat !important;
}
ul.contact-info li.phone {
    direction: ltr;
    background: url(../images/contact_info.png) 0 -174px no-repeat !important;
}
ul.contact-info li.whats {
    direction: ltr;
    background: url(../images/contact_info.png) 0 -173px no-repeat !important;
}
ul.contact-info li.email {
    background: url(../images/contact_info.png) 0 -256px no-repeat !important;
}
.footer-box1 {
    display: block;
    width: 100%;
    height: 120px;
    margin: 0 0 15px;
    padding: 15px;
    border: 1px solid #57585a;
    box-shadow: 0 0 8px 3px rgb(255 255 255 / 14%);
}
.footer-box1 em {
    font-size: 28px;
    color: #006cff;
    background: #35363f;
    width: 60px;
    height: 60px;
    float: left;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    line-height: 48px;
    border: 5px solid #2d2d38;
    margin: 12px 20px 25px 0;
}
.footer-box1 h4 {
    padding: 0 !important;
    margin: 0 0 10px !important;
    color: #fff;
    font-size: 16px;
}
.footer-box1 p {
    color: #747474;
    line-height: 24px;
}
.copyright {
    background: rgba(255, 255, 255, 0.4);
    text-align: center;
    padding: 6px 0;
}
.footer-4 strong {
    font-weight: inherit;
}
.back-to-top-link {
    background: #006cff;
    color: #fff;
    opacity: 0.5 !important;
    border: none;
    box-shadow: 0 0 8px 3px rgb(255 255 255 / 14%);
}
.back-to-top-link:hover {
    background: #006cff;
    border: none;
    color: #fff;
    opacity: 1 !important;
}
.com-contact__form.contact-form {
    width: 50%;
    float: left;
    background: #f6f6f6;
    padding: 20px;
}
.com-contact__container {
    display: block;
    width: 50%;
    float: right;
    padding-left: 50px;
}
.com-contact__container img {
    width: 100%;
    height: auto;
}
dl.dl-horizontal dt {
    font-size: 23px;
    text-align: center;
    line-height: 36px;
    color: #006cff;
    margin-bottom: 10px;
}
dl.dl-horizontal dd {
    margin-bottom: 10px;
}
.djslider-default img.dj-image {
    width: auto;
    height: 80px;
}
#contact-form label {
    font-size: 14px;
}
#contact-form .form-control {
    padding: 10px 20px;
    border: none;
}
#contact-form textarea {
    height: 170px !important;
}
#contact-form .control-group .controls {
    position: relative;
}
#contact-form .control-group {
    margin: 10px 0 0;
}
/*search style*/
li.result__item {
    display: inline-block;
    width: 100%;
    background: #f2f2f2;
    padding: 15px;
    margin-bottom: 30px;
    border: 2px solid #d6d6d6;
}
li.result__item .result__date:after {
    display: none;
}
li.result__item .result__date {
    display: inline-block;
    background: #1e3c77;
    color: #fff;
    padding: 6px 20px;
    margin-top: 10px;
    font-size: 14px;
}
.blog .masonry-8, .blog-featured {
    width: 100%;
    float: none !important;
    display: flex;
}
.blog .blog-item, .blog-featured .blog-item {
    padding: 0;
    position: relative;
    background: none;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
    -ms-flex-direction: column;
    flex-direction: column;
}
.blog .blog-items .item-content {
    border: 5px solid #f8f8f8;
}
.blog .blog-items .page-header {
    position: absolute;
    background: rgba(12,41,53,.5);
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    opacity: 0;
}
.blog .blog-items .page-header h2 {
    /* position: absolute; */
    /* bottom: 0; */
    /* margin: 0; */
    /* text-align: center; */
    /* display: block; */
    /* width: 100%; */
}
.blog .blog-items .page-header h2 a {
    color: #fff;
    padding: 30px;
    display: block;
    text-align: center;
    padding: 35% 30px;
}
.blog .blog-items img {
    margin: 0;
    padding: 0;
    height: auto;
    width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.blog .blog-items .item-content:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    filter: grayscale(90%);
}
.blog .blog-items .item-content p {
  margin: 0;
}
.blog .blog-items .item-content:hover .page-header {
  opacity: 1;
}
.blog dl.article-info.text-muted {
    display: none;
}
.breadcrumbs {
    display: block;
    padding: 150px 0 100px;
    margin-bottom: 60px;
    text-align: left;
    border-bottom: 4px solid #006cff;
    background: url(../images/banner.jpg) 0 0 repeat-x fixed;
}
.com-content-category-blog__child {
    display: block;
    background: #f2f2f2;
    padding: 20px;
    border-left: 4px solid #006cff;
    font-size: 16px;
    margin: 20px 0;
}
.com-content-category-blog__child a {
    font-size: 18px;
}
/*Responsive coding*/

@media (max-width:767px) {
  body {
    overflow-x: hidden;
  }
  .body-banner {
      margin-top: 0;
  }
  .container-header .container-nav .container-search {
    top: -65px;
    right: 60px;
}
  .carousel-item {
      min-height: 300px !important
  }
  header #mod-custom116, .carousel-caption {
      display: none;
  }
  .navbar-brand {
      margin: 0;
  }
  .navbar-brand img {
    position: relative;
    top: 10px;
}
  header nav {
      width: 100%;
  }
  .grid-child.top-logo {
      display: block;
      padding: 0 15px;
  }
  nav.navbar.navbar-expand-md {
    display: inline-block;
  }
  .top-logo .container-nav li a {
    text-align: center;
  }
  .top-logo .container-nav ul li:hover > ul {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    text-align: center;
}
  .container-header .navbar-toggler {
      border: 1px solid #006cff;
      color: #006cff;
      position: absolute;
      top: -65px;
      right: 0;
      width: 44px;
      height: 42px;
  }
  .top-logo .container-nav {
      padding: 0;
  }
  .metismenu.mod-menu .metismenu-item {
      display: block;
  }
  .metismenu.mod-menu .metismenu-item>a {
      border: none;
      display: block;
      text-align: center;
      padding: 6px 0;
  }
  .breadcrumbs {
      padding: 130px 0 50px 15px;
  }
  .main_content .com-content-article .page-header, .com-contact h1 {
      width: 100%;
      top: -190px;
      left: 0;
  }
  .main_content .com-content-article .page-header h1, .com-contact h1 {
      font-size: 26px;
  }
  .mod-breadcrumbs__wrapper {
      top: -230px;
  }
  .breadcrumb {
      padding: 0 !important;
  }
  .metismenu.mod-menu .metismenu-item>button {
      left: 22%;
      top: -18px;
  }
  .metismenu.mod-menu .metismenu-item>ul {
      position: relative;
  }
  .carousel-control-prev {
      bottom: 40% !important;
  }
  .container-section-d {
      overflow: hidden;
  }
  .com-contact__container, .com-contact__form.contact-form {
      width: 100%;
      float: none;
  }
   .com-contact__container {
      padding-left: 0;
  } 
  
  .container-section-b, .container-section-c, .container-section-d, .container-section-e {
    padding: 40px 0;
}
  .container-section-a, .container-section-b {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .container-section-b {
    padding-bottom: 40px;
  }
  .container-section-a img.side {
    width: 100%;
    float: none;
    margin: 0;
}
.container-section-a h5, .container-section-b h5, .container-section-c h5, .container-section-d h5 {
    font-size: 20px;
    line-height: 32px;
}
.div-style-left, .div-style-right {
  width: 100%;
  float: none;
}
.container-section-b .grid-child {
  display: block;
}
.container-section-b .items-list-services {
  margin: 20px 0;
}
div#mod-custom116 {
    background: url(../images/banner-contact.jpg) right center no-repeat;
    background-size: cover;
    position: relative;
    bottom: 0;
    padding: 30px 30px 90px;
    left: 0;
    width: 100%;
    border-radius: 10px;
    margin-left: 0;
}
div#mod-custom116 h6 {
    font-size: 18px;
    line-height: 32px;
}
div#mod-custom116 h5 {
    font-size: 22px;
}
div#mod-custom116 a {
  top: auto;
    bottom: 30px;
    right: 50%;
    margin: 0 -115px 0 0;
    width: 230px;
}
  .footer-7 p.text-right {
      float: none;
  }
  .footer-7 #mod-custom129 {
      text-align: center;
  }
  .data-portfolio {
      padding: 0;
  }
  .data-portfolio ul {
      grid-template-columns: 100%;
  }
  .data-portfolio ul li {
      padding: 5px 20px;
      border-bottom: 1px dotted #c7c7c7;
      border-right: none !important;
      border-left: none !important;
  }
  .no-js .owl-carousel, .owl-carousel.owl-loaded {
      padding-top: 0 !important;
  }
  #npost155 .nspost_sett {
    margin: 30px 15px 0 !important;
}
.container-section-c {
    padding-bottom: 0 !important;
}
}