/*@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');*/

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-display: swap;

}

@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-display: swap;

}

@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-display: swap;

}

@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-display: swap;

}

@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-display: swap;

}

@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-display: swap;

}

@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-display: swap;

}

@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-display: swap;

}

@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-display: swap;

}

@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-display: swap;

}

@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;

    font-display: swap;

}

html {

  overflow-x: hidden

}
/**[id]::before {
  content: '';
  display: block;
  height: 75px;
  margin-top: -75px;  
  visibility: hidden;
}*/
/*a::before {
  content: '';
  display: block;
  height: 75px;
  margin-top: -75px;  
  visibility: hidden;
}*/
.line-button::before {
  content: inherit;
}
body {

  margin: 0px;

  padding: 0px;

  font-family: 'Titillium Web';

  font-size: 18px;

  color:#000000;

  background: #FFF;

  line-height: 28px

}

.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

}

.logo-anchor {

  width: 140px;

  display: inline-block;

}

p {

  font-family: 'Titillium Web';

  font-weight: normal;

  margin: 0px;

  padding: 0px 0px 25px 0px;

  font-size: 18px;

  line-height: 26px;

  color: #2C3546;
  text-align:justify;

}

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: 16px;

  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

}

  .timeline-section .scrollmess h1{font-size:35px; color:#fff;}

.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

}

.wsmenu-list.cls-min-height {

  height: 64px;

}





/* ------March 31 ,2022 start------- */



#slider1 .flex-direction-nav .flex-prev, #slider .flex-direction-nav .flex-prev,#slider1 .flex-direction-nav .flex-next, #slider .flex-direction-nav .flex-next{

   transition: .3s ease-in-out;

}

#slider .flex-direction-nav .flex-prev:hover,#slider1 .flex-direction-nav .flex-prev:hover,#slider .flex-direction-nav .flex-next:hover,#slider1 .flex-direction-nav .flex-next:hover{

  transition: .3s ease-in-out;

  transform: scale(1.08);

}

.back-top img,.media-sprite a,.plat_forms ul li img{

  transition: .3s ease-in-out;

}

.back-top img:hover{

  transition: .3s ease-in-out;

  transform: scale(1.2);

}

.media-sprite a:hover,.plat_forms ul li img:hover{

  transition: .3s ease-in-out;

  transform: scale(1.1);

}



@media screen and (min-width:1200px){

  .our-works .img-responsive{

    transition: .3s ease-in-out;

  }

  .our-works .img-responsive:hover{

    transition: .3s ease-in-out;

    transform: translateY(-10px);

  }

}



@media(max-width:902px){

  

}

@media(max-width:768px){
  p.g-work-p br {
    display: none;
}
  .g-workspace-offer p.g-work-p{
    margin-bottom: 12px !important;
  }

 #slide-panel  a.close-bttn img{

    display: none!important;

  }

}

/* ------March 31 ,2022 end------- */



@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:hover{

  background-color: #b5383e;

}



.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:hover{

  background-color: #b5383e;

}



.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"

}


}

.img-responsive {

  width: 100%;

  display: block

}

a {

  color: #b5383e;

  transition: 0.5s

}

a:hover{

  color: #000;

}



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: 25px;

  font-style: normal;

  font-weight: bold;

  line-height: 40px;

  color:#b5383e;


}

h4 {

  font-family: 'Titillium Web';

  font-size: 20px;

  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: 1px solid #b9b9b9;

  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;

  text-transform: none!important;

}

#floating-contact input[type="submit"] {

  outline: medium none

}

#result p {

  line-height: normal;

  font-size: 18px;

  font-weight: bold

}

div#audi_result p {

  color: #0C3;

  padding: 0;

  margin-top: -5px;

}

#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;

  height: 60px;

  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

}

.google-review img {

  width: 30px;

  height: 30px;

}

.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;

  height: 20px;

}

.top-right a span {

  font-size: 14px;

  color: #2D3646;

  transition: all 0.5s ease;

  font-family: 'Cabin' !important;

  position: relative;

  padding-left: 0px;

  left: 0px;

  float: right;

}

.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: #b5383e;

  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-full {

  text-transform: uppercase;

  padding: 10px 20px 10px 25px;

  font-size: 14px;

  letter-spacing: 2px;

  font-weight: 600;

  color: #fff;

  position: relative;

  transition: 0.5s all;

  z-index: 1;

  border: 0;

  background: #b5383e;

  text-align: left;

  width: auto;

  line-height: normal

}

.more-button-full:hover {

  color: #BC0C0C !important;

  background: #fff;

}

.overlay {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0, 0, 0); /* Fallback color */

  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */

  z-index: 9999;

}

.overlay2 {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100%; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0, 0, 0); /* Fallback color */

  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */

  z-index: 9999;

}

.more-button {

  text-transform: uppercase;

  padding: 10px 20px 10px 25px;

  font-size: 14px;

  letter-spacing: 2px;

  font-weight: 600;

  color: #b5383e;

  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: #b5383e;

  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;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: all 0.5s;

}

.play-button:hover {

  /*transform: scale(1.05);*/

  transform: translate(-50%, -50%) scale(1.05) !important;

  transition: all 0.5s !important;

}

.play-button span {

  color: #fff;

  font-family: 'Titillium Web';

  font-size: 18px;

  font-weight: 600;

  margin-top: 0;

  display: block;

  float: none;

  width: 100%;

  line-height: 22px;

  text-align: center;

  text-shadow: 1px 3px 5px #000000;

}

.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: #b5383e;

  font-size: 25px;

  text-decoration: none;

  cursor: pointer

}

.list-style ul li a span {

  margin: 0 25px 0px 0;

  padding: 0;

  color: #b5383e;

  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: 62px !important;

  height: 62px;

  float: none;

  margin: 0 auto;

}

.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%

}

.partnerlist img {

  width: 235px;

  height: 83px;

}

.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;

  height: 40px;

  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;

  height: 54px;

  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;

  height: 27px;

  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;
    margin-left: 13px;

}

.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 img{

    width: 245px;

    height: 116px;

}*/

.media-sprite a {

  width: 30px;

  height: 30px;

  background-image: url(../images/sprite.png);

  display: inline-block;

}

.fb-media {

  background-position: 0 0;

}

.youtube-media {

  background-position: -28px -4px;

}

.linkedin-media {

  background-position: -83px -4px;

}

.twitter-media {

  background-position: -54px -4px;

}

.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:hover, .floating-three:hover{

    background: #b5383e;

}

.floating-one img {

  width: 16px;

  height: 16px;

  margin-top: 2px;

  margin-left: 4px

}

.floating-two {

  padding: 9px 4px 8px 8px !important;

  background: #b5383e;

  line-height: 0;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  text-align: center;

  border: 1px solid #9c9c9c26

}

.floating-two img {

  width: 20px;

  height: 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;

  height: 23px;

  margin-top: -2px

}

.float-one {

  padding: 9px 4px 8px 8px !important;

  background: #004F9F;

  line-height: 0;

  border-radius: inherit;

  width: 44%;

  height: 40px;

  text-align: center;

  border: 1px solid #9c9c9c26;

  display: inline-block;

  margin-bottom: 0px;

  float: left !important;

}

.float-one:focus {

  background: #004F9F

}

.float-one img {

  width: 20px;

  height: 20px;

  margin-top: 2px;

  float: left;

}

.float-one p {

  font-size: 16px;

  color: #fff;

  text-align: left;

  padding: 0 10px;

  float: left;

}

.float-two {

  padding: 9px 4px 8px 8px !important;

  background: #b5383e;

  line-height: 0;

  border-radius: inherit;

  width: 44%;

  height: 40px;

  text-align: center;

  border: 1px solid #9c9c9c26;

  float: right !important;

}

.float-two img {

  width: 20px;

  height: 20px;

  margin-top: 0px;

  float: left;

}

.float-two p {

  font-size: 16px;

  color: #fff;

  text-align: left;

  padding: 0 10px;

  float: left;

}

.float-two:focus {

  background: #BC0C0C

}

.float-three {

  padding: 9px 4px 8px 8px !important;

  background: #009F00;

  line-height: 0;

  border-radius: inherit;

  width: 12%;

  height: 40px;

  text-align: center;

  border: 1px solid #9c9c9c26;

  display: inline-block

}

.float-three:focus {

  background: #009F00

}

.float-three img {

  width: 23px;

  height: 23px;

  margin-top: -2px;

  display: inherit;

}

.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

}

.bottom-slide-bar {

  position: fixed;

  z-index: 9999;

  bottom: 0;

  height: 40px;

  width: 100%;

}

.slide-slide-bar {

  margin: 0;

  padding: 0;

  position: fixed;

  right: 10px;

  z-index: 999;

  top: 50%;

  width: 46px;

  transform: translateY(-50%)

}

#seo-panel {

  width: 780px;

  background: #fff;

  z-index: 99999;

  right: -30px;

  margin-top: -5px;

  padding: 25px;

  box-shadow: 0 0 13px #d6d6d6;

  height: 430px;

  overflow: auto;

  bottom: 0px;

  display: none;

  position: fixed;

  top: 50%;

  left: 50%;

  /* bring your own prefixes */

  transform: translate(-50%, -50%);

}

#seo-panel img {

  float: right;

}

#seo-panel .overflow {

  width: 300px;

  float: left;

}

#analytics-panel {

  width: 780px;

  background: #fff;

  z-index: 99999;

  right: -30px;

  margin-top: -5px;

  padding: 25px;

  box-shadow: 0 0 13px #d6d6d6;

  height: 460px;

  overflow: auto;

  bottom: 0px;

  display: none;

  position: fixed;

  top: 50%;

  left: 50%;

  /* bring your own prefixes */

  transform: translate(-50%, -50%);

}

#analytics-panel img {

  float: right;

}

#analytics-panel .overflow {

  width: 300px;

  float: left;

}

#slide-panel {

  width: 300px;

  background: #fff;

  position: absolute;

  z-index: 99999;

  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%)

}

/*.blog #slide-panel.visible, .single-post #slide-panel.visible{left: auto;}*/



#slide-panel.visible {

  padding: 25px;

  display: block;

  position: fixed;

  top: 50%;

  left: 50%;

  /* bring your own prefixes */

  transform: translate(-50%, -50%);

}

#slide-panel .close-bttn {

  background-image: url(../images/sprite.png);

  background-position: -131px -10px;

  width: 30px;

  height: 30px;

  transform: scale(0.7);

}

#slide-panel .close-bttn img {

  display: none;

}

#opener {

  float: left;

  margin: 0px 0 0 0px

}

#slide-panel h3 {

  margin-bottom: 15px;

  float: left;

  color:#2C3546;

}

#audit-panel {

  width: 300px;

  background: #fff;

  position: absolute;

  z-index: 99999;

  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%)

}

#audit-panel.visible {

  padding: 25px;

  display: block;

  position: fixed;

  top: 50%;

  left: 50%;

  /* bring your own prefixes */

  transform: translate(-50%, -50%);

}

#auditopener {

  float: left;

  margin: 0px 0 0 0px

}

#audit-panel h3 {

  margin-bottom: 15px;

}

.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: #b5383e;

  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: #b5383e;

  font-size: 18px;

  line-height: 26px

}

.orange-color {

  color: #f8bc26;

  font-size: 20px

}

.black-color {

  color: #b5383e;

  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

}
/*.manual-slide #slider1 .flex-direction-nav .flex-prev, .manual-slide #slider .flex-direction-nav .flex-prev{
  left: 50px;
}
.manual-slide #slider1 .flex-direction-nav .flex-next, .manual-slide #slider .flex-direction-nav .flex-next{
  right: 50px;
}*/
.manual-slide .flexslider{
  padding: 0 75px;
}
.g-space-wrap h2 {
  font-family: 'Titillium Web';
  font-size: 60px;
  font-style: normal;
  font-weight: 300;
  line-height: 62px;
  color: #2C3546;
  margin-bottom: 30px;
}
.mb-0{
  margin-bottom: 0 !important;
}
.mt-0{
  margin-top: 0 !important;
}
.mb-55{
  margin-bottom: 55px !important;
}
.service-gray-sec.g-workspace-offer2{
  min-height: 568px;
  margin: 70px 0 0 0 !important;
}

.g-workspace-offer p.g-work-p {
  max-width: 100%;
  text-align: center;
  margin-bottom: 30px !important;
}
.g-workspace-offer p.g-work-p2 {
  max-width: 100%;
  text-align: left;
  margin-bottom: 14px !important;
}
.service-gray-sec.g-workspace-offer p {
  margin-bottom: 10px;
}
.service-gray-sec.g-workspace-offer:after{
  left: -38px;
}
.service-gray-sec {

  background: url(../images/abudhabi-bg.jpg) no-repeat;

  padding: 100px 0 70px 0px;

  background-size: cover;

  margin-top: -72px;

  margin: 70px 0 !important;

  position: relative

}



.service-gray-sec.with-blue-sec p{

  max-width: none;

  margin-bottom: 25px;

}



.service-gray-sec.with-blue-sec p.p-full-width{

  margin-bottom: 50px;

}



.service-gray-sec.with-blue-sec h4{

  color:#FFF;

  margin-bottom: 15px;



}



.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

}

.service-gray-sec .full-width-100 p, .service-gray-sec .full-width-100 h3 {

  width: 100%;

  margin-bottom: 15px;

  max-width: 100%

}

.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: #ff008b;

  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: #b5383e;



  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: #b5383e;

  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: -55px

}

.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: -56px

}

.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: -68px

}

.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: -30px

}

.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: -70px;

  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

}

.blob {

  background: black;

  border-radius: 50%;

  box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);

  margin: 10px;

  height: 40px;

  width: 40px;

  transform: scale(1);

  animation: pulse-black 2s infinite;

}

.blob.red {

  background: rgba(188, 12, 12, 1);

  box-shadow: 0 0 0 0 rgba(188, 12, 12, 1);

  animation: pulse-red 2s infinite;

}

@keyframes pulse-red {

  0% {

    transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(188, 12, 12, 0.7);

  }

  70% {

    transform: scale(1);

    box-shadow: 0 0 0 10px rgba(188, 12, 12, 0);

  }

  100% {

    transform: scale(0.95);

    box-shadow: 0 0 0 0 rgba(188, 12, 12, 0);

  }

}

.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

}

.reviews_div span {

  display: 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

}

#audit-panel label {

  color: #F00;

  border: none !important;

  font-size: 12px;

  display: block;

  margin-top: -5px;

  line-height: normal;

}

#audit-panel .error {

  border: 1px solid #F00;

}

#analytics-panel label {

  color: #F00;

  border: none !important;

  font-size: 12px;

  display: block;

  margin-top: -5px;

  line-height: normal;

}

#analytics-panel .error {

  border: 1px solid #F00;

}

#seo-panel label {

  color: #F00;

  border: none !important;

  font-size: 12px;

  display: block;

  margin-top: -5px;

  line-height: normal;

}

#seo-panel .error {

  border: 1px solid #F00;

}

/*#slide-panel .error {*/

/*  border: 1px solid #F00;*/

/*}*/

#slide-panel label {

  color: #F00;

  border: none !important;

  font-size: 12px;

  display: block;

  line-height: normal;

}

.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: green;

  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;

  margin-top: 19px;

  min-height: 410px;

  display: inline-block;

}

.item-lp:first-child {

  margin-left: 0

}

.analytics-lp {

  margin-top: 30px;

  float: left;

  text-align: center;

}

.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;

  min-height: 170px;

}

.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

}
.smk_accordion .accordion_in {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 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: 14px

}
.mb-4{
  margin-bottom: 40px !important;
  margin-top: 68px;

}


.split {

  width: 47%;

  margin-right: 30px;

  float: left;

}

.acc_content p {

  font-family: 'Titillium Web';

  font-weight: normal;

  margin: 0px;

  padding: 0px 0px 25px 0px;

  font-size: 18px;

  line-height: 26px;

  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: #ff008b;

  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: #b5383e;

  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 #b5383e;

  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

}
#carousel1.g-space-flexslide .flex-viewport .slides li {
 /* text-transform: inherit;
  font-weight: 600;*/
}
.flexslider.g-space-flexslide-cnt .flex-viewport {
 /* max-width: inherit;*/
}
#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 (max-width:2560px) {
.g-workspace-offer{
  background: url(../images/g-offering-bg.jpg) left top no-repeat !important;
  background-size: cover !important;
  padding: 125px 0 180px 0px !important;
  min-height: 460px;
}
}
@media (max-width:1920px) {
  .g-workspace-offer{
    background: url(../images/g-offering-bg.jpg) left top no-repeat !important;
    padding: 106px 0 100px 0px !important;
    background-size:inherit !important;
    min-height: 460px;
  }
  }
  @media (max-width:1440px) {
  .g-workspace-offer{
    background: url(../images/g-offering-bg-lap.jpg) left top no-repeat !important;
    background-size:cover !important;
    padding: 98px 0 97px 0px !important;
  }
  .service-gray-sec.g-workspace-offer2 {
    min-height: 460px;
}
}

@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

}
.w-100 {
  max-width: 100% !important;
}
.captions_bk h5 {

  font-size: 19px !important;

  line-height: 28px !important;

  margin-bottom: 20px

}

.captions_bk p {

  font-size: 18px !important;

  line-height: 28px

}

.kb {

  margin-top: 0% !important

}

.megamenu .menu-title{

  display: flex;

  align-items: center;

  margin-bottom: 20px;

}

.megamenu .menu-title i{

  margin-right: 15px;

}

.page-not-found-container p{

  margin-bottom: 50px

}
@media (max-width: 1700px){

  .g-space-wrap h2 {
    font-size: 40px;
    line-height: 44px;
  }
  .g-space-wrap h1 {
    /*font-size: 40px;
    line-height: 44px;*/
  }

}
@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: #b5383e;

    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) {

  .play-btn-in-mobile{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .play-btn-in-mobile img{
    margin: 0 auto;
  }
  .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:last-child {

    margin-right: 0;

    font-family: 'Tajawal', sans-serif !important;

    display: inline-block;

    margin-right: 20px;

  }

  .top-right a {

    display: none

  }

  .top-right a.ar-link {

    display: inline-block

  }

  .inner-video-sec .play-button span {

    font-size: 14px

  }

  .headertop {

    position: fixed;

    background: #fff;

    z-index: 999;

    padding: 13px

  }

  .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: 150px;

    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) {

  .split {

    width: 100%;

    margin-right: 0px;

    float: none;

  }

  #seo-panel {

    width: 90%;

  }

  #analytics-panel {

    width: 90%;

  }

  a.close-bttn img {

    display: block !important;

  }

  #seo-panel img {

    display: none;

  }

  #analytics-panel img {

    display: none;

  }

  .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: 100% !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: 4px

  }

  .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 {

    font-size: 14px;

    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: green;

    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

  }

  #audit-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

  }

  #audit-panel {

    margin-top: -1px;

    height: 290px

  }

  #audit-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*/

    width: 100%;

    text-align: center;

  }

  .play-button img {

    height: 62px;

    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: 15px

  }

  .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: 156x;

    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: #b5383e;

    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

}

.your-sucess h4 {

  font-family: 'Titillium Web';

  font-size: 18px;

  font-style: normal;

  font-weight: bold;

  line-height: 20px;

  color: #2C3546;

}

.your-sucess ul li{

  font-size: 16px;

  line-height: 22px;

  margin-bottom: 12px;

}

.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: 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%;

  height: 524px;

}

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:#fff;

  position: relative;

  transition: 0.5s all;

  z-index: 1;

  border: 0;

  background:#b5383e;

  text-align: left;

  width: auto;

  line-height: normal;

  cursor: pointer

}

.line-button:hover {

  background:#049223;

}

/*.line-button:before {

  width: 10px;

  content: "";

  position: absolute;

  left: 0;

  background: #b5383e;

  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: -1px 20px 10px 25px;

  font-size: 14px;

  letter-spacing: 2px;

  font-weight: 600;

  color: #fff;

  text-align: center;

  line-height: normal;

  background: #b5383e;

  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: #b5383e;

  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%;

 

}

.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: #ff008b;

  display: inline-block

}

ul.about-more-list li a:before {

  width: 0;

  height: 2px;

  content: "";

  position: absolute;

  left: 0;

  background: #ff008b;

  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: #ff008b;

  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/furniture-buyers.jpg") no-repeat;

  background-size: cover;






}

.hblocks.hblock-img2 {

  background: url("../images/electronics.jpg") no-repeat;

  background-size: cover;

}

.hblocks.hblock-img3 {

  background: url("../images/ac-buyers.jpg") no-repeat;

  background-size: cover;
 
}

.hblocks.hblock-img4 {

  background: url("../images/home-appliance-buyers.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;

  width: 57px;

  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;

  /*z-index: 2;*/

}

.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: 39px !important;

  width: 39px;

  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/alain.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: #b5383ee8;

  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: 65px 30px 50px 30px;

  position: absolute;

  z-index: 1;

  right: 0

}

.right-list-block .web-design-icon {

  display: block;

  background-image: url('../images/sprite.png');

  width: 71px;

  height: 52px;

  background-position: -8px -53px;

}

.right-list-block .seo-icon {

  display: block;

  background-image: url('../images/sprite.png');

  width: 66px;

  height: 52px;

  background-position: -79px -49px;

}

.right-list-block .web-dev-icon {

  display: block;

  background-image: url('../images/sprite.png');

  width: 73px;

  height: 67px;

  background-position: -7px -111px;

}

.right-list-block .ecomm-icon {

  display: block;

  background-image: url('../images/sprite.png');

  width: 72px;

  height: 67px;

  background-position: -82px -113px;

}

.right-list-block .col-6 {

  height: 448px

}

.right-list-block h4, .right-list-block p {

  color: #fff;

  margin: 10px 0

}

.right-list-block a {

  color: #EBFF0F;

  position: relative

}

.right-list-block a:before {

  width: 0;

  height: 2px;

  content: "";

  position: absolute;

  left: 0;

  background: #ff008b;

  bottom: 0;

  transition: all 0.5s

}

.right-list-block a:hover:before {

  width: 100%;

  height: 2px;

  content: "";

  position: absolute;

  left: 0;

  background: #ff008b;

  bottom: 0;

  transition: all 0.5s

}

img.ceo-image {

  width: 90%

}

.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;
  margin-bottom: 34px;

}

.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

}

.contact-us-page .bottom-slide-bar.mobile-visible {

    display: none !important;

}

.black-color:hover {

    color: #000;

}

@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: 40px 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) {

/* --------march 31, 2022 start--------- */

  .mrg-top-35{

    margin-top: 86px !important;

  }

  /* --------march 31, 2022 end--------- */

  .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) {
  .g-space-wrap h1 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 36px;
}
.g-space-wrap h2 {
  font-size: 30px;
  line-height: 36px;
}
  .in-mobile-pacing-font{
    color: #fff;
    font-family: 'Titillium Web';
    font-size: 17px;
    font-weight: 600;
    margin-top: 0;
    display: block;
    float: none;
    width: 100%;
    line-height: 18px;
    text-align: center;
    text-shadow: 1px 3px 5px #000000;
    padding: 5px 5px;
  }
 .position-relative-clear{
  clear: both;
    position: relative;
 }
  .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: #b5383e;

    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: -6px 0 30px !important;
    padding: 25px 0px !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: #b5383e;

    color: #fff

  }

  .more-button:before {

    display: none

  }

  h2 {

    font-family: 'Titillium Web';

    font-size: 20px;

    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: #b5383e;
    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: #ff008b;

    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: #b5383e78;

    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;

    height: 303px;

    width: auto;

    max-width: 100%;

    display: table;

    margin: auto;

    bottom: -18px;

    transform: none !important

  }

  .text-banner .min-height {

    height: 353px;

  }

  .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: 177px;

    right: 7px;

    transform: none;

    top: auto;

    z-index: 999

  }

  #slide-panel.visible {

    padding: 25px;

    display: block;

    height: 340px !important;

    position: fixed;

    top: 50%;

    left: 50%;

    /* bring your own prefixes */

    transform: translate(-50%, -50%);

  }

  #audit-panel.visible {

    padding: 25px;

    display: block;

    height: 340px !important;

    position: fixed;

    top: 50%;

    left: 50%;

    /* bring your own prefixes */

    transform: translate(-50%, -50%);

  }

  .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: 30px;

    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: #b5383e;

  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

}

#divSuccessMessage p{

    color: green;

}

@media (max-width: 1024px) {
  .g-workspace-offer{
    background-size: cover !important;
  }

  .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: 992px) {
.g-space-wrap .col-6.left.mrg-top-35 {
  margin-top: 0 !important;
}
}
@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: #b5383e;

  outline: none

}

.img-responsive {

  display: block;

  max-width: 100%;

  height: auto

}

.box-inside-highlight{

    font-weight: 700;

    text-align: center;

    color: #b5383e;

    font-size: 20px;

    padding: 20px;

    border: solid 2px #b5383e;

}

@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

  }

}





@media(min-width:903px){

  .mrg-top-35-in-desktop{
    margin-top: 65px;
  }
  .top-add-tolist{

    margin-top: 196px;

  }

}
.no-margin a{
  margin-top: 0!important;
  margin-bottom: 0!important;
}
.margin-top-100{
  margin-top: 100px;
}

.i-notice{
    background: red;
    display: inline-block;
    font-size: 12px;
    line-height: 13px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-right: 15px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.main-overlay{
  background: rgba(0,0,0,0.7);
  position: fixed;
  left:0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  z-index: 10000;
  justify-content: center;
  padding: 50px 0;
}

.important-notice{
  background: #FFF;
  padding: 30px;
  max-width: 900px;
  height: 100%;
  overflow: auto;
  position: relative;
}

.close-i-notice{
  cursor: pointer;
  position: absolute;
    right: 20px;
    top: 20px;
    font-size: 20px;
    font-family: arial;
    color: #000;
}

.footer-important-notice{
    padding: 30px 0;
    border-bottom: 1px solid rgba(135, 135, 135, 0.79);
    padding-bottom: 35px;
    margin-bottom: 55px;
}

.footer-important-notice h4{
  margin-bottom: 35px;
}

.footer-important-notice *{
  color: #E2E0E0;
}