/* default styles */
/* Global Styling */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,200italic,200,100,100italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800);
/* font-family: 'Raleway', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,300italic,400italic,600italic,700italic,800,800italic);
/*
+ General Styling and Tags
*body
+ @font-face

+ #home
  - .navbar
  - .revo_slider_wrapper
+ #about-us
   - #about-us-1
   - #about-us-2
   - #about-us-3
   - #about-us-4
+ #services
    -#services-1
    -#services-2
    -#services-3
+ #portfolio
  -#portfolio1
  -#portfolio2
  -#portfolio3
+ #contact-us
  - #contact-us1
  - #contact-us2


+ footer
*/
body {
  -webkit-transition: linear 0s;
          transition: linear 0s;
  color: #202125;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  width: 100%;
  overflow-x: hidden;
  background-repeat: repeat-y;
  background-position: 50% 0;
  -webkit-transition-property: background-position;
          transition-property: background-position;
}

h1, h2, h3, h4, h5, h6, p {
  padding: 0;
  margin: 0;
  line-height: normal;
  color: #202125;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
}

h1 {
  font-size: 48px;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}

h2 {
  font-size: 42px;
  font-weight: 100;
  font-family: "Raleway", sans-serif;
}
@media screen and (max-width: 767px) {
  h2 {
    font-size: 30px;
  }
}

h3 {
  font-size: 32px;
}
@media screen and (max-width: 767px) {
  h3 {
    font-size: 24px;
  }
}

h4 {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-size: 16px;
  font-family: "Raleway", sans-serif;
  color: #f50645;
  text-transform: uppercase;
}

p {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

.big-padding {
  padding: 120px 0;
}

.big-padding-bottom {
  padding-bottom: 300px;
}

.mid-level-padding {
  padding: 100px 0;
}

.low-level-padding {
  padding: 80px 0;
}

.button {
  font-family: "Raleway", sans-serif;
  font-size: 12px;
  line-height: 20px;
  padding: 12px 46px;
  border-radius: 28px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition: all linear 400ms;
          transition: all linear 400ms;
  border: none;
}
@media screen and (max-width: 767px) {
  .button {
    padding: 10px 28px;
    font-size: 11px;
    line-height: 16px;
  }
}

.button:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
      transform: scaleX(0);
  -webkit-transform-origin: 51%;
  -ms-transform-origin: 51%;
      transform-origin: 51%;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 28px;
  border: none;
}

.button:hover:before, .button:focus:before, .button:active:before {
  -webkit-transform: scaleX(1.05);
  -ms-transform: scaleX(1.05);
      transform: scaleX(1.05);
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  outline: none;
  color: inherit;
}

.vertical-heading h2 {
  position: relative;
  font-family: "Raleway", sans-serif;
  line-height: 45px;
  margin-left: 35px;
}
@media screen and (max-width: 1199px) {
  .vertical-heading h2 {
    font-size: 29px;
  }
}
@media screen and (max-width: 767px) {
  .vertical-heading h2 {
    margin-left: 0;
    line-height: normal;
  }
}
.vertical-heading span {
  display: table;
  position: relative;
  left: -53px;
  top: 52px;
  text-transform: uppercase;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #008cba;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  word-spacing: 8px;
}
@media screen and (max-width: 767px) {
  .vertical-heading span {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    display: block;
    position: static;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .vertical-heading {
    text-align: center !important;
  }
}

.section-top-heading {
  margin-bottom: 90px;
}
.section-top-heading h5 {
  margin-bottom: 10px;
}

.list-inline li {
  padding: 0;
}
.list-inline li a {
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #ffffff;
  text-align: center;
  line-height: 35px;
  -webkit-transition: 400ms linear;
          transition: 400ms linear;
}
.list-inline li:nth-child(1) a {
  background: #3b5998;
  border-color: transparent;
  color: #ffffff !important;
}
.list-inline li:nth-child(2) a {
  background: #58bbff;
  border-color: transparent;
  color: #ffffff !important;
}
.list-inline li:nth-child(3) a {
  background: -webkit-radial-gradient(33% 100%, circle, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
  background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
  border-color: transparent;
  color: #ffffff !important;
}
#contact-us #contact-us2 .left-section .list-inline li:nth-child(4) a { 
  background: #0077b5 !important;
  color: #fff;
  border-color: transparent;
  text-align: right;
}

.list-inline a:hover, #contact-us #contact-us2 .left-section .list-inline li:nth-child(4) a:hover {
  background: #73ae20 !important;
  border-color: #73ae20 !important;
  color: #fff !important;
}
.owl-prev, .owl-next {
  display: inline-block;
  font-size: 40px;
}

.element-center {
  margin: 0 auto;
}

.blog-section {
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
  padding: 20px;
  border-radius: 4px;
}
.blog-section h4 {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  line-height: 40px;
}
.blog-section p {
  line-height: 24px;
}
.blog-section a {
  color: #008cba;
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  display: inline-block;
  text-transform: uppercase;
  margin-top: 25px;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
}
.blog-section a:hover {
  color: #202125;
}
.blog-section .user {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 2px solid #f5f5f5;
}
.blog-section .user p {
  font-size: 11px;
  font-family: "Raleway", sans-serif;
  line-height: normal;
}
.blog-section .user p .text-right {
  line-height: 24px;
}
@media screen and (max-width: 1199px) {
  .blog-section .user img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .blog-section .user p {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .blog-section .user img {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  .blog-section .user p {
    text-align: inherit;
  }
  .blog-section .user p.text-right {
    text-align: right;
  }
}

/* news pages banner styling */
/*#banner {
  padding: 180px 0;
  color: #ffffff;
  background: url("../images/cover.jpg") no-repeat fixed center;
  background-size: cover;
}
#banner h1, #banner p {
  color: #ffffff;
}
#banner h1 {
  font-family: "Raleway", sans-serif;
  margin-bottom: 10px;
}*/

/* loader styling start */
.loader {
  background: #ffffff;
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: hidden;
  z-index: 1200;
}

#cssload-pgloading:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#cssload-pgloading .cssload-loadingwrap {
  position: absolute;
  top: 45%;
  bottom: 45%;
  left: 25%;
  right: 25%;
}

#cssload-pgloading .cssload-bokeh {
  font-size: 97px;
  width: 1em;
  height: 1em;
  position: relative;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li {
  position: absolute;
  width: .2em;
  height: .2em;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
  left: 50%;
  top: 0;
  margin: 0 0 0 -.1em;
  background: #00c176;
  transform-origin: 50% 250%;
  -o-transform-origin: 50% 250%;
  -ms-transform-origin: 50% 250%;
  -webkit-transform-origin: 50% 250%;
  -moz-transform-origin: 50% 250%;
  animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
  -o-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
  -ms-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
  -webkit-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
  -moz-animation: cssload-rota 1.3s linear infinite, cssload-opa 4.22s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
  top: 50%;
  right: 0;
  margin: -.1em 0 0 0;
  background: #ff003c;
  transform-origin: -150% 50%;
  -o-transform-origin: -150% 50%;
  -ms-transform-origin: -150% 50%;
  -webkit-transform-origin: -150% 50%;
  -moz-transform-origin: -150% 50%;
  animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
  -o-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
  -ms-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
  -webkit-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
  -moz-animation: cssload-rota 2.14s linear infinite, cssload-opa 4.93s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
  left: 50%;
  bottom: 0;
  margin: 0 0 0 -.1em;
  background: #fabe28;
  transform-origin: 50% -150%;
  -o-transform-origin: 50% -150%;
  -ms-transform-origin: 50% -150%;
  -webkit-transform-origin: 50% -150%;
  -moz-transform-origin: 50% -150%;
  animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
  -o-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
  -ms-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
  -webkit-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
  -moz-animation: cssload-rota 1.67s linear infinite, cssload-opa 5.89s ease-in-out infinite alternate;
}

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
  top: 50%;
  left: 0;
  margin: -.1em 0 0 0;
  background: #88c100;
  transform-origin: 250% 50%;
  -o-transform-origin: 250% 50%;
  -ms-transform-origin: 250% 50%;
  -webkit-transform-origin: 250% 50%;
  -moz-transform-origin: 250% 50%;
  animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
  -o-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
  -ms-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
  -webkit-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
  -moz-animation: cssload-rota 1.98s linear infinite, cssload-opa 6.04s ease-in-out infinite alternate;
}

@keyframes cssload-rota {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-ms-keyframes cssload-rota {
  to {
    -ms-transform: rotate(360deg);
  }
}
@-webkit-keyframes cssload-rota {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes cssload-opa {
  12.0% {
    opacity: 0.80;
  }
  19.5% {
    opacity: 0.88;
  }
  37.2% {
    opacity: 0.64;
  }
  40.5% {
    opacity: 0.52;
  }
  52.7% {
    opacity: 0.69;
  }
  60.2% {
    opacity: 0.60;
  }
  66.6% {
    opacity: 0.52;
  }
  70.0% {
    opacity: 0.63;
  }
  79.9% {
    opacity: 0.60;
  }
  84.2% {
    opacity: 0.75;
  }
  91.0% {
    opacity: 0.87;
  }
}
@-ms-keyframes cssload-opa {
  12.0% {
    opacity: 0.80;
  }
  19.5% {
    opacity: 0.88;
  }
  37.2% {
    opacity: 0.64;
  }
  40.5% {
    opacity: 0.52;
  }
  52.7% {
    opacity: 0.69;
  }
  60.2% {
    opacity: 0.60;
  }
  66.6% {
    opacity: 0.52;
  }
  70.0% {
    opacity: 0.63;
  }
  79.9% {
    opacity: 0.60;
  }
  84.2% {
    opacity: 0.75;
  }
  91.0% {
    opacity: 0.87;
  }
}
@-webkit-keyframes cssload-opa {
  12.0% {
    opacity: 0.80;
  }
  19.5% {
    opacity: 0.88;
  }
  37.2% {
    opacity: 0.64;
  }
  40.5% {
    opacity: 0.52;
  }
  52.7% {
    opacity: 0.69;
  }
  60.2% {
    opacity: 0.60;
  }
  66.6% {
    opacity: 0.52;
  }
  70.0% {
    opacity: 0.63;
  }
  79.9% {
    opacity: 0.60;
  }
  84.2% {
    opacity: 0.75;
  }
  91.0% {
    opacity: 0.87;
  }
}
/* loader styling end */
/* make portfolio font big */
.list button {
  font-weight: 700;
}

/* make responsive tabs  setting */
#services #service-2 #responsiveTabsDemo .r-tabs-state-active a {
  font-weight: 700;
}

/* make responsive tabs  setting end*/
/* pricing table font */
.pricing-table .price h2 {
  font-family: "Open Sans", sans-serif !important;
}

/* pricing table font */
/*verical heading */
.vertical-heading h2 strong {
  color: #73ae20;
  font-family: inherit;
}

/* vertical heading */
.vertical-heading span {
  color: #f50645;
}

/* home styling start */
/*navbar styling start */
.navbar {
  -webkit-transition: all 300ms linear;
          transition: all 300ms linear;
  border: none !important;
  background-color: #191a14;
  padding: 8px 0;
  /*margin-top: 40px*/
  /* The navigation menu links */
  /* When you mouse over the navigation links, change their color */
  /* Position and style the close button (top right corner) */
}
.navbar.shrink {
  background: #ffffff;
  margin: 0;
  padding: 8px 0;
  box-shadow: 0 8px 6px -9px #999;
}
.navbar.shrink .nav li a {
  color: #73ae20;
}
.navbar.shrink .nav li a:focus {
  background: transparent;
  color: #202125;
}
.navbar.shrink .nav li a:hover {
  color: #f50645;
}
.navbar .navbar-nav {
  margin-right: 5px;
}
.navbar .navbar-header .navbar-brand {
  /*width: 155px;*/
  height: auto;
  padding: 7px 15px;
}
@media screen and (max-width: 767px) {
  .navbar .navbar-header .navbar-brand {
    padding: 8px 15px;
  }
}
@media screen and (max-width: 767px) {
  .navbar .navbar-header .navbar-brand {
    width: 125px;
  }
}
.navbar .navbar-header .navbar-brand img {
  width: 100%;
}
.navbar .navbar-header button {
  background: #ffffff;
}
.navbar .navbar-header button span {
  background: #008cba;
}
@media screen and (max-width: 767px) {
  .navbar .navbar-collapse {
    background: #ffffff;
  }
}
.navbar .nav li {
  padding: 15px;
}
.navbar .nav li a {
  color: #ffffff;
  -webkit-transition: border-color 300ms linear;
          transition: border-color 300ms linear;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
}
.navbar .nav li a:hover, .navbar .nav li a:focus {
  background: transparent;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .navbar .nav li a:hover, .navbar .nav li a:focus {
    color: #202125;
  }
}
.navbar .nav li a:hover {
  color: #f50645;
}
.navbar .nav li a:before {
  position: absolute;
  content: '';
  width: 100%;
  display: table;
  height: 4px;
  background: #f50645;
  bottom: -5px;
  -webkit-transition: all 300ms linear;
          transition: all 300ms linear;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
}
@media screen and (max-width: 767px) {
  .navbar .nav li a:before {
    display: none;
  }
}
.navbar .nav li.active a:before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
@media screen and (max-width: 767px) {
  .navbar {
    margin-top: 0;
  }
  .navbar, .navbar.shrink {
    padding: 4px 0;
  }
  .navbar .nav li a {
    color: #202125;
  }
}
.navbar .side-menu-button {
  position: relative;
  cursor: pointer;
  background-color: #f50645;
  padding: 7px 14px;
  border-radius: 4px;
  color: #ffffff;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  z-index: 2;
  display: inline-block;
  float: right;
  top: 10px;
  right: 0;
}
@media screen and (max-width: 767px) {
  .navbar .side-menu-button {
    top: 7px;
  }
}
.navbar .side-menu-button:hover {
  color: #ffffff;
  background: #f50645;
}
.navbar .side-menu-button.actives {
  background: transparent;
}
.navbar .side-menu-button.actives .fa {
  color: #f50645;
  font-size: 36px;
  -webkit-transition: all 300ms linear;
          transition: all 300ms linear;
}
.navbar .side-menu-button.actives .fa:hover {
  color: #6a6a6a;
}
.navbar .sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Stay on top */
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9);
  /* Black*/
  overflow: hidden;
  /* Disable horizontal scroll */
  padding-top: 0;
  /* Place content 60px from the top */
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.navbar .mySideBar {
  width: 100%;
  height: 500px;
  color: #fff;

}
.navbar .mySideBar > ul.nav {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.navbar .sidenav ul li {
  display: block;
  text-align: center;
}
.navbar .sidenav ul li a {
  color: #6a6a6a;
  font-size: 42px;
  padding: 8px;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.4s linear;
          transition: all 0.4s linear;
}
@media screen and (max-width: 767px) {
  .navbar .sidenav ul li a {
    font-size: 18px;
    border: none;
  }
}
.navbar .sidenav ul li.active a {
  border: none;
}
@media screen and (max-width: 1199px) {
  .navbar .sidenav ul li {
    padding: 5px;
    border: none;
  }
}
.navbar .sidenav ul > li.active a {
  color: #ce2350;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background: transparent;
}
.navbar .sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  border: none;
  color: #fff;
}

/*navbar styling end */
/*slider styling start */
#slider1 {
  text-transform: uppercase;
}
#slider1 ul li:first-child h1 span {
  color: #73ae20;
}
#slider1 ul li:nth-child(2) h1 span {
  color: #73ae20;
}
#slider1 ul li:nth-child(3) h1 span {
  color: #ce2350;
}
#slider1 h1 {
  font-family: "Raleway", sans-serif;
  font-weight: 100;
}
#slider1 h1 span {
  font-weight: 700;
}
#slider1 p {
  text-transform: none;
  font-family: "Open Sans", sans-serif;
  line-height: 39px;
  font-weight: 100;
}
#slider1 .button.first {
  background: #f50645;
  color: #fff;
  border: none;
}
#slider1 .button.second {
  background: #14226f;
  color: #ffffff;
}
#slider1 .button:before {
  background: #73ae20;
}
#slider1 .button:hover, #slider1 .button:focus, #slider1 .button:active {
  color: #ffffff;
}
#slider1 .tp-bullets {
  top: 57% !important;
}
#slider1 .tp-bullets .tp-bullet {
  width: 35px;
  height: auto;
  position: absolute;
  background: transparent;
  cursor: pointer;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
}
#slider1 .tp-bullets .tp-bullet:hover, #slider1 .tp-bullets .tp-bullet.selected {
  background: transparent;
  border-bottom: 2px solid #008cba;
}
#slider1 .tp-bullets .tp-bullet span {
  color: #ffffff;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 40px;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
  display: block;
  width: 100%;
  margin-bottom: -10px;
}
@media screen and (max-width: 992px) {
  #slider1 .tp-bullets .tp-bullet {
    width: 30px;
    border-bottom-width: 1px;
  }
  #slider1 .tp-bullets .tp-bullet span {
    font-size: 16px;
    line-height: 25px;
  }
}
@media screen and (max-width: 767px) {
  #slider1 .tp-bullets .tp-bullet {
    display: none;
  }
}
#slider1 .tp-bullets .tp-bullet:first-child:hover, #slider1 .tp-bullets .tp-bullet:first-child.selected {
  border-color: #73ae20;
}
#slider1 .tp-bullets .tp-bullet:nth-child(2):hover, #slider1 .tp-bullets .tp-bullet:nth-child(2).selected {
  border-color: #008cba;
}
#slider1 .tp-bullets .tp-bullet:nth-child(3):hover, #slider1 .tp-bullets .tp-bullet:nth-child(3).selected {
  border-color: #ce2350;
}

/*slider styling end */
/* home styling end */
/* about us styling start */
#about-us {
  /* about-us-1 start */
  /* about-us-1 end */
  /* about-us-2 start */
  /* about-us-2 end */
  /* about-us-3 start */
  /* about-us-3 end */
  /* about-us-4 end */
  /* about-us-4 end */
}
#about-us #about-us-1 .outer-bound {
  min-height: 203px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #about-us #about-us-1 .outer-bound {
    position: static;
    min-height: 100%;
  }
}
#about-us #about-us-1 .outer-bound .left-section {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #about-us #about-us-1 .outer-bound .left-section {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    position: static;
    margin-bottom: 50px;
  }
}
#about-us #about-us-1 .right-section p:first-child {
  margin-bottom: 35px;
  font-size: 26px;
  line-height: 40px;
}
#about-us #about-us-1 .right-section p {
  line-height: 24px;
}
#about-us #about-us-1 .bottom-section {
  margin-top: 85px;
}
#about-us #about-us-1 .bottom-section img {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #about-us #about-us-1 {
    text-align: center;
  }
}
#about-us #about-us-2 {
  background: #14226f;
}
#about-us #about-us-2 .section {
  padding: 0px 80px 30px 0px;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
}
@media screen and (max-width: 767px) {
  #about-us #about-us-2 .section.middle-section {
    margin: 50px 0;
  }
}
#about-us #about-us-2 .section h2 {
  margin-bottom: 20px;
  font-family: "Raleway", sans-serif;
  -webkit-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
}
#about-us #about-us-2 .section hr {
  width: 45px;
  height: 3px;
  background: #f50645;
  margin: 0 auto 20px;
  -webkit-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
  border: none;
}
#about-us #about-us-2 .section h4 {
  margin-bottom: 10px;
  font-family: "Raleway", sans-serif;
}
#about-us #about-us-2 .section p {
  line-height: 24px;
}
#about-us #about-us-2 .section:hover {
  background: #008cba;
}
#about-us #about-us-2 .section:hover hr {
  background: #ffffff;
}
/*#about-us #about-us-2 .section:hover h2 {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}*/
#about-us #about-us-2 .section:hover h2, #about-us #about-us-2 .section:hover h4, #about-us #about-us-2 .section:hover p {
  color: #ffffff;
}
#about-us #about-us-2 .section.middle-section hr {
  background: #f50645;
}
#about-us #about-us-2 .section.middle-section:hover {
  background: #f50645;
}
#about-us #about-us-2 .section.middle-section:hover hr {
  background: #ffffff;
}
#about-us #about-us-2 .section.right-section hr {
  background: #f50645;
}
#about-us #about-us-2 .section.right-section:hover {
  background: #ce2350;
}
#about-us #about-us-2 .section.right-section:hover hr {
  background: #ffffff;
}
#about-us #about-us-3 .owl-controls {
  position: absolute;
  left: 6px;
}
#about-us #about-us-3 .owl-prev {
  margin-right: 5px;
}
#about-us #about-us-3 #image-slider .item {
  margin: 8px;
}
#about-us #about-us-3 #image-slider .item img {
  display: block;
  width: 100%;
  height: auto;
}
#about-us #about-us-3 .vertical-heading {
  margin-bottom: 50px;
}
#about-us #about-us-3 p {
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  #about-us #about-us-3 #of p {
    margin-bottom: 50px;
  }
}
#about-us #about-us-3 .hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}
#about-us #about-us-3 .hovereffect img {
  display: block;
  position: relative;
}
#about-us #about-us-3 .hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  background-color: rgba(32, 33, 37, 0.9);
  opacity: 0;
  color: #ffffff;
  -webkit-transition: all linear 300ms;
          transition: all linear 300ms;
}
#about-us #about-us-3 .hovereffect .overlay .info {
  position: absolute;
  left: 23px;
  top: 30px;
}
#about-us #about-us-3 .hovereffect .overlay .info h6 {
  color: #008cba;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
}
#about-us #about-us-3 .hovereffect .overlay .info p {
  color: #ffffff;
}
#about-us #about-us-3 .hovereffect .overlay .list-inline {
  position: absolute;
  right: 23px;
  bottom: 30px;
}
#about-us #about-us-3 .hovereffect:hover .overlay {
  opacity: 1;
  top: 0;
}
#about-us #about-us-3 .bottom-section {
  margin-top: 50px;
}
#about-us #about-us-3 .bottom-section .progress {
  height: 25px;
  background: #eeeeee;
  border-radius: 0;
  overflow: visible;
}
#about-us #about-us-3 .bottom-section .progress .progress-bar {
  background: #008cba;
  position: relative;
  -webkit-transition: 0.2s;
          transition: 0.2s;
}
#about-us #about-us-3 .bottom-section .progress .progress-bar span {
  position: absolute;
  left: 97%;
  display: block;
  padding: 3px;
  color: #ffffff;
  background: #151515;
  font-size: 10px;
  font-weight: 100;
  top: -40px;
}
#about-us #about-us-3 .bottom-section .progress .progress-bar span:before {
  display: table;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #151515;
  bottom: -8px;
  left: 23%;
}
@media screen and (max-width: 767px) {
  #about-us #about-us-3 .bottom-section .progress {
    height: 20px;
  }
}
#about-us #about-us-3 .bottom-section .second .progress-bar {
  background: #73ae20;
}
#about-us #about-us-3 .bottom-section .third .progress-bar {
  background: #ce2350;
}
#about-us #about-us-3 .bottom-section .fourth .progress-bar {
  background: #E25111;
}
#about-us #about-us-3 .bottom-section p {
  font-family: "Raleway", sans-serif;
  line-height: 62px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  #about-us #about-us-3 .bottom-section p {
    line-height: 45px;
    font-size: 15px;
  }
}
#about-us #about-us-3 .bottom-section .first, #about-us #about-us-3 .bottom-section .second {
  margin-bottom: 20px;
}
#about-us #about-us-4 {
  background: url("../images/like.jpg") no-repeat fixed center;
  background-size: cover;
  border-bottom: 3px solid #f50645;
}
#about-us #about-us-4 h3 {
  font-family: "Raleway", sans-serif;
  color: #ffffff;
  line-height: 45px;
}
#about-us #about-us-4 h3 i {
  color: #59717a;
}
#about-us #about-us-4 p {
  font-family: "Raleway", sans-serif;
  color: #008cba;
  margin-top: 8px;
}

.promise {
  background: url("../images/promise.jpg") no-repeat fixed center !important;
  background-size: cover;
}

/* about us styling end */
/* services styling end */
/* service-1 start */
#services {
  /* service-1 end */
  /* service-2 start */
  /* service-2 end*/
  /* service-3 start*/
  /* service-3 end*/
}
#services #service-1 .outer-bound {
  min-height: 442px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #services #service-1 .outer-bound {
    position: static;
    min-height: 100%;
  }
}
#services #service-1 .outer-bound .left-section {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #services #service-1 .outer-bound .left-section {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    position: static;
  }
}
@media screen and (max-width: 767px) {
  #services #service-1 .right-section {
    text-align: center;
    margin-top: 50px;
  }
}
#services #service-1 .right-section .feature h5 {
  margin-bottom: 2px;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
  font-size: 12px;
}
#services #service-1 .right-section .feature h4 {
  margin-bottom: 8px;
}
#services #service-1 .right-section .feature.middle {
  margin: 50px 0;
}
#services #service-1 .right-section .feature .icon {
  text-align: right;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
}
@media screen and (max-width: 767px) {
  #services #service-1 .right-section .feature .icon {
    text-align: center;
    font-size: 36px;
  }
}
#services #service-1 .right-section .feature:hover h5 {
  color: #202125;
}
#services #service-1 .right-section .feature:hover .icon {
  -webkit-transform: translateX(-20px);
      -ms-transform: translateX(-20px);
          transform: translateX(-20px);
  color: #73ae20;
}
#services #service-1 .right-section .feature:nth-child(2) :hover .icon {
  color: #73ae20;
}
#services #service-1 .right-section .feature:nth-child(3) :hover .icon {
  color: #73ae20;
}
#services #service-2 {
  background: #14226f;
}
#services #service-2 img {
  width: 100%;
}
#services #service-2 #responsiveTabsDemo .tabs-bg {
  background: #ffffff;
  padding: 50px 30px;
}
@media screen and (max-width: 992px) {
  #services #service-2 #responsiveTabsDemo .tabs-bg {
    text-align: center;
  }
}
#services #service-2 #responsiveTabsDemo .col-md-6 {
  padding: 0;
}
@media screen and (max-width: 767px) {
  #services #service-2 #responsiveTabsDemo .col-md-6 {
    padding: 0 15px;
  }
}
#services #service-2 #responsiveTabsDemo .r-tabs .r-tabs-panel {
  padding: 50px 0;
}
#services #service-2 #responsiveTabsDemo ul {
  margin-bottom: 50px;
}
#services #service-2 #responsiveTabsDemo ul li {
  padding: 5px 30px;
}
@media screen and (max-width: 767px) {
  #services #service-2 #responsiveTabsDemo {
    text-align: center;
  }
}
#services #service-2 #responsiveTabsDemo .r-tabs-anchor {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Raleway", sans-serif;
  color: #9e9e9e7d;
  padding: 0;
}
#services #service-2 #responsiveTabsDemo .r-tabs-accordion-title {
  text-align: center;
  margin-bottom: 10px;
}
#services #service-2 #responsiveTabsDemo .r-tabs-state-active a {
 /* border-bottom: 3px solid #73ae20;*/
  -webkit-transition: border-color 300ms linear;
          transition: border-color 300ms linear;
  padding-bottom: 5px;
  color: #fff;
}
#services #service-2 #responsiveTabsDemo h2 {
  font-size: 48px;
  color: #e4e4e4;
  font-family: "Raleway", sans-serif;
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  #services #service-2 #responsiveTabsDemo h2 {
    font-size: 40px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) {
  #services #service-2 #responsiveTabsDemo h2 {
    margin-top: 10px;
  }
}
#services #service-2 #responsiveTabsDemo h3 {
  font-family: "Raleway", sans-serif;
  margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  #services #service-2 #responsiveTabsDemo h3 {
    margin-bottom: 5px;
    font-size: 28px;
  }
}
@media screen and (max-width: 992px) {
  #services #service-2 #responsiveTabsDemo h3 {
    margin-bottom: 15px;
  }
}
#services #service-2 #responsiveTabsDemo p {
  margin-bottom: 30px;
  line-height: 34px;
  font-size: 22px;
}
@media screen and (max-width: 1199px) {
  #services #service-2 #responsiveTabsDemo p {
    line-height: 18px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 992px) {
  #services #service-2 #responsiveTabsDemo p {
    line-height: 22px;
  }
}
#services #service-2 #responsiveTabsDemo .button {
  background: #f50645;
  color: #ffffff;
}
#services #service-2 #responsiveTabsDemo .button:before {
  background: #73ae20;
}
#services #service-3 {
  background: url("../images/cover10.jpg") no-repeat fixed center;
  background-size: cover;
}
#services #service-3 .vertical-heading {
  margin-bottom: 50px;
}
#services #service-3 .vertical-heading h2 {
  color: #ffffff;
}
#services #service-3 .section {
  background: rgba(61, 68, 68, 0.5);
  padding: 25px 50px;
  min-height: 170px;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  #services #service-3 .section {
    padding: 20px 15px;
  }
}
#services #service-3 .section h2, #services #service-3 .section h3, #services #service-3 .section p {
  color: #ffffff;
}
#services #service-3 .section h2 {
  color: #008cba;
  margin-bottom: 6px;
}
@media screen and (max-width: 992px) {
  #services #service-3 .section {
    min-height: 188px;
  }
}
#services #service-3 .section:hover {
  background: #008cba;
}
#services #service-3 .section:hover h2 {
  color: #202125;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}
@media screen and (max-width: 767px) {
  #services #service-3 .section.left-section {
    margin-bottom: 50px;
  }
}
#services #service-3 .section.two h2 {
  color: #73ae20;
}
#services #service-3 .section.two:hover {
  background: #73ae20;
}
#services #service-3 .section.two:hover h2 {
  color: #202125;
}
#services #service-3 .section.three h2 {
  color: #ce2350;
}
#services #service-3 .section.three:hover {
  background: #ce2350;
}
#services #service-3 .section.three:hover h2 {
  color: #202125;
}
#services #service-3 .section.four h2 {
  color: #E25111;
}
#services #service-3 .section.four:hover {
  background: #E25111;
}
#services #service-3 .section.four:hover h2 {
  color: #202125;
}

/* services styling end */
/* portfolio styling start */
#portfolio {
  /* portfolio1 start */
  /* portfolio1 end */
  /* portfolio2 start */
  /* portfolio2 end */
  /*portfolio3 start */
}
#portfolio .vertical-heading {
  margin-bottom: 50px;
}
#portfolio #portfolio1 .list button {
  background: transparent;
  box-shadow: none;
  display: inline-block;
  padding-right: 35px;
  cursor: pointer;
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
}
#portfolio #portfolio1 .list button:focus {
  outline: none;
}
#portfolio #portfolio1 .list button span {
  display: block;
  -webkit-transition: border-color 0.4s ease-in-out;
          transition: border-color 0.4s ease-in-out;
  padding-bottom: 5px;
}
@media screen and (max-width: 992px) {
  #portfolio #portfolio1 .list button {
    padding-right: 10px;
  }
}
#portfolio #portfolio1 .list button.active span {
  border-bottom: 3px solid #008cba;
  color: #008cba;
}
#portfolio #portfolio1 .list button:nth-child(2).active span {
  border-color: #73ae20;
  color: #73ae20;
}
#portfolio #portfolio1 .list button:nth-child(3).active span {
  border-color: #ce2350;
  color: #ce2350;
}
#portfolio #portfolio1 .list button:nth-child(4).active span {
  border-color: #E25111;
  color: #E25111;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio1 .list {
    text-align: center;
  }
}
#portfolio #portfolio1 img {
  width: 100%;
}
#portfolio #portfolio1 .block-container .even:nth-child(even) {
  top: -275px;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio1 .block-container .even:nth-child(even) {
    top: 0;
  }
}
#portfolio #portfolio1 .block-container .filter .each-item {
  display: block;
  position: relative;
  margin-top: 50px;
  overflow: hidden;
}
#portfolio #portfolio1 .block-container .filter .each-item:hover .cap1, #portfolio #portfolio1 .block-container .filter .each-item:hover .cap2 {
  left: 0;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap1 {
  position: absolute;
  width: 100%;
  height: 70%;
  background: rgba(63, 81, 181, 0.8);
  top: 0;
  left: -100%;
  padding: 10px;
  -webkit-transition: all .5s;
          transition: all .5s;
  color: #ffffff;
  border-top: 10px solid #f50645;
  border-left: 10px solid #f50645;
  border-right: 10px rgba(63, 81, 181, 0.8);
  text-align: right;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap1 i {
  display: inline-block;
  margin-right: 15px;
  margin-top: 15px;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap1 i:hover {
  color: #ff0000;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap2 {
  position: absolute;
  width: 100%;
  height: 30%;
  background: rgba(63, 81, 181, 0.8);
  bottom: 0;
  left: 100%;
  padding: 10px;
  -webkit-transition: all .5s;
          transition: all .5s;
  border-bottom: 10px solid #f50645;
  border-left: 10px rgba(63, 81, 181, 0.8);
  border-right: 10px solid #f50645;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap2 h4, #portfolio #portfolio1 .block-container .filter .each-item .cap2 p {
  color: #ffffff;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap2 .text {
  position: absolute;
  bottom: 17px;
  left: 20px;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap2 .text h4, #portfolio #portfolio1 .block-container .filter .each-item .cap2 .text p {
  color: #ffffff;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap2 .text h4 {
  color: #fff;
  font-size: 28px;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap2 .text h1 {
  color: #fff;
  font-size: 28px;
}
#portfolio #portfolio1 .block-container .filter .each-item .cap2 .text p {
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 20px !important;
}
#portfolio #portfolio1 .block-container #stats.top {
  top: -275px;
  float: right;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio1 .block-container #stats.top {
    top: 0;
    margin-bottom: 0;
  }
}
#portfolio #portfolio1 .block-container #stats.bottom {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio1 .block-container #stats.bottom {
    top: 0;
    margin-bottom: 0;
  }
}
#portfolio #portfolio1 .block-container .load-more {
  margin-top: 50px;
}
#portfolio #portfolio1 .block-container .load-more p {
  font-size: 15px;
  font-family: "Raleway", sans-serif;
}
#portfolio #portfolio1 .block-container .load-more h1 {
  font-size: 72px;
  font-family: "Open Sans", sans-serif;
}
#portfolio #portfolio1 .block-container .load-more .btn-div {
  min-height: 128px;
}
#portfolio #portfolio1 .block-container .load-more .btn-div .button {
  background: #f50645;
  color: #ffffff;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#portfolio #portfolio1 .block-container .load-more .btn-div .button:before {
  background: #008cba;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio1 .block-container .load-more .btn-div {
    min-height: 134px;
  }
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio1 .block-container .load-more {
    margin-bottom: 0;
  }
  #portfolio #portfolio1 .block-container .load-more h1 {
    font-size: 48px;
  }
}
#portfolio #portfolio2 {
  background: #14226f;
}
#portfolio #portfolio2 #client-slider {
  top: -120px;
}
#portfolio #portfolio2 #client-slider .item {
  padding: 50px;
  background: #f50645;
  color: #ffffff;
  min-height: 457px;
}
#portfolio #portfolio2 #client-slider .item .row {
  margin-bottom: 25px;
}
#portfolio #portfolio2 #client-slider .item h3 {
  font-family: "Raleway", sans-serif;
  line-height: 35px;
  color: #ffffff;
}
#portfolio #portfolio2 #client-slider .item .small {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio2 #client-slider .item .small {
    font-size: 16px;
  }
}
#portfolio #portfolio2 #client-slider .item p {
  color: #ffffff;
}
#portfolio #portfolio2 #client-slider .item p.long {
  margin-bottom: 26px;
}
#portfolio #portfolio2 #client-slider .client {
  position: relative;
  z-index: 20000;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio2 #client-slider .client img {
    margin-left: 14px;
  }
}
#portfolio #portfolio2 #client-slider .client .client-name {
  width: 106px;
  text-align: left;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio2 #client-slider .client .client-name {
    text-align: center;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio2 #client-slider {
    position: static;
  }
}
#portfolio #portfolio2 .owl-controls {
  position: relative;
  top: -155px;
  text-align: right;
  padding-right: 50px;
  color: #f7de09;
}
#portfolio #portfolio2 .owl-controls .owl-next {
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio2 {
    padding: 100px 0;
  }
  #portfolio #portfolio2 .vertical-heading {
    padding: 0;
  }
}
#portfolio #portfolio3 .pricing-table {
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
  padding: 32px 21px;
}
#portfolio #portfolio3 .pricing-table h4 {
  color: #008cba;
  font-family: "Raleway", sans-serif;
  margin-bottom: 25px;
}
#portfolio #portfolio3 .pricing-table .price {
  padding: 22px 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
#portfolio #portfolio3 .pricing-table .price h2 {
  margin-left: 20px;
  position: relative;
  font-family: "Raleway", sans-serif;
  color: #000000;
}
#portfolio #portfolio3 .pricing-table .price h2 span {
  font-family: "Raleway", sans-serif;
}
#portfolio #portfolio3 .pricing-table .price h2 .dollar {
  font-size: 18px;
  display: inline-block;
  position: absolute;
  left: -20px;
  top: 10px;
}
#portfolio #portfolio3 .pricing-table .price h2 .month {
  font-size: 10px;
  display: inline-block;
  position: absolute;
  left: 9px;
  bottom: -4px;
  color: #929292;
}
@media screen and (max-width: 992px) {
  #portfolio #portfolio3 .pricing-table .price h2 {
    margin-left: 10px;
  }
}
#portfolio #portfolio3 .pricing-table .price p {
  color: #929292;
}
#portfolio #portfolio3 .pricing-table ul.packages {
  padding: 20px 0;
}
#portfolio #portfolio3 .pricing-table ul.packages li {
  font-size: 13px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  line-height: 40px;
}
#portfolio #portfolio3 .pricing-table ul.packages li i {
  display: inline-block;
  width: 24px;
  color: #62be10;
}
#portfolio #portfolio3 .pricing-table .button {
  background: #008cba;
  color: #ffffff;
}
#portfolio #portfolio3 .pricing-table .button:before {
  background: #202125;
}
#portfolio #portfolio3 .pricing-table.black {
  background: #73ae20;
  color: #ffffff;
  border-color: transparent;
}
#portfolio #portfolio3 .pricing-table.black ul.packages li i {
  color: #ffffff;
}
#portfolio #portfolio3 .pricing-table.black h4, #portfolio #portfolio3 .pricing-table.black h2, #portfolio #portfolio3 .pricing-table.black p, #portfolio #portfolio3 .pricing-table.black h2 > .month {
  color: #ffffff;
}
#portfolio #portfolio3 .pricing-table.black .button {
  background: #ffffff;
  color: #202125;
}
#portfolio #portfolio3 .pricing-table.black .button:before {
  background: #008cba;
}
#portfolio #portfolio3 .pricing-table.black .button:hover, #portfolio #portfolio3 .pricing-table.black .button:focus, #portfolio #portfolio3 .pricing-table.black .button:active {
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  #portfolio #portfolio3 .pricing-table.black {
    margin: 50px 0;
  }
}
#portfolio #portfolio3 .pricing-table.black:hover {
  background: #E25111;
}
#portfolio #portfolio3 .pricing-table.black:hover .button:before {
  background: #202125;
}
#portfolio #portfolio3 .pricing-table.three h4 {
  color: #ce2350;
}
#portfolio #portfolio3 .pricing-table.three .button {
  background: #ce2350;
}
#portfolio #portfolio3 .pricing-table.three:hover {
  background: #ce2350;
}
#portfolio #portfolio3 .pricing-table:hover {
  color: #ffffff;
  background: #008cba;
}
#portfolio #portfolio3 .pricing-table:hover h2, #portfolio #portfolio3 .pricing-table:hover h4, #portfolio #portfolio3 .pricing-table:hover h2 > span, #portfolio #portfolio3 .pricing-table:hover p, #portfolio #portfolio3 .pricing-table:hover ul li > i, #portfolio #portfolio3 .pricing-table:hover h2 > .month {
  color: #ffffff;
}
#portfolio #portfolio3 .pricing-table:hover .button {
  background: #ffffff;
  color: #202125;
}
#portfolio #portfolio3 .pricing-table:hover .button:hover {
  color: #ffffff;
}

/*portfolio3 end */
/* portfolio styling end */
/* news styling start */
#news {
  /*news-1 start */
  /*news-1 end */
}
#news #news-1 {
  background: #14226f;
}
#news #news-1 p {
  color: #535353;
  line-height: 24px;
}
#news #news-1 .vertical-heading {
  margin-bottom: 30px;
}
#news #news-1 .left-section .button {
  margin-top: 25px;
  background: #f50645;
  color: #ffffff;
}
#news #news-1 .left-section .button:before {
  background: #202125;
}
@media screen and (max-width: 767px) {
  #news #news-1 .left-section {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #news #news-1 .blog-section {
    margin-top: 50px;
  }
}

/* news styling end */
/* contact-us styling start */
#contact-us {
  /* contact-us-1 start */
  /* contact-us-1 end */
  /* contact-us-2 start */
  /* contact-us-2 end */
  /* contact-us-3 start */
  /* contact-us-3 end */
}
#contact-us #contact-us1 {
  padding-top: 100px;
}
@media screen and (min-width: 768px) {
  #contact-us #contact-us1 .padding {
    padding: 0;
  }
}
#contact-us #contact-us1 .left-section, #contact-us #contact-us1 .right-section {
  height: 540px;
  max-width: 586px;
}
@media screen and (max-width: 1199px) {
  #contact-us #contact-us1 .left-section, #contact-us #contact-us1 .right-section {
    height: 448px;
  }
}
@media screen and (max-width: 992px) {
  #contact-us #contact-us1 .left-section, #contact-us #contact-us1 .right-section {
    height: 346px;
  }
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us1 .left-section, #contact-us #contact-us1 .right-section {
    height: auto;
    max-width: none;
  }
}
#contact-us #contact-us1 img {
  max-width: 100%;
  height: 100%;
}
#contact-us #contact-us1 .left-section .hovereffect > a {
  display: block;
  overflow: hidden;
}
#contact-us #contact-us1 .left-section .hovereffect > a i {
  color: #ffffff;
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us1 .left-section .hovereffect > a i {
    left: 30px;
  }
}
#contact-us #contact-us1 .left-section .hovereffect img {
  display: block;
  position: relative;
  width: 100%;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
}
#contact-us #contact-us1 .left-section .hovereffect img:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
#contact-us #contact-us1 .left-section .hovereffect .overlay {
  width: 50%;
  height: 50%;
  position: absolute;
  overflow: hidden;
  right: 0;
  bottom: 0;
  color: #ffffff;
  -webkit-transition: all linear 300ms;
          transition: all linear 300ms;
}
#contact-us #contact-us1 .left-section .hovereffect .overlay .social {
  background: #3b5998;
  width: 100%;
  height: 100%;
  display: block;
  color: #ffffff;
  text-align: center;
  position: relative;
  padding: 20px 25px;
}
#contact-us #contact-us1 .left-section .hovereffect .overlay .social .icon span {
  font-weight: 700;
}
#contact-us #contact-us1 .left-section .hovereffect .overlay .social .info {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  #contact-us #contact-us1 .left-section .hovereffect .overlay .social .info {
    width: 100%;
  }
}
#contact-us #contact-us1 .left-section .hovereffect .overlay .social .info p {
  color: #ffffff;
  margin-bottom: 30px;
  line-height: 24px;
}
@media screen and (max-width: 992px) {
  #contact-us #contact-us1 .left-section .hovereffect .overlay .social .info p {
    display: none;
  }
}
#contact-us #contact-us1 .left-section .hovereffect .overlay .social .info .button {
  background: #2c4884;
  color: #ffffff;
}
#contact-us #contact-us1 .left-section .hovereffect .overlay .social .info .button:before {
  background: #ffffff;
}
#contact-us #contact-us1 .left-section .hovereffect .overlay .social .info .button:hover, #contact-us #contact-us1 .left-section .hovereffect .overlay .social .info .button:focus, #contact-us #contact-us1 .left-section .hovereffect .overlay .social .info .button:active {
  color: #202125;
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us1 .left-section .hovereffect .overlay {
    right: 15px;
  }
}
#contact-us #contact-us1 .right-section .social {
  background: #58bbff;
  display: block;
  height: 50%;
  color: #ffffff;
  text-align: center;
  position: relative;
  padding: 20px 25px;
}
#contact-us #contact-us1 .right-section .social .icon span {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us1 .right-section .social {
    height: 222px;
  }
}
#contact-us #contact-us1 .right-section .social .info {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 992px) {
  #contact-us #contact-us1 .right-section .social .info {
    width: 100%;
  }
}
#contact-us #contact-us1 .right-section .social .info p {
  color: #ffffff;
  margin-bottom: 30px;
  margin-left: 5%;
  margin-right: 5%;
  line-height: 24px;
}
@media screen and (max-width: 992px) {
  #contact-us #contact-us1 .right-section .social .info p {
    display: none;
  }
}
#contact-us #contact-us1 .right-section .social .info .button {
  background: #41a9f0;
  color: #ffffff;
}
#contact-us #contact-us1 .right-section .social .info .button:before {
  background: #ffffff;
}
#contact-us #contact-us1 .right-section .social .info .button:hover, #contact-us #contact-us1 .right-section .social .info .button:focus, #contact-us #contact-us1 .right-section .social .info .button:active {
  color: #202125;
}
#contact-us #contact-us1 .right-section .insta-2-3 {
  display: block;
  overflow: hidden;
  height: 50%;
}
#contact-us #contact-us1 .right-section .insta-2-3 i {
  position: absolute;
  color: #ffffff;
  right: 15px;
  bottom: 15px;
  font-size: 25px;
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us1 .right-section .insta-2-3 i {
    left: 30px;
    top: 104%;
  }
}
#contact-us #contact-us1 .right-section .insta-2-3 .left, #contact-us #contact-us1 .right-section .insta-2-3 .right {
  width: 50%;
  overflow: hidden;
}
#contact-us #contact-us1 .right-section .insta-2-3 .left:hover img, #contact-us #contact-us1 .right-section .insta-2-3 .right:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
#contact-us #contact-us1 .right-section .insta-2-3 img {
  width: 100%;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
  overflow: hidden;
}
#contact-us #contact-us2 .left-section .vertical-heading {
  margin-bottom: 30px;
}
#contact-us #contact-us2 .left-section p {
  margin-bottom: 36px;
  line-height: 24px;
}
#contact-us #contact-us2 .left-section h4 {
  font-size: 18px;
  font-family: "Raleway", sans-serif;
  margin-bottom: 10px;
}
#contact-us #contact-us2 .left-section #countries ul li {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #535353;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: all 400ms linear;
          transition: all 400ms linear;
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us2 .left-section #countries ul li {
    margin-top: 25px;
  }
}
#contact-us #contact-us2 .left-section #countries ul li i {
  font-size: 20px;
  width: 50px;
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us2 .left-section #countries ul li i {
    display: block;
    width: auto;
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us2 .left-section #countries ul li {
    display: block;
  }
}
#contact-us #contact-us2 .left-section #countries ul li:hover {
  color: #73ae20;
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us2 .left-section #countries ul.one {
    margin-bottom: 50px;
  }
}
#contact-us #contact-us2 .left-section .list-inline {
  margin-top: 40px;
}
#contact-us #contact-us2 .left-section .list-inline li a {
  border-color: transparent;
  color: #535353;
}
#contact-us #contact-us2 .left-section .list-inline li:nth-child(1) a:hover {
  background: #3b5998;
  border-color: transparent;
  color: #ffffff;
}
#contact-us #contact-us2 .left-section .list-inline li:nth-child(2) a:hover {
  background: #58bbff;
  border-color: transparent;
  color: #ffffff;
}
#contact-us #contact-us2 .left-section .list-inline li:nth-child(3) a:hover {
  background: -webkit-radial-gradient(33% 100%, circle, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
  background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);
  border-color: transparent;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us2 .left-section {
    margin-bottom: 50px;
  }
}
#contact-us #contact-us2 .right-section {
  padding: 25px 30px;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}
#contact-us #contact-us2 .right-section h4 {
  font-family: "Raleway", sans-serif;
  margin-bottom: 10px;
}
#contact-us #contact-us2 .right-section p {
  color: #535353;
  margin-bottom: 25px;
}
#contact-us #contact-us2 .right-section form .form-control {
  padding: 13px 15px;
  line-height: 24px;
  font-size: 12px;
  color: #aaaaaa;
  border-color: #cbcbcb;
}
#contact-us #contact-us2 .right-section form textarea.form-control {
  min-height: 164px;
}
#contact-us #contact-us2 .right-section form .button {
  background: #f50645;
  color: #ffffff;
}
#contact-us #contact-us2 .right-section form .button:before {
  background: #73ae20;
}
@media screen and (max-width: 767px) {
  #contact-us #contact-us2 {
    text-align: center;
  }
}
#contact-us #map {
  display: block;
  width: 100%;
  height: 600px;
}

/* contact-us styling end */
/* footer styling start */
footer {
  background: #202125;
  padding: 20px;
}
footer p {
  line-height: 20px;
  color: #a0a0a0;
}
footer p span {
  color: #ffffff;
}

/* footer styling start */
/* news page styling start */
#news-page {
  background: #f5f5f5;
}
#news-page .padding-blog-right {
  padding-right: 80px;
}
@media screen and (max-width: 992px) {
  #news-page .padding-blog-right {
    padding-right: 75px;
  }
}
@media screen and (max-width: 767px) {
  #news-page .padding-blog-right {
    padding-right: 15px;
  }
}
#news-page .padding-blog-left {
  padding-left: 80px;
  top: 50px;
}
@media screen and (max-width: 992px) {
  #news-page .padding-blog-left {
    padding-left: 75px;
  }
}
@media screen and (max-width: 767px) {
  #news-page .padding-blog-left {
    top: 0;
    padding-left: 15px;
  }
}
#news-page #news #blog-container:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background: #dfdfdf;
  left: 50%;
  margin-left: -1.5px;
}
#news-page #news #blog-container .blog-section {
  margin-bottom: 50px;
}
#news-page #news #blog-container .blog-section:last-child {
  margin-bottom: 0;
}
#news-page #news #blog-container .timeline-badge {
  position: absolute;
  top: 50px;
}
#news-page #news #blog-container .timeline-badge a {
  color: #008cba;
}
#news-page #news #blog-container .timeline-badge:before {
  display: block;
  top: 8px;
  content: '';
  position: absolute;
  border-bottom: 4px dotted #c1c1c1;
  width: 28px;
}
@media screen and (max-width: 767px) {
  #news-page #news #blog-container .timeline-badge {
    display: none;
  }
}
#news-page #news #blog-container .left-section .timeline-badge {
  left: 98.85%;
}
#news-page #news #blog-container .left-section .timeline-badge:before {
  left: -35px;
}
#news-page #news #blog-container .right-section .timeline-badge {
  right: 98.85%;
}
#news-page #news #blog-container .right-section .timeline-badge:before {
  right: -35px;
}
#news-page #news #blog-container .padding-blog-left:last-child .blog-section {
  margin-bottom: 0;
}
#news-page #news .load-more {
  margin-top: 50px;
}
#news-page #news .load-more .button {
  background: #008cba;
  color: #ffffff;
}
#news-page #news .load-more .button:before {
  background: #202125;
}

/* news page styling end */
/* news detail page styling start */
#news--detail-page {
  background: #f5f5f5;
}
#news--detail-page #post #post-content {
  background: #ffffff;
  padding: 30px 25px;
}
#news--detail-page #post #post-content #top-content h4 {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  margin-bottom: 15px;
}
#news--detail-page #post #post-content #top-content p {
  margin-bottom: 50px;
}
#news--detail-page #post #post-content #blog-quote {
  background: #f5f5f5;
  padding: 30px;
  margin-bottom: 50px;
  border-left: 5px solid #008cba;
}
#news--detail-page #post #post-content .point-list {
  margin-bottom: 50px;
}
#news--detail-page #post #post-content .point-list ul {
  list-style: circle inside;
}
#news--detail-page #post #post-content .point-list ul li {
  font-size: 13px;
  line-height: 38px;
}
#news--detail-page #post .post-footer {
  margin-bottom: 50px;
  padding: 10px 25px;
  background: #ffffff;
  border-top: 4px solid #f5f5f5;
}
#news--detail-page #post .post-footer p {
  line-height: 35px;
  font-size: 12px;
  font-family: "Raleway", sans-serif;
  color: #008cba;
}
#news--detail-page #post .post-footer ul li a {
  color: #ffffff;
}
#news--detail-page #post .post-footer ul li:nth-child(1) a {
  background: #204385;
}
#news--detail-page #post .post-footer ul li:nth-child(2) a {
  background: #2aa9e0;
}
#news--detail-page #post .post-footer ul li:nth-child(3) a {
  background: #0c6c9e;
}
#news--detail-page #blogger .blogger-data {
  background: #ffffff;
}
@media screen and (max-width: 767px) {
  #news--detail-page #blogger .blogger-data {
    padding: 30px;
  }
}
#news--detail-page #blogger .blogger-data #blogger-info {
  padding: 20px 0;
}
@media screen and (max-width: 767px) {
  #news--detail-page #blogger .blogger-data #blogger-info {
    padding-bottom: 0;
  }
}
#news--detail-page #blogger .blogger-data #blogger-info h4 {
  font-size: 18px;
  font-family: "Raleway", sans-serif;
  line-height: normal;
  margin-bottom: 5px;
}
#news--detail-page #blogger .blogger-data #blogger-info p:nth-child(2) {
  color: #008cba;
  font-size: 12px;
  margin-bottom: 5px;
}
#news--detail-page #blogger .blogger-data #blogger-info p:nth-child(3) {
  line-height: 30px;
  margin-bottom: 5px;
}
#news--detail-page form {
  background: #ffffff;
  padding: 30px;
  margin-top: 60px;
}
#news--detail-page form .form-control {
  padding: 13px 15px;
  line-height: 24px;
  font-size: 12px;
  color: #aaaaaa;
  border-color: #cbcbcb;
}
#news--detail-page form textarea.form-control {
  min-height: 300px;
}
#news--detail-page form .button {
  background: #008cba;
  color: #ffffff;
}
#news--detail-page form .button:before {
  background: #202125;
}

/* news detail page styling end */

/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */

.flip-box {
  background-color: transparent;
  /*min-height: 450px !important;*/
  /*width: 300px;*/
  height: 400px;
  /*border: 1px solid #f1f1f1;*/
  padding-bottom: 30px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

@media screen and (min-width: 300px) {
  .flip-box {
    background-color: transparent;
    /*min-height: 450px !important;*/
    /*width: 300px;*/
    height: 530px;
    /*border: 1px solid #f1f1f1;*/
    padding-bottom: 30px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
}
@media screen and (min-width: 400px) {
  .flip-box {
    background-color: transparent;
    /*min-height: 450px !important;*/
    /*width: 300px;*/
    height: 450px;
    /*border: 1px solid #f1f1f1;*/
    padding-bottom: 30px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
}
@media screen and (min-width: 488px) {
  .flip-box {
    background-color: transparent;
    /*min-height: 450px !important;*/
    /*width: 300px;*/
    height: 350px;
    /*border: 1px solid #f1f1f1;*/
    padding-bottom: 30px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
}
@media screen and (min-width: 768px) {
  .flip-box {
    background-color: transparent;
    /*min-height: 450px !important;*/
    /*width: 300px;*/
    height: 480px;
    /*border: 1px solid #f1f1f1;*/
    padding-bottom: 30px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
}

@media screen and (min-width: 992px) {
  .flip-box {
    background-color: transparent;
    /*min-height: 450px !important;*/
    /*width: 300px;*/
    height: 380px;
    /*border: 1px solid #f1f1f1;*/
    padding-bottom: 30px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

/* Style the front side */
.flip-box-front {
  background-color: #fff;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: #73ae20;
  color: white;
  transform: rotateY(180deg);
}

/*Flip box styling ends */

/*seo */

.seo-image1 {
  min-height: 220px;
  background: url("../images/seo1.jpg") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.seo-image2 {
  min-height: 220px;
  background: url("../images/seo2.jpg") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.seo-image3 {
  min-height: 220px;
  background: url("../images/seo3.jpg") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}


/* seo ends */

/* General styles starts */

.side-menu-button {
  display: none !important;
}
@media screen and (max-width: 992px) {
  .side-menu-button {
  display: block !important;
  }
  .navbar-full {
    display: none !important;
  }
}

.button-small {
  display: none;
}
.button-large {
  display: block;
}


@media screen and (max-width: 492px) {
  .button-small {
    display: block;
  }
  .button-large {
    display: none;
  }
}

@media screen and (max-width: 940px) {
  .slider-h2 {
    display: none !important;
    font-size: 16px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

.slider-h2 {
  line-height: 30px !important;
  font-family: "Open Sans", sans-serif !important;
}

.red-btn {
  font-size: 16px !important;
  background-color: #f50645 !important;
  color: #fff;
}
.red-btn:hover {
  background-color: #73ae20 !important;
  color: #fff !important;
}
.section-top-heading h1 {
  color: #73ae20 !important;
  padding-bottom: 25px !important;
}
.h2-24 {
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #73ae20 !important;
  padding: 10px 0 !important;
}

.white-text {
  color: #fff !important;
}

.like-what-h2 {
  color: #73ae20 !important;
  font-weight: 700 !important;
  font-size: 36px !important;
}
@media screen and (min-width: 767px){
  .locations-h1 {
    color: #73ae20 !important;
    font-weight: 700 !important;
    font-size: 126px !important;
    padding: 80px 0px !important;
  }
}
@media screen and (max-width: 767px){
  .locations-h1 {
     color: #73ae20 !important;
    font-weight: 700 !important;
    font-size: 75px !important;
    padding: 40px 0px !important;
  }
}
@media screen and (max-width: 490px){
  .locations-h1 {
     color: #73ae20 !important;
    font-weight: 700 !important;
    font-size: 50px !important;
    padding: 30px 0px !important;
  }
}
@media screen and (max-width: 330px){
  .locations-h1 {
     color: #73ae20 !important;
    font-weight: 700 !important;
    font-size: 40px !important;
    padding: 30px 0px !important;
  }
}
.slider-text-small {
    display: block;
  }
  .slider-text-large {
    display: none;
  }
@media screen and (min-width: 940px){
  .slider-text-large{
    display: block;
  }
  .slider-text-small{
    display: none;
  }
}
/*@media screen and (max-width: 940px){
  .slider-text-small {
    display: block;
  }
  .slider-text-large {
    display: none;
  }
}*/
/*General styles ends */

/* About-us starts */

#about-us #about-us-4 #like-what .button {
  background: #f50645;
  color: #ffffff;
}
#about-us #about-us-4 #like-what .button:before {
  background: #73ae20;
}

#about-us #locations #like-what .button {
  background: #f50645;
  color: #ffffff;
}
#about-us #locations #like-what .button:before {
  background: #73ae20;
}

#about-us #locations {
  background: url("../images/web-design-service-canada.jpg") no-repeat fixed center;
  background-size: cover;
  border-bottom: 3px solid #f50645;
}
#about-us #locations h3 {
  font-family: "Raleway", sans-serif;
  color: #ffffff;
  line-height: 45px;
}
#about-us #locations h3 i {
  color: #59717a;
}
#about-us #locations p {
  font-family: "Raleway", sans-serif;
  color: #008cba;
  margin-top: 8px;
}
  
/* About-us ends */



/* Testimonial starts */
.star-rating {
  color: #f7de09 !important;
}

.slider-button {
  color: #fff !important;
}

.client-slider h2 {
  font-size: 24px !important;
  color: #fff !important;
  font-weight: 700 !important;
}

/*Testimonial ends */



/* services starts */

.section-top-heading-services {
  margin-bottom: 45px !important;
}

.services-h1 {
    font-size: 29px !important;
    padding-top: 25px !important;
}

.services-content {
  color: #fff;
  padding-bottom: 40px;
  font-size: 24px;
  line-height: 40px;
}
.services-text {
  color: #000;
  padding: 0 10%;
  font-size: 16px;
  line-height: 30px !important; 
  text-align: left !important;
}

.tabs-bg h2 {
  font-size: 30px !important;
  color: #73ae20 !important;
  font-weight: 700;
}

.service-heading-back {
  padding-top: 30px;
  text-align: left;
  padding-left: 21%;
  font-size: 26px;
  color: #fff;
}

.services-list-back {
  font-size: 18px;
  text-align: left;
  padding-left: 25%;
  list-style-type: disc;
}


/* service ends */

/* Feature starts */
.icon-style {
  color: #73ae20;
  text-align: right;
}
.feature-text {
  color: #73ae20;
}
.features-h2 {
  font-size: 30px !important;
  color: #14226f !important;
  font-weight: 700;
}
/*Feature ends */

/* seo2 strats*/

.seo2 strong {
  color: #f50645 !important;
}

/*Seo2 ends */

/*social media */


/*****************************************************
*******************INNER PAGE STYLES*********
*****************************************************/
/*General */


/* banner styling start */
#banner {
  /* banner-1 start */
  /* banner-1 end */
  /* banner-2 start */
  /* banner-2 end */
  /* banner-3 start */
  /* banner-3 end */
  /* banner-4 end */
  /* banner-4 end */
}
.banner-h1 {
  padding-top: 150px;
  color: #73ae20 !important;
  font-weight: 700 !important;
  font-size: 56px !important;
}
.banner-p {
  padding: 0px 20% 25px 20%;
  color: #fff !important;
  font-weight: 500 !important;
  font-size: 24px !important;
  text-align: center;
}
#banner #banner-1 .outer-bound {
  min-height: 203px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #banner #banner-1 .outer-bound {
    position: static;
    min-height: 100%;
  }
}
#banner #banner-1 .outer-bound .left-section {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #banner #banner-1 .outer-bound .left-section {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    position: static;
    margin-bottom: 50px;
  }
}
#banner #banner-1 .right-section p:first-child {
  margin-bottom: 35px;
  font-size: 26px;
  line-height: 40px;
}
#banner #banner-1 .right-section p {
  line-height: 24px;
}
#banner #banner-1 .bottom-section {
  margin-top: 85px;
}
#banner #banner-1 .bottom-section img {
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #banner #banner-1 {
    text-align: center;
  }
}
#banner #banner-2 {
  background: #14226f;
}
#banner #banner-2 .section {
  padding: 0px 80px 30px 0px;
  background: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
}
@media screen and (max-width: 767px) {
  #banner #banner-2 .section.middle-section {
    margin: 50px 0;
  }
}
#banner #banner-2 .section h2 {
  margin-bottom: 20px;
  font-family: "Raleway", sans-serif;
  -webkit-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
}
#banner #banner-2 .section hr {
  width: 45px;
  height: 3px;
  background: #f50645;
  margin: 0 auto 20px;
  -webkit-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
  border: none;
}
#banner #banner-2 .section h4 {
  margin-bottom: 10px;
  font-family: "Raleway", sans-serif;
}
#banner #banner-2 .section p {
  line-height: 24px;
}
#banner #banner-2 .section:hover {
  background: #008cba;
}
#banner #banner-2 .section:hover hr {
  background: #ffffff;
}
/*#banner #banner-2 .section:hover h2 {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}*/
#banner #banner-2 .section:hover h2, #banner #banner-2 .section:hover h4, #banner #banner-2 .section:hover p {
  color: #ffffff;
}
#banner #banner-2 .section.middle-section hr {
  background: #f50645;
}
#banner #banner-2 .section.middle-section:hover {
  background: #f50645;
}
#banner #banner-2 .section.middle-section:hover hr {
  background: #ffffff;
}
#banner #banner-2 .section.right-section hr {
  background: #f50645;
}
#banner #banner-2 .section.right-section:hover {
  background: #ce2350;
}
#banner #banner-2 .section.right-section:hover hr {
  background: #ffffff;
}
#banner #banner-3 .owl-controls {
  position: absolute;
  left: 6px;
}
#banner #banner-3 .owl-prev {
  margin-right: 5px;
}
#banner #banner-3 #image-slider .item {
  margin: 8px;
}
#banner #banner-3 #image-slider .item img {
  display: block;
  width: 100%;
  height: auto;
}
#banner #banner-3 .vertical-heading {
  margin-bottom: 50px;
}
#banner #banner-3 p {
  line-height: 24px;
}
@media screen and (max-width: 767px) {
  #banner #banner-3 #of p {
    margin-bottom: 50px;
  }
}
#banner #banner-3 .hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}
#banner #banner-3 .hovereffect img {
  display: block;
  position: relative;
}
#banner #banner-3 .hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  background-color: rgba(32, 33, 37, 0.9);
  opacity: 0;
  color: #ffffff;
  -webkit-transition: all linear 300ms;
          transition: all linear 300ms;
}
#banner #banner-3 .hovereffect .overlay .info {
  position: absolute;
  left: 23px;
  top: 30px;
}
#banner #banner-3 .hovereffect .overlay .info h6 {
  color: #008cba;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
}
#banner #banner-3 .hovereffect .overlay .info p {
  color: #ffffff;
}
#banner #banner-3 .hovereffect .overlay .list-inline {
  position: absolute;
  right: 23px;
  bottom: 30px;
}
#banner #banner-3 .hovereffect:hover .overlay {
  opacity: 1;
  top: 0;
}
#banner #banner-3 .bottom-section {
  margin-top: 50px;
}
#banner #banner-3 .bottom-section .progress {
  height: 25px;
  background: #eeeeee;
  border-radius: 0;
  overflow: visible;
}
#banner #banner-3 .bottom-section .progress .progress-bar {
  background: #008cba;
  position: relative;
  -webkit-transition: 0.2s;
          transition: 0.2s;
}
#banner #banner-3 .bottom-section .progress .progress-bar span {
  position: absolute;
  left: 97%;
  display: block;
  padding: 3px;
  color: #ffffff;
  background: #151515;
  font-size: 10px;
  font-weight: 100;
  top: -40px;
}
#banner #banner-3 .bottom-section .progress .progress-bar span:before {
  display: table;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #151515;
  bottom: -8px;
  left: 23%;
}
@media screen and (max-width: 767px) {
  #banner #banner-3 .bottom-section .progress {
    height: 20px;
  }
}
#banner #banner-3 .bottom-section .second .progress-bar {
  background: #73ae20;
}
#banner #banner-3 .bottom-section .third .progress-bar {
  background: #ce2350;
}
#banner #banner-3 .bottom-section .fourth .progress-bar {
  background: #E25111;
}
#banner #banner-3 .bottom-section p {
  font-family: "Raleway", sans-serif;
  line-height: 62px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  #banner #banner-3 .bottom-section p {
    line-height: 45px;
    font-size: 15px;
  }
}
#banner #banner-3 .bottom-section .first, #banner #banner-3 .bottom-section .second {
  margin-bottom: 20px;
}
#banner #banner-4 {
  background: url("../images/like.jpg") no-repeat fixed center;
  background-size: cover;
  border-bottom: 3px solid #f50645;
  min-height: 750px;
}
#banner #banner-4 h3 {
  font-family: "Raleway", sans-serif;
  color: #ffffff;
  line-height: 45px;
}
#banner #banner-4 h3 i {
  color: #59717a;
}
#banner #banner-4 p {
  font-family: "Raleway", sans-serif;
  color: #008cba;
  margin-top: 8px;
}

/* banner styling end */

/*****************************************************
*******************WEB-DESIGNING-TORONTO.HTML*********
*****************************************************/

/**section: web-design***/
.content-header {
  padding: 0px 15px;
}

.content-header h1 {
  font-size: 80px;
  line-height: 70px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 80px;
  margin-bottom: 20px;
  text-align: center;
  color: #191a14;

}
.content-header p{
    font-size: 36px;
    width: 90%;
    margin: 0 auto 14px;
    line-height: 44px;
    text-align: center;
    /*text-transform: uppercase;*/
    padding-bottom: 60px;
}
.content-content h1{
  font-size: 58px;
  font-weight: 900;
  text-align: center;
  padding: 50px 10px 0px 10px;
}
.content-content p{
    font-size: 24px;
    color: #2f2f35;
    line-height: 40px;
    margin-bottom: 50px;
    padding: 0px 15px;
}
.content-content .sub-heading-p {
      text-align: center;
      font-weight: 600;
      color: #73ae20 !important;
}

/***section: process****/

#process {
  /*background: url("../images/web-designing-process-toronto.png") no-repeat fixed center;*/
  background-color: #73ae20;
  background-size: cover;
  border-bottom: 3px solid #f50645;
  min-height: 750px;
 
}

#process .container {
  width: 100%;
}

.process-header {
  padding: 0px 15px;
}

.process-header h1 {
  font-size: 68px;
  line-height: 70px;
  text-transform: uppercase;
  font-weight: 700;
  /*margin-top: 80px;*/
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
  padding-top: 80px;

}
.process-header p{
    font-size: 36px;
    width: 90%;
    margin: 0 auto 14px;
    line-height: 44px;
    text-align: center;
    /*text-transform: uppercase;*/
    padding-bottom: 60px;
    color: #fff;
}

.design-process-section .text-align-center {
    line-height: 25px;
    margin-bottom: 12px;
}
.design-process-content {
    /*border: 1px solid #e9e9e9;*/
    position: relative;
    padding: 16px 15% 30px 15%;
    text-align: center;
}
.design-process-content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    max-height: 100%;
}
.design-process-content h3 {
    margin-bottom: 16px;
    margin-top: 50px;
    color: #fff;
}
.design-process-content p {
    line-height: 40px;
    margin-bottom: 12px;
    color: #fff;
    font-size: 24px;
}
.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0px 0px 0px 0px;
    border: none;
    z-index: 0;
    text-align: center;
}
.process-model p {
    color: #fff;
}
.process-model li::after {
    background: #e5e5e5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 10px;
    margin: 0 auto;
    position: absolute;
    right: -70px;
    top: 33px;
    width: 100%;
    z-index: -1;
}
.process-model li.visited::after {
    background: #f50645 !important;
}
.process-model li:last-child::after {
    width: 0;
}
.process-model li {
    display: inline-block;
    width: 9%;
    text-align: center;
    float: none;
}
.nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {
    border: none;
    background: transparent;

}
.process-model li a {
    padding: 0;
    border: none;
    color: #f50645;
}
.process-model li.active,
.process-model li.visited {
    color: #f50645;
}
.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus {
    color: #14226f;
}
.process-model li.active p,
.process-model li.visited p {
    font-weight: 600;
}
.process-model li i {
    display: block;
    height: 68px;
    width: 68px;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border: 4px solid #e5e5e5;
    line-height: 65px;
    font-size: 30px;
    border-radius: 50%;
}
.process-model li.active i, .process-model li.visited i  {
    background: #fff;
    border-color: #f50645;
}
.process-model li p {
    font-size: 18px;
    margin-top: 11px;
}
.process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p {
    color: #606060!important;
    font-weight: normal
}
.process-model.contact-us-tab li::after  {
    display: none; 
}
.process-model.contact-us-tab li.visited i {
    border-color: #f5f6f7; 
}
.process-accordion {
    display: block;
}
.process-columns {
    display: block;
}
.process-tabs {
  display: none;
}
@media screen and (min-width: 907px) {
  .process-tabs {
    display: block;
  }
  .process-columns {
    display: none;
  }
  .process-accordion {
    display: none;
  }
}

@media screen and (max-width: 1207px) {
  .process-model li p {
    font-size: 16px;
    margin-top: 11px;
  }
}

.process-icon {
  color: #fff;
  text-align: center;
  padding: 0px !important;
  margin: 0px !important;
}
.process-title {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
}
.process-text {
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 50px;
  padding: 0px 15px;
}

/*Process for small screen starts here */
/*.cd-tabs {
    position: relative;
}
@media (min-width: 48rem) {
    .cd-tabs {
    display: -ms-flexbox;
    display: flex;
}
}@media (min-width: 64rem) {
    .cd-tabs {
    display: block;
}
}@supports (background: linear-gradient(to left,  #000,  #000)) {
    .cd-tabs: :after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 50px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to left,  hsl(54,  42%,  95%),  hsla(54,  42%,  95%,  0));
    background: linear-gradient(to left,  var(--cd-color-2),  hsla(var(--cd-color-2-h),  var(--cd-color-2-s),  var(--cd-color-2-l),  0));
    visibility: visible;
    opacity: 1;
    transition: opacity .3s 0s,  visibility 0s 0s;
}
@media (min-width: 48rem) {
    .cd-tabs: :after {
    display: none;
}
}.cd-tabs--scroll-ended::after {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s 0s,  visibility 0s .3s;
}
}.cd-tabs__navigation {
    background: hsl(54,  42%,  95%);
    background: var(--cd-color-2);
    --cd-color-shadow:  hsla(54,  42%,  64.6%,  0.06);
    --cd-color-shadow:  hsla(var(--cd-color-2-h),  var(--cd-color-2-s),  calc(var(--cd-color-2-l)*0.68),  0.06);
    box-shadow: inset 0 -2px 3px hsla(54,  42%,  64.6%,  0.06);
    box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
}
@media (min-width: 48rem) {
    .cd-tabs__navigation {
    width: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-shadow: inset -2px 0 3px hsla(54,  42%,  64.6%,  0.06);
    box-shadow: inset -2px 0 3px var(--cd-color-shadow);
}
}@media (min-width: 64rem) {
    .cd-tabs__navigation {
    display: -ms-flexbox;
    display: flex;
    width: auto;
    background: transparent;
    box-shadow: none;
}
}.cd-tabs__list {
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.cd-tabs__list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (min-width: 48rem) {
    .cd-tabs__list {
    -ms-flex-direction: column;
    flex-direction: column;
}
}@media (min-width: 64rem) {
    .cd-tabs__list {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: hsl(54,  42%,  95%);
    background-color: var(--cd-color-2);
    --cd-color-shadow:  hsla(54,  42%,  64.6%,  0.06);
    --cd-color-shadow:  hsla(var(--cd-color-2-h),  var(--cd-color-2-s),  calc(var(--cd-color-2-l)*0.68),  0.06);
    box-shadow: inset 0 -2px 3px hsla(54,  42%,  64.6%,  0.06);
    box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
}
@media (min-width: 64rem) {
    .cd-tabs__list {
    box-shadow: inset 0 -2px 3px hsla(54,  42%,  64.6%,  0.06);
    box-shadow: inset 0 -2px 3px var(--cd-color-shadow);
}
}}.cd-tabs__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    width: 60px;
    font-size: 0.76388em;
    font-size: calc(var(--text-xs)*1.1);
    font-weight: 700;
    color: hsl(54,  8%,  75%);
    color: var(--cd-color-3);
    text-decoration: none;
}
.cd-tabs__item:hover {
    color: hsl(225,  31%,  23%);
    color: var(--cd-color-1);
    background-color: hsla(54,  42%,  84.55%,  0.3);
    background-color: hsla(var(--cd-color-2-h),  var(--cd-color-2-s),  calc(var(--cd-color-2-l)*0.89),  0.3);
}
.cd-tabs__item .icon {
    margin-bottom: 0.25em;
    margin-bottom: var(--space-xxxs);
    color: inherit;
}
@media (min-width: 48rem) {
    .cd-tabs__item {
    height: 80px;
    width: 80px;
}
}@media (min-width: 64rem) {
    .cd-tabs__item {
    height: 60px;
    width: auto;
    padding: 0 2em;
    padding: 0 var(--space-lg);
    -ms-flex-direction: row;
    flex-direction: row;
}
.cd-tabs__item .icon {
    margin-bottom: 0;
    margin-right: 0.375em;
    margin-right: var(--space-xxs);
}
}.js .cd-tabs__item--selected {
    background-color: hsl(0,  0%,  100%);
    background-color: var(--color-white);
    box-shadow: inset 0 2px 0 hsl(1,  84%,  63%);
    box-shadow: inset 0 2px 0 var(--cd-color-4);
    color: hsl(225,  31%,  23%);
    color: var(--cd-color-1);
}
.js .cd-tabs__item--selected:hover {
    background-color: hsl(0,  0%,  100%);
    background-color: var(--color-white);
}
.js .cd-tabs__item--selected .icon {
    color: hsl(1,  84%,  63%);
    color: var(--cd-color-4);
}
@media (min-width: 48rem) {
    .js .cd-tabs__item--selected {
    box-shadow: inset 2px 0 0 hsl(1,  84%,  63%);
    box-shadow: inset 2px 0 0 var(--cd-color-4);
}
}@media (min-width: 64rem) {
    .js .cd-tabs__item--selected {
    box-shadow: inset 0 2px 0 hsl(1,  84%,  63%);
    box-shadow: inset 0 2px 0 var(--cd-color-4);
}
}.cd-tabs__panels {
    background: hsl(0,  0%,  100%);
    background: var(--color-white);
    overflow: hidden;
}
.cd-tabs__panel {
    padding: 1.25em;
    padding: var(--space-md);
    --line-height-multiplier:  1.14;
    --text-vspace-multiplier:  1.25;
}
.cd-tabs__panel p {
    color: hsl(225,  31%,  63.02%);
    color: hsl(var(--cd-color-1-h),  var(--cd-color-1-s),  calc(var(--cd-color-1-l)*2.74));
}
@media (min-width: 48rem) {
    .cd-tabs__panel {
    padding: 2em;
    padding: var(--space-lg);
}
}@media (min-width: 64rem) {
    .cd-tabs__panel p {
    font-size: 0.83333em;
    font-size: var(--text-sm);
}
}.js .cd-tabs__panel {
    display: none;
}
.js .cd-tabs__panel--selected {
    display: block;
    -webkit-animation: cd-fade-in 0.5s;
    animation: cd-fade-in 0.5s;
}
@-webkit-keyframes cd-fade-in {
    0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}@keyframes cd-fade-in {
    0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

.max-width-md {
    max-width: 64rem;
    max-width: var(--max-width-md);
}*/
/*  Process for small screens ends here */

/*** Section: Features ***/
.features {
  padding-bottom: 80px;
}
.features-header h1{
  font-size: 50px;
  line-height: 70px;
  /*text-transform: uppercase;*/
  font-weight: 700;
  /*margin-top: 80px;*/
  margin-bottom: 20px;
  text-align: center;
  color: #191a14;
  padding-top: 80px;
}
.features-header p{
    font-size: 36px;
    width: 90%;
    margin: 0 auto 14px;
    line-height: 44px;
    text-align: center;
    /*text-transform: uppercase;*/
    padding-bottom: 60px;
    color: #73ae20 !important;
}
.right-section {
    padding-left: 35px;
}
@media screen and (max-width: 991px) { 
  .right-section {
    padding-left: 0px;
  }
}
.left-section {
   padding-right: 35px;
}
.feature p{
    font-size: 16px;
    color: #2f2f35;
    line-height: 26px;
    margin-bottom: 50px;
}

/**** Section Cta-1 ******/
#cta-webdesign {
  background-color: #14226f;
  padding: 50px 0px;
  border-bottom:3px solid #f50645;
}
.cta-header h1{
  color: #fff !important;
  text-align: center;
}
.cta-header p{
  color: #fff !important;
  font-size: 30px;
  text-align: center;
  padding-bottom: 25px;
}
.cta-portfolio {
  text-align: center;
}

/*** Other Services **/
.other-services {
  padding: 80px 0px;
}
.other-services h1{
  padding-bottom: 50px;
  font-weight: 600;
  font-size: 40px;
  text-align: center;
}
.other-service {
  padding-bottom: 30px;
}
.other-service-h2 {
  font-weight: 600;
  font-size: 26px;
}
.other-service-h2:hover{
  font-weight: 600;
  font-size: 26px;
  color: #73ae20;
}
/*** Contact Us *****/
.contact-us-inner {
  background: url("../images/contact-inner.jpg") no-repeat fixed center;
}
.contact-inner h1{
  color: #fff;
}
.contact-inner h2{
  color: #fff;
  font-size: 36px;
  font-weight: 400; 
}

@media screen and (max-width: 1245px) { 
  p.banner-p {
    padding-left: 12%;
    padding-right: 12%;
  }
}

@media screen and (max-width: 1040px) { 
  p.banner-p {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media screen and (max-width: 991px) {

  .navbar .mySideBar {
    height: 800px;
  }

  .other-services-algn-center {
    text-align: center;
    width: 1170px !important;
  }

  #other-services div.left-section {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {

  .navbar .mySideBar {
    height: 500px;
  }

  .algn-ctr {
    text-align: center;
  }

  .banner-h1 {
    padding-top: 60px;
  }

  .content-content p {
    font-size: 18px;
    text-align: justify;
  }
}


@media screen and (max-width: 520px) {
  .banner-h1 {
    padding-top: 20px;
  }
}



a.btn.button.hvr-shutter-out-horizontal.red-btn::before {
     background: #73ae20; 
}

@media screen and (min-width: 992px) {
  .sidenav {
      display: none !important;
  }
}