html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
* {
  box-sizing: border-box
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-Italic.woff2') format('woff2'), url('../../fonts/TitilliumWeb-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-Bold.woff2') format('woff2'), url('../../fonts/TitilliumWeb-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-ExtraLight.woff2') format('woff2'), url('../../fonts/TitilliumWeb-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-Light.woff2') format('woff2'), url('../../fonts/TitilliumWeb-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-Regular.woff2') format('woff2'), url('../../fonts/TitilliumWeb-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-LightItalic.woff2') format('woff2'), url('../../fonts/TitilliumWeb-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-SemiBold.woff2') format('woff2'), url('../../fonts/TitilliumWeb-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-Black.woff2') format('woff2'), url('../../fonts/TitilliumWeb-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-SemiBoldItalic.woff2') format('woff2'), url('../../fonts/TitilliumWeb-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-ExtraLightItalic.woff2') format('woff2'), url('../../fonts/TitilliumWeb-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic
}
@font-face {
  font-family: 'Titillium Web';
  src: url('../../fonts/TitilliumWeb-BoldItalic.woff2') format('woff2'), url('../../fonts/TitilliumWeb-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic
}
html {
  overflow-x: hidden
}
body {
  margin: 0px;
  padding: 0px;
  font-family: 'Titillium Web';
  font-size: 20px;
  color: #737373;
  background: #FFF;
  line-height: 38px
}
.ar-link {
  width: 50px;
  margin: 0px 0px 0px 0px;
  border-radius: 20px;
  font-size: 18px !important;
  padding: 5px 10px !important;
  position: relative;
  top: 0px;
  text-align: center;
  color: #333 !important;
  font-weight: 600;
  font-family: 'Tajawal', sans-serif !important
}
.ar-link:hover {
  color: #BC0C0C !important
}
a:focus {
  background-color: transparent
}
.left {
  float: left
}
.right {
  float: right
}
.quick-links-more ul, .faq-links-more ul {
  margin: 0;
  padding: 0 23px
}
.quick-links-more ul li, .faq-links-more ul li {
  display: inline-block;
  margin: 0 15px
}
.quick-links-more ul li a, .faq-links-more ul li a {
  color: #000;
  font-size: 18px
}
.quick-links-more ul li a:hover, .faq-links-more ul li a:hover {
  color: #BC0C0C
}
input[type='text'], input[type='submit'] {
  border: none;
  font-family: 'Titillium Web'
}
input[type='submit'] {
  -webkit-appearance: none
}
p {
  font-family: 'Titillium Web';
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 25px 0px;
  font-size: 18px;
  line-height: 26px;
  color: #2C3546
}
ul.ul-list {
  margin: 0;
  padding: 0 0 0 25px
}
ul.ul-list li {
  font-family: 'Titillium Web';
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-size: 18px;
  line-height: 26px;
  color: #2C3546
}
.max-800 {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 50px
}
.chat-bot, .chat-bot-pop {
  display: none
}
.quote {
  color: #d90501;
  font-size: 28px;
  line-height: 38px;
  margin: 0px 0 20px
}
.white {
  color: #fff
}
.clear {
  clear: both;
  margin: 0px;
  padding: 0px
}
.dotted-box {
  padding: 30px !important;
  text-align: center;
  background: #eee;
  border-radius: 6px
}
span.clear {
  clear: both;
  display: block
}
p.clear {
  clear: both
}
a.gry {
  color: #2b2b2b
}
img {
  border: none
}
.hid {
  display: none !important
}
.height-70 {
  margin-bottom: 0px;
  display: inline-block
}
.service-gray-sec span {
  font-family: 'Titillium Web';
  font-size: 35px;
  font-style: normal;
  font-weight: bold;
  line-height: 51.7px;
  color: #fff;
  margin-bottom: 20px;
  text-transform: uppercase;
  display: inline-block
}
h1.cs {
  margin: 20% 0;
  text-align: center
}
.video-responsive {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%
}
.canvas {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.video-timeline {
  background: rgba(255, 255, 255, 0.4);
  bottom: 0;
  cursor: pointer;
  height: 12px;
  left: 0;
  opacity: 1;
  position: absolute;
  transition: all 0.2s;
  width: 100%;
  z-index: 12
}
.video-timeline-passed {
  background: #E81D31;
  height: 100%;
  width: 0
}
@media screen and (min-width: 768px) {
  .video-timeline-passed {
    background: rgba(255, 255, 255, 0.7)
  }
}
.video-wrapper:hover .video-timeline {
  height: 12px;
  opacity: 0.85
}
.video-wrapper:hover .video-timeline-passed {
  background: #E81D31
}
.video-wrapper:hover .video-event {
  bottom: 12px
}
.video-wrapper:hover .video-timeline-event {
  background: #790c17;
  opacity: 0.8
}
.plus-bttn {
  text-align: left;
  font-size: 16px;
  padding: 10px 55px 10px 35px;
  cursor: pointer;
  background: #2D3647 url(../images/arrow-down-white.png) 85% 15px no-repeat;
  text-indent: -9999;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Titillium Web';
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  position: relative;
  font-weight: 600;
  letter-spacing: 2px
}
.plus-bttn:after {
  content: "Read More"
}
.plus-bttn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.plus-bttn:hover, .plus-bttn:focus, .plus-bttn:active {}
.plus-bttn:hover:before, .plus-bttn:focus:before, .plus-bttn:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}
.minus-bttn {
  text-align: left;
  font-size: 16px;
  font-family: 'Titillium Web';
  padding: 10px 55px 10px 35px;
  cursor: pointer;
  background: #2D3647 url(../images/arrow-up-white.png) 85% 15px no-repeat;
  text-indent: -9999;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  line-height: normal;
  font-weight: 600;
  letter-spacing: 2px
}
.minus-bttn:after {
  content: "Close"
}
.minus-bttn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.minus-bttn:hover, .minus-bttn:focus, .minus-bttn:active {}
.minus-bttn:hover:before, .minus-bttn:focus:before, .minus-bttn:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}
.service-slider.plus-bttn {
  background: #2D3647 url(../images/arrow-down-white.png) 90% 15px no-repeat;
  margin-top: 30px !important
}
.service-slider.plus-bttn:before {
  background-position: 90% 15px
}
.service-slider.plus-bttn:after {
  content: "Learn about the benefits"
}
.seo-learn-more.plus-bttn:after {
  content: "Benefits of SEO Services"
}
.image img {
  display: block
}
.img-responsive {
  width: 100%;
  display: block
}
a {
  color: #FF7272;
  transition: 0.5s
}
a, a:hover {
  outline: medium none;
  text-decoration: none
}
h1, h2, h3, h4, h5, h6 {
  margin: 0px
}
h1 {
  font-family: 'Titillium Web';
  font-size: 60px;
  font-style: normal;
  font-weight: 300;
  line-height: 62px;
  color: #2C3546;
  margin-bottom: 30px
}
h2 {
  font-family: 'Titillium Web';
  font-size: 60px;
  font-style: normal;
  font-weight: 300;
  line-height: 62px;
  color: #2C3546;
  margin-bottom: 15px
}
h3 {
  font-family: 'Titillium Web';
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
  line-height: 40px;
  color: #2C3546;
  margin-bottom: 20px
}
h4 {
  font-family: 'Titillium Web';
  font-size: 28px;
  font-style: normal;
  font-weight: bold;
  line-height: 29.7px;
  color: #2C3546
}
h5 {
  font-size: 16px
}
.font-60 {
  font-size: 60px !important;
  line-height: normal
}
hr {
  display: none;
  width: 100px;
  height: 5px;
  float: left;
  background: #118bcb;
  border: none;
  margin-bottom: 50px
}
h3 a {
  color: #2C3546
}
.padding-none {
  padding: 0 !important
}
.margin-none {
  margin: 0 !important
}
.row {
  margin-bottom: 20px !important;
  margin: 0 -10px
}
.row:after {
  display: block;
  content: "";
  clear: both
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
  padding: 0 0px
}
span.col-1, span.col-2, span.col-3, span.col-4, span.col-5, span.col-6, span.col-7, span.col-8, span.col-9, span.col-10, span.col-11, span.col-12 {
  display: block
}
.cenr {
  margin: 0 auto !important;
  display: table !important
}
.col-1 {
  width: 8.33333%
}
.col-2 {
  width: 16.6667%
}
.col-3 {
  width: 25%
}
.col-4 {
  width: 33.3333%
}
.col-5 {
  width: 41.6667%
}
.col-6 {
  width: 50%
}
.col-7 {
  width: 58.3333%
}
.col-8 {
  width: 66.6667%
}
.col-9 {
  width: 75%
}
.col-10 {
  width: 83.3333%
}
.col-11 {
  width: 91.6667%
}
.col-12 {
  width: 100%
}
.hidden {
  opacity: 0
}
.visible {
  opacity: 1
}
.text-valign-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}
.desktop {
  display: block
}
.mobile-top {
  display: none !important
}
.sm-mobile {
  display: none
}
.div-align-center {
  margin: 0px auto
}
.text-center {
  text-align: center
}
.text-right {
  text-align: right
}
.text-left {
  text-align: left
}
.devider {
  background: #000;
  height: 1px;
  margin-bottom: 20px;
  margin-top: 10px;
  display: block
}
.show-mob {
  display: none
}
.hide-mob {
  display: block
}
label {
  color: #58595b;
  font-size: 19px
}
label span {
  display: block;
  font-size: 15px
}
input[type="text"], input[type="password"], input[type="file"], input[type="email"], textarea, select, button {
  border: medium none;
  color: #8e8071;
  font-size: 16px;
  outline: medium none;
  padding: 10px;
  border: 2px solid #797979;
  width: 100%;
  margin-bottom: 5px;
  font-family: 'Titillium Web'
}
input[type="submit"] {
  outline: medium none
}
#floating-contact label {
  color: #58595b;
  font-size: 19px
}
#floating-contact label span {
  display: block;
  font-size: 15px
}
#floating-contact input[type="text"], input[type="password"], input[type="file"], input[type="email"], textarea, select, button {
  border: medium none;
  color: #8e8071;
  font-size: 16px;
  outline: medium none;
  padding: 10px;
  border: 1px solid #b9b9b9;
  width: 100%;
  margin-bottom: 5px;
  font-family: 'Titillium Web';
  border-radius: 0 !important
}
#floating-contact input[type="submit"] {
  outline: medium none
}
#result p {
  line-height: normal;
  font-size: 18px;
  font-weight: bold
}
#result .color-green {
  color: #0C3
}
#success-message {
  color: #093;
  margin-top: 15px
}
.mrg-top-15 {
  margin-top: 15px !important
}
.mrg-top-35 {
  margin-top: 70px !important
}
.mrg-top-70 {
  margin-top: 70px !important
}
.mrg-bottom-15 {
  margin-bottom: 15px !important
}
.mrg-bottom-35 {
  margin-bottom: 35px !important
}
.mrg-bottom-150 {
  margin-bottom: 150px !important
}
.mrg-left-25 {
  margin-left: 20px !important
}
.mrg-right-25 {
  margin-right: 20px !important
}
.pad-left-50 {
  padding-left: 50px !important
}
.pad-right-50 {
  padding-right: 50px !important
}
.pad-left-25 {
  padding-left: 20px !important
}
.pad-right-25 {
  padding-right: 20px !important
}
.pad-left-100 {
  padding-left: 100px !important
}
.bdr-none {
  border: none !important
}
.box-shadows {}
.box-shadows-dark {
  box-shadow: 0 0 8px #161616
}
#service-page-slider {
  display: none
}
.srv-page-next {
  background: #e1e1e1;
  margin: 0px;
  padding: 50px;
  display: table;
  position: relative;
  width: 100%;
  font-family: 'Titillium Web';
  font-weight: 700;
  font-size: 30px;
  color: #333;
  transition: all 0.5s ease-in-out;
  background-position: -100%;
  line-height: normal;
  text-align: left
}
.srv-page-next span {
  width: 243px;
  float: left
}
.srv-page-next > img {
  display: table-cell;
  vertical-align: middle;
  margin: 0 10px;
  display: inline
}
.srv-page-next:hover {
  background: url(../images/abstract-5.png) left bottom no-repeat;
  background-size: cover;
  transition: all 0.5s ease-in-out
}
.srv-page-prev {
  background: #e1e1e1;
  margin: 0px;
  padding: 50px 50px 43px 50px;
  display: table;
  position: relative;
  width: 100%;
  font-family: 'Titillium Web';
  font-weight: 700;
  font-size: 30px;
  color: #333;
  transition: all 0.5s ease-in-out;
  background-position: -100%;
  line-height: normal;
  text-align: right
}
.srv-page-prev > img {
  display: table-cell;
  vertical-align: middle;
  margin: 0 10px;
  transform: scaleX(-1);
  display: inline
}
.srv-page-prev:hover {
  background: url(../images/abstract-5.png) left top no-repeat;
  background-size: cover;
  transition: all 0.5s ease-in-out
}
.middle {
  display: table !important;
  margin: auto;
  z-index: 0
}
.icons {
  position: relative;
  top: 7px;
  width: 25px !important;
  display: inline-block !important;
  margin-left: 5px
}
.main-wrapper {
  max-width: 1260px;
  margin: auto
}
.common-container {
  max-width: 1260px;
  margin: auto;
  padding: 0px 10px
}
.banner-wrap {
  margin: 0px;
  padding: 0px;
  width: 100%;
  position: relative;
  height: 154px
}
.banner-iframe {
  width: 100%;
  margin-top: -82px;
  height: 700px
}
.headertop {
  margin: 0px;
  padding: 25px 0 0 0;
  position: absolute;
  top: 0;
  width: 100%
}
.banner-video {
  background: url(../images/bg-menu.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-repeat: repeat-x;
  background-position: 0 -40px
}
.banner-wrap video {
  width: 100%;
  height: 760px;
  margin-top: -116px
}
.main-logo {
  display: block;
  float: left;
  width: 140px;
  margin-left: -22px
}
.smaller .gmi-small-logo {
  display: block;
  float: left;
  margin-right: 5px;
  height: 40px;
  width: 40px;
  object-fit: none;
  object-position: -327px -73px;
  transition: all .2s ease
}
.google-review span {
  font-size: 14px;
  vertical-align: top
}
.smaller .wsmenu-list > li > a {
  padding: 0px 24px 0 18px
}
.top-right {
  margin: 0px 40px 0 0;
  padding: 0 0 0px 0px;
  float: right;
  position: relative
}
.top-right:before, .top-right:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -3px
}
.call-button-top {
  position: relative;
  left: 10px
}
.top-right a {
  font-size: 14px;
  color: #2D3646;
  margin: 0 5px 0 5px;
  font-weight: 600
}
.top-right a:hover {
  color: #BC0C0C
}
.top-right a img {
  width: 20px
}
.top-right a span {
  font-size: 14px;
  color: #2D3646;
  transition: all 0.5s ease;
  font-family: 'Cabin' !important;
  position: relative;
  padding-left: 22px;
  left: -19px
}
.top-right a span:hover {
  color: #BC0C0C
}
.top-right a:last-child {
  margin-right: 0;
  font-family: 'Tajawal', sans-serif !important
}
.top-right a i {
  margin-right: 3px;
  position: relative;
  top: 3px
}
.main-menu-wrap {
  clear: both;
  padding: 11px 0 10px 0;
  top: 80px;
  width: 100%;
  position: absolute
}
.smaller {
  background: #fff;
  height: 74px;
  position: fixed;
  top: 0;
  z-index: 1000
}
.smaller .wsmenu-list {
  max-width: 1250px;
  width: 100%
}
.smaller:before {
  content: "";
  position: absolute;
  bottom: 0;
  background: #bc0c0c;
  height: 3px;
  width: 100%
}
.banner-title {
  position: absolute;
  top: 37%;
  left: 50%;
  margin-left: -432px;
  text-align: center;
  max-width: 832px
}
.banner-title h4 {
  font-family: 'Titillium Web';
  font-weight: bold;
  font-size: 47px;
  line-height: 57px;
  color: #fff
}
.banner-title h3 {
  font-family: 'Titillium Web';
  font-weight: 400;
  font-size: 24px;
  line-height: 57px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 10px;
  border-bottom: 2px solid #2e76ba;
  display: inline-block;
  padding: 0 0 0px 0;
  white-space: nowrap;
  overflow: hidden;
  width: 20.1em;
  animation: type 3s steps(60, end)
}
@keyframes type {
  from {
    width: 0
  }
}
@keyframes type2 {
  0% {
    width: 0
  }
  50% {
    width: 0
  }
  100% {
    width: 0
  }
}
@keyframes blink {
  to {
    opacity: .0
  }
}
.banner-bottom-strip {
  height: 16px;
  margin: 0px;
  padding: 0px
}
.more-button {
  text-transform: uppercase;
  padding: 10px 20px 10px 25px;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #BC0C0C;
  position: relative;
  transition: 0.5s all;
  z-index: 1;
  border: 0;
  background: none;
  text-align: left;
  width: auto;
  line-height: normal
}
.more-button:before {
  width: 10px;
  content: "";
  position: absolute;
  left: 0;
  background: #BC0C0C;
  height: 100%;
  top: 0;
  transition: 0.5s all;
  z-index: -1
}
.more-button:hover:before {
  width: 100%;
  transition: 0.5s all
}
.more-button:hover {
  color: #fff
}
.more-button-sm {
  margin: 0px 0;
  padding: 5px 5px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Titillium Web';
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: #2098d1;
  color: #fff
}
.more-button-sm:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-top: 2px solid #2098d1;
  color: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}
.more-button-sm:hover, .more-button-sm:focus, .more-button-sm:active {
  color: #2098d1
}
.more-button-sm:hover:before, .more-button-sm:focus:before, .more-button-sm:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}
.submit-button {
  background: #2D3647;
  padding: 10px 50px;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 600;
  position: relative;
  border-radius: 50px !important;
  cursor: pointer
}
.submit-button:hover {
  background: rgb(255, 255, 37);
  background: linear-gradient(135deg, rgba(255, 255, 37, 1) 0%, rgba(252, 74, 74, 1) 35%, rgba(5, 127, 250, 1) 100%);
  color: #fff;
  width: 100%;
  border-radius: 50px !important;
  transition: 0.2s all
}
.play-btn_new {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
.play-text {
  color: #fff;
  font-family: 'Titillium Web';
  font-size: 25px;
  font-style: italic;
  padding: 10px;
  display: block;
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  text-align: center
}
.play-button {
  height: 77px;
  padding: 7px 7px 7px 7px;
  display: block;
  position: absolute;
  bottom: 33px;
  left: 27px;
  transition: all 0.5s
}
.play-button:hover {
  transform: scale(1.05);
  transition: all 0.5s
}
.play-button span {
  color: #fff;
  font-family: 'Titillium Web';
  font-size: 18px;
  font-weight: 600;
  margin-top: 0;
  display: block;
  float: none;
  width: 100%
}
.play-bttn-play {
  display: inline-block;
  height: 56px;
  position: relative;
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: ease-in-out;
  width: 56px
}
.list-style {
  margin: 0px;
  padding: 0px
}
.list-style ul {
  margin: 0px;
  padding: 0px
}
.list-style ul li {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none
}
.list-style ul li a {
  margin: 0 0 0px 0;
  padding: 0;
  color: #BC0C0C;
  font-size: 25px;
  text-decoration: none;
  cursor: pointer
}
.list-style ul li a span {
  margin: 0 25px 0px 0;
  padding: 0;
  color: #BC0C0C;
  font-size: 25px;
  text-decoration: none;
  font-family: 'Titillium Web';
  font-style: italic
}
.list-style ul li a:hover {
  background: url(../images/orange-line.jpg) left no-repeat;
  padding-left: 50px
}
.h-video-sec-one {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  min-height: 486px
}
.home-sliding-wrap {
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background: #fff;
  box-shadow: -4px 4px 10px #999;
  float: right;
  right: -496px;
  width: 694px;
  position: absolute;
  transition: all 0.5s ease-in-out
}
.home-sliding-wrap img {
  width: 100%
}
.play-button img {
  width: 39px !important;
  height: 39px;
  float: none
}
.home-sliding-wrap:hover {
  right: 0px;
  transition: all 0.5s ease-in-out
}
.video-full {
  width: 800px;
  margin: 0;
  padding: 0
}
.iframe-video {
  width: 800px;
  height: 450px;
  display: table;
  margin: auto
}
.pop-width {
  max-width: 100%;
  height: auto
}
.home-sec-three {
  margin: 0px;
  padding: 0px;
  clear: both
}
.home-project-blk {
  background: #272b31 url(../images/strip-sm.jpg) left bottom repeat-x;
  padding: 50px;
  position: relative;
  overflow: hidden;
  min-height: 500px
}
.home-project-blk h3 {
  font-size: 47px;
  color: #fff;
  margin-bottom: 30px;
  font-family: 'Titillium Web';
  font-weight: 900;
  position: relative;
  z-index: 1
}
.home-project-blk p {
  color: #fff;
  position: relative;
  z-index: 1
}
.abstract-1 {
  left: -191px;
  position: absolute;
  top: -236px
}
@-webkit-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.rotating {
  -webkit-animation: rotating 15s linear infinite;
  -moz-animation: rotating 15s linear infinite;
  -ms-animation: rotating 15s linear infinite;
  -o-animation: rotating 15s linear infinite;
  animation: rotating 15s linear infinite
}
.home-sec-four {
  width: 100%;
  margin: 0px;
  padding: 74px 0 180px;
  background: url(../images/home-forth-bg.jpg) fixed top center;
  position: relative;
  background-size: cover
}
.home-sec-four .left-sec {
  position: relative;
  z-index: 1
}
.home-sec-four p {
  color: #fff;
  font-size: 25px
}
.home-sec-four .list-style ul li a {
  cursor: pointer !important
}
.home-sec-four ul {
  margin-top: 25px
}
.flip-sec {
  position: absolute;
  padding: 0;
  margin: 0;
  right: 0;
  top: 150px;
  width: 100%
}
.intro.sp .play-button {}
.link .play-button {
  display: none
}
.sp-active .play-button {
  display: block
}
.intro {
  box-shadow: 0 0 8px #161616;
  cursor: pointer;
  float: right;
  position: relative
}
.sp {
  position: absolute;
  z-index: 1;
  top: -66px;
  right: -59px;
  cursor: default
}
.mid-box {
  left: 0;
  max-width: 698px;
  right: 0;
  margin: auto;
  z-index: 2
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mid-box {
    width: 698px
  }
}
.parter {
  margin: 100px auto 50px;
  padding: 50px 0px 0;
  border-top: 1px solid #707070
}
.partnerlist {
  display: inline-block;
  margin-right: 0px;
  width: 24%
}
.parter p {
  color: #363636;
  font-family: 'Titillium Web';
  font-weight: 600;
  padding: 22px 0 0 0;
  font-size: 25px;
  text-align: center;
  font-style: italic
}
.footer {
  width: 100%;
  margin: 0px;
  padding: 0px 0;
  background: #2D3646
}
.footer .col {
  width: 20%;
  padding: 0 12px
}
.footer-pattern {
  padding: 70px 0
}
.footer-logo-gmi {
  width: 120px;
  vertical-align: middle
}
.footer-top {
  border-bottom: 1px solid rgba(135, 135, 135, 0.79);
  padding-bottom: 35px;
  margin-bottom: 55px;
  display: inline-block;
  width: 100%
}
.footer-top .col-3 {
  padding: 0 15px
}
.footer-top .title-prim {
  color: #fff;
  font-size: 60px;
  line-height: 55px;
  margin-bottom: 0
}
.footer-top .title-prim img {
  width: 157px;
  float: right;
  margin-right: 51px
}
.footer-top h4 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 22px
}
.footer-top p {
  color: #fff;
  padding-bottom: 0;
  font-size: 16px
}
.footer-top p a {
  color: #fff;
  margin-bottom: 10px
}
.footer-top p a:hover {
  color: #BC0C0C
}
.footer-logo-act {
  width: 130px;
  margin-left: 10px;
  vertical-align: middle
}
.footer ul {
  margin: 0;
  padding: 0
}
.footer ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 15px;
  margin-bottom: 20px
}
.footer ul li a {
  color: #E2E0E0;
  text-transform: none;
  font-size: 16px;
  font-family: 'Titillium Web';
  transition: all 0.5s ease;
  font-weight: 600;
  letter-spacing: 1px
}
.footer ul li a:hover {
  color: #BC0C0C
}
.footer ul li a span {
  color: #E2E0E0;
  font-size: 14px;
  font-family: 'Titillium Web';
  transition: all 0.5s ease;
  text-transform: uppercase
}
.footer ul li a span strong {
  margin-bottom: 10px;
  display: block
}
.footer .address p span strong {
  margin-bottom: 18px;
  font-weight: 600;
  display: block;
  line-height: normal;
  vertical-align: top;
  line-height: 10px
}
.footer ul li a span:hover {
  color: #BC0C0C
}
.footer .address {
  margin: 0;
  padding: 0px
}
.footer .address p {
  font-size: 16px;
  color: #E2E0E0;
  margin: 0 0 3px 0;
  padding: 0;
  line-height: 28px;
  font-weight: 200
}
.footer .address p span {
  font-size: 16px;
  color: #E2E0E0;
  margin: 0;
  padding: 0
}
.footer .address p a {
  font-size: 16px;
  color: #E2E0E0;
  margin: 0;
  padding: 0;
  font-weight: 400
}
.footer .address p a:hover {
  color: #BC0C0C
}
.social-media {
  margin-top: 0px;
  margin-bottom: 10px;
  float: left;
  margin-left: -23px
}
.social-media a img {
  float: left;
  margin: 0 3px 0 auto
}
.footer-bottom {
  position: relative;
  display: inline-block;
  margin-top: 50px;
  width: 100%
}
.menu-bottom-strip {
  width: 100%;
  background: url(../images/lg-strip.jpg) left top no-repeat;
  background-size: cover;
  padding: 25px
}
.menu-bottom-col {
  border-right: 2px solid #959595;
  padding: 0 15px;
  box-sizing: border-box;
  float: left
}
.menu-bottom-col p {
  color: #fff;
  font-family: 'Titillium Web';
  font-size: 18px;
  margin-bottom: 0px;
  line-height: normal
}
.menu-bottom-col-50 {
  width: 50%;
  float: left
}
.floating-one {
  padding: 9px 4px 8px 8px !important;
  background: #004F9F;
  line-height: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  border: 1px solid #9c9c9c26;
  display: inline-block;
  margin-bottom: 0px
}
.floating-one:focus {
  background: #004F9F
}
.floating-one img {
  width: 16px;
  margin-top: 2px;
  margin-left: 4px
}
.floating-two {
  padding: 9px 4px 8px 8px !important;
  background: #BC0C0C;
  line-height: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  border: 1px solid #9c9c9c26
}
.floating-two img {
  width: 20px;
  margin-top: 0px
}
.floating-two:focus {
  background: #BC0C0C
}
.floating-three {
  padding: 9px 4px 8px 8px !important;
  background: #009F00;
  line-height: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  border: 1px solid #9c9c9c26;
  display: inline-block
}
.floating-three:focus {
  background: #009F00
}
.floating-three img {
  width: 23px;
  margin-top: -2px
}
.back-top.active {
  display: inline-block;
  opacity: 1;
  transition: all 0.5s
}
.back-top {
  line-height: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  margin-top: 15px;
  opacity: 0;
  transition: all 0.5s;
  display: none
}
.back-top img {
  margin-top: 0px
}
.back-top:focus {}
.home-team-link {
  margin-left: 25px
}
.slide-slide-bar {
  margin: 0;
  padding: 0;
  position: fixed;
  right:10px;
  z-index: 99999;
  top: 50%;
  width: 46px;
  transform: translateY(-50%)
}
#slide-panel {
  width: 300px;
  background: #fff;
  position: absolute;
  z-index: 9999;
  right: -30px;
  margin-top: -5px;
  padding: 25px;
  box-shadow: 0 0 13px #d6d6d6;
  height: 410px;
  overflow: auto;
  opacity: 0;
  bottom: 0px;
  top: 50%;
  display: none;
  transform: translateX(-50%)
}
#slide-panel.visible {
  padding: 25px;
  display: block;
  transform: translateX(-50%);
  top: -50%;
  right: -90px
}
#opener {
  float: left;
  margin: 0px 0 0 0px
}
#slide-panel h3 {
  margin-bottom: 15px;
  float: left
}
.close-bttn {
  float: right;
  margin-top: 10px
}
.copy-right {
  font-size: 14px;
  color: #E4E4E4;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 18px
}
p.copy-right br {
  display: none
}
.copy-right a {
  font-size: 14px;
  color: #E4E4E4;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 18px
}
.copy-right a:hover {
  color: #FF7272
}
.animated-1 {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.other-services {
  margin-top: 40px
}
.other-services .col-6 {
  margin-bottom: 25px
}
.inner-wrapper-main {
  width: 100%;
  margin: 0px;
  padding: 0px
}
.inner-banner-wrap {
  height: 155px
}
.strip-height {
  height: 10px !important
}
.bread-comes {
  margin: 15px 0 0px 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  line-height: 30px
}
.bread-comes a {
  font-size: 14px;
  color: #5b5b5b;
  text-decoration: none;
  font-family: 'Titillium Web';
  text-transform: capitalize
}
.bread-comes a:hover {
  text-decoration: underline
}
.bread-comes a.act {
  color: #BC0C0C;
  font-weight: 600
}
.bread-comes span {
  font-size: 16px;
  color: #5b5b5b;
  text-decoration: none;
  font-family: 'Titillium Web';
  margin: 0 5px
}
.inner-wrapper-main hr {
  margin-bottom: 30px
}
.inner-video-sec {
  margin: 0px;
  padding: 0px;
  position: relative
}
.inner-video-sec.video-pop:before {
  width: 100%;
  height: 60%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgb(255, 37, 37);
  background: linear-gradient(180deg, rgba(255, 37, 37, 0) 0%, rgba(9, 79, 159, 1) 100%)
}
.inner-video-sec.video-pop:after {
  content: "";
  position: absolute;
  right: 25px;
  top: -85px;
  background: url(../images/dots-dark.png) no-repeat;
  width: 239px;
  height: 53px;
  transform: rotate(-360deg);
  transition: all 6s
}
.logo-16-red {
  margin-top: -100px;
  margin-bottom: 20px
}
.red-color {
  color: #BC0C0C;
  font-size: 18px;
  line-height: 26px
}
.orange-color {
  color: #f8bc26;
  font-size: 20px
}
.black-color {
  color: #BC0C0C;
  font-size: 18px;
  font-weight: bold;
  display: inline-block
}
.about-secton {
  background: #ebebeb;
  padding: 72px 0 50px 0px;
  margin-top: -72px
}
.about-secton ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.about-secton ul li {
  margin: 0;
  padding: 0 0 0 30px;
  font-size: 17px;
  text-decoration: none;
  line-height: 28px;
  background: url(../images/tick.png) left 7px no-repeat;
  margin-bottom: 10px
}
.about-secton p {
  letter-spacing: -0.5px
}
.service-gray-sec .more-button {
  color: #fff !important;
  display: inline-block
}
.service-gray-sec {
  background: url(../images/dubai-bg.jpg) no-repeat;
  padding: 100px 0 70px 0px;
  background-size: cover;
  margin-top: -72px;
  margin: 70px 0 !important;
  position: relative
}
.service-gray-sec .acc_head {
  color: #fff
}
.service-gray-sec .acc_content p {
  color: #fff
}
.service-gray-sec .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
  background: url(../images/plusminus-white.png) center 0
}
.service-gray-sec .smk_accordion .accordion_in .acc_head .acc_icon_expand {
  background: url(../images/plusminus-white.png) center 20px
}
.service-gray-sec h3 {
  color: #fff;
  font-weight: 400;
  max-width: 800px;
  margin: 0 auto 30px;
  text-transform: uppercase
}
.service-gray-sec p {
  color: #fff;
  font-weight: 400;
  max-width: 800px;
  margin: 0 auto 0px;
  padding-bottom: 0
}
.service-gray-sec:before {
  content: "";
  position: absolute;
  right: 100px;
  top: 40px;
  background: url(../images/dots-white.png) no-repeat;
  width: 239px;
  height: 53px;
  transform: rotate(-360deg);
  transition: all 6s
}
.service-gray-sec:after {
  content: "";
  position: absolute;
  left: 100px;
  bottom: 40px;
  background: url(../images/dots-white.png) no-repeat;
  width: 239px;
  height: 53px;
  transform: rotate(-360deg);
  transition: all 6s
}
.service-gray-sec h2 {
  color: #fff;
  font-weight: 300;
  margin: 0 auto 30px
}
.service-gray-sec ul {
  list-style: none;
  margin: 20px 0 20px;
  padding: 0
}
.service-gray-sec ul li {
  margin: 0;
  padding: 0 0 0 30px;
  font-size: 17px;
  text-decoration: none;
  line-height: 28px;
  background: url(../images/tick.png) left 7px no-repeat;
  margin-bottom: 15px;
  color: #fff
}
.service-gray-sec ul li p {
  margin: 0 0 10px;
  padding: 0
}
.color-blk {
  color: #000
}
.directors-block {
  padding: 25px 25px 35px 25px;
  background: #272b31 url(../images/abstract-3.png) left -50px no-repeat;
  margin-top: 50px
}
.directors-block h4 {
  font-size: 24px;
  color: #fff;
  font-family: 'Titillium Web';
  font-weight: 600;
  line-height: 38px
}
.directors-bg2 {
  background: #272b31 url(../images/strip-sm.jpg) repeat-x left bottom
}
.directors-block h4 span {
  font-weight: 300;
  font-family: 'Titillium Web';
  font-size: 24px
}
.directors-block p {
  color: #fff;
  font-family: 'Titillium Web';
  font-size: 24px
}
.directors-block p a {
  color: #fff;
  font-family: 'Titillium Web';
  font-size: 24px
}
.directors-block p a:hover {
  color: #00b1f5;
  font-family: 'Titillium Web';
  font-size: 24px
}
.call-button {
  padding: 7px;
  display: inline-block
}
.call-button span {
  color: #FF7272;
  font-family: 'Titillium Web';
  font-size: 18px;
  letter-spacing: 0px;
  margin-top: 0px;
  margin-left: 5px;
  font-weight: 600
}
.call-button-play {
  display: inline-block;
  position: relative
}
.call-button-play:hover {
  transform: rotate(360deg)
}
.call-button:hover > .call-button-play {
  transform: rotate(360deg)
}
.big-slider {
  margin: 60px 0 0px 0;
  padding: 0
}
.big-slider .owl-prev {
  background: url(../images/yellow-arrow-prev.svg) left top no-repeat;
  width: 68px;
  height: 70px;
  position: absolute;
  left: 0px;
  top: 40%;
  transition: 0.3s ease-in-out
}
.big-slider .owl-prev:hover {
  left: 0px
}
.big-slider .owl-next {
  background: url(../images/yellow-arrow-next.svg) right top no-repeat;
  width: 68px;
  height: 70px;
  position: absolute;
  right: 0px;
  top: 40%;
  transition: 0.3s ease-in-out
}
.big-slider .owl-next:hover {
  right: 0px
}
.big-slider .owl-pagination {
  display: block;
  float: right
}
.big-slider .owl-page {
  width: 15px;
  height: 15px;
  float: left;
  background: #b7b7b7;
  margin-left: 8px;
  margin-top: 5px
}
.big-slider .owl-page.active {
  width: 15px;
  height: 15px;
  float: left;
  background: #555
}
.btm-three-block {
  margin: 70px 0px 100px;
  padding: 0px 0px;
  box-sizing: border-box
}
.btm-three-block h2 {
  margin-bottom: 25px;
  margin-left: 1%;
  font-size: 50px
}
.three-col {
  width: 31.3%;
  margin: 0 1%
}
.blue-block {
  margin: 0px 0 0px 0;
  padding: 15px 15px;
  background: #2c2e32;
  padding: 140px 40px 20px;
  position: relative;
  overflow: hidden;
  transition: all .5s ease-in-out
}
.blue-block h3 {
  font-size: 47px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Titillium Web';
  line-height: normal
}
.blue-block span {
  font-size: 47px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Titillium Web';
  line-height: normal;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%
}
.blue-block hr {
  width: 100px;
  height: 5px;
  background: #138bcc;
  border: none;
  margin-bottom: 0px
}
.blue-block p {
  text-transform: none;
  color: #fff
}
.blue-block .white-arrow {
  position: absolute;
  top: 25px;
  left: -40px;
  transition: 0.5s ease-in-out
}
.blue-block:hover {
  transform: scale(1.2);
  z-index: 1;
  background: rgb(255, 255, 37);
  background: linear-gradient(135deg, rgba(255, 255, 37, 1) 0%, rgba(252, 74, 74, 1) 35%, rgba(5, 127, 250, 1) 100%)
}
.blue-block:hover .white-arrow {
  left: 35px;
  transition: 0.5s ease-in-out
}
.blue-block:hover p {
  color: #fff !important;
  transition: all .5s ease-in-out;
  margin-left: 5px
}
.blue-block:hover hr {
  background: #fff;
  transition: all .5s ease-in-out
}
.orange-block {
  margin: 0px 0px 20px 0px;
  padding: 15px 0;
  background: #2c2e32;
  padding: 140px 40px 20px;
  position: relative;
  overflow: hidden;
  transition: all .5s ease-in-out
}
.orange-block h3 {
  font-size: 47px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Titillium Web';
  line-height: normal
}
.orange-block span {
  font-size: 47px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Titillium Web';
  line-height: normal;
  width: 100%;
  margin-bottom: 20px;
  display: inline-block
}
.orange-block hr {
  width: 100px;
  height: 5px;
  background: #f8bd26;
  border: none;
  margin-bottom: 0px
}
.orange-block p {
  text-transform: none;
  color: #fff
}
.orange-block .white-arrow {
  position: absolute;
  top: 25px;
  left: -40px;
  transition: 0.5s ease-in-out
}
.orange-block:hover {
  transform: scale(1.2);
  z-index: 1;
  background: rgb(255, 255, 37);
  background: linear-gradient(135deg, rgba(255, 255, 37, 1) 0%, rgba(252, 74, 74, 1) 35%, rgba(5, 127, 250, 1) 100%)
}
.orange-block:hover .white-arrow {
  left: 35px;
  transition: 0.5s ease-in-out
}
.orange-block:hover p {
  color: #fff !important;
  transition: all .5s ease-in-out;
  margin-left: 5px
}
.orange-block:hover hr {
  background: #fff;
  transition: all .5s ease-in-out
}
.red-block {
  margin: 0px 0 0px 0;
  padding: 15px 0;
  background: #2c2e32;
  padding: 140px 40px 20px;
  position: relative;
  overflow: hidden;
  transition: all .5s ease-in-out
}
.red-block h3 {
  font-size: 47px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Titillium Web';
  line-height: normal
}
.red-block span {
  font-size: 47px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Titillium Web';
  line-height: normal;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%
}
.red-block hr {
  width: 100px;
  height: 5px;
  background: #e02525;
  border: none;
  margin-bottom: 0px
}
.red-block p {
  text-transform: none;
  color: #fff
}
.red-block .white-arrow {
  position: absolute;
  top: 25px;
  left: -40px;
  transition: 0.5s ease-in-out
}
.red-block:hover {
  transform: scale(1.2);
  z-index: 1;
  background: rgb(255, 255, 37);
  background: linear-gradient(135deg, rgba(255, 255, 37, 1) 0%, rgba(252, 74, 74, 1) 35%, rgba(5, 127, 250, 1) 100%)
}
.red-block:hover .white-arrow {
  left: 35px;
  transition: 0.5s ease-in-out
}
.red-block:hover p {
  color: #fff !important;
  transition: all .5s ease-in-out;
  margin-left: 5px
}
.red-block:hover hr {
  background: #fff;
  transition: all .5s ease-in-out
}
.tab-slider {
  margin: 0px 0px 0px 0px;
  padding: 0px
}
.tab-frame {
  margin: 0px;
  padding: 31px 60px 0 59px;
  box-shadow: 0 24px 15px #2d2d2d;
  background: url(../images/tab.png) left top no-repeat;
  background-size: cover;
  position: relative;
  top: 11px;
  background-size: 100%
}
.tab-frame .owl-pagination {
  display: block;
  float: right;
  position: absolute;
  bottom: 57px;
  right: -217px
}
.tab-frame .owl-page {
  width: 15px;
  height: 15px;
  float: left;
  background: #b7b7b7;
  margin-left: 8px;
  margin-top: 15px
}
.tab-frame .owl-page.active {
  width: 15px;
  height: 15px;
  float: left;
  background: #555
}
.red-full-sec {
  background: rgba(0, 0, 0, 0) url("../images/home-forth-bg.jpg") repeat fixed center top;
  margin: 0;
  padding: 74px 0 70px;
  position: relative;
  width: 100%
}
.red-full-sec .video-div {
  position: absolute;
  right: 0;
  top: 115px
}
.red-full-sec h3 {
  font-size: 47px;
  color: #fff;
  line-height: normal
}
.red-full-sec h4 {
  font-family: 'Titillium Web';
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
  color: #f37904
}
.red-full-sec h5 {
  font-family: 'Titillium Web';
  font-size: 32px;
  font-weight: bold;
  line-height: 45px;
  color: #fff
}
.red-full-sec-sm {
  background: #004F9F;
  margin: 70px 0 !important;
  padding: 35px 0 35px;
  position: relative;
  width: 100%;
  background-size: cover
}
.red-full-sec-sm h5 {
  font-family: 'Titillium Web';
  font-size: 30px;
  font-weight: 400;
  line-height: 45px;
  color: #fff
}
.two-col-slider {
  background: url(../images/strip-sm.jpg) left bottom repeat-x;
  padding: 0 0 15px 0
}
.slider-txt {
  padding-left: 50px;
  padding-right: 120px;
  margin-top: 5%
}
.slider-txt ul {
  margin: 0;
  padding: 0 0 0 25px;
  list-style: none
}
.slider-txt li {
  font-family: 'Titillium Web';
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  font-size: 18px;
  line-height: 26px;
  color: #2C3546;
  position: relative
}
.slider-txt li:before {
  content: "";
  left: -23px;
  top: 9px;
  width: 8px;
  height: 8px;
  position: absolute;
  background: #2C3546;
  border-radius: 50%
}
.slider-txt img {
  display: none !important
}
.content-hide h2 {
  margin-bottom: 30px;
  text-align: center
}
.mrg-top-35.red-color {
  margin-top: 0 !important
}
.mrg-top-35.red-color a img {
  display: none !important
}
#Container {
  margin: 0 -15px;
  clear: both
}
#Container .mix {
  display: none;
  box-sizing: border-box
}
.port-2-col .zoom-port, .port-3-col .zoom-port, .port-2-row .zoom-port {
  transform: scale(1.0);
  transition: all .5s ease-out
}
.port-2-col .zoom-port:hover, .port-3-col .zoom-port:hover, .port-2-row .zoom-port:hover {
  z-index: 0;
  transform: scale(1.1);
  transition: all .5s ease-in
}
button.filter {
  border: none;
  background: none;
  cursor: pointer;
  float: right;
  text-transform: uppercase;
  font-size: 18px;
  color: #4c4c4c;
  width: auto;
  position: relative;
  top: -60px;
  border: 0 !important
}
button.filter:hover {
  color: #118bcb
}
button.active {
  color: #118bcb
}
.port-2-col {
  width: 52%;
  padding: 0 15px;
  float: left;
  overflow: hidden
}
.port-3-col {
  width: 33.33%;
  padding: 0 15px;
  float: left;
  margin-bottom: 25px;
  overflow: hidden
}
.port-2-row {
  width: 48%;
  padding: 0px 15px;
  float: left;
  margin-bottom: 23px;
  position: relative;
  overflow: hidden
}
.port-2-row .play-button {
  top: 50%;
  left: 40%;
  transform: translateY(-50%);
  z-index: 10
}
.port-2-row img {
  width: 100%
}
.status-on .port-2-row {
  width: 49.7%;
  float: none;
  box-sizing: border-box
}
#Container .home-project-blk {
  min-height: 0px;
  background-image: none
}
#Container .home-project-blk img {
  width: 87%;
  height: auto
}
#Container .home-project-blk .abstract-1 {
  left: -95px;
  position: absolute;
  top: -263px
}
#Container .home-project-blk .more-button {
  position: relative;
  z-index: 1
}
.pick-purpose {
  margin: 0px;
  padding: 0 50px
}
.pick-purpose h4 {
  font-size: 30px;
  text-align: center;
  font-family: 'Titillium Web';
  color: #6d6e71;
  font-weight: 300
}
.pick-purpose .more-button {
  display: block;
  text-align: center;
  font-weight: 600;
  margin-bottom: 5px
}
.directors-block-contact {
  padding: 50px 50px 50px 50px;
  background: rgb(3 72 154);
  display: inline-block;
  width: 100%
}
.directors-block-contact h4 {
  font-size: 24px;
  color: #fff;
  font-family: 'Titillium Web';
  font-weight: 800;
  line-height: 34px;
  margin-bottom: 20px
}
.directors-block-contact h4 span {
  font-weight: 300;
  font-family: 'Titillium Web';
  font-size: 20px
}
.directors-block-contact p {
  color: #fff;
  font-family: 'Titillium Web';
  font-size: 24px;
  padding-bottom: 0
}
.directors-block-contact p a {
  color: #fff;
  font-family: 'Titillium Web';
  font-size: 16px
}
.directors-block-contact p a:hover {
  color: #BC0C0C;
  font-family: 'Titillium Web';
  font-size: 16px
}
.g-recaptcha {
  margin-bottom: 20px
}
.directors-block-contact .call-button {
  margin-top: 15px;
  transition: all 0.5s;
  display: inline-block;
  float: left
}
.directors-block-contact .call-button:hover span {
  color: #fff;
  transition: all 0.5s
}
.directors-block-contact .call-button-play {
  width: 22px
}
.contact-form {
  margin-bottom: 25px
}
.contact-form input {
  margin: 0 0 15px;
  padding: 0;
  border: 1px solid #a1a1a1;
  padding: 20px;
  font-size: 16px;
  color: #000;
  font-family: 'Titillium Web';
  font-weight: 600;
  width: 100%;
  outline: none
}
.contact-form select {
  margin: 0 0 15px;
  padding: 0;
  border: 1px solid #a1a1a1;
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Titillium Web';
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/black-arrow-bold.png) 97% 27px no-repeat
}
.contact-form textarea {
  margin: 0 0 15px;
  font-weight: 600;
  padding: 0;
  border: 1px solid #a1a1a1;
  padding: 20px;
  color: #000;
  height: 150px;
  font-size: 16px;
  resize: none;
  font-family: 'Titillium Web';
  border-radius: 0;
  box-shadow: none
}
.contact-form label {
  font-size: 16px;
  color: #2C3546;
  text-transform: uppercase;
  font-family: 'Titillium Web';
  font-weight: 600
}
.contact-form label i {
  position: relative;
  top: 5px;
  margin-right: 10px
}
.fileUpload {
  margin: 10px;
  overflow: hidden;
  position: relative
}
.btn-primary.upload-image {
  background: url(../images/right-arrow.png) no-repeat scroll 97% 28px !important;
  color: #000;
  display: inline-table;
  padding: 13px 50px 13px 20px;
  text-transform: uppercase;
  font-family: 'Titillium Web';
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #a1a1a1;
  width: 100%;
  margin: 0
}
.fileUpload input[type="file"] {
  border: 1px solid #797979;
  color: #8e8071;
  font-size: 16px;
  outline: medium none;
  padding: 10px;
  width: 100%;
  min-height: 67px
}
.fileUpload input.upload {
  cursor: pointer;
  font-size: 20px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}
.fileUpload span {
  color: #4a4542;
  font-size: 15px;
  margin: 0 0 30px
}
.squaredTwo {
  position: relative;
  margin: 0px auto;
  display: inline-block;
  float: left;
  margin-right: 15px
}
.squaredTwo label {
  width: 28px;
  height: 28px;
  cursor: pointer;
  position: relative;
  left: 2px;
  top: 2px;
  background: #fff;
  border: 2px solid #333;
  display: block;
  float: left;
  margin-top: 3px
}
.squaredTwo span {
  font-family: 'Titillium Web';
  font-size: 15px;
  color: #000;
  margin-left: 10px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: -5px
}
.check-div {
  float: left
}
.squaredTwo .em {
  font-style: italic;
  font-size: 20px;
  text-transform: inherit;
  font-weight: 500
}
.squaredTwo label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 6px;
  left: 6px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.wiki-faq-sec {
  margin-top: 30px
}
.wiki-faq-sec h2 {
  font-size: 30px !important;
  margin-bottom: 20px
}
.wiki-faq-sec p {
  color: #666;
  font-family: 'Cabin', sans-serif !important;
  margin-bottom: 1.6em;
  padding: 0;
  font-size: 18px;
  line-height: 1.6em;
  letter-spacing: 0.25px
}
.wiki-faq-sec blockquote {
  border-left: 10px solid #eee;
  color: #888;
  padding: 10px 20px;
  margin-bottom: 1.6em;
  margin-left: 0
}
.wiki-faq-sec p a {
  color: #f47d03;
  transition: 0.5s
}
.wiki-faq-sec p strong {
  color: #000;
  font-weight: bold;
  font-family: 'Cabin', sans-serif !important;
  line-height: 1.25em;
  margin-bottom: 1.25em
}
.squaredTwo label:hover::after {
  opacity: 0.3
}
.squaredTwo input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  left: 9px
}
.squaredTwo input[type=checkbox]:checked + label:after {
  opacity: 1
}
.check-box p {
  font-family: 'Titillium Web';
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  width: 100%;
  margin-bottom: 0;
  padding: 0
}
.contact-form .back {
  margin: 0 0 40px 0;
  padding: 0 0px 0px 60px;
  background: url(../images/blue-arrow.png) 0px 11px no-repeat;
  font-size: 30px;
  color: #118bcb;
  text-align: left;
  float: left;
  transition: all 0.2s ease-in-out
}
.contact-form .back:hover {
  margin-left: -9px;
  transition: all 0.2s ease-in-out;
  background: url(../images/blue-arrow.png) 10px 11px no-repeat
}
.tool-tip {
  margin: 0;
  padding: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear
}
.pick-purpose div:hover > .tool-tip {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear
}
.popup-wrap {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  content: ''
}
.popup-box > iframe {
  width: 100%;
  height: 100%;
  position: relative
}
.sp .popup-box > iframe {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0px
}
.popup-box {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  text-align: center;
  height: 100%
}
.popup-box h2 {
  color: #1a1a1a
}
.popup-box h3 {
  color: #888
}
.popup-box .close-btn {
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  text-decoration: none;
  color: #fff;
  font-family: 'Titillium Web';
  background: #000;
  padding: 0px 15px;
  height: 32px;
  background-image: url(../images/close.png)
}
.inner-video-sec .close-btn {
  display: inline-block;
  position: absolute;
  top: 0px;
  text-decoration: none;
  color: #fff;
  font-family: 'Titillium Web';
  background: #000;
  padding: 0px 15px;
  height: 41px
}
.transform-in, .transform-out {
  display: block
}
.transform-in {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.transform-out {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.team {
  margin: 0;
  padding: 0;
  float: left;
  line-height: 0;
  position: relative
}
.team-row {
  margin: 0 0 100px 0;
  padding: 0
}
.index-0 {
  margin: 0;
  padding: 0;
  z-index: 0
}
.index-1 {
  margin: 0;
  padding: 0;
  z-index: 1
}
.index-2 {
  margin: 0;
  padding: 0;
  z-index: 2
}
.move-left-1 {
  margin-left: -60px
}
.move-left-2 {
  margin-left: -46px
}
.move-left-3 {
  margin-left: -65px
}
.move-left-4 {
  margin-left: -60px
}
.move-left-5 {
  margin-left: -45px
}
.move-left-6 {
  margin-left: -55px
}
.move-left-7 {
  margin-left: -60px
}
.move-left-8 {
  margin-left: -60px
}
.move-left-9 {
  margin-left: -133px
}
.move-left-9-a {
  margin-left: -70px
}
.move-left-10 {
  margin-left: -94px
}
.move-left-11 {
  margin-left: -101px
}
.move-left-12 {
  margin-left: -85px
}
.move-left-13 {
  margin-left: -81px
}
.move-left-14 {
  margin-left: -69px
}
.move-left-15 {
  margin-left: -61px
}
.move-left-16 {
  margin-left: -100px
}
.move-left-17 {
  margin-left: -50px
}
.move-left-18 {
  margin-left: -70px
}
.move-left-19 {
  margin-left: -72px
}
.move-left-20 {
  margin-left: -74px
}
.move-left-21 {
  margin-left: -94px
}
.move-left-22 {
  margin-left: -15px
}
.move-left-23 {
  margin-left: -85px
}
.move-left-24 {
  margin-left: -105px
}
.move-left-25 {
  margin-left: -85px
}
.move-left-26 {
  margin-left: -80px
}
.move-left-27 {
  margin-left: -40px
}
.move-left-28 {
  margin-left: -25px
}
.move-left-29 {
  margin-left: -85px
}
.move-left-30 {
  margin-left: -100px
}
.move-left-31 {
  margin-left: -85px
}
.move-left-32 {
  margin-left: -85px
}
.move-left-33 {
  margin-left: -50px
}
.move-left-34 {
  margin-left: -41px
}
.move-left-35 {
  margin-left: -95px
}
.move-left-35-a {
  margin-left: -35px
}
.move-left-36 {
  margin-left: -43px
}
.move-left-37 {
  margin-left: -47px
}
.move-left-38 {
  margin-left: -74px
}
.move-left-39 {
  margin-left: -17px
}
.move-left-40 {
  margin-left: -65px
}
.move-left-41 {
  margin-left: -100px
}
.move-left-42 {
  margin-left: -51px
}
.move-left-43 {
  margin-left: -85px
}
.move-left-44 {
  margin-left: -49px
}
.move-left-45 {
  margin-left: -62px
}
.move-left-46 {
  margin-left: -49px
}
.move-left-47 {
  margin-left: -55px
}
.move-left-48 {
  margin-left: -85px
}
.move-left-49 {
  margin-left: -30px
}
.move-left-50 {
  margin-left: -33px
}
.move-left-51 {
  margin-left: -43px
}
.move-left-52 {
  margin-left: -90px
}
.move-left-53 {
  margin-left: -56px
}
.move-left-54 {
  margin-left: -65px
}
.move-left-55 {
  margin-left: -43px
}
.move-left-56 {
  margin-left: -67px
}
.move-left-57 {
  margin-left: -72px
}
.move-left-58 {
  margin-left: -56px
}
.move-left-59 {
  margin-left: -45px
}
.move-left-60 {
  margin-left: -65px
}
.move-left-61 {
  margin-left: -52px
}
.move-left-61-a {
  margin-left: -78px
}
.move-left-62 {
  margin-left: -66px
}
.move-left-63 {
  margin-left: -62px
}
.move-left-64 {
  margin-left: -60px
}
.move-left-65 {
  margin-left: -40px
}
.move-left-66 {
  margin-left: -123px
}
.move-left-67 {
  margin-left: -60px
}
.move-left-68 {
  margin-left: -64px
}
.move-left-69 {
  margin-left: -100px
}
.move-left-70 {
  margin-left: -52px
}
.move-left-71 {
  margin-left: -37px
}
.move-left-72 {
  margin-left: -97px
}
.move-left-73 {
  margin-left: -20px
}
.move-left-74 {
  margin-left: 0px
}
.move-left-75 {
  margin-left: 0px
}
.move-left-76 {
  margin-left: 0px
}
.move-left-77 {
  margin-left: -97px
}
.move-left-78 {
  margin-left: 0px
}
.move-left-79 {
  margin-left: 0px
}
.move-left-80 {
  margin-left: -30px
}
.move-left-81 {
  margin-left: -60px
}
.move-left-82 {
  margin-left: -32px
}
.move-left-83 {
  margin-left: -21px
}
.move-left-83-a {
  margin-left: 0px
}
.move-left-84 {
  margin-left: -80px
}
.move-left-85 {
  margin-left: -50px
}
.move-left-86 {
  margin-left: -45px
}
.move-left-87 {
  margin-left: -40px
}
.move-left-88 {
  margin-left: -48px
}
.move-left-89 {
  margin-left: -35px
}
.move-left-90 {
  margin-left: -80px
}
.move-left-91 {
  margin-left: -70px
}
.move-left-92 {
  margin-left: -20px
}
.move-left-93 {
  margin-left: -66px
}
.move-left-94 {
  margin-left: -104px
}
.move-left-95 {
  margin-left: -84px
}
.move-left-96 {
  margin-left: -25px
}
.move-left-97 {
  margin-left: -53px
}
.move-left-98 {
  margin-left: -83px
}
.move-left-99 {
  margin-left: -40px
}
.move-left-100 {
  margin-left: -116px
}
.move-left-101 {
  margin-left: -110px
}
.new-person {
  margin-left: 0px
}
.pos-1 {
  top: -69px;
  right: -61px
}
.pos-2 {
  top: -69px;
  right: -8px
}
.pos-3 {
  top: -69px;
  left: -18px;
  text-align: right
}
.pos-4 {
  top: -69px;
  right: -58px
}
.pos-5 {
  top: -69px;
  right: -0px
}
.pos-6 {
  top: -69px;
  right: -43px
}
.pos-7 {
  top: -69px;
  left: -45px;
  text-align: right
}
.pos-8 {
  top: -69px;
  right: -24px
}
.pos-9 {
  top: -69px;
  right: -62px
}
.pos-10 {
  top: -69px;
  left: -40px;
  text-align: right
}
.pos-11 {
  top: -69px;
  right: 12px
}
.pos-12 {
  top: -69px;
  right: -61px
}
.pos-13 {
  top: -69px;
  right: 0px
}
.pos-14 {
  top: -69px;
  left: -65px;
  text-align: right
}
.pos-15 {
  top: -69px;
  right: -27px
}
.pos-16 {
  top: -69px;
  right: -65px
}
.pos-17 {
  top: -69px;
  right: -30px
}
.pos-18 {
  top: -69px;
  right: -35px
}
.pos-19 {
  top: -69px;
  left: -20px;
  text-align: right
}
.pos-20 {
  top: -69px;
  right: 23px
}
.pos-21 {
  top: -69px;
  left: -7px;
  text-align: right
}
.pos-22 {
  top: -69px;
  right: -67px
}
.pos-23 {
  top: -69px;
  right: -28px
}
.pos-24 {
  top: -69px;
  right: -22px
}
.pos-24-a {
  top: -69px;
  right: -34px
}
.pos-25 {
  top: -69px;
  right: 0px
}
.pos-26 {
  top: -69px;
  right: -58px
}
.pos-27 {
  top: -69px;
  right: -9px
}
.pos-28 {
  top: -69px;
  left: -62px;
  text-align: right
}
.pos-29 {
  top: -69px;
  right: -46px
}
.pos-30 {
  top: -69px;
  right: 4px
}
.pos-31 {
  top: -69px;
  left: -25px;
  text-align: left
}
.pos-31 img {
  float: right
}
.pos-32 {
  top: -69px;
    left: -30px;
    text-align: right;
}
.pos-33 {
  top: -69px;
  left: -69px;
  text-align: left
}
.pos-33 img {
  float: right
}
.pos-34 {
  top: -69px;
  left: -24px;
  text-align: right
}
.pos-35 {
  top: -69px;
  right: -50px
}
.pos-36 {
  top: -69px;
  right: 11px
}
.pos-37 {
  top: -69px;
  right: -50px
}
.pos-38 {
  top: -69px;
  right: -51px
}
.pos-39 {
  top: -69px;
  right: -30px
}
.pos-40 {
  top: -69px;
  right: -79px
}
.pos-41 {
  top: -69px;
  right: -16px
}
.pos-42 {
  top: -69px;
  left: -50px;
  text-align: right
}
.pos-43 {
  top: -69px;
  right: -55px
}
.pos-44 {
  top: -69px;
  right: -82px
}
.pos-45 {
  top: -69px;
  left: -75px;
  text-align: right
}
.pos-46 {
  top: -69px;
  right: -32px
}
.pos-47 {
  top: -69px;
  right: -30px
}
.pos-48 {
  top: -69px;
  right: -17px
}
.pos-49 {
  top: -69px;
  right: -13px
}
.pos-50 {
  top: -69px;
  right: -9px
}
.pos-51 {
  top: -69px;
  right: 11px
}
.pos-52 {
  left: -50px;
  text-align: right;
  top: -69px
}
.pos-53 {
  top: -69px;
  right: 10px
}
.pos-54 {
  top: -69px;
  right: -79px
}
.pos-55 {
  top: -69px;
  left: -10px;
  text-align: right
}
.pos-55 img {
  float: right;
  margin-right: 0px
}
.pos-56 {
  top: -69px;
  left: -50px;
  text-align: right
}
.pos-57 {
  top: -69px;
  right: -69px
}
.pos-58 {
  top: -69px;
  right: -39px
}
.pos-59 {
  top: -69px;
  right: -0px
}
.pos-60 {
  top: -69px;
  left: 0px;
  text-align: right
}
.pos-61 {
  top: -69px;
  left: -29px;
  text-align: right
}
.pos-62 {
  top: -69px;
  right: -15px
}
.pos-63 {
  top: -69px;
  left: -45px;
  text-align: right
}
.pos-64 {
  top: -69px;
  right: -54px
}
.pos-65 {
  top: -69px;
  right: -32px
}
.pos-66 {
  top: -69px;
  right: -100px
}
.pos-67 {
  top: -69px;
  right: -72px
}
.pos-68 {
  top: -69px;
  right: -87px
}
.pos-68-a {
  top: -69px;
  left: -42px
}
.pos-68-a img {
  float: right
}
.pos-69 {
  top: -69px;
  left: -18px;
  text-align: right
}
.pos-70 {
  top: -69px;
  right: -25px
}
.pos-71 {
  top: -69px;
  left: -25px;
  text-align: right
}
.pos-72 {
  top: -69px;
  right: -72px
}
.pos-73 {
  top: -69px;
  right: 3px
}
.pos-74 {
  top: -69px;
  right: -35px
}
.pos-75 {
  top: -69px;
  right: -50px
}
.pos-76 {
  top: -69px;
  right: -85px
}
.pos-77 {
  top: -69px;
  right: -42px
}
.pos-78 {
  top: -69px;
  right: -71px
}
.pos-79 {
  top: -69px;
  left: -15px;
  text-align: right
}
.pos-80 {
  top: -69px;
  right: -43px
}
.pos-81 {
  top: -69px;
  right: -80px
}
.pos-82 {
  top: -69px;
  right: -24px
}
.pos-83 {
  top: -69px;
  left: -35px;
  text-align: right
}
.pos-84 {
  top: -69px;
  left: -80px;
  text-align: right
}
.pos-84 img {
  margin-top: 5px
}
.pos-85 {
  top: -69px;
  left: -30px;
  text-align: right
}
.pos-86 {
  top: -69px;
  right: -32px
}
.pos-87 {
  top: -69px;
  right: -80px
}
.pos-88 {
  top: -69px;
  right: 25px
}
.pos-89 {
  top: -69px;
  left: -19px;
  text-align: right
}
.pos-90 {
  top: -69px;
  right: 0px;
  text-align: center
}
.pos-91 {
  top: -69px;
  right: 36px;
  text-align: center
}
.pos-92 {
  top: -69px;
  right: 0px;
  text-align: center
}
.pos-93 {
  top: -69px;
  right: -11px;
  text-align: center
}
.pos-94 {
  top: -69px;
  right: 0px
}
.pos-95 {
  top: -69px;
  right: -50px
}
.pos-96 {
  top: -69px;
  right: -80px
}
.pos-97 {
  top: -69px;
  right: -20px
}
.pos-98 {
  top: -69px;
  right: -53px
}
.pos-99 {
  top: -69px;
  right: -50px
}
.pos-100 {
  top: -69px;
  right: 7px
}
.pos-101 {
  top: -69px;
  right: -43px
}
.pos-102 {
  top: -69px;
  right: -53px
}
.pos-103 {
  top: -69px;
  right: -90px
}
.pos-104 {
  top: -69px;
  right: -70px
}
.pos-105 {
  top: -69px;
  right: -20px
}
.team-strip {
  margin: 0 0 100px 0;
  padding: 0;
  height: 12px;
  background: url(../images/strip.jpg) left top repeat-x;
  float: left;
  width: 100%
}
.details {
  display: none;
  float: right;
  position: absolute
}
.details h4 {
  margin: 0;
  padding: 0;
  font-size: 26px;
  font-family: 'Roboto Slab', serif;
  text-align: center;
  font-weight: 400;
  color: #666;
  line-height: 20px
}
.details h4 span {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-family: 'Cabin', sans-serif;
  text-align: center
}
.team:hover {
  z-index: 10
}
.team:hover .details {
  display: block
}
.details > img {
  margin-left: -11px
}
.history-gmi {
  margin: 0;
  padding: 0
}
.history-gmi h2 {
  text-transform: capitalize;
  margin: 70px 0 0 0;
  padding: 0;
  text-align: center;
  font-weight: 300;
  font-size: 47px;
  color: #000;
  line-height: 57px
}
.history-gmi h4 {
  margin: 0;
  padding: 0;
  text-align: left;
  font-weight: 300;
  font-size: 27px;
  color: #138bcc
}
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: none
}
.cd-horizontal-timeline::before {
  content: 'mobile';
  display: none
}
.cd-horizontal-timeline.loaded {
  opacity: 1
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 100%;
  margin: 0 auto
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 0px;
  overflow: hidden
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px
}
.cd-horizontal-timeline .events-wrapper::before {
  left: -21px
}
.cd-horizontal-timeline .events-wrapper::after {
  right: -16px
}
.cd-horizontal-timeline .events {
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 49px;
  height: 6px;
  background: url(../images/strip.jpg) left top repeat-x;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s
}
.cd-horizontal-timeline .filling-line {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #e13102;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  font-family: 'Titillium Web'
}
.cd-horizontal-timeline .events a::after {
  content: '';
  position: absolute;
  left: 48%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -10px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 2px solid #eee;
  background-color: #fff;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #138bcc;
  border-color: #acacac;
  box-shadow: 0 5px 4px #666
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #138bcc;
  border-color: #acacac;
  box-shadow: 0 5px 4px #666
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #eee
}
.cd-horizontal-timeline .events li:first-child a::after {
  left: 10px
}
.cd-horizontal-timeline .events li:last-child a::after {
  right: -22px;
  left: auto
}
.slide-slide-bar .floating-one {}
img.animated.bounceIn.mobile_top {
  display: none
}
.reviews_div {
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  display: inline-block
}
.table-contents p {
  margin-bottom: 0 !important
}
.table-contents .post-content ul {
  margin-left: 0
}
.table-contents .post-content ul li {
  padding: 0 0 0 30px;
  font-size: 16px
}
@media only screen and (min-width:1100px) {
  .cd-horizontal-timeline {
    margin: 0em auto
  }
  .cd-horizontal-timeline::before {
    content: 'desktop'
  }
}
.cd-timeline-navigation a {
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 50px;
  width: 50px;
  border: 2px solid #dfdfdf;
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s
}
.cd-timeline-navigation a::after {
  content: '';
  position: absolute;
  height: 21px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../images/cd-arrow.svg) no-repeat 0 0
}
.cd-timeline-navigation a.prev-main {
  left: 0px;
  top: 338px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg)
}
.cd-timeline-navigation a.next-main {
  right: -36px;
  top: 338px
}
.cd-timeline-navigation .inactive {
  opacity: 0.2
}
.cd-timeline-navigation a.prev-main:hover, .cd-timeline-navigation a.next-main:hover {
  background: #333
}
.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 12px 0;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 20px;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
.cd-horizontal-timeline .events-content li.selected {
  position: relative;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto
}
.cd-horizontal-timeline .events-content em::before {
  content: '- '
}
@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%)
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%)
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%)
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%)
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%)
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%)
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%)
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%)
  }
}
ul.cd-timeline-navigation li {
  list-style: none
}
.cd-horizontal-timeline ol {
  list-style: none;
  margin: 0;
  padding: 0
}
.hidden {
  display: none
}
.slides-wrapper1, .slides-wrapper2, .slides-wrapper3, .slides-wrapper4, .slides-wrapper5, .slides-wrapper6, .slides-wrapper7, .slides-wrapper8 {
  -webkit-transform-style: preserve-3d;
  -webkit-perspective: 700px;
  -webkit-perspective-origin: 50% 100px;
  -webkit-transform: translateZ(0);
  transform-style: preserve-3d;
  perspective: 700px;
  -webkit-perspective-origin: 50% 100px;
  -webkit-transform: translateZ(0);
  transform-style: preserve-3d;
  perspective-origin: 50% 100px;
  transform: translateZ(0);
  z-index: 2;
  margin-bottom: 0px;
  position: relative
}
.history-img {
  margin-top: 20px;
  width: 100%
}
.slide h2 {
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: #138bcc;
  font-size: 75px;
  margin: 25px 0 25px 0
}
.slide h3 {
  line-height: normal;
  margin-bottom: 20px
}
.slide p {
  font-size: 16px;
  line-height: 28px;
  color: #afafaf
}
.slide {
  opacity: 0;
  color: #eee;
  left: 0;
  -webkit-transition: 0.7s all cubic-bezier(0.260, 0.860, 0.440, 0.900);
  transition: 0.7s all cubic-bezier(0.260, 0.860, 0.440, 0.900);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background: #999;
  box-sizing: border-box;
  padding: 35px;
  overflow: hidden;
  position: absolute;
  padding-bottom: 60px;
  min-height: 480px;
  max-width: 590px;
  width: 100%
}
.slide.current {
  opacity: 1;
  position: relative;
  top: 0;
  background: #333
}
.slide.next {
  opacity: 0;
  -webkit-transform: rotateY(90deg) translate3d(0%, 0, 155px);
  -webkit-transform-origin: top left;
  transform: rotateY(90deg) translate3d(0, 0, 125px);
  transform-origin: top left;
  left: 60%;
  position: absolute;
  top: 0
}
.slide.prev {
  -webkit-transform: rotateY(-90deg) translate3d(20%, 0, 155px);
  -webkit-transform-origin: top right;
  transform: rotateY(-90deg) translate3d(0, 0, 125px);
  transform-origin: top right;
  opacity: 1;
  left: -60%
}
.slide ul, .slide ol {
  margin: 1em 0
}
.slide li {
  list-style-position: inside
}
.nav-button {
  z-index: 10;
  min-width: 150px;
  width: 5%;
  height: 100%;
  border: none;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -99999px;
  cursor: pointer
}
.nav-button:focus {
  outline: none
}
.nav-button.prev {
  background-image: url(../images/arrow-left.png);
  height: 22px;
  width: 74px;
  position: absolute;
  left: 19px;
  bottom: 50px;
  opacity: 1
}
.nav-button.next {
  background-image: url("../images/arrow-right.png");
  height: 22px;
  width: 74px;
  position: absolute;
  right: 19px;
  bottom: 50px;
  z-index: 10;
  opacity: 1
}
@media all and (max-width:1280px) {
  .nav-button {
    background-size: 60%;
    min-width: 100px
  }
}
@media all and (max-width:750px) {
  .nav-button {
    width: 100%;
    height: 50px;
    background-size: contain
  }
}
.orange-dis {
  color: #ffd55c;
  font-family: 'Titillium Web';
  font-style: italic;
  font-size: 38px;
  line-height: normal;
  margin-bottom: 25px;
  padding-top: 80px
}
.his-italic {
  line-height: normal
}
.contact-form .error {
  color: red !important;
  font-size: 14px !important
}
#slide-panel .error {
  border: 1px solid #F00 !important
}
.chat-bot {
  right: 65px;
  position: fixed;
  bottom: 0;
  background: #212b2f;
  padding: 10px 15px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  z-index: 100;
  width: 450px;
  text-align: right
}
.chat-bot a:focus {
  background-color: #212b2f !important
}
.chat-bot-pop span {
  padding-top: 38px;
  display: inline-block;
  vertical-align: top;
  color: #f47d03
}
.chat-bot-pop {
  width: 450px;
  position: fixed;
  margin-bottom: -560px;
  bottom: 0;
  right: 65px;
  z-index: 1000;
  padding: 10px 0px 0px;
  background: #212b2f;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}
.chat-bot-pop iframe {
  width: 100%;
  height: 460px;
  border: none;
  background: #fff;
  margin-bottom: -11px
}
.robo-img {
  margin: 0px 0;
  margin-left: 15px
}
.robo-img-small {
  margin: 3px 0 0 0;
  padding: 0;
  width: 25px;
  float: left
}
.bot-close {
  float: right;
  margin-top: 40px;
  margin-right: 15px
}
.error-wrap {
  text-align: center;
  margin: 50px 0 15px 0;
  padding: 0
}
.error-wrap img {
  margin-bottom: 25px;
  max-width: 100%
}
.error-wrap h1 {
  font-size: 40px;
  color: #333;
  font-family: 'Titillium Web';
  text-transform: none
}
.error-wrap p {
  font-size: 20px;
  color: #333;
  font-family: 'Titillium Web'
}
.thank-you {
  text-align: center;
  margin: 100px 0;
  padding: 0
}
.thank-you h1 {
  font-size: 40px;
  color: #f37904;
  font-family: 'Titillium Web';
  text-transform: uppercase;
  margin-bottom: 15px;
  line-height: normal
}
.history-new {
  width: 100%;
  margin: 0;
  padding: 0;
  display: none
}
.history-round {
  width: 130px;
  height: 130px;
  border-radius: 100%;
  border: 1px solid #eee;
  padding: 10px;
  margin: auto
}
.history-round-blue {
  background: url(../images/hash-bg.jpg) repeat left top;
  text-align: center;
  padding: 15px;
  color: #fff;
  font-size: 18px;
  padding: 35px 35px;
  float: left;
  border-radius: 100%
}
.history-round-blue:hover {
  background: url(../images/blue-bg.jpg) no-repeat left top;
  background-size: cover
}
.synced .item .history-round .history-round-blue {
  background: url(../images/blue-bg.jpg) no-repeat left top;
  background-size: cover
}
.history-round-blue-bg {
  background: url(../images/blue-bg-big.jpg) repeat left top !important
}
.history-round-red {
  background: url(../images/hash-bg.jpg) repeat left top;
  text-align: center;
  padding: 15px;
  color: #fff;
  font-size: 18px;
  padding: 35px 35px;
  float: left;
  border-radius: 100%
}
.history-round-red:hover {
  background: url(../images/red-bg.jpg) no-repeat left top;
  background-size: cover
}
.synced .item .history-round .history-round-red {
  background: url(../images/red-bg.jpg) no-repeat left top;
  background-size: cover
}
.history-round-red-bg {
  background: url(../images/red-bg-big.jpg) repeat left top !important
}
.history-round-orange {
  background: url(../images/hash-bg.jpg) repeat left top;
  text-align: center;
  padding: 15px;
  color: #fff;
  font-size: 18px;
  padding: 35px 35px;
  float: left;
  border-radius: 100%
}
.history-round-orange:hover {
  background: url(../images/orange-bg.jpg) no-repeat left top;
  background-size: cover
}
.synced .item .history-round .history-round-orange {
  background: url(../images/orange-bg.jpg) no-repeat left top;
  background-size: cover
}
.history-round-orange-bg {
  background: url(../images/orange-bg-big.jpg) repeat left top !important
}
.history-round-yellow {
  background: url(../images/hash-bg.jpg) repeat left top;
  text-align: center;
  padding: 15px;
  color: #fff;
  font-size: 18px;
  padding: 35px 35px;
  float: left;
  border-radius: 100%
}
.history-round-yellow:hover {
  background: url(../images/yellow-bg.jpg) no-repeat left top;
  background-size: cover
}
.synced .item .history-round .history-round-yellow {
  background: url(../images/yellow-bg.jpg) no-repeat left top;
  background-size: cover
}
.history-round-yellow-bg {
  background: url(../images/yellow-bg-big.jpg) repeat left top !important
}
.history-content {
  width: 100%;
  padding: 50px 0 50px 0;
  margin: 30px 0 0 0;
  background: #666;
  min-height: 600px;
  text-align: center
}
.history-content img {
  max-width: 100%
}
.border-right {
  border-right: 1px solid rgba(255, 255, 255, .5)
}
.history-content h3 {
  font-size: 60px;
  color: #fff;
  margin-bottom: 50px;
  font-weight: 900;
  font-family: 'Titillium Web';
  text-align: center
}
.history-content h4 {
  font-size: 26px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 900;
  font-family: 'Titillium Web';
  line-height: normal
}
.history-content p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0px;
  line-height: 26px;
  font-family: 'Titillium Web'
}
.history-new .owl-controls {
  position: absolute;
  top: 50%;
  width: 100%
}
.history-new .owl-controls .owl-next {
  float: right;
  background: url(../images/next.png) no-repeat right top;
  height: 64px;
  width: 64px
}
.history-new .owl-controls .owl-prev {
  float: left;
  background: url(../images/back.png) no-repeat left top;
  height: 64px;
  width: 64px
}
.klifo-logo {
  text-align: left
}
.Klip-ul {
  padding-left: 0px;
  margin: 0 0 30px
}
.Klip-ul li {
  display: block;
  padding-left: 32px;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 26px;
  color: #2C3546;
  background: url(../images/bullets.png) no-repeat left
}
h5.hd {
  margin-bottom: 20px;
  font-size: 17px
}
h4.clt {
  font-weight: 400;
  line-height: 40px
}
#f1_container {
  position: relative;
  z-index: 1;
  width: 100%
}
#f1_container h5 {
  color: #000;
  text-transform: uppercase;
  text-align: left;
  font-family: 'Titillium Web';
  font-size: 22px;
  padding: 40px 0 20px 0
}
#f1_container p {
  color: #737373;
  text-align: left;
  font-family: 'Titillium Web';
  font-size: 16px
}
.captions {
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  right: 10px;
  text-align: center;
  color: #fff;
  font-family: 'Titillium Web';
  line-height: 30px;
  width: 55%
}
.captions_bk {
  text-align: center;
  color: #fff;
  background: #fff;
  padding: 10px 50px;
  margin: 10px;
  height: 95%;
  font-family: 'Titillium Web'
}
.kb {
  padding: 15px 12px;
  margin-top: 10%
}
.red-tx {
  text-transform: uppercase;
  color: #df0306
}
.btm-div {
  text-align: center
}
.f1_card {
  width: 100%;
  margin: 50px auto;
  display: inline-block
}
.front {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0 0px
}
.back {
  position: absolute;
  bottom: 679px;
  height: 100%;
  transition: all 300ms ease
}
.front:hover .back {
  bottom: 0px;
  transition: all 300ms ease
}
.captions_bk h5 {
  color: #000;
  font-size: 21px;
  text-align: left;
  font-family: 'Titillium Web';
  line-height: 35px
}
.captions_bk p {
  color: #737373;
  font-size: 18px;
  text-align: left
}
.sider-div .owl-wrapper-outer {
  width: 42% !important;
  margin: 0 auto
}
.gallery-slider .owl-wrapper-outer {
  width: 100% !important
}
.klifo-logo img {
  width: 150px
}
.f1_card .owl-controls {
  margin-top: 10px;
  text-align: center
}
.f1_card .owl-controls .owl-page {
  display: inline-block;
  zoom: 1
}
.f1_card .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #118bcb
}
.f1_card .owl-controls .owl-page.active span, .f1_card .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1
}
.item-lp {
  width: 32%;
  padding: 30px 22px;
  border: 1px solid #737373;
  border-radius: 10px;
  text-align: center;
  vertical-align: top;
  margin-left: 19px;
  min-height: 410px;
  float: left
}
.item-lp:first-child {
  margin-left: 0
}
.analytics-lp {
  margin-top: 30px;
  float: left
}
.item-lp h4 {
  color: #262b31;
  margin-bottom: 20px;
  font-size: 23px
}
.item-lp .more-button {
  font-size: 16px;
  margin-bottom: 0
}
.item-lp p {
  font-size: 16px;
  line-height: 28px
}
.buss-dash {
  font-size: 30px;
  line-height: 45px;
  font-weight: 600;
  padding: 40px 0;
  color: #d6362a
}
img.lp-logo {
  margin: 5px 0 15px 0
}
.buss-dash span {
  font-size: 17px;
  color: #000
}
.seo_report input {
  margin: 0 0 10px;
  padding: 0;
  border: 1px solid #a1a1a1;
  padding: 13px;
  font-size: 16px;
  color: #000;
  font-family: 'Titillium Web';
  font-weight: 600;
  width: 100%
}
.seo_report .error {
  font-size: 13px;
  color: red;
  margin-bottom: 0
}
.plat_forms h3 {
  text-align: center
}
.plat_forms hr {
  float: none;
  margin: 0 auto
}
.plat_forms ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 30px
}
.plat_forms ul li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0 25px
}
.plat_forms ul li img {
  max-width: 100%
}
.project-updates {
  margin-top: 100px;
  padding: 70px 0;
  background: #f5f5f5
}
.project-updates .item {
  margin: 0 10px
}
.project-updates .item img {
  max-width: 100%
}
.more-project {
  margin: 0 auto;
  display: block;
  width: 250px
}
a.featured_work {
  float: right;
  padding-right: 10px;
  font-size: 14px;
  text-decoration: underline
}
.project-updates h3 {
  color: #2C3546;
  text-align: left;
  font-weight: 700;
  font-size: 25px;
  margin-left: 10px
}
.clor-full-sec {
  background: #fff;
  padding: 25px 0
}
.clor-full-sec h3 {
  color: #363636;
  font-family: 'Titillium Web';
  font-weight: 700;
  padding: 22px 0 0 0;
  font-size: 25px;
  text-align: left
}
.service-gray-sec.web_des {
  padding-bottom: 20px
}
.featured-clients .item {
  margin: 0 10px;
  border: 1px solid #ebebeb
}
.featured-clients .item img {
  max-width: 100%
}
.gry-full-sec {
  padding: 0 0 25px 0
}
.seen-sec h3 {
  color: #2C3546;
  text-align: left;
  font-weight: 700;
  font-size: 30px;
  margin-left: 10px
}
.seen-sec .item {
  margin: 0 10px
}
.seen-sec .item img {
  max-width: 100%
}
.web-portfolio-menu {
  background: #282b31;
  text-align: center
}
.web-portfolio-menu ul {
  margin: 0;
  list-style: none;
  padding: 0
}
.web-portfolio-menu ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 15px
}
.web-portfolio-menu ul li a {
  display: block;
  line-height: 20px;
  text-decoration: none;
  font-weight: 400;
  color: #fff;
  font-size: 18px
}
.web-portfolio-menu ul li a:hover {
  color: #BC0C0C
}
.web-footer {
  background: #2c2e32 url(../images/patterns.png) repeat top left;
  padding: 50px 0;
  text-align: center
}
.web-footer .footer-bottom {
  top: inherit
}
.web-footer .social-media a img {
  float: none
}
.web-portfolio {
  margin-bottom: 70px
}
.web-portfolio .port-2-col .zoom-port, .web-portfolio .port-3-col .zoom-port, .web-portfolio .port-2-row .zoom-port {
  transform: scale(1.0);
  transition: all 1.5s ease-out
}
.web-portfolio .port-2-col .zoom-port:hover, .web-portfolio .port-3-col .zoom-port:hover, .web-portfolio .port-2-row .zoom-port:hover {
  z-index: 0;
  transform: scale(1.1);
  transition: all 1.5s ease-in
}
.design-elements {
  background: #004F9F;
  padding: 70px 0;
  margin-top: 35px
}
.design-elements h3, .design-elements h2 {
  color: #fff
}
.design-elements #carousel1 .flex-viewport .slides li, .design-elements #carousel1 .flex-viewport .slides li:hover {
  color: #fff;
  opacity: 0.5
}
.design-elements #carousel1 .flex-active-slide {
  color: #fff !important;
  opacity: 1 !important
}
.design-elements p {
  font-size: 18px;
  line-height: 34px;
  color: #fff
}
.web-portfolio .port-3-col {
  padding: 0 10px
}
.acc_head {
  margin: 0;
  padding: 0 30px 0 0px;
  font-size: 18px;
  text-decoration: none;
  line-height: 28px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px
}
.acc_content p {
  font-family: 'Titillium Web';
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 12px 0px;
  font-size: 14px;
  line-height: 30px;
  color: #737373
}
.accordion_2 .acc_content p {
  font-size: 17px;
  line-height: 34px
}
.news_div {
  padding: 30px;
  margin-bottom: 20px;
  border: 1px solid #efefef;
  border-radius: 10px;
  display: inline-block;
  width: 100%
}
.news_div blockquote {
  font-family: 'Titillium Web';
  font-weight: normal;
  margin: 0px;
  padding: 20px 60px;
  font-size: 15px;
  line-height: 30px;
  color: #737373;
  position: relative;
  margin-top: 20px
}
/*.news_div a {
  font-size: 16px;
  line-height: 18px;
  float: right;
  color: #FF7272;
  margin-right: 68px;
  font-weight: 600
}
.news_div a:hover {
  color: #BC0C0C
}*/
.news_div blockquote:before {
  content: '';
  position: absolute;
  right: 0px;
  bottom: 0;
  background: url(../images/bottom.png) no-repeat;
  width: 40px;
  height: 40px
}
.news_div blockquote:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0;
  background: url(../images/top.png) no-repeat;
  width: 40px;
  height: 40px
}
.news_div h5 {
  font-size: 19px;
  font-family: 'Titillium Web';
  color: #737373
}
.news_div h6 {
  font-size: 17px;
  font-family: 'Titillium Web';
  color: #737373;
  line-height: 18px
}
.news_div img {
  max-width: 100%
}
.pdf_images {
  width: 70%;
  margin: 0 auto
}
.pdf_images img {
  max-width: 100%
}
.pdf_images p {
  text-align: right
}
.pdf_images blockquote {
  font-family: 'Titillium Web';
  font-weight: normal;
  margin: 0px;
  padding: 20px 60px;
  font-size: 15px;
  line-height: 30px;
  color: #737373;
  position: relative;
  margin-top: 20px
}
.pdf_images blockquote:before {
  content: '';
  position: absolute;
  right: 0px;
  bottom: 0;
  background: url(../images/bottom.png) no-repeat;
  width: 40px;
  height: 40px
}
.pdf_images blockquote:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0;
  background: url(../images/top.png) no-repeat;
  width: 40px;
  height: 40px
}
.pdf_images a {
  font-size: 14px;
  line-height: 18px
}
.pdf_images span {
  font-size: 16px
}
.pdf_images p {
  text-align: right;
  margin: 20px 0;
  padding-bottom: 0
}
.our_main_services ul {
  list-style: none;
  padding: 0;
  margin-bottom: 70px;
  display: inline-block
}
.our_main_services ul li {
  float: left;
  background: #333;
  margin-bottom: 20px;
  width: 32%;
  text-align: center;
  margin: 10px 5px
}
.our_main_services ul li a {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  font-size: 18px
}
.our_main_services ul li:hover {
  background: #BC0C0C
}
.our_main_services h3 {
  text-align: center;
  margin-bottom: 35px
}
.empower-our-clients {
  text-align: left
}
.empower-our-clients h3 {
  color: #fff
}
.empower-our-clients p {
  color: #fff
}
.empower-our-clients .owl-carousel .owl-item {
  text-align: left
}
.case-study-section .case-study {
  text-align: left;
  padding: 70px 0;
  margin-bottom: 0px !important
}
.case-study-section .dr-joy {
  background: url(../images/dr-joy.png) no-repeat right bottom
}
.case-study-section .harklinikken {
  background: url(../images/harklinikken.png) no-repeat right bottom
}
.case-study-section .case-study h2 {
  font-weight: 600;
  color: #bc0c0c;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
  text-align: left;
  margin-bottom: 25px
}
.case-study-section .case-study h2 span {
  font-weight: 200;
  color: #262b31;
  text-transform: uppercase;
  margin: 0px;
  padding: 0px;
  text-align: left
}
.case-study-section .case-study p {
  color: #262b31;
  padding: 0px 10px 0px 0px;
  width: 65%;
  text-transform: none
}
.case-study-section .bord2 {
  border-right: 3px solid #bc0c0c;
  margin-right: 50px
}
.case-study-section .box {
  width: 260px;
  height: auto;
  float: left;
  margin-top: 5%
}
.case-study-section .case-study h5 {
  font-weight: 600;
  color: #262b31;
  text-transform: none;
  margin: 0px;
  padding: 0px;
  line-height: 30px;
  text-align: left
}
.case-study-section .box2 {
  width: 300px;
  height: auto;
  float: left;
  margin-top: 5%
}
.harklinikken-section {
  background: #ebebeb
}
.empower-our-clients .owl-controls {
  display: none !important
}
.empower-our-clients img {
  max-width: 100%
}
.table-contents.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s
}
.table-contents .active, .table-contents .accordion:hover {
  background-color: #ccc
}
.table-contents .panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden
}
.stats-benefits h5 {
  font-size: 25px;
  line-height: 34px
}
.stats-benefits span {
  font-size: 12px !important;
  color: #fff;
  line-height: 22px;
  margin-top: 5px
}
#services-slider {
  margin-top: 20px
}
#services-slider .item-lp-slider {
  padding: 30px 22px;
  border: 1px solid #737373;
  border-radius: 10px;
  text-align: center;
  vertical-align: top;
  min-height: 410px;
  margin: 10px
}
#services-slider .item-lp-slider h4 {
  color: #262b31;
  margin-bottom: 20px;
  font-size: 22px
}
#services-slider .item-lp-slider .more-button {
  font-size: 16px;
  margin-bottom: 0
}
#services-slider .item-lp-slider p {
  font-size: 16px;
  line-height: 28px;
  min-height: 230px
}
#services-slider .owl-buttons {}
#services-slider .owl-buttons .owl-prev {
  position: absolute;
  left: -10px;
  top: 45%;
  transform: translate(-50%);
  background: url(../images/nav-previous.png) no-repeat left !important;
  background-size: 30px !important;
  width: 24px;
  height: 24px
}
#services-slider .owl-buttons .owl-next {
  position: absolute;
  right: -30px;
  top: 45%;
  transform: translate(-50%);
  background: url(../images/nav-next.png) no-repeat left !important;
  background-size: 30px !important;
  width: 24px;
  height: 24px
}
@media only screen and (min-width:1023px) and (max-width:1366px) {
  .sider-div .owl-wrapper-outer {
    width: 60% !important
  }
}

@media only screen and (min-width:1025px) and (max-width:1300px) {

    .move-left-62 {
    margin-left: -96px;
}

.main-logo {
    display: block;
    float: left;
    width: 140px;
    margin-left: -14px;
}

.move-left-39 {
    margin-left: -51px;
}

.move-left-85 {
    margin-left: -90px;
}

.move-left-30 {
    margin-left: -50px;
}

.move-left-89 {
    margin-left: -73px;
}

.move-left-55 {
    margin-left: -83px;
}

.move-left-83 {
    margin-left: -57px;
}

.move-left-50 {
    margin-left: -73px;
}

.move-left-61-a {
    margin-left: -118px;
}

.move-left-65 {
    margin-left: -80px;
}

.move-left-92 {
    margin-left: -70px;
}

.move-left-27 {
    margin-left: -46px;
}

.move-left-9-a {
    margin-left: -110px;
}
    
    
    .move-left-95 {
    margin-left: -124px;
}

.move-left-69 {
    margin-left: -139px;
}
    }


@media only screen and (min-width:1023px) and (max-width:1300px) {

    
  .common-container {
    margin: auto;
    padding: 0px 30px
  }
  .wsmenu-list > li > a {
    display: block;
    padding: 0 29px 0 11px !important
  }
  .wsmenu-list {
    text-align: left;
    display: table;
    width: 100%
  }
}
@media only screen and (min-width:991px) and (max-width:1200px) {
  .plat_forms ul li {
    padding: 0 15px;
    width: 16%
  }
}
.front {
  width: 96%;
  height: 400px;
  background-size: cover;
  background: url(../images/front-bg.jpg) no-repeat left !important
}
.captions_bk h5 {
  font-size: 19px !important;
  line-height: 28px !important;
  margin-bottom: 20px
}
.captions_bk p {
  font-size: 16px !important;
  line-height: 28px
}
.kb {
  margin-top: 0% !important
}
@media only screen and (min-width:767px) and (max-width:1024px) {
  .sider-div .owl-wrapper-outer {
    width: 80% !important
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .hblocks:hover .video-block .play-button {
    bottom: 0
  }
  .main-logo {
    width: 118px;
    margin-left: 60px
  }
  .hblocks h4 {
    color: #fff;
    line-height: 29px !important;
    font-size: 24px
  }
  .content-section {
    padding: 0px 0 0
  }
  .history-content {
    height: 754px
  }
  .play-button span {
    font-size: 18px
  }
  .banner-bottom-strip {
    position: relative;
    margin-top: -10px
  }
  .history-content h4 {
    font-size: 26px
  }
  .history-content p {
    font-size: 18px
  }
  .banner-wrap {
    height: auto;
    margin-top: 50px
  }
  .banner-wrap video {
    margin-top: -107px
  }
  .error-wrap {
    text-align: center;
    margin: 50px 0 15px 0;
    padding: 0
  }
  .error-wrap img {
    margin-bottom: 25px
  }
  .error-wrap h1 {
    font-size: 30px;
    color: #333;
    font-family: 'Titillium Web';
    text-transform: capitalize
  }
  .error-wrap p {
    font-size: 20px;
    color: #333;
    font-family: 'Titillium Web'
  }
  .chat-bot {
    right: 20px
  }
  .chat-bot-pop {
    right: 20px
  }
  .close-bttn {
    float: right;
    margin-top: 0px
  }
  .top-right a span {
    display: none
  }
  .top-right a:last-child {
    line-height: normal;
    font-family: 'Tajawal', sans-serif !important
  }
  #Container .home-project-blk .abstract-1 {
    left: -95px;
    position: absolute;
    top: -36px
  }
  .more-button {
    border: none;
    padding: 10px 15px;
    letter-spacing: 3px;
    background: #BC0C0C;
    color: #fff;
    margin: 5px 0
  }
  .pick-purpose h4 {
    font-size: 24px
  }
  .pick-purpose {
    padding: 0
  }
  .headertop {
    position: fixed;
    background: #fff;
    z-index: 9999
  }
  .main-menu-wrap {
    z-index: inherit
  }
  .list-style ul li a {
    font-size: 20px
  }
  .list-style ul li a span {
    font-size: 20px;
    margin: 0 20px 0 0
  }
  .banner-title {
    padding: 0 75px
  }
  .cloned {
    display: none !important
  }
  .banner-title h4 {
    font-size: 36px;
    line-height: 38px
  }
  p {
    font-family: 'Titillium Web';
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 12px 0px;
    font-size: 18px;
    line-height: 28px
  }
  h3 {
    font-family: 'Titillium Web';
    font-size: 24px !important;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 32px
  }
  .home-project-blk h3 {
    font-size: 28px
  }
  .home-sec-four {
    padding: 50px 0
  }
  .home-sec-four p {
    font-size: 20px
  }
  .btm-three-block {
    padding: 0
  }
  .big-slider {
    margin: 25px 0 50px
  }
  .blue-block {
    padding: 50px 25px 0px 25px;
    margin-bottom: 15px
  }
  .blue-block h3 {
    font-size: 24px
  }
  .blue-block span {
    font-size: 24px
  }
  .blue-block p {
    font-size: 14px
  }
  .blue-block hr {
    width: 50px;
    margin-bottom: 0
  }
  .blue-block:hover {
    background: url(../images/abstract-4.png) left top no-repeat;
    transform: scale(1.0);
    z-index: 1
  }
  .blue-block:hover .white-arrow {
    left: 20px;
    transition: 0.5s ease-in-out;
    top: 10px
  }
  .blue-block:hover p {
    color: #fff !important;
    transition: all .5s ease-in-out;
    margin-left: 0px
  }
  .orange-block {
    padding: 50px 25px 0px 25px;
    margin-bottom: 15px
  }
  .orange-block h3 {
    font-size: 24px
  }
  .orange-block span {
    font-size: 24px
  }
  .orange-block p {
    font-size: 14px
  }
  .orange-block hr {
    width: 50px;
    margin-bottom: 0
  }
  .orange-block:hover {
    background: url(../images/abstract-4-orange.png) left top no-repeat;
    transform: scale(1.0);
    z-index: 1
  }
  .orange-block:hover .white-arrow {
    left: 20px;
    transition: 0.5s ease-in-out;
    top: 10px
  }
  .orange-block:hover p {
    color: #fff !important;
    transition: all .5s ease-in-out;
    margin-left: 0px
  }
  .red-block {
    padding: 50px 25px 0px 25px;
    margin-bottom: 15px
  }
  .red-block h3 {
    font-size: 24px
  }
  .red-block span {
    font-size: 24px
  }
  .red-block p {
    font-size: 14px
  }
  .red-block hr {
    width: 50px;
    margin-bottom: 0
  }
  .red-block:hover {
    background: url(../images/abstract-4-red.png) left top no-repeat;
    transform: scale(1.0);
    z-index: 1
  }
  .red-block:hover .white-arrow {
    left: 20px;
    transition: 0.5s ease-in-out;
    top: 10px
  }
  .red-block:hover p {
    color: #fff !important;
    transition: all .5s ease-in-out;
    margin-left: 0px
  }
  .big-slider .owl-prev {
    left: 0
  }
  .big-slider .owl-prev:hover {
    left: 0
  }
  .big-slider .owl-next {
    right: 0
  }
  .big-slider .owl-next:hover {
    right: 0
  }
  .inner-banner-wrap {
    height: 82px;
    position: fixed;
    width: 100%;
    z-index: 100
  }
  .strip-height {
    padding-top: 130px !important
  }
  .red-color {
    font-size: 18px
  }
  .about-secton {
    background: #ebebeb none repeat scroll 0 0;
    margin-top: 30px;
    padding: 30px 0 30px
  }
  .flex-direction-nav .flex-next {
    text-align: right
  }
  .red-full-sec h3 {
    color: #fff;
    font-size: 30px;
    line-height: normal
  }
  .red-full-sec h4 {
    font-size: 30px;
    line-height: normal
  }
  .srv-page-prev {
    padding: 20px 20px 20px
  }
  .srv-page-next {
    padding: 20px
  }
  .port-2-col {
    width: 52%;
    padding: 0 6px;
    float: left;
    margin-bottom: 0px;
    overflow: hidden
  }
  .port-3-col {
    width: 33.33%;
    padding: 0 5px;
    float: left;
    margin-bottom: 11px;
    overflow: hidden
  }
  .port-2-row {
    width: 48%;
    padding: 0px 5px;
    float: left;
    margin-bottom: 13px;
    position: relative;
    overflow: hidden
  }
  #Container {
    clear: both;
    margin: 0px -5px
  }
  .inner-wrapper-main hr {
    margin-bottom: 10px
  }
  .canvas {
    margin-top: 0px;
    position: inherit
  }
  .Klip-ul li {
    background: url(../images/bullets.png) no-repeat left 10px;
    line-height: 30px
  }
  .item-lp {
    margin-left: 14px;
    min-height: 470px
  }
  .item-lp .more-button {
    font-size: 15px
  }
  .item-lp p {
    font-size: 17px
  }
}
@media screen and (min-width:1024px) and (max-width:1230px) {
  .red-full-sec-sm {
    margin: 50px 0 30px !important;
    padding: 50px 10px !important
  }
  .image.hide {
    display: block !important
  }
  #slider .flex-direction-nav .flex-next {
    height: 50px !important;
    width: 50px !important;
    background-size: 50px !important;
    right: 50px !important
  }
  #slider .flex-direction-nav .flex-prev {
    height: 50px !important;
    width: 50px !important;
    background-size: 50px !important;
    left: 50px !important
  }
  #slider1 .flex-direction-nav .flex-next {
    height: 50px !important;
    width: 50px !important;
    background-size: 50px !important;
    right: 50px !important
  }
  #slider1 .flex-direction-nav .flex-prev {
    height: 50px !important;
    width: 50px !important;
    background-size: 50px !important;
    left: 50px !important
  }
  .flex-direction-nav .flex-next {
    text-align: right
  }
  #carousel .flex-viewport ul.slides {
    display: none
  }
  .red-full-sec .video-div {
    width: 50%
  }
  .srv-page-next {
    padding: 20px
  }
  .srv-page-prev {
    padding: 20px 20px 13px
  }
  .tab-frame img {
    width: 100%
  }
  .tab-frame {
    padding: 25px 47px 0 47px
  }
  .orange-block h3, .blue-block h3, .red-block h3 {
    font-size: 35px
  }
  .orange-block span, .blue-block span, .red-block span {
    font-size: 35px
  }
  .big-slider .owl-prev {
    left: 0
  }
  .big-slider .owl-prev:hover {
    left: 0
  }
  .big-slider .owl-next {
    right: 0
  }
  .big-slider .owl-next:hover {
    right: 0
  }
  .wsmenu-list > li > a {
    padding: 0 8.5px !important
  }
  .home-sec-four {
    padding-bottom: 125px !important
  }
  .list-style ul li a {
    font-size: 18px
  }
  .list-style ul li a:hover {
    padding-left: 0;
    background: none;
    color: #333
  }
  .list-style ul li a span {
    font-size: 20px;
    margin: 0 20px 0 0
  }
  p {
    font-family: 'Titillium Web';
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 12px 0px;
    font-size: 18px;
    line-height: 28px;
    color: #737373
  }
  h1 {
    font-family: 'Titillium Web';
    font-size: 32px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 40px;
    color: #262b31;
    margin-bottom: 20px
  }
  h2 {
    font-family: 'Titillium Web';
    font-size: 32px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 40px;
    color: #262b31;
    margin-bottom: 20px;
    margin-top: 15px
  }
  h3 {
    font-family: 'Titillium Web';
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 32px
  }
  .home-project-blk h3 {
    font-size: 28px
  }
  .home-sec-four {
    padding: 50px 0
  }
  .home-sec-four p {
    font-size: 20px
  }
  .home-sliding-wrap:hover {
    right: -148px;
    transition: all 0.5s ease-in-out 0s
  }
  .flip-sec {
    height: auto;
    width: 53%;
    top: 117px
  }
  .intro > img {
    width: 100%
  }
  .slide h2 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #138bcc;
    font-size: 60px !important;
    margin: 25px 0 25px 0
  }
  .slide h3 {
    line-height: normal
  }
  .slide p {
    font-size: 16px;
    line-height: 28px;
    color: #afafaf
  }
  .sp .popup-box > iframe {
    width: 100%;
    left: 0
  }
  .pos-46 {
    margin-left: 15px
  }
}
@media only screen and (min-width:320px) and (max-width:1023px) {
  .f1_card {
    width: 100% !important
  }
}
@media only screen and (min-width:320px) and (max-width:1260px) {
  .move-left-1, .move-left-2, .move-left-3, .move-left-4, .move-left-5, .move-left-6, .move-left-7, .move-left-8, .move-left-9, .move-left-9-a, .move-left-10, .move-left-11, .move-left-12, .move-left-13, .move-left-14, .move-left-15, .move-left-16, .move-left-17, .move-left-18, .move-left-19, .move-left-20, .move-left-21, .move-left-22, .move-left-23, .move-left-24, .move-left-25, .move-left-26, .move-left-27, .move-left-28, .move-left-29, .move-left-30, .move-left-31, .move-left-32, .move-left-33, .move-left-34, .move-left-35, .move-left-35-a, .move-left-36, .move-left-37, .move-left-38, .move-left-39, .move-left-40, .move-left-41, .move-left-42, .move-left-43, .move-left-44, .move-left-45, .move-left-46, .move-left-47, .move-left-48, .move-left-49, .move-left-50, .move-left-51, .move-left-52, .move-left-53, .move-left-54, .move-left-55, .move-left-56, .move-left-57, .move-left-58, .move-left-59, .move-left-60, move-left-61-a, move-left-61, .move-left-62, .move-left-63, .move-left-64, .move-left-65, .move-left-66, .move-left-67, .move-left-68, .move-left-69, .move-left-70, .move-left-71, .move-left-72, .move-left-73, .move-left-74, .move-left-75, .move-left-76, .move-left-77, .move-left-78, .move-left-79, .move-left-80, .move-left-81, .move-left-82, .move-left-83, .move-left-84, .move-left-85, .move-left-86, .move-left-87, .move-left-88, .move-left-89, .move-left-90, .move-left-91 {
    margin-left: 0
  }
  .pos-1, .pos-2, .pos-3, .pos-4, .pos-5, .pos-6, .pos-7, .pos-8, .pos-9, .pos-10, .pos-11, .pos-12, .pos-13, .pos-14, .pos-15, .pos-16, .pos-17, .pos-18, .pos-19, .pos-20, .pos-21, .pos-22, .pos-23, .pos-24, .pos-25, .pos-26, .pos-27, .pos-28, .pos-29, .pos-30, .pos-31, .pos-32, .pos-33, .pos-34, .pos-35, .pos-36, .pos-37, .pos-38, .pos-39, .pos-40, .pos-41, .pos-42, .pos-43, .pos-44, .pos-45, .pos-46, .pos-47, .pos-48, .pos-49, .pos-50, .pos-51, .pos-52, .pos-53, .pos-54, .pos-55, .pos-56, .pos-57, .pos-58, .pos-59, .pos-60, .pos-61, .pos-62, .pos-63, .pos-64, .pos-65, .pos-66, .pos-67, .pos-68, .pos-68-a, .pos-69, .pos-70, .pos-71, .pos-72, .pos-73, .pos-74, .pos-75, .pos-76, .pos-77, .pos-78, .pos-79, .pos-80, .pos-81, .pos-82, .pos-83, .pos-84, .pos-85, .pos-86, .pos-87, .pos-88, .pos-89, .pos-90, .pos-24-a, .pos-91, .pos-92, .pos-93, .pos-94, .pos-95, .pos-96, .pos-97, .pos-98, .pos-99, .pos-100, .pos-101, .pos-102, .pos-103, .pos-104, .pos-105 {
    top: 0;
    left: 0
  }
  .sp {
    right: 0
  }
  .directors-block-contact br {
    display: block !important
  }
  .cd-horizontal-timeline .events-wrapper {
    overflow: inherit !important
  }
  .cd-horizontal-timeline {
    overflow: hidden !important
  }
  .team-center {
    max-width: 1024px;
    margin: auto
  }
  .team-strip {
    display: none
  }
  .team {
    width: 25%;
    margin: 0 -35px 20px;
    padding-bottom: 25px;
    display: inline-block;
    float: none !important;
    background: url(../images/strip-thin.png) center 75.8% repeat-x
  }
  .team-center {
    text-align: center
  }
  .team br {
    display: block !important
  }
  .details {
    display: block;
    float: none;
    position: inherit;
    margin-top: 15px
  }
  .details img {
    display: none
  }
  .details h4 {
    padding-top: 8px
  }
  .move-left-62 .staff {
    margin-left: 28px
  }
  .move-left-73 .staff {
    margin-left: -30px
  }
  .move-left-42 .staff {
    margin-left: 12px
  }
  .move-left-60 .staff {
    margin-left: -0px !important
  }
  .move-left-8 .staff {
    margin-left: 6px
  }
  .move-left-99 .staff {
    margin-left: -20px
  }
  .move-left-51 .staff {
    margin-left: 0 !important
  }
  .move-left-70 .staff {
    margin-left: 0 !important
  }
  .pos-72 {
    margin-left: -50px
  }
  .move-left-7 .staff {
    margin-left: 33px
  }
  .pos-9 {
    margin-left: 50px
  }
  .move-left-74 .staff {
    margin-left: 26px
  }
  .move-left-15 .staff {
    margin-left: -18px
  }
  .move-left-19 .staff {
    margin-left: 0px
  }
  .move-left-66 .staff {
    margin-left: 23px
  }
  .pos-80 {
    margin-left: -30px
  }
  .move-left-50 .staff {
    margin-left: 16px
  }
  .move-left-18 .staff {
    margin-left: 0px
  }
  .pos-21 {
    margin-left: 50px
  }
  .move-left-47 .staff {
    margin-left: 20px
  }
  .pos-56 {
    margin-left: -30px
  }
  .move-left-55 .staff {
    margin-left: 20px
  }
  .pos-66 {
    margin-left: 30px
  }
  .move-left-38 .staff {
    margin-left: -54px
  }
  .move-left-31 .staff {
    margin-left: -26px
  }
  .pos-46 {
    margin-left: -30px
  }
  .move-left-75 .staff {
    margin-left: 15px
  }
  .move-left-29 .staff {
    margin-left: -17px
  }
  .move-left-53 .staff {
    margin-left: 13px
  }
  .move-left-61-a .staff {
    margin-left: 0px
  }
  .move-left-77 .staff {
    margin-left: -15px
  }
  .pos-63 {
    margin-left: -60px
  }
  .move-left-13 .staff {
    margin-left: 26px
  }
  .move-left-3 .staff {
    margin-left: 16px
  }
  .pos-4 {
    margin-left: -60px
  }
  .move-left-2 .staff {
    margin-left: 22px
  }
  .move-left-64 .staff {
    margin-left: -22px
  }
  .move-left-96 .staff {
    margin-left: 0px
  }
  .move-left-65 .staff {
    margin-left: -26px
  }
  .move-left-20 .staff {
    margin-left: 26px
  }
  .move-left-52 .staff {
    margin-left: -43px
  }
  .move-left-65 .staff {
    margin-left: -55px
  }
  .staff.staff-m {
    margin-left: -20px
  }
  .move-left-98 .staff {
    margin-left: 0px
  }
  .move-left-100 .staff {
    margin-left: -10px
  }
  .move-left-61 .staff {
    margin-left: 0
  }
  .move-left-49 .staff {
    margin-left: 0px
  }
  .pos-59 {
    margin-left: 60px
  }
  .move-left-48 .staff {
    margin-left: 64px
  }
  .pos-58 {
    margin-left: 0px
  }
  .move-left-22 .staff {
    margin-left: -44px
  }
  .pos-26 {
    margin-left: -50px
  }
  .move-left-41 .staff {
    margin-left: -12px
  }
  .move-left-79 .staff {
    margin-left: 0px
  }
  .move-left-80 .staff {
    margin-left: -20px
  }
  .move-left-83-a .staff {
    margin-left: 42px
  }
  .move-left-87 .staff {
    margin-left: -15px
  }
  .move-left-88 .staff {
    margin-left: -52px
  }
  .move-left-89 .staff {
    margin-left: -22px
  }
  .move-left-85 .staff {
    margin-left: -11px
  }
  .move-left-57 .staff {
    margin-left: -13px
  }
  .move-left-84 .staff {
    margin-left: 15px
  }
  .move-left-27 .staff {
    margin-left: 30px
  }
  .move-left-40 .staff {
    margin-left: -4px
  }
  .move-left-83 .staff {
    margin-left: 33px
  }
  .move-left-92 .staff {
    margin-left: 11px
  }

  .move-left-71 .staff {
    margin-left: -5px
  }
  .new-person .staff {
    margin-left: -28px
  }
  .team {
    background: rgba(0, 0, 0, 0) url("../images/strip-thin.png") repeat-x scroll center 75%
  }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  .move-left-84 .staff {
    margin-left: -16px
  }
  .move-left-87 .staff {
    margin-left: -36px
  }
  .status-on .port-2-row {
    width: 49.5%;
    float: none;
    box-sizing: border-box
  }
  .logo-16-red {
    margin-top: 20px;
    margin-bottom: 20px;
    margin: auto;
    display: table;
    margin-bottom: 30px
  }
  .list-style ul li a {
    font-size: 18px
  }
  .list-style ul li a:hover {
    padding-left: 0;
    background: none;
    color: #333
  }
  .home-sliding-wrap {
    right: -339px;
    width: 100%
  }
  .inner-video-sec .play-button {
    bottom: 20px;
    height: 77px
  }
  h3 {
    font-family: 'Titillium Web';
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 32px;
    color: #df0306
  }
  .sp .popup-box > iframe {
    width: 100%;
    left: 0
  }
  .home-project-blk {
    padding: 25px 25px 50px 25px
  }
  .flip-sec {
    height: auto;
    width: 53%;
    top: 117px
  }
  .intro > img {
    width: 100%
  }
  .flip-sec .play-button span {
    display: none
  }
  .flip-sec .play-button {
    bottom: 13px
  }
  .font-60 {
    font-size: 30px !important;
    line-height: normal
  }
  .events-content .pad-right-50 {
    padding-right: 0 !important
  }
  .slide {
    max-width: 100%;
    min-height: 399px
  }
  .team-center {
    width: 768px
  }
  .team {
    width: 30% !important
  }
  .move-left-73 .staff {
    margin-left: -3px
  }
  .move-left-21 .staff {
    margin-left: -13px
  }
 
  .pos-25 {
    margin-left: 50px
  }
  .pos-38 {
    margin-left: 50px
  }
  .move-left-42 .staff {
    margin-left: -0px
  }
  .pos-51 {
    margin-left: -20px
  }
  .move-left-9 .staff {
    margin-left: -30px
  }
  .move-left-9-a .staff {
    margin-left: -30px
  }
  .move-left-76 .staff {
    margin-left: -6px
  }
  .move-left-62 .staff {
    margin-left: 12px
  }
  .move-left-59 .staff {
    margin-left: -25px
  }
  .move-left-8 .staff {
    margin-left: 20px
  }
  .move-left-45 .staff {
    margin-left: -11px
  }
  .move-left-66 {
    z-index: 2 !important
  }
  .move-left-50 .staff {
    margin-left: -60px
  }
  .move-left-31 .staff {
    margin-left: -2px
  }
  .move-left-25 .staff {
    margin-left: -53px
  }
  .pos-60 {
    margin-left: -70px
  }
  .move-left-77 .staff {
    margin-left: -25px
  }
  .pos-12 {
    margin-left: 0px
  }
  .pos-27 {
    margin-left: -60px
  }
  .move-left-18 .staff {
    margin-left: 0px
  }
  .move-left-4 .staff {
    margin-left: -30px
  }
  .move-left-47 .staff {
    margin-left: -9px
  }
  .move-left-55 .staff {
    margin-left: 0px
  }
  .pos-66 {
    margin-left: -70px
  }
  .move-left-67 .staff {
    margin-left: -19px
  }
  .move-left-80 .staff {
    margin-left: 0px
  }
  .move-left-56 .staff {
    margin-left: -13px
  }
  .move-left-52 .staff {
    margin-left: 0px
  }
  .move-left-58 .staff {
    margin-left: -50px
  }
  .move-left-7 .staff {
    margin-left: -8px
  }
  .move-left-34 .staff {
    margin-left: -27px
  }
  .move-left-99 .staff {
    margin-left: -50px
  }
  .move-left-70 .staff {
    margin-left: -8px !important
  }
  .move-left-29 .staff {
    margin-left: -12px
  }
  .move-left-72 .staff {
    margin-left: 22px
  }
  .move-left-26 .staff {
    margin-left: -22px
  }
  .move-left-66 .staff {
    margin-left: 0
  }
  .move-left-19 .staff {
    margin-left: -30px !important
  }
  .move-left-33 .staff {
    margin-left: -32px
  }
  .move-left-61 .staff {
    margin-left: 0px
  }
  .move-left-1 .staff {
    margin-left: -5px
  }
  .move-left-16 .staff {
    margin-left: -32px
  }
  .move-left-39 .staff {
    margin-left: 7px
  }
  .move-left-81 .staff {
    margin-left: -34px
  }
  .move-left-61-a .staff {
    margin-left: 8px
  }
  .move-left-53 .staff {
    margin-left: 30px
  }
  .pos-74 {
    margin-left: -70px
  }
  .pos-63 {
    margin-left: 0px
  }
  .move-left-54 .staff {
    margin-left: -30px
  }
  .move-left-13 .staff {
    margin-left: -0px
  }
  .move-left-3 .staff {
    margin-left: -8px
  }
  .pos-55 {
    margin-left: 40px
  }
  .move-left-78 .staff {
    margin-left: 15px
  }
  .pos-79 {
    margin-left: 60px
  }
  .move-left-44 .staff {
    margin-left: 0px
  }
  .pos-50 {
    margin-left: 0px
  }
  .move-left-2 .staff {
    margin-left: 0px
  }
  .move-left-24 .staff {
    margin-left: -39px
  }
  .move-left-20 .staff {
    margin-left: -0px
  }
  .move-left-22 .staff {
    margin-left: 18px
  }
  .pos-26 {
    margin-left: 40px
  }
  .move-left-41 .staff {
    margin-left: -0px
  }
  .pos-49 {
    margin-left: -60px
  }
  .pos-52 {
    margin-left: -52px
  }
  .move-left-57 .staff {
    margin-left: 3px
  }
  .move-left-79 .staff {
    margin-left: 0px
  }
  .move-left-30 .staff {
    margin-left: -60px
  }
  .move-left-49 .staff {
    margin-left: -40px
  }
  .move-left-75 .staff {
    margin-left: -17px
  }
  .move-left-40 .staff {
    margin-left: -32px
  }
  .move-left-82 .staff {
    margin-left: 35px
  }
  .move-left-83 .staff {
    margin-left: -15px
  }
  .move-left-84-a .staff {
    margin-left: 50px
  }
  .move-left-10 .staff {
    margin-left: 16px
  }
  .move-left-27 .staff {
    margin-left: 39px
  }
  .move-left-85 .staff {
    margin-left: -21px
  }
  .move-left-86 .staff {
    margin-left: 0px
  }
  .move-left-87 .staff {
    margin-left: -46px
  }
  .move-left-95 .staff {
    margin-left: -6px
  }
  .move-left-88 .staff {
    margin-left: -30px
  }
  .move-left-103 .staff {
    margin-left: -28px
  }
  .move-left-90 .staff {
    margin-left: -14px
  }
  .move-left-92 .staff {
    margin-left: -13px
  }
  .move-left-91 .staff {
    margin-left: -16px
  }
  .pos-73 {
    margin-left: -47px
  }
  .pos-48 {
    margin-left: -50px
  }
  .new-person .staff {
    margin-left: -57px;
    height: auto
  }
  .slider-txt {
    padding-left: 0px;
    margin-top: 25px
  }
  .quote {
    font-size: 20px
  }
  .history h4 {
    font-size: 26px
  }
  .history-gmi h2 {
    font-size: 26px;
    margin-top: 0px
  }
  .check-box .pad-left-25 {
    padding-left: 0 !important
  }
  #Container .home-project-blk {
    background-image: none;
    min-height: auto;
    padding: 15px
  }
  .srv-page-prev {
    font-size: 16px
  }
  .srv-page-prev > img {
    width: 44px
  }
  .srv-page-prev .black-arrow {
    width: 4%
  }
  .srv-page-next {
    font-size: 16px
  }
  .srv-page-next > img {
    width: 52px
  }
  .srv-page-next .black-arrow {
    width: 4%
  }
  .srv-page-next span {
    width: auto;
    float: none
  }
  #slider .flex-direction-nav .flex-next {
    height: 50px !important;
    width: 50px !important;
    background-size: 50px !important
  }
  #slider .flex-direction-nav .flex-prev {
    height: 50px !important;
    width: 50px !important;
    background-size: 50px !important
  }
  #slider1 .flex-direction-nav .flex-next {
    height: 50px !important;
    width: 50px !important;
    background-size: 50px !important
  }
  #slider1 .flex-direction-nav .flex-prev {
    height: 50px !important;
    width: 50px !important;
    background-size: 50px !important
  }
  .more-button {
    font-size: 16px;
    border: none;
    padding: 10px 15px;
    letter-spacing: 3px;
    background: #118bcb;
    color: #fff
  }
  .red-full-sec .video-div {
    display: none
  }
  .mrg-top-35 {
    margin-top: 20px !important
  }
  .mrg-top-70 {
    margin-top: 35px !important
  }
  .tab-frame {
    padding: 17px 31px 0
  }
  .tab-frame img {
    width: 100%
  }
  .details h4 {
    font-size: 20px
  }
  .tab-frame .owl-pagination {
    bottom: 36px;
    right: -188px
  }
  .full-width {
    width: 100% !important;
    padding: 0 !important
  }
  .slider-txt {
    padding-left: 0px;
    margin-top: 25px
  }
  .flexslider {
    margin-bottom: 20px !important
  }
  .h-video-sec-one {
    margin-top: 25px;
    padding-left: 0 !important
  }
  hr {
    width: 100px;
    height: 3px;
    float: left;
    background: #118bcb;
    border: none;
    margin-bottom: 20px
  }
  h1 {
    font-family: 'Titillium Web';
    font-size: 26px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 30px;
    color: #262b31;
    margin-bottom: 20px
  }
  h2 {
    font-family: 'Titillium Web';
    font-size: 26px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 30px;
    color: #262b31;
    margin-bottom: 0px;
    margin-top: 0px
  }
  .slide h2 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    color: #138bcc;
    font-size: 60px !important;
    margin: 25px 0 25px 0
  }
  .slide h3 {
    line-height: normal;
    font-size: 20px
  }
  .slide p {
    font-size: 16px;
    line-height: 28px;
    color: #afafaf
  }
  .team {
    background: rgba(0, 0, 0, 0) url("../images/strip-thin.png") repeat-x scroll center 76%;
    padding-bottom: 23px
  }
  h4.clt {
    margin: 0 0 20px 0 !important
  }
}
@media only screen and (min-width:320px) and (max-width:1024px) {
  .top-right a {
    display: none
  }
  .top-right a.ar-link {
    display: block
  }
  .inner-video-sec .play-button span {
    font-size: 14px
  }
  .headertop {
    position: fixed;
    background: #fff;
    z-index: 999;
    padding: 15px
  }
  .inner-wrapper-main.time-line-page .inner-banner-wrap {
    height: 155px;
    position: relative;
    z-index: 99 !important
  }
  .play-button:hover {
    transform: none
  }
  .gmi-small-logo {
    display: block
  }
  .front {
    width: 100%;
    height: 100%
  }
  .back {
    position: inherit;
    padding: 0px 0;
    bottom: 0;
    height: 100%;
    transition: all 300ms ease
  }
  .captions_bk {
    text-align: center;
    color: #fff;
    background: #fff;
    padding: 20px 20px 35px;
    margin: 10px;
    height: 100%;
    font-family: 'Titillium Web'
  }
  .f1_card {
    width: 100% !important;
    margin-bottom: 0
  }
  .eagle-gallery.as1 .mini-slider .owl-controls .owl-buttons div.owl-next {
    display: none !important
  }
  .eagle-gallery.as1 .mini-slider .owl-controls .owl-buttons div.owl-prev {
    display: none !important
  }
  .call-button {
    background-size: 60px;
    padding: 5px 6px 6px 6px
  }
  .call-button-play {
    width: 20px
  }
  .call-button span {
    margin-top: 0;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 0 0px
  }
  .call-button span {
    margin-top: 0px;
    letter-spacing: 1px;
    font-size: 16px
  }
  h2.menu-title {
    display: none
  }
  .main-logo {
    display: block;
    float: left;
    width: 140px;
    margin-left: 0
  }
  .ceo-detials-wrap:hover:before {
    width: 100% !important
  }
  .line-divider {
    display: none
  }
  .ceo-detials p a {
    display: block
  }
  .ceo-detials .discription {
    margin-bottom: 25px;
    height: auto !important
  }
  .menuopen .gmi-small-logo {
       position: absolute;
    right: 14px;
    top: 10px;
    display: block;
    float: left;
    margin-right: 5px;
    height: 40px;
    width: 40px;
    object-fit: none;
    object-position: -327px -73px;
    transition: all .2s ease;
  }
  img.desktop_top {
    display: none
  }
  img.animated.bounceIn.mobile_top {
    display: inline-block;
    padding-top: 7px;
    vertical-align: top;
    width: 20px
  }
  .ten-six {
    height: auto !important
  }
  .play-bttn-play:hover {
    transform: rotate(0deg) !important
  }
  .call-button-play:hover {
    transform: rotate(0deg) !important
  }
  .call-button:hover > .call-button-play {
    transform: rotate(0deg) !important
  }
  .banner-video {
    display: none
  }
  .smaller .gmi-small-logo {
    display: none
  }
  .strip-height {
    height: 0px !important;
    background: none
  }
  .service-gray-sec h3 br {
    display: block !important
  }
  .home-team-link {
    display: table;
    margin: auto;
    margin-top: 20px
  }
  .tool-tip {
    visibility: visible;
    font-size: 12px;
    opacity: 1
  }
  .cd-horizontal-timeline .events li:last-child a::after {
    right: -6px
  }
  .footer-logo {
    width: 100px !important
  }
  .smaller {
    background: none;
    height: 0
  }
  .orange-dis {
    padding-top: 0
  }
  .cd-timeline-navigation a.next-main {
    top: 120px;
    left: 55px
  }
  .cd-timeline-navigation a.prev-main {
    top: 120px
  }
  .orange-block p {
    font-size: 14px;
    float: left;
    width: 100%
  }
  .blue-block p {
    font-size: 14px;
    float: left;
    width: 100%
  }
  .red-block p {
    font-size: 14px;
    float: left;
    width: 100%
  }
  .bread-comes {
    line-height: 25px;
    padding-right: 25px;
    margin-top: 70px !important;
    margin: 0 -15px
  }
  .bread-comes a {
    font-size: 14px
  }
  .directors-block br {
    display: block
  }
  .quote {
    font-size: 22px;
    line-height: 30px;
    margin: 10px 0
  }
  .red-full-sec-sm h5 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px
  }
  .directors-block {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px
  }
  .directors-block h4 {
    font-size: 18px;
    line-height: 28px
  }
  .directors-block h4 span {
    font-size: 16px;
    line-height: 28px
  }
  .directors-block p {
    font-size: 18px;
    line-height: normal
  }
  .directors-block p a {
    display: inline-block;
    font-size: 18px
  }
  .directors-block p a:hover {
    display: inline-block;
    font-size: 18px
  }
  .directors-block-contact {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 40px
  }
  .directors-block-contact h4 {
    font-size: 22px;
    line-height: 28px
  }
  .directors-block-contact h4 span {
    font-size: 16px;
    line-height: 28px
  }
  .directors-block-contact p {
    font-size: 18px;
    line-height: normal;
    padding-bottom: 0 !important
  }
  .directors-block-contact p a {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px
  }
  .directors-block-contact p a:hover {
    display: inline-block;
    font-size: 18px
  }
  .directors-block-contact .mrg-top-70 {
    margin-top: 25px !important
  }
  button.filter {
    top: -16px
  }
  .menuopen .mobile-top {
    display: block !important;
    margin-bottom: 20px;
    padding: 16px 30px;
    z-index: 1001;
    margin-top: 0px;
    background: #004f9f
  }
  .mobile-top a {
    font-family: 'Titillium Web';
    margin-right: 8px;
    font-size: 14px;
    color: #fff !important;
    display: block;
    line-height: 34px;
    font-weight: 400;
    display: inline-block;
    letter-spacing: 0px
  }
  #carousel {
    display: none
  }
  #carousel1 {
    display: none
  }
  .white-arrow img {
    width: 10px
  }
  .menu-bottom-strip {
    display: none
  }
  .megacollink {
    padding: 0;
    text-align: left
  }
  .footer {
    height: auto
  }
  .footer-bottom {
    top: 0;
    margin-top: 0;
    text-align: center;
    display: block !important
  }
  p {
    font-size: 17px
  }
  .social-media a img {
    float: none !important
  }
  .footer-pattern .adress_sec {
    text-align: center;
    width: 100%;
    margin-bottom: 25px
  }
  .footer-pattern {
    padding: 30px 0 50px 0
  }
}
@media only screen and (min-width:320px) and (max-width:768px) {
  .sider-div .owl-wrapper-outer {
    width: 100% !important
  }
  .plat_forms ul li {
    padding: 0px 15px;
    width: 32%
  }
  .other-services .col-6 {
    margin-bottom: 0px;
    width: 49% !important
  }
  .news_div a {
    margin-right: 0
  }
  .pdf_images {
    width: 100%
  }
}
@media only screen and (min-width:320px) and (max-width:767px) {
  .mobile-top a {
    width: 28%
  }
  .top-right a span {
    font-size: 11px !important
  }
  .ar-link {
    top: -3px;
    right: 8px
  }
  .banner-video {
    display: none
  }
  .pdf_images p {
    margin: 15px 0
  }
  #Container .fancybox {
    display: none
  }
  .status-on .pop-width {
    margin-bottom: -40px
  }
  .category-2.port-2-row {
    margin-bottom: 0 !important
  }
  .popup-wrap {
    display: block !important
  }
  .popup-box {
    position: inherit;
    left: 0;
    top: 0
  }
  .popup-box .close-btn {
    display: none
  }
  .transform-out {
    transform: translate(0%, 0%)
  }
  .sp-mob {
    display: block !important
  }
  .news_div a {
    float: left
  }
  .news_div img#popup-link-11 {
    margin-bottom: 25px
  }
  .btm-three-block .three-col {
    margin: 0 1%;
    width: 100%;
    margin-bottom: 30px
  }
  .banner-bottom-strip {
    position: relative;
    top: -10px
  }
  .show-mob {
    display: block;
    margin-bottom: 10px
  }
  .canvas, .video {
    height: auto;
    top: 0px;
    position: inherit
  }
  .hide-mob {
    display: none
  }
  .history-new .owl-controls {
    position: absolute;
    top: 50px;
    width: 100%
  }
  .history-content h4 {
    font-size: 20px
  }
  .history-content p {
    font-size: 16px
  }
  .history-content h3 {
    font-size: 30px
  }
  .history-content {
    text-align: center;
    padding: 25px 0 25px;
    min-height: auto;
    margin-top: 20px;
    height: auto
  }
  .history-new .owl-controls .owl-next {
    background-size: 60%;
    margin-right: 20px
  }
  .history-new .owl-controls .owl-prev {
    background-size: 60%;
    margin-left: 20px
  }
  .border-right {
    border: none
  }
  .history-content h4 {
    margin-bottom: 7px
  }
  .history-round {
    width: 88px;
    height: 86px;
    border-radius: 100%;
    border: 1px solid #eee;
    padding: 10px
  }
  .history-round {
    padding: 5px
  }
  .history-round-yellow, .history-round-blue, .history-round-red, .history-round-orange {
    padding: 18px
  }
  .banner-wrap video {
    width: 100%;
    height: auto;
    margin-top: 0px;
    margin-left: 0px
  }
  .parter {
    margin: 20px auto 20px
  }
  .footer-pattern {
    padding: 50px 0 50px;
    display: inline-block
  }
  .google-review {
    margin-top: 25px
  }
  .copy-right {
    font-size: 8px
  }
  .nav-button.next {
    top: 30px;
    right: 10px
  }
  .nav-button.prev {
    top: 30px;
    left: 10px
  }
  .status-on .port-2-row {
    width: 100%;
    float: none;
    box-sizing: border-box
  }
  .banner-iframe {
    width: 100%;
    margin-top: -245px
  }
  .link .play-button {
    display: block
  }
  .intro {
    width: 50% !important
  }
  #floating-contact input[type="text"], input[type="password"], input[type="file"], input[type="email"], textarea, select, button {
    padding: 6px 10px;
    font-size: 14px;
    margin-bottom: 2px;
    box-shadow: 0
  }
  .submit-button {
    margin: 5px 0
  }
  .cd-horizontal-timeline .events a {
    font-size: 15px
  }
  .cd-horizontal-timeline .events a::after {
    width: 20px;
    height: 20px;
    bottom: -7px
  }
  .thank-you {
    text-align: center;
    margin: 25px 0;
    padding: 0
  }
  .thank-you h1 {
    font-size: 24px;
    color: #f37904;
    font-family: 'Titillium Web';
    text-transform: uppercase
  }
  .error-wrap {
    text-align: center;
    margin: 20px 0;
    padding: 0
  }
  .error-wrap img {
    margin-bottom: 25px
  }
  .error-wrap h1 {
    font-size: 19px;
    color: #333;
    font-family: 'Titillium Web';
    text-transform: capitalize
  }
  .error-wrap p {
    font-size: 16px;
    color: #333;
    font-family: 'Titillium Web'
  }
  .robo-img-small {
    margin: 3px 9px 0 0;
    padding: 0;
    width: 22px;
    float: left
  }
  .chat-bot {
    right: 0px;
    position: fixed;
    bottom: 0;
    background: #000;
    padding: 1px 15px;
    border-radius: 0;
    z-index: 99;
    width: auto;
    font-size: 16px
  }
  .chat-bot-pop {
    right: 0;
    z-index: 9999;
    border-radius: 0;
    width: 100%
  }
  .robo-img {
    margin: 0px 0 0 15px;
    width: 39px
  }
  .chat-bot-pop iframe {
    width: 100%;
    height: 310px;
    border: none
  }
  .bot-close {
    float: right;
    margin-top: 10px
  }
  .close-bttn {
    float: right;
    margin-top: 0px
  }
  #slide-panel .slideInRight {
    animation-name: none !important
  }
  .slide-slide-bar .slideInRight {
    animation-name: none !important
  }
  .slide-slide-bar {
    width: 39px
  }
  #slide-panel {
    margin-top: -1px;
    height: 290px
  }
  #slide-panel h3 {
    margin-bottom: 0
  }
  .intro > img {
    width: 100%
  }
  .sp .popup-box > iframe {
    width: 100%;
    left: 0;
    top: 0px
  }
  .play-button {
    background-size: 61%;
    height: 50px;
    bottom: 40px;
    left: 9px;
    top: initial
  }
  .play-button img {
    height: auto;
    width: 50%
  }
  .home-sliding-wrap {
    margin-top: 15px
  }
  .play-button span {}
  .overflow > div {
    height: 234px;
    overflow-y: auto
  }
  .font-60 {
    font-size: 28px !important;
    line-height: normal;
    margin-top: 0;
    line-height: 36px
  }
  .staff {
    height: 156px
  }
  .move-left-36 .staff {
    margin-left: -30px
  }
  .team {
    width: 50%;
    height: 165px
  }
  .move-left-70 .staff {
    margin-left: -20px
  }
  .move-left-16 .staff {
    margin-left: 25px
  }
  .move-left-59 .staff {
    margin-left: -25px
  }
  .move-left-59 .staff {
    margin-left: -25px
  }
  .move-left-27 .staff {
    margin-left: -14px
  }
  .move-left-11 .staff {
    margin-left: 0px
  }
  .move-left-8 .staff {
    margin-left: -10px
  }
  .move-left-31 .staff {
    margin-left: -26px
  }
  .move-left-25 .staff {
    margin-left: -28px
  }
  .move-left-72 .staff {
    margin-left: 0
  }
  .move-left-66 .staff {
    margin-left: 0px
  }
  .move-left-73 .staff {
    margin-left: -6px
  }
  .move-left-21 .staff {
    margin-left: -4px
  }
  .move-left-95 .staff {
    margin-left: -50px !important
  }
  .move-left-42 .staff {
    margin-left: -0px
  }
  .move-left-71 .staff {
    margin-left: -18px
  }
  .move-left-34 .staff {
    margin-left: -17px
  }
  .move-left-10 .staff {
    margin-left: 0
  }
  .move-left-60 .staff {
    margin-left: 1px !important
  }
   .move-left-35-a .staff{margin-left:-28px}
  .move-left-7 .staff {
    margin-left: -0px
  }
  .pos-72 {
    margin-left: 10px
  }
  .pos-9 {
    margin-left: 5px
  }
  .pos-43 {
    margin-left: 15px
  }
  .move-left-70 .staff {
    margin-left: -1px !important
  }
  .move-left-59 .staff {
    margin-left: -26px
  }
  .move-left-26 .staff {
    margin-left: -20px
  }
  .move-left-27 .staff {
    margin-left: 19px
  }
  .move-left-20 .staff {
    margin-left: 0px
  }
  .move-left-19 .staff {
    margin-left: -20px
  }
  .move-left-28 .staff {
    margin-left: 0px
  }
  .move-left-9 .staff {
    margin-left: 0px
  }
  .move-left-9-a .staff {
    margin-left: 0px
  }
  .move-left-5 .staff {
    margin-left: 0px
  }
  .move-left-45 .staff {
    margin-left: -9px
  }
  .move-left-50 .staff {
    margin-left: 0px
  }
  .move-left-33 .staff {
    margin-left: -15px
  }
  .move-left-77 .staff {
    margin-left: 0px
  }
  .move-left-6 .staff {
    margin-left: 0px
  }
  .move-left-98 .staff {
    margin-left: 0px
  }
  .move-left-100 .staff {
    margin-left: 0px
  }
  .move-left-101 .staff {
    margin-left: -20px
  }
  .move-left-18 .staff {
    margin-left: 6px
  }
  .move-left-51 .staff {
    margin-left: -5px
  }
  .move-left-4 .staff {
    margin-left: -15px
  }
  .move-left-104 .staff {
    margin-left: -10px
  }
  .move-left-105 .staff {
    margin-left: -10px
  }
  .pos-21 {
    margin-left: 8px
  }
  .move-left-47 .staff {
    margin-left: 0
  }
  .move-left-55 .staff {
    margin-left: 0px
  }
  .move-left-38 .staff {
    margin-left: 0
  }
  .pos-46 {
    margin-left: 0px
  }
  .pos-63 {
    margin-left: 16px
  }
  .move-left-31 .staff {
    margin-left: -0px
  }
  .move-left-25 .staff {
    margin-left: -28
  }
  .move-left-75 .staff {
    margin-left: -0px
  }
  .move-left-58 .staff {
    margin-left: -28px
  }
  .move-left-52 .staff {
    margin-left: 0px
  }
  .move-left-17 .staff {
    margin-left: -0px
  }
  .move-left-61 .staff {
    margin-left: -20px
  }
  .move-left-61-a .staff {
    margin-left: 0px
  }
  .move-left-53 .staff {
    margin-left: 0px
  }
  .move-left-29 .staff {
    margin-left: 0px
  }
  .move-left-99 .staff {
    margin-left: 0px
  }
  .move-left-13 .staff {
    margin-left: 0
  }
  .move-left-3 .staff {
    margin-left: -10px
  }
  .move-left-12 .staff {
    margin-left: 0px
  }
  .move-left-56 .staff {
    margin-left: -10px
  }
  .pos-4 {
    margin-left: -27px
  }
  .move-left-74 .staff {
    margin-left: -5px
  }
  .pos-86 {
    margin-left: -37px
  }
  .move-left-78 .staff {
    margin-left: -6px
  }
  .pos-79 {
    margin-left: 15px
  }
  .move-left-64 .staff {
    margin-left: 0
  }
  .move-left-2 .staff {
    margin-left: 0
  }
  .move-left-44 .staff {
    margin-left: 0px
  }
  .move-left-15 .staff {
    margin-left: 0
  }
  .move-left-63 .staff {
    margin-left: 0px
  }
  .move-left-65 .staff {
    margin-left: -32px
  }
  .move-left-24 .staff {
    margin-left: -20px
  }
  .move-left-48 .staff {
    margin-left: 7px
  }
  .pos-58 {
    margin-left: 22px
  }
  .move-left-49 .staff {
    margin-left: -37px
  }
  .pos-59 {
    margin-left: -28px
  }
  .move-left-22 .staff {
    margin-left: 15px
  }
  .pos-26 {
    margin-left: 12px
  }
  .pos-66 {
    margin-left: 0px
  }
  .move-left-79 .staff {
    margin-left: 0px
  }
  .move-left-41 .staff {
    margin-left: -30px
  }
  .move-left-40 .staff {
    margin-left: 0px
  }
  .move-left-30 .staff {
    margin-left: 0px
  }
  .move-left-39 .staff {
    margin-left: 0px
  }
  .move-left-57 .staff {
    margin-left: -6px
  }
  .move-left-1 .staff {
    margin-left: -9px
  }
  .move-left-81 .staff {
    margin-left: -5px
  }
  .move-left-80 .staff {
    margin-left: 0
  }
  .move-left-82 .staff {
    margin-left: 0px
  }
  .move-left-54 .staff {
    margin-left: -14px
  }
  .move-left-83 .staff {
    margin-left: -6px
  }
  .move-left-94 .staff {
    margin-left: -20px
  }
  .move-left-83-a .staff {
    margin-left: 0px
  }
  .move-left-10 .staff {
    margin-left: 0px
  }
  .move-left-84 .staff {
    margin-left: -3px
  }
  .move-left-84-a .staff {
    margin-left: -25px
  }
  .move-left-85 .staff {
    margin-left: 0px
  }
  .move-left-86 .staff {
    margin-left: 0px
  }
  .move-left-87 .staff {
    margin-left: -25px
  }
  .move-left-88 .staff {
    margin-left: -20px
  }
  .move-left-89 .staff {
    margin-left: 10px
  }
  .move-left-102 .staff {
    margin-left: 0px
  }
  .move-left-90 .staff {
    margin-left: 0px
  }
  .move-left-91 .staff {
    margin-left: -15px
  }
  .move-left-62 .staff {
    margin-left: 0 !important
  }
  .move-left-103 .staff {
    margin-left: -30px
  }
  .move-left-92 .staff {
    margin-left: 24px
  }
  .staff.staff-m {
    margin-left: -10px
  }
  .new-person .staff {
    margin-left: -32px
  }
  .move-left-46 .staff {
    margin-left: 0px
  }
  .details h4 {
    padding-top: 0px;
    font-size: 16px;
    line-height: 15px
  }
  .details h4 span {
    font-size: 11px
  }
  .team {
    margin: 0 -15px 20px -15px;
    padding-bottom: 25px;
    display: inline-block;
    float: none !important;
    background: url(../images/strip-thin.png) center 100% repeat-x !important
  }
  .team-center {
    width: 320px
  }
  .cd-timeline-navigation a.next-main {
    top: 120px;
    left: 44px
  }
  .cd-timeline-navigation a.prev-main {
    top: 120px
  }
  .cd-timeline-navigation a {
    width: 38px;
    height: 38px
  }
  .slide {
    height: auto
  }
  .history-gmi h4 {
    font-size: 20px
  }
  .history-gmi h2 {
    font-size: 20px;
    margin-top: 0px;
    line-height: normal
  }
  p {
    font-family: 'Titillium Web';
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 12px 0px;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #2C3546
  }
  hr {
    width: 100px;
    height: 3px;
    float: left;
    background: #118bcb;
    border: none;
    margin-bottom: 20px
  }
  .main-logo {
    width: 118px;
    margin-left: 60px
  }
  .top-right::after {
    background-image: none
  }
  .banner-wrap {
    height: auto;
    margin-top: 40px
  }
  .banner-title {
    margin-left: 0;
    max-width: 800px;
    position: absolute;
    text-align: center;
    top: 28%;
    padding: 0 40px;
    width: 100%;
    left: 0
  }
  .banner-title h4 {
    font-size: 18px;
    line-height: 20px
  }
  .banner-title h3 {
    letter-spacing: 3px;
    font-size: 14px;
    margin-left: -15px
  }
  .pad-left-50 {
    padding-left: 0px !important
  }
  .pad-right-50 {
    padding-right: 0px !important
  }
  .pad-left-25 {
    padding-left: 0px !important
  }
  .pad-right-25 {
    padding-right: 0px !important
  }
  .mrg-top-35 {
    margin-top: 15px !important
  }
  .mrg-bottom-35 {
    margin-bottom: 15px !important
  }
  .list-style ul li a {
    font-size: 16px
  }
  .home-sec-four .list-style ul li a {
    font-size: 16px;
    color: #f8bc26
  }
  .home-sec-four .list-style ul li a:hover {
    color: #fff
  }
  .list-style ul li a span {
    margin: 0 15px 0px 0;
    padding: 0;
    color: #BC0C0C;
    font-size: 18px;
    text-decoration: none;
    font-family: 'Titillium Web'
  }
  .list-style ul li a:hover {
    background: none;
    padding-left: 0px;
    color: #333
  }
  .list-style ul li {
    margin-bottom: 0
  }
  .home-sliding-wrap {
    display: block;
    left: 0;
    position: inherit;
    right: 0;
    width: 100%
  }
  .h-video-sec-one {
    min-height: auto
  }
  .home-project-blk {
    padding: 25px;
    min-height: auto
  }
  .home-sec-four p {
    font-size: 18px
  }
  .home-sec-four {
    padding: 25px 0 0;
    background-size: cover
  }
  .home-sec-four ul {
    margin-top: 0
  }
  .parter .row {
    padding: 0 0px
  }
  .parter p {
    margin-bottom: 10px
  }
  .home-project-blk {
    margin-bottom: 0px
  }
  .floating-one {
    margin-bottom: 14px;
    padding: 6px;
    float: left
  }
  .home-project-blk h3 {
    margin-bottom: 15px;
    font-size: 20px
  }
  #opener-bottom {
    margin: 0px 0 0 0px;
    padding: 11px 10px !important;
    float: left
  }
  .floating-two {
    padding: 0px 8px 1px 12px
  }
  .abstract-1 {
    top: -330px
  }
  .icons {
    display: inline-block !important;
    margin-left: 5px;
    position: relative;
    top: 4px;
    width: 19px !important
  }
  .gry-full-sec {
    padding: 0 0 0 0
  }
  #slider1 .flex-direction-nav .flex-next, #slider .flex-direction-nav .flex-next {
    right: 20px !important
  }
  #slider1 .flex-direction-nav .flex-prev, #slider .flex-direction-nav .flex-prev {
    left: 20px !important
  }
  .flex-direction-nav a {
    top: 120px !important
  }
  .overflow > div {
    overflow-y: auto;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0
  }
  .top-right a span {
    display: none
  }
  .headertop .common-container {
    padding: 0
  }
  .cloned {
    display: none !important
  }
  .logo-16 {
    margin: 15px auto;
    width: 100px;
    display: flex
  }
  .logo-16-red {
    margin: 20px auto;
    width: 100px;
    display: flex
  }
  .inner-wrapper-main hr {
    margin-bottom: 15px
  }
  .inner-banner-wrap {
    background: none !important
  }
  .about-secton {
    margin-top: 20px;
    padding: 25px 0px
  }
  .directors-block {
    margin-top: 20px;
    margin-bottom: 20px
  }
  .directors-block h4, .directors-block h4 span {
    font-size: 18px;
    line-height: 28px
  }
  .directors-block p {
    font-size: 18px
  }
  .directors-block p a {
    display: inline-block;
    font-size: 18px
  }
  .red-color {
    font-size: 16px
  }
  .big-slider .owl-prev {
    display: none
  }
  .big-slider .owl-next {
    display: none
  }
  .big-slider .banner-bottom-strip {
    height: 8px
  }
  .btm-three-block h3 {
    color: #000;
    font-size: 20px
  }
  .btm-three-block h2 {
    margin-bottom: 0;
    margin-left: 0%
  }
  .three-col {
    width: 100%;
    margin: 0
  }
  .big-slider {
    margin: 25px 0 35px
  }
  .blue-block {
    padding: 30px 10px 15px;
    margin-bottom: 15px
  }
  .blue-block h3 {
    font-size: 12px;
    margin-bottom: 0
  }
  .blue-block span {
    font-size: 12px;
    margin-bottom: 0
  }
  .blue-block hr {
    width: 50px;
    margin-bottom: 0
  }
  .blue-block:hover {
    background: url(../images/abstract-4.png) left top no-repeat;
    background-size: cover;
    transform: scale(1.0);
    z-index: 1
  }
  .blue-block:hover .white-arrow {
    left: 20px;
    transition: 0.5s ease-in-out;
    top: 10px;
    display: none
  }
  .orange-block {
    padding: 30px 10px 15px;
    margin-bottom: 15px
  }
  .orange-block h3 {
    font-size: 12px;
    margin-bottom: 0
  }
  .orange-block span {
    font-size: 12px;
    margin-bottom: 0
  }
  .orange-block hr {
    width: 50px;
    margin-bottom: 0
  }
  .orange-block:hover {
    background: url(../images/abstract-4-orange.png) left top no-repeat;
    background-size: cover;
    transform: scale(1.0);
    z-index: 1
  }
  .orange-block:hover .white-arrow {
    left: 20px;
    transition: 0.5s ease-in-out;
    top: 10px;
    display: none
  }
  .red-block {
    padding: 30px 10px 15px;
    margin-bottom: 15px
  }
  .red-block h3 {
    font-size: 12px;
    margin-bottom: 0
  }
  .red-block span {
    font-size: 12px;
    margin-bottom: 0
  }
  .red-block hr {
    width: 50px;
    margin-bottom: 0
  }
  .red-block:hover {
    background: url(../images/abstract-4-red.png) left top no-repeat;
    background-size: cover;
    transform: scale(1.0);
    z-index: 1
  }
  .red-block:hover .white-arrow {
    left: 20px;
    transition: 0.5s ease-in-out;
    top: 10px;
    display: none
  }
  .red-full-sec h3 {
    font-size: 20px
  }
  .red-full-sec h4 {
    font-size: 20px
  }
  .tab-frame {
    background-image: none;
    box-shadow: none;
    border: 1px solid #eee;
    padding: 5px
  }
  .tab-frame img {
    width: 100%
  }
  .tab-frame .owl-pagination {
    position: inherit;
    float: right
  }
  .red-full-sec {
    padding: 25px 0
  }
  .srv-page-prev {
    font-size: 16px;
    padding: 20px;
    text-align: left;
    line-height: 22px
  }
  .srv-page-prev > img {
    width: 50px;
    display: none
  }
  .srv-page-prev .black-arrow {
    width: 4%;
    display: block !important;
    float: left
  }
  .srv-page-next {
    font-size: 16px;
    padding: 20px;
    text-align: right;
    line-height: 22px
  }
  .srv-page-next > img {
    width: 50px;
    display: none
  }
  .srv-page-next .black-arrow {
    width: 4%;
    display: block !important;
    float: right
  }
  .srv-page-next span {
    float: none;
    position: inherit;
    top: 0px;
    width: 243px
  }
  #service-page-slider .col-6 {
    width: 50% !important
  }
  .port-2-col {
    width: 100%;
    padding: 0 0px;
    margin-bottom: 10px;
    float: left;
    overflow: hidden
  }
  .port-3-col {
    width: 100%;
    padding: 0 0px;
    float: left;
    margin-bottom: 10px;
    overflow: hidden
  }
  .port-2-row {
    width: 100%;
    padding: 0px 0px;
    float: left;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden
  }
  .iframe-video {
    width: 100%
  }
  .fancybox-inner {
    height: auto !important
  }
  .port-2-row .play-button {
    left: 29px;
    bottom: 6px;
    transform: none;
    width: 75px;
    top: inherit
  }
  .pick-purpose {
    padding: 0
  }
  .pick-purpose h4 {
    font-size: 20px
  }
  .contact-form .back {
    margin-bottom: 0;
    font-size: 18px;
    background-size: 32px;
    padding: 0 0 0 40px
  }
  .contact-form .back:hover {
    margin-bottom: 0;
    background-size: 32px
  }
  .pick-purpose .more-button {
    font-size: 16px
  }
  .contact-form input {
    padding: 10px;
    margin-bottom: 8px
  }
  .contact-form select {
    padding: 10px;
    margin-bottom: 8px;
    background: url(../images/black-arrow-bold.png) 97% 15px no-repeat
  }
  #Container .home-project-blk .abstract-1 {
    left: -70px;
    position: absolute;
    top: -77px
  }
  .service-gray-sec ul li {
    font-size: 16px
  }
  .quote {
    font-size: 18px;
    margin: 0px 0
  }
  .slide h2 {
    text-align: left
  }
  .flip-sec {
    position: relative;
    padding: 0;
    margin: 0;
    right: 0;
    top: 0px;
    clear: both;
    display: inline-block;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 0px
  }
  .sp {
    left: 0;
    top: 0
  }
  .mobile-show {
    display: block !important
  }
}
@media only screen and (min-width:320px) and (max-width:667px) {
  #slider .flex-direction-nav .flex-prev, #slider .flex-direction-nav .flex-next {
    height: 35px !important;
    width: 35px !important;
    background-size: 100% !important
  }
  #slider1 .flex-direction-nav .flex-prev, #slider1 .flex-direction-nav .flex-next {
    height: 35px !important;
    width: 35px !important;
    background-size: 100% !important
  }
  .wiki-faq-sec h2 {
    font-size: 22px !important
  }
}
@media screen and (max-width: 480px) {
  .other-services .col-6 {
    width: 100% !important
  }
  .acc_head {
    padding: 0 30px 10px 0px;
    font-size: 14px;
    line-height: 23px
  }
  .acc_content p {
    font-size: 12px !important;
    line-height: 24px !important
  }
}
@media screen and (max-width: 768px) {
  .news_div h5 {
    font-size: 18px;
    line-height: 22px
  }
  .news_div h6 {
    font-size: 14px;
    margin-top: 5px
  }
  .news_div blockquote {
    font-size: 14px;
    line-height: 26px
  }
  .news_div {
    margin-bottom: 10px
  }
  .play-text {
    display: none
  }
  .our_main_services ul li {
    width: 49%;
    margin: 5px 3px
  }
  .our_main_services ul li a {
    padding: 5px 10px;
    font-size: 15px
  }
  .case-study-section .dr-joy {
    background: none
  }
  .case-study-section .harklinikken {
    background: none
  }
  .case-study-section .case-study {
    padding: 30px 0
  }
  .block-blue h2 {
    margin-bottom: 25px
  }
  .case-study-section .case-study p {
    width: 100%
  }
}
@media screen and (max-width: 667px) {
  .news_div {
    padding: 20px
  }
  .news_div img {
    width: 300px
  }
  .news_div blockquote {
    margin-top: 10px
  }
  .case-study-section .box {
    width: 45%
  }
  .case-study-section .box2 {
    width: 45%
  }
}
@media screen and (max-width: 568px) {
  .our_main_services ul li {
    width: 48.5%;
    margin: 5px 3px
  }
}
@media screen and (max-width: 480px) {
  .news_div h5 {
    font-size: 14px;
    line-height: 20px
  }
  .news_div h6 {
    font-size: 12px
  }
  .news_div blockquote:before {
    width: 25px;
    height: 25px;
    background-size: 100%
  }
  .news_div blockquote:after {
    width: 25px;
    height: 25px;
    background-size: 100%
  }
  .news_div blockquote {
    padding: 20px 30px;
    font-size: 13px;
    line-height: 25px;
    margin-top: 10px
  }
  .news_div {
    padding: 15px
  }
  .news_div a {
    font-size: 13px;
    float: right;
    margin-right: 35px
  }
  .our_main_services ul li a {
    padding: 5px 5px;
    font-size: 12px
  }
  .case-study-section .box {
    width: 100%
  }
  .case-study-section .box2 {
    width: 100%
  }
  .case-study-section .bord2 {
    border-right: none
  }
  .case-study-section .case-study h2 {
    line-height: 30px;
    margin-bottom: 15px
  }
  .case-study-section .case-study h2 span {
    width: 100%;
    display: inline-block
  }
}
@media screen and (max-width: 414px) {
  .our_main_services ul li {
    width: 100%;
    margin: 5px 0px
  }
}
@media screen and (max-width: 320px) {
  .plat_forms ul li {
    padding: 0px 15px;
    width: 49%
  }
  .pdf_images blockquote {
    padding: 20px 45px;
    font-size: 14px;
    line-height: 26px;
    margin-top: 15px
  }
  .address p {
    font-size: 14px !important
  }
  p.copy-right {
    font-size: 14px !important
  }
}
.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 4s linear infinite
}
@keyframes dash {
  from {
    stroke-dashoffset: 1000
  }
  to {
    stroke-dashoffset: 0
  }
}
#Capa_1 {
  width: 26px
}
.news_pop img {
  max-width: 100%
}
.join-us a:hover {
  color: #2C3546
}
.about-fold-1 .about-text {
  padding-left: 0 !important
}
.pad-right-50 {
  padding-right: 50px
}
.new-layouts .row {
  margin-bottom: 20px !important;
  margin: 0 -20px
}
.new-layouts .row:after {
  display: block;
  content: "";
  clear: both
}
.new-layouts .col-1, .new-layouts .col-2, .new-layouts .col-3, .new-layouts .col-4, .new-layouts .col-5, .new-layouts .col-6, .new-layouts .col-7, .new-layouts .col-8, .new-layouts .col-9, .new-layouts .col-10, .new-layouts .col-11, .new-layouts .col-12 {
  padding: 0 15px
}
.gradient-button {
  border-radius: 50px;
  background: #2D3647;
  padding: 10px 50px;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 16px;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 600;
  position: relative
}
.gradient-button:hover span {
  color: #fff;
  position: relative;
  z-index: 1
}
.gradient-button:before {
  content: "";
  position: absolute;
  background: rgb(255, 255, 37);
  background: linear-gradient(121deg, rgba(255, 255, 37, 0.9) 0%, rgba(252, 74, 74, 0.9) 35%, rgba(5, 127, 250, 0.9) 100%);
  color: #fff;
  width: 100%;
  height: 45px;
  border-radius: 50px;
  transition: 0.2s all;
  transform: scale(0);
  opacity: 0;
  left: 0
}
.gradient-button:hover:before {
  content: "";
  position: absolute;
  background: rgb(255, 255, 37);
  background: linear-gradient(135deg, rgba(255, 255, 37, 1) 0%, rgba(252, 74, 74, 1) 35%, rgba(5, 127, 250, 1) 100%);
  color: #fff;
  width: 100%;
  border-radius: 50px;
  transition: 0.2s all;
  opacity: 1;
  left: 0;
  top: 0;
  transform: scale(1.02);
  height: 100%
}
.cta-buttons {
  margin: 100px 0;
  display: inline-block;
  width: 100%
}
.text-banner {
  margin: 60px 0 70px;
  padding: 0;
  display: inline-block;
  position: relative
}
.text-banner .col-7 {
  padding-left: 0
}
.text-banner p span {
  display: block;
  margin-top: 30px
}
.text-banner p {
  padding-bottom: 50px;
  padding-right: 100px
}
.title-prim {
  font-family: 'Titillium Web';
  font-size: 65px;
  text-align: left;
  margin: 0;
  padding: 0 0 30px;
  font-weight: 400;
  color: #2C3546;
  text-transform: none;
  line-height: 60px;
  width: 100% !important
}
.text-banner .title-prim {
  font-family: 'Titillium Web';
  font-size: 60px;
  text-align: left;
  margin: 0;
  padding: 0 0 30px;
  font-weight: 400;
  color: #2C3546;
  text-transform: none;
  line-height: 70px
}
.title-prim span {
  font-weight: 700
}
.text-banner img {
  position: absolute;
  bottom: -82px;
  right: 0;
  width: auto;
  width: 45%
}
a {
  font-family: 'Titillium Web'
}
.blue-color {
  color: #309CF8
}
.text-button {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 600;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#9A6091), color-stop(50%, #9A6091), color-stop(50%, #309CF8));
  background-image: linear-gradient(to right, #9A6091, #9A6091 50%, #309CF8 50%);
  background-size: 200% 100%;
  background-position: 100%
}
.text-button:hover {
  -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.23, 1);
  transition: all 1s cubic-bezier(0, 0, 0.23, 1);
  background-position: -100%
}
.line-button {
  text-transform: uppercase;
  margin: 0;
  padding: 10px 20px 10px 25px;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #BC0C0C;
  position: relative;
  transition: 0.5s all;
  z-index: 1;
  border: 0;
  background: none;
  text-align: left;
  width: auto;
  line-height: normal;
  cursor: pointer
}
.line-button:before {
  width: 10px;
  content: "";
  position: absolute;
  left: 0;
  background: #BC0C0C;
  height: 100%;
  top: 0;
  transition: 0.5s all;
  z-index: -1
}
.line-button:hover {
  color: #fff
}
.line-button:hover:before {
  width: 100%;
  transition: 0.5s all
}
.red-button {
  text-transform: uppercase;
  margin: 0;
  padding: 10px 20px 10px 25px;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: normal;
  background: #BC0C0C;
  display: inline-block;
  position: relative;
  transition: 0.5s all
}
.red-button:hover {
  color: #fff
}
.center-align {
  display: table
}
.text-button-round {
  font-size: 24px;
  font-weight: 300;
  color: #2C3546;
  padding: 10px 0px;
  position: relative;
  overflow: hidden
}
.text-button-round:hover span {
  color: #2C3546;
  position: relative;
  z-index: 1
}
.text-button-round:before {
  content: "";
  position: absolute;
  height: 1px;
  background: #BC0C0C;
  color: #fff;
  width: 100%;
  transition: 0.2s all;
  left: 0;
  bottom: 15px
}
.text-button-round:hover:before {
  content: "";
  position: absolute;
  height: 13px;
  color: #2C3546;
  width: 100%;
  transition: 0.2s all;
  left: 0;
  bottom: 15px;
  opacity: 0.5;
  background: #FF95A9
}
.relative {
  position: relative
}
.n-style-video {
  margin: 0;
  padding: 70px 0;
  width: 100%;
  background: rgb(255, 255, 37);
  background: linear-gradient(135deg, rgba(255, 255, 37, 1) 0%, rgba(252, 74, 74, 1) 35%, rgba(5, 127, 250, 1) 100%);
  position: relative
}
.n-style-video:hover:before {
  bottom: 250px;
  transition: 10s all
}
.n-style-video:hover:after {
  bottom: 50px;
  transition: 10s all
}
.n-style-video .video-container {
  z-index: 1;
  position: relative;
  margin: -140px 0 0 0px;
  padding: 0;
  height: 534px
}
.n-style-video .video-container img {
  width: 100%
}
.n-style-video:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  background: url("../images/dots.png") no-repeat;
  width: 239px;
  height: 53px;
  transition: 10s all
}
.n-style-video:after {
  content: "";
  position: absolute;
  left: -50px;
  bottom: 250px;
  background: url("../images/dots.png") no-repeat;
  width: 239px;
  height: 53px;
  transform: rotate(-360deg);
  transition: 10s all
}
.content-section {
  padding: 0px 0 0;
  margin-bottom: 0px;
  display: inline-block;
  width: 100%
}
.counter-block {
  margin-bottom: 70px
}
.counter-block ul {
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: flex;
  padding: 0;
  margin: 0
}
.counter-block ul li {
  display: inline-flex;
  text-align: left;
  margin: 0 15px;
  vertical-align: top
}
.counter-block ul li span {
  color: #474747;
  font-size: 40px;
  font-weight: 600;
  margin: 0px 0px;
  display: block;
  line-height: 50px;
  font-family: 'Titillium Web'
}
.counter-block ul li .hold span {
  display: inline-block
}
.counter-block ul li .hold em {
  font-style: normal;
  font-size: 30px;
  line-height: 26px;
  color: #474747;
  font-weight: 600;
  margin: 0px 0px
}
.counter-block ul li p {
  font-size: 18px;
  font-weight: 400;
  position: relative;
  float: left;
  margin-left: 5px
}
.counter-block .counter-icon-outer {
  float: left;
  margin-right: 15px;
  height: 100px
}
.graphic-area {
  position: relative;
  margin: 0 0 70px;
  padding: 0
}
.graphic-area:before {
  content: "";
  position: absolute;
  right: -80px;
  top: 0px;
  background: url("../images/dots-color.png") no-repeat;
  width: 239px;
  height: 53px;
  transition: 3s all
}
.graphic-area:hover:before {
  right: -170px;
  transition: 3s all
}
.graphic-area .infographic {
  position: relative;
  margin-top: -40px
}
.graphic-area .infographic img {
  width: 100%
}
.infographic-1 {
  position: absolute;
  left: 9px;
  bottom: 40px;
  width: 180px !important
}
.infographic-2 {
  position: absolute;
  left: 122px;
  bottom: 0;
  width: 110px !important
}
.infographic-3 {
  position: absolute;
  right: 50px;
  bottom: 14px;
  width: 100px !important
}
.infographic-4 {
  position: absolute;
  right: 0;
  top: 0
}
.infographic-4 img {
  width: 100px !important
}
.blue-area {
  display: inline-block;
  width: 100%;
  padding: 50px 70px 70px 70px;
  margin-top: -80px;
  position: relative;
  transition: 5s all
}
.blue-area:before {
  content: "";
  position: absolute;
  right: 90px;
  top: 80px;
  background: url(../images/dots-color.png) no-repeat;
  width: 239px;
  height: 53px
}
.blue-area:after {
  background: #3C1B76;
  width: 130%;
  height: 100%;
  content: "";
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  z-index: -1;
  transition: 0.5s all ease-in-out
}
.blue-area ul {
  list-style: none
}
.blue-area ul li {
  position: relative;
  margin: 0 0 50px;
  padding: 0;
  color: #C6C1C1;
  font-size: 24px;
  font-family: 'Titillium Web'
}
.blue-area ul li:hover {
  font-weight: 600;
  color: #fff;
  padding-left: 40px;
  font-size: 26px;
  width: 100%
}
.blue-area p {
  color: #fff
}
.video-section-two-col {
  margin: 70px 0 70px 0;
  padding: 0;
  width: 100%;
  text-align: center;
  position: relative;
  height: 384px
}
.video-section-two-col-one {
  display: inline-block;
  transition: all 0.2s;
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  cursor: pointer;
  width: 100%
}
.video-section-two-col.active .video-section-two-col-one {
  transition: all 0.2s;
  left: -2%
}
.video-section-two-col-one .image {
  width: 100%;
  border: 1px solid #d4d4d4
}
.tw-years-section .video-section-two-col-one:before {
  width: 100%;
  height: 60%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0
}
.video-section-two-col-two {
  display: inline-block;
  transition: all 0.2s;
  margin: 0;
  padding: 0;
  position: relative;
  right: 0;
  cursor: pointer
}
.video-section-two-col.active .video-section-two-col-two {
  position: absolute;
  transition: all 0.2s;
  right: -2%
}
.video-section-two-col-two .image {
  width: 98%
}
.video-section-two-col .subtitle a {
  display: block;
  text-align: left;
  color: #333;
  font-style: italic;
  padding-left: 30px;
  position: relative
}
.tw-years-section .video-section-two-col .subtitle a {
  display: block;
  text-align: left;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  padding-left: 0px;
  position: absolute;
  bottom: 40px;
  left: 30px
}
.tw-years-section .video-section-two-col .play-button {
  bottom: 100px
}
.tw-years-section .video-section-two-col .subtitle a:before {
  display: none
}
.video-section-two-col .subtitle a:before {
  content: "";
  position: absolute;
  left: 8px;
  top: 12px;
  background: url("../images/play-icon-small.png") no-repeat;
  width: 14px;
  height: 17px
}
.video-section-two-col-video-1 {
  background: #fff;
  margin: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  padding: 0px;
  top: 50%;
  width: 1px;
  transition: all 0.2s;
  opacity: 0;
  z-index: 1
}
.video-section-two-col-video-2 {
  height: 480px;
  padding: 0px;
  background: #fff;
  margin: auto;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  width: 1px;
  transition: all 0.2s;
  opacity: 0;
  z-index: 1
}
.video-section-two-col .video-section-two-col-video-1.active1 {
  box-shadow: 0 0 45px #0000001a;
  width: 800px;
  opacity: 1;
  transition: all 0.5s;
  z-index: 2;
  padding: 25px
}
.video-section-two-col .video-section-two-col-video-2.active2 {
  box-shadow: 0 0 45px #0000001a;
  width: 800px;
  opacity: 1;
  transition: all 0.5s;
  z-index: 2;
  padding: 25px
}
.close-button-video {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  background: rgb(255, 255, 37);
  background: linear-gradient(121deg, rgba(255, 255, 37, 0.9) 0%, rgba(252, 74, 74, 0.9) 35%, rgba(5, 127, 250, 0.9) 100%);
  font-family: 'Titillium Web';
  color: #fff;
  font-size: 25px;
  opacity: 0;
  margin: auto;
  transform: translateX(-50%);
  left: 50%;
  bottom: -120px;
  position: absolute
}
.close-button-video img {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%
}
.video-section-two-col.active .close-button-video {
  opacity: 1
}
@keyframes popup {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
#one {
  transform: scale(1);
  animation: popup 10s 1.5s ease;
  position: absolute;
  transform-origin: center center
}
#two {
  transform: scale(1);
  animation: popup 10s 2s ease;
  position: absolute;
  transform-origin: center center
}
#three {
  transform: scale(1);
  animation: popup 10s 2.5s ease;
  position: absolute;
  transform-origin: center center
}
#four {
  transform: scale(1);
  animation: popup 10s 3s ease;
  position: absolute;
  transform-origin: center center
}
#five {
  transform: scale(1);
  animation: popup 10s 3.5s ease;
  position: absolute;
  transform-origin: center center
}
.tw-years-section {
  margin: 0;
  padding: 0;
  position: relative
}
.tw-years-section:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 43px;
  background: url(../images/dots-dark.png) no-repeat;
  width: 239px;
  height: 53px;
  transform: rotate(-360deg);
  transition: all 6s
}
.tw-years-section:hover:after {
  right: -150px;
  transition: all 6s
}
.tw-years-section .video-section-two-col.active .video-section-two-col-one {
  transition: all 0.2s;
  left: 0
}
.tw-years-section .video-section-two-col {
  margin-top: 0
}
.icons-section {
  display: inline-block;
  margin-top: 120px;
  margin-bottom: 70px;
  text-align: center;
  position: relative
}
.icons-section .blocks {
  position: relative;
  width: 100%;
  display: inline-block
}
.icons-section .blocks img {
  position: relative;
  top: 0px;
  width: 90px;
  height: 90px;
  margin: auto;
  margin-bottom: 25px
}
.icons-section .blocks h4 {
  color: #434141;
  margin-bottom: 30px
}
.icons-section .blocks:hover img {
  transition: all 0.65s;
  transform: rotateY(360deg)
}
.ceo-area {
  margin: 50px 0 0 0;
  padding: 0 0 0px;
  position: relative;
  display: inline-block;
  width: 100%
}
.about-team-mob {
  display: none
}
.about-team {
  position: relative;
  display: inline-block;
  height: 220px;
  float: left;
  width: 100%
}
.about-team:before {
  content: "";
  position: absolute;
  right: 0;
  top: -43px;
  background: url(../images/dots-dark.png) no-repeat;
  width: 239px;
  height: 53px;
  transform: rotate(-360deg);
  transition: all 6s
}
.first-row {
  position: absolute;
  bottom: 0px;
  transform: translateX(-50%);
  left: 50%
}
.first-row img {
  vertical-align: bottom
}
.second-row {
  position: absolute;
  bottom: 34px;
  transform: translateX(-50%);
  left: 56%
}
.second-row img {
  vertical-align: bottom
}
.third-row {
  position: absolute;
  bottom: 57px;
  transform: translateX(-50%);
  left: 50%
}
.third-row img {
  vertical-align: bottom
}
ul.about-more-list {
  margin: -20px 0 0 0
}
ul.about-more-list li {
  list-style: none;
  border-bottom: 1px solid #707070;
  color: #2C3546;
  padding: 15px 0;
  margin-bottom: 8px;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px
}
ul.about-more-list li:last-child {
  border-bottom: 0
}
ul.about-more-list li a {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  color: #FF7272;
  display: inline-block
}
ul.about-more-list li a:before {
  width: 0;
  height: 2px;
  content: "";
  position: absolute;
  left: 0;
  background: #FF7272;
  bottom: 0;
  transition: all 0.5s
}
ul.about-more-list li a:hover:before {
  width: 100%
}
.ceo-detials-wrap {
  margin: 50px 0 0 0;
  padding: 100px 0 100px;
  position: relative;
  display: inline-block;
  width: 100%;
  background: #004F9F
}
.ceo-detials-wrap:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 73px;
  background: url(../images/dots.png) no-repeat;
  width: 239px;
  height: 53px;
  transform: rotate(-360deg);
  transition: all 6s;
  opacity: 0.5
}
.ceo-detials {
  padding-right: 50px
}
.ceo-detials .discription {
  margin-bottom: 25px
}
.ceo-detials h4 {
  color: #fff;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 25px
}
.ceo-detials h4 span {
  color: #fff;
  margin: 0px 0;
  font-size: 30px;
  font-weight: 400;
  display: block
}
.ceo-detials p {
  color: #fff
}
.ceo-detials p a {
  color: #fff;
  font-weight: 700
}
.ceo-detials p a:hover, .ceo-detials p a:focus {
  color: #FF7272
}
a.call-button-nw {
  padding: 0 0 0 25px;
  margin: 0;
  position: relative
}
.call-button-nw span {
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  font-size: 20px;
  font-weight: 600;
  color: #FF7272;
  padding-bottom: 5px;
  transition: all 0.65s
}
a.call-button-nw:hover span {
  color: #fff
}
a.call-button-nw:before {
  background: url("../images/call.svg") no-repeat;
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  left: 0%;
  transform: translateY(-40%);
  top: 50%;
  transition: all 0.2s
}
a.call-button-nw:hover:after {
  border: 2px solid #fff;
  height: 100%;
  z-index: -1;
  width: 100%
}
.ml10 {
  position: relative;
  font-size: 60px;
  text-transform: none;
  font-weight: 400;
  line-height: 70px;
  width: 100% !important
}
.ml10 .text-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden
}
.ml10 .letter {
  display: inline-block;
  line-height: 1em;
  font-weight: 700
}
.ml10 {
  position: relative;
  font-size: 58px;
  text-transform: none;
  font-weight: 400;
  line-height: 60px
}
.ml10 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.2em;
  padding-right: 0.05em;
  padding-bottom: 0.1em;
  overflow: hidden
}
.ml10 .letter {
  display: inline-block;
  line-height: 1em;
  font-weight: 700
}
.our-team-strip {
  padding: 50px 0 0;
  margin: 0
}
.our-team-strip h3 {
  font-size: 30px;
  font-weight: 300;
  display: inline-block;
  color: #262b31;
  margin-right: 30px;
  line-height: 38px
}
.our-team-strip span {
  display: inline-block;
  line-height: normal
}
.mobile-view-icons i {
  display: none
}
.infographic-mob {
  display: none
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
  .google-review {
    margin-top: 20px
  }
  .footer-bottom .col-3, .footer-bottom .col-6, .footer-bottom .col-9 {
    width: 100%
  }
  .footer .col {
    width: 100%
  }
  .social-media {
    text-align: center
  }
  .social-media a {
    display: inline-block
  }
  .video-section-two-col.active .close-button-video {
    opacity: 1;
    z-index: 999;
    bottom: -80px
  }
  .parter .row {
    margin: 0 10px
  }
  .parter {
    padding: 25px 10px !important;
    margin: 50px 40px 0 !important
  }
  .partnerlist {
    display: inline-block;
    margin-right: 0px;
    width: 49%;
    text-align: center
  }
  .parter .col-3, .parter .col-9 {
    width: 100%
  }
  .parter p {
    text-align: center;
    margin-bottom: 25px
  }
  .blue-area {
    margin-top: -80px
  }
  .icons-section {
    display: inline-block;
    margin-top: 70px
  }
  .mrg-bottom-150 {
    margin-bottom: 0px !important
  }
  .ceo-detials-wrap {
    margin: 50px 0 0 0;
    padding: 70px 30px 70px
  }
  .tw-years-section:after {
    right: -150px;
    transition: all 6s
  }
  .tw-years-section:hover:before {
    left: -60px;
    transition: all 6s;
    bottom: -40px
  }
  .tw-years-section:before {
    left: -60px;
    transition: all 6s;
    bottom: -40px
  }
  .ml10 {
    position: relative;
    font-size: 50px;
    text-transform: none;
    font-weight: 400;
    line-height: 60px
  }
  .ml10 .text-wrapper br {
    display: none
  }
  .text-wrapper .letters {
    font-weight: 700;
    width: 100%;
    display: block
  }
  .text-banner .title-prim {
    font-size: 50px !important;
    line-height: 60px
  }
  .n-style-video .video-container {
    margin: -170px 0 0 0px
  }
  .n-style-video .video-container {
    height: 414px
  }
  .counter-block ul li span {
    font-size: 30px;
    line-height: 39px
  }
  .cta-buttons {
    margin: 60px 0
  }
}
.couponcode:hover .coupontooltip {
  transform: scale(1) translate(-50%, -50%);
  transition: 0.5s all
}
.coupontooltip {
  transition: 0.5s all;
  background: #fff;
  padding: 0 30px;
  position: absolute;
  transform: scale(0) translate(-50%, -50%);
  top: 40%;
  left: 50%;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border-radius: 6px;
  transform-origin: center left
}
.pad-0 {
  padding: 0 0 !important
}
.hblocks-sec {
  margin: 0 0 70px;
  padding: 0;
  display: inline-block;
  width: 100%
}
.hblocks {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  min-height: 500px
}
.hblocks.hblock-img1 {
  background: url("../images/hblocks-1.jpg") no-repeat;
  background-size: cover
}
.hblocks.hblock-img2 {
  background: url("../images/hblocks-2.jpg") no-repeat;
  background-size: cover
}
.hblocks.hblock-img3 {
  background: url("../images/hblocks-3.jpg") no-repeat;
  background-size: cover
}
.hblocks h4 {
  color: #fff;
  line-height: 38px;
  position: absolute;
  bottom: 50px;
  transition: all 0.4s ease-in-out 0s;
  width: 100%;
  left: 0;
  padding: 0 50px;
  height: 16%
}
.hblocks p {
  color: #fff;
  opacity: 0;
  position: absolute;
  top: 150px;
  width: 100%;
  left: 0;
  padding: 0 50px;
  transition: 0.1s all
}
.hblocks .red-button {
  opacity: 0;
  bottom: 50px;
  position: absolute
}
.block-content {
  position: absolute;
  padding: 50px;
  bottom: 0%;
  height: 100%;
  width: 100%
}
.hblocks .block-content.block-2 p {
  top: 100px
}
.hblocks .block-content.block-3 p {
  top: 140px
}
.hblocks .block-content.block-3 span {
  position: absolute;
  bottom: 90px;
  font-size: 16px;
  color: #FF809F;
  letter-spacing: 3px;
  opacity: 0;
  left: 100px;
  text-transform: uppercase;
  font-weight: 600
}
.hblocks:before {
  width: 100%;
  height: 50%;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgb(255, 37, 37);
  background: linear-gradient(180deg, rgba(255, 37, 37, 0) 0%, rgba(9, 79, 159, 1) 100%)
}
.hblocks:hover .block-content {
  top: 0%;
  background: rgba(0, 79, 159, 0.90);
  transition: 0.5s all
}
.hblocks:hover p, .hblocks:hover .red-button {
  opacity: 1;
  transition: 2s all
}
.hblocks:hover .block-content.block-3 span {
  opacity: 1
}
.hblocks:hover .video-block .play-button {
  bottom: 81px
}
.hblocks:hover h4 {
  height: 80%;
  transition: all 0.4s ease-in-out 0s
}
.hblocks .video-block {
  margin: 0;
  padding: 0 0 40px;
  position: absolute;
  bottom: 0;
  width: 100%
}
.hblocks .video-block h4 {
  transition: none;
  height: auto;
  position: inherit
}
.hblocks .video-block .play-button {
  height: 55px;
  bottom: 123px;
  left: 42px;
  display: block
}
.h-portfolio {
  position: relative;
  padding: 0;
  display: table;
  margin: 0 auto 100px;
  width: 100%
}
.h-portfolio .port-title {
  width: auto;
  display: table;
  font-size: 37px;
  font-weight: 700;
  transform: rotate(-90deg);
  text-transform: uppercase;
  position: absolute;
  bottom: 75px;
  left: -115px
}
.view-port {
  padding: 30px 15px 50px 70px;
  position: relative;
  background: #e6e6e6 url(../images/port-bg2.jpg) no-repeat bottom right;
  background-size: cover
}
.view-port img {
  position: absolute
}
.view-port h3 {
  font-size: 30px;
  margin: 0px 0 10px 0px
}
.view-port:hover:after {
  box-shadow: 25px 50px 50px rgba(51, 51, 51, 0.5);
  width: 80%;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  content: "";
  transform: translatex(-50%);
  left: 45%;
  bottom: 30px;
  z-index: -1
}
.h-inthenews {
  background: #DBEEFF;
  padding: 30px 15px 50px 70px;
  position: relative;
  background: #e6e6e6 url(../images/inthenews.jpg) no-repeat bottom right;
  background-size: cover
}
.h-inthenews:hover:after {
  box-shadow: 25px 50px 50px rgba(0, 79, 159, 0.5);
  width: 80%;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  content: "";
  transform: translatex(-50%);
  left: 45%;
  bottom: 30px;
  z-index: -1
}
.h-inthenews h3 {
  font-size: 30px;
  margin: 0px 0 10px 0px
}
.gmi-videos-sec {
  margin: 0 0 140px;
  padding: 0;
  width: 90%;
  float: right
}
.gmi-videos-sec .play-button:hover {
  transform: scale(1);
  transition: all 0.5s
}
.gmi-videos-sec .title-prim br {
  display: none
}
.gmi-videos-sec .video-content {
  position: absolute;
  bottom: 0px;
  left: 0;
  height: auto;
  padding: 15px
}
.gmi-videos-sec h2 {
  padding-bottom: 10px !important
}
.gmi-videos-sec .video-content h5 {
  line-height: normal;
  color: #fff
}
.gmi-videos-sec .video-content .play-button {
  position: relative;
  height: 49px;
  padding: 0;
  margin: 0;
  left: auto;
  bottom: auto;
  display: block
}
.gmi-videos-sec .video-content .play-button img {
  height: auto !important;
  background: none
}
.design-agency-section {
  padding: 0px 0 100px;
  margin: 0 0 70px;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 820px
}
.design-agency-section:before {
  background: url("../images/design-agency.jpg") no-repeat;
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
  background-size: cover
}
.left-blue-block {
  width: 35%;
  margin: 0;
  padding: 100px 30px 50px 140px;
  z-index: 1;
  height: 100%;
  top: -50px;
  background: #004F9F;
  position: absolute
}
.dots-ani {
  position: absolute;
  left: -110px;
  top: 40px;
  background: url(../images/dots.png) no-repeat;
  width: 239px;
  height: 53px;
  transition: 3s all
}
.left-blue-block h2 {
  text-transform: inherit;
  font-weight: 300;
  color: #fff;
  font-size: 45px;
  line-height: 50px
}
.left-blue-block p {
  color: #fff
}
.right-list-block {
  width: 65%;
  padding: 100px 30px 50px 30px;
  position: absolute;
  z-index: 1;
  right: 0
}
.right-list-block .col-6 {
  height: 330px
}
.right-list-block h4, .right-list-block p {
  color: #fff;
  margin: 10px 0
}
.right-list-block a {
  color: #FF7272;
  position: relative
}
.right-list-block a:before {
  width: 0;
  height: 2px;
  content: "";
  position: absolute;
  left: 0;
  background: #FF7272;
  bottom: 0;
  transition: all 0.5s
}
.right-list-block a:hover:before {
  width: 100%;
  height: 2px;
  content: "";
  position: absolute;
  left: 0;
  background: #FF7272;
  bottom: 0;
  transition: all 0.5s
}
img.ceo-image {
  width: 80%
}
.mobile-visible {
  display: none !important
}
.desktop-visible {
  display: inline-block !important
}
.mv {
  display: none !important
}
.dv {
  display: inline-block !important
}
.faq-links-more p {
  font-size: 22px !important;
  margin-top: 20px
}
.faq-sec {
  margin-top: 50px
}
.seen-sec .item {
  margin: 0 10px;
  border: 1px solid #ebebeb
}
.desk-st-70 {
  margin-top: 70px !important
}
.seo-form-sec {
  margin-top: 100px !important
}
.wiki-faq-sec {
  margin-top: 100px !important
}
.dashboard-imges .col-3 {
  padding: 10px
}
.slider-txt a {
  margin-top: 20px;
  display: inline-block
}
.about-fold-1 .line-button {
  margin-top: 30px;
  display: inline-block
}
.directors-block-contact p .line-divider {
  font-size: 17px
}
.contact-us-page .slide-slide-bar {
  display: none
}
#grid-container article {
  width: 33.333333%;
  padding: 5px;
  float: left;
  position: relative
}
.inner-wrapper-main.time-line-page .slide-slide-bar {
  display: none
}
.gmi-small-logo {
  display: none
}
.inner-wrapper-main.time-line-page .inner-banner-wrap {
  height: 155px;
  position: relative;
  z-index: 99999
}
@media only screen and (min-width:1400px) {
  .hblocks p {
    top: 180px
  }
  .hblocks .block-content.block-2 p {
    top: 140px
  }
  .hblocks .video-block .play-button {
    bottom: 153px
  }
  .hblocks:hover .block-content.block-3 p {
    top: 140px
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .tw-years-section {
    margin: 0;
    padding: 80px 0 0 !important;
    position: relative
  }
  .ml10 {
    position: relative;
    font-size: 48px !important;
    text-transform: none;
    font-weight: 400;
    line-height: 56px !important;
    margin-bottom: 0
  }
  .text-wrapper .letters {
    font-weight: 700;
    width: 100%;
    display: inline !important
  }
  .ml10 br {
    display: none
  }
  img.ceo-image {
    width: 90%
  }
  .infographic-mob {
    display: block
  }
  .gradient-button {
    padding: 0px 10px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 13px
  }
  .pad-left-100 {
    padding-left: 20px !important
  }
  .title-prim {
    font-family: 'Titillium Web';
    font-size: 32px;
    line-height: 40px
  }
  .counter-block ul {
    text-align: center;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    display: inherit;
    padding: 0
  }
}
@media only screen and (min-width:903px) and (max-width:1024px) {
    
    .mobile-top a.activelnk {
    color: #FF7272 !important;
}
  .headertop {
    margin: 0px;
    padding: 15px 0 0 0;
    top: 0;
    width: 100%;
    height: 75px
  }
  .call-button-top {
    display: none
  }
  .red-full-sec-sm h2 {
    font-size: 28px !important;
    line-height: 36px;
    margin: 0;
    font-weight: 400
  }
  .btm-three-block h2 {
    margin-bottom: 25px;
    margin-left: 1%;
    font-size: 32px;
    font-weight: 300
  }
  ul.about-more-list li {
    font-size: 20px
  }
  .bread-comes {
    line-height: 25px;
    padding-right: 25px;
    margin-top: 0px !important;
    margin: 0 0px 25px
  }
  .video-section-two-col {
    margin: 70px 0 0px 0
  }
  .footer-pattern {
    padding: 70px 0 50px 0 !important;
    display: inline-block;
    width: 100%
  }
  .common-container {
    max-width: 1260px;
    margin: auto;
    padding: 0px 30px
  }
  .ml10 {
    line-height: 54px
  }
  .slide-slide-bar {
    z-index: 99
  }
  .main-logo {
    width: 118px;
    margin-left: 60px
  }
  .left-blue-block {
    width: 35%;
    margin: 0;
    padding: 100px 30px 50px 50px
  }
  .dots-ani {
    position: absolute;
    left: -200px
  }
  .right-list-block p {
    color: #fff;
    margin: 10px 0;
    font-size: 15px;
    line-height: normal
  }
  .right-list-block h4 {
    font-size: 22px
  }
  .right-list-block {
    width: 65%;
    padding: 80px 30px 50px 50px
  }
  .footer ul {
    margin: 0;
    padding: 0;
    display: none
  }
  .footer-top .title-prim {
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 0
  }
}
@media only screen and (min-width:768px) and (max-width:902px) {
  .tw-years-section .video-section-two-col .play-button {
    bottom: 50px
  }
  .ceo-detials-wrap {
    margin: 50px 0 0 0;
    padding: 50px
  }
  img.ceo-image {
    width: 100%
  }
  .tw-years-section:after {
    right: 0;
    transition: all 6s
  }
  .our-team-strip h3 {
    font-weight: bold;
    margin-top: 50px
  }
  ul.about-more-list {
    margin: -20px 0 0 0;
    padding: 0
  }
  .footer-top h4 {
    padding-bottom: 20px
  }
  .footer-top .title-prim img {
    width: 157px;
    float: inherit;
    margin-right: 51px
  }
  .footer-top {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
    border-bottom: 0
  }
  .footer-top .col-4, .footer-top .col-3, .footer-top .col-2 {
    width: 100%
  }
  .footer-top .title-prim {
    text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: 39px;
    margin-bottom: 30px
  }
  .ceo-area {
    margin-top: 50px !important
  }
  .design-agency-section:before {
    background-size: cover !important
  }
  .h-portfolio .col-6, .h-inthenews .col-6 {
    width: 100%
  }
  .hblocks-sec .col-4 {
    width: 100%
  }
  .content-section {
    padding: 0px 0 0
  }
  .text-banner img {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    bottom: -24px
  }
  .main-logo {
    width: 118px;
    margin-left: 60px
  }
}
@media only screen and (min-width:768px) and (max-width:1023px) {
  .image.hide {
    display: none
  }
  .text-banner h1.title-prim br {
    display: none
  }
  .footer .col {
    width: 100%
  }
  .content-section h3 {
    color: #2C3546;
    line-height: 30px
  }
  .social-media a {
    display: inline-block
  }
  .footer-bottom .col-3, .footer-bottom .col-6 {
    width: 100%
  }
  .social-media {
    text-align: center
  }
  .parter .col-3, .parter .col-9 {
    width: 100%
  }
  .parter p {
    text-align: center;
    margin-bottom: 25px
  }
  .video-section-two-col-one {
    margin-bottom: 30px
  }
  .blue-area {
    margin-top: 40px;
    padding: 50px
  }
  .resp-vtabs .resp-tabs-container {
    padding: 29px 0 0 0
  }
  .counter-block ul {
    text-align: center;
    display: block
  }
  .counter-block ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 10px 35px
  }
  .counter-block .counter-icon-outer {
    float: none;
    margin-right: 0px;
    height: auto
  }
  .counter-block {
    margin-bottom: 40px
  }
  .counter-block ul li span {
    color: #474747;
    font-size: 24px;
    line-height: normal
  }
  .counter-block ul li p {
    margin-left: 0;
    font-size: 14px !important;
    margin-top: -10px
  }
  .n-style-video .video-container {
    z-index: 1;
    position: relative;
    margin: -150px 0 0 0px;
    padding: 0;
    height: 334px
  }
  .cta-buttons {
    margin: 60px 0
  }
  .text-banner .col-5, .text-banner .col-7 {
    width: 100%
  }
  .blue-area:before {
    content: "";
    position: absolute;
    right: -150px;
    top: -37px;
    background: url(../images/dots-color.png) no-repeat;
    width: 239px;
    height: 53px
  }
  .blue-area ul {
    list-style: none;
    padding: 0
  }
  .mrg-bottom-150 {
    margin-bottom: 0px !important
  }
  .ceo-area .col-6 {
    width: 100%
  }
  .video-section-two-col .video-section-two-col-video-1.active1, .video-section-two-col .video-section-two-col-video-2.active2 {
    width: 100%
  }
  .tw-years-section:hover:before {
    left: -60px;
    transition: all 6s;
    bottom: -40px
  }
  .tw-years-section:before {
    left: -60px;
    transition: all 6s;
    bottom: -40px
  }
  .about-fold-1 .col-5 {
    width: 100%
  }
  .about-fold-1 .col-7 {
    width: 100%
  }
  .about-fold-1 .col-7.pad-left-100 {
    padding-left: 15px !important;
    margin-top: 50px
  }
  .tw-years-section .video-section-two-col-one {
    width: 100%
  }
  .ml10 {
    position: relative;
    font-size: 46px;
    text-transform: none;
    font-weight: 400;
    line-height: 56px
  }
  .ml10 .text-wrapper br {
    display: none
  }
  .text-wrapper .letters {
    font-weight: 700
  }
}
@media only screen and (max-width:902px) {
    .mobile-top a.activelnk {
    color: #FF7272 !important;
}
  .footer-pattern {
    padding: 50px 0 50px;
    display: inline-block
  }
  .google-review {
    margin-top: 25px
  }
  .web-portfolio-menu ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 3px
  }
  #grid-container article {
    width: 50%;
    padding: 2px;
    float: left
  }
  .about-fold-1 .line-button {
    margin-top: 5px;
    display: inline-block
  }
  .web-portfolio {
    margin-bottom: 70px
  }
  .service-slider.plus-bttn {
    background: #2D3647 url(../images/arrow-down-white.png) 90% 12px no-repeat;
    margin-top: 20px !important
  }
  .about-fold-1 .about-text {
    padding-left: 15px !important
  }
  .inner-video-sec {
    margin: 20px 0
  }
  .ceo-detials-wrap {
    margin: 50px 0 0 0;
    padding: 30px 0px !important
  }
  .timeline-section .title-sec p br {
    display: none
  }
  .service-gray-sec .middle {
    float: left
  }
  .btm-three-block h2 {
    margin-left: 1%;
    font-size: 28px;
    line-height: 36px
  }
  .height-70 {
    margin-bottom: 40px
  }
  .dashboard-imges .col-3 {
    padding: 10px 0
  }
  .service-gray-sec .cenr {
    float: left;
    display: inline-block
  }
  .service-gray-sec h3, .service-gray-sec p {
    text-align: left !important;
    margin: 0 auto 15px
  }
  .wiki-faq-sec .smk_accordion {
    margin-bottom: 0 !important
  }
  .wiki-faq-sec {
    margin-top: 70px !important
  }
  .content-hide h2 {
    margin-bottom: 10px;
    text-align: left
  }
  .content-hide a {
    margin-top: 10px;
    display: inline-block;
    margin-bottom: 10px
  }
  .call-button-top {
    display: none
  }
  .quick-links-more.mrg-bottom-15 {
    margin-bottom: 0 !important
  }
  .quick-links-btn {
    font-size: 16px
  }
  .quick-links-more ul li, .faq-links-more ul li {
    display: inline-block;
    margin: 0 0px;
    line-height: 24px;
    width: 100%
  }
  .quick-links-more ul, .faq-links-more ul {
    margin: 0;
    padding: 0 0px
  }
  .mrg-top-70 {
    margin-top: 50px !important
  }
  .btm-three-block h3 {
    color: #000;
    font-size: 20px;
    margin-bottom: 10px
  }
  .item-lp {
    width: 100%;
    min-height: 0px;
    margin-bottom: 15px;
    margin-left: 0
  }
  .our_main_services ul li a {
    padding: 10px 10px;
    font-size: 15px
  }
  .design-elements {
    background: #004F9F;
    padding: 50px 0px 10px;
    margin-top: 35px
  }
  .btm-three-block {
    padding: 0;
    margin-bottom: 70px;
    margin-top: 70px
  }
  .flexslider .slides > li {
    text-align: center
  }
  .design-elements h3, .design-elements h2 {
    color: #fff;
    margin-bottom: 25px
  }
  .horizontal-images.content li:hover {
    box-shadow: none !important;
    top: 0px !important;
    transition: 0.5s all
  }
  .horizontal-images.content li:hover:before {
    display: none
  }
  .black-color {
    color: #BC0C0C;
    font-size: 16px
  }
  .slider-txt {
    padding-left: 0px;
    margin-top: 25px
  }
  .slider-txt a {
    margin-top: 20px;
    display: inline-block
  }
  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    padding: 0 0px;
    width: 100%
  }
  .common-container.mrg-top-70 > div {
    margin-bottom: 50px !important;
    display: inline-block
  }
  .common-container.mrg-top-70 > div h3 {
    margin-bottom: 10px;
    margin-top: 0
  }
  .common-container.mrg-top-70 > div:last-child {
    margin-bottom: 0 !important
  }
  .common-container.mrg-top-70 .clear {
    display: none
  }
  .common-container.mrg-top-70 .mrg-top-35 {
    margin-top: 0px !important
  }
  .desk-st-70 {
    margin-top: 0px !important
  }
  p.copy-right {
    font-size: 13px !important;
    line-height: 20px !important;
    margin-bottom: 0px
  }
  .footer-top p {
    padding-bottom: 0px
  }
  .footer-top h4 {
    padding-bottom: 0px
  }
  .no-space-bttm {
    margin-bottom: 0 !important
  }
  .red-full-sec-sm {
    margin: 50px 0 30px !important;
    padding: 50px 10px !important
  }
  .red-full-sec-sm h2 {
    font-size: 28px !important;
    line-height: 36px;
    margin-top: 0;
    font-weight: 400
  }
  .btm-three-block p {
    margin-bottom: 10px
  }
  .service-gray-sec ul {
    list-style: none;
    margin: 0px 0 30px;
    padding: 0
  }
  .plus-bttn {
    text-align: left;
    font-size: 12px;
    padding: 10px 55px 10px 35px;
    background: #2D3647 url(../images/arrow-down-white.png) 85% 12px no-repeat
  }
  .minus-bttn {
    font-size: 12px;
    background: #2D3647 url(../images/arrow-up-white.png) 85% 12px no-repeat
  }
  .project-updates {
    margin-top: 70px;
    padding: 20px 0 70px;
    margin-bottom: 50px
  }
  .hide {
    display: none
  }
  .hide.inner-video-sec {
    display: none !important
  }
  .service-gray-sec {
    padding: 50px 5px 50px !important;
    margin-bottom: 50px !important;
    margin-top: 70px !important
  }
  .project-updates .item {
    margin: 0 0px
  }
  .flexslider {
    padding: 0 20px !important
  }
  .more-button {
    background: #BC0C0C;
    color: #fff
  }
  .more-button:before {
    display: none
  }
  h2 {
    font-family: 'Titillium Web';
    font-size: 28px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 36px;
    color: #2C3546;
    margin-bottom: 0px;
    margin-top: 15px
  }
  h2 br {
    display: none
  }
  h3 {
    font-family: 'Titillium Web';
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: 30px;
    color: #2C3546;
    margin-top: 15px
  }
  h4 {
    font-size: 18px;
    line-height: 24px
  }
  h5 {
    font-size: 16px;
    line-height: 18px
  }
  h1 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 36px
  }
  .inner-banner-wrap {
    height: 85px
  }
  .bread-comes {
    display: none
  }
  .ceo-detials {
    padding-right: 0;
    padding: 20px 0px !important
  }
  .top-right {
    margin: 3px 0px 0
  }
  .ceo-detials h4 {
    color: #fff;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 25px
  }
  .call-button-nw span {
    font-size: 16px
  }
  .ceo-detials h4 span {
    color: #fff;
    margin: 0px 0;
    font-size: 20px;
    font-weight: 400;
    display: block
  }
  ul.about-more-list li {
    font-size: 20px;
    padding-top: 0;
    margin-bottom: 15px
  }
  ul.about-more-list li a {
    font-size: 16px;
    font-weight: 700;
    position: relative;
    color: #FF7272;
    display: inline-block;
    margin-bottom: 0
  }
  .line-button {
    text-align: center
  }
  .desktop-visible {
    display: none !important
  }
  .mobile-visible {
    display: block !important
  }
  .dv {
    display: none !important
  }
  .mv {
    display: block !important
  }
  .right-list-block .col-6 {
    width: 100%
  }
  #fold1 .floating-image.st0 {
    left: -50%
  }
  .common-container {
    max-width: 1260px;
    margin: auto;
    padding: 0px 25px
  }
  .parter {
    padding: 25px 10px !important;
    margin: 0 15px !important
  }
  .inner-video-sec.video-pop:after, .service-gray-sec:before, .service-gray-sec:after {
    display: none
  }
  .tw-years-section .video-section-two-col .subtitle a {
    bottom: 10px;
    left: 20px
  }
  .tw-years-section .video-section-two-col .play-button {
    bottom: 50px
  }
  img.ceo-image {
    width: 100%
  }
  .about-team-mob {
    display: block
  }
  .about-team-mob img {
    width: 100%
  }
  .about-blog-sec {
    margin-top: 50px;
    text-align: left
  }
  .about-blog-sec h3 {
    font-size: 28px;
    margin-right: 0;
    line-height: 36px;
    margin-bottom: 10px
  }
  ul.about-more-list {
    margin: 0px 0 0 0;
    padding: 0 0px
  }
  .about-team {
    display: none
  }
  .horizontal-images.content ul, .vertical-images.content ul {
    margin: 0;
    padding: 0 0 0 0px !important
  }
  .horizontal-images.content li {
    margin: 10px;
    transition: 0.5s all
  }
  .horizontal-images.content li:hover {
    box-shadow: none;
    top: 0;
    transition: 0.5s all
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    top: -124px
  }
  .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    top: -204px
  }
  .your-sucess .title-prim {
    padding-bottom: 10px
  }
  .your-sucess p {
    margin-bottom: 5px
  }
  p.copy-right br {
    display: block
  }
  .hblocks .block-content.block-3 p {
    top: auto
  }
  .hblocks .block-content.block-2 p {
    top: auto
  }
  .hblocks {
    margin-bottom: 1px;
    min-height: auto
  }
  .partnerlist img {
    width: 100%
  }
  .partnerlist {
    display: inline-block;
    margin-right: 10px;
    width: 45%
  }
  .line-button {
    color: #fff
  }
  .line-button:before {
    width: 100%;
    transition: 0.5s all
  }
  .text-banner .line-button:before {
    width: 90%;
    transition: 0.5s all;
    transform: translateX(-50%);
    left: 50%
  }
  .left-blue-block h2 {
    text-transform: inherit;
    font-weight: 300;
    color: #fff;
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 25px
  }
  .design-agency-section {
    padding: 0px 0 0px;
    margin: 0 0 80px;
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    background: #193165
  }
  .left-blue-block {
    width: 100%;
    margin: 0;
    padding: 170px 40px 50px;
    z-index: 1;
    height: 100%;
    top: 0px;
    background: #004F9F;
    position: inherit
  }
  .left-blue-block p {
    color: #fff;
    margin-bottom: 15px
  }
  .dots-ani {
    position: absolute;
    left: -60px;
    top: 100px;
    background: url(../images/dots.png) no-repeat;
    width: 239px;
    height: 53px;
    transition: 3s all;
    transform: none !important
  }
  .right-list-block {
    width: 100%;
    padding: 70px 20px 0;
    position: inherit;
    z-index: 1;
    right: 0;
    display: inline-block;
    margin-top: 10px
  }
  .right-list-block h4 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 20px
  }
  .right-list-block .col-6 {
    margin-bottom: 40px;
    height: auto
  }
  .design-agency-section:before {
    background: url(../images/design-agency-m.jpg) no-repeat;
    background-position: bottom center
  }
  .h-portfolio {
    background: none;
    margin-bottom: 50px
  }
  .gmi-videos-sec {
    margin: 0 0 100px;
    padding: 0 0 0 10px;
    width: 100%
  }
  .gmi-videos-sec .title-prim br {
    display: block
  }
  .gmi-videos-sec h3, .gmi-videos-sec h2 {
    padding-left: 10px
  }
  .gmi-videos-sec h2 {
    padding-bottom: 0px !important
  }
  .h-inthenews:before {
    bottom: -17px
  }
  .h-inthenews:before {
    width: 40%
  }
  .h-inthenews {
    padding: 25px 20px 35px 30px;
    position: relative;
    margin-bottom: 50px
  }
  .hblocks-sec {
    margin: 40px 0 60px
  }
  .h-portfolio .common-container {
    padding: 0px 0px
  }
  .h-inthenews h3 {
    font-size: 30px;
    margin: 0px 0 10px 0px;
    font-size: 24px
  }
  .h-portfolio .port-title {
    width: auto;
    display: table;
    font-size: 33px;
    font-weight: 700;
    transform: rotate(-90deg);
    text-transform: uppercase;
    position: absolute;
    top: 79px;
    left: -68px
  }
  .h-portfolio {
    background: none
  }
  .view-port {
    width: 100%;
    position: relative;
    float: right;
    margin-bottom: 20px;
    padding: 25px 20px 35px 30px
  }
  .hblocks .video-block .play-button img {
    width: 100%
  }
  .hblocks .video-block .play-button {
    height: 55px;
    bottom: 0;
    left: 27px;
    display: block;
    width: 55px;
    position: relative;
    top: auto
  }
  .hblocks:hover .video-block .play-button {
    bottom: 0
  }
  .hblocks .block-content.block-3 span {
    opacity: 1;
    bottom: -46px;
    position: absolute;
    left: 85px
  }
  .hblocks .video-block {
    bottom: auto;
    position: relative
  }
  .hblocks h4 {
    line-height: 30px;
    padding: 0 0px;
    font-size: 24px;
    height: auto;
    bottom: auto;
    position: relative;
    margin-bottom: 15px
  }
  .hblocks h4 br {
    display: none
  }
  .hblocks p {
    opacity: 1;
    position: relative;
    top: auto;
    padding: 0 0px
  }
  .hblocks .red-button {
    opacity: 1;
    position: relative;
    bottom: auto;
    margin-top: 50px;
    padding: 10px 10px 10px 10px;
    font-size: 13px
  }
  .hblocks .block-content {
    top: 0%;
    transition: 0.5s all;
    padding: 50px 35px;
    position: relative
  }
  .hblocks:before {
    height: 100%;
    background: rgba(9, 79, 159, 0.80)
  }
  .hblocks.hblock-img3:before {
    height: 100%;
    background: rgba(9, 66, 130, 0.80)
  }
  .text-banner p {
    padding-bottom: 20px;
    padding-right: 0;
    margin-top: 15px
  }
  .text-banner img {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    bottom: -18px;
    transform: none !important
  }
  .infographic-mob {
    display: block
  }
  .new-layouts .content-section h3 {
    line-height: 30px;
    font-size: 24px
  }
  .about-fold-1 {
    display: inline-block;
    margin: 0 -15px
  }
  .ceo-area {
    margin: 30px 0 0 0;
    padding: 0 0px 30px
  }
  .inner-video-sec:before {
    display: none
  }
  .seen-sec {
    margin-bottom: 50px
  }
  .seen-sec h3 {
    color: #000;
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    margin-left: 10px
  }
  .seen-sec .item {
    margin: 0 10px;
    border: 1px solid #ebebeb
  }
  .tw-years-section .video-section-two-col .video-section-two-col-video-1.active1 {
    height: 100%
  }
  .tw-years-section .close-button-video {
    bottom: -120px;
    z-index: 99
  }
  .tw-years-section .video-section-two-col {
    margin: 0;
    text-align: left;
    height: auto;
    margin-bottom: 0
  }
  .our-team-strip {
    padding: 0px 0 0;
    text-align: center;
    margin-top: 30px
  }
  .our-team-strip a {
    margin-bottom: 30px;
    display: inline-block
  }
  .our-team-strip h3 {
    font-size: 28px;
    margin-right: 0;
    line-height: 36px
  }
  .our-team-strip h3 br {
    display: none
  }
  .slide-slide-bar {
    width: 39px;
    bottom: 137px;
    right: 7px;
    transform: none;
    top: auto;
    z-index: 999
  }
  #slide-panel.visible {
    padding: 25px;
    display: block;
    transform: none;
    top: auto;
    right: -20px;
    bottom: -26px;
    height: 340px !important
  }
  .mobile-view-icons i {
    display: block;
    width: 100%;
    text-align: left
  }
  .mobile-view-icons i img {
    width: 50px
  }
  .close-button-video {
    bottom: -106px
  }
  .footer .col {
    width: 100%
  }
  .social-media {
    text-align: center;
    float: none
  }
  .social-media a {
    display: inline-block
  }
  .footer-top .col-3, .footer-top .col-2 {
    margin-bottom: 35px
  }
  .footer-top .title-prim {
    text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: 39px;
    margin-bottom: 30px
  }
  .footer-top .title-prim img {
    width: 132px;
    float: inherit;
    margin-right: 0
  }
  .footer-top {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
    border-bottom: 0
  }
  .footer-logo-act {
    margin-bottom: 30px
  }
  .footer-logo-gmi {
    margin-bottom: 30px
  }
  .parter p {
    margin-bottom: 30px;
    text-align: left;
    font-size: 24px !important;
    font-style: italic;
    font-weight: 600
  }
  .video-section-two-col-one {
    margin-bottom: 30px
  }
  .video-section-two-col-one .image {
    width: 100%
  }
  .video-section-two-col-two .image {
    width: 100%
  }
  .video-section-two-col .video-section-two-col-video-1.active1 {
    width: 100%
  }
  .video-section-two-col .video-section-two-col-video-2.active2 {
    width: 100%
  }
  .video-section-two-col {
    margin: 0px 0 70px 0
  }
  .mobile-view-icons.col-6 {
    padding: 0px 10px 30px
  }
  .mobile-view-icons {
    margin: 20px 0 0;
    display: inline-block
  }
  .mobile-view-icons .text-button-round {
    background: #fff;
    display: inline-block;
    float: left;
    width: 33.33%;
    border: 3px solid #fff;
    line-height: 22px;
    padding: 7px;
    letter-spacing: 0;
    min-height: 90px;
    border-radius: 0;
    text-align: left
  }
  .mobile-view-icons .text-button-round span {
    color: #737373;
    position: relative;
    z-index: 1;
    line-height: 0;
    font-size: 16px;
    text-transform: none;
    font-weight: 400
  }
  .mobile-view-icons .text-button-round:before {
    display: none
  }
  .blue-area:before {
    content: "";
    position: absolute;
    right: -174px
  }
  .text-button, .gradient-button {
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: normal;
    position: relative
  }
  .text-button:after {
    background: url(../images/right-arrow.svg) left top no-repeat;
    position: absolute;
    right: -33px;
    top: 4px;
    content: "";
    width: 25px;
    height: 23px;
    background-size: 70%
  }
  .content-section {
    padding: 50px 0
  }
  .mob-mr-btm-30 {
    margin-bottom: 30px
  }
  .n-style-video:after {
    left: -30px;
    bottom: 80px;
    background-size: 160px
  }
  .n-style-video:before {
    right: -120px;
    bottom: 7px;
    background-size: 150px
  }
  .content-section h3 {
    color: #2C3546;
    line-height: 27px
  }
  .content-section {
    padding: 0px 0 0
  }
  .text-banner {
    margin: 60px 0 0px
  }
  .text-banner p span {
    display: block;
    margin-top: 20px
  }
  .n-style-video {
    margin: 0;
    padding: 70px 0 50px
  }
  .text-banner h1.title-prim br {
    display: none
  }
  .text-banner .title-prim {
    font-family: 'Titillium Web';
    font-size: 40px;
    text-align: left;
    margin: 0;
    padding: 0 0 0px;
    font-weight: 400;
    color: #2C3546;
    text-transform: none;
    line-height: 46px
  }
  .n-style-video .video-container {
    height: 100%
  }
  .mrg-bottom-150 {
    margin-bottom: 0px !important
  }
  .ceo-detials-wrap {
    margin: 50px 0 0 0;
    padding: 0px 0 0px;
    overflow: hidden
  }
  .ceo-detials-wrap:after {
    right: -125px;
    top: 15px;
    background: url(../images/dots.png) no-repeat;
    opacity: 0.5
  }
  .ceo-detials {
    padding-right: 0;
    padding: 40px
  }
  .video-section-two-col .subtitle a {
    font-size: 14px;
    padding-left: 50px
  }
  .video-section-two-col .subtitle a:before {
    left: 28px
  }
  .title-prim {
    font-family: 'Titillium Web';
    font-size: 42px;
    line-height: 45px
  }
  .cta-buttons {
    margin: 50px 0 0;
    display: inline-block
  }
  .counter-block {
    margin: 30px auto 30px;
    display: table
  }
  .counter-block ul li {
    display: inline-block;
    text-align: left;
    margin: 0px 15px 10px;
    vertical-align: top;
    text-align: center
  }
  .gradient-button {
    padding: 6px 17px;
    margin-bottom: 10px
  }
  .counter-block ul {
    text-align: center;
    display: block
  }
  .counter-block ul li {
    margin: 10px 15px
  }
  .counter-block ul li span {
    color: #474747;
    font-size: 24px;
    line-height: normal
  }
  .counter-block ul li p {
    margin-left: 0;
    font-size: 14px !important;
    margin-top: -10px
  }
  .counter-block .counter-icon-outer {
    width: 87px;
    text-align: center;
    display: block;
    width: 100%;
    float: none;
    height: 71px
  }
  .graphic-area:before {
    content: "";
    position: absolute;
    right: -130px;
    top: 80px;
    background: url(../images/dots-color.png) no-repeat;
    width: 239px;
    height: 53px
  }
  .pad-left-100 {
    padding-left: 15px !important
  }
  .graphic-area .infographic {
    position: relative;
    margin-top: 0
  }
  .blue-area {
    padding: 100px 10px 70px 10px;
    margin-bottom: 40px
  }
  .blue-area ul li {
    position: relative;
    margin: 0 0 10px;
    padding: 0
  }
  .blue-area ul li a {
    color: #C6C1C1;
    font-size: 16px
  }
  .blue-area ul li a:hover {
    font-weight: 600;
    color: #fff;
    padding-left: 40px;
    font-size: 16px
  }
  .blue-area ul {
    list-style: none;
    padding: 0
  }
  .graphic-area {
    position: relative;
    margin: 0 0 0px
  }
  .text-button-round {
    font-size: 22px
  }
  .service-list-h {
    margin-top: 60px;
    margin-bottom: 50px
  }
  .tw-years-section {
    margin: 0;
    padding: 170px 0 0;
    position: relative
  }
  .tw-years-section:after {
    top: 93px
  }
  .tw-years-section:before {
    display: none
  }
  .tw-years-section:hover:after {
    right: 0px;
    transition: all 6s
  }
  .icons-section {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px
  }
  .ceo-image {
    width: 100%
  }
  .icons-section .blocks img {
    margin-bottom: 0
  }
  .icons-section .blocks h4 {
    color: #434141;
    margin-bottom: 10px
  }
  .icons-section .blocks {
    margin-bottom: 30px
  }
  .ml10 {
    position: relative;
    font-size: 28px;
    text-transform: none;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 0
  }
  .ml10 .text-wrapper br {
    display: none
  }
  .text-wrapper .letters {
    font-weight: 700
  }
}
.grid {
  min-height: 300px
}
#grid-container article:hover a.out-link {
  opacity: 1
}
a.out-link {
  position: absolute;
  top: 20px;
  width: 23px;
  right: 20px;
  opacity: 0
}
.our-works .nav-tabs {
  margin: 50px 0 25px;
  text-align: left
}
.our-works .nav-tabs > li {
  float: none;
  margin-bottom: -1px;
  display: inline-block;
  margin: auto 50px auto 0
}
.our-works .nav-tabs > li > a {
  text-align: center;
  border: 0;
  padding: 0 !important
}
.our-works .nav-tabs > li > a img {
  display: table;
  margin: auto;
  width: 60px;
  filter: grayscale(100%)
}
.our-works .nav-tabs > li.active a span {
  color: #af143f
}
.our-works .nav-tabs > li.active a img {
  opacity: 1;
  filter: grayscale(0%)
}
.our-works .nav-tabs > li:hover a span {
  color: #af143f
}
.our-works .nav-tabs > li:hover a img {
  opacity: 1;
  filter: grayscale(0%)
}
.our-works .nav-tabs > li > a span {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  color: #333
}
.our-works .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  border: 0
}
.our-works .nav-tabs {
  border: 0
}
.our-works .nav-tabs > li > a:hover {
  border-color: none
}
.our-works .nav > li > a:focus, .our-works .nav > li > a:hover {
  text-decoration: none;
  background: none !important;
  border: 0 !important
}
.our-works .button:active, .our-works .button.is-checked {
  background: #BC0C0C;
  outline: none
}
.our-works .button {
  border-radius: 50px;
  background: #2D3647;
  padding: 5px 14px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 600;
  position: relative;
  width: auto;
  border: 0;
  margin: 5px 5px;
  cursor: pointer !important
}
.our-works .button:hover {
  color: #fff;
  position: relative;
  z-index: 1;
  background: #BC0C0C
}
.our-works .button-group {
  margin: 20px 0;
  text-align: left
}
.our-works .button-group:after {
  content: '';
  display: block;
  clear: both
}
.our-works img {
  vertical-align: middle
}
.our-works .img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}
.our-works .resp-tab-content {
  padding: 0;
  border: 0;
  display: block
}
.our-works .resp-tab-content.fade.in {
  display: block
}
.our-works .resp-tab-content.fade {
  display: none
}
.our-works .resp-tab-active {
  background: none;
  position: inherit;
  content: "";
  width: auto;
  height: auto
}
.our-works {
  position: relative;
  padding-bottom: 100px;
  display: table;
  width: 100%
}
.fancybox-navigation button:before {
  background: transparent !important
}
@media (max-width: 1024px) {
  .grid article {
    width: 31.3%
  }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .our-works .nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
    margin: auto 50px auto 0
  }
  .our-works .nav-tabs {
    margin: 0px 0 25px;
    text-align: left
  }
  .our-works .grid article {
    width: 47.9%
  }
}
@media (max-width: 767px) {
  .our-works .grid article {
    width: 48%
  }
  .our-works .button {
    background: #2D3647;
    padding: 4px 13px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 10px;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    position: relative;
    width: auto;
    border: 0;
    margin: 3px 0px;
    cursor: pointer !important
  }
}
@media (max-width: 479px) {
  .our-works .grid article {
    margin: 0% 0;
    width: 100%
  }
}
.our-works .button {
  display: inline-block;
  padding: 0.5em 15px;
  background: #2D3646;
  font-family: sans-serif;
  font-size: 12px;
  cursor: pointer;
  margin: 2px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s
}
.our-works .button:hover {
  background-color: #BC0C0C
}
.our-works .button:active, .our-works .button.is-checked {
  background-color: #BC0C0C;
  outline: none
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}
@media only screen and (max-width: 767px) {
  .our-works .nav-tabs {
    margin: 0px 0 0px;
    text-align: left
  }
  .our-works .nav-tabs > li > a img {
    display: table;
    margin: auto;
    width: 40px;
    filter: grayscale(100%)
  }
  .our-works .nav-tabs > li > a {
    text-align: center;
    border: 0;
    padding: 10px 6px
  }
  .our-works .nav-tabs > li {
    margin: auto 15px auto 0
  }
  .our-works .nav-tabs > li > a span {
    display: none
  }
}