/*
Theme Name: Ashrisha IT Solutions
Theme URI: https://wordpress.org/themes/
Template: twentyfourteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Tags: blog,news,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,flexible-header,footer-widgets,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready,accessibility-ready
Version: 2.0.1504339304
Updated: 2017-09-02 08:01:44

*/

/*font Variables*/
/*Color Variables*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Raleway:100,200,300,400,500,600,700,800,900|Roboto:300,400,500,700,900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Dancing+Script:400,700");
.col-md-offset-right-1 {
  margin-right: 8.33333333%;
}

/* 
@font-face {
    font-family: "ralH";
    src: url(../fonts/theme-font/Raleway-Heavy.woff);
}
@font-face {
    font-family: "monR";
    src: url(../fonts/theme-font/Montserrat-Regular.woff);
}
@font-face {
    font-family: "monB";
    src: url(../fonts/theme-font/Montserrat-Bold.woff);
}
*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
.p0 {
  padding: 0px;
}

.m0 {
  margin: 0px;
}

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

a {
  text-decoration: none;
}

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

.row.m0 {
  margin: 0px;
}

body {
  line-height: 35px;
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
  text-align:justify;
}

body, p, h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}

/* start welcome title css
============================================================================================ */
.section-title {
  padding-bottom: 60px;
}

.section-title h2 {
  font: 700 26px/36px "Montserrat", sans-serif;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
  color: #242424;
}

.section-title h2:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #e2e2e2;
  position: absolute;
  bottom: 0;
  left: 0;
}

.section-title h2:after {
  content: '';
  width: 45px;
  height: 3px;
  background: #fcbd1d;
  position: absolute;
  bottom: -1px;
  left: 0;
}

/* End Welcome title css
============================================================================================ */
/* start welcome title-2 css
============================================================================================ */
.section-title2 {
  text-align: center;
  padding-bottom: 60px;
}

.section-title2 h2 {
  font: 700 26px/36px "Montserrat", sans-serif;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
  color: #242424;
}

.section-title2 h2:before {
  content: '';
  width: 150px;
  height: 1px;
  background: #330000;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.section-title2 h2:after {
  content: '';
  width: 45px;
  height: 3px;
  background: #FF1822;
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.section-title2 p {
  color: #505050;
  max-width: 735px;
  margin: 25px auto 0px;
}

/* End Welcome title-2 css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* First header area css
============================================================================================ */
.first_header {
  background: #012c3c;
}

.first_header .social-icon ul li {
  display: inline-block;
  margin-right: 15px;
}

.first_header .social-icon ul li a {
  color: #fff;
  line-height: 40px;
  display: inline-block;
  font-size: 13px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.first_header .social-icon ul li:last-child {
  margin-right: 0px;
}

.first_header .social-icon ul li:hover a {
  color: #fcbd1d;
}

.first_header .social-links a {
  color: #fff;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
  line-height: 40px;
  margin-right: 16px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.first_header .social-links a i {
  padding-right: 6px;
}

.first_header .social-links a + a {
  margin-right: 0px;
}

.first_header .social-links a:hover {
  color: #3A1083;
}

.f-header-bg {
  background: #13314c;
}

/* End First header area css
============================================================================================ */
/* Main Menu area css
============================================================================================ */
.main_menu_area .navbar-default {
  border: none;
  margin-bottom: 0px;
  border-radius: 0px;
  background: #fff;
}

.main_menu_area .navbar-default .navbar-header a {
  padding: 0px 15px;
  display: block;
  line-height: 70px;
  height: auto;
}

.main_menu_area .navbar-default .navbar-header a img {
  display: inline-block;
  max-width: 100%;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li {
  margin-right: 25px;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li a {
  display: inline-block;
  padding: 0px;
  line-height: 75px;
  font-size: 14px;
  color: #000000;
  z-index: 2;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  position: relative;
  background: transparent;
  text-shadow: none;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li a:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 1px;
  background: #fcbd1d;
  opacity: 0;
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li:last-child {
  margin-right: 0px;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a, .main_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a {
  color: #fcbd1d;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a:before, .main_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a:before {
  top: 22px;
  opacity: 1;
}

@media (min-width: 991px) {
  .main_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    display: block;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    min-width: 200px;
    background: #fff;
    border-radius: 0px;
    border: none;
    padding: 0px;
    left: 0px;
    font-weight: 500;
    right: auto;
  }
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li {
  margin-right: 0px;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li a {
  padding: 0px 15px;
  line-height: 50px;
  border-bottom: 1px solid #ededed;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  text-shadow: none;
  color: #242424;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  display: block;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li a:before {
  display: none;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:last-child a {
  border-bottom: none;
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:hover a {
  color: #fcbd1d;
}

@media (min-width: 991px) {
  .main_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover.submenu .dropdown-menu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -o-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);
  }
}

.main_menu_area .navbar-default .navbar-collapse .navbar-nav > .open a {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.main_menu_area.menu_brown .navbar-default .navbar-collapse .navbar-nav li a:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 1px;
  background: #fcbd1d;
  opacity: 0;
  -webkit-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

.main_menu_area.menu_brown .navbar-default .navbar-collapse .navbar-nav li:hover a, .main_menu_area.menu_brown .navbar-default .navbar-collapse .navbar-nav li.active a {
  color: #fcbd1d;
}

.main_menu_area.menu_brown .navbar-default .navbar-collapse .navbar-nav li:hover a:before, .main_menu_area.menu_brown .navbar-default .navbar-collapse .navbar-nav li.active a:before {
  top: 20px;
  opacity: 1;
}

.main_menu_area.menu_brown .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li a {
  border-bottom: 1px solid rgba(249, 183, 96, 0.3);
}

.main_menu_area.menu_brown .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:hover a {
  color: #fcbd1d;
}

.main_menu_area.menu_brown .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:last-child a {
  border-bottom: none;
}

.menu2 {
  padding-left: 166px;
}

.right-menu li a {
  z-index: 2;
}

.right-menu li a:before {
  display: none;
}

.right-menu li.search_dropdown.open .search {
  opacity: 1;
  visibility: visible;
}

.right-menu li .search {
  width: 270px;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  float: left;
  padding: 5px;
  list-style: none;
  text-align: left;
  background: #fff;
}

.right-menu li .search .search-form {
  margin: 0;
  padding: 0;
  border: 1px solid #ededed;
}

.right-menu li .search .search-form .form-control {
  background: transparent;
  border: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-transform: uppercase;
  padding-left: 20px;
  font-size: 12px;
  color: #5c5c5c;
}

.right-menu li .search .search-form .input-group-addon {
  background: transparent;
  border: 0px;
}

.right-menu li .search .search-form .input-group-addon button {
  font-size: 12px;
  color: #5c5c5c;
  background: transparent;
  border: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.offcanvas_closer.show {
  z-index: 1;
  opacity: 1;
}

.offcanvas_closer {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: -10;
  -webkit-transition: all 300ms linear 0s;
  -o-transition: all 300ms linear 0s;
  transition: all 300ms linear 0s;
}

/* End Main Menu area css
============================================================================================ */
.header3-top {
  position: relative;
  overflow: hidden;
  background: #FF1822;
}

.header3-top:before {
  content: '';
  width: 30%;
  height: 32px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: -133px;
  -webkit-transform: skewx(40deg);
  -ms-transform: skewx(40deg);
  transform: skewx(40deg);
}

.header3-top:after {
  content: '';
  width: 30%;
  height: 32px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  right: -133px;
  -webkit-transform: skewx(40deg);
  -ms-transform: skewx(40deg);
  transform: skewx(-40deg);
}

.header3-top .social-links a {
  margin-right: 0px;
}

.header3-top .social-links a + a {
  margin-left: 16px;
}

.header3 {
  position: relative;
}

.header3 .navbar-default .navbar-header .navbar-brand {
  line-height: 40px;
  height: auto;
}

.header3 .navbar-default .navbar-collapse .navbar-nav li a {
  line-height: 55px;
}

.header3 .navbar-default .navbar-collapse .navbar-nav li a:before {
  display: none;
}

/*================= header4 css ================*/
.head-top-bar {
  padding: 26px 0px 56px;
}

.head-top-bar .site-logo img {
  max-wedth: 100%;
}

.head-top-bar .bl-contact-info {
  text-align: right;
}

.head-top-bar .bl-contact-info li {
  display: inline-block;
  position: relative;
  text-align: left;
}

.head-top-bar .bl-contact-info li span {
  position: absolute;
  left: 0;
  font-size: 30px;
  color: #429dff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.head-top-bar .bl-contact-info li .bl-info {
  padding-left: 50px;
}

.head-top-bar .bl-contact-info li .bl-info p {
  font: 500 14px/20px "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  color: #898989;
}

.head-top-bar .bl-contact-info li + li {
  margin-left: 20px;
}

.head-top-bar .bl-contact-info li:nth-child(3) .bl-info {
  padding-left: 40px;
}

.header4 {
  border: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: absolute;
  margin: -30px 0 -50px;
  z-index: 9999;
  width: 100%;
  background: transparent;
  left: 0;
  right: 0;
}

.header4 .navbar-collapse {
  padding: 0px;
}

.header4 .navbar-default {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #0070a6), color-stop(50%, #0069a0));
  background: -webkit-linear-gradient(top, #0070a6 50%, #0069a0 50%);
  background: -o-linear-gradient(top, #0070a6 50%, #0069a0 50%);
  background: linear-gradient(to bottom, #0070a6 50%, #0069a0 50%);
  padding-left: 40px;
}

.header4 .navbar-default .navbar-header .navbar-brand {
  display: none;
}

.header4 .navbar-default .navbar-collapse .menu2 {
  padding-left: 0px;
}

.header4 .navbar-default .navbar-collapse .menu2 li a {
  color: #fff;
  line-height: 60px;
}

.header4 .navbar-default .navbar-collapse .menu2 li a:before {
  display: none;
}

.header4 .navbar-default .navbar-collapse .navbar-right {
  margin-right: 0px;
  padding: 0px 35px 0px 0px;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #005c94), color-stop(50%, #00568d));
  background: -webkit-linear-gradient(top, #005c94 50%, #00568d 50%);
  background: -o-linear-gradient(top, #005c94 50%, #00568d 50%);
  background: linear-gradient(to bottom, #005c94 50%, #00568d 50%);
}

.header4 .navbar-default .navbar-collapse .navbar-right:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 40px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #005c94), color-stop(50%, #00568d));
  background: -webkit-linear-gradient(top, #005c94 50%, #00568d 50%);
  background: -o-linear-gradient(top, #005c94 50%, #00568d 50%);
  background: linear-gradient(to bottom, #005c94 50%, #00568d 50%);
  -webkit-transform: skewX(-40deg);
  -ms-transform: skewX(-40deg);
  transform: skewX(-40deg);
  display: block;
}

.header4 .navbar-default .navbar-collapse .navbar-right li {
  margin-right: 15px;
  padding: 12px 0px;
}

.header4 .navbar-default .navbar-collapse .navbar-right li a {
  border: 1px solid #99989a;
  padding: 0;
  border-radius: 100%;
  width: 36px;
  height: 36px;
  color: #fff;
  text-align: center;
  line-height: 36px;
}

.header4 .navbar-default .navbar-collapse .navbar-right li .search {
  border: none;
  padding: 20px 26px;
  border-radius: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #005c94), color-stop(50%, #00568d));
  background: -webkit-linear-gradient(top, #005c94 50%, #00568d 50%);
  background: -o-linear-gradient(top, #005c94 50%, #00568d 50%);
  background: linear-gradient(to bottom, #005c94 50%, #00568d 50%);
  min-width: 254px;
}

.header4 .navbar-default .navbar-collapse .navbar-right li .search li {
  padding: 0px;
}

.header4 .navbar-default .navbar-collapse .navbar-right li .search .form-control {
  border: 1px solid #429dff;
  background: none;
  color: #fff;
  padding-right: 0px;
  outline: none !important;
  font: 400 14px "Open Sans", sans-serif;
  padding-left: 15px;
}

.header4 .navbar-default .navbar-collapse .navbar-right li .search .form-control.placeholder {
  color: #fff;
}

.header4 .navbar-default .navbar-collapse .navbar-right li .search .form-control:-moz-placeholder {
  color: #fff;
}

.header4 .navbar-default .navbar-collapse .navbar-right li .search .form-control::-moz-placeholder {
  color: #fff;
}

.header4 .navbar-default .navbar-collapse .navbar-right li .search .form-control::-webkit-input-placeholder {
  color: #fff;
}

/*======== landing page menu =======*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Banner area css
============================================================================================ */
.banner_area {
  background: url(../img/services/services-bg.jpg) no-repeat scroll center center;
  background-size: cover;
  position: relative;
  z-index: 2;
  min-height: 350px;
  text-align: center;
}

.banner_area:before {
  content: "";
  background: rgba(19, 49, 76, 0.6);
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.banner_area .banner_text {
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.banner_area .banner_text h3 {
  color: #fff;
  font-size: 34px;
  letter-spacing: 5.1px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  padding-bottom: 15px;
}

.banner_area .banner_text a {
  color: #fff;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  letter-spacing: .8px;
  margin-right: 23px;
  position: relative;
}

.banner_area .banner_text a:before {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  right: -16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banner_area .banner_text a i {
  padding-right: 5px;
}

.banner_area .banner_text a:last-child {
  margin-right: 0px;
}

.banner_area .banner_text a:last-child:before {
  display: none;
}

.banner_area .banner_text a.active {
  color: #fcbd1d;
}

/* End Banner area css
============================================================================================ */
.banner2 {
  background: url("../img/banner/banner_bg1.jpg") no-repeat scroll center 0;
  background-size: cover;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start hero-area css
============================================================================================ */
.hero-area {
  z-index: 0;
}

.hero-area .rev_slider {
  color: #fff;
}

.hero-area .rev_slider ul li {
  z-index: 1 !important;
}

.hero-area .rev_slider ul li .tp-bgimg {
  z-index: -1 !important;
}

.hero-area .rev_slider ul li .slotholder:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2 !important;
}

.hero-area .rev_slider ul li .slider-h1 {
  background: #fe5454;
  font-weight: 800;
  letter-spacing: 1.08px;
  padding: 0px 13px;
  text-transform: uppercase;
}

.hero-area .rev_slider ul li .slider-h2 {
  background: #13314c;
  color: #0ec3ff;
  text-transform: uppercase;
  padding: 0px 13px;
}

.hero-area .rev_slider ul li .simple-pxslider-caption {
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-left: 25px !important;
}

.hero-area .rev_slider ul li .simple-pxslider-caption i {
  color: #fe5454;
  padding-right: 20px;
  position: absolute;
  line-height: 20px;
  left: 0;
}

.rev_slider {
  color: #fff;
  z-index: 0 !important;
}

.rev_slider ul li {
  font-family: "Raleway", sans-serif;
  z-index: 4;
}

.rev_slider .tp-bannertimer {
  z-index: -1;
}

.rev_slider .slider-p {
  text-align: center !important;
}

.rev_slider .slider-button .slider-btn {
  padding: 16px 57px;
  width: 255px;
  border: 2px solid #fff;
  font-weight: 600;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  font-family: "Raleway", sans-serif;
  color: #fff;
  font-size: 18px;
  transition: all 400ms linear 0s;
}

.rev_slider .slider-button .slider-btn:hover {
  border-color: #fcbd1d;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #fcbd1d;
}

.rev_slider .slider-button .slider-btn.active {
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #fcbd1d;
  border-color: #fcbd1d;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.rev_slider .slider-button .slider-btn.active:hover {
  border-color: #fff;
  background: transparent;
  border-radius: 0px;
  color: #fff;
}

.rev_slider .slider-button .slider-btn.active:hover:before {
  display: none;
}

.rev_slider .slider-button .slider-btn + .slider-btn {
  margin-left: 25px;
}

/* End hero-area css
============================================================================================ */
.hero-area2 .rev_slider {
  text-transform: uppercase;
}

.hero-area2 .rev_slider .slider2-h1 {
  font-weight: 500;
}

.hero-area2 .rev_slider .slider2-h2 {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.hero-area2 .rev_slider .slider2-h2 span {
  color: #fcbd1d;
}

.hero-area3 .rev_slider .tp-bgimg {
  z-index: 5 !important;
}

.hero-area3 .rev_slider ul li {
  position: relative;
  z-index: 1;
}

.hero-area3 .rev_slider ul li .slotholder:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #13314c;
  opacity: 0.6;
  z-index: 7;
}

.hero-area3 .rev_slider ul li .slider3-h1 {
  font-family: "Roboto", sans-serif;
}

.hero-area3 .rev_slider ul li .slider3-h2 span {
  color: #fcbd1d;
}

.hero-area3 .rev_slider ul li .slider-btn {
  border-radius: 5px;
  letter-spacing: 1px;
}

.hero-area3 .rev_slider ul li .slider-btn:hover {
  border-radius: 5px;
}

.hero-area3 .rev_slider ul li .slider-btn.active {
  border-radius: 5px;
}

.hero-area3 .rev_slider ul li .slider4-p {
  text-align: left;
}

.fill {
  height: 100%;
  width: 100%;
  background-position: center center;
  background-size: cover;
}

.slide-wrapper {
  display: inline;
}

.slide-wrapper .container {
  padding: 0px;
}

/*------------------------------ vertical bootstrap slider----------------------------*/
.carousel-inner > .item.next, .carousel-inner > .item.active.right {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  top: 0;
}

.carousel-inner > .item.prev, .carousel-inner > .item.active.left {
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  top: 0;
}

.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  top: 0;
}

/*------------------------------- vertical carousel indicators ------------------------------*/
.carousel-indicators {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 20px;
  right: 10px;
  left: auto;
  width: auto;
}

.carousel-indicators li {
  display: block;
  margin-bottom: 5px;
  border: 1px solid #00a199;
}

.carousel-indicators li.active {
  margin-bottom: 5px;
  background: #00a199;
}

/*-------- Animation slider ------*/
.animated {
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.carousel-img {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start promotion Area  css
============================================================================================ */
.promotion-area {
  background: #fe5454;
  padding: 30px 0px 28px;
}

.promotion-area .promo-pz {
  color: #fff;
  font-family: "Raleway", sans-serif;
}

.promotion-area .promo-pz h2 {
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.promotion-area .promo-pz p {
  font-size: 16px;
  line-height: 34px;
  letter-spacing: 0.80px;
}

.promotion-area .thm-btn {
  margin-top: 7px;
  margin-left: 20px;
}

/* End promotion Area  css
============================================================================================ */
/* Start who-are-area  css
============================================================================================ */
.who-are-area {
  padding: 72px 0px 75px;
}

.who-are-area .who-are-left {
  font: 400 14px/26px "Open Sans", sans-serif;
}

.who-are-area .who-are-left p {
  color: #5c5c5c;
  letter-spacing: 0.42px;
  padding-top: 33px;
}

.who-are-area .who-are-left .who-are-list {
  padding-top: 30px;
}

.who-are-area .who-are-left .who-are-list li {
  color: #505050;
}

.who-are-area .who-are-left .who-are-list li i {
  color: #5c5c5c;
  float: left;
  line-height: 26px;
  width: 50px;
  text-align: center;
}

.who-are-area .who-are-img {
  position: relative;
  z-index: 1;
  background: url(../img/who-are/2.jpg) no-repeat scroll center 0;
  background-size: cover;
  padding: 30px;
}

.who-are-area .who-are-img:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  letter-spacing: 0.42px;
  background: #330000;
  position: absolute;
  opacity: 0.56;
  left: 0;
  z-index: -2;
}

.who-are-area .who-are-img .text {
  font: 600 14px/25px "Open Sans", sans-serif;
  text-align: center;
  padding: 101px 10px;
  color: #fff;
  border: 2px solid #fff;
}

/* End who-are-area  css
============================================================================================ */
/* Start call-to-action-area css
============================================================================================ */
.call-to-action-area {
  background: url(../img/call-to-action-bg.jpg) no-repeat scroll center 0;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 30px 0px;
}

.call-to-action-area:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #012c3c;
  opacity: 0.90;
  z-index: -1;
}

.call-to-action-area .icon {
  position: absolute;
  top: -18px;
  left: 53.7%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
}

.call-to-action {
  margin-left: 70px;
  border: 2px solid #fff;
  border-top: 0px;
  padding: 25px 30px;
  overflow: hidden;
  position: relative;
}

.call-to-action:before, .call-to-action:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 380px;
  height: 2px;
  background: #fff;
}

.call-to-action:after {
  content: '';
  left: auto;
  right: 0;
}

.call-to-action .text h2 {
  font: 500 20px/30px "Raleway", sans-serif;
  letter-spacing: 0.66px;
  color: #fff;
  display: block;
}

.call-to-action .text h2 span {
  color: #fcbd1d;
  font-weight: 400;
  display: block;
}

.call-to-action .text a {
  font: 600 18px/35px "Open Sans", sans-serif;
  color: #fcbd1d;
  letter-spacing: 0.70px;
  font-style: italic;
  padding-top: 4px;
  display: inline-block;
}

.call-to-action .text a i {
  padding-right: 12px;
}

.call-to-action .call-btn {
  border: 2px solid #fff;
  font: 500 24px/30px "Raleway", sans-serif;
  letter-spacing: 1.44px;
  color: #fff;
  padding: 13px 31px;
  text-transform: uppercase;
  display: block;
  margin-top: 16px;
  background: transparent;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.call-to-action .call-btn:hover {
  border-color: #fcbd1d;
}

.call-img {
  position: relative;
}

.call-img img {
  position: absolute;
  top: -90px;
}

/* End call-to-action-area  css
============================================================================================ */
.quote-area {
  background: #FF1822;
  padding: 20px 0px;
  color: #fff;
}

.quote-area .quote-title {
  padding-top: 6px;
}

.quote-area .quote-title h3 {
  font: 400 24px/35px "Roboto", sans-serif;
  letter-spacing: 0.30px;
}

.quote-area .project-btn {
  width: 220px;
  padding: 0px;
  border-color: #fff;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  color: #fff;
  text-transform: uppercase;
  line-height: 48px;
}

.quote-area .project-btn:before, .quote-area .project-btn:after {
  background: #0f346c;
}

.quote-area .project-btn:hover {
  border-color: transparent;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* button css
============================================================================================ */
.thm-btn {
  font-size: 18px;
  line-height: 55px;
  font-weight: 500;
  color: #fff;
  background: #13314c;
  padding: 0px 73px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  border: 0px;
  border-radius: 5px;
  -webkit-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
  -moz-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
  -ms-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
  -o-transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
  transition: all 1.2s .6s ease, background-color .4s ease-in-out, color .4s ease;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.thm-btn:before, .thm-btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 100%;
  top: 0;
  width: 150%;
  height: 100%;
  background: #fcbd1d;
  -webkit-transform: skew(30deg) translate3d(0, 0, 0);
  transform: skew(30deg) translate3d(0, 0, 0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.thm-btn:before {
  left: auto;
  right: 100%;
  -webkit-transform: skew(-30deg) translate3d(0, 0, 0);
  transform: skew(-30deg) translate3d(0, 0, 0);
}

.thm-btn:hover, .thm-btn:focus {
  color: #000000;
  outline: none;
}

.thm-btn:hover:before, .thm-btn:focus:before {
  -webkit-transform: skew(-30deg) translate3d(70%, 0, 0);
  transform: skew(-30deg) translate3d(70%, 0, 0);
  opacity: 1;
}

.thm-btn:hover:after, .thm-btn:focus:after {
  -webkit-transform: skew(30deg) translate3d(-70%, 0, 0);
  transform: skew(30deg) translate3d(-70%, 0, 0);
  opacity: 1;
}

.project-btn {
  background: transparent;
  border: 2px solid #FF1822;
  border-radius: 0px;
  /*color: #13314c;*/
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  padding: 0px 53px;
  height: 50px;
  line-height: 45px;
  margin-left: auto;
  margin-right: 0px;
}

.project-btn:before, .project-btn:after {
  background: #FF1822;
}

.project-btn:hover {
  color: #fff;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start services-area  css
============================================================================================ */
.certification-area.services-area {
  background: #f5f4f4;
}

/* End services-area  css
============================================================================================ */
/* About us Person  css
============================================================================================ */
.about_us_area {
  margin-bottom: -50px;
}

.about_us_area .about_person img {
  max-width: 100%;
  position: relative;
  left: -16px;
  top: -50px;
  z-index: 2;
}

.about_us_area .about_person_text {
  padding-top: 95px;
}

.about_us_area .about_person_text h4 {
  font-size: 45px;
  font-family: "Raleway", sans-serif;
  color: #242424;
  font-weight: bold;
  padding-bottom: 25px;
}

.about_us_area .about_person_text p {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  line-height: 36px;
  color: #5c5c5c;
}

.about_us_area .about_person_text img {
  max-width: 100%;
  padding-top: 30px;
}

/* End About us Person  css
============================================================================================ */
/* Start services-area-2  css
============================================================================================ */
.services-area-2 {
  padding: 70px 0px;
  overflow: hidden;
}

.services-tab {
  padding-right: 15px;
  padding-bottom: 70px;
}

.services-tab .nav-tabs {
  border: 0px;
}

.services-tab .nav-tabs li {
  display: block;
  float: none;
  margin-bottom: 10px;
}

.services-tab .nav-tabs li a {
  padding: 15px 0px;
  font: 700 15px/28px "Open Sans", sans-serif;
  color: #242424;
  letter-spacing: 0.30px;
  border: 1px solid #e8e8e8;
  text-align: center;
  border-radius: 0px;
  text-transform: uppercase;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.services-tab .nav-tabs li a span {
  display: block;
  font-size: 13px;
  line-height: 25px;
  color: #fff;
  text-transform: capitalize;
}

.services-tab .nav-tabs li a:hover {
  color: #fff;
  background: #FF1822;
}

.services-tab .nav-tabs li a:hover span {
  color: #fff;
}

.services-tab .nav-tabs li.active a {
  border-bottom: 1px solid #e0e0e0;
  color: #fff;
  background: #FF1822;
}

.services-tab .nav-tabs li.active a span {
  color: #fff;
}

.s-tab-content .service-text {
  padding-right: 20px;
  padding-left: 14px;
}

.s-tab-content .service-text h2 {
  font: 700 25px "Raleway", sans-serif;
  letter-spacing: 2.4px;
  color: #242424;
  text-transform: uppercase;
}

.s-tab-content .service-text p {
  color: #000;
  line-height: 28px;
  padding: 20px 0px 28px;
}

.s-tab-content .service-text h4 {
  font: 700 15px/30px "Raleway", sans-serif;
  letter-spacing: 0.30px;
  color: #242424;
  text-transform: uppercase;
}

.s-tab-content .service-img {
  padding-left: 10px;
  margin-top: 50px;
}

.s-tab-content .service-img .box-content {
  background: #FF1822;
  text-align: center;
  font-family: "Raleway", sans-serif;
  line-height: 22px;
  letter-spacing: 0.30px;
  color: #fff;
  padding: 17px 0px;
  border-left: 3px solid #FF1822;
}

.s-tab-content .service-img .box-content h2 {
  font-size: 18px;
  color: #fff;
}

.s-tab-content .service-img .box-content p {
  font-size: 14px;
}

.s-tab-content .service-img .box-content-green {
  background: #3A1083;
  text-align: center;
  font-family: "Raleway", sans-serif;
  line-height: 22px;
  letter-spacing: 0.30px;
  color: #fff;
  padding: 17px 0px;
  border-left: 3px solid #3A1083;
}

.s-tab-content .service-img .box-content-green h2 {
  font-size: 18px;
  color: #fff;
}

.s-tab-content .service-img .box-content-green p {
  font-size: 14px;
}

.progress-element .progress {
  height: 10px;
  border-radius: 20px;
  background: #f1f3f4;
  margin-top: 5px;
  overflow: visible;
}

.progress-element .progress .progress-bar {
  background: #fcbd1d;
  position: relative;
  border-radius: 20px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-element .progress .progress-bar .count-tip {
  color: #242424;
  position: absolute;
  right: 0;
  top: -24px;
  font-size: 15px;
  font-family: "Raleway", sans-serif;
  display: table;
  font-weight: 500;
}

.w-skill h4 {
  margin-bottom: 50px;
  margin-top: 17px;
}

.w-skill .step {
  width: 33.33%;
  display: block;
  text-align: center;
  float: left;
  font-family: "Raleway", sans-serif;
}

.w-skill .step .number {
  width: 45px;
  height: 45px;
  margin: 0px auto 30px;
  border: 2px solid #fcbd1d;
  border-radius: 50%;
  font: 700 24px/38px "Raleway", sans-serif;
  color: #242424;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.w-skill .step span {
  display: block;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  color: #5c5c5c;
  letter-spacing: 0.30px;
  text-transform: uppercase;
}

.w-skill .step .work {
  font-weight: 600;
  color: #242424;
}

.w-skill .step:hover .number {
  background: #fcbd1d;
  color: #fff;
}

/* End services-area-2  css
============================================================================================ */
/* Start offer-service-area  css
============================================================================================ */
.offer-service-area {
  background: #f2f2f2;
  padding: 80px 0px;
}

.offer-img {
  position: relative;
}

.offer-img img {
  max-width: 100%;
}

.offer-img .img-br {
  width: 2px;
  position: absolute;
  background: #fe5454;
  top: 15px;
  right: 15px;
  bottom: 15px;
}

.offer-img .img-br:before {
  content: '';
  width: 60px;
  height: 2px;
  background: #fe5454;
  position: absolute;
  top: 0;
  right: 0;
}

.offer-img .img-br:after {
  content: '';
  width: 60px;
  height: 2px;
  background: #fe5454;
  position: absolute;
  bottom: 0;
  right: 0;
}

.offer-img .text {
  color: #fff;
  position: absolute;
  top: 15px;
  left: 15px;
  bottom: 15px;
  background: rgba(254, 84, 84, 0.82);
  width: 170px;
  padding: 15px 12px 0px 15px;
}

.offer-img .text h1 {
  font: 700 72px/80px "Dancing Script", cursive;
  letter-spacing: 1.8px;
  padding-bottom: 20px;
}

.offer-img .text h2 {
  font: 700 20px/30px "Raleway", sans-serif;
  letter-spacing: 0.60px;
}

.offer-img .text p {
  font: 700 14px/30px "Raleway", sans-serif;
  letter-spacing: 0.42px;
}

.offer-img .text a {
  color: #fff;
  display: block;
  text-align: center;
  font: 700 14px/30px "Open Sans", sans-serif;
}

.offer-service {
  padding-left: 70px;
}

.offer-service .section-title {
  max-width: 390px;
}

.offer-service .offer-service-tab .nav-tabs {
  border: 0px;
}

.offer-service .offer-service-tab .nav-tabs li {
  margin: 0px;
}

.offer-service .offer-service-tab .nav-tabs li a {
  font: 700 16px/45px "Open Sans", sans-serif;
  letter-spacing: 0.48px;
  padding: 0px 20px;
  border: 1px solid #e2e2e2;
  border-radius: 0px;
  text-transform: uppercase;
  width: 175px;
  text-align: center;
  color: #242424;
  position: relative;
  margin: 0px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.offer-service .offer-service-tab .nav-tabs li a:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: transparent;
  position: absolute;
  bottom: -8px;
  -webkit-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  transform: rotate(42deg);
  left: 50%;
  margin-left: -7px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  z-index: 2;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.offer-service .offer-service-tab .nav-tabs li a:hover {
  color: #012c3c;
  border-color: #012c3c;
  background: #f2f2f2;
}

.offer-service .offer-service-tab .nav-tabs li a:hover:after {
  border-color: #012c3c;
  background: #f2f2f2;
}

.offer-service .offer-service-tab .nav-tabs li.active a {
  color: #012c3c;
  border-color: #012c3c;
  background: #f2f2f2;
}

.offer-service .offer-service-tab .nav-tabs li.active a:after {
  border-color: #012c3c;
  background: #f2f2f2;
}

.offer-service .offer-service-tab .nav-tabs li + li {
  margin-left: 25px;
}

.offer-service .s-tab-content {
  padding-top: 40px;
}

.offer-service .s-tab-content .service-text {
  padding: 0px;
}

.offer-service .s-tab-content .service-text h2 {
  font-size: 20px;
  letter-spacing: 0.60px;
}

.offer-service .s-tab-content .service-text p {
  font-size: 15px;
  color: #505050;
  padding: 14px 0px 20px;
}

.offer-service .s-tab-content .service-text ul li {
  width: 45%;
  display: inline-block;
  float: left;
  font: 400 13px/28px "Open Sans", sans-serif;
  color: #5c5c5c;
  letter-spacing: 0.36px;
  padding-left: 23px;
  position: relative;
}

.offer-service .s-tab-content .service-text ul li i {
  position: absolute;
  left: 0;
  line-height: 30px;
}

/* End offer-service-area css
============================================================================================ */
/* Start service-items css
============================================================================================ */
.service-details-area {
  padding: 50px 0px 100px;
}

.service-items {
  margin-top: 90px;
}

.service-items .item-img {
  border: 1px solid #cacaca;
  position: relative;
}

.service-items .item-img .icon {
  position: absolute;
  top: 0;
  width: 80px;
  height: 80px;
  background: #f5f4f3;
  border-radius: 50%;
  border: 1px solid #cacaca;
  text-align: center;
  line-height: 80px;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -40px;
}

.service-items .item-img .icon:after {
  content: '';
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #13314c;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  display: block;
  z-index: -1;
}

.service-items .service-content {
  background: #f4f4f4;
  padding: 40px 9px 47px 30px;
}

.service-items .service-content h2 {
  font: 600 30px/40px "Raleway", sans-serif;
  letter-spacing: 0.9px;
  color: #3a3a3a;
  text-transform: capitalize;
}

.service-items .service-content p {
  color: #898989;
  letter-spacing: 0.42px;
  line-height: 25px;
  padding: 13px 0px 20px;
}

.service-items .service-content .thm-btn {
  display: inline-block;
  font-family: "Raleway", sans-serif;
  padding: 0px 43px;
  font-weight: 500;
}

.view-btn {
  max-width: 250px;
  margin: 80px auto 0px;
  display: block;
}

/* End service-items css
============================================================================================ */
.service-area3 {
  background: #f7f7f7;
  padding: 73px 0px 50px;
}

.services-items .s-item {
  margin-bottom: 30px;
}

.services-items .s-item .s-img {
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.services-items .s-item .s-img:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #fcbd1d;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.services-items .s-item .s-img .popup-g {
  display: block;
}

.services-items .s-item .s-img img {
  max-width: 100%;
  width: 100%;
}

.services-items .s-item .s-img .s-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 22px;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  width: 30px;
  text-align: center;
}

.services-items .s-item .s-img .s-icon i {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.services-items .s-item .content {
  background: #fff;
  text-align: center;
  padding: 15px 0px;
}

.services-items .s-item .content h2 {
  font: 500 18px/30px "Raleway", sans-serif;
  text-transform: uppercase;
}

.services-items .s-item .content p {
  color: #898989;
}

.services-items .s-item:hover .s-img:before {
  opacity: 0.65;
}

.services-items .s-item:hover .s-img .s-icon i {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/*=========mfp css ============*/
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective(600px) rotateX(0);
  -moz-transform: translateY(0) perspective(600px) rotateX(0);
  -ms-transform: translateY(0) perspective(600px) rotateX(0);
  -o-transform: translateY(0) perspective(600px) rotateX(0);
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start latest news Area css
============================================================================================ */
.latest-news-area {
  background: #f5f4f4;
  padding: 72px 0px 50px;
}

.latest-news-area .news-item {
  padding-bottom: 30px;
}

.latest-news-area .news-item .news-img {
  position: relative;
}

.latest-news-area .news-item .news-img:before {
  content: '';
  width: 73%;
  height: 3px;
  background: #fcbd1d;
  position: absolute;
  bottom: 0;
  right: 0;
}

.latest-news-area .news-item .news-img .info-date {
  position: absolute;
  width: 100px;
  height: 40px;
  border-left: 3px solid #fcbd1d;
  bottom: 0;
  background: rgba(254, 84, 84, 0.73);
}

.latest-news-area .news-item .news-img .info-date a {
  color: #fff;
  font: 300 18px/40px "Raleway", sans-serif;
  display: block;
  text-align: center;
}

.latest-news-area .news-item .news-img .info-date a span {
  font-weight: 500;
  padding-left: 4px;
}

.latest-news-area .news-item .news-text {
  border: 2px solid #ededed;
  padding: 25px 15px 25px 30px;
  -webkit-box-shadow: 0px 0px 24.36px 4.64px rgba(0, 0, 0, 0.043);
  box-shadow: 0px 0px 24.36px 4.64px rgba(0, 0, 0, 0.043);
  background: #fff;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.latest-news-area .news-item .news-text h3 {
  font: 700 18px/26px "Montserrat", sans-serif;
  color: #242424;
  text-transform: uppercase;
  padding-bottom: 7px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.latest-news-area .news-item .news-text p {
  font: 400 14px/26px "Open Sans", sans-serif;
  color: #898989;
  border-bottom: 1px dashed #ededed;
  padding-bottom: 22px;
}

.latest-news-area .news-item .news-text .latest-meta {
  padding-top: 14px;
}

.latest-news-area .news-item .news-text .latest-meta a {
  font: 400 14px/26px "Open Sans", sans-serif;
  color: #c1c1c1;
  letter-spacing: 0.42px;
  padding-right: 13px;
}

.latest-news-area .news-item .news-text .latest-meta a i {
  font-size: 16px;
  color: #fcbd1d;
  padding-right: 8px;
}

.latest-news-area .news-item .news-text .latest-meta a + a:before {
  content: '';
  background: #d3d3d3;
  margin-right: 15px;
  width: 1px;
  height: 14px;
  bottom: -3px;
  position: relative;
  display: inline-block;
}

.latest-news-area .news-item .news-text .latest-meta a:hover {
  color: #fcbd1d;
}

.latest-news-area .news-item:hover .news-text {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.latest-news-area .news-item:hover .news-text h3 {
  color: #fcbd1d;
}

/* End latest news Area css
============================================================================================ */
.blog-area {
  padding: 80px 0px 80px;
}

.single-blog-post .post-meta {
  margin-bottom: 20px;
}

.single-blog-post .post-meta .post-date {
  background: #fcbd1d;
  text-align: center;
  padding: 8px 15px;
}

.single-blog-post .post-meta .post-date a {
  font: 700 22px/21px "Raleway", sans-serif;
  color: #fff;
  display: block;
}

.single-blog-post .post-meta .post-date a span {
  font-size: 16px;
  font-weight: 400;
}

.single-blog-post .post-meta .media-text {
  padding-left: 20px;
}

.single-blog-post .post-meta .media-text h2 a {
  font: 700 26px "Montserrat", sans-serif;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  color: #242424;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.single-blog-post .post-meta .media-text h2 a:hover {
  color: #fcbd1d;
}

.single-blog-post .post-meta .media-text h5 {
  font: 400 16px/30px "Montserrat", sans-serif;
  color: #3d3d3d;
  text-transform: capitalize;
}

.single-blog-post .post-meta .media-text h5 a {
  color: #3d3d3d;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.single-blog-post .post-meta .media-text h5 a:hover {
  color: #fcbd1d;
}

.single-blog-post .blog-slider .owl-nav .owl-prev, .single-blog-post .blog-slider .owl-nav .owl-next {
  font-size: 12px;
  background: #fff;
  color: #767676;
  border-radius: 50%;
  display: block;
  border: 1px solid #cbcbcb;
  width: 30px;
  height: 30px;
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.single-blog-post .blog-slider .owl-nav .owl-prev:hover, .single-blog-post .blog-slider .owl-nav .owl-next:hover {
  background: #fcbd1d;
  color: #fff;
  border-color: #fcbd1d;
}

.single-blog-post .blog-slider .owl-nav .owl-prev {
  left: 30px;
}

.single-blog-post .blog-slider .owl-nav .owl-next {
  right: 30px;
}

.single-blog-post .blog-content {
  padding-top: 24px;
}

.single-blog-post .blog-content p {
  font: 400 14px/24px "Open Sans", sans-serif;
  color: #5c5c5c;
  letter-spacing: 0.14px;
  padding-bottom: 20px;
}

.single-blog-post .blog-content a {
  font: 500 14px/20px "Montserrat", sans-serif;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.single-blog-post .blog-content a:hover {
  color: #fcbd1d;
}

.single-blog-post .blog-content a.comment {
  color: #242424;
}

.single-blog-post .blog-content a.comment i {
  padding-right: 5px;
}

.single-blog-post .blog-content a.comment:hover {
  color: #fcbd1d;
}

.single-blog-post .blog-content a.read-more {
  color: #fcbd1d;
  float: right;
  border-bottom: 1px solid transparent;
}

.single-blog-post .blog-content a.read-more i {
  padding-left: 10px;
}

.single-blog-post .blog-content a.read-more:hover {
  border-color: #fcbd1d;
}

.single-blog-post + .single-blog-post {
  margin-top: 75px;
}

.blog-img {
  position: relative;
  overflow: hidden;
}

.blog-img img {
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.blog-img .border {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  padding: 30px;
  top: 0;
  left: 0;
  z-index: 1;
}

.blog-img .border:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #fcbd1d;
  opacity: 0;
  z-index: -1;
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-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);
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.blog-img span {
  position: absolute;
  width: 40px;
  height: 40px;
  display: block;
  opacity: 1;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.blog-img span:nth-child(1) {
  top: -1px;
  left: -1px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}

.blog-img span:nth-child(2) {
  top: -1px;
  right: -1px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
}

.blog-img span:nth-child(3) {
  bottom: -1px;
  left: -1px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.blog-img span:nth-child(4) {
  bottom: -1px;
  right: -1px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.blog-img:hover img {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.blog-img:hover .border:before {
  opacity: 0.55;
}

.blog-img:hover .border span:nth-child(1) {
  top: 15px;
  left: 15px;
}

.blog-img:hover .border span:nth-child(2) {
  top: 15px;
  right: 15px;
}

.blog-img:hover .border span:nth-child(3) {
  bottom: 15px;
  left: 15px;
}

.blog-img:hover .border span:nth-child(4) {
  bottom: 15px;
  right: 15px;
}

.right_sidebar .r_widget {
  border: 1px solid #ebebeb;
  padding: 40px 20px;
}

.right_sidebar .r_widget + .r_widget {
  margin-top: 35px;
}

.right_sidebar .r_widget .widget_tittle {
  font: 700 26px/26px "Montserrat", sans-serif;
  letter-spacing: 0.30px;
  color: #242424;
  padding-bottom: 27px;
  padding-top: 3px;
}

.right_sidebar .r_widget.search_widget input {
  font: 400 14px/34px "Open Sans", sans-serif;
  color: #505050;
  border: 1px solid #ededed;
  border-radius: 3px;
  display: block;
  width: 100%;
  padding-left: 20px;
}

.right_sidebar .r_widget.search_widget input.placeholder {
  color: #505050;
}

.right_sidebar .r_widget.search_widget input:-moz-placeholder {
  color: #505050;
}

.right_sidebar .r_widget.search_widget input::-moz-placeholder {
  color: #505050;
}

.right_sidebar .r_widget.search_widget input::-webkit-input-placeholder {
  color: #505050;
}

.right_sidebar .r_widget.search_widget .search_btn {
  font: 500 14px/20px "Raleway", sans-serif;
  letter-spacing: 0.50px;
  background: #13314c;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0px;
  border-radius: 3px;
  padding: 9px 15px;
  color: #fff;
  margin-top: 8px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.right_sidebar .r_widget.search_widget .search_btn:hover {
  background: #fcbd1d;
}

.right_sidebar .r_widget .category_widget_list li {
  position: relative;
  padding-left: 20px;
}

.right_sidebar .r_widget .category_widget_list li a {
  font: 400 14px/25px "Open Sans", sans-serif;
  letter-spacing: 0.3px;
  color: #5c5c5c;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.right_sidebar .r_widget .category_widget_list li a:hover {
  color: #fcbd1d;
}

.right_sidebar .r_widget .category_widget_list li a i {
  padding-right: 15px;
  position: absolute;
  left: 0;
  line-height: 25px;
}

.right_sidebar .r_widget .recent_post_list .recent_single_product .media .media-left {
  padding-right: 15px;
}

.right_sidebar .r_widget .recent_post_list .recent_single_product .media .media-body {
  vertical-align: middle;
}

.right_sidebar .r_widget .recent_post_list .recent_single_product .media .media-body h4 {
  font: 500 13px/20px "Raleway", sans-serif;
  color: #5c5c5c;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.right_sidebar .r_widget .recent_post_list .recent_single_product .media .media-body h4:hover {
  color: #fcbd1d;
}

.right_sidebar .r_widget .recent_post_list .recent_single_product .media .media-body span {
  font: 400 13px/18px "Open Sans", sans-serif;
  color: #898989;
  text-transform: uppercase;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.right_sidebar .r_widget .recent_post_list .recent_single_product .media .media-body span:hover {
  color: #fcbd1d;
}

.right_sidebar .r_widget .recent_post_list .recent_single_product + .recent_single_product {
  margin-top: 30px;
}

.right_sidebar .r_widget.up-coming-work {
  padding: 0px;
  overflow: hidden;
  border: 0px;
}

.right_sidebar .r_widget.up-coming-work .up-coming-slider .item {
  position: relative;
  z-index: 1;
}

.right_sidebar .r_widget.up-coming-work .up-coming-slider .item:before {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4e4e55;
  background: -moz-linear-gradient(bottom, #4e4e55 0%, rgba(60, 60, 68, 0.1) 19%, rgba(36, 37, 47, 0.1) 95%);
  background: -webkit-linear-gradient(bottom, #4e4e55 0%, rgba(60, 60, 68, 0.1) 19%, rgba(36, 37, 47, 0.1) 95%);
  position: absolute;
  z-index: 1;
}

.right_sidebar .r_widget.up-coming-work .up-coming-slider img {
  z-index: -2;
}

.right_sidebar .r_widget.up-coming-work .up-coming-slider .up-content {
  position: absolute;
  bottom: 20px;
  z-index: 2;
  left: 20px;
}

.right_sidebar .r_widget.up-coming-work .up-coming-slider .up-content h2 {
  font: 700 15px/22px "Montserrat", sans-serif;
  color: #fff;
  letter-spacing: 0.30px;
}

.right_sidebar .r_widget.up-coming-work .up-coming-slider .up-content p {
  font: 400 11px/16px "Open Sans", sans-serif;
  color: #fcbd1d;
}

.right_sidebar .r_widget.up-coming-work .owl-nav {
  position: absolute;
  width: 70px;
  height: 42px;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  padding-left: 14px;
}

.right_sidebar .r_widget.up-coming-work .owl-nav:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  right: -18px;
  -webkit-transform: skew(-219deg);
  -ms-transform: skew(-219deg);
  transform: skew(-219deg);
  background: #fcbd1d;
  position: absolute;
  z-index: -1;
}

.right_sidebar .r_widget.up-coming-work .owl-nav .owl-prev, .right_sidebar .r_widget.up-coming-work .owl-nav .owl-next {
  display: inline-block;
  font-size: 23px;
  line-height: 40px;
  color: #24252f;
  padding: 0px 0px 0px 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.right_sidebar .r_widget.up-coming-work .owl-nav .owl-prev:hover, .right_sidebar .r_widget.up-coming-work .owl-nav .owl-next:hover {
  color: #fff;
}

.pagination {
  display: block;
  text-align: center;
  margin: 70px 0px 0px;
  border-radius: 0px;
}

.pagination li {
  margin: 0px 5px;
  display: inline-block;
}

.pagination li a {
  font: 700 24px/45px "Roboto", sans-serif;
  color: #767676;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  padding: 2px 18px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.pagination li a:hover {
  background: #fcbd1d;
  color: #fff;
  border-color: #fcbd1d;
}

.pagination li.active {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.pagination li.active a {
  background: #fcbd1d;
  color: #fff;
  border-color: #fcbd1d;
}

.pagination li.active a:hover {
  background: transparent;
  border-color: #e8e8e8;
  color: #767676;
}

.blog-section .blog-details {
  border: 1px solid #ebebeb;
}

.blog-section .blog-details .blog-content {
  padding: 35px 20px 20px;
}

.blog-section .blog-details .blog-content .title {
  font: 700 26px "Montserrat", sans-serif;
  color: #242424;
  letter-spacing: 0.30px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.blog-section .blog-details .blog-content .title:hover {
  color: #fcbd1d;
}

.blog-section .blog-details .blog-content p {
  font: 400 14px/26px "Open Sans", sans-serif;
  letter-spacing: 0.10px;
  color: #5c5c5c;
  padding-top: 23px;
}

.blog-section .blog-details .blog-content .media {
  margin-top: 35px;
}

.blog-section .blog-details .blog-content .media .media-left {
  padding-right: 30px;
}

.blog-section .blog-details .blog-content .media .media-body {
  vertical-align: middle;
  font: 700 16px/26px "Raleway", sans-serif;
  letter-spacing: 0.10px;
  color: #767676;
  padding-right: 20px;
}

.blog-section .blog-details .blog-content .post-meta {
  border-top: 1px solid #ebebeb;
  padding-top: 12px;
  margin-top: 30px;
}

.blog-section .blog-details .blog-content .post-meta li {
  display: inline-block;
  font: 700 14px/37px "Open Sans", sans-serif;
  text-transform: uppercase;
  color: #767676;
  opacity: 0.60;
}

.blog-section .blog-details .blog-content .post-meta li i {
  padding-right: 10px;
}

.blog-section .blog-details .blog-content .post-meta li a {
  display: inline-block;
  padding: 0px 6px;
  color: #767676;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  opacity: 0.60;
}

.blog-section .blog-details .blog-content .post-meta li a:hover {
  background: none;
  color: #fcbd1d;
  opacity: 1;
}

.blog-section .blog-details .blog-content .post-meta li + li {
  padding-left: 15px;
}

.blog-section .comments_count {
  font: 700 24px/32px "Montserrat", sans-serif;
  color: #242424;
  letter-spacing: 0.30px;
  margin-top: 55px;
}

.comments .comment {
  margin-top: 40px;
}

.comments .comment .media-left {
  padding-right: 55px;
  padding-top: 5px;
}

.comments .comment .media-body {
  padding-right: 50px;
}

.comments .comment .media-body h3 {
  font: 700 16px/28px "Raleway", sans-serif;
  color: #242424;
  letter-spacing: 0.30px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.comments .comment .media-body h3:hover {
  color: #fcbd1d;
}

.comments .comment .media-body h4 {
  font: 600 13px/16px "Open Sans", sans-serif;
  letter-spacing: 0.50px;
  color: #767676;
}

.comments .comment .media-body p {
  font-size: 16px;
  color: #5c5c5c;
  padding: 15px 0px 6px;
}

.comments .comment .media-body .reply {
  font: 400 14px/17px "Raleway", sans-serif;
  color: #242424;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.comments .comment .media-body .reply:hover {
  color: #fcbd1d;
}

.social-link {
  padding-left: 20px;
  padding-top: 60px;
}

.social-link .socail-tab {
  width: 50px;
  height: 50px;
  border: 2px solid #f2f2f2;
  font-size: 20px;
  color: #a5a5a5;
  display: block;
  text-align: center;
  line-height: 45px;
  float: left;
  margin-right: 12px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  cursor: pointer;
}

.social-link .socail-tab:hover {
  color: #fff;
  background: #fcbd1d;
  border-color: #fcbd1d;
}

.social-link .social li {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
}

.social-link .social li a {
  font: 500 14px/20px "Raleway", sans-serif;
  color: #fff;
  text-align: center;
  padding: 15px 17px;
  text-transform: capitalize;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.social-link .social li a:hover {
  background: transparent;
  color: #fcbd1d;
}

.social-link .social li:nth-child(1) {
  background: #4cc5f3;
}

.social-link .social li:nth-child(2) {
  background: #758ab7;
}

.social-link .social li:nth-child(3) {
  background: #e78074;
}

.social-link .social li:nth-child(4) {
  background: #4ca2cc;
}

.social-link .social.Cross li {
  opacity: 1;
  visibility: visible;
}

.comment_form {
  padding: 30px 20px 36px;
  border: 1px solid #ededed;
  margin: 0px;
  background: #fff;
  margin: 74px 0px 20px;
}

.comment_form .leave-comment-title {
  font: 700 24px/32px "Montserrat", sans-serif;
  color: #242424;
  letter-spacing: 0.30px;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.comment_form input {
  width: 48%;
  float: left;
  height: 42px;
}

.comment_form input + input {
  margin-left: 4%;
}

.comment_form .form-control {
  border-radius: 0;
  padding: 9px 20px;
  font: 14px/25px "Open Sans", sans-serif;
  color: #000;
  margin-bottom: 20px;
  background: #f9f9f9;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.comment_form textarea.form-control {
  height: 190px;
  resize: none;
}

.comment_form .thm-btn {
  background: #012c3c;
  border: 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font: 600 13px/38px "Open Sans", sans-serif;
  padding: 0px 43px;
  color: #fff;
  margin-top: 10px;
  border-radius: 0;
}

.blog-social-links {
  padding-left: 20px;
  padding-top: 80px;
}

.blog-social-links .socail-tab {
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  border: 1px solid #f2f2f2;
  text-align: center;
  color: #a5a5a5;
  margin-right: 10px;
}

.blog-social-links .social {
  display: inline-block;
  top: -2px;
  position: relative;
}

.blog-social-links .social li {
  display: inline-block;
  font: 400 15px/50px "Open Sans", sans-serif;
}

.blog-social-links .social li a {
  color: #fff;
  padding: 0px 16px;
  text-transform: capitalize;
}

.blog-social-links .social li a:hover {
  background: transparent;
}

.blog-social-links .social li:nth-child(1) {
  background: #4cc5f3;
}

.blog-social-links .social li:nth-child(2) {
  background: #758ab7;
}

.blog-social-links .social li:nth-child(3) {
  background: #e78074;
}

.blog-social-links .social li:nth-child(4) {
  background: #4cc5f3;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start testimonial-area  css
============================================================================================ 

============================================================================================ */
.testimonial-area2 {
  position: relative;
  z-index: 1;
  padding: 80px 0px 95px;
  background: #f8f8f8;
  color: #fff;
}
.testimonial_slider__default .testimonial_quote{
	line-height: 23px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* End team-area  css
============================================================================================ */
.team-area {
  background: #f5f4f4;
  padding-top: 72px;
  padding-bottom: 80px;
}

.team-area .team-item .image {
  position: relative;
  overflow: hidden;
}

.team-area .team-item .image:before {
  content: '';
  width: 250%;
  height: 33%;
  background: #efefef;
  bottom: -109px;
  position: absolute;
  -webkit-transform: rotate(-13deg);
  -ms-transform: rotate(-13deg);
  transform: rotate(-13deg);
  right: -45px;
  -webkit-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.team-area .team-item .content {
  margin: -50px 30px 0px;
  position: relative;
  z-index: 1;
}

.team-area .team-item .content:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 96%;
  background: #fff;
  top: -37px;
  left: 0;
  -webkit-transform: skewY(-13deg);
  -ms-transform: skewY(-13deg);
  transform: skewY(-13deg);
  border: 2px solid transparent;
  z-index: -1;
  -webkit-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.team-area .team-item .content .inner-box {
  background: #fff;
  -webkit-box-shadow: 1px 6.732px 13px 0px rgba(0, 0, 0, 0.118);
  box-shadow: 1px 6.732px 13px 0px rgba(0, 0, 0, 0.118);
  position: relative;
  border: 2px solid transparent;
  padding: 25px 19px 25px 40px;
  border-top: 0px;
  -webkit-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.team-area .team-item .content h2 {
  font: 700 26px/30px "Raleway", sans-serif;
  color: #13314c;
  letter-spacing: 0.78px;
  text-transform: uppercase;
}

.team-area .team-item .content h6 {
  font: 500 13px/26px "Roboto", sans-serif;
  color: #505050;
  letter-spacing: 0.39px;
  text-transform: uppercase;
}

.team-area .team-item .content p {
  font: 500 13px/18px "Roboto", sans-serif;
  letter-spacing: 0.39px;
  color: #898989;
  padding-top: 4px;
}

.team-area .team-item .content .social {
  padding-top: 8px;
}

.team-area .team-item .content .social li {
  display: inline-block;
  margin-right: 15px;
}

.team-area .team-item .content .social li a {
  font-size: 13px;
  line-height: 18px;
  color: #5c5c5c;
}

.team-area .team-item .content .social li a:hover {
  color: #fcbd1d;
}

.team-area .team-item:hover .image:before {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.team-area .team-item:hover .inner-box {
  border-color: #fcbd1d;
}

.team-area .team-item:hover .content {
  border-color: #fcbd1d;
}

.team-area .team-item:hover .content:before {
  border-color: #fcbd1d;
}

/* End team-area  css
============================================================================================ */
.team-area-two {
  padding: 73px 0px 140px;
}

.team-area-two .section-title {
  padding-bottom: 20px;
}

.team-area-two .section-title p {
  letter-spacing: 0.30px;
  color: #505050;
  padding-top: 25px;
}

.team-item .team-member {
  position: relative;
  display: block;
  padding-bottom: 80px;
  background: #fafafa;
  overflow: hidden;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  cursor: pointer;
  margin-top: 30px;
}

.team-item .team-member img {
  max-width: 100%;
  display: block;
  margin: auto;
  padding-top: 40px;
}

.team-item .team-member .content {
  background: #012c3c;
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 20px 0px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px transparent;
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.team-item .team-member .content:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fe5454;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.team-item .team-member .content .social {
  opacity: 0;
  visibility: hidden;
  height: 0;
  filter: alpha(opacity=0);
  text-align: center;
}

.team-item .team-member .content .social li {
  display: inline-block;
}

.team-item .team-member .content .social li a {
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 18px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color: #fff;
  z-index: 1;
}

.team-item .team-member .content .text {
  text-align: center;
  font-family: "Raleway", sans-serif;
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: -1;
}

.team-item .team-member .content .text h2 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  letter-spacing: 0.30px;
}

.team-item .team-member .content .text p {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.30px;
}

.team-item .team-member:hover {
  background: #fcbd1d;
}

.team-item .team-member:hover .content:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-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);
}

.team-item .team-member:hover .content .social {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  height: auto;
  margin-bottom: 15px;
  filter: alpha(opacity=100);
}

.about-team {
  padding-bottom: 80px;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start latest projects area css
============================================================================================ */
.latest-projects-area {
  position: relative;
  min-height: 850px;
  padding: 72px 0px 80px;
  overflow: hidden;
}

.latest-projects-area:before {
  content: '';
  background: url("../img/project/l-pr1.jpg") no-repeat scroll right;
  width: 100%;
  right: 0;
  min-height: 590px;
  bottom: 80px;
  position: absolute;
}

.latest-projects-area .tab-area {
  padding: 121px 0px 120px;
}

.latest-projects-area .lt-pro-tab {
  padding-top: 45px;
}

.latest-projects-area .lt-pro-tab .nav-tabs {
  border: 0px;
}

.latest-projects-area .lt-pro-tab .nav-tabs li {
  float: none;
}

.latest-projects-area .lt-pro-tab .nav-tabs li a {
  padding: 0px;
  margin: 0px;
  font: 700 18px/24px "Raleway", sans-serif;
  letter-spacing: 0.54px;
  color: #3d3d3d;
  display: inline-block;
  border: 0px;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.latest-projects-area .lt-pro-tab .nav-tabs li a:hover {
  background: none;
  color: #fcbd1d;
  border-radius: 0px;
  border-color: #fcbd1d;
}

.latest-projects-area .lt-pro-tab .nav-tabs li + li {
  margin-top: 22px;
}

.latest-projects-area .lt-pro-tab .nav-tabs li.active a {
  background: none;
  color: #fcbd1d;
  border-bottom: 1px solid #fcbd1d;
}

.latest-projects-area .tab-content .tab-pane .projects-content {
  text-align: right;
  padding: 30px 70px 0px 60px;
}

.latest-projects-area .tab-content .tab-pane .projects-content h2 {
  font: 700 26px/35px "Raleway", sans-serif;
  color: #fcbd1d;
}

.latest-projects-area .tab-content .tab-pane .projects-content p {
  font: 400 14px/26px "Raleway", sans-serif;
  color: #898989;
  letter-spacing: 0.42px;
  padding: 25px 0px 36px;
}

.latest-projects-area .tab-content .tab-pane .tab-image {
  padding: 0px;
}

.latest-projects-area .tab-content .tab-pane .tab-image .proj-img {
  display: block;
  border: 3px solid #fcbd1d;
}

/* End latest projects area css
============================================================================================ */
/* Start latest-project2-area css
============================================================================================ */
.latest-project2-area {
  background: #fafafa;
  padding-top: 72px;
  overflow: hidden;
}

.portfolio-filter {
  width: 100%;
  text-align: center;
  margin-bottom: 60px;
}

.portfolio-filter li {
  display: inline-block;
  font: 500 13px/30px "Raleway", sans-serif;
  color: #505050;
  text-transform: uppercase;
  padding: 0px 21px;
  border-radius: 5px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  cursor: pointer;
}

.portfolio-filter li:hover {
  background: #282828;
  color: #fff;
}

.portfolio-filter li.active {
  background: #282828;
  color: #fff;
}

.w-20 {
  max-width: 20%;
}

.w-40 {
  max-width: 40%;
}

.project-item {
  float: left;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.project-item:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(200, 149, 81, 0.671);
  position: absolute;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.project-item:after {
  content: '';
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  background-color: rgba(252, 189, 29, 0.7);
  position: absolute;
  z-index: 0;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.project-item img {
  max-width: 100%;
}

.project-item .pr-content {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  letter-spacing: 0.6px;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}

.project-item .pr-content h2 {
  font: 700 20px/24px "Montserrat", sans-serif;
  text-transform: uppercase;
  padding-top: 15px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.project-item .pr-content a {
  font-size: 15px;
  width: 45px;
  height: 45px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  line-height: 42px;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  transition: all 0.6s linear;
}

.project-item:hover:before {
  opacity: 1;
}

.project-item:hover:after {
  opacity: 1;
}

.project-item:hover .pr-content h2, .project-item:hover .pr-content a {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* End latest-project2-area css
============================================================================================ */
/* Start clients-area css
============================================================================================ */
.clients-area {
  background: url("../img/clients/pattern.jpg") no-repeat scroll center 0;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 72px 0px 80px;
}

.clients-area:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  background: #012c3c;
  opacity: 0.60;
  z-index: -1;
}

.clients-area .section-title2 h2 {
  color: #fff;
}

.clients-area .section-title2 h2:before {
  background: #fff;
}

.clients-area .clients-btn {
  text-align: center;
}

.clients-area .thm-btn {
  margin: 74px auto 0px;
  font: 700 16px/48px "Montserrat", sans-serif;
  letter-spacing: 1.2px;
  color: #242424;
  background: #fff;
  padding: 2px 37px 0px;
  border-radius: 0px;
  border: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: 290px;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.clients-area .thm-btn i {
  padding-left: 30px;
}

.clients-area .thm-btn:hover {
  color: #fff;
}

.slider-carousel {
  position: relative;
  padding: 0px 55px;
}

.slider-carousel .slider-content {
  margin: 0px 10px;
}

.slider-carousel .slider-content .text {
  border-radius: 3px;
  background-color: #f8f8f8;
  -webkit-box-shadow: 0px 7px 32px 0px rgba(255, 255, 255, 0.197);
  box-shadow: 0px 7px 32px 0px rgba(255, 255, 255, 0.197);
  padding: 34px 40px;
}

.slider-carousel .slider-content .text p {
  font: 500 18px/32px "Raleway", sans-serif;
  color: #4f4f4f;
}

.slider-carousel .slider-content .media {
  margin-top: 30px;
}

.slider-carousel .slider-content .media .media-left {
  padding-right: 42px;
}

.slider-carousel .slider-content .media .media-left img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.slider-carousel .slider-content .media .media-body {
  vertical-align: middle;
}

.slider-carousel .slider-content .media .media-body a {
  font: 600 16px/24px "Open Sans", sans-serif;
  color: #fefefe;
  font-style: italic;
}

.slider-carousel .owl-prev, .slider-carousel .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 50px;
  color: #fff;
  cursor: pointer;
}

.slider-carousel .owl-prev {
  left: 0px;
}

.slider-carousel .owl-next {
  right: 0px;
}

/* End clients-area css
============================================================================================ */
/* Start clients-logo-area css
============================================================================================ */
.clients-logo-area {
  padding: 72px 0px 80px;
}


/* End clients-logo-area css
============================================================================================ */
.feature-project-area {
  background: url("images/c1.jpg") no-repeat scroll center 0;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 73px;
}

.feature-project-area .section-title2 h2 {
  color: #fff;
}

.feature-project-area .section-title2 h2:before {
  background: #fff;
}

.feature-project-area .portfolio-filter li {
  color: #fff;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* we-do-section  css
============================================================================================ */
.we-do-section {
  background: #efefef;
  padding: 71px 0px 75px;
  position: relative;
}

.we-sliders .item a h4 {
  font: 700 18px/27px "Raleway", sans-serif;
  letter-spacing: 0.54px;
  color: #000000;
  text-transform: uppercase;
  padding-top: 23px;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.we-sliders .item a h4:hover {
  color: #fcbd1d;
}

.we-sliders .item p {
  color: #5c5c5c;
}

.we-sliders .owl-nav {
  position: absolute;
  top: -100px;
  right: 0px;
}

.we-sliders .owl-nav .owl-prev, .we-sliders .owl-nav .owl-next {
  width: 34px;
  height: 34px;
  font-size: 20px;
  background: #fbc848;
  color: #242424;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.we-sliders .owl-nav .owl-prev i, .we-sliders .owl-nav .owl-next i {
  line-height: 34px;
}

.we-sliders .owl-nav .owl-prev:hover, .we-sliders .owl-nav .owl-next:hover {
  background: #fcbd1d;
  color: #fff;
}

.we-sliders .owl-nav .owl-prev {
  margin-right: 5px;
}

.we-do-bg {
  background: #fff;
}

.we-do-bg .we-sliders .item .texts {
  border: 1px solid #ecebeb;
  padding: 0px 15px 23px;
}

.we-do-bg .we-sliders .item .texts a h4 {
  font-size: 12px;
  padding-bottom: 5px;
}

.we-do-bg .we-sliders .item .texts p {
  font-size: 13px;
}

.we-do-btn {
  color: #FF1822;
  display: inline-block;
  margin-top: 12px;
  text-transform: capitalize;
  font: 400 13px "Open Sans", sans-serif;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.we-do-btn:hover {
  color: #3A1083;
  text-decoration: underline;
}

/* we-do-section  css
============================================================================================ */
.experinence-area {
  background: #012c3c;
}

.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.exerince-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0px;
}

.exerince-left .content {
  max-width: 675px;
  
  margin-right: 0px;
/*   padding-right: 90px; */
}

.exerince-left .content h1 {
  font: 700 30px/36px "Roboto", sans-serif;
  letter-spacing: 0.50px;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 22px;
}

.exerince-left .content p {
  font: 400 14px/26px "Raleway", sans-serif;
  color: #d1d1d1;
  letter-spacing: 0.30px;
  padding-bottom: 25px;
}

.exerince-left .content h2 {
  font: 400 22px/33px "Raleway", sans-serif;
  color: #fff;
  letter-spacing: 0.30px;
  padding-bottom: 25px;
}

.exerince-left .content ul li {
  width: 50%;
  display: inline-block;
  font: 400 18px/40px "Raleway", sans-serif;
  color: #fcbd1d;
}

.exerince-left .content ul li i {
  padding-right: 12px;
}

.exerince-left .content ul li:nth-child(even) {
  float: right;
}

.exerince-right {
  padding: 0px 0px 0px 15px;
}

.exerince-right img {
  max-width: 100%;
  width: 100%;
}

.promo-box-area {
  background: #f2f5f4;
  padding-bottom: 50px;
}

.promo-box {
  position: relative;
  top: -30px;
  z-index: 2;
}

.promo-box .box-item .box-content {
  background: #fff;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.02);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.02);
  padding: 25px 30px;
}

.promo-box .box-item .box-content h2 {
  font: 700 18px/27px "Raleway", sans-serif;
  letter-spacing: 0.54px;
  color: #000000;
  text-transform: uppercase;
  padding-bottom: 10px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.promo-box .box-item .box-content p {
  color: #5c5c5c;
}

.promo-box .owl-nav .owl-prev, .promo-box .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  background: #fcbd1d;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 32px;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.promo-box .owl-nav .owl-next {
  right: 0px;
}

.promo-box:hover .owl-nav .owl-prev, .promo-box:hover .owl-nav .owl-next {
  opacity: 1;
}

/*=========== Start get_touch-area css ===========*/
.get_touch-area {
  position: relative;
  overflow: hidden;
}

.get_touch-area .map {
  height: 650px;
  position: absolute;
  z-index: 0;
  width: 100%;
}

.get_touch-area .map iframe {
  pointer-events: none;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
}

.get_touch-area .map iframe.clicked {
  pointer-events: auto;
}

.get_touch {
  position: relative;
  top: 0px;
  width: 100%;
  left: 0px;
}

.get_touch .left_inner_content {
  width: calc(50% - 14px);
  left: 0px;
  float: left;
  bottom: 0;
}

.get_touch .right_inner_content {
  width: calc(50% + 14px);
  float: right;
  bottom: 0;
  min-height: 650px;
  background: rgba(255, 255, 255, 0.85);
  padding-left: 80px;
  padding-top: 70px;
}

.get_touch .right_inner_content .section-title {
  max-width: 378px;
  width: 100%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.get_touch .right_inner_content .section-title p {
  padding-top: 20px;
  color: #898989;
}

.get_touch .right_inner_content .contact-form {
  max-width: 520px;
  float: left;
  width: 100%;
  padding-top: 30px;
}

.get_touch .right_inner_content .contact-form .row {
  margin-left: -7px;
  margin-right: -7px;
}

.get_touch .right_inner_content .contact-form .row .form-group {
  padding: 0px 7px;
}

.get_touch .right_inner_content .contact-form .form-control {
  border: 1px solid #ededed;
  border-radius: 3px;
  width: 100%;
  height: 60px;
  font: 400 15px/28px "Open Sans", sans-serif;
  color: #5c5c5c;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  padding-left: 30px;
}

.get_touch .right_inner_content .contact-form .form-control.placeholder {
  color: #5c5c5c;
}

.get_touch .right_inner_content .contact-form .form-control:-moz-placeholder {
  color: #5c5c5c;
}

.get_touch .right_inner_content .contact-form .form-control::-moz-placeholder {
  color: #5c5c5c;
}

.get_touch .right_inner_content .contact-form .form-control::-webkit-input-placeholder {
  color: #5c5c5c;
}

.get_touch .right_inner_content .contact-form .form-control:focus {
  border-color: #fcbd1d;
}

.get_touch .right_inner_content .contact-form textarea.form-control {
  height: 150px;
  resize: none;
  padding-top: 15px;
}

.get_touch .right_inner_content .contact-form .thm-btn {
  background: transparent;
  border: 2px solid #fcbd1d;
  width: 100%;
  color: #898989;
  border-radius: 0px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  letter-spacing: 2px;
}

.get_touch .right_inner_content .contact-form .thm-btn:hover {
  background: #fcbd1d;
  color: #fff;
}

.contact-submit-progress, .contact-submit-message {
  text-align: center;
  display: block;
  font: 400 14px/20px "Open Sans", sans-serif;
  color: #012c3c;
  text-transform: uppercase;
}

/*=========== End get_touch-area css ===========*/
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start core-featured-area css
============================================================================================ */
.core-featured-area {
  padding: 72px 0px 93px;
}

.core-featured-area .section-title {
  padding-bottom: 30px;
}

.core-featured .core-feature {
  padding-top: 30px;
}

.core-featured .core-feature i {
  font-size: 55px;
  color: #fcbd1d;
  padding-bottom: 22px;
  display: block;
}

.core-featured .core-feature h4 {
  font: 700 20px/28px "Raleway", sans-serif;
  letter-spacing: 0.60px;
  color: #242424;
  padding-bottom: 8px;
  text-transform: uppercase;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.core-featured .core-feature h4:hover {
  color: #fcbd1d;
}

.core-featured .core-feature p {
  color: #898989;
  padding-right: 20px;
}

/* End core-featured-area css
============================================================================================ */
/* Start certification-area css
============================================================================================ */
.certification-area {
  padding: 73px 0px 80px;
}

.certification-area .section-title p {
  color: #505050;
  padding-top: 20px;
}

.certificate-content {
  text-align: center;
  padding: 40px 15px;
  border: 1px solid #eee;
  border-top: none;
  border-left: none;
  min-height:300px;	
}

.certificate-content:first-child, .certificate-content:nth-child(2), .certificate-content:nth-child(3) {
  padding-top: 0px;
}

.certificate-content:nth-child(3), .certificate-content:nth-child(6) {
  border-right: 0px;
}

.certificate-content:nth-last-child(-n+3) {
  border-bottom: none;
  padding-bottom: 0px;
}

.certificate-content span {
  color: #fcbd1d;
  font-size: 42px;
  margin-bottom: 20px;
}

.certificate-content h4 {
  font: 700 15px/35px "Raleway", sans-serif;
  color: #242424;
  letter-spacing: 0.30px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.certificate-content p {
  color: #5c5c5c;
  font-size:15px;	
}

/* End certification-area css
============================================================================================ */
/* Start jum-banner-area css
============================================================================================ */
.jum-banner-area {
  background: url("images/content-slider.jpg") no-repeat scroll center 0;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 102px 0px 110px;
}

.jum-banner-area:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #13314c;
  opacity: 0.70;
  z-index: -1;
}

.jum-banner-area h2 {
  font: 600 35px/50px "Raleway", sans-serif;
  letter-spacing: 0.5px;
  padding-bottom: 20px;
}

.jum-banner-area p {
  font: 400 16px/26px "Open Sans", sans-serif;
}

.jum-banner-area .project-btn {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 48px;
  letter-spacing: 0.50px;
  margin-top: 35px;
}

/* End jum-banner-area css
============================================================================================ */
.feature-count-bg {
  position: relative;
  overflow: hidden;
  padding: 110px 0px 100px;
  z-index: 1;
}

.feature-count-bg:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #012c3c;
  opacity: 0.80;
  z-index: -1;
}

.feature-count-bg .cb-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: -2;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.feature-count-bg .cb-slideshow .slideshowPic {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  background-size: cover !important;
  background-position: center 0;
  opacity: 0;
  z-index: 0;
  -webkit-animation: imageAnimation 30s linear infinite 0s;
  animation: imageAnimation 30s linear infinite 0s;
}

.feature-count-bg .cb-slideshow .slideshowPic.pic1 {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: url("../img/banner/1.jpg") no-repeat;
}

.feature-count-bg .cb-slideshow .slideshowPic.pic2 {
  background: url("../img/banner/2.jpg") no-repeat;
  -webkit-animation-delay: 18s;
  animation-delay: 18s;
}

.feature-count-bg .featured-item-simple-icon {
  background: none repeat scroll 0 0 #fff;
  display: inline-block;
  padding: 30px 15px;
  width: 100%;
  position: relative;
}

.feature-count-bg .featured-item-simple-icon .ft-icons-simple {
  display: inline-block;
  float: left;
  height: 100%;
  width: 33%;
  text-align: center;
}

.feature-count-bg .featured-item-simple-icon .ft-icons-simple i {
  color: #012c3c;
}

.feature-count-bg .featured-item-simple-icon .ft-icons-simple i:before {
  font-size: 56px;
  margin-left: 0px;
}

.feature-count-bg .featured-item-simple-icon .ft-content {
  border-left: 1px solid #ddd;
  float: left;
  padding-left: 7%;
  text-align: left;
  width: 67%;
}

.feature-count-bg .featured-item-simple-icon .ft-content span {
  font-family: "Open Sans", sans-serif;
  color: #012c3c;
  font-size: 24px;
  font-weight: 600;
}

.feature-count-bg .featured-item-simple-icon .ft-content h6 {
  color: #5c5c5c;
  font-size: 16px;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  padding-top: 5px;
}

@-webkit-keyframes imageAnimation {
  1% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
  }
  4% {
    opacity: 0;
    -webkit-transform: scale(1);
    -webkit-animation-timing-function: ease-out;
  }
  22% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  44% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes imageAnimation {
  1% {
    opacity: 0;
    -moz-animation-timing-function: ease-in;
  }
  4% {
    opacity: 0;
    -moz-transform: scale(1);
    -moz-animation-timing-function: ease-out;
  }
  22% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  44% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes imageAnimation {
  1% {
    opacity: 0;
    -o-animation-timing-function: ease-in;
  }
  4% {
    opacity: 0;
    -o-transform: scale(1);
    -o-animation-timing-function: ease-out;
  }
  22% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  44% {
    opacity: 1;
    -o-transform: scale(1.2);
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes imageAnimation {
  1% {
    opacity: 0;
    -ms-animation-timing-function: ease-in;
  }
  4% {
    opacity: 0;
    -ms-transform: scale(1);
    -ms-animation-timing-function: ease-out;
  }
  22% {
    opacity: 1;
    -ms-transform: scale(1.1);
  }
  44% {
    opacity: 1;
    -ms-transform: scale(1.2);
  }
  100% {
    opacity: 0;
  }
}

@keyframes imageAnimation {
  1% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  4% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  22% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  44% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    opacity: 0;
  }
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start expertness-area  css
============================================================================================ */
.expertness-area {
  background: #fafaf5;
  padding: 58px 0px 70px;
}

.expertness-content .ex-title {
  padding-bottom: 15px;
}

.expertness-content .progress-element {
  padding-top: 16px;
}

.expertness-content .progress-element h4 {
  font: 700 18px/25px "Raleway", sans-serif;
  color: #3d3d3d;
  text-transform: capitalize;
}

.expertness-content .progress-element .progress {
  height: 20px;
  background: #e5e4e4;
}

.expertness-content .progress-element .progress .count-tip {
  top: 0;
  right: 7px;
  color: #fff;
}

.mission-video .ex-title {
  padding-bottom: 64px;
}

.ex-title h2 {
  font: 700 35px/60px "Montserrat", sans-serif;
  letter-spacing: 1px;
  color: #242424;
}

.ex-title p {
  font: 400 18px/30px "Raleway", sans-serif;
  letter-spacing: 0.50px;
  color: #505050;
}

.videoWrapper {
  position: relative;
  width: 100%;
  height: 315px;
  background-color: #000;
}

.videoWrapper .videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0px;
}

.videoWrapper .videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  background-position: 0 50%;
  background: url("../img/video-poster.jpg") no-repeat scroll center 0;
  background-size: cover;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity 800ms, height 0s;
  -moz-transition: opacity 800ms, height 0s;
  -o-transition: opacity 800ms, height 0s;
  transition: opacity 800ms, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  z-index: 1;
}

.videoWrapper .videoPoster:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background: url("../img/video-icon.png") no-repeat scroll center 0;
  z-index: 0;
}

.videoWrapper .videoPoster:after {
  position: absolute;
  top: 0;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  background: #13314c;
  opacity: 0.65;
  z-index: -1;
}

.videoWrapper.videoWrapperActive .videoPoster {
  opacity: 0;
  -webkit-transition-delay: 0s, 800ms;
  -o-transition-delay: 0s, 800ms;
  transition-delay: 0s, 800ms;
  height: 0;
}

/* Start expertness-area  css
============================================================================================ */
.fun-fact-section {
  background: url("../img/services/fun-fact-bg.png") no-repeat scroll center 0;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
  padding: 120px 0px 141px;
}

.fun-fact-section:before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  background: #1d2733;
  opacity: 0.9;
  z-index: -1;
}

.fun-fact-item {
  text-align: center;
  color: #fff;
  padding-top: 30px;
}

.fun-fact-item i {
  font-size: 36px;
}

.fun-fact-item h2 {
  font: 700 48px "Roboto", sans-serif;
  color: #fcbd1d;
  padding-top: 13px;
}

.fun-fact-item h3 {
  font: 700 14px/30px "Open Sans", sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start portfolio-grid-masonry css
============================================================================================ */
.portfolio-grid-masonry {
  overflow: hidden;
  padding: 75px 0px 80px;
  background: #f5f4f4;
}

.portfolio-grid-masonry .project-btn {
  max-width: 200px;
  margin: 55px auto 0px;
  padding: 0px 52px;
  display: block;
}

.portfolio-grid-masonry .project-btn i {
  padding-left: 10px;
}

.portfolio-filters {
  margin-left: 123px;
  position: relative;
  z-index: 1;
  margin-top: 5px;
}

.portfolio-filters:before {
  content: '';
  width: 2500px;
  left: 0;
  position: absolute;
  height: 100%;
  background: #13314c;
  z-index: -1;
}

.portfolio-filters li {
  display: inline-block;
  font: 500 13px/24px "Raleway", sans-serif;
  letter-spacing: 0.30px;
  color: #fff;
  text-transform: uppercase;
  margin: 7px 19px;
  border-bottom: 1px solid transparent;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  cursor: pointer;
}

.portfolio-filters li:hover {
  border-color: #fcbd1d;
  color: #fcbd1d;
}

.portfolio-filters li + li {
  position: relative;
}

.portfolio-filters li + li:before {
  content: "/";
  width: 1px;
  position: absolute;
  left: -26px;
  color: #fff;
}

.portfolio-filters li:last-child {
  margin-right: 0px;
}

.portfolio-gallery .portfolio-item {
  padding-top: 15px;
  padding-bottom: 15px;
}

.portfolio-gallery .portfolio-item .img-wrap {
  position: relative;
  overflow: hidden;
}

.portfolio-gallery .portfolio-item .img-wrap img {
  max-width: 100%;
  width: 100%;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover:before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: #fcbd1d;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .link, .portfolio-gallery .portfolio-item .img-wrap .img-hover a {
  width: 65px;
  height: 65px;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -32.5px;
  margin-top: -32.5px;
  position: absolute;
  overflow: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  -o-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .link a, .portfolio-gallery .portfolio-item .img-wrap .img-hover a a {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  border: 1px solid #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  line-height: 60px;
  color: #fff;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .border, .portfolio-gallery .portfolio-item .img-wrap .img-hover .border2 {
  width: 80px;
  height: 80px;
  position: absolute;
  -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  -o-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .border:before, .portfolio-gallery .portfolio-item .img-wrap .img-hover .border2:before {
  content: '';
  width: 80px;
  height: 2px;
  background: #fff;
  display: block;
  position: absolute;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .border:after, .portfolio-gallery .portfolio-item .img-wrap .img-hover .border2:after {
  content: '';
  width: 2px;
  height: 80px;
  background: #fff;
  display: block;
  position: absolute;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .border {
  left: -3px;
  top: -3px;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .border:before {
  left: -10px;
  top: 0;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .border:after {
  top: -10px;
  left: 0;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .border2 {
  right: -3px;
  bottom: -3px;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .border2:before {
  right: -10px;
  bottom: 0;
}

.portfolio-gallery .portfolio-item .img-wrap .img-hover .border2:after {
  bottom: -10px;
  right: 0;
}

.portfolio-gallery .portfolio-item .img-wrap:hover .img-hover:before {
  opacity: 0.55;
}

.portfolio-gallery .portfolio-item .img-wrap:hover .img-hover .border {
  left: 30px;
  top: 30px;
}

.portfolio-gallery .portfolio-item .img-wrap:hover .img-hover .border2 {
  right: 30px;
  bottom: 30px;
}

.portfolio-gallery .portfolio-item .img-wrap:hover .img-hover .link, .portfolio-gallery .portfolio-item .img-wrap:hover .img-hover a {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* End portfolio-grid-masonry css
============================================================================================ */
.portfolio-bg {
  background: #fff;
}

/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* start subscribe-area css
============================================================================================ */
.subscribe-area {
  background: #012c3c;
  position: relative;
  z-index: 1;
  padding: 30px 0px;
}

.subscribe-area:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background: url("../img/contact-bg.png") no-repeat scroll center 0;
  background-size: cover;
  z-index: -1;
}

.subscribe-content {
  color: #fff;
}

.subscribe-content h2 {
  font: 500 30px/38px "Raleway", sans-serif;
}

.subscribe-content p {
  font: 200 16px/26px "Open Sans", sans-serif;
  font-style: italic;
}

.subscribe {
  padding-top: 12px;
}

.subscribe .thm-btn {
  border: 2px solid #fff;
  background: transparent;
  font: 500 14px/20px "Raleway", sans-serif;
  letter-spacing: 0.50px;
  text-transform: uppercase;
  padding: 8px 18px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.subscribe .thm-btn:hover {
  border-color: #fcbd1d;
}

.subscribe-form .form-control {
  font: 400 14px/25px "Raleway", sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  height: 40px;
  padding-left: 15px;
  border: 0px;
  color: #5c5c5c;
}

.subscribe-form .form-control.placeholder {
  color: #898989;
}

.subscribe-form .form-control:-moz-placeholder {
  color: #898989;
}

.subscribe-form .form-control::-moz-placeholder {
  color: #898989;
}

.subscribe-form .form-control::-webkit-input-placeholder {
  color: #898989;
}

/* End subscribe-area css
============================================================================================ */
/* Start contact-area css
============================================================================================ */
.contact-area {
  padding-top: 75px;
}

.contact-area .section-title p {
  color: #505050;
  padding-top: 15px;
}

.contact-area .touch_middle {
  padding-top: 10px;
  padding-bottom: 80px;
  position: relative;
}

.contact-area .touch_middle .touch-img img {
  position: absolute;
  top: 138px;
  vertical-align: bottom;
  max-width: 100%;
  display: block;
}

.contact-area .touch_middle .input_form form .form-group {
  position: relative;
  margin-bottom: 30px;
}

.contact-area .touch_middle .input_form form label {
  position: absolute;
  bottom: -32px;
}

.contact-area .touch_middle .input_form form .form-control {
  border: 1px solid #e1e1e1;
  font: 400 14px/26px "Open Sans", sans-serif;
  color: #5c5c5c;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0px;
  height: 55px;
  padding-left: 25px;
}

.contact-area .touch_middle .input_form form .form-control.placeholder {
  color: #505050;
}

.contact-area .touch_middle .input_form form .form-control:-moz-placeholder {
  color: #505050;
}

.contact-area .touch_middle .input_form form .form-control::-moz-placeholder {
  color: #505050;
}

.contact-area .touch_middle .input_form form .form-control::-webkit-input-placeholder {
  color: #505050;
}

.contact-area .touch_middle .input_form form .form-control:focus {
  border-color: #fcbd1d;
}

.contact-area .touch_middle .input_form form textarea.form-control {
  height: 200px;
}

.contact-area .touch_middle .input_form form .project-btn {
  border-radius: 0px;
  border-color: #e1e1e1;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
  color: #5c5c5c;
}

.contact-area .touch_middle .input_form form .project-btn:hover {
  border-color: #fcbd1d;
  color: #fff;
}

/* End contact-area css
============================================================================================ */
/* Contact From popup css
============================================================================================ */
.modal-message .modal-dialog {
  margin-top: 0px;
  margin-bottom: 0px;
  top: 30%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  left: 0px;
  border-radius: 0px;
}

.modal-message .modal-dialog .modal-content {
  border: none;
  border-radius: 15px;
  text-align: center;
}

.modal-message .modal-dialog .modal-content .modal-header {
  border-bottom: 0px;
}

.modal-message .modal-dialog .modal-content .modal-header h2 {
  color: #000;
  font-size: 40px;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 3px;
  padding-bottom: 10px;
  padding-top: 50px;
}

.modal-message .modal-dialog .modal-content .modal-header p {
  color: #242424;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  padding-bottom: 60px;
}

.modal-backdrop {
  z-index: 20;
}

/* End Contact From popup css
============================================================================================ */
/* Start map-contact-area css
============================================================================================ */
.map-contact-area {
  position: relative;
}

#mapBox {
  height: 600px;
}

.contact-info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #012c3c;
  opacity: 0.80;
  padding: 50px 0px;
}

.contact-info .info {
  padding-right: 20px;
}

.contact-info .info .media .media-left {
  padding-right: 30px;
}

.contact-info .info .media .media-left a {
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  display: block;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
}

.contact-info .info .media .media-body {
  font: 400 14px/26px "Open Sans", sans-serif;
  color: #fff;
  letter-spacing: 0.30px;
}

/* End map-contact-area css
============================================================================================ */
/*---------------------------------------------------- */
/*----------------------------------------------------*/
/* Start footer-area  css
============================================================================================ */
.footer-main-area {
  background: #13314c;
  font-family: "Open Sans", sans-serif;
  color: rgba(245, 244, 245, 0.6);
  padding: 75px 0px 80px;
}

.footer-main-area .widget .f-title {
  font: 700 18px/25px "Roboto", sans-serif;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 17px;
}

.footer-main-area .widget .widget-inner ul li a {
  font-size: 14px;
  line-height: 26px;
  color: #f5f4f5;
  opacity: 0.60;
  letter-spacing: 0.42px;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.footer-main-area .widget .widget-inner ul li a:hover {
  color: #fcbd1d;
}

.footer-main-area .widget .widget-inner ul li + li {
  margin-top: 15px;
}

.footer-main-area .widget.about-us-widget p {
  font: 400 14px/24px "Open Sans", sans-serif;
}

.footer-main-area .widget.about-us-widget .f-logo {
  display: block;
  margin-top: 38px;
}

.footer-main-area .widget.service-widget .widget-inner ul li {
  position: relative;
  /*padding-left: 25px;*/
}

.footer-main-area .widget.service-widget .widget-inner ul li a i {
  padding-right: 14px;
  position: absolute;
  left: 0;
  vertical-align: middle;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.footer-main-area .widget.contact-widget .widget-inner ul li {
  display: table;
  width: 100%;
}

.footer-main-area .widget.contact-widget .widget-inner ul li i {
  float: left;
  font-size: 20px;
  width: 36px;
  text-align: left;
  padding-top: 6px;
}

.footer-main-area .widget.contact-widget .widget-inner ul li i.fa-envelope-o {
  font-size: 18px;
}

.footer-main-area .widget.contact-widget .widget-inner ul li .fleft {
  float: left;
  width: calc(100% - 36px);
}

.footer-main-area .widget.flicker-widget {
  margin-right: -4.66px;
}

.footer-main-area .widget.flicker-widget .flicker-gallery li {
  margin-right: 4.66px;
  margin-top: 4.66px;
  height: 62px !important;
  width: 62px !important;
}

.footer-copyright {
  background: #132d46;
  font: 500 14px/22px "Open Sans", sans-serif;
  color: #fff;
  letter-spacing: 0.7px;
  text-align: center;
  font-style: italic;
  padding: 23px 0px;
}

/* End footer-area  css
============================================================================================ */
.footer-area2 .footer-main-area {
  background: #012c3c;
  color: #7e959e;
  opacity: 1;
}

.footer-area2 .footer-main-area .widget.about-us-widget, .footer-area2 .footer-main-area .widget .widget-inner ul li a {
  color: #7e959e;
  opacity: 1;
}

.footer-area2 .footer-main-area .widget .widget-inner ul li a:hover {
  color: #FF1822;
}

.footer-area2 .footer-copyright {
  background: #01202c;
}

.footer3 {
  overflow: hidden;
}

.footer3 .footer-main-area {
  background: url("../img/banner/footer-bg.jpg") no-repeat scroll center 0;
  background-size: cover;
  position: relative;
}

.footer3 .footer-main-area:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #333;
  opacity: 0.95;
}

.footer3 .footer-middle {
  padding: 5px 0px;
}

.footer3 .footer-middle ul {
  text-align: center;
}

.footer3 .footer-middle ul li {
  display: inline-block;
  padding: 0px 2px;
}

.footer3 .footer-middle ul li a {
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background: #3A1083;
  display: block;
  color: #fff;
  -webkit-transition: all 400ms linear 0s;
  -o-transition: all 400ms linear 0s;
  transition: all 400ms linear 0s;
}

.footer3 .footer-middle ul li a:hover {
  background: #FF1822;
}

.footer3 .footer-bottom {
  font: 400 14px "Open Sans", sans-serif;
  background: #FF1822;
  position: relative;
  color: #fff;
  padding: 12px 0px;
}

.footer3 .footer-bottom:before {
  content: '';
  width: 19%;
  height: 15px;
  background: #fff;
  top: 0;
  position: absolute;
  left: -11px;
  -webkit-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
}

@media (min-width: 1200px) {
  .footer3 .footer-bottom:before {
    width: calc(50% - 570px - 20px);
  }
}

.footer3 .footer-bottom:after {
  content: '';
  width: 19%;
  height: 15px;
  background: #fff;
  top: 0;
  position: absolute;
  right: -11px;
  -webkit-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
}

@media (min-width: 1200px) {
  .footer3 .footer-bottom:after {
    width: calc(50% - 570px - 20px);
  }
}

.footer3 .footer-bottom a {
  color: #fcbd1d;
}

.footer4 .footer-main-area {
  padding-bottom: 0px;
}

.footer4 .footer-main-area .footer-bottom {
  background: transparent;
  margin-top: 50px;
  position: relative;
  z-index: 1;
  padding: 18px 0px;
}

.footer4 .footer-main-area .footer-bottom:before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #112b43;
  opacity: 0.55;
  -webkit-transform: skewX(0);
  -ms-transform: skewX(0);
  transform: skewX(0);
  position: absolute;
  z-index: -1;
}

.footer4 .footer-main-area .footer-bottom:after {
  display: none;
}

/*---------------------------------------------------- */

/***CUSTOM CSS***/

.get-a-quote-button{
  background: #3A1083!important;
  color: #fff!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
}


/****************/

.top-border-css{
  width: 100%;
  float: left;
  border-top:2px solid;
  margin: 10px 0;
}


#wp-megamenu-primary{
	background: #fff;
  
}

.wp-megamenu-wrap .wpmm-nav-wrap > ul{
	float: left;
}

.sa_owl_theme .owl-nav {
	margin-top: 60px!important;
	position: initial!important;
}

#tab_container_278 .tab-content{
  background-color: transparent!important;
  padding: 0 20px!important;
}


.certificate-content .fa{
  font-size: 65px!important;
}

.about-us-section-title2 {
  text-align: center;
  padding-bottom: 60px;
}

.about-us-section-title2 h2 {
  font: 700 26px/36px "Montserrat", sans-serif;
  letter-spacing: 0.78px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
  color: #242424;
  float: left;
}

.about-us-section-title2 h2:before {
  content: '';
  width: 150px;
  height: 1px;
  background: #330000;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.about-us-section-title2 h2:after {
  content: '';
  width: 45px;
  height: 3px;
  background: #FF1822;
  position: absolute;
  bottom: -1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


.about-us-sidebar-content{
  padding: 10px;
  border: 1px solid #ccc;
  float: left;
}

.textarea-height-of-form{
  height: 100px!important;
}

.captcha-image{
  border-color: #ccc!important;
  border-radius: 5px;
}

.navbar-collapse.in {
    overflow-y: inherit!important;
}

@media (max-width: 767px){
#wp-megamenu-primary.wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap{
text-align : center!important;
}
#site-header{
width:300px;
margin:0 auto;
}
.collapse{
display :block;
}
#wp-megamenu-primary{
border-bottom : none!important;
}
}

.sjb-page .sjb-detail{
margin-top:0px;
}

.owl-carousel .owl-item img{
	width:100%!important;
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img{
	width:100%!important;
}

#infoLocalCookies input[type=button]{
	color:#333;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* CSS */
.button-86 {
  all: unset;
  /*width: 100px;*/
  height: 30px;
  font-size: 16px;
  background: transparent;
  border: none;
  margin-bottom:30px;
  position: relative;
  color: #ffffff!important;
  cursor: pointer;
  z-index: 1;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-86::after,
.button-86::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -99999;
  transition: all .4s;
}

.button-86::before {
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background: #3A1083;
  border-radius: 10px;
}

.button-86::after {
  transform: translate(10px, 10px);
  width: 35px;
  height: 35px;
  background: #ffffff15;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 50px;
}

.button-86:hover::before {
  transform: translate(5%, 20%);
  width: 110%;
  height: 110%;
}

.button-86:hover::after {
  border-radius: 10px;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
}

.button-86:active::after {
  transition: 0s;
  transform: translate(0, 5%);
}

.videowrapper {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin-top:30px;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}